@g9tm/lynxcontrols 0.0.0-stage → 1.4.0

package/dist/toast/store.jsx

@@ -0,0 +1,353 @@
+function _define_property(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+const G9ToastType = {
+    Information: 'information',
+    Success: 'success',
+    Warning: 'warning',
+    Error: 'error'
+};
+const G9ToastPosition = {
+    TopLeft: 'topLeft',
+    TopCenter: 'topCenter',
+    TopRight: 'topRight',
+    MiddleLeft: 'middleLeft',
+    MiddleCenter: 'middleCenter',
+    MiddleRight: 'middleRight',
+    BottomLeft: 'bottomLeft',
+    BottomCenter: 'bottomCenter',
+    BottomRight: 'bottomRight'
+};
+const g9DefaultToastOptions = Object.freeze({
+    durationMs: 3000
+});
+const g9ToastTimings = Object.freeze({
+    enterMs: 250,
+    exitMs: 200,
+    loaderFadeInMs: 200,
+    loaderFadeOutMs: 180,
+    reanchorMs: 220
+});
+const g9MaxToastsPerStack = 4;
+const isPlain = (r)=>!r.entry.hasAction;
+class G9ToastStore {
+    getSnapshot() {
+        return this.snapshot;
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return ()=>this.listeners.delete(listener);
+    }
+    show(message, type = 'information', options = {}) {
+        var _options_position, _options_durationMs;
+        const position = null != (_options_position = options.position) ? _options_position : this.config.defaultPosition();
+        const hasAction = !!options.actionText && !!options.action;
+        const duration = null != (_options_durationMs = options.durationMs) ? _options_durationMs : g9DefaultToastOptions.durationMs;
+        const stack = this.records.filter((r)=>r.entry.position === position && 'leaving' !== r.entry.status);
+        const newest = stack[stack.length - 1];
+        if (!this.disposed && newest && !hasAction && isPlain(newest) && newest.entry.message === message && newest.entry.type === type) {
+            newest.entry = {
+                ...newest.entry,
+                refreshes: newest.entry.refreshes + 1
+            };
+            newest.durationMs = duration;
+            this.arm(newest);
+            this.emit();
+            return this.handle(newest);
+        }
+        let closed;
+        const done = new Promise((r)=>closed = r);
+        const record = {
+            entry: {
+                id: this.nextId++,
+                message,
+                type,
+                position,
+                icon: options.icon,
+                actionText: hasAction ? options.actionText : null,
+                hasAction,
+                status: 'entering',
+                refreshes: 0
+            },
+            action: hasAction ? options.action : null,
+            durationMs: duration,
+            timer: null,
+            actionRan: false,
+            closed
+        };
+        if (this.disposed) {
+            closed();
+            return {
+                id: record.entry.id,
+                dismiss: ()=>{},
+                closed: done
+            };
+        }
+        this.records.push(record);
+        for (const extra of stack.slice(0, Math.max(0, stack.length + 1 - g9MaxToastsPerStack)))this.leave(extra);
+        this.later(()=>{
+            if ('entering' === record.entry.status) {
+                record.entry = {
+                    ...record.entry,
+                    status: 'shown'
+                };
+                this.emit();
+            }
+        }, g9ToastTimings.enterMs);
+        this.arm(record);
+        this.emit();
+        return {
+            ...this.handle(record),
+            closed: done
+        };
+    }
+    dismissToast(id) {
+        for (const r of [
+            ...this.records
+        ])if (void 0 === id || r.entry.id === id) this.leave(r);
+    }
+    pressAction(id) {
+        const r = this.records.find((x)=>x.entry.id === id);
+        if (!r || r.actionRan || !r.action) return;
+        r.actionRan = true;
+        this.config.runAction(r.action);
+        this.leave(r);
+    }
+    showLoading(text = '') {
+        this.hold({
+            token: this.nextId++,
+            text,
+            lease: false
+        });
+    }
+    beginLoading(text = '') {
+        const hold = {
+            token: this.nextId++,
+            text,
+            lease: true
+        };
+        this.hold(hold);
+        let released = false;
+        return {
+            dispose: ()=>{
+                if (released) return;
+                released = true;
+                this.release(hold.token);
+            }
+        };
+    }
+    dismissLoading() {
+        const anonymous = [
+            ...this.holds
+        ].reverse().find((h)=>!h.lease);
+        if (anonymous) this.release(anonymous.token);
+    }
+    showLoadingToast(text = '', position = null) {
+        this.loadingToast = {
+            text,
+            position: null != position ? position : this.config.defaultPosition()
+        };
+        this.emit();
+    }
+    dismissLoadingToast() {
+        if (!this.loadingToast) return;
+        this.loadingToast = null;
+        this.emit();
+    }
+    showProgress(title, detail = null, progress = 0, position = null) {
+        this.progress = {
+            title,
+            detail,
+            progress: clamp01(progress),
+            position: null != position ? position : this.config.defaultPosition()
+        };
+        this.emit();
+    }
+    updateProgress(title, detail, progress) {
+        if (!this.progress) return;
+        this.progress = {
+            ...this.progress,
+            ...null != title ? {
+                title
+            } : {},
+            ...null != detail ? {
+                detail
+            } : {},
+            ...null != progress ? {
+                progress: clamp01(progress)
+            } : {}
+        };
+        this.emit();
+    }
+    dismissProgress() {
+        if (!this.progress) return;
+        this.progress = null;
+        this.emit();
+    }
+    refreshBottomInsets(animate = true) {
+        this.insetVersion += 1;
+        this.reanchorAnimated = animate;
+        this.emit();
+    }
+    setBottomOverlay(key, heightPx) {
+        if (null === heightPx || heightPx <= 0) this.overlays.delete(key);
+        else this.overlays.set(key, heightPx);
+        this.emit();
+    }
+    dismissAll() {
+        this.dismissToast();
+        this.holds = [];
+        this.updateLoader();
+        this.loadingToast = null;
+        this.progress = null;
+        this.emit();
+    }
+    dispose() {
+        this.disposed = true;
+        for (const r of this.records){
+            if (null !== r.timer) this.config.clearTimer(r.timer);
+            r.closed();
+        }
+        this.records = [];
+        if (null !== this.loaderTimer) this.config.clearTimer(this.loaderTimer);
+        this.holds = [];
+        this.loaderStatus = null;
+        this.emit();
+    }
+    handle(record) {
+        return {
+            id: record.entry.id,
+            dismiss: ()=>this.leave(record),
+            closed: Promise.resolve()
+        };
+    }
+    arm(record) {
+        if (null !== record.timer) this.config.clearTimer(record.timer);
+        record.timer = this.config.setTimer(()=>{
+            record.timer = null;
+            this.leave(record);
+        }, record.durationMs);
+    }
+    leave(record) {
+        if ('leaving' === record.entry.status || !this.records.includes(record)) return;
+        if (null !== record.timer) this.config.clearTimer(record.timer);
+        record.timer = null;
+        record.entry = {
+            ...record.entry,
+            status: 'leaving'
+        };
+        this.emit();
+        this.later(()=>{
+            this.records = this.records.filter((r)=>r !== record);
+            record.closed();
+            this.emit();
+        }, g9ToastTimings.exitMs);
+    }
+    hold(hold) {
+        this.holds.push(hold);
+        this.updateLoader();
+        this.emit();
+    }
+    release(token) {
+        this.holds = this.holds.filter((h)=>h.token !== token);
+        this.updateLoader();
+        this.emit();
+    }
+    updateLoader() {
+        const top = this.holds[this.holds.length - 1];
+        if (top) {
+            this.loaderText = top.text;
+            if (null === this.loaderStatus || 'leaving' === this.loaderStatus) {
+                if (null !== this.loaderTimer) this.config.clearTimer(this.loaderTimer);
+                this.loaderStatus = 'entering';
+                this.loaderTimer = this.config.setTimer(()=>{
+                    this.loaderTimer = null;
+                    this.loaderStatus = 'shown';
+                    this.emit();
+                }, g9ToastTimings.loaderFadeInMs);
+            }
+            return;
+        }
+        if (null === this.loaderStatus || 'leaving' === this.loaderStatus) return;
+        if (null !== this.loaderTimer) this.config.clearTimer(this.loaderTimer);
+        this.loaderStatus = 'leaving';
+        this.loaderTimer = this.config.setTimer(()=>{
+            this.loaderTimer = null;
+            this.loaderStatus = null;
+            this.emit();
+        }, g9ToastTimings.loaderFadeOutMs);
+    }
+    later(callback, ms) {
+        this.config.setTimer(()=>{
+            if (!this.disposed) callback();
+        }, ms);
+    }
+    build() {
+        return {
+            toasts: this.records.map((r)=>r.entry),
+            loader: this.loaderStatus ? {
+                text: this.loaderText,
+                status: this.loaderStatus
+            } : null,
+            loadingToast: this.loadingToast,
+            progress: this.progress,
+            insetVersion: this.insetVersion,
+            reanchorAnimated: this.reanchorAnimated,
+            bottomOverlayHeight: [
+                ...this.overlays.values()
+            ].reduce((a, b)=>a + b, 0)
+        };
+    }
+    emit() {
+        this.snapshot = this.build();
+        for (const l of this.listeners)l();
+    }
+    constructor(config){
+        _define_property(this, "config", void 0);
+        _define_property(this, "records", void 0);
+        _define_property(this, "holds", void 0);
+        _define_property(this, "loaderStatus", void 0);
+        _define_property(this, "loaderText", void 0);
+        _define_property(this, "loaderTimer", void 0);
+        _define_property(this, "loadingToast", void 0);
+        _define_property(this, "progress", void 0);
+        _define_property(this, "insetVersion", void 0);
+        _define_property(this, "reanchorAnimated", void 0);
+        _define_property(this, "overlays", void 0);
+        _define_property(this, "nextId", void 0);
+        _define_property(this, "listeners", void 0);
+        _define_property(this, "snapshot", void 0);
+        _define_property(this, "disposed", void 0);
+        this.config = config;
+        this.records = [];
+        this.holds = [];
+        this.loaderStatus = null;
+        this.loaderText = '';
+        this.loaderTimer = null;
+        this.loadingToast = null;
+        this.progress = null;
+        this.insetVersion = 0;
+        this.reanchorAnimated = true;
+        this.overlays = new Map();
+        this.nextId = 1;
+        this.listeners = new Set();
+        this.disposed = false;
+        this.snapshot = this.build();
+    }
+}
+function clamp01(v) {
+    return Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : 0;
+}
+function resolveToastPosition(position, rtl) {
+    return null != position ? position : rtl ? 'bottomLeft' : 'bottomRight';
+}
+export { G9ToastPosition, G9ToastStore, G9ToastType, g9DefaultToastOptions, g9MaxToastsPerStack, g9ToastTimings, resolveToastPosition };
+
+//# sourceMappingURL=store.jsx.map

package/dist/toast/store.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast/store.jsx","sources":["../../src/toast/store.ts"],"sourcesContent":["import type { G9IconInput } from '../icon/icon';\n\n// Toast state (MAUI `G9ToastHelper`): typed toasts in per-position stacks, the reference-counted full-screen loader,\n// the compact loading toast and the progress toast, as a pure store. The view renders `getSnapshot()`; timers come\n// from the caller so tests drive time.\n\n/** Toast kind (MAUI `G9ToastType`). */\nexport const G9ToastType = {\n  Information: 'information',\n  Success: 'success',\n  Warning: 'warning',\n  Error: 'error',\n} as const;\nexport type G9ToastType = (typeof G9ToastType)[keyof typeof G9ToastType];\n\n/** Nine anchors (MAUI `G9ToastPosition`). */\nexport const G9ToastPosition = {\n  TopLeft: 'topLeft',\n  TopCenter: 'topCenter',\n  TopRight: 'topRight',\n  MiddleLeft: 'middleLeft',\n  MiddleCenter: 'middleCenter',\n  MiddleRight: 'middleRight',\n  BottomLeft: 'bottomLeft',\n  BottomCenter: 'bottomCenter',\n  BottomRight: 'bottomRight',\n} as const;\nexport type G9ToastPosition = (typeof G9ToastPosition)[keyof typeof G9ToastPosition];\n\n/** Options of one toast (MAUI `G9ToastOptions`). */\nexport interface G9ToastOptions {\n  /** Default: bottom right (LTR) / bottom left (RTL). */\n  readonly position?: G9ToastPosition | null;\n  /** Auto-dismiss after this many ms. Default 3000. */\n  readonly durationMs?: number;\n  /** Icon override; default the type's glyph. */\n  readonly icon?: G9IconInput;\n  /** Action button text (e.g. \"Undo\"); with `action`. */\n  readonly actionText?: string | null;\n  /** Runs once when the action button is tapped (through the provider's safe executor). */\n  readonly action?: (() => unknown) | null;\n}\n\n/** Default toast options (MAUI `G9ToastOptions.Default`). */\nexport const g9DefaultToastOptions: Readonly<Required<Pick<G9ToastOptions, 'durationMs'>>> = Object.freeze({\n  durationMs: 3000,\n});\n\n/** Timings (MAUI toast guide). */\nexport const g9ToastTimings = Object.freeze({\n  enterMs: 250,\n  exitMs: 200,\n  loaderFadeInMs: 200,\n  loaderFadeOutMs: 180,\n  reanchorMs: 220,\n});\n/** Most toasts per stack (MAUI `MaxToastsPerStack`). */\nexport const g9MaxToastsPerStack = 4;\n\n/** One live toast. */\nexport interface G9ToastEntry {\n  readonly id: number;\n  readonly message: string;\n  readonly type: G9ToastType;\n  readonly position: G9ToastPosition;\n  readonly icon: G9IconInput;\n  readonly actionText: string | null;\n  readonly hasAction: boolean;\n  readonly status: 'entering' | 'shown' | 'leaving';\n  /** Bumped when an identical toast collapsed into this one (its lifetime restarted). */\n  readonly refreshes: number;\n}\n\n/** The full-screen loader (visible while at least one hold is open). */\nexport interface G9LoaderState {\n  readonly text: string;\n  readonly status: 'entering' | 'shown' | 'leaving';\n}\n\n/** The compact loading toast. */\nexport interface G9LoadingToastState {\n  readonly text: string;\n  readonly position: G9ToastPosition;\n}\n\n/** The progress toast. */\nexport interface G9ProgressToastState {\n  readonly title: string;\n  readonly detail: string | null;\n  /** 0…1. */\n  readonly progress: number;\n  readonly position: G9ToastPosition;\n}\n\n/** What the view renders. */\nexport interface G9ToastSnapshot {\n  readonly toasts: ReadonlyArray<G9ToastEntry>;\n  readonly loader: G9LoaderState | null;\n  readonly loadingToast: G9LoadingToastState | null;\n  readonly progress: G9ProgressToastState | null;\n  /** Bumped by `refreshBottomInsets`; `reanchorAnimated` says whether the move glides. */\n  readonly insetVersion: number;\n  readonly reanchorAnimated: boolean;\n  /** Heights of bottom-anchored overlays the bottom stacks sit above (MAUI `IG9BottomAnchoredOverlay`). */\n  readonly bottomOverlayHeight: number;\n}\n\n/** A hold on the full-screen loader (MAUI `BeginLoadingAsync` lease); disposing twice is harmless. */\nexport interface G9LoadingLease {\n  dispose(): void;\n}\n\n/** A shown toast. */\nexport interface G9ToastHandle {\n  readonly id: number;\n  dismiss(): void;\n  /** Settles when the toast left the screen. */\n  readonly closed: Promise<void>;\n}\n\n/** Timing and action plumbing of the store. */\nexport interface G9ToastStoreConfig {\n  setTimer(callback: () => void, ms: number): unknown;\n  clearTimer(handle: unknown): void;\n  /** Runs a toast action (once per tap is the store's job; errors are the runner's). */\n  runAction(action: () => unknown): void;\n  /** Where a toast without a position goes (bottom right in LTR, bottom left in RTL). */\n  defaultPosition(): G9ToastPosition;\n}\n\ninterface ToastRecord {\n  entry: G9ToastEntry;\n  action: (() => unknown) | null;\n  durationMs: number;\n  timer: unknown;\n  actionRan: boolean;\n  closed: () => void;\n}\n\ninterface Hold {\n  readonly token: number;\n  readonly text: string;\n  readonly lease: boolean;\n}\n\nconst isPlain = (r: ToastRecord) => !r.entry.hasAction;\n\n/** The toast store. */\nexport class G9ToastStore {\n  private records: ToastRecord[] = [];\n  private holds: Hold[] = [];\n  private loaderStatus: G9LoaderState['status'] | null = null;\n  private loaderText = '';\n  private loaderTimer: unknown = null;\n  private loadingToast: G9LoadingToastState | null = null;\n  private progress: G9ProgressToastState | null = null;\n  private insetVersion = 0;\n  private reanchorAnimated = true;\n  private readonly overlays = new Map<string, number>();\n  private nextId = 1;\n  private readonly listeners = new Set<() => void>();\n  private snapshot: G9ToastSnapshot;\n  private disposed = false;\n\n  constructor(private readonly config: G9ToastStoreConfig) {\n    this.snapshot = this.build();\n  }\n\n  getSnapshot(): G9ToastSnapshot {\n    return this.snapshot;\n  }\n\n  subscribe(listener: () => void): () => void {\n    this.listeners.add(listener);\n    return () => this.listeners.delete(listener);\n  }\n\n  /**\n   * Shows a toast (MAUI `ShowToastAsync`). An identical newest toast of the same stack (same message and type, no\n   * action on either) is refreshed instead (lifetime restarted). Past four per stack the oldest leaves.\n   */\n  show(message: string, type: G9ToastType = 'information', options: G9ToastOptions = {}): G9ToastHandle {\n    const position = options.position ?? this.config.defaultPosition();\n    const hasAction = !!options.actionText && !!options.action;\n    const duration = options.durationMs ?? g9DefaultToastOptions.durationMs;\n    const stack = this.records.filter((r) => r.entry.position === position && r.entry.status !== 'leaving');\n    const newest = stack[stack.length - 1];\n    if (\n      !this.disposed &&\n      newest &&\n      !hasAction &&\n      isPlain(newest) &&\n      newest.entry.message === message &&\n      newest.entry.type === type\n    ) {\n      newest.entry = { ...newest.entry, refreshes: newest.entry.refreshes + 1 };\n      newest.durationMs = duration;\n      this.arm(newest);\n      this.emit();\n      return this.handle(newest);\n    }\n    let closed!: () => void;\n    const done = new Promise<void>((r) => (closed = r));\n    const record: ToastRecord = {\n      entry: {\n        id: this.nextId++,\n        message,\n        type,\n        position,\n        icon: options.icon,\n        actionText: hasAction ? (options.actionText as string) : null,\n        hasAction,\n        status: 'entering',\n        refreshes: 0,\n      },\n      action: hasAction ? (options.action as () => unknown) : null,\n      durationMs: duration,\n      timer: null,\n      actionRan: false,\n      closed,\n    };\n    if (this.disposed) {\n      closed();\n      return { id: record.entry.id, dismiss: () => {}, closed: done };\n    }\n    this.records.push(record);\n    for (const extra of stack.slice(0, Math.max(0, stack.length + 1 - g9MaxToastsPerStack))) this.leave(extra);\n    this.later(() => {\n      if (record.entry.status === 'entering') {\n        record.entry = { ...record.entry, status: 'shown' };\n        this.emit();\n      }\n    }, g9ToastTimings.enterMs);\n    this.arm(record);\n    this.emit();\n    return { ...this.handle(record), closed: done };\n  }\n\n  /** Dismisses one toast, or every typed toast (MAUI `DismissToastAsync`). */\n  dismissToast(id?: number): void {\n    for (const r of [...this.records]) if (id === undefined || r.entry.id === id) this.leave(r);\n  }\n\n  /** The action button: runs the action once (a second tap during the exit does nothing) and dismisses. */\n  pressAction(id: number): void {\n    const r = this.records.find((x) => x.entry.id === id);\n    if (!r || r.actionRan || !r.action) return;\n    r.actionRan = true;\n    this.config.runAction(r.action);\n    this.leave(r);\n  }\n\n  /** Raises the full-screen loader (reference-counted; the newest text wins) (MAUI `ShowLoadingAsync`). */\n  showLoading(text = ''): void {\n    this.hold({ token: this.nextId++, text, lease: false });\n  }\n\n  /** A lease on the loader (MAUI `BeginLoadingAsync`). */\n  beginLoading(text = ''): G9LoadingLease {\n    const hold = { token: this.nextId++, text, lease: true };\n    this.hold(hold);\n    let released = false;\n    return {\n      dispose: () => {\n        if (released) return;\n        released = true;\n        this.release(hold.token);\n      },\n    };\n  }\n\n  /** Releases the newest anonymous hold; a lease's hold is never released here (MAUI `DismissLoadingAsync`). */\n  dismissLoading(): void {\n    const anonymous = [...this.holds].reverse().find((h) => !h.lease);\n    if (anonymous) this.release(anonymous.token);\n  }\n\n  /** Shows (or relabels) the compact loading toast (MAUI `ShowLoadingToastAsync`); it never auto-dismisses. */\n  showLoadingToast(text = '', position: G9ToastPosition | null = null): void {\n    this.loadingToast = { text, position: position ?? this.config.defaultPosition() };\n    this.emit();\n  }\n\n  dismissLoadingToast(): void {\n    if (!this.loadingToast) return;\n    this.loadingToast = null;\n    this.emit();\n  }\n\n  /** Shows the progress toast, replacing an active one (MAUI `ShowProgressToastAsync`). */\n  showProgress(\n    title: string,\n    detail: string | null = null,\n    progress = 0,\n    position: G9ToastPosition | null = null,\n  ): void {\n    this.progress = { title, detail, progress: clamp01(progress), position: position ?? this.config.defaultPosition() };\n    this.emit();\n  }\n\n  /** Updates the progress toast; omitted parts stay (MAUI `UpdateProgressToastAsync`). No-op without one. */\n  updateProgress(title?: string | null, detail?: string | null, progress?: number | null): void {\n    if (!this.progress) return;\n    this.progress = {\n      ...this.progress,\n      ...(title != null ? { title } : {}),\n      ...(detail !== undefined && detail !== null ? { detail } : {}),\n      ...(progress != null ? { progress: clamp01(progress) } : {}),\n    };\n    this.emit();\n  }\n\n  dismissProgress(): void {\n    if (!this.progress) return;\n    this.progress = null;\n    this.emit();\n  }\n\n  /** Re-anchors every live toast to the current insets; `animate` glides (220 ms) (MAUI `RefreshBottomInsetsAsync`). */\n  refreshBottomInsets(animate = true): void {\n    this.insetVersion += 1;\n    this.reanchorAnimated = animate;\n    this.emit();\n  }\n\n  /** Registers (or clears with `null`) a bottom-anchored overlay the bottom stacks must sit above. */\n  setBottomOverlay(key: string, heightPx: number | null): void {\n    if (heightPx === null || heightPx <= 0) this.overlays.delete(key);\n    else this.overlays.set(key, heightPx);\n    this.emit();\n  }\n\n  /** Clears everything, the loader regardless of its count (MAUI `DismissAllAsync`). */\n  dismissAll(): void {\n    this.dismissToast();\n    this.holds = [];\n    this.updateLoader();\n    this.loadingToast = null;\n    this.progress = null;\n    this.emit();\n  }\n\n  /** The host unmounted. */\n  dispose(): void {\n    this.disposed = true;\n    for (const r of this.records) {\n      if (r.timer !== null) this.config.clearTimer(r.timer);\n      r.closed();\n    }\n    this.records = [];\n    if (this.loaderTimer !== null) this.config.clearTimer(this.loaderTimer);\n    this.holds = [];\n    this.loaderStatus = null;\n    this.emit();\n  }\n\n  private handle(record: ToastRecord): G9ToastHandle {\n    return {\n      id: record.entry.id,\n      dismiss: () => this.leave(record),\n      closed: Promise.resolve(),\n    };\n  }\n\n  private arm(record: ToastRecord): void {\n    if (record.timer !== null) this.config.clearTimer(record.timer);\n    record.timer = this.config.setTimer(() => {\n      record.timer = null;\n      this.leave(record);\n    }, record.durationMs);\n  }\n\n  private leave(record: ToastRecord): void {\n    if (record.entry.status === 'leaving' || !this.records.includes(record)) return;\n    if (record.timer !== null) this.config.clearTimer(record.timer);\n    record.timer = null;\n    record.entry = { ...record.entry, status: 'leaving' };\n    this.emit();\n    this.later(() => {\n      this.records = this.records.filter((r) => r !== record);\n      record.closed();\n      this.emit();\n    }, g9ToastTimings.exitMs);\n  }\n\n  private hold(hold: Hold): void {\n    this.holds.push(hold);\n    this.updateLoader();\n    this.emit();\n  }\n\n  private release(token: number): void {\n    this.holds = this.holds.filter((h) => h.token !== token);\n    this.updateLoader();\n    this.emit();\n  }\n\n  private updateLoader(): void {\n    const top = this.holds[this.holds.length - 1];\n    if (top) {\n      this.loaderText = top.text;\n      if (this.loaderStatus === null || this.loaderStatus === 'leaving') {\n        if (this.loaderTimer !== null) this.config.clearTimer(this.loaderTimer);\n        this.loaderStatus = 'entering';\n        this.loaderTimer = this.config.setTimer(() => {\n          this.loaderTimer = null;\n          this.loaderStatus = 'shown';\n          this.emit();\n        }, g9ToastTimings.loaderFadeInMs);\n      }\n      return;\n    }\n    if (this.loaderStatus === null || this.loaderStatus === 'leaving') return;\n    if (this.loaderTimer !== null) this.config.clearTimer(this.loaderTimer);\n    this.loaderStatus = 'leaving';\n    this.loaderTimer = this.config.setTimer(() => {\n      this.loaderTimer = null;\n      this.loaderStatus = null;\n      this.emit();\n    }, g9ToastTimings.loaderFadeOutMs);\n  }\n\n  private later(callback: () => void, ms: number): void {\n    this.config.setTimer(() => {\n      if (!this.disposed) callback();\n    }, ms);\n  }\n\n  private build(): G9ToastSnapshot {\n    return {\n      toasts: this.records.map((r) => r.entry),\n      loader: this.loaderStatus ? { text: this.loaderText, status: this.loaderStatus } : null,\n      loadingToast: this.loadingToast,\n      progress: this.progress,\n      insetVersion: this.insetVersion,\n      reanchorAnimated: this.reanchorAnimated,\n      bottomOverlayHeight: [...this.overlays.values()].reduce((a, b) => a + b, 0),\n    };\n  }\n\n  private emit(): void {\n    this.snapshot = this.build();\n    for (const l of this.listeners) l();\n  }\n}\n\nfunction clamp01(v: number): number {\n  return Number.isFinite(v) ? Math.min(1, Math.max(0, v)) : 0;\n}\n\n/** The culture default position: bottom right in LTR, bottom left in RTL. */\nexport function resolveToastPosition(position: G9ToastPosition | null | undefined, rtl: boolean): G9ToastPosition {\n  return position ?? (rtl ? 'bottomLeft' : 'bottomRight');\n}\n"],"names":["G9ToastType","G9ToastPosition","g9DefaultToastOptions","Object","g9ToastTimings","g9MaxToastsPerStack","isPlain","r","G9ToastStore","listener","message","type","options","_options_position","_options_durationMs","position","hasAction","duration","stack","newest","closed","done","Promise","record","extra","Math","id","undefined","x","text","hold","released","anonymous","h","title","detail","progress","clamp01","animate","key","heightPx","token","top","callback","ms","a","b","l","config","Map","Set","v","Number","resolveToastPosition","rtl"],"mappings":"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"}

package/dist/toast/toast.css

@@ -0,0 +1,152 @@
+.g9-toast-layer {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.g9-toast-stack {
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-end;
+  display: flex;
+  position: absolute;
+}
+
+.g9-toast-stack--bottom {
+  flex-direction: column-reverse;
+}
+
+.g9-toast-stack--topLeft, .g9-toast-stack--middleLeft, .g9-toast-stack--bottomLeft {
+  align-items: flex-start;
+}
+
+.g9-toast-stack--topCenter, .g9-toast-stack--middleCenter, .g9-toast-stack--bottomCenter {
+  align-items: center;
+}
+
+.g9-toast-stack--middleLeft, .g9-toast-stack--middleCenter, .g9-toast-stack--middleRight {
+  justify-content: center;
+}
+
+.g9-toast {
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--g9-outline-variant);
+  background-color: var(--g9-surface);
+  border-radius: 14px;
+  flex-direction: row;
+  align-items: center;
+  max-width: 420px;
+  min-height: 48px;
+  margin-top: 4px;
+  margin-bottom: 4px;
+  padding: 10px 14px;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.g9-toast__message {
+  color: var(--g9-on-surface);
+  flex-shrink: 1;
+  margin-left: 10px;
+  margin-right: 10px;
+  font-size: 14px;
+}
+
+.g9-toast__detail {
+  color: var(--g9-text-secondary);
+  margin-left: 10px;
+  margin-right: 10px;
+  font-size: 12px;
+}
+
+.g9-toast__action {
+  align-items: center;
+  height: 32px;
+  padding-left: 8px;
+  padding-right: 8px;
+  display: flex;
+}
+
+.g9-toast__action-text {
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.g9-toast--progress {
+  min-width: 240px;
+}
+
+.g9-toast__fill {
+  background-color: var(--g9-primary);
+  opacity: .34;
+  transition: transform .25s;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.g9-toast__progress-text {
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.g9-toast__pill {
+  background-color: var(--g9-primary-container);
+  border-radius: 10px;
+  padding: 2px 8px;
+}
+
+.g9-toast__pill-text {
+  color: var(--g9-on-primary-container);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.g9-loader {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.g9-loader__scrim {
+  background-color: var(--g9-scrim);
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.g9-loader__card {
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--g9-outline-variant);
+  background-color: var(--g9-inverse-surface);
+  border-radius: 14px;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 24px;
+  display: flex;
+}
+
+.g9-loader__text {
+  text-align: center;
+  color: var(--g9-inverse-on-surface);
+  margin-top: 12px;
+  font-size: 14px;
+}
+
+
+/*# sourceMappingURL=toast.css.map */

package/dist/toast/toast.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./src/toast/toast.css"],"names":[],"mappings":"AAAA;EACE,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAEA;EACE,sBAAsB;EACtB,2BAA2B;EAC3B,qBAAqB;EACrB,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,uBAAuB;AACzB;;AAIA;EADE,mBAAmB;AACrB;;AAMA;EAHE,uBAAuB;AACzB;;AAQA;EALE,mBAAmB;EACnB,iBAAiB;EACjB,uCAAuC;EACvC,mCAAmC;EACnC,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,gBAAgB;EAChB,gBAAgB;EAChB,eAAe;EACf,kBAAkB;EAClB,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AAClB;;AAQA;EALE,2BAA2B;EAC3B,cAAc;EACd,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;AACjB;;AAQA;EALE,+BAA+B;EAC/B,iBAAiB;EACjB,kBAAkB;EAClB,eAAe;AACjB;;AAQA;EALE,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,kBAAkB;EAClB,aAAa;AACf;;AAQA;EALE,eAAe;EACf,gBAAgB;AAClB;;AAQA;EALE,gBAAgB;AAClB;;AAQA;EALE,mCAAmC;EACnC,YAAY;EACZ,0BAA0B;EAC1B,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAQA;EALE,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;AAQA;EALE,6CAA6C;EAC7C,mBAAmB;EACnB,gBAAgB;AAClB;;AAQA;EALE,qCAAqC;EACrC,eAAe;EACf,gBAAgB;AAClB;;AAQA;EALE,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAQA;EALE,iCAAiC;EACjC,kBAAkB;EAClB,MAAM;EACN,SAAS;EACT,OAAO;EACP,QAAQ;AACV;;AAQA;EALE,mBAAmB;EACnB,iBAAiB;EACjB,uCAAuC;EACvC,2CAA2C;EAC3C,mBAAmB;EACnB,sBAAsB;EACtB,mBAAmB;EACnB,kBAAkB;EAClB,aAAa;AACf;;AAQA;EALE,kBAAkB;EAClB,mCAAmC;EACnC,gBAAgB;EAChB,eAAe;AACjB","sourcesContent":[".g9-toast-layer {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n}\n\n.g9-toast-stack {\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: flex-start;\n}\n\n.g9-toast-stack--bottom {\n  flex-direction: column-reverse;\n}\n\n.g9-toast-stack--topLeft,\n.g9-toast-stack--middleLeft,\n.g9-toast-stack--bottomLeft {\n  align-items: flex-start;\n}\n\n.g9-toast-stack--topCenter,\n.g9-toast-stack--middleCenter,\n.g9-toast-stack--bottomCenter {\n  align-items: center;\n}\n\n.g9-toast-stack--middleLeft,\n.g9-toast-stack--middleCenter,\n.g9-toast-stack--middleRight {\n  justify-content: center;\n}\n\n.g9-toast {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  min-height: 48px;\n  max-width: 420px;\n  padding: 10px 14px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  border-radius: 14px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n  background-color: var(--g9-surface);\n  overflow: hidden;\n  position: relative;\n}\n\n.g9-toast__message {\n  flex-shrink: 1;\n  font-size: 14px;\n  color: var(--g9-on-surface);\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n.g9-toast__detail {\n  font-size: 12px;\n  color: var(--g9-text-secondary);\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n.g9-toast__action {\n  height: 32px;\n  padding-left: 8px;\n  padding-right: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.g9-toast__action-text {\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.g9-toast--progress {\n  min-width: 240px;\n}\n\n.g9-toast__fill {\n  position: absolute;\n  top: 0px;\n  bottom: 0px;\n  left: 0px;\n  right: 0px;\n  background-color: var(--g9-primary);\n  opacity: 0.34;\n  transition: transform 250ms;\n}\n\n.g9-toast__progress-text {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.g9-toast__pill {\n  padding: 2px 8px;\n  border-radius: 10px;\n  background-color: var(--g9-primary-container);\n}\n\n.g9-toast__pill-text {\n  font-size: 12px;\n  font-weight: 700;\n  color: var(--g9-on-primary-container);\n}\n\n.g9-loader {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.g9-loader__scrim {\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  right: 0px;\n  bottom: 0px;\n  background-color: var(--g9-scrim);\n}\n\n.g9-loader__card {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 20px 24px;\n  border-radius: 14px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--g9-outline-variant);\n  background-color: var(--g9-inverse-surface);\n}\n\n.g9-loader__text {\n  margin-top: 12px;\n  font-size: 14px;\n  text-align: center;\n  color: var(--g9-inverse-on-surface);\n}\n"],"sourceRoot":""}

package/dist/toggle/checkbox-math.d.ts

@@ -0,0 +1,52 @@
+/** Progress at which the box fill is complete. */
+export declare const g9CheckFillPhaseEnd: number;
+/** Progress at which the mark starts drawing. */
+export declare const g9CheckMarkPhaseStart: number;
+/** Clamps to [0, 1]; NaN and negatives give 0 (MAUI `Clamp01`). */
+export declare function clamp01(value: number): number;
+/** Animation target: 1 when checked or indeterminate. */
+export declare function targetProgress(isChecked: boolean, isIndeterminate: boolean): number;
+/** Morph target: 1 (dash) when indeterminate, 0 (tick) otherwise. */
+export declare function targetMorph(isIndeterminate: boolean): number;
+/** Tap transition (ADR-0028): indeterminate → checked; otherwise toggle, never into indeterminate. */
+export declare function nextOnTap(isChecked: boolean, isIndeterminate: boolean): {
+    checked: boolean;
+    indeterminate: boolean;
+};
+/** How much of the box is filled at `progress`. */
+export declare function fillAmount(progress: number): number;
+/** How much of the mark is drawn at `progress`. */
+export declare function markAmount(progress: number): number;
+/** The two-segment mark A→B→C in unit box coordinates. */
+export interface G9CheckMarkGeometry {
+    readonly ax: number;
+    readonly ay: number;
+    readonly bx: number;
+    readonly by: number;
+    readonly cx: number;
+    readonly cy: number;
+}
+/** The visible part of the mark: the end of the first arm, and of the second when it has started. */
+export interface G9CheckMarkTrim {
+    readonly isEmpty: boolean;
+    readonly firstEndX: number;
+    readonly firstEndY: number;
+    readonly hasSecond: boolean;
+    readonly secondEndX: number;
+    readonly secondEndY: number;
+}
+/** The tick. */
+export declare const g9CheckGeometry: G9CheckMarkGeometry;
+/** The indeterminate dash. */
+export declare const g9DashGeometry: G9CheckMarkGeometry;
+/** The mark between tick (0) and dash (1). */
+export declare function resolveCheckMarkGeometry(morph: number): G9CheckMarkGeometry;
+/** Length of the first arm A→B. */
+export declare function firstArmLength(g: G9CheckMarkGeometry): number;
+/** Length of the second arm B→C. */
+export declare function secondArmLength(g: G9CheckMarkGeometry): number;
+/** The visible part of the mark when `amount` of its length is drawn (MAUI `Trim`). */
+export declare function trimCheckMark(g: G9CheckMarkGeometry, amount: number): G9CheckMarkTrim;
+/** SVG path (in a `size` box) of the mark drawn at `progress` and `morph` (tick → dash). */
+export declare function checkMarkPath(progress: number, morph: number, size: number): string;
+//# sourceMappingURL=checkbox-math.d.ts.map

package/dist/toggle/checkbox-math.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-math.d.ts","sourceRoot":"","sources":["../../src/toggle/checkbox-math.ts"],"names":[],"mappings":"AAKA,kDAAkD;AAClD,eAAO,MAAM,mBAAmB,QAAS,CAAC;AAC1C,iDAAiD;AACjD,eAAO,MAAM,qBAAqB,QAAU,CAAC;AAE7C,mEAAmE;AACnE,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAG7C;AAED,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,GAAG,MAAM,CAEnF;AAED,qEAAqE;AACrE,wBAAgB,WAAW,CAAC,eAAe,EAAE,OAAO,GAAG,MAAM,CAE5D;AAED,sGAAsG;AACtG,wBAAgB,SAAS,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,EAAE,OAAO,GAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,aAAa,EAAE,OAAO,CAAA;CAAE,CAEpH;AAED,mDAAmD;AACnD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,mDAAmD;AACnD,wBAAgB,UAAU,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAEnD;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;CACrB;AAED,qGAAqG;AACrG,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B;AAKD,gBAAgB;AAChB,eAAO,MAAM,eAAe,qBAA8C,CAAC;AAC3E,8BAA8B;AAC9B,eAAO,MAAM,cAAc,qBAA2C,CAAC;AASvE,8CAA8C;AAC9C,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,mBAAmB,CAc3E;AAED,mCAAmC;AACnC,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAE7D;AAED,oCAAoC;AACpC,wBAAgB,eAAe,CAAC,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAE9D;AAWD,uFAAuF;AACvF,wBAAgB,aAAa,CAAC,CAAC,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,GAAG,eAAe,CA0BrF;AAED,4FAA4F;AAC5F,wBAAgB,aAAa,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAQnF"}