@ind-ds/core 0.2.0 → 0.2.1

package/dist/collection/components/organisms/alarm-summary/alarm-summary.js

@@ -1,158 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * Compact alarm KPI block: total + unacknowledged headline figures and the
- * ISA-18.2 priority breakdown via `<ind-alarm-badge-group>`. For a dashboard
- * tile or the top of an alarm page.
- */
-export class IndAlarmSummary {
-    heading = 'Alarm summary';
-    highHigh = 0;
-    high = 0;
-    low = 0;
-    lowLow = 0;
-    /** Number still requiring acknowledgement. */
-    unacknowledged = 0;
-    get total() {
-        return this.highHigh + this.high + this.low + this.lowLow;
-    }
-    render() {
-        return (h(Host, { key: 'c5992c482be7f6a3ba7a60895206a99b66b0b170' }, h("div", { key: '99469823afd889f6f1a80df3cf08130fccc00147', class: "panel-head" }, h("span", { key: 'b2e722e717ce05485f7dbf295295e183f7b2303f', class: "panel-title", part: "heading" }, this.heading)), h("div", { key: 'c247452858019863759a9de52c0ba64eadb19e0e', class: "panel-body" }, h("div", { key: '03aee42078dd1ff605a427f81b25f54801af740c', class: "figures", part: "figures" }, h("div", { key: '4d432a006fc1ff02eb5a9fef06a4699f2e4ac354', class: "figure" }, h("span", { key: 'd44e91c6aedd0ffb1753786ea14d913e63dff493', class: "figure-value", part: "total" }, this.total), h("span", { key: 'bba93e5f7341eff4432a092647b2ded64ec9d0d8', class: "figure-label" }, "Active")), h("div", { key: '0ba8ec3802ce0a710b7af437e7520bff89f3dce9', class: `figure ${this.unacknowledged > 0 ? 'figure-alert' : ''}` }, h("span", { key: '18e126c37406b250b87c598f83bccaaf8c443034', class: "figure-value", part: "unacked" }, this.unacknowledged), h("span", { key: '6bcb83b6a06add5d0905411cc308d17e200944a3', class: "figure-label" }, "Unacked"))), h("ind-alarm-badge-group", { key: 'aaad73d149fcf1e861fa95a6199806b8046cd897', part: "badges", highHigh: this.highHigh, high: this.high, low: this.low, lowLow: this.lowLow }))));
-    }
-    static get is() { return "ind-alarm-summary"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_shared/panel.css", "alarm-summary.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_shared/panel.css", "alarm-summary.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": "'Alarm summary'"
-            },
-            "highHigh": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "high-high",
-                "defaultValue": "0"
-            },
-            "high": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "high",
-                "defaultValue": "0"
-            },
-            "low": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "low",
-                "defaultValue": "0"
-            },
-            "lowLow": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "low-low",
-                "defaultValue": "0"
-            },
-            "unacknowledged": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Number still requiring acknowledgement."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "unacknowledged",
-                "defaultValue": "0"
-            }
-        };
-    }
-}
-//# sourceMappingURL=alarm-summary.js.map

package/dist/collection/components/organisms/app-header/app-header.css

