@nethserver/ns8-ui-lib 0.0.45 → 0.0.46

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

@@ -144,7 +144,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
     }
   };
 }//
-var script$m = {
+var script$n = {
   name: "NsButton",
   extends: vue.CvButton,
   props: {
@@ -292,10 +292,10 @@ function renderStyles(styles) {
     }
     return css;
 }/* script */
-var __vue_script__$m = script$m;
+var __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$s = function __vue_render__() {
+var __vue_render__$t = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -316,10 +316,10 @@ var __vue_render__$s = function __vue_render__() {
   }) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
 
-var __vue_inject_styles__$t = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$u = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-025b0f12_0", {
     source: ".bx--btn .bx--btn__icon[data-v-025b0f12]{width:1.25rem;height:1.25rem}.bx--btn.bx--btn--sm .bx--btn__icon[data-v-025b0f12]{width:1rem;height:1rem}.loader[data-v-025b0f12]{right:1rem;border:3px solid transparent;border-radius:50%;border-top:3px solid currentColor;border-right:3px solid currentColor;border-bottom:3px solid currentColor;animation:spin-data-v-025b0f12 .5s linear infinite}.bx--btn--ghost .bx--btn__icon.loading[data-v-025b0f12]{position:static;margin-left:.5rem}.bx--btn--danger--ghost .bx--btn__icon.loading[data-v-025b0f12],.bx--btn--danger-ghost .bx--btn__icon.loading[data-v-025b0f12]{position:static;margin-left:.5rem}@keyframes spin-data-v-025b0f12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
@@ -330,21 +330,21 @@ var __vue_inject_styles__$t = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$t = "data-v-025b0f12";
+var __vue_scope_id__$u = "data-v-025b0f12";
 /* module identifier */
 
-var __vue_module_identifier__$t = "data-v-025b0f12";
+var __vue_module_identifier__$u = "data-v-025b0f12";
 /* functional template */
 
-var __vue_is_functional_template__$t = false;
+var __vue_is_functional_template__$u = false;
 /* style inject shadow dom */
 
-var __vue_component__$P = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$t, __vue_script__$m, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$Q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$u, __vue_script__$n, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$Q = __vue_component__$P;//
+var __vue_component__$R = __vue_component__$Q;//
 //
 //
 //
@@ -360,7 +360,7 @@ var __vue_component__$Q = __vue_component__$P;//
 //
 //
 //
-var script$l = {
+var script$m = {
   name: "NsPictogram",
   props: {
     title: {
@@ -381,10 +381,10 @@ var script$l = {
     }
   }
 };/* script */
-var __vue_script__$l = script$l;
+var __vue_script__$m = script$m;
 /* template */
 
-var __vue_render__$r = function __vue_render__() {
+var __vue_render__$s = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -403,32 +403,32 @@ var __vue_render__$r = function __vue_render__() {
   }, [_vm._ssrNode("<title" + _vm._ssrAttr("id", _vm.title) + " lang=\"en\">" + _vm._ssrEscape(_vm._s(_vm.title) + " icon") + "</title> "), _vm._ssrNode("<g" + _vm._ssrAttr("fill", _vm.color) + ">", "</g>", [_vm._t("default")], 2)], 2);
 };
 
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
 
-var __vue_inject_styles__$s = undefined;
+var __vue_inject_styles__$t = undefined;
 /* scoped */
 
-var __vue_scope_id__$s = undefined;
+var __vue_scope_id__$t = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$s = "data-v-61a9e8f8";
+var __vue_module_identifier__$t = "data-v-61a9e8f8";
 /* functional template */
 
-var __vue_is_functional_template__$s = false;
+var __vue_is_functional_template__$t = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$O = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$s, __vue_script__$l, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, undefined, undefined, undefined);
+var __vue_component__$P = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$t, __vue_script__$m, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
 
-var NsPictogram = __vue_component__$O;//
-var script$k = {
+var NsPictogram = __vue_component__$P;//
+var script$l = {
   name: "NsLottieAnimation",
   components: {
     LottieAnimation: LottieAnimation__default["default"]
@@ -478,10 +478,10 @@ var script$k = {
     }
   }
 };/* script */
-var __vue_script__$k = script$k;
+var __vue_script__$l = script$l;
 /* template */
 
-var __vue_render__$q = function __vue_render__() {
+var __vue_render__$r = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -508,34 +508,34 @@ var __vue_render__$q = function __vue_render__() {
   })], 1);
 };
 
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
 
-var __vue_inject_styles__$r = undefined;
+var __vue_inject_styles__$s = undefined;
 /* scoped */
 
-var __vue_scope_id__$r = "data-v-14e97a70";
+var __vue_scope_id__$s = "data-v-14e97a70";
 /* module identifier */
 
-var __vue_module_identifier__$r = "data-v-14e97a70";
+var __vue_module_identifier__$s = "data-v-14e97a70";
 /* functional template */
 
-var __vue_is_functional_template__$r = false;
+var __vue_is_functional_template__$s = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$N = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$r, __vue_script__$k, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, undefined, undefined, undefined);
+var __vue_component__$O = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$s, __vue_script__$l, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, undefined, undefined, undefined);
 
-var NsLottieAnimation = __vue_component__$N;/* script */
+var NsLottieAnimation = __vue_component__$O;/* script */
 
 /* template */
-var __vue_render__$p = function __vue_render__() {
+var __vue_render__$q = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -550,32 +550,32 @@ var __vue_render__$p = function __vue_render__() {
   }, []);
 };
 
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
 
-var __vue_inject_styles__$q = undefined;
+var __vue_inject_styles__$r = undefined;
 /* scoped */
 
-var __vue_scope_id__$q = undefined;
+var __vue_scope_id__$r = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$q = "data-v-263c41ae";
+var __vue_module_identifier__$r = "data-v-263c41ae";
 /* functional template */
 
-var __vue_is_functional_template__$q = false;
+var __vue_is_functional_template__$r = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$M = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$q, {}, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, undefined, undefined, undefined);
+var __vue_component__$N = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$r, {}, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, undefined, undefined, undefined);
 
