@nethserver/ns8-ui-lib 0.1.8 → 0.1.9

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

@@ -102,6 +102,7 @@ import Router20 from '@carbon/icons-vue/es/router/20';
 import Certificate32 from '@carbon/icons-vue/es/certificate/32';
 import Certificate20 from '@carbon/icons-vue/es/certificate/20';
 import BareMetalServer20 from '@carbon/icons-vue/es/bare-metal-server/20';
+import BareMetalServer32 from '@carbon/icons-vue/es/bare-metal-server/32';
 import Firewall20 from '@carbon/icons-vue/es/firewall/20';
 import Firewall32 from '@carbon/icons-vue/es/firewall/32';
 import Wikis32 from '@carbon/icons-vue/es/wikis/32';
@@ -130,6 +131,7 @@ import Asterisk32 from '@carbon/icons-vue/es/asterisk/32';
 import Box16 from '@carbon/icons-vue/es/box/16';
 import Box20 from '@carbon/icons-vue/es/box/20';
 import Box32 from '@carbon/icons-vue/es/box/32';
+import UserMilitary32 from '@carbon/icons-vue/es/user--military/32';
 import CvSideNavDivider from '@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue';
 import Search16 from '@carbon/icons-vue/es/search/16';
 import Close16 from '@carbon/icons-vue/es/close/16';
@@ -8760,7 +8762,8 @@ var IconService = {
       Certificate32,
       Certificate20,
       BareMetalServer20,
-      // acme server
+      // acme server, host, hostname
+      BareMetalServer32,
       Firewall20,
       Firewall32,
       Wikis32,
@@ -8794,7 +8797,9 @@ var IconService = {
       Box16,
       // mailboxes
       Box20,
-      Box32
+      Box32,
+      UserMilitary32 // master user
+
     };
   }
 
@@ -22307,6 +22312,10 @@ var script$2 = {
       type: String,
       default: "Unlimited"
     },
+    limitedLabel: {
+      type: String,
+      default: "Limited"
+    },
     showHumanReadableLabel: {
       type: Boolean,
       default: false
@@ -22337,9 +22346,10 @@ var script$2 = {
       dragStartX: 0,
       dragStartValue: 0,
       percentage: "0%",
-      internalUnlimited: false,
+      // internalUnlimited: false, ////
       internalByteUnit: "gib",
-      isInvalid: false
+      isInvalid: false,
+      radioValue: "limited"
     };
   },
 
@@ -22369,12 +22379,17 @@ var script$2 = {
         // MiB
         return this.mibFormat(this.internalValue);
       }
+    },
+
+    internalUnlimited() {
+      return this.radioValue === "unlimited";
     }
 
   },
 
   created() {
-    this.internalUnlimited = this.isUnlimited;
+    // this.internalUnlimited = this.isUnlimited; ////
+    this.radioValue = this.isUnlimited ? "unlimited" : "limited";
     this.internalByteUnit = this.byteUnit;
   },
 
