@expressivecss/expressive 0.14.1 → 0.16.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/showMore.ts"],
+  "sourcesContent": ["import { Utils, restoreAttribute } from \"../core/utils\";\nimport { Component, BaseOptions } from \"../core/component\";\n\nexport interface ShowMoreI18nOptions {\n  /** The button's label while the full text shows. */\n  showLess: string;\n}\n\nexport interface ShowMoreOptions extends BaseOptions {\n  /** Called after the full text shows. */\n  onOpen: ((el: Element) => void) | null;\n  /** Called after the text is clamped again. */\n  onClose: ((el: Element) => void) | null;\n  /** The open label; `data-show-less` on the button overrides it. */\n  i18n: Partial<ShowMoreI18nOptions>;\n}\n\nconst _defaults: ShowMoreOptions = {\n  onOpen: null,\n  onClose: null,\n  i18n: { showLess: \"Show less\" },\n};\n\n// Inline, because the utilities layer beats any component rule and a\n// prefixed clamp such as medium:line-clamp-2 would beat .line-clamp-none.\nconst CLAMP_PROPERTIES = [\"-webkit-line-clamp\", \"line-clamp\"];\nconst BUTTON_ATTRIBUTES = [\"aria-expanded\", \"aria-controls\", \"hidden\"];\n\n/** The button's last label text, skipping aria-hidden icons. */\nfunction labelNode(button: HTMLElement): Text | null {\n  const walker = button.ownerDocument.createTreeWalker(button, NodeFilter.SHOW_TEXT);\n  let label: Text | null = null;\n  for (let node = walker.nextNode(); node; node = walker.nextNode()) {\n    if (node.textContent.trim() && !node.parentElement.closest('[aria-hidden=\"true\"]')) label = node as Text;\n  }\n  return label;\n}\n\n/**\n * Clamped text with a button that shows all of it. A `.show-more` holds text\n * with a `line-clamp-1`, `-2` or `-3` class and a `<button>`. The button\n * hides while the clamped text fits.\n */\nexport class ShowMore extends Component<ShowMoreOptions> {\n  static key = \"Expressive_ShowMore\";\n  isOpen = false;\n  private readonly text: HTMLElement | null;\n  private readonly button: HTMLButtonElement | null;\n  // Attributes as they were before init, so destroy() can restore them.\n  private _initial: Record<string, string | null> = {};\n  private _initialId: string | null = null;\n  private _label: Text | null = null;\n  private _moreLabel = \"\";\n  private _observer: ResizeObserver | null = null;\n\n  constructor(el: HTMLElement, options: Partial<ShowMoreOptions>) {\n    super(el, options);\n    this.text = el.querySelector(\":scope > :is(.line-clamp-1, .line-clamp-2, .line-clamp-3)\");\n    this.button = el.querySelector(\":scope > button\");\n    if (!this.text || !this.button) return;\n    this._wire();\n    const { signal } = this._events;\n    this.button.addEventListener(\"click\", this._toggle, { signal });\n    this.button.addEventListener(\"blur\", this._fit, { signal });\n    this._observer = new ResizeObserver(this._fit);\n    this._observer.observe(this.text);\n    // A web font that swaps in can change what fits without resizing the\n    // clamped box, so the observer would not report it.\n    el.ownerDocument.fonts?.ready.then(this._fit);\n  }\n\n  static get defaults(): ShowMoreOptions {\n    return _defaults;\n  }\n\n  /** Shows the full text. */\n  open = () => {\n    if (this.isOpen || !this.button) return;\n    this._show(true);\n    this._notify(\"open\", this.options.onOpen, { current: () => this.isOpen });\n  };\n\n  /** Clamps the text again. */\n  close = () => {\n    if (!this.isOpen) return;\n    this._show(false);\n    this._notify(\"close\", this.options.onClose, { current: () => !this.isOpen });\n  };\n\n  destroy() {\n    if (this.button) {\n      this._observer.disconnect();\n      if (this.isOpen) this._show(false);\n      for (const name of BUTTON_ATTRIBUTES) restoreAttribute(this.button, name, this._initial[name]);\n      restoreAttribute(this.text, \"id\", this._initialId);\n    }\n    super.destroy();\n  }\n\n  /** Records what destroy() restores, then points the button at the text. */\n  private _wire() {\n    for (const name of BUTTON_ATTRIBUTES) this._initial[name] = this.button.getAttribute(name);\n    this._initialId = this.text.getAttribute(\"id\");\n    if (!this.text.id) this.text.id = `show-more-${Utils.guid()}`;\n    this._label = labelNode(this.button);\n    if (this._label) this._moreLabel = this._label.data;\n    this.button.ariaExpanded = \"false\";\n    this.button.setAttribute(\"aria-controls\", this.text.id);\n  }\n\n  private _toggle = () => (this.isOpen ? this.close() : this.open());\n\n  /**\n   * Hides the button while the clamped text fits. Open text keeps it. So does\n   * focus, so a resize cannot hide the button someone is on and drop focus on\n   * the page. The check runs again on blur, which also hides a button whose\n   * text was collapsed after it widened to fit, since collapsing it then\n   * leaves the box the same size.\n   */\n  private _fit = () => {\n    if (this.isOpen || this.button.matches(\":focus\") || ShowMore.getInstance(this.el) !== this) return;\n    // Firefox rounds a fractional line height up in scrollHeight only.\n    this.button.hidden = this.text.scrollHeight - this.text.clientHeight <= 1;\n  };\n\n  private _show(open: boolean) {\n    this.isOpen = open;\n    this.button.ariaExpanded = String(open);\n    if (this._label) this._label.data = open ? this._lessLabel() : this._moreLabel;\n    this._clamp(!open);\n  }\n\n  private _lessLabel() {\n    return this.button.dataset.showLess || this.options.i18n.showLess;\n  }\n\n  private _clamp(on: boolean) {\n    if (on) this._restoreClamp();\n    else for (const property of CLAMP_PROPERTIES) this.text.style.setProperty(property, \"unset\");\n  }\n\n  private _restoreClamp() {\n    for (const property of CLAMP_PROPERTIES) this.text.style.removeProperty(property);\n    // Leave no empty style attribute on text that had none.\n    if (!this.text.style.length) this.text.removeAttribute(\"style\");\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,209 @@
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/swipeActions.ts
+var _defaults = {
+  onToggle: null
+};
+var SLOP = 4;
+var FLICK_VELOCITY = 0.5;
+var FLICK_TIMEOUT = 100;
+var flick = (swipe) => Date.now() - swipe.lastT < FLICK_TIMEOUT ? swipe.velocity * swipe.sign : 0;
+var opensOnRelease = (swipe) => {
+  const velocity = flick(swipe);
+  if (Math.abs(velocity) > FLICK_VELOCITY) return velocity > 0;
+  return swipe.reveal > swipe.width / 2;
+};
+var SwipeActions = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    /** The open row, if any. */
+    this._open = null;
+    /** The touch in progress, while it may still become a swipe or is one. */
+    this._swipe = null;
+    this._onStart = (event) => {
+      if (event.touches.length !== 1) {
+        this._cancel();
+        return;
+      }
+      const row = this._rowFor(Utils.eventTarget(event));
+      if (!row) return;
+      const { clientX: x, clientY: y } = event.touches[0];
+      const width = this._width(row);
+      const base = row === this._open ? width : 0;
+      this._swipe = { row, x, y, sign: this._sign(row), width, base, reveal: base, swiping: false, last: x, lastT: Date.now(), velocity: 0 };
+    };
+    this._onMove = (event) => {
+      const swipe = this._swipe;
+      if (!swipe) return;
+      const { clientX, clientY } = event.touches[0];
+      if (swipe.swiping || this._decide(swipe, clientX - swipe.x, clientY - swipe.y)) this._drag(event, swipe, clientX);
+    };
+    this._onEnd = () => {
+      const swipe = this._swipe;
+      this._swipe = null;
+      if (!swipe?.swiping) return;
+      swipe.row.classList.remove("swiping");
+      this._settle(swipe.row, opensOnRelease(swipe));
+    };
+    this._onCancel = () => this._cancel();
+    this._onClick = (event) => {
+      const target = Utils.eventTarget(event);
+      if (target.closest(".swipe-actions button")) this._closeFrom(target.closest("li"));
+      else if (target.closest("[data-swipe-toggle]")) this._toggle(this._rowFor(target));
+    };
+    this._onKeydown = (event) => {
+      if (event.key !== "Escape") return;
+      this._closeFrom(this._rowFor(Utils.eventTarget(event)));
+    };
+    /** Focus on an action opens its row; focus anywhere outside the open row closes it. */
+    this._onFocusin = (event) => {
+      const target = Utils.eventTarget(event);
+      if (target?.closest(".swipe-actions")) this.open(this._rowFor(target));
+      else this._closeOutside(target);
+    };
+    /** A tap or click outside the open row closes it. */
+    this._onPointerdown = (event) => this._closeOutside(Utils.eventTarget(event));
+    this._rows().forEach((row) => this._toggleFor(row)?.setAttribute("aria-expanded", "false"));
+    const signal = this._events.signal;
+    const doc = el.ownerDocument;
+    el.addEventListener("click", this._onClick, { signal });
+    el.addEventListener("keydown", this._onKeydown, { signal });
+    el.addEventListener("touchstart", this._onStart, { passive: true, signal });
+    el.addEventListener("touchmove", this._onMove, { passive: false, signal });
+    el.addEventListener("touchcancel", this._onCancel, { signal });
+    el.addEventListener("touchend", this._onEnd, { signal });
+    doc.addEventListener("focusin", this._onFocusin, { signal });
+    doc.addEventListener("pointerdown", this._onPointerdown, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /** Opens a row of this list, closing the one that was open. */
+  open(row) {
+    if (!this._isRow(row)) return;
+    this._place(row, this._width(row));
+    if (this._open === row) return;
+    this.close();
+    this._open = row;
+    row.classList.add("swipe-open");
+    this._toggleFor(row)?.setAttribute("aria-expanded", "true");
+    this._fire(row, true);
+  }
+  /** Closes the open row, if there is one. */
+  close() {
+    const row = this._open;
+    if (!row) return;
+    this._open = null;
+    this._shut(row);
+    this._fire(row, false);
+  }
+  destroy() {
+    const rows = [this._swipe?.row, this._open];
+    this._swipe = null;
+    this._open = null;
+    rows.forEach((row) => row && this._shut(row));
+    this._rows().forEach((row) => this._toggleFor(row)?.removeAttribute("aria-expanded"));
+    super.destroy();
+  }
+  _rows() {
+    return [...this.el.querySelectorAll(":scope > li:has(> .swipe-actions)")];
+  }
+  /** Whether `row` is a row of this list with actions. */
+  _isRow(row) {
+    return !!row && row.parentElement === this.el && !!row.querySelector(":scope > .swipe-actions");
+  }
+  _rowFor(target) {
+    const row = target?.closest("li") ?? null;
+    return this._isRow(row) ? row : null;
+  }
+  _toggleFor(row) {
+    return row.querySelector("[data-swipe-toggle]");
+  }
+  _width(row) {
+    return row.querySelector(":scope > .swipe-actions").offsetWidth;
+  }
+  /** -1 when rows open toward the left, 1 when they open toward the right. */
+  _sign(row) {
+    return getComputedStyle(row).direction === "rtl" ? 1 : -1;
+  }
+  /** Slides a row `reveal` pixels open. */
+  _place(row, reveal) {
+    row.style.setProperty("--swipe-offset", `${reveal * this._sign(row)}px`);
+  }
+  /** Puts a row back closed, without telling anyone. */
+  _shut(row) {
+    row.classList.remove("swipe-open", "swiping");
+    row.style.removeProperty("--swipe-offset");
+    this._toggleFor(row)?.setAttribute("aria-expanded", "false");
+  }
+  _fire(row, open) {
+    const detail = { row, open };
+    this._notify("swipetoggle", this.options.onToggle, { args: [detail], detail });
+  }
+  /**
+   * Swipes once the finger moves sideways, or leaves the touch to scrolling
+   * when it moves up or down first. Returns whether it is now a swipe.
+   */
+  _decide(swipe, dx, dy) {
+    if (Math.max(Math.abs(dx), Math.abs(dy)) <= SLOP) return false;
+    swipe.swiping = Math.abs(dx) > Math.abs(dy);
+    if (!swipe.swiping) this._swipe = null;
+    return swipe.swiping;
+  }
+  /** Slides the row with the finger, no farther than its actions reach. */
+  _drag(event, swipe, x) {
+    if (event.cancelable) event.preventDefault();
+    const now = Date.now();
+    if (x !== swipe.last) {
+      swipe.velocity = (x - swipe.last) / Math.max(1, now - swipe.lastT);
+      swipe.last = x;
+      swipe.lastT = now;
+    }
+    swipe.reveal = Math.min(Math.max(swipe.base + (x - swipe.x) * swipe.sign, 0), swipe.width);
+    swipe.row.classList.add("swiping");
+    this._place(swipe.row, swipe.reveal);
+  }
+  /** Leaves a released row open or closed, putting its offset where that state has it. */
+  _settle(row, open) {
+    if (open) this.open(row);
+    else if (row === this._open) this.close();
+    else this._shut(row);
+  }
+  /** Ends a swipe without deciding anything: the row goes back to how it was. */
+  _cancel() {
+    const swipe = this._swipe;
+    this._swipe = null;
+    if (!swipe?.swiping) return;
+    swipe.row.classList.remove("swiping");
+    this._settle(swipe.row, swipe.row === this._open);
+  }
+  /** open() ignores anything that is not a row of this list. */
+  _toggle(row) {
+    if (row === this._open) this.close();
+    else this.open(row);
+  }
+  /** Closes the open row from inside it, moving focus off an action so it does not stay on a hidden button. */
+  _closeFrom(row) {
+    if (!row || row !== this._open) return;
+    const focused = row.querySelector(":scope > .swipe-actions").contains(row.ownerDocument.activeElement);
+    this.close();
+    if (focused) this._focusToggle(row);
+  }
+  _focusToggle(row) {
+    this._toggleFor(row)?.focus();
+  }
+  _closeOutside(target) {
+    if (this._open && !this._open.contains(target)) this.close();
+  }
+};
+SwipeActions.key = "Expressive_SwipeActions";
+
+export {
+  SwipeActions
+};
+//# sourceMappingURL=chunk-Y6H2X7ZC.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/swipeActions.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { Utils } from '../core/utils';\n\n/** What `expressive:swipetoggle` carries, and what `onToggle` receives. */\nexport interface SwipeActionsDetail {\n  /** The row that opened or closed. */\n  row: HTMLElement;\n  /** Whether it is now open. */\n  open: boolean;\n}\n\nexport interface SwipeActionsOptions extends BaseOptions {\n  /**\n   * Called when a row opens or closes, with the event's detail.\n   * @default null\n   */\n  onToggle: ((detail: SwipeActionsDetail) => void) | null;\n}\n\nconst _defaults: SwipeActionsOptions = {\n  onToggle: null\n};\n\n/** Past this the finger was moving, not resting. Hand jitter, in pixels. */\nconst SLOP = 4;\n/** Past this a flick opens or closes whatever the distance, in pixels per millisecond. The sheets use the same. */\nconst FLICK_VELOCITY = 0.5;\n/** Ignore a flick after the finger has rested for this many milliseconds. */\nconst FLICK_TIMEOUT = 100;\n\n/** One touch on a row, from the finger going down until it lifts. */\ninterface Swipe {\n  row: HTMLElement;\n  x: number;\n  y: number;\n  /** -1 when the row opens toward the left, 1 toward the right (right-to-left pages). */\n  sign: 1 | -1;\n  /** How far the actions reach, which is as far as the row slides. */\n  width: number;\n  /** How far open the row was when the finger went down, 0 to `width`. */\n  base: number;\n  /** How far open it is now. */\n  reveal: number;\n  /** Set once the finger moves sideways first; until then the touch may still scroll. */\n  swiping: boolean;\n  last: number;\n  lastT: number;\n  velocity: number;\n}\n\n/** The pointer's velocity toward opening at release, or 0 once it has rested past the flick window. */\nconst flick = (swipe: Swipe) => (Date.now() - swipe.lastT < FLICK_TIMEOUT ? swipe.velocity * swipe.sign : 0);\n\n/** Whether a released swipe leaves the row open: a flick decides, else whether it is past halfway. */\nconst opensOnRelease = (swipe: Swipe) => {\n  const velocity = flick(swipe);\n  if (Math.abs(velocity) > FLICK_VELOCITY) return velocity > 0;\n  return swipe.reveal > swipe.width / 2;\n};\n\n/**\n * Swipe actions. In a `.list.swipeable`, a touch swipe toward a row's inline\n * start slides the row and reveals its `.swipe-actions` group at the inline\n * end. A swipe only reveals; nothing runs until a person presses an action.\n * The row's `[data-swipe-toggle]` button opens and closes it without a\n * swipe, and focus on an action opens its row, so keyboard and single-pointer\n * users reach the same actions. One row in the list is open at a time.\n *\n * Touch events rather than pointer events, as in PullToRefresh: a pointer\n * drag the browser takes for a pan ends in `pointercancel`. A mouse never\n * fires touch events, so it never swipes.\n */\nexport class SwipeActions extends Component<SwipeActionsOptions> {\n  static key = 'Expressive_SwipeActions';\n  /** The open row, if any. */\n  private _open: HTMLElement | null = null;\n  /** The touch in progress, while it may still become a swipe or is one. */\n  private _swipe: Swipe | null = null;\n\n  constructor(el: HTMLElement, options: Partial<SwipeActionsOptions>) {\n    super(el, options);\n    this._rows().forEach((row) => this._toggleFor(row)?.setAttribute('aria-expanded', 'false'));\n    const signal = this._events.signal;\n    const doc = el.ownerDocument;\n    el.addEventListener('click', this._onClick, { signal });\n    el.addEventListener('keydown', this._onKeydown, { signal });\n    el.addEventListener('touchstart', this._onStart, { passive: true, signal });\n    // Not passive: a swipe cancels the move so nothing scrolls sideways under it.\n    el.addEventListener('touchmove', this._onMove, { passive: false, signal });\n    el.addEventListener('touchcancel', this._onCancel, { signal });\n    el.addEventListener('touchend', this._onEnd, { signal });\n    doc.addEventListener('focusin', this._onFocusin, { signal });\n    doc.addEventListener('pointerdown', this._onPointerdown, { signal });\n  }\n\n  static get defaults(): SwipeActionsOptions {\n    return _defaults;\n  }\n\n  /** Opens a row of this list, closing the one that was open. */\n  open(row: HTMLElement) {\n    if (!this._isRow(row)) return;\n    // Also puts back a row a swipe left part-way open.\n    this._place(row, this._width(row));\n    if (this._open === row) return;\n    this.close();\n    this._open = row;\n    row.classList.add('swipe-open');\n    this._toggleFor(row)?.setAttribute('aria-expanded', 'true');\n    this._fire(row, true);\n  }\n\n  /** Closes the open row, if there is one. */\n  close() {\n    const row = this._open;\n    if (!row) return;\n    this._open = null;\n    this._shut(row);\n    this._fire(row, false);\n  }\n\n  destroy() {\n    // A row part-way through a swipe goes back too, not only the open one.\n    const rows = [this._swipe?.row, this._open];\n    this._swipe = null;\n    this._open = null;\n    rows.forEach((row) => row && this._shut(row));\n    this._rows().forEach((row) => this._toggleFor(row)?.removeAttribute('aria-expanded'));\n    super.destroy();\n  }\n\n  private _rows() {\n    return [...this.el.querySelectorAll<HTMLElement>(':scope > li:has(> .swipe-actions)')];\n  }\n\n  /** Whether `row` is a row of this list with actions. */\n  private _isRow(row: Element | null): row is HTMLElement {\n    return !!row && row.parentElement === this.el && !!row.querySelector(':scope > .swipe-actions');\n  }\n\n  private _rowFor(target: Element | null) {\n    const row = target?.closest('li') ?? null;\n    return this._isRow(row) ? row : null;\n  }\n\n  private _toggleFor(row: HTMLElement) {\n    return row.querySelector<HTMLElement>('[data-swipe-toggle]');\n  }\n\n  private _width(row: HTMLElement) {\n    return row.querySelector<HTMLElement>(':scope > .swipe-actions')!.offsetWidth;\n  }\n\n  /** -1 when rows open toward the left, 1 when they open toward the right. */\n  private _sign(row: HTMLElement): 1 | -1 {\n    return getComputedStyle(row).direction === 'rtl' ? 1 : -1;\n  }\n\n  /** Slides a row `reveal` pixels open. */\n  private _place(row: HTMLElement, reveal: number) {\n    row.style.setProperty('--swipe-offset', `${reveal * this._sign(row)}px`);\n  }\n\n  /** Puts a row back closed, without telling anyone. */\n  private _shut(row: HTMLElement) {\n    row.classList.remove('swipe-open', 'swiping');\n    row.style.removeProperty('--swipe-offset');\n    this._toggleFor(row)?.setAttribute('aria-expanded', 'false');\n  }\n\n  private _fire(row: HTMLElement, open: boolean) {\n    const detail: SwipeActionsDetail = { row, open };\n    this._notify('swipetoggle', this.options.onToggle, { args: [detail], detail });\n  }\n\n  private _onStart = (event: TouchEvent) => {\n    // A second finger is a pinch or a mistake, not a swipe.\n    if (event.touches.length !== 1) {\n      this._cancel();\n      return;\n    }\n    const row = this._rowFor(Utils.eventTarget(event));\n    if (!row) return;\n    const { clientX: x, clientY: y } = event.touches[0];\n    const width = this._width(row);\n    const base = row === this._open ? width : 0;\n    this._swipe = { row, x, y, sign: this._sign(row), width, base, reveal: base, swiping: false, last: x, lastT: Date.now(), velocity: 0 };\n  };\n\n  private _onMove = (event: TouchEvent) => {\n    const swipe = this._swipe;\n    if (!swipe) return;\n    const { clientX, clientY } = event.touches[0];\n    if (swipe.swiping || this._decide(swipe, clientX - swipe.x, clientY - swipe.y)) this._drag(event, swipe, clientX);\n  };\n\n  /**\n   * Swipes once the finger moves sideways, or leaves the touch to scrolling\n   * when it moves up or down first. Returns whether it is now a swipe.\n   */\n  private _decide(swipe: Swipe, dx: number, dy: number) {\n    if (Math.max(Math.abs(dx), Math.abs(dy)) <= SLOP) return false;\n    swipe.swiping = Math.abs(dx) > Math.abs(dy);\n    if (!swipe.swiping) this._swipe = null;\n    return swipe.swiping;\n  }\n\n  /** Slides the row with the finger, no farther than its actions reach. */\n  private _drag(event: TouchEvent, swipe: Swipe, x: number) {\n    if (event.cancelable) event.preventDefault();\n    const now = Date.now();\n    if (x !== swipe.last) {\n      swipe.velocity = (x - swipe.last) / Math.max(1, now - swipe.lastT);\n      swipe.last = x;\n      swipe.lastT = now;\n    }\n    swipe.reveal = Math.min(Math.max(swipe.base + (x - swipe.x) * swipe.sign, 0), swipe.width);\n    swipe.row.classList.add('swiping');\n    this._place(swipe.row, swipe.reveal);\n  }\n\n  private _onEnd = () => {\n    const swipe = this._swipe;\n    this._swipe = null;\n    if (!swipe?.swiping) return;\n    swipe.row.classList.remove('swiping');\n    this._settle(swipe.row, opensOnRelease(swipe));\n  };\n\n  /** Leaves a released row open or closed, putting its offset where that state has it. */\n  private _settle(row: HTMLElement, open: boolean) {\n    if (open) this.open(row);\n    else if (row === this._open) this.close();\n    else this._shut(row);\n  }\n\n  private _onCancel = () => this._cancel();\n\n  /** Ends a swipe without deciding anything: the row goes back to how it was. */\n  private _cancel() {\n    const swipe = this._swipe;\n    this._swipe = null;\n    if (!swipe?.swiping) return;\n    swipe.row.classList.remove('swiping');\n    this._settle(swipe.row, swipe.row === this._open);\n  }\n\n  private _onClick = (event: MouseEvent) => {\n    const target = Utils.eventTarget(event)!;\n    // Not _rowFor(): an action may already have removed its row from the list.\n    if (target.closest('.swipe-actions button')) this._closeFrom(target.closest('li'));\n    else if (target.closest('[data-swipe-toggle]')) this._toggle(this._rowFor(target));\n  };\n\n  /** open() ignores anything that is not a row of this list. */\n  private _toggle(row: HTMLElement | null) {\n    if (row === this._open) this.close();\n    else this.open(row as HTMLElement);\n  }\n\n  /** Closes the open row from inside it, moving focus off an action so it does not stay on a hidden button. */\n  private _closeFrom(row: HTMLElement | null) {\n    if (!row || row !== this._open) return;\n    // A row an action removed holds no focus, so it is left alone.\n    const focused = row.querySelector(':scope > .swipe-actions')!.contains(row.ownerDocument.activeElement);\n    this.close();\n    if (focused) this._focusToggle(row);\n  }\n\n  private _focusToggle(row: HTMLElement) {\n    this._toggleFor(row)?.focus();\n  }\n\n  private _onKeydown = (event: KeyboardEvent) => {\n    if (event.key !== 'Escape') return;\n    this._closeFrom(this._rowFor(Utils.eventTarget(event)));\n  };\n\n  /** Focus on an action opens its row; focus anywhere outside the open row closes it. */\n  private _onFocusin = (event: FocusEvent) => {\n    const target = Utils.eventTarget(event);\n    // open() ignores anything that is not a row of this list.\n    if (target?.closest('.swipe-actions')) this.open(this._rowFor(target)!);\n    else this._closeOutside(target);\n  };\n\n  /** A tap or click outside the open row closes it. */\n  private _onPointerdown = (event: PointerEvent) => this._closeOutside(Utils.eventTarget(event));\n\n  private _closeOutside(target: Element | null) {\n    if (this._open && !this._open.contains(target)) this.close();\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,129 @@
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+import {
+  Utils
+} from "./chunk-ZVLOUDIJ.mjs";
+
+// src/ts/components/currencyInput.ts
+var _defaults = Object.freeze({ i18n: Object.freeze({ invalid: "Enter an amount." }) });
+var LATIN = "9876543210";
+function split(clean, digits) {
+  const mark = Math.max(clean.lastIndexOf("."), clean.lastIndexOf(","));
+  const fraction = clean.slice(mark + 1);
+  return mark >= 0 && fraction.length <= digits ? [clean.slice(0, mark), fraction] : [clean, ""];
+}
+function parse(text, digits) {
+  const clean = text.replace(/[^\d.,]/g, "").replace(/[.,]+$/, "");
+  if (!/\d/.test(clean)) return null;
+  const [whole, fraction] = split(clean, digits);
+  const sign = /^\D*[-−]/.test(text) ? -1 : 1;
+  return sign * Number(`${whole.replace(/[.,]/g, "")}.${fraction}`);
+}
+var CurrencyInput = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    this._format = () => {
+      this._show(this.value);
+    };
+    /**
+     * Enter fires change while the field keeps focus. Formatting then would
+     * put the next keystroke after the currency sign, so the field waits for
+     * blur.
+     */
+    this._onChange = () => {
+      if (!this.el.matches(":focus")) this._format();
+    };
+    /** Shows the amount as a plain number to edit, with the caret at the end. */
+    this._onFocus = () => {
+      const amount = this.value;
+      if (amount === null) return;
+      const text = this._edit.format(amount);
+      this.el.value = text;
+      this.el.setSelectionRange(text.length, text.length);
+    };
+    /** Marks text that holds no amount invalid, and clears the mark once it holds one or is empty. */
+    this._validate = () => {
+      const { el } = this;
+      const invalid = el.value.trim() !== "" && this.value === null;
+      el.setCustomValidity(invalid ? this.options.i18n.invalid : "");
+    };
+    this._onReset = (e) => {
+      if (e.target === this.el.form) setTimeout(this._afterReset);
+    };
+    this._afterReset = () => {
+      if (!this._events.signal.aborted) this._start();
+    };
+    /** Puts the plain number in the form data in place of the formatted text. */
+    this._onFormData = (e) => {
+      if (!this._submitsTo(e.target)) return;
+      e.formData.set(this.el.name, String(this.value ?? this.el.value));
+    };
+    const locale = Utils.locale(el);
+    try {
+      this._display = new Intl.NumberFormat(locale, { style: "currency", currency: el.dataset.currency });
+    } catch {
+      return;
+    }
+    this._digits = this._display.resolvedOptions().maximumFractionDigits;
+    this._edit = new Intl.NumberFormat(locale, { useGrouping: false, maximumFractionDigits: this._digits });
+    this._plain = new Intl.NumberFormat("en", { useGrouping: false, maximumFractionDigits: this._digits });
+    this._native = new Intl.NumberFormat(locale, { useGrouping: false }).format(9876543210);
+    this._decimal = new Intl.NumberFormat(locale).formatToParts(0.5).find((part) => part.type === "decimal").value;
+    const signal = this._events.signal;
+    el.addEventListener("change", this._onChange, { capture: true, signal });
+    el.addEventListener("blur", this._format, { signal });
+    el.addEventListener("focus", this._onFocus, { signal });
+    el.addEventListener("input", this._validate, { signal });
+    const root = el.getRootNode();
+    const scope = "host" in root ? root : el.ownerDocument;
+    scope.addEventListener("formdata", this._onFormData, { capture: true, signal });
+    scope.addEventListener("reset", this._onReset, { capture: true, signal });
+    this._start();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /** The amount the field holds, rounded as it shows, or null when it is empty or holds no digit. */
+  get value() {
+    return this._round(this._read(this.el.value));
+  }
+  /** Reads text in the locale's digits, or full-width ones from an IME, as an amount. */
+  _read(text) {
+    const latin = Array.from(text.normalize("NFKC"), (ch) => ch === this._decimal ? "." : LATIN[this._native.indexOf(ch)] ?? ch);
+    return parse(latin.join(""), this._digits);
+  }
+  _round(amount) {
+    return amount === null ? null : Number(this._plain.format(amount));
+  }
+  /**
+   * Formats the starting value without events. It reads as a plain number
+   * first, the form the field submits, so a saved `1.234` stays 1.234.
+   */
+  _start() {
+    const text = this.el.value;
+    const number = Number(text);
+    this._show(this._round(text.trim() && Number.isFinite(number) ? number : this._read(text)));
+  }
+  /** Shows `amount` in the locale and currency, leaving text that reads as no amount as it is. */
+  _show(amount) {
+    if (amount !== null) this.el.value = this._display.format(amount);
+    this._validate();
+  }
+  /** Whether the field has an entry in `form`'s data. */
+  _submitsTo(form) {
+    const { el } = this;
+    return form === el.form && el.name !== "" && !el.matches(":disabled");
+  }
+  /** Stops formatting and clears the validity message, leaving the text as it is. */
+  destroy() {
+    super.destroy();
+    this.el.setCustomValidity("");
+  }
+};
+CurrencyInput.key = "Expressive_CurrencyInput";
+
+export {
+  CurrencyInput
+};
+//# sourceMappingURL=chunk-Y6TLRA3U.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/currencyInput.ts"],
+  "sourcesContent": ["import { Component, BaseOptions } from '../core/component';\nimport { Utils } from '../core/utils';\n\nexport interface CurrencyInputOptions extends BaseOptions {\n  /** `invalid` is the validity message for text that holds no amount. */\n  i18n: Partial<{ invalid: string }>;\n}\n\nconst _defaults: CurrencyInputOptions = Object.freeze({ i18n: Object.freeze({ invalid: 'Enter an amount.' }) });\n\n/** Latin digits in the order `_native` holds them, to map a locale's own digits back. */\nconst LATIN = '9876543210';\n\n/**\n * Splits digits and separators into whole and fraction digits. The last `.`\n * or `,` is the decimal mark when no more than `digits` digits follow it, so\n * `1.234,5` and `1,234.50` both split at the end; any other separator groups.\n */\nfunction split(clean: string, digits: number): [string, string] {\n  const mark = Math.max(clean.lastIndexOf('.'), clean.lastIndexOf(','));\n  const fraction = clean.slice(mark + 1);\n  return mark >= 0 && fraction.length <= digits ? [clean.slice(0, mark), fraction] : [clean, ''];\n}\n\n/**\n * Reads text in Latin digits as an amount, or null when it holds no digit.\n * Signs, spaces and letters are ignored, and a `-` or `\u2212` before the first\n * digit makes the amount negative. A separator after the last digit is\n * dropped, since it belongs to a symbol such as `kr.`.\n */\nfunction parse(text: string, digits: number): number | null {\n  const clean = text.replace(/[^\\d.,]/g, '').replace(/[.,]+$/, '');\n  if (!/\\d/.test(clean)) return null;\n  const [whole, fraction] = split(clean, digits);\n  const sign = /^\\D*[-\u2212]/.test(text) ? -1 : 1;\n  return sign * Number(`${whole.replace(/[.,]/g, '')}.${fraction}`);\n}\n\n/**\n * Currency input. Shows a text field's amount in the page's locale and the\n * currency its `data-currency` attribute names once the field loses focus,\n * shows the plain number while it has focus, and puts the plain number in the\n * form data.\n */\nexport class CurrencyInput extends Component<CurrencyInputOptions> {\n  declare el: HTMLInputElement;\n  static key = 'Expressive_CurrencyInput';\n  private _display: Intl.NumberFormat;\n  /** Writes an amount for editing: the locale's digits and mark, no grouping or sign. */\n  private _edit: Intl.NumberFormat;\n  /** Writes an amount as the form submits it: Latin digits, a `.` mark, no grouping. */\n  private _plain: Intl.NumberFormat;\n  private _digits: number;\n  /** The locale's digits for 9876543210, and its decimal mark. */\n  private _native: string;\n  private _decimal: string;\n\n  constructor(el: HTMLInputElement, options: Partial<CurrencyInputOptions>) {\n    super(el, options);\n    const locale = Utils.locale(el);\n    try {\n      this._display = new Intl.NumberFormat(locale, { style: 'currency', currency: el.dataset.currency });\n    } catch {\n      // A malformed code leaves the field a plain text input.\n      return;\n    }\n    this._digits = this._display.resolvedOptions().maximumFractionDigits;\n    this._edit = new Intl.NumberFormat(locale, { useGrouping: false, maximumFractionDigits: this._digits });\n    this._plain = new Intl.NumberFormat('en', { useGrouping: false, maximumFractionDigits: this._digits });\n    this._native = new Intl.NumberFormat(locale, { useGrouping: false }).format(9876543210);\n    this._decimal = new Intl.NumberFormat(locale).formatToParts(0.5).find((part) => part.type === 'decimal').value;\n    const signal = this._events.signal;\n    // Capture, so a page's change listener on the field reads the formatted\n    // text. Blur covers a visit that changed nothing, which fires no change.\n    el.addEventListener('change', this._onChange, { capture: true, signal });\n    el.addEventListener('blur', this._format, { signal });\n    el.addEventListener('focus', this._onFocus, { signal });\n    el.addEventListener('input', this._validate, { signal });\n    // Neither formdata nor reset leaves a shadow root, so a field in one\n    // listens there. Otherwise the document, so the listener follows the\n    // field into another form.\n    const root = el.getRootNode() as Document | ShadowRoot;\n    const scope = 'host' in root ? root : el.ownerDocument;\n    scope.addEventListener('formdata', this._onFormData, { capture: true, signal });\n    // The form resets its fields after the reset event, so the field formats\n    // the restored value a task later.\n    scope.addEventListener('reset', this._onReset, { capture: true, signal });\n    this._start();\n  }\n\n  static get defaults(): CurrencyInputOptions {\n    return _defaults;\n  }\n\n  /** The amount the field holds, rounded as it shows, or null when it is empty or holds no digit. */\n  get value(): number | null {\n    return this._round(this._read(this.el.value));\n  }\n\n  /** Reads text in the locale's digits, or full-width ones from an IME, as an amount. */\n  private _read(text: string) {\n    const latin = Array.from(text.normalize('NFKC'), (ch) => (ch === this._decimal ? '.' : (LATIN[this._native.indexOf(ch)] ?? ch)));\n    return parse(latin.join(''), this._digits);\n  }\n\n  private _round(amount: number | null) {\n    return amount === null ? null : Number(this._plain.format(amount));\n  }\n\n  /**\n   * Formats the starting value without events. It reads as a plain number\n   * first, the form the field submits, so a saved `1.234` stays 1.234.\n   */\n  private _start() {\n    const text = this.el.value;\n    const number = Number(text);\n    this._show(this._round(text.trim() && Number.isFinite(number) ? number : this._read(text)));\n  }\n\n  private _format = () => {\n    this._show(this.value);\n  };\n\n  /**\n   * Enter fires change while the field keeps focus. Formatting then would\n   * put the next keystroke after the currency sign, so the field waits for\n   * blur.\n   */\n  private _onChange = () => {\n    if (!this.el.matches(':focus')) this._format();\n  };\n\n  /** Shows `amount` in the locale and currency, leaving text that reads as no amount as it is. */\n  private _show(amount: number | null) {\n    if (amount !== null) this.el.value = this._display.format(amount);\n    this._validate();\n  }\n\n  /** Shows the amount as a plain number to edit, with the caret at the end. */\n  private _onFocus = () => {\n    const amount = this.value;\n    if (amount === null) return;\n    const text = this._edit.format(amount);\n    this.el.value = text;\n    this.el.setSelectionRange(text.length, text.length);\n  };\n\n  /** Marks text that holds no amount invalid, and clears the mark once it holds one or is empty. */\n  private _validate = () => {\n    const { el } = this;\n    const invalid = el.value.trim() !== '' && this.value === null;\n    el.setCustomValidity(invalid ? this.options.i18n.invalid : '');\n  };\n\n  private _onReset = (e: Event) => {\n    if (e.target === this.el.form) setTimeout(this._afterReset);\n  };\n\n  private _afterReset = () => {\n    if (!this._events.signal.aborted) this._start();\n  };\n\n  /** Puts the plain number in the form data in place of the formatted text. */\n  private _onFormData = (e: FormDataEvent) => {\n    if (!this._submitsTo(e.target)) return;\n    // ponytail: set() collapses fields that share this name into one entry; a\n    // per-field swap if a form ever repeats a currency field's name.\n    e.formData.set(this.el.name, String(this.value ?? this.el.value));\n  };\n\n  /** Whether the field has an entry in `form`'s data. */\n  private _submitsTo(form: EventTarget) {\n    const { el } = this;\n    return form === el.form && el.name !== '' && !el.matches(':disabled');\n  }\n\n  /** Stops formatting and clears the validity message, leaving the text as it is. */\n  destroy(): void {\n    super.destroy();\n    this.el.setCustomValidity('');\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,190 @@
+import {
+  Component
+} from "./chunk-CMGXGYUC.mjs";
+
+// src/ts/components/navigationRail.ts
+var _defaults = {
+  onOpenStart: null,
+  onOpenEnd: null,
+  onCloseStart: null,
+  onCloseEnd: null
+};
+var COMPACT = "(width < 600px)";
+var HOVER_DELAY = 200;
+function deepActiveElement(root) {
+  let active = root.activeElement;
+  while (active?.shadowRoot?.activeElement) active = active.shadowRoot.activeElement;
+  return active;
+}
+var NavigationRail = class extends Component {
+  constructor(el, options) {
+    super(el, options);
+    this._hoverPanel = null;
+    /**
+     * Expands the rail. On compact windows the overlay (scrim) is CSS.
+     */
+    this.expand = () => {
+      if (this.isExpanded) return;
+      if (!this._notify("open", this.options.onOpenStart, { current: () => !this.isExpanded })) return;
+      this.isExpanded = true;
+      this.el.classList.add("expanded");
+      this._sync();
+      this._notify("opened", this.options.onOpenEnd, { current: () => this.isExpanded });
+    };
+    /**
+     * Collapses the rail.
+     */
+    this.collapse = () => {
+      if (!this.isExpanded) return;
+      if (!this._notify("close", this.options.onCloseStart, { current: () => this.isExpanded })) return;
+      this.isExpanded = false;
+      this.el.classList.remove("expanded");
+      this._sync();
+      this._notify("closed", this.options.onCloseEnd, { current: () => !this.isExpanded });
+    };
+    /**
+     * Toggles expanded / collapsed.
+     */
+    this.toggle = () => {
+      if (this.isExpanded) this.collapse();
+      else this.expand();
+    };
+    this._onPointerOver = (e) => {
+      if (e.pointerType !== "mouse") return;
+      clearTimeout(this._hoverTimer);
+      const target = e.target;
+      const panel = this._panelAt(target);
+      if (!panel) this._hoverClose(target);
+      else if (panel !== this._hoverPanel) {
+        this._hoverTimer = setTimeout(() => this._hoverOpen(target), HOVER_DELAY);
+      }
+    };
+    // The panel is a descendant, so moving onto it does not leave the rail.
+    this._onPointerLeave = (e) => {
+      if (e.pointerType !== "mouse") return;
+      clearTimeout(this._hoverTimer);
+      this._hoverClose();
+    };
+    this._onClick = (e) => {
+      const target = e.target;
+      if (!(target instanceof Node) || this._pinPanel(e)) return;
+      if (this._toggle?.contains(target)) {
+        this.toggle();
+        e.preventDefault();
+        return;
+      }
+      if (this._isScrimClick(e) && this.isExpanded && this._isModal()) {
+        this.collapse();
+      }
+    };
+    this._onKeyDown = (e) => {
+      if (e.key !== "Escape" || e.defaultPrevented || this._escapePanel(e)) return;
+      if (this.isExpanded && this._isModal()) {
+        const root = this.el.getRootNode();
+        const restoreFocus = this.el.contains(root.activeElement);
+        const focused = deepActiveElement(root);
+        this.collapse();
+        if (!this.isExpanded && restoreFocus && deepActiveElement(root) === focused) {
+          this._toggle?.focus();
+        }
+      }
+    };
+    this._toggle = this._findToggle();
+    this._mql = window.matchMedia(COMPACT);
+    this.isExpanded = this.el.classList.contains("expanded");
+    this._sync();
+    const { signal } = this._events;
+    this.el.addEventListener("click", this._onClick, { signal });
+    this.el.addEventListener("pointerover", this._onPointerOver, { signal });
+    this.el.addEventListener("pointerleave", this._onPointerLeave, { signal });
+    document.addEventListener("keydown", this._onKeyDown, { signal });
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  destroy() {
+    clearTimeout(this._hoverTimer);
+    super.destroy();
+  }
+  _findToggle() {
+    const first = this.el.querySelector(":scope > button:not(.button, [popovertarget])");
+    return first instanceof HTMLButtonElement ? first : null;
+  }
+  _isCompact() {
+    return this._mql.matches;
+  }
+  _isModal() {
+    return this.el.classList.contains("modal") || this._isCompact();
+  }
+  _sync() {
+    this.el.setAttribute("aria-expanded", this.isExpanded ? "true" : "false");
+    this._toggle?.setAttribute("aria-expanded", this.isExpanded ? "true" : "false");
+  }
+  /** The side panel of the enabled destination around `target`, if any. */
+  _panelAt(target) {
+    const trigger = target instanceof Element ? target.closest("button[popovertarget]:enabled") : null;
+    const panel = trigger?.popoverTargetElement;
+    return panel?.classList.contains("navigation-rail-panel") ? panel : null;
+  }
+  // Looks the panel up again because the trigger can be disabled during the delay.
+  _hoverOpen(target) {
+    const panel = this._panelAt(target);
+    if (!panel || panel.matches(":popover-open")) return;
+    panel.showPopover.call(panel, {
+      source: target.closest("button[popovertarget]")
+    });
+    this._hoverPanel = panel;
+  }
+  // Closes the hover-opened panel after the delay, unless the pointer is still inside it.
+  _hoverClose(target = null) {
+    const panel = this._hoverPanel;
+    if (!panel || panel.contains(target)) return;
+    this._hoverTimer = setTimeout(() => {
+      const root = this.el.getRootNode();
+      if (panel.matches(":popover-open") && !panel.contains(root.activeElement)) panel.hidePopover();
+      if (this._hoverPanel === panel) this._hoverPanel = null;
+    }, HOVER_DELAY);
+  }
+  // Clicking a hover-opened panel's trigger keeps it open instead of toggling
+  // it shut; either way the panel no longer follows the pointer.
+  _pinPanel(e) {
+    const panel = this._panelAt(e.target);
+    if (!panel) return false;
+    clearTimeout(this._hoverTimer);
+    if (panel === this._hoverPanel && panel.matches(":popover-open")) e.preventDefault();
+    this._hoverPanel = null;
+    return true;
+  }
+  // Escape closes an open side panel before the rail, and reports whether a
+  // panel took the key. A hover-opened panel has no focus to return to, so
+  // focus inside it goes back to its trigger.
+  _escapePanel(e) {
+    clearTimeout(this._hoverTimer);
+    this._hoverPanel = null;
+    const panel = Array.from(this.el.querySelectorAll(".navigation-rail-panel")).find(
+      (el) => el.matches(":popover-open")
+    );
+    if (!panel) return false;
+    if (panel.querySelector(":popover-open")) return true;
+    const root = this.el.getRootNode();
+    const hadFocus = panel.contains(root.activeElement);
+    panel.hidePopover();
+    if (hadFocus) panel.previousElementSibling?.focus();
+    e.preventDefault();
+    return true;
+  }
+  // The scrim is the rail's own ::before, so a click on blank space inside the
+  // rail targets the rail just as a scrim click does. Only a click beside the
+  // rail's box landed on the scrim; a modal rail spans the full height.
+  _isScrimClick(e) {
+    if (e.target !== this.el) return false;
+    const { left, right } = this.el.getBoundingClientRect();
+    return e.clientX < left || e.clientX > right;
+  }
+};
+NavigationRail.key = "Expressive_NavigationRail";
+
+export {
+  NavigationRail
+};
+//# sourceMappingURL=chunk-Z4GICXR2.mjs.map