@t007/toast 0.0.23 → 0.0.24

package/dist/index.global.js

@@ -1,11 +1,11 @@
 "use strict";
 (() => {
-  // ../../node_modules/sia-reactor/dist/chunk-IBAPWB27.js
+  // ../../../sia-reactor/dist/chunk-IBAPWB27.js
   function clamp(min = 0, val, max = Infinity) {
     return Math.min(Math.max(val, min), max);
   }
 
-  // ../../node_modules/sia-reactor/dist/chunk-RVYL3OLW.js
+  // ../../../sia-reactor/dist/chunk-RVYL3OLW.js
   function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
     return assignEl(el, props, dataset, styles), el;
   }
@@ -22,7 +22,7 @@
     }
   }
 
-  // ../../node_modules/sia-reactor/dist/chunk-3OT72G7R.js
+  // ../../../sia-reactor/dist/chunk-3OT72G7R.js
   function onAllMethods(owner, callback, skipOwn = true, nested = false) {
     let proto = owner;
     while (proto && proto !== Object.prototype) {
@@ -40,7 +40,7 @@
     });
   }
 
-  // ../../node_modules/sia-reactor/dist/chunk-EZ4VRGYI.js
+  // ../../../sia-reactor/dist/chunk-EZ4VRGYI.js
   var CTX = {
     /** Flag indicating whether the application is running in development mode. */
     isDevEnv: "undefined" !== typeof process ? process.env.NODE_ENV !== "production" : true,
@@ -56,7 +56,9 @@
     return "object" === typeof obj && obj !== null && (arraycheck ? !Array.isArray(obj) : true);
   }
 
-  // ../utils/dist/index.js
+  // ../utils/dist/chunk-XVFFZZJA.js
+  var INTERACTIVE_SELECTOR = 'button,[href],input,label,select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]:not([tabindex="-1"])';
+  var isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);
   var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
   function loadResource(req, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
     w.t007 ??= {}, w.t007._resourceCache ??= {};
@@ -85,6 +87,9 @@
     });
     return w.t007._resourceCache[src];
   }
+  function isDef(val) {
+    return "undefined" !== typeof val;
+  }
   function isSym(val) {
     return "symbol" === typeof val;
   }
@@ -110,8 +115,7 @@
     }
   }
   if ("undefined" !== typeof window) {
-    window.t007 ??= {};
-    t007.VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
+    (window.t007 ??= {}).VIRTUAL_RESOURCE = VIRTUAL_RESOURCE;
     window.T007_TOAST_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/toast@latest`;
     window.T007_INPUT_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/input@latest`;
     window.T007_DIALOG_JS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest`;
@@ -120,57 +124,62 @@
     window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`;
   }
 
