@t007/toast 0.0.30 → 0.0.32

package/dist/index.d.ts

@@ -71,7 +71,7 @@ export interface ToastOptions {
   onClose?: (timeElapsed?: boolean | false) => void;
   /** Callback fired as the toast auto-close timer advances. */
   onTimeUpdate?: (timeVisible: number) => void;
-  [key: string]: any; // To allow arbitrary overrides internally if needed
+  // [key: string]: any; // To allow arbitrary overrides internally if needed
 }
 
 /** Live toast instance returned by the runtime. */

package/dist/index.global.js

@@ -1,28 +1,11 @@
 "use strict";
 (() => {
-  // ../../../sia-reactor/dist/chunk-IBAPWB27.js
+  // ../../../sia-reactor/dist/chunk-JGEI2Q4M.js
   function clamp(min = 0, val, max = Infinity) {
     return Math.min(Math.max(val, min), max);
   }
 
-  // ../../../sia-reactor/dist/chunk-RI45W4O6.js
-  function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
-    return assignEl(el, props, dataset, styles), el;
-  }
-  function assignEl(el, props, dataset, styles) {
-    if (!el) return;
-    if (props) {
-      for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
-    }
-    if (dataset) {
-      for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
-    }
-    if (styles) {
-      for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
-    }
-  }
-
-  // ../../../sia-reactor/dist/chunk-3OT72G7R.js
+  // ../../../sia-reactor/dist/chunk-243U74PP.js
   function onAllMethods(owner, callback, skipOwn = true, nested = false) {
     let proto = owner;
     while (proto && proto !== Object.prototype) {
@@ -39,53 +22,82 @@
       owner2[method] = owner2[method].bind(owner2);
     });
   }
+  function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
+    return assignEl(el, props, dataset, styles);
+  }
+  function assignEl(el, props, dataset, styles) {
+    if (!el) return null;
+    if (props) {
+      for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
+    }
+    if (dataset) {
+      for (const k of Object.keys(dataset)) if (dataset[k] !== void 0) el.dataset[k] = String(dataset[k]);
+    }
+    if (styles) {
+      for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
+    }
+    return el;
+  }
 
-  // ../../../sia-reactor/dist/chunk-4PLMBUCP.js
+  // ../../../sia-reactor/dist/chunk-2ZYYYSZ4.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({});
   var CTX = {
     /** Flag indicating whether the application is running in development mode. */
     isDevEnv: "undefined" !== typeof process ? process.env.NODE_ENV !== "production" : true,
-    /** Flag indicating whether a cascade is currently ongoing so reactors can allow all writes. */
-    isCascading: false,
+    /** Flag indicating whether an operation is bypassing checks so reactors can allow all writes. */
+    usingForce: false,
     /** Active `Autotracker` instance, override for automatic dependency collection on `Reactor` traps. */
-    autotracker: null
+    autotracker: null,
+    /** Extensible meta context for payloads and cross-cutting concerns. */
+    meta: null,
+    /** Default configuration for new `Reactor` instances and also fallback for utils that need and are called without these options. */
+    defaults: {
+      crossRealms: false,
+      smartCloning: false,
+      eventBubbling: true,
+      eventCapturing: "auto",
+      lineageTracing: false,
+      preserveContext: false,
+      equalityFunction: Object.is,
+      batchingFunction: RTR_BATCH
+    }
   };
-  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({});
   function isObj(obj, arraycheck = true) {
     return "object" === typeof obj && obj !== null && (arraycheck ? !Array.isArray(obj) : true);
   }
 
