@t007/dialog 0.0.29 → 0.0.31

package/dist/index.css

@@ -37,12 +37,12 @@
   --t007-dialog-button-padding-block: calc(var(--t007-dialog-unit) * 0.5);
   --t007-dialog-button-border-radius: calc(var(--t007-dialog-unit) * 1.25);
   --t007-dialog-button-gap: calc(var(--t007-dialog-unit) * 0.65);
-  --t007-confirm-button-color: grey;
-  --t007-confirm-button-background: var(--t007-cancel-button-color);
-  --t007-cancel-button-color: greenyellow;
-  --t007-cancel-button-background: var(--t007-confirm-button-color);
-  --t007-confirm-button-outline-color: var(--t007-cancel-button-color);
-  --t007-cancel-button-outline-color: var(--t007-cancel-button-color);
+  --t007-dialog-confirm-button-color: grey;
+  --t007-dialog-confirm-button-background: var(--t007-dialog-cancel-button-color);
+  --t007-dialog-cancel-button-color: greenyellow;
+  --t007-dialog-cancel-button-background: var(--t007-dialog-confirm-button-color);
+  --t007-dialog-confirm-button-outline-color: var(--t007-dialog-cancel-button-color);
+  --t007-dialog-cancel-button-outline-color: var(--t007-dialog-cancel-button-color);
 }
 :where(.t007-dialog) .t007-input-field {
   --t007-input-color: var(--t007-dialog-message-color);
@@ -213,13 +213,13 @@ body:has(> .t007-dialog) {
   transition: 100ms ease;
 }
 .t007-dialog-confirm-button {
-  color: var(--t007-confirm-button-color);
-  background: var(--t007-confirm-button-background);
+  color: var(--t007-dialog-confirm-button-color);
+  background: var(--t007-dialog-confirm-button-background);
   opacity: 1;
 }
 .t007-dialog-cancel-button {
-  color: var(--t007-cancel-button-color);
-  background: var(--t007-cancel-button-background);
+  color: var(--t007-dialog-cancel-button-color);
+  background: var(--t007-dialog-cancel-button-background);
   opacity: 0.9;
 }
 .t007-dialog button:hover {
@@ -236,8 +236,8 @@ body:has(> .t007-dialog) {
   outline-width: var(--t007-button-outline-width);
 }
 .t007-dialog-confirm-button:focus {
-  outline-color: var(--t007-confirm-button-outline-color);
+  outline-color: var(--t007-dialog-confirm-button-outline-color);
 }
 .t007-dialog-cancel-button:focus {
-  outline-color: var(--t007-cancel-button-outline-color);
+  outline-color: var(--t007-dialog-cancel-button-outline-color);
 }

package/dist/index.d.ts

@@ -5,15 +5,15 @@ import type { FieldOptions } from "@t007/input";
 export interface DialogOptions {
   /** Unique identifier for the dialog for programmatic dismissal. Auto-generated by default. */
   id?: string;
-  /** Text for the confirmation button. Defaults to "OK". */
+  /** Text for the confirmation button. @default  "OK". */
   confirmText?: string;
-  /** Text for the cancel button where applicable. Defaults to "Cancel". */
+  /** Text for the cancel button where applicable. @default  "Cancel". */
   cancelText?: string;
-  /** Browser behavior for handling dialog closure. Defaults to "any". */
+  /** Browser behavior for handling dialog closure. @default  "any". */
   closedBy?: HTMLDialogElement["closedBy"];
   /** Render dialog inside a specific root element instead of document body. */
   rootElement?: HTMLElement;
-  /** Whether to restrict interactions to `rootElement` if provided. Defaults to `true`. */
+  /** Whether to restrict interactions to `rootElement` if provided. @default  `true`. */
   scoped?: boolean;
 }
 

package/dist/index.global.js

@@ -1,16 +1,32 @@
 "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
+  // ../../../sia-reactor/dist/chunk-243U74PP.js
+  function onAllMethods(owner, callback, skipOwn = true, nested = false) {
+    let proto = owner;
+    while (proto && proto !== Object.prototype) {
+      for (const method of Object.getOwnPropertyNames(proto)) {
+        if (method === "constructor") continue;
+        if (nested && skipOwn && Object.prototype.hasOwnProperty.call(owner, method)) continue;
+        if ("function" === typeof Object.getOwnPropertyDescriptor(proto, method)?.value) callback(method, owner);
+      }
+      proto = Object.getPrototypeOf(proto), nested = true;
+    }
+  }
+  function bindAllMethods(owner) {
+    onAllMethods(owner, (method, owner2) => {
+      owner2[method] = owner2[method].bind(owner2);
+    });
+  }
   function createEl(tag, props, dataset, styles, el = tag ? document?.createElement(tag) : null) {
-    return assignEl(el, props, dataset, styles), el;
+    return assignEl(el, props, dataset, styles);
   }
   function assignEl(el, props, dataset, styles) {
-    if (!el) return;
+    if (!el) return null;
     if (props) {
       for (const k of Object.keys(props)) if (props[k] !== void 0) el[k] = props[k];
     }
@@ -20,75 +36,71 @@
     if (styles) {
       for (const k of Object.keys(styles)) if (styles[k] !== void 0) el.style[k] = styles[k];
     }
+    return el;
   }
   function getActiveEl(root) {
     const activeEl = (root ?? document).activeElement;
     return !activeEl ? null : activeEl.shadowRoot ? getActiveEl(activeEl.shadowRoot) : activeEl;
   }
 
-  // ../../../sia-reactor/dist/chunk-3OT72G7R.js
-  function onAllMethods(owner, callback, skipOwn = true, nested = false) {
-    let proto = owner;
-    while (proto && proto !== Object.prototype) {
-      for (const method of Object.getOwnPropertyNames(proto)) {
-        if (method === "constructor") continue;
-        if (nested && skipOwn && Object.prototype.hasOwnProperty.call(owner, method)) continue;
-        if ("function" === typeof Object.getOwnPropertyDescriptor(proto, method)?.value) callback(method, owner);
-      }
-      proto = Object.getPrototypeOf(proto), nested = true;
-    }
-  }
-  function bindAllMethods(owner) {
-    onAllMethods(owner, (method, owner2) => {
-      owner2[method] = owner2[method].bind(owner2);
-    });
-  }
-
-  // ../../../sia-reactor/dist/chunk-4PLMBUCP.js
-  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,
-    /** Active `Autotracker` instance, override for automatic dependency collection on `Reactor` traps. */
-    autotracker: null
-  };
+  // ../../../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 NOOP = () => {
   };
