@tsirosgeorge/toastnotification 5.3.3 → 5.5.0

package/toast.js

@@ -1,10 +1,44 @@
 "use strict";
 
-// Dynamically load the external CSS file
-const link = document.createElement("link");
-link.rel = "stylesheet";
-link.href = "https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/css/toast.min.css";
-document.head.appendChild(link);
+// Single source of truth for the CDN this build points at.
+// `npm run sync:version` rewrites it from package.json, so it can never go stale.
+const TS_TOAST_VERSION = "5.5.0";
+// Point this at your own copy of assets/ to self-host the CSS and icons
+// (useful offline, behind a strict CSP, or when you don't want a CDN dependency):
+//   window.TS_TOAST_ASSET_BASE = '/vendor/toastnotification';
+const TS_TOAST_CDN = (typeof window !== 'undefined' && window.TS_TOAST_ASSET_BASE)
+    ? String(window.TS_TOAST_ASSET_BASE).replace(/\/+$/, '')
+    : `https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@${TS_TOAST_VERSION}`;
+
+// How many confirm dialogs are currently open. The body scroll lock belongs to the
+// group, so only the last dialog to close may release it.
+let tsToastOpenModals = 0;
+let tsToastPrevOverflow = '';
+
+const tsToastReducedMotion = () =>
+    typeof window !== 'undefined' &&
+    typeof window.matchMedia === 'function' &&
+    window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+
+// Everything inside the dialog a keyboard can reach, in DOM order.
+const tsToastFocusable = (root) => Array.from(
+    root.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')
+).filter((el) => !el.disabled && el.offsetParent !== null);
+
+let tsToastIdCounter = 0;
+
+// Load the stylesheet from the CDN, unless the page opted out by importing it itself
+// (set window.TS_TOAST_NO_CSS = true before loading, or ship assets/css/toast.css yourself).
+(function loadStylesheet() {
+    const LINK_ID = 'ts-toast-stylesheet';
+    if (typeof window !== 'undefined' && window.TS_TOAST_NO_CSS) return;
+    if (document.getElementById(LINK_ID)) return;
+    const link = document.createElement("link");
+    link.id = LINK_ID;
+    link.rel = "stylesheet";
+    link.href = `${TS_TOAST_CDN}/assets/css/toast.min.css`;
+    document.head.appendChild(link);
+})();
 
         // Inject minimal styles for confirm actions and overlay (kept tiny to avoid breaking existing CSS)
     (function injectInlineStyles() {
@@ -16,6 +50,8 @@ document.head.appendChild(link);
             /* Ensure center positions exist even if external CSS lacks them */
             .ts-toast-container.top-center { top: 1rem; left: 50%; transform: translateX(-50%); align-items: center; }
             .ts-toast-container.bottom-center { bottom: 1rem; left: 50%; transform: translateX(-50%); align-items: center; }
+            .ts-toast-container.center { top: 50%; left: 50%; transform: translate(-50%, -50%); align-items: center; }
+            .ts-toast-overlay.center { align-items: center; justify-content: center; }
             .ts-toast-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 2147483646; }
             .ts-toast.ts-toast-confirm { max-width: min(92vw, 440px); width: max(320px, 60%); flex-direction: column; gap: 12px; padding: 16px 20px; background: var(--toast-bg, #fff); color: var(--toast-color, #000); border: 1px solid var(--toast-border, #e5e7eb); border-radius: 12px; box-shadow: var(--toast-shadow, 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)); text-align: center; }
             .ts-toast.ts-toast-confirm .ts-toast-content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
@@ -67,6 +103,11 @@ const toast = function (message, options = {}) {
             useOverlay = true,
             closeOnOverlayClick = true,
             showClose = false,
+            // Escape cancels a confirm dialog
+            closeOnEscape = true,
+            // `message` is written as HTML for backwards compatibility. Pass false to
+            // render it as plain text, which is what you want for anything user-supplied.
+            allowHtml = true,
             // interactions
             dismissOnClick = true, // ignored if confirm-mode
             onClick = null,      // Custom onClick event listener
@@ -75,6 +116,7 @@ const toast = function (message, options = {}) {
         } = options;
 
         const isConfirm = (mode === 'confirm' || mode === 'swal');
+        const reducedMotion = tsToastReducedMotion();
 
         // Pick an animation intelligently when one wasn't explicitly provided
         const resolvedAnimation = (typeof options.animation === 'string' && options.animation.trim())
@@ -90,10 +132,12 @@ const toast = function (message, options = {}) {
                 };
                 return m[a] || a;
             })(options.animation.trim())
-            : (isConfirm ? 'ts-toast-zoom-in' : (position.startsWith('top') ? 'ts-toast-slide-top'
+            // 'center' has no edge to slide in from, so it zooms like a dialog.
+            : (isConfirm || position === 'center' ? 'ts-toast-zoom-in'
+                : position.startsWith('top') ? 'ts-toast-slide-top'
                 : position.startsWith('bottom') ? 'ts-toast-slide-bottom'
                 : position.endsWith('left') ? 'ts-toast-slide-left'
-                : 'ts-toast-slide-right'));
+                : 'ts-toast-slide-right');
 
         // helper: remove with smooth CSS transition and cleanup (used by alerts)
         const removeWithAnimation = (el, callback) => {
@@ -126,13 +170,24 @@ const toast = function (message, options = {}) {
                 el.classList.remove('ts-toast-slide-out');
                 if (el.parentNode) el.parentNode.removeChild(el);
                 if (typeof callback === 'function') callback();
-            }, 500);
+            }, reducedMotion ? 0 : 500);
         };
 
     const toastElement = document.createElement('div');
         toastElement.className = `ts-toast ts-toast-${type}${isConfirm ? ' ts-toast-confirm' : ''}`;
     toastElement.dataset.anim = resolvedAnimation;
