@web-utils/component 2.7.29 → 2.7.31

package/dist/components/vue-tags-input/index.js

@@ -1,6 +1,8 @@
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "tags-input-root"
   }, [_c("div", {
@@ -11,16 +13,17 @@ var render = function() {
       staticClass: "el-tag el-tag--medium el-tag--light"
     }, [_c("span", {
       domProps: {
-        innerHTML: _vm._s(tag.value)
+        "innerHTML": _vm._s(tag.value)
       }
     }), _c("i", {
       staticClass: "tags-input-remove ov",
       attrs: {
-        href: "#"
+        "href": "#"
       },
       on: {
-        click: function($event) {
-          return $event.preventDefault(), _vm.removeTag(index);
+        "click": function($event) {
+          $event.preventDefault();
+          return _vm.removeTag(index);
         }
       }
     })]);
@@ -33,35 +36,48 @@ var render = function() {
     }],
     ref: "taginput",
     staticStyle: {
-      height: "28px",
+      "height": "28px",
       "margin-top": "5px",
       "line-height": "28px"
     },
     attrs: {
-      type: "text",
-      placeholder: _vm.placeholder
+      "type": "text",
+      "placeholder": _vm.placeholder
     },
     domProps: {
-      value: _vm.input
+      "value": _vm.input
     },
     on: {
-      keydown: [function($event) {
-        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter") ? null : ($event.preventDefault(), _vm.tagFromInput(!1));
+      "keydown": [function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
+          return null;
+        $event.preventDefault();
+        return _vm.tagFromInput(false);
       }, function($event) {
-        return !$event.type.indexOf("key") && $event.keyCode !== 8 ? null : _vm.removeLastTag.apply(null, arguments);
+        if (!$event.type.indexOf("key") && $event.keyCode !== 8)
+          return null;
+        return _vm.removeLastTag.apply(null, arguments);
       }, function($event) {
-        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"]) ? null : _vm.nextSearchResult.apply(null, arguments);
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"]))
+          return null;
+        return _vm.nextSearchResult.apply(null, arguments);
       }, function($event) {
-        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"]) ? null : _vm.prevSearchResult.apply(null, arguments);
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"]))
+          return null;
+        return _vm.prevSearchResult.apply(null, arguments);
       }, _vm.onKeyDown],
-      keyup: [_vm.onKeyUp, function($event) {
-        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"]) ? null : _vm.clearSearchResults.apply(null, arguments);
+      "keyup": [_vm.onKeyUp, function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"]))
+          return null;
+        return _vm.clearSearchResults.apply(null, arguments);
       }],
-      focus: _vm.onFocus,
-      blur: _vm.onBlur,
-      value: _vm.tags,
-      input: function($event) {
-        $event.target.composing || (_vm.input = $event.target.value);
+      "focus": _vm.onFocus,
+      "blur": _vm.onBlur,
+      "value": _vm.tags,
+      "input": function($event) {
+        if ($event.target.composing)
+          return;
+        _vm.input = $event.target.value;
       }
     }
   }), _vm.elementId ? _c("input", {
@@ -72,16 +88,18 @@ var render = function() {
       expression: "hiddenInput"
     }],
     attrs: {
-      id: _vm.elementId,
-      type: "hidden",
-      name: _vm.elementId
+      "id": _vm.elementId,
+      "type": "hidden",
+      "name": _vm.elementId
     },
     domProps: {
-      value: _vm.hiddenInput
+      "value": _vm.hiddenInput
     },
     on: {
-      input: function($event) {
-        $event.target.composing || (_vm.hiddenInput = $event.target.value);
+      "input": function($event) {
+        if ($event.target.composing)
+          return;
+        _vm.hiddenInput = $event.target.value;
       }
     }
   }) : _vm._e()], 2), _c("div", {
@@ -93,17 +111,18 @@ var render = function() {
     }]
   }, [_vm.typeaheadStyle === "badges" ? _c("p", {
     class: `typeahead-${_vm.typeaheadStyle}`
-  }, [_vm.typeaheadHideDiscard ? _vm._e() : _c("span", {
+  }, [!_vm.typeaheadHideDiscard ? _c("span", {
     staticClass: "tags-input-badge typeahead-hide-btn tags-input-typeahead-item-default",
     domProps: {
-      textContent: _vm._s(_vm.discardSearchText)
+      "textContent": _vm._s(_vm.discardSearchText)
     },
     on: {
-      click: function($event) {
-        return $event.preventDefault(), _vm.clearSearchResults.apply(null, arguments);
+      "click": function($event) {
+        $event.preventDefault();
+        return _vm.clearSearchResults.apply(null, arguments);
       }
     }
-  }), _vm._l(_vm.searchResults, function(tag, index) {
+  }) : _vm._e(), _vm._l(_vm.searchResults, function(tag, index) {
     return _c("span", {
       key: index,
       staticClass: "tags-input-badge",
@@ -112,30 +131,32 @@ var render = function() {
         "tags-input-typeahead-item-highlighted-default": index == _vm.searchSelection
       },
       domProps: {
-        innerHTML: _vm._s(tag.value)
+        "innerHTML": _vm._s(tag.value)
       },
       on: {
-        mouseover: function($event) {
+        "mouseover": function($event) {
           _vm.searchSelection = index;
         },
-        mousedown: function($event) {
-          return $event.preventDefault(), _vm.tagFromSearchOnClick(tag);
+        "mousedown": function($event) {
+          $event.preventDefault();
+          return _vm.tagFromSearchOnClick(tag);
         }
       }
     });
   })], 2) : _vm.typeaheadStyle === "dropdown" ? _c("ul", {
     class: `typeahead-${_vm.typeaheadStyle}`
-  }, [_vm.typeaheadHideDiscard ? _vm._e() : _c("li", {
+  }, [!_vm.typeaheadHideDiscard ? _c("li", {
     staticClass: "tags-input-typeahead-item-default typeahead-hide-btn",
     domProps: {
-      textContent: _vm._s(_vm.discardSearchText)
+      "textContent": _vm._s(_vm.discardSearchText)
     },
     on: {
-      mousedown: function($event) {
-        return $event.preventDefault(), _vm.clearSearchResults.apply(null, arguments);
+      "mousedown": function($event) {
+        $event.preventDefault();
+        return _vm.clearSearchResults.apply(null, arguments);
       }
     }
-  }), _vm._l(_vm.searchResults, function(tag, index) {
+  }) : _vm._e(), _vm._l(_vm.searchResults, function(tag, index) {
     return _c("li", {
       key: index,
       class: {
@@ -143,19 +164,22 @@ var render = function() {
         "tags-input-typeahead-item-highlighted-default": index == _vm.searchSelection
       },
       domProps: {
-        innerHTML: _vm._s(tag.value)
+        "innerHTML": _vm._s(tag.value)
       },
       on: {
-        mouseover: function($event) {
+        "mouseover": function($event) {
           _vm.searchSelection = index;
         },
-        mousedown: function($event) {
-          return $event.preventDefault(), _vm.tagFromSearchOnClick(tag);
+        "mousedown": function($event) {
+          $event.preventDefault();
+          return _vm.tagFromSearchOnClick(tag);
         }
       }
     });
   })], 2) : _vm._e()])]);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const VueTagsInput_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "VueTagsInput",
   props: {
@@ -164,15 +188,19 @@ const __vue2_script = {
     },
     existingTags: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     },
     value: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     },
     typeahead: {
       type: Boolean,
-      default: !1
+      default: false
     },
     typeaheadStyle: {
       type: String,
@@ -188,11 +216,11 @@ const __vue2_script = {
     },
     typeaheadAlwaysShow: {
       type: Boolean,
-      default: !1
+      default: false
     },
     typeaheadHideDiscard: {
       type: Boolean,
-      default: !1
+      default: false
     },
     placeholder: {
       type: String,
@@ -208,31 +236,31 @@ const __vue2_script = {
     },
     onlyExistingTags: {
       type: Boolean,
-      default: !1
+      default: false
     },
     deleteOnBackspace: {
       type: Boolean,
-      default: !0
+      default: true
     },
     allowDuplicates: {
       type: Boolean,
-      default: !1
+      default: false
     },
     validate: {
       type: Function,
-      default: () => !0
+      default: () => true
     },
     addTagsOnComma: {
       type: Boolean,
-      default: !1
+      default: false
     },
     addTagsOnSpace: {
       type: Boolean,
-      default: !1
+      default: false
     },
     addTagsOnBlur: {
       type: Boolean,
-      default: !1
+      default: false
     },
     wrapperClass: {
       type: String,
@@ -240,19 +268,19 @@ const __vue2_script = {
     },
     sortSearchResults: {
       type: Boolean,
-      default: !0
+      default: true
     },
     caseSensitiveTags: {
       type: Boolean,
-      default: !1
+      default: false
     },
     beforeAddingTag: {
       type: Function,
-      default: () => !0
+      default: () => true
     },
     beforeRemovingTag: {
       type: Function,
-      default: () => !0
+      default: () => true
     }
   },
   data() {
@@ -267,20 +295,46 @@ const __vue2_script = {
   },
   watch: {
     input(newVal, oldVal) {
-      this.$emit("input-changed", newVal), this.searchTag(!1), newVal.length && newVal !== oldVal && (this.addTagsOnSpace && newVal.endsWith(" ") && (this.input = newVal.trim(), this.tagFromInput(!0)), this.addTagsOnComma && (newVal = newVal.trim(), newVal.endsWith(",") && (this.input = newVal.substring(0, newVal.length - 1), this.tagFromInput(!0))), this.$emit("change", newVal));
+      this.$emit("input-changed", newVal);
+      this.searchTag(false);
+      if (newVal.length && newVal !== oldVal) {
+        if (this.addTagsOnSpace) {
+          if (newVal.endsWith(" ")) {
+            this.input = newVal.trim();
+            this.tagFromInput(true);
+          }
+        }
+        if (this.addTagsOnComma) {
+          newVal = newVal.trim();
+          if (newVal.endsWith(",")) {
+            this.input = newVal.substring(0, newVal.length - 1);
+            this.tagFromInput(true);
+          }
+        }
+        this.$emit("change", newVal);
+      }
     },
     tags() {
-      this.hiddenInput = JSON.stringify(this.tags), this.$emit("input", this.tags);
+      this.hiddenInput = JSON.stringify(this.tags);
+      this.$emit("input", this.tags);
     },
     value() {
       this.tagsFromValue();
     },
     typeaheadAlwaysShow(newValue) {
-      newValue ? this.searchTag(!1) : this.clearSearchResults();
+      if (newValue) {
+        this.searchTag(false);
+      } else {
+        this.clearSearchResults();
+      }
     }
   },
   created() {
-    this.tagsFromValue(), this.typeaheadAlwaysShow && this.searchTag(!1), this.$emit("initialized");
+    this.tagsFromValue();
+    if (this.typeaheadAlwaysShow) {
+      this.searchTag(false);
+    }
+    this.$emit("initialized");
   },
   methods: {
     /**
@@ -299,10 +353,11 @@ const __vue2_script = {
      * @param ignoreSearchResults
      * @returns void
      */
-    tagFromInput(ignoreSearchResults = !1) {
-      if (this.searchResults.length && this.searchSelection >= 0 && !ignoreSearchResults)
-        this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
-      else {
+    tagFromInput(ignoreSearchResults = false) {
+      if (this.searchResults.length && this.searchSelection >= 0 && !ignoreSearchResults) {
+        this.tagFromSearch(this.searchResults[this.searchSelection]);
+        this.input = "";
+      } else {
         const text = this.input.trim();
         if (!this.onlyExistingTags && text.length && this.validate(text)) {
           this.input = "";
@@ -329,7 +384,8 @@ const __vue2_script = {
      * @returns void
      */
     tagFromSearchOnClick(tag) {
-      this.tagFromSearch(tag), this.$refs.taginput.blur();
+      this.tagFromSearch(tag);
+      this.$refs.taginput.blur();
     },
     /**
      * Add the selected tag from the search results.
@@ -340,8 +396,11 @@ const __vue2_script = {
      * @return void
      */
     tagFromSearch(tag) {
-      this.clearSearchResults(), this.addTag(tag), this.$nextTick(() => {
-        this.input = "", this.oldInput = "";
+      this.clearSearchResults();
+      this.addTag(tag);
+      this.$nextTick(() => {
+        this.input = "";
+        this.oldInput = "";
       });
     },
     /**
@@ -351,13 +410,20 @@ const __vue2_script = {
      * @returns void | Boolean
      */
     addTag(tag) {
-      if (!this.beforeAddingTag(tag))
-        return !1;
-      if (this.limit > 0 && this.tags.length >= this.limit)
-        return this.$emit("limit-reached"), !1;
-      this.tagSelected(tag) || (this.tags.push(tag), this.$nextTick(() => {
-        this.$emit("tag-added", tag), this.$emit("tags-updated");
-      }));
+      if (!this.beforeAddingTag(tag)) {
+        return false;
+      }
+      if (this.limit > 0 && this.tags.length >= this.limit) {
+        this.$emit("limit-reached");
+        return false;
+      }
+      if (!this.tagSelected(tag)) {
+        this.tags.push(tag);
+        this.$nextTick(() => {
+          this.$emit("tag-added", tag);
+          this.$emit("tags-updated");
+        });
+      }
     },
     /**
      * Remove the last tag in the tags array.
@@ -365,7 +431,9 @@ const __vue2_script = {
      * @returns void
      */
     removeLastTag() {
-      !this.input.length && this.deleteOnBackspace && this.tags.length && this.removeTag(this.tags.length - 1);
+      if (!this.input.length && this.deleteOnBackspace && this.tags.length) {
+        this.removeTag(this.tags.length - 1);
+      }
     },
     /**
      * Remove the selected tag at the specified index.
@@ -375,10 +443,16 @@ const __vue2_script = {
      */
     removeTag(index) {
       const tag = this.tags[index];
-      if (!this.beforeRemovingTag(tag))
-        return !1;
-      this.tags.splice(index, 1), this.$nextTick(() => {
-        this.$emit("tag-removed", tag), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
+      if (!this.beforeRemovingTag(tag)) {
+        return false;
+      }
+      this.tags.splice(index, 1);
+      this.$nextTick(() => {
+        this.$emit("tag-removed", tag);
+        this.$emit("tags-updated");
+        if (this.typeaheadAlwaysShow) {
+          this.searchTag();
+        }
       });
     },
     /**
@@ -387,16 +461,33 @@ const __vue2_script = {
      * @returns void | Boolean
      */
     searchTag() {
-      if (this.typeahead !== !0)
-        return !1;
+      if (this.typeahead !== true) {
+        return false;
+      }
       if (this.oldInput !== this.input || !this.searchResults.length && this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
-        this.searchResults = [], this.searchSelection = 0;
+        this.searchResults = [];
+        this.searchSelection = 0;
         const input = this.input.trim();
         if (input.length && input.length >= this.typeaheadActivationThreshold || this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
           const searchQuery = this.escapeRegExp(this.caseSensitiveTags ? input : input.toLowerCase());
-          for (const tag of this.existingTags)
-            (this.caseSensitiveTags ? tag.value : tag.value.toLowerCase()).search(searchQuery) > -1 && !this.tagSelected(tag) && this.searchResults.push(tag);
-          this.sortSearchResults && this.searchResults.sort((a, b) => a.value < b.value ? -1 : a.value > b.value ? 1 : 0), this.typeaheadMaxResults > 0 && (this.searchResults = this.searchResults.slice(0, this.typeaheadMaxResults));
+          for (const tag of this.existingTags) {
+            const compareable = this.caseSensitiveTags ? tag.value : tag.value.toLowerCase();
+            if (compareable.search(searchQuery) > -1 && !this.tagSelected(tag)) {
+              this.searchResults.push(tag);
+            }
+          }
+          if (this.sortSearchResults) {
+            this.searchResults.sort((a, b) => {
+              if (a.value < b.value)
+                return -1;
+              if (a.value > b.value)
+                return 1;
+              return 0;
+            });
+          }
+          if (this.typeaheadMaxResults > 0) {
+            this.searchResults = this.searchResults.slice(0, this.typeaheadMaxResults);
+          }
         }
         this.oldInput = this.input;
       }
@@ -407,9 +498,11 @@ const __vue2_script = {
      * @returns void
      */
     hideTypeahead() {
-      this.input.length || this.$nextTick(() => {
-        this.clearSearchResults();
-      });
+      if (!this.input.length) {
+        this.$nextTick(() => {
+          this.clearSearchResults();
+        });
+      }
     },
     /**
      * Select the next search result in typeahead.
@@ -417,7 +510,9 @@ const __vue2_script = {
      * @returns void
      */
     nextSearchResult() {
-      this.searchSelection + 1 <= this.searchResults.length - 1 && this.searchSelection++;
+      if (this.searchSelection + 1 <= this.searchResults.length - 1) {
+        this.searchSelection++;
+      }
     },
     /**
      * Select the previous search result in typeahead.
@@ -425,7 +520,9 @@ const __vue2_script = {
      * @returns void
      */
     prevSearchResult() {
-      this.searchSelection > 0 && this.searchSelection--;
+      if (this.searchSelection > 0) {
+        this.searchSelection--;
+      }
     },
     /**
      * Clear/Empty the search results.
@@ -433,9 +530,13 @@ const __vue2_script = {
      * @reutrns void
      */
     clearSearchResults() {
-      this.searchResults = [], this.searchSelection = 0, this.typeaheadAlwaysShow && this.$nextTick(() => {
-        this.searchTag();
-      });
+      this.searchResults = [];
+      this.searchSelection = 0;
+      if (this.typeaheadAlwaysShow) {
+        this.$nextTick(() => {
+          this.searchTag();
+        });
+      }
     },
     /**
      * Clear the list of selected tags.
@@ -457,14 +558,17 @@ const __vue2_script = {
           return;
         }
         const tags = this.value;
-        if (this.tags === tags)
+        if (this.tags === tags) {
           return;
+        }
         this.clearTags();
-        for (const tag of tags)
+        for (const tag of tags) {
           this.addTag(tag);
+        }
       } else {
-        if (this.tags.length === 0)
+        if (this.tags.length === 0) {
           return;
+        }
         this.clearTags();
       }
     },
@@ -475,15 +579,20 @@ const __vue2_script = {
      * @returns Boolean
      */
     tagSelected(tag) {
-      if (this.allowDuplicates || !tag)
-        return !1;
+      if (this.allowDuplicates) {
+        return false;
+      }
+      if (!tag) {
+        return false;
+      }
       const searchQuery = this.escapeRegExp(this.caseSensitiveTags ? tag.value : tag.value.toLowerCase());
       for (const selectedTag of this.tags) {
         const compareable = this.caseSensitiveTags ? selectedTag.value : selectedTag.value.toLowerCase();
-        if (selectedTag.key === tag.key && compareable.search(searchQuery) > -1)
-          return !0;
+        if (selectedTag.key === tag.key && compareable.search(searchQuery) > -1) {
+          return true;
+        }
       }
-      return !1;
+      return false;
     },
     /**
      * Clear the input.
@@ -518,7 +627,8 @@ const __vue2_script = {
      * @returns void
      */
     onFocus(e) {
-      this.$emit("focus", e), this.searchTag();
+      this.$emit("focus", e);
+      this.searchTag();
     },
     /**
      * Process the onblur event.
@@ -527,23 +637,33 @@ const __vue2_script = {
      * @returns void
      */
     onBlur(e) {
-      this.$emit("blur", e), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
+      this.$emit("blur", e);
+      if (this.addTagsOnBlur) {
+        this.tagFromInput(true);
+      }
+      if (!this.typeaheadAlwaysShow) {
+        this.hideTypeahead();
+      } else {
+        this.searchTag();
+      }
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const VueTagsInput = /* @__PURE__ */ function() {
   return __component__.exports;