@ind-ds/core 0.1.1 → 0.2.1

package/dist/collection/components/molecules/valve-card/valve-card.js

@@ -0,0 +1,127 @@
+import { h, Host } from "@stencil/core";
+const STATE_LABEL = {
+    open: 'Open',
+    closed: 'Closed',
+    transit: 'In transit',
+    fault: 'Fault',
+};
+/**
+ * Valve faceplate: ISA `<ind-valve>` symbol plus open/closed state and an
+ * optional position (%) for modulating valves.
+ */
+export class IndValveCard {
+    /** Equipment tag (e.g. "FV-12"). */
+    tag;
+    /** Human label (e.g. "Discharge valve"). */
+    label;
+    /** Valve state — drives the symbol and fault chrome. */
+    state = 'closed';
+    /** Modulating position 0–100 %. Omit for on/off valves. */
+    position;
+    render() {
+        const name = this.label ?? this.tag ?? 'Valve';
+        const stateLabel = STATE_LABEL[this.state];
+        return (h(Host, { key: 'c11f424cdec484a92d55249e9bc2bf8d57ff37ff', role: "group", "aria-label": `${name} — ${stateLabel}` }, h("div", { key: 'd06530840195cf64a2dfa42bee2d75181a1f6b8a', class: "card-head" }, h("span", { key: '40f60181a5004a6775c075d1ddb8a1b8bef7fecc', class: "card-title", part: "label" }, name), this.tag && h("span", { key: 'a792bce6c1d47e9dfc55b4eeaecc33e12937de0a', class: "card-tag", part: "tag" }, this.tag)), h("div", { key: '959d680892bd242eb4f0bd7f3caa26608899dd3a', class: "body", part: "body" }, h("ind-valve", { key: '89179d37066242d82cb63c829d085746926b03c2', class: "symbol", state: this.state, size: "md" }), h("div", { key: '23fb8ecd64f0f119498e6de5eebdb8b092f82a3b', class: "metrics", part: "metrics" }, h("span", { key: '3b30ab720f8a36a012f9eda7187e13c5f5a8f77b', class: `state-label state-${this.state}`, part: "state-label" }, stateLabel), this.position !== undefined && (h("ind-value", { key: '2d9bd688111fcd2c2a0b8e2c0d6826bc807b682e', value: this.position, unit: "%", precision: 0, label: "Position", size: "sm" }))))));
+    }
+    static get is() { return "ind-valve-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/card.css", "../_shared/equipment-card.css", "valve-card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/card.css", "../_shared/equipment-card.css", "valve-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Equipment tag (e.g. \"FV-12\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Human label (e.g. \"Discharge valve\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValveState",
+                    "resolved": "\"closed\" | \"fault\" | \"open\" | \"transit\"",
+                    "references": {
+                        "ValveState": {
+                            "location": "import",
+                            "path": "../../atoms/valve/valve",
+                            "id": "src/components/atoms/valve/valve.tsx::ValveState",
+                            "referenceLocation": "ValveState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Valve state \u2014 drives the symbol and fault chrome."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'closed'"
+            },
+            "position": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Modulating position 0\u2013100 %. Omit for on/off valves."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "position"
+            }
+        };
+    }
+}
+//# sourceMappingURL=valve-card.js.map

