@nethserver/ns8-ui-lib 0.0.33 → 0.0.37

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

@@ -37,6 +37,7 @@ 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 Save32 from '@carbon/icons-vue/es/save/32';
 import Application32 from '@carbon/icons-vue/es/application/32';
 import EdgeNode20 from '@carbon/icons-vue/es/edge-node/20';
 import EdgeNode32 from '@carbon/icons-vue/es/edge-node/32';
@@ -51,14 +52,23 @@ import Star20 from '@carbon/icons-vue/es/star/20';
 import Checkmark20 from '@carbon/icons-vue/es/checkmark/20';
 import ZoomIn20 from '@carbon/icons-vue/es/zoom--in/20';
 import Events32 from '@carbon/icons-vue/es/events/32';
+import Link20 from '@carbon/icons-vue/es/link/20';
 import Link32 from '@carbon/icons-vue/es/link/32';
 import WarningAlt32 from '@carbon/icons-vue/es/warning--alt/32';
+import WarningAlt20 from '@carbon/icons-vue/es/warning--alt/20';
+import Tools20 from '@carbon/icons-vue/es/tools/20';
 import Tools32 from '@carbon/icons-vue/es/tools/32';
 import Network_220 from '@carbon/icons-vue/es/network--2/20';
 import Network_232 from '@carbon/icons-vue/es/network--2/32';
+import DataBase20 from '@carbon/icons-vue/es/data--base/20';
+import DataBase32 from '@carbon/icons-vue/es/data--base/32';
+import DataBackup20 from '@carbon/icons-vue/es/data-backup/20';
+import DataBackup32 from '@carbon/icons-vue/es/data-backup/32';
+import ArrowDown20 from '@carbon/icons-vue/es/arrow--down/20';
+import ArrowDown32 from '@carbon/icons-vue/es/arrow--down/32';
 
 //
-var script$h = {
+var script$i = {
   name: "NsButton",
   extends: CvButton,
   props: {
@@ -221,10 +231,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -247,10 +257,10 @@ var __vue_render__$m = function () {
   }) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$p = function (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)}}",
@@ -261,23 +271,23 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-025b0f12";
+const __vue_scope_id__$p = "data-v-025b0f12";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$E = /*#__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, createInjector, undefined, undefined);
+const __vue_component__$H = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$p, __vue_script__$i, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
-var __vue_component__$F = __vue_component__$E;
+var __vue_component__$I = __vue_component__$H;
 
 //
 //
@@ -295,7 +305,7 @@ var __vue_component__$F = __vue_component__$E;
 //
 //
 //
-var script$g = {
+var script$h = {
   name: "NsPictogram",
   props: {
     title: {
@@ -318,10 +328,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$l = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -349,34 +359,34 @@ var __vue_render__$l = function () {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$m = undefined;
+const __vue_inject_styles__$o = undefined;
 /* scoped */
 
-const __vue_scope_id__$m = undefined;
+const __vue_scope_id__$o = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$o = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$D = /*#__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, undefined, undefined);
+const __vue_component__$G = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$o, __vue_script__$h, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
 
-var NsPictogram = __vue_component__$D;
+var NsPictogram = __vue_component__$G;
 
 //
-var script$f = {
+var script$g = {
   name: "NsLottieAnimation",
   components: {
     LottieAnimation
@@ -432,10 +442,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$k = function () {
+var __vue_render__$m = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -462,36 +472,36 @@ var __vue_render__$k = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-const __vue_inject_styles__$l = undefined;
+const __vue_inject_styles__$n = undefined;
 /* scoped */
 
-const __vue_scope_id__$l = "data-v-14e97a70";
+const __vue_scope_id__$n = "data-v-14e97a70";
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$n = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$C = /*#__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, undefined, undefined);
+const __vue_component__$F = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$n, __vue_script__$g, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
 
-var NsLottieAnimation = __vue_component__$C;
+var NsLottieAnimation = __vue_component__$F;
 
 /* script */
 
 /* template */
-var __vue_render__$j = function () {
+var __vue_render__$l = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -506,34 +516,34 @@ var __vue_render__$j = function () {
   });
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$m = undefined;
 /* scoped */
 
-const __vue_scope_id__$k = undefined;
+const __vue_scope_id__$m = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$m = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$B = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$k, {}, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+const __vue_component__$E = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$m, {}, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
 
-var ExclamationMark = __vue_component__$B;
+var ExclamationMark = __vue_component__$E;
 
 //
-var script$e = {
+var script$f = {
   name: "NsEmptyState",
   components: {
     NsPictogram,
@@ -565,10 +575,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$i = function () {
+var __vue_render__$k = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -598,10 +608,10 @@ var __vue_render__$i = function () {
   }, [_vm._t("description")], 2)] : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$l = function (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}",
@@ -612,26 +622,26 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-d5a46c1c";
+const __vue_scope_id__$l = "data-v-d5a46c1c";
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$l = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, __vue_script__$e, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
+const __vue_component__$C = /*#__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, createInjector, undefined, undefined);
 
-var __vue_component__$A = __vue_component__$z;
+var __vue_component__$D = __vue_component__$C;
 
 //
-var script$d = {
+var script$e = {
   name: "NsCodeSnippet",
   components: {
     CvButton,
@@ -743,10 +753,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -808,10 +818,10 @@ var __vue_render__$h = function () {
   })], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$k = 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}",
@@ -822,28 +832,191 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-59cb538c";
+const __vue_scope_id__$k = "data-v-59cb538c";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$k = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$d, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
+const __vue_component__$A = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$k, __vue_script__$e, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
+
+var __vue_component__$B = __vue_component__$A;
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var script$d = {
+  name: "NsCircleTimer",
+  props: {
+    timeLimit: {
+      type: Number,
+      // milliseconds
+      required: true
+    },
+    size: {
+      type: Number,
+      default: 16
+    },
+    strokeWidth: {
+      type: Number,
+      default: 20
+    },
+    color: {
+      type: String,
+      default: "#00a2de"
+    }
+  },
+
+  data() {
+    return {
+      timerInterval: null,
+      timePassed: 0,
+      timeLeft: -1 // length = 2πr = 2 * π * 40 = 251
+
+    };
+  },
+
+  computed: {
+    circleDasharray() {
+      return `${(this.calculateTimeFraction() * 251).toFixed(0)} 251`;
+    }
+
+  },
+
+  created() {
+    this.timeLimitSeconds = (this.timeLimit - 1000) / 1000;
+    this.timeLeft = this.timeLimitSeconds;
+    this.timerInterval = setInterval(() => {
+      this.timePassed += 1;
+      this.timeLeft = this.timeLimitSeconds - this.timePassed;
+    }, 1000);
+  },
+
+  beforeDestroy() {
+    clearInterval(this.timerInterval);
+  },
+
+  methods: {
+    calculateTimeFraction() {
+      return this.timeLeft / this.timeLimitSeconds;
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__$d = script$d;
+/* template */
+
+var __vue_render__$i = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    staticClass: "base-timer",
+    style: {
+      height: _vm.size + 'px',
+      width: _vm.size + 'px'
+    }
+  }, [_c('svg', {
+    staticClass: "base-timer__svg",
+    attrs: {
+      "viewBox": "0 0 100 100",
+      "xmlns": "http://www.w3.org/2000/svg"
+    }
+  }, [_c('g', {
+    staticClass: "base-timer__circle"
+  }, [_c('path', {
+    staticClass: "base-timer__path-remaining green",
+    style: {
+      'stroke-width': _vm.strokeWidth + 'px',
+      'stroke-dasharray': _vm.circleDasharray,
+      color: _vm.color
+    },
+    attrs: {
+      "id": "base-timer-path-remaining",
+      "stroke-dasharray": "251",
+      "d": "\n          M 50, 50\n          m -40, 0\n          a 40,40 0 1,0 80,0\n          a 40,40 0 1,0 -80,0\n        "
+    }
+  })])])]);
+};
+
+var __vue_staticRenderFns__$i = [];
+/* style */
+
+const __vue_inject_styles__$j = function (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)}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$j = "data-v-45b59790";
+/* module identifier */
+
+const __vue_module_identifier__$j = undefined;
+/* functional template */
 
