@ind-ds/core 0.1.1 → 0.2.0

package/dist/ind-ds/p-34b2f7e2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["datetimePickerCss","IndDateTimePicker","mode","value","min","max","step","disabled","invalid","size","label","name","indChange","onChange","e","v","target","this","emit","render","h","Host","key","class","part","type"],"sources":["src/components/atoms/datetime-picker/datetime-picker.css?tag=ind-datetime-picker&encapsulation=shadow","src/components/atoms/datetime-picker/datetime-picker.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_h: 26px;\n}\n\n:host([size=\"sm\"]) { --_h: 22px; }\n:host([size=\"lg\"]) { --_h: 32px; }\n\n.wrap {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.input {\n  height: var(--_h);\n  padding: 0 var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-size: var(--ind-font-size-base, 12px);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  color: var(--ind-surface-text-primary, #eef1f5);\n  background: var(--ind-surface-sunken, light-dark(#fff, #000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-sm, 2px);\n  color-scheme: dark light;\n}\n\n.input:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 0;\n}\n\n.input:disabled { opacity: 0.5; cursor: not-allowed; }\n\n:host([invalid]) .input {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type DateTimeMode = 'datetime-local' | 'date' | 'time' | 'month' | 'week';\nexport type DateTimeSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-datetime-picker',\n  styleUrl: 'datetime-picker.css',\n  shadow: true,\n})\nexport class IndDateTimePicker {\n  /** Picker mode (maps to the native input type). */\n  @Prop({ reflect: true }) mode: DateTimeMode = 'datetime-local';\n  /** Current ISO value. */\n  @Prop({ mutable: true }) value: string = '';\n  /** Min bound (ISO). */\n  @Prop() min?: string;\n  /** Max bound (ISO). */\n  @Prop() max?: string;\n  /** Step (seconds for time-based modes). */\n  @Prop() step?: number | string;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Invalid state. */\n  @Prop({ reflect: true }) invalid: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: DateTimeSize = 'md';\n  /** Visible label. */\n  @Prop() label?: string;\n  /** Field name (forms). */\n  @Prop() name?: string;\n\n  /** Fires on commit. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.value = v;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <input\n            class=\"input\"\n            part=\"input\"\n            type={this.mode}\n            value={this.value}\n            min={this.min}\n            max={this.max}\n            step={this.step as unknown as string}\n            name={this.name}\n            disabled={this.disabled}\n            aria-invalid={this.invalid ? 'true' : 'false'}\n            aria-label={this.label}\n            onChange={this.onChange}\n          />\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,IAAM,4nC,MCUnBC,EAAiB,M,4DAEHC,KAAqB,iBAErBC,MAAgB,GAEjCC,IAEAC,IAEAC,KAEiBC,SAAoB,MAEpBC,QAAmB,MAEnBC,KAAqB,KAEtCC,MAEAC,KAGCC,UAEDC,SAAYC,IAClB,MAAMC,EAAKD,EAAEE,OAA4Bb,MACzCc,KAAKd,MAAQY,EACbE,KAAKL,UAAUM,KAAKH,EAAE,EAGxB,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAM,OAAOC,KAAK,QACtBP,KAAKP,OAASU,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAASP,KAAKP,OACtDU,EAAA,SAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,QACLC,KAAMR,KAAKf,KACXC,MAAOc,KAAKd,MACZC,IAAKa,KAAKb,IACVC,IAAKY,KAAKZ,IACVC,KAAMW,KAAKX,KACXK,KAAMM,KAAKN,KACXJ,SAAUU,KAAKV,SAAQ,eACTU,KAAKT,QAAU,OAAS,QAAO,aACjCS,KAAKP,MACjBG,SAAUI,KAAKJ,Y","ignoreList":[]}

package/dist/ind-ds/{p-c8de42e9.entry.js → p-36e43ec4.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as n}from"./p-D2yNiL0d.js";const e=()=>`:host{display:block;width:var(--ind-size-canvas-shelves-width, 480px);height:var(--ind-size-canvas-shelves-height, 340px);font-family:var(--ind-font-family-sans);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.heading{font-family:var(--ind-font-family-sans);font-size:13px;font-weight:700;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));text-transform:uppercase;letter-spacing:0.05em}.outline{fill:color-mix(in srgb, var(--ind-surface-raised) 40%, transparent);stroke:var(--ind-surface-border-strong);stroke-width:1.5;stroke-linejoin:round}.fill{fill:var(--ind-state-running-bg, #16a34a);transition:y 240ms, height 240ms}.slot--partial .fill{fill:var(--ind-feedback-warning-bg, #f59e0b)}.slot--empty .fill{fill:var(--ind-feedback-error-bg, #dc2626)}.slot--missing .outline{fill:transparent;stroke-dasharray:4 2;stroke:var(--ind-surface-border-subtle)}.label{font-family:var(--ind-font-family-mono);font-size:11px;font-weight:600;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));letter-spacing:0.02em}.level{font-family:var(--ind-font-family-mono);font-size:12px;font-weight:700;fill:#ffffff;paint-order:stroke;stroke:rgba(0, 0, 0, 0.55);stroke-width:3;letter-spacing:0.02em}.slot--missing .level{display:none}`;const i=class{constructor(s){t(this,s)}slots=[];rows=1;cols=4;heading;parseSlots(){if(Array.isArray(this.slots))return this.slots;if(typeof this.slots==="string"&&this.slots.trim()){try{const t=JSON.parse(this.slots);return Array.isArray(t)?t:[]}catch{return[]}}return[]}resolveState(t){if(t.state)return t.state;if(t.level===undefined)return"missing";if(t.level>=60)return"full";if(t.level>=20)return"partial";return"empty"}render(){const t=this.parseSlots();const e=480;const i=340;const r=24;const a=this.heading?40:24;const o=28;const l=e-r*2;const f=i-a-o;const c=l/this.cols;const d=f/this.rows;return s(n,{key:"e368cf70181cf224e4076b937a1e12a53e95e58f",role:"img","aria-label":this.heading??"Shelf inventory"},s("svg",{key:"e5fa8c4d7bed40cddbd4c6a691aa49a9c29007a5",viewBox:`0 0 ${e} ${i}`,part:"svg"},this.heading&&s("text",{key:"ec0c820367a330cc570b2c44c6d63c11fbed7f3b",x:e/2,y:"22",class:"heading","text-anchor":"middle"},this.heading),t.slice(0,this.rows*this.cols).map((n=>{const e=t.indexOf(n);const i=e%this.cols;const o=Math.floor(e/this.cols);const l=r+i*c+c/2;const f=a+o*d+d/2;const h=Math.min(c-30,80);const g=Math.max(40,d-60);const u=l-h/2;const m=f-g/2;const v=u+h*.32;const p=u+h*.68;const y=m+14;const b=this.resolveState(n);const x=n.level??0;const k=5;const $=g-20-k*2;const w=Math.max(0,$*(x/100));return s("g",{class:`slot slot--${b}`},s("path",{class:"outline",d:`\n                    M ${v} ${m}\n                    L ${p} ${m}\n                    L ${p} ${m+8}\n                    L ${u+h} ${y}\n                    L ${u+h} ${m+g}\n                    L ${u} ${m+g}\n                    L ${u} ${y}\n                    L ${v} ${m+8}\n                    Z\n                  `}),b!=="missing"&&x>0&&s("rect",{class:"fill",x:u+k,y:m+g-k-w,width:h-k*2,height:w,rx:"2"}),b!=="missing"&&s("text",{x:l,y:f+4,class:"level","text-anchor":"middle"},Math.round(x),"%"),s("text",{x:l,y:m+g+16,class:"label","text-anchor":"middle"},n.label))}))))}};i.style=e();export{i as ind_shelf_canvas};
-//# sourceMappingURL=p-c8de42e9.entry.js.map
+import{r as t,h as s,H as e}from"./p-Bls_NlWP.js";const n=()=>`:host{display:block;width:var(--ind-size-canvas-shelves-width, 480px);height:var(--ind-size-canvas-shelves-height, 340px);font-family:var(--ind-font-family-sans);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.heading{font-family:var(--ind-font-family-sans);font-size:13px;font-weight:700;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));text-transform:uppercase;letter-spacing:0.05em}.outline{fill:color-mix(in srgb, var(--ind-surface-raised) 40%, transparent);stroke:var(--ind-surface-border-strong);stroke-width:1.5;stroke-linejoin:round}.fill{fill:var(--ind-state-running-bg, #16a34a);transition:y 240ms, height 240ms}.slot--partial .fill{fill:var(--ind-feedback-warning-bg, #f59e0b)}.slot--empty .fill{fill:var(--ind-feedback-error-bg, #dc2626)}.slot--missing .outline{fill:transparent;stroke-dasharray:4 2;stroke:var(--ind-surface-border-subtle)}.label{font-family:var(--ind-font-family-mono);font-size:11px;font-weight:600;fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));letter-spacing:0.02em}.level{font-family:var(--ind-font-family-mono);font-size:12px;font-weight:700;fill:#ffffff;paint-order:stroke;stroke:rgba(0, 0, 0, 0.55);stroke-width:3;letter-spacing:0.02em}.slot--missing .level{display:none}`;const i=class{constructor(s){t(this,s)}slots=[];rows=1;cols=4;heading;parseSlots(){if(Array.isArray(this.slots))return this.slots;if(typeof this.slots==="string"&&this.slots.trim()){try{const t=JSON.parse(this.slots);return Array.isArray(t)?t:[]}catch{return[]}}return[]}resolveState(t){if(t.state)return t.state;if(t.level===undefined)return"missing";if(t.level>=60)return"full";if(t.level>=20)return"partial";return"empty"}render(){const t=this.parseSlots();const n=480;const i=340;const r=24;const a=this.heading?40:24;const o=28;const l=n-r*2;const c=i-a-o;const f=l/this.cols;const d=c/this.rows;return s(e,{key:"c50aafdae929f6c548b744ea7bed202403478616",role:"img","aria-label":this.heading??"Shelf inventory"},s("svg",{key:"cead1ebbee9dc4bf985a3a3ec28c946cc9a0c29c",viewBox:`0 0 ${n} ${i}`,part:"svg"},this.heading&&s("text",{key:"7d83c3c7f7ed080825aa08271eba2f2862ca3c15",x:n/2,y:"22",class:"heading","text-anchor":"middle"},this.heading),t.slice(0,this.rows*this.cols).map((e=>{const n=t.indexOf(e);const i=n%this.cols;const o=Math.floor(n/this.cols);const l=r+i*f+f/2;const c=a+o*d+d/2;const h=Math.min(f-30,80);const g=Math.max(40,d-60);const u=l-h/2;const m=c-g/2;const v=u+h*.32;const p=u+h*.68;const y=m+14;const b=this.resolveState(e);const x=e.level??0;const k=5;const $=g-20-k*2;const w=Math.max(0,$*(x/100));return s("g",{class:`slot slot--${b}`},s("path",{class:"outline",d:`\n                    M ${v} ${m}\n                    L ${p} ${m}\n                    L ${p} ${m+8}\n                    L ${u+h} ${y}\n                    L ${u+h} ${m+g}\n                    L ${u} ${m+g}\n                    L ${u} ${y}\n                    L ${v} ${m+8}\n                    Z\n                  `}),b!=="missing"&&x>0&&s("rect",{class:"fill",x:u+k,y:m+g-k-w,width:h-k*2,height:w,rx:"2"}),b!=="missing"&&s("text",{x:l,y:c+4,class:"level","text-anchor":"middle"},Math.round(x),"%"),s("text",{x:l,y:m+g+16,class:"label","text-anchor":"middle"},e.label))}))))}};i.style=n();export{i as ind_shelf_canvas};
+//# sourceMappingURL=p-36e43ec4.entry.js.map