-  // ../utils/dist/chunk-4O76EZJ4.js
-  var INTERACTIVE_SELECTOR = ":is(button,[href],input:not([type='hidden']),select,textarea,details>summary,[contenteditable='true'],iframe,audio[controls],video[controls],[tabindex]):not([disabled],[tabindex='-1'],[data-focus-guard],[inert],[inert] *)";
+  // ../utils/dist/chunk-HGUYOV3P.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");
-  function loadResource(req, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, w = window) {
-    w.t007 ??= {}, w.t007._resourceCache ??= {};
+  function loadResource(req, type = "style", { module, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, attempts = 3, retryKey = false } = {}, win = window) {
+    win.t007 ??= {}, win.t007._resourceCache ??= {};
     if (req === VIRTUAL_RESOURCE || isSym(req)) return Promise.resolve();
     const src = req;
-    if (w.t007._resourceCache[src]) return w.t007._resourceCache[src];
-    const existing = type === "script" ? Array.prototype.find.call(w.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(w.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
-    if (existing) return w.t007._resourceCache[src] = Promise.resolve(existing);
-    w.t007._resourceCache[src] = new Promise((resolve, reject) => {
+    if (win.t007._resourceCache[src]) return win.t007._resourceCache[src];
+    const existing = type === "script" ? Array.prototype.find.call(win.document.scripts, (s) => isSameURL(s.src, src)) : type === "style" ? Array.prototype.find.call(win.document.styleSheets, (s) => isSameURL(s.href, src)) : null;
+    if (existing) return win.t007._resourceCache[src] = Promise.resolve(existing);
+    win.t007._resourceCache[src] = new Promise((resolve, reject) => {
       (function tryLoad(remaining, el) {
         const onerror = () => {
           el?.remove?.();
           if (remaining > 1) {
             setTimeout(tryLoad, 1e3, remaining - 1);
-            console.warn(`Retrying ${type} load (${attempts - remaining + 1}): ${src}...`);
+            console.warn(`Retrying ${type} load for "${src}" (${attempts - remaining + 1})...`);
           } else {
-            delete w.t007._resourceCache[src];
-            reject(new Error(`${type} load failed after ${attempts} attempts: ${src}`));
+            delete win.t007._resourceCache[src];
+            reject(new Error(`${capitalize(type)} load failed for "${src}" after ${attempts - 1} attempts`));
           }
         };
         const url = retryKey && remaining < attempts ? `${src}${src.includes("?") ? "&" : "?"}_${retryKey}=${Date.now()}` : src;
-        if (type === "script") w.document.body.append(el = createEl("script", { src: url, type: module ? "module" : "text/javascript", crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || "");
-        else if (type === "style") w.document.head.append(el = createEl("link", { rel: "stylesheet", href: url, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || "");
+        if (type === "script") win.document.body.append(el = createEl("script", { src: url, type: module ? "module" : "text/javascript", crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || "");
+        else if (type === "style") win.document.head.append(el = createEl("link", { rel: "stylesheet", href: url, media, crossOrigin, integrity, referrerPolicy, nonce, fetchPriority, onload: () => resolve(el), onerror }) || "");
         else reject(new Error(`Unsupported resource type: ${type}`));
       })(attempts);
     });
-    return w.t007._resourceCache[src];
+    return win.t007._resourceCache[src];
   }
   function isDef(val) {
     return "undefined" !== typeof val;
@@ -105,6 +117,9 @@
   function uid(prefix = "") {
     return prefix + Date.now().toString(36) + "_" + performance.now().toString(36).replace(".", "") + "_" + Math.random().toString(36).slice(2);
   }
+  function capitalize(word = "") {
+    return word.replace(/^(\s*)([a-z])/i, (_, s, l) => s + l.toUpperCase());
+  }
   function cleanURL(url) {
     try {
       const u = new URL(url, window.location.href);
@@ -114,6 +129,7 @@
     }
   }
   function isSameURL(url1, url2) {
+    if (url1 === url2) return true;
     if (!isStr(url1) || !isStr(url2) || !url1 || !url2) return false;
     return cleanURL(url1) === cleanURL(url2);
   }
@@ -358,6 +374,8 @@
       e.preventDefault();
       if (this._ptrTicker) return;
       this._ptrRAF = requestAnimationFrame(() => {
+        const selection = window.getSelection();
+        if (selection?.toString().length && this.toastElement.contains(selection.anchorNode)) return this._handleToastPointerUp(e);
         const has = (str) => this.opts.dragToCloseDir.includes(str), x = e.clientX ?? e.targetTouches[0]?.clientX, y = e.clientY ?? e.targetTouches[0]?.clientY;
         this._ptrDir ||= Math.abs(x - this._ptrStartX) >= Math.abs(y - this._ptrStartY) ? "x" : "y";
         this._ptrDeltaX = (has("|") ? this._ptrDir == "x" : has("x")) && !has(x - this._ptrStartX > 0 ? "-" : "+") ? x - this._ptrStartX : 0;
@@ -401,8 +419,8 @@
       if (!this.toastElement.querySelector(".t007-toast-body")) imageWrapper().insertAdjacentElement("afterend", createEl("div", { className: "t007-toast-body" }));
     }
     _cleanUpToast() {
-      const container = this.toastElement.parentElement;
-      this.toastElement.remove();
+      const container = this.toastElement?.parentElement;
+      this.toastElement?.remove();
       if (!container?.hasChildNodes()) container?.remove();
       this.inactive = true;
     }
@@ -436,16 +454,16 @@
         (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);
+          if (isFunc(render)) successConfig.render = (txt = response) => render(txt);
+          if (isFunc(bodyHTML)) successConfig.bodyHTML = (txt = response) => bodyHTML(txt);
           base.success(pendingId, successConfig);
           return response;
         },
         (err) => {
           const errorConfig = NFC(error || "Promise rejected", "error");
           const { render, bodyHTML } = errorConfig;
-          if (isFunc(render)) errorConfig.render = (err2) => render(err2);
-          if (isFunc(bodyHTML)) errorConfig.bodyHTML = (err2) => bodyHTML(err2);
+          if (isFunc(render)) errorConfig.render = (txt = err) => render(txt);
+          if (isFunc(bodyHTML)) errorConfig.bodyHTML = (txt = err) => bodyHTML(txt);
           base.error(pendingId, errorConfig);
           return Promise.reject(err);
         }

package/dist/index.js

@@ -230,6 +230,8 @@ var T007_Toast = class {
     e.preventDefault();
     if (this._ptrTicker) return;
     this._ptrRAF = requestAnimationFrame(() => {
+      const selection = window.getSelection();
+      if (selection?.toString().length && this.toastElement.contains(selection.anchorNode)) return this._handleToastPointerUp(e);
       const has = (str) => this.opts.dragToCloseDir.includes(str), x = e.clientX ?? e.targetTouches[0]?.clientX, y = e.clientY ?? e.targetTouches[0]?.clientY;
       this._ptrDir ||= Math.abs(x - this._ptrStartX) >= Math.abs(y - this._ptrStartY) ? "x" : "y";
       this._ptrDeltaX = (has("|") ? this._ptrDir == "x" : has("x")) && !has(x - this._ptrStartX > 0 ? "-" : "+") ? x - this._ptrStartX : 0;
@@ -273,8 +275,8 @@ var T007_Toast = class {
     if (!this.toastElement.querySelector(".t007-toast-body")) imageWrapper().insertAdjacentElement("afterend", createEl("div", { className: "t007-toast-body" }));
   }
   _cleanUpToast() {
-    const container = this.toastElement.parentElement;
-    this.toastElement.remove();
+    const container = this.toastElement?.parentElement;
+    this.toastElement?.remove();
     if (!container?.hasChildNodes()) container?.remove();
     this.inactive = true;
   }
@@ -308,16 +310,16 @@ var toasting = {
       (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);
+        if (isFunc(render)) successConfig.render = (txt = response) => render(txt);
+        if (isFunc(bodyHTML)) successConfig.bodyHTML = (txt = response) => bodyHTML(txt);
         base.success(pendingId, successConfig);
         return response;
       },
       (err) => {
         const errorConfig = NFC(error || "Promise rejected", "error");
         const { render, bodyHTML } = errorConfig;
-        if (isFunc(render)) errorConfig.render = (err2) => render(err2);
-        if (isFunc(bodyHTML)) errorConfig.bodyHTML = (err2) => bodyHTML(err2);
+        if (isFunc(render)) errorConfig.render = (txt = err) => render(txt);
+        if (isFunc(bodyHTML)) errorConfig.bodyHTML = (txt = err) => bodyHTML(txt);
         base.error(pendingId, errorConfig);
         return Promise.reject(err);
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/toast",
-  "version": "0.0.30",
+  "version": "0.0.32",
   "description": "A lightweight, pure JS toast system.",
   "author": "Oketade Oluwatobiloba <tobioketade007@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,8 @@
   "types": "./dist/index.d.ts",
   "style": "./dist/index.css",
   "sideEffects": [
-    "*.css"
+    "**/*.css",
+    "**/*.scss"
   ],
   "exports": {
     ".": {
@@ -54,7 +55,7 @@
     "promise"
   ],
   "dependencies": {
-    "@t007/utils": "^0.0.32"
+    "@t007/utils": "^0.0.34"
   },
   "devDependencies": {
     "esbuild-sass-plugin": "^3.7.0"