@ind-ds/core 0.1.1 → 0.2.1

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

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as i,h as n,a,t as s}from"./index.js";import{d as o}from"./p-CRSC4h1X.js";import{d}from"./p-CUfsFNIv.js";import{d as r}from"./p-B4gtNdKu.js";import{d as p}from"./p-CDXZCm5V.js";import{d as l}from"./p-BFESjyKK.js";import{d as c}from"./p-CICnxqic.js";import{d as f}from"./p-Dk2CwpEp.js";const m=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const u=()=>`:host{min-width:280px}.panel-body ind-start-stop-control,.panel-body ind-setpoint-control,.panel-body ind-mode-selector{border:0;padding:0;background:transparent;min-width:0}`;const b=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indStart=i(this,"indStart");this.indStop=i(this,"indStop");this.indSetpoint=i(this,"indSetpoint");this.indMode=i(this,"indMode")}heading;tag;state="stopped";mode;setpoint=0;pv;min=0;max=100;step=.1;precision=1;unit;indStart;indStop;indSetpoint;indMode;onSetpoint=e=>{e.stopPropagation();this.setpoint=e.detail;this.indSetpoint.emit(e.detail)};onMode=e=>{e.stopPropagation();this.indMode.emit(e.detail)};render(){return n(a,{key:"fc6e08112ee9e379316418afd4596562f7bac74c"},n("div",{key:"d0439b53f9886f432fca303a32c19f455b98662c",class:"panel-head"},n("div",{key:"5869ad8f92f0ad1f93e44a2e87494b1efdac685b",class:"panel-titles"},n("span",{key:"04ad4fc17be186bc8455d35552d96a0585890324",class:"panel-title",part:"heading"},this.heading),this.tag&&n("span",{key:"3e86d67a8ac2edf7bf160522c11446f26331d467",class:"panel-subtitle"},this.tag))),n("div",{key:"9073f4782be57e9ae933eb7cffb67e3a2522be8a",class:"panel-body"},n("ind-start-stop-control",{key:"d5253ca3d2f9e550043c0aa2f054e8596fc99e17",label:this.heading,state:this.state,onIndStart:()=>this.indStart.emit(),onIndStop:()=>this.indStop.emit()}),n("ind-setpoint-control",{key:"9999ec5f12c57015a712e2a00aefd532888e9e31",label:"Setpoint",tag:this.tag,value:this.setpoint,pv:this.pv,min:this.min,max:this.max,step:this.step,precision:this.precision,unit:this.unit,onIndChange:this.onSetpoint}),n("ind-mode-selector",{key:"9d00be76326f3012c9ac98a45b4239f796f9061d",value:this.mode,onIndChange:this.onMode}),n("slot",{key:"d349c3b7d5f5855a383605054be7dd05b4a6e133"})))}static get style(){return m()+u()}},[769,"ind-process-control-panel",{heading:[1],tag:[1],state:[513],mode:[1],setpoint:[1026],pv:[2],min:[2],max:[2],step:[2],precision:[2],unit:[1]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ind-process-control-panel","ind-button","ind-led","ind-mode-selector","ind-selector-switch","ind-setpoint","ind-setpoint-control","ind-start-stop-control"];e.forEach((e=>{switch(e){case"ind-process-control-panel":if(!customElements.get(s(e))){customElements.define(s(e),b)}break;case"ind-button":if(!customElements.get(s(e))){o()}break;case"ind-led":if(!customElements.get(s(e))){d()}break;case"ind-mode-selector":if(!customElements.get(s(e))){r()}break;case"ind-selector-switch":if(!customElements.get(s(e))){p()}break;case"ind-setpoint":if(!customElements.get(s(e))){l()}break;case"ind-setpoint-control":if(!customElements.get(s(e))){c()}break;case"ind-start-stop-control":if(!customElements.get(s(e))){f()}break}}))}h();const g=b;const x=h;export{g as IndProcessControlPanel,x as defineCustomElement};
+//# sourceMappingURL=ind-process-control-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","processControlPanelCss","IndProcessControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","mode","setpoint","pv","min","max","step","precision","unit","indStart","indStop","indSetpoint","indMode","onSetpoint","e","stopPropagation","this","detail","emit","onMode","render","h","Host","key","class","part","label","onIndStart","onIndStop","value","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-process-control-panel&encapsulation=shadow","src/components/organisms/process-control-panel/process-control-panel.css?tag=ind-process-control-panel&encapsulation=shadow","src/components/organisms/process-control-panel/process-control-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 280px;\n}\n\n/* The faceplate children already have their own card chrome, so flatten them. */\n.panel-body ind-start-stop-control,\n.panel-body ind-setpoint-control,\n.panel-body ind-mode-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { RunState } from '../../molecules/start-stop-control/start-stop-control';\n\n/**\n * Generic single-loop control panel: run command, setpoint vs PV and an\n * operating-mode selector. Re-emits the child commands so a parent can drive\n * the controller.\n */\n@Component({\n  tag: 'ind-process-control-panel',\n  styleUrls: ['../_shared/panel.css', 'process-control-panel.css'],\n  shadow: true,\n})\nexport class IndProcessControlPanel {\n  @Prop() heading!: string;\n  /** Loop tag (e.g. \"PIC-101\"). */\n  @Prop() tag?: string;\n  /** Run state. */\n  @Prop({ reflect: true }) state: RunState = 'stopped';\n  /** Operating mode value. */\n  @Prop() mode?: string;\n  /** Setpoint (two-way). */\n  @Prop({ mutable: true }) setpoint: number = 0;\n  /** Process value. */\n  @Prop() pv?: number;\n  @Prop() min: number = 0;\n  @Prop() max: number = 100;\n  @Prop() step: number = 0.1;\n  @Prop() precision: number = 1;\n  @Prop() unit?: string;\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n  /** Fires with the committed setpoint. */\n  @Event() indSetpoint!: EventEmitter<number>;\n  /** Fires with the selected mode. */\n  @Event() indMode!: EventEmitter<string>;\n\n  private onSetpoint = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.setpoint = e.detail;\n    this.indSetpoint.emit(e.detail);\n  };\n  private onMode = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indMode.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-start-stop-control\n            label={this.heading}\n            state={this.state}\n            onIndStart={() => this.indStart.emit()}\n            onIndStop={() => this.indStop.emit()}\n          />\n          <ind-setpoint-control\n            label=\"Setpoint\"\n            tag={this.tag}\n            value={this.setpoint}\n            pv={this.pv}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            precision={this.precision}\n            unit={this.unit}\n            onIndChange={this.onSetpoint}\n          />\n          <ind-mode-selector value={this.mode} onIndChange={this.onMode} />\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oTAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAyB,IAAM,iL,MCaxBC,EAAsBC,EAAA,MAAAD,UAAAE,E,uNACzBC,QAEAC,IAEiBC,MAAkB,UAEnCC,KAEiBC,SAAmB,EAEpCC,GACAC,IAAc,EACdC,IAAc,IACdC,KAAe,GACfC,UAAoB,EACpBC,KAECC,SACAC,QAEAC,YAEAC,QAEDC,WAAcC,IACpBA,EAAEC,kBACFC,KAAKd,SAAWY,EAAEG,OAClBD,KAAKL,YAAYO,KAAKJ,EAAEG,OAAO,EAEzBE,OAAUL,IAChBA,EAAEC,kBACFC,KAAKJ,QAAQM,KAAKJ,EAAEG,OAAO,EAG7B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWT,KAAKlB,SAC9CkB,KAAKjB,KAAOsB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBR,KAAKjB,OAGpDsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,0BAAAE,IAAA,2CACEG,MAAOV,KAAKlB,QACZE,MAAOgB,KAAKhB,MACZ2B,WAAY,IAAMX,KAAKP,SAASS,OAChCU,UAAW,IAAMZ,KAAKN,QAAQQ,SAEhCG,EAAA,wBAAAE,IAAA,2CACEG,MAAM,WACN3B,IAAKiB,KAAKjB,IACV8B,MAAOb,KAAKd,SACZC,GAAIa,KAAKb,GACTC,IAAKY,KAAKZ,IACVC,IAAKW,KAAKX,IACVC,KAAMU,KAAKV,KACXC,UAAWS,KAAKT,UAChBC,KAAMQ,KAAKR,KACXsB,YAAad,KAAKH,aAEpBQ,EAAA,qBAAAE,IAAA,2CAAmBM,MAAOb,KAAKf,KAAM6B,YAAad,KAAKG,SACvDE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-process-symbol.d.ts

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

package/dist/components/ind-process-symbol.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as s,t as n}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, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:44px;--_stroke:var(--ind-surface-border-strong, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="lg"]){--_w:60px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa)}.symbol{width:var(--_w);height:var(--_w);display:block}.outline{fill:var(--ind-surface-sunken, light-dark(#fff, #000));stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.tag{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-size:10px;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}`;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}shape="circle";state="normal";tag;label;size="md";shapeEl(){switch(this.shape){case"square":return a("rect",{class:"outline",part:"outline",x:"4",y:"4",width:"40",height:"40",rx:"2"});case"diamond":return a("polygon",{class:"outline",part:"outline",points:"24,3 45,24 24,45 3,24"});case"hexagon":return a("polygon",{class:"outline",part:"outline",points:"14,6 34,6 45,24 34,42 14,42 3,24"});case"circle":default:return a("circle",{class:"outline",part:"outline",cx:"24",cy:"24",r:"20"})}}render(){const e=this.label??this.tag??"instrument";return a(s,{key:"24aef7364a542acddb8cb29fbf404faf7aa8972e",role:"img","aria-label":`${e}${this.state!=="normal"?" — "+this.state:""}`},a("svg",{key:"c5c4936c45d0d0ace90a5b86a593ae3f97c9f599",class:"symbol",part:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},this.shapeEl(),this.tag&&a("text",{key:"987ede87e53bd367f7af62f7903eef1c8661330a",class:"tag",x:"24",y:"24","text-anchor":"middle","dominant-baseline":"central"},this.tag)),this.label&&a("span",{key:"0ba6f143afefa065bf938fcc79cbf2faef393e51",class:"label",part:"label"},this.label))}static get style(){return r()}},[513,"ind-process-symbol",{shape:[513],state:[513],tag:[1],label:[1],size:[513]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-process-symbol"];e.forEach((e=>{switch(e){case"ind-process-symbol":if(!customElements.get(n(e))){customElements.define(n(e),i)}break}}))}o();const l=i;const c=o;export{l as IndProcessSymbol,c as defineCustomElement};
+//# sourceMappingURL=ind-process-symbol.js.map

package/dist/components/ind-process-symbol.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["processSymbolCss","IndProcessSymbol","__stencil_proxyCustomElement","HTMLElement","shape","state","tag","label","size","shapeEl","this","h","class","part","x","y","width","height","rx","points","cx","cy","r","render","name","Host","key","role","viewBox"],"sources":["src/components/atoms/process-symbol/process-symbol.css?tag=ind-process-symbol&encapsulation=shadow","src/components/atoms/process-symbol/process-symbol.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  --_w: 44px;\n  --_stroke: var(--ind-surface-border-strong, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"lg\"]) { --_w: 60px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); }\n\n.symbol {\n  width: var(--_w);\n  height: var(--_w);\n  display: block;\n}\n\n.outline {\n  fill: var(--ind-surface-sunken, light-dark(#fff, #000));\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.tag {\n  fill: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-size: 10px;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 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","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ProcessSymbolShape = 'circle' | 'square' | 'diamond' | 'hexagon';\nexport type ProcessSymbolState = 'normal' | 'running' | 'fault' | 'warning' | 'maintenance';\nexport type ProcessSymbolSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-process-symbol',\n  styleUrl: 'process-symbol.css',\n  shadow: true,\n})\nexport class IndProcessSymbol {\n  /** ISA-5.1 instrument balloon shape. */\n  @Prop({ reflect: true }) shape: ProcessSymbolShape = 'circle';\n  /** Status coloring. */\n  @Prop({ reflect: true }) state: ProcessSymbolState = 'normal';\n  /** Tag text rendered inside (e.g. \"PT 101\"). */\n  @Prop() tag?: string;\n  /** Caption rendered below the symbol. */\n  @Prop() label?: string;\n  /** Size. */\n  @Prop({ reflect: true }) size: ProcessSymbolSize = 'md';\n\n  private shapeEl() {\n    switch (this.shape) {\n      case 'square':\n        return <rect class=\"outline\" part=\"outline\" x=\"4\" y=\"4\" width=\"40\" height=\"40\" rx=\"2\" />;\n      case 'diamond':\n        return <polygon class=\"outline\" part=\"outline\" points=\"24,3 45,24 24,45 3,24\" />;\n      case 'hexagon':\n        return <polygon class=\"outline\" part=\"outline\" points=\"14,6 34,6 45,24 34,42 14,42 3,24\" />;\n      case 'circle':\n      default:\n        return <circle class=\"outline\" part=\"outline\" cx=\"24\" cy=\"24\" r=\"20\" />;\n    }\n  }\n\n  render() {\n    const name = this.label ?? this.tag ?? 'instrument';\n    return (\n      <Host role=\"img\" aria-label={`${name}${this.state !== 'normal' ? ' — ' + this.state : ''}`}>\n        <svg class=\"symbol\" part=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          {this.shapeEl()}\n          {this.tag && (\n            <text class=\"tag\" x=\"24\" y=\"24\" text-anchor=\"middle\" dominant-baseline=\"central\">{this.tag}</text>\n          )}\n        </svg>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAmB,IAAM,gtC,MCWlBC,EAAgBC,EAAA,MAAAD,UAAAE,E,iFAEFC,MAA4B,SAE5BC,MAA4B,SAE7CC,IAEAC,MAEiBC,KAA0B,KAE3C,OAAAC,GACN,OAAQC,KAAKN,OACX,IAAK,SACH,OAAOO,EAAA,QAAMC,MAAM,UAAUC,KAAK,UAAUC,EAAE,IAAIC,EAAE,IAAIC,MAAM,KAAKC,OAAO,KAAKC,GAAG,MACpF,IAAK,UACH,OAAOP,EAAA,WAASC,MAAM,UAAUC,KAAK,UAAUM,OAAO,0BACxD,IAAK,UACH,OAAOR,EAAA,WAASC,MAAM,UAAUC,KAAK,UAAUM,OAAO,qCACxD,IAAK,SACL,QACE,OAAOR,EAAA,UAAQC,MAAM,UAAUC,KAAK,UAAUO,GAAG,KAAKC,GAAG,KAAKC,EAAE,O,CAItE,MAAAC,GACE,MAAMC,EAAOd,KAAKH,OAASG,KAAKJ,KAAO,aACvC,OACEK,EAACc,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGH,IAAOd,KAAKL,QAAU,SAAW,MAAQK,KAAKL,MAAQ,MACpFM,EAAA,OAAAe,IAAA,2CAAKd,MAAM,SAASC,KAAK,SAASe,QAAQ,YAAW,cAAa,QAC/DlB,KAAKD,UACLC,KAAKJ,KACJK,EAAA,QAAAe,IAAA,2CAAMd,MAAM,MAAME,EAAE,KAAKC,EAAE,KAAI,cAAa,SAAQ,oBAAmB,WAAWL,KAAKJ,MAG1FI,KAAKH,OAASI,EAAA,QAAAe,IAAA,2CAAMd,MAAM,QAAQC,KAAK,SAASH,KAAKH,O","ignoreList":[]}

package/dist/components/ind-production-cell.d.ts

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

package/dist/components/ind-production-cell.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as n,a as t,t as i}from"./index.js";import{d}from"./p-D-FsSjAC.js";const s=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const r=()=>`:host{min-width:420px}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626)}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading;cellId;state="unknown";columns=2;render(){const e=this.state==="unknown"?"neutral":this.state;return n(t,{key:"35e4fcdd6cb701885f2c78537be16a7ecd8e91ba"},n("div",{key:"76d6be37943e5aa81675df3b2a8bfc49039b32ec",class:"panel-head"},n("ind-status-dot",{key:"3407e7603e49002642fc75617e9519c6adf169d3",state:e,size:"md"}),n("div",{key:"a6d0d7a42ca56de8b66cb7ea7779894025b6fab4",class:"panel-titles"},n("span",{key:"4b60ee48fefdae0ef2dbad4e3c2b147c27c7cd6f",class:"panel-title",part:"heading"},this.heading),this.cellId&&n("span",{key:"a16755ee33fd0d8da31a3ff87dde88e6fdec174f",class:"panel-subtitle"},this.cellId)),n("div",{key:"6d1c9d2ee8ed24496af1fb5d3832248b90612fb2",class:"panel-actions"},n("slot",{key:"5b0ac0adccd56c0ae2eb9634cc58e7c98de63fb6",name:"actions"}))),n("div",{key:"2da43e932bbe6d6690d25d265da175b0d7a4f97b",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},n("slot",{key:"1bfbe1ceab5d508e28a6359e6bb105266c776768"})))}static get style(){return s()+r()}},[769,"ind-production-cell",{heading:[1],cellId:[1,"cell-id"],state:[513],columns:[2]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-production-cell","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-production-cell":if(!customElements.get(i(e))){customElements.define(i(e),l)}break;case"ind-status-dot":if(!customElements.get(i(e))){d()}break}}))}o();const c=l;const p=o;export{c as IndProductionCell,p as defineCustomElement};
+//# sourceMappingURL=ind-production-cell.js.map

package/dist/components/ind-production-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","productionCellCss","IndProductionCell","__stencil_proxyCustomElement","HTMLElement","heading","cellId","state","columns","render","dot","this","h","Host","key","class","size","part","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-production-cell&encapsulation=shadow","src/components/organisms/production-cell/production-cell.css?tag=ind-production-cell&encapsulation=shadow","src/components/organisms/production-cell/production-cell.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 420px;\n}\n\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\n/**\n * Production cell container: groups the machines / equipment of a work cell\n * under a single header with an aggregate state. Slot the machine overviews or\n * equipment cards into the body.\n */\n@Component({\n  tag: 'ind-production-cell',\n  styleUrls: ['../_shared/panel.css', 'production-cell.css'],\n  shadow: true,\n})\nexport class IndProductionCell {\n  @Prop() heading!: string;\n  /** Cell identifier. */\n  @Prop() cellId?: string;\n  /** Aggregate cell state. */\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** Grid columns for the body. */\n  @Prop() columns: number = 2;\n\n  render() {\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <ind-status-dot state={dot as any} size=\"md\" />\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.cellId && <span class=\"panel-subtitle\">{this.cellId}</span>}\n          </div>\n          <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAoB,IAAM,gG,MCanBC,EAAiBC,EAAA,MAAAD,UAAAE,E,iFACpBC,QAEAC,OAEiBC,MAA4B,UAE7CC,QAAkB,EAE1B,MAAAC,GACE,MAAMC,EAAMC,KAAKJ,QAAU,UAAY,UAAYI,KAAKJ,MACxD,OACEK,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CAAgBP,MAAOG,EAAYM,KAAK,OACxCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcE,KAAK,WAAWN,KAAKN,SAC9CM,KAAKL,QAAUM,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBJ,KAAKL,SAErDM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNE,KAAK,OACLE,MAAO,CAAEC,oBAAqB,UAAUT,KAAKH,6BAE7CI,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-production-dashboard.d.ts

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

package/dist/components/ind-production-dashboard.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as i,a as n,t}from"./index.js";const d=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const s=()=>`:host{min-width:520px}`;const r=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Production";subtitle;columns=4;render(){return i(n,{key:"bee0bf466d41d96ba449a47f5b24fbf0d82bdc62"},i("div",{key:"db5b706d5fa704aaaa3c555f534c03eb4eca35aa",class:"panel-head"},i("div",{key:"b5937e5a4db9bacb744e75fb53a853e26259cb4a",class:"panel-titles"},i("span",{key:"7c52d8676b46635712dc906d5cb063913cd032ed",class:"panel-title",part:"heading"},this.heading),this.subtitle&&i("span",{key:"30f1b6fc4c3a5b5013c40dff32365d713fdc0017",class:"panel-subtitle"},this.subtitle)),i("div",{key:"0aeae273ba718813861d84725e10959c9324ee9a",class:"panel-actions"},i("slot",{key:"bf3482af0847676d8749ecfd52f3941e2ad85ade",name:"actions"}))),i("div",{key:"935b9923c0b4d88bcb0835d099e8ed0687bbb7c3",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},i("slot",{key:"630520d4b536738422ca4c7e8f7fba0e834da108"})))}static get style(){return d()+s()}},[769,"ind-production-dashboard",{heading:[1],subtitle:[1],columns:[2]}]);function o(){if(typeof customElements==="undefined"){return}const a=["ind-production-dashboard"];a.forEach((a=>{switch(a){case"ind-production-dashboard":if(!customElements.get(t(a))){customElements.define(t(a),r)}break}}))}o();const l=r;const c=o;export{l as IndProductionDashboard,c as defineCustomElement};
+//# sourceMappingURL=ind-production-dashboard.js.map

package/dist/components/ind-production-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","productionDashboardCss","IndProductionDashboard","__stencil_proxyCustomElement","HTMLElement","heading","subtitle","columns","render","h","Host","key","class","part","this","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-production-dashboard&encapsulation=shadow","src/components/organisms/production-dashboard/production-dashboard.css?tag=ind-production-dashboard&encapsulation=shadow","src/components/organisms/production-dashboard/production-dashboard.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 520px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Production overview dashboard. Slot KPI / tag / trend molecules into the\n * grid; an optional `shift` subtitle and `actions` slot sit in the header.\n */\n@Component({\n  tag: 'ind-production-dashboard',\n  styleUrls: ['../_shared/panel.css', 'production-dashboard.css'],\n  shadow: true,\n})\nexport class IndProductionDashboard {\n  @Prop() heading: string = 'Production';\n  /** Context subtitle (e.g. \"Line 2 · Shift A\"). */\n  @Prop() subtitle?: string;\n  /** Number of grid columns. */\n  @Prop() columns: number = 4;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.subtitle && <span class=\"panel-subtitle\">{this.subtitle}</span>}\n          </div>\n          <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAyB,IAAM,yB,MCWxBC,EAAsBC,EAAA,MAAAD,UAAAE,E,iFACzBC,QAAkB,aAElBC,SAEAC,QAAkB,EAE1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKT,SAC9CS,KAAKR,UAAYG,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBE,KAAKR,WAEvDG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLG,MAAO,CAAEC,oBAAqB,UAAUH,KAAKP,6BAE7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-production-line-overview.d.ts

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

package/dist/components/ind-production-line-overview.js

@@ -0,0 +1,2 @@
+import{p as a,H as n,h as i,a as e,t}from"./index.js";import{d as r}from"./p-D-FsSjAC.js";const s=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const o=()=>`:host{min-width:520px}.line{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);overflow-x:auto}.station{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:96px;padding:var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-sm, 2px);border-top:3px solid var(--ind-surface-border-strong)}.station-fault{border-top-color:var(--ind-state-fault-bg, #dc2626)}.station-warning{border-top-color:var(--ind-state-warning-bg, #f59e0b)}.station-running{border-top-color:var(--ind-state-running-bg, #16a34a)}.station-maintenance{border-top-color:var(--ind-state-maintenance-bg, #2563eb)}.station-head{display:flex;align-items:center;gap:var(--ind-spacing-2, 4px)}.station-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted)}.station-name{font-size:var(--ind-font-size-base, 12px);font-weight:var(--ind-font-weight-medium, 500)}.station-rate{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.arrow{color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-lg, 14px);flex:0 0 auto}`;const d=a(class a extends n{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Production line";stations=[];render(){return i(e,{key:"acef84fa40b80a710503ad9f3310c954500b7c46"},i("div",{key:"6a473b0aad1ea689c562bcfa8e3ca744e35de922",class:"panel-head"},i("span",{key:"8bcb4d572b94aae2cb3f37e5e08bc41596f6f6d3",class:"panel-title",part:"heading"},this.heading)),i("div",{key:"88742d308c8ba3b58b9a1a5b9b4ee9afed5c1b03",class:"line",part:"line"},this.stations.map(((a,n)=>[i("div",{class:`station station-${a.state}`,part:"station",key:`s${n}`},i("div",{class:"station-head"},i("ind-status-dot",{state:a.state==="unknown"?"neutral":a.state,size:"sm"}),a.tag&&i("span",{class:"station-tag"},a.tag)),i("span",{class:"station-name"},a.name),a.rate!==undefined&&i("span",{class:"station-rate"},a.rate,a.unit?` ${a.unit}`:"")),n<this.stations.length-1?i("span",{class:"arrow",part:"arrow","aria-hidden":"true",key:`a${n}`},"→"):null]))))}static get style(){return s()+o()}},[513,"ind-production-line-overview",{heading:[1],stations:[16]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-production-line-overview","ind-status-dot"];a.forEach((a=>{switch(a){case"ind-production-line-overview":if(!customElements.get(t(a))){customElements.define(t(a),d)}break;case"ind-status-dot":if(!customElements.get(t(a))){r()}break}}))}l();const p=d;const c=l;export{p as IndProductionLineOverview,c as defineCustomElement};
+//# sourceMappingURL=ind-production-line-overview.js.map

package/dist/components/ind-production-line-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","productionLineOverviewCss","IndProductionLineOverview","__stencil_proxyCustomElement","HTMLElement","heading","stations","render","h","Host","key","class","part","this","map","s","i","state","size","tag","name","rate","undefined","unit","length"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-production-line-overview&encapsulation=shadow","src/components/organisms/production-line-overview/production-line-overview.css?tag=ind-production-line-overview&encapsulation=shadow","src/components/organisms/production-line-overview/production-line-overview.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 520px;\n}\n\n.line {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  overflow-x: auto;\n}\n\n.station {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  min-width: 96px;\n  padding: var(--ind-spacing-4, 8px);\n  background: var(--ind-surface-sunken);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-sm, 2px);\n  border-top: 3px solid var(--ind-surface-border-strong);\n}\n\n.station-fault { border-top-color: var(--ind-state-fault-bg, #dc2626); }\n.station-warning { border-top-color: var(--ind-state-warning-bg, #f59e0b); }\n.station-running { border-top-color: var(--ind-state-running-bg, #16a34a); }\n.station-maintenance { border-top-color: var(--ind-state-maintenance-bg, #2563eb); }\n\n.station-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.station-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-muted);\n}\n\n.station-name {\n  font-size: var(--ind-font-size-base, 12px);\n  font-weight: var(--ind-font-weight-medium, 500);\n}\n\n.station-rate {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.arrow {\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-lg, 14px);\n  flex: 0 0 auto;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nexport interface LineStation {\n  name: string;\n  tag?: string;\n  state: EquipmentCardState;\n  /** Optional throughput / rate readout. */\n  rate?: number;\n  unit?: string;\n}\n\n/**\n * Left-to-right production line overview: a sequence of station status tiles\n * connected by flow arrows. Each tile shows state, tag and an optional rate.\n */\n@Component({\n  tag: 'ind-production-line-overview',\n  styleUrls: ['../_shared/panel.css', 'production-line-overview.css'],\n  shadow: true,\n})\nexport class IndProductionLineOverview {\n  @Prop() heading: string = 'Production line';\n  @Prop() stations: LineStation[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"line\" part=\"line\">\n          {this.stations.map((s, i) => [\n            <div class={`station station-${s.state}`} part=\"station\" key={`s${i}`}>\n              <div class=\"station-head\">\n                <ind-status-dot state={(s.state === 'unknown' ? 'neutral' : s.state) as any} size=\"sm\" />\n                {s.tag && <span class=\"station-tag\">{s.tag}</span>}\n              </div>\n              <span class=\"station-name\">{s.name}</span>\n              {s.rate !== undefined && (\n                <span class=\"station-rate\">{s.rate}{s.unit ? ` ${s.unit}` : ''}</span>\n              )}\n            </div>,\n            i < this.stations.length - 1 ? (\n              <span class=\"arrow\" part=\"arrow\" aria-hidden=\"true\" key={`a${i}`}>→</span>\n            ) : null,\n          ])}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAA4B,IAAM,4vC,MCqB3BC,EAAyBC,EAAA,MAAAD,UAAAE,E,iFAC5BC,QAAkB,kBAClBC,SAA0B,GAElC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKR,UAEjDG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OAAOC,KAAK,QACpBC,KAAKP,SAASQ,KAAI,CAACC,EAAGC,IAAM,CAC3BR,EAAA,OAAKG,MAAO,mBAAmBI,EAAEE,QAASL,KAAK,UAAUF,IAAK,IAAIM,KAChER,EAAA,OAAKG,MAAM,gBACTH,EAAA,kBAAgBS,MAAQF,EAAEE,QAAU,UAAY,UAAYF,EAAEE,MAAeC,KAAK,OACjFH,EAAEI,KAAOX,EAAA,QAAMG,MAAM,eAAeI,EAAEI,MAEzCX,EAAA,QAAMG,MAAM,gBAAgBI,EAAEK,MAC7BL,EAAEM,OAASC,WACVd,EAAA,QAAMG,MAAM,gBAAgBI,EAAEM,KAAMN,EAAEQ,KAAO,IAAIR,EAAEQ,OAAS,KAGhEP,EAAIH,KAAKP,SAASkB,OAAS,EACzBhB,EAAA,QAAMG,MAAM,QAAQC,KAAK,QAAO,cAAa,OAAOF,IAAK,IAAIM,KAAG,KAC9D,S","ignoreList":[]}

package/dist/components/ind-progress-ring.d.ts

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

package/dist/components/ind-progress-ring.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as i,a,t as s}from"./index.js";const r=()=>`:host{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ind-font-family-mono, ui-monospace, monospace);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:40px;--_fill:var(--ind-button-primary-bg, #2563eb)}:host([size="sm"]){--_size:28px}:host([size="md"]){--_size:40px}:host([size="lg"]){--_size:56px}: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)}.ring{display:block;width:var(--_size);height:var(--_size)}.track{fill:none;stroke:var(--ind-surface-border-default, #2a3340);stroke-width:4}.bar{fill:none;stroke:var(--_fill);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([indeterminate]) .ring{animation:ind-ring-spin 1.1s linear infinite}.value{position:absolute;font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}:host([size="lg"]) .value{font-size:var(--ind-font-size-sm, 11px)}@keyframes ind-ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){:host([indeterminate]) .ring{animation-duration:2.4s}}`;const n=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}value=0;max=100;variant="default";size="md";indeterminate=false;showValue=false;unit;label;r=16;cx=20;percent(){if(this.max<=0)return 0;return Math.min(100,Math.max(0,this.value/this.max*100))}render(){const e=2*Math.PI*this.r;const t=this.percent();const s=e*(1-t/100);const r=this.unit?`${Math.round(t)}${this.unit}`:`${Math.round(t)}%`;return i(a,{key:"e117120c3cc822479f06ba401cb850d23d2de8ca",role:"progressbar","aria-valuenow":this.indeterminate?undefined:Math.round(t),"aria-valuemin":0,"aria-valuemax":100,"aria-label":this.label},i("svg",{key:"a695b3827b8bf196340793940581fbd09c63d81f",class:"ring",part:"ring",viewBox:"0 0 40 40","aria-hidden":"true"},i("circle",{key:"f6441867ee9f600ffd975d552f7e39a4c96ae841",class:"track",part:"track",cx:this.cx,cy:this.cx,r:this.r}),i("circle",{key:"1768950bd68071f2e0a2080d7be4891db0f177ce",class:"bar",part:"bar",cx:this.cx,cy:this.cx,r:this.r,"stroke-dasharray":e,"stroke-dashoffset":this.indeterminate?e*.7:s,transform:`rotate(-90 ${this.cx} ${this.cx})`})),this.showValue&&!this.indeterminate&&i("span",{key:"9b39b1e3056fe2e203cdd62fbafe0e0213c932a3",class:"value",part:"value"},r))}static get style(){return r()}},[513,"ind-progress-ring",{value:[2],max:[2],variant:[513],size:[513],indeterminate:[516],showValue:[4,"show-value"],unit:[1],label:[1]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-progress-ring"];e.forEach((e=>{switch(e){case"ind-progress-ring":if(!customElements.get(s(e))){customElements.define(s(e),n)}break}}))}o();const d=n;const f=o;export{d as IndProgressRing,f as defineCustomElement};
+//# sourceMappingURL=ind-progress-ring.js.map

package/dist/components/ind-progress-ring.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["progressRingCss","IndProgressRing","__stencil_proxyCustomElement","HTMLElement","value","max","variant","size","indeterminate","showValue","unit","label","r","cx","percent","this","Math","min","render","circumference","PI","pct","offset","centerText","round","h","Host","key","role","undefined","class","part","viewBox","cy","transform"],"sources":["src/components/atoms/progress-ring/progress-ring.css?tag=ind-progress-ring&encapsulation=shadow","src/components/atoms/progress-ring/progress-ring.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_size: 40px;\n  --_fill: var(--ind-button-primary-bg, #2563eb);\n}\n\n:host([size=\"sm\"]) { --_size: 28px; }\n:host([size=\"md\"]) { --_size: 40px; }\n:host([size=\"lg\"]) { --_size: 56px; }\n\n:host([variant=\"success\"]) { --_fill: var(--ind-feedback-success-bg, #16a34a); }\n:host([variant=\"warning\"]) { --_fill: var(--ind-feedback-warning-bg, #f59e0b); }\n:host([variant=\"error\"])   { --_fill: var(--ind-feedback-error-bg, #dc2626); }\n\n.ring {\n  display: block;\n  width: var(--_size);\n  height: var(--_size);\n}\n\n.track {\n  fill: none;\n  stroke: var(--ind-surface-border-default, #2a3340);\n  stroke-width: 4;\n}\n\n.bar {\n  fill: none;\n  stroke: var(--_fill);\n  stroke-width: 4;\n  stroke-linecap: round;\n  transition: stroke-dashoffset var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n:host([indeterminate]) .ring {\n  animation: ind-ring-spin 1.1s linear infinite;\n}\n\n.value {\n  position: absolute;\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n:host([size=\"lg\"]) .value { font-size: var(--ind-font-size-sm, 11px); }\n\n@keyframes ind-ring-spin {\n  to { transform: rotate(360deg); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host([indeterminate]) .ring { animation-duration: 2.4s; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ProgressRingVariant = 'default' | 'success' | 'warning' | 'error';\nexport type ProgressRingSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-progress-ring',\n  styleUrl: 'progress-ring.css',\n  shadow: true,\n})\nexport class IndProgressRing {\n  /** Current value (0–`max`). */\n  @Prop() value: number = 0;\n  /** Max value. */\n  @Prop() max: number = 100;\n  /** Color intent. */\n  @Prop({ reflect: true }) variant: ProgressRingVariant = 'default';\n  /** Size. */\n  @Prop({ reflect: true }) size: ProgressRingSize = 'md';\n  /** Indeterminate spinner (no value). */\n  @Prop({ reflect: true }) indeterminate: boolean = false;\n  /** Show the percentage in the center. */\n  @Prop() showValue: boolean = false;\n  /** Optional unit/suffix when showing the value (defaults to %). */\n  @Prop() unit?: string;\n  /** Accessible label. */\n  @Prop() label?: string;\n\n  private readonly r = 16;\n  private readonly cx = 20;\n\n  private percent(): number {\n    if (this.max <= 0) return 0;\n    return Math.min(100, Math.max(0, (this.value / this.max) * 100));\n  }\n\n  render() {\n    const circumference = 2 * Math.PI * this.r;\n    const pct = this.percent();\n    const offset = circumference * (1 - pct / 100);\n    const centerText = this.unit ? `${Math.round(pct)}${this.unit}` : `${Math.round(pct)}%`;\n    return (\n      <Host\n        role=\"progressbar\"\n        aria-valuenow={this.indeterminate ? undefined : Math.round(pct)}\n        aria-valuemin={0}\n        aria-valuemax={100}\n        aria-label={this.label}\n      >\n        <svg class=\"ring\" part=\"ring\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n          <circle class=\"track\" part=\"track\" cx={this.cx} cy={this.cx} r={this.r} />\n          <circle\n            class=\"bar\"\n            part=\"bar\"\n            cx={this.cx}\n            cy={this.cx}\n            r={this.r}\n            stroke-dasharray={circumference}\n            stroke-dashoffset={this.indeterminate ? circumference * 0.7 : offset}\n            transform={`rotate(-90 ${this.cx} ${this.cx})`}\n          />\n        </svg>\n        {this.showValue && !this.indeterminate && (\n          <span class=\"value\" part=\"value\">{centerText}</span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAkB,IAAM,w2C,MCUjBC,EAAeC,EAAA,MAAAD,UAAAE,E,iFAElBC,MAAgB,EAEhBC,IAAc,IAEGC,QAA+B,UAE/BC,KAAyB,KAEzBC,cAAyB,MAE1CC,UAAqB,MAErBC,KAEAC,MAESC,EAAI,GACJC,GAAK,GAEd,OAAAC,GACN,GAAIC,KAAKV,KAAO,EAAG,OAAO,EAC1B,OAAOW,KAAKC,IAAI,IAAKD,KAAKX,IAAI,EAAIU,KAAKX,MAAQW,KAAKV,IAAO,K,CAG7D,MAAAa,GACE,MAAMC,EAAgB,EAAIH,KAAKI,GAAKL,KAAKH,EACzC,MAAMS,EAAMN,KAAKD,UACjB,MAAMQ,EAASH,GAAiB,EAAIE,EAAM,KAC1C,MAAME,EAAaR,KAAKL,KAAO,GAAGM,KAAKQ,MAAMH,KAAON,KAAKL,OAAS,GAAGM,KAAKQ,MAAMH,MAChF,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,cAAa,gBACHb,KAAKP,cAAgBqB,UAAYb,KAAKQ,MAAMH,GAAI,gBAChD,EAAC,gBACD,IAAG,aACNN,KAAKJ,OAEjBc,EAAA,OAAAE,IAAA,2CAAKG,MAAM,OAAOC,KAAK,OAAOC,QAAQ,YAAW,cAAa,QAC5DP,EAAA,UAAAE,IAAA,2CAAQG,MAAM,QAAQC,KAAK,QAAQlB,GAAIE,KAAKF,GAAIoB,GAAIlB,KAAKF,GAAID,EAAGG,KAAKH,IACrEa,EAAA,UAAAE,IAAA,2CACEG,MAAM,MACNC,KAAK,MACLlB,GAAIE,KAAKF,GACToB,GAAIlB,KAAKF,GACTD,EAAGG,KAAKH,EAAC,mBACSO,EAAa,oBACZJ,KAAKP,cAAgBW,EAAgB,GAAMG,EAC9DY,UAAW,cAAcnB,KAAKF,MAAME,KAAKF,SAG5CE,KAAKN,YAAcM,KAAKP,eACvBiB,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAQC,KAAK,SAASR,G","ignoreList":[]}

package/dist/components/ind-progress.js

@@ -1,2 +1,2 @@
-import{I as s,d as o}from"./p-acsAzrRn.js";const r=s;const t=o;export{r as IndProgress,t as defineCustomElement};
+import{I as o,d as s}from"./p-D79nNJVt.js";const t=o;const n=s;export{t as IndProgress,n as defineCustomElement};
 //# sourceMappingURL=ind-progress.js.map

package/dist/components/ind-pump-card.d.ts

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

package/dist/components/ind-pump-card.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-DZD3LczI.js";const t=o;const c=s;export{t as IndPumpCard,c as defineCustomElement};
+//# sourceMappingURL=ind-pump-card.js.map

package/dist/components/ind-pump-card.js.map

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

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

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

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

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as t,h as n,a as i,t as s}from"./index.js";import{d}from"./p-CRSC4h1X.js";import{d as r}from"./p-CUfsFNIv.js";import{d as o}from"./p-B4gtNdKu.js";import{d as p}from"./p-BEmLi4hz.js";import{d as l}from"./p-DZD3LczI.js";import{d as c}from"./p-CDXZCm5V.js";import{d as f}from"./p-Dk2CwpEp.js";import{d as m}from"./p-BInyhy9s.js";const u=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const b=()=>`.panel-body>ind-motor-card,.panel-body>ind-pump-card,.panel-body>ind-valve-card,.panel-body>ind-start-stop-control,.panel-body>ind-setpoint-control,.panel-body>ind-speed-control,.panel-body>ind-mode-selector,.panel-body>ind-recipe-selector{border:0;padding:0;background:transparent;min-width:0}`;const g=()=>`:host{min-width:280px}`;const h=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indStart=t(this,"indStart");this.indStop=t(this,"indStop");this.indMode=t(this,"indMode")}heading="Pump";tag;state="stopped";flow;pressure;mode;indStart;indStop;indMode;runState(){if(this.state==="running")return"running";if(this.state==="fault")return"fault";return"stopped"}onMode=e=>{e.stopPropagation();this.indMode.emit(e.detail)};render(){return n(i,{key:"d8912bba9bd856bd8d7441725e604a198af9cfad"},n("div",{key:"c2753a9668b3664af68836a35094280701dcbcf5",class:"panel-head"},n("div",{key:"d496718af739b6146b1a2488eb2546267d4c0e31",class:"panel-titles"},n("span",{key:"ac679e3704a44465ab547f5dda0a6ad6d7230f61",class:"panel-title",part:"heading"},this.heading),this.tag&&n("span",{key:"38aca6f60bf902877172a590d174896120efb07d",class:"panel-subtitle"},this.tag))),n("div",{key:"7a388aa6bc9aef0e4a1ac7172d64ea673bf0b72a",class:"panel-body"},n("ind-pump-card",{key:"068a75833a8476b9146d90127027b7b05d49d287",tag:this.tag,label:this.heading,state:this.state,flow:this.flow,pressure:this.pressure}),n("ind-start-stop-control",{key:"6711c260e7f9cb982a15f1efcc2e904f4a04bae5",label:this.heading,state:this.runState(),onIndStart:()=>this.indStart.emit(),onIndStop:()=>this.indStop.emit()}),n("ind-mode-selector",{key:"3b35daf8000b0cee1e3ba7e3724859bd07e79751",value:this.mode,onIndChange:this.onMode})))}static get style(){return u()+(b()+g())}},[513,"ind-pump-control-panel",{heading:[1],tag:[1],state:[513],flow:[2],pressure:[2],mode:[1]}]);function x(){if(typeof customElements==="undefined"){return}const e=["ind-pump-control-panel","ind-button","ind-led","ind-mode-selector","ind-pump","ind-pump-card","ind-selector-switch","ind-start-stop-control","ind-value"];e.forEach((e=>{switch(e){case"ind-pump-control-panel":if(!customElements.get(s(e))){customElements.define(s(e),h)}break;case"ind-button":if(!customElements.get(s(e))){d()}break;case"ind-led":if(!customElements.get(s(e))){r()}break;case"ind-mode-selector":if(!customElements.get(s(e))){o()}break;case"ind-pump":if(!customElements.get(s(e))){p()}break;case"ind-pump-card":if(!customElements.get(s(e))){l()}break;case"ind-selector-switch":if(!customElements.get(s(e))){c()}break;case"ind-start-stop-control":if(!customElements.get(s(e))){f()}break;case"ind-value":if(!customElements.get(s(e))){m()}break}}))}x();const v=h;const y=x;export{v as IndPumpControlPanel,y as defineCustomElement};
+//# sourceMappingURL=ind-pump-control-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","controlPanelCss","pumpControlPanelCss","IndPumpControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","flow","pressure","mode","indStart","indStop","indMode","runState","this","onMode","e","stopPropagation","emit","detail","render","h","Host","key","class","part","label","onIndStart","onIndStop","value","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-pump-control-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-pump-control-panel&encapsulation=shadow","src/components/organisms/pump-control-panel/pump-control-panel.css?tag=ind-pump-control-panel&encapsulation=shadow","src/components/organisms/pump-control-panel/pump-control-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n",":host {\n  min-width: 280px;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\nimport type { RunState } from '../../molecules/start-stop-control/start-stop-control';\n\n/**\n * Pump control panel: `<ind-pump-card>` faceplate plus start/stop and mode.\n */\n@Component({\n  tag: 'ind-pump-control-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'pump-control-panel.css'],\n  shadow: true,\n})\nexport class IndPumpControlPanel {\n  @Prop() heading: string = 'Pump';\n  @Prop() tag?: string;\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  @Prop() flow?: number;\n  @Prop() pressure?: number;\n  @Prop() mode?: string;\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n  @Event() indMode!: EventEmitter<string>;\n\n  private runState(): RunState {\n    if (this.state === 'running') return 'running';\n    if (this.state === 'fault') return 'fault';\n    return 'stopped';\n  }\n\n  private onMode = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indMode.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-pump-card\n            tag={this.tag}\n            label={this.heading}\n            state={this.state}\n            flow={this.flow}\n            pressure={this.pressure}\n          />\n          <ind-start-stop-control\n            label={this.heading}\n            state={this.runState()}\n            onIndStart={() => this.indStart.emit()}\n            onIndStop={() => this.indStop.emit()}\n          />\n          <ind-mode-selector value={this.mode} onIndChange={this.onMode} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6VAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAAsB,IAAM,yB,MCYrBC,EAAmBC,EAAA,MAAAD,UAAAE,E,gLACtBC,QAAkB,OAClBC,IACiBC,MAAwB,UACzCC,KACAC,SACAC,KAECC,SACAC,QACAC,QAED,QAAAC,GACN,GAAIC,KAAKR,QAAU,UAAW,MAAO,UACrC,GAAIQ,KAAKR,QAAU,QAAS,MAAO,QACnC,MAAO,S,CAGDS,OAAUC,IAChBA,EAAEC,kBACFH,KAAKF,QAAQM,KAAKF,EAAEG,OAAO,EAG7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWX,KAAKV,SAC9CU,KAAKT,KAAOgB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBV,KAAKT,OAGpDgB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,iBAAAE,IAAA,2CACElB,IAAKS,KAAKT,IACVqB,MAAOZ,KAAKV,QACZE,MAAOQ,KAAKR,MACZC,KAAMO,KAAKP,KACXC,SAAUM,KAAKN,WAEjBa,EAAA,0BAAAE,IAAA,2CACEG,MAAOZ,KAAKV,QACZE,MAAOQ,KAAKD,WACZc,WAAY,IAAMb,KAAKJ,SAASQ,OAChCU,UAAW,IAAMd,KAAKH,QAAQO,SAEhCG,EAAA,qBAAAE,IAAA,2CAAmBM,MAAOf,KAAKL,KAAMqB,YAAahB,KAAKC,U","ignoreList":[]}

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

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