-var __vue_component__$y = __vue_component__$x;
+const __vue_is_functional_template__$j = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$j, __vue_script__$d, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
+
+var NsCircleTimer = __vue_component__$z;
 
 //
 var script$c = {
   name: "NsInlineNotification",
   extends: CvInlineNotification,
+  components: {
+    NsCircleTimer
+  },
   props: {
     showCloseButton: {
       type: Boolean,
@@ -867,6 +1040,9 @@ var script$c = {
     loading: {
       type: Boolean,
       default: false
+    },
+    timer: {
+      type: Number
     }
   }
 };
@@ -875,7 +1051,7 @@ var script$c = {
 const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _obj;
 
   var _vm = this;
@@ -905,14 +1081,21 @@ var __vue_render__$g = function () {
     }
   }), _vm._v(" "), _vm.description ? _c('p', {
     class: [_vm.carbonPrefix + "--inline-notification__subtitle", {
-      'mg-right': _vm.loading
+      'mg-right': _vm.loading || _vm.timer
     }],
     domProps: {
       "innerHTML": _vm._s(_vm.description)
     }
   }) : _vm._e(), _vm._v(" "), _vm.loading ? _c('p', {
     staticClass: "loader"
-  }) : _vm._e()])], 1), _vm._v(" "), _vm.actionLabel ? _c('button', {
+  }) : _vm._e(), _vm._v(" "), _vm.timer ? _c('p', [_c('NsCircleTimer', {
+    attrs: {
+      "timeLimit": _vm.timer,
+      "size": 16,
+      "strokeWidth": 20,
+      "color": "white"
+    }
+  })], 1) : _vm._e()])], 1), _vm._v(" "), _vm.actionLabel ? _c('button', {
     class: [_vm.carbonPrefix + "--inline-notification__action-button", _vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--btn--sm", _vm.carbonPrefix + "--btn--ghost"],
     attrs: {
       "type": "button"
@@ -939,13 +1122,13 @@ var __vue_render__$g = function () {
   })], 1) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
-  inject("data-v-2e71d4ae_0", {
-    source: ".title[data-v-2e71d4ae]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-2e71d4ae]{margin-right:.75rem}.details[data-v-2e71d4ae]{flex-grow:0}.bx--inline-notification__close-button[data-v-2e71d4ae]{position:absolute!important}.bx--inline-notification__text-wrapper p[data-v-2e71d4ae]{padding-right:0!important}",
+  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}",
     map: undefined,
     media: undefined
   });
@@ -953,23 +1136,23 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-2e71d4ae";
+const __vue_scope_id__$i = "data-v-1e5d2ff7";
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$c, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$i, __vue_script__$c, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
 
-var NsInlineNotification = __vue_component__$w;
+var NsInlineNotification = __vue_component__$y;
 
 //
 //
@@ -1022,7 +1205,7 @@ var script$b = {
 const __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1047,10 +1230,10 @@ var __vue_render__$f = function () {
   })]], 2)]);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$h = function (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%}}",
@@ -1061,23 +1244,23 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-2bcd6519";
+const __vue_scope_id__$h = "data-v-2bcd6519";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$v = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$b, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$h, __vue_script__$b, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
 
-var NsProgressBar = __vue_component__$v;
+var NsProgressBar = __vue_component__$x;
 
 var script$a = {
   name: "NsSvg",
@@ -1143,25 +1326,25 @@ const __vue_script__$a = script$a;
 
 /* style */
 
-const __vue_inject_styles__$f = undefined;
+const __vue_inject_styles__$g = undefined;
 /* scoped */
 
-const __vue_scope_id__$f = undefined;
+const __vue_scope_id__$g = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = undefined;
+const __vue_is_functional_template__$g = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$u = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$f, __vue_script__$a, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
 
-var NsSvg = __vue_component__$u;
+var NsSvg = __vue_component__$w;
 
 //
 var script$9 = {
@@ -1235,7 +1418,7 @@ var script$9 = {
 const __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _obj;
 
   var _vm = this;
@@ -1272,10 +1455,10 @@ var __vue_render__$e = function () {
   }) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$f = 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}",
@@ -1286,23 +1469,23 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-bbf09f9e";
+const __vue_scope_id__$f = "data-v-bbf09f9e";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$e, __vue_script__$9, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$t = __vue_component__$s;
+var __vue_component__$v = __vue_component__$u;
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -5944,7 +6127,7 @@ var script$8 = {
 const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$e = function () {
   var _obj;
 
   var _vm = this;
@@ -6027,10 +6210,10 @@ var __vue_render__$d = function () {
   })], 1) : _vm._e()], 1)]);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$e = 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}",
