@prometa/sleek 0.0.9 → 0.0.11

package/dist/sleek-select.js

@@ -1,12 +1,12 @@
-var Pt = Object.defineProperty;
+var qt = Object.defineProperty;
 var yt = (i) => {
   throw TypeError(i);
 };
-var qt = (i, t, e) => t in i ? Pt(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var k = (i, t, e) => qt(i, typeof t != "symbol" ? t + "" : t, e), ct = (i, t, e) => t.has(i) || yt("Cannot " + e);
-var G = (i, t, e) => (ct(i, t, "read from private field"), e ? e.call(i) : t.get(i)), x = (i, t, e) => t.has(i) ? yt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), j = (i, t, e, n) => (ct(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), P = (i, t, e) => (ct(i, t, "access private method"), e);
-import { snakeToCamel as te } from "./chartjs-chart.js";
-import { t as ee } from "./utils.js";
+var te = (i, t, e) => t in i ? qt(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var k = (i, t, e) => te(i, typeof t != "symbol" ? t + "" : t, e), ct = (i, t, e) => t.has(i) || yt("Cannot " + e);
+var B = (i, t, e) => (ct(i, t, "read from private field"), e ? e.call(i) : t.get(i)), x = (i, t, e) => t.has(i) ? yt("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), j = (i, t, e, n) => (ct(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), P = (i, t, e) => (ct(i, t, "access private method"), e);
+import { snakeToCamel as ee } from "./chartjs-chart.js";
+import { t as Zt } from "./utils.js";
 function at(i, t) {
   i.split(/\s+/).forEach((e) => {
     t(e);
@@ -117,7 +117,7 @@ function ne(i) {
     }
   };
 }
-const lt = (i) => (i = i.filter(Boolean), i.length < 2 ? i[0] || "" : re(i) == 1 ? "[" + i.join("") + "]" : "(?:" + i.join("|") + ")"), St = (i) => {
+const lt = (i) => (i = i.filter(Boolean), i.length < 2 ? i[0] || "" : re(i) == 1 ? "[" + i.join("") + "]" : "(?:" + i.join("|") + ")"), Ft = (i) => {
   if (!se(i))
     return i.join("");
   let t = "", e = 0;
@@ -131,21 +131,21 @@ const lt = (i) => (i = i.filter(Boolean), i.length < 2 ? i[0] || "" : re(i) == 1
     }
     n(), t += s, e = 1;
   }), n(), t;
-}, Ft = (i) => {
+}, Kt = (i) => {
   let t = Array.from(i);
   return lt(t);
-}, se = (i) => new Set(i).size !== i.length, T = (i) => (i + "").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu, "\\$1"), re = (i) => i.reduce((t, e) => Math.max(t, oe(e)), 0), oe = (i) => Array.from(i).length, Kt = (i) => {
+}, se = (i) => new Set(i).size !== i.length, T = (i) => (i + "").replace(/([\$\(\)\*\+\.\?\[\]\^\{\|\}\\])/gu, "\\$1"), re = (i) => i.reduce((t, e) => Math.max(t, oe(e)), 0), oe = (i) => Array.from(i).length, xt = (i) => {
   if (i.length === 1)
     return [[i]];
   let t = [];
   const e = i.substring(1);
-  return Kt(e).forEach(function(s) {
+  return xt(e).forEach(function(s) {
     let o = s.slice(0);
     o[0] = i.charAt(0) + o[0], t.push(o), o = s.slice(0), o.unshift(i.charAt(0)), t.push(o);
   }), t;
 }, le = [[0, 65535]], ce = "[̀-ͯ·ʾʼ]";
-let st, xt;
-const ae = 3, It = {}, Zt = {
+let st, Dt;
+const ae = 3, It = {}, wt = {
   "/": "⁄∕",
   0: "߀",
   a: "ⱥɐɑ",
@@ -188,8 +188,8 @@ const ae = 3, It = {}, Zt = {
   z: "ƶȥɀⱬꝣ",
   hv: "ƕ"
 };
-for (let i in Zt) {
-  let t = Zt[i] || "";
+for (let i in wt) {
+  let t = wt[i] || "";
   for (let e = 0; e < t.length; e++) {
     let n = t.substring(e, e + 1);
     It[n] = i;
@@ -197,14 +197,14 @@ for (let i in Zt) {
 }
 const de = new RegExp(Object.keys(It).join("|") + "|" + ce, "gu"), ue = (i) => {
   st === void 0 && (st = me(le));
-}, wt = (i, t = "NFKD") => i.normalize(t), rt = (i) => Array.from(i).reduce(
+}, Lt = (i, t = "NFKD") => i.normalize(t), rt = (i) => Array.from(i).reduce(
   /**
    * @param {string} result
    * @param {string} char
    */
   (t, e) => t + ge(e),
   ""
-), ge = (i) => (i = wt(i).toLowerCase().replace(de, (t) => It[t] || ""), wt(i, "NFC"));
+), ge = (i) => (i = Lt(i).toLowerCase().replace(de, (t) => It[t] || ""), Lt(i, "NFC"));
 function* pe(i) {
   for (const [t, e] of i)
     for (let n = t; n <= e; n++) {
@@ -214,7 +214,7 @@ function* pe(i) {
 }
 const he = (i) => {
   const t = {}, e = (n, s) => {
-    const o = t[n] || /* @__PURE__ */ new Set(), r = new RegExp("^" + Ft(o) + "$", "iu");
+    const o = t[n] || /* @__PURE__ */ new Set(), r = new RegExp("^" + Kt(o) + "$", "iu");
     s.match(r) || (o.add(T(s)), t[n] = o);
   };
   for (let n of pe(i))
@@ -225,22 +225,22 @@ const he = (i) => {
   let n = [];
   for (let o in t) {
     let r = t[o];
-    r && (e[o] = Ft(r)), o.length > 1 && n.push(T(o));
+    r && (e[o] = Kt(r)), o.length > 1 && n.push(T(o));
   }
   n.sort((o, r) => r.length - o.length);
   const s = lt(n);
-  return xt = new RegExp("^" + s, "u"), e;
+  return Dt = new RegExp("^" + s, "u"), e;
 }, fe = (i, t = 1) => {
   let e = 0;
-  return i = i.map((n) => (st[n] && (e += n.length), st[n] || n)), e >= t ? St(i) : "";
-}, be = (i, t = 1) => (t = Math.max(t, i.length - 1), lt(Kt(i).map((e) => fe(e, t)))), Lt = (i, t = !0) => {
+  return i = i.map((n) => (st[n] && (e += n.length), st[n] || n)), e >= t ? Ft(i) : "";
+}, be = (i, t = 1) => (t = Math.max(t, i.length - 1), lt(xt(i).map((e) => fe(e, t)))), Wt = (i, t = !0) => {
   let e = i.length > 1 ? 1 : 0;
   return lt(i.map((n) => {
     let s = [];
     const o = t ? n.length() : n.length() - 1;
     for (let r = 0; r < o; r++)
       s.push(be(n.substrs[r] || "", e));
-    return St(s);
+    return Ft(s);
   }));
 }, ve = (i, t) => {
   for (const e of t) {
@@ -290,7 +290,7 @@ const Ie = (i) => {
   ue(), i = rt(i);
   let t = "", e = [new ot()];
   for (let n = 0; n < i.length; n++) {
-    let o = i.substring(n).match(xt);
+    let o = i.substring(n).match(Dt);
     const r = i.substring(n, n + 1), l = o ? o[0] : null;
     let a = [], c = /* @__PURE__ */ new Set();
     for (const u of e) {
@@ -315,13 +315,13 @@ const Ie = (i) => {
       continue;
     }
     if (n > 0 && c.size == 1 && !c.has("3")) {
-      t += Lt(e, !1);
+      t += Wt(e, !1);
       let u = new ot();
       const d = e[0];
       d && u.add(d.last()), e = [u];
     }
   }
-  return t += Lt(e, !0), t;
+  return t += Wt(e, !0), t;
 }, Ce = (i, t) => {
   if (i)
     return i[t];
@@ -529,7 +529,7 @@ const H = (i) => typeof i > "u" || i === null ? null : nt(i), nt = (i) => typeof
       e = null, o.loadedSearches[n] = !0, i.call(o, n, s);
     }, t);
   };
-}, Wt = (i, t, e) => {
+}, Gt = (i, t, e) => {
   var n, s = i.trigger, o = {};
   i.trigger = function() {
     var r = arguments[0];
@@ -555,56 +555,56 @@ const H = (i) => typeof i > "u" || i === null ? null : nt(i), nt = (i) => typeof
 }, pt = (i, t) => {
   const e = i.getAttribute("id");
   return e || (i.setAttribute("id", t), t);
-}, Gt = (i) => i.replace(/[\\"']/g, "\\$&"), F = (i, t) => {
+}, At = (i) => i.replace(/[\\"']/g, "\\$&"), F = (i, t) => {
   t && i.append(t);
-}, A = (i, t) => {
+}, G = (i, t) => {
   if (Array.isArray(i))
     i.forEach(t);
   else
     for (var e in i)
       i.hasOwnProperty(e) && t(i[e], e);
-}, R = (i) => {
+}, M = (i) => {
   if (i.jquery)
     return i[0];
   if (i instanceof HTMLElement)
     return i;
-  if (Dt(i)) {
+  if (_t(i)) {
     var t = document.createElement("template");
     return t.innerHTML = i.trim(), t.content.firstChild;
   }
   return document.querySelector(i);
-}, Dt = (i) => typeof i == "string" && i.indexOf("<") > -1, Ae = (i) => i.replace(/['"\\]/g, "\\$&"), ht = (i, t) => {
+}, _t = (i) => typeof i == "string" && i.indexOf("<") > -1, Ae = (i) => i.replace(/['"\\]/g, "\\$&"), ht = (i, t) => {
   var e = document.createEvent("HTMLEvents");
   e.initEvent(t, !0, !1), i.dispatchEvent(e);
 }, tt = (i, t) => {
   Object.assign(i.style, t);
 }, J = (i, ...t) => {
-  var e = _t(t);
-  i = jt(i), i.map((n) => {
+  var e = jt(t);
+  i = Tt(i), i.map((n) => {
     e.map((s) => {
       n.classList.add(s);
     });
   });
 }, V = (i, ...t) => {
-  var e = _t(t);
-  i = jt(i), i.map((n) => {
+  var e = jt(t);
+  i = Tt(i), i.map((n) => {
     e.map((s) => {
       n.classList.remove(s);
     });
   });
-}, _t = (i) => {
+}, jt = (i) => {
   var t = [];
-  return A(i, (e) => {
+  return G(i, (e) => {
     typeof e == "string" && (e = e.trim().split(/[\t\n\f\r\s]/)), Array.isArray(e) && (t = t.concat(e));
   }), t.filter(Boolean);
-}, jt = (i) => (Array.isArray(i) || (i = [i]), i), mt = (i, t, e) => {
+}, Tt = (i) => (Array.isArray(i) || (i = [i]), i), mt = (i, t, e) => {
   if (!(e && !e.contains(i)))
     for (; i && i.matches; ) {
       if (i.matches(t))
         return i;
       i = i.parentNode;
     }
-}, At = (i, t = 0) => t > 0 ? i[i.length - 1] : i[0], Be = (i) => Object.keys(i).length === 0, Bt = (i, t) => {
+}, Bt = (i, t = 0) => t > 0 ? i[i.length - 1] : i[0], Be = (i) => Object.keys(i).length === 0, Xt = (i, t) => {
   if (!i)
     return -1;
   t = t || i.nodeName;
@@ -612,7 +612,7 @@ const H = (i) => typeof i > "u" || i === null ? null : nt(i), nt = (i) => typeof
     i.matches(t) && e++;
   return e;
 }, w = (i, t) => {
-  A(t, (e, n) => {
+  G(t, (e, n) => {
     e == null ? i.removeAttribute(n) : i.setAttribute(n, "" + e);
   });
 }, bt = (i, t) => {
@@ -648,7 +648,7 @@ const H = (i) => typeof i > "u" || i === null ? null : nt(i), nt = (i) => typeof
     var n = e.parentNode;
     n.replaceChild(e.firstChild, e), n.normalize();
   });
-}, Je = 65, He = 13, Oe = 27, Me = 37, Re = 38, Ne = 39, Ve = 40, Xt = 8, ze = 46, Yt = 9, ke = typeof navigator > "u" ? !1 : /Mac/.test(navigator.userAgent), et = ke ? "metaKey" : "ctrlKey", Jt = {
+}, Je = 65, He = 13, Oe = 27, Me = 37, Re = 38, Ne = 39, Ve = 40, Yt = 8, ze = 46, Jt = 9, ke = typeof navigator > "u" ? !1 : /Mac/.test(navigator.userAgent), et = ke ? "metaKey" : "ctrlKey", Ht = {
   options: [],
   optgroups: [],
   plugins: [],
@@ -731,8 +731,8 @@ const H = (i) => typeof i > "u" || i === null ? null : nt(i), nt = (i) => typeof
     */
   }
 };
-function Ht(i, t) {
-  var e = Object.assign({}, Jt, t), n = e.dataAttr, s = e.labelField, o = e.valueField, r = e.disabledField, l = e.optgroupField, a = e.optgroupLabelField, c = e.optgroupValueField, u = i.tagName.toLowerCase(), d = i.getAttribute("placeholder") || i.getAttribute("data-placeholder");
+function Ot(i, t) {
+  var e = Object.assign({}, Ht, t), n = e.dataAttr, s = e.labelField, o = e.valueField, r = e.disabledField, l = e.optgroupField, a = e.optgroupLabelField, c = e.optgroupValueField, u = i.tagName.toLowerCase(), d = i.getAttribute("placeholder") || i.getAttribute("data-placeholder");
   if (!d && !e.allowEmptyOption) {
     let b = i.querySelector('option[value=""]');
     b && (d = b.textContent);
@@ -746,7 +746,7 @@ function Ht(i, t) {
   }, y = () => {
     var b, Z = p.options, I = {}, h = 1;
     let L = 0;
-    var M = (f) => {
+    var O = (f) => {
       var v = Object.assign({}, f.dataset), m = n && v[n];
       return typeof m == "string" && m.length && (v = Object.assign(v, JSON.parse(m))), v;
     }, E = (f, v) => {
@@ -754,28 +754,28 @@ function Ht(i, t) {
       if (m != null && !(!m && !e.allowEmptyOption)) {
         if (I.hasOwnProperty(m)) {
           if (v) {
-            var B = I[m][l];
-            B ? Array.isArray(B) ? B.push(v) : I[m][l] = [B, v] : I[m][l] = v;
+            var A = I[m][l];
+            A ? Array.isArray(A) ? A.push(v) : I[m][l] = [A, v] : I[m][l] = v;
           }
         } else {
-          var C = M(f);
+          var C = O(f);
           C[s] = C[s] || f.textContent, C[o] = C[o] || m, C[r] = C[r] || f.disabled, C[l] = C[l] || v, C.$option = f, C.$order = C.$order || ++L, I[m] = C, Z.push(C);
         }
         f.selected && p.items.push(m);
       }
     }, K = (f) => {
       var v, m;
-      m = M(f), m[a] = m[a] || f.getAttribute("label") || "", m[c] = m[c] || h++, m[r] = m[r] || f.disabled, m.$order = m.$order || ++L, p.optgroups.push(m), v = m[c], A(f.children, (B) => {
-        E(B, v);
+      m = O(f), m[a] = m[a] || f.getAttribute("label") || "", m[c] = m[c] || h++, m[r] = m[r] || f.disabled, m.$order = m.$order || ++L, p.optgroups.push(m), v = m[c], G(f.children, (A) => {
+        E(A, v);
       });
     };
-    p.maxItems = i.hasAttribute("multiple") ? null : 1, A(i.children, (f) => {
+    p.maxItems = i.hasAttribute("multiple") ? null : 1, G(i.children, (f) => {
       b = f.tagName.toLowerCase(), b === "optgroup" ? K(f) : b === "option" && E(f);
     });
   }, g = () => {
     const b = i.getAttribute(n);
     if (b)
-      p.options = JSON.parse(b), A(p.options, (I) => {
+      p.options = JSON.parse(b), G(p.options, (I) => {
         p.items.push(I[o]);
       });
     else {
@@ -783,37 +783,37 @@ function Ht(i, t) {
       if (!e.allowEmptyOption && !Z.length)
         return;
       const I = Z.split(e.delimiter);
-      A(I, (h) => {
+      G(I, (h) => {
         const L = {};
         L[s] = h, L[o] = h, p.options.push(L);
       }), p.items = I;
     }
   };
-  return u === "select" ? y() : g(), Object.assign({}, Jt, p, t);
+  return u === "select" ? y() : g(), Object.assign({}, Ht, p, t);
 }
-var Ot = 0;
+var Mt = 0;
 class Y extends ne(ie) {
   constructor(t, e) {
-    super(), this.order = 0, this.isOpen = !1, this.isDisabled = !1, this.isReadOnly = !1, this.isInvalid = !1, this.isValid = !0, this.isLocked = !1, this.isFocused = !1, this.isInputHidden = !1, this.isSetup = !1, this.ignoreFocus = !1, this.ignoreHover = !1, this.hasOptions = !1, this.lastValue = "", this.caretPos = 0, this.loading = 0, this.loadedSearches = {}, this.activeOption = null, this.activeItems = [], this.optgroups = {}, this.options = {}, this.userOptions = {}, this.items = [], this.refreshTimeout = null, Ot++;
-    var n, s = R(t);
+    super(), this.order = 0, this.isOpen = !1, this.isDisabled = !1, this.isReadOnly = !1, this.isInvalid = !1, this.isValid = !0, this.isLocked = !1, this.isFocused = !1, this.isInputHidden = !1, this.isSetup = !1, this.ignoreFocus = !1, this.ignoreHover = !1, this.hasOptions = !1, this.lastValue = "", this.caretPos = 0, this.loading = 0, this.loadedSearches = {}, this.activeOption = null, this.activeItems = [], this.optgroups = {}, this.options = {}, this.userOptions = {}, this.items = [], this.refreshTimeout = null, Mt++;
+    var n, s = M(t);
     if (s.tomselect)
       throw new Error("Tom Select already initialized on this element");
     s.tomselect = this;
     var o = window.getComputedStyle && window.getComputedStyle(s, null);
     n = o.getPropertyValue("direction");
-    const r = Ht(s, e);
-    this.settings = r, this.input = s, this.tabIndex = s.tabIndex || 0, this.is_select_tag = s.tagName.toLowerCase() === "select", this.rtl = /rtl/i.test(n), this.inputId = pt(s, "tomselect-" + Ot), this.isRequired = s.required, this.sifter = new we(this.options, { diacritics: r.diacritics }), r.mode = r.mode || (r.maxItems === 1 ? "single" : "multi"), typeof r.hideSelected != "boolean" && (r.hideSelected = r.mode === "multi"), typeof r.hidePlaceholder != "boolean" && (r.hidePlaceholder = r.mode !== "multi");
+    const r = Ot(s, e);
+    this.settings = r, this.input = s, this.tabIndex = s.tabIndex || 0, this.is_select_tag = s.tagName.toLowerCase() === "select", this.rtl = /rtl/i.test(n), this.inputId = pt(s, "tomselect-" + Mt), this.isRequired = s.required, this.sifter = new we(this.options, { diacritics: r.diacritics }), r.mode = r.mode || (r.maxItems === 1 ? "single" : "multi"), typeof r.hideSelected != "boolean" && (r.hideSelected = r.mode === "multi"), typeof r.hidePlaceholder != "boolean" && (r.hidePlaceholder = r.mode !== "multi");
     var l = r.createFilter;
     typeof l != "function" && (typeof l == "string" && (l = new RegExp(l)), l instanceof RegExp ? r.createFilter = (Z) => l.test(Z) : r.createFilter = (Z) => this.settings.duplicates || !this.options[Z]), this.initializePlugins(r.plugins), this.setupCallbacks(), this.setupTemplates();
-    const a = R("<div>"), c = R("<div>"), u = this._render("dropdown"), d = R('<div role="listbox" tabindex="-1">'), p = this.input.getAttribute("class") || "", y = r.mode;
+    const a = M("<div>"), c = M("<div>"), u = this._render("dropdown"), d = M('<div role="listbox" tabindex="-1">'), p = this.input.getAttribute("class") || "", y = r.mode;
     var g;
-    if (J(a, r.wrapperClass, p, y), J(c, r.controlClass), F(a, c), J(u, r.dropdownClass, y), r.copyClassesToDropdown && J(u, p), J(d, r.dropdownContentClass), F(u, d), R(r.dropdownParent || a).appendChild(u), Dt(r.controlInput)) {
-      g = R(r.controlInput);
+    if (J(a, r.wrapperClass, p, y), J(c, r.controlClass), F(a, c), J(u, r.dropdownClass, y), r.copyClassesToDropdown && J(u, p), J(d, r.dropdownContentClass), F(u, d), M(r.dropdownParent || a).appendChild(u), _t(r.controlInput)) {
+      g = M(r.controlInput);
       var b = ["autocorrect", "autocapitalize", "autocomplete", "spellcheck"];
-      A(b, (Z) => {
+      G(b, (Z) => {
         s.getAttribute(Z) && w(g, { [Z]: s.getAttribute(Z) });
       }), g.tabIndex = -1, c.appendChild(g), this.focus_node = g;
-    } else r.controlInput ? (g = R(r.controlInput), this.focus_node = g) : (g = R("<input/>"), this.focus_node = c);
+    } else r.controlInput ? (g = M(r.controlInput), this.focus_node = g) : (g = M("<input/>"), this.focus_node = c);
     this.wrapper = a, this.dropdown = u, this.dropdown_content = d, this.control = c, this.control_input = g, this.setup();
   }
   /**
@@ -880,7 +880,7 @@ class Y extends ne(ie) {
    *
    */
   setupOptions(t = [], e = []) {
-    this.addOptions(t), A(e, (n) => {
+    this.addOptions(t), G(e, (n) => {
       this.registerOptionGroup(n);
     });
   }
@@ -938,7 +938,7 @@ class Y extends ne(ie) {
    *
    */
   sync(t = !0) {
-    const e = this, n = t ? Ht(e.input, { delimiter: e.settings.delimiter }) : e.settings;
+    const e = this, n = t ? Ot(e.input, { delimiter: e.settings.delimiter }) : e.settings;
     e.setupOptions(n.options, n.optgroups), e.setValue(n.items || [], !0), e.lastQuery = null;
   }
   /**
@@ -982,7 +982,7 @@ class Y extends ne(ie) {
       var n = e.inputValue();
       if (n.match(e.settings.splitOn)) {
         var s = n.trim().split(e.settings.splitOn);
-        A(s, (o) => {
+        G(s, (o) => {
           H(o) && (this.options[o] ? e.addItem(o) : e.createItem(o));
         });
       }
@@ -1011,7 +1011,7 @@ class Y extends ne(ie) {
   onKeyDown(t) {
     var e = this;
     if (e.ignoreHover = !0, e.isLocked) {
-      t.keyCode !== Yt && W(t);
+      t.keyCode !== Jt && W(t);
       return;
     }
     switch (t.keyCode) {
@@ -1057,11 +1057,11 @@ class Y extends ne(ie) {
         e.advanceSelection(1, t);
         return;
       // tab: select active option and/or create item
-      case Yt:
+      case Jt:
         e.settings.selectOnTab && (e.canSelect(e.activeOption) && (e.onOptionSelect(t, e.activeOption), W(t)), e.settings.create && e.createItem() && W(t));
         return;
       // delete|backspace: delete items
-      case Xt:
+      case Yt:
       case ze:
         e.deleteSelection(t);
         return;
@@ -1220,7 +1220,7 @@ class Y extends ne(ie) {
    */
   setValue(t, e) {
     var n = e ? [] : ["change"];
-    Wt(this, n, () => {
+    Gt(this, n, () => {
       this.clear(e), this.addItems(t, e);
     });
   }
@@ -1314,7 +1314,7 @@ class Y extends ne(ie) {
     if (t.settings.mode === "single")
       return;
     const e = t.controlChildren();
-    e.length && (t.inputState(), t.close(), t.activeItems = e, A(e, (n) => {
+    e.length && (t.inputState(), t.close(), t.activeItems = e, G(e, (n) => {
       t.setActiveItemClass(n);
     }));
   }
@@ -1398,7 +1398,7 @@ class Y extends ne(ie) {
     const p = {}, y = [];
     var g = this, b = g.inputValue();
     const Z = b === g.lastQuery || b == "" && g.lastQuery == null;
-    var I = g.search(b), h = null, L = g.settings.shouldOpen || !1, M = g.dropdown_content;
+    var I = g.search(b), h = null, L = g.settings.shouldOpen || !1, O = g.dropdown_content;
     Z && (h = g.activeOption, h && (u = h.closest("[data-group]"))), o = I.items.length, typeof g.settings.maxOptions == "number" && (o = Math.min(o, g.settings.maxOptions)), o > 0 && (L = !0);
     const E = (f, v) => {
       let m = p[f];
@@ -1407,8 +1407,8 @@ class Y extends ne(ie) {
         if (C !== void 0)
           return [m, C.fragment];
       }
-      let B = document.createDocumentFragment();
-      return m = y.length, y.push({ fragment: B, order: v, optgroup: f }), [m, B];
+      let A = document.createDocumentFragment();
+      return m = y.length, y.push({ fragment: A, order: v, optgroup: f }), [m, A];
     };
     for (e = 0; e < o; e++) {
       let f = I.items[e];
@@ -1417,37 +1417,37 @@ class Y extends ne(ie) {
       let v = f.id, m = g.options[v];
       if (m === void 0)
         continue;
-      let B = nt(v), C = g.getOption(B, !0);
-      for (g.settings.hideSelected || C.classList.toggle("selected", g.items.includes(B)), r = m[g.settings.optgroupField] || "", l = Array.isArray(r) ? r : [r], n = 0, s = l && l.length; n < s; n++) {
+      let A = nt(v), C = g.getOption(A, !0);
+      for (g.settings.hideSelected || C.classList.toggle("selected", g.items.includes(A)), r = m[g.settings.optgroupField] || "", l = Array.isArray(r) ? r : [r], n = 0, s = l && l.length; n < s; n++) {
         r = l[n];
         let U = m.$order, $ = g.optgroups[r];
         $ === void 0 ? r = "" : U = $.$order;
-        const [Ut, $t] = E(r, U);
-        n > 0 && (C = C.cloneNode(!0), w(C, { id: m.$id + "-clone-" + n, "aria-selected": null }), C.classList.add("ts-cloned"), V(C, "active"), g.activeOption && g.activeOption.dataset.value == v && u && u.dataset.group === r.toString() && (h = C)), $t.appendChild(C), r != "" && (p[r] = Ut);
+        const [$t, Pt] = E(r, U);
+        n > 0 && (C = C.cloneNode(!0), w(C, { id: m.$id + "-clone-" + n, "aria-selected": null }), C.classList.add("ts-cloned"), V(C, "active"), g.activeOption && g.activeOption.dataset.value == v && u && u.dataset.group === r.toString() && (h = C)), Pt.appendChild(C), r != "" && (p[r] = $t);
       }
     }
-    g.settings.lockOptgroupOrder && y.sort((f, v) => f.order - v.order), a = document.createDocumentFragment(), A(y, (f) => {
+    g.settings.lockOptgroupOrder && y.sort((f, v) => f.order - v.order), a = document.createDocumentFragment(), G(y, (f) => {
       let v = f.fragment, m = f.optgroup;
       if (!v || !v.children.length)
         return;
-      let B = g.optgroups[m];
-      if (B !== void 0) {
-        let C = document.createDocumentFragment(), U = g.render("optgroup_header", B);
+      let A = g.optgroups[m];
+      if (A !== void 0) {
+        let C = document.createDocumentFragment(), U = g.render("optgroup_header", A);
         F(C, U), F(C, v);
-        let $ = g.render("optgroup", { group: B, options: C });
+        let $ = g.render("optgroup", { group: A, options: C });
         F(a, $);
       } else
         F(a, v);
-    }), M.innerHTML = "", F(M, a), g.settings.highlight && (Ye(M), I.query.length && I.tokens.length && A(I.tokens, (f) => {
-      Xe(M, f.regex);
+    }), O.innerHTML = "", F(O, a), g.settings.highlight && (Ye(O), I.query.length && I.tokens.length && G(I.tokens, (f) => {
+      Xe(O, f.regex);
     }));
     var K = (f) => {
       let v = g.render(f, { input: b });
-      return v && (L = !0, M.insertBefore(v, M.firstChild)), v;
+      return v && (L = !0, O.insertBefore(v, O.firstChild)), v;
     };
     if (g.loading ? K("loading") : g.settings.shouldLoad.call(g, b) ? I.items.length === 0 && K("no_results") : K("not_loading"), c = g.canCreate(b), c && (d = K("option_create")), g.hasOptions = I.items.length > 0 || c, L) {
       if (I.items.length > 0) {
-        if (!h && g.settings.mode === "single" && g.items[0] != null && (h = g.getOption(g.items[0])), !M.contains(h)) {
+        if (!h && g.settings.mode === "single" && g.items[0] != null && (h = g.getOption(g.items[0])), !O.contains(h)) {
           let f = 0;
           d && !g.settings.addPrecedence && (f = 1), h = g.selectable()[f];
         }
@@ -1486,7 +1486,7 @@ class Y extends ne(ie) {
    *
    */
   addOptions(t, e = !1) {
-    A(t, (n) => {
+    G(t, (n) => {
       this.addOption(n, e);
     });
   }
@@ -1569,7 +1569,7 @@ class Y extends ne(ie) {
     const e = (t || this.clearFilter).bind(this);
     this.loadedSearches = {}, this.userOptions = {}, this.clearCache();
     const n = {};
-    A(this.options, (s, o) => {
+    G(this.options, (s, o) => {
       e(s, o) && (n[o] = s);
     }), this.options = this.sifter.items = n, this.lastQuery = null, this.trigger("option_clear");
   }
@@ -1623,7 +1623,7 @@ class Y extends ne(ie) {
     if (typeof t == "object")
       return t;
     var e = H(t);
-    return e !== null ? this.control.querySelector(`[data-value="${Gt(e)}"]`) : null;
+    return e !== null ? this.control.querySelector(`[data-value="${At(e)}"]`) : null;
   }
   /**
    * "Selects" multiple items at once. Adds them to the list
@@ -1645,7 +1645,7 @@ class Y extends ne(ie) {
    */
   addItem(t, e) {
     var n = e ? [] : ["change", "dropdown_close"];
-    Wt(this, n, () => {
+    Gt(this, n, () => {
       var s, o;
       const r = this, l = r.settings.mode, a = H(t);
       if (!(a && r.items.indexOf(a) !== -1 && (l === "single" && r.close(), l === "single" || !r.settings.duplicates)) && !(a === null || !r.options.hasOwnProperty(a)) && (l === "single" && r.clear(e), !(l === "multi" && r.isFull()))) {
@@ -1671,7 +1671,7 @@ class Y extends ne(ie) {
       return;
     var s, o;
     const r = t.dataset.value;
-    s = Bt(t), t.remove(), t.classList.contains("active") && (o = n.activeItems.indexOf(t), n.activeItems.splice(o, 1), V(t, "active")), n.items.splice(s, 1), n.lastQuery = null, !n.settings.persist && n.userOptions.hasOwnProperty(r) && n.removeOption(r, e), s < n.caretPos && n.setCaret(n.caretPos - 1), n.updateOriginalInput({ silent: e }), n.refreshState(), n.positionDropdown(), n.trigger("item_remove", r, t);
+    s = Xt(t), t.remove(), t.classList.contains("active") && (o = n.activeItems.indexOf(t), n.activeItems.splice(o, 1), V(t, "active")), n.items.splice(s, 1), n.lastQuery = null, !n.settings.persist && n.userOptions.hasOwnProperty(r) && n.removeOption(r, e), s < n.caretPos && n.setCaret(n.caretPos - 1), n.updateOriginalInput({ silent: e }), n.refreshState(), n.positionDropdown(), n.trigger("item_remove", r, t);
   }
   /**
    * Invokes the `create` method provided in the
@@ -1754,14 +1754,14 @@ class Y extends ne(ie) {
     const o = e.input.querySelector('option[value=""]');
     if (e.is_select_tag) {
       let a = function(c, u, d) {
-        return c || (c = R('<option value="' + gt(u) + '">' + gt(d) + "</option>")), c != o && e.input.append(c), r.push(c), (c != o || l > 0) && (c.selected = !0), c;
+        return c || (c = M('<option value="' + gt(u) + '">' + gt(d) + "</option>")), c != o && e.input.append(c), r.push(c), (c != o || l > 0) && (c.selected = !0), c;
       };
       const r = [], l = e.input.querySelectorAll("option:checked").length;
       e.input.querySelectorAll("option:checked").forEach((c) => {
         c.selected = !1;
       }), e.items.length == 0 && e.settings.mode == "single" ? a(o, "", "") : e.items.forEach((c) => {
         if (n = e.options[c], s = n[e.settings.labelField] || "", r.includes(n.$option)) {
-          const u = e.input.querySelector(`option[value="${Gt(c)}"]:not(:checked)`);
+          const u = e.input.querySelector(`option[value="${At(c)}"]:not(:checked)`);
           a(u, c, s);
         } else
           n.$option = a(n.$option, c, s);
@@ -1809,7 +1809,7 @@ class Y extends ne(ie) {
     var e = this;
     if (e.items.length) {
       var n = e.controlChildren();
-      A(n, (s) => {
+      G(n, (s) => {
         e.removeItem(s, !0);
       }), e.inputState(), t || e.updateOriginalInput(), e.trigger("clear");
     }
@@ -1829,10 +1829,10 @@ class Y extends ne(ie) {
    */
   deleteSelection(t) {
     var e, n, s, o, r = this;
-    e = t && t.keyCode === Xt ? -1 : 1, n = Ge(r.control_input);
+    e = t && t.keyCode === Yt ? -1 : 1, n = Ge(r.control_input);
     const l = [];
     if (r.activeItems.length)
-      o = At(r.activeItems, e), s = Bt(o), e > 0 && s++, A(r.activeItems, (a) => l.push(a));
+      o = Bt(r.activeItems, e), s = Xt(o), e > 0 && s++, G(r.activeItems, (a) => l.push(a));
     else if ((r.isFocused || r.settings.mode === "single") && r.items.length) {
       const a = r.controlChildren();
       let c;
@@ -1874,7 +1874,7 @@ class Y extends ne(ie) {
       return e;
     var n = this.control.querySelectorAll(".active");
     if (n)
-      return At(n, t);
+      return Bt(n, t);
   }
   /**
    * Moves the caret to the specified index.
@@ -1952,7 +1952,7 @@ class Y extends ne(ie) {
     const o = this;
     if (typeof this.settings.render[t] != "function" || (s = o.settings.render[t].call(this, e, gt), !s))
       return null;
-    if (s = R(s), t === "option" || t === "option_create" ? e[o.settings.disabledField] ? w(s, { "aria-disabled": "true" }) : w(s, { "data-selectable": "" }) : t === "optgroup" && (n = e.group[o.settings.optgroupValueField], w(s, { "data-group": n }), e.group[o.settings.disabledField] && w(s, { "data-disabled": "" })), t === "option" || t === "item") {
+    if (s = M(s), t === "option" || t === "option_create" ? e[o.settings.disabledField] ? w(s, { "aria-disabled": "true" }) : w(s, { "data-selectable": "" }) : t === "optgroup" && (n = e.group[o.settings.optgroupValueField], w(s, { "data-group": n }), e.group[o.settings.disabledField] && w(s, { "data-disabled": "" })), t === "option" || t === "item") {
       const r = nt(e[o.settings.valueField]);
       w(s, { "data-value": r }), t === "item" ? (J(s, o.settings.itemClass), w(s, { "data-ts-item": "" })) : (J(s, o.settings.optionClass), w(s, {
         role: "option",
@@ -1978,7 +1978,7 @@ class Y extends ne(ie) {
    *
    */
   clearCache() {
-    A(this.options, (t) => {
+    G(this.options, (t) => {
       t.$div && (t.$div.remove(), delete t.$div);
     });
   }
@@ -2021,7 +2021,7 @@ function Fe() {
     this.sync();
   });
 }
-const Ke = (i) => typeof i > "u" || i === null ? null : xe(i), xe = (i) => typeof i == "boolean" ? i ? "1" : "0" : i + "", Mt = (i, t = !1) => {
+const Ke = (i) => typeof i > "u" || i === null ? null : xe(i), xe = (i) => typeof i == "boolean" ? i ? "1" : "0" : i + "", Rt = (i, t = !1) => {
   i && (i.preventDefault(), t && i.stopPropagation());
 }, De = (i) => {
   if (i.jquery)
@@ -2057,7 +2057,7 @@ function je(i) {
     t.settings.render.option = (l, a) => {
       var c = De(r.call(t, l, a)), u = document.createElement("input");
       n.className && u.classList.add(n.className), u.addEventListener("click", function(p) {
-        Mt(p);
+        Rt(p);
       }), u.type = "checkbox";
       const d = Ke(l[t.settings.valueField]);
       return s(u, !!(d && t.items.indexOf(d) > -1)), c.prepend(u), c;
@@ -2070,7 +2070,7 @@ function je(i) {
     l && o(l);
   }), t.hook("instead", "onOptionSelect", (r, l) => {
     if (l.classList.contains("selected")) {
-      l.classList.remove("selected"), t.removeItem(l.dataset.value), t.refreshOptions(), Mt(r, !0);
+      l.classList.remove("selected"), t.removeItem(l.dataset.value), t.refreshOptions(), Rt(r, !0);
       return;
     }
     e.call(t, r, l), o(l);
@@ -2257,7 +2257,7 @@ const mi = 27, fi = 9, bi = (i, t = !1) => {
   else
     for (var e in i)
       i.hasOwnProperty(e) && t(i[e], e);
-}, Rt = (i) => {
+}, Nt = (i) => {
   if (i.jquery)
     return i[0];
   if (i instanceof HTMLElement)
@@ -2284,9 +2284,9 @@ function Li() {
   const i = this;
   i.settings.shouldOpen = !0, i.hook("before", "setup", () => {
     i.focus_node = i.control, yi(i.control_input, "dropdown-input");
-    const t = Rt('<div class="dropdown-input-wrap">');
+    const t = Nt('<div class="dropdown-input-wrap">');
     t.append(i.control_input), i.dropdown.insertBefore(t, i.dropdown.firstChild);
-    const e = Rt('<input class="items-placeholder" tabindex="-1" />');
+    const e = Nt('<input class="items-placeholder" tabindex="-1" />');
     e.placeholder = i.settings.placeholder || "", i.control.append(e);
   }), i.on("initialize", () => {
     i.control_input.addEventListener("keydown", (e) => {
@@ -2341,7 +2341,7 @@ function Ai() {
   }), this.hook("instead", "selectAll", () => {
   });
 }
-const Nt = 37, Bi = 39, Xi = (i, t, e) => {
+const Vt = 37, Bi = 39, Xi = (i, t, e) => {
   for (; i && i.matches; ) {
     if (i.matches(t))
       return i;
@@ -2358,16 +2358,16 @@ function Ji() {
   var i = this, t = i.onKeyDown;
   i.hook("instead", "onKeyDown", (e) => {
     var n, s, o, r;
-    if (!i.isOpen || !(e.keyCode === Nt || e.keyCode === Bi))
+    if (!i.isOpen || !(e.keyCode === Vt || e.keyCode === Bi))
       return t.call(i, e);
-    i.ignoreHover = !0, r = Xi(i.activeOption, "[data-group]"), n = Yi(i.activeOption, "[data-selectable]"), r && (e.keyCode === Nt ? r = r.previousSibling : r = r.nextSibling, r && (o = r.querySelectorAll("[data-selectable]"), s = o[Math.min(o.length - 1, n)], s && i.setActiveOption(s)));
+    i.ignoreHover = !0, r = Xi(i.activeOption, "[data-group]"), n = Yi(i.activeOption, "[data-selectable]"), r && (e.keyCode === Vt ? r = r.previousSibling : r = r.nextSibling, r && (o = r.querySelectorAll("[data-selectable]"), s = o[Math.min(o.length - 1, n)], s && i.setActiveOption(s)));
   });
 }
-const Hi = (i) => (i + "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), Vt = (i, t = !1) => {
+const Hi = (i) => (i + "").replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), zt = (i, t = !1) => {
   i && (i.preventDefault(), t && i.stopPropagation());
-}, zt = (i, t, e, n) => {
+}, kt = (i, t, e, n) => {
   i.addEventListener(t, e, n);
-}, kt = (i) => {
+}, St = (i) => {
   if (i.jquery)
     return i[0];
   if (i instanceof HTMLElement)
@@ -2391,11 +2391,11 @@ function Mi(i) {
     e.hook("after", "setupTemplates", () => {
       var s = e.settings.render.item;
       e.settings.render.item = (o, r) => {
-        var l = kt(s.call(e, o, r)), a = kt(n);
-        return l.appendChild(a), zt(a, "mousedown", (c) => {
-          Vt(c, !0);
-        }), zt(a, "click", (c) => {
-          e.isLocked || (Vt(c, !0), !e.isLocked && e.shouldDelete([l], c) && (e.removeItem(l), e.refreshOptions(!1), e.inputState()));
+        var l = St(s.call(e, o, r)), a = St(n);
+        return l.appendChild(a), kt(a, "mousedown", (c) => {
+          zt(c, !0);
+        }), kt(a, "click", (c) => {
+          e.isLocked || (zt(c, !0), !e.isLocked && e.shouldDelete([l], c) && (e.removeItem(l), e.refreshOptions(!1), e.inputState()));
         }), l;
       };
     });
@@ -2508,33 +2508,35 @@ let ft = null;
 function Ki() {
   return ft === null && (ft = document.querySelectorAll("head > link[rel=stylesheet]")), ft;
 }
-var O, N, _, Q, z, Tt, Qt, Et;
+var N, R, _, Q, z, Qt, Et, Ut;
 const Ct = class Ct extends HTMLElement {
   constructor() {
     super(...arguments);
     x(this, z);
-    x(this, O);
     x(this, N);
+    x(this, R);
     x(this, _);
     x(this, Q, {});
   }
   connectedCallback() {
     this.style.display = "block";
-    const e = P(this, z, Qt).call(this);
-    j(this, N, this.attachShadow({ mode: "open" })), j(this, _, this.attachInternals());
+    const e = P(this, z, Et).call(this);
+    j(this, R, this.attachShadow({ mode: "open" })), j(this, _, this.attachInternals());
     const n = document.createElement("link");
-    n.setAttribute("rel", "stylesheet"), n.setAttribute("href", Fi.href), G(this, N).appendChild(e), G(this, N).appendChild(n), Ki().forEach((s) => {
-      G(this, N).appendChild(s.cloneNode());
+    n.setAttribute("rel", "stylesheet"), n.setAttribute("href", Fi.href), B(this, R).appendChild(e), B(this, R).appendChild(n), Ki().forEach((s) => {
+      B(this, R).appendChild(s.cloneNode());
     }), j(this, Q, this.getAttributeNames().filter(
       (s) => !["name", "multiple"].includes(s)
     ).reduce((s, o) => {
       const r = o.split("."), l = r.pop(), a = this.getAttribute(o), c = r.reduce((u, d) => (d in u || (u[d] = {}), u[d]), s);
-      return c[te(l)] = ee(a), s;
-    }, {})), this.tomSelect = new Y(G(this, O), {
-      ...G(this, Q),
-      plugins: ["remove_button", "clear_button"],
+      return r[0] === "render" ? c[l] = Zt(a) : c[ee(l)] = Zt(a), s;
+    }, {})), this.tomSelect = new Y(B(this, N), {
+      ...B(this, Q),
+      plugins: ["clear_button"].concat(
+        this.hasAttribute("multiple") ? ["remove_button"] : []
+      ),
       highlight: !0
-    }), P(this, z, Et).call(this), this.value = this.tomSelect.getValue(), G(this, O).addEventListener("change", (s) => P(this, z, Tt).call(this, s)), this.dispatchEvent(new CustomEvent("upgrade"));
+    }), P(this, z, Ut).call(this), this.value = this.tomSelect.getValue(), this.tomSelect.on("change", P(this, z, Qt).bind(this)), this.dispatchEvent(new CustomEvent("upgrade"));
   }
   get value() {
     let e = this.tomSelect.getValue();
@@ -2544,24 +2546,25 @@ const Ct = class Ct extends HTMLElement {
     if (xi(this.value, e) || this.tomSelect.setValue(e, !0), Array.isArray(e)) {
       const n = new FormData();
       for (const s of e)
-        n.append(G(this, O).name, s);
-      G(this, _).setFormValue(n);
+        n.append(B(this, N).name, s);
+      B(this, _).setFormValue(n);
     } else
-      G(this, _).setFormValue(e);
+      B(this, _).setFormValue(e);
   }
 };
-O = new WeakMap(), N = new WeakMap(), _ = new WeakMap(), Q = new WeakMap(), z = new WeakSet(), Tt = function(e) {
-  this.value = Array.from(G(this, O).selectedOptions).map((n) => n.value), this.dispatchEvent(new Event("change"));
-}, Qt = function() {
+N = new WeakMap(), R = new WeakMap(), _ = new WeakMap(), Q = new WeakMap(), z = new WeakSet(), Qt = function(e) {
+  this.value = e, this.dispatchEvent(new Event("change"));
+}, Et = function() {
   const e = document.createElement("div");
-  e.classList.add("form-floating"), j(this, O, document.createElement("select")), e.appendChild(G(this, O));
+  e.classList.add("form-floating"), j(this, N, document.createElement("select")), e.appendChild(B(this, N));
   const n = document.createElement("label"), s = document.createElement("slot");
-  return s.setAttribute("name", "label"), s.innerHTML = this.getAttribute("label"), n.appendChild(s), e.appendChild(n), this.hasAttribute("name") && (G(this, O).name = this.getAttribute("name")), this.hasAttribute("multiple") && G(this, O).setAttribute("multiple", ""), e;
-}, Et = function() {
-  G(this, N).querySelector(".ts-wrapper").classList.add("form-control"), G(this, N).querySelector(".ts-wrapper").style = `
+  return s.setAttribute("name", "label"), s.innerHTML = this.getAttribute("label"), n.appendChild(s), e.appendChild(n), this.hasAttribute("name") && (B(this, N).name = this.getAttribute("name")), this.hasAttribute("multiple") && B(this, N).setAttribute("multiple", ""), e;
+}, Ut = function() {
+  B(this, R).querySelector(".ts-wrapper").classList.add("form-control"), B(this, R).querySelector(".ts-wrapper").style = `
+      --ts-pr-caret: 1rem;
       height: unset;
       min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
-    `, G(this, N).querySelector(".ts-control").style = `
+    `, B(this, R).querySelector(".ts-control").style = `
       padding-top: 1.625rem;
       padding-bottom: 0.625rem;
     `;