@fusedashlabs/widgets 0.4.5 → 0.6.0

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

@@ -7,9 +7,9 @@ import { parseJsonAttr, getPieDimensions } from "../../../utils/chart-helpers.js
 import { swatchLegendEntries } from "../../../utils/chart-legend.js";
 import { renderPieChart } from "../../pie-chart/render/draw.js";
 import { chartPropsChanged } from "../../../utils/lit-draw.js";
+import { computeDonutInnerRadius } from "../lib/domain.js";
 import { normalizePieData, legendSlicesFromPieOrder } from "../../pie-chart/lib/normalize.js";
 import { formatPiePercent } from "../../pie-chart/lib/format.js";
-import { computeDonutInnerRadius } from "../lib/domain.js";
 import { pieChartStyles } from "../../pie-chart/element/styles.js";
 import { chartShellStyles } from "../../../element/chart-shell-styles.js";
 var __defProp = Object.defineProperty;
@@ -28,7 +28,6 @@ let Ui9000DonutChart = class extends Ui9000ChartElement {
     this.scale = "default";
     this.showLegend = true;
     this.showTooltip = true;
-    this._tooltip = null;
     this._empty = false;
     this._legendSlices = [];
     this._raf = 0;
@@ -98,23 +97,23 @@ let Ui9000DonutChart = class extends Ui9000ChartElement {
       },
       onHover: this.showTooltip ? ({ slice, event }) => {
         var _a2, _b, _c, _d, _e, _f;
-        const rect = this.getBoundingClientRect();
         const xField = model.xField ?? "Category";
         const yField = model.yField ?? "Value";
         const xAxeLabel = ((_b = (_a2 = model.axisDetails) == null ? void 0 : _a2[xField]) == null ? void 0 : _b.label) ?? xField;
         const yAxeLabel = ((_d = (_c = model.axisDetails) == null ? void 0 : _c[yField]) == null ? void 0 : _d.label) ?? yField;
         const symbol = ((_f = (_e = model.axisDetails) == null ? void 0 : _e[yField]) == null ? void 0 : _f.measure_unit_symbol) ?? "";
         const valueText = symbol ? `${slice.value.toLocaleString()} ${symbol}`.trim() : slice.value.toLocaleString();
-        this._tooltip = {
-          x: event.clientX - rect.left,
-          y: event.clientY - rect.top,
-          xLabel: `${xAxeLabel}: ${slice.label}`,
-          yLabel: `${yAxeLabel}: ${valueText} (${formatPiePercent(slice.percentage)}%)`
-        };
+        this.openTooltip(event, {
+          rows: [
+            { label: xAxeLabel, value: slice.label },
+            {
+              label: yAxeLabel,
+              value: `${valueText} (${formatPiePercent(slice.percentage)}%)`
+            }
+          ]
+        });
       } : void 0,
-      onLeave: this.showTooltip ? () => {
-        this._tooltip = null;
-      } : void 0
+      onLeave: this.showTooltip ? () => this.closeTooltip() : void 0
     });
   }
   render() {
@@ -126,14 +125,6 @@ let Ui9000DonutChart = class extends Ui9000ChartElement {
           <div class="chart-root" part="chart" ?hidden=${this._empty}></div>
           ${this.renderLegend()}
           ${this._empty ? html`<div class="empty" part="empty">No data</div>` : nothing}
-          ${this._tooltip ? html`<div
-                class="tooltip"
-                part="tooltip"
-                style="left:${this._tooltip.x}px;top:${this._tooltip.y}px"
-              >
-                <div>${this._tooltip.xLabel}</div>
-                <div>${this._tooltip.yLabel}</div>
-              </div>` : nothing}
           ${this.renderShellLabelTooltip()}
         </div>
       </div>
@@ -150,9 +141,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "show-tooltip" })
 ], Ui9000DonutChart.prototype, "showTooltip", 2);
