@trunkjs/content-pane 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.0.1 (2025-08-11)
+
+This was a version bump only for content-pane to align it with other projects, there were no code changes.
+
 # 1.0.0 (2025-08-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,6 +1,6 @@
 import { ReactiveElement } from 'lit';
 declare const ContentAreaElement2_base: (abstract new (...args: any[]) => {
-    "__#2364@#debugCached": boolean | null;
+    "__#2365@#debugCached": boolean | null;
     invalidateDebugCache(): void;
     readonly _debug: boolean | null;
     log(...args: any[]): void;

package/index.js

@@ -3,7 +3,7 @@ var E = (n, t, r) => t in n ? C(n, t, { enumerable: !0, configurable: !0, writab
 var h = (n, t, r) => E(n, typeof t != "symbol" ? t + "" : t, r);
 import { unsafeCSS as A, LitElement as N, html as _, ReactiveElement as L } from "lit";
 import { property as k, customElement as x } from "lit/decorators.js";
-import { create_element as v, LoggingMixin as I, Stopwatch as T, waitForDomContentLoaded as P } from "@trunkjs/browser-utils";
+import { create_element as w, LoggingMixin as I, Stopwatch as T, waitForDomContentLoaded as P } from "@trunkjs/browser-utils";
 class S {
   constructor(t, r = !1) {
     h(this, "rootNode");
@@ -35,7 +35,7 @@ class S {
     return o;
   }
   createNewContainerNode(t, r) {
-    const o = this.getAttributeRecords(t, t.tagName === "HR"), e = v("section", o);
+    const o = this.getAttributeRecords(t, t.tagName === "HR"), e = w("section", o);
     return e.__IT = r, e;
   }
   arrangeSingleNode(t, r) {
@@ -69,12 +69,12 @@ class S {
   }
 }
 const $ = ":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 w = Object.defineProperty, j = Object.getOwnPropertyDescriptor, O = (n, t, r) => t in n ? w(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r, y = (n, t, r, o) => {
+var y = Object.defineProperty, j = Object.getOwnPropertyDescriptor, M = (n, t, r) => t in n ? y(n, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[t] = r, v = (n, t, r, o) => {
   for (var e = o > 1 ? void 0 : o ? j(t, r) : t, s = n.length - 1, i; s >= 0; s--)
     (i = n[s]) && (e = (o ? i(t, r, e) : i(e)) || e);
-  return o && e && w(t, r, e), e;
-}, R = (n, t, r) => O(n, t + "", r);
-let p = class extends N {
+  return o && e && y(t, r, e), e;
+}, O = (n, t, r) => M(n, t + "", r);
+let f = class extends N {
   constructor(t = "An error occurred", r) {
     super();
     h(this, "originalCode");
@@ -101,76 +101,77 @@ let p = class extends N {
     `;
   }
 };
-R(p, "styles", [A($)]);
-y([
+O(f, "styles", [A($)]);
+v([
   k({ type: String, reflect: !0 })
-], p.prototype, "message", 2);
-p = y([
+], f.prototype, "message", 2);
+f = v([
   x("tj-error-element")
-], p);
-function D(n, { allowAttributes: t = !0, ignoreGaps: r = !0 } = {}) {
+], f);
+function R(n, { allowAttributes: t = !0, ignoreGaps: r = !0 } = {}) {
   let o = "div", e = null, s = [], i = [], l = {};
-  const c = /(^[a-z][\w-]*)|#[\w-]+|\.[\w:-]+|\[\s*([\w-]+)(?:\s*=\s*(['"]?)(.*?)\3)?\s*\]/gi;
+  const d = /(^[a-z][\w-]*)|#[\w-]+|\.[\w:-]+|\[\s*([\w-]+)(?:\s*=\s*(['"]?)(.*?)\3)?\s*\]/gi;
   let a = 0;
   for (; ; ) {
-    const u = c.exec(n);
+    const u = d.exec(n);
     if (!u || u.index !== a) {
       if (!r && u && u.index > a)
         break;
       break;
     }
-    const d = u[0];
-    if (d[0] === "#") e = d.slice(1);
-    else if (d[0] === ".") s.push(d.slice(1));
-    else if (d[0] === "[") {
-      if (!t) throw new Error(`Attributes not allowed: '${d}'`);
-      const g = u[2], m = u[4] || void 0;
-      i.push({ name: g, value: m }), l[g] = m;
-    } else o = d;
-    a += d.length;
+    const c = u[0];
+    if (c[0] === "#") e = c.slice(1);
+    else if (c[0] === ".") s.push(c.slice(1));
+    else if (c[0] === "[") {
+      if (!t) throw new Error(`Attributes not allowed: '${c}'`);
+      const p = u[2], m = u[4] || void 0;
+      i.push({ name: p, value: m }), l[p] = m;
+    } else o = c;
+    a += c.length;
   }
   return { tag: o, id: e, classes: s, attrs: i, attrsMap: l, length: a, rest: n.slice(a) };
 }
-function M(n) {
+function D(n) {
   return typeof n.beforeLayoutCallback == "function";
 }
 function F(n, t, r) {
+  var u, c;
   console.log("Applying layout to element:", n, "with layout:", r);
-  const o = /^(\+|-|)([0-9]+\.?[0-9]*);?/, e = r.replace(o, ""), s = D(e);
-  let i = {};
-  i.class !== void 0 && (i.class += " "), i.class += s.classes.join(" "), i.id = s.id;
-  let l = s.tag || "div", c = !1, a = v(l, { ...i, layoutOrig: r });
+  const o = /^(\+|-|)([0-9]+\.?[0-9]*);?/, e = r.replace(o, ""), s = R(e), i = { class: "" };
+  s.attrsMap.class && (i.class = s.attrsMap.class + " "), i.class += s.classes.join(" "), i.id = s.id, ((u = i.class) == null ? void 0 : u.trim()) === "" && delete i.class, ((c = i.id) == null ? void 0 : c.trim()) === "" && delete i.id;
+  const l = s.tag || "div";
+  let d = !1, a = w(l, { ...i, layoutOrig: r });
   if (l.includes("-") && !customElements.get(l))
-    console.warn(`Custom element <${l}> is not registered.`), a = new p(`Custom element <${l}> is not registered.`, n.outerHTML), n.replaceWith(a), a.append(n), c = !0;
+    console.warn(`Custom element <${l}> is not registered.`), a = new f(`Custom element <${l}> is not registered.`, n.outerHTML), n.replaceWith(a), a.append(n), d = !0;
   else {
-    let u = Array.from(n.children);
-    M(a) && (c = a.beforeLayoutCallback(n, a, u) === !1), console.log(
+    const p = Array.from(n.children);
+    D(a) && (d = a.beforeLayoutCallback(n, a, p) === !1), console.log(
       "Replacement element created:",
       a,
       "with children:",
-      u,
+      p,
       "skipChildren:",
-      c
+      d
     ), a.__ORIG_ELEMENT__ = n, a.append(...Array.from(n.children)), n.replaceWith(a);
   }
   return {
     replacementElement: a,
-    skipChildren: c
+    skipChildren: d
   };
 }
-function f(n, t = {}) {
+function g(n, t = {}) {
   console.log("applyLayout called with element:", n, "and options:", t);
   const { recursive: r = !0 } = t;
   let o = [];
   if (Array.isArray(n))
-    return n.forEach((l) => o.push(...f(l, t))), o;
+    return n.forEach((l) => o.push(...g(l, t))), o;
   if (!(n instanceof HTMLElement))
     return [];
   const e = n.getAttribute("layout");
   let s = !1, i = n;
   if (e && ({ replacementElement: i, skipChildren: s } = F(n, t, e)), r && !s) {
     const l = Array.from(i.children);
-    console.log("Applying layout to children:", l, "of element:", i), l.forEach((c) => o.push(...f(c, t)));
+    console.log("Applying layout to children:", l, "of element:", i), l.forEach((d) => o.push(...g(d, t)));
   }
   return o;
 }
@@ -193,7 +194,7 @@ let b = class extends I(L) {
     const n = new T("SectionTreeBuilder");
     await P(), super.connectedCallback();
     const t = new S(this), r = Array.from(this.children);
-    t.arrange(r), f(Array.from(this.children), { recursive: !0 }), n.lap("after arrange");
+    t.arrange(r), g(Array.from(this.children), { recursive: !0 }), n.lap("after arrange");
   }
 };
 b = z([
@@ -206,14 +207,14 @@ function V(n, t, r) {
     if (i.length > 0)
       for (const l of i) {
         o.push(l);
-        for (const [c, a] of Object.entries(r))
-          l.setAttribute(c, a);
+        for (const [d, a] of Object.entries(r))
+          l.setAttribute(d, a);
       }
   }
   return o;
 }
 export {
   b as ContentAreaElement2,
-  f as applyLayout,
+  g as applyLayout,
   V as attrAssign
 };

package/package.json

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