@fusedashlabs/widgets 0.4.4 → 0.4.5

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+## 0.4.5 — 2026-09-08
+
+### Added
+
+- Custom widget panes now render **table**, **text**, and **image** (plus existing KPI band and chart panes). Table columns follow FuseDash `headers[].contains.source` (`dataset` via `tablePreviewRows`, `chart` via `data`, `static` via `tableData`). Text is read-only markdown; images require an `http(s)` URL.
+
 ## 0.4.4 — 2026-09-08
 
 ### Fixed

package/dist/components/bar-chart/element/styles.js

@@ -12,13 +12,13 @@ const barChartStyles = css`
   }
   .chart-body {
     flex: 1 1 auto;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
     display: flex;
     flex-direction: column;
   }
   .chart-scroll {
     flex: 1 1 auto;
-    min-height: 200px;
+    min-height: var(--ui9000-plot-min-height, 200px);
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
@@ -31,7 +31,7 @@ const barChartStyles = css`
   }
   .chart-root {
     width: 100%;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
   }
   .tooltip {
     position: absolute;

package/dist/components/bar-chart/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const barChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: 200px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: 240px;\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 12px));\n    white-space: nowrap;\n  }\n  .tooltip .category {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .tooltip .row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .tooltip .swatch {\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    flex: none;\n  }\n  .tooltip .value {\n    margin-left: auto;\n    font-variant-numeric: tabular-nums;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/bar-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const barChartStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 240px);\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 200px);\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: var(--ui9000-plot-min-height, 240px);\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 12px));\n    white-space: nowrap;\n  }\n  .tooltip .category {\n    font-weight: 600;\n    margin-bottom: 2px;\n  }\n  .tooltip .row {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n  .tooltip .swatch {\n    width: 8px;\n    height: 8px;\n    border-radius: 2px;\n    flex: none;\n  }\n  .tooltip .value {\n    margin-left: auto;\n    font-variant-numeric: tabular-nums;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/box-plot-chart/element/styles.js

@@ -12,13 +12,13 @@ const boxPlotStyles = css`
   }
   .chart-body {
     flex: 1 1 auto;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
     display: flex;
     flex-direction: column;
   }
   .chart-scroll {
     flex: 1 1 auto;
-    min-height: 200px;
+    min-height: var(--ui9000-plot-min-height, 200px);
     overflow-y: auto;
     overflow-x: hidden;
     position: relative;
@@ -31,7 +31,7 @@ const boxPlotStyles = css`
   }
   .chart-root {
     width: 100%;
-    min-height: 240px;
+    min-height: var(--ui9000-plot-min-height, 240px);
   }
   .chart-root svg .bin-quartile {
     filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))

