{"version":3,"sources":["webpack:///./src/components/global/formElements/PasswordStrengthViewer.vue","webpack:///src/components/global/formElements/PasswordStrengthViewer.vue","webpack:///./src/components/global/formElements/PasswordStrengthViewer.vue?761a","webpack:///./src/components/global/formElements/PasswordStrengthViewer.vue?8927","webpack:///./src/components/global/formElements/PasswordStrengthViewer.vue?f1a6"],"names":["render","_vm","this","_c","_self","staticClass","class","green","form","password","validPassword","strongNumber","directives","name","rawName","value","expression","_v","_s","active","isMinEightChar","red","length","isMinOneUpper","isMinOneLower","isMinOneNumber","isMinOneSpecial","staticRenderFns","props","Object","component"],"mappings":"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","file":"js/chunk-4da84981.192823cc.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"password-view\"},[_c('div',{class:[\n      'level level-1',\n      {\n        green: _vm.form.password != '' && _vm.validPassword.strongNumber >= 1,\n      },\n    ]}),_c('div',{class:[\n      'level level-2',\n      {\n        green: _vm.form.password != '' && _vm.validPassword.strongNumber >= 2,\n      },\n    ]}),_c('div',{class:[\n      'level level-3',\n      {\n        green: _vm.form.password != '' && _vm.validPassword.strongNumber >= 3,\n      },\n    ]}),_c('div',{class:[\n      'level level-4',\n      {\n        green: _vm.form.password != '' && _vm.validPassword.strongNumber >= 4,\n      },\n    ]}),_c('div',{class:[\n      'level level-5',\n      {\n        green: _vm.form.password != '' && _vm.validPassword.strongNumber >= 5,\n      },\n    ]}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.form.password == ''),expression:\"form.password == ''\"}],staticClass:\"scope-text\"},[_vm._v(\" \"+_vm._s('password.score')+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(\n      _vm.form.password != '' &&\n      _vm.validPassword.strongNumber >= 0 &&\n      _vm.validPassword.strongNumber <= 2\n    ),expression:\"\\n      form.password != '' &&\\n      validPassword.strongNumber >= 0 &&\\n      validPassword.strongNumber <= 2\\n    \"}],staticClass:\"scope-text red\"},[_vm._v(\" \"+_vm._s('password.fair')+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(\n      _vm.form.password != '' &&\n      _vm.validPassword.strongNumber >= 3 &&\n      _vm.validPassword.strongNumber <= 4\n    ),expression:\"\\n      form.password != '' &&\\n      validPassword.strongNumber >= 3 &&\\n      validPassword.strongNumber <= 4\\n    \"}],staticClass:\"scope-text orange\"},[_vm._v(\" \"+_vm._s('password.good')+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.form.password != '' && _vm.validPassword.strongNumber == 5),expression:\"form.password != '' && validPassword.strongNumber == 5\"}],staticClass:\"scope-text green\"},[_vm._v(\" \"+_vm._s('password.veryStrong')+\" \")]),_c('div',{staticClass:\"requirements\"},[_c('div',{class:['item eight-chars', { active: _vm.validPassword.isMinEightChar }]},[_c('div',{class:[\n          'circle eight-chars-circle',\n          { green: _vm.validPassword.isMinEightChar },\n          { red: _vm.form.password.length != '' },\n        ]}),_c('span',{staticClass:\"eight-chars-text\"},[_vm._v(\" \"+_vm._s('password.eightCharactersMinimum')+\" \")])]),_c('div',{class:['item eight-chars', { active: _vm.validPassword.isMinOneUpper }]},[_c('div',{class:[\n          'circle eight-chars-circle',\n          { green: _vm.validPassword.isMinOneUpper },\n          { red: _vm.form.password.length != '' },\n        ]}),_c('span',{staticClass:\"eight-chars-text\"},[_vm._v(\" \"+_vm._s('password.oneUpper')+\" \")])]),_c('div',{class:['item eight-chars', { active: _vm.validPassword.isMinOneLower }]},[_c('div',{class:[\n          'circle eight-chars-circle',\n          { green: _vm.validPassword.isMinOneLower },\n          { red: _vm.form.password.length != '' },\n        ]}),_c('span',{staticClass:\"eight-chars-text\"},[_vm._v(\" \"+_vm._s('password.oneLower')+\" \")])]),_c('div',{class:['item one-number', { active: _vm.validPassword.isMinOneNumber }]},[_c('div',{class:[\n          'circle one-number-circle',\n          { green: _vm.validPassword.isMinOneNumber },\n          { red: _vm.form.password.length != '' },\n        ]}),_c('span',{staticClass:\"one-number-text\"},[_vm._v(\" \"+_vm._s('password.oneNumber')+\" \")])]),_c('div',{class:[\n        'item one-special-char',\n        { active: _vm.validPassword.isMinOneSpecial },\n      ]},[_c('div',{class:[\n          'circle one-special-char-circle',\n          { green: _vm.validPassword.isMinOneSpecial },\n          { red: _vm.form.password.length != '' },\n        ]}),_c('span',{staticClass:\"one-special-char-text\"},[_vm._v(\" \"+_vm._s('password.oneSpecialCharacter')+\" \")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"password-view\">\n    <!-- First area levels -->\n    <div\n      :class=\"[\n        'level level-1',\n        {\n          green: form.password != '' && validPassword.strongNumber >= 1,\n        },\n      ]\"\n    ></div>\n    <div\n      :class=\"[\n        'level level-2',\n        {\n          green: form.password != '' && validPassword.strongNumber >= 2,\n        },\n      ]\"\n    ></div>\n    <div\n      :class=\"[\n        'level level-3',\n        {\n          green: form.password != '' && validPassword.strongNumber >= 3,\n        },\n      ]\"\n    ></div>\n    <div\n      :class=\"[\n        'level level-4',\n        {\n          green: form.password != '' && validPassword.strongNumber >= 4,\n        },\n      ]\"\n    ></div>\n    <div\n      :class=\"[\n        'level level-5',\n        {\n          green: form.password != '' && validPassword.strongNumber >= 5,\n        },\n      ]\"\n    ></div>\n    <div class=\"scope-text\" v-show=\"form.password == ''\">\n      {{ 'password.score' }}\n    </div>\n    <div\n      class=\"scope-text red\"\n      v-show=\"\n        form.password != '' &&\n        validPassword.strongNumber >= 0 &&\n        validPassword.strongNumber <= 2\n      \"\n    >\n      {{ 'password.fair' }}\n    </div>\n    <div\n      class=\"scope-text orange\"\n      v-show=\"\n        form.password != '' &&\n        validPassword.strongNumber >= 3 &&\n        validPassword.strongNumber <= 4\n      \"\n    >\n      {{ 'password.good' }}\n    </div>\n    <div\n      class=\"scope-text green\"\n      v-show=\"form.password != '' && validPassword.strongNumber == 5\"\n    >\n      {{ 'password.veryStrong' }}\n    </div>\n\n    <!-- Second area requirements -->\n    <div class=\"requirements\">\n      <!-- This line 8 characters minimum -->\n      <div\n        :class=\"['item eight-chars', { active: validPassword.isMinEightChar }]\"\n      >\n        <div\n          :class=\"[\n            'circle eight-chars-circle',\n            { green: validPassword.isMinEightChar },\n            { red: form.password.length != '' },\n          ]\"\n        ></div>\n        <span class=\"eight-chars-text\">\n          {{ 'password.eightCharactersMinimum' }}\n        </span>\n      </div>\n\n      <!-- This line uppsercase for 1 characters minimum -->\n      <div\n        :class=\"['item eight-chars', { active: validPassword.isMinOneUpper }]\"\n      >\n        <div\n          :class=\"[\n            'circle eight-chars-circle',\n            { green: validPassword.isMinOneUpper },\n            { red: form.password.length != '' },\n          ]\"\n        ></div>\n        <span class=\"eight-chars-text\">\n          {{ 'password.oneUpper' }}\n        </span>\n      </div>\n\n      <!-- This line lowercase for 1 characters minimum -->\n      <div\n        :class=\"['item eight-chars', { active: validPassword.isMinOneLower }]\"\n      >\n        <div\n          :class=\"[\n            'circle eight-chars-circle',\n            { green: validPassword.isMinOneLower },\n            { red: form.password.length != '' },\n          ]\"\n        ></div>\n        <span class=\"eight-chars-text\">\n          {{ 'password.oneLower' }}\n        </span>\n      </div>\n\n      <!-- This line one number -->\n      <div\n        :class=\"['item one-number', { active: validPassword.isMinOneNumber }]\"\n      >\n        <div\n          :class=\"[\n            'circle one-number-circle',\n            { green: validPassword.isMinOneNumber },\n            { red: form.password.length != '' },\n          ]\"\n        ></div>\n        <span class=\"one-number-text\">\n          {{ 'password.oneNumber' }}\n        </span>\n      </div>\n\n      <!-- This line one special character -->\n      <div\n        :class=\"[\n          'item one-special-char',\n          { active: validPassword.isMinOneSpecial },\n        ]\"\n      >\n        <div\n          :class=\"[\n            'circle one-special-char-circle',\n            { green: validPassword.isMinOneSpecial },\n            { red: form.password.length != '' },\n          ]\"\n        ></div>\n        <span class=\"one-special-char-text\">\n          {{ 'password.oneSpecialCharacter' }}\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PasswordStrengthViewer',\n  props: {\n    validPassword: Object,\n    form: Object,\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.password-view {\n  margin-bottom: 20px;\n\n  .level {\n    float: left;\n    width: calc(20% - 5px);\n    height: 3px;\n    background-color: #e1e4e8;\n    margin-right: 5px;\n\n    &.level-5 {\n      width: calc(20%);\n      margin-right: 0;\n    }\n\n    &.red {\n      background-color: #f03d3d;\n    }\n\n    &.orange {\n      background-color: #ffad0d;\n    }\n\n    &.green {\n      background-color: #0bb07b;\n    }\n  }\n\n  .scope-text {\n    font-size: 12px;\n    font-weight: bold;\n    line-height: 1.33;\n    text-align: right;\n    color: #e1e4e8;\n    margin-top: 6px;\n\n    &.red {\n      color: #f03d3d;\n    }\n\n    &.orange {\n      color: #ffad0d;\n    }\n\n    &.green {\n      color: #0bb07b;\n    }\n  }\n\n  .requirements {\n    color: #c9ced6;\n    font-size: 14px;\n    font-weight: normal;\n    margin-bottom: 10px;\n    line-height: 18px;\n\n    .item {\n      display: flex;\n      align-items: center;\n\n      .circle {\n        background-color: #e1e4e8;\n        width: 9px;\n        height: 9px;\n        border-radius: 9px;\n        margin-right: 8px;\n\n        &.red {\n          background-color: #f03d3d;\n        }\n\n        &.orange {\n          background-color: #ffad0d;\n        }\n\n        &.green {\n          background-color: #0bb07b;\n        }\n      }\n    }\n\n    .active {\n      color: #0a1f44;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PasswordStrengthViewer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PasswordStrengthViewer.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PasswordStrengthViewer.vue?vue&type=template&id=2dedebe1&scoped=true\"\nimport script from \"./PasswordStrengthViewer.vue?vue&type=script&lang=js\"\nexport * from \"./PasswordStrengthViewer.vue?vue&type=script&lang=js\"\nimport style0 from \"./PasswordStrengthViewer.vue?vue&type=style&index=0&id=2dedebe1&prod&lang=scss&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2dedebe1\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PasswordStrengthViewer.vue?vue&type=style&index=0&id=2dedebe1&prod&lang=scss&scoped=true\""],"sourceRoot":""}