-var ExclamationMark = __vue_component__$M;//
-var script$j = {
+var ExclamationMark = __vue_component__$N;//
+var script$k = {
   name: "NsEmptyState",
   components: {
     NsPictogram: NsPictogram,
@@ -603,10 +603,10 @@ var script$j = {
     }
   }
 };/* script */
-var __vue_script__$j = script$j;
+var __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$o = function __vue_render__() {
+var __vue_render__$p = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -632,10 +632,10 @@ var __vue_render__$o = function __vue_render__() {
   }, [_vm.hasPictogramSlot ? [_vm._t("pictogram")] : [_c('ExclamationMark')]], 2), _vm._ssrNode(" <h5 class=\"title\" data-v-d5a46c1c>" + _vm._ssrEscape(_vm._s(_vm.title)) + "</h5> "), _vm.hasDescriptionSlot ? [_vm._ssrNode("<div class=\"description\" data-v-d5a46c1c>", "</div>", [_vm._t("description")], 2)] : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
-var __vue_inject_styles__$p = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$q = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-d5a46c1c_0", {
     source: ".empty-state[data-v-d5a46c1c]{text-align:center;padding:2rem}.empty-state .image[data-v-d5a46c1c]{margin-bottom:1rem}.empty-state .description[data-v-d5a46c1c]{margin-top:1rem}.animation[data-v-d5a46c1c]{display:inline-block;width:64px;height:64px}",
@@ -646,21 +646,21 @@ var __vue_inject_styles__$p = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$p = "data-v-d5a46c1c";
+var __vue_scope_id__$q = "data-v-d5a46c1c";
 /* module identifier */
 
-var __vue_module_identifier__$p = "data-v-d5a46c1c";
+var __vue_module_identifier__$q = "data-v-d5a46c1c";
 /* functional template */
 
-var __vue_is_functional_template__$p = false;
+var __vue_is_functional_template__$q = false;
 /* style inject shadow dom */
 
-var __vue_component__$K = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$p, __vue_script__$j, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$L = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$q, __vue_script__$k, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$L = __vue_component__$K;var script$i = {
+var __vue_component__$M = __vue_component__$L;var script$j = {
   name: "NsCodeSnippet",
   components: {
     CvButton: vue.CvButton,
@@ -763,10 +763,10 @@ var __vue_component__$L = __vue_component__$K;var script$i = {
     }
   }
 };/* script */
-var __vue_script__$i = script$i;
+var __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$n = function __vue_render__() {
+var __vue_render__$o = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -811,10 +811,10 @@ var __vue_render__$n = function __vue_render__() {
   })], 1) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-var __vue_inject_styles__$o = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$p = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-59cb538c_0", {
     source: ".bx--snippet--multi .bx--snippet-container[data-v-59cb538c]{min-height:4.5rem;max-height:9.6rem;overflow-y:hidden}.bx--snippet--multi .bx--snippet-container.no-expand[data-v-59cb538c]{min-height:2.5rem}.bx--snippet--multi.bx--snippet--expand .bx--snippet-container[data-v-59cb538c]{max-height:100%}.bx--snippet--multi .bx--copy-btn[data-v-59cb538c]{position:absolute!important;top:.5rem;right:.5rem;z-index:11;width:3rem;height:2rem}.bx--snippet-btn--expand[data-v-59cb538c]{right:.5rem;bottom:.5rem}",
@@ -825,21 +825,21 @@ var __vue_inject_styles__$o = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$o = "data-v-59cb538c";
+var __vue_scope_id__$p = "data-v-59cb538c";
 /* module identifier */
 
-var __vue_module_identifier__$o = "data-v-59cb538c";
+var __vue_module_identifier__$p = "data-v-59cb538c";
 /* functional template */
 
-var __vue_is_functional_template__$o = false;
+var __vue_is_functional_template__$p = false;
 /* style inject shadow dom */
 
-var __vue_component__$I = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$o, __vue_script__$i, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$J = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$p, __vue_script__$j, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$J = __vue_component__$I;//
+var __vue_component__$K = __vue_component__$J;//
 //
 //
 //
@@ -868,7 +868,7 @@ var __vue_component__$J = __vue_component__$I;//
 //
 //
 //
-var script$h = {
+var script$i = {
   name: "NsCircleTimer",
   props: {
     timeLimit: {
@@ -921,10 +921,10 @@ var script$h = {
     }
   }
 };/* script */
-var __vue_script__$h = script$h;
+var __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$m = function __vue_render__() {
+var __vue_render__$n = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -944,10 +944,10 @@ var __vue_render__$m = function __vue_render__() {
   }, null) + " data-v-45b59790></path></g></svg>")]);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$o = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-45b59790_0", {
     source: ".base-timer[data-v-45b59790]{position:relative}.base-timer__circle[data-v-45b59790]{fill:none;stroke:none}.base-timer__path-remaining[data-v-45b59790]{stroke:currentColor;transform:rotate(90deg);transform-origin:center;transition:1s linear all}.base-timer__svg[data-v-45b59790]{transform:scaleX(-1)}",
@@ -958,22 +958,22 @@ var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$n = "data-v-45b59790";
+var __vue_scope_id__$o = "data-v-45b59790";
 /* module identifier */
 
-var __vue_module_identifier__$n = "data-v-45b59790";
+var __vue_module_identifier__$o = "data-v-45b59790";
 /* functional template */
 
-var __vue_is_functional_template__$n = false;
+var __vue_is_functional_template__$o = false;
 /* style inject shadow dom */
 
-var __vue_component__$H = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$n, __vue_script__$h, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$I = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$o, __vue_script__$i, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, createInjectorSSR, undefined);
 
-var NsCircleTimer = __vue_component__$H;//
-var script$g = {
+var NsCircleTimer = __vue_component__$I;//
+var script$h = {
   name: "NsInlineNotification",
   extends: vue.CvInlineNotification,
   components: {
@@ -1010,10 +1010,10 @@ var script$g = {
     }
   }
 };/* script */
-var __vue_script__$g = script$g;
+var __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$l = function __vue_render__() {
+var __vue_render__$m = function __vue_render__() {
   var _obj;
 
   var _vm = this;
@@ -1046,10 +1046,10 @@ var __vue_render__$l = function __vue_render__() {
   })], 1) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$n = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-1e5d2ff7_0", {
     source: ".title[data-v-1e5d2ff7]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-1e5d2ff7]{margin-right:.75rem}.details[data-v-1e5d2ff7]{flex-grow:0}.bx--inline-notification__close-button[data-v-1e5d2ff7]{position:absolute!important}.bx--inline-notification__text-wrapper p[data-v-1e5d2ff7]{padding-right:0!important}",
@@ -1060,21 +1060,21 @@ var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$m = "data-v-1e5d2ff7";
+var __vue_scope_id__$n = "data-v-1e5d2ff7";
 /* module identifier */
 
-var __vue_module_identifier__$m = "data-v-1e5d2ff7";
+var __vue_module_identifier__$n = "data-v-1e5d2ff7";
 /* functional template */
 
-var __vue_is_functional_template__$m = false;
+var __vue_is_functional_template__$n = false;
 /* style inject shadow dom */
 
-var __vue_component__$G = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$m, __vue_script__$g, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$H = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$n, __vue_script__$h, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, createInjectorSSR, undefined);
 
-var NsInlineNotification = __vue_component__$G;//
+var NsInlineNotification = __vue_component__$H;//
 //
 //
 //
@@ -1091,7 +1091,7 @@ var NsInlineNotification = __vue_component__$G;//
 //
 //
 //
