@trunkjs/browser-utils 1.0.35 → 1.0.37

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.0.37 (2026-02-08)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
+## 1.0.36 (2026-02-08)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
 ## 1.0.35 (2026-02-07)
 
 This was a version bump only for browser-utils to align it with other projects, there were no code changes.

package/index.d.ts

@@ -4,6 +4,7 @@ export * from './lib/Debouncer';
 export * from './lib/get-error-location';
 export * from './lib/Logger';
 export * from './lib/Stopwatch';
+export * from './lib/storage';
 export * from './lib/wait-for';
 export * from './mixins/BreakPointMixin';
 export * from './mixins/EventBindingsMixin';

package/index.js

@@ -1,40 +1,40 @@
-var D = Object.defineProperty;
-var v = (t) => {
-  throw TypeError(t);
+var N = Object.defineProperty;
+var T = (e) => {
+  throw TypeError(e);
 };
-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), T = (t, e, n) => e.has(t) || v("Cannot " + n);
-var u = (t, e, n) => (T(t, e, "read from private field"), n ? n.call(t) : e.get(t)), m = (t, e, n) => e.has(t) ? v("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, n), w = (t, e, n, i) => (T(t, e, "write to private field"), i ? i.call(t, n) : e.set(t, n), n), E = (t, e, n) => (T(t, e, "access private method"), n);
-const L = [
+var $ = (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) => $(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 = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
   { name: "md", minWidth: 768 },
   { name: "lg", minWidth: 992 },
   { name: "xl", minWidth: 1200 },
   { name: "xxl", minWidth: 1400 }
-], k = L.reduce(
-  (t, e) => (t[e.name] = e.minWidth, t),
+], x = k.reduce(
+  (e, t) => (e[t.name] = t.minWidth, e),
   {}
 );
-function p(t) {
-  if (!(t in k))
-    throw new Error(`Unknown breakpoint: ${t}`);
-  return k[t];
+function E(e) {
+  if (!(e in x))
+    throw new Error(`Unknown breakpoint: ${e}`);
+  return x[e];
 }
-function R(t) {
-  t === void 0 && (t = window.innerWidth);
-  for (let e = L.length - 1; e >= 0; e--)
-    if (t >= L[e].minWidth)
-      return L[e].name;
+function R(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;
   return "xs";
 }
-function O(t, e = {}, n = []) {
+function H(e, t = {}, n = []) {
   Array.isArray(n) || (n = [n]);
-  const i = document.createElement(t);
-  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);
+  const i = document.createElement(e);
+  for (const r in t)
+    t[r] !== null && t[r] !== void 0 && i.setAttribute(r, t[r] !== !0 ? t[r] : "");
+  for (const r of n)
+    i.append(typeof r == "string" ? document.createTextNode(r) : r);
   return i;
 }
 class M {
@@ -43,97 +43,97 @@ class M {
    * @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) {
-    c(this, "timeout", null);
-    c(this, "startTimeWithMs", 0);
-    c(this, "maxTimeout", null);
-    this.delay = e, this.max_delay = n;
+  constructor(t, n = !1) {
+    l(this, "timeout", null);
+    l(this, "startTimeWithMs", 0);
+    l(this, "maxTimeout", null);
+    this.delay = t, this.max_delay = n;
   }
   async wait() {
-    return this.startTimeWithMs === 0 && (this.startTimeWithMs = Date.now()), this.timeout && (this.max_delay === !1 || this.startTimeWithMs + this.max_delay > Date.now()) && clearTimeout(this.timeout), new Promise((e) => {
+    return this.startTimeWithMs === 0 && (this.startTimeWithMs = Date.now()), this.timeout && (this.max_delay === !1 || this.startTimeWithMs + this.max_delay > Date.now()) && clearTimeout(this.timeout), new Promise((t) => {
       this.timeout = setTimeout(() => {
-        this.startTimeWithMs = 0, e(!0);
+        this.startTimeWithMs = 0, t(!0);
       }, this.delay);
     });
   }
-  debounce(e) {
+  debounce(t) {
     const n = Date.now();
     this.startTimeWithMs === 0 && (this.startTimeWithMs = n);
     const i = () => {
-      this.timeout && (clearTimeout(this.timeout), this.timeout = null), this.maxTimeout && (clearTimeout(this.maxTimeout), this.maxTimeout = null), this.startTimeWithMs = 0, e();
+      this.timeout && (clearTimeout(this.timeout), this.timeout = null), this.maxTimeout && (clearTimeout(this.maxTimeout), this.maxTimeout = null), this.startTimeWithMs = 0, t();
     };
     if (this.timeout && clearTimeout(this.timeout), this.timeout = setTimeout(i, this.delay), this.max_delay !== !1 && !this.maxTimeout) {
-      const s = n - this.startTimeWithMs, a = Math.max(0, this.max_delay - s);
+      const r = n - this.startTimeWithMs, a = Math.max(0, this.max_delay - r);
       this.maxTimeout = setTimeout(i, a);
     }
   }
 }
-function F(t, e = !1) {
+function G(e, t = !1) {
   const n = /* @__PURE__ */ new WeakMap();
-  return function(i, s) {
-    if (s.kind !== "method") return i;
-    const a = s.name;
-    return function(...l) {
-      let r = n.get(this);
-      r || (r = /* @__PURE__ */ new Map(), n.set(this, r));
-      let o = r.get(a);
-      o || (o = new M(t, e), r.set(a, o)), o.debounce(() => i.apply(this, l));
+  return function(i, r) {
+    if (r.kind !== "method") return i;
+    const a = r.name;
+    return function(...c) {
+      let s = n.get(this);
+      s || (s = /* @__PURE__ */ new Map(), n.set(this, s));
+      let o = s.get(a);
+      o || (o = new M(e, t), s.set(a, o)), o.debounce(() => i.apply(this, c));
     };
   };
 }
-function H(t) {
-  if (typeof t.lineNumber == "number")
+function J(e) {
+  if (typeof e.lineNumber == "number")
     return {
-      file: t.fileName || t.sourceURL,
-      line: t.lineNumber,
-      column: t.columnNumber ?? void 0
+      file: e.fileName || e.sourceURL,
+      line: e.lineNumber,
+      column: e.columnNumber ?? void 0
     };
-  if (typeof t.line == "number")
+  if (typeof e.line == "number")
     return {
-      file: t.sourceURL,
-      line: t.line,
-      column: t.column
+      file: e.sourceURL,
+      line: e.line,
+      column: e.column
     };
-  const n = String(t.stack || t.message || "").split(`
+  const n = String(e.stack || e.message || "").split(`
 `), i = /(.*?)(?:\(|@)?(.*?):(\d+):(\d+)\)?$/;
-  for (const s of n) {
-    const a = s.match(i);
+  for (const r of n) {
+    const a = r.match(i);
     if (a)
       return { file: a[2], line: +a[3], column: +a[4] };
   }
-  return { file: t.fileName || t.sourceURL };
+  return { file: e.fileName || e.sourceURL };
 }
 class B {
-  constructor(e, n, i = "main") {
-    this._debug = e, this.myElementId = n, this.instanceId = i;
+  constructor(t, n, i = "main") {
+    this._debug = t, this.myElementId = n, this.instanceId = i;
   }
-  log(...e) {
-    this._debug && console.log(`[LOG][ID:${this.myElementId}:${this.instanceId}]`, ...e);
+  log(...t) {
+    this._debug && console.log(`[LOG][ID:${this.myElementId}:${this.instanceId}]`, ...t);
   }
-  warn(...e) {
-    console.warn(`[WARN][ID:${this.myElementId}:${this.instanceId}]`, ...e);
+  warn(...t) {
+    console.warn(`[WARN][ID:${this.myElementId}:${this.instanceId}]`, ...t);
   }
-  error(...e) {
-    console.error(`[ERROR][ID:${this.myElementId}:${this.instanceId}]`, ...e);
+  error(...t) {
+    console.error(`[ERROR][ID:${this.myElementId}:${this.instanceId}]`, ...t);
   }
-  throwError(...e) {
-    const n = `[ERROR][ID:${this.myElementId}:${this.instanceId}] ${e.join(" ")}`;
-    throw this.error(...e), new Error(n);
+  throwError(...t) {
+    const n = `[ERROR][ID:${this.myElementId}:${this.instanceId}] ${t.join(" ")}`;
+    throw this.error(...t), new Error(n);
   }
 }
-class V {
-  constructor(e, n = !0) {
-    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;
+class q {
+  constructor(t, n = !0) {
+    l(this, "label");
+    l(this, "last");
+    l(this, "startTime");
+    l(this, "running", !1);
+    l(this, "enabled");
+    this.label = t, this.enabled = n, this.startTime = this.last = performance.now(), this.running = !0;
   }
-  lap(e = "") {
+  lap(t = "") {
     if (!this.enabled) return;
     const n = performance.now(), i = (n - this.last) / 1e3;
-    this.last = n, console.debug(`[${this.label}] ${e} +${i.toFixed(3)}s`);
+    this.last = n, console.debug(`[${this.label}] ${t} +${i.toFixed(3)}s`);
   }
   elapsed() {
     return performance.now() - this.startTime;
@@ -151,50 +151,148 @@ class V {
     return this.running;
   }
 }
-function z(t, e, n) {
-  return new Promise((i, s) => {
-    const a = (l) => {
-      t.removeEventListener(e, a, n), i(l);
+function O(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function U(e) {
+  if (e != null)
+    try {
+      return JSON.parse(e);
+    } catch {
+      return;
+    }
+}
+function p(e) {
+  const t = JSON.stringify(e);
+  return t === void 0 ? "null" : t;
+}
+function K(e, t) {
+  const n = { ...t };
+  if (O(e))
+    for (const i of Object.keys(t))
+      i in e && (n[i] = e[i]);
+  return n;
+}
+class P {
+  constructor(t, n, i) {
+    l(this, "cache");
+    this.backend = t, this.storageKey = n, this.initialValue = i;
+  }
+  read() {
+    if (this.cache) return this.cache;
+    const t = this.backend ? U(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));
+      } catch {
+      }
+    return this.cache = n, n;
+  }
+  write(t) {
+    if (this.cache = t, !!this.backend)
+      try {
+        this.backend.setItem(this.storageKey, p(t));
+      } catch {
+      }
+  }
+  asProxy() {
+    const t = {
+      get: (n, i) => {
+        if (typeof i == "symbol")
+          return i === Symbol.toStringTag ? "Storage" : void 0;
+        const r = this.read();
+        return i === "toJSON" ? () => ({ ...r }) : r[i];
+      },
+      set: (n, i, r) => {
+        if (typeof i != "string") return !1;
+        const c = { ...this.read() };
+        return c[i] = r, this.write(c), !0;
+      },
+      deleteProperty: (n, i) => {
+        if (typeof i != "string") return !1;
+        const r = this.read();
+        if (!(i in r)) return !0;
+        const a = { ...r };
+        return delete a[i], this.write(a), !0;
+      },
+      has: (n, i) => {
+        if (typeof i != "string") return !1;
+        const r = this.read();
+        return i in r;
+      },
+      ownKeys: () => {
+        const n = this.read();
+        return Reflect.ownKeys(n);
+      },
+      getOwnPropertyDescriptor: (n, i) => {
+        if (typeof i != "string") return;
+        const r = this.read();
+        if (i in r)
+          return {
+            enumerable: !0,
+            configurable: !0,
+            writable: !0,
+            value: r[i]
+          };
+      }
+    };
+    return new Proxy({}, t);
+  }
+}
+function I(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();
+}
+function Q(e, t) {
+  return new P(I("local"), e, t).asProxy();
+}
+function Y(e, t, n) {
+  return new Promise((i, r) => {
+    const a = (c) => {
+      e.removeEventListener(t, a, n), i(c);
     };
-    t.addEventListener(e, a, n);
+    e.addEventListener(t, a, n);
   });
 }
-function N() {
-  return document.readyState === "loading" ? new Promise((t) => {
-    document.addEventListener("DOMContentLoaded", () => t());
+function z() {
+  return document.readyState === "loading" ? new Promise((e) => {
+    document.addEventListener("DOMContentLoaded", () => e());
   }) : Promise.resolve();
 }
-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(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 j(t) {
-  return new Promise((e) => setTimeout(e, t));
+function tt(e) {
+  return new Promise((t) => setTimeout(t, e));
 }
-function q(t) {
-  return new Promise((e) => {
+function et(e) {
+  return new Promise((t) => {
     const n = (i) => {
-      t.removeEventListener("animationend", n), e(i);
+      e.removeEventListener("animationend", n), t(i);
     };
-    t.addEventListener("animationend", n);
+    e.addEventListener("animationend", n);
   });
 }
-function X(t) {
+function nt(e) {
   var n, i;
-  class e extends t {
+  class t extends e {
     constructor() {
       super(...arguments);
-      m(this, n, new M(200, 5e3));
-      c(this, "currentBreakPoint", null);
-      m(this, i, async () => {
+      h(this, n, new M(200, 5e3));
+      l(this, "currentBreakPoint", null);
+      h(this, i, async () => {
         var b;
-        await u(this, n).wait(), await N();
-        const l = this, r = window.innerWidth, o = getComputedStyle(l).getPropertyValue("--breakpoint");
+        await u(this, n).wait(), await z();
+        const c = this, s = window.innerWidth, o = getComputedStyle(c).getPropertyValue("--breakpoint");
         if (!o || o === "")
           return;
-        const d = o.split(","), h = d[0].trim(), f = ((b = d[1]) == null ? void 0 : b.trim()) ?? h, g = R(r);
-        this.currentBreakPoint !== g && (p(f) <= p(g) ? l.setAttribute("mode", "desktop") : p(h) > p(g) ? l.setAttribute("mode", "mobile") : l.setAttribute("mode", "tablet"));
+        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"));
       });
     }
     connectedCallback() {
@@ -204,69 +302,69 @@ function X(t) {
       super.disconnectedCallback(), window.removeEventListener("resize", u(this, i));
     }
   }
-  return n = new WeakMap(), i = new WeakMap(), e;
+  return n = new WeakMap(), i = new WeakMap(), t;
 }
-const y = Symbol("listenerDefs"), x = 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 v = Symbol("listenerDefs"), A = 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.constructor;
-      (a[y] || (a[y] = [])).push({
-        method: s.name,
+      (a[v] || (a[v] = [])).push({
+        method: r.name,
         events: n,
-        opts: e
+        opts: t
       });
     }), function(...a) {
-      if (!this[x])
+      if (!this[A])
         throw new Error("[EventBindings] @Listen - decorator requires EventBindingMixin.");
       return i.apply(this, a);
     };
   };
 }
-function _(t, e) {
+function F(e, t) {
   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;
+  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 K(t) {
-  var n, i, A;
-  class e extends t {
-    constructor(...r) {
-      super(...r);
-      m(this, i);
-      m(this, n);
-      this[x] = !0;
+function rt(e) {
+  var n, i, W;
+  class t extends e {
+    constructor(...s) {
+      super(...s);
+      h(this, i);
+      h(this, n);
+      this[A] = !0;
     }
     connectedCallback() {
-      var r;
-      (r = super.connectedCallback) == null || r.call(this), E(this, i, A).call(this);
+      var s;
+      (s = super.connectedCallback) == null || s.call(this), y(this, i, W).call(this);
     }
     disconnectedCallback() {
-      var r, o;
-      (r = u(this, n)) == null || r.abort(), (o = super.disconnectedCallback) == null || o.call(this);
+      var s, o;
+      (s = u(this, n)) == null || s.abort(), (o = super.disconnectedCallback) == null || o.call(this);
     }
   }
-  return n = new WeakMap(), i = new WeakSet(), A = function() {
-    var o, d, h;
+  return n = new WeakMap(), i = new WeakSet(), W = function() {
+    var o, d, m;
     (o = u(this, n)) == null || o.abort(), w(this, n, new AbortController());
-    const r = this.constructor[y] || [];
-    for (const f of r) {
-      const g = _(this, (d = f.opts) == null ? void 0 : d.target), b = ((h = f.opts) == null ? void 0 : h.options) ?? {}, C = this[f.method].bind(this);
-      for (const P of f.events)
-        g.addEventListener(P, C, { ...b, signal: u(this, n).signal });
+    const s = this.constructor[v] || [];
+    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 });
     }
-  }, e;
+  }, t;
 }
-let S = 1;
-function Q(t) {
-  var n, i, s;
-  class e extends t {
+let V = 1;
+function st(e) {
+  var n, i, r;
+  class t extends e {
     constructor() {
       super(...arguments);
-      m(this, n, null);
-      m(this, i, S++);
-      m(this, s, null);
+      h(this, n, null);
+      h(this, i, V++);
+      h(this, r, null);
     }
     /**
      * Clears the cached debug flag so the attribute will be checked again
@@ -278,69 +376,71 @@ function Q(t) {
     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);
     }
-    getLogger(r = "main") {
-      return u(this, s) || w(this, s, new B(this._debug, `${u(this, i)}`, r)), u(this, s);
+    getLogger(s = "main") {
+      return u(this, r) || w(this, r, new B(this._debug, `${u(this, i)}`, s)), u(this, r);
     }
-    log(...r) {
-      this.getLogger().log(...r);
+    log(...s) {
+      this.getLogger().log(...s);
     }
-    warn(...r) {
-      this.getLogger().warn(...r);
+    warn(...s) {
+      this.getLogger().warn(...s);
     }
-    error(...r) {
-      this.getLogger().error(...r);
+    error(...s) {
+      this.getLogger().error(...s);
     }
-    throwError(...r) {
-      return this.getLogger().throwError(...r);
+    throwError(...s) {
+      return this.getLogger().throwError(...s);
     }
   }
-  return n = new WeakMap(), i = new WeakMap(), s = new WeakMap(), e;
+  return n = new WeakMap(), i = new WeakMap(), r = new WeakMap(), t;
 }
-function Y(t) {
-  var n, W, s, I;
-  class e extends t {
+function ot(e) {
+  var n, S, r, _;
+  class t extends e {
     constructor() {
       super(...arguments);
-      m(this, n);
-      m(this, s, (o) => {
+      h(this, n);
+      h(this, r, (o) => {
         const d = o.target;
-        d.assignedNodes({ flatten: !0 }).filter((g) => E(this, n, I).call(this, g)).length > 0 && d.classList.remove("slot-empty");
+        d.assignedNodes({ flatten: !0 }).filter((g) => y(this, n, _).call(this, g)).length > 0 && d.classList.remove("slot-empty");
       });
     }
     firstUpdated(o) {
       var d;
-      (d = super.firstUpdated) == null || d.call(this, o), E(this, n, W).call(this);
+      (d = super.firstUpdated) == null || d.call(this, o), y(this, n, S).call(this);
     }
   }
-  return n = new WeakSet(), W = function() {
+  return n = new WeakSet(), S = function() {
     var d;
     const o = (d = this.shadowRoot) == null ? void 0 : d.querySelectorAll("slot");
-    o == null || o.forEach((h) => {
-      h.classList.add("slot-empty"), h.addEventListener("slotchange", (f) => u(this, s).call(this, f));
+    o == null || o.forEach((m) => {
+      m.classList.add("slot-empty"), m.addEventListener("slotchange", (f) => u(this, r).call(this, f));
     });
-  }, s = new WeakMap(), I = function(o) {
+  }, r = new WeakMap(), _ = function(o) {
     return o.nodeType === Node.TEXT_NODE ? (o.textContent || "").trim().length > 0 : o.nodeType === Node.ELEMENT_NODE;
-  }, e;
+  }, t;
 }
 export {
-  X as BreakPointMixin,
+  nt as BreakPointMixin,
   M as Debouncer,
-  K as EventBindingsMixin,
-  J as Listen,
+  rt as EventBindingsMixin,
+  it as Listen,
   B as Logger,
-  Q as LoggingMixin,
-  Y as SlotVisibilityMixin,
-  V as Stopwatch,
-  k as breakpointMap,
-  L as breakpoints,
-  O as create_element,
-  F as debounce,
-  p as getBreakpointMinWidth,
+  st as LoggingMixin,
+  ot as SlotVisibilityMixin,
+  q as Stopwatch,
+  x as breakpointMap,
+  k as breakpoints,
+  H as create_element,
+  G as debounce,
+  E as getBreakpointMinWidth,
   R as getCurrentBreakpoint,
-  H as getErrorLocation,
-  j as sleep,
-  z as waitFor,
-  q as waitForAnimationEnd,
-  N as waitForDomContentLoaded,
-  G as waitForLoad
+  J as getErrorLocation,
+  Q as local_storage,
+  X as session_storage,
+  tt as sleep,
+  Y as waitFor,
+  et as waitForAnimationEnd,
+  z as waitForDomContentLoaded,
+  Z as waitForLoad
 };

package/lib/storage.d.ts

@@ -0,0 +1,4 @@
+type JsonRecord = Record<string, unknown>;
+export declare function session_storage<T extends JsonRecord>(storageKey: string, initialValue: T): T;
+export declare function local_storage<T extends JsonRecord>(storageKey: string, initialValue: T): T;
+export {};

package/package.json

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