@@ -6045,23 +6228,23 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-79bd81d3";
+const __vue_scope_id__$e = "data-v-79bd81d3";
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$e = false;
 /* style inject 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__$8, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$r = __vue_component__$q;
+var __vue_component__$t = __vue_component__$s;
 
 //
 var script$7 = {
@@ -6102,7 +6285,7 @@ var script$7 = {
 const __vue_script__$7 = script$7;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6134,10 +6317,10 @@ var __vue_render__$c = function () {
   }, [_vm._t("content")], 2)], 2);
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$d = function (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}",
@@ -6148,23 +6331,23 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-5f0f76db";
+const __vue_scope_id__$d = "data-v-5f0f76db";
 /* module identifier */
 
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$d = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$c, __vue_script__$7, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$p = __vue_component__$o;
+var __vue_component__$r = __vue_component__$q;
 
 //
 var script$6 = {
@@ -6217,7 +6400,7 @@ var script$6 = {
 const __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$b = function () {
+var __vue_render__$c = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6286,10 +6469,10 @@ var __vue_render__$b = function () {
   }, [_c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])]) : _c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])], 1) : _vm._e()])]);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-const __vue_inject_styles__$b = function (inject) {
+const __vue_inject_styles__$c = 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}",
@@ -6300,23 +6483,23 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-e4a14fb4";
+const __vue_scope_id__$c = "data-v-e4a14fb4";
 /* module identifier */
 
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$b = false;
+const __vue_is_functional_template__$c = false;
 /* style inject 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__$6, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$n = __vue_component__$m;
+var __vue_component__$p = __vue_component__$o;
 
 //
 var script$5 = {
@@ -6376,7 +6559,7 @@ var script$5 = {
 const __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$a = function () {
+var __vue_render__$b = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6431,10 +6614,10 @@ var __vue_render__$a = function () {
   })], 1)])]);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-const __vue_inject_styles__$a = function (inject) {
+const __vue_inject_styles__$b = 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}",
@@ -6445,26 +6628,34 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$a = "data-v-e13a5ce6";
+const __vue_scope_id__$b = "data-v-e13a5ce6";
 /* module identifier */
 
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$b = false;
 /* style inject 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__$5, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$l = __vue_component__$k;
+var __vue_component__$n = __vue_component__$m;
 
 var UtilService = {
   name: "UtilService",
+
+  data() {
+    return {
+      DELETE_DELAY: 7000 // you have 7 seconds to cancel object deletion
+
+    };
+  },
+
   methods: {
     getErrorMessage(error) {
       if (error.message === "Network Error") {
@@ -6774,7 +6965,7 @@ var script$4 = {
 const __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$9 = function () {
+var __vue_render__$a = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6863,10 +7054,10 @@ var __vue_render__$9 = function () {
   }, [_vm._v(_vm._s(_vm.equalLabel))])])], 1)]);
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-const __vue_inject_styles__$9 = function (inject) {
+const __vue_inject_styles__$a = function (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}",
@@ -6877,23 +7068,23 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-1598af82";
+const __vue_scope_id__$a = "data-v-1598af82";
 /* module identifier */
 
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$a = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$4, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
+const __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, createInjector, undefined, undefined);
 
-var __vue_component__$j = __vue_component__$i;
+var __vue_component__$l = __vue_component__$k;
 
 //
 
@@ -6929,7 +7120,7 @@ var script$3 = {
 const __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$8 = function () {
+var __vue_render__$9 = function () {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -7041,31 +7232,31 @@ var __vue_render__$8 = function () {
   })])]);
 };
 
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-const __vue_inject_styles__$8 = undefined;
+const __vue_inject_styles__$9 = undefined;
 /* scoped */
 
-const __vue_scope_id__$8 = undefined;
+const __vue_scope_id__$9 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$8 = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$8 = false;
+const __vue_is_functional_template__$9 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$3, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
+const __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__$h = __vue_component__$g;
+var __vue_component__$j = __vue_component__$i;
 
 //
 Vue.use(chartsVue);
@@ -7146,7 +7337,7 @@ var script$2 = {
 const __vue_script__$2 = script$2;
 /* template */
 
-var __vue_render__$7 = function () {
+var __vue_render__$8 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7161,31 +7352,31 @@ var __vue_render__$7 = function () {
   });
 };
 
-var __vue_staticRenderFns__$7 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-const __vue_inject_styles__$7 = undefined;
+const __vue_inject_styles__$8 = undefined;
 /* scoped */
 
-const __vue_scope_id__$7 = undefined;
+const __vue_scope_id__$8 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$7 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$7 = false;
+const __vue_is_functional_template__$8 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$e = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__$2, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  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, undefined, undefined);
 
-var __vue_component__$f = __vue_component__$e;
+var __vue_component__$h = __vue_component__$g;
 
 //
 Vue.use(chartsVue);
@@ -7248,7 +7439,7 @@ var script$1 = {
 const __vue_script__$1 = script$1;
 /* template */
 
-var __vue_render__$6 = function () {
+var __vue_render__$7 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7263,31 +7454,31 @@ var __vue_render__$6 = function () {
   });
 };
 
-var __vue_staticRenderFns__$6 = [];
+var __vue_staticRenderFns__$7 = [];
 /* style */
 
-const __vue_inject_styles__$6 = undefined;
+const __vue_inject_styles__$7 = undefined;
 /* scoped */
 
-const __vue_scope_id__$6 = undefined;
+const __vue_scope_id__$7 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$6 = undefined;
+const __vue_module_identifier__$7 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$6 = false;
+const __vue_is_functional_template__$7 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$c = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$6, __vue_script__$1, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+const __vue_component__$e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__$1, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
 
-var __vue_component__$d = __vue_component__$c;
+var __vue_component__$f = __vue_component__$e;
 
 //
 var script = {
@@ -7351,6 +7542,7 @@ var script = {
   watch: {
     isShown: function () {
       if (this.isShown) {
+        this.userInput = "";
         setTimeout(() => {
           this.focusElement("userInput");
         }, 300);
@@ -7375,7 +7567,7 @@ var script = {
 const __vue_script__ = script;
 /* template */
 
-var __vue_render__$5 = function () {
+var __vue_render__$6 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7404,11 +7596,11 @@ var __vue_render__$5 = function () {
       "showCloseButton": false
     }
   }), _vm._v(" "), _c('div', {
-    staticClass: "mg-bottom-md",
     domProps: {
       "innerHTML": _vm._s(_vm.description)
     }
-  }), _vm._v(" "), _c('div', {
+  }), _vm._v(" "), _vm._t("explanation"), _vm._v(" "), _c('div', {
+    staticClass: "type-to-confirm",
     domProps: {
       "innerHTML": _vm._s(_vm.typeToConfirmMessage)
     }
@@ -7429,20 +7621,70 @@ var __vue_render__$5 = function () {
       },
       expression: "userInput"
     }
-  })], 1)], 1), _vm._v(" "), _c('template', {
+  })], 1)], 2), _vm._v(" "), _c('template', {
     slot: "secondary-button"
   }, [_vm._v(_vm._s(_vm.cancelLabel))]), _vm._v(" "), _c('template', {
     slot: "primary-button"
   }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
 };
 
