Function showToastNotification

scripts/notifications.js:189–253

(message, type = 'success', duration = 3000)

    // --- Core Function ---
    function showToastNotification(message, type = 'success', duration = 3000) {
        injectStyles();
        const container = getContainer();
        const id = ++toastIdCounter;

        const toast = document.createElement('div');
        toast.className = `ds-toast ds-toast--${type}`;
        toast.setAttribute('role', 'alert');

        // Icon
        const iconDiv = document.createElement('div');
        iconDiv.className = 'ds-toast__icon';
        iconDiv.innerHTML = icons[type] || icons.info;

        // Content
        const contentDiv = document.createElement('div');
        contentDiv.className = 'ds-toast__content';

        if (message && typeof message === 'object') {
            contentDiv.textContent = message.text || '';
            if (message.linkText && message.linkHref) {
                contentDiv.appendChild(document.createTextNode(' '));
                const link = document.createElement('a');
                link.className = 'ds-toast__link';
                link.textContent = message.linkText;
                link.href = message.linkHref;
                link.target = '_blank';
                link.rel = 'noopener noreferrer';
                contentDiv.appendChild(link);
            }
        } else {
            // Strip HTML tags to show only plain text in toasts (avoid raw HTML showing as text)
            const tempDiv = document.createElement('div');
            tempDiv.innerHTML = message;
            contentDiv.textContent = tempDiv.textContent || tempDiv.innerText || message;
        }

        // Close Button
        const closeDiv = document.createElement('div');
        closeDiv.className = 'ds-toast__close';
        closeDiv.innerHTML = icons.close;
        closeDiv.onclick = (e) => {
            e.stopPropagation();
            dismissToastNotification(id);
        };

        toast.appendChild(iconDiv);
        toast.appendChild(contentDiv);
        toast.appendChild(closeDiv);

        container.appendChild(toast);

        // Auto dismiss
        let timeoutId;
        if (duration > 0 && type !== 'loading') {
            timeoutId = setTimeout(() => {
                dismissToastNotification(id);
            }, duration);