@ind-ds/core 0.1.1 → 0.2.1

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":[]}

package/dist/components/ind-batch-control-panel.d.ts

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

package/dist/components/ind-batch-control-panel.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,c as t,h as i,a as n,t as s}from"./index.js";import{d}from"./p-B-dXQIRL.js";import{d as r}from"./p-CRSC4h1X.js";import{d as o}from"./p-Ca70rR-o.js";import{d as c}from"./p-B-KVhtvw.js";import{d as l}from"./p-D79nNJVt.js";const p=()=>`: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 f=()=>`:host{min-width:320px}ind-progress{width:100%}.phase{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px)}.phase-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted)}.phase-name{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600)}.state{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-bold, 700);padding:2px 8px;border-radius:var(--ind-radius-full, 9999px);background:var(--ind-surface-raised)}.state-running{color:var(--ind-state-running-bg, #16a34a)}.state-held{color:var(--ind-state-warning-bg, #f59e0b)}.state-fault{color:var(--ind-state-fault-bg, #dc2626)}.state-complete{color:var(--ind-color-palette-cyan-300, #22d3ee)}.params{display:flex;flex-direction:column;border:1px solid var(--ind-surface-border-subtle);border-radius:var(--ind-radius-sm, 2px)}`;const b={idle:"Idle",running:"Running",held:"Held",complete:"Complete",fault:"Fault"};const m=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indStart=t(this,"indStart");this.indHold=t(this,"indHold");this.indStop=t(this,"indStop")}heading="Batch control";batchId;phase;state="idle";progress=0;parameters=[];indStart;indHold;indStop;render(){const a=this.state==="running";const e=this.state==="fault"?"error":this.state==="held"?"warning":"default";return i(n,{key:"360352d8819d7d5a116b3e92d326dd673514b491"},i("div",{key:"93b95f77983940a84936e7cc583b5df407ced82a",class:"panel-head"},i("div",{key:"d7e2993d2d9eac492ef60c37bcb9ae5b78507ec8",class:"panel-titles"},i("span",{key:"8ccbe6dce41a8cb66066141b15ca7f04ead1a713",class:"panel-title",part:"heading"},this.heading),this.batchId&&i("span",{key:"69d40b525971ada02d15e907cf4652974acab222",class:"panel-subtitle"},"Batch ",this.batchId)),i("span",{key:"d36e094bb538c5b391e22e5da32dbcedaa86f19b",class:`state state-${this.state}`,part:"state"},b[this.state])),i("div",{key:"8dcf054cccc1831150cf938d429074f0e8fc32e2",class:"panel-body"},this.phase&&i("div",{key:"9ec2cb3823c53a76242d7aa40510954f6f1779d3",class:"phase",part:"phase"},i("span",{key:"fe72a704ec0933d79c9e4e3dab55cf7a1cfedbdc",class:"phase-label"},"Phase"),i("span",{key:"b1bd64a6de46e6c647da7a9902cb9348fcb7a479",class:"phase-name"},this.phase)),i("ind-progress",{key:"27b250908786d280b3c845c5c6d1131be306b62e",value:this.progress,max:100,variant:e,size:"md","show-value":true}),i("ind-command-group",{key:"0739bc80b204905295ee82feadeaf2c571a975d1",label:"Batch commands"},i("ind-button",{key:"bd06dcc9d3d6793acd0fd89dffaa96511fbd7dc7",variant:"primary",size:"sm",label:"Start",disabled:a,onIndActivate:()=>this.indStart.emit()}),i("ind-button",{key:"b63daaaaa133f1c1b46abd192e7efe95ae13ea9f",variant:"default",size:"sm",label:"Hold",disabled:!a,onIndActivate:()=>this.indHold.emit()}),i("ind-button",{key:"4086f63667d7a16460e676721887ac6bb6b8d19f",variant:"danger",size:"sm",label:"Stop",disabled:this.state==="idle",onIndActivate:()=>this.indStop.emit()})),this.parameters.length>0&&i("div",{key:"c261467ad480e31dc519cb462cf911fe062d0337",class:"params",part:"params"},this.parameters.map(((a,e)=>i("ind-batch-parameter-row",{key:e,label:a.label,value:a.value,unit:a.unit,target:a.target,disabled:true}))))))}static get style(){return p()+f()}},[513,"ind-batch-control-panel",{heading:[1],batchId:[1,"batch-id"],phase:[1],state:[513],progress:[2],parameters:[16]}]);function u(){if(typeof customElements==="undefined"){return}const a=["ind-batch-control-panel","ind-batch-parameter-row","ind-button","ind-command-group","ind-input","ind-progress"];a.forEach((a=>{switch(a){case"ind-batch-control-panel":if(!customElements.get(s(a))){customElements.define(s(a),m)}break;case"ind-batch-parameter-row":if(!customElements.get(s(a))){d()}break;case"ind-button":if(!customElements.get(s(a))){r()}break;case"ind-command-group":if(!customElements.get(s(a))){o()}break;case"ind-input":if(!customElements.get(s(a))){c()}break;case"ind-progress":if(!customElements.get(s(a))){l()}break}}))}u();const h=m;const g=u;export{h as IndBatchControlPanel,g as defineCustomElement};
+//# sourceMappingURL=ind-batch-control-panel.js.map

package/dist/components/ind-batch-control-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","batchControlPanelCss","STATE_LABEL","idle","running","held","complete","fault","IndBatchControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","batchId","phase","state","progress","parameters","indStart","indHold","indStop","render","this","progressVariant","h","Host","key","class","part","value","max","variant","size","label","disabled","onIndActivate","emit","length","map","p","i","unit","target"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-batch-control-panel&encapsulation=shadow","src/components/organisms/batch-control-panel/batch-control-panel.css?tag=ind-batch-control-panel&encapsulation=shadow","src/components/organisms/batch-control-panel/batch-control-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: 320px;\n}\n\nind-progress {\n  width: 100%;\n}\n\n.phase {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.phase-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.phase-name {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.state {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  padding: 2px 8px;\n  border-radius: var(--ind-radius-full, 9999px);\n  background: var(--ind-surface-raised);\n}\n\n.state-running { color: var(--ind-state-running-bg, #16a34a); }\n.state-held { color: var(--ind-state-warning-bg, #f59e0b); }\n.state-fault { color: var(--ind-state-fault-bg, #dc2626); }\n.state-complete { color: var(--ind-color-palette-cyan-300, #22d3ee); }\n\n.params {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--ind-surface-border-subtle);\n  border-radius: var(--ind-radius-sm, 2px);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type BatchState = 'idle' | 'running' | 'held' | 'complete' | 'fault';\n\nexport interface BatchParam {\n  label: string;\n  value: string | number;\n  unit?: string;\n  target?: string;\n}\n\nconst STATE_LABEL: Record<BatchState, string> = {\n  idle: 'Idle',\n  running: 'Running',\n  held: 'Held',\n  complete: 'Complete',\n  fault: 'Fault',\n};\n\n/**\n * Batch / phase control panel: current phase + progress, Start / Hold / Stop\n * commands and the active parameter set.\n */\n@Component({\n  tag: 'ind-batch-control-panel',\n  styleUrls: ['../_shared/panel.css', 'batch-control-panel.css'],\n  shadow: true,\n})\nexport class IndBatchControlPanel {\n  @Prop() heading: string = 'Batch control';\n  /** Batch / lot identifier. */\n  @Prop() batchId?: string;\n  /** Current phase / step name. */\n  @Prop() phase?: string;\n  /** Batch state — drives the badge. */\n  @Prop({ reflect: true }) state: BatchState = 'idle';\n  /** Phase progress 0–100 %. */\n  @Prop() progress: number = 0;\n  /** Active parameters. */\n  @Prop() parameters: BatchParam[] = [];\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indHold!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n\n  render() {\n    const running = this.state === 'running';\n    const progressVariant = this.state === 'fault' ? 'error' : this.state === 'held' ? 'warning' : 'default';\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.batchId && <span class=\"panel-subtitle\">Batch {this.batchId}</span>}\n          </div>\n          <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n        </div>\n        <div class=\"panel-body\">\n          {this.phase && (\n            <div class=\"phase\" part=\"phase\">\n              <span class=\"phase-label\">Phase</span>\n              <span class=\"phase-name\">{this.phase}</span>\n            </div>\n          )}\n          <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value></ind-progress>\n          <ind-command-group label=\"Batch commands\">\n            <ind-button variant=\"primary\" size=\"sm\" label=\"Start\" disabled={running} onIndActivate={() => this.indStart.emit()} />\n            <ind-button variant=\"default\" size=\"sm\" label=\"Hold\" disabled={!running} onIndActivate={() => this.indHold.emit()} />\n            <ind-button variant=\"danger\" size=\"sm\" label=\"Stop\" disabled={this.state === 'idle'} onIndActivate={() => this.indStop.emit()} />\n          </ind-command-group>\n          {this.parameters.length > 0 && (\n            <div class=\"params\" part=\"params\">\n              {this.parameters.map((p, i) => (\n                <ind-batch-parameter-row\n                  key={i}\n                  label={p.label}\n                  value={p.value}\n                  unit={p.unit}\n                  target={p.target}\n                  disabled\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iPAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAuB,IAAM,g5BCWnC,MAAMC,EAA0C,CAC9CC,KAAM,OACNC,QAAS,UACTC,KAAM,OACNC,SAAU,WACVC,MAAO,S,MAYIC,EAAoBC,EAAA,MAAAD,UAAAE,E,gLACvBC,QAAkB,gBAElBC,QAEAC,MAEiBC,MAAoB,OAErCC,SAAmB,EAEnBC,WAA2B,GAE1BC,SACAC,QACAC,QAET,MAAAC,GACE,MAAMhB,EAAUiB,KAAKP,QAAU,UAC/B,MAAMQ,EAAkBD,KAAKP,QAAU,QAAU,QAAUO,KAAKP,QAAU,OAAS,UAAY,UAC/F,OACES,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWN,KAAKV,SAC9CU,KAAKT,SAAWW,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAgB,SAAQL,KAAKT,UAE5DW,EAAA,QAAAE,IAAA,2CAAMC,MAAO,eAAeL,KAAKP,QAASa,KAAK,SAASzB,EAAYmB,KAAKP,SAE3ES,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACRL,KAAKR,OACJU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SACtBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAa,SACzBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcL,KAAKR,QAGnCU,EAAA,gBAAAE,IAAA,2CAAcG,MAAOP,KAAKN,SAAUc,IAAK,IAAKC,QAASR,EAAiBS,KAAK,KAAI,oBACjFR,EAAA,qBAAAE,IAAA,2CAAmBO,MAAM,kBACvBT,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKC,MAAM,QAAQC,SAAU7B,EAAS8B,cAAe,IAAMb,KAAKJ,SAASkB,SAC5GZ,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKC,MAAM,OAAOC,UAAW7B,EAAS8B,cAAe,IAAMb,KAAKH,QAAQiB,SAC3GZ,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,SAASC,KAAK,KAAKC,MAAM,OAAOC,SAAUZ,KAAKP,QAAU,OAAQoB,cAAe,IAAMb,KAAKF,QAAQgB,UAExHd,KAAKL,WAAWoB,OAAS,GACxBb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACtBN,KAAKL,WAAWqB,KAAI,CAACC,EAAGC,IACvBhB,EAAA,2BACEE,IAAKc,EACLP,MAAOM,EAAEN,MACTJ,MAAOU,EAAEV,MACTY,KAAMF,EAAEE,KACRC,OAAQH,EAAEG,OACVR,SAAQ,W","ignoreList":[]}

package/dist/components/ind-batch-parameter-row.d.ts

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

package/dist/components/ind-batch-parameter-row.js

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

package/dist/components/ind-batch-parameter-row.js.map

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

package/dist/components/ind-breadcrumb-item.d.ts

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

package/dist/components/ind-breadcrumb-item.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as r,h as s,a,t as n}from"./index.js";const i=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px)}.crumb{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));text-decoration:none}a.crumb:hover,button.crumb:hover{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));text-decoration:underline}.crumb:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:2px;border-radius:var(--ind-radius-sm, 2px)}:host([current]) .crumb{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:var(--ind-font-weight-semibold, 600);cursor:default}.sep{color:var(--ind-surface-text-muted, #7a8694);user-select:none}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indNavigate=r(this,"indNavigate")}href;current=false;last=false;indNavigate;onClick=e=>{if(this.current){e.preventDefault();return}this.indNavigate.emit()};render(){const e=!this.current;return s(a,{key:"ea2f0840d0904558285e0645f99db8833e8ba05f",role:"listitem"},e&&this.href?s("a",{class:"crumb",part:"crumb",href:this.href,onClick:this.onClick},s("slot",null)):e?s("button",{type:"button",class:"crumb",part:"crumb",onClick:this.onClick},s("slot",null)):s("span",{class:"crumb",part:"crumb","aria-current":"page"},s("slot",null)),!this.last&&s("span",{key:"79aa0f9f8d13766a05c2df663869b46d94ce27a9",class:"sep",part:"separator","aria-hidden":"true"},"/"))}static get style(){return i()}},[769,"ind-breadcrumb-item",{href:[1],current:[516],last:[516]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-breadcrumb-item"];e.forEach((e=>{switch(e){case"ind-breadcrumb-item":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}c();const u=o;const d=c;export{u as IndBreadcrumbItem,d as defineCustomElement};
+//# sourceMappingURL=ind-breadcrumb-item.js.map

package/dist/components/ind-breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["breadcrumbItemCss","IndBreadcrumbItem","__stencil_proxyCustomElement","HTMLElement","href","current","last","indNavigate","onClick","e","this","preventDefault","emit","render","interactive","h","Host","key","role","class","part","type"],"sources":["src/components/atoms/breadcrumb-item/breadcrumb-item.css?tag=ind-breadcrumb-item&encapsulation=shadow","src/components/atoms/breadcrumb-item/breadcrumb-item.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.crumb {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n  cursor: pointer;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  text-decoration: none;\n}\n\na.crumb:hover,\nbutton.crumb:hover {\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  text-decoration: underline;\n}\n\n.crumb:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 2px;\n  border-radius: var(--ind-radius-sm, 2px);\n}\n\n:host([current]) .crumb {\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-weight: var(--ind-font-weight-semibold, 600);\n  cursor: default;\n}\n\n.sep {\n  color: var(--ind-surface-text-muted, #7a8694);\n  user-select: none;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.css',\n  shadow: true,\n})\nexport class IndBreadcrumbItem {\n  /** Navigation target. When omitted the item renders as a button. */\n  @Prop() href?: string;\n  /** Marks the current page (last crumb) — not interactive. */\n  @Prop({ reflect: true }) current: boolean = false;\n  /** Hide the trailing separator (set on the last item). */\n  @Prop({ reflect: true }) last: boolean = false;\n\n  /** Fires when a non-current item is activated. */\n  @Event() indNavigate!: EventEmitter<void>;\n\n  private onClick = (e: MouseEvent) => {\n    if (this.current) {\n      e.preventDefault();\n      return;\n    }\n    this.indNavigate.emit();\n  };\n\n  render() {\n    const interactive = !this.current;\n    return (\n      <Host role=\"listitem\">\n        {interactive && this.href ? (\n          <a class=\"crumb\" part=\"crumb\" href={this.href} onClick={this.onClick}>\n            <slot />\n          </a>\n        ) : interactive ? (\n          <button type=\"button\" class=\"crumb\" part=\"crumb\" onClick={this.onClick}>\n            <slot />\n          </button>\n        ) : (\n          <span class=\"crumb\" part=\"crumb\" aria-current=\"page\">\n            <slot />\n          </span>\n        )}\n        {!this.last && <span class=\"sep\" part=\"separator\" aria-hidden=\"true\">/</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6DAAA,MAAMA,EAAoB,IAAM,21B,MCOnBC,EAAiBC,EAAA,MAAAD,UAAAE,E,wHAEpBC,KAEiBC,QAAmB,MAEnBC,KAAgB,MAGhCC,YAEDC,QAAWC,IACjB,GAAIC,KAAKL,QAAS,CAChBI,EAAEE,iBACF,M,CAEFD,KAAKH,YAAYK,MAAM,EAGzB,MAAAC,GACE,MAAMC,GAAeJ,KAAKL,QAC1B,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACRJ,GAAeJ,KAAKN,KACnBW,EAAA,KAAGI,MAAM,QAAQC,KAAK,QAAQhB,KAAMM,KAAKN,KAAMI,QAASE,KAAKF,SAC3DO,EAAA,cAEAD,EACFC,EAAA,UAAQM,KAAK,SAASF,MAAM,QAAQC,KAAK,QAAQZ,QAASE,KAAKF,SAC7DO,EAAA,cAGFA,EAAA,QAAMI,MAAM,QAAQC,KAAK,QAAO,eAAc,QAC5CL,EAAA,eAGFL,KAAKJ,MAAQS,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,YAAW,cAAa,QAAM,K","ignoreList":[]}

package/dist/components/ind-button.js

@@ -1,2 +1,2 @@
-import{p as t,H as n,c as i,h as e,a,t as r}from"./index.js";const o=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);font-family:inherit;font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1;letter-spacing:0.01em;background:var(--_bg, var(--ind-button-default-bg, #1a2129));color:var(--_fg, var(--ind-button-default-fg, #eef1f5));border:1px solid var(--_border, var(--ind-button-default-border, #3d4856));border-radius:var(--ind-radius-md, 3px);cursor:pointer;user-select:none;touch-action:manipulation;transition:background-color var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.btn:hover:not(:disabled){background:var(--_bg-hover, var(--ind-button-default-bg-hover, #2a3340))}.btn:active:not(:disabled),.btn.is-holding:not(:disabled){background:var(--_bg-active, var(--ind-button-default-bg-active, #3d4856))}.btn:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}.btn:disabled{opacity:0.5;cursor:not-allowed}:host([variant="primary"]) .btn{--_bg:var(--ind-button-primary-bg, #2563eb);--_bg-hover:var(--ind-button-primary-bg-hover, #60a5fa);--_bg-active:var(--ind-button-primary-bg-active, #60a5fa);--_fg:var(--ind-button-primary-fg, #ffffff);--_border:var(--ind-button-primary-border, #60a5fa)}:host([variant="danger"]) .btn{--_bg:var(--ind-button-danger-bg, #dc2626);--_bg-hover:var(--ind-button-danger-bg-hover, #f87171);--_bg-active:var(--ind-button-danger-bg-active, #f87171);--_fg:var(--ind-button-danger-fg, #ffffff);--_border:var(--ind-button-danger-border, #f87171)}:host([variant="ghost"]) .btn{--_bg:transparent;--_bg-hover:var(--ind-button-ghost-bg-hover, #1a2129);--_bg-active:var(--ind-button-ghost-bg-active, #2a3340)}:host([size="sm"]) .btn{font-size:var(--ind-font-size-sm, 11px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px)}:host([size="lg"]) .btn{font-size:var(--ind-font-size-lg, 14px);padding:var(--ind-spacing-5, 12px) var(--ind-spacing-7, 20px)}.content{position:relative;z-index:1}.hold-progress{position:absolute;inset:0;background:currentColor;opacity:0.18;transform-origin:left center;transform:scaleX(0);transition:transform 60ms linear;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}`;const s=t(class t extends n{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.indActivate=i(this,"indActivate")}variant="default";size="md";disabled=false;label;holdToConfirmMs=0;indActivate;progress=0;holdStart=0;rafHandle=null;startHold=t=>{if(this.disabled)return;t.preventDefault();if(this.holdToConfirmMs<=0){this.indActivate.emit();return}this.holdStart=performance.now();this.progress=0;this.tick()};tick=()=>{const t=performance.now()-this.holdStart;this.progress=Math.min(1,t/this.holdToConfirmMs);if(this.progress>=1){this.cancelHold();this.indActivate.emit();return}this.rafHandle=requestAnimationFrame(this.tick)};cancelHold=()=>{if(this.rafHandle!==null){cancelAnimationFrame(this.rafHandle);this.rafHandle=null}this.progress=0};onKeyDown=t=>{if(t.key===" "||t.key==="Enter"){t.preventDefault();this.startHold(t)}};disconnectedCallback(){this.cancelHold()}render(){const t=this.progress>0&&this.progress<1;return e(a,{key:"bbafede18f13eac5486d9cae0c2bd727375e7762"},e("button",{key:"82bf34d3c9943e33edd5c8863be6457d3c201ece",type:"button",class:{btn:true,"is-holding":t},part:"btn",disabled:this.disabled,"aria-label":this.label,"aria-describedby":this.holdToConfirmMs>0?"hold-hint":undefined,onPointerDown:this.startHold,onPointerUp:this.cancelHold,onPointerLeave:this.cancelHold,onPointerCancel:this.cancelHold,onKeyDown:this.onKeyDown,onKeyUp:this.cancelHold},e("span",{key:"75252fda5e1229f6c335df277b0c09a18d0b621d",class:"content",part:"content"},e("slot",{key:"f9a158deadf76da0cf1e13680c1b1dd444273387"},this.label)),this.holdToConfirmMs>0&&e("span",{key:"7ba778902c08b3d8fe6b1c6a963c4ab645369110",class:"hold-progress",part:"hold-progress",style:{transform:`scaleX(${this.progress})`},"aria-hidden":"true"})),this.holdToConfirmMs>0&&e("span",{key:"9c2f72de9486bfed4855c5dc81dbf54161c97842",id:"hold-hint",class:"sr-only"},"Hold to confirm (",this.holdToConfirmMs," ms)"))}static get style(){return o()}},[769,"ind-button",{variant:[513],size:[513],disabled:[516],label:[1],holdToConfirmMs:[2,"hold-to-confirm-ms"],progress:[32]}]);function d(){if(typeof customElements==="undefined"){return}const t=["ind-button"];t.forEach((t=>{switch(t){case"ind-button":if(!customElements.get(r(t))){customElements.define(r(t),s)}break}}))}d();const b=s;const c=d;export{b as IndButton,c as defineCustomElement};
+import{I as o,d as s}from"./p-CRSC4h1X.js";const t=o;const p=s;export{t as IndButton,p as defineCustomElement};
 //# sourceMappingURL=ind-button.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["buttonCss","IndButton","__stencil_proxyCustomElement","HTMLElement","variant","size","disabled","label","holdToConfirmMs","indActivate","progress","holdStart","rafHandle","startHold","e","this","preventDefault","emit","performance","now","tick","elapsed","Math","min","cancelHold","requestAnimationFrame","cancelAnimationFrame","onKeyDown","key","disconnectedCallback","render","isHolding","h","Host","type","class","btn","part","undefined","onPointerDown","onPointerUp","onPointerLeave","onPointerCancel","onKeyUp","style","transform","id"],"sources":["src/components/atoms/button/button.css?tag=ind-button&encapsulation=shadow","src/components/atoms/button/button.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans);\n}\n\n.btn {\n  position: relative;\n  overflow: hidden;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);\n\n  font-family: inherit;\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1;\n  letter-spacing: 0.01em;\n\n  background: var(--_bg, var(--ind-button-default-bg, #1a2129));\n  color: var(--_fg, var(--ind-button-default-fg, #eef1f5));\n  border: 1px solid var(--_border, var(--ind-button-default-border, #3d4856));\n  border-radius: var(--ind-radius-md, 3px);\n\n  cursor: pointer;\n  user-select: none;\n  touch-action: manipulation;\n  transition:\n    background-color var(--ind-motion-duration-fast, 120ms),\n    border-color var(--ind-motion-duration-fast, 120ms);\n}\n\n.btn:hover:not(:disabled) {\n  background: var(--_bg-hover, var(--ind-button-default-bg-hover, #2a3340));\n}\n\n.btn:active:not(:disabled),\n.btn.is-holding:not(:disabled) {\n  background: var(--_bg-active, var(--ind-button-default-bg-active, #3d4856));\n}\n\n.btn:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #22d3ee);\n  outline-offset: 2px;\n}\n\n.btn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n:host([variant=\"primary\"]) .btn {\n  --_bg:        var(--ind-button-primary-bg, #2563eb);\n  --_bg-hover:  var(--ind-button-primary-bg-hover, #60a5fa);\n  --_bg-active: var(--ind-button-primary-bg-active, #60a5fa);\n  --_fg:        var(--ind-button-primary-fg, #ffffff);\n  --_border:    var(--ind-button-primary-border, #60a5fa);\n}\n\n:host([variant=\"danger\"]) .btn {\n  --_bg:        var(--ind-button-danger-bg, #dc2626);\n  --_bg-hover:  var(--ind-button-danger-bg-hover, #f87171);\n  --_bg-active: var(--ind-button-danger-bg-active, #f87171);\n  --_fg:        var(--ind-button-danger-fg, #ffffff);\n  --_border:    var(--ind-button-danger-border, #f87171);\n}\n\n:host([variant=\"ghost\"]) .btn {\n  --_bg:        transparent;\n  --_bg-hover:  var(--ind-button-ghost-bg-hover, #1a2129);\n  --_bg-active: var(--ind-button-ghost-bg-active, #2a3340);\n}\n\n:host([size=\"sm\"]) .btn {\n  font-size: var(--ind-font-size-sm, 11px);\n  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);\n}\n:host([size=\"lg\"]) .btn {\n  font-size: var(--ind-font-size-lg, 14px);\n  padding: var(--ind-spacing-5, 12px) var(--ind-spacing-7, 20px);\n}\n\n.content {\n  position: relative;\n  z-index: 1;\n}\n\n.hold-progress {\n  position: absolute;\n  inset: 0;\n  background: currentColor;\n  opacity: 0.18;\n  transform-origin: left center;\n  transform: scaleX(0);\n  transition: transform 60ms linear;\n  pointer-events: none;\n}\n\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n} from '@stencil/core';\n\nexport type ButtonVariant = 'default' | 'primary' | 'danger' | 'ghost';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class IndButton {\n  /** Visual variant. `danger` should be paired with `holdToConfirmMs` for critical actions. */\n  @Prop({ reflect: true }) variant: ButtonVariant = 'default';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: ButtonSize = 'md';\n\n  /** Disabled state. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Optional accessible label (falls back to slotted text). */\n  @Prop() label?: string;\n\n  /**\n   * If > 0, the button must be held this many milliseconds before activating.\n   * Use for critical actions (Stop, Trip, Reset) to prevent accidental clicks —\n   * standard NAMUR / safety-instrumented operating practice.\n   */\n  @Prop() holdToConfirmMs: number = 0;\n\n  /** Fired on click (or after hold completes if `holdToConfirmMs > 0`). */\n  @Event() indActivate!: EventEmitter<void>;\n\n  @State() private progress: number = 0;\n\n  private holdStart = 0;\n  private rafHandle: number | null = null;\n\n  private startHold = (e: Event) => {\n    if (this.disabled) return;\n    e.preventDefault();\n    if (this.holdToConfirmMs <= 0) {\n      this.indActivate.emit();\n      return;\n    }\n    this.holdStart = performance.now();\n    this.progress = 0;\n    this.tick();\n  };\n\n  private tick = () => {\n    const elapsed = performance.now() - this.holdStart;\n    this.progress = Math.min(1, elapsed / this.holdToConfirmMs);\n    if (this.progress >= 1) {\n      this.cancelHold();\n      this.indActivate.emit();\n      return;\n    }\n    this.rafHandle = requestAnimationFrame(this.tick);\n  };\n\n  private cancelHold = () => {\n    if (this.rafHandle !== null) {\n      cancelAnimationFrame(this.rafHandle);\n      this.rafHandle = null;\n    }\n    this.progress = 0;\n  };\n\n  private onKeyDown = (e: KeyboardEvent) => {\n    if (e.key === ' ' || e.key === 'Enter') {\n      e.preventDefault();\n      this.startHold(e);\n    }\n  };\n\n  disconnectedCallback() {\n    this.cancelHold();\n  }\n\n  render() {\n    const isHolding = this.progress > 0 && this.progress < 1;\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class={{ btn: true, 'is-holding': isHolding }}\n          part=\"btn\"\n          disabled={this.disabled}\n          aria-label={this.label}\n          aria-describedby={this.holdToConfirmMs > 0 ? 'hold-hint' : undefined}\n          onPointerDown={this.startHold}\n          onPointerUp={this.cancelHold}\n          onPointerLeave={this.cancelHold}\n          onPointerCancel={this.cancelHold}\n          onKeyDown={this.onKeyDown}\n          onKeyUp={this.cancelHold}\n        >\n          <span class=\"content\" part=\"content\">\n            <slot>{this.label}</slot>\n          </span>\n          {this.holdToConfirmMs > 0 && (\n            <span\n              class=\"hold-progress\"\n              part=\"hold-progress\"\n              style={{ transform: `scaleX(${this.progress})` }}\n              aria-hidden=\"true\"\n            />\n          )}\n        </button>\n        {this.holdToConfirmMs > 0 && (\n          <span id=\"hold-hint\" class=\"sr-only\">\n            Hold to confirm ({this.holdToConfirmMs} ms)\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6DAAA,MAAMA,EAAY,IAAM,y9E,MCkBXC,EAASC,EAAA,MAAAD,UAAAE,E,wHAEKC,QAAyB,UAGzBC,KAAmB,KAGnBC,SAAoB,MAGrCC,MAOAC,gBAA0B,EAGzBC,YAEQC,SAAmB,EAE5BC,UAAY,EACZC,UAA2B,KAE3BC,UAAaC,IACnB,GAAIC,KAAKT,SAAU,OACnBQ,EAAEE,iBACF,GAAID,KAAKP,iBAAmB,EAAG,CAC7BO,KAAKN,YAAYQ,OACjB,M,CAEFF,KAAKJ,UAAYO,YAAYC,MAC7BJ,KAAKL,SAAW,EAChBK,KAAKK,MAAM,EAGLA,KAAO,KACb,MAAMC,EAAUH,YAAYC,MAAQJ,KAAKJ,UACzCI,KAAKL,SAAWY,KAAKC,IAAI,EAAGF,EAAUN,KAAKP,iBAC3C,GAAIO,KAAKL,UAAY,EAAG,CACtBK,KAAKS,aACLT,KAAKN,YAAYQ,OACjB,M,CAEFF,KAAKH,UAAYa,sBAAsBV,KAAKK,KAAK,EAG3CI,WAAa,KACnB,GAAIT,KAAKH,YAAc,KAAM,CAC3Bc,qBAAqBX,KAAKH,WAC1BG,KAAKH,UAAY,I,CAEnBG,KAAKL,SAAW,CAAC,EAGXiB,UAAab,IACnB,GAAIA,EAAEc,MAAQ,KAAOd,EAAEc,MAAQ,QAAS,CACtCd,EAAEE,iBACFD,KAAKF,UAAUC,E,GAInB,oBAAAe,GACEd,KAAKS,Y,CAGP,MAAAM,GACE,MAAMC,EAAYhB,KAAKL,SAAW,GAAKK,KAAKL,SAAW,EACvD,OACEsB,EAACC,EAAI,CAAAL,IAAA,4CACHI,EAAA,UAAAJ,IAAA,2CACEM,KAAK,SACLC,MAAO,CAAEC,IAAK,KAAM,aAAcL,GAClCM,KAAK,MACL/B,SAAUS,KAAKT,SAAQ,aACXS,KAAKR,MAAK,mBACJQ,KAAKP,gBAAkB,EAAI,YAAc8B,UAC3DC,cAAexB,KAAKF,UACpB2B,YAAazB,KAAKS,WAClBiB,eAAgB1B,KAAKS,WACrBkB,gBAAiB3B,KAAKS,WACtBG,UAAWZ,KAAKY,UAChBgB,QAAS5B,KAAKS,YAEdQ,EAAA,QAAAJ,IAAA,2CAAMO,MAAM,UAAUE,KAAK,WACzBL,EAAA,QAAAJ,IAAA,4CAAOb,KAAKR,QAEbQ,KAAKP,gBAAkB,GACtBwB,EAAA,QAAAJ,IAAA,2CACEO,MAAM,gBACNE,KAAK,gBACLO,MAAO,CAAEC,UAAW,UAAU9B,KAAKL,aAAa,cACpC,UAIjBK,KAAKP,gBAAkB,GACtBwB,EAAA,QAAAJ,IAAA,2CAAMkB,GAAG,YAAYX,MAAM,WAAS,oBAChBpB,KAAKP,gBAAe,Q","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ind-canvas-layer.d.ts

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

package/dist/components/ind-canvas-layer.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as s,a as n,t as a}from"./index.js";const c=()=>`:host{position:absolute;display:inline-block;transform-origin:center}`;const r=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}x=0;y=0;rotation=0;scale=1;z=0;anchor="center";render(){const t=this.anchor==="center"?"translate(-50%, -50%)":"translate(0, 0)";return s(n,{key:"9133c1e4def8fc950638b32d0e459ee7424a0d1d",style:{left:`${this.x}%`,top:`${this.y}%`,zIndex:String(this.z),transform:`${t} rotate(${this.rotation}deg) scale(${this.scale})`}},s("slot",{key:"168b3e4ecc1c9d34f96a8fc0faf5e9dab5ffc2a3"}))}static get style(){return c()}},[769,"ind-canvas-layer",{x:[2],y:[2],rotation:[2],scale:[2],z:[2],anchor:[513]}]);function o(){if(typeof customElements==="undefined"){return}const t=["ind-canvas-layer"];t.forEach((t=>{switch(t){case"ind-canvas-layer":if(!customElements.get(a(t))){customElements.define(a(t),r)}break}}))}o();const i=r;const l=o;export{i as IndCanvasLayer,l as defineCustomElement};
+//# sourceMappingURL=ind-canvas-layer.js.map

