@nethserver/ns8-ui-lib 0.1.27 → 0.1.29

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

@@ -19701,8 +19701,6 @@ function cloneDeep(value) {
 
 var cloneDeep_1 = cloneDeep;//
 var TOP_AFTER_REOPEN = 0;
-var TOP = 1;
-var FIXED = 2;
 var selectionFeedbackOptions = ["top-after-reopen", "top", "fixed"];
 var script$5 = {
   name: "NsMultiSelect",
@@ -19740,15 +19738,15 @@ var script$5 = {
       default: "Choose"
     },
     highlight: String,
+    // initial value of the multi-select,
+    // options in the form
+    // [{ label: '', value: '', name: ''}]
     value: {
       type: Array,
       default: function _default() {
         return [];
       }
     },
-    // initial value of the multi-select,
-    // options in the form
-    // [{ label: '', value: '', name: ''}]
     options: {
       type: Array,
       required: true,
@@ -19845,7 +19843,7 @@ var script$5 = {
   data: function data() {
     return {
       open: false,
-      dataOptions: null,
+      // dataOptions: null, ////
       // includes user input items
       internalOptions: [],
       dataValue: "",
@@ -19871,18 +19869,16 @@ var script$5 = {
         this.dataValue = this.value;
       } else {
         this.dataValue = this.value.filter(function (item) {
-          return _this.dataOptions.some(function (opt) {
+          return _this.internalOptions.some(function (opt) {
             return opt.value === item.trim();
           });
         });
       }
     },
     options: function options() {
-      this.internalOptions = cloneDeep_1(this.options);
-      this.updateOptions();
+      this.internalOptions = cloneDeep_1(this.options); // this.updateOptions(); ////
     },
-    selectionFeedback: function selectionFeedback() {
-      this.updateOptions();
+    selectionFeedback: function selectionFeedback() {// this.updateOptions(); ////
     },
     open: function open() {
       var _this2 = this;
@@ -19903,15 +19899,19 @@ var script$5 = {
   created: function created() {
     var _this3 = this;
 
-    this.internalOptions = cloneDeep_1(this.options);
-    this.updateOptions();
+    console.log("ns-multi-select created"); ////
+
+    this.internalOptions = cloneDeep_1(this.options); // this.updateOptions(); ////
+
     this.dataValue = this.value.filter(function (item) {
-      return _this3.dataOptions.some(function (opt) {
+      return _this3.internalOptions.some(function (opt) {
         return opt.value === item.trim();
       });
     });
   },
   mounted: function mounted() {
+    console.log("ns-multi-select mounted"); ////
+
     this.highlighted = this.value ? this.value : this.highlight; // override highlight with value if provided
 
     this.checkSlots();
@@ -19927,13 +19927,13 @@ var script$5 = {
       set: function set(val) {
         var _this4 = this;
 
-        var firstMatchIndex = this.dataOptions.findIndex(function (item) {
+        var firstMatchIndex = this.internalOptions.findIndex(function (item) {
           return item.value === val;
         });
 
         if (firstMatchIndex < 0) {
-          firstMatchIndex = this.dataOptions.length ? 0 : -1;
-          this.dataHighlighted = firstMatchIndex >= 0 ? this.dataOptions[0].value : "";
+          firstMatchIndex = this.internalOptions.length ? 0 : -1;
+          this.dataHighlighted = firstMatchIndex >= 0 ? this.internalOptions[0].value : "";
         } else {
           this.dataHighlighted = val;
         }
@@ -19963,7 +19963,7 @@ var script$5 = {
       } : {};
     },
     limitedDataOptions: function limitedDataOptions() {
-      return this.dataOptions.slice(0, this.maxDisplayOptions);
+      return this.internalOptions.slice(0, this.maxDisplayOptions);
     },
     selectedItems: function selectedItems() {
       var _this5 = this;
@@ -19976,6 +19976,39 @@ var script$5 = {
     },
     hasTooltipSlot: function hasTooltipSlot() {
       return !!this.$slots.tooltip;
+    },
+    filteredOptions: function filteredOptions() {
+      var _this6 = this;
+
+      //// use this.dataFilter?
+      if (!this.filter) {
+        return this.limitedDataOptions;
+      }
+
+      var results = this.internalOptions.filter(function (option) {
+        return option.label.trim().toLowerCase().includes(_this6.filter.trim().toLowerCase());
+      }); // user input
+
+      if (this.acceptUserInput && this.filter.trim()) {
+        // suggest user input if not already present among options
+        var trimmedFilter = this.filter.trim();
+        var optionFound = results.find(function (option) {
+          return option.label === trimmedFilter;
+        });
+
+        if (!optionFound) {
+          results.push({
+            name: trimmedFilter,
+            label: trimmedFilter,
+            value: trimmedFilter,
+            type: this.userInputLabel
+          });
+        }
+      } // limit results
+
+
+      results = results.slice(0, this.maxDisplayOptions);
+      return results;
     }
   },
   methods: {
@@ -19987,8 +20020,7 @@ var script$5 = {
     clearFilter: function clearFilter() {
       this.filter = "";
       this.$refs.input.focus();
-      this.doOpen(true);
-      this.updateOptions();
+      this.doOpen(true); // this.updateOptions(); ////
     },
     checkHighlightPosition: function checkHighlightPosition(newHiglight) {
       if (this.$refs.list && this.$refs.option && this.$refs.option[newHiglight]) {
@@ -20000,82 +20032,83 @@ var script$5 = {
       }
     },
     doMove: function doMove(up) {
-      var _this6 = this;
+      var _this7 = this;
 
-      if (this.dataOptions.length > 0) {
+      if (this.internalOptions.length > 0) {
         // requery could have changed
-        var currentHighlight = this.dataOptions.findIndex(function (item) {
-          return item.value === _this6.highlighted;
+        var currentHighlight = this.internalOptions.findIndex(function (item) {
+          return item.value === _this7.highlighted;
         });
         var newHiglight;
 
         if (up) {
           if (currentHighlight <= 0) {
-            newHiglight = this.dataOptions.length - 1;
+            newHiglight = this.internalOptions.length - 1;
           } else {
             newHiglight = currentHighlight - 1;
           }
         } else {
-          if (currentHighlight >= this.dataOptions.length - 1) {
+          if (currentHighlight >= this.internalOptions.length - 1) {
             newHiglight = 0;
           } else {
             newHiglight = currentHighlight + 1;
           }
         }
 
-        this.highlighted = this.dataOptions[newHiglight].value; // this.checkHighlightPosition(newHiglight);
-      }
-    },
-    updateOptions: function updateOptions() {
-      var _this7 = this;
-
-      if (this.autoFilter) {
-        var escFilter = this.filter.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-        var pat = new RegExp(escFilter, "iu");
-        this.dataOptions = this.internalOptions.filter(function (opt) {
-          return pat.test(opt.label);
-        }).slice(0);
-      } else {
-        this.dataOptions = this.internalOptions.slice(0);
-      }
-
-      if (this.highlight !== this.highlighted) {
-        this.highlighted = this.highlight;
-      } // multi select unique part
-
-
-      if (!this.sorting && this.selectionFeedback !== selectionFeedbackOptions[FIXED]) {
-        // if included in data value move to top
-        this.dataOptions.sort(function (a, b) {
-          return (_this7.dataValue.includes(a.value) ? -1 : 1) - (_this7.dataValue.includes(b.value) ? -1 : 1);
-        });
-      } // added for ns-multi-select
-
-
-      if (this.acceptUserInput && this.filter.trim()) {
-        // suggest user input
-        var trimmedFilter = this.filter.trim();
-        var itemFound = this.internalOptions.find(function (o) {
-          return o.value.trim() === trimmedFilter;
-        });
-
-        if (!itemFound) {
-          this.dataOptions.push({
-            name: trimmedFilter,
-            label: trimmedFilter,
-            value: trimmedFilter,
-            type: this.userInputLabel
-          });
-        }
+        this.highlighted = this.internalOptions[newHiglight].value; // this.checkHighlightPosition(newHiglight);
       }
     },
+    // updateOptions() { ////
+    //   console.log("ns-multi-select updateOptions"); ////
+    //   if (this.autoFilter) {
+    //     const escFilter = this.filter.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    //     const pat = new RegExp(escFilter, "iu");
+    //     this.dataOptions = this.internalOptions
+    //       .filter((opt) => pat.test(opt.label))
+    //       .slice(0);
+    //   } else {
+    //     this.dataOptions = this.internalOptions.slice(0);
+    //   }
+    //   if (this.highlight !== this.highlighted) {
+    //     this.highlighted = this.highlight;
+    //   }
+    //   // multi select unique part
+    //   if (
+    //     !this.sorting &&
+    //     this.selectionFeedback !== selectionFeedbackOptions[FIXED]
+    //   ) {
+    //     // if included in data value move to top
+    //     this.dataOptions.sort(
+    //       (a, b) =>
+    //         (this.dataValue.includes(a.value) ? -1 : 1) -
+    //         (this.dataValue.includes(b.value) ? -1 : 1)
+    //     );
+    //   }
+    //   // added for ns-multi-select
+    //   if (this.acceptUserInput && this.filter.trim()) {
+    //     //// remove block?
+    //     // suggest user input
+    //     const trimmedFilter = this.filter.trim();
+    //     const itemFound = this.internalOptions.find(
+    //       (o) => o.value.trim() === trimmedFilter
+    //     );
+    //     if (!itemFound) {
+    //       this.dataOptions.push({
+    //         name: trimmedFilter,
+    //         label: trimmedFilter,
+    //         value: trimmedFilter,
+    //         type: this.userInputLabel,
+    //       });
+    //     }
+    //   }
+    // },
     updateHighlight: function updateHighlight() {
       var firstMatchIndex;
 
-      if (this.autoHighlight && this.dataOptions.length > 0) {
+      if (this.autoHighlight && this.internalOptions.length > 0) {
         // then highlight first match
         var filterRegex = new RegExp(this.filter, "iu");
-        firstMatchIndex = this.dataOptions.findIndex(function (item) {
+        firstMatchIndex = this.internalOptions.findIndex(function (item) {
           return filterRegex.test(item.label);
         });
 
@@ -20083,19 +20116,22 @@ var script$5 = {
           firstMatchIndex = 0;
         }
 
-        this.highlighted = this.dataOptions[firstMatchIndex].value; // this.checkHighlightPosition(firstMatchIndex);
+        this.highlighted = this.internalOptions[firstMatchIndex].value; // this.checkHighlightPosition(firstMatchIndex);
       }
     },
     onInput: function onInput() {
-      this.doOpen(true);
-      this.updateOptions();
+      this.doOpen(true); // this.updateOptions(); ////
+
       this.updateHighlight();
     },
     doOpen: function doOpen(newVal) {
-      if (newVal && !this.open && this.selectionFeedback === selectionFeedbackOptions[TOP_AFTER_REOPEN]) {
-        this.updateOptions();
-      }
-
+      // if ( ////
+      //   newVal &&
+      //   !this.open &&
+      //   this.selectionFeedback === selectionFeedbackOptions[TOP_AFTER_REOPEN]
+      // ) {
+      //   this.updateOptions();
+      // }
       this.open = newVal;
     },
     onDown: function onDown() {
@@ -20126,8 +20162,7 @@ var script$5 = {
         this.onItemClick(this.highlighted);
         this.$refs.input.focus();
         this.filter = "";
-        this.doOpen(false);
-        this.updateOptions();
+        this.doOpen(false); // this.updateOptions(); ////
       } else {
         this.doOpen(true);
       }
@@ -20192,11 +20227,10 @@ var script$5 = {
             _this9.clearFilter();
           });
         }
-      }
+      } // if (this.selectionFeedback === selectionFeedbackOptions[TOP]) {
+      //   this.updateOptions(); ////
+      // }
 
-      if (this.selectionFeedback === selectionFeedbackOptions[TOP]) {
-        this.updateOptions();
-      }
 
       this.$refs.button.focus();
       this.$emit("change", this.dataValue);
@@ -20241,7 +20275,7 @@ var __vue_render__$e = function __vue_render__() {
     on: {
       "focusout": _vm.onFocusOut
     }
-  }, [_vm.title ? _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)]) + " data-v-3d8cc568>", "</label>", [_vm._ssrNode("<div class=\"label-with-tooltip\" data-v-3d8cc568>", "</div>", [_vm._ssrNode("<span data-v-3d8cc568>" + _vm._ssrEscape("\n        " + _vm._s(_vm.title) + "\n      ") + "</span> "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
+  }, [_vm.title ? _vm._ssrNode("<label" + _vm._ssrAttr("for", _vm.uid) + _vm._ssrClass(null, [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)]) + " data-v-3f4d297b>", "</label>", [_vm._ssrNode("<div class=\"label-with-tooltip\" data-v-3f4d297b>", "</div>", [_vm._ssrNode("<span data-v-3f4d297b>" + _vm._ssrEscape("\n        " + _vm._s(_vm.title) + "\n      ") + "</span> "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
     staticClass: "info",
     attrs: {
       "alignment": _vm.tooltipAlignment,
@@ -20249,9 +20283,9 @@ var __vue_render__$e = function __vue_render__() {
     }
   }, [_c('template', {
     slot: "content"
-  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)]) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"listbox\" tabindex=\"-1\"" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--multi-select " + _vm.carbonPrefix + "--list-box", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$2[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--multi-select--invalid"] = _vm.isInvalid, _obj$2[_vm.carbonPrefix + "--multi-select--disabled"] = _vm.disabled, _obj$2[_vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$2[_vm.carbonPrefix + "--multi-select--inline"] = _vm.inline, _obj$2[_vm.carbonPrefix + "--list-box--inline"] = _vm.inline, _obj$2[_vm.carbonPrefix + "--multi-select--selected"] = _vm.dataValue.length > 0, _obj$2[_vm.carbonPrefix + "--combo-box"] = _vm.filterable, _obj$2)]) + " data-v-3d8cc568>", "</div>", [_vm.isInvalid ? _c('WarningFilled16', {
+  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)]) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"listbox\" tabindex=\"-1\"" + _vm._ssrAttr("data-invalid", _vm.isInvalid) + _vm._ssrAttrs(_vm.$attrs) + _vm._ssrClass(null, [_vm.carbonPrefix + "--multi-select " + _vm.carbonPrefix + "--list-box", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$2[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--multi-select--invalid"] = _vm.isInvalid, _obj$2[_vm.carbonPrefix + "--multi-select--disabled"] = _vm.disabled, _obj$2[_vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$2[_vm.carbonPrefix + "--multi-select--inline"] = _vm.inline, _obj$2[_vm.carbonPrefix + "--list-box--inline"] = _vm.inline, _obj$2[_vm.carbonPrefix + "--multi-select--selected"] = _vm.dataValue.length > 0, _obj$2[_vm.carbonPrefix + "--combo-box"] = _vm.filterable, _obj$2)]) + " data-v-3f4d297b>", "</div>", [_vm.isInvalid ? _c('WarningFilled16', {
     class: _vm.carbonPrefix + "--list-box__invalid-icon"
-  }) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\" aria-haspopup=\"true\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + _vm._ssrAttr("aria-owns", _vm.uid) + _vm._ssrAttr("aria-controls", _vm.uid) + " tabindex=\"0\" type=\"button\"" + _vm._ssrAttr("aria-label", _vm.open ? 'close menu' : 'open menu') + " data-toggle=\"true\"" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__field") + " data-v-3d8cc568>", "</div>", [_c('NsTag', {
+  }) : _vm._e(), _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\" aria-haspopup=\"true\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + _vm._ssrAttr("aria-owns", _vm.uid) + _vm._ssrAttr("aria-controls", _vm.uid) + " tabindex=\"0\" type=\"button\"" + _vm._ssrAttr("aria-label", _vm.open ? 'close menu' : 'open menu') + " data-toggle=\"true\"" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__field") + " data-v-3f4d297b>", "</div>", [_c('NsTag', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -20271,14 +20305,14 @@ var __vue_render__$e = function __vue_render__() {
     on: {
       "remove": _vm.clearValues
     }
-  }), _vm._ssrNode(" "), !_vm.filterable ? _vm._ssrNode("<span" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__label") + " data-v-3d8cc568>", "</span>", [_vm._ssrNode(_vm._ssrEscape(_vm._s(_vm.label)))], 2) : [_vm._ssrNode("<input" + _vm._ssrAttr("aria-controls", _vm.uid) + " aria-autocomplete=\"list\" role=\"combobox\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + " autocomplete=\"off\"" + _vm._ssrAttr("placeholder", _vm.label) + _vm._ssrAttr("disabled", _vm.disabled) + _vm._ssrAttr("value", _vm.filter) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$4)]) + " data-v-3d8cc568> "), _vm.filter.length > 0 ? _vm._ssrNode("<div role=\"button\" tabindex=\"0\"" + _vm._ssrAttr("title", _vm.clearFilterLabel) + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__selection") + " data-v-3d8cc568>", "</div>", [_c('Close16')], 1) : _vm._e()], _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$5)]) + " data-v-3d8cc568>", "</div>", [_c('chevron-down-16', {
+  }), _vm._ssrNode(" "), !_vm.filterable ? _vm._ssrNode("<span" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__label") + " data-v-3f4d297b>", "</span>", [_vm._ssrNode(_vm._ssrEscape(_vm._s(_vm.label)))], 2) : [_vm._ssrNode("<input" + _vm._ssrAttr("aria-controls", _vm.uid) + " aria-autocomplete=\"list\" role=\"combobox\"" + _vm._ssrAttr("aria-expanded", _vm.open ? 'true' : 'false') + " autocomplete=\"off\"" + _vm._ssrAttr("placeholder", _vm.label) + _vm._ssrAttr("disabled", _vm.disabled) + _vm._ssrAttr("value", _vm.filter) + _vm._ssrClass(null, [_vm.carbonPrefix + "--text-input", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$4)]) + " data-v-3f4d297b> "), _vm.filter.length > 0 ? _vm._ssrNode("<div role=\"button\" tabindex=\"0\"" + _vm._ssrAttr("title", _vm.clearFilterLabel) + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__selection") + " data-v-3f4d297b>", "</div>", [_c('Close16')], 1) : _vm._e()], _vm._ssrNode(" "), _vm._ssrNode("<div role=\"button\"" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-icon", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--list-box__menu-icon--open"] = _vm.open, _obj$5)]) + " data-v-3f4d297b>", "</div>", [_c('chevron-down-16', {
     attrs: {
       "aria-label": _vm.open ? 'Close menu' : 'Open menu'
     }
-  })], 1)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrAttr("id", _vm.uid) + " role=\"listbox\"" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__menu") + " data-v-3d8cc568>", "</div>", _vm._l(_vm.limitedDataOptions, function (item, index) {
+  })], 1)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrAttr("id", _vm.uid) + " role=\"listbox\"" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__menu") + " data-v-3f4d297b>", "</div>", _vm._l(_vm.filteredOptions, function (item, index) {
     var _obj;
 
-    return _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item", (_obj = {}, _obj[_vm.carbonPrefix + "--list-box__menu-item--highlighted"] = _vm.highlighted === item.value, _obj)]) + " data-v-3d8cc568>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__menu-item__option") + " data-v-3d8cc568>", "</div>", [_c('cv-checkbox', {
+    return _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--list-box__menu-item", (_obj = {}, _obj[_vm.carbonPrefix + "--list-box__menu-item--highlighted"] = _vm.highlighted === item.value, _obj)]) + " data-v-3f4d297b>", "</div>", [_vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--list-box__menu-item__option") + " data-v-3f4d297b>", "</div>", [_c('cv-checkbox', {
       staticStyle: {
         "pointer-events": "none"
       },
@@ -20298,11 +20332,11 @@ var __vue_render__$e = function __vue_render__() {
         expression: "dataValue"
       }
     })], 1)]);
-  }), 0)], 2), _vm._ssrNode(" "), _vm.isInvalid && !_vm.inline ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form-requirement") + " data-v-3d8cc568>", "</div>", [_vm._t("invalid-message", function () {
+  }), 0)], 2), _vm._ssrNode(" "), _vm.isInvalid && !_vm.inline ? _vm._ssrNode("<div" + _vm._ssrClass(null, _vm.carbonPrefix + "--form-requirement") + " data-v-3f4d297b>", "</div>", [_vm._t("invalid-message", function () {
     return [_vm._v(_vm._s(_vm.invalidMessage))];
-  })], 2) : _vm._e(), _vm._ssrNode(" "), !_vm.inline && !_vm.isInvalid && _vm.isHelper ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$6 = {}, _obj$6[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$6)]) + " data-v-3d8cc568>", "</div>", [_vm._t("helper-text", function () {
+  })], 2) : _vm._e(), _vm._ssrNode(" "), !_vm.inline && !_vm.isInvalid && _vm.isHelper ? _vm._ssrNode("<div" + _vm._ssrClass(null, [_vm.carbonPrefix + "--form__helper-text", (_obj$6 = {}, _obj$6[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$6)]) + " data-v-3f4d297b>", "</div>", [_vm._t("helper-text", function () {
     return [_vm._v(_vm._s(_vm.helperText))];
-  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.showSelectedItems && _vm.dataValue.length ? _vm._ssrNode("<div class=\"mg-top-sm\" data-v-3d8cc568>", "</div>", _vm._l(_vm.selectedItems, function (item, index) {
+  })], 2) : _vm._e(), _vm._ssrNode(" "), _vm.showSelectedItems && _vm.dataValue.length ? _vm._ssrNode("<div class=\"mg-top-sm\" data-v-3f4d297b>", "</div>", _vm._l(_vm.selectedItems, function (item, index) {
     return _c('NsTag', {
       key: index,
       staticClass: "selected-item",
@@ -20328,11 +20362,11 @@ var __vue_staticRenderFns__$e = [];
 
 var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-3d8cc568_0", {
-    source: ".bx--multi-select--filterable .bx--tag.selected-item[data-v-3d8cc568]{margin-left:0;margin-bottom:.25rem}.margin-bottom-on-open[data-v-3d8cc568]{margin-bottom:14rem}.label-with-tooltip[data-v-3d8cc568]{display:flex;align-items:baseline}",
+  inject("data-v-3f4d297b_0", {
+    source: ".bx--multi-select--filterable .bx--tag.selected-item[data-v-3f4d297b]{margin-left:0;margin-bottom:.25rem}.margin-bottom-on-open[data-v-3f4d297b]{margin-bottom:14rem}.label-with-tooltip[data-v-3f4d297b]{display:flex;align-items:baseline}",
     map: undefined,
     media: undefined
-  }), inject("data-v-3d8cc568_1", {
+  }), inject("data-v-3f4d297b_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
@@ -20341,10 +20375,10 @@ var __vue_inject_styles__$f = function __vue_inject_styles__(inject) {
 /* scoped */
 
 
-var __vue_scope_id__$f = "data-v-3d8cc568";
+var __vue_scope_id__$f = "data-v-3f4d297b";
 /* module identifier */
 
-var __vue_module_identifier__$f = "data-v-3d8cc568";
+var __vue_module_identifier__$f = "data-v-3f4d297b";
 /* functional template */
 
 var __vue_is_functional_template__$f = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethserver/ns8-ui-lib",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "description": "Vue.js library for NethServer 8 UI",
   "keywords": [
     "nethserver",