@nethserver/ns8-ui-lib 0.1.32 → 1.0.1

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;
@@ -21612,7 +21591,8 @@ var script$4 = {
     input: ["focus", "blur"]
   })],
   components: {
-    WarningFilled16: WarningFilled16$1,
+    WarningFilled16,
+    WarningAltFilled16,
     ChevronDown16,
     Close16
   },
@@ -21624,6 +21604,10 @@ var script$4 = {
       type: String,
       default: undefined
     },
+    warnText: {
+      type: String,
+      default: undefined
+    },
     helperText: {
       type: String,
       default: undefined
@@ -21700,6 +21684,7 @@ var script$4 = {
       dataFilter: null,
       isHelper: false,
       isInvalid: false,
+      isWarn: false,
       // includes user input items
       internalOptions: [],
       marginBottomOnOpenEnabled: false
@@ -21809,6 +21794,7 @@ var script$4 = {
       // NOTE: this.$slots is not reactive so needs to be managed on updated
       this.isInvalid = !!(this.$slots["invalid-message"] || this.invalidMessage && this.invalidMessage.length);
       this.isHelper = !!(this.$slots["helper-text"] || this.helperText && this.helperText.length);
+      this.isWarn = !!(this.$slots["warn-text"] || this.warnText && this.warnText.length);
     },
 
     clearFilter() {
@@ -22045,7 +22031,7 @@ const __vue_script__$4 = script$4;
 /* template */
 
 var __vue_render__$d = function () {
-  var _obj, _obj$1, _obj$2, _obj$3, _obj$4;
+  var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
 
   var _vm = this;
 
@@ -22056,12 +22042,12 @@ var __vue_render__$d = function () {
   return _c('div', {
     class: ['ns-combo-box', 'cv-combo-box', _vm.carbonPrefix + "--list-box__wrapper", {
       'margin-bottom-on-open': _vm.marginBottomOnOpenEnabled
-    }],
+    }, (_obj = {}, _obj[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj)],
     on: {
       "focusout": _vm.onFocusOut
     }
   }, [_vm.title ? _c('label', {
-    class: [_vm.carbonPrefix + "--label", (_obj = {}, _obj[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj)],
+    class: [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)],
     attrs: {
       "for": _vm.uid
     }
@@ -22076,7 +22062,7 @@ var __vue_render__$d = function () {
   }, [_c('template', {
     slot: "content"
   }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 1)]) : _vm._e(), _vm._v(" "), _c('div', _vm._b({
-    class: [_vm.carbonPrefix + "--combo-box " + _vm.carbonPrefix + "--list-box", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$1[_vm.carbonPrefix + "--combo-box--expanded"] = _vm.open, _obj$1[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$1[_vm.carbonPrefix + "--combo-box--disabled " + _vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$1)],
+    class: [_vm.carbonPrefix + "--combo-box " + _vm.carbonPrefix + "--list-box", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$2[_vm.carbonPrefix + "--combo-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--combo-box--disabled " + _vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$2)],
     attrs: {
       "role": "listbox",
       "tabindex": "-1",
@@ -22116,7 +22102,9 @@ var __vue_render__$d = function () {
       "click": _vm.onClick
     }
   }, 'div', _vm.$attrs, false), [_vm.isInvalid ? _c('WarningFilled16', {
-    class: [_vm.carbonPrefix + "--list-box__invalid-icon"]
+    class: [_vm.carbonPrefix + "--list-box__invalid-icon invalid-icon"]
+  }) : _vm._e(), _vm._v(" "), _vm.isWarn && !_vm.isInvalid ? _c('WarningAltFilled16', {
+    class: _vm.carbonPrefix + "--text-input__invalid-icon " + _vm.carbonPrefix + "--text-input__invalid-icon--warning warn-icon"
   }) : _vm._e(), _vm._v(" "), _c('div', {
     ref: "button",
     class: [_vm.carbonPrefix + "--list-box__field"],
@@ -22139,7 +22127,7 @@ var __vue_render__$d = function () {
       expression: "filter"
     }],
     ref: "input",
-    class: [_vm.carbonPrefix + "--text-input", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$2)],
+    class: [_vm.carbonPrefix + "--text-input", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$3)],
     attrs: {
       "aria-controls": _vm.uid,
       "aria-autocomplete": "list",
@@ -22207,7 +22195,7 @@ var __vue_render__$d = function () {
       }
     }
   }, [_c('Close16')], 1) : _vm._e(), _vm._v(" "), _c('div', {
-    class: [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$3)],
+    class: [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$4)],
     attrs: {
       "role": "button"
     }
@@ -22256,8 +22244,12 @@ var __vue_render__$d = function () {
     class: [_vm.carbonPrefix + "--form-requirement"]
   }, [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
-  })], 2) : _vm._e(), _vm._v(" "), !_vm.isInvalid && _vm.isHelper ? _c('div', {
-    class: [_vm.carbonPrefix + "--form__helper-text", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$4)]
+  })], 2) : _vm._e(), _vm._v(" "), _vm.isWarn && !_vm.isInvalid ? _c('div', {
+    class: _vm.carbonPrefix + "--form__requirement warn-text"
+  }, [_vm._t("warn-text", function () {
+    return [_vm._v(_vm._s(_vm.warnText))];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.isHelper && !_vm.isInvalid && !_vm.isWarn ? _c('div', {
+    class: [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$5)]
   }, [_vm._t("helper-text", function () {
     return [_vm._v(_vm._s(_vm.helperText))];
   })], 2) : _vm._e()]);
@@ -22268,11 +22260,11 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-654085ae_0", {
-    source: ".margin-bottom-on-open[data-v-654085ae]{margin-bottom:14rem}.label-with-tooltip[data-v-654085ae]{display:flex;align-items:baseline}",
+  inject("data-v-37093ee6_0", {
+    source: ".margin-bottom-on-open[data-v-37093ee6]{margin-bottom:14rem}.label-with-tooltip[data-v-37093ee6]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-37093ee6]{margin-top:.25rem}.invalid-icon[data-v-37093ee6],.warn-icon[data-v-37093ee6]{right:3rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-654085ae_1", {
+  }), inject("data-v-37093ee6_1", {
     source: ".ns-combo-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -22281,7 +22273,7 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-654085ae";
+const __vue_scope_id__$e = "data-v-37093ee6";
 /* module identifier */
 
 const __vue_module_identifier__$e = undefined;
@@ -22374,11 +22366,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 +22374,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 +22382,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 +22395,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;