package/dist/components/ind-canvas-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["canvasLayerCss","IndCanvasLayer","__stencil_proxyCustomElement","HTMLElement","x","y","rotation","scale","z","anchor","render","translate","this","h","Host","key","style","left","top","zIndex","String","transform"],"sources":["src/components/atoms/canvas-layer/canvas-layer.css?tag=ind-canvas-layer&encapsulation=shadow","src/components/atoms/canvas-layer/canvas-layer.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  display: inline-block;\n  transform-origin: center;\n}\n\n/* Pair with a positioned container (e.g. an ind P&ID frame) that sets\n * `position: relative`. Layers stack by their `z` prop. */\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-canvas-layer',\n  styleUrl: 'canvas-layer.css',\n  shadow: true,\n})\nexport class IndCanvasLayer {\n  /** Horizontal position as a percentage of the parent (0–100). */\n  @Prop() x: number = 0;\n  /** Vertical position as a percentage of the parent (0–100). */\n  @Prop() y: number = 0;\n  /** Rotation in degrees. */\n  @Prop() rotation: number = 0;\n  /** Uniform scale factor. */\n  @Prop() scale: number = 1;\n  /** Stacking order. */\n  @Prop() z: number = 0;\n  /** Anchor the placed content by its center (default) or top-left. */\n  @Prop({ reflect: true }) anchor: 'center' | 'top-left' = 'center';\n\n  render() {\n    const translate = this.anchor === 'center' ? 'translate(-50%, -50%)' : 'translate(0, 0)';\n    return (\n      <Host\n        style={{\n          left: `${this.x}%`,\n          top: `${this.y}%`,\n          zIndex: String(this.z),\n          transform: `${translate} rotate(${this.rotation}deg) scale(${this.scale})`,\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAiB,IAAM,wE,MCOhBC,EAAcC,EAAA,MAAAD,UAAAE,E,iFAEjBC,EAAY,EAEZC,EAAY,EAEZC,SAAmB,EAEnBC,MAAgB,EAEhBC,EAAY,EAEKC,OAAgC,SAEzD,MAAAC,GACE,MAAMC,EAAYC,KAAKH,SAAW,SAAW,wBAA0B,kBACvE,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,KAAM,GAAGL,KAAKR,KACdc,IAAK,GAAGN,KAAKP,KACbc,OAAQC,OAAOR,KAAKJ,GACpBa,UAAW,GAAGV,YAAoBC,KAAKN,sBAAsBM,KAAKL,WAGpEM,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/components/ind-checkbox.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as t,h as i,a as s,t as n}from"./index.js";const r=()=>`:host{display:inline-flex;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));--_size:16px}:host([size="sm"]){--_size:12px}:host([size="md"]){--_size:16px}:host([size="lg"]){--_size:20px}.wrap{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);cursor:pointer;user-select:none}.box{position:relative;display:inline-block;width:var(--_size);height:var(--_size);flex-shrink:0}.native{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.mark{position:relative;display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);transition:background var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.mark::after{content:"";position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:70%;opacity:0;transition:opacity var(--ind-motion-duration-fast, 120ms)}:host([checked]) .mark,:host([indeterminate]) .mark{background:var(--ind-button-primary-bg, #2563eb);border-color:var(--ind-button-primary-border, #60a5fa)}:host([checked]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.5 3.5L13 5'/></svg>")}:host([indeterminate]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' d='M3 8h10'/></svg>")}.native:focus-visible+.mark{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}:host([disabled]){opacity:0.5}:host([disabled]) .wrap{cursor:not-allowed}.label{line-height:1.2}`;const o=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=t(this,"indChange")}get host(){return this}checked=false;indeterminate=false;disabled=false;size="md";label;name;value;indChange;componentDidLoad(){this.syncIndeterminate()}syncIndeterminate(){const e=this.host.shadowRoot?.querySelector("input");if(e)e.indeterminate=this.indeterminate}onChange=e=>{const a=e.target.checked;this.checked=a;this.indChange.emit(a)};render(){const e=this.indeterminate?"mixed":this.checked?"true":"false";return i(s,{key:"d4b48a80703ea584c4db306d26fcaebd990f9d87"},i("label",{key:"d101498325e34b2d4ce87189aaf82930f81fd831",class:"wrap",part:"wrap"},i("span",{key:"8363b37e0c6a9a082dbab4e0bb26b09506cb4b00",class:"box",part:"box"},i("input",{key:"2c2a0d2e10c70a97aa2c983941f14bd3c6bc30dd",type:"checkbox",class:"native",part:"native",checked:this.checked,disabled:this.disabled,name:this.name,value:this.value,"aria-checked":e,onChange:this.onChange}),i("span",{key:"41f5ba40d9c2e27e899366e9de111d3aa4a3817c",class:"mark",part:"mark","aria-hidden":"true"})),this.label&&i("span",{key:"c9955a662691ac94a2be379edc332f550f09b53e",class:"label",part:"label"},this.label)))}static get watchers(){return{indeterminate:[{syncIndeterminate:0}]}}static get style(){return r()}},[513,"ind-checkbox",{checked:[1540],indeterminate:[516],disabled:[516],size:[513],label:[1],name:[1],value:[1]},undefined,{indeterminate:[{syncIndeterminate:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-checkbox"];e.forEach((e=>{switch(e){case"ind-checkbox":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}d();const c=o;const l=d;export{c as IndCheckbox,l as defineCustomElement};
+import{p as e,H as a,c as t,h as i,a as s,t as n}from"./index.js";const r=()=>`:host{display:inline-flex;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));--_size:16px}:host([size="sm"]){--_size:12px}:host([size="md"]){--_size:16px}:host([size="lg"]){--_size:20px}.wrap{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);cursor:pointer;user-select:none}.box{position:relative;display:inline-block;width:var(--_size);height:var(--_size);flex-shrink:0}.native{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.mark{position:relative;display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);transition:background var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.mark::after{content:"";position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:70%;opacity:0;transition:opacity var(--ind-motion-duration-fast, 120ms)}:host([checked]) .mark,:host([indeterminate]) .mark{background:var(--ind-button-primary-bg, #2563eb);border-color:var(--ind-button-primary-border, #60a5fa)}:host([checked]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.5 3.5L13 5'/></svg>")}:host([indeterminate]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' d='M3 8h10'/></svg>")}.native:focus-visible+.mark{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}:host([disabled]){opacity:0.5}:host([disabled]) .wrap{cursor:not-allowed}.label{line-height:1.2}`;const o=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=t(this,"indChange")}get host(){return this}checked=false;indeterminate=false;disabled=false;size="md";label;name;value;indChange;componentDidLoad(){this.syncIndeterminate()}syncIndeterminate(){const e=this.host.shadowRoot?.querySelector("input");if(e)e.indeterminate=this.indeterminate}onChange=e=>{const a=e.target.checked;this.checked=a;this.indChange.emit(a)};render(){const e=this.indeterminate?"mixed":this.checked?"true":"false";return i(s,{key:"97a30cc5fc8eb0a01e0193b56e811abd3f322a31"},i("label",{key:"cac1ab16f2b130f3dac76e5b861ecbd3a9271b23",class:"wrap",part:"wrap"},i("span",{key:"e18b87b7e0fbc6f87a631b47a03e7d56d12bda9a",class:"box",part:"box"},i("input",{key:"e2f3e227b34b5b0161fced6d2ac9dc671a1812ed",type:"checkbox",class:"native",part:"native",checked:this.checked,disabled:this.disabled,name:this.name,value:this.value,"aria-checked":e,onChange:this.onChange}),i("span",{key:"0181321087723255ed57ac80503fe2bfa54a3b13",class:"mark",part:"mark","aria-hidden":"true"})),this.label&&i("span",{key:"27a256ee09a5c9f362221a78b4faeb32b4e63f86",class:"label",part:"label"},this.label)))}static get watchers(){return{indeterminate:[{syncIndeterminate:0}]}}static get style(){return r()}},[513,"ind-checkbox",{checked:[1540],indeterminate:[516],disabled:[516],size:[513],label:[1],name:[1],value:[1]},undefined,{indeterminate:[{syncIndeterminate:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-checkbox"];e.forEach((e=>{switch(e){case"ind-checkbox":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}d();const c=o;const l=d;export{c as IndCheckbox,l as defineCustomElement};
 //# sourceMappingURL=ind-checkbox.js.map

package/dist/components/ind-command-center.d.ts

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