@prometa/sleek 0.0.10 → 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 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 te } from "./chartjs-chart.js";
-import { t as ee } from "./utils.js";
+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,7 +555,7 @@ 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);
 }, G = (i, t) => {
   if (Array.isArray(i))
@@ -568,43 +568,43 @@ const H = (i) => typeof i > "u" || i === null ? null : nt(i), nt = (i) => typeof
     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 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;
@@ -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);
@@ -789,25 +789,25 @@ function Ht(i, t) {
       }), 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++;
+    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 = 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), M(r.dropdownParent || a).appendChild(u), Dt(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"];
       G(b, (Z) => {
@@ -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;
   }
   /**
@@ -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);
     });
   }
@@ -1422,8 +1422,8 @@ class Y extends ne(ie) {
         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(), G(y, (f) => {
@@ -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
@@ -1761,7 +1761,7 @@ class Y extends ne(ie) {
         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);
@@ -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++, G(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.
@@ -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,7 +2508,7 @@ let ft = null;
 function Ki() {
   return ft === null && (ft = document.querySelectorAll("head > link[rel=stylesheet]")), ft;
 }
-var N, R, _, Q, z, Tt, Qt, Et;
+var N, R, _, Q, z, Qt, Et, Ut;
 const Ct = class Ct extends HTMLElement {
   constructor() {
     super(...arguments);
@@ -2520,7 +2520,7 @@ const Ct = class Ct extends HTMLElement {
   }
   connectedCallback() {
     this.style.display = "block";
-    const e = P(this, z, Qt).call(this);
+    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), B(this, R).appendChild(e), B(this, R).appendChild(n), Ki().forEach((s) => {
@@ -2529,14 +2529,14 @@ const Ct = class Ct extends HTMLElement {
       (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;
+      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(), this.tomSelect.on("change", P(this, z, Tt).bind(this)), 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();
@@ -2552,18 +2552,18 @@ const Ct = class Ct extends HTMLElement {
       B(this, _).setFormValue(e);
   }
 };
-N = new WeakMap(), R = new WeakMap(), _ = new WeakMap(), Q = new WeakMap(), z = new WeakSet(), Tt = function(e) {
+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"));
-}, Qt = function() {
+}, Et = function() {
   const e = document.createElement("div");
   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") && (B(this, N).name = this.getAttribute("name")), this.hasAttribute("multiple") && B(this, N).setAttribute("multiple", ""), e;
-}, Et = function() {
+}, 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));
-      --ts-pr-caret: 1rem;
     `, B(this, R).querySelector(".ts-control").style = `
       padding-top: 1.625rem;
       padding-bottom: 0.625rem;

package/dist/sleek.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./utils.cjs");function L(r,{resolveTagName:f=h,watch:E=!0}={}){const t=new EventTarget,i=Object.fromEntries(Object.entries(r).map(([e,n])=>[f(e),n]));d(),E&&v();function c(e){if(i[e]){if(o("element:load-start",{tagName:e},{cancelable:!0})===!1)return;i[e]().then(()=>o("element:loading",{tagName:e})).catch(s=>o("element:load-error",{tagName:e,error:s})).then(()=>o("element:load-end",{tagName:e}))}}function d(e=document){e.querySelectorAll(Object.keys(i).join(",")).forEach(n=>{m(n.tagName.toLowerCase())&&c(n.tagName.toLowerCase())})}function v(){new MutationObserver(n=>{o("observer:scan-start"),n.forEach(s=>{s.addedNodes.forEach(l=>{if(l.nodeType===Node.ELEMENT_NODE){const a=l;o("observer:scan-node",{node:a});const u=a.tagName.toLowerCase();m(u)&&c(u),d(a)}})}),o("observer:scan-end")}).observe(document.body,{childList:!0,subtree:!0})}function o(e,n={},s={}){return t.dispatchEvent(new CustomEvent(e,{detail:n,...s}))}return{addEventListener:t.addEventListener.bind(t),on:t.addEventListener.bind(t),removeEventListener:t.removeEventListener.bind(t),off:t.removeEventListener.bind(t)}}function m(r){return r.includes("-")&&!customElements.get(r)}function h(r){return r.split("/").pop().split(".").shift().toLowerCase()}exports.trySafeEval=b.trySafeEval;exports.loadCustomElements=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./utils.cjs");function L({maps:o}){window.SLEEK||(window.SLEEK={}),window.SLEEK.maps=o}function w(o,{resolveTagName:f=p,watch:m=!0}={}){const t=new EventTarget,i=Object.fromEntries(Object.entries(o).map(([e,n])=>[f(e),n]));c(),m&&v();function a(e){if(i[e]){if(r("element:load-start",{tagName:e},{cancelable:!0})===!1)return;i[e]().then(()=>r("element:loading",{tagName:e})).catch(s=>r("element:load-error",{tagName:e,error:s})).then(()=>r("element:load-end",{tagName:e}))}}function c(e=document){e.querySelectorAll(Object.keys(i).join(",")).forEach(n=>{E(n.tagName.toLowerCase())&&a(n.tagName.toLowerCase())})}function v(){new MutationObserver(n=>{r("observer:scan-start"),n.forEach(s=>{s.addedNodes.forEach(u=>{if(u.nodeType===Node.ELEMENT_NODE){const d=u;r("observer:scan-node",{node:d});const l=d.tagName.toLowerCase();E(l)&&a(l),c(d)}})}),r("observer:scan-end")}).observe(document.body,{childList:!0,subtree:!0})}function r(e,n={},s={}){return t.dispatchEvent(new CustomEvent(e,{detail:n,...s}))}return{addEventListener:t.addEventListener.bind(t),on:t.addEventListener.bind(t),removeEventListener:t.removeEventListener.bind(t),off:t.removeEventListener.bind(t)}}function E(o){return o.includes("-")&&!customElements.get(o)}function p(o){return o.split("/").pop().split(".").shift().toLowerCase()}exports.trySafeEval=b.trySafeEval;exports.loadCustomElements=w;exports.setup=L;

package/dist/sleek.js

@@ -1,38 +1,41 @@
-import { t as w } from "./utils.js";
-function L(r, {
-  resolveTagName: m = b,
-  watch: E = !0
+import { t as C } from "./utils.js";
+function L({ maps: o }) {
+  window.SLEEK || (window.SLEEK = {}), window.SLEEK.maps = o;
+}
+function w(o, {
+  resolveTagName: f = b,
+  watch: m = !0
 } = {}) {
   const t = new EventTarget(), i = Object.fromEntries(
-    Object.entries(r).map(([e, n]) => [m(e), n])
+    Object.entries(o).map(([e, n]) => [f(e), n])
   );
-  a(), E && v();
-  function d(e) {
+  a(), m && v();
+  function c(e) {
     if (i[e]) {
-      if (o("element:load-start", { tagName: e }, { cancelable: !0 }) === !1) return;
-      i[e]().then(() => o("element:loading", { tagName: e })).catch((s) => o("element:load-error", { tagName: e, error: s })).then(() => o("element:load-end", { tagName: e }));
+      if (r("element:load-start", { tagName: e }, { cancelable: !0 }) === !1) return;
+      i[e]().then(() => r("element:loading", { tagName: e })).catch((s) => r("element:load-error", { tagName: e, error: s })).then(() => r("element:load-end", { tagName: e }));
     }
   }
   function a(e = document) {
     e.querySelectorAll(Object.keys(i).join(",")).forEach((n) => {
-      f(n.tagName.toLowerCase()) && d(n.tagName.toLowerCase());
+      E(n.tagName.toLowerCase()) && c(n.tagName.toLowerCase());
     });
   }
   function v() {
     new MutationObserver((n) => {
-      o("observer:scan-start"), n.forEach((s) => {
-        s.addedNodes.forEach((l) => {
-          if (l.nodeType === Node.ELEMENT_NODE) {
-            const c = l;
-            o("observer:scan-node", { node: c });
-            const u = c.tagName.toLowerCase();
-            f(u) && d(u), a(c);
+      r("observer:scan-start"), n.forEach((s) => {
+        s.addedNodes.forEach((u) => {
+          if (u.nodeType === Node.ELEMENT_NODE) {
+            const d = u;
+            r("observer:scan-node", { node: d });
+            const l = d.tagName.toLowerCase();
+            E(l) && c(l), a(d);
           }
         });
-      }), o("observer:scan-end");
+      }), r("observer:scan-end");
     }).observe(document.body, { childList: !0, subtree: !0 });
   }
-  function o(e, n = {}, s = {}) {
+  function r(e, n = {}, s = {}) {
     return t.dispatchEvent(new CustomEvent(e, { detail: n, ...s }));
   }
   return {
@@ -42,13 +45,14 @@ function L(r, {
     off: t.removeEventListener.bind(t)
   };
 }
-function f(r) {
-  return r.includes("-") && !customElements.get(r);
+function E(o) {
+  return o.includes("-") && !customElements.get(o);
 }
-function b(r) {
-  return r.split("/").pop().split(".").shift().toLowerCase();
+function b(o) {
+  return o.split("/").pop().split(".").shift().toLowerCase();
 }
 export {
-  L as loadCustomElements,
-  w as trySafeEval
+  w as loadCustomElements,
+  L as setup,
+  C as trySafeEval
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prometa/sleek",
   "private": false,
-  "version": "0.0.10",
+  "version": "0.0.11",
   "type": "module",
   "files": [
     "dist"
@@ -24,6 +24,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@googlemaps/js-api-loader": "^1.16.10",
     "chart.js": "^4.4.8",
     "chartjs-adapter-date-fns": "^3.0.0",
     "chartjs-plugin-annotation": "^3.1.0",
@@ -32,6 +33,7 @@
     "tom-select": "^2.4.3"
   },
   "devDependencies": {
+    "@types/google.maps": "^3.58.1",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3"
   }