-var script$f = {
+var script$g = {
   name: "NsProgressBar",
   props: {
     value: {
@@ -1118,10 +1118,10 @@ var script$f = {
     }
   }
 };/* script */
-var __vue_script__$f = script$f;
+var __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$k = function __vue_render__() {
+var __vue_render__$l = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1133,10 +1133,10 @@ var __vue_render__$k = function __vue_render__() {
   }, [_vm._ssrNode("<div class=\"slider\" data-v-2bcd6519>" + (_vm.indeterminate ? "<div class=\"indeterminate-line\" data-v-2bcd6519></div> <div class=\"indeterminate-subline inc\" data-v-2bcd6519></div> <div class=\"indeterminate-subline dec\" data-v-2bcd6519></div>" : "<div class=\"line\" data-v-2bcd6519></div> <div class=\"progress-line\"" + _vm._ssrStyle(null, _vm.progressLine, null) + " data-v-2bcd6519></div>") + "</div>")]);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$m = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-2bcd6519_0", {
     source: ".progress-bar-container[data-v-2bcd6519]{width:100%;position:relative}.slider[data-v-2bcd6519]{position:absolute;width:100%;height:5px;overflow-x:hidden}.line[data-v-2bcd6519]{position:absolute;opacity:.4;width:100%;height:5px}.progress-line[data-v-2bcd6519]{position:absolute;height:5px}.indeterminate-line[data-v-2bcd6519]{position:absolute;opacity:.4;width:150%;height:5px}.indeterminate-subline[data-v-2bcd6519]{position:absolute;height:5px}.inc[data-v-2bcd6519]{animation:increase-data-v-2bcd6519 2s infinite}.dec[data-v-2bcd6519]{animation:decrease-data-v-2bcd6519 2s .5s infinite}@keyframes increase-data-v-2bcd6519{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-2bcd6519{from{left:-80%;width:80%}to{left:110%;width:10%}}",
@@ -1147,21 +1147,21 @@ var __vue_inject_styles__$l = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$l = "data-v-2bcd6519";
+var __vue_scope_id__$m = "data-v-2bcd6519";
 /* module identifier */
 
-var __vue_module_identifier__$l = "data-v-2bcd6519";
+var __vue_module_identifier__$m = "data-v-2bcd6519";
 /* functional template */
 
-var __vue_is_functional_template__$l = false;
+var __vue_is_functional_template__$m = false;
 /* style inject shadow dom */
 
-var __vue_component__$F = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$l, __vue_script__$f, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$G = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$m, __vue_script__$g, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, createInjectorSSR, undefined);
 
-var NsProgressBar = __vue_component__$F;var script$e = {
+var NsProgressBar = __vue_component__$G;var script$f = {
   name: "NsSvg",
   props: {
     svg: {
@@ -1212,31 +1212,31 @@ var NsProgressBar = __vue_component__$F;var script$e = {
     }
   }
 };/* script */
-var __vue_script__$e = script$e;
+var __vue_script__$f = script$f;
 /* template */
 
 /* style */
 
-var __vue_inject_styles__$k = undefined;
+var __vue_inject_styles__$l = undefined;
 /* scoped */
 
-var __vue_scope_id__$k = undefined;
+var __vue_scope_id__$l = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$k = "data-v-60877b31";
+var __vue_module_identifier__$l = "data-v-60877b31";
 /* functional template */
 
-var __vue_is_functional_template__$k = undefined;
+var __vue_is_functional_template__$l = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$E = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$k, __vue_script__$e, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+var __vue_component__$F = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$l, __vue_script__$f, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
 
-var NsSvg = __vue_component__$E;//
-var script$d = {
+var NsSvg = __vue_component__$F;//
+var script$e = {
   name: "NsTile",
   extends: vue.CvTile,
   inheritAttrs: false,
@@ -1299,10 +1299,10 @@ var script$d = {
     }
   }
 };/* script */
-var __vue_script__$d = script$d;
+var __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$j = function __vue_render__() {
+var __vue_render__$k = function __vue_render__() {
   var _obj;
 
   var _vm = this;
@@ -1339,10 +1339,10 @@ var __vue_render__$j = function __vue_render__() {
   }) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$k = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-bbf09f9e_0", {
     source: ".ns-tile[data-v-bbf09f9e]{margin-bottom:2rem}.container[data-v-bbf09f9e]{display:flex;flex-direction:column;justify-content:center}.centered[data-v-bbf09f9e]{text-align:center}.large[data-v-bbf09f9e]{min-height:10rem}.tile-icon[data-v-bbf09f9e]{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem}.tile-footer-icon[data-v-bbf09f9e]{position:absolute;right:1rem;bottom:1rem;flex-shrink:0;width:1.25rem;height:1.25rem}.pad-bottom[data-v-bbf09f9e]{padding-bottom:4rem}",
@@ -1353,21 +1353,21 @@ var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$j = "data-v-bbf09f9e";
+var __vue_scope_id__$k = "data-v-bbf09f9e";
 /* module identifier */
 
-var __vue_module_identifier__$j = "data-v-bbf09f9e";
+var __vue_module_identifier__$k = "data-v-bbf09f9e";
 /* functional template */
 
-var __vue_is_functional_template__$j = false;
+var __vue_is_functional_template__$k = false;
 /* style inject shadow dom */
 
-var __vue_component__$C = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$j, __vue_script__$d, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$D = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$k, __vue_script__$e, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$D = __vue_component__$C;function toInteger(dirtyNumber) {
+var __vue_component__$E = __vue_component__$D;function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
     return NaN;
   }
@@ -5845,7 +5845,7 @@ function utcToZonedTime(dirtyDate, timeZone, options) {
     }
   }
 };//
-var script$c = {
+var script$d = {
   name: "NsToastNotification",
   extends: vue.CvToastNotification,
   components: {
@@ -5887,10 +5887,10 @@ var script$c = {
     lowContrast: Boolean
   }
 };/* script */
-var __vue_script__$c = script$c;
+var __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$i = function __vue_render__() {
+var __vue_render__$j = function __vue_render__() {
   var _obj;
 
   var _vm = this;
@@ -5924,10 +5924,10 @@ var __vue_render__$i = function __vue_render__() {
   })], 1) : _vm._e()], 2)]);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$j = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-79bd81d3_0", {
     source: ".notification[data-v-79bd81d3]{margin-bottom:0;margin-right:0}.action[data-v-79bd81d3]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--ghost[data-v-79bd81d3]{margin-left:-16px}.notification-description-and-progress[data-v-79bd81d3]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-79bd81d3]{margin-bottom:0}.progress[data-v-79bd81d3]{margin-top:.75rem}.progress-bar-spacer[data-v-79bd81d3]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{width:100%;cursor:pointer}.notification-read[data-v-79bd81d3]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-79bd81d3]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-79bd81d3]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-79bd81d3]{font-weight:400}.cv-notifiation .timestamp[data-v-79bd81d3]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-79bd81d3]{color:#c6c6c6}.bx--tooltip__trigger[data-v-79bd81d3]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-79bd81d3]::before{border-bottom-color:#161616}div.row[data-v-79bd81d3]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-79bd81d3]{flex-grow:1}",
@@ -5942,22 +5942,22 @@ var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$i = "data-v-79bd81d3";
+var __vue_scope_id__$j = "data-v-79bd81d3";
 /* module identifier */
 
-var __vue_module_identifier__$i = "data-v-79bd81d3";
+var __vue_module_identifier__$j = "data-v-79bd81d3";
 /* functional template */
 
-var __vue_is_functional_template__$i = false;
+var __vue_is_functional_template__$j = false;
 /* style inject shadow dom */
 
