@ind-ds/core 0.1.1 → 0.2.1

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

@@ -0,0 +1,81 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Multi-series trend viewer. Stacks one labelled `<ind-sparkline>` per series
+ * with the current value, for comparing several tags without a full charting
+ * library.
+ */
+export class IndTrendViewer {
+    heading = 'Trends';
+    /** Series to plot. */
+    series = [];
+    last(s) {
+        if (!s.points.length)
+            return '--';
+        const v = s.points[s.points.length - 1];
+        return s.precision !== undefined ? v.toFixed(s.precision) : String(v);
+    }
+    render() {
+        return (h(Host, { key: '41e4221a264008e8405251a8701cc16576758fe7' }, h("div", { key: '9c0684d404e77dbb2de77d1873b933f58a420e85', class: "panel-head" }, h("span", { key: '596e6de04ef55e07038c9d7c78cbf258767c7699', class: "panel-title", part: "heading" }, this.heading)), h("div", { key: 'fd80bafe1fbe0a0f7bccc713a6ec0a13b5eb53b3', class: "panel-body" }, this.series.length === 0 ? (h("div", { class: "panel-empty" }, "No series")) : (this.series.map((s, i) => (h("div", { class: "series", part: "series", key: i }, h("div", { class: "series-head" }, h("span", { class: `legend legend-${s.variant ?? 'default'}`, "aria-hidden": "true" }), h("span", { class: "series-label" }, s.label), h("span", { class: "series-value" }, this.last(s), s.unit ? ` ${s.unit}` : '')), h("ind-sparkline", { class: "series-spark", points: s.points, variant: s.variant ?? 'default', area: true }))))))));
+    }
+    static get is() { return "ind-trend-viewer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "trend-viewer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "trend-viewer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Trends'"
+            },
+            "series": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "TrendSeries[]",
+                    "resolved": "TrendSeries[]",
+                    "references": {
+                        "TrendSeries": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/trend-viewer/trend-viewer.tsx",
+                            "id": "src/components/organisms/trend-viewer/trend-viewer.tsx::TrendSeries"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Series to plot."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=trend-viewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"trend-viewer.js","sourceRoot":"","sources":["../../../../src/components/organisms/trend-viewer/trend-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAWzD;;;;GAIG;AAMH,MAAM,OAAO,cAAc;IACjB,OAAO,GAAW,QAAQ,CAAC;IACnC,sBAAsB;IACd,MAAM,GAAkB,EAAE,CAAC;IAE3B,IAAI,CAAC,CAAc;QACzB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QAClC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACxC,OAAO,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ,CAC1D;YACN,4DAAK,KAAK,EAAC,YAAY,IACpB,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC1B,WAAK,KAAK,EAAC,aAAa,gBAAgB,CACzC,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,WAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC;gBACtC,WAAK,KAAK,EAAC,aAAa;oBACtB,YAAM,KAAK,EAAE,iBAAiB,CAAC,CAAC,OAAO,IAAI,SAAS,EAAE,iBAAc,MAAM,GAAQ;oBAClF,YAAM,KAAK,EAAC,cAAc,IAAE,CAAC,CAAC,KAAK,CAAQ;oBAC3C,YAAM,KAAK,EAAC,cAAc;wBACvB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;wBAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CACpC,CACH;gBACN,qBAAe,KAAK,EAAC,cAAc,EAAC,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,SAAS,EAAE,IAAI,SAAiB,CACxG,CACP,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { TrendVariant } from '../../molecules/trend-widget/trend-widget';\n\nexport interface TrendSeries {\n  label: string;\n  points: number[];\n  unit?: string;\n  variant?: TrendVariant;\n  precision?: number;\n}\n\n/**\n * Multi-series trend viewer. Stacks one labelled `<ind-sparkline>` per series\n * with the current value, for comparing several tags without a full charting\n * library.\n */\n@Component({\n  tag: 'ind-trend-viewer',\n  styleUrls: ['../_shared/panel.css', 'trend-viewer.css'],\n  shadow: true,\n})\nexport class IndTrendViewer {\n  @Prop() heading: string = 'Trends';\n  /** Series to plot. */\n  @Prop() series: TrendSeries[] = [];\n\n  private last(s: TrendSeries): string {\n    if (!s.points.length) return '--';\n    const v = s.points[s.points.length - 1];\n    return s.precision !== undefined ? v.toFixed(s.precision) : String(v);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"panel-body\">\n          {this.series.length === 0 ? (\n            <div class=\"panel-empty\">No series</div>\n          ) : (\n            this.series.map((s, i) => (\n              <div class=\"series\" part=\"series\" key={i}>\n                <div class=\"series-head\">\n                  <span class={`legend legend-${s.variant ?? 'default'}`} aria-hidden=\"true\"></span>\n                  <span class=\"series-label\">{s.label}</span>\n                  <span class=\"series-value\">\n                    {this.last(s)}{s.unit ? ` ${s.unit}` : ''}\n                  </span>\n                </div>\n                <ind-sparkline class=\"series-spark\" points={s.points} variant={s.variant ?? 'default'} area></ind-sparkline>\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/valve-control-panel/valve-control-panel.js

@@ -0,0 +1,299 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Valve control panel: `<ind-valve-card>` faceplate plus Open / Close / Stop
+ * commands and an optional position setpoint for modulating valves.
+ */
+export class IndValveControlPanel {
+    heading = 'Valve';
+    tag;
+    state = 'closed';
+    /** Current position 0–100 %. Omit for on/off valves. */
+    position;
+    /** Allow position control (modulating valve). */
+    modulating = false;
+    /** Position setpoint (two-way). */
+    positionSetpoint = 0;
+    /** Show the Open command button. */
+    showOpen = true;
+    /** Show the Stop command button. */
+    showStop = true;
+    /** Show the Close command button. */
+    showClose = true;
+    indOpen;
+    indClose;
+    indStop;
+    indPosition;
+    onPosition = (e) => {
+        e.stopPropagation();
+        this.positionSetpoint = e.detail;
+        this.indPosition.emit(e.detail);
+    };
+    render() {
+        return (h(Host, { key: '2121c5e45001ec7f3b10c68e99125ebbdd44736f' }, h("div", { key: 'a7505fc1fa2981d4076cff954400d83717f5da4f', class: "panel-head" }, h("div", { key: '5c25e6ae46e38b5e07fb7bb9ca8227fa2f43ebe0', class: "panel-titles" }, h("span", { key: 'fcbae757862009549e22ca8a38321e09cabae363', class: "panel-title", part: "heading" }, this.heading), this.tag && h("span", { key: '23b893e86138e023c972d907ce386d64df2466d0', class: "panel-subtitle" }, this.tag))), h("div", { key: 'e60275dd30427776064ffb54af131610a86dbc15', class: "panel-body" }, h("ind-valve-card", { key: '11a5a4b872276c1b67d004427b5ec19541de2d58', tag: this.tag, label: this.heading, state: this.state, position: this.position }), (this.showOpen || this.showStop || this.showClose) && (h("ind-command-group", { key: 'f8f7468fece65e220ee709983867234869068b2c', label: "Valve commands" }, this.showOpen && (h("ind-button", { key: 'a87a622ebad0e0989454e40cce062c59d7bfad68', variant: "primary", size: "sm", label: "Open", disabled: this.state === 'open', onIndActivate: () => this.indOpen.emit() })), this.showStop && (h("ind-button", { key: '212a2b0babe39b3319fad6fc1dbe2516fbd41b04', variant: "default", size: "sm", label: "Stop", onIndActivate: () => this.indStop.emit() })), this.showClose && (h("ind-button", { key: '6c412379304a044f01447fe3e5b5dea0cae82355', variant: "danger", size: "sm", label: "Close", disabled: this.state === 'closed', onIndActivate: () => this.indClose.emit() })))), this.modulating && (h("ind-speed-control", { key: 'c8291b4175d6211bc93e64bd9f4329b23ceb0425', label: "Position setpoint", value: this.positionSetpoint, unit: "%", onIndChange: this.onPosition })))));
+    }
+    static get is() { return "ind-valve-control-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "valve-control-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "valve-control-panel.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Valve'"
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ValveState",
+                    "resolved": "\"closed\" | \"fault\" | \"open\" | \"transit\"",
+                    "references": {
+                        "ValveState": {
+                            "location": "import",
+                            "path": "../../atoms/valve/valve",
+                            "id": "src/components/atoms/valve/valve.tsx::ValveState",
+                            "referenceLocation": "ValveState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'closed'"
+            },
+            "position": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Current position 0\u2013100 %. Omit for on/off valves."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "position"
+            },
+            "modulating": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allow position control (modulating valve)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "modulating",
+                "defaultValue": "false"
+            },
+            "positionSetpoint": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Position setpoint (two-way)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "position-setpoint",
+                "defaultValue": "0"
+            },
+            "showOpen": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the Open command button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-open",
+                "defaultValue": "true"
+            },
+            "showStop": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the Stop command button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-stop",
+                "defaultValue": "true"
+            },
+            "showClose": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Show the Close command button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-close",
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indOpen",
+                "name": "indOpen",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "indClose",
+                "name": "indClose",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "indStop",
+                "name": "indStop",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "indPosition",
+                "name": "indPosition",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=valve-control-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valve-control-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/valve-control-panel/valve-control-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { ValveState } from '../../atoms/valve/valve';\n\n/**\n * Valve control panel: `<ind-valve-card>` faceplate plus Open / Close / Stop\n * commands and an optional position setpoint for modulating valves.\n */\n@Component({\n  tag: 'ind-valve-control-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'valve-control-panel.css'],\n  shadow: true,\n})\nexport class IndValveControlPanel {\n  @Prop() heading: string = 'Valve';\n  @Prop() tag?: string;\n  @Prop({ reflect: true }) state: ValveState = 'closed';\n  /** Current position 0–100 %. Omit for on/off valves. */\n  @Prop() position?: number;\n  /** Allow position control (modulating valve). */\n  @Prop() modulating: boolean = false;\n  /** Position setpoint (two-way). */\n  @Prop({ mutable: true }) positionSetpoint: number = 0;\n  /** Show the Open command button. */\n  @Prop() showOpen: boolean = true;\n  /** Show the Stop command button. */\n  @Prop() showStop: boolean = true;\n  /** Show the Close command button. */\n  @Prop() showClose: boolean = true;\n\n  @Event() indOpen!: EventEmitter<void>;\n  @Event() indClose!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n  @Event() indPosition!: EventEmitter<number>;\n\n  private onPosition = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.positionSetpoint = e.detail;\n    this.indPosition.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-valve-card tag={this.tag} label={this.heading} state={this.state} position={this.position} />\n          {(this.showOpen || this.showStop || this.showClose) && (\n            <ind-command-group label=\"Valve commands\">\n              {this.showOpen && (\n                <ind-button variant=\"primary\" size=\"sm\" label=\"Open\" disabled={this.state === 'open'} onIndActivate={() => this.indOpen.emit()} />\n              )}\n              {this.showStop && (\n                <ind-button variant=\"default\" size=\"sm\" label=\"Stop\" onIndActivate={() => this.indStop.emit()} />\n              )}\n              {this.showClose && (\n                <ind-button variant=\"danger\" size=\"sm\" label=\"Close\" disabled={this.state === 'closed'} onIndActivate={() => this.indClose.emit()} />\n              )}\n            </ind-command-group>\n          )}\n          {this.modulating && (\n            <ind-speed-control label=\"Position setpoint\" value={this.positionSetpoint} unit=\"%\" onIndChange={this.onPosition} />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/workstation-monitor/workstation-monitor.js

@@ -0,0 +1,206 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Operator workstation monitor: station + operator, current job, produced /
+ * rejected counts and progress to target.
+ */
+export class IndWorkstationMonitor {
+    heading = 'Workstation';
+    /** Station identifier. */
+    station;
+    /** Operator name. */
+    operator;
+    /** Current job / order. */
+    job;
+    state = 'unknown';
+    /** Produced count. */
+    produced = 0;
+    /** Rejected count. */
+    rejected = 0;
+    /** Target count for the job. */
+    target;
+    render() {
+        const dot = this.state === 'unknown' ? 'neutral' : this.state;
+        const pct = this.target ? Math.min(100, (this.produced / this.target) * 100) : undefined;
+        return (h(Host, { key: '3042387aab261c601e8fae021d9de8108ef1b751' }, h("div", { key: '72dd0b1789eaadef3818056688ac612cc33d28cd', class: "panel-head" }, h("ind-status-dot", { key: '148cb8a09100f76e1983a55a4eea037e5f428c83', state: dot, size: "md" }), h("div", { key: 'f0d61a7876169d7a3c56bf71570087c46d0a727c', class: "panel-titles" }, h("span", { key: '058b303344dff73cb12ba6d5816d9ce93104a243', class: "panel-title", part: "heading" }, this.heading, this.station ? ` · ${this.station}` : ''), this.operator && h("span", { key: '0740383db6db47bd0f40dbab0b130c61dbb19c7e', class: "panel-subtitle" }, "Operator: ", this.operator))), h("div", { key: '8965c44f49adf59d4d0eb669162d0c7a7d110546', class: "panel-body" }, this.job && (h("div", { key: '7c3a5b63e1342a4c7032d014511ed50fa162f82e', class: "job", part: "job" }, h("span", { key: '3e72a454ab981f49ce22610babb3333770eda389', class: "job-label" }, "Job"), h("span", { key: '923b7a3833b50ca1f04c14fc2c68d0b771230408', class: "job-name" }, this.job))), h("div", { key: '6524d5b7481463bc19f41b3fc44cecab08600789', class: "figures", part: "figures" }, h("ind-value", { key: 'e8fef2d434b95122645e40c70498f3d5f811302b', value: this.produced, label: "Produced", size: "lg" }), h("ind-value", { key: 'ee3011ffd166646361a0c728f26d5dc2f5952439', value: this.rejected, label: "Rejected", alarm: this.rejected > 0 ? 'high' : 'none', size: "md" }), this.target !== undefined && (h("ind-value", { key: 'ba782302d9ceb5ec0b25bdea3077973a41fcf77a', value: this.target, label: "Target", size: "md" }))), pct !== undefined && (h("ind-progress", { key: 'b0c35cce15e739653d6f1b0bd217da85c8e33c8d', value: pct, max: 100, variant: "success", size: "md", "show-value": true })))));
+    }
+    static get is() { return "ind-workstation-monitor"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "workstation-monitor.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "workstation-monitor.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Workstation'"
+            },
+            "station": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Station identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "station"
+            },
+            "operator": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Operator name."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "operator"
+            },
+            "job": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Current job / order."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "job"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EquipmentCardState",
+                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"unknown\" | \"warning\"",
+                    "references": {
+                        "EquipmentCardState": {
+                            "location": "import",
+                            "path": "../../molecules/equipment-status-card/equipment-status-card",
+                            "id": "src/components/molecules/equipment-status-card/equipment-status-card.tsx::EquipmentCardState",
+                            "referenceLocation": "EquipmentCardState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'unknown'"
+            },
+            "produced": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Produced count."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "produced",
+                "defaultValue": "0"
+            },
+            "rejected": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Rejected count."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rejected",
+                "defaultValue": "0"
+            },
+            "target": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Target count for the job."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target"
+            }
+        };
+    }
+}
+//# sourceMappingURL=workstation-monitor.js.map

