@ixfx/components 0.5.19 → 0.6.0

package/dist/snackbar.d.ts

@@ -0,0 +1,58 @@
+import { LitElement } from "lit";
+//#region src/snackbar/snackbar.d.ts
+type SnackbarMode = `explicit` | `manual` | `implicit`;
+type SnackbarPlacement = `top` | `bottom` | `left` | `right`;
+type SnackbarDismiss = `auto` | `manual`;
+/**
+ * `ixfx-snackbar` is itself the popover panel (`popover="auto"` set on the host) -
+ * unlike `ixfx-menu-trigger`/`ixfx-colour-picker-popup` there's no separate always-visible
+ * trigger living inside the component to keep out of the top layer; the trigger is the
+ * external `for` target, so the whole host can be the popover content.
+ */
+declare class SnackbarElement extends LitElement {
+  for: string;
+  mode: SnackbarMode;
+  placement: SnackbarPlacement;
+  dismiss: SnackbarDismiss;
+  showDelay: number;
+  hideDelay: number;
+  private _isOpen;
+  private _recentCloseAt;
+  private readonly _anchorName;
+  private _target;
+  private _addedTabindex;
+  private _addedRole;
+  private _showTimeout;
+  private _hideTimeout;
+  private readonly _onTargetClick;
+  private readonly _onTargetKeydown;
+  private readonly _onTickleIn;
+  private readonly _onTickleOut;
+  private readonly _onPanelClick;
+  private readonly _onToggle;
+  private readonly _onBeforeToggle;
+  get isOpen(): boolean;
+  show(): void;
+  hide(): void;
+  toggle(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  updated(changed: Map<PropertyKey, unknown>): void;
+  private _resolveTarget;
+  private _attachToTarget;
+  private _detachFromTarget;
+  private _scheduleShow;
+  private _scheduleHide;
+  private _cancelShow;
+  private _cancelHide;
+  static styles: import("lit").CSSResult[];
+  protected render(): import("lit").TemplateResult<1>;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    'ixfx-snackbar': SnackbarElement;
+  }
+}
+//#endregion
+export { SnackbarDismiss, SnackbarElement, SnackbarMode, SnackbarPlacement };
+//# sourceMappingURL=snackbar.d.ts.map

package/dist/snackbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.d.ts","names":[],"sources":["../src/snackbar/snackbar.ts"],"mappings":";;KAMY;KACA;KACA;;;;;;;cAWC,wBAAwB;EACP;EACA,MAAM;EACS,WAAW;EAC1B,SAAS;EACgB;EACA;UAEpC;UAQT;mBAES;UAET;UACA;UACA;UACA;UACA;mBAES;mBACA;mBAQA;mBACA;mBACA;mBAKA;mBAQA;MAKb;EAIJ;EAUA;EAUA;EAkBS;EAYA;EAUA,QAAQ,SAAS,IAAI;UAOtB;UAOA;UAwCA;UA4BA;UAUA;UAUA;UAOA;SAOQ,sBAAM;YA0DH,wBAAM;;QAKnB;YACI;IACR,iBAAiB"}

package/dist/snackbar.js

