@trunkjs/browser-utils 1.0.52 → 1.0.53

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 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 +14,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,10 +1,10 @@
 var O = Object.defineProperty;
-var S = (n) => {
+var P = (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);
+var f = (n, t, e) => j(n, typeof t != "symbol" ? t + "" : t, e), T = (n, t, e) => t.has(n) || P("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) ? P("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 = [
   { name: "xs", minWidth: 0 },
   { name: "sm", minWidth: 576 },
@@ -12,14 +12,14 @@ const E = [
   { name: "lg", minWidth: 992 },
   { name: "xl", minWidth: 1200 },
   { name: "xxl", minWidth: 1400 }
-], _ = E.reduce(
+], S = E.reduce(
   (n, t) => (n[t.name] = t.minWidth, n),
   {}
 );
 function p(n) {
-  if (!(n in _))
+  if (!(n in S))
     throw new Error(`Unknown breakpoint: ${n}`);
-  return _[n];
+  return S[n];
 }
 function F() {
   return window.visualViewport ? window.visualViewport.width : window.innerWidth;
@@ -156,7 +156,7 @@ 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() {
@@ -212,6 +212,16 @@ class rt {
   isValueElement(t) {
     return !("value" in t) || t instanceof HTMLButtonElement ? !1 : !(t instanceof HTMLInputElement && H.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");
   }
@@ -339,7 +349,7 @@ function X(n) {
       return;
     }
 }
-function P(n) {
+function _(n) {
   const t = JSON.stringify(n);
   return t === void 0 ? "null" : t;
 }
@@ -360,7 +370,7 @@ class I {
     const t = this.backend ? X(this.backend.getItem(this.storageKey)) : void 0, e = Q(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 {
       }
   }
@@ -497,7 +507,7 @@ function mt(n) {
   }
   return e = new WeakMap(), i = new WeakMap(), t;
 }
-const k = Symbol("listenerDefs"), $ = Symbol("withEventBindings");
+const k = Symbol("listenerDefs"), N = Symbol("withEventBindings");
 function gt(n, t) {
   const e = Array.isArray(n) ? n : [n];
   return function(i, r) {
@@ -510,7 +520,7 @@ function gt(n, t) {
         opts: t
       });
     }), function(...s) {
-      if (!this[$])
+      if (!this[N])
         throw new Error("[EventBindings] @Listen - decorator requires EventBindingMixin.");
       return i.apply(this, s);
     };
@@ -521,31 +531,31 @@ function Z(n, t) {
   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;
+  var e, i, $;
   class t extends n {
     constructor(...o) {
       super(...o);
       m(this, i);
       m(this, e);
-      this[$] = !0;
+      this[N] = !0;
     }
     connectedCallback() {
       var o;
-      (o = super.connectedCallback) == null || o.call(this), w(this, i, N).call(this);
+      (o = super.connectedCallback) == null || o.call(this), w(this, i, $).call(this);
     }
     disconnectedCallback() {
       var o, u;
       (o = l(this, e)) == null || o.abort(), (u = super.disconnectedCallback) == null || u.call(this);
     }
   }
-  return e = new WeakMap(), i = new WeakSet(), N = function() {
+  return e = new WeakMap(), i = new WeakSet(), $ = 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 });
+      const g = Z(this, (c = h.opts) == null ? void 0 : c.target), b = ((d = h.opts) == null ? void 0 : d.options) ?? {}, V = this[h.method].bind(this);
+      for (const R of h.events)
+        g.addEventListener(R, V, { ...b, signal: l(this, e).signal });
     }
   }, t;
 }
@@ -676,7 +686,7 @@ export {
   yt as LoggingMixin,
   pt as SlotVisibilityMixin,
   ot as Stopwatch,
-  _ as breakpointMap,
+  S as breakpointMap,
   E as breakpoints,
   nt as create_element,
   it as debounce,

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.53",
     "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`.