@helixui/library 3.3.1 → 3.4.0

package/dist/shared/{hx-drawer-Y1Ui2IWJ.js → hx-drawer-DH6CdAN1.js}

@@ -1,12 +1,13 @@
-import { css as b, html as h, nothing as v } from "lit";
-import { query as m, state as c, property as d, customElement as w } from "lit/decorators.js";
-import { classMap as x } from "lit/directives/class-map.js";
-import { ifDefined as p } from "lit/directives/if-defined.js";
-import { l as y, u as _ } from "./body-scroll-lock-VBa5TFP-.js";
-import { a as g } from "./forced-colors-CTEDFRGa.js";
-import { H as E } from "./helix-element-BNEYeiys.js";
-import { c as S } from "./id-counter-DuX8vsui.js";
-const k = b`
+import { css as O, html as m, nothing as C } from "lit";
+import { query as k, state as f, property as u, customElement as D } from "lit/decorators.js";
+import { classMap as B } from "lit/directives/class-map.js";
+import { l as F, u as H } from "./body-scroll-lock-VBa5TFP-.js";
+import { a as R } from "./forced-colors-CTEDFRGa.js";
+import { f as x } from "./aria-flatten-DY6v2vah.js";
+import { s as z, i as I, r as L } from "./aria-idref-CxvyzfQS.js";
+import { H as $ } from "./helix-element-BNEYeiys.js";
+import { c as M } from "./id-counter-DuX8vsui.js";
+const N = O`
   /* P2-03: Explicit [hidden] rule to survive CSS resets that may override the UA stylesheet. */
   [hidden] {
     display: none !important;
@@ -247,6 +248,23 @@ const k = b`
     margin: 0;
   }
 
+  /* ─── Synthesized consumer-description span ─── */
+  /* Visually hidden mirror of consumer-resolved aria-describedby text used by */
+  /* the host-canonical ARIA pipeline. Always present in the shadow tree so AT */
+  /* can resolve the same-root id even when the description is currently empty. */
+
+  .drawer-sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
   /* ─── Body ─── */
 
   .drawer-body {
@@ -290,17 +308,17 @@ const k = b`
     }
   }
 `;
-var C = Object.defineProperty, A = Object.getOwnPropertyDescriptor, a = (e, t, r, i) => {
-  for (var s = i > 1 ? void 0 : i ? A(t, r) : t, n = e.length - 1, l; n >= 0; n--)
-    (l = e[n]) && (s = (i ? l(t, r, s) : l(s)) || s);
-  return i && s && C(t, r, s), s;
+var P = Object.defineProperty, V = Object.getOwnPropertyDescriptor, d = (e, t, r, s) => {
+  for (var i = s > 1 ? void 0 : s ? V(t, r) : t, a = e.length - 1, o; a >= 0; a--)
+    (o = e[a]) && (i = (s ? o(t, r, i) : o(i)) || i);
+  return s && i && P(t, r, i), i;
 };
-const T = S("hx-drawer"), F = {
+const j = M("hx-drawer"), U = {
   sm: "20rem",
   md: "30rem",
   lg: "40rem",
   full: "100%"
-}, u = [
+}, g = [
   "a[href]",
   "area[href]",
   "button:not([disabled])",
@@ -310,9 +328,9 @@ const T = S("hx-drawer"), F = {
   '[tabindex]:not([tabindex="-1"])',
   "details > summary"
 ].join(",");
-let o = class extends E {
+let l = class extends $ {
   constructor() {
-    super(...arguments), this._isOpen = !1, this._hasHeaderActionsSlot = !1, this._hasFooterSlot = !1, this._hasLabelSlot = !1, this._cachedFocusableElements = [], this._triggerElement = null, this._animationTimeout = null, this._hasScrollLock = !1, this._siblingAriaHiddenElements = [], this._titleId = `${T()}-title`, this.open = !1, this.placement = "end", this.size = "md", this.contained = !1, this.noHeader = !1, this.noFooter = !1, this.label = "", this.labelClose = "Close drawer", this._handleKeyDown = (e) => {
+    super(...arguments), this._isOpen = !1, this._hasHeaderActionsSlot = !1, this._hasFooterSlot = !1, this._hasLabelSlot = !1, this._cachedFocusableElements = [], this._triggerElement = null, this._animationTimeout = null, this._hasScrollLock = !1, this._siblingAriaHiddenElements = [], this._id = j(), this._titleId = `${this._id}-title`, this._consumerDescId = `${this._id}-consumer-desc`, this._supportsIdrefRefs = !0, this._slottedLabelEls = [], this._labelSlotText = "", this._consumerLabelledBy = null, this._consumerDescribedBy = null, this._ariaMirror = null, this._labelSlotTextObserver = null, this._externalRefsObserver = null, this._hostDescribedByObserver = null, this.open = !1, this.placement = "end", this.size = "md", this.contained = !1, this.noHeader = !1, this.noFooter = !1, this.label = "", this.labelClose = "Close drawer", this._handleKeyDown = (e) => {
       if (this._isOpen) {
         if (e.key === "Escape") {
           e.preventDefault(), this.open = !1;
@@ -330,12 +348,32 @@ let o = class extends E {
     super.connectedCallback();
     const e = this.getAttribute("size");
     e !== null && !this.hasAttribute("hx-size") && (this.size = e);
+    const t = this.constructor;
+    this._supportsIdrefRefs = t.__testSupportsIdrefRefsOverride !== null ? t.__testSupportsIdrefRefsOverride : z(this._internals), this._internals.role = "dialog", this._internals.ariaModal = "true", this._hostDescribedByObserver = new MutationObserver((r) => {
+      let s = !1;
+      for (const i of r) {
+        if (i.attributeName !== "aria-describedby") continue;
+        const a = i.oldValue, o = this.getAttribute("aria-describedby");
+        a !== null && o === null && (this._consumerDescribedBy = null, s = !0);
+      }
+      s && this._syncHostAriaSemantics();
+    }), this._hostDescribedByObserver.observe(this, {
+      attributes: !0,
+      attributeFilter: ["aria-describedby"],
+      attributeOldValue: !0
+    }), this._syncHostAriaSemantics(), this._ariaMirror = I(this, () => {
+      this._syncHostAriaSemantics();
+    });
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this._removeListeners(), this._animationTimeout !== null && clearTimeout(this._animationTimeout), this._restoreBodyScroll();
+    var e, t, r, s;
+    super.disconnectedCallback(), this._removeListeners(), this._animationTimeout !== null && clearTimeout(this._animationTimeout), this._restoreBodyScroll(), (e = this._ariaMirror) == null || e.disconnect(), this._ariaMirror = null, (t = this._labelSlotTextObserver) == null || t.disconnect(), this._labelSlotTextObserver = null, (r = this._externalRefsObserver) == null || r.disconnect(), this._externalRefsObserver = null, (s = this._hostDescribedByObserver) == null || s.disconnect(), this._hostDescribedByObserver = null;
   }
   updated(e) {
-    super.updated(e), e.has("open") && (this.open ? this._openDrawer() : this._closeDrawer()), e.has("size") && this._applySizeVar();
+    super.updated(e), e.has("open") && (this.open ? this._openDrawer() : this._closeDrawer()), e.has("size") && this._applySizeVar(), this._syncHostAriaSemantics();
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e);
   }
   // ─── Public Methods ───
   /** Opens the drawer. */
@@ -349,17 +387,17 @@ let o = class extends E {
   // ─── Private: Size CSS variable ───
   /** @internal */
   _applySizeVar() {
-    const e = F[this.size] ?? this.size;
+    const e = U[this.size] ?? this.size;
     this.style.setProperty("--_drawer-size", e);
   }
   // ─── Private: Open / Close ───
   /** @internal */
   _lockBodyScroll() {
-    this.contained || this._hasScrollLock || (y(), this._hasScrollLock = !0);
+    this.contained || this._hasScrollLock || (F(), this._hasScrollLock = !0);
   }
   /** @internal */
   _restoreBodyScroll() {
-    this._hasScrollLock && (_(), this._hasScrollLock = !1);
+    this._hasScrollLock && (H(), this._hasScrollLock = !1);
   }
   /** @internal */
   _openDrawer() {
@@ -372,12 +410,12 @@ let o = class extends E {
           new CustomEvent("hx-after-show", { bubbles: !0, composed: !0 })
         );
       else {
-        const i = () => {
+        const s = () => {
           this._animationTimeout !== null && (clearTimeout(this._animationTimeout), this._animationTimeout = null), this.dispatchEvent(
             new CustomEvent("hx-after-show", { bubbles: !0, composed: !0 })
           );
         };
-        r.addEventListener("transitionend", i, { once: !0 }), this._animationTimeout = setTimeout(i, t + 50);
+        r.addEventListener("transitionend", s, { once: !0 }), this._animationTimeout = setTimeout(s, t + 50);
       }
     }).catch(console.error);
   }
@@ -443,18 +481,18 @@ let o = class extends E {
   }
   /** @internal */
   _getFocusableElements() {
-    var i, s;
+    var s, i;
     const e = Array.from(
-      ((i = this.shadowRoot) == null ? void 0 : i.querySelectorAll(u)) ?? []
-    ), t = ((s = this.shadowRoot) == null ? void 0 : s.querySelectorAll("slot")) ?? [], r = [];
-    return t.forEach((n) => {
-      n.assignedElements({ flatten: !0 }).forEach((l) => {
-        l instanceof HTMLElement && (l.matches(u) && r.push(l), l.querySelectorAll(u).forEach((f) => {
-          r.push(f);
+      ((s = this.shadowRoot) == null ? void 0 : s.querySelectorAll(g)) ?? []
+    ), t = ((i = this.shadowRoot) == null ? void 0 : i.querySelectorAll("slot")) ?? [], r = [];
+    return t.forEach((a) => {
+      a.assignedElements({ flatten: !0 }).forEach((o) => {
+        o instanceof HTMLElement && (o.matches(g) && r.push(o), o.querySelectorAll(g).forEach((b) => {
+          r.push(b);
         }));
       });
     }), [...e, ...r].filter(
-      (n) => !n.hasAttribute("disabled") && n.getAttribute("tabindex") !== "-1"
+      (a) => !a.hasAttribute("disabled") && a.getAttribute("tabindex") !== "-1"
     );
   }
   /** @internal */
@@ -464,10 +502,10 @@ let o = class extends E {
       e.preventDefault();
       return;
     }
-    const [r, ...i] = t, s = i.length > 0 ? i[i.length - 1] : r;
-    if (!r || !s) return;
-    const n = document.activeElement;
-    e.shiftKey ? n === r && (e.preventDefault(), s.focus()) : n === s && (e.preventDefault(), r.focus());
+    const [r, ...s] = t, i = s.length > 0 ? s[s.length - 1] : r;
+    if (!r || !i) return;
+    const a = document.activeElement;
+    e.shiftKey ? a === r && (e.preventDefault(), i.focus()) : a === i && (e.preventDefault(), r.focus());
   }
   // ─── Slot change handlers ───
   /** @internal */
@@ -482,13 +520,164 @@ let o = class extends E {
   }
   /** @internal */
   _handleLabelSlotChange(e) {
-    const t = e.target;
-    this._hasLabelSlot = t.assignedNodes({ flatten: !0 }).length > 0;
+    if (!(e.target instanceof HTMLSlotElement)) return;
+    const t = this._readLabelSlotState(e.target);
+    this._hasLabelSlot = t.hasUsefulName, this._slottedLabelEls = t.elements, this._labelSlotText = t.text, this._installLabelSlotTextObserver(t.elements), this._syncHostAriaSemantics();
+  }
+  // ─── Host-canonical ARIA helpers ───
+  /**
+   * Reads the label slot's assigned nodes and computes the discriminated
+   * naming state. Aggregates ALL assigned elements (not just the first) so
+   * composed labels project the FULL visible label via
+   * `internals.ariaLabelledByElements`. Per AccName 1.2 §4.3.10,
+   * `aria-hidden="true"` / `[hidden]` elements contribute zero to the
+   * accessible name but stay in `elements` so AT walking IDL refs sees the
+   * full visible group. `hasUsefulName` is gated on the flattened text
+   * length: a slot containing only decorative wrappers does NOT name the
+   * dialog, and the host falls through to the next naming source.
+   * @internal
+   */
+  _readLabelSlotState(e) {
+    const t = e.assignedNodes({ flatten: !0 }), r = [], s = [];
+    for (const a of t)
+      if (a.nodeType === Node.ELEMENT_NODE) {
+        const o = a;
+        if (r.push(o), o.getAttribute("aria-hidden") === "true") continue;
+        const b = x(o);
+        b && s.push(b);
+      } else if (a.nodeType === Node.TEXT_NODE) {
+        const o = (a.textContent ?? "").trim();
+        o && s.push(o);
+      }
+    const i = s.join(" ").replace(/\s+/g, " ").trim();
+    return {
+      hasUsefulName: i.length > 0,
+      elements: r,
+      text: i
+    };
+  }
+  /**
+   * (Re-)installs the mutation observer over the current set of slotted label
+   * elements. On any descendant text/visibility mutation we re-flatten and
+   * re-sync so the host's accessible name tracks the visible label.
+   * @internal
+   */
+  _installLabelSlotTextObserver(e) {
+    var r;
+    if ((r = this._labelSlotTextObserver) == null || r.disconnect(), e.length === 0) {
+      this._labelSlotTextObserver = null;
+      return;
+    }
+    const t = new MutationObserver(() => {
+      const s = [];
+      for (const a of e) {
+        if (a.getAttribute("aria-hidden") === "true") continue;
+        const o = x(a);
+        o && s.push(o);
+      }
+      const i = s.join(" ").replace(/\s+/g, " ").trim();
+      this._labelSlotText = i, this._hasLabelSlot = i.length > 0, this._syncHostAriaSemantics();
+    });
+    for (const s of e)
+      t.observe(s, {
+        characterData: !0,
+        childList: !0,
+        subtree: !0,
+        attributes: !0,
+        attributeFilter: ["aria-hidden", "hidden"]
+      });
+    this._labelSlotTextObserver = t;
+  }
+  /**
+   * (Re-)installs a `MutationObserver` against the deduped union of
+   * consumer-resolved label/description elements. Watches `characterData`,
+   * `childList`, `subtree`, and `aria-hidden` / `hidden` attributes so any
+   * in-place mutation on the referenced light-DOM nodes triggers a fresh
+   * sync — keeping the modern-path IDL refs and the fallback-path text
+   * flatten aligned with the live consumer text.
+   * @internal
+   */
+  _installExternalRefsObserver(e) {
+    if (this._externalRefsObserver && (this._externalRefsObserver.disconnect(), this._externalRefsObserver = null), e.length === 0) return;
+    const t = new Set(e), r = new MutationObserver(() => {
+      this._syncHostAriaSemantics();
+    });
+    for (const s of t)
+      r.observe(s, {
+        characterData: !0,
+        subtree: !0,
+        childList: !0,
+        attributes: !0,
+        attributeFilter: ["aria-hidden", "hidden"]
+      });
+    this._externalRefsObserver = r;
+  }
+  /**
+   * Resolves consumer-supplied label/description IDREFs on the host and
+   * projects the canonical dialog ARIA onto the **host** via
+   * `ElementInternals` (modern path) and onto the inner overlay via attribute
+   * writes (fallback path).
+   *
+   * Cross-shadow naming is belt-and-suspenders:
+   *
+   *   1. **Modern path** (`_supportsIdrefRefs === true`): consumer-resolved
+   *      label/description elements are written onto
+   *      `internals.ariaLabelledByElements` / `internals.ariaDescribedByElements`
+   *      on the host. AT walking the host's accessibility tree finds them
+   *      across the shadow boundary. `internals.ariaLabel` carries the
+   *      flattened text fallback (only when no labelledby resolves) so AT
+   *      that does not walk IDL refs still announces a name.
+   *   2. **Fallback path** (`_supportsIdrefRefs === false`): the resolved
+   *      element text is flattened and written to `internals.ariaLabel` AND
+   *      mirrored to the inner overlay's `aria-label`.
+   *
+   * The synthesized `<span id="${_consumerDescId}">` mirrors the resolved
+   * description text on every sync. The inner overlay's `aria-describedby`
+   * chains the in-shadow span. `aria-description` is intentionally NEVER
+   * written — W3C AccName ignores it whenever `aria-describedby` is set.
+   *
+   * Naming precedence (W3C AccName 1.2 §4.3.1):
+   *   1. Consumer `aria-labelledby` (resolved IDREFs, text-flattened)
+   *   2. Consumer `aria-label`
+   *   3. Slotted `<slot name="label">` text
+   *   4. `label` property
+   *   5. Hard-coded `"Drawer"`
+   * @internal
+   */
+  _syncHostAriaSemantics() {
+    var A;
+    const e = this._internals, t = this.getAttribute("aria-labelledby");
+    this._consumerLabelledBy = t;
+    const r = this.getAttribute("aria-describedby");
+    this._consumerDescribedBy = r;
+    const s = L(this, this._consumerLabelledBy), i = s.length > 0, a = L(this, this._consumerDescribedBy);
+    this._installExternalRefsObserver([...s, ...a]);
+    const o = (c) => c.getAttribute("aria-hidden") !== "true" && !c.hasAttribute("hidden"), b = this.getAttribute("aria-label"), y = b !== null ? b.trim() : "", v = [];
+    v.push(...s.filter(o)), !i && !y && this._hasLabelSlot && v.push(...this._slottedLabelEls.filter(o));
+    const S = [...a.filter(o)], E = (c) => c.filter(o).map((p) => x(p)).filter((p) => p.length > 0).join(" ");
+    let h = "";
+    if (i && (h = E(s)), !h && y && (h = y), !h && this._hasLabelSlot && this._labelSlotText && (h = this._labelSlotText), !h && this.label && (h = this.label), h || (h = "Drawer"), this._supportsIdrefRefs) {
+      const c = e;
+      c.ariaLabelledByElements = v.length > 0 ? v : null, c.ariaDescribedByElements = S.length > 0 ? S : null, i ? e.ariaLabel = null : e.ariaLabel = h;
+    } else
+      e.ariaLabel = h;
+    const _ = ((A = this.shadowRoot) == null ? void 0 : A.getElementById(this._consumerDescId)) ?? null, w = E(a);
+    _ && _.textContent !== w && (_.textContent = w);
+    const n = this._overlayEl ?? null;
+    if (n) {
+      n.hasAttribute("role") && n.removeAttribute("role"), n.hasAttribute("aria-modal") && n.removeAttribute("aria-modal");
+      const c = !this._supportsIdrefRefs && this._hasLabelSlot ? this._titleId : null, p = !this._supportsIdrefRefs && !c ? h : null;
+      if (c ? n.getAttribute("aria-labelledby") !== c && n.setAttribute("aria-labelledby", c) : n.hasAttribute("aria-labelledby") && n.removeAttribute("aria-labelledby"), p ? n.getAttribute("aria-label") !== p && n.setAttribute("aria-label", p) : n.hasAttribute("aria-label") && n.removeAttribute("aria-label"), w && _) {
+        const T = this._consumerDescId;
+        n.getAttribute("aria-describedby") !== T && n.setAttribute("aria-describedby", T);
+      } else n.hasAttribute("aria-describedby") && n.removeAttribute("aria-describedby");
+    }
+    n && n.hasAttribute("aria-description") && n.removeAttribute("aria-description");
   }
   // ─── Render Helpers ───
   /** @internal */
   _renderHeader() {
-    return this.noHeader ? h`
+    return this.noHeader ? m`
         <button
           part="close-btn"
           class="drawer-close-button drawer-close-button--sr-only"
@@ -497,16 +686,16 @@ let o = class extends E {
       this.open = !1;
     }}
         ></button>
-      ` : h`
+      ` : m`
       <div part="header" class="drawer-header">
         <h2 part="title" id=${this._titleId} class="drawer-title">
           <slot name="label" @slotchange=${this._handleLabelSlotChange}></slot>
         </h2>
         <div class="drawer-header-actions">
-          ${this._hasHeaderActionsSlot ? h`<slot
+          ${this._hasHeaderActionsSlot ? m`<slot
                 name="header-actions"
                 @slotchange=${this._handleHeaderActionsSlotChange}
-              ></slot>` : h`<slot
+              ></slot>` : m`<slot
                 name="header-actions"
                 @slotchange=${this._handleHeaderActionsSlotChange}
                 style="display:none"
@@ -541,7 +730,7 @@ let o = class extends E {
   }
   /** @internal */
   _renderFooter() {
-    return this.noFooter ? v : h`
+    return this.noFooter ? C : m`
       <div part="footer" class="drawer-footer" ?hidden=${!this._hasFooterSlot}>
         <slot name="footer" @slotchange=${this._handleFooterSlotChange}></slot>
       </div>
@@ -552,15 +741,11 @@ let o = class extends E {
     const e = {
       "drawer-overlay": !0,
       "is-open": this._isOpen
-    }, t = this._hasLabelSlot ? this._titleId : void 0, r = this._hasLabelSlot ? void 0 : this.label || "Drawer";
-    return h`
+    };
+    return m`
       <div
         part="overlay"
-        class=${x(e)}
-        role="dialog"
-        aria-modal="true"
-        aria-labelledby=${p(t)}
-        aria-label=${p(r)}
+        class=${B(e)}
         tabindex="-1"
         @click=${this._handleOverlayClick}
       >
@@ -572,57 +757,74 @@ let o = class extends E {
           </div>
           ${this._renderFooter()}
         </div>
+        <!--
+          Synthesized in-shadow span carrying consumer-resolved description
+          text. Updated imperatively on every sync. The inner overlay's
+          \`aria-describedby\` references this span so cross-shadow consumer
+          descriptions resolve through the standard described-by channel
+          without writing light-DOM ids that cannot resolve from inside a
+          shadow root. \`aria-description\` is intentionally NEVER written —
+          AccName ignores it whenever \`aria-describedby\` is present.
+        -->
+        <span id=${this._consumerDescId} class="drawer-sr-only" aria-hidden="false"></span>
       </div>
     `;
   }
 };
