@trunkjs/content-pane 1.0.12 → 1.0.13

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 1.0.13 (2025-12-11)
+
+### 🩹 Fixes
+
+- not using section attributes ([e523bcc](https://github.com/trunkjs/trunkjs-monorepo/commit/e523bcc))
+
+### ❤️ Thank You
+
+- Matthias @dermatthes
+
 ## 1.0.12 (2025-12-11)
 
 This was a version bump only for content-pane to align it with other projects, there were no code changes.

package/components/tj-content-pane/TjContentPane.d.ts

@@ -1,9 +1,9 @@
 import { ReactiveElement } from 'lit';
 declare const ContentAreaElement2_base: (abstract new (...args: any[]) => {
-    "__#3383@#debugCached": boolean | null;
-    "__#3383@#myElementId": number;
+    "__#3410@#debugCached": boolean | null;
+    "__#3410@#myElementId": number;
     invalidateDebugCache(): void;
-    "__#3383@#myLoggerInstance": import('../../../../browser-utils/src/index.ts').Logger | null;
+    "__#3410@#myLoggerInstance": import('../../../../browser-utils/src/index.ts').Logger | null;
     readonly _debug: boolean;
     getLogger(instanceId?: string): import('../../../../browser-utils/src/index.ts').Logger;
     log(...args: any[]): void;

package/index.js

@@ -2,26 +2,26 @@ import { create_element as V, LoggingMixin as ae, Stopwatch as se, waitForDomCon
 import { html as le, unsafeCSS as de, LitElement as ue, ReactiveElement as he } from "lit";
 import { customElement as J, property as K } from "lit/decorators.js";
 const pe = ":host{--border-color: red;--background-color: lightgray;font-family:Arial,sans-serif}#error-fixed-indicator{position:fixed;top:10px;right:10px;cursor:pointer;z-index:100000;padding:5px 10px;width:auto;max-width:90vw;min-width:100px;height:auto;box-shadow:0 4px 8px #0003;border:5px solid white;color:#fff;background-color:red;animation:blink 1s infinite;border-radius:15px;font-size:20px;font-weight:700;font-family:Arial,sans-serif}@keyframes blink{0%,to{background-color:#000}50%{background-color:red}}#error{background-color:var(--background-color);border:3px solid var(--border-color);padding:10px;margin:10px;border-radius:5px}h1{color:red;font-size:24px;margin:0}.error-details{font-size:14px;max-height:200px;overflow:auto}";
-var fe = Object.create, P = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, U = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), A = (e) => {
+var fe = Object.create, P = Object.defineProperty, _e = Object.getOwnPropertyDescriptor, U = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), C = (e) => {
   throw TypeError(e);
-}, ve = (e, t, r) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, D = (e, t) => P(e, "name", { value: t, configurable: !0 }), ge = (e) => [, , , fe((e == null ? void 0 : e[U("metadata")]) ?? null)], X = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], k = (e) => e !== void 0 && typeof e != "function" ? A("Function expected") : e, ye = (e, t, r, o, i) => ({ kind: X[e], name: t, metadata: o, addInitializer: (a) => r._ ? A("Already initialized") : i.push(k(a || null)) }), me = (e, t) => ve(t, U("metadata"), e[3]), L = (e, t, r, o) => {
-  for (var i = 0, a = e[t >> 1], s = a && a.length; i < s; i++) t & 1 ? a[i].call(r) : o = a[i].call(r, o);
+}, ve = (e, t, r) => t in e ? P(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, D = (e, t) => P(e, "name", { value: t, configurable: !0 }), ge = (e) => [, , , fe((e == null ? void 0 : e[U("metadata")]) ?? null)], X = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], k = (e) => e !== void 0 && typeof e != "function" ? C("Function expected") : e, ye = (e, t, r, o, i) => ({ kind: X[e], name: t, metadata: o, addInitializer: (a) => r._ ? C("Already initialized") : i.push(k(a || null)) }), me = (e, t) => ve(t, U("metadata"), e[3]), L = (e, t, r, o) => {
+  for (var i = 0, a = e[t >> 1], c = a && a.length; i < c; i++) t & 1 ? a[i].call(r) : o = a[i].call(r, o);
   return o;
 }, Y = (e, t, r, o, i, a) => {
-  var s, c, h, l, f, n = t & 7, _ = !!(t & 8), u = !!(t & 16), v = n > 3 ? e.length + 1 : n ? _ ? 1 : 2 : 0, x = X[n + 5], E = n > 3 && (e[v - 1] = []), N = e[v] || (e[v] = []), p = n && (!u && !_ && (i = i.prototype), n < 5 && (n > 3 || !u) && _e(n < 4 ? i : { get [r]() {
+  var c, s, p, l, d, n = t & 7, _ = !!(t & 8), u = !!(t & 16), v = n > 3 ? e.length + 1 : n ? _ ? 1 : 2 : 0, x = X[n + 5], E = n > 3 && (e[v - 1] = []), N = e[v] || (e[v] = []), f = n && (!u && !_ && (i = i.prototype), n < 5 && (n > 3 || !u) && _e(n < 4 ? i : { get [r]() {
     return B(this, a);
-  }, set [r](d) {
-    return H(this, a, d);
+  }, set [r](h) {
+    return H(this, a, h);
   } }, r));
   n ? u && n < 4 && D(a, (n > 2 ? "set " : n > 1 ? "get " : "") + r) : D(i, r);
   for (var g = o.length - 1; g >= 0; g--)
-    l = ye(n, r, h = {}, e[3], N), n && (l.static = _, l.private = u, f = l.access = { has: u ? (d) => we(i, d) : (d) => r in d }, n ^ 3 && (f.get = u ? (d) => (n ^ 1 ? B : Ae)(d, i, n ^ 4 ? a : p.get) : (d) => d[r]), n > 2 && (f.set = u ? (d, y) => H(d, i, y, n ^ 4 ? a : p.set) : (d, y) => d[r] = y)), c = (0, o[g])(n ? n < 4 ? u ? a : p[x] : n > 4 ? void 0 : { get: p.get, set: p.set } : i, l), h._ = 1, n ^ 4 || c === void 0 ? k(c) && (n > 4 ? E.unshift(c) : n ? u ? a = c : p[x] = c : i = c) : typeof c != "object" || c === null ? A("Object expected") : (k(s = c.get) && (p.get = s), k(s = c.set) && (p.set = s), k(s = c.init) && E.unshift(s));
-  return n || me(e, i), p && P(i, r, p), u ? n ^ 4 ? a : p : i;
-}, z = (e, t, r) => t.has(e) || A("Cannot " + r), we = (e, t) => Object(t) !== t ? A('Cannot use the "in" operator on this value') : e.has(t), B = (e, t, r) => (z(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ce = (e, t, r) => t.has(e) ? A("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), H = (e, t, r, o) => (z(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r), Ae = (e, t, r) => (z(e, t, "access private method"), r), Z, T, ee, m, q;
+    l = ye(n, r, p = {}, e[3], N), n && (l.static = _, l.private = u, d = l.access = { has: u ? (h) => we(i, h) : (h) => r in h }, n ^ 3 && (d.get = u ? (h) => (n ^ 1 ? B : Ce)(h, i, n ^ 4 ? a : f.get) : (h) => h[r]), n > 2 && (d.set = u ? (h, y) => H(h, i, y, n ^ 4 ? a : f.set) : (h, y) => h[r] = y)), s = (0, o[g])(n ? n < 4 ? u ? a : f[x] : n > 4 ? void 0 : { get: f.get, set: f.set } : i, l), p._ = 1, n ^ 4 || s === void 0 ? k(s) && (n > 4 ? E.unshift(s) : n ? u ? a = s : f[x] = s : i = s) : typeof s != "object" || s === null ? C("Object expected") : (k(c = s.get) && (f.get = c), k(c = s.set) && (f.set = c), k(c = s.init) && E.unshift(c));
+  return n || me(e, i), f && P(i, r, f), u ? n ^ 4 ? a : f : i;
+}, z = (e, t, r) => t.has(e) || C("Cannot " + r), we = (e, t) => Object(t) !== t ? C('Cannot use the "in" operator on this value') : e.has(t), B = (e, t, r) => (z(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ae = (e, t, r) => t.has(e) ? C("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), H = (e, t, r, o) => (z(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r), Ce = (e, t, r) => (z(e, t, "access private method"), r), Z, T, ee, m, q;
 ee = [J("tj-error-element")];
 class w extends (T = ue, Z = [K({ type: String, reflect: !0 })], T) {
   constructor(t = "An error occurred", r) {
-    super(), this.originalCode = void 0, Ce(this, q, L(m, 8, this)), L(m, 11, this), this.message = t, this.originalCode = r;
+    super(), this.originalCode = void 0, Ae(this, q, L(m, 8, this)), L(m, 11, this), this.message = t, this.originalCode = r;
   }
   static get is() {
     return "tj-error-element";
@@ -50,58 +50,61 @@ w = Y(m, 0, "TjErrorElement", ee, w);
 w.styles = [de(pe)];
 L(m, 1, w);
 function be(e, { allowAttributes: t = !0, ignoreGaps: r = !0 } = {}) {
-  let o = "div", i = null, a = [], s = [], c = {};
-  const h = /(^[a-z][\w-]*)|#[\w-]+|\.[\w:-]+|\[\s*([\w-]+)(?:\s*=\s*(['"]?)(.*?)\3)?\s*\]/gi;
+  let o = "div", i = null, a = [], c = [], s = {};
+  const p = /(^[a-z][\w-]*)|#[\w-]+|\.[\w:-]+|\[\s*([\w-]+)(?:\s*=\s*(['"]?)(.*?)\3)?\s*\]/gi;
   let l = 0;
   for (; ; ) {
-    const f = h.exec(e);
-    if (!f || f.index !== l) {
-      if (!r && f && f.index > l)
+    const d = p.exec(e);
+    if (!d || d.index !== l) {
+      if (!r && d && d.index > l)
         break;
       break;
     }
-    const n = f[0];
+    const n = d[0];
     if (n[0] === "#") i = n.slice(1);
     else if (n[0] === ".") a.push(n.slice(1));
     else if (n[0] === "[") {
       if (!t) throw new Error(`Attributes not allowed: '${n}'`);
-      const _ = f[2], u = f[4] || void 0;
-      s.push({ name: _, value: u }), c[_] = u;
+      const _ = d[2], u = d[4] || void 0;
+      c.push({ name: _, value: u }), s[_] = u;
     } else o = n;
     l += n.length;
   }
-  return { tag: o, id: i, classes: a, attrs: s, attrsMap: c, length: l, rest: e.slice(l) };
+  return { tag: o, id: i, classes: a, attrs: c, attrsMap: s, length: l, rest: e.slice(l) };
 }
 function xe(e) {
   return typeof e.beforeLayoutCallback == "function";
 }
 function Ee(e, t, r) {
-  var f, n;
-  const o = /^(\+|-|)([0-9]+\.?[0-9]*);?/, i = r.replace(o, ""), a = be(i), s = a.attrsMap;
-  s.class = "", a.attrsMap.class && (s.class = a.attrsMap.class + " "), s.class += a.classes.join(" "), s.id = a.id ?? void 0, ((f = s.class) == null ? void 0 : f.trim()) === "" && delete s.class, ((n = s.id) == null ? void 0 : n.trim()) === "" && delete s.id;
-  const c = a.tag || "div";
-  let h = !1, l = V(c, { ...s, layoutOrig: r });
-  if (c.includes("-") && !customElements.get(c))
-    console.warn(`Custom element <${c}> is not registered.`), l = new w(`Custom element <${c}> is not registered.`, e.outerHTML), e.replaceWith(l), l.append(e), h = !0;
+  var n, _;
+  const o = /^(\+|-|)([0-9]+\.?[0-9]*);?/, i = r.replace(o, ""), a = be(i), s = { ...Array.from(e.attributes).reduce(
+    (u, v) => (u[v.name] = v.value, u),
+    {}
+  ), ...a.attrsMap };
+  s.class = "", a.attrsMap.class && (s.class = a.attrsMap.class + " "), s.class += a.classes.join(" "), s.id = a.id ?? void 0, ((n = s.class) == null ? void 0 : n.trim()) === "" && delete s.class, ((_ = s.id) == null ? void 0 : _.trim()) === "" && delete s.id;
+  const p = a.tag || "div";
+  let l = !1, d = V(p, { ...s, layoutOrig: r });
+  if (p.includes("-") && !customElements.get(p))
+    console.warn(`Custom element <${p}> is not registered.`), d = new w(`Custom element <${p}> is not registered.`, e.outerHTML), e.replaceWith(d), d.append(e), l = !0;
   else {
-    const _ = Array.from(e.children);
-    xe(l) && (h = l.beforeLayoutCallback(e, l, _) === !1), l.__ORIG_ELEMENT__ = e, l.append(...Array.from(e.children)), e.replaceWith(l);
+    const u = Array.from(e.children);
+    xe(d) && (l = d.beforeLayoutCallback(e, d, u) === !1), d.__ORIG_ELEMENT__ = e, d.append(...Array.from(e.children)), e.replaceWith(d);
   }
   return {
-    replacementElement: l,
-    skipChildren: h
+    replacementElement: d,
+    skipChildren: l
   };
 }
 function $(e, t = {}) {
   const { recursive: r = !0 } = t;
   let o = [];
   if (Array.isArray(e))
-    return e.forEach((c) => o.push(...$(c, t))), o;
+    return e.forEach((s) => o.push(...$(s, t))), o;
   if (!(e instanceof HTMLElement))
     return [];
   const i = e.getAttribute("layout");
-  let a = !1, s = e;
-  return i && ({ replacementElement: s, skipChildren: a } = Ee(e, t, i)), r && !a && Array.from(s.children).forEach((h) => o.push(...$(h, t))), o;
+  let a = !1, c = e;
+  return i && ({ replacementElement: c, skipChildren: a } = Ee(e, t, i)), r && !a && Array.from(c.children).forEach((p) => o.push(...$(p, t))), o;
 }
 function Re(e) {
   return e && typeof e == "object" && "__I__" in e && typeof e.__I__ == "object" && "i" in e.__I__;
@@ -113,8 +116,8 @@ class ke {
   getI(t) {
     const r = t.tagName, o = t.getAttribute("layout"), i = { i: -99, variant: "new", tag: "hr", hi: null };
     if (o) {
-      const a = /^(\+|-|)([0-9]\.?[0-9]?|)(;|$)/, s = o.match(a);
-      s && (i.variant = s[1] === "+" ? "append" : s[1] === "-" ? "skip" : "new", s[2] !== "" && (i.i = parseFloat(s[2]) * 10));
+      const a = /^(\+|-|)([0-9]\.?[0-9]?|)(;|$)/, c = o.match(a);
+      c && (i.variant = c[1] === "+" ? "append" : c[1] === "-" ? "skip" : "new", c[2] !== "" && (i.i = parseFloat(c[2]) * 10));
     }
     if (r.startsWith("H") && r.length === 2) {
       let a = r.substring(1);
@@ -168,23 +171,23 @@ class ke {
 var Se = Object.create, W = Object.defineProperty, $e = Object.getOwnPropertyDescriptor, te = (e, t) => (t = Symbol[e]) ? t : Symbol.for("Symbol." + e), b = (e) => {
   throw TypeError(e);
 }, Ie = (e, t, r) => t in e ? W(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, G = (e, t) => W(e, "name", { value: t, configurable: !0 }), Ne = (e) => [, , , Se((e == null ? void 0 : e[te("metadata")]) ?? null)], re = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], S = (e) => e !== void 0 && typeof e != "function" ? b("Function expected") : e, Le = (e, t, r, o, i) => ({ kind: re[e], name: t, metadata: o, addInitializer: (a) => r._ ? b("Already initialized") : i.push(S(a || null)) }), Te = (e, t) => Ie(t, te("metadata"), e[3]), M = (e, t, r, o) => {
-  for (var i = 0, a = e[t >> 1], s = a && a.length; i < s; i++) t & 1 ? a[i].call(r) : o = a[i].call(r, o);
+  for (var i = 0, a = e[t >> 1], c = a && a.length; i < c; i++) t & 1 ? a[i].call(r) : o = a[i].call(r, o);
   return o;
 }, ie = (e, t, r, o, i, a) => {
-  var s, c, h, l, f, n = t & 7, _ = !!(t & 8), u = !!(t & 16), v = n > 3 ? e.length + 1 : n ? _ ? 1 : 2 : 0, x = re[n + 5], E = n > 3 && (e[v - 1] = []), N = e[v] || (e[v] = []), p = n && (!u && !_ && (i = i.prototype), n < 5 && (n > 3 || !u) && $e(n < 4 ? i : { get [r]() {
+  var c, s, p, l, d, n = t & 7, _ = !!(t & 8), u = !!(t & 16), v = n > 3 ? e.length + 1 : n ? _ ? 1 : 2 : 0, x = re[n + 5], E = n > 3 && (e[v - 1] = []), N = e[v] || (e[v] = []), f = n && (!u && !_ && (i = i.prototype), n < 5 && (n > 3 || !u) && $e(n < 4 ? i : { get [r]() {
     return j(this, a);
-  }, set [r](d) {
-    return Q(this, a, d);
+  }, set [r](h) {
+    return Q(this, a, h);
   } }, r));
   n ? u && n < 4 && G(a, (n > 2 ? "set " : n > 1 ? "get " : "") + r) : G(i, r);
   for (var g = o.length - 1; g >= 0; g--)
-    l = Le(n, r, h = {}, e[3], N), n && (l.static = _, l.private = u, f = l.access = { has: u ? (d) => Me(i, d) : (d) => r in d }, n ^ 3 && (f.get = u ? (d) => (n ^ 1 ? j : Pe)(d, i, n ^ 4 ? a : p.get) : (d) => d[r]), n > 2 && (f.set = u ? (d, y) => Q(d, i, y, n ^ 4 ? a : p.set) : (d, y) => d[r] = y)), c = (0, o[g])(n ? n < 4 ? u ? a : p[x] : n > 4 ? void 0 : { get: p.get, set: p.set } : i, l), h._ = 1, n ^ 4 || c === void 0 ? S(c) && (n > 4 ? E.unshift(c) : n ? u ? a = c : p[x] = c : i = c) : typeof c != "object" || c === null ? b("Object expected") : (S(s = c.get) && (p.get = s), S(s = c.set) && (p.set = s), S(s = c.init) && E.unshift(s));
-  return n || Te(e, i), p && W(i, r, p), u ? n ^ 4 ? a : p : i;
-}, F = (e, t, r) => t.has(e) || b("Cannot " + r), Me = (e, t) => Object(t) !== t ? b('Cannot use the "in" operator on this value') : e.has(t), j = (e, t, r) => (F(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Oe = (e, t, r) => t.has(e) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Q = (e, t, r, o) => (F(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r), Pe = (e, t, r) => (F(e, t, "access private method"), r), ne, O, oe, C, R;
+    l = Le(n, r, p = {}, e[3], N), n && (l.static = _, l.private = u, d = l.access = { has: u ? (h) => Me(i, h) : (h) => r in h }, n ^ 3 && (d.get = u ? (h) => (n ^ 1 ? j : Pe)(h, i, n ^ 4 ? a : f.get) : (h) => h[r]), n > 2 && (d.set = u ? (h, y) => Q(h, i, y, n ^ 4 ? a : f.set) : (h, y) => h[r] = y)), s = (0, o[g])(n ? n < 4 ? u ? a : f[x] : n > 4 ? void 0 : { get: f.get, set: f.set } : i, l), p._ = 1, n ^ 4 || s === void 0 ? S(s) && (n > 4 ? E.unshift(s) : n ? u ? a = s : f[x] = s : i = s) : typeof s != "object" || s === null ? b("Object expected") : (S(c = s.get) && (f.get = c), S(c = s.set) && (f.set = c), S(c = s.init) && E.unshift(c));
+  return n || Te(e, i), f && W(i, r, f), u ? n ^ 4 ? a : f : i;
+}, F = (e, t, r) => t.has(e) || b("Cannot " + r), Me = (e, t) => Object(t) !== t ? b('Cannot use the "in" operator on this value') : e.has(t), j = (e, t, r) => (F(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Oe = (e, t, r) => t.has(e) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), Q = (e, t, r, o) => (F(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r), Pe = (e, t, r) => (F(e, t, "access private method"), r), ne, O, oe, A, R;
 oe = [J("tj-content-pane")];
 class I extends (O = ae(he), ne = [K({ type: Boolean, reflect: !0, attribute: "skip-layout" })], O) {
   constructor() {
-    super(), Oe(this, R, M(C, 8, this, !1)), M(C, 11, this);
+    super(), Oe(this, R, M(A, 8, this, !1)), M(A, 11, this);
   }
   static get is() {
     return "tj-content-pane";
@@ -206,20 +209,20 @@ class I extends (O = ae(he), ne = [K({ type: Boolean, reflect: !0, attribute: "s
     await ce(), super.connectedCallback(), this.arrange();
   }
 }
-C = Ne(O);
+A = Ne(O);
 R = /* @__PURE__ */ new WeakMap();
-ie(C, 4, "skipLayout", ne, I, R);
-I = ie(C, 0, "ContentAreaElement2", oe, I);
-M(C, 1, I);
+ie(A, 4, "skipLayout", ne, I, R);
+I = ie(A, 0, "ContentAreaElement2", oe, I);
+M(A, 1, I);
 function De(e, t, r) {
   const o = [], i = t.split("|");
   for (const a of i) {
-    const s = e.querySelectorAll(a.trim());
-    if (s.length > 0)
-      for (const c of s) {
-        o.push(c);
-        for (const [h, l] of Object.entries(r))
-          c.setAttribute(h, l);
+    const c = e.querySelectorAll(a.trim());
+    if (c.length > 0)
+      for (const s of c) {
+        o.push(s);
+        for (const [p, l] of Object.entries(r))
+          s.setAttribute(p, l);
       }
   }
   return o;
@@ -242,24 +245,24 @@ function Be(e) {
       var i;
       const o = ((i = this.shadowRoot) == null ? void 0 : i.querySelectorAll("slot[data-query]")) ?? [];
       for (const a of Array.from(o)) {
-        const s = a.getAttribute("data-query");
-        if (!s) continue;
-        let c = [];
+        const c = a.getAttribute("data-query");
+        if (!c) continue;
+        let s = [];
         try {
-          c = ze(s, this);
-        } catch (h) {
-          throw this.error(`"${h}" in slot`, a), h;
+          s = ze(c, this);
+        } catch (p) {
+          throw this.error(`"${p}" in slot`, a), p;
         }
-        c.forEach((h) => {
+        s.forEach((p) => {
           if (a.getAttributeNames().filter((l) => l.startsWith("data-set-attribute-")).forEach((l) => {
-            const f = l.replace(/^data-set-attribute-/, "");
-            if (!h.hasAttribute(f)) {
+            const d = l.replace(/^data-set-attribute-/, "");
+            if (!p.hasAttribute(d)) {
               const n = a.getAttribute(l);
-              n !== null && h.setAttribute(f, n);
+              n !== null && p.setAttribute(d, n);
             }
-          }), !h.hasAttribute("slot")) {
+          }), !p.hasAttribute("slot")) {
             const l = a.getAttribute("name");
-            l && h.setAttribute("slot", l);
+            l && p.setAttribute("slot", l);
           }
         });
       }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@trunkjs/content-pane",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "main": "./index.js",
     "dependencies": {
         "@trunkjs/browser-utils": "^1.0.14",