@fusedashlabs/widgets 0.4.4 → 0.5.0

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,47 @@
+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 mount those primitives.
+ */
+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,EAGL,KAAK,kBAAkB,EAGxB,MAAM,iBAAiB,CAAC;AA0BzB;;;;GAIG;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;IAkB9B,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;IAYnB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,WAAW;IAenB,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"}

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

@@ -0,0 +1,242 @@
+import { html, nothing } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { styleMap } from "lit/directives/style-map.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { loadChart } from "../../../lazy/index.js";
+import { parseJsonAttr } from "../../../utils/chart-helpers.js";
+import { customWidgetStyles } from "./styles.js";
+import { normalizeCustomWidget } from "../lib/normalize.js";
+import { paneFlexDirection } from "../lib/layout.js";
+import { chartShellStyles } from "../../../element/chart-shell-styles.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+const flagConverter = {
+  fromAttribute: (value) => value !== null && value !== "false",
+  toAttribute: (value) => value ? "" : "false"
+};
+const EMPTY_MODEL = {
+  title: "",
+  direction: "vertical",
+  hasKpi: false,
+  panes: [],
+  widget: null,
+  isEmpty: true
+};
+const DEFAULT_STATE_TITLE = "Choose an Option";
+const DEFAULT_STATE_SUBTITLE = "We recommend starting with a chart, then enhancing your widget with lists, tables, or descriptions.";
+let Ui9000CustomWidget = class extends Ui9000ChartElement {
+  constructor() {
+    super(...arguments);
+    this.scale = "default";
+    this.direction = "";
+    this.showGrid = true;
+    this.showLegend = true;
+    this.showTooltip = true;
+    this._model = EMPTY_MODEL;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this._model = normalizeCustomWidget(parseJsonAttr(this.dataJson, null));
+    void this.loadPaneElements();
+  }
+  willUpdate(changed) {
+    if (changed.has("dataJson")) {
+      this._model = normalizeCustomWidget(parseJsonAttr(this.dataJson, null));
+      void this.loadPaneElements();
+    }
+  }
+  /** Register the child elements this model actually uses. */
+  async loadPaneElements() {
+    const pending = [];
+    if (this._model.hasKpi) pending.push(loadChart("kpi-widget"));
+    if (this._model.panes.some((pane) => pane.kind === "chartWidget" && pane.renderable)) {
+      pending.push(loadChart("chart-renderer"));
+    }
+    if (this._model.panes.some((pane) => pane.kind === "tableWidget" && pane.renderable)) {
+      pending.push(loadChart("table"));
+    }
+    if (this._model.panes.some((pane) => pane.kind === "textWidget" && pane.renderable)) {
+      pending.push(loadChart("text"));
+    }
+    if (this._model.panes.some((pane) => pane.kind === "imageWidget" && pane.renderable)) {
+      pending.push(loadChart("image"));
+    }
+    await Promise.all(pending);
+  }
+  get resolvedDirection() {
+    return this.direction === "horizontal" || this.direction === "vertical" ? this.direction : this._model.direction;
+  }
+  /** chart-renderer reads absent as "unset", so forward an explicit value */
+  flag(value) {
+    return value ? "" : "false";
+  }
+  /**
+   * Inner FuseDash chartType for the chart pane. Must be forwarded as
+   * `chart-type` so the renderer does not treat `isCustom` as customWidget.
+   */
+  paneChartType() {
+    var _a;
+    const chartType = (_a = this._model.widget) == null ? void 0 : _a.chartType;
+    return typeof chartType === "string" ? chartType.trim() : "";
+  }
+  /** KPI cards only — omit widget `name` so the band does not repeat the shell title */
+  kpiDataJson() {
+    var _a;
+    const kpis = (_a = this._model.widget) == null ? void 0 : _a.kpis;
+    return JSON.stringify(Array.isArray(kpis) ? kpis : []);
+  }
+  renderEmpty(title, subtitle, className) {
+    return html`
+      <div class=${className}>
+        <div>
+          <strong>${title}</strong>
+          <span>${subtitle}</span>
+        </div>
+      </div>
+    `;
+  }
+  renderTable(pane) {
+    const table = pane.table;
+    if (!table) {
+      return this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, "pane-empty");
+    }
+    return html`
+      <div class="pane" data-kind=${pane.kind}>
+        <ui9000-table data=${JSON.stringify(table)}></ui9000-table>
+      </div>
+    `;
+  }
+  renderText(pane) {
+    if (!pane.text) {
+      return html`
+        <div class="pane" data-kind=${pane.kind}>
+          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, "pane-empty")}
+        </div>
+      `;
+    }
+    return html`
+      <div class="pane" data-kind=${pane.kind}>
+        <ui9000-text data=${JSON.stringify({ text: pane.text })}></ui9000-text>
+      </div>
+    `;
+  }
+  renderImage(pane) {
+    if (!pane.image) {
+      return html`
+        <div class="pane" data-kind=${pane.kind}>
+          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, "pane-empty")}
+        </div>
+      `;
+    }
+    return html`
+      <div class="pane" data-kind=${pane.kind}>
+        <ui9000-image data=${JSON.stringify({ src: pane.image.src, alt: pane.image.alt })}></ui9000-image>
+      </div>
+    `;
+  }
+  renderPane(pane) {
+    if (pane.kind === "tableWidget") {
+      return pane.renderable ? this.renderTable(pane) : html`
+        <div class="pane" data-kind=${pane.kind}>
+          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, "pane-empty")}
+        </div>
+      `;
+    }
+    if (pane.kind === "textWidget") return this.renderText(pane);
+    if (pane.kind === "imageWidget") return this.renderImage(pane);
+    if (!pane.renderable) {
+      return html`
+        <div class="pane" data-kind=${pane.kind}>
+          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, "pane-empty")}
+        </div>
+      `;
+    }
+    return html`
+      <div class="pane" data-kind=${pane.kind}>
+        <ui9000-chart-renderer
+          embedded
+          data=${this.dataJson}
+          chart-type=${this.paneChartType()}
+          scale=${this.scale}
+          show-header="false"
+          show-grid=${this.flag(this.showGrid)}
+          show-legend=${this.flag(this.showLegend)}
+          show-tooltip=${this.flag(this.showTooltip)}
+        ></ui9000-chart-renderer>
+      </div>
+    `;
+  }
+  renderKpiBand() {
+    return html`
+      <div class="kpi-band">
+        <ui9000-kpi-widget
+          data=${this.kpiDataJson()}
+          scale=${this.scale}
+          show-header="false"
+        ></ui9000-kpi-widget>
+      </div>
+    `;
+  }
+  render() {
+    const model = this._model;
+    const title = this.headerTitle();
+    return html`
+      <div class="widget-shell custom-root" part="shell">
+        ${this.renderShellHeader(title)} ${model.hasKpi ? this.renderKpiBand() : nothing}
+        ${model.isEmpty ? this.renderEmpty(DEFAULT_STATE_TITLE, DEFAULT_STATE_SUBTITLE, "default-state") : html`
+              <div
+                class="custom-content"
+                data-direction=${this.resolvedDirection}
+                data-panes=${model.panes.length}
+                style=${styleMap({
+      flexDirection: paneFlexDirection(this.resolvedDirection)
+    })}
+              >
+                ${model.panes.map((pane) => this.renderPane(pane))}
+              </div>
+            `}
+        ${this.renderShellLabelTooltip()}
+      </div>
+    `;
+  }
+};
+Ui9000CustomWidget.styles = [customWidgetStyles, chartShellStyles];
+__decorateClass([
+  property({ type: String, attribute: "scale" })
+], Ui9000CustomWidget.prototype, "scale", 2);
+__decorateClass([
+  property({ type: String, attribute: "direction" })
+], Ui9000CustomWidget.prototype, "direction", 2);
+__decorateClass([
+  property({ converter: flagConverter, attribute: "show-grid" })
+], Ui9000CustomWidget.prototype, "showGrid", 2);
+__decorateClass([
+  property({ converter: flagConverter, attribute: "show-legend" })
+], Ui9000CustomWidget.prototype, "showLegend", 2);
+__decorateClass([
+  property({ converter: flagConverter, attribute: "show-tooltip" })
+], Ui9000CustomWidget.prototype, "showTooltip", 2);
+__decorateClass([
+  state()
+], Ui9000CustomWidget.prototype, "_model", 2);
+Ui9000CustomWidget = __decorateClass([
+  customElement("ui9000-custom-widget")
+], Ui9000CustomWidget);
+function registerCustomWidget() {
+  if (!customElements.get("ui9000-custom-widget")) {
+    customElements.define("ui9000-custom-widget", Ui9000CustomWidget);
+  }
+}
+export {
+  Ui9000CustomWidget,
+  registerCustomWidget
+};
+//# sourceMappingURL=ui9000-custom-widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-custom-widget.js","sources":["../../../../src/components/custom-widget/element/ui9000-custom-widget.ts"],"sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { loadChart } from '../../../lazy/index.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  normalizeCustomWidget,\n  paneFlexDirection,\n  type ArrangingDirection,\n  type CustomPane,\n  type CustomWidgetModel,\n} from '../lib/index.js';\nimport { customWidgetStyles } from './styles.js';\n\n/**\n * `show-*` flags default to on; `show-x=\"false\"` turns them off. Matches how\n * `ui9000-chart-renderer` reads the same attributes.\n */\nconst flagConverter = {\n  fromAttribute: (value: string | null): boolean => value !== null && value !== 'false',\n  toAttribute: (value: boolean): string => (value ? '' : 'false'),\n};\n\nconst EMPTY_MODEL: CustomWidgetModel = {\n  title: '',\n  direction: 'vertical',\n  hasKpi: false,\n  panes: [],\n  widget: null,\n  isEmpty: true,\n};\n\n/** Client `WidgetDefaultState` copy, minus the editor-only toolbar */\nconst DEFAULT_STATE_TITLE = 'Choose an Option';\nconst DEFAULT_STATE_SUBTITLE =\n  'We recommend starting with a chart, then enhancing your widget with lists, tables, or descriptions.';\n\n/**\n * FuseDash CustomWidget shell: title, optional KPI band, and up to two arranged\n * panes. Chart panes mount `ui9000-chart-renderer`, the KPI band mounts\n * `ui9000-kpi-widget`; table / text / image panes mount those primitives.\n */\n@customElement('ui9000-custom-widget')\nexport class Ui9000CustomWidget extends Ui9000ChartElement {\n  static override styles = [customWidgetStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  /** Overrides `arranging.direction` from the payload */\n  @property({ type: String, attribute: 'direction' })\n  direction: ArrangingDirection | '' = '';\n\n  @property({ converter: flagConverter, attribute: 'show-grid' })\n  showGrid = true;\n\n  @property({ converter: flagConverter, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ converter: flagConverter, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _model: CustomWidgetModel = EMPTY_MODEL;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._model = normalizeCustomWidget(parseJsonAttr<unknown>(this.dataJson, null));\n    void this.loadPaneElements();\n  }\n\n  override willUpdate(changed: PropertyValues): void {\n    if (changed.has('dataJson')) {\n      this._model = normalizeCustomWidget(parseJsonAttr<unknown>(this.dataJson, null));\n      void this.loadPaneElements();\n    }\n  }\n\n  /** Register the child elements this model actually uses. */\n  private async loadPaneElements(): Promise<void> {\n    const pending: Promise<unknown>[] = [];\n    if (this._model.hasKpi) pending.push(loadChart('kpi-widget'));\n    if (this._model.panes.some((pane) => pane.kind === 'chartWidget' && pane.renderable)) {\n      pending.push(loadChart('chart-renderer'));\n    }\n    if (this._model.panes.some((pane) => pane.kind === 'tableWidget' && pane.renderable)) {\n      pending.push(loadChart('table'));\n    }\n    if (this._model.panes.some((pane) => pane.kind === 'textWidget' && pane.renderable)) {\n      pending.push(loadChart('text'));\n    }\n    if (this._model.panes.some((pane) => pane.kind === 'imageWidget' && pane.renderable)) {\n      pending.push(loadChart('image'));\n    }\n    await Promise.all(pending);\n  }\n\n  private get resolvedDirection(): ArrangingDirection {\n    return this.direction === 'horizontal' || this.direction === 'vertical'\n      ? this.direction\n      : this._model.direction;\n  }\n\n  /** chart-renderer reads absent as \"unset\", so forward an explicit value */\n  private flag(value: boolean): string {\n    return value ? '' : 'false';\n  }\n\n  /**\n   * Inner FuseDash chartType for the chart pane. Must be forwarded as\n   * `chart-type` so the renderer does not treat `isCustom` as customWidget.\n   */\n  private paneChartType(): string {\n    const chartType = this._model.widget?.chartType;\n    return typeof chartType === 'string' ? chartType.trim() : '';\n  }\n\n  /** KPI cards only — omit widget `name` so the band does not repeat the shell title */\n  private kpiDataJson(): string {\n    const kpis = this._model.widget?.kpis;\n    return JSON.stringify(Array.isArray(kpis) ? kpis : []);\n  }\n\n  private renderEmpty(title: string, subtitle: string, className: string): TemplateResult {\n    return html`\n      <div class=${className}>\n        <div>\n          <strong>${title}</strong>\n          <span>${subtitle}</span>\n        </div>\n      </div>\n    `;\n  }\n\n  private renderTable(pane: CustomPane): TemplateResult {\n    const table = pane.table;\n    if (!table) {\n      return this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty');\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-table data=${JSON.stringify(table)}></ui9000-table>\n      </div>\n    `;\n  }\n\n  private renderText(pane: CustomPane): TemplateResult {\n    if (!pane.text) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-text data=${JSON.stringify({ text: pane.text })}></ui9000-text>\n      </div>\n    `;\n  }\n\n  private renderImage(pane: CustomPane): TemplateResult {\n    if (!pane.image) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-image data=${JSON.stringify({ src: pane.image.src, alt: pane.image.alt })}></ui9000-image>\n      </div>\n    `;\n  }\n\n  private renderPane(pane: CustomPane): TemplateResult {\n    if (pane.kind === 'tableWidget') {\n      return pane.renderable ? this.renderTable(pane) : html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    if (pane.kind === 'textWidget') return this.renderText(pane);\n    if (pane.kind === 'imageWidget') return this.renderImage(pane);\n    if (!pane.renderable) {\n      return html`\n        <div class=\"pane\" data-kind=${pane.kind}>\n          ${this.renderEmpty(pane.emptyTitle, pane.emptySubtitle, 'pane-empty')}\n        </div>\n      `;\n    }\n    return html`\n      <div class=\"pane\" data-kind=${pane.kind}>\n        <ui9000-chart-renderer\n          embedded\n          data=${this.dataJson}\n          chart-type=${this.paneChartType()}\n          scale=${this.scale}\n          show-header=\"false\"\n          show-grid=${this.flag(this.showGrid)}\n          show-legend=${this.flag(this.showLegend)}\n          show-tooltip=${this.flag(this.showTooltip)}\n        ></ui9000-chart-renderer>\n      </div>\n    `;\n  }\n\n  private renderKpiBand(): TemplateResult {\n    return html`\n      <div class=\"kpi-band\">\n        <ui9000-kpi-widget\n          data=${this.kpiDataJson()}\n          scale=${this.scale}\n          show-header=\"false\"\n        ></ui9000-kpi-widget>\n      </div>\n    `;\n  }\n\n  override render() {\n    const model = this._model;\n    const title = this.headerTitle();\n\n    return html`\n      <div class=\"widget-shell custom-root\" part=\"shell\">\n        ${this.renderShellHeader(title)} ${model.hasKpi ? this.renderKpiBand() : nothing}\n        ${model.isEmpty\n          ? this.renderEmpty(DEFAULT_STATE_TITLE, DEFAULT_STATE_SUBTITLE, 'default-state')\n          : html`\n              <div\n                class=\"custom-content\"\n                data-direction=${this.resolvedDirection}\n                data-panes=${model.panes.length}\n                style=${styleMap({\n                  flexDirection: paneFlexDirection(this.resolvedDirection),\n                })}\n              >\n                ${model.panes.map((pane) => this.renderPane(pane))}\n              </div>\n            `}\n        ${this.renderShellLabelTooltip()}\n      </div>\n    `;\n  }\n}\n\nexport function registerCustomWidget(): void {\n  if (!customElements.get('ui9000-custom-widget')) {\n    customElements.define('ui9000-custom-widget', Ui9000CustomWidget);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-custom-widget': Ui9000CustomWidget;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/custom-widget/index.d.ts

