@ind-ds/core 0.1.1 → 0.2.0

package/dist/components/p-CNo94Sf0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["knobCss","IndKnob","__stencil_proxyCustomElement","HTMLElement","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"],"sources":["src/components/atoms/knob/knob.css?tag=ind-knob&encapsulation=shadow","src/components/atoms/knob/knob.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"],"mappings":"6DAAA,MAAMA,EAAU,IAAM,++C,MCSTC,EAAOC,EAAA,MAAAD,UAAAE,E,4KAIOC,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","ignoreList":[]}

package/dist/components/p-CRSC4h1X.js

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

package/dist/components/p-CRSC4h1X.js.map

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

package/dist/components/p-CUfsFNIv.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as t,a as i,t as n}from"./index.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);font-weight:var(--ind-font-weight-medium, 500);line-height:var(--ind-font-line-height-tight, 1.1);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.led{--_size:var(--ind-led-size, 12px);--_bg:var(--ind-state-stopped-bg, #5a6776);--_border:var(--ind-state-stopped-border, #8390a0);--_glow:var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));display:inline-block;width:var(--_size);height:var(--_size);border-radius:50%;background:radial-gradient(     circle at 30% 30%,     color-mix(in srgb, var(--_bg) 65%, white),     var(--_bg) 70%   );border:1px solid var(--_border);box-shadow:0 0 0 1px color-mix(in srgb, var(--_bg) 25%, transparent),     0 0 8px var(--_glow),     inset 0 1px 2px rgba(0, 0, 0, 0.45);transition:background-color var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([size="sm"]) .led{--_size:8px}:host([size="md"]) .led{--_size:12px}:host([size="lg"]) .led{--_size:18px}:host([state="running"]) .led{--_bg:var(--ind-state-running-bg, #16a34a);--_border:var(--ind-state-running-border, #4ade80);--_glow:var(--ind-state-running-glow, rgba(34, 197, 94, 0.6))}:host([state="stopped"]) .led{--_bg:var(--ind-state-stopped-bg, #5a6776);--_border:var(--ind-state-stopped-border, #8390a0);--_glow:var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35))}:host([state="fault"]) .led{--_bg:var(--ind-state-fault-bg, #dc2626);--_border:var(--ind-state-fault-border, #f87171);--_glow:var(--ind-state-fault-glow, rgba(220, 38, 38, 0.7))}:host([state="warning"]) .led{--_bg:var(--ind-state-warning-bg, #f59e0b);--_border:var(--ind-state-warning-border, #fcd34d);--_glow:var(--ind-state-warning-glow, rgba(245, 158, 11, 0.6))}:host([state="maintenance"]) .led{--_bg:var(--ind-state-maintenance-bg, #2563eb);--_border:var(--ind-state-maintenance-border, #60a5fa);--_glow:var(--ind-state-maintenance-glow, rgba(37, 99, 235, 0.6))}:host([blinking]) .led{animation:ind-led-blink var(--ind-motion-blink-fast, 400ms) steps(2, end) infinite}:host([blinking][state="fault"]) .led{animation-duration:var(--ind-motion-blink-urgent, 200ms)}@keyframes ind-led-blink{50%{opacity:0.2;box-shadow:none}}@media (prefers-reduced-motion: reduce){:host([blinking]) .led{animation:none;opacity:1;outline:2px solid var(--_border);outline-offset:2px}}`;const r=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";blinking=false;label;render(){const e=this.label??`${this.state} indicator`;return t(i,{key:"d843ed36b6c73a35e20903104acdf71540429a7a",role:"status","aria-label":e,"aria-live":this.state==="fault"?"assertive":"polite"},t("span",{key:"97548c63e15ca29608b5646f51bbcba147114d0c",class:"led",part:"led","aria-hidden":"true"}),this.label&&t("span",{key:"0224cf04e55d1ccb388fc9c4f8796881bc0bf884",class:"label",part:"label"},this.label))}static get style(){return s()}},[513,"ind-led",{state:[513],size:[513],blinking:[516],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-led"];e.forEach((e=>{switch(e){case"ind-led":if(!customElements.get(n(e))){customElements.define(n(e),r)}break}}))}d();export{r as I,d};
+//# sourceMappingURL=p-CUfsFNIv.js.map

package/dist/components/p-CUfsFNIv.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ledCss","IndLed","__stencil_proxyCustomElement","HTMLElement","state","size","blinking","label","render","accessibleName","this","h","Host","key","role","class","part"],"sources":["src/components/atoms/led/led.css?tag=ind-led&encapsulation=shadow","src/components/atoms/led/led.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  font-weight: var(--ind-font-weight-medium, 500);\n  line-height: var(--ind-font-line-height-tight, 1.1);\n  /* `light-dark()` makes the label readable even if the LED lands on a surface\n   * whose theme doesn't match the loaded tokens (Storybook autodocs, embedded\n   * widget on a third-party site, etc.). */\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.led {\n  --_size: var(--ind-led-size, 12px);\n  --_bg: var(--ind-state-stopped-bg, #5a6776);\n  --_border: var(--ind-state-stopped-border, #8390a0);\n  --_glow: var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));\n\n  display: inline-block;\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background: radial-gradient(\n    circle at 30% 30%,\n    color-mix(in srgb, var(--_bg) 65%, white),\n    var(--_bg) 70%\n  );\n  border: 1px solid var(--_border);\n  box-shadow:\n    0 0 0 1px color-mix(in srgb, var(--_bg) 25%, transparent),\n    0 0 8px var(--_glow),\n    inset 0 1px 2px rgba(0, 0, 0, 0.45);\n  transition: background-color var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n:host([size=\"sm\"]) .led { --_size: 8px; }\n:host([size=\"md\"]) .led { --_size: 12px; }\n:host([size=\"lg\"]) .led { --_size: 18px; }\n\n/* Each state ships hard-coded fallbacks so the component stays visible even\n * if tokens fail to load (build-order glitch, sandbox without CSS imports).\n */\n:host([state=\"running\"]) .led {\n  --_bg: var(--ind-state-running-bg, #16a34a);\n  --_border: var(--ind-state-running-border, #4ade80);\n  --_glow: var(--ind-state-running-glow, rgba(34, 197, 94, 0.6));\n}\n:host([state=\"stopped\"]) .led {\n  --_bg: var(--ind-state-stopped-bg, #5a6776);\n  --_border: var(--ind-state-stopped-border, #8390a0);\n  --_glow: var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));\n}\n:host([state=\"fault\"]) .led {\n  --_bg: var(--ind-state-fault-bg, #dc2626);\n  --_border: var(--ind-state-fault-border, #f87171);\n  --_glow: var(--ind-state-fault-glow, rgba(220, 38, 38, 0.7));\n}\n:host([state=\"warning\"]) .led {\n  --_bg: var(--ind-state-warning-bg, #f59e0b);\n  --_border: var(--ind-state-warning-border, #fcd34d);\n  --_glow: var(--ind-state-warning-glow, rgba(245, 158, 11, 0.6));\n}\n:host([state=\"maintenance\"]) .led {\n  --_bg: var(--ind-state-maintenance-bg, #2563eb);\n  --_border: var(--ind-state-maintenance-border, #60a5fa);\n  --_glow: var(--ind-state-maintenance-glow, rgba(37, 99, 235, 0.6));\n}\n\n:host([blinking]) .led {\n  animation: ind-led-blink var(--ind-motion-blink-fast, 400ms) steps(2, end) infinite;\n}\n:host([blinking][state=\"fault\"]) .led {\n  animation-duration: var(--ind-motion-blink-urgent, 200ms);\n}\n\n@keyframes ind-led-blink {\n  50% { opacity: 0.2; box-shadow: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host([blinking]) .led {\n    animation: none;\n    opacity: 1;\n    /* Substitute: a solid outline ring so the alarm condition is still visible without motion. */\n    outline: 2px solid var(--_border);\n    outline-offset: 2px;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type LedState = 'running' | 'stopped' | 'fault' | 'warning' | 'maintenance';\nexport type LedSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-led',\n  styleUrl: 'led.css',\n  shadow: true,\n})\nexport class IndLed {\n  /** Process state driving the LED color and ARIA live politeness. */\n  @Prop({ reflect: true }) state: LedState = 'stopped';\n\n  /** Visual size. */\n  @Prop({ reflect: true }) size: LedSize = 'md';\n\n  /** Blink. For SCADA, fast blink = unacknowledged condition. Stops respecting prefers-reduced-motion. */\n  @Prop({ reflect: true }) blinking: boolean = false;\n\n  /** Optional visible label rendered next to the LED. Always becomes the accessible name. */\n  @Prop() label?: string;\n\n  render() {\n    const accessibleName = this.label ?? `${this.state} indicator`;\n    return (\n      <Host\n        role=\"status\"\n        aria-label={accessibleName}\n        aria-live={this.state === 'fault' ? 'assertive' : 'polite'}\n      >\n        <span class=\"led\" part=\"led\" aria-hidden=\"true\" />\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAS,IAAM,y+E,MCURC,EAAMC,EAAA,MAAAD,UAAAE,E,iFAEQC,MAAkB,UAGlBC,KAAgB,KAGhBC,SAAoB,MAGrCC,MAER,MAAAC,GACE,MAAMC,EAAiBC,KAAKH,OAAS,GAAGG,KAAKN,kBAC7C,OACEO,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SAAQ,aACDL,EAAc,YACfC,KAAKN,QAAU,QAAU,YAAc,UAElDO,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,MAAK,cAAa,SACxCN,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASN,KAAKH,O","ignoreList":[]}

package/dist/components/p-CVo-n5Qd.js

@@ -0,0 +1,2 @@
+import{p as l,H as a,h as i,a as e,t as r}from"./index.js";const o=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.pill{display:inline-flex;align-items:stretch;border-radius:var(--ind-radius-sm, 2px);overflow:hidden;font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-bold, 700);line-height:1;border:1px solid transparent}.pill-label{padding:3px 5px;color:var(--ind-color-palette-neutral-1000, #fff)}.pill-count{padding:3px 6px;background:var(--ind-surface-raised);color:var(--ind-surface-text-primary);min-width:1.2em;text-align:center}.pill-high-high .pill-label{background:var(--ind-alarm-high-high-bg, #dc2626)}.pill-high-high{border-color:var(--ind-alarm-high-high-border, #f87171)}.pill-high .pill-label{background:var(--ind-alarm-high-bg, #f59e0b);color:var(--ind-alarm-high-fg, #000)}.pill-high{border-color:var(--ind-alarm-high-border, #fcd34d)}.pill-low .pill-label{background:var(--ind-alarm-low-bg, #0891b2)}.pill-low{border-color:var(--ind-alarm-low-border, #22d3ee)}.pill-low-low .pill-label{background:var(--ind-alarm-low-low-bg, #7c3aed)}.pill-low-low{border-color:var(--ind-alarm-low-low-border, #a78bfa)}.pill-total .pill-label{background:var(--ind-surface-border-strong, #5a6776)}.pill-total{border-color:var(--ind-surface-border-strong, #5a6776)}`;const t=l(class l extends a{constructor(l){super();if(l!==false){this.__registerHost()}this.__attachShadow()}highHigh=0;high=0;low=0;lowLow=0;hideZero=false;showTotal=false;get total(){return this.highHigh+this.high+this.low+this.lowLow}render(){const l=[{key:"high-high",label:"HH",count:this.highHigh},{key:"high",label:"H",count:this.high},{key:"low",label:"L",count:this.low},{key:"low-low",label:"LL",count:this.lowLow}].filter((l=>!this.hideZero||l.count>0));return i(e,{key:"201a3706da7e4d7861c46d089f0640c2b9fb23f4",role:"group","aria-label":`${this.total} active alarms`},l.map((l=>i("span",{class:`pill pill-${l.key}`,part:"pill",key:l.key},i("span",{class:"pill-label",part:"pill-label"},l.label),i("span",{class:"pill-count",part:"pill-count"},l.count)))),this.showTotal&&i("span",{key:"12adde650a7be127226d5d65b6981008d3e72484",class:"pill pill-total",part:"total"},i("span",{key:"624406d463a074110c7e11bb26af668e85a6ed71",class:"pill-label"},"Σ"),i("span",{key:"23b0c696feb5cb9dbb38c41d9185e6f1e8c4ee4d",class:"pill-count"},this.total)))}static get style(){return o()}},[513,"ind-alarm-badge-group",{highHigh:[2,"high-high"],high:[2],low:[2],lowLow:[2,"low-low"],hideZero:[4,"hide-zero"],showTotal:[4,"show-total"]}]);function n(){if(typeof customElements==="undefined"){return}const l=["ind-alarm-badge-group"];l.forEach((l=>{switch(l){case"ind-alarm-badge-group":if(!customElements.get(r(l))){customElements.define(r(l),t)}break}}))}n();export{t as I,n as d};
+//# sourceMappingURL=p-CVo-n5Qd.js.map

package/dist/components/p-CVo-n5Qd.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["alarmBadgeGroupCss","IndAlarmBadgeGroup","__stencil_proxyCustomElement","HTMLElement","highHigh","high","low","lowLow","hideZero","showTotal","total","this","render","items","key","label","count","filter","i","h","Host","role","map","class","part"],"sources":["src/components/molecules/alarm-badge-group/alarm-badge-group.css?tag=ind-alarm-badge-group&encapsulation=shadow","src/components/molecules/alarm-badge-group/alarm-badge-group.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);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.pill {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--ind-radius-sm, 2px);\n  overflow: hidden;\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  line-height: 1;\n  border: 1px solid transparent;\n}\n\n.pill-label {\n  padding: 3px 5px;\n  color: var(--ind-color-palette-neutral-1000, #fff);\n}\n\n.pill-count {\n  padding: 3px 6px;\n  background: var(--ind-surface-raised);\n  color: var(--ind-surface-text-primary);\n  min-width: 1.2em;\n  text-align: center;\n}\n\n.pill-high-high .pill-label { background: var(--ind-alarm-high-high-bg, #dc2626); }\n.pill-high-high { border-color: var(--ind-alarm-high-high-border, #f87171); }\n.pill-high .pill-label { background: var(--ind-alarm-high-bg, #f59e0b); color: var(--ind-alarm-high-fg, #000); }\n.pill-high { border-color: var(--ind-alarm-high-border, #fcd34d); }\n.pill-low .pill-label { background: var(--ind-alarm-low-bg, #0891b2); }\n.pill-low { border-color: var(--ind-alarm-low-border, #22d3ee); }\n.pill-low-low .pill-label { background: var(--ind-alarm-low-low-bg, #7c3aed); }\n.pill-low-low { border-color: var(--ind-alarm-low-low-border, #a78bfa); }\n\n.pill-total .pill-label { background: var(--ind-surface-border-strong, #5a6776); }\n.pill-total { border-color: var(--ind-surface-border-strong, #5a6776); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Row of ISA-18.2 priority counters (HH / H / L / LL). Gives an at-a-glance\n * alarm summary for a unit or the whole plant, colored by priority.\n */\n@Component({\n  tag: 'ind-alarm-badge-group',\n  styleUrl: 'alarm-badge-group.css',\n  shadow: true,\n})\nexport class IndAlarmBadgeGroup {\n  /** High-high count. */\n  @Prop() highHigh: number = 0;\n  /** High count. */\n  @Prop() high: number = 0;\n  /** Low count. */\n  @Prop() low: number = 0;\n  /** Low-low count. */\n  @Prop() lowLow: number = 0;\n  /** Hide priorities whose count is zero. */\n  @Prop() hideZero: boolean = false;\n  /** Append a total pill. */\n  @Prop() showTotal: boolean = false;\n\n  private get total(): number {\n    return this.highHigh + this.high + this.low + this.lowLow;\n  }\n\n  render() {\n    const items = [\n      { key: 'high-high', label: 'HH', count: this.highHigh },\n      { key: 'high', label: 'H', count: this.high },\n      { key: 'low', label: 'L', count: this.low },\n      { key: 'low-low', label: 'LL', count: this.lowLow },\n    ].filter((i) => !this.hideZero || i.count > 0);\n\n    return (\n      <Host role=\"group\" aria-label={`${this.total} active alarms`}>\n        {items.map((i) => (\n          <span class={`pill pill-${i.key}`} part=\"pill\" key={i.key}>\n            <span class=\"pill-label\" part=\"pill-label\">{i.label}</span>\n            <span class=\"pill-count\" part=\"pill-count\">{i.count}</span>\n          </span>\n        ))}\n        {this.showTotal && (\n          <span class=\"pill pill-total\" part=\"total\">\n            <span class=\"pill-label\">Σ</span>\n            <span class=\"pill-count\">{this.total}</span>\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAqB,IAAM,40C,MCWpBC,EAAkBC,EAAA,MAAAD,UAAAE,E,iFAErBC,SAAmB,EAEnBC,KAAe,EAEfC,IAAc,EAEdC,OAAiB,EAEjBC,SAAoB,MAEpBC,UAAqB,MAE7B,SAAYC,GACV,OAAOC,KAAKP,SAAWO,KAAKN,KAAOM,KAAKL,IAAMK,KAAKJ,M,CAGrD,MAAAK,GACE,MAAMC,EAAQ,CACZ,CAAEC,IAAK,YAAaC,MAAO,KAAMC,MAAOL,KAAKP,UAC7C,CAAEU,IAAK,OAAQC,MAAO,IAAKC,MAAOL,KAAKN,MACvC,CAAES,IAAK,MAAOC,MAAO,IAAKC,MAAOL,KAAKL,KACtC,CAAEQ,IAAK,UAAWC,MAAO,KAAMC,MAAOL,KAAKJ,SAC3CU,QAAQC,IAAOP,KAAKH,UAAYU,EAAEF,MAAQ,IAE5C,OACEG,EAACC,EAAI,CAAAN,IAAA,2CAACO,KAAK,QAAO,aAAa,GAAGV,KAAKD,uBACpCG,EAAMS,KAAKJ,GACVC,EAAA,QAAMI,MAAO,aAAaL,EAAEJ,MAAOU,KAAK,OAAOV,IAAKI,EAAEJ,KACpDK,EAAA,QAAMI,MAAM,aAAaC,KAAK,cAAcN,EAAEH,OAC9CI,EAAA,QAAMI,MAAM,aAAaC,KAAK,cAAcN,EAAEF,UAGjDL,KAAKF,WACJU,EAAA,QAAAL,IAAA,2CAAMS,MAAM,kBAAkBC,KAAK,SACjCL,EAAA,QAAAL,IAAA,2CAAMS,MAAM,cAAY,KACxBJ,EAAA,QAAAL,IAAA,2CAAMS,MAAM,cAAcZ,KAAKD,Q","ignoreList":[]}

package/dist/components/p-Ca70rR-o.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as a,a as o,t as r}from"./index.js";const d=()=>`:host{display:inline-flex;gap:var(--ind-spacing-3, 6px);align-items:center}:host([orientation="vertical"]){flex-direction:column;align-items:stretch}:host([attached]){gap:0;border-radius:var(--ind-radius-md, 3px);overflow:hidden;border:1px solid var(--ind-surface-border-default)}:host([attached]) ::slotted(ind-button:not(:last-child)){border-right:1px solid var(--ind-surface-border-default)}:host([attached][orientation="vertical"]) ::slotted(ind-button:not(:last-child)){border-right:0;border-bottom:1px solid var(--ind-surface-border-default)}`;const i=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}label;orientation="horizontal";attached=false;render(){return a(o,{key:"9b4a75ffd5999eb7ffec1e428b66f00bce939ae3",role:"group","aria-label":this.label},a("slot",{key:"a433f837349fe52f09a2de8dc51e51024d947d0f"}))}static get style(){return d()}},[769,"ind-command-group",{label:[1],orientation:[513],attached:[516]}]);function n(){if(typeof customElements==="undefined"){return}const t=["ind-command-group"];t.forEach((t=>{switch(t){case"ind-command-group":if(!customElements.get(r(t))){customElements.define(r(t),i)}break}}))}n();export{i as I,n as d};
+//# sourceMappingURL=p-Ca70rR-o.js.map

package/dist/components/p-Ca70rR-o.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["commandGroupCss","IndCommandGroup","__stencil_proxyCustomElement","HTMLElement","label","orientation","attached","render","h","Host","key","role","this"],"sources":["src/components/molecules/command-group/command-group.css?tag=ind-command-group&encapsulation=shadow","src/components/molecules/command-group/command-group.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  gap: var(--ind-spacing-3, 6px);\n  align-items: center;\n}\n\n:host([orientation=\"vertical\"]) {\n  flex-direction: column;\n  align-items: stretch;\n}\n\n:host([attached]) {\n  gap: 0;\n  border-radius: var(--ind-radius-md, 3px);\n  overflow: hidden;\n  border: 1px solid var(--ind-surface-border-default);\n}\n\n:host([attached]) ::slotted(ind-button:not(:last-child)) {\n  border-right: 1px solid var(--ind-surface-border-default);\n}\n\n:host([attached][orientation=\"vertical\"]) ::slotted(ind-button:not(:last-child)) {\n  border-right: 0;\n  border-bottom: 1px solid var(--ind-surface-border-default);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type CommandGroupOrientation = 'horizontal' | 'vertical';\n\n/**\n * Groups related command buttons into a single segmented bar with a shared\n * border. Slot `<ind-button>`s into the default slot. Purely presentational —\n * each button keeps its own `indActivate` event.\n */\n@Component({\n  tag: 'ind-command-group',\n  styleUrl: 'command-group.css',\n  shadow: true,\n})\nexport class IndCommandGroup {\n  /** Accessible label for the toolbar group. */\n  @Prop() label?: string;\n  /** Layout direction. */\n  @Prop({ reflect: true }) orientation: CommandGroupOrientation = 'horizontal';\n  /** Render attached (shared borders, no gap) instead of spaced. */\n  @Prop({ reflect: true }) attached: boolean = false;\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={this.label}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAkB,IAAM,uiB,MCcjBC,EAAeC,EAAA,MAAAD,UAAAE,E,iFAElBC,MAEiBC,YAAuC,aAEvCC,SAAoB,MAE7C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAaC,KAAKR,OAClCI,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/components/p-Cvkpsp6g.js

@@ -0,0 +1,2 @@
+import{p as a,H as i,c as t,h as e,a as r,t as o}from"./index.js";import{d as n}from"./p-CRSC4h1X.js";const s=()=>`: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 d=()=>`: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 c={"high-high":"HH",high:"H",low:"L","low-low":"LL"};const l=a(class a extends i{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indAck=t(this,"indAck")}priority="high";tag;message;time;acknowledged=false;indAck;render(){return e(r,{key:"c361a5cc2d2d1839f81d90a883af3a9ec53085cb",role:"row","aria-label":`${c[this.priority]} alarm ${this.tag??""} ${this.message}`,"aria-live":this.priority==="high-high"&&!this.acknowledged?"assertive":"polite"},e("span",{key:"6471d9f6b21a764ba85d89f371e6a3d6fccb60de",class:`prio prio-${this.priority}`,part:"priority"},c[this.priority]),this.tag&&e("span",{key:"907433595d8628dacf0815d18556920efe617dd2",class:"tag",part:"tag"},this.tag),e("span",{key:"971b318c306e65089ac3687fcbdde2f98b6708b7",class:"msg",part:"message"},this.message),this.time&&e("span",{key:"3ccae3c4fff8f219320899a8d635b672f145aa40",class:"time",part:"time"},this.time),!this.acknowledged?e("ind-button",{class:"ack",part:"ack",variant:"ghost",size:"sm",label:"ACK",onIndActivate:()=>this.indAck.emit()}):e("span",{class:"acked",part:"acked"},"ACK ✓"))}static get style(){return s()+d()}},[513,"ind-alarm-row",{priority:[513],tag:[1],message:[1],time:[1],acknowledged:[516]}]);function h(){if(typeof customElements==="undefined"){return}const a=["ind-alarm-row","ind-button"];a.forEach((a=>{switch(a){case"ind-alarm-row":if(!customElements.get(o(a))){customElements.define(o(a),l)}break;case"ind-button":if(!customElements.get(o(a))){n()}break}}))}h();export{l as I,h as d};
+//# sourceMappingURL=p-Cvkpsp6g.js.map

package/dist/components/p-Cvkpsp6g.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","alarmRowCss","PRIORITY_LABEL","high","low","IndAlarmRow","__stencil_proxyCustomElement","HTMLElement","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":"sGAAA,MAAMA,EAAS,IAAM,oyBCArB,MAAMC,EAAc,IAAM,2gCCI1B,MAAMC,EAAmD,CACvD,YAAa,KACbC,KAAM,IACNC,IAAK,IACL,UAAW,M,MAYAC,EAAWC,EAAA,MAAAD,UAAAE,E,8GAEGC,SAA6B,OAE9CC,IAEAC,QAEAC,KAEiBC,aAAwB,MAGxCC,OAET,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,MAAK,aACE,GAAGhB,EAAeiB,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,YAAYnB,EAAeiB,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/components/p-D3gnEPFv.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,c as t,h as r,a as i,t as s}from"./index.js";const n=()=>`: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=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();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 e=Number(a.target.value);this.value=e;this.indInput.emit(e)};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 r(i,{key:"60ef2f0f415c431fbcddca469fb7cb5e44ecc194"},(this.label||this.showValue)&&r("div",{key:"e94c6f2a029460ac19ece73f72663889512f64b2",class:"header",part:"header"},this.label&&r("span",{key:"e9e7367004d1ca23a594a4d010d4dade6e9f5573",class:"label",part:"label"},this.label),this.showValue&&r("span",{key:"8848b531da6f87ef75b33be18dfe398cf6ec978a",class:"value",part:"value"},this.value,this.unit?` ${this.unit}`:"")),r("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}))}static get style(){return n()}},[513,"ind-slider",{value:[1026],min:[2],max:[2],step:[2],disabled:[516],size:[513],label:[1],unit:[1],showValue:[4,"show-value"]}]);function o(){if(typeof customElements==="undefined"){return}const a=["ind-slider"];a.forEach((a=>{switch(a){case"ind-slider":if(!customElements.get(s(a))){customElements.define(s(a),d)}break}}))}o();export{d as I,o as d};
+//# sourceMappingURL=p-D3gnEPFv.js.map

package/dist/components/p-D3gnEPFv.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sliderCss","IndSlider","__stencil_proxyCustomElement","HTMLElement","value","min","max","step","disabled","size","label","unit","showValue","indInput","indChange","onInput","e","v","Number","target","this","emit","onChange","percent","span","render","h","Host","key","class","part","type","style"],"sources":["src/components/atoms/slider/slider.css?tag=ind-slider&encapsulation=shadow","src/components/atoms/slider/slider.tsx"],"sourcesContent":[":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"],"mappings":"kEAAA,MAAMA,EAAY,IAAM,69D,MCSXC,EAASC,EAAA,MAAAD,UAAAE,E,qJAEKC,MAAgB,EAEjCC,IAAc,EAEdC,IAAc,IAEdC,KAAe,EAEEC,SAAoB,MAEpBC,KAAmB,KAEpCC,MAEAC,KAEAC,UAAqB,KAGpBC,SAEAC,UAEDC,QAAWC,IACjB,MAAMC,EAAIC,OAAQF,EAAEG,OAA4Bf,OAChDgB,KAAKhB,MAAQa,EACbG,KAAKP,SAASQ,KAAKJ,EAAE,EAEfK,SAAYN,IAClBI,KAAKN,UAAUO,KAAKH,OAAQF,EAAEG,OAA4Bf,OAAO,EAG3D,OAAAmB,GACN,MAAMC,EAAOJ,KAAKd,IAAMc,KAAKf,KAAO,EACpC,OAASe,KAAKhB,MAAQgB,KAAKf,KAAOmB,EAAQ,G,CAG5C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDR,KAAKV,OAASU,KAAKR,YACnBc,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACtBV,KAAKV,OAASgB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAASV,KAAKV,OACrDU,KAAKR,WACJc,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SACtBV,KAAKhB,MAAOgB,KAAKT,KAAO,IAAIS,KAAKT,OAAS,KAKnDe,EAAA,SAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,QACLC,KAAK,QACL1B,IAAKe,KAAKf,IACVC,IAAKc,KAAKd,IACVC,KAAMa,KAAKb,KACXH,MAAOgB,KAAKhB,MACZI,SAAUY,KAAKZ,SAAQ,aACXY,KAAKV,MACjBsB,MAAO,CAAE,SAAU,GAAGZ,KAAKG,cAC3BR,QAASK,KAAKL,QACdO,SAAUF,KAAKE,W","ignoreList":[]}

package/dist/components/{p-acsAzrRn.js → p-D79nNJVt.js}

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as i,a as t,t as s}from"./index.js";const r=()=>`:host{display:block;font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:8px;--_fill:var(--ind-button-primary-bg, #2563eb)}:host([size="sm"]){--_h:4px}:host([size="md"]){--_h:8px}:host([size="lg"]){--_h:12px}:host([variant="success"]){--_fill:var(--ind-feedback-success-bg, #16a34a)}:host([variant="warning"]){--_fill:var(--ind-feedback-warning-bg, #f59e0b)}:host([variant="error"]){--_fill:var(--ind-feedback-error-bg, #dc2626)}.header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ind-spacing-3, 6px);margin-bottom:var(--ind-spacing-2, 4px)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.track{position:relative;width:100%;height:var(--_h);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);overflow:hidden}.fill{display:block;height:100%;background:var(--_fill);transition:width var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([indeterminate]) .fill{width:30%;animation:ind-progress-march 1.4s ease-in-out infinite}@keyframes ind-progress-march{0%{margin-left:-30%}100%{margin-left:100%}}@media (prefers-reduced-motion: reduce){:host([indeterminate]) .fill{animation:none;width:100%;opacity:0.5}}`;const n=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}value=0;max=100;variant="default";size="md";label;showValue=false;unit;indeterminate=false;percent(){if(this.max<=0)return 0;return Math.min(100,Math.max(0,this.value/this.max*100))}valueLabel(){if(this.unit==="%"||this.max===100&&!this.unit){return`${Math.round(this.percent())} %`}return`${this.value}${this.unit?" "+this.unit:""} / ${this.max}`}render(){const e=this.percent();return i(t,{key:"0e74d2952b1fe8b2356927e0e38adbcb72d863c6",role:"progressbar","aria-valuenow":this.indeterminate?undefined:this.value,"aria-valuemin":0,"aria-valuemax":this.max,"aria-label":this.label},(this.label||this.showValue)&&i("div",{key:"1fbeb6fed63ac3fb1cb830408d6ee851ec9fe989",class:"header",part:"header"},this.label&&i("span",{key:"1a2a0e6bb58c4e69b5b19587906e7c53720587cb",class:"label",part:"label"},this.label),this.showValue&&!this.indeterminate&&i("span",{key:"7fa1c9ce1e0ec68abc1b478cfb373af8266467a3",class:"value",part:"value"},this.valueLabel())),i("div",{key:"e821a5f203432e33199d111ba807eb6106068b14",class:"track",part:"track"},i("div",{key:"88e1e2728d12adea9220b3cf8f68072e85bdc1dd",class:"fill",part:"fill",style:this.indeterminate?undefined:{width:`${e}%`}})))}static get style(){return r()}},[513,"ind-progress",{value:[2],max:[2],variant:[513],size:[513],label:[1],showValue:[4,"show-value"],unit:[1],indeterminate:[516]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-progress"];e.forEach((e=>{switch(e){case"ind-progress":if(!customElements.get(s(e))){customElements.define(s(e),n)}break}}))}d();export{n as I,d};
-//# sourceMappingURL=p-acsAzrRn.js.map
+import{p as a,H as e,h as i,a as t,t as s}from"./index.js";const r=()=>`:host{display:block;font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:8px;--_fill:var(--ind-button-primary-bg, #2563eb)}:host([size="sm"]){--_h:4px}:host([size="md"]){--_h:8px}:host([size="lg"]){--_h:12px}:host([variant="success"]){--_fill:var(--ind-feedback-success-bg, #16a34a)}:host([variant="warning"]){--_fill:var(--ind-feedback-warning-bg, #f59e0b)}:host([variant="error"]){--_fill:var(--ind-feedback-error-bg, #dc2626)}.header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ind-spacing-3, 6px);margin-bottom:var(--ind-spacing-2, 4px)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.track{position:relative;width:100%;height:var(--_h);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);overflow:hidden}.fill{display:block;height:100%;background:var(--_fill);transition:width var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([indeterminate]) .fill{width:30%;animation:ind-progress-march 1.4s ease-in-out infinite}@keyframes ind-progress-march{0%{margin-left:-30%}100%{margin-left:100%}}@media (prefers-reduced-motion: reduce){:host([indeterminate]) .fill{animation:none;width:100%;opacity:0.5}}`;const n=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}value=0;max=100;variant="default";size="md";label;showValue=false;unit;indeterminate=false;percent(){if(this.max<=0)return 0;return Math.min(100,Math.max(0,this.value/this.max*100))}valueLabel(){if(this.unit==="%"||this.max===100&&!this.unit){return`${Math.round(this.percent())} %`}return`${this.value}${this.unit?" "+this.unit:""} / ${this.max}`}render(){const a=this.percent();return i(t,{key:"97a35a339db17e295b11d1fe68f0024a44a5dc26",role:"progressbar","aria-valuenow":this.indeterminate?undefined:this.value,"aria-valuemin":0,"aria-valuemax":this.max,"aria-label":this.label},(this.label||this.showValue)&&i("div",{key:"bfc9bc977d571e39c01c1342e6aa3c1897284f48",class:"header",part:"header"},this.label&&i("span",{key:"276b5bee53c566109d62946546320e85e61ea5f2",class:"label",part:"label"},this.label),this.showValue&&!this.indeterminate&&i("span",{key:"dcbe59da993f2f88989e352dcf3aaeb3f6d1e286",class:"value",part:"value"},this.valueLabel())),i("div",{key:"3ace595c028a654ae027d44a96b738bf923bfcbf",class:"track",part:"track"},i("div",{key:"db526a2dc6a655090cf338f405415f61912cc4c2",class:"fill",part:"fill",style:this.indeterminate?undefined:{width:`${a}%`}})))}static get style(){return r()}},[513,"ind-progress",{value:[2],max:[2],variant:[513],size:[513],label:[1],showValue:[4,"show-value"],unit:[1],indeterminate:[516]}]);function d(){if(typeof customElements==="undefined"){return}const a=["ind-progress"];a.forEach((a=>{switch(a){case"ind-progress":if(!customElements.get(s(a))){customElements.define(s(a),n)}break}}))}d();export{n as I,d};
+//# sourceMappingURL=p-D79nNJVt.js.map

