@nethserver/ns8-ui-lib 0.0.87 → 0.0.90

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

@@ -6529,7 +6529,7 @@ var __vue_render__$m = function __vue_render__() {
 
   return _c('div', {
     class: ["cv-text-input", "ns-text-input", _vm.carbonPrefix + "--form-item", _vm.carbonPrefix + "--text-input-wrapper", (_obj = {}, _obj[_vm.carbonPrefix + "--password-input-wrapper"] = _vm.isPassword, _obj)]
-  }, [_vm.hasTooltipSlot ? _vm._ssrNode("<div data-v-cf3198ba>", "</div>", [_vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled, _obj$1)]) + " data-v-cf3198ba>" + _vm._ssrEscape(_vm._s(_vm.label)) + "</label> "), _c('cv-interactive-tooltip', {
+  }, [_vm.hasTooltipSlot ? _vm._ssrNode("<div data-v-eae7353a>", "</div>", [_vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled, _obj$1)]) + " data-v-eae7353a>" + _vm._ssrEscape(_vm._s(_vm.label)) + "</label> "), _c('cv-interactive-tooltip', {
     staticClass: "tooltip info",
     attrs: {
       "alignment": _vm.tooltipAlignment,
@@ -6537,21 +6537,21 @@ var __vue_render__$m = function __vue_render__() {
     }
   }, [_c('template', {
     slot: "content"
-  }, [_vm._t("tooltip")], 2)], 2)], 2) : _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--label--disabled"] = _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled, _obj$2)]) + " data-v-cf3198ba>" + _vm._ssrEscape(_vm._s(_vm.label)) + "</label>"), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input__field-wrapper", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj$3), {
+  }, [_vm._t("tooltip")], 2)], 2)], 2) : _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--label--disabled"] = _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled, _obj$2)]) + " data-v-eae7353a>" + _vm._ssrEscape(_vm._s(_vm.label)) + "</label>"), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input__field-wrapper", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj$3), {
     'align-items-center': _vm.prefix
-  }]) + " data-v-cf3198ba>", "</div>", [_vm.isInvalid ? _c('WarningFilled16', {
+  }]) + " data-v-eae7353a>", "</div>", [_vm.isInvalid ? _c('WarningFilled16', {
     class: _vm.carbonPrefix + "--text-input__invalid-icon"
   }) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn ? _c('WarningAltFilled16', {
     class: _vm.carbonPrefix + "--text-input__invalid-icon " + _vm.carbonPrefix + "--text-input__invalid-icon--warning"
-  }) : _vm._e(), _vm._ssrNode(" " + (_vm.prefix ? "<span class=\"prefix\" data-v-cf3198ba>" + _vm._ssrEscape(_vm._s(_vm.prefix)) + "</span>" : "<!---->") + " <input" + _vm._ssrAttr("id", _vm.uid) + _vm._ssrAttr("data-toggle-password-visibility", _vm.isPassword) + _vm._ssrAttr("type", _vm.dataType) + _vm._ssrAttr("value", _vm.value) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--text-input--light"] = _vm.isLight, _obj$4[_vm.carbonPrefix + "--text-input--invalid"] = _vm.isInvalid, _obj$4[_vm.carbonPrefix + "--text-input--warning"] = _vm.isWarn, _obj$4[_vm.carbonPrefix + "--password-input"] = _vm.isPassword, _obj$4)]) + " data-v-cf3198ba> "), _vm.isPassword ? _vm._ssrNode("<button type=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--text-input--password__visibility__toggle", _vm.carbonPrefix + "--tooltip__trigger", _vm.carbonPrefix + "--tooltip--a11y", _vm.carbonPrefix + "--tooltip--bottom", _vm.carbonPrefix + "--tooltip--align-end"]) + " data-v-cf3198ba>", "</button>", [_vm._ssrNode("<span" + _vm._ssrClass(null, _vm.carbonPrefix + "--assistive-text") + " data-v-cf3198ba>" + _vm._ssrEscape(_vm._s(_vm.passwordHideShowLabel)) + "</span> "), _vm.isPasswordVisible ? _c('ViewOff16', {
+  }) : _vm._e(), _vm._ssrNode(" " + (_vm.prefix ? "<span class=\"prefix\" data-v-eae7353a>" + _vm._ssrEscape(_vm._s(_vm.prefix)) + "</span>" : "<!---->") + " <input" + _vm._ssrAttr("id", _vm.uid) + _vm._ssrAttr("data-toggle-password-visibility", _vm.isPassword) + _vm._ssrAttr("type", _vm.dataType) + _vm._ssrAttr("value", _vm.value) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--text-input--light"] = _vm.isLight, _obj$4[_vm.carbonPrefix + "--text-input--invalid"] = _vm.isInvalid, _obj$4[_vm.carbonPrefix + "--text-input--warning"] = _vm.isWarn, _obj$4[_vm.carbonPrefix + "--password-input"] = _vm.isPassword, _obj$4)]) + " data-v-eae7353a> "), _vm.isPassword ? _vm._ssrNode("<button type=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--text-input--password__visibility__toggle", _vm.carbonPrefix + "--tooltip__trigger", _vm.carbonPrefix + "--tooltip--a11y", _vm.carbonPrefix + "--tooltip--bottom", _vm.carbonPrefix + "--tooltip--align-end"]) + " data-v-eae7353a>", "</button>", [_vm._ssrNode("<span" + _vm._ssrClass(null, _vm.carbonPrefix + "--assistive-text") + " data-v-eae7353a>" + _vm._ssrEscape(_vm._s(_vm.passwordHideShowLabel)) + "</span> "), _vm.isPasswordVisible ? _c('ViewOff16', {
     class: _vm.carbonPrefix + "--icon-visibility-off"
   }) : _c('View16', {
     class: _vm.carbonPrefix + "--icon-visibility-off"
-  })], 2) : _vm._e()], 2), _vm._ssrNode(" "), _vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form-requirement") + " data-v-cf3198ba>", "</div>", [_vm._t("invalid-message", function () {
+  })], 2) : _vm._e()], 2), _vm._ssrNode(" "), _vm.isInvalid ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form-requirement") + " data-v-eae7353a>", "</div>", [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form__requirement") + " data-v-cf3198ba>", "</div>", [_vm._t("warn-text", function () {
+  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isWarn ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form__requirement") + " data-v-eae7353a>", "</div>", [_vm._t("warn-text", function () {
     return [_vm._v(_vm._s(_vm.warnText))];
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isHelper ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.$attrs.disabled, _obj$5)]) + " data-v-cf3198ba>", "</div>", [_vm._t("helper-text", function () {
+  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.isHelper ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.$attrs.disabled, _obj$5)]) + " data-v-eae7353a>", "</div>", [_vm._t("helper-text", function () {
     return [_vm._v(_vm._s(_vm.helperText))];
   })], 2) : _vm._e()], 2);
 };
