@ind-ds/core 0.1.1 → 0.2.0

package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.css

@@ -0,0 +1,43 @@
+:host {
+  min-width: 300px;
+}
+
+.panel-body > ind-device-info-card {
+  border: 0;
+  padding: 0;
+  background: transparent;
+  min-width: 0;
+}
+
+.metrics {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: var(--ind-spacing-3, 6px);
+}
+
+.metric {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  padding: var(--ind-spacing-3, 6px);
+  background: var(--ind-surface-sunken);
+  border-radius: var(--ind-radius-sm, 2px);
+  border-left: 2px solid var(--ind-surface-border-strong);
+}
+
+.metric-label {
+  font-size: var(--ind-font-size-xs, 10px);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--ind-surface-text-muted);
+}
+
+.metric-value {
+  font-family: var(--ind-font-family-mono);
+  font-size: var(--ind-font-size-md, 13px);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+.metric-ok { border-left-color: var(--ind-state-running-bg, #16a34a); }
+.metric-warn { border-left-color: var(--ind-state-warning-bg, #f59e0b); }
+.metric-fault { border-left-color: var(--ind-state-fault-bg, #dc2626); }

package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.js

@@ -0,0 +1,222 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Device diagnostics panel: nameplate / connection via `<ind-device-info-card>`
+ * plus a list of live diagnostic metrics (CPU, memory, temperature, errors).
+ */
+export class IndDeviceDiagnosticsPanel {
+    heading = 'Diagnostics';
+    name;
+    vendor;
+    model;
+    firmware;
+    serial;
+    address;
+    state = 'disconnected';
+    /** Diagnostic metrics. */
+    metrics = [];
+    render() {
+        return (h(Host, { key: '87d13057cbdf0ae8cc50951231be0c72a5970236' }, h("div", { key: '399c23ad7dff5cd8bf8430c2dfe3e7b21d13f807', class: "panel-head" }, h("span", { key: '7b05113457a67d943203ea9c4f3a6896d953cfab', class: "panel-title", part: "heading" }, this.heading)), h("div", { key: '5685e0cffe993b39f956d0081fb0c9ff0b7e88f1', class: "panel-body" }, h("ind-device-info-card", { key: 'fdba4747a89414806cee8c781cc90e7e5bebd063', name: this.name, vendor: this.vendor, model: this.model, firmware: this.firmware, serial: this.serial, address: this.address, state: this.state }), this.metrics.length > 0 && (h("div", { key: '16eeeda3f9919ace04e34b118fe31e08ac1e3d94', class: "metrics", part: "metrics" }, this.metrics.map((m, i) => (h("div", { class: `metric metric-${m.status ?? 'ok'}`, part: "metric", key: i }, h("span", { class: "metric-label" }, m.label), h("span", { class: "metric-value" }, m.value, m.unit ? ` ${m.unit}` : '')))))))));
+    }
+    static get is() { return "ind-device-diagnostics-panel"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "device-diagnostics-panel.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "../_shared/control-panel.css", "device-diagnostics-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": "'Diagnostics'"
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
+            },
+            "vendor": {
+                "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": "vendor"
+            },
+            "model": {
+                "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": "model"
+            },
+            "firmware": {
+                "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": "firmware"
+            },
+            "serial": {
+                "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": "serial"
+            },
+            "address": {
+                "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": "address"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ConnectionState",
+                    "resolved": "\"connected\" | \"connecting\" | \"disconnected\" | \"error\"",
+                    "references": {
+                        "ConnectionState": {
+                            "location": "import",
+                            "path": "../../atoms/connection-indicator/connection-indicator",
+                            "id": "src/components/atoms/connection-indicator/connection-indicator.tsx::ConnectionState",
+                            "referenceLocation": "ConnectionState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'disconnected'"
+            },
+            "metrics": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "DiagnosticMetric[]",
+                    "resolved": "DiagnosticMetric[]",
+                    "references": {
+                        "DiagnosticMetric": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/device-diagnostics-panel/device-diagnostics-panel.tsx",
+                            "id": "src/components/organisms/device-diagnostics-panel/device-diagnostics-panel.tsx::DiagnosticMetric"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Diagnostic metrics."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=device-diagnostics-panel.js.map

package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device-diagnostics-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/device-diagnostics-panel/device-diagnostics-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUzD;;;GAGG;AAMH,MAAM,OAAO,yBAAyB;IAC5B,OAAO,GAAW,aAAa,CAAC;IAChC,IAAI,CAAU;IACd,MAAM,CAAU;IAChB,KAAK,CAAU;IACf,QAAQ,CAAU;IAClB,MAAM,CAAU;IAChB,OAAO,CAAU;IACA,KAAK,GAAoB,cAAc,CAAC;IACjE,0BAA0B;IAClB,OAAO,GAAuB,EAAE,CAAC;IAEzC,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;gBACrB,6EACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,GACK;gBACvB,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAC1B,4DAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,IAChC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,WAAK,KAAK,EAAE,iBAAiB,CAAC,CAAC,MAAM,IAAI,IAAI,EAAE,EAAE,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC;oBACnE,YAAM,KAAK,EAAC,cAAc,IAAE,CAAC,CAAC,KAAK,CAAQ;oBAC3C,YAAM,KAAK,EAAC,cAAc;wBACvB,CAAC,CAAC,KAAK;wBAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAC/B,CACH,CACP,CAAC,CACE,CACP,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\nexport interface DiagnosticMetric {\n  label: string;\n  value: string | number;\n  unit?: string;\n  status?: 'ok' | 'warn' | 'fault';\n}\n\n/**\n * Device diagnostics panel: nameplate / connection via `<ind-device-info-card>`\n * plus a list of live diagnostic metrics (CPU, memory, temperature, errors).\n */\n@Component({\n  tag: 'ind-device-diagnostics-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'device-diagnostics-panel.css'],\n  shadow: true,\n})\nexport class IndDeviceDiagnosticsPanel {\n  @Prop() heading: string = 'Diagnostics';\n  @Prop() name!: string;\n  @Prop() vendor?: string;\n  @Prop() model?: string;\n  @Prop() firmware?: string;\n  @Prop() serial?: string;\n  @Prop() address?: string;\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n  /** Diagnostic metrics. */\n  @Prop() metrics: DiagnosticMetric[] = [];\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          <ind-device-info-card\n            name={this.name}\n            vendor={this.vendor}\n            model={this.model}\n            firmware={this.firmware}\n            serial={this.serial}\n            address={this.address}\n            state={this.state}\n          ></ind-device-info-card>\n          {this.metrics.length > 0 && (\n            <div class=\"metrics\" part=\"metrics\">\n              {this.metrics.map((m, i) => (\n                <div class={`metric metric-${m.status ?? 'ok'}`} part=\"metric\" key={i}>\n                  <span class=\"metric-label\">{m.label}</span>\n                  <span class=\"metric-value\">\n                    {m.value}{m.unit ? ` ${m.unit}` : ''}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,29 @@
+:host {
+  min-width: 480px;
+}
+
+.total {
+  margin-left: auto;
+  display: flex;
+  align-items: baseline;
+  gap: var(--ind-spacing-2, 4px);
+}
+
+.total-label {
+  font-size: var(--ind-font-size-xs, 10px);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--ind-surface-text-muted);
+  margin-right: var(--ind-spacing-2, 4px);
+}
+
+.total-value {
+  font-family: var(--ind-font-family-mono);
+  font-size: var(--ind-font-size-xl, 16px);
+  font-weight: var(--ind-font-weight-bold, 700);
+}
+
+.total-unit {
+  font-size: var(--ind-font-size-sm, 11px);
+  color: var(--ind-surface-text-secondary);
+}

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

@@ -0,0 +1,134 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Energy dashboard. A headline total in the header and a grid of slotted
+ * `<ind-energy-card>` / KPI molecules below.
+ */
+export class IndEnergyDashboard {
+    heading = 'Energy';
+    /** Headline total label (e.g. "Site total"). */
+    totalLabel;
+    /** Headline total value. */
+    totalValue;
+    /** Headline total unit. */
+    totalUnit = 'kW';
+    /** Number of grid columns. */
+    columns = 3;
+    render() {
+        return (h(Host, { key: 'f12552c4b162b357e4a381a6bdd2cde2e414706f' }, h("div", { key: '361d328f8b2d8bf3e3a0236f29c77b9bceb37885', class: "panel-head" }, h("span", { key: '3310ec4ced60dbde07d62a187ca7676dffa1c478', class: "panel-title", part: "heading" }, this.heading), this.totalValue !== undefined && (h("div", { key: '73df821d7349a80ac2abe9efda65dd823b7d8fc9', class: "total", part: "total" }, this.totalLabel && h("span", { key: '84ee94d7cdf6773e41070b8f949159724837b212', class: "total-label" }, this.totalLabel), h("span", { key: '34fb429b84bde4bbb443f4d54b02db4a67421be1', class: "total-value" }, this.totalValue.toLocaleString()), h("span", { key: '9e473401e54beb65c714bf440b8b6577d650068d', class: "total-unit" }, this.totalUnit)))), h("div", { key: 'e5e5a8d673bdc23d79f59c684d7e08cb00ddb5bb', class: "panel-grid", part: "grid", style: { gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` } }, h("slot", { key: '4ad364dceb9c131ed639c833ec0ce7b36c754e3b' }))));
+    }
+    static get is() { return "ind-energy-dashboard"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "energy-dashboard.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "energy-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": "'Energy'"
+            },
+            "totalLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Headline total label (e.g. \"Site total\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "total-label"
+            },
+            "totalValue": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Headline total value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "total-value"
+            },
+            "totalUnit": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Headline total unit."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "total-unit",
+                "defaultValue": "'kW'"
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of grid columns."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns",
+                "defaultValue": "3"
+            }
+        };
+    }
+}
+//# sourceMappingURL=energy-dashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"energy-dashboard.js","sourceRoot":"","sources":["../../../../src/components/organisms/energy-dashboard/energy-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IACrB,OAAO,GAAW,QAAQ,CAAC;IACnC,gDAAgD;IACxC,UAAU,CAAU;IAC5B,4BAA4B;IACpB,UAAU,CAAU;IAC5B,2BAA2B;IACnB,SAAS,GAAW,IAAI,CAAC;IACjC,8BAA8B;IACtB,OAAO,GAAW,CAAC,CAAC;IAE5B,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;gBAC7D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChC,4DAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO;oBAC5B,IAAI,CAAC,UAAU,IAAI,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAQ;oBACtE,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAQ;oBACnE,6DAAM,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,SAAS,CAAQ,CAC5C,CACP,CACG;YACN,4DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,OAAO,mBAAmB,EAAE;gBAEzE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Energy dashboard. A headline total in the header and a grid of slotted\n * `<ind-energy-card>` / KPI molecules below.\n */\n@Component({\n  tag: 'ind-energy-dashboard',\n  styleUrls: ['../_shared/panel.css', 'energy-dashboard.css'],\n  shadow: true,\n})\nexport class IndEnergyDashboard {\n  @Prop() heading: string = 'Energy';\n  /** Headline total label (e.g. \"Site total\"). */\n  @Prop() totalLabel?: string;\n  /** Headline total value. */\n  @Prop() totalValue?: number;\n  /** Headline total unit. */\n  @Prop() totalUnit: string = 'kW';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          {this.totalValue !== undefined && (\n            <div class=\"total\" part=\"total\">\n              {this.totalLabel && <span class=\"total-label\">{this.totalLabel}</span>}\n              <span class=\"total-value\">{this.totalValue.toLocaleString()}</span>\n              <span class=\"total-unit\">{this.totalUnit}</span>\n            </div>\n          )}\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

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

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

@@ -0,0 +1,71 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Responsive grid host for equipment faceplate molecules (motor/pump/valve/
+ * tank cards). Slot the cards in; the dashboard supplies the heading and the
+ * column layout.
+ */
+export class IndEquipmentDashboard {
+    heading = 'Equipment';
+    /** Number of grid columns. */
+    columns = 3;
+    render() {
+        return (h(Host, { key: '1b21d41333ef6d4d58235b334a50e90a8aebb415' }, h("div", { key: '56bc5ea686d16eb409529169e475ae1939d60338', class: "panel-head" }, h("span", { key: '15da308f985628e770bea272c7c7ad96c318c528', class: "panel-title", part: "heading" }, this.heading), h("div", { key: '6c437965be2951afff07b65c45553e1157a9941b', class: "panel-actions" }, h("slot", { key: '91a65bf2ca09d8e05e489c0cb4af658da90b4bdb', name: "actions" }))), h("div", { key: '9d6e55b809e3c68e5ab7097c4264a4ad8febee0b', class: "panel-grid", part: "grid", style: { gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` } }, h("slot", { key: 'c9102cb92c046cd4697bfc33b397b78d0db8740f' }))));
+    }
+    static get is() { return "ind-equipment-dashboard"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "equipment-dashboard.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "equipment-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": "'Equipment'"
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of grid columns."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns",
+                "defaultValue": "3"
+            }
+        };
+    }
+}
+//# sourceMappingURL=equipment-dashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"equipment-dashboard.js","sourceRoot":"","sources":["../../../../src/components/organisms/equipment-dashboard/equipment-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;;GAIG;AAMH,MAAM,OAAO,qBAAqB;IACxB,OAAO,GAAW,WAAW,CAAC;IACtC,8BAA8B;IACtB,OAAO,GAAW,CAAC,CAAC;IAE5B,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;oBAAC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAAM,CACpD;YACN,4DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,OAAO,mBAAmB,EAAE;gBAEzE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Responsive grid host for equipment faceplate molecules (motor/pump/valve/\n * tank cards). Slot the cards in; the dashboard supplies the heading and the\n * column layout.\n */\n@Component({\n  tag: 'ind-equipment-dashboard',\n  styleUrls: ['../_shared/panel.css', 'equipment-dashboard.css'],\n  shadow: true,\n})\nexport class IndEquipmentDashboard {\n  @Prop() heading: string = 'Equipment';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\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\"><slot name=\"actions\" /></div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/event-journal/event-journal.css

@@ -0,0 +1,17 @@
+:host {
+  min-width: 420px;
+}
+
+.panel-list {
+  max-height: 420px;
+}
+
+.filter {
+  font-family: var(--ind-font-family-sans);
+  font-size: var(--ind-font-size-sm, 11px);
+  background: var(--ind-surface-sunken);
+  color: var(--ind-surface-text-primary);
+  border: 1px solid var(--ind-surface-border-default);
+  border-radius: var(--ind-radius-sm, 2px);
+  padding: 3px 6px;
+}

package/dist/collection/components/organisms/event-journal/event-journal.js

@@ -0,0 +1,107 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Chronological event / system log built from `<ind-event-row>`s, with a
+ * severity filter in the toolbar.
+ */
+export class IndEventJournal {
+    heading = 'Event journal';
+    /** Events, most-recent first. */
+    events = [];
+    /** Active severity filter — `all` shows everything. */
+    filter = 'all';
+    onFilter = (e) => {
+        this.filter = e.target.value;
+    };
+    render() {
+        const rows = this.filter === 'all' ? this.events : this.events.filter((e) => e.severity === this.filter);
+        return (h(Host, { key: '929ed5552330cf00cd4d19d634d28084f620e45a' }, h("div", { key: 'cda7f696c5979c7d43bb5fe820e91bb906e4056f', class: "panel-head" }, h("span", { key: '5c60680f7f033917b8c39fa2c9735a0587632ead', class: "panel-title", part: "heading" }, this.heading), h("div", { key: 'de0dec2492782802de3b62a7542b34fa47d61a75', class: "panel-actions" }, h("select", { key: '6b9d2b537af2b4e5d8ed50ff0cd1242f29a20c6d', class: "filter", part: "filter", onChange: this.onFilter }, h("option", { key: 'b86227a678a5851e6dd859f2acb38c9a763c8c56', value: "all" }, "All severities"), h("option", { key: '7f2f904e5d13783b45d42a53d4df66ce07064913', value: "error" }, "Error"), h("option", { key: '545575b6488b207f90c2dc392cb6eb323e36dcdc', value: "warning" }, "Warning"), h("option", { key: 'de94ee66b3d5fc73d63ddea1f96e313a67fedbd9', value: "success" }, "Success"), h("option", { key: '25d7721fb074f259851800252eb5c1f5675a6ae5', value: "info" }, "Info")))), h("div", { key: 'e10810c54e731d3b99bf337134ac3775332d8055', class: "panel-list", part: "list" }, rows.length === 0 ? (h("div", { class: "panel-empty" }, "No events")) : (rows.map((e, i) => (h("ind-event-row", { key: i, time: e.time, severity: e.severity, source: e.source, message: e.message })))))));
+    }
+    static get is() { return "ind-event-journal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "event-journal.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "event-journal.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": "'Event journal'"
+            },
+            "events": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "EventJournalItem[]",
+                    "resolved": "EventJournalItem[]",
+                    "references": {
+                        "EventJournalItem": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/event-journal/event-journal.tsx",
+                            "id": "src/components/organisms/event-journal/event-journal.tsx::EventJournalItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Events, most-recent first."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "filter": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "'all' | EventSeverity",
+                    "resolved": "\"all\" | \"error\" | \"info\" | \"success\" | \"warning\"",
+                    "references": {
+                        "EventSeverity": {
+                            "location": "import",
+                            "path": "../../molecules/event-row/event-row",
+                            "id": "src/components/molecules/event-row/event-row.tsx::EventSeverity",
+                            "referenceLocation": "EventSeverity"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Active severity filter \u2014 `all` shows everything."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filter",
+                "defaultValue": "'all'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=event-journal.js.map