@capgo/capacitor-pretty-toast 8.1.0

package/dist/plugin.js

@@ -0,0 +1,773 @@
+var capacitorPrettyToast = (function (exports, core) {
+    'use strict';
+
+    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;
+
+    return exports;
+
+})({}, capacitorExports);
+//# sourceMappingURL=plugin.js.map