@nethserver/ns8-ui-lib 0.1.21 → 0.1.22

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

@@ -3,6 +3,7 @@ import LottieAnimation from 'lottie-web-vue';
 import Copy20 from '@carbon/icons-vue/es/copy/20';
 import ChevronDown20 from '@carbon/icons-vue/es/chevron--down/20';
 import { carbonPrefixMixin, themeMixin, uidMixin, methodsMixin } from '@carbon/vue/src/mixins';
+import Information16 from '@carbon/icons-vue/es/information/16';
 import CheckmarkFilled20 from '@carbon/icons-vue/es/checkmark--filled/20';
 import ErrorFilled20 from '@carbon/icons-vue/es/error--filled/20';
 import Warning20 from '@carbon/icons-vue/es/warning--filled/20';
@@ -31,7 +32,6 @@ import Settings32 from '@carbon/icons-vue/es/settings/32';
 import ChevronUp20 from '@carbon/icons-vue/es/chevron--up/20';
 import ChevronLeft20 from '@carbon/icons-vue/es/chevron--left/20';
 import ChevronRight20 from '@carbon/icons-vue/es/chevron--right/20';
-import Information16 from '@carbon/icons-vue/es/information/16';
 import Information20 from '@carbon/icons-vue/es/information/20';
 import InformationFilled16 from '@carbon/icons-vue/es/information--filled/16';
 import Application20 from '@carbon/icons-vue/es/application/20';
@@ -6481,7 +6481,8 @@ var script$q = {
   name: "NsInfoCard",
   components: {
     NsSvg,
-    NsInlineNotification
+    NsInlineNotification,
+    Information16
   },
   props: {
     title: {
@@ -6496,6 +6497,18 @@ var script$q = {
       type: String,
       required: false
     },
+    titleTooltipAlignment: {
+      type: String,
+      required: false,
+      default: "center",
+      validator: val => ["start", "center", "end"].includes(val)
+    },
+    titleTooltipDirection: {
+      type: String,
+      required: false,
+      default: "bottom",
+      validator: val => ["top", "right", "bottom", "left"].includes(val)
+    },
     icon: {
       type: [String, Object],
       default: undefined,
@@ -6565,21 +6578,28 @@ var __vue_render__$w = function () {
     staticClass: "skeleton",
     attrs: {
       "paragraph": true,
-      "line-count": 3
+      "line-count": 3,
+      "heading": ""
     }
   })], 1) : [_vm.title ? _c('div', {
     staticClass: "row"
-  }, [_vm.titleTooltip ? _c('cv-tooltip', {
-    attrs: {
-      "alignment": "center",
-      "direction": "bottom",
-      "tip": _vm.titleTooltip
-    }
   }, [_c('h3', {
     staticClass: "title"
-  }, [_vm._v("\n          " + _vm._s(_vm.title) + "\n        ")])]) : _c('h3', {
-    staticClass: "title"
-  }, [_vm._v(_vm._s(_vm.title))])], 1) : _vm._e(), _vm._v(" "), _vm.description ? _c('div', {
+  }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _vm.titleTooltip ? _c('cv-interactive-tooltip', {
+    staticClass: "info title-tooltip",
+    attrs: {
+      "alignment": _vm.titleTooltipAlignment,
+      "direction": _vm.titleTooltipDirection
+    }
+  }, [_c('template', {
+    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', {
     staticClass: "row"
   }, [_c('div', {
     staticClass: "description"
@@ -6593,8 +6613,8 @@ var __vue_staticRenderFns__$w = [];
 
 const __vue_inject_styles__$y = function (inject) {
   if (!inject) return;
-  inject("data-v-89198d7e_0", {
-    source: ".info-card[data-v-89198d7e]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-89198d7e]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-89198d7e]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-89198d7e]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-89198d7e]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-89198d7e]{margin-top:.5rem}",
+  inject("data-v-d47f7616_0", {
+    source: ".info-card[data-v-d47f7616]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-d47f7616]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-d47f7616]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-d47f7616]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-tooltip[data-v-d47f7616]{position:relative;top:-2px}.description[data-v-d47f7616]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-d47f7616]{margin-top:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -6602,7 +6622,7 @@ const __vue_inject_styles__$y = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$y = "data-v-89198d7e";
+const __vue_scope_id__$y = "data-v-d47f7616";
 /* module identifier */
 
 const __vue_module_identifier__$y = undefined;