@fusedashlabs/widgets 0.5.0 → 0.6.0

package/dist/components/status-gauge-widget/element/ui9000-status-gauge-widget.js

@@ -0,0 +1,154 @@
+import { html, nothing, svg } from "lit";
+import { property, state, customElement } from "lit/decorators.js";
+import { readCssVar } from "../../../context/widget-context.js";
+import { Ui9000ChartElement } from "../../../element/ui9000-chart-base.js";
+import { parseJsonAttr } from "../../../utils/chart-helpers.js";
+import { normalizeStatusGauge, formatStatusNumber } from "../lib/normalize.js";
+import { drawStatusGauge } from "../render/draw.js";
+import { statusGaugeStyles } from "./styles.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 CHECK = svg`<svg viewBox="0 0 16 16" fill="none" aria-hidden="true"><path d="M3.2 8.2 6.3 11.3 12.8 4.7" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path></svg>`;
+let nextGradientId = 0;
+let Ui9000StatusGaugeWidget = class extends Ui9000ChartElement {
+  constructor() {
+    super();
+    this.theme = "";
+    this._model = {
+      title: "",
+      subtitle: "",
+      gauge: null,
+      metrics: [],
+      empty: true
+    };
+    this._columns = 2;
+    this._mode = "light";
+    this._raf = 0;
+    this._gradientId = `ui9000-status-gauge-${++nextGradientId}`;
+    this.showHeader = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if (typeof ResizeObserver === "undefined") return;
+    this._resizeObserver = new ResizeObserver(() => this.scheduleLayout());
+    this._resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this._resizeObserver) == null ? void 0 : _a.disconnect();
+    cancelAnimationFrame(this._raf);
+    super.disconnectedCallback();
+  }
+  willUpdate(changed) {
+    this.syncMode();
+    if (changed.has("dataJson")) {
+      this._model = normalizeStatusGauge(parseJsonAttr(this.dataJson, null));
+    }
+  }
+  syncMode() {
+    const explicit = this.theme === "dark" || this.theme === "light" ? this.theme : "";
+    const fromHost = this.closest('[data-theme="dark"]') ? "dark" : "";
+    const fromVar = readCssVar(this, "--ui9000-mode", "light") === "dark" ? "dark" : "light";
+    const next = (explicit || fromHost || fromVar) === "dark" ? "dark" : "light";
+    if (this.getAttribute("data-mode") !== next) this.setAttribute("data-mode", next);
+    if (this._mode !== next) this._mode = next;
+  }
+  updated() {
+    this.drawGauge();
+  }
+  render() {
+    if (this._model.empty) {
+      return html`<div class="panel" data-mode=${this._mode}><p class="empty">No status data</p></div>`;
+    }
+    const { title, subtitle, gauge, metrics } = this._model;
+    return html`
+      <div class="panel" data-mode=${this._mode}>
+        ${title ? html`<h2 class="title">${title}</h2>` : nothing}
+        ${subtitle ? html`<p class="subtitle">${subtitle}</p>` : nothing}
+        ${title || subtitle ? html`<div class="rule"></div>` : nothing}
+        ${gauge ? html`
+              <div class="health">
+                <span class="health-name">
+                  <span class="check">${CHECK}</span>
+                  ${gauge.label}
+                </span>
+                ${gauge.status ? html`<span class="badge ${gauge.level}"><span class="dot"></span>${gauge.status}</span>` : nothing}
+              </div>
+              <div class="gauge"></div>
+            ` : nothing}
+        ${metrics.length ? html`
+              <div class="metrics" data-cols=${this._columns}>
+                ${metrics.map(
+      (metric) => html`
+                    <article class="card ${metric.level}">
+                      <div class="card-top">
+                        <span class="card-label">${metric.label}</span>
+                        <span class="dot"></span>
+                      </div>
+                      <div class="value">
+                        ${formatStatusNumber(metric.value)}${metric.unit ? html`<span class="unit">${metric.unit}</span>` : nothing}
+                      </div>
+                      <div class="bar">
+                        <span style="width:${Math.round(metric.ratio * 100)}%"></span>
+                      </div>
+                    </article>
+                  `
+    )}
+              </div>
+            ` : nothing}
+      </div>
+    `;
+  }
+  scheduleLayout() {
+    cancelAnimationFrame(this._raf);
+    this._raf = requestAnimationFrame(() => {
+      const next = this.clientWidth > 0 && this.clientWidth < 280 ? 1 : 2;
+      if (next !== this._columns) {
+        this._columns = next;
+        this.requestUpdate();
+        return;
+      }
+      this.drawGauge();
+    });
+  }
+  drawGauge() {
+    const root = this.renderRoot.querySelector(".gauge");
+    if (!(root instanceof HTMLElement) || !this._model.gauge) return;
+    drawStatusGauge(root, this._model.gauge, this._gradientId);
+  }
+};
+Ui9000StatusGaugeWidget.styles = [chartShellStyles, statusGaugeStyles];
+__decorateClass([
+  property({ type: String, reflect: true })
+], Ui9000StatusGaugeWidget.prototype, "theme", 2);
+__decorateClass([
+  state()
+], Ui9000StatusGaugeWidget.prototype, "_model", 2);
+__decorateClass([
+  state()
+], Ui9000StatusGaugeWidget.prototype, "_columns", 2);
+__decorateClass([
+  state()
+], Ui9000StatusGaugeWidget.prototype, "_mode", 2);
+Ui9000StatusGaugeWidget = __decorateClass([
+  customElement("ui9000-status-gauge-widget")
+], Ui9000StatusGaugeWidget);
+function registerStatusGaugeWidget() {
+  if (!customElements.get("ui9000-status-gauge-widget")) {
+    customElements.define("ui9000-status-gauge-widget", Ui9000StatusGaugeWidget);
+  }
+}
+export {
+  Ui9000StatusGaugeWidget,
+  registerStatusGaugeWidget
+};
+//# sourceMappingURL=ui9000-status-gauge-widget.js.map

