@ind-ds/core 0.1.1 → 0.2.1

package/dist/collection/components/atoms/xy-point/xy-point.js

@@ -0,0 +1,237 @@
+import { h, Host } from "@stencil/core";
+export class IndXyPoint {
+    /** X value of the operating point. */
+    x = 0;
+    /** Y value of the operating point. */
+    y = 0;
+    /** X axis bounds. */
+    xMin = 0;
+    xMax = 100;
+    /** Y axis bounds. */
+    yMin = 0;
+    yMax = 100;
+    /** Optional trail of past points, oldest → newest, as [x, y] pairs. Pass as a property. */
+    trail = [];
+    /** Color intent of the point. */
+    variant = 'default';
+    /** Accessible label. */
+    label;
+    w = 100;
+    hh = 100;
+    mapX(v) {
+        const span = this.xMax - this.xMin || 1;
+        return ((v - this.xMin) / span) * this.w;
+    }
+    mapY(v) {
+        const span = this.yMax - this.yMin || 1;
+        return this.hh - ((v - this.yMin) / span) * this.hh;
+    }
+    render() {
+        const px = this.mapX(this.x);
+        const py = this.mapY(this.y);
+        const trailPath = (this.trail ?? [])
+            .map((p, i) => `${i === 0 ? 'M' : 'L'}${this.mapX(p[0]).toFixed(1)},${this.mapY(p[1]).toFixed(1)}`)
+            .join(' ');
+        return (h(Host, { key: '34f5e9950ed30202bb232b92a0757d0fb8d336b5', role: "img", "aria-label": this.label ?? `operating point x ${this.x}, y ${this.y}` }, h("svg", { key: 'b0fcac199aa93ea9c9f43e7f4165e9dd440f04b9', class: "plot", part: "plot", viewBox: "0 0 100 100", "aria-hidden": "true" }, h("rect", { key: '8e84e601506d8ae9e7bdbcf086e594bc8dc095d1', class: "field", x: "0", y: "0", width: "100", height: "100" }), h("line", { key: '9dadfed6703161fade8bbbb7e5ab00b18a56f211', class: "axis", x1: "0", y1: "50", x2: "100", y2: "50" }), h("line", { key: '23600a64369f6d09c0b145d9452898163cd290cc', class: "axis", x1: "50", y1: "0", x2: "50", y2: "100" }), trailPath && h("path", { key: '4f68cdc008ce9658ae8e6590121a6a2aeaaf9661', class: "trail", part: "trail", d: trailPath }), h("circle", { key: 'a9304647f41f7d338f77fd52c6b3dd746c545c21', class: "point", part: "point", cx: px, cy: py, r: "3.5" }))));
+    }
+    static get is() { return "ind-xy-point"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["xy-point.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["xy-point.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "x": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "X value of the operating point."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "x",
+                "defaultValue": "0"
+            },
+            "y": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Y value of the operating point."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "y",
+                "defaultValue": "0"
+            },
+            "xMin": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "X axis bounds."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "x-min",
+                "defaultValue": "0"
+            },
+            "xMax": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "x-max",
+                "defaultValue": "100"
+            },
+            "yMin": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Y axis bounds."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "y-min",
+                "defaultValue": "0"
+            },
+            "yMax": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "y-max",
+                "defaultValue": "100"
+            },
+            "trail": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "[number, number][]",
+                    "resolved": "[number, number][]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional trail of past points, oldest \u2192 newest, as [x, y] pairs. Pass as a property."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "XyVariant",
+                    "resolved": "\"default\" | \"fault\" | \"running\" | \"warning\"",
+                    "references": {
+                        "XyVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/xy-point/xy-point.tsx",
+                            "id": "src/components/atoms/xy-point/xy-point.tsx::XyVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Color intent of the point."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'default'"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible label."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            }
+        };
+    }
+}
+//# sourceMappingURL=xy-point.js.map