package/dist/collection/components/organisms/workstation-monitor/workstation-monitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workstation-monitor.js","sourceRoot":"","sources":["../../../../src/components/organisms/workstation-monitor/workstation-monitor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD;;;GAGG;AAMH,MAAM,OAAO,qBAAqB;IACxB,OAAO,GAAW,aAAa,CAAC;IACxC,0BAA0B;IAClB,OAAO,CAAU;IACzB,qBAAqB;IACb,QAAQ,CAAU;IAC1B,2BAA2B;IACnB,GAAG,CAAU;IACI,KAAK,GAAuB,SAAS,CAAC;IAC/D,sBAAsB;IACd,QAAQ,GAAW,CAAC,CAAC;IAC7B,sBAAsB;IACd,QAAQ,GAAW,CAAC,CAAC;IAC7B,gCAAgC;IACxB,MAAM,CAAU;IAExB,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9D,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACzF,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,uEAAgB,KAAK,EAAE,GAAU,EAAE,IAAI,EAAC,IAAI,GAAG;gBAC/C,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS;wBAAE,IAAI,CAAC,OAAO;wBAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAQ;oBACvG,IAAI,CAAC,QAAQ,IAAI,6DAAM,KAAK,EAAC,gBAAgB;;wBAAY,IAAI,CAAC,QAAQ,CAAQ,CAC3E,CACF;YACN,4DAAK,KAAK,EAAC,YAAY;gBACpB,IAAI,CAAC,GAAG,IAAI,CACX,4DAAK,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK;oBACzB,6DAAM,KAAK,EAAC,WAAW,UAAW;oBAClC,6DAAM,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,GAAG,CAAQ,CACpC,CACP;gBACD,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS;oBACjC,kEAAW,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,GAAa;oBACxE,kEAAW,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAC,IAAI,GAAa;oBACnH,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,CAC5B,kEAAW,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,GAAa,CACrE,CACG;gBACL,GAAG,KAAK,SAAS,IAAI,CACpB,qEAAc,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,uBAA2B,CAC3F,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\n/**\n * Operator workstation monitor: station + operator, current job, produced /\n * rejected counts and progress to target.\n */\n@Component({\n  tag: 'ind-workstation-monitor',\n  styleUrls: ['../_shared/panel.css', 'workstation-monitor.css'],\n  shadow: true,\n})\nexport class IndWorkstationMonitor {\n  @Prop() heading: string = 'Workstation';\n  /** Station identifier. */\n  @Prop() station?: string;\n  /** Operator name. */\n  @Prop() operator?: string;\n  /** Current job / order. */\n  @Prop() job?: string;\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** Produced count. */\n  @Prop() produced: number = 0;\n  /** Rejected count. */\n  @Prop() rejected: number = 0;\n  /** Target count for the job. */\n  @Prop() target?: number;\n\n  render() {\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    const pct = this.target ? Math.min(100, (this.produced / this.target) * 100) : undefined;\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <ind-status-dot state={dot as any} size=\"md\" />\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}{this.station ? ` · ${this.station}` : ''}</span>\n            {this.operator && <span class=\"panel-subtitle\">Operator: {this.operator}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          {this.job && (\n            <div class=\"job\" part=\"job\">\n              <span class=\"job-label\">Job</span>\n              <span class=\"job-name\">{this.job}</span>\n            </div>\n          )}\n          <div class=\"figures\" part=\"figures\">\n            <ind-value value={this.produced} label=\"Produced\" size=\"lg\"></ind-value>\n            <ind-value value={this.rejected} label=\"Rejected\" alarm={this.rejected > 0 ? 'high' : 'none'} size=\"md\"></ind-value>\n            {this.target !== undefined && (\n              <ind-value value={this.target} label=\"Target\" size=\"md\"></ind-value>\n            )}\n          </div>\n          {pct !== undefined && (\n            <ind-progress value={pct} max={100} variant=\"success\" size=\"md\" show-value></ind-progress>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}