package/dist/components/ind-pump.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-BEmLi4hz.js";const t=o;const m=s;export{t as IndPump,m as defineCustomElement};
+//# sourceMappingURL=ind-pump.js.map

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

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

package/dist/components/ind-recipe-management-panel.d.ts

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

package/dist/components/ind-recipe-management-panel.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as i,h as n,a as t,t as d}from"./index.js";import{d as s}from"./p-B-dXQIRL.js";import{d as r}from"./p-CRSC4h1X.js";import{d as o}from"./p-B-KVhtvw.js";import{d as p}from"./p-Bo4OFmkA.js";import{d as l}from"./p-BdjJnR7Z.js";const c=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const f=()=>`.panel-body>ind-motor-card,.panel-body>ind-pump-card,.panel-body>ind-valve-card,.panel-body>ind-start-stop-control,.panel-body>ind-setpoint-control,.panel-body>ind-speed-control,.panel-body>ind-mode-selector,.panel-body>ind-recipe-selector{border:0;padding:0;background:transparent;min-width:0}`;const m=()=>`:host{min-width:340px}.params{display:flex;flex-direction:column;border:1px solid var(--ind-surface-border-subtle);border-radius:var(--ind-radius-sm, 2px)}`;const b=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=i(this,"indChange");this.indLoad=i(this,"indLoad");this.indSave=i(this,"indSave")}heading="Recipe management";recipes=[];value;parameters=[];editable=false;indChange;indLoad;indSave;onChange=e=>{e.stopPropagation();this.value=e.detail;this.indChange.emit(e.detail)};onLoad=e=>{e.stopPropagation();this.indLoad.emit(e.detail)};render(){return n(t,{key:"311d5f0738f97dc9644bfe14e6df5ee107132e80"},n("div",{key:"8607f97cedf5ae4d8e9c1a321b8aba04d7d68344",class:"panel-head"},n("span",{key:"2662cd5984dd0e1cef9231101451606fba385153",class:"panel-title",part:"heading"},this.heading),n("div",{key:"a9e120fbef91e4899e3340db5aa600b3d4a4737d",class:"panel-actions"},n("ind-button",{key:"49dde298969047d4b94d4d58152987f42cb15863",variant:"primary",size:"sm",label:"Save",disabled:!this.editable,onIndActivate:()=>this.indSave.emit()}))),n("div",{key:"792a6a721b2a7a2f98160bccee674b0449f1d3df",class:"panel-body"},n("ind-recipe-selector",{key:"32ad3a8d71a5e3c0c28f716c94159a40bcd24c69",label:"Recipe",options:this.recipes,value:this.value,onIndChange:this.onChange,onIndLoad:this.onLoad}),this.parameters.length>0&&n("div",{key:"b63fa62ebe8eb41f4d7a199229ad411a38aa2573",class:"params",part:"params"},this.parameters.map(((e,a)=>n("ind-batch-parameter-row",{key:a,label:e.label,value:e.value,unit:e.unit,target:e.target,disabled:!this.editable}))))))}static get style(){return c()+(f()+m())}},[513,"ind-recipe-management-panel",{heading:[1],recipes:[16],value:[1025],parameters:[16],editable:[4]}]);function u(){if(typeof customElements==="undefined"){return}const e=["ind-recipe-management-panel","ind-batch-parameter-row","ind-button","ind-input","ind-recipe-selector","ind-select"];e.forEach((e=>{switch(e){case"ind-recipe-management-panel":if(!customElements.get(d(e))){customElements.define(d(e),b)}break;case"ind-batch-parameter-row":if(!customElements.get(d(e))){s()}break;case"ind-button":if(!customElements.get(d(e))){r()}break;case"ind-input":if(!customElements.get(d(e))){o()}break;case"ind-recipe-selector":if(!customElements.get(d(e))){p()}break;case"ind-select":if(!customElements.get(d(e))){l()}break}}))}u();const g=b;const x=u;export{g as IndRecipeManagementPanel,x as defineCustomElement};
+//# sourceMappingURL=ind-recipe-management-panel.js.map