-    toastElement.style.animation = `${resolvedAnimation} 0.5s ease`;
+    if (!reducedMotion) toastElement.style.animation = `${resolvedAnimation} 0.5s ease`;
+
+        const uid = `ts-toast-${++tsToastIdCounter}`;
+        if (isConfirm) {
+            // Without these a screen reader announces nothing, and without tabindex the
+            // dialog cannot take focus away from whatever opened it.
+            toastElement.setAttribute('role', 'dialog');
+            toastElement.setAttribute('aria-modal', 'true');
+            toastElement.tabIndex = -1;
+        } else if (type === 'error' || type === 'warning') {
+            toastElement.setAttribute('role', 'alert');
+        }
         // In confirm mode, we stack content vertically; in alert mode keep original layout
         if (!isConfirm) {
             toastElement.style.flexDirection = 'row-reverse';
@@ -147,23 +202,16 @@ const toast = function (message, options = {}) {
             iconElement.textContent = icon;
         } else {
             const img = document.createElement('img');
-            img.src = '';
+            img.alt = '';
+            img.setAttribute('aria-hidden', 'true');
             img.style.width = '30px';
             img.style.height = '30px';
             img.style.objectFit = 'contain';
 
-            const baseUrl = 'https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/';
-            const timestamp = new Date().getTime(); // 🔄 force refresh
-
-            if (type === 'success') {
-                img.src = `${baseUrl}success.gif?t=${timestamp}`;
-            } else if (type === 'error') {
-                img.src = `${baseUrl}error.gif?t=${timestamp}`;
-            } else if (type === 'info') {
-                img.src = `${baseUrl}info.gif?t=${timestamp}`;
-            } else if (type === 'warning') {
-                img.src = `${baseUrl}warning.gif?t=${timestamp}`;
-            }
+            // No cache-buster: these GIFs are immutable per version, so let the
+            // browser and the CDN actually cache them.
+            const iconFile = { success: 'success.gif', error: 'error.gif', info: 'info.gif', warning: 'warning.gif' }[type];
+            if (iconFile) img.src = `${TS_TOAST_CDN}/assets/img/${iconFile}`;
 
             iconElement.appendChild(img);
         }
@@ -171,7 +219,11 @@ const toast = function (message, options = {}) {
         // Create Body
         const toastBody = document.createElement('div');
         toastBody.className = 'ts-toast-body';
-        toastBody.innerHTML = message; // Allow HTML content in message
+        toastBody.id = `${uid}-body`;
+        // HTML by default for backwards compatibility; pass allowHtml: false for
+        // anything that came from a user.
+        if (allowHtml) toastBody.innerHTML = message;
+        else toastBody.textContent = message;
 
         // Content row for confirm (icon + text side-by-side)
         let contentRow = null;
@@ -182,10 +234,13 @@ const toast = function (message, options = {}) {
             if (title) {
                 const titleEl = document.createElement('div');
                 titleEl.className = 'ts-toast-title';
+                titleEl.id = `${uid}-title`;
                 titleEl.textContent = title;
                 contentRow.appendChild(titleEl);
+                toastElement.setAttribute('aria-labelledby', titleEl.id);
             }
             contentRow.appendChild(toastBody);
+            toastElement.setAttribute('aria-describedby', toastBody.id);
             toastElement.appendChild(contentRow);
         } else {
             toastElement.appendChild(toastBody);
@@ -204,12 +259,24 @@ const toast = function (message, options = {}) {
             inputElement.className = 'ts-toast-input';
             inputElement.placeholder = inputPlaceholder;
             inputElement.value = inputValue;
+            // Enter submits a single-line field, the way a native prompt does.
+            // A textarea keeps Enter for newlines.
+            if (input !== 'textarea') {
+                inputElement.addEventListener('keydown', (e) => {
+                    if (e.key === 'Enter') { e.preventDefault(); resolveAndClose(true); }
+                });
+            }
             toastElement.appendChild(inputElement);
         }
 
         // Actions (for confirm mode)
         let actionsContainer = null;
         let resultResolver = null;
+        // Assigned in confirm mode; the overlay and (x) handlers below call it so that
+        // *every* way of dismissing the dialog settles the promise and the callbacks.
+        let resolveAndClose = null;
+        // Releases the scroll lock, the key handler and the focus this dialog took.
+        let releaseModal = () => {};
         if (isConfirm) {
             actionsContainer = document.createElement('div');
             actionsContainer.className = 'ts-toast-actions';
@@ -235,12 +302,21 @@ const toast = function (message, options = {}) {
             // Create a Promise that resolves on user choice; expose via property
             toastElement.result = new Promise((resolve) => { resultResolver = resolve; });
 
-            const resolveAndClose = (value) => {
-                const result = (value && inputElement !== null) ? inputElement.value : value;
+            let settled = false;
+            resolveAndClose = (confirmed) => {
+                if (settled) return; // a button click and a backdrop click can race
+                settled = true;
+                // With an input, confirming always yields a string (possibly '') and
+                // cancelling yields null, so an empty submission stays distinguishable
+                // from a cancel. Without an input the contract is still true/false.
+                const result = confirmed
+                    ? (inputElement ? inputElement.value : true)
+                    : (inputElement ? null : false);
                 if (resultResolver) resultResolver(result);
-                if (value && typeof onConfirm === 'function') onConfirm((inputElement !== null) ? inputElement.value : value, toastElement);
-                if (!value && typeof onCancel === 'function') onCancel(toastElement);
+                if (confirmed && typeof onConfirm === 'function') onConfirm(result, toastElement);
+                if (!confirmed && typeof onCancel === 'function') onCancel(toastElement);
                 if (typeof onResult === 'function') onResult(result, toastElement);
+                releaseModal();
                 // Use the same slide+fade removal as alerts
                 removeWithAnimation(toastElement, () => {
                     if (onDismiss && typeof onDismiss === 'function') onDismiss(toastElement);
@@ -265,7 +341,9 @@ const toast = function (message, options = {}) {
         let overlay = null;
         if (isConfirm && useOverlay) {
             overlay = document.createElement('div');
-            overlay.className = `ts-toast-overlay ${position}`;
+            // A modal centres by default. The `position` default of 'top-right' is meant
+            // for toasts; applying it here parked the dialog in a corner of the backdrop.
+            overlay.className = 'ts-toast-overlay' + (options.position ? ` ${position}` : '');
             document.body.appendChild(overlay);
             overlay.appendChild(toastElement);
             if (showClose) {
@@ -275,28 +353,23 @@ const toast = function (message, options = {}) {
                 closeBtn.innerHTML = '×';
                 closeBtn.addEventListener('click', (e) => {
                     e.stopPropagation();
-                    removeWithAnimation(toastElement, () => {
-                        if (onDismiss && typeof onDismiss === 'function') onDismiss(toastElement);
-                        if (overlay && overlay.parentNode) overlay.parentNode.removeChild(overlay);
-                    });
+                    // Dismissing via (x) is a cancel, so it has to settle like one.
+                    resolveAndClose(false);
                 });
                 toastElement.appendChild(closeBtn);
             }
             if (closeOnOverlayClick) {
+                // The cancel must both start and end on the backdrop. Selecting text in
+                // the input and releasing the mouse outside the card produced a click
+                // whose target was the overlay, which threw the dialog away mid-edit.
+                let pressedOnBackdrop = false;
+                overlay.addEventListener('pointerdown', (e) => { pressedOnBackdrop = e.target === overlay; });
                 overlay.addEventListener('click', (e) => {
-                    if (e.target === overlay) {
-                        // Overlay background click -> cancel
-                        if (toastElement.result) {
-                            // let the confirm logic close and cleanup
-                            if (typeof resultResolver === 'function') {
-                                resultResolver(false);
-                            }
-                        }
-                        removeWithAnimation(toastElement, () => {
-                            if (onDismiss && typeof onDismiss === 'function') onDismiss(toastElement);
-                            if (overlay && overlay.parentNode) overlay.parentNode.removeChild(overlay);
-                        });
-                    }
+                    // Backdrop click is a cancel: settle the promise and onCancel/onResult,
+                    // then close. Previously this resolved only the internal el.result,
+                    // so `await toast.confirm(...)` hung forever.
+                    if (e.target === overlay && pressedOnBackdrop) resolveAndClose(false);
+                    pressedOnBackdrop = false;
                 });
             }
         } else {
@@ -307,9 +380,79 @@ const toast = function (message, options = {}) {
                 container.className = `ts-toast-container ${position}`;
                 document.body.appendChild(container);
             }
+            if (!container.hasAttribute('aria-live')) {
+                // Without this a toast is invisible to a screen reader.
+                container.setAttribute('role', 'status');
+                container.setAttribute('aria-live', 'polite');
+                container.setAttribute('aria-relevant', 'additions');
+            }
             container.appendChild(toastElement);
         }
 
+        if (isConfirm) {
+            // The dialog has to own the keyboard while it is open. Without this the
+            // element that opened it keeps focus, so pressing Enter or Space activates
+            // it again and stacks a second dialog on top of the first — and Tab walks
+            // through the page behind the backdrop.
+            const previouslyFocused = document.activeElement;
+
+            tsToastOpenModals += 1;
+            if (tsToastOpenModals === 1) {
+                tsToastPrevOverflow = document.body.style.overflow;
+                document.body.style.overflow = 'hidden';
+            }
+
+            // With dialogs stacked, only the top one should answer the keyboard.
+            const isTopmost = () => {
+                const open = document.querySelectorAll('.ts-toast.ts-toast-confirm');
+                return open.length === 0 || open[open.length - 1] === toastElement;
+            };
+
+            const onKeydown = (e) => {
+                if (!isTopmost()) return;
+
+                if (e.key === 'Escape' && closeOnEscape) {
+                    e.preventDefault();
+                    resolveAndClose(false);
+                    return;
+                }
+                if (e.key !== 'Tab') return;
+
+                const focusables = tsToastFocusable(toastElement);
+                if (!focusables.length) { e.preventDefault(); return; }
+
+                const first = focusables[0];
+                const last = focusables[focusables.length - 1];
+
+                // Focus can start outside the dialog (the trigger button); pull it back.
+                if (!toastElement.contains(document.activeElement)) {
+                    e.preventDefault();
+                    (e.shiftKey ? last : first).focus();
+                } else if (e.shiftKey && document.activeElement === first) {
+                    e.preventDefault();
+                    last.focus();
+                } else if (!e.shiftKey && document.activeElement === last) {
+                    e.preventDefault();
+                    first.focus();
+                }
+            };
+            document.addEventListener('keydown', onKeydown, true);
+
+            releaseModal = () => {
+                document.removeEventListener('keydown', onKeydown, true);
+                tsToastOpenModals = Math.max(0, tsToastOpenModals - 1);
+                if (tsToastOpenModals === 0) document.body.style.overflow = tsToastPrevOverflow;
+                // Hand the keyboard back to whatever opened the dialog.
+                if (previouslyFocused && typeof previouslyFocused.focus === 'function' &&
+                    document.contains(previouslyFocused)) {
+                    previouslyFocused.focus();
+                }
+            };
+
+            // Land on the input when there is one, otherwise the confirm button.
+            (inputElement || toastElement.querySelector('.ts-toast-btn.confirm') || toastElement).focus();
+        }
+
         // Trigger the onShow event if provided
         if (onShow && typeof onShow === 'function') {
             onShow(toastElement);
@@ -354,8 +497,10 @@ const toast = function (message, options = {}) {
         if (!isConfirm && dismissOnClick) {
             toastElement.addEventListener('click', () => {
                 if (toastElement._autoRemove) clearTimeout(toastElement._autoRemove); // Clear the auto-remove timeout
+                // onClick belongs to the click, not to the end of the exit animation,
+                // which is where it used to fire half a second late.
+                if (onClick && typeof onClick === 'function') onClick(toastElement);
                 removeWithAnimation(toastElement, () => {
-                    if (onClick && typeof onClick === 'function') onClick(toastElement);
                     if (onDismiss && typeof onDismiss === 'function') onDismiss(toastElement);
                 });
             });
@@ -364,15 +509,23 @@ const toast = function (message, options = {}) {
         // Add swipe event listeners for mobile dismissal
         if (!isConfirm) {
             let touchStartX = 0;
+            let touchStartY = 0;
             let touchEndX = 0;
 
+            // Passive: these never preventDefault, and a non-passive touchstart blocks
+            // scrolling on the whole toast.
             toastElement.addEventListener('touchstart', (e) => {
                 touchStartX = e.changedTouches[0].screenX;
-            });
+                touchStartY = e.changedTouches[0].screenY;
+            }, { passive: true });
 
             toastElement.addEventListener('touchend', (e) => {
                 touchEndX = e.changedTouches[0].screenX;
-                if (Math.abs(touchStartX - touchEndX) > 50) { // Swipe distance threshold
+                const dx = Math.abs(touchStartX - touchEndX);
+                const dy = Math.abs(touchStartY - e.changedTouches[0].screenY);
+                // Only a mostly-horizontal swipe dismisses, so scrolling the page past a
+                // toast no longer throws it away on a bit of sideways drift.
+                if (dx > 50 && dx > dy) {
                     if (toastElement._autoRemove) clearTimeout(toastElement._autoRemove);
                     removeWithAnimation(toastElement, () => {
                         if (onDismiss && typeof onDismiss === 'function') onDismiss(toastElement);
@@ -381,15 +534,34 @@ const toast = function (message, options = {}) {
             });
         }
 
+        // Let callers dismiss a toast they are holding, instead of only waiting out
+        // the duration or making the user click it.
+        toastElement.close = () => {
+            if (toastElement._autoRemove) clearTimeout(toastElement._autoRemove);
+            if (isConfirm) { resolveAndClose(false); return; }
+            removeWithAnimation(toastElement, () => {
+                if (onDismiss && typeof onDismiss === 'function') onDismiss(toastElement);
+            });
+        };
+
         return toastElement;
     };
 
+    // Shorthands return the toast element so it can be passed to toast.update().
     toast.success = function (message, options) {
-        toast(message, { ...options, type: 'success' });
+        return toast(message, { ...options, type: 'success' });
     };
 
     toast.error = function (message, options) {
-        toast(message, { ...options, type: 'error' });
+        return toast(message, { ...options, type: 'error' });
+    };
+
+    toast.warning = function (message, options) {
+        return toast(message, { ...options, type: 'warning' });
+    };
+
+    toast.info = function (message, options) {
+        return toast(message, { ...options, type: 'info' });
     };
 
     // Update toast function to handle removal with animation
@@ -399,7 +571,6 @@ const toast = function (message, options = {}) {
             icon = null,
             showLoader = false,
             duration = 3000, // Default duration (in ms)
-            position = 'top-right', // Default position,
             onClick = null,      // Custom onClick event listener
             onShow = null,       // Custom onShow event listener
             onDismiss = null     // Custom onDismiss event listener
@@ -410,10 +581,13 @@ const toast = function (message, options = {}) {
         const oldIcon = toastElement.querySelector('.ts-toast-icon');
         if (oldLoader) oldLoader.remove();
 
-        // Update toast class and message
+        // Update toast class and message. Swap only the type modifier: overwriting
+        // className dropped ts-toast-show (so the toast faded out), dropped
+        // ts-toast-confirm (so confirm dialogs lost their layout), and leaked the
+        // position onto the toast instead of the container.
         if (type) {
-            // keep ts- prefix consistent
-            toastElement.className = `ts-toast ts-toast-${type} show ${position}`;
+            ['success', 'error', 'info', 'warning'].forEach((t) => toastElement.classList.remove(`ts-toast-${t}`));
+            toastElement.classList.add('ts-toast', `ts-toast-${type}`, 'ts-toast-show');
         }
         const toastBody = toastElement.querySelector('.ts-toast-body');
         if (toastBody) {
@@ -433,25 +607,21 @@ const toast = function (message, options = {}) {
             iconElement.textContent = icon;
         } else {
             const img = document.createElement('img');
+            img.alt = '';
+            img.setAttribute('aria-hidden', 'true');
             img.style.width = '30px';
             img.style.height = '30px';
             img.style.objectFit = 'contain';
 
-            if (type === 'success') {
-                img.src = 'https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/success.gif';
-            } else if (type === 'error') {
-                img.src = 'https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/error.gif';
-            } else if (type === 'info') {
-                img.src = 'https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/info.gif';
-            } else if (type === 'warning') {
-                img.src = 'https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/warning.gif';
-            }
+            const iconFile = { success: 'success.gif', error: 'error.gif', info: 'info.gif', warning: 'warning.gif' }[type];
+            if (iconFile) img.src = `${TS_TOAST_CDN}/assets/img/${iconFile}`;
 
             iconElement.appendChild(img);
         }
 
-        // Append the new icon immediately
-        toastElement.appendChild(iconElement);
+        // Append the new icon immediately (inside the content row for confirm dialogs)
+        const contentRow = toastElement.querySelector('.ts-toast-content');
+        (contentRow || toastElement).appendChild(iconElement);
 
         // Handle loader if requested
         if (showLoader) {
@@ -534,15 +704,11 @@ const toast = function (message, options = {}) {
                     showLoader: false // Disable loader when updating the message
                 });
             },
+            // Reuse the element's own close so onDismiss fires, which this
+            // hand-rolled copy of the removal never did.
             close: () => {
-                if (toastElement._autoRemove) clearTimeout(toastElement._autoRemove);
-                toastElement.classList.add('ts-toast-slide-out');
-                toastElement.classList.remove('ts-toast-show');
-                toastElement.style.animation = '';
-                setTimeout(() => {
-                    toastElement.classList.remove('ts-toast-slide-out');
-                    if (toastElement.parentNode) toastElement.parentNode.removeChild(toastElement);
-                }, 500);
+                toastElement._managedByLoading = false;
+                toastElement.close();
             }
         };
     };
@@ -564,12 +730,21 @@ const toast = function (message, options = {}) {
         });
     };
 
+    // Close every toast currently on screen. Confirm dialogs settle as a cancel.
+    toast.dismissAll = function () {
+        document.querySelectorAll('.ts-toast').forEach((el) => {
+            if (typeof el.close === 'function') el.close();
+        });
+    };
+
 // Expose globally for CDN / browser usage
 if (typeof window !== 'undefined') {
     window.toast = toast;
 }
 
+/* build:cjs-start (stripped when generating toast.module.js) */
 // CommonJS export for Node/bundlers (safe no-op in browsers)
 if (typeof module !== 'undefined' && module.exports) {
     module.exports = toast;
-}
+}
+/* build:cjs-end */

package/toast.min.js

@@ -1 +1 @@
-"use strict";const link=document.createElement("link");link.rel="stylesheet",link.href="https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/css/toast.min.css",document.head.appendChild(link),function(){const t="ts-toast-inline-extras";if(document.getElementById(t))return;const e=document.createElement("style");e.id=t,e.textContent="\n            /* Ensure center positions exist even if external CSS lacks them */\n            .ts-toast-container.top-center { top: 1rem; left: 50%; transform: translateX(-50%); align-items: center; }\n            .ts-toast-container.bottom-center { bottom: 1rem; left: 50%; transform: translateX(-50%); align-items: center; }\n            .ts-toast-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 2147483646; }\n            .ts-toast.ts-toast-confirm { max-width: min(92vw, 440px); width: max(320px, 60%); flex-direction: column; gap: 12px; padding: 16px 20px; background: var(--toast-bg, #fff); color: var(--toast-color, #000); border: 1px solid var(--toast-border, #e5e7eb); border-radius: 12px; box-shadow: var(--toast-shadow, 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)); text-align: center; }\n            .ts-toast.ts-toast-confirm .ts-toast-content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }\n            .ts-toast-actions { display: flex; gap: 10px; justify-content: center; margin-top: 12px; }\n            .ts-toast-btn { appearance: none; border: 0; padding: 8px 12px; border-radius: 8px; font-weight: 600; cursor: pointer; }\n            .ts-toast-btn.cancel { background: #e9ecef; color: #1f2937; }\n            .ts-toast-btn.confirm { background: #3b82f6; color: #fff; }\n            .ts-toast.ts-toast-error .ts-toast-btn.confirm,\n            .ts-toast.ts-toast-warning .ts-toast-btn.confirm { background: #ef4444; color: #fff; }\n            .ts-toast.ts-toast-confirm .ts-toast-title { font-weight: 700; font-size: 1.05rem; margin-top: 4px; }\n            .ts-toast.ts-toast-confirm .ts-toast-close { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 999px; border: 0; background: transparent; color: #6b7280; font-size: 20px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }\n            .ts-toast.ts-toast-confirm .ts-toast-close:hover { background: rgba(0,0,0,0.06); }\n            .ts-toast.ts-toast-confirm .ts-toast-icon { width: 64px; height: 64px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; }\n            .ts-toast.ts-toast-confirm .ts-toast-icon img { width: 36px; height: 36px; }\n            .ts-toast.ts-toast-confirm.ts-toast-success .ts-toast-icon { background: #dcfce7; }\n            .ts-toast.ts-toast-confirm.ts-toast-info .ts-toast-icon { background: #dbeafe; }\n            .ts-toast.ts-toast-confirm.ts-toast-warning .ts-toast-icon { background: #fef3c7; }\n            .ts-toast.ts-toast-confirm.ts-toast-error .ts-toast-icon { background: #fee2e2; }\n        ",document.head.appendChild(e)}();const toast=function(t,e={}){const{position:o="top-right",animation:s="slide-right",type:n="info",duration:a=3e3,icon:i=null,showLoader:l=!1,mode:r="alert",title:c=null,confirmText:d="Yes",cancelText:m="No",input:u=!1,inputPlaceholder:p="",inputValue:f="",confirmButtonBg:g=null,confirmButtonColor:h=null,cancelButtonBg:y=null,cancelButtonColor:x=null,onConfirm:v=null,onCancel:b=null,onResult:C=null,useOverlay:w=!0,closeOnOverlayClick:L=!0,showClose:E=!1,dismissOnClick:N=!0,onClick:k=null,onShow:T=null,onDismiss:$=null}=e,j="confirm"===r||"swal"===r,_="string"==typeof e.animation&&e.animation.trim()?{"slide-top":"ts-toast-slide-top","slide-bottom":"ts-toast-slide-bottom","slide-left":"ts-toast-slide-left","slide-right":"ts-toast-slide-right","zoom-in":"ts-toast-zoom-in","zoom-out":"ts-toast-zoom-out",flip:"ts-toast-flip"}[R=e.animation.trim()]||R:j?"ts-toast-zoom-in":o.startsWith("top")?"ts-toast-slide-top":o.startsWith("bottom")?"ts-toast-slide-bottom":o.endsWith("left")?"ts-toast-slide-left":"ts-toast-slide-right";var R;const B=(t,e)=>{const o=t.dataset&&t.dataset.anim?t.dataset.anim:t.style.animation||"";let s="";o.includes("ts-toast-slide-top")?s="translateY(-100%)":o.includes("ts-toast-slide-bottom")?s="translateY(100%)":(o.includes("ts-toast-slide-left")||o.includes("ts-toast-slide-right"))&&(s="translateX(100%)"),t.classList.add("ts-toast-slide-out"),t.classList.remove("ts-toast-show"),t.style.animation="",s&&(t.style.transform=s),t.style.opacity="0",setTimeout((()=>{t.classList.remove("ts-toast-slide-out"),t.parentNode&&t.parentNode.removeChild(t),"function"==typeof e&&e()}),500)},S=document.createElement("div");S.className=`ts-toast ts-toast-${n}${j?" ts-toast-confirm":""}`,S.dataset.anim=_,S.style.animation=`${_} 0.5s ease`,j||(S.style.flexDirection="row-reverse",S.style.justifyContent="flex-end");const z=document.createElement("span");if(z.className="ts-toast-icon",z.style.display="flex",i)z.textContent=i;else{const t=document.createElement("img");t.src="",t.style.width="30px",t.style.height="30px",t.style.objectFit="contain";const e="https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/",o=(new Date).getTime();"success"===n?t.src=`${e}success.gif?t=${o}`:"error"===n?t.src=`${e}error.gif?t=${o}`:"info"===n?t.src=`${e}info.gif?t=${o}`:"warning"===n&&(t.src=`${e}warning.gif?t=${o}`),z.appendChild(t)}const q=document.createElement("div");q.className="ts-toast-body",q.innerHTML=t;let P=null;if(j){if(P=document.createElement("div"),P.className="ts-toast-content",P.appendChild(z),c){const t=document.createElement("div");t.className="ts-toast-title",t.textContent=c,P.appendChild(t)}P.appendChild(q),S.appendChild(P)}else S.appendChild(q);let O=null;j&&u&&("textarea"===u?(O=document.createElement("textarea"),O.rows=3):(O=document.createElement("input"),O.type="text"===u||"email"===u||"password"===u||"number"===u?u:"text"),O.className="ts-toast-input",O.placeholder=p,O.value=f,S.appendChild(O));let X=null,D=null;if(j){X=document.createElement("div"),X.className="ts-toast-actions";const t=document.createElement("button");t.className="ts-toast-btn cancel",t.textContent=m;const e=document.createElement("button");e.className="ts-toast-btn confirm",e.textContent=d,y&&(t.style.background=y),x&&(t.style.color=x),g&&(e.style.background=g),h&&(e.style.color=h),X.appendChild(t),X.appendChild(e),S.appendChild(X),S.result=new Promise((t=>{D=t}));const o=t=>{const e=t&&null!==O?O.value:t;D&&D(e),t&&"function"==typeof v&&v(null!==O?O.value:t,S),t||"function"!=typeof b||b(S),"function"==typeof C&&C(e,S),B(S,(()=>{$&&"function"==typeof $&&$(S),F&&F.parentNode&&F.parentNode.removeChild(F)}))};t.addEventListener("click",(t=>{t.stopPropagation(),o(!1)})),e.addEventListener("click",(t=>{t.stopPropagation(),o(!0)}))}let M=null;l&&(M=document.createElement("div"),M.className="ts-toast-loader",S.appendChild(M));let F=null;if(j&&w){if(F=document.createElement("div"),F.className=`ts-toast-overlay ${o}`,document.body.appendChild(F),F.appendChild(S),E){const t=document.createElement("button");t.className="ts-toast-close",t.setAttribute("aria-label","Close"),t.innerHTML="×",t.addEventListener("click",(t=>{t.stopPropagation(),B(S,(()=>{$&&"function"==typeof $&&$(S),F&&F.parentNode&&F.parentNode.removeChild(F)}))})),S.appendChild(t)}L&&F.addEventListener("click",(t=>{t.target===F&&(S.result&&"function"==typeof D&&D(!1),B(S,(()=>{$&&"function"==typeof $&&$(S),F&&F.parentNode&&F.parentNode.removeChild(F)})))}))}else{let t=document.querySelector(`.ts-toast-container.${o}`);t||(t=document.createElement("div"),t.className=`ts-toast-container ${o}`,document.body.appendChild(t)),t.appendChild(S)}if(T&&"function"==typeof T&&T(S),setTimeout((()=>{S.classList.add("ts-toast-show")}),100),l&&M&&setTimeout((()=>{S._managedByLoading||(M.classList.add("done"),M.remove(),S.contains(z)||(j&&P?P.appendChild(z):S.appendChild(z)))}),2e3),l||j||S.contains(z)||S.appendChild(z),!j&&a>0){const t=setTimeout((()=>{B(S,(()=>{$&&"function"==typeof $&&$(S)}))}),a);S._autoRemove=t}if(!j&&N&&S.addEventListener("click",(()=>{S._autoRemove&&clearTimeout(S._autoRemove),B(S,(()=>{k&&"function"==typeof k&&k(S),$&&"function"==typeof $&&$(S)}))})),!j){let t=0,e=0;S.addEventListener("touchstart",(e=>{t=e.changedTouches[0].screenX})),S.addEventListener("touchend",(o=>{e=o.changedTouches[0].screenX,Math.abs(t-e)>50&&(S._autoRemove&&clearTimeout(S._autoRemove),B(S,(()=>{$&&"function"==typeof $&&$(S)})))}))}return S};toast.success=function(t,e){toast(t,{...e,type:"success"})},toast.error=function(t,e){toast(t,{...e,type:"error"})},toast.update=function(t,e,o={}){const{type:s=null,icon:n=null,showLoader:a=!1,duration:i=3e3,position:l="top-right",onClick:r=null,onShow:c=null,onDismiss:d=null}=o,m=t.querySelector(".ts-toast-loader"),u=t.querySelector(".ts-toast-icon");m&&m.remove(),s&&(t.className=`ts-toast ts-toast-${s} show ${l}`);const p=t.querySelector(".ts-toast-body");p&&(p.innerHTML=e),u&&u.remove();const f=document.createElement("span");if(f.className="ts-toast-icon",f.style.display="flex",n)f.textContent=n;else{const t=document.createElement("img");t.style.width="30px",t.style.height="30px",t.style.objectFit="contain","success"===s?t.src="https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/success.gif":"error"===s?t.src="https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/error.gif":"info"===s?t.src="https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/info.gif":"warning"===s&&(t.src="https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.3.0/assets/img/warning.gif"),f.appendChild(t)}if(t.appendChild(f),a){const e=document.createElement("div");e.className="ts-toast-loader",t.appendChild(e),setTimeout((()=>{e.classList.add("done")}),2e3)}t._autoRemove&&clearTimeout(t._autoRemove);const g=setTimeout((()=>{var e,o;o=()=>{d&&"function"==typeof d&&d(t)},(e=t).classList.add("ts-toast-slide-out"),e.classList.remove("ts-toast-show"),e.style.animation="",setTimeout((()=>{e.classList.remove("ts-toast-slide-out"),e.parentNode&&e.parentNode.removeChild(e),"function"==typeof o&&o()}),500)}),i);t._autoRemove=g},toast.loading=function(t,e={}){const o=toast(t,{...e,type:e.type||"info",duration:0,showLoader:!0,icon:null});requestAnimationFrame((()=>{o.classList.add("ts-toast-show")}));const s=o.querySelector(".ts-toast-loader");let n=o.querySelector(".ts-toast-icon");return n||(n=document.createElement("span"),n.className="ts-toast-icon",n.style.display="flex",o.appendChild(n)),o._managedByLoading=!0,s&&setTimeout((()=>{o._managedByLoading||s.classList.add("done")}),2e3),{update:(t,e={})=>{o._managedByLoading=!1,toast.update(o,t,{...e,showLoader:!1})},close:()=>{o._autoRemove&&clearTimeout(o._autoRemove),o.classList.add("ts-toast-slide-out"),o.classList.remove("ts-toast-show"),o.style.animation="",setTimeout((()=>{o.classList.remove("ts-toast-slide-out"),o.parentNode&&o.parentNode.removeChild(o)}),500)}}},toast.confirm=function(t,e={}){return new Promise((o=>{toast(t,{...e,mode:"confirm",duration:0,dismissOnClick:!1,onResult:t=>o(t)})}))},"undefined"!=typeof window&&(window.toast=toast),"undefined"!=typeof module&&module.exports&&(module.exports=toast);
+"use strict";const TS_TOAST_VERSION="5.5.0",TS_TOAST_CDN="undefined"!=typeof window&&window.TS_TOAST_ASSET_BASE?String(window.TS_TOAST_ASSET_BASE).replace(/\/+$/,""):"https://cdn.jsdelivr.net/npm/@tsirosgeorge/toastnotification@5.5.0";let tsToastOpenModals=0,tsToastPrevOverflow="";const tsToastReducedMotion=()=>"undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,tsToastFocusable=t=>Array.from(t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter((t=>!t.disabled&&null!==t.offsetParent));let tsToastIdCounter=0;!function(){const t="ts-toast-stylesheet";if("undefined"!=typeof window&&window.TS_TOAST_NO_CSS)return;if(document.getElementById(t))return;const e=document.createElement("link");e.id=t,e.rel="stylesheet",e.href=`${TS_TOAST_CDN}/assets/css/toast.min.css`,document.head.appendChild(e)}(),function(){const t="ts-toast-inline-extras";if(document.getElementById(t))return;const e=document.createElement("style");e.id=t,e.textContent="\n            /* Ensure center positions exist even if external CSS lacks them */\n            .ts-toast-container.top-center { top: 1rem; left: 50%; transform: translateX(-50%); align-items: center; }\n            .ts-toast-container.bottom-center { bottom: 1rem; left: 50%; transform: translateX(-50%); align-items: center; }\n            .ts-toast-container.center { top: 50%; left: 50%; transform: translate(-50%, -50%); align-items: center; }\n            .ts-toast-overlay.center { align-items: center; justify-content: center; }\n            .ts-toast-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; z-index: 2147483646; }\n            .ts-toast.ts-toast-confirm { max-width: min(92vw, 440px); width: max(320px, 60%); flex-direction: column; gap: 12px; padding: 16px 20px; background: var(--toast-bg, #fff); color: var(--toast-color, #000); border: 1px solid var(--toast-border, #e5e7eb); border-radius: 12px; box-shadow: var(--toast-shadow, 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)); text-align: center; }\n            .ts-toast.ts-toast-confirm .ts-toast-content { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }\n            .ts-toast-actions { display: flex; gap: 10px; justify-content: center; margin-top: 12px; }\n            .ts-toast-btn { appearance: none; border: 0; padding: 8px 12px; border-radius: 8px; font-weight: 600; cursor: pointer; }\n            .ts-toast-btn.cancel { background: #e9ecef; color: #1f2937; }\n            .ts-toast-btn.confirm { background: #3b82f6; color: #fff; }\n            .ts-toast.ts-toast-error .ts-toast-btn.confirm,\n            .ts-toast.ts-toast-warning .ts-toast-btn.confirm { background: #ef4444; color: #fff; }\n            .ts-toast.ts-toast-confirm .ts-toast-title { font-weight: 700; font-size: 1.05rem; margin-top: 4px; }\n            .ts-toast.ts-toast-confirm .ts-toast-close { position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; border-radius: 999px; border: 0; background: transparent; color: #6b7280; font-size: 20px; line-height: 1; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }\n            .ts-toast.ts-toast-confirm .ts-toast-close:hover { background: rgba(0,0,0,0.06); }\n            .ts-toast.ts-toast-confirm .ts-toast-icon { width: 64px; height: 64px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; }\n            .ts-toast.ts-toast-confirm .ts-toast-icon img { width: 36px; height: 36px; }\n            .ts-toast.ts-toast-confirm.ts-toast-success .ts-toast-icon { background: #dcfce7; }\n            .ts-toast.ts-toast-confirm.ts-toast-info .ts-toast-icon { background: #dbeafe; }\n            .ts-toast.ts-toast-confirm.ts-toast-warning .ts-toast-icon { background: #fef3c7; }\n            .ts-toast.ts-toast-confirm.ts-toast-error .ts-toast-icon { background: #fee2e2; }\n        ",document.head.appendChild(e)}();const toast=function(t,e={}){const{position:o="top-right",animation:s="slide-right",type:n="info",duration:a=3e3,icon:i=null,showLoader:r=!1,mode:l="alert",title:c=null,confirmText:d="Yes",cancelText:u="No",input:m=!1,inputPlaceholder:f="",inputValue:p="",confirmButtonBg:y=null,confirmButtonColor:h=null,cancelButtonBg:g=null,cancelButtonColor:b=null,onConfirm:v=null,onCancel:x=null,onResult:w=null,useOverlay:T=!0,closeOnOverlayClick:C=!0,showClose:E=!1,closeOnEscape:S=!0,allowHtml:L=!0,dismissOnClick:_=!0,onClick:k=null,onShow:A=null,onDismiss:N=null}=e,O="confirm"===l||"swal"===l,M=tsToastReducedMotion(),$="string"==typeof e.animation&&e.animation.trim()?{"slide-top":"ts-toast-slide-top","slide-bottom":"ts-toast-slide-bottom","slide-left":"ts-toast-slide-left","slide-right":"ts-toast-slide-right","zoom-in":"ts-toast-zoom-in","zoom-out":"ts-toast-zoom-out",flip:"ts-toast-flip"}[B=e.animation.trim()]||B:O||"center"===o?"ts-toast-zoom-in":o.startsWith("top")?"ts-toast-slide-top":o.startsWith("bottom")?"ts-toast-slide-bottom":o.endsWith("left")?"ts-toast-slide-left":"ts-toast-slide-right";var B;const R=(t,e)=>{const o=t.dataset&&t.dataset.anim?t.dataset.anim:t.style.animation||"";let s="";o.includes("ts-toast-slide-top")?s="translateY(-100%)":o.includes("ts-toast-slide-bottom")?s="translateY(100%)":(o.includes("ts-toast-slide-left")||o.includes("ts-toast-slide-right"))&&(s="translateX(100%)"),t.classList.add("ts-toast-slide-out"),t.classList.remove("ts-toast-show"),t.style.animation="",s&&(t.style.transform=s),t.style.opacity="0",setTimeout((()=>{t.classList.remove("ts-toast-slide-out"),t.parentNode&&t.parentNode.removeChild(t),"function"==typeof e&&e()}),M?0:500)},D=document.createElement("div");D.className=`ts-toast ts-toast-${n}${O?" ts-toast-confirm":""}`,D.dataset.anim=$,M||(D.style.animation=`${$} 0.5s ease`);const q="ts-toast-"+ ++tsToastIdCounter;O?(D.setAttribute("role","dialog"),D.setAttribute("aria-modal","true"),D.tabIndex=-1):"error"!==n&&"warning"!==n||D.setAttribute("role","alert"),O||(D.style.flexDirection="row-reverse",D.style.justifyContent="flex-end");const j=document.createElement("span");if(j.className="ts-toast-icon",j.style.display="flex",i)j.textContent=i;else{const t=document.createElement("img");t.alt="",t.setAttribute("aria-hidden","true"),t.style.width="30px",t.style.height="30px",t.style.objectFit="contain";const e={success:"success.gif",error:"error.gif",info:"info.gif",warning:"warning.gif"}[n];e&&(t.src=`${TS_TOAST_CDN}/assets/img/${e}`),j.appendChild(t)}const P=document.createElement("div");P.className="ts-toast-body",P.id=`${q}-body`,L?P.innerHTML=t:P.textContent=t;let z=null;if(O){if(z=document.createElement("div"),z.className="ts-toast-content",z.appendChild(j),c){const t=document.createElement("div");t.className="ts-toast-title",t.id=`${q}-title`,t.textContent=c,z.appendChild(t),D.setAttribute("aria-labelledby",t.id)}z.appendChild(P),D.setAttribute("aria-describedby",P.id),D.appendChild(z)}else D.appendChild(P);let I=null;O&&m&&("textarea"===m?(I=document.createElement("textarea"),I.rows=3):(I=document.createElement("input"),I.type="text"===m||"email"===m||"password"===m||"number"===m?m:"text"),I.className="ts-toast-input",I.placeholder=f,I.value=p,"textarea"!==m&&I.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),Y(!0))})),D.appendChild(I));let F=null,X=null,Y=null,H=()=>{};if(O){F=document.createElement("div"),F.className="ts-toast-actions";const t=document.createElement("button");t.className="ts-toast-btn cancel",t.textContent=u;const e=document.createElement("button");e.className="ts-toast-btn confirm",e.textContent=d,g&&(t.style.background=g),b&&(t.style.color=b),y&&(e.style.background=y),h&&(e.style.color=h),F.appendChild(t),F.appendChild(e),D.appendChild(F),D.result=new Promise((t=>{X=t}));let o=!1;Y=t=>{if(o)return;o=!0;const e=t?!I||I.value:!!I&&null;X&&X(e),t&&"function"==typeof v&&v(e,D),t||"function"!=typeof x||x(D),"function"==typeof w&&w(e,D),H(),R(D,(()=>{N&&"function"==typeof N&&N(D),W&&W.parentNode&&W.parentNode.removeChild(W)}))},t.addEventListener("click",(t=>{t.stopPropagation(),Y(!1)})),e.addEventListener("click",(t=>{t.stopPropagation(),Y(!0)}))}let K=null;r&&(K=document.createElement("div"),K.className="ts-toast-loader",D.appendChild(K));let W=null;if(O&&T){if(W=document.createElement("div"),W.className="ts-toast-overlay"+(e.position?` ${o}`:""),document.body.appendChild(W),W.appendChild(D),E){const t=document.createElement("button");t.className="ts-toast-close",t.setAttribute("aria-label","Close"),t.innerHTML="×",t.addEventListener("click",(t=>{t.stopPropagation(),Y(!1)})),D.appendChild(t)}if(C){let t=!1;W.addEventListener("pointerdown",(e=>{t=e.target===W})),W.addEventListener("click",(e=>{e.target===W&&t&&Y(!1),t=!1}))}}else{let t=document.querySelector(`.ts-toast-container.${o}`);t||(t=document.createElement("div"),t.className=`ts-toast-container ${o}`,document.body.appendChild(t)),t.hasAttribute("aria-live")||(t.setAttribute("role","status"),t.setAttribute("aria-live","polite"),t.setAttribute("aria-relevant","additions")),t.appendChild(D)}if(O){const t=document.activeElement;tsToastOpenModals+=1,1===tsToastOpenModals&&(tsToastPrevOverflow=document.body.style.overflow,document.body.style.overflow="hidden");const e=()=>{const t=document.querySelectorAll(".ts-toast.ts-toast-confirm");return 0===t.length||t[t.length-1]===D},o=t=>{if(!e())return;if("Escape"===t.key&&S)return t.preventDefault(),void Y(!1);if("Tab"!==t.key)return;const o=tsToastFocusable(D);if(!o.length)return void t.preventDefault();const s=o[0],n=o[o.length-1];D.contains(document.activeElement)?t.shiftKey&&document.activeElement===s?(t.preventDefault(),n.focus()):t.shiftKey||document.activeElement!==n||(t.preventDefault(),s.focus()):(t.preventDefault(),(t.shiftKey?n:s).focus())};document.addEventListener("keydown",o,!0),H=()=>{document.removeEventListener("keydown",o,!0),tsToastOpenModals=Math.max(0,tsToastOpenModals-1),0===tsToastOpenModals&&(document.body.style.overflow=tsToastPrevOverflow),t&&"function"==typeof t.focus&&document.contains(t)&&t.focus()},(I||D.querySelector(".ts-toast-btn.confirm")||D).focus()}if(A&&"function"==typeof A&&A(D),setTimeout((()=>{D.classList.add("ts-toast-show")}),100),r&&K&&setTimeout((()=>{D._managedByLoading||(K.classList.add("done"),K.remove(),D.contains(j)||(O&&z?z.appendChild(j):D.appendChild(j)))}),2e3),r||O||D.contains(j)||D.appendChild(j),!O&&a>0){const t=setTimeout((()=>{R(D,(()=>{N&&"function"==typeof N&&N(D)}))}),a);D._autoRemove=t}if(!O&&_&&D.addEventListener("click",(()=>{D._autoRemove&&clearTimeout(D._autoRemove),k&&"function"==typeof k&&k(D),R(D,(()=>{N&&"function"==typeof N&&N(D)}))})),!O){let t=0,e=0,o=0;D.addEventListener("touchstart",(o=>{t=o.changedTouches[0].screenX,e=o.changedTouches[0].screenY}),{passive:!0}),D.addEventListener("touchend",(s=>{o=s.changedTouches[0].screenX;const n=Math.abs(t-o),a=Math.abs(e-s.changedTouches[0].screenY);n>50&&n>a&&(D._autoRemove&&clearTimeout(D._autoRemove),R(D,(()=>{N&&"function"==typeof N&&N(D)})))}))}return D.close=()=>{D._autoRemove&&clearTimeout(D._autoRemove),O?Y(!1):R(D,(()=>{N&&"function"==typeof N&&N(D)}))},D};toast.success=function(t,e){return toast(t,{...e,type:"success"})},toast.error=function(t,e){return toast(t,{...e,type:"error"})},toast.warning=function(t,e){return toast(t,{...e,type:"warning"})},toast.info=function(t,e){return toast(t,{...e,type:"info"})},toast.update=function(t,e,o={}){const{type:s=null,icon:n=null,showLoader:a=!1,duration:i=3e3,onClick:r=null,onShow:l=null,onDismiss:c=null}=o,d=t.querySelector(".ts-toast-loader"),u=t.querySelector(".ts-toast-icon");d&&d.remove(),s&&(["success","error","info","warning"].forEach((e=>t.classList.remove(`ts-toast-${e}`))),t.classList.add("ts-toast",`ts-toast-${s}`,"ts-toast-show"));const m=t.querySelector(".ts-toast-body");m&&(m.innerHTML=e),u&&u.remove();const f=document.createElement("span");if(f.className="ts-toast-icon",f.style.display="flex",n)f.textContent=n;else{const t=document.createElement("img");t.alt="",t.setAttribute("aria-hidden","true"),t.style.width="30px",t.style.height="30px",t.style.objectFit="contain";const e={success:"success.gif",error:"error.gif",info:"info.gif",warning:"warning.gif"}[s];e&&(t.src=`${TS_TOAST_CDN}/assets/img/${e}`),f.appendChild(t)}if((t.querySelector(".ts-toast-content")||t).appendChild(f),a){const e=document.createElement("div");e.className="ts-toast-loader",t.appendChild(e),setTimeout((()=>{e.classList.add("done")}),2e3)}t._autoRemove&&clearTimeout(t._autoRemove);const p=setTimeout((()=>{var e,o;o=()=>{c&&"function"==typeof c&&c(t)},(e=t).classList.add("ts-toast-slide-out"),e.classList.remove("ts-toast-show"),e.style.animation="",setTimeout((()=>{e.classList.remove("ts-toast-slide-out"),e.parentNode&&e.parentNode.removeChild(e),"function"==typeof o&&o()}),500)}),i);t._autoRemove=p},toast.loading=function(t,e={}){const o=toast(t,{...e,type:e.type||"info",duration:0,showLoader:!0,icon:null});requestAnimationFrame((()=>{o.classList.add("ts-toast-show")}));const s=o.querySelector(".ts-toast-loader");let n=o.querySelector(".ts-toast-icon");return n||(n=document.createElement("span"),n.className="ts-toast-icon",n.style.display="flex",o.appendChild(n)),o._managedByLoading=!0,s&&setTimeout((()=>{o._managedByLoading||s.classList.add("done")}),2e3),{update:(t,e={})=>{o._managedByLoading=!1,toast.update(o,t,{...e,showLoader:!1})},close:()=>{o._managedByLoading=!1,o.close()}}},toast.confirm=function(t,e={}){return new Promise((o=>{toast(t,{...e,mode:"confirm",duration:0,dismissOnClick:!1,onResult:t=>o(t)})}))},toast.dismissAll=function(){document.querySelectorAll(".ts-toast").forEach((t=>{"function"==typeof t.close&&t.close()}))},"undefined"!=typeof window&&(window.toast=toast),"undefined"!=typeof module&&module.exports&&(module.exports=toast);