@expressivecss/expressive 0.15.0 → 0.16.0

package/dist/js/chunks/chunk-2RLBDFH4.mjs

@@ -0,0 +1,108 @@
+import {
+  Menu
+} from "./chunk-CSYWKEK3.mjs";
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/menubar.ts
+var _defaults = {
+  menuOptions: { constrainWidth: false, coverTrigger: false }
+};
+var Menubar = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    this._added = [];
+    this._onFocusin = (e) => {
+      const items = this._items;
+      if (!items.includes(e.target)) return;
+      items.forEach((item) => item.tabIndex = item === e.target ? 0 : -1);
+    };
+    this._onBarKeydown = (e) => {
+      if (!Utils.plainKey(e)) return;
+      const items = this._items;
+      const index = items.indexOf(e.target);
+      if (index < 0) return;
+      const step = this._step(e.key);
+      if (step) this._focusItem(index, step, false);
+      else if (e.key === "Home") this._focusItem(-1, 1, false);
+      else if (e.key === "End") this._focusItem(items.length, -1, false);
+      else return;
+      e.preventDefault();
+    };
+    // Inside an open menu, Menu handles every key first and takes Left and
+    // Right only for submenus; whatever it leaves moves along the bar.
+    this._onMenuKeydown = (e) => {
+      const step = this._step(e.key);
+      if (!step || e.defaultPrevented || !Utils.plainKey(e)) return;
+      const items = this._items;
+      const path = e.composedPath();
+      const index = items.findIndex((item) => {
+        const menu = Menu.getInstance(item);
+        return menu?.isOpen && menu.menuEl && path.includes(menu.menuEl);
+      });
+      if (index < 0) return;
+      e.preventDefault();
+      this._focusItem(index, step, true);
+    };
+    this._setAttribute(this.el, "role", "menubar");
+    this._items.forEach((item, index) => {
+      Menu.init(item, this.options.menuOptions);
+      this._setAttribute(item, "role", "menuitem");
+      item.tabIndex = index === 0 ? 0 : -1;
+    });
+    const { signal } = this._events;
+    this.el.addEventListener("keydown", this._onBarKeydown, { signal });
+    this.el.addEventListener("focusin", this._onFocusin, { signal });
+    document.addEventListener("keydown", this._onMenuKeydown, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    this._items.forEach((item) => {
+      Menu.getInstance(item)?.destroy();
+      item.removeAttribute("tabindex");
+    });
+    this._added.forEach(({ el, name }) => el.removeAttribute(name));
+    this._added = [];
+    super.destroy();
+  }
+  get _items() {
+    return [...this.el.querySelectorAll(":scope > .menu-trigger")];
+  }
+  /** Sets an attribute the author left out, remembering it for destroy(). */
+  _setAttribute(el, name, value) {
+    if (el.hasAttribute(name)) return;
+    el.setAttribute(name, value);
+    this._added.push({ el, name });
+  }
+  _step(key) {
+    const rtl = getComputedStyle(this.el).direction === "rtl";
+    if (key === "ArrowRight") return rtl ? -1 : 1;
+    if (key === "ArrowLeft") return rtl ? 1 : -1;
+    return null;
+  }
+  /** Focuses the first enabled item after `index` in the `step` direction, wrapping. */
+  _focusItem(index, step, open) {
+    const items = this._items;
+    const n = items.length;
+    const item = items.map((_, i) => items[((index + step * (i + 1)) % n + n) % n]).find((candidate) => !candidate.matches(':disabled, [aria-disabled="true"]'));
+    if (!item) return;
+    items.forEach((other) => {
+      const menu = Menu.getInstance(other);
+      if (other !== item && menu?.isOpen) menu.close();
+    });
+    item.focus();
+    if (open) Menu.getInstance(item)?.open();
+  }
+};
+Menubar.key = "Expressive_Menubar";
+
+export {
+  Menubar
+};
+//# sourceMappingURL=chunk-2RLBDFH4.mjs.map

