@ind-ds/core 0.1.0 → 0.2.0

package/dist/collection/components/molecules/temperature-control/temperature-control.js

@@ -0,0 +1,294 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Temperature loop faceplate: setpoint vs process value plus a heating/cooling
+ * indicator. Re-emits the committed setpoint.
+ */
+export class IndTemperatureControl {
+    /** Loop label (e.g. "Reactor jacket"). */
+    label;
+    /** Loop tag (e.g. "TIC-301"). */
+    tag;
+    /** Target temperature (two-way). */
+    value = 20;
+    /** Live process temperature. */
+    pv;
+    min = 0;
+    max = 200;
+    step = 0.5;
+    precision = 1;
+    /** Temperature unit (default °C). */
+    unit = '°C';
+    disabled = false;
+    /** Current thermal action — drives the indicator. */
+    mode = 'idle';
+    /** Committed setpoint. */
+    indChange;
+    onChange = (e) => {
+        e.stopPropagation();
+        this.value = e.detail;
+        this.indChange.emit(e.detail);
+    };
+    render() {
+        const modeLabel = this.mode === 'heating' ? 'Heating' : this.mode === 'cooling' ? 'Cooling' : 'Idle';
+        const glyph = this.mode === 'heating' ? '🔥' : this.mode === 'cooling' ? '❄' : '○';
+        return (h(Host, { key: '0e8701bc6e89c38f88a4f9b7de7c20e5daeff9c2' }, h("div", { key: '023aefad2dbebe2d6f79974010416c6aacd35abb', class: "card-head" }, h("span", { key: '262f3a73e2e0a53b3fd6c1587aaa8e051e06b28c', class: "card-title", part: "label" }, this.label), this.tag && h("span", { key: '0c9a041e54488b1efa69fc56a8b18c95ec2796b2', class: "card-tag", part: "tag" }, this.tag)), h("div", { key: '1b82accfe0f72b351c570ce6ad1a1752cbb1abac', class: `mode mode-${this.mode}`, part: "mode" }, h("span", { key: '3e87998079be0552869ce9d4b716e061dc08cca0', class: "glyph", "aria-hidden": "true" }, glyph), h("span", { key: '1840ecae368882e89cef466bce4fa5193f50e857' }, modeLabel)), h("ind-setpoint", { key: '7a7b98088e7928cbef79f10ff3b47d31b78b4bb6', part: "setpoint", value: this.value, pv: this.pv, min: this.min, max: this.max, step: this.step, precision: this.precision, unit: this.unit, disabled: this.disabled, size: "md", onIndChange: this.onChange })));
+    }
+    static get is() { return "ind-temperature-control"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/card.css", "temperature-control.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/card.css", "temperature-control.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Loop label (e.g. \"Reactor jacket\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Loop tag (e.g. \"TIC-301\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "value": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Target temperature (two-way)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value",
+                "defaultValue": "20"
+            },
+            "pv": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Live process temperature."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "pv"
+            },
+            "min": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "min",
+                "defaultValue": "0"
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max",
+                "defaultValue": "200"
+            },
+            "step": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "step",
+                "defaultValue": "0.5"
+            },
+            "precision": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "precision",
+                "defaultValue": "1"
+            },
+            "unit": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Temperature unit (default \u00B0C)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "unit",
+                "defaultValue": "'\u00B0C'"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "mode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ThermalMode",
+                    "resolved": "\"cooling\" | \"heating\" | \"idle\"",
+                    "references": {
+                        "ThermalMode": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/temperature-control/temperature-control.tsx",
+                            "id": "src/components/molecules/temperature-control/temperature-control.tsx::ThermalMode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Current thermal action \u2014 drives the indicator."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "mode",
+                "defaultValue": "'idle'"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indChange",
+                "name": "indChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Committed setpoint."
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=temperature-control.js.map

package/dist/collection/components/molecules/temperature-control/temperature-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temperature-control.js","sourceRoot":"","sources":["../../../../src/components/molecules/temperature-control/temperature-control.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAI9E;;;GAGG;AAMH,MAAM,OAAO,qBAAqB;IAChC,0CAA0C;IAClC,KAAK,CAAU;IACvB,iCAAiC;IACzB,GAAG,CAAU;IACrB,oCAAoC;IACX,KAAK,GAAW,EAAE,CAAC;IAC5C,gCAAgC;IACxB,EAAE,CAAU;IACZ,GAAG,GAAW,CAAC,CAAC;IAChB,GAAG,GAAW,GAAG,CAAC;IAClB,IAAI,GAAW,GAAG,CAAC;IACnB,SAAS,GAAW,CAAC,CAAC;IAC9B,qCAAqC;IAC7B,IAAI,GAAW,IAAI,CAAC;IACpB,QAAQ,GAAY,KAAK,CAAC;IAClC,qDAAqD;IAC5B,IAAI,GAAgB,MAAM,CAAC;IAEpD,0BAA0B;IACjB,SAAS,CAAwB;IAElC,QAAQ,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;QACrG,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QACnF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;gBACxD,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,IAAE,IAAI,CAAC,GAAG,CAAQ,CAC5D;YACN,4DAAK,KAAK,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAC,MAAM;gBAC/C,6DAAM,KAAK,EAAC,OAAO,iBAAa,MAAM,IAAE,KAAK,CAAQ;gBACrD,+DAAO,SAAS,CAAQ,CACpB;YACN,qEACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,IAAI,EACT,WAAW,EAAE,IAAI,CAAC,QAAQ,GAC1B,CACG,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type ThermalMode = 'idle' | 'heating' | 'cooling';\n\n/**\n * Temperature loop faceplate: setpoint vs process value plus a heating/cooling\n * indicator. Re-emits the committed setpoint.\n */\n@Component({\n  tag: 'ind-temperature-control',\n  styleUrls: ['../_shared/card.css', 'temperature-control.css'],\n  shadow: true,\n})\nexport class IndTemperatureControl {\n  /** Loop label (e.g. \"Reactor jacket\"). */\n  @Prop() label!: string;\n  /** Loop tag (e.g. \"TIC-301\"). */\n  @Prop() tag?: string;\n  /** Target temperature (two-way). */\n  @Prop({ mutable: true }) value: number = 20;\n  /** Live process temperature. */\n  @Prop() pv?: number;\n  @Prop() min: number = 0;\n  @Prop() max: number = 200;\n  @Prop() step: number = 0.5;\n  @Prop() precision: number = 1;\n  /** Temperature unit (default °C). */\n  @Prop() unit: string = '°C';\n  @Prop() disabled: boolean = false;\n  /** Current thermal action — drives the indicator. */\n  @Prop({ reflect: true }) mode: ThermalMode = 'idle';\n\n  /** Committed setpoint. */\n  @Event() indChange!: EventEmitter<number>;\n\n  private onChange = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    const modeLabel = this.mode === 'heating' ? 'Heating' : this.mode === 'cooling' ? 'Cooling' : 'Idle';\n    const glyph = this.mode === 'heating' ? '🔥' : this.mode === 'cooling' ? '❄' : '○';\n    return (\n      <Host>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class={`mode mode-${this.mode}`} part=\"mode\">\n          <span class=\"glyph\" aria-hidden=\"true\">{glyph}</span>\n          <span>{modeLabel}</span>\n        </div>\n        <ind-setpoint\n          part=\"setpoint\"\n          value={this.value}\n          pv={this.pv}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          precision={this.precision}\n          unit={this.unit}\n          disabled={this.disabled}\n          size=\"md\"\n          onIndChange={this.onChange}\n        />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/toolbar-action/toolbar-action.js

@@ -4,7 +4,7 @@ export class IndToolbarAction {
     counter;
     render() {
         const hasCounter = this.counter !== undefined && this.counter !== '' && this.counter !== null;
-        return (h(Host, { key: '335b711876377ee50cfeaac4635c2794d5c038eb' }, h("span", { key: '69cf5e6ca388c2bef9004cddd515db9c1d34f2f9', class: "filter", part: "filter" }, h("slot", { key: '6a5d72136095b2531214ea2e28a39a795e8b7e2d', name: "filter" })), h("span", { key: '614f12f7432752c3deef9cca8174a503d7048878', class: "flags", part: "flags" }, h("slot", { key: 'db14ea5398c70574cb0b690db2e0578aafa6a545', name: "flags" })), h("span", { key: '07ff837c88d3228666b7bcd36ae52f9efa5b081d', class: "spacer" }), hasCounter && h("span", { key: 'ee9220383a9a4c9c471f4945da3c28f67dada3ee', class: "counter", part: "counter" }, this.counter), h("span", { key: '53bc247add97382c56d4447b30c9b73e663fbe96', class: "actions", part: "actions" }, h("slot", { key: 'da6c78e96a87a412f44d620356268ef1a746fc99', name: "actions" }))));
+        return (h(Host, { key: '81aa8e4cad409b96e588cf4691bef6ebd66ce043' }, h("span", { key: '3fc77803b13475a052d44eb78349532f225c89a6', class: "filter", part: "filter" }, h("slot", { key: '52b82a86e26d0cceddd855e99c10451847c31b6b', name: "filter" })), h("span", { key: 'ee63d41fc03f48290c8af4b9fecf2b3f3bd69037', class: "flags", part: "flags" }, h("slot", { key: '8e9b7de789964881f0b563d52dac4df81aec34b1', name: "flags" })), h("span", { key: '8a326615b88b093098174cb4ed4cd862975c6223', class: "spacer" }), hasCounter && h("span", { key: '287d17705a342b6d0051de2231fd21f8c75d83ac', class: "counter", part: "counter" }, this.counter), h("span", { key: 'cbeae4f7b493ed26aa3c1e3c0d85fd3184bb00aa', class: "actions", part: "actions" }, h("slot", { key: 'b6725f26e0fae0dc46d0cf34de3dbf894922777c', name: "actions" }))));
     }
     static get is() { return "ind-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/trend-widget/trend-widget.css

@@ -0,0 +1,15 @@
+:host {
+  min-width: 200px;
+}
+
+.spark {
+  width: 100%;
+  height: 44px;
+}
+
+.bounds {
+  display: flex;
+  justify-content: space-between;
+  font-size: var(--ind-font-size-xs, 10px);
+  color: var(--ind-surface-text-muted);
+}

package/dist/collection/components/molecules/trend-widget/trend-widget.js

@@ -0,0 +1,232 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Compact trend widget: current value, an `<ind-sparkline>` of the recent
+ * window, and min/max bounds. For dense dashboards where a full trend chart is
+ * too heavy.
+ */
+export class IndTrendWidget {
+    /** Series label (e.g. "Discharge pressure"). */
+    label;
+    /** Process tag. */
+    tag;
+    /** Current value (defaults to the last point). */
+    value;
+    /** Engineering unit. */
+    unit;
+    /** Decimal places. */
+    precision = 1;
+    /** Recent samples. */
+    points = [];
+    /** Sparkline lower bound (auto if omitted). */
+    min;
+    /** Sparkline upper bound (auto if omitted). */
+    max;
+    /** Sparkline color variant. */
+    variant = 'default';
+    current() {
+        if (this.value !== undefined)
+            return this.value;
+        return this.points.length ? this.points[this.points.length - 1] : undefined;
+    }
+    render() {
+        const cur = this.current();
+        const lo = this.min ?? (this.points.length ? Math.min(...this.points) : undefined);
+        const hi = this.max ?? (this.points.length ? Math.max(...this.points) : undefined);
+        return (h(Host, { key: 'eb9a651961a5989007c7c746f435552249f64938', role: "group", "aria-label": this.label }, h("div", { key: 'e4e3160f886ed6d0419f49c722d4e47cb6fc2a5a', class: "card-head" }, h("span", { key: 'cb6534bfb01a54e30c5d4ab46b9c11de6f6f633d', class: "card-title", part: "label" }, this.label), this.tag && h("span", { key: '1e9f94807667aab363d7b7ee49b60e0fefd55f7b', class: "card-tag", part: "tag" }, this.tag)), cur !== undefined && (h("ind-value", { key: '4e1ee4fd15d6dc61ded72b81f5393ea5a996f234', part: "value", value: cur, unit: this.unit, precision: this.precision, size: "lg" })), this.points.length > 1 && (h("ind-sparkline", { key: 'eee4f130adbb659f75ab6c1a004f770bf5ff92ad', class: "spark", part: "spark", points: this.points, min: this.min, max: this.max, variant: this.variant, area: true })), lo !== undefined && hi !== undefined && (h("div", { key: 'bb09835b6ee49b2aa80a05867222cf7893bfbf89', class: "bounds", part: "bounds" }, h("span", { key: 'd9e5ec2921d758508439e573eae0bd07a3c5bc30' }, "min ", lo.toFixed(this.precision)), h("span", { key: '8e889674c72bc88d2915c15209534bfe92ed10c9' }, "max ", hi.toFixed(this.precision))))));
+    }
+    static get is() { return "ind-trend-widget"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/card.css", "trend-widget.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/card.css", "trend-widget.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Series label (e.g. \"Discharge pressure\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Process tag."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "value": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Current value (defaults to the last point)."
+                },
+                "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"
+            },
+            "precision": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Decimal places."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "precision",
+                "defaultValue": "1"
+            },
+            "points": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "number[]",
+                    "resolved": "number[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Recent samples."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "min": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sparkline lower bound (auto if omitted)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "min"
+            },
+            "max": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sparkline upper bound (auto if omitted)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TrendVariant",
+                    "resolved": "\"default\" | \"fault\" | \"running\" | \"warning\"",
+                    "references": {
+                        "TrendVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/trend-widget/trend-widget.tsx",
+                            "id": "src/components/molecules/trend-widget/trend-widget.tsx::TrendVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sparkline color variant."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=trend-widget.js.map

package/dist/collection/components/molecules/trend-widget/trend-widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trend-widget.js","sourceRoot":"","sources":["../../../../src/components/molecules/trend-widget/trend-widget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TrendVariant = 'default' | 'running' | 'warning' | 'fault';\n\n/**\n * Compact trend widget: current value, an `<ind-sparkline>` of the recent\n * window, and min/max bounds. For dense dashboards where a full trend chart is\n * too heavy.\n */\n@Component({\n  tag: 'ind-trend-widget',\n  styleUrls: ['../_shared/card.css', 'trend-widget.css'],\n  shadow: true,\n})\nexport class IndTrendWidget {\n  /** Series label (e.g. \"Discharge pressure\"). */\n  @Prop() label!: string;\n  /** Process tag. */\n  @Prop() tag?: string;\n  /** Current value (defaults to the last point). */\n  @Prop() value?: number;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places. */\n  @Prop() precision: number = 1;\n  /** Recent samples. */\n  @Prop() points: number[] = [];\n  /** Sparkline lower bound (auto if omitted). */\n  @Prop() min?: number;\n  /** Sparkline upper bound (auto if omitted). */\n  @Prop() max?: number;\n  /** Sparkline color variant. */\n  @Prop() variant: TrendVariant = 'default';\n\n  private current(): number | undefined {\n    if (this.value !== undefined) return this.value;\n    return this.points.length ? this.points[this.points.length - 1] : undefined;\n  }\n\n  render() {\n    const cur = this.current();\n    const lo = this.min ?? (this.points.length ? Math.min(...this.points) : undefined);\n    const hi = this.max ?? (this.points.length ? Math.max(...this.points) : undefined);\n    return (\n      <Host role=\"group\" aria-label={this.label}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        {cur !== undefined && (\n          <ind-value part=\"value\" value={cur} unit={this.unit} precision={this.precision} size=\"lg\" />\n        )}\n        {this.points.length > 1 && (\n          <ind-sparkline\n            class=\"spark\"\n            part=\"spark\"\n            points={this.points}\n            min={this.min}\n            max={this.max}\n            variant={this.variant}\n            area\n          />\n        )}\n        {lo !== undefined && hi !== undefined && (\n          <div class=\"bounds\" part=\"bounds\">\n            <span>min {lo.toFixed(this.precision)}</span>\n            <span>max {hi.toFixed(this.precision)}</span>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+:host {
+  min-width: 190px;
+}
+
+.state-label {
+  font-size: var(--ind-font-size-lg, 14px);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+.state-open   { color: var(--ind-state-running-bg, #16a34a); }
+.state-closed { color: var(--ind-surface-text-secondary); }
+.state-transit { color: var(--ind-state-warning-bg, #f59e0b); }
+.state-fault  { color: var(--ind-state-fault-bg, #dc2626); }