minisnackbar 1.0.2 → 3.0.0

package/dist/minisnackbar.esm.js

@@ -1,382 +1,425 @@
-/**
- * MiniSnackbar - A simple vanilla JavaScript snackbar/toast library
- *
- * @version 1.0.0
- * @author Shanto Islam <shantoislamdev@gmail.com>
- * @license MIT
- * @description A lightweight, zero-dependency snackbar library with Material Design integration
- * @repository https://github.com/shantoislamdev/minisnackbar
- * @homepage https://github.com/shantoislamdev/minisnackbar#readme
- */
-
-class Snackbar {
-  static _queue = []
-  static _isShowing = false
-  static _currentTimeout = null
-  static _state = 'idle' // idle, showing, transitioning
-  static _currentActionHandler = null
-  static _transitionDuration = 250
-  static _initialized = false
-
-  static init(options = {}) {
-    if (this._initialized) return
-
-    if (typeof document === 'undefined' || !document.body) {
-      console.error('Snackbar: DOM is not available');
-      return
-    }
-
-    if (options.transitionDuration && typeof options.transitionDuration === 'number') {
-      this._transitionDuration = options.transitionDuration;
-    }
-
-    if (document.getElementById('mini-snackbar')) {
-      this._initialized = true;
-      return
-    }
-
-    if (!document.getElementById('mini-snackbar-styles')) {
-      const style = document.createElement('style');
-      style.id = 'mini-snackbar-styles';
-      style.textContent = `
-        .mini-snackbar {
-          /* Positioning */
-          position: fixed;
-          z-index: 1000;
-          left: 50%;
-          bottom: 30px;
-          transform: translateX(-50%) translateY(100%);
-          
-          /* Sizing */
-          min-width: 250px;
-          max-width: 90%;
-          
-          /* Layout */
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          gap: 8px;
-          padding: 0.875rem 1rem;
-          
-          /* Visibility */
-          visibility: hidden;
-          
-          /* Theming */
-          background-color: var(--mini-snackbar-bg, var(--md-sys-color-inverse-surface, rgba(255, 255, 255, 1)));
-          color: var(--mini-snackbar-text, var(--md-sys-color-inverse-on-surface, rgba(27, 27, 27, 1)));
-          border: var(--mini-snackbar-border, none);
-          font-family: var(--mini-snackbar-font-family, inherit);
-          font-size: 0.875rem;
-          text-align: left;
-          border-radius: var(--mini-snackbar-radius, 1rem);
-          box-shadow: var(--mini-snackbar-shadow, 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12));
-          
-          /* Animation */
-          transition: var(--mini-snackbar-transition, transform ${this._transitionDuration}ms ease-in-out);
-        }
-
-        .mini-snackbar.show {
-          visibility: visible;
-          transform: translateX(-50%) translateY(0);
-        }
-
-        /* Material Component Action Button */
-        .mini-snackbar .mini-snackbar-action {
-          flex-shrink: 0;
-          padding: 0.5rem 1rem;
-          margin: -0.5rem -0.5rem -0.5rem 0;
-        }
-
-        /* Fallback Action Button (when Material Components unavailable) */
-        .mini-snackbar md-text-button[data-fallback] {
-          display: inline-block;
-          flex-shrink: 0;
-          padding: 0.5rem 1rem;
-          margin: -0.5rem -0.5rem -0.5rem 0;
-          border: none;
-          background: var(--mini-snackbar-btn-bg, transparent);
-          font-size: inherit;
-          font-family: inherit;
-          font-weight: 500;
-          letter-spacing: 0.0892857143em;
-          text-transform: uppercase;
-          color: var(--mini-snackbar-btn-text, inherit);
-          cursor: pointer;
-          user-select: none;
-          border-radius: var(--mini-snackbar-btn-radius, 1rem);
-          transition: opacity 0.2s ease;
-        }
-
-        .mini-snackbar md-text-button[data-fallback]:hover {
-          opacity: var(--mini-snackbar-btn-hover-opacity, 0.8);
-          outline: var(--mini-snackbar-btn-hover-outline, 2px solid var(--mini-snackbar-btn-text, inherit));
-          outline-offset: var(--mini-snackbar-btn-outline-offset, 2px);
-          background-color: var(--mini-snackbar-btn-hover-bg, transparent);
-        }
-
-        .mini-snackbar md-text-button[data-fallback]:focus {
-          outline: var(--mini-snackbar-btn-focus-outline, 2px solid var(--mini-snackbar-btn-text, inherit));
-          outline-offset: var(--mini-snackbar-btn-outline-offset, 2px);
-        }
-
-        /* Mobile responsive */
-        @media (max-width: 600px) {
-          .mini-snackbar {
-            bottom: 90px;
-          }
-        }
-
-        /* Accessibility: Reduced motion */
-        @media (prefers-reduced-motion: reduce) {
-          .mini-snackbar {
-            transition: opacity 0.15s ease;
-          }
-        }
-      `;
-      document.head.appendChild(style);
-    }
-
-    const snackbar = document.createElement('div');
-    snackbar.id = 'mini-snackbar';
-    snackbar.className = 'mini-snackbar';
-    snackbar.setAttribute('role', 'alert');
-    snackbar.setAttribute('aria-live', 'assertive');
-    snackbar.setAttribute('aria-atomic', 'true');
-
-    const snackbarText = document.createElement('span');
-    snackbarText.className = 'mini-snackbar-text';
-    snackbar.appendChild(snackbarText);
-
-    document.body.appendChild(snackbar);
-    this._initialized = true;
-  }
-
-  static destroy() {
-    this.hideCurrent();
-    this.clearQueue();
-
-    const snackbar = document.getElementById('mini-snackbar');
-    if (snackbar) snackbar.remove();
-
-    const styles = document.getElementById('mini-snackbar-styles');
-    if (styles) styles.remove();
-
-    this._state = 'idle';
-    this._isShowing = false;
-    this._currentActionHandler = null;
-    this._currentTimeout = null;
-    this._initialized = false;
-  }
-
-  static getTransitionDuration() {
-    const snackbar = document.getElementById('mini-snackbar');
-    if (!snackbar) return this._transitionDuration
-
-    try {
-      const computedStyle = window.getComputedStyle(snackbar);
-      const duration = computedStyle.transitionDuration;
-      if (duration && duration !== '0s') {
-        const value = parseFloat(duration);
-        return duration.includes('ms') ? value : value * 1000
-      }
-    } catch (e) {
-      console.warn('Snackbar: Could not read transition duration from CSS', e);
-    }
-
-    return this._transitionDuration
-  }
-
-  static add(message, action = null, duration = 3000) {
-    if (!this._initialized) {
-      console.warn('Snackbar: Not initialized. Call Snackbar.init() first.');
-      return
-    }
-
-    if (typeof message !== 'string' || message.trim() === '') {
-      console.warn('Snackbar: Message must be a non-empty string');
-      return
-    }
-    if (action !== null && (typeof action !== 'object' || typeof action.text !== 'string' || typeof action.handler !== 'function')) {
-      console.warn('Snackbar: Action must be an object with "text" (string) and "handler" (function) properties');
-      return
-    }
-    if (typeof duration !== 'number' || duration <= 0) {
-      console.warn('Snackbar: Duration must be a positive number');
-      return
-    }
-
-    this._queue.push({ message, action, duration });
-    if (this._state === 'idle') this.showNext();
-  }
-
-  static _cleanupAction() {
-    const snackbar = document.getElementById('mini-snackbar');
-    if (!snackbar) return
-
-    const actionButton = snackbar.querySelector('.mini-snackbar-action');
-    if (actionButton && this._currentActionHandler) {
-      actionButton.removeEventListener('click', this._currentActionHandler);
-      this._currentActionHandler = null;
-      actionButton.remove();
-    }
-  }
-
-  static _showSnackbar(message, action, duration, onHide = null) {
-    const snackbar = document.getElementById('mini-snackbar');
-    if (!snackbar) {
-      console.error('Snackbar: Snackbar element not found. Ensure init() has been called.');
-      return
-    }
-
-    this._state = 'showing';
-    this._isShowing = true;
-    const snackbarText = snackbar.querySelector('.mini-snackbar-text');
-    snackbarText.textContent = message;
-
-    if (action) {
-      const actionButton = document.createElement('md-text-button');
-      actionButton.classList.add('mini-snackbar-action');
-
-      // Fallback for when Material Components are not available
-      if (customElements.get('md-text-button') === undefined) {
-        actionButton.setAttribute('data-fallback', '');
-      }
-
-      actionButton.textContent = action.text;
-
-      this._currentActionHandler = () => {
-        action.handler();
-        this._hideSnackbar(onHide);
-      };
-
-      actionButton.addEventListener('click', this._currentActionHandler);
-      snackbar.appendChild(actionButton);
-    }
-
-    snackbar.classList.add('show');
-
-    this._currentTimeout = setTimeout(() => {
-      this._hideSnackbar(onHide);
-    }, duration);
-  }
-
-  static _hideSnackbar(onHide = null) {
-    if (this._currentTimeout) {
-      clearTimeout(this._currentTimeout);
-      this._currentTimeout = null;
-    }
-
-    this._state = 'transitioning';
-    const snackbar = document.getElementById('mini-snackbar');
-    if (snackbar) {
-      snackbar.classList.remove('show');
-    }
-
-    this._cleanupAction();
-
-    // Wait for CSS transition to complete
-    const transitionDuration = this.getTransitionDuration();
-    setTimeout(() => {
-      this._isShowing = false;
-      this._state = 'idle';
-      if (onHide) onHide();
-    }, transitionDuration);
-  }
-
-  static show(message, action = null, duration = 3000) {
-    if (!this._initialized) {
-      console.warn('Snackbar: Not initialized. Call Snackbar.init() first.');
-      return
-    }
-
-    if (typeof message !== 'string' || message.trim() === '') {
-      console.warn('Snackbar: Message must be a non-empty string');
-      return
-    }
-    if (action !== null && (typeof action !== 'object' || typeof action.text !== 'string' || typeof action.handler !== 'function')) {
-      console.warn('Snackbar: Action must be an object with "text" (string) and "handler" (function) properties');
-      return
-    }
-    if (typeof duration !== 'number' || duration <= 0) {
-      console.warn('Snackbar: Duration must be a positive number');
-      return
-    }
-
-    // Queue message if currently transitioning
-    if (this._state === 'transitioning') {
-      this.add(message, action, duration);
-      return
-    }
-
-    // Interrupt current snackbar if showing
-    if (this._isShowing) {
-      this._state = 'transitioning';
-      if (this._currentTimeout) {
-        clearTimeout(this._currentTimeout);
-        this._currentTimeout = null;
-      }
-      const snackbar = document.getElementById('mini-snackbar');
-      if (snackbar) {
-        snackbar.classList.remove('show');
-      }
-      this._cleanupAction();
-
-      const transitionDuration = this.getTransitionDuration();
-      setTimeout(() => {
-        this._isShowing = false;
-        this._state = 'idle';
-        this._showSnackbar(message, action, duration);
-      }, transitionDuration);
-    } else {
-      this._showSnackbar(message, action, duration);
-    }
-  }
-
-  static showNext() {
-    if (this._queue.length === 0) {
-      this._isShowing = false;
-      this._state = 'idle';
-      return
-    }
-
-    const { message, action, duration } = this._queue.shift();
-    this._showSnackbar(message, action, duration, () => {
-      setTimeout(() => this.showNext(), 200);
-    });
-  }
-
-  static clearQueue() {
-    this._queue = [];
-  }
-
-  static hideCurrent() {
-    if (this._isShowing && this._state !== 'transitioning') {
-      this._hideSnackbar();
-    }
-  }
-
-  static isInitialized() {
-    return this._initialized
-  }
-
-  // Getters/setters for testing
-  static get queue() { return this._queue }
-  static set queue(value) { this._queue = value; }
-  static get isShowing() { return this._isShowing }
-  static set isShowing(value) { this._isShowing = value; }
-  static get currentTimeout() { return this._currentTimeout }
-  static set currentTimeout(value) { this._currentTimeout = value; }
-  static get state() { return this._state }
-  static set state(value) { this._state = value; }
-}
-
-// Module exports
-if (typeof module !== 'undefined' && module.exports) {
-  module.exports = Snackbar;
-}
-
-// Make available globally in browser
-if (typeof window !== 'undefined') {
-  window.Snackbar = Snackbar;
+const SNACKBAR_ID = 'mini-snackbar';
+const STYLES_ID = 'mini-snackbar-styles';
+const SNACKBAR_CLASS = 'mini-snackbar';
+const SNACKBAR_VISIBLE_CLASS = 'show';
+const SNACKBAR_TEXT_CLASS = 'mini-snackbar-text';
+const SNACKBAR_ACTION_CLASS = 'mini-snackbar-action';
+const DEFAULT_DURATION = 3000;
+const DEFAULT_TRANSITION_DURATION = 250;
+const QUEUE_GAP_DURATION = 200;
+
+function createSnackbarStyles(transitionDuration) {
+    return `
+    .mini-snackbar {
+      position: fixed;
+      z-index: 1000;
+      left: 50%;
+      bottom: 30px;
+      transform: translateX(-50%) translateY(100%);
+      min-width: 250px;
+      max-width: 90%;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 8px;
+      padding: 0.875rem 1rem;
+      visibility: hidden;
+      background-color: var(--mini-snackbar-bg, var(--md-sys-color-inverse-surface, rgba(255, 255, 255, 1)));
+      color: var(--mini-snackbar-text, var(--md-sys-color-inverse-on-surface, rgba(27, 27, 27, 1)));
+      border: var(--mini-snackbar-border, none);
+      font-family: var(--mini-snackbar-font-family, inherit);
+      font-size: 0.875rem;
+      text-align: left;
+      border-radius: var(--mini-snackbar-radius, 1rem);
+      box-shadow: var(--mini-snackbar-shadow, 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12));
+      transition: var(--mini-snackbar-transition, transform ${transitionDuration}ms ease-in-out);
+    }
+
+    .mini-snackbar.show {
+      visibility: visible;
+      transform: translateX(-50%) translateY(0);
+    }
+
+    .mini-snackbar .mini-snackbar-action {
+      flex-shrink: 0;
+      padding: 0.5rem 1rem;
+      margin: -0.5rem -0.5rem -0.5rem 0;
+    }
+
+    .mini-snackbar button.mini-snackbar-action {
+      border: none;
+      background: var(--mini-snackbar-btn-bg, transparent);
+      font-size: inherit;
+      font-family: inherit;
+      font-weight: 500;
+      letter-spacing: 0.0892857143em;
+      text-transform: uppercase;
+      color: var(--mini-snackbar-btn-text, inherit);
+      cursor: pointer;
+      user-select: none;
+      border-radius: var(--mini-snackbar-btn-radius, 1rem);
+      transition: opacity 0.2s ease;
+    }
+
+    .mini-snackbar button.mini-snackbar-action:hover {
+      opacity: var(--mini-snackbar-btn-hover-opacity, 0.8);
+      outline: var(--mini-snackbar-btn-hover-outline, 2px solid var(--mini-snackbar-btn-text, inherit));
+      outline-offset: var(--mini-snackbar-btn-outline-offset, 2px);
+      background-color: var(--mini-snackbar-btn-hover-bg, transparent);
+    }
+
+    .mini-snackbar button.mini-snackbar-action:focus {
+      outline: var(--mini-snackbar-btn-focus-outline, 2px solid var(--mini-snackbar-btn-text, inherit));
+      outline-offset: var(--mini-snackbar-btn-outline-offset, 2px);
+    }
+
+    @media (max-width: 600px) {
+      .mini-snackbar {
+        bottom: 90px;
+      }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      .mini-snackbar {
+        transition: opacity 0.15s ease;
+      }
+    }
+  `;
 }
+function installSnackbarStyles(document, transitionDuration) {
+    const existingStyles = document.getElementById(STYLES_ID);
+    if (existingStyles)
+        return;
+    const styles = document.createElement('style');
+    styles.id = STYLES_ID;
+    styles.textContent = createSnackbarStyles(transitionDuration);
+    document.head.appendChild(styles);
+}
+function removeSnackbarStyles(document) {
+    document.getElementById(STYLES_ID)?.remove();
+}
+
+class SnackbarRenderer {
+    constructor(document) {
+        this.actionButton = null;
+        this.actionHandler = null;
+        this.document = document;
+    }
+    ensureRoot(transitionDuration) {
+        if (!this.document.body)
+            return false;
+        installSnackbarStyles(this.document, transitionDuration);
+        if (this.getRoot())
+            return true;
+        const snackbar = this.document.createElement('div');
+        snackbar.id = SNACKBAR_ID;
+        snackbar.className = SNACKBAR_CLASS;
+        snackbar.setAttribute('role', 'alert');
+        snackbar.setAttribute('aria-live', 'assertive');
+        snackbar.setAttribute('aria-atomic', 'true');
+        const text = this.document.createElement('span');
+        text.className = SNACKBAR_TEXT_CLASS;
+        snackbar.appendChild(text);
+        this.document.body.appendChild(snackbar);
+        return true;
+    }
+    destroy() {
+        this.cleanupAction();
+        this.getRoot()?.remove();
+        removeSnackbarStyles(this.document);
+    }
+    setMessage(message) {
+        const text = this.getRoot()?.querySelector(`.${SNACKBAR_TEXT_CLASS}`);
+        if (text)
+            text.textContent = message;
+    }
+    setAction(action, onClick) {
+        this.cleanupAction();
+        if (!action)
+            return;
+        const actionButton = this.createActionButton();
+        actionButton.classList.add(SNACKBAR_ACTION_CLASS);
+        actionButton.textContent = action.text;
+        this.actionHandler = onClick;
+        actionButton.addEventListener('click', this.actionHandler);
+        this.actionButton = actionButton;
+        this.getRoot()?.appendChild(actionButton);
+    }
+    show() {
+        this.getRoot()?.classList.add(SNACKBAR_VISIBLE_CLASS);
+    }
+    hide() {
+        this.getRoot()?.classList.remove(SNACKBAR_VISIBLE_CLASS);
+    }
+    cleanupAction() {
+        if (this.actionButton && this.actionHandler) {
+            this.actionButton.removeEventListener('click', this.actionHandler);
+        }
+        this.actionButton?.remove();
+        this.actionButton = null;
+        this.actionHandler = null;
+    }
+    getTransitionDuration(fallback) {
+        const snackbar = this.getRoot();
+        const view = this.document.defaultView;
+        if (!snackbar || !view)
+            return fallback;
+        try {
+            const duration = view.getComputedStyle(snackbar).transitionDuration;
+            return parseTransitionDuration(duration, fallback);
+        }
+        catch (error) {
+            console.warn('Snackbar: Could not read transition duration from CSS', error);
+            return fallback;
+        }
+    }
+    getRoot() {
+        return this.document.getElementById(SNACKBAR_ID);
+    }
+    createActionButton() {
+        const registry = this.document.defaultView?.customElements;
+        if (registry?.get('md-text-button')) {
+            return this.document.createElement('md-text-button');
+        }
+        const button = this.document.createElement('button');
+        button.type = 'button';
+        return button;
+    }
+}
+function parseTransitionDuration(duration, fallback) {
+    if (!duration || duration === '0s')
+        return fallback;
+    const firstDuration = duration.split(',')[0]?.trim();
+    if (!firstDuration)
+        return fallback;
+    const value = Number.parseFloat(firstDuration);
+    if (!Number.isFinite(value))
+        return fallback;
+    return firstDuration.endsWith('ms') ? value : value * 1000;
+}
+
+const isValidDuration = (duration) => typeof duration === 'number' && Number.isFinite(duration) && duration > 0;
+function normalizeItem(message, action = null, duration = DEFAULT_DURATION, warn = console.warn) {
+    if (typeof message !== 'string' || message.trim() === '') {
+        warn('Snackbar: Message must be a non-empty string');
+        return null;
+    }
+    if (action !== null &&
+        (typeof action !== 'object' ||
+            typeof action.text !== 'string' ||
+            typeof action.handler !== 'function')) {
+        warn('Snackbar: Action must be an object with "text" (string) and "handler" (function) properties');
+        return null;
+    }
+    if (!isValidDuration(duration)) {
+        warn('Snackbar: Duration must be a positive number');
+        return null;
+    }
+    return {
+        message,
+        action: action,
+        duration
+    };
+}
+function normalizeTransitionDuration(duration, warn = console.warn) {
+    if (duration === undefined)
+        return null;
+    if (typeof duration !== 'number' || !Number.isFinite(duration) || duration < 0) {
+        warn('Snackbar: transitionDuration must be a non-negative number');
+        return null;
+    }
+    return duration;
+}
+
+class SnackbarController {
+    constructor() {
+        this.queue = [];
+        this.state = 'idle';
+        this.renderer = null;
+        this.displayTimer = null;
+        this.transitionTimer = null;
+        this.queueGapTimer = null;
+        this.transitionDuration = DEFAULT_TRANSITION_DURATION;
+        this.initialized = false;
+    }
+    init(options = {}) {
+        if (this.initialized)
+            return;
+        if (typeof document === 'undefined') {
+            console.error('Snackbar: DOM is not available');
+            return;
+        }
+        const transitionDuration = normalizeTransitionDuration(options.transitionDuration);
+        if (transitionDuration !== null)
+            this.transitionDuration = transitionDuration;
+        this.renderer = new SnackbarRenderer(document);
+        if (!this.renderer.ensureRoot(this.transitionDuration)) {
+            console.error('Snackbar: DOM is not available');
+            this.renderer = null;
+            return;
+        }
+        this.initialized = true;
+    }
+    destroy() {
+        this.clearTimers();
+        this.clearQueue();
+        this.renderer?.destroy();
+        this.renderer = null;
+        this.state = 'idle';
+        this.transitionDuration = DEFAULT_TRANSITION_DURATION;
+        this.initialized = false;
+    }
+    add(message, action = null, duration) {
+        if (!this.ensureInitialized())
+            return;
+        const item = normalizeItem(message, action, duration);
+        if (!item)
+            return;
+        this.queue.push(item);
+        if (this.state === 'idle')
+            this.showNext();
+    }
+    show(message, action = null, duration) {
+        if (!this.ensureInitialized())
+            return;
+        const item = normalizeItem(message, action, duration);
+        if (!item)
+            return;
+        this.clearQueue();
+        if (this.state === 'idle') {
+            this.showItem(item);
+            return;
+        }
+        if (this.state === 'transitioning') {
+            this.clearTimer('transitionTimer');
+            this.state = 'idle';
+            this.showItem(item);
+            return;
+        }
+        this.hideActiveItem(() => this.showItem(item));
+    }
+    clearQueue() {
+        this.queue = [];
+        this.clearTimer('queueGapTimer');
+    }
+    hideCurrent() {
+        if (this.state === 'showing') {
+            this.hideActiveItem(() => this.finishCurrentItem());
+        }
+    }
+    isInitialized() {
+        return this.initialized;
+    }
+    getTransitionDuration() {
+        return this.renderer?.getTransitionDuration(this.transitionDuration) ?? this.transitionDuration;
+    }
+    showNext() {
+        if (this.state !== 'idle')
+            return;
+        const item = this.queue.shift();
+        if (!item)
+            return;
+        this.showItem(item);
+    }
+    showItem(item) {
+        if (!this.renderer)
+            return;
+        this.clearTimers();
+        this.state = 'showing';
+        this.renderer.setMessage(item.message);
+        this.renderer.setAction(item.action, () => {
+            try {
+                item.action?.handler();
+            }
+            finally {
+                this.hideActiveItem(() => this.finishCurrentItem());
+            }
+        });
+        this.renderer.show();
+        this.displayTimer = setTimeout(() => {
+            this.hideActiveItem(() => this.finishCurrentItem());
+        }, item.duration);
+    }
+    hideActiveItem(afterHidden) {
+        if (!this.renderer || this.state === 'transitioning')
+            return;
+        this.clearTimer('displayTimer');
+        this.state = 'transitioning';
+        this.renderer.hide();
+        this.renderer.cleanupAction();
+        this.transitionTimer = setTimeout(() => {
+            this.transitionTimer = null;
+            this.state = 'idle';
+            afterHidden?.();
+        }, this.getTransitionDuration());
+    }
+    finishCurrentItem() {
+        if (this.state !== 'idle')
+            return;
+        if (this.queue.length === 0)
+            return;
+        this.clearTimer('queueGapTimer');
+        this.queueGapTimer = setTimeout(() => {
+            this.queueGapTimer = null;
+            this.showNext();
+        }, QUEUE_GAP_DURATION);
+    }
+    ensureInitialized() {
+        if (this.initialized)
+            return true;
+        console.warn('Snackbar: Not initialized. Call Snackbar.init() first.');
+        return false;
+    }
+    clearTimers() {
+        this.clearTimer('displayTimer');
+        this.clearTimer('transitionTimer');
+        this.clearTimer('queueGapTimer');
+    }
+    clearTimer(timer) {
+        const timeout = this[timer];
+        if (timeout)
+            clearTimeout(timeout);
+        this[timer] = null;
+    }
+}
+
+/**
+ * MiniSnackbar - A simple vanilla JavaScript snackbar/toast library
+ *
+ * @version 3.0.0
+ * @author Shanto Islam <shantoislamdev@gmail.com>
+ * @license MIT
+ * @description A lightweight, zero-dependency snackbar library with Material Design integration
+ * @repository https://github.com/shantoislamdev/minisnackbar
+ * @homepage https://github.com/shantoislamdev/minisnackbar#readme
+ */
+const controller = new SnackbarController();
+class Snackbar {
+    static init(options = {}) {
+        controller.init(options);
+    }
+    static destroy() {
+        controller.destroy();
+    }
+    static getTransitionDuration() {
+        return controller.getTransitionDuration();
+    }
+    static add(message, action = null, duration) {
+        controller.add(message, action, duration);
+    }
+    static show(message, action = null, duration) {
+        controller.show(message, action, duration);
+    }
+    static clearQueue() {
+        controller.clearQueue();
+    }
+    static hideCurrent() {
+        controller.hideCurrent();
+    }
+    static isInitialized() {
+        return controller.isInitialized();
+    }
+}
+
+export { Snackbar, Snackbar as default };
 //# sourceMappingURL=minisnackbar.esm.js.map