@fusedashlabs/widgets 0.4.3 → 0.4.5

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

@@ -0,0 +1,265 @@
+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 { renderMarkdown } from "../lib/markdown.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"));
+    }
+    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}>
+        <div class="table-root">
+          <div class="table-scroll">
+            <table class="table">
+              <thead>
+                <tr>
+                  ${table.columns.map(
+      (col) => html`<th class="table-cell" data-header>${col.label}</th>`
+    )}
+                </tr>
+              </thead>
+              <tbody>
+                ${table.cells.map(
+      (row) => html`
+                    <tr class="table-row">
+                      ${row.map(
+        (cell) => cell.badge ? html`<td class="table-cell">
+                              <span class="table-badge" data-type=${cell.badge}>${cell.text}</span>
+                            </td>` : html`<td class="table-cell">${cell.text}</td>`
+      )}
+                    </tr>
+                  `
+    )}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </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}>
+        <div class="text-pane">${renderMarkdown(pane.text)}</div>
+      </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}>
+        <div class="image-pane">
+          <img
+            src=${pane.image.src}
+            alt=${pane.image.alt}
+            referrerpolicy="no-referrer"
+          />
+        </div>
+      </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  renderMarkdown,\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 render inline. Child charts\n * are lazy-loaded so this entry stays small.\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    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        <div class=\"table-root\">\n          <div class=\"table-scroll\">\n            <table class=\"table\">\n              <thead>\n                <tr>\n                  ${table.columns.map(\n                    (col) => html`<th class=\"table-cell\" data-header>${col.label}</th>`,\n                  )}\n                </tr>\n              </thead>\n              <tbody>\n                ${table.cells.map(\n                  (row) => html`\n                    <tr class=\"table-row\">\n                      ${row.map((cell) =>\n                        cell.badge\n                          ? html`<td class=\"table-cell\">\n                              <span class=\"table-badge\" data-type=${cell.badge}>${cell.text}</span>\n                            </td>`\n                          : html`<td class=\"table-cell\">${cell.text}</td>`,\n                      )}\n                    </tr>\n                  `,\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\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        <div class=\"text-pane\">${renderMarkdown(pane.text)}</div>\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        <div class=\"image-pane\">\n          <img\n            src=${pane.image.src}\n            alt=${pane.image.alt}\n            referrerpolicy=\"no-referrer\"\n          />\n        </div>\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 "./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,13 @@
+/** Text + image panes — MCP is read-only (no editor, upload, or AI chat). */
+export declare function normalizeTextContent(widget: {
+    text?: unknown;
+}): string | null;
+export declare function isExternalImageUrl(url: string): boolean;
+export declare function normalizeImageContent(widget: {
+    imageUrl?: unknown;
+    alt?: unknown;
+}): {
+    src: string;
+    alt: string;
+} | null;
+//# 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,6EAA6E;AAI7E,wBAAgB,oBAAoB,CAAC,MAAM,EAAE;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,MAAM,GAAG,IAAI,CAI9E;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAEvD;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAMtC"}

package/dist/components/custom-widget/lib/content.js

@@ -0,0 +1,22 @@
+const HTTP_URL = /^https?:\/\//i;
+function normalizeTextContent(widget) {
+  if (typeof widget.text !== "string") return null;
+  const text = widget.text.trim();
+  return text ? text : null;
+}
+function isExternalImageUrl(url) {
+  return HTTP_URL.test(url.trim());
+}
+function normalizeImageContent(widget) {
+  if (typeof widget.imageUrl !== "string") return null;
+  const src = widget.imageUrl.trim();
+  if (!src || src === "-" || !isExternalImageUrl(src)) return null;
+  const alt = typeof widget.alt === "string" && widget.alt.trim() ? widget.alt.trim() : "Preview";
+  return { src, alt };
+}
+export {
+  isExternalImageUrl,
+  normalizeImageContent,
+  normalizeTextContent
+};
+//# sourceMappingURL=content.js.map