@@ -0,0 +1,265 @@
+import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
+import { t as popupSurfaceStyles } from "./popup-D80sj2QC.js";
+import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
+import { LitElement, css, html } from "lit";
+import { property, state } from "lit/decorators.js";
+//#region src/snackbar/snackbar.ts
+let _instanceCounter = 0;
+let SnackbarElement = class SnackbarElement extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.for = ``;
+		this.mode = `explicit`;
+		this.placement = `top`;
+		this.dismiss = `auto`;
+		this.showDelay = 150;
+		this.hideDelay = 500;
+		this._isOpen = false;
+		this._anchorName = `--ixfx-snackbar-anchor-${++_instanceCounter}`;
+		this._addedTabindex = false;
+		this._addedRole = false;
+		this._onTargetClick = () => this.toggle();
+		this._onTargetKeydown = (e) => {
+			if (e.key !== `Enter` && e.key !== ` `) return;
+			e.preventDefault();
+			this.toggle();
+		};
+		this._onTickleIn = () => this._scheduleShow();
+		this._onTickleOut = () => this._scheduleHide();
+		this._onPanelClick = () => {
+			if (this.dismiss === `auto`) this.hide();
+		};
+		this._onToggle = (e) => {
+			const { newState } = e;
+			this._isOpen = newState === `open`;
+			if (newState === `closed` && this.contains(document.activeElement)) this._target?.focus();
+		};
+		this._onBeforeToggle = (e) => {
+			const { newState } = e;
+			this._recentCloseAt = newState === `closed` ? performance.now() : void 0;
+		};
+	}
+	get isOpen() {
+		return this._isOpen;
+	}
+	show() {
+		if (!this.popover) return;
+		try {
+			this.showPopover();
+		} catch {}
+	}
+	hide() {
+		if (!this.popover) return;
+		try {
+			this.hidePopover();
+		} catch {}
+	}
+	toggle() {
+		if (!this.popover) return;
+		if (this._recentCloseAt !== void 0 && performance.now() - this._recentCloseAt < 50) {
+			this._recentCloseAt = void 0;
+			return;
+		}
+		try {
+			this.togglePopover();
+		} catch {}
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		if (!this.hasAttribute(`popover`)) this.popover = `auto`;
+		this.classList.add(`popup-surface`);
+		this.addEventListener(`toggle`, this._onToggle);
+		this.addEventListener(`beforetoggle`, this._onBeforeToggle);
+		this.addEventListener(`click`, this._onPanelClick);
+		this.style.setProperty(`position-anchor`, this._anchorName);
+		this._attachToTarget();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		this.removeEventListener(`toggle`, this._onToggle);
+		this.removeEventListener(`beforetoggle`, this._onBeforeToggle);
+		this.removeEventListener(`click`, this._onPanelClick);
+		this._detachFromTarget();
+		this._cancelShow();
+		this._cancelHide();
+	}
+	updated(changed) {
+		super.updated(changed);
+		if (changed.has(`for`) || changed.has(`mode`)) this._attachToTarget();
+	}
+	_resolveTarget() {
+		if (!this.for) return void 0;
+		return this.getRootNode().getElementById(this.for) ?? void 0;
+	}
+	_attachToTarget() {
+		this._detachFromTarget();
+		const target = this._resolveTarget();
+		if (!target) {
+			if (this.for) console.warn(`ixfx-snackbar: no element found with id "${this.for}"`);
+			return;
+		}
+		this._target = target;
+		target.style.setProperty(`anchor-name`, this._anchorName);
+		if (this.mode === `explicit`) {
+			const alreadyFocusable = target.tabIndex >= 0;
+			if (!alreadyFocusable) {
+				target.setAttribute(`tabindex`, `0`);
+				this._addedTabindex = true;
+			}
+			if (!target.hasAttribute(`role`) && !alreadyFocusable) {
+				target.setAttribute(`role`, `button`);
+				this._addedRole = true;
+			}
+			target.setAttribute(`aria-haspopup`, `true`);
+			target.addEventListener(`click`, this._onTargetClick);
+			if (!alreadyFocusable) target.addEventListener(`keydown`, this._onTargetKeydown);
+		} else if (this.mode === `implicit`) {
+			target.addEventListener(`pointerenter`, this._onTickleIn);
+			target.addEventListener(`focus`, this._onTickleIn);
+			target.addEventListener(`pointerleave`, this._onTickleOut);
+			target.addEventListener(`blur`, this._onTickleOut);
+			this.addEventListener(`pointerenter`, this._onTickleIn);
+			this.addEventListener(`focusin`, this._onTickleIn);
+			this.addEventListener(`pointerleave`, this._onTickleOut);
+			this.addEventListener(`focusout`, this._onTickleOut);
+		}
+	}
+	_detachFromTarget() {
+		const target = this._target;
+		if (!target) return;
+		target.style.removeProperty(`anchor-name`);
+		if (this._addedTabindex) {
+			target.removeAttribute(`tabindex`);
+			this._addedTabindex = false;
+		}
+		if (this._addedRole) {
+			target.removeAttribute(`role`);
+			this._addedRole = false;
+		}
+		target.removeAttribute(`aria-haspopup`);
+		target.removeEventListener(`click`, this._onTargetClick);
+		target.removeEventListener(`keydown`, this._onTargetKeydown);
+		target.removeEventListener(`pointerenter`, this._onTickleIn);
+		target.removeEventListener(`focus`, this._onTickleIn);
+		target.removeEventListener(`pointerleave`, this._onTickleOut);
+		target.removeEventListener(`blur`, this._onTickleOut);
+		this.removeEventListener(`pointerenter`, this._onTickleIn);
+		this.removeEventListener(`focusin`, this._onTickleIn);
+		this.removeEventListener(`pointerleave`, this._onTickleOut);
+		this.removeEventListener(`focusout`, this._onTickleOut);
+		this._target = void 0;
+	}
+	_scheduleShow() {
+		this._cancelHide();
+		this._cancelShow();
+		if (this.showDelay <= 0) {
+			this.show();
+			return;
+		}
+		this._showTimeout = window.setTimeout(() => this.show(), this.showDelay);
+	}
+	_scheduleHide() {
+		this._cancelShow();
+		this._cancelHide();
+		if (this.hideDelay <= 0) {
+			this.hide();
+			return;
+		}
+		this._hideTimeout = window.setTimeout(() => this.hide(), this.hideDelay);
+	}
+	_cancelShow() {
+		if (this._showTimeout !== void 0) {
+			window.clearTimeout(this._showTimeout);
+			this._showTimeout = void 0;
+		}
+	}
+	_cancelHide() {
+		if (this._hideTimeout !== void 0) {
+			window.clearTimeout(this._hideTimeout);
+			this._hideTimeout = void 0;
+		}
+	}
+	static {
+		this.styles = [
+			themeFallbacks,
+			popupSurfaceStyles,
+			css`
+    :host {
+      display: flex;
+      align-items: center;
+      gap: var(--space-s);
+      padding: var(--space-s);
+
+      position: fixed;
+      inset: unset;
+      margin: 0;
+      z-index: 100;
+      position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
+
+      opacity: 0;
+      scale: 0.97;
+      pointer-events: none;
+      transition: opacity 0.12s ease-out, scale 0.12s ease-out,
+                  display 0.12s allow-discrete, overlay 0.12s allow-discrete;
+    }
+
+    :host(:popover-open) {
+      opacity: 1;
+      scale: 1;
+      pointer-events: auto;
+    }
+
+    @starting-style {
+      :host(:popover-open) {
+        opacity: 0;
+        scale: 0.97;
+      }
+    }
+
+    :host([placement="top"]) {
+      position-area: block-start;
+      margin-block-end: var(--space-s);
+    }
+
+    :host([placement="bottom"]) {
+      position-area: block-end;
+      margin-block-start: var(--space-s);
+    }
+
+    :host([placement="left"]) {
+      position-area: inline-start;
+      margin-inline-end: var(--space-s);
+    }
+
+    :host([placement="right"]) {
+      position-area: inline-end;
+      margin-inline-start: var(--space-s);
+    }
+  `
+		];
+	}
+	render() {
+		return html`<slot></slot>`;
+	}
+};
+__decorate([property({ type: String })], SnackbarElement.prototype, "for", void 0);
+__decorate([property({ type: String })], SnackbarElement.prototype, "mode", void 0);
+__decorate([property({
+	type: String,
+	reflect: true
+})], SnackbarElement.prototype, "placement", void 0);
+__decorate([property({ type: String })], SnackbarElement.prototype, "dismiss", void 0);
+__decorate([property({
+	type: Number,
+	attribute: `show-delay`
+})], SnackbarElement.prototype, "showDelay", void 0);
+__decorate([property({
+	type: Number,
+	attribute: `hide-delay`
+})], SnackbarElement.prototype, "hideDelay", void 0);
+__decorate([state()], SnackbarElement.prototype, "_isOpen", void 0);
+SnackbarElement = __decorate([safeCustomElement(`ixfx-snackbar`)], SnackbarElement);
+//#endregion
+export { SnackbarElement };
+
+//# sourceMappingURL=snackbar.js.map

