nve-designsystem 1.0.0 → 1.3.1

package/chunks/chunk.2IP2T4OH.js

@@ -1,5 +1,5 @@
 import { i as a, x as u } from "./lit-element.js";
-import { c, b as d, S as m } from "./chunk.EMG3ZSPT.js";
+import { c, d, S as m } from "./chunk.EMG3ZSPT.js";
 import { e as h } from "./query.js";
 var f = a`
   :host {

package/chunks/chunk.3SGXMLGV.js

@@ -2,12 +2,12 @@ import { b as l } from "./chunk.MAQXLKQ7.js";
 import { i as a } from "./lit-element.js";
 import { H as r } from "./chunk.NYIIDP5N.js";
 import { w as u } from "./chunk.GMYPQTFK.js";
-import { c as n, b as e, S as h } from "./chunk.EMG3ZSPT.js";
-import { e as d } from "./class-map.js";
+import { c as n, d as e, S as d } from "./chunk.EMG3ZSPT.js";
+import { e as h } from "./class-map.js";
 import { u as p } from "./static.js";
-import { o as b } from "./if-defined.js";
+import { o as c } from "./if-defined.js";
 import { n as s } from "./property.js";
-import { r as c } from "./state.js";
+import { r as b } from "./state.js";
 import { e as i } from "./query.js";
 var f = a`
   ${l}
