@lanrenbang/basecoat-ultra 0.1.2

package/dist/js/resizable.min.js

@@ -0,0 +1,284 @@
+var d = typeof window < "u" ? window : null, W = d === null, N = W ? void 0 : d.document, m = "addEventListener", z = "removeEventListener", T = "getBoundingClientRect", L = "_a", h = "_b", y = "_c", k = "horizontal", g = function() {
+  return !1;
+}, he = W ? "calc" : ["", "-webkit-", "-moz-", "-o-"].filter(function(l) {
+  var i = N.createElement("div");
+  return i.style.cssText = "width:" + l + "calc(9px)", !!i.style.length;
+}).shift() + "calc", ne = function(l) {
+  return typeof l == "string" || l instanceof String;
+}, re = function(l) {
+  if (ne(l)) {
+    var i = N.querySelector(l);
+    if (!i)
+      throw new Error("Selector " + l + " did not match a DOM element");
+    return i;
+  }
+  return l;
+}, f = function(l, i, a) {
+  var s = l[i];
+  return s !== void 0 ? s : a;
+}, G = function(l, i, a, s) {
+  if (i) {
+    if (s === "end")
+      return 0;
+    if (s === "center")
+      return l / 2;
+  } else if (a) {
+    if (s === "start")
+      return 0;
+    if (s === "center")
+      return l / 2;
+  }
+  return l;
+}, ge = function(l, i) {
+  var a = N.createElement("div");
+  return a.className = "gutter gutter-" + i, a;
+}, Se = function(l, i, a) {
+  var s = {};
+  return ne(i) ? s[l] = i : s[l] = he + "(" + i + "% - " + a + "px)", s;
+}, ye = function(l, i) {
+  var a;
+  return a = {}, a[l] = i + "px", a;
+}, pe = function(l, i) {
+  if (i === void 0 && (i = {}), W)
+    return {};
+  var a = l, s, p, E, O, S, u;
+  Array.from && (a = Array.from(a));
+  var j = re(a[0]), M = j.parentNode, X = getComputedStyle ? getComputedStyle(M) : null, Y = X ? X.flexDirection : null, B = f(i, "sizes") || a.map(function() {
+    return 100 / a.length;
+  }), R = f(i, "minSize", 100), $ = Array.isArray(R) ? R : a.map(function() {
+    return R;
+  }), q = f(i, "maxSize", 1 / 0), ie = Array.isArray(q) ? q : a.map(function() {
+    return q;
+  }), ae = f(i, "expandToMin", !1), D = f(i, "gutterSize", 10), C = f(i, "gutterAlign", "center"), P = f(i, "snapOffset", 30), se = Array.isArray(P) ? P : a.map(function() {
+    return P;
+  }), _ = f(i, "dragInterval", 1), w = f(i, "direction", k), H = f(
+    i,
+    "cursor",
+    w === k ? "col-resize" : "row-resize"
+  ), le = f(i, "gutter", ge), Z = f(
+    i,
+    "elementStyle",
+    Se
+  ), ue = f(i, "gutterStyle", ye);
+  w === k ? (s = "width", p = "clientX", E = "left", O = "right", S = "clientWidth") : w === "vertical" && (s = "height", p = "clientY", E = "top", O = "bottom", S = "clientHeight");
+  function A(r, e, t, n) {
+    var c = Z(s, e, t, n);
+    Object.keys(c).forEach(function(o) {
+      r.style[o] = c[o];
+    });
+  }
+  function oe(r, e, t) {
+    var n = ue(s, e, t);
+    Object.keys(n).forEach(function(c) {
+      r.style[c] = n[c];
+    });
+  }
+  function I() {
+    return u.map(function(r) {
+      return r.size;
+    });
+  }
+  function J(r) {
+    return "touches" in r ? r.touches[0][p] : r[p];
+  }
+  function K(r) {
+    var e = u[this.a], t = u[this.b], n = e.size + t.size;
+    e.size = r / this.size * n, t.size = n - r / this.size * n, A(e.element, e.size, this[h], e.i), A(t.element, t.size, this[y], t.i);
+  }
+  function ce(r) {
+    var e, t = u[this.a], n = u[this.b];
+    this.dragging && (e = J(r) - this.start + (this[h] - this.dragOffset), _ > 1 && (e = Math.round(e / _) * _), e <= t.minSize + t.snapOffset + this[h] ? e = t.minSize + this[h] : e >= this.size - (n.minSize + n.snapOffset + this[y]) && (e = this.size - (n.minSize + this[y])), e >= t.maxSize - t.snapOffset + this[h] ? e = t.maxSize + this[h] : e <= this.size - (n.maxSize - n.snapOffset + this[y]) && (e = this.size - (n.maxSize + this[y])), K.call(this, e), f(i, "onDrag", g)(I()));
+  }
+  function Q() {
+    var r = u[this.a].element, e = u[this.b].element, t = r[T](), n = e[T]();
+    this.size = t[s] + n[s] + this[h] + this[y], this.start = t[E], this.end = t[O];
+  }
+  function fe(r) {
+    if (!getComputedStyle)
+      return null;
+    var e = getComputedStyle(r);
+    if (!e)
+      return null;
+    var t = r[S];
+    return t === 0 ? null : (w === k ? t -= parseFloat(e.paddingLeft) + parseFloat(e.paddingRight) : t -= parseFloat(e.paddingTop) + parseFloat(e.paddingBottom), t);
+  }
+  function ee(r) {
+    var e = fe(M);
+    if (e === null || $.reduce(function(o, v) {
+      return o + v;
+    }, 0) > e)
+      return r;
+    var t = 0, n = [], c = r.map(function(o, v) {
+      var x = e * o / 100, F = G(
+        D,
+        v === 0,
+        v === r.length - 1,
+        C
+      ), U = $[v] + F;
+      return x < U ? (t += U - x, n.push(0), U) : (n.push(x - U), x);
+    });
+    return t === 0 ? r : c.map(function(o, v) {
+      var x = o;
+      if (t > 0 && n[v] - t > 0) {
+        var F = Math.min(
+          t,
+          n[v] - t
+        );
+        t -= F, x = o - F;
+      }
+      return x / e * 100;
+    });
+  }
+  function ve() {
+    var r = this, e = u[r.a].element, t = u[r.b].element;
+    r.dragging && f(i, "onDragEnd", g)(I()), r.dragging = !1, d[z]("mouseup", r.stop), d[z]("touchend", r.stop), d[z]("touchcancel", r.stop), d[z]("mousemove", r.move), d[z]("touchmove", r.move), r.stop = null, r.move = null, e[z]("selectstart", g), e[z]("dragstart", g), t[z]("selectstart", g), t[z]("dragstart", g), e.style.userSelect = "", e.style.webkitUserSelect = "", e.style.MozUserSelect = "", e.style.pointerEvents = "", t.style.userSelect = "", t.style.webkitUserSelect = "", t.style.MozUserSelect = "", t.style.pointerEvents = "", r.gutter.style.cursor = "", r.parent.style.cursor = "", N.body.style.cursor = "";
+  }
+  function de(r) {
+    if (!("button" in r && r.button !== 0)) {
+      var e = this, t = u[e.a].element, n = u[e.b].element;
+      e.dragging || f(i, "onDragStart", g)(I()), r.preventDefault(), e.dragging = !0, e.move = ce.bind(e), e.stop = ve.bind(e), d[m]("mouseup", e.stop), d[m]("touchend", e.stop), d[m]("touchcancel", e.stop), d[m]("mousemove", e.move), d[m]("touchmove", e.move), t[m]("selectstart", g), t[m]("dragstart", g), n[m]("selectstart", g), n[m]("dragstart", g), t.style.userSelect = "none", t.style.webkitUserSelect = "none", t.style.MozUserSelect = "none", t.style.pointerEvents = "none", n.style.userSelect = "none", n.style.webkitUserSelect = "none", n.style.MozUserSelect = "none", n.style.pointerEvents = "none", e.gutter.style.cursor = H, e.parent.style.cursor = H, N.body.style.cursor = H, Q.call(e), e.dragOffset = J(r) - e.end;
+    }
+  }
+  B = ee(B);
+  var b = [];
+  u = a.map(function(r, e) {
+    var t = {
+      element: re(r),
+      size: B[e],
+      minSize: $[e],
+      maxSize: ie[e],
+      snapOffset: se[e],
+      i: e
+    }, n;
+    if (e > 0 && (n = {
+      a: e - 1,
+      b: e,
+      dragging: !1,
+      direction: w,
+      parent: M
+    }, n[h] = G(
+      D,
+      e - 1 === 0,
+      !1,
+      C
+    ), n[y] = G(
+      D,
+      !1,
+      e === a.length - 1,
+      C
+    ), Y === "row-reverse" || Y === "column-reverse")) {
+      var c = n.a;
+      n.a = n.b, n.b = c;
+    }
+    if (e > 0) {
+      var o = le(e, w, t.element);
+      oe(o, D, e), n[L] = de.bind(n), o[m](
+        "mousedown",
+        n[L]
+      ), o[m](
+        "touchstart",
+        n[L]
+      ), M.insertBefore(o, t.element), n.gutter = o;
+    }
+    return A(
+      t.element,
+      t.size,
+      G(
+        D,
+        e === 0,
+        e === a.length - 1,
+        C
+      ),
+      e
+    ), e > 0 && b.push(n), t;
+  });
+  function te(r) {
+    var e = r.i === b.length, t = e ? b[r.i - 1] : b[r.i];
+    Q.call(t);
+    var n = e ? t.size - r.minSize - t[y] : r.minSize + t[h];
+    K.call(t, n);
+  }
+  u.forEach(function(r) {
+    var e = r.element[T]()[s];
+    e < r.minSize && (ae ? te(r) : r.minSize = e);
+  });
+  function me(r) {
+    var e = ee(r);
+    e.forEach(function(t, n) {
+      if (n > 0) {
+        var c = b[n - 1], o = u[c.a], v = u[c.b];
+        o.size = e[n - 1], v.size = t, A(o.element, o.size, c[h], o.i), A(v.element, v.size, c[y], v.i);
+      }
+    });
+  }
+  function ze(r, e) {
+    b.forEach(function(t) {
+      if (e !== !0 ? t.parent.removeChild(t.gutter) : (t.gutter[z](
+        "mousedown",
+        t[L]
+      ), t.gutter[z](
+        "touchstart",
+        t[L]
+      )), r !== !0) {
+        var n = Z(
+          s,
+          t.a.size,
+          t[h]
+        );
+        Object.keys(n).forEach(function(c) {
+          u[t.a].element.style[c] = "", u[t.b].element.style[c] = "";
+        });
+      }
+    });
+  }
+  return {
+    setSizes: me,
+    getSizes: I,
+    collapse: function(e) {
+      te(u[e]);
+    },
+    destroy: ze,
+    parent: M,
+    pairs: b
+  };
+};
+const V = (l = document) => {
+  l.querySelectorAll(".resizable-group").forEach((a) => {
+    if (a.dataset.splitInitialized) return;
+    const s = a.dataset.direction || "horizontal", p = Array.from(a.children).filter((S) => S.tagName === "DIV" || S.tagName === "SECTION" || S.tagName === "ASIDE");
+    if (p.length < 2) return;
+    let E;
+    a.dataset.sizes && (E = a.dataset.sizes.split(",").map(Number));
+    let O;
+    a.dataset.minSizes && (O = a.dataset.minSizes.split(",").map(Number)), pe(p, {
+      sizes: E || void 0,
+      // Default is equal
+      minSize: O || 100,
+      direction: s,
+      gutterSize: 5,
+      // 5px gutter
+      cursor: s === "horizontal" ? "col-resize" : "row-resize",
+      elementStyle: (S, u, j) => ({
+        "flex-basis": `calc(${u}% - ${j}px)`
+      }),
+      gutterStyle: (S, u) => ({
+        "flex-basis": `${u}px`
+      })
+    }), a.dataset.splitInitialized = "true";
+  });
+};
+if (typeof window < "u") {
+  const l = new MutationObserver((i) => {
+    i.forEach((a) => {
+      a.type === "childList" && a.addedNodes.forEach((s) => {
+        s.nodeType === 1 && (s.classList?.contains("resizable-group") ? V(s.parentNode) : s.querySelector?.(".resizable-group") && V(s));
+      });
+    });
+  });
+  document.addEventListener("DOMContentLoaded", () => {
+    V(), l.observe(document.body, { childList: !0, subtree: !0 });
+  });
+}
+export {
+  V as initResizable
+};