-  // src/index.js
+  // src/js/index.js
   var T007_Toast = class {
+    #constructed = false;
+    // to minimize updates
     #autoCloseInterval;
     #progressInterval;
     #timeVisible = 0;
     #isPaused = false;
     #shouldUnPause;
     queue = [];
-    destroyed = true;
+    inactive = true;
     #visiblityChange = () => this.#shouldUnPause = document.visibilityState === "visible";
     constructor(options) {
       bindAllMethods(this);
-      this.opts = { ...options };
-      this.id = this.opts.id ??= uid(this.opts.idPrefix ?? "t007_toast_");
-      t007.toasts.set(this.id, this);
-      !isNum(this.opts.delay) ? this.init() : this.queue.push(setTimeout(this.init, this.opts.delay));
+      this.opts = options;
+      t007.toasts.set(this.opts.id ??= uid(this.opts.groupId ??= "t007_toast_"), this);
+      !isNum(this.opts.delay) ? this.activate() : this.queue.push(setTimeout(this.activate, this.opts.delay));
       this.update(this.opts);
     }
-    init() {
-      this.toastElement = createEl("div", { className: "t007-toast", id: this.id, ariaAtomic: "true" }, { idPrefix: this.opts.idPrefix });
+    activate() {
+      this.toastElement = createEl("div", { className: `t007-toast${this.scoped ? " t007-toast-scoped" : ""}`, id: this.opts.id, ariaAtomic: "true" }, { groupId: this.opts.groupId });
       requestAnimationFrame(() => this.toastElement.classList.add("t007-toast-show"));
-      this.destroyed = false;
+      this.inactive = false;
     }
-    update(options) {
-      if (!options || !isObj(options)) return this.opts.id;
+    update(options, constructed = this.#constructed) {
+      if (!options || !isObj(options) || constructed && this.inactive) return this.opts.id;
       try {
         this.opts = { ...this.opts, ...options };
-        const run = () => Object.keys(options).forEach((key) => this[key] = options[key]);
+        const run = () => (Object.keys(options).forEach((key) => this[key] = options[key]), this.#constructed = true, !constructed && (this.position = this.opts.position));
         !isNum(this.opts.delay) ? run() : this.queue.push(setTimeout(run, this.opts.delay));
         this.opts.delay = null;
       } catch (err) {
-        console.error("toast update failed:", err);
+        console.error("t007 toast update failed:", err);
       }
       return this.opts.id;
     }
     play = () => setTimeout(() => this.#isPaused = false);
     pause = () => this.#isPaused = true;
+    get rootElement() {
+      return this.opts.rootElement ?? document.body;
+    }
     set rootElement(value) {
-      const container = value?.querySelector(`.t007-toast-container[data-position="${this.opts.position}"]`);
-      container?.style.setProperty("--t007-toast-container-position", value === document.body ? "fixed" : "absolute");
-      container && !value.contains(container) && value.append(container);
+      if (this.#constructed) this.position = this.opts.position;
+    }
+    get scoped() {
+      return this.rootElement !== document.body;
     }
     set type(value) {
       this.toastElement.classList.remove("info", "success", "error", "warning");
       value && this.toastElement.classList.add(value);
       this.toastElement.role = value === "error" || value === "warning" ? "alert" : "status";
       this.toastElement.ariaLive = value === "error" || value === "warning" ? "assertive" : "polite";
-      if (value) this.icon = this.opts.icon;
+      if (value && this.#constructed) this.icon = this.opts.icon;
     }
     set bodyHTML(value) {
-      this.toastElement.querySelectorAll(".t007-toast > *:not(.t007-toast-cancel-button)").forEach((el) => el.remove());
+      for (const el of this.toastElement.querySelectorAll(":scope > *:not(.t007-toast-cancel-button)")) el.remove();
       this.toastElement.insertAdjacentHTML("afterbegin", `${value ? isFunc(value) ? value() : value : ""}`);
     }
     set render(value) {
@@ -196,12 +205,7 @@
       const image = () => this.toastElement.querySelector(".t007-toast-image");
       if (value) {
         this._setUpBodyHTML();
-        this.toastElement.querySelector(".t007-toast-image-wrapper").prepend(
-          image() || createEl("img", {
-            className: "t007-toast-image",
-            alt: "toast-image"
-          })
-        );
+        this.toastElement.querySelector(".t007-toast-image-wrapper").prepend(image() || createEl("img", { className: "t007-toast-image", alt: "toast-image" }));
         const img = image();
         img.src = value;
         img.onload = img.onerror = () => img.dataset.loaded = img.complete && img.naturalWidth > 0;
@@ -215,7 +219,7 @@
       const icon = () => this.toastElement.querySelector(".t007-toast-icon:not(.t007-toast-loader)");
       if (value) {
         this._setUpBodyHTML();
-        this.toastElement.querySelector(".t007-toast-image-wrapper").appendChild(icon() || createEl("span", { className: "t007-toast-icon" }));
+        this.toastElement.querySelector(".t007-toast-image-wrapper").append(icon() || createEl("span", { className: "t007-toast-icon" }));
         const icn = icon();
         icn.innerHTML = icn.dataset.icon = this.icon;
       } else icon()?.remove();
@@ -224,49 +228,25 @@
       const loader = () => this.toastElement.querySelector(".t007-toast-loader");
       if (value) {
         this._setUpBodyHTML();
-        this.toastElement.querySelectorAll(".t007-toast-icon:not(.t007-toast-loader)").forEach((i) => i.remove());
-        this.toastElement.querySelector(".t007-toast-image-wrapper").appendChild(
-          loader() || createEl("span", {
-            className: "t007-toast-icon t007-toast-loader"
-          })
-        );
+        for (const i of this.toastElement.querySelectorAll(".t007-toast-icon:not(.t007-toast-loader)")) i.remove();
+        this.toastElement.querySelector(".t007-toast-image-wrapper").append(loader() || createEl("span", { className: "t007-toast-icon t007-toast-loader" }));
         loader().innerHTML = isStr(value) ? value : t007.TOAST_ICONS.loading;
       } else {
         loader()?.remove();
-        this.icon = this.opts.icon;
+        if (this.#constructed) this.icon = this.opts.icon;
       }
     }
     set closeButton(value) {
       const btn = this.toastElement.querySelector(".t007-toast-cancel-button");
-      if (value)
-        this.toastElement.appendChild(
-          btn || createEl("button", {
-            title: "Close",
-            ariaLabel: "Close notification",
-            className: "t007-toast-cancel-button",
-            innerHTML: "×",
-            onclick: this._remove
-          })
-        );
+      if (value) this.toastElement.append(btn || createEl("button", { title: "Close", ariaLabel: "Close notification", className: "t007-toast-cancel-button", innerHTML: "×", onclick: this.remove }));
       else btn?.remove();
     }
     get animation() {
+      const p = this.opts.position;
       if (this.opts.animation === true || this.opts.animation === "slide")
-        switch (this.opts.position) {
-          case "top-right":
-          case "center-right":
-          case "bottom-right":
-            return "slide-left";
-          case "top-center":
-          case "center-center":
-          case "bottom-center":
-            return this.opts.position === "top-center" ? "slide-down" : "slide-up";
-          case "top-left":
-          case "center-left":
-          case "bottom-left":
-          default:
-            return "slide-right";
-        }
+        if (p === "top-right" || p === "center-right" || p === "bottom-right") return "slide-left";
+        else if (p === "top-center" || p === "center-center" || p === "bottom-center") return p === "top-center" ? "slide-down" : "slide-up";
+        else return "slide-right";
       return this.opts.animation;
     }
     set animation(value) {
@@ -278,6 +258,7 @@
     set autoClose(value) {
       cancelAnimationFrame(this.#autoCloseInterval);
       this.#timeVisible = 0;
+      this.nprogress = void 0;
       let lastTime;
       const loop = (time) => {
         if (this.#shouldUnPause) {
@@ -291,7 +272,7 @@
         if (!this.#isPaused) {
           this.#timeVisible += time - lastTime;
           this.onTimeUpdate?.(this.#timeVisible);
-          if (isNum(this.autoClose) && this.#timeVisible >= this.autoClose) return this._remove("smooth", true);
+          if (isNum(this.autoClose) && this.#timeVisible >= this.autoClose) return this.remove("smooth", true);
         }
         lastTime = time;
         this.#autoCloseInterval = requestAnimationFrame(loop);
@@ -299,20 +280,21 @@
       if (value) this.#autoCloseInterval = requestAnimationFrame(loop);
     }
     set position(value) {
-      const currentContainer = this.toastElement.parentElement;
-      const container = this.opts.rootElement?.querySelector(`.t007-toast-container[data-position="${value}"]`) || this._createContainer(value);
+      if (!this.#constructed) return;
+      const currContainer = this.toastElement.parentElement, container = this.rootElement.querySelector(`:scope > .t007-toast-container[data-position="${value}"]`) || this._createContainer(value);
       container[this.opts.newestOnTop ? "prepend" : "append"](this.toastElement);
-      if (!(currentContainer == null || currentContainer.hasChildNodes())) currentContainer.remove();
+      this.toastElement.classList.toggle("t007-toast-scoped", this.scoped);
+      if (!(currContainer == null || currContainer.hasChildNodes())) currContainer.remove();
     }
     set closeOnClick(value) {
-      this.toastElement.onclick = value ? () => this._remove() : null;
+      this.toastElement.onclick = value ? () => this.remove() : null;
     }
     set hideProgressBar(value) {
       this.toastElement.classList.toggle("progress", !value);
-      this.nprogress = 0;
+      this.nprogress = void 0;
       cancelAnimationFrame(this.#progressInterval);
       const loop = () => {
-        if (isNum(this.autoClose) && !this.#isPaused) this.nprogress = 1 - this.#timeVisible / this.autoClose;
+        if (isNum(this.autoClose) && !this.#isPaused) this.nprogress = void 0;
         this.#progressInterval = requestAnimationFrame(loop);
       };
       if (!value) this.#progressInterval = requestAnimationFrame(loop);
@@ -320,7 +302,7 @@
     get nprogress() {
       return Number(this.toastElement.style.getProperty("--progress"));
     }
-    set nprogress(value) {
+    set nprogress(value = 1 - this.#timeVisible / this.autoClose) {
       this.toastElement.style.setProperty("--progress", value);
     }
     set pauseOnHover(value) {
@@ -335,7 +317,9 @@
       this.toastElement.dataset.tag = value;
     }
     set renotify(value) {
-      value && this.opts.tag && t007.toasts.entries().forEach(([id, toast2]) => id !== this.id && (toast2.opts.tag ?? 1) === (this.opts.tag ?? 0) && toast2._remove("instant"));
+      if (value && this.opts.tag) {
+        for (const toast2 of t007.toasts.values()) if (toast2.opts.tag === this.opts.tag && toast2.opts.id !== this.opts.id) toast2.remove("instant");
+      }
     }
     get vibrate() {
       return this.opts.vibrate === true ? t007.TOAST_VIBRATIONS[this.opts.type] || t007.TOAST_VIBRATIONS.info : this.opts.vibrate;
@@ -343,12 +327,10 @@
     set vibrate(value) {
       value && navigator?.vibrate?.(this.vibrate);
     }
-    set maxToasts(value) {
+    set limit(value) {
       const toastsInContainer = [...this.toastElement?.parentElement?.children || []];
       if (!toastsInContainer.length) return;
-      for (let i = 0; i < toastsInContainer.length - value; i++) {
-        [...t007.toasts.values()].find((t) => t.toastElement === (this.opts.newestOnTop ? toastsInContainer[toastsInContainer.length - 1 - i] : toastsInContainer[i]))?._remove("instant");
-      }
+      for (let i = 0; i < toastsInContainer.length - value; i++) [...t007.toasts.values()].find((t) => t.toastElement === (this.opts.newestOnTop ? toastsInContainer[toastsInContainer.length - 1 - i] : toastsInContainer[i]))?.remove("instant");
     }
     set newestOnTop(value) {
       this.toastElement?.parentElement?.[value ? "prepend" : "append"](this.toastElement);
@@ -361,7 +343,7 @@
     _handleToastPointerStart(e) {
       if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
       if (e.touches?.length > 1) return;
-      !e.target?.matches('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])') && this.toastElement.setPointerCapture(e.pointerId);
+      !isInteractive(e.target) && this.toastElement.setPointerCapture(e.pointerId);
       this.#isPaused = true;
       this._ptrTicker = this._ptrDirSet = this._ptrDir = false;
       this._ptrStartX = e.clientX ?? e.targetTouches[0]?.clientX;
@@ -389,34 +371,28 @@
     _handleToastPointerUp(e) {
       if (isStr(this._ptrType) && e.pointerType !== this._ptrType) return;
       cancelAnimationFrame(this._ptrRAF);
-      if (Math.abs(this._ptrDeltaX) > this.toastElement.offsetWidth * (this.opts.dragToClosePercent.x ?? this.opts.dragToClosePercent / 100) || Math.abs(this._ptrDeltaY) > this.toastElement.offsetHeight * (this.opts.dragToClosePercent.y ?? this.opts.dragToClosePercent / 100)) return this._remove("instant");
+      if (Math.abs(this._ptrDeltaX) > this.toastElement.offsetWidth * ((this.opts.dragToClosePercent.x ?? this.opts.dragToClosePercent) / 100) || Math.abs(this._ptrDeltaY) > this.toastElement.offsetHeight * ((this.opts.dragToClosePercent.y ?? this.opts.dragToClosePercent) / 100)) return this.remove("instant");
       this.#isPaused = this._ptrTicker = this._ptrDirSet = this._ptrDir = false;
       this.toastElement.removeEventListener("pointermove", this._handleToastPointerMove, { passive: false });
-      this.toastElement.style.removeProperty("transition");
-      this.toastElement.style.removeProperty("transform");
-      this.toastElement.style.removeProperty("opacity");
+      for (const prop of ["transition", "transform", "opacity"]) this.toastElement.style.removeProperty(prop);
     }
-    _remove(manner = "smooth", timeElapsed = false) {
-      if (!this.opts.isLoading) t007.toasts.delete(this.id);
-      this.queue.forEach(clearTimeout);
+    remove(manner = "smooth", timeElapsed = false) {
+      if (!this.opts.isLoading) t007.toasts.delete(this.opts.id);
+      for (const tid of this.queue) clearTimeout(tid);
       document.removeEventListener("visibilitychange", this.#visiblityChange);
-      cancelAnimationFrame(this.#autoCloseInterval);
-      cancelAnimationFrame(this.#progressInterval);
-      if (this.destroyed || manner === "instant" || !this.animation) this._cleanUpToast();
+      cancelAnimationFrame(this.#autoCloseInterval), cancelAnimationFrame(this.#progressInterval);
+      if (this.inactive || manner === "instant" || !this.animation) this._cleanUpToast();
       else this.toastElement.onanimationend = this._cleanUpToast;
       this.toastElement.classList.remove("t007-toast-show");
       this.onClose?.(timeElapsed);
     }
     _createContainer(position) {
-      const container = document.createElement("div");
-      container.classList.add("t007-toast-container");
-      container.style.setProperty("--t007-toast-container-position", this.opts.rootElement === document.body ? "fixed" : "absolute");
-      container.dataset.position = position;
-      this.opts.rootElement?.append(container);
-      return container;
+      const container = createEl("div", { className: "t007-toast-container" }, { position });
+      container.style.setProperty("--t007-toast-container-position", !this.scoped ? "fixed" : "absolute");
+      return this.rootElement.appendChild(container);
     }
     _setUpBodyHTML() {
-      this.toastElement.querySelectorAll(".t007-toast > *:not(.t007-toast-image-wrapper, .t007-toast-body, .t007-toast-actions-wrapper, .t007-toast-cancel-button)").forEach((el) => el.remove());
+      this.#constructed && this.toastElement.querySelectorAll(":scope > *:not(.t007-toast-image-wrapper, .t007-toast-body, .t007-toast-actions-wrapper, .t007-toast-cancel-button)").forEach((el) => el.remove());
       const imageWrapper = () => this.toastElement.querySelector(".t007-toast-image-wrapper");
       if (!imageWrapper()) this.toastElement.prepend(createEl("div", { className: "t007-toast-image-wrapper" }));
       if (!this.toastElement.querySelector(".t007-toast-body")) imageWrapper().insertAdjacentElement("afterend", createEl("div", { className: "t007-toast-body" }));
@@ -425,46 +401,42 @@
       const container = this.toastElement.parentElement;
       this.toastElement.remove();
       if (!container?.hasChildNodes()) container?.remove();
-      this.destroyed = true;
+      this.inactive = true;
     }
   };
   var toasting = {
-    update(base, id, options) {
+    isActive(_, id) {
       const toast2 = t007.toasts.get(id);
-      toast2?.queue.forEach(clearTimeout);
-      return !!toast2 && (toast2.destroyed ? base(options.render, { ...toast2.opts, id, ...options }) : toast2.update(options));
+      return !!toast2 && !toast2.inactive;
+    },
+    update(base, id, options, _toast) {
+      const toast2 = _toast ?? t007.toasts.get(id);
+      if (toast2?.queue) for (const tid of toast2.queue) clearTimeout(tid);
+      return toast2 && (toast2.inactive ? base(options.render, { ...toast2.opts, id, ...options }) : toast2.update(options));
     },
-    message: (base, defaults, action) => base[action] = (renderOrId, options = {}) => {
+    message: (base, getDefaults, action, renderOrId, options = {}) => {
       options = { ...options, type: action === "warn" ? "warning" : action };
-      if (!t007.toasts.get(renderOrId)) return base(renderOrId, options);
-      const { autoClose, closeButton, closeOnClick, dragToClose } = defaults();
-      return base.update(renderOrId, {
-        ...t007.toasts.get(renderOrId)?.opts.isLoading ? { autoClose, closeButton, closeOnClick, dragToClose } : {},
-        ...options,
-        isLoading: false
-      });
+      const id = options.id ?? renderOrId, toast2 = t007.toasts.get(id);
+      if (!toast2) return base(renderOrId, options);
+      const { autoClose, closeButton, closeOnClick, dragToClose } = getDefaults();
+      return base.update(id, { ...toast2.opts.isLoading ? { closeButton, closeOnClick, dragToClose } : null, ...options.id ? { render: renderOrId } : null, autoClose, ...options, isLoading: false }, toast2);
+    },
+    loading: (base, renderOrId, options = {}) => {
+      const id = options.id ?? renderOrId, toast2 = t007.toasts.get(id);
+      return (toast2 ? base.update : base)(id, { closeButton: false, closeOnClick: false, dragToClose: false, ...options.id ? { render: renderOrId } : null, autoClose: false, ...options, isLoading: options.isLoading || true, type: "" }, toast2 || void 0);
     },
-    loading: (base, renderOrId, options = {}) => (t007.toasts.get(renderOrId) ? base.update : base)(renderOrId, {
-      autoClose: false,
-      closeButton: false,
-      closeOnClick: false,
-      dragToClose: false,
-      ...options,
-      isLoading: options.isLoading || true,
-      type: ""
-    }),
     promise(base, promise = new Promise((res, rej) => setTimeout(Math.round(Math.random()) ? res : rej, 3e3)), { pending, success, error } = {}) {
       if (!promise || !isFunc(promise.then)) return console.error("toast.promise() requires a valid promise");
       const NFC = (input, type) => isStr(input) ? { render: input, type } : isObj(input) ? { ...input, type } : { type };
-      const pendingConfig = NFC(pending);
-      const pendingToastId = base.loading(pendingConfig.render || "Promise pending...", { ...pendingConfig });
+      const pendingCfg = NFC(pending);
+      const pendingId = base.loading(pendingCfg.render || "Promise pending...", { ...pendingCfg });
       promise.then(
         (response) => {
           const successConfig = NFC(success || "Promise resolved", "success");
           const { render, bodyHTML } = successConfig;
           if (isFunc(render)) successConfig.render = (response2) => render(response2);
           if (isFunc(bodyHTML)) successConfig.bodyHTML = (response2) => bodyHTML(response2);
-          base.success(pendingToastId, successConfig);
+          base.success(pendingId, successConfig);
           return response;
         },
         (err) => {
@@ -472,41 +444,36 @@
           const { render, bodyHTML } = errorConfig;
           if (isFunc(render)) errorConfig.render = (err2) => render(err2);
           if (isFunc(bodyHTML)) errorConfig.bodyHTML = (err2) => bodyHTML(err2);
-          base.error(pendingToastId, errorConfig);
+          base.error(pendingId, errorConfig);
           return Promise.reject(err);
         }
       );
       return promise;
     },
     dismiss(base, id, manner, timeElapsed) {
-      return !arguments.length ? base.dismissAll() : t007.toasts.get(id)?._remove(manner, timeElapsed);
+      return !isDef(id) ? base.dismissAll() : t007.toasts.get(id)?.remove(manner, timeElapsed);
     },
-    dismissAll(base, idPrefix) {
-      t007.toasts.values().forEach((toast2) => (!arguments.length ? true : toast2.id.startsWith(idPrefix)) && toast2._remove());
+    dismissAll(base, groupId) {
+      for (const toast2 of t007.toasts.values()) (!isDef(groupId) ? true : toast2.opts.groupId === groupId) && toast2.remove();
     },
-    doForAll(base, action, options, idPrefix) {
-      t007.toasts.keys().forEach((id) => (!arguments.length ? true : id.startsWith(idPrefix)) && base[action]?.(id, options));
+    doForAll(base, action, options, groupId) {
+      for (const toast2 of t007.toasts.values()) (!isDef(groupId) ? true : toast2.opts.groupId === groupId) && base[action]?.(toast2.opts.id, options);
     },
-    getAll(base, idPrefix) {
-      return t007.toasts.values().filter((toast2) => !arguments.length ? true : toast2.id.startsWith(idPrefix));
+    getAll(base, groupId) {
+      return t007.toasts.values().filter((toast2) => !isDef(groupId) ? true : toast2.opts.groupId === groupId);
     }
   };
-  var toaster = (defOptions = {}, idPrefix = "t007_toast_") => {
-    const defaults = () => ({ ...t007.TOAST_DEFAULT_OPTIONS, ...defOptions }), base = (render, options = {}) => new T007_Toast({
-      ...defaults(),
-      ...options,
-      id: render?.startsWith?.(idPrefix) ? render : options.id,
-      render: render?.startsWith?.(idPrefix) ? options.render : render,
-      idPrefix
-    }).id;
-    base.update = (id, options) => toasting.update(base, id, options);
-    ["info", "success", "warn", "error"].forEach((action) => toasting.message(base, defaults, action));
-    base.loading = (render, options) => toasting.loading(base, render, options);
-    base.promise = (promise, options) => toasting.promise(base, promise, options);
+  var toaster = (defOptions = {}, groupId = "t007_toast_") => {
+    const getDefaults = () => ({ ...t007.TOAST_DEFAULT_OPTIONS, ...defOptions }), base = (render, options = {}, mayBeId = render?.startsWith?.(groupId)) => new T007_Toast({ ...getDefaults(), ...options, id: mayBeId ? render : options.id, render: mayBeId ? options.render : render, groupId }).opts.id;
+    base.isActive = (id) => toasting.isActive(base, id);
+    base.update = (id, options, _toast) => toasting.update(base, id, options, _toast);
+    for (const action of ["info", "success", "warn", "error"]) base[action] = (renderOrId, options) => toasting.message(base, getDefaults, action, renderOrId, options);
+    base.loading = (renderOrId, options) => toasting.loading(base, renderOrId, options);
+    base.promise = (promise, config) => toasting.promise(base, promise, config);
     base.dismiss = (id, manner, timeElapsed) => toasting.dismiss(base, id, manner, timeElapsed);
-    base.dismissAll = (idPrefix2) => toasting.dismissAll(base, idPrefix2);
-    base.doForAll = (action, options, idPrefix2) => toasting.doForAll(base, action, options, idPrefix2);
-    base.getAll = (idPrefix2) => toasting.getAll(base, idPrefix2);
+    base.dismissAll = (groupId2) => toasting.dismissAll(base, groupId2);
+    base.doForAll = (action, options, groupId2) => toasting.doForAll(base, action, options, groupId2);
+    base.getAll = (groupId2) => toasting.getAll(base, groupId2);
     return base;
   };
   var toast = toaster();
@@ -516,11 +483,7 @@
     t007.toasting = toasting;
     t007.toaster = toaster;
     t007.toasts = /* @__PURE__ */ new Map();
-    t007.TOAST_DEFAULT_OPTIONS ??= {};
-    t007.TOAST_DURATIONS ??= {};
-    t007.TOAST_VIBRATIONS ??= {};
-    t007.TOAST_ICONS ??= {};
-    t007.TOAST_DEFAULT_OPTIONS.rootElement ??= document.body;
+    t007.TOAST_DEFAULT_OPTIONS ??= {}, t007.TOAST_DURATIONS ??= {}, t007.TOAST_VIBRATIONS ??= {}, t007.TOAST_ICONS ??= {};
     t007.TOAST_DEFAULT_OPTIONS.render ??= "";
     t007.TOAST_DEFAULT_OPTIONS.type ??= "";
     t007.TOAST_DEFAULT_OPTIONS.icon ??= true;
@@ -540,22 +503,16 @@
     t007.TOAST_DEFAULT_OPTIONS.vibrate ??= false;
     t007.TOAST_DEFAULT_OPTIONS.animation ??= true;
     t007.TOAST_DEFAULT_OPTIONS.newestOnTop ??= false;
-    t007.TOAST_DEFAULT_OPTIONS.maxToasts ??= 1e3;
-    t007.TOAST_DURATIONS.success ??= 2500;
-    t007.TOAST_DURATIONS.error ??= 4500;
-    t007.TOAST_DURATIONS.warning ??= 3500;
-    t007.TOAST_DURATIONS.info ??= 4e3;
-    t007.TOAST_VIBRATIONS.success ??= [100, 50, 100];
-    t007.TOAST_VIBRATIONS.warning ??= [300, 100, 300];
-    t007.TOAST_VIBRATIONS.error ??= [500, 200, 500];
-    t007.TOAST_VIBRATIONS.info ??= [200];
+    t007.TOAST_DEFAULT_OPTIONS.limit ??= 100;
+    t007.TOAST_DURATIONS.success ??= 2500, t007.TOAST_DURATIONS.error ??= 4500, t007.TOAST_DURATIONS.warning ??= 3500, t007.TOAST_DURATIONS.info ??= 4e3;
+    t007.TOAST_VIBRATIONS.success ??= [100, 50, 100], t007.TOAST_VIBRATIONS.warning ??= [300, 100, 300], t007.TOAST_VIBRATIONS.error ??= [500, 200, 500], t007.TOAST_VIBRATIONS.info ??= [200];
     t007.TOAST_ICONS.success ??= `<svg class="no-css-fill" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#27ae60"/><path fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M7 12l3 3l6-6"/></svg>`;
     t007.TOAST_ICONS.error ??= `<svg class="no-css-fill" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#e74c3c"/><path fill="#fff" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8 8l8 8M16 8l-8 8"/></svg>`;
     t007.TOAST_ICONS.warning ??= `<svg class="no-css-fill" width="24" height="24" viewBox="0 0 24 24"><path fill="#f1c40f" stroke="#f39c12" stroke-width="2" stroke-linejoin="round" d="M12 3L2.5 20.5A2 2 0 0 0 4.5 23h15a2 2 0 0 0 2-2.5L12 3z"/><circle cx="12" cy="17" r="1.5" fill="#fff"/><path fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 8v6"/></svg>`;
     t007.TOAST_ICONS.info ??= `<svg class="no-css-fill" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="#3498db"/><path fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M12 10v6"/><circle cx="12" cy="7" r="1.5" fill="#fff"/></svg>`;
     t007.TOAST_ICONS.loading ??= `<svg class="no-css-fill" width="24" height="24" viewBox="0 0 16 16" fill="none" style="scale:0.75;"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="whitesmoke" d="M8 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8"/><path fill="gray" d="M7.25.75A.75.75 0 0 1 8 0a8 8 0 0 1 8 8 .75.75 0 0 1-1.5 0A6.5 6.5 0 0 0 8 1.5a.75.75 0 0 1-.75-.75"/></g><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0" to="360" dur="600ms" repeatCount="indefinite"/></svg>`;
     loadResource(T007_TOAST_CSS_SRC);
-    window.Toast ??= t007.toast;
+    window.toast ??= t007.toast;
     console.log("%cT007 Toasts attached to window!", "color: darkturquoise");
   }
 })();