+var __vue_staticRenderFns__$6 = [];
+/* style */
+
+const __vue_inject_styles__$6 = function (inject) {
+  if (!inject) return;
+  inject("data-v-dce15384_0", {
+    source: ".type-to-confirm[data-v-dce15384]{margin-top:2rem}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$6 = "data-v-dce15384";
+/* module identifier */
+
+const __vue_module_identifier__$6 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$6 = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$c = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$6, __vue_script__, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
+
+var __vue_component__$d = __vue_component__$c;
+
+/* script */
+
+/* template */
+var __vue_render__$5 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "gear_2_",
+      "d": "M18.958,31.36h-5.915c-0.199,0-0.36-0.161-0.36-0.36v-3.633l-2.368-0.99l-2.576,2.575\n\tc-0.141,0.141-0.368,0.141-0.509,0L3.048,24.77c-0.141-0.141-0.141-0.369,0-0.51l2.568-2.568l-0.974-2.375H1\n\tc-0.199,0-0.36-0.161-0.36-0.36v-5.915c0-0.199,0.161-0.36,0.36-0.36h3.632l0.991-2.368L3.048,7.739\n\tc-0.141-0.141-0.141-0.368,0-0.509L7.23,3.048C7.298,2.98,7.389,2.942,7.485,2.942l0,0c0.096,0,0.187,0.038,0.254,0.105l2.568,2.569\n\tl2.375-0.975V1c0-0.199,0.161-0.36,0.36-0.36h5.915c0.199,0,0.36,0.161,0.36,0.36v3.632l2.367,0.991l2.575-2.575\n\tc0.141-0.141,0.369-0.141,0.51,0l4.183,4.182c0.067,0.067,0.105,0.159,0.105,0.254s-0.038,0.187-0.105,0.254l-2.569,2.568\n\tl0.975,2.375H31c0.199,0,0.36,0.161,0.36,0.36v5.915c0,0.199-0.161,0.36-0.36,0.36h-3.633l-0.99,2.368l2.576,2.575\n\tc0.067,0.067,0.105,0.159,0.105,0.255s-0.038,0.188-0.105,0.255l-4.183,4.182c-0.141,0.141-0.369,0.141-0.51,0l-2.568-2.568\n\tl-2.374,0.974V31C19.318,31.199,19.157,31.36,18.958,31.36z M13.403,30.64h5.195v-3.523c0-0.146,0.089-0.277,0.224-0.333\n\tl2.819-1.156c0.134-0.057,0.288-0.024,0.392,0.078l2.483,2.483l3.674-3.673l-2.492-2.491c-0.103-0.104-0.134-0.259-0.077-0.394\n\tl1.176-2.812c0.056-0.134,0.187-0.222,0.332-0.222h3.512v-5.194h-3.522c-0.146,0-0.277-0.088-0.333-0.223l-1.157-2.82\n\tc-0.055-0.134-0.024-0.289,0.078-0.391l2.484-2.483l-3.674-3.673l-2.491,2.491c-0.104,0.103-0.26,0.134-0.394,0.078L18.82,5.206\n\tc-0.134-0.056-0.222-0.187-0.222-0.332V1.36h-5.195v3.523c0,0.146-0.088,0.278-0.223,0.333l-2.82,1.157\n\tc-0.135,0.055-0.289,0.024-0.391-0.079L7.485,3.812L3.812,7.484l2.491,2.492c0.104,0.103,0.134,0.259,0.078,0.394l-1.177,2.812\n\tc-0.056,0.134-0.187,0.221-0.332,0.221H1.36v5.194h3.524c0.146,0,0.278,0.089,0.333,0.224l1.157,2.82\n\tc0.055,0.135,0.024,0.289-0.079,0.392l-2.483,2.483l3.673,3.673l2.492-2.491c0.103-0.104,0.26-0.133,0.393-0.077l2.812,1.176\n\tc0.134,0.056,0.221,0.187,0.221,0.332V30.64z M16,23.36c-4.058,0-7.36-3.302-7.36-7.36S11.942,8.64,16,8.64\n\tc4.059,0,7.36,3.302,7.36,7.36C23.36,20.059,20.059,23.36,16,23.36z M16,9.36c-3.661,0-6.64,2.979-6.64,6.64s2.979,6.64,6.64,6.64\n\ts6.64-2.979,6.64-6.64S19.661,9.36,16,9.36z"
+    }
+  });
+};
+
 var __vue_staticRenderFns__$5 = [];
 /* style */
 
 const __vue_inject_styles__$5 = undefined;
 /* scoped */
 
-const __vue_scope_id__$5 = "data-v-595f6130";
+const __vue_scope_id__$5 = undefined;
 /* module identifier */
 
 const __vue_module_identifier__$5 = undefined;
@@ -7458,7 +7700,7 @@ const __vue_is_functional_template__$5 = false;
 const __vue_component__$a = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$5,
   staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, __vue_script__, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$5, {}, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
 
 var __vue_component__$b = __vue_component__$a;
 