-var __vue_component__$A = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$i, __vue_script__$c, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$B = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$j, __vue_script__$d, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$B = __vue_component__$A;//
-var script$b = {
+var __vue_component__$C = __vue_component__$B;//
+var script$c = {
   name: "NsInfoCard",
   //components added for storybook to work
   components: {
@@ -5988,10 +5988,10 @@ var script$b = {
     light: Boolean
   }
 };/* script */
-var __vue_script__$b = script$b;
+var __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$h = function __vue_render__() {
+var __vue_render__$i = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6023,10 +6023,10 @@ var __vue_render__$h = function __vue_render__() {
   }, [_vm._t("content")], 2)], 2);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$i = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-5f0f76db_0", {
     source: ".info-card[data-v-5f0f76db]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.row[data-v-5f0f76db]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-5f0f76db]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-5f0f76db]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-5f0f76db]{margin-top:.5rem}",
@@ -6037,22 +6037,22 @@ var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$h = "data-v-5f0f76db";
+var __vue_scope_id__$i = "data-v-5f0f76db";
 /* module identifier */
 
-var __vue_module_identifier__$h = "data-v-5f0f76db";
+var __vue_module_identifier__$i = "data-v-5f0f76db";
 /* functional template */
 
-var __vue_is_functional_template__$h = false;
+var __vue_is_functional_template__$i = false;
 /* style inject shadow dom */
 
-var __vue_component__$y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$h, __vue_script__$b, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$i, __vue_script__$c, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$z = __vue_component__$y;//
-var script$a = {
+var __vue_component__$A = __vue_component__$z;//
+var script$b = {
   name: "NsStatusCard",
   //components added for storybook to work
   components: {
@@ -6093,10 +6093,10 @@ var script$a = {
     };
   }
 };/* script */
-var __vue_script__$a = script$a;
+var __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$g = function __vue_render__() {
+var __vue_render__$h = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6165,10 +6165,10 @@ var __vue_render__$g = function __vue_render__() {
   }, [_c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])]) : _c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])], 1) : _vm._e()])]);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$h = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-e4a14fb4_0", {
     source: ".status-card[data-v-e4a14fb4]{display:flex;flex-direction:column;justify-content:center}.row[data-v-e4a14fb4]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.value[data-v-e4a14fb4]{margin-left:.25rem;margin-right:.25rem}.label[data-v-e4a14fb4]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-e4a14fb4]{margin-right:.25rem}.error-icon[data-v-e4a14fb4]{margin-right:.25rem}.warning-icon[data-v-e4a14fb4]{margin-right:.25rem}.stats[data-v-e4a14fb4]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6179,22 +6179,22 @@ var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$g = "data-v-e4a14fb4";
+var __vue_scope_id__$h = "data-v-e4a14fb4";
 /* module identifier */
 
-var __vue_module_identifier__$g = "data-v-e4a14fb4";
+var __vue_module_identifier__$h = "data-v-e4a14fb4";
 /* functional template */
 
-var __vue_is_functional_template__$g = false;
+var __vue_is_functional_template__$h = false;
 /* style inject shadow dom */
 
-var __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$h, __vue_script__$b, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$x = __vue_component__$w;//
-var script$9 = {
+var __vue_component__$y = __vue_component__$x;//
+var script$a = {
   name: "NsSystemdServiceCard",
   //components added for storybook to work
   components: {
@@ -6244,10 +6244,10 @@ var script$9 = {
     light: Boolean
   }
 };/* script */
-var __vue_script__$9 = script$9;
+var __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$f = function __vue_render__() {
+var __vue_render__$g = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6302,10 +6302,10 @@ var __vue_render__$f = function __vue_render__() {
   })], 1)])]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$g = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-e13a5ce6_0", {
     source: ".service-card[data-v-e13a5ce6]{display:flex;flex-direction:column;justify-content:center}.row[data-v-e13a5ce6]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.service-name[data-v-e13a5ce6]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-e13a5ce6]{margin-right:.25rem}.error-icon[data-v-e13a5ce6]{margin-right:.25rem}.warning-icon[data-v-e13a5ce6]{margin-right:.25rem}.stats[data-v-e13a5ce6]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6316,21 +6316,21 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$f = "data-v-e13a5ce6";
+var __vue_scope_id__$g = "data-v-e13a5ce6";
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-e13a5ce6";
+var __vue_module_identifier__$g = "data-v-e13a5ce6";
 /* functional template */
 
-var __vue_is_functional_template__$f = false;
+var __vue_is_functional_template__$g = false;
 /* style inject shadow dom */
 
-var __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$f, __vue_script__$9, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$v = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$v = __vue_component__$u;var UtilService = {
+var __vue_component__$w = __vue_component__$v;var UtilService = {
   name: "UtilService",
   data: function data() {
     return {
@@ -6510,7 +6510,7 @@ var __vue_component__$v = __vue_component__$u;var UtilService = {
     }
   }
 };//
-var script$8 = {
+var script$9 = {
   name: "NsPasswordInput",
   components: vue.CvTextInput,
   mixins: [UtilService],
@@ -6654,10 +6654,10 @@ var script$8 = {
     }
   }
 };/* script */
-var __vue_script__$8 = script$8;
+var __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$e = function __vue_render__() {
+var __vue_render__$f = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6726,10 +6726,10 @@ var __vue_render__$e = function __vue_render__() {
   }]) + " data-v-1598af82>" + _vm._ssrEscape(_vm._s(_vm.equalLabel)) + "</span></div>")], 2)], 2);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-1598af82_0", {
     source: ".new-password-container[data-v-1598af82]{margin-bottom:1rem}.new-password[data-v-1598af82]{margin-bottom:.25rem}.confirm-password[data-v-1598af82]{margin-bottom:.25rem}.password-meter[data-v-1598af82]{display:flex}@media (min-width:672px){.password-meter[data-v-1598af82]{max-width:38rem}}.requirement[data-v-1598af82]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-1598af82]{background-color:#fff}.requirement[data-v-1598af82]:first-child{margin-left:0}.requirement-ok[data-v-1598af82]{color:#fff;background-color:#198038}",
@@ -6740,22 +6740,22 @@ var __vue_inject_styles__$e = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$e = "data-v-1598af82";
+var __vue_scope_id__$f = "data-v-1598af82";
 /* module identifier */
 
-var __vue_module_identifier__$e = "data-v-1598af82";
+var __vue_module_identifier__$f = "data-v-1598af82";
 /* functional template */
 
-var __vue_is_functional_template__$e = false;
+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__$e, __vue_script__$8, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$t = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$f, __vue_script__$9, __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 = {
+var __vue_component__$u = __vue_component__$t;//
+var script$8 = {
   name: "NsIconMenu",
   extends: vue.CvOverflowMenu,
   props: {
@@ -6784,10 +6784,10 @@ var script$7 = {
     }
   }
 };/* script */
-var __vue_script__$7 = script$7;
+var __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$d = function __vue_render__() {
+var __vue_render__$e = function __vue_render__() {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -6808,33 +6808,33 @@ var __vue_render__$d = function __vue_render__() {
   }, null) + ">", "</div>", [_vm._ssrNode("<div tabindex=\"0\" class=\"cv-overflow-menu__before-content\" style=\"position: absolute; height: 1px; width: 1px; left: -9999px\"></div> "), _vm._ssrNode("<ul" + _vm._ssrClass(null, _vm.carbonPrefix + "--overflow-menu-options__content") + ">", "</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\"></div>")], 2)], 2);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-var __vue_inject_styles__$d = undefined;