@@ -6561,11 +6561,11 @@ var __vue_staticRenderFns__$m = [];
 
 var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-cf3198ba_0", {
-    source: ".tooltip[data-v-cf3198ba]{display:inline-block;position:absolute}.prefix[data-v-cf3198ba]{font-weight:700;margin-right:.5rem}.align-items-center[data-v-cf3198ba]{align-items:center}",
+  inject("data-v-eae7353a_0", {
+    source: ".tooltip[data-v-eae7353a]{display:inline-block;position:absolute}.prefix[data-v-eae7353a]{font-weight:700;margin-right:.5rem;color:#525252}.align-items-center[data-v-eae7353a]{align-items:center}",
     map: undefined,
     media: undefined
-  }), inject("data-v-cf3198ba_1", {
+  }), inject("data-v-eae7353a_1", {
     source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -6574,10 +6574,10 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$n = "data-v-cf3198ba";
+var __vue_scope_id__$n = "data-v-eae7353a";
 /* module identifier */
 
-var __vue_module_identifier__$n = "data-v-cf3198ba";
+var __vue_module_identifier__$n = "data-v-eae7353a";
 /* functional template */
 
 var __vue_is_functional_template__$n = false;
@@ -7634,10 +7634,177 @@ var __vue_component__$z = /*#__PURE__*/normalizeComponent({
 
 var __vue_component__$A = __vue_component__$z;//
 var script$b = {
+  name: "NsModal",
+  extends: vue.CvModal,
+  components: {
+    CvModal: vue.CvModal,
+    NsButton: NsButton
+  },
+  props: {
+    hideOnClickOutside: {
+      type: Boolean,
+      default: false
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    alert: Boolean,
+    closeAriaLabel: {
+      type: String,
+      default: "Close modal"
+    },
+    kind: {
+      type: String,
+      default: "",
+      validator: function validator(val) {
+        return ["", "danger"].includes(val);
+      }
+    },
+    autoHideOff: Boolean,
+    visible: Boolean,
+    primaryButtonDisabled: Boolean,
+    size: String,
+    hasFormContent: Boolean
+  },
+  methods: {
+    onExternalClick: function onExternalClick(ev) {
+      if (this.hideOnClickOutside) {
+        if (ev.target === this.$el) {
+          this._maybeHide(ev, "external-click");
+        }
+      }
+    }
+  },
+  focusBeforeContent: function focusBeforeContent() {
+    var _this = this;
+
+    this.$nextTick(function () {
+      if (_this.$slots["primary-button"] && !_this.primaryButtonDisabled) {
+        _this.$refs.primary.$el.focus();
+      } else if (_this.$slots["secondary-button"]) {
+        _this.$refs.secondary.$el.focus();
+      } else if (_this.$slots["other-button"]) {
+        _this.$refs.otherBtn.$el.focus();
+      } else {
+        _this.$refs.close.focus();
+      }
+    });
+  }
+};/* script */
+var __vue_script__$b = script$b;
+/* template */
+
+var __vue_render__$h = function __vue_render__() {
+  var _obj, _obj$1, _obj$2, _obj$3;
+
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    class: ["cv-modal " + _vm.carbonPrefix + "--modal", (_obj = {
+      'is-visible': _vm.dataVisible
+    }, _obj[_vm.carbonPrefix + "--modal--danger"] = _vm.kind === 'danger', _obj)],
+    attrs: {
+      "data-modal": "",
+      "id": _vm.uid,
+      "tabindex": "-1"
+    },
+    on: {
+      "keydown": function keydown($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
+          return null;
+        }
+
+        $event.preventDefault();
+        return _vm.onEsc.apply(null, arguments);
+      },
+      "click": function click($event) {
+        if ($event.target !== $event.currentTarget) {
+          return null;
+        }
+
+        return _vm.onExternalClick.apply(null, arguments);
+      }
+    }
+  }, [_vm._ssrNode("<div" + _vm._ssrAttrs(_vm.dialogAttrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--modal-container", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--modal-container--" + _vm.internalSize] = _vm.internalSize, _obj$1)]) + ">", "</div>", [_vm._ssrNode("<div tabindex=\"0\" class=\"cv-modal__before-content\" style=\"position: absolute; height: 1px; width: 1px; left: -9999px\"></div> "), _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-header") + ">", "</div>", [_vm._ssrNode("<p" + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-header__label") + ">", "</p>", [_vm._t("label")], 2), _vm._ssrNode(" "), _vm._ssrNode("<p" + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-header__heading") + ">", "</p>", [_vm._t("title", function () {
+    return [_vm._v("Modal Title")];
+  })], 2), _vm._ssrNode(" "), _vm._ssrNode("<button type=\"button\"" + _vm._ssrAttr("aria-label", _vm.closeAriaLabel) + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-close") + ">", "</button>", [_c('Close16', {
+    class: _vm.carbonPrefix + "--modal-close__icon"
+  })], 1)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrAttr("tabindex", _vm.scrollable ? 0 : undefined) + _vm._ssrClass(null, [_vm.carbonPrefix + "--modal-content", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--modal-content--with-form"] = _vm.hasFormContent, _obj$2)]) + ">", "</div>", [_vm._t("content")], 2), _vm._ssrNode(" "), _vm.hasFooter ? _c('cv-button-set', {
+    class: [_vm.carbonPrefix + "--modal-footer", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--modal-footer--three-button"] = _vm.hasPrimary && _vm.hasSecondary && _vm.hasOtherBtn, _obj$3)]
+  }, [_vm.hasOtherBtn ? _c('cv-button', {
+    ref: "otherBtn",
+    attrs: {
+      "type": "button",
+      "kind": "secondary"
+    },
+    on: {
+      "click": _vm.onOtherBtnClick
+    }
+  }, [_vm._t("other-button", function () {
+    return [_vm._v("Other button")];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.hasSecondary ? _c('cv-button', {
+    ref: "secondary",
+    attrs: {
+      "type": "button",
+      "kind": "secondary"
+    },
+    on: {
+      "click": _vm.onSecondaryClick
+    }
+  }, [_vm._t("secondary-button", function () {
+    return [_vm._v("Secondary button")];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.hasPrimary ? _c('NsButton', {
+    ref: "primary",
+    attrs: {
+      "disabled": _vm.primaryButtonDisabled,
+      "type": "button",
+      "kind": _vm.primaryKind,
+      "loading": _vm.isLoading
+    },
+    on: {
+      "click": _vm.onPrimaryClick
+    }
+  }, [_vm._t("primary-button", function () {
+    return [_vm._v("Primary button")];
+  })], 2) : _vm._e()], 1) : _vm._e(), _vm._ssrNode(" <div tabindex=\"0\" class=\"cv-modal__after-content\" style=\"position: absolute; height: 1px; width: 1px; left: -9999px\"></div>")], 2)]);
+};
+
+var __vue_staticRenderFns__$h = [];
+/* style */
+
+var __vue_inject_styles__$i = undefined;
+/* scoped */
+
+var __vue_scope_id__$i = undefined;
+/* module identifier */
+
+var __vue_module_identifier__$i = "data-v-a65f2498";
+/* functional template */
+
+var __vue_is_functional_template__$i = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+var __vue_component__$y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
+
+var NsModal = __vue_component__$y;//
+var script$a = {
   name: "NsDangerDeleteModal",
   //component added for storybook to work
   components: {
-    NsInlineNotification: NsInlineNotification
+    NsInlineNotification: NsInlineNotification,
+    NsModal: NsModal
   },
   mixins: [UtilService],
   props: {
@@ -7723,17 +7890,17 @@ var script$b = {
     }
   }
 };/* script */
-var __vue_script__$b = script$b;
+var __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$h = function __vue_render__() {
+var __vue_render__$g = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
 
   var _c = _vm._self._c || _h;
 
-  return _c('cv-modal', {
+  return _c('NsModal', {
     attrs: {
       "kind": "danger",
       "size": "default",
@@ -7794,13 +7961,13 @@ var __vue_render__$h = function __vue_render__() {
   }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-56c8d6b0_0", {
-    source: ".type-to-confirm[data-v-56c8d6b0]{margin-top:2rem}",
+  inject("data-v-746a2de3_0", {
+    source: ".type-to-confirm[data-v-746a2de3]{margin-top:2rem}",
     map: undefined,
     media: undefined
   });
@@ -7808,21 +7975,21 @@ var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$i = "data-v-56c8d6b0";
+var __vue_scope_id__$h = "data-v-746a2de3";
 /* module identifier */
 
-var __vue_module_identifier__$i = "data-v-56c8d6b0";
+var __vue_module_identifier__$h = "data-v-746a2de3";
 /* functional template */
 
-var __vue_is_functional_template__$i = false;
+var __vue_is_functional_template__$h = false;
 /* style inject shadow dom */
 
-var __vue_component__$x = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$y = __vue_component__$x;var IconService = {
+var __vue_component__$x = __vue_component__$w;var IconService = {
   name: "IconService",
   data: function data() {
     return {
@@ -7950,7 +8117,7 @@ var __vue_component__$y = __vue_component__$x;var IconService = {
     };
   }
 };//
-var script$a = {
+var script$9 = {
   name: "NsDropdownAction",
   extends: vue.CvOverflowMenu,
   components: {
@@ -7979,10 +8146,10 @@ var script$a = {
     }
   }
 };/* script */
-var __vue_script__$a = script$a;
+var __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$g = function __vue_render__() {
+var __vue_render__$f = function __vue_render__() {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -8008,32 +8175,32 @@ var __vue_render__$g = function __vue_render__() {
   }, null) + " data-v-31925b9d>", "</div>", [_vm._ssrNode("<ul" + _vm._ssrClass(null, _vm.carbonPrefix + "--overflow-menu-options__content") + " data-v-31925b9d>", "</ul>", [_vm._t("default")], 2), _vm._ssrNode(" <div tabindex=\"0\" class=\"cv-overflow-menu__after-content\" style=\"position: absolute; height: 1px; width: 1px; left: -9999px\" data-v-31925b9d></div>")], 2)], 2);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-var __vue_inject_styles__$h = undefined;
+var __vue_inject_styles__$g = undefined;
 /* scoped */
 
-var __vue_scope_id__$h = "data-v-31925b9d";
+var __vue_scope_id__$g = "data-v-31925b9d";
 /* module identifier */
 
-var __vue_module_identifier__$h = "data-v-31925b9d";
+var __vue_module_identifier__$g = "data-v-31925b9d";
 /* functional template */
 
-var __vue_is_functional_template__$h = false;
+var __vue_is_functional_template__$g = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$v = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
+var __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$g, __vue_script__$9, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
 
-var __vue_component__$w = __vue_component__$v;//
-var script$9 = {
+var __vue_component__$v = __vue_component__$u;//
+var script$8 = {
   name: "NsBackupCardDetails",
   mixins: [DateTimeService],
   props: {
@@ -8067,10 +8234,10 @@ var script$9 = {
     }
   }
 };/* script */
-var __vue_script__$9 = script$9;
+var __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$f = function __vue_render__() {
+var __vue_render__$e = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8094,10 +8261,10 @@ var __vue_render__$f = function __vue_render__() {
   }, [_vm._v("\n            " + _vm._s(_vm._f("date")(_vm.status[_vm.backup.id].end * 1000, "yyyy-MM-dd HH:mm:ss")) + "\n          ")])], 2)], 1) : _vm._ssrNode("<span data-v-25453d1c>-</span>")])], 2), _vm._ssrNode(" <div class=\"tr\" data-v-25453d1c><div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.durationLabel)) + "</div> <div class=\"td\" data-v-25453d1c>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end && _vm.status[_vm.backup.id].start ? "<span data-v-25453d1c>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("secondsFormat")(_vm.status[_vm.backup.id].end - _vm.status[_vm.backup.id].start)) + "\n      ") + "</span>" : "<span data-v-25453d1c>-</span>") + "</div></div> <div class=\"tr\" data-v-25453d1c><div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.totalSizeLabel)) + "</div> <div class=\"td\" data-v-25453d1c>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_size ? "<span data-v-25453d1c>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("byteFormat")(_vm.status[_vm.backup.id].total_size)) + "\n      ") + "</span>" : "<span data-v-25453d1c>-</span>") + "</div></div> <div class=\"tr\" data-v-25453d1c><div class=\"td label\" data-v-25453d1c>" + _vm._ssrEscape(_vm._s(_vm.totalFileCountLabel)) + "</div> <div class=\"td\" data-v-25453d1c>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? "<span data-v-25453d1c>" + _vm._ssrEscape("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ") + "</span>" : "<span data-v-25453d1c>-</span>") + "</div></div>")], 2);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-25453d1c_0", {
     source: ".ns-backup-card-details[data-v-25453d1c]{display:contents}.tr[data-v-25453d1c]{display:table-row}.td[data-v-25453d1c]{display:table-cell}.label[data-v-25453d1c]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
@@ -8108,21 +8275,21 @@ var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$g = "data-v-25453d1c";
+var __vue_scope_id__$f = "data-v-25453d1c";
 /* module identifier */
 
-var __vue_module_identifier__$g = "data-v-25453d1c";
+var __vue_module_identifier__$f = "data-v-25453d1c";
 /* functional template */
 
-var __vue_is_functional_template__$g = false;
+var __vue_is_functional_template__$f = false;
 /* style inject shadow dom */
 
-var __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$9, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$t = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$f, __vue_script__$8, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, createInjectorSSR, undefined);
 
