@nethserver/ns8-ui-lib 0.1.32 → 1.0.0

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

@@ -1181,19 +1181,13 @@ var __vue_render__$C = function () {
     class: _vm.carbonPrefix + "--inline-notification__icon"
   }), _vm._v(" "), _c('div', {
     class: _vm.carbonPrefix + "--inline-notification__text-wrapper"
-  }, [_vm.title ? _c('p', {
-    class: _vm.carbonPrefix + "--inline-notification__title title",
-    domProps: {
-      "innerHTML": _vm._s(_vm.title)
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.description ? _c('p', {
+  }, [_vm.$slots.title || _vm.title ? _c('p', {
+    class: _vm.carbonPrefix + "--inline-notification__title title"
+  }, [_vm.$slots.title ? _vm._t("title") : _c('span', [_vm._v(_vm._s(_vm.title))])], 2) : _vm._e(), _vm._v(" "), _vm.$slots.description || _vm.description ? _c('p', {
     class: [_vm.carbonPrefix + "--inline-notification__subtitle", {
       'mg-right': _vm.loading || _vm.timer
-    }],
-    domProps: {
-      "innerHTML": _vm._s(_vm.description)
-    }
-  }) : _vm._e(), _vm._v(" "), _vm.loading ? _c('p', {
+    }]
+  }, [_vm.$slots.description ? _vm._t("description") : _c('span', [_vm._v(_vm._s(_vm.description))])], 2) : _vm._e(), _vm._v(" "), _vm.loading ? _c('p', {
     staticClass: "loader"
   }) : _vm._e(), _vm._v(" "), _vm.timer ? _c('p', [_c('NsCircleTimer', {
     attrs: {
@@ -1234,8 +1228,8 @@ var __vue_staticRenderFns__$C = [];
 
 const __vue_inject_styles__$F = function (inject) {
   if (!inject) return;
-  inject("data-v-20e6c586_0", {
-    source: ".title[data-v-20e6c586]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-20e6c586]{margin-right:.75rem}.action-button[data-v-20e6c586]{margin-right:.5rem}.bx--inline-notification__text-wrapper p[data-v-20e6c586]{padding-right:0!important}",
+  inject("data-v-55c5000a_0", {
+    source: ".title[data-v-55c5000a]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-55c5000a]{margin-right:.75rem}.action-button[data-v-55c5000a]{margin-right:.5rem}.bx--inline-notification__text-wrapper p[data-v-55c5000a]{padding-right:0!important}",
     map: undefined,
     media: undefined
   });
@@ -1243,7 +1237,7 @@ const __vue_inject_styles__$F = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$F = "data-v-20e6c586";
+const __vue_scope_id__$F = "data-v-55c5000a";
 /* module identifier */
 
 const __vue_module_identifier__$F = undefined;
@@ -6400,11 +6394,7 @@ var __vue_render__$z = function () {
     class: [_vm.carbonPrefix + "--toast-notification__subtitle", "notification-description-and-progress", "row", {
       'fix-margin-bottom': _vm.actionLabel || _vm.isProgressShown
     }]
-  }, [_c('span', {
-    domProps: {
-      "innerHTML": _vm._s(_vm.description)
-    }
-  }), _vm._v(" "), _vm.isProgressShown ? _c('div', {
+  }, [_vm.$slots.description ? _vm._t("description") : _c('span', [_vm._v(_vm._s(_vm.description))]), _vm._v(" "), _vm.isProgressShown ? _c('div', {
     staticClass: "progress"
   }, [_c('NsProgressBar', {
     attrs: {
@@ -6415,7 +6405,7 @@ var __vue_render__$z = function () {
     staticClass: "progress-bar-spacer"
   }), _vm._v(" "), _vm.progress ? _c('div', {
     staticClass: "progress-number"
-  }, [_vm._v(_vm._s(_vm.progress) + " %")]) : _vm._e()], 1) : _vm._e()]), _vm._v(" "), _vm.isCancelShown && _vm.isProgressShown ? _c('div', {
+  }, [_vm._v(_vm._s(_vm.progress) + " %")]) : _vm._e()], 1) : _vm._e()], 2), _vm._v(" "), _vm.isCancelShown && _vm.isProgressShown ? _c('div', {
     class: [_vm.carbonPrefix + "--toast-notification__caption", "action", "row"]
   }, [_c('button', {
     class: [_vm.carbonPrefix + "--inline-notification__action-button", _vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--btn--sm", {
@@ -6474,11 +6464,11 @@ var __vue_staticRenderFns__$z = [];
 
 const __vue_inject_styles__$B = function (inject) {
   if (!inject) return;
-  inject("data-v-7d4a3b16_0", {
-    source: ".notification[data-v-7d4a3b16]{margin-bottom:0;margin-right:0}.action[data-v-7d4a3b16]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button[data-v-7d4a3b16]{margin-left:-1rem}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--danger[data-v-7d4a3b16]{margin:.5rem 0 .5rem -1rem}.notification-description-and-progress[data-v-7d4a3b16]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-7d4a3b16]{margin-bottom:0}.progress[data-v-7d4a3b16]{margin-top:.75rem}.progress-bar-spacer[data-v-7d4a3b16]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-7d4a3b16]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-7d4a3b16]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-7d4a3b16]{width:100%;cursor:pointer}.notification-read[data-v-7d4a3b16]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-7d4a3b16]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-7d4a3b16]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-7d4a3b16]{font-weight:400}.cv-notifiation .timestamp[data-v-7d4a3b16]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-7d4a3b16]{color:#c6c6c6}.bx--tooltip__trigger[data-v-7d4a3b16]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-7d4a3b16]::before{border-bottom-color:#161616}div.row[data-v-7d4a3b16]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-7d4a3b16]{flex-grow:1}",
+  inject("data-v-25370942_0", {
+    source: ".notification[data-v-25370942]{margin-bottom:0;margin-right:0}.action[data-v-25370942]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button[data-v-25370942]{margin-left:-1rem}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--danger[data-v-25370942]{margin:.5rem 0 .5rem -1rem}.notification-description-and-progress[data-v-25370942]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-25370942]{margin-bottom:0}.progress[data-v-25370942]{margin-top:.75rem}.progress-bar-spacer[data-v-25370942]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-25370942]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-25370942]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-25370942]{width:100%;cursor:pointer}.notification-read[data-v-25370942]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-25370942]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-25370942]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-25370942]{font-weight:400}.cv-notifiation .timestamp[data-v-25370942]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-25370942]{color:#c6c6c6}.bx--tooltip__trigger[data-v-25370942]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-25370942]::before{border-bottom-color:#161616}div.row[data-v-25370942]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-25370942]{flex-grow:1}",
     map: undefined,
     media: undefined
-  }), inject("data-v-7d4a3b16_1", {
+  }), inject("data-v-25370942_1", {
     source: ".cv-notifiation .timestamp button span{background-color:#161616!important;border-left:1px solid #393939;border-right:1px solid #393939;border-bottom:1px solid #393939}",
     map: undefined,
     media: undefined
@@ -6487,7 +6477,7 @@ const __vue_inject_styles__$B = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$B = "data-v-7d4a3b16";
+const __vue_scope_id__$B = "data-v-25370942";
 /* module identifier */
 
 const __vue_module_identifier__$B = undefined;
@@ -6614,7 +6604,7 @@ var __vue_render__$y = function () {
     staticClass: "row"
   }, [_c('h3', {
     staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm.titleTooltip ? _c('cv-interactive-tooltip', {
+  }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm.$slots.titleTooltip || _vm.titleTooltip ? _c('cv-interactive-tooltip', {
     staticClass: "info title-tooltip",
     attrs: {
       "alignment": _vm.titleTooltipAlignment,
@@ -6624,11 +6614,7 @@ var __vue_render__$y = function () {
     slot: "trigger"
   }, [_c('Information16')], 1), _vm._v(" "), _c('template', {
     slot: "content"
-  }, [_c('div', {
-    domProps: {
-      "innerHTML": _vm._s(_vm.titleTooltip)
-    }
-  })])], 2) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _vm.description ? _c('div', {
+  }, [_vm.$slots.titleTooltip ? _vm._t("titleTooltip") : _c('div', [_vm._v(_vm._s(_vm.titleTooltip))])], 2)], 2) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _vm.description ? _c('div', {
     staticClass: "row"
   }, [_c('div', {
     staticClass: "description"
@@ -6642,8 +6628,8 @@ var __vue_staticRenderFns__$y = [];
 
 const __vue_inject_styles__$A = function (inject) {
   if (!inject) return;
-  inject("data-v-e88c3bd6_0", {
-    source: ".info-card[data-v-e88c3bd6]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-e88c3bd6]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-e88c3bd6]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-e88c3bd6]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-tooltip[data-v-e88c3bd6]{position:relative;top:-2px}.description[data-v-e88c3bd6]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-e88c3bd6]{margin-top:.5rem}",
+  inject("data-v-44debf3d_0", {
+    source: ".info-card[data-v-44debf3d]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-44debf3d]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-44debf3d]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-44debf3d]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-tooltip[data-v-44debf3d]{position:relative;top:-2px}.description[data-v-44debf3d]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-44debf3d]{margin-top:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6651,7 +6637,7 @@ const __vue_inject_styles__$A = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$A = "data-v-e88c3bd6";
+const __vue_scope_id__$A = "data-v-44debf3d";
 /* module identifier */
 
 const __vue_module_identifier__$A = undefined;
@@ -8601,7 +8587,7 @@ var script$i = {
       if (this.typeToConfirm) {
         return this.typeToConfirm;
       } else {
-        return `Type <strong>${this.name}</strong> to confirm deletion`;
+        return `Type '${this.name}' to confirm deletion`;
       }
     }
 
@@ -8662,16 +8648,9 @@ var __vue_render__$q = function () {
       "title": _vm.warning,
       "showCloseButton": false
     }
-  }), _vm._v(" "), _c('div', {
-    domProps: {
-      "innerHTML": _vm._s(_vm.description)
-    }
-  }), _vm._v(" "), _vm._t("explanation"), _vm._v(" "), _c('div', {
-    staticClass: "type-to-confirm",
-    domProps: {
-      "innerHTML": _vm._s(_vm.typeToConfirmMessage)
-    }
-  }), _vm._v(" "), _c('cv-form', {
+  }), _vm._v(" "), _vm.$slots.description ? _vm._t("description") : _c('div', [_vm._v(_vm._s(_vm.description))]), _vm._v(" "), _vm._t("explanation"), _vm._v(" "), _c('div', {
+    staticClass: "type-to-confirm"
+  }, [_vm._v(_vm._s(_vm.typeToConfirmMessage))]), _vm._v(" "), _c('cv-form', {
     on: {
       "submit": function ($event) {
         $event.preventDefault();
@@ -8707,8 +8686,8 @@ var __vue_staticRenderFns__$q = [];
 
 const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
-  inject("data-v-3b643702_0", {
-    source: ".type-to-confirm[data-v-3b643702]{margin-top:2rem}",
+  inject("data-v-1efc7695_0", {
+    source: ".type-to-confirm[data-v-1efc7695]{margin-top:2rem}",
     map: undefined,
     media: undefined
   });
@@ -8716,7 +8695,7 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = "data-v-3b643702";
+const __vue_scope_id__$s = "data-v-1efc7695";
 /* module identifier */
 
 const __vue_module_identifier__$s = undefined;
@@ -22374,11 +22353,7 @@ var __vue_render__$c = function () {
     class: [_vm.carbonPrefix + "--checkbox-label-text", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--visually-hidden"] = _vm.hideLabel, _obj$2)]
   }, [_c('div', {
     staticClass: "label-with-tooltip"
-  }, [_c('span', {
-    domProps: {
-      "innerHTML": _vm._s(_vm.label)
-    }
-  }), _vm._v(" "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
+  }, [_vm.$slots.label ? _vm._t("label") : _c('span', [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
     staticClass: "info",
     attrs: {
       "alignment": _vm.tooltipAlignment,
@@ -22386,7 +22361,7 @@ var __vue_render__$c = function () {
     }
   }, [_c('template', {
     slot: "content"
-  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 1)])])]);
+  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)])])]);
 };
 
 var __vue_staticRenderFns__$c = [];
@@ -22394,11 +22369,11 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-5df22176_0", {
-    source: ".label-with-tooltip[data-v-5df22176]{display:flex}",
+  inject("data-v-34eae482_0", {
+    source: ".label-with-tooltip[data-v-34eae482]{display:flex}",
     map: undefined,
     media: undefined
-  }), inject("data-v-5df22176_1", {
+  }), inject("data-v-34eae482_1", {
     source: ".ns-checkbox .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -22407,7 +22382,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-5df22176";
+const __vue_scope_id__$d = "data-v-34eae482";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;