@trunkjs/browser-utils 1.0.24 → 1.0.25

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 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.
+
 ## 1.0.24 (2025-12-23)
 
 This was a version bump only for browser-utils to align it with other projects, there were no code changes.

package/index.d.ts

@@ -8,3 +8,4 @@ export * from './lib/wait-for';
 export * from './mixins/BreakPointMixin';
 export * from './mixins/EventBindingsMixin';
 export * from './mixins/LoggingMixin';
+export * from './mixins/SlotVisibilityMixin';

package/index.js

@@ -1,52 +1,52 @@
 var A = Object.defineProperty;
-var p = (t) => {
+var L = (t) => {
   throw TypeError(t);
 };
-var C = (t, e, n) => e in t ? A(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var d = (t, e, n) => C(t, typeof e != "symbol" ? e + "" : e, n), w = (t, e, n) => e.has(t) || p("Cannot " + n);
-var a = (t, e, n) => (w(t, e, "read from private field"), n ? n.call(t) : e.get(t)), m = (t, e, n) => e.has(t) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), c = (t, e, n, i) => (w(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), L = (t, e, n) => (w(t, e, "access private method"), n);
-const f = [
+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 = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
   { name: "md", minWidth: 768 },
   { name: "lg", minWidth: 992 },
   { name: "xl", minWidth: 1200 },
   { name: "xxl", minWidth: 1400 }
-], y = f.reduce(
+], T = b.reduce(
   (t, e) => (t[e.name] = e.minWidth, t),
   {}
 );
 function v(t) {
-  if (!(t in y))
+  if (!(t in T))
     throw new Error(`Unknown breakpoint: ${t}`);
-  return y[t];
+  return T[t];
 }
-function D(t) {
+function R(t) {
   t === void 0 && (t = window.innerWidth);
-  for (let e = f.length - 1; e >= 0; e--)
-    if (t >= f[e].minWidth)
-      return f[e].name;
+  for (let e = b.length - 1; e >= 0; e--)
+    if (t >= b[e].minWidth)
+      return b[e].name;
   return "xs";
 }
-function S(t, e = {}, n = []) {
+function O(t, e = {}, n = []) {
   Array.isArray(n) || (n = [n]);
   const i = document.createElement(t);
-  for (const r in e)
-    e[r] !== null && e[r] !== void 0 && i.setAttribute(r, e[r] !== !0 ? e[r] : "");
-  for (const r of n)
-    i.append(typeof r == "string" ? document.createTextNode(r) : r);
+  for (const s in e)
+    e[s] !== null && e[s] !== void 0 && i.setAttribute(s, e[s] !== !0 ? e[s] : "");
+  for (const s of n)
+    i.append(typeof s == "string" ? document.createTextNode(s) : s);
   return i;
 }
-class T {
+class k {
   /**
    *
    * @param delay     Debounce delay in milliseconds
    * @param max_delay Maximum delay in milliseconds, if false then no maximum delay is applied
    */
   constructor(e, n = !1) {
-    d(this, "timeout", null);
-    d(this, "startTimeWithMs", 0);
-    d(this, "maxTimeout", null);
+    l(this, "timeout", null);
+    l(this, "startTimeWithMs", 0);
+    l(this, "maxTimeout", null);
     this.delay = e, this.max_delay = n;
   }
   async wait() {
@@ -63,25 +63,25 @@ class T {
       this.timeout && (clearTimeout(this.timeout), this.timeout = null), this.maxTimeout && (clearTimeout(this.maxTimeout), this.maxTimeout = null), this.startTimeWithMs = 0, e();
     };
     if (this.timeout && clearTimeout(this.timeout), this.timeout = setTimeout(i, this.delay), this.max_delay !== !1 && !this.maxTimeout) {
-      const r = n - this.startTimeWithMs, o = Math.max(0, this.max_delay - r);
-      this.maxTimeout = setTimeout(i, o);
+      const s = n - this.startTimeWithMs, a = Math.max(0, this.max_delay - s);
+      this.maxTimeout = setTimeout(i, a);
     }
   }
 }
-function U(t, e = !1) {
+function F(t, e = !1) {
   const n = /* @__PURE__ */ new WeakMap();
-  return function(i, r) {
-    if (r.kind !== "method") return i;
-    const o = r.name;
-    return function(...l) {
-      let s = n.get(this);
-      s || (s = /* @__PURE__ */ new Map(), n.set(this, s));
-      let u = s.get(o);
-      u || (u = new T(t, e), s.set(o, u)), u.debounce(() => i.apply(this, l));
+  return function(i, s) {
+    if (s.kind !== "method") return i;
+    const a = s.name;
+    return function(...m) {
+      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));
     };
   };
 }
-function F(t) {
+function V(t) {
   if (typeof t.lineNumber == "number")
     return {
       file: t.fileName || t.sourceURL,
@@ -96,14 +96,14 @@ function F(t) {
     };
   const n = String(t.stack || t.message || "").split(`
 `), i = /(.*?)(?:\(|@)?(.*?):(\d+):(\d+)\)?$/;
-  for (const r of n) {
-    const o = r.match(i);
-    if (o)
-      return { file: o[2], line: +o[3], column: +o[4] };
+  for (const s of n) {
+    const a = s.match(i);
+    if (a)
+      return { file: a[2], line: +a[3], column: +a[4] };
   }
   return { file: t.fileName || t.sourceURL };
 }
-class $ {
+class B {
   constructor(e, n, i = "main") {
     this._debug = e, this.myElementId = n, this.instanceId = i;
   }
@@ -123,11 +123,11 @@ class $ {
 }
 class H {
   constructor(e, n = !0) {
-    d(this, "label");
-    d(this, "last");
-    d(this, "startTime");
-    d(this, "running", !1);
-    d(this, "enabled");
+    l(this, "label");
+    l(this, "last");
+    l(this, "startTime");
+    l(this, "running", !1);
+    l(this, "enabled");
     this.label = e, this.enabled = n, this.startTime = this.last = performance.now(), this.running = !0;
   }
   lap(e = "") {
@@ -151,28 +151,28 @@ class H {
     return this.running;
   }
 }
-function O(t, e, n) {
-  return new Promise((i, r) => {
-    const o = (l) => {
-      t.removeEventListener(e, o, n), i(l);
+function z(t, e, n) {
+  return new Promise((i, s) => {
+    const a = (m) => {
+      t.removeEventListener(e, a, n), i(m);
     };
-    t.addEventListener(e, o, n);
+    t.addEventListener(e, a, n);
   });
 }
-function B() {
+function N() {
   return document.readyState === "loading" ? new Promise((t) => {
     document.addEventListener("DOMContentLoaded", () => t());
   }) : Promise.resolve();
 }
-function V(t = window) {
+function G(t = window) {
   return t || (t = window), t === window ? document.readyState === "complete" ? Promise.resolve() : new Promise((e) => window.addEventListener("load", () => e(), { once: !0 })) : t instanceof HTMLImageElement ? t.complete && t.naturalWidth !== 0 ? Promise.resolve() : new Promise((e, n) => {
     t.addEventListener("load", () => e(), { once: !0 }), t.addEventListener("error", () => n(new Error("image error")), { once: !0 });
   }) : t instanceof HTMLMediaElement ? t.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA ? Promise.resolve() : new Promise((e) => t.addEventListener("loadeddata", () => e(), { once: !0 })) : new Promise((e) => t.addEventListener("load", () => e(), { once: !0 }));
 }
-function z(t) {
+function j(t) {
   return new Promise((e) => setTimeout(e, t));
 }
-function G(t) {
+function q(t) {
   return new Promise((e) => {
     const n = (i) => {
       t.removeEventListener("animationend", n), e(i);
@@ -180,139 +180,166 @@ function G(t) {
     t.addEventListener("animationend", n);
   });
 }
-function j(t) {
+function X(t) {
   var i;
-  const e = new T(200, 5e3);
+  const e = new k(200, 5e3);
   class n extends t {
     constructor() {
       super(...arguments);
-      d(this, "currentBreakPoint", null);
-      m(this, i, async () => {
-        await e.wait(), await B();
-        const l = window.innerWidth;
-        let s = getComputedStyle(this).getPropertyValue("--breakpoint");
-        s || (this.style.setProperty("--breakpoint", "md"), s = getComputedStyle(this).getPropertyValue("--breakpoint"));
-        const u = D(l);
-        this.currentBreakPoint !== u && (v(s) < v(u) ? this.setAttribute("mode", "desktop") : this.setAttribute("mode", "mobile"));
+      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"));
       });
     }
     connectedCallback() {
-      super.connectedCallback(), a(this, i).call(this), window.addEventListener("resize", a(this, i)), a(this, i).call(this);
+      super.connectedCallback(), u(this, i).call(this), window.addEventListener("resize", u(this, i)), u(this, i).call(this);
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), window.removeEventListener("resize", a(this, i));
+      super.disconnectedCallback(), window.removeEventListener("resize", u(this, i));
     }
   }
   return i = new WeakMap(), n;
 }
-const g = Symbol("listenerDefs"), k = Symbol("withEventBindings");
-function q(t, e) {
+const E = Symbol("listenerDefs"), M = Symbol("withEventBindings");
+function J(t, e) {
   const n = Array.isArray(t) ? t : [t];
-  return function(i, r) {
-    if (r.kind !== "method") throw new Error("@Listen nur für Methoden");
-    return r.addInitializer(function() {
-      const o = this.constructor;
-      (o[g] || (o[g] = [])).push({
-        method: r.name,
+  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({
+        method: s.name,
         events: n,
         opts: e
       });
-    }), function(...o) {
-      if (!this[k])
+    }), function(...a) {
+      if (!this[M])
         throw new Error("[EventBindings] @Listen - decorator requires EventBindingMixin.");
-      return i.apply(this, o);
+      return i.apply(this, a);
     };
   };
 }
-function R(t, e) {
+function _(t, e) {
   var n;
   return !e || e === "host" ? t : e === "document" ? t.ownerDocument ?? document : e === "window" ? ((n = t.ownerDocument) == null ? void 0 : n.defaultView) ?? window : e === "shadowRoot" ? t.shadowRoot ?? t : typeof e == "function" ? e(t) : e;
 }
-function X(t) {
-  var n, i, M;
+function K(t) {
+  var n, i, x;
   class e extends t {
-    constructor(...s) {
-      super(...s);
-      m(this, i);
-      m(this, n);
-      this[k] = !0;
+    constructor(...r) {
+      super(...r);
+      c(this, i);
+      c(this, n);
+      this[M] = !0;
     }
     connectedCallback() {
-      var s;
-      (s = super.connectedCallback) == null || s.call(this), L(this, i, M).call(this);
+      var r;
+      (r = super.connectedCallback) == null || r.call(this), w(this, i, x).call(this);
     }
     disconnectedCallback() {
-      var s, u;
-      (s = a(this, n)) == null || s.abort(), (u = super.disconnectedCallback) == null || u.call(this);
+      var r, o;
+      (r = u(this, n)) == null || r.abort(), (o = super.disconnectedCallback) == null || o.call(this);
     }
   }
-  return n = new WeakMap(), i = new WeakSet(), M = function() {
-    var u, b, E;
-    (u = a(this, n)) == null || u.abort(), c(this, n, new AbortController());
-    const s = this.constructor[g] || [];
-    for (const h of s) {
-      const x = R(this, (b = h.opts) == null ? void 0 : b.target), W = ((E = h.opts) == null ? void 0 : E.options) ?? {}, P = this[h.method].bind(this);
-      for (const I of h.events)
-        x.addEventListener(I, P, { ...W, signal: a(this, n).signal });
+  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 });
     }
   }, e;
 }
-let _ = 1;
-function J(t) {
-  var n, i, r;
+let S = 1;
+function Q(t) {
+  var n, i, s;
   class e extends t {
     constructor() {
       super(...arguments);
-      m(this, n, null);
-      m(this, i, _++);
-      m(this, r, null);
+      c(this, n, null);
+      c(this, i, S++);
+      c(this, s, null);
     }
     /**
      * Clears the cached debug flag so the attribute will be checked again
      * on the next log/warn/error call.
      */
     invalidateDebugCache() {
-      c(this, n, null);
+      g(this, n, null);
     }
     get _debug() {
-      return a(this, n) !== null ? a(this, n) : (this instanceof HTMLElement && c(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);
+      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);
+    }
+    getLogger(r = "main") {
+      return u(this, s) || g(this, s, new B(this._debug, `${u(this, i)}`, r)), u(this, s);
+    }
+    log(...r) {
+      this.getLogger().log(...r);
     }
-    getLogger(s = "main") {
-      return a(this, r) || c(this, r, new $(this._debug, `${a(this, i)}`, s)), a(this, r);
+    warn(...r) {
+      this.getLogger().warn(...r);
     }
-    log(...s) {
-      this.getLogger().log(...s);
+    error(...r) {
+      this.getLogger().error(...r);
     }
-    warn(...s) {
-      this.getLogger().warn(...s);
+    throwError(...r) {
+      return this.getLogger().throwError(...r);
     }
-    error(...s) {
-      this.getLogger().error(...s);
+  }
+  return n = new WeakMap(), i = new WeakMap(), s = new WeakMap(), e;
+}
+function Y(t) {
+  var n, W, s, P;
+  class e extends t {
+    constructor() {
+      super(...arguments);
+      c(this, n);
+      c(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");
+      });
     }
-    throwError(...s) {
-      return this.getLogger().throwError(...s);
+    firstUpdated(o) {
+      var d;
+      (d = super.firstUpdated) == null || d.call(this, o), w(this, n, W).call(this);
     }
   }
-  return n = new WeakMap(), i = new WeakMap(), r = new WeakMap(), e;
+  return n = new WeakSet(), W = 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));
+    });
+  }, s = new WeakMap(), P = function(o) {
+    return o.nodeType === Node.TEXT_NODE ? (o.textContent || "").trim().length > 0 : o.nodeType === Node.ELEMENT_NODE;
+  }, e;
 }
 export {
-  j as BreakPointMixin,
-  T as Debouncer,
-  X as EventBindingsMixin,
-  q as Listen,
-  $ as Logger,
-  J as LoggingMixin,
+  X as BreakPointMixin,
+  k as Debouncer,
+  K as EventBindingsMixin,
+  J as Listen,
+  B as Logger,
+  Q as LoggingMixin,
+  Y as SlotVisibilityMixin,
   H as Stopwatch,
-  y as breakpointMap,
-  f as breakpoints,
-  S as create_element,
-  U as debounce,
+  T as breakpointMap,
+  b as breakpoints,
+  O as create_element,
+  F as debounce,
   v as getBreakpointMinWidth,
-  D as getCurrentBreakpoint,
-  F as getErrorLocation,
-  z as sleep,
-  O as waitFor,
-  G as waitForAnimationEnd,
-  B as waitForDomContentLoaded,
-  V as waitForLoad
+  R as getCurrentBreakpoint,
+  V as getErrorLocation,
+  j as sleep,
+  z as waitFor,
+  q as waitForAnimationEnd,
+  N as waitForDomContentLoaded,
+  G 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;
-    "__#2763@#updateBreakPoint": () => Promise<void>;
+    "__#2876@#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[]) => {
-    "__#2764@#ac"?: AbortController;
+    "__#2877@#ac"?: AbortController;
     connectedCallback(): void;
     disconnectedCallback(): void;
-    "__#2764@#bindEventListeners"(): void;
+    "__#2877@#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[]) => {
-    "__#2765@#debugCached": boolean | null;
-    "__#2765@#myElementId": number;
+    "__#2878@#debugCached": boolean | null;
+    "__#2878@#myElementId": number;
     /**
      * Clears the cached debug flag so the attribute will be checked again
      * on the next log/warn/error call.
      */
     invalidateDebugCache(): void;
-    "__#2765@#myLoggerInstance": Logger | null;
+    "__#2878@#myLoggerInstance": Logger | null;
     readonly _debug: boolean;
     getLogger(instanceId?: string): Logger;
     log(...args: any[]): void;

package/mixins/SlotVisibilityMixin.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+type Constructor<T = object> = abstract new (...args: any[]) => T;
+export interface SlotVisibilityInterface {
+    firstUpdated(changedProperties: Map<string, unknown>): void;
+}
+export declare function SlotVisibilityMixin<TBase extends Constructor<LitElement>>(Base: TBase): TBase & Constructor<SlotVisibilityInterface>;
+export {};

package/package.json

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