@expressivecss/expressive 0.11.0 → 0.13.1

package/dist/js/chunks/{chunk-GY2Z5CJ2.mjs → chunk-NNYP33NB.mjs}

@@ -1,6 +1,6 @@
 import {
   Utils
-} from "./chunk-MISGHDUU.mjs";
+} from "./chunk-6OMRGML6.mjs";
 
 // src/ts/components/snackbar.ts
 var _defaults = {
@@ -20,6 +20,7 @@ var _Snackbar = class _Snackbar {
   constructor(options = {}) {
     this._dismissed = false;
     this._returnFocus = null;
+    this._restoreElement = null;
     this.options = {
       ..._Snackbar.defaults,
       ...options
@@ -34,22 +35,20 @@ var _Snackbar = class _Snackbar {
     while (_Snackbar._snackbars.length > 0) {
       const snackbar = _Snackbar._snackbars.shift();
       snackbar._dismissed = true;
-      clearTimeout(snackbar.counterTimeout);
-      snackbar._restoreFocus();
-      snackbar.el.remove();
+      snackbar._restoreFocus(true);
     }
     let focused = document.activeElement;
     while (focused?.shadowRoot?.activeElement) focused = focused.shadowRoot.activeElement;
     this._returnFocus = focused instanceof HTMLElement ? focused : null;
+    this.el = this._createSnackbar();
     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._container.appendChild(this.el);
+    this.el["Expressive_Snackbar"] = this;
     _Snackbar._snackbars.push(this);
-    const snackbarElement = this._createSnackbar();
-    snackbarElement["Expressive_Snackbar"] = this;
-    this.el = snackbarElement;
     this._animateIn();
     this._setTimer();
   }
@@ -91,6 +90,7 @@ var _Snackbar = class _Snackbar {
       snackbar.el.style.transition = "";
       _Snackbar._dragPointerId = e.pointerId;
       snackbar.startingXPos = e.clientX;
+      snackbar.velocityX = 0;
       snackbar.time = Date.now();
       snackbar.xPos = e.clientX;
     }
@@ -119,7 +119,8 @@ var _Snackbar = class _Snackbar {
       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;
+      const velocity = Date.now() - snackbar.time < 100 ? snackbar.velocityX : 0;
+      const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || velocity > 1;
       if (shouldBeDismissed) {
         snackbar.wasSwiped = true;
         snackbar.dismiss();
@@ -163,7 +164,23 @@ var _Snackbar = class _Snackbar {
     if (snackbar instanceof HTMLTemplateElement) {
       const node = snackbar.content.cloneNode(true);
       snackbar = node.firstElementChild;
+    } else if (snackbar && this.options.snackbarId) {
+      const placeholder = document.createComment("");
+      snackbar.before(placeholder);
+      const children = [...snackbar.childNodes];
+      const attributes = ["class", "style", "role", "aria-live", "aria-atomic", "inert"].map((name) => [name, snackbar.getAttribute(name)]);
+      this._restoreElement = () => {
+        snackbar.replaceChildren(...children);
+        for (const [name, value] of attributes) {
+          if (value === null) snackbar.removeAttribute(name);
+          else snackbar.setAttribute(name, value);
+        }
+        placeholder.replaceWith(snackbar);
+      };
     }
+    if (!snackbar) throw new Error("Snackbar body not found");
+    this._events = new (snackbar.ownerDocument.defaultView ?? window).AbortController();
+    const listenerOptions = { signal: this._events.signal };
     snackbar.classList.add("snackbar");
     snackbar.setAttribute("role", "status");
     snackbar.setAttribute("aria-live", "polite");
@@ -174,16 +191,19 @@ var _Snackbar = class _Snackbar {
         this._returnFocus = e.relatedTarget;
       }
       this._pauseTimer();
-    });
+    }, listenerOptions);
     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());
+    }, listenerOptions);
+    snackbar.addEventListener("focusout", () => {
+      clearTimeout(this._focusTimer);
+      this._focusTimer = setTimeout(() => this._resumeTimer(), 0);
+    }, listenerOptions);
+    snackbar.addEventListener("pointerenter", () => this._pauseTimer(), listenerOptions);
+    snackbar.addEventListener("pointerleave", () => this._resumeTimer(), listenerOptions);
     if (this.options.classes.length > 0) {
       snackbar.classList.add(...this.options.classes.split(" ").filter(Boolean));
     }
