@editora/ui-core 0.1.19 → 0.1.20

package/dist/dock.esm.js

@@ -1,4 +1,4 @@
-import { E as M } from "./ElementBase-909688f3.mjs";
+import { E as M } from "./ElementBase-YlTLMsGk.mjs";
 const T = 1.92, F = 148, C = 1, R = 20, _ = 0.18, g = "12px", y = "12px 14px", x = "56px", D = 56, k = {
   xs: {
     gap: "8px",
@@ -418,59 +418,54 @@ const T = 1.92, F = 148, C = 1, R = 20, _ = 0.18, g = "12px", y = "12px 14px", x
     }
   }
 `;
-function p(a, e, t) {
-  return Math.min(t, Math.max(e, a));
+function p(s, e, t) {
+  return Math.min(t, Math.max(e, s));
 }
-function I(a, e) {
-  if (a == null || a.trim() === "")
-    return e;
-  const t = Number(a);
+function S(s, e) {
+  if (s == null || s.trim() === "") return e;
+  const t = Number(s);
   return Number.isFinite(t) ? t : e;
 }
-function m(a, e) {
-  return Math.max(0, I(a, e));
+function m(s, e) {
+  return Math.max(0, S(s, e));
 }
-function q(a, e) {
-  return p(I(a, e), 0.01, 1);
+function q(s, e) {
+  return p(S(s, e), 0.01, 1);
 }
-function h(a) {
-  if (a == null || a.trim() === "")
-    return null;
-  const e = a.trim().split(/\s+/).filter(Boolean);
+function h(s) {
+  if (s == null || s.trim() === "") return null;
+  const e = s.trim().split(/\s+/).filter(Boolean);
   return e.length ? e.map((t) => /^-?\d+(\.\d+)?$/.test(t) ? `${t}px` : t).join(" ") : null;
 }
-function U(a) {
-  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(a) : window.setTimeout(() => a(Date.now()), 16);
+function U(s) {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(s) : window.setTimeout(() => s(Date.now()), 16);
 }
-function E(a) {
-  if (a != null) {
+function E(s) {
+  if (s != null) {
     if (typeof cancelAnimationFrame == "function") {
-      cancelAnimationFrame(a);
+      cancelAnimationFrame(s);
       return;
     }
-    window.clearTimeout(a);
+    window.clearTimeout(s);
   }
 }
-function $(a) {
-  return a instanceof HTMLElement;
+function $(s) {
+  return s instanceof HTMLElement;
 }
-function B(a) {
-  return a.hasAttribute("disabled") || a.getAttribute("aria-disabled") === "true";
+function B(s) {
+  return s.hasAttribute("disabled") || s.getAttribute("aria-disabled") === "true";
 }
-function H(a) {
-  return a.hasAttribute("data-active") || a.getAttribute("aria-current") === "page" || a.getAttribute("aria-current") === "true";
+function H(s) {
+  return s.hasAttribute("data-active") || s.getAttribute("aria-current") === "page" || s.getAttribute("aria-current") === "true";
 }
-function A(a, e) {
-  return a === "top" || a === "bottom" || a === "start" || a === "end" ? a : e === "horizontal" ? "top" : "end";
+function I(s, e) {
+  return s === "top" || s === "bottom" || s === "start" || s === "end" ? s : e === "horizontal" ? "top" : "end";
 }
-function S(a, e, t) {
-  var l;
-  if (!a.length)
-    return -1;
-  let n = e;
-  for (let r = 0; r < a.length; r += 1)
-    if (n = (n + t + a.length) % a.length, !((l = a[n]) != null && l.disabled))
-      return n;
+function A(s, e, t) {
+  if (!s.length) return -1;
+  let a = e;
+  for (let n = 0; n < s.length; n += 1)
+    if (a = (a + t + s.length) % s.length, !s[a]?.disabled) return a;
   return -1;
 }
 class G extends M {
@@ -502,8 +497,7 @@ class G extends M {
     super.connectedCallback(), this.hasAttribute("role") || this.setAttribute("role", "toolbar"), this._observeLightDom(), this._bindReducedMotion(), this._syncHostStyles(), queueMicrotask(() => this.refresh());
   }
   disconnectedCallback() {
-    var e, t;
-    if (this._slotEl && (this._slotEl.removeEventListener("slotchange", this._handleSlotChange), this._slotEl = null), this._frameEl && (this._frameEl.removeEventListener("pointermove", this._handlePointerMove), this._frameEl.removeEventListener("pointerleave", this._handlePointerLeave), this._frameEl = null), this.removeEventListener("focusin", this._handleFocusIn), this.removeEventListener("focusout", this._handleFocusOut), this.removeEventListener("keydown", this._handleKeyDown), (e = this._resizeObserver) == null || e.disconnect(), this._resizeObserver = null, (t = this._mutationObserver) == null || t.disconnect(), this._mutationObserver = null, this._mediaQuery) {
+    if (this._slotEl && (this._slotEl.removeEventListener("slotchange", this._handleSlotChange), this._slotEl = null), this._frameEl && (this._frameEl.removeEventListener("pointermove", this._handlePointerMove), this._frameEl.removeEventListener("pointerleave", this._handlePointerLeave), this._frameEl = null), this.removeEventListener("focusin", this._handleFocusIn), this.removeEventListener("focusout", this._handleFocusOut), this.removeEventListener("keydown", this._handleKeyDown), this._resizeObserver?.disconnect(), this._resizeObserver = null, this._mutationObserver?.disconnect(), this._mutationObserver = null, this._mediaQuery) {
       try {
         this._mediaQuery.removeEventListener("change", this._handleReducedMotionChange);
       } catch {
@@ -517,15 +511,14 @@ class G extends M {
     this._collectItems(), this._syncHostStyles(), this._measureItems(), this._syncTabIndices(), this._updateTargets(), this._queueAnimation();
   }
   focusItem(e) {
-    var n, l;
-    const t = typeof e == "number" ? e : this._items.findIndex((r) => r.el.getAttribute("data-value") === String(e));
-    t < 0 || t >= this._items.length || (n = this._items[t]) != null && n.disabled || (this._focusedIndex = t, this._rovingIndex = t, this._syncTabIndices(), (l = this._items[t]) == null || l.el.focus(), this._pointerActive = !1, this._pointerCoord = Number.NaN, this._updateTargets(), this._queueAnimation());
+    const t = typeof e == "number" ? e : this._items.findIndex((a) => a.el.getAttribute("data-value") === String(e));
+    t < 0 || t >= this._items.length || this._items[t]?.disabled || (this._focusedIndex = t, this._rovingIndex = t, this._syncTabIndices(), this._items[t]?.el.focus(), this._pointerActive = !1, this._pointerCoord = Number.NaN, this._updateTargets(), this._queueAnimation());
   }
   clearActive() {
     this._pointerActive = !1, this._pointerCoord = Number.NaN, this._focusedIndex = -1, this._updateTargets(), this._queueAnimation();
   }
-  attributeChangedCallback(e, t, n) {
-    !e || t === n || !this.isConnected || (z.has(e) && this._syncHostStyles(), P.has(e) && this._syncItemChrome(), (O.has(e) || P.has(e) || z.has(e)) && this.refresh());
+  attributeChangedCallback(e, t, a) {
+    !e || t === a || !this.isConnected || (z.has(e) && this._syncHostStyles(), P.has(e) && this._syncItemChrome(), (O.has(e) || P.has(e) || z.has(e)) && this.refresh());
   }
   shouldRenderOnAttributeChange() {
     return !1;
@@ -559,8 +552,7 @@ class G extends M {
     this._resizeObserver || typeof ResizeObserver > "u" || (this._resizeObserver = new ResizeObserver(this._handleResize), this._resizeObserver.observe(this));
   }
   _bindReducedMotion() {
-    if (typeof window > "u" || typeof window.matchMedia != "function")
-      return;
+    if (typeof window > "u" || typeof window.matchMedia != "function") return;
     const e = window.matchMedia("(prefers-reduced-motion: reduce)");
     this._reducedMotion = e.matches, this._mediaQuery = e;
     try {
@@ -582,54 +574,49 @@ class G extends M {
     this._measureItems(), this._updateTargets(), this._queueAnimation();
   }
   _handlePointerMove(e) {
-    if ("pointerType" in e && e.pointerType === "touch" || !this._frameEl)
-      return;
-    const t = this._frameEl.getBoundingClientRect(), l = this._orientation() === "horizontal" ? e.clientX - t.left : e.clientY - t.top;
-    this._pointerActive = !0, this._pointerCoord = l, this._measureItems(), this._updateTargets(), this._queueAnimation();
+    if ("pointerType" in e && e.pointerType === "touch" || !this._frameEl) return;
+    const t = this._frameEl.getBoundingClientRect(), n = this._orientation() === "horizontal" ? e.clientX - t.left : e.clientY - t.top;
+    this._pointerActive = !0, this._pointerCoord = n, this._measureItems(), this._updateTargets(), this._queueAnimation();
   }
   _handlePointerLeave() {
     this._pointerActive = !1, this._pointerCoord = Number.NaN, this._updateTargets(), this._queueAnimation();
   }
   _handleFocusIn(e) {
-    var l, r;
-    const t = (r = (l = e.target) == null ? void 0 : l.closest) == null ? void 0 : r.call(l, "[data-ui-dock-item]");
-    if (!t)
-      return;
-    const n = this._items.findIndex((s) => s.el === t);
-    n < 0 || (this._focusedIndex = n, this._rovingIndex = n, this._syncTabIndices(), this._pointerActive = !1, this._pointerCoord = Number.NaN, this._updateTargets(), this._queueAnimation());
+    const t = e.target?.closest?.("[data-ui-dock-item]");
+    if (!t) return;
+    const a = this._items.findIndex((n) => n.el === t);
+    a < 0 || (this._focusedIndex = a, this._rovingIndex = a, this._syncTabIndices(), this._pointerActive = !1, this._pointerCoord = Number.NaN, this._updateTargets(), this._queueAnimation());
   }
   _handleFocusOut(e) {
     const t = e.relatedTarget;
     t && this.contains(t) || (this._focusedIndex = -1, this._pointerActive || (this._updateTargets(), this._queueAnimation()));
   }
   _handleKeyDown(e) {
-    var r;
-    if (e.defaultPrevented || !this._items.length)
-      return;
-    const t = this._orientation(), n = t === "horizontal" ? ["ArrowLeft"] : ["ArrowUp"], l = t === "horizontal" ? ["ArrowRight"] : ["ArrowDown"];
-    if (n.includes(e.key)) {
+    if (e.defaultPrevented || !this._items.length) return;
+    const t = this._orientation(), a = t === "horizontal" ? ["ArrowLeft"] : ["ArrowUp"], n = t === "horizontal" ? ["ArrowRight"] : ["ArrowDown"];
+    if (a.includes(e.key)) {
       e.preventDefault();
-      const s = S(this._items, this._rovingIndex, -1);
-      s >= 0 && this.focusItem(s);
+      const i = A(this._items, this._rovingIndex, -1);
+      i >= 0 && this.focusItem(i);
       return;
     }
-    if (l.includes(e.key)) {
+    if (n.includes(e.key)) {
       e.preventDefault();
-      const s = S(this._items, this._rovingIndex, 1);
-      s >= 0 && this.focusItem(s);
+      const i = A(this._items, this._rovingIndex, 1);
+      i >= 0 && this.focusItem(i);
       return;
     }
     if (e.key === "Home") {
       e.preventDefault();
-      const s = this._items.findIndex((i) => !i.disabled);
-      s >= 0 && this.focusItem(s);
+      const i = this._items.findIndex((c) => !c.disabled);
+      i >= 0 && this.focusItem(i);
       return;
     }
     if (e.key === "End") {
       e.preventDefault();
-      for (let s = this._items.length - 1; s >= 0; s -= 1)
-        if (!((r = this._items[s]) != null && r.disabled)) {
-          this.focusItem(s);
+      for (let i = this._items.length - 1; i >= 0; i -= 1)
+        if (!this._items[i]?.disabled) {
+          this.focusItem(i);
           break;
         }
       return;
@@ -637,96 +624,92 @@ class G extends M {
     e.key === "Escape" && this.clearActive();
   }
   _collectItems() {
-    var l, r;
-    const e = new Map(this._items.map((s) => [s.el, s])), t = Array.from(this.children).filter($).map((s) => {
-      const i = e.get(s), c = s.querySelector("[data-ui-dock-icon]"), u = s.querySelector("[data-ui-dock-label]"), o = s.querySelector("[data-ui-dock-badge]");
+    const e = new Map(this._items.map((n) => [n.el, n])), t = Array.from(this.children).filter($).map((n) => {
+      const i = e.get(n), c = n.querySelector("[data-ui-dock-icon]"), o = n.querySelector("[data-ui-dock-label]"), l = n.querySelector("[data-ui-dock-badge]");
       return {
-        el: s,
+        el: n,
         iconEl: c,
-        labelEl: u,
-        badgeEl: o,
-        center: (i == null ? void 0 : i.center) ?? 0,
-        currentScale: (i == null ? void 0 : i.currentScale) ?? this._idleScale(),
-        targetScale: (i == null ? void 0 : i.targetScale) ?? this._idleScale(),
-        currentLift: (i == null ? void 0 : i.currentLift) ?? 0,
-        targetLift: (i == null ? void 0 : i.targetLift) ?? 0,
-        labelVisible: (i == null ? void 0 : i.labelVisible) ?? !1,
-        disabled: B(s),
-        sticky: H(s),
-        scaleVelocity: (i == null ? void 0 : i.scaleVelocity) ?? 0,
-        liftVelocity: (i == null ? void 0 : i.liftVelocity) ?? 0
+        labelEl: o,
+        badgeEl: l,
+        center: i?.center ?? 0,
+        currentScale: i?.currentScale ?? this._idleScale(),
+        targetScale: i?.targetScale ?? this._idleScale(),
+        currentLift: i?.currentLift ?? 0,
+        targetLift: i?.targetLift ?? 0,
+        labelVisible: i?.labelVisible ?? !1,
+        disabled: B(n),
+        sticky: H(n),
+        scaleVelocity: i?.scaleVelocity ?? 0,
+        liftVelocity: i?.liftVelocity ?? 0
       };
     });
     this._items = t;
-    const n = this._items.findIndex((s) => s.sticky && !s.disabled);
-    n >= 0 ? this._rovingIndex = n : (!this._items[this._rovingIndex] || (l = this._items[this._rovingIndex]) != null && l.disabled) && (this._rovingIndex = this._items.findIndex((s) => !s.disabled)), this._rovingIndex < 0 && (this._rovingIndex = 0), (this._focusedIndex >= this._items.length || (r = this._items[this._focusedIndex]) != null && r.disabled) && (this._focusedIndex = -1), this._syncItemChrome();
+    const a = this._items.findIndex((n) => n.sticky && !n.disabled);
+    a >= 0 ? this._rovingIndex = a : (!this._items[this._rovingIndex] || this._items[this._rovingIndex]?.disabled) && (this._rovingIndex = this._items.findIndex((n) => !n.disabled)), this._rovingIndex < 0 && (this._rovingIndex = 0), (this._focusedIndex >= this._items.length || this._items[this._focusedIndex]?.disabled) && (this._focusedIndex = -1), this._syncItemChrome();
   }
   _syncItemChrome() {
-    const e = A(this.getAttribute("label-placement"), this._orientation()), t = this._labelMode(), n = this._orientation();
-    this._items.forEach((l) => {
-      var o;
-      const { el: r, iconEl: s, labelEl: i, badgeEl: c, sticky: u } = l;
-      if (r.setAttribute("data-ui-dock-item", ""), r.style.setProperty("position", "relative"), r.style.setProperty("display", "inline-flex"), r.style.setProperty("align-items", "center"), r.style.setProperty("justify-content", "center"), r.style.setProperty("inline-size", "var(--ui-dock-item-size)"), r.style.setProperty("block-size", "var(--ui-dock-item-size)"), r.style.setProperty("min-inline-size", "var(--ui-dock-item-size)"), r.style.setProperty("min-block-size", "var(--ui-dock-item-size)"), r.style.setProperty("flex", "0 0 var(--ui-dock-item-size)"), r.style.setProperty("box-sizing", "border-box"), r.style.setProperty("background", "transparent"), r.style.setProperty("border", "none"), r.style.setProperty("padding", "0"), r.style.setProperty("margin", "0"), r.style.setProperty("color", "inherit"), r.style.setProperty("text-decoration", "none"), r.style.setProperty("outline", "none"), r.style.setProperty("cursor", l.disabled ? "not-allowed" : "pointer"), r.style.setProperty("transform-origin", n === "horizontal" ? "center bottom" : "center center"), r.style.setProperty("touch-action", "manipulation"), r.hasAttribute("tabindex") || (r.tabIndex = -1), !r.hasAttribute("aria-label")) {
-        const d = ((o = i == null ? void 0 : i.textContent) == null ? void 0 : o.trim()) || r.getAttribute("data-label") || r.getAttribute("title") || void 0;
-        d && r.setAttribute("aria-label", d);
+    const e = I(this.getAttribute("label-placement"), this._orientation()), t = this._labelMode(), a = this._orientation();
+    this._items.forEach((n) => {
+      const { el: i, iconEl: c, labelEl: o, badgeEl: l, sticky: d } = n;
+      if (i.setAttribute("data-ui-dock-item", ""), i.style.setProperty("position", "relative"), i.style.setProperty("display", "inline-flex"), i.style.setProperty("align-items", "center"), i.style.setProperty("justify-content", "center"), i.style.setProperty("inline-size", "var(--ui-dock-item-size)"), i.style.setProperty("block-size", "var(--ui-dock-item-size)"), i.style.setProperty("min-inline-size", "var(--ui-dock-item-size)"), i.style.setProperty("min-block-size", "var(--ui-dock-item-size)"), i.style.setProperty("flex", "0 0 var(--ui-dock-item-size)"), i.style.setProperty("box-sizing", "border-box"), i.style.setProperty("background", "transparent"), i.style.setProperty("border", "none"), i.style.setProperty("padding", "0"), i.style.setProperty("margin", "0"), i.style.setProperty("color", "inherit"), i.style.setProperty("text-decoration", "none"), i.style.setProperty("outline", "none"), i.style.setProperty("cursor", n.disabled ? "not-allowed" : "pointer"), i.style.setProperty("transform-origin", a === "horizontal" ? "center bottom" : "center center"), i.style.setProperty("touch-action", "manipulation"), i.hasAttribute("tabindex") || (i.tabIndex = -1), !i.hasAttribute("aria-label")) {
+        const r = o?.textContent?.trim() || i.getAttribute("data-label") || i.getAttribute("title") || void 0;
+        r && i.setAttribute("aria-label", r);
       }
-      u ? r.setAttribute("data-dock-current", "true") : r.removeAttribute("data-dock-current"), s && (s.style.setProperty("display", "inline-flex"), s.style.setProperty("align-items", "center"), s.style.setProperty("justify-content", "center"), s.style.setProperty("inline-size", "100%"), s.style.setProperty("block-size", "100%"), s.style.setProperty("border-radius", "var(--ui-dock-item-radius)"), s.style.setProperty("background", "var(--ui-dock-item-bg)"), s.style.setProperty("border", "1px solid var(--ui-dock-item-border)"), s.style.setProperty("box-shadow", "var(--ui-dock-item-shadow)"), s.style.setProperty("backdrop-filter", "var(--ui-dock-item-backdrop)"), s.style.setProperty("font-size", "var(--ui-dock-icon-size)"), s.style.setProperty("color", "inherit"), s.style.setProperty("overflow", "hidden"), s.style.setProperty("box-sizing", "border-box")), i && (i.setAttribute("aria-hidden", "true"), i.style.setProperty("position", "absolute"), i.style.setProperty("pointer-events", "none"), i.style.setProperty("white-space", "nowrap"), i.style.setProperty("padding", "var(--ui-dock-label-padding)"), i.style.setProperty("border-radius", "var(--ui-dock-label-radius)"), i.style.setProperty("background", "var(--ui-dock-label-bg)"), i.style.setProperty("color", "var(--ui-dock-label-color)"), i.style.setProperty("border", "1px solid var(--ui-dock-label-border)"), i.style.setProperty("box-shadow", "var(--ui-dock-label-shadow)"), i.style.setProperty("backdrop-filter", "var(--ui-dock-label-backdrop)"), i.style.setProperty("font-size", "var(--ui-dock-label-font-size)"), i.style.setProperty("font-weight", "var(--ui-dock-label-font-weight)"), i.style.setProperty("line-height", "1.2"), i.style.setProperty("letter-spacing", "0.01em"), i.style.setProperty("min-inline-size", "max-content"), i.style.setProperty("z-index", "3"), i.style.setProperty("display", t === "none" ? "none" : "inline-flex"), i.style.removeProperty("top"), i.style.removeProperty("bottom"), i.style.removeProperty("left"), i.style.removeProperty("right"), e === "top" ? (i.style.setProperty("left", "50%"), i.style.setProperty("bottom", "calc(100% + var(--ui-dock-label-offset))")) : e === "bottom" ? (i.style.setProperty("left", "50%"), i.style.setProperty("top", "calc(100% + var(--ui-dock-label-offset))")) : e === "start" ? (i.style.setProperty("right", "calc(100% + var(--ui-dock-label-offset))"), i.style.setProperty("top", "50%")) : (i.style.setProperty("left", "calc(100% + var(--ui-dock-label-offset))"), i.style.setProperty("top", "50%"))), c && (c.setAttribute("aria-hidden", "true"), c.style.setProperty("position", "absolute"), c.style.setProperty("inset-inline-end", "-2px"), c.style.setProperty("inset-block-start", "-2px"), c.style.setProperty("display", "inline-flex"), c.style.setProperty("align-items", "center"), c.style.setProperty("justify-content", "center"), c.style.setProperty("min-inline-size", "18px"), c.style.setProperty("min-block-size", "18px"), c.style.setProperty("padding", "0 6px"), c.style.setProperty("border-radius", "999px"), c.style.setProperty("background", "var(--ui-dock-accent)"), c.style.setProperty("color", "#ffffff"), c.style.setProperty("font-size", "11px"), c.style.setProperty("font-weight", "700"), c.style.setProperty("box-shadow", "0 8px 18px color-mix(in srgb, var(--ui-dock-accent) 32%, rgba(15, 23, 42, 0.18))"), c.style.setProperty("z-index", "4"));
+      d ? i.setAttribute("data-dock-current", "true") : i.removeAttribute("data-dock-current"), c && (c.style.setProperty("display", "inline-flex"), c.style.setProperty("align-items", "center"), c.style.setProperty("justify-content", "center"), c.style.setProperty("inline-size", "100%"), c.style.setProperty("block-size", "100%"), c.style.setProperty("border-radius", "var(--ui-dock-item-radius)"), c.style.setProperty("background", "var(--ui-dock-item-bg)"), c.style.setProperty("border", "1px solid var(--ui-dock-item-border)"), c.style.setProperty("box-shadow", "var(--ui-dock-item-shadow)"), c.style.setProperty("backdrop-filter", "var(--ui-dock-item-backdrop)"), c.style.setProperty("font-size", "var(--ui-dock-icon-size)"), c.style.setProperty("color", "inherit"), c.style.setProperty("overflow", "hidden"), c.style.setProperty("box-sizing", "border-box")), o && (o.setAttribute("aria-hidden", "true"), o.style.setProperty("position", "absolute"), o.style.setProperty("pointer-events", "none"), o.style.setProperty("white-space", "nowrap"), o.style.setProperty("padding", "var(--ui-dock-label-padding)"), o.style.setProperty("border-radius", "var(--ui-dock-label-radius)"), o.style.setProperty("background", "var(--ui-dock-label-bg)"), o.style.setProperty("color", "var(--ui-dock-label-color)"), o.style.setProperty("border", "1px solid var(--ui-dock-label-border)"), o.style.setProperty("box-shadow", "var(--ui-dock-label-shadow)"), o.style.setProperty("backdrop-filter", "var(--ui-dock-label-backdrop)"), o.style.setProperty("font-size", "var(--ui-dock-label-font-size)"), o.style.setProperty("font-weight", "var(--ui-dock-label-font-weight)"), o.style.setProperty("line-height", "1.2"), o.style.setProperty("letter-spacing", "0.01em"), o.style.setProperty("min-inline-size", "max-content"), o.style.setProperty("z-index", "3"), o.style.setProperty("display", t === "none" ? "none" : "inline-flex"), o.style.removeProperty("top"), o.style.removeProperty("bottom"), o.style.removeProperty("left"), o.style.removeProperty("right"), e === "top" ? (o.style.setProperty("left", "50%"), o.style.setProperty("bottom", "calc(100% + var(--ui-dock-label-offset))")) : e === "bottom" ? (o.style.setProperty("left", "50%"), o.style.setProperty("top", "calc(100% + var(--ui-dock-label-offset))")) : e === "start" ? (o.style.setProperty("right", "calc(100% + var(--ui-dock-label-offset))"), o.style.setProperty("top", "50%")) : (o.style.setProperty("left", "calc(100% + var(--ui-dock-label-offset))"), o.style.setProperty("top", "50%"))), l && (l.setAttribute("aria-hidden", "true"), l.style.setProperty("position", "absolute"), l.style.setProperty("inset-inline-end", "-2px"), l.style.setProperty("inset-block-start", "-2px"), l.style.setProperty("display", "inline-flex"), l.style.setProperty("align-items", "center"), l.style.setProperty("justify-content", "center"), l.style.setProperty("min-inline-size", "18px"), l.style.setProperty("min-block-size", "18px"), l.style.setProperty("padding", "0 6px"), l.style.setProperty("border-radius", "999px"), l.style.setProperty("background", "var(--ui-dock-accent)"), l.style.setProperty("color", "#ffffff"), l.style.setProperty("font-size", "11px"), l.style.setProperty("font-weight", "700"), l.style.setProperty("box-shadow", "0 8px 18px color-mix(in srgb, var(--ui-dock-accent) 32%, rgba(15, 23, 42, 0.18))"), l.style.setProperty("z-index", "4"));
     });
   }
   _syncTabIndices() {
-    var t;
-    const e = this._items.findIndex((n) => !n.disabled);
-    e >= 0 && (this._rovingIndex < 0 || (t = this._items[this._rovingIndex]) != null && t.disabled) && (this._rovingIndex = e), this._items.forEach((n, l) => {
-      if (n.disabled) {
-        n.el.tabIndex = -1;
+    const e = this._items.findIndex((t) => !t.disabled);
+    e >= 0 && (this._rovingIndex < 0 || this._items[this._rovingIndex]?.disabled) && (this._rovingIndex = e), this._items.forEach((t, a) => {
+      if (t.disabled) {
+        t.el.tabIndex = -1;
         return;
       }
-      n.el.tabIndex = l === this._rovingIndex ? 0 : -1;
+      t.el.tabIndex = a === this._rovingIndex ? 0 : -1;
     });
   }
   _measureItems() {
-    if (!this._frameEl)
-      return;
-    const e = this._frameEl.getBoundingClientRect(), t = this._orientation(), n = t === "horizontal" ? e.left : e.top;
-    this._items.forEach((l) => {
-      const r = l.el.getBoundingClientRect();
-      l.center = (t === "horizontal" ? r.left + r.width / 2 : r.top + r.height / 2) - n;
+    if (!this._frameEl) return;
+    const e = this._frameEl.getBoundingClientRect(), t = this._orientation(), a = t === "horizontal" ? e.left : e.top;
+    this._items.forEach((n) => {
+      const i = n.el.getBoundingClientRect();
+      n.center = (t === "horizontal" ? i.left + i.width / 2 : i.top + i.height / 2) - a;
     });
   }
   _updateTargets() {
-    const e = this._idleScale(), t = Math.max(e, this._magnification()), n = Math.max(1, this._distance()), l = this._lift() * this._motion().lift, r = this._labelMode();
-    this._items.forEach((s, i) => {
-      let c = e;
-      if (s.sticky && (c = Math.max(c, e + (t - e) * 0.08)), this._pointerActive && Number.isFinite(this._pointerCoord)) {
-        const o = Math.abs(this._pointerCoord - s.center), d = p(1 - o / n, 0, 1);
-        c = Math.max(c, e + (t - e) * d * d);
+    const e = this._idleScale(), t = Math.max(e, this._magnification()), a = Math.max(1, this._distance()), n = this._lift() * this._motion().lift, i = this._labelMode();
+    this._items.forEach((c, o) => {
+      let l = e;
+      if (c.sticky && (l = Math.max(l, e + (t - e) * 0.08)), this._pointerActive && Number.isFinite(this._pointerCoord)) {
+        const r = Math.abs(this._pointerCoord - c.center), u = p(1 - r / a, 0, 1);
+        l = Math.max(l, e + (t - e) * u * u);
       }
-      i === this._focusedIndex && (c = Math.max(c, t)), s.disabled && (c = e);
-      const u = t === e ? 0 : (c - e) / (t - e);
-      s.targetScale = p(c, e, t), s.targetLift = u * l, s.labelVisible = r === "always" || r !== "none" && (i === this._focusedIndex || u > 0.18);
+      o === this._focusedIndex && (l = Math.max(l, t)), c.disabled && (l = e);
+      const d = t === e ? 0 : (l - e) / (t - e);
+      c.targetScale = p(l, e, t), c.targetLift = d * n, c.labelVisible = i === "always" || i !== "none" && (o === this._focusedIndex || d > 0.18);
     }), this._updateRuntimeState();
   }
   _applyFrame(e = !1) {
-    const t = this._smoothing(), n = this._motion(), l = p(n.response + t * 0.12, 0.05, 0.42), r = p(n.damping + (t - _) * 0.14, 0.52, 0.9), s = this._orientation(), i = A(this.getAttribute("label-placement"), s), c = this._mainAxisOffsets(n.spread);
-    let u = !1;
-    this._items.forEach((o, d) => {
-      e ? (o.currentScale = o.targetScale, o.currentLift = o.targetLift, o.scaleVelocity = 0, o.liftVelocity = 0) : (o.scaleVelocity = o.scaleVelocity * r + (o.targetScale - o.currentScale) * l, o.liftVelocity = o.liftVelocity * r + (o.targetLift - o.currentLift) * l, o.currentScale += o.scaleVelocity, o.currentLift += o.liftVelocity, Math.abs(o.targetScale - o.currentScale) < 2e-3 && Math.abs(o.scaleVelocity) < 2e-3 && (o.currentScale = o.targetScale, o.scaleVelocity = 0), Math.abs(o.targetLift - o.currentLift) < 2e-3 && Math.abs(o.liftVelocity) < 2e-3 && (o.currentLift = o.targetLift, o.liftVelocity = 0)), (Math.abs(o.targetScale - o.currentScale) >= 2e-3 || Math.abs(o.targetLift - o.currentLift) >= 2e-3 || Math.abs(o.scaleVelocity) >= 2e-3 || Math.abs(o.liftVelocity) >= 2e-3) && (u = !0);
-      const b = c[d] ?? 0, L = s === "horizontal" ? b : i === "start" ? -o.currentLift * 0.28 : o.currentLift * 0.28, w = s === "horizontal" ? -o.currentLift : b;
-      if (o.el.style.setProperty("transform", `translate3d(${L}px, ${w}px, 0) scale(${o.currentScale})`), o.el.style.setProperty("z-index", String(100 + Math.round(o.currentScale * 100) + d)), o.iconEl) {
-        const f = d === this._focusedIndex ? "0 0 0 3px color-mix(in srgb, var(--ui-dock-focus-ring) 26%, transparent), " : o.sticky ? "0 0 0 2px color-mix(in srgb, var(--ui-dock-accent) 22%, transparent), " : "";
-        o.iconEl.style.setProperty("box-shadow", `${f}var(--ui-dock-item-shadow)`), o.iconEl.style.setProperty(
+    const t = this._smoothing(), a = this._motion(), n = p(a.response + t * 0.12, 0.05, 0.42), i = p(a.damping + (t - _) * 0.14, 0.52, 0.9), c = this._orientation(), o = I(this.getAttribute("label-placement"), c), l = this._mainAxisOffsets(a.spread);
+    let d = !1;
+    this._items.forEach((r, u) => {
+      e ? (r.currentScale = r.targetScale, r.currentLift = r.targetLift, r.scaleVelocity = 0, r.liftVelocity = 0) : (r.scaleVelocity = r.scaleVelocity * i + (r.targetScale - r.currentScale) * n, r.liftVelocity = r.liftVelocity * i + (r.targetLift - r.currentLift) * n, r.currentScale += r.scaleVelocity, r.currentLift += r.liftVelocity, Math.abs(r.targetScale - r.currentScale) < 2e-3 && Math.abs(r.scaleVelocity) < 2e-3 && (r.currentScale = r.targetScale, r.scaleVelocity = 0), Math.abs(r.targetLift - r.currentLift) < 2e-3 && Math.abs(r.liftVelocity) < 2e-3 && (r.currentLift = r.targetLift, r.liftVelocity = 0)), (Math.abs(r.targetScale - r.currentScale) >= 2e-3 || Math.abs(r.targetLift - r.currentLift) >= 2e-3 || Math.abs(r.scaleVelocity) >= 2e-3 || Math.abs(r.liftVelocity) >= 2e-3) && (d = !0);
+      const b = l[u] ?? 0, L = c === "horizontal" ? b : o === "start" ? -r.currentLift * 0.28 : r.currentLift * 0.28, w = c === "horizontal" ? -r.currentLift : b;
+      if (r.el.style.setProperty("transform", `translate3d(${L}px, ${w}px, 0) scale(${r.currentScale})`), r.el.style.setProperty("z-index", String(100 + Math.round(r.currentScale * 100) + u)), r.iconEl) {
+        const f = u === this._focusedIndex ? "0 0 0 3px color-mix(in srgb, var(--ui-dock-focus-ring) 26%, transparent), " : r.sticky ? "0 0 0 2px color-mix(in srgb, var(--ui-dock-accent) 22%, transparent), " : "";
+        r.iconEl.style.setProperty("box-shadow", `${f}var(--ui-dock-item-shadow)`), r.iconEl.style.setProperty(
           "border-color",
-          o.sticky || d === this._focusedIndex ? "color-mix(in srgb, var(--ui-dock-accent) 30%, var(--ui-dock-item-border))" : "var(--ui-dock-item-border)"
+          r.sticky || u === this._focusedIndex ? "color-mix(in srgb, var(--ui-dock-accent) 30%, var(--ui-dock-item-border))" : "var(--ui-dock-item-border)"
         );
       }
-      if (o.labelEl) {
-        const f = o.labelVisible;
-        o.labelEl.style.setProperty("opacity", f ? "1" : "0"), o.labelEl.style.setProperty(
+      if (r.labelEl) {
+        const f = r.labelVisible;
+        r.labelEl.style.setProperty("opacity", f ? "1" : "0"), r.labelEl.style.setProperty(
           "transform",
-          this._labelTransform(i, f)
-        ), o.labelEl.style.setProperty("filter", f ? "blur(0px)" : "blur(6px)");
+          this._labelTransform(o, f)
+        ), r.labelEl.style.setProperty("filter", f ? "blur(0px)" : "blur(6px)");
       }
-    }), u && this._queueAnimation();
+    }), d && this._queueAnimation();
   }
   _queueAnimation() {
     if (this._reducedMotion) {
@@ -738,15 +721,14 @@ class G extends M {
     }));
   }
   _mainAxisOffsets(e) {
-    if (this._items.length < 2)
-      return this._items.map(() => 0);
-    const t = this._resolvedItemSizePx(), n = this._resolvedGapPx(), l = t + n, r = [0];
-    for (let i = 1; i < this._items.length; i += 1) {
-      const c = this._items[i - 1], u = this._items[i], o = t * c.currentScale / 2, d = t * u.currentScale / 2, b = Math.max(0, o + d - l);
-      r[i] = r[i - 1] + b * e;
+    if (this._items.length < 2) return this._items.map(() => 0);
+    const t = this._resolvedItemSizePx(), a = this._resolvedGapPx(), n = t + a, i = [0];
+    for (let o = 1; o < this._items.length; o += 1) {
+      const l = this._items[o - 1], d = this._items[o], r = t * l.currentScale / 2, u = t * d.currentScale / 2, b = Math.max(0, r + u - n);
+      i[o] = i[o - 1] + b * e;
     }
-    const s = r[r.length - 1] / 2;
-    return r.map((i) => i - s);
+    const c = i[i.length - 1] / 2;
+    return i.map((o) => o - c);
   }
   _labelTransform(e, t) {
     return e === "top" ? t ? "translate3d(-50%, 0, 0)" : "translate3d(-50%, 6px, 0)" : e === "bottom" ? t ? "translate3d(-50%, 0, 0)" : "translate3d(-50%, -6px, 0)" : e === "start" ? t ? "translate3d(0, -50%, 0)" : "translate3d(6px, -50%, 0)" : t ? "translate3d(0, -50%, 0)" : "translate3d(-6px, -50%, 0)";
@@ -756,12 +738,12 @@ class G extends M {
     e ? this.style.setProperty("--ui-dock-gap", e) : this.style.removeProperty("--ui-dock-gap");
     const t = h(this.getAttribute("padding"));
     t ? this.style.setProperty("--ui-dock-padding", t) : this.style.removeProperty("--ui-dock-padding");
-    const n = h(this.getAttribute("item-size"));
-    n ? (this.style.setProperty("--ui-dock-item-size", n), this.style.setProperty("--ui-dock-icon-size", `calc(${n} * 0.44)`)) : (this.style.removeProperty("--ui-dock-item-size"), this.style.removeProperty("--ui-dock-icon-size"));
-    const l = this.getAttribute("radius");
-    if (l && !N.has(l)) {
-      const r = h(l) || l;
-      this.style.setProperty("--ui-dock-radius", r), this.style.setProperty("--ui-dock-item-radius", `calc(${r} * 0.82)`);
+    const a = h(this.getAttribute("item-size"));
+    a ? (this.style.setProperty("--ui-dock-item-size", a), this.style.setProperty("--ui-dock-icon-size", `calc(${a} * 0.44)`)) : (this.style.removeProperty("--ui-dock-item-size"), this.style.removeProperty("--ui-dock-icon-size"));
+    const n = this.getAttribute("radius");
+    if (n && !N.has(n)) {
+      const i = h(n) || n;
+      this.style.setProperty("--ui-dock-radius", i), this.style.setProperty("--ui-dock-item-radius", `calc(${i} * 0.82)`);
     } else
       this.style.removeProperty("--ui-dock-radius"), this.style.removeProperty("--ui-dock-item-radius");
   }
@@ -796,21 +778,18 @@ class G extends M {
     return e === "xs" || e === "0" ? "xs" : e === "sm" || e === "1" ? "sm" : e === "lg" || e === "3" ? "lg" : e === "xl" || e === "4" ? "xl" : "md";
   }
   _resolvedItemSizePx() {
-    var t;
     const e = h(this.getAttribute("item-size"));
     if (e) {
-      const n = Number.parseFloat(e);
-      if (Number.isFinite(n))
-        return n;
+      const t = Number.parseFloat(e);
+      if (Number.isFinite(t)) return t;
     }
-    return ((t = k[this._sizeToken()]) == null ? void 0 : t.itemSize) ?? D;
+    return k[this._sizeToken()]?.itemSize ?? D;
   }
   _resolvedGapPx() {
     const e = h(this.getAttribute("gap"));
     if (e) {
-      const n = Number.parseFloat(e);
-      if (Number.isFinite(n))
-        return n;
+      const a = Number.parseFloat(e);
+      if (Number.isFinite(a)) return a;
     }
     const t = k[this._sizeToken()];
     return t ? Number.parseFloat(t.gap) : Number.parseFloat(g);

package/dist/drawer.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("./ElementBase-1b301e7f.js"),m=require("./overlayManager-0eda4e08.js");require("./scroll-lock-d7b0df21.js");function F(i){return typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>i()):window.setTimeout(i,16)}function _(i){if(i){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(i);return}window.clearTimeout(i)}}const E='button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',S=new Set(["side","dismissible","headless","variant","density","shape","elevation","tone","size","inset","close-on-overlay","close-on-esc","lock-while-loading","show-close","state","role","aria-label","aria-labelledby","aria-describedby","initial-focus"]),T=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const O=require("./ElementBase-EV6mVBUV.js"),m=require("./overlayManager-CSy3fJmJ.js");function F(i){return typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>i()):window.setTimeout(i,16)}function _(i){if(i){if(typeof cancelAnimationFrame=="function"){cancelAnimationFrame(i);return}window.clearTimeout(i)}}const E='button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',S=new Set(["side","dismissible","headless","variant","density","shape","elevation","tone","size","inset","close-on-overlay","close-on-esc","lock-while-loading","show-close","state","role","aria-label","aria-labelledby","aria-describedby","initial-focus"]),T=`
   :host {
     position: fixed;
     inset: 0;
@@ -498,7 +498,7 @@
       display: none;
     }
   }
