@nethserver/ns8-ui-lib 0.1.28 → 0.1.29

package/package.json

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

package/src/lib-components/NsMultiSelect.vue

@@ -326,7 +326,6 @@ export default {
   data() {
     return {
       open: false,
-      // dataOptions: null, ////
       // includes user input items
       internalOptions: [],
       dataValue: "",
@@ -356,10 +355,6 @@ export default {
     },
     options() {
       this.internalOptions = _cloneDeep(this.options);
-      // this.updateOptions(); ////
-    },
-    selectionFeedback() {
-      // this.updateOptions(); ////
     },
     open() {
       if (this.marginBottomOnOpen) {
@@ -376,17 +371,12 @@ export default {
     },
   },
   created() {
-    console.log("ns-multi-select created"); ////
-
     this.internalOptions = _cloneDeep(this.options);
-    // this.updateOptions(); ////
     this.dataValue = this.value.filter((item) =>
       this.internalOptions.some((opt) => opt.value === item.trim())
     );
   },
   mounted() {
-    console.log("ns-multi-select mounted"); ////
-
     this.highlighted = this.value ? this.value : this.highlight; // override highlight with value if provided
     this.checkSlots();
   },
@@ -442,7 +432,6 @@ export default {
       return !!this.$slots.tooltip;
     },
     filteredOptions() {
-      //// use this.dataFilter?
       if (!this.filter) {
         return this.limitedDataOptions;
       }
@@ -494,7 +483,6 @@ export default {
       this.filter = "";
       this.$refs.input.focus();
       this.doOpen(true);
-      // this.updateOptions(); ////
     },
     checkHighlightPosition(newHiglight) {
       if (
@@ -543,55 +531,6 @@ export default {
         // 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() {
       let firstMatchIndex;
       if (this.autoHighlight && this.internalOptions.length > 0) {
@@ -609,18 +548,9 @@ export default {
     },
     onInput() {
       this.doOpen(true);
-
-      // this.updateOptions(); ////
       this.updateHighlight();
     },
     doOpen(newVal) {
-      // if ( ////
-      //   newVal &&
-      //   !this.open &&
-      //   this.selectionFeedback === selectionFeedbackOptions[TOP_AFTER_REOPEN]
-      // ) {
-      //   this.updateOptions();
-      // }
       this.open = newVal;
     },
     onDown() {
@@ -651,11 +581,6 @@ export default {
         this.onItemClick(this.highlighted);
         this.$refs.input.focus();
         this.filter = "";
-
-        this.doOpen(false);
-        // this.updateOptions(); ////
-      } else {
-        this.doOpen(true);
       }
     },
     onClick(ev) {
@@ -718,9 +643,6 @@ export default {
         }
       }
 
-      // if (this.selectionFeedback === selectionFeedbackOptions[TOP]) {
-      //   this.updateOptions(); ////
-      // }
       this.$refs.button.focus();
       this.$emit("change", this.dataValue);
     },