-var NsBackupCardDetails = __vue_component__$u;var script$8 = {
+var NsBackupCardDetails = __vue_component__$t;var script$7 = {
   name: "NsBackupCard",
   components: {
     NsBackupCardDetails: NsBackupCardDetails
@@ -8293,10 +8460,10 @@ var NsBackupCardDetails = __vue_component__$u;var script$8 = {
     }
   }
 };/* script */
-var __vue_script__$8 = script$8;
+var __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$e = function __vue_render__() {
+var __vue_render__$d = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8412,10 +8579,10 @@ var __vue_render__$e = function __vue_render__() {
   }, [_vm._v(_vm._s(_vm.goToBackupLabel) + "\n      ")])], 1)])], 2);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-5a3b7738_0", {
     source: ".ns-backup-card[data-v-5a3b7738]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-5a3b7738]{margin-bottom:1rem}.backup[data-v-5a3b7738]:last-child{margin-bottom:0}.row[data-v-5a3b7738]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-5a3b7738]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-5a3b7738]{display:flex;justify-content:center;margin-bottom:.5rem}.table[data-v-5a3b7738]{display:table}.tr[data-v-5a3b7738]{display:table-row}.td[data-v-5a3b7738]{display:table-cell}.label[data-v-5a3b7738]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-5a3b7738]{font-weight:700}.backup-status-icon[data-v-5a3b7738]{margin-right:.25rem}",
