@trunkjs/content-pane 1.0.14 → 1.0.16

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+## 1.0.16 (2025-12-11)
+
+This was a version bump only for content-pane to align it with other projects, there were no code changes.
+
+## 1.0.15 (2025-12-11)
+
+This was a version bump only for content-pane to align it with other projects, there were no code changes.
+
 ## 1.0.14 (2025-12-11)
 
 This was a version bump only for content-pane to align it with other projects, there were no code changes.

package/README_2.md

@@ -67,6 +67,21 @@ Beispiel:
 ```
 Dies würde das Element in den I-Layer 3 verschieben.
 
+### Attribute für section-Elemente setzen
+
+Über das `section-<attribut>` können Attribute für das generierte section-Element gesetzt werden:
+
+```markdown
+## Header 2
+{: section-id="meine-id" section-style="--cols: 6" section-class="highlight"}
+```
+
+### Klassen-Shortcut für section-Elemente
+
+Alle Klassen des Elements, die mit `section-` beginnen, werden auf das generierte section-Element übertragen.
+
+
+
 ### Das HR-Element
 
 Standardmäßig wird ein `<hr>` nicht behandelt, außer es hat ein layout-Attribut.

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

@@ -1,9 +1,9 @@
 import { ReactiveElement } from 'lit';
 declare const ContentAreaElement2_base: (abstract new (...args: any[]) => {
-    "__#3406@#debugCached": boolean | null;
-    "__#3406@#myElementId": number;
+    "__#3409@#debugCached": boolean | null;
+    "__#3409@#myElementId": number;
     invalidateDebugCache(): void;
-    "__#3406@#myLoggerInstance": import('../../../../browser-utils/src/index.ts').Logger | null;
+    "__#3409@#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

@@ -1,33 +1,33 @@
-import { create_element as V, LoggingMixin as ae, Stopwatch as se, waitForDomContentLoaded as ce } from "@trunkjs/browser-utils";
-import { html as le, unsafeCSS as de, LitElement as ue, ReactiveElement as he } from "lit";
+import { create_element as V, LoggingMixin as at, Stopwatch as st, waitForDomContentLoaded as ct } from "@trunkjs/browser-utils";
+import { html as lt, unsafeCSS as dt, LitElement as ut, ReactiveElement as ht } 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), 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" ? 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);
+const pt = ":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 ft = Object.create, P = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, U = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), C = (t) => {
+  throw TypeError(t);
+}, vt = (t, e, r) => e in t ? P(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, D = (t, e) => P(t, "name", { value: e, configurable: !0 }), gt = (t) => [, , , ft((t == null ? void 0 : t[U("metadata")]) ?? null)], X = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], k = (t) => t !== void 0 && typeof t != "function" ? C("Function expected") : t, yt = (t, e, r, o, i) => ({ kind: X[t], name: e, metadata: o, addInitializer: (a) => r._ ? C("Already initialized") : i.push(k(a || null)) }), mt = (t, e) => vt(e, U("metadata"), t[3]), N = (t, e, r, o) => {
+  for (var i = 0, a = t[e >> 1], c = a && a.length; i < c; i++) e & 1 ? a[i].call(r) : o = a[i].call(r, o);
   return o;
-}, Y = (e, t, r, o, i, a) => {
-  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 H(this, a);
+}, Y = (t, e, r, o, i, a) => {
+  var c, s, p, l, d, n = e & 7, _ = !!(e & 8), u = !!(e & 16), v = n > 3 ? t.length + 1 : n ? _ ? 1 : 2 : 0, x = X[n + 5], E = n > 3 && (t[v - 1] = []), L = t[v] || (t[v] = []), f = n && (!u && !_ && (i = i.prototype), n < 5 && (n > 3 || !u) && _t(n < 4 ? i : { get [r]() {
+    return B(this, a);
   }, set [r](h) {
-    return B(this, a, 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, 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 ? H : Ce)(h, i, n ^ 4 ? a : f.get) : (h) => h[r]), n > 2 && (d.set = u ? (h, y) => B(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), H = (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), B = (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, Ae(this, q, L(m, 8, this)), L(m, 11, this), this.message = t, this.originalCode = r;
+    l = yt(n, r, p = {}, t[3], L), n && (l.static = _, l.private = u, d = l.access = { has: u ? (h) => wt(i, h) : (h) => r in h }, n ^ 3 && (d.get = u ? (h) => (n ^ 1 ? B : Ct)(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 || mt(t, i), f && P(i, r, f), u ? n ^ 4 ? a : f : i;
+}, z = (t, e, r) => e.has(t) || C("Cannot " + r), wt = (t, e) => Object(e) !== e ? C('Cannot use the "in" operator on this value') : t.has(e), B = (t, e, r) => (z(t, e, "read from private field"), r ? r.call(t) : e.get(t)), At = (t, e, r) => e.has(t) ? C("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), H = (t, e, r, o) => (z(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), Ct = (t, e, r) => (z(t, e, "access private method"), r), Z, T, tt, m, q;
+tt = [J("tj-error-element")];
+class w extends (T = ut, Z = [K({ type: String, reflect: !0 })], T) {
+  constructor(e = "An error occurred", r) {
+    super(), this.originalCode = void 0, At(this, q, N(m, 8, this)), N(m, 11, this), this.message = e, this.originalCode = r;
   }
   static get is() {
     return "tj-error-element";
   }
   render() {
-    return le`
+    return lt`
       <div id="error-fixed-indicator" @click=${() => this.scrollIntoView({ behavior: "smooth" })}>
         Err: ${this.message}
       </div>
@@ -43,18 +43,18 @@ class w extends (T = ue, Z = [K({ type: String, reflect: !0 })], T) {
     `;
   }
 }
