@nethserver/ns8-ui-lib 0.1.31 → 0.1.32

package/dist/ns8-ui-lib.ssr.js

@@ -7369,6 +7369,10 @@ var script$m = {
       default: undefined
     },
     light: Boolean,
+    checkComplexity: {
+      type: Boolean,
+      default: true
+    },
     minLength: {
       type: Number,
       default: 8
@@ -7413,16 +7417,32 @@ var script$m = {
       return this.value.length >= this.minLength;
     },
     isLowercaseOk: function isLowercaseOk() {
-      return /[a-z]/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /[a-z]/.test(this.value);
+      }
     },
     isUppercaseOk: function isUppercaseOk() {
-      return /[A-Z]/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /[A-Z]/.test(this.value);
+      }
     },
     isNumberOk: function isNumberOk() {
-      return /\d/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /\d/.test(this.value);
+      }
     },
     isSymbolOk: function isSymbolOk() {
-      return /\W|_/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /\W|_/.test(this.value);
+      }
     },
     isEqualOk: function isEqualOk() {
       return this.value.length && this.value === this.confirmPassword;
@@ -7486,7 +7506,7 @@ var __vue_render__$u = function __vue_render__() {
 
   return _c('div', {
     staticClass: "ns-password-input"
-  }, [_vm._ssrNode("<div class=\"new-password-container\" data-v-462e7980>", "</div>", [_c('NsTextInput', {
+  }, [_vm._ssrNode("<div class=\"new-password-container\" data-v-2326af46>", "</div>", [_c('NsTextInput', {
     ref: "newPassword",
     staticClass: "new-password",
     attrs: {
@@ -7504,27 +7524,27 @@ var __vue_render__$u = function __vue_render__() {
     on: {
       "input": _vm.onInput
     }
-  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-462e7980><span" + _vm._ssrClass(null, ['requirement', {
+  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-2326af46>" + (_vm.minLength !== 0 ? "<span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isLengthOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-462e7980>" + _vm._ssrEscape(_vm._s(_vm.lengthLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-2326af46>" + _vm._ssrEscape(_vm._s(_vm.lengthLabel)) + "</span>" : "<!---->") + " " + (_vm.checkComplexity ? "<span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isLowercaseOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-462e7980>" + _vm._ssrEscape(_vm._s(_vm.lowercaseLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-2326af46>" + _vm._ssrEscape(_vm._s(_vm.lowercaseLabel)) + "</span>" : "<!---->") + " " + (_vm.checkComplexity ? "<span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isUppercaseOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-462e7980>" + _vm._ssrEscape(_vm._s(_vm.uppercaseLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-2326af46>" + _vm._ssrEscape(_vm._s(_vm.uppercaseLabel)) + "</span>" : "<!---->") + " " + (_vm.checkComplexity ? "<span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isNumberOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-462e7980>" + _vm._ssrEscape(_vm._s(_vm.numberLabel)) + "</span> <span" + _vm._ssrClass(null, ['requirement', {
+  }]) + " data-v-2326af46>" + _vm._ssrEscape(_vm._s(_vm.numberLabel)) + "</span>" : "<!---->") + " " + (_vm.checkComplexity ? "<span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isSymbolOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-462e7980>" + _vm._ssrEscape(_vm._s(_vm.symbolLabel)) + "</span></div>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"confirm-password-container\" data-v-462e7980>", "</div>", [_c('NsTextInput', {
+  }]) + " data-v-2326af46>" + _vm._ssrEscape(_vm._s(_vm.symbolLabel)) + "</span>" : "<!---->") + "</div>")], 2), _vm._ssrNode(" "), _vm._ssrNode("<div class=\"confirm-password-container\" data-v-2326af46>", "</div>", [_c('NsTextInput', {
     ref: "confirmPassword",
     staticClass: "confirm-password",
     attrs: {
@@ -7545,11 +7565,11 @@ var __vue_render__$u = function __vue_render__() {
       },
       expression: "confirmPassword"
     }
-  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-462e7980><span" + _vm._ssrClass(null, ['requirement', {
+  }), _vm._ssrNode(" <div class=\"password-meter\" data-v-2326af46><span" + _vm._ssrClass(null, ['requirement', {
     'requirement-ok': _vm.isEqualOk,
     'requirement-light': _vm.light,
     'requirement-disabled': _vm.disabled
-  }]) + " data-v-462e7980>" + _vm._ssrEscape(_vm._s(_vm.equalLabel)) + "</span></div>")], 2)], 2);
+  }]) + " data-v-2326af46>" + _vm._ssrEscape(_vm._s(_vm.equalLabel)) + "</span></div>")], 2)], 2);
 };
 
 var __vue_staticRenderFns__$u = [];
@@ -7557,8 +7577,8 @@ var __vue_staticRenderFns__$u = [];
 
 var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-462e7980_0", {
-    source: ".new-password-container[data-v-462e7980]{margin-bottom:1rem}.new-password[data-v-462e7980]{margin-bottom:.25rem}.confirm-password[data-v-462e7980]{margin-bottom:.25rem}.password-meter[data-v-462e7980]{display:flex}@media (min-width:672px){.password-meter[data-v-462e7980]{max-width:38rem}}.requirement[data-v-462e7980]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-462e7980]{background-color:#fff}.requirement[data-v-462e7980]:first-child{margin-left:0}.requirement-ok[data-v-462e7980]{color:#fff;background-color:#198038}.requirement-disabled[data-v-462e7980]{color:#c6c6c6;background-color:#f4f4f4}",
+  inject("data-v-2326af46_0", {
+    source: ".new-password-container[data-v-2326af46]{margin-bottom:1rem}.new-password[data-v-2326af46]{margin-bottom:.25rem}.confirm-password[data-v-2326af46]{margin-bottom:.25rem}.password-meter[data-v-2326af46]{display:flex}@media (min-width:672px){.password-meter[data-v-2326af46]{max-width:38rem}}.requirement[data-v-2326af46]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-2326af46]{background-color:#fff}.requirement[data-v-2326af46]:first-child{margin-left:0}.requirement-ok[data-v-2326af46]{color:#fff;background-color:#198038}.requirement-disabled[data-v-2326af46]{color:#c6c6c6;background-color:#f4f4f4}",
     map: undefined,
     media: undefined
   });
@@ -7566,10 +7586,10 @@ var __vue_inject_styles__$w = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$w = "data-v-462e7980";
+var __vue_scope_id__$w = "data-v-2326af46";
 /* module identifier */
 
-var __vue_module_identifier__$w = "data-v-462e7980";
+var __vue_module_identifier__$w = "data-v-2326af46";
 /* functional template */
 
 var __vue_is_functional_template__$w = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethserver/ns8-ui-lib",
-  "version": "0.1.31",
+  "version": "0.1.32",
   "description": "Vue.js library for NethServer 8 UI",
   "keywords": [
     "nethserver",

package/src/lib-components/NsPasswordInput.vue

@@ -23,6 +23,7 @@
       </NsTextInput>
       <div class="password-meter">
         <span
+          v-if="minLength !== 0"
           :class="[
             'requirement',
             {
@@ -34,6 +35,7 @@
           >{{ lengthLabel }}</span
         >
         <span
+          v-if="checkComplexity"
           :class="[
             'requirement',
             {
@@ -45,6 +47,7 @@
           >{{ lowercaseLabel }}</span
         >
         <span
+          v-if="checkComplexity"
           :class="[
             'requirement',
             {
@@ -56,6 +59,7 @@
           >{{ uppercaseLabel }}</span
         >
         <span
+          v-if="checkComplexity"
           :class="[
             'requirement',
             {
@@ -67,6 +71,7 @@
           >{{ numberLabel }}</span
         >
         <span
+          v-if="checkComplexity"
           :class="[
             'requirement',
             {
@@ -138,6 +143,10 @@ export default {
       default: undefined,
     },
     light: Boolean,
+    checkComplexity: {
+      type: Boolean,
+      default: true,
+    },
     minLength: {
       type: Number,
       default: 8,
@@ -182,16 +191,32 @@ export default {
       return this.value.length >= this.minLength;
     },
     isLowercaseOk() {
-      return /[a-z]/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /[a-z]/.test(this.value);
+      }
     },
     isUppercaseOk() {
-      return /[A-Z]/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /[A-Z]/.test(this.value);
+      }
     },
     isNumberOk() {
-      return /\d/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /\d/.test(this.value);
+      }
     },
     isSymbolOk() {
-      return /\W|_/.test(this.value);
+      if (!this.checkComplexity) {
+        return true;
+      } else {
+        return /\W|_/.test(this.value);
+      }
     },
     isEqualOk() {
       return this.value.length && this.value === this.confirmPassword;