@trunkjs/browser-utils 1.0.25 → 1.0.28

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 1.0.28 (2026-02-03)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
+## 1.0.27 (2026-02-03)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
+## 1.0.26 (2026-01-23)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
 ## 1.0.25 (2026-01-22)
 
 This was a version bump only for browser-utils to align it with other projects, there were no code changes.

package/index.js

@@ -1,31 +1,31 @@
-var A = Object.defineProperty;
-var L = (t) => {
+var D = Object.defineProperty;
+var T = (t) => {
   throw TypeError(t);
 };
-var $ = (t, e, n) => e in t ? A(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var l = (t, e, n) => $(t, typeof e != "symbol" ? e + "" : e, n), y = (t, e, n) => e.has(t) || L("Cannot " + n);
-var u = (t, e, n) => (y(t, e, "read from private field"), n ? n.call(t) : e.get(t)), c = (t, e, n) => e.has(t) ? L("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), g = (t, e, n, i) => (y(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), w = (t, e, n) => (y(t, e, "access private method"), n);
-const b = [
+var $ = (t, e, n) => e in t ? D(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var c = (t, e, n) => $(t, typeof e != "symbol" ? e + "" : e, n), y = (t, e, n) => e.has(t) || T("Cannot " + n);
+var u = (t, e, n) => (y(t, e, "read from private field"), n ? n.call(t) : e.get(t)), m = (t, e, n) => e.has(t) ? T("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), w = (t, e, n, i) => (y(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), b = (t, e, n) => (y(t, e, "access private method"), n);
+const p = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
   { name: "md", minWidth: 768 },
   { name: "lg", minWidth: 992 },
   { name: "xl", minWidth: 1200 },
   { name: "xxl", minWidth: 1400 }
-], T = b.reduce(
+], v = p.reduce(
   (t, e) => (t[e.name] = e.minWidth, t),
   {}
 );
-function v(t) {
-  if (!(t in T))
+function E(t) {
+  if (!(t in v))
     throw new Error(`Unknown breakpoint: ${t}`);
-  return T[t];
+  return v[t];
 }
 function R(t) {
   t === void 0 && (t = window.innerWidth);
-  for (let e = b.length - 1; e >= 0; e--)
-    if (t >= b[e].minWidth)
-      return b[e].name;
+  for (let e = p.length - 1; e >= 0; e--)
+    if (t >= p[e].minWidth)
+      return p[e].name;
   return "xs";
 }
 function O(t, e = {}, n = []) {
@@ -44,9 +44,9 @@ class k {
    * @param max_delay Maximum delay in milliseconds, if false then no maximum delay is applied
    */
   constructor(e, n = !1) {
-    l(this, "timeout", null);
-    l(this, "startTimeWithMs", 0);
-    l(this, "maxTimeout", null);
+    c(this, "timeout", null);
+    c(this, "startTimeWithMs", 0);
+    c(this, "maxTimeout", null);
     this.delay = e, this.max_delay = n;
   }
   async wait() {
@@ -73,15 +73,15 @@ function F(t, e = !1) {
   return function(i, s) {
     if (s.kind !== "method") return i;
     const a = s.name;
-    return function(...m) {
+    return function(...h) {
       let r = n.get(this);
       r || (r = /* @__PURE__ */ new Map(), n.set(this, r));
       let o = r.get(a);
-      o || (o = new k(t, e), r.set(a, o)), o.debounce(() => i.apply(this, m));
+      o || (o = new k(t, e), r.set(a, o)), o.debounce(() => i.apply(this, h));
     };
   };
 }
-function V(t) {
+function H(t) {
   if (typeof t.lineNumber == "number")
     return {
       file: t.fileName || t.sourceURL,
@@ -121,13 +121,13 @@ class B {
     throw this.error(...e), new Error(n);
   }
 }
-class H {
+class V {
   constructor(e, n = !0) {
-    l(this, "label");
-    l(this, "last");
-    l(this, "startTime");
-    l(this, "running", !1);
-    l(this, "enabled");
+    c(this, "label");
+    c(this, "last");
+    c(this, "startTime");
+    c(this, "running", !1);
+    c(this, "enabled");
     this.label = e, this.enabled = n, this.startTime = this.last = performance.now(), this.running = !0;
   }
   lap(e = "") {
@@ -153,8 +153,8 @@ class H {
 }
 function z(t, e, n) {
   return new Promise((i, s) => {
-    const a = (m) => {
-      t.removeEventListener(e, a, n), i(m);
+    const a = (h) => {
+      t.removeEventListener(e, a, n), i(h);
     };
     t.addEventListener(e, a, n);
   });
@@ -181,19 +181,20 @@ function q(t) {
   });
 }
 function X(t) {
-  var i;
-  const e = new k(200, 5e3);
-  class n extends t {
+  var n, i;
+  class e extends t {
     constructor() {
       super(...arguments);
-      l(this, "currentBreakPoint", null);
-      c(this, i, async () => {
-        await e.wait(), await N();
-        const m = window.innerWidth;
-        let r = getComputedStyle(this).getPropertyValue("--breakpoint");
-        r || (this.style.setProperty("--breakpoint", "md"), r = getComputedStyle(this).getPropertyValue("--breakpoint"));
-        const o = R(m);
-        this.currentBreakPoint !== o && (v(r) < v(o) ? this.setAttribute("mode", "desktop") : this.setAttribute("mode", "mobile"));
+      m(this, n, new k(200, 5e3));
+      c(this, "currentBreakPoint", null);
+      m(this, i, async () => {
+        var g;
+        await u(this, n).wait(), await N();
+        const h = window.innerWidth, r = getComputedStyle(this).getPropertyValue("--breakpoint");
+        if (!r || r === "")
+          return;
+        const o = r.split(","), d = o[0].trim(), f = ((g = o[1]) == null ? void 0 : g.trim()) ?? d, l = R(h);
+        this.currentBreakPoint !== l && (E(f) <= E(l) ? this.setAttribute("mode", "desktop") : E(d) > E(l) ? this.setAttribute("mode", "mobile") : this.setAttribute("mode", "tablet"));
       });
     }
     connectedCallback() {
@@ -203,16 +204,16 @@ function X(t) {
       super.disconnectedCallback(), window.removeEventListener("resize", u(this, i));
     }
   }
-  return i = new WeakMap(), n;
+  return n = new WeakMap(), i = new WeakMap(), e;
 }
-const E = Symbol("listenerDefs"), M = Symbol("withEventBindings");
+const L = Symbol("listenerDefs"), M = Symbol("withEventBindings");
 function J(t, e) {
   const n = Array.isArray(t) ? t : [t];
   return function(i, s) {
     if (s.kind !== "method") throw new Error("@Listen nur für Methoden");
     return s.addInitializer(function() {
       const a = this.constructor;
-      (a[E] || (a[E] = [])).push({
+      (a[L] || (a[L] = [])).push({
         method: s.name,
         events: n,
         opts: e
@@ -233,13 +234,13 @@ function K(t) {
   class e extends t {
     constructor(...r) {
       super(...r);
-      c(this, i);
-      c(this, n);
+      m(this, i);
+      m(this, n);
       this[M] = !0;
     }
     connectedCallback() {
       var r;
-      (r = super.connectedCallback) == null || r.call(this), w(this, i, x).call(this);
+      (r = super.connectedCallback) == null || r.call(this), b(this, i, x).call(this);
     }
     disconnectedCallback() {
       var r, o;
@@ -248,12 +249,12 @@ function K(t) {
   }
   return n = new WeakMap(), i = new WeakSet(), x = function() {
     var o, d, f;
-    (o = u(this, n)) == null || o.abort(), g(this, n, new AbortController());
-    const r = this.constructor[E] || [];
-    for (const h of r) {
-      const p = _(this, (d = h.opts) == null ? void 0 : d.target), C = ((f = h.opts) == null ? void 0 : f.options) ?? {}, I = this[h.method].bind(this);
-      for (const D of h.events)
-        p.addEventListener(D, I, { ...C, signal: u(this, n).signal });
+    (o = u(this, n)) == null || o.abort(), w(this, n, new AbortController());
+    const r = this.constructor[L] || [];
+    for (const l of r) {
+      const g = _(this, (d = l.opts) == null ? void 0 : d.target), I = ((f = l.opts) == null ? void 0 : f.options) ?? {}, C = this[l.method].bind(this);
+      for (const P of l.events)
+        g.addEventListener(P, C, { ...I, signal: u(this, n).signal });
     }
   }, e;
 }
@@ -263,22 +264,22 @@ function Q(t) {
   class e extends t {
     constructor() {
       super(...arguments);
-      c(this, n, null);
-      c(this, i, S++);
-      c(this, s, null);
+      m(this, n, null);
+      m(this, i, S++);
+      m(this, s, null);
     }
     /**
      * Clears the cached debug flag so the attribute will be checked again
      * on the next log/warn/error call.
      */
     invalidateDebugCache() {
-      g(this, n, null);
+      w(this, n, null);
     }
     get _debug() {
-      return u(this, n) !== null ? u(this, n) : (this instanceof HTMLElement && g(this, n, this.hasAttribute("debug") && !["false", "0", "off", "no"].includes(this.getAttribute("debug") || "")), u(this, n) === !0 && console.log(`[DEBUG][ID:${u(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`, this), u(this, n) ?? !1);
+      return u(this, n) !== null ? u(this, n) : (this instanceof HTMLElement && w(this, n, this.hasAttribute("debug") && !["false", "0", "off", "no"].includes(this.getAttribute("debug") || "")), u(this, n) === !0 && console.log(`[DEBUG][ID:${u(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`, this), u(this, n) ?? !1);
     }
     getLogger(r = "main") {
-      return u(this, s) || g(this, s, new B(this._debug, `${u(this, i)}`, r)), u(this, s);
+      return u(this, s) || w(this, s, new B(this._debug, `${u(this, i)}`, r)), u(this, s);
     }
     log(...r) {
       this.getLogger().log(...r);
@@ -296,28 +297,28 @@ function Q(t) {
   return n = new WeakMap(), i = new WeakMap(), s = new WeakMap(), e;
 }
 function Y(t) {
-  var n, W, s, P;
+  var n, A, s, W;
   class e extends t {
     constructor() {
       super(...arguments);
-      c(this, n);
-      c(this, s, (o) => {
+      m(this, n);
+      m(this, s, (o) => {
         const d = o.target;
-        d.assignedNodes({ flatten: !0 }).filter((p) => w(this, n, P).call(this, p)).length > 0 && d.classList.remove("slot-empty");
+        d.assignedNodes({ flatten: !0 }).filter((g) => b(this, n, W).call(this, g)).length > 0 && d.classList.remove("slot-empty");
       });
     }
     firstUpdated(o) {
       var d;
-      (d = super.firstUpdated) == null || d.call(this, o), w(this, n, W).call(this);
+      (d = super.firstUpdated) == null || d.call(this, o), b(this, n, A).call(this);
     }
   }
-  return n = new WeakSet(), W = function() {
+  return n = new WeakSet(), A = function() {
     var d;
     const o = (d = this.shadowRoot) == null ? void 0 : d.querySelectorAll("slot");
     o == null || o.forEach((f) => {
-      f.classList.add("slot-empty"), f.addEventListener("slotchange", (h) => u(this, s).call(this, h));
+      f.classList.add("slot-empty"), f.addEventListener("slotchange", (l) => u(this, s).call(this, l));
     });
-  }, s = new WeakMap(), P = function(o) {
+  }, s = new WeakMap(), W = function(o) {
     return o.nodeType === Node.TEXT_NODE ? (o.textContent || "").trim().length > 0 : o.nodeType === Node.ELEMENT_NODE;
   }, e;
 }
@@ -329,14 +330,14 @@ export {
   B as Logger,
   Q as LoggingMixin,
   Y as SlotVisibilityMixin,
-  H as Stopwatch,
-  T as breakpointMap,
-  b as breakpoints,
+  V as Stopwatch,
+  v as breakpointMap,
+  p as breakpoints,
   O as create_element,
   F as debounce,
-  v as getBreakpointMinWidth,
+  E as getBreakpointMinWidth,
   R as getCurrentBreakpoint,
-  V as getErrorLocation,
+  H as getErrorLocation,
   j as sleep,
   z as waitFor,
   q as waitForAnimationEnd,

package/mixins/BreakPointMixin.d.ts

@@ -1,7 +1,9 @@
+import { Debouncer } from '../lib/Debouncer';
 type Constructor<T = object> = abstract new (...args: any[]) => T;
 export declare function BreakPointMixin<TBase extends Constructor<HTMLElement>>(Base: TBase): (abstract new (...args: any[]) => {
+    "__#2877@#debouncer": Debouncer;
     currentBreakPoint: string | null;
-    "__#2876@#updateBreakPoint": () => Promise<void>;
+    "__#2877@#updateBreakPoint": () => Promise<void>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     accessKey: string;

package/mixins/EventBindingsMixin.d.ts

@@ -9,9 +9,9 @@ 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;
 export declare function EventBindingsMixin<TBase extends Ctor<object>>(Base: TBase): (abstract new (...a: any[]) => {
-    "__#2877@#ac"?: AbortController;
+    "__#2878@#ac"?: AbortController;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#2877@#bindEventListeners"(): void;
+    "__#2878@#bindEventListeners"(): void;
 }) & TBase;
 export {};

package/mixins/LoggingMixin.d.ts

@@ -26,14 +26,14 @@ type Constructor<T = object> = abstract new (...args: any[]) => T;
  *   <my-element debug></my-element>       // enables debug logging
  */
 export declare function LoggingMixin<TBase extends Constructor<object>>(Base: TBase): (abstract new (...args: any[]) => {
-    "__#2878@#debugCached": boolean | null;
-    "__#2878@#myElementId": number;
+    "__#2879@#debugCached": boolean | null;
+    "__#2879@#myElementId": number;
     /**
      * Clears the cached debug flag so the attribute will be checked again
      * on the next log/warn/error call.
      */
     invalidateDebugCache(): void;
-    "__#2878@#myLoggerInstance": Logger | null;
+    "__#2879@#myLoggerInstance": Logger | null;
     readonly _debug: boolean;
     getLogger(instanceId?: string): Logger;
     log(...args: any[]): void;

package/package.json

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