package/dist/components/custom-widget/lib/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../src/components/custom-widget/lib/content.ts"],"sourcesContent":["/** Text + image panes — MCP is read-only (no editor, upload, or AI chat). */\n\nconst HTTP_URL = /^https?:\\/\\//i;\n\nexport function normalizeTextContent(widget: { text?: unknown }): string | null {\n  if (typeof widget.text !== 'string') return null;\n  const text = widget.text.trim();\n  return text ? text : null;\n}\n\nexport function isExternalImageUrl(url: string): boolean {\n  return HTTP_URL.test(url.trim());\n}\n\nexport function normalizeImageContent(widget: {\n  imageUrl?: unknown;\n  alt?: unknown;\n}): { src: string; alt: string } | null {\n  if (typeof widget.imageUrl !== 'string') return null;\n  const src = widget.imageUrl.trim();\n  if (!src || src === '-' || !isExternalImageUrl(src)) return null;\n  const alt = typeof widget.alt === 'string' && widget.alt.trim() ? widget.alt.trim() : 'Preview';\n  return { src, alt };\n}\n"],"names":[],"mappings":"AAEA,MAAM,WAAW;AAEV,SAAS,qBAAqB,QAA2C;AAC9E,MAAI,OAAO,OAAO,SAAS,SAAU,QAAO;AAC5C,QAAM,OAAO,OAAO,KAAK,KAAA;AACzB,SAAO,OAAO,OAAO;AACvB;AAEO,SAAS,mBAAmB,KAAsB;AACvD,SAAO,SAAS,KAAK,IAAI,KAAA,CAAM;AACjC;AAEO,SAAS,sBAAsB,QAGE;AACtC,MAAI,OAAO,OAAO,aAAa,SAAU,QAAO;AAChD,QAAM,MAAM,OAAO,SAAS,KAAA;AAC5B,MAAI,CAAC,OAAO,QAAQ,OAAO,CAAC,mBAAmB,GAAG,EAAG,QAAO;AAC5D,QAAM,MAAM,OAAO,OAAO,QAAQ,YAAY,OAAO,IAAI,KAAA,IAAS,OAAO,IAAI,KAAA,IAAS;AACtF,SAAO,EAAE,KAAK,IAAA;AAChB;"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,KAAK,oBAAoB,EACzB,KAAK,iBAAiB,GACvB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EACL,6BAA6B,EAC7B,eAAe,EACf,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC3E,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,35 @@
+import { ArrangingDirection, CustomPaneKind } from './types.js';
+/** Client `WIDGET_DIMENSIONS.KPI_HEIGHT` — fixed band above the panes */
+export declare const KPI_ROW_HEIGHT = 104;
+/** Client renders a 10px spacer between two panes in MCP chat */
+export declare const PANE_GAP = 10;
+/** `useWidgetToolbar` disables adding past two panes */
+export declare const MAX_PANES = 2;
+/** Story / playground toggles — KPI is a band, not a pane */
+export interface CustomWidgetSlots {
+    kpi?: boolean;
+    chart?: boolean;
+    table?: boolean;
+    text?: boolean;
+    image?: boolean;
+}
+export declare const PANE_SLOT_KEYS: readonly ["chart", "table", "text", "image"];
+export type CustomWidgetPaneSlot = (typeof PANE_SLOT_KEYS)[number];
+/**
+ * First two enabled pane slots, in chart → table → text → image order.
+ * KPI is ignored here — it is not a main widget.
+ */
+export declare function panesFromSlots(slots: CustomWidgetSlots): CustomPaneKind[];
+/**
+ * At most two pane switches stay on. KPI is never capped.
+ * A third pane is rejected so the previous pair stays selected.
+ */
+export declare function limitSelectedPanes(slots: CustomWidgetSlots, previous?: CustomWidgetSlots): CustomWidgetSlots;
+/**
+ * Client `WidgetContent` maps direction onto flex-direction inverted:
+ * `vertical` → row, `horizontal` → column.
+ */
+export declare function paneFlexDirection(direction: ArrangingDirection): 'row' | 'column';
+/** Unselected pane switches disable once two panes are already on. KPI is not a pane. */
+export declare function isPaneSlotDisabled(slots: CustomWidgetSlots, key: CustomWidgetPaneSlot): boolean;
+//# sourceMappingURL=layout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAErE,yEAAyE;AACzE,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,iEAAiE;AACjE,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B,wDAAwD;AACxD,eAAO,MAAM,SAAS,IAAI,CAAC;AAE3B,6DAA6D;AAC7D,MAAM,WAAW,iBAAiB;IAChC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,8CAA+C,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AA2BnE;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,GAAG,cAAc,EAAE,CAIzE;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,EACxB,QAAQ,GAAE,iBAAsB,GAC/B,iBAAiB,CASnB;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAEjF;AAED,yFAAyF;AACzF,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,iBAAiB,EACxB,GAAG,EAAE,oBAAoB,GACxB,OAAO,CAGT"}

