@ind-ds/core 0.1.1 → 0.2.0

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

@@ -0,0 +1,30 @@
+:host {
+  min-width: 320px;
+}
+
+ind-progress {
+  width: 100%;
+}
+
+.job {
+  display: flex;
+  align-items: baseline;
+  gap: var(--ind-spacing-3, 6px);
+}
+
+.job-label {
+  font-size: var(--ind-font-size-xs, 10px);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+  color: var(--ind-surface-text-muted);
+}
+
+.job-name {
+  font-size: var(--ind-font-size-md, 13px);
+  font-weight: var(--ind-font-weight-semibold, 600);
+}
+
+.figures {
+  display: flex;
+  gap: var(--ind-spacing-7, 20px);
+}

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

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

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

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

package/dist/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n\n// Atoms\nexport type { LedState, LedSize } from './components/atoms/led/led';\nexport type { ValueAlarm, ValueTrend, ValueSize } from './components/atoms/value/value';\nexport type { AlarmPriority } from './components/atoms/alarm/alarm';\nexport type { ValveState, ValveOrientation, ValveSize } from './components/atoms/valve/valve';\nexport type { ButtonVariant, ButtonSize } from './components/atoms/button/button';\nexport type { InputType, InputSize, InputMode } from './components/atoms/input/input';\nexport type { CheckboxSize } from './components/atoms/checkbox/checkbox';\nexport type { DividerOrientation } from './components/atoms/divider/divider';\nexport type { StatusDotState, StatusDotSize } from './components/atoms/status-dot/status-dot';\nexport type { ProgressVariant, ProgressSize } from './components/atoms/progress/progress';\nexport type { SelectOption, SelectSize } from './components/atoms/select/select';\nexport type { TextareaSize, TextareaVariant } from './components/atoms/textarea/textarea';\nexport type { DialogSize } from './components/atoms/dialog/dialog';\nexport type { ScaraState } from './components/atoms/scara-canvas/scara-canvas';\nexport type { ShelfSlot, ShelfSlotState } from './components/atoms/shelf-canvas/shelf-canvas';\n\n// Molecules\nexport type { HealthState } from './components/molecules/health-card/health-card';\nexport type { FillRowVariant } from './components/molecules/fill-row/fill-row';\n\n// Organisms\nexport type { AppHeaderConnectionState } from './components/organisms/app-header/app-header';\nexport type { StatusBarState } from './components/organisms/status-bar/status-bar';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n\n// Atoms\nexport type { LedState, LedSize } from './components/atoms/led/led';\nexport type { ValueAlarm, ValueTrend, ValueSize } from './components/atoms/value/value';\nexport type { AlarmPriority } from './components/atoms/alarm/alarm';\nexport type { ValveState, ValveOrientation, ValveSize } from './components/atoms/valve/valve';\nexport type { ButtonVariant, ButtonSize } from './components/atoms/button/button';\nexport type { InputType, InputSize, InputMode } from './components/atoms/input/input';\nexport type { CheckboxSize } from './components/atoms/checkbox/checkbox';\nexport type { DividerOrientation } from './components/atoms/divider/divider';\nexport type { StatusDotState, StatusDotSize } from './components/atoms/status-dot/status-dot';\nexport type { ProgressVariant, ProgressSize } from './components/atoms/progress/progress';\nexport type { SelectOption, SelectSize } from './components/atoms/select/select';\nexport type { TextareaSize, TextareaVariant } from './components/atoms/textarea/textarea';\nexport type { DialogSize } from './components/atoms/dialog/dialog';\nexport type { ScaraState } from './components/atoms/scara-canvas/scara-canvas';\nexport type { ShelfSlot, ShelfSlotState } from './components/atoms/shelf-canvas/shelf-canvas';\n\n// Atoms — indicators\nexport type { BadgeVariant, BadgeSize } from './components/atoms/badge/badge';\nexport type { CounterVariant, CounterSize } from './components/atoms/counter/counter';\nexport type { SignalQualitySize } from './components/atoms/signal-quality/signal-quality';\nexport type { ConnectionState, ConnectionSize } from './components/atoms/connection-indicator/connection-indicator';\nexport type { HeartbeatSize } from './components/atoms/heartbeat/heartbeat';\nexport type { SparklineVariant } from './components/atoms/sparkline/sparkline';\nexport type { ProgressRingVariant, ProgressRingSize } from './components/atoms/progress-ring/progress-ring';\n\n// Atoms — process equipment\nexport type { EquipmentState, EquipmentSize } from './components/atoms/_equipment/types';\nexport type { ConveyorDirection } from './components/atoms/conveyor/conveyor';\nexport type { PipeOrientation, PipeFlow, PipeTone } from './components/atoms/pipe/pipe';\n\n// Atoms — inputs\nexport type { ToggleSize } from './components/atoms/toggle/toggle';\nexport type { SelectorPosition } from './components/atoms/selector-switch/selector-switch';\nexport type { EstopSize } from './components/atoms/estop/estop';\nexport type { SliderSize } from './components/atoms/slider/slider';\nexport type { SetpointSize } from './components/atoms/setpoint/setpoint';\nexport type { KnobSize } from './components/atoms/knob/knob';\nexport type { DateTimeMode, DateTimeSize } from './components/atoms/datetime-picker/datetime-picker';\n\n// Atoms — navigation\nexport type { IconName, IconSize } from './components/atoms/icon/icon';\n\n// Atoms — data display\nexport type { LabelTone, LabelSize } from './components/atoms/label/label';\nexport type { UnitLabelSize } from './components/atoms/unit-label/unit-label';\nexport type { TimestampFormat } from './components/atoms/timestamp/timestamp';\nexport type { TagNameSize } from './components/atoms/tag-name/tag-name';\nexport type { AlarmCountSize } from './components/atoms/alarm-count/alarm-count';\n\n// Atoms — charts & visualization\nexport type { GaugeZone, GaugeSize } from './components/atoms/gauge/gauge';\nexport type { LinearGaugeZone, LinearGaugeOrientation, LinearGaugeSize } from './components/atoms/linear-gauge/linear-gauge';\nexport type { XyVariant } from './components/atoms/xy-point/xy-point';\nexport type { ProcessSymbolShape, ProcessSymbolState, ProcessSymbolSize } from './components/atoms/process-symbol/process-symbol';\n\n// Molecules\nexport type { HealthState } from './components/molecules/health-card/health-card';\nexport type { FillRowVariant } from './components/molecules/fill-row/fill-row';\n\n// Molecules — process monitoring\nexport type { TagCardState, TagCardAlarm, TagCardTrend } from './components/molecules/tag-card/tag-card';\nexport type { EquipmentCardState } from './components/molecules/equipment-status-card/equipment-status-card';\nexport type { TankAlarm } from './components/molecules/tank-level-card/tank-level-card';\nexport type { KpiTrend, KpiVariant } from './components/molecules/kpi-card/kpi-card';\nexport type { EnergyTrend } from './components/molecules/energy-card/energy-card';\n\n// Molecules — inputs & controls\nexport type { RunState } from './components/molecules/start-stop-control/start-stop-control';\nexport type { SpeedControlVariant } from './components/molecules/speed-control/speed-control';\nexport type { ThermalMode } from './components/molecules/temperature-control/temperature-control';\n\n// Molecules — navigation\nexport type { CommandGroupOrientation } from './components/molecules/command-group/command-group';\n\n// Molecules — data\nexport type { TrendVariant } from './components/molecules/trend-widget/trend-widget';\nexport type { AlarmRowPriority } from './components/molecules/alarm-row/alarm-row';\nexport type { EventSeverity } from './components/molecules/event-row/event-row';\nexport type { DataQuality } from './components/molecules/historical-value-row/historical-value-row';\n\n// Organisms\nexport type { AppHeaderConnectionState } from './components/organisms/app-header/app-header';\nexport type { StatusBarState } from './components/organisms/status-bar/status-bar';\n\n// Organisms — monitoring\nexport type { AlarmPanelItem } from './components/organisms/alarm-panel/alarm-panel';\nexport type { EventJournalItem } from './components/organisms/event-journal/event-journal';\nexport type { HistorianSample } from './components/organisms/historian-viewer/historian-viewer';\nexport type { TrendSeries } from './components/organisms/trend-viewer/trend-viewer';\n\n// Organisms — control\nexport type { BatchState, BatchParam } from './components/organisms/batch-control-panel/batch-control-panel';\n\n// Organisms — maintenance\nexport type { AssetItem } from './components/organisms/asset-overview/asset-overview';\nexport type { MaintenanceDueItem } from './components/organisms/maintenance-dashboard/maintenance-dashboard';\nexport type { DiagnosticMetric } from './components/organisms/device-diagnostics-panel/device-diagnostics-panel';\nexport type { FirmwareState } from './components/organisms/firmware-update-panel/firmware-update-panel';\n\n// Organisms — production\nexport type { LineStation } from './components/organisms/production-line-overview/production-line-overview';\n"]}