package/dist/components/ind-recipe-management-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","controlPanelCss","recipeManagementPanelCss","IndRecipeManagementPanel","__stencil_proxyCustomElement","HTMLElement","heading","recipes","value","parameters","editable","indChange","indLoad","indSave","onChange","e","stopPropagation","this","detail","emit","onLoad","render","h","Host","key","class","part","variant","size","label","disabled","onIndActivate","options","onIndChange","onIndLoad","length","map","p","i","unit","target"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-recipe-management-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-recipe-management-panel&encapsulation=shadow","src/components/organisms/recipe-management-panel/recipe-management-panel.css?tag=ind-recipe-management-panel&encapsulation=shadow","src/components/organisms/recipe-management-panel/recipe-management-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n",":host {\n  min-width: 340px;\n}\n\n.params {\n  display: flex;\n  flex-direction: column;\n  border: 1px solid var(--ind-surface-border-subtle);\n  border-radius: var(--ind-radius-sm, 2px);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { SelectOption } from '../../atoms/select/select';\nimport type { BatchParam } from '../batch-control-panel/batch-control-panel';\n\n/**\n * Recipe management panel: pick / load a recipe, review its parameter set and\n * save edits. Combines `<ind-recipe-selector>` with a parameter list.\n */\n@Component({\n  tag: 'ind-recipe-management-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'recipe-management-panel.css'],\n  shadow: true,\n})\nexport class IndRecipeManagementPanel {\n  @Prop() heading: string = 'Recipe management';\n  /** Available recipes. */\n  @Prop() recipes: SelectOption[] = [];\n  /** Selected recipe (two-way). */\n  @Prop({ mutable: true }) value?: string;\n  /** Parameters of the selected recipe. */\n  @Prop() parameters: BatchParam[] = [];\n  /** Allow editing the parameters. */\n  @Prop() editable: boolean = false;\n\n  @Event() indChange!: EventEmitter<string>;\n  @Event() indLoad!: EventEmitter<string>;\n  @Event() indSave!: EventEmitter<void>;\n\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n  private onLoad = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indLoad.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\">\n            <ind-button\n              variant=\"primary\"\n              size=\"sm\"\n              label=\"Save\"\n              disabled={!this.editable}\n              onIndActivate={() => this.indSave.emit()}\n            />\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-recipe-selector\n            label=\"Recipe\"\n            options={this.recipes}\n            value={this.value}\n            onIndChange={this.onChange}\n            onIndLoad={this.onLoad}\n          />\n          {this.parameters.length > 0 && (\n            <div class=\"params\" part=\"params\">\n              {this.parameters.map((p, i) => (\n                <ind-batch-parameter-row\n                  key={i}\n                  label={p.label}\n                  value={p.value}\n                  unit={p.unit}\n                  target={p.target}\n                  disabled={!this.editable}\n                />\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sPAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAA2B,IAAM,8J,MCa1BC,EAAwBC,EAAA,MAAAD,UAAAE,E,kLAC3BC,QAAkB,oBAElBC,QAA0B,GAETC,MAEjBC,WAA2B,GAE3BC,SAAoB,MAEnBC,UACAC,QACAC,QAEDC,SAAYC,IAClBA,EAAEC,kBACFC,KAAKT,MAAQO,EAAEG,OACfD,KAAKN,UAAUQ,KAAKJ,EAAEG,OAAO,EAEvBE,OAAUL,IAChBA,EAAEC,kBACFC,KAAKL,QAAQO,KAAKJ,EAAEG,OAAO,EAG7B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWT,KAAKX,SAC/CgB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,cAAAE,IAAA,2CACEG,QAAQ,UACRC,KAAK,KACLC,MAAM,OACNC,UAAWb,KAAKP,SAChBqB,cAAe,IAAMd,KAAKJ,QAAQM,WAIxCG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,uBAAAE,IAAA,2CACEK,MAAM,SACNG,QAASf,KAAKV,QACdC,MAAOS,KAAKT,MACZyB,YAAahB,KAAKH,SAClBoB,UAAWjB,KAAKG,SAEjBH,KAAKR,WAAW0B,OAAS,GACxBb,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACtBT,KAAKR,WAAW2B,KAAI,CAACC,EAAGC,IACvBhB,EAAA,2BACEE,IAAKc,EACLT,MAAOQ,EAAER,MACTrB,MAAO6B,EAAE7B,MACT+B,KAAMF,EAAEE,KACRC,OAAQH,EAAEG,OACVV,UAAWb,KAAKP,e","ignoreList":[]}