@@ -204,7 +224,7 @@ var _Snackbar = class _Snackbar {
         } finally {
           this.dismiss();
         }
-      });
+      }, listenerOptions);
       snackbar.appendChild(action);
     }
     if (this.options.dismissible) {
@@ -220,12 +240,32 @@ var _Snackbar = class _Snackbar {
       close.addEventListener("click", (e) => {
         e.stopPropagation();
         this.dismiss();
-      });
+      }, listenerOptions);
       snackbar.appendChild(close);
     }
-    _Snackbar._container.appendChild(snackbar);
     return snackbar;
   }
+  _remove() {
+    if (this._events.signal.aborted) return;
+    this._events.abort();
+    clearTimeout(this.counterTimeout);
+    clearTimeout(this._transitionTimer);
+    clearTimeout(this._dismissTimer);
+    clearTimeout(this._focusTimer);
+    this.counterTimeout = null;
+    if (_Snackbar._draggedSnackbar === this) {
+      _Snackbar._draggedSnackbar = null;
+      _Snackbar._dragPointerId = null;
+    }
+    this.el["Expressive_Snackbar"] = void 0;
+    if (this._restoreElement) this._restoreElement();
+    else this.el.remove();
+    const index = _Snackbar._snackbars.indexOf(this);
+    if (index >= 0) _Snackbar._snackbars.splice(index, 1);
+    if (!_Snackbar._snackbars.length && _Snackbar._container?.childElementCount === 0) {
+      _Snackbar._removeContainer();
+    }
+  }
   _animateIn() {
     this.el.style.display = "";
     this.el.style.opacity = "0";
@@ -234,7 +274,7 @@ var _Snackbar = class _Snackbar {
       transform ${this.options.inDuration}ms ease,
       opacity ${this.options.inDuration}ms ease
     `;
-    setTimeout(() => {
+    this._transitionTimer = setTimeout(() => {
       this.el.style.transform = "";
       this.el.style.opacity = "1";
     }, 1);
@@ -263,12 +303,12 @@ var _Snackbar = class _Snackbar {
     if (this._dismissed || this.panning || this.el.matches(":hover, :focus-within") || this.counterTimeout != null) return;
     this._setTimer();
   }
-  _restoreFocus() {
+  _restoreFocus(remove = false) {
     const focused = this.el.getRootNode().activeElement;
-    if (focused && this.el.contains(focused) && this._returnFocus?.isConnected) {
-      this._returnFocus.focus({ preventScroll: true });
-    }
+    const returnFocus = focused && this.el.contains(focused) ? this._returnFocus : null;
     this.el.inert = true;
+    if (remove) this._remove();
+    if (returnFocus?.isConnected) returnFocus.focus({ preventScroll: true });
   }
   /**
    * Dismiss snackbar with animation.
@@ -279,6 +319,7 @@ var _Snackbar = class _Snackbar {
     clearTimeout(this.counterTimeout);
     this.counterTimeout = null;
     this._restoreFocus();
+    if (this._events.signal.aborted) return;
     const activationDistance = this.el.offsetWidth * this.options.activationPercent;
     if (this.wasSwiped) {
       this.el.style.transition = "transform .05s, opacity .05s";
@@ -288,22 +329,16 @@ var _Snackbar = class _Snackbar {
     this.el.style.transition = `
       margin ${this.options.outDuration}ms ease,
       opacity ${this.options.outDuration}ms ease`;
-    setTimeout(() => {
+    clearTimeout(this._transitionTimer);
+    this._transitionTimer = setTimeout(() => {
       this.el.style.opacity = "0";
       this.el.style.marginTop = "-40px";
     }, 1);
-    setTimeout(() => {
+    this._dismissTimer = setTimeout(() => {
+      this._remove();
       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);
   }
 };
@@ -317,4 +352,4 @@ var Snackbar = _Snackbar;
 export {
   Snackbar
 };
-//# sourceMappingURL=chunk-GY2Z5CJ2.mjs.map
+//# sourceMappingURL=chunk-NNYP33NB.mjs.map

package/dist/js/chunks/chunk-NNYP33NB.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  private _events: AbortController;\n  private _restoreElement: (() => void) | null = null;\n  private _transitionTimer: ReturnType<typeof setTimeout>;\n  private _dismissTimer: ReturnType<typeof setTimeout>;\n  private _focusTimer: ReturnType<typeof setTimeout>;\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      snackbar._restoreFocus(true);\n    }\n    let focused = document.activeElement;\n    while (focused?.shadowRoot?.activeElement) focused = focused.shadowRoot.activeElement;\n    this._returnFocus = focused instanceof HTMLElement ? focused : null;\n    this.el = this._createSnackbar();\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._container.appendChild(this.el);\n    this.el['Expressive_Snackbar'] = this;\n    Snackbar._snackbars.push(this);\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.velocityX = 0;\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 velocity = Date.now() - snackbar.time < 100 ? snackbar.velocityX : 0;\n      const shouldBeDismissed = Math.abs(totalDeltaX) > activationDistance || velocity > 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    } else if (snackbar && this.options.snackbarId) {\n      const placeholder = document.createComment('');\n      snackbar.before(placeholder);\n      const children = [...snackbar.childNodes];\n      const attributes = ['class', 'style', 'role', 'aria-live', 'aria-atomic', 'inert']\n        .map(name => [name, snackbar.getAttribute(name)]);\n      this._restoreElement = () => {\n        snackbar.replaceChildren(...children);\n        for (const [name, value] of attributes) {\n          if (value === null) snackbar.removeAttribute(name);\n          else snackbar.setAttribute(name, value);\n        }\n        placeholder.replaceWith(snackbar);\n      };\n    }\n    if (!snackbar) throw new Error('Snackbar body not found');\n    this._events = new (snackbar.ownerDocument.defaultView ?? window).AbortController();\n    const listenerOptions = { signal: this._events.signal };\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    }, listenerOptions);\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    }, listenerOptions);\n    snackbar.addEventListener('focusout', () => {\n      clearTimeout(this._focusTimer);\n      this._focusTimer = setTimeout(() => this._resumeTimer(), 0);\n    }, listenerOptions);\n    snackbar.addEventListener('pointerenter', () => this._pauseTimer(), listenerOptions);\n    snackbar.addEventListener('pointerleave', () => this._resumeTimer(), listenerOptions);\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      }, listenerOptions);\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      }, listenerOptions);\n      snackbar.appendChild(close);\n    }\n    return snackbar;\n  }\n\n  private _remove() {\n    if (this._events.signal.aborted) return;\n    this._events.abort();\n    clearTimeout(this.counterTimeout);\n    clearTimeout(this._transitionTimer);\n    clearTimeout(this._dismissTimer);\n    clearTimeout(this._focusTimer);\n    this.counterTimeout = null;\n    if (Snackbar._draggedSnackbar === this) {\n      Snackbar._draggedSnackbar = null;\n      Snackbar._dragPointerId = null;\n    }\n    this.el['Expressive_Snackbar'] = undefined;\n    if (this._restoreElement) this._restoreElement();\n    else this.el.remove();\n    const index = Snackbar._snackbars.indexOf(this);\n    if (index >= 0) Snackbar._snackbars.splice(index, 1);\n    if (!Snackbar._snackbars.length && Snackbar._container?.childElementCount === 0) {\n      Snackbar._removeContainer();\n    }\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    this._transitionTimer = 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(remove = false) {\n    const focused = (this.el.getRootNode() as Document | ShadowRoot).activeElement;\n    const returnFocus = focused && this.el.contains(focused) ? this._returnFocus : null;\n    this.el.inert = true;\n    if (remove) this._remove();\n    if (returnFocus?.isConnected) returnFocus.focus({ preventScroll: 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    if (this._events.signal.aborted) return;\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    clearTimeout(this._transitionTimer);\n    this._transitionTimer = setTimeout(() => {\n      this.el.style.opacity = '0';\n      this.el.style.marginTop = '-40px';\n    }, 1);\n\n    this._dismissTimer = setTimeout(() => {\n      this._remove();\n      // Call the optional callback\n      if (typeof this.options.completeCallback === 'function') {\n        this.options.completeCallback();\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-NQLC3YMW.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-NQLC3YMW.mjs.map