@trunkjs/browser-utils 1.0.41 → 1.0.43

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.0.43 (2026-04-23)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
+## 1.0.42 (2026-04-14)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
 ## 1.0.41 (2026-04-14)
 
 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 N = Object.defineProperty;
-var v = (e) => {
+var L = (e) => {
   throw TypeError(e);
 };
 var B = (e, t, n) => t in e ? N(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var l = (e, t, n) => B(e, typeof t != "symbol" ? t + "" : t, n), L = (e, t, n) => t.has(e) || v("Cannot " + n);
-var u = (e, t, n) => (L(e, t, "read from private field"), n ? n.call(e) : t.get(e)), h = (e, t, n) => t.has(e) ? v("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), w = (e, t, n, i) => (L(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), y = (e, t, n) => (L(e, t, "access private method"), n);
+var l = (e, t, n) => B(e, typeof t != "symbol" ? t + "" : t, n), v = (e, t, n) => t.has(e) || L("Cannot " + n);
+var u = (e, t, n) => (v(e, t, "read from private field"), n ? n.call(e) : t.get(e)), h = (e, t, n) => t.has(e) ? L("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), w = (e, t, n, i) => (v(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), y = (e, t, n) => (v(e, t, "access private method"), n);
 const T = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
@@ -12,23 +12,26 @@ const T = [
   { name: "lg", minWidth: 992 },
   { name: "xl", minWidth: 1200 },
   { name: "xxl", minWidth: 1400 }
-], x = T.reduce(
+], p = T.reduce(
   (e, t) => (e[t.name] = t.minWidth, e),
   {}
 );
 function E(e) {
-  if (!(e in x))
+  if (!(e in p))
     throw new Error(`Unknown breakpoint: ${e}`);
-  return x[e];
+  return p[e];
 }
-function D(e) {
-  e === void 0 && (e = window.innerWidth);
+function D() {
+  return window.visualViewport ? window.visualViewport.width : window.innerWidth;
+}
+function R(e) {
+  e === void 0 && (e = D());
   for (let t = T.length - 1; t >= 0; t--)
     if (e >= T[t].minWidth)
       return T[t].name;
   return "xs";
 }
-function H(e, t = {}, n = []) {
+function G(e, t = {}, n = []) {
   Array.isArray(n) || (n = [n]);
   const i = document.createElement(e);
   for (const r in t)
@@ -68,7 +71,7 @@ class M {
     }
   }
 }
-function G(e, t = !1) {
+function J(e, t = !1) {
   const n = /* @__PURE__ */ new WeakMap();
   return function(i, r) {
     if (r.kind !== "method") return i;
@@ -81,7 +84,7 @@ function G(e, t = !1) {
     };
   };
 }
-function J(e) {
+function q(e) {
   if (typeof e.lineNumber == "number")
     return {
       file: e.fileName || e.sourceURL,
@@ -103,7 +106,7 @@ function J(e) {
   }
   return { file: e.fileName || e.sourceURL };
 }
-class R {
+class O {
   constructor(t, n, i, r = "main") {
     this._debug = t, this.myTag = n, this.myElementId = i, this.instanceId = r;
   }
@@ -124,7 +127,7 @@ class R {
     throw this.error(...t), new Error(n);
   }
 }
-class q {
+class X {
   constructor(t, n = !0) {
     l(this, "label");
     l(this, "last");
@@ -154,10 +157,10 @@ class q {
     return this.running;
   }
 }
-function O(e) {
+function U(e) {
   return typeof e == "object" && e !== null && !Array.isArray(e);
 }
-function U(e) {
+function V(e) {
   if (e != null)
     try {
       return JSON.parse(e);
@@ -165,13 +168,13 @@ function U(e) {
       return;
     }
 }
-function p(e) {
+function x(e) {
   const t = JSON.stringify(e);
   return t === void 0 ? "null" : t;
 }
 function K(e, t) {
   const n = { ...t };
-  if (O(e))
+  if (U(e))
     for (const i of Object.keys(t))
       i in e && (n[i] = e[i]);
   return n;
@@ -183,10 +186,10 @@ class P {
   }
   read() {
     if (this.cache) return this.cache;
-    const t = this.backend ? U(this.backend.getItem(this.storageKey)) : void 0, n = K(t, this.initialValue);
+    const t = this.backend ? V(this.backend.getItem(this.storageKey)) : void 0, n = K(t, this.initialValue);
     if (this.backend && this.backend.getItem(this.storageKey) == null)
       try {
-        this.backend.setItem(this.storageKey, p(n));
+        this.backend.setItem(this.storageKey, x(n));
       } catch {
       }
     return this.cache = n, n;
@@ -194,7 +197,7 @@ class P {
   write(t) {
     if (this.cache = t, !!this.backend)
       try {
-        this.backend.setItem(this.storageKey, p(t));
+        this.backend.setItem(this.storageKey, x(t));
       } catch {
       }
   }
@@ -246,13 +249,13 @@ function A(e) {
   const t = globalThis.window;
   return (e === "session" ? t == null ? void 0 : t.sessionStorage : t == null ? void 0 : t.localStorage) ?? void 0;
 }
-function X(e, t) {
+function Q(e, t) {
   return new P(A("session"), e, t).asProxy();
 }
-function Q(e, t) {
+function Y(e, t) {
   return new P(A("local"), e, t).asProxy();
 }
-function Y(e, t, n) {
+function Z(e, t, n) {
   return new Promise((i, r) => {
     const a = (c) => {
       e.removeEventListener(t, a, n), i(c);
@@ -265,15 +268,15 @@ function z() {
     document.addEventListener("DOMContentLoaded", () => e());
   }) : Promise.resolve();
 }
-function Z(e = window) {
+function tt(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 tt(e) {
+function et(e) {
   return new Promise((t) => setTimeout(t, e));
 }
-function et(e) {
+function nt(e) {
   return new Promise((t) => {
     const n = (i) => {
       e.removeEventListener("animationend", n), t(i);
@@ -281,7 +284,7 @@ function et(e) {
     e.addEventListener("animationend", n);
   });
 }
-function nt(e) {
+function it(e) {
   var n, i;
   class t extends e {
     constructor() {
@@ -296,7 +299,7 @@ function nt(e) {
         if (!o || o === "")
           return;
         o = o.trim().replace(/^['"]|['"]$/g, "");
-        const d = o.split(","), m = d[0].trim(), f = ((b = d[1]) == null ? void 0 : b.trim()) ?? m, g = D(s);
+        const d = o.split(","), m = d[0].trim(), f = ((b = d[1]) == null ? void 0 : b.trim()) ?? m, g = R(s);
         this.currentBreakPoint !== g && (E(f) <= E(g) ? c.setAttribute("mode", "desktop") : E(m) > E(g) ? c.setAttribute("mode", "mobile") : c.setAttribute("mode", "tablet"));
       });
     }
@@ -314,8 +317,8 @@ function nt(e) {
   }
   return n = new WeakMap(), i = new WeakMap(), t;
 }
-const k = Symbol("listenerDefs"), $ = Symbol("withEventBindings");
-function it(e, t) {
+const k = Symbol("listenerDefs"), W = Symbol("withEventBindings");
+function rt(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");
@@ -327,7 +330,7 @@ function it(e, t) {
         opts: t
       });
     }), function(...a) {
-      if (!this[$])
+      if (!this[W])
         throw new Error("[EventBindings] @Listen - decorator requires EventBindingMixin.");
       return i.apply(this, a);
     };
@@ -337,25 +340,25 @@ function F(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 rt(e) {
-  var n, i, I;
+function st(e) {
+  var n, i, $;
   class t extends e {
     constructor(...s) {
       super(...s);
       h(this, i);
       h(this, n);
-      this[$] = !0;
+      this[W] = !0;
     }
     connectedCallback() {
       var s;
-      (s = super.connectedCallback) == null || s.call(this), y(this, i, I).call(this);
+      (s = super.connectedCallback) == null || s.call(this), y(this, i, $).call(this);
     }
     disconnectedCallback() {
       var s, o;
       (s = u(this, n)) == null || s.abort(), (o = super.disconnectedCallback) == null || o.call(this);
     }
   }
-  return n = new WeakMap(), i = new WeakSet(), I = function() {
+  return n = new WeakMap(), i = new WeakSet(), $ = function() {
     var o, d, m;
     (o = u(this, n)) == null || o.abort(), w(this, n, new AbortController());
     const s = this[k] || [];
@@ -366,14 +369,14 @@ function rt(e) {
     }
   }, t;
 }
-let V = 1;
-function st(e) {
+let j = 1;
+function ot(e) {
   var n, i, r;
   class t extends e {
     constructor() {
       super(...arguments);
       h(this, n, null);
-      h(this, i, V++);
+      h(this, i, j++);
       h(this, r, null);
     }
     /**
@@ -392,7 +395,7 @@ function st(e) {
     }
     getLogger(s = "main") {
       const o = "<" + (this.tagName || this.constructor.name || "UnknownElement") + ">";
-      return u(this, r) || w(this, r, new R(this._debug, o, `${u(this, i)}`, s)), u(this, r);
+      return u(this, r) || w(this, r, new O(this._debug, o, `${u(this, i)}`, s)), u(this, r);
     }
     debug(...s) {
       this.getLogger().debug(...s);
@@ -412,23 +415,23 @@ function st(e) {
   }
   return n = new WeakMap(), i = new WeakMap(), r = new WeakMap(), t;
 }
-function ot(e) {
-  var n, W, r, S;
+function at(e) {
+  var n, I, r, S;
   class t extends e {
     constructor() {
       super(...arguments);
       h(this, n);
       h(this, r, (o) => {
         const d = o.target;
-        d.assignedNodes({ flatten: !0 }).filter((g) => y(this, n, S).call(this, g)).length > 0 && d.classList.remove("slot-empty");
+        d.assignedNodes({ flatten: !0 }).filter((g) => y(this, n, S).call(this, g)).length > 0 && d.childNodes.length > 0 && d.classList.remove("slot-empty");
       });
     }
     firstUpdated(o) {
       var d;
-      (d = super.firstUpdated) == null || d.call(this, o), y(this, n, W).call(this);
+      (d = super.firstUpdated) == null || d.call(this, o), y(this, n, I).call(this);
     }
   }
-  return n = new WeakSet(), W = function() {
+  return n = new WeakSet(), I = function() {
     var d;
     const o = (d = this.shadowRoot) == null ? void 0 : d.querySelectorAll("slot");
     o == null || o.forEach((m) => {
@@ -439,26 +442,27 @@ function ot(e) {
   }, t;
 }
 export {
-  nt as BreakPointMixin,
+  it as BreakPointMixin,
   M as Debouncer,
-  rt as EventBindingsMixin,
-  it as Listen,
-  R as Logger,
-  st as LoggingMixin,
-  ot as SlotVisibilityMixin,
-  q as Stopwatch,
-  x as breakpointMap,
+  st as EventBindingsMixin,
+  rt as Listen,
+  O as Logger,
+  ot as LoggingMixin,
+  at as SlotVisibilityMixin,
+  X as Stopwatch,
+  p as breakpointMap,
   T as breakpoints,
-  H as create_element,
-  G as debounce,
+  G as create_element,
+  J as debounce,
   E as getBreakpointMinWidth,
-  D as getCurrentBreakpoint,
-  J as getErrorLocation,
-  Q as local_storage,
-  X as session_storage,
-  tt as sleep,
-  Y as waitFor,
-  et as waitForAnimationEnd,
+  R as getCurrentBreakpoint,
+  q as getErrorLocation,
+  D as getViewportWidth,
+  Y as local_storage,
+  Q as session_storage,
+  et as sleep,
+  Z as waitFor,
+  nt as waitForAnimationEnd,
   z as waitForDomContentLoaded,
-  Z as waitForLoad
+  tt as waitForLoad
 };

package/lib/breakpoints.d.ts

@@ -21,4 +21,5 @@ export declare const breakpointMap: {
     [key: string]: number;
 };
 export declare function getBreakpointMinWidth(breakpoint: string): number;
+export declare function getViewportWidth(): number;
 export declare function getCurrentBreakpoint(width?: number): string;

package/mixins/EventBindingsMixin.d.ts

@@ -6,7 +6,7 @@ type ListenOpts = {
 };
 type EventName = keyof DocumentEventMap;
 type OneOrMany<N extends EventName> = N | readonly N[];
-type EventFromInput<I extends OneOrMany<EventName>> = I extends readonly (infer K)[] ? K extends EventName ? DocumentEventMap[K] : never : I extends EventName ? DocumentEventMap[I] : never;
-export declare function Listen<I extends OneOrMany<EventName>>(type: I, opts?: ListenOpts): <This, Fn extends (this: This, ev: EventFromInput<I>, ...args: any[]) => any>(value: Fn, context: ClassMethodDecoratorContext<This, Fn>) => Fn;
+type EventFromInput<I extends OneOrMany<EventName> | string> = I extends readonly (infer K)[] ? K extends EventName ? DocumentEventMap[K] : never : I extends EventName ? DocumentEventMap[I] : never;
+export declare function Listen<I extends OneOrMany<EventName> | string>(type: I, opts?: ListenOpts): <This, Fn extends (this: This, ev: EventFromInput<I>, ...args: any[]) => any>(value: Fn, context: ClassMethodDecoratorContext<This, Fn>) => Fn;
 export declare function EventBindingsMixin<TBase extends Ctor<object>>(Base: TBase): TBase;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@trunkjs/browser-utils",
-    "version": "1.0.41",
+    "version": "1.0.43",
     "main": "./index.js",
     "dependencies": {},
     "type": "module",