@@ -0,0 +1,4 @@
+export { Ui9000CustomWidget, registerCustomWidget } from './element/ui9000-custom-widget.js';
+export { isContentChartType, normalizeCustomWidget, normalizeTableModel, paneFlexDirection, KPI_ROW_HEIGHT, MAX_PANES, PANE_GAP, type ArrangingDirection, type CustomPane, type CustomPaneKind, type CustomTableModel, type CustomWidgetArranging, type CustomWidgetModel, type CustomWidgetPayload, } from './lib/index.js';
+export { default as customWidgetMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/custom-widget/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/custom-widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,QAAQ,EACR,KAAK,kBAAkB,EACvB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EACtB,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/custom-widget/index.js

@@ -0,0 +1,19 @@
+import { registerCustomWidget } from "./element/ui9000-custom-widget.js";
+import { Ui9000CustomWidget } from "./element/ui9000-custom-widget.js";
+import { default as default2 } from "./metadata.json.js";
+import { KPI_ROW_HEIGHT, MAX_PANES, PANE_GAP, paneFlexDirection } from "./lib/layout.js";
+import { isContentChartType, normalizeCustomWidget } from "./lib/normalize.js";
+import { normalizeTableModel } from "../table/lib/table.js";
+export {
+  KPI_ROW_HEIGHT,
+  MAX_PANES,
+  PANE_GAP,
+  Ui9000CustomWidget,
+  default2 as customWidgetMetadata,
+  isContentChartType,
+  normalizeCustomWidget,
+  normalizeTableModel,
+  paneFlexDirection,
+  registerCustomWidget
+};
+//# sourceMappingURL=index.js.map

package/dist/components/custom-widget/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/custom-widget/lib/content.d.ts

@@ -0,0 +1,2 @@
+export { isExternalImageUrl, normalizeImageContent, normalizeTextContent, } from '../../image/lib/url.js';
+//# sourceMappingURL=content.d.ts.map

package/dist/components/custom-widget/lib/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/content.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,wBAAwB,CAAC"}

package/dist/components/custom-widget/lib/index.d.ts

@@ -0,0 +1,8 @@
+export { KPI_ROW_HEIGHT, MAX_PANES, PANE_GAP, paneFlexDirection, panesFromSlots, limitSelectedPanes, isPaneSlotDisabled, PANE_SLOT_KEYS, type CustomWidgetPaneSlot, type CustomWidgetSlots, } from './layout.js';
+export { isContentChartType, normalizeCustomWidget } from './normalize.js';
+export { renderMarkdown } from './markdown.js';
+export { buildLiveTableRowsFromSources, formatTableCell, normalizeTableModel, parseTableHeaders, } from './table.js';
+export { normalizeImageContent, normalizeTextContent } from './content.js';
+export type { ArrangingDirection, CustomPane, CustomPaneKind, CustomWidgetArranging, CustomWidgetModel, CustomWidgetPayload, } from './types.js';
+export type { CustomTableModel, TableCellModel, TableColumnSource, TableHeader } from './table.js';
+//# sourceMappingURL=index.d.ts.map