@ind-ds/core 0.1.1 → 0.2.1

package/dist/collection/components/molecules/network-status-card/network-status-card.js

@@ -0,0 +1,168 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Network link summary: signal quality, address and throughput, with the
+ * overall link state. Suits a wireless gateway or cellular modem panel.
+ */
+export class IndNetworkStatusCard {
+    /** Link label (e.g. "Cellular WAN"). */
+    label = 'Network';
+    /** Signal level 0–4 for the bars. */
+    level = 0;
+    /** IP / address. */
+    address;
+    /** Downlink throughput (kbit/s). */
+    rxKbps;
+    /** Uplink throughput (kbit/s). */
+    txKbps;
+    /** Overall link state. */
+    state = 'disconnected';
+    fmt(kbps) {
+        if (kbps === undefined)
+            return '—';
+        return kbps >= 1000 ? `${(kbps / 1000).toFixed(1)} Mb/s` : `${Math.round(kbps)} kb/s`;
+    }
+    render() {
+        return (h(Host, { key: '1751b85b43388f16fae5f172f6f8df561fd8a629', role: "group", "aria-label": `${this.label} ${this.state}` }, h("div", { key: '8135d6bbfbee58a33abc67fc14da817444ea598d', class: "card-head" }, h("span", { key: 'cc6baee0b2673ea8d460352f011417d8aa009366', class: "card-title", part: "label" }, this.label), h("ind-connection-indicator", { key: 'b80f177558c359d38a945b5a19d3320a4e90eefe', state: this.state, size: "sm" })), h("div", { key: '64e367c87acb2589e46ca50fd7eac63107d80a8a', class: "signal", part: "signal" }, h("ind-signal-quality", { key: 'b0751c2aecf1d0c3c8cb9a6ec3eccdad8ab17e3c', level: this.level, size: "md" }), this.address && h("code", { key: 'fb6ac7d8631724723ea2adc6907bc38d38bfa12b', class: "address", part: "address" }, this.address)), h("div", { key: '962d4cacd7e5e44531e2f4181b5686c40b99799f', class: "throughput", part: "throughput" }, h("span", { key: 'f1a5b4fd42b426591195dce0c6fe36e8b6649765', class: "tp" }, h("span", { key: '75b92dc90ab7663deddf37570a8a842aaaf75e13', class: "arrow", "aria-hidden": "true" }, "\u2193"), " ", this.fmt(this.rxKbps)), h("span", { key: '9faa7be07797784f537d60348497499409a3aaf2', class: "tp" }, h("span", { key: '03fe2661325064012b3f7bd033e386e5baccff21', class: "arrow", "aria-hidden": "true" }, "\u2191"), " ", this.fmt(this.txKbps)))));
+    }
+    static get is() { return "ind-network-status-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/card.css", "network-status-card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/card.css", "network-status-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Link label (e.g. \"Cellular WAN\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "'Network'"
+            },
+            "level": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Signal level 0\u20134 for the bars."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "level",
+                "defaultValue": "0"
+            },
+            "address": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "IP / address."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "address"
+            },
+            "rxKbps": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Downlink throughput (kbit/s)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rx-kbps"
+            },
+            "txKbps": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Uplink throughput (kbit/s)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tx-kbps"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ConnectionState",
+                    "resolved": "\"connected\" | \"connecting\" | \"disconnected\" | \"error\"",
+                    "references": {
+                        "ConnectionState": {
+                            "location": "import",
+                            "path": "../../atoms/connection-indicator/connection-indicator",
+                            "id": "src/components/atoms/connection-indicator/connection-indicator.tsx::ConnectionState",
+                            "referenceLocation": "ConnectionState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Overall link state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'disconnected'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=network-status-card.js.map

package/dist/collection/components/molecules/network-status-card/network-status-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-status-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/network-status-card/network-status-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD;;;GAGG;AAMH,MAAM,OAAO,oBAAoB;IAC/B,wCAAwC;IAChC,KAAK,GAAW,SAAS,CAAC;IAClC,qCAAqC;IAC7B,KAAK,GAAW,CAAC,CAAC;IAC1B,oBAAoB;IACZ,OAAO,CAAU;IACzB,oCAAoC;IAC5B,MAAM,CAAU;IACxB,kCAAkC;IAC1B,MAAM,CAAU;IACxB,0BAA0B;IACD,KAAK,GAAoB,cAAc,CAAC;IAEzD,GAAG,CAAC,IAAa;QACvB,IAAI,IAAI,KAAK,SAAS;YAAE,OAAO,GAAG,CAAC;QACnC,OAAO,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;IACxF,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE;YAC1D,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;gBACzD,iFAA0B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,CACrD;YACN,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;gBAC/B,2EAAoB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG;gBAClD,IAAI,CAAC,OAAO,IAAI,6DAAM,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ,CACvE;YACN,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY;gBACvC,6DAAM,KAAK,EAAC,IAAI;oBAAC,6DAAM,KAAK,EAAC,OAAO,iBAAa,MAAM,aAAS;;oBAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAQ;gBAC/F,6DAAM,KAAK,EAAC,IAAI;oBAAC,6DAAM,KAAK,EAAC,OAAO,iBAAa,MAAM,aAAS;;oBAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAQ,CAC3F,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\n/**\n * Network link summary: signal quality, address and throughput, with the\n * overall link state. Suits a wireless gateway or cellular modem panel.\n */\n@Component({\n  tag: 'ind-network-status-card',\n  styleUrls: ['../_shared/card.css', 'network-status-card.css'],\n  shadow: true,\n})\nexport class IndNetworkStatusCard {\n  /** Link label (e.g. \"Cellular WAN\"). */\n  @Prop() label: string = 'Network';\n  /** Signal level 0–4 for the bars. */\n  @Prop() level: number = 0;\n  /** IP / address. */\n  @Prop() address?: string;\n  /** Downlink throughput (kbit/s). */\n  @Prop() rxKbps?: number;\n  /** Uplink throughput (kbit/s). */\n  @Prop() txKbps?: number;\n  /** Overall link state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  private fmt(kbps?: number): string {\n    if (kbps === undefined) return '—';\n    return kbps >= 1000 ? `${(kbps / 1000).toFixed(1)} Mb/s` : `${Math.round(kbps)} kb/s`;\n  }\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.label} ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <div class=\"signal\" part=\"signal\">\n          <ind-signal-quality level={this.level} size=\"md\" />\n          {this.address && <code class=\"address\" part=\"address\">{this.address}</code>}\n        </div>\n        <div class=\"throughput\" part=\"throughput\">\n          <span class=\"tp\"><span class=\"arrow\" aria-hidden=\"true\">↓</span> {this.fmt(this.rxKbps)}</span>\n          <span class=\"tp\"><span class=\"arrow\" aria-hidden=\"true\">↑</span> {this.fmt(this.txKbps)}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/opcua-tag-binding/opcua-tag-binding.js

@@ -0,0 +1,175 @@
+import { h, Host } from "@stencil/core";
+const QUALITY_LABEL = {
+    good: 'Good',
+    uncertain: 'Uncertain',
+    bad: 'Bad',
+};
+/**
+ * Visualises the binding to an OPC UA node: node id, last value, data quality
+ * and the session connection state.
+ */
+export class IndOpcuaTagBinding {
+    /** Friendly label. */
+    label;
+    /** OPC UA node id (e.g. "ns=2;s=Channel1.Device1.Tag1"). */
+    nodeId;
+    /** Last value. */
+    value;
+    /** Engineering unit. */
+    unit;
+    /** OPC UA data quality. */
+    quality = 'good';
+    /** Session connection state. */
+    state = 'disconnected';
+    render() {
+        const v = this.value !== undefined ? String(this.value) : '—';
+        return (h(Host, { key: '26f858e3df518f2fe80a5cbeb59795e4ed37ad3f', role: "group", "aria-label": `OPC UA ${this.nodeId}` }, h("div", { key: 'f31f9254e702f62fead7512729a263962b4ca367', class: "card-head" }, h("span", { key: '9db34364812e44fb1b97280307c3272d39af20c1', class: "card-title", part: "label" }, this.label ?? 'OPC UA'), h("ind-connection-indicator", { key: 'd86586072da78417f77876fe72f775803eef9a08', state: this.state, size: "sm" })), h("code", { key: 'e88b589b63b314ea472d7bb1e49391bd2bf6e1b4', class: "address", part: "node-id" }, this.nodeId), h("div", { key: 'a96a356955875ee22a2380963cae2b335a217c1c', class: "readout", part: "readout" }, h("span", { key: 'dafe6819c30f5e8fc4fa2c3d1ec74fe7d45688cc', class: "value", part: "value" }, v, this.unit ? ` ${this.unit}` : ''), h("span", { key: '7fb82abd9f0acc310e882c415ac63ef7c45e417d', class: `flag quality quality-${this.quality}`, part: "quality" }, QUALITY_LABEL[this.quality]))));
+    }
+    static get is() { return "ind-opcua-tag-binding"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/card.css", "../_shared/binding.css", "opcua-tag-binding.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/card.css", "../_shared/binding.css", "opcua-tag-binding.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Friendly label."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "nodeId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "OPC UA node id (e.g. \"ns=2;s=Channel1.Device1.Tag1\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "node-id"
+            },
+            "value": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Last value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "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"
+            },
+            "quality": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "DataQuality",
+                    "resolved": "\"bad\" | \"good\" | \"uncertain\"",
+                    "references": {
+                        "DataQuality": {
+                            "location": "import",
+                            "path": "../historical-value-row/historical-value-row",
+                            "id": "src/components/molecules/historical-value-row/historical-value-row.tsx::DataQuality",
+                            "referenceLocation": "DataQuality"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "OPC UA data quality."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "quality",
+                "defaultValue": "'good'"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ConnectionState",
+                    "resolved": "\"connected\" | \"connecting\" | \"disconnected\" | \"error\"",
+                    "references": {
+                        "ConnectionState": {
+                            "location": "import",
+                            "path": "../../atoms/connection-indicator/connection-indicator",
+                            "id": "src/components/atoms/connection-indicator/connection-indicator.tsx::ConnectionState",
+                            "referenceLocation": "ConnectionState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Session connection state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'disconnected'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=opcua-tag-binding.js.map

package/dist/collection/components/molecules/opcua-tag-binding/opcua-tag-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opcua-tag-binding.js","sourceRoot":"","sources":["../../../../src/components/molecules/opcua-tag-binding/opcua-tag-binding.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIzD,MAAM,aAAa,GAAgC;IACjD,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,WAAW;IACtB,GAAG,EAAE,KAAK;CACX,CAAC;AAEF;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IAC7B,sBAAsB;IACd,KAAK,CAAU;IACvB,4DAA4D;IACpD,MAAM,CAAU;IACxB,kBAAkB;IACV,KAAK,CAAmB;IAChC,wBAAwB;IAChB,IAAI,CAAU;IACtB,2BAA2B;IACF,OAAO,GAAgB,MAAM,CAAC;IACvD,gCAAgC;IACP,KAAK,GAAoB,cAAc,CAAC;IAEjE,MAAM;QACJ,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAC9D,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,UAAU,IAAI,CAAC,MAAM,EAAE;YACpD,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAQ;gBACrE,iFAA0B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,CACrD;YACN,6DAAM,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,MAAM,CAAQ;YACzD,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;gBACjC,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO;oBAAE,CAAC;oBAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAQ;gBAC7E,6DAAM,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,EAAC,SAAS,IAAE,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAQ,CACpG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\nimport type { DataQuality } from '../historical-value-row/historical-value-row';\n\nconst QUALITY_LABEL: Record<DataQuality, string> = {\n  good: 'Good',\n  uncertain: 'Uncertain',\n  bad: 'Bad',\n};\n\n/**\n * Visualises the binding to an OPC UA node: node id, last value, data quality\n * and the session connection state.\n */\n@Component({\n  tag: 'ind-opcua-tag-binding',\n  styleUrls: ['../_shared/card.css', '../_shared/binding.css', 'opcua-tag-binding.css'],\n  shadow: true,\n})\nexport class IndOpcuaTagBinding {\n  /** Friendly label. */\n  @Prop() label?: string;\n  /** OPC UA node id (e.g. \"ns=2;s=Channel1.Device1.Tag1\"). */\n  @Prop() nodeId!: string;\n  /** Last value. */\n  @Prop() value?: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** OPC UA data quality. */\n  @Prop({ reflect: true }) quality: DataQuality = 'good';\n  /** Session connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  render() {\n    const v = this.value !== undefined ? String(this.value) : '—';\n    return (\n      <Host role=\"group\" aria-label={`OPC UA ${this.nodeId}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label ?? 'OPC UA'}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <code class=\"address\" part=\"node-id\">{this.nodeId}</code>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"value\" part=\"value\">{v}{this.unit ? ` ${this.unit}` : ''}</span>\n          <span class={`flag quality quality-${this.quality}`} part=\"quality\">{QUALITY_LABEL[this.quality]}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,184 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Pump faceplate: animated `<ind-pump>` symbol plus flow / pressure readouts.
+ */
+export class IndPumpCard {
+    /** Equipment tag (e.g. "P-101"). */
+    tag;
+    /** Human label (e.g. "Feed pump"). */
+    label;
+    /** Process state — `running` animates the impeller, drives fault chrome. */
+    state = 'stopped';
+    /** Flow rate. */
+    flow;
+    /** Flow unit (default m³/h). */
+    flowUnit = 'm³/h';
+    /** Discharge pressure. */
+    pressure;
+    /** Pressure unit (default bar). */
+    pressureUnit = 'bar';
+    render() {
+        const name = this.label ?? this.tag ?? 'Pump';
+        return (h(Host, { key: '8fb545e6ac8a37e077984192fdce0dd9b7bdcceb', role: "group", "aria-label": `${name} — ${this.state}` }, h("div", { key: 'c98476ef85c1884e3a38a4af9e909d2dab0b02f2', class: "card-head" }, h("span", { key: '0353760dbe863230c512b559824429a4fa56e4cb', class: "card-title", part: "label" }, name), this.tag && h("span", { key: '860243b936398752a4399bd6a04f09e9e7b01988', class: "card-tag", part: "tag" }, this.tag)), h("div", { key: 'e95d0f3e3fccec39588126ff4bded6c2b4b6e93c', class: "body", part: "body" }, h("ind-pump", { key: 'a87093f9a8eabb59b3163d2f1dd5515b38228816', class: "symbol", state: this.state, size: "md" }), h("div", { key: '7ebb806b382a065cc78fb8defa78258d071f618e', class: "metrics", part: "metrics" }, this.flow !== undefined && (h("ind-value", { key: '12ebaa3a61e42bd2862b8b7a19c68fd334bec747', value: this.flow, unit: this.flowUnit, precision: 1, label: "Flow", size: "md" })), this.pressure !== undefined && (h("ind-value", { key: '417d7e38283f9a48f3fb2a4dc1f8adf058af481c', value: this.pressure, unit: this.pressureUnit, precision: 2, label: "Pressure", size: "sm" }))))));
+    }
+    static get is() { return "ind-pump-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/card.css", "../_shared/equipment-card.css", "pump-card.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/card.css", "../_shared/equipment-card.css", "pump-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. \"P-101\")."
+                },
+                "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. \"Feed pump\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EquipmentState",
+                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"warning\"",
+                    "references": {
+                        "EquipmentState": {
+                            "location": "import",
+                            "path": "../../atoms/_equipment/types",
+                            "id": "src/components/atoms/_equipment/types.ts::EquipmentState",
+                            "referenceLocation": "EquipmentState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Process state \u2014 `running` animates the impeller, drives fault chrome."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'stopped'"
+            },
+            "flow": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Flow rate."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "flow"
+            },
+            "flowUnit": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Flow unit (default m\u00B3/h)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "flow-unit",
+                "defaultValue": "'m\u00B3/h'"
+            },
+            "pressure": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Discharge pressure."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "pressure"
+            },
+            "pressureUnit": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Pressure unit (default bar)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "pressure-unit",
+                "defaultValue": "'bar'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=pump-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pump-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/pump-card/pump-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD;;GAEG;AAMH,MAAM,OAAO,WAAW;IACtB,oCAAoC;IAC5B,GAAG,CAAU;IACrB,sCAAsC;IAC9B,KAAK,CAAU;IACvB,4EAA4E;IACnD,KAAK,GAAmB,SAAS,CAAC;IAC3D,iBAAiB;IACT,IAAI,CAAU;IACtB,gCAAgC;IACxB,QAAQ,GAAW,MAAM,CAAC;IAClC,0BAA0B;IAClB,QAAQ,CAAU;IAC1B,mCAAmC;IAC3B,YAAY,GAAW,KAAK,CAAC;IAErC,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC;QAC9C,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,GAAG,IAAI,MAAM,IAAI,CAAC,KAAK,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,iEAAU,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG;gBACxD,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;oBAChC,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1B,kEAAW,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,GAAG,CAC1F;oBACA,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,CAC9B,kEAAW,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,GAAG,CACtG,CACG,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\n\n/**\n * Pump faceplate: animated `<ind-pump>` symbol plus flow / pressure readouts.\n */\n@Component({\n  tag: 'ind-pump-card',\n  styleUrls: ['../_shared/card.css', '../_shared/equipment-card.css', 'pump-card.css'],\n  shadow: true,\n})\nexport class IndPumpCard {\n  /** Equipment tag (e.g. \"P-101\"). */\n  @Prop() tag?: string;\n  /** Human label (e.g. \"Feed pump\"). */\n  @Prop() label?: string;\n  /** Process state — `running` animates the impeller, drives fault chrome. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Flow rate. */\n  @Prop() flow?: number;\n  /** Flow unit (default m³/h). */\n  @Prop() flowUnit: string = 'm³/h';\n  /** Discharge pressure. */\n  @Prop() pressure?: number;\n  /** Pressure unit (default bar). */\n  @Prop() pressureUnit: string = 'bar';\n\n  render() {\n    const name = this.label ?? this.tag ?? 'Pump';\n    return (\n      <Host role=\"group\" aria-label={`${name} — ${this.state}`}>\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-pump class=\"symbol\" state={this.state} size=\"md\" />\n          <div class=\"metrics\" part=\"metrics\">\n            {this.flow !== undefined && (\n              <ind-value value={this.flow} unit={this.flowUnit} precision={1} label=\"Flow\" size=\"md\" />\n            )}\n            {this.pressure !== undefined && (\n              <ind-value value={this.pressure} unit={this.pressureUnit} precision={2} label=\"Pressure\" size=\"sm\" />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}