@editora/ui-core 0.1.10 → 0.1.13

package/dist/dialog.esm.js

@@ -1,8 +1,8 @@
-import { E as q } from "./ElementBase-909688f3.mjs";
-import { a as T, r as I } from "./scroll-lock-9de6d328.mjs";
-import { c as z } from "./dismissable-layer-9c7e6b58.mjs";
-import { c as B } from "./focus-scope-103833ee.mjs";
-const M = `
+import { E as I } from "./ElementBase-909688f3.mjs";
+import { a as z, r as B } from "./scroll-lock-31da444f.mjs";
+import { c as M } from "./dismissable-layer-9c7e6b58.mjs";
+import { c as R } from "./focus-scope-103833ee.mjs";
+const W = `
   :host {
     position: fixed;
     inset: 0;
@@ -12,6 +12,7 @@ const M = `
     isolation: isolate;
     color-scheme: light dark;
     --ui-dialog-backdrop: color-mix(in srgb, #020617 58%, transparent);
+    --ui-dialog-backdrop-filter: none;
     --ui-dialog-bg: linear-gradient(
       180deg,
       color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent) 0%,
@@ -69,11 +70,16 @@ const M = `
     box-sizing: border-box;
     pointer-events: auto;
     background: var(--ui-dialog-backdrop);
-    backdrop-filter: saturate(1.05) blur(4px);
+    -webkit-backdrop-filter: var(--ui-dialog-backdrop-filter);
+    backdrop-filter: var(--ui-dialog-backdrop-filter);
     opacity: 0;
     transition: opacity var(--ui-dialog-duration) var(--ui-dialog-easing);
   }
 
+  .overlay[hidden] {
+    display: none;
+  }
+
   .overlay[data-open='true'] {
     opacity: 1;
   }
@@ -91,17 +97,19 @@ const M = `
     color: var(--ui-dialog-color);
     box-shadow: var(--ui-dialog-shadow);
     padding: var(--ui-dialog-padding-y) var(--ui-dialog-padding-x);
-    transform: translateY(12px) scale(0.985);
+    transform: translate3d(0, 12px, 0) scale(0.985);
     opacity: 0;
     transition:
       transform var(--ui-dialog-duration) var(--ui-dialog-easing),
       opacity var(--ui-dialog-duration) var(--ui-dialog-easing),
       border-color var(--ui-dialog-duration) var(--ui-dialog-easing),
       box-shadow var(--ui-dialog-duration) var(--ui-dialog-easing);
+    will-change: transform, opacity;
+    backface-visibility: hidden;
   }
 
   .overlay[data-open='true'] .panel {
-    transform: translateY(0) scale(1);
+    transform: translate3d(0, 0, 0) scale(1);
     opacity: 1;
   }
 
@@ -368,22 +376,34 @@ const M = `
       box-shadow: none;
     }
   }
-`, R = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-function b(u, t) {
-  if (u == null)
+`, P = 'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function g(n, t) {
+  if (n == null)
     return t;
-  const i = u.trim().toLowerCase();
+  const i = n.trim().toLowerCase();
   return i !== "false" && i !== "0" && i !== "off";
 }