package/dist/components/ind-alarm-badge-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndAlarmBadgeGroup extends Components.IndAlarmBadgeGroup, HTMLElement {}
+export const IndAlarmBadgeGroup: {
+    prototype: IndAlarmBadgeGroup;
+    new (): IndAlarmBadgeGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-alarm-badge-group.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-CVo-n5Qd.js";const t=o;const n=s;export{t as IndAlarmBadgeGroup,n as defineCustomElement};
+//# sourceMappingURL=ind-alarm-badge-group.js.map

package/dist/components/ind-alarm-badge-group.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ind-alarm-count.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndAlarmCount extends Components.IndAlarmCount, HTMLElement {}
+export const IndAlarmCount: {
+    prototype: IndAlarmCount;
+    new (): IndAlarmCount;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-alarm-count.js

@@ -0,0 +1,2 @@
+import{p as i,H as a,h as r,a as e,t}from"./index.js";const s=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);--_h:18px;--_fs:var(--ind-font-size-xs, 10px)}:host([size="sm"]){--_h:15px;--_fs:9px}:host([size="lg"]){--_h:22px;--_fs:var(--ind-font-size-sm, 11px)}.chip{display:inline-flex;align-items:stretch;height:var(--_h);border-radius:var(--ind-radius-sm, 2px);overflow:hidden;border:1px solid var(--_border, #5a6776);font-size:var(--_fs);font-weight:var(--ind-font-weight-bold, 700);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.prio{display:inline-flex;align-items:center;padding:0 4px;color:var(--_fg, #fff);background:var(--_bg, #5a6776)}.num{display:inline-flex;align-items:center;padding:0 5px;color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));background:var(--ind-surface-sunken, light-dark(#fff, #000))}.chip[data-priority="high-high"]{--_bg:var(--ind-alarm-high-high-bg, #dc2626);--_fg:var(--ind-alarm-high-high-fg, #fff);--_border:var(--ind-alarm-high-high-border, #f87171)}.chip[data-priority="high"]{--_bg:var(--ind-alarm-high-bg, #f59e0b);--_fg:var(--ind-alarm-high-fg, #1a1205);--_border:var(--ind-alarm-high-border, #fcd34d)}.chip[data-priority="low"]{--_bg:var(--ind-alarm-low-bg, #0891b2);--_fg:var(--ind-alarm-low-fg, #fff);--_border:var(--ind-alarm-low-border, #67e8f9)}.chip[data-priority="low-low"]{--_bg:var(--ind-alarm-low-low-bg, #7c3aed);--_fg:var(--ind-alarm-low-low-fg, #fff);--_border:var(--ind-alarm-low-low-border, #c4b5fd)}`;const n=i(class i extends a{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow()}highHigh=0;high=0;low=0;lowLow=0;hideZero=false;size="md";chips(){return[{key:"high-high",label:"HH",value:this.highHigh},{key:"high",label:"H",value:this.high},{key:"low",label:"L",value:this.low},{key:"low-low",label:"LL",value:this.lowLow}]}render(){const i=this.highHigh+this.high+this.low+this.lowLow;const a=this.chips().filter((i=>!this.hideZero||i.value>0));return r(e,{key:"04c33c5ff65e39d875b499e827fd28cbda31c4c6",role:"status","aria-label":`${i} active alarms`},a.map((i=>r("span",{class:"chip",part:"chip","data-priority":i.key},r("span",{class:"prio",part:"priority"},i.label),r("span",{class:"num",part:"count"},i.value)))))}static get style(){return s()}},[513,"ind-alarm-count",{highHigh:[2,"high-high"],high:[2],low:[2],lowLow:[2,"low-low"],hideZero:[516,"hide-zero"],size:[513]}]);function l(){if(typeof customElements==="undefined"){return}const i=["ind-alarm-count"];i.forEach((i=>{switch(i){case"ind-alarm-count":if(!customElements.get(t(i))){customElements.define(t(i),n)}break}}))}l();const o=n;const h=l;export{o as IndAlarmCount,h as defineCustomElement};
+//# sourceMappingURL=ind-alarm-count.js.map

package/dist/components/ind-alarm-count.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alarmCountCss","IndAlarmCount","__stencil_proxyCustomElement","HTMLElement","highHigh","high","low","lowLow","hideZero","size","chips","key","label","value","this","render","total","filter","c","h","Host","role","map","class","part"],"sources":["src/components/atoms/alarm-count/alarm-count.css?tag=ind-alarm-count&encapsulation=shadow","src/components/atoms/alarm-count/alarm-count.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  --_h: 18px;\n  --_fs: var(--ind-font-size-xs, 10px);\n}\n\n:host([size=\"sm\"]) { --_h: 15px; --_fs: 9px; }\n:host([size=\"lg\"]) { --_h: 22px; --_fs: var(--ind-font-size-sm, 11px); }\n\n.chip {\n  display: inline-flex;\n  align-items: stretch;\n  height: var(--_h);\n  border-radius: var(--ind-radius-sm, 2px);\n  overflow: hidden;\n  border: 1px solid var(--_border, #5a6776);\n  font-size: var(--_fs);\n  font-weight: var(--ind-font-weight-bold, 700);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.prio {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 4px;\n  color: var(--_fg, #fff);\n  background: var(--_bg, #5a6776);\n}\n\n.num {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 5px;\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  background: var(--ind-surface-sunken, light-dark(#fff, #000));\n}\n\n.chip[data-priority=\"high-high\"] { --_bg: var(--ind-alarm-high-high-bg, #dc2626); --_fg: var(--ind-alarm-high-high-fg, #fff); --_border: var(--ind-alarm-high-high-border, #f87171); }\n.chip[data-priority=\"high\"]      { --_bg: var(--ind-alarm-high-bg, #f59e0b); --_fg: var(--ind-alarm-high-fg, #1a1205); --_border: var(--ind-alarm-high-border, #fcd34d); }\n.chip[data-priority=\"low\"]       { --_bg: var(--ind-alarm-low-bg, #0891b2); --_fg: var(--ind-alarm-low-fg, #fff); --_border: var(--ind-alarm-low-border, #67e8f9); }\n.chip[data-priority=\"low-low\"]   { --_bg: var(--ind-alarm-low-low-bg, #7c3aed); --_fg: var(--ind-alarm-low-low-fg, #fff); --_border: var(--ind-alarm-low-low-border, #c4b5fd); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type AlarmCountSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-alarm-count',\n  styleUrl: 'alarm-count.css',\n  shadow: true,\n})\nexport class IndAlarmCount {\n  /** High-High (priority 1) count. */\n  @Prop() highHigh: number = 0;\n  /** High (priority 2) count. */\n  @Prop() high: number = 0;\n  /** Low (priority 3) count. */\n  @Prop() low: number = 0;\n  /** Low-Low (priority 4) count. */\n  @Prop() lowLow: number = 0;\n  /** Hide priority chips whose count is 0. */\n  @Prop({ reflect: true }) hideZero: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: AlarmCountSize = 'md';\n\n  private chips(): { key: string; label: string; value: number }[] {\n    return [\n      { key: 'high-high', label: 'HH', value: this.highHigh },\n      { key: 'high', label: 'H', value: this.high },\n      { key: 'low', label: 'L', value: this.low },\n      { key: 'low-low', label: 'LL', value: this.lowLow },\n    ];\n  }\n\n  render() {\n    const total = this.highHigh + this.high + this.low + this.lowLow;\n    const chips = this.chips().filter((c) => !this.hideZero || c.value > 0);\n    return (\n      <Host role=\"status\" aria-label={`${total} active alarms`}>\n        {chips.map((c) => (\n          <span class=\"chip\" part=\"chip\" data-priority={c.key}>\n            <span class=\"prio\" part=\"priority\">{c.label}</span>\n            <span class=\"num\" part=\"count\">{c.value}</span>\n          </span>\n        ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAgB,IAAM,o/C,MCSfC,EAAaC,EAAA,MAAAD,UAAAE,E,iFAEhBC,SAAmB,EAEnBC,KAAe,EAEfC,IAAc,EAEdC,OAAiB,EAEAC,SAAoB,MAEpBC,KAAuB,KAExC,KAAAC,GACN,MAAO,CACL,CAAEC,IAAK,YAAaC,MAAO,KAAMC,MAAOC,KAAKV,UAC7C,CAAEO,IAAK,OAAQC,MAAO,IAAKC,MAAOC,KAAKT,MACvC,CAAEM,IAAK,MAAOC,MAAO,IAAKC,MAAOC,KAAKR,KACtC,CAAEK,IAAK,UAAWC,MAAO,KAAMC,MAAOC,KAAKP,Q,CAI/C,MAAAQ,GACE,MAAMC,EAAQF,KAAKV,SAAWU,KAAKT,KAAOS,KAAKR,IAAMQ,KAAKP,OAC1D,MAAMG,EAAQI,KAAKJ,QAAQO,QAAQC,IAAOJ,KAAKN,UAAYU,EAAEL,MAAQ,IACrE,OACEM,EAACC,EAAI,CAAAT,IAAA,2CAACU,KAAK,SAAQ,aAAa,GAAGL,mBAChCN,EAAMY,KAAKJ,GACVC,EAAA,QAAMI,MAAM,OAAOC,KAAK,OAAM,gBAAgBN,EAAEP,KAC9CQ,EAAA,QAAMI,MAAM,OAAOC,KAAK,YAAYN,EAAEN,OACtCO,EAAA,QAAMI,MAAM,MAAMC,KAAK,SAASN,EAAEL,U","ignoreList":[]}

package/dist/components/ind-alarm-panel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndAlarmPanel extends Components.IndAlarmPanel, HTMLElement {}
+export const IndAlarmPanel: {
+    prototype: IndAlarmPanel;
+    new (): IndAlarmPanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-alarm-panel.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,c as i,h as n,a as t,t as s}from"./index.js";import{d}from"./p-Cvkpsp6g.js";import{d as r}from"./p-CRSC4h1X.js";const l=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const o=()=>`:host{min-width:360px}.panel-list{max-height:420px}`;const c={"high-high":0,high:1,low:2,"low-low":3};const p=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indAck=i(this,"indAck");this.indAckAll=i(this,"indAckAll")}heading="Alarms";alarms=[];hideAcknowledged=false;indAck;indAckAll;sorted(){const a=this.hideAcknowledged?this.alarms.filter((a=>!a.acknowledged)):this.alarms;return[...a].sort(((a,e)=>{const i=Number(a.acknowledged??false)-Number(e.acknowledged??false);if(i!==0)return i;return c[a.priority]-c[e.priority]}))}render(){const a=this.sorted();const e=this.alarms.filter((a=>!a.acknowledged)).length;return n(t,{key:"0dfd3cce47c2bb9367fe44374890f64fe8e6cd35"},n("div",{key:"5fb96dd5aba1723905467f0b97df8808cfe60362",class:"panel-head"},n("div",{key:"4df0bf8cb769f781920c69cdd81dcdf0f22721b5",class:"panel-titles"},n("span",{key:"41bd0d8955b5bb89107b5abf350f82cd6b54b160",class:"panel-title",part:"heading"},this.heading),n("span",{key:"b8143a078e6ac7fca073713f19e44554b72a3b3c",class:"panel-subtitle"},e," unacknowledged · ",this.alarms.length," total")),n("div",{key:"9c660b78dad715003000c61b9ed532e280950193",class:"panel-actions"},n("ind-button",{key:"37ae9d3d64083f360a8292d17e33346c6ae60ee6",variant:"default",size:"sm",label:"ACK all",disabled:e===0,onIndActivate:()=>this.indAckAll.emit()}))),n("div",{key:"65b366bc7cd87378fa18af0610d9796cbdc6bbfb",class:"panel-list",part:"list"},a.length===0?n("div",{class:"panel-empty"},"No active alarms"):a.map((a=>n("ind-alarm-row",{key:a.id,priority:a.priority,tag:a.tag,message:a.message,time:a.time,acknowledged:a.acknowledged,onIndAck:()=>this.indAck.emit(a.id)})))))}static get style(){return l()+o()}},[513,"ind-alarm-panel",{heading:[1],alarms:[16],hideAcknowledged:[4,"hide-acknowledged"]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ind-alarm-panel","ind-alarm-row","ind-button"];a.forEach((a=>{switch(a){case"ind-alarm-panel":if(!customElements.get(s(a))){customElements.define(s(a),p)}break;case"ind-alarm-row":if(!customElements.get(s(a))){d()}break;case"ind-button":if(!customElements.get(s(a))){r()}break}}))}f();const m=p;const b=f;export{m as IndAlarmPanel,b as defineCustomElement};
+//# sourceMappingURL=ind-alarm-panel.js.map

package/dist/components/ind-alarm-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","alarmPanelCss","PRIORITY_RANK","high","low","IndAlarmPanel","__stencil_proxyCustomElement","HTMLElement","heading","alarms","hideAcknowledged","indAck","indAckAll","sorted","list","this","filter","a","acknowledged","sort","b","ack","Number","priority","render","rows","unacked","length","h","Host","key","class","part","variant","size","label","disabled","onIndActivate","emit","map","id","tag","message","time","onIndAck"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-alarm-panel&encapsulation=shadow","src/components/organisms/alarm-panel/alarm-panel.css?tag=ind-alarm-panel&encapsulation=shadow","src/components/organisms/alarm-panel/alarm-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 360px;\n}\n\n.panel-list {\n  max-height: 420px;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { AlarmRowPriority } from '../../molecules/alarm-row/alarm-row';\n\nexport interface AlarmPanelItem {\n  id: string;\n  priority: AlarmRowPriority;\n  tag?: string;\n  message: string;\n  time?: string;\n  acknowledged?: boolean;\n}\n\nconst PRIORITY_RANK: Record<AlarmRowPriority, number> = {\n  'high-high': 0,\n  high: 1,\n  low: 2,\n  'low-low': 3,\n};\n\n/**\n * Active alarm list with a toolbar: shows unacknowledged-first, ISA-18.2\n * sorted `<ind-alarm-row>`s and an \"ACK all\" command. Emits `indAck` (per\n * alarm) and `indAckAll`.\n */\n@Component({\n  tag: 'ind-alarm-panel',\n  styleUrls: ['../_shared/panel.css', 'alarm-panel.css'],\n  shadow: true,\n})\nexport class IndAlarmPanel {\n  /** Panel heading. */\n  @Prop() heading: string = 'Alarms';\n  /** Alarm rows. */\n  @Prop() alarms: AlarmPanelItem[] = [];\n  /** Hide already-acknowledged alarms. */\n  @Prop() hideAcknowledged: boolean = false;\n\n  /** Fires with the alarm id when a single alarm is acknowledged. */\n  @Event() indAck!: EventEmitter<string>;\n  /** Fires when the operator acknowledges all visible alarms. */\n  @Event() indAckAll!: EventEmitter<void>;\n\n  private sorted(): AlarmPanelItem[] {\n    const list = this.hideAcknowledged ? this.alarms.filter((a) => !a.acknowledged) : this.alarms;\n    return [...list].sort((a, b) => {\n      const ack = Number(a.acknowledged ?? false) - Number(b.acknowledged ?? false);\n      if (ack !== 0) return ack;\n      return PRIORITY_RANK[a.priority] - PRIORITY_RANK[b.priority];\n    });\n  }\n\n  render() {\n    const rows = this.sorted();\n    const unacked = this.alarms.filter((a) => !a.acknowledged).length;\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            <span class=\"panel-subtitle\">{unacked} unacknowledged · {this.alarms.length} total</span>\n          </div>\n          <div class=\"panel-actions\">\n            <ind-button\n              variant=\"default\"\n              size=\"sm\"\n              label=\"ACK all\"\n              disabled={unacked === 0}\n              onIndActivate={() => this.indAckAll.emit()}\n            />\n          </div>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {rows.length === 0 ? (\n            <div class=\"panel-empty\">No active alarms</div>\n          ) : (\n            rows.map((a) => (\n              <ind-alarm-row\n                key={a.id}\n                priority={a.priority}\n                tag={a.tag}\n                message={a.message}\n                time={a.time}\n                acknowledged={a.acknowledged}\n                onIndAck={() => this.indAck.emit(a.id)}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qIAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAgB,IAAM,sDCY5B,MAAMC,EAAkD,CACtD,YAAa,EACbC,KAAM,EACNC,IAAK,EACL,UAAW,G,MAaAC,EAAaC,EAAA,MAAAD,UAAAE,E,iJAEhBC,QAAkB,SAElBC,OAA2B,GAE3BC,iBAA4B,MAG3BC,OAEAC,UAED,MAAAC,GACN,MAAMC,EAAOC,KAAKL,iBAAmBK,KAAKN,OAAOO,QAAQC,IAAOA,EAAEC,eAAgBH,KAAKN,OACvF,MAAO,IAAIK,GAAMK,MAAK,CAACF,EAAGG,KACxB,MAAMC,EAAMC,OAAOL,EAAEC,cAAgB,OAASI,OAAOF,EAAEF,cAAgB,OACvE,GAAIG,IAAQ,EAAG,OAAOA,EACtB,OAAOnB,EAAce,EAAEM,UAAYrB,EAAckB,EAAEG,SAAS,G,CAIhE,MAAAC,GACE,MAAMC,EAAOV,KAAKF,SAClB,MAAMa,EAAUX,KAAKN,OAAOO,QAAQC,IAAOA,EAAEC,eAAcS,OAC3D,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWjB,KAAKP,SAC/CoB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBL,EAAO,qBAAoBX,KAAKN,OAAOkB,OAAM,WAE7EC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,cAAAE,IAAA,2CACEG,QAAQ,UACRC,KAAK,KACLC,MAAM,UACNC,SAAUV,IAAY,EACtBW,cAAe,IAAMtB,KAAKH,UAAU0B,WAI1CV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAaC,KAAK,QAC1BP,EAAKE,SAAW,EACfC,EAAA,OAAKG,MAAM,eAAa,oBAExBN,EAAKc,KAAKtB,GACRW,EAAA,iBACEE,IAAKb,EAAEuB,GACPjB,SAAUN,EAAEM,SACZkB,IAAKxB,EAAEwB,IACPC,QAASzB,EAAEyB,QACXC,KAAM1B,EAAE0B,KACRzB,aAAcD,EAAEC,aAChB0B,SAAU,IAAM7B,KAAKJ,OAAO2B,KAAKrB,EAAEuB,S","ignoreList":[]}

package/dist/components/ind-alarm-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndAlarmRow extends Components.IndAlarmRow, HTMLElement {}
+export const IndAlarmRow: {
+    prototype: IndAlarmRow;
+    new (): IndAlarmRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-alarm-row.js

@@ -0,0 +1,2 @@
+import{I as s,d as o}from"./p-Cvkpsp6g.js";const p=s;const t=o;export{p as IndAlarmRow,t as defineCustomElement};
+//# sourceMappingURL=ind-alarm-row.js.map

package/dist/components/ind-alarm-row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ind-alarm-summary.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndAlarmSummary extends Components.IndAlarmSummary, HTMLElement {}
+export const IndAlarmSummary: {
+    prototype: IndAlarmSummary;
+    new (): IndAlarmSummary;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-alarm-summary.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as i,a as n,t}from"./index.js";import{d as r}from"./p-CVo-n5Qd.js";const s=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const d=()=>`:host{min-width:220px}.figures{display:flex;gap:var(--ind-spacing-7, 20px)}.figure{display:flex;flex-direction:column}.figure-value{font-size:var(--ind-font-size-3xl, 28px);font-weight:var(--ind-font-weight-bold, 700);line-height:1}.figure-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted)}.figure-alert .figure-value{color:var(--ind-state-fault-bg, #dc2626)}`;const l=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Alarm summary";highHigh=0;high=0;low=0;lowLow=0;unacknowledged=0;get total(){return this.highHigh+this.high+this.low+this.lowLow}render(){return i(n,{key:"c5992c482be7f6a3ba7a60895206a99b66b0b170"},i("div",{key:"99469823afd889f6f1a80df3cf08130fccc00147",class:"panel-head"},i("span",{key:"b2e722e717ce05485f7dbf295295e183f7b2303f",class:"panel-title",part:"heading"},this.heading)),i("div",{key:"c247452858019863759a9de52c0ba64eadb19e0e",class:"panel-body"},i("div",{key:"03aee42078dd1ff605a427f81b25f54801af740c",class:"figures",part:"figures"},i("div",{key:"4d432a006fc1ff02eb5a9fef06a4699f2e4ac354",class:"figure"},i("span",{key:"d44e91c6aedd0ffb1753786ea14d913e63dff493",class:"figure-value",part:"total"},this.total),i("span",{key:"bba93e5f7341eff4432a092647b2ded64ec9d0d8",class:"figure-label"},"Active")),i("div",{key:"0ba8ec3802ce0a710b7af437e7520bff89f3dce9",class:`figure ${this.unacknowledged>0?"figure-alert":""}`},i("span",{key:"18e126c37406b250b87c598f83bccaaf8c443034",class:"figure-value",part:"unacked"},this.unacknowledged),i("span",{key:"6bcb83b6a06add5d0905411cc308d17e200944a3",class:"figure-label"},"Unacked"))),i("ind-alarm-badge-group",{key:"aaad73d149fcf1e861fa95a6199806b8046cd897",part:"badges",highHigh:this.highHigh,high:this.high,low:this.low,lowLow:this.lowLow})))}static get style(){return s()+d()}},[513,"ind-alarm-summary",{heading:[1],highHigh:[2,"high-high"],high:[2],low:[2],lowLow:[2,"low-low"],unacknowledged:[2]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ind-alarm-summary","ind-alarm-badge-group"];a.forEach((a=>{switch(a){case"ind-alarm-summary":if(!customElements.get(t(a))){customElements.define(t(a),l)}break;case"ind-alarm-badge-group":if(!customElements.get(t(a))){r()}break}}))}f();const o=l;const c=f;export{o as IndAlarmSummary,c as defineCustomElement};
+//# sourceMappingURL=ind-alarm-summary.js.map

