@trunkjs/browser-utils 1.0.52 → 1.0.54

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.0.54 (2026-09-07)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
+## 1.0.53 (2026-09-01)
+
+This was a version bump only for browser-utils to align it with other projects, there were no code changes.
+
 ## 1.0.52 (2026-08-29)
 
 ### 🩹 Fixes
@@ -10,6 +18,8 @@
 
 ## Unreleased
 
+- Treat named value elements as opaque controls so nested object values are not collected twice.
+
 ## 1.0.51 (2026-08-29)
 
 ### ✨ Features

package/index.js

@@ -1,37 +1,37 @@
-var O = Object.defineProperty;
-var S = (n) => {
+var j = Object.defineProperty;
+var I = (n) => {
   throw TypeError(n);
 };
-var j = (n, t, e) => t in n ? O(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var f = (n, t, e) => j(n, typeof t != "symbol" ? t + "" : t, e), T = (n, t, e) => t.has(n) || S("Cannot " + e);
-var l = (n, t, e) => (T(n, t, "read from private field"), e ? e.call(n) : t.get(n)), m = (n, t, e) => t.has(n) ? S("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), y = (n, t, e, i) => (T(n, t, "write to private field"), i ? i.call(n, e) : t.set(n, e), e), w = (n, t, e) => (T(n, t, "access private method"), e);
-const E = [
+var F = (n, t, e) => t in n ? j(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var f = (n, t, e) => F(n, typeof t != "symbol" ? t + "" : t, e), L = (n, t, e) => t.has(n) || I("Cannot " + e);
+var c = (n, t, e) => (L(n, t, "read from private field"), e ? e.call(n) : t.get(n)), m = (n, t, e) => t.has(n) ? I("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), p = (n, t, e, i) => (L(n, t, "write to private field"), i ? i.call(n, e) : t.set(n, e), e), g = (n, t, e) => (L(n, t, "access private method"), e);
+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 }
-], _ = E.reduce(
+], W = k.reduce(
   (n, t) => (n[t.name] = t.minWidth, n),
   {}
 );
-function p(n) {
-  if (!(n in _))
+function E(n) {
+  if (!(n in W))
     throw new Error(`Unknown breakpoint: ${n}`);
-  return _[n];
+  return W[n];
 }
-function F() {
+function H() {
   return window.visualViewport ? window.visualViewport.width : window.innerWidth;
 }
 function U(n) {
-  n === void 0 && (n = F());
-  for (let t = E.length - 1; t >= 0; t--)
-    if (n >= E[t].minWidth)
-      return E[t].name;
+  n === void 0 && (n = H());
+  for (let t = k.length - 1; t >= 0; t--)
+    if (n >= k[t].minWidth)
+      return k[t].name;
   return "xs";
 }
-function nt(n, t = {}, e = []) {
+function it(n, t = {}, e = []) {
   Array.isArray(e) || (e = [e]);
   const i = document.createElement(n);
   for (const r in t)
@@ -40,7 +40,7 @@ function nt(n, t = {}, e = []) {
     i.append(typeof r == "string" ? document.createTextNode(r) : r);
   return i;
 }
-class C {
+class N {
   /**
    *
    * @param delay     Debounce delay in milliseconds
@@ -75,27 +75,27 @@ class C {
     }
   }
 }
-function it(n, t = !1) {
+function rt(n, t = !1) {
   const e = /* @__PURE__ */ new WeakMap();
   return function(i, r) {
     if (r.kind !== "method") return i;
     const s = r.name;
-    return function(...a) {
-      let o = e.get(this);
-      o || (o = /* @__PURE__ */ new Map(), e.set(this, o));
-      let u = o.get(s);
-      u || (u = new C(n, t), o.set(s, u)), u.debounce(() => i.apply(this, a));
+    return function(...o) {
+      let a = e.get(this);
+      a || (a = /* @__PURE__ */ new Map(), e.set(this, a));
+      let d = a.get(s);
+      d || (d = new N(n, t), a.set(s, d)), d.debounce(() => i.apply(this, o));
     };
   };
 }
-const H = /* @__PURE__ */ new Set(["button", "image", "reset", "submit"]);
-function z(n) {
+const z = /* @__PURE__ */ new Set(["button", "image", "reset", "submit"]);
+function G(n) {
   return n.endsWith("[]") ? n.slice(0, -2) : n;
 }
-function L(n) {
+function A(n) {
   return n instanceof HTMLInputElement ? n.type.toLowerCase() : "";
 }
-function G(n) {
+function K(n) {
   if (n instanceof HTMLSelectElement && n.multiple)
     return Array.from(n.selectedOptions, (t) => t.value);
   if (n instanceof HTMLInputElement) {
@@ -108,7 +108,7 @@ function G(n) {
   }
   return n.value;
 }
-function K(n, t) {
+function q(n, t) {
   if (n instanceof HTMLSelectElement && n.multiple) {
     const e = new Set(Array.isArray(t) ? t.map(String) : t == null ? [] : [String(t)]);
     for (const i of Array.from(n.options))
@@ -131,14 +131,14 @@ function K(n, t) {
   }
   n.value = t;
 }
-function A(n, t, e) {
+function x(n, t, e) {
   if (!(e == null || e === !1)) {
     if (e instanceof FormData) {
       e.forEach((i, r) => n.append(r, i));
       return;
     }
     if (Array.isArray(e)) {
-      e.forEach((i) => A(n, t, i));
+      e.forEach((i) => x(n, t, i));
       return;
     }
     if (e instanceof Blob) {
@@ -148,7 +148,7 @@ function A(n, t, e) {
     n.append(t, String(e));
   }
 }
-class rt {
+class st {
   constructor(t) {
     this.root = t;
   }
@@ -156,14 +156,14 @@ class rt {
     const t = [];
     for (const e of Array.from(this.root.querySelectorAll("[name]"))) {
       const i = this.getName(e);
-      !i || !this.isValueElement(e) || t.push({
+      !i || !this.isValueElement(e) || this.hasValueElementParent(e) || t.push({
         name: i,
         element: e,
         get value() {
-          return G(e);
+          return K(e);
         },
         set value(r) {
-          K(e, r);
+          q(e, r);
         }
       });
     }
@@ -186,20 +186,20 @@ class rt {
     for (const e of this.entries) {
       if (this.isDisabled(e.element))
         continue;
-      const i = L(e.element);
+      const i = A(e.element);
       if (i === "checkbox" || i === "radio") {
         const r = e.element;
-        r.checked && A(t, e.name, r.value);
+        r.checked && x(t, e.name, r.value);
         continue;
       }
-      A(t, e.name, e.value);
+      x(t, e.name, e.value);
     }
     return t;
   }
   get groupedEntries() {
     const t = /* @__PURE__ */ new Map();
     for (const e of this.entries) {
-      const i = z(e.name), r = t.get(i) ?? [];
+      const i = G(e.name), r = t.get(i) ?? [];
       r.push(e), t.set(i, r);
     }
     return t;
@@ -210,25 +210,35 @@ class rt {
     return (e == null ? void 0 : e.trim()) || ((i = t.getAttribute("name")) == null ? void 0 : i.trim()) || null;
   }
   isValueElement(t) {
-    return !("value" in t) || t instanceof HTMLButtonElement ? !1 : !(t instanceof HTMLInputElement && H.has(t.type.toLowerCase()));
+    return !("value" in t) || t instanceof HTMLButtonElement ? !1 : !(t instanceof HTMLInputElement && z.has(t.type.toLowerCase()));
+  }
+  /** A named value element owns its value, so its descendants are not collected twice. */
+  hasValueElementParent(t) {
+    let e = t.parentElement;
+    for (; e && e !== this.root; ) {
+      if (this.getName(e) && this.isValueElement(e))
+        return !0;
+      e = e.parentElement;
+    }
+    return !1;
   }
   isDisabled(t) {
     return !!t.disabled || t.hasAttribute("disabled") || t.matches(":disabled");
   }
   readGroup(t) {
     var r;
-    const e = new Set(t.map((s) => L(s.element))), i = t.some((s) => s.name.endsWith("[]"));
+    const e = new Set(t.map((s) => A(s.element))), i = t.some((s) => s.name.endsWith("[]"));
     return e.size === 1 && e.has("radio") ? (r = t.find((s) => s.element.checked)) == null ? void 0 : r.element.value : e.size === 1 && e.has("checkbox") ? t.length === 1 && !i ? t[0].element.checked : t.filter((s) => s.element.checked).map((s) => s.element.value) : i ? t.flatMap((s) => {
-      const a = s.value;
-      return a === void 0 ? [] : Array.isArray(a) ? a : [a];
+      const o = s.value;
+      return o === void 0 ? [] : Array.isArray(o) ? o : [o];
     }) : t.length === 1 ? t[0].value : t.map((s) => s.value).at(-1);
   }
   writeGroup(t, e) {
-    const i = new Set(t.map((s) => L(s.element))), r = t.some((s) => s.name.endsWith("[]"));
+    const i = new Set(t.map((s) => A(s.element))), r = t.some((s) => s.name.endsWith("[]"));
     if (i.size === 1 && i.has("radio")) {
       t.forEach((s) => {
-        const a = s.element;
-        a.checked = a.value === String(e);
+        const o = s.element;
+        o.checked = o.value === String(e);
       });
       return;
     }
@@ -238,15 +248,15 @@ class rt {
         return;
       }
       const s = new Set((Array.isArray(e) ? e : e == null ? [] : [e]).map(String));
-      t.forEach((a) => {
-        const o = a.element;
-        o.checked = s.has(o.value);
+      t.forEach((o) => {
+        const a = o.element;
+        a.checked = s.has(a.value);
       });
       return;
     }
     if (r && Array.isArray(e) && t.length > 1) {
-      t.forEach((s, a) => {
-        s.value = e[a];
+      t.forEach((s, o) => {
+        s.value = e[o];
       });
       return;
     }
@@ -255,7 +265,7 @@ class rt {
     });
   }
 }
-function st(n) {
+function ot(n) {
   if (typeof n.lineNumber == "number")
     return {
       file: n.fileName || n.sourceURL,
@@ -277,7 +287,7 @@ function st(n) {
   }
   return { file: n.fileName || n.sourceURL };
 }
-class q {
+class J {
   constructor(t, e, i, r = "main") {
     this._debug = t, this.myTag = e, this.myElementId = i, this.instanceId = r;
   }
@@ -298,7 +308,7 @@ class q {
     throw this.error(...t), new Error(e);
   }
 }
-class ot {
+class at {
   constructor(t, e = !0) {
     f(this, "label");
     f(this, "last");
@@ -328,10 +338,10 @@ class ot {
     return this.running;
   }
 }
-function J(n) {
+function X(n) {
   return typeof n == "object" && n !== null && !Array.isArray(n);
 }
-function X(n) {
+function Q(n) {
   if (n != null)
     try {
       return JSON.parse(n);
@@ -339,28 +349,28 @@ function X(n) {
       return;
     }
 }
-function P(n) {
+function $(n) {
   const t = JSON.stringify(n);
   return t === void 0 ? "null" : t;
 }
-function Q(n, t) {
+function Y(n, t) {
   const e = { ...t };
-  if (J(n))
+  if (X(n))
     for (const i of Object.keys(t))
       i in n && (e[i] = n[i]);
   return e;
 }
-class I {
+class D {
   constructor(t, e, i) {
     f(this, "cache");
     this.backend = t, this.storageKey = e, this.initialValue = i;
   }
   read() {
     if (this.cache) return this.cache;
-    const t = this.backend ? X(this.backend.getItem(this.storageKey)) : void 0, e = Q(t, this.initialValue);
+    const t = this.backend ? Q(this.backend.getItem(this.storageKey)) : void 0, e = Y(t, this.initialValue);
     if (this.backend && this.backend.getItem(this.storageKey) == null)
       try {
-        this.backend.setItem(this.storageKey, P(e));
+        this.backend.setItem(this.storageKey, $(e));
       } catch {
       }
     return this.cache = e, e;
@@ -368,7 +378,7 @@ class I {
   write(t) {
     if (this.cache = t, !!this.backend)
       try {
-        this.backend.setItem(this.storageKey, P(t));
+        this.backend.setItem(this.storageKey, $(t));
       } catch {
       }
   }
@@ -382,8 +392,8 @@ class I {
       },
       set: (e, i, r) => {
         if (typeof i != "string") return !1;
-        const a = { ...this.read() };
-        return a[i] = r, this.write(a), !0;
+        const o = { ...this.read() };
+        return o[i] = r, this.write(o), !0;
       },
       deleteProperty: (e, i) => {
         if (typeof i != "string") return !1;
@@ -416,47 +426,47 @@ class I {
     return new Proxy({}, t);
   }
 }
-function W(n) {
+function B(n) {
   const t = globalThis.window;
   return (n === "session" ? t == null ? void 0 : t.sessionStorage : t == null ? void 0 : t.localStorage) ?? void 0;
 }
-function at(n, t) {
-  return new I(W("session"), n, t).asProxy();
-}
 function ut(n, t) {
-  return new I(W("local"), n, t).asProxy();
+  return new D(B("session"), n, t).asProxy();
 }
-function x(n, t, e) {
+function ct(n, t) {
+  return new D(B("local"), n, t).asProxy();
+}
+function _(n, t, e) {
   return new Promise((i, r) => {
-    const s = (a) => {
-      n.removeEventListener(t, s, e), i(a);
+    const s = (o) => {
+      n.removeEventListener(t, s, e), i(o);
     };
     n.addEventListener(t, s, e);
   });
 }
-function Y() {
+function Z() {
   return document.readyState === "loading" ? new Promise((n) => {
     document.addEventListener("DOMContentLoaded", () => n());
   }) : Promise.resolve();
 }
-function ct() {
-  return window.tj_loader_state ? window.tj_loader_state !== "loading" ? Promise.resolve() : x(window, "loader:ready") : M();
-}
 function dt() {
-  return window.tj_loader_state ? window.tj_loader_state === "pre-visual" || window.tj_loader_state === "visual" ? Promise.resolve() : x(window, "loader:pre-visual") : M();
+  return window.tj_loader_state ? window.tj_loader_state !== "loading" ? Promise.resolve() : _(window, "loader:ready") : C();
 }
 function lt() {
-  return window.tj_loader_state ? window.tj_loader_state === "visual" ? Promise.resolve() : x(window, "loader:visual") : M();
+  return window.tj_loader_state ? window.tj_loader_state === "pre-visual" || window.tj_loader_state === "visual" ? Promise.resolve() : _(window, "loader:pre-visual") : C();
+}
+function ht() {
+  return window.tj_loader_state ? window.tj_loader_state === "visual" ? Promise.resolve() : _(window, "loader:visual") : C();
 }
-function M(n = window) {
+function C(n = window) {
   return n || (n = window), n === window ? document.readyState === "complete" ? Promise.resolve() : new Promise((t) => window.addEventListener("load", () => t(), { once: !0 })) : n instanceof HTMLImageElement ? n.complete && n.naturalWidth !== 0 ? Promise.resolve() : new Promise((t, e) => {
     n.addEventListener("load", () => t(), { once: !0 }), n.addEventListener("error", () => e(new Error("image error")), { once: !0 });
   }) : n instanceof HTMLMediaElement ? n.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA ? Promise.resolve() : new Promise((t) => n.addEventListener("loadeddata", () => t(), { once: !0 })) : new Promise((t) => n.addEventListener("load", () => t(), { once: !0 }));
 }
-function ht(n) {
+function ft(n) {
   return new Promise((t) => setTimeout(t, n));
 }
-function ft(n) {
+function mt(n) {
   return new Promise((t) => {
     const e = (i) => {
       n.removeEventListener("animationend", e), t(i);
@@ -464,99 +474,99 @@ function ft(n) {
     n.addEventListener("animationend", e);
   });
 }
-function mt(n) {
+function gt(n) {
   var e, i;
   class t extends n {
     constructor() {
       super(...arguments);
-      m(this, e, new C(200, 5e3));
+      m(this, e, new N(200, 5e3));
       f(this, "currentBreakPoint", null);
       m(this, i, async () => {
-        var b;
-        await l(this, e).wait(), await Y();
-        const a = this, o = window.innerWidth;
-        let u = getComputedStyle(a).getPropertyValue("--breakpoint");
-        if (!u || u === "")
+        var h;
+        await c(this, e).wait(), await Z();
+        const o = this, a = window.innerWidth;
+        let d = getComputedStyle(o).getPropertyValue("--breakpoint");
+        if (!d || d === "")
           return;
-        u = u.trim().replace(/^['"]|['"]$/g, "");
-        const c = u.split(","), d = c[0].trim(), h = ((b = c[1]) == null ? void 0 : b.trim()) ?? d, g = U(o);
-        this.currentBreakPoint !== g && (p(h) <= p(g) ? a.setAttribute("mode", "desktop") : p(d) > p(g) ? a.setAttribute("mode", "mobile") : a.setAttribute("mode", "tablet"));
+        d = d.trim().replace(/^['"]|['"]$/g, "");
+        const w = d.split(","), y = w[0].trim(), u = ((h = w[1]) == null ? void 0 : h.trim()) ?? y, l = U(a);
+        this.currentBreakPoint !== l && (E(u) <= E(l) ? o.setAttribute("mode", "desktop") : E(y) > E(l) ? o.setAttribute("mode", "mobile") : o.setAttribute("mode", "tablet"));
       });
     }
     connectedCallback() {
       super.connectedCallback();
       try {
-        l(this, i).call(this), window.addEventListener("resize", l(this, i)), l(this, i).call(this);
-      } catch (a) {
-        throw console.error("Error in BreakPointMixin:", a, "in element", this), a;
+        c(this, i).call(this), window.addEventListener("resize", c(this, i)), c(this, i).call(this);
+      } catch (o) {
+        throw console.error("Error in BreakPointMixin:", o, "in element", this), o;
       }
     }
     disconnectedCallback() {
-      super.disconnectedCallback(), window.removeEventListener("resize", l(this, i));
+      super.disconnectedCallback(), window.removeEventListener("resize", c(this, i));
     }
   }
   return e = new WeakMap(), i = new WeakMap(), t;
 }
-const k = Symbol("listenerDefs"), $ = Symbol("withEventBindings");
-function gt(n, t) {
+const v = Symbol("listenerDefs"), V = Symbol("withEventBindings");
+function wt(n, t) {
   const e = Array.isArray(n) ? n : [n];
   return function(i, r) {
     if (r.kind !== "method") throw new Error("@Listen nur für Methoden");
     return r.addInitializer(function() {
       const s = this;
-      (s[k] || (s[k] = [])).push({
+      (s[v] || (s[v] = [])).push({
         method: r.name,
         events: [...e],
         opts: t
       });
     }), function(...s) {
-      if (!this[$])
+      if (!this[V])
         throw new Error("[EventBindings] @Listen - decorator requires EventBindingMixin.");
       return i.apply(this, s);
     };
   };
 }
-function Z(n, t) {
+function tt(n, t) {
   var e;
   return !t || t === "host" ? n : t === "document" ? n.ownerDocument ?? document : t === "window" ? ((e = n.ownerDocument) == null ? void 0 : e.defaultView) ?? window : t === "shadowRoot" ? n.shadowRoot ?? n : typeof t == "function" ? t(n) : t;
 }
-function wt(n) {
-  var e, i, N;
+function yt(n) {
+  var e, i, R;
   class t extends n {
-    constructor(...o) {
-      super(...o);
+    constructor(...a) {
+      super(...a);
       m(this, i);
       m(this, e);
-      this[$] = !0;
+      this[V] = !0;
     }
     connectedCallback() {
-      var o;
-      (o = super.connectedCallback) == null || o.call(this), w(this, i, N).call(this);
+      var a;
+      (a = super.connectedCallback) == null || a.call(this), g(this, i, R).call(this);
     }
     disconnectedCallback() {
-      var o, u;
-      (o = l(this, e)) == null || o.abort(), (u = super.disconnectedCallback) == null || u.call(this);
+      var a, d;
+      (a = c(this, e)) == null || a.abort(), (d = super.disconnectedCallback) == null || d.call(this);
     }
   }
-  return e = new WeakMap(), i = new WeakSet(), N = function() {
-    var u, c, d;
-    (u = l(this, e)) == null || u.abort(), y(this, e, new AbortController());
-    const o = this[k] || [];
-    for (const h of o) {
-      const g = Z(this, (c = h.opts) == null ? void 0 : c.target), b = ((d = h.opts) == null ? void 0 : d.options) ?? {}, R = this[h.method].bind(this);
-      for (const V of h.events)
-        g.addEventListener(V, R, { ...b, signal: l(this, e).signal });
+  return e = new WeakMap(), i = new WeakSet(), R = function() {
+    var d, w, y;
+    (d = c(this, e)) == null || d.abort(), p(this, e, new AbortController());
+    const a = this[v] || [];
+    for (const u of a) {
+      const l = tt(this, (w = u.opts) == null ? void 0 : w.target), h = ((y = u.opts) == null ? void 0 : y.options) ?? {}, b = this[u.method].bind(this);
+      for (const T of u.events)
+        l.addEventListener(T, b, { ...h, signal: c(this, e).signal });
     }
   }, t;
 }
-let tt = 1;
-function yt(n) {
+let et = 1;
+function pt(n) {
   var e, i, r;
   class t extends n {
     constructor() {
       super(...arguments);
       m(this, e, null);
-      m(this, i, tt++);
+      m(this, i, et++);
       m(this, r, null);
     }
     /**
@@ -564,33 +574,33 @@ function yt(n) {
      * on the next log/warn/error call.
      */
     invalidateDebugCache() {
-      y(this, e, null);
+      p(this, e, null);
     }
     get _debug() {
-      return l(this, e) !== null ? l(this, e) : (this instanceof HTMLElement && y(this, e, this.hasAttribute("debug") && !["false", "0", "off", "no"].includes(this.getAttribute("debug") || "")), l(this, e) === !0 && console.info(
+      return c(this, e) !== null ? c(this, e) : (this instanceof HTMLElement && p(this, e, this.hasAttribute("debug") && !["false", "0", "off", "no"].includes(this.getAttribute("debug") || "")), c(this, e) === !0 && console.info(
         // @ts-expect-error - it says tagName is not defined -whatever
-        `[DEBUG][ID:${l(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`,
+        `[DEBUG][ID:${c(this, i)}] LoggingMixin: Debug mode is enabled for <${this.tagName}>`,
         this
-      ), l(this, e) ?? !1);
+      ), c(this, e) ?? !1);
     }
-    getLogger(o = "main") {
-      const u = "<" + (this.tagName || this.constructor.name || "UnknownElement") + ">";
-      return l(this, r) || y(this, r, new q(this._debug, u, `${l(this, i)}`, o)), l(this, r);
+    getLogger(a = "main") {
+      const d = "<" + (this.tagName || this.constructor.name || "UnknownElement") + ">";
+      return c(this, r) || p(this, r, new J(this._debug, d, `${c(this, i)}`, a)), c(this, r);
     }
-    debug(...o) {
-      this.getLogger().debug(...o);
+    debug(...a) {
+      this.getLogger().debug(...a);
     }
-    log(...o) {
-      this.getLogger().log(...o);
+    log(...a) {
+      this.getLogger().log(...a);
     }
-    warn(...o) {
-      this.getLogger().warn(...o);
+    warn(...a) {
+      this.getLogger().warn(...a);
     }
-    error(...o) {
-      this.getLogger().error(...o);
+    error(...a) {
+      this.getLogger().error(...a);
     }
-    throwError(...o) {
-      return this.getLogger().throwError(...o);
+    throwError(...a) {
+      return this.getLogger().throwError(...a);
     }
   }
   return e = new WeakMap(), i = new WeakMap(), r = new WeakMap(), t;
@@ -637,61 +647,72 @@ function bt(n) {
   }
   return t;
 }
-function pt(n) {
-  var e, D, r, v, B;
+function Et(n) {
+  var e, i, M, S, o, P, O;
   class t extends n {
     constructor() {
       super(...arguments);
-      m(this, e);
-      m(this, r, (c) => {
-        const d = c.target, h = w(this, e, v).call(this, d.assignedNodes({ flatten: !0 })), g = w(this, e, v).call(this, d.childNodes);
-        h || g ? d.classList.remove("slot-empty") : d.classList.add("slot-empty");
+      m(this, i);
+      // Slots können bei Lit-Updates neu entstehen; die WeakMap verhindert doppelte Listener auf bestehenden Slots.
+      m(this, e, /* @__PURE__ */ new WeakMap());
+      m(this, o, (u) => {
+        g(this, i, S).call(this, u.target);
       });
     }
-    firstUpdated(c) {
-      var d;
-      (d = super.firstUpdated) == null || d.call(this, c), w(this, e, D).call(this);
+    firstUpdated(u) {
+      var l;
+      (l = super.firstUpdated) == null || l.call(this, u), g(this, i, M).call(this);
+    }
+    updated(u) {
+      var l;
+      (l = super.updated) == null || l.call(this, u), g(this, i, M).call(this);
     }
   }
-  return e = new WeakSet(), D = function() {
-    var d;
-    const c = (d = this.shadowRoot) == null ? void 0 : d.querySelectorAll("slot");
-    c == null || c.forEach((h) => {
-      w(this, e, v).call(this, h.childNodes) || h.classList.add("slot-empty"), h.addEventListener("slotchange", (g) => l(this, r).call(this, g));
+  return e = new WeakMap(), i = new WeakSet(), M = function() {
+    var l;
+    const u = (l = this.shadowRoot) == null ? void 0 : l.querySelectorAll("slot");
+    u == null || u.forEach((h) => {
+      if (g(this, i, S).call(this, h), !c(this, e).has(h)) {
+        const b = (T) => c(this, o).call(this, T);
+        c(this, e).set(h, b), h.addEventListener("slotchange", b);
+      }
     });
-  }, r = new WeakMap(), v = function(c) {
-    return Array.from(c).some((d) => w(this, e, B).call(this, d));
-  }, B = function(c) {
-    return c.nodeType === Node.TEXT_NODE ? (c.textContent || "").trim().length > 0 : c.nodeType === Node.ELEMENT_NODE;
+  }, S = function(u) {
+    const l = g(this, i, P).call(this, u.assignedNodes({ flatten: !0 })), h = g(this, i, P).call(this, u.childNodes);
+    l || h ? u.classList.remove("slot-empty") : u.classList.add("slot-empty");
+  }, o = new WeakMap(), P = function(u) {
+    return Array.from(u).some((l) => g(this, i, O).call(this, l));
+  }, O = function(u) {
+    return u.nodeType === Node.TEXT_NODE ? (u.textContent || "").trim().length > 0 : u.nodeType === Node.ELEMENT_NODE;
   }, t;
 }
 export {
-  mt as BreakPointMixin,
-  C as Debouncer,
-  wt as EventBindingsMixin,
-  rt as FormDataAccessor,
-  gt as Listen,
+  gt as BreakPointMixin,
+  N as Debouncer,
+  yt as EventBindingsMixin,
+  st as FormDataAccessor,
+  wt as Listen,
   bt as LoaderMixin,
-  q as Logger,
-  yt as LoggingMixin,
-  pt as SlotVisibilityMixin,
-  ot as Stopwatch,
-  _ as breakpointMap,
-  E as breakpoints,
-  nt as create_element,
-  it as debounce,
-  p as getBreakpointMinWidth,
+  J as Logger,
+  pt as LoggingMixin,
+  Et as SlotVisibilityMixin,
+  at as Stopwatch,
+  W as breakpointMap,
+  k as breakpoints,
+  it as create_element,
+  rt as debounce,
+  E as getBreakpointMinWidth,
   U as getCurrentBreakpoint,
-  st as getErrorLocation,
-  F as getViewportWidth,
-  ut as local_storage,
-  at as session_storage,
-  ht as sleep,
-  x as waitFor,
-  ft as waitForAnimationEnd,
-  Y as waitForDomContentLoaded,
-  M as waitForLoad,
-  dt as waitForPreVisual,
-  ct as waitForReady,
-  lt as waitForVisual
+  ot as getErrorLocation,
+  H as getViewportWidth,
+  ct as local_storage,
+  ut as session_storage,
+  ft as sleep,
+  _ as waitFor,
+  mt as waitForAnimationEnd,
+  Z as waitForDomContentLoaded,
+  C as waitForLoad,
+  lt as waitForPreVisual,
+  dt as waitForReady,
+  ht as waitForVisual
 };

package/lib/FormDataAccessor.d.ts

@@ -20,6 +20,8 @@ export declare class FormDataAccessor {
     private get groupedEntries();
     private getName;
     private isValueElement;
+    /** A named value element owns its value, so its descendants are not collected twice. */
+    private hasValueElementParent;
     private isDisabled;
     private readGroup;
     private writeGroup;

package/package.json

@@ -1,11 +1,11 @@
 {
     "name": "@trunkjs/browser-utils",
-    "version": "1.0.52",
+    "version": "1.0.54",
     "main": "./index.js",
     "repository": {
         "directory": "packages/browser-utils",
         "type": "git",
-        "url": "https://github.com/trunkjs/trunkjs-monorepo"
+        "url": "git+https://github.com/trunkjs/trunkjs-monorepo.git"
     },
     "dependencies": {},
     "type": "module",

package/skills/form-data-accessor-usage/SKILL.md

@@ -21,6 +21,9 @@ The root may be an `HTMLElement`, `Document`, or `DocumentFragment`. Controls ar
 access. A control needs a non-empty `name` and a readable/writable `value` property. Native inputs, textareas, selects,
 and compatible custom elements such as `nte-input` follow this contract.
 
+A named value element owns its complete value. Named descendants below it are not returned as additional entries. This
+allows object-valued controls such as a named nested `tj-form` to form a data tree without duplicate flat fields.
+
 ## Data behavior
 
 - `name[]` becomes an array under the name without `[]` in `data`.