package/dist/js/select.js

@@ -0,0 +1,246 @@
+(() => {
+  const initSelect = (selectComponent) => {
+    const trigger = selectComponent.querySelector(":scope > button");
+    const selectedLabel = trigger.querySelector(":scope > span");
+    const popover = selectComponent.querySelector(":scope > [data-popover]");
+    const listbox = popover.querySelector('[role="listbox"]');
+    const input = selectComponent.querySelector(':scope > input[type="hidden"]');
+    const filter = selectComponent.querySelector('header input[type="text"]');
+    if (!trigger || !popover || !listbox || !input) {
+      const missing = [];
+      if (!trigger) missing.push("trigger");
+      if (!popover) missing.push("popover");
+      if (!listbox) missing.push("listbox");
+      if (!input) missing.push("input");
+      console.error(`Select component initialisation failed. Missing element(s): ${missing.join(", ")}`, selectComponent);
+      return;
+    }
+    const allOptions = Array.from(listbox.querySelectorAll('[role="option"]'));
+    const options = allOptions.filter((opt) => opt.getAttribute("aria-disabled") !== "true");
+    let visibleOptions = [...options];
+    let activeIndex = -1;
+    const setActiveOption = (index) => {
+      if (activeIndex > -1 && options[activeIndex]) {
+        options[activeIndex].classList.remove("active");
+      }
+      activeIndex = index;
+      if (activeIndex > -1) {
+        const activeOption = options[activeIndex];
+        activeOption.classList.add("active");
+        if (activeOption.id) {
+          trigger.setAttribute("aria-activedescendant", activeOption.id);
+        } else {
+          trigger.removeAttribute("aria-activedescendant");
+        }
+      } else {
+        trigger.removeAttribute("aria-activedescendant");
+      }
+    };
+    const hasTransition = () => {
+      const style = getComputedStyle(popover);
+      return parseFloat(style.transitionDuration) > 0 || parseFloat(style.transitionDelay) > 0;
+    };
+    const updateValue = (option, triggerEvent = true) => {
+      if (option) {
+        selectedLabel.innerHTML = option.innerHTML;
+        input.value = option.dataset.value;
+        listbox.querySelector('[role="option"][aria-selected="true"]')?.removeAttribute("aria-selected");
+        option.setAttribute("aria-selected", "true");
+        if (triggerEvent) {
+          const event = new CustomEvent("change", {
+            detail: { value: option.dataset.value },
+            bubbles: true
+          });
+          selectComponent.dispatchEvent(event);
+        }
+      }
+    };
+    const closePopover = (focusOnTrigger = true) => {
+      if (popover.getAttribute("aria-hidden") === "true") return;
+      if (filter) {
+        const resetFilter = () => {
+          filter.value = "";
+          visibleOptions = [...options];
+          allOptions.forEach((opt) => opt.setAttribute("aria-hidden", "false"));
+        };
+        if (hasTransition()) {
+          popover.addEventListener("transitionend", resetFilter, { once: true });
+        } else {
+          resetFilter();
+        }
+      }
+      if (focusOnTrigger) trigger.focus();
+      popover.setAttribute("aria-hidden", "true");
+      trigger.setAttribute("aria-expanded", "false");
+      setActiveOption(-1);
+    };
+    const selectOption = (option) => {
+      if (!option) return;
+      const oldValue = input.value;
+      const newValue = option.dataset.value;
+      if (newValue != null && newValue !== oldValue) {
+        updateValue(option);
+      }
+      closePopover();
+    };
+    const selectByValue = (value) => {
+      const option = options.find((opt) => opt.dataset.value === value);
+      selectOption(option);
+    };
+    if (filter) {
+      const filterOptions = () => {
+        const searchTerm = filter.value.trim().toLowerCase();
+        setActiveOption(-1);
+        visibleOptions = [];
+        allOptions.forEach((option) => {
+          if (option.hasAttribute("data-force")) {
+            option.setAttribute("aria-hidden", "false");
+            if (options.includes(option)) {
+              visibleOptions.push(option);
+            }
+            return;
+          }
+          const optionText = (option.dataset.filter || option.textContent).trim().toLowerCase();
+          const keywordList = (option.dataset.keywords || "").toLowerCase().split(/[\s,]+/).filter(Boolean);
+          const matchesKeyword = keywordList.some((keyword) => keyword.includes(searchTerm));
+          const matches = optionText.includes(searchTerm) || matchesKeyword;
+          option.setAttribute("aria-hidden", String(!matches));
+          if (matches && options.includes(option)) {
+            visibleOptions.push(option);
+          }
+        });
+      };
+      filter.addEventListener("input", filterOptions);
+    }
+    let initialOption = options.find((opt) => opt.dataset.value === input.value);
+    if (!initialOption) {
+      initialOption = options.find((opt) => opt.dataset.value !== void 0) ?? options[0];
+    }
+    updateValue(initialOption, false);
+    const handleKeyNavigation = (event) => {
+      const isPopoverOpen = popover.getAttribute("aria-hidden") === "false";
+      if (!["ArrowDown", "ArrowUp", "Enter", "Home", "End", "Escape"].includes(event.key)) {
+        return;
+      }
+      if (!isPopoverOpen) {
+        if (event.key !== "Enter" && event.key !== "Escape") {
+          event.preventDefault();
+          trigger.click();
+        }
+        return;
+      }
+      event.preventDefault();
+      if (event.key === "Escape") {
+        closePopover();
+        return;
+      }
+      if (event.key === "Enter") {
+        if (activeIndex > -1) {
+          selectOption(options[activeIndex]);
+        }
+        return;
+      }
+      if (visibleOptions.length === 0) return;
+      const currentVisibleIndex = activeIndex > -1 ? visibleOptions.indexOf(options[activeIndex]) : -1;
+      let nextVisibleIndex = currentVisibleIndex;
+      switch (event.key) {
+        case "ArrowDown":
+          if (currentVisibleIndex < visibleOptions.length - 1) {
+            nextVisibleIndex = currentVisibleIndex + 1;
+          }
+          break;
+        case "ArrowUp":
+          if (currentVisibleIndex > 0) {
+            nextVisibleIndex = currentVisibleIndex - 1;
+          } else if (currentVisibleIndex === -1) {
+            nextVisibleIndex = 0;
+          }
+          break;
+        case "Home":
+          nextVisibleIndex = 0;
+          break;
+        case "End":
+          nextVisibleIndex = visibleOptions.length - 1;
+          break;
+      }
+      if (nextVisibleIndex !== currentVisibleIndex) {
+        const newActiveOption = visibleOptions[nextVisibleIndex];
+        setActiveOption(options.indexOf(newActiveOption));
+        newActiveOption.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      }
+    };
+    listbox.addEventListener("mousemove", (event) => {
+      const option = event.target.closest('[role="option"]');
+      if (option && visibleOptions.includes(option)) {
+        const index = options.indexOf(option);
+        if (index !== activeIndex) {
+          setActiveOption(index);
+        }
+      }
+    });
+    listbox.addEventListener("mouseleave", () => {
+      const selectedOption = listbox.querySelector('[role="option"][aria-selected="true"]');
+      if (selectedOption) {
+        setActiveOption(options.indexOf(selectedOption));
+      } else {
+        setActiveOption(-1);
+      }
+    });
+    trigger.addEventListener("keydown", handleKeyNavigation);
+    if (filter) {
+      filter.addEventListener("keydown", handleKeyNavigation);
+    }
+    const openPopover = () => {
+      document.dispatchEvent(new CustomEvent("basecoat:popover", {
+        detail: { source: selectComponent }
+      }));
+      if (filter) {
+        if (hasTransition()) {
+          popover.addEventListener("transitionend", () => {
+            filter.focus();
+          }, { once: true });
+        } else {
+          filter.focus();
+        }
+      }
+      popover.setAttribute("aria-hidden", "false");
+      trigger.setAttribute("aria-expanded", "true");
+      const selectedOption = listbox.querySelector('[role="option"][aria-selected="true"]');
+      if (selectedOption) {
+        setActiveOption(options.indexOf(selectedOption));
+        selectedOption.scrollIntoView({ block: "nearest" });
+      }
+    };
+    trigger.addEventListener("click", () => {
+      const isExpanded = trigger.getAttribute("aria-expanded") === "true";
+      if (isExpanded) {
+        closePopover();
+      } else {
+        openPopover();
+      }
+    });
+    listbox.addEventListener("click", (event) => {
+      const clickedOption = event.target.closest('[role="option"]');
+      if (clickedOption) {
+        selectOption(clickedOption);
+      }
+    });
+    document.addEventListener("click", (event) => {
+      if (!selectComponent.contains(event.target)) {
+        closePopover(false);
+      }
+    });
+    document.addEventListener("basecoat:popover", (event) => {
+      if (event.detail.source !== selectComponent) {
+        closePopover(false);
+      }
+    });
+    popover.setAttribute("aria-hidden", "true");
+    selectComponent.selectByValue = selectByValue;
+    selectComponent.dataset.selectInitialized = true;
+    selectComponent.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  if (window.basecoat) {
+    window.basecoat.register("select", "div.select:not([data-select-initialized])", initSelect);
+  }
+})();

package/dist/js/select.min.js

@@ -0,0 +1,131 @@
+(() => {
+  const x = (a) => {
+    const r = a.querySelector(":scope > button"), L = r.querySelector(":scope > span"), n = a.querySelector(":scope > [data-popover]"), l = n.querySelector('[role="listbox"]'), v = a.querySelector(':scope > input[type="hidden"]'), c = a.querySelector('header input[type="text"]');
+    if (!r || !n || !l || !v) {
+      const e = [];
+      r || e.push("trigger"), n || e.push("popover"), l || e.push("listbox"), v || e.push("input"), console.error(`Select component initialisation failed. Missing element(s): ${e.join(", ")}`, a);
+      return;
+    }
+    const b = Array.from(l.querySelectorAll('[role="option"]')), s = b.filter((e) => e.getAttribute("aria-disabled") !== "true");
+    let d = [...s], o = -1;
+    const f = (e) => {
+      if (o > -1 && s[o] && s[o].classList.remove("active"), o = e, o > -1) {
+        const i = s[o];
+        i.classList.add("active"), i.id ? r.setAttribute("aria-activedescendant", i.id) : r.removeAttribute("aria-activedescendant");
+      } else
+        r.removeAttribute("aria-activedescendant");
+    }, w = () => {
+      const e = getComputedStyle(n);
+      return parseFloat(e.transitionDuration) > 0 || parseFloat(e.transitionDelay) > 0;
+    }, A = (e, i = !0) => {
+      if (e && (L.innerHTML = e.innerHTML, v.value = e.dataset.value, l.querySelector('[role="option"][aria-selected="true"]')?.removeAttribute("aria-selected"), e.setAttribute("aria-selected", "true"), i)) {
+        const t = new CustomEvent("change", {
+          detail: { value: e.dataset.value },
+          bubbles: !0
+        });
+        a.dispatchEvent(t);
+      }
+    }, p = (e = !0) => {
+      if (n.getAttribute("aria-hidden") !== "true") {
+        if (c) {
+          const i = () => {
+            c.value = "", d = [...s], b.forEach((t) => t.setAttribute("aria-hidden", "false"));
+          };
+          w() ? n.addEventListener("transitionend", i, { once: !0 }) : i();
+        }
+        e && r.focus(), n.setAttribute("aria-hidden", "true"), r.setAttribute("aria-expanded", "false"), f(-1);
+      }
+    }, h = (e) => {
+      if (!e) return;
+      const i = v.value, t = e.dataset.value;
+      t != null && t !== i && A(e), p();
+    }, O = (e) => {
+      const i = s.find((t) => t.dataset.value === e);
+      h(i);
+    };
+    if (c) {
+      const e = () => {
+        const i = c.value.trim().toLowerCase();
+        f(-1), d = [], b.forEach((t) => {
+          if (t.hasAttribute("data-force")) {
+            t.setAttribute("aria-hidden", "false"), s.includes(t) && d.push(t);
+            return;
+          }
+          const u = (t.dataset.filter || t.textContent).trim().toLowerCase(), S = (t.dataset.keywords || "").toLowerCase().split(/[\s,]+/).filter(Boolean).some((q) => q.includes(i)), g = u.includes(i) || S;
+          t.setAttribute("aria-hidden", String(!g)), g && s.includes(t) && d.push(t);
+        });
+      };
+      c.addEventListener("input", e);
+    }
+    let y = s.find((e) => e.dataset.value === v.value);
+    y || (y = s.find((e) => e.dataset.value !== void 0) ?? s[0]), A(y, !1);
+    const k = (e) => {
+      const i = n.getAttribute("aria-hidden") === "false";
+      if (!["ArrowDown", "ArrowUp", "Enter", "Home", "End", "Escape"].includes(e.key))
+        return;
+      if (!i) {
+        e.key !== "Enter" && e.key !== "Escape" && (e.preventDefault(), r.click());
+        return;
+      }
+      if (e.preventDefault(), e.key === "Escape") {
+        p();
+        return;
+      }
+      if (e.key === "Enter") {
+        o > -1 && h(s[o]);
+        return;
+      }
+      if (d.length === 0) return;
+      const t = o > -1 ? d.indexOf(s[o]) : -1;
+      let u = t;
+      switch (e.key) {
+        case "ArrowDown":
+          t < d.length - 1 && (u = t + 1);
+          break;
+        case "ArrowUp":
+          t > 0 ? u = t - 1 : t === -1 && (u = 0);
+          break;
+        case "Home":
+          u = 0;
+          break;
+        case "End":
+          u = d.length - 1;
+          break;
+      }
+      if (u !== t) {
+        const E = d[u];
+        f(s.indexOf(E)), E.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      }
+    };
+    l.addEventListener("mousemove", (e) => {
+      const i = e.target.closest('[role="option"]');
+      if (i && d.includes(i)) {
+        const t = s.indexOf(i);
+        t !== o && f(t);
+      }
+    }), l.addEventListener("mouseleave", () => {
+      const e = l.querySelector('[role="option"][aria-selected="true"]');
+      f(e ? s.indexOf(e) : -1);
+    }), r.addEventListener("keydown", k), c && c.addEventListener("keydown", k);
+    const m = () => {
+      document.dispatchEvent(new CustomEvent("basecoat:popover", {
+        detail: { source: a }
+      })), c && (w() ? n.addEventListener("transitionend", () => {
+        c.focus();
+      }, { once: !0 }) : c.focus()), n.setAttribute("aria-hidden", "false"), r.setAttribute("aria-expanded", "true");
+      const e = l.querySelector('[role="option"][aria-selected="true"]');
+      e && (f(s.indexOf(e)), e.scrollIntoView({ block: "nearest" }));
+    };
+    r.addEventListener("click", () => {
+      r.getAttribute("aria-expanded") === "true" ? p() : m();
+    }), l.addEventListener("click", (e) => {
+      const i = e.target.closest('[role="option"]');
+      i && h(i);
+    }), document.addEventListener("click", (e) => {
+      a.contains(e.target) || p(!1);
+    }), document.addEventListener("basecoat:popover", (e) => {
+      e.detail.source !== a && p(!1);
+    }), n.setAttribute("aria-hidden", "true"), a.selectByValue = O, a.dataset.selectInitialized = !0, a.dispatchEvent(new CustomEvent("basecoat:initialized"));
+  };
+  window.basecoat && window.basecoat.register("select", "div.select:not([data-select-initialized])", x);
+})();