package/dist/components/custom-widget/lib/layout.js

@@ -0,0 +1,13 @@
+const KPI_ROW_HEIGHT = 104;
+const PANE_GAP = 10;
+const MAX_PANES = 2;
+function paneFlexDirection(direction) {
+  return direction === "vertical" ? "row" : "column";
+}
+export {
+  KPI_ROW_HEIGHT,
+  MAX_PANES,
+  PANE_GAP,
+  paneFlexDirection
+};
+//# sourceMappingURL=layout.js.map

package/dist/components/custom-widget/lib/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sources":["../../../../src/components/custom-widget/lib/layout.ts"],"sourcesContent":["import type { ArrangingDirection, CustomPaneKind } from './types.js';\n\n/** Client `WIDGET_DIMENSIONS.KPI_HEIGHT` — fixed band above the panes */\nexport const KPI_ROW_HEIGHT = 104;\n\n/** Client renders a 10px spacer between two panes in MCP chat */\nexport const PANE_GAP = 10;\n\n/** `useWidgetToolbar` disables adding past two panes */\nexport const MAX_PANES = 2;\n\n/** Story / playground toggles — KPI is a band, not a pane */\nexport interface CustomWidgetSlots {\n  kpi?: boolean;\n  chart?: boolean;\n  table?: boolean;\n  text?: boolean;\n  image?: boolean;\n}\n\nexport const PANE_SLOT_KEYS = ['chart', 'table', 'text', 'image'] as const;\n\nexport type CustomWidgetPaneSlot = (typeof PANE_SLOT_KEYS)[number];\n\nconst SLOT_PANES: readonly { key: CustomWidgetPaneSlot; kind: CustomPaneKind }[] = [\n  { key: 'chart', kind: 'chartWidget' },\n  { key: 'table', kind: 'tableWidget' },\n  { key: 'text', kind: 'textWidget' },\n  { key: 'image', kind: 'imageWidget' },\n];\n\nfunction selectedPaneSlots(slots: CustomWidgetSlots): CustomWidgetPaneSlot[] {\n  return PANE_SLOT_KEYS.filter((key) => !!slots[key]);\n}\n\nfunction slotsFromPaneKeys(\n  slots: CustomWidgetSlots,\n  panes: readonly CustomWidgetPaneSlot[],\n): CustomWidgetSlots {\n  const keep = new Set(panes);\n  return {\n    kpi: !!slots.kpi,\n    chart: keep.has('chart'),\n    table: keep.has('table'),\n    text: keep.has('text'),\n    image: keep.has('image'),\n  };\n}\n\n/**\n * First two enabled pane slots, in chart → table → text → image order.\n * KPI is ignored here — it is not a main widget.\n */\nexport function panesFromSlots(slots: CustomWidgetSlots): CustomPaneKind[] {\n  return SLOT_PANES.filter(({ key }) => !!slots[key])\n    .slice(0, MAX_PANES)\n    .map(({ kind }) => kind);\n}\n\n/**\n * At most two pane switches stay on. KPI is never capped.\n * A third pane is rejected so the previous pair stays selected.\n */\nexport function limitSelectedPanes(\n  slots: CustomWidgetSlots,\n  previous: CustomWidgetSlots = {},\n): CustomWidgetSlots {\n  const selected = selectedPaneSlots(slots);\n  if (selected.length <= MAX_PANES) return slotsFromPaneKeys(slots, selected);\n\n  const previousSelected = selectedPaneSlots(previous);\n  if (previousSelected.length === MAX_PANES) {\n    return slotsFromPaneKeys(slots, previousSelected);\n  }\n  return slotsFromPaneKeys(slots, selected.slice(0, MAX_PANES));\n}\n\n/**\n * Client `WidgetContent` maps direction onto flex-direction inverted:\n * `vertical` → row, `horizontal` → column.\n */\nexport function paneFlexDirection(direction: ArrangingDirection): 'row' | 'column' {\n  return direction === 'vertical' ? 'row' : 'column';\n}\n\n/** Unselected pane switches disable once two panes are already on. KPI is not a pane. */\nexport function isPaneSlotDisabled(\n  slots: CustomWidgetSlots,\n  key: CustomWidgetPaneSlot,\n): boolean {\n  if (slots[key]) return false;\n  return selectedPaneSlots(slots).length >= MAX_PANES;\n}\n"],"names":[],"mappings":"AAGO,MAAM,iBAAiB;AAGvB,MAAM,WAAW;AAGjB,MAAM,YAAY;AAwElB,SAAS,kBAAkB,WAAiD;AACjF,SAAO,cAAc,aAAa,QAAQ;AAC5C;"}

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