+  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 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,
+    /** 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
+    }
+  };
 
-  // ../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;
@@ -102,6 +114,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 parseCSSTime(time) {
     return time?.endsWith?.("ms") ? parseFloat(time) : parseFloat(time) * 1e3;
   }
@@ -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);
   }
@@ -127,7 +143,7 @@
     window.T007_DIALOG_CSS_SRC ??= `https://cdn.jsdelivr.net/npm/@t007/dialog@latest/dist/index.min.css`;
   }
 
-  // ../utils/dist/chunk-QJ72EQCJ.js
+  // ../utils/dist/chunk-ZRCBB5P4.js
   function initOutsideClick(el, { enabled = false, onOutside = NOOP, outOnClick = true, outOnEscape = true, outOnFocusOut = false, allowBounds = false, allowInputs = false, root = window, scoped = true, capture = true } = NIL) {
     const stacks = t007._outsiders_stacks ??= /* @__PURE__ */ new WeakMap(), existing = (t007._outsiders ??= /* @__PURE__ */ new WeakMap()).get(el);
     if (!enabled || existing) return existing ? existing : void 0;
@@ -240,7 +256,7 @@
     rtl: null,
     grid: {},
     activeClass: "focus-outlined",
-    inputSelector: "input,textarea,[contenteditable='true']",
+    inputSelector: "input,textarea,[contenteditable]",
     focusOptions: { preventScroll: false },
     scrollIntoView: { block: "nearest", inline: "nearest" },
     onSelect: NOOP,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@t007/dialog",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "description": "A lightweight, pure JS dialog 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": {
     ".": {
@@ -56,7 +57,7 @@
     "accessible"
   ],
   "dependencies": {
-    "@t007/utils": "^0.0.32"
+    "@t007/utils": "^0.0.34"
   },
   "devDependencies": {
     "esbuild-sass-plugin": "^3.7.0"