@capgo/capacitor-pretty-toast 8.1.0

package/dist/plugin.cjs.js

@@ -0,0 +1,770 @@
+'use strict';
+
+var core = require('@capacitor/core');
+
+const ICON_MAP = [
+    ['checkmark', { glyph: '✓', color: '#30D158' }],
+    ['xmark', { glyph: '✕', color: '#FF453A' }],
+    ['info', { glyph: 'ℹ', color: '#0A84FF' }],
+    ['exclamation', { glyph: '!', color: '#FF9F0A' }],
+    ['heart', { glyph: '♥', color: '#FF375F' }],
+    ['arrow.up', { glyph: '↑', color: '#0A84FF' }],
+    ['arrow.down', { glyph: '↓', color: '#0A84FF' }],
+    ['arrow', { glyph: '↑', color: '#0A84FF' }],
+    ['envelope', { glyph: '✉', color: '#FFFFFF' }],
+    ['mail', { glyph: '✉', color: '#FFFFFF' }],
+    ['wifi', { glyph: '◉', color: '#FFFFFF' }],
+];
+const DEFAULT_ICON_SYMBOL = 'bell.badge.fill';
+const svgRasterCache = new Map();
+function isSvgIcon(value) {
+    return typeof value === 'string' && value.trimStart().startsWith('<svg');
+}
+function normalizeIconSource(source) {
+    if (!source)
+        return undefined;
+    if (typeof source === 'string') {
+        return source.trim() || undefined;
+    }
+    if (typeof source.uri === 'string') {
+        return source.uri.trim() || undefined;
+    }
+    return undefined;
+}
+function getSymbolIcon(symbol) {
+    const normalized = symbol !== null && symbol !== void 0 ? symbol : '';
+    for (const [key, info] of ICON_MAP) {
+        if (normalized.includes(key))
+            return info;
+    }
+    return { glyph: null, color: '#FFFFFF' };
+}
+function getAccessibilityAnnouncement(config) {
+    if (config.accessibilityAnnouncement !== undefined) {
+        return config.accessibilityAnnouncement;
+    }
+    return [config.title, config.message].filter(Boolean).join('. ');
+}
+function isNativeSafeIconUri(uri) {
+    if (!uri)
+        return false;
+    return (uri.startsWith('https://') ||
+        uri.startsWith('http://') ||
+        uri.startsWith('file://') ||
+        uri.startsWith('data:') ||
+        uri.startsWith('/'));
+}
+async function rasterizeSvgToPngDataUrl(svg) {
+    let pending = svgRasterCache.get(svg);
+    if (!pending) {
+        pending = rasterizeSvgToPngDataUrlInternal(svg);
+        svgRasterCache.set(svg, pending);
+    }
+    return pending;
+}
+async function blobUrlToDataUrl(uri) {
+    if (typeof window === 'undefined' || typeof fetch === 'undefined' || typeof FileReader === 'undefined') {
+        return null;
+    }
+    try {
+        const response = await fetch(uri);
+        const blob = await response.blob();
+        return await new Promise((resolve) => {
+            const reader = new FileReader();
+            reader.onload = () => {
+                resolve(typeof reader.result === 'string' ? reader.result : null);
+            };
+            reader.onerror = () => resolve(null);
+            reader.readAsDataURL(blob);
+        });
+    }
+    catch (_a) {
+        return null;
+    }
+}
+function rasterizeSvgToPngDataUrlInternal(svg) {
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+        return Promise.resolve(null);
+    }
+    const encodedSvg = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+    return new Promise((resolve) => {
+        const image = new Image();
+        image.onload = () => {
+            try {
+                const sourceWidth = image.naturalWidth || 96;
+                const sourceHeight = image.naturalHeight || 96;
+                const maxSide = Math.max(sourceWidth, sourceHeight, 1);
+                const scale = 128 / maxSide;
+                const width = Math.max(1, Math.round(sourceWidth * scale));
+                const height = Math.max(1, Math.round(sourceHeight * scale));
+                const canvas = document.createElement('canvas');
+                canvas.width = width;
+                canvas.height = height;
+                const context = canvas.getContext('2d');
+                if (!context) {
+                    resolve(null);
+                    return;
+                }
+                context.clearRect(0, 0, width, height);
+                context.drawImage(image, 0, 0, width, height);
+                resolve(canvas.toDataURL('image/png'));
+            }
+            catch (_a) {
+                resolve(null);
+            }
+        };
+        image.onerror = () => resolve(null);
+        image.src = encodedSvg;
+    });
+}
+function parseSvgElement(svgMarkup) {
+    if (typeof DOMParser === 'undefined')
+        return null;
+    try {
+        const documentNode = new DOMParser().parseFromString(svgMarkup, 'image/svg+xml');
+        if (documentNode.querySelector('parsererror') || documentNode.querySelector('script')) {
+            return null;
+        }
+        const root = documentNode.documentElement;
+        if (!root || root.tagName.toLowerCase() !== 'svg')
+            return null;
+        const svg = root.cloneNode(true);
+        svg.setAttribute('width', '40');
+        svg.setAttribute('height', '40');
+        svg.setAttribute('aria-hidden', 'true');
+        svg.style.display = 'block';
+        return svg;
+    }
+    catch (_a) {
+        return null;
+    }
+}
+
+const VARIANT_ICONS = {
+    success: 'checkmark.circle.fill',
+    error: 'xmark.circle.fill',
+    info: 'info.circle.fill',
+    warning: 'exclamationmark.triangle.fill',
+    loading: 'arrow.triangle.2.circlepath',
+};
+class ToastController {
+    constructor(driver) {
+        this.driver = driver;
+        this.queue = [];
+        this.current = null;
+        this.isShowing = false;
+        this.idCounter = 0;
+        this.autoDismissTimer = null;
+        this.autoDismissed = false;
+        this.driver.subscribe({
+            onDismiss: (event) => this.handleDismiss(event.id),
+            onPress: (event) => this.handlePress(event.id),
+            onActionPress: (event) => this.handleActionPress(event.id),
+        });
+        this.ref = {
+            show: (config, options) => this.show(config, options),
+            success: (title, config, options) => this.showVariant('success', title, config, options),
+            error: (title, config, options) => this.showVariant('error', title, config, options),
+            info: (title, config, options) => this.showVariant('info', title, config, options),
+            warning: (title, config, options) => this.showVariant('warning', title, config, options),
+            loading: (title, config, options) => this.showVariant('loading', title, config, options),
+            update: (id, partial) => this.update(id, partial),
+            promise: (promise, messages) => this.promise(promise, messages),
+            dismiss: (id) => this.dismiss(id),
+            dismissAll: () => this.dismissAll(),
+        };
+    }
+    show(config, options) {
+        var _a, _b;
+        const id = (_a = config.id) !== null && _a !== void 0 ? _a : this.generateId();
+        const entry = this.hydrateEntry(Object.assign(Object.assign({}, config), { id }));
+        if ((options === null || options === void 0 ? void 0 : options.force) && this.isShowing) {
+            this.queue.unshift(entry);
+            this.clearAutoDismissTimer();
+            this.autoDismissed = false;
+            void this.driver.dismiss((_b = this.current) === null || _b === void 0 ? void 0 : _b.id);
+            return id;
+        }
+        if (!this.isShowing) {
+            this.presentToast(entry);
+            return id;
+        }
+        this.queue.push(entry);
+        this.prepareSvgIcon(entry);
+        return id;
+    }
+    update(id, partial) {
+        var _a;
+        if (((_a = this.current) === null || _a === void 0 ? void 0 : _a.id) === id) {
+            this.current = this.hydrateEntry(Object.assign(Object.assign(Object.assign({}, this.current), partial), { id }), this.current);
+            this.armAutoDismissTimer(this.current);
+            void this.driver.update(this.buildPayload(this.current));
+            this.prepareSvgIcon(this.current);
+            return;
+        }
+        const index = this.queue.findIndex((entry) => entry.id === id);
+        if (index === -1)
+            return;
+        const existing = this.queue[index];
+        const updated = this.hydrateEntry(Object.assign(Object.assign(Object.assign({}, existing), partial), { id }), existing);
+        this.queue[index] = updated;
+        this.prepareSvgIcon(updated);
+    }
+    dismiss(id) {
+        var _a;
+        if (id && ((_a = this.current) === null || _a === void 0 ? void 0 : _a.id) !== id) {
+            this.queue = this.queue.filter((entry) => entry.id !== id);
+            return;
+        }
+        if (!this.current)
+            return;
+        this.clearAutoDismissTimer();
+        this.autoDismissed = false;
+        void this.driver.dismiss(this.current.id);
+    }
+    dismissAll() {
+        this.queue = [];
+        if (!this.current)
+            return;
+        this.clearAutoDismissTimer();
+        this.autoDismissed = false;
+        void this.driver.dismiss(this.current.id);
+    }
+    promise(promise, messages) {
+        const loadingConfig = typeof messages.loading === 'string'
+            ? { title: messages.loading }
+            : Object.assign({}, messages.loading);
+        if (loadingConfig.autoDismiss === undefined) {
+            loadingConfig.autoDismiss = false;
+        }
+        if (!loadingConfig.icon) {
+            loadingConfig.icon = VARIANT_ICONS.loading;
+        }
+        const id = this.show(loadingConfig);
+        promise.then((value) => {
+            const next = typeof messages.success === 'function' ? messages.success(value) : messages.success;
+            const config = typeof next === 'string' ? { title: next } : Object.assign({}, next);
+            if (!config.icon)
+                config.icon = VARIANT_ICONS.success;
+            if (config.autoDismiss === undefined)
+                config.autoDismiss = true;
+            if (config.duration === undefined)
+                config.duration = 3000;
+            this.update(id, config);
+        }, (error) => {
+            const next = typeof messages.error === 'function' ? messages.error(error) : messages.error;
+            const config = typeof next === 'string' ? { title: next } : Object.assign({}, next);
+            if (!config.icon)
+                config.icon = VARIANT_ICONS.error;
+            if (config.autoDismiss === undefined)
+                config.autoDismiss = true;
+            if (config.duration === undefined)
+                config.duration = 3000;
+            this.update(id, config);
+        });
+        return promise;
+    }
+    showVariant(variant, title, config, options) {
+        var _a;
+        const toastConfig = Object.assign(Object.assign({}, config), { title, icon: (_a = config === null || config === void 0 ? void 0 : config.icon) !== null && _a !== void 0 ? _a : VARIANT_ICONS[variant], _fallbackIcon: VARIANT_ICONS[variant] });
+        if (variant === 'loading' && toastConfig.autoDismiss === undefined) {
+            toastConfig.autoDismiss = false;
+        }
+        return this.show(toastConfig, options);
+    }
+    presentToast(entry) {
+        var _a;
+        this.isShowing = true;
+        this.current = entry;
+        this.armAutoDismissTimer(entry);
+        (_a = entry.onShow) === null || _a === void 0 ? void 0 : _a.call(entry);
+        void this.driver.show(this.buildPayload(entry));
+        this.prepareSvgIcon(entry);
+    }
+    showNext() {
+        const next = this.queue.shift();
+        if (!next) {
+            this.isShowing = false;
+            this.current = null;
+            return;
+        }
+        this.presentToast(next);
+    }
+    handleDismiss(id) {
+        var _a, _b;
+        if (!this.current || this.current.id !== id)
+            return;
+        const entry = this.current;
+        this.clearAutoDismissTimer();
+        if (this.autoDismissed) {
+            (_a = entry.onAutoDismiss) === null || _a === void 0 ? void 0 : _a.call(entry);
+        }
+        (_b = entry.onHide) === null || _b === void 0 ? void 0 : _b.call(entry);
+        this.autoDismissed = false;
+        this.showNext();
+    }
+    handlePress(id) {
+        if (!this.current || this.current.id !== id || !this.current.onPress)
+            return;
+        this.current.onPress();
+        this.clearAutoDismissTimer();
+        this.autoDismissed = false;
+        void this.driver.dismiss(id);
+    }
+    handleActionPress(id) {
+        if (!this.current || this.current.id !== id || !this.current.action)
+            return;
+        this.current.action.onPress();
+        this.clearAutoDismissTimer();
+        this.autoDismissed = false;
+        void this.driver.dismiss(id);
+    }
+    armAutoDismissTimer(entry) {
+        var _a, _b;
+        this.clearAutoDismissTimer();
+        this.autoDismissed = false;
+        const autoDismiss = (_a = entry.autoDismiss) !== null && _a !== void 0 ? _a : true;
+        const duration = (_b = entry.duration) !== null && _b !== void 0 ? _b : 3000;
+        if (!autoDismiss || duration <= 0)
+            return;
+        this.autoDismissTimer = setTimeout(() => {
+            this.autoDismissTimer = null;
+            this.autoDismissed = true;
+        }, duration);
+    }
+    clearAutoDismissTimer() {
+        if (!this.autoDismissTimer)
+            return;
+        clearTimeout(this.autoDismissTimer);
+        this.autoDismissTimer = null;
+    }
+    hydrateEntry(config, previous) {
+        var _a, _b, _c;
+        const iconSourceUri = normalizeIconSource(config.iconSource);
+        const rawIcon = typeof config.icon === 'string' ? config.icon : '';
+        const rawSvg = !iconSourceUri && isSvgIcon(rawIcon) ? rawIcon.trim() : undefined;
+        const fallbackIcon = (_b = (_a = config._fallbackIcon) !== null && _a !== void 0 ? _a : previous === null || previous === void 0 ? void 0 : previous._fallbackIcon) !== null && _b !== void 0 ? _b : DEFAULT_ICON_SYMBOL;
+        const iconSymbol = rawSvg ? fallbackIcon : rawIcon || fallbackIcon;
+        const resolvedIconUri = iconSourceUri && isNativeSafeIconUri(iconSourceUri)
+            ? iconSourceUri
+            : rawSvg && (previous === null || previous === void 0 ? void 0 : previous.rawSvg) === rawSvg
+                ? previous.resolvedIconUri
+                : iconSourceUri && (previous === null || previous === void 0 ? void 0 : previous.iconSourceUri) === iconSourceUri
+                    ? previous.resolvedIconUri
+                    : undefined;
+        return Object.assign(Object.assign({}, config), { id: config.id, iconSymbol,
+            iconSourceUri,
+            rawSvg,
+            resolvedIconUri, isPreparingSvg: rawSvg ? ((_c = previous === null || previous === void 0 ? void 0 : previous.isPreparingSvg) !== null && _c !== void 0 ? _c : false) : false });
+    }
+    buildPayload(entry) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        const iconUri = (_b = (_a = entry.iconSourceUri) !== null && _a !== void 0 ? _a : entry.resolvedIconUri) !== null && _b !== void 0 ? _b : '';
+        return {
+            id: entry.id,
+            icon: entry.iconSymbol,
+            iconUri,
+            webIconUri: (_c = entry.iconSourceUri) !== null && _c !== void 0 ? _c : iconUri,
+            iconSvg: entry.iconSourceUri ? '' : ((_d = entry.rawSvg) !== null && _d !== void 0 ? _d : ''),
+            title: (_e = entry.title) !== null && _e !== void 0 ? _e : '',
+            message: (_f = entry.message) !== null && _f !== void 0 ? _f : '',
+            duration: (_g = entry.duration) !== null && _g !== void 0 ? _g : 3000,
+            autoDismiss: (_h = entry.autoDismiss) !== null && _h !== void 0 ? _h : true,
+            enableSwipeDismiss: (_j = entry.enableSwipeDismiss) !== null && _j !== void 0 ? _j : true,
+            useDynamicIsland: true,
+            accentColor: entry.accentColor,
+            strokeColor: entry.strokeColor,
+            disableBackdropSampling: (_k = entry.disableBackdropSampling) !== null && _k !== void 0 ? _k : false,
+            actionLabel: (_m = (_l = entry.action) === null || _l === void 0 ? void 0 : _l.label) !== null && _m !== void 0 ? _m : '',
+            accessibilityAnnouncement: getAccessibilityAnnouncement(entry),
+        };
+    }
+    prepareSvgIcon(entry) {
+        var _a, _b;
+        if (entry.isPreparingSvg || entry.resolvedIconUri) {
+            return;
+        }
+        const needsSvgRaster = Boolean(entry.rawSvg);
+        const needsBlobConversion = Boolean((_a = entry.iconSourceUri) === null || _a === void 0 ? void 0 : _a.startsWith('blob:'));
+        if (!needsSvgRaster && !needsBlobConversion) {
+            return;
+        }
+        entry.isPreparingSvg = true;
+        const resolveAsset = needsSvgRaster && entry.rawSvg
+            ? rasterizeSvgToPngDataUrl(entry.rawSvg)
+            : blobUrlToDataUrl((_b = entry.iconSourceUri) !== null && _b !== void 0 ? _b : '');
+        void resolveAsset.then((dataUrl) => {
+            var _a;
+            entry.isPreparingSvg = false;
+            if (!dataUrl)
+                return;
+            entry.resolvedIconUri = dataUrl;
+            if (((_a = this.current) === null || _a === void 0 ? void 0 : _a.id) === entry.id) {
+                void this.driver.update(this.buildPayload(entry));
+            }
+        });
+    }
+    generateId() {
+        this.idCounter += 1;
+        return `toast-${this.idCounter}-${Date.now()}`;
+    }
+}
+
+const PrettyToastBridge = core.registerPlugin('PrettyToast', {
+    web: () => Promise.resolve().then(function () { return web; }).then((module) => new module.PrettyToastWeb()),
+});
+
+class CapacitorToastDriver {
+    constructor() {
+        this.subscribed = false;
+    }
+    subscribe(events) {
+        if (this.subscribed)
+            return;
+        this.subscribed = true;
+        void PrettyToastBridge.addListener('toastDismiss', events.onDismiss);
+        void PrettyToastBridge.addListener('toastPress', events.onPress);
+        void PrettyToastBridge.addListener('toastActionPress', events.onActionPress);
+    }
+    show(payload) {
+        return PrettyToastBridge.showCurrentToast(payload);
+    }
+    update(payload) {
+        return PrettyToastBridge.updateCurrentToast(payload);
+    }
+    dismiss(id) {
+        return PrettyToastBridge.dismissCurrentToast(id ? { id } : {});
+    }
+}
+
+const controller = new ToastController(new CapacitorToastDriver());
+const toast = controller.ref;
+
+const ENTER_MS = 450;
+const EXIT_MS = 350;
+const ENTER_EASING = 'cubic-bezier(0.22, 1.2, 0.36, 1)';
+const EXIT_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';
+const SWIPE_THRESHOLD = -40;
+class WebToastRenderer {
+    constructor(events) {
+        this.events = events;
+        this.current = null;
+        this.root = null;
+        this.iconSlot = null;
+        this.titleNode = null;
+        this.messageNode = null;
+        this.actionButton = null;
+        this.autoDismissTimer = null;
+        this.exitTimer = null;
+        this.prefersDark = false;
+        this.dragStartY = null;
+        this.dragY = 0;
+        this.isDragging = false;
+        if (typeof window !== 'undefined' && typeof window.matchMedia === 'function') {
+            this.prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        }
+    }
+    show(payload) {
+        this.current = payload;
+        this.clearExitTimer();
+        this.clearAutoDismissTimer();
+        this.dragStartY = null;
+        this.dragY = 0;
+        this.isDragging = false;
+        this.ensureElements();
+        this.render(payload);
+        this.applyEnteringState();
+        requestAnimationFrame(() => {
+            var _a;
+            if (!this.root || ((_a = this.current) === null || _a === void 0 ? void 0 : _a.id) !== payload.id)
+                return;
+            this.root.style.transform = 'translate(-50%, 0) scale(1)';
+            this.root.style.opacity = '1';
+        });
+        this.armAutoDismiss(payload);
+    }
+    update(payload) {
+        if (!this.root || !this.current || this.current.id !== payload.id)
+            return;
+        this.current = payload;
+        this.render(payload);
+        this.armAutoDismiss(payload);
+    }
+    dismiss(id) {
+        if (!this.current || (id && this.current.id !== id) || !this.root)
+            return;
+        this.clearAutoDismissTimer();
+        this.startExit();
+    }
+    ensureElements() {
+        if (typeof document === 'undefined')
+            return;
+        if (this.root) {
+            if (!this.root.isConnected) {
+                document.body.appendChild(this.root);
+            }
+            return;
+        }
+        const root = document.createElement('div');
+        root.setAttribute('role', 'status');
+        root.setAttribute('aria-live', 'polite');
+        root.style.position = 'fixed';
+        root.style.top = 'calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 10px)';
+        root.style.left = '50%';
+        root.style.zIndex = '2147483647';
+        root.style.width = 'min(360px, calc(100vw - 20px))';
+        root.style.boxSizing = 'border-box';
+        root.style.background = '#000';
+        root.style.borderRadius = '30px';
+        root.style.padding = '14px 20px';
+        root.style.display = 'flex';
+        root.style.alignItems = 'center';
+        root.style.gap = '10px';
+        root.style.fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif';
+        root.style.userSelect = 'none';
+        root.style.touchAction = 'none';
+        root.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.35)';
+        root.style.transform = 'translate(-50%, -40px) scale(0.8)';
+        root.style.opacity = '0';
+        root.style.transition = `transform ${ENTER_MS}ms ${ENTER_EASING}, opacity ${ENTER_MS}ms ${ENTER_EASING}`;
+        root.addEventListener('pointerdown', (event) => this.handlePointerDown(event));
+        root.addEventListener('pointermove', (event) => this.handlePointerMove(event));
+        root.addEventListener('pointerup', (event) => this.handlePointerUp(event));
+        root.addEventListener('pointercancel', (event) => this.handlePointerUp(event));
+        root.addEventListener('click', () => {
+            if (!this.current || this.dragY < -4)
+                return;
+            this.events.onPress(this.current.id);
+        });
+        const iconSlot = document.createElement('div');
+        iconSlot.style.width = '50px';
+        iconSlot.style.flexShrink = '0';
+        iconSlot.style.display = 'flex';
+        iconSlot.style.alignItems = 'center';
+        iconSlot.style.justifyContent = 'center';
+        iconSlot.style.fontSize = '35px';
+        iconSlot.style.lineHeight = '1';
+        const textWrap = document.createElement('div');
+        textWrap.style.flex = '1';
+        textWrap.style.minWidth = '0';
+        const titleNode = document.createElement('div');
+        titleNode.style.color = '#fff';
+        titleNode.style.fontWeight = '600';
+        titleNode.style.fontSize = '15px';
+        titleNode.style.lineHeight = '20px';
+        titleNode.style.wordBreak = 'break-word';
+        const messageNode = document.createElement('div');
+        messageNode.style.color = 'rgba(255, 255, 255, 0.6)';
+        messageNode.style.fontSize = '12px';
+        messageNode.style.lineHeight = '16px';
+        messageNode.style.wordBreak = 'break-word';
+        textWrap.appendChild(titleNode);
+        textWrap.appendChild(messageNode);
+        const actionButton = document.createElement('button');
+        actionButton.type = 'button';
+        actionButton.style.flexShrink = '0';
+        actionButton.style.marginLeft = '4px';
+        actionButton.style.padding = '6px 12px';
+        actionButton.style.background = 'rgba(255,255,255,0.12)';
+        actionButton.style.border = 'none';
+        actionButton.style.borderRadius = '999px';
+        actionButton.style.fontSize = '13px';
+        actionButton.style.fontWeight = '600';
+        actionButton.style.cursor = 'pointer';
+        actionButton.style.display = 'none';
+        actionButton.addEventListener('click', (event) => {
+            event.stopPropagation();
+            if (!this.current)
+                return;
+            this.events.onActionPress(this.current.id);
+        });
+        actionButton.addEventListener('pointerdown', (event) => event.stopPropagation());
+        root.appendChild(iconSlot);
+        root.appendChild(textWrap);
+        root.appendChild(actionButton);
+        document.body.appendChild(root);
+        this.root = root;
+        this.iconSlot = iconSlot;
+        this.titleNode = titleNode;
+        this.messageNode = messageNode;
+        this.actionButton = actionButton;
+    }
+    render(payload) {
+        var _a, _b, _c;
+        if (!this.root || !this.iconSlot || !this.titleNode || !this.messageNode || !this.actionButton) {
+            return;
+        }
+        const symbolInfo = getSymbolIcon(payload.icon);
+        const accentColor = (_a = payload.accentColor) !== null && _a !== void 0 ? _a : symbolInfo.color;
+        const outline = payload.strokeColor
+            ? payload.strokeColor
+            : payload.disableBackdropSampling
+                ? 'rgba(255,255,255,0.06)'
+                : this.prefersDark
+                    ? `color-mix(in srgb, ${accentColor} 20%, transparent)`
+                    : '';
+        this.root.style.border = outline ? `2px solid ${outline}` : 'none';
+        this.root.style.cursor = payload.actionLabel || payload.icon ? 'pointer' : 'default';
+        this.root.setAttribute('aria-label', payload.accessibilityAnnouncement || '');
+        this.iconSlot.style.color = accentColor;
+        this.iconSlot.replaceChildren();
+        const renderableUri = payload.webIconUri || payload.iconUri;
+        if (renderableUri) {
+            const image = document.createElement('img');
+            image.src = renderableUri;
+            image.alt = '';
+            image.style.width = '40px';
+            image.style.height = '40px';
+            image.style.objectFit = 'contain';
+            this.iconSlot.appendChild(image);
+        }
+        else if (payload.iconSvg) {
+            const svg = parseSvgElement(payload.iconSvg);
+            if (svg) {
+                this.iconSlot.appendChild(svg);
+            }
+            else {
+                this.iconSlot.textContent = (_b = getSymbolIcon(payload.icon || DEFAULT_ICON_SYMBOL).glyph) !== null && _b !== void 0 ? _b : '';
+            }
+        }
+        else {
+            const glyph = (_c = symbolInfo.glyph) !== null && _c !== void 0 ? _c : getSymbolIcon(DEFAULT_ICON_SYMBOL).glyph;
+            if (glyph) {
+                this.iconSlot.textContent = glyph;
+            }
+            else {
+                this.iconSlot.innerHTML =
+                    '<svg width="28" height="28" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M12 2.25a1 1 0 0 1 1 1v.6a7 7 0 0 1 6 6.93v3.36l1.38 2.07A1.25 1.25 0 0 1 19.34 18H4.66a1.25 1.25 0 0 1-1.04-1.94L5 14v-3.22a7 7 0 0 1 6-6.93v-.6a1 1 0 0 1 1-1Zm-2.5 17.25a2.5 2.5 0 0 0 5 0h-5Z" /></svg>';
+            }
+        }
+        this.titleNode.textContent = payload.title;
+        this.titleNode.style.display = payload.title ? 'block' : 'none';
+        this.messageNode.textContent = payload.message;
+        this.messageNode.style.display = payload.message ? 'block' : 'none';
+        this.messageNode.style.marginTop = payload.title && payload.message ? '4px' : '0';
+        this.actionButton.textContent = payload.actionLabel;
+        this.actionButton.style.color = accentColor;
+        this.actionButton.style.display = payload.actionLabel ? 'inline-flex' : 'none';
+    }
+    armAutoDismiss(payload) {
+        this.clearAutoDismissTimer();
+        if (!payload.autoDismiss || payload.duration <= 0)
+            return;
+        this.autoDismissTimer = setTimeout(() => {
+            this.startExit();
+        }, payload.duration);
+    }
+    startExit() {
+        if (!this.root || !this.current || this.exitTimer)
+            return;
+        const currentId = this.current.id;
+        this.root.style.transition = `transform ${EXIT_MS}ms ${EXIT_EASING}, opacity ${EXIT_MS}ms ${EXIT_EASING}`;
+        this.root.style.transform = `translate(-50%, ${this.dragY - 40}px) scale(1)`;
+        this.root.style.opacity = '0';
+        this.exitTimer = setTimeout(() => {
+            var _a;
+            this.exitTimer = null;
+            this.clearAutoDismissTimer();
+            this.dragY = 0;
+            this.isDragging = false;
+            this.dragStartY = null;
+            if ((_a = this.root) === null || _a === void 0 ? void 0 : _a.isConnected) {
+                this.root.remove();
+            }
+            this.root = null;
+            this.iconSlot = null;
+            this.titleNode = null;
+            this.messageNode = null;
+            this.actionButton = null;
+            this.current = null;
+            this.events.onDismiss(currentId);
+        }, EXIT_MS);
+    }
+    applyEnteringState() {
+        if (!this.root)
+            return;
+        this.root.style.transition = `transform ${ENTER_MS}ms ${ENTER_EASING}, opacity ${ENTER_MS}ms ${ENTER_EASING}`;
+        this.root.style.transform = 'translate(-50%, -40px) scale(0.8)';
+        this.root.style.opacity = '0';
+    }
+    handlePointerDown(event) {
+        var _a, _b;
+        if (event.button !== 0)
+            return;
+        this.dragStartY = event.clientY;
+        this.dragY = 0;
+        (_b = (_a = this.root) === null || _a === void 0 ? void 0 : _a.setPointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
+    }
+    handlePointerMove(event) {
+        if (!this.root || this.dragStartY === null)
+            return;
+        const nextDragY = Math.min(0, event.clientY - this.dragStartY);
+        this.dragY = nextDragY;
+        this.isDragging = nextDragY < -2;
+        if (!this.isDragging)
+            return;
+        this.root.style.transition = 'none';
+        this.root.style.transform = `translate(-50%, ${nextDragY}px) scale(1)`;
+    }
+    handlePointerUp(event) {
+        var _a, _b;
+        if (!this.root || this.dragStartY === null)
+            return;
+        this.dragStartY = null;
+        (_b = (_a = this.root).releasePointerCapture) === null || _b === void 0 ? void 0 : _b.call(_a, event.pointerId);
+        if (this.dragY < SWIPE_THRESHOLD) {
+            this.startExit();
+            return;
+        }
+        this.isDragging = false;
+        this.dragY = 0;
+        this.root.style.transition = `transform ${EXIT_MS}ms ${EXIT_EASING}, opacity ${EXIT_MS}ms ${EXIT_EASING}`;
+        this.root.style.transform = 'translate(-50%, 0) scale(1)';
+    }
+    clearAutoDismissTimer() {
+        if (!this.autoDismissTimer)
+            return;
+        clearTimeout(this.autoDismissTimer);
+        this.autoDismissTimer = null;
+    }
+    clearExitTimer() {
+        if (!this.exitTimer)
+            return;
+        clearTimeout(this.exitTimer);
+        this.exitTimer = null;
+    }
+}
+
+class PrettyToastWeb extends core.WebPlugin {
+    constructor() {
+        super(...arguments);
+        this.renderer = new WebToastRenderer({
+            onDismiss: (id) => {
+                this.notifyListeners('toastDismiss', { id });
+            },
+            onPress: (id) => {
+                this.notifyListeners('toastPress', { id });
+            },
+            onActionPress: (id) => {
+                this.notifyListeners('toastActionPress', { id });
+            },
+        });
+    }
+    async showCurrentToast(options) {
+        this.renderer.show(options);
+    }
+    async updateCurrentToast(options) {
+        this.renderer.update(options);
+    }
+    async dismissCurrentToast(options) {
+        this.renderer.dismiss(options === null || options === void 0 ? void 0 : options.id);
+    }
+}
+
+var web = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    PrettyToastWeb: PrettyToastWeb
+});
+
+exports.toast = toast;
+//# sourceMappingURL=plugin.cjs.js.map