-__decorateClass([
-  state()
-], Ui9000DonutChart.prototype, "_tooltip", 2);
 __decorateClass([
   state()
 ], Ui9000DonutChart.prototype, "_empty", 2);

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-donut-chart.js","sources":["../../../../src/components/donut-chart/element/ui9000-donut-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPieDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { renderPieChart } from '../../pie-chart/render/draw.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  computeDonutInnerRadius,\n  formatDonutPercent,\n  legendSlicesFromDonutOrder,\n  normalizeDonutData,\n  type DonutChartData,\n  type DonutModel,\n  type DonutChartSlice,\n} from '../lib/index.js';\nimport { donutChartStyles } from './styles.js';\n\n@customElement('ui9000-donut-chart')\nexport class Ui9000DonutChart extends Ui9000ChartElement {\n  static override styles = [donutChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _tooltip: {\n    x: number;\n    y: number;\n    xLabel: string;\n    yLabel: string;\n  } | null = null;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _legendSlices: DonutChartSlice[] = [];\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): DonutModel {\n    const raw = parseJsonAttr<DonutChartData>(this.dataJson, null);\n    return normalizeDonutData(raw);\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._legendSlices.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        this._legendSlices.map(\n          (slice) => `${formatDonutPercent(slice.percentage)}% - ${slice.label}`,\n        ),\n        theme,\n        (_label, index) => this._legendSlices[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.slices.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      this._legendSlices = [];\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getPieDimensions(root);\n    const plotSize = Math.min(width, height);\n    const outerRadius = plotSize / 2;\n    const innerRadius = computeDonutInnerRadius(outerRadius);\n\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromDonutOrder(model, orderedKeys);\n      },\n      onHover: this.showTooltip\n        ? ({ slice, event }) => {\n            const rect = this.getBoundingClientRect();\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const xAxeLabel = model.axisDetails?.[xField]?.label ?? xField;\n            const yAxeLabel = model.axisDetails?.[yField]?.label ?? yField;\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const valueText = symbol\n              ? `${slice.value.toLocaleString()} ${symbol}`.trim()\n              : slice.value.toLocaleString();\n            this._tooltip = {\n              x: event.clientX - rect.left,\n              y: event.clientY - rect.top,\n              xLabel: `${xAxeLabel}: ${slice.label}`,\n              yLabel: `${yAxeLabel}: ${valueText} (${formatDonutPercent(slice.percentage)}%)`,\n            };\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => { this._tooltip = null; } : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this.renderLegend()}\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this._tooltip\n            ? html`<div\n                class=\"tooltip\"\n                part=\"tooltip\"\n                style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px\"\n              >\n                <div>${this._tooltip.xLabel}</div>\n                <div>${this._tooltip.yLabel}</div>\n              </div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-donut-chart': Ui9000DonutChart;\n  }\n}\n\nexport function registerDonutChart(): void {\n  if (!customElements.get('ui9000-donut-chart')) {\n    customElements.define('ui9000-donut-chart', Ui9000DonutChart);\n  }\n}\n\nregisterDonutChart();\n"],"names":["normalizeDonutData","formatDonutPercent","legendSlicesFromDonutOrder","_a","donutChartStyles"],"mappings":"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"}
+{"version":3,"file":"ui9000-donut-chart.js","sources":["../../../../src/components/donut-chart/element/ui9000-donut-chart.ts"],"sourcesContent":["import { html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { renderChartLegend } from '../../../element/chart-legend-render.js';\nimport { readThemeFromElement } from '../../../context/widget-context.js';\nimport type { WidgetScale } from '../../../types/index.js';\nimport { getPieDimensions, parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { swatchLegendEntries } from '../../../utils/chart-legend.js';\nimport { renderPieChart } from '../../pie-chart/render/draw.js';\nimport { chartPropsChanged } from '../../../utils/lit-draw.js';\nimport {\n  computeDonutInnerRadius,\n  formatDonutPercent,\n  legendSlicesFromDonutOrder,\n  normalizeDonutData,\n  type DonutChartData,\n  type DonutModel,\n  type DonutChartSlice,\n} from '../lib/index.js';\nimport { donutChartStyles } from './styles.js';\n\n@customElement('ui9000-donut-chart')\nexport class Ui9000DonutChart extends Ui9000ChartElement {\n  static override styles = [donutChartStyles, chartShellStyles];\n\n  @property({ type: String, attribute: 'scale' })\n  scale: WidgetScale = 'default';\n\n  @property({ type: Boolean, attribute: 'show-legend' })\n  showLegend = true;\n\n  @property({ type: Boolean, attribute: 'show-tooltip' })\n  showTooltip = true;\n\n  @state()\n  private _empty = false;\n\n  @state()\n  private _legendSlices: DonutChartSlice[] = [];\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this._resizeObserver = new ResizeObserver(() => this.scheduleDraw());\n    this._resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback(): void {\n    this._resizeObserver?.disconnect();\n    cancelAnimationFrame(this._raf);\n    super.disconnectedCallback();\n  }\n\n  override updated(changed: PropertyValues): void {\n    if (chartPropsChanged(changed)) this.scheduleDraw();\n  }\n\n  private scheduleDraw(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => this.draw());\n  }\n\n  private parseData(): DonutModel {\n    const raw = parseJsonAttr<DonutChartData>(this.dataJson, null);\n    return normalizeDonutData(raw);\n  }\n\n  private renderLegend() {\n    if (!this.showLegend || !this._legendSlices.length) return nothing;\n    const theme = readThemeFromElement(this);\n    return renderChartLegend(\n      swatchLegendEntries(\n        this._legendSlices.map(\n          (slice) => `${formatDonutPercent(slice.percentage)}% - ${slice.label}`,\n        ),\n        theme,\n        (_label, index) => this._legendSlices[index]?.color ?? theme.primary,\n      ),\n    );\n  }\n\n  private draw(): void {\n    const root = this.shadowRoot?.querySelector('.chart-root') as HTMLElement | null;\n    if (!root) return;\n\n    const model = this.parseData();\n    this._empty = model.slices.length === 0;\n    if (this._empty) {\n      root.replaceChildren();\n      this._legendSlices = [];\n      return;\n    }\n\n    const theme = readThemeFromElement(this);\n    const { width, height } = getPieDimensions(root);\n    const plotSize = Math.min(width, height);\n    const outerRadius = plotSize / 2;\n    const innerRadius = computeDonutInnerRadius(outerRadius);\n\n    renderPieChart(root, {\n      slices: model.slices,\n      width,\n      height,\n      theme,\n      innerRadius,\n      showTooltip: this.showTooltip,\n      onLayout: (orderedKeys) => {\n        this._legendSlices = legendSlicesFromDonutOrder(model, orderedKeys);\n      },\n      onHover: this.showTooltip\n        ? ({ slice, event }) => {\n            const xField = model.xField ?? 'Category';\n            const yField = model.yField ?? 'Value';\n            const xAxeLabel = model.axisDetails?.[xField]?.label ?? xField;\n            const yAxeLabel = model.axisDetails?.[yField]?.label ?? yField;\n            const symbol = model.axisDetails?.[yField]?.measure_unit_symbol ?? '';\n            const valueText = symbol\n              ? `${slice.value.toLocaleString()} ${symbol}`.trim()\n              : slice.value.toLocaleString();\n            this.openTooltip(event, {\n              rows: [\n                { label: xAxeLabel, value: slice.label },\n                {\n                  label: yAxeLabel,\n                  value: `${valueText} (${formatDonutPercent(slice.percentage)}%)`,\n                },\n              ],\n            });\n          }\n        : undefined,\n      onLeave: this.showTooltip ? () => this.closeTooltip() : undefined,\n    });\n  }\n\n  override render() {\n    const title = this.headerTitle();\n    return html`\n      <div class=\"widget-shell\" part=\"shell\">\n        ${this.renderShellHeader(title)}\n        <div class=\"widget-body\">\n          <div class=\"chart-root\" part=\"chart\" ?hidden=${this._empty}></div>\n          ${this.renderLegend()}\n          ${this._empty\n            ? html`<div class=\"empty\" part=\"empty\">No data</div>`\n            : nothing}\n          ${this.renderShellLabelTooltip()}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-donut-chart': Ui9000DonutChart;\n  }\n}\n\nexport function registerDonutChart(): void {\n  if (!customElements.get('ui9000-donut-chart')) {\n    customElements.define('ui9000-donut-chart', Ui9000DonutChart);\n  }\n}\n\nregisterDonutChart();\n"],"names":["normalizeDonutData","formatDonutPercent","legendSlicesFromDonutOrder","_a","donutChartStyles"],"mappings":"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"}

