@ind-ds/core 0.1.1 → 0.2.1

package/dist/collection/components/organisms/production-line-overview/production-line-overview.js

@@ -0,0 +1,76 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Left-to-right production line overview: a sequence of station status tiles
+ * connected by flow arrows. Each tile shows state, tag and an optional rate.
+ */
+export class IndProductionLineOverview {
+    heading = 'Production line';
+    stations = [];
+    render() {
+        return (h(Host, { key: 'acef84fa40b80a710503ad9f3310c954500b7c46' }, h("div", { key: '6a473b0aad1ea689c562bcfa8e3ca744e35de922', class: "panel-head" }, h("span", { key: '8bcb4d572b94aae2cb3f37e5e08bc41596f6f6d3', class: "panel-title", part: "heading" }, this.heading)), h("div", { key: '88742d308c8ba3b58b9a1a5b9b4ee9afed5c1b03', class: "line", part: "line" }, this.stations.map((s, i) => [
+            h("div", { class: `station station-${s.state}`, part: "station", key: `s${i}` }, h("div", { class: "station-head" }, h("ind-status-dot", { state: (s.state === 'unknown' ? 'neutral' : s.state), size: "sm" }), s.tag && h("span", { class: "station-tag" }, s.tag)), h("span", { class: "station-name" }, s.name), s.rate !== undefined && (h("span", { class: "station-rate" }, s.rate, s.unit ? ` ${s.unit}` : ''))),
+            i < this.stations.length - 1 ? (h("span", { class: "arrow", part: "arrow", "aria-hidden": "true", key: `a${i}` }, "\u2192")) : null,
+        ]))));
+    }
+    static get is() { return "ind-production-line-overview"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "production-line-overview.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "production-line-overview.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": "'Production line'"
+            },
+            "stations": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "LineStation[]",
+                    "resolved": "LineStation[]",
+                    "references": {
+                        "LineStation": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/production-line-overview/production-line-overview.tsx",
+                            "id": "src/components/organisms/production-line-overview/production-line-overview.tsx::LineStation"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=production-line-overview.js.map

package/dist/collection/components/organisms/production-line-overview/production-line-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"production-line-overview.js","sourceRoot":"","sources":["../../../../src/components/organisms/production-line-overview/production-line-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAYzD;;;GAGG;AAMH,MAAM,OAAO,yBAAyB;IAC5B,OAAO,GAAW,iBAAiB,CAAC;IACpC,QAAQ,GAAkB,EAAE,CAAC;IAErC,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,IAC1B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC3B,WAAK,KAAK,EAAE,mBAAmB,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAC,SAAS,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE;oBACnE,WAAK,KAAK,EAAC,cAAc;wBACvB,sBAAgB,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAQ,EAAE,IAAI,EAAC,IAAI,GAAG;wBACxF,CAAC,CAAC,GAAG,IAAI,YAAM,KAAK,EAAC,aAAa,IAAE,CAAC,CAAC,GAAG,CAAQ,CAC9C;oBACN,YAAM,KAAK,EAAC,cAAc,IAAE,CAAC,CAAC,IAAI,CAAQ;oBACzC,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CACvB,YAAM,KAAK,EAAC,cAAc;wBAAE,CAAC,CAAC,IAAI;wBAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAQ,CACvE,CACG;gBACN,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC7B,YAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,iBAAa,MAAM,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,aAAU,CAC3E,CAAC,CAAC,CAAC,IAAI;aACT,CAAC,CACE,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\nexport interface LineStation {\n  name: string;\n  tag?: string;\n  state: EquipmentCardState;\n  /** Optional throughput / rate readout. */\n  rate?: number;\n  unit?: string;\n}\n\n/**\n * Left-to-right production line overview: a sequence of station status tiles\n * connected by flow arrows. Each tile shows state, tag and an optional rate.\n */\n@Component({\n  tag: 'ind-production-line-overview',\n  styleUrls: ['../_shared/panel.css', 'production-line-overview.css'],\n  shadow: true,\n})\nexport class IndProductionLineOverview {\n  @Prop() heading: string = 'Production line';\n  @Prop() stations: LineStation[] = [];\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=\"line\" part=\"line\">\n          {this.stations.map((s, i) => [\n            <div class={`station station-${s.state}`} part=\"station\" key={`s${i}`}>\n              <div class=\"station-head\">\n                <ind-status-dot state={(s.state === 'unknown' ? 'neutral' : s.state) as any} size=\"sm\" />\n                {s.tag && <span class=\"station-tag\">{s.tag}</span>}\n              </div>\n              <span class=\"station-name\">{s.name}</span>\n              {s.rate !== undefined && (\n                <span class=\"station-rate\">{s.rate}{s.unit ? ` ${s.unit}` : ''}</span>\n              )}\n            </div>,\n            i < this.stations.length - 1 ? (\n              <span class=\"arrow\" part=\"arrow\" aria-hidden=\"true\" key={`a${i}`}>→</span>\n            ) : null,\n          ])}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,217 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Pump control panel: `<ind-pump-card>` faceplate plus start/stop and mode.
+ */
+export class IndPumpControlPanel {
+    heading = 'Pump';
+    tag;
+    state = 'stopped';
+    flow;
+    pressure;
+    mode;
+    indStart;
+    indStop;
+    indMode;
+    runState() {
+        if (this.state === 'running')
+            return 'running';
+        if (this.state === 'fault')
+            return 'fault';
+        return 'stopped';
+    }
+    onMode = (e) => {
+        e.stopPropagation();
+        this.indMode.emit(e.detail);
+    };
+    render() {
+        return (h(Host, { key: 'd8912bba9bd856bd8d7441725e604a198af9cfad' }, h("div", { key: 'c2753a9668b3664af68836a35094280701dcbcf5', class: "panel-head" }, h("div", { key: 'd496718af739b6146b1a2488eb2546267d4c0e31', class: "panel-titles" }, h("span", { key: 'ac679e3704a44465ab547f5dda0a6ad6d7230f61', class: "panel-title", part: "heading" }, this.heading), this.tag && h("span", { key: '38aca6f60bf902877172a590d174896120efb07d', class: "panel-subtitle" }, this.tag))), h("div", { key: '7a388aa6bc9aef0e4a1ac7172d64ea673bf0b72a', class: "panel-body" }, h("ind-pump-card", { key: '068a75833a8476b9146d90127027b7b05d49d287', tag: this.tag, label: this.heading, state: this.state, flow: this.flow, pressure: this.pressure }), h("ind-start-stop-control", { key: '6711c260e7f9cb982a15f1efcc2e904f4a04bae5', label: this.heading, state: this.runState(), onIndStart: () => this.indStart.emit(), onIndStop: () => this.indStop.emit() }), h("ind-mode-selector", { key: '3b35daf8000b0cee1e3ba7e3724859bd07e79751', value: this.mode, onIndChange: this.onMode }))));
+    }
+    static get is() { return "ind-pump-control-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "pump-control-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "pump-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": "'Pump'"
+            },
+            "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'"
+            },
+            "flow": {
+                "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": "flow"
+            },
+            "pressure": {
+                "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": "pressure"
+            },
+            "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": "indMode",
+                "name": "indMode",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=pump-control-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pump-control-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/pump-control-panel/pump-control-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAI9E;;GAEG;AAMH,MAAM,OAAO,mBAAmB;IACtB,OAAO,GAAW,MAAM,CAAC;IACzB,GAAG,CAAU;IACI,KAAK,GAAmB,SAAS,CAAC;IACnD,IAAI,CAAU;IACd,QAAQ,CAAU;IAClB,IAAI,CAAU;IAEb,QAAQ,CAAsB;IAC9B,OAAO,CAAsB;IAC7B,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,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,sEACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACvB;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,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 * Pump control panel: `<ind-pump-card>` faceplate plus start/stop and mode.\n */\n@Component({\n  tag: 'ind-pump-control-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'pump-control-panel.css'],\n  shadow: true,\n})\nexport class IndPumpControlPanel {\n  @Prop() heading: string = 'Pump';\n  @Prop() tag?: string;\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  @Prop() flow?: number;\n  @Prop() pressure?: number;\n  @Prop() mode?: string;\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\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 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-pump-card\n            tag={this.tag}\n            label={this.heading}\n            state={this.state}\n            flow={this.flow}\n            pressure={this.pressure}\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-mode-selector value={this.mode} onIndChange={this.onMode} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/recipe-management-panel/recipe-management-panel.js

@@ -0,0 +1,205 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Recipe management panel: pick / load a recipe, review its parameter set and
+ * save edits. Combines `<ind-recipe-selector>` with a parameter list.
+ */
+export class IndRecipeManagementPanel {
+    heading = 'Recipe management';
+    /** Available recipes. */
+    recipes = [];
+    /** Selected recipe (two-way). */
+    value;
+    /** Parameters of the selected recipe. */
+    parameters = [];
+    /** Allow editing the parameters. */
+    editable = false;
+    indChange;
+    indLoad;
+    indSave;
+    onChange = (e) => {
+        e.stopPropagation();
+        this.value = e.detail;
+        this.indChange.emit(e.detail);
+    };
+    onLoad = (e) => {
+        e.stopPropagation();
+        this.indLoad.emit(e.detail);
+    };
+    render() {
+        return (h(Host, { key: '311d5f0738f97dc9644bfe14e6df5ee107132e80' }, h("div", { key: '8607f97cedf5ae4d8e9c1a321b8aba04d7d68344', class: "panel-head" }, h("span", { key: '2662cd5984dd0e1cef9231101451606fba385153', class: "panel-title", part: "heading" }, this.heading), h("div", { key: 'a9e120fbef91e4899e3340db5aa600b3d4a4737d', class: "panel-actions" }, h("ind-button", { key: '49dde298969047d4b94d4d58152987f42cb15863', variant: "primary", size: "sm", label: "Save", disabled: !this.editable, onIndActivate: () => this.indSave.emit() }))), h("div", { key: '792a6a721b2a7a2f98160bccee674b0449f1d3df', class: "panel-body" }, h("ind-recipe-selector", { key: '32ad3a8d71a5e3c0c28f716c94159a40bcd24c69', label: "Recipe", options: this.recipes, value: this.value, onIndChange: this.onChange, onIndLoad: this.onLoad }), this.parameters.length > 0 && (h("div", { key: 'b63fa62ebe8eb41f4d7a199229ad411a38aa2573', class: "params", part: "params" }, this.parameters.map((p, i) => (h("ind-batch-parameter-row", { key: i, label: p.label, value: p.value, unit: p.unit, target: p.target, disabled: !this.editable }))))))));
+    }
+    static get is() { return "ind-recipe-management-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "recipe-management-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "recipe-management-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": "'Recipe management'"
+            },
+            "recipes": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "SelectOption[]",
+                    "resolved": "SelectOption[]",
+                    "references": {
+                        "SelectOption": {
+                            "location": "import",
+                            "path": "../../atoms/select/select",
+                            "id": "src/components/atoms/select/select.tsx::SelectOption",
+                            "referenceLocation": "SelectOption"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Available recipes."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Selected recipe (two-way)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "parameters": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "BatchParam[]",
+                    "resolved": "BatchParam[]",
+                    "references": {
+                        "BatchParam": {
+                            "location": "import",
+                            "path": "../batch-control-panel/batch-control-panel",
+                            "id": "src/components/organisms/batch-control-panel/batch-control-panel.tsx::BatchParam",
+                            "referenceLocation": "BatchParam"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Parameters of the selected recipe."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "editable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Allow editing the parameters."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "editable",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indChange",
+                "name": "indChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "indLoad",
+                "name": "indLoad",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "indSave",
+                "name": "indSave",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=recipe-management-panel.js.map

package/dist/collection/components/organisms/recipe-management-panel/recipe-management-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recipe-management-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/recipe-management-panel/recipe-management-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,wBAAwB;IAC3B,OAAO,GAAW,mBAAmB,CAAC;IAC9C,yBAAyB;IACjB,OAAO,GAAmB,EAAE,CAAC;IACrC,iCAAiC;IACR,KAAK,CAAU;IACxC,yCAAyC;IACjC,UAAU,GAAiB,EAAE,CAAC;IACtC,oCAAoC;IAC5B,QAAQ,GAAY,KAAK,CAAC;IAEzB,SAAS,CAAwB;IACjC,OAAO,CAAwB;IAC/B,OAAO,CAAsB;IAE9B,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;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,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC9D,4DAAK,KAAK,EAAC,eAAe;oBACxB,mEACE,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,EACxB,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GACxC,CACE,CACF;YACN,4DAAK,KAAK,EAAC,YAAY;gBACrB,4EACE,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,QAAQ,EAC1B,SAAS,EAAE,IAAI,CAAC,MAAM,GACtB;gBACD,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7B,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,IAC9B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,+BACE,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,GACxB,CACH,CAAC,CACE,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { SelectOption } from '../../atoms/select/select';\nimport type { BatchParam } from '../batch-control-panel/batch-control-panel';\n\n/**\n * Recipe management panel: pick / load a recipe, review its parameter set and\n * save edits. Combines `<ind-recipe-selector>` with a parameter list.\n */\n@Component({\n  tag: 'ind-recipe-management-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'recipe-management-panel.css'],\n  shadow: true,\n})\nexport class IndRecipeManagementPanel {\n  @Prop() heading: string = 'Recipe management';\n  /** Available recipes. */\n  @Prop() recipes: SelectOption[] = [];\n  /** Selected recipe (two-way). */\n  @Prop({ mutable: true }) value?: string;\n  /** Parameters of the selected recipe. */\n  @Prop() parameters: BatchParam[] = [];\n  /** Allow editing the parameters. */\n  @Prop() editable: boolean = false;\n\n  @Event() indChange!: EventEmitter<string>;\n  @Event() indLoad!: EventEmitter<string>;\n  @Event() indSave!: EventEmitter<void>;\n\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n  private onLoad = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indLoad.emit(e.detail);\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 class=\"panel-actions\">\n            <ind-button\n              variant=\"primary\"\n              size=\"sm\"\n              label=\"Save\"\n              disabled={!this.editable}\n              onIndActivate={() => this.indSave.emit()}\n            />\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-recipe-selector\n            label=\"Recipe\"\n            options={this.recipes}\n            value={this.value}\n            onIndChange={this.onChange}\n            onIndLoad={this.onLoad}\n          />\n          {this.parameters.length > 0 && (\n            <div class=\"params\" part=\"params\">\n              {this.parameters.map((p, i) => (\n                <ind-batch-parameter-row\n                  key={i}\n                  label={p.label}\n                  value={p.value}\n                  unit={p.unit}\n                  target={p.target}\n                  disabled={!this.editable}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/sidebar-nav/sidebar-nav.css

@@ -1,39 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  width: var(--ind-size-sidebar-width, 178px);
-  height: 100%;
-  background: var(--ind-surface-panel);
-  border-right: 1px solid var(--ind-surface-border-default);
-  font-family: var(--ind-font-family-sans);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  flex-shrink: 0;
-  box-sizing: border-box;
-}
-
-.brand {
-  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);
-}
-
-.brand:has(> :nth-child(1):empty),
-.brand:not(:has(*)) { display: none; }
-
-.items {
-  flex: 1;
-  overflow-y: auto;
-  padding: var(--ind-spacing-2, 4px) 0;
-  scrollbar-width: thin;
-  scrollbar-color: var(--ind-surface-border-strong) transparent;
-}
-.items::-webkit-scrollbar { width: 8px; }
-.items::-webkit-scrollbar-thumb { background: var(--ind-surface-border-strong); border-radius: 4px; }
-.items::-webkit-scrollbar-track { background: transparent; }
-
-.footer {
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
-  border-top: 1px solid var(--ind-surface-border-subtle);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-}
-
-.footer:not(:has(*)) { display: none; }

package/dist/collection/components/organisms/sidebar-nav/sidebar-nav.js

@@ -8,7 +8,7 @@ import { h, Host } from "@stencil/core";
  */
 export class IndSidebarNav {
     render() {
-        return (h(Host, { key: '3ffd6c6d8afe2ed104b24ad1435d7a1d163c5071', role: "navigation" }, h("div", { key: '2a56d85274fca7043d8e5624a93cb99c8767fc74', class: "brand", part: "brand" }, h("slot", { key: 'd185e1c6570b33648700dd922e671f023b3d34fc', name: "brand" })), h("div", { key: '31aaa48b8e08549a3a4990cbe4ae74507b0a8ccb', class: "items", part: "items" }, h("slot", { key: '4ddb250ed915874ea6114588ab336e662526383f' })), h("div", { key: 'd666ea3f666be22246d6f2e2464a85b741b4bfed', class: "footer", part: "footer" }, h("slot", { key: 'fff6600b601ec97d47f2a79b983d0a7ef261db33', name: "footer" }))));
+        return (h(Host, { key: '9d04eb64c4d78199a2675d8f8908783ee03c592d', role: "navigation" }, h("div", { key: 'a4cda235f70f218c1b0074997f51484599ee1cec', class: "brand", part: "brand" }, h("slot", { key: 'ed5d43d3e799902dba9f0e725186c80ea80d9ff1', name: "brand" })), h("div", { key: '21178ccce78cf2f294d0eb93c38417db8f5a749d', class: "items", part: "items" }, h("slot", { key: '5902adf3f49022bd38fddf31edf43c458c5e7b8f' })), h("div", { key: '0789a9c4b2705f258108a77ecd1d898a5104ce85', class: "footer", part: "footer" }, h("slot", { key: '87c03fb3608b92aa1130017d79eb2fd556de5ca4', name: "footer" }))));
     }
     static get is() { return "ind-sidebar-nav"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/organisms/status-bar/status-bar.css

@@ -1,34 +0,0 @@
-:host {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);
-  background: var(--ind-surface-panel);
-  border-top: 1px solid var(--ind-surface-border-default);
-  font-family: var(--ind-font-family-sans);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  min-height: 24px;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.message {
-  flex: 0 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.spacer {
-  flex: 1;
-}
-
-.end {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-::slotted(*) {
-  font-size: var(--ind-font-size-sm, 11px);
-}

package/dist/collection/components/organisms/status-bar/status-bar.js

@@ -9,7 +9,7 @@ export class IndStatusBar {
     state = 'neutral';
     message;
     render() {
-        return (h(Host, { key: 'ea26634fed8ac15e259de910eb7bcd4e5ce3d094', role: "status", "aria-live": "polite" }, h("ind-status-dot", { key: 'a9305e75e5b0e35c5cccf526020ed00177d729e4', state: this.state, size: "sm" }), this.message && h("span", { key: '816506e0c34aaf66249bcca19fa0741841a1dae5', class: "message", part: "message" }, this.message), h("span", { key: '15edfed427f793ad354d7b71e256149323ab59b4', class: "spacer" }), h("span", { key: 'abd85f3229fbc9ad3e6257400a87bab0e9743dae', class: "end", part: "end" }, h("slot", { key: 'bc0a1f8844f91d9158ec4f265ae12cc27b443740' }))));
+        return (h(Host, { key: '0e24fa0f2693d5756328492c64d61278f52ba1aa', role: "status", "aria-live": "polite" }, h("ind-status-dot", { key: 'b3c8d0f81d67fc1c0968a5400e3e2b1ffea6e050', state: this.state, size: "sm" }), this.message && h("span", { key: 'd6c47a4b16ed872430df471f9980c4dde551a963', class: "message", part: "message" }, this.message), h("span", { key: '833ee65843c75d0df1b95ecbf29390d848147bc6', class: "spacer" }), h("span", { key: '71d6fb61744466c96639fe8e5c6b922c891d5b8d', class: "end", part: "end" }, h("slot", { key: '188dec4734c910b1da01047f0a4ccb530f267640' }))));
     }
     static get is() { return "ind-status-bar"; }
     static get encapsulation() { return "shadow"; }