@nethserver/ns8-ui-lib 0.0.21 → 0.0.25

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

@@ -1,12 +1,11 @@
 import { CvButton, CvIconButton, CvInlineNotification, CvTile, CvToastNotification, CvLink, CvTooltip, CvTag, CvTextInput, CvOverflowMenu } 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';
 import { carbonPrefixMixin, themeMixin } from '@carbon/vue/src/mixins';
 import CheckmarkFilled20 from '@carbon/icons-vue/es/checkmark--filled/20';
 import ErrorFilled20 from '@carbon/icons-vue/es/error--filled/20';
 import Warning20 from '@carbon/icons-vue/es/warning--filled/20';
-import Chip32 from '@carbon/icons-vue/es/chip/32';
-import Information16 from '@carbon/icons-vue/es/information/16';
 import Vue from 'vue';
 import '@carbon/charts/styles.css';
 import chartsVue, { CcvMeterChart } from '@carbon/charts-vue';
@@ -34,6 +33,7 @@ import Add20 from '@carbon/icons-vue/es/add/20';
 import Rocket20 from '@carbon/icons-vue/es/rocket/20';
 import Rocket32 from '@carbon/icons-vue/es/rocket/32';
 import Chip20 from '@carbon/icons-vue/es/chip/20';
+import Chip32 from '@carbon/icons-vue/es/chip/32';
 import Save20 from '@carbon/icons-vue/es/save/20';
 import Application32 from '@carbon/icons-vue/es/application/32';
 import EdgeNode20 from '@carbon/icons-vue/es/edge-node/20';
@@ -264,12 +264,12 @@ const __vue_is_functional_template__$l = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$C = /*#__PURE__*/normalizeComponent({
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$k,
   staticRenderFns: __vue_staticRenderFns__$k
 }, __vue_inject_styles__$l, __vue_script__$g, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
 
-var __vue_component__$D = __vue_component__$C;
+var __vue_component__$C = __vue_component__$B;
 
 //
 //
@@ -360,16 +360,73 @@ const __vue_is_functional_template__$k = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+const __vue_component__$A = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$j,
   staticRenderFns: __vue_staticRenderFns__$j
 }, __vue_inject_styles__$k, __vue_script__$f, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
 
-var NsPictogram = __vue_component__$B;
+var NsPictogram = __vue_component__$A;
 