@@ -8430,187 +8597,21 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$f = "data-v-5a3b7738";
+var __vue_scope_id__$e = "data-v-5a3b7738";
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-5a3b7738";
-/* functional template */
-
-var __vue_is_functional_template__$f = false;
-/* style inject shadow dom */
-
-var __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$f, __vue_script__$8, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, createInjectorSSR, undefined);
-
-var __vue_component__$t = __vue_component__$s;//
-var script$7 = {
-  name: "NsModal",
-  extends: vue.CvModal,
-  components: {
-    CvModal: vue.CvModal,
-    NsButton: NsButton
-  },
-  props: {
-    hideOnClickOutside: {
-      type: Boolean,
-      default: false
-    },
-    isLoading: {
-      type: Boolean,
-      default: false
-    },
-    alert: Boolean,
-    closeAriaLabel: {
-      type: String,
-      default: "Close modal"
-    },
-    kind: {
-      type: String,
-      default: "",
-      validator: function validator(val) {
-        return ["", "danger"].includes(val);
-      }
-    },
-    autoHideOff: Boolean,
-    visible: Boolean,
-    primaryButtonDisabled: Boolean,
-    size: String,
-    hasFormContent: Boolean
-  },
-  methods: {
-    onExternalClick: function onExternalClick(ev) {
-      if (this.hideOnClickOutside) {
-        if (ev.target === this.$el) {
-          this._maybeHide(ev, "external-click");
-        }
-      }
-    }
-  },
-  focusBeforeContent: function focusBeforeContent() {
-    var _this = this;
-
-    this.$nextTick(function () {
-      if (_this.$slots["primary-button"] && !_this.primaryButtonDisabled) {
-        _this.$refs.primary.$el.focus();
-      } else if (_this.$slots["secondary-button"]) {
-        _this.$refs.secondary.$el.focus();
-      } else if (_this.$slots["other-button"]) {
-        _this.$refs.otherBtn.$el.focus();
-      } else {
-        _this.$refs.close.focus();
-      }
-    });
-  }
-};/* script */
-var __vue_script__$7 = script$7;
-/* template */
-
-var __vue_render__$d = function __vue_render__() {
-  var _obj, _obj$1, _obj$2, _obj$3;
-
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('div', {
-    class: ["cv-modal " + _vm.carbonPrefix + "--modal", (_obj = {
-      'is-visible': _vm.dataVisible
-    }, _obj[_vm.carbonPrefix + "--modal--danger"] = _vm.kind === 'danger', _obj)],
-    attrs: {
-      "data-modal": "",
-      "id": _vm.uid,
-      "tabindex": "-1"
-    },
-    on: {
-      "keydown": function keydown($event) {
-        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
-          return null;
-        }
-
-        $event.preventDefault();
-        return _vm.onEsc.apply(null, arguments);
-      },
-      "click": function click($event) {
-        if ($event.target !== $event.currentTarget) {
-          return null;
-        }
-
-        return _vm.onExternalClick.apply(null, arguments);
-      }
-    }
-  }, [_vm._ssrNode("<div" + _vm._ssrAttrs(_vm.dialogAttrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--modal-container", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--modal-container--" + _vm.internalSize] = _vm.internalSize, _obj$1)]) + ">", "</div>", [_vm._ssrNode("<div tabindex=\"0\" class=\"cv-modal__before-content\" style=\"position: absolute; height: 1px; width: 1px; left: -9999px\"></div> "), _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-header") + ">", "</div>", [_vm._ssrNode("<p" + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-header__label") + ">", "</p>", [_vm._t("label")], 2), _vm._ssrNode(" "), _vm._ssrNode("<p" + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-header__heading") + ">", "</p>", [_vm._t("title", function () {
-    return [_vm._v("Modal Title")];
-  })], 2), _vm._ssrNode(" "), _vm._ssrNode("<button type=\"button\"" + _vm._ssrAttr("aria-label", _vm.closeAriaLabel) + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-close") + ">", "</button>", [_c('Close16', {
-    class: _vm.carbonPrefix + "--modal-close__icon"
-  })], 1)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrAttr("tabindex", _vm.scrollable ? 0 : undefined) + _vm._ssrClass(null, [_vm.carbonPrefix + "--modal-content", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--modal-content--with-form"] = _vm.hasFormContent, _obj$2)]) + ">", "</div>", [_vm._t("content")], 2), _vm._ssrNode(" "), _vm.hasFooter ? _c('cv-button-set', {
-    class: [_vm.carbonPrefix + "--modal-footer", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--modal-footer--three-button"] = _vm.hasPrimary && _vm.hasSecondary && _vm.hasOtherBtn, _obj$3)]
-  }, [_vm.hasOtherBtn ? _c('cv-button', {
-    ref: "otherBtn",
-    attrs: {
-      "type": "button",
-      "kind": "secondary"
-    },
-    on: {
-      "click": _vm.onOtherBtnClick
-    }
-  }, [_vm._t("other-button", function () {
-    return [_vm._v("Other button")];
-  })], 2) : _vm._e(), _vm._v(" "), _vm.hasSecondary ? _c('cv-button', {
-    ref: "secondary",
-    attrs: {
-      "type": "button",
-      "kind": "secondary"
-    },
-    on: {
-      "click": _vm.onSecondaryClick
-    }
-  }, [_vm._t("secondary-button", function () {
-    return [_vm._v("Secondary button")];
-  })], 2) : _vm._e(), _vm._v(" "), _vm.hasPrimary ? _c('NsButton', {
-    ref: "primary",
-    attrs: {
-      "disabled": _vm.primaryButtonDisabled,
-      "type": "button",
-      "kind": _vm.primaryKind,
-      "loading": _vm.isLoading
-    },
-    on: {
-      "click": _vm.onPrimaryClick
-    }
-  }, [_vm._t("primary-button", function () {
-    return [_vm._v("Primary button")];
-  })], 2) : _vm._e()], 1) : _vm._e(), _vm._ssrNode(" <div tabindex=\"0\" class=\"cv-modal__after-content\" style=\"position: absolute; height: 1px; width: 1px; left: -9999px\"></div>")], 2)]);
-};
-
-var __vue_staticRenderFns__$d = [];
-/* style */
-
-var __vue_inject_styles__$e = undefined;
-/* scoped */
-
-var __vue_scope_id__$e = undefined;
-/* module identifier */
-
-var __vue_module_identifier__$e = "data-v-a65f2498";
+var __vue_module_identifier__$e = "data-v-5a3b7738";
 /* functional template */
 
 var __vue_is_functional_template__$e = false;