package/dist/collection/components/atoms/xy-point/xy-point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"xy-point.js","sourceRoot":"","sources":["../../../../src/components/atoms/xy-point/xy-point.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type XyVariant = 'default' | 'running' | 'warning' | 'fault';\n\n@Component({\n  tag: 'ind-xy-point',\n  styleUrl: 'xy-point.css',\n  shadow: true,\n})\nexport class IndXyPoint {\n  /** X value of the operating point. */\n  @Prop() x: number = 0;\n  /** Y value of the operating point. */\n  @Prop() y: number = 0;\n  /** X axis bounds. */\n  @Prop() xMin: number = 0;\n  @Prop() xMax: number = 100;\n  /** Y axis bounds. */\n  @Prop() yMin: number = 0;\n  @Prop() yMax: number = 100;\n  /** Optional trail of past points, oldest → newest, as [x, y] pairs. Pass as a property. */\n  @Prop() trail: [number, number][] = [];\n  /** Color intent of the point. */\n  @Prop({ reflect: true }) variant: XyVariant = 'default';\n  /** Accessible label. */\n  @Prop() label?: string;\n\n  private readonly w = 100;\n  private readonly hh = 100;\n\n  private mapX(v: number): number {\n    const span = this.xMax - this.xMin || 1;\n    return ((v - this.xMin) / span) * this.w;\n  }\n  private mapY(v: number): number {\n    const span = this.yMax - this.yMin || 1;\n    return this.hh - ((v - this.yMin) / span) * this.hh;\n  }\n\n  render() {\n    const px = this.mapX(this.x);\n    const py = this.mapY(this.y);\n    const trailPath = (this.trail ?? [])\n      .map((p, i) => `${i === 0 ? 'M' : 'L'}${this.mapX(p[0]).toFixed(1)},${this.mapY(p[1]).toFixed(1)}`)\n      .join(' ');\n    return (\n      <Host role=\"img\" aria-label={this.label ?? `operating point x ${this.x}, y ${this.y}`}>\n        <svg class=\"plot\" part=\"plot\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <rect class=\"field\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" />\n          <line class=\"axis\" x1=\"0\" y1=\"50\" x2=\"100\" y2=\"50\" />\n          <line class=\"axis\" x1=\"50\" y1=\"0\" x2=\"50\" y2=\"100\" />\n          {trailPath && <path class=\"trail\" part=\"trail\" d={trailPath} />}\n          <circle class=\"point\" part=\"point\" cx={px} cy={py} r=\"3.5\" />\n        </svg>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/alarm-badge-group/alarm-badge-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-badge-group.js","sourceRoot":"","sources":["../../../../src/components/molecules/alarm-badge-group/alarm-badge-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IAC7B,uBAAuB;IACf,QAAQ,GAAW,CAAC,CAAC;IAC7B,kBAAkB;IACV,IAAI,GAAW,CAAC,CAAC;IACzB,iBAAiB;IACT,GAAG,GAAW,CAAC,CAAC;IACxB,qBAAqB;IACb,MAAM,GAAW,CAAC,CAAC;IAC3B,2CAA2C;IACnC,QAAQ,GAAY,KAAK,CAAC;IAClC,2BAA2B;IACnB,SAAS,GAAY,KAAK,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,MAAM,KAAK,GAAG;YACZ,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;YACvD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE;YAC7C,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE;YAC3C,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;SACpD,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QAE/C,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,GAAG,IAAI,CAAC,KAAK,gBAAgB;YACzD,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAChB,YAAM,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,CAAC,CAAC,GAAG;gBACvD,YAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,IAAE,CAAC,CAAC,KAAK,CAAQ;gBAC3D,YAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,IAAE,CAAC,CAAC,KAAK,CAAQ,CACtD,CACR,CAAC;YACD,IAAI,CAAC,SAAS,IAAI,CACjB,6DAAM,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO;gBACxC,6DAAM,KAAK,EAAC,YAAY,aAAS;gBACjC,6DAAM,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,KAAK,CAAQ,CACvC,CACR,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Row of ISA-18.2 priority counters (HH / H / L / LL). Gives an at-a-glance\n * alarm summary for a unit or the whole plant, colored by priority.\n */\n@Component({\n  tag: 'ind-alarm-badge-group',\n  styleUrl: 'alarm-badge-group.css',\n  shadow: true,\n})\nexport class IndAlarmBadgeGroup {\n  /** High-high count. */\n  @Prop() highHigh: number = 0;\n  /** High count. */\n  @Prop() high: number = 0;\n  /** Low count. */\n  @Prop() low: number = 0;\n  /** Low-low count. */\n  @Prop() lowLow: number = 0;\n  /** Hide priorities whose count is zero. */\n  @Prop() hideZero: boolean = false;\n  /** Append a total pill. */\n  @Prop() showTotal: boolean = false;\n\n  private get total(): number {\n    return this.highHigh + this.high + this.low + this.lowLow;\n  }\n\n  render() {\n    const items = [\n      { key: 'high-high', label: 'HH', count: this.highHigh },\n      { key: 'high', label: 'H', count: this.high },\n      { key: 'low', label: 'L', count: this.low },\n      { key: 'low-low', label: 'LL', count: this.lowLow },\n    ].filter((i) => !this.hideZero || i.count > 0);\n\n    return (\n      <Host role=\"group\" aria-label={`${this.total} active alarms`}>\n        {items.map((i) => (\n          <span class={`pill pill-${i.key}`} part=\"pill\" key={i.key}>\n            <span class=\"pill-label\" part=\"pill-label\">{i.label}</span>\n            <span class=\"pill-count\" part=\"pill-count\">{i.count}</span>\n          </span>\n        ))}\n        {this.showTotal && (\n          <span class=\"pill pill-total\" part=\"total\">\n            <span class=\"pill-label\">Σ</span>\n            <span class=\"pill-count\">{this.total}</span>\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/alarm-row/alarm-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alarm-row.js","sourceRoot":"","sources":["../../../../src/components/molecules/alarm-row/alarm-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAI9E,MAAM,cAAc,GAAqC;IACvD,WAAW,EAAE,IAAI;IACjB,IAAI,EAAE,GAAG;IACT,GAAG,EAAE,GAAG;IACR,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF;;;GAGG;AAMH,MAAM,OAAO,WAAW;IACtB,sBAAsB;IACG,QAAQ,GAAqB,MAAM,CAAC;IAC7D,kCAAkC;IAC1B,GAAG,CAAU;IACrB,qBAAqB;IACb,OAAO,CAAU;IACzB,sCAAsC;IAC9B,IAAI,CAAU;IACtB,kEAAkE;IACzC,YAAY,GAAY,KAAK,CAAC;IAEvD,uDAAuD;IAC9C,MAAM,CAAsB;IAErC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,KAAK,gBACE,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,eAC3E,IAAI,CAAC,QAAQ,KAAK,WAAW,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ;YAEvF,6DAAM,KAAK,EAAE,aAAa,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAC,UAAU,IAAE,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAQ;YAChG,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,IAAE,IAAI,CAAC,GAAG,CAAQ;YAC3D,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;YACrD,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;YAC9D,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,kBACE,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,KAAK,EACV,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,KAAK,EACX,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,GACvC,CACH,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,iBAAa,CAC9C,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type AlarmRowPriority = 'high-high' | 'high' | 'low' | 'low-low';\n\nconst PRIORITY_LABEL: Record<AlarmRowPriority, string> = {\n  'high-high': 'HH',\n  high: 'H',\n  low: 'L',\n  'low-low': 'LL',\n};\n\n/**\n * One line in an alarm summary / list. Shows the ISA-18.2 priority, the tag,\n * the message, a timestamp and an acknowledge button. Emits `indAck`.\n */\n@Component({\n  tag: 'ind-alarm-row',\n  styleUrls: ['../_shared/row.css', 'alarm-row.css'],\n  shadow: true,\n})\nexport class IndAlarmRow {\n  /** Alarm priority. */\n  @Prop({ reflect: true }) priority: AlarmRowPriority = 'high';\n  /** Source tag (e.g. \"PT-101\"). */\n  @Prop() tag?: string;\n  /** Alarm message. */\n  @Prop() message!: string;\n  /** Pre-formatted timestamp string. */\n  @Prop() time?: string;\n  /** Acknowledged state — dims the row and hides the ack button. */\n  @Prop({ reflect: true }) acknowledged: boolean = false;\n\n  /** Fires when the operator acknowledges this alarm. */\n  @Event() indAck!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host\n        role=\"row\"\n        aria-label={`${PRIORITY_LABEL[this.priority]} alarm ${this.tag ?? ''} ${this.message}`}\n        aria-live={this.priority === 'high-high' && !this.acknowledged ? 'assertive' : 'polite'}\n      >\n        <span class={`prio prio-${this.priority}`} part=\"priority\">{PRIORITY_LABEL[this.priority]}</span>\n        {this.tag && <span class=\"tag\" part=\"tag\">{this.tag}</span>}\n        <span class=\"msg\" part=\"message\">{this.message}</span>\n        {this.time && <span class=\"time\" part=\"time\">{this.time}</span>}\n        {!this.acknowledged ? (\n          <ind-button\n            class=\"ack\"\n            part=\"ack\"\n            variant=\"ghost\"\n            size=\"sm\"\n            label=\"ACK\"\n            onIndActivate={() => this.indAck.emit()}\n          />\n        ) : (\n          <span class=\"acked\" part=\"acked\">ACK ✓</span>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/audit-row/audit-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"audit-row.js","sourceRoot":"","sources":["../../../../src/components/molecules/audit-row/audit-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,WAAW;IACtB,+BAA+B;IACvB,IAAI,CAAU;IACtB,oDAAoD;IAC5C,IAAI,CAAU;IACtB,iDAAiD;IACzC,MAAM,CAAU;IACxB,6DAA6D;IACrD,MAAM,CAAU;IAExB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE;YACvD,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;YAC/D,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;YACjD,6DAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAQ;YACtD,IAAI,CAAC,MAAM,IAAI,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAQ,CACtE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * One line in an audit trail (21 CFR Part 11 style): timestamp, user, action\n * and an optional before/after detail. Read-only.\n */\n@Component({\n  tag: 'ind-audit-row',\n  styleUrls: ['../_shared/row.css', 'audit-row.css'],\n  shadow: true,\n})\nexport class IndAuditRow {\n  /** Pre-formatted timestamp. */\n  @Prop() time?: string;\n  /** Operator / account that performed the action. */\n  @Prop() user!: string;\n  /** Action performed (e.g. \"Setpoint change\"). */\n  @Prop() action!: string;\n  /** Detail / before→after (e.g. \"PIC-101: 3.2 → 4.0 bar\"). */\n  @Prop() detail?: string;\n\n  render() {\n    return (\n      <Host role=\"row\" aria-label={`${this.user} ${this.action}`}>\n        {this.time && <span class=\"time\" part=\"time\">{this.time}</span>}\n        <span class=\"user\" part=\"user\">{this.user}</span>\n        <span class=\"action\" part=\"action\">{this.action}</span>\n        {this.detail && <span class=\"msg detail\" part=\"detail\">{this.detail}</span>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/batch-parameter-row/batch-parameter-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-parameter-row.js","sourceRoot":"","sources":["../../../../src/components/molecules/batch-parameter-row/batch-parameter-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE9E;;;;GAIG;AAMH,MAAM,OAAO,oBAAoB;IAC/B,2CAA2C;IACnC,KAAK,CAAU;IACvB,+BAA+B;IACN,KAAK,CAAmB;IACjD,wBAAwB;IAChB,IAAI,CAAU;IACtB,kBAAkB;IACV,IAAI,GAAW,QAAQ,CAAC;IACxB,GAAG,CAAU;IACb,GAAG,CAAU;IACb,IAAI,CAAU;IACd,WAAW,CAAU;IACrB,QAAQ,GAAY,KAAK,CAAC;IAClC,4DAA4D;IACpD,MAAM,CAAU;IACxB,8CAA8C;IACrB,OAAO,GAAY,KAAK,CAAC;IAElD,wCAAwC;IAC/B,QAAQ,CAAwB;IACzC,uBAAuB;IACd,SAAS,CAAwB;IAElC,OAAO,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC;QACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,CAAC;IACM,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,OAAO,CACL,EAAC,IAAI;YACH,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;YACpD,kEACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAW,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EACzD,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EACxB,WAAW,EAAE,IAAI,CAAC,QAAQ,GAC1B;YACD,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;YAC9D,IAAI,CAAC,MAAM,IAAI,6DAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;;gBAAI,IAAI,CAAC,MAAM,CAAQ,CACpE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n/**\n * One editable parameter in a batch / recipe parameter list: label, value\n * input, unit suffix and an optional target hint. Designed to stack inside a\n * scrolling parameter table.\n */\n@Component({\n  tag: 'ind-batch-parameter-row',\n  styleUrl: 'batch-parameter-row.css',\n  shadow: true,\n})\nexport class IndBatchParameterRow {\n  /** Parameter name (e.g. \"Dose volume\"). */\n  @Prop() label!: string;\n  /** Current value (two-way). */\n  @Prop({ mutable: true }) value?: string | number;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Input type. */\n  @Prop() type: string = 'number';\n  @Prop() min?: number;\n  @Prop() max?: number;\n  @Prop() step?: number;\n  @Prop() placeholder?: string;\n  @Prop() disabled: boolean = false;\n  /** Read-only target / default hint shown after the unit. */\n  @Prop() target?: string;\n  /** Mark the row as out of range / invalid. */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Live value as the operator types. */\n  @Event() indInput!: EventEmitter<string>;\n  /** Committed value. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onInput = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indInput.emit(e.detail);\n  };\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <span class=\"label\" part=\"label\">{this.label}</span>\n        <ind-input\n          class=\"field\"\n          part=\"field\"\n          type={this.type as any}\n          value={this.value !== undefined ? String(this.value) : ''}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          invalid={this.invalid}\n          size=\"sm\"\n          label={this.label}\n          onIndInput={this.onInput}\n          onIndChange={this.onChange}\n        />\n        {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n        {this.target && <span class=\"target\" part=\"target\">/ {this.target}</span>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/command-group/command-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"command-group.js","sourceRoot":"","sources":["../../../../src/components/molecules/command-group/command-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIzD;;;;GAIG;AAMH,MAAM,OAAO,eAAe;IAC1B,8CAA8C;IACtC,KAAK,CAAU;IACvB,wBAAwB;IACC,WAAW,GAA4B,YAAY,CAAC;IAC7E,kEAAkE;IACzC,QAAQ,GAAY,KAAK,CAAC;IAEnD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,IAAI,CAAC,KAAK;YACvC,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type CommandGroupOrientation = 'horizontal' | 'vertical';\n\n/**\n * Groups related command buttons into a single segmented bar with a shared\n * border. Slot `<ind-button>`s into the default slot. Purely presentational —\n * each button keeps its own `indActivate` event.\n */\n@Component({\n  tag: 'ind-command-group',\n  styleUrl: 'command-group.css',\n  shadow: true,\n})\nexport class IndCommandGroup {\n  /** Accessible label for the toolbar group. */\n  @Prop() label?: string;\n  /** Layout direction. */\n  @Prop({ reflect: true }) orientation: CommandGroupOrientation = 'horizontal';\n  /** Render attached (shared borders, no gap) instead of spaced. */\n  @Prop({ reflect: true }) attached: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={this.label}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/device-connection-card/device-connection-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-connection-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/device-connection-card/device-connection-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD;;;GAGG;AAMH,MAAM,OAAO,uBAAuB;IAClC,4BAA4B;IACpB,IAAI,CAAU;IACtB,mDAAmD;IAC3C,QAAQ,CAAU;IAC1B,kCAAkC;IAC1B,QAAQ,CAAU;IAC1B,gEAAgE;IACvC,KAAK,GAAoB,cAAc,CAAC;IACjE,gCAAgC;IACxB,OAAO,CAAU;IAEzB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,GAAG,IAAI,CAAC,IAAI,eAAe,IAAI,CAAC,KAAK,EAAE;YACpE,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;gBACtD,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAQ,CAC3E;YACN,iFAA0B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG;YACxD,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAQ;YAC9E,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,CAC7B,4DAAK,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS;;gBAAU,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;sBAAU,CACpF,CACI,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 * Connection summary for a field device / driver: protocol, endpoint, live\n * connection state and round-trip latency.\n */\n@Component({\n  tag: 'ind-device-connection-card',\n  styleUrls: ['../_shared/card.css', 'device-connection-card.css'],\n  shadow: true,\n})\nexport class IndDeviceConnectionCard {\n  /** Device / driver name. */\n  @Prop() name!: string;\n  /** Protocol (e.g. \"Modbus TCP\", \"EtherNet/IP\"). */\n  @Prop() protocol?: string;\n  /** Endpoint (host:port / URL). */\n  @Prop() endpoint?: string;\n  /** Connection state — drives the indicator and fault chrome. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n  /** Round-trip latency in ms. */\n  @Prop() latency?: number;\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.name} connection ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"name\">{this.name}</span>\n          {this.protocol && <span class=\"card-tag\" part=\"protocol\">{this.protocol}</span>}\n        </div>\n        <ind-connection-indicator state={this.state} size=\"md\" />\n        {this.endpoint && <code class=\"endpoint\" part=\"endpoint\">{this.endpoint}</code>}\n        {this.latency !== undefined && (\n          <div class=\"card-detail\" part=\"latency\">Latency {Math.round(this.latency)} ms</div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/device-info-card/device-info-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-info-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/device-info-card/device-info-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD;;;GAGG;AAMH,MAAM,OAAO,iBAAiB;IAC5B,uCAAuC;IAC/B,IAAI,CAAU;IACtB,oBAAoB;IACZ,MAAM,CAAU;IACxB,oBAAoB;IACZ,KAAK,CAAU;IACvB,mCAAmC;IAC3B,QAAQ,CAAU;IAC1B,qBAAqB;IACb,MAAM,CAAU;IACxB,uCAAuC;IAC/B,OAAO,CAAU;IACzB,wBAAwB;IACC,KAAK,GAAoB,cAAc,CAAC;IAEzD,IAAI;QACV,OAAO;YACL,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;YACvC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YACrC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;YAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;YACvC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE;SAC1C,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,GAAG,IAAI,CAAC,IAAI,qBAAqB;YAC9D,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;gBACvD,iFAA0B,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,IAAI,GAAG,CACrD;YACN,2DAAI,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IACzB,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;gBACtB,UAAI,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,IAAE,CAAC,CAAC,KAAK,CAAM;gBACvC,UAAI,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,IAAE,CAAC,CAAC,KAAK,CAAM;aACxC,CAAC,CACC,CACA,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 * Device nameplate card: identity metadata (vendor, model, firmware, serial,\n * address) plus a live connection indicator. For a device detail panel.\n */\n@Component({\n  tag: 'ind-device-info-card',\n  styleUrls: ['../_shared/card.css', 'device-info-card.css'],\n  shadow: true,\n})\nexport class IndDeviceInfoCard {\n  /** Device name (e.g. \"Line 2 PLC\"). */\n  @Prop() name!: string;\n  /** Manufacturer. */\n  @Prop() vendor?: string;\n  /** Model number. */\n  @Prop() model?: string;\n  /** Firmware / software version. */\n  @Prop() firmware?: string;\n  /** Serial number. */\n  @Prop() serial?: string;\n  /** Network address (IP / endpoint). */\n  @Prop() address?: string;\n  /** Connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  private rows() {\n    return [\n      { label: 'Vendor', value: this.vendor },\n      { label: 'Model', value: this.model },\n      { label: 'Firmware', value: this.firmware },\n      { label: 'Serial', value: this.serial },\n      { label: 'Address', value: this.address },\n    ].filter((r) => r.value !== undefined && r.value !== '');\n  }\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.name} device information`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"name\">{this.name}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <dl class=\"meta\" part=\"meta\">\n          {this.rows().map((r) => [\n            <dt class=\"dt\" part=\"dt\">{r.label}</dt>,\n            <dd class=\"dd\" part=\"dd\">{r.value}</dd>,\n          ])}\n        </dl>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"energy-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/energy-card/energy-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIzD;;;GAGG;AAMH,MAAM,OAAO,aAAa;IACxB,yDAAyD;IACjD,KAAK,CAAU;IACvB,2BAA2B;IACnB,KAAK,CAAU;IACvB,yBAAyB;IACjB,IAAI,GAAW,IAAI,CAAC;IAC5B,sBAAsB;IACd,SAAS,GAAW,CAAC,CAAC;IAC9B,wCAAwC;IAChC,MAAM,GAAa,EAAE,CAAC;IAC9B,mBAAmB;IACX,KAAK,GAAgB,MAAM,CAAC;IACpC,wDAAwD;IAChD,KAAK,CAAU;IACvB,qCAAqC;IAC7B,SAAS,GAAW,KAAK,CAAC;IAElC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACzG,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAClG,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,OAAO,gBAAa,GAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE;YAChG,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ;gBACxD,KAAK,IAAI,6DAAM,KAAK,EAAE,eAAe,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAC,OAAO,iBAAa,MAAM,IAAE,KAAK,CAAQ,CAC9F;YACN,kEACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,UAA+C,EACtD,IAAI,EAAC,IAAI,GACT;YACD,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,sEAAe,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,SAAG,CACzF;YACA,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,4DAAK,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO;gBAClC,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;;gBAAG,IAAI,CAAC,SAAS;+BACzC,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type EnergyTrend = 'none' | 'up' | 'down' | 'flat';\n\n/**\n * Energy / power KPI card: a headline reading plus an `<ind-sparkline>` for the\n * recent profile and an optional cumulative figure for the period.\n */\n@Component({\n  tag: 'ind-energy-card',\n  styleUrls: ['../_shared/card.css', 'energy-card.css'],\n  shadow: true,\n})\nexport class IndEnergyCard {\n  /** Metric name (e.g. \"Active power\", \"Energy today\"). */\n  @Prop() label!: string;\n  /** Instantaneous value. */\n  @Prop() value!: number;\n  /** Unit (default kW). */\n  @Prop() unit: string = 'kW';\n  /** Decimal places. */\n  @Prop() precision: number = 1;\n  /** Recent samples for the sparkline. */\n  @Prop() points: number[] = [];\n  /** Trend arrow. */\n  @Prop() trend: EnergyTrend = 'none';\n  /** Cumulative value for the period (e.g. kWh today). */\n  @Prop() total?: number;\n  /** Cumulative unit (default kWh). */\n  @Prop() totalUnit: string = 'kWh';\n\n  render() {\n    const arrow = this.trend === 'up' ? '▲' : this.trend === 'down' ? '▼' : this.trend === 'flat' ? '▬' : '';\n    const valueTrend = this.trend === 'flat' ? 'stable' : this.trend === 'none' ? 'none' : this.trend;\n    return (\n      <Host role=\"group\" aria-label={`${this.label}: ${this.value.toFixed(this.precision)} ${this.unit}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {arrow && <span class={`arrow trend-${this.trend}`} part=\"arrow\" aria-hidden=\"true\">{arrow}</span>}\n        </div>\n        <ind-value\n          part=\"value\"\n          value={this.value}\n          unit={this.unit}\n          precision={this.precision}\n          trend={valueTrend as 'none' | 'up' | 'down' | 'stable'}\n          size=\"lg\"\n        />\n        {this.points.length > 1 && (\n          <ind-sparkline class=\"spark\" part=\"spark\" points={this.points} variant=\"default\" area />\n        )}\n        {this.total !== undefined && (\n          <div class=\"card-detail\" part=\"total\">\n            {this.total.toLocaleString()} {this.totalUnit} this period\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"equipment-status-card.js","sourceRoot":"","sources":["../../../../src/components/molecules/equipment-status-card/equipment-status-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUzD,MAAM,aAAa,GAAuC;IACxD,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,GAAG;CACb,CAAC;AAEF;;;;GAIG;AAMH,MAAM,OAAO,sBAAsB;IACjC,yCAAyC;IACjC,OAAO,CAAU;IACzB,oCAAoC;IAC5B,GAAG,CAAU;IACrB,+DAA+D;IACtC,KAAK,GAAuB,SAAS,CAAC;IAC/D,wCAAwC;IAChC,UAAU,CAAU;IAC5B,qDAAqD;IAC7C,MAAM,CAAU;IAExB,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3D,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9D,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,OAAO,gBACA,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,eAC5B,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ;YAE1D,4DAAK,KAAK,EAAC,WAAW;gBACpB,6DAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC5D,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,6DAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;oBAAC,8DAAQ,CAAO;gBAClD,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ;oBAC/B,uEAAgB,KAAK,EAAE,GAAU,EAAE,IAAI,EAAC,IAAI,GAAG;oBAC/C,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,aAAa,IAAE,KAAK,CAAQ,CACvD,CACF;YACL,IAAI,CAAC,MAAM,IAAI,4DAAK,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO,CACrE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type EquipmentCardState =\n  | 'running'\n  | 'stopped'\n  | 'fault'\n  | 'warning'\n  | 'maintenance'\n  | 'unknown';\n\nconst DEFAULT_LABEL: Record<EquipmentCardState, string> = {\n  running: 'Running',\n  stopped: 'Stopped',\n  fault: 'Fault',\n  warning: 'Warning',\n  maintenance: 'Maintenance',\n  unknown: '—',\n};\n\n/**\n * Generic equipment status card. Slot a process symbol (`<ind-pump>`,\n * `<ind-motor>`, …) into the default slot; the card supplies the heading,\n * a state badge and an optional detail line.\n */\n@Component({\n  tag: 'ind-equipment-status-card',\n  styleUrls: ['../_shared/card.css', 'equipment-status-card.css'],\n  shadow: true,\n})\nexport class IndEquipmentStatusCard {\n  /** Equipment name (e.g. \"Feed pump\"). */\n  @Prop() heading!: string;\n  /** Equipment tag (e.g. \"P-101\"). */\n  @Prop() tag?: string;\n  /** Process state — drives the badge color and fault chrome. */\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** Override the default state label. */\n  @Prop() stateLabel?: string;\n  /** Sub-line for context (runtime, last fault, …). */\n  @Prop() detail?: string;\n\n  render() {\n    const label = this.stateLabel ?? DEFAULT_LABEL[this.state];\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    return (\n      <Host\n        role=\"group\"\n        aria-label={`${this.heading}: ${label}`}\n        aria-live={this.state === 'fault' ? 'assertive' : 'polite'}\n      >\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"heading\">{this.heading}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class=\"body\" part=\"body\">\n          <span class=\"symbol\" part=\"symbol\"><slot /></span>\n          <div class=\"status\" part=\"status\">\n            <ind-status-dot state={dot as any} size=\"md\" />\n            <span class=\"state-label\" part=\"state-label\">{label}</span>\n          </div>\n        </div>\n        {this.detail && <div class=\"card-detail\" part=\"detail\">{this.detail}</div>}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/event-row/event-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-row.js","sourceRoot":"","sources":["../../../../src/components/molecules/event-row/event-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAIzD;;;GAGG;AAMH,MAAM,OAAO,WAAW;IACtB,+BAA+B;IACvB,IAAI,CAAU;IACtB,8CAA8C;IACrB,QAAQ,GAAkB,MAAM,CAAC;IAC1D,6CAA6C;IACrC,MAAM,CAAU;IACxB,qBAAqB;IACb,OAAO,CAAU;IAEzB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,GAAG,IAAI,CAAC,QAAQ,UAAU,IAAI,CAAC,OAAO,EAAE;YAClE,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,IAAI,CAAC,IAAI,CAAQ;YAC/D,uEAAgB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,IAAI,GAAG;YACjD,IAAI,CAAC,MAAM,IAAI,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAQ;YACpE,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ,CACjD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type EventSeverity = 'info' | 'success' | 'warning' | 'error';\n\n/**\n * One line in an event / system log: timestamp, severity dot, source and\n * message. Read-only.\n */\n@Component({\n  tag: 'ind-event-row',\n  styleUrls: ['../_shared/row.css', 'event-row.css'],\n  shadow: true,\n})\nexport class IndEventRow {\n  /** Pre-formatted timestamp. */\n  @Prop() time?: string;\n  /** Severity — drives the status dot color. */\n  @Prop({ reflect: true }) severity: EventSeverity = 'info';\n  /** Event source (subsystem, device, tag). */\n  @Prop() source?: string;\n  /** Event message. */\n  @Prop() message!: string;\n\n  render() {\n    return (\n      <Host role=\"row\" aria-label={`${this.severity} event ${this.message}`}>\n        {this.time && <span class=\"time\" part=\"time\">{this.time}</span>}\n        <ind-status-dot state={this.severity} size=\"sm\" />\n        {this.source && <span class=\"tag\" part=\"source\">{this.source}</span>}\n        <span class=\"msg\" part=\"message\">{this.message}</span>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/molecules/fill-row/fill-row.css

@@ -1,70 +0,0 @@
-:host {
-  display: grid;
-  grid-template-columns: max-content minmax(80px, 1.2fr) minmax(160px, 2fr) max-content max-content auto;
-  gap: var(--ind-spacing-4, 8px);
-  align-items: center;
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
-  background: var(--ind-surface-panel);
-  border: 1px solid var(--ind-surface-border-default);
-  border-radius: var(--ind-radius-md, 3px);
-  font-family: var(--ind-font-family-sans);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.tag {
-  font-family: var(--ind-font-family-mono);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  letter-spacing: 0.04em;
-  min-width: 32px;
-}
-
-.label {
-  font-size: var(--ind-font-size-base, 12px);
-}
-
-.progress {
-  display: block;
-  width: 100%;
-}
-
-.value {
-  font-family: var(--ind-font-family-mono);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  font-size: var(--ind-font-size-md, 13px);
-  min-width: 52px;
-  text-align: right;
-  white-space: nowrap;
-}
-
-.severity {
-  font-size: var(--ind-font-size-md, 13px);
-  width: 16px;
-  text-align: center;
-  color: var(--ind-feedback-warning-bg, #f59e0b);
-  line-height: 1;
-}
-
-:host([variant="error"]) .severity {
-  color: var(--ind-feedback-error-bg, #dc2626);
-}
-
-.actions {
-  display: flex;
-  gap: var(--ind-spacing-2, 4px);
-}
-
-::slotted(*) {
-  flex-shrink: 0;
-}
-
-@media (max-width: 640px) {
-  :host {
-    grid-template-columns: max-content 1fr;
-    grid-template-rows: auto auto auto;
-  }
-  .progress { grid-column: 1 / -1; }
-  .value, .severity, .actions { grid-column: 1 / -1; }
-}