@@ -33,7 +33,7 @@ var f = a`
     opacity: 0;
     z-index: -1;
   }
-`, t = class extends h {
+`, t = class extends d {
   constructor() {
     super(...arguments), this.hasSlotController = new r(this, "[default]", "prefix", "suffix"), this.hasFocus = !1, this.checked = !1, this.disabled = !1, this.size = "medium", this.pill = !1;
   }
@@ -71,7 +71,7 @@ var f = a`
           part="${`button${this.checked ? " button--checked" : ""}`}"
           role="radio"
           aria-checked="${this.checked}"
-          class=${d({
+          class=${h({
       button: !0,
       "button--default": !0,
       "button--small": this.size === "small",
@@ -88,7 +88,7 @@ var f = a`
     })}
           aria-disabled=${this.disabled}
           type="button"
-          value=${b(this.value)}
+          value=${c(this.value)}
           @blur=${this.handleBlur}
           @focus=${this.handleFocus}
           @click=${this.handleClick}
@@ -109,7 +109,7 @@ e([
   i(".hidden-input")
 ], t.prototype, "hiddenInput", 2);
 e([
-  c()
+  b()
 ], t.prototype, "hasFocus", 2);
 e([
   s({ type: Boolean, reflect: !0 })

package/chunks/chunk.5YPURQKE.js

@@ -1,11 +1,11 @@
-import { i as f, x as g } from "./lit-element.js";
+import { i as b, x as g } from "./lit-element.js";
 import { w as y, u as w, g as p } from "./chunk.ZL53POKZ.js";
-import { w as b } from "./chunk.GMYPQTFK.js";
-import { c as S, b as o, S as C } from "./chunk.EMG3ZSPT.js";
+import { w as f } from "./chunk.GMYPQTFK.js";
+import { c as S, d as o, S as C } from "./chunk.EMG3ZSPT.js";
 import { e as L } from "./directive-helpers.js";
 import { n as h } from "./property.js";
 import { r as R } from "./state.js";
-var I = f`
+var I = b`
   :host {
     display: inline-block;
     width: 1em;
@@ -120,10 +120,10 @@ o([
   h({ reflect: !0 })
 ], a.prototype, "library", 2);
 o([
-  b("label")
+  f("label")
 ], a.prototype, "handleLabelChange", 1);
 o([
-  b(["name", "src", "library"])
+  f(["name", "src", "library"])
 ], a.prototype, "setIcon", 1);
 export {
   a as S

package/chunks/chunk.5ZRUVMLP.js

@@ -3,7 +3,7 @@ import { S as g } from "./chunk.AR3BL5H3.js";
 import { s as m, p as l, a as h, g as d, b as c, w as u } from "./chunk.AJ3ENQ5C.js";
 import { L as v } from "./chunk.6CTB5ZDJ.js";
 import { w as p } from "./chunk.GMYPQTFK.js";
-import { c as w, b as o, S as b } from "./chunk.EMG3ZSPT.js";
+import { c as w, d as o, S as b } from "./chunk.EMG3ZSPT.js";
 import { e as k } from "./class-map.js";
 import { n as i } from "./property.js";
 import { e as n } from "./query.js";

package/chunks/chunk.7B2AJG4K.js

@@ -2,7 +2,7 @@ import { i as r, x as c } from "./lit-element.js";
 import { L as p } from "./chunk.6CTB5ZDJ.js";
 import { S as d } from "./chunk.5YPURQKE.js";
 import { w as i } from "./chunk.GMYPQTFK.js";
-import { c as h, b as t, S as u } from "./chunk.EMG3ZSPT.js";
+import { c as h, d as t, S as u } from "./chunk.EMG3ZSPT.js";
 import { e as f } from "./class-map.js";
 import { n } from "./property.js";
 import { r as a } from "./state.js";

package/chunks/chunk.7ZRV3LMN.js

@@ -1,7 +1,7 @@
 import { i as a, x as t } from "./lit-element.js";
 import { S as l } from "./chunk.5YPURQKE.js";
 import { w as r } from "./chunk.GMYPQTFK.js";
-import { c as d, b as i, S as n } from "./chunk.EMG3ZSPT.js";
+import { c as d, d as i, S as n } from "./chunk.EMG3ZSPT.js";
 import { e as c } from "./class-map.js";
 import { n as o } from "./property.js";
 import { r as s } from "./state.js";

package/chunks/chunk.AR3BL5H3.js

@@ -1,6 +1,6 @@
 import { i as Vt, x as Rt } from "./lit-element.js";
 import { L as jt } from "./chunk.6CTB5ZDJ.js";
-import { c as Yt, b as x, S as It, _ as Xt, a as qt } from "./chunk.EMG3ZSPT.js";
+import { c as Yt, d as x, S as It, _ as Xt, a as qt } from "./chunk.EMG3ZSPT.js";
 import { e as Et } from "./class-map.js";
 import { n as A } from "./property.js";
 import { e as Tt } from "./query.js";

package/chunks/chunk.BV4DJ45A.js

@@ -1,7 +1,7 @@
 import { i as g, x as p } from "./lit-element.js";
 import { f as _ } from "./chunk.SI4ACBFK.js";
 import { F as C, c as x, a as R, v as V } from "./chunk.3RPBFEDE.js";
-import { c as b, b as l, S as v } from "./chunk.EMG3ZSPT.js";
+import { c as b, d as l, S as v } from "./chunk.EMG3ZSPT.js";
 import { n } from "./property.js";
 import { r as f } from "./state.js";
 import { e as m } from "./query.js";

package/chunks/chunk.BWLYJ7KT.js

@@ -0,0 +1,426 @@
+import { i as v, x as f } from "./lit-element.js";
+import { M as g } from "./chunk.FRD7DRZ6.js";
+import { l as h, u as c } from "./chunk.RWUUFNUL.js";
+import { S as _ } from "./chunk.MMEGYRNV.js";
+import { s as a, g as s, b as n, a as d, w as m } from "./chunk.AJ3ENQ5C.js";
+import { H as b } from "./chunk.NYIIDP5N.js";
+import { L as k } from "./chunk.6CTB5ZDJ.js";
+import { w as y } from "./chunk.GMYPQTFK.js";
+import { c as x, d as r, S as C } from "./chunk.EMG3ZSPT.js";
+import { e as z } from "./class-map.js";
+import { o as u } from "./if-defined.js";
+import { n as l } from "./property.js";
+import { e as p } from "./query.js";
+var S = v`
+  :host {
+    --size: 25rem;
+    --header-spacing: var(--sl-spacing-large);
+    --body-spacing: var(--sl-spacing-large);
+    --footer-spacing: var(--sl-spacing-large);
+
+    display: contents;
+  }
+
+  .drawer {
+    top: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    overflow: hidden;
+  }
+
+  .drawer--contained {
+    position: absolute;
+    z-index: initial;
+  }
+
+  .drawer--fixed {
+    position: fixed;
+    z-index: var(--sl-z-index-drawer);
+  }
+
+  .drawer__panel {
+    position: absolute;
+    display: flex;
+    flex-direction: column;
+    z-index: 2;
+    max-width: 100%;
+    max-height: 100%;
+    background-color: var(--sl-panel-background-color);
+    box-shadow: var(--sl-shadow-x-large);
+    overflow: auto;
+    pointer-events: all;
+  }
+
+  .drawer__panel:focus {
+    outline: none;
+  }
+
+  .drawer--top .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--end .drawer__panel {
+    top: 0;
+    inset-inline-end: 0;
+    bottom: auto;
+    inset-inline-start: auto;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer--bottom .drawer__panel {
+    top: auto;
+    inset-inline-end: auto;
+    bottom: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: var(--size);
+  }
+
+  .drawer--start .drawer__panel {
+    top: 0;
+    inset-inline-end: auto;
+    bottom: auto;
+    inset-inline-start: 0;
+    width: var(--size);
+    height: 100%;
+  }
+
+  .drawer__header {
+    display: flex;
+  }
+
+  .drawer__title {
+    flex: 1 1 auto;
+    font: inherit;
+    font-size: var(--sl-font-size-large);
+    line-height: var(--sl-line-height-dense);
+    padding: var(--header-spacing);
+    margin: 0;
+  }
+
+  .drawer__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    gap: var(--sl-spacing-2x-small);
+    padding: 0 var(--header-spacing);
+  }
+
+  .drawer__header-actions sl-icon-button,
+  .drawer__header-actions ::slotted(sl-icon-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--sl-font-size-medium);
+  }
+
+  .drawer__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .drawer__footer {
+    text-align: right;
+    padding: var(--footer-spacing);
+  }
+
+  .drawer__footer ::slotted(sl-button:not(:last-of-type)) {
+    margin-inline-end: var(--sl-spacing-x-small);
+  }
+
+  .drawer:not(.drawer--has-footer) .drawer__footer {
+    display: none;
+  }
+
+  .drawer__overlay {
+    display: block;
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background-color: var(--sl-overlay-background-color);
+    pointer-events: all;
+  }
+
+  .drawer--contained .drawer__overlay {
+    display: none;
+  }
+
+  @media (forced-colors: active) {
+    .drawer__panel {
+      border: solid 1px var(--sl-color-neutral-0);
+    }
+  }
+`;
+function w(e) {
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}
+var t = class extends C {
+  constructor() {
+    super(...arguments), this.hasSlotController = new b(this, "footer"), this.localize = new k(this), this.modal = new g(this), this.open = !1, this.label = "", this.placement = "end", this.contained = !1, this.noHeader = !1, this.handleDocumentKeyDown = (e) => {
+      this.contained || e.key === "Escape" && this.modal.isActive() && this.open && (e.stopImmediatePropagation(), this.requestClose("keyboard"));
+    };
+  }
+  firstUpdated() {
+    this.drawer.hidden = !this.open, this.open && (this.addOpenListeners(), this.contained || (this.modal.activate(), h(this)));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), c(this), this.removeOpenListeners();
+  }
+  requestClose(e) {
+    if (this.emit("sl-request-close", {
+      cancelable: !0,
+      detail: { source: e }
+    }).defaultPrevented) {
+      const o = s(this, "drawer.denyClose", { dir: this.localize.dir() });
+      n(this.panel, o.keyframes, o.options);
+      return;
+    }
+    this.hide();
+  }
+  addOpenListeners() {
+    var e;
+    "CloseWatcher" in window ? ((e = this.closeWatcher) == null || e.destroy(), this.contained || (this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => this.requestClose("keyboard"))) : document.addEventListener("keydown", this.handleDocumentKeyDown);
+  }
+  removeOpenListeners() {
+    var e;
+    document.removeEventListener("keydown", this.handleDocumentKeyDown), (e = this.closeWatcher) == null || e.destroy();
+  }
+  async handleOpenChange() {
+    if (this.open) {
+      this.emit("sl-show"), this.addOpenListeners(), this.originalTrigger = document.activeElement, this.contained || (this.modal.activate(), h(this));
+      const e = this.querySelector("[autofocus]");
+      e && e.removeAttribute("autofocus"), await Promise.all([d(this.drawer), d(this.overlay)]), this.drawer.hidden = !1, requestAnimationFrame(() => {
+        this.emit("sl-initial-focus", { cancelable: !0 }).defaultPrevented || (e ? e.focus({ preventScroll: !0 }) : this.panel.focus({ preventScroll: !0 })), e && e.setAttribute("autofocus", "");
+      });
+      const i = s(this, `drawer.show${w(this.placement)}`, {
+        dir: this.localize.dir()
+      }), o = s(this, "drawer.overlay.show", { dir: this.localize.dir() });
+      await Promise.all([
+        n(this.panel, i.keyframes, i.options),
+        n(this.overlay, o.keyframes, o.options)
+      ]), this.emit("sl-after-show");
+    } else {
+      this.emit("sl-hide"), this.removeOpenListeners(), this.contained || (this.modal.deactivate(), c(this)), await Promise.all([d(this.drawer), d(this.overlay)]);
+      const e = s(this, `drawer.hide${w(this.placement)}`, {
+        dir: this.localize.dir()
+      }), i = s(this, "drawer.overlay.hide", { dir: this.localize.dir() });
+      await Promise.all([
+        n(this.overlay, i.keyframes, i.options).then(() => {
+          this.overlay.hidden = !0;
+        }),
+        n(this.panel, e.keyframes, e.options).then(() => {
+          this.panel.hidden = !0;
+        })
+      ]), this.drawer.hidden = !0, this.overlay.hidden = !1, this.panel.hidden = !1;
+      const o = this.originalTrigger;
+      typeof (o == null ? void 0 : o.focus) == "function" && setTimeout(() => o.focus()), this.emit("sl-after-hide");
+    }
+  }
+  handleNoModalChange() {
+    this.open && !this.contained && (this.modal.activate(), h(this)), this.open && this.contained && (this.modal.deactivate(), c(this));
+  }
+  /** Shows the drawer. */
+  async show() {
+    if (!this.open)
+      return this.open = !0, m(this, "sl-after-show");
+  }
+  /** Hides the drawer */
+  async hide() {
+    if (this.open)
+      return this.open = !1, m(this, "sl-after-hide");
+  }
+  render() {
+    return f`
+      <div
+        part="base"
+        class=${z({
+      drawer: !0,
+      "drawer--open": this.open,
+      "drawer--top": this.placement === "top",
+      "drawer--end": this.placement === "end",
+      "drawer--bottom": this.placement === "bottom",
+      "drawer--start": this.placement === "start",
+      "drawer--contained": this.contained,
+      "drawer--fixed": !this.contained,
+      "drawer--rtl": this.localize.dir() === "rtl",
+      "drawer--has-footer": this.hasSlotController.test("footer")
+    })}
+      >
+        <div part="overlay" class="drawer__overlay" @click=${() => this.requestClose("overlay")} tabindex="-1"></div>
+
+        <div
+          part="panel"
+          class="drawer__panel"
+          role="dialog"
+          aria-modal="true"
+          aria-hidden=${this.open ? "false" : "true"}
+          aria-label=${u(this.noHeader ? this.label : void 0)}
+          aria-labelledby=${u(this.noHeader ? void 0 : "title")}
+          tabindex="0"
+        >
+          ${this.noHeader ? "" : f`
+                <header part="header" class="drawer__header">
+                  <h2 part="title" class="drawer__title" id="title">
+                    <!-- If there's no label, use an invisible character to prevent the header from collapsing -->
+                    <slot name="label"> ${this.label.length > 0 ? this.label : "\uFEFF"} </slot>
+                  </h2>
+                  <div part="header-actions" class="drawer__header-actions">
+                    <slot name="header-actions"></slot>
+                    <sl-icon-button
+                      part="close-button"
+                      exportparts="base:close-button__base"
+                      class="drawer__close"
+                      name="x-lg"
+                      label=${this.localize.term("close")}
+                      library="system"
+                      @click=${() => this.requestClose("close-button")}
+                    ></sl-icon-button>
+                  </div>
+                </header>
+              `}
+
+          <slot part="body" class="drawer__body"></slot>
+
+          <footer part="footer" class="drawer__footer">
+            <slot name="footer"></slot>
+          </footer>
+        </div>
+      </div>
+    `;
+  }
+};
+t.styles = [x, S];
+t.dependencies = { "sl-icon-button": _ };
+r([
+  p(".drawer")
+], t.prototype, "drawer", 2);
+r([
+  p(".drawer__panel")
+], t.prototype, "panel", 2);
+r([
+  p(".drawer__overlay")
+], t.prototype, "overlay", 2);
+r([
+  l({ type: Boolean, reflect: !0 })
+], t.prototype, "open", 2);
+r([
+  l({ reflect: !0 })
+], t.prototype, "label", 2);
+r([
+  l({ reflect: !0 })
+], t.prototype, "placement", 2);
+r([
+  l({ type: Boolean, reflect: !0 })
+], t.prototype, "contained", 2);
+r([
+  l({ attribute: "no-header", type: Boolean, reflect: !0 })
+], t.prototype, "noHeader", 2);
+r([
+  y("open", { waitUntilFirstUpdate: !0 })
+], t.prototype, "handleOpenChange", 1);
+r([
+  y("contained", { waitUntilFirstUpdate: !0 })
+], t.prototype, "handleNoModalChange", 1);
+a("drawer.showTop", {
+  keyframes: [
+    { opacity: 0, translate: "0 -100%" },
+    { opacity: 1, translate: "0 0" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.hideTop", {
+  keyframes: [
+    { opacity: 1, translate: "0 0" },
+    { opacity: 0, translate: "0 -100%" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.showEnd", {
+  keyframes: [
+    { opacity: 0, translate: "100%" },
+    { opacity: 1, translate: "0" }
+  ],
+  rtlKeyframes: [
+    { opacity: 0, translate: "-100%" },
+    { opacity: 1, translate: "0" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.hideEnd", {
+  keyframes: [
+    { opacity: 1, translate: "0" },
+    { opacity: 0, translate: "100%" }
+  ],
+  rtlKeyframes: [
+    { opacity: 1, translate: "0" },
+    { opacity: 0, translate: "-100%" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.showBottom", {
+  keyframes: [
+    { opacity: 0, translate: "0 100%" },
+    { opacity: 1, translate: "0 0" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.hideBottom", {
+  keyframes: [
+    { opacity: 1, translate: "0 0" },
+    { opacity: 0, translate: "0 100%" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.showStart", {
+  keyframes: [
+    { opacity: 0, translate: "-100%" },
+    { opacity: 1, translate: "0" }
+  ],
+  rtlKeyframes: [
+    { opacity: 0, translate: "100%" },
+    { opacity: 1, translate: "0" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.hideStart", {
+  keyframes: [
+    { opacity: 1, translate: "0" },
+    { opacity: 0, translate: "-100%" }
+  ],
+  rtlKeyframes: [
+    { opacity: 1, translate: "0" },
+    { opacity: 0, translate: "100%" }
+  ],
+  options: { duration: 250, easing: "ease" }
+});
+a("drawer.denyClose", {
+  keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],
+  options: { duration: 250 }
+});
+a("drawer.overlay.show", {
+  keyframes: [{ opacity: 0 }, { opacity: 1 }],
+  options: { duration: 250 }
+});
+a("drawer.overlay.hide", {
+  keyframes: [{ opacity: 1 }, { opacity: 0 }],
+  options: { duration: 250 }
+});
+var W = t;
+t.define("sl-drawer");
+export {
+  W as d
+};

package/chunks/chunk.CKEABH2A.js

@@ -1,10 +1,10 @@
 import { i as g, x as f } from "./lit-element.js";
-import { g as w } from "./chunk.LXDTFLWU.js";
+import { a as w } from "./chunk.LXDTFLWU.js";
 import { S as y } from "./chunk.AR3BL5H3.js";
 import { s as m, w as d, a as h, g as c, b as u } from "./chunk.AJ3ENQ5C.js";
 import { L as v } from "./chunk.6CTB5ZDJ.js";
 import { w as b } from "./chunk.GMYPQTFK.js";
-import { c as k, b as i, S as E } from "./chunk.EMG3ZSPT.js";
+import { c as k, d as i, S as E } from "./chunk.EMG3ZSPT.js";
 import { e as _ } from "./class-map.js";
 import { o as D } from "./if-defined.js";
 import { n } from "./property.js";

package/chunks/chunk.EMG3ZSPT.js

@@ -104,7 +104,7 @@ export {
   l as S,
   A as _,
   x as a,
-  u as b,
+  V as b,
   z as c,
-  V as d
+  u as d
 };

package/chunks/chunk.FDPXBVDV.js

@@ -1,6 +1,6 @@
 import { i as t } from "./lit-element.js";
 import { w as a } from "./chunk.GMYPQTFK.js";
-import { c as i, b as r, S as o } from "./chunk.EMG3ZSPT.js";
+import { c as i, d as r, S as o } from "./chunk.EMG3ZSPT.js";
 import { n as l } from "./property.js";
 var s = t`
   :host {

package/chunks/chunk.FRD7DRZ6.js

@@ -0,0 +1,77 @@
+import { g as u } from "./chunk.LXDTFLWU.js";
+import { b as d } from "./chunk.EMG3ZSPT.js";
+function* h(e = document.activeElement) {
+  e != null && (yield e, "shadowRoot" in e && e.shadowRoot && e.shadowRoot.mode !== "closed" && (yield* d(h(e.shadowRoot.activeElement))));
+}
+function b() {
+  return [...h()].pop();
+}
+var o = [], m = class {
+  constructor(e) {
+    this.tabDirection = "forward", this.handleFocusIn = () => {
+      this.isActive() && this.checkFocus();
+    }, this.handleKeyDown = (i) => {
+      var r;
+      if (i.key !== "Tab" || this.isExternalActivated || !this.isActive()) return;
+      const t = b();
+      if (this.previousFocus = t, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
+        return;
+      i.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
+      const a = u(this.element);
+      let s = a.findIndex((n) => n === t);
+      this.previousFocus = this.currentFocus;
+      const c = this.tabDirection === "forward" ? 1 : -1;
+      for (; ; ) {
+        s + c >= a.length ? s = 0 : s + c < 0 ? s = a.length - 1 : s += c, this.previousFocus = this.currentFocus;
+        const n = (
+          /** @type {HTMLElement} */
+          a[s]
+        );
+        if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || n && this.possiblyHasTabbableChildren(n))
+          return;
+        i.preventDefault(), this.currentFocus = n, (r = this.currentFocus) == null || r.focus({ preventScroll: !1 });
+        const l = [...h()];
+        if (l.includes(this.currentFocus) || !l.includes(this.previousFocus))
+          break;
+      }
+      setTimeout(() => this.checkFocus());
+    }, this.handleKeyUp = () => {
+      this.tabDirection = "forward";
+    }, this.element = e, this.elementsWithTabbableControls = ["iframe"];
+  }
+  /** Activates focus trapping. */
+  activate() {
+    o.push(this.element), document.addEventListener("focusin", this.handleFocusIn), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keyup", this.handleKeyUp);
+  }
+  /** Deactivates focus trapping. */
+  deactivate() {
+    o = o.filter((e) => e !== this.element), this.currentFocus = null, document.removeEventListener("focusin", this.handleFocusIn), document.removeEventListener("keydown", this.handleKeyDown), document.removeEventListener("keyup", this.handleKeyUp);
+  }
+  /** Determines if this modal element is currently active or not. */
+  isActive() {
+    return o[o.length - 1] === this.element;
+  }
+  /** Activates external modal behavior and temporarily disables focus trapping. */
+  activateExternal() {
+    this.isExternalActivated = !0;
+  }
+  /** Deactivates external modal behavior and re-enables focus trapping. */
+  deactivateExternal() {
+    this.isExternalActivated = !1;
+  }
+  checkFocus() {
+    if (this.isActive() && !this.isExternalActivated) {
+      const e = u(this.element);
+      if (!this.element.matches(":focus-within")) {
+        const i = e[0], r = e[e.length - 1], t = this.tabDirection === "forward" ? i : r;
+        typeof (t == null ? void 0 : t.focus) == "function" && (this.currentFocus = t, t.focus({ preventScroll: !1 }));
+      }
+    }
+  }
+  possiblyHasTabbableChildren(e) {
+    return this.elementsWithTabbableControls.includes(e.tagName.toLowerCase()) || e.hasAttribute("controls");
+  }
+};
+export {
+  m as M
+};

package/chunks/chunk.GKEBKPRZ.js

@@ -5,7 +5,7 @@ import { F as u } from "./chunk.3RPBFEDE.js";
 import { H as p } from "./chunk.NYIIDP5N.js";
 import { S as m } from "./chunk.5YPURQKE.js";
 import { w as a } from "./chunk.GMYPQTFK.js";
-import { c as b, b as t, S as k } from "./chunk.EMG3ZSPT.js";
+import { c as b, d as t, S as k } from "./chunk.EMG3ZSPT.js";
 import { e as c } from "./class-map.js";
 import { o as f } from "./if-defined.js";
 import { l as s } from "./live.js";