@@ -7474,8 +7716,8 @@ var __vue_render__$4 = function () {
 
   return _c('path', {
     attrs: {
-      "id": "gear_2_",
-      "d": "M18.958,31.36h-5.915c-0.199,0-0.36-0.161-0.36-0.36v-3.633l-2.368-0.99l-2.576,2.575\n\tc-0.141,0.141-0.368,0.141-0.509,0L3.048,24.77c-0.141-0.141-0.141-0.369,0-0.51l2.568-2.568l-0.974-2.375H1\n\tc-0.199,0-0.36-0.161-0.36-0.36v-5.915c0-0.199,0.161-0.36,0.36-0.36h3.632l0.991-2.368L3.048,7.739\n\tc-0.141-0.141-0.141-0.368,0-0.509L7.23,3.048C7.298,2.98,7.389,2.942,7.485,2.942l0,0c0.096,0,0.187,0.038,0.254,0.105l2.568,2.569\n\tl2.375-0.975V1c0-0.199,0.161-0.36,0.36-0.36h5.915c0.199,0,0.36,0.161,0.36,0.36v3.632l2.367,0.991l2.575-2.575\n\tc0.141-0.141,0.369-0.141,0.51,0l4.183,4.182c0.067,0.067,0.105,0.159,0.105,0.254s-0.038,0.187-0.105,0.254l-2.569,2.568\n\tl0.975,2.375H31c0.199,0,0.36,0.161,0.36,0.36v5.915c0,0.199-0.161,0.36-0.36,0.36h-3.633l-0.99,2.368l2.576,2.575\n\tc0.067,0.067,0.105,0.159,0.105,0.255s-0.038,0.188-0.105,0.255l-4.183,4.182c-0.141,0.141-0.369,0.141-0.51,0l-2.568-2.568\n\tl-2.374,0.974V31C19.318,31.199,19.157,31.36,18.958,31.36z M13.403,30.64h5.195v-3.523c0-0.146,0.089-0.277,0.224-0.333\n\tl2.819-1.156c0.134-0.057,0.288-0.024,0.392,0.078l2.483,2.483l3.674-3.673l-2.492-2.491c-0.103-0.104-0.134-0.259-0.077-0.394\n\tl1.176-2.812c0.056-0.134,0.187-0.222,0.332-0.222h3.512v-5.194h-3.522c-0.146,0-0.277-0.088-0.333-0.223l-1.157-2.82\n\tc-0.055-0.134-0.024-0.289,0.078-0.391l2.484-2.483l-3.674-3.673l-2.491,2.491c-0.104,0.103-0.26,0.134-0.394,0.078L18.82,5.206\n\tc-0.134-0.056-0.222-0.187-0.222-0.332V1.36h-5.195v3.523c0,0.146-0.088,0.278-0.223,0.333l-2.82,1.157\n\tc-0.135,0.055-0.289,0.024-0.391-0.079L7.485,3.812L3.812,7.484l2.491,2.492c0.104,0.103,0.134,0.259,0.078,0.394l-1.177,2.812\n\tc-0.056,0.134-0.187,0.221-0.332,0.221H1.36v5.194h3.524c0.146,0,0.278,0.089,0.333,0.224l1.157,2.82\n\tc0.055,0.135,0.024,0.289-0.079,0.392l-2.483,2.483l3.673,3.673l2.492-2.491c0.103-0.104,0.26-0.133,0.393-0.077l2.812,1.176\n\tc0.134,0.056,0.221,0.187,0.221,0.332V30.64z M16,23.36c-4.058,0-7.36-3.302-7.36-7.36S11.942,8.64,16,8.64\n\tc4.059,0,7.36,3.302,7.36,7.36C23.36,20.059,20.059,23.36,16,23.36z M16,9.36c-3.661,0-6.64,2.979-6.64,6.64s2.979,6.64,6.64,6.64\n\ts6.64-2.979,6.64-6.64S19.661,9.36,16,9.36z"
+      "id": "love_1_",
+      "d": "M16.032,29.247c-0.092,0-0.185-0.035-0.255-0.105L3.008,16.373c-1.507-1.507-2.337-3.506-2.337-5.629\n\t\tc0-2.139,0.83-4.147,2.337-5.655c1.506-1.506,3.508-2.335,5.639-2.337c0,0,0.001,0,0.002,0c2.132,0,4.136,0.83,5.643,2.337\n\t\tl1.74,1.74l1.74-1.74c1.507-1.507,3.511-2.337,5.642-2.337c0.003,0,0.005,0,0.008,0c2.128,0.002,4.129,0.832,5.635,2.337\n\t\tc1.507,1.508,2.337,3.511,2.337,5.642s-0.83,4.134-2.337,5.642L16.287,29.142C16.216,29.212,16.124,29.247,16.032,29.247z\n\t\t M8.649,3.473c0,0-0.001,0-0.002,0C6.709,3.474,4.888,4.229,3.518,5.599C2.147,6.97,1.392,8.797,1.392,10.744\n\t\tc0,1.931,0.755,3.749,2.126,5.119l0,0l12.514,12.514l12.514-12.514c1.371-1.371,2.126-3.193,2.126-5.132s-0.755-3.761-2.126-5.132\n\t\tc-1.37-1.369-3.19-2.124-5.125-2.126c-0.003,0-0.006,0-0.008,0c-1.938,0-3.761,0.754-5.132,2.126l-1.995,1.995\n\t\tc-0.141,0.141-0.369,0.141-0.51,0l-1.995-1.995C12.412,4.228,10.588,3.473,8.649,3.473z"
     }
   });
 };
@@ -7518,8 +7760,8 @@ var __vue_render__$3 = function () {
 
   return _c('path', {
     attrs: {
-      "id": "love_1_",
-      "d": "M16.032,29.247c-0.092,0-0.185-0.035-0.255-0.105L3.008,16.373c-1.507-1.507-2.337-3.506-2.337-5.629\n\t\tc0-2.139,0.83-4.147,2.337-5.655c1.506-1.506,3.508-2.335,5.639-2.337c0,0,0.001,0,0.002,0c2.132,0,4.136,0.83,5.643,2.337\n\t\tl1.74,1.74l1.74-1.74c1.507-1.507,3.511-2.337,5.642-2.337c0.003,0,0.005,0,0.008,0c2.128,0.002,4.129,0.832,5.635,2.337\n\t\tc1.507,1.508,2.337,3.511,2.337,5.642s-0.83,4.134-2.337,5.642L16.287,29.142C16.216,29.212,16.124,29.247,16.032,29.247z\n\t\t M8.649,3.473c0,0-0.001,0-0.002,0C6.709,3.474,4.888,4.229,3.518,5.599C2.147,6.97,1.392,8.797,1.392,10.744\n\t\tc0,1.931,0.755,3.749,2.126,5.119l0,0l12.514,12.514l12.514-12.514c1.371-1.371,2.126-3.193,2.126-5.132s-0.755-3.761-2.126-5.132\n\t\tc-1.37-1.369-3.19-2.124-5.125-2.126c-0.003,0-0.006,0-0.008,0c-1.938,0-3.761,0.754-5.132,2.126l-1.995,1.995\n\t\tc-0.141,0.141-0.369,0.141-0.51,0l-1.995-1.995C12.412,4.228,10.588,3.473,8.649,3.473z"
+      "id": "warning--01_1_",
+      "d": "M31,29.36H1c-0.128,0-0.248-0.069-0.312-0.181c-0.064-0.111-0.064-0.248,0-0.359l15-26\n\tc0.129-0.224,0.495-0.224,0.624,0l15,26c0.064,0.111,0.064,0.248,0,0.359S31.129,29.36,31,29.36z M1.624,28.64h28.753L16,3.72\n\tL1.624,28.64z M16.36,20h-0.72V10h0.72V20z M16,23c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S16.552,23,16,23z"
     }
   });
 };
