@trunkjs/browser-utils 1.0.49 → 1.0.50

package/.ai-usage-info.md

@@ -153,6 +153,10 @@ Empty slots get the CSS class:
 <slot class="slot-empty"></slot>
 ```
 
+Notes:
+- whitespace-only text nodes are treated as empty
+- HTML comments are treated as empty as well (important for Lit comment markers)
+
 ## Other exports
 
 ```ts

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.0.50 (2026-05-19)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
 ## 1.0.49 (2026-05-18)
 
 This was a version bump only for browser-utils to align it with other projects, there were no code changes.

package/index.js

@@ -1,10 +1,10 @@
-var D = Object.defineProperty;
-var x = (e) => {
+var B = Object.defineProperty;
+var _ = (e) => {
   throw TypeError(e);
 };
-var R = (e, t, n) => t in e ? D(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var c = (e, t, n) => R(e, typeof t != "symbol" ? t + "" : t, n), k = (e, t, n) => t.has(e) || x("Cannot " + n);
-var d = (e, t, n) => (k(e, t, "read from private field"), n ? n.call(e) : t.get(e)), m = (e, t, n) => t.has(e) ? x("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), w = (e, t, n, i) => (k(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), y = (e, t, n) => (k(e, t, "access private method"), n);
+var O = (e, t, n) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var m = (e, t, n) => O(e, typeof t != "symbol" ? t + "" : t, n), T = (e, t, n) => t.has(e) || _("Cannot " + n);
+var l = (e, t, n) => (T(e, t, "read from private field"), n ? n.call(e) : t.get(e)), f = (e, t, n) => t.has(e) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), b = (e, t, n, i) => (T(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), w = (e, t, n) => (T(e, t, "access private method"), n);
 const v = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
@@ -12,26 +12,26 @@ const v = [
   { name: "lg", minWidth: 992 },
   { name: "xl", minWidth: 1200 },
   { name: "xxl", minWidth: 1400 }
-], _ = v.reduce(
+], M = v.reduce(
   (e, t) => (e[t.name] = t.minWidth, e),
   {}
 );
 function E(e) {
-  if (!(e in _))
+  if (!(e in M))
     throw new Error(`Unknown breakpoint: ${e}`);
-  return _[e];
+  return M[e];
 }
-function O() {
+function U() {
   return window.visualViewport ? window.visualViewport.width : window.innerWidth;
 }
-function U(e) {
-  e === void 0 && (e = O());
+function j(e) {
+  e === void 0 && (e = U());
   for (let t = v.length - 1; t >= 0; t--)
     if (e >= v[t].minWidth)
       return v[t].name;
   return "xs";
 }
-function J(e, t = {}, n = []) {
+function X(e, t = {}, n = []) {
   Array.isArray(n) || (n = [n]);
   const i = document.createElement(e);
   for (const r in t)
@@ -40,16 +40,16 @@ function J(e, t = {}, n = []) {
     i.append(typeof r == "string" ? document.createTextNode(r) : r);
   return i;
 }
-class P {
+class C {
   /**
    *
    * @param delay     Debounce delay in milliseconds
    * @param max_delay Maximum delay in milliseconds, if false then no maximum delay is applied
    */
   constructor(t, n = !1) {
-    c(this, "timeout", null);
-    c(this, "startTimeWithMs", 0);
-    c(this, "maxTimeout", null);
+    m(this, "timeout", null);
+    m(this, "startTimeWithMs", 0);
+    m(this, "maxTimeout", null);
     this.delay = t, this.max_delay = n;
   }
   async wait() {
@@ -70,25 +70,25 @@ class P {
       this.timeout && (clearTimeout(this.timeout), this.timeout = null), this.maxTimeout && (clearTimeout(this.maxTimeout), this.maxTimeout = null), this.startTimeWithMs = 0, t();
     };
     if (this.timeout && clearTimeout(this.timeout), this.timeout = setTimeout(i, this.delay), this.max_delay !== !1 && !this.maxTimeout) {
-      const r = n - this.startTimeWithMs, a = Math.max(0, this.max_delay - r);
-      this.maxTimeout = setTimeout(i, a);
+      const r = n - this.startTimeWithMs, o = Math.max(0, this.max_delay - r);
+      this.maxTimeout = setTimeout(i, o);
     }
   }
 }
-function X(e, t = !1) {
+function Q(e, t = !1) {
   const n = /* @__PURE__ */ new WeakMap();
   return function(i, r) {
     if (r.kind !== "method") return i;
-    const a = r.name;
-    return function(...u) {
+    const o = r.name;
+    return function(...c) {
       let s = n.get(this);
       s || (s = /* @__PURE__ */ new Map(), n.set(this, s));
-      let o = s.get(a);
-      o || (o = new P(e, t), s.set(a, o)), o.debounce(() => i.apply(this, u));
+      let a = s.get(o);
+      a || (a = new C(e, t), s.set(o, a)), a.debounce(() => i.apply(this, c));
     };
   };
 }
-function Q(e) {
+function Y(e) {
   if (typeof e.lineNumber == "number")
     return {
       file: e.fileName || e.sourceURL,
@@ -104,13 +104,13 @@ function Q(e) {
   const n = String(e.stack || e.message || "").split(`
 `), i = /(.*?)(?:\(|@)?(.*?):(\d+):(\d+)\)?$/;
   for (const r of n) {
-    const a = r.match(i);
-    if (a)
-      return { file: a[2], line: +a[3], column: +a[4] };
+    const o = r.match(i);
+    if (o)
+      return { file: o[2], line: +o[3], column: +o[4] };
   }
   return { file: e.fileName || e.sourceURL };
 }
-class j {
+class V {
   constructor(t, n, i, r = "main") {
     this._debug = t, this.myTag = n, this.myElementId = i, this.instanceId = r;
   }
@@ -131,13 +131,13 @@ class j {
     throw this.error(...t), new Error(n);
   }
 }
-class Y {
+class Z {
   constructor(t, n = !0) {
-    c(this, "label");
-    c(this, "last");
-    c(this, "startTime");
-    c(this, "running", !1);
-    c(this, "enabled");
+    m(this, "label");
+    m(this, "last");
+    m(this, "startTime");
+    m(this, "running", !1);
+    m(this, "enabled");
     this.label = t, this.enabled = n, this.startTime = this.last = performance.now(), this.running = !0;
   }
   lap(t = "") {
@@ -161,10 +161,10 @@ class Y {
     return this.running;
   }
 }
-function V(e) {
+function F(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function F(e) {
+function K(e) {
   if (e != null)
     try {
       return JSON.parse(e);
@@ -172,28 +172,28 @@ function F(e) {
       return;
     }
 }
-function M(e) {
+function P(e) {
   const t = JSON.stringify(e);
   return t === void 0 ? "null" : t;
 }
-function K(e, t) {
+function z(e, t) {
   const n = { ...t };
-  if (V(e))
+  if (F(e))
     for (const i of Object.keys(t))
       i in e && (n[i] = e[i]);
   return n;
 }
-class C {
+class A {
   constructor(t, n, i) {
-    c(this, "cache");
+    m(this, "cache");
     this.backend = t, this.storageKey = n, this.initialValue = i;
   }
   read() {
     if (this.cache) return this.cache;
-    const t = this.backend ? F(this.backend.getItem(this.storageKey)) : void 0, n = K(t, this.initialValue);
+    const t = this.backend ? K(this.backend.getItem(this.storageKey)) : void 0, n = z(t, this.initialValue);
     if (this.backend && this.backend.getItem(this.storageKey) == null)
       try {
-        this.backend.setItem(this.storageKey, M(n));
+        this.backend.setItem(this.storageKey, P(n));
       } catch {
       }
     return this.cache = n, n;
@@ -201,7 +201,7 @@ class C {
   write(t) {
     if (this.cache = t, !!this.backend)
       try {
-        this.backend.setItem(this.storageKey, M(t));
+        this.backend.setItem(this.storageKey, P(t));
       } catch {
       }
   }
@@ -215,15 +215,15 @@ class C {
       },
       set: (n, i, r) => {
         if (typeof i != "string") return !1;
-        const u = { ...this.read() };
-        return u[i] = r, this.write(u), !0;
+        const c = { ...this.read() };
+        return c[i] = r, this.write(c), !0;
       },
       deleteProperty: (n, i) => {
         if (typeof i != "string") return !1;
         const r = this.read();
         if (!(i in r)) return !0;
-        const a = { ...r };
-        return delete a[i], this.write(a), !0;
+        const o = { ...r };
+        return delete o[i], this.write(o), !0;
       },
       has: (n, i) => {
         if (typeof i != "string") return !1;
@@ -249,47 +249,47 @@ class C {
     return new Proxy({}, t);
   }
 }
-function A(e) {
+function W(e) {
   const t = globalThis.window;
   return (e === "session" ? t == null ? void 0 : t.sessionStorage : t == null ? void 0 : t.localStorage) ?? void 0;
 }
-function Z(e, t) {
-  return new C(A("session"), e, t).asProxy();
-}
 function tt(e, t) {
-  return new C(A("local"), e, t).asProxy();
+  return new A(W("session"), e, t).asProxy();
+}
+function et(e, t) {
+  return new A(W("local"), e, t).asProxy();
 }
-function T(e, t, n) {
+function L(e, t, n) {
   return new Promise((i, r) => {
-    const a = (u) => {
-      e.removeEventListener(t, a, n), i(u);
+    const o = (c) => {
+      e.removeEventListener(t, o, n), i(c);
     };
-    e.addEventListener(t, a, n);
+    e.addEventListener(t, o, n);
   });
 }
-function z() {
+function H() {
   return document.readyState === "loading" ? new Promise((e) => {
     document.addEventListener("DOMContentLoaded", () => e());
   }) : Promise.resolve();
 }
-function et() {
-  return window.tj_loader_state ? window.tj_loader_state !== "loading" ? Promise.resolve() : T(window, "loader:ready") : L();
-}
 function nt() {
-  return window.tj_loader_state ? window.tj_loader_state === "pre-visual" || window.tj_loader_state === "visual" ? Promise.resolve() : T(window, "loader:pre-visual") : L();
+  return window.tj_loader_state ? window.tj_loader_state !== "loading" ? Promise.resolve() : L(window, "loader:ready") : x();
 }
 function it() {
-  return window.tj_loader_state ? window.tj_loader_state === "visual" ? Promise.resolve() : T(window, "loader:visual") : L();
+  return window.tj_loader_state ? window.tj_loader_state === "pre-visual" || window.tj_loader_state === "visual" ? Promise.resolve() : L(window, "loader:pre-visual") : x();
+}
+function rt() {
+  return window.tj_loader_state ? window.tj_loader_state === "visual" ? Promise.resolve() : L(window, "loader:visual") : x();
 }
-function L(e = window) {
+function x(e = window) {
   return e || (e = window), e === window ? document.readyState === "complete" ? Promise.resolve() : new Promise((t) => window.addEventListener("load", () => t(), { once: !0 })) : e instanceof HTMLImageElement ? e.complete && e.naturalWidth !== 0 ? Promise.resolve() : new Promise((t, n) => {
     e.addEventListener("load", () => t(), { once: !0 }), e.addEventListener("error", () => n(new Error("image error")), { once: !0 });
   }) : e instanceof HTMLMediaElement ? e.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA ? Promise.resolve() : new Promise((t) => e.addEventListener("loadeddata", () => t(), { once: !0 })) : new Promise((t) => e.addEventListener("load", () => t(), { once: !0 }));
 }
-function rt(e) {
+function st(e) {
   return new Promise((t) => setTimeout(t, e));
 }
-function st(e) {
+function ot(e) {
   return new Promise((t) => {
     const n = (i) => {
       e.removeEventListener("animationend", n), t(i);
@@ -297,118 +297,118 @@ function st(e) {
     e.addEventListener("animationend", n);
   });
 }
-function ot(e) {
+function at(e) {
   var n, i;
   class t extends e {
     constructor() {
       super(...arguments);
-      m(this, n, new P(200, 5e3));
-      c(this, "currentBreakPoint", null);
-      m(this, i, async () => {
-        var b;
-        await d(this, n).wait(), await z();
-        const u = this, s = window.innerWidth;
-        let o = getComputedStyle(u).getPropertyValue("--breakpoint");
-        if (!o || o === "")
+      f(this, n, new C(200, 5e3));
+      m(this, "currentBreakPoint", null);
+      f(this, i, async () => {
+        var y;
+        await l(this, n).wait(), await H();
+        const c = this, s = window.innerWidth;
+        let a = getComputedStyle(c).getPropertyValue("--breakpoint");
+        if (!a || a === "")
           return;
-        o = o.trim().replace(/^['"]|['"]$/g, "");
-        const l = o.split(","), h = l[0].trim(), f = ((b = l[1]) == null ? void 0 : b.trim()) ?? h, g = U(s);
-        this.currentBreakPoint !== g && (E(f) <= E(g) ? u.setAttribute("mode", "desktop") : E(h) > E(g) ? u.setAttribute("mode", "mobile") : u.setAttribute("mode", "tablet"));
+        a = a.trim().replace(/^['"]|['"]$/g, "");
+        const u = a.split(","), d = u[0].trim(), h = ((y = u[1]) == null ? void 0 : y.trim()) ?? d, g = j(s);
+        this.currentBreakPoint !== g && (E(h) <= E(g) ? c.setAttribute("mode", "desktop") : E(d) > E(g) ? c.setAttribute("mode", "mobile") : c.setAttribute("mode", "tablet"));
       });
     }
     connectedCallback() {
       super.connectedCallback();
       try {
-        d(this, i).call(this), window.addEventListener("resize", d(this, i)), d(this, i).call(this);
-      } catch (u) {
-        throw console.error("Error in BreakPointMixin:", u, "in element", this), u;
+        l(this, i).call(this), window.addEventListener("resize", l(this, i)), l(this, i).call(this);
+      } catch (c) {
+        throw console.error("Error in BreakPointMixin:", c, "in element", this), c;
       }
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), window.removeEventListener("resize", d(this, i));
+      super.disconnectedCallback(), window.removeEventListener("resize", l(this, i));
     }
   }
   return n = new WeakMap(), i = new WeakMap(), t;
 }
-const p = Symbol("listenerDefs"), W = Symbol("withEventBindings");
-function at(e, t) {
+const p = Symbol("listenerDefs"), $ = Symbol("withEventBindings");
+function ut(e, t) {
   const n = Array.isArray(e) ? e : [e];
   return function(i, r) {
     if (r.kind !== "method") throw new Error("@Listen nur für Methoden");
     return r.addInitializer(function() {
-      const a = this;
-      (a[p] || (a[p] = [])).push({
+      const o = this;
+      (o[p] || (o[p] = [])).push({
         method: r.name,
         events: [...n],
         opts: t
       });
-    }), function(...a) {
-      if (!this[W])
+    }), function(...o) {
+      if (!this[$])
         throw new Error("[EventBindings] @Listen - decorator requires EventBindingMixin.");
-      return i.apply(this, a);
+      return i.apply(this, o);
     };
   };
 }
-function H(e, t) {
+function G(e, t) {
   var n;
   return !t || t === "host" ? e : t === "document" ? e.ownerDocument ?? document : t === "window" ? ((n = e.ownerDocument) == null ? void 0 : n.defaultView) ?? window : t === "shadowRoot" ? e.shadowRoot ?? e : typeof t == "function" ? t(e) : t;
 }
 function dt(e) {
-  var n, i, $;
+  var n, i, I;
   class t extends e {
     constructor(...s) {
       super(...s);
-      m(this, i);
-      m(this, n);
-      this[W] = !0;
+      f(this, i);
+      f(this, n);
+      this[$] = !0;
     }
     connectedCallback() {
       var s;
-      (s = super.connectedCallback) == null || s.call(this), y(this, i, $).call(this);
+      (s = super.connectedCallback) == null || s.call(this), w(this, i, I).call(this);
     }
     disconnectedCallback() {
-      var s, o;
-      (s = d(this, n)) == null || s.abort(), (o = super.disconnectedCallback) == null || o.call(this);
+      var s, a;
+      (s = l(this, n)) == null || s.abort(), (a = super.disconnectedCallback) == null || a.call(this);
     }
   }
-  return n = new WeakMap(), i = new WeakSet(), $ = function() {
-    var o, l, h;
-    (o = d(this, n)) == null || o.abort(), w(this, n, new AbortController());
+  return n = new WeakMap(), i = new WeakSet(), I = function() {
+    var a, u, d;
+    (a = l(this, n)) == null || a.abort(), b(this, n, new AbortController());
     const s = this[p] || [];
-    for (const f of s) {
-      const g = H(this, (l = f.opts) == null ? void 0 : l.target), b = ((h = f.opts) == null ? void 0 : h.options) ?? {}, S = this[f.method].bind(this);
-      for (const B of f.events)
-        g.addEventListener(B, S, { ...b, signal: d(this, n).signal });
+    for (const h of s) {
+      const g = G(this, (u = h.opts) == null ? void 0 : u.target), y = ((d = h.opts) == null ? void 0 : d.options) ?? {}, D = this[h.method].bind(this);
+      for (const R of h.events)
+        g.addEventListener(R, D, { ...y, signal: l(this, n).signal });
     }
   }, t;
 }
-let G = 1;
-function ut(e) {
+let q = 1;
+function lt(e) {
   var n, i, r;
   class t extends e {
     constructor() {
       super(...arguments);
-      m(this, n, null);
-      m(this, i, G++);
-      m(this, r, null);
+      f(this, n, null);
+      f(this, i, q++);
+      f(this, r, null);
     }
     /**
      * Clears the cached debug flag so the attribute will be checked again
      * on the next log/warn/error call.
      */
     invalidateDebugCache() {
-      w(this, n, null);
+      b(this, n, null);
     }
     get _debug() {
-      return d(this, n) !== null ? d(this, n) : (this instanceof HTMLElement && w(this, n, this.hasAttribute("debug") && !["false", "0", "off", "no"].includes(this.getAttribute("debug") || "")), d(this, n) === !0 && console.info(
+      return l(this, n) !== null ? l(this, n) : (this instanceof HTMLElement && b(this, n, this.hasAttribute("debug") && !["false", "0", "off", "no"].includes(this.getAttribute("debug") || "")), l(this, n) === !0 && console.info(
         // @ts-expect-error - it says tagName is not defined -whatever
-        `[DEBUG][ID:${d(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`,
+        `[DEBUG][ID:${l(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`,
         this
-      ), d(this, n) ?? !1);
+      ), l(this, n) ?? !1);
     }
     getLogger(s = "main") {
-      const o = "<" + (this.tagName || this.constructor.name || "UnknownElement") + ">";
-      return d(this, r) || w(this, r, new j(this._debug, o, `${d(this, i)}`, s)), d(this, r);
+      const a = "<" + (this.tagName || this.constructor.name || "UnknownElement") + ">";
+      return l(this, r) || b(this, r, new V(this._debug, a, `${l(this, i)}`, s)), l(this, r);
     }
     debug(...s) {
       this.getLogger().debug(...s);
@@ -428,7 +428,7 @@ function ut(e) {
   }
   return n = new WeakMap(), i = new WeakMap(), r = new WeakMap(), t;
 }
-function lt(e) {
+function ct(e) {
   class t extends e {
     connectedCallback() {
       this.dispatchEvent(
@@ -470,58 +470,60 @@ function lt(e) {
   }
   return t;
 }
-function ct(e) {
-  var n, I, r, N;
+function ht(e) {
+  var n, N, r, k, S;
   class t extends e {
     constructor() {
       super(...arguments);
-      m(this, n);
-      m(this, r, (o) => {
-        const l = o.target;
-        l.assignedNodes({ flatten: !0 }).filter((g) => y(this, n, N).call(this, g)).length > 0 || l.childNodes.length > 0 ? l.classList.remove("slot-empty") : l.classList.add("slot-empty");
+      f(this, n);
+      f(this, r, (u) => {
+        const d = u.target, h = w(this, n, k).call(this, d.assignedNodes({ flatten: !0 })), g = w(this, n, k).call(this, d.childNodes);
+        h || g ? d.classList.remove("slot-empty") : d.classList.add("slot-empty");
       });
     }
-    firstUpdated(o) {
-      var l;
-      (l = super.firstUpdated) == null || l.call(this, o), y(this, n, I).call(this);
+    firstUpdated(u) {
+      var d;
+      (d = super.firstUpdated) == null || d.call(this, u), w(this, n, N).call(this);
     }
   }
-  return n = new WeakSet(), I = function() {
-    var l;
-    const o = (l = this.shadowRoot) == null ? void 0 : l.querySelectorAll("slot");
-    o == null || o.forEach((h) => {
-      h.childNodes.length === 0 && h.classList.add("slot-empty"), h.addEventListener("slotchange", (f) => d(this, r).call(this, f));
+  return n = new WeakSet(), N = function() {
+    var d;
+    const u = (d = this.shadowRoot) == null ? void 0 : d.querySelectorAll("slot");
+    u == null || u.forEach((h) => {
+      w(this, n, k).call(this, h.childNodes) || h.classList.add("slot-empty"), h.addEventListener("slotchange", (g) => l(this, r).call(this, g));
     });
-  }, r = new WeakMap(), N = function(o) {
-    return o.nodeType === Node.TEXT_NODE ? (o.textContent || "").trim().length > 0 : o.nodeType === Node.ELEMENT_NODE;
+  }, r = new WeakMap(), k = function(u) {
+    return Array.from(u).some((d) => w(this, n, S).call(this, d));
+  }, S = function(u) {
+    return u.nodeType === Node.TEXT_NODE ? (u.textContent || "").trim().length > 0 : u.nodeType === Node.ELEMENT_NODE;
   }, t;
 }
 export {
-  ot as BreakPointMixin,
-  P as Debouncer,
+  at as BreakPointMixin,
+  C as Debouncer,
   dt as EventBindingsMixin,
-  at as Listen,
-  lt as LoaderMixin,
-  j as Logger,
-  ut as LoggingMixin,
-  ct as SlotVisibilityMixin,
-  Y as Stopwatch,
-  _ as breakpointMap,
+  ut as Listen,
+  ct as LoaderMixin,
+  V as Logger,
+  lt as LoggingMixin,
+  ht as SlotVisibilityMixin,
+  Z as Stopwatch,
+  M as breakpointMap,
   v as breakpoints,
-  J as create_element,
-  X as debounce,
+  X as create_element,
+  Q as debounce,
   E as getBreakpointMinWidth,
-  U as getCurrentBreakpoint,
-  Q as getErrorLocation,
-  O as getViewportWidth,
-  tt as local_storage,
-  Z as session_storage,
-  rt as sleep,
-  T as waitFor,
-  st as waitForAnimationEnd,
-  z as waitForDomContentLoaded,
-  L as waitForLoad,
-  nt as waitForPreVisual,
-  et as waitForReady,
-  it as waitForVisual
+  j as getCurrentBreakpoint,
+  Y as getErrorLocation,
+  U as getViewportWidth,
+  et as local_storage,
+  tt as session_storage,
+  st as sleep,
+  L as waitFor,
+  ot as waitForAnimationEnd,
+  H as waitForDomContentLoaded,
+  x as waitForLoad,
+  it as waitForPreVisual,
+  nt as waitForReady,
+  rt as waitForVisual
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@trunkjs/browser-utils",
-    "version": "1.0.49",
+    "version": "1.0.50",
     "main": "./index.js",
     "repository": {
         "directory": "packages/browser-utils",