package/dist/components/donut-chart/index.js

@@ -1,10 +1,10 @@
 import { registerDonutChart } from "./element/ui9000-donut-chart.js";
 import { Ui9000DonutChart } from "./element/ui9000-donut-chart.js";
 import { renderPieChart } from "../pie-chart/render/draw.js";
-import { default as default2 } from "./metadata.json.js";
 import { DONUT_THICKNESS_RATIO, MIN_DONUT_THICKNESS, computeDonutInnerRadius } from "./lib/domain.js";
-import { formatPiePercent } from "../pie-chart/lib/format.js";
 import { legendSlicesFromPieOrder, normalizePieData } from "../pie-chart/lib/normalize.js";
+import { formatPiePercent } from "../pie-chart/lib/format.js";
+import { default as default2 } from "./metadata.json.js";
 export {
   DONUT_THICKNESS_RATIO,
   MIN_DONUT_THICKNESS,

package/dist/components/entity-detail/element/ui9000-entity-detail.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class Ui9000EntityDetail extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    private _model;
+    private refresh;
+    connectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerEntityDetail(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-entity-detail': Ui9000EntityDetail;
+    }
+}
+//# sourceMappingURL=ui9000-entity-detail.d.ts.map

package/dist/components/entity-detail/element/ui9000-entity-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-entity-detail.d.ts","sourceRoot":"","sources":["../../../../src/components/entity-detail/element/ui9000-entity-detail.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ5D,qBACa,kBAAmB,SAAQ,UAAU;IAChD,OAAgB,MAAM,0BAAiB;IAGvC,QAAQ,SAAQ;IAGhB,OAAO,CAAC,MAAM,CAA4B;IAE1C,OAAO,CAAC,OAAO;IAIN,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAIzC,MAAM;CAsChB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAI3C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/components/entity-detail/element/ui9000-entity-detail.js

