@nethserver/ns8-ui-lib 0.0.47 → 0.0.51

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

@@ -553,14 +553,14 @@ const __vue_component__$R = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$s
 }, __vue_inject_styles__$t, {}, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
 
-var ExclamationMark = __vue_component__$R;
+var ExclamationMarkPictogram = __vue_component__$R;
 
 //
 var script$m = {
   name: "NsEmptyState",
   components: {
     NsPictogram,
-    ExclamationMark,
+    ExclamationMarkPictogram,
     NsLottieAnimation
   },
   props: {
@@ -614,7 +614,7 @@ var __vue_render__$r = function () {
     attrs: {
       "title": "empty state"
     }
-  }, [_vm.hasPictogramSlot ? [_vm._t("pictogram")] : [_c('ExclamationMark')]], 2), _vm._v(" "), _c('h5', {
+  }, [_vm.hasPictogramSlot ? [_vm._t("pictogram")] : [_c('ExclamationMarkPictogram')]], 2), _vm._v(" "), _c('h5', {
     staticClass: "title"
   }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm.hasDescriptionSlot ? [_c('div', {
     staticClass: "description"
@@ -626,8 +626,8 @@ var __vue_staticRenderFns__$r = [];
 
 const __vue_inject_styles__$s = 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}",
+  inject("data-v-2d5d3a58_0", {
+    source: ".empty-state[data-v-2d5d3a58]{text-align:center;padding:2rem}.empty-state .image[data-v-2d5d3a58]{margin-bottom:1rem}.empty-state .description[data-v-2d5d3a58]{margin-top:1rem}.animation[data-v-2d5d3a58]{display:inline-block;width:64px;height:64px}",
     map: undefined,
     media: undefined
   });
@@ -635,7 +635,7 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = "data-v-d5a46c1c";
+const __vue_scope_id__$s = "data-v-2d5d3a58";
 /* module identifier */
 
 const __vue_module_identifier__$s = undefined;
@@ -1109,7 +1109,7 @@ var __vue_render__$o = function () {
       "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"],
+    class: [_vm.carbonPrefix + "--inline-notification__action-button", _vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--btn--sm", _vm.carbonPrefix + "--btn--ghost", 'action-button'],
     attrs: {
       "type": "button"
     },
@@ -1140,8 +1140,8 @@ var __vue_staticRenderFns__$o = [];
 
 const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
-  inject("data-v-1e5d2ff7_0", {
-    source: ".title[data-v-1e5d2ff7]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-1e5d2ff7]{margin-right:.75rem}.details[data-v-1e5d2ff7]{flex-grow:0}.bx--inline-notification__close-button[data-v-1e5d2ff7]{position:absolute!important}.bx--inline-notification__text-wrapper p[data-v-1e5d2ff7]{padding-right:0!important}",
+  inject("data-v-59312d66_0", {
+    source: ".title[data-v-59312d66]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-59312d66]{margin-right:.75rem}.details[data-v-59312d66]{flex-grow:0}.action-button[data-v-59312d66]{margin-right:.5rem}.bx--inline-notification__close-button[data-v-59312d66]{position:absolute!important}.bx--inline-notification__text-wrapper p[data-v-59312d66]{padding-right:0!important}",
     map: undefined,
     media: undefined
   });
@@ -1149,7 +1149,7 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$p = "data-v-1e5d2ff7";
+const __vue_scope_id__$p = "data-v-59312d66";
 /* module identifier */
 
 const __vue_module_identifier__$p = undefined;
@@ -1408,10 +1408,16 @@ var script$g = {
     },
     centered: Boolean,
     large: Boolean,
-    light: Boolean
+    light: Boolean,
+    disabled: Boolean
   },
   computed: {
     tagType() {
+      if (this.disabled) {
+        // not selectable nor clickable
+        return "cv-tile-standard";
+      }
+
       switch (this.kind) {
         case "clickable":
           return "cv-tile-clickable";
@@ -1445,6 +1451,8 @@ var __vue_render__$m = function () {
     tag: "component",
     class: ["cv-tile " + _vm.carbonPrefix + "--tile", (_obj = {}, _obj[_vm.carbonPrefix + "--tile--light"] = _vm.isLight, _obj), 'ns-tile', {
       'pad-bottom': _vm.footerIcon
+    }, {
+      'disabled-tile': _vm.disabled
     }],
     attrs: {
       "checked": _vm.selected,
@@ -1473,8 +1481,8 @@ var __vue_staticRenderFns__$m = [];
 
 const __vue_inject_styles__$m = 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}",
+  inject("data-v-fd6b91dc_0", {
+    source: ".ns-tile[data-v-fd6b91dc]{margin-bottom:2rem}.container[data-v-fd6b91dc]{display:flex;flex-direction:column;justify-content:center}.centered[data-v-fd6b91dc]{text-align:center}.large[data-v-fd6b91dc]{min-height:10rem}.tile-icon[data-v-fd6b91dc]{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem}.tile-footer-icon[data-v-fd6b91dc]{position:absolute;right:1rem;bottom:1rem;flex-shrink:0;width:1.25rem;height:1.25rem}.pad-bottom[data-v-fd6b91dc]{padding-bottom:4rem}.disabled-tile[data-v-fd6b91dc]{color:#c6c6c6}",
     map: undefined,
     media: undefined
   });
@@ -1482,7 +1490,7 @@ const __vue_inject_styles__$m = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$m = "data-v-bbf09f9e";
+const __vue_scope_id__$m = "data-v-fd6b91dc";
 /* module identifier */
 
 const __vue_module_identifier__$m = undefined;
@@ -6262,17 +6270,19 @@ var __vue_component__$G = __vue_component__$F;
 //
 var script$e = {
   name: "NsInfoCard",
-  //components added for storybook to work
   components: {
     NsSvg,
-    CvTile
+    NsInlineNotification
   },
   props: {
     title: {
       type: String,
-      required: true
+      required: false
+    },
+    description: {
+      type: String,
+      required: false
     },
-    description: String,
     icon: {
       type: [String, Object],
       default: undefined,
@@ -6286,11 +6296,21 @@ var script$e = {
       }
 
     },
-    showOverflowMenu: {
-      type: Boolean,
-      default: false
-    },
+    loading: Boolean,
+    isErrorShown: false,
+    errorTitle: String,
+    errorDescription: String,
     light: Boolean
+  },
+  computed: {
+    hasMenuSlot() {
+      return !!this.$slots.menu;
+    },
+
+    hasContentSlot() {
+      return !!this.$slots.content;
+    }
+
   }
 };
 
@@ -6311,23 +6331,40 @@ var __vue_render__$k = function () {
       "kind": "standard",
       "light": _vm.light
     }
-  }, [_vm.showOverflowMenu ? _vm._t("menu") : _vm._e(), _vm._v(" "), _vm.icon ? _c('div', {
+  }, [_vm.hasMenuSlot ? _vm._t("menu") : _vm._e(), _vm._v(" "), _vm.icon ? _c('div', {
     staticClass: "row"
   }, [_c('NsSvg', {
     attrs: {
       "svg": _vm.icon
     }
-  })], 1) : _vm._e(), _vm._v(" "), _c('div', {
+  })], 1) : _vm._e(), _vm._v(" "), _vm.isErrorShown ? _c('div', {
+    staticClass: "row"
+  }, [_c('NsInlineNotification', {
+    attrs: {
+      "kind": "error",
+      "title": _vm.errorTitle,
+      "description": _vm.errorDescription,
+      "showCloseButton": false
+    }
+  })], 1) : _vm.loading ? _c('div', {
+    staticClass: "row"
+  }, [_c('cv-skeleton-text', {
+    staticClass: "skeleton",
+    attrs: {
+      "paragraph": true,
+      "line-count": 3
+    }
+  })], 1) : [_vm.title ? _c('div', {
     staticClass: "row"
   }, [_c('h3', {
     staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.title))])]), _vm._v(" "), _vm.description ? _c('div', {
+  }, [_vm._v(_vm._s(_vm.title))])]) : _vm._e(), _vm._v(" "), _vm.description ? _c('div', {
     staticClass: "row"
   }, [_c('div', {
     staticClass: "description"
-  }, [_vm._v(_vm._s(_vm.description))])]) : _vm._e(), _vm._v(" "), _c('div', {
+  }, [_vm._v(_vm._s(_vm.description))])]) : _vm._e()], _vm._v(" "), _c('div', {
     staticClass: "row slot"
-  }, [_vm._t("content")], 2)], 2);
+  }, [_vm.hasContentSlot ? _vm._t("content") : _vm._e()], 2)], 2);
 };
 
 var __vue_staticRenderFns__$k = [];