package/dist/components/ind-alarm-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","alarmSummaryCss","IndAlarmSummary","__stencil_proxyCustomElement","HTMLElement","heading","highHigh","high","low","lowLow","unacknowledged","total","this","render","h","Host","key","class","part"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-alarm-summary&encapsulation=shadow","src/components/organisms/alarm-summary/alarm-summary.css?tag=ind-alarm-summary&encapsulation=shadow","src/components/organisms/alarm-summary/alarm-summary.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 220px;\n}\n\n.figures {\n  display: flex;\n  gap: var(--ind-spacing-7, 20px);\n}\n\n.figure {\n  display: flex;\n  flex-direction: column;\n}\n\n.figure-value {\n  font-size: var(--ind-font-size-3xl, 28px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  line-height: 1;\n}\n\n.figure-label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted);\n}\n\n.figure-alert .figure-value {\n  color: var(--ind-state-fault-bg, #dc2626);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Compact alarm KPI block: total + unacknowledged headline figures and the\n * ISA-18.2 priority breakdown via `<ind-alarm-badge-group>`. For a dashboard\n * tile or the top of an alarm page.\n */\n@Component({\n  tag: 'ind-alarm-summary',\n  styleUrls: ['../_shared/panel.css', 'alarm-summary.css'],\n  shadow: true,\n})\nexport class IndAlarmSummary {\n  @Prop() heading: string = 'Alarm summary';\n  @Prop() highHigh: number = 0;\n  @Prop() high: number = 0;\n  @Prop() low: number = 0;\n  @Prop() lowLow: number = 0;\n  /** Number still requiring acknowledgement. */\n  @Prop() unacknowledged: number = 0;\n\n  private get total(): number {\n    return this.highHigh + this.high + this.low + this.lowLow;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"panel-body\">\n          <div class=\"figures\" part=\"figures\">\n            <div class=\"figure\">\n              <span class=\"figure-value\" part=\"total\">{this.total}</span>\n              <span class=\"figure-label\">Active</span>\n            </div>\n            <div class={`figure ${this.unacknowledged > 0 ? 'figure-alert' : ''}`}>\n              <span class=\"figure-value\" part=\"unacked\">{this.unacknowledged}</span>\n              <span class=\"figure-label\">Unacked</span>\n            </div>\n          </div>\n          <ind-alarm-badge-group\n            part=\"badges\"\n            highHigh={this.highHigh}\n            high={this.high}\n            low={this.low}\n            lowLow={this.lowLow}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,yb,MCYjBC,EAAeC,EAAA,MAAAD,UAAAE,E,iFAClBC,QAAkB,gBAClBC,SAAmB,EACnBC,KAAe,EACfC,IAAc,EACdC,OAAiB,EAEjBC,eAAyB,EAEjC,SAAYC,GACV,OAAOC,KAAKN,SAAWM,KAAKL,KAAOK,KAAKJ,IAAMI,KAAKH,M,CAGrD,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWN,KAAKP,UAEjDS,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUC,KAAK,WACxBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAeC,KAAK,SAASN,KAAKD,OAC9CG,EAAA,QAAAE,IAAA,2CAAMC,MAAM,gBAAc,WAE5BH,EAAA,OAAAE,IAAA,2CAAKC,MAAO,UAAUL,KAAKF,eAAiB,EAAI,eAAiB,MAC/DI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAeC,KAAK,WAAWN,KAAKF,gBAChDI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,gBAAc,aAG9BH,EAAA,yBAAAE,IAAA,2CACEE,KAAK,SACLZ,SAAUM,KAAKN,SACfC,KAAMK,KAAKL,KACXC,IAAKI,KAAKJ,IACVC,OAAQG,KAAKH,U","ignoreList":[]}

