@ind-ds/core 0.1.1 → 0.2.0

package/dist/collection/components/organisms/event-journal/event-journal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-journal.js","sourceRoot":"","sources":["../../../../src/components/organisms/event-journal/event-journal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUzD;;;GAGG;AAMH,MAAM,OAAO,eAAe;IAClB,OAAO,GAAW,eAAe,CAAC;IAC1C,iCAAiC;IACzB,MAAM,GAAuB,EAAE,CAAC;IACxC,uDAAuD;IAC9B,MAAM,GAA0B,KAAK,CAAC;IAEvD,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;QAC9B,IAAI,CAAC,MAAM,GAAI,CAAC,CAAC,MAA4B,CAAC,KAA8B,CAAC;IAC/E,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;QACzG,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC9D,4DAAK,KAAK,EAAC,eAAe;oBACxB,+DAAQ,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBAC1D,+DAAQ,KAAK,EAAC,KAAK,qBAAwB;wBAC3C,+DAAQ,KAAK,EAAC,OAAO,YAAe;wBACpC,+DAAQ,KAAK,EAAC,SAAS,cAAiB;wBACxC,+DAAQ,KAAK,EAAC,SAAS,cAAiB;wBACxC,+DAAQ,KAAK,EAAC,MAAM,WAAc,CAC3B,CACL,CACF;YACN,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,WAAK,KAAK,EAAC,aAAa,gBAAgB,CACzC,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACjB,qBACE,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,GAClB,CACH,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EventSeverity } from '../../molecules/event-row/event-row';\n\nexport interface EventJournalItem {\n  time?: string;\n  severity: EventSeverity;\n  source?: string;\n  message: string;\n}\n\n/**\n * Chronological event / system log built from `<ind-event-row>`s, with a\n * severity filter in the toolbar.\n */\n@Component({\n  tag: 'ind-event-journal',\n  styleUrls: ['../_shared/panel.css', 'event-journal.css'],\n  shadow: true,\n})\nexport class IndEventJournal {\n  @Prop() heading: string = 'Event journal';\n  /** Events, most-recent first. */\n  @Prop() events: EventJournalItem[] = [];\n  /** Active severity filter — `all` shows everything. */\n  @Prop({ mutable: true }) filter: 'all' | EventSeverity = 'all';\n\n  private onFilter = (e: Event) => {\n    this.filter = (e.target as HTMLSelectElement).value as 'all' | EventSeverity;\n  };\n\n  render() {\n    const rows = this.filter === 'all' ? this.events : this.events.filter((e) => e.severity === this.filter);\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\">\n            <select class=\"filter\" part=\"filter\" onChange={this.onFilter}>\n              <option value=\"all\">All severities</option>\n              <option value=\"error\">Error</option>\n              <option value=\"warning\">Warning</option>\n              <option value=\"success\">Success</option>\n              <option value=\"info\">Info</option>\n            </select>\n          </div>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {rows.length === 0 ? (\n            <div class=\"panel-empty\">No events</div>\n          ) : (\n            rows.map((e, i) => (\n              <ind-event-row\n                key={i}\n                time={e.time}\n                severity={e.severity}\n                source={e.source}\n                message={e.message}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.css

@@ -0,0 +1,47 @@
+:host {
+  min-width: 300px;
+}
+
+ind-progress {
+  width: 100%;
+}
+
+.versions {
+  display: flex;
+  align-items: center;
+  gap: var(--ind-spacing-5, 12px);
+}
+
+.ver {
+  display: flex;
+  flex-direction: column;
+}
+
+.ver-label {
+  font-size: var(--ind-font-size-xs, 10px);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--ind-surface-text-muted);
+}
+
+.ver-value {
+  font-family: var(--ind-font-family-mono);
+  font-size: var(--ind-font-size-lg, 14px);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+.arrow {
+  color: var(--ind-surface-text-muted);
+}
+
+.state {
+  font-size: var(--ind-font-size-sm, 11px);
+  font-weight: var(--ind-font-weight-bold, 700);
+  padding: 2px 8px;
+  border-radius: var(--ind-radius-full, 9999px);
+  background: var(--ind-surface-raised);
+}
+
+.state-available { color: var(--ind-state-warning-bg, #f59e0b); }
+.state-up-to-date { color: var(--ind-state-running-bg, #16a34a); }
+.state-error { color: var(--ind-state-fault-bg, #dc2626); }

package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.js

@@ -0,0 +1,208 @@
+import { h, Host } from "@stencil/core";
+const STATE_LABEL = {
+    idle: 'Idle',
+    checking: 'Checking…',
+    available: 'Update available',
+    downloading: 'Downloading…',
+    installing: 'Installing…',
+    'up-to-date': 'Up to date',
+    error: 'Update failed',
+};
+/**
+ * Firmware update panel: current vs target version, update progress and the
+ * Check / Install commands. Emits `indCheck` and `indInstall`.
+ */
+export class IndFirmwareUpdatePanel {
+    heading = 'Firmware';
+    /** Device name. */
+    device;
+    /** Installed version. */
+    currentVersion;
+    /** Available / target version. */
+    targetVersion;
+    /** Update state. */
+    state = 'idle';
+    /** Progress 0–100 % while downloading / installing. */
+    progress = 0;
+    indCheck;
+    indInstall;
+    render() {
+        const busy = this.state === 'downloading' || this.state === 'installing' || this.state === 'checking';
+        const canInstall = this.state === 'available';
+        const progressVariant = this.state === 'error' ? 'error' : 'default';
+        return (h(Host, { key: 'c9cee9fc072636573cfa2119088ab8c602b91ddc' }, h("div", { key: 'b1defe4c2fef4b350cabd879bb68946c7ee90ace', class: "panel-head" }, h("div", { key: 'ce3e01440b4951b9ec350b6205af5dc1baf490c1', class: "panel-titles" }, h("span", { key: '6760bdf61cebbbeaade59e01e0cda543b09ab6d0', class: "panel-title", part: "heading" }, this.heading), this.device && h("span", { key: '0294ac7428cdf439fca758ef1f0ee5b961f87cf7', class: "panel-subtitle" }, this.device)), h("span", { key: 'dd966181fa4ef9272fc277cf9aa23e9f5bbd8d9c', class: `state state-${this.state}`, part: "state" }, STATE_LABEL[this.state])), h("div", { key: 'f19ef00c269639924aa1399ac7e5cf518a341e07', class: "panel-body" }, h("div", { key: '9b88a26c64eaf6b000b5d1a1b22b48869ecb57fc', class: "versions", part: "versions" }, h("div", { key: '29449a45053f0227faefc3d18ba90a1eb6f8d562', class: "ver" }, h("span", { key: 'c6b1baccacf71ccd6e632754ed3975d1813fede7', class: "ver-label" }, "Installed"), h("span", { key: '00a47da41568fad6230f1005c9abd16137850367', class: "ver-value" }, this.currentVersion)), h("span", { key: 'd542f90b0e28cb7f2b647804902f095db680c2de', class: "arrow", "aria-hidden": "true" }, "\u2192"), h("div", { key: 'dd4221c1edcd9cda6325a0c4446acc8f1dc60ba3', class: "ver" }, h("span", { key: 'f90cc2eb98028665402d87596a4f52bcac0eeddc', class: "ver-label" }, "Target"), h("span", { key: 'a2bdb73992f0ea490156679f2d0aca66eaf8ca28', class: "ver-value" }, this.targetVersion ?? '—'))), busy && (h("ind-progress", { key: '9653d04c3a041bf5d5840b80c6fe0fde2fd65551', value: this.progress, max: 100, variant: progressVariant, size: "md", "show-value": true, indeterminate: this.state === 'checking' })), h("ind-command-group", { key: '38daf75517ce16e6ab122c71e3134e5dac789770', label: "Firmware commands" }, h("ind-button", { key: '1027f80e79d2f3cd36eff6f780c7874d14986a06', variant: "default", size: "sm", label: "Check", disabled: busy, onIndActivate: () => this.indCheck.emit() }), h("ind-button", { key: 'e6623303064153b5e600446cc4bfdae9cb79ef01', variant: "primary", size: "sm", label: "Install", disabled: !canInstall, onIndActivate: () => this.indInstall.emit() })))));
+    }
+    static get is() { return "ind-firmware-update-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "firmware-update-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "firmware-update-panel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Firmware'"
+            },
+            "device": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Device name."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "device"
+            },
+            "currentVersion": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Installed version."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "current-version"
+            },
+            "targetVersion": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Available / target version."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target-version"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "FirmwareState",
+                    "resolved": "\"available\" | \"checking\" | \"downloading\" | \"error\" | \"idle\" | \"installing\" | \"up-to-date\"",
+                    "references": {
+                        "FirmwareState": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/firmware-update-panel/firmware-update-panel.tsx",
+                            "id": "src/components/organisms/firmware-update-panel/firmware-update-panel.tsx::FirmwareState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Update state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'idle'"
+            },
+            "progress": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Progress 0\u2013100 % while downloading / installing."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "progress",
+                "defaultValue": "0"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indCheck",
+                "name": "indCheck",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "indInstall",
+                "name": "indInstall",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=firmware-update-panel.js.map

package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firmware-update-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/firmware-update-panel/firmware-update-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type FirmwareState =\n  | 'idle'\n  | 'checking'\n  | 'available'\n  | 'downloading'\n  | 'installing'\n  | 'up-to-date'\n  | 'error';\n\nconst STATE_LABEL: Record<FirmwareState, string> = {\n  idle: 'Idle',\n  checking: 'Checking…',\n  available: 'Update available',\n  downloading: 'Downloading…',\n  installing: 'Installing…',\n  'up-to-date': 'Up to date',\n  error: 'Update failed',\n};\n\n/**\n * Firmware update panel: current vs target version, update progress and the\n * Check / Install commands. Emits `indCheck` and `indInstall`.\n */\n@Component({\n  tag: 'ind-firmware-update-panel',\n  styleUrls: ['../_shared/panel.css', 'firmware-update-panel.css'],\n  shadow: true,\n})\nexport class IndFirmwareUpdatePanel {\n  @Prop() heading: string = 'Firmware';\n  /** Device name. */\n  @Prop() device?: string;\n  /** Installed version. */\n  @Prop() currentVersion!: string;\n  /** Available / target version. */\n  @Prop() targetVersion?: string;\n  /** Update state. */\n  @Prop({ reflect: true }) state: FirmwareState = 'idle';\n  /** Progress 0–100 % while downloading / installing. */\n  @Prop() progress: number = 0;\n\n  @Event() indCheck!: EventEmitter<void>;\n  @Event() indInstall!: EventEmitter<void>;\n\n  render() {\n    const busy = this.state === 'downloading' || this.state === 'installing' || this.state === 'checking';\n    const canInstall = this.state === 'available';\n    const progressVariant = this.state === 'error' ? 'error' : 'default';\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.device && <span class=\"panel-subtitle\">{this.device}</span>}\n          </div>\n          <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n        </div>\n        <div class=\"panel-body\">\n          <div class=\"versions\" part=\"versions\">\n            <div class=\"ver\">\n              <span class=\"ver-label\">Installed</span>\n              <span class=\"ver-value\">{this.currentVersion}</span>\n            </div>\n            <span class=\"arrow\" aria-hidden=\"true\">→</span>\n            <div class=\"ver\">\n              <span class=\"ver-label\">Target</span>\n              <span class=\"ver-value\">{this.targetVersion ?? '—'}</span>\n            </div>\n          </div>\n          {busy && (\n            <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value indeterminate={this.state === 'checking'}></ind-progress>\n          )}\n          <ind-command-group label=\"Firmware commands\">\n            <ind-button variant=\"default\" size=\"sm\" label=\"Check\" disabled={busy} onIndActivate={() => this.indCheck.emit()} />\n            <ind-button variant=\"primary\" size=\"sm\" label=\"Install\" disabled={!canInstall} onIndActivate={() => this.indInstall.emit()} />\n          </ind-command-group>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/historian-viewer/historian-viewer.css

@@ -0,0 +1,17 @@
+:host {
+  min-width: 320px;
+}
+
+.overview {
+  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);
+  border-bottom: 1px solid var(--ind-surface-border-subtle);
+}
+
+.overview ind-sparkline {
+  width: 100%;
+  height: 48px;
+}
+
+.panel-list {
+  max-height: 360px;
+}

package/dist/collection/components/organisms/historian-viewer/historian-viewer.js

@@ -0,0 +1,144 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Tabular history viewer for a single tag: header with tag/unit, an optional
+ * sparkline overview, and a scrolling list of `<ind-historical-value-row>`s.
+ */
+export class IndHistorianViewer {
+    heading = 'Historian';
+    /** Tag being viewed. */
+    tag;
+    /** Engineering unit. */
+    unit;
+    /** Decimal places for the rows. */
+    precision;
+    /** Samples, most-recent first. */
+    samples = [];
+    numericPoints() {
+        return this.samples
+            .map((s) => (typeof s.value === 'number' ? s.value : parseFloat(String(s.value))))
+            .filter((n) => Number.isFinite(n))
+            .reverse();
+    }
+    render() {
+        const points = this.numericPoints();
+        return (h(Host, { key: '10019df17732d6cbfb6d65e4bbc859c9cf8a64dd' }, h("div", { key: '9f19344ace66e13d1eba3e778362f773eda4c9ef', class: "panel-head" }, h("div", { key: '7d298a252035e7b64a337526c2aab6d19d3b7246', class: "panel-titles" }, h("span", { key: '70697ae5c11a33b66b0a80c6e415543b4644086f', class: "panel-title", part: "heading" }, this.heading), this.tag && h("span", { key: '872d9b1ce0819d7854aebd3b4283d3c0a8daa1cc', class: "panel-subtitle" }, this.tag, this.unit ? ` · ${this.unit}` : ''))), points.length > 1 && (h("div", { key: 'cfdf79ae225510f3eab12c89a549a878083e5d82', class: "overview", part: "overview" }, h("ind-sparkline", { key: '6ae7ef7da3acb52b415fefb25441c553b1bdac77', points: points, variant: "default", area: true }))), h("div", { key: '3bc0acc77904b401b450ccf739757e7228f266f6', class: "panel-list", part: "list" }, this.samples.length === 0 ? (h("div", { class: "panel-empty" }, "No samples")) : (this.samples.map((s, i) => (h("ind-historical-value-row", { key: i, time: s.time, value: s.value, unit: this.unit, precision: this.precision, quality: s.quality ?? 'good' })))))));
+    }
+    static get is() { return "ind-historian-viewer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "historian-viewer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "historian-viewer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Historian'"
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tag being viewed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "unit": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Engineering unit."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "unit"
+            },
+            "precision": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Decimal places for the rows."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "precision"
+            },
+            "samples": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "HistorianSample[]",
+                    "resolved": "HistorianSample[]",
+                    "references": {
+                        "HistorianSample": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/historian-viewer/historian-viewer.tsx",
+                            "id": "src/components/organisms/historian-viewer/historian-viewer.tsx::HistorianSample"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Samples, most-recent first."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=historian-viewer.js.map

package/dist/collection/components/organisms/historian-viewer/historian-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"historian-viewer.js","sourceRoot":"","sources":["../../../../src/components/organisms/historian-viewer/historian-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IACrB,OAAO,GAAW,WAAW,CAAC;IACtC,wBAAwB;IAChB,GAAG,CAAU;IACrB,wBAAwB;IAChB,IAAI,CAAU;IACtB,mCAAmC;IAC3B,SAAS,CAAU;IAC3B,kCAAkC;IAC1B,OAAO,GAAsB,EAAE,CAAC;IAEhC,aAAa;QACnB,OAAO,IAAI,CAAC,OAAO;aAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;aACjF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;aACjC,OAAO,EAAE,CAAC;IACf,CAAC;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACpC,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;oBAC7D,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,gBAAgB;wBAAE,IAAI,CAAC,GAAG;wBAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAQ,CAC3F,CACF;YACL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU;gBACnC,sEAAe,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,SAAiB,CAClE,CACP;YACD,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,WAAK,KAAK,EAAC,aAAa,iBAAiB,CAC1C,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,gCACE,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,MAAM,GAC5B,CACH,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { DataQuality } from '../../molecules/historical-value-row/historical-value-row';\n\nexport interface HistorianSample {\n  time: string;\n  value: number | string;\n  quality?: DataQuality;\n}\n\n/**\n * Tabular history viewer for a single tag: header with tag/unit, an optional\n * sparkline overview, and a scrolling list of `<ind-historical-value-row>`s.\n */\n@Component({\n  tag: 'ind-historian-viewer',\n  styleUrls: ['../_shared/panel.css', 'historian-viewer.css'],\n  shadow: true,\n})\nexport class IndHistorianViewer {\n  @Prop() heading: string = 'Historian';\n  /** Tag being viewed. */\n  @Prop() tag?: string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places for the rows. */\n  @Prop() precision?: number;\n  /** Samples, most-recent first. */\n  @Prop() samples: HistorianSample[] = [];\n\n  private numericPoints(): number[] {\n    return this.samples\n      .map((s) => (typeof s.value === 'number' ? s.value : parseFloat(String(s.value))))\n      .filter((n) => Number.isFinite(n))\n      .reverse();\n  }\n\n  render() {\n    const points = this.numericPoints();\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}{this.unit ? ` · ${this.unit}` : ''}</span>}\n          </div>\n        </div>\n        {points.length > 1 && (\n          <div class=\"overview\" part=\"overview\">\n            <ind-sparkline points={points} variant=\"default\" area></ind-sparkline>\n          </div>\n        )}\n        <div class=\"panel-list\" part=\"list\">\n          {this.samples.length === 0 ? (\n            <div class=\"panel-empty\">No samples</div>\n          ) : (\n            this.samples.map((s, i) => (\n              <ind-historical-value-row\n                key={i}\n                time={s.time}\n                value={s.value}\n                unit={this.unit}\n                precision={this.precision}\n                quality={s.quality ?? 'good'}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/machine-overview/machine-overview.css

@@ -0,0 +1,22 @@
+:host {
+  min-width: 480px;
+}
+
+.oee {
+  font-family: var(--ind-font-family-mono);
+  font-size: var(--ind-font-size-sm, 11px);
+  color: var(--ind-surface-text-secondary);
+  margin-right: var(--ind-spacing-3, 6px);
+}
+
+.state {
+  font-size: var(--ind-font-size-sm, 11px);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+.state-running { color: var(--ind-state-running-bg, #16a34a); }
+.state-fault { color: var(--ind-state-fault-bg, #dc2626); }
+.state-warning { color: var(--ind-state-warning-bg, #f59e0b); }
+.state-maintenance { color: var(--ind-state-maintenance-bg, #2563eb); }
+.state-stopped { color: var(--ind-surface-text-secondary); }
+.state-unknown { color: var(--ind-surface-text-muted); }

package/dist/collection/components/organisms/machine-overview/machine-overview.js

@@ -0,0 +1,148 @@
+import { h, Host } from "@stencil/core";
+const STATE_LABEL = {
+    running: 'Running',
+    stopped: 'Stopped',
+    fault: 'Fault',
+    warning: 'Warning',
+    maintenance: 'Maintenance',
+    unknown: '—',
+};
+/**
+ * Machine overview header + content area. Shows machine identity and state in
+ * the header; slot equipment / KPI molecules into the grid body.
+ */
+export class IndMachineOverview {
+    heading;
+    /** Machine identifier. */
+    machineId;
+    state = 'unknown';
+    /** OEE headline percentage. */
+    oee;
+    /** Grid columns for the body. */
+    columns = 3;
+    render() {
+        const dot = this.state === 'unknown' ? 'neutral' : this.state;
+        return (h(Host, { key: '281c842746d39b89babab44e4082af21459af697' }, h("div", { key: '268505d67fd22ab2b6e8c318c9cb62b44f1ac713', class: "panel-head" }, h("div", { key: '1ba1ecfc8934171596ea8907bf724b94597908e2', class: "panel-titles" }, h("span", { key: 'c190548d8a484f0b4cda417eb5ac15da1c455c0e', class: "panel-title", part: "heading" }, this.heading), this.machineId && h("span", { key: '9c0cea21d61d6ad76a3318705449fe05422a17d8', class: "panel-subtitle" }, this.machineId)), h("div", { key: 'd83bd064b37f7c33948be3f8e99e6c7629d493dd', class: "panel-actions" }, this.oee !== undefined && (h("span", { key: 'bd88990d43b39d1fe968bddf726cb4be28cf1805', class: "oee", part: "oee" }, "OEE ", this.oee.toFixed(0), "%")), h("ind-status-dot", { key: 'a58bb00ece8b3dec79951cf619b82fda039050b1', state: dot, size: "md" }), h("span", { key: '385aacc80f7094ffc6395e228e4f7cf4f3034011', class: `state state-${this.state}`, part: "state" }, STATE_LABEL[this.state]))), h("div", { key: '0abd7affd719ac98abbb71d4d8d657e9d3b1f618', class: "panel-grid", part: "grid", style: { gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` } }, h("slot", { key: '36463bab72f6522f6a17788ca6efc4d770e6abee' }))));
+    }
+    static get is() { return "ind-machine-overview"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "machine-overview.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "machine-overview.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading"
+            },
+            "machineId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Machine identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "machine-id"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EquipmentCardState",
+                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"unknown\" | \"warning\"",
+                    "references": {
+                        "EquipmentCardState": {
+                            "location": "import",
+                            "path": "../../molecules/equipment-status-card/equipment-status-card",
+                            "id": "src/components/molecules/equipment-status-card/equipment-status-card.tsx::EquipmentCardState",
+                            "referenceLocation": "EquipmentCardState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'unknown'"
+            },
+            "oee": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "OEE headline percentage."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "oee"
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Grid columns for the body."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns",
+                "defaultValue": "3"
+            }
+        };
+    }
+}
+//# sourceMappingURL=machine-overview.js.map

package/dist/collection/components/organisms/machine-overview/machine-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"machine-overview.js","sourceRoot":"","sources":["../../../../src/components/organisms/machine-overview/machine-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,WAAW,GAAuC;IACtD,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,GAAG;CACb,CAAC;AAEF;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IACrB,OAAO,CAAU;IACzB,0BAA0B;IAClB,SAAS,CAAU;IACF,KAAK,GAAuB,SAAS,CAAC;IAC/D,+BAA+B;IACvB,GAAG,CAAU;IACrB,iCAAiC;IACzB,OAAO,GAAW,CAAC,CAAC;IAE5B,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9D,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;oBAC7D,IAAI,CAAC,SAAS,IAAI,6DAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,SAAS,CAAQ,CACnE;gBACN,4DAAK,KAAK,EAAC,eAAe;oBACvB,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,CACzB,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK;;wBAAM,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;4BAAS,CAC/D;oBACD,uEAAgB,KAAK,EAAE,GAAU,EAAE,IAAI,EAAC,IAAI,GAAG;oBAC/C,6DAAM,KAAK,EAAE,eAAe,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAC,OAAO,IAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACnF,CACF;YACN,4DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,OAAO,mBAAmB,EAAE;gBAEzE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nconst STATE_LABEL: Record<EquipmentCardState, string> = {\n  running: 'Running',\n  stopped: 'Stopped',\n  fault: 'Fault',\n  warning: 'Warning',\n  maintenance: 'Maintenance',\n  unknown: '—',\n};\n\n/**\n * Machine overview header + content area. Shows machine identity and state in\n * the header; slot equipment / KPI molecules into the grid body.\n */\n@Component({\n  tag: 'ind-machine-overview',\n  styleUrls: ['../_shared/panel.css', 'machine-overview.css'],\n  shadow: true,\n})\nexport class IndMachineOverview {\n  @Prop() heading!: string;\n  /** Machine identifier. */\n  @Prop() machineId?: string;\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** OEE headline percentage. */\n  @Prop() oee?: number;\n  /** Grid columns for the body. */\n  @Prop() columns: number = 3;\n\n  render() {\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.machineId && <span class=\"panel-subtitle\">{this.machineId}</span>}\n          </div>\n          <div class=\"panel-actions\">\n            {this.oee !== undefined && (\n              <span class=\"oee\" part=\"oee\">OEE {this.oee.toFixed(0)}%</span>\n            )}\n            <ind-status-dot state={dot as any} size=\"md\" />\n            <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n          </div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}