-function a(u) {
-  return u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+function a(n) {
+  return n.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function w() {
+function F() {
   return typeof window < "u" && typeof document < "u";
 }
-const E = class n extends q {
+function S(n) {
+  return typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => n()) : window.setTimeout(n, 16);
+}
+function p(n) {
+  if (n) {
+    if (typeof cancelAnimationFrame == "function") {
+      cancelAnimationFrame(n);
+      return;
+    }
+    window.clearTimeout(n);
+  }
+}
+const C = class l extends I {
   constructor() {
-    super(), this._isActive = !1, this._uid = Math.random().toString(36).slice(2, 10), this._dialogId = this._uid, this._lastFocused = null, this._terminalEmitted = !1, this._closeMeta = null, this._runtimeError = "", this._config = {}, this._dismissableLayer = null, this._focusScope = null, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onSubmit = this._onSubmit.bind(this);
+    super(), this._isActive = !1, this._uid = Math.random().toString(36).slice(2, 10), this._dialogId = this._uid, this._lastFocused = null, this._terminalEmitted = !1, this._closeMeta = null, this._runtimeError = "", this._config = {}, this._dismissableLayer = null, this._focusScope = null, this._disconnectCleanupFrame = 0, this._restoreFocusFrame = 0, this._onClick = this._onClick.bind(this), this._onKeyDown = this._onKeyDown.bind(this), this._onFocusIn = this._onFocusIn.bind(this), this._onSubmit = this._onSubmit.bind(this);
   }
   static get observedAttributes() {
     return [
@@ -411,10 +431,12 @@ const E = class n extends q {
     ];
   }
   connectedCallback() {
-    super.connectedCallback(), this.root.addEventListener("click", this._onClick), this.root.addEventListener("keydown", this._onKeyDown), this.addEventListener("submit", this._onSubmit), this._syncFromAttributes(), this._syncOpenState();
+    this._disconnectCleanupFrame && (p(this._disconnectCleanupFrame), this._disconnectCleanupFrame = 0), super.connectedCallback(), this.root.addEventListener("click", this._onClick), this.root.addEventListener("keydown", this._onKeyDown), this.addEventListener("submit", this._onSubmit), this._syncFromAttributes(), this._syncOpenState();
   }
   disconnectedCallback() {
-    this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("submit", this._onSubmit), this._isActive && !this._terminalEmitted && this.close("dismiss", "unmount"), this._destroyRuntimeControllers(), this._deactivate(), super.disconnectedCallback();
+    this.root.removeEventListener("click", this._onClick), this.root.removeEventListener("keydown", this._onKeyDown), this.removeEventListener("submit", this._onSubmit), this._disconnectCleanupFrame && p(this._disconnectCleanupFrame), this._restoreFocusFrame && (p(this._restoreFocusFrame), this._restoreFocusFrame = 0), this._disconnectCleanupFrame = S(() => {
+      this._disconnectCleanupFrame = 0, !this.isConnected && (this._isActive && !this._terminalEmitted ? this.close("dismiss", "unmount") : (this._destroyRuntimeControllers(), this._deactivate()), super.disconnectedCallback());
+    });
   }
   attributeChangedCallback(t, i, e) {
     if (i !== e) {
@@ -432,25 +454,25 @@ const E = class n extends q {
     t ? this.setAttribute("open", "") : this.close("dismiss", "programmatic");
   }
   get dismissible() {
-    return b(this.getAttribute("dismissible") ?? this.getAttribute("closable"), !0);
+    return g(this.getAttribute("dismissible") ?? this.getAttribute("closable"), !0);
   }
   set dismissible(t) {
     this.setAttribute("dismissible", String(t)), this.setAttribute("closable", String(t));
   }
   get closeOnOverlay() {
-    return b(this.getAttribute("close-on-overlay") ?? this.getAttribute("close-on-backdrop"), !0);
+    return g(this.getAttribute("close-on-overlay") ?? this.getAttribute("close-on-backdrop"), !0);
   }
   set closeOnOverlay(t) {
     this.setAttribute("close-on-overlay", String(t)), this.setAttribute("close-on-backdrop", String(t));
   }
   get closeOnEsc() {
-    return b(this.getAttribute("close-on-esc"), !0);
+    return g(this.getAttribute("close-on-esc"), !0);
   }
   set closeOnEsc(t) {
     this.setAttribute("close-on-esc", String(t));
   }
   get lockWhileLoading() {
-    return b(this.getAttribute("lock-while-loading"), !0);
+    return g(this.getAttribute("lock-while-loading"), !0);
   }
   set lockWhileLoading(t) {
     this.setAttribute("lock-while-loading", String(t));
@@ -535,23 +557,19 @@ const E = class n extends q {
   }
   _syncOpenState() {
     const t = this.hasAttribute("open");
-    if (t && !this._isActive) {
-      this._activate();
-      return;
-    }
-    !t && this._isActive && this._deactivate();
+    t && !this._isActive ? this._activate() : !t && this._isActive && this._deactivate(), this._syncOpenUi();
   }
   _activate() {
-    this._isActive = !0, this._terminalEmitted = !1, this._closeMeta = null, n._openStack.includes(this) || n._openStack.push(this), this._lastFocused = document.activeElement || null, T();
+    this._isActive = !0, this._terminalEmitted = !1, this._closeMeta = null, l._openStack.includes(this) || l._openStack.push(this), this._lastFocused = document.activeElement || null, z();
     const t = this.dialogId || this._uid;
-    this._dispatchWithLegacy("ui-open", "open", { id: t }), this.dispatchEvent(new CustomEvent("show", { bubbles: !0, composed: !0 })), this.requestRender();
+    this._dispatchWithLegacy("ui-open", "open", { id: t }), this.dispatchEvent(new CustomEvent("show", { bubbles: !0, composed: !0 })), this._syncOpenUi(), this._syncRuntimeControllers();
   }
   _deactivate() {
     if (!this._isActive)
       return;
     this._isActive = !1, this._destroyRuntimeControllers();
-    const t = n._openStack.lastIndexOf(this);
-    if (t >= 0 && n._openStack.splice(t, 1), I(), !this._terminalEmitted) {
+    const t = l._openStack.lastIndexOf(this);
+    if (t >= 0 && l._openStack.splice(t, 1), B(), !this._terminalEmitted) {
       const e = this._closeMeta || { action: "dismiss", source: "abort" }, s = this.dialogId || this._uid;
       e.action === "cancel" ? this._dispatchWithLegacy("ui-cancel", "cancel", { id: s }) : this._dispatchWithLegacy("ui-dismiss", "dismiss", {
         id: s,
@@ -565,12 +583,13 @@ const E = class n extends q {
       }), this.dispatchEvent(new CustomEvent("hide", { bubbles: !0, composed: !0 })), this._terminalEmitted = !0, this._closeMeta = null;
     }
     const i = this._lastFocused;
-    this._lastFocused = null, i && this._canRestoreFocus(i) && setTimeout(() => {
+    this._lastFocused = null, i && this._canRestoreFocus(i) && (this._restoreFocusFrame && p(this._restoreFocusFrame), this._restoreFocusFrame = S(() => {
+      this._restoreFocusFrame = 0;
       try {
         this._canRestoreFocus(i) && i.focus();
       } catch {
       }
-    }, 0), this.requestRender();
+    })), this._syncOpenUi();
   }
   _dispatchWithLegacy(t, i, e, s = !1) {
     const o = new CustomEvent(t, {
@@ -591,7 +610,7 @@ const E = class n extends q {
   _isTopMost() {
     if (!this._isActive)
       return !1;
-    const t = n._openStack;
+    const t = l._openStack;
     return t.length > 0 && t[t.length - 1] === this;
   }
   _queryPanel() {
@@ -600,16 +619,16 @@ const E = class n extends q {
   _canRestoreFocus(t) {
     if (!t || !t.isConnected || t.disabled || t.getAttribute("aria-hidden") === "true")
       return !1;
-    if (!w())
+    if (!F())
       return !0;
     const i = window.getComputedStyle(t);
     return i.display !== "none" && i.visibility !== "hidden";
   }
   _collectFocusable(t) {
-    return Array.from(t.querySelectorAll(R)).filter((i) => {
+    return Array.from(t.querySelectorAll(P)).filter((i) => {
       if (i.disabled || i.getAttribute("aria-hidden") === "true")
         return !1;
-      const s = w() ? window.getComputedStyle(i) : null;
+      const s = F() ? window.getComputedStyle(i) : null;
       return !(s && (s.display === "none" || s.visibility === "hidden"));
     });
   }
@@ -644,17 +663,21 @@ const E = class n extends q {
     var t, i;
     (t = this._dismissableLayer) == null || t.destroy(), this._dismissableLayer = null, (i = this._focusScope) == null || i.destroy(), this._focusScope = null;
   }
+  _syncOpenUi() {
+    const t = this.root.querySelector(".overlay"), i = this._queryPanel(), e = this.open;
+    !t || !i || (t.hidden = !e, t.setAttribute("data-open", String(e)), t.setAttribute("aria-hidden", e ? "false" : "true"), i.setAttribute("aria-hidden", e ? "false" : "true"));
+  }
   _syncRuntimeControllers() {
     if (this._destroyRuntimeControllers(), !this.open || !this._isTopMost())
       return;
     const t = this._queryPanel();
-    t && (this._dismissableLayer = z({
+    t && (this._dismissableLayer = M({
       node: t,
       closeOnEscape: this.closeOnEsc,
       closeOnPointerOutside: this.closeOnOverlay,
       closeOnFocusOutside: !1,
       onBeforeDismiss: (i, e) => this._isInteractionLocked() ? !1 : i === "escape-key" ? (this.closeDialog("escape"), !1) : (i === "outside-pointer" && this.closeDialog("overlay"), !1)
-    }), this._focusScope = B({
+    }), this._focusScope = R({
       node: t,
       trapped: !0,
       loop: !0,
@@ -672,13 +695,13 @@ const E = class n extends q {
       return;
     const s = new FormData(e), o = {};
     for (const [r, h] of s.entries()) {
-      const l = String(h);
+      const c = String(h);
       if (o[r] == null) {
-        o[r] = l;
+        o[r] = c;
         continue;
       }
-      const c = o[r];
-      Array.isArray(c) ? c.push(l) : o[r] = [c, l];
+      const d = o[r];
+      Array.isArray(d) ? d.push(c) : o[r] = [d, c];
     }
     return Object.keys(o).length ? o : void 0;
   }
@@ -765,58 +788,55 @@ const E = class n extends q {
     }
   }
   render() {
-    if (!this.open) {
-      this._destroyRuntimeControllers(), this.setContent("");
-      return;
-    }
-    const t = this._config.title ?? this.getAttribute("title") ?? "", i = this._config.description ?? this.getAttribute("description") ?? "", e = this._config.submitText ?? this.getAttribute("submit-text") ?? "Submit", s = this._config.cancelText ?? this.getAttribute("cancel-text") ?? "Cancel", o = this._config.loadingText ?? this.getAttribute("loading-text") ?? "Working...", r = t.trim(), h = i.trim(), l = !!this.querySelector('[slot="title"]'), c = !!this.querySelector('[slot="description"]'), p = !!(r || l), f = !!(h || c), S = !!this.querySelector('[slot="content"]'), C = !!this.querySelector('[slot="footer"]'), L = this._config.showCancel ?? !0, F = this._config.showClose ?? this.dismissible, m = this._runtimeError || this._config.errorMessage || this.getAttribute("error-message") || "", g = this.state === "loading", _ = `ui-dialog-title-${this._uid}`, x = `ui-dialog-description-${this._uid}`, y = `ui-dialog-error-${this._uid}`, D = this.getAttribute("aria-label") || "", O = this.getAttribute("aria-labelledby") || "", A = this.getAttribute("aria-describedby") || "", v = O || (p ? _ : ""), k = D || (v ? "" : "Dialog"), d = [];
-    A ? d.push(A) : (f && d.push(x), m && d.push(y));
-    const $ = p || f ? `
+    const t = this._config.title ?? this.getAttribute("title") ?? "", i = this._config.description ?? this.getAttribute("description") ?? "", e = this._config.submitText ?? this.getAttribute("submit-text") ?? "Submit", s = this._config.cancelText ?? this.getAttribute("cancel-text") ?? "Cancel", o = this._config.loadingText ?? this.getAttribute("loading-text") ?? "Working...", r = t.trim(), h = i.trim(), c = !!this.querySelector('[slot="title"]'), d = !!this.querySelector('[slot="description"]'), f = !!(r || c), m = !!(h || d), E = !!this.querySelector('[slot="content"]'), L = !!this.querySelector('[slot="footer"]'), O = this._config.showCancel ?? !0, D = this._config.showClose ?? this.dismissible, v = this._runtimeError || this._config.errorMessage || this.getAttribute("error-message") || "", b = this.state === "loading", y = `ui-dialog-title-${this._uid}`, x = `ui-dialog-description-${this._uid}`, A = `ui-dialog-error-${this._uid}`, $ = this.getAttribute("aria-label") || "", q = this.getAttribute("aria-labelledby") || "", k = this.getAttribute("aria-describedby") || "", _ = q || (f ? y : ""), w = $ || (_ ? "" : "Dialog"), u = [];
+    k ? u.push(k) : (m && u.push(x), v && u.push(A));
+    const T = f || m ? `
           <header class="header" part="header">
-            ${p ? `<h2 id="${_}" class="title" part="title"><slot name="title">${a(r)}</slot></h2>` : ""}
-            ${f ? `<p id="${x}" class="description" part="description"><slot name="description">${a(h)}</slot></p>` : ""}
+            ${f ? `<h2 id="${y}" class="title" part="title"><slot name="title">${a(r)}</slot></h2>` : ""}
+            ${m ? `<p id="${x}" class="description" part="description"><slot name="description">${a(h)}</slot></p>` : ""}
           </header>
         ` : "";
     this._destroyRuntimeControllers(), this.setContent(`
-      ${this.hasAttribute("headless") ? "" : `<style>${M}</style>`}
-      <div class="overlay" part="overlay" data-open="${String(this.open)}">
+      ${this.hasAttribute("headless") ? "" : `<style>${W}</style>`}
+      <div class="overlay" part="overlay" data-open="${String(this.open)}" ${this.open ? "" : "hidden"} aria-hidden="${this.open ? "false" : "true"}">
         <section
           class="panel"
           part="panel"
           role="${a(this.getAttribute("role") || "dialog")}"
           aria-modal="true"
-          ${k ? `aria-label="${a(k)}"` : ""}
-          ${v ? `aria-labelledby="${a(v)}"` : ""}
-          ${d.length ? `aria-describedby="${a(d.join(" "))}"` : ""}
+          ${w ? `aria-label="${a(w)}"` : ""}
+          ${_ ? `aria-labelledby="${a(_)}"` : ""}
+          ${u.length ? `aria-describedby="${a(u.join(" "))}"` : ""}
+          aria-hidden="${this.open ? "false" : "true"}"
           tabindex="-1"
         >
-          ${F ? `<button class="close" part="close" aria-label="Close dialog" type="button" ${g ? "disabled" : ""}>
+          ${D ? `<button class="close" part="close" aria-label="Close dialog" type="button" ${b ? "disabled" : ""}>
                  <svg class="close-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true">
                    <path d="M3.5 3.5L12.5 12.5"></path>
                    <path d="M12.5 3.5L3.5 12.5"></path>
                  </svg>
                </button>` : ""}
-          ${$}
+          ${T}
           <div class="body" part="body">
-            ${S ? '<slot name="content"></slot>' : "<slot></slot>"}
+            ${E ? '<slot name="content"></slot>' : "<slot></slot>"}
           </div>
 
-          <div class="error" id="${y}" part="error" aria-live="polite" data-empty="${String(!m)}">${a(m)}</div>
+          <div class="error" id="${A}" part="error" aria-live="polite" data-empty="${String(!v)}">${a(v)}</div>
 
           <footer class="footer" part="footer">
-            ${g ? `<span class="loading" part="loading"><span class="spinner" aria-hidden="true"></span><span>${a(o)}</span></span>` : '<span aria-hidden="true"></span>'}
+            ${b ? `<span class="loading" part="loading"><span class="spinner" aria-hidden="true"></span><span>${a(o)}</span></span>` : '<span aria-hidden="true"></span>'}
 
-            ${C ? '<slot name="footer"></slot>' : `${L ? `<button class="btn btn-cancel" part="cancel" type="button" ${g ? "disabled" : ""}>${a(s)}</button>` : ""}
-                 <button class="btn btn-submit" part="submit" type="button" ${g ? "disabled" : ""}>${a(e)}</button>`}
+            ${L ? '<slot name="footer"></slot>' : `${O ? `<button class="btn btn-cancel" part="cancel" type="button" ${b ? "disabled" : ""}>${a(s)}</button>` : ""}
+                 <button class="btn btn-submit" part="submit" type="button" ${b ? "disabled" : ""}>${a(e)}</button>`}
           </footer>
         </section>
       </div>
-    `), this._syncRuntimeControllers();
+    `), this._syncOpenUi(), this.open ? this._syncRuntimeControllers() : this._destroyRuntimeControllers();
   }
 };
-E._openStack = [];
-let W = E;
-typeof customElements < "u" && !customElements.get("ui-dialog") && customElements.define("ui-dialog", W);
+C._openStack = [];
+let U = C;
+typeof customElements < "u" && !customElements.get("ui-dialog") && customElements.define("ui-dialog", U);
 export {
-  W as UIDialog
+  U as UIDialog
 };

package/dist/drawer.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const A=require("./ElementBase-1b301e7f.js"),d=require("./overlayManager-ece06517.js");require("./scroll-lock-48793569.js");const x='button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',O=`
+"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=`
   :host {
     position: fixed;
     inset: 0;
@@ -498,33 +498,33 @@
       display: none;
     }
   }
-`;function u(i,e){if(i==null)return e;const r=i.trim().toLowerCase();return r!=="false"&&r!=="0"&&r!=="off"}function c(i){return i.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#39;")}function L(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 y(i,e){var t;const r=i.querySelector(`[slot="${e}"]`);return r?((t=r.textContent)==null?void 0:t.trim().length)!==0||r.children.length>0:!1}function _(){return typeof window<"u"&&typeof document<"u"}class k extends A.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._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._releaseOpenResources(),this._restoreFocusEl=null,this._isOpen=!1,super.disconnectedCallback()}attributeChangedCallback(e,r,t){if(r!==t){if(e==="open"){this._syncOpenState();return}this.isConnected&&this.requestRender(),this._isOpen&&(e==="initial-focus"||e==="dismissible"||e==="show-close")&&queueMicrotask(()=>this._ensureFocusTrap())}}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:u(e,!0)}set dismissible(e){e?this.setAttribute("dismissible",""):this.removeAttribute("dismissible")}get closeOnOverlay(){return u(this.getAttribute("close-on-overlay"),!0)}set closeOnOverlay(e){this.setAttribute("close-on-overlay",String(e))}get closeOnEsc(){return u(this.getAttribute("close-on-esc"),!0)}set closeOnEsc(e){this.setAttribute("close-on-esc",String(e))}get lockWhileLoading(){return u(this.getAttribute("lock-while-loading"),!0)}set lockWhileLoading(e){this.setAttribute("lock-while-loading",String(e))}get showClose(){return this.hasAttribute("show-close")?u(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")}_isTopMost(){const e=d.OverlayManager.top();return e?e===this:!0}_isInteractionLocked(){return this.state==="loading"&&this.lockWhileLoading}_isNodeInsideDrawer(e){if(!e)return!1;const r=this._getPanel();return r&&r.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(!_())return!0;const r=window.getComputedStyle(e);return r.display!=="none"&&r.visibility!=="hidden"}_collectFocusable(){const e=this._getPanel(),r=[],t=o=>{this._isFocusable(o)&&(r.includes(o)||r.push(o))};return this.querySelectorAll(x).forEach(t),e&&e.querySelectorAll(x).forEach(t),r}_focusInitial(){if(!this._isOpen)return;const e=this._getPanel();if(!e)return;const r=this.getAttribute("initial-focus")||"";if(r){const s=this.querySelector(r)||e.querySelector(r);if(s&&this._isFocusable(s))try{s.focus();return}catch{}}const t=this._collectFocusable(),a=t.find(s=>s.hasAttribute("autofocus"))||t[0]||e;a===e&&!a.hasAttribute("tabindex")&&a.setAttribute("tabindex","-1");try{a.focus()}catch{}}_ensureFocusTrap(){if(!this._isOpen||!this._isTopMost())return;const e=document.activeElement;this._isNodeInsideDrawer(e)||this._focusInitial()}_releaseOpenResources(){try{d.OverlayManager.unregister(this),d.OverlayManager.releaseLock()}catch{}}_canRestoreFocus(e){if(!e||!e.isConnected||e.disabled)return!1;if(!_())return!0;const r=window.getComputedStyle(e);return r.display!=="none"&&r.visibility!=="hidden"}_syncOpenState(){const e=this.hasAttribute("open");if(e===this._isOpen){e?(this._bindGlobalListeners(),queueMicrotask(()=>this._ensureFocusTrap())):this._unbindGlobalListeners();return}if(this._isOpen=e,e){this._bindGlobalListeners(),this._restoreFocusEl=document.activeElement||null,this._closeReason="programmatic";try{d.OverlayManager.register(this),d.OverlayManager.acquireLock()}catch{}this._focusInitial(),queueMicrotask(()=>this._ensureFocusTrap()),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._releaseOpenResources();const r=this._closeReason;this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0,detail:{reason:r}})),this.dispatchEvent(new CustomEvent("hide",{bubbles:!0,composed:!0,detail:{reason:r}})),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0,detail:{open:!1,reason:r}}));const t=this._restoreFocusEl;if(this._restoreFocusEl=null,this._closeReason="programmatic",t&&this._canRestoreFocus(t))try{this._canRestoreFocus(t)&&t.focus()}catch{}}_requestClose(e){if(!this._isOpen||this._isInteractionLocked())return;const r=new CustomEvent("request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(r);const t=new CustomEvent("ui-request-close",{detail:{reason:e},bubbles:!0,composed:!0,cancelable:!0});this.dispatchEvent(t),!(r.defaultPrevented||t.defaultPrevented)&&this.close(e)}_onRootClick(e){const r=e.target;if(!r||!this._isOpen)return;if(r.closest(".close-btn")){this._requestClose("button");return}r.closest(".overlay")&&(!this.dismissible||!this.closeOnOverlay||this._isTopMost()&&this._requestClose("overlay"))}_handleTab(e){const r=this._getPanel();if(!r)return;const t=this._collectFocusable();if(!t.length){e.preventDefault(),r.focus();return}const o=t[0],a=t[t.length-1],s=document.activeElement,n=!!s&&this._isNodeInsideDrawer(s);if(e.shiftKey){(!n||s===o)&&(e.preventDefault(),a.focus());return}(!n||s===a)&&(e.preventDefault(),o.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 r=e.target,t=this._getPanel(),o=typeof e.composedPath=="function"?e.composedPath():[];r&&this._isNodeInsideDrawer(r)||o.includes(this)||t&&o.includes(t)||this._focusInitial()}render(){const e=this.getAttribute("dir")||document.documentElement.getAttribute("dir")||"ltr",r=L(this.getAttribute("side"),e==="rtl"?"rtl":"ltr"),t=this.showClose,o=y(this,"header"),a=y(this,"footer"),s=(this.getAttribute("title")||"").trim(),n=(this.getAttribute("description")||"").trim(),C=t||o||!!s||!!n,h=`ui-drawer-title-${this._uid}`,b=`ui-drawer-description-${this._uid}`,f=`ui-drawer-body-${this._uid}`,g=this.getAttribute("aria-label")||"",E=this.getAttribute("aria-labelledby")||"",w=this.getAttribute("aria-describedby")||"",p=E||(!g&&(o||s)?h:""),l=[];w?l.push(w):(n&&l.push(b),l.push(f));const v=g||(p?"":"Drawer"),m=this.state==="loading";this.setContent(`
-      <style>${O}</style>
+`;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(`
+      <style>${T}</style>
       <div class="overlay" part="overlay" aria-hidden="true"></div>
       <aside
-        class="panel side-${r}"
+        class="panel side-${t}"
         part="panel"
         role="dialog"
         aria-modal="true"
-        ${v?`aria-label="${c(v)}"`:""}
-        ${p?`aria-labelledby="${c(p)}"`:""}
-        ${l.length?`aria-describedby="${c(l.join(" "))}"`:""}
-        ${m?'aria-busy="true"':""}
+        ${c?`aria-label="${v(c)}"`:""}
+        ${g?`aria-labelledby="${v(g)}"`:""}
+        ${l.length?`aria-describedby="${v(l.join(" "))}"`:""}
+        ${d?'aria-busy="true"':""}
         tabindex="-1"
       >
-        <header class="header ${C?"":"empty"}" part="header">
+        <header class="header ${y?"":"empty"}" part="header">
           <div class="header-main">
-            ${o?`<slot name="header" id="${h}"></slot>`:""}
-            ${!o&&s?`<h2 class="title" id="${h}">${c(s)}</h2>`:""}
-            ${n?`<p class="subtitle" id="${b}">${c(n)}</p>`:""}
+            ${s?`<slot name="header" id="${u}"></slot>`:""}
+            ${!s&&o?`<h2 class="title" id="${u}">${v(o)}</h2>`:""}
+            ${n?`<p class="subtitle" id="${h}">${v(n)}</p>`:""}
           </div>
           <button
             type="button"
             class="close-btn"
             part="close"
             aria-label="Close drawer"
-            ${t?"":"hidden"}
-            ${m&&this.lockWhileLoading?"disabled":""}
+            ${r?"":"hidden"}
+            ${d&&this.lockWhileLoading?"disabled":""}
           >
             <svg class="close-icon" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" aria-hidden="true">
               <path d="M3.5 3.5L12.5 12.5"></path>
@@ -532,7 +532,7 @@
             </svg>
           </button>
         </header>
-        <div class="body" part="body" id="${f}"><slot></slot></div>
+        <div class="body" part="body" id="${b}"><slot></slot></div>
         <footer class="footer ${a?"":"empty"}" part="footer"><slot name="footer"></slot></footer>
       </aside>
-    `),this._isOpen&&queueMicrotask(()=>this._ensureFocusTrap())}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("keydown",this._onDocumentKeyDown,!0),document.addEventListener("focusin",this._onDocumentFocusIn,!0),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("keydown",this._onDocumentKeyDown,!0),document.removeEventListener("focusin",this._onDocumentFocusIn,!0),this._globalListenersBound=!1)}}typeof customElements<"u"&&!customElements.get("ui-drawer")&&customElements.define("ui-drawer",k);exports.UIDrawer=k;
+    `),this._syncLiveUi(),this._isOpen&&this._scheduleEnsureFocusTrap()}_bindGlobalListeners(){this._globalListenersBound||(document.addEventListener("keydown",this._onDocumentKeyDown,!0),document.addEventListener("focusin",this._onDocumentFocusIn,!0),this._globalListenersBound=!0)}_unbindGlobalListeners(){this._globalListenersBound&&(document.removeEventListener("keydown",this._onDocumentKeyDown,!0),document.removeEventListener("focusin",this._onDocumentFocusIn,!0),this._globalListenersBound=!1)}}typeof customElements<"u"&&!customElements.get("ui-drawer")&&customElements.define("ui-drawer",I);exports.UIDrawer=I;