@nethserver/ns8-ui-lib 0.0.32 → 0.0.36

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

@@ -53,12 +53,17 @@ import ZoomIn20 from '@carbon/icons-vue/es/zoom--in/20';
 import Events32 from '@carbon/icons-vue/es/events/32';
 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 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';
 
 //
-var script$h = {
+var script$i = {
   name: "NsButton",
   extends: CvButton,
   props: {
@@ -221,10 +226,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__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -247,10 +252,10 @@ var __vue_render__$m = function () {
   }) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$o = 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 +266,23 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-025b0f12";
+const __vue_scope_id__$o = "data-v-025b0f12";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$o = 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__$F = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$o, __vue_script__$i, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
 
-var __vue_component__$F = __vue_component__$E;
+var __vue_component__$G = __vue_component__$F;
 
 //
 //
@@ -295,7 +300,7 @@ var __vue_component__$F = __vue_component__$E;
 //
 //
 //
-var script$g = {
+var script$h = {
   name: "NsPictogram",
   props: {
     title: {
@@ -318,10 +323,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__$m = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -349,34 +354,34 @@ var __vue_render__$l = function () {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-const __vue_inject_styles__$m = undefined;
+const __vue_inject_styles__$n = undefined;
 /* scoped */
 
-const __vue_scope_id__$m = undefined;
+const __vue_scope_id__$n = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$n = 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__$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, undefined, undefined, undefined);
 
-var NsPictogram = __vue_component__$D;
+var NsPictogram = __vue_component__$E;
 
 //
-var script$f = {
+var script$g = {
   name: "NsLottieAnimation",
   components: {
     LottieAnimation
@@ -432,10 +437,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__$l = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -462,36 +467,36 @@ var __vue_render__$k = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$l = undefined;
+const __vue_inject_styles__$m = undefined;
 /* scoped */
 
-const __vue_scope_id__$l = "data-v-14e97a70";
+const __vue_scope_id__$m = "data-v-14e97a70";
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$m = 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__$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);
 
-var NsLottieAnimation = __vue_component__$C;
+var NsLottieAnimation = __vue_component__$D;
 
 /* script */
 
 /* template */
-var __vue_render__$j = function () {
+var __vue_render__$k = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -506,34 +511,34 @@ var __vue_render__$j = function () {
   });
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$l = undefined;
 /* scoped */
 
-const __vue_scope_id__$k = undefined;
+const __vue_scope_id__$l = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$l = 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__$C = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$l, {}, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
 
-var ExclamationMark = __vue_component__$B;
+var ExclamationMark = __vue_component__$C;
 
 //
-var script$e = {
+var script$f = {
   name: "NsEmptyState",
   components: {
     NsPictogram,
@@ -565,10 +570,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__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -598,10 +603,10 @@ var __vue_render__$i = function () {
   }, [_vm._t("description")], 2)] : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$k = 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 +617,26 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-d5a46c1c";
+const __vue_scope_id__$k = "data-v-d5a46c1c";
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$k = 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__$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, createInjector, undefined, undefined);
 
-var __vue_component__$A = __vue_component__$z;
+var __vue_component__$B = __vue_component__$A;
 
 //
-var script$d = {
+var script$e = {
   name: "NsCodeSnippet",
   components: {
     CvButton,
@@ -743,10 +748,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__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -808,10 +813,10 @@ var __vue_render__$h = function () {
   })], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$i = function (inject) {
+const __vue_inject_styles__$j = 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,7 +827,167 @@ const __vue_inject_styles__$i = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$i = "data-v-59cb538c";
+const __vue_scope_id__$j = "data-v-59cb538c";
+/* module identifier */
+
+const __vue_module_identifier__$j = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$j = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$y = /*#__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);
+
+var __vue_component__$z = __vue_component__$y;
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+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__$h = 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__$h = [];
+/* style */
+
+const __vue_inject_styles__$i = 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__$i = "data-v-45b59790";
 /* module identifier */
 
 const __vue_module_identifier__$i = undefined;
@@ -838,12 +1003,15 @@ const __vue_component__$x = /*#__PURE__*/normalizeComponent({
   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);
 
-var __vue_component__$y = __vue_component__$x;
+var NsCircleTimer = __vue_component__$x;
 
 //
 var script$c = {
   name: "NsInlineNotification",
   extends: CvInlineNotification,
+  components: {
+    NsCircleTimer
+  },
   props: {
     showCloseButton: {
       type: Boolean,
@@ -867,6 +1035,9 @@ var script$c = {
     loading: {
       type: Boolean,
       default: false
+    },
+    timer: {
+      type: Number
     }
   }
 };
@@ -905,14 +1076,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"
@@ -944,8 +1122,8 @@ var __vue_staticRenderFns__$g = [];
 
 const __vue_inject_styles__$h = 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}",
+  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,7 +1131,7 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-3df2e043";
+const __vue_scope_id__$h = "data-v-1e5d2ff7";
 /* module identifier */
 
 const __vue_module_identifier__$h = undefined;
@@ -6090,6 +6268,10 @@ var script$7 = {
       }
 
     },
+    showOverflowMenu: {
+      type: Boolean,
+      default: false
+    },
     light: Boolean
   }
 };
@@ -6111,7 +6293,7 @@ var __vue_render__$c = function () {
       "kind": "standard",
       "light": _vm.light
     }
-  }, [_vm.icon ? _c('div', {
+  }, [_vm.showOverflowMenu ? _vm._t("menu") : _vm._e(), _vm._v(" "), _vm.icon ? _c('div', {
     staticClass: "row"
   }, [_c('NsSvg', {
     attrs: {
@@ -6127,7 +6309,7 @@ var __vue_render__$c = function () {
     staticClass: "description"
   }, [_vm._v(_vm._s(_vm.description))])]) : _vm._e(), _vm._v(" "), _c('div', {
     staticClass: "row slot"
-  }, [_vm._t("default")], 2)]);
+  }, [_vm._t("content")], 2)], 2);
 };
 
 var __vue_staticRenderFns__$c = [];
@@ -6135,8 +6317,8 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  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}",
+  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}",
     map: undefined,
     media: undefined
   });
@@ -6144,7 +6326,7 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-b195af80";
+const __vue_scope_id__$c = "data-v-5f0f76db";
 /* module identifier */
 
 const __vue_module_identifier__$c = undefined;
@@ -6461,6 +6643,14 @@ var __vue_component__$l = __vue_component__$k;
 
 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") {
@@ -7347,6 +7537,7 @@ var script = {
   watch: {
     isShown: function () {
       if (this.isShown) {
+        this.userInput = "";
         setTimeout(() => {
           this.focusElement("userInput");
         }, 300);
@@ -7438,7 +7629,7 @@ var __vue_staticRenderFns__$5 = [];
 const __vue_inject_styles__$5 = undefined;
 /* scoped */
 
-const __vue_scope_id__$5 = "data-v-595f6130";
+const __vue_scope_id__$5 = "data-v-220f51ae";
 /* module identifier */
 
 const __vue_module_identifier__$5 = undefined;
@@ -8057,9 +8248,14 @@ var icon = {
       Link32,
       // used for external domain providers
       WarningAlt32,
+      WarningAlt20,
       Tools32,
       Network_220,
-      Network_232
+      Network_232,
+      DataBase20,
+      DataBase32,
+      DataBackup20,
+      DataBackup32
     };
   }
 
@@ -15275,10 +15471,10 @@ var filters = {
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  NsButton: __vue_component__$F,
-  NsEmptyState: __vue_component__$A,
+  NsButton: __vue_component__$G,
+  NsEmptyState: __vue_component__$B,
   NsPictogram: NsPictogram,
-  NsCodeSnippet: __vue_component__$y,
+  NsCodeSnippet: __vue_component__$z,
   NsInlineNotification: NsInlineNotification,
   NsProgressBar: NsProgressBar,
   NsSvg: NsSvg,
@@ -15293,6 +15489,7 @@ var components = /*#__PURE__*/Object.freeze({
   NsPieChart: __vue_component__$d,
   NsLottieAnimation: NsLottieAnimation,
   NsDangerDeleteModal: __vue_component__$b,
+  NsCircleTimer: NsCircleTimer,
   ExclamationMark: ExclamationMark,
   Gear: __vue_component__$9,
   Love: __vue_component__$7,
@@ -15319,4 +15516,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__$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__$G as NsButton, NsCircleTimer, __vue_component__$z as NsCodeSnippet, __vue_component__$b as NsDangerDeleteModal, __vue_component__$B 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 };