package/dist/ind-ds/p-3701bd5b.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as i,h as t,H as r}from"./p-Bls_NlWP.js";const o=()=>`: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 e=()=>`:host{grid-template-columns:28px auto 1fr auto auto}:host([acknowledged]){opacity:0.6}.prio{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--ind-font-weight-bold, 700);font-size:var(--ind-font-size-xs, 10px);border-radius:var(--ind-radius-sm, 2px);padding:2px 0;color:var(--ind-color-palette-neutral-1000, #fff)}.prio-high-high{background:var(--ind-alarm-high-high-bg, #dc2626)}.prio-high{background:var(--ind-alarm-high-bg, #f59e0b);color:var(--ind-alarm-high-fg, #000)}.prio-low{background:var(--ind-alarm-low-bg, #0891b2)}.prio-low-low{background:var(--ind-alarm-low-low-bg, #7c3aed)}.acked{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-state-running-bg, #16a34a);white-space:nowrap}:host([priority="high-high"]:not([acknowledged])) .prio{animation:ind-alarm-row-pulse var(--ind-motion-blink-slow, 1000ms) ease-in-out infinite}@keyframes ind-alarm-row-pulse{50%{opacity:0.45}}@media (prefers-reduced-motion: reduce){:host([priority="high-high"]:not([acknowledged])) .prio{animation:none}}`;const n={"high-high":"HH",high:"H",low:"L","low-low":"LL"};const s=class{constructor(t){a(this,t);this.indAck=i(this,"indAck")}priority="high";tag;message;time;acknowledged=false;indAck;render(){return t(r,{key:"c361a5cc2d2d1839f81d90a883af3a9ec53085cb",role:"row","aria-label":`${n[this.priority]} alarm ${this.tag??""} ${this.message}`,"aria-live":this.priority==="high-high"&&!this.acknowledged?"assertive":"polite"},t("span",{key:"6471d9f6b21a764ba85d89f371e6a3d6fccb60de",class:`prio prio-${this.priority}`,part:"priority"},n[this.priority]),this.tag&&t("span",{key:"907433595d8628dacf0815d18556920efe617dd2",class:"tag",part:"tag"},this.tag),t("span",{key:"971b318c306e65089ac3687fcbdde2f98b6708b7",class:"msg",part:"message"},this.message),this.time&&t("span",{key:"3ccae3c4fff8f219320899a8d635b672f145aa40",class:"time",part:"time"},this.time),!this.acknowledged?t("ind-button",{class:"ack",part:"ack",variant:"ghost",size:"sm",label:"ACK",onIndActivate:()=>this.indAck.emit()}):t("span",{class:"acked",part:"acked"},"ACK ✓"))}};s.style=o()+e();export{s as ind_alarm_row};
+//# sourceMappingURL=p-3701bd5b.entry.js.map

package/dist/ind-ds/p-3701bd5b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","alarmRowCss","PRIORITY_LABEL","high","low","IndAlarmRow","priority","tag","message","time","acknowledged","indAck","render","h","Host","key","role","this","class","part","variant","size","label","onIndActivate","emit"],"sources":["src/components/molecules/_shared/row.css?tag=ind-alarm-row&encapsulation=shadow","src/components/molecules/alarm-row/alarm-row.css?tag=ind-alarm-row&encapsulation=shadow","src/components/molecules/alarm-row/alarm-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: 28px auto 1fr auto auto;\n}\n\n:host([acknowledged]) {\n  opacity: 0.6;\n}\n\n.prio {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: var(--ind-font-weight-bold, 700);\n  font-size: var(--ind-font-size-xs, 10px);\n  border-radius: var(--ind-radius-sm, 2px);\n  padding: 2px 0;\n  color: var(--ind-color-palette-neutral-1000, #fff);\n}\n\n.prio-high-high { background: var(--ind-alarm-high-high-bg, #dc2626); }\n.prio-high { background: var(--ind-alarm-high-bg, #f59e0b); color: var(--ind-alarm-high-fg, #000); }\n.prio-low { background: var(--ind-alarm-low-bg, #0891b2); }\n.prio-low-low { background: var(--ind-alarm-low-low-bg, #7c3aed); }\n\n.acked {\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-state-running-bg, #16a34a);\n  white-space: nowrap;\n}\n\n/* Unacknowledged high-high pulses to draw the eye. */\n:host([priority=\"high-high\"]:not([acknowledged])) .prio {\n  animation: ind-alarm-row-pulse var(--ind-motion-blink-slow, 1000ms) ease-in-out infinite;\n}\n\n@keyframes ind-alarm-row-pulse {\n  50% { opacity: 0.45; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host([priority=\"high-high\"]:not([acknowledged])) .prio { animation: none; }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type AlarmRowPriority = 'high-high' | 'high' | 'low' | 'low-low';\n\nconst PRIORITY_LABEL: Record<AlarmRowPriority, string> = {\n  'high-high': 'HH',\n  high: 'H',\n  low: 'L',\n  'low-low': 'LL',\n};\n\n/**\n * One line in an alarm summary / list. Shows the ISA-18.2 priority, the tag,\n * the message, a timestamp and an acknowledge button. Emits `indAck`.\n */\n@Component({\n  tag: 'ind-alarm-row',\n  styleUrls: ['../_shared/row.css', 'alarm-row.css'],\n  shadow: true,\n})\nexport class IndAlarmRow {\n  /** Alarm priority. */\n  @Prop({ reflect: true }) priority: AlarmRowPriority = 'high';\n  /** Source tag (e.g. \"PT-101\"). */\n  @Prop() tag?: string;\n  /** Alarm message. */\n  @Prop() message!: string;\n  /** Pre-formatted timestamp string. */\n  @Prop() time?: string;\n  /** Acknowledged state — dims the row and hides the ack button. */\n  @Prop({ reflect: true }) acknowledged: boolean = false;\n\n  /** Fires when the operator acknowledges this alarm. */\n  @Event() indAck!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host\n        role=\"row\"\n        aria-label={`${PRIORITY_LABEL[this.priority]} alarm ${this.tag ?? ''} ${this.message}`}\n        aria-live={this.priority === 'high-high' && !this.acknowledged ? 'assertive' : 'polite'}\n      >\n        <span class={`prio prio-${this.priority}`} part=\"priority\">{PRIORITY_LABEL[this.priority]}</span>\n        {this.tag && <span class=\"tag\" part=\"tag\">{this.tag}</span>}\n        <span class=\"msg\" part=\"message\">{this.message}</span>\n        {this.time && <span class=\"time\" part=\"time\">{this.time}</span>}\n        {!this.acknowledged ? (\n          <ind-button\n            class=\"ack\"\n            part=\"ack\"\n            variant=\"ghost\"\n            size=\"sm\"\n            label=\"ACK\"\n            onIndActivate={() => this.indAck.emit()}\n          />\n        ) : (\n          <span class=\"acked\" part=\"acked\">ACK ✓</span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAS,IAAM,oyBCArB,MAAMC,EAAc,IAAM,2gCCI1B,MAAMC,EAAmD,CACvD,YAAa,KACbC,KAAM,IACNC,IAAK,IACL,UAAW,M,MAYAC,EAAW,M,sDAEGC,SAA6B,OAE9CC,IAEAC,QAEAC,KAEiBC,aAAwB,MAGxCC,OAET,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,MAAK,aACE,GAAGd,EAAee,KAAKX,mBAAmBW,KAAKV,KAAO,MAAMU,KAAKT,UAAS,YAC3ES,KAAKX,WAAa,cAAgBW,KAAKP,aAAe,YAAc,UAE/EG,EAAA,QAAAE,IAAA,2CAAMG,MAAO,aAAaD,KAAKX,WAAYa,KAAK,YAAYjB,EAAee,KAAKX,WAC/EW,KAAKV,KAAOM,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAMC,KAAK,OAAOF,KAAKV,KAChDM,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAMC,KAAK,WAAWF,KAAKT,SACtCS,KAAKR,MAAQI,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOC,KAAK,QAAQF,KAAKR,OACjDQ,KAAKP,aACLG,EAAA,cACEK,MAAM,MACNC,KAAK,MACLC,QAAQ,QACRC,KAAK,KACLC,MAAM,MACNC,cAAe,IAAMN,KAAKN,OAAOa,SAGnCX,EAAA,QAAMK,MAAM,QAAQC,KAAK,SAAO,S","ignoreList":[]}

package/dist/ind-ds/{p-cf07b580.entry.js → p-37d6486c.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as r,H as e}from"./p-D2yNiL0d.js";const d=()=>`:host{display:flex;flex-direction:column;width:var(--ind-size-sidebar-width, 178px);height:100%;background:var(--ind-surface-panel);border-right:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));flex-shrink:0;box-sizing:border-box}.brand{padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px)}.brand:has(>:nth-child(1):empty),.brand:not(:has(*)){display:none}.items{flex:1;overflow-y:auto;padding:var(--ind-spacing-2, 4px) 0;scrollbar-width:thin;scrollbar-color:var(--ind-surface-border-strong) transparent}.items::-webkit-scrollbar{width:8px}.items::-webkit-scrollbar-thumb{background:var(--ind-surface-border-strong);border-radius:4px}.items::-webkit-scrollbar-track{background:transparent}.footer{padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-top:1px solid var(--ind-surface-border-subtle);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.footer:not(:has(*)){display:none}`;const i=class{constructor(r){a(this,r)}render(){return r(e,{key:"3ffd6c6d8afe2ed104b24ad1435d7a1d163c5071",role:"navigation"},r("div",{key:"2a56d85274fca7043d8e5624a93cb99c8767fc74",class:"brand",part:"brand"},r("slot",{key:"d185e1c6570b33648700dd922e671f023b3d34fc",name:"brand"})),r("div",{key:"31aaa48b8e08549a3a4990cbe4ae74507b0a8ccb",class:"items",part:"items"},r("slot",{key:"4ddb250ed915874ea6114588ab336e662526383f"})),r("div",{key:"d666ea3f666be22246d6f2e2464a85b741b4bfed",class:"footer",part:"footer"},r("slot",{key:"fff6600b601ec97d47f2a79b983d0a7ef261db33",name:"footer"})))}};i.style=d();export{i as ind_sidebar_nav};
-//# sourceMappingURL=p-cf07b580.entry.js.map
+import{r as a,h as r,H as e}from"./p-Bls_NlWP.js";const d=()=>`:host{display:flex;flex-direction:column;width:var(--ind-size-sidebar-width, 178px);height:100%;background:var(--ind-surface-panel);border-right:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));flex-shrink:0;box-sizing:border-box}.brand{padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px)}.brand:has(>:nth-child(1):empty),.brand:not(:has(*)){display:none}.items{flex:1;overflow-y:auto;padding:var(--ind-spacing-2, 4px) 0;scrollbar-width:thin;scrollbar-color:var(--ind-surface-border-strong) transparent}.items::-webkit-scrollbar{width:8px}.items::-webkit-scrollbar-thumb{background:var(--ind-surface-border-strong);border-radius:4px}.items::-webkit-scrollbar-track{background:transparent}.footer{padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-top:1px solid var(--ind-surface-border-subtle);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.footer:not(:has(*)){display:none}`;const i=class{constructor(r){a(this,r)}render(){return r(e,{key:"9d04eb64c4d78199a2675d8f8908783ee03c592d",role:"navigation"},r("div",{key:"a4cda235f70f218c1b0074997f51484599ee1cec",class:"brand",part:"brand"},r("slot",{key:"ed5d43d3e799902dba9f0e725186c80ea80d9ff1",name:"brand"})),r("div",{key:"21178ccce78cf2f294d0eb93c38417db8f5a749d",class:"items",part:"items"},r("slot",{key:"5902adf3f49022bd38fddf31edf43c458c5e7b8f"})),r("div",{key:"0789a9c4b2705f258108a77ecd1d898a5104ce85",class:"footer",part:"footer"},r("slot",{key:"87c03fb3608b92aa1130017d79eb2fd556de5ca4",name:"footer"})))}};i.style=d();export{i as ind_sidebar_nav};
+//# sourceMappingURL=p-37d6486c.entry.js.map

package/dist/ind-ds/{p-0840007d.entry.js → p-381489a3.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,a as i,h as t,H as s}from"./p-D2yNiL0d.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 n=class{constructor(i){e(this,i);this.indChange=a(this,"indChange")}get host(){return i(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 t(s,{key:"d4b48a80703ea584c4db306d26fcaebd990f9d87"},t("label",{key:"d101498325e34b2d4ce87189aaf82930f81fd831",class:"wrap",part:"wrap"},t("span",{key:"8363b37e0c6a9a082dbab4e0bb26b09506cb4b00",class:"box",part:"box"},t("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}),t("span",{key:"41f5ba40d9c2e27e899366e9de111d3aa4a3817c",class:"mark",part:"mark","aria-hidden":"true"})),this.label&&t("span",{key:"c9955a662691ac94a2be379edc332f550f09b53e",class:"label",part:"label"},this.label)))}static get watchers(){return{indeterminate:[{syncIndeterminate:0}]}}};n.style=r();export{n as ind_checkbox};
-//# sourceMappingURL=p-0840007d.entry.js.map
+import{r as e,c as a,a as i,h as t,H as s}from"./p-Bls_NlWP.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 n=class{constructor(i){e(this,i);this.indChange=a(this,"indChange")}get host(){return i(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 t(s,{key:"97a30cc5fc8eb0a01e0193b56e811abd3f322a31"},t("label",{key:"cac1ab16f2b130f3dac76e5b861ecbd3a9271b23",class:"wrap",part:"wrap"},t("span",{key:"e18b87b7e0fbc6f87a631b47a03e7d56d12bda9a",class:"box",part:"box"},t("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}),t("span",{key:"0181321087723255ed57ac80503fe2bfa54a3b13",class:"mark",part:"mark","aria-hidden":"true"})),this.label&&t("span",{key:"27a256ee09a5c9f362221a78b4faeb32b4e63f86",class:"label",part:"label"},this.label)))}static get watchers(){return{indeterminate:[{syncIndeterminate:0}]}}};n.style=r();export{n as ind_checkbox};
+//# sourceMappingURL=p-381489a3.entry.js.map

