@trunkjs/browser-utils 1.0.39 → 1.0.40

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.0.40 (2026-04-11)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
 ## 1.0.39 (2026-03-06)
 
 This was a version bump only for browser-utils to align it with other projects, there were no code changes.

package/index.js

@@ -1,18 +1,18 @@
-var $ = Object.defineProperty;
-var T = (e) => {
+var N = Object.defineProperty;
+var v = (e) => {
   throw TypeError(e);
 };
-var N = (e, t, n) => t in e ? $(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var l = (e, t, n) => N(e, typeof t != "symbol" ? t + "" : t, n), L = (e, t, n) => t.has(e) || T("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) ? T("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);
-const k = [
+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);
+const T = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
   { name: "md", minWidth: 768 },
   { name: "lg", minWidth: 992 },
   { name: "xl", minWidth: 1200 },
   { name: "xxl", minWidth: 1400 }
-], x = k.reduce(
+], x = T.reduce(
   (e, t) => (e[t.name] = t.minWidth, e),
   {}
 );
@@ -21,11 +21,11 @@ function E(e) {
     throw new Error(`Unknown breakpoint: ${e}`);
   return x[e];
 }
-function B(e) {
+function D(e) {
   e === void 0 && (e = window.innerWidth);
-  for (let t = k.length - 1; t >= 0; t--)
-    if (e >= k[t].minWidth)
-      return k[t].name;
+  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 = []) {
@@ -104,20 +104,23 @@ function J(e) {
   return { file: e.fileName || e.sourceURL };
 }
 class R {
-  constructor(t, n, i = "main") {
-    this._debug = t, this.myElementId = n, this.instanceId = i;
+  constructor(t, n, i, r = "main") {
+    this._debug = t, this.myTag = n, this.myElementId = i, this.instanceId = r;
+  }
+  debug(...t) {
+    this._debug && console.debug(`[DEBUG][${this.myTag}:${this.myElementId}:${this.instanceId}]`, ...t);
   }
   log(...t) {
-    this._debug && console.log(`[LOG][ID:${this.myElementId}:${this.instanceId}]`, ...t);
+    console.log(`[LOG][${this.myTag}:${this.myElementId}:${this.instanceId}]`, ...t);
   }
   warn(...t) {
-    console.warn(`[WARN][ID:${this.myElementId}:${this.instanceId}]`, ...t);
+    console.warn(`[WARN][${this.myTag}:${this.myElementId}:${this.instanceId}]`, ...t);
   }
   error(...t) {
-    console.error(`[ERROR][ID:${this.myElementId}:${this.instanceId}]`, ...t);
+    console.error(`[ERROR][${this.myTag}:${this.myElementId}:${this.instanceId}]`, ...t);
   }
   throwError(...t) {
-    const n = `[ERROR][ID:${this.myElementId}:${this.instanceId}] ${t.join(" ")}`;
+    const n = `[ERROR][${this.myTag}:${this.myElementId}:${this.instanceId}] ${t.join(" ")}`;
     throw this.error(...t), new Error(n);
   }
 }
@@ -239,15 +242,15 @@ class P {
     return new Proxy({}, t);
   }
 }
-function I(e) {
+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) {
-  return new P(I("session"), e, t).asProxy();
+  return new P(A("session"), e, t).asProxy();
 }
 function Q(e, t) {
-  return new P(I("local"), e, t).asProxy();
+  return new P(A("local"), e, t).asProxy();
 }
 function Y(e, t, n) {
   return new Promise((i, r) => {
@@ -293,7 +296,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 = B(s);
+        const d = o.split(","), m = d[0].trim(), f = ((b = d[1]) == null ? void 0 : b.trim()) ?? m, g = D(s);
         this.currentBreakPoint !== g && (E(f) <= E(g) ? c.setAttribute("mode", "desktop") : E(m) > E(g) ? c.setAttribute("mode", "mobile") : c.setAttribute("mode", "tablet"));
       });
     }
@@ -311,20 +314,20 @@ function nt(e) {
   }
   return n = new WeakMap(), i = new WeakMap(), t;
 }
-const v = Symbol("listenerDefs"), A = Symbol("withEventBindings");
+const k = Symbol("listenerDefs"), $ = Symbol("withEventBindings");
 function it(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[v] || (a[v] = [])).push({
+      (a[k] || (a[k] = [])).push({
         method: r.name,
         events: [...n],
         opts: t
       });
     }), function(...a) {
-      if (!this[A])
+      if (!this[$])
         throw new Error("[EventBindings] @Listen - decorator requires EventBindingMixin.");
       return i.apply(this, a);
     };
@@ -335,31 +338,31 @@ function F(e, t) {
   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, W;
+  var n, i, I;
   class t extends e {
     constructor(...s) {
       super(...s);
       h(this, i);
       h(this, n);
-      this[A] = !0;
+      this[$] = !0;
     }
     connectedCallback() {
       var s;
-      (s = super.connectedCallback) == null || s.call(this), y(this, i, W).call(this);
+      (s = super.connectedCallback) == null || s.call(this), y(this, i, 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(), W = function() {
+  return n = new WeakMap(), i = new WeakSet(), I = function() {
     var o, d, m;
     (o = u(this, n)) == null || o.abort(), w(this, n, new AbortController());
-    const s = this[v] || [];
+    const s = this[k] || [];
     for (const f of s) {
-      const g = F(this, (d = f.opts) == null ? void 0 : d.target), b = ((m = f.opts) == null ? void 0 : m.options) ?? {}, C = this[f.method].bind(this);
-      for (const D of f.events)
-        g.addEventListener(D, C, { ...b, signal: u(this, n).signal });
+      const g = F(this, (d = f.opts) == null ? void 0 : d.target), b = ((m = f.opts) == null ? void 0 : m.options) ?? {}, _ = this[f.method].bind(this);
+      for (const C of f.events)
+        g.addEventListener(C, _, { ...b, signal: u(this, n).signal });
     }
   }, t;
 }
@@ -381,10 +384,18 @@ function st(e) {
       w(this, n, null);
     }
     get _debug() {
-      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);
+      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.info(
+        // @ts-expect-error - it says tagName is not defined -whatever
+        `[DEBUG][ID:${u(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`,
+        this
+      ), u(this, n) ?? !1);
     }
     getLogger(s = "main") {
-      return u(this, r) || w(this, r, new R(this._debug, `${u(this, i)}`, s)), u(this, r);
+      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);
+    }
+    debug(...s) {
+      this.getLogger().debug(...s);
     }
     log(...s) {
       this.getLogger().log(...s);
@@ -402,28 +413,28 @@ function st(e) {
   return n = new WeakMap(), i = new WeakMap(), r = new WeakMap(), t;
 }
 function ot(e) {
-  var n, S, r, _;
+  var n, W, 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, _).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.classList.remove("slot-empty");
       });
     }
     firstUpdated(o) {
       var d;
-      (d = super.firstUpdated) == null || d.call(this, o), y(this, n, S).call(this);
+      (d = super.firstUpdated) == null || d.call(this, o), y(this, n, W).call(this);
     }
   }