@@ -6335,8 +6372,8 @@ var __vue_staticRenderFns__$k = [];
 
 const __vue_inject_styles__$k = 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}",
+  inject("data-v-34e69a80_0", {
+    source: ".info-card[data-v-34e69a80]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-34e69a80]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-34e69a80]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-34e69a80]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-34e69a80]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-34e69a80]{margin-top:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6344,7 +6381,7 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$k = "data-v-5f0f76db";
+const __vue_scope_id__$k = "data-v-34e69a80";
 /* module identifier */
 
 const __vue_module_identifier__$k = undefined;
@@ -6823,6 +6860,58 @@ var UtilService = {
      */
     toggleAccordion(ev) {
       this.$refs.accordion.state.map((item, index) => index === ev.changedIndex);
+    },
+
+    /**
+     * Used in Backup section
+     * */
+    getBackupScheduleDescription(schedule) {
+      if (!schedule) {
+        return "-";
+      }
+
+      switch (schedule.interval) {
+        case "hourly":
+          if (schedule.minute == 0) {
+            return this.$t("backup.every_hour");
+          } else {
+            return this.$tc("backup.minutes_past_the_hour", schedule.minute, {
+              minutes: schedule.minute
+            });
+          }
+
+        case "daily":
+          if (this.time24HourPattern.test(schedule.time)) {
+            return this.$t("backup.every_day_at", {
+              time: schedule.time
+            });
+          } else {
+            return "-";
+          }
+
+        case "weekly":
+          if (this.time24HourPattern.test(schedule.time)) {
+            return this.$t("backup.every_weekday_at_hour", {
+              weekDay: this.$t("calendar." + schedule.weekDay),
+              time: schedule.time
+            });
+          } else {
+            return "-";
+          }
+
+        case "monthly":
+          if (this.time24HourPattern.test(schedule.time)) {
+            return this.$t("backup.every_month_at_time", {
+              dayNum: schedule.monthDay,
+              time: schedule.time
+            });
+          } else {
+            return "-";
+          }
+
+        default:
+          return "-";
+      }
     }
 
   }
@@ -7022,27 +7111,32 @@ var __vue_render__$h = function () {
   }, [_c('span', {
     class: ['requirement', {
       'requirement-ok': _vm.isLengthOk,
-      'requirement-light': _vm.light
+      'requirement-light': _vm.light,
+      'requirement-disabled': _vm.disabled
     }]
   }, [_vm._v(_vm._s(_vm.lengthLabel))]), _vm._v(" "), _c('span', {
     class: ['requirement', {
       'requirement-ok': _vm.isLowercaseOk,
-      'requirement-light': _vm.light
+      'requirement-light': _vm.light,
+      'requirement-disabled': _vm.disabled
     }]
   }, [_vm._v(_vm._s(_vm.lowercaseLabel))]), _vm._v(" "), _c('span', {
     class: ['requirement', {
       'requirement-ok': _vm.isUppercaseOk,
-      'requirement-light': _vm.light
+      'requirement-light': _vm.light,
+      'requirement-disabled': _vm.disabled
     }]
   }, [_vm._v(_vm._s(_vm.uppercaseLabel))]), _vm._v(" "), _c('span', {
     class: ['requirement', {
       'requirement-ok': _vm.isNumberOk,
-      'requirement-light': _vm.light
+      'requirement-light': _vm.light,
+      'requirement-disabled': _vm.disabled
     }]
   }, [_vm._v(_vm._s(_vm.numberLabel))]), _vm._v(" "), _c('span', {
     class: ['requirement', {
       'requirement-ok': _vm.isSymbolOk,
-      'requirement-light': _vm.light
+      'requirement-light': _vm.light,
+      'requirement-disabled': _vm.disabled
     }]
   }, [_vm._v(_vm._s(_vm.symbolLabel))])])], 1), _vm._v(" "), _c('div', {
     staticClass: "confirm-password-container"
@@ -7072,7 +7166,8 @@ var __vue_render__$h = function () {
   }, [_c('span', {
     class: ['requirement', {
       'requirement-ok': _vm.isEqualOk,
-      'requirement-light': _vm.light
+      'requirement-light': _vm.light,
+      'requirement-disabled': _vm.disabled
     }]
   }, [_vm._v(_vm._s(_vm.equalLabel))])])], 1)]);
 };