package/dist/js/chunks/chunk-2RLBDFH4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/menubar.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions } from '../core/component';\nimport { Menu, MenuOptions } from './menu';\n\nexport interface MenubarOptions extends BaseOptions {\n  /**\n   * Options for each item's Menu. The defaults size the menus to their\n   * content and open them below the bar.\n   * @default { constrainWidth: false, coverTrigger: false }\n   */\n  menuOptions: Partial<MenuOptions>;\n}\n\nconst _defaults: MenubarOptions = {\n  menuOptions: { constrainWidth: false, coverTrigger: false }\n};\n\n/**\n * Menubar. An application's row of menus, such as File, Edit and View. A\n * `.menubar` holds `.menu-trigger` buttons whose `data-target` menus are\n * ordinary Menus; this adds the ARIA menubar contract around them. The bar\n * is `role=\"menubar\"` and each button a `menuitem`, with one tab stop that\n * follows focus. Left and Right move between items, wrapping, and Home and\n * End go to the first and last; with a menu open, Left and Right close it\n * and open the neighbour's, unless the focused row opens or closes a\n * submenu. Down, Up, Enter and Space open a menu, and Escape closes it,\n * through Menu itself.\n */\nexport class Menubar extends Component<MenubarOptions> {\n  private _added: { el: Element; name: string }[] = [];\n\n  constructor(el: HTMLElement, options: Partial<MenubarOptions>) {\n    super(el, options);\n    this._setAttribute(this.el, 'role', 'menubar');\n    this._items.forEach((item, index) => {\n      Menu.init(item, this.options.menuOptions);\n      this._setAttribute(item, 'role', 'menuitem');\n      item.tabIndex = index === 0 ? 0 : -1;\n    });\n    const { signal } = this._events;\n    this.el.addEventListener('keydown', this._onBarKeydown, { signal });\n    this.el.addEventListener('focusin', this._onFocusin, { signal });\n    document.addEventListener('keydown', this._onMenuKeydown, { signal });\n  }\n\n  static get defaults(): MenubarOptions {\n    return _defaults;\n  }\n\n  static key = 'Expressive_Menubar';\n\n  destroy() {\n    this._items.forEach((item) => {\n      Menu.getInstance(item)?.destroy();\n      item.removeAttribute('tabindex');\n    });\n    this._added.forEach(({ el, name }) => el.removeAttribute(name));\n    this._added = [];\n    super.destroy();\n  }\n\n  private get _items(): HTMLElement[] {\n    return [...this.el.querySelectorAll<HTMLElement>(':scope > .menu-trigger')];\n  }\n\n  /** Sets an attribute the author left out, remembering it for destroy(). */\n  private _setAttribute(el: Element, name: string, value: string) {\n    if (el.hasAttribute(name)) return;\n    el.setAttribute(name, value);\n    this._added.push({ el, name });\n  }\n\n  private _step(key: string): number | null {\n    const rtl = getComputedStyle(this.el).direction === 'rtl';\n    if (key === 'ArrowRight') return rtl ? -1 : 1;\n    if (key === 'ArrowLeft') return rtl ? 1 : -1;\n    return null;\n  }\n\n  /** Focuses the first enabled item after `index` in the `step` direction, wrapping. */\n  private _focusItem(index: number, step: number, open: boolean) {\n    const items = this._items;\n    const n = items.length;\n    // focus() on a disabled button does nothing, which stranded every item\n    // past it, and opening its menu would bypass the disabled state.\n    const item = items\n      .map((_, i) => items[(((index + step * (i + 1)) % n) + n) % n])\n      .find((candidate) => !candidate.matches(':disabled, [aria-disabled=\"true\"]'));\n    if (!item) return;\n    items.forEach((other) => {\n      const menu = Menu.getInstance(other);\n      if (other !== item && menu?.isOpen) menu.close();\n    });\n    item.focus();\n    if (open) Menu.getInstance(item)?.open();\n  }\n\n  private _onFocusin = (e: FocusEvent) => {\n    const items = this._items;\n    if (!items.includes(e.target as HTMLElement)) return;\n    items.forEach((item) => (item.tabIndex = item === e.target ? 0 : -1));\n  };\n\n  private _onBarKeydown = (e: KeyboardEvent) => {\n    if (!Utils.plainKey(e)) return;\n    const items = this._items;\n    const index = items.indexOf(e.target as HTMLElement);\n    if (index < 0) return;\n    const step = this._step(e.key);\n    // Home and End search from just outside the ends of the bar.\n    if (step) this._focusItem(index, step, false);\n    else if (e.key === 'Home') this._focusItem(-1, 1, false);\n    else if (e.key === 'End') this._focusItem(items.length, -1, false);\n    else return;\n    e.preventDefault();\n  };\n\n  // Inside an open menu, Menu handles every key first and takes Left and\n  // Right only for submenus; whatever it leaves moves along the bar.\n  private _onMenuKeydown = (e: KeyboardEvent) => {\n    const step = this._step(e.key);\n    if (!step || e.defaultPrevented || !Utils.plainKey(e)) return;\n    const items = this._items;\n    const path = e.composedPath();\n    const index = items.findIndex((item) => {\n      const menu = Menu.getInstance(item);\n      return menu?.isOpen && menu.menuEl && path.includes(menu.menuEl);\n    });\n    if (index < 0) return;\n    e.preventDefault();\n    this._focusItem(index, step, true);\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/chunk-3L3QIYLC.mjs

@@ -0,0 +1,85 @@
+import {
+  DISMISS_DISTANCE,
+  DISMISS_VELOCITY,
+  installSheetDrag
+} from "./chunk-JUKBBN6P.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/behaviors/bottomSheets.ts
+var SHEET_SELECTOR = "dialog.bottom-sheet";
+var RESIZE_DISTANCE = 48;
+var toward = (sign, distance, delta, velocity) => delta * sign > distance || velocity * sign > DISMISS_VELOCITY;
+var _BottomSheets = class _BottomSheets {
+  static Init() {
+    installSheetDrag({
+      selector: SHEET_SELECTOR,
+      axis: "y",
+      property: "--md-comp-bottom-sheet-shift",
+      motion: "--md-comp-bottom-sheet-motion",
+      direction: () => 1,
+      inHandle: (event, dialog) => {
+        if (Utils.closestInPath(event, ".drag-handle")) return true;
+        const rect = dialog.getBoundingClientRect();
+        return event.clientY >= rect.top && event.clientY <= rect.top + 48;
+      },
+      onPress: () => {
+        _BottomSheets._dragged = false;
+      },
+      onRelease: (dragged) => {
+        _BottomSheets._dragged = dragged;
+      },
+      release: (dialog, delta, velocity) => _BottomSheets._resize(dialog, delta, velocity)
+    });
+    Utils.onDocumentReady(() => {
+      document.addEventListener("click", _BottomSheets._onClick);
+      document.addEventListener("close", _BottomSheets._onClose, true);
+    });
+  }
+  /**
+   * For an .expandable sheet, a drag up expands it and a drag down from
+   * expanded collapses it. Returns whether the drag resized the sheet.
+   */
+  static _resize(dialog, delta, velocity) {
+    if (!dialog.classList.contains("expandable")) return false;
+    const expanded = dialog.classList.contains("expanded");
+    const next = expanded ? !toward(1, DISMISS_DISTANCE, delta, velocity) : toward(-1, RESIZE_DISTANCE, delta, velocity);
+    if (next === expanded) return false;
+    _BottomSheets.setExpanded(dialog, next);
+    return true;
+  }
+  /** Sets an .expandable sheet to its full height or back to partial, and tells its handle. */
+  static setExpanded(dialog, expanded) {
+    dialog.classList.toggle("expanded", expanded);
+    dialog.querySelector(":scope > button.drag-handle")?.setAttribute("aria-expanded", String(expanded));
+  }
+  static _onClose(event) {
+    const dialog = event.target;
+    if (dialog.matches?.(`${SHEET_SELECTOR}.expandable`)) _BottomSheets.setExpanded(dialog, false);
+  }
+  static _onClick(event) {
+    const handle = Utils.closestInPath(event, ".drag-handle");
+    if (!(handle instanceof HTMLButtonElement)) return;
+    if (event.detail !== 0 && _BottomSheets._dragged) return;
+    const dialog = handle.closest(SHEET_SELECTOR);
+    if (dialog instanceof HTMLDialogElement && dialog.open) _BottomSheets._activate(dialog);
+  }
+  /** The handle button switches an .expandable sheet's height, and closes any other. */
+  static _activate(dialog) {
+    if (dialog.classList.contains("expandable")) _BottomSheets.setExpanded(dialog, !dialog.classList.contains("expanded"));
+    else dialog.close();
+  }
+};
+/**
+ * Whether the last pointer sequence moved. A drag ends with a `click` on the
+ * element it started on, so without this the tail of a drag that snapped back
+ * would dismiss the sheet the drag had just declined to dismiss.
+ */
+_BottomSheets._dragged = false;
+var BottomSheets = _BottomSheets;
+
+export {
+  BottomSheets
+};
+//# sourceMappingURL=chunk-3L3QIYLC.mjs.map

package/dist/js/chunks/chunk-3L3QIYLC.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/bottomSheets.ts"],
+  "sourcesContent": ["import { DISMISS_DISTANCE, DISMISS_VELOCITY, installSheetDrag } from './sheetDrag';\nimport { Utils } from '../core/utils';\n\nconst SHEET_SELECTOR = 'dialog.bottom-sheet';\n/** Past this a drag up expands an .expandable sheet, in pixels; a drag down uses the dismissal distance. */\nconst RESIZE_DISTANCE = 48;\n\n/** Whether a drag went past `distance`, or flicked, down (1) or up (-1). */\nconst toward = (sign: 1 | -1, distance: number, delta: number, velocity: number) =>\n  delta * sign > distance || velocity * sign > DISMISS_VELOCITY;\n\n/**\n * Drag-to-dismiss for `dialog.bottom-sheet`, and two heights for\n * `.expandable` sheets.\n *\n * The handle is the top 48dp of the sheet, or an explicit `.drag-handle`. A downward drag past 96dp, or a\n * flick, closes. Anything else snaps back. Content below the handle scrolls\n * normally. Light-dismiss on the scrim stays with {@link Dialogs}.\n *\n * The drag itself is {@link installSheetDrag}, shared with the side sheet. What\n * is here is what is not shared: a handle written as a `<button>` also closes\n * the sheet when it is *activated*, which is what makes it reachable without a\n * pointer - dragging is a pointer gesture, so a control labelled \"Dismiss\" that\n * only answers a drag promises an action a keyboard user cannot perform. A\n * handle written as any other element is decoration and does nothing here -\n * Escape still closes the sheet either way, natively.\n *\n * An `.expandable` sheet opens partly expanded. A drag up, or a flick up,\n * expands it to its full height with `.expanded`; from there a drag down\n * collapses it, and a drag down from the partial height dismisses as usual.\n * Its handle button switches between the two heights instead of closing,\n * and carries `aria-expanded`. Closing the sheet puts it back to partial.\n */\nexport class BottomSheets {\n  /**\n   * Whether the last pointer sequence moved. A drag ends with a `click` on the\n   * element it started on, so without this the tail of a drag that snapped back\n   * would dismiss the sheet the drag had just declined to dismiss.\n   */\n  private static _dragged = false;\n\n  static Init() {\n    installSheetDrag({\n      selector: SHEET_SELECTOR,\n      axis: 'y',\n      property: '--md-comp-bottom-sheet-shift',\n      motion: '--md-comp-bottom-sheet-motion',\n      direction: () => 1,\n      inHandle: (event, dialog) => {\n        if (Utils.closestInPath(event, '.drag-handle')) return true;\n        const rect = dialog.getBoundingClientRect();\n        return event.clientY >= rect.top && event.clientY <= rect.top + 48;\n      },\n      onPress: () => {\n        BottomSheets._dragged = false;\n      },\n      onRelease: (dragged) => {\n        BottomSheets._dragged = dragged;\n      },\n      release: (dialog, delta, velocity) => BottomSheets._resize(dialog, delta, velocity)\n    });\n    Utils.onDocumentReady(() => {\n      document.addEventListener('click', BottomSheets._onClick);\n      // close does not bubble, so it is caught on its way down.\n      document.addEventListener('close', BottomSheets._onClose, true);\n    });\n  }\n\n  /**\n   * For an .expandable sheet, a drag up expands it and a drag down from\n   * expanded collapses it. Returns whether the drag resized the sheet.\n   */\n  static _resize(dialog: HTMLDialogElement, delta: number, velocity: number): boolean {\n    if (!dialog.classList.contains('expandable')) return false;\n    const expanded = dialog.classList.contains('expanded');\n    const next = expanded ? !toward(1, DISMISS_DISTANCE, delta, velocity) : toward(-1, RESIZE_DISTANCE, delta, velocity);\n    if (next === expanded) return false;\n    BottomSheets.setExpanded(dialog, next);\n    return true;\n  }\n\n  /** Sets an .expandable sheet to its full height or back to partial, and tells its handle. */\n  static setExpanded(dialog: HTMLDialogElement, expanded: boolean) {\n    dialog.classList.toggle('expanded', expanded);\n    dialog.querySelector(':scope > button.drag-handle')?.setAttribute('aria-expanded', String(expanded));\n  }\n\n  private static _onClose(event: Event) {\n    const dialog = event.target as Element;\n    if (dialog.matches?.(`${SHEET_SELECTOR}.expandable`)) BottomSheets.setExpanded(dialog as HTMLDialogElement, false);\n  }\n\n  static _onClick(event: MouseEvent) {\n    const handle = Utils.closestInPath(event, '.drag-handle');\n    // Only a <button> is a control. A decorative <span> in the same slot is\n    // exactly what it looks like, and clicking it does nothing.\n    if (!(handle instanceof HTMLButtonElement)) return;\n    // `detail` is 0 when the click came from Enter or Space and >= 1 when a\n    // pointer produced it, so the keyboard path is decided without consulting\n    // pointer state at all - a stale drag can never swallow a key press.\n    if (event.detail !== 0 && BottomSheets._dragged) return;\n    const dialog = handle.closest(SHEET_SELECTOR);\n    if (dialog instanceof HTMLDialogElement && dialog.open) BottomSheets._activate(dialog);\n  }\n\n  /** The handle button switches an .expandable sheet's height, and closes any other. */\n  private static _activate(dialog: HTMLDialogElement) {\n    if (dialog.classList.contains('expandable')) BottomSheets.setExpanded(dialog, !dialog.classList.contains('expanded'));\n    else dialog.close();\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAGA,IAAM,iBAAiB;AAEvB,IAAM,kBAAkB;AAGxB,IAAM,SAAS,CAAC,MAAc,UAAkB,OAAe,aAC7D,QAAQ,OAAO,YAAY,WAAW,OAAO;AAwBxC,IAAM,gBAAN,MAAM,cAAa;AAAA,EAQxB,OAAO,OAAO;AACZ,qBAAiB;AAAA,MACf,UAAU;AAAA,MACV,MAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,WAAW,MAAM;AAAA,MACjB,UAAU,CAAC,OAAO,WAAW;AAC3B,YAAI,MAAM,cAAc,OAAO,cAAc,EAAG,QAAO;AACvD,cAAM,OAAO,OAAO,sBAAsB;AAC1C,eAAO,MAAM,WAAW,KAAK,OAAO,MAAM,WAAW,KAAK,MAAM;AAAA,MAClE;AAAA,MACA,SAAS,MAAM;AACb,sBAAa,WAAW;AAAA,MAC1B;AAAA,MACA,WAAW,CAAC,YAAY;AACtB,sBAAa,WAAW;AAAA,MAC1B;AAAA,MACA,SAAS,CAAC,QAAQ,OAAO,aAAa,cAAa,QAAQ,QAAQ,OAAO,QAAQ;AAAA,IACpF,CAAC;AACD,UAAM,gBAAgB,MAAM;AAC1B,eAAS,iBAAiB,SAAS,cAAa,QAAQ;AAExD,eAAS,iBAAiB,SAAS,cAAa,UAAU,IAAI;AAAA,IAChE,CAAC;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,QAAQ,QAA2B,OAAe,UAA2B;AAClF,QAAI,CAAC,OAAO,UAAU,SAAS,YAAY,EAAG,QAAO;AACrD,UAAM,WAAW,OAAO,UAAU,SAAS,UAAU;AACrD,UAAM,OAAO,WAAW,CAAC,OAAO,GAAG,kBAAkB,OAAO,QAAQ,IAAI,OAAO,IAAI,iBAAiB,OAAO,QAAQ;AACnH,QAAI,SAAS,SAAU,QAAO;AAC9B,kBAAa,YAAY,QAAQ,IAAI;AACrC,WAAO;AAAA,EACT;AAAA;AAAA,EAGA,OAAO,YAAY,QAA2B,UAAmB;AAC/D,WAAO,UAAU,OAAO,YAAY,QAAQ;AAC5C,WAAO,cAAc,6BAA6B,GAAG,aAAa,iBAAiB,OAAO,QAAQ,CAAC;AAAA,EACrG;AAAA,EAEA,OAAe,SAAS,OAAc;AACpC,UAAM,SAAS,MAAM;AACrB,QAAI,OAAO,UAAU,GAAG,cAAc,aAAa,EAAG,eAAa,YAAY,QAA6B,KAAK;AAAA,EACnH;AAAA,EAEA,OAAO,SAAS,OAAmB;AACjC,UAAM,SAAS,MAAM,cAAc,OAAO,cAAc;AAGxD,QAAI,EAAE,kBAAkB,mBAAoB;AAI5C,QAAI,MAAM,WAAW,KAAK,cAAa,SAAU;AACjD,UAAM,SAAS,OAAO,QAAQ,cAAc;AAC5C,QAAI,kBAAkB,qBAAqB,OAAO,KAAM,eAAa,UAAU,MAAM;AAAA,EACvF;AAAA;AAAA,EAGA,OAAe,UAAU,QAA2B;AAClD,QAAI,OAAO,UAAU,SAAS,YAAY,EAAG,eAAa,YAAY,QAAQ,CAAC,OAAO,UAAU,SAAS,UAAU,CAAC;AAAA,QAC/G,QAAO,MAAM;AAAA,EACpB;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AA7Ea,cAMI,WAAW;AANrB,IAAM,eAAN;",
+  "names": []
+}

package/dist/js/chunks/chunk-4EWGD4V2.mjs

@@ -0,0 +1,75 @@
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+
+// src/ts/components/loadingOverlay.ts
+var _defaults = {
+  i18n: {
+    loading: "Loading",
+    loaded: "Loaded"
+  }
+};
+var focusLost = (doc) => !doc.activeElement || doc.activeElement === doc.body;
+var LoadingOverlay = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    this._busy = false;
+    /** The region's own `inert`, put back when it clears. */
+    this._wasInert = false;
+    /** The element inside the region that had focus when it became busy. */
+    this._focus = null;
+    this._status = el.ownerDocument.createElement("span");
+    this._status.className = "loading-overlay-status";
+    this._status.setAttribute("role", "status");
+    el.after(this._status);
+    this._observer = new MutationObserver(() => this._sync());
+    this._observer.observe(el, { attributeFilter: ["aria-busy"] });
+    this._sync();
+    if (this._busy) {
+      this._status.textContent = "";
+      requestAnimationFrame(() => this._announceStart());
+    }
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    this._observer.disconnect();
+    if (this._busy) this.el.inert = this._wasInert;
+    this._status.remove();
+    super.destroy();
+  }
+  /** Follows `aria-busy`. Other values than "true" clear, as ARIA treats them. */
+  _sync() {
+    const busy = this.el.getAttribute("aria-busy") === "true";
+    if (busy === this._busy) return;
+    this._busy = busy;
+    if (busy) this._start();
+    else this._clear();
+  }
+  _start() {
+    const active = this.el.getRootNode().activeElement;
+    this._focus = active instanceof HTMLElement && this.el.contains(active) ? active : null;
+    this._wasInert = this.el.inert;
+    this.el.inert = true;
+    this._focus?.blur();
+    this._status.textContent = this.options.i18n.loading;
+  }
+  _clear() {
+    this.el.inert = this._wasInert;
+    this._status.textContent = this.options.i18n.loaded;
+    const focus = this._focus;
+    this._focus = null;
+    if (focus?.isConnected && focusLost(this.el.ownerDocument)) focus.focus();
+  }
+  /** The deferred first announcement, unless the region cleared or the instance went first. */
+  _announceStart() {
+    if (this._busy && this._status.isConnected) this._status.textContent = this.options.i18n.loading;
+  }
+};
+LoadingOverlay.key = "Expressive_LoadingOverlay";
+
+export {
+  LoadingOverlay
+};
+//# sourceMappingURL=chunk-4EWGD4V2.mjs.map