-o.styles = [k, g];
-a([
-  m(".drawer-overlay")
-], o.prototype, "_overlayEl", 2);
-a([
-  m(".drawer-panel")
-], o.prototype, "_panelEl", 2);
-a([
-  c()
-], o.prototype, "_isOpen", 2);
-a([
-  c()
-], o.prototype, "_hasHeaderActionsSlot", 2);
-a([
-  c()
-], o.prototype, "_hasFooterSlot", 2);
-a([
-  c()
-], o.prototype, "_hasLabelSlot", 2);
-a([
-  d({ type: Boolean, reflect: !0 })
-], o.prototype, "open", 2);
-a([
-  d({ type: String, reflect: !0 })
-], o.prototype, "placement", 2);
-a([
-  d({ type: String, reflect: !0, attribute: "hx-size" })
-], o.prototype, "size", 2);
-a([
-  d({ type: Boolean, reflect: !0 })
-], o.prototype, "contained", 2);
-a([
-  d({ type: Boolean, reflect: !0, attribute: "no-header" })
-], o.prototype, "noHeader", 2);
-a([
-  d({ type: Boolean, reflect: !0, attribute: "no-footer" })
-], o.prototype, "noFooter", 2);
-a([
-  d({ type: String })
-], o.prototype, "label", 2);
-a([
-  d({ type: String, attribute: "label-close" })
-], o.prototype, "labelClose", 2);
-o = a([
-  w("hx-drawer")
-], o);
+l.styles = [N, R];
+l.__testSupportsIdrefRefsOverride = null;
+d([
+  k(".drawer-overlay")
+], l.prototype, "_overlayEl", 2);
+d([
+  k(".drawer-panel")
+], l.prototype, "_panelEl", 2);
+d([
+  f()
+], l.prototype, "_isOpen", 2);
+d([
+  f()
+], l.prototype, "_hasHeaderActionsSlot", 2);
+d([
+  f()
+], l.prototype, "_hasFooterSlot", 2);
+d([
+  f()
+], l.prototype, "_hasLabelSlot", 2);
+d([
+  f()
+], l.prototype, "_supportsIdrefRefs", 2);
+d([
+  f()
+], l.prototype, "_labelSlotText", 2);
+d([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "open", 2);
+d([
+  u({ type: String, reflect: !0 })
+], l.prototype, "placement", 2);
+d([
+  u({ type: String, reflect: !0, attribute: "hx-size" })
+], l.prototype, "size", 2);
+d([
+  u({ type: Boolean, reflect: !0 })
+], l.prototype, "contained", 2);
+d([
+  u({ type: Boolean, reflect: !0, attribute: "no-header" })
+], l.prototype, "noHeader", 2);
+d([
+  u({ type: Boolean, reflect: !0, attribute: "no-footer" })
+], l.prototype, "noFooter", 2);
+d([
+  u({ type: String })
+], l.prototype, "label", 2);
+d([
+  u({ type: String, attribute: "label-close" })
+], l.prototype, "labelClose", 2);
+l = d([
+  D("hx-drawer")
+], l);
 export {
-  o as H
+  l as H
 };
-//# sourceMappingURL=hx-drawer-Y1Ui2IWJ.js.map
+//# sourceMappingURL=hx-drawer-DH6CdAN1.js.map