@@ -0,0 +1,91 @@
+import { LitElement, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { dispatchUi9000Select, dispatchUi9000Action } from "../../../element/dispatch-ui9000.js";
+import { surfaceStyles } from "../../../element/surface-styles.js";
+import { parseJsonAttr } from "../../../utils/chart-helpers.js";
+import { normalizeEntity } from "../lib/normalize.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;
+};
+let Ui9000EntityDetail = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this._model = null;
+  }
+  refresh() {
+    this._model = normalizeEntity(parseJsonAttr(this.dataJson, null));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.refresh();
+  }
+  willUpdate(changed) {
+    if (changed.has("dataJson")) this.refresh();
+  }
+  render() {
+    const model = this._model;
+    if (!model) {
+      return html`<p class="blocked" role="status">Entity id and title required</p>`;
+    }
+    return html`
+      <article class="root" aria-label=${model.title}>
+        <h2>${model.title}</h2>
+        <p class="muted">${model.id}</p>
+        <dl>
+          ${model.fields.map(
+      (field) => html`<dt>${field.label}</dt><dd>${field.value}</dd>`
+    )}
+        </dl>
+        <ul class="list">
+          ${model.links.map(
+      (link) => html`
+              <li>
+                <a href=${link.href} target="_blank" rel="noopener noreferrer">${link.label}</a>
+              </li>
+            `
+    )}
+        </ul>
+        <div class="actions">
+          <button class="btn" type="button" @click=${() => dispatchUi9000Select(this, { id: model.id })}>
+            Select
+          </button>
+          ${model.actions.map(
+      (type) => html`
+              <button class="btn" type="button" @click=${() => dispatchUi9000Action(this, { type })}>
+                ${type}
+              </button>
+            `
+    )}
+        </div>
+      </article>
+    `;
+  }
+};
+Ui9000EntityDetail.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000EntityDetail.prototype, "dataJson", 2);
+__decorateClass([
+  state()
+], Ui9000EntityDetail.prototype, "_model", 2);
+Ui9000EntityDetail = __decorateClass([
+  customElement("ui9000-entity-detail")
+], Ui9000EntityDetail);
+function registerEntityDetail() {
+  if (!customElements.get("ui9000-entity-detail")) {
+    customElements.define("ui9000-entity-detail", Ui9000EntityDetail);
+  }
+}
+export {
+  Ui9000EntityDetail,
+  registerEntityDetail
+};
+//# sourceMappingURL=ui9000-entity-detail.js.map

package/dist/components/entity-detail/element/ui9000-entity-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-entity-detail.js","sources":["../../../../src/components/entity-detail/element/ui9000-entity-detail.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { dispatchUi9000Action, dispatchUi9000Select } from '../../../element/dispatch-ui9000.js';\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { normalizeEntity, type EntityModel } from '../lib/normalize.js';\n\n@customElement('ui9000-entity-detail')\nexport class Ui9000EntityDetail extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' })\n  dataJson = '{}';\n\n  @state()\n  private _model: EntityModel | null = null;\n\n  private refresh(): void {\n    this._model = normalizeEntity(parseJsonAttr<unknown>(this.dataJson, null));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.refresh();\n  }\n\n  override willUpdate(changed: PropertyValues): void {\n    if (changed.has('dataJson')) this.refresh();\n  }\n\n  override render() {\n    const model = this._model;\n    if (!model) {\n      return html`<p class=\"blocked\" role=\"status\">Entity id and title required</p>`;\n    }\n    return html`\n      <article class=\"root\" aria-label=${model.title}>\n        <h2>${model.title}</h2>\n        <p class=\"muted\">${model.id}</p>\n        <dl>\n          ${model.fields.map(\n            (field) => html`<dt>${field.label}</dt><dd>${field.value}</dd>`,\n          )}\n        </dl>\n        <ul class=\"list\">\n          ${model.links.map(\n            (link) => html`\n              <li>\n                <a href=${link.href} target=\"_blank\" rel=\"noopener noreferrer\">${link.label}</a>\n              </li>\n            `,\n          )}\n        </ul>\n        <div class=\"actions\">\n          <button class=\"btn\" type=\"button\" @click=${() => dispatchUi9000Select(this, { id: model.id })}>\n            Select\n          </button>\n          ${model.actions.map(\n            (type) => html`\n              <button class=\"btn\" type=\"button\" @click=${() => dispatchUi9000Action(this, { type })}>\n                ${type}\n              </button>\n            `,\n          )}\n        </div>\n      </article>\n    `;\n  }\n}\n\nexport function registerEntityDetail(): void {\n  if (!customElements.get('ui9000-entity-detail')) {\n    customElements.define('ui9000-entity-detail', Ui9000EntityDetail);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-entity-detail': Ui9000EntityDetail;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASO,IAAM,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,WAAW;AAGX,SAAQ,SAA6B;AAAA,EAAA;AAAA,EAE7B,UAAgB;AACtB,SAAK,SAAS,gBAAgB,cAAuB,KAAK,UAAU,IAAI,CAAC;AAAA,EAC3E;AAAA,EAES,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,QAAA;AAAA,EACP;AAAA,EAES,WAAW,SAA+B;AACjD,QAAI,QAAQ,IAAI,UAAU,QAAQ,QAAA;AAAA,EACpC;AAAA,EAES,SAAS;AAChB,UAAM,QAAQ,KAAK;AACnB,QAAI,CAAC,OAAO;AACV,aAAO;AAAA,IACT;AACA,WAAO;AAAA,yCAC8B,MAAM,KAAK;AAAA,cACtC,MAAM,KAAK;AAAA,2BACE,MAAM,EAAE;AAAA;AAAA,YAEvB,MAAM,OAAO;AAAA,MACb,CAAC,UAAU,WAAW,MAAM,KAAK,YAAY,MAAM,KAAK;AAAA,IAAA,CACzD;AAAA;AAAA;AAAA,YAGC,MAAM,MAAM;AAAA,MACZ,CAAC,SAAS;AAAA;AAAA,0BAEI,KAAK,IAAI,8CAA8C,KAAK,KAAK;AAAA;AAAA;AAAA,IAAA,CAGhF;AAAA;AAAA;AAAA,qDAG0C,MAAM,qBAAqB,MAAM,EAAE,IAAI,MAAM,GAAA,CAAI,CAAC;AAAA;AAAA;AAAA,YAG3F,MAAM,QAAQ;AAAA,MACd,CAAC,SAAS;AAAA,yDACmC,MAAM,qBAAqB,MAAM,EAAE,KAAA,CAAM,CAAC;AAAA,kBACjF,IAAI;AAAA;AAAA;AAAA,IAAA,CAGX;AAAA;AAAA;AAAA;AAAA,EAIT;AACF;AA5Da,mBACK,SAAS;AAGzB,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,mBAIX,WAAA,YAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GANI,mBAOH,WAAA,UAAA,CAAA;AAPG,qBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,kBAAA;AA8DN,SAAS,uBAA6B;AAC3C,MAAI,CAAC,eAAe,IAAI,sBAAsB,GAAG;AAC/C,mBAAe,OAAO,wBAAwB,kBAAkB;AAAA,EAClE;AACF;"}