package/dist/js/chunks/chunk-4EWGD4V2.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/loadingOverlay.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\n\n/** What the status region announces. */\nexport interface LoadingOverlayI18nOptions {\n  /** Announced when the region becomes busy. */\n  loading: string;\n  /** Announced when it clears. */\n  loaded: string;\n}\n\nexport interface LoadingOverlayOptions extends BaseOptions {\n  /** What the status region announces when the region becomes busy and when it clears. */\n  i18n: Partial<LoadingOverlayI18nOptions>;\n}\n\nconst _defaults: LoadingOverlayOptions = {\n  i18n: {\n    loading: 'Loading',\n    loaded: 'Loaded'\n  }\n};\n\n/** Whether focus has gone nowhere: an element that turns inert drops it to the body. */\nconst focusLost = (doc: Document) => !doc.activeElement || doc.activeElement === doc.body;\n\n/**\n * Loading overlay. While the page sets `aria-busy=\"true\"` on the region, the\n * region is inert, so nothing inside it takes a click, a tap or keyboard\n * focus, and the stylesheet shows a scrim and the author's loading indicator\n * over it. The page clears the region by removing the attribute or setting it\n * to anything else; there is no method for either.\n *\n * Inert content leaves the accessibility tree, the indicator's status\n * included, so the start and the finish are announced from a status region\n * the script adds after the region.\n */\nexport class LoadingOverlay extends Component<LoadingOverlayOptions> {\n  static key = 'Expressive_LoadingOverlay';\n  private _status: HTMLElement;\n  private _observer: MutationObserver;\n  private _busy = false;\n  /** The region's own `inert`, put back when it clears. */\n  private _wasInert = false;\n  /** The element inside the region that had focus when it became busy. */\n  private _focus: HTMLElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<LoadingOverlayOptions>) {\n    super(el, options);\n    this._status = el.ownerDocument.createElement('span');\n    this._status.className = 'loading-overlay-status';\n    this._status.setAttribute('role', 'status');\n    el.after(this._status);\n    this._observer = new MutationObserver(() => this._sync());\n    this._observer.observe(el, { attributeFilter: ['aria-busy'] });\n    this._sync();\n    // Screen readers often skip text a live region already holds when it is\n    // inserted, so a region busy from the start announces a frame later.\n    if (this._busy) {\n      this._status.textContent = '';\n      requestAnimationFrame(() => this._announceStart());\n    }\n  }\n\n  static get defaults(): LoadingOverlayOptions {\n    return _defaults;\n  }\n\n  destroy() {\n    this._observer.disconnect();\n    if (this._busy) this.el.inert = this._wasInert;\n    this._status.remove();\n    super.destroy();\n  }\n\n  /** Follows `aria-busy`. Other values than \"true\" clear, as ARIA treats them. */\n  private _sync() {\n    const busy = this.el.getAttribute('aria-busy') === 'true';\n    if (busy === this._busy) return;\n    this._busy = busy;\n    if (busy) this._start();\n    else this._clear();\n  }\n\n  private _start() {\n    // The root's, so a region inside a shadow root sees its own focused control\n    // rather than the host. Read before inert drops it.\n    const active = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    this._focus = active instanceof HTMLElement && this.el.contains(active) ? active : null;\n    this._wasInert = this.el.inert;\n    this.el.inert = true;\n    // Inert alone is not enough for the focused control. WebKit reports the body\n    // as focused but still types into it, and every engine leaves focus inside a\n    // shadow root where it was.\n    this._focus?.blur();\n    this._status.textContent = this.options.i18n.loading;\n  }\n\n  private _clear() {\n    this.el.inert = this._wasInert;\n    this._status.textContent = this.options.i18n.loaded;\n    const focus = this._focus;\n    this._focus = null;\n    // Not over a move the person made while it loaded, and not to an element the page removed.\n    if (focus?.isConnected && focusLost(this.el.ownerDocument)) focus.focus();\n  }\n\n  /** The deferred first announcement, unless the region cleared or the instance went first. */\n  private _announceStart() {\n    if (this._busy && this._status.isConnected) this._status.textContent = this.options.i18n.loading;\n  }\n}\n"],
+  "mappings": ";;;;;AAeA,IAAM,YAAmC;AAAA,EACvC,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;AAGA,IAAM,YAAY,CAAC,QAAkB,CAAC,IAAI,iBAAiB,IAAI,kBAAkB,IAAI;AAa9E,IAAM,iBAAN,cAA6B,UAAiC;AAAA,EAUnE,YAAY,IAAiB,SAAyC;AACpE,UAAM,IAAI,OAAO;AAPnB,SAAQ,QAAQ;AAEhB;AAAA,SAAQ,YAAY;AAEpB;AAAA,SAAQ,SAA6B;AAInC,SAAK,UAAU,GAAG,cAAc,cAAc,MAAM;AACpD,SAAK,QAAQ,YAAY;AACzB,SAAK,QAAQ,aAAa,QAAQ,QAAQ;AAC1C,OAAG,MAAM,KAAK,OAAO;AACrB,SAAK,YAAY,IAAI,iBAAiB,MAAM,KAAK,MAAM,CAAC;AACxD,SAAK,UAAU,QAAQ,IAAI,EAAE,iBAAiB,CAAC,WAAW,EAAE,CAAC;AAC7D,SAAK,MAAM;AAGX,QAAI,KAAK,OAAO;AACd,WAAK,QAAQ,cAAc;AAC3B,4BAAsB,MAAM,KAAK,eAAe,CAAC;AAAA,IACnD;AAAA,EACF;AAAA,EAEA,WAAW,WAAkC;AAC3C,WAAO;AAAA,EACT;AAAA,EAEA,UAAU;AACR,SAAK,UAAU,WAAW;AAC1B,QAAI,KAAK,MAAO,MAAK,GAAG,QAAQ,KAAK;AACrC,SAAK,QAAQ,OAAO;AACpB,UAAM,QAAQ;AAAA,EAChB;AAAA;AAAA,EAGQ,QAAQ;AACd,UAAM,OAAO,KAAK,GAAG,aAAa,WAAW,MAAM;AACnD,QAAI,SAAS,KAAK,MAAO;AACzB,SAAK,QAAQ;AACb,QAAI,KAAM,MAAK,OAAO;AAAA,QACjB,MAAK,OAAO;AAAA,EACnB;AAAA,EAEQ,SAAS;AAGf,UAAM,SAAU,KAAK,GAAG,YAAY,EAA4B;AAChE,SAAK,SAAS,kBAAkB,eAAe,KAAK,GAAG,SAAS,MAAM,IAAI,SAAS;AACnF,SAAK,YAAY,KAAK,GAAG;AACzB,SAAK,GAAG,QAAQ;AAIhB,SAAK,QAAQ,KAAK;AAClB,SAAK,QAAQ,cAAc,KAAK,QAAQ,KAAK;AAAA,EAC/C;AAAA,EAEQ,SAAS;AACf,SAAK,GAAG,QAAQ,KAAK;AACrB,SAAK,QAAQ,cAAc,KAAK,QAAQ,KAAK;AAC7C,UAAM,QAAQ,KAAK;AACnB,SAAK,SAAS;AAEd,QAAI,OAAO,eAAe,UAAU,KAAK,GAAG,aAAa,EAAG,OAAM,MAAM;AAAA,EAC1E;AAAA;AAAA,EAGQ,iBAAiB;AACvB,QAAI,KAAK,SAAS,KAAK,QAAQ,YAAa,MAAK,QAAQ,cAAc,KAAK,QAAQ,KAAK;AAAA,EAC3F;AACF;AA1Ea,eACJ,MAAM;",
+  "names": []
+}