package/dist/collection/components/molecules/valve-card/valve-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"valve-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/valve-card/valve-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,WAAW,GAA+B;IAC9C,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,OAAO;CACf,CAAC;AAEF;;;GAGG;AAMH,MAAM,OAAO,YAAY;IACvB,oCAAoC;IAC5B,GAAG,CAAU;IACrB,4CAA4C;IACpC,KAAK,CAAU;IACvB,wDAAwD;IAC/B,KAAK,GAAe,QAAQ,CAAC;IACtD,2DAA2D;IACnD,QAAQ,CAAU;IAE1B,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC;QAC/C,MAAM,UAAU,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,GAAG,IAAI,MAAM,UAAU,EAAE;YACtD,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAQ;gBAClD,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,IAAE,IAAI,CAAC,GAAG,CAAQ,CAC5D;YACN,4DAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;gBAC3B,kEAAW,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG;gBACzD,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;oBACjC,6DAAM,KAAK,EAAE,qBAAqB,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAC,aAAa,IAAE,UAAU,CAAQ;oBACrF,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC9B,kEAAW,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,CAAC,EAAE,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,GAAG,CACtF,CACG,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ValveState } from '../../atoms/valve/valve';\n\nconst STATE_LABEL: Record<ValveState, string> = {\n  open: 'Open',\n  closed: 'Closed',\n  transit: 'In transit',\n  fault: 'Fault',\n};\n\n/**\n * Valve faceplate: ISA `<ind-valve>` symbol plus open/closed state and an\n * optional position (%) for modulating valves.\n */\n@Component({\n  tag: 'ind-valve-card',\n  styleUrls: ['../_shared/card.css', '../_shared/equipment-card.css', 'valve-card.css'],\n  shadow: true,\n})\nexport class IndValveCard {\n  /** Equipment tag (e.g. \"FV-12\"). */\n  @Prop() tag?: string;\n  /** Human label (e.g. \"Discharge valve\"). */\n  @Prop() label?: string;\n  /** Valve state — drives the symbol and fault chrome. */\n  @Prop({ reflect: true }) state: ValveState = 'closed';\n  /** Modulating position 0–100 %. Omit for on/off valves. */\n  @Prop() position?: number;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'Valve';\n    const stateLabel = STATE_LABEL[this.state];\n    return (\n      <Host role=\"group\" aria-label={`${name} — ${stateLabel}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{name}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class=\"body\" part=\"body\">\n          <ind-valve class=\"symbol\" state={this.state} size=\"md\" />\n          <div class=\"metrics\" part=\"metrics\">\n            <span class={`state-label state-${this.state}`} part=\"state-label\">{stateLabel}</span>\n            {this.position !== undefined && (\n              <ind-value value={this.position} unit=\"%\" precision={0} label=\"Position\" size=\"sm\" />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/alarm-panel/alarm-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/alarm-panel/alarm-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { AlarmRowPriority } from '../../molecules/alarm-row/alarm-row';\n\nexport interface AlarmPanelItem {\n  id: string;\n  priority: AlarmRowPriority;\n  tag?: string;\n  message: string;\n  time?: string;\n  acknowledged?: boolean;\n}\n\nconst PRIORITY_RANK: Record<AlarmRowPriority, number> = {\n  'high-high': 0,\n  high: 1,\n  low: 2,\n  'low-low': 3,\n};\n\n/**\n * Active alarm list with a toolbar: shows unacknowledged-first, ISA-18.2\n * sorted `<ind-alarm-row>`s and an \"ACK all\" command. Emits `indAck` (per\n * alarm) and `indAckAll`.\n */\n@Component({\n  tag: 'ind-alarm-panel',\n  styleUrls: ['../_shared/panel.css', 'alarm-panel.css'],\n  shadow: true,\n})\nexport class IndAlarmPanel {\n  /** Panel heading. */\n  @Prop() heading: string = 'Alarms';\n  /** Alarm rows. */\n  @Prop() alarms: AlarmPanelItem[] = [];\n  /** Hide already-acknowledged alarms. */\n  @Prop() hideAcknowledged: boolean = false;\n\n  /** Fires with the alarm id when a single alarm is acknowledged. */\n  @Event() indAck!: EventEmitter<string>;\n  /** Fires when the operator acknowledges all visible alarms. */\n  @Event() indAckAll!: EventEmitter<void>;\n\n  private sorted(): AlarmPanelItem[] {\n    const list = this.hideAcknowledged ? this.alarms.filter((a) => !a.acknowledged) : this.alarms;\n    return [...list].sort((a, b) => {\n      const ack = Number(a.acknowledged ?? false) - Number(b.acknowledged ?? false);\n      if (ack !== 0) return ack;\n      return PRIORITY_RANK[a.priority] - PRIORITY_RANK[b.priority];\n    });\n  }\n\n  render() {\n    const rows = this.sorted();\n    const unacked = this.alarms.filter((a) => !a.acknowledged).length;\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            <span class=\"panel-subtitle\">{unacked} unacknowledged · {this.alarms.length} total</span>\n          </div>\n          <div class=\"panel-actions\">\n            <ind-button\n              variant=\"default\"\n              size=\"sm\"\n              label=\"ACK all\"\n              disabled={unacked === 0}\n              onIndActivate={() => this.indAckAll.emit()}\n            />\n          </div>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {rows.length === 0 ? (\n            <div class=\"panel-empty\">No active alarms</div>\n          ) : (\n            rows.map((a) => (\n              <ind-alarm-row\n                key={a.id}\n                priority={a.priority}\n                tag={a.tag}\n                message={a.message}\n                time={a.time}\n                acknowledged={a.acknowledged}\n                onIndAck={() => this.indAck.emit(a.id)}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/alarm-summary/alarm-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-summary.js","sourceRoot":"","sources":["../../../../src/components/organisms/alarm-summary/alarm-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;;GAIG;AAMH,MAAM,OAAO,eAAe;IAClB,OAAO,GAAW,eAAe,CAAC;IAClC,QAAQ,GAAW,CAAC,CAAC;IACrB,IAAI,GAAW,CAAC,CAAC;IACjB,GAAG,GAAW,CAAC,CAAC;IAChB,MAAM,GAAW,CAAC,CAAC;IAC3B,8CAA8C;IACtC,cAAc,GAAW,CAAC,CAAC;IAEnC,IAAY,KAAK;QACf,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC;IAC5D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ,CAC1D;YACN,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;oBACjC,4DAAK,KAAK,EAAC,QAAQ;wBACjB,6DAAM,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;wBAC3D,6DAAM,KAAK,EAAC,cAAc,aAAc,CACpC;oBACN,4DAAK,KAAK,EAAE,UAAU,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;wBACnE,6DAAM,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,cAAc,CAAQ;wBACtE,6DAAM,KAAK,EAAC,cAAc,cAAe,CACrC,CACF;gBACN,8EACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,MAAM,EAAE,IAAI,CAAC,MAAM,GACnB,CACE,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Compact alarm KPI block: total + unacknowledged headline figures and the\n * ISA-18.2 priority breakdown via `<ind-alarm-badge-group>`. For a dashboard\n * tile or the top of an alarm page.\n */\n@Component({\n  tag: 'ind-alarm-summary',\n  styleUrls: ['../_shared/panel.css', 'alarm-summary.css'],\n  shadow: true,\n})\nexport class IndAlarmSummary {\n  @Prop() heading: string = 'Alarm summary';\n  @Prop() highHigh: number = 0;\n  @Prop() high: number = 0;\n  @Prop() low: number = 0;\n  @Prop() lowLow: number = 0;\n  /** Number still requiring acknowledgement. */\n  @Prop() unacknowledged: number = 0;\n\n  private get total(): number {\n    return this.highHigh + this.high + this.low + this.lowLow;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"panel-body\">\n          <div class=\"figures\" part=\"figures\">\n            <div class=\"figure\">\n              <span class=\"figure-value\" part=\"total\">{this.total}</span>\n              <span class=\"figure-label\">Active</span>\n            </div>\n            <div class={`figure ${this.unacknowledged > 0 ? 'figure-alert' : ''}`}>\n              <span class=\"figure-value\" part=\"unacked\">{this.unacknowledged}</span>\n              <span class=\"figure-label\">Unacked</span>\n            </div>\n          </div>\n          <ind-alarm-badge-group\n            part=\"badges\"\n            highHigh={this.highHigh}\n            high={this.high}\n            low={this.low}\n            lowLow={this.lowLow}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/app-header/app-header.css

@@ -1,127 +0,0 @@
-:host {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-6, 16px);
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);
-  background: var(--ind-surface-panel);
-  border-bottom: 1px solid var(--ind-surface-border-default);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-family: var(--ind-font-family-sans);
-  min-height: 56px;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.brand {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.brand-logo {
-  font-size: 26px;
-  line-height: 1;
-  color: var(--ind-button-primary-bg);
-}
-
-.brand-text {
-  display: flex;
-  flex-direction: column;
-  line-height: 1.1;
-}
-
-.brand-name {
-  font-size: var(--ind-font-size-lg, 14px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-}
-
-.brand-sub {
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.machine {
-  display: flex;
-  flex-direction: column;
-  line-height: 1.1;
-  padding-left: var(--ind-spacing-5, 12px);
-  border-left: 1px solid var(--ind-surface-border-subtle);
-}
-
-.machine-label {
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.machine-id {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-md, 13px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-}
-
-.mqtt {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.mqtt-label {
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-.spacer { flex: 1; }
-
-.meta {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-4, 8px);
-  font-size: var(--ind-font-size-sm, 11px);
-}
-
-.version {
-  font-family: var(--ind-font-family-mono);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-}
-
-.docs {
-  color: var(--ind-feedback-info-bg);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.docs:hover { text-decoration-thickness: 2px; }
-
-.actions {
-  display: flex;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.action {
-  height: var(--ind-size-button-sm, 26px);
-  padding: 0 var(--ind-spacing-4, 8px);
-  background: var(--ind-button-default-bg);
-  color: var(--ind-button-default-fg);
-  border: 1px solid var(--ind-button-default-border);
-  border-radius: var(--ind-radius-md, 3px);
-  font-family: inherit;
-  font-size: var(--ind-font-size-sm, 11px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  cursor: pointer;
-  transition: background var(--ind-motion-duration-fast, 120ms);
-}
-.action:hover { background: var(--ind-button-default-bg-hover); }
-
-.action--danger {
-  background: transparent;
-  color: var(--ind-feedback-error-bg);
-  border-color: var(--ind-feedback-error-border);
-}
-.action--danger:hover {
-  background: var(--ind-feedback-error-bg);
-  color: var(--ind-feedback-error-fg);
-}

package/dist/collection/components/organisms/app-header/app-header.js

@@ -1,256 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndAppHeader {
-    /** Brand name (uppercase by convention). */
-    brand;
-    /** Sub-brand line (e.g. "Maintenance Console"). */
-    subBrand;
-    /** Machine identifier shown next to the brand. */
-    machineId;
-    /** Broker / realtime connection state — drives the dot. */
-    mqttState = 'neutral';
-    /** Label rendered next to the dot (e.g. "Connected"). */
-    mqttLabel;
-    /** App version (e.g. "v1.4.2"). */
-    version;
-    /** Documentation URL. */
-    docsUrl;
-    /** Hide the built-in "Change machine" button. */
-    hideChangeMachine = false;
-    /** Hide the built-in "Disconnect" button. */
-    hideDisconnect = false;
-    indChangeMachine;
-    indDisconnect;
-    render() {
-        return (h(Host, { key: 'c65d79c697786cf1e17f3d13a1f5475da46e66ac', role: "banner" }, h("div", { key: '4c17ab40581251748f4bfbdceb8553d736b9288b', class: "brand", part: "brand" }, h("slot", { key: '2e4a11be914770ce6cf3b2e2a4cf7e92fbd95702', name: "logo" }, h("span", { key: 'ff2a98d37c5153a9169b188a2e77d24f49a505e5', class: "brand-logo", "aria-hidden": "true" }, "\u2B22")), h("div", { key: 'a679a938ab050aa8e2c326a88e905563134fbbc5', class: "brand-text" }, h("span", { key: '19b941fba9c4d7dbbda39242f3c6afb543c5ef6a', class: "brand-name" }, this.brand), this.subBrand && h("span", { key: 'd77217db67b0384df179638cbf98ae38697a7071', class: "brand-sub" }, this.subBrand))), this.machineId && (h("div", { key: '1e40da6c490185efe7423b1b82d5a5e56cd4cb9a', class: "machine", part: "machine" }, h("span", { key: '5ca76acc4d270e8f6adc12d0077f1371e136aded', class: "machine-label" }, "Machine"), h("span", { key: 'a10840b72441bb7adabd0f152332bfa9e081eff5', class: "machine-id" }, this.machineId))), h("div", { key: '5cfbdeb0e191cdbfa679fd0a1e205c4544065b10', class: "mqtt", part: "mqtt" }, h("ind-status-dot", { key: 'b80758c2a80a27b362651cd1251c92d3b510212e', state: this.mqttState, size: "md" }), this.mqttLabel && h("span", { key: 'a443524b51f9950e068bc815bc4e89f52bc9c296', class: "mqtt-label" }, this.mqttLabel)), h("span", { key: '84028540ba07e5f4b400e9694a2c102c0ffcb618', class: "spacer" }), h("div", { key: '42e07d1726547c318367423708e9fd7078a771ed', class: "meta", part: "meta" }, this.version && h("span", { key: '9fc02e0f44f50126554fa70e127bf5e1819b09ee', class: "version" }, this.version), this.docsUrl && (h("a", { key: '3839f6149b334591551124f4bb5eb296d0f4a296', class: "docs", href: this.docsUrl, target: "_blank", rel: "noopener noreferrer" }, "Documentation"))), h("div", { key: '4265851f62d3f66518a9e07b32933974a301376b', class: "actions", part: "actions" }, h("slot", { key: 'dffb5909cf929b3c04e47d598e746a6caf8d55f5', name: "actions" }, !this.hideChangeMachine && (h("button", { key: '824c0c0b5419753e50d8ba002dee057ba2ec2b46', type: "button", class: "action", onClick: () => this.indChangeMachine.emit() }, "Change machine")), !this.hideDisconnect && (h("button", { key: '5269a1bed2754ca7f7bfd83f0f431cae2d4c1bf5', type: "button", class: "action action--danger", onClick: () => this.indDisconnect.emit() }, "Disconnect"))))));
-    }
-    static get is() { return "ind-app-header"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["app-header.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["app-header.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "brand": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Brand name (uppercase by convention)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "brand"
-            },
-            "subBrand": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Sub-brand line (e.g. \"Maintenance Console\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "sub-brand"
-            },
-            "machineId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Machine identifier shown next to the brand."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "machine-id"
-            },
-            "mqttState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "AppHeaderConnectionState",
-                    "resolved": "\"fault\" | \"maintenance\" | \"neutral\" | \"running\" | \"stopped\" | \"warning\"",
-                    "references": {
-                        "AppHeaderConnectionState": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/app-header/app-header.tsx",
-                            "id": "src/components/organisms/app-header/app-header.tsx::AppHeaderConnectionState"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Broker / realtime connection state \u2014 drives the dot."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "mqtt-state",
-                "defaultValue": "'neutral'"
-            },
-            "mqttLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label rendered next to the dot (e.g. \"Connected\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "mqtt-label"
-            },
-            "version": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "App version (e.g. \"v1.4.2\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "version"
-            },
-            "docsUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Documentation URL."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "docs-url"
-            },
-            "hideChangeMachine": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide the built-in \"Change machine\" button."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-change-machine",
-                "defaultValue": "false"
-            },
-            "hideDisconnect": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide the built-in \"Disconnect\" button."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-disconnect",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indChangeMachine",
-                "name": "indChangeMachine",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "indDisconnect",
-                "name": "indDisconnect",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=app-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"asset-overview.js","sourceRoot":"","sources":["../../../../src/components/organisms/asset-overview/asset-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAYzD;;;GAGG;AAMH,MAAM,OAAO,gBAAgB;IACnB,OAAO,GAAW,QAAQ,CAAC;IAC3B,MAAM,GAAgB,EAAE,CAAC;IAEzB,aAAa,CAAC,CAAU;QAC9B,IAAI,CAAC,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QACtC,IAAI,CAAC,GAAG,EAAE;YAAE,OAAO,OAAO,CAAC;QAC3B,IAAI,CAAC,GAAG,EAAE;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC9D,6DAAM,KAAK,EAAC,gBAAgB;oBAAE,IAAI,CAAC,MAAM,CAAC,MAAM;8BAAe,CAC3D;YACN,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,WAAK,KAAK,EAAC,aAAa,gBAAgB,CACzC,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACrB,WAAK,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC,CAAC,GAAG;gBACpC,sBAAgB,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAQ,EAAE,IAAI,EAAC,IAAI,GAAG;gBACzF,YAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,IAAE,CAAC,CAAC,GAAG,CAAQ;gBAC3C,YAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,CAAC,CAAC,IAAI,CAAQ;gBAC7C,CAAC,CAAC,MAAM,KAAK,SAAS,IAAI,CACzB,oBAAc,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAC,IAAI,GAAgB,CACzH;gBACA,CAAC,CAAC,MAAM,IAAI,YAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,IAAE,CAAC,CAAC,MAAM,CAAQ,CAC7D,CACP,CAAC,CACH,CACG,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\nexport interface AssetItem {\n  tag: string;\n  name: string;\n  state: EquipmentCardState;\n  /** Health score 0–100. */\n  health?: number;\n  detail?: string;\n}\n\n/**\n * Tabular overview of plant assets with state dot, health bar and detail.\n * Suits an asset register or a fleet health page.\n */\n@Component({\n  tag: 'ind-asset-overview',\n  styleUrls: ['../_shared/panel.css', 'asset-overview.css'],\n  shadow: true,\n})\nexport class IndAssetOverview {\n  @Prop() heading: string = 'Assets';\n  @Prop() assets: AssetItem[] = [];\n\n  private healthVariant(h?: number): 'default' | 'success' | 'warning' | 'error' {\n    if (h === undefined) return 'default';\n    if (h < 40) return 'error';\n    if (h < 70) return 'warning';\n    return 'success';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <span class=\"panel-subtitle\">{this.assets.length} assets</span>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {this.assets.length === 0 ? (\n            <div class=\"panel-empty\">No assets</div>\n          ) : (\n            this.assets.map((a) => (\n              <div class=\"row\" part=\"row\" key={a.tag}>\n                <ind-status-dot state={(a.state === 'unknown' ? 'neutral' : a.state) as any} size=\"sm\" />\n                <span class=\"tag\" part=\"tag\">{a.tag}</span>\n                <span class=\"name\" part=\"name\">{a.name}</span>\n                {a.health !== undefined && (\n                  <ind-progress class=\"health\" value={a.health} max={100} variant={this.healthVariant(a.health)} size=\"sm\"></ind-progress>\n                )}\n                {a.detail && <span class=\"detail\" part=\"detail\">{a.detail}</span>}\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-control-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/batch-control-panel/batch-control-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type BatchState = 'idle' | 'running' | 'held' | 'complete' | 'fault';\n\nexport interface BatchParam {\n  label: string;\n  value: string | number;\n  unit?: string;\n  target?: string;\n}\n\nconst STATE_LABEL: Record<BatchState, string> = {\n  idle: 'Idle',\n  running: 'Running',\n  held: 'Held',\n  complete: 'Complete',\n  fault: 'Fault',\n};\n\n/**\n * Batch / phase control panel: current phase + progress, Start / Hold / Stop\n * commands and the active parameter set.\n */\n@Component({\n  tag: 'ind-batch-control-panel',\n  styleUrls: ['../_shared/panel.css', 'batch-control-panel.css'],\n  shadow: true,\n})\nexport class IndBatchControlPanel {\n  @Prop() heading: string = 'Batch control';\n  /** Batch / lot identifier. */\n  @Prop() batchId?: string;\n  /** Current phase / step name. */\n  @Prop() phase?: string;\n  /** Batch state — drives the badge. */\n  @Prop({ reflect: true }) state: BatchState = 'idle';\n  /** Phase progress 0–100 %. */\n  @Prop() progress: number = 0;\n  /** Active parameters. */\n  @Prop() parameters: BatchParam[] = [];\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indHold!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n\n  render() {\n    const running = this.state === 'running';\n    const progressVariant = this.state === 'fault' ? 'error' : this.state === 'held' ? 'warning' : '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.batchId && <span class=\"panel-subtitle\">Batch {this.batchId}</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          {this.phase && (\n            <div class=\"phase\" part=\"phase\">\n              <span class=\"phase-label\">Phase</span>\n              <span class=\"phase-name\">{this.phase}</span>\n            </div>\n          )}\n          <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value></ind-progress>\n          <ind-command-group label=\"Batch commands\">\n            <ind-button variant=\"primary\" size=\"sm\" label=\"Start\" disabled={running} onIndActivate={() => this.indStart.emit()} />\n            <ind-button variant=\"default\" size=\"sm\" label=\"Hold\" disabled={!running} onIndActivate={() => this.indHold.emit()} />\n            <ind-button variant=\"danger\" size=\"sm\" label=\"Stop\" disabled={this.state === 'idle'} onIndActivate={() => this.indStop.emit()} />\n          </ind-command-group>\n          {this.parameters.length > 0 && (\n            <div class=\"params\" part=\"params\">\n              {this.parameters.map((p, i) => (\n                <ind-batch-parameter-row\n                  key={i}\n                  label={p.label}\n                  value={p.value}\n                  unit={p.unit}\n                  target={p.target}\n                  disabled\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/command-center/command-center.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-center.js","sourceRoot":"","sources":["../../../../src/components/organisms/command-center/command-center.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,gBAAgB;IACnB,OAAO,GAAW,UAAU,CAAC;IACrC,8BAA8B;IACtB,OAAO,GAAW,CAAC,CAAC;IAE5B,MAAM;QACJ,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;oBAAC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAAM,CACpD;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';\n\n/**\n * Command center: a grid palette of command buttons / command groups for an\n * operator landing page or a quick-action overlay. Slot the commands in.\n */\n@Component({\n  tag: 'ind-command-center',\n  styleUrls: ['../_shared/panel.css', 'command-center.css'],\n  shadow: true,\n})\nexport class IndCommandCenter {\n  @Prop() heading: string = 'Commands';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\"><slot name=\"actions\" /></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"]}

package/dist/collection/components/organisms/context-toolbar/context-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-toolbar.js","sourceRoot":"","sources":["../../../../src/components/organisms/context-toolbar/context-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;;GAIG;AAMH,MAAM,OAAO,iBAAiB;IAC5B,0BAA0B;IAClB,OAAO,CAAU;IACzB,8BAA8B;IACtB,QAAQ,CAAU;IAE1B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,SAAS;YAClB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY;gBAAC,6DAAM,IAAI,EAAC,YAAY,GAAG,CAAO;YAC3E,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAClC,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;gBAC9B,IAAI,CAAC,OAAO,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,OAAO,CAAQ;gBACzD,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAC3D,CACP;YACD,6DAAM,KAAK,EAAC,QAAQ,GAAG;YACvB,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;gBAAC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAAM;YACjE,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Contextual toolbar that sits below the app header: current view title (with\n * optional breadcrumb slot) on the left and contextual command buttons on the\n * right via the `actions` slot.\n */\n@Component({\n  tag: 'ind-context-toolbar',\n  styleUrl: 'context-toolbar.css',\n  shadow: true,\n})\nexport class IndContextToolbar {\n  /** Current view title. */\n  @Prop() heading?: string;\n  /** Secondary context line. */\n  @Prop() subtitle?: string;\n\n  render() {\n    return (\n      <Host role=\"toolbar\">\n        <span class=\"breadcrumb\" part=\"breadcrumb\"><slot name=\"breadcrumb\" /></span>\n        {(this.heading || this.subtitle) && (\n          <div class=\"titles\" part=\"titles\">\n            {this.heading && <span class=\"title\">{this.heading}</span>}\n            {this.subtitle && <span class=\"subtitle\">{this.subtitle}</span>}\n          </div>\n        )}\n        <span class=\"spacer\" />\n        <div class=\"actions\" part=\"actions\"><slot name=\"actions\" /></div>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-diagnostics-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/device-diagnostics-panel/device-diagnostics-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUzD;;;GAGG;AAMH,MAAM,OAAO,yBAAyB;IAC5B,OAAO,GAAW,aAAa,CAAC;IAChC,IAAI,CAAU;IACd,MAAM,CAAU;IAChB,KAAK,CAAU;IACf,QAAQ,CAAU;IAClB,MAAM,CAAU;IAChB,OAAO,CAAU;IACA,KAAK,GAAoB,cAAc,CAAC;IACjE,0BAA0B;IAClB,OAAO,GAAuB,EAAE,CAAC;IAEzC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ,CAC1D;YACN,4DAAK,KAAK,EAAC,YAAY;gBACrB,6EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,GACK;gBACvB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,IAChC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,WAAK,KAAK,EAAE,iBAAiB,CAAC,CAAC,MAAM,IAAI,IAAI,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC;oBACnE,YAAM,KAAK,EAAC,cAAc,IAAE,CAAC,CAAC,KAAK,CAAQ;oBAC3C,YAAM,KAAK,EAAC,cAAc;wBACvB,CAAC,CAAC,KAAK;wBAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAC/B,CACH,CACP,CAAC,CACE,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\nexport interface DiagnosticMetric {\n  label: string;\n  value: string | number;\n  unit?: string;\n  status?: 'ok' | 'warn' | 'fault';\n}\n\n/**\n * Device diagnostics panel: nameplate / connection via `<ind-device-info-card>`\n * plus a list of live diagnostic metrics (CPU, memory, temperature, errors).\n */\n@Component({\n  tag: 'ind-device-diagnostics-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'device-diagnostics-panel.css'],\n  shadow: true,\n})\nexport class IndDeviceDiagnosticsPanel {\n  @Prop() heading: string = 'Diagnostics';\n  @Prop() name!: string;\n  @Prop() vendor?: string;\n  @Prop() model?: string;\n  @Prop() firmware?: string;\n  @Prop() serial?: string;\n  @Prop() address?: string;\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n  /** Diagnostic metrics. */\n  @Prop() metrics: DiagnosticMetric[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"panel-body\">\n          <ind-device-info-card\n            name={this.name}\n            vendor={this.vendor}\n            model={this.model}\n            firmware={this.firmware}\n            serial={this.serial}\n            address={this.address}\n            state={this.state}\n          ></ind-device-info-card>\n          {this.metrics.length > 0 && (\n            <div class=\"metrics\" part=\"metrics\">\n              {this.metrics.map((m, i) => (\n                <div class={`metric metric-${m.status ?? 'ok'}`} part=\"metric\" key={i}>\n                  <span class=\"metric-label\">{m.label}</span>\n                  <span class=\"metric-value\">\n                    {m.value}{m.unit ? ` ${m.unit}` : ''}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}