@trunkjs/content-pane 1.0.18 → 1.0.19

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.0.19 (2026-02-07)
+
+This was a version bump only for content-pane to align it with other projects, there were no code changes.
+
 ## 1.0.18 (2025-12-16)
 
 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,16 +1,5 @@
 import { ReactiveElement } from 'lit';
-declare const ContentAreaElement2_base: (abstract new (...args: any[]) => {
-    "__#3834@#debugCached": boolean | null;
-    "__#3834@#myElementId": number;
-    invalidateDebugCache(): void;
-    "__#3834@#myLoggerInstance": import('@trunkjs/browser-utils').Logger | null;
-    readonly _debug: boolean;
-    getLogger(instanceId?: string): import('@trunkjs/browser-utils').Logger;
-    log(...args: any[]): void;
-    warn(...args: any[]): void;
-    error(...args: any[]): void;
-    throwError(...args: any[]): never;
-}) & typeof ReactiveElement;
+declare const ContentAreaElement2_base: typeof ReactiveElement & (abstract new (...args: any[]) => import('@trunkjs/browser-utils').LoggerMixinInterface);
 export declare class ContentAreaElement2 extends ContentAreaElement2_base {
     static get is(): string;
     accessor skipLayout: boolean;

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 { 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]), N = (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);
+import { create_element as Q, 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 V, property as J } from "lit/decorators.js";
+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, K = (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[K("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, K("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, f, d, l, 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] = []), L = e[v] || (e[v] = []), p = n && (!u && !_ && (i = i.prototype), n < 5 && (n > 3 || !u) && _e(n < 4 ? i : { get [r]() {
+}, Y = (t, e, r, o, i, a) => {
+  var c, s, f, h, l, n = e & 7, _ = !!(e & 8), d = !!(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] = []), p = n && (!d && !_ && (i = i.prototype), n < 5 && (n > 3 || !d) && _t(n < 4 ? i : { get [r]() {
     return B(this, a);
-  }, set [r](h) {
-    return H(this, a, h);
+  }, set [r](u) {
+    return H(this, a, u);
   } }, r));
-  n ? u && n < 4 && D(a, (n > 2 ? "set " : n > 1 ? "get " : "") + r) : D(i, r);
+  n ? d && n < 4 && D(a, (n > 2 ? "set " : n > 1 ? "get " : "") + r) : D(i, r);
   for (var g = o.length - 1; g >= 0; g--)
-    d = ye(n, r, f = {}, e[3], L), n && (d.static = _, d.private = u, l = d.access = { has: u ? (h) => we(i, h) : (h) => r in h }, n ^ 3 && (l.get = u ? (h) => (n ^ 1 ? B : Ce)(h, i, n ^ 4 ? a : p.get) : (h) => h[r]), n > 2 && (l.set = u ? (h, y) => H(h, i, y, n ^ 4 ? a : p.set) : (h, y) => h[r] = y)), s = (0, o[g])(n ? n < 4 ? u ? a : p[x] : n > 4 ? void 0 : { get: p.get, set: p.set } : i, d), f._ = 1, n ^ 4 || s === void 0 ? k(s) && (n > 4 ? E.unshift(s) : n ? u ? a = s : p[x] = s : i = s) : typeof s != "object" || s === null ? C("Object expected") : (k(c = s.get) && (p.get = c), k(c = s.set) && (p.set = c), k(c = s.init) && E.unshift(c));
-  return n || me(e, i), p && P(i, r, p), u ? n ^ 4 ? a : p : 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, Ae(this, q, N(m, 8, this)), N(m, 11, this), this.message = t, this.originalCode = r;
+    h = yt(n, r, f = {}, t[3], L), n && (h.static = _, h.private = d, l = h.access = { has: d ? (u) => wt(i, u) : (u) => r in u }, n ^ 3 && (l.get = d ? (u) => (n ^ 1 ? B : Ct)(u, i, n ^ 4 ? a : p.get) : (u) => u[r]), n > 2 && (l.set = d ? (u, y) => H(u, i, y, n ^ 4 ? a : p.set) : (u, y) => u[r] = y)), s = (0, o[g])(n ? n < 4 ? d ? a : p[x] : n > 4 ? void 0 : { get: p.get, set: p.set } : i, h), f._ = 1, n ^ 4 || s === void 0 ? k(s) && (n > 4 ? E.unshift(s) : n ? d ? a = s : p[x] = s : i = s) : typeof s != "object" || s === null ? C("Object expected") : (k(c = s.get) && (p.get = c), k(c = s.set) && (p.set = c), k(c = s.init) && E.unshift(c));
+  return n || mt(t, i), p && P(i, r, p), d ? n ^ 4 ? a : p : 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 = [V("tj-error-element")];
+class w extends (T = ut, Z = [J({ 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,20 +43,20 @@ 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)];
+w = Y(m, 0, "TjErrorElement", tt, w);
+w.styles = [dt(pt)];
 N(m, 1, w);
-function be(e, { allowAttributes: t = !0, ignoreGaps: r = !0 } = {}) {
+function bt(t, { allowAttributes: e = !0, ignoreGaps: r = !0 } = {}) {
   let o = "div", i = null, a = [], c = [], s = {};
   const f = /(^[a-z][\w-]*)|#[\w-]+|\.[\w:-]+|\[\s*([\w-]+)(?:\s*=\s*(['"]?)(.*?)\3)?\s*\]/gi;
-  let d = 0;
+  let h = 0;
   for (; ; ) {
-    const l = f.exec(e);
-    if (!l || l.index !== d) {
-      if (!r && l && l.index > d)
+    const l = f.exec(t);
+    if (!l || l.index !== h) {
+      if (!r && l && l.index > h)
         break;
       break;
     }
@@ -64,57 +64,57 @@ 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}'`);
-      const _ = l[2], u = l[4] || void 0;
-      c.push({ name: _, value: u }), s[_] = u;
+      if (!e) throw new Error(`Attributes not allowed: '${n}'`);
+      const _ = l[2], d = l[4] || void 0;
+      c.push({ name: _, value: d }), s[_] = d;
     } else o = n;
-    d += n.length;
+    h += n.length;
   }
-  return { tag: o, id: i, classes: a, attrs: c, attrsMap: s, length: d, rest: e.slice(d) };
+  return { tag: o, id: i, classes: a, attrs: c, attrsMap: s, length: h, rest: t.slice(h) };
 }
-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(
-    (u, v) => (u[v.name] = v.value, u),
+  const o = /^(\+|-|)([0-9]+\.?[0-9]*);?/, i = r.replace(o, ""), a = bt(i), s = { ...Array.from(t.attributes).reduce(
+    (d, v) => (d[v.name] = v.value, d),
     {}
   ), ...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 f = a.tag || "div";
-  let d = !1, l = V(f, { ...s, layoutOrig: r });
+  let h = !1, l = Q(f, { ...s, layoutOrig: r });
   if (f.includes("-") && !customElements.get(f))
-    console.warn(`Custom element <${f}> is not registered.`), l = new w(`Custom element <${f}> is not registered.`, e.outerHTML), e.replaceWith(l), l.append(e), d = !0;
+    console.warn(`Custom element <${f}> is not registered.`), l = new w(`Custom element <${f}> is not registered.`, t.outerHTML), t.replaceWith(l), l.append(t), h = !0;
   else {
-    const u = Array.from(e.children);
-    xe(l) && (d = l.beforeLayoutCallback(e, l, u) === !1), l.__ORIG_ELEMENT__ = e, l.append(...Array.from(e.children)), e.replaceWith(l);
+    const d = Array.from(t.children);
+    xt(l) && (h = l.beforeLayoutCallback(t, l, d) === !1), l.__ORIG_ELEMENT__ = t, l.append(...Array.from(t.children)), t.replaceWith(l);
   }
   return {
     replacementElement: l,
-    skipChildren: d
+    skipChildren: h
   };
 }
-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((f) => o.push(...$(f, 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((f) => o.push(...$(f, e))), o;
 }
-function Re(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,35 +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 r || Array.from(t.classList).forEach((i) => {
-      i.startsWith("section-") && (o.class = (o.class ? o.class + " " : "") + i.replace(/^section-/, ""), t.classList.remove(i));
+    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 = Q("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;
@@ -167,26 +167,26 @@ 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 }), Le = (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, Ne = (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, f, d, l, 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] = []), L = e[v] || (e[v] = []), p = 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, f, h, l, n = e & 7, _ = !!(e & 8), d = !!(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] = []), p = n && (!d && !_ && (i = i.prototype), n < 5 && (n > 3 || !d) && $t(n < 4 ? i : { get [r]() {
     return j(this, a);
-  }, set [r](h) {
-    return Q(this, a, h);
+  }, set [r](u) {
+    return U(this, a, u);
   } }, r));
-  n ? u && n < 4 && G(a, (n > 2 ? "set " : n > 1 ? "get " : "") + r) : G(i, r);
+  n ? d && n < 4 && G(a, (n > 2 ? "set " : n > 1 ? "get " : "") + r) : G(i, r);
   for (var g = o.length - 1; g >= 0; g--)
-    d = Ne(n, r, f = {}, e[3], L), n && (d.static = _, d.private = u, l = d.access = { has: u ? (h) => Me(i, h) : (h) => r in h }, n ^ 3 && (l.get = u ? (h) => (n ^ 1 ? j : Pe)(h, i, n ^ 4 ? a : p.get) : (h) => h[r]), n > 2 && (l.set = u ? (h, y) => Q(h, i, y, n ^ 4 ? a : p.set) : (h, y) => h[r] = y)), s = (0, o[g])(n ? n < 4 ? u ? a : p[x] : n > 4 ? void 0 : { get: p.get, set: p.set } : i, d), f._ = 1, n ^ 4 || s === void 0 ? S(s) && (n > 4 ? E.unshift(s) : n ? u ? a = s : p[x] = s : i = s) : typeof s != "object" || s === null ? b("Object expected") : (S(c = s.get) && (p.get = c), S(c = s.set) && (p.set = c), S(c = s.init) && E.unshift(c));
-  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, A, R;
-oe = [J("tj-content-pane")];
-class I extends (O = ae(he), ne = [K({ type: Boolean, reflect: !0, attribute: "skip-layout" })], O) {
+    h = Nt(n, r, f = {}, t[3], L), n && (h.static = _, h.private = d, l = h.access = { has: d ? (u) => Mt(i, u) : (u) => r in u }, n ^ 3 && (l.get = d ? (u) => (n ^ 1 ? j : Pt)(u, i, n ^ 4 ? a : p.get) : (u) => u[r]), n > 2 && (l.set = d ? (u, y) => U(u, i, y, n ^ 4 ? a : p.set) : (u, y) => u[r] = y)), s = (0, o[g])(n ? n < 4 ? d ? a : p[x] : n > 4 ? void 0 : { get: p.get, set: p.set } : i, h), f._ = 1, n ^ 4 || s === void 0 ? S(s) && (n > 4 ? E.unshift(s) : n ? d ? a = s : p[x] = s : i = s) : typeof s != "object" || s === null ? b("Object expected") : (S(c = s.get) && (p.get = c), S(c = s.set) && (p.set = c), S(c = s.init) && E.unshift(c));
+  return n || Tt(t, i), p && W(i, r, p), d ? n ^ 4 ? a : p : 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), U = (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 = [V("tj-content-pane")];
+class I extends (O = at(ht), nt = [J({ type: Boolean, reflect: !0, attribute: "skip-layout" })], O) {
   constructor() {
-    super(), Oe(this, R, 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";
@@ -195,86 +195,87 @@ 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 = Le(O);
+A = Lt(O);
 R = /* @__PURE__ */ new WeakMap();
-ie(A, 4, "skipLayout", ne, I, R);
-I = ie(A, 0, "ContentAreaElement2", oe, I);
+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);
-        for (const [f, d] of Object.entries(r))
-          s.setAttribute(f, d);
+        for (const [f, h] of Object.entries(r))
+          s.setAttribute(f, h);
       }
   }
   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 Be(e) {
-  class t extends e {
+function Bt(t) {
+  class e extends t {
     beforeLayoutCallback(o, i, a) {
       return !1;
     }
-    updated(o) {
-      var a;
-      const i = ((a = this.shadowRoot) == null ? void 0 : a.querySelectorAll("slot[data-query]")) ?? [];
-      for (const c of Array.from(i)) {
-        const s = c.getAttribute("data-query");
-        if (!s) continue;
-        let f = [];
+    firstUpdated(o) {
+      var a, c;
+      (a = super.firstUpdated) == null || a.call(this, o);
+      const i = ((c = this.shadowRoot) == null ? void 0 : c.querySelectorAll("slot[data-query]")) ?? [];
+      for (const s of Array.from(i)) {
+        const f = s.getAttribute("data-query");
+        if (!f) continue;
+        let h = [];
         try {
-          f = ze(s, this);
-        } catch (d) {
-          throw this.error(`"${d}" in slot`, c), d;
+          h = zt(f, this);
+        } catch (l) {
+          throw this.error(`"${l}" in slot`, s), l;
         }
-        f.forEach((d) => {
-          if (c.getAttributeNames().filter((l) => l.startsWith("data-set-attribute-")).forEach((l) => {
-            const n = l.replace(/^data-set-attribute-/, "");
-            if (!d.hasAttribute(n)) {
-              const _ = c.getAttribute(l);
-              _ !== null && d.setAttribute(n, _);
+        h.forEach((l) => {
+          if (s.getAttributeNames().filter((n) => n.startsWith("data-set-attribute-")).forEach((n) => {
+            const _ = n.replace(/^data-set-attribute-/, "");
+            if (!l.hasAttribute(_)) {
+              const d = s.getAttribute(n);
+              d !== null && l.setAttribute(_, d);
             }
-          }), !d.hasAttribute("slot")) {
-            const l = c.getAttribute("name");
-            l && d.setAttribute("slot", l);
+          }), !l.hasAttribute("slot")) {
+            const n = s.getAttribute("name");
+            n && l.setAttribute("slot", n);
           }
         });
       }
       $(Array.from(this.children), { recursive: !0 });
     }
   }
-  return t;
+  return e;
 }
 export {
   I as ContentAreaElement2,
-  ke as SectionTreeBuilder,
-  Be as SubLayoutApplyMixin,
+  kt as SectionTreeBuilder,
+  Bt as SubLayoutApplyMixin,
   $ as applyLayout,
-  De as attrAssign,
-  Re as isSectionTreeElement
+  Dt as attrAssign,
+  Rt as isSectionTreeElement
 };

package/mixins/SubLayoutApplyMixin.d.ts

@@ -1,344 +1,8 @@
+import { LitElement } from 'lit';
 type Constructor<T = object> = abstract new (...args: any[]) => T;
-export declare function SubLayoutApplyMixin<TBase extends Constructor<HTMLElement>>(Base: TBase): (abstract new (...args: any[]) => {
+export interface SubLayoutApplyInterface {
     beforeLayoutCallback(element: HTMLElement, replacementElement: HTMLElement, children: HTMLElement[]): boolean;
-    updated(changedProperties: Map<string, unknown>): void;
-    accessKey: string;
-    readonly accessKeyLabel: string;
-    autocapitalize: string;
-    dir: string;
-    draggable: boolean;
-    hidden: boolean;
-    inert: boolean;
-    innerText: string;
-    lang: string;
-    readonly offsetHeight: number;
-    readonly offsetLeft: number;
-    readonly offsetParent: Element | null;
-    readonly offsetTop: number;
-    readonly offsetWidth: number;
-    outerText: string;
-    popover: string | null;
-    spellcheck: boolean;
-    title: string;
-    translate: boolean;
-    writingSuggestions: string;
-    attachInternals(): ElementInternals;
-    click(): void;
-    hidePopover(): void;
-    showPopover(): void;
-    togglePopover(options?: boolean): boolean;
-    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
-    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
-    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
-    readonly attributes: NamedNodeMap;
-    get classList(): DOMTokenList;
-    set classList(value: string);
-    className: string;
-    readonly clientHeight: number;
-    readonly clientLeft: number;
-    readonly clientTop: number;
-    readonly clientWidth: number;
-    readonly currentCSSZoom: number;
-    id: string;
-    innerHTML: string;
-    readonly localName: string;
-    readonly namespaceURI: string | null;
-    onfullscreenchange: ((this: Element, ev: Event) => any) | null;
-    onfullscreenerror: ((this: Element, ev: Event) => any) | null;
-    outerHTML: string;
-    readonly ownerDocument: Document;
-    get part(): DOMTokenList;
-    set part(value: string);
-    readonly prefix: string | null;
-    readonly scrollHeight: number;
-    scrollLeft: number;
-    scrollTop: number;
-    readonly scrollWidth: number;
-    readonly shadowRoot: ShadowRoot | null;
-    slot: string;
-    readonly tagName: string;
-    attachShadow(init: ShadowRootInit): ShadowRoot;
-    checkVisibility(options?: CheckVisibilityOptions): boolean;
-    closest<K extends keyof HTMLElementTagNameMap>(selector: K): HTMLElementTagNameMap[K] | null;
-    closest<K extends keyof SVGElementTagNameMap>(selector: K): SVGElementTagNameMap[K] | null;
-    closest<K extends keyof MathMLElementTagNameMap>(selector: K): MathMLElementTagNameMap[K] | null;
-    closest<E extends Element = Element>(selectors: string): E | null;
-    computedStyleMap(): StylePropertyMapReadOnly;
-    getAttribute(qualifiedName: string): string | null;
-    getAttributeNS(namespace: string | null, localName: string): string | null;
-    getAttributeNames(): string[];
-    getAttributeNode(qualifiedName: string): Attr | null;
-    getAttributeNodeNS(namespace: string | null, localName: string): Attr | null;
-    getBoundingClientRect(): DOMRect;
-    getClientRects(): DOMRectList;
-    getElementsByClassName(classNames: string): HTMLCollectionOf<Element>;
-    getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
-    getElementsByTagName<K extends keyof SVGElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<SVGElementTagNameMap[K]>;
-    getElementsByTagName<K extends keyof MathMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<MathMLElementTagNameMap[K]>;
-    getElementsByTagName<K extends keyof HTMLElementDeprecatedTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementDeprecatedTagNameMap[K]>;
-    getElementsByTagName(qualifiedName: string): HTMLCollectionOf<Element>;
-    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf<HTMLElement>;
-    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf<SVGElement>;
-    getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf<MathMLElement>;
-    getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf<Element>;
-    getHTML(options?: GetHTMLOptions): string;
-    hasAttribute(qualifiedName: string): boolean;
-    hasAttributeNS(namespace: string | null, localName: string): boolean;
-    hasAttributes(): boolean;
-    hasPointerCapture(pointerId: number): boolean;
-    insertAdjacentElement(where: InsertPosition, element: Element): Element | null;
-    insertAdjacentHTML(position: InsertPosition, string: string): void;
-    insertAdjacentText(where: InsertPosition, data: string): void;
-    matches(selectors: string): boolean;
-    releasePointerCapture(pointerId: number): void;
-    removeAttribute(qualifiedName: string): void;
-    removeAttributeNS(namespace: string | null, localName: string): void;
-    removeAttributeNode(attr: Attr): Attr;
-    requestFullscreen(options?: FullscreenOptions): Promise<void>;
-    requestPointerLock(options?: PointerLockOptions): Promise<void>;
-    scroll(options?: ScrollToOptions): void;
-    scroll(x: number, y: number): void;
-    scrollBy(options?: ScrollToOptions): void;
-    scrollBy(x: number, y: number): void;
-    scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void;
-    scrollTo(options?: ScrollToOptions): void;
-    scrollTo(x: number, y: number): void;
-    setAttribute(qualifiedName: string, value: string): void;
-    setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void;
-    setAttributeNode(attr: Attr): Attr | null;
-    setAttributeNodeNS(attr: Attr): Attr | null;
-    setHTMLUnsafe(html: string): void;
-    setPointerCapture(pointerId: number): void;
-    toggleAttribute(qualifiedName: string, force?: boolean): boolean;
-    webkitMatchesSelector(selectors: string): boolean;
-    readonly baseURI: string;
-    readonly childNodes: NodeListOf<ChildNode>;
-    readonly firstChild: ChildNode | null;
-    readonly isConnected: boolean;
-    readonly lastChild: ChildNode | null;
-    readonly nextSibling: ChildNode | null;
-    readonly nodeName: string;
-    readonly nodeType: number;
-    nodeValue: string | null;
-    readonly parentElement: HTMLElement | null;
-    readonly parentNode: ParentNode | null;
-    readonly previousSibling: ChildNode | null;
-    textContent: string | null;
-    appendChild<T extends Node>(node: T): T;
-    cloneNode(subtree?: boolean): Node;
-    compareDocumentPosition(other: Node): number;
-    contains(other: Node | null): boolean;
-    getRootNode(options?: GetRootNodeOptions): Node;
-    hasChildNodes(): boolean;
-    insertBefore<T extends Node>(node: T, child: Node | null): T;
-    isDefaultNamespace(namespace: string | null): boolean;
-    isEqualNode(otherNode: Node | null): boolean;
-    isSameNode(otherNode: Node | null): boolean;
-    lookupNamespaceURI(prefix: string | null): string | null;
-    lookupPrefix(namespace: string | null): string | null;
-    normalize(): void;
-    removeChild<T extends Node>(child: T): T;
-    replaceChild<T extends Node>(node: Node, child: T): T;
-    readonly ELEMENT_NODE: 1;
-    readonly ATTRIBUTE_NODE: 2;
-    readonly TEXT_NODE: 3;
-    readonly CDATA_SECTION_NODE: 4;
-    readonly ENTITY_REFERENCE_NODE: 5;
-    readonly ENTITY_NODE: 6;
-    readonly PROCESSING_INSTRUCTION_NODE: 7;
-    readonly COMMENT_NODE: 8;
-    readonly DOCUMENT_NODE: 9;
-    readonly DOCUMENT_TYPE_NODE: 10;
-    readonly DOCUMENT_FRAGMENT_NODE: 11;
-    readonly NOTATION_NODE: 12;
-    readonly DOCUMENT_POSITION_DISCONNECTED: 1;
-    readonly DOCUMENT_POSITION_PRECEDING: 2;
-    readonly DOCUMENT_POSITION_FOLLOWING: 4;
-    readonly DOCUMENT_POSITION_CONTAINS: 8;
-    readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
-    readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
-    dispatchEvent(event: Event): boolean;
-    ariaAtomic: string | null;
-    ariaAutoComplete: string | null;
-    ariaBrailleLabel: string | null;
-    ariaBrailleRoleDescription: string | null;
-    ariaBusy: string | null;
-    ariaChecked: string | null;
-    ariaColCount: string | null;
-    ariaColIndex: string | null;
-    ariaColIndexText: string | null;
-    ariaColSpan: string | null;
-    ariaCurrent: string | null;
-    ariaDescription: string | null;
-    ariaDisabled: string | null;
-    ariaExpanded: string | null;
-    ariaHasPopup: string | null;
-    ariaHidden: string | null;
-    ariaInvalid: string | null;
-    ariaKeyShortcuts: string | null;
-    ariaLabel: string | null;
-    ariaLevel: string | null;
-    ariaLive: string | null;
-    ariaModal: string | null;
-    ariaMultiLine: string | null;
-    ariaMultiSelectable: string | null;
-    ariaOrientation: string | null;
-    ariaPlaceholder: string | null;
-    ariaPosInSet: string | null;
-    ariaPressed: string | null;
-    ariaReadOnly: string | null;
-    ariaRelevant: string | null;
-    ariaRequired: string | null;
-    ariaRoleDescription: string | null;
-    ariaRowCount: string | null;
-    ariaRowIndex: string | null;
-    ariaRowIndexText: string | null;
-    ariaRowSpan: string | null;
-    ariaSelected: string | null;
-    ariaSetSize: string | null;
-    ariaSort: string | null;
-    ariaValueMax: string | null;
-    ariaValueMin: string | null;
-    ariaValueNow: string | null;
-    ariaValueText: string | null;
-    role: string | null;
-    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation;
-    getAnimations(options?: GetAnimationsOptions): Animation[];
-    after(...nodes: (Node | string)[]): void;
-    before(...nodes: (Node | string)[]): void;
-    remove(): void;
-    replaceWith(...nodes: (Node | string)[]): void;
-    readonly nextElementSibling: Element | null;
-    readonly previousElementSibling: Element | null;
-    readonly childElementCount: number;
-    readonly children: HTMLCollection;
-    readonly firstElementChild: Element | null;
-    readonly lastElementChild: Element | null;
-    append(...nodes: (Node | string)[]): void;
-    prepend(...nodes: (Node | string)[]): void;
-    querySelector<K extends keyof HTMLElementTagNameMap>(selectors: K): HTMLElementTagNameMap[K] | null;
-    querySelector<K extends keyof SVGElementTagNameMap>(selectors: K): SVGElementTagNameMap[K] | null;
-    querySelector<K extends keyof MathMLElementTagNameMap>(selectors: K): MathMLElementTagNameMap[K] | null;
-    querySelector<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null;
-    querySelector<E extends Element = Element>(selectors: string): E | null;
-    querySelectorAll<K extends keyof HTMLElementTagNameMap>(selectors: K): NodeListOf<HTMLElementTagNameMap[K]>;
-    querySelectorAll<K extends keyof SVGElementTagNameMap>(selectors: K): NodeListOf<SVGElementTagNameMap[K]>;
-    querySelectorAll<K extends keyof MathMLElementTagNameMap>(selectors: K): NodeListOf<MathMLElementTagNameMap[K]>;
-    querySelectorAll<K extends keyof HTMLElementDeprecatedTagNameMap>(selectors: K): NodeListOf<HTMLElementDeprecatedTagNameMap[K]>;
-    querySelectorAll<E extends Element = Element>(selectors: string): NodeListOf<E>;
-    replaceChildren(...nodes: (Node | string)[]): void;
-    readonly assignedSlot: HTMLSlotElement | null;
-    readonly attributeStyleMap: StylePropertyMap;
-    get style(): CSSStyleDeclaration;
-    set style(cssText: string);
-    contentEditable: string;
-    enterKeyHint: string;
-    inputMode: string;
-    readonly isContentEditable: boolean;
-    onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-    onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-    onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-    onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-    onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-    onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-    onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-    oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-    oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-    ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-    ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-    ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-    ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-    ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-    ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-    ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null;
-    ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onended: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onerror: OnErrorEventHandler;
-    onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
-    onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null;
-    ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-    onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-    onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null;
-    onload: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
-    onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
-    onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
-    onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
-    onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
-    onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
-    onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
-    onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-    ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-    ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-    ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
-    ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-    ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-    ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-    ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null;
-    onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-    onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-    autofocus: boolean;
-    readonly dataset: DOMStringMap;
-    nonce?: string;
-    tabIndex: number;
-    blur(): void;
-    focus(options?: FocusOptions): void;
-}) & TBase;
+    firstUpdated(changedProperties: Map<string, unknown>): void;
+}
+export declare function SubLayoutApplyMixin<TBase extends Constructor<LitElement>>(Base: TBase): TBase & Constructor<SubLayoutApplyInterface>;
 export {};

package/package.json

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