package/dist/components/ind-recipe-selector.d.ts

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

package/dist/components/ind-recipe-selector.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-Bo4OFmkA.js";const t=o;const m=s;export{t as IndRecipeSelector,m as defineCustomElement};
+//# sourceMappingURL=ind-recipe-selector.js.map

package/dist/components/ind-recipe-selector.js.map

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

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

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as t,a as s,t as r}from"./index.js";const n=()=>`:host{display:block;width:var(--ind-size-canvas-robot-width, 320px);height:var(--ind-size-canvas-robot-height, 220px);font-family:var(--ind-font-family-mono)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.envelope{fill:none;stroke:var(--ind-surface-border-subtle);stroke-dasharray:2 4}.envelope-inner{stroke-dasharray:1 3;opacity:0.6}.axis{stroke:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));stroke-width:1}.axis-label{font-family:var(--ind-font-family-mono);font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.link{stroke-width:5;stroke-linecap:round;transition:stroke 240ms}.link-1{stroke:var(--ind-state-running-bg, #16a34a)}.link-2{stroke:var(--ind-state-running-border, #4ade80)}.wrist{stroke:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke-width:2;stroke-linecap:round}.joint{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke:var(--ind-surface-border-strong);stroke-width:1}.joint.base{fill:var(--ind-state-stopped-bg, #5a6776);stroke:var(--ind-state-stopped-border, #8390a0)}.joint.effector{fill:var(--ind-state-warning-bg, #f59e0b);stroke:var(--ind-state-warning-border, #fcd34d)}.readout text{font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-feature-settings:"tnum" 1}.readout tspan{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:700}:host([state="moving"]) .link{stroke-dasharray:4 2;animation:ind-scara-move 1.2s linear infinite}:host([state="fault"]) .link,:host([state="fault"]) .wrist{stroke:var(--ind-state-fault-bg, #dc2626)}:host([state="fault"]) .joint{stroke:var(--ind-state-fault-border, #f87171)}@keyframes ind-scara-move{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion: reduce){:host([state="moving"]) .link{animation:none}}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}joints=[0,0,0];linkLengths=[110,90];state="idle";parseArr(e){if(Array.isArray(e))return e;if(typeof e==="string"&&e.trim()){try{const a=JSON.parse(e);return Array.isArray(a)?a:[]}catch{return[]}}return[]}render(){const e=this.parseArr(this.joints);const a=this.parseArr(this.linkLengths);const[r=0,n=0,c=0]=e;const[i=110,f=90]=a;const d=160;const o=105;const l=r*Math.PI/180;const b=n*Math.PI/180;const k=c*Math.PI/180;const y=d+i*Math.cos(l);const h=o+i*Math.sin(l);const x=y+f*Math.cos(l+b);const u=h+f*Math.sin(l+b);const v=14;const p=x+v*Math.cos(l+b+k);const g=u+v*Math.sin(l+b+k);const m=e=>e.toFixed(1);const w=e=>e.toFixed(0);return t(s,{key:"0634f9fc9b197f66bf334c43c38e85c19066d090",role:"img","aria-label":`SCARA arm: J1 ${m(r)}°, J2 ${m(n)}°, J3 ${m(c)}°`},t("svg",{key:"c16607c36459cfad670b9ab913d46c23daf99883",viewBox:"0 0 320 220",part:"svg"},t("circle",{key:"4fc539c4f5a658ffbb4a2a9594a864e04cd6e9fe",cx:d,cy:o,r:i+f,class:"envelope envelope-outer"}),t("circle",{key:"b493720a1f306e75dedf48dbd1ccb53850248230",cx:d,cy:o,r:Math.max(0,i-f),class:"envelope envelope-inner"}),t("line",{key:"e28c6dc2ac8e73bac4381bba4dfb4cdb983097c7",x1:"10",y1:o,x2:"22",y2:o,class:"axis"}),t("line",{key:"5f460ffa1860dd1484100e972d043fd9a1491621",x1:d,y1:"6",x2:d,y2:"18",class:"axis"}),t("text",{key:"f4cb4f52a3279f7924aea8d8e642a91be18c38a5",x:"24",y:o+3,class:"axis-label"},"X"),t("text",{key:"d3d18e860674380af133295b763c52bc0adf591b",x:d+4,y:"14",class:"axis-label"},"Y"),t("line",{key:"cfad2277909207ee8a0f99fc73cc823db20f4f8e",x1:d,y1:o,x2:y,y2:h,class:"link link-1"}),t("line",{key:"2ea11a2363123b2f6876179a2519dc38e9882126",x1:y,y1:h,x2:x,y2:u,class:"link link-2"}),t("line",{key:"ad0a714279eea710da7e72a2141aab8165576c34",x1:x,y1:u,x2:p,y2:g,class:"wrist"}),t("circle",{key:"89f2b18ca37ed7b0e67b0dee6ed28e0702cafa54",cx:d,cy:o,r:"8",class:"joint base"}),t("circle",{key:"44129fff9afa9becab60e20ab86933e4a111f854",cx:y,cy:h,r:"6",class:"joint elbow"}),t("circle",{key:"bfa99f679b71e28f58c244267e5876c73c9cd6aa",cx:x,cy:u,r:"7",class:"joint effector"}),t("g",{key:"3753b9117625a70389a12c518330660d943a237f",class:"readout"},t("text",{key:"420f362c46c764ea86fbf12128727600a1454e51",x:"10",y:"198"},"J1 ",t("tspan",{key:"4f1afe52d964043034d93d02eb27b4fc4e7b7f3c"},m(r),"°")),t("text",{key:"185d3d66158b63322153d59a97d79792e5105957",x:"74",y:"198"},"J2 ",t("tspan",{key:"9c6802f9ee9b2bb8ae3154880e2b7b1ffaf21167"},m(n),"°")),t("text",{key:"b6d0a5aa47c925997cc7efa0c1cadd067f184243",x:"138",y:"198"},"J3 ",t("tspan",{key:"5c06a24d477670deeceb6f80e3fb707b39b1b1e3"},m(c),"°")),t("text",{key:"99c96bf07d28555af967c4cb22a2856c1bdb46fb",x:"202",y:"198"},"X ",t("tspan",{key:"4097b0a431bed9c608f5a43994ad213bfdd56663"},w(x-d))),t("text",{key:"56ccbac660ea805f260977c0e64fdf424f1d40fe",x:"254",y:"198"},"Y ",t("tspan",{key:"d4cfa6e17fc0da8494f8f526e7d5f27cf233dc22"},w(u-o))))))}static get style(){return n()}},[513,"ind-scara-canvas",{joints:[1],linkLengths:[1,"link-lengths"],state:[513]}]);function i(){if(typeof customElements==="undefined"){return}const e=["ind-scara-canvas"];e.forEach((e=>{switch(e){case"ind-scara-canvas":if(!customElements.get(r(e))){customElements.define(r(e),c)}break}}))}i();const f=c;const d=i;export{f as IndScaraCanvas,d as defineCustomElement};
+import{p as e,H as a,h as t,a as s,t as r}from"./index.js";const n=()=>`:host{display:block;width:var(--ind-size-canvas-robot-width, 320px);height:var(--ind-size-canvas-robot-height, 220px);font-family:var(--ind-font-family-mono)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.envelope{fill:none;stroke:var(--ind-surface-border-subtle);stroke-dasharray:2 4}.envelope-inner{stroke-dasharray:1 3;opacity:0.6}.axis{stroke:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));stroke-width:1}.axis-label{font-family:var(--ind-font-family-mono);font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.link{stroke-width:5;stroke-linecap:round;transition:stroke 240ms}.link-1{stroke:var(--ind-state-running-bg, #16a34a)}.link-2{stroke:var(--ind-state-running-border, #4ade80)}.wrist{stroke:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke-width:2;stroke-linecap:round}.joint{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke:var(--ind-surface-border-strong);stroke-width:1}.joint.base{fill:var(--ind-state-stopped-bg, #5a6776);stroke:var(--ind-state-stopped-border, #8390a0)}.joint.effector{fill:var(--ind-state-warning-bg, #f59e0b);stroke:var(--ind-state-warning-border, #fcd34d)}.readout text{font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-feature-settings:"tnum" 1}.readout tspan{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:700}:host([state="moving"]) .link{stroke-dasharray:4 2;animation:ind-scara-move 1.2s linear infinite}:host([state="fault"]) .link,:host([state="fault"]) .wrist{stroke:var(--ind-state-fault-bg, #dc2626)}:host([state="fault"]) .joint{stroke:var(--ind-state-fault-border, #f87171)}@keyframes ind-scara-move{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion: reduce){:host([state="moving"]) .link{animation:none}}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}joints=[0,0,0];linkLengths=[110,90];state="idle";parseArr(e){if(Array.isArray(e))return e;if(typeof e==="string"&&e.trim()){try{const a=JSON.parse(e);return Array.isArray(a)?a:[]}catch{return[]}}return[]}render(){const e=this.parseArr(this.joints);const a=this.parseArr(this.linkLengths);const[r=0,n=0,c=0]=e;const[i=110,d=90]=a;const o=160;const f=105;const l=r*Math.PI/180;const b=n*Math.PI/180;const k=c*Math.PI/180;const y=o+i*Math.cos(l);const h=f+i*Math.sin(l);const x=y+d*Math.cos(l+b);const u=h+d*Math.sin(l+b);const v=14;const p=x+v*Math.cos(l+b+k);const g=u+v*Math.sin(l+b+k);const m=e=>e.toFixed(1);const w=e=>e.toFixed(0);return t(s,{key:"e220c57195ecb3c211223a9c678ad6a832c584cd",role:"img","aria-label":`SCARA arm: J1 ${m(r)}°, J2 ${m(n)}°, J3 ${m(c)}°`},t("svg",{key:"7a04466cdcedb3e90bb45d0e86ee1d846f16d2fe",viewBox:"0 0 320 220",part:"svg"},t("circle",{key:"9f1c589063eae5f24c60017e12b45afe5f44a714",cx:o,cy:f,r:i+d,class:"envelope envelope-outer"}),t("circle",{key:"a6228d89177c0dca40aaf37e85a08e59a04a2488",cx:o,cy:f,r:Math.max(0,i-d),class:"envelope envelope-inner"}),t("line",{key:"21e8c9bbf7cf19afa8dd88f909c94e1b458c928d",x1:"10",y1:f,x2:"22",y2:f,class:"axis"}),t("line",{key:"bd2a5eca21b2e7fc73828a601870c730cc153bbd",x1:o,y1:"6",x2:o,y2:"18",class:"axis"}),t("text",{key:"dab2bdb3cd08468e10220174102d9d198658b26b",x:"24",y:f+3,class:"axis-label"},"X"),t("text",{key:"66581ab90a79151eeb64522a5525de10e151d0ad",x:o+4,y:"14",class:"axis-label"},"Y"),t("line",{key:"0f8c1214d584f7c9e062927af7ca0425242e6e2b",x1:o,y1:f,x2:y,y2:h,class:"link link-1"}),t("line",{key:"e19107929c6f87d3b3e47042f017a73193714b30",x1:y,y1:h,x2:x,y2:u,class:"link link-2"}),t("line",{key:"a4cb08318e5c5df59494f6b38477307477313378",x1:x,y1:u,x2:p,y2:g,class:"wrist"}),t("circle",{key:"25f7d34a6cc339b46a59437809bce8b7e5b4015b",cx:o,cy:f,r:"8",class:"joint base"}),t("circle",{key:"0fd90ea8c7b17654d927be0627ad2a0bcdb54c93",cx:y,cy:h,r:"6",class:"joint elbow"}),t("circle",{key:"528398188bef093e0d931bb23877022fd94900cf",cx:x,cy:u,r:"7",class:"joint effector"}),t("g",{key:"3fafeb02e9001d091436addbe37c53cfa5281df5",class:"readout"},t("text",{key:"3d5c879baea3c1ef177fbd53153d846eb1158411",x:"10",y:"198"},"J1 ",t("tspan",{key:"df726f043b2a33357c2525c68a6f23861def214d"},m(r),"°")),t("text",{key:"68565b08ced6589ecd0a2d84cd738535ebe9fc63",x:"74",y:"198"},"J2 ",t("tspan",{key:"65a013c07a5f9412b603557e39409d34ba5b4812"},m(n),"°")),t("text",{key:"88712594e3a0ac5e8e506ce467192d0bbcbf4a7f",x:"138",y:"198"},"J3 ",t("tspan",{key:"31f1c81c381841747057257d6e4ee1af9d213dd8"},m(c),"°")),t("text",{key:"42d91dc495775b5bf29cc455e6d6404c72e2839f",x:"202",y:"198"},"X ",t("tspan",{key:"00d7e9336de136e9ec0dd21ec85fd2a7a9b3ebf9"},w(x-o))),t("text",{key:"8ba2b283b6cd83942747e5df2c93d51b4dcb85bd",x:"254",y:"198"},"Y ",t("tspan",{key:"767695ce2b72564dec42536bc618835070d4b1a7"},w(u-f))))))}static get style(){return n()}},[513,"ind-scara-canvas",{joints:[1],linkLengths:[1,"link-lengths"],state:[513]}]);function i(){if(typeof customElements==="undefined"){return}const e=["ind-scara-canvas"];e.forEach((e=>{switch(e){case"ind-scara-canvas":if(!customElements.get(r(e))){customElements.define(r(e),c)}break}}))}i();const d=c;const o=i;export{d as IndScaraCanvas,o as defineCustomElement};
 //# sourceMappingURL=ind-scara-canvas.js.map

package/dist/components/ind-select.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,c as i,h as n,a as t,t as r}from"./index.js";const s=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:var(--ind-size-input-md, 32px)}:host([size="sm"]){--_h:var(--ind-size-input-sm, 24px)}:host([size="md"]){--_h:var(--ind-size-input-md, 32px)}:host([size="lg"]){--_h:var(--ind-size-input-lg, 40px)}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:160px}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.field{position:relative;display:inline-flex;align-items:center;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-md, 3px);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.field:focus-within{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.native{appearance:none;-webkit-appearance:none;flex:1;height:100%;background:transparent;border:none;outline:none;padding:0 calc(var(--ind-spacing-7, 20px) + 8px) 0 var(--ind-spacing-4, 8px);font:inherit;color:inherit;cursor:pointer;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.native::-ms-expand{display:none}.native option{background:var(--ind-surface-panel);color:var(--ind-surface-text-primary)}.caret{position:absolute;right:var(--ind-spacing-4, 8px);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));pointer-events:none;line-height:1}:host([invalid]) .field{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .field:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([disabled]){opacity:0.55;pointer-events:none}`;const d=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=i(this,"indChange")}options=[];value="";placeholder;label;name;size="md";disabled=false;invalid=false;indChange;parseOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options==="string"&&this.options.trim()){try{const e=JSON.parse(this.options);return Array.isArray(e)?e:[]}catch{return[]}}return[]}onChange=e=>{const a=e.target.value;this.value=a;this.indChange.emit(a)};render(){const e=this.parseOptions();return n(t,{key:"283d3e72b726d0b04958b452629df4e579907f05"},n("label",{key:"dcbfc48d00c096cd6b709e4eb16b687cd07dd350",class:"wrap",part:"wrap"},this.label&&n("span",{key:"011fa524c21bfc749cedc70f6ec810ca90a73be2",class:"label",part:"label"},this.label),n("span",{key:"8fc35e3db2cbf2bd9cb780d8e1e1ee395c022d1a",class:"field",part:"field"},n("select",{key:"a8944a8a82162e4f1b36e9384145dd4e0399afaf",class:"native",part:"native",disabled:this.disabled,name:this.name,"aria-invalid":this.invalid?"true":"false",onChange:this.onChange},this.placeholder&&n("option",{key:"8da45f0c3d932005210e61a216f7f9dfa9581767",value:"",disabled:true,selected:this.value===""},this.placeholder),e.map((e=>n("option",{value:e.value,disabled:e.disabled,selected:e.value===this.value},e.label)))),n("span",{key:"ca2db8e41ee4fe3a8ef1a51458189face0450541",class:"caret",part:"caret","aria-hidden":"true"},"▾"))))}static get style(){return s()}},[513,"ind-select",{options:[1],value:[1025],placeholder:[1],label:[1],name:[1],size:[513],disabled:[516],invalid:[516]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-select"];e.forEach((e=>{switch(e){case"ind-select":if(!customElements.get(r(e))){customElements.define(r(e),d)}break}}))}o();const c=d;const l=o;export{c as IndSelect,l as defineCustomElement};
+import{I as o,d as s}from"./p-BdjJnR7Z.js";const t=o;const n=s;export{t as IndSelect,n as defineCustomElement};
 //# sourceMappingURL=ind-select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["selectCss","IndSelect","__stencil_proxyCustomElement","HTMLElement","options","value","placeholder","label","name","size","disabled","invalid","indChange","parseOptions","Array","isArray","this","trim","parsed","JSON","parse","onChange","e","v","target","emit","render","opts","h","Host","key","class","part","selected","map","o"],"sources":["src/components/atoms/select/select.css?tag=ind-select&encapsulation=shadow","src/components/atoms/select/select.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_h: var(--ind-size-input-md, 32px);\n}\n\n:host([size=\"sm\"]) { --_h: var(--ind-size-input-sm, 24px); }\n:host([size=\"md\"]) { --_h: var(--ind-size-input-md, 32px); }\n:host([size=\"lg\"]) { --_h: var(--ind-size-input-lg, 40px); }\n\n.wrap {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  min-width: 160px;\n}\n\n.label {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.field {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  height: var(--_h);\n  background: var(--ind-surface-sunken, light-dark(#ffffff, #000000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n  transition:\n    border-color var(--ind-motion-duration-fast, 120ms),\n    box-shadow   var(--ind-motion-duration-fast, 120ms);\n}\n\n.field:focus-within {\n  border-color: var(--ind-surface-focus-ring, #22d3ee);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent);\n}\n\n.native {\n  appearance: none;\n  -webkit-appearance: none;\n  flex: 1;\n  height: 100%;\n  background: transparent;\n  border: none;\n  outline: none;\n  padding: 0 calc(var(--ind-spacing-7, 20px) + 8px) 0 var(--ind-spacing-4, 8px);\n  font: inherit;\n  color: inherit;\n  cursor: pointer;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.native::-ms-expand { display: none; }\n\n/* Native option styling: at least give them a dark theme bg when\n * the OS picker honors it (Chrome/Edge mostly do). */\n.native option {\n  background: var(--ind-surface-panel);\n  color: var(--ind-surface-text-primary);\n}\n\n.caret {\n  position: absolute;\n  right: var(--ind-spacing-4, 8px);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  pointer-events: none;\n  line-height: 1;\n}\n\n:host([invalid]) .field {\n  border-color: var(--ind-feedback-error-bg, #dc2626);\n}\n:host([invalid]) .field:focus-within {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent);\n}\n\n:host([disabled]) {\n  opacity: 0.55;\n  pointer-events: none;\n}\n","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\n\nexport interface SelectOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport type SelectSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-select',\n  styleUrl: 'select.css',\n  shadow: true,\n})\nexport class IndSelect {\n  /**\n   * Options. Pass an array via JS property (`.options = [...]`) OR a JSON-stringified\n   * array via the HTML `options` attribute. The native picker handles keyboard nav and\n   * mobile UI without us building a popover.\n   */\n  @Prop() options: SelectOption[] | string = [];\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder?: string;\n  @Prop() label?: string;\n  @Prop() name?: string;\n  @Prop({ reflect: true }) size: SelectSize = 'md';\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  @Event() indChange!: EventEmitter<string>;\n\n  private parseOptions(): SelectOption[] {\n    if (Array.isArray(this.options)) return this.options;\n    if (typeof this.options === 'string' && this.options.trim()) {\n      try {\n        const parsed = JSON.parse(this.options);\n        return Array.isArray(parsed) ? parsed : [];\n      } catch {\n        return [];\n      }\n    }\n    return [];\n  }\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLSelectElement).value;\n    this.value = v;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    const opts = this.parseOptions();\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <span class=\"field\" part=\"field\">\n            <select\n              class=\"native\"\n              part=\"native\"\n              disabled={this.disabled}\n              name={this.name}\n              aria-invalid={this.invalid ? 'true' : 'false'}\n              onChange={this.onChange}\n            >\n              {this.placeholder && (\n                <option value=\"\" disabled selected={this.value === ''}>\n                  {this.placeholder}\n                </option>\n              )}\n              {opts.map((o) => (\n                <option value={o.value} disabled={o.disabled} selected={o.value === this.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n            <span class=\"caret\" part=\"caret\" aria-hidden=\"true\">▾</span>\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAY,IAAM,2gE,MCeXC,EAASC,EAAA,MAAAD,UAAAE,E,oHAMZC,QAAmC,GAClBC,MAAgB,GACjCC,YACAC,MACAC,KACiBC,KAAmB,KACnBC,SAAoB,MACpBC,QAAmB,MAEnCC,UAED,YAAAC,GACN,GAAIC,MAAMC,QAAQC,KAAKZ,SAAU,OAAOY,KAAKZ,QAC7C,UAAWY,KAAKZ,UAAY,UAAYY,KAAKZ,QAAQa,OAAQ,CAC3D,IACE,MAAMC,EAASC,KAAKC,MAAMJ,KAAKZ,SAC/B,OAAOU,MAAMC,QAAQG,GAAUA,EAAS,E,CACxC,MACA,MAAO,E,EAGX,MAAO,E,CAGDG,SAAYC,IAClB,MAAMC,EAAKD,EAAEE,OAA6BnB,MAC1CW,KAAKX,MAAQkB,EACbP,KAAKJ,UAAUa,KAAKF,EAAE,EAGxB,MAAAG,GACE,MAAMC,EAAOX,KAAKH,eAClB,OACEe,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAM,OAAOC,KAAK,QACtBhB,KAAKT,OAASqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAAShB,KAAKT,OACtDqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SACvBJ,EAAA,UAAAE,IAAA,2CACEC,MAAM,SACNC,KAAK,SACLtB,SAAUM,KAAKN,SACfF,KAAMQ,KAAKR,KAAI,eACDQ,KAAKL,QAAU,OAAS,QACtCU,SAAUL,KAAKK,UAEdL,KAAKV,aACJsB,EAAA,UAAAE,IAAA,2CAAQzB,MAAM,GAAGK,SAAQ,KAACuB,SAAUjB,KAAKX,QAAU,IAChDW,KAAKV,aAGTqB,EAAKO,KAAKC,GACTP,EAAA,UAAQvB,MAAO8B,EAAE9B,MAAOK,SAAUyB,EAAEzB,SAAUuB,SAAUE,EAAE9B,QAAUW,KAAKX,OACtE8B,EAAE5B,UAITqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,QAAO,cAAa,QAAM,O","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ind-selector-switch.d.ts

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

package/dist/components/ind-selector-switch.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-CDXZCm5V.js";const t=o;const m=s;export{t as IndSelectorSwitch,m as defineCustomElement};
+//# sourceMappingURL=ind-selector-switch.js.map

package/dist/components/ind-selector-switch.js.map

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

package/dist/components/ind-setpoint-control.d.ts

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

package/dist/components/ind-setpoint-control.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-CICnxqic.js";const t=o;const c=s;export{t as IndSetpointControl,c as defineCustomElement};
+//# sourceMappingURL=ind-setpoint-control.js.map

package/dist/components/ind-setpoint-control.js.map

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

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

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

package/dist/components/ind-setpoint.js

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

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

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

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

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