@nethserver/ns8-ui-lib 0.0.89 → 0.0.92

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

@@ -1,4 +1,4 @@
-import { CvButton, CvIconButton, CvInlineNotification, CvTile, CvToastNotification, CvLink, CvTooltip, CvTag, CvTextInput, CvOverflowMenu, CvModal, CvPagination, CvDataTable, CvDataTableHeading, CvDataTableRow, CvDataTableCell, CvCheckbox } from '@carbon/vue';
+import { CvButton, CvIconButton, CvInlineNotification, CvTile, CvToastNotification, CvLink, CvTooltip, CvTag, CvTextInput, CvOverflowMenu, CvModal, CvPagination, CvDataTable, CvDataTableHeading, CvDataTableRow, CvDataTableCell, CvCheckbox, CvToggle } from '@carbon/vue';
 import LottieAnimation from 'lottie-web-vue';
 import Copy20 from '@carbon/icons-vue/es/copy/20';
 import ChevronDown20 from '@carbon/icons-vue/es/chevron--down/20';
@@ -9,9 +9,6 @@ import Warning20 from '@carbon/icons-vue/es/warning--filled/20';
 import { WarningFilled16, WarningAltFilled16, View16, ViewOff16 } from '@carbon/icons-vue';
 import crypto from 'crypto';
 import OverflowMenuVertical20 from '@carbon/icons-vue/es/overflow-menu--vertical/20';
-import Vue from 'vue';
-import '@carbon/charts/styles.css';
-import chartsVue, { CcvMeterChart } from '@carbon/charts-vue';
 import Close20 from '@carbon/icons-vue/es/close/20';
 import ArrowRight20 from '@carbon/icons-vue/es/arrow--right/20';
 import ArrowRight32 from '@carbon/icons-vue/es/arrow--right/32';
@@ -97,6 +94,8 @@ import Column20 from '@carbon/icons-vue/es/column/20';
 import Catalog20 from '@carbon/icons-vue/es/catalog/20';
 import Catalog32 from '@carbon/icons-vue/es/catalog/32';
 import Group20 from '@carbon/icons-vue/es/group/20';
+import Router32 from '@carbon/icons-vue/es/router/32';
+import Certificate32 from '@carbon/icons-vue/es/certificate/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';
@@ -1193,6 +1192,26 @@ const __vue_component__$U = /*#__PURE__*/normalizeComponent({
 
 var NsInlineNotification = __vue_component__$U;
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -1215,27 +1234,70 @@ var script$n = {
   props: {
     value: {
       // a number between 0 and 100
-      type: Number,
+      type: [String, Number],
       default: 0
     },
     indeterminate: {
       type: Boolean,
       default: false
+    },
+    height: {
+      type: String,
+      default: "5px"
+    },
+    warningThreshold: {
+      type: Number,
+      default: 70
+    },
+    dangerThreshold: {
+      type: Number,
+      default: 90
+    },
+    useStatusColors: {
+      type: Boolean,
+      default: false
     }
   },
 
   data() {
     return {
-      progressLine: {
-        width: this.value + "%",
-        transition: "width 0.3s"
+      progressLineStyle: {
+        width: this.numericValue + "%",
+        transition: "width 0.3s",
+        height: this.height
+      },
+      heightStyle: {
+        height: this.height
       }
     };
   },
 
+  created() {
+    this.progressLineStyle.width = this.numericValue + "%";
+    this.heightStyle.height = this.height;
+  },
+
+  computed: {
+    numericValue() {
+      return Number(this.value) || 0;
+    },
+
+    healthyStatus() {
+      return this.useStatusColors && this.numericValue < this.warningThreshold;
+    },
+
+    warningStatus() {
+      return this.useStatusColors && this.numericValue >= this.warningThreshold && this.numericValue < this.dangerThreshold;
+    },
+
+    dangerStatus() {
+      return this.useStatusColors && this.numericValue >= this.dangerThreshold;
+    }
+
+  },
   watch: {
     value: function () {
-      this.progressLine.width = this.value + "%";
+      this.progressLineStyle.width = this.numericValue + "%";
     }
   }
 };
@@ -1252,20 +1314,34 @@ var __vue_render__$s = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    staticClass: "progress-bar-container"
+    staticClass: "progress-bar-container",
+    style: _vm.heightStyle
   }, [_c('div', {
-    staticClass: "slider"
+    staticClass: "slider",
+    style: _vm.heightStyle
   }, [_vm.indeterminate ? [_c('div', {
-    staticClass: "indeterminate-line"
+    staticClass: "indeterminate-line",
+    style: _vm.heightStyle
   }), _vm._v(" "), _c('div', {
-    staticClass: "indeterminate-subline inc"
+    staticClass: "indeterminate-subline inc",
+    style: _vm.heightStyle
   }), _vm._v(" "), _c('div', {
-    staticClass: "indeterminate-subline dec"
+    staticClass: "indeterminate-subline dec",
+    style: _vm.heightStyle
   })] : [_c('div', {
-    staticClass: "line"
+    class: ['line', {
+      healthy: _vm.healthyStatus,
+      warning: _vm.warningStatus,
+      danger: _vm.dangerStatus
+    }],
+    style: _vm.heightStyle
   }), _vm._v(" "), _c('div', {
-    staticClass: "progress-line",
-    style: _vm.progressLine
+    class: ['progress-line', {
+      healthy: _vm.healthyStatus,
+      warning: _vm.warningStatus,
+      danger: _vm.dangerStatus
+    }],
+    style: _vm.progressLineStyle
   })]], 2)]);
 };
 
