@web-utils/component 2.0.13 → 2.0.14

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

@@ -1,186 +1,162 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
+import { n as l } from "../../chunks/5d4282fb.js";
+var h = function() {
+  var e = this, s = e.$createElement, a = e._self._c || s;
+  return a("div", {
     staticClass: "tags-input-root"
-  }, [_c("div", {
-    class: `${_vm.wrapperClass} tags-input`
-  }, [_vm._l(_vm.tags, function(tag, index) {
-    return _c("span", {
-      key: index,
+  }, [a("div", {
+    class: `${e.wrapperClass} tags-input`
+  }, [e._l(e.tags, function(t, i) {
+    return a("span", {
+      key: i,
       staticClass: "el-tag el-tag--medium el-tag--light"
-    }, [_c("span", {
+    }, [a("span", {
       domProps: {
-        "innerHTML": _vm._s(tag.value)
+        innerHTML: e._s(t.value)
       }
-    }), _c("i", {
+    }), a("i", {
       staticClass: "tags-input-remove ov",
       attrs: {
-        "href": "#"
+        href: "#"
       },
       on: {
-        "click": function($event) {
-          $event.preventDefault();
-          return _vm.removeTag(index);
+        click: function(n) {
+          return n.preventDefault(), e.removeTag(i);
         }
       }
     })]);
-  }), _c("input", {
+  }), a("input", {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: _vm.input,
+      value: e.input,
       expression: "input"
     }],
     ref: "taginput",
     staticStyle: {
-      "height": "28px",
+      height: "28px",
       "margin-top": "5px",
       "line-height": "28px"
     },
     attrs: {
-      "type": "text",
-      "placeholder": _vm.placeholder
+      type: "text",
+      placeholder: e.placeholder
     },
     domProps: {
-      "value": _vm.input
+      value: e.input
     },
     on: {
-      "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) {
-        if (!$event.type.indexOf("key") && $event.keyCode !== 8)
-          return null;
-        return _vm.removeLastTag.apply(null, arguments);
-      }, function($event) {
-        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) {
-        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) {
-        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"]))
-          return null;
-        return _vm.clearSearchResults.apply(null, arguments);
+      keydown: [function(t) {
+        return !t.type.indexOf("key") && e._k(t.keyCode, "enter", 13, t.key, "Enter") ? null : (t.preventDefault(), e.tagFromInput(!1));
+      }, function(t) {
+        return !t.type.indexOf("key") && t.keyCode !== 8 ? null : e.removeLastTag.apply(null, arguments);
+      }, function(t) {
+        return !t.type.indexOf("key") && e._k(t.keyCode, "down", 40, t.key, ["Down", "ArrowDown"]) ? null : e.nextSearchResult.apply(null, arguments);
+      }, function(t) {
+        return !t.type.indexOf("key") && e._k(t.keyCode, "up", 38, t.key, ["Up", "ArrowUp"]) ? null : e.prevSearchResult.apply(null, arguments);
+      }, e.onKeyDown],
+      keyup: [e.onKeyUp, function(t) {
+        return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) ? null : e.clearSearchResults.apply(null, arguments);
       }],
-      "focus": _vm.onFocus,
-      "blur": _vm.onBlur,
-      "value": _vm.tags,
-      "input": function($event) {
-        if ($event.target.composing)
-          return;
-        _vm.input = $event.target.value;
+      focus: e.onFocus,
+      blur: e.onBlur,
+      value: e.tags,
+      input: function(t) {
+        t.target.composing || (e.input = t.target.value);
       }
     }
-  }), _vm.elementId ? _c("input", {
+  }), e.elementId ? a("input", {
     directives: [{
       name: "model",
       rawName: "v-model",
-      value: _vm.hiddenInput,
+      value: e.hiddenInput,
       expression: "hiddenInput"
     }],
     attrs: {
-      "id": _vm.elementId,
-      "type": "hidden",
-      "name": _vm.elementId
+      id: e.elementId,
+      type: "hidden",
+      name: e.elementId
     },
     domProps: {
-      "value": _vm.hiddenInput
+      value: e.hiddenInput
     },
     on: {
-      "input": function($event) {
-        if ($event.target.composing)
-          return;
-        _vm.hiddenInput = $event.target.value;
+      input: function(t) {
+        t.target.composing || (e.hiddenInput = t.target.value);
       }
     }
-  }) : _vm._e()], 2), _c("div", {
+  }) : e._e()], 2), a("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: _vm.searchResults.length,
+      value: e.searchResults.length,
       expression: "searchResults.length"
     }]
-  }, [_vm.typeaheadStyle === "badges" ? _c("p", {
-    class: `typeahead-${_vm.typeaheadStyle}`
-  }, [!_vm.typeaheadHideDiscard ? _c("span", {
+  }, [e.typeaheadStyle === "badges" ? a("p", {
+    class: `typeahead-${e.typeaheadStyle}`
+  }, [e.typeaheadHideDiscard ? e._e() : a("span", {
     staticClass: "tags-input-badge typeahead-hide-btn tags-input-typeahead-item-default",
     domProps: {
-      "textContent": _vm._s(_vm.discardSearchText)
+      textContent: e._s(e.discardSearchText)
     },
     on: {
-      "click": function($event) {
-        $event.preventDefault();
-        return _vm.clearSearchResults.apply(null, arguments);
+      click: function(t) {
+        return t.preventDefault(), e.clearSearchResults.apply(null, arguments);
       }
     }
-  }) : _vm._e(), _vm._l(_vm.searchResults, function(tag, index) {
-    return _c("span", {
-      key: index,
+  }), e._l(e.searchResults, function(t, i) {
+    return a("span", {
+      key: i,
       staticClass: "tags-input-badge",
       class: {
-        "tags-input-typeahead-item-default": index != _vm.searchSelection,
-        "tags-input-typeahead-item-highlighted-default": index == _vm.searchSelection
+        "tags-input-typeahead-item-default": i != e.searchSelection,
+        "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
       },
       domProps: {
-        "innerHTML": _vm._s(tag.value)
+        innerHTML: e._s(t.value)
       },
       on: {
-        "mouseover": function($event) {
-          _vm.searchSelection = index;
+        mouseover: function(n) {
+          e.searchSelection = i;
         },
-        "mousedown": function($event) {
-          $event.preventDefault();
-          return _vm.tagFromSearchOnClick(tag);
+        mousedown: function(n) {
+          return n.preventDefault(), e.tagFromSearchOnClick(t);
         }
       }
     });
-  })], 2) : _vm.typeaheadStyle === "dropdown" ? _c("ul", {
-    class: `typeahead-${_vm.typeaheadStyle}`
-  }, [!_vm.typeaheadHideDiscard ? _c("li", {
+  })], 2) : e.typeaheadStyle === "dropdown" ? a("ul", {
+    class: `typeahead-${e.typeaheadStyle}`
+  }, [e.typeaheadHideDiscard ? e._e() : a("li", {
     staticClass: "tags-input-typeahead-item-default typeahead-hide-btn",
     domProps: {
-      "textContent": _vm._s(_vm.discardSearchText)
+      textContent: e._s(e.discardSearchText)
     },
     on: {
-      "mousedown": function($event) {
-        $event.preventDefault();
-        return _vm.clearSearchResults.apply(null, arguments);
+      mousedown: function(t) {
+        return t.preventDefault(), e.clearSearchResults.apply(null, arguments);
       }
     }
-  }) : _vm._e(), _vm._l(_vm.searchResults, function(tag, index) {
-    return _c("li", {
-      key: index,
+  }), e._l(e.searchResults, function(t, i) {
+    return a("li", {
+      key: i,
       class: {
-        "tags-input-typeahead-item-default": index != _vm.searchSelection,
-        "tags-input-typeahead-item-highlighted-default": index == _vm.searchSelection
+        "tags-input-typeahead-item-default": i != e.searchSelection,
+        "tags-input-typeahead-item-highlighted-default": i == e.searchSelection
       },
       domProps: {
-        "innerHTML": _vm._s(tag.value)
+        innerHTML: e._s(t.value)
       },
       on: {
-        "mouseover": function($event) {
-          _vm.searchSelection = index;
+        mouseover: function(n) {
+          e.searchSelection = i;
         },
-        "mousedown": function($event) {
-          $event.preventDefault();
-          return _vm.tagFromSearchOnClick(tag);
+        mousedown: function(n) {
+          return n.preventDefault(), e.tagFromSearchOnClick(t);
         }
       }
     });
-  })], 2) : _vm._e()])]);
-};
-var staticRenderFns = [];
-const VueTagsInput_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
+  })], 2) : e._e()])]);
+}, u = [];
+const o = {
   name: "VueTagsInput",
   props: {
     elementId: {
@@ -188,19 +164,15 @@ const __vue2_script = {
     },
     existingTags: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     value: {
       type: Array,
-      default: () => {
-        return [];
-      }
+      default: () => []
     },
     typeahead: {
       type: Boolean,
-      default: false
+      default: !1
     },
     typeaheadStyle: {
       type: String,
@@ -216,11 +188,11 @@ const __vue2_script = {
     },
     typeaheadAlwaysShow: {
       type: Boolean,
-      default: false
+      default: !1
     },
     typeaheadHideDiscard: {
       type: Boolean,
-      default: false
+      default: !1
     },
     placeholder: {
       type: String,
@@ -236,31 +208,31 @@ const __vue2_script = {
     },
     onlyExistingTags: {
       type: Boolean,
-      default: false
+      default: !1
     },
     deleteOnBackspace: {
       type: Boolean,
-      default: true
+      default: !0
     },
     allowDuplicates: {
       type: Boolean,
-      default: false
+      default: !1
     },
     validate: {
       type: Function,
-      default: () => true
+      default: () => !0
     },
     addTagsOnComma: {
       type: Boolean,
-      default: false
+      default: !1
     },
     addTagsOnSpace: {
       type: Boolean,
-      default: false
+      default: !1
     },
     addTagsOnBlur: {
       type: Boolean,
-      default: false
+      default: !1
     },
     wrapperClass: {
       type: String,
@@ -268,19 +240,19 @@ const __vue2_script = {
     },
     sortSearchResults: {
       type: Boolean,
-      default: true
+      default: !0
     },
     caseSensitiveTags: {
       type: Boolean,
-      default: false
+      default: !1
     },
     beforeAddingTag: {
       type: Function,
-      default: () => true
+      default: () => !0
     },
     beforeRemovingTag: {
       type: Function,
-      default: () => true
+      default: () => !0
     }
   },
   data() {
@@ -294,180 +266,107 @@ const __vue2_script = {
     };
   },
   watch: {
-    input(newVal, oldVal) {
-      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);
-      }
+    input(e, s) {
+      this.$emit("input-changed", e), this.searchTag(!1), e.length && e !== s && (this.addTagsOnSpace && e.endsWith(" ") && (this.input = e.trim(), this.tagFromInput(!0)), this.addTagsOnComma && (e = e.trim(), e.endsWith(",") && (this.input = e.substring(0, e.length - 1), this.tagFromInput(!0))), this.$emit("change", e));
     },
     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) {
-      if (newValue) {
-        this.searchTag(false);
-      } else {
-        this.clearSearchResults();
-      }
+    typeaheadAlwaysShow(e) {
+      e ? this.searchTag(!1) : this.clearSearchResults();
     }
   },
   created() {
-    this.tagsFromValue();
-    if (this.typeaheadAlwaysShow) {
-      this.searchTag(false);
-    }
-    this.$emit("initialized");
+    this.tagsFromValue(), this.typeaheadAlwaysShow && this.searchTag(!1), this.$emit("initialized");
   },
   methods: {
-    escapeRegExp(string) {
-      return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    },
-    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)) {
+    escapeRegExp(e) {
+      return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    },
+    tagFromInput(e = !1) {
+      if (this.searchResults.length && this.searchSelection >= 0 && !e)
+        this.tagFromSearch(this.searchResults[this.searchSelection]), this.input = "";
+      else {
+        const s = this.input.trim();
+        if (!this.onlyExistingTags && s.length && this.validate(s)) {
           this.input = "";
-          let newTag = {
+          let a = {
             key: "",
-            value: text
+            value: s
           };
-          const searchQuery = this.escapeRegExp(this.caseSensitiveTags ? newTag.value : newTag.value.toLowerCase());
-          for (const tag of this.existingTags) {
-            const compareable = this.caseSensitiveTags ? tag.value : tag.value.toLowerCase();
-            if (searchQuery === compareable) {
-              newTag = Object.assign({}, tag);
+          const t = this.escapeRegExp(this.caseSensitiveTags ? a.value : a.value.toLowerCase());
+          for (const i of this.existingTags) {
+            const n = this.caseSensitiveTags ? i.value : i.value.toLowerCase();
+            if (t === n) {
+              a = Object.assign({}, i);
               break;
             }
           }
-          this.addTag(newTag);
+          this.addTag(a);
         }
       }
     },
-    tagFromSearchOnClick(tag) {
-      this.tagFromSearch(tag);
-      this.$refs.taginput.blur();
+    tagFromSearchOnClick(e) {
+      this.tagFromSearch(e), this.$refs.taginput.blur();
     },
-    tagFromSearch(tag) {
-      this.clearSearchResults();
-      this.addTag(tag);
-      this.$nextTick(() => {
-        this.input = "";
-        this.oldInput = "";
+    tagFromSearch(e) {
+      this.clearSearchResults(), this.addTag(e), this.$nextTick(() => {
+        this.input = "", this.oldInput = "";
       });
     },
-    addTag(tag) {
-      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");
-        });
-      }
+    addTag(e) {
+      if (!this.beforeAddingTag(e))
+        return !1;
+      if (this.limit > 0 && this.tags.length >= this.limit)
+        return this.$emit("limit-reached"), !1;
+      this.tagSelected(e) || (this.tags.push(e), this.$nextTick(() => {
+        this.$emit("tag-added", e), this.$emit("tags-updated");
+      }));
     },
     removeLastTag() {
-      if (!this.input.length && this.deleteOnBackspace && this.tags.length) {
-        this.removeTag(this.tags.length - 1);
-      }
-    },
-    removeTag(index) {
-      const tag = this.tags[index];
-      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();
-        }
+      !this.input.length && this.deleteOnBackspace && this.tags.length && this.removeTag(this.tags.length - 1);
+    },
+    removeTag(e) {
+      const s = this.tags[e];
+      if (!this.beforeRemovingTag(s))
+        return !1;
+      this.tags.splice(e, 1), this.$nextTick(() => {
+        this.$emit("tag-removed", s), this.$emit("tags-updated"), this.typeaheadAlwaysShow && this.searchTag();
       });
     },
     searchTag() {
-      if (this.typeahead !== true) {
-        return false;
-      }
+      if (this.typeahead !== !0)
+        return !1;
       if (this.oldInput !== this.input || !this.searchResults.length && this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
-        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) {
-            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.searchResults = [], this.searchSelection = 0;
+        const e = this.input.trim();
+        if (e.length && e.length >= this.typeaheadActivationThreshold || this.typeaheadActivationThreshold === 0 || this.typeaheadAlwaysShow) {
+          const s = this.escapeRegExp(this.caseSensitiveTags ? e : e.toLowerCase());
+          for (const a of this.existingTags)
+            (this.caseSensitiveTags ? a.value : a.value.toLowerCase()).search(s) > -1 && !this.tagSelected(a) && this.searchResults.push(a);
+          this.sortSearchResults && this.searchResults.sort((a, t) => a.value < t.value ? -1 : a.value > t.value ? 1 : 0), this.typeaheadMaxResults > 0 && (this.searchResults = this.searchResults.slice(0, this.typeaheadMaxResults));
         }
         this.oldInput = this.input;
       }
     },
     hideTypeahead() {
-      if (!this.input.length) {
-        this.$nextTick(() => {
-          this.clearSearchResults();
-        });
-      }
+      this.input.length || this.$nextTick(() => {
+        this.clearSearchResults();
+      });
     },
     nextSearchResult() {
-      if (this.searchSelection + 1 <= this.searchResults.length - 1) {
-        this.searchSelection++;
-      }
+      this.searchSelection + 1 <= this.searchResults.length - 1 && this.searchSelection++;
     },
     prevSearchResult() {
-      if (this.searchSelection > 0) {
-        this.searchSelection--;
-      }
+      this.searchSelection > 0 && this.searchSelection--;
     },
     clearSearchResults() {
-      this.searchResults = [];
-      this.searchSelection = 0;
-      if (this.typeaheadAlwaysShow) {
-        this.$nextTick(() => {
-          this.searchTag();
-        });
-      }
+      this.searchResults = [], this.searchSelection = 0, this.typeaheadAlwaysShow && this.$nextTick(() => {
+        this.searchTag();
+      });
     },
     clearTags() {
       this.tags.splice(0, this.tags.length);
@@ -478,36 +377,28 @@ const __vue2_script = {
           console.error("Voerro Tags Input: the v-model value must be an array!");
           return;
         }
-        const tags = this.value;
-        if (this.tags === tags) {
+        const e = this.value;
+        if (this.tags === e)
           return;
-        }
         this.clearTags();
-        for (const tag of tags) {
-          this.addTag(tag);
-        }
+        for (const s of e)
+          this.addTag(s);
       } else {
-        if (this.tags.length === 0) {
+        if (this.tags.length === 0)
           return;
-        }
         this.clearTags();
       }
     },
-    tagSelected(tag) {
-      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 true;
-        }
+    tagSelected(e) {
+      if (this.allowDuplicates || !e)
+        return !1;
+      const s = this.escapeRegExp(this.caseSensitiveTags ? e.value : e.value.toLowerCase());
+      for (const a of this.tags) {
+        const t = this.caseSensitiveTags ? a.value : a.value.toLowerCase();
+        if (a.key === e.key && t.search(s) > -1)
+          return !0;
       }
-      return false;
+      return !1;
     },
     clearInput() {
       this.input = "";
@@ -519,41 +410,30 @@ const __vue2_script = {
       this.$emit("keydown", e);
     },
     onFocus(e) {
-      this.$emit("focus", e);
-      this.searchTag();
+      this.$emit("focus", e), this.searchTag();
     },
     onBlur(e) {
-      this.$emit("blur", e);
-      if (this.addTagsOnBlur) {
-        this.tagFromInput(true);
-      }
-      if (!this.typeaheadAlwaysShow) {
-        this.hideTypeahead();
-      } else {
-        this.searchTag();
-      }
+      this.$emit("blur", e), this.addTagsOnBlur && this.tagFromInput(!0), this.typeaheadAlwaysShow ? this.searchTag() : this.hideTypeahead();
     }
   }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
+}, r = {};
+var c = /* @__PURE__ */ l(
+  o,
+  h,
+  u,
+  !1,
+  p,
   null,
   null,
   null
 );
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
+function p(e) {
+  for (let s in r)
+    this[s] = r[s];
 }
-const VueTagsInput = /* @__PURE__ */ function() {
-  return __component__.exports;
+const g = /* @__PURE__ */ function() {
+  return c.exports;
 }();
 export {
-  VueTagsInput as default
+  g as default
 };