package/dist/components/box-plot-chart/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/box-plot-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const boxPlotStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: 240px;\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: 200px;\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: 240px;\n  }\n  .chart-root svg .bin-quartile {\n    filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))\n      drop-shadow(0 2px 4px rgb(3 4 4 / 6%));\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/box-plot-chart/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const boxPlotStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n  .chart-body {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 240px);\n    display: flex;\n    flex-direction: column;\n  }\n  .chart-scroll {\n    flex: 1 1 auto;\n    min-height: var(--ui9000-plot-min-height, 200px);\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n  }\n  .chart-x-axis {\n    flex-shrink: 0;\n    width: 100%;\n    min-height: 21px;\n    overflow: hidden;\n  }\n  .chart-root {\n    width: 100%;\n    min-height: var(--ui9000-plot-min-height, 240px);\n  }\n  .chart-root svg .bin-quartile {\n    filter: drop-shadow(0 2px 2px rgb(3 4 4 / 6%))\n      drop-shadow(0 2px 4px rgb(3 4 4 / 6%));\n  }\n  .tooltip {\n    position: absolute;\n    pointer-events: none;\n    z-index: 2;\n    padding: 6px 10px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.35;\n    background: var(--ui9000-color-text, #111827);\n    color: #fff;\n    box-shadow: 0 4px 12px rgb(0 0 0 / 18%);\n    transform: translate(-50%, calc(-100% - 10px));\n    white-space: nowrap;\n  }\n  .tooltip .name {\n    font-weight: 600;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/chart-renderer/element/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAiC/B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,yBAoC/B,CAAC"}

package/dist/components/chart-renderer/element/styles.js

@@ -5,9 +5,12 @@ const chartRendererStyles = css`
     position: relative;
     width: 100%;
     height: 100%;
-    min-height: 220px;
+    min-height: var(--ui9000-host-min-height, 220px);
     box-sizing: border-box;
   }
+  :host([embedded]) {
+    min-height: 0;
+  }
   .host {
     display: block;
     width: 100%;

package/dist/components/chart-renderer/element/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const chartRendererStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    box-sizing: border-box;\n  }\n  .host {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    padding: 1rem;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    font-size: 0.875rem;\n    line-height: 1.4;\n  }\n  .empty strong {\n    display: block;\n    margin-bottom: 0.25rem;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/chart-renderer/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const chartRendererStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: var(--ui9000-host-min-height, 220px);\n    box-sizing: border-box;\n  }\n  :host([embedded]) {\n    min-height: 0;\n  }\n  .host {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n  }\n  .empty {\n    display: grid;\n    place-items: center;\n    height: 100%;\n    min-height: inherit;\n    padding: 1rem;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    font-size: 0.875rem;\n    line-height: 1.4;\n  }\n  .empty strong {\n    display: block;\n    margin-bottom: 0.25rem;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n  }\n`;\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/chart-renderer/element/ui9000-chart-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-chart-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"names":[],"mappings":"AAsBA,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAcxC;IAED,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,WAAW,CAAK;IAExB,iBAAiB,IAAI,IAAI;IAqBzB,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS;YAgBH,UAAU;CAqFzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}
+{"version":3,"file":"ui9000-chart-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"names":[],"mappings":"AAsBA,qBAAa,mBAAoB,SAAQ,WAAW;IAClD,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAexC;IAED,OAAO,CAAC,KAAK,CAA+B;IAC5C,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,WAAW,CAAK;IAExB,iBAAiB,IAAI,IAAI;IAqBzB,wBAAwB,IAAI,IAAI;IAIhC,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,SAAS;YAgBH,UAAU;CAgGzB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}

package/dist/components/chart-renderer/element/ui9000-chart-renderer.js

@@ -30,6 +30,7 @@ class Ui9000ChartRenderer extends HTMLElement {
       "show-legend",
       "show-tooltip",
       "show-header",
+      "embedded",
       "chart-title",
       "mapbox-token",
       "geojson-base-url",
@@ -131,6 +132,9 @@ class Ui9000ChartRenderer extends HTMLElement {
     el.setAttribute("scale", this.scale);
     if (title) el.setAttribute("chart-title", title);
     else el.removeAttribute("chart-title");
+    if (this.getAttribute("show-header") === "false")
+      el.setAttribute("show-header", "false");
+    else el.removeAttribute("show-header");
     const showGrid = this.boolAttr("show-grid");
     const showLegend = this.boolAttr("show-legend");
     const showTooltip = this.boolAttr("show-tooltip");
@@ -157,6 +161,14 @@ class Ui9000ChartRenderer extends HTMLElement {
     el.style.display = "block";
     el.style.width = "100%";
     el.style.height = "100%";
+    if (this.hasAttribute("embedded")) {
+      el.setAttribute("embedded", "");
+      el.style.minHeight = "0";
+      el.style.setProperty("--ui9000-host-min-height", "0");
+      el.style.setProperty("--ui9000-plot-min-height", "0");
+    } else {
+      el.removeAttribute("embedded");
+    }
     if (!reuse) {
       this._host.replaceChildren();
       this._host.appendChild(el);

package/dist/components/chart-renderer/element/ui9000-chart-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui9000-chart-renderer.js","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"sourcesContent":["import { loadChart } from '../../../lazy/index.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  resolveChartTarget,\n  resolveWidgetChartType,\n  type ChartTargetAttrs,\n} from '../lib/index.js';\nimport { chartRendererStyles } from './styles.js';\n\nfunction applyTargetAttrs(el: HTMLElement, attrs?: ChartTargetAttrs): void {\n  if (!attrs) return;\n  for (const [key, value] of Object.entries(attrs)) {\n    if (typeof value === 'boolean') {\n      if (value) el.setAttribute(key, '');\n      else el.removeAttribute(key);\n    } else {\n      el.setAttribute(key, String(value));\n    }\n  }\n}\n\nexport class Ui9000ChartRenderer extends HTMLElement {\n  static get observedAttributes(): string[] {\n    return [\n      'data',\n      'chart-type',\n      'scale',\n      'show-grid',\n      'show-legend',\n      'show-tooltip',\n      'show-header',\n      'chart-title',\n      'mapbox-token',\n      'geojson-base-url',\n      'pmtiles-base-url',\n    ];\n  }\n\n  private _host: HTMLDivElement | null = null;\n  private _empty: HTMLDivElement | null = null;\n  private _mountToken = 0;\n\n  connectedCallback(): void {\n    if (this._host) return;\n    const root = this.attachShadow({ mode: 'open' });\n    const style = document.createElement('style');\n    style.textContent = chartRendererStyles.cssText;\n    root.appendChild(style);\n\n    this._host = document.createElement('div');\n    this._host.className = 'host';\n    this._host.part = 'chart';\n    root.appendChild(this._host);\n\n    this._empty = document.createElement('div');\n    this._empty.className = 'empty';\n    this._empty.part = 'empty';\n    this._empty.hidden = true;\n    root.appendChild(this._empty);\n\n    void this.mountChart();\n  }\n\n  attributeChangedCallback(): void {\n    if (this._host) void this.mountChart();\n  }\n\n  private get dataJson(): string {\n    return this.getAttribute('data') ?? '{}';\n  }\n\n  private get chartTypeAttr(): string {\n    return this.getAttribute('chart-type') ?? '';\n  }\n\n  private get scale(): WidgetScale {\n    return (this.getAttribute('scale') as WidgetScale) || 'default';\n  }\n\n  private applyBoolProp(el: HTMLElement, attr: string, prop: string): void {\n    if (!this.hasAttribute(attr)) return;\n    const on = this.getAttribute(attr) !== 'false';\n    (el as unknown as Record<string, unknown>)[prop] = on;\n  }\n\n  private copyHostAttr(el: HTMLElement, name: string): void {\n    const value = this.getAttribute(name);\n    if (value) el.setAttribute(name, value);\n    else el.removeAttribute(name);\n  }\n\n  private boolAttr(name: string): boolean | undefined {\n    if (!this.hasAttribute(name)) return undefined;\n    return this.getAttribute(name) !== 'false';\n  }\n\n  private showEmpty(message: string, detail?: string): void {\n    if (!this._empty || !this._host) return;\n    this._host.replaceChildren();\n    this._host.hidden = true;\n    this._empty.hidden = false;\n    this._empty.replaceChildren();\n    const strong = document.createElement('strong');\n    strong.textContent = message;\n    this._empty.appendChild(strong);\n    if (detail) {\n      const p = document.createElement('span');\n      p.textContent = detail;\n      this._empty.appendChild(p);\n    }\n  }\n\n  private async mountChart(): Promise<void> {\n    if (!this._host || !this._empty) return;\n    const token = ++this._mountToken;\n\n    const chartType = resolveWidgetChartType(this.dataJson, this.chartTypeAttr);\n    if (!chartType) {\n      this.showEmpty('No chart type', 'Pass chart-type or a widget payload with chartType.');\n      return;\n    }\n\n    const target = resolveChartTarget(chartType);\n    if (!target) {\n      this.showEmpty(\n        'Unsupported chart type',\n        `\"${chartType}\" is not available in @ui9000/widgets yet.`,\n      );\n      return;\n    }\n\n    try {\n      await loadChart(target.kind);\n    } catch {\n      if (token !== this._mountToken) return;\n      this.showEmpty('Failed to load chart', target.kind);\n      return;\n    }\n\n    if (token !== this._mountToken) return;\n\n    const widget = parseJsonAttr<{ name?: string } | null>(this.dataJson, null);\n    const title =\n      this.getAttribute('show-header') === 'false'\n        ? ''\n        : this.getAttribute('chart-title')?.trim() ||\n          (widget && typeof widget === 'object' ? widget.name?.trim() : '') ||\n          '';\n\n    let el = this._host.firstElementChild as HTMLElement | null;\n    const reuse = !!el && el.tagName.toLowerCase() === target.tag;\n    if (!reuse) {\n      el = document.createElement(target.tag);\n    }\n    if (!el) return;\n\n    el.setAttribute('data', this.dataJson);\n    el.setAttribute('scale', this.scale);\n    if (title) el.setAttribute('chart-title', title);\n    else el.removeAttribute('chart-title');\n\n    const showGrid = this.boolAttr('show-grid');\n    const showLegend = this.boolAttr('show-legend');\n    const showTooltip = this.boolAttr('show-tooltip');\n    if (showGrid !== undefined) {\n      if (showGrid) el.setAttribute('show-grid', '');\n      else el.setAttribute('show-grid', 'false');\n    }\n    if (showLegend !== undefined) {\n      if (showLegend) el.setAttribute('show-legend', '');\n      else el.setAttribute('show-legend', 'false');\n    }\n    if (showTooltip !== undefined) {\n      if (showTooltip) el.setAttribute('show-tooltip', '');\n      else el.setAttribute('show-tooltip', 'false');\n    }\n    this.applyBoolProp(el, 'show-header', 'showHeader');\n    this.applyBoolProp(el, 'show-grid', 'showGrid');\n    this.applyBoolProp(el, 'show-legend', 'showLegend');\n    this.applyBoolProp(el, 'show-tooltip', 'showTooltip');\n\n    applyTargetAttrs(el, target.attrs);\n    this.copyHostAttr(el, 'mapbox-token');\n    this.copyHostAttr(el, 'geojson-base-url');\n    this.copyHostAttr(el, 'pmtiles-base-url');\n    el.style.display = 'block';\n    el.style.width = '100%';\n    el.style.height = '100%';\n\n    if (!reuse) {\n      this._host.replaceChildren();\n      this._host.appendChild(el);\n    }\n\n    this._empty.hidden = true;\n    this._host.hidden = false;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-chart-renderer': Ui9000ChartRenderer;\n  }\n}\n\nexport function registerChartRenderer(): void {\n  if (!customElements.get('ui9000-chart-renderer')) {\n    customElements.define('ui9000-chart-renderer', Ui9000ChartRenderer);\n  }\n}\n\nregisterChartRenderer();\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ui9000-chart-renderer.js","sources":["../../../../src/components/chart-renderer/element/ui9000-chart-renderer.ts"],"sourcesContent":["import { loadChart } from '../../../lazy/index.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  resolveChartTarget,\n  resolveWidgetChartType,\n  type ChartTargetAttrs,\n} from '../lib/index.js';\nimport { chartRendererStyles } from './styles.js';\n\nfunction applyTargetAttrs(el: HTMLElement, attrs?: ChartTargetAttrs): void {\n  if (!attrs) return;\n  for (const [key, value] of Object.entries(attrs)) {\n    if (typeof value === 'boolean') {\n      if (value) el.setAttribute(key, '');\n      else el.removeAttribute(key);\n    } else {\n      el.setAttribute(key, String(value));\n    }\n  }\n}\n\nexport class Ui9000ChartRenderer extends HTMLElement {\n  static get observedAttributes(): string[] {\n    return [\n      'data',\n      'chart-type',\n      'scale',\n      'show-grid',\n      'show-legend',\n      'show-tooltip',\n      'show-header',\n      'embedded',\n      'chart-title',\n      'mapbox-token',\n      'geojson-base-url',\n      'pmtiles-base-url',\n    ];\n  }\n\n  private _host: HTMLDivElement | null = null;\n  private _empty: HTMLDivElement | null = null;\n  private _mountToken = 0;\n\n  connectedCallback(): void {\n    if (this._host) return;\n    const root = this.attachShadow({ mode: 'open' });\n    const style = document.createElement('style');\n    style.textContent = chartRendererStyles.cssText;\n    root.appendChild(style);\n\n    this._host = document.createElement('div');\n    this._host.className = 'host';\n    this._host.part = 'chart';\n    root.appendChild(this._host);\n\n    this._empty = document.createElement('div');\n    this._empty.className = 'empty';\n    this._empty.part = 'empty';\n    this._empty.hidden = true;\n    root.appendChild(this._empty);\n\n    void this.mountChart();\n  }\n\n  attributeChangedCallback(): void {\n    if (this._host) void this.mountChart();\n  }\n\n  private get dataJson(): string {\n    return this.getAttribute('data') ?? '{}';\n  }\n\n  private get chartTypeAttr(): string {\n    return this.getAttribute('chart-type') ?? '';\n  }\n\n  private get scale(): WidgetScale {\n    return (this.getAttribute('scale') as WidgetScale) || 'default';\n  }\n\n  private applyBoolProp(el: HTMLElement, attr: string, prop: string): void {\n    if (!this.hasAttribute(attr)) return;\n    const on = this.getAttribute(attr) !== 'false';\n    (el as unknown as Record<string, unknown>)[prop] = on;\n  }\n\n  private copyHostAttr(el: HTMLElement, name: string): void {\n    const value = this.getAttribute(name);\n    if (value) el.setAttribute(name, value);\n    else el.removeAttribute(name);\n  }\n\n  private boolAttr(name: string): boolean | undefined {\n    if (!this.hasAttribute(name)) return undefined;\n    return this.getAttribute(name) !== 'false';\n  }\n\n  private showEmpty(message: string, detail?: string): void {\n    if (!this._empty || !this._host) return;\n    this._host.replaceChildren();\n    this._host.hidden = true;\n    this._empty.hidden = false;\n    this._empty.replaceChildren();\n    const strong = document.createElement('strong');\n    strong.textContent = message;\n    this._empty.appendChild(strong);\n    if (detail) {\n      const p = document.createElement('span');\n      p.textContent = detail;\n      this._empty.appendChild(p);\n    }\n  }\n\n  private async mountChart(): Promise<void> {\n    if (!this._host || !this._empty) return;\n    const token = ++this._mountToken;\n\n    const chartType = resolveWidgetChartType(this.dataJson, this.chartTypeAttr);\n    if (!chartType) {\n      this.showEmpty('No chart type', 'Pass chart-type or a widget payload with chartType.');\n      return;\n    }\n\n    const target = resolveChartTarget(chartType);\n    if (!target) {\n      this.showEmpty(\n        'Unsupported chart type',\n        `\"${chartType}\" is not available in @ui9000/widgets yet.`,\n      );\n      return;\n    }\n\n    try {\n      await loadChart(target.kind);\n    } catch {\n      if (token !== this._mountToken) return;\n      this.showEmpty('Failed to load chart', target.kind);\n      return;\n    }\n\n    if (token !== this._mountToken) return;\n\n    const widget = parseJsonAttr<{ name?: string } | null>(this.dataJson, null);\n    const title =\n      this.getAttribute('show-header') === 'false'\n        ? ''\n        : this.getAttribute('chart-title')?.trim() ||\n          (widget && typeof widget === 'object' ? widget.name?.trim() : '') ||\n          '';\n\n    let el = this._host.firstElementChild as HTMLElement | null;\n    const reuse = !!el && el.tagName.toLowerCase() === target.tag;\n    if (!reuse) {\n      el = document.createElement(target.tag);\n    }\n    if (!el) return;\n\n    el.setAttribute('data', this.dataJson);\n    el.setAttribute('scale', this.scale);\n    if (title) el.setAttribute('chart-title', title);\n    else el.removeAttribute('chart-title');\n    if (this.getAttribute('show-header') === 'false')\n      el.setAttribute('show-header', 'false');\n    else el.removeAttribute('show-header');\n\n    const showGrid = this.boolAttr('show-grid');\n    const showLegend = this.boolAttr('show-legend');\n    const showTooltip = this.boolAttr('show-tooltip');\n    if (showGrid !== undefined) {\n      if (showGrid) el.setAttribute('show-grid', '');\n      else el.setAttribute('show-grid', 'false');\n    }\n    if (showLegend !== undefined) {\n      if (showLegend) el.setAttribute('show-legend', '');\n      else el.setAttribute('show-legend', 'false');\n    }\n    if (showTooltip !== undefined) {\n      if (showTooltip) el.setAttribute('show-tooltip', '');\n      else el.setAttribute('show-tooltip', 'false');\n    }\n    this.applyBoolProp(el, 'show-header', 'showHeader');\n    this.applyBoolProp(el, 'show-grid', 'showGrid');\n    this.applyBoolProp(el, 'show-legend', 'showLegend');\n    this.applyBoolProp(el, 'show-tooltip', 'showTooltip');\n\n    applyTargetAttrs(el, target.attrs);\n    this.copyHostAttr(el, 'mapbox-token');\n    this.copyHostAttr(el, 'geojson-base-url');\n    this.copyHostAttr(el, 'pmtiles-base-url');\n    el.style.display = 'block';\n    el.style.width = '100%';\n    el.style.height = '100%';\n    if (this.hasAttribute('embedded')) {\n      el.setAttribute('embedded', '');\n      el.style.minHeight = '0';\n      el.style.setProperty('--ui9000-host-min-height', '0');\n      el.style.setProperty('--ui9000-plot-min-height', '0');\n    } else {\n      el.removeAttribute('embedded');\n    }\n\n    if (!reuse) {\n      this._host.replaceChildren();\n      this._host.appendChild(el);\n    }\n\n    this._empty.hidden = true;\n    this._host.hidden = false;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-chart-renderer': Ui9000ChartRenderer;\n  }\n}\n\nexport function registerChartRenderer(): void {\n  if (!customElements.get('ui9000-chart-renderer')) {\n    customElements.define('ui9000-chart-renderer', Ui9000ChartRenderer);\n  }\n}\n\nregisterChartRenderer();\n"],"names":[],"mappings":"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"}

package/dist/components/chart-renderer/metadata.json.d.ts

@@ -34,7 +34,12 @@ declare const _default: {
       "showGrid": { "type": "boolean" },
       "showLegend": { "type": "boolean" },
       "showTooltip": { "type": "boolean" },
-      "chartTitle": { "type": "string" }
+      "chartTitle": { "type": "string" },
+      "showHeader": {
+        "type": "boolean",
+        "default": true,
+        "description": "Set false when the host renders its own title (custom-widget) — suppresses the mounted chart's header"
+      }
     },
     "required": ["data"]
   }

package/dist/components/chart-renderer/metadata.json.js

@@ -9,7 +9,7 @@ const lazyImport = "@ui9000/widgets/lazy/chart-renderer";
 const entry = "@ui9000/widgets/chart-renderer";
 const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
 const allowedActions = ["resize"];
-const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "description": "FuseDash WidgetItem JSON (must include chartType unless chart-type attribute is set)" }, "chartType": { "type": "string", "description": "Optional override — wins over widget.chartType (matches FuseDash ChartRenderer chartType prop)" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showGrid": { "type": "boolean" }, "showLegend": { "type": "boolean" }, "showTooltip": { "type": "boolean" }, "chartTitle": { "type": "string" } }, "required": ["data"] };
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "description": "FuseDash WidgetItem JSON (must include chartType unless chart-type attribute is set)" }, "chartType": { "type": "string", "description": "Optional override — wins over widget.chartType (matches FuseDash ChartRenderer chartType prop)" }, "scale": { "type": "string", "enum": ["compact", "default", "comfortable"], "default": "default" }, "showGrid": { "type": "boolean" }, "showLegend": { "type": "boolean" }, "showTooltip": { "type": "boolean" }, "chartTitle": { "type": "string" }, "showHeader": { "type": "boolean", "default": true, "description": "Set false when the host renders its own title (custom-widget) — suppresses the mounted chart's header" } }, "required": ["data"] };
 const metadata = {
   id,
   tag,

package/dist/components/custom-widget/element/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const customWidgetStyles: import('lit').CSSResult;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/custom-widget/element/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/element/styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,yBAuR9B,CAAC"}

package/dist/components/custom-widget/element/styles.js

@@ -0,0 +1,286 @@
+import { css } from "lit";
+import { KPI_ROW_HEIGHT, PANE_GAP } from "../lib/layout.js";
+const customWidgetStyles = css`
+  :host {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+    min-height: 220px;
+    overflow: hidden;
+    border-radius: 8px;
+    color: var(--ui9000-color-text, #111827);
+    font-family: var(--ui9000-font-family, system-ui, sans-serif);
+    box-sizing: border-box;
+  }
+
+  .custom-root {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    min-height: inherit;
+    overflow: hidden;
+  }
+
+  /* Nested charts keep plot chrome; the pane is the rounded zone */
+  .pane ui9000-chart-renderer {
+    min-height: 0;
+  }
+
+  .kpi-band {
+    flex: 0 0 auto;
+    height: ${KPI_ROW_HEIGHT}px;
+    min-height: ${KPI_ROW_HEIGHT}px;
+    max-height: ${KPI_ROW_HEIGHT}px;
+    width: 100%;
+    overflow: hidden;
+  }
+
+  .custom-content {
+    display: flex;
+    flex: 1 1 auto;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+    gap: ${PANE_GAP}px;
+    overflow: hidden;
+    box-sizing: border-box;
+  }
+
+  .pane {
+    display: flex;
+    align-items: stretch;
+    justify-content: center;
+    min-width: 0;
+    min-height: 0;
+    flex: 1 1 0;
+    overflow: hidden;
+    --ui9000-host-min-height: 0;
+    --ui9000-plot-min-height: 0;
+  }
+
+  .pane[data-kind='chartWidget'],
+  .pane[data-kind='tableWidget'],
+  .pane[data-kind='textWidget'],
+  .pane[data-kind='imageWidget'] {
+    border: 1px solid var(--ui9000-color-border, #e5e7eb);
+    border-radius: 8px;
+    background: var(--ui9000-color-surface, #fff);
+  }
+
+  .custom-content[data-direction='vertical'][data-panes='2'] .pane {
+    flex: 1 1 50%;
+    max-width: 50%;
+  }
+
+  .custom-content[data-direction='horizontal'][data-panes='2'] .pane {
+    flex: 1 1 0;
+    min-height: 0;
+  }
+
+  .pane > * {
+    display: block;
+    width: 100%;
+    height: 100%;
+    min-width: 0;
+    min-height: 0;
+  }
+
+  .pane-empty,
+  .default-state {
+    display: grid;
+    place-items: center;
+    align-content: center;
+    width: 100%;
+    height: 100%;
+    padding: 1rem;
+    text-align: center;
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 0.875rem;
+    line-height: 1.4;
+    box-sizing: border-box;
+  }
+
+  .pane-empty strong,
+  .default-state strong {
+    display: block;
+    margin-bottom: 0.25rem;
+    color: var(--ui9000-color-text, #111827);
+    font-weight: 600;
+  }
+
+  .default-state span,
+  .pane-empty span {
+    max-width: 34ch;
+  }
+
+  .table-root {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    overflow: hidden;
+    box-sizing: border-box;
+  }
+
+  .table-scroll {
+    flex: 1 1 auto;
+    min-height: 0;
+    width: 100%;
+    overflow: auto;
+    scrollbar-width: thin;
+  }
+
+  .table {
+    width: 100%;
+    /* collapse lets tbody text paint through sticky headers */
+    border-collapse: separate;
+    border-spacing: 0;
+    table-layout: fixed;
+  }
+
+  .table thead {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background: var(--ui9000-color-surface, #ffffff);
+  }
+
+  .table thead th {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+    background: var(--ui9000-color-surface, #ffffff);
+    background-clip: padding-box;
+    color: var(--ui9000-color-text, #111827);
+    font-weight: 600;
+    font-size: 13px;
+    letter-spacing: 0.01em;
+    text-transform: capitalize;
+    box-shadow: 0 1px 0 var(--ui9000-color-grid, #e5e7eb);
+  }
+
+  .table th,
+  .table td {
+    padding: 10px 12px;
+    vertical-align: middle;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    border-bottom: 1px solid var(--ui9000-color-grid, #e5e7eb);
+    color: var(--ui9000-color-text-muted, #6b7280);
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    text-align: left;
+  }
+
+  .table tbody tr:last-child td {
+    border-bottom: none;
+  }
+
+  .table-badge {
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: 999px;
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 16px;
+  }
+
+  .table-badge[data-type='success'] {
+    color: #0f7b4a;
+    background: #d9f5e7;
+  }
+
+  .table-badge[data-type='error'] {
+    color: #b42318;
+    background: #fde8e6;
+  }
+
+  .text-pane {
+    width: 100%;
+    height: 100%;
+    min-height: 0;
+    overflow: auto;
+    padding: 8px;
+    box-sizing: border-box;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 20px;
+    color: var(--ui9000-color-text, #111827);
+    text-align: left;
+  }
+
+  .text-pane .md p {
+    margin: 0 0 10px;
+  }
+
+  .text-pane .md h1,
+  .text-pane .md h2,
+  .text-pane .md h3 {
+    margin: 0 0 8px;
+    font-weight: 600;
+    color: var(--ui9000-color-text, #111827);
+  }
+
+  .text-pane .md h1 {
+    font-size: 1.25rem;
+  }
+
+  .text-pane .md h2 {
+    font-size: 1.1rem;
+  }
+
+  .text-pane .md h3 {
+    font-size: 1rem;
+  }
+
+  .text-pane .md ul,
+  .text-pane .md ol {
+    margin: 0 0 10px;
+    padding-left: 16px;
+  }
+
+  .text-pane .md li {
+    margin: 1px 0;
+    padding-bottom: 5px;
+  }
+
+  .text-pane .md code {
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 0.9em;
+  }
+
+  .text-pane .md pre {
+    margin: 0 0 10px;
+    padding: 8px;
+    overflow: auto;
+    background: var(--ui9000-color-background, #f3f4f6);
+    border-radius: 6px;
+  }
+
+  .text-pane .md a {
+    color: var(--ui9000-color-primary, #473dd9);
+  }
+
+  .image-pane {
+    display: flex;
+    width: 100%;
+    height: 100%;
+    border-radius: 6px;
+    overflow: hidden;
+  }
+
+  .image-pane img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+`;
+export {
+  customWidgetStyles
+};
+//# sourceMappingURL=styles.js.map

package/dist/components/custom-widget/element/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/custom-widget/element/styles.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { KPI_ROW_HEIGHT, PANE_GAP } from '../lib/layout.js';\n\nexport const customWidgetStyles = css`\n  :host {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    min-height: 220px;\n    overflow: hidden;\n    border-radius: 8px;\n    color: var(--ui9000-color-text, #111827);\n    font-family: var(--ui9000-font-family, system-ui, sans-serif);\n    box-sizing: border-box;\n  }\n\n  .custom-root {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: inherit;\n    overflow: hidden;\n  }\n\n  /* Nested charts keep plot chrome; the pane is the rounded zone */\n  .pane ui9000-chart-renderer {\n    min-height: 0;\n  }\n\n  .kpi-band {\n    flex: 0 0 auto;\n    height: ${KPI_ROW_HEIGHT}px;\n    min-height: ${KPI_ROW_HEIGHT}px;\n    max-height: ${KPI_ROW_HEIGHT}px;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .custom-content {\n    display: flex;\n    flex: 1 1 auto;\n    min-height: 0;\n    min-width: 0;\n    width: 100%;\n    gap: ${PANE_GAP}px;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .pane {\n    display: flex;\n    align-items: stretch;\n    justify-content: center;\n    min-width: 0;\n    min-height: 0;\n    flex: 1 1 0;\n    overflow: hidden;\n    --ui9000-host-min-height: 0;\n    --ui9000-plot-min-height: 0;\n  }\n\n  .pane[data-kind='chartWidget'],\n  .pane[data-kind='tableWidget'],\n  .pane[data-kind='textWidget'],\n  .pane[data-kind='imageWidget'] {\n    border: 1px solid var(--ui9000-color-border, #e5e7eb);\n    border-radius: 8px;\n    background: var(--ui9000-color-surface, #fff);\n  }\n\n  .custom-content[data-direction='vertical'][data-panes='2'] .pane {\n    flex: 1 1 50%;\n    max-width: 50%;\n  }\n\n  .custom-content[data-direction='horizontal'][data-panes='2'] .pane {\n    flex: 1 1 0;\n    min-height: 0;\n  }\n\n  .pane > * {\n    display: block;\n    width: 100%;\n    height: 100%;\n    min-width: 0;\n    min-height: 0;\n  }\n\n  .pane-empty,\n  .default-state {\n    display: grid;\n    place-items: center;\n    align-content: center;\n    width: 100%;\n    height: 100%;\n    padding: 1rem;\n    text-align: center;\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 0.875rem;\n    line-height: 1.4;\n    box-sizing: border-box;\n  }\n\n  .pane-empty strong,\n  .default-state strong {\n    display: block;\n    margin-bottom: 0.25rem;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n  }\n\n  .default-state span,\n  .pane-empty span {\n    max-width: 34ch;\n  }\n\n  .table-root {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .table-scroll {\n    flex: 1 1 auto;\n    min-height: 0;\n    width: 100%;\n    overflow: auto;\n    scrollbar-width: thin;\n  }\n\n  .table {\n    width: 100%;\n    /* collapse lets tbody text paint through sticky headers */\n    border-collapse: separate;\n    border-spacing: 0;\n    table-layout: fixed;\n  }\n\n  .table thead {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background: var(--ui9000-color-surface, #ffffff);\n  }\n\n  .table thead th {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    background: var(--ui9000-color-surface, #ffffff);\n    background-clip: padding-box;\n    color: var(--ui9000-color-text, #111827);\n    font-weight: 600;\n    font-size: 13px;\n    letter-spacing: 0.01em;\n    text-transform: capitalize;\n    box-shadow: 0 1px 0 var(--ui9000-color-grid, #e5e7eb);\n  }\n\n  .table th,\n  .table td {\n    padding: 10px 12px;\n    vertical-align: middle;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    border-bottom: 1px solid var(--ui9000-color-grid, #e5e7eb);\n    color: var(--ui9000-color-text-muted, #6b7280);\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    text-align: left;\n  }\n\n  .table tbody tr:last-child td {\n    border-bottom: none;\n  }\n\n  .table-badge {\n    display: inline-block;\n    padding: 2px 8px;\n    border-radius: 999px;\n    font-size: 12px;\n    font-weight: 600;\n    line-height: 16px;\n  }\n\n  .table-badge[data-type='success'] {\n    color: #0f7b4a;\n    background: #d9f5e7;\n  }\n\n  .table-badge[data-type='error'] {\n    color: #b42318;\n    background: #fde8e6;\n  }\n\n  .text-pane {\n    width: 100%;\n    height: 100%;\n    min-height: 0;\n    overflow: auto;\n    padding: 8px;\n    box-sizing: border-box;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n    color: var(--ui9000-color-text, #111827);\n    text-align: left;\n  }\n\n  .text-pane .md p {\n    margin: 0 0 10px;\n  }\n\n  .text-pane .md h1,\n  .text-pane .md h2,\n  .text-pane .md h3 {\n    margin: 0 0 8px;\n    font-weight: 600;\n    color: var(--ui9000-color-text, #111827);\n  }\n\n  .text-pane .md h1 {\n    font-size: 1.25rem;\n  }\n\n  .text-pane .md h2 {\n    font-size: 1.1rem;\n  }\n\n  .text-pane .md h3 {\n    font-size: 1rem;\n  }\n\n  .text-pane .md ul,\n  .text-pane .md ol {\n    margin: 0 0 10px;\n    padding-left: 16px;\n  }\n\n  .text-pane .md li {\n    margin: 1px 0;\n    padding-bottom: 5px;\n  }\n\n  .text-pane .md code {\n    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n    font-size: 0.9em;\n  }\n\n  .text-pane .md pre {\n    margin: 0 0 10px;\n    padding: 8px;\n    overflow: auto;\n    background: var(--ui9000-color-background, #f3f4f6);\n    border-radius: 6px;\n  }\n\n  .text-pane .md a {\n    color: var(--ui9000-color-primary, #473dd9);\n  }\n\n  .image-pane {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    border-radius: 6px;\n    overflow: hidden;\n  }\n\n  .image-pane img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n`;\n"],"names":[],"mappings":";;AAIO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cA8BpB,cAAc;AAAA,kBACV,cAAc;AAAA,kBACd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAWrB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/components/custom-widget/element/ui9000-custom-widget.d.ts

@@ -0,0 +1,48 @@
+import { PropertyValues, TemplateResult } from 'lit';
+import { Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';
+import { WidgetScale } from '../../../types/index.js';
+import { ArrangingDirection } from '../lib/index.js';
+/**
+ * FuseDash CustomWidget shell: title, optional KPI band, and up to two arranged
+ * panes. Chart panes mount `ui9000-chart-renderer`, the KPI band mounts
+ * `ui9000-kpi-widget`; table / text / image panes render inline. Child charts
+ * are lazy-loaded so this entry stays small.
+ */
+export declare class Ui9000CustomWidget extends Ui9000ChartElement {
+    static styles: import('lit').CSSResult[];
+    scale: WidgetScale;
+    /** Overrides `arranging.direction` from the payload */
+    direction: ArrangingDirection | '';
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    private _model;
+    connectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    /** Register the child elements this model actually uses. */
+    private loadPaneElements;
+    private get resolvedDirection();
+    /** chart-renderer reads absent as "unset", so forward an explicit value */
+    private flag;
+    /**
+     * Inner FuseDash chartType for the chart pane. Must be forwarded as
+     * `chart-type` so the renderer does not treat `isCustom` as customWidget.
+     */
+    private paneChartType;
+    /** KPI cards only — omit widget `name` so the band does not repeat the shell title */
+    private kpiDataJson;
+    private renderEmpty;
+    private renderTable;
+    private renderText;
+    private renderImage;
+    private renderPane;
+    private renderKpiBand;
+    render(): TemplateResult<1>;
+}
+export declare function registerCustomWidget(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-custom-widget': Ui9000CustomWidget;
+    }
+}
+//# sourceMappingURL=ui9000-custom-widget.d.ts.map

package/dist/components/custom-widget/element/ui9000-custom-widget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-custom-widget.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/element/ui9000-custom-widget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9E,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAE7F,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAIL,KAAK,kBAAkB,EAGxB,MAAM,iBAAiB,CAAC;AA0BzB;;;;;GAKG;AACH,qBACa,kBAAmB,SAAQ,kBAAkB;IACxD,OAAgB,MAAM,4BAA0C;IAGhE,KAAK,EAAE,WAAW,CAAa;IAE/B,uDAAuD;IAEvD,SAAS,EAAE,kBAAkB,GAAG,EAAE,CAAM;IAGxC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,OAAO,CAAC,MAAM,CAAkC;IAEvC,iBAAiB,IAAI,IAAI;IAMzB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAOlD,4DAA4D;YAC9C,gBAAgB;IAS9B,OAAO,KAAK,iBAAiB,GAI5B;IAED,2EAA2E;IAC3E,OAAO,CAAC,IAAI;IAIZ;;;OAGG;IACH,OAAO,CAAC,aAAa;IAKrB,sFAAsF;IACtF,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,WAAW;IAWnB,OAAO,CAAC,WAAW;IAuCnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,WAAW;IAqBnB,OAAO,CAAC,UAAU;IAiClB,OAAO,CAAC,aAAa;IAYZ,MAAM;CAyBhB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAI3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}