package/dist/components/p-DA_BMXS3.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as n,a as s,t as a}from"./index.js";const o=()=>`: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));--_size:9px;--_color:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_size:7px;font-size:var(--ind-font-size-sm, 11px)}:host([size="lg"]){--_size:12px;font-size:var(--ind-font-size-lg, 14px)}:host([state="connected"]){--_color:var(--ind-state-running-bg, #16a34a)}:host([state="connecting"]){--_color:var(--ind-state-warning-bg, #f59e0b)}:host([state="disconnected"]){--_color:var(--ind-state-stopped-bg, #5a6776)}:host([state="error"]){--_color:var(--ind-state-fault-bg, #dc2626)}.dot{width:var(--_size);height:var(--_size);border-radius:50%;background:var(--_color);box-shadow:0 0 6px color-mix(in srgb, var(--_color) 60%, transparent);flex:none}:host([state="connecting"]) .dot,:host([state="error"]) .dot{animation:ind-conn-pulse 1s ease-in-out infinite}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}@keyframes ind-conn-pulse{50%{opacity:0.3}}@media (prefers-reduced-motion: reduce){.dot{animation:none !important}}`;const i={connected:"Connected",connecting:"Connecting…",disconnected:"Disconnected",error:"Connection error"};const r=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="disconnected";size="md";label;render(){const e=this.label??i[this.state];return n(s,{key:"42395a93e3301c22b4ac46b10cd0f8c7fa6031c9",role:"status","aria-live":this.state==="error"?"assertive":"polite","aria-label":e||i[this.state]},n("span",{key:"de1b02ffe2b894be2920116d7bae1d8509fde2df",class:"dot",part:"dot","aria-hidden":"true"}),e&&n("span",{key:"7a081baef8e54a60e1440b74e7de597f1a818a62",class:"label",part:"label"},e))}static get style(){return o()}},[513,"ind-connection-indicator",{state:[513],size:[513],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-connection-indicator"];e.forEach((e=>{switch(e){case"ind-connection-indicator":if(!customElements.get(a(e))){customElements.define(a(e),r)}break}}))}c();export{r as I,c as d};
+//# sourceMappingURL=p-DA_BMXS3.js.map

package/dist/components/p-DA_BMXS3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["connectionIndicatorCss","DEFAULT_LABELS","connected","connecting","disconnected","error","IndConnectionIndicator","__stencil_proxyCustomElement","HTMLElement","state","size","label","render","text","this","h","Host","key","role","class","part"],"sources":["src/components/atoms/connection-indicator/connection-indicator.css?tag=ind-connection-indicator&encapsulation=shadow","src/components/atoms/connection-indicator/connection-indicator.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  --_size: 9px;\n  --_color: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_size: 7px; font-size: var(--ind-font-size-sm, 11px); }\n:host([size=\"lg\"]) { --_size: 12px; font-size: var(--ind-font-size-lg, 14px); }\n\n:host([state=\"connected\"])    { --_color: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"connecting\"])   { --_color: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"disconnected\"]) { --_color: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"error\"])        { --_color: var(--ind-state-fault-bg, #dc2626); }\n\n.dot {\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background: var(--_color);\n  box-shadow: 0 0 6px color-mix(in srgb, var(--_color) 60%, transparent);\n  flex: none;\n}\n\n:host([state=\"connecting\"]) .dot,\n:host([state=\"error\"]) .dot {\n  animation: ind-conn-pulse 1s ease-in-out infinite;\n}\n\n.label { color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }\n\n@keyframes ind-conn-pulse {\n  50% { opacity: 0.3; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dot { animation: none !important; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ConnectionState = 'connected' | 'connecting' | 'disconnected' | 'error';\nexport type ConnectionSize = 'sm' | 'md' | 'lg';\n\nconst DEFAULT_LABELS: Record<ConnectionState, string> = {\n  connected: 'Connected',\n  connecting: 'Connecting…',\n  disconnected: 'Disconnected',\n  error: 'Connection error',\n};\n\n@Component({\n  tag: 'ind-connection-indicator',\n  styleUrl: 'connection-indicator.css',\n  shadow: true,\n})\nexport class IndConnectionIndicator {\n  /** Connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: ConnectionSize = 'md';\n\n  /** Override the default text label. Pass an empty string to hide it. */\n  @Prop() label?: string;\n\n  render() {\n    const text = this.label ?? DEFAULT_LABELS[this.state];\n    return (\n      <Host\n        role=\"status\"\n        aria-live={this.state === 'error' ? 'assertive' : 'polite'}\n        aria-label={text || DEFAULT_LABELS[this.state]}\n      >\n        <span class=\"dot\" part=\"dot\" aria-hidden=\"true\" />\n        {text && <span class=\"label\" part=\"label\">{text}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAyB,IAAM,2rCCKrC,MAAMC,EAAkD,CACtDC,UAAW,YACXC,WAAY,cACZC,aAAc,eACdC,MAAO,oB,MAQIC,EAAsBC,EAAA,MAAAD,UAAAE,E,iFAERC,MAAyB,eAGzBC,KAAuB,KAGxCC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASV,EAAea,KAAKL,OAC/C,OACEM,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SAAQ,YACFJ,KAAKL,QAAU,QAAU,YAAc,SAAQ,aAC9CI,GAAQZ,EAAea,KAAKL,QAExCM,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,MAAK,cAAa,SACxCP,GAAQE,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASP,G","ignoreList":[]}

package/dist/components/p-DC9NDak5.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as n,t as i}from"./index.js";const s=()=>`: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 r=()=>`.liquid{fill:var(--ind-state-maintenance-bg, #2563eb);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 o=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}state="stopped";level=0;alarm="none";size="md";tag;label;showValue=false;render(){const a=Math.min(100,Math.max(0,this.level));const e=4;const i=52;const s=a/100*i;const r=e+i-s;const o=this.label??this.tag??"tank";return t(n,{key:"5b40e01733c5399fffc64c2f49e7b82b42978de8",role:"meter","aria-valuenow":Math.round(a),"aria-valuemin":0,"aria-valuemax":100,"aria-label":`${o} level ${Math.round(a)}%`},t("svg",{key:"76267a5138aa5c3a2e50aec8c8ef104b3fdd1d0e",class:"symbol",viewBox:"0 0 40 60","aria-hidden":"true"},t("defs",{key:"59c6bc39e401646fffad6506fc3d39ac34049d0c"},t("clipPath",{key:"e85ac49916606e0ba28886d505584f8f582c30ec",id:"tank-clip"},t("rect",{key:"5f87fb031b4a61dd60827b411341f7095d4f920e",x:"4",y:e,width:"32",height:i,rx:"4"}))),t("rect",{key:"5ad22cabef8a273479a53b3511d7eccf3a20eff0",class:"liquid",x:"4",y:r,width:"32",height:s,"clip-path":"url(#tank-clip)"}),t("rect",{key:"c6a32088394a44bef58c5d26d095fe3b710d7f89",class:"body",x:"4",y:e,width:"32",height:i,rx:"4"})),(this.tag||this.label||this.showValue)&&t("div",{key:"d224c2acf97978df2b506f3242c6f6fa99066d23",class:"caption"},this.tag&&t("span",{key:"43d91f74f836e3870cbbed0f33e05e1225560562",class:"tag"},this.tag),this.showValue&&t("span",{key:"b0784785618302059f3e54399124e542ad14ffa5",class:"tag"},Math.round(a),"%"),this.label&&t("span",{key:"84523ec9d4ce39b5ddd0c8cf262092549d51a428",class:"label"},this.label)))}static get style(){return s()+r()}},[513,"ind-tank",{state:[513],level:[2],alarm:[513],size:[513],tag:[1],label:[1],showValue:[4,"show-value"]}]);function d(){if(typeof customElements==="undefined"){return}const a=["ind-tank"];a.forEach((a=>{switch(a){case"ind-tank":if(!customElements.get(i(a))){customElements.define(i(a),o)}break}}))}d();export{o as I,d};
+//# sourceMappingURL=p-DC9NDak5.js.map

package/dist/components/p-DC9NDak5.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","tankCss","IndTank","__stencil_proxyCustomElement","HTMLElement","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","x","y","width","rx"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-tank&encapsulation=shadow","src/components/atoms/tank/tank.css?tag=ind-tank&encapsulation=shadow","src/components/atoms/tank/tank.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-maintenance-bg, #2563eb);\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-tank',\n  styleUrls: ['../_equipment/equipment.css', 'tank.css'],\n  shadow: true,\n})\nexport class IndTank {\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 liquid (overrides state-derived fill color). */\n  @Prop({ reflect: true }) alarm: 'none' | 'low' | 'high' = 'none';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"T-204\"). */\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    // Body spans y 4..56 (height 52); liquid fills from the bottom up.\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 ?? 'tank';\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        <svg class=\"symbol\" viewBox=\"0 0 40 60\" aria-hidden=\"true\">\n          <defs>\n            <clipPath id=\"tank-clip\">\n              <rect x=\"4\" y={top} width=\"32\" height={height} rx=\"4\" />\n            </clipPath>\n          </defs>\n          <rect class=\"liquid\" x=\"4\" y={fillY} width=\"32\" height={fillH} clip-path=\"url(#tank-clip)\" />\n          <rect class=\"body\" x=\"4\" y={top} width=\"32\" height={height} rx=\"4\" />\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":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAU,IAAM,uZ,MCQTC,EAAOC,EAAA,MAAAD,UAAAE,E,iFAEOC,MAAwB,UAEzCC,MAAgB,EAECC,MAAiC,OAEjCC,KAAsB,KAEvCC,IAEAC,MAEAC,UAAqB,MAE7B,MAAAC,GACE,MAAMC,EAAMC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGC,KAAKX,QAE3C,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,OAExCU,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,IAAIC,EAAGd,EAAKe,MAAM,KAAKd,OAAQA,EAAQe,GAAG,QAGtDX,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASG,EAAE,IAAIC,EAAGX,EAAOY,MAAM,KAAKd,OAAQC,EAAK,YAAY,oBACzEG,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOG,EAAE,IAAIC,EAAGd,EAAKe,MAAM,KAAKd,OAAQA,EAAQe,GAAG,QAE/DjB,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/components/p-DGb-eiYo.js

@@ -0,0 +1,2 @@
+import{p as t,H as a,c as e,h as i,a as n,t as s}from"./index.js";import{d}from"./p-CNo94Sf0.js";import{d as r}from"./p-D3gnEPFv.js";const o=()=>`: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=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.indInput=e(this,"indInput");this.indChange=e(this,"indChange")}label;value=0;min=0;max=100;step=1;unit="%";disabled=false;variant="slider";indInput;indChange;onInput=t=>{t.stopPropagation();this.value=t.detail;this.indInput.emit(t.detail)};onChange=t=>{t.stopPropagation();this.value=t.detail;this.indChange.emit(t.detail)};render(){return i(n,{key:"9d36c2050ac90d11a70432f2caa3f60632a8ae41"},i("div",{key:"9dfdd9e4bdec6ff00581cdd62c3824bc68a9e8f4",class:"card-head"},i("span",{key:"ed439908c8ab1cefd1d5c43a6eb3a454d0f47965",class:"card-title",part:"label"},this.label)),this.variant==="knob"?i("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}):i("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}))}static get style(){return o()+c()}},[513,"ind-speed-control",{label:[1],value:[1026],min:[2],max:[2],step:[2],unit:[1],disabled:[4],variant:[1]}]);function f(){if(typeof customElements==="undefined"){return}const t=["ind-speed-control","ind-knob","ind-slider"];t.forEach((t=>{switch(t){case"ind-speed-control":if(!customElements.get(s(t))){customElements.define(s(t),l)}break;case"ind-knob":if(!customElements.get(s(t))){d()}break;case"ind-slider":if(!customElements.get(s(t))){r()}break}}))}f();export{l as I,f as d};
+//# sourceMappingURL=p-DGb-eiYo.js.map

package/dist/components/p-DGb-eiYo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","speedControlCss","IndSpeedControl","__stencil_proxyCustomElement","HTMLElement","label","value","min","max","step","unit","disabled","variant","indInput","indChange","onInput","e","stopPropagation","this","detail","emit","onChange","render","h","Host","key","class","part","showValue","size","onIndInput","onIndChange"],"sources":["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":["/* 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":"qIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAkB,IAAM,+C,MCajBC,EAAeC,EAAA,MAAAD,UAAAE,E,qJAElBC,MAEiBC,MAAgB,EACjCC,IAAc,EACdC,IAAc,IACdC,KAAe,EAEfC,KAAe,IACfC,SAAoB,MAEpBC,QAA+B,SAG9BC,SAEAC,UAEDC,QAAWC,IACjBA,EAAEC,kBACFC,KAAKZ,MAAQU,EAAEG,OACfD,KAAKL,SAASO,KAAKJ,EAAEG,OAAO,EAEtBE,SAAYL,IAClBA,EAAEC,kBACFC,KAAKZ,MAAQU,EAAEG,OACfD,KAAKJ,UAAUM,KAAKJ,EAAEG,OAAO,EAG/B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaC,KAAK,SAAST,KAAKb,QAE7Ca,KAAKN,UAAY,OAChBW,EAAA,YACEI,KAAK,UACLrB,MAAOY,KAAKZ,MACZC,IAAKW,KAAKX,IACVC,IAAKU,KAAKV,IACVC,KAAMS,KAAKT,KACXC,KAAMQ,KAAKR,KACXC,SAAUO,KAAKP,SACfiB,UAAS,KACTC,KAAK,KACLC,WAAYZ,KAAKH,QACjBgB,YAAab,KAAKG,WAGpBE,EAAA,cACEI,KAAK,UACLrB,MAAOY,KAAKZ,MACZC,IAAKW,KAAKX,IACVC,IAAKU,KAAKV,IACVC,KAAMS,KAAKT,KACXC,KAAMQ,KAAKR,KACXC,SAAUO,KAAKP,SACfiB,UAAS,KACTC,KAAK,KACLC,WAAYZ,KAAKH,QACjBgB,YAAab,KAAKG,W","ignoreList":[]}

package/dist/components/p-DGgGNwxv.js

@@ -0,0 +1,2 @@
+import{p as a,H as t,h as e,a as s,t as i}from"./index.js";const n=()=>`: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 r=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}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 t=Math.max(0,Math.min(a,this.level));const i=this.quality();return e(s,{key:"75fa0e52409f72555ea603490469c418281b036b",role:"meter","aria-valuenow":t,"aria-valuemin":0,"aria-valuemax":a,"aria-label":this.label??`Signal quality ${i}`,"data-quality":i},e("span",{key:"77a5333955c1cf070ba879cb593e7ff937b34b35",class:"bars",part:"bars","aria-hidden":"true"},Array.from({length:a}).map(((s,i)=>e("span",{class:{bar:true,"is-on":i<t},style:{height:`${30+i/a*70}%`}})))),this.label&&e("span",{key:"962c02cf5381b2bf22e9163ed2f7bb7fe12ca67a",class:"label",part:"label"},this.label))}static get style(){return n()}},[513,"ind-signal-quality",{level:[2],bars:[2],size:[513],label:[1]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-signal-quality"];a.forEach((a=>{switch(a){case"ind-signal-quality":if(!customElements.get(i(a))){customElements.define(i(a),r)}break}}))}l();export{r as I,l as d};
+//# sourceMappingURL=p-DGgGNwxv.js.map

package/dist/components/p-DGgGNwxv.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["signalQualityCss","IndSignalQuality","__stencil_proxyCustomElement","HTMLElement","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":"2DAAA,MAAMA,EAAmB,IAAM,+8B,MCSlBC,EAAgBC,EAAA,MAAAD,UAAAE,E,iFAEnBC,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/components/p-DZD3LczI.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as t,a as s,t as i}from"./index.js";import{d as r}from"./p-BEmLi4hz.js";import{d as n}from"./p-BInyhy9s.js";const d=()=>`: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 o=()=>`.body{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.symbol{flex:0 0 auto}.metrics{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);margin-left:auto;align-items:flex-end;text-align:right}`;const c=()=>`:host{min-width:200px}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}tag;label;state="stopped";flow;flowUnit="m³/h";pressure;pressureUnit="bar";render(){const e=this.label??this.tag??"Pump";return t(s,{key:"8fb545e6ac8a37e077984192fdce0dd9b7bdcceb",role:"group","aria-label":`${e} — ${this.state}`},t("div",{key:"c98476ef85c1884e3a38a4af9e909d2dab0b02f2",class:"card-head"},t("span",{key:"0353760dbe863230c512b559824429a4fa56e4cb",class:"card-title",part:"label"},e),this.tag&&t("span",{key:"860243b936398752a4399bd6a04f09e9e7b01988",class:"card-tag",part:"tag"},this.tag)),t("div",{key:"e95d0f3e3fccec39588126ff4bded6c2b4b6e93c",class:"body",part:"body"},t("ind-pump",{key:"a87093f9a8eabb59b3163d2f1dd5515b38228816",class:"symbol",state:this.state,size:"md"}),t("div",{key:"7ebb806b382a065cc78fb8defa78258d071f618e",class:"metrics",part:"metrics"},this.flow!==undefined&&t("ind-value",{key:"12ebaa3a61e42bd2862b8b7a19c68fd334bec747",value:this.flow,unit:this.flowUnit,precision:1,label:"Flow",size:"md"}),this.pressure!==undefined&&t("ind-value",{key:"417d7e38283f9a48f3fb2a4dc1f8adf058af481c",value:this.pressure,unit:this.pressureUnit,precision:2,label:"Pressure",size:"sm"}))))}static get style(){return d()+(o()+c())}},[513,"ind-pump-card",{tag:[1],label:[1],state:[513],flow:[2],flowUnit:[1,"flow-unit"],pressure:[2],pressureUnit:[1,"pressure-unit"]}]);function f(){if(typeof customElements==="undefined"){return}const e=["ind-pump-card","ind-pump","ind-value"];e.forEach((e=>{switch(e){case"ind-pump-card":if(!customElements.get(i(e))){customElements.define(i(e),l)}break;case"ind-pump":if(!customElements.get(i(e))){r()}break;case"ind-value":if(!customElements.get(i(e))){n()}break}}))}f();export{l as I,f as d};
+//# sourceMappingURL=p-DZD3LczI.js.map

package/dist/components/p-DZD3LczI.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","equipmentCardCss","pumpCardCss","IndPumpCard","__stencil_proxyCustomElement","HTMLElement","tag","label","state","flow","flowUnit","pressure","pressureUnit","render","name","this","h","Host","key","role","class","part","size","undefined","value","unit","precision"],"sources":["src/components/molecules/_shared/card.css?tag=ind-pump-card&encapsulation=shadow","src/components/molecules/_shared/equipment-card.css?tag=ind-pump-card&encapsulation=shadow","src/components/molecules/pump-card/pump-card.css?tag=ind-pump-card&encapsulation=shadow","src/components/molecules/pump-card/pump-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","/* Shared layout for the equipment faceplate cards (motor, pump, valve, tank).\n * Loaded after card.css and before each component's own sheet. */\n.body {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-5, 12px);\n}\n\n.symbol {\n  flex: 0 0 auto;\n}\n\n.metrics {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  margin-left: auto;\n  align-items: flex-end;\n  text-align: right;\n}\n",":host {\n  min-width: 200px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\n\n/**\n * Pump faceplate: animated `<ind-pump>` symbol plus flow / pressure readouts.\n */\n@Component({\n  tag: 'ind-pump-card',\n  styleUrls: ['../_shared/card.css', '../_shared/equipment-card.css', 'pump-card.css'],\n  shadow: true,\n})\nexport class IndPumpCard {\n  /** Equipment tag (e.g. \"P-101\"). */\n  @Prop() tag?: string;\n  /** Human label (e.g. \"Feed pump\"). */\n  @Prop() label?: string;\n  /** Process state — `running` animates the impeller, drives fault chrome. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Flow rate. */\n  @Prop() flow?: number;\n  /** Flow unit (default m³/h). */\n  @Prop() flowUnit: string = 'm³/h';\n  /** Discharge pressure. */\n  @Prop() pressure?: number;\n  /** Pressure unit (default bar). */\n  @Prop() pressureUnit: string = 'bar';\n\n  render() {\n    const name = this.label ?? this.tag ?? 'Pump';\n    return (\n      <Host role=\"group\" aria-label={`${name} — ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{name}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class=\"body\" part=\"body\">\n          <ind-pump class=\"symbol\" state={this.state} size=\"md\" />\n          <div class=\"metrics\" part=\"metrics\">\n            {this.flow !== undefined && (\n              <ind-value value={this.flow} unit={this.flowUnit} precision={1} label=\"Flow\" size=\"md\" />\n            )}\n            {this.pressure !== undefined && (\n              <ind-value value={this.pressure} unit={this.pressureUnit} precision={2} label=\"Pressure\" size=\"sm\" />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAmB,IAAM,+NCA/B,MAAMC,EAAc,IAAM,yB,MCWbC,EAAWC,EAAA,MAAAD,UAAAE,E,iFAEdC,IAEAC,MAEiBC,MAAwB,UAEzCC,KAEAC,SAAmB,OAEnBC,SAEAC,aAAuB,MAE/B,MAAAC,GACE,MAAMC,EAAOC,KAAKR,OAASQ,KAAKT,KAAO,OACvC,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGL,OAAUC,KAAKP,SAC/CQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASP,GACtCC,KAAKT,KAAOU,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWC,KAAK,OAAON,KAAKT,MAEvDU,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,QACrBL,EAAA,YAAAE,IAAA,2CAAUE,MAAM,SAASZ,MAAOO,KAAKP,MAAOc,KAAK,OACjDN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACvBN,KAAKN,OAASc,WACbP,EAAA,aAAAE,IAAA,2CAAWM,MAAOT,KAAKN,KAAMgB,KAAMV,KAAKL,SAAUgB,UAAW,EAAGnB,MAAM,OAAOe,KAAK,OAEnFP,KAAKJ,WAAaY,WACjBP,EAAA,aAAAE,IAAA,2CAAWM,MAAOT,KAAKJ,SAAUc,KAAMV,KAAKH,aAAcc,UAAW,EAAGnB,MAAM,WAAWe,KAAK,S","ignoreList":[]}

package/dist/components/p-Dk2CwpEp.js

@@ -0,0 +1,2 @@
+import{p as t,H as a,c as e,h as s,a as i,t as n}from"./index.js";import{d as r}from"./p-CRSC4h1X.js";import{d}from"./p-CUfsFNIv.js";const o=()=>`: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 l=()=>`:host{min-width:180px;gap:var(--ind-spacing-4, 8px)}.head{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.label{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-medium, 500)}.buttons{display:flex;gap:var(--ind-spacing-4, 8px)}.buttons ind-button{flex:1 1 0}`;const c=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.indStart=e(this,"indStart");this.indStop=e(this,"indStop")}label;state="stopped";disabled=false;holdToStartMs;startLabel="Start";stopLabel="Stop";indStart;indStop;isRunning(){return this.state==="running"||this.state==="starting"}render(){const t=this.state==="fault"?"fault":this.state==="running"?"running":this.state==="starting"||this.state==="stopping"?"warning":"stopped";return s(i,{key:"c548fa2649cbe177d1597c84d157625dadf09a5c",role:"group","aria-label":this.label??"Start stop control"},s("div",{key:"653531b39e8997e8b353ad87f8f80684ca4d5095",class:"head",part:"head"},s("ind-led",{key:"9c266b4ce3360f84ca14401e37dc2940986cd665",state:t,size:"md",blinking:this.state==="starting"||this.state==="stopping"}),this.label&&s("span",{key:"f9efc9efdc8b1c45c3ab4ae72210a3762d4a7e7b",class:"label",part:"label"},this.label)),s("div",{key:"8aa2c5b3bda5f44d5ffe2b11be7e6bb64717f287",class:"buttons",part:"buttons"},s("ind-button",{key:"21883367d40e0f6eb6d485cdc3adad5d6b17f6b4",variant:"primary",size:"md",label:this.startLabel,disabled:this.disabled||this.isRunning(),holdToConfirmMs:this.holdToStartMs,onIndActivate:()=>this.indStart.emit()}),s("ind-button",{key:"b53ddfd89c91d7b7c3e0cc5ae307318f70b2ffef",variant:"danger",size:"md",label:this.stopLabel,disabled:this.disabled||this.state==="stopped",onIndActivate:()=>this.indStop.emit()})))}static get style(){return o()+l()}},[513,"ind-start-stop-control",{label:[1],state:[513],disabled:[4],holdToStartMs:[2,"hold-to-start-ms"],startLabel:[1,"start-label"],stopLabel:[1,"stop-label"]}]);function f(){if(typeof customElements==="undefined"){return}const t=["ind-start-stop-control","ind-button","ind-led"];t.forEach((t=>{switch(t){case"ind-start-stop-control":if(!customElements.get(n(t))){customElements.define(n(t),c)}break;case"ind-button":if(!customElements.get(n(t))){r()}break;case"ind-led":if(!customElements.get(n(t))){d()}break}}))}f();export{c as I,f as d};
+//# sourceMappingURL=p-Dk2CwpEp.js.map

package/dist/components/p-Dk2CwpEp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","startStopControlCss","IndStartStopControl","__stencil_proxyCustomElement","HTMLElement","label","state","disabled","holdToStartMs","startLabel","stopLabel","indStart","indStop","isRunning","this","render","ledState","h","Host","key","role","class","part","size","blinking","variant","holdToConfirmMs","onIndActivate","emit"],"sources":["src/components/molecules/_shared/card.css?tag=ind-start-stop-control&encapsulation=shadow","src/components/molecules/start-stop-control/start-stop-control.css?tag=ind-start-stop-control&encapsulation=shadow","src/components/molecules/start-stop-control/start-stop-control.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: 180px;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.label {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-medium, 500);\n}\n\n.buttons {\n  display: flex;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.buttons ind-button {\n  flex: 1 1 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type RunState = 'running' | 'stopped' | 'fault' | 'starting' | 'stopping';\n\n/**\n * Start / stop command pair with a running LED. Emits discrete `indStart` /\n * `indStop` events; the parent owns the command logic and reflects state back.\n */\n@Component({\n  tag: 'ind-start-stop-control',\n  styleUrls: ['../_shared/card.css', 'start-stop-control.css'],\n  shadow: true,\n})\nexport class IndStartStopControl {\n  /** Equipment label. */\n  @Prop() label?: string;\n  /** Current run state — drives the LED and disables the redundant button. */\n  @Prop({ reflect: true }) state: RunState = 'stopped';\n  /** Disable both commands. */\n  @Prop() disabled: boolean = false;\n  /** Require a press-and-hold (ms) on Start to avoid accidental starts. */\n  @Prop() holdToStartMs?: number;\n  @Prop() startLabel: string = 'Start';\n  @Prop() stopLabel: string = 'Stop';\n\n  /** Fires when Start is activated. */\n  @Event() indStart!: EventEmitter<void>;\n  /** Fires when Stop is activated. */\n  @Event() indStop!: EventEmitter<void>;\n\n  private isRunning() {\n    return this.state === 'running' || this.state === 'starting';\n  }\n\n  render() {\n    const ledState =\n      this.state === 'fault'\n        ? 'fault'\n        : this.state === 'running'\n          ? 'running'\n          : this.state === 'starting' || this.state === 'stopping'\n            ? 'warning'\n            : 'stopped';\n    return (\n      <Host role=\"group\" aria-label={this.label ?? 'Start stop control'}>\n        <div class=\"head\" part=\"head\">\n          <ind-led state={ledState} size=\"md\" blinking={this.state === 'starting' || this.state === 'stopping'} />\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n        </div>\n        <div class=\"buttons\" part=\"buttons\">\n          <ind-button\n            variant=\"primary\"\n            size=\"md\"\n            label={this.startLabel}\n            disabled={this.disabled || this.isRunning()}\n            holdToConfirmMs={this.holdToStartMs}\n            onIndActivate={() => this.indStart.emit()}\n          />\n          <ind-button\n            variant=\"danger\"\n            size=\"md\"\n            label={this.stopLabel}\n            disabled={this.disabled || this.state === 'stopped'}\n            onIndActivate={() => this.indStop.emit()}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAsB,IAAM,4S,MCarBC,EAAmBC,EAAA,MAAAD,UAAAE,E,iJAEtBC,MAEiBC,MAAkB,UAEnCC,SAAoB,MAEpBC,cACAC,WAAqB,QACrBC,UAAoB,OAGnBC,SAEAC,QAED,SAAAC,GACN,OAAOC,KAAKR,QAAU,WAAaQ,KAAKR,QAAU,U,CAGpD,MAAAS,GACE,MAAMC,EACJF,KAAKR,QAAU,QACX,QACAQ,KAAKR,QAAU,UACb,UACAQ,KAAKR,QAAU,YAAcQ,KAAKR,QAAU,WAC1C,UACA,UACV,OACEW,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAaN,KAAKT,OAAS,sBAC3CY,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,QACrBL,EAAA,WAAAE,IAAA,2CAASb,MAAOU,EAAUO,KAAK,KAAKC,SAAUV,KAAKR,QAAU,YAAcQ,KAAKR,QAAU,aACzFQ,KAAKT,OAASY,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASR,KAAKT,QAExDY,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,cAAAE,IAAA,2CACEM,QAAQ,UACRF,KAAK,KACLlB,MAAOS,KAAKL,WACZF,SAAUO,KAAKP,UAAYO,KAAKD,YAChCa,gBAAiBZ,KAAKN,cACtBmB,cAAe,IAAMb,KAAKH,SAASiB,SAErCX,EAAA,cAAAE,IAAA,2CACEM,QAAQ,SACRF,KAAK,KACLlB,MAAOS,KAAKJ,UACZH,SAAUO,KAAKP,UAAYO,KAAKR,QAAU,UAC1CqB,cAAe,IAAMb,KAAKF,QAAQgB,U","ignoreList":[]}

package/dist/components/p-Dnxar2_f.js

@@ -0,0 +1,2 @@
+import{p as t,H as i,h as e,a,t as n}from"./index.js";const s=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_thick:10px;--_len:160px}:host([size="sm"]){--_thick:6px}:host([size="lg"]){--_thick:14px}.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)}.track{position:relative;background:var(--ind-surface-sunken, light-dark(#fff, #000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);overflow:hidden}:host([orientation="horizontal"]) .track{width:var(--_len);height:var(--_thick)}:host([orientation="vertical"]) .track{width:var(--_thick);height:var(--_len)}.zone{position:absolute;opacity:0.4}:host([orientation="horizontal"]) .zone{top:0;bottom:0}:host([orientation="vertical"]) .zone{left:0;right:0}.fill{position:absolute;background:var(--ind-button-primary-bg, #2563eb);transition:width 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([orientation="horizontal"]) .fill{left:0;top:0;bottom:0}:host([orientation="vertical"]) .fill{bottom:0;left:0;right:0}.setpoint{position:absolute;background:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}:host([orientation="horizontal"]) .setpoint{top:-2px;bottom:-2px;width:2px;transform:translateX(-1px)}:host([orientation="vertical"]) .setpoint{left:-2px;right:-2px;height:2px;transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.fill{transition:none}}`;const o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}value=0;min=0;max=100;setpoint;zones=[];orientation="horizontal";unit;label;precision;size="md";showValue=true;pct(t){const i=this.max-this.min||1;return Math.min(100,Math.max(0,(t-this.min)/i*100))}formatted(){if(!Number.isFinite(this.value))return"--";return this.precision!==undefined?this.value.toFixed(this.precision):String(this.value)}render(){const t=this.pct(this.value);const i=this.setpoint!==undefined?this.pct(this.setpoint):undefined;const n=this.label??"gauge";return e(a,{key:"770d04a3b389c71fb4e926d4d93ca10db49655ea",role:"meter","aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-label":`${n}: ${this.formatted()}${this.unit?" "+this.unit:""}`},(this.label||this.showValue)&&e("div",{key:"335a862a12e339cf53aa72640539412d062eaded",class:"header",part:"header"},this.label&&e("span",{key:"5c832f92f30c3cee5ee33e9299f439a150f754e0",class:"label",part:"label"},this.label),this.showValue&&e("span",{key:"70d5ff9bb45a360cb712f1338832e1f18dd58a50",class:"value",part:"value"},this.formatted(),this.unit?` ${this.unit}`:"")),e("div",{key:"7bedcf13339fca602e924d8b43a19a90a718569e",class:"track",part:"track"},(this.zones??[]).map((t=>{const i=this.pct(t.from);const a=this.pct(t.to);return e("span",{class:"zone",style:{background:t.color,insetInlineStart:this.orientation==="horizontal"?`${i}%`:undefined,inlineSize:this.orientation==="horizontal"?`${a-i}%`:undefined,insetBlockEnd:this.orientation==="vertical"?`${i}%`:undefined,blockSize:this.orientation==="vertical"?`${a-i}%`:undefined}})})),e("span",{key:"4adaf09d9eb92fd74cda1ae8c965f4c7810d3424",class:"fill",part:"fill",style:this.orientation==="horizontal"?{width:`${t}%`}:{height:`${t}%`}}),i!==undefined&&e("span",{key:"0b1aa729c5fef352902d6843f8103c0ae3689ac7",class:"setpoint",part:"setpoint",style:this.orientation==="horizontal"?{left:`${i}%`}:{bottom:`${i}%`}})))}static get style(){return s()}},[513,"ind-linear-gauge",{value:[2],min:[2],max:[2],setpoint:[2],zones:[16],orientation:[513],unit:[1],label:[1],precision:[2],size:[513],showValue:[4,"show-value"]}]);function r(){if(typeof customElements==="undefined"){return}const t=["ind-linear-gauge"];t.forEach((t=>{switch(t){case"ind-linear-gauge":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}r();export{o as I,r as d};
+//# sourceMappingURL=p-Dnxar2_f.js.map

package/dist/components/p-Dnxar2_f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["linearGaugeCss","IndLinearGauge","__stencil_proxyCustomElement","HTMLElement","value","min","max","setpoint","zones","orientation","unit","label","precision","size","showValue","pct","v","span","this","Math","formatted","Number","isFinite","undefined","toFixed","String","render","fill","sp","name","h","Host","key","role","class","part","map","z","a","from","b","to","style","background","color","insetInlineStart","inlineSize","insetBlockEnd","blockSize","width","height","left","bottom"],"sources":["src/components/atoms/linear-gauge/linear-gauge.css?tag=ind-linear-gauge&encapsulation=shadow","src/components/atoms/linear-gauge/linear-gauge.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  --_thick: 10px;\n  --_len: 160px;\n}\n\n:host([size=\"sm\"]) { --_thick: 6px; }\n:host([size=\"lg\"]) { --_thick: 14px; }\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.track {\n  position: relative;\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  overflow: hidden;\n}\n\n:host([orientation=\"horizontal\"]) .track { width: var(--_len); height: var(--_thick); }\n:host([orientation=\"vertical\"]) .track { width: var(--_thick); height: var(--_len); }\n\n.zone {\n  position: absolute;\n  opacity: 0.4;\n}\n:host([orientation=\"horizontal\"]) .zone { top: 0; bottom: 0; }\n:host([orientation=\"vertical\"]) .zone { left: 0; right: 0; }\n\n.fill {\n  position: absolute;\n  background: var(--ind-button-primary-bg, #2563eb);\n  transition: width 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:host([orientation=\"horizontal\"]) .fill { left: 0; top: 0; bottom: 0; }\n:host([orientation=\"vertical\"]) .fill { bottom: 0; left: 0; right: 0; }\n\n.setpoint {\n  position: absolute;\n  background: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n}\n:host([orientation=\"horizontal\"]) .setpoint { top: -2px; bottom: -2px; width: 2px; transform: translateX(-1px); }\n:host([orientation=\"vertical\"]) .setpoint { left: -2px; right: -2px; height: 2px; transform: translateY(1px); }\n\n@media (prefers-reduced-motion: reduce) {\n  .fill { transition: none; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport interface LinearGaugeZone {\n  from: number;\n  to: number;\n  color: string;\n}\n\nexport type LinearGaugeOrientation = 'horizontal' | 'vertical';\nexport type LinearGaugeSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-linear-gauge',\n  styleUrl: 'linear-gauge.css',\n  shadow: true,\n})\nexport class IndLinearGauge {\n  /** Current value. */\n  @Prop() value: number = 0;\n  /** Scale minimum. */\n  @Prop() min: number = 0;\n  /** Scale maximum. */\n  @Prop() max: number = 100;\n  /** Optional setpoint marker. */\n  @Prop() setpoint?: number;\n  /** Colored zones along the scale. Pass as a property. */\n  @Prop() zones: LinearGaugeZone[] = [];\n  /** Orientation. */\n  @Prop({ reflect: true }) orientation: LinearGaugeOrientation = 'horizontal';\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Label. */\n  @Prop() label?: string;\n  /** Decimal places. */\n  @Prop() precision?: number;\n  /** Size. */\n  @Prop({ reflect: true }) size: LinearGaugeSize = 'md';\n  /** Show the numeric value. */\n  @Prop() showValue: boolean = true;\n\n  private pct(v: number): number {\n    const span = this.max - this.min || 1;\n    return Math.min(100, Math.max(0, ((v - this.min) / span) * 100));\n  }\n\n  private formatted(): string {\n    if (!Number.isFinite(this.value)) return '--';\n    return this.precision !== undefined ? this.value.toFixed(this.precision) : String(this.value);\n  }\n\n  render() {\n    const fill = this.pct(this.value);\n    const sp = this.setpoint !== undefined ? this.pct(this.setpoint) : undefined;\n    const name = this.label ?? 'gauge';\n    return (\n      <Host\n        role=\"meter\"\n        aria-valuenow={this.value}\n        aria-valuemin={this.min}\n        aria-valuemax={this.max}\n        aria-label={`${name}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}`}\n      >\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\">{this.formatted()}{this.unit ? ` ${this.unit}` : ''}</span>\n            )}\n          </div>\n        )}\n        <div class=\"track\" part=\"track\">\n          {(this.zones ?? []).map((z) => {\n            const a = this.pct(z.from);\n            const b = this.pct(z.to);\n            return (\n              <span\n                class=\"zone\"\n                style={{\n                  background: z.color,\n                  insetInlineStart: this.orientation === 'horizontal' ? `${a}%` : undefined,\n                  inlineSize: this.orientation === 'horizontal' ? `${b - a}%` : undefined,\n                  insetBlockEnd: this.orientation === 'vertical' ? `${a}%` : undefined,\n                  blockSize: this.orientation === 'vertical' ? `${b - a}%` : undefined,\n                }}\n              />\n            );\n          })}\n          <span class=\"fill\" part=\"fill\" style={this.orientation === 'horizontal' ? { width: `${fill}%` } : { height: `${fill}%` }} />\n          {sp !== undefined && (\n            <span\n              class=\"setpoint\"\n              part=\"setpoint\"\n              style={this.orientation === 'horizontal' ? { left: `${sp}%` } : { bottom: `${sp}%` }}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAiB,IAAM,26D,MCgBhBC,EAAcC,EAAA,MAAAD,UAAAE,E,iFAEjBC,MAAgB,EAEhBC,IAAc,EAEdC,IAAc,IAEdC,SAEAC,MAA2B,GAEVC,YAAsC,aAEvDC,KAEAC,MAEAC,UAEiBC,KAAwB,KAEzCC,UAAqB,KAErB,GAAAC,CAAIC,GACV,MAAMC,EAAOC,KAAKZ,IAAMY,KAAKb,KAAO,EACpC,OAAOc,KAAKd,IAAI,IAAKc,KAAKb,IAAI,GAAKU,EAAIE,KAAKb,KAAOY,EAAQ,K,CAGrD,SAAAG,GACN,IAAKC,OAAOC,SAASJ,KAAKd,OAAQ,MAAO,KACzC,OAAOc,KAAKN,YAAcW,UAAYL,KAAKd,MAAMoB,QAAQN,KAAKN,WAAaa,OAAOP,KAAKd,M,CAGzF,MAAAsB,GACE,MAAMC,EAAOT,KAAKH,IAAIG,KAAKd,OAC3B,MAAMwB,EAAKV,KAAKX,WAAagB,UAAYL,KAAKH,IAAIG,KAAKX,UAAYgB,UACnE,MAAMM,EAAOX,KAAKP,OAAS,QAC3B,OACEmB,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,gBACGf,KAAKd,MAAK,gBACVc,KAAKb,IAAG,gBACRa,KAAKZ,IAAG,aACX,GAAGuB,MAASX,KAAKE,cAAcF,KAAKR,KAAO,IAAMQ,KAAKR,KAAO,OAEvEQ,KAAKP,OAASO,KAAKJ,YACnBgB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,KAAK,UACtBjB,KAAKP,OAASmB,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASjB,KAAKP,OACrDO,KAAKJ,WACJgB,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASjB,KAAKE,YAAaF,KAAKR,KAAO,IAAIQ,KAAKR,OAAS,KAIxFoB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQC,KAAK,UACpBjB,KAAKV,OAAS,IAAI4B,KAAKC,IACvB,MAAMC,EAAIpB,KAAKH,IAAIsB,EAAEE,MACrB,MAAMC,EAAItB,KAAKH,IAAIsB,EAAEI,IACrB,OACEX,EAAA,QACEI,MAAM,OACNQ,MAAO,CACLC,WAAYN,EAAEO,MACdC,iBAAkB3B,KAAKT,cAAgB,aAAe,GAAG6B,KAAOf,UAChEuB,WAAY5B,KAAKT,cAAgB,aAAe,GAAG+B,EAAIF,KAAOf,UAC9DwB,cAAe7B,KAAKT,cAAgB,WAAa,GAAG6B,KAAOf,UAC3DyB,UAAW9B,KAAKT,cAAgB,WAAa,GAAG+B,EAAIF,KAAOf,YAE7D,IAGNO,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAOO,MAAOxB,KAAKT,cAAgB,aAAe,CAAEwC,MAAO,GAAGtB,MAAY,CAAEuB,OAAQ,GAAGvB,QAC9GC,IAAOL,WACNO,EAAA,QAAAE,IAAA,2CACEE,MAAM,WACNC,KAAK,WACLO,MAAOxB,KAAKT,cAAgB,aAAe,CAAE0C,KAAM,GAAGvB,MAAU,CAAEwB,OAAQ,GAAGxB,S","ignoreList":[]}

package/dist/components/p-Dp1wiEsR.js

@@ -0,0 +1,2 @@
+import{p as t,H as a,h as e,a as s,t as i}from"./index.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);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.symbol{--_w:var(--ind-valve-width, 48px);--_fill:var(--ind-state-stopped-bg, #5a6776);--_stroke:var(--ind-state-stopped-border, #8390a0);width:var(--_w);height:calc(var(--_w) / 2);display:block}:host([orientation="vertical"]) .symbol{transform:rotate(90deg)}:host([size="sm"]) .symbol{--_w:32px}:host([size="md"]) .symbol{--_w:48px}:host([size="lg"]) .symbol{--_w:72px}.left,.right{fill:var(--_fill);stroke:var(--_stroke);stroke-width:1.25;stroke-linejoin:round;transition:fill var(--ind-motion-duration-base, 200ms),     stroke var(--ind-motion-duration-base, 200ms)}.stem{stroke:var(--_stroke);stroke-width:2;stroke-linecap:round}:host([state="open"]) .symbol{--_fill:var(--ind-state-running-bg, #16a34a);--_stroke:var(--ind-state-running-border, #4ade80)}:host([state="closed"]) .symbol{--_fill:var(--ind-state-stopped-bg, #5a6776);--_stroke:var(--ind-state-stopped-border, #8390a0)}:host([state="fault"]) .symbol{--_fill:var(--ind-state-fault-bg, #dc2626);--_stroke:var(--ind-state-fault-border, #f87171)}:host([state="transit"]) .symbol{--_fill:var(--ind-state-warning-bg, #f59e0b);--_stroke:var(--ind-state-warning-border, #fcd34d)}:host([state="transit"]) .left,:host([state="transit"]) .right{stroke-dasharray:4 2;animation:ind-valve-march var(--ind-motion-blink-slow, 1000ms) linear infinite}@keyframes ind-valve-march{to{stroke-dashoffset:-6}}.caption{display:flex;gap:var(--ind-spacing-3, 6px);align-items:baseline;font-size:var(--ind-font-size-sm, 11px)}.tag{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600)}.label{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}@media (prefers-reduced-motion: reduce){:host([state="transit"]) .left,:host([state="transit"]) .right{animation:none;stroke-dasharray:4 2}}`;const n=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}state="closed";orientation="horizontal";size="md";label;tag;render(){const t=this.label??this.tag??"valve";return e(s,{key:"bd9ae874884967a2162437241683e5789e2ff14d",role:"img","aria-label":`${t} — ${this.state}`},e("svg",{key:"361db0923f6fdffb590957a3124e53e2f723a8c9",class:"symbol",part:"symbol",viewBox:"0 0 32 16","aria-hidden":"true"},e("polygon",{key:"e32860333e95d358c2c95c79cc4beed6905e8561",class:"left",part:"left",points:"2,2 2,14 16,8"}),e("polygon",{key:"21f199edc91aa74af291a42141c688aa3b6879c0",class:"right",part:"right",points:"30,2 30,14 16,8"}),e("line",{key:"8210963f465b87635e26636c2473560e85d8e71f",class:"stem",part:"stem",x1:"16",y1:"2",x2:"16",y2:"14"})),(this.tag||this.label)&&e("div",{key:"9de1eb5632281114cacda7ed616a30ffee3bd0f7",class:"caption",part:"caption"},this.tag&&e("span",{key:"892735f7a70a476cbf65a55264ee27c57591b7fd",class:"tag",part:"tag"},this.tag),this.label&&e("span",{key:"78a09b9f107c1b4907e376bb4407a710236b78e0",class:"label",part:"label"},this.label)))}static get style(){return r()}},[513,"ind-valve",{state:[513],orientation:[513],size:[513],label:[1],tag:[1]}]);function o(){if(typeof customElements==="undefined"){return}const t=["ind-valve"];t.forEach((t=>{switch(t){case"ind-valve":if(!customElements.get(i(t))){customElements.define(i(t),n)}break}}))}o();export{n as I,o as d};
+//# sourceMappingURL=p-Dp1wiEsR.js.map

package/dist/components/p-Dp1wiEsR.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["valveCss","IndValve","__stencil_proxyCustomElement","HTMLElement","state","orientation","size","label","tag","render","name","this","h","Host","key","role","class","part","viewBox","points","x1","y1","x2","y2"],"sources":["src/components/atoms/valve/valve.css?tag=ind-valve&encapsulation=shadow","src/components/atoms/valve/valve.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);\n  font-size: var(--ind-font-size-base, 12px);\n  /* `light-dark()` makes the fallback adapt to the page's color-scheme so the\n   * caption stays readable even if the atom lands on a surface whose theme\n   * doesn't match the loaded tokens (e.g. Storybook autodocs on white). */\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.symbol {\n  --_w: var(--ind-valve-width, 48px);\n  --_fill:   var(--ind-state-stopped-bg, #5a6776);\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n\n  width: var(--_w);\n  height: calc(var(--_w) / 2);\n  display: block;\n}\n\n:host([orientation=\"vertical\"]) .symbol {\n  transform: rotate(90deg);\n}\n\n:host([size=\"sm\"]) .symbol { --_w: 32px; }\n:host([size=\"md\"]) .symbol { --_w: 48px; }\n:host([size=\"lg\"]) .symbol { --_w: 72px; }\n\n.left,\n.right {\n  fill: var(--_fill);\n  stroke: var(--_stroke);\n  stroke-width: 1.25;\n  stroke-linejoin: round;\n  transition:\n    fill var(--ind-motion-duration-base, 200ms),\n    stroke var(--ind-motion-duration-base, 200ms);\n}\n\n.stem {\n  stroke: var(--_stroke);\n  stroke-width: 2;\n  stroke-linecap: round;\n}\n\n:host([state=\"open\"]) .symbol {\n  --_fill:   var(--ind-state-running-bg, #16a34a);\n  --_stroke: var(--ind-state-running-border, #4ade80);\n}\n:host([state=\"closed\"]) .symbol {\n  --_fill:   var(--ind-state-stopped-bg, #5a6776);\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n}\n:host([state=\"fault\"]) .symbol {\n  --_fill:   var(--ind-state-fault-bg, #dc2626);\n  --_stroke: var(--ind-state-fault-border, #f87171);\n}\n:host([state=\"transit\"]) .symbol {\n  --_fill:   var(--ind-state-warning-bg, #f59e0b);\n  --_stroke: var(--ind-state-warning-border, #fcd34d);\n}\n\n/* Transit: marching ants on the perimeter — universally read as\n * \"in motion / transitioning\" by control room operators. */\n:host([state=\"transit\"]) .left,\n:host([state=\"transit\"]) .right {\n  stroke-dasharray: 4 2;\n  animation: ind-valve-march var(--ind-motion-blink-slow, 1000ms) linear infinite;\n}\n\n@keyframes ind-valve-march {\n  to { stroke-dashoffset: -6; }\n}\n\n.caption {\n  display: flex;\n  gap: var(--ind-spacing-3, 6px);\n  align-items: baseline;\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.label {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host([state=\"transit\"]) .left,\n  :host([state=\"transit\"]) .right {\n    animation: none;\n    stroke-dasharray: 4 2;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ValveState = 'open' | 'closed' | 'transit' | 'fault';\nexport type ValveOrientation = 'horizontal' | 'vertical';\nexport type ValveSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-valve',\n  styleUrl: 'valve.css',\n  shadow: true,\n})\nexport class IndValve {\n  /** Valve state. `transit` is mid-stroke (transitioning between open and closed). */\n  @Prop({ reflect: true }) state: ValveState = 'closed';\n\n  /** Render the symbol along the flow direction. */\n  @Prop({ reflect: true }) orientation: ValveOrientation = 'horizontal';\n\n  /** Visual size. */\n  @Prop({ reflect: true }) size: ValveSize = 'md';\n\n  /** Human label rendered as caption (e.g. \"Discharge valve\"). */\n  @Prop() label?: string;\n\n  /** Equipment tag rendered as caption (e.g. \"V-12\"). */\n  @Prop() tag?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'valve';\n    return (\n      <Host\n        role=\"img\"\n        aria-label={`${name} — ${this.state}`}\n      >\n        {/* ISA-5.1 bowtie symbol. ViewBox is 32×16 so the natural ratio is 2:1. */}\n        <svg class=\"symbol\" part=\"symbol\" viewBox=\"0 0 32 16\" aria-hidden=\"true\">\n          <polygon class=\"left\"  part=\"left\"  points=\"2,2 2,14 16,8\" />\n          <polygon class=\"right\" part=\"right\" points=\"30,2 30,14 16,8\" />\n          <line    class=\"stem\"  part=\"stem\"  x1=\"16\" y1=\"2\" x2=\"16\" y2=\"14\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\" part=\"caption\">\n            {this.tag && <span class=\"tag\" part=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAW,IAAM,wiE,MCWVC,EAAQC,EAAA,MAAAD,UAAAE,E,iFAEMC,MAAoB,SAGpBC,YAAgC,aAGhCC,KAAkB,KAGnCC,MAGAC,IAER,MAAAC,GACE,MAAMC,EAAOC,KAAKJ,OAASI,KAAKH,KAAO,QACvC,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,MAAK,aACE,GAAGL,OAAUC,KAAKP,SAG9BQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,KAAK,SAASC,QAAQ,YAAW,cAAa,QAChEN,EAAA,WAAAE,IAAA,2CAASE,MAAM,OAAQC,KAAK,OAAQE,OAAO,kBAC3CP,EAAA,WAAAE,IAAA,2CAASE,MAAM,QAAQC,KAAK,QAAQE,OAAO,oBAC3CP,EAAA,QAAAE,IAAA,2CAASE,MAAM,OAAQC,KAAK,OAAQG,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,SAE9DZ,KAAKH,KAAOG,KAAKJ,QACjBK,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACvBN,KAAKH,KAAOI,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,OAAON,KAAKH,KAC/CG,KAAKJ,OAASK,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASN,KAAKJ,Q","ignoreList":[]}

package/dist/components/p-WD-5DMF4.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as s,t as i}from"./index.js";import{d as n}from"./p-BInyhy9s.js";import{d as r}from"./p-Dp1wiEsR.js";const d=()=>`: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 o=()=>`.body{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.symbol{flex:0 0 auto}.metrics{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);margin-left:auto;align-items:flex-end;text-align:right}`;const c=()=>`:host{min-width:190px}.state-label{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.state-open{color:var(--ind-state-running-bg, #16a34a)}.state-closed{color:var(--ind-surface-text-secondary)}.state-transit{color:var(--ind-state-warning-bg, #f59e0b)}.state-fault{color:var(--ind-state-fault-bg, #dc2626)}`;const l={open:"Open",closed:"Closed",transit:"In transit",fault:"Fault"};const f=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}tag;label;state="closed";position;render(){const a=this.label??this.tag??"Valve";const e=l[this.state];return t(s,{key:"c11f424cdec484a92d55249e9bc2bf8d57ff37ff",role:"group","aria-label":`${a} — ${e}`},t("div",{key:"d06530840195cf64a2dfa42bee2d75181a1f6b8a",class:"card-head"},t("span",{key:"40f60181a5004a6775c075d1ddb8a1b8bef7fecc",class:"card-title",part:"label"},a),this.tag&&t("span",{key:"a792bce6c1d47e9dfc55b4eeaecc33e12937de0a",class:"card-tag",part:"tag"},this.tag)),t("div",{key:"959d680892bd242eb4f0bd7f3caa26608899dd3a",class:"body",part:"body"},t("ind-valve",{key:"89179d37066242d82cb63c829d085746926b03c2",class:"symbol",state:this.state,size:"md"}),t("div",{key:"23fb8ecd64f0f119498e6de5eebdb8b092f82a3b",class:"metrics",part:"metrics"},t("span",{key:"3b30ab720f8a36a012f9eda7187e13c5f5a8f77b",class:`state-label state-${this.state}`,part:"state-label"},e),this.position!==undefined&&t("ind-value",{key:"2d9bd688111fcd2c2a0b8e2c0d6826bc807b682e",value:this.position,unit:"%",precision:0,label:"Position",size:"sm"}))))}static get style(){return d()+(o()+c())}},[513,"ind-valve-card",{tag:[1],label:[1],state:[513],position:[2]}]);function b(){if(typeof customElements==="undefined"){return}const a=["ind-valve-card","ind-value","ind-valve"];a.forEach((a=>{switch(a){case"ind-valve-card":if(!customElements.get(i(a))){customElements.define(i(a),f)}break;case"ind-value":if(!customElements.get(i(a))){n()}break;case"ind-valve":if(!customElements.get(i(a))){r()}break}}))}b();export{f as I,b as d};
+//# sourceMappingURL=p-WD-5DMF4.js.map

package/dist/components/p-WD-5DMF4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","equipmentCardCss","valveCardCss","STATE_LABEL","open","closed","transit","fault","IndValveCard","__stencil_proxyCustomElement","HTMLElement","tag","label","state","position","render","name","this","stateLabel","h","Host","key","role","class","part","size","undefined","value","unit","precision"],"sources":["src/components/molecules/_shared/card.css?tag=ind-valve-card&encapsulation=shadow","src/components/molecules/_shared/equipment-card.css?tag=ind-valve-card&encapsulation=shadow","src/components/molecules/valve-card/valve-card.css?tag=ind-valve-card&encapsulation=shadow","src/components/molecules/valve-card/valve-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","/* Shared layout for the equipment faceplate cards (motor, pump, valve, tank).\n * Loaded after card.css and before each component's own sheet. */\n.body {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-5, 12px);\n}\n\n.symbol {\n  flex: 0 0 auto;\n}\n\n.metrics {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  margin-left: auto;\n  align-items: flex-end;\n  text-align: right;\n}\n",":host {\n  min-width: 190px;\n}\n\n.state-label {\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.state-open   { color: var(--ind-state-running-bg, #16a34a); }\n.state-closed { color: var(--ind-surface-text-secondary); }\n.state-transit { color: var(--ind-state-warning-bg, #f59e0b); }\n.state-fault  { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ValveState } from '../../atoms/valve/valve';\n\nconst STATE_LABEL: Record<ValveState, string> = {\n  open: 'Open',\n  closed: 'Closed',\n  transit: 'In transit',\n  fault: 'Fault',\n};\n\n/**\n * Valve faceplate: ISA `<ind-valve>` symbol plus open/closed state and an\n * optional position (%) for modulating valves.\n */\n@Component({\n  tag: 'ind-valve-card',\n  styleUrls: ['../_shared/card.css', '../_shared/equipment-card.css', 'valve-card.css'],\n  shadow: true,\n})\nexport class IndValveCard {\n  /** Equipment tag (e.g. \"FV-12\"). */\n  @Prop() tag?: string;\n  /** Human label (e.g. \"Discharge valve\"). */\n  @Prop() label?: string;\n  /** Valve state — drives the symbol and fault chrome. */\n  @Prop({ reflect: true }) state: ValveState = 'closed';\n  /** Modulating position 0–100 %. Omit for on/off valves. */\n  @Prop() position?: number;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'Valve';\n    const stateLabel = STATE_LABEL[this.state];\n    return (\n      <Host role=\"group\" aria-label={`${name} — ${stateLabel}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{name}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class=\"body\" part=\"body\">\n          <ind-valve class=\"symbol\" state={this.state} size=\"md\" />\n          <div class=\"metrics\" part=\"metrics\">\n            <span class={`state-label state-${this.state}`} part=\"state-label\">{stateLabel}</span>\n            {this.position !== undefined && (\n              <ind-value value={this.position} unit=\"%\" precision={0} label=\"Position\" size=\"sm\" />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAmB,IAAM,+NCA/B,MAAMC,EAAe,IAAM,4VCG3B,MAAMC,EAA0C,CAC9CC,KAAM,OACNC,OAAQ,SACRC,QAAS,aACTC,MAAO,S,MAYIC,EAAYC,EAAA,MAAAD,UAAAE,E,iFAEfC,IAEAC,MAEiBC,MAAoB,SAErCC,SAER,MAAAC,GACE,MAAMC,EAAOC,KAAKL,OAASK,KAAKN,KAAO,QACvC,MAAMO,EAAaf,EAAYc,KAAKJ,OACpC,OACEM,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGN,OAAUE,KAC1CC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASR,GACtCC,KAAKN,KAAOQ,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWC,KAAK,OAAOP,KAAKN,MAEvDQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,QACrBL,EAAA,aAAAE,IAAA,2CAAWE,MAAM,SAASV,MAAOI,KAAKJ,MAAOY,KAAK,OAClDN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAO,qBAAqBN,KAAKJ,QAASW,KAAK,eAAeN,GACnED,KAAKH,WAAaY,WACjBP,EAAA,aAAAE,IAAA,2CAAWM,MAAOV,KAAKH,SAAUc,KAAK,IAAIC,UAAW,EAAGjB,MAAM,WAAWa,KAAK,S","ignoreList":[]}

package/dist/components/p-yllNHAkG.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as s,a,t as i}from"./index.js";import{d as n}from"./p-D-FsSjAC.js";const r=()=>`:host{display:grid;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom:1px solid var(--ind-surface-border-subtle);box-sizing:border-box;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.time{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));white-space:nowrap}.tag{font-family:var(--ind-font-family-mono);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));white-space:nowrap}.msg{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;const o=()=>`:host{grid-template-columns:auto 12px auto 1fr}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}time;severity="info";source;message;render(){return s(a,{key:"f0c8397e9f18441b1720612d4413d7438174f41f",role:"row","aria-label":`${this.severity} event ${this.message}`},this.time&&s("span",{key:"0abc4554ac569b3c654cb1d56a7892af1770a26e",class:"time",part:"time"},this.time),s("ind-status-dot",{key:"0c0dd551e50498854cb05a4356581c734bf5b3cd",state:this.severity,size:"sm"}),this.source&&s("span",{key:"fdb8f001ee894c60c114bbb0c750d22057c1aaa0",class:"tag",part:"source"},this.source),s("span",{key:"61f1b238ffe9bc9d0ac5911145b6b66691747a06",class:"msg",part:"message"},this.message))}static get style(){return r()+o()}},[513,"ind-event-row",{time:[1],severity:[513],source:[1],message:[1]}]);function d(){if(typeof customElements==="undefined"){return}const t=["ind-event-row","ind-status-dot"];t.forEach((t=>{switch(t){case"ind-event-row":if(!customElements.get(i(t))){customElements.define(i(t),c)}break;case"ind-status-dot":if(!customElements.get(i(t))){n()}break}}))}d();export{c as I,d};
+//# sourceMappingURL=p-yllNHAkG.js.map

package/dist/components/p-yllNHAkG.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","eventRowCss","IndEventRow","__stencil_proxyCustomElement","HTMLElement","time","severity","source","message","render","h","Host","key","role","this","class","part","state","size"],"sources":["src/components/molecules/_shared/row.css?tag=ind-event-row&encapsulation=shadow","src/components/molecules/event-row/event-row.css?tag=ind-event-row&encapsulation=shadow","src/components/molecules/event-row/event-row.tsx"],"sourcesContent":["/* Shared chrome for log-style molecule rows (alarm, event, audit, historical).\n * Each component sets its own grid-template-columns. */\n:host {\n  display: grid;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);\n  font-family: var(--ind-font-family-sans);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  box-sizing: border-box;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.time {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  white-space: nowrap;\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  white-space: nowrap;\n}\n\n.msg {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",":host {\n  grid-template-columns: auto 12px auto 1fr;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type EventSeverity = 'info' | 'success' | 'warning' | 'error';\n\n/**\n * One line in an event / system log: timestamp, severity dot, source and\n * message. Read-only.\n */\n@Component({\n  tag: 'ind-event-row',\n  styleUrls: ['../_shared/row.css', 'event-row.css'],\n  shadow: true,\n})\nexport class IndEventRow {\n  /** Pre-formatted timestamp. */\n  @Prop() time?: string;\n  /** Severity — drives the status dot color. */\n  @Prop({ reflect: true }) severity: EventSeverity = 'info';\n  /** Event source (subsystem, device, tag). */\n  @Prop() source?: string;\n  /** Event message. */\n  @Prop() message!: string;\n\n  render() {\n    return (\n      <Host role=\"row\" aria-label={`${this.severity} event ${this.message}`}>\n        {this.time && <span class=\"time\" part=\"time\">{this.time}</span>}\n        <ind-status-dot state={this.severity} size=\"sm\" />\n        {this.source && <span class=\"tag\" part=\"source\">{this.source}</span>}\n        <span class=\"msg\" part=\"message\">{this.message}</span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAS,IAAM,oyBCArB,MAAMC,EAAc,IAAM,kD,MCabC,EAAWC,EAAA,MAAAD,UAAAE,E,iFAEdC,KAEiBC,SAA0B,OAE3CC,OAEAC,QAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGC,KAAKR,kBAAkBQ,KAAKN,WACzDM,KAAKT,MAAQK,EAAA,QAAAE,IAAA,2CAAMG,MAAM,OAAOC,KAAK,QAAQF,KAAKT,MACnDK,EAAA,kBAAAE,IAAA,2CAAgBK,MAAOH,KAAKR,SAAUY,KAAK,OAC1CJ,KAAKP,QAAUG,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAMC,KAAK,UAAUF,KAAKP,QACtDG,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAMC,KAAK,WAAWF,KAAKN,S","ignoreList":[]}