@@ -0,0 +1,4 @@
+import { TemplateResult } from 'lit';
+/** Client TextWidget markdown view — headings, lists, emphasis, code, http(s) links. */
+export declare function renderMarkdown(source: string): TemplateResult;
+//# sourceMappingURL=markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/markdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAkDhD,wFAAwF;AACxF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CA0F7D"}

package/dist/components/custom-widget/lib/markdown.js

@@ -0,0 +1,125 @@
+import { html } from "lit";
+const SAFE_HREF = /^https?:\/\//i;
+function isSafeHref(href) {
+  return SAFE_HREF.test(href.trim());
+}
+function renderInline(text) {
+  const nodes = [];
+  const re = /(\*\*[^*]+\*\*|__[^_]+__|\*[^*]+\*|_[^_]+_|`[^`]+`|\[[^\]]+\]\([^)]+\))/g;
+  let last = 0;
+  let match;
+  while (match = re.exec(text)) {
+    if (match.index > last) {
+      nodes.push(html`${text.slice(last, match.index)}`);
+    }
+    const token = match[0];
+    if (token.startsWith("**") || token.startsWith("__")) {
+      nodes.push(html`<strong>${token.slice(2, -2)}</strong>`);
+    } else if (token.startsWith("*") || token.startsWith("_")) {
+      nodes.push(html`<em>${token.slice(1, -1)}</em>`);
+    } else if (token.startsWith("`")) {
+      nodes.push(html`<code>${token.slice(1, -1)}</code>`);
+    } else {
+      const link = token.match(/^\[([^\]]+)\]\(([^)]+)\)$/);
+      if (link && isSafeHref(link[2])) {
+        nodes.push(
+          html`<a href=${link[2]} target="_blank" rel="noopener noreferrer">${link[1]}</a>`
+        );
+      } else {
+        nodes.push(html`${token}`);
+      }
+    }
+    last = match.index + token.length;
+  }
+  if (last < text.length) nodes.push(html`${text.slice(last)}`);
+  return nodes.length ? nodes : [html`${text}`];
+}
+function flushParagraph(lines, out) {
+  const text = lines.join("\n").trim();
+  if (!text) return;
+  out.push(html`<p>${renderInline(text)}</p>`);
+  lines.length = 0;
+}
+function renderMarkdown(source) {
+  var _a, _b;
+  const lines = source.replace(/\r\n/g, "\n").split("\n");
+  const blocks = [];
+  const paragraph = [];
+  let listItems = null;
+  let fence = null;
+  const flushList = () => {
+    if (!(listItems == null ? void 0 : listItems.length)) {
+      listItems = null;
+      return;
+    }
+    const items = listItems.map((item) => html`<li>${renderInline(item.text)}</li>`);
+    blocks.push(
+      listItems[0].ordered ? html`<ol>${items}</ol>` : html`<ul>${items}</ul>`
+    );
+    listItems = null;
+  };
+  for (const line of lines) {
+    if (fence) {
+      if (line.startsWith("```")) {
+        const code = fence.join("\n");
+        blocks.push(html`<pre><code>${code}</code></pre>`);
+        fence = null;
+      } else {
+        fence.push(line);
+      }
+      continue;
+    }
+    if (line.startsWith("```")) {
+      flushParagraph(paragraph, blocks);
+      flushList();
+      fence = [];
+      continue;
+    }
+    const heading = line.match(/^(#{1,3})\s+(.+)$/);
+    if (heading) {
+      flushParagraph(paragraph, blocks);
+      flushList();
+      const title = heading[2];
+      const level = heading[1].length;
+      blocks.push(
+        level === 1 ? html`<h1>${renderInline(title)}</h1>` : level === 2 ? html`<h2>${renderInline(title)}</h2>` : html`<h3>${renderInline(title)}</h3>`
+      );
+      continue;
+    }
+    const ul = line.match(/^[-*]\s+(.+)$/);
+    if (ul) {
+      flushParagraph(paragraph, blocks);
+      if (!listItems || ((_a = listItems[0]) == null ? void 0 : _a.ordered)) {
+        flushList();
+        listItems = [];
+      }
+      listItems.push({ ordered: false, text: ul[1] });
+      continue;
+    }
+    const ol = line.match(/^\d+[.)]\s+(.+)$/);
+    if (ol) {
+      flushParagraph(paragraph, blocks);
+      if (!listItems || !((_b = listItems[0]) == null ? void 0 : _b.ordered)) {
+        flushList();
+        listItems = [];
+      }
+      listItems.push({ ordered: true, text: ol[1] });
+      continue;
+    }
+    if (!line.trim()) {
+      flushParagraph(paragraph, blocks);
+      flushList();
+      continue;
+    }
+    flushList();
+    paragraph.push(line);
+  }
+  if (fence) blocks.push(html`<pre><code>${fence.join("\n")}</code></pre>`);
+  flushParagraph(paragraph, blocks);
+  flushList();
+  return html`<div class="md">${blocks}</div>`;
+}
+export {
+  renderMarkdown
+};
+//# sourceMappingURL=markdown.js.map

package/dist/components/custom-widget/lib/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sources":["../../../../src/components/custom-widget/lib/markdown.ts"],"sourcesContent":["import { html, type TemplateResult } from 'lit';\n\n/** Safe markdown → Lit. No innerHTML; links/images restricted to http(s). */\n\nconst SAFE_HREF = /^https?:\\/\\//i;\n\nfunction isSafeHref(href: string): boolean {\n  return SAFE_HREF.test(href.trim());\n}\n\nfunction renderInline(text: string): TemplateResult[] {\n  const nodes: TemplateResult[] = [];\n  const re =\n    /(\\*\\*[^*]+\\*\\*|__[^_]+__|\\*[^*]+\\*|_[^_]+_|`[^`]+`|\\[[^\\]]+\\]\\([^)]+\\))/g;\n  let last = 0;\n  let match: RegExpExecArray | null;\n  while ((match = re.exec(text))) {\n    if (match.index > last) {\n      nodes.push(html`${text.slice(last, match.index)}`);\n    }\n    const token = match[0];\n    if (token.startsWith('**') || token.startsWith('__')) {\n      nodes.push(html`<strong>${token.slice(2, -2)}</strong>`);\n    } else if (token.startsWith('*') || token.startsWith('_')) {\n      nodes.push(html`<em>${token.slice(1, -1)}</em>`);\n    } else if (token.startsWith('`')) {\n      nodes.push(html`<code>${token.slice(1, -1)}</code>`);\n    } else {\n      const link = token.match(/^\\[([^\\]]+)\\]\\(([^)]+)\\)$/);\n      if (link && isSafeHref(link[2])) {\n        nodes.push(\n          html`<a href=${link[2]} target=\"_blank\" rel=\"noopener noreferrer\">${link[1]}</a>`,\n        );\n      } else {\n        nodes.push(html`${token}`);\n      }\n    }\n    last = match.index + token.length;\n  }\n  if (last < text.length) nodes.push(html`${text.slice(last)}`);\n  return nodes.length ? nodes : [html`${text}`];\n}\n\nfunction flushParagraph(lines: string[], out: TemplateResult[]): void {\n  const text = lines.join('\\n').trim();\n  if (!text) return;\n  out.push(html`<p>${renderInline(text)}</p>`);\n  lines.length = 0;\n}\n\n/** Client TextWidget markdown view — headings, lists, emphasis, code, http(s) links. */\nexport function renderMarkdown(source: string): TemplateResult {\n  const lines = source.replace(/\\r\\n/g, '\\n').split('\\n');\n  const blocks: TemplateResult[] = [];\n  const paragraph: string[] = [];\n  let listItems: { ordered: boolean; text: string }[] | null = null;\n  let fence: string[] | null = null;\n\n  const flushList = () => {\n    if (!listItems?.length) {\n      listItems = null;\n      return;\n    }\n    const items = listItems.map((item) => html`<li>${renderInline(item.text)}</li>`);\n    blocks.push(\n      listItems[0].ordered ? html`<ol>${items}</ol>` : html`<ul>${items}</ul>`,\n    );\n    listItems = null;\n  };\n\n  for (const line of lines) {\n    if (fence) {\n      if (line.startsWith('```')) {\n        const code = fence.join('\\n');\n        blocks.push(html`<pre><code>${code}</code></pre>`);\n        fence = null;\n      } else {\n        fence.push(line);\n      }\n      continue;\n    }\n    if (line.startsWith('```')) {\n      flushParagraph(paragraph, blocks);\n      flushList();\n      fence = [];\n      continue;\n    }\n\n    const heading = line.match(/^(#{1,3})\\s+(.+)$/);\n    if (heading) {\n      flushParagraph(paragraph, blocks);\n      flushList();\n      const title = heading[2];\n      const level = heading[1].length;\n      blocks.push(\n        level === 1\n          ? html`<h1>${renderInline(title)}</h1>`\n          : level === 2\n            ? html`<h2>${renderInline(title)}</h2>`\n            : html`<h3>${renderInline(title)}</h3>`,\n      );\n      continue;\n    }\n\n    const ul = line.match(/^[-*]\\s+(.+)$/);\n    if (ul) {\n      flushParagraph(paragraph, blocks);\n      if (!listItems || listItems[0]?.ordered) {\n        flushList();\n        listItems = [];\n      }\n      listItems.push({ ordered: false, text: ul[1] });\n      continue;\n    }\n\n    const ol = line.match(/^\\d+[.)]\\s+(.+)$/);\n    if (ol) {\n      flushParagraph(paragraph, blocks);\n      if (!listItems || !listItems[0]?.ordered) {\n        flushList();\n        listItems = [];\n      }\n      listItems.push({ ordered: true, text: ol[1] });\n      continue;\n    }\n\n    if (!line.trim()) {\n      flushParagraph(paragraph, blocks);\n      flushList();\n      continue;\n    }\n\n    flushList();\n    paragraph.push(line);\n  }\n\n  if (fence) blocks.push(html`<pre><code>${fence.join('\\n')}</code></pre>`);\n  flushParagraph(paragraph, blocks);\n  flushList();\n\n  return html`<div class=\"md\">${blocks}</div>`;\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+import { CustomWidgetModel } from './types.js';
+/** Chart panes whose widget `chartType` is a content type render empty, as in the client */
+export declare function isContentChartType(chartType: string | undefined): boolean;
+/** Build the shell model from a FuseDash CustomWidget payload. */
+export declare function normalizeCustomWidget(input: unknown): CustomWidgetModel;
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/custom-widget/lib/normalize.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAIV,iBAAiB,EAElB,MAAM,YAAY,CAAC;AAqCpB,4FAA4F;AAC5F,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAEzE;AAyGD,kEAAkE;AAClE,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,OAAO,GAAG,iBAAiB,CAsBvE"}