@nethserver/ns8-ui-lib 0.1.11 → 0.1.12

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

@@ -20772,6 +20772,10 @@ var script$5 = {
       type: Boolean,
       default: false
     },
+    showItemDescription: {
+      type: Boolean,
+      default: false
+    },
     // use cv-tag color
     selectedItemsColor: {
       type: String,
@@ -21151,6 +21155,20 @@ var script$5 = {
 
     inputFocus() {
       this.doOpen(true);
+    },
+
+    getItemLabel(item) {
+      let label = item.label;
+
+      if (this.showItemType && item.type) {
+        label += ` [${item.type}]`;
+      }
+
+      if (this.showItemDescription && item.description) {
+        label += ` ${item.description}`;
+      }
+
+      return label;
     }
 
   }
@@ -21389,7 +21407,7 @@ var __vue_render__$c = function () {
         "value": item.value,
         "name": item.name,
         "data-test": item.name,
-        "label": _vm.showItemType && item.type ? item.label + ' - ' + item.type : item.label
+        "label": _vm.getItemLabel(item)
       },
       model: {
         value: _vm.dataValue,
@@ -21435,11 +21453,11 @@ var __vue_staticRenderFns__$c = [];
 
 const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
-  inject("data-v-6bbe779f_0", {
-    source: ".bx--multi-select--filterable .bx--tag.selected-item[data-v-6bbe779f]{margin-left:0;margin-bottom:.25rem}.margin-bottom-on-open[data-v-6bbe779f]{margin-bottom:14rem}.label-with-tooltip[data-v-6bbe779f]{display:flex;align-items:baseline}",
+  inject("data-v-aa321368_0", {
+    source: ".bx--multi-select--filterable .bx--tag.selected-item[data-v-aa321368]{margin-left:0;margin-bottom:.25rem}.margin-bottom-on-open[data-v-aa321368]{margin-bottom:14rem}.label-with-tooltip[data-v-aa321368]{display:flex;align-items:baseline}",
     map: undefined,
     media: undefined
-  }), inject("data-v-6bbe779f_1", {
+  }), inject("data-v-aa321368_1", {
     source: ".selected-item button.bx--tag__close-icon{position:relative;right:1px}.ns-multi-select .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -21448,7 +21466,7 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-6bbe779f";
+const __vue_scope_id__$d = "data-v-aa321368";
 /* module identifier */
 
 const __vue_module_identifier__$d = undefined;
@@ -21533,6 +21551,10 @@ var script$4 = {
       type: Boolean,
       default: false
     },
+    showItemDescription: {
+      type: Boolean,
+      default: false
+    },
     marginBottomOnOpen: {
       type: Boolean,
       default: false
@@ -21879,6 +21901,20 @@ var script$4 = {
     inputFocus() {
       if (this.disabled) return;
       this.doOpen(true);
+    },
+
+    getItemLabel(item) {
+      let label = item.label;
+
+      if (this.showItemType && item.type) {
+        label += ` [${item.type}]`;
+      }
+
+      if (this.showItemDescription && item.description) {
+        label += ` ${item.description}`;
+      }
+
+      return label;
     }
 
   }
@@ -22094,7 +22130,7 @@ var __vue_render__$b = function () {
       }
     }, [_c('div', {
       class: [_vm.carbonPrefix + "--list-box__menu-item__option"]
-    }, [_vm._v("\n          " + _vm._s(_vm.showItemType && item.type ? item.label + " - " + item.type : item.label) + "\n        ")])]);
+    }, [_vm._v("\n          " + _vm._s(_vm.getItemLabel(item)) + "\n        ")])]);
   }), 0)], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
     class: [_vm.carbonPrefix + "--form-requirement"]
   }, [_vm._t("invalid-message", function () {
@@ -22111,11 +22147,11 @@ var __vue_staticRenderFns__$b = [];
 
 const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
-  inject("data-v-05ab085e_0", {
-    source: ".margin-bottom-on-open[data-v-05ab085e]{margin-bottom:14rem}.label-with-tooltip[data-v-05ab085e]{display:flex;align-items:baseline}",
+  inject("data-v-fc861686_0", {
+    source: ".margin-bottom-on-open[data-v-fc861686]{margin-bottom:14rem}.label-with-tooltip[data-v-fc861686]{display:flex;align-items:baseline}",
     map: undefined,
     media: undefined
-  }), inject("data-v-05ab085e_1", {
+  }), inject("data-v-fc861686_1", {
     source: ".ns-combo-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -22124,7 +22160,7 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-05ab085e";
+const __vue_scope_id__$c = "data-v-fc861686";
 /* module identifier */
 
 const __vue_module_identifier__$c = undefined;