@@ -7562,8 +7804,8 @@ var __vue_render__$2 = function () {
 
   return _c('path', {
     attrs: {
-      "id": "warning--01_1_",
-      "d": "M31,29.36H1c-0.128,0-0.248-0.069-0.312-0.181c-0.064-0.111-0.064-0.248,0-0.359l15-26\n\tc0.129-0.224,0.495-0.224,0.624,0l15,26c0.064,0.111,0.064,0.248,0,0.359S31.129,29.36,31,29.36z M1.624,28.64h28.753L16,3.72\n\tL1.624,28.64z M16.36,20h-0.72V10h0.72V20z M16,23c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S16.552,23,16,23z"
+      "id": "bulldozer_1_",
+      "d": "M17,7.36c-1.618,0-1.86-1.009-1.86-1.61V4c0-0.142-0.028-1.382-1.01-1.382c-1.27,0-1.99-0.59-1.99-1.618\n\tc0-0.199,0.161-0.36,0.36-0.36S12.86,0.801,12.86,1c0,0.222,0,0.898,1.257,0.898c1.202,0,1.743,1.089,1.743,2.102v1.75\n\tc0,0.462,0.138,0.89,1.14,0.89c0.199,0,0.36,0.161,0.36,0.36S17.199,7.36,17,7.36z M14,6.604c-1.092,0-1.854-0.763-1.854-1.854V4\n\tc0-0.199,0.161-0.36,0.36-0.36s0.36,0.161,0.36,0.36v0.75c0,0.548,0.298,1.135,1.135,1.135c0.199,0,0.36,0.161,0.36,0.36\n\tS14.198,6.604,14,6.604z M17,4.362c-0.199,0-0.36-0.161-0.36-0.36V2.508c0-0.529-0.299-1.148-1.14-1.148\n\tc-0.199,0-0.36-0.161-0.36-0.36s0.161-0.36,0.36-0.36c1.095,0,1.86,0.768,1.86,1.868v1.495C17.36,4.201,17.199,4.362,17,4.362z\n\t M5,28c0,0.552-0.448,1-1,1s-1-0.448-1-1s0.448-1,1-1S5,27.448,5,28z M8.5,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1\n\tS9.052,27,8.5,27z M13,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S13.552,27,13,27z M17.5,27c-0.552,0-1,0.448-1,1\n\ts0.448,1,1,1s1-0.448,1-1S18.052,27,17.5,27z M22,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S22.552,27,22,27z M22,31.36H4\n\tc-1.853,0-3.36-1.508-3.36-3.36c0-1.731,1.316-3.161,3-3.341V23.36H1c-0.199,0-0.36-0.161-0.36-0.36V9c0-0.199,0.161-0.36,0.36-0.36\n\th12c0.199,0,0.36,0.161,0.36,0.36v2c0,0.199-0.161,0.36-0.36,0.36h-1.64v5.28h8.28V7.362L18,7.36V6.64l2,0.002\n\tc0.199,0,0.36,0.161,0.36,0.36v9.638c1.106,0.024,2,0.935,2,2.052v1.947h2.252c0.082-0.979,0.496-1.937,1.244-2.685\n\tc0.067-0.067,0.159-0.105,0.255-0.105h2.596c0.438-1.124,1.117-2.183,2.038-3.104l0.51,0.509c-1.568,1.568-2.432,3.608-2.432,5.746\n\ts0.863,4.178,2.432,5.745l-0.51,0.51c-0.921-0.922-1.601-1.981-2.038-3.104h-2.596c-0.096,0-0.188-0.038-0.255-0.105\n\tc-0.748-0.748-1.162-1.705-1.244-2.685H22.36v3.299c1.684,0.18,3,1.609,3,3.341C25.36,29.853,23.853,31.36,22,31.36z M4,25.36\n\tc-1.456,0-2.64,1.184-2.64,2.64S2.544,30.64,4,30.64h18c1.456,0,2.64-1.184,2.64-2.64s-1.184-2.64-2.64-2.64H4z M4.36,24.64h17.28\n\tv-5.947c0-0.734-0.594-1.332-1.324-1.332H1.36v5.279H4c0.199,0,0.36,0.161,0.36,0.36V24.64z M26.265,23.43h2.198\n\tc-0.464-1.588-0.464-3.271,0-4.859h-2.198c-0.613,0.664-0.95,1.521-0.95,2.43S25.651,22.766,26.265,23.43z M5.36,16.64h5.28v-5.28\n\tH5.36V16.64z M1.36,16.64h3.28v-5.28H1.36V16.64z M1.36,10.64h11.28V9.36H1.36V10.64z M11,19.36H9v-0.72h2V19.36z"
     }
   });
 };