@@ -22413,7 +22428,8 @@ var script$2 = {
     },
 
     isUnlimited() {
-      this.internalUnlimited = this.isUnlimited;
+      // this.internalUnlimited = this.isUnlimited; ////
+      this.radioValue = this.isUnlimited ? "unlimited" : "limited";
     },
 
     internalUnlimited() {
@@ -22618,25 +22634,42 @@ var __vue_render__$8 = function () {
       "for": _vm.uid,
       "id": _vm.labelId
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _c('NsToggle', {
-    class: ['toggle-without-label', 'is-unlimited'],
+  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _vm.showUnlimited ? [_c('cv-radio-group', {
+    class: {
+      'no-mg-bottom': _vm.internalUnlimited
+    },
     attrs: {
-      "value": "unlimitedValue",
-      "form-item": true,
+      "vertical": ""
+    }
+  }, [_c('cv-radio-button', {
+    attrs: {
+      "name": 'radio-group-' + _vm.uid,
+      "label": _vm.unlimitedLabel,
+      "value": "unlimited",
       "disabled": _vm.disabled
     },
     model: {
-      value: _vm.internalUnlimited,
+      value: _vm.radioValue,
       callback: function ($$v) {
-        _vm.internalUnlimited = $$v;
+        _vm.radioValue = $$v;
       },
-      expression: "internalUnlimited"
+      expression: "radioValue"
     }
-  }, [_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', {
+  }), _vm._v(" "), _c('cv-radio-button', {
+    attrs: {
+      "name": 'radio-group-' + _vm.uid,
+      "label": _vm.limitedLabel,
+      "value": "limited",
+      "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.radioValue,
+      callback: function ($$v) {
+        _vm.radioValue = $$v;
+      },
+      expression: "radioValue"
+    }
+  })], 1)] : _vm._e(), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -22787,7 +22820,7 @@ var __vue_render__$8 = function () {
       "kind": _vm.tagKind,
       "disabled": _vm.disabled || _vm.internalUnlimited
     }
-  }) : _vm._e()], 1)], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
+  }) : _vm._e()], 1)], 2), _vm._v(" "), _vm.isInvalid ? _c('div', {
     class: _vm.carbonPrefix + "--form-requirement"
   }, [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
@@ -22799,11 +22832,11 @@ var __vue_staticRenderFns__$8 = [];
 
 const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  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}",
+  inject("data-v-e726568a_0", {
+    source: ".range-input[data-v-e726568a]{margin-top:.5rem!important}.mib-gib[data-v-e726568a]{margin-left:1rem;margin-top:.5rem!important;margin-bottom:0!important}.human-label[data-v-e726568a]{margin-top:1rem}.no-mg-bottom[data-v-e726568a]{margin-bottom:0}.ns-byte-slider .cv-radio-group.bx--form-item[data-v-e726568a]{margin-bottom:.5rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-837c803c_1", {
+  }), inject("data-v-e726568a_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
@@ -22812,7 +22845,7 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-837c803c";
+const __vue_scope_id__$9 = "data-v-e726568a";
 /* module identifier */
 
 const __vue_module_identifier__$9 = undefined;
@@ -22964,6 +22997,10 @@ var script = {
       type: String,
       default: "Unlimited"
     },
+    limitedLabel: {
+      type: String,
+      default: "Limited"
+    },
     invalidMessage: {
       type: String,
       default: ""
@@ -22986,8 +23023,9 @@ var script = {
       dragStartX: 0,
       dragStartValue: 0,
       percentage: "0%",
-      internalUnlimited: false,
-      isInvalid: false
+      // internalUnlimited: false, ////
+      isInvalid: false,
+      radioValue: "limited"
     };
   },
 
@@ -23008,12 +23046,17 @@ var script = {
       let intMultiplier = parseInt(this.stepMultiplier); // default to 4 fro multiplier
 
       return isNaN(intMultiplier) ? 4 : Math.max(intMultiplier, 1);
+    },
+
+    internalUnlimited() {
+      return this.radioValue === "unlimited";
     }
 
   },
 
   created() {
-    this.internalUnlimited = this.isUnlimited;
+    // this.internalUnlimited = this.isUnlimited; ////
+    this.radioValue = this.isUnlimited ? "unlimited" : "limited";
   },
 
   mounted() {
@@ -23051,7 +23094,8 @@ var script = {
     },
 
     isUnlimited() {
-      this.internalUnlimited = this.isUnlimited;
+      // this.internalUnlimited = this.isUnlimited; ////
+      this.radioValue = this.isUnlimited ? "unlimited" : "limited";
     },
 
     internalUnlimited() {
@@ -23206,25 +23250,42 @@ var __vue_render__$7 = function () {
       "for": _vm.uid,
       "id": _vm.labelId
     }
-  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _c('NsToggle', {
-    class: ['toggle-without-label', 'is-unlimited'],
+  }, [_vm._v("\n      " + _vm._s(_vm.label) + "\n    ")]), _vm._v(" "), _vm.showUnlimited ? [_c('cv-radio-group', {
+    class: {
+      'no-mg-bottom': _vm.internalUnlimited
+    },
+    attrs: {
+      "vertical": ""
+    }
+  }, [_c('cv-radio-button', {
     attrs: {
-      "value": "unlimitedValue",
-      "form-item": true,
+      "name": 'radio-group-' + _vm.uid,
+      "label": _vm.unlimitedLabel,
+      "value": "unlimited",
       "disabled": _vm.disabled
     },
     model: {
-      value: _vm.internalUnlimited,
+      value: _vm.radioValue,
       callback: function ($$v) {
-        _vm.internalUnlimited = $$v;
+        _vm.radioValue = $$v;
       },
-      expression: "internalUnlimited"
+      expression: "radioValue"
     }
-  }, [_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', {
+  }), _vm._v(" "), _c('cv-radio-button', {
+    attrs: {
+      "name": 'radio-group-' + _vm.uid,
+      "label": _vm.limitedLabel,
+      "value": "limited",
+      "disabled": _vm.disabled
+    },
+    model: {
+      value: _vm.radioValue,
+      callback: function ($$v) {
+        _vm.radioValue = $$v;
+      },
+      expression: "radioValue"
+    }
+  })], 1)] : _vm._e(), _vm._v(" "), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -23340,7 +23401,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))])])])], 2), _vm._v(" "), _vm.isInvalid ? _c('div', {
     class: _vm.carbonPrefix + "--form-requirement"
   }, [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
@@ -23352,11 +23413,11 @@ var __vue_staticRenderFns__$7 = [];
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  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}",
+  inject("data-v-389045e0_0", {
+    source: ".range-input[data-v-389045e0]{margin-top:.5rem!important}.unit-label[data-v-389045e0]{margin-top:.5rem!important;margin-left:1rem}.no-mg-bottom[data-v-389045e0]{margin-bottom:0}.ns-slider .cv-radio-group.bx--form-item[data-v-389045e0]{margin-bottom:.5rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-8fe01ec0_1", {
+  }), inject("data-v-389045e0_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
@@ -23365,7 +23426,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-8fe01ec0";
+const __vue_scope_id__$7 = "data-v-389045e0";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;