package/dist/js/chunks/chunk-4IKVPCSU.mjs

@@ -0,0 +1,7 @@
+// src/ts/modular.ts
+var version = "0.16.0";
+
+export {
+  version
+};
+//# sourceMappingURL=chunk-4IKVPCSU.mjs.map

package/dist/js/chunks/chunk-4IKVPCSU.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/modular.ts"],
+  "sourcesContent": ["export * from './components';\nexport { Dialogs } from './behaviors/dialogs';\nexport type { ConfirmOptions } from './behaviors/dialogs';\nexport { BottomSheets } from './behaviors/bottomSheets';\nexport { SideSheets } from './behaviors/sideSheets';\nexport { Forms } from './behaviors/forms';\nexport { Copy } from './behaviors/copy';\nexport { Theme } from './behaviors/theme';\nexport { PaneResize } from './behaviors/paneResize';\nexport { ImageCompare } from './behaviors/imageCompare';\nexport { Tour } from './behaviors/tour';\nexport { Sortable } from './behaviors/sortable';\nexport { Lists } from './behaviors/lists';\nexport { DataTables } from './behaviors/dataTables';\nexport { TransferList } from './behaviors/transferList';\nexport { AutoInit } from './components/registry';\nexport type { AutoInitOptions } from './components/registry';\n\nexport const version = '0.16.0';\n\nexport type * from './components/autocomplete';\nexport type * from './components/appBar';\nexport type * from './components/buttons';\nexport type * from './components/buttonGroup';\nexport type * from './components/cards';\nexport type * from './components/expandingCard';\nexport type * from './components/carousel';\nexport type * from './components/confetti';\nexport type * from './components/particles';\nexport type * from './components/keypad';\nexport type * from './components/characterCounter';\nexport type * from './components/chips';\nexport type * from './components/cascader';\nexport type * from './components/lineChart';\nexport type * from './components/columnChart';\nexport type * from './components/barChart';\nexport type * from './components/pieChart';\nexport type * from './components/heatmapChart';\nexport type * from './components/radarChart';\nexport type * from './components/radialChart';\nexport type * from './components/mixedChart';\nexport type * from './components/scatterChart';\nexport type * from './components/funnelChart';\nexport type * from './components/sankeyChart';\nexport type * from './components/treemapChart';\nexport type * from './components/pullToRefresh';\nexport type * from './components/loadingOverlay';\nexport type * from './components/backToTop';\nexport type * from './components/swipeActions';\nexport type * from './components/inputMask';\nexport type * from './components/showMore';\nexport type * from './components/hoverCard';\nexport type * from './components/currencyInput';\nexport type * from './components/commandPalette';\nexport type * from './components/questionnaire';\nexport type * from './components/datepicker';\nexport type * from './components/menu';\nexport type * from './components/menubar';\nexport type * from './components/messageScroller';\nexport type * from './components/richTextEditor';\nexport type * from './components/mapView';\nexport type * from './components/lightbox';\nexport type * from './components/slider';\nexport type * from './components/scrollspy';\nexport type * from './components/select';\nexport type * from './components/treeSelect';\nexport type * from './components/navigationRail';\nexport type * from './components/tabs';\nexport type * from './components/timepicker';\nexport type * from './components/snackbar';\nexport type * from './components/tooltip';\n"],
+  "mappings": ";AAkBO,IAAM,UAAU;",
+  "names": []
+}

package/dist/js/chunks/chunk-4PIXLDNJ.mjs

@@ -0,0 +1,127 @@
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/behaviors/dialogs.ts
+function textElement(tag, text) {
+  const el = document.createElement(tag);
+  el.textContent = text;
+  return el;
+}
+function actionButton(label, value) {
+  const button = textElement("button", label);
+  button.type = "submit";
+  button.value = value;
+  return button;
+}
+var _Dialogs = class _Dialogs {
+  /**
+   * Asks a yes-or-no question in a modal alert dialog. Resolves true on the
+   * confirm button and false on Cancel, Escape or a scrim tap, then removes
+   * the dialog. The browser returns focus to the element that had it.
+   */
+  static confirm(options) {
+    const dialog = _Dialogs._confirmDialog(options);
+    document.body.append(dialog);
+    dialog.showModal();
+    return new Promise((resolve) => {
+      const removed = new MutationObserver(() => {
+        if (!dialog.isConnected) settle(false);
+      });
+      const settle = (answer) => {
+        removed.disconnect();
+        dialog.remove();
+        resolve(answer);
+      };
+      removed.observe(document, { childList: true, subtree: true });
+      dialog.addEventListener("close", () => settle(dialog.returnValue === "confirm"), { once: true });
+    });
+  }
+  static _confirmDialog({ text, headline, confirm, cancel }) {
+    const dialog = document.createElement("dialog");
+    dialog.setAttribute("role", "alertdialog");
+    const id = `expressive-confirm-${++_Dialogs._confirms}`;
+    const body = textElement("p", text);
+    body.id = `${id}-text`;
+    const cancelButton = actionButton(cancel ?? _Dialogs.i18n.cancel, "");
+    cancelButton.className = "text";
+    cancelButton.autofocus = true;
+    const form = document.createElement("form");
+    form.method = "dialog";
+    form.append(cancelButton, actionButton(confirm ?? _Dialogs.i18n.confirm, "confirm"));
+    dialog.append(body, form);
+    _Dialogs._name(dialog, body, id, headline);
+    return dialog;
+  }
+  /** Names the dialog by its headline and describes it by the text, or names it by the text alone. */
+  static _name(dialog, body, id, headline) {
+    if (!headline) {
+      dialog.setAttribute("aria-labelledby", body.id);
+      return;
+    }
+    const heading = textElement("h2", headline);
+    heading.id = `${id}-headline`;
+    dialog.prepend(heading);
+    dialog.setAttribute("aria-labelledby", heading.id);
+    dialog.setAttribute("aria-describedby", body.id);
+  }
+  static Init() {
+    Utils.onDocumentReady(() => {
+      document.addEventListener("pointerdown", _Dialogs._onPointerDown, { passive: true });
+      document.addEventListener("pointerup", _Dialogs._onPointerUp, { passive: true });
+      document.addEventListener("pointercancel", _Dialogs._onPointerCancel, { passive: true });
+    });
+  }
+  static _onPointerDown(event) {
+    const dialog = _Dialogs._isPrimaryPress(event) ? _Dialogs._backdropDialog(event) : null;
+    _Dialogs._down = dialog && _Dialogs._lightDismissible(dialog) && _Dialogs._outside(event, dialog) ? { dialog, pointerId: event.pointerId } : null;
+  }
+  static _onPointerUp(event) {
+    const started = _Dialogs._down;
+    _Dialogs._down = null;
+    if (!started || started.pointerId !== event.pointerId) return;
+    if (!started.dialog.isConnected || !started.dialog.open) return;
+    if (!_Dialogs._lightDismissible(started.dialog)) return;
+    if (_Dialogs._backdropDialog(event) !== started.dialog) return;
+    if (_Dialogs._outside(event, started.dialog)) {
+      started.dialog.close();
+    }
+  }
+  static _onPointerCancel() {
+    _Dialogs._down = null;
+  }
+  /** Backdrop hits retarget to the dialog itself, never a child. */
+  static _backdropDialog(event) {
+    const target = Utils.eventTarget(event);
+    if (!(target instanceof HTMLDialogElement) || !target.open) return null;
+    return target;
+  }
+  static _outside(event, dialog) {
+    const rect = dialog.getBoundingClientRect();
+    return event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom;
+  }
+  static _isPrimaryPress(event) {
+    if (!event.isPrimary) return false;
+    return event.pointerType !== "mouse" || event.button === 0;
+  }
+  // Read the attribute only. The IDL default for an unset closedby is
+  // "closerequest" (Escape, no light dismiss) — treating that as an
+  // author opt-out made every dialog undismissable from the scrim.
+  // Native closedby="any" already light-dismisses with the same "both ends
+  // outside" rule, so leave it to the browser where it has one.
+  static _lightDismissible(dialog) {
+    const value = dialog.getAttribute("closedby");
+    if (value === "any") return !("closedBy" in HTMLDialogElement.prototype);
+    return value !== "none" && value !== "closerequest";
+  }
+};
+/** The confirm dialog's default button labels. */
+_Dialogs.i18n = { confirm: "OK", cancel: "Cancel" };
+_Dialogs._down = null;
+_Dialogs._confirms = 0;
+var Dialogs = _Dialogs;
+
+export {
+  Dialogs
+};
+//# sourceMappingURL=chunk-4PIXLDNJ.mjs.map