package/dist/components/status-gauge-widget/element/ui9000-status-gauge-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui9000-status-gauge-widget.js","sources":["../../../../src/components/status-gauge-widget/element/ui9000-status-gauge-widget.ts"],"sourcesContent":["import { html, nothing, svg, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\nimport { readCssVar } from '../../../context/widget-context.js';\nimport { chartShellStyles, Ui9000ChartElement } from '../../../element/ui9000-chart-base.js';\nimport { parseJsonAttr } from '../../../utils/chart-helpers.js';\nimport {\n  formatStatusNumber,\n  normalizeStatusGauge,\n  type StatusGaugeModel,\n} from '../lib/index.js';\nimport { drawStatusGauge } from '../render/draw.js';\nimport { statusGaugeStyles } from './styles.js';\n\nconst CHECK = svg`<svg viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M3.2 8.2 6.3 11.3 12.8 4.7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path></svg>`;\n\nlet nextGradientId = 0;\n\n@customElement('ui9000-status-gauge-widget')\nexport class Ui9000StatusGaugeWidget extends Ui9000ChartElement {\n  static override styles = [chartShellStyles, statusGaugeStyles];\n\n  /** `light` or `dark`. Empty follows `--ui9000-mode` and the host `data-theme`. */\n  @property({ type: String, reflect: true })\n  theme = '';\n\n  @state()\n  private _model: StatusGaugeModel = {\n    title: '',\n    subtitle: '',\n    gauge: null,\n    metrics: [],\n    empty: true,\n  };\n\n  @state()\n  private _columns = 2;\n\n  @state()\n  private _mode: 'light' | 'dark' = 'light';\n\n  private _resizeObserver?: ResizeObserver;\n  private _raf = 0;\n  private readonly _gradientId = `ui9000-status-gauge-${++nextGradientId}`;\n\n  constructor() {\n    super();\n    this.showHeader = false;\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    if (typeof ResizeObserver === 'undefined') return;\n    this._resizeObserver = new ResizeObserver(() => this.scheduleLayout());\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 willUpdate(changed: PropertyValues): void {\n    this.syncMode();\n    if (changed.has('dataJson')) {\n      this._model = normalizeStatusGauge(parseJsonAttr(this.dataJson, null));\n    }\n  }\n\n  private syncMode(): void {\n    const explicit = this.theme === 'dark' || this.theme === 'light' ? this.theme : '';\n    const fromHost = this.closest('[data-theme=\"dark\"]') ? 'dark' : '';\n    const fromVar = readCssVar(this, '--ui9000-mode', 'light') === 'dark' ? 'dark' : 'light';\n    const next = (explicit || fromHost || fromVar) === 'dark' ? 'dark' : 'light';\n    if (this.getAttribute('data-mode') !== next) this.setAttribute('data-mode', next);\n    if (this._mode !== next) this._mode = next;\n  }\n\n  override updated(): void {\n    this.drawGauge();\n  }\n\n  override render() {\n    if (this._model.empty) {\n      return html`<div class=\"panel\" data-mode=${this._mode}><p class=\"empty\">No status data</p></div>`;\n    }\n\n    const { title, subtitle, gauge, metrics } = this._model;\n    return html`\n      <div class=\"panel\" data-mode=${this._mode}>\n        ${title ? html`<h2 class=\"title\">${title}</h2>` : nothing}\n        ${subtitle ? html`<p class=\"subtitle\">${subtitle}</p>` : nothing}\n        ${title || subtitle ? html`<div class=\"rule\"></div>` : nothing}\n        ${gauge\n          ? html`\n              <div class=\"health\">\n                <span class=\"health-name\">\n                  <span class=\"check\">${CHECK}</span>\n                  ${gauge.label}\n                </span>\n                ${gauge.status\n                  ? html`<span class=\"badge ${gauge.level}\"><span class=\"dot\"></span>${gauge.status}</span>`\n                  : nothing}\n              </div>\n              <div class=\"gauge\"></div>\n            `\n          : nothing}\n        ${metrics.length\n          ? html`\n              <div class=\"metrics\" data-cols=${this._columns}>\n                ${metrics.map(\n                  (metric) => html`\n                    <article class=\"card ${metric.level}\">\n                      <div class=\"card-top\">\n                        <span class=\"card-label\">${metric.label}</span>\n                        <span class=\"dot\"></span>\n                      </div>\n                      <div class=\"value\">\n                        ${formatStatusNumber(metric.value)}${metric.unit\n                          ? html`<span class=\"unit\">${metric.unit}</span>`\n                          : nothing}\n                      </div>\n                      <div class=\"bar\">\n                        <span style=\"width:${Math.round(metric.ratio * 100)}%\"></span>\n                      </div>\n                    </article>\n                  `,\n                )}\n              </div>\n            `\n          : nothing}\n      </div>\n    `;\n  }\n\n  private scheduleLayout(): void {\n    cancelAnimationFrame(this._raf);\n    this._raf = requestAnimationFrame(() => {\n      const next = this.clientWidth > 0 && this.clientWidth < 280 ? 1 : 2;\n      if (next !== this._columns) {\n        this._columns = next;\n        this.requestUpdate();\n        return;\n      }\n      this.drawGauge();\n    });\n  }\n\n  private drawGauge(): void {\n    const root = this.renderRoot.querySelector('.gauge');\n    if (!(root instanceof HTMLElement) || !this._model.gauge) return;\n    drawStatusGauge(root, this._model.gauge, this._gradientId);\n  }\n}\n\nexport function registerStatusGaugeWidget(): void {\n  if (!customElements.get('ui9000-status-gauge-widget')) {\n    customElements.define('ui9000-status-gauge-widget', Ui9000StatusGaugeWidget);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ui9000-status-gauge-widget': Ui9000StatusGaugeWidget;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/components/status-gauge-widget/index.d.ts

@@ -0,0 +1,4 @@
+export { Ui9000StatusGaugeWidget, registerStatusGaugeWidget, } from './element/ui9000-status-gauge-widget.js';
+export { formatStatusNumber, normalizeStatusGauge, type StatusGaugeAxisDetail, type StatusGaugeItem, type StatusGaugeModel, type StatusGaugePayload, type StatusGaugeRowInput, type StatusLevel, } from './lib/index.js';
+export { default as statusGaugeWidgetMetadata } from './metadata.json';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/status-gauge-widget/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/status-gauge-widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,EACxB,KAAK,WAAW,GACjB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/status-gauge-widget/index.js

@@ -0,0 +1,12 @@
+import { registerStatusGaugeWidget } from "./element/ui9000-status-gauge-widget.js";
+import { Ui9000StatusGaugeWidget } from "./element/ui9000-status-gauge-widget.js";
+import { formatStatusNumber, normalizeStatusGauge } from "./lib/normalize.js";
+import { default as default2 } from "./metadata.json.js";
+export {
+  Ui9000StatusGaugeWidget,
+  formatStatusNumber,
+  normalizeStatusGauge,
+  registerStatusGaugeWidget,
+  default2 as statusGaugeWidgetMetadata
+};
+//# sourceMappingURL=index.js.map

package/dist/components/status-gauge-widget/index.js.map

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

package/dist/components/status-gauge-widget/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { formatStatusNumber, normalizeStatusGauge } from './normalize.js';
+export type { StatusGaugeAxisDetail, StatusGaugeItem, StatusGaugeModel, StatusGaugePayload, StatusGaugeRowInput, StatusLevel, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/status-gauge-widget/lib/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC1E,YAAY,EACV,qBAAqB,EACrB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,WAAW,GACZ,MAAM,YAAY,CAAC"}

package/dist/components/status-gauge-widget/lib/normalize.d.ts

@@ -0,0 +1,8 @@
+import { StatusGaugeModel } from './types.js';
+/**
+ * WidgetItem-shaped payload → one gauge and N metric cards.
+ * The gauge is the row with `role: "gauge"`. When none is marked, the first valid row is the gauge.
+ */
+export declare function normalizeStatusGauge(input: unknown): StatusGaugeModel;
+export declare function formatStatusNumber(value: number): string;
+//# sourceMappingURL=normalize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../src/components/status-gauge-widget/lib/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,gBAAgB,EAIjB,MAAM,YAAY,CAAC;AAgGpB;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,gBAAgB,CA8BrE;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAIxD"}

package/dist/components/status-gauge-widget/lib/normalize.js

@@ -0,0 +1,111 @@
+const LEVELS = /* @__PURE__ */ new Set(["ok", "warning", "critical", "neutral"]);
+function isRecord(value) {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function num(value) {
+  if (typeof value === "number" && Number.isFinite(value)) return value;
+  if (typeof value === "string" && value.trim() && Number.isFinite(Number(value))) {
+    return Number(value);
+  }
+  return void 0;
+}
+function clamp01(value) {
+  if (!Number.isFinite(value)) return 0;
+  return Math.min(1, Math.max(0, value));
+}
+function levelFromText(status) {
+  const text = String(status ?? "").trim().toLowerCase();
+  if (!text) return "neutral";
+  if (/(ok|good|healthy|normal|pass|success)/.test(text)) return "ok";
+  if (/(warn|degrad|caution|attention)/.test(text)) return "warning";
+  if (/(crit|bad|fail|error|danger|down)/.test(text)) return "critical";
+  return "neutral";
+}
+function readLevel(row) {
+  const explicit = String(row.level ?? "").trim().toLowerCase();
+  if (LEVELS.has(explicit)) return explicit;
+  return levelFromText(row.status);
+}
+function readRatio(row, value, min, max) {
+  const explicit = num(row.ratio);
+  if (explicit !== void 0) {
+    if (explicit > 1 && explicit <= 100) return clamp01(explicit / 100);
+    return clamp01(explicit);
+  }
+  const span = max - min;
+  if (!Number.isFinite(span) || span === 0) return 0;
+  return clamp01((value - min) / span);
+}
+function rowsOf(input) {
+  if (Array.isArray(input)) return input.filter(isRecord);
+  if (isRecord(input) && Array.isArray(input.data)) {
+    return input.data.filter(isRecord);
+  }
+  return [];
+}
+function firstField(value, fallback) {
+  if (Array.isArray(value) && typeof value[0] === "string" && value[0].trim()) return value[0];
+  return fallback;
+}
+function toItem(row, role, xField, yField, axisDetails) {
+  const key = String(row.key ?? row[xField] ?? "").trim();
+  const value = num(row.value ?? row[yField]);
+  if (!key || value === void 0) return null;
+  const detail = axisDetails == null ? void 0 : axisDetails[key];
+  const label = String((detail == null ? void 0 : detail.label) ?? row.label ?? key).trim() || key;
+  const unit = String(
+    (detail == null ? void 0 : detail.measure_unit) ?? (detail == null ? void 0 : detail.measure_unit_symbol) ?? row.unit ?? ""
+  ).trim();
+  const min = num(row.min) ?? 0;
+  const max = num(row.max) ?? (role === "gauge" ? 100 : 100);
+  const lo = Math.min(min, max);
+  const hi = Math.max(min, max);
+  const scaleMax = hi === lo ? lo + (role === "gauge" ? 100 : 1) : hi;
+  return {
+    key,
+    role,
+    value,
+    label,
+    unit,
+    status: String(row.status ?? "").trim(),
+    level: readLevel(row),
+    min: lo,
+    max: scaleMax,
+    ratio: readRatio(row, value, lo, scaleMax)
+  };
+}
+function normalizeStatusGauge(input) {
+  const payload = isRecord(input) ? input : {};
+  const xField = firstField(payload.xAxe, "key");
+  const yField = firstField(payload.yAxe, "value");
+  const rows = rowsOf(input);
+  const gaugeIndex = rows.findIndex((row) => String(row.role ?? "").toLowerCase() === "gauge");
+  const gaugeSource = gaugeIndex >= 0 ? rows[gaugeIndex] : rows[0];
+  const gauge = gaugeSource ? toItem(gaugeSource, "gauge", xField, yField, payload.axisDetails) : null;
+  const metrics = [];
+  rows.forEach((row, index) => {
+    if (gaugeSource && row === gaugeSource) return;
+    if (gaugeIndex < 0 && index === 0) return;
+    const item = toItem(row, "metric", xField, yField, payload.axisDetails);
+    if (item) metrics.push(item);
+  });
+  const title = String(payload.name ?? payload.title ?? "").trim();
+  const subtitle = String(payload.description ?? payload.subtitle ?? "").trim();
+  return {
+    title,
+    subtitle,
+    gauge,
+    metrics,
+    empty: !gauge && metrics.length === 0
+  };
+}
+function formatStatusNumber(value) {
+  if (!Number.isFinite(value)) return "—";
+  const rounded = Math.round(value * 10) / 10;
+  return Number.isInteger(rounded) ? String(rounded) : rounded.toFixed(1);
+}
+export {
+  formatStatusNumber,
+  normalizeStatusGauge
+};
+//# sourceMappingURL=normalize.js.map

package/dist/components/status-gauge-widget/lib/normalize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"normalize.js","sources":["../../../../src/components/status-gauge-widget/lib/normalize.ts"],"sourcesContent":["import type {\n  StatusGaugeItem,\n  StatusGaugeModel,\n  StatusGaugePayload,\n  StatusGaugeRowInput,\n  StatusLevel,\n} from './types.js';\n\nconst LEVELS = new Set<StatusLevel>(['ok', 'warning', 'critical', 'neutral']);\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return !!value && typeof value === 'object' && !Array.isArray(value);\n}\n\nfunction num(value: unknown): number | undefined {\n  if (typeof value === 'number' && Number.isFinite(value)) return value;\n  if (typeof value === 'string' && value.trim() && Number.isFinite(Number(value))) {\n    return Number(value);\n  }\n  return undefined;\n}\n\nfunction clamp01(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  return Math.min(1, Math.max(0, value));\n}\n\nfunction levelFromText(status: unknown): StatusLevel {\n  const text = String(status ?? '').trim().toLowerCase();\n  if (!text) return 'neutral';\n  if (/(ok|good|healthy|normal|pass|success)/.test(text)) return 'ok';\n  if (/(warn|degrad|caution|attention)/.test(text)) return 'warning';\n  if (/(crit|bad|fail|error|danger|down)/.test(text)) return 'critical';\n  return 'neutral';\n}\n\nfunction readLevel(row: StatusGaugeRowInput): StatusLevel {\n  const explicit = String(row.level ?? '').trim().toLowerCase();\n  if (LEVELS.has(explicit as StatusLevel)) return explicit as StatusLevel;\n  return levelFromText(row.status);\n}\n\nfunction readRatio(row: StatusGaugeRowInput, value: number, min: number, max: number): number {\n  const explicit = num(row.ratio);\n  if (explicit !== undefined) {\n    if (explicit > 1 && explicit <= 100) return clamp01(explicit / 100);\n    return clamp01(explicit);\n  }\n  const span = max - min;\n  if (!Number.isFinite(span) || span === 0) return 0;\n  return clamp01((value - min) / span);\n}\n\nfunction rowsOf(input: unknown): StatusGaugeRowInput[] {\n  if (Array.isArray(input)) return input.filter(isRecord) as StatusGaugeRowInput[];\n  if (isRecord(input) && Array.isArray(input.data)) {\n    return input.data.filter(isRecord) as StatusGaugeRowInput[];\n  }\n  return [];\n}\n\nfunction firstField(value: unknown, fallback: string): string {\n  if (Array.isArray(value) && typeof value[0] === 'string' && value[0].trim()) return value[0];\n  return fallback;\n}\n\nfunction toItem(\n  row: StatusGaugeRowInput,\n  role: 'gauge' | 'metric',\n  xField: string,\n  yField: string,\n  axisDetails: StatusGaugePayload['axisDetails'],\n): StatusGaugeItem | null {\n  const key = String(row.key ?? row[xField] ?? '').trim();\n  const value = num(row.value ?? row[yField]);\n  if (!key || value === undefined) return null;\n\n  const detail = axisDetails?.[key];\n  const label = String(detail?.label ?? row.label ?? key).trim() || key;\n  const unit = String(\n    detail?.measure_unit ?? detail?.measure_unit_symbol ?? row.unit ?? '',\n  ).trim();\n  const min = num(row.min) ?? 0;\n  const max = num(row.max) ?? (role === 'gauge' ? 100 : 100);\n  const lo = Math.min(min, max);\n  const hi = Math.max(min, max);\n  const scaleMax = hi === lo ? lo + (role === 'gauge' ? 100 : 1) : hi;\n\n  return {\n    key,\n    role,\n    value,\n    label,\n    unit,\n    status: String(row.status ?? '').trim(),\n    level: readLevel(row),\n    min: lo,\n    max: scaleMax,\n    ratio: readRatio(row, value, lo, scaleMax),\n  };\n}\n\n/**\n * WidgetItem-shaped payload → one gauge and N metric cards.\n * The gauge is the row with `role: \"gauge\"`. When none is marked, the first valid row is the gauge.\n */\nexport function normalizeStatusGauge(input: unknown): StatusGaugeModel {\n  const payload = isRecord(input) ? (input as StatusGaugePayload) : {};\n  const xField = firstField(payload.xAxe, 'key');\n  const yField = firstField(payload.yAxe, 'value');\n  const rows = rowsOf(input);\n  const gaugeIndex = rows.findIndex((row) => String(row.role ?? '').toLowerCase() === 'gauge');\n  const gaugeSource = gaugeIndex >= 0 ? rows[gaugeIndex] : rows[0];\n\n  const gauge = gaugeSource\n    ? toItem(gaugeSource, 'gauge', xField, yField, payload.axisDetails)\n    : null;\n\n  const metrics: StatusGaugeItem[] = [];\n  rows.forEach((row, index) => {\n    if (gaugeSource && row === gaugeSource) return;\n    if (gaugeIndex < 0 && index === 0) return;\n    const item = toItem(row, 'metric', xField, yField, payload.axisDetails);\n    if (item) metrics.push(item);\n  });\n\n  const title = String(payload.name ?? payload.title ?? '').trim();\n  const subtitle = String(payload.description ?? payload.subtitle ?? '').trim();\n\n  return {\n    title,\n    subtitle,\n    gauge,\n    metrics,\n    empty: !gauge && metrics.length === 0,\n  };\n}\n\nexport function formatStatusNumber(value: number): string {\n  if (!Number.isFinite(value)) return '—';\n  const rounded = Math.round(value * 10) / 10;\n  return Number.isInteger(rounded) ? String(rounded) : rounded.toFixed(1);\n}\n"],"names":[],"mappings":"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"}

package/dist/components/status-gauge-widget/lib/types.d.ts

@@ -0,0 +1,56 @@
+export type StatusLevel = 'ok' | 'warning' | 'critical' | 'neutral';
+export interface StatusGaugeAxisDetail {
+    label?: string;
+    measure_unit?: string;
+    measure_unit_symbol?: string;
+    measure_unit_type?: string;
+    type?: string;
+    subtype?: string;
+}
+/** One `WidgetItem.data` row. `role: "gauge"` is the semicircle; every other row is a card. */
+export interface StatusGaugeRowInput {
+    key?: string;
+    role?: string;
+    value?: number | string;
+    status?: string;
+    level?: string;
+    min?: number | string;
+    max?: number | string;
+    /** Bar fill, 0–1. Omitted → derived from value between min and max. */
+    ratio?: number | string;
+    label?: string;
+    unit?: string;
+    [key: string]: unknown;
+}
+export interface StatusGaugePayload {
+    name?: string;
+    title?: string;
+    description?: string;
+    subtitle?: string;
+    chartType?: string;
+    xAxe?: string[];
+    yAxe?: string[];
+    data?: StatusGaugeRowInput[];
+    axisDetails?: Record<string, StatusGaugeAxisDetail>;
+}
+export interface StatusGaugeItem {
+    key: string;
+    role: 'gauge' | 'metric';
+    value: number;
+    label: string;
+    unit: string;
+    status: string;
+    level: StatusLevel;
+    min: number;
+    max: number;
+    /** 0–1 fill for the metric bar, or the gauge needle position. */
+    ratio: number;
+}
+export interface StatusGaugeModel {
+    title: string;
+    subtitle: string;
+    gauge: StatusGaugeItem | null;
+    metrics: StatusGaugeItem[];
+    empty: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/status-gauge-widget/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/status-gauge-widget/lib/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;AAEpE,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,+FAA+F;AAC/F,MAAM,WAAW,mBAAmB;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB"}

package/dist/components/status-gauge-widget/metadata.json.d.ts

@@ -0,0 +1,20 @@
+declare const _default: {
+  "id": "status-gauge-widget",
+  "tag": "ui9000-status-gauge-widget",
+  "title": "Status Gauge Widget",
+  "description": "Semicircular health gauge plus a wrapping grid of status metric cards. Reads a WidgetItem: name, description, data rows, and axisDetails. One row with role gauge is the dial; every other row is a card.",
+  "chartTypeKeys": ["statusGaugeWidget"],
+  "stack": "lit",
+  "lazyImport": "@ui9000/widgets/lazy/status-gauge-widget",
+  "entry": "@ui9000/widgets/status-gauge-widget",
+  "usageConditions": {
+    "host": "mcp-chat",
+    "notFor": "fusedash-editor",
+    "mapsExcluded": true
+  },
+  "allowedActions": ["resize"],
+  "tier": "host"
+}
+;
+
+export default _default;

package/dist/components/status-gauge-widget/metadata.json.js

@@ -0,0 +1,39 @@
+const id = "status-gauge-widget";
+const tag = "ui9000-status-gauge-widget";
+const title = "Status Gauge Widget";
+const description = "Semicircular health gauge plus a wrapping grid of status metric cards. Reads a WidgetItem: name, description, data rows, and axisDetails. One row with role gauge is the dial; every other row is a card.";
+const chartTypeKeys = ["statusGaugeWidget"];
+const stack = "lit";
+const lazyImport = "@ui9000/widgets/lazy/status-gauge-widget";
+const entry = "@ui9000/widgets/status-gauge-widget";
+const usageConditions = { "host": "mcp-chat", "notFor": "fusedash-editor", "mapsExcluded": true };
+const allowedActions = ["resize"];
+const tier = "host";
+const statusGaugeMeta = {
+  id,
+  tag,
+  title,
+  description,
+  chartTypeKeys,
+  stack,
+  lazyImport,
+  entry,
+  usageConditions,
+  allowedActions,
+  tier
+};
+export {
+  allowedActions,
+  chartTypeKeys,
+  statusGaugeMeta as default,
+  description,
+  entry,
+  id,
+  lazyImport,
+  stack,
+  tag,
+  tier,
+  title,
+  usageConditions
+};
+//# sourceMappingURL=metadata.json.js.map

package/dist/components/status-gauge-widget/metadata.json.js.map

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

package/dist/components/status-gauge-widget/render/draw.d.ts

@@ -0,0 +1,4 @@
+import { StatusGaugeItem } from '../lib/index.js';
+/** Semicircular gauge: gradient fill to the value, gray remainder, needle, center reading. */
+export declare function drawStatusGauge(root: HTMLElement, gauge: StatusGaugeItem, gradientId: string): void;
+//# sourceMappingURL=draw.d.ts.map

package/dist/components/status-gauge-widget/render/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/status-gauge-widget/render/draw.ts"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAS3E,8FAA8F;AAC9F,wBAAgB,eAAe,CAC7B,IAAI,EAAE,WAAW,EACjB,KAAK,EAAE,eAAe,EACtB,UAAU,EAAE,MAAM,GACjB,IAAI,CA2GN"}

package/dist/components/status-gauge-widget/render/draw.js

@@ -0,0 +1,60 @@
+import { select } from "d3-selection";
+import { arc } from "d3-shape";
+import { formatStatusNumber } from "../lib/normalize.js";
+const START = -Math.PI / 2;
+const SWEEP = Math.PI;
+function polar(angle, radius) {
+  return [Math.sin(angle) * radius, -Math.cos(angle) * radius];
+}
+function drawStatusGauge(root, gauge, gradientId) {
+  const width = Math.max(root.clientWidth, 160);
+  const height = Math.max(root.clientHeight, 120);
+  const cx = width / 2;
+  const cy = height * 0.78;
+  const outer = Math.max(36, Math.min(width * 0.42, height * 0.7));
+  const inner = Math.max(18, outer - Math.max(14, outer * 0.22));
+  const valueAngle = START + gauge.ratio * SWEEP;
+  const track = arc().innerRadius(inner).outerRadius(outer).cornerRadius((outer - inner) / 2).startAngle((d) => d.startAngle).endAngle((d) => d.endAngle);
+  const host = select(root);
+  host.selectAll("*").remove();
+  const svg = host.append("svg").attr("viewBox", `0 0 ${width} ${height}`).attr("width", width).attr("height", height).attr("role", "img").attr("aria-label", `${gauge.label} ${formatStatusNumber(gauge.value)}${gauge.unit}`);
+  const defs = svg.append("defs");
+  const gradient = defs.append("linearGradient").attr("id", gradientId).attr("x1", cx - outer).attr("x2", cx + outer).attr("y1", cy).attr("y2", cy).attr("gradientUnits", "userSpaceOnUse");
+  gradient.append("stop").attr("offset", "0%").attr("stop-color", "var(--sg-gauge-0, #36c4a5)");
+  gradient.append("stop").attr("offset", "38%").attr("stop-color", "var(--sg-gauge-1, #473dd9)");
+  gradient.append("stop").attr("offset", "68%").attr("stop-color", "var(--sg-gauge-2, #ff8c47)");
+  gradient.append("stop").attr("offset", "100%").attr("stop-color", "var(--sg-gauge-3, #ff4781)");
+  const g = svg.append("g").attr("transform", `translate(${cx},${cy})`);
+  g.append("path").attr("d", track({ startAngle: START, endAngle: START + SWEEP }) ?? "").attr("fill", "var(--sg-track, #cfd2d6)");
+  if (gauge.ratio > 1e-3) {
+    g.append("path").attr("d", track({ startAngle: START, endAngle: valueAngle }) ?? "").attr("fill", `url(#${gradientId})`);
+  }
+  const mid = (inner + outer) / 2;
+  const stroke = outer - inner;
+  const cap = stroke / 2 / mid + 0.06;
+  const tickCount = 4;
+  for (let i = 0; i < tickCount; i += 1) {
+    const t = cap + (1 - cap * 2) * i / (tickCount - 1);
+    const tickAngle = START + t * SWEEP;
+    if (Math.abs(tickAngle - valueAngle) < 0.12) continue;
+    const [x, y] = polar(tickAngle, mid);
+    g.append("circle").attr("cx", x).attr("cy", y).attr("r", 2.25).attr("fill", "var(--sg-thumb, #ffffff)").attr("stroke", "var(--sg-thumb-ink, #21262e)").attr("stroke-width", 1);
+  }
+  const [mx, my] = polar(valueAngle, mid);
+  const thumb = Math.max(5, stroke * 0.28);
+  g.append("circle").attr("cx", mx).attr("cy", my).attr("r", thumb).attr("fill", "var(--sg-thumb, #ffffff)").attr("stroke", "var(--sg-thumb-ink, #21262e)").attr("stroke-width", 1.5);
+  g.append("circle").attr("cx", mx).attr("cy", my).attr("r", thumb * 0.34).attr("fill", "var(--sg-thumb-ink, #21262e)");
+  const reading = formatStatusNumber(gauge.value);
+  const fontSize = Math.max(22, Math.min(36, outer * 0.32));
+  const text = g.append("text").attr("text-anchor", "middle").attr("y", -outer * 0.16).attr("fill", "var(--sg-text, #21262e)").attr("font-size", fontSize);
+  if (!gauge.unit || gauge.unit === "%") {
+    text.text(gauge.unit === "%" ? `${reading}%` : reading);
+  } else {
+    text.append("tspan").text(reading);
+    text.append("tspan").text(` ${gauge.unit}`).attr("font-size", Math.max(14, fontSize * 0.42)).attr("font-weight", 500).attr("fill", "var(--sg-muted, #6c7584)");
+  }
+}
+export {
+  drawStatusGauge
+};
+//# sourceMappingURL=draw.js.map

package/dist/components/status-gauge-widget/render/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sources":["../../../../src/components/status-gauge-widget/render/draw.ts"],"sourcesContent":["import { select } from 'd3-selection';\nimport { arc as arcShape } from 'd3-shape';\n\nimport { formatStatusNumber, type StatusGaugeItem } from '../lib/index.js';\n\nconst START = -Math.PI / 2;\nconst SWEEP = Math.PI;\n\nfunction polar(angle: number, radius: number): [number, number] {\n  return [Math.sin(angle) * radius, -Math.cos(angle) * radius];\n}\n\n/** Semicircular gauge: gradient fill to the value, gray remainder, needle, center reading. */\nexport function drawStatusGauge(\n  root: HTMLElement,\n  gauge: StatusGaugeItem,\n  gradientId: string,\n): void {\n  const width = Math.max(root.clientWidth, 160);\n  const height = Math.max(root.clientHeight, 120);\n  const cx = width / 2;\n  const cy = height * 0.78;\n  const outer = Math.max(36, Math.min(width * 0.42, height * 0.7));\n  const inner = Math.max(18, outer - Math.max(14, outer * 0.22));\n  const valueAngle = START + gauge.ratio * SWEEP;\n\n  const track = arcShape<{ startAngle: number; endAngle: number }>()\n    .innerRadius(inner)\n    .outerRadius(outer)\n    .cornerRadius((outer - inner) / 2)\n    .startAngle((d) => d.startAngle)\n    .endAngle((d) => d.endAngle);\n\n  const host = select(root);\n  host.selectAll('*').remove();\n\n  const svg = host\n    .append('svg')\n    .attr('viewBox', `0 0 ${width} ${height}`)\n    .attr('width', width)\n    .attr('height', height)\n    .attr('role', 'img')\n    .attr('aria-label', `${gauge.label} ${formatStatusNumber(gauge.value)}${gauge.unit}`);\n\n  const defs = svg.append('defs');\n  const gradient = defs\n    .append('linearGradient')\n    .attr('id', gradientId)\n    .attr('x1', cx - outer)\n    .attr('x2', cx + outer)\n    .attr('y1', cy)\n    .attr('y2', cy)\n    .attr('gradientUnits', 'userSpaceOnUse');\n  gradient.append('stop').attr('offset', '0%').attr('stop-color', 'var(--sg-gauge-0, #36c4a5)');\n  gradient.append('stop').attr('offset', '38%').attr('stop-color', 'var(--sg-gauge-1, #473dd9)');\n  gradient.append('stop').attr('offset', '68%').attr('stop-color', 'var(--sg-gauge-2, #ff8c47)');\n  gradient.append('stop').attr('offset', '100%').attr('stop-color', 'var(--sg-gauge-3, #ff4781)');\n\n  const g = svg.append('g').attr('transform', `translate(${cx},${cy})`);\n\n  g.append('path')\n    .attr('d', track({ startAngle: START, endAngle: START + SWEEP }) ?? '')\n    .attr('fill', 'var(--sg-track, #cfd2d6)');\n\n  if (gauge.ratio > 0.001) {\n    g.append('path')\n      .attr('d', track({ startAngle: START, endAngle: valueAngle }) ?? '')\n      .attr('fill', `url(#${gradientId})`);\n  }\n\n  const mid = (inner + outer) / 2;\n  const stroke = outer - inner;\n  // Rounded caps eat the ends of the band. Keep ticks on the straight span.\n  const cap = stroke / 2 / mid + 0.06;\n  const tickCount = 4;\n  for (let i = 0; i < tickCount; i += 1) {\n    const t = cap + ((1 - cap * 2) * i) / (tickCount - 1);\n    const tickAngle = START + t * SWEEP;\n    if (Math.abs(tickAngle - valueAngle) < 0.12) continue;\n    const [x, y] = polar(tickAngle, mid);\n    g.append('circle')\n      .attr('cx', x)\n      .attr('cy', y)\n      .attr('r', 2.25)\n      .attr('fill', 'var(--sg-thumb, #ffffff)')\n      .attr('stroke', 'var(--sg-thumb-ink, #21262e)')\n      .attr('stroke-width', 1);\n  }\n\n  // Thumb on the band. A stem from the center would cut through the value.\n  const [mx, my] = polar(valueAngle, mid);\n  const thumb = Math.max(5, stroke * 0.28);\n  g.append('circle')\n    .attr('cx', mx)\n    .attr('cy', my)\n    .attr('r', thumb)\n    .attr('fill', 'var(--sg-thumb, #ffffff)')\n    .attr('stroke', 'var(--sg-thumb-ink, #21262e)')\n    .attr('stroke-width', 1.5);\n  g.append('circle')\n    .attr('cx', mx)\n    .attr('cy', my)\n    .attr('r', thumb * 0.34)\n    .attr('fill', 'var(--sg-thumb-ink, #21262e)');\n\n  const reading = formatStatusNumber(gauge.value);\n  const fontSize = Math.max(22, Math.min(36, outer * 0.32));\n  const text = g\n    .append('text')\n    .attr('text-anchor', 'middle')\n    .attr('y', -outer * 0.16)\n    .attr('fill', 'var(--sg-text, #21262e)')\n    .attr('font-size', fontSize);\n  if (!gauge.unit || gauge.unit === '%') {\n    text.text(gauge.unit === '%' ? `${reading}%` : reading);\n  } else {\n    text.append('tspan').text(reading);\n    text\n      .append('tspan')\n      .text(` ${gauge.unit}`)\n      .attr('font-size', Math.max(14, fontSize * 0.42))\n      .attr('font-weight', 500)\n      .attr('fill', 'var(--sg-muted, #6c7584)');\n  }\n}\n"],"names":["arcShape"],"mappings":"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"}

package/dist/components/step-line-chart/element/ui9000-step-line-chart.d.ts

@@ -11,7 +11,6 @@ export declare class Ui9000StepLineChart extends Ui9000ChartElement {
     showTooltip: boolean;
     xLabel: string;
     yLabel: string;
-    private _tooltip;
     private _empty;
     private _resizeObserver?;
     private _raf;

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

@@ -1 +1 @@
-{"version":3,"file":"ui9000-step-line-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/element/ui9000-step-line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAUtE,OAAO,EAIL,KAAK,gBAAgB,EAGtB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,mBAAoB,SAAQ,kBAAkB;IACzD,OAAgB,MAAM,4BAA2C;IAGjE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,EAAE,gBAAgB,CAAU;IAGpC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,QAAQ,CAKA;IAGhB,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,IAAI;IA0CH,MAAM;CAgChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,mBAAmB,CAAC;KAC/C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}
+{"version":3,"file":"ui9000-step-line-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/step-line-chart/element/ui9000-step-line-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGzD,OAAO,EAAoB,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG7F,OAAO,KAAK,EAAa,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAUtE,OAAO,EAIL,KAAK,gBAAgB,EAEtB,MAAM,iBAAiB,CAAC;AAIzB,qBACa,mBAAoB,SAAQ,kBAAkB;IACzD,OAAgB,MAAM,4BAA2C;IAGjE,KAAK,EAAE,WAAW,CAAa;IAG/B,QAAQ,EAAE,gBAAgB,CAAU;IAGpC,QAAQ,UAAQ;IAGhB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,MAAM,SAAM;IAGZ,MAAM,SAAM;IAGZ,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,eAAe,CAAC,CAAiB;IACzC,OAAO,CAAC,IAAI,CAAK;IAER,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAI/C,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,IAAI;IA0CH,MAAM;CAgBhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,mBAAmB,CAAC;KAC/C;CACF;AAED,wBAAgB,qBAAqB,IAAI,IAAI,CAI5C"}