@@ -7606,8 +7848,8 @@ var __vue_render__$1 = function () {
 
   return _c('path', {
     attrs: {
-      "id": "bulldozer_1_",
-      "d": "M17,7.36c-1.618,0-1.86-1.009-1.86-1.61V4c0-0.142-0.028-1.382-1.01-1.382c-1.27,0-1.99-0.59-1.99-1.618\n\tc0-0.199,0.161-0.36,0.36-0.36S12.86,0.801,12.86,1c0,0.222,0,0.898,1.257,0.898c1.202,0,1.743,1.089,1.743,2.102v1.75\n\tc0,0.462,0.138,0.89,1.14,0.89c0.199,0,0.36,0.161,0.36,0.36S17.199,7.36,17,7.36z M14,6.604c-1.092,0-1.854-0.763-1.854-1.854V4\n\tc0-0.199,0.161-0.36,0.36-0.36s0.36,0.161,0.36,0.36v0.75c0,0.548,0.298,1.135,1.135,1.135c0.199,0,0.36,0.161,0.36,0.36\n\tS14.198,6.604,14,6.604z M17,4.362c-0.199,0-0.36-0.161-0.36-0.36V2.508c0-0.529-0.299-1.148-1.14-1.148\n\tc-0.199,0-0.36-0.161-0.36-0.36s0.161-0.36,0.36-0.36c1.095,0,1.86,0.768,1.86,1.868v1.495C17.36,4.201,17.199,4.362,17,4.362z\n\t M5,28c0,0.552-0.448,1-1,1s-1-0.448-1-1s0.448-1,1-1S5,27.448,5,28z M8.5,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1\n\tS9.052,27,8.5,27z M13,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S13.552,27,13,27z M17.5,27c-0.552,0-1,0.448-1,1\n\ts0.448,1,1,1s1-0.448,1-1S18.052,27,17.5,27z M22,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S22.552,27,22,27z M22,31.36H4\n\tc-1.853,0-3.36-1.508-3.36-3.36c0-1.731,1.316-3.161,3-3.341V23.36H1c-0.199,0-0.36-0.161-0.36-0.36V9c0-0.199,0.161-0.36,0.36-0.36\n\th12c0.199,0,0.36,0.161,0.36,0.36v2c0,0.199-0.161,0.36-0.36,0.36h-1.64v5.28h8.28V7.362L18,7.36V6.64l2,0.002\n\tc0.199,0,0.36,0.161,0.36,0.36v9.638c1.106,0.024,2,0.935,2,2.052v1.947h2.252c0.082-0.979,0.496-1.937,1.244-2.685\n\tc0.067-0.067,0.159-0.105,0.255-0.105h2.596c0.438-1.124,1.117-2.183,2.038-3.104l0.51,0.509c-1.568,1.568-2.432,3.608-2.432,5.746\n\ts0.863,4.178,2.432,5.745l-0.51,0.51c-0.921-0.922-1.601-1.981-2.038-3.104h-2.596c-0.096,0-0.188-0.038-0.255-0.105\n\tc-0.748-0.748-1.162-1.705-1.244-2.685H22.36v3.299c1.684,0.18,3,1.609,3,3.341C25.36,29.853,23.853,31.36,22,31.36z M4,25.36\n\tc-1.456,0-2.64,1.184-2.64,2.64S2.544,30.64,4,30.64h18c1.456,0,2.64-1.184,2.64-2.64s-1.184-2.64-2.64-2.64H4z M4.36,24.64h17.28\n\tv-5.947c0-0.734-0.594-1.332-1.324-1.332H1.36v5.279H4c0.199,0,0.36,0.161,0.36,0.36V24.64z M26.265,23.43h2.198\n\tc-0.464-1.588-0.464-3.271,0-4.859h-2.198c-0.613,0.664-0.95,1.521-0.95,2.43S25.651,22.766,26.265,23.43z M5.36,16.64h5.28v-5.28\n\tH5.36V16.64z M1.36,16.64h3.28v-5.28H1.36V16.64z M1.36,10.64h11.28V9.36H1.36V10.64z M11,19.36H9v-0.72h2V19.36z"
+      "id": "group",
+      "d": "M24.36,31h-0.72v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363c1.517-0.675,2.496-2.181,2.496-3.836c0-2.316-1.884-4.201-4.2-4.201S11.8,9.244,11.8,11.561\n\tc0,1.655,0.98,3.162,2.496,3.836c0.141,0.063,0.227,0.209,0.212,0.363c-0.014,0.153-0.125,0.281-0.275,0.316\n\tc-3.458,0.82-5.872,3.872-5.872,7.424V31H7.64v-7.5c0-3.592,2.257-6.718,5.585-7.879c-1.326-0.907-2.146-2.421-2.146-4.061\n\tc0-1.964,1.157-3.664,2.826-4.452C14.101,6.617,14.2,6.097,14.2,5.561c0-2.316-1.884-4.201-4.2-4.201S5.799,3.244,5.799,5.561\n\tc0,1.656,0.98,3.162,2.496,3.836C8.437,9.46,8.521,9.606,8.507,9.76c-0.014,0.153-0.125,0.281-0.275,0.316\n\tC4.774,10.896,2.36,13.948,2.36,17.5V25H1.64v-7.5c0-3.592,2.257-6.718,5.585-7.879C5.899,8.714,5.08,7.2,5.08,5.561\n\tc0-2.713,2.207-4.92,4.92-4.92s4.92,2.207,4.92,4.92c0,0.422-0.052,0.836-0.157,1.237c0.791-0.205,1.683-0.205,2.473,0\n\tc-0.104-0.401-0.157-0.815-0.157-1.237c0-2.713,2.208-4.92,4.921-4.92s4.921,2.207,4.921,4.92c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879V25H29.64v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363C25.221,8.722,26.2,7.216,26.2,5.561c0-2.316-1.884-4.201-4.2-4.201s-4.2,1.884-4.2,4.201\n\tc0,0.536,0.099,1.056,0.295,1.548c1.669,0.789,2.826,2.488,2.826,4.452c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879L24.36,31L24.36,31z"
     }
   });
 };