@@ -1,127 +0,0 @@
-:host {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-6, 16px);
-  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);
-  background: var(--ind-surface-panel);
-  border-bottom: 1px solid var(--ind-surface-border-default);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  font-family: var(--ind-font-family-sans);
-  min-height: 56px;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.brand {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.brand-logo {
-  font-size: 26px;
-  line-height: 1;
-  color: var(--ind-button-primary-bg);
-}
-
-.brand-text {
-  display: flex;
-  flex-direction: column;
-  line-height: 1.1;
-}
-
-.brand-name {
-  font-size: var(--ind-font-size-lg, 14px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-}
-
-.brand-sub {
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.machine {
-  display: flex;
-  flex-direction: column;
-  line-height: 1.1;
-  padding-left: var(--ind-spacing-5, 12px);
-  border-left: 1px solid var(--ind-surface-border-subtle);
-}
-
-.machine-label {
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-}
-
-.machine-id {
-  font-family: var(--ind-font-family-mono);
-  font-size: var(--ind-font-size-md, 13px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-}
-
-.mqtt {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.mqtt-label {
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-.spacer { flex: 1; }
-
-.meta {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-4, 8px);
-  font-size: var(--ind-font-size-sm, 11px);
-}
-
-.version {
-  font-family: var(--ind-font-family-mono);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-}
-
-.docs {
-  color: var(--ind-feedback-info-bg);
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.docs:hover { text-decoration-thickness: 2px; }
-
-.actions {
-  display: flex;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.action {
-  height: var(--ind-size-button-sm, 26px);
-  padding: 0 var(--ind-spacing-4, 8px);
-  background: var(--ind-button-default-bg);
-  color: var(--ind-button-default-fg);
-  border: 1px solid var(--ind-button-default-border);
-  border-radius: var(--ind-radius-md, 3px);
-  font-family: inherit;
-  font-size: var(--ind-font-size-sm, 11px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  cursor: pointer;
-  transition: background var(--ind-motion-duration-fast, 120ms);
-}
-.action:hover { background: var(--ind-button-default-bg-hover); }
-
-.action--danger {
-  background: transparent;
-  color: var(--ind-feedback-error-bg);
-  border-color: var(--ind-feedback-error-border);
-}
-.action--danger:hover {
-  background: var(--ind-feedback-error-bg);
-  color: var(--ind-feedback-error-fg);
-}

package/dist/collection/components/organisms/app-header/app-header.js

@@ -1,256 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndAppHeader {
-    /** Brand name (uppercase by convention). */
-    brand;
-    /** Sub-brand line (e.g. "Maintenance Console"). */
-    subBrand;
-    /** Machine identifier shown next to the brand. */
-    machineId;
-    /** Broker / realtime connection state — drives the dot. */
-    mqttState = 'neutral';
-    /** Label rendered next to the dot (e.g. "Connected"). */
-    mqttLabel;
-    /** App version (e.g. "v1.4.2"). */
-    version;
-    /** Documentation URL. */
-    docsUrl;
-    /** Hide the built-in "Change machine" button. */
-    hideChangeMachine = false;
-    /** Hide the built-in "Disconnect" button. */
-    hideDisconnect = false;
-    indChangeMachine;
-    indDisconnect;
-    render() {
-        return (h(Host, { key: '33a1b8dac7bd4feab37a77bf79032897b0bbe4a1', role: "banner" }, h("div", { key: 'e21411d4c6f29102909f56322e6a58b59c2ad248', class: "brand", part: "brand" }, h("slot", { key: '44c3459a36950ad2a3694a2d29d27975c1de8e7f', name: "logo" }, h("span", { key: 'bb0939402521c478da8f0ecd551b7db3ccf765ec', class: "brand-logo", "aria-hidden": "true" }, "\u2B22")), h("div", { key: '85b3c26d915ea4e0e572edfc0893e9c79bb2c4ee', class: "brand-text" }, h("span", { key: '016479b1ce9a6337112f88bd0058641874f41d39', class: "brand-name" }, this.brand), this.subBrand && h("span", { key: 'ece4c7a28e13aaa10a78f9ce4b44487eeaf7cd42', class: "brand-sub" }, this.subBrand))), this.machineId && (h("div", { key: 'f9d16ec7b7b753ea6c5e61b960cf541234bf6004', class: "machine", part: "machine" }, h("span", { key: '43585929ef3a8b0354f5dbac37337d0eff783a47', class: "machine-label" }, "Machine"), h("span", { key: 'cc0643c35bf18d6b5f94cb54e0ef1581c5c1c40e', class: "machine-id" }, this.machineId))), h("div", { key: '05c18fe1c2156e319e6b0dfc84a6f81195a39f43', class: "mqtt", part: "mqtt" }, h("ind-status-dot", { key: 'a996efe70d20d6b4e959bd561ea0b630041ea1d5', state: this.mqttState, size: "md" }), this.mqttLabel && h("span", { key: '581bbb1e39b55a6dd62ba5934889c9081f315933', class: "mqtt-label" }, this.mqttLabel)), h("span", { key: '0d1b3d6cae7d50d0a53d7faa7c355b9ae448a4c6', class: "spacer" }), h("div", { key: 'd07097da54bb7c4131794b7968fe2dc636a33155', class: "meta", part: "meta" }, this.version && h("span", { key: '54b37c493d4560788c3b21f6b9578f8e4fb07060', class: "version" }, this.version), this.docsUrl && (h("a", { key: 'b910f3b11e15f53c88476220cef17570c252c98a', class: "docs", href: this.docsUrl, target: "_blank", rel: "noopener noreferrer" }, "Documentation"))), h("div", { key: 'b014dfd65ae0b40838b2f8ca028121f6a5def777', class: "actions", part: "actions" }, h("slot", { key: '692d5aaeff691d0b4e276d725514b9ae77b421a6', name: "actions" }, !this.hideChangeMachine && (h("button", { key: 'f814337835093319db4fd627f91b24eac116e1cc', type: "button", class: "action", onClick: () => this.indChangeMachine.emit() }, "Change machine")), !this.hideDisconnect && (h("button", { key: 'f6a03e8bd9f1972f65e805e92a8259ff6a61217c', type: "button", class: "action action--danger", onClick: () => this.indDisconnect.emit() }, "Disconnect"))))));
-    }
-    static get is() { return "ind-app-header"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["app-header.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["app-header.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "brand": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Brand name (uppercase by convention)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "brand"
-            },
-            "subBrand": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Sub-brand line (e.g. \"Maintenance Console\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "sub-brand"
-            },
-            "machineId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Machine identifier shown next to the brand."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "machine-id"
-            },
-            "mqttState": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "AppHeaderConnectionState",
-                    "resolved": "\"fault\" | \"maintenance\" | \"neutral\" | \"running\" | \"stopped\" | \"warning\"",
-                    "references": {
-                        "AppHeaderConnectionState": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/app-header/app-header.tsx",
-                            "id": "src/components/organisms/app-header/app-header.tsx::AppHeaderConnectionState"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Broker / realtime connection state \u2014 drives the dot."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "mqtt-state",
-                "defaultValue": "'neutral'"
-            },
-            "mqttLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label rendered next to the dot (e.g. \"Connected\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "mqtt-label"
-            },
-            "version": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "App version (e.g. \"v1.4.2\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "version"
-            },
-            "docsUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Documentation URL."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "docs-url"
-            },
-            "hideChangeMachine": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide the built-in \"Change machine\" button."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-change-machine",
-                "defaultValue": "false"
-            },
-            "hideDisconnect": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Hide the built-in \"Disconnect\" button."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-disconnect",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "indChangeMachine",
-                "name": "indChangeMachine",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "indDisconnect",
-                "name": "indDisconnect",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=app-header.js.map

package/dist/collection/components/organisms/asset-overview/asset-overview.css

@@ -1,34 +0,0 @@
-:host {
-  min-width: 480px;
-}
-
-.panel-list {
-  max-height: 440px;
-}
-
-.row {
-  display: grid;
-  grid-template-columns: 12px 88px 1fr 120px 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);
-}
-
-.name {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.detail {
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-muted);
-  white-space: nowrap;
-}

package/dist/collection/components/organisms/asset-overview/asset-overview.js

@@ -1,82 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * Tabular overview of plant assets with state dot, health bar and detail.
- * Suits an asset register or a fleet health page.
- */
-export class IndAssetOverview {
-    heading = 'Assets';
-    assets = [];
-    healthVariant(h) {
-        if (h === undefined)
-            return 'default';
-        if (h < 40)
-            return 'error';
-        if (h < 70)
-            return 'warning';
-        return 'success';
-    }
-    render() {
-        return (h(Host, { key: '2940434a68bef715cfc3629eb509ff9509d3fbf5' }, h("div", { key: '0eb751f4a281626ed4f7a8eab06f8069f39508a1', class: "panel-head" }, h("span", { key: '275ae9a642cc9f8dee88fa7fdcf8919b59e0641d', class: "panel-title", part: "heading" }, this.heading), h("span", { key: 'b359e1e0f2213d4c80f53d856cdb49ccc4bbba9e', class: "panel-subtitle" }, this.assets.length, " assets")), h("div", { key: 'caa13830b3c719859aa59631303a9a0e31685d8b', class: "panel-list", part: "list" }, this.assets.length === 0 ? (h("div", { class: "panel-empty" }, "No assets")) : (this.assets.map((a) => (h("div", { class: "row", part: "row", key: a.tag }, h("ind-status-dot", { state: (a.state === 'unknown' ? 'neutral' : a.state), size: "sm" }), h("span", { class: "tag", part: "tag" }, a.tag), h("span", { class: "name", part: "name" }, a.name), a.health !== undefined && (h("ind-progress", { class: "health", value: a.health, max: 100, variant: this.healthVariant(a.health), size: "sm" })), a.detail && h("span", { class: "detail", part: "detail" }, a.detail))))))));
-    }
-    static get is() { return "ind-asset-overview"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_shared/panel.css", "asset-overview.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_shared/panel.css", "asset-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": "'Assets'"
-            },
-            "assets": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "AssetItem[]",
-                    "resolved": "AssetItem[]",
-                    "references": {
-                        "AssetItem": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/asset-overview/asset-overview.tsx",
-                            "id": "src/components/organisms/asset-overview/asset-overview.tsx::AssetItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            }
-        };
-    }
-}
-//# sourceMappingURL=asset-overview.js.map