-/* script */
+//
+var script$e = {
+  name: "NsLottieAnimation",
+  components: {
+    LottieAnimation
+  },
+  props: {
+    animationData: {
+      type: Object,
+      required: true
+    },
+    loop: {
+      type: [Boolean, Number],
+      default: false
+    },
+    autoPlay: {
+      type: Boolean,
+      default: true
+    },
+    refName: {
+      type: String,
+      default: "anim"
+    },
+    animateOnHover: {
+      type: Boolean,
+      default: true
+    }
+  },
+  methods: {
+    onLoopComplete(eventData) {
+      this.$emit("loopComplete", eventData);
+    },
+
+    onComplete(eventData) {
+      this.$emit("complete", eventData);
 
+      if (this.animateOnHover) {
+        this.$refs[this.refName].stop();
+      }
+    },
+
+    onEnterFrame(eventData) {
+      this.$emit("enterFrame", eventData);
+    },
+
+    onMouseOver(eventData) {
+      this.$emit("mouseover", eventData);
+
+      if (this.animateOnHover) {
+        this.$refs[this.refName].play();
+      }
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$e = script$e;
 /* template */
+
 var __vue_render__$i = function () {
   var _vm = this;
 
@@ -377,12 +434,24 @@ var __vue_render__$i = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('path', {
+  return _c('div', {
+    staticClass: "ns-lottie-animation",
+    on: {
+      "mouseover": _vm.onMouseOver
+    }
+  }, [_c('LottieAnimation', {
+    ref: _vm.refName,
     attrs: {
-      "id": "warning--02_1_",
-      "d": "M23.668,29.312l-0.359-0.623c4.522-2.61,7.331-7.473,7.331-12.688c0-8.073-6.567-14.64-14.64-14.64\n\tC7.927,1.36,1.36,7.927,1.36,16c0,5.216,2.81,10.078,7.332,12.688l-0.36,0.623C3.587,26.573,0.64,21.473,0.64,16\n\tC0.64,7.53,7.53,0.64,16,0.64S31.36,7.53,31.36,16C31.36,21.473,28.413,26.573,23.668,29.312z M16.36,24h-0.72V6h0.72V24z M16,28.5\n\tc-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S16.552,28.5,16,28.5z"
+      "animationData": _vm.animationData,
+      "loop": _vm.loop,
+      "autoPlay": _vm.autoPlay
+    },
+    on: {
+      "loopComplete": _vm.onLoopComplete,
+      "complete": _vm.onComplete,
+      "enterFrame": _vm.onEnterFrame
     }
-  });
+  })], 1);
 };
 
 var __vue_staticRenderFns__$i = [];
@@ -391,7 +460,7 @@ var __vue_staticRenderFns__$i = [];
 const __vue_inject_styles__$j = undefined;
 /* scoped */
 
-const __vue_scope_id__$j = undefined;
+const __vue_scope_id__$j = "data-v-14e97a70";
 /* module identifier */
 
 const __vue_module_identifier__$j = undefined;
@@ -404,25 +473,72 @@ const __vue_is_functional_template__$j = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$A = /*#__PURE__*/normalizeComponent({
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$i,
   staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, {}, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$j, __vue_script__$e, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
 
-var ExclamationMark = __vue_component__$A;
+var NsLottieAnimation = __vue_component__$z;
+
+/* script */
+
+/* template */
+var __vue_render__$h = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "warning--02_1_",
+      "d": "M23.668,29.312l-0.359-0.623c4.522-2.61,7.331-7.473,7.331-12.688c0-8.073-6.567-14.64-14.64-14.64\n\tC7.927,1.36,1.36,7.927,1.36,16c0,5.216,2.81,10.078,7.332,12.688l-0.36,0.623C3.587,26.573,0.64,21.473,0.64,16\n\tC0.64,7.53,7.53,0.64,16,0.64S31.36,7.53,31.36,16C31.36,21.473,28.413,26.573,23.668,29.312z M16.36,24h-0.72V6h0.72V24z M16,28.5\n\tc-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S16.552,28.5,16,28.5z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$h = [];
+/* style */
+
+const __vue_inject_styles__$i = undefined;
+/* scoped */
+
+const __vue_scope_id__$i = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$i = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$i = 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_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
+
+var ExclamationMark = __vue_component__$y;
 
 //
-var script$e = {
+var script$d = {
   name: "NsEmptyState",
   components: {
     NsPictogram,
-    ExclamationMark
+    ExclamationMark,
+    NsLottieAnimation
   },
   props: {
     title: {
       type: String,
       required: true
-    }
+    },
+    animationData: Object,
+    animationTitle: String
   },
   computed: {
     hasPictogramSlot() {
@@ -437,10 +553,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -449,7 +565,16 @@ var __vue_render__$h = function () {
 
   return _c('div', {
     staticClass: "empty-state"
-  }, [_c('NsPictogram', {
+  }, [_vm.animationData ? _c('NsLottieAnimation', {
+    staticClass: "animation image",
+    attrs: {
+      "animationData": _vm.animationData,
+      "refName": _vm.animationTitle,
+      "animateOnHover": true,
+      "loop": 1,
+      "autoPlay": true
+    }
+  }) : _c('NsPictogram', {
     staticClass: "image",
     attrs: {
       "title": "empty state"
@@ -461,13 +586,13 @@ var __vue_render__$h = function () {
   }, [_vm._t("description")], 2)] : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
-  inject("data-v-169b7dd3_0", {
-    source: ".empty-state[data-v-169b7dd3]{text-align:center;padding:2rem}.empty-state .image[data-v-169b7dd3]{margin-bottom:1rem}.empty-state .description[data-v-169b7dd3]{margin-top:1rem}",
+  inject("data-v-08d7dd18_0", {
+    source: ".empty-state[data-v-08d7dd18]{text-align:center;padding:2rem}.empty-state .image[data-v-08d7dd18]{margin-bottom:1rem}.empty-state .description[data-v-08d7dd18]{margin-top:1rem}.animation[data-v-08d7dd18]{display:inline-block;width:64px;height:64px}",
     map: undefined,
     media: undefined
   });
@@ -475,26 +600,26 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-169b7dd3";
+const __vue_scope_id__$h = "data-v-08d7dd18";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$h = false;
 /* 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__$e, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$h, __vue_script__$d, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
 
-var __vue_component__$z = __vue_component__$y;
+var __vue_component__$x = __vue_component__$w;
 
 //
-var script$d = {
+var script$c = {
   name: "NsCodeSnippet",
   components: {
     CvButton,
@@ -606,10 +731,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -671,10 +796,10 @@ var __vue_render__$g = function () {
   })], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$g = function (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}",
@@ -685,26 +810,26 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-59cb538c";
+const __vue_scope_id__$g = "data-v-59cb538c";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$g = 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__$d, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$g, __vue_script__$c, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
-var __vue_component__$x = __vue_component__$w;
+var __vue_component__$v = __vue_component__$u;
 
 //
-var script$c = {
+var script$b = {
   name: "NsInlineNotification",
   extends: CvInlineNotification,
   props: {
@@ -735,10 +860,10 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$e = function () {
   var _obj;
 
   var _vm = this;
@@ -802,10 +927,10 @@ var __vue_render__$f = function () {
   })], 1) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
   inject("data-v-3df2e043_0", {
     source: ".title[data-v-3df2e043]{margin-right:.75rem;margin-bottom:.2rem}.mg-right[data-v-3df2e043]{margin-right:.75rem}.details[data-v-3df2e043]{flex-grow:0}.bx--inline-notification__close-button[data-v-3df2e043]{position:absolute!important}",
@@ -816,23 +941,23 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-3df2e043";
+const __vue_scope_id__$f = "data-v-3df2e043";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$f = false;
 /* 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__$c, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$s = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$f, __vue_script__$b, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
 
-var __vue_component__$v = __vue_component__$u;
+var __vue_component__$t = __vue_component__$s;
 
 //
 //
@@ -851,7 +976,7 @@ var __vue_component__$v = __vue_component__$u;
 //
 //
 //
-var script$b = {
+var script$a = {
   name: "NsProgressBar",
   props: {
     value: {
@@ -881,10 +1006,10 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -909,10 +1034,10 @@ var __vue_render__$e = function () {
   })]], 2)]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-const __vue_inject_styles__$f = function (inject) {
+const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
   inject("data-v-7110814a_0", {
     source: ".progress-bar-container[data-v-7110814a]{width:100%;position:relative}.slider[data-v-7110814a]{position:absolute;width:100%;height:5px;overflow-x:hidden}.line[data-v-7110814a]{position:absolute;opacity:.4;width:100%;height:5px}.progress-line[data-v-7110814a]{position:absolute;height:5px}.indeterminate-line[data-v-7110814a]{position:absolute;opacity:.4;width:150%;height:5px}.indeterminate-subline[data-v-7110814a]{position:absolute;height:5px}.inc[data-v-7110814a]{animation:increase-data-v-7110814a 2s infinite}.dec[data-v-7110814a]{animation:decrease-data-v-7110814a 2s .5s infinite}@keyframes increase-data-v-7110814a{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-7110814a{from{left:-80%;width:80%}to{left:110%;width:10%}}",
@@ -923,25 +1048,25 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$f = "data-v-7110814a";
+const __vue_scope_id__$e = "data-v-7110814a";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$e = 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__$b, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
+const __vue_component__$r = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$e, __vue_script__$a, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
 
-var NsProgressBar = __vue_component__$t;
+var NsProgressBar = __vue_component__$r;
 
-var script$a = {
+var script$9 = {
   name: "NsSvg",
   props: {
     svg: {
@@ -1000,33 +1125,33 @@ var script$a = {
 };
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$9 = script$9;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$e = undefined;
+const __vue_inject_styles__$d = undefined;
 /* scoped */
 
-const __vue_scope_id__$e = undefined;
+const __vue_scope_id__$d = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = undefined;
+const __vue_is_functional_template__$d = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$s = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$e, __vue_script__$a, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+const __vue_component__$q = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$d, __vue_script__$9, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
 
-var NsSvg = __vue_component__$s;
+var NsSvg = __vue_component__$q;
 
 //
-var script$9 = {
+var script$8 = {
   name: "NsTile",
   extends: CvTile,
   inheritAttrs: false,
@@ -1094,10 +1219,10 @@ var script$9 = {
 };
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$c = function () {
   var _obj;
 
   var _vm = this;
@@ -1134,10 +1259,10 @@ var __vue_render__$d = function () {
   }) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$c = function (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}",
@@ -1148,23 +1273,23 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-bbf09f9e";
+const __vue_scope_id__$c = "data-v-bbf09f9e";
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$c = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$d, __vue_script__$9, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$c, __vue_script__$8, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
 
-var __vue_component__$r = __vue_component__$q;
+var __vue_component__$p = __vue_component__$o;
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -5761,7 +5886,7 @@ var DateTimeService = {
 };
 
 //
-var script$8 = {
+var script$7 = {
   name: "NsToastNotification",
   extends: CvToastNotification,
   components: {
@@ -5803,10 +5928,10 @@ var script$8 = {
 };
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$b = function () {
   var _obj;
 
   var _vm = this;
@@ -5889,10 +6014,10 @@ var __vue_render__$c = function () {
   })], 1) : _vm._e()], 1)]);
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$b = function (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}",
@@ -5907,26 +6032,26 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-79bd81d3";
+const __vue_scope_id__$b = "data-v-79bd81d3";
 /* module identifier */
 
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$b = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$8, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$b, __vue_script__$7, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
 
-var __vue_component__$p = __vue_component__$o;
+var __vue_component__$n = __vue_component__$m;
 
 //
-var script$7 = {
+var script$6 = {
   name: "NsInfoCard",
   //components added for storybook to work
   components: {
@@ -5957,10 +6082,10 @@ var script$7 = {
 };
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$b = function () {
+var __vue_render__$a = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -5992,13 +6117,13 @@ var __vue_render__$b = function () {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-const __vue_inject_styles__$b = function (inject) {
+const __vue_inject_styles__$a = function (inject) {
   if (!inject) return;
-  inject("data-v-57803aca_0", {
-    source: ".info-card[data-v-57803aca]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.row[data-v-57803aca]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-57803aca]{margin-left:.25rem;margin-right:.25rem}.description[data-v-57803aca]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-57803aca]{margin-top:.5rem}",
+  inject("data-v-b195af80_0", {
+    source: ".info-card[data-v-b195af80]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.row[data-v-b195af80]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-b195af80]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-b195af80]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-b195af80]{margin-top:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6006,26 +6131,26 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-57803aca";
+const __vue_scope_id__$a = "data-v-b195af80";
 /* module identifier */
 
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$a = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$b, __vue_script__$7, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
+const __vue_component__$k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$a, __vue_script__$6, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
 
-var __vue_component__$n = __vue_component__$m;
+var __vue_component__$l = __vue_component__$k;
 
 //
-var script$6 = {
+var script$5 = {
   name: "NsStatusCard",
   //components added for storybook to work
   components: {
@@ -6072,10 +6197,10 @@ var script$6 = {
 };
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$a = function () {
+var __vue_render__$9 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6144,10 +6269,10 @@ var __vue_render__$a = function () {
   }, [_c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])]) : _c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])], 1) : _vm._e()])]);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-const __vue_inject_styles__$a = function (inject) {
+const __vue_inject_styles__$9 = function (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}",
@@ -6158,26 +6283,26 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-e4a14fb4";
+const __vue_scope_id__$9 = "data-v-e4a14fb4";
 /* module identifier */
 
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$9 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$a, __vue_script__$6, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
+const __vue_component__$i = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$9, __vue_script__$5, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
 
-var __vue_component__$l = __vue_component__$k;
+var __vue_component__$j = __vue_component__$i;
 
 //
-var script$5 = {
+var script$4 = {
   name: "NsSystemdServiceCard",
   //components added for storybook to work
   components: {
@@ -6231,10 +6356,10 @@ var script$5 = {
 };
 
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$9 = function () {
+var __vue_render__$8 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6289,10 +6414,10 @@ var __vue_render__$9 = function () {
   })], 1)])]);
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-const __vue_inject_styles__$9 = function (inject) {
+const __vue_inject_styles__$8 = function (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}",
@@ -6303,23 +6428,23 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-e13a5ce6";
+const __vue_scope_id__$8 = "data-v-e13a5ce6";
 /* module identifier */
 
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$8 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$5, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$8, __vue_script__$4, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
 
-var __vue_component__$j = __vue_component__$i;
+var __vue_component__$h = __vue_component__$g;
 
 var UtilService = {
   name: "UtilService",
@@ -6473,7 +6598,7 @@ var UtilService = {
 };
 
 //
-var script$4 = {
+var script$3 = {
   name: "NsPasswordInput",
   components: CvTextInput,
   mixins: [UtilService],
@@ -6628,10 +6753,10 @@ var script$4 = {
 };
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$8 = function () {
+var __vue_render__$7 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6718,247 +6843,13 @@ var __vue_render__$8 = function () {
   }, [_vm._v(_vm._s(_vm.equalLabel))])])], 1)]);
 };
 
-var __vue_staticRenderFns__$8 = [];
-/* style */
-
-const __vue_inject_styles__$8 = function (inject) {
-  if (!inject) return;
-  inject("data-v-61a70522_0", {
-    source: ".new-password-container[data-v-61a70522]{margin-bottom:1rem}.new-password[data-v-61a70522]{margin-bottom:.25rem}.confirm-password[data-v-61a70522]{margin-bottom:.25rem}.password-meter[data-v-61a70522]{display:flex}@media (min-width:672px){.password-meter[data-v-61a70522]{max-width:38rem}}.requirement[data-v-61a70522]{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-61a70522]{background-color:#fff}.requirement[data-v-61a70522]:first-child{margin-left:0}.requirement-ok[data-v-61a70522]{color:#fff;background-color:#198038}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$8 = "data-v-61a70522";
-/* module identifier */
-
-const __vue_module_identifier__$8 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$8 = false;
-/* 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__$4, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, createInjector, undefined, undefined);
-
-var __vue_component__$h = __vue_component__$g;
-
-//
-var script$3 = {
-  name: "NsNodeCard",
-  //components added for storybook to work
-  components: {
-    NsSvg,
-    CvTile,
-    Information16
-  },
-  props: {
-    nodeId: String,
-    nodeLabel: {
-      type: String,
-      default: "Node"
-    },
-    isLeader: Boolean,
-    leaderLabel: {
-      type: String,
-      default: "leader"
-    },
-    workerLabel: {
-      type: String,
-      default: "worker"
-    },
-    cpuUsageLabel: {
-      type: String,
-      default: "CPU usage"
-    },
-    cpuLoadLabel: {
-      type: String,
-      default: "CPU load"
-    },
-    cpuLoadTooltip: {
-      type: String,
-      default: "CPU average load of last 1 / 5 / 15 minutes"
-    },
-    memoryUsageLabel: {
-      type: String,
-      default: "Memory usage"
-    },
-    swapUsageLabel: {
-      type: String,
-      default: "Swap usage"
-    },
-    diskUsageLabel: {
-      type: String,
-      default: "usage"
-    },
-    cpuUsage: Number,
-    cpuUsageWarningTh: {
-      type: Number,
-      default: 90
-    },
-    load1Min: Number,
-    load5Min: Number,
-    load15Min: Number,
-    cpuLoadWarningTh: {
-      type: Number,
-      default: 90
-    },
-    memoryUsage: Number,
-    memoryWarningTh: {
-      type: Number,
-      default: 90
-    },
-    swapUsage: Number,
-    swapWarningTh: {
-      type: Number,
-      default: 90
-    },
-    disksUsage: Array,
-    diskWarningTh: {
-      type: Number,
-      default: 90
-    },
-    loading: Boolean,
-    light: Boolean
-  },
-
-  data() {
-    return {
-      Chip32
-    };
-  }
-
-};
-
-/* script */
-const __vue_script__$3 = script$3;
-/* template */
-
-var __vue_render__$7 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('cv-tile', {
-    staticClass: "node-card",
-    attrs: {
-      "kind": "standard",
-      "light": _vm.light
-    }
-  }, [_c('div', {
-    staticClass: "row"
-  }, [_c('NsSvg', {
-    attrs: {
-      "svg": _vm.Chip32
-    }
-  })], 1), _vm._v(" "), _c('div', {
-    staticClass: "row"
-  }, [_c('h3', {
-    staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.nodeLabel) + " " + _vm._s(_vm.nodeId))])]), _vm._v(" "), _c('div', {
-    staticClass: "row"
-  }, [_vm.isLeader ? _c('cv-tag', {
-    attrs: {
-      "kind": "green",
-      "label": _vm.leaderLabel
-    }
-  }) : _c('cv-tag', {
-    attrs: {
-      "kind": "blue",
-      "label": _vm.workerLabel
-    }
-  })], 1), _vm._v(" "), _vm.loading ? _c('div', {
-    staticClass: "row node-card-skeleton"
-  }, [_c('cv-skeleton-text', {
-    attrs: {
-      "paragraph": true,
-      "line-count": 5
-    }
-  })], 1) : _c('div', {
-    staticClass: "table-wrapper"
-  }, [_c('div', {
-    staticClass: "table"
-  }, [_c('div', {
-    staticClass: "tr"
-  }, [_c('div', {
-    staticClass: "td label"
-  }, [_vm._v(_vm._s(_vm.cpuUsageLabel))]), _vm._v(" "), _c('div', {
-    class: ['td', {
-      warning: _vm.cpuUsage >= _vm.cpuUsageWarningTh
-    }]
-  }, [_vm._v("\n          " + _vm._s(_vm.cpuUsage) + "%\n        ")])]), _vm._v(" "), _c('div', {
-    staticClass: "tr"
-  }, [_c('div', {
-    staticClass: "td label"
-  }, [_vm._v("\n          " + _vm._s(_vm.cpuLoadLabel) + "\n          "), _c('cv-tooltip', {
-    staticClass: "info",
-    attrs: {
-      "alignment": "center",
-      "direction": "bottom",
-      "tip": _vm.cpuLoadTooltip
-    }
-  }, [_c('Information16')], 1)], 1), _vm._v(" "), _c('div', {
-    staticClass: "td"
-  }, [_c('span', {
-    class: {
-      warning: _vm.load1Min >= _vm.cpuLoadWarningTh
-    }
-  }, [_vm._v(_vm._s(_vm.load1Min) + "%")]), _vm._v("\n          /\n          "), _c('span', {
-    class: {
-      warning: _vm.load5Min >= _vm.cpuLoadWarningTh
-    }
-  }, [_vm._v(_vm._s(_vm.load5Min) + "%")]), _vm._v("\n          /\n          "), _c('span', {
-    class: {
-      warning: _vm.load15Min >= _vm.cpuLoadWarningTh
-    }
-  }, [_vm._v(_vm._s(_vm.load15Min) + "%")])])]), _vm._v(" "), _c('div', {
-    staticClass: "tr"
-  }, [_c('div', {
-    staticClass: "td label"
-  }, [_vm._v(_vm._s(_vm.memoryUsageLabel))]), _vm._v(" "), _c('div', {
-    class: ['td', {
-      warning: _vm.memoryUsage >= _vm.memoryWarningTh
-    }]
-  }, [_vm._v("\n          " + _vm._s(_vm.memoryUsage) + "%\n        ")])]), _vm._v(" "), _c('div', {
-    staticClass: "tr"
-  }, [_c('div', {
-    staticClass: "td label"
-  }, [_vm._v(_vm._s(_vm.swapUsageLabel))]), _vm._v(" "), _c('div', {
-    class: ['td', {
-      warning: _vm.swapUsage >= _vm.swapWarningTh
-    }]
-  }, [_vm._v("\n          " + _vm._s(_vm.swapUsage) + "%\n        ")])]), _vm._v(" "), _vm._l(_vm.disksUsage, function (disk, index) {
-    return _c('div', {
-      key: index,
-      staticClass: "tr"
-    }, [_c('div', {
-      staticClass: "td label"
-    }, [_vm._v(_vm._s(disk.diskId) + " " + _vm._s(_vm.diskUsageLabel))]), _vm._v(" "), _c('div', {
-      class: ['td', {
-        warning: disk.usage >= _vm.diskWarningTh
-      }]
-    }, [_vm._v("\n          " + _vm._s(disk.usage) + "%\n        ")])]);
-  })], 2)]), _vm._v(" "), _c('div', {
-    staticClass: "row slot"
-  }, [_vm._t("default")], 2)]);
-};
-
 var __vue_staticRenderFns__$7 = [];
 /* style */
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-0b976635_0", {
-    source: ".node-card[data-v-0b976635]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.row[data-v-0b976635]{display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.node-card-skeleton[data-v-0b976635]{margin:1rem 3rem}.label[data-v-0b976635]{padding-right:.5rem;font-weight:700;text-align:right;padding-bottom:.5rem}.slot[data-v-0b976635]{margin-top:.5rem}.table-wrapper[data-v-0b976635]{display:flex;justify-content:center;margin-top:.5rem}.table[data-v-0b976635]{display:table}.tr[data-v-0b976635]{display:table-row}.td[data-v-0b976635]{display:table-cell}",
+  inject("data-v-61a70522_0", {
+    source: ".new-password-container[data-v-61a70522]{margin-bottom:1rem}.new-password[data-v-61a70522]{margin-bottom:.25rem}.confirm-password[data-v-61a70522]{margin-bottom:.25rem}.password-meter[data-v-61a70522]{display:flex}@media (min-width:672px){.password-meter[data-v-61a70522]{max-width:38rem}}.requirement[data-v-61a70522]{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-61a70522]{background-color:#fff}.requirement[data-v-61a70522]:first-child{margin-left:0}.requirement-ok[data-v-61a70522]{color:#fff;background-color:#198038}",
     map: undefined,
     media: undefined
   });
@@ -6966,7 +6857,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-0b976635";
+const __vue_scope_id__$7 = "data-v-61a70522";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;
@@ -7157,16 +7048,12 @@ const __vue_component__$c = /*#__PURE__*/normalizeComponent({
 var __vue_component__$d = __vue_component__$c;
 
 //
-
-Vue.use(chartsVue); ////
-//// remove file?
-
+Vue.use(chartsVue);
 var script$1 = {
   name: "NsMeterChart",
   components: {
     CcvMeterChart
   },
-  ////
   props: {
     title: {
       type: String,
@@ -7203,8 +7090,6 @@ var script$1 = {
 
   watch: {
     value: function () {
-      console.log("watch value", this.value); ////
-
       this.data[0].value = this.value;
     }
   },
@@ -8111,23 +7996,23 @@ var filters = {
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  NsButton: __vue_component__$D,
-  NsEmptyState: __vue_component__$z,
+  NsButton: __vue_component__$C,
+  NsEmptyState: __vue_component__$x,
   NsPictogram: NsPictogram,
-  NsCodeSnippet: __vue_component__$x,
-  NsInlineNotification: __vue_component__$v,
+  NsCodeSnippet: __vue_component__$v,
+  NsInlineNotification: __vue_component__$t,
   NsProgressBar: NsProgressBar,
   NsSvg: NsSvg,
-  NsTile: __vue_component__$r,
-  NsToastNotification: __vue_component__$p,
-  NsInfoCard: __vue_component__$n,
-  NsStatusCard: __vue_component__$l,
-  NsSystemdServiceCard: __vue_component__$j,
-  NsPasswordInput: __vue_component__$h,
-  NsNodeCard: __vue_component__$f,
+  NsTile: __vue_component__$p,
+  NsToastNotification: __vue_component__$n,
+  NsInfoCard: __vue_component__$l,
+  NsStatusCard: __vue_component__$j,
+  NsSystemdServiceCard: __vue_component__$h,
+  NsPasswordInput: __vue_component__$f,
   NsIconMenu: __vue_component__$d,
   NsMeterChart: __vue_component__$b,
   NsPieChart: __vue_component__$9,
+  NsLottieAnimation: NsLottieAnimation,
   ExclamationMark: ExclamationMark,
   Gear: __vue_component__$7,
   Love: __vue_component__$5,
@@ -8152,4 +8037,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$1 as Bulldozer, dataTable as DataTableService, DateTimeService, ExclamationMark, filters as Filters, __vue_component__$7 as Gear, icon as IconService, __vue_component__$5 as Love, __vue_component__$D as NsButton, __vue_component__$x as NsCodeSnippet, __vue_component__$z as NsEmptyState, __vue_component__$d as NsIconMenu, __vue_component__$n as NsInfoCard, __vue_component__$v as NsInlineNotification, __vue_component__$b as NsMeterChart, __vue_component__$f as NsNodeCard, __vue_component__$h as NsPasswordInput, NsPictogram, __vue_component__$9 as NsPieChart, NsProgressBar, __vue_component__$l as NsStatusCard, NsSvg, __vue_component__$j as NsSystemdServiceCard, __vue_component__$r as NsTile, __vue_component__$p as NsToastNotification, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$3 as Warning, install as default };
+export { __vue_component__$1 as Bulldozer, dataTable as DataTableService, DateTimeService, ExclamationMark, filters as Filters, __vue_component__$7 as Gear, icon as IconService, __vue_component__$5 as Love, __vue_component__$C as NsButton, __vue_component__$v as NsCodeSnippet, __vue_component__$x as NsEmptyState, __vue_component__$d as NsIconMenu, __vue_component__$l as NsInfoCard, __vue_component__$t as NsInlineNotification, NsLottieAnimation, __vue_component__$b as NsMeterChart, __vue_component__$f as NsPasswordInput, NsPictogram, __vue_component__$9 as NsPieChart, NsProgressBar, __vue_component__$j as NsStatusCard, NsSvg, __vue_component__$h as NsSystemdServiceCard, __vue_component__$p as NsTile, __vue_component__$n as NsToastNotification, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$3 as Warning, install as default };