-/* style inject */
-
-/* style inject SSR */
-
 /* style inject shadow dom */
 
 var __vue_component__$r = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$d,
   staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, createInjectorSSR, undefined);
 
-var NsModal = __vue_component__$r;//
+var __vue_component__$s = __vue_component__$r;//
 var script$6 = {
   name: "NsWizard",
   extends: NsModal,
@@ -17714,7 +17715,7 @@ var pageTitle = {
     var dSecs = seconds > 9 ? seconds : "0" + seconds;
     return dHours + "h " + dMins + "m " + dSecs + "s";
   }
-};/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,NsButton:NsButton,NsEmptyState:__vue_component__$Z,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$X,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$R,NsToastNotification:__vue_component__$P,NsInfoCard:__vue_component__$N,NsStatusCard:__vue_component__$L,NsSystemdServiceCard:__vue_component__$J,NsPasswordInput:__vue_component__$G,NsIconMenu:__vue_component__$E,NsMeterChart:__vue_component__$C,NsPieChart:__vue_component__$A,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$y,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$w,NsTextInput:NsTextInput,NsBackupCard:__vue_component__$t,NsWizard:__vue_component__$q,NsMenuItem:__vue_component__$o,NsMenuDivider:__vue_component__$m,NsSystemLogsCard:__vue_component__$k,NsModal:NsModal,NsTimePicker:__vue_component__$i,NsDataTable:__vue_component__$f,NsPagination:NsPagination,ExclamationMarkPictogram:ExclamationMarkPictogram,GearPictogram:__vue_component__$d,LovePictogram:__vue_component__$b,WarningPictogram:__vue_component__$9,BulldozerPictogram:__vue_component__$7,GroupPictogram:__vue_component__$5,HardDrivePictogram:__vue_component__$3,UserPictogram:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,PageTitleService:pageTitle,LottieService:LottieService,Filters:filters});var install = function installNs8UiLib(Vue) {
+};/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,NsButton:NsButton,NsEmptyState:__vue_component__$Z,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$X,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$R,NsToastNotification:__vue_component__$P,NsInfoCard:__vue_component__$N,NsStatusCard:__vue_component__$L,NsSystemdServiceCard:__vue_component__$J,NsPasswordInput:__vue_component__$G,NsIconMenu:__vue_component__$E,NsMeterChart:__vue_component__$C,NsPieChart:__vue_component__$A,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$x,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$v,NsTextInput:NsTextInput,NsBackupCard:__vue_component__$s,NsWizard:__vue_component__$q,NsMenuItem:__vue_component__$o,NsMenuDivider:__vue_component__$m,NsSystemLogsCard:__vue_component__$k,NsModal:NsModal,NsTimePicker:__vue_component__$i,NsDataTable:__vue_component__$f,NsPagination:NsPagination,ExclamationMarkPictogram:ExclamationMarkPictogram,GearPictogram:__vue_component__$d,LovePictogram:__vue_component__$b,WarningPictogram:__vue_component__$9,BulldozerPictogram:__vue_component__$7,GroupPictogram:__vue_component__$5,HardDrivePictogram:__vue_component__$3,UserPictogram:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,PageTitleService:pageTitle,LottieService:LottieService,Filters:filters});var install = function installNs8UiLib(Vue) {
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
@@ -17723,7 +17724,7 @@ var pageTitle = {
     Vue.component(componentName, component);
   });
 }; // Create module definition for Vue.use()
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,NsButton:NsButton,NsEmptyState:__vue_component__$Z,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$X,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$R,NsToastNotification:__vue_component__$P,NsInfoCard:__vue_component__$N,NsStatusCard:__vue_component__$L,NsSystemdServiceCard:__vue_component__$J,NsPasswordInput:__vue_component__$G,NsIconMenu:__vue_component__$E,NsMeterChart:__vue_component__$C,NsPieChart:__vue_component__$A,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$y,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$w,NsTextInput:NsTextInput,NsBackupCard:__vue_component__$t,NsWizard:__vue_component__$q,NsMenuItem:__vue_component__$o,NsMenuDivider:__vue_component__$m,NsSystemLogsCard:__vue_component__$k,NsModal:NsModal,NsTimePicker:__vue_component__$i,NsDataTable:__vue_component__$f,NsPagination:NsPagination,ExclamationMarkPictogram:ExclamationMarkPictogram,GearPictogram:__vue_component__$d,LovePictogram:__vue_component__$b,WarningPictogram:__vue_component__$9,BulldozerPictogram:__vue_component__$7,GroupPictogram:__vue_component__$5,HardDrivePictogram:__vue_component__$3,UserPictogram:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,PageTitleService:pageTitle,LottieService:LottieService,Filters:filters});// only expose one global var, with component exports exposed as properties of
+var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,NsButton:NsButton,NsEmptyState:__vue_component__$Z,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$X,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$R,NsToastNotification:__vue_component__$P,NsInfoCard:__vue_component__$N,NsStatusCard:__vue_component__$L,NsSystemdServiceCard:__vue_component__$J,NsPasswordInput:__vue_component__$G,NsIconMenu:__vue_component__$E,NsMeterChart:__vue_component__$C,NsPieChart:__vue_component__$A,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$x,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$v,NsTextInput:NsTextInput,NsBackupCard:__vue_component__$s,NsWizard:__vue_component__$q,NsMenuItem:__vue_component__$o,NsMenuDivider:__vue_component__$m,NsSystemLogsCard:__vue_component__$k,NsModal:NsModal,NsTimePicker:__vue_component__$i,NsDataTable:__vue_component__$f,NsPagination:NsPagination,ExclamationMarkPictogram:ExclamationMarkPictogram,GearPictogram:__vue_component__$d,LovePictogram:__vue_component__$b,WarningPictogram:__vue_component__$9,BulldozerPictogram:__vue_component__$7,GroupPictogram:__vue_component__$5,HardDrivePictogram:__vue_component__$3,UserPictogram:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,PageTitleService:pageTitle,LottieService:LottieService,Filters:filters});// only expose one global var, with component exports exposed as properties of
 // that global var (eg. plugin.component)
 
 Object.entries(components).forEach(function (_ref) {