@t007/toast 0.0.33 → 0.0.35

package/dist/index.global.js

@@ -53,7 +53,7 @@
     return el;
   }
 
-  // ../../../sia-reactor/dist/chunk-SHWIAQD2.js
+  // ../../../sia-reactor/dist/chunk-WYSENFHG.js
   var RTR_BATCH = "undefined" !== typeof window ? ("undefined" !== typeof queueMicrotask ? queueMicrotask : setTimeout).bind(window) : "undefined" !== typeof process && process.nextTick ? process.nextTick : setTimeout;
   var RTR_LOG = console.log.bind(console, "[S.I.A Reactor]");
   var NIL = Object.freeze({});
@@ -66,7 +66,7 @@
     return "object" === typeof obj && obj !== null && (arraycheck ? !Array.isArray(obj) : true);
   }
 
-  // ../utils/dist/chunk-ZALPHCSJ.js
+  // ../utils/dist/chunk-ZOFWWRKV.js
   var INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
   var isInteractive = (target) => target instanceof HTMLElement && target.matches(INTERACTIVE_SELECTOR);
   var VIRTUAL_RESOURCE = /* @__PURE__ */ Symbol.for("T007_VIRTUAL_RESOURCE");
@@ -86,7 +86,7 @@
             console.warn(`Retrying ${type} load for "${src}" (${attempts - remaining + 1})...`);
           } else {
             delete win.t007._resourceCache[src];
-            reject(new Error(`${capitalize(type)} load failed for "${src}" after ${attempts - 1} attempts`));
+            reject(new Error(`${capitalize(type)} load failed for "${src}"`));
           }
         };
         const url = retryKey && remaining < attempts ? `${src}${src.includes("?") ? "&" : "?"}_${retryKey}=${Date.now()}` : src;
@@ -159,11 +159,11 @@
     inactive = true;
     #visiblityChange = () => this.#shouldUnPause = document.visibilityState === "visible";
     constructor(options) {
-      bindAllMethods(this), bindCleanupToSignal(this.abort, options.signal);
+      bindAllMethods(this);
       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(setTimeout2(this.activate, this.opts.delay, this.opts.signal));
-      this.update(this.opts);
+      this.update(this.opts), bindCleanupToSignal(this.abort, options.signal);
     }
     activate() {
       this.toastElement = createEl("div", { className: `t007-toast${this.scoped ? " t007-toast-scoped" : ""}`, id: this.opts.id, ariaAtomic: "true" }, { groupId: this.opts.groupId });
@@ -220,8 +220,8 @@
         this._setUpBodyHTML();
         this.toastElement.querySelector(".t007-toast-body").insertAdjacentElement("afterend", actionsWrapper() || createEl("div", { className: "t007-toast-actions-wrapper" }));
         const wrapper = actionsWrapper();
-        wrapper.innerHTML = values.map(([label]) => label ? `<button class="t007-toast-action-button" data-action="${label}">${label}</button>` : "").join("");
-        wrapper.querySelectorAll(".t007-toast-action-button").forEach((btn, i) => btn.onclick = (e) => values[i][1]?.(e, this));
+        wrapper.innerHTML = values.map(([label]) => label ? `<button class="t007-toast-action-button">${label}</button>` : "").join("");
+        wrapper.querySelectorAll(".t007-toast-action-button").forEach((btn, i) => (btn.onclick = (e) => values[i][1]?.(e, this), btn.dataset.action = btn.textContent.trim()));
       } else actionsWrapper()?.remove();
     }
     set image(value) {
@@ -407,8 +407,8 @@
       document.removeEventListener("visibilitychange", this.#visiblityChange);
       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");
+      else if (this.toastElement) this.toastElement.onanimationend = this._cleanUpToast;
+      this.toastElement?.classList.remove("t007-toast-show");
       this.onClose?.(timeElapsed);
     }
     abort = () => this.remove("instant", false);

package/dist/index.js

@@ -12,11 +12,11 @@ var T007_Toast = class {
   inactive = true;
   #visiblityChange = () => this.#shouldUnPause = document.visibilityState === "visible";
   constructor(options) {
-    bindAllMethods(this), bindCleanupToSignal(this.abort, options.signal);
+    bindAllMethods(this);
     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.opts.signal));
-    this.update(this.opts);
+    this.update(this.opts), bindCleanupToSignal(this.abort, options.signal);
   }
   activate() {
     this.toastElement = createEl("div", { className: `t007-toast${this.scoped ? " t007-toast-scoped" : ""}`, id: this.opts.id, ariaAtomic: "true" }, { groupId: this.opts.groupId });
@@ -73,8 +73,8 @@ var T007_Toast = class {
       this._setUpBodyHTML();
       this.toastElement.querySelector(".t007-toast-body").insertAdjacentElement("afterend", actionsWrapper() || createEl("div", { className: "t007-toast-actions-wrapper" }));
       const wrapper = actionsWrapper();
-      wrapper.innerHTML = values.map(([label]) => label ? `<button class="t007-toast-action-button" data-action="${label}">${label}</button>` : "").join("");
-      wrapper.querySelectorAll(".t007-toast-action-button").forEach((btn, i) => btn.onclick = (e) => values[i][1]?.(e, this));
+      wrapper.innerHTML = values.map(([label]) => label ? `<button class="t007-toast-action-button">${label}</button>` : "").join("");
+      wrapper.querySelectorAll(".t007-toast-action-button").forEach((btn, i) => (btn.onclick = (e) => values[i][1]?.(e, this), btn.dataset.action = btn.textContent.trim()));
     } else actionsWrapper()?.remove();
   }
   set image(value) {
@@ -260,8 +260,8 @@ var T007_Toast = class {
     document.removeEventListener("visibilitychange", this.#visiblityChange);
     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");
+    else if (this.toastElement) this.toastElement.onanimationend = this._cleanUpToast;
+    this.toastElement?.classList.remove("t007-toast-show");
     this.onClose?.(timeElapsed);
   }
   abort = () => this.remove("instant", false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/toast",
-  "version": "0.0.33",
+  "version": "0.0.35",
   "description": "A lightweight, pure JS toast system.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",
@@ -55,7 +55,7 @@
     "promise"
   ],
   "dependencies": {
-    "@t007/utils": "^0.0.35"
+    "@t007/utils": "^0.0.36"
   },
   "devDependencies": {
     "esbuild-sass-plugin": "^3.7.0"