package/dist/ind-ds/p-3819e686.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const n=()=>`: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 t=()=>`:host{min-width:480px}.total{margin-left:auto;display:flex;align-items:baseline;gap:var(--ind-spacing-2, 4px)}.total-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted);margin-right:var(--ind-spacing-2, 4px)}.total-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-xl, 16px);font-weight:var(--ind-font-weight-bold, 700)}.total-unit{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}`;const d=class{constructor(e){a(this,e)}heading="Energy";totalLabel;totalValue;totalUnit="kW";columns=3;render(){return e(i,{key:"f12552c4b162b357e4a381a6bdd2cde2e414706f"},e("div",{key:"361d328f8b2d8bf3e3a0236f29c77b9bceb37885",class:"panel-head"},e("span",{key:"3310ec4ced60dbde07d62a187ca7676dffa1c478",class:"panel-title",part:"heading"},this.heading),this.totalValue!==undefined&&e("div",{key:"73df821d7349a80ac2abe9efda65dd823b7d8fc9",class:"total",part:"total"},this.totalLabel&&e("span",{key:"84ee94d7cdf6773e41070b8f949159724837b212",class:"total-label"},this.totalLabel),e("span",{key:"34fb429b84bde4bbb443f4d54b02db4a67421be1",class:"total-value"},this.totalValue.toLocaleString()),e("span",{key:"9e473401e54beb65c714bf440b8b6577d650068d",class:"total-unit"},this.totalUnit))),e("div",{key:"e5e5a8d673bdc23d79f59c684d7e08cb00ddb5bb",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},e("slot",{key:"4ad364dceb9c131ed639c833ec0ce7b36c754e3b"})))}};d.style=n()+t();export{d as ind_energy_dashboard};
+//# sourceMappingURL=p-3819e686.entry.js.map

package/dist/ind-ds/p-3819e686.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","energyDashboardCss","IndEnergyDashboard","heading","totalLabel","totalValue","totalUnit","columns","render","h","Host","key","class","part","this","undefined","toLocaleString","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-energy-dashboard&encapsulation=shadow","src/components/organisms/energy-dashboard/energy-dashboard.css?tag=ind-energy-dashboard&encapsulation=shadow","src/components/organisms/energy-dashboard/energy-dashboard.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.total {\n  margin-left: auto;\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.total-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  margin-right: var(--ind-spacing-2, 4px);\n}\n\n.total-value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-xl, 16px);\n  font-weight: var(--ind-font-weight-bold, 700);\n}\n\n.total-unit {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Energy dashboard. A headline total in the header and a grid of slotted\n * `<ind-energy-card>` / KPI molecules below.\n */\n@Component({\n  tag: 'ind-energy-dashboard',\n  styleUrls: ['../_shared/panel.css', 'energy-dashboard.css'],\n  shadow: true,\n})\nexport class IndEnergyDashboard {\n  @Prop() heading: string = 'Energy';\n  /** Headline total label (e.g. \"Site total\"). */\n  @Prop() totalLabel?: string;\n  /** Headline total value. */\n  @Prop() totalValue?: number;\n  /** Headline total unit. */\n  @Prop() totalUnit: string = 'kW';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          {this.totalValue !== undefined && (\n            <div class=\"total\" part=\"total\">\n              {this.totalLabel && <span class=\"total-label\">{this.totalLabel}</span>}\n              <span class=\"total-value\">{this.totalValue.toLocaleString()}</span>\n              <span class=\"total-unit\">{this.totalUnit}</span>\n            </div>\n          )}\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAqB,IAAM,sgB,MCWpBC,EAAkB,M,yBACrBC,QAAkB,SAElBC,WAEAC,WAEAC,UAAoB,KAEpBC,QAAkB,EAE1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKX,SAC9CW,KAAKT,aAAeU,WACnBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SACrBC,KAAKV,YAAcK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAeE,KAAKV,YACpDK,EAAA,QAAAE,IAAA,2CAAMC,MAAM,eAAeE,KAAKT,WAAWW,kBAC3CP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcE,KAAKR,aAIrCG,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLI,MAAO,CAAEC,oBAAqB,UAAUJ,KAAKP,6BAE7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/ind-ds/p-391657f6.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as r}from"./p-Bls_NlWP.js";const s=()=>`: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);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:16px;--_w:4px;--_on:var(--ind-state-running-bg, #16a34a)}:host([size="sm"]){--_h:12px;--_w:3px}:host([size="lg"]){--_h:22px;--_w:5px}:host([data-quality="poor"]){--_on:var(--ind-state-fault-bg, #dc2626)}:host([data-quality="fair"]){--_on:var(--ind-state-warning-bg, #f59e0b)}:host([data-quality="good"]){--_on:var(--ind-state-running-bg, #16a34a)}:host([data-quality="none"]){--_on:var(--ind-surface-border-strong, #5a6776)}.bars{display:inline-flex;align-items:flex-end;gap:2px;height:var(--_h)}.bar{width:var(--_w);background:var(--ind-surface-border-default, #2a3340);border-radius:1px;align-self:flex-end}.bar.is-on{background:var(--_on)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}`;const e=class{constructor(t){a(this,t)}level=0;bars=4;size="md";label;quality(){if(this.level<=0)return"none";const a=this.level/this.bars;if(a<=.34)return"poor";if(a<=.67)return"fair";return"good"}render(){const a=Math.max(1,this.bars);const s=Math.max(0,Math.min(a,this.level));const e=this.quality();return t(r,{key:"75fa0e52409f72555ea603490469c418281b036b",role:"meter","aria-valuenow":s,"aria-valuemin":0,"aria-valuemax":a,"aria-label":this.label??`Signal quality ${e}`,"data-quality":e},t("span",{key:"77a5333955c1cf070ba879cb593e7ff937b34b35",class:"bars",part:"bars","aria-hidden":"true"},Array.from({length:a}).map(((r,e)=>t("span",{class:{bar:true,"is-on":e<s},style:{height:`${30+e/a*70}%`}})))),this.label&&t("span",{key:"962c02cf5381b2bf22e9163ed2f7bb7fe12ca67a",class:"label",part:"label"},this.label))}};e.style=s();export{e as ind_signal_quality};
+//# sourceMappingURL=p-391657f6.entry.js.map

package/dist/ind-ds/p-391657f6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["signalQualityCss","IndSignalQuality","level","bars","size","label","quality","this","ratio","render","total","Math","max","filled","min","h","Host","key","role","class","part","Array","from","length","map","_","i","bar","style","height"],"sources":["src/components/atoms/signal-quality/signal-quality.css?tag=ind-signal-quality&encapsulation=shadow","src/components/atoms/signal-quality/signal-quality.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  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_h: 16px;\n  --_w: 4px;\n  --_on: var(--ind-state-running-bg, #16a34a);\n}\n\n:host([size=\"sm\"]) { --_h: 12px; --_w: 3px; }\n:host([size=\"lg\"]) { --_h: 22px; --_w: 5px; }\n\n:host([data-quality=\"poor\"]) { --_on: var(--ind-state-fault-bg, #dc2626); }\n:host([data-quality=\"fair\"]) { --_on: var(--ind-state-warning-bg, #f59e0b); }\n:host([data-quality=\"good\"]) { --_on: var(--ind-state-running-bg, #16a34a); }\n:host([data-quality=\"none\"]) { --_on: var(--ind-surface-border-strong, #5a6776); }\n\n.bars {\n  display: inline-flex;\n  align-items: flex-end;\n  gap: 2px;\n  height: var(--_h);\n}\n\n.bar {\n  width: var(--_w);\n  background: var(--ind-surface-border-default, #2a3340);\n  border-radius: 1px;\n  align-self: flex-end;\n}\n\n.bar.is-on {\n  background: var(--_on);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type SignalQualitySize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-signal-quality',\n  styleUrl: 'signal-quality.css',\n  shadow: true,\n})\nexport class IndSignalQuality {\n  /** Number of filled bars. */\n  @Prop() level: number = 0;\n\n  /** Total bars. */\n  @Prop() bars: number = 4;\n\n  /** Size. */\n  @Prop({ reflect: true }) size: SignalQualitySize = 'md';\n\n  /** Optional label rendered next to the bars. */\n  @Prop() label?: string;\n\n  private quality(): 'none' | 'poor' | 'fair' | 'good' {\n    if (this.level <= 0) return 'none';\n    const ratio = this.level / this.bars;\n    if (ratio <= 0.34) return 'poor';\n    if (ratio <= 0.67) return 'fair';\n    return 'good';\n  }\n\n  render() {\n    const total = Math.max(1, this.bars);\n    const filled = Math.max(0, Math.min(total, this.level));\n    const quality = this.quality();\n    return (\n      <Host\n        role=\"meter\"\n        aria-valuenow={filled}\n        aria-valuemin={0}\n        aria-valuemax={total}\n        aria-label={this.label ?? `Signal quality ${quality}`}\n        data-quality={quality}\n      >\n        <span class=\"bars\" part=\"bars\" aria-hidden=\"true\">\n          {Array.from({ length: total }).map((_, i) => (\n            <span class={{ bar: true, 'is-on': i < filled }} style={{ height: `${30 + (i / total) * 70}%` }} />\n          ))}\n        </span>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,IAAM,+8B,MCSlBC,EAAgB,M,yBAEnBC,MAAgB,EAGhBC,KAAe,EAGEC,KAA0B,KAG3CC,MAEA,OAAAC,GACN,GAAIC,KAAKL,OAAS,EAAG,MAAO,OAC5B,MAAMM,EAAQD,KAAKL,MAAQK,KAAKJ,KAChC,GAAIK,GAAS,IAAM,MAAO,OAC1B,GAAIA,GAAS,IAAM,MAAO,OAC1B,MAAO,M,CAGT,MAAAC,GACE,MAAMC,EAAQC,KAAKC,IAAI,EAAGL,KAAKJ,MAC/B,MAAMU,EAASF,KAAKC,IAAI,EAAGD,KAAKG,IAAIJ,EAAOH,KAAKL,QAChD,MAAMI,EAAUC,KAAKD,UACrB,OACES,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,gBACGL,EAAM,gBACN,EAAC,gBACDH,EAAK,aACRH,KAAKF,OAAS,kBAAkBC,IAAS,eACvCA,GAEdS,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAM,cAAa,QACxCC,MAAMC,KAAK,CAAEC,OAAQb,IAASc,KAAI,CAACC,EAAGC,IACrCX,EAAA,QAAMI,MAAO,CAAEQ,IAAK,KAAM,QAASD,EAAIb,GAAUe,MAAO,CAAEC,OAAQ,GAAG,GAAMH,EAAIhB,EAAS,YAG3FH,KAAKF,OAASU,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASb,KAAKF,O","ignoreList":[]}

package/dist/ind-ds/p-3cdcae06.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as n,H as i}from"./p-Bls_NlWP.js";const t=()=>`: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=()=>`.panel-body>ind-motor-card,.panel-body>ind-pump-card,.panel-body>ind-valve-card,.panel-body>ind-start-stop-control,.panel-body>ind-setpoint-control,.panel-body>ind-speed-control,.panel-body>ind-mode-selector,.panel-body>ind-recipe-selector{border:0;padding:0;background:transparent;min-width:0}`;const s=()=>`:host{min-width:280px}`;const r=class{constructor(n){e(this,n);this.indStart=a(this,"indStart");this.indStop=a(this,"indStop");this.indSpeed=a(this,"indSpeed");this.indMode=a(this,"indMode")}heading="Motor";tag;state="stopped";speed;current;load;speedSetpoint=0;mode;indStart;indStop;indSpeed;indMode;runState(){if(this.state==="running")return"running";if(this.state==="fault")return"fault";return"stopped"}onSpeed=e=>{e.stopPropagation();this.speedSetpoint=e.detail;this.indSpeed.emit(e.detail)};onMode=e=>{e.stopPropagation();this.indMode.emit(e.detail)};render(){return n(i,{key:"aa9cbabc5c0cfca6f3a40ad007644f9be2bab696"},n("div",{key:"803290dd446cabe5ee0f359b837b2e967bd8d827",class:"panel-head"},n("div",{key:"062e906a61e9d4dfee2535b89fa1b83ae077596e",class:"panel-titles"},n("span",{key:"f7cd17b073e057d1d19a277510b8f559bc57a856",class:"panel-title",part:"heading"},this.heading),this.tag&&n("span",{key:"a91e201967ce6167328df4453586141ba212b665",class:"panel-subtitle"},this.tag))),n("div",{key:"8fccc430ed03534f496cd87e3d636964b517e1b0",class:"panel-body"},n("ind-motor-card",{key:"997e568d414587072900160088a1a1d85859c649",tag:this.tag,label:this.heading,state:this.state,speed:this.speed,current:this.current,load:this.load}),n("ind-start-stop-control",{key:"05327d42c5e8a9970c8ac845c6721eee1bcea317",label:this.heading,state:this.runState(),onIndStart:()=>this.indStart.emit(),onIndStop:()=>this.indStop.emit()}),n("ind-speed-control",{key:"46d6380f0e12cc54de1ae28a5f57c446347a8019",label:"Speed setpoint",value:this.speedSetpoint,unit:"%",onIndChange:this.onSpeed}),n("ind-mode-selector",{key:"84ca78cf0ece4142d09867b0ae31ce604c913938",value:this.mode,onIndChange:this.onMode})))}};r.style=t()+(d()+s());export{r as ind_motor_control_panel};
+//# sourceMappingURL=p-3cdcae06.entry.js.map

package/dist/ind-ds/p-3cdcae06.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","controlPanelCss","motorControlPanelCss","IndMotorControlPanel","heading","tag","state","speed","current","load","speedSetpoint","mode","indStart","indStop","indSpeed","indMode","runState","this","onSpeed","e","stopPropagation","detail","emit","onMode","render","h","Host","key","class","part","label","onIndStart","onIndStop","value","unit","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-motor-control-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-motor-control-panel&encapsulation=shadow","src/components/organisms/motor-control-panel/motor-control-panel.css?tag=ind-motor-control-panel&encapsulation=shadow","src/components/organisms/motor-control-panel/motor-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","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n",":host {\n  min-width: 280px;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\nimport type { RunState } from '../../molecules/start-stop-control/start-stop-control';\n\n/**\n * Motor control panel: live `<ind-motor-card>` faceplate plus start/stop,\n * speed setpoint and mode selection.\n */\n@Component({\n  tag: 'ind-motor-control-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'motor-control-panel.css'],\n  shadow: true,\n})\nexport class IndMotorControlPanel {\n  @Prop() heading: string = 'Motor';\n  @Prop() tag?: string;\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  @Prop() speed?: number;\n  @Prop() current?: number;\n  @Prop() load?: number;\n  /** Speed setpoint (two-way), in percent. */\n  @Prop({ mutable: true }) speedSetpoint: number = 0;\n  @Prop() mode?: string;\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n  @Event() indSpeed!: EventEmitter<number>;\n  @Event() indMode!: EventEmitter<string>;\n\n  private runState(): RunState {\n    if (this.state === 'running') return 'running';\n    if (this.state === 'fault') return 'fault';\n    return 'stopped';\n  }\n\n  private onSpeed = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.speedSetpoint = e.detail;\n    this.indSpeed.emit(e.detail);\n  };\n  private onMode = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indMode.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-motor-card\n            tag={this.tag}\n            label={this.heading}\n            state={this.state}\n            speed={this.speed}\n            current={this.current}\n            load={this.load}\n          />\n          <ind-start-stop-control\n            label={this.heading}\n            state={this.runState()}\n            onIndStart={() => this.indStart.emit()}\n            onIndStop={() => this.indStop.emit()}\n          />\n          <ind-speed-control\n            label=\"Speed setpoint\"\n            value={this.speedSetpoint}\n            unit=\"%\"\n            onIndChange={this.onSpeed}\n          />\n          <ind-mode-selector value={this.mode} onIndChange={this.onMode} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAAuB,IAAM,yB,MCatBC,EAAoB,M,yJACvBC,QAAkB,QAClBC,IACiBC,MAAwB,UACzCC,MACAC,QACAC,KAEiBC,cAAwB,EACzCC,KAECC,SACAC,QACAC,SACAC,QAED,QAAAC,GACN,GAAIC,KAAKX,QAAU,UAAW,MAAO,UACrC,GAAIW,KAAKX,QAAU,QAAS,MAAO,QACnC,MAAO,S,CAGDY,QAAWC,IACjBA,EAAEC,kBACFH,KAAKP,cAAgBS,EAAEE,OACvBJ,KAAKH,SAASQ,KAAKH,EAAEE,OAAO,EAEtBE,OAAUJ,IAChBA,EAAEC,kBACFH,KAAKF,QAAQO,KAAKH,EAAEE,OAAO,EAG7B,MAAAG,GACE,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,WAAWZ,KAAKb,SAC9Ca,KAAKZ,KAAOoB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBX,KAAKZ,OAGpDoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CACEtB,IAAKY,KAAKZ,IACVyB,MAAOb,KAAKb,QACZE,MAAOW,KAAKX,MACZC,MAAOU,KAAKV,MACZC,QAASS,KAAKT,QACdC,KAAMQ,KAAKR,OAEbgB,EAAA,0BAAAE,IAAA,2CACEG,MAAOb,KAAKb,QACZE,MAAOW,KAAKD,WACZe,WAAY,IAAMd,KAAKL,SAASU,OAChCU,UAAW,IAAMf,KAAKJ,QAAQS,SAEhCG,EAAA,qBAAAE,IAAA,2CACEG,MAAM,iBACNG,MAAOhB,KAAKP,cACZwB,KAAK,IACLC,YAAalB,KAAKC,UAEpBO,EAAA,qBAAAE,IAAA,2CAAmBM,MAAOhB,KAAKN,KAAMwB,YAAalB,KAAKM,U","ignoreList":[]}

package/dist/ind-ds/p-3dfc5d4e.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t}from"./p-Bls_NlWP.js";const i=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);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));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const s=()=>`:host{min-width:200px}.spark{width:100%;height:44px}.bounds{display:flex;justify-content:space-between;font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted)}`;const n=class{constructor(e){a(this,e)}label;tag;value;unit;precision=1;points=[];min;max;variant="default";current(){if(this.value!==undefined)return this.value;return this.points.length?this.points[this.points.length-1]:undefined}render(){const a=this.current();const i=this.min??(this.points.length?Math.min(...this.points):undefined);const s=this.max??(this.points.length?Math.max(...this.points):undefined);return e(t,{key:"eb9a651961a5989007c7c746f435552249f64938",role:"group","aria-label":this.label},e("div",{key:"e4e3160f886ed6d0419f49c722d4e47cb6fc2a5a",class:"card-head"},e("span",{key:"cb6534bfb01a54e30c5d4ab46b9c11de6f6f633d",class:"card-title",part:"label"},this.label),this.tag&&e("span",{key:"1e9f94807667aab363d7b7ee49b60e0fefd55f7b",class:"card-tag",part:"tag"},this.tag)),a!==undefined&&e("ind-value",{key:"4e1ee4fd15d6dc61ded72b81f5393ea5a996f234",part:"value",value:a,unit:this.unit,precision:this.precision,size:"lg"}),this.points.length>1&&e("ind-sparkline",{key:"eee4f130adbb659f75ab6c1a004f770bf5ff92ad",class:"spark",part:"spark",points:this.points,min:this.min,max:this.max,variant:this.variant,area:true}),i!==undefined&&s!==undefined&&e("div",{key:"bb09835b6ee49b2aa80a05867222cf7893bfbf89",class:"bounds",part:"bounds"},e("span",{key:"d9e5ec2921d758508439e573eae0bd07a3c5bc30"},"min ",i.toFixed(this.precision)),e("span",{key:"8e889674c72bc88d2915c15209534bfe92ed10c9"},"max ",s.toFixed(this.precision))))}};n.style=i()+s();export{n as ind_trend_widget};
+//# sourceMappingURL=p-3dfc5d4e.entry.js.map

package/dist/ind-ds/p-3dfc5d4e.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","trendWidgetCss","IndTrendWidget","label","tag","value","unit","precision","points","min","max","variant","current","this","undefined","length","render","cur","lo","Math","hi","h","Host","key","role","class","part","size","area","toFixed"],"sources":["src/components/molecules/_shared/card.css?tag=ind-trend-widget&encapsulation=shadow","src/components/molecules/trend-widget/trend-widget.css?tag=ind-trend-widget&encapsulation=shadow","src/components/molecules/trend-widget/trend-widget.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\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  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-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, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 200px;\n}\n\n.spark {\n  width: 100%;\n  height: 44px;\n}\n\n.bounds {\n  display: flex;\n  justify-content: space-between;\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-muted);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TrendVariant = 'default' | 'running' | 'warning' | 'fault';\n\n/**\n * Compact trend widget: current value, an `<ind-sparkline>` of the recent\n * window, and min/max bounds. For dense dashboards where a full trend chart is\n * too heavy.\n */\n@Component({\n  tag: 'ind-trend-widget',\n  styleUrls: ['../_shared/card.css', 'trend-widget.css'],\n  shadow: true,\n})\nexport class IndTrendWidget {\n  /** Series label (e.g. \"Discharge pressure\"). */\n  @Prop() label!: string;\n  /** Process tag. */\n  @Prop() tag?: string;\n  /** Current value (defaults to the last point). */\n  @Prop() value?: number;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places. */\n  @Prop() precision: number = 1;\n  /** Recent samples. */\n  @Prop() points: number[] = [];\n  /** Sparkline lower bound (auto if omitted). */\n  @Prop() min?: number;\n  /** Sparkline upper bound (auto if omitted). */\n  @Prop() max?: number;\n  /** Sparkline color variant. */\n  @Prop() variant: TrendVariant = 'default';\n\n  private current(): number | undefined {\n    if (this.value !== undefined) return this.value;\n    return this.points.length ? this.points[this.points.length - 1] : undefined;\n  }\n\n  render() {\n    const cur = this.current();\n    const lo = this.min ?? (this.points.length ? Math.min(...this.points) : undefined);\n    const hi = this.max ?? (this.points.length ? Math.max(...this.points) : undefined);\n    return (\n      <Host role=\"group\" aria-label={this.label}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        {cur !== undefined && (\n          <ind-value part=\"value\" value={cur} unit={this.unit} precision={this.precision} size=\"lg\" />\n        )}\n        {this.points.length > 1 && (\n          <ind-sparkline\n            class=\"spark\"\n            part=\"spark\"\n            points={this.points}\n            min={this.min}\n            max={this.max}\n            variant={this.variant}\n            area\n          />\n        )}\n        {lo !== undefined && hi !== undefined && (\n          <div class=\"bounds\" part=\"bounds\">\n            <span>min {lo.toFixed(this.precision)}</span>\n            <span>max {hi.toFixed(this.precision)}</span>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAiB,IAAM,sL,MCchBC,EAAc,M,yBAEjBC,MAEAC,IAEAC,MAEAC,KAEAC,UAAoB,EAEpBC,OAAmB,GAEnBC,IAEAC,IAEAC,QAAwB,UAExB,OAAAC,GACN,GAAIC,KAAKR,QAAUS,UAAW,OAAOD,KAAKR,MAC1C,OAAOQ,KAAKL,OAAOO,OAASF,KAAKL,OAAOK,KAAKL,OAAOO,OAAS,GAAKD,S,CAGpE,MAAAE,GACE,MAAMC,EAAMJ,KAAKD,UACjB,MAAMM,EAAKL,KAAKJ,MAAQI,KAAKL,OAAOO,OAASI,KAAKV,OAAOI,KAAKL,QAAUM,WACxE,MAAMM,EAAKP,KAAKH,MAAQG,KAAKL,OAAOO,OAASI,KAAKT,OAAOG,KAAKL,QAAUM,WACxE,OACEO,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAaX,KAAKV,OAClCkB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASb,KAAKV,OAC3CU,KAAKT,KAAOiB,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWC,KAAK,OAAOb,KAAKT,MAEtDa,IAAQH,WACPO,EAAA,aAAAE,IAAA,2CAAWG,KAAK,QAAQrB,MAAOY,EAAKX,KAAMO,KAAKP,KAAMC,UAAWM,KAAKN,UAAWoB,KAAK,OAEtFd,KAAKL,OAAOO,OAAS,GACpBM,EAAA,iBAAAE,IAAA,2CACEE,MAAM,QACNC,KAAK,QACLlB,OAAQK,KAAKL,OACbC,IAAKI,KAAKJ,IACVC,IAAKG,KAAKH,IACVC,QAASE,KAAKF,QACdiB,KAAI,OAGPV,IAAOJ,WAAaM,IAAON,WAC1BO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,KAAK,UACvBL,EAAA,QAAAE,IAAA,mDAAWL,EAAGW,QAAQhB,KAAKN,YAC3Bc,EAAA,QAAAE,IAAA,mDAAWH,EAAGS,QAAQhB,KAAKN,a","ignoreList":[]}

package/dist/ind-ds/p-3ff919c2.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as t,a as i,h as e,H as s}from"./p-Bls_NlWP.js";const r=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:44px}:host([size="sm"]){--_size:32px}:host([size="lg"]){--_size:64px}.knob{width:var(--_size);height:var(--_size);border-radius:50%;background:radial-gradient(circle at 50% 35%, #3a434f, #1b222c 75%);border:1px solid var(--ind-surface-border-strong, #5a6776);box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.08), 0 2px 4px rgba(0, 0, 0, 0.5);cursor:ns-resize;touch-action:none;position:relative}:host([disabled]) .knob{cursor:not-allowed;opacity:0.5}.knob:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:3px}.dial{position:absolute;inset:0;transition:transform var(--ind-motion-duration-fast, 120ms) ease}.pointer{position:absolute;top:8%;left:50%;width:2px;height:32%;transform:translateX(-50%);background:var(--ind-button-primary-bg, #60a5fa);border-radius:1px}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.label{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.value{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}@media (prefers-reduced-motion: reduce){.dial{transition:none}}`;const n=class{constructor(i){a(this,i);this.indInput=t(this,"indInput");this.indChange=t(this,"indChange")}get host(){return i(this)}value=0;min=0;max=100;step=1;disabled=false;size="md";label;unit;showValue=true;dragging=false;indInput;indChange;startY=0;startVal=0;clamp(a){return Math.max(this.min,Math.min(this.max,a))}angle(){const a=this.max-this.min||1;const t=(this.value-this.min)/a;return-135+t*270}setValue(a,t=false){const i=this.clamp(Math.round(a/this.step)*this.step);if(i!==this.value){this.value=i;this.indInput.emit(i)}if(t)this.indChange.emit(this.value)}onPointerDown=a=>{if(this.disabled)return;this.dragging=true;this.startY=a.clientY;this.startVal=this.value;a.target.setPointerCapture?.(a.pointerId)};onPointerMove=a=>{if(!this.dragging)return;const t=this.startY-a.clientY;const i=this.max-this.min;this.setValue(this.startVal+t/120*i)};onPointerUp=()=>{if(!this.dragging)return;this.dragging=false;this.indChange.emit(this.value)};onKey=a=>{if(this.disabled)return;if(a.key==="ArrowUp"||a.key==="ArrowRight"){a.preventDefault();this.setValue(this.value+this.step,true)}else if(a.key==="ArrowDown"||a.key==="ArrowLeft"){a.preventDefault();this.setValue(this.value-this.step,true)}else if(a.key==="Home"){a.preventDefault();this.setValue(this.min,true)}else if(a.key==="End"){a.preventDefault();this.setValue(this.max,true)}};render(){return e(s,{key:"2780b654474f735a038ffb9132235a0c35dcba4d"},e("div",{key:"2ef194639267e1c217da5391cb07323ba97fa6b0",class:"knob",part:"knob",role:"slider","aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-label":this.label,"aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?undefined:"0",onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onKeyDown:this.onKey},e("span",{key:"30cee136350a8d75c00315d37757533d6c2ebc09",class:"dial",part:"dial",style:{transform:`rotate(${this.angle()}deg)`}},e("span",{key:"31b82d98c1ff65bb86da7d1cf44e119f58f519ed",class:"pointer",part:"pointer"}))),(this.label||this.showValue)&&e("div",{key:"23b659182311e0a82789eb53360839c50b03c0c7",class:"caption",part:"caption"},this.label&&e("span",{key:"a568a65383f51aa298c6f0628a8b8d94f41b64d9",class:"label",part:"label"},this.label),this.showValue&&e("span",{key:"c66ac7584404b3ecf768076e681a48fb836bec6d",class:"value",part:"value"},this.value,this.unit?` ${this.unit}`:"")))}};n.style=r();const o=()=>`:host{display:block;font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_track-h:4px;--_thumb:14px;--_accent:var(--ind-button-primary-bg, #2563eb)}:host([size="sm"]){--_track-h:3px;--_thumb:11px}:host([size="lg"]){--_track-h:6px;--_thumb:18px}.header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ind-spacing-3, 6px);margin-bottom:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-base, 12px)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.value{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.range{-webkit-appearance:none;appearance:none;width:100%;height:var(--_thumb);background:transparent;cursor:pointer;margin:0}.range:disabled{cursor:not-allowed;opacity:0.5}.range::-webkit-slider-runnable-track{height:var(--_track-h);border-radius:var(--ind-radius-full, 9999px);background:linear-gradient(     to right,     var(--_accent) 0 var(--_pct, 0%),     var(--ind-surface-border-default, #2a3340) var(--_pct, 0%) 100%   )}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--_thumb);height:var(--_thumb);margin-top:calc((var(--_track-h) - var(--_thumb)) / 2);border-radius:50%;background:#fff;border:2px solid var(--_accent);box-shadow:0 1px 3px rgba(0, 0, 0, 0.4)}.range::-moz-range-track{height:var(--_track-h);border-radius:var(--ind-radius-full, 9999px);background:var(--ind-surface-border-default, #2a3340)}.range::-moz-range-progress{height:var(--_track-h);border-radius:var(--ind-radius-full, 9999px);background:var(--_accent)}.range::-moz-range-thumb{width:var(--_thumb);height:var(--_thumb);border-radius:50%;background:#fff;border:2px solid var(--_accent)}.range:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:4px;border-radius:var(--ind-radius-sm, 2px)}`;const d=class{constructor(i){a(this,i);this.indInput=t(this,"indInput");this.indChange=t(this,"indChange")}value=0;min=0;max=100;step=1;disabled=false;size="md";label;unit;showValue=true;indInput;indChange;onInput=a=>{const t=Number(a.target.value);this.value=t;this.indInput.emit(t)};onChange=a=>{this.indChange.emit(Number(a.target.value))};percent(){const a=this.max-this.min||1;return(this.value-this.min)/a*100}render(){return e(s,{key:"60ef2f0f415c431fbcddca469fb7cb5e44ecc194"},(this.label||this.showValue)&&e("div",{key:"e94c6f2a029460ac19ece73f72663889512f64b2",class:"header",part:"header"},this.label&&e("span",{key:"e9e7367004d1ca23a594a4d010d4dade6e9f5573",class:"label",part:"label"},this.label),this.showValue&&e("span",{key:"8848b531da6f87ef75b33be18dfe398cf6ec978a",class:"value",part:"value"},this.value,this.unit?` ${this.unit}`:"")),e("input",{key:"53cee697d1274af909a66b45633bba1525a28fcf",class:"range",part:"range",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,"aria-label":this.label,style:{"--_pct":`${this.percent()}%`},onInput:this.onInput,onChange:this.onChange}))}};d.style=o();const h=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);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));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const c=()=>`:host{min-width:200px}ind-slider{width:100%}`;const l=class{constructor(i){a(this,i);this.indInput=t(this,"indInput");this.indChange=t(this,"indChange")}label;value=0;min=0;max=100;step=1;unit="%";disabled=false;variant="slider";indInput;indChange;onInput=a=>{a.stopPropagation();this.value=a.detail;this.indInput.emit(a.detail)};onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};render(){return e(s,{key:"9d36c2050ac90d11a70432f2caa3f60632a8ae41"},e("div",{key:"9dfdd9e4bdec6ff00581cdd62c3824bc68a9e8f4",class:"card-head"},e("span",{key:"ed439908c8ab1cefd1d5c43a6eb3a454d0f47965",class:"card-title",part:"label"},this.label)),this.variant==="knob"?e("ind-knob",{part:"control",value:this.value,min:this.min,max:this.max,step:this.step,unit:this.unit,disabled:this.disabled,showValue:true,size:"md",onIndInput:this.onInput,onIndChange:this.onChange}):e("ind-slider",{part:"control",value:this.value,min:this.min,max:this.max,step:this.step,unit:this.unit,disabled:this.disabled,showValue:true,size:"md",onIndInput:this.onInput,onIndChange:this.onChange}))}};l.style=h()+c();export{n as ind_knob,d as ind_slider,l as ind_speed_control};
+//# sourceMappingURL=p-3ff919c2.entry.js.map

package/dist/ind-ds/p-3ff919c2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["knobCss","IndKnob","value","min","max","step","disabled","size","label","unit","showValue","dragging","indInput","indChange","startY","startVal","clamp","v","Math","this","angle","span","ratio","setValue","commit","next","round","emit","onPointerDown","e","clientY","target","setPointerCapture","pointerId","onPointerMove","dy","onPointerUp","onKey","key","preventDefault","render","h","Host","class","part","role","tabindex","undefined","onKeyDown","style","transform","sliderCss","IndSlider","onInput","Number","onChange","percent","type","cardCss","speedControlCss","IndSpeedControl","variant","stopPropagation","detail","onIndInput","onIndChange"],"sources":["src/components/atoms/knob/knob.css?tag=ind-knob&encapsulation=shadow","src/components/atoms/knob/knob.tsx","src/components/atoms/slider/slider.css?tag=ind-slider&encapsulation=shadow","src/components/atoms/slider/slider.tsx","src/components/molecules/_shared/card.css?tag=ind-speed-control&encapsulation=shadow","src/components/molecules/speed-control/speed-control.css?tag=ind-speed-control&encapsulation=shadow","src/components/molecules/speed-control/speed-control.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_size: 44px;\n}\n\n:host([size=\"sm\"]) { --_size: 32px; }\n:host([size=\"lg\"]) { --_size: 64px; }\n\n.knob {\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background:\n    radial-gradient(circle at 50% 35%, #3a434f, #1b222c 75%);\n  border: 1px solid var(--ind-surface-border-strong, #5a6776);\n  box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.08), 0 2px 4px rgba(0, 0, 0, 0.5);\n  cursor: ns-resize;\n  touch-action: none;\n  position: relative;\n}\n\n:host([disabled]) .knob { cursor: not-allowed; opacity: 0.5; }\n\n.knob:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 3px;\n}\n\n.dial {\n  position: absolute;\n  inset: 0;\n  transition: transform var(--ind-motion-duration-fast, 120ms) ease;\n}\n\n.pointer {\n  position: absolute;\n  top: 8%;\n  left: 50%;\n  width: 2px;\n  height: 32%;\n  transform: translateX(-50%);\n  background: var(--ind-button-primary-bg, #60a5fa);\n  border-radius: 1px;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.label {\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.value {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dial { transition: none; }\n}\n","import { Component, Prop, State, Event, EventEmitter, Element, h, Host } from '@stencil/core';\n\nexport type KnobSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-knob',\n  styleUrl: 'knob.css',\n  shadow: true,\n})\nexport class IndKnob {\n  @Element() host!: HTMLElement;\n\n  /** Current value. */\n  @Prop({ mutable: true }) value: number = 0;\n  /** Minimum. */\n  @Prop() min: number = 0;\n  /** Maximum. */\n  @Prop() max: number = 100;\n  /** Step for keyboard / drag. */\n  @Prop() step: number = 1;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: KnobSize = 'md';\n  /** Label. */\n  @Prop() label?: string;\n  /** Unit suffix. */\n  @Prop() unit?: string;\n  /** Show the numeric value below the knob. */\n  @Prop() showValue: boolean = true;\n\n  @State() dragging = false;\n\n  /** Fires continuously while turning. */\n  @Event() indInput!: EventEmitter<number>;\n  /** Fires on release. */\n  @Event() indChange!: EventEmitter<number>;\n\n  private startY = 0;\n  private startVal = 0;\n\n  private clamp(v: number): number {\n    return Math.max(this.min, Math.min(this.max, v));\n  }\n\n  private angle(): number {\n    const span = this.max - this.min || 1;\n    const ratio = (this.value - this.min) / span;\n    return -135 + ratio * 270;\n  }\n\n  private setValue(v: number, commit = false) {\n    const next = this.clamp(Math.round(v / this.step) * this.step);\n    if (next !== this.value) {\n      this.value = next;\n      this.indInput.emit(next);\n    }\n    if (commit) this.indChange.emit(this.value);\n  }\n\n  private onPointerDown = (e: PointerEvent) => {\n    if (this.disabled) return;\n    this.dragging = true;\n    this.startY = e.clientY;\n    this.startVal = this.value;\n    (e.target as HTMLElement).setPointerCapture?.(e.pointerId);\n  };\n\n  private onPointerMove = (e: PointerEvent) => {\n    if (!this.dragging) return;\n    const dy = this.startY - e.clientY;\n    const span = this.max - this.min;\n    this.setValue(this.startVal + (dy / 120) * span);\n  };\n\n  private onPointerUp = () => {\n    if (!this.dragging) return;\n    this.dragging = false;\n    this.indChange.emit(this.value);\n  };\n\n  private onKey = (e: KeyboardEvent) => {\n    if (this.disabled) return;\n    if (e.key === 'ArrowUp' || e.key === 'ArrowRight') { e.preventDefault(); this.setValue(this.value + this.step, true); }\n    else if (e.key === 'ArrowDown' || e.key === 'ArrowLeft') { e.preventDefault(); this.setValue(this.value - this.step, true); }\n    else if (e.key === 'Home') { e.preventDefault(); this.setValue(this.min, true); }\n    else if (e.key === 'End') { e.preventDefault(); this.setValue(this.max, true); }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"knob\"\n          part=\"knob\"\n          role=\"slider\"\n          aria-valuenow={this.value}\n          aria-valuemin={this.min}\n          aria-valuemax={this.max}\n          aria-label={this.label}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          tabindex={this.disabled ? undefined : '0'}\n          onPointerDown={this.onPointerDown}\n          onPointerMove={this.onPointerMove}\n          onPointerUp={this.onPointerUp}\n          onKeyDown={this.onKey}\n        >\n          <span class=\"dial\" part=\"dial\" style={{ transform: `rotate(${this.angle()}deg)` }}>\n            <span class=\"pointer\" part=\"pointer\" />\n          </span>\n        </div>\n        {(this.label || this.showValue) && (\n          <div class=\"caption\" part=\"caption\">\n            {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n            {this.showValue && (\n              <span class=\"value\" part=\"value\">{this.value}{this.unit ? ` ${this.unit}` : ''}</span>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n",":host {\n  display: block;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_track-h: 4px;\n  --_thumb: 14px;\n  --_accent: var(--ind-button-primary-bg, #2563eb);\n}\n\n:host([size=\"sm\"]) { --_track-h: 3px; --_thumb: 11px; }\n:host([size=\"lg\"]) { --_track-h: 6px; --_thumb: 18px; }\n\n.header {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  gap: var(--ind-spacing-3, 6px);\n  margin-bottom: var(--ind-spacing-2, 4px);\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.label { color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }\n\n.value {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.range {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: var(--_thumb);\n  background: transparent;\n  cursor: pointer;\n  margin: 0;\n}\n\n.range:disabled { cursor: not-allowed; opacity: 0.5; }\n\n/* WebKit */\n.range::-webkit-slider-runnable-track {\n  height: var(--_track-h);\n  border-radius: var(--ind-radius-full, 9999px);\n  background: linear-gradient(\n    to right,\n    var(--_accent) 0 var(--_pct, 0%),\n    var(--ind-surface-border-default, #2a3340) var(--_pct, 0%) 100%\n  );\n}\n.range::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  width: var(--_thumb);\n  height: var(--_thumb);\n  margin-top: calc((var(--_track-h) - var(--_thumb)) / 2);\n  border-radius: 50%;\n  background: #fff;\n  border: 2px solid var(--_accent);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n}\n\n/* Firefox */\n.range::-moz-range-track {\n  height: var(--_track-h);\n  border-radius: var(--ind-radius-full, 9999px);\n  background: var(--ind-surface-border-default, #2a3340);\n}\n.range::-moz-range-progress {\n  height: var(--_track-h);\n  border-radius: var(--ind-radius-full, 9999px);\n  background: var(--_accent);\n}\n.range::-moz-range-thumb {\n  width: var(--_thumb);\n  height: var(--_thumb);\n  border-radius: 50%;\n  background: #fff;\n  border: 2px solid var(--_accent);\n}\n\n.range:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 4px;\n  border-radius: var(--ind-radius-sm, 2px);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type SliderSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-slider',\n  styleUrl: 'slider.css',\n  shadow: true,\n})\nexport class IndSlider {\n  /** Current value. */\n  @Prop({ mutable: true }) value: number = 0;\n  /** Minimum. */\n  @Prop() min: number = 0;\n  /** Maximum. */\n  @Prop() max: number = 100;\n  /** Step. */\n  @Prop() step: number = 1;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: SliderSize = 'md';\n  /** Visible label. */\n  @Prop() label?: string;\n  /** Unit suffix shown with the value. */\n  @Prop() unit?: string;\n  /** Show the current value next to the label. */\n  @Prop() showValue: boolean = true;\n\n  /** Fires on every change while dragging. */\n  @Event() indInput!: EventEmitter<number>;\n  /** Fires on commit (mouse up / keyboard). */\n  @Event() indChange!: EventEmitter<number>;\n\n  private onInput = (e: Event) => {\n    const v = Number((e.target as HTMLInputElement).value);\n    this.value = v;\n    this.indInput.emit(v);\n  };\n  private onChange = (e: Event) => {\n    this.indChange.emit(Number((e.target as HTMLInputElement).value));\n  };\n\n  private percent(): number {\n    const span = this.max - this.min || 1;\n    return ((this.value - this.min) / span) * 100;\n  }\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.showValue) && (\n          <div class=\"header\" part=\"header\">\n            {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n            {this.showValue && (\n              <span class=\"value\" part=\"value\">\n                {this.value}{this.unit ? ` ${this.unit}` : ''}\n              </span>\n            )}\n          </div>\n        )}\n        <input\n          class=\"range\"\n          part=\"range\"\n          type=\"range\"\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          value={this.value}\n          disabled={this.disabled}\n          aria-label={this.label}\n          style={{ '--_pct': `${this.percent()}%` }}\n          onInput={this.onInput}\n          onChange={this.onChange}\n        />\n      </Host>\n    );\n  }\n}\n","/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\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  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-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, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 200px;\n}\n\nind-slider {\n  width: 100%;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type SpeedControlVariant = 'slider' | 'knob';\n\n/**\n * Speed / rate control. Renders a slider (default) or knob for the operator to\n * set a percentage or engineering speed, and re-emits live + committed values.\n */\n@Component({\n  tag: 'ind-speed-control',\n  styleUrls: ['../_shared/card.css', 'speed-control.css'],\n  shadow: true,\n})\nexport class IndSpeedControl {\n  /** Control name (e.g. \"Conveyor speed\"). */\n  @Prop() label!: string;\n  /** Current value (two-way). */\n  @Prop({ mutable: true }) value: number = 0;\n  @Prop() min: number = 0;\n  @Prop() max: number = 100;\n  @Prop() step: number = 1;\n  /** Unit (default %). */\n  @Prop() unit: string = '%';\n  @Prop() disabled: boolean = false;\n  /** Input widget. */\n  @Prop() variant: SpeedControlVariant = 'slider';\n\n  /** Live value while dragging. */\n  @Event() indInput!: EventEmitter<number>;\n  /** Committed value. */\n  @Event() indChange!: EventEmitter<number>;\n\n  private onInput = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indInput.emit(e.detail);\n  };\n  private onChange = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n        </div>\n        {this.variant === 'knob' ? (\n          <ind-knob\n            part=\"control\"\n            value={this.value}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            unit={this.unit}\n            disabled={this.disabled}\n            showValue\n            size=\"md\"\n            onIndInput={this.onInput}\n            onIndChange={this.onChange}\n          />\n        ) : (\n          <ind-slider\n            part=\"control\"\n            value={this.value}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            unit={this.unit}\n            disabled={this.disabled}\n            showValue\n            size=\"md\"\n            onIndInput={this.onInput}\n            onIndChange={this.onChange}\n          />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAU,IAAM,++C,MCSTC,EAAO,M,uHAIOC,MAAgB,EAEjCC,IAAc,EAEdC,IAAc,IAEdC,KAAe,EAEEC,SAAoB,MAEpBC,KAAiB,KAElCC,MAEAC,KAEAC,UAAqB,KAEpBC,SAAW,MAGXC,SAEAC,UAEDC,OAAS,EACTC,SAAW,EAEX,KAAAC,CAAMC,GACZ,OAAOC,KAAKd,IAAIe,KAAKhB,IAAKe,KAAKf,IAAIgB,KAAKf,IAAKa,G,CAGvC,KAAAG,GACN,MAAMC,EAAOF,KAAKf,IAAMe,KAAKhB,KAAO,EACpC,MAAMmB,GAASH,KAAKjB,MAAQiB,KAAKhB,KAAOkB,EACxC,OAAO,IAAOC,EAAQ,G,CAGhB,QAAAC,CAASN,EAAWO,EAAS,OACnC,MAAMC,EAAON,KAAKH,MAAME,KAAKQ,MAAMT,EAAIE,KAAKd,MAAQc,KAAKd,MACzD,GAAIoB,IAASN,KAAKjB,MAAO,CACvBiB,KAAKjB,MAAQuB,EACbN,KAAKP,SAASe,KAAKF,E,CAErB,GAAID,EAAQL,KAAKN,UAAUc,KAAKR,KAAKjB,M,CAG/B0B,cAAiBC,IACvB,GAAIV,KAAKb,SAAU,OACnBa,KAAKR,SAAW,KAChBQ,KAAKL,OAASe,EAAEC,QAChBX,KAAKJ,SAAWI,KAAKjB,MACpB2B,EAAEE,OAAuBC,oBAAoBH,EAAEI,UAAU,EAGpDC,cAAiBL,IACvB,IAAKV,KAAKR,SAAU,OACpB,MAAMwB,EAAKhB,KAAKL,OAASe,EAAEC,QAC3B,MAAMT,EAAOF,KAAKf,IAAMe,KAAKhB,IAC7BgB,KAAKI,SAASJ,KAAKJ,SAAYoB,EAAK,IAAOd,EAAK,EAG1Ce,YAAc,KACpB,IAAKjB,KAAKR,SAAU,OACpBQ,KAAKR,SAAW,MAChBQ,KAAKN,UAAUc,KAAKR,KAAKjB,MAAM,EAGzBmC,MAASR,IACf,GAAIV,KAAKb,SAAU,OACnB,GAAIuB,EAAES,MAAQ,WAAaT,EAAES,MAAQ,aAAc,CAAET,EAAEU,iBAAkBpB,KAAKI,SAASJ,KAAKjB,MAAQiB,KAAKd,KAAM,K,MAC1G,GAAIwB,EAAES,MAAQ,aAAeT,EAAES,MAAQ,YAAa,CAAET,EAAEU,iBAAkBpB,KAAKI,SAASJ,KAAKjB,MAAQiB,KAAKd,KAAM,K,MAChH,GAAIwB,EAAES,MAAQ,OAAQ,CAAET,EAAEU,iBAAkBpB,KAAKI,SAASJ,KAAKhB,IAAK,K,MACpE,GAAI0B,EAAES,MAAQ,MAAO,CAAET,EAAEU,iBAAkBpB,KAAKI,SAASJ,KAAKf,IAAK,K,GAG1E,MAAAoC,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,4CACHG,EAAA,OAAAH,IAAA,2CACEK,MAAM,OACNC,KAAK,OACLC,KAAK,SAAQ,gBACE1B,KAAKjB,MAAK,gBACViB,KAAKhB,IAAG,gBACRgB,KAAKf,IAAG,aACXe,KAAKX,MAAK,gBACPW,KAAKb,SAAW,OAAS,QACxCwC,SAAU3B,KAAKb,SAAWyC,UAAY,IACtCnB,cAAeT,KAAKS,cACpBM,cAAef,KAAKe,cACpBE,YAAajB,KAAKiB,YAClBY,UAAW7B,KAAKkB,OAEhBI,EAAA,QAAAH,IAAA,2CAAMK,MAAM,OAAOC,KAAK,OAAOK,MAAO,CAAEC,UAAW,UAAU/B,KAAKC,gBAChEqB,EAAA,QAAAH,IAAA,2CAAMK,MAAM,UAAUC,KAAK,eAG7BzB,KAAKX,OAASW,KAAKT,YACnB+B,EAAA,OAAAH,IAAA,2CAAKK,MAAM,UAAUC,KAAK,WACvBzB,KAAKX,OAASiC,EAAA,QAAAH,IAAA,2CAAMK,MAAM,QAAQC,KAAK,SAASzB,KAAKX,OACrDW,KAAKT,WACJ+B,EAAA,QAAAH,IAAA,2CAAMK,MAAM,QAAQC,KAAK,SAASzB,KAAKjB,MAAOiB,KAAKV,KAAO,IAAIU,KAAKV,OAAS,K,eCnH1F,MAAM0C,EAAY,IAAM,69D,MCSXC,EAAS,M,6FAEKlD,MAAgB,EAEjCC,IAAc,EAEdC,IAAc,IAEdC,KAAe,EAEEC,SAAoB,MAEpBC,KAAmB,KAEpCC,MAEAC,KAEAC,UAAqB,KAGpBE,SAEAC,UAEDwC,QAAWxB,IACjB,MAAMZ,EAAIqC,OAAQzB,EAAEE,OAA4B7B,OAChDiB,KAAKjB,MAAQe,EACbE,KAAKP,SAASe,KAAKV,EAAE,EAEfsC,SAAY1B,IAClBV,KAAKN,UAAUc,KAAK2B,OAAQzB,EAAEE,OAA4B7B,OAAO,EAG3D,OAAAsD,GACN,MAAMnC,EAAOF,KAAKf,IAAMe,KAAKhB,KAAO,EACpC,OAASgB,KAAKjB,MAAQiB,KAAKhB,KAAOkB,EAAQ,G,CAG5C,MAAAmB,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,6CACDnB,KAAKX,OAASW,KAAKT,YACnB+B,EAAA,OAAAH,IAAA,2CAAKK,MAAM,SAASC,KAAK,UACtBzB,KAAKX,OAASiC,EAAA,QAAAH,IAAA,2CAAMK,MAAM,QAAQC,KAAK,SAASzB,KAAKX,OACrDW,KAAKT,WACJ+B,EAAA,QAAAH,IAAA,2CAAMK,MAAM,QAAQC,KAAK,SACtBzB,KAAKjB,MAAOiB,KAAKV,KAAO,IAAIU,KAAKV,OAAS,KAKnDgC,EAAA,SAAAH,IAAA,2CACEK,MAAM,QACNC,KAAK,QACLa,KAAK,QACLtD,IAAKgB,KAAKhB,IACVC,IAAKe,KAAKf,IACVC,KAAMc,KAAKd,KACXH,MAAOiB,KAAKjB,MACZI,SAAUa,KAAKb,SAAQ,aACXa,KAAKX,MACjByC,MAAO,CAAE,SAAU,GAAG9B,KAAKqC,cAC3BH,QAASlC,KAAKkC,QACdE,SAAUpC,KAAKoC,W,eCzEzB,MAAMG,EAAU,IAAM,8zCCAtB,MAAMC,EAAkB,IAAM,+C,MCajBC,EAAe,M,6FAElBpD,MAEiBN,MAAgB,EACjCC,IAAc,EACdC,IAAc,IACdC,KAAe,EAEfI,KAAe,IACfH,SAAoB,MAEpBuD,QAA+B,SAG9BjD,SAEAC,UAEDwC,QAAWxB,IACjBA,EAAEiC,kBACF3C,KAAKjB,MAAQ2B,EAAEkC,OACf5C,KAAKP,SAASe,KAAKE,EAAEkC,OAAO,EAEtBR,SAAY1B,IAClBA,EAAEiC,kBACF3C,KAAKjB,MAAQ2B,EAAEkC,OACf5C,KAAKN,UAAUc,KAAKE,EAAEkC,OAAO,EAG/B,MAAAvB,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,4CACHG,EAAA,OAAAH,IAAA,2CAAKK,MAAM,aACTF,EAAA,QAAAH,IAAA,2CAAMK,MAAM,aAAaC,KAAK,SAASzB,KAAKX,QAE7CW,KAAK0C,UAAY,OAChBpB,EAAA,YACEG,KAAK,UACL1C,MAAOiB,KAAKjB,MACZC,IAAKgB,KAAKhB,IACVC,IAAKe,KAAKf,IACVC,KAAMc,KAAKd,KACXI,KAAMU,KAAKV,KACXH,SAAUa,KAAKb,SACfI,UAAS,KACTH,KAAK,KACLyD,WAAY7C,KAAKkC,QACjBY,YAAa9C,KAAKoC,WAGpBd,EAAA,cACEG,KAAK,UACL1C,MAAOiB,KAAKjB,MACZC,IAAKgB,KAAKhB,IACVC,IAAKe,KAAKf,IACVC,KAAMc,KAAKd,KACXI,KAAMU,KAAKV,KACXH,SAAUa,KAAKb,SACfI,UAAS,KACTH,KAAK,KACLyD,WAAY7C,KAAKkC,QACjBY,YAAa9C,KAAKoC,W","ignoreList":[]}

package/dist/ind-ds/p-40502915.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as a}from"./p-Bls_NlWP.js";const n=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const s=()=>`.coil{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}:host([state="running"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-fault-bg, #dc2626)}:host([state="running"]) .coil{stroke:var(--ind-state-fault-bg, #ef4444);animation:ind-heater-glow 1.4s ease-in-out infinite}@keyframes ind-heater-glow{50%{stroke:var(--ind-state-warning-bg, #f59e0b)}}`;const i=class{constructor(e){t(this,e)}state="stopped";size="md";tag;label;render(){const t=this.label??this.tag??"heater";return e(a,{key:"d89d4fd8c92b5d580e9a042645f044ad1a1ee292",role:"img","aria-label":`${t} — ${this.state}`},e("svg",{key:"03cd61a0fdcd116f4efa913301a1f16797f3b755",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},e("circle",{key:"1eb5b9ac742fbc70a137f46a98b036cc74b1a820",class:"body",cx:"24",cy:"24",r:"16"}),e("path",{key:"4e5f078661433f278f0ec6ec7ba9648021b9c237",class:"coil",d:"M14 18 q5 -6 10 0 t10 0 M14 24 q5 -6 10 0 t10 0 M14 30 q5 -6 10 0 t10 0"})),(this.tag||this.label)&&e("div",{key:"9cb689e0d55fe6744948e0c9c3f9d456d6aed084",class:"caption"},this.tag&&e("span",{key:"31ff37c274b8c107ce29982c21c2200bf93d6257",class:"tag"},this.tag),this.label&&e("span",{key:"4fd695b74a6bf03a43a0dd6ee90bb6a167556cc0",class:"label"},this.label)))}};i.style=n()+s();export{i as ind_heater};
+//# sourceMappingURL=p-40502915.entry.js.map

package/dist/ind-ds/p-40502915.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","heaterCss","IndHeater","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","d"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-heater&encapsulation=shadow","src/components/atoms/heater/heater.css?tag=ind-heater&encapsulation=shadow","src/components/atoms/heater/heater.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".coil {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n:host([state=\"running\"]) {\n  --_stroke: var(--ind-state-warning-border, #fcd34d);\n  --_fill: var(--ind-state-fault-bg, #dc2626);\n}\n:host([state=\"running\"]) .coil {\n  stroke: var(--ind-state-fault-bg, #ef4444);\n  animation: ind-heater-glow 1.4s ease-in-out infinite;\n}\n\n@keyframes ind-heater-glow {\n  50% { stroke: var(--ind-state-warning-bg, #f59e0b); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-heater',\n  styleUrls: ['../_equipment/equipment.css', 'heater.css'],\n  shadow: true,\n})\nexport class IndHeater {\n  /** Process state. `running` glows the element. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"EH-601\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'heater';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Heating element: circle with a resistive serpentine. */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"24\" cy=\"24\" r=\"16\" />\n          <path class=\"coil\" d=\"M14 18 q5 -6 10 0 t10 0 M14 24 q5 -6 10 0 t10 0 M14 30 q5 -6 10 0 t10 0\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAY,IAAM,gb,MCQXC,EAAS,M,yBAEKC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,SACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAE7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,EAAE,8EAErBV,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

package/dist/ind-ds/p-421d201d.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t}from"./p-Bls_NlWP.js";const r=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);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));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const i=()=>`:host{min-width:150px}.card-head{align-items:center}`;const n=class{constructor(e){a(this,e)}tag;label;value;unit;precision;alarm="none";trend="none";state="running";render(){return e(t,{key:"402b61b88c41d1772252a520b304a53da94e6d91"},e("div",{key:"44625ebbb4b356ff06652e4ac862eb2069deeeba",class:"card-head"},e("span",{key:"b40c723b0912b4a84736d6cfb90c3cc728fd5aab",class:"card-tag",part:"tag"},this.tag),e("ind-status-dot",{key:"334452a4e73b1f5178ea8b5a3505cfee0490ca41",state:this.state,size:"sm"})),e("ind-value",{key:"f18e7d774139fe46291bea42334a0cdabf1cd253",part:"value",value:this.value,unit:this.unit,precision:this.precision,alarm:this.alarm,trend:this.trend,label:this.label,size:"lg"}))}};n.style=r()+i();export{n as ind_tag_card};
+//# sourceMappingURL=p-421d201d.entry.js.map

package/dist/ind-ds/p-421d201d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","tagCardCss","IndTagCard","tag","label","value","unit","precision","alarm","trend","state","render","h","Host","key","class","part","this","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-tag-card&encapsulation=shadow","src/components/molecules/tag-card/tag-card.css?tag=ind-tag-card&encapsulation=shadow","src/components/molecules/tag-card/tag-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\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  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-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, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 150px;\n}\n\n.card-head {\n  align-items: center;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type TagCardState =\n  | 'running'\n  | 'stopped'\n  | 'fault'\n  | 'warning'\n  | 'maintenance'\n  | 'neutral';\nexport type TagCardAlarm = 'none' | 'low-low' | 'low' | 'high' | 'high-high';\nexport type TagCardTrend = 'none' | 'up' | 'down' | 'stable';\n\n/**\n * Compact card for a single process tag: identifier + live value + status dot.\n * The atom of any tag wall / faceplate grid.\n */\n@Component({\n  tag: 'ind-tag-card',\n  styleUrls: ['../_shared/card.css', 'tag-card.css'],\n  shadow: true,\n})\nexport class IndTagCard {\n  /** Process tag (e.g. \"PT-101\"). */\n  @Prop() tag!: string;\n  /** Human description (e.g. \"Discharge pressure\"). */\n  @Prop() label?: string;\n  /** Current value. */\n  @Prop() value!: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places when numeric. */\n  @Prop() precision?: number;\n  /** Active alarm priority — tints the readout. */\n  @Prop({ reflect: true }) alarm: TagCardAlarm = 'none';\n  /** Process trend direction. */\n  @Prop() trend: TagCardTrend = 'none';\n  /** Equipment / comms status shown by the dot. */\n  @Prop({ reflect: true }) state: TagCardState = 'running';\n\n  render() {\n    return (\n      <Host>\n        <div class=\"card-head\">\n          <span class=\"card-tag\" part=\"tag\">{this.tag}</span>\n          <ind-status-dot state={this.state} size=\"sm\" />\n        </div>\n        <ind-value\n          part=\"value\"\n          value={this.value}\n          unit={this.unit}\n          precision={this.precision}\n          alarm={this.alarm}\n          trend={this.trend}\n          label={this.label}\n          size=\"lg\"\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAa,IAAM,uD,MCqBZC,EAAU,M,yBAEbC,IAEAC,MAEAC,MAEAC,KAEAC,UAEiBC,MAAsB,OAEvCC,MAAsB,OAELC,MAAsB,UAE/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWC,KAAK,OAAOC,KAAKd,KACxCS,EAAA,kBAAAE,IAAA,2CAAgBJ,MAAOO,KAAKP,MAAOQ,KAAK,QAE1CN,EAAA,aAAAE,IAAA,2CACEE,KAAK,QACLX,MAAOY,KAAKZ,MACZC,KAAMW,KAAKX,KACXC,UAAWU,KAAKV,UAChBC,MAAOS,KAAKT,MACZC,MAAOQ,KAAKR,MACZL,MAAOa,KAAKb,MACZc,KAAK,O","ignoreList":[]}

package/dist/ind-ds/{p-1727b403.entry.js → p-45a62875.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as e,H as t}from"./p-D2yNiL0d.js";const i=()=>`:host{display:grid;grid-template-columns:max-content minmax(80px, 1.2fr) minmax(160px, 2fr) max-content max-content auto;gap:var(--ind-spacing-4, 8px);align-items:center;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);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));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.tag{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;min-width:32px}.label{font-size:var(--ind-font-size-base, 12px)}.progress{display:block;width:100%}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-md, 13px);min-width:52px;text-align:right;white-space:nowrap}.severity{font-size:var(--ind-font-size-md, 13px);width:16px;text-align:center;color:var(--ind-feedback-warning-bg, #f59e0b);line-height:1}:host([variant="error"]) .severity{color:var(--ind-feedback-error-bg, #dc2626)}.actions{display:flex;gap:var(--ind-spacing-2, 4px)}::slotted(*){flex-shrink:0}@media (max-width: 640px){:host{grid-template-columns:max-content 1fr;grid-template-rows:auto auto auto}.progress{grid-column:1 / -1}.value,.severity,.actions{grid-column:1 / -1}}`;const r=class{constructor(e){a(this,e)}tag;label;value=0;max=100;unit="%";variant="default";severity=false;render(){return e(t,{key:"58a3405e85cdc048d8efe47d3f4c1c010bc94318"},this.tag&&e("span",{key:"afe363e1253cbf40db6e9a61001a5654d2b3dfcd",class:"tag",part:"tag"},this.tag),e("span",{key:"8854993e5011b07756acb62914e3cd8c16e17ea8",class:"label",part:"label"},this.label),e("ind-progress",{key:"67b5c4f3d210cbf1df3dd3765b9293482e47d040",class:"progress",part:"progress",value:this.value,max:this.max,variant:this.variant,size:"sm"}),e("span",{key:"4bfde6d18d08e3bd8ede25a769b2776a8720a80b",class:"value",part:"value"},Math.round(this.value),this.unit?" "+this.unit:""),this.severity&&e("span",{key:"fd0cf71dd4cae3e5c4404da29e0232e42e6e3642",class:"severity",part:"severity","aria-hidden":"true"},"⚠"),e("span",{key:"663240206f948685c4235fbb9057450bc0874c0f",class:"actions",part:"actions"},e("slot",{key:"7c924c36ed5e348bc7262a7c50c0673ce102b8ae"})))}};r.style=i();export{r as ind_fill_row};
-//# sourceMappingURL=p-1727b403.entry.js.map
+import{r as a,h as e,H as t}from"./p-Bls_NlWP.js";const i=()=>`:host{display:grid;grid-template-columns:max-content minmax(80px, 1.2fr) minmax(160px, 2fr) max-content max-content auto;gap:var(--ind-spacing-4, 8px);align-items:center;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);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));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.tag{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;min-width:32px}.label{font-size:var(--ind-font-size-base, 12px)}.progress{display:block;width:100%}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-size:var(--ind-font-size-md, 13px);min-width:52px;text-align:right;white-space:nowrap}.severity{font-size:var(--ind-font-size-md, 13px);width:16px;text-align:center;color:var(--ind-feedback-warning-bg, #f59e0b);line-height:1}:host([variant="error"]) .severity{color:var(--ind-feedback-error-bg, #dc2626)}.actions{display:flex;gap:var(--ind-spacing-2, 4px)}::slotted(*){flex-shrink:0}@media (max-width: 640px){:host{grid-template-columns:max-content 1fr;grid-template-rows:auto auto auto}.progress{grid-column:1 / -1}.value,.severity,.actions{grid-column:1 / -1}}`;const r=class{constructor(e){a(this,e)}tag;label;value=0;max=100;unit="%";variant="default";severity=false;render(){return e(t,{key:"cb80dcf8705dc03c77b6e18541bff34d4d332f51"},this.tag&&e("span",{key:"d891414706180ae57bf6851a2a0ecab41b645412",class:"tag",part:"tag"},this.tag),e("span",{key:"956eae765526cf44507c26b3bb4106e807f83b10",class:"label",part:"label"},this.label),e("ind-progress",{key:"512e89f8f4e0472222b89a17fcbc25537f7f0a30",class:"progress",part:"progress",value:this.value,max:this.max,variant:this.variant,size:"sm"}),e("span",{key:"75126140321428ea001d2ee7403dd539c67261ff",class:"value",part:"value"},Math.round(this.value),this.unit?" "+this.unit:""),this.severity&&e("span",{key:"0c163111da1a1217141a17b6fae5798df43a8966",class:"severity",part:"severity","aria-hidden":"true"},"⚠"),e("span",{key:"e7b13297ff9c092c13dc17d1fee1c72252571829",class:"actions",part:"actions"},e("slot",{key:"689279b59b375558bff4032d6a2f60c928fa4744"})))}};r.style=i();export{r as ind_fill_row};
+//# sourceMappingURL=p-45a62875.entry.js.map

package/dist/ind-ds/p-463fedff.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as i}from"./p-Bls_NlWP.js";const e=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_bg:var(--ind-surface-strong, #5a6776);--_fg:var(--ind-surface-text-inverse, #f4f6f8)}.label{font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);line-height:1;color:var(--_fg);background:var(--_bg);border-radius:var(--ind-radius-full, 9999px);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}:host([size="sm"]) .count{min-width:14px;height:14px;font-size:9px;padding:0 4px}:host([size="lg"]) .count{min-width:22px;height:22px;font-size:var(--ind-font-size-sm, 11px)}.count.is-dot{min-width:8px;width:8px;height:8px;padding:0}:host([variant="success"]){--_bg:var(--ind-feedback-success-bg, #16a34a)}:host([variant="info"]){--_bg:var(--ind-feedback-info-bg, #0891b2)}:host([variant="warning"]){--_bg:var(--ind-feedback-warning-bg, #f59e0b);--_fg:#1a1205}:host([variant="error"]){--_bg:var(--ind-feedback-error-bg, #dc2626)}`;const n=class{constructor(t){a(this,t)}value=0;max;variant="neutral";size="md";label;dotWhenZero=false;display(){if(this.max!==undefined&&this.value>this.max)return`${this.max}+`;return String(this.value)}render(){const a=this.dotWhenZero&&this.value===0;return t(i,{key:"48026380f78d108475e632677800e9c36ecba2a7",role:"status","aria-label":`${this.label?this.label+": ":""}${this.value}`},this.label&&t("span",{key:"7ebaf39bda7222c110cf2006d63abc59f649aa3a",class:"label",part:"label"},this.label),t("span",{key:"c3185a7fcfea5f3b4666d9216006b56e27544707",class:{count:true,"is-dot":a},part:"count"},!a&&this.display()))}};n.style=e();export{n as ind_counter};
+//# sourceMappingURL=p-463fedff.entry.js.map

package/dist/ind-ds/p-463fedff.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["counterCss","IndCounter","value","max","variant","size","label","dotWhenZero","display","this","undefined","String","render","zeroDot","h","Host","key","role","class","part","count"],"sources":["src/components/atoms/counter/counter.css?tag=ind-counter&encapsulation=shadow","src/components/atoms/counter/counter.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  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_bg: var(--ind-surface-strong, #5a6776);\n  --_fg: var(--ind-surface-text-inverse, #f4f6f8);\n}\n\n.label {\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  line-height: 1;\n  color: var(--_fg);\n  background: var(--_bg);\n  border-radius: var(--ind-radius-full, 9999px);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n:host([size=\"sm\"]) .count { min-width: 14px; height: 14px; font-size: 9px; padding: 0 4px; }\n:host([size=\"lg\"]) .count { min-width: 22px; height: 22px; font-size: var(--ind-font-size-sm, 11px); }\n\n.count.is-dot {\n  min-width: 8px;\n  width: 8px;\n  height: 8px;\n  padding: 0;\n}\n\n:host([variant=\"success\"]) { --_bg: var(--ind-feedback-success-bg, #16a34a); }\n:host([variant=\"info\"])    { --_bg: var(--ind-feedback-info-bg, #0891b2); }\n:host([variant=\"warning\"]) { --_bg: var(--ind-feedback-warning-bg, #f59e0b); --_fg: #1a1205; }\n:host([variant=\"error\"])   { --_bg: var(--ind-feedback-error-bg, #dc2626); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type CounterVariant = 'neutral' | 'success' | 'info' | 'warning' | 'error';\nexport type CounterSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-counter',\n  styleUrl: 'counter.css',\n  shadow: true,\n})\nexport class IndCounter {\n  /** Numeric value. */\n  @Prop() value: number = 0;\n\n  /** Clamp the displayed value, rendering e.g. \"99+\" beyond this. */\n  @Prop() max?: number;\n\n  /** Semantic color. */\n  @Prop({ reflect: true }) variant: CounterVariant = 'neutral';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: CounterSize = 'md';\n\n  /** Optional label rendered before the count. */\n  @Prop() label?: string;\n\n  /** Render as a small circular dot when the value is 0 (no number). */\n  @Prop({ reflect: true }) dotWhenZero: boolean = false;\n\n  private display(): string {\n    if (this.max !== undefined && this.value > this.max) return `${this.max}+`;\n    return String(this.value);\n  }\n\n  render() {\n    const zeroDot = this.dotWhenZero && this.value === 0;\n    return (\n      <Host role=\"status\" aria-label={`${this.label ? this.label + ': ' : ''}${this.value}`}>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n        <span class={{ count: true, 'is-dot': zeroDot }} part=\"count\">\n          {!zeroDot && this.display()}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,IAAM,sxC,MCUZC,EAAU,M,yBAEbC,MAAgB,EAGhBC,IAGiBC,QAA0B,UAG1BC,KAAoB,KAGrCC,MAGiBC,YAAuB,MAExC,OAAAC,GACN,GAAIC,KAAKN,MAAQO,WAAaD,KAAKP,MAAQO,KAAKN,IAAK,MAAO,GAAGM,KAAKN,OACpE,OAAOQ,OAAOF,KAAKP,M,CAGrB,MAAAU,GACE,MAAMC,EAAUJ,KAAKF,aAAeE,KAAKP,QAAU,EACnD,OACEY,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,aAAa,GAAGR,KAAKH,MAAQG,KAAKH,MAAQ,KAAO,KAAKG,KAAKP,SAC3EO,KAAKH,OAASQ,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASV,KAAKH,OACtDQ,EAAA,QAAAE,IAAA,2CAAME,MAAO,CAAEE,MAAO,KAAM,SAAUP,GAAWM,KAAK,UAClDN,GAAWJ,KAAKD,W","ignoreList":[]}

package/dist/ind-ds/{p-cee8bf2b.entry.js → p-5119173c.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as i,H as a}from"./p-D2yNiL0d.js";const e=()=>`: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 r=class{constructor(i){t(this,i);this.indActivate=n(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 i(a,{key:"bbafede18f13eac5486d9cae0c2bd727375e7762"},i("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},i("span",{key:"75252fda5e1229f6c335df277b0c09a18d0b621d",class:"content",part:"content"},i("slot",{key:"f9a158deadf76da0cf1e13680c1b1dd444273387"},this.label)),this.holdToConfirmMs>0&&i("span",{key:"7ba778902c08b3d8fe6b1c6a963c4ab645369110",class:"hold-progress",part:"hold-progress",style:{transform:`scaleX(${this.progress})`},"aria-hidden":"true"})),this.holdToConfirmMs>0&&i("span",{key:"9c2f72de9486bfed4855c5dc81dbf54161c97842",id:"hold-hint",class:"sr-only"},"Hold to confirm (",this.holdToConfirmMs," ms)"))}};r.style=e();export{r as ind_button};
-//# sourceMappingURL=p-cee8bf2b.entry.js.map
+import{r as t,c as n,h as i,H as a}from"./p-Bls_NlWP.js";const r=()=>`: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 e=class{constructor(i){t(this,i);this.indActivate=n(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 i(a,{key:"6265f36f3ba534127950edd92a66f9845e500239"},i("button",{key:"4b7e7b7f3998dcc6149776138b33ce32a0f7990f",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},i("span",{key:"7a3742b5296acc828b31c7a1c72d741c5466cd3b",class:"content",part:"content"},i("slot",{key:"6afe09c5f9ac3e032d86fab913a57e098ed19664"},this.label)),this.holdToConfirmMs>0&&i("span",{key:"b5157b7e7ab97367de99b6d9eb33dd86d499be1b",class:"hold-progress",part:"hold-progress",style:{transform:`scaleX(${this.progress})`},"aria-hidden":"true"})),this.holdToConfirmMs>0&&i("span",{key:"8f2fdfa61efd0061604b8230012f916bbc7eef34",id:"hold-hint",class:"sr-only"},"Hold to confirm (",this.holdToConfirmMs," ms)"))}};e.style=r();export{e as ind_button};
+//# sourceMappingURL=p-5119173c.entry.js.map

package/dist/ind-ds/p-5213a4f0.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as t}from"./p-Bls_NlWP.js";const i=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const s=()=>`.liquid{fill:var(--ind-state-stopped-bg, #a8722e);transition:y var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease),               height var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([alarm="high"]) .liquid{fill:var(--ind-state-fault-bg, #dc2626)}:host([alarm="low"]) .liquid{fill:var(--ind-state-warning-bg, #f59e0b)}.body{fill:none}`;const n=class{constructor(e){a(this,e)}state="stopped";level=0;alarm="none";size="md";tag;label;showValue=false;render(){const a=Math.min(100,Math.max(0,this.level));const i=4;const s=52;const n=a/100*s;const r=i+s-n;const o=this.label??this.tag??"silo";return e(t,{key:"84c25d836dbf8e6402ea40c60a50c0c879439b5c",role:"meter","aria-valuenow":Math.round(a),"aria-valuemin":0,"aria-valuemax":100,"aria-label":`${o} level ${Math.round(a)}%`},e("svg",{key:"eead3013668a32dfc450ec104c952709e064a74b",class:"symbol",viewBox:"0 0 40 60","aria-hidden":"true"},e("defs",{key:"e0eb34c44ea241fa7d2a77c4e78e26dacdf4b810"},e("clipPath",{key:"5527f52907e0d982dbf9c94d925898e62a19f568",id:"silo-clip"},e("path",{key:"490fb90afb3953a1367f65e5e9bd367b01f0295f",d:"M6 4 H34 V44 L24 56 H16 L6 44 Z"}))),e("rect",{key:"38ee389346454ef3f034ccb11443659768cb30f3",class:"liquid",x:"0",y:r,width:"40",height:n,"clip-path":"url(#silo-clip)"}),e("path",{key:"8bf35bd099cef83f9b2710becb9fa7a3f9d442a3",class:"body",d:"M6 4 H34 V44 L24 56 H16 L6 44 Z"})),(this.tag||this.label||this.showValue)&&e("div",{key:"6e040ee15207bf4879a75c562dcc9dd417737499",class:"caption"},this.tag&&e("span",{key:"f08c6ca00d8b490eb0672aee4151a6ec635601ca",class:"tag"},this.tag),this.showValue&&e("span",{key:"e696ee93fef364c7a626fb50f3487a394f49ee99",class:"tag"},Math.round(a),"%"),this.label&&e("span",{key:"76c657068f1cfd939b1efa5e9efa66f944433508",class:"label"},this.label)))}};n.style=i()+s();export{n as ind_silo};
+//# sourceMappingURL=p-5213a4f0.entry.js.map

package/dist/ind-ds/p-5213a4f0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","siloCss","IndSilo","state","level","alarm","size","tag","label","showValue","render","pct","Math","min","max","this","top","height","fillH","fillY","name","h","Host","key","role","round","class","viewBox","id","d","x","y","width"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-silo&encapsulation=shadow","src/components/atoms/silo/silo.css?tag=ind-silo&encapsulation=shadow","src/components/atoms/silo/silo.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".liquid {\n  fill: var(--ind-state-stopped-bg, #a8722e);\n  transition: y var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease),\n              height var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n:host([alarm=\"high\"]) .liquid { fill: var(--ind-state-fault-bg, #dc2626); }\n:host([alarm=\"low\"]) .liquid  { fill: var(--ind-state-warning-bg, #f59e0b); }\n\n.body {\n  fill: none;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-silo',\n  styleUrls: ['../_equipment/equipment.css', 'silo.css'],\n  shadow: true,\n})\nexport class IndSilo {\n  /** Process state (drives outline color). */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Fill level, 0–100 %. */\n  @Prop() level: number = 0;\n  /** Alarm tint of the contents. */\n  @Prop({ reflect: true }) alarm: 'none' | 'low' | 'high' = 'none';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"SL-12\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n  /** Show the numeric level under the symbol. */\n  @Prop() showValue: boolean = false;\n\n  render() {\n    const pct = Math.min(100, Math.max(0, this.level));\n    const top = 4;\n    const height = 52;\n    const fillH = (pct / 100) * height;\n    const fillY = top + height - fillH;\n    const name = this.label ?? this.tag ?? 'silo';\n    return (\n      <Host\n        role=\"meter\"\n        aria-valuenow={Math.round(pct)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={`${name} level ${Math.round(pct)}%`}\n      >\n        {/* Cylindrical body with a conical hopper bottom. */}\n        <svg class=\"symbol\" viewBox=\"0 0 40 60\" aria-hidden=\"true\">\n          <defs>\n            <clipPath id=\"silo-clip\">\n              <path d=\"M6 4 H34 V44 L24 56 H16 L6 44 Z\" />\n            </clipPath>\n          </defs>\n          <rect class=\"liquid\" x=\"0\" y={fillY} width=\"40\" height={fillH} clip-path=\"url(#silo-clip)\" />\n          <path class=\"body\" d=\"M6 4 H34 V44 L24 56 H16 L6 44 Z\" />\n        </svg>\n        {(this.tag || this.label || this.showValue) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.showValue && <span class=\"tag\">{Math.round(pct)}%</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAU,IAAM,mZ,MCQTC,EAAO,M,yBAEOC,MAAwB,UAEzCC,MAAgB,EAECC,MAAiC,OAEjCC,KAAsB,KAEvCC,IAEAC,MAEAC,UAAqB,MAE7B,MAAAC,GACE,MAAMC,EAAMC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGC,KAAKX,QAC3C,MAAMY,EAAM,EACZ,MAAMC,EAAS,GACf,MAAMC,EAASP,EAAM,IAAOM,EAC5B,MAAME,EAAQH,EAAMC,EAASC,EAC7B,MAAME,EAAOL,KAAKP,OAASO,KAAKR,KAAO,OACvC,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,gBACGZ,KAAKa,MAAMd,GAAI,gBACf,EAAC,gBACD,IAAG,aACN,GAAGS,WAAcR,KAAKa,MAAMd,OAGxCU,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDN,EAAA,QAAAE,IAAA,4CACEF,EAAA,YAAAE,IAAA,2CAAUK,GAAG,aACXP,EAAA,QAAAE,IAAA,2CAAMM,EAAE,sCAGZR,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASI,EAAE,IAAIC,EAAGZ,EAAOa,MAAM,KAAKf,OAAQC,EAAK,YAAY,oBACzEG,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOG,EAAE,sCAErBd,KAAKR,KAAOQ,KAAKP,OAASO,KAAKN,YAC/BY,EAAA,OAAAE,IAAA,2CAAKG,MAAM,WACRX,KAAKR,KAAOc,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOX,KAAKR,KACpCQ,KAAKN,WAAaY,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOd,KAAKa,MAAMd,GAAa,KAC7DI,KAAKP,OAASa,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASX,KAAKP,Q","ignoreList":[]}

package/dist/ind-ds/p-52387956.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const t=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);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));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const n=()=>`.card-head{align-items:center}.address{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));background:var(--ind-surface-sunken);padding:3px 6px;border-radius:var(--ind-radius-sm, 2px);word-break:break-all}.readout{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-4, 8px)}.value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.flags{display:inline-flex;gap:var(--ind-spacing-2, 4px)}.flag{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted);background:var(--ind-surface-raised);border-radius:var(--ind-radius-sm, 2px);padding:1px 5px;white-space:nowrap}`;const r=()=>`:host{min-width:240px}.quality-good{color:var(--ind-state-running-bg, #16a34a)}.quality-uncertain{color:var(--ind-state-warning-bg, #f59e0b)}.quality-bad{color:var(--ind-state-fault-bg, #dc2626)}`;const d={good:"Good",uncertain:"Uncertain",bad:"Bad"};const s=class{constructor(e){a(this,e)}label;nodeId;value;unit;quality="good";state="disconnected";render(){const a=this.value!==undefined?String(this.value):"—";return e(i,{key:"26f858e3df518f2fe80a5cbeb59795e4ed37ad3f",role:"group","aria-label":`OPC UA ${this.nodeId}`},e("div",{key:"f31f9254e702f62fead7512729a263962b4ca367",class:"card-head"},e("span",{key:"9db34364812e44fb1b97280307c3272d39af20c1",class:"card-title",part:"label"},this.label??"OPC UA"),e("ind-connection-indicator",{key:"d86586072da78417f77876fe72f775803eef9a08",state:this.state,size:"sm"})),e("code",{key:"e88b589b63b314ea472d7bb1e49391bd2bf6e1b4",class:"address",part:"node-id"},this.nodeId),e("div",{key:"a96a356955875ee22a2380963cae2b335a217c1c",class:"readout",part:"readout"},e("span",{key:"dafe6819c30f5e8fc4fa2c3d1ec74fe7d45688cc",class:"value",part:"value"},a,this.unit?` ${this.unit}`:""),e("span",{key:"7fb82abd9f0acc310e882c415ac63ef7c45e417d",class:`flag quality quality-${this.quality}`,part:"quality"},d[this.quality])))}};s.style=t()+(n()+r());export{s as ind_opcua_tag_binding};
+//# sourceMappingURL=p-52387956.entry.js.map

package/dist/ind-ds/p-52387956.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","bindingCss","opcuaTagBindingCss","QUALITY_LABEL","good","uncertain","bad","IndOpcuaTagBinding","label","nodeId","value","unit","quality","state","render","v","this","undefined","String","h","Host","key","role","class","part","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-opcua-tag-binding&encapsulation=shadow","src/components/molecules/_shared/binding.css?tag=ind-opcua-tag-binding&encapsulation=shadow","src/components/molecules/opcua-tag-binding/opcua-tag-binding.css?tag=ind-opcua-tag-binding&encapsulation=shadow","src/components/molecules/opcua-tag-binding/opcua-tag-binding.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\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  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-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, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n","/* Shared chrome for protocol tag-binding cards (MQTT, OPC UA). */\n.card-head {\n  align-items: center;\n}\n\n.address {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  background: var(--ind-surface-sunken);\n  padding: 3px 6px;\n  border-radius: var(--ind-radius-sm, 2px);\n  word-break: break-all;\n}\n\n.readout {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.flags {\n  display: inline-flex;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.flag {\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-muted);\n  background: var(--ind-surface-raised);\n  border-radius: var(--ind-radius-sm, 2px);\n  padding: 1px 5px;\n  white-space: nowrap;\n}\n",":host {\n  min-width: 240px;\n}\n\n.quality-good { color: var(--ind-state-running-bg, #16a34a); }\n.quality-uncertain { color: var(--ind-state-warning-bg, #f59e0b); }\n.quality-bad { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\nimport type { DataQuality } from '../historical-value-row/historical-value-row';\n\nconst QUALITY_LABEL: Record<DataQuality, string> = {\n  good: 'Good',\n  uncertain: 'Uncertain',\n  bad: 'Bad',\n};\n\n/**\n * Visualises the binding to an OPC UA node: node id, last value, data quality\n * and the session connection state.\n */\n@Component({\n  tag: 'ind-opcua-tag-binding',\n  styleUrls: ['../_shared/card.css', '../_shared/binding.css', 'opcua-tag-binding.css'],\n  shadow: true,\n})\nexport class IndOpcuaTagBinding {\n  /** Friendly label. */\n  @Prop() label?: string;\n  /** OPC UA node id (e.g. \"ns=2;s=Channel1.Device1.Tag1\"). */\n  @Prop() nodeId!: string;\n  /** Last value. */\n  @Prop() value?: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** OPC UA data quality. */\n  @Prop({ reflect: true }) quality: DataQuality = 'good';\n  /** Session connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  render() {\n    const v = this.value !== undefined ? String(this.value) : '—';\n    return (\n      <Host role=\"group\" aria-label={`OPC UA ${this.nodeId}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label ?? 'OPC UA'}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <code class=\"address\" part=\"node-id\">{this.nodeId}</code>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"value\" part=\"value\">{v}{this.unit ? ` ${this.unit}` : ''}</span>\n          <span class={`flag quality quality-${this.quality}`} part=\"quality\">{QUALITY_LABEL[this.quality]}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAa,IAAM,4xBCAzB,MAAMC,EAAqB,IAAM,sMCIjC,MAAMC,EAA6C,CACjDC,KAAM,OACNC,UAAW,YACXC,IAAK,O,MAYMC,EAAkB,M,yBAErBC,MAEAC,OAEAC,MAEAC,KAEiBC,QAAuB,OAEvBC,MAAyB,eAElD,MAAAC,GACE,MAAMC,EAAIC,KAAKN,QAAUO,UAAYC,OAAOF,KAAKN,OAAS,IAC1D,OACES,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,UAAUN,KAAKP,UAC5CU,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASR,KAAKR,OAAS,UACrDW,EAAA,4BAAAE,IAAA,2CAA0BR,MAAOG,KAAKH,MAAOY,KAAK,QAEpDN,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAUC,KAAK,WAAWR,KAAKP,QAC3CU,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAAST,EAAGC,KAAKL,KAAO,IAAIK,KAAKL,OAAS,IACnEQ,EAAA,QAAAE,IAAA,2CAAME,MAAO,wBAAwBP,KAAKJ,UAAWY,KAAK,WAAWrB,EAAca,KAAKJ,W","ignoreList":[]}

package/dist/ind-ds/p-531dcb46.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as i,H as t,a as n}from"./p-Bls_NlWP.js";const s=()=>`:host{display:flex;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);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom:1px solid var(--ind-surface-border-subtle);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box}.label{flex:1 1 auto;font-size:var(--ind-font-size-base, 12px)}.field{flex:0 0 96px}.unit{flex:0 0 auto;font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary);min-width:2.4em}.target{flex:0 0 auto;font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted)}:host([invalid]) .label{color:var(--ind-state-fault-bg, #dc2626)}`;const r=class{constructor(i){a(this,i);this.indInput=e(this,"indInput");this.indChange=e(this,"indChange")}label;value;unit;type="number";min;max;step;placeholder;disabled=false;target;invalid=false;indInput;indChange;onInput=a=>{a.stopPropagation();this.value=a.detail;this.indInput.emit(a.detail)};onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};render(){return i(t,{key:"ca3fcc16b4b12beafc70edb7139309f6106161f7"},i("span",{key:"bbfddee78a90efa9192ecfdfb6ff231febce8e97",class:"label",part:"label"},this.label),i("ind-input",{key:"f73bd43569badba5e96f70515b8da648e2380696",class:"field",part:"field",type:this.type,value:this.value!==undefined?String(this.value):"",min:this.min,max:this.max,step:this.step,placeholder:this.placeholder,disabled:this.disabled,invalid:this.invalid,size:"sm",label:this.label,onIndInput:this.onInput,onIndChange:this.onChange}),this.unit&&i("span",{key:"8f0b4fc7bf745ae322c31c406ed2e50776ccaf42",class:"unit",part:"unit"},this.unit),this.target&&i("span",{key:"aa38b054882735e874d168c254d76e904dbd40c7",class:"target",part:"target"},"/ ",this.target))}};r.style=s();const d=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:var(--ind-size-input-md, 32px)}:host([size="sm"]){--_h:var(--ind-size-input-sm, 24px)}:host([size="md"]){--_h:var(--ind-size-input-md, 32px)}:host([size="lg"]){--_h:var(--ind-size-input-lg, 40px)}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:160px;max-width:100%}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.field{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);height:var(--_h);padding:0 var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.field.is-focus{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.input{flex:1;min-width:0;height:100%;background:transparent;border:none;outline:none;padding:0;font:inherit;color:inherit;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.input::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));opacity:1}:host([type="number"]) .input{font-family:var(--ind-font-family-mono);font-variant-numeric:tabular-nums}:host([invalid]) .field{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .field.is-focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([disabled]){opacity:0.55;pointer-events:none}:host([readonly]) .field{background:var(--ind-surface-panel, light-dark(#f4f6f9, #11161c))}::slotted([slot="prefix"]),::slotted([slot="suffix"]){color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-size:var(--ind-font-size-sm, 11px);font-family:var(--ind-font-family-mono);white-space:nowrap}`;const o=class{constructor(i){a(this,i);this.indInput=e(this,"indInput");this.indChange=e(this,"indChange")}get host(){return n(this)}type="text";size="md";value="";placeholder;disabled=false;readonly=false;invalid=false;label;name;min;max;step;pattern;autocomplete;mode;hasFocus=false;indInput;indChange;async setFocus(){this.host.shadowRoot?.querySelector("input")?.focus()}onInput=a=>{const e=a.target.value;this.value=e;this.indInput.emit(e)};onChange=a=>{const e=a.target.value;this.indChange.emit(e)};render(){return i(t,{key:"dcf35aa853a7a2add80577d244296620bb261803"},i("label",{key:"348fb0868b752944e27ff1154f975a044e09419b",class:"wrap",part:"wrap"},this.label&&i("span",{key:"1d84bbb1ce396de514050b47e84187067be64217",class:"label",part:"label"},this.label),i("span",{key:"774e1b7bc60d21ddb8288806687246652d4e3c68",class:{field:true,"is-focus":this.hasFocus},part:"field"},i("slot",{key:"59316cc9345755e9257c8c0111dbb7708a523ca9",name:"prefix"}),i("input",{key:"58fd74afcef00c48c587029c5c4d68c1bb9bc999",part:"input",class:"input",type:this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,name:this.name,min:this.min,max:this.max,step:this.step,pattern:this.pattern,autocomplete:this.autocomplete,inputMode:this.mode,"aria-invalid":this.invalid?"true":"false",onFocus:()=>this.hasFocus=true,onBlur:()=>this.hasFocus=false,onInput:this.onInput,onChange:this.onChange}),i("slot",{key:"a2e65d9d230e5ceed0a5732ab17892c3b239535f",name:"suffix"}))))}};o.style=d();export{r as ind_batch_parameter_row,o as ind_input};
+//# sourceMappingURL=p-531dcb46.entry.js.map

package/dist/ind-ds/p-531dcb46.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["batchParameterRowCss","IndBatchParameterRow","label","value","unit","type","min","max","step","placeholder","disabled","target","invalid","indInput","indChange","onInput","e","stopPropagation","this","detail","emit","onChange","render","h","Host","key","class","part","undefined","String","size","onIndInput","onIndChange","inputCss","IndInput","readonly","name","pattern","autocomplete","mode","hasFocus","setFocus","host","shadowRoot","querySelector","focus","v","field","inputMode","onFocus","onBlur"],"sources":["src/components/molecules/batch-parameter-row/batch-parameter-row.css?tag=ind-batch-parameter-row&encapsulation=shadow","src/components/molecules/batch-parameter-row/batch-parameter-row.tsx","src/components/atoms/input/input.css?tag=ind-input&encapsulation=shadow","src/components/atoms/input/input.tsx"],"sourcesContent":[":host {\n  display: flex;\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  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n}\n\n.label {\n  flex: 1 1 auto;\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.field {\n  flex: 0 0 96px;\n}\n\n.unit {\n  flex: 0 0 auto;\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n  min-width: 2.4em;\n}\n\n.target {\n  flex: 0 0 auto;\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted);\n}\n\n:host([invalid]) .label { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n/**\n * One editable parameter in a batch / recipe parameter list: label, value\n * input, unit suffix and an optional target hint. Designed to stack inside a\n * scrolling parameter table.\n */\n@Component({\n  tag: 'ind-batch-parameter-row',\n  styleUrl: 'batch-parameter-row.css',\n  shadow: true,\n})\nexport class IndBatchParameterRow {\n  /** Parameter name (e.g. \"Dose volume\"). */\n  @Prop() label!: string;\n  /** Current value (two-way). */\n  @Prop({ mutable: true }) value?: string | number;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Input type. */\n  @Prop() type: string = 'number';\n  @Prop() min?: number;\n  @Prop() max?: number;\n  @Prop() step?: number;\n  @Prop() placeholder?: string;\n  @Prop() disabled: boolean = false;\n  /** Read-only target / default hint shown after the unit. */\n  @Prop() target?: string;\n  /** Mark the row as out of range / invalid. */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Live value as the operator types. */\n  @Event() indInput!: EventEmitter<string>;\n  /** Committed value. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onInput = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indInput.emit(e.detail);\n  };\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <span class=\"label\" part=\"label\">{this.label}</span>\n        <ind-input\n          class=\"field\"\n          part=\"field\"\n          type={this.type as any}\n          value={this.value !== undefined ? String(this.value) : ''}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          invalid={this.invalid}\n          size=\"sm\"\n          label={this.label}\n          onIndInput={this.onInput}\n          onIndChange={this.onChange}\n        />\n        {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n        {this.target && <span class=\"target\" part=\"target\">/ {this.target}</span>}\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_h: var(--ind-size-input-md, 32px);\n}\n\n:host([size=\"sm\"]) { --_h: var(--ind-size-input-sm, 24px); }\n:host([size=\"md\"]) { --_h: var(--ind-size-input-md, 32px); }\n:host([size=\"lg\"]) { --_h: var(--ind-size-input-lg, 40px); }\n\n.wrap {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  min-width: 160px;\n  max-width: 100%;\n}\n\n.label {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.field {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  height: var(--_h);\n  padding: 0 var(--ind-spacing-4, 8px);\n  background: var(--ind-surface-sunken, light-dark(#ffffff, #000000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n  transition:\n    border-color var(--ind-motion-duration-fast, 120ms),\n    box-shadow   var(--ind-motion-duration-fast, 120ms);\n}\n\n.field.is-focus {\n  border-color: var(--ind-surface-focus-ring, #22d3ee);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent);\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  background: transparent;\n  border: none;\n  outline: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.input::placeholder {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  opacity: 1;\n}\n\n:host([type=\"number\"]) .input {\n  font-family: var(--ind-font-family-mono);\n  font-variant-numeric: tabular-nums;\n}\n\n:host([invalid]) .field {\n  border-color: var(--ind-feedback-error-bg, #dc2626);\n}\n:host([invalid]) .field.is-focus {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent);\n}\n\n:host([disabled]) {\n  opacity: 0.55;\n  pointer-events: none;\n}\n\n:host([readonly]) .field {\n  background: var(--ind-surface-panel, light-dark(#f4f6f9, #11161c));\n}\n\n::slotted([slot=\"prefix\"]),\n::slotted([slot=\"suffix\"]) {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  font-size: var(--ind-font-size-sm, 11px);\n  font-family: var(--ind-font-family-mono);\n  white-space: nowrap;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  h,\n  Host,\n} from '@stencil/core';\n\nexport type InputType = 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url';\nexport type InputSize = 'sm' | 'md' | 'lg';\nexport type InputMode = 'text' | 'numeric' | 'decimal' | 'tel' | 'url' | 'email' | 'search' | 'none';\n\n@Component({\n  tag: 'ind-input',\n  styleUrl: 'input.css',\n  shadow: true,\n})\nexport class IndInput {\n  @Element() host!: HTMLElement;\n\n  @Prop({ reflect: true }) type: InputType = 'text';\n  @Prop({ reflect: true }) size: InputSize = 'md';\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder?: string;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) readonly: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() label?: string;\n  @Prop() name?: string;\n  @Prop() min?: number | string;\n  @Prop() max?: number | string;\n  @Prop() step?: number | string;\n  @Prop() pattern?: string;\n  @Prop() autocomplete?: string;\n  /** Maps to the native `inputmode` attribute — named `mode` to avoid clashing with `HTMLElement.inputMode`. */\n  @Prop({ attribute: 'inputmode' }) mode?: InputMode;\n\n  @State() private hasFocus = false;\n\n  /** Fires on every keystroke. */\n  @Event() indInput!: EventEmitter<string>;\n  /** Fires on change (blur or Enter). */\n  @Event() indChange!: EventEmitter<string>;\n\n  /** Programmatically focus the underlying input. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.host.shadowRoot?.querySelector('input')?.focus();\n  }\n\n  private onInput = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.value = v;\n    this.indInput.emit(v);\n  };\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <span class={{ field: true, 'is-focus': this.hasFocus }} part=\"field\">\n            <slot name=\"prefix\" />\n            <input\n              part=\"input\"\n              class=\"input\"\n              type={this.type}\n              value={this.value}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              name={this.name}\n              min={this.min as unknown as string}\n              max={this.max as unknown as string}\n              step={this.step as unknown as string}\n              pattern={this.pattern}\n              autocomplete={this.autocomplete as unknown as 'on' | 'off'}\n              inputMode={this.mode as unknown as undefined}\n              aria-invalid={this.invalid ? 'true' : 'false'}\n              onFocus={() => (this.hasFocus = true)}\n              onBlur={() => (this.hasFocus = false)}\n              onInput={this.onInput}\n              onChange={this.onChange}\n            />\n            <slot name=\"suffix\" />\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAuB,IAAM,yuB,MCYtBC,EAAoB,M,6FAEvBC,MAEiBC,MAEjBC,KAEAC,KAAe,SACfC,IACAC,IACAC,KACAC,YACAC,SAAoB,MAEpBC,OAEiBC,QAAmB,MAGnCC,SAEAC,UAEDC,QAAWC,IACjBA,EAAEC,kBACFC,KAAKf,MAAQa,EAAEG,OACfD,KAAKL,SAASO,KAAKJ,EAAEG,OAAO,EAEtBE,SAAYL,IAClBA,EAAEC,kBACFC,KAAKf,MAAQa,EAAEG,OACfD,KAAKJ,UAAUM,KAAKJ,EAAEG,OAAO,EAG/B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAAST,KAAKhB,OACvCqB,EAAA,aAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,QACLtB,KAAMa,KAAKb,KACXF,MAAOe,KAAKf,QAAUyB,UAAYC,OAAOX,KAAKf,OAAS,GACvDG,IAAKY,KAAKZ,IACVC,IAAKW,KAAKX,IACVC,KAAMU,KAAKV,KACXC,YAAaS,KAAKT,YAClBC,SAAUQ,KAAKR,SACfE,QAASM,KAAKN,QACdkB,KAAK,KACL5B,MAAOgB,KAAKhB,MACZ6B,WAAYb,KAAKH,QACjBiB,YAAad,KAAKG,WAEnBH,KAAKd,MAAQmB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOC,KAAK,QAAQT,KAAKd,MAClDc,KAAKP,QAAUY,EAAA,QAAAE,IAAA,2CAAMC,MAAM,SAASC,KAAK,UAAQ,KAAIT,KAAKP,Q,eCpEnE,MAAMsB,EAAW,IAAM,gpE,MCqBVC,EAAQ,M,uHAGM7B,KAAkB,OAClByB,KAAkB,KAClB3B,MAAgB,GACjCM,YACiBC,SAAoB,MACpByB,SAAoB,MACpBvB,QAAmB,MACpCV,MACAkC,KACA9B,IACAC,IACAC,KACA6B,QACAC,aAE0BC,KAEjBC,SAAW,MAGnB3B,SAEAC,UAIT,cAAM2B,GACJvB,KAAKwB,KAAKC,YAAYC,cAAc,UAAUC,O,CAGxC9B,QAAWC,IACjB,MAAM8B,EAAK9B,EAAEL,OAA4BR,MACzCe,KAAKf,MAAQ2C,EACb5B,KAAKL,SAASO,KAAK0B,EAAE,EAGfzB,SAAYL,IAClB,MAAM8B,EAAK9B,EAAEL,OAA4BR,MACzCe,KAAKJ,UAAUM,KAAK0B,EAAE,EAGxB,MAAAxB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAM,OAAOC,KAAK,QACtBT,KAAKhB,OAASqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAAST,KAAKhB,OACtDqB,EAAA,QAAAE,IAAA,2CAAMC,MAAO,CAAEqB,MAAO,KAAM,WAAY7B,KAAKsB,UAAYb,KAAK,SAC5DJ,EAAA,QAAAE,IAAA,2CAAMW,KAAK,WACXb,EAAA,SAAAE,IAAA,2CACEE,KAAK,QACLD,MAAM,QACNrB,KAAMa,KAAKb,KACXF,MAAOe,KAAKf,MACZM,YAAaS,KAAKT,YAClBC,SAAUQ,KAAKR,SACfyB,SAAUjB,KAAKiB,SACfC,KAAMlB,KAAKkB,KACX9B,IAAKY,KAAKZ,IACVC,IAAKW,KAAKX,IACVC,KAAMU,KAAKV,KACX6B,QAASnB,KAAKmB,QACdC,aAAcpB,KAAKoB,aACnBU,UAAW9B,KAAKqB,KAA4B,eAC9BrB,KAAKN,QAAU,OAAS,QACtCqC,QAAS,IAAO/B,KAAKsB,SAAW,KAChCU,OAAQ,IAAOhC,KAAKsB,SAAW,MAC/BzB,QAASG,KAAKH,QACdM,SAAUH,KAAKG,WAEjBE,EAAA,QAAAE,IAAA,2CAAMW,KAAK,a","ignoreList":[]}

package/dist/ind-ds/p-53f0dc3a.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const n=()=>`: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:480px}`;const r=class{constructor(e){a(this,e)}heading="Equipment";columns=3;render(){return e(i,{key:"1b21d41333ef6d4d58235b334a50e90a8aebb415"},e("div",{key:"56bc5ea686d16eb409529169e475ae1939d60338",class:"panel-head"},e("span",{key:"15da308f985628e770bea272c7c7ad96c318c528",class:"panel-title",part:"heading"},this.heading),e("div",{key:"6c437965be2951afff07b65c45553e1157a9941b",class:"panel-actions"},e("slot",{key:"91a65bf2ca09d8e05e489c0cb4af658da90b4bdb",name:"actions"}))),e("div",{key:"9d6e55b809e3c68e5ab7097c4264a4ad8febee0b",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},e("slot",{key:"c9102cb92c046cd4697bfc33b397b78d0db8740f"})))}};r.style=n()+d();export{r as ind_equipment_dashboard};
+//# sourceMappingURL=p-53f0dc3a.entry.js.map