@@ -1274,8 +1350,8 @@ var __vue_staticRenderFns__$s = [];
 
 const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
-  inject("data-v-57532057_0", {
-    source: ".progress-bar-container[data-v-57532057]{width:100%;position:relative}.slider[data-v-57532057]{position:absolute;width:100%;height:5px;overflow-x:hidden}.line[data-v-57532057]{position:absolute;opacity:.4;width:100%;height:5px}.progress-line[data-v-57532057]{position:absolute;height:5px}.indeterminate-line[data-v-57532057]{position:absolute;opacity:.4;width:150%;height:5px}.indeterminate-subline[data-v-57532057]{position:absolute;height:5px}.inc[data-v-57532057]{animation:increase-data-v-57532057 2s infinite}.dec[data-v-57532057]{animation:decrease-data-v-57532057 2s .5s infinite}@keyframes increase-data-v-57532057{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-57532057{from{left:-80%;width:80%}to{left:110%;width:10%}}",
+  inject("data-v-7c7ba0aa_0", {
+    source: ".progress-bar-container[data-v-7c7ba0aa]{width:100%;position:relative}.slider[data-v-7c7ba0aa]{position:absolute;width:100%;overflow-x:hidden}.line[data-v-7c7ba0aa]{position:absolute;opacity:.4;width:100%}.progress-line[data-v-7c7ba0aa]{position:absolute}.indeterminate-line[data-v-7c7ba0aa]{position:absolute;opacity:.4;width:150%}.indeterminate-subline[data-v-7c7ba0aa]{position:absolute}.inc[data-v-7c7ba0aa]{animation:increase-data-v-7c7ba0aa 2s infinite}.dec[data-v-7c7ba0aa]{animation:decrease-data-v-7c7ba0aa 2s .5s infinite}@keyframes increase-data-v-7c7ba0aa{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-7c7ba0aa{from{left:-80%;width:80%}to{left:110%;width:10%}}",
     map: undefined,
     media: undefined
   });
@@ -1283,7 +1359,7 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = "data-v-57532057";
+const __vue_scope_id__$u = "data-v-7c7ba0aa";
 /* module identifier */
 
 const __vue_module_identifier__$u = undefined;
@@ -6931,11 +7007,11 @@ var __vue_staticRenderFns__$m = [];
 
 const __vue_inject_styles__$n = function (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
@@ -6944,7 +7020,7 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-cf3198ba";
+const __vue_scope_id__$n = "data-v-eae7353a";
 /* module identifier */
 
 const __vue_module_identifier__$n = undefined;
@@ -7431,6 +7507,20 @@ var UtilService = {
      */
     getUuid() {
       return uuid_1.v4();
+    },
+
+    /**
+     * Get a readable label for a node
+     */
+    getNodeLabel(node) {
+      return node.ui_name ? node.ui_name + " (" + this.$t("common.node") + " " + node.id + ")" : this.$t("common.node") + " " + node.id;
+    },
+
+    /**
+     * Get a readable short label for a node
+     */
+    getShortNodeLabel(node) {
+      return node.ui_name ? node.ui_name : this.$t("common.node") + " " + node.id;
     }
 
   }
@@ -7929,78 +8019,38 @@ const __vue_component__$D = /*#__PURE__*/normalizeComponent({
 var __vue_component__$E = __vue_component__$D;
 
 //
-Vue.use(chartsVue);
 var script$d = {
   name: "NsMeterChart",
   components: {
-    CcvMeterChart
+    NsProgressBar
   },
   props: {
-    title: {
-      type: String,
-      default: ""
-    },
     label: {
       type: String,
-      default: ""
+      required: true
     },
     value: {
-      type: Number,
+      type: [String, Number],
       default: 0
     },
-    warningTh: {
-      type: Number,
-      default: 70
+    loading: {
+      type: Boolean,
+      default: false
     },
-    dangerTh: {
+    progressBarHeight: {
+      type: String,
+      default: "10px"
+    },
+    // default value of following props is defined in NsProgressBar
+    warningThreshold: {
       type: Number,
-      default: 90
+      default: undefined
     },
-    height: {
-      type: String,
-      default: "6rem"
-    }
-  },
-
-  data() {
-    return {
-      data: [],
-      options: {}
-    };
-  },
-
-  watch: {
-    value: function () {
-      this.data[0].value = this.value;
+    dangerThreshold: {
+      type: Number,
+      default: undefined
     }
-  },
-
-  created() {
-    this.data = [{
-      group: this.label,
-      value: this.value
-    }];
-    this.options = {
-      title: this.title,
-      meter: {
-        peak: null,
-        status: {
-          ranges: [{
-            range: [0, this.warningTh],
-            status: "success"
-          }, {
-            range: [this.warningTh, this.dangerTh],
-            status: "warning"
-          }, {
-            range: [this.dangerTh, 100],
-            status: "danger"
-          }]
-        }
-      },
-      height: this.height
-    };
   }
-
 };
 
 /* script */
@@ -8014,29 +8064,43 @@ var __vue_render__$j = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('ccv-meter-chart', {
+  return _c('div', [_c('div', {
+    staticClass: "mg-bottom-sm"
+  }, [_c('span', {
+    staticClass: "label"
+  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.loading || Number.isNaN(Number(_vm.value)) ? "-" : _vm.value + "%"))])]), _vm._v(" "), _c('NsProgressBar', {
     attrs: {
-      "data": _vm.data,
-      "options": _vm.options
+      "value": _vm.value,
+      "indeterminate": _vm.loading,
+      "useStatusColors": true,
+      "warningThreshold": _vm.warningThreshold,
+      "dangerThreshold": _vm.dangerThreshold,
+      "height": _vm.progressBarHeight
     }
-  });
+  })], 1);
 };
 
 var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$k = function (inject) {
+  if (!inject) return;
+  inject("data-v-8d83456c_0", {
+    source: ".label[data-v-8d83456c]{font-weight:700;margin-right:.5rem}.mg-bottom-sm[data-v-8d83456c]{margin-bottom:.5rem!important}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
-const __vue_scope_id__$k = undefined;
+
+const __vue_scope_id__$k = "data-v-8d83456c";
 /* module identifier */
 
 const __vue_module_identifier__$k = undefined;
 /* functional template */
 
 const __vue_is_functional_template__$k = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -8044,114 +8108,12 @@ const __vue_is_functional_template__$k = false;
 const __vue_component__$B = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$j,
   staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$k, __vue_script__$d, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$k, __vue_script__$d, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
 
 var __vue_component__$C = __vue_component__$B;
 
 //
-Vue.use(chartsVue);
 var script$c = {
-  name: "NsPieChart",
-  components: {},
-  props: {
-    data: Array,
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: ""
-    },
-    height: {
-      type: String,
-      default: "18rem"
-    }
-  },
-
-  data() {
-    return {
-      options: {}
-    };
-  },
-
-  watch: {
-    loading: function () {
-      if (this.loading) {
-        // show skeleton
-        this.options.data.loading = true;
-      } else {
-        this.options.data.loading = false;
-      }
-    }
-  },
-
-  created() {
-    this.options = {
-      title: this.title,
-      resizable: true,
-      // legend: { ////
-      //   alignment: "center",
-      // },
-      // pie: {
-      //   alignment: "center",
-      // },
-      data: {
-        loading: this.loading
-      },
-      height: this.height
-    };
-  }
-
-};
-
-/* script */
-const __vue_script__$c = script$c;
-/* template */
-
-var __vue_render__$i = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('ccv-pie-chart', {
-    attrs: {
-      "data": _vm.data,
-      "options": _vm.options
-    }
-  });
-};
-
-var __vue_staticRenderFns__$i = [];
-/* style */
-
-const __vue_inject_styles__$j = undefined;
-/* scoped */
-
-const __vue_scope_id__$j = undefined;
-/* module identifier */
-
-const __vue_module_identifier__$j = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$j = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, __vue_script__$c, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
-
-var __vue_component__$A = __vue_component__$z;
-
-//
-var script$b = {
   name: "NsModal",
   extends: CvModal,
   components: {
@@ -8211,10 +8173,10 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _obj, _obj$1, _obj$2, _obj$3;
 
   var _vm = this;
@@ -8348,34 +8310,34 @@ var __vue_render__$h = function () {
   })], 1)]);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$i = undefined;
+const __vue_inject_styles__$j = undefined;
 /* scoped */
 
-const __vue_scope_id__$i = undefined;
+const __vue_scope_id__$j = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$j = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __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);
+const __vue_component__$A = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$j, __vue_script__$c, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
 
-var NsModal = __vue_component__$y;
+var NsModal = __vue_component__$A;
 
 //
-var script$a = {
+var script$b = {
   name: "NsDangerDeleteModal",
   //component added for storybook to work
   components: {
@@ -8471,10 +8433,10 @@ var script$a = {
 };
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8542,10 +8504,10 @@ var __vue_render__$g = function () {
   }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
   inject("data-v-746a2de3_0", {
     source: ".type-to-confirm[data-v-746a2de3]{margin-top:2rem}",
@@ -8556,23 +8518,23 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-746a2de3";
+const __vue_scope_id__$i = "data-v-746a2de3";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __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, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$x = __vue_component__$w;
+var __vue_component__$z = __vue_component__$y;
 
 var IconService = {
   name: "IconService",
@@ -8698,15 +8660,18 @@ var IconService = {
       Catalog20,
       // system logs
       Catalog32,
-      Group20 // users and groups
-
+      Group20,
+      // users and groups
+      Router32,
+      // http routes
+      Certificate32
     };
   }
 
 };
 
 //
-var script$9 = {
+var script$a = {
   name: "NsDropdownAction",
   extends: CvOverflowMenu,
   components: {
@@ -8738,10 +8703,10 @@ var script$9 = {
 };
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -8841,34 +8806,34 @@ var __vue_render__$f = function () {
   })])]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$g = undefined;
+const __vue_inject_styles__$h = undefined;
 /* scoped */
 
-const __vue_scope_id__$g = "data-v-31925b9d";
+const __vue_scope_id__$h = "data-v-31925b9d";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$h = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __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);
+const __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, undefined, undefined);
 
-var __vue_component__$v = __vue_component__$u;
+var __vue_component__$x = __vue_component__$w;
 
 //
-var script$8 = {
+var script$9 = {
   name: "NsBackupCardDetails",
   mixins: [DateTimeService],
   props: {
@@ -8904,10 +8869,10 @@ var script$8 = {
 };
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8961,10 +8926,10 @@ var __vue_render__$e = function () {
   }, [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? _c('span', [_vm._v("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ")]) : _c('span', [_vm._v("-")])])])]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$f = function (inject) {
+const __vue_inject_styles__$g = function (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}",
@@ -8975,26 +8940,26 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-25453d1c";
+const __vue_scope_id__$g = "data-v-25453d1c";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __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, createInjector, undefined, undefined);
+const __vue_component__$v = /*#__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, createInjector, undefined, undefined);
 
-var NsBackupCardDetails = __vue_component__$t;
+var NsBackupCardDetails = __vue_component__$v;
 
 //
-var script$7 = {
+var script$8 = {
   name: "NsBackupCard",
   components: {
     NsBackupCardDetails
@@ -9135,10 +9100,10 @@ var script$7 = {
 };
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9254,10 +9219,10 @@ var __vue_render__$d = function () {
   }, [_vm._v(_vm._s(_vm.goToBackupLabel) + "\n      ")])], 1)])], 2);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$f = function (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}",
@@ -9272,26 +9237,26 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-5a3b7738";
+const __vue_scope_id__$f = "data-v-5a3b7738";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __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, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$s = __vue_component__$r;
+var __vue_component__$u = __vue_component__$t;
 
 //
-var script$6 = {
+var script$7 = {
   name: "NsWizard",
   extends: NsModal,
   mixins: [IconService],
@@ -9335,10 +9300,10 @@ var script$6 = {
 };
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$d = function () {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -9480,34 +9445,34 @@ var __vue_render__$c = function () {
   })], 1)]);
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-const __vue_inject_styles__$d = undefined;
+const __vue_inject_styles__$e = undefined;
 /* scoped */
 
-const __vue_scope_id__$d = undefined;
+const __vue_scope_id__$e = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$e = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$p = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$d, __vue_script__$6, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
+const __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);
 
-var __vue_component__$q = __vue_component__$p;
+var __vue_component__$s = __vue_component__$r;
 
 //
-var script$5 = {
+var script$6 = {
   name: "NsMenuItem",
   components: {
     NsSvg
@@ -9530,10 +9495,10 @@ var script$5 = {
 };
 
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$b = function () {
+var __vue_render__$c = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9553,10 +9518,10 @@ var __vue_render__$b = function () {
   }, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.label))])]);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
   inject("data-v-35f08832_0", {
     source: ".ns-menu-item[data-v-35f08832]{display:flex;align-items:center}.icon[data-v-35f08832]{margin-right:.5rem}",
@@ -9567,26 +9532,26 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-35f08832";
+const __vue_scope_id__$d = "data-v-35f08832";
 /* module identifier */
 
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$d = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$c, __vue_script__$5, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$d, __vue_script__$6, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
 
-var __vue_component__$o = __vue_component__$n;
+var __vue_component__$q = __vue_component__$p;
 
 //
-var script$4 = {
+var script$5 = {
   name: "NsMenuDivider",
   components: {
     CvSideNavDivider
@@ -9594,10 +9559,10 @@ var script$4 = {
 };
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$a = function () {
+var __vue_render__$b = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9607,34 +9572,34 @@ var __vue_render__$a = function () {
   return _c('cv-side-nav-divider');
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-const __vue_inject_styles__$b = undefined;
+const __vue_inject_styles__$c = undefined;
 /* scoped */
 
-const __vue_scope_id__$b = "data-v-c2c8c17e";
+const __vue_scope_id__$c = "data-v-c2c8c17e";
 /* module identifier */
 
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$c = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$l = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$b, __vue_script__$4, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$c, __vue_script__$5, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
 
-var __vue_component__$m = __vue_component__$l;
+var __vue_component__$o = __vue_component__$n;
 
 //
-var script$3 = {
+var script$4 = {
   name: "NsSystemLogsCard",
   mixins: [UtilService, IconService],
   props: {
@@ -9753,10 +9718,10 @@ var script$3 = {
 };
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$9 = function () {
+var __vue_render__$a = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9783,34 +9748,34 @@ var __vue_render__$9 = function () {
   }, [_vm._v("\n      " + _vm._s(_vm.buttonLabel) + "\n    ")])], 1)], 2);
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-const __vue_inject_styles__$a = undefined;
+const __vue_inject_styles__$b = undefined;
 /* scoped */
 
-const __vue_scope_id__$a = "data-v-aec74b8e";
+const __vue_scope_id__$b = "data-v-aec74b8e";
 /* module identifier */
 
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$b = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$a, __vue_script__$3, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$b, __vue_script__$4, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
 
-var __vue_component__$k = __vue_component__$j;
+var __vue_component__$m = __vue_component__$l;
 
 //
-var script$2 = {
+var script$3 = {
   name: "NsTimePicker",
   mixins: [uidMixin, carbonPrefixMixin, themeMixin],
   props: {
@@ -9853,10 +9818,10 @@ var script$2 = {
 };
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$8 = function () {
+var __vue_render__$9 = function () {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -9900,10 +9865,10 @@ var __vue_render__$8 = function () {
   })], 2) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-const __vue_inject_styles__$9 = function (inject) {
+const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
   inject("data-v-e1e1beb2_0", {
     source: ".ns-time-picker .time-picker-field[data-v-e1e1beb2]{padding:0;width:6rem}.ns-time-picker .time-picker-field.narrow-width[data-v-e1e1beb2]{width:4.875rem}",
@@ -9918,23 +9883,23 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-e1e1beb2";
+const __vue_scope_id__$a = "data-v-e1e1beb2";
 /* module identifier */
 
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$a = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$9, __vue_script__$2, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$a, __vue_script__$3, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
 
-var __vue_component__$i = __vue_component__$h;
+var __vue_component__$k = __vue_component__$j;
 
 /*
  * This component optionally wraps slotted content with the specified tag-type.
@@ -9973,7 +9938,7 @@ var NsWrapper = {
 
 };
 
-var script$1 = {
+var script$2 = {
   name: "NsPagination",
   extends: CvPagination,
   props: {
@@ -10051,12 +10016,12 @@ var script$1 = {
 };
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$2 = script$2;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$8 = function (inject) {
+const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
   inject("data-v-01f52cb6_0", {
     source: ".cv-pagination .bx--select .bx--label{font-size:100%}",
@@ -10067,20 +10032,20 @@ const __vue_inject_styles__$8 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$8 = undefined;
+const __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$8 = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$8 = undefined;
+const __vue_is_functional_template__$9 = undefined;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$8, __vue_script__$1, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$9, __vue_script__$2, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
 
-var NsPagination = __vue_component__$g;
+var NsPagination = __vue_component__$i;
 
 var v$3 = "5.6.1";
 var fr$3 = 24;
@@ -17119,7 +17084,7 @@ var LottieService = {
 };
 
 //
-var script = {
+var script$1 = {
   name: "NsDataTable",
   extends: CvDataTable,
   components: {
@@ -17416,10 +17381,10 @@ var script = {
 };
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$1 = script$1;
 /* template */
 
-var __vue_render__$7 = function () {
+var __vue_render__$8 = function () {
   var _obj, _obj$1, _obj$2, _obj$3;
 
   var _vm = this;
@@ -17747,6 +17712,136 @@ var __vue_render__$7 = function () {
   }, 'NsPagination', _vm.internalPagination, false)) : _vm._e()], 1)], 2);
 };
 
+var __vue_staticRenderFns__$8 = [];
+/* style */
+
+const __vue_inject_styles__$8 = undefined;
+/* scoped */
+
+const __vue_scope_id__$8 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$8 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$8 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$1, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
+
+var __vue_component__$h = __vue_component__$g;
+
+//
+var script = {
+  name: "NsToggle",
+  extends: CvToggle,
+  props: {
+    small: Boolean,
+    label: String,
+    formItem: {
+      type: Boolean,
+      default: true
+    },
+    hideLabel: Boolean,
+    tooltipAlignment: {
+      type: String,
+      default: "start",
+      validator: val => ["start", "center", "end"].includes(val)
+    },
+    tooltipDirection: {
+      type: String,
+      default: "bottom",
+      validator: val => ["top", "left", "bottom", "right".includes(val)]
+    }
+  },
+  computed: {
+    hasTooltipSlot() {
+      return !!this.$slots.tooltip;
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+/* template */
+
+var __vue_render__$7 = function () {
+  var _obj;
+
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    class: (_obj = {}, _obj[_vm.carbonPrefix + "--form-item"] = _vm.formItem, _obj)
+  }, [_c('input', _vm._g(_vm._b({
+    ref: "input",
+    class: [_vm.carbonPrefix + "--toggle-input", {
+      'bx--toggle-input--small': _vm.small
+    }],
+    attrs: {
+      "type": "checkbox",
+      "id": _vm.uid,
+      "aria-checked": "" + _vm.isChecked
+    },
+    domProps: {
+      "checked": _vm.isChecked === true,
+      "value": _vm.value
+    }
+  }, 'input', _vm.$attrs, false), _vm.inputListeners)), _vm._v(" "), _c('label', {
+    class: _vm.carbonPrefix + "--toggle-input__label",
+    attrs: {
+      "for": _vm.uid,
+      "aria-label": _vm.hiddenLabel
+    }
+  }, [_c('div', [_vm._v("\n      " + _vm._s(_vm.visibleLabel) + "\n      "), _vm._v(" "), _vm.hasTooltipSlot && !_vm.hideLabel ? _c('cv-interactive-tooltip', {
+    staticClass: "tooltip info",
+    attrs: {
+      "alignment": _vm.tooltipAlignment,
+      "direction": _vm.tooltipDirection
+    }
+  }, [_c('template', {
+    slot: "content"
+  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 1), _vm._v(" "), _c('span', {
+    class: _vm.carbonPrefix + "--toggle__switch"
+  }, [_c('svg', {
+    class: _vm.carbonPrefix + "--toggle__check",
+    attrs: {
+      "width": "6px",
+      "height": "5px",
+      "viewBox": "0 0 6 5"
+    }
+  }, [_c('path', {
+    attrs: {
+      "d": "M2.2 2.7L5 0 6 1 2.2 5 0 2.7 1 1.5z"
+    }
+  })]), _vm._v(" "), _c('span', {
+    class: _vm.carbonPrefix + "--toggle__text--off",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("text-left", function () {
+    return [_vm._v("Off")];
+  })], 2), _vm._v(" "), _c('span', {
+    class: _vm.carbonPrefix + "--toggle__text--on",
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [_vm._t("text-right", function () {
+    return [_vm._v("On")];
+  })], 2)])])]);
+};
+
 var __vue_staticRenderFns__$7 = [];
 /* style */
 
@@ -18585,21 +18680,21 @@ var components = /*#__PURE__*/Object.freeze({
   NsPasswordInput: __vue_component__$G,
   NsIconMenu: __vue_component__$E,
   NsMeterChart: __vue_component__$C,
-  NsPieChart: __vue_component__$A,
   NsLottieAnimation: NsLottieAnimation,
-  NsDangerDeleteModal: __vue_component__$x,
+  NsDangerDeleteModal: __vue_component__$z,
   NsCircleTimer: NsCircleTimer,
-  NsDropdownAction: __vue_component__$v,
+  NsDropdownAction: __vue_component__$x,
   NsTextInput: NsTextInput,
-  NsBackupCard: __vue_component__$s,
-  NsWizard: __vue_component__$q,
-  NsMenuItem: __vue_component__$o,
-  NsMenuDivider: __vue_component__$m,
-  NsSystemLogsCard: __vue_component__$k,
+  NsBackupCard: __vue_component__$u,
+  NsWizard: __vue_component__$s,
+  NsMenuItem: __vue_component__$q,
+  NsMenuDivider: __vue_component__$o,
+  NsSystemLogsCard: __vue_component__$m,
   NsModal: NsModal,
-  NsTimePicker: __vue_component__$i,
-  NsDataTable: __vue_component__$f,
+  NsTimePicker: __vue_component__$k,
+  NsDataTable: __vue_component__$h,
   NsPagination: NsPagination,
+  NsToggle: __vue_component__$f,
   ExclamationMarkPictogram: ExclamationMarkPictogram,
   GearPictogram: __vue_component__$d,
   LovePictogram: __vue_component__$b,
@@ -18627,4 +18722,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$7 as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, LottieService, __vue_component__$b as LovePictogram, __vue_component__$s as NsBackupCard, NsButton, NsCircleTimer, __vue_component__$X as NsCodeSnippet, __vue_component__$x as NsDangerDeleteModal, __vue_component__$f as NsDataTable, __vue_component__$v as NsDropdownAction, __vue_component__$Z as NsEmptyState, __vue_component__$E as NsIconMenu, __vue_component__$N as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$m as NsMenuDivider, __vue_component__$o as NsMenuItem, __vue_component__$C as NsMeterChart, NsModal, NsPagination, __vue_component__$G as NsPasswordInput, NsPictogram, __vue_component__$A as NsPieChart, NsProgressBar, __vue_component__$L as NsStatusCard, NsSvg, __vue_component__$k as NsSystemLogsCard, __vue_component__$J as NsSystemdServiceCard, NsTextInput, __vue_component__$R as NsTile, __vue_component__$i as NsTimePicker, __vue_component__$P as NsToastNotification, __vue_component__$q as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };
+export { __vue_component__$7 as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, LottieService, __vue_component__$b as LovePictogram, __vue_component__$u as NsBackupCard, NsButton, NsCircleTimer, __vue_component__$X as NsCodeSnippet, __vue_component__$z as NsDangerDeleteModal, __vue_component__$h as NsDataTable, __vue_component__$x as NsDropdownAction, __vue_component__$Z as NsEmptyState, __vue_component__$E as NsIconMenu, __vue_component__$N as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$o as NsMenuDivider, __vue_component__$q as NsMenuItem, __vue_component__$C as NsMeterChart, NsModal, NsPagination, __vue_component__$G as NsPasswordInput, NsPictogram, NsProgressBar, __vue_component__$L as NsStatusCard, NsSvg, __vue_component__$m as NsSystemLogsCard, __vue_component__$J as NsSystemdServiceCard, NsTextInput, __vue_component__$R as NsTile, __vue_component__$k as NsTimePicker, __vue_component__$P as NsToastNotification, __vue_component__$f as NsToggle, __vue_component__$s as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };