@expressivecss/expressive 0.9.1 → 0.10.0

package/dist/js/chunks/chunk-7UXHSYIA.mjs

@@ -0,0 +1,183 @@
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+import {
+  Component
+} from "./chunk-QSQ24FYT.mjs";
+
+// src/ts/components/cards.ts
+var _defaults = {
+  onOpen: null,
+  onClose: null
+};
+var CARDS_SELECTOR = 'article:has(> aside[id]:not([id=""])):not(:has(> aside ~ aside)):has(> button.card-reveal-trigger[type="button"], > :not(aside) button.card-reveal-trigger[type="button"])';
+var REVEAL_INITIALIZED_CLASS = "card-reveal-initialized";
+function hasAccessibleName(trigger) {
+  const label = trigger.getAttribute("aria-label");
+  if (label?.trim()) return true;
+  const labelledBy = trigger.getAttribute("aria-labelledby");
+  if (labelledBy) {
+    const referencedText = labelledBy.trim().split(/\s+/).map((id) => trigger.ownerDocument.getElementById(id)?.textContent ?? "").join(" ").trim();
+    if (referencedText) return true;
+  }
+  const content = trigger.cloneNode(true);
+  content.querySelectorAll('[aria-hidden="true"]').forEach((node) => node.remove());
+  return Boolean(content.textContent?.trim());
+}
+function isUsableCardTrigger(trigger, card, panel) {
+  return trigger.closest("article") === card && !panel.contains(trigger) && !trigger.disabled && trigger.getAttribute("aria-disabled") !== "true" && hasAccessibleName(trigger);
+}
+function isCardReveal(el) {
+  if (el.tagName !== "ARTICLE") return false;
+  const panels = el.querySelectorAll(":scope > aside");
+  if (panels.length !== 1 || !panels[0].id) return false;
+  return Array.from(
+    el.querySelectorAll('button.card-reveal-trigger[type="button"]')
+  ).some((trigger) => isUsableCardTrigger(trigger, el, panels[0]));
+}
+var Cards = class _Cards extends Component {
+  constructor(el, options = {}) {
+    super(el, options, _Cards);
+    this.isOpen = false;
+    this._ownsRevealInitializedClass = false;
+    this._initialAriaControls = /* @__PURE__ */ new Map();
+    this._lastActivator = null;
+    this._setupEventHandlers = () => {
+      this._activators.forEach((activator) => {
+        activator.addEventListener("click", this._handleClickInteraction);
+      });
+      this.el.addEventListener("keydown", this._handleKeydownEvent);
+    };
+    this._removeEventHandlers = () => {
+      this._activators.forEach((activator) => {
+        activator.removeEventListener("click", this._handleClickInteraction);
+      });
+      this.el.removeEventListener("keydown", this._handleKeydownEvent);
+    };
+    this._handleClickInteraction = (event) => {
+      this._lastActivator = event.currentTarget;
+      this._handleRevealEvent();
+    };
+    this._handleKeydownEvent = (event) => {
+      const target = event.target instanceof Element ? event.target.closest("article") : null;
+      if (target !== this.el || event.key !== "Escape" || !this.isOpen) return;
+      event.preventDefault();
+      this.close();
+    };
+    this._handleRevealEvent = () => {
+      if (this.isOpen) this.close();
+      else this.open();
+    };
+    /**
+     * Show card reveal.
+     */
+    this.open = () => {
+      if (this.isOpen || !this.cardReveal) return;
+      this.isOpen = true;
+      this.cardReveal.classList.add("open");
+      this.cardReveal.inert = false;
+      this._activators.forEach((activator) => activator.ariaExpanded = "true");
+      if (typeof this.options.onOpen === "function") {
+        this.options.onOpen.call(this, this.el);
+      }
+    };
+    /**
+     * Hide card reveal.
+     */
+    this.close = () => {
+      if (!this.isOpen || !this.cardReveal) return;
+      const focusWasInside = this.cardReveal.contains(document.activeElement);
+      this.isOpen = false;
+      this.cardReveal.classList.remove("open");
+      this.cardReveal.inert = true;
+      this._activators.forEach((activator) => activator.ariaExpanded = "false");
+      if (typeof this.options.onClose === "function") {
+        this.options.onClose.call(this, this.el);
+      }
+      if (focusWasInside) {
+        (this._lastActivator ?? this._activators[0])?.focus();
+      }
+    };
+    this.el["Expressive_Cards"] = this;
+    this.options = {
+      ..._Cards.defaults,
+      ...options
+    };
+    const cardReveals = this.el.querySelectorAll(":scope > aside");
+    const cardReveal = cardReveals.length === 1 ? cardReveals[0] : null;
+    const activators = cardReveal ? Array.from(
+      this.el.querySelectorAll(
+        'button.card-reveal-trigger[type="button"]'
+      )
+    ).filter(
+      (activator) => isUsableCardTrigger(activator, this.el, cardReveal)
+    ) : [];
+    this.cardReveal = cardReveal?.id && activators.length > 0 ? cardReveal : null;
+    this._activators = this.cardReveal ? activators : [];
+    if (this.cardReveal) {
+      this._ownsRevealInitializedClass = !this.el.classList.contains(REVEAL_INITIALIZED_CLASS);
+      this.el.classList.add(REVEAL_INITIALIZED_CLASS);
+      this._activators.forEach((activator) => {
+        this._initialAriaControls.set(activator, activator.getAttribute("aria-controls"));
+        activator.ariaExpanded = "false";
+        activator.setAttribute("aria-controls", this.cardReveal.id);
+      });
+      this.cardReveal.classList.remove("open");
+      this.cardReveal.inert = true;
+      this._setupEventHandlers();
+    }
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of Cards.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options) {
+    return super.init(els, options, _Cards);
+  }
+  static getInstance(el) {
+    return el["Expressive_Cards"];
+  }
+  /**
+   * {@inheritDoc}
+   */
+  destroy() {
+    this._removeEventHandlers();
+    if (this.cardReveal) {
+      this.cardReveal.classList.remove("open");
+      this.cardReveal.inert = false;
+      if (this._ownsRevealInitializedClass) this.el.classList.remove(REVEAL_INITIALIZED_CLASS);
+    }
+    this._activators.forEach((activator) => {
+      activator.removeAttribute("aria-expanded");
+      const initialAriaControls = this._initialAriaControls.get(activator);
+      if (initialAriaControls === null) activator.removeAttribute("aria-controls");
+      else if (initialAriaControls !== void 0) {
+        activator.setAttribute("aria-controls", initialAriaControls);
+      }
+    });
+    this.isOpen = false;
+    this._activators = [];
+    this._initialAriaControls.clear();
+    this._lastActivator = null;
+    this.el["Expressive_Cards"] = void 0;
+  }
+  static Init() {
+    Utils.onDocumentReady(() => {
+      const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);
+      cards.forEach((el) => {
+        if (el && el["Expressive_Cards"] == void 0) this.init(el);
+      });
+    });
+  }
+};
+
+export {
+  CARDS_SELECTOR,
+  isCardReveal,
+  Cards
+};
+//# sourceMappingURL=chunk-7UXHSYIA.mjs.map

package/dist/js/chunks/chunk-7UXHSYIA.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/cards.ts"],
+  "sourcesContent": ["import { Utils } from '../core/utils';\nimport { Component, BaseOptions, InitElements, InitElement, Openable } from '../core/component';\n\nexport interface CardsOptions extends BaseOptions {\n  onOpen: (el: Element) => void;\n  onClose: (el: Element) => void;\n}\n\nconst _defaults: CardsOptions = {\n  onOpen: null,\n  onClose: null\n};\n\n/**\n * What counts as a card reveal.\n *\n * Shared with `components/registry.ts` so `Cards.Init()` and `AutoInit()` use\n * the same semantic selector.\n */\nexport const CARDS_SELECTOR =\n  'article:has(> aside[id]:not([id=\"\"])):not(:has(> aside ~ aside)):has(> button.card-reveal-trigger[type=\"button\"], > :not(aside) button.card-reveal-trigger[type=\"button\"])';\n\nconst REVEAL_INITIALIZED_CLASS = 'card-reveal-initialized';\n\nfunction hasAccessibleName(trigger: HTMLButtonElement) {\n  const label = trigger.getAttribute('aria-label');\n  if (label?.trim()) return true;\n\n  const labelledBy = trigger.getAttribute('aria-labelledby');\n  if (labelledBy) {\n    const referencedText = labelledBy\n      .trim()\n      .split(/\\s+/)\n      .map((id) => trigger.ownerDocument.getElementById(id)?.textContent ?? '')\n      .join(' ')\n      .trim();\n    if (referencedText) return true;\n  }\n\n  const content = trigger.cloneNode(true) as HTMLButtonElement;\n  content.querySelectorAll('[aria-hidden=\"true\"]').forEach((node) => node.remove());\n  return Boolean(content.textContent?.trim());\n}\n\nfunction isUsableCardTrigger(\n  trigger: HTMLButtonElement,\n  card: Element,\n  panel: HTMLElement\n) {\n  return (\n    trigger.closest('article') === card &&\n    !panel.contains(trigger) &&\n    !trigger.disabled &&\n    trigger.getAttribute('aria-disabled') !== 'true' &&\n    hasAccessibleName(trigger)\n  );\n}\n\nexport function isCardReveal(el: Element): el is HTMLElement {\n  if (el.tagName !== 'ARTICLE') return false;\n  const panels = el.querySelectorAll<HTMLElement>(':scope > aside');\n  if (panels.length !== 1 || !panels[0].id) return false;\n\n  return Array.from(\n    el.querySelectorAll<HTMLButtonElement>('button.card-reveal-trigger[type=\"button\"]')\n  ).some((trigger) => isUsableCardTrigger(trigger, el, panels[0]));\n}\n\nexport class Cards extends Component<CardsOptions> implements Openable {\n  isOpen: boolean = false;\n  private readonly cardReveal: HTMLElement | null;\n  private _activators: HTMLButtonElement[];\n  private _ownsRevealInitializedClass = false;\n  private _initialAriaControls = new Map<HTMLButtonElement, string | null>();\n  private _lastActivator: HTMLButtonElement | null = null;\n\n  constructor(el: HTMLElement, options: Partial<CardsOptions> = {}) {\n    super(el, options, Cards);\n    this.el['Expressive_Cards'] = this;\n\n    this.options = {\n      ...Cards.defaults,\n      ...options\n    };\n\n    const cardReveals = this.el.querySelectorAll<HTMLElement>(':scope > aside');\n    const cardReveal = cardReveals.length === 1 ? cardReveals[0] : null;\n    const activators = cardReveal\n      ? Array.from(\n          this.el.querySelectorAll<HTMLButtonElement>(\n            'button.card-reveal-trigger[type=\"button\"]'\n          )\n        ).filter(\n          (activator) => isUsableCardTrigger(activator, this.el, cardReveal)\n        )\n      : [];\n\n    this.cardReveal = cardReveal?.id && activators.length > 0 ? cardReveal : null;\n    this._activators = this.cardReveal ? activators : [];\n\n    if (this.cardReveal) {\n      this._ownsRevealInitializedClass = !this.el.classList.contains(REVEAL_INITIALIZED_CLASS);\n      this.el.classList.add(REVEAL_INITIALIZED_CLASS);\n      this._activators.forEach((activator) => {\n        this._initialAriaControls.set(activator, activator.getAttribute('aria-controls'));\n        activator.ariaExpanded = 'false';\n        activator.setAttribute('aria-controls', this.cardReveal.id);\n      });\n\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = true;\n      this._setupEventHandlers();\n    }\n  }\n\n  static get defaults(): CardsOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Cards.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLElement, options?: Partial<CardsOptions>): Cards;\n  /**\n   * Initializes instances of Cards.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(els: InitElements<InitElement>, options?: Partial<CardsOptions>): Cards[];\n  /**\n   * Initializes instances of Cards.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLElement | InitElements<InitElement>,\n    options?: Partial<CardsOptions>\n  ): Cards | Cards[] {\n    return super.init(els, options, Cards);\n  }\n\n  static getInstance(el: HTMLElement): Cards {\n    return el['Expressive_Cards'];\n  }\n\n  /**\n   * {@inheritDoc}\n   */\n  destroy() {\n    this._removeEventHandlers();\n    if (this.cardReveal) {\n      this.cardReveal.classList.remove('open');\n      this.cardReveal.inert = false;\n      if (this._ownsRevealInitializedClass) this.el.classList.remove(REVEAL_INITIALIZED_CLASS);\n    }\n    this._activators.forEach((activator) => {\n      activator.removeAttribute('aria-expanded');\n      const initialAriaControls = this._initialAriaControls.get(activator);\n      if (initialAriaControls === null) activator.removeAttribute('aria-controls');\n      else if (initialAriaControls !== undefined) {\n        activator.setAttribute('aria-controls', initialAriaControls);\n      }\n    });\n    this.isOpen = false;\n    this._activators = [];\n    this._initialAriaControls.clear();\n    this._lastActivator = null;\n    this.el['Expressive_Cards'] = undefined;\n  }\n\n  _setupEventHandlers = () => {\n    this._activators.forEach((activator) => {\n      activator.addEventListener('click', this._handleClickInteraction);\n    });\n    this.el.addEventListener('keydown', this._handleKeydownEvent);\n  };\n\n  _removeEventHandlers = () => {\n    this._activators.forEach((activator) => {\n      activator.removeEventListener('click', this._handleClickInteraction);\n    });\n    this.el.removeEventListener('keydown', this._handleKeydownEvent);\n  };\n\n  _handleClickInteraction = (event: MouseEvent) => {\n    this._lastActivator = event.currentTarget as HTMLButtonElement;\n    this._handleRevealEvent();\n  };\n\n  _handleKeydownEvent = (event: KeyboardEvent) => {\n    const target = event.target instanceof Element ? event.target.closest('article') : null;\n    if (target !== this.el || event.key !== 'Escape' || !this.isOpen) return;\n    event.preventDefault();\n    this.close();\n  };\n\n  _handleRevealEvent = () => {\n    if (this.isOpen) this.close();\n    else this.open();\n  };\n\n  /**\n   * Show card reveal.\n   */\n  open: () => void = () => {\n    if (this.isOpen || !this.cardReveal) return;\n    this.isOpen = true;\n    this.cardReveal.classList.add('open');\n    this.cardReveal.inert = false;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'true'));\n    if (typeof this.options.onOpen === 'function') {\n      this.options.onOpen.call(this, this.el);\n    }\n  };\n\n  /**\n   * Hide card reveal.\n   */\n  close: () => void = () => {\n    if (!this.isOpen || !this.cardReveal) return;\n\n    const focusWasInside = this.cardReveal.contains(document.activeElement);\n    this.isOpen = false;\n    this.cardReveal.classList.remove('open');\n    this.cardReveal.inert = true;\n    this._activators.forEach((activator) => (activator.ariaExpanded = 'false'));\n    if (typeof this.options.onClose === 'function') {\n      this.options.onClose.call(this, this.el);\n    }\n\n    if (focusWasInside) {\n      (this._lastActivator ?? this._activators[0])?.focus();\n    }\n  };\n\n  static Init() {\n    Utils.onDocumentReady(() => {\n      const cards = Array.from(document.querySelectorAll(CARDS_SELECTOR)).filter(isCardReveal);\n      cards.forEach((el) => {\n        if (el && el['Expressive_Cards'] == undefined) this.init(el as HTMLElement);\n      });\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/js/chunks/chunk-A3BJA7V4.mjs

@@ -0,0 +1,28 @@
+import {
+  installSheetDrag
+} from "./chunk-LZVBJ33S.mjs";
+
+// src/ts/behaviors/sideSheets.ts
+var startDocked = (dialog) => dialog.classList.contains("left") || dialog.classList.contains("left-sheet") || dialog.classList.contains("start");
+var leftDocked = (dialog) => startDocked(dialog) !== (getComputedStyle(dialog).direction === "rtl");
+var SideSheets = class {
+  static Init() {
+    installSheetDrag({
+      selector: "dialog.side-sheet, dialog.right, dialog.right-sheet, dialog.left, dialog.left-sheet",
+      axis: "x",
+      property: "--md-comp-side-sheet-shift",
+      direction: (dialog) => leftDocked(dialog) ? -1 : 1,
+      inHandle: (event, dialog) => {
+        const target = event.target;
+        if (target instanceof Element && target.closest("header")) return true;
+        const rect = dialog.getBoundingClientRect();
+        return leftDocked(dialog) ? event.clientX >= rect.right - 24 && event.clientX <= rect.right : event.clientX >= rect.left && event.clientX <= rect.left + 24;
+      }
+    });
+  }
+};
+
+export {
+  SideSheets
+};
+//# sourceMappingURL=chunk-A3BJA7V4.mjs.map

package/dist/js/chunks/chunk-A3BJA7V4.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/behaviors/sideSheets.ts"],
+  "sourcesContent": ["import { installSheetDrag } from './sheetDrag';\n\nconst startDocked = (dialog: HTMLDialogElement): boolean =>\n  dialog.classList.contains('left') ||\n  dialog.classList.contains('left-sheet') ||\n  dialog.classList.contains('start');\n\nconst leftDocked = (dialog: HTMLDialogElement): boolean =>\n  startDocked(dialog) !== (getComputedStyle(dialog).direction === 'rtl');\n\n/**\n * Drag-to-dismiss for side sheets (`dialog.side-sheet` / `.right` / `.left`).\n *\n * Grab the header or the inner 24dp edge and drag toward the docked side.\n * Past 96dp, or a flick, closes. Light-dismiss on the scrim stays with\n * {@link Dialogs}. The drag itself is {@link installSheetDrag}, shared with\n * the bottom sheet.\n */\nexport class SideSheets {\n  static Init() {\n    installSheetDrag({\n      selector:\n        'dialog.side-sheet, dialog.right, dialog.right-sheet, dialog.left, dialog.left-sheet',\n      axis: 'x',\n      property: '--md-comp-side-sheet-shift',\n      direction: (dialog) => (leftDocked(dialog) ? -1 : 1),\n      inHandle: (event, dialog) => {\n        const target = event.target;\n        if (target instanceof Element && target.closest('header')) return true;\n        const rect = dialog.getBoundingClientRect();\n        return leftDocked(dialog)\n          ? event.clientX >= rect.right - 24 && event.clientX <= rect.right\n          : event.clientX >= rect.left && event.clientX <= rect.left + 24;\n      }\n    });\n  }\n}\n"],
+  "mappings": ";;;;;AAEA,IAAM,cAAc,CAAC,WACnB,OAAO,UAAU,SAAS,MAAM,KAChC,OAAO,UAAU,SAAS,YAAY,KACtC,OAAO,UAAU,SAAS,OAAO;AAEnC,IAAM,aAAa,CAAC,WAClB,YAAY,MAAM,OAAO,iBAAiB,MAAM,EAAE,cAAc;AAU3D,IAAM,aAAN,MAAiB;AAAA,EACtB,OAAO,OAAO;AACZ,qBAAiB;AAAA,MACf,UACE;AAAA,MACF,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,CAAC,WAAY,WAAW,MAAM,IAAI,KAAK;AAAA,MAClD,UAAU,CAAC,OAAO,WAAW;AAC3B,cAAM,SAAS,MAAM;AACrB,YAAI,kBAAkB,WAAW,OAAO,QAAQ,QAAQ,EAAG,QAAO;AAClE,cAAM,OAAO,OAAO,sBAAsB;AAC1C,eAAO,WAAW,MAAM,IACpB,MAAM,WAAW,KAAK,QAAQ,MAAM,MAAM,WAAW,KAAK,QAC1D,MAAM,WAAW,KAAK,QAAQ,MAAM,WAAW,KAAK,OAAO;AAAA,MACjE;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "names": []
+}