package/dist/components/entity-detail/index.d.ts

@@ -0,0 +1,4 @@
+export { Ui9000EntityDetail, registerEntityDetail } from './element/ui9000-entity-detail.js';
+export { normalizeEntity, type EntityModel } from './lib/normalize.js';
+export { default as entityDetailMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/entity-detail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/entity-detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/entity-detail/index.js

@@ -0,0 +1,11 @@
+import { registerEntityDetail } from "./element/ui9000-entity-detail.js";
+import { Ui9000EntityDetail } from "./element/ui9000-entity-detail.js";
+import { normalizeEntity } from "./lib/normalize.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000EntityDetail,
+  default2 as entityDetailMetadata,
+  normalizeEntity,
+  registerEntityDetail
+};
+//# sourceMappingURL=index.js.map

package/dist/components/entity-detail/index.js.map

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

package/dist/components/entity-detail/lib/normalize.d.ts

@@ -0,0 +1,17 @@
+export type EntityField = {
+    label: string;
+    value: string;
+};
+export type EntityLink = {
+    label: string;
+    href: string;
+};
+export type EntityModel = {
+    id: string;
+    title: string;
+    fields: EntityField[];
+    links: EntityLink[];
+    actions: string[];
+};
+export declare function normalizeEntity(raw: unknown): EntityModel | null;
+//# sourceMappingURL=normalize.d.ts.map

package/dist/components/entity-detail/lib/normalize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/entity-detail/lib/normalize.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEzD,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,GAAG,EAAE,OAAO,GAAG,WAAW,GAAG,IAAI,CA8BhE"}

package/dist/components/entity-detail/lib/normalize.js