-`;function w(i,e){if(i==null)return e;const t=i.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function v(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function C(i,e){return i==="top"||i==="bottom"||i==="left"||i==="right"?i:i==="start"?e==="rtl"?"right":"left":i==="end"?e==="rtl"?"left":"right":"left"}function A(i,e){var r;const t=i.querySelector(`[slot="${e}"]`);return t?((r=t.textContent)==null?void 0:r.trim().length)!==0||t.children.length>0:!1}function L(){return typeof window<"u"&&typeof document<"u"}class I extends O.ElementBase{constructor(){super(),this._uid=Math.random().toString(36).slice(2,10),this._isOpen=!1,this._restoreFocusEl=null,this._globalListenersBound=!1,this._closeReason="programmatic",this._focusInitialFrame=0,this._focusTrapFrame=0,this._restoreFocusFrame=0,this._onRootClick=this._onRootClick.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this),this._onDocumentFocusIn=this._onDocumentFocusIn.bind(this)}static get observedAttributes(){return["open","side","dismissible","headless","variant","density","shape","elevation","tone","size","inset","close-on-overlay","close-on-esc","lock-while-loading","show-close","state","title","description","aria-label","aria-labelledby","aria-describedby","initial-focus"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick),this._syncOpenState()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this._unbindGlobalListeners(),this._cancelScheduledFocusWork(),this._releaseOpenResources(),this._restoreFocusEl=null,this._isOpen=!1,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}if(S.has(e)){this._syncLiveUi(),this._isOpen&&(e==="initial-focus"||e==="dismissible"||e==="show-close")&&this._scheduleEnsureFocusTrap();return}this.isConnected&&this.requestRender()}}open(){this.setAttribute("open","")}close(e="programmatic"){this._closeReason=e,this.removeAttribute("open")}closeDrawer(e="programmatic"){if(this.hasAttribute("open")){if(e==="programmatic"){this.close("programmatic");return}this._requestClose(e)}}toggle(){this.hasAttribute("open")?this.close("programmatic"):this.open()}get dismissible(){const e=this.getAttribute("dismissible");return e==null?!1:w(e,!0)}set dismissible(e){e?this.setAttribute("dismissible",""):this.removeAttribute("dismissible")}get closeOnOverlay(){return w(this.getAttribute("close-on-overlay"),!0)}set closeOnOverlay(e){this.setAttribute("close-on-overlay",String(e))}get closeOnEsc(){return w(this.getAttribute("close-on-esc"),!0)}set closeOnEsc(e){this.setAttribute("close-on-esc",String(e))}get lockWhileLoading(){return w(this.getAttribute("lock-while-loading"),!0)}set lockWhileLoading(e){this.setAttribute("lock-while-loading",String(e))}get showClose(){return this.hasAttribute("show-close")?w(this.getAttribute("show-close"),!0):this.dismissible}set showClose(e){this.setAttribute("show-close",String(e))}get state(){const e=this.getAttribute("state");return e==="loading"||e==="error"||e==="success"?e:"idle"}set state(e){if(e==="idle"){this.removeAttribute("state");return}this.setAttribute("state",e)}get inset(){return this.hasAttribute("inset")}set inset(e){e?this.setAttribute("inset",""):this.removeAttribute("inset")}_getPanel(){return this.root.querySelector(".panel")}_getOverlay(){return this.root.querySelector(".overlay")}_getHeader(){return this.root.querySelector(".header")}_titleId(){return`ui-drawer-title-${this._uid}`}_descriptionId(){return`ui-drawer-description-${this._uid}`}_bodyId(){return`ui-drawer-body-${this._uid}`}_resolvedSide(){const e=this.getAttribute("dir")||document.documentElement.getAttribute("dir")||"ltr";return C(this.getAttribute("side"),e==="rtl"?"rtl":"ltr")}_isTopMost(){const e=m.OverlayManager.top();return e?e===this:!0}_isInteractionLocked(){return this.state==="loading"&&this.lockWhileLoading}_isNodeInsideDrawer(e){if(!e)return!1;const t=this._getPanel();return t&&t.contains(e)?!0:this.contains(e)}_isFocusable(e){if(!e||!e.isConnected||e.disabled||e.matches('[inert], [aria-hidden="true"]')||e.closest('[inert], [aria-hidden="true"]'))return!1;if(!L())return!0;const t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"}_collectFocusable(){const e=this._getPanel(),t=[],r=s=>{this._isFocusable(s)&&(t.includes(s)||t.push(s))};return this.querySelectorAll(E).forEach(r),e&&e.querySelectorAll(E).forEach(r),t}_cancelScheduledFocusWork(){this._focusInitialFrame&&(_(this._focusInitialFrame),this._focusInitialFrame=0),this._focusTrapFrame&&(_(this._focusTrapFrame),this._focusTrapFrame=0),this._restoreFocusFrame&&(_(this._restoreFocusFrame),this._restoreFocusFrame=0)}_scheduleFocusInitial(){this._isOpen&&(this._focusInitialFrame||(this._focusInitialFrame=F(()=>{this._focusInitialFrame=0,this._focusInitial()})))}_scheduleEnsureFocusTrap(){this._isOpen&&(this._focusTrapFrame||(this._focusTrapFrame=F(()=>{this._focusTrapFrame=0,this._ensureFocusTrap()})))}_scheduleRestoreFocus(e){!e||!this._canRestoreFocus(e)||(this._restoreFocusFrame&&_(this._restoreFocusFrame),this._restoreFocusFrame=F(()=>{this._restoreFocusFrame=0;try{this._canRestoreFocus(e)&&e.focus({preventScroll:!0})}catch{try{this._canRestoreFocus(e)&&e.focus()}catch{}}}))}_syncLiveUi(){const e=this.hasAttribute("open"),t=this._getOverlay(),r=this._getPanel(),s=this._getHeader(),a=this.root.querySelector(".close-btn");if(t&&t.setAttribute("aria-hidden",e?"false":"true"),!r)return;const o=this._resolvedSide();r.classList.remove("side-left","side-right","side-top","side-bottom"),r.classList.add(`side-${o}`);const n=this.state==="loading";n?r.setAttribute("aria-busy","true"):r.removeAttribute("aria-busy");const y=this.getAttribute("role")||"dialog";r.setAttribute("role",y);const u=(this.getAttribute("title")||"").trim(),h=(this.getAttribute("description")||"").trim(),b=A(this,"header"),p=this.showClose,x=p||b||!!u||!!h;s&&s.classList.toggle("empty",!x),a&&(a.hidden=!p,a.disabled=n&&this.lockWhileLoading);const f=this.getAttribute("aria-label")||"",g=this.getAttribute("aria-labelledby")||"",l=this.getAttribute("aria-describedby")||"",c=g||(!f&&(b||u)?this._titleId():""),d=[];l?d.push(l):(h&&d.push(this._descriptionId()),d.push(this._bodyId()));const k=f||(c?"":"Drawer");k?r.setAttribute("aria-label",k):r.removeAttribute("aria-label"),c?r.setAttribute("aria-labelledby",c):r.removeAttribute("aria-labelledby"),d.length?r.setAttribute("aria-describedby",d.join(" ")):r.removeAttribute("aria-describedby")}_focusInitial(){if(!this._isOpen)return;const e=this._getPanel();if(!e)return;const t=this.getAttribute("initial-focus")||"";if(t){const o=this.querySelector(t)||e.querySelector(t);if(o&&this._isFocusable(o))try{o.focus({preventScroll:!0});return}catch{try{o.focus();return}catch{}}}const r=this._collectFocusable(),a=r.find(o=>o.hasAttribute("autofocus"))||r[0]||e;a===e&&!a.hasAttribute("tabindex")&&a.setAttribute("tabindex","-1");try{a.focus({preventScroll:!0})}catch{try{a.focus()}catch{}}}_ensureFocusTrap(){if(!this._isOpen||!this._isTopMost())return;const e=document.activeElement;this._isNodeInsideDrawer(e)||this._focusInitial()}_releaseOpenResources(){try{m.OverlayManager.unregister(this),m.OverlayManager.releaseLock()}catch{}}_canRestoreFocus(e){if(!e||!e.isConnected||e.disabled)return!1;if(!L())return!0;const t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"}_syncOpenState(){const e=this.hasAttribute("open");if(this._syncLiveUi(),e===this._isOpen){e?(this._bindGlobalListeners(),this._scheduleEnsureFocusTrap()):(this._unbindGlobalListeners(),this._cancelScheduledFocusWork());return}if(this._isOpen=e,e){this._cancelScheduledFocusWork(),this._bindGlobalListeners(),this._restoreFocusEl=document.activeElement||null,this._closeReason="programmatic";try{m.OverlayManager.register(this),m.OverlayManager.acquireLock()}catch{}this._scheduleFocusInitial(),this._scheduleEnsureFocusTrap(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0,reason:"programmatic"}}));return}this._unbindGlobalListeners(),this._cancelScheduledFocusWork(),this._releaseOpenResources();const t=this._closeReason;this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!1,reason:t}}));const r=this._restoreFocusEl;this._restoreFocusEl=null,this._closeReason="programmatic",this._scheduleRestoreFocus(r)}_requestClose(e){if(!this._isOpen||this._isInteractionLocked())return;const t=new CustomEvent("request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t);const r=new CustomEvent("ui-request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this.close(e)}_onRootClick(e){const t=e.target;if(!t||!this._isOpen)return;if(t.closest(".close-btn")){this._requestClose("button");return}t.closest(".overlay")&&(!this.dismissible||!this.closeOnOverlay||this._isTopMost()&&this._requestClose("overlay"))}_handleTab(e){const t=this._getPanel();if(!t)return;const r=this._collectFocusable();if(!r.length){e.preventDefault(),t.focus();return}const s=r[0],a=r[r.length-1],o=document.activeElement,n=!!o&&this._isNodeInsideDrawer(o);if(e.shiftKey){if(!n||o===s){e.preventDefault();try{a.focus({preventScroll:!0})}catch{a.focus()}}return}if(!n||o===a){e.preventDefault();try{s.focus({preventScroll:!0})}catch{s.focus()}}}_onDocumentKeyDown(e){if(!(!this._isOpen||!this._isTopMost())){if(e.key==="Escape"){if(!this.dismissible||!this.closeOnEsc||this._isInteractionLocked())return;e.preventDefault(),e.stopPropagation(),this._requestClose("escape");return}e.key==="Tab"&&this._handleTab(e)}}_onDocumentFocusIn(e){if(!this._isOpen||!this._isTopMost())return;const t=e.target,r=this._getPanel(),s=typeof e.composedPath=="function"?e.composedPath():[];t&&this._isNodeInsideDrawer(t)||s.includes(this)||r&&s.includes(r)||this._scheduleFocusInitial()}render(){const e=this.getAttribute("dir")||document.documentElement.getAttribute("dir")||"ltr",t=C(this.getAttribute("side"),e==="rtl"?"rtl":"ltr"),r=this.showClose,s=A(this,"header"),a=A(this,"footer"),o=(this.getAttribute("title")||"").trim(),n=(this.getAttribute("description")||"").trim(),y=r||s||!!o||!!n,u=`ui-drawer-title-${this._uid}`,h=`ui-drawer-description-${this._uid}`,b=`ui-drawer-body-${this._uid}`,p=this.getAttribute("aria-label")||"",x=this.getAttribute("aria-labelledby")||"",f=this.getAttribute("aria-describedby")||"",g=x||(!p&&(s||o)?u:""),l=[];f?l.push(f):(n&&l.push(h),l.push(b));const c=p||(g?"":"Drawer"),d=this.state==="loading";this.setContent(`
+`;function w(i,e){if(i==null)return e;const t=i.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="off"}function v(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function C(i,e){return i==="top"||i==="bottom"||i==="left"||i==="right"?i:i==="start"?e==="rtl"?"right":"left":i==="end"?e==="rtl"?"left":"right":"left"}function A(i,e){const t=i.querySelector(`[slot="${e}"]`);return t?t.textContent?.trim().length!==0||t.children.length>0:!1}function L(){return typeof window<"u"&&typeof document<"u"}class I extends O.ElementBase{constructor(){super(),this._uid=Math.random().toString(36).slice(2,10),this._isOpen=!1,this._restoreFocusEl=null,this._globalListenersBound=!1,this._closeReason="programmatic",this._focusInitialFrame=0,this._focusTrapFrame=0,this._restoreFocusFrame=0,this._onRootClick=this._onRootClick.bind(this),this._onDocumentKeyDown=this._onDocumentKeyDown.bind(this),this._onDocumentFocusIn=this._onDocumentFocusIn.bind(this)}static get observedAttributes(){return["open","side","dismissible","headless","variant","density","shape","elevation","tone","size","inset","close-on-overlay","close-on-esc","lock-while-loading","show-close","state","title","description","aria-label","aria-labelledby","aria-describedby","initial-focus"]}connectedCallback(){super.connectedCallback(),this.root.addEventListener("click",this._onRootClick),this._syncOpenState()}disconnectedCallback(){this.root.removeEventListener("click",this._onRootClick),this._unbindGlobalListeners(),this._cancelScheduledFocusWork(),this._releaseOpenResources(),this._restoreFocusEl=null,this._isOpen=!1,super.disconnectedCallback()}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}if(S.has(e)){this._syncLiveUi(),this._isOpen&&(e==="initial-focus"||e==="dismissible"||e==="show-close")&&this._scheduleEnsureFocusTrap();return}this.isConnected&&this.requestRender()}}open(){this.setAttribute("open","")}close(e="programmatic"){this._closeReason=e,this.removeAttribute("open")}closeDrawer(e="programmatic"){if(this.hasAttribute("open")){if(e==="programmatic"){this.close("programmatic");return}this._requestClose(e)}}toggle(){this.hasAttribute("open")?this.close("programmatic"):this.open()}get dismissible(){const e=this.getAttribute("dismissible");return e==null?!1:w(e,!0)}set dismissible(e){e?this.setAttribute("dismissible",""):this.removeAttribute("dismissible")}get closeOnOverlay(){return w(this.getAttribute("close-on-overlay"),!0)}set closeOnOverlay(e){this.setAttribute("close-on-overlay",String(e))}get closeOnEsc(){return w(this.getAttribute("close-on-esc"),!0)}set closeOnEsc(e){this.setAttribute("close-on-esc",String(e))}get lockWhileLoading(){return w(this.getAttribute("lock-while-loading"),!0)}set lockWhileLoading(e){this.setAttribute("lock-while-loading",String(e))}get showClose(){return this.hasAttribute("show-close")?w(this.getAttribute("show-close"),!0):this.dismissible}set showClose(e){this.setAttribute("show-close",String(e))}get state(){const e=this.getAttribute("state");return e==="loading"||e==="error"||e==="success"?e:"idle"}set state(e){if(e==="idle"){this.removeAttribute("state");return}this.setAttribute("state",e)}get inset(){return this.hasAttribute("inset")}set inset(e){e?this.setAttribute("inset",""):this.removeAttribute("inset")}_getPanel(){return this.root.querySelector(".panel")}_getOverlay(){return this.root.querySelector(".overlay")}_getHeader(){return this.root.querySelector(".header")}_titleId(){return`ui-drawer-title-${this._uid}`}_descriptionId(){return`ui-drawer-description-${this._uid}`}_bodyId(){return`ui-drawer-body-${this._uid}`}_resolvedSide(){const e=this.getAttribute("dir")||document.documentElement.getAttribute("dir")||"ltr";return C(this.getAttribute("side"),e==="rtl"?"rtl":"ltr")}_isTopMost(){const e=m.OverlayManager.top();return e?e===this:!0}_isInteractionLocked(){return this.state==="loading"&&this.lockWhileLoading}_isNodeInsideDrawer(e){if(!e)return!1;const t=this._getPanel();return t&&t.contains(e)?!0:this.contains(e)}_isFocusable(e){if(!e||!e.isConnected||e.disabled||e.matches('[inert], [aria-hidden="true"]')||e.closest('[inert], [aria-hidden="true"]'))return!1;if(!L())return!0;const t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"}_collectFocusable(){const e=this._getPanel(),t=[],r=s=>{this._isFocusable(s)&&(t.includes(s)||t.push(s))};return this.querySelectorAll(E).forEach(r),e&&e.querySelectorAll(E).forEach(r),t}_cancelScheduledFocusWork(){this._focusInitialFrame&&(_(this._focusInitialFrame),this._focusInitialFrame=0),this._focusTrapFrame&&(_(this._focusTrapFrame),this._focusTrapFrame=0),this._restoreFocusFrame&&(_(this._restoreFocusFrame),this._restoreFocusFrame=0)}_scheduleFocusInitial(){this._isOpen&&(this._focusInitialFrame||(this._focusInitialFrame=F(()=>{this._focusInitialFrame=0,this._focusInitial()})))}_scheduleEnsureFocusTrap(){this._isOpen&&(this._focusTrapFrame||(this._focusTrapFrame=F(()=>{this._focusTrapFrame=0,this._ensureFocusTrap()})))}_scheduleRestoreFocus(e){!e||!this._canRestoreFocus(e)||(this._restoreFocusFrame&&_(this._restoreFocusFrame),this._restoreFocusFrame=F(()=>{this._restoreFocusFrame=0;try{this._canRestoreFocus(e)&&e.focus({preventScroll:!0})}catch{try{this._canRestoreFocus(e)&&e.focus()}catch{}}}))}_syncLiveUi(){const e=this.hasAttribute("open"),t=this._getOverlay(),r=this._getPanel(),s=this._getHeader(),a=this.root.querySelector(".close-btn");if(t&&t.setAttribute("aria-hidden",e?"false":"true"),!r)return;const o=this._resolvedSide();r.classList.remove("side-left","side-right","side-top","side-bottom"),r.classList.add(`side-${o}`);const n=this.state==="loading";n?r.setAttribute("aria-busy","true"):r.removeAttribute("aria-busy");const y=this.getAttribute("role")||"dialog";r.setAttribute("role",y);const u=(this.getAttribute("title")||"").trim(),h=(this.getAttribute("description")||"").trim(),b=A(this,"header"),p=this.showClose,x=p||b||!!u||!!h;s&&s.classList.toggle("empty",!x),a&&(a.hidden=!p,a.disabled=n&&this.lockWhileLoading);const f=this.getAttribute("aria-label")||"",g=this.getAttribute("aria-labelledby")||"",l=this.getAttribute("aria-describedby")||"",c=g||(!f&&(b||u)?this._titleId():""),d=[];l?d.push(l):(h&&d.push(this._descriptionId()),d.push(this._bodyId()));const k=f||(c?"":"Drawer");k?r.setAttribute("aria-label",k):r.removeAttribute("aria-label"),c?r.setAttribute("aria-labelledby",c):r.removeAttribute("aria-labelledby"),d.length?r.setAttribute("aria-describedby",d.join(" ")):r.removeAttribute("aria-describedby")}_focusInitial(){if(!this._isOpen)return;const e=this._getPanel();if(!e)return;const t=this.getAttribute("initial-focus")||"";if(t){const o=this.querySelector(t)||e.querySelector(t);if(o&&this._isFocusable(o))try{o.focus({preventScroll:!0});return}catch{try{o.focus();return}catch{}}}const r=this._collectFocusable(),a=r.find(o=>o.hasAttribute("autofocus"))||r[0]||e;a===e&&!a.hasAttribute("tabindex")&&a.setAttribute("tabindex","-1");try{a.focus({preventScroll:!0})}catch{try{a.focus()}catch{}}}_ensureFocusTrap(){if(!this._isOpen||!this._isTopMost())return;const e=document.activeElement;this._isNodeInsideDrawer(e)||this._focusInitial()}_releaseOpenResources(){try{m.OverlayManager.unregister(this),m.OverlayManager.releaseLock()}catch{}}_canRestoreFocus(e){if(!e||!e.isConnected||e.disabled)return!1;if(!L())return!0;const t=window.getComputedStyle(e);return t.display!=="none"&&t.visibility!=="hidden"}_syncOpenState(){const e=this.hasAttribute("open");if(this._syncLiveUi(),e===this._isOpen){e?(this._bindGlobalListeners(),this._scheduleEnsureFocusTrap()):(this._unbindGlobalListeners(),this._cancelScheduledFocusWork());return}if(this._isOpen=e,e){this._cancelScheduledFocusWork(),this._bindGlobalListeners(),this._restoreFocusEl=document.activeElement||null,this._closeReason="programmatic";try{m.OverlayManager.register(this),m.OverlayManager.acquireLock()}catch{}this._scheduleFocusInitial(),this._scheduleEnsureFocusTrap(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("show",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!0,reason:"programmatic"}}));return}this._unbindGlobalListeners(),this._cancelScheduledFocusWork(),this._releaseOpenResources();const t=this._closeReason;this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0,composed:!0,detail:{reason:t}})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!1,reason:t}}));const r=this._restoreFocusEl;this._restoreFocusEl=null,this._closeReason="programmatic",this._scheduleRestoreFocus(r)}_requestClose(e){if(!this._isOpen||this._isInteractionLocked())return;const t=new CustomEvent("request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t);const r=new CustomEvent("ui-request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r),!(t.defaultPrevented||r.defaultPrevented)&&this.close(e)}_onRootClick(e){const t=e.target;if(!t||!this._isOpen)return;if(t.closest(".close-btn")){this._requestClose("button");return}t.closest(".overlay")&&(!this.dismissible||!this.closeOnOverlay||this._isTopMost()&&this._requestClose("overlay"))}_handleTab(e){const t=this._getPanel();if(!t)return;const r=this._collectFocusable();if(!r.length){e.preventDefault(),t.focus();return}const s=r[0],a=r[r.length-1],o=document.activeElement,n=!!o&&this._isNodeInsideDrawer(o);if(e.shiftKey){if(!n||o===s){e.preventDefault();try{a.focus({preventScroll:!0})}catch{a.focus()}}return}if(!n||o===a){e.preventDefault();try{s.focus({preventScroll:!0})}catch{s.focus()}}}_onDocumentKeyDown(e){if(!(!this._isOpen||!this._isTopMost())){if(e.key==="Escape"){if(!this.dismissible||!this.closeOnEsc||this._isInteractionLocked())return;e.preventDefault(),e.stopPropagation(),this._requestClose("escape");return}e.key==="Tab"&&this._handleTab(e)}}_onDocumentFocusIn(e){if(!this._isOpen||!this._isTopMost())return;const t=e.target,r=this._getPanel(),s=typeof e.composedPath=="function"?e.composedPath():[];t&&this._isNodeInsideDrawer(t)||s.includes(this)||r&&s.includes(r)||this._scheduleFocusInitial()}render(){const e=this.getAttribute("dir")||document.documentElement.getAttribute("dir")||"ltr",t=C(this.getAttribute("side"),e==="rtl"?"rtl":"ltr"),r=this.showClose,s=A(this,"header"),a=A(this,"footer"),o=(this.getAttribute("title")||"").trim(),n=(this.getAttribute("description")||"").trim(),y=r||s||!!o||!!n,u=`ui-drawer-title-${this._uid}`,h=`ui-drawer-description-${this._uid}`,b=`ui-drawer-body-${this._uid}`,p=this.getAttribute("aria-label")||"",x=this.getAttribute("aria-labelledby")||"",f=this.getAttribute("aria-describedby")||"",g=x||(!p&&(s||o)?u:""),l=[];f?l.push(f):(n&&l.push(h),l.push(b));const c=p||(g?"":"Drawer"),d=this.state==="loading";this.setContent(`
       <style>${T}</style>
       <div class="overlay" part="overlay" aria-hidden="true"></div>
       <aside