@@ -7082,8 +7177,8 @@ var __vue_staticRenderFns__$h = [];
 
 const __vue_inject_styles__$h = 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}",
+  inject("data-v-af9d89fe_0", {
+    source: ".new-password-container[data-v-af9d89fe]{margin-bottom:1rem}.new-password[data-v-af9d89fe]{margin-bottom:.25rem}.confirm-password[data-v-af9d89fe]{margin-bottom:.25rem}.password-meter[data-v-af9d89fe]{display:flex}@media (min-width:672px){.password-meter[data-v-af9d89fe]{max-width:38rem}}.requirement[data-v-af9d89fe]{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-af9d89fe]{background-color:#fff}.requirement[data-v-af9d89fe]:first-child{margin-left:0}.requirement-ok[data-v-af9d89fe]{color:#fff;background-color:#198038}.requirement-disabled[data-v-af9d89fe]{color:#c6c6c6;background-color:#f4f4f4}",
     map: undefined,
     media: undefined
   });
@@ -7091,7 +7186,7 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$h = "data-v-1598af82";
+const __vue_scope_id__$h = "data-v-af9d89fe";
 /* module identifier */
 
 const __vue_module_identifier__$h = undefined;
@@ -8017,7 +8112,7 @@ var __vue_render__$b = function () {
       "for": _vm.uid
     }
   }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('cv-interactive-tooltip', {
-    staticClass: "tooltip",
+    staticClass: "tooltip info",
     attrs: {
       "alignment": _vm.tooltipAlignment,
       "direction": _vm.tooltipDirection
@@ -8083,11 +8178,11 @@ var __vue_staticRenderFns__$b = [];
 
 const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
-  inject("data-v-1a7ed132_0", {
-    source: ".tooltip[data-v-1a7ed132]{display:inline-block;position:absolute}",
+  inject("data-v-c9c91db0_0", {
+    source: ".tooltip[data-v-c9c91db0]{display:inline-block;position:absolute}",
     map: undefined,
     media: undefined
-  }), inject("data-v-1a7ed132_1", {
+  }), inject("data-v-c9c91db0_1", {
     source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -8096,7 +8191,7 @@ const __vue_inject_styles__$b = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$b = "data-v-1a7ed132";
+const __vue_scope_id__$b = "data-v-c9c91db0";
 /* module identifier */
 
 const __vue_module_identifier__$b = undefined;
@@ -16736,13 +16831,13 @@ var components = /*#__PURE__*/Object.freeze({
   NsWizard: __vue_component__$h,
   NsMenuItem: __vue_component__$f,
   NsMenuDivider: __vue_component__$d,
-  ExclamationMark: ExclamationMark,
-  Gear: __vue_component__$b,
-  Love: __vue_component__$9,
-  Warning: __vue_component__$7,
-  Bulldozer: __vue_component__$5,
-  Group: __vue_component__$3,
-  HardDrive: __vue_component__$1,
+  ExclamationMarkPictogram: ExclamationMarkPictogram,
+  GearPictogram: __vue_component__$b,
+  LovePictogram: __vue_component__$9,
+  WarningPictogram: __vue_component__$7,
+  BulldozerPictogram: __vue_component__$5,
+  GroupPictogram: __vue_component__$3,
+  HardDrivePictogram: __vue_component__$1,
   UtilService: UtilService,
   QueryParamService: queryParam,
   TaskService: task,
@@ -16763,4 +16858,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-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, IconService, lottie as LottieService, __vue_component__$9 as Love, __vue_component__$j as NsBackupCard, __vue_component__$V as NsButton, NsCircleTimer, __vue_component__$O as NsCodeSnippet, __vue_component__$q as NsDangerDeleteModal, __vue_component__$o as NsDropdownAction, __vue_component__$Q as NsEmptyState, __vue_component__$w as NsIconMenu, __vue_component__$E as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$d as NsMenuDivider, __vue_component__$f as NsMenuItem, __vue_component__$u as NsMeterChart, __vue_component__$y as NsPasswordInput, NsPictogram, __vue_component__$s as NsPieChart, NsProgressBar, __vue_component__$C as NsStatusCard, NsSvg, __vue_component__$A as NsSystemdServiceCard, __vue_component__$m as NsTextInput, __vue_component__$I as NsTile, __vue_component__$G as NsToastNotification, __vue_component__$h as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$7 as Warning, install as default };
+export { __vue_component__$5 as BulldozerPictogram, dataTable as DataTableService, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$b as GearPictogram, __vue_component__$3 as GroupPictogram, __vue_component__$1 as HardDrivePictogram, IconService, lottie as LottieService, __vue_component__$9 as LovePictogram, __vue_component__$j as NsBackupCard, __vue_component__$V as NsButton, NsCircleTimer, __vue_component__$O as NsCodeSnippet, __vue_component__$q as NsDangerDeleteModal, __vue_component__$o as NsDropdownAction, __vue_component__$Q as NsEmptyState, __vue_component__$w as NsIconMenu, __vue_component__$E as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$d as NsMenuDivider, __vue_component__$f as NsMenuItem, __vue_component__$u as NsMeterChart, __vue_component__$y as NsPasswordInput, NsPictogram, __vue_component__$s as NsPieChart, NsProgressBar, __vue_component__$C as NsStatusCard, NsSvg, __vue_component__$A as NsSystemdServiceCard, __vue_component__$m as NsTextInput, __vue_component__$I as NsTile, __vue_component__$G as NsToastNotification, __vue_component__$h as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$7 as WarningPictogram, install as default };