@@ -0,0 +1,34 @@
+import { isExternalImageUrl } from "../../image/lib/url.js";
+function normalizeEntity(raw) {
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
+  const o = raw;
+  const id = typeof o.id === "string" ? o.id.trim() : "";
+  const title = typeof o.title === "string" ? o.title.trim() : "";
+  if (!id || !title) return null;
+  const fields = [];
+  if (Array.isArray(o.fields)) {
+    for (const item of o.fields) {
+      if (!item || typeof item !== "object" || Array.isArray(item)) continue;
+      const f = item;
+      const label = typeof f.label === "string" ? f.label : "";
+      const value = f.value == null ? "" : String(f.value);
+      if (label) fields.push({ label, value });
+    }
+  }
+  const links = [];
+  if (Array.isArray(o.links)) {
+    for (const item of o.links) {
+      if (!item || typeof item !== "object" || Array.isArray(item)) continue;
+      const l = item;
+      const label = typeof l.label === "string" ? l.label.trim() : "";
+      const href = typeof l.href === "string" ? l.href.trim() : "";
+      if (label && href && isExternalImageUrl(href)) links.push({ label, href });
+    }
+  }
+  const actions = Array.isArray(o.actions) ? o.actions.filter((a) => typeof a === "string" && !!a.trim()) : [];
+  return { id, title, fields, links, actions };
+}
+export {
+  normalizeEntity
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/entity-detail/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/entity-detail/lib/normalize.ts"],"sourcesContent":["import { isExternalImageUrl } from '../../image/lib/url.js';\n\nexport type EntityField = { label: string; value: string };\nexport type EntityLink = { label: string; href: string };\n\nexport type EntityModel = {\n  id: string;\n  title: string;\n  fields: EntityField[];\n  links: EntityLink[];\n  actions: string[];\n};\n\nexport function normalizeEntity(raw: unknown): EntityModel | null {\n  if (!raw || typeof raw !== 'object' || Array.isArray(raw)) return null;\n  const o = raw as Record<string, unknown>;\n  const id = typeof o.id === 'string' ? o.id.trim() : '';\n  const title = typeof o.title === 'string' ? o.title.trim() : '';\n  if (!id || !title) return null;\n  const fields: EntityField[] = [];\n  if (Array.isArray(o.fields)) {\n    for (const item of o.fields) {\n      if (!item || typeof item !== 'object' || Array.isArray(item)) continue;\n      const f = item as Record<string, unknown>;\n      const label = typeof f.label === 'string' ? f.label : '';\n      const value = f.value == null ? '' : String(f.value);\n      if (label) fields.push({ label, value });\n    }\n  }\n  const links: EntityLink[] = [];\n  if (Array.isArray(o.links)) {\n    for (const item of o.links) {\n      if (!item || typeof item !== 'object' || Array.isArray(item)) continue;\n      const l = item as Record<string, unknown>;\n      const label = typeof l.label === 'string' ? l.label.trim() : '';\n      const href = typeof l.href === 'string' ? l.href.trim() : '';\n      if (label && href && isExternalImageUrl(href)) links.push({ label, href });\n    }\n  }\n  const actions = Array.isArray(o.actions)\n    ? o.actions.filter((a): a is string => typeof a === 'string' && !!a.trim())\n    : [];\n  return { id, title, fields, links, actions };\n}\n"],"names":[],"mappings":";AAaO,SAAS,gBAAgB,KAAkC;AAChE,MAAI,CAAC,OAAO,OAAO,QAAQ,YAAY,MAAM,QAAQ,GAAG,EAAG,QAAO;AAClE,QAAM,IAAI;AACV,QAAM,KAAK,OAAO,EAAE,OAAO,WAAW,EAAE,GAAG,SAAS;AACpD,QAAM,QAAQ,OAAO,EAAE,UAAU,WAAW,EAAE,MAAM,SAAS;AAC7D,MAAI,CAAC,MAAM,CAAC,MAAO,QAAO;AAC1B,QAAM,SAAwB,CAAA;AAC9B,MAAI,MAAM,QAAQ,EAAE,MAAM,GAAG;AAC3B,eAAW,QAAQ,EAAE,QAAQ;AAC3B,UAAI,CAAC,QAAQ,OAAO,SAAS,YAAY,MAAM,QAAQ,IAAI,EAAG;AAC9D,YAAM,IAAI;AACV,YAAM,QAAQ,OAAO,EAAE,UAAU,WAAW,EAAE,QAAQ;AACtD,YAAM,QAAQ,EAAE,SAAS,OAAO,KAAK,OAAO,EAAE,KAAK;AACnD,UAAI,MAAO,QAAO,KAAK,EAAE,OAAO,OAAO;AAAA,IACzC;AAAA,EACF;AACA,QAAM,QAAsB,CAAA;AAC5B,MAAI,MAAM,QAAQ,EAAE,KAAK,GAAG;AAC1B,eAAW,QAAQ,EAAE,OAAO;AAC1B,UAAI,CAAC,QAAQ,OAAO,SAAS,YAAY,MAAM,QAAQ,IAAI,EAAG;AAC9D,YAAM,IAAI;AACV,YAAM,QAAQ,OAAO,EAAE,UAAU,WAAW,EAAE,MAAM,SAAS;AAC7D,YAAM,OAAO,OAAO,EAAE,SAAS,WAAW,EAAE,KAAK,SAAS;AAC1D,UAAI,SAAS,QAAQ,mBAAmB,IAAI,SAAS,KAAK,EAAE,OAAO,MAAM;AAAA,IAC3E;AAAA,EACF;AACA,QAAM,UAAU,MAAM,QAAQ,EAAE,OAAO,IACnC,EAAE,QAAQ,OAAO,CAAC,MAAmB,OAAO,MAAM,YAAY,CAAC,CAAC,EAAE,KAAA,CAAM,IACxE,CAAA;AACJ,SAAO,EAAE,IAAI,OAAO,QAAQ,OAAO,QAAA;AACrC;"}

package/dist/components/entity-detail/metadata.json.d.ts

@@ -0,0 +1,110 @@
+declare const _default: {
+  "id": "entity-detail",
+  "tag": "ui9000-entity-detail",
+  "title": "Entity Detail",
+  "description": "One entity: title, fields, http(s) links, declared actions.",
+  "chartTypeKeys": [],
+  "source": "ui9000-widgets Stage 2 close-out",
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/entity-detail",
+  "entry": "@ui9000/widgets/entity-detail",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": [
+    "select",
+    "resize"
+  ],
+  "tier": "engine",
+  "intents": [
+    "evidence"
+  ],
+  "dataRoles": [
+    {
+      "id": "entity",
+      "required": true,
+      "description": "Entity id + title + fields."
+    }
+  ],
+  "eligibility": [
+    {
+      "when": "profile.hasEntityId",
+      "reason": "Entity detail inspects a single identified record."
+    }
+  ],
+  "disqualify": [
+    {
+      "when": "!profile.hasEntityId",
+      "reason": "Without an entity id use table for the set."
+    }
+  ],
+  "accessibility": {
+    "nameFrom": "title",
+    "keyboard": [
+      "Tab through fields and actions"
+    ],
+    "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element."
+  },
+  "evalCases": [
+    {
+      "id": "entity-picks-id",
+      "intent": "evidence",
+      "profile": {
+        "hasEntityId": true
+      },
+      "expect": "eligible",
+      "reasonIncludes": "identified"
+    },
+    {
+      "id": "entity-rejects-set",
+      "intent": "evidence",
+      "profile": {
+        "hasEntityId": false,
+        "hasTabularRows": true
+      },
+      "expect": "disqualified",
+      "reasonIncludes": "table"
+    }
+  ],
+  "propsSchema": {
+    "$schema": "https://json-schema.org/draft/2020-12/schema",
+    "type": "object",
+    "properties": {
+      "data": {
+        "type": "object",
+        "required": [
+          "id",
+          "title"
+        ],
+        "properties": {
+          "id": {
+            "type": "string"
+          },
+          "title": {
+            "type": "string"
+          },
+          "fields": {
+            "type": "array"
+          },
+          "links": {
+            "type": "array"
+          },
+          "actions": {
+            "type": "array",
+            "items": {
+              "type": "string"
+            }
+          }
+        }
+      }
+    },
+    "required": [
+      "data"
+    ]
+  }
+}
+;
+
+export default _default;