package/dist/snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"snackbar.js","names":["customElement"],"sources":["../src/snackbar/snackbar.ts"],"sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { popupSurfaceStyles } from '../styles/popup.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\n\nexport type SnackbarMode = `explicit` | `manual` | `implicit`;\nexport type SnackbarPlacement = `top` | `bottom` | `left` | `right`;\nexport type SnackbarDismiss = `auto` | `manual`;\n\nlet _instanceCounter = 0;\n\n/**\n * `ixfx-snackbar` is itself the popover panel (`popover=\"auto\"` set on the host) -\n * unlike `ixfx-menu-trigger`/`ixfx-colour-picker-popup` there's no separate always-visible\n * trigger living inside the component to keep out of the top layer; the trigger is the\n * external `for` target, so the whole host can be the popover content.\n */\n@customElement(`ixfx-snackbar`)\nexport class SnackbarElement extends LitElement {\n  @property({ type: String }) for = ``;\n  @property({ type: String }) mode: SnackbarMode = `explicit`;\n  @property({ type: String, reflect: true }) placement: SnackbarPlacement = `top`;\n  @property({ type: String }) dismiss: SnackbarDismiss = `auto`;\n  @property({ type: Number, attribute: `show-delay` }) showDelay = 150;\n  @property({ type: Number, attribute: `hide-delay` }) hideDelay = 500;\n\n  @state() private _isOpen = false;\n\n  // When a close wasn't initiated by our own code (light-dismiss: click outside or\n  // Escape) the popover is already closed before the click that triggered it dispatches.\n  // toggle() consults this to avoid immediately re-opening via togglePopover(). The\n  // timestamp window is deliberately tiny — light-dismiss and the ensuing click happen\n  // in the same event dispatch, microseconds apart, so it can't swallow a later, real\n  // toggle (e.g. clicking a toggle button after having dismissed the popover earlier).\n  private _recentCloseAt: number | undefined;\n\n  private readonly _anchorName = `--ixfx-snackbar-anchor-${++_instanceCounter}`;\n\n  private _target: HTMLElement | undefined;\n  private _addedTabindex = false;\n  private _addedRole = false;\n  private _showTimeout: number | undefined;\n  private _hideTimeout: number | undefined;\n\n  private readonly _onTargetClick = (): void => this.toggle();\n  private readonly _onTargetKeydown = (e: KeyboardEvent): void => {\n    if (e.key !== `Enter` && e.key !== ` `)\n      return;\n    e.preventDefault();\n    this.toggle();\n  };\n\n  // Shared by both the target and the panel itself - hovering/focusing either keeps it open.\n  private readonly _onTickleIn = (): void => this._scheduleShow();\n  private readonly _onTickleOut = (): void => this._scheduleHide();\n  private readonly _onPanelClick = (): void => {\n    if (this.dismiss === `auto`)\n      this.hide();\n  };\n\n  private readonly _onToggle = (e: Event): void => {\n    const { newState } = e as ToggleEvent;\n    this._isOpen = newState === `open`;\n    if (newState === `closed` && this.contains(document.activeElement)) {\n      this._target?.focus();\n    }\n  };\n\n  private readonly _onBeforeToggle = (e: Event): void => {\n    const { newState } = e as ToggleEvent;\n    this._recentCloseAt = newState === `closed` ? performance.now() : undefined;\n  };\n\n  get isOpen(): boolean {\n    return this._isOpen;\n  }\n\n  show(): void {\n    if (!this.popover)\n      return;\n    try {\n      this.showPopover();\n    } catch {\n      // already open, or popover API unsupported\n    }\n  }\n\n  hide(): void {\n    if (!this.popover)\n      return;\n    try {\n      this.hidePopover();\n    } catch {\n      // already closed\n    }\n  }\n\n  toggle(): void {\n    if (!this.popover)\n      return;\n    // If the popover was just closed by light-dismiss as part of this same click\n    // (click outside closes an `auto` popover before the click event dispatches),\n    // togglePopover() would re-open it. Honour the dismiss instead: the popover is\n    // already closed, so the toggle is a no-op.\n    if (this._recentCloseAt !== undefined && performance.now() - this._recentCloseAt < 50) {\n      this._recentCloseAt = undefined;\n      return;\n    }\n    try {\n      this.togglePopover();\n    } catch {\n      // popover API unsupported\n    }\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (!this.hasAttribute(`popover`))\n      this.popover = `auto`;\n    this.classList.add(`popup-surface`);\n    this.addEventListener(`toggle`, this._onToggle);\n    this.addEventListener(`beforetoggle`, this._onBeforeToggle);\n    this.addEventListener(`click`, this._onPanelClick);\n    this.style.setProperty(`position-anchor`, this._anchorName);\n    this._attachToTarget();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener(`toggle`, this._onToggle);\n    this.removeEventListener(`beforetoggle`, this._onBeforeToggle);\n    this.removeEventListener(`click`, this._onPanelClick);\n    this._detachFromTarget();\n    this._cancelShow();\n    this._cancelHide();\n  }\n\n  override updated(changed: Map<PropertyKey, unknown>): void {\n    super.updated(changed);\n    if (changed.has(`for`) || changed.has(`mode`)) {\n      this._attachToTarget();\n    }\n  }\n\n  private _resolveTarget(): HTMLElement | undefined {\n    if (!this.for)\n      return undefined;\n    const root = this.getRootNode() as Document | ShadowRoot;\n    return root.getElementById(this.for) ?? undefined;\n  }\n\n  private _attachToTarget(): void {\n    this._detachFromTarget();\n\n    const target = this._resolveTarget();\n    if (!target) {\n      if (this.for)\n        console.warn(`ixfx-snackbar: no element found with id \"${this.for}\"`);\n      return;\n    }\n    this._target = target;\n    target.style.setProperty(`anchor-name`, this._anchorName);\n\n    if (this.mode === `explicit`) {\n      const alreadyFocusable = target.tabIndex >= 0;\n      if (!alreadyFocusable) {\n        target.setAttribute(`tabindex`, `0`);\n        this._addedTabindex = true;\n      }\n      if (!target.hasAttribute(`role`) && !alreadyFocusable) {\n        target.setAttribute(`role`, `button`);\n        this._addedRole = true;\n      }\n      target.setAttribute(`aria-haspopup`, `true`);\n      target.addEventListener(`click`, this._onTargetClick);\n      // Native interactive elements (button, a[href], ...) already turn Enter/Space into a\n      // click; a target we just made focusable via role=\"button\" does not get that for free.\n      if (!alreadyFocusable)\n        target.addEventListener(`keydown`, this._onTargetKeydown);\n    } else if (this.mode === `implicit`) {\n      target.addEventListener(`pointerenter`, this._onTickleIn);\n      target.addEventListener(`focus`, this._onTickleIn);\n      target.addEventListener(`pointerleave`, this._onTickleOut);\n      target.addEventListener(`blur`, this._onTickleOut);\n      this.addEventListener(`pointerenter`, this._onTickleIn);\n      this.addEventListener(`focusin`, this._onTickleIn);\n      this.addEventListener(`pointerleave`, this._onTickleOut);\n      this.addEventListener(`focusout`, this._onTickleOut);\n    }\n  }\n\n  private _detachFromTarget(): void {\n    const target = this._target;\n    if (!target)\n      return;\n\n    target.style.removeProperty(`anchor-name`);\n    if (this._addedTabindex) {\n      target.removeAttribute(`tabindex`);\n      this._addedTabindex = false;\n    }\n    if (this._addedRole) {\n      target.removeAttribute(`role`);\n      this._addedRole = false;\n    }\n    target.removeAttribute(`aria-haspopup`);\n    target.removeEventListener(`click`, this._onTargetClick);\n    target.removeEventListener(`keydown`, this._onTargetKeydown);\n    target.removeEventListener(`pointerenter`, this._onTickleIn);\n    target.removeEventListener(`focus`, this._onTickleIn);\n    target.removeEventListener(`pointerleave`, this._onTickleOut);\n    target.removeEventListener(`blur`, this._onTickleOut);\n    this.removeEventListener(`pointerenter`, this._onTickleIn);\n    this.removeEventListener(`focusin`, this._onTickleIn);\n    this.removeEventListener(`pointerleave`, this._onTickleOut);\n    this.removeEventListener(`focusout`, this._onTickleOut);\n    this._target = undefined;\n  }\n\n  private _scheduleShow(): void {\n    this._cancelHide();\n    this._cancelShow();\n    if (this.showDelay <= 0) {\n      this.show();\n      return;\n    }\n    this._showTimeout = window.setTimeout(() => this.show(), this.showDelay);\n  }\n\n  private _scheduleHide(): void {\n    this._cancelShow();\n    this._cancelHide();\n    if (this.hideDelay <= 0) {\n      this.hide();\n      return;\n    }\n    this._hideTimeout = window.setTimeout(() => this.hide(), this.hideDelay);\n  }\n\n  private _cancelShow(): void {\n    if (this._showTimeout !== undefined) {\n      window.clearTimeout(this._showTimeout);\n      this._showTimeout = undefined;\n    }\n  }\n\n  private _cancelHide(): void {\n    if (this._hideTimeout !== undefined) {\n      window.clearTimeout(this._hideTimeout);\n      this._hideTimeout = undefined;\n    }\n  }\n\n  static override styles = [\n    themeFallbacks,\n    popupSurfaceStyles,\n    css`\n    :host {\n      display: flex;\n      align-items: center;\n      gap: var(--space-s);\n      padding: var(--space-s);\n\n      position: fixed;\n      inset: unset;\n      margin: 0;\n      z-index: 100;\n      position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;\n\n      opacity: 0;\n      scale: 0.97;\n      pointer-events: none;\n      transition: opacity 0.12s ease-out, scale 0.12s ease-out,\n                  display 0.12s allow-discrete, overlay 0.12s allow-discrete;\n    }\n\n    :host(:popover-open) {\n      opacity: 1;\n      scale: 1;\n      pointer-events: auto;\n    }\n\n    @starting-style {\n      :host(:popover-open) {\n        opacity: 0;\n        scale: 0.97;\n      }\n    }\n\n    :host([placement=\"top\"]) {\n      position-area: block-start;\n      margin-block-end: var(--space-s);\n    }\n\n    :host([placement=\"bottom\"]) {\n      position-area: block-end;\n      margin-block-start: var(--space-s);\n    }\n\n    :host([placement=\"left\"]) {\n      position-area: inline-start;\n      margin-inline-end: var(--space-s);\n    }\n\n    :host([placement=\"right\"]) {\n      position-area: inline-end;\n      margin-inline-start: var(--space-s);\n    }\n  `,\n  ];\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ixfx-snackbar': SnackbarElement;\n  }\n}\n"],"mappings":"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"}

package/dist/split-layout.js

@@ -1,4 +1,4 @@
-import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
+import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { LitElement, css, html } from "lit";
 import { property, state } from "lit/decorators.js";

package/dist/swipe.d.ts

@@ -1,4 +1,4 @@
-import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-DgMTRYlh.js";
+import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-DGrNzWuE.js";
 import { CSSResultGroup, LitElement, html } from "lit";
 //#region src/swipe/swipe.d.ts
 type SwipeInputDetail = {

package/dist/swipe.js

@@ -1,4 +1,4 @@
-import { t as themeFallbacks } from "./fallbacks-DPgPEqo8.js";
+import { t as themeFallbacks } from "./fallbacks-DEE1nCTt.js";
 import { n as safeCustomElement, t as __decorate } from "./decorate-VRK8rslU.js";
 import { t as prominenceStyles } from "./prominence-DlFShic3.js";
 import { t as WheelNudgeMixin } from "./wheel-nudge-BlSCe_hD.js";