@@ -7650,8 +7892,8 @@ var __vue_render__ = function () {
 
   return _c('path', {
     attrs: {
-      "id": "group",
-      "d": "M24.36,31h-0.72v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363c1.517-0.675,2.496-2.181,2.496-3.836c0-2.316-1.884-4.201-4.2-4.201S11.8,9.244,11.8,11.561\n\tc0,1.655,0.98,3.162,2.496,3.836c0.141,0.063,0.227,0.209,0.212,0.363c-0.014,0.153-0.125,0.281-0.275,0.316\n\tc-3.458,0.82-5.872,3.872-5.872,7.424V31H7.64v-7.5c0-3.592,2.257-6.718,5.585-7.879c-1.326-0.907-2.146-2.421-2.146-4.061\n\tc0-1.964,1.157-3.664,2.826-4.452C14.101,6.617,14.2,6.097,14.2,5.561c0-2.316-1.884-4.201-4.2-4.201S5.799,3.244,5.799,5.561\n\tc0,1.656,0.98,3.162,2.496,3.836C8.437,9.46,8.521,9.606,8.507,9.76c-0.014,0.153-0.125,0.281-0.275,0.316\n\tC4.774,10.896,2.36,13.948,2.36,17.5V25H1.64v-7.5c0-3.592,2.257-6.718,5.585-7.879C5.899,8.714,5.08,7.2,5.08,5.561\n\tc0-2.713,2.207-4.92,4.92-4.92s4.92,2.207,4.92,4.92c0,0.422-0.052,0.836-0.157,1.237c0.791-0.205,1.683-0.205,2.473,0\n\tc-0.104-0.401-0.157-0.815-0.157-1.237c0-2.713,2.208-4.92,4.921-4.92s4.921,2.207,4.921,4.92c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879V25H29.64v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363C25.221,8.722,26.2,7.216,26.2,5.561c0-2.316-1.884-4.201-4.2-4.201s-4.2,1.884-4.2,4.201\n\tc0,0.536,0.099,1.056,0.295,1.548c1.669,0.789,2.826,2.488,2.826,4.452c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879L24.36,31L24.36,31z"
+      "id": "hard--drive",
+      "d": "M26,6c-0.552,0-1-0.448-1-1s0.448-1,1-1s1,0.448,1,1S26.552,6,26,6z M27,16c0-0.552-0.448-1-1-1\n\ts-1,0.448-1,1s0.448,1,1,1S27,16.552,27,16z M27,27c0-0.552-0.448-1-1-1s-1,0.448-1,1s0.448,1,1,1S27,27.552,27,27z M31,31.36H1\n\tc-0.199,0-0.36-0.161-0.36-0.36v-8c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8\n\tC31.36,31.199,31.199,31.36,31,31.36z M1.36,30.64h29.28v-7.28H1.36V30.64z M31,20.36H1c-0.199,0-0.36-0.161-0.36-0.36v-8\n\tc0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8C31.36,20.199,31.199,20.36,31,20.36z M1.36,19.64h29.28v-7.28\n\tH1.36V19.64z M31,9.36H1C0.801,9.36,0.64,9.199,0.64,9V1c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8\n\tC31.36,9.199,31.199,9.36,31,9.36z M1.36,8.64h29.28V1.36H1.36V8.64z"
     }
   });
 };
@@ -8035,6 +8277,7 @@ var icon = {
       Chip32,
       // used for cluster nodes
       Save20,
+      Save32,
       Copy20,
       Application32,
       // used for apps, module instances and software center
@@ -8059,11 +8302,21 @@ var icon = {
       Events32,
       // used for domains
       Link32,
-      // used for external domain providers
+      // used for URLs and external domain providers
+      Link20,
+      // used for URLs and external domain providers
       WarningAlt32,
+      WarningAlt20,
+      Tools20,
       Tools32,
       Network_220,
-      Network_232
+      Network_232,
+      DataBase20,
+      DataBase32,
+      DataBackup20,
+      DataBackup32,
+      ArrowDown20,
+      ArrowDown32
     };
   }
 
@@ -15279,30 +15532,32 @@ var filters = {
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  NsButton: __vue_component__$F,
-  NsEmptyState: __vue_component__$A,
+  NsButton: __vue_component__$I,
+  NsEmptyState: __vue_component__$D,
   NsPictogram: NsPictogram,
-  NsCodeSnippet: __vue_component__$y,
+  NsCodeSnippet: __vue_component__$B,
   NsInlineNotification: NsInlineNotification,
   NsProgressBar: NsProgressBar,
   NsSvg: NsSvg,
-  NsTile: __vue_component__$t,
-  NsToastNotification: __vue_component__$r,
-  NsInfoCard: __vue_component__$p,
-  NsStatusCard: __vue_component__$n,
-  NsSystemdServiceCard: __vue_component__$l,
-  NsPasswordInput: __vue_component__$j,
-  NsIconMenu: __vue_component__$h,
-  NsMeterChart: __vue_component__$f,
-  NsPieChart: __vue_component__$d,
+  NsTile: __vue_component__$v,
+  NsToastNotification: __vue_component__$t,
+  NsInfoCard: __vue_component__$r,
+  NsStatusCard: __vue_component__$p,
+  NsSystemdServiceCard: __vue_component__$n,
+  NsPasswordInput: __vue_component__$l,
+  NsIconMenu: __vue_component__$j,
+  NsMeterChart: __vue_component__$h,
+  NsPieChart: __vue_component__$f,
   NsLottieAnimation: NsLottieAnimation,
-  NsDangerDeleteModal: __vue_component__$b,
+  NsDangerDeleteModal: __vue_component__$d,
+  NsCircleTimer: NsCircleTimer,
   ExclamationMark: ExclamationMark,
-  Gear: __vue_component__$9,
-  Love: __vue_component__$7,
-  Warning: __vue_component__$5,
-  Bulldozer: __vue_component__$3,
-  Group: __vue_component__$1,
+  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,
@@ -15323,4 +15578,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$3 as Bulldozer, dataTable as DataTableService, DateTimeService, ExclamationMark, filters as Filters, __vue_component__$9 as Gear, __vue_component__$1 as Group, icon as IconService, lottie as LottieService, __vue_component__$7 as Love, __vue_component__$F as NsButton, __vue_component__$y as NsCodeSnippet, __vue_component__$b as NsDangerDeleteModal, __vue_component__$A as NsEmptyState, __vue_component__$h as NsIconMenu, __vue_component__$p as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$f as NsMeterChart, __vue_component__$j as NsPasswordInput, NsPictogram, __vue_component__$d as NsPieChart, NsProgressBar, __vue_component__$n as NsStatusCard, NsSvg, __vue_component__$l as NsSystemdServiceCard, __vue_component__$t as NsTile, __vue_component__$r as NsToastNotification, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$5 as Warning, install as default };
+export { __vue_component__$5 as Bulldozer, dataTable as DataTableService, DateTimeService, ExclamationMark, filters as Filters, __vue_component__$b as Gear, __vue_component__$3 as Group, __vue_component__$1 as HardDrive, icon as IconService, lottie as LottieService, __vue_component__$9 as Love, __vue_component__$I as NsButton, NsCircleTimer, __vue_component__$B as NsCodeSnippet, __vue_component__$d as NsDangerDeleteModal, __vue_component__$D as NsEmptyState, __vue_component__$j as NsIconMenu, __vue_component__$r as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$h as NsMeterChart, __vue_component__$l as NsPasswordInput, NsPictogram, __vue_component__$f as NsPieChart, NsProgressBar, __vue_component__$p as NsStatusCard, NsSvg, __vue_component__$n as NsSystemdServiceCard, __vue_component__$v as NsTile, __vue_component__$t as NsToastNotification, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$7 as Warning, install as default };