package/dist/js/chunks/chunk-4PIXLDNJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/dialogs.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\n\nexport interface ConfirmOptions {\n  /** The question, shown as the supporting text. */\n  text: string;\n  /** An optional headline above the text. */\n  headline?: string;\n  /** The confirm button's label. Defaults to `Dialogs.i18n.confirm`. */\n  confirm?: string;\n  /** The cancel button's label. Defaults to `Dialogs.i18n.cancel`. */\n  cancel?: string;\n}\n\n/** An element holding `text`, set as text so markup in it is never parsed. */\nfunction textElement<K extends keyof HTMLElementTagNameMap>(tag: K, text: string): HTMLElementTagNameMap[K] {\n  const el = document.createElement(tag);\n  el.textContent = text;\n  return el;\n}\n\n/** A submit button that closes its dialog with `value` as the return value. */\nfunction actionButton(label: string, value: string): HTMLButtonElement {\n  const button = textElement('button', label);\n  button.type = 'submit';\n  button.value = value;\n  return button;\n}\n\n/**\n * Light-dismiss for native `<dialog>` elements.\n *\n * `showModal()` does not close on a backdrop tap. A naive `click` listener\n * on the dialog (where `::backdrop` events retarget) also fires when the\n * user starts a gesture on the dialog and releases on the scrim \u2014 selecting\n * text, missing a button, dragging a thumb. Both ends of the pointer\n * gesture must land outside the dialog's border box.\n *\n * Default is on. Opt out with `closedby=\"none\"` or `closedby=\"closerequest\"`.\n * If the browser already honours `closedby=\"any\"`, we leave that alone.\n *\n * `Dialogs.confirm()` asks a yes-or-no question from script and needs no Init.\n */\nexport class Dialogs {\n  /** The confirm dialog's default button labels. */\n  static i18n = { confirm: 'OK', cancel: 'Cancel' };\n  private static _down: { dialog: HTMLDialogElement; pointerId: number } | null = null;\n  private static _confirms = 0;\n\n  /**\n   * Asks a yes-or-no question in a modal alert dialog. Resolves true on the\n   * confirm button and false on Cancel, Escape or a scrim tap, then removes\n   * the dialog. The browser returns focus to the element that had it.\n   */\n  static confirm(options: ConfirmOptions): Promise<boolean> {\n    const dialog = Dialogs._confirmDialog(options);\n    document.body.append(dialog);\n    // A new dialog's returnValue is '', and Escape and close() leave it alone,\n    // so only the confirm button sets it.\n    dialog.showModal();\n    return new Promise((resolve) => {\n      // Removing an open dialog fires no close event, so watch for page code\n      // that removes it, such as a route change, and answer false.\n      const removed = new MutationObserver(() => {\n        if (!dialog.isConnected) settle(false);\n      });\n      const settle = (answer: boolean) => {\n        removed.disconnect();\n        dialog.remove();\n        resolve(answer);\n      };\n      removed.observe(document, { childList: true, subtree: true });\n      dialog.addEventListener('close', () => settle(dialog.returnValue === 'confirm'), { once: true });\n    });\n  }\n\n  private static _confirmDialog({ text, headline, confirm, cancel }: ConfirmOptions): HTMLDialogElement {\n    const dialog = document.createElement('dialog');\n    dialog.setAttribute('role', 'alertdialog');\n    const id = `expressive-confirm-${++Dialogs._confirms}`;\n    const body = textElement('p', text);\n    body.id = `${id}-text`;\n    const cancelButton = actionButton(cancel ?? Dialogs.i18n.cancel, '');\n    cancelButton.className = 'text';\n    // The less destructive action takes focus when the dialog opens.\n    cancelButton.autofocus = true;\n    const form = document.createElement('form');\n    form.method = 'dialog';\n    form.append(cancelButton, actionButton(confirm ?? Dialogs.i18n.confirm, 'confirm'));\n    dialog.append(body, form);\n    Dialogs._name(dialog, body, id, headline);\n    return dialog;\n  }\n\n  /** Names the dialog by its headline and describes it by the text, or names it by the text alone. */\n  private static _name(dialog: HTMLDialogElement, body: HTMLElement, id: string, headline?: string) {\n    if (!headline) {\n      dialog.setAttribute('aria-labelledby', body.id);\n      return;\n    }\n    const heading = textElement('h2', headline);\n    heading.id = `${id}-headline`;\n    dialog.prepend(heading);\n    dialog.setAttribute('aria-labelledby', heading.id);\n    dialog.setAttribute('aria-describedby', body.id);\n  }\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      document.addEventListener('pointerdown', Dialogs._onPointerDown, { passive: true });\n      document.addEventListener('pointerup', Dialogs._onPointerUp, { passive: true });\n      document.addEventListener('pointercancel', Dialogs._onPointerCancel, { passive: true });\n    });\n  }\n\n  static _onPointerDown(event: PointerEvent) {\n    const dialog = Dialogs._isPrimaryPress(event) ? Dialogs._backdropDialog(event) : null;\n    Dialogs._down =\n      dialog && Dialogs._lightDismissible(dialog) && Dialogs._outside(event, dialog)\n        ? { dialog, pointerId: event.pointerId }\n        : null;\n  }\n\n  static _onPointerUp(event: PointerEvent) {\n    const started = Dialogs._down;\n    Dialogs._down = null;\n    if (!started || started.pointerId !== event.pointerId) return;\n    if (!started.dialog.isConnected || !started.dialog.open) return;\n    if (!Dialogs._lightDismissible(started.dialog)) return;\n    if (Dialogs._backdropDialog(event) !== started.dialog) return;\n    if (Dialogs._outside(event, started.dialog)) {\n      started.dialog.close();\n    }\n  }\n\n  static _onPointerCancel() {\n    Dialogs._down = null;\n  }\n\n  /** Backdrop hits retarget to the dialog itself, never a child. */\n  private static _backdropDialog(event: Event): HTMLDialogElement | null {\n    const target = Utils.eventTarget(event);\n    if (!(target instanceof HTMLDialogElement) || !target.open) return null;\n    return target;\n  }\n\n  private static _outside(event: PointerEvent, dialog: HTMLDialogElement): boolean {\n    const rect = dialog.getBoundingClientRect();\n    return (\n      event.clientX < rect.left ||\n      event.clientX > rect.right ||\n      event.clientY < rect.top ||\n      event.clientY > rect.bottom\n    );\n  }\n\n  private static _isPrimaryPress(event: PointerEvent): boolean {\n    if (!event.isPrimary) return false;\n    return event.pointerType !== 'mouse' || event.button === 0;\n  }\n\n  // Read the attribute only. The IDL default for an unset closedby is\n  // \"closerequest\" (Escape, no light dismiss) \u2014 treating that as an\n  // author opt-out made every dialog undismissable from the scrim.\n  // Native closedby=\"any\" already light-dismisses with the same \"both ends\n  // outside\" rule, so leave it to the browser where it has one.\n  private static _lightDismissible(dialog: HTMLDialogElement): boolean {\n    const value = dialog.getAttribute('closedby');\n    if (value === 'any') return !('closedBy' in HTMLDialogElement.prototype);\n    return value !== 'none' && value !== 'closerequest';\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}