-m = ge(T);
+m = gt(T);
 q = /* @__PURE__ */ new WeakMap();
 Y(m, 4, "message", Z, w, q);
-w = Y(m, 0, "TjErrorElement", ee, w);
-w.styles = [de(pe)];
-L(m, 1, w);
-function be(e, { allowAttributes: t = !0, ignoreGaps: r = !0 } = {}) {
+w = Y(m, 0, "TjErrorElement", tt, w);
+w.styles = [dt(pt)];
+N(m, 1, w);
+function bt(t, { allowAttributes: e = !0, ignoreGaps: r = !0 } = {}) {
   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 d = p.exec(e);
+    const d = p.exec(t);
     if (!d || d.index !== l) {
       if (!r && d && d.index > l)
         break;
@@ -64,20 +64,20 @@ function be(e, { allowAttributes: t = !0, ignoreGaps: r = !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}'`);
+      if (!e) throw new Error(`Attributes not allowed: '${n}'`);
       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: c, attrsMap: s, length: l, rest: e.slice(l) };
+  return { tag: o, id: i, classes: a, attrs: c, attrsMap: s, length: l, rest: t.slice(l) };
 }
-function xe(e) {
-  return typeof e.beforeLayoutCallback == "function";
+function xt(t) {
+  return typeof t.beforeLayoutCallback == "function";
 }
-function Ee(e, t, r) {
+function Et(t, e, r) {
   var n, _;
-  const o = /^(\+|-|)([0-9]+\.?[0-9]*);?/, i = r.replace(o, ""), a = be(i), s = { ...Array.from(e.attributes).reduce(
+  const o = /^(\+|-|)([0-9]+\.?[0-9]*);?/, i = r.replace(o, ""), a = bt(i), s = { ...Array.from(t.attributes).reduce(
     (u, v) => (u[v.name] = v.value, u),
     {}
   ), ...a.attrsMap };
@@ -85,36 +85,36 @@ function Ee(e, t, r) {
   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;
+    console.warn(`Custom element <${p}> is not registered.`), d = new w(`Custom element <${p}> is not registered.`, t.outerHTML), t.replaceWith(d), d.append(t), l = !0;
   else {
-    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);
+    const u = Array.from(t.children);
+    xt(d) && (l = d.beforeLayoutCallback(t, d, u) === !1), d.__ORIG_ELEMENT__ = t, d.append(...Array.from(t.children)), t.replaceWith(d);
   }
   return {
     replacementElement: d,
     skipChildren: l
   };
 }
-function $(e, t = {}) {
-  const { recursive: r = !0 } = t;
+function $(t, e = {}) {
+  const { recursive: r = !0 } = e;
   let o = [];
-  if (Array.isArray(e))
-    return e.forEach((s) => o.push(...$(s, t))), o;
-  if (!(e instanceof HTMLElement))
+  if (Array.isArray(t))
+    return t.forEach((s) => o.push(...$(s, e))), o;
+  if (!(t instanceof HTMLElement))
     return [];
-  const i = e.getAttribute("layout");
-  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;
+  const i = t.getAttribute("layout");
+  let a = !1, c = t;
+  return i && ({ replacementElement: c, skipChildren: a } = Et(t, e, i)), r && !a && Array.from(c.children).forEach((p) => o.push(...$(p, e))), o;
 }
-function Fe(e) {
-  return e && typeof e == "object" && "__I__" in e && typeof e.__I__ == "object" && "i" in e.__I__;
+function Rt(t) {
+  return t && typeof t == "object" && "__I__" in t && typeof t.__I__ == "object" && "i" in t.__I__;
 }
-class ke {
-  constructor(t, r = !1) {
-    this.debug = r, this.currentContainerNode = null, this.containerPath = [], this.containerIndex = [0], this.lastFixedI = 20, this.currentContainerNode = this.rootNode = t, this.containerPath.push(this.rootNode);
+class kt {
+  constructor(e, r = !1) {
+    this.debug = r, this.currentContainerNode = null, this.containerPath = [], this.containerIndex = [0], this.lastFixedI = 20, this.currentContainerNode = this.rootNode = e, this.containerPath.push(this.rootNode);
   }
-  getI(t) {
-    const r = t.tagName, o = t.getAttribute("layout"), i = { i: -99, variant: "new", tag: "hr", hi: null };
+  getI(e) {
+    const r = e.tagName, o = e.getAttribute("layout"), i = { i: -99, variant: "new", tag: "hr", hi: null };
     if (o) {
       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));
@@ -125,33 +125,35 @@ class ke {
     }
     return i.i === -99 && r === "HR" && o !== null ? (i.i = this.lastFixedI + 5, i) : null;
   }
-  getAttributeRecords(t, r = !1) {
+  getAttributeRecords(e, r = !1) {
     const o = {};
-    for (const i of Array.from(t.attributes))
-      i.name.startsWith("section-") ? o[i.name.replace(/^section-/, "")] = i.value : (i.name.startsWith("layout") || r) && (o[i.name] = i.value, t.removeAttribute(i.name));
-    return o;
+    for (const i of Array.from(e.attributes))
+      i.name.startsWith("section-") ? o[i.name.replace(/^section-/, "")] = i.value : (i.name.startsWith("layout") || r) && (o[i.name] = i.value, e.removeAttribute(i.name));
+    return r || Array.from(e.classList).forEach((i) => {
+      i.startsWith("section-") && (o.class = (o.class ? o.class + " " : "") + i.replace(/^section-/, ""), e.classList.remove(i));
+    }), o;
   }
-  createNewContainerNode(t, r) {
-    const o = this.getAttributeRecords(t, t.tagName === "HR"), i = V("section", o);
+  createNewContainerNode(e, r) {
+    const o = this.getAttributeRecords(e, e.tagName === "HR"), i = V("section", o);
     return i.__IT = r, i;
   }
-  arrangeSingleNode(t, r) {
+  arrangeSingleNode(e, r) {
     r.i;
     let o = 0;
     for (o = 0; o < this.containerIndex.length && !(this.containerIndex[o] >= r.i); o++)
       ;
     let i = null;
-    r.variant === "append" ? i = this.containerPath[o] : i = this.createNewContainerNode(t, r);
+    r.variant === "append" ? i = this.containerPath[o] : i = this.createNewContainerNode(e, r);
     const a = this.containerPath[o - 1];
-    this.containerPath.length = o, this.containerIndex.length = o, t.tagName === "HR" && (t.setAttribute("aria-hidden", "true"), t.setAttribute("hidden", "hidden")), i.appendChild(t), a.appendChild(i), this.containerPath.push(i), this.containerIndex.push(r.i), this.currentContainerNode = i;
+    this.containerPath.length = o, this.containerIndex.length = o, e.tagName === "HR" && (e.setAttribute("aria-hidden", "true"), e.setAttribute("hidden", "hidden")), i.appendChild(e), a.appendChild(i), this.containerPath.push(i), this.containerIndex.push(r.i), this.currentContainerNode = i;
   }
-  appendToCurrentContainer(t) {
+  appendToCurrentContainer(e) {
     if (this.currentContainerNode === null)
       throw new Error("No current container node set");
-    this.currentContainerNode.appendChild(t);
+    this.currentContainerNode.appendChild(e);
   }
-  arrange(t) {
-    for (let r of t) {
+  arrange(e) {
+    for (let r of e) {
       if (r.nodeType !== Node.ELEMENT_NODE) {
         this.appendToCurrentContainer(r);
         continue;
@@ -165,26 +167,26 @@ class ke {
     }
   }
 }
-var Se = Object.create, R = 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 ? R(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, G = (e, t) => R(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], c = a && a.length; i < c; i++) t & 1 ? a[i].call(r) : o = a[i].call(r, o);
+var St = Object.create, W = Object.defineProperty, $t = Object.getOwnPropertyDescriptor, et = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), b = (t) => {
+  throw TypeError(t);
+}, It = (t, e, r) => e in t ? W(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, G = (t, e) => W(t, "name", { value: e, configurable: !0 }), Lt = (t) => [, , , St((t == null ? void 0 : t[et("metadata")]) ?? null)], rt = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], S = (t) => t !== void 0 && typeof t != "function" ? b("Function expected") : t, Nt = (t, e, r, o, i) => ({ kind: rt[t], name: e, metadata: o, addInitializer: (a) => r._ ? b("Already initialized") : i.push(S(a || null)) }), Tt = (t, e) => It(e, et("metadata"), t[3]), M = (t, e, r, o) => {
+  for (var i = 0, a = t[e >> 1], c = a && a.length; i < c; i++) e & 1 ? a[i].call(r) : o = a[i].call(r, o);
   return o;
-}, ie = (e, t, r, o, i, a) => {
-  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]() {
+}, it = (t, e, r, o, i, a) => {
+  var c, s, p, l, d, n = e & 7, _ = !!(e & 8), u = !!(e & 16), v = n > 3 ? t.length + 1 : n ? _ ? 1 : 2 : 0, x = rt[n + 5], E = n > 3 && (t[v - 1] = []), L = t[v] || (t[v] = []), f = n && (!u && !_ && (i = i.prototype), n < 5 && (n > 3 || !u) && $t(n < 4 ? i : { get [r]() {
     return j(this, a);
   }, 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, 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 && R(i, r, f), u ? n ^ 4 ? a : f : i;
-}, W = (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) => (W(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) => (W(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r), Pe = (e, t, r) => (W(e, t, "access private method"), r), ne, O, oe, A, F;
-oe = [J("tj-content-pane")];
-class I extends (O = ae(he), ne = [K({ type: Boolean, reflect: !0, attribute: "skip-layout" })], O) {
+    l = Nt(n, r, p = {}, t[3], L), n && (l.static = _, l.private = u, d = l.access = { has: u ? (h) => Mt(i, h) : (h) => r in h }, n ^ 3 && (d.get = u ? (h) => (n ^ 1 ? j : Pt)(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 || Tt(t, i), f && W(i, r, f), u ? n ^ 4 ? a : f : i;
+}, F = (t, e, r) => e.has(t) || b("Cannot " + r), Mt = (t, e) => Object(e) !== e ? b('Cannot use the "in" operator on this value') : t.has(e), j = (t, e, r) => (F(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Ot = (t, e, r) => e.has(t) ? b("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), Q = (t, e, r, o) => (F(t, e, "write to private field"), o ? o.call(t, r) : e.set(t, r), r), Pt = (t, e, r) => (F(t, e, "access private method"), r), nt, O, ot, A, R;
+ot = [J("tj-content-pane")];
+class I extends (O = at(ht), nt = [K({ type: Boolean, reflect: !0, attribute: "skip-layout" })], O) {
   constructor() {
-    super(), Oe(this, F, M(A, 8, this, !1)), M(A, 11, this);
+    super(), Ot(this, R, M(A, 8, this, !1)), M(A, 11, this);
   }
   static get is() {
     return "tj-content-pane";
@@ -193,28 +195,28 @@ class I extends (O = ae(he), ne = [K({ type: Boolean, reflect: !0, attribute: "s
     return this;
   }
   arrange() {
-    const t = new se("SectionTreeBuilder");
+    const e = new st("SectionTreeBuilder");
     this.log("arrange() called");
-    const r = new ke(this), o = Array.from(this.children);
+    const r = new kt(this), o = Array.from(this.children);
     if (r.arrange(o), this.skipLayout) {
       this.warn("Skipping layout as per skipLayout property.");
       return;
     }
-    $(Array.from(this.children), { recursive: !0 }), t.lap("after arrange");
+    $(Array.from(this.children), { recursive: !0 }), e.lap("after arrange");
   }
   async connectedCallback() {
-    await ce(), super.connectedCallback(), this.arrange();
+    await ct(), super.connectedCallback(), this.arrange();
   }
 }
-A = Ne(O);
-F = /* @__PURE__ */ new WeakMap();
-ie(A, 4, "skipLayout", ne, I, F);
-I = ie(A, 0, "ContentAreaElement2", oe, I);
+A = Lt(O);
+R = /* @__PURE__ */ new WeakMap();
+it(A, 4, "skipLayout", nt, I, R);
+I = it(A, 0, "ContentAreaElement2", ot, I);
 M(A, 1, I);
-function De(e, t, r) {
-  const o = [], i = t.split("|");
+function Dt(t, e, r) {
+  const o = [], i = e.split("|");
   for (const a of i) {
-    const c = e.querySelectorAll(a.trim());
+    const c = t.querySelectorAll(a.trim());
     if (c.length > 0)
       for (const s of c) {
         o.push(s);
@@ -224,17 +226,17 @@ function De(e, t, r) {
   }
   return o;
 }
-function ze(e, t) {
-  const r = e.split("|");
+function zt(t, e) {
+  const r = t.split("|");
   for (const o of r) {
-    const i = t.querySelectorAll(o.trim());
+    const i = e.querySelectorAll(o.trim());
     if (i.length > 0)
       return Array.from(i);
   }
   return [];
 }
-function He(e) {
-  class t extends e {
+function Bt(t) {
+  class e extends t {
     beforeLayoutCallback(o, i, a) {
       return !1;
     }
@@ -246,7 +248,7 @@ function He(e) {
         if (!c) continue;
         let s = [];
         try {
-          s = ze(c, this);
+          s = zt(c, this);
         } catch (p) {
           throw this.error(`"${p}" in slot`, a), p;
         }
@@ -266,13 +268,13 @@ function He(e) {
       $(Array.from(this.children), { recursive: !0 });
     }
   }
-  return t;
+  return e;
 }
 export {
   I as ContentAreaElement2,
-  ke as SectionTreeBuilder,
-  He as SubLayoutApplyMixin,
+  kt as SectionTreeBuilder,
+  Bt as SubLayoutApplyMixin,
   $ as applyLayout,
-  De as attrAssign,
-  Fe as isSectionTreeElement
+  Dt as attrAssign,
+  Rt as isSectionTreeElement
 };

package/package.json

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