@nethserver/ns8-ui-lib 0.1.7 → 0.1.8

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

@@ -22618,12 +22618,12 @@ var __vue_render__$8 = function () {
       "for": _vm.uid,
       "id": _vm.labelId
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _vm.showUnlimited ? _c('NsCheckbox', {
-    staticClass: "is-unlimited",
+  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _c('NsToggle', {
+    class: ['toggle-without-label', 'is-unlimited'],
     attrs: {
-      "label": _vm.unlimitedLabel,
-      "disabled": _vm.disabled,
-      "value": "checkUnlimited"
+      "value": "unlimitedValue",
+      "form-item": true,
+      "disabled": _vm.disabled
     },
     model: {
       value: _vm.internalUnlimited,
@@ -22632,7 +22632,18 @@ var __vue_render__$8 = function () {
       },
       expression: "internalUnlimited"
     }
-  }) : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_c('template', {
+    slot: "text-left"
+  }, [_vm._v(_vm._s(_vm.unlimitedLabel) + " ")]), _vm._v(" "), _c('template', {
+    slot: "text-right"
+  }, [_vm._v(_vm._s(_vm.unlimitedLabel) + " ")])], 2), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.internalUnlimited,
+      expression: "!internalUnlimited"
+    }]
+  }, [_c('div', {
     class: _vm.carbonPrefix + "--slider-container"
   }, [_vm.internalMinLabel ? _c('span', {
     class: _vm.carbonPrefix + "--slider__range-label"
@@ -22776,7 +22787,7 @@ var __vue_render__$8 = function () {
       "kind": _vm.tagKind,
       "disabled": _vm.disabled || _vm.internalUnlimited
     }
-  }) : _vm._e()], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
+  }) : _vm._e()], 1)], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
     class: _vm.carbonPrefix + "--form-requirement"
   }, [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
@@ -22788,11 +22799,11 @@ var __vue_staticRenderFns__$8 = [];
 
 const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  inject("data-v-af193c20_0", {
-    source: ".is-unlimited[data-v-af193c20]{margin-top:.5rem!important;margin-bottom:.5rem!important}.range-input[data-v-af193c20]{margin-top:.5rem!important}.mib-gib[data-v-af193c20]{margin-left:1rem;margin-top:.5rem!important;margin-bottom:0!important}.human-label[data-v-af193c20]{margin-top:1rem}",
+  inject("data-v-837c803c_0", {
+    source: ".is-unlimited[data-v-837c803c]{margin-top:.25rem!important;margin-bottom:.5rem!important}.range-input[data-v-837c803c]{margin-top:.5rem!important}.mib-gib[data-v-837c803c]{margin-left:1rem;margin-top:.5rem!important;margin-bottom:0!important}.human-label[data-v-837c803c]{margin-top:1rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-af193c20_1", {
+  }), inject("data-v-837c803c_1", {
     source: ".ns-byte-slider .bx--slider-container{flex-wrap:wrap}.ns-byte-slider .bx--slider-text-input{width:5rem}.ns-byte-slider .wrapper[data-invalid]~.bx--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400;color:#da1e28}",
     map: undefined,
     media: undefined
@@ -22801,7 +22812,7 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-af193c20";
+const __vue_scope_id__$9 = "data-v-837c803c";
 /* module identifier */
 
 const __vue_module_identifier__$9 = undefined;
@@ -23195,12 +23206,12 @@ var __vue_render__$7 = function () {
       "for": _vm.uid,
       "id": _vm.labelId
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _vm.showUnlimited ? _c('NsCheckbox', {
-    staticClass: "is-unlimited",
+  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _c('NsToggle', {
+    class: ['toggle-without-label', 'is-unlimited'],
     attrs: {
-      "label": _vm.unlimitedLabel,
-      "disabled": _vm.disabled,
-      "value": "checkUnlimited"
+      "value": "unlimitedValue",
+      "form-item": true,
+      "disabled": _vm.disabled
     },
     model: {
       value: _vm.internalUnlimited,
@@ -23209,7 +23220,18 @@ var __vue_render__$7 = function () {
       },
       expression: "internalUnlimited"
     }
-  }) : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_c('template', {
+    slot: "text-left"
+  }, [_vm._v(_vm._s(_vm.unlimitedLabel) + " ")]), _vm._v(" "), _c('template', {
+    slot: "text-right"
+  }, [_vm._v(_vm._s(_vm.unlimitedLabel) + " ")])], 2), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: !_vm.internalUnlimited,
+      expression: "!internalUnlimited"
+    }]
+  }, [_c('div', {
     class: _vm.carbonPrefix + "--slider-container"
   }, [_vm.internalMinLabel ? _c('span', {
     class: _vm.carbonPrefix + "--slider__range-label"
@@ -23318,7 +23340,7 @@ var __vue_render__$7 = function () {
     }
   }), _vm._v(" "), _c('span', {
     class: ["unit-label", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled || _vm.internalUnlimited, _obj$4)]
-  }, [_vm._v(_vm._s(_vm.unitLabel))])])], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
+  }, [_vm._v(_vm._s(_vm.unitLabel))])])])], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
     class: _vm.carbonPrefix + "--form-requirement"
   }, [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
@@ -23330,11 +23352,11 @@ var __vue_staticRenderFns__$7 = [];
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-89974358_0", {
-    source: ".is-unlimited[data-v-89974358]{margin-top:.5rem!important;margin-bottom:.5rem!important}.range-input[data-v-89974358]{margin-top:.5rem!important}.unit-label[data-v-89974358]{margin-top:.5rem!important;margin-left:1rem}",
+  inject("data-v-8fe01ec0_0", {
+    source: ".is-unlimited[data-v-8fe01ec0]{margin-top:.25rem!important;margin-bottom:.5rem!important}.range-input[data-v-8fe01ec0]{margin-top:.5rem!important}.unit-label[data-v-8fe01ec0]{margin-top:.5rem!important;margin-left:1rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-89974358_1", {
+  }), inject("data-v-8fe01ec0_1", {
     source: ".ns-slider .bx--slider-container{flex-wrap:wrap}.ns-slider .bx--slider-text-input{width:5rem}.ns-slider .wrapper[data-invalid]~.bx--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400;color:#da1e28}",
     map: undefined,
     media: undefined
@@ -23343,7 +23365,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-89974358";
+const __vue_scope_id__$7 = "data-v-8fe01ec0";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;