package/dist/components/ind-app-header.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as n,h as t,a as i,t as d}from"./index.js";import{d as s}from"./p-D-FsSjAC.js";const r=()=>`: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)}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChangeMachine=n(this,"indChangeMachine");this.indDisconnect=n(this,"indDisconnect")}brand;subBrand;machineId;mqttState="neutral";mqttLabel;version;docsUrl;hideChangeMachine=false;hideDisconnect=false;indChangeMachine;indDisconnect;render(){return t(i,{key:"c65d79c697786cf1e17f3d13a1f5475da46e66ac",role:"banner"},t("div",{key:"4c17ab40581251748f4bfbdceb8553d736b9288b",class:"brand",part:"brand"},t("slot",{key:"2e4a11be914770ce6cf3b2e2a4cf7e92fbd95702",name:"logo"},t("span",{key:"ff2a98d37c5153a9169b188a2e77d24f49a505e5",class:"brand-logo","aria-hidden":"true"},"⬢")),t("div",{key:"a679a938ab050aa8e2c326a88e905563134fbbc5",class:"brand-text"},t("span",{key:"19b941fba9c4d7dbbda39242f3c6afb543c5ef6a",class:"brand-name"},this.brand),this.subBrand&&t("span",{key:"d77217db67b0384df179638cbf98ae38697a7071",class:"brand-sub"},this.subBrand))),this.machineId&&t("div",{key:"1e40da6c490185efe7423b1b82d5a5e56cd4cb9a",class:"machine",part:"machine"},t("span",{key:"5ca76acc4d270e8f6adc12d0077f1371e136aded",class:"machine-label"},"Machine"),t("span",{key:"a10840b72441bb7adabd0f152332bfa9e081eff5",class:"machine-id"},this.machineId)),t("div",{key:"5cfbdeb0e191cdbfa679fd0a1e205c4544065b10",class:"mqtt",part:"mqtt"},t("ind-status-dot",{key:"b80758c2a80a27b362651cd1251c92d3b510212e",state:this.mqttState,size:"md"}),this.mqttLabel&&t("span",{key:"a443524b51f9950e068bc815bc4e89f52bc9c296",class:"mqtt-label"},this.mqttLabel)),t("span",{key:"84028540ba07e5f4b400e9694a2c102c0ffcb618",class:"spacer"}),t("div",{key:"42e07d1726547c318367423708e9fd7078a771ed",class:"meta",part:"meta"},this.version&&t("span",{key:"9fc02e0f44f50126554fa70e127bf5e1819b09ee",class:"version"},this.version),this.docsUrl&&t("a",{key:"3839f6149b334591551124f4bb5eb296d0f4a296",class:"docs",href:this.docsUrl,target:"_blank",rel:"noopener noreferrer"},"Documentation")),t("div",{key:"4265851f62d3f66518a9e07b32933974a301376b",class:"actions",part:"actions"},t("slot",{key:"dffb5909cf929b3c04e47d598e746a6caf8d55f5",name:"actions"},!this.hideChangeMachine&&t("button",{key:"824c0c0b5419753e50d8ba002dee057ba2ec2b46",type:"button",class:"action",onClick:()=>this.indChangeMachine.emit()},"Change machine"),!this.hideDisconnect&&t("button",{key:"5269a1bed2754ca7f7bfd83f0f431cae2d4c1bf5",type:"button",class:"action action--danger",onClick:()=>this.indDisconnect.emit()},"Disconnect"))))}static get style(){return r()}},[769,"ind-app-header",{brand:[1],subBrand:[1,"sub-brand"],machineId:[1,"machine-id"],mqttState:[1,"mqtt-state"],mqttLabel:[1,"mqtt-label"],version:[1],docsUrl:[1,"docs-url"],hideChangeMachine:[4,"hide-change-machine"],hideDisconnect:[4,"hide-disconnect"]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-app-header","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-app-header":if(!customElements.get(d(e))){customElements.define(d(e),c)}break;case"ind-status-dot":if(!customElements.get(d(e))){s()}break}}))}o();const f=c;const b=o;export{f as IndAppHeader,b as defineCustomElement};
+import{p as e,H as a,c as n,h as t,a as i,t as d}from"./index.js";import{d as s}from"./p-D-FsSjAC.js";const r=()=>`: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)}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChangeMachine=n(this,"indChangeMachine");this.indDisconnect=n(this,"indDisconnect")}brand;subBrand;machineId;mqttState="neutral";mqttLabel;version;docsUrl;hideChangeMachine=false;hideDisconnect=false;indChangeMachine;indDisconnect;render(){return t(i,{key:"33a1b8dac7bd4feab37a77bf79032897b0bbe4a1",role:"banner"},t("div",{key:"e21411d4c6f29102909f56322e6a58b59c2ad248",class:"brand",part:"brand"},t("slot",{key:"44c3459a36950ad2a3694a2d29d27975c1de8e7f",name:"logo"},t("span",{key:"bb0939402521c478da8f0ecd551b7db3ccf765ec",class:"brand-logo","aria-hidden":"true"},"⬢")),t("div",{key:"85b3c26d915ea4e0e572edfc0893e9c79bb2c4ee",class:"brand-text"},t("span",{key:"016479b1ce9a6337112f88bd0058641874f41d39",class:"brand-name"},this.brand),this.subBrand&&t("span",{key:"ece4c7a28e13aaa10a78f9ce4b44487eeaf7cd42",class:"brand-sub"},this.subBrand))),this.machineId&&t("div",{key:"f9d16ec7b7b753ea6c5e61b960cf541234bf6004",class:"machine",part:"machine"},t("span",{key:"43585929ef3a8b0354f5dbac37337d0eff783a47",class:"machine-label"},"Machine"),t("span",{key:"cc0643c35bf18d6b5f94cb54e0ef1581c5c1c40e",class:"machine-id"},this.machineId)),t("div",{key:"05c18fe1c2156e319e6b0dfc84a6f81195a39f43",class:"mqtt",part:"mqtt"},t("ind-status-dot",{key:"a996efe70d20d6b4e959bd561ea0b630041ea1d5",state:this.mqttState,size:"md"}),this.mqttLabel&&t("span",{key:"581bbb1e39b55a6dd62ba5934889c9081f315933",class:"mqtt-label"},this.mqttLabel)),t("span",{key:"0d1b3d6cae7d50d0a53d7faa7c355b9ae448a4c6",class:"spacer"}),t("div",{key:"d07097da54bb7c4131794b7968fe2dc636a33155",class:"meta",part:"meta"},this.version&&t("span",{key:"54b37c493d4560788c3b21f6b9578f8e4fb07060",class:"version"},this.version),this.docsUrl&&t("a",{key:"b910f3b11e15f53c88476220cef17570c252c98a",class:"docs",href:this.docsUrl,target:"_blank",rel:"noopener noreferrer"},"Documentation")),t("div",{key:"b014dfd65ae0b40838b2f8ca028121f6a5def777",class:"actions",part:"actions"},t("slot",{key:"692d5aaeff691d0b4e276d725514b9ae77b421a6",name:"actions"},!this.hideChangeMachine&&t("button",{key:"f814337835093319db4fd627f91b24eac116e1cc",type:"button",class:"action",onClick:()=>this.indChangeMachine.emit()},"Change machine"),!this.hideDisconnect&&t("button",{key:"f6a03e8bd9f1972f65e805e92a8259ff6a61217c",type:"button",class:"action action--danger",onClick:()=>this.indDisconnect.emit()},"Disconnect"))))}static get style(){return r()}},[769,"ind-app-header",{brand:[1],subBrand:[1,"sub-brand"],machineId:[1,"machine-id"],mqttState:[1,"mqtt-state"],mqttLabel:[1,"mqtt-label"],version:[1],docsUrl:[1,"docs-url"],hideChangeMachine:[4,"hide-change-machine"],hideDisconnect:[4,"hide-disconnect"]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-app-header","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-app-header":if(!customElements.get(d(e))){customElements.define(d(e),c)}break;case"ind-status-dot":if(!customElements.get(d(e))){s()}break}}))}o();const f=c;const b=o;export{f as IndAppHeader,b as defineCustomElement};
 //# sourceMappingURL=ind-app-header.js.map

package/dist/components/ind-asset-overview.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndAssetOverview extends Components.IndAssetOverview, HTMLElement {}
+export const IndAssetOverview: {
+    prototype: IndAssetOverview;
+    new (): IndAssetOverview;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-asset-overview.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as s,a as i,t as n}from"./index.js";import{d as t}from"./p-D79nNJVt.js";import{d as r}from"./p-D-FsSjAC.js";const d=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const o=()=>`: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}`;const l=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Assets";assets=[];healthVariant(a){if(a===undefined)return"default";if(a<40)return"error";if(a<70)return"warning";return"success"}render(){return s(i,{key:"2940434a68bef715cfc3629eb509ff9509d3fbf5"},s("div",{key:"0eb751f4a281626ed4f7a8eab06f8069f39508a1",class:"panel-head"},s("span",{key:"275ae9a642cc9f8dee88fa7fdcf8919b59e0641d",class:"panel-title",part:"heading"},this.heading),s("span",{key:"b359e1e0f2213d4c80f53d856cdb49ccc4bbba9e",class:"panel-subtitle"},this.assets.length," assets")),s("div",{key:"caa13830b3c719859aa59631303a9a0e31685d8b",class:"panel-list",part:"list"},this.assets.length===0?s("div",{class:"panel-empty"},"No assets"):this.assets.map((a=>s("div",{class:"row",part:"row",key:a.tag},s("ind-status-dot",{state:a.state==="unknown"?"neutral":a.state,size:"sm"}),s("span",{class:"tag",part:"tag"},a.tag),s("span",{class:"name",part:"name"},a.name),a.health!==undefined&&s("ind-progress",{class:"health",value:a.health,max:100,variant:this.healthVariant(a.health),size:"sm"}),a.detail&&s("span",{class:"detail",part:"detail"},a.detail))))))}static get style(){return d()+o()}},[513,"ind-asset-overview",{heading:[1],assets:[16]}]);function p(){if(typeof customElements==="undefined"){return}const a=["ind-asset-overview","ind-progress","ind-status-dot"];a.forEach((a=>{switch(a){case"ind-asset-overview":if(!customElements.get(n(a))){customElements.define(n(a),l)}break;case"ind-progress":if(!customElements.get(n(a))){t()}break;case"ind-status-dot":if(!customElements.get(n(a))){r()}break}}))}p();const c=l;const f=p;export{c as IndAssetOverview,f as defineCustomElement};
+//# sourceMappingURL=ind-asset-overview.js.map

package/dist/components/ind-asset-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","assetOverviewCss","IndAssetOverview","__stencil_proxyCustomElement","HTMLElement","heading","assets","healthVariant","h","undefined","render","Host","key","class","part","this","length","map","a","tag","state","size","name","health","value","max","variant","detail"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-asset-overview&encapsulation=shadow","src/components/organisms/asset-overview/asset-overview.css?tag=ind-asset-overview&encapsulation=shadow","src/components/organisms/asset-overview/asset-overview.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 480px;\n}\n\n.panel-list {\n  max-height: 440px;\n}\n\n.row {\n  display: grid;\n  grid-template-columns: 12px 88px 1fr 120px auto;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono);\n  color: var(--ind-surface-text-secondary);\n}\n\n.name {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted);\n  white-space: nowrap;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nexport interface AssetItem {\n  tag: string;\n  name: string;\n  state: EquipmentCardState;\n  /** Health score 0–100. */\n  health?: number;\n  detail?: string;\n}\n\n/**\n * Tabular overview of plant assets with state dot, health bar and detail.\n * Suits an asset register or a fleet health page.\n */\n@Component({\n  tag: 'ind-asset-overview',\n  styleUrls: ['../_shared/panel.css', 'asset-overview.css'],\n  shadow: true,\n})\nexport class IndAssetOverview {\n  @Prop() heading: string = 'Assets';\n  @Prop() assets: AssetItem[] = [];\n\n  private healthVariant(h?: number): 'default' | 'success' | 'warning' | 'error' {\n    if (h === undefined) return 'default';\n    if (h < 40) return 'error';\n    if (h < 70) return 'warning';\n    return 'success';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <span class=\"panel-subtitle\">{this.assets.length} assets</span>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {this.assets.length === 0 ? (\n            <div class=\"panel-empty\">No assets</div>\n          ) : (\n            this.assets.map((a) => (\n              <div class=\"row\" part=\"row\" key={a.tag}>\n                <ind-status-dot state={(a.state === 'unknown' ? 'neutral' : a.state) as any} size=\"sm\" />\n                <span class=\"tag\" part=\"tag\">{a.tag}</span>\n                <span class=\"name\" part=\"name\">{a.name}</span>\n                {a.health !== undefined && (\n                  <ind-progress class=\"health\" value={a.health} max={100} variant={this.healthVariant(a.health)} size=\"sm\"></ind-progress>\n                )}\n                {a.detail && <span class=\"detail\" part=\"detail\">{a.detail}</span>}\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAmB,IAAM,okB,MCqBlBC,EAAgBC,EAAA,MAAAD,UAAAE,E,iFACnBC,QAAkB,SAClBC,OAAsB,GAEtB,aAAAC,CAAcC,GACpB,GAAIA,IAAMC,UAAW,MAAO,UAC5B,GAAID,EAAI,GAAI,MAAO,QACnB,GAAIA,EAAI,GAAI,MAAO,UACnB,MAAO,S,CAGT,MAAAE,GACE,OACEF,EAACG,EAAI,CAAAC,IAAA,4CACHJ,EAAA,OAAAI,IAAA,2CAAKC,MAAM,cACTL,EAAA,QAAAI,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKV,SAC/CG,EAAA,QAAAI,IAAA,2CAAMC,MAAM,kBAAkBE,KAAKT,OAAOU,OAAM,YAElDR,EAAA,OAAAI,IAAA,2CAAKC,MAAM,aAAaC,KAAK,QAC1BC,KAAKT,OAAOU,SAAW,EACtBR,EAAA,OAAKK,MAAM,eAAa,aAExBE,KAAKT,OAAOW,KAAKC,GACfV,EAAA,OAAKK,MAAM,MAAMC,KAAK,MAAMF,IAAKM,EAAEC,KACjCX,EAAA,kBAAgBY,MAAQF,EAAEE,QAAU,UAAY,UAAYF,EAAEE,MAAeC,KAAK,OAClFb,EAAA,QAAMK,MAAM,MAAMC,KAAK,OAAOI,EAAEC,KAChCX,EAAA,QAAMK,MAAM,OAAOC,KAAK,QAAQI,EAAEI,MACjCJ,EAAEK,SAAWd,WACZD,EAAA,gBAAcK,MAAM,SAASW,MAAON,EAAEK,OAAQE,IAAK,IAAKC,QAASX,KAAKR,cAAcW,EAAEK,QAASF,KAAK,OAErGH,EAAES,QAAUnB,EAAA,QAAMK,MAAM,SAASC,KAAK,UAAUI,EAAES,Y","ignoreList":[]}

package/dist/components/ind-audit-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndAuditRow extends Components.IndAuditRow, HTMLElement {}
+export const IndAuditRow: {
+    prototype: IndAuditRow;
+    new (): IndAuditRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-audit-row.js

@@ -0,0 +1,2 @@
+import{p as t,H as a,h as e,a as i,t as s}from"./index.js";const n=()=>`:host{display:grid;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom:1px solid var(--ind-surface-border-subtle);box-sizing:border-box;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.time{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));white-space:nowrap}.tag{font-family:var(--ind-font-family-mono);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));white-space:nowrap}.msg{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;const o=()=>`:host{grid-template-columns:auto auto auto 1fr}.user{font-weight:var(--ind-font-weight-semibold, 600);white-space:nowrap}.action{color:var(--ind-surface-text-secondary);white-space:nowrap}.detail{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted)}`;const r=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}time;user;action;detail;render(){return e(i,{key:"356b5a563a71a434a20861f89bb4432226a01f75",role:"row","aria-label":`${this.user} ${this.action}`},this.time&&e("span",{key:"980265f527805524e74f0e6ab9860666c748140d",class:"time",part:"time"},this.time),e("span",{key:"9ebb03e648474ea6f2dd85f3fd6985b54b226e29",class:"user",part:"user"},this.user),e("span",{key:"081a06916ecf269bc6d4615fe41d5206bb2d89ac",class:"action",part:"action"},this.action),this.detail&&e("span",{key:"1418ee8d918d9d368847c6f0f0e046bc4d90f6e5",class:"msg detail",part:"detail"},this.detail))}static get style(){return n()+o()}},[513,"ind-audit-row",{time:[1],user:[1],action:[1],detail:[1]}]);function d(){if(typeof customElements==="undefined"){return}const t=["ind-audit-row"];t.forEach((t=>{switch(t){case"ind-audit-row":if(!customElements.get(s(t))){customElements.define(s(t),r)}break}}))}d();const f=r;const c=d;export{f as IndAuditRow,c as defineCustomElement};
+//# sourceMappingURL=ind-audit-row.js.map

package/dist/components/ind-audit-row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","auditRowCss","IndAuditRow","__stencil_proxyCustomElement","HTMLElement","time","user","action","detail","render","h","Host","key","role","this","class","part"],"sources":["src/components/molecules/_shared/row.css?tag=ind-audit-row&encapsulation=shadow","src/components/molecules/audit-row/audit-row.css?tag=ind-audit-row&encapsulation=shadow","src/components/molecules/audit-row/audit-row.tsx"],"sourcesContent":["/* Shared chrome for log-style molecule rows (alarm, event, audit, historical).\n * Each component sets its own grid-template-columns. */\n:host {\n  display: grid;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);\n  font-family: var(--ind-font-family-sans);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  box-sizing: border-box;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.time {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  white-space: nowrap;\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  white-space: nowrap;\n}\n\n.msg {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",":host {\n  grid-template-columns: auto auto auto 1fr;\n}\n\n.user {\n  font-weight: var(--ind-font-weight-semibold, 600);\n  white-space: nowrap;\n}\n\n.action {\n  color: var(--ind-surface-text-secondary);\n  white-space: nowrap;\n}\n\n.detail {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * One line in an audit trail (21 CFR Part 11 style): timestamp, user, action\n * and an optional before/after detail. Read-only.\n */\n@Component({\n  tag: 'ind-audit-row',\n  styleUrls: ['../_shared/row.css', 'audit-row.css'],\n  shadow: true,\n})\nexport class IndAuditRow {\n  /** Pre-formatted timestamp. */\n  @Prop() time?: string;\n  /** Operator / account that performed the action. */\n  @Prop() user!: string;\n  /** Action performed (e.g. \"Setpoint change\"). */\n  @Prop() action!: string;\n  /** Detail / before→after (e.g. \"PIC-101: 3.2 → 4.0 bar\"). */\n  @Prop() detail?: string;\n\n  render() {\n    return (\n      <Host role=\"row\" aria-label={`${this.user} ${this.action}`}>\n        {this.time && <span class=\"time\" part=\"time\">{this.time}</span>}\n        <span class=\"user\" part=\"user\">{this.user}</span>\n        <span class=\"action\" part=\"action\">{this.action}</span>\n        {this.detail && <span class=\"msg detail\" part=\"detail\">{this.detail}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAS,IAAM,oyBCArB,MAAMC,EAAc,IAAM,2T,MCWbC,EAAWC,EAAA,MAAAD,UAAAE,E,iFAEdC,KAEAC,KAEAC,OAEAC,OAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGC,KAAKR,QAAQQ,KAAKP,UAC/CO,KAAKT,MAAQK,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOC,KAAK,QAAQF,KAAKT,MACnDK,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOC,KAAK,QAAQF,KAAKR,MACrCI,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASC,KAAK,UAAUF,KAAKP,QACxCO,KAAKN,QAAUE,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,UAAUF,KAAKN,Q","ignoreList":[]}

package/dist/components/ind-badge.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface IndBadge extends Components.IndBadge, HTMLElement {}
+export const IndBadge: {
+    prototype: IndBadge;
+    new (): IndBadge;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/ind-badge.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as n,a as t,t as r}from"./index.js";const i=()=>`:host{display:inline-flex;--_bg:var(--ind-surface-raised, #1b222c);--_fg:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_border:var(--ind-surface-border-default, #2a3340)}.badge{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);padding:1px var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-semibold, 600);line-height:var(--ind-font-line-height-tight, 1.1);letter-spacing:0.02em;text-transform:uppercase;white-space:nowrap;color:var(--_fg);background:var(--_bg);border:1px solid var(--_border);border-radius:var(--ind-radius-full, 9999px);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}:host([size="md"]) .badge{font-size:var(--ind-font-size-xs, 10px);padding:2px var(--ind-spacing-3, 6px)}:host([size="sm"]) .badge{font-size:9px;padding:0 var(--ind-spacing-2, 4px)}:host([variant="running"]),:host([variant="success"]){--_bg:var(--ind-state-running-bg, #16a34a);--_fg:var(--ind-state-running-fg, #fff);--_border:var(--ind-state-running-border, #4ade80)}:host([variant="stopped"]){--_bg:var(--ind-state-stopped-bg, #5a6776);--_fg:var(--ind-state-stopped-fg, #fff);--_border:var(--ind-state-stopped-border, #8390a0)}:host([variant="fault"]),:host([variant="error"]){--_bg:var(--ind-state-fault-bg, #dc2626);--_fg:var(--ind-state-fault-fg, #fff);--_border:var(--ind-state-fault-border, #f87171)}:host([variant="warning"]){--_bg:var(--ind-state-warning-bg, #f59e0b);--_fg:var(--ind-state-warning-fg, #1a1205);--_border:var(--ind-state-warning-border, #fcd34d)}:host([variant="maintenance"]){--_bg:var(--ind-state-maintenance-bg, #2563eb);--_fg:var(--ind-state-maintenance-fg, #fff);--_border:var(--ind-state-maintenance-border, #60a5fa)}:host([variant="info"]){--_bg:var(--ind-feedback-info-bg, #0891b2);--_fg:var(--ind-feedback-info-fg, #fff);--_border:var(--ind-feedback-info-border, #67e8f9)}:host([outline]) .badge{background:transparent;color:var(--_border)}`;const s=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}variant="neutral";size="md";outline=false;render(){return n(t,{key:"ff8c7f78b4ec3527e2c81c087f5408179adebfcc"},n("span",{key:"153b5c19ae46ac34969ddefc39d880dbbe87632d",class:"badge",part:"badge"},n("slot",{key:"ec5c0fe94ace0a7084ce567567dd8b8995ea62bd"})))}static get style(){return i()}},[769,"ind-badge",{variant:[513],size:[513],outline:[516]}]);function d(){if(typeof customElements==="undefined"){return}const a=["ind-badge"];a.forEach((a=>{switch(a){case"ind-badge":if(!customElements.get(r(a))){customElements.define(r(a),s)}break}}))}d();const f=s;const o=d;export{f as IndBadge,o as defineCustomElement};
+//# sourceMappingURL=ind-badge.js.map

package/dist/components/ind-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["badgeCss","IndBadge","__stencil_proxyCustomElement","HTMLElement","variant","size","outline","render","h","Host","key","class","part"],"sources":["src/components/atoms/badge/badge.css?tag=ind-badge&encapsulation=shadow","src/components/atoms/badge/badge.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  --_bg: var(--ind-surface-raised, #1b222c);\n  --_fg: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_border: var(--ind-surface-border-default, #2a3340);\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  padding: 1px var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: var(--ind-font-line-height-tight, 1.1);\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  white-space: nowrap;\n  color: var(--_fg);\n  background: var(--_bg);\n  border: 1px solid var(--_border);\n  border-radius: var(--ind-radius-full, 9999px);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n:host([size=\"md\"]) .badge { font-size: var(--ind-font-size-xs, 10px); padding: 2px var(--ind-spacing-3, 6px); }\n:host([size=\"sm\"]) .badge { font-size: 9px; padding: 0 var(--ind-spacing-2, 4px); }\n\n:host([variant=\"running\"]),\n:host([variant=\"success\"]) { --_bg: var(--ind-state-running-bg, #16a34a); --_fg: var(--ind-state-running-fg, #fff); --_border: var(--ind-state-running-border, #4ade80); }\n:host([variant=\"stopped\"]) { --_bg: var(--ind-state-stopped-bg, #5a6776); --_fg: var(--ind-state-stopped-fg, #fff); --_border: var(--ind-state-stopped-border, #8390a0); }\n:host([variant=\"fault\"]),\n:host([variant=\"error\"])   { --_bg: var(--ind-state-fault-bg, #dc2626); --_fg: var(--ind-state-fault-fg, #fff); --_border: var(--ind-state-fault-border, #f87171); }\n:host([variant=\"warning\"]) { --_bg: var(--ind-state-warning-bg, #f59e0b); --_fg: var(--ind-state-warning-fg, #1a1205); --_border: var(--ind-state-warning-border, #fcd34d); }\n:host([variant=\"maintenance\"]) { --_bg: var(--ind-state-maintenance-bg, #2563eb); --_fg: var(--ind-state-maintenance-fg, #fff); --_border: var(--ind-state-maintenance-border, #60a5fa); }\n:host([variant=\"info\"])    { --_bg: var(--ind-feedback-info-bg, #0891b2); --_fg: var(--ind-feedback-info-fg, #fff); --_border: var(--ind-feedback-info-border, #67e8f9); }\n\n:host([outline]) .badge {\n  background: transparent;\n  color: var(--_border);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type BadgeVariant =\n  | 'neutral'\n  | 'running'\n  | 'stopped'\n  | 'fault'\n  | 'warning'\n  | 'maintenance'\n  | 'success'\n  | 'info'\n  | 'error';\nexport type BadgeSize = 'sm' | 'md';\n\n@Component({\n  tag: 'ind-badge',\n  styleUrl: 'badge.css',\n  shadow: true,\n})\nexport class IndBadge {\n  /** Semantic color. Maps to state / feedback tokens. */\n  @Prop({ reflect: true }) variant: BadgeVariant = 'neutral';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: BadgeSize = 'md';\n\n  /** Outlined instead of filled. */\n  @Prop({ reflect: true }) outline: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <span class=\"badge\" part=\"badge\">\n          <slot />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAW,IAAM,4+D,MCmBVC,EAAQC,EAAA,MAAAD,UAAAE,E,iFAEMC,QAAwB,UAGxBC,KAAkB,KAGlBC,QAAmB,MAE5C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SACvBJ,EAAA,QAAAE,IAAA,8C","ignoreList":[]}