vue-spear-tip 0.2.2 → 0.2.4

package/dist/{SelectField-C97iZqqJ.js → SelectField-Dg0c03Hn.js}

@@ -1,6 +1,7 @@
 var St = Object.defineProperty;
 var r = (t, e) => St(t, "name", { value: e, configurable: !0 });
-import { F as xt, P as G, W as ot, V as Dt } from "./index-hQ1VmssH.js";
+import { P as K, W as ot, V as xt } from "./index-Bm3M_ugz.js";
+import { F as Dt } from "./FieldComponent.vue_vue_type_script_lang-a0D3sf1R.js";
 import { createElementBlock as It, openBlock as Nt, normalizeClass as Et, createElementVNode as Mt } from "vue";
 import { _ as _t } from "./_plugin-vue_export-helper-B9nE8o7z.js";
 var lt = "​";
@@ -27,7 +28,7 @@ function dt(t) {
   })();
 }
 r(dt, "i");
-var V = { isEnabled: /* @__PURE__ */ r(function() {
+var L = { isEnabled: /* @__PURE__ */ r(function() {
   var t;
   return (t = window.TAGIFY_DEBUG) === null || t === void 0 || t;
 }, "isEnabled"), log: /* @__PURE__ */ r(function() {
@@ -38,7 +39,7 @@ var V = { isEnabled: /* @__PURE__ */ r(function() {
   for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++) e[i] = arguments[i];
   var n;
   this.isEnabled() && (n = console).warn.apply(n, ["[Tagify]:"].concat(dt(e)));
-}, "warn") }, U = /* @__PURE__ */ r(function(t, e, i, n) {
+}, "warn") }, q = /* @__PURE__ */ r(function(t, e, i, n) {
   return t = "" + t, e = "" + e, n && (t = t.trim(), e = e.trim()), i ? t == e : t.toLowerCase() == e.toLowerCase();
 }, "s"), ut = /* @__PURE__ */ r(function(t, e) {
   return t && Array.isArray(t) && t.map((function(i) {
@@ -151,21 +152,21 @@ function Tt(t, e) {
 }
 r(Tt, "w");
 function y(t, e, i) {
-  return t ? (e && (t.__tagifyTagData = i ? e : w({}, t.__tagifyTagData || {}, e)), t.__tagifyTagData) : (V.warn("tag element doesn't exist", { tagElm: t, data: e }), e);
+  return t ? (e && (t.__tagifyTagData = i ? e : w({}, t.__tagifyTagData || {}, e)), t.__tagifyTagData) : (L.warn("tag element doesn't exist", { tagElm: t, data: e }), e);
 }
 r(y, "y");
-function k(t) {
+function V(t) {
   if (t && t.parentNode) {
     var e = t, i = window.getSelection(), n = i.getRangeAt(0);
     i.rangeCount && (n.setStartAfter(e), n.collapse(!0), i.removeAllRanges(), i.addRange(n));
   }
 }
-r(k, "T");
+r(V, "T");
 function Ot(t, e) {
   t.forEach((function(i) {
     if (y(i.previousSibling) || !i.previousSibling) {
       var n = document.createTextNode("​");
-      i.before(n), e && k(n);
+      i.before(n), e && V(n);
     }
   }));
 }
@@ -241,7 +242,7 @@ function Pt() {
   this.dropdown.refs(), this.DOM.dropdown.__tagify = this;
 }
 r(Pt, "A");
-var K, B, jt = (K = (function(t) {
+var $, B, jt = ($ = (function(t) {
   for (var e = 1; e < arguments.length; e++) {
     var i = arguments[e] != null ? arguments[e] : {}, n = Object.keys(i);
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(i).filter((function(s) {
@@ -307,13 +308,13 @@ var K, B, jt = (K = (function(t) {
               var b = n ? s : e.dropdown.getNextOrPrevOption(s, !c);
               e.dropdown.selectOption(s, t, (function() {
                 if (b) {
-                  var C = b.getAttribute("value");
-                  b = e.dropdown.getSuggestionNodeByValue(C), e.dropdown.highlightOption(b);
+                  var k = b.getAttribute("value");
+                  b = e.dropdown.getSuggestionNodeByValue(k), e.dropdown.highlightOption(b);
                 }
               }));
             } else e.dropdown.hide(), o || e.addTags(e.state.inputText.trim(), !0);
           })).catch((function(b) {
-            return V.warn(b);
+            return L.warn(b);
           }));
           break;
         case "Backspace":
@@ -337,7 +338,7 @@ var K, B, jt = (K = (function(t) {
     }), 100), this.settings.hooks.suggestionClick(t, { tagify: this, tagData: n, suggestionElm: i }).then((function() {
       i ? e.dropdown.selectOption(i, t) : e.dropdown.hide();
     })).catch((function(s) {
-      return V.warn(s);
+      return L.warn(s);
     }));
   }
 }, "onClick"), onScroll: /* @__PURE__ */ r(function(t) {
@@ -390,8 +391,8 @@ var K, B, jt = (K = (function(t) {
   return t || (e = this.state.dropdown.suggestions), this.addTags(e, !0), this;
 }, "selectAll"), filterListItems: /* @__PURE__ */ r(function(t, e) {
   var i, n, s, a, o, l, d = /* @__PURE__ */ r(function() {
-    var b, C, P = void 0, j = void 0;
-    b = p[I], n = ((C = Object) != null && typeof Symbol < "u" && C[Symbol.hasInstance] ? C[Symbol.hasInstance](b) : b instanceof C) ? p[I] : { value: p[I] };
+    var b, k, P = void 0, j = void 0;
+    b = p[I], n = ((k = Object) != null && typeof Symbol < "u" && k[Symbol.hasInstance] ? k[Symbol.hasInstance](b) : b instanceof k) ? p[I] : { value: p[I] };
     var O, S = Object.keys(n).some((function(x) {
       return D.includes(x);
     })) ? D : ["value"];
@@ -435,7 +436,7 @@ var K, B, jt = (K = (function(t) {
   var e, i, n, s = this, a = this.settings, o = a.mode == "mix" && !a.enforceWhitelist, l = !a.whitelist || !a.whitelist.length, d = a.dropdown.position == "manual";
   if (t = t === void 0 ? this.state.inputText : t, !(l && !o && !a.templates.dropdownItemNoMatch || a.dropdown.enabled === !1 || this.state.isLoading || this.settings.readonly)) {
     if (clearTimeout(this.dropdownHide__bindEventsTimeout), this.suggestedListItems = this.dropdown.filterListItems(t), t && !this.suggestedListItems.length && (this.trigger("dropdown:noMatch", t), a.templates.dropdownItemNoMatch && (n = a.templates.dropdownItemNoMatch.call(this, { value: t }))), !n) {
-      if (this.suggestedListItems.length) t && o && !this.state.editing.scope && !U(this.suggestedListItems[0].value, t) && this.suggestedListItems.unshift({ value: t });
+      if (this.suggestedListItems.length) t && o && !this.state.editing.scope && !q(this.suggestedListItems[0].value, t) && this.suggestedListItems.unshift({ value: t });
       else {
         if (!t || !o || this.state.editing.scope) return this.input.autocomplete.suggest.call(this), void this.dropdown.hide();
         this.suggestedListItems = [{ value: t }];
@@ -473,7 +474,7 @@ var K, B, jt = (K = (function(t) {
 }, "fillHeaderFooter"), position: /* @__PURE__ */ r(function(t) {
   var e = this.settings.dropdown, i = this.dropdown.getAppendTarget();
   if (e.position != "manual" && i) {
-    var n, s, a, o, l, d, u, c, g, h, f = this.DOM.dropdown, p = e.RTL, m = i === document.body, v = i === this.DOM.scope, T = m ? window.pageYOffset : i.scrollTop, D = document.fullscreenElement || document.webkitFullscreenElement || document.documentElement, I = D.clientHeight, N = Math.max(D.clientWidth || 0, window.innerWidth || 0), b = N > 480 ? e.position : "all", C = this.DOM[b == "input" ? "input" : "scope"];
+    var n, s, a, o, l, d, u, c, g, h, f = this.DOM.dropdown, p = e.RTL, m = i === document.body, v = i === this.DOM.scope, T = m ? window.pageYOffset : i.scrollTop, D = document.fullscreenElement || document.webkitFullscreenElement || document.documentElement, I = D.clientHeight, N = Math.max(D.clientWidth || 0, window.innerWidth || 0), b = N > 480 ? e.position : "all", k = this.DOM[b == "input" ? "input" : "scope"];
     if (t = t || f.clientHeight, this.state.dropdown.visible) {
       if (b == "text" ? (a = (n = (function() {
         var O = document.getSelection();
@@ -487,7 +488,7 @@ var K, B, jt = (K = (function(t) {
         var S = 0, x = 0;
         for (O = O.parentNode; O && O != D; ) S += O.offsetTop || 0, x += O.offsetLeft || 0, O = O.parentNode;
         return { top: S, left: x };
-      })(i), n = C.getBoundingClientRect(), s = v ? -1 : n.top - d.top, a = (v ? n.height : n.bottom - d.top) - 1, o = v ? -1 : n.left - d.left, l = n.width + "px"), !m) {
+      })(i), n = k.getBoundingClientRect(), s = v ? -1 : n.top - d.top, a = (v ? n.height : n.bottom - d.top) - 1, o = v ? -1 : n.left - d.left, l = n.width + "px"), !m) {
         var P = (function() {
           for (var O = 0, S = e.appendTarget.parentNode; S; ) O += S.scrollTop || 0, S = S.parentNode;
           return O;
@@ -498,7 +499,7 @@ var K, B, jt = (K = (function(t) {
       s = Math.floor(s), a = Math.ceil(a), c = N - o < 120, g = ((u = (j = e.placeAbove) !== null && j !== void 0 ? j : I - n.bottom < t) ? s : a) + T, h = o + (p && n.width || 0) + window.pageXOffset, h = b == "text" && c ? "right: 0;" : "left: ".concat(h, "px;"), f.style.cssText = "".concat(h, " top: ").concat(g, "px; min-width: ").concat(l, "; max-width: ").concat(l), f.setAttribute("placement", u ? "top" : "bottom"), f.setAttribute("position", b);
     }
   }
-}, "position") }) != null ? B : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(K, Object.getOwnPropertyDescriptors(B)) : (function(t, e) {
+}, "position") }) != null ? B : {}, Object.getOwnPropertyDescriptors ? Object.defineProperties($, Object.getOwnPropertyDescriptors(B)) : (function(t, e) {
   var i = Object.keys(t);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(t);
@@ -506,8 +507,8 @@ var K, B, jt = (K = (function(t) {
   }
   return i;
 })(Object(B)).forEach((function(t) {
-  Object.defineProperty(K, t, Object.getOwnPropertyDescriptor(B, t));
-})), K), q = "@yaireo/tagify/", Ft = { empty: "empty", exceed: "number of tags exceeded", pattern: "pattern mismatch", duplicate: "already exists", notAllowed: "not allowed" }, Rt = { wrapper: /* @__PURE__ */ r(function(t, e) {
+  Object.defineProperty($, t, Object.getOwnPropertyDescriptor(B, t));
+})), $), U = "@yaireo/tagify/", Ft = { empty: "empty", exceed: "number of tags exceeded", pattern: "pattern mismatch", duplicate: "already exists", notAllowed: "not allowed" }, Rt = { wrapper: /* @__PURE__ */ r(function(t, e) {
   return '<tags class="'.concat(e.classNames.namespace, " ").concat(e.mode ? "".concat(e.classNames[e.mode + "Mode"]) : "", " ").concat(t.className, `"
                     `).concat(e.readonly ? "readonly" : "", `
                     `).concat(e.disabled ? "disabled" : "", `
@@ -759,11 +760,11 @@ var Wt = { customBinding: /* @__PURE__ */ r(function() {
             var u, c, g, h = e.getTagElms(), f = a.anchorNode.length === 1 && a.anchorNode.nodeValue == "​";
             if (i.backspace == "edit" && d) return u = a.anchorNode.nodeType == 1 ? null : a.anchorNode.previousElementSibling, setTimeout(e.editTag.bind(e), 0, u), void t.preventDefault();
             if (ht() && yt(d, Element)) return g = ct(d), d.hasAttribute("readonly") || d.remove(), e.DOM.input.focus(), void setTimeout((function() {
-              k(g), e.DOM.input.click();
+              V(g), e.DOM.input.click();
             }));
             if (a.anchorNode.nodeName == "BR") return;
             if ((o || d) && a.anchorNode.nodeType == 1 ? c = a.anchorOffset == 0 ? o ? h[0] : null : h[Math.min(h.length, a.anchorOffset) - 1] : o ? c = a.anchorNode.nextElementSibling : yt(d, Element) && (c = d), a.anchorNode.nodeType == 3 && !a.anchorNode.nodeValue && a.anchorNode.previousElementSibling && t.preventDefault(), (d || o) && !i.backspace || a.type != "Range" && !a.anchorOffset && a.anchorNode == e.DOM.input && t.key != "Delete") return void t.preventDefault();
-            if (a.type != "Range" && c && c.hasAttribute("readonly")) return void k(ct(c));
+            if (a.type != "Range" && c && c.hasAttribute("readonly")) return void V(ct(c));
             t.key == "Delete" && f && y(a.anchorNode.nextSibling) && e.removeTags(a.anchorNode.nextSibling);
             break;
           case "Enter":
@@ -930,14 +931,14 @@ var Wt = { customBinding: /* @__PURE__ */ r(function() {
       else if (s.nodeType == 1 && s.querySelector(e.settings.classNames.tagSelector)) {
         var a, o = document.createTextNode("");
         s.childNodes[0].nodeType == 3 && s.previousSibling.nodeName != "BR" && (o = document.createTextNode(`
-`)), (a = s).replaceWith.apply(a, nt([o].concat(nt(nt(s.childNodes).slice(0, -1))))), k(o);
+`)), (a = s).replaceWith.apply(a, nt([o].concat(nt(nt(s.childNodes).slice(0, -1))))), V(o);
       } else if (H.call(e, s)) {
         var l;
         if (((l = s.previousSibling) === null || l === void 0 ? void 0 : l.nodeType) != 3 || s.previousSibling.textContent || s.previousSibling.remove(), s.previousSibling && s.previousSibling.nodeName == "BR") {
           s.previousSibling.replaceWith(`
 ​`);
           for (var d = s.nextSibling, u = ""; d; ) u += d.textContent, d = d.nextSibling;
-          u.trim() && k(s.previousSibling);
+          u.trim() && V(s.previousSibling);
         } else s.previousSibling && !y(s.previousSibling) || s.before("​");
       }
     })), n.removedNodes.forEach((function(s) {
@@ -973,7 +974,7 @@ function bt(t) {
   return t;
 }
 r(bt, "G");
-function $(t) {
+function X(t) {
   return (function(e) {
     if (Array.isArray(e)) return st(e);
   })(t) || (function(e) {
@@ -989,10 +990,10 @@ function $(t) {
     throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   })();
 }
-r($, "$");
-function X(t, e) {
+r(X, "$");
+function G(t, e) {
   if (!t) {
-    V.warn("input element not found", t);
+    L.warn("input element not found", t);
     var i = new Proxy(this, { get: /* @__PURE__ */ r(function() {
       return function() {
         return i;
@@ -1000,7 +1001,7 @@ function X(t, e) {
     }, "get") });
     return i;
   }
-  if (t.__tagify) return V.warn("input element is already Tagified - Same instance is returned.", t), t.__tagify;
+  if (t.__tagify) return L.warn("input element is already Tagified - Same instance is returned.", t), t.__tagify;
   var n;
   w(this, (function(s) {
     var a = document.createTextNode(""), o = {};
@@ -1036,7 +1037,7 @@ function X(t, e) {
           if ((h = c.cloneData ? w({}, h) : h).tagify = this, u.event && (h.event = this.cloneEvent(u.event)), vt(u, Object)) for (var f in u) vt(u[f], HTMLElement) && (h[f] = u[f]);
           g = new CustomEvent(d, { detail: h });
         } catch (p) {
-          V.warn(p);
+          L.warn(p);
         }
         a.dispatchEvent(g);
       }
@@ -1045,29 +1046,29 @@ function X(t, e) {
     var a;
     if (n) {
       var o, l = "/" + s;
-      if (((a = localStorage) === null || a === void 0 ? void 0 : a.getItem(q + n + "/v")) === 1) try {
-        o = JSON.parse(localStorage[q + n + l]);
+      if (((a = localStorage) === null || a === void 0 ? void 0 : a.getItem(U + n + "/v")) === 1) try {
+        o = JSON.parse(localStorage[U + n + l]);
       } catch {
       }
       return o;
     }
   }), this.setPersistedData = (function(s) {
     var a;
-    return s ? ((a = localStorage) === null || a === void 0 || a.setItem(q + s + "/v", 1), function(o, l) {
+    return s ? ((a = localStorage) === null || a === void 0 || a.setItem(U + s + "/v", 1), function(o, l) {
       var d, u = "/" + l, c = JSON.stringify(o);
-      o && l && ((d = localStorage) === null || d === void 0 || d.setItem(q + s + u, c), dispatchEvent(new Event("storage")));
+      o && l && ((d = localStorage) === null || d === void 0 || d.setItem(U + s + u, c), dispatchEvent(new Event("storage")));
     }) : function() {
     };
   })(e.id), this.clearPersistedData = /* @__PURE__ */ (function(s) {
     return function(a) {
-      var o = q + "/" + s + "/";
+      var o = U + "/" + s + "/";
       if (a) localStorage.removeItem(o + a);
       else for (var l in localStorage) l.includes(o) && localStorage.removeItem(l);
     };
   })(e.id), this.applySettings(t, e), this.state = { inputText: "", editing: !1, composing: !1, actions: {}, mixMode: {}, dropdown: {}, flaggedTags: {} }, this.value = [], this.listeners = {}, this.DOM = {}, this.build(t), Pt.call(this), this.getCSSVars(), this.loadOriginalValues(), this.events.customBinding.call(this), this.events.binding.call(this), t.autofocus && this.DOM.input.focus(), t.__tagify = this;
 }
-r(X, "Q");
-X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers: { sameStr: U, removeCollectionProp: ut, omit: at, isObject: M, parseHTML: Z, escapeHTML: R, extend: w, concatWithoutDups: gt, getUID: pt, isNodeTag: H }, customEventsList: ["change", "add", "remove", "invalid", "input", "paste", "click", "keydown", "focus", "blur", "edit:input", "edit:beforeUpdate", "edit:updated", "edit:start", "edit:keydown", "dropdown:show", "dropdown:hide", "dropdown:select", "dropdown:updated", "dropdown:noMatch", "dropdown:scroll"], dataProps: ["__isValid", "__removed", "__originalData", "__originalHTML", "__tagId"], trim: /* @__PURE__ */ r(function(t) {
+r(G, "Q");
+G.prototype = { _dropdown: jt, placeCaretAfterNode: V, getSetTagData: y, helpers: { sameStr: q, removeCollectionProp: ut, omit: at, isObject: M, parseHTML: Z, escapeHTML: R, extend: w, concatWithoutDups: gt, getUID: pt, isNodeTag: H }, customEventsList: ["change", "add", "remove", "invalid", "input", "paste", "click", "keydown", "focus", "blur", "edit:input", "edit:beforeUpdate", "edit:updated", "edit:start", "edit:keydown", "dropdown:show", "dropdown:hide", "dropdown:select", "dropdown:updated", "dropdown:noMatch", "dropdown:scroll"], dataProps: ["__isValid", "__removed", "__originalData", "__originalHTML", "__tagId"], trim: /* @__PURE__ */ r(function(t) {
   return this.settings.trim && t && typeof t == "string" ? t.trim() : t;
 }, "trim"), parseHTML: Z, templates: Rt, parseTemplate: /* @__PURE__ */ r(function(t, e) {
   return Z((t = this.settings.templates[t] || t).apply(this, e));
@@ -1213,15 +1214,15 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
     if (!A(o, Object) || !("editable" in o) || o.editable) return o = y(t, { __originalData: w({}, o), __originalHTML: t.cloneNode(!0) }), y(o.__originalHTML, o.__originalData), s.setAttribute("contenteditable", !0), t.classList.add(n.classNames.tagEditing), this.events.callbacks.onEditTagFocus.call(this, t), s.addEventListener("click", l.onEditTagClick.bind(this, t)), s.addEventListener("blur", l.onEditTagBlur.bind(this, this.getTagTextNode(t))), s.addEventListener("input", l.onEditTagInput.bind(this, s)), s.addEventListener("paste", l.onEditTagPaste.bind(this, s)), s.addEventListener("keydown", (function(c) {
       return l.onEditTagkeydown.call(i, c, t);
     })), s.addEventListener("compositionstart", l.onCompositionStart.bind(this)), s.addEventListener("compositionend", l.onCompositionEnd.bind(this)), e.skipValidation || (d = this.editTagToggleValidity(t)), s.originalIsValid = d, this.trigger("edit:start", { tag: t, index: a, data: o, isValid: d }), s.focus(), !u && this.setRangeAtStartEnd(!1, s), n.dropdown.enabled === 0 && !u && this.dropdown.show(), this.state.hasFocus = !0, this;
-  } else V.warn("Cannot find element in Tag template: .", n.classNames.tagTextSelector);
+  } else L.warn("Cannot find element in Tag template: .", n.classNames.tagTextSelector);
 }, "editTag"), editTagToggleValidity: /* @__PURE__ */ r(function(t, e) {
   var i;
   if (e = e || y(t)) return (i = !("__isValid" in e) || e.__isValid === !0) || this.removeTagsFromValue(t), this.update(), t.classList.toggle(this.settings.classNames.tagNotAllowed, !i), e.__isValid = i, e.__isValid;
-  V.warn("tag has no data: ", t, e);
+  L.warn("tag has no data: ", t, e);
 }, "editTagToggleValidity"), onEditTagDone: /* @__PURE__ */ r(function(t, e) {
   t = t || this.state.editing.scope, e = e || {};
   var i, n, s = this.settings, a = { tag: t, index: this.getNodeIndex(t), previousData: y(t), data: e };
-  this.trigger("edit:beforeUpdate", a, { cloneData: !1 }), this.state.editing = !1, delete e.__originalData, delete e.__originalHTML, t && t.parentNode && (((n = e[s.tagTextProp]) !== void 0 ? !((i = (n += "").trim) === null || i === void 0) && i.call(n) : !(s.tagTextProp in e) && e.value) ? (t = this.replaceTag(t, e), this.editTagToggleValidity(t, e), s.a11y.focusableTags ? t.focus() : s.mode != "select" && k(t)) : this.removeTags(t)), this.trigger("edit:updated", a), s.dropdown.closeOnSelect && this.dropdown.hide(), this.settings.keepInvalidTags && this.reCheckInvalidTags();
+  this.trigger("edit:beforeUpdate", a, { cloneData: !1 }), this.state.editing = !1, delete e.__originalData, delete e.__originalHTML, t && t.parentNode && (((n = e[s.tagTextProp]) !== void 0 ? !((i = (n += "").trim) === null || i === void 0) && i.call(n) : !(s.tagTextProp in e) && e.value) ? (t = this.replaceTag(t, e), this.editTagToggleValidity(t, e), s.a11y.focusableTags ? t.focus() : s.mode != "select" && V(t)) : this.removeTags(t)), this.trigger("edit:updated", a), s.dropdown.closeOnSelect && this.dropdown.hide(), this.settings.keepInvalidTags && this.reCheckInvalidTags();
 }, "onEditTagDone"), replaceTag: /* @__PURE__ */ r(function(t, e) {
   e && e.value !== "" && e.value !== void 0 || (e = t.__tagifyTagData), e.__isValid && e.__isValid != 1 && w(e, this.getInvalidTagAttrs(e, e.__isValid));
   var i = this.createTagElem(e);
@@ -1231,7 +1232,7 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
   this.value.length = 0;
   var e = this.settings.classNames, i = [e.tagNotAllowed.split(" ")[0], e.tagHide];
   [].forEach.call(this.getTagElms(), (function(n) {
-    $(n.classList).some((function(s) {
+    X(n.classList).some((function(s) {
       return i.includes(s);
     })) || t.value.push(y(n));
   })), this.update(), this.dropdown.refilter();
@@ -1282,7 +1283,7 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
   return e;
 }, "getNodeIndex"), getTagElms: /* @__PURE__ */ r(function() {
   for (var t = arguments.length, e = new Array(t), i = 0; i < t; i++) e[i] = arguments[i];
-  var n = "." + $(this.settings.classNames.tag.split(" ")).concat($(e)).join(".");
+  var n = "." + X(this.settings.classNames.tag.split(" ")).concat(X(e)).join(".");
   return [].slice.call(this.DOM.scope.querySelectorAll(n));
 }, "getTagElms"), getLastTag: /* @__PURE__ */ r(function() {
   var t = this.settings.classNames, e = this.DOM.scope.querySelectorAll("".concat(t.tagSelector, ":not(.").concat(t.tagHide, "):not([readonly])"));
@@ -1292,7 +1293,7 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
   try {
     for (var l, d = this.value[Symbol.iterator](); !(s = (l = d.next()).done); s = !0) {
       var u = l.value;
-      U(this.trim("" + t), u.value, e) && i != u.__tagId && n++;
+      q(this.trim("" + t), u.value, e) && i != u.__tagId && n++;
     }
   } catch (c) {
     a = !0, o = c;
@@ -1307,7 +1308,7 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
 }, "isTagDuplicate"), getTagIndexByValue: /* @__PURE__ */ r(function(t) {
   var e = this, i = [], n = this.settings.dropdown.caseSensitive;
   return this.getTagElms().forEach((function(s, a) {
-    s.__tagifyTagData && U(e.trim(s.__tagifyTagData.value), t, n) && i.push(a);
+    s.__tagifyTagData && q(e.trim(s.__tagifyTagData.value), t, n) && i.push(a);
   })), i;
 }, "getTagIndexByValue"), getTagElmByValue: /* @__PURE__ */ r(function(t) {
   var e = this.getTagIndexByValue(t)[0];
@@ -1328,7 +1329,7 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
   var n, s = this.settings;
   return (i = i || s.whitelist).some((function(a) {
     var o = typeof a == "object" ? a[e] || a.value : a;
-    if (U(o, t, s.dropdown.caseSensitive, s.trim)) return n = typeof a == "object" ? a : { value: a }, !0;
+    if (q(o, t, s.dropdown.caseSensitive, s.trim)) return n = typeof a == "object" ? a : { value: a }, !0;
   })), n || e != "value" || s.tagTextProp == "value" || (n = this.getWhitelistItem(t, s.tagTextProp, i)), n;
 }, "getWhitelistItem"), validateTag: /* @__PURE__ */ r(function(t) {
   var e = this.settings, i = "value" in t ? "value" : e.tagTextProp, n = this.trim(t[i] + "");
@@ -1362,7 +1363,7 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
       o in p || (o = "value"), p[o] = e.trim(p[o]), (p[o] || p[o] === 0) && h.push(p);
     } else if (f != null && f !== "" && f !== void 0) {
       var m;
-      (m = h).push.apply(m, $(g(f)));
+      (m = h).push.apply(m, X(g(f)));
     }
     return h;
   }), []));
@@ -1463,7 +1464,7 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
     return i.classList.add(s.settings.classNames.tagNoAnimation);
   }), 300), this.update(), !o) {
     var l = this.insertAfterTag(i) || i;
-    setTimeout(k, 0, l);
+    setTimeout(V, 0, l);
   }
   return this.state.tag = null, this.postProcessNewTagNode(i, n.tagData), this.trigger("add", { tag: n, data: t }), i;
 }, "prefixedTextToTag"), appendTag: /* @__PURE__ */ r(function(t) {
@@ -1551,17 +1552,18 @@ X.prototype = { _dropdown: jt, placeCaretAfterNode: k, getSetTagData: y, helpers
       } else t += l.textContent;
     }));
   }, "i"))(this.DOM.input), t;
-}, "getMixedTagsAsString") }, X.prototype.removeTag = X.prototype.removeTags;
-var qt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, L = /* @__PURE__ */ r((t, e, i, n) => {
-  for (var s = n > 1 ? void 0 : n ? Ut(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+}, "getMixedTagsAsString") }, G.prototype.removeTag = G.prototype.removeTags;
+var Ut = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, C = /* @__PURE__ */ r((t, e, i, n) => {
+  for (var s = n > 1 ? void 0 : n ? qt(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (n ? o(e, i, s) : o(s)) || s);
-  return n && s && qt(e, i, s), s;
+  return n && s && Ut(e, i, s), s;
 }, "__decorateClass"), W;
-let _ = (W = class extends xt {
+let _ = (W = class extends Dt {
   emits = [
     "click"
   ];
   autofocus = !1;
+  inputValidatePattern = null;
   mode = "select";
   items = null;
   placeholder = {
@@ -1578,14 +1580,11 @@ let _ = (W = class extends xt {
   _isFirstValueSet = !1;
   _isIgnoreSetTags = !1;
   mountedParent() {
-    this.tagify = new X(this.$refs.selectInput, {
-      enforceWhitelist: this.mode == "select" ? void 0 : this.mode != "tags",
+    let e = {
       mode: this.mode == "select" ? "select" : void 0,
-      escapeHTML: !1,
       whitelist: this.itemsInner,
-      editTags: this.mode == "tags",
       dropdown: {
-        maxTags: 5,
+        // maxTags: 5,
         // fetchSuggestions: this.mode != 'select',
         highlightFirst: !0,
         clearOnSelect: !0,
@@ -1594,27 +1593,27 @@ let _ = (W = class extends xt {
         maxItems: 2e3
       },
       onChangeAfterBlur: !1,
-      delimiters: null,
-      placeholder: this.placeholder?.[this.VST.$r.locale] || this.placeholder?.en || this.placeholder || "Выберите значение",
+      // delimiters: null,
+      placeholder: typeof this.placeholder == "string" ? this.placeholder : this.placeholder?.[this.VST.$r.locale] || this.placeholder?.en || "Выберите значение",
       callbacks: {
-        change: /* @__PURE__ */ r((e) => {
-          let i = "";
-          e.detail?.value?.trim?.()?.length && e.detail?.value != "null" && (this.mode == "select" ? (i = typeof e.detail?.value == "string" && (e.detail?.value?.trim?.()?.startsWith("{") || e.detail?.value?.trim?.()?.startsWith("[")) ? JSON.parse(e.detail?.value)?.[0]?.key : e.detail?.value?.[0]?.key || e.detail?.value?.key, this.nextTick(() => {
-            const n = JSON.parse(JSON.stringify(this.itemsInner.find(
-              (s) => s?.key === i
+        change: /* @__PURE__ */ r((i) => {
+          let n = "";
+          i.detail?.value?.trim?.()?.length && i.detail?.value != "null" && (this.mode == "select" ? (n = typeof i.detail?.value == "string" && (i.detail?.value?.trim?.()?.startsWith("{") || i.detail?.value?.trim?.()?.startsWith("[")) ? JSON.parse(i.detail?.value)?.[0]?.key : i.detail?.value?.[0]?.key || i.detail?.value?.key, this.nextTick(() => {
+            const s = JSON.parse(JSON.stringify(this.itemsInner.find(
+              (a) => a?.key === n
             )?.value ?? null));
-            n && (this.tagify.addTags(this.reactiveValue = n), this.$emit("update:modelValue", this.value = i));
-          }, 4)) : this.mode == "multi" ? (this.tagify.removeAllTags(), i = JSON.parse(e.detail?.value), i = Array.isArray(i) ? i.map((n) => n.key) : [i], this.tagify.addTags(JSON.parse(e.detail?.value)), this.nextTick(() => {
-            this.$emit("update:modelValue", this.value = i), this.reactiveValue = e.detail?.value;
-          }, 4)) : this.mode == "tags" && (this.tagify.removeAllTags(), i = JSON.parse(e.detail?.value), this.tagify.addTags(i), this.nextTick(() => {
-            this.reactiveValue = e.detail?.value, this.nextTick(() => {
-              this._isFirstValueSet = !0, this._isIgnoreSetTags = !0, this.$emit("update:modelValue", this.value = i);
+            s && (this.tagify.addTags(this.reactiveValue = s), this.$emit("update:modelValue", this.value = n));
+          }, 4)) : this.mode == "multi" ? (this.tagify.removeAllTags(), n = JSON.parse(i.detail?.value), n = Array.isArray(n) ? n.map((s) => s.key) : [n], this.tagify.addTags(JSON.parse(i.detail?.value)), this.nextTick(() => {
+            this.$emit("update:modelValue", this.value = n), this.reactiveValue = i.detail?.value;
+          }, 4)) : this.mode == "tags" && (this.tagify.removeAllTags(), n = JSON.parse(i.detail?.value), this.tagify.addTags(n), this.nextTick(() => {
+            this.reactiveValue = i.detail?.value, this.nextTick(() => {
+              this._isFirstValueSet = !0, this._isIgnoreSetTags = !0, this.$emit("update:modelValue", this.value = n);
             });
           }, 4)));
         }, "change"),
-        remove: /* @__PURE__ */ r((e) => {
-          this.mode == "select" && !(e.detail?.tagify?.value ?? []).length && this.value !== null ? (this.tagify.removeAllTags(), this.reactiveValue = null, this.$emit("update:modelValue", this.value = null)) : this.mode == "tags" ? !JSON.parse(this.reactiveValue)?.filter((n) => n.key != e.detail?.data?.key)?.length && this.reactiveValue != "[]" && (this.tagify.removeAllTags(), this.$emit("update:modelValue", this.value = []), this.reactiveValue = "[]") : typeof this.reactiveValue == "string" && (this.reactiveValue?.startsWith("{") || this.reactiveValue?.startsWith("[")) && this.nextTick(() => {
-            !JSON.parse(this.reactiveValue)?.filter((n) => n.key != e.detail?.data?.key)?.length && this.reactiveValue != "[]" && (this.reactiveValue = "[]", this.tagify.removeAllTags(), this.$emit("update:modelValue", this.value = []));
+        remove: /* @__PURE__ */ r((i) => {
+          this.mode == "select" && !(i.detail?.tagify?.value ?? []).length && this.value !== null ? (this.tagify.removeAllTags(), this.reactiveValue = null, this.$emit("update:modelValue", this.value = null)) : this.mode == "tags" ? !JSON.parse(this.reactiveValue)?.filter((s) => s.key != i.detail?.data?.key)?.length && this.reactiveValue != "[]" && (this.tagify.removeAllTags(), this.$emit("update:modelValue", this.value = []), this.reactiveValue = "[]") : typeof this.reactiveValue == "string" && (this.reactiveValue?.startsWith("{") || this.reactiveValue?.startsWith("[")) && this.nextTick(() => {
+            !JSON.parse(this.reactiveValue)?.filter((s) => s.key != i.detail?.data?.key)?.length && this.reactiveValue != "[]" && (this.reactiveValue = "[]", this.tagify.removeAllTags(), this.$emit("update:modelValue", this.value = []));
           }, 4);
         }, "remove")
       },
@@ -1643,7 +1642,11 @@ let _ = (W = class extends xt {
         //   //   return `<div class='tagify__dropdown'>${t.value}</div>`
         //   // }
       }
-    }), this.setTags();
+    };
+    this.mode !== "tags" ? e.editTags = !1 : this.inputValidatePattern?.trim?.() && (e.pattern = new RegExp(this.inputValidatePattern.trim(), "i"), e.editTags = {
+      clicks: 1,
+      keepInvalid: !0
+    }), this.tagify = new G(this.$refs.selectInput, e), this.setTags();
   }
   setTags() {
     if (this.tagify?.removeAllTags?.(), this.mode == "select") {
@@ -1675,32 +1678,35 @@ let _ = (W = class extends xt {
     this.nextTick(() => this.setTags());
   }
 }, r(W, "SelectField"), W);
-L([
-  G(Boolean)
+C([
+  K(Boolean)
 ], _.prototype, "autofocus", 2);
-L([
-  G(String)
+C([
+  K(String)
+], _.prototype, "inputValidatePattern", 2);
+C([
+  K(String)
 ], _.prototype, "mode", 2);
-L([
-  G(Array)
+C([
+  K(Array)
 ], _.prototype, "items", 2);
-L([
-  G(String, Object)
+C([
+  K(String, Object)
 ], _.prototype, "placeholder", 2);
-L([
+C([
   ot("items", !0)
 ], _.prototype, "_itemsWatch", 1);
-L([
+C([
   ot("value", !0)
 ], _.prototype, "_valueWatch", 1);
-L([
+C([
   ot("modelValue", !0)
 ], _.prototype, "_modelValueWatch", 1);
-_ = L([
-  Dt
+_ = C([
+  xt
 ], _);
-const zt = ["value", "autofocus"];
-function Jt(t, e, i, n, s, a) {
+const Kt = ["id", "value", "autofocus"];
+function zt(t, e, i, n, s, a) {
   return Nt(), It("div", {
     class: Et(["d-inline-block mx2px my1px w100%", {
       "vst-select-multi": t.mode == "multi" || t.mode == "tags"
@@ -1708,13 +1714,14 @@ function Jt(t, e, i, n, s, a) {
   }, [
     Mt("input", {
       ref: "selectInput",
+      id: "vst-select-" + t.VST.generateRandomKey(),
       value: t.reactiveValue,
       autofocus: t.autofocus
-    }, null, 8, zt)
+    }, null, 8, Kt)
   ], 2);
 }
-r(Jt, "render");
-const Qt = /* @__PURE__ */ _t(_, [["render", Jt]]);
+r(zt, "render");
+const Yt = /* @__PURE__ */ _t(_, [["render", zt]]);
 export {
-  Qt as default
+  Yt as default
 };