-  return n = new WeakSet(), S = function() {
+  return n = new WeakSet(), W = function() {
     var d;
     const o = (d = this.shadowRoot) == null ? void 0 : d.querySelectorAll("slot");
     o == null || o.forEach((m) => {
       m.classList.add("slot-empty"), m.addEventListener("slotchange", (f) => u(this, r).call(this, f));
     });
-  }, r = new WeakMap(), _ = function(o) {
+  }, r = new WeakMap(), S = function(o) {
     return o.nodeType === Node.TEXT_NODE ? (o.textContent || "").trim().length > 0 : o.nodeType === Node.ELEMENT_NODE;
   }, t;
 }
@@ -437,11 +448,11 @@ export {
   ot as SlotVisibilityMixin,
   q as Stopwatch,
   x as breakpointMap,
-  k as breakpoints,
+  T as breakpoints,
   H as create_element,
   G as debounce,
   E as getBreakpointMinWidth,
-  B as getCurrentBreakpoint,
+  D as getCurrentBreakpoint,
   J as getErrorLocation,
   Q as local_storage,
   X as session_storage,

package/lib/Logger.d.ts

@@ -1,8 +1,10 @@
 export declare class Logger {
     private _debug;
+    private myTag;
     private myElementId;
     private instanceId;
-    constructor(_debug: boolean, myElementId: string, instanceId?: string);
+    constructor(_debug: boolean, myTag: string, myElementId: string, instanceId?: string);
+    debug(...args: any[]): void;
     log(...args: any[]): void;
     warn(...args: any[]): void;
     error(...args: any[]): void;

package/mixins/LoggingMixin.d.ts

@@ -2,6 +2,7 @@ import { Logger } from '../lib/Logger';
 type Constructor<T = object> = abstract new (...args: any[]) => T;
 export interface LoggerMixinInterface {
     getLogger(instanceId?: string): Logger;
+    debug(...args: any[]): void;
     log(...args: any[]): void;
     warn(...args: any[]): void;
     error(...args: any[]): void;

package/package.json

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