package/dist/components/entity-detail/metadata.json.js

@@ -0,0 +1,63 @@
+const id = "entity-detail";
+const tag = "ui9000-entity-detail";
+const title = "Entity Detail";
+const description = "One entity: title, fields, http(s) links, declared actions.";
+const chartTypeKeys = [];
+const source = "ui9000-widgets Stage 2 close-out";
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/entity-detail";
+const entry = "@ui9000/widgets/entity-detail";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["select", "resize"];
+const tier = "engine";
+const intents = ["evidence"];
+const dataRoles = [{ "id": "entity", "required": true, "description": "Entity id + title + fields." }];
+const eligibility = [{ "when": "profile.hasEntityId", "reason": "Entity detail inspects a single identified record." }];
+const disqualify = [{ "when": "!profile.hasEntityId", "reason": "Without an entity id use table for the set." }];
+const accessibility = { "nameFrom": "title", "keyboard": ["Tab through fields and actions"], "shadowBoundary": "Do not use aria-labelledby across the host; set aria-label on the host element." };
+const evalCases = [{ "id": "entity-picks-id", "intent": "evidence", "profile": { "hasEntityId": true }, "expect": "eligible", "reasonIncludes": "identified" }, { "id": "entity-rejects-set", "intent": "evidence", "profile": { "hasEntityId": false, "hasTabularRows": true }, "expect": "disqualified", "reasonIncludes": "table" }];
+const propsSchema = { "$schema": "https://json-schema.org/draft/2020-12/schema", "type": "object", "properties": { "data": { "type": "object", "required": ["id", "title"], "properties": { "id": { "type": "string" }, "title": { "type": "string" }, "fields": { "type": "array" }, "links": { "type": "array" }, "actions": { "type": "array", "items": { "type": "string" } } } } }, "required": ["data"] };
+const metadata = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  source,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  tier,
+  intents,
+  dataRoles,
+  eligibility,
+  disqualify,
+  accessibility,
+  evalCases,
+  propsSchema
+};
+export {
+  accessibility,
+  allowedActions,
+  chartTypeKeys,
+  dataRoles,
+  metadata as default,
+  description,
+  disqualify,
+  eligibility,
+  entry,
+  evalCases,
+  id,
+  intents,
+  lazyImport,
+  propsSchema,
+  source,
+  stack,
+  tag,
+  tier,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/entity-detail/metadata.json.js.map

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

package/dist/components/event-timeline/element/ui9000-event-timeline.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, PropertyValues } from 'lit';
+export declare class Ui9000EventTimeline extends LitElement {
+    static styles: import('lit').CSSResult;
+    dataJson: string;
+    private _events;
+    private refresh;
+    connectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+export declare function registerEventTimeline(): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'ui9000-event-timeline': Ui9000EventTimeline;
+    }
+}
+//# sourceMappingURL=ui9000-event-timeline.d.ts.map

package/dist/components/event-timeline/element/ui9000-event-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-event-timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/event-timeline/element/ui9000-event-timeline.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAQ5D,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,0BAAiB;IAGvC,QAAQ,SAAQ;IAGhB,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,OAAO;IAIN,iBAAiB,IAAI,IAAI;IAKzB,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAIzC,MAAM;CA2BhB;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}

package/dist/components/event-timeline/element/ui9000-event-timeline.js

@@ -0,0 +1,78 @@
+import { LitElement, html } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { dispatchUi9000Select } from "../../../element/dispatch-ui9000.js";
+import { surfaceStyles } from "../../../element/surface-styles.js";
+import { parseJsonAttr } from "../../../utils/chart-helpers.js";
+import { normalizeTimeline } from "../lib/normalize.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;
+};
+let Ui9000EventTimeline = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.dataJson = "{}";
+    this._events = [];
+  }
+  refresh() {
+    this._events = normalizeTimeline(parseJsonAttr(this.dataJson, null));
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.refresh();
+  }
+  willUpdate(changed) {
+    if (changed.has("dataJson")) this.refresh();
+  }
+  render() {
+    if (!this._events.length) {
+      return html`<p class="blocked" role="status">No events</p>`;
+    }
+    return html`
+      <ol class="root list" aria-label="Event timeline">
+        ${this._events.map(
+      (event) => html`
+            <li>
+              <button
+                class="btn"
+                type="button"
+                @click=${() => dispatchUi9000Select(this, { id: event.id })}
+              >
+                <time datetime=${event.ts}>${event.ts}</time>
+                <strong> ${event.actor}</strong>
+                <span> ${event.action}</span>
+                ${event.severity ? html`<span class="sev">${event.severity}</span>` : ""}
+              </button>
+            </li>
+          `
+    )}
+      </ol>
+    `;
+  }
+};
+Ui9000EventTimeline.styles = surfaceStyles;
+__decorateClass([
+  property({ type: String, attribute: "data" })
+], Ui9000EventTimeline.prototype, "dataJson", 2);
+__decorateClass([
+  state()
+], Ui9000EventTimeline.prototype, "_events", 2);
+Ui9000EventTimeline = __decorateClass([
+  customElement("ui9000-event-timeline")
+], Ui9000EventTimeline);
+function registerEventTimeline() {
+  if (!customElements.get("ui9000-event-timeline")) {
+    customElements.define("ui9000-event-timeline", Ui9000EventTimeline);
+  }
+}
+export {
+  Ui9000EventTimeline,
+  registerEventTimeline
+};
+//# sourceMappingURL=ui9000-event-timeline.js.map

