@ind-ds/core 0.1.0 → 0.2.0

package/dist/collection/components/organisms/maintenance-dashboard/maintenance-dashboard.css

@@ -0,0 +1,48 @@
+:host {
+  min-width: 460px;
+}
+
+.kpis {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: var(--ind-spacing-4, 8px);
+  padding: var(--ind-spacing-5, 12px);
+  border-bottom: 1px solid var(--ind-surface-border-subtle);
+}
+
+.kpis ind-kpi-card {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  min-width: 0;
+}
+
+.panel-list {
+  max-height: 280px;
+}
+
+.row {
+  display: grid;
+  grid-template-columns: 96px 1fr auto;
+  align-items: center;
+  gap: var(--ind-spacing-4, 8px);
+  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
+  border-bottom: 1px solid var(--ind-surface-border-subtle);
+  font-size: var(--ind-font-size-base, 12px);
+}
+
+.tag {
+  font-family: var(--ind-font-family-mono);
+  color: var(--ind-surface-text-secondary);
+}
+
+.due {
+  font-size: var(--ind-font-size-sm, 11px);
+  color: var(--ind-surface-text-muted);
+  white-space: nowrap;
+}
+
+.row-overdue .due {
+  color: var(--ind-state-fault-bg, #dc2626);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}

package/dist/collection/components/organisms/maintenance-dashboard/maintenance-dashboard.js

@@ -0,0 +1,160 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Maintenance KPIs (MTBF / MTTR / open & overdue work orders) plus an upcoming
+ * / overdue task list.
+ */
+export class IndMaintenanceDashboard {
+    heading = 'Maintenance';
+    /** Mean time between failures (hours). */
+    mtbf;
+    /** Mean time to repair (hours). */
+    mttr;
+    /** Open work orders. */
+    openWorkOrders = 0;
+    /** Overdue work orders. */
+    overdue = 0;
+    /** Upcoming / overdue tasks. */
+    dueItems = [];
+    render() {
+        return (h(Host, { key: '94b1be945de7b82e8d7570fd2051a4cd7aca547d' }, h("div", { key: '11f25ad6fd9fdcfa1120b1afab257769afe1010c', class: "panel-head" }, h("span", { key: '7bba8884a56d2bd9ff822e487a2414138c96890b', class: "panel-title", part: "heading" }, this.heading)), h("div", { key: '577d1f27c3dd2d4f487d8e3385ebbb3ec8f8ff4b', class: "kpis", part: "kpis" }, h("ind-kpi-card", { key: '583aba5d448f67ec960d6da5247dc752e0642812', label: "MTBF", value: this.mtbf ?? '--', unit: "h", precision: 0 }), h("ind-kpi-card", { key: 'a25a4ab4906015c76f76b4a35984619c7b888633', label: "MTTR", value: this.mttr ?? '--', unit: "h", precision: 1 }), h("ind-kpi-card", { key: 'cbc1e96d120ba23016005b90e13951264d148572', label: "Open WOs", value: this.openWorkOrders }), h("ind-kpi-card", { key: '1ac75c5a7ab66c5a37aefc6a14a65a1a9e0e8dfd', label: "Overdue", value: this.overdue, variant: this.overdue > 0 ? 'bad' : 'neutral' })), h("div", { key: '4cb0f35f5fc27412ea8cfb3491fd8947041a9f3e', class: "panel-list", part: "list" }, this.dueItems.length === 0 ? (h("div", { class: "panel-empty" }, "No scheduled tasks")) : (this.dueItems.map((d, i) => (h("div", { class: `row ${d.overdue ? 'row-overdue' : ''}`, part: "row", key: i }, h("span", { class: "tag", part: "asset" }, d.asset), h("span", { class: "task", part: "task" }, d.task), h("span", { class: "due", part: "due" }, d.due))))))));
+    }
+    static get is() { return "ind-maintenance-dashboard"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "maintenance-dashboard.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "maintenance-dashboard.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": "'Maintenance'"
+            },
+            "mtbf": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Mean time between failures (hours)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mtbf"
+            },
+            "mttr": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Mean time to repair (hours)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mttr"
+            },
+            "openWorkOrders": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Open work orders."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "open-work-orders",
+                "defaultValue": "0"
+            },
+            "overdue": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Overdue work orders."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "overdue",
+                "defaultValue": "0"
+            },
+            "dueItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "MaintenanceDueItem[]",
+                    "resolved": "MaintenanceDueItem[]",
+                    "references": {
+                        "MaintenanceDueItem": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/maintenance-dashboard/maintenance-dashboard.tsx",
+                            "id": "src/components/organisms/maintenance-dashboard/maintenance-dashboard.tsx::MaintenanceDueItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Upcoming / overdue tasks."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=maintenance-dashboard.js.map

package/dist/collection/components/organisms/maintenance-dashboard/maintenance-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maintenance-dashboard.js","sourceRoot":"","sources":["../../../../src/components/organisms/maintenance-dashboard/maintenance-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD;;;GAGG;AAMH,MAAM,OAAO,uBAAuB;IAC1B,OAAO,GAAW,aAAa,CAAC;IACxC,0CAA0C;IAClC,IAAI,CAAU;IACtB,mCAAmC;IAC3B,IAAI,CAAU;IACtB,wBAAwB;IAChB,cAAc,GAAW,CAAC,CAAC;IACnC,2BAA2B;IACnB,OAAO,GAAW,CAAC,CAAC;IAC5B,gCAAgC;IACxB,QAAQ,GAAyB,EAAE,CAAC;IAE5C,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,MAAM,EAAC,IAAI,EAAC,MAAM;gBAC3B,qEAAc,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,CAAC,GAAiB;gBAC3F,qEAAc,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,CAAC,GAAiB;gBAC3F,qEAAc,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,GAAiB;gBAC1E,qEAAc,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAAiB,CAC7G;YACN,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,WAAK,KAAK,EAAC,aAAa,yBAAyB,CAClD,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,WAAK,KAAK,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC;gBACpE,YAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAAE,CAAC,CAAC,KAAK,CAAQ;gBAC/C,YAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,CAAC,CAAC,IAAI,CAAQ;gBAC9C,YAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,IAAE,CAAC,CAAC,GAAG,CAAQ,CACvC,CACP,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport interface MaintenanceDueItem {\n  asset: string;\n  task: string;\n  due: string;\n  overdue?: boolean;\n}\n\n/**\n * Maintenance KPIs (MTBF / MTTR / open & overdue work orders) plus an upcoming\n * / overdue task list.\n */\n@Component({\n  tag: 'ind-maintenance-dashboard',\n  styleUrls: ['../_shared/panel.css', 'maintenance-dashboard.css'],\n  shadow: true,\n})\nexport class IndMaintenanceDashboard {\n  @Prop() heading: string = 'Maintenance';\n  /** Mean time between failures (hours). */\n  @Prop() mtbf?: number;\n  /** Mean time to repair (hours). */\n  @Prop() mttr?: number;\n  /** Open work orders. */\n  @Prop() openWorkOrders: number = 0;\n  /** Overdue work orders. */\n  @Prop() overdue: number = 0;\n  /** Upcoming / overdue tasks. */\n  @Prop() dueItems: MaintenanceDueItem[] = [];\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=\"kpis\" part=\"kpis\">\n          <ind-kpi-card label=\"MTBF\" value={this.mtbf ?? '--'} unit=\"h\" precision={0}></ind-kpi-card>\n          <ind-kpi-card label=\"MTTR\" value={this.mttr ?? '--'} unit=\"h\" precision={1}></ind-kpi-card>\n          <ind-kpi-card label=\"Open WOs\" value={this.openWorkOrders}></ind-kpi-card>\n          <ind-kpi-card label=\"Overdue\" value={this.overdue} variant={this.overdue > 0 ? 'bad' : 'neutral'}></ind-kpi-card>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {this.dueItems.length === 0 ? (\n            <div class=\"panel-empty\">No scheduled tasks</div>\n          ) : (\n            this.dueItems.map((d, i) => (\n              <div class={`row ${d.overdue ? 'row-overdue' : ''}`} part=\"row\" key={i}>\n                <span class=\"tag\" part=\"asset\">{d.asset}</span>\n                <span class=\"task\" part=\"task\">{d.task}</span>\n                <span class=\"due\" part=\"due\">{d.due}</span>\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/motor-control-panel/motor-control-panel.css

@@ -0,0 +1,3 @@
+:host {
+  min-width: 280px;
+}

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

@@ -0,0 +1,281 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Motor control panel: live `<ind-motor-card>` faceplate plus start/stop,
+ * speed setpoint and mode selection.
+ */
+export class IndMotorControlPanel {
+    heading = 'Motor';
+    tag;
+    state = 'stopped';
+    speed;
+    current;
+    load;
+    /** Speed setpoint (two-way), in percent. */
+    speedSetpoint = 0;
+    mode;
+    indStart;
+    indStop;
+    indSpeed;
+    indMode;
+    runState() {
+        if (this.state === 'running')
+            return 'running';
+        if (this.state === 'fault')
+            return 'fault';
+        return 'stopped';
+    }
+    onSpeed = (e) => {
+        e.stopPropagation();
+        this.speedSetpoint = e.detail;
+        this.indSpeed.emit(e.detail);
+    };
+    onMode = (e) => {
+        e.stopPropagation();
+        this.indMode.emit(e.detail);
+    };
+    render() {
+        return (h(Host, { key: 'aa9cbabc5c0cfca6f3a40ad007644f9be2bab696' }, h("div", { key: '803290dd446cabe5ee0f359b837b2e967bd8d827', class: "panel-head" }, h("div", { key: '062e906a61e9d4dfee2535b89fa1b83ae077596e', class: "panel-titles" }, h("span", { key: 'f7cd17b073e057d1d19a277510b8f559bc57a856', class: "panel-title", part: "heading" }, this.heading), this.tag && h("span", { key: 'a91e201967ce6167328df4453586141ba212b665', class: "panel-subtitle" }, this.tag))), h("div", { key: '8fccc430ed03534f496cd87e3d636964b517e1b0', class: "panel-body" }, h("ind-motor-card", { key: '997e568d414587072900160088a1a1d85859c649', tag: this.tag, label: this.heading, state: this.state, speed: this.speed, current: this.current, load: this.load }), h("ind-start-stop-control", { key: '05327d42c5e8a9970c8ac845c6721eee1bcea317', label: this.heading, state: this.runState(), onIndStart: () => this.indStart.emit(), onIndStop: () => this.indStop.emit() }), h("ind-speed-control", { key: '46d6380f0e12cc54de1ae28a5f57c446347a8019', label: "Speed setpoint", value: this.speedSetpoint, unit: "%", onIndChange: this.onSpeed }), h("ind-mode-selector", { key: '84ca78cf0ece4142d09867b0ae31ce604c913938', value: this.mode, onIndChange: this.onMode }))));
+    }
+    static get is() { return "ind-motor-control-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "motor-control-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "motor-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": "'Motor'"
+            },
+            "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": "EquipmentState",
+                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"warning\"",
+                    "references": {
+                        "EquipmentState": {
+                            "location": "import",
+                            "path": "../../atoms/_equipment/types",
+                            "id": "src/components/atoms/_equipment/types.ts::EquipmentState",
+                            "referenceLocation": "EquipmentState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'stopped'"
+            },
+            "speed": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "speed"
+            },
+            "current": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "current"
+            },
+            "load": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "load"
+            },
+            "speedSetpoint": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Speed setpoint (two-way), in percent."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "speed-setpoint",
+                "defaultValue": "0"
+            },
+            "mode": {
+                "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": "mode"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indStart",
+                "name": "indStart",
+                "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": "indSpeed",
+                "name": "indSpeed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }, {
+                "method": "indMode",
+                "name": "indMode",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=motor-control-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"motor-control-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/motor-control-panel/motor-control-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAI9E;;;GAGG;AAMH,MAAM,OAAO,oBAAoB;IACvB,OAAO,GAAW,OAAO,CAAC;IAC1B,GAAG,CAAU;IACI,KAAK,GAAmB,SAAS,CAAC;IACnD,KAAK,CAAU;IACf,OAAO,CAAU;IACjB,IAAI,CAAU;IACtB,4CAA4C;IACnB,aAAa,GAAW,CAAC,CAAC;IAC3C,IAAI,CAAU;IAEb,QAAQ,CAAsB;IAC9B,OAAO,CAAsB;IAC7B,QAAQ,CAAwB;IAChC,OAAO,CAAwB;IAEhC,QAAQ;QACd,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;YAAE,OAAO,SAAS,CAAC;QAC/C,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO;YAAE,OAAO,OAAO,CAAC;QAC3C,OAAO,SAAS,CAAC;IACnB,CAAC;IAEO,OAAO,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,MAAM,CAAC;QAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,CAAC;IACM,MAAM,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC1C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;oBAC7D,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,GAAG,CAAQ,CACvD,CACF;YACN,4DAAK,KAAK,EAAC,YAAY;gBACrB,uEACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,GACf;gBACF,+EACE,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EACtB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,EACtC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GACpC;gBACF,0EACE,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,IAAI,CAAC,aAAa,EACzB,IAAI,EAAC,GAAG,EACR,WAAW,EAAE,IAAI,CAAC,OAAO,GACzB;gBACF,0EAAmB,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,MAAM,GAAI,CAC7D,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\nimport type { RunState } from '../../molecules/start-stop-control/start-stop-control';\n\n/**\n * Motor control panel: live `<ind-motor-card>` faceplate plus start/stop,\n * speed setpoint and mode selection.\n */\n@Component({\n  tag: 'ind-motor-control-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'motor-control-panel.css'],\n  shadow: true,\n})\nexport class IndMotorControlPanel {\n  @Prop() heading: string = 'Motor';\n  @Prop() tag?: string;\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  @Prop() speed?: number;\n  @Prop() current?: number;\n  @Prop() load?: number;\n  /** Speed setpoint (two-way), in percent. */\n  @Prop({ mutable: true }) speedSetpoint: number = 0;\n  @Prop() mode?: string;\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n  @Event() indSpeed!: EventEmitter<number>;\n  @Event() indMode!: EventEmitter<string>;\n\n  private runState(): RunState {\n    if (this.state === 'running') return 'running';\n    if (this.state === 'fault') return 'fault';\n    return 'stopped';\n  }\n\n  private onSpeed = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.speedSetpoint = e.detail;\n    this.indSpeed.emit(e.detail);\n  };\n  private onMode = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indMode.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-motor-card\n            tag={this.tag}\n            label={this.heading}\n            state={this.state}\n            speed={this.speed}\n            current={this.current}\n            load={this.load}\n          />\n          <ind-start-stop-control\n            label={this.heading}\n            state={this.runState()}\n            onIndStart={() => this.indStart.emit()}\n            onIndStop={() => this.indStop.emit()}\n          />\n          <ind-speed-control\n            label=\"Speed setpoint\"\n            value={this.speedSetpoint}\n            unit=\"%\"\n            onIndChange={this.onSpeed}\n          />\n          <ind-mode-selector value={this.mode} onIndChange={this.onMode} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -48,7 +48,7 @@ export class IndMqttMonitor {
         const total = this.log ? this.log.split('\n').filter((l) => l.length > 0).length : 0;
         const visible = filtered.filter((l) => l.length > 0).length;
         const countLabel = this.filterValue ? `${visible} / ${total} msg` : `${total} msg`;
-        return (h(Host, { key: '611c593c0c13009b372c0f3d8077c363c9801b97' }, h("div", { key: '6552180414c9c06bf728b6d94eaa4ec282f9ecc9', class: "toolbar", part: "toolbar" }, h("input", { key: '715c06c1dcd91764b619093804bd52dd9ebb512c', class: "filter", part: "filter", type: "search", placeholder: "Filter topic / payload...", value: this.filterValue, onInput: this.onFilter }), h("label", { key: 'c7fc734cd7d0e08d28191804852ef7bf11ed01c7', class: "check" }, h("input", { key: '6b250678c32e5e83b2925275cdd44579cf682933', type: "checkbox", checked: this.paused, onChange: this.onPause }), h("span", { key: '77f2a59bd50c2a8c48c27a719730ba2efc5e5b9e' }, "Pause")), h("span", { key: 'eb60e89a998c60548f62d982691ffbdc1ce08eb7', class: "spacer" }), h("span", { key: '298521f0328cb32523d63dd3a45248575313b6f6', class: "counter", part: "counter" }, countLabel), h("button", { key: '32a5aa35b0e622e8fac010a79bbd30cb434ba09e', type: "button", class: "clear", part: "clear", onClick: () => this.indClear.emit() }, "Clear")), h("textarea", { key: '7ca66e1a42cdd672faae4d14004af23c2cae7bae', class: "log", part: "log", readonly: true, rows: this.rows }, filtered.join('\n'))));
+        return (h(Host, { key: 'fde4e0cf9ab24365b155f7497c18f704669b6789' }, h("div", { key: 'de63978fd49ac92d6f6ba72351b0309d8d1bed0a', class: "toolbar", part: "toolbar" }, h("input", { key: '4b15c9ca91e979444364f5b9ae5ad7e1e414bb09', class: "filter", part: "filter", type: "search", placeholder: "Filter topic / payload...", value: this.filterValue, onInput: this.onFilter }), h("label", { key: '43afbc5455f8f5711c47da954900b745f9b25e8b', class: "check" }, h("input", { key: '3af747f4c0ec5240d8fc7fae6030396fe0b3ec51', type: "checkbox", checked: this.paused, onChange: this.onPause }), h("span", { key: '54789aaadeb3b54360b44a8cd12bd52ed260c4ac' }, "Pause")), h("span", { key: '3ad3873914538089402893883f5c1e1cd1c52606', class: "spacer" }), h("span", { key: '410327c79b9b0090f9bf3f4e43d6c14dd7e9136d', class: "counter", part: "counter" }, countLabel), h("button", { key: '594b493e5ccee295a061bd100ed5d0333890c23f', type: "button", class: "clear", part: "clear", onClick: () => this.indClear.emit() }, "Clear")), h("textarea", { key: 'a31c38c4968befd04635ed26d381a444a839769f', class: "log", part: "log", readonly: true, rows: this.rows }, filtered.join('\n'))));
     }
     static get is() { return "ind-mqtt-monitor"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/organisms/oee-dashboard/oee-dashboard.css

@@ -0,0 +1,30 @@
+:host {
+  min-width: 460px;
+}
+
+.headline {
+  margin-left: auto;
+  display: flex;
+  align-items: baseline;
+  gap: var(--ind-spacing-2, 4px);
+}
+
+.headline-value {
+  font-family: var(--ind-font-family-mono);
+  font-size: var(--ind-font-size-3xl, 28px);
+  font-weight: var(--ind-font-weight-bold, 700);
+  line-height: 1;
+}
+
+.headline-unit {
+  font-size: var(--ind-font-size-sm, 11px);
+  color: var(--ind-surface-text-secondary);
+}
+
+.gauges {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: var(--ind-spacing-4, 8px);
+  padding: var(--ind-spacing-5, 12px);
+  justify-items: center;
+}