@expressivecss/expressive 0.9.1 → 0.10.0

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

@@ -0,0 +1,320 @@
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+
+// src/ts/components/snackbar.ts
+var _defaults = {
+  text: "",
+  action: "",
+  onAction: null,
+  dismissible: false,
+  displayLength: 4e3,
+  inDuration: 300,
+  outDuration: 375,
+  classes: "",
+  completeCallback: null,
+  activationPercent: 0.8,
+  root: null
+};
+var _Snackbar = class _Snackbar {
+  constructor(options = {}) {
+    this._dismissed = false;
+    this._returnFocus = null;
+    this.options = {
+      ..._Snackbar.defaults,
+      ...options
+    };
+    if (options.displayLength === void 0 && this.options.action) {
+      this.options.displayLength = Infinity;
+    }
+    if (options.dismissible === void 0 && this.options.action) this.options.dismissible = true;
+    this.message = this.options.text;
+    this.panning = false;
+    this.timeRemaining = this.options.displayLength;
+    while (_Snackbar._snackbars.length > 0) {
+      const snackbar = _Snackbar._snackbars.shift();
+      snackbar._dismissed = true;
+      clearTimeout(snackbar.counterTimeout);
+      snackbar._restoreFocus();
+      snackbar.el.remove();
+    }
+    let focused = document.activeElement;
+    while (focused?.shadowRoot?.activeElement) focused = focused.shadowRoot.activeElement;
+    this._returnFocus = focused instanceof HTMLElement ? focused : null;
+    const root = Utils.portalRoot(this.options.root ?? document.body);
+    if (!_Snackbar._container || !_Snackbar._container.isConnected || _Snackbar._container.parentNode !== root) {
+      if (_Snackbar._container) _Snackbar._removeContainer();
+      _Snackbar._createContainer(root);
+    }
+    _Snackbar._snackbars.push(this);
+    const snackbarElement = this._createSnackbar();
+    snackbarElement["Expressive_Snackbar"] = this;
+    this.el = snackbarElement;
+    this._animateIn();
+    this._setTimer();
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  static getInstance(el) {
+    return el["Expressive_Snackbar"];
+  }
+  static _createContainer(root = document.body) {
+    const container = document.createElement("div");
+    container.setAttribute("id", "snackbar-container");
+    container.addEventListener("pointerdown", _Snackbar._onDragStart);
+    document.addEventListener("pointermove", _Snackbar._onDragMove);
+    document.addEventListener("pointerup", _Snackbar._onDragEnd);
+    document.addEventListener("pointercancel", _Snackbar._onDragCancel);
+    root.appendChild(container);
+    _Snackbar._container = container;
+  }
+  static _removeContainer() {
+    document.removeEventListener("pointermove", _Snackbar._onDragMove);
+    document.removeEventListener("pointerup", _Snackbar._onDragEnd);
+    document.removeEventListener("pointercancel", _Snackbar._onDragCancel);
+    _Snackbar._container.remove();
+    _Snackbar._container = null;
+  }
+  static _onDragStart(e) {
+    if (!e.isPrimary) return;
+    if (e.pointerType === "mouse" && e.button !== 0) return;
+    const target = e.target;
+    if (target && !target.closest("button, a") && target.closest(".snackbar")) {
+      const snackbarElem = target.closest(".snackbar");
+      const snackbar = snackbarElem["Expressive_Snackbar"];
+      if (!snackbar) return;
+      snackbar.panning = true;
+      snackbar._pauseTimer();
+      _Snackbar._draggedSnackbar = snackbar;
+      snackbar.el.classList.add("panning");
+      snackbar.el.style.transition = "";
+      _Snackbar._dragPointerId = e.pointerId;
+      snackbar.startingXPos = e.clientX;
+      snackbar.time = Date.now();
+      snackbar.xPos = e.clientX;
+    }
+  }
+  static _onDragMove(e) {
+    if (_Snackbar._dragPointerId !== e.pointerId) return;
+    if (!!_Snackbar._draggedSnackbar) {
+      e.preventDefault();
+      const snackbar = _Snackbar._draggedSnackbar;
+      snackbar.deltaX = Math.abs(snackbar.xPos - e.clientX);
+      snackbar.xPos = e.clientX;
+      snackbar.velocityX = snackbar.deltaX / (Date.now() - snackbar.time);
+      snackbar.time = Date.now();
+      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;
+      const activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;
+      snackbar.el.style.transform = `translateX(${totalDeltaX}px)`;
+      snackbar.el.style.opacity = (1 - Math.abs(totalDeltaX / activationDistance)).toString();
+    }
+  }
+  static _onDragEnd(e) {
+    if (_Snackbar._dragPointerId !== e.pointerId) return;
+    _Snackbar._dragPointerId = null;
+    if (!!_Snackbar._draggedSnackbar) {
+      const snackbar = _Snackbar._draggedSnackbar;
+      snackbar.panning = false;
+      snackbar.el.classList.remove("panning");
+      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;
+      const activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;
+      const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || snackbar.velocityX > 1;
+      if (shouldBeDismissed) {
+        snackbar.wasSwiped = true;
+        snackbar.dismiss();
+      } else {
+        snackbar.el.style.transition = "transform .2s, opacity .2s";
+        snackbar.el.style.transform = "";
+        snackbar.el.style.opacity = "";
+        snackbar._resumeTimer();
+      }
+      _Snackbar._draggedSnackbar = null;
+    }
+  }
+  /**
+   * A cancelled pointer is not a short swipe. Snap back and resume the timer
+   * without consulting the distance travelled - the browser took the gesture
+   * over, so the movement so far says nothing about what the user wanted.
+   */
+  static _onDragCancel(e) {
+    if (_Snackbar._dragPointerId !== e.pointerId) return;
+    _Snackbar._dragPointerId = null;
+    const snackbar = _Snackbar._draggedSnackbar;
+    if (!snackbar) return;
+    snackbar.panning = false;
+    snackbar.el.classList.remove("panning");
+    snackbar.el.style.transition = "transform .2s, opacity .2s";
+    snackbar.el.style.transform = "";
+    snackbar.el.style.opacity = "";
+    snackbar._resumeTimer();
+    _Snackbar._draggedSnackbar = null;
+  }
+  /**
+   * dismiss all snackbars.
+   */
+  static dismissAll() {
+    for (const snackbar of [..._Snackbar._snackbars]) {
+      snackbar.dismiss();
+    }
+  }
+  _createSnackbar() {
+    let snackbar = this.options.snackbarId ? Utils.getElementById(this.options.root ?? document.body, this.options.snackbarId) : document.createElement("div");
+    if (snackbar instanceof HTMLTemplateElement) {
+      const node = snackbar.content.cloneNode(true);
+      snackbar = node.firstElementChild;
+    }
+    snackbar.classList.add("snackbar");
+    snackbar.setAttribute("role", "status");
+    snackbar.setAttribute("aria-live", "polite");
+    snackbar.setAttribute("aria-atomic", "true");
+    snackbar.inert = false;
+    snackbar.addEventListener("focusin", (e) => {
+      if (e.relatedTarget instanceof HTMLElement && !snackbar.contains(e.relatedTarget)) {
+        this._returnFocus = e.relatedTarget;
+      }
+      this._pauseTimer();
+    });
+    snackbar.addEventListener("keydown", (e) => {
+      if (e.key !== "Escape" || e.defaultPrevented || this._dismissed) return;
+      e.preventDefault();
+      e.stopPropagation();
+      this.dismiss();
+    });
+    snackbar.addEventListener("focusout", () => setTimeout(() => this._resumeTimer(), 0));
+    snackbar.addEventListener("pointerenter", () => this._pauseTimer());
+    snackbar.addEventListener("pointerleave", () => this._resumeTimer());
+    if (this.options.classes.length > 0) {
+      snackbar.classList.add(...this.options.classes.split(" ").filter(Boolean));
+    }
+    if (this.message) {
+      const text = document.createElement("p");
+      text.textContent = this.message;
+      snackbar.replaceChildren(text);
+    }
+    if (this.options.action) {
+      const action = document.createElement("button");
+      action.type = "button";
+      action.textContent = this.options.action;
+      action.addEventListener("click", (e) => {
+        e.stopPropagation();
+        if (this._dismissed) return;
+        try {
+          if (typeof this.options.onAction === "function") this.options.onAction();
+        } finally {
+          this.dismiss();
+        }
+      });
+      snackbar.appendChild(action);
+    }
+    if (this.options.dismissible) {
+      const close = document.createElement("button");
+      close.type = "button";
+      close.className = "circle";
+      close.setAttribute("aria-label", "Dismiss");
+      const icon = document.createElement("i");
+      icon.className = "material-symbols";
+      icon.setAttribute("aria-hidden", "true");
+      icon.textContent = "close";
+      close.appendChild(icon);
+      close.addEventListener("click", (e) => {
+        e.stopPropagation();
+        this.dismiss();
+      });
+      snackbar.appendChild(close);
+    }
+    _Snackbar._container.appendChild(snackbar);
+    return snackbar;
+  }
+  _animateIn() {
+    this.el.style.display = "";
+    this.el.style.opacity = "0";
+    this.el.style.transform = "translateY(24px)";
+    this.el.style.transition = `
+      transform ${this.options.inDuration}ms ease,
+      opacity ${this.options.inDuration}ms ease
+    `;
+    setTimeout(() => {
+      this.el.style.transform = "";
+      this.el.style.opacity = "1";
+    }, 1);
+  }
+  /**
+   * Arm the dismissal timer.
+   *
+   * One timeout, not a 20ms interval ticking a counter down: the old form woke
+   * the page up 50 times a second per snackbar purely to subtract 20 from a
+   * number. Dragging pauses the countdown via _pauseTimer/_resumeTimer instead.
+   */
+  _setTimer() {
+    if (this.timeRemaining === Infinity) return;
+    this._deadline = Date.now() + this.timeRemaining;
+    this.counterTimeout = setTimeout(() => this.dismiss(), this.timeRemaining);
+  }
+  /** Stop the countdown, banking the time that was left on it. */
+  _pauseTimer() {
+    if (this.counterTimeout == null) return;
+    clearTimeout(this.counterTimeout);
+    this.counterTimeout = null;
+    this.timeRemaining = Math.max(0, this._deadline - Date.now());
+  }
+  /** Restart a countdown stopped by {@link _pauseTimer}. */
+  _resumeTimer() {
+    if (this._dismissed || this.panning || this.el.matches(":hover, :focus-within") || this.counterTimeout != null) return;
+    this._setTimer();
+  }
+  _restoreFocus() {
+    const focused = this.el.getRootNode().activeElement;
+    if (focused && this.el.contains(focused) && this._returnFocus?.isConnected) {
+      this._returnFocus.focus({ preventScroll: true });
+    }
+    this.el.inert = true;
+  }
+  /**
+   * Dismiss snackbar with animation.
+   */
+  dismiss() {
+    if (this._dismissed) return;
+    this._dismissed = true;
+    clearTimeout(this.counterTimeout);
+    this.counterTimeout = null;
+    this._restoreFocus();
+    const activationDistance = this.el.offsetWidth * this.options.activationPercent;
+    if (this.wasSwiped) {
+      this.el.style.transition = "transform .05s, opacity .05s";
+      this.el.style.transform = `translateX(${activationDistance}px)`;
+      this.el.style.opacity = "0";
+    }
+    this.el.style.transition = `
+      margin ${this.options.outDuration}ms ease,
+      opacity ${this.options.outDuration}ms ease`;
+    setTimeout(() => {
+      this.el.style.opacity = "0";
+      this.el.style.marginTop = "-40px";
+    }, 1);
+    setTimeout(() => {
+      if (typeof this.options.completeCallback === "function") {
+        this.options.completeCallback();
+      }
+      if (this.el.id != this.options.snackbarId) {
+        this.el.remove();
+        const index = _Snackbar._snackbars.indexOf(this);
+        if (index >= 0) _Snackbar._snackbars.splice(index, 1);
+        if (_Snackbar._snackbars.length === 0 && _Snackbar._container && _Snackbar._container.childElementCount === 0) {
+          _Snackbar._removeContainer();
+        }
+      }
+    }, this.options.outDuration);
+  }
+};
+/** Which pointer owns the drag in flight; a second finger is ignored. */
+_Snackbar._dragPointerId = null;
+_Snackbar._snackbars = [];
+_Snackbar._container = null;
+_Snackbar._draggedSnackbar = null;
+var Snackbar = _Snackbar;
+
+export {
+  Snackbar
+};
+//# sourceMappingURL=chunk-GY2Z5CJ2.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/snackbar.ts"],
+  "sourcesContent": ["import { BaseOptions } from '../core/component';\nimport { Utils } from '../core/utils';\n\nexport interface SnackbarOptions extends BaseOptions {\n  /**\n   * The content of the Snackbar.\n   * @default \"\"\n   */\n  text: string;\n  /**\n   * Optional action label. Rendered as a trailing text button.\n   * @default \"\"\n   */\n  action: string;\n  /**\n   * Called when the action button is pressed. The snackbar still dismisses.\n   * @default null\n   */\n  onAction: () => void;\n  /**\n   * Show a trailing close icon button.\n   * Defaults to true when action is set, otherwise false.\n   */\n  dismissible: boolean;\n  /**\n   * Element id of a `<template>` (or another element) used as the snackbar body.\n   * @default \"\"\n   */\n  snackbarId?: string;\n  /**\n   * Length in ms the Snackbar stays before dismissal.\n   * `Infinity` keeps it on screen until the user acts.\n   * When `action` is set and this is omitted, the default is Infinity.\n   * @default 4000\n   */\n  displayLength: number;\n  /**\n   * Transition in duration in milliseconds.\n   * @default 300\n   */\n  inDuration: number;\n  /**\n   * Transition out duration in milliseconds.\n   * @default 375\n   */\n  outDuration: number;\n  /**\n   * Classes to be added to the snackbar element.\n   * @default \"\"\n   */\n  classes: string;\n  /**\n   * Callback function called when the snackbar is dismissed.\n   * @default null\n   */\n  completeCallback: () => void;\n  /**\n   * The percentage of the snackbar's width it takes for a drag\n   * to dismiss a Snackbar.\n   * @default 0.8\n   */\n  activationPercent: number;\n  /**\n   * Any element in the tree the snackbar should render into. A Snackbar has no\n   * originating element to infer this from, so pass one when the page lives in\n   * a shadow root \u2014 the container is appended to that root instead of to\n   * `document.body`, where a root-scoped stylesheet could not reach it.\n   * @default null\n   */\n  root: HTMLElement;\n}\n\nconst _defaults: SnackbarOptions = {\n  text: '',\n  action: '',\n  onAction: null,\n  dismissible: false,\n  displayLength: 4000,\n  inDuration: 300,\n  outDuration: 375,\n  classes: '',\n  completeCallback: null,\n  activationPercent: 0.8,\n  root: null\n};\n\nexport class Snackbar {\n  /** The snackbar element. */\n  el: HTMLElement;\n  /**\n   * The remaining amount of time in ms that the snackbar\n   * will stay before dismissal.\n   */\n  timeRemaining: number;\n  /**\n   * Describes the current pan state of the Snackbar.\n   */\n  panning: boolean;\n  options: SnackbarOptions;\n  message: string;\n  counterTimeout: ReturnType<typeof setTimeout>;\n  /** Wall-clock time the snackbar is due to dismiss, for pause/resume. */\n  private _deadline: number;\n  wasSwiped: boolean;\n  startingXPos: number;\n  xPos: number;\n  time: number;\n  deltaX: number;\n  velocityX: number;\n  private _dismissed = false;\n  private _returnFocus: HTMLElement | null = null;\n\n  static _snackbars: Snackbar[];\n  static _container: HTMLElement;\n  static _draggedSnackbar: Snackbar;\n  /** Which pointer owns the drag in flight; a second finger is ignored. */\n  static _dragPointerId: number | null = null;\n\n  constructor(options: Partial<SnackbarOptions> = {}) {\n    this.options = {\n      ...Snackbar.defaults,\n      ...options\n    };\n    if (options.displayLength === undefined && this.options.action) {\n      this.options.displayLength = Infinity;\n    }\n    if (options.dismissible === undefined && this.options.action) this.options.dismissible = true;\n    this.message = this.options.text;\n    this.panning = false;\n    this.timeRemaining = this.options.displayLength;\n    // One snackbar at a time so a new update does not stack over the page.\n    while (Snackbar._snackbars.length > 0) {\n      const snackbar = Snackbar._snackbars.shift();\n      snackbar._dismissed = true;\n      clearTimeout(snackbar.counterTimeout);\n      snackbar._restoreFocus();\n      snackbar.el.remove();\n    }\n    let focused = document.activeElement;\n    while (focused?.shadowRoot?.activeElement) focused = focused.shadowRoot.activeElement;\n    this._returnFocus = focused instanceof HTMLElement ? focused : null;\n    // One container serves every snackbar, and only one snackbar shows at a\n    // time \u2014 so it is moved rather than duplicated when the root changes.\n    const root = Utils.portalRoot(this.options.root ?? document.body);\n    if (\n      !Snackbar._container ||\n      !Snackbar._container.isConnected ||\n      Snackbar._container.parentNode !== root\n    ) {\n      if (Snackbar._container) Snackbar._removeContainer();\n      Snackbar._createContainer(root);\n    }\n    Snackbar._snackbars.push(this);\n    const snackbarElement = this._createSnackbar();\n    snackbarElement['Expressive_Snackbar'] = this;\n    this.el = snackbarElement;\n    this._animateIn();\n    this._setTimer();\n  }\n\n  static get defaults(): SnackbarOptions {\n    return _defaults;\n  }\n\n  static getInstance(el: HTMLElement): Snackbar {\n    return el['Expressive_Snackbar'];\n  }\n\n  static _createContainer(root: HTMLElement | ShadowRoot = document.body) {\n    const container = document.createElement('div');\n    container.setAttribute('id', 'snackbar-container');\n    // One listener per stage. These used to be a touch trio on the container\n    // plus a mouse trio split across the container and the document, with a\n    // helper picking `targetTouches[0].clientX` or `clientX` apart afterwards.\n    // Move and up stay on the document so a drag that leaves the container\n    // still completes.\n    container.addEventListener('pointerdown', Snackbar._onDragStart);\n    document.addEventListener('pointermove', Snackbar._onDragMove);\n    document.addEventListener('pointerup', Snackbar._onDragEnd);\n    document.addEventListener('pointercancel', Snackbar._onDragCancel);\n    root.appendChild(container);\n    Snackbar._container = container;\n  }\n\n  static _removeContainer() {\n    document.removeEventListener('pointermove', Snackbar._onDragMove);\n    document.removeEventListener('pointerup', Snackbar._onDragEnd);\n    document.removeEventListener('pointercancel', Snackbar._onDragCancel);\n    Snackbar._container.remove();\n    Snackbar._container = null;\n  }\n\n  static _onDragStart(e: PointerEvent) {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    const target = e.target as HTMLElement | null;\n    // Don't start a swipe from the action or close \u2014 those are buttons.\n    if (target && !target.closest('button, a') && target.closest('.snackbar')) {\n      const snackbarElem = target.closest('.snackbar') as HTMLElement;\n      const snackbar: Snackbar = snackbarElem['Expressive_Snackbar'];\n      if (!snackbar) return;\n      snackbar.panning = true;\n      snackbar._pauseTimer();\n      Snackbar._draggedSnackbar = snackbar;\n      snackbar.el.classList.add('panning');\n      snackbar.el.style.transition = '';\n      Snackbar._dragPointerId = e.pointerId;\n      snackbar.startingXPos = e.clientX;\n      snackbar.time = Date.now();\n      snackbar.xPos = e.clientX;\n    }\n  }\n\n  static _onDragMove(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    if (!!Snackbar._draggedSnackbar) {\n      e.preventDefault();\n      const snackbar = Snackbar._draggedSnackbar;\n      snackbar.deltaX = Math.abs(snackbar.xPos - e.clientX);\n      snackbar.xPos = e.clientX;\n      snackbar.velocityX = snackbar.deltaX / (Date.now() - snackbar.time);\n      snackbar.time = Date.now();\n\n      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;\n      const activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;\n      snackbar.el.style.transform = `translateX(${totalDeltaX}px)`;\n      snackbar.el.style.opacity = (1 - Math.abs(totalDeltaX / activationDistance)).toString();\n    }\n  }\n\n  static _onDragEnd(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    Snackbar._dragPointerId = null;\n    if (!!Snackbar._draggedSnackbar) {\n      const snackbar = Snackbar._draggedSnackbar;\n      snackbar.panning = false;\n      snackbar.el.classList.remove('panning');\n\n      const totalDeltaX = snackbar.xPos - snackbar.startingXPos;\n      const activationDistance = snackbar.el.offsetWidth * snackbar.options.activationPercent;\n      const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || snackbar.velocityX > 1;\n\n      // Remove snackbar\n      if (shouldBeDismissed) {\n        snackbar.wasSwiped = true;\n        snackbar.dismiss();\n        // Animate snackbar back to original position\n      } else {\n        snackbar.el.style.transition = 'transform .2s, opacity .2s';\n        snackbar.el.style.transform = '';\n        snackbar.el.style.opacity = '';\n        snackbar._resumeTimer();\n      }\n      Snackbar._draggedSnackbar = null;\n    }\n  }\n\n  /**\n   * A cancelled pointer is not a short swipe. Snap back and resume the timer\n   * without consulting the distance travelled - the browser took the gesture\n   * over, so the movement so far says nothing about what the user wanted.\n   */\n  static _onDragCancel(e: PointerEvent) {\n    if (Snackbar._dragPointerId !== e.pointerId) return;\n    Snackbar._dragPointerId = null;\n    const snackbar = Snackbar._draggedSnackbar;\n    if (!snackbar) return;\n    snackbar.panning = false;\n    snackbar.el.classList.remove('panning');\n    snackbar.el.style.transition = 'transform .2s, opacity .2s';\n    snackbar.el.style.transform = '';\n    snackbar.el.style.opacity = '';\n    snackbar._resumeTimer();\n    Snackbar._draggedSnackbar = null;\n  }\n\n  /**\n   * dismiss all snackbars.\n   */\n  static dismissAll() {\n    // Copy first: dismiss() splices the list it is iterating.\n    for (const snackbar of [...Snackbar._snackbars]) {\n      snackbar.dismiss();\n    }\n  }\n\n  _createSnackbar() {\n    let snackbar: HTMLElement = this.options.snackbarId\n      ? Utils.getElementById(this.options.root ?? document.body, this.options.snackbarId)\n      : document.createElement('div');\n    if (snackbar instanceof HTMLTemplateElement) {\n      const node = (snackbar as HTMLTemplateElement).content.cloneNode(true);\n      snackbar = (node as HTMLElement).firstElementChild as HTMLElement;\n    }\n    snackbar.classList.add('snackbar');\n    snackbar.setAttribute('role', 'status');\n    snackbar.setAttribute('aria-live', 'polite');\n    snackbar.setAttribute('aria-atomic', 'true');\n    snackbar.inert = false;\n    snackbar.addEventListener('focusin', (e) => {\n      if (e.relatedTarget instanceof HTMLElement && !snackbar.contains(e.relatedTarget)) {\n        this._returnFocus = e.relatedTarget;\n      }\n      this._pauseTimer();\n    });\n    snackbar.addEventListener('keydown', (e) => {\n      if (e.key !== 'Escape' || e.defaultPrevented || this._dismissed) return;\n      e.preventDefault();\n      e.stopPropagation();\n      this.dismiss();\n    });\n    snackbar.addEventListener('focusout', () => setTimeout(() => this._resumeTimer(), 0));\n    snackbar.addEventListener('pointerenter', () => this._pauseTimer());\n    snackbar.addEventListener('pointerleave', () => this._resumeTimer());\n    // Add custom classes onto snackbar\n    if (this.options.classes.length > 0) {\n      snackbar.classList.add(...this.options.classes.split(' ').filter(Boolean));\n    }\n    if (this.message) {\n      const text = document.createElement('p');\n      text.textContent = this.message;\n      snackbar.replaceChildren(text);\n    }\n    if (this.options.action) {\n      const action = document.createElement('button');\n      action.type = 'button';\n      action.textContent = this.options.action;\n      action.addEventListener('click', (e) => {\n        e.stopPropagation();\n        if (this._dismissed) return;\n        try {\n          if (typeof this.options.onAction === 'function') this.options.onAction();\n        } finally {\n          this.dismiss();\n        }\n      });\n      snackbar.appendChild(action);\n    }\n    if (this.options.dismissible) {\n      const close = document.createElement('button');\n      close.type = 'button';\n      close.className = 'circle';\n      close.setAttribute('aria-label', 'Dismiss');\n      const icon = document.createElement('i');\n      icon.className = 'material-symbols';\n      icon.setAttribute('aria-hidden', 'true');\n      icon.textContent = 'close';\n      close.appendChild(icon);\n      close.addEventListener('click', (e) => {\n        e.stopPropagation();\n        this.dismiss();\n      });\n      snackbar.appendChild(close);\n    }\n    Snackbar._container.appendChild(snackbar);\n    return snackbar;\n  }\n\n  _animateIn() {\n    this.el.style.display = '';\n    this.el.style.opacity = '0';\n    this.el.style.transform = 'translateY(24px)';\n    this.el.style.transition = `\n      transform ${this.options.inDuration}ms ease,\n      opacity ${this.options.inDuration}ms ease\n    `;\n    setTimeout(() => {\n      this.el.style.transform = '';\n      this.el.style.opacity = '1';\n    }, 1);\n  }\n\n  /**\n   * Arm the dismissal timer.\n   *\n   * One timeout, not a 20ms interval ticking a counter down: the old form woke\n   * the page up 50 times a second per snackbar purely to subtract 20 from a\n   * number. Dragging pauses the countdown via _pauseTimer/_resumeTimer instead.\n   */\n  _setTimer() {\n    if (this.timeRemaining === Infinity) return;\n    this._deadline = Date.now() + this.timeRemaining;\n    this.counterTimeout = setTimeout(() => this.dismiss(), this.timeRemaining);\n  }\n\n  /** Stop the countdown, banking the time that was left on it. */\n  _pauseTimer() {\n    if (this.counterTimeout == null) return;\n    clearTimeout(this.counterTimeout);\n    this.counterTimeout = null;\n    this.timeRemaining = Math.max(0, this._deadline - Date.now());\n  }\n\n  /** Restart a countdown stopped by {@link _pauseTimer}. */\n  _resumeTimer() {\n    if (this._dismissed || this.panning || this.el.matches(':hover, :focus-within') || this.counterTimeout != null) return;\n    this._setTimer();\n  }\n\n  private _restoreFocus() {\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    if (focused && this.el.contains(focused) && this._returnFocus?.isConnected) {\n      this._returnFocus.focus({ preventScroll: true });\n    }\n    this.el.inert = true;\n  }\n\n  /**\n   * Dismiss snackbar with animation.\n   */\n  dismiss() {\n    if (this._dismissed) return;\n    this._dismissed = true;\n    clearTimeout(this.counterTimeout);\n    this.counterTimeout = null;\n    this._restoreFocus();\n    const activationDistance = this.el.offsetWidth * this.options.activationPercent;\n\n    if (this.wasSwiped) {\n      this.el.style.transition = 'transform .05s, opacity .05s';\n      this.el.style.transform = `translateX(${activationDistance}px)`;\n      this.el.style.opacity = '0';\n    }\n\n    // easeOutExpo\n    this.el.style.transition = `\n      margin ${this.options.outDuration}ms ease,\n      opacity ${this.options.outDuration}ms ease`;\n\n    setTimeout(() => {\n      this.el.style.opacity = '0';\n      this.el.style.marginTop = '-40px';\n    }, 1);\n\n    setTimeout(() => {\n      // Call the optional callback\n      if (typeof this.options.completeCallback === 'function') {\n        this.options.completeCallback();\n      }\n      // Remove snackbar from DOM\n      if (this.el.id != this.options.snackbarId) {\n        this.el.remove();\n        // Guarded: splice(-1, 1) on an already-removed snackbar would drop an\n        // unrelated one off the end of the list.\n        const index = Snackbar._snackbars.indexOf(this);\n        if (index >= 0) Snackbar._snackbars.splice(index, 1);\n        if (\n          Snackbar._snackbars.length === 0 &&\n          Snackbar._container &&\n          Snackbar._container.childElementCount === 0\n        ) {\n          Snackbar._removeContainer();\n        }\n      }\n    }, this.options.outDuration);\n  }\n\n  static {\n    Snackbar._snackbars = [];\n    Snackbar._container = null;\n    Snackbar._draggedSnackbar = null;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,191 @@
+import {
+  Utils
+} from "./chunk-MISGHDUU.mjs";
+import {
+  Component
+} from "./chunk-QSQ24FYT.mjs";
+
+// src/ts/components/slider.ts
+var _defaults = {};
+var Slider = class _Slider extends Component {
+  constructor(el, options) {
+    super(el, options, _Slider);
+    this._resizeObserver = null;
+    this._handleRangeChange = () => {
+      this._clampDual();
+      this._sync();
+      this.thumb.classList.add("active");
+    };
+    this._handleRangePointerDown = (e) => {
+      if (!e.isPrimary) return;
+      if (e.pointerType === "mouse" && e.button !== 0) return;
+      this._pointerDown = true;
+      this.el.classList.add("active");
+      this._clampDual();
+      this._sync();
+      this.thumb.classList.add("active");
+    };
+    this._handleRangeInputOrMove = (e) => {
+      if (e.type === "input" || this._pointerDown) {
+        this._clampDual();
+        this._sync();
+        this.thumb.classList.add("active");
+      }
+    };
+    this._handleRangePointerUp = (e) => {
+      if (!e.isPrimary) return;
+      this._pointerDown = false;
+      this.el.classList.remove("active");
+    };
+    this._handleRangeRelease = () => {
+      if (!this._pointerDown) {
+        this.thumb.classList.remove("active");
+      }
+    };
+    this.el["Expressive_Slider"] = this;
+    this.options = {
+      ..._Slider.defaults,
+      ...options
+    };
+    this._pointerDown = false;
+    this._setupThumb();
+    this._sync();
+    this._setupEventHandlers();
+    if (typeof ResizeObserver !== "undefined") {
+      this._resizeObserver = new ResizeObserver(() => this._sync());
+      this._resizeObserver.observe(this.el);
+    }
+  }
+  static get defaults() {
+    return _defaults;
+  }
+  /**
+   * Initializes instances of Slider.
+   * @param els HTML elements.
+   * @param options Component options.
+   */
+  static init(els, options = {}) {
+    return super.init(els, options, _Slider);
+  }
+  static getInstance(el) {
+    return el["Expressive_Slider"];
+  }
+  destroy() {
+    this._resizeObserver?.disconnect();
+    this._removeEventHandlers();
+    this._removeThumb();
+    this.el["Expressive_Slider"] = void 0;
+  }
+  // Eleven listeners used to cover four stages, because each one was written
+  // twice - once for mouse, once for touch. One of the touch spellings,
+  // `touchleave`, was never implemented by any browser at all.
+  _setupEventHandlers() {
+    this.el.addEventListener("change", this._handleRangeChange);
+    this.el.addEventListener("pointerdown", this._handleRangePointerDown);
+    this.el.addEventListener("input", this._handleRangeInputOrMove);
+    this.el.addEventListener("pointermove", this._handleRangeInputOrMove, { passive: true });
+    this.el.addEventListener("pointerup", this._handleRangePointerUp);
+    this.el.addEventListener("pointercancel", this._handleRangePointerUp);
+    this.el.addEventListener("blur", this._handleRangeRelease);
+    this.el.addEventListener("mouseout", this._handleRangeRelease);
+  }
+  _removeEventHandlers() {
+    this.el.removeEventListener("change", this._handleRangeChange);
+    this.el.removeEventListener("pointerdown", this._handleRangePointerDown);
+    this.el.removeEventListener("input", this._handleRangeInputOrMove);
+    this.el.removeEventListener("pointermove", this._handleRangeInputOrMove);
+    this.el.removeEventListener("pointerup", this._handleRangePointerUp);
+    this.el.removeEventListener("pointercancel", this._handleRangePointerUp);
+    this.el.removeEventListener("blur", this._handleRangeRelease);
+    this.el.removeEventListener("mouseout", this._handleRangeRelease);
+  }
+  _setupThumb() {
+    this.thumb = document.createElement("span");
+    this.value = document.createElement("span");
+    this.thumb.classList.add("thumb");
+    this.value.classList.add("value");
+    this.thumb.append(this.value);
+    this.el.after(this.thumb);
+  }
+  _removeThumb() {
+    this.thumb.remove();
+  }
+  _isVertical() {
+    return !!this.el.closest(".vertical");
+  }
+  _host() {
+    return this.el.closest(".slider, .range, .range-field, label");
+  }
+  _clampDual() {
+    const host = this._host();
+    const peers = host?.querySelectorAll('input[type="range"]');
+    if (!peers || peers.length !== 2) return;
+    const start = peers[0];
+    const end = peers[1];
+    if (this.el === start && +start.value > +end.value) start.value = end.value;
+    if (this.el === end && +end.value < +start.value) end.value = start.value;
+  }
+  _fraction(el) {
+    const parsedMax = parseFloat(el.max);
+    const max = Number.isNaN(parsedMax) ? 100 : parsedMax;
+    const min = parseFloat(el.min) || 0;
+    const val = parseFloat(el.value) || 0;
+    return max === min ? 0 : (val - min) / (max - min);
+  }
+  _sync() {
+    const percent = this._fraction(this.el);
+    const fraction = `${percent * 100}%`;
+    const left = this.el.offsetLeft;
+    const top = this.el.offsetTop;
+    const width = this.el.offsetWidth;
+    const height = this.el.offsetHeight;
+    const style = getComputedStyle(this.el);
+    const rtl = style.direction === "rtl";
+    const vertical = this._isVertical();
+    const handle = parseFloat(style.getPropertyValue("--md-comp-slider-handle-width")) || 4;
+    const length = vertical ? height : width;
+    const position = handle / 2 + percent * (length - handle);
+    this.el.style.setProperty("--md-comp-slider-active-fraction", fraction);
+    this.el.style.setProperty("--md-comp-slider-active-position", `${position}px`);
+    const host = this._host();
+    const peers = host?.querySelectorAll('input[type="range"]');
+    if (host && peers && peers.length === 2) {
+      const nums = Array.from(peers).map((el) => this._fraction(el));
+      host.style.setProperty("--md-comp-slider-start-fraction", `${Math.min(...nums) * 100}%`);
+      host.style.setProperty("--md-comp-slider-end-fraction", `${Math.max(...nums) * 100}%`);
+      host.style.setProperty("--md-comp-slider-start-position", `${handle / 2 + Math.min(...nums) * (length - handle)}px`);
+      host.style.setProperty("--md-comp-slider-end-position", `${handle / 2 + Math.max(...nums) * (length - handle)}px`);
+    }
+    if (host?.classList.contains("stops")) {
+      const parsedMax = parseFloat(this.el.max);
+      const max = Number.isNaN(parsedMax) ? 100 : parsedMax;
+      const min = parseFloat(this.el.min) || 0;
+      const step = parseFloat(this.el.step);
+      if (step > 0 && Number.isFinite(step)) {
+        const n = Math.round((max - min) / step) + 1;
+        host.style.setProperty("--md-comp-slider-stop-count", String(Math.max(2, n)));
+      }
+    }
+    this.value.textContent = this.el.value;
+    if (vertical) {
+      this.thumb.style.left = `${left + width / 2}px`;
+      this.thumb.style.top = `${top + height - position}px`;
+    } else {
+      this.thumb.style.left = `${left + (rtl ? width - position : position)}px`;
+      this.thumb.style.top = `${top}px`;
+    }
+  }
+  /**
+   * Initializes every range input in the current document.
+   */
+  static Init() {
+    Utils.onDocumentReady(() => {
+      _Slider.init(document.querySelectorAll("input[type=range]"), {});
+    });
+  }
+};
+
+export {
+  Slider
+};
+//# sourceMappingURL=chunk-JKNPQQWY.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ts/components/slider.ts"],
+  "sourcesContent": ["import { Component, BaseOptions, InitElements, InitElement } from '../core/component';\nimport { Utils } from '../core/utils';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface SliderOptions extends BaseOptions {}\n\nconst _defaults: SliderOptions = {};\n\nexport class Slider extends Component<SliderOptions> {\n  declare el: HTMLInputElement;\n  private _pointerDown: boolean;\n  private _resizeObserver: ResizeObserver | null = null;\n  value: HTMLElement;\n  thumb: HTMLElement;\n\n  constructor(el: HTMLInputElement, options: Partial<SliderOptions>) {\n    super(el, options, Slider);\n    this.el['Expressive_Slider'] = this;\n\n    this.options = {\n      ...Slider.defaults,\n      ...options\n    };\n\n    this._pointerDown = false;\n    this._setupThumb();\n    this._sync();\n    this._setupEventHandlers();\n    if (typeof ResizeObserver !== 'undefined') {\n      this._resizeObserver = new ResizeObserver(() => this._sync());\n      this._resizeObserver.observe(this.el);\n    }\n  }\n\n  static get defaults(): SliderOptions {\n    return _defaults;\n  }\n\n  /**\n   * Initializes instance of Slider.\n   * @param el HTML element.\n   * @param options Component options.\n   */\n  static init(el: HTMLInputElement, options?: Partial<SliderOptions>): Slider;\n  /**\n   * Initializes instances of Slider.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: InitElements<HTMLInputElement | InitElement>,\n    options?: Partial<SliderOptions>\n  ): Slider[];\n  /**\n   * Initializes instances of Slider.\n   * @param els HTML elements.\n   * @param options Component options.\n   */\n  static init(\n    els: HTMLInputElement | InitElements<HTMLInputElement | InitElement>,\n    options: Partial<SliderOptions> = {}\n  ): Slider | Slider[] {\n    return super.init(els, options, Slider);\n  }\n\n  static getInstance(el: HTMLInputElement): Slider {\n    return el['Expressive_Slider'];\n  }\n\n  destroy() {\n    this._resizeObserver?.disconnect();\n    this._removeEventHandlers();\n    this._removeThumb();\n    this.el['Expressive_Slider'] = undefined;\n  }\n\n  // Eleven listeners used to cover four stages, because each one was written\n  // twice - once for mouse, once for touch. One of the touch spellings,\n  // `touchleave`, was never implemented by any browser at all.\n  _setupEventHandlers() {\n    this.el.addEventListener('change', this._handleRangeChange);\n    this.el.addEventListener('pointerdown', this._handleRangePointerDown);\n    this.el.addEventListener('input', this._handleRangeInputOrMove);\n    // Never calls preventDefault, so it does not need to block scrolling.\n    this.el.addEventListener('pointermove', this._handleRangeInputOrMove, { passive: true });\n    this.el.addEventListener('pointerup', this._handleRangePointerUp);\n    this.el.addEventListener('pointercancel', this._handleRangePointerUp);\n    this.el.addEventListener('blur', this._handleRangeRelease);\n    // `mouseout`, not `pointerout`: this used to be a `mouseout`/`touchleave`\n    // pair, and `touchleave` was never implemented by any browser, so the\n    // handler has only ever run for a mouse. `pointerout` also fires when a\n    // touch lifts, which would clear the thumb's active state at a moment\n    // nothing cleared it before.\n    this.el.addEventListener('mouseout', this._handleRangeRelease);\n  }\n\n  _removeEventHandlers() {\n    this.el.removeEventListener('change', this._handleRangeChange);\n    this.el.removeEventListener('pointerdown', this._handleRangePointerDown);\n    this.el.removeEventListener('input', this._handleRangeInputOrMove);\n    this.el.removeEventListener('pointermove', this._handleRangeInputOrMove);\n    this.el.removeEventListener('pointerup', this._handleRangePointerUp);\n    this.el.removeEventListener('pointercancel', this._handleRangePointerUp);\n    this.el.removeEventListener('blur', this._handleRangeRelease);\n    this.el.removeEventListener('mouseout', this._handleRangeRelease);\n  }\n\n  _handleRangeChange = () => {\n    this._clampDual();\n    this._sync();\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangePointerDown = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    if (e.pointerType === 'mouse' && e.button !== 0) return;\n    this._pointerDown = true;\n    this.el.classList.add('active');\n    this._clampDual();\n    this._sync();\n    // An `e.type !== 'input'` guard used to sit here. This handler is only ever\n    // bound to a press, so it was never anything but true.\n    this.thumb.classList.add('active');\n  };\n\n  _handleRangeInputOrMove = (e: Event) => {\n    if (e.type === 'input' || this._pointerDown) {\n      this._clampDual();\n      this._sync();\n      this.thumb.classList.add('active');\n    }\n  };\n\n  _handleRangePointerUp = (e: PointerEvent) => {\n    if (!e.isPrimary) return;\n    this._pointerDown = false;\n    this.el.classList.remove('active');\n  };\n\n  _handleRangeRelease = () => {\n    if (!this._pointerDown) {\n      this.thumb.classList.remove('active');\n    }\n  };\n\n  _setupThumb() {\n    this.thumb = document.createElement('span');\n    this.value = document.createElement('span');\n    this.thumb.classList.add('thumb');\n    this.value.classList.add('value');\n    this.thumb.append(this.value);\n    this.el.after(this.thumb);\n  }\n\n  _removeThumb() {\n    this.thumb.remove();\n  }\n\n  _isVertical(): boolean {\n    return !!this.el.closest('.vertical');\n  }\n\n  _host(): HTMLElement | null {\n    // `.slider` is the documented host now; without it here a dual-handle\n    // control could not find its wrapper, so the handles never clamped and the\n    // shared start/end fractions never tracked the interval.\n    return this.el.closest('.slider, .range, .range-field, label');\n  }\n\n  _clampDual() {\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (!peers || peers.length !== 2) return;\n    const start = peers[0] as HTMLInputElement;\n    const end = peers[1] as HTMLInputElement;\n    if (this.el === start && +start.value > +end.value) start.value = end.value;\n    if (this.el === end && +end.value < +start.value) end.value = start.value;\n  }\n\n  _fraction(el: HTMLInputElement): number {\n    const parsedMax = parseFloat(el.max);\n    const max = Number.isNaN(parsedMax) ? 100 : parsedMax;\n    const min = parseFloat(el.min) || 0;\n    const val = parseFloat(el.value) || 0;\n    return max === min ? 0 : (val - min) / (max - min);\n  }\n\n  _sync() {\n    const percent = this._fraction(this.el);\n    const fraction = `${percent * 100}%`;\n\n    // Read before writing. This runs on every pointer move during a drag, and\n    // setting the custom property first made each of the four offset reads\n    // below flush a fresh layout.\n    const left = this.el.offsetLeft;\n    const top = this.el.offsetTop;\n    const width = this.el.offsetWidth;\n    const height = this.el.offsetHeight;\n    const style = getComputedStyle(this.el);\n    const rtl = style.direction === 'rtl';\n    const vertical = this._isVertical();\n    const handle = parseFloat(style.getPropertyValue('--md-comp-slider-handle-width')) || 4;\n    const length = vertical ? height : width;\n    const position = handle / 2 + percent * (length - handle);\n\n    this.el.style.setProperty('--md-comp-slider-active-fraction', fraction);\n    this.el.style.setProperty('--md-comp-slider-active-position', `${position}px`);\n\n    const host = this._host();\n    const peers = host?.querySelectorAll('input[type=\"range\"]');\n    if (host && peers && peers.length === 2) {\n      const nums = Array.from(peers).map((el) => this._fraction(el as HTMLInputElement));\n      host.style.setProperty('--md-comp-slider-start-fraction', `${Math.min(...nums) * 100}%`);\n      host.style.setProperty('--md-comp-slider-end-fraction', `${Math.max(...nums) * 100}%`);\n      host.style.setProperty('--md-comp-slider-start-position', `${handle / 2 + Math.min(...nums) * (length - handle)}px`);\n      host.style.setProperty('--md-comp-slider-end-position', `${handle / 2 + Math.max(...nums) * (length - handle)}px`);\n    }\n    if (host?.classList.contains('stops')) {\n      const parsedMax = parseFloat(this.el.max);\n      const max = Number.isNaN(parsedMax) ? 100 : parsedMax;\n      const min = parseFloat(this.el.min) || 0;\n      const step = parseFloat(this.el.step);\n      if (step > 0 && Number.isFinite(step)) {\n        const n = Math.round((max - min) / step) + 1;\n        host.style.setProperty('--md-comp-slider-stop-count', String(Math.max(2, n)));\n      }\n    }\n\n    this.value.textContent = this.el.value;\n    if (vertical) {\n      this.thumb.style.left = `${left + width / 2}px`;\n      this.thumb.style.top = `${top + height - position}px`;\n    } else {\n      this.thumb.style.left = `${left + (rtl ? width - position : position)}px`;\n      this.thumb.style.top = `${top}px`;\n    }\n  }\n\n  /**\n   * Initializes every range input in the current document.\n   */\n  static Init() {\n    // Deferred like every other Init(): this ran at import time, so a bundle\n    // loaded in <head> found no inputs at all.\n    Utils.onDocumentReady(() => {\n      Slider.init(document.querySelectorAll('input[type=range]') as NodeListOf<HTMLInputElement>, {});\n    });\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}