vue-spear-tip 0.2.3 → 0.2.4

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

@@ -1,7 +1,7 @@
 var St = Object.defineProperty;
 var r = (t, e) => St(t, "name", { value: e, configurable: !0 });
-import { P as G, W as ot, V as xt } from "./index-B83tFSld.js";
-import { F as Dt } from "./FieldComponent.vue_vue_type_script_lang-By0JOopJ.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 = "​";
@@ -28,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() {
@@ -152,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);
     }
   }));
 }
@@ -242,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) {
@@ -308,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":
@@ -338,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) {
@@ -391,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"];
@@ -474,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();
@@ -488,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;
@@ -499,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);
@@ -507,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), 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) {
+  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" : "", `
@@ -760,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":
@@ -931,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) {
@@ -974,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) {
@@ -990,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;
@@ -1001,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 = {};
@@ -1037,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);
       }
@@ -1067,8 +1067,8 @@ function X(t, e) {
     };
   })(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: 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) {
+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));
@@ -1214,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);
@@ -1232,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();
@@ -1283,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])"));
@@ -1363,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;
   }), []));
@@ -1464,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) {
@@ -1552,8 +1552,8 @@ 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 Ut = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, L = /* @__PURE__ */ r((t, e, i, n) => {
+}, "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 && Ut(e, i, s), s;
@@ -1563,6 +1563,7 @@ let _ = (W = class extends Dt {
     "click"
   ];
   autofocus = !1;
+  inputValidatePattern = null;
   mode = "select";
   items = null;
   placeholder = {
@@ -1579,14 +1580,11 @@ let _ = (W = class extends Dt {
   _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,
@@ -1595,27 +1593,27 @@ let _ = (W = class extends Dt {
         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")
       },
@@ -1644,7 +1642,11 @@ let _ = (W = class extends Dt {
         //   //   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") {
@@ -1676,32 +1678,35 @@ let _ = (W = class extends Dt {
     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([
+_ = 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"
@@ -1709,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 Yt = /* @__PURE__ */ _t(_, [["render", Jt]]);
+r(zt, "render");
+const Yt = /* @__PURE__ */ _t(_, [["render", zt]]);
 export {
   Yt as default
 };

package/dist/{StringField-Byq8Dx1a.js → StringField-CN2J5hnc.js}

@@ -1,13 +1,13 @@
 var We = Object.defineProperty;
 var o = (u, e) => We(u, "name", { value: e, configurable: !0 });
-import { P as j, C as Je, V as Qe } from "./index-B83tFSld.js";
-import { F as et } from "./FieldComponent.vue_vue_type_script_lang-By0JOopJ.js";
+import { P as j, C as Je, V as Qe } from "./index-Bm3M_ugz.js";
+import { F as et } from "./FieldComponent.vue_vue_type_script_lang-a0D3sf1R.js";
 import { isRef as tt, ref as O, watch as x, onMounted as st, onUnmounted as it, readonly as at, defineComponent as nt, toRef as G, h as ut, createElementBlock as M, openBlock as y, createElementVNode as q, resolveComponent as X, normalizeClass as de, createCommentVNode as W, createBlock as pe, createVNode as je, withKeys as rt, normalizeStyle as lt, toDisplayString as ce, resolveDynamicComponent as ot, withCtx as ht, createTextVNode as dt } from "vue";
 import { _ as pt } from "./_plugin-vue_export-helper-B9nE8o7z.js";
-function b(u) {
+function I(u) {
   return typeof u == "string" || u instanceof String;
 }
-o(b, "isString");
+o(I, "isString");
 function qe(u) {
   var e;
   return typeof u == "object" && u != null && (u == null || (e = u.constructor) == null ? void 0 : e.name) === "Object";
@@ -123,7 +123,7 @@ function c(u, e) {
 o(c, "IMask");
 function He(u) {
   if (u == null) throw new Error("mask property should be defined");
-  return u instanceof RegExp ? c.MaskedRegExp : b(u) ? c.MaskedPattern : u === Date ? c.MaskedDate : u === Number ? c.MaskedNumber : Array.isArray(u) || u === Array ? c.MaskedDynamic : c.Masked && u.prototype instanceof c.Masked ? u : c.Masked && u instanceof c.Masked ? u.constructor : u instanceof Function ? c.MaskedFunction : (console.warn("Mask not found for mask", u), c.Masked);
+  return u instanceof RegExp ? c.MaskedRegExp : I(u) ? c.MaskedPattern : u === Date ? c.MaskedDate : u === Number ? c.MaskedNumber : Array.isArray(u) || u === Array ? c.MaskedDynamic : c.Masked && u.prototype instanceof c.Masked ? u : c.Masked && u instanceof c.Masked ? u.constructor : u instanceof Function ? c.MaskedFunction : (console.warn("Mask not found for mask", u), c.Masked);
 }
 o(He, "maskedClass");
 function z(u) {
@@ -580,7 +580,7 @@ const ue = class ue {
 o(ue, "ChangeDetails");
 let f = ue;
 c.ChangeDetails = f;
-const be = class be {
+const Ie = class Ie {
   /** Tail value as string */
   /** Tail start position */
   /** Start position */
@@ -619,8 +619,8 @@ const be = class be {
     return this.value = this.value.slice(0, -1), e;
   }
 };
-o(be, "ContinuousTailDetails");
-let A = be;
+o(Ie, "ContinuousTailDetails");
+let A = Ie;
 const L = class L {
   /** */
   /** */
@@ -726,7 +726,7 @@ const L = class L {
   }
   /** Appends tail */
   appendTail(e) {
-    return b(e) && (e = new A(String(e))), e.appendTo(this);
+    return I(e) && (e = new A(String(e))), e.appendTo(this);
   }
   /** Appends char */
   _appendCharRaw(e, t) {
@@ -779,8 +779,8 @@ const L = class L {
   }
   /** Appends symbols considering flags */
   append(e, t, s) {
-    if (!b(e)) throw new Error("value should be string");
-    const i = b(s) ? new A(String(s)) : s;
+    if (!I(e)) throw new Error("value should be string");
+    const i = I(s) ? new A(String(s)) : s;
     t != null && t.tail && (t._beforeTailState = this.state);
     let a;
     [e, a] = this.doPrepare(e, t);
@@ -878,7 +878,7 @@ const D = class D {
   }
   extend(e) {
     if (!String(e)) return;
-    e = b(e) ? new A(String(e)) : e;
+    e = I(e) ? new A(String(e)) : e;
     const t = this.chunks[this.chunks.length - 1], s = t && // if stops are same or tail has no stop
     (t.stop === e.stop || e.stop == null) && // if tail chunk goes just after last chunk
     e.from === t.from + t.toString().length;
@@ -966,7 +966,7 @@ const D = class D {
 };
 o(D, "ChunksTailDetails");
 let te = D;
-const Ie = class Ie {
+const be = class be {
   constructor(e, t) {
     this.masked = e, this._log = [];
     const {
@@ -1062,8 +1062,8 @@ const Ie = class Ie {
     });
   }
 };
-o(Ie, "PatternCursor");
-let ve = Ie;
+o(be, "PatternCursor");
+let ve = be;
 const we = class we {
   /** */
   /** */
@@ -1139,7 +1139,7 @@ const we = class we {
     return new A("");
   }
   appendTail(e) {
-    return b(e) && (e = new A(String(e))), e.appendTo(this);
+    return I(e) && (e = new A(String(e))), e.appendTo(this);
   }
   append(e, t, s) {
     const i = this._appendChar(e[0], t);
@@ -1698,7 +1698,7 @@ const mt = "d{.}`m{.}`Y", B = class B extends E {
     } = e;
     return {
       ...i,
-      mask: b(t) ? t : s
+      mask: I(t) ? t : s
     };
   }
   /** Pattern mask for date according to {@link MaskedDate#format} */
@@ -1727,7 +1727,7 @@ const mt = "d{.}`m{.}`Y", B = class B extends E {
     }, n = Object.assign({}, B.GET_DEFAULT_BLOCKS());
     e.min && (n.Y.from = e.min.getFullYear()), e.max && (n.Y.to = e.max.getFullYear()), e.min && e.max && n.Y.from === n.Y.to && (n.m.from = e.min.getMonth() + 1, n.m.to = e.max.getMonth() + 1, n.m.from === n.m.to && (n.d.from = e.min.getDate(), n.d.to = e.max.getDate())), Object.assign(n, this.blocks, i), super._update({
       ...a,
-      mask: b(t) ? t : s,
+      mask: I(t) ? t : s,
       blocks: n
     });
   }
@@ -2647,7 +2647,7 @@ function St(u, e) {
   ]);
 }
 o(St, "render$1");
-var Vt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, I = /* @__PURE__ */ o((u, e, t, s) => {
+var Vt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, b = /* @__PURE__ */ o((u, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Bt(e, t) : e, a = u.length - 1, n; a >= 0; a--)
     (n = u[a]) && (i = (s ? n(e, t, i) : n(i)) || i);
   return s && i && Vt(e, t, i), i;
@@ -2859,35 +2859,35 @@ let S = (U = class extends et {
     return ["date", "datetime", "datetimeSec"].includes(this.maskPreset ?? "");
   }
 }, o(U, "StringField"), U);
-I([
+b([
   j(String)
 ], S.prototype, "maskPreset", 2);
-I([
+b([
   j(Boolean)
 ], S.prototype, "force12hours", 2);
-I([
+b([
   j(Boolean)
 ], S.prototype, "alwaysCopyIcon", 2);
-I([
+b([
   j(Boolean)
 ], S.prototype, "disabled", 2);
-I([
+b([
   j(String)
 ], S.prototype, "dtPresetLocale", 2);
-I([
+b([
   j(String)
 ], S.prototype, "placeholder", 2);
-I([
+b([
   Je("isDateTime")
 ], S.prototype, "_valueComputed", 1);
-S = I([
+S = b([
   Qe
 ], S);
-const xt = { class: "relative w100%" }, bt = {
+const xt = { class: "relative w100%" }, It = {
   key: 0,
   class: "w22px h22px text-stone absolute t-13px l-12px z4 cursor-pointer hover:scale-130"
 };
-function It(u, e, t, s, i, a) {
+function bt(u, e, t, s, i, a) {
   const n = X("IMaskComponent"), r = X("ClipboardDocumentListIcon"), l = X("CheckBadgeIcon"), h = X("NoSymbolIcon");
   return y(), M("div", {
     class: de(["d-inline-block my2px w100% relative", {
@@ -2926,7 +2926,7 @@ function It(u, e, t, s, i, a) {
         })
       }, ce(u.utc), 5)) : W("", !0)
     ]),
-    u.disabled || u.alwaysCopyIcon ? (y(), M("div", bt, [
+    u.disabled || u.alwaysCopyIcon ? (y(), M("div", It, [
       u._isOnlyValueCopied ? (y(), pe(l, {
         key: 1,
         class: "text-emerald-500"
@@ -2954,8 +2954,8 @@ function It(u, e, t, s, i, a) {
     })) : W("", !0)
   ], 2);
 }
-o(It, "render");
-const Ot = /* @__PURE__ */ pt(S, [["render", It], ["__scopeId", "data-v-9b5c4527"]]);
+o(bt, "render");
+const Ot = /* @__PURE__ */ pt(S, [["render", bt], ["__scopeId", "data-v-a613e302"]]);
 export {
   Ot as default
 };