package/dist/components/event-timeline/element/ui9000-event-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-event-timeline.js","sources":["../../../../src/components/event-timeline/element/ui9000-event-timeline.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { dispatchUi9000Select } from '../../../element/dispatch-ui9000.js';\nimport { surfaceStyles } from '../../../element/surface-styles.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport { normalizeTimeline, type TimelineEvent } from '../lib/normalize.js';\n\n@customElement('ui9000-event-timeline')\nexport class Ui9000EventTimeline extends LitElement {\n  static override styles = surfaceStyles;\n\n  @property({ type: String, attribute: 'data' })\n  dataJson = '{}';\n\n  @state()\n  private _events: TimelineEvent[] = [];\n\n  private refresh(): void {\n    this._events = normalizeTimeline(parseJsonAttr<unknown>(this.dataJson, null));\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.refresh();\n  }\n\n  override willUpdate(changed: PropertyValues): void {\n    if (changed.has('dataJson')) this.refresh();\n  }\n\n  override render() {\n    if (!this._events.length) {\n      return html`<p class=\"blocked\" role=\"status\">No events</p>`;\n    }\n    return html`\n      <ol class=\"root list\" aria-label=\"Event timeline\">\n        ${this._events.map(\n          (event) => html`\n            <li>\n              <button\n                class=\"btn\"\n                type=\"button\"\n                @click=${() => dispatchUi9000Select(this, { id: event.id })}\n              >\n                <time datetime=${event.ts}>${event.ts}</time>\n                <strong> ${event.actor}</strong>\n                <span> ${event.action}</span>\n                ${event.severity\n                  ? html`<span class=\"sev\">${event.severity}</span>`\n                  : ''}\n              </button>\n            </li>\n          `,\n        )}\n      </ol>\n    `;\n  }\n}\n\nexport function registerEventTimeline(): void {\n  if (!customElements.get('ui9000-event-timeline')) {\n    customElements.define('ui9000-event-timeline', Ui9000EventTimeline);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-event-timeline': Ui9000EventTimeline;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AASO,IAAM,sBAAN,cAAkC,WAAW;AAAA,EAA7C,cAAA;AAAA,UAAA,GAAA,SAAA;AAIL,SAAA,WAAW;AAGX,SAAQ,UAA2B,CAAA;AAAA,EAAC;AAAA,EAE5B,UAAgB;AACtB,SAAK,UAAU,kBAAkB,cAAuB,KAAK,UAAU,IAAI,CAAC;AAAA,EAC9E;AAAA,EAES,oBAA0B;AACjC,UAAM,kBAAA;AACN,SAAK,QAAA;AAAA,EACP;AAAA,EAES,WAAW,SAA+B;AACjD,QAAI,QAAQ,IAAI,UAAU,QAAQ,QAAA;AAAA,EACpC;AAAA,EAES,SAAS;AAChB,QAAI,CAAC,KAAK,QAAQ,QAAQ;AACxB,aAAO;AAAA,IACT;AACA,WAAO;AAAA;AAAA,UAED,KAAK,QAAQ;AAAA,MACb,CAAC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,yBAKI,MAAM,qBAAqB,MAAM,EAAE,IAAI,MAAM,IAAI,CAAC;AAAA;AAAA,iCAE1C,MAAM,EAAE,IAAI,MAAM,EAAE;AAAA,2BAC1B,MAAM,KAAK;AAAA,yBACb,MAAM,MAAM;AAAA,kBACnB,MAAM,WACJ,yBAAyB,MAAM,QAAQ,YACvC,EAAE;AAAA;AAAA;AAAA;AAAA,IAAA,CAIb;AAAA;AAAA;AAAA,EAGP;AACF;AAjDa,oBACK,SAAS;AAGzB,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,QAAQ;AAAA,GAHlC,oBAIX,WAAA,YAAA,CAAA;AAGQ,gBAAA;AAAA,EADP,MAAA;AAAM,GANI,oBAOH,WAAA,WAAA,CAAA;AAPG,sBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,mBAAA;AAmDN,SAAS,wBAA8B;AAC5C,MAAI,CAAC,eAAe,IAAI,uBAAuB,GAAG;AAChD,mBAAe,OAAO,yBAAyB,mBAAmB;AAAA,EACpE;AACF;"}