+var __vue_inject_styles__$e = undefined;
 /* scoped */
 
-var __vue_scope_id__$d = undefined;
+var __vue_scope_id__$e = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$d = "data-v-1922c75f";
+var __vue_module_identifier__$e = "data-v-1922c75f";
 /* functional template */
 
-var __vue_is_functional_template__$d = false;
+var __vue_is_functional_template__$e = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$7, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
+var __vue_component__$r = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$e, __vue_script__$8, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
 
-var __vue_component__$r = __vue_component__$q;//
+var __vue_component__$s = __vue_component__$r;//
 Vue__default["default"].use(chartsVue__default["default"]);
-var script$6 = {
+var script$7 = {
   name: "NsMeterChart",
   components: {
     CcvMeterChart: chartsVue.CcvMeterChart
@@ -6902,10 +6902,10 @@ var script$6 = {
     };
   }
 };/* script */
-var __vue_script__$6 = script$6;
+var __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$c = function __vue_render__() {
+var __vue_render__$d = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6920,33 +6920,33 @@ var __vue_render__$c = function __vue_render__() {
   });
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-var __vue_inject_styles__$c = undefined;
+var __vue_inject_styles__$d = undefined;
 /* scoped */
 
-var __vue_scope_id__$c = undefined;
+var __vue_scope_id__$d = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$c = "data-v-35dc2b36";
+var __vue_module_identifier__$d = "data-v-35dc2b36";
 /* functional template */
 
-var __vue_is_functional_template__$c = false;
+var __vue_is_functional_template__$d = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$6, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
+var __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$d, __vue_script__$7, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
 
-var __vue_component__$p = __vue_component__$o;//
+var __vue_component__$q = __vue_component__$p;//
 Vue__default["default"].use(chartsVue__default["default"]);
-var script$5 = {
+var script$6 = {
   name: "NsPieChart",
   components: {},
   props: {
@@ -6996,10 +6996,10 @@ var script$5 = {
     };
   }
 };/* script */
-var __vue_script__$5 = script$5;
+var __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$b = function __vue_render__() {
+var __vue_render__$c = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7014,32 +7014,32 @@ var __vue_render__$b = function __vue_render__() {
   });
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-var __vue_inject_styles__$b = undefined;
+var __vue_inject_styles__$c = undefined;
 /* scoped */
 
-var __vue_scope_id__$b = undefined;
+var __vue_scope_id__$c = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$b = "data-v-1afab72c";
+var __vue_module_identifier__$c = "data-v-1afab72c";
 /* functional template */
 
-var __vue_is_functional_template__$b = false;
+var __vue_is_functional_template__$c = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$b, __vue_script__$5, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
+var __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$c, __vue_script__$6, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
 
-var __vue_component__$n = __vue_component__$m;//
-var script$4 = {
+var __vue_component__$o = __vue_component__$n;//
+var script$5 = {
   name: "NsDangerDeleteModal",
   //component added for storybook to work
   components: {
@@ -7117,10 +7117,10 @@ var script$4 = {
     }
   }
 };/* script */
-var __vue_script__$4 = script$4;
+var __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$a = function __vue_render__() {
+var __vue_render__$b = function __vue_render__() {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7181,10 +7181,10 @@ var __vue_render__$a = function __vue_render__() {
   }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$b = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-97f667a6_0", {
     source: ".type-to-confirm[data-v-97f667a6]{margin-top:2rem}",
@@ -7195,21 +7195,21 @@ var __vue_inject_styles__$a = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$a = "data-v-97f667a6";
+var __vue_scope_id__$b = "data-v-97f667a6";
 /* module identifier */
 
-var __vue_module_identifier__$a = "data-v-97f667a6";
+var __vue_module_identifier__$b = "data-v-97f667a6";
 /* functional template */
 
-var __vue_is_functional_template__$a = false;
+var __vue_is_functional_template__$b = false;
 /* style inject shadow dom */
 
-var __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$a, __vue_script__$4, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, createInjectorSSR, undefined);
+var __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$b, __vue_script__$5, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$l = __vue_component__$k;var IconService = {
+var __vue_component__$m = __vue_component__$l;var IconService = {
   name: "IconService",
   data: function data() {
     return {
@@ -7298,7 +7298,7 @@ var __vue_component__$l = __vue_component__$k;var IconService = {
     };
   }
 };//
-var script$3 = {
+var script$4 = {
   name: "NsDropdownAction",
   extends: vue.CvOverflowMenu,
   components: {
@@ -7327,10 +7327,10 @@ var script$3 = {
     }
   }
 };/* script */
-var __vue_script__$3 = script$3;
+var __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$9 = function __vue_render__() {
+var __vue_render__$a = function __vue_render__() {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -7356,32 +7356,32 @@ var __vue_render__$9 = 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__$9 = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-var __vue_inject_styles__$9 = undefined;
+var __vue_inject_styles__$a = undefined;
 /* scoped */
 
-var __vue_scope_id__$9 = "data-v-31925b9d";
+var __vue_scope_id__$a = "data-v-31925b9d";
 /* module identifier */
 
-var __vue_module_identifier__$9 = "data-v-31925b9d";
+var __vue_module_identifier__$a = "data-v-31925b9d";
 /* functional template */
 
-var __vue_is_functional_template__$9 = false;
+var __vue_is_functional_template__$a = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-var __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$3, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
+var __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$a, __vue_script__$4, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
 
-var __vue_component__$j = __vue_component__$i;//
-var script$2 = {
+var __vue_component__$k = __vue_component__$j;//
+var script$3 = {
   name: "NsTextInput",
   extends: vue.CvTextInput,
   components: {
@@ -7436,10 +7436,10 @@ var script$2 = {
     }
   }
 };/* script */
-var __vue_script__$2 = script$2;
+var __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$8 = function __vue_render__() {
+var __vue_render__$9 = function __vue_render__() {
   var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
 
   var _vm = this;
@@ -7475,10 +7475,10 @@ var __vue_render__$8 = function __vue_render__() {
   })], 2) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
+var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
   if (!inject) return;
   inject("data-v-1a7ed132_0", {
     source: ".tooltip[data-v-1a7ed132]{display:inline-block;position:absolute}",
@@ -7493,10 +7493,168 @@ var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$8 = "data-v-1a7ed132";
+var __vue_scope_id__$9 = "data-v-1a7ed132";
 /* module identifier */
 
-var __vue_module_identifier__$8 = "data-v-1a7ed132";
+var __vue_module_identifier__$9 = "data-v-1a7ed132";
+/* functional template */
+
+var __vue_is_functional_template__$9 = false;
+/* style inject shadow dom */
+
+var __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$3, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, createInjectorSSR, undefined);
+
+var __vue_component__$i = __vue_component__$h;//
+var script$2 = {
+  name: "NsBackupCardDetails",
+  mixins: [DateTimeService],
+  props: {
+    backup: {
+      type: Object,
+      required: true
+    },
+    status: {
+      type: Array,
+      required: true
+    },
+    repositoryLabel: {
+      type: String,
+      default: "Repository"
+    },
+    completedLabel: {
+      type: String,
+      required: true
+    },
+    durationLabel: {
+      type: String,
+      required: true
+    },
+    totalSizeLabel: {
+      type: String,
+      required: true
+    },
+    totalFileCountLabel: {
+      type: String,
+      required: true
+    } // moduleId: { ////
+    //   type: String,
+    //   required: true,
+    // },
+    // moduleUiName: { ////
+    //   type: String,
+    //   default: "",
+    // },
+    // repositories: {
+    //   type: Array,
+    //   required: true,
+    // },
+    // backups: {
+    //   type: Array,
+    //   required: true,
+    // },
+    // loading: {
+    //   type: Boolean,
+    //   default: false,
+    // },
+    // coreContext: {
+    //   type: Object,
+    //   required: true,
+    // },
+    // light: Boolean,
+
+  } // data() { ////
+  //   return {
+  //     backupsContainingInstance: [],
+  //     status: [],
+  //   };
+  // },
+  // watch: {
+  //   repositories: function () {
+  //     this.updateData();
+  //   },
+  //   backups: function () {
+  //     this.updateData();
+  //   },
+  // },
+  // created() {
+  //   this.updateData();
+  // },
+  // methods: { ////
+  //   updateData() {
+  //     let backupsContainingInstance = [];
+  //     for (const backup of this.backups) {
+  //       for (const instance of backup.instances) {
+  //         if (instance.module_id == this.moduleId) {
+  //           backupsContainingInstance.push(backup);
+  //         }
+  //       }
+  //     }
+  //     this.backupsContainingInstance = backupsContainingInstance;
+  //     // status
+  //     for (const backup of this.backupsContainingInstance) {
+  //       const instance = backup.instances.find(
+  //         (i) => i.module_id == this.moduleId
+  //       );
+  //       const status = instance.status;
+  //       this.status[backup.id] = status;
+  //     }
+  //   },
+  //   goToBackup() {
+  //     if (this.coreContext && this.coreContext.$router) {
+  //       this.coreContext.$router.push("/backup");
+  //     }
+  //   },
+  // },
+
+};/* script */
+var __vue_script__$2 = script$2;
+/* template */
+
+var __vue_render__$8 = function __vue_render__() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "ns-backup-card-details"
+  }, [_vm._ssrNode("<div class=\"tr\" data-v-74e6bb6a><div class=\"td label\" data-v-74e6bb6a>" + _vm._ssrEscape(_vm._s(_vm.repositoryLabel)) + "</div> <div class=\"td\" data-v-74e6bb6a>" + _vm._ssrEscape("\n      " + _vm._s(_vm.backup.repoName) + "\n    ") + "</div></div> "), _vm._ssrNode("<div class=\"tr\" data-v-74e6bb6a>", "</div>", [_vm._ssrNode("<div class=\"td label\" data-v-74e6bb6a>" + _vm._ssrEscape(_vm._s(_vm.completedLabel)) + "</div> "), _vm._ssrNode("<div class=\"td\" data-v-74e6bb6a>", "</div>", [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end ? _vm._ssrNode("<span data-v-74e6bb6a>", "</span>", [_c('cv-interactive-tooltip', {
+    staticClass: "info tooltip-with-text-trigger",
+    attrs: {
+      "alignment": "center",
+      "direction": "bottom"
+    }
+  }, [_c('template', {
+    slot: "trigger"
+  }, [_vm._v("\n            " + _vm._s(_vm.formatDateDistance(_vm.status[_vm.backup.id].end * 1000, new Date(), {
+    addSuffix: true
+  })) + "\n          ")]), _vm._v(" "), _c('template', {
+    slot: "content"
+  }, [_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-74e6bb6a>-</span>")])], 2), _vm._ssrNode(" <div class=\"tr\" data-v-74e6bb6a><div class=\"td label\" data-v-74e6bb6a>" + _vm._ssrEscape(_vm._s(_vm.durationLabel)) + "</div> <div class=\"td\" data-v-74e6bb6a>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].end && _vm.status[_vm.backup.id].start ? "<span data-v-74e6bb6a>" + _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-74e6bb6a>-</span>") + "</div></div> <div class=\"tr\" data-v-74e6bb6a><div class=\"td label\" data-v-74e6bb6a>" + _vm._ssrEscape(_vm._s(_vm.totalSizeLabel)) + "</div> <div class=\"td\" data-v-74e6bb6a>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_size ? "<span data-v-74e6bb6a>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("byteFormat")(_vm.status[_vm.backup.id].total_size)) + "\n      ") + "</span>" : "<span data-v-74e6bb6a>-</span>") + "</div></div> <div class=\"tr\" data-v-74e6bb6a><div class=\"td label\" data-v-74e6bb6a>" + _vm._ssrEscape(_vm._s(_vm.totalFileCountLabel)) + "</div> <div class=\"td\" data-v-74e6bb6a>" + (_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? "<span data-v-74e6bb6a>" + _vm._ssrEscape("\n        " + _vm._s(_vm._f("humanFormat")(_vm.status[_vm.backup.id].total_file_count)) + "\n        (" + _vm._s(_vm.status[_vm.backup.id].total_file_count) + ")\n      ") + "</span>" : "<span data-v-74e6bb6a>-</span>") + "</div></div>")], 2);
+};
+
+var __vue_staticRenderFns__$8 = [];
+/* style */
+
+var __vue_inject_styles__$8 = function __vue_inject_styles__(inject) {
+  if (!inject) return;
+  inject("data-v-74e6bb6a_0", {
+    source: ".ns-backup-card-details[data-v-74e6bb6a]{display:contents}.tr[data-v-74e6bb6a]{display:table-row}.td[data-v-74e6bb6a]{display:table-cell}.label[data-v-74e6bb6a]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+var __vue_scope_id__$8 = "data-v-74e6bb6a";
+/* module identifier */
+
+var __vue_module_identifier__$8 = "data-v-74e6bb6a";
 /* functional template */
 
 var __vue_is_functional_template__$8 = false;
@@ -7507,9 +7665,12 @@ var __vue_component__$g = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$8
 }, __vue_inject_styles__$8, __vue_script__$2, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, createInjectorSSR, undefined);
 
-var __vue_component__$h = __vue_component__$g;var script$1 = {
+var NsBackupCardDetails = __vue_component__$g;var script$1 = {
   name: "NsBackupCard",
-  mixins: [IconService, DateTimeService],
+  components: {
+    NsBackupCardDetails: NsBackupCardDetails
+  },
+  mixins: [IconService, UtilService],
   props: {
     title: {
       type: String,
@@ -7567,6 +7728,10 @@ var __vue_component__$h = __vue_component__$g;var script$1 = {
       type: String,
       default: "Disabled"
     },
+    showMoreLabel: {
+      type: String,
+      default: "Show more"
+    },
     moduleId: {
       type: String,
       required: true
@@ -7721,14 +7886,17 @@ var __vue_render__$7 = function __vue_render__() {
     on: {
       "action": _vm.goToBackup
     }
-  })], 1)] : _vm._l(_vm.backupsContainingInstance, function (backup) {
+  })], 1)] : [_c('div', {
+    staticClass: "backups"
+  }, _vm._l(_vm.backupsContainingInstance, function (backup) {
     return _c('div', {
-      key: backup.id
+      key: backup.id,
+      staticClass: "backup"
     }, [_c('div', {
       staticClass: "row"
     }, [_vm.backupsContainingInstance.length > 1 ? _c('h5', {
       staticClass: "title mg-top-sm"
-    }, [_vm._v("\n          " + _vm._s(backup.name) + "\n        ")]) : _vm._e()]), _vm._v(" "), _c('div', {
+    }, [_vm._v("\n            " + _vm._s(backup.name) + "\n          ")]) : _vm._e()]), _vm._v(" "), _c('div', {
       staticClass: "table-wrapper"
     }, [_c('div', {
       staticClass: "table"
@@ -7740,53 +7908,49 @@ var __vue_render__$7 = function __vue_render__() {
       staticClass: "td status"
     }, [!backup.enabled ? _c('span', {
       staticClass: "ns-warning"
-    }, [_vm._v("\n                " + _vm._s(_vm.backupDisabledLabel) + "\n              ")]) : _vm.status[backup.id] && _vm.status[backup.id].success == true ? _c('span', {
+    }, [_vm._v("\n                  " + _vm._s(_vm.backupDisabledLabel) + "\n                ")]) : _vm.status[backup.id] && _vm.status[backup.id].success == true ? _c('span', {
       staticClass: "ns-success"
     }, [_c('span', [_vm._v(_vm._s(_vm.statusSuccessLabel))])]) : _vm.status[backup.id] && _vm.status[backup.id].success == false ? _c('span', {
       staticClass: "ns-error"
-    }, [_vm._v("\n                " + _vm._s(_vm.statusErrorLabel) + "\n              ")]) : _c('span', {
+    }, [_vm._v("\n                  " + _vm._s(_vm.statusErrorLabel) + "\n                ")]) : _c('span', {
       staticClass: "ns-warning"
-    }, [_vm._v("\n                " + _vm._s(_vm.statusNotRunLabel) + "\n              ")])])]), _vm._v(" "), _c('div', {
-      staticClass: "tr"
-    }, [_c('div', {
-      staticClass: "td label"
-    }, [_vm._v(_vm._s(_vm.repositoryLabel))]), _vm._v(" "), _c('div', {
-      staticClass: "td"
-    }, [_vm._v("\n              " + _vm._s(backup.repoName) + "\n            ")])]), _vm._v(" "), _c('div', {
-      staticClass: "tr"
-    }, [_c('div', {
-      staticClass: "td label"
-    }, [_vm._v(_vm._s(_vm.completedLabel))]), _vm._v(" "), _c('div', {
-      staticClass: "td"
-    }, [_vm.status[backup.id] && _vm.status[backup.id].end ? _c('span', [_c('cv-tooltip', {
-      staticClass: "info tooltip-with-text-trigger",
+    }, [_vm._v("\n                  " + _vm._s(_vm.statusNotRunLabel) + "\n                ")])])]), _vm._v(" "), _vm.backupsContainingInstance.length == 1 ? _c('NsBackupCardDetails', {
       attrs: {
-        "alignment": "center",
-        "direction": "bottom",
-        "tip": _vm._f("date")(_vm.status[backup.id].end * 1000, 'yyyy-MM-dd HH:mm:ss')
+        "backup": backup,
+        "status": _vm.status,
+        "repositoryLabel": _vm.repositoryLabel,
+        "completedLabel": _vm.completedLabel,
+        "durationLabel": _vm.durationLabel,
+        "totalSizeLabel": _vm.totalSizeLabel,
+        "totalFileCountLabel": _vm.totalFileCountLabel
       }
-    }, [_vm._v("\n                  " + _vm._s(_vm.formatDateDistance(_vm.status[backup.id].end * 1000, new Date(), {
-      addSuffix: true
-    })) + "\n                ")])], 1) : _c('span', [_vm._v("-")])])]), _vm._v(" "), _c('div', {
-      staticClass: "tr"
-    }, [_c('div', {
-      staticClass: "td label"
-    }, [_vm._v(_vm._s(_vm.durationLabel))]), _vm._v(" "), _c('div', {
-      staticClass: "td"
-    }, [_vm.status[backup.id] && _vm.status[backup.id].end && _vm.status[backup.id].start ? _c('span', [_vm._v("\n                " + _vm._s(_vm._f("secondsFormat")(_vm.status[backup.id].end - _vm.status[backup.id].start)) + "\n              ")]) : _c('span', [_vm._v("-")])])]), _vm._v(" "), _c('div', {
-      staticClass: "tr"
-    }, [_c('div', {
-      staticClass: "td label"
-    }, [_vm._v(_vm._s(_vm.totalSizeLabel))]), _vm._v(" "), _c('div', {
-      staticClass: "td"
-    }, [_vm.status[backup.id] && _vm.status[backup.id].total_size ? _c('span', [_vm._v("\n                " + _vm._s(_vm._f("byteFormat")(_vm.status[backup.id].total_size)) + "\n              ")]) : _c('span', [_vm._v("-")])])]), _vm._v(" "), _c('div', {
-      staticClass: "tr"
+    }) : _vm._e()], 1)]), _vm._v(" "), _c('div', {
+      staticClass: "table-wrapper"
     }, [_c('div', {
-      staticClass: "td label"
-    }, [_vm._v(_vm._s(_vm.totalFileCountLabel))]), _vm._v(" "), _c('div', {
-      staticClass: "td"
-    }, [_vm.status[backup.id] && _vm.status[backup.id].total_file_count ? _c('span', [_vm._v("\n                " + _vm._s(_vm._f("humanFormat")(_vm.status[backup.id].total_file_count)) + "\n                (" + _vm._s(_vm.status[backup.id].total_file_count) + ")\n              ")]) : _c('span', [_vm._v("-")])])])])])]);
-  }), _vm._v(" "), _c('div', [_c('div', {
+      staticClass: "table"
+    }, [_vm.backupsContainingInstance.length > 1 ? _c('cv-accordion', {
+      ref: "accordion",
+      refInFor: true
+    }, [_c('cv-accordion-item', {
+      attrs: {
+        "open": _vm.toggleAccordion[0]
+      }
+    }, [_c('template', {
+      slot: "title"
+    }, [_vm._v(_vm._s(_vm.showMoreLabel))]), _vm._v(" "), _c('template', {
+      slot: "content"
+    }, [_c('NsBackupCardDetails', {
+      attrs: {
+        "backup": backup,
+        "status": _vm.status,
+        "repositoryLabel": _vm.repositoryLabel,
+        "completedLabel": _vm.completedLabel,
+        "durationLabel": _vm.durationLabel,
+        "totalSizeLabel": _vm.totalSizeLabel,
+        "totalFileCountLabel": _vm.totalFileCountLabel
+      }
+    })], 1)], 2)], 1) : _vm._e()], 1)])]);
+  }), 0)], _vm._v(" "), _c('div', [_c('div', {
     staticClass: "row mg-top-sm"
   }, [_c('NsButton', {
     attrs: {
@@ -7805,8 +7969,12 @@ var __vue_staticRenderFns__$7 = [];
 
 var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-c645ad74_0", {
-    source: ".ns-backup-card[data-v-c645ad74]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.row[data-v-c645ad74]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-c645ad74]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-c645ad74]{display:flex;justify-content:center;margin-top:.5rem}.table[data-v-c645ad74]{display:table}.tr[data-v-c645ad74]{display:table-row}.td[data-v-c645ad74]{display:table-cell}.label[data-v-c645ad74]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-c645ad74]{font-weight:700}.backup-status-icon[data-v-c645ad74]{margin-right:.25rem}",
+  inject("data-v-09385b80_0", {
+    source: ".ns-backup-card[data-v-09385b80]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-09385b80]{margin-bottom:1rem}.backup[data-v-09385b80]:last-child{margin-bottom:0}.row[data-v-09385b80]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-09385b80]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-09385b80]{display:flex;justify-content:center;margin-top:.5rem}.table[data-v-09385b80]{display:table}.tr[data-v-09385b80]{display:table-row}.td[data-v-09385b80]{display:table-cell}.label[data-v-09385b80]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-09385b80]{font-weight:700}.backup-status-icon[data-v-09385b80]{margin-right:.25rem}",
+    map: undefined,
+    media: undefined
+  }), inject("data-v-09385b80_1", {
+    source: ".ns-backup-card .bx--accordion--start .bx--accordion__content{margin-left:0}",
     map: undefined,
     media: undefined
   });
@@ -7814,10 +7982,10 @@ var __vue_inject_styles__$7 = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$7 = "data-v-c645ad74";
+var __vue_scope_id__$7 = "data-v-09385b80";
 /* module identifier */
 
-var __vue_module_identifier__$7 = "data-v-c645ad74";
+var __vue_module_identifier__$7 = "data-v-09385b80";
 /* functional template */
 
 var __vue_is_functional_template__$7 = false;
@@ -15732,7 +15900,7 @@ var GearsLottie = {
     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:__vue_component__$Q,NsEmptyState:__vue_component__$L,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$J,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$D,NsToastNotification:__vue_component__$B,NsInfoCard:__vue_component__$z,NsStatusCard:__vue_component__$x,NsSystemdServiceCard:__vue_component__$v,NsPasswordInput:__vue_component__$t,NsIconMenu:__vue_component__$r,NsMeterChart:__vue_component__$p,NsPieChart:__vue_component__$n,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$l,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$j,NsTextInput:__vue_component__$h,NsBackupCard:__vue_component__$f,NsWizard:__vue_component__$d,ExclamationMark:ExclamationMark,Gear:__vue_component__$b,Love:__vue_component__$9,Warning:__vue_component__$7,Bulldozer:__vue_component__$5,Group:__vue_component__$3,HardDrive:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,DataTableService:dataTable,PageTitleService:pageTitle,LottieService:lottie,Filters:filters});var install = function installNs8UiLib(Vue) {
+};/* eslint-disable import/prefer-default-export */var components$1=/*#__PURE__*/Object.freeze({__proto__:null,NsButton:__vue_component__$R,NsEmptyState:__vue_component__$M,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$K,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$E,NsToastNotification:__vue_component__$C,NsInfoCard:__vue_component__$A,NsStatusCard:__vue_component__$y,NsSystemdServiceCard:__vue_component__$w,NsPasswordInput:__vue_component__$u,NsIconMenu:__vue_component__$s,NsMeterChart:__vue_component__$q,NsPieChart:__vue_component__$o,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$m,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$k,NsTextInput:__vue_component__$i,NsBackupCard:__vue_component__$f,NsWizard:__vue_component__$d,ExclamationMark:ExclamationMark,Gear:__vue_component__$b,Love:__vue_component__$9,Warning:__vue_component__$7,Bulldozer:__vue_component__$5,Group:__vue_component__$3,HardDrive:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,DataTableService:dataTable,PageTitleService:pageTitle,LottieService:lottie,Filters:filters});var install = function installNs8UiLib(Vue) {
   Object.entries(components$1).forEach(function (_ref) {
     var _ref2 = _slicedToArray(_ref, 2),
         componentName = _ref2[0],
@@ -15741,7 +15909,7 @@ var GearsLottie = {
     Vue.component(componentName, component);
   });
 }; // Create module definition for Vue.use()
-var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,NsButton:__vue_component__$Q,NsEmptyState:__vue_component__$L,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$J,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$D,NsToastNotification:__vue_component__$B,NsInfoCard:__vue_component__$z,NsStatusCard:__vue_component__$x,NsSystemdServiceCard:__vue_component__$v,NsPasswordInput:__vue_component__$t,NsIconMenu:__vue_component__$r,NsMeterChart:__vue_component__$p,NsPieChart:__vue_component__$n,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$l,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$j,NsTextInput:__vue_component__$h,NsBackupCard:__vue_component__$f,NsWizard:__vue_component__$d,ExclamationMark:ExclamationMark,Gear:__vue_component__$b,Love:__vue_component__$9,Warning:__vue_component__$7,Bulldozer:__vue_component__$5,Group:__vue_component__$3,HardDrive:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,DataTableService:dataTable,PageTitleService:pageTitle,LottieService:lottie,Filters:filters});// only expose one global var, with component exports exposed as properties of
+var components=/*#__PURE__*/Object.freeze({__proto__:null,'default':install,NsButton:__vue_component__$R,NsEmptyState:__vue_component__$M,NsPictogram:NsPictogram,NsCodeSnippet:__vue_component__$K,NsInlineNotification:NsInlineNotification,NsProgressBar:NsProgressBar,NsSvg:NsSvg,NsTile:__vue_component__$E,NsToastNotification:__vue_component__$C,NsInfoCard:__vue_component__$A,NsStatusCard:__vue_component__$y,NsSystemdServiceCard:__vue_component__$w,NsPasswordInput:__vue_component__$u,NsIconMenu:__vue_component__$s,NsMeterChart:__vue_component__$q,NsPieChart:__vue_component__$o,NsLottieAnimation:NsLottieAnimation,NsDangerDeleteModal:__vue_component__$m,NsCircleTimer:NsCircleTimer,NsDropdownAction:__vue_component__$k,NsTextInput:__vue_component__$i,NsBackupCard:__vue_component__$f,NsWizard:__vue_component__$d,ExclamationMark:ExclamationMark,Gear:__vue_component__$b,Love:__vue_component__$9,Warning:__vue_component__$7,Bulldozer:__vue_component__$5,Group:__vue_component__$3,HardDrive:__vue_component__$1,UtilService:UtilService,QueryParamService:queryParam,TaskService:task,StorageService:StorageService,IconService:IconService,DateTimeService:DateTimeService,DataTableService:dataTable,PageTitleService:pageTitle,LottieService:lottie,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) {