@trunkjs/browser-utils 1.0.20 → 1.0.22

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.0.22 (2025-12-11)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
+## 1.0.21 (2025-12-11)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
 ## 1.0.20 (2025-12-11)
 
 This was a version bump only for browser-utils to align it with other projects, there were no code changes.

package/index.js

@@ -1,11 +1,10 @@
-var W = Object.defineProperty;
+var x = Object.defineProperty;
 var L = (e) => {
   throw TypeError(e);
 };
-var $ = (e, t, n) => t in e ? W(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var u = (e, t, n) => $(e, typeof t != "symbol" ? t + "" : t, n), w = (e, t, n) => t.has(e) || L("Cannot " + n);
+var A = (e, t, n) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var u = (e, t, n) => A(e, typeof t != "symbol" ? t + "" : t, n), w = (e, t, n) => t.has(e) || L("Cannot " + n);
 var a = (e, t, n) => (w(e, t, "read from private field"), n ? n.call(e) : t.get(e)), c = (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), m = (e, t, n, i) => (w(e, t, "write to private field"), i ? i.call(e, n) : t.set(e, n), n), p = (e, t, n) => (w(e, t, "access private method"), n);
-import { Debouncer as x } from "@kasimirjs/core";
 const f = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
@@ -22,14 +21,14 @@ function y(e) {
     throw new Error(`Unknown breakpoint: ${e}`);
   return v[e];
 }
-function A(e) {
+function C(e) {
   e === void 0 && (e = window.innerWidth);
   for (let t = f.length - 1; t >= 0; t--)
     if (e >= f[t].minWidth)
       return f[t].name;
   return "xs";
 }
-function U(e, t = {}, n = []) {
+function S(e, t = {}, n = []) {
   Array.isArray(n) || (n = [n]);
   const i = document.createElement(e);
   for (const r in t)
@@ -38,7 +37,7 @@ function U(e, t = {}, n = []) {
     i.append(typeof r == "string" ? document.createTextNode(r) : r);
   return i;
 }
-class F {
+class $ {
   /**
    *
    * @param delay     Debounce delay in milliseconds
@@ -62,7 +61,7 @@ class F {
     }, this.delay);
   }
 }
-function H(e) {
+function U(e) {
   if (typeof e.lineNumber == "number")
     return {
       file: e.fileName || e.sourceURL,
@@ -84,7 +83,7 @@ function H(e) {
   }
   return { file: e.fileName || e.sourceURL };
 }
-class C {
+class D {
   constructor(t, n, i = "main") {
     this._debug = t, this.myElementId = n, this.instanceId = i;
   }
@@ -102,7 +101,7 @@ class C {
     throw this.error(...t), new Error(n);
   }
 }
-class O {
+class F {
   constructor(t, n = !0) {
     u(this, "label");
     u(this, "last");
@@ -132,7 +131,7 @@ class O {
     return this.running;
   }
 }
-function V(e, t, n) {
+function H(e, t, n) {
   return new Promise((i, r) => {
     const s = (l) => {
       e.removeEventListener(t, s, n), i(l);
@@ -145,15 +144,15 @@ function B() {
     document.addEventListener("DOMContentLoaded", () => e());
   }) : Promise.resolve();
 }
-function z(e = window) {
+function O(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 G(e) {
+function V(e) {
   return new Promise((t) => setTimeout(t, e));
 }
-function j(e) {
+function z(e) {
   return new Promise((t) => {
     const n = (i) => {
       e.removeEventListener("animationend", n), t(i);
@@ -161,20 +160,20 @@ function j(e) {
     e.addEventListener("animationend", n);
   });
 }
-function q(e) {
+function G(e) {
   var i;
-  const t = new x(200, 5e3);
+  const t = new $(200, 5e3);
   class n extends e {
     constructor() {
       super(...arguments);
       u(this, "currentBreakPoint", null);
       c(this, i, async () => {
-        await t.debounce(), await B();
+        await t.wait(), await B();
         const l = window.innerWidth;
         let o = getComputedStyle(this).getPropertyValue("--breakpoint");
         o || (this.style.setProperty("--breakpoint", "md"), o = getComputedStyle(this).getPropertyValue("--breakpoint"));
-        const d = A(l);
-        this.currentBreakPoint !== d && (y(o) < y(d) ? this.setAttribute("desktop", "true") : this.removeAttribute("desktop"));
+        const d = C(l);
+        this.currentBreakPoint !== d && (y(o) < y(d) ? this.setAttribute("mode", "desktop") : this.setAttribute("mode", "mobile"));
       });
     }
     connectedCallback() {
@@ -187,7 +186,7 @@ function q(e) {
   return i = new WeakMap(), n;
 }
 const g = Symbol("listenerDefs"), k = Symbol("withEventBindings");
-function X(e, t) {
+function j(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");
@@ -209,7 +208,7 @@ function R(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 J(e) {
+function q(e) {
   var n, i, P;
   class t extends e {
     constructor(...o) {
@@ -233,13 +232,13 @@ function J(e) {
     const o = this.constructor[g] || [];
     for (const h of o) {
       const I = R(this, (b = h.opts) == null ? void 0 : b.target), M = ((E = h.opts) == null ? void 0 : E.options) ?? {}, T = this[h.method].bind(this);
-      for (const D of h.events)
-        I.addEventListener(D, T, { ...M, signal: a(this, n).signal });
+      for (const W of h.events)
+        I.addEventListener(W, T, { ...M, signal: a(this, n).signal });
     }
   }, t;
 }
 let _ = 1;
-function K(e) {
+function X(e) {
   var n, i, r;
   class t extends e {
     constructor() {
@@ -259,7 +258,7 @@ function K(e) {
       return a(this, n) !== null ? a(this, n) : (this instanceof HTMLElement && m(this, n, this.hasAttribute("debug") && !["false", "0", "off", "no"].includes(this.getAttribute("debug") || "")), a(this, n) === !0 && console.log(`[DEBUG][ID:${a(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`, this), a(this, n) ?? !1);
     }
     getLogger(o = "main") {
-      return a(this, r) || m(this, r, new C(this._debug, `${a(this, i)}`, o)), a(this, r);
+      return a(this, r) || m(this, r, new D(this._debug, `${a(this, i)}`, o)), a(this, r);
     }
     log(...o) {
       this.getLogger().log(...o);
@@ -277,22 +276,22 @@ function K(e) {
   return n = new WeakMap(), i = new WeakMap(), r = new WeakMap(), t;
 }
 export {
-  q as BreakPointMixin,
-  F as Debouncer,
-  J as EventBindingsMixin,
-  X as Listen,
-  C as Logger,
-  K as LoggingMixin,
-  O as Stopwatch,
+  G as BreakPointMixin,
+  $ as Debouncer,
+  q as EventBindingsMixin,
+  j as Listen,
+  D as Logger,
+  X as LoggingMixin,
+  F as Stopwatch,
   v as breakpointMap,
   f as breakpoints,
-  U as create_element,
+  S as create_element,
   y as getBreakpointMinWidth,
-  A as getCurrentBreakpoint,
-  H as getErrorLocation,
-  G as sleep,
-  V as waitFor,
-  j as waitForAnimationEnd,
+  C as getCurrentBreakpoint,
+  U as getErrorLocation,
+  V as sleep,
+  H as waitFor,
+  z as waitForAnimationEnd,
   B as waitForDomContentLoaded,
-  z as waitForLoad
+  O as waitForLoad
 };

package/mixins/BreakPointMixin.d.ts

@@ -1,7 +1,7 @@
 type Constructor<T = object> = abstract new (...args: any[]) => T;
 export declare function BreakPointMixin<TBase extends Constructor<HTMLElement>>(Base: TBase): (abstract new (...args: any[]) => {
     currentBreakPoint: string | null;
-    "__#2663@#updateBreakPoint": () => Promise<void>;
+    "__#2659@#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[]) => {
-    "__#2664@#ac"?: AbortController;
+    "__#2660@#ac"?: AbortController;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#2664@#bindEventListeners"(): void;
+    "__#2660@#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[]) => {
-    "__#2665@#debugCached": boolean | null;
-    "__#2665@#myElementId": number;
+    "__#2661@#debugCached": boolean | null;
+    "__#2661@#myElementId": number;
     /**
      * Clears the cached debug flag so the attribute will be checked again
      * on the next log/warn/error call.
      */
     invalidateDebugCache(): void;
-    "__#2665@#myLoggerInstance": Logger | null;
+    "__#2661@#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.20",
+    "version": "1.0.22",
     "main": "./index.js",
     "dependencies": {},
     "type": "module",