@ind-ds/core 0.1.0 → 0.2.0

package/dist/components/p-5RlFcxee.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as a,a as s,t as r}from"./index.js";const n=()=>`:host{display:inline-block;width:var(--ind-sparkline-width, 100px);height:var(--ind-sparkline-height, 28px);--_stroke:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}:host([variant="running"]){--_stroke:var(--ind-state-running-bg, #16a34a)}:host([variant="warning"]){--_stroke:var(--ind-state-warning-bg, #f59e0b)}:host([variant="fault"]){--_stroke:var(--ind-state-fault-bg, #dc2626)}.chart{display:block;width:100%;height:100%;overflow:visible}.line{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.fill{fill:color-mix(in srgb, var(--_stroke) 18%, transparent);stroke:none}.dot{fill:var(--_stroke);stroke:var(--ind-surface-panel, #11161c);stroke-width:1}`;const i=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}points=[];min;max;variant="default";area=false;marker=true;label;w=100;hh=28;path(){const t=this.points??[];if(t.length===0)return{line:"",area:""};const e=this.min??Math.min(...t);const a=this.max??Math.max(...t);const s=a-e||1;const r=t.length>1?this.w/(t.length-1):0;const n=2;const i=this.hh-n*2;const o=t.map(((t,a)=>{const o=a*r;const c=n+i-(t-e)/s*i;return{x:o,y:c}}));const c=o.map(((t,e)=>`${e===0?"M":"L"}${t.x.toFixed(1)},${t.y.toFixed(1)}`)).join(" ");const l=`${c} L${this.w},${this.hh} L0,${this.hh} Z`;return{line:c,area:l,last:o[o.length-1]}}render(){const{line:t,area:e,last:r}=this.path();const n=this.label??"trend";return a(s,{key:"1375d90762013de4768f40391fc9e228ba3a3c7b",role:"img","aria-label":n},a("svg",{key:"2f857e3abe826e653e4a895fece8f4611b439d26",class:"chart",part:"chart",viewBox:`0 0 ${this.w} ${this.hh}`,preserveAspectRatio:"none","aria-hidden":"true"},this.area&&e&&a("path",{key:"adaed13e2d763577023f7203cffa31f1081174fe",class:"fill",part:"fill",d:e}),t&&a("path",{key:"f5a4ea869dcc82ba4634cf44e3c21376500221b0",class:"line",part:"line",d:t}),this.marker&&r&&a("circle",{key:"79e602b6f952e5b9abd55dcf1ac6d946177acdb4",class:"dot",part:"dot",cx:r.x,cy:r.y,r:"2"})))}static get style(){return n()}},[513,"ind-sparkline",{points:[16],min:[2],max:[2],variant:[513],area:[516],marker:[516],label:[1]}]);function o(){if(typeof customElements==="undefined"){return}const t=["ind-sparkline"];t.forEach((t=>{switch(t){case"ind-sparkline":if(!customElements.get(r(t))){customElements.define(r(t),i)}break}}))}o();export{i as I,o as d};
+//# sourceMappingURL=p-5RlFcxee.js.map

package/dist/components/p-5RlFcxee.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sparklineCss","IndSparkline","__stencil_proxyCustomElement","HTMLElement","points","min","max","variant","area","marker","label","w","hh","path","pts","this","length","line","lo","Math","hi","span","stepX","pad","usable","coords","map","v","i","x","y","c","toFixed","join","last","render","name","h","Host","key","role","class","part","viewBox","preserveAspectRatio","d","cx","cy","r"],"sources":["src/components/atoms/sparkline/sparkline.css?tag=ind-sparkline&encapsulation=shadow","src/components/atoms/sparkline/sparkline.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: var(--ind-sparkline-width, 100px);\n  height: var(--ind-sparkline-height, 28px);\n  --_stroke: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n:host([variant=\"running\"]) { --_stroke: var(--ind-state-running-bg, #16a34a); }\n:host([variant=\"warning\"])  { --_stroke: var(--ind-state-warning-bg, #f59e0b); }\n:host([variant=\"fault\"])    { --_stroke: var(--ind-state-fault-bg, #dc2626); }\n\n.chart {\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: visible;\n}\n\n.line {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linejoin: round;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.fill {\n  fill: color-mix(in srgb, var(--_stroke) 18%, transparent);\n  stroke: none;\n}\n\n.dot {\n  fill: var(--_stroke);\n  stroke: var(--ind-surface-panel, #11161c);\n  stroke-width: 1;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type SparklineVariant = 'default' | 'running' | 'warning' | 'fault';\n\n@Component({\n  tag: 'ind-sparkline',\n  styleUrl: 'sparkline.css',\n  shadow: true,\n})\nexport class IndSparkline {\n  /** Series of numeric samples, oldest → newest. Pass as a property. */\n  @Prop() points: number[] = [];\n\n  /** Lower bound. Defaults to the min of `points`. */\n  @Prop() min?: number;\n\n  /** Upper bound. Defaults to the max of `points`. */\n  @Prop() max?: number;\n\n  /** Color intent. */\n  @Prop({ reflect: true }) variant: SparklineVariant = 'default';\n\n  /** Fill the area under the line. */\n  @Prop({ reflect: true }) area: boolean = false;\n\n  /** Highlight the most recent sample with a dot. */\n  @Prop({ reflect: true }) marker: boolean = true;\n\n  /** Accessible label. */\n  @Prop() label?: string;\n\n  /** SVG coordinate width. CSS controls the rendered size. */\n  private readonly w = 100;\n  private readonly hh = 28;\n\n  private path(): { line: string; area: string; last?: { x: number; y: number } } {\n    const pts = this.points ?? [];\n    if (pts.length === 0) return { line: '', area: '' };\n    const lo = this.min ?? Math.min(...pts);\n    const hi = this.max ?? Math.max(...pts);\n    const span = hi - lo || 1;\n    const stepX = pts.length > 1 ? this.w / (pts.length - 1) : 0;\n    const pad = 2;\n    const usable = this.hh - pad * 2;\n    const coords = pts.map((v, i) => {\n      const x = i * stepX;\n      const y = pad + usable - ((v - lo) / span) * usable;\n      return { x, y };\n    });\n    const line = coords.map((c, i) => `${i === 0 ? 'M' : 'L'}${c.x.toFixed(1)},${c.y.toFixed(1)}`).join(' ');\n    const area = `${line} L${this.w},${this.hh} L0,${this.hh} Z`;\n    return { line, area, last: coords[coords.length - 1] };\n  }\n\n  render() {\n    const { line, area, last } = this.path();\n    const name = this.label ?? 'trend';\n    return (\n      <Host role=\"img\" aria-label={name}>\n        <svg class=\"chart\" part=\"chart\" viewBox={`0 0 ${this.w} ${this.hh}`} preserveAspectRatio=\"none\" aria-hidden=\"true\">\n          {this.area && area && <path class=\"fill\" part=\"fill\" d={area} />}\n          {line && <path class=\"line\" part=\"line\" d={line} />}\n          {this.marker && last && <circle class=\"dot\" part=\"dot\" cx={last.x} cy={last.y} r=\"2\" />}\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,+uB,MCSdC,EAAYC,EAAA,MAAAD,UAAAE,E,iFAEfC,OAAmB,GAGnBC,IAGAC,IAGiBC,QAA4B,UAG5BC,KAAgB,MAGhBC,OAAkB,KAGnCC,MAGSC,EAAI,IACJC,GAAK,GAEd,IAAAC,GACN,MAAMC,EAAMC,KAAKX,QAAU,GAC3B,GAAIU,EAAIE,SAAW,EAAG,MAAO,CAAEC,KAAM,GAAIT,KAAM,IAC/C,MAAMU,EAAKH,KAAKV,KAAOc,KAAKd,OAAOS,GACnC,MAAMM,EAAKL,KAAKT,KAAOa,KAAKb,OAAOQ,GACnC,MAAMO,EAAOD,EAAKF,GAAM,EACxB,MAAMI,EAAQR,EAAIE,OAAS,EAAID,KAAKJ,GAAKG,EAAIE,OAAS,GAAK,EAC3D,MAAMO,EAAM,EACZ,MAAMC,EAAST,KAAKH,GAAKW,EAAM,EAC/B,MAAME,EAASX,EAAIY,KAAI,CAACC,EAAGC,KACzB,MAAMC,EAAID,EAAIN,EACd,MAAMQ,EAAIP,EAAMC,GAAWG,EAAIT,GAAMG,EAAQG,EAC7C,MAAO,CAAEK,IAAGC,IAAG,IAEjB,MAAMb,EAAOQ,EAAOC,KAAI,CAACK,EAAGH,IAAM,GAAGA,IAAM,EAAI,IAAM,MAAMG,EAAEF,EAAEG,QAAQ,MAAMD,EAAED,EAAEE,QAAQ,OAAMC,KAAK,KACpG,MAAMzB,EAAO,GAAGS,MAASF,KAAKJ,KAAKI,KAAKH,SAASG,KAAKH,OACtD,MAAO,CAAEK,OAAMT,OAAM0B,KAAMT,EAAOA,EAAOT,OAAS,G,CAGpD,MAAAmB,GACE,MAAMlB,KAAEA,EAAIT,KAAEA,EAAI0B,KAAEA,GAASnB,KAAKF,OAClC,MAAMuB,EAAOrB,KAAKL,OAAS,QAC3B,OACE2B,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAaJ,GAC3BC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQC,KAAK,QAAQC,QAAS,OAAO5B,KAAKJ,KAAKI,KAAKH,KAAMgC,oBAAoB,OAAM,cAAa,QACzG7B,KAAKP,MAAQA,GAAQ6B,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAOG,EAAGrC,IACvDS,GAAQoB,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAOG,EAAG5B,IAC1CF,KAAKN,QAAUyB,GAAQG,EAAA,UAAAE,IAAA,2CAAQE,MAAM,MAAMC,KAAK,MAAMI,GAAIZ,EAAKL,EAAGkB,GAAIb,EAAKJ,EAAGkB,EAAE,O","ignoreList":[]}

package/dist/components/p-6RTRR-qH.js

@@ -0,0 +1,2 @@
+import{p as a,H as t,h as e,a as i,t as r}from"./index.js";const n=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const s=()=>`:host{min-width:150px}.readout{display:flex;align-items:baseline;gap:var(--ind-spacing-2, 4px)}.number{font-size:var(--ind-font-size-3xl, 28px);font-weight:var(--ind-font-weight-bold, 700);line-height:1}.unit{font-size:var(--ind-font-size-lg, 14px);color:var(--ind-surface-text-secondary)}.delta{display:flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted)}:host([variant="good"]) .delta{color:var(--ind-state-running-bg, #16a34a)}:host([variant="bad"]) .delta{color:var(--ind-state-fault-bg, #dc2626)}`;const d=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}label;value;unit;precision;delta;trend="none";variant="neutral";formatted(){if(typeof this.value==="string")return this.value;if(!Number.isFinite(this.value))return"--";if(this.precision!==undefined)return this.value.toFixed(this.precision);return String(this.value)}render(){const a=this.trend==="up"?"▲":this.trend==="down"?"▼":this.trend==="flat"?"▬":"";return e(i,{key:"508d714f7c810c81fcc5a46ce67779f078a1d0a6",role:"group","aria-label":`${this.label}: ${this.formatted()}${this.unit?" "+this.unit:""}`},e("div",{key:"1b3290a2fb4aa79077a663f71d488795db70047a",class:"card-title",part:"label"},this.label),e("div",{key:"c521f3a3150bb6f4e385f503155958d1d9f70d5e",class:"readout",part:"readout"},e("span",{key:"aa697fb0c472b480ec586ea837ef21e5dd0853a2",class:"number",part:"number"},this.formatted()),this.unit&&e("span",{key:"b6fc91609382367aa00d997b26ec0433d89ed7c9",class:"unit",part:"unit"},this.unit)),(this.delta||a)&&e("div",{key:"594d4fc821d89474db61b618b17e04e390fb8280",class:"delta",part:"delta"},a&&e("span",{key:"a9af0dbaef647345a955f50ad392958860a16a4a",class:"arrow",part:"arrow","aria-hidden":"true"},a),this.delta&&e("span",{key:"0b674c45d8921de1559ad91f1123e56a1a980a64",class:"delta-text"},this.delta)))}static get style(){return n()+s()}},[513,"ind-kpi-card",{label:[1],value:[8],unit:[1],precision:[2],delta:[1],trend:[1],variant:[513]}]);function o(){if(typeof customElements==="undefined"){return}const a=["ind-kpi-card"];a.forEach((a=>{switch(a){case"ind-kpi-card":if(!customElements.get(r(a))){customElements.define(r(a),d)}break}}))}o();export{d as I,o as d};
+//# sourceMappingURL=p-6RTRR-qH.js.map

package/dist/components/p-6RTRR-qH.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","kpiCardCss","IndKpiCard","__stencil_proxyCustomElement","HTMLElement","label","value","unit","precision","delta","trend","variant","formatted","this","Number","isFinite","undefined","toFixed","String","render","arrow","h","Host","key","role","class","part"],"sources":["src/components/molecules/_shared/card.css?tag=ind-kpi-card&encapsulation=shadow","src/components/molecules/kpi-card/kpi-card.css?tag=ind-kpi-card&encapsulation=shadow","src/components/molecules/kpi-card/kpi-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 150px;\n}\n\n.readout {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.number {\n  font-size: var(--ind-font-size-3xl, 28px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  line-height: 1;\n}\n\n.unit {\n  font-size: var(--ind-font-size-lg, 14px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.delta {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted);\n}\n\n:host([variant=\"good\"]) .delta { color: var(--ind-state-running-bg, #16a34a); }\n:host([variant=\"bad\"])  .delta { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type KpiTrend = 'none' | 'up' | 'down' | 'flat';\nexport type KpiVariant = 'neutral' | 'good' | 'bad';\n\n/**\n * Headline KPI: a large value with an optional delta and trend arrow. The\n * `variant` colors the delta (good = green, bad = red) independently of the\n * arrow direction, since \"down\" is not always bad.\n */\n@Component({\n  tag: 'ind-kpi-card',\n  styleUrls: ['../_shared/card.css', 'kpi-card.css'],\n  shadow: true,\n})\nexport class IndKpiCard {\n  /** KPI name (e.g. \"OEE\", \"Throughput\"). */\n  @Prop() label!: string;\n  /** Primary value. */\n  @Prop() value!: number | string;\n  /** Engineering unit (e.g. \"%\", \"u/h\"). */\n  @Prop() unit?: string;\n  /** Decimal places when numeric. */\n  @Prop() precision?: number;\n  /** Delta caption (e.g. \"+2.3 % vs last shift\"). */\n  @Prop() delta?: string;\n  /** Trend direction shown as an arrow. */\n  @Prop() trend: KpiTrend = 'none';\n  /** Semantic color of the delta. */\n  @Prop({ reflect: true }) variant: KpiVariant = 'neutral';\n\n  private formatted(): string {\n    if (typeof this.value === 'string') return this.value;\n    if (!Number.isFinite(this.value)) return '--';\n    if (this.precision !== undefined) return this.value.toFixed(this.precision);\n    return String(this.value);\n  }\n\n  render() {\n    const arrow = this.trend === 'up' ? '▲' : this.trend === 'down' ? '▼' : this.trend === 'flat' ? '▬' : '';\n    return (\n      <Host role=\"group\" aria-label={`${this.label}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}`}>\n        <div class=\"card-title\" part=\"label\">{this.label}</div>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"number\" part=\"number\">{this.formatted()}</span>\n          {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n        </div>\n        {(this.delta || arrow) && (\n          <div class=\"delta\" part=\"delta\">\n            {arrow && <span class=\"arrow\" part=\"arrow\" aria-hidden=\"true\">{arrow}</span>}\n            {this.delta && <span class=\"delta-text\">{this.delta}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAa,IAAM,skB,MCeZC,EAAUC,EAAA,MAAAD,UAAAE,E,iFAEbC,MAEAC,MAEAC,KAEAC,UAEAC,MAEAC,MAAkB,OAEDC,QAAsB,UAEvC,SAAAC,GACN,UAAWC,KAAKP,QAAU,SAAU,OAAOO,KAAKP,MAChD,IAAKQ,OAAOC,SAASF,KAAKP,OAAQ,MAAO,KACzC,GAAIO,KAAKL,YAAcQ,UAAW,OAAOH,KAAKP,MAAMW,QAAQJ,KAAKL,WACjE,OAAOU,OAAOL,KAAKP,M,CAGrB,MAAAa,GACE,MAAMC,EAAQP,KAAKH,QAAU,KAAO,IAAMG,KAAKH,QAAU,OAAS,IAAMG,KAAKH,QAAU,OAAS,IAAM,GACtG,OACEW,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGX,KAAKR,UAAUQ,KAAKD,cAAcC,KAAKN,KAAO,IAAMM,KAAKN,KAAO,MAChGc,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aAAaC,KAAK,SAASb,KAAKR,OAC3CgB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAK,UAAUb,KAAKD,aACxCC,KAAKN,MAAQc,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QAAQb,KAAKN,QAEnDM,KAAKJ,OAASW,IACdC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQC,KAAK,SACrBN,GAASC,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,QAAO,cAAa,QAAQN,GAC9DP,KAAKJ,OAASY,EAAA,QAAAE,IAAA,2CAAME,MAAM,cAAcZ,KAAKJ,Q","ignoreList":[]}

package/dist/components/p-B-KVhtvw.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as i,h as a,a as n,t as s}from"./index.js";const r=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:var(--ind-size-input-md, 32px)}:host([size="sm"]){--_h:var(--ind-size-input-sm, 24px)}:host([size="md"]){--_h:var(--ind-size-input-md, 32px)}:host([size="lg"]){--_h:var(--ind-size-input-lg, 40px)}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:160px;max-width:100%}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.field{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);height:var(--_h);padding:0 var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.field.is-focus{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.input{flex:1;min-width:0;height:100%;background:transparent;border:none;outline:none;padding:0;font:inherit;color:inherit;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.input::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));opacity:1}:host([type="number"]) .input{font-family:var(--ind-font-family-mono);font-variant-numeric:tabular-nums}:host([invalid]) .field{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .field.is-focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([disabled]){opacity:0.55;pointer-events:none}:host([readonly]) .field{background:var(--ind-surface-panel, light-dark(#f4f6f9, #11161c))}::slotted([slot="prefix"]),::slotted([slot="suffix"]){color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-size:var(--ind-font-size-sm, 11px);font-family:var(--ind-font-family-mono);white-space:nowrap}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indInput=i(this,"indInput");this.indChange=i(this,"indChange")}get host(){return this}type="text";size="md";value="";placeholder;disabled=false;readonly=false;invalid=false;label;name;min;max;step;pattern;autocomplete;mode;hasFocus=false;indInput;indChange;async setFocus(){this.host.shadowRoot?.querySelector("input")?.focus()}onInput=e=>{const t=e.target.value;this.value=t;this.indInput.emit(t)};onChange=e=>{const t=e.target.value;this.indChange.emit(t)};render(){return a(n,{key:"dcf35aa853a7a2add80577d244296620bb261803"},a("label",{key:"348fb0868b752944e27ff1154f975a044e09419b",class:"wrap",part:"wrap"},this.label&&a("span",{key:"1d84bbb1ce396de514050b47e84187067be64217",class:"label",part:"label"},this.label),a("span",{key:"774e1b7bc60d21ddb8288806687246652d4e3c68",class:{field:true,"is-focus":this.hasFocus},part:"field"},a("slot",{key:"59316cc9345755e9257c8c0111dbb7708a523ca9",name:"prefix"}),a("input",{key:"58fd74afcef00c48c587029c5c4d68c1bb9bc999",part:"input",class:"input",type:this.type,value:this.value,placeholder:this.placeholder,disabled:this.disabled,readonly:this.readonly,name:this.name,min:this.min,max:this.max,step:this.step,pattern:this.pattern,autocomplete:this.autocomplete,inputMode:this.mode,"aria-invalid":this.invalid?"true":"false",onFocus:()=>this.hasFocus=true,onBlur:()=>this.hasFocus=false,onInput:this.onInput,onChange:this.onChange}),a("slot",{key:"a2e65d9d230e5ceed0a5732ab17892c3b239535f",name:"suffix"}))))}static get style(){return r()}},[769,"ind-input",{type:[513],size:[513],value:[1025],placeholder:[1],disabled:[516],readonly:[516],invalid:[516],label:[1],name:[1],min:[8],max:[8],step:[8],pattern:[1],autocomplete:[1],mode:[1,"inputmode"],hasFocus:[32],setFocus:[64]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-input"];e.forEach((e=>{switch(e){case"ind-input":if(!customElements.get(s(e))){customElements.define(s(e),o)}break}}))}d();export{o as I,d};
+//# sourceMappingURL=p-B-KVhtvw.js.map

package/dist/components/p-B-KVhtvw.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputCss","IndInput","__stencil_proxyCustomElement","HTMLElement","type","size","value","placeholder","disabled","readonly","invalid","label","name","min","max","step","pattern","autocomplete","mode","hasFocus","indInput","indChange","setFocus","this","host","shadowRoot","querySelector","focus","onInput","e","v","target","emit","onChange","render","h","Host","key","class","part","field","inputMode","onFocus","onBlur"],"sources":["src/components/atoms/input/input.css?tag=ind-input&encapsulation=shadow","src/components/atoms/input/input.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  max-width: 100%;\n}\n\n.label {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.field {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  height: var(--_h);\n  padding: 0 var(--ind-spacing-4, 8px);\n  background: var(--ind-surface-sunken, light-dark(#ffffff, #000000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n  transition:\n    border-color var(--ind-motion-duration-fast, 120ms),\n    box-shadow   var(--ind-motion-duration-fast, 120ms);\n}\n\n.field.is-focus {\n  border-color: var(--ind-surface-focus-ring, #22d3ee);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent);\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  background: transparent;\n  border: none;\n  outline: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.input::placeholder {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  opacity: 1;\n}\n\n:host([type=\"number\"]) .input {\n  font-family: var(--ind-font-family-mono);\n  font-variant-numeric: tabular-nums;\n}\n\n:host([invalid]) .field {\n  border-color: var(--ind-feedback-error-bg, #dc2626);\n}\n:host([invalid]) .field.is-focus {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent);\n}\n\n:host([disabled]) {\n  opacity: 0.55;\n  pointer-events: none;\n}\n\n:host([readonly]) .field {\n  background: var(--ind-surface-panel, light-dark(#f4f6f9, #11161c));\n}\n\n::slotted([slot=\"prefix\"]),\n::slotted([slot=\"suffix\"]) {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  font-size: var(--ind-font-size-sm, 11px);\n  font-family: var(--ind-font-family-mono);\n  white-space: nowrap;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  h,\n  Host,\n} from '@stencil/core';\n\nexport type InputType = 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url';\nexport type InputSize = 'sm' | 'md' | 'lg';\nexport type InputMode = 'text' | 'numeric' | 'decimal' | 'tel' | 'url' | 'email' | 'search' | 'none';\n\n@Component({\n  tag: 'ind-input',\n  styleUrl: 'input.css',\n  shadow: true,\n})\nexport class IndInput {\n  @Element() host!: HTMLElement;\n\n  @Prop({ reflect: true }) type: InputType = 'text';\n  @Prop({ reflect: true }) size: InputSize = 'md';\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder?: string;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) readonly: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() label?: string;\n  @Prop() name?: string;\n  @Prop() min?: number | string;\n  @Prop() max?: number | string;\n  @Prop() step?: number | string;\n  @Prop() pattern?: string;\n  @Prop() autocomplete?: string;\n  /** Maps to the native `inputmode` attribute — named `mode` to avoid clashing with `HTMLElement.inputMode`. */\n  @Prop({ attribute: 'inputmode' }) mode?: InputMode;\n\n  @State() private hasFocus = false;\n\n  /** Fires on every keystroke. */\n  @Event() indInput!: EventEmitter<string>;\n  /** Fires on change (blur or Enter). */\n  @Event() indChange!: EventEmitter<string>;\n\n  /** Programmatically focus the underlying input. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.host.shadowRoot?.querySelector('input')?.focus();\n  }\n\n  private onInput = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.value = v;\n    this.indInput.emit(v);\n  };\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <span class={{ field: true, 'is-focus': this.hasFocus }} part=\"field\">\n            <slot name=\"prefix\" />\n            <input\n              part=\"input\"\n              class=\"input\"\n              type={this.type}\n              value={this.value}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              name={this.name}\n              min={this.min as unknown as string}\n              max={this.max as unknown as string}\n              step={this.step as unknown as string}\n              pattern={this.pattern}\n              autocomplete={this.autocomplete as unknown as 'on' | 'off'}\n              inputMode={this.mode as unknown as undefined}\n              aria-invalid={this.invalid ? 'true' : 'false'}\n              onFocus={() => (this.hasFocus = true)}\n              onBlur={() => (this.hasFocus = false)}\n              onInput={this.onInput}\n              onChange={this.onChange}\n            />\n            <slot name=\"suffix\" />\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAW,IAAM,gpE,MCqBVC,EAAQC,EAAA,MAAAD,UAAAE,E,4KAGMC,KAAkB,OAClBC,KAAkB,KAClBC,MAAgB,GACjCC,YACiBC,SAAoB,MACpBC,SAAoB,MACpBC,QAAmB,MACpCC,MACAC,KACAC,IACAC,IACAC,KACAC,QACAC,aAE0BC,KAEjBC,SAAW,MAGnBC,SAEAC,UAIT,cAAMC,GACJC,KAAKC,KAAKC,YAAYC,cAAc,UAAUC,O,CAGxCC,QAAWC,IACjB,MAAMC,EAAKD,EAAEE,OAA4BzB,MACzCiB,KAAKjB,MAAQwB,EACbP,KAAKH,SAASY,KAAKF,EAAE,EAGfG,SAAYJ,IAClB,MAAMC,EAAKD,EAAEE,OAA4BzB,MACzCiB,KAAKF,UAAUW,KAAKF,EAAE,EAGxB,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,SAAAE,IAAA,2CAAOC,MAAM,OAAOC,KAAK,QACtBhB,KAAKZ,OAASwB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAAShB,KAAKZ,OACtDwB,EAAA,QAAAE,IAAA,2CAAMC,MAAO,CAAEE,MAAO,KAAM,WAAYjB,KAAKJ,UAAYoB,KAAK,SAC5DJ,EAAA,QAAAE,IAAA,2CAAMzB,KAAK,WACXuB,EAAA,SAAAE,IAAA,2CACEE,KAAK,QACLD,MAAM,QACNlC,KAAMmB,KAAKnB,KACXE,MAAOiB,KAAKjB,MACZC,YAAagB,KAAKhB,YAClBC,SAAUe,KAAKf,SACfC,SAAUc,KAAKd,SACfG,KAAMW,KAAKX,KACXC,IAAKU,KAAKV,IACVC,IAAKS,KAAKT,IACVC,KAAMQ,KAAKR,KACXC,QAASO,KAAKP,QACdC,aAAcM,KAAKN,aACnBwB,UAAWlB,KAAKL,KAA4B,eAC9BK,KAAKb,QAAU,OAAS,QACtCgC,QAAS,IAAOnB,KAAKJ,SAAW,KAChCwB,OAAQ,IAAOpB,KAAKJ,SAAW,MAC/BS,QAASL,KAAKK,QACdK,SAAUV,KAAKU,WAEjBE,EAAA,QAAAE,IAAA,2CAAMzB,KAAK,a","ignoreList":[]}

package/dist/components/p-B-dXQIRL.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as a,h as i,a as s,t as n}from"./index.js";import{d as r}from"./p-B-KVhtvw.js";const d=()=>`:host{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom:1px solid var(--ind-surface-border-subtle);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box}.label{flex:1 1 auto;font-size:var(--ind-font-size-base, 12px)}.field{flex:0 0 96px}.unit{flex:0 0 auto;font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary);min-width:2.4em}.target{flex:0 0 auto;font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted)}:host([invalid]) .label{color:var(--ind-state-fault-bg, #dc2626)}`;const l=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indInput=a(this,"indInput");this.indChange=a(this,"indChange")}label;value;unit;type="number";min;max;step;placeholder;disabled=false;target;invalid=false;indInput;indChange;onInput=e=>{e.stopPropagation();this.value=e.detail;this.indInput.emit(e.detail)};onChange=e=>{e.stopPropagation();this.value=e.detail;this.indChange.emit(e.detail)};render(){return i(s,{key:"ca3fcc16b4b12beafc70edb7139309f6106161f7"},i("span",{key:"bbfddee78a90efa9192ecfdfb6ff231febce8e97",class:"label",part:"label"},this.label),i("ind-input",{key:"f73bd43569badba5e96f70515b8da648e2380696",class:"field",part:"field",type:this.type,value:this.value!==undefined?String(this.value):"",min:this.min,max:this.max,step:this.step,placeholder:this.placeholder,disabled:this.disabled,invalid:this.invalid,size:"sm",label:this.label,onIndInput:this.onInput,onIndChange:this.onChange}),this.unit&&i("span",{key:"8f0b4fc7bf745ae322c31c406ed2e50776ccaf42",class:"unit",part:"unit"},this.unit),this.target&&i("span",{key:"aa38b054882735e874d168c254d76e904dbd40c7",class:"target",part:"target"},"/ ",this.target))}static get style(){return d()}},[513,"ind-batch-parameter-row",{label:[1],value:[1032],unit:[1],type:[1],min:[2],max:[2],step:[2],placeholder:[1],disabled:[4],target:[1],invalid:[516]}]);function f(){if(typeof customElements==="undefined"){return}const e=["ind-batch-parameter-row","ind-input"];e.forEach((e=>{switch(e){case"ind-batch-parameter-row":if(!customElements.get(n(e))){customElements.define(n(e),l)}break;case"ind-input":if(!customElements.get(n(e))){r()}break}}))}f();export{l as I,f as d};
+//# sourceMappingURL=p-B-dXQIRL.js.map

package/dist/components/p-B-dXQIRL.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["batchParameterRowCss","IndBatchParameterRow","__stencil_proxyCustomElement","HTMLElement","label","value","unit","type","min","max","step","placeholder","disabled","target","invalid","indInput","indChange","onInput","e","stopPropagation","this","detail","emit","onChange","render","h","Host","key","class","part","undefined","String","size","onIndInput","onIndChange"],"sources":["src/components/molecules/batch-parameter-row/batch-parameter-row.css?tag=ind-batch-parameter-row&encapsulation=shadow","src/components/molecules/batch-parameter-row/batch-parameter-row.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n}\n\n.label {\n  flex: 1 1 auto;\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.field {\n  flex: 0 0 96px;\n}\n\n.unit {\n  flex: 0 0 auto;\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n  min-width: 2.4em;\n}\n\n.target {\n  flex: 0 0 auto;\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted);\n}\n\n:host([invalid]) .label { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n/**\n * One editable parameter in a batch / recipe parameter list: label, value\n * input, unit suffix and an optional target hint. Designed to stack inside a\n * scrolling parameter table.\n */\n@Component({\n  tag: 'ind-batch-parameter-row',\n  styleUrl: 'batch-parameter-row.css',\n  shadow: true,\n})\nexport class IndBatchParameterRow {\n  /** Parameter name (e.g. \"Dose volume\"). */\n  @Prop() label!: string;\n  /** Current value (two-way). */\n  @Prop({ mutable: true }) value?: string | number;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Input type. */\n  @Prop() type: string = 'number';\n  @Prop() min?: number;\n  @Prop() max?: number;\n  @Prop() step?: number;\n  @Prop() placeholder?: string;\n  @Prop() disabled: boolean = false;\n  /** Read-only target / default hint shown after the unit. */\n  @Prop() target?: string;\n  /** Mark the row as out of range / invalid. */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Live value as the operator types. */\n  @Event() indInput!: EventEmitter<string>;\n  /** Committed value. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onInput = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indInput.emit(e.detail);\n  };\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <span class=\"label\" part=\"label\">{this.label}</span>\n        <ind-input\n          class=\"field\"\n          part=\"field\"\n          type={this.type as any}\n          value={this.value !== undefined ? String(this.value) : ''}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          invalid={this.invalid}\n          size=\"sm\"\n          label={this.label}\n          onIndInput={this.onInput}\n          onIndChange={this.onChange}\n        />\n        {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n        {this.target && <span class=\"target\" part=\"target\">/ {this.target}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAuB,IAAM,yuB,MCYtBC,EAAoBC,EAAA,MAAAD,UAAAE,E,qJAEvBC,MAEiBC,MAEjBC,KAEAC,KAAe,SACfC,IACAC,IACAC,KACAC,YACAC,SAAoB,MAEpBC,OAEiBC,QAAmB,MAGnCC,SAEAC,UAEDC,QAAWC,IACjBA,EAAEC,kBACFC,KAAKf,MAAQa,EAAEG,OACfD,KAAKL,SAASO,KAAKJ,EAAEG,OAAO,EAEtBE,SAAYL,IAClBA,EAAEC,kBACFC,KAAKf,MAAQa,EAAEG,OACfD,KAAKJ,UAAUM,KAAKJ,EAAEG,OAAO,EAG/B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAAST,KAAKhB,OACvCqB,EAAA,aAAAE,IAAA,2CACEC,MAAM,QACNC,KAAK,QACLtB,KAAMa,KAAKb,KACXF,MAAOe,KAAKf,QAAUyB,UAAYC,OAAOX,KAAKf,OAAS,GACvDG,IAAKY,KAAKZ,IACVC,IAAKW,KAAKX,IACVC,KAAMU,KAAKV,KACXC,YAAaS,KAAKT,YAClBC,SAAUQ,KAAKR,SACfE,QAASM,KAAKN,QACdkB,KAAK,KACL5B,MAAOgB,KAAKhB,MACZ6B,WAAYb,KAAKH,QACjBiB,YAAad,KAAKG,WAEnBH,KAAKd,MAAQmB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOC,KAAK,QAAQT,KAAKd,MAClDc,KAAKP,QAAUY,EAAA,QAAAE,IAAA,2CAAMC,MAAM,SAASC,KAAK,UAAQ,KAAIT,KAAKP,Q","ignoreList":[]}

package/dist/components/p-B0kcsf9E.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as i,t as r}from"./index.js";import{d as n}from"./p-DA_BMXS3.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const s=()=>`:host{min-width:220px}.card-head{align-items:center}.meta{display:grid;grid-template-columns:auto 1fr;gap:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);margin:0}.dt{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.dd{margin:0;font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary);text-align:right}`;const o=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}name;vendor;model;firmware;serial;address;state="disconnected";rows(){return[{label:"Vendor",value:this.vendor},{label:"Model",value:this.model},{label:"Firmware",value:this.firmware},{label:"Serial",value:this.serial},{label:"Address",value:this.address}].filter((a=>a.value!==undefined&&a.value!==""))}render(){return t(i,{key:"6096626ff4cca480a4783b9d3cd949775c184887",role:"group","aria-label":`${this.name} device information`},t("div",{key:"19399fee7f1391f85a21f737221ef3acfb1ba87e",class:"card-head"},t("span",{key:"424553a7603eb96e57892b5ac7d80ba000c29f1e",class:"card-title",part:"name"},this.name),t("ind-connection-indicator",{key:"ae732aa0de850d5e0b29ffd3c43e7503cc871a1d",state:this.state,size:"sm"})),t("dl",{key:"516b28c08e1cfef117dc5ce314c8372e61b873cd",class:"meta",part:"meta"},this.rows().map((a=>[t("dt",{class:"dt",part:"dt"},a.label),t("dd",{class:"dd",part:"dd"},a.value)]))))}static get style(){return d()+s()}},[513,"ind-device-info-card",{name:[1],vendor:[1],model:[1],firmware:[1],serial:[1],address:[1],state:[513]}]);function c(){if(typeof customElements==="undefined"){return}const a=["ind-device-info-card","ind-connection-indicator"];a.forEach((a=>{switch(a){case"ind-device-info-card":if(!customElements.get(r(a))){customElements.define(r(a),o)}break;case"ind-connection-indicator":if(!customElements.get(r(a))){n()}break}}))}c();export{o as I,c as d};
+//# sourceMappingURL=p-B0kcsf9E.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","deviceInfoCardCss","IndDeviceInfoCard","__stencil_proxyCustomElement","HTMLElement","name","vendor","model","firmware","serial","address","state","rows","label","value","this","filter","r","undefined","render","h","Host","key","role","class","part","size","map"],"sources":["src/components/molecules/_shared/card.css?tag=ind-device-info-card&encapsulation=shadow","src/components/molecules/device-info-card/device-info-card.css?tag=ind-device-info-card&encapsulation=shadow","src/components/molecules/device-info-card/device-info-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 220px;\n}\n\n.card-head {\n  align-items: center;\n}\n\n.meta {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);\n  margin: 0;\n}\n\n.dt {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.dd {\n  margin: 0;\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary);\n  text-align: right;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Device nameplate card: identity metadata (vendor, model, firmware, serial,\n * address) plus a live connection indicator. For a device detail panel.\n */\n@Component({\n  tag: 'ind-device-info-card',\n  styleUrls: ['../_shared/card.css', 'device-info-card.css'],\n  shadow: true,\n})\nexport class IndDeviceInfoCard {\n  /** Device name (e.g. \"Line 2 PLC\"). */\n  @Prop() name!: string;\n  /** Manufacturer. */\n  @Prop() vendor?: string;\n  /** Model number. */\n  @Prop() model?: string;\n  /** Firmware / software version. */\n  @Prop() firmware?: string;\n  /** Serial number. */\n  @Prop() serial?: string;\n  /** Network address (IP / endpoint). */\n  @Prop() address?: string;\n  /** Connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  private rows() {\n    return [\n      { label: 'Vendor', value: this.vendor },\n      { label: 'Model', value: this.model },\n      { label: 'Firmware', value: this.firmware },\n      { label: 'Serial', value: this.serial },\n      { label: 'Address', value: this.address },\n    ].filter((r) => r.value !== undefined && r.value !== '');\n  }\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.name} device information`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"name\">{this.name}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <dl class=\"meta\" part=\"meta\">\n          {this.rows().map((r) => [\n            <dt class=\"dt\" part=\"dt\">{r.label}</dt>,\n            <dd class=\"dd\" part=\"dd\">{r.value}</dd>,\n          ])}\n        </dl>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAoB,IAAM,6a,MCYnBC,EAAiBC,EAAA,MAAAD,UAAAE,E,iFAEpBC,KAEAC,OAEAC,MAEAC,SAEAC,OAEAC,QAEiBC,MAAyB,eAE1C,IAAAC,GACN,MAAO,CACL,CAAEC,MAAO,SAAUC,MAAOC,KAAKT,QAC/B,CAAEO,MAAO,QAASC,MAAOC,KAAKR,OAC9B,CAAEM,MAAO,WAAYC,MAAOC,KAAKP,UACjC,CAAEK,MAAO,SAAUC,MAAOC,KAAKN,QAC/B,CAAEI,MAAO,UAAWC,MAAOC,KAAKL,UAChCM,QAAQC,GAAMA,EAAEH,QAAUI,WAAaD,EAAEH,QAAU,I,CAGvD,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGR,KAAKV,2BACrCe,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,QAAQV,KAAKV,MAC3Ce,EAAA,4BAAAE,IAAA,2CAA0BX,MAAOI,KAAKJ,MAAOe,KAAK,QAEpDN,EAAA,MAAAE,IAAA,2CAAIE,MAAM,OAAOC,KAAK,QACnBV,KAAKH,OAAOe,KAAKV,GAAM,CACtBG,EAAA,MAAII,MAAM,KAAKC,KAAK,MAAMR,EAAEJ,OAC5BO,EAAA,MAAII,MAAM,KAAKC,KAAK,MAAMR,EAAEH,W","ignoreList":[]}

package/dist/components/p-B4gtNdKu.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,c as t,h as s,a as i,t as n}from"./index.js";import{d as r}from"./p-CDXZCm5V.js";const o=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const d=()=>`:host{min-width:180px;align-items:flex-start}`;const l=[{value:"off",label:"Off"},{value:"manual",label:"Manual"},{value:"auto",label:"Auto"}];const c=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indChange=t(this,"indChange")}label="Mode";positions=l;value;disabled=false;indChange;onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};render(){return s(i,{key:"1f4da9abae27080579e40bdb9ab8644ba65aed21"},s("span",{key:"c367ccb30a97cadd8320a9cb84ad2a739873f89a",class:"card-title",part:"label"},this.label),s("ind-selector-switch",{key:"baf57e95fad4f6914e60b9d764aa80f373cca201",part:"switch",positions:this.positions,value:this.value,disabled:this.disabled,label:this.label,onIndChange:this.onChange}))}static get style(){return o()+d()}},[513,"ind-mode-selector",{label:[1],positions:[16],value:[1025],disabled:[4]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ind-mode-selector","ind-selector-switch"];a.forEach((a=>{switch(a){case"ind-mode-selector":if(!customElements.get(n(a))){customElements.define(n(a),c)}break;case"ind-selector-switch":if(!customElements.get(n(a))){r()}break}}))}f();export{c as I,f as d};
+//# sourceMappingURL=p-B4gtNdKu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","modeSelectorCss","DEFAULT_POSITIONS","value","label","IndModeSelector","__stencil_proxyCustomElement","HTMLElement","positions","disabled","indChange","onChange","e","stopPropagation","this","detail","emit","render","h","Host","key","class","part","onIndChange"],"sources":["src/components/molecules/_shared/card.css?tag=ind-mode-selector&encapsulation=shadow","src/components/molecules/mode-selector/mode-selector.css?tag=ind-mode-selector&encapsulation=shadow","src/components/molecules/mode-selector/mode-selector.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 180px;\n  align-items: flex-start;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { SelectorPosition } from '../../atoms/selector-switch/selector-switch';\n\nconst DEFAULT_POSITIONS: SelectorPosition[] = [\n  { value: 'off', label: 'Off' },\n  { value: 'manual', label: 'Manual' },\n  { value: 'auto', label: 'Auto' },\n];\n\n/**\n * Operating-mode selector (Off / Manual / Auto by default). A labelled wrapper\n * around `<ind-selector-switch>` that re-emits the chosen mode.\n */\n@Component({\n  tag: 'ind-mode-selector',\n  styleUrls: ['../_shared/card.css', 'mode-selector.css'],\n  shadow: true,\n})\nexport class IndModeSelector {\n  /** Control label. */\n  @Prop() label: string = 'Mode';\n  /** Selectable positions. */\n  @Prop() positions: SelectorPosition[] = DEFAULT_POSITIONS;\n  /** Current mode value (two-way). */\n  @Prop({ mutable: true }) value?: string;\n  @Prop() disabled: boolean = false;\n\n  /** Fires with the selected mode value. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <span class=\"card-title\" part=\"label\">{this.label}</span>\n        <ind-selector-switch\n          part=\"switch\"\n          positions={this.positions}\n          value={this.value}\n          disabled={this.disabled}\n          label={this.label}\n          onIndChange={this.onChange}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAkB,IAAM,gDCG9B,MAAMC,EAAwC,CAC5C,CAAEC,MAAO,MAAOC,MAAO,OACvB,CAAED,MAAO,SAAUC,MAAO,UAC1B,CAAED,MAAO,OAAQC,MAAO,S,MAYbC,EAAeC,EAAA,MAAAD,UAAAE,E,oHAElBH,MAAgB,OAEhBI,UAAgCN,EAEfC,MACjBM,SAAoB,MAGnBC,UAEDC,SAAYC,IAClBA,EAAEC,kBACFC,KAAKX,MAAQS,EAAEG,OACfD,KAAKJ,UAAUM,KAAKJ,EAAEG,OAAO,EAG/B,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaC,KAAK,SAASR,KAAKV,OAC5Cc,EAAA,uBAAAE,IAAA,2CACEE,KAAK,SACLd,UAAWM,KAAKN,UAChBL,MAAOW,KAAKX,MACZM,SAAUK,KAAKL,SACfL,MAAOU,KAAKV,MACZmB,YAAaT,KAAKH,W","ignoreList":[]}

package/dist/components/p-BEmLi4hz.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 i=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const r=()=>`:host([state="running"]) .spin{animation:ind-pump-spin 1.6s linear infinite}@keyframes ind-pump-spin{to{transform:rotate(360deg)}}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"pump";return a(s,{key:"c94d1f1822da5bb07293f43541481de5f3cc52dd",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"183f70a7dd2677df2f364ba67578f780422fbf69",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"e81a8a03649e3a8e17327f6d27992613393e381d",class:"body",cx:"22",cy:"24",r:"14"}),a("polygon",{key:"55f3562be5b500dfb5dcf49833fa2d537d05555f",class:"accent",points:"22,24 38,16 38,32"}),a("g",{key:"f8db2b0032ba389cbad360c4a5b60ac286f1cddb",class:"spin",style:{transformOrigin:"22px 24px"}},a("line",{key:"ca98c47805ecd193cd74ebc7704b7056ad6dd7b1",class:"stroke",x1:"22",y1:"14",x2:"22",y2:"34"}),a("line",{key:"4b0cdfa1d2ddd30328f16fb97a12c87b9f900a49",class:"stroke",x1:"12",y1:"24",x2:"32",y2:"24"}))),(this.tag||this.label)&&a("div",{key:"6eae6c4f9de61beaadc795f265901fd60ce52700",class:"caption"},this.tag&&a("span",{key:"d0d7b89021ccac34de8a5c7494e0ba93b2d97389",class:"tag"},this.tag),this.label&&a("span",{key:"3e594c3bae463c699a91f05f5cb00d01ad278c88",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-pump",{state:[513],size:[513],tag:[1],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-pump"];e.forEach((e=>{switch(e){case"ind-pump":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}d();export{o as I,d};
+//# sourceMappingURL=p-BEmLi4hz.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","pumpCss","IndPump","__stencil_proxyCustomElement","HTMLElement","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","points","style","transformOrigin","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-pump&encapsulation=shadow","src/components/atoms/pump/pump.css?tag=ind-pump&encapsulation=shadow","src/components/atoms/pump/pump.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",":host([state=\"running\"]) .spin {\n  animation: ind-pump-spin 1.6s linear infinite;\n}\n\n@keyframes ind-pump-spin {\n  to { transform: rotate(360deg); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-pump',\n  styleUrls: ['../_equipment/equipment.css', 'pump.css'],\n  shadow: true,\n})\nexport class IndPump {\n  /** Process state. `running` animates the impeller. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"P-101\"). */\n  @Prop() tag?: string;\n  /** Human label (e.g. \"Feed pump\"). */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'pump';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* ISA centrifugal pump: circle body + triangular discharge. */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"22\" cy=\"24\" r=\"14\" />\n          <polygon class=\"accent\" points=\"22,24 38,16 38,32\" />\n          <g class=\"spin\" style={{ transformOrigin: '22px 24px' }}>\n            <line class=\"stroke\" x1=\"22\" y1=\"14\" x2=\"22\" y2=\"34\" />\n            <line class=\"stroke\" x1=\"12\" y1=\"24\" x2=\"32\" y2=\"24\" />\n          </g>\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAU,IAAM,qI,MCQTC,EAAOC,EAAA,MAAAD,UAAAE,E,iFAEOC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,OACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAE7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,WAAAE,IAAA,2CAASE,MAAM,SAASK,OAAO,sBAC/BT,EAAA,KAAAE,IAAA,2CAAGE,MAAM,OAAOM,MAAO,CAAEC,gBAAiB,cACxCX,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASQ,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAChDf,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASQ,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,UAGlDhB,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

package/dist/components/p-BFESjyKK.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as i,h as s,a as t,t as n}from"./index.js";const r=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_btn:22px;--_num-w:64px}:host([size="sm"]){--_btn:18px;--_num-w:52px}:host([size="lg"]){--_btn:28px;--_num-w:80px}.frame{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);padding:var(--ind-spacing-3, 6px);background:var(--ind-surface-raised, #1b222c);border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px)}.label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.04em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.rows{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.pv,.sp{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px)}.pv-tag,.sp-tag{font-size:9px;font-weight:var(--ind-font-weight-bold, 700);width:16px;color:var(--ind-surface-text-muted, #7a8694)}.pv-num{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.pv-unit,.sp-unit{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted, #7a8694)}.step{width:var(--_btn);height:var(--_btn);flex:none;border:1px solid var(--ind-surface-border-strong, #5a6776);background:var(--ind-surface-panel, #11161c);color:var(--ind-surface-text-primary, #eef1f5);border-radius:var(--ind-radius-sm, 2px);font-size:14px;line-height:1;cursor:pointer}.step:hover:not(:disabled){background:var(--ind-surface-strong, #5a6776)}.step:disabled{opacity:0.5;cursor:not-allowed}.step:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:1px}.num{width:var(--_num-w);text-align:right;font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);background:var(--ind-surface-sunken, light-dark(#fff, #000));color:var(--ind-surface-text-primary, #eef1f5);border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);padding:2px 4px}.num:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:0}`;const d=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=i(this,"indChange")}value=0;pv;min;max;step=1;precision;unit;label;disabled=false;size="md";indChange;clamp(e){if(this.min!==undefined)e=Math.max(this.min,e);if(this.max!==undefined)e=Math.min(this.max,e);return e}commit(e){const a=this.clamp(e);if(a===this.value)return;this.value=a;this.indChange.emit(a)}fmt(e){if(e===undefined||!Number.isFinite(e))return"--";return this.precision!==undefined?e.toFixed(this.precision):String(e)}onInput=e=>{const a=Number(e.target.value);if(Number.isFinite(a))this.commit(a)};render(){return s(t,{key:"90dbc3544fa3a36e52626e760363d7a1bf64f663"},s("div",{key:"a6f9487645e538fb3e1b0050ca7fc1c64dea2bba",class:"frame",part:"frame"},this.label&&s("span",{key:"8b472a3bbf2ac515acbbfafd44e865e3bf2e33e6",class:"label",part:"label"},this.label),s("div",{key:"0285513162167abd658c0b242956010d2d75412f",class:"rows",part:"rows"},this.pv!==undefined&&s("div",{key:"79bb1113712193aecc37c25b6e08995613414b50",class:"pv",part:"pv"},s("span",{key:"259bdb3eaa9a6bc2c79f7fbae03d5f1079cf2243",class:"pv-tag"},"PV"),s("span",{key:"0c62932c79b53f3b2fc87c495d38f36eadd95e17",class:"pv-num"},this.fmt(this.pv)),this.unit&&s("span",{key:"3e2b7dc1bbcf7acfc36c13e0c2a4464be2a195ce",class:"pv-unit"},this.unit)),s("div",{key:"ad9a17611f3565a3ad897de63c0455a3bb515d7c",class:"sp",part:"sp"},s("span",{key:"a40a504817aaa555b4800c04bdb824541debbf1d",class:"sp-tag"},"SP"),s("button",{key:"bf43b9280bedc5bae8cc912f1a35f12ea2fb37c9",type:"button",class:"step",part:"dec","aria-label":"Decrease setpoint",disabled:this.disabled,onClick:()=>this.commit(this.value-this.step)},"−"),s("input",{key:"ca92f232c463c733bd2cf4daa4ee3c61e5b9c2c7",class:"num",part:"input",type:"number",value:this.fmt(this.value),min:this.min,max:this.max,step:this.step,disabled:this.disabled,"aria-label":`${this.label??"Setpoint"} value`,onChange:this.onInput}),this.unit&&s("span",{key:"7513b054f25b05f9ca5b59ad2f706edb18377b6d",class:"sp-unit"},this.unit),s("button",{key:"2143880d86bb2141974567d3f502fccd6e00785a",type:"button",class:"step",part:"inc","aria-label":"Increase setpoint",disabled:this.disabled,onClick:()=>this.commit(this.value+this.step)},"+")))))}static get style(){return r()}},[513,"ind-setpoint",{value:[1026],pv:[2],min:[2],max:[2],step:[2],precision:[2],unit:[1],label:[1],disabled:[516],size:[513]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ind-setpoint"];e.forEach((e=>{switch(e){case"ind-setpoint":if(!customElements.get(n(e))){customElements.define(n(e),d)}break}}))}c();export{d as I,c as d};
+//# sourceMappingURL=p-BFESjyKK.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["setpointCss","IndSetpoint","__stencil_proxyCustomElement","HTMLElement","value","pv","min","max","step","precision","unit","label","disabled","size","indChange","clamp","v","this","undefined","Math","commit","next","emit","fmt","Number","isFinite","toFixed","String","onInput","e","target","render","h","Host","key","class","part","type","onClick","onChange"],"sources":["src/components/atoms/setpoint/setpoint.css?tag=ind-setpoint&encapsulation=shadow","src/components/atoms/setpoint/setpoint.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_btn: 22px;\n  --_num-w: 64px;\n}\n\n:host([size=\"sm\"]) { --_btn: 18px; --_num-w: 52px; }\n:host([size=\"lg\"]) { --_btn: 28px; --_num-w: 80px; }\n\n.frame {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  padding: var(--ind-spacing-3, 6px);\n  background: var(--ind-surface-raised, #1b222c);\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n}\n\n.label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.rows { display: flex; flex-direction: column; gap: var(--ind-spacing-2, 4px); }\n\n.pv, .sp { display: inline-flex; align-items: center; gap: var(--ind-spacing-2, 4px); }\n\n.pv-tag, .sp-tag {\n  font-size: 9px;\n  font-weight: var(--ind-font-weight-bold, 700);\n  width: 16px;\n  color: var(--ind-surface-text-muted, #7a8694);\n}\n\n.pv-num {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.pv-unit, .sp-unit {\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-muted, #7a8694);\n}\n\n.step {\n  width: var(--_btn);\n  height: var(--_btn);\n  flex: none;\n  border: 1px solid var(--ind-surface-border-strong, #5a6776);\n  background: var(--ind-surface-panel, #11161c);\n  color: var(--ind-surface-text-primary, #eef1f5);\n  border-radius: var(--ind-radius-sm, 2px);\n  font-size: 14px;\n  line-height: 1;\n  cursor: pointer;\n}\n.step:hover:not(:disabled) { background: var(--ind-surface-strong, #5a6776); }\n.step:disabled { opacity: 0.5; cursor: not-allowed; }\n.step:focus-visible { outline: 2px solid var(--ind-surface-focus-ring, #67e8f9); outline-offset: 1px; }\n\n.num {\n  width: var(--_num-w);\n  text-align: right;\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  background: var(--ind-surface-sunken, light-dark(#fff, #000));\n  color: var(--ind-surface-text-primary, #eef1f5);\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-sm, 2px);\n  padding: 2px 4px;\n}\n.num:focus-visible { outline: 2px solid var(--ind-surface-focus-ring, #67e8f9); outline-offset: 0; }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type SetpointSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-setpoint',\n  styleUrl: 'setpoint.css',\n  shadow: true,\n})\nexport class IndSetpoint {\n  /** Target setpoint value (editable). */\n  @Prop({ mutable: true }) value: number = 0;\n  /** Live process value, shown for comparison when provided. */\n  @Prop() pv?: number;\n  /** Minimum. */\n  @Prop() min?: number;\n  /** Maximum. */\n  @Prop() max?: number;\n  /** Step for the +/- buttons and keyboard. */\n  @Prop() step: number = 1;\n  /** Decimal places to display. */\n  @Prop() precision?: number;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Label / tag. */\n  @Prop() label?: string;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Size. */\n  @Prop({ reflect: true }) size: SetpointSize = 'md';\n\n  /** Fires when the setpoint is committed. */\n  @Event() indChange!: EventEmitter<number>;\n\n  private clamp(v: number): number {\n    if (this.min !== undefined) v = Math.max(this.min, v);\n    if (this.max !== undefined) v = Math.min(this.max, v);\n    return v;\n  }\n\n  private commit(v: number) {\n    const next = this.clamp(v);\n    if (next === this.value) return;\n    this.value = next;\n    this.indChange.emit(next);\n  }\n\n  private fmt(v?: number): string {\n    if (v === undefined || !Number.isFinite(v)) return '--';\n    return this.precision !== undefined ? v.toFixed(this.precision) : String(v);\n  }\n\n  private onInput = (e: Event) => {\n    const v = Number((e.target as HTMLInputElement).value);\n    if (Number.isFinite(v)) this.commit(v);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"frame\" part=\"frame\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <div class=\"rows\" part=\"rows\">\n            {this.pv !== undefined && (\n              <div class=\"pv\" part=\"pv\">\n                <span class=\"pv-tag\">PV</span>\n                <span class=\"pv-num\">{this.fmt(this.pv)}</span>\n                {this.unit && <span class=\"pv-unit\">{this.unit}</span>}\n              </div>\n            )}\n            <div class=\"sp\" part=\"sp\">\n              <span class=\"sp-tag\">SP</span>\n              <button\n                type=\"button\"\n                class=\"step\"\n                part=\"dec\"\n                aria-label=\"Decrease setpoint\"\n                disabled={this.disabled}\n                onClick={() => this.commit(this.value - this.step)}\n              >\n                −\n              </button>\n              <input\n                class=\"num\"\n                part=\"input\"\n                type=\"number\"\n                value={this.fmt(this.value)}\n                min={this.min}\n                max={this.max}\n                step={this.step}\n                disabled={this.disabled}\n                aria-label={`${this.label ?? 'Setpoint'} value`}\n                onChange={this.onInput}\n              />\n              {this.unit && <span class=\"sp-unit\">{this.unit}</span>}\n              <button\n                type=\"button\"\n                class=\"step\"\n                part=\"inc\"\n                aria-label=\"Increase setpoint\"\n                disabled={this.disabled}\n                onClick={() => this.commit(this.value + this.step)}\n              >\n                +\n              </button>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAc,IAAM,yxE,MCSbC,EAAWC,EAAA,MAAAD,UAAAE,E,oHAEGC,MAAgB,EAEjCC,GAEAC,IAEAC,IAEAC,KAAe,EAEfC,UAEAC,KAEAC,MAEiBC,SAAoB,MAEpBC,KAAqB,KAGrCC,UAED,KAAAC,CAAMC,GACZ,GAAIC,KAAKX,MAAQY,UAAWF,EAAIG,KAAKZ,IAAIU,KAAKX,IAAKU,GACnD,GAAIC,KAAKV,MAAQW,UAAWF,EAAIG,KAAKb,IAAIW,KAAKV,IAAKS,GACnD,OAAOA,C,CAGD,MAAAI,CAAOJ,GACb,MAAMK,EAAOJ,KAAKF,MAAMC,GACxB,GAAIK,IAASJ,KAAKb,MAAO,OACzBa,KAAKb,MAAQiB,EACbJ,KAAKH,UAAUQ,KAAKD,E,CAGd,GAAAE,CAAIP,GACV,GAAIA,IAAME,YAAcM,OAAOC,SAAST,GAAI,MAAO,KACnD,OAAOC,KAAKR,YAAcS,UAAYF,EAAEU,QAAQT,KAAKR,WAAakB,OAAOX,E,CAGnEY,QAAWC,IACjB,MAAMb,EAAIQ,OAAQK,EAAEC,OAA4B1B,OAChD,GAAIoB,OAAOC,SAAST,GAAIC,KAAKG,OAAOJ,EAAE,EAGxC,MAAAe,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SACrBnB,KAAKN,OAASqB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SAASnB,KAAKN,OACtDqB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OAAOC,KAAK,QACpBnB,KAAKZ,KAAOa,WACXc,EAAA,OAAAE,IAAA,2CAAKC,MAAM,KAAKC,KAAK,MACnBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,UAAQ,MACpBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,UAAUlB,KAAKM,IAAIN,KAAKZ,KACnCY,KAAKP,MAAQsB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWlB,KAAKP,OAG9CsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,KAAKC,KAAK,MACnBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,UAAQ,MACpBH,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLF,MAAM,OACNC,KAAK,MAAK,aACC,oBACXxB,SAAUK,KAAKL,SACf0B,QAAS,IAAMrB,KAAKG,OAAOH,KAAKb,MAAQa,KAAKT,OAAK,KAIpDwB,EAAA,SAAAE,IAAA,2CACEC,MAAM,MACNC,KAAK,QACLC,KAAK,SACLjC,MAAOa,KAAKM,IAAIN,KAAKb,OACrBE,IAAKW,KAAKX,IACVC,IAAKU,KAAKV,IACVC,KAAMS,KAAKT,KACXI,SAAUK,KAAKL,SAAQ,aACX,GAAGK,KAAKN,OAAS,mBAC7B4B,SAAUtB,KAAKW,UAEhBX,KAAKP,MAAQsB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWlB,KAAKP,MAC1CsB,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLF,MAAM,OACNC,KAAK,MAAK,aACC,oBACXxB,SAAUK,KAAKL,SACf0B,QAAS,IAAMrB,KAAKG,OAAOH,KAAKb,MAAQa,KAAKT,OAAK,Q","ignoreList":[]}

package/dist/components/p-BInyhy9s.js

@@ -0,0 +1,2 @@
+import{p as a,H as r,h as e,a as n,t}from"./index.js";const i=()=>`:host{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);background:var(--ind-surface-sunken, #000);border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));min-width:96px;transition:background-color var(--ind-motion-duration-base, 200ms),     border-color var(--ind-motion-duration-base, 200ms),     color var(--ind-motion-duration-base, 200ms)}.header{display:flex;gap:var(--ind-spacing-3, 6px);align-items:baseline;font-size:var(--ind-font-size-sm, 11px);line-height:var(--ind-font-line-height-tight, 1.1);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.tag{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);letter-spacing:0.02em}.label{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.readout{display:flex;align-items:baseline;gap:var(--ind-spacing-2, 4px);line-height:1}.number{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-bold, 700);font-variant-numeric:tabular-nums}.unit{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-weight:var(--ind-font-weight-medium, 500)}.trend{font-size:var(--ind-font-size-md, 13px);margin-left:var(--ind-spacing-2, 4px)}:host([size="sm"]) .number{font-size:var(--ind-font-size-xl, 16px)}:host([size="md"]) .number{font-size:var(--ind-font-size-2xl, 20px)}:host([size="lg"]) .number{font-size:var(--ind-font-size-3xl, 28px)}:host([alarm="high-high"]){background:var(--ind-alarm-high-high-bg, #dc2626);color:var(--ind-alarm-high-high-fg, #ffffff);border-color:var(--ind-alarm-high-high-border, #f87171)}:host([alarm="high"]){background:var(--ind-alarm-high-bg, #f59e0b);color:var(--ind-alarm-high-fg, #000000);border-color:var(--ind-alarm-high-border, #fcd34d)}:host([alarm="low"]){background:var(--ind-alarm-low-bg, #0891b2);color:var(--ind-alarm-low-fg, #ffffff);border-color:var(--ind-alarm-low-border, #22d3ee)}:host([alarm="low-low"]){background:var(--ind-alarm-low-low-bg, #7c3aed);color:var(--ind-alarm-low-low-fg, #ffffff);border-color:var(--ind-alarm-low-low-border, #a78bfa)}:host([alarm]:not([alarm="none"])) .header,:host([alarm]:not([alarm="none"])) .tag,:host([alarm]:not([alarm="none"])) .label,:host([alarm]:not([alarm="none"])) .unit{color:inherit}:host([alarm]:not([alarm="none"])) .label,:host([alarm]:not([alarm="none"])) .unit{opacity:0.85}:host([alarm]:not([alarm="none"])) .tag{opacity:1;font-weight:var(--ind-font-weight-bold, 700)}:host([trend="up"]) .trend{color:var(--ind-trend-up-fg, #fcd34d)}:host([trend="down"]) .trend{color:var(--ind-trend-down-fg, #22d3ee)}:host([trend="stable"]) .trend{color:var(--ind-trend-stable-fg, #8390a0)}`;const o=a(class a extends r{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}value;unit;precision;alarm="none";trend="none";size="md";label;tag;formatted(){if(typeof this.value==="string")return this.value;if(!Number.isFinite(this.value))return"--";if(this.precision!==undefined)return this.value.toFixed(this.precision);return String(this.value)}render(){const a=this.label??this.tag??"process value";const r=this.alarm!=="none"?`, alarm ${this.alarm}`:"";return e(n,{key:"0438f53ccfd76d02f30a9d3d2df93ee422f5daa6",role:"group","aria-label":`${a}: ${this.formatted()}${this.unit?" "+this.unit:""}${r}`,"aria-live":this.alarm==="high-high"?"assertive":"polite"},(this.tag||this.label)&&e("div",{key:"02d0e59899fe4a5e9261efbe11f998411992e79a",class:"header",part:"header"},this.tag&&e("span",{key:"673d7544ac10b9136023e126079e1966a5bfb3e7",class:"tag",part:"tag"},this.tag),this.label&&e("span",{key:"9092698fca1a1790de4a52fa741bde462289436f",class:"label",part:"label"},this.label)),e("div",{key:"2387e1e924c1ee41cc38daf28de39466bfd65592",class:"readout",part:"readout"},e("span",{key:"31748fea6210035a2a03fa588b873b1f3b1483d6",class:"number",part:"number"},this.formatted()),this.unit&&e("span",{key:"c21057af583f90f4ba8e59d2964564f6484d58b1",class:"unit",part:"unit"},this.unit),this.trend!=="none"&&e("span",{key:"cf485adac4029ace34c24bc5e1712287f2063300",class:"trend",part:"trend","aria-hidden":"true"},this.trend==="up"?"▲":this.trend==="down"?"▼":"◆")))}static get style(){return i()}},[513,"ind-value",{value:[8],unit:[1],precision:[2],alarm:[513],trend:[513],size:[513],label:[1],tag:[1]}]);function s(){if(typeof customElements==="undefined"){return}const a=["ind-value"];a.forEach((a=>{switch(a){case"ind-value":if(!customElements.get(t(a))){customElements.define(t(a),o)}break}}))}s();export{o as I,s as d};
+//# sourceMappingURL=p-BInyhy9s.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["valueCss","IndValue","__stencil_proxyCustomElement","HTMLElement","value","unit","precision","alarm","trend","size","label","tag","formatted","this","Number","isFinite","undefined","toFixed","String","render","accessibleName","alarmSuffix","h","Host","key","role","class","part"],"sources":["src/components/atoms/value/value.css?tag=ind-value&encapsulation=shadow","src/components/atoms/value/value.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-sunken, #000);\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  min-width: 96px;\n  transition:\n    background-color var(--ind-motion-duration-base, 200ms),\n    border-color var(--ind-motion-duration-base, 200ms),\n    color var(--ind-motion-duration-base, 200ms);\n}\n\n.header {\n  display: flex;\n  gap: var(--ind-spacing-3, 6px);\n  align-items: baseline;\n  font-size: var(--ind-font-size-sm, 11px);\n  line-height: var(--ind-font-line-height-tight, 1.1);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  letter-spacing: 0.02em;\n}\n\n.label {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.readout {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-2, 4px);\n  line-height: 1;\n}\n\n.number {\n  font-family: var(--ind-font-family-mono);\n  font-weight: var(--ind-font-weight-bold, 700);\n  font-variant-numeric: tabular-nums;\n}\n\n.unit {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  font-weight: var(--ind-font-weight-medium, 500);\n}\n\n.trend {\n  font-size: var(--ind-font-size-md, 13px);\n  margin-left: var(--ind-spacing-2, 4px);\n}\n\n:host([size=\"sm\"]) .number { font-size: var(--ind-font-size-xl, 16px); }\n:host([size=\"md\"]) .number { font-size: var(--ind-font-size-2xl, 20px); }\n:host([size=\"lg\"]) .number { font-size: var(--ind-font-size-3xl, 28px); }\n\n/* Alarm highlight — uses the ISA-18.2 alarm tokens directly. */\n:host([alarm=\"high-high\"]) {\n  background: var(--ind-alarm-high-high-bg, #dc2626);\n  color: var(--ind-alarm-high-high-fg, #ffffff);\n  border-color: var(--ind-alarm-high-high-border, #f87171);\n}\n:host([alarm=\"high\"]) {\n  background: var(--ind-alarm-high-bg, #f59e0b);\n  color: var(--ind-alarm-high-fg, #000000);\n  border-color: var(--ind-alarm-high-border, #fcd34d);\n}\n:host([alarm=\"low\"]) {\n  background: var(--ind-alarm-low-bg, #0891b2);\n  color: var(--ind-alarm-low-fg, #ffffff);\n  border-color: var(--ind-alarm-low-border, #22d3ee);\n}\n:host([alarm=\"low-low\"]) {\n  background: var(--ind-alarm-low-low-bg, #7c3aed);\n  color: var(--ind-alarm-low-low-fg, #ffffff);\n  border-color: var(--ind-alarm-low-low-border, #a78bfa);\n}\n\n/* When in an alarm state, force every descendant to inherit the host color\n * (which is the high-contrast alarm fg, e.g. black on amber for \"high\").\n *\n * We have to override `.header` explicitly because it sets its own color —\n * otherwise `.label` and `.tag` inherit *from .header*, not from :host,\n * and stay at the original muted neutral color (broken contrast on alarm bg).\n */\n:host([alarm]:not([alarm=\"none\"])) .header,\n:host([alarm]:not([alarm=\"none\"])) .tag,\n:host([alarm]:not([alarm=\"none\"])) .label,\n:host([alarm]:not([alarm=\"none\"])) .unit {\n  color: inherit;\n}\n\n/* The tag identifies WHICH instrument is alarming — keep it at full opacity\n * so operators can read it at a glance. Label/unit can be slightly faded. */\n:host([alarm]:not([alarm=\"none\"])) .label,\n:host([alarm]:not([alarm=\"none\"])) .unit {\n  opacity: 0.85;\n}\n:host([alarm]:not([alarm=\"none\"])) .tag {\n  opacity: 1;\n  font-weight: var(--ind-font-weight-bold, 700);\n}\n\n:host([trend=\"up\"])     .trend { color: var(--ind-trend-up-fg, #fcd34d); }\n:host([trend=\"down\"])   .trend { color: var(--ind-trend-down-fg, #22d3ee); }\n:host([trend=\"stable\"]) .trend { color: var(--ind-trend-stable-fg, #8390a0); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ValueAlarm = 'none' | 'low-low' | 'low' | 'high' | 'high-high';\nexport type ValueTrend = 'none' | 'up' | 'down' | 'stable';\nexport type ValueSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-value',\n  styleUrl: 'value.css',\n  shadow: true,\n})\nexport class IndValue {\n  /** Raw value to display. Numeric values are formatted with `precision`. */\n  @Prop() value!: number | string;\n\n  /** Engineering unit shown after the number (e.g. \"bar\", \"°C\", \"m³/h\"). */\n  @Prop() unit?: string;\n\n  /** Decimal places when `value` is numeric. Default: as-is. */\n  @Prop() precision?: number;\n\n  /** Active alarm priority. Highlights the readout with the ISA-18.2 color. */\n  @Prop({ reflect: true }) alarm: ValueAlarm = 'none';\n\n  /** Process trend direction. Renders a small arrow next to the unit. */\n  @Prop({ reflect: true }) trend: ValueTrend = 'none';\n\n  /** Readout size — `lg` is appropriate for primary KPIs (uses the 3xl font). */\n  @Prop({ reflect: true }) size: ValueSize = 'md';\n\n  /** Human label shown above the number (e.g. \"Discharge pressure\"). */\n  @Prop() label?: string;\n\n  /** Equipment tag shown above the number (e.g. \"PT-101\"). */\n  @Prop() tag?: string;\n\n  private formatted(): string {\n    if (typeof this.value === 'string') return this.value;\n    if (!Number.isFinite(this.value)) return '--';\n    if (this.precision !== undefined) return this.value.toFixed(this.precision);\n    return String(this.value);\n  }\n\n  render() {\n    const accessibleName = this.label ?? this.tag ?? 'process value';\n    const alarmSuffix = this.alarm !== 'none' ? `, alarm ${this.alarm}` : '';\n    return (\n      <Host\n        role=\"group\"\n        aria-label={`${accessibleName}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}${alarmSuffix}`}\n        aria-live={this.alarm === 'high-high' ? 'assertive' : 'polite'}\n      >\n        {(this.tag || this.label) && (\n          <div class=\"header\" part=\"header\">\n            {this.tag && <span class=\"tag\" part=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          </div>\n        )}\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"number\" part=\"number\">{this.formatted()}</span>\n          {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n          {this.trend !== 'none' && (\n            <span class=\"trend\" part=\"trend\" aria-hidden=\"true\">\n              {this.trend === 'up' ? '▲' : this.trend === 'down' ? '▼' : '◆'}\n            </span>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAW,IAAM,u5F,MCWVC,EAAQC,EAAA,MAAAD,UAAAE,E,iFAEXC,MAGAC,KAGAC,UAGiBC,MAAoB,OAGpBC,MAAoB,OAGpBC,KAAkB,KAGnCC,MAGAC,IAEA,SAAAC,GACN,UAAWC,KAAKT,QAAU,SAAU,OAAOS,KAAKT,MAChD,IAAKU,OAAOC,SAASF,KAAKT,OAAQ,MAAO,KACzC,GAAIS,KAAKP,YAAcU,UAAW,OAAOH,KAAKT,MAAMa,QAAQJ,KAAKP,WACjE,OAAOY,OAAOL,KAAKT,M,CAGrB,MAAAe,GACE,MAAMC,EAAiBP,KAAKH,OAASG,KAAKF,KAAO,gBACjD,MAAMU,EAAcR,KAAKN,QAAU,OAAS,WAAWM,KAAKN,QAAU,GACtE,OACEe,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,aACA,GAAGL,MAAmBP,KAAKD,cAAcC,KAAKR,KAAO,IAAMQ,KAAKR,KAAO,KAAKgB,IAAa,YAC1FR,KAAKN,QAAU,YAAc,YAAc,WAEpDM,KAAKF,KAAOE,KAAKH,QACjBY,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,KAAK,UACtBd,KAAKF,KAAOW,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,OAAOd,KAAKF,KAC/CE,KAAKH,OAASY,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASd,KAAKH,QAG1DY,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAK,UAAUd,KAAKD,aACxCC,KAAKR,MAAQiB,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QAAQd,KAAKR,MAClDQ,KAAKL,QAAU,QACdc,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,QAAO,cAAa,QAC1Cd,KAAKL,QAAU,KAAO,IAAMK,KAAKL,QAAU,OAAS,IAAM,M","ignoreList":[]}

package/dist/components/p-BW8uYv_d.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as n,t as s}from"./index.js";const i=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const r=()=>`.glyph{fill:var(--_stroke);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-weight:var(--ind-font-weight-bold, 700);font-size:14px}.run-ring{fill:none;stroke:var(--_accent);stroke-width:2;stroke-dasharray:6 6;opacity:0;transform-origin:22px 24px}:host([state="running"]) .run-ring{opacity:1;animation:ind-motor-spin 3s linear infinite}@keyframes ind-motor-spin{to{transform:rotate(360deg)}}`;const o=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"motor";return a(n,{key:"1ee3962dd285d6202145155fde4296009c759444",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"07b47dd2b80f9d32ec4a54f82208cbf2fe1b6646",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"cf5b7ab9ab0e379c73f88708aae2388e344b29f1",class:"body",cx:"22",cy:"24",r:"14"}),a("line",{key:"bc02e341f6aa878c14b2de8abb022ca1d0cbdb15",class:"stroke",x1:"36",y1:"24",x2:"44",y2:"24"}),a("text",{key:"5d9165f5bfe7054ceda5807868198d03aed36829",class:"glyph",x:"22",y:"24","text-anchor":"middle","dominant-baseline":"central"},"M"),a("circle",{key:"cade6157f921fbf0d4281ba80e8991ebcb261c1e",class:"run-ring",cx:"22",cy:"24",r:"14"})),(this.tag||this.label)&&a("div",{key:"91d7a976ce7a5404243345155502e4f25a6d7990",class:"caption"},this.tag&&a("span",{key:"fc438469150d3430dda1c7eaa4d12c045c2fa184",class:"tag"},this.tag),this.label&&a("span",{key:"5980fecb73e38cc38bb266178a97937b0ad0abec",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-motor",{state:[513],size:[513],tag:[1],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-motor"];e.forEach((e=>{switch(e){case"ind-motor":if(!customElements.get(s(e))){customElements.define(s(e),o)}break}}))}d();export{o as I,d};
+//# sourceMappingURL=p-BW8uYv_d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","motorCss","IndMotor","__stencil_proxyCustomElement","HTMLElement","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","x1","y1","x2","y2","x","y"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-motor&encapsulation=shadow","src/components/atoms/motor/motor.css?tag=ind-motor&encapsulation=shadow","src/components/atoms/motor/motor.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".glyph {\n  fill: var(--_stroke);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-weight: var(--ind-font-weight-bold, 700);\n  font-size: 14px;\n}\n\n.run-ring {\n  fill: none;\n  stroke: var(--_accent);\n  stroke-width: 2;\n  stroke-dasharray: 6 6;\n  opacity: 0;\n  transform-origin: 22px 24px;\n}\n\n:host([state=\"running\"]) .run-ring {\n  opacity: 1;\n  animation: ind-motor-spin 3s linear infinite;\n}\n\n@keyframes ind-motor-spin {\n  to { transform: rotate(360deg); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-motor',\n  styleUrls: ['../_equipment/equipment.css', 'motor.css'],\n  shadow: true,\n})\nexport class IndMotor {\n  /** Process state. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"M-201\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'motor';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* ISA motor: circle with shaft and \"M\". */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"22\" cy=\"24\" r=\"14\" />\n          <line class=\"stroke\" x1=\"36\" y1=\"24\" x2=\"44\" y2=\"24\" />\n          <text class=\"glyph\" x=\"22\" y=\"24\" text-anchor=\"middle\" dominant-baseline=\"central\">M</text>\n          <circle class=\"run-ring\" cx=\"22\" cy=\"24\" r=\"14\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAW,IAAM,4Z,MCQVC,EAAQC,EAAA,MAAAD,UAAAE,E,iFAEMC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,QACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAE7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASK,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAChDZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQS,EAAE,KAAKC,EAAE,KAAI,cAAa,SAAQ,oBAAmB,WAAS,KAClFd,EAAA,UAAAE,IAAA,2CAAQE,MAAM,WAAWE,GAAG,KAAKC,GAAG,KAAKC,EAAE,SAE3CT,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

package/dist/components/p-BdjJnR7Z.js

@@ -0,0 +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:"b13f8d8cba0dcd5a588b0bbfc6cc776d7d793755"},n("label",{key:"4de3dcf49f2545cebdf6e54e8b902d2bac7edb08",class:"wrap",part:"wrap"},this.label&&n("span",{key:"ed9e56dc5a8fbf6ed04c6f404c5b040124e9b45a",class:"label",part:"label"},this.label),n("span",{key:"f142c37fc9eda28a25416688f9e26126741eb067",class:"field",part:"field"},n("select",{key:"0637c1a84e23da489c038a69d03677c715826a02",class:"native",part:"native",disabled:this.disabled,name:this.name,"aria-invalid":this.invalid?"true":"false",onChange:this.onChange},this.placeholder&&n("option",{key:"7d708bcabecc6295b6b2fe05080399612c7b0041",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:"a74a19b4fa9dd5593ae61e502340ad2839d188c9",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();export{d as I,o as d};
+//# sourceMappingURL=p-BdjJnR7Z.js.map

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

@@ -0,0 +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":[]}

package/dist/components/p-BfWZu0jH.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as a,a as s,t as i}from"./index.js";const n=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:120px}:host([size="sm"]){--_w:84px}:host([size="md"]){--_w:120px}:host([size="lg"]){--_w:168px}.gauge{width:var(--_w);height:var(--_w);display:block}.track{fill:none;stroke:var(--ind-surface-border-default, #2a3340);stroke-width:8;stroke-linecap:round}.zone{fill:none;stroke-width:8;stroke-linecap:butt}.needle{stroke:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke-width:2.5;stroke-linecap:round;transition:all var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}.hub{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.readout{display:inline-flex;align-items:baseline;gap:3px;margin-top:-28%}.number{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-size:var(--ind-font-size-xl, 16px);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}:host([size="lg"]) .number{font-size:var(--ind-font-size-2xl, 20px)}.unit{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted, #7a8694)}.label{margin-top:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}@media (prefers-reduced-motion: reduce){.needle{transition:none}}`;const r=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}value=0;min=0;max=100;zones=[];unit;label;precision;size="md";startAngle=135;sweep=270;cx=50;cy=50;r=40;valueToAngle(e){const t=this.max-this.min||1;const a=Math.min(1,Math.max(0,(e-this.min)/t));return this.startAngle+a*this.sweep}polar(e,t=this.r){const a=e*Math.PI/180;return{x:this.cx+t*Math.cos(a),y:this.cy+t*Math.sin(a)}}arc(e,t,a=this.r){const s=this.valueToAngle(e);const i=this.valueToAngle(t);const n=this.polar(s,a);const r=this.polar(i,a);const o=i-s>180?1:0;return`M ${n.x.toFixed(2)} ${n.y.toFixed(2)} A ${a} ${a} 0 ${o} 1 ${r.x.toFixed(2)} ${r.y.toFixed(2)}`}formatted(){if(!Number.isFinite(this.value))return"--";return this.precision!==undefined?this.value.toFixed(this.precision):String(this.value)}render(){const e=this.valueToAngle(this.value);const t=this.polar(e,this.r-6);const i=this.label??"gauge";return a(s,{key:"1dcc7b4a14620e9e67f62b4bb839de1c73c9eb28",role:"meter","aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-label":`${i}: ${this.formatted()}${this.unit?" "+this.unit:""}`},a("svg",{key:"835dadb8fe0ffcab0bd4f3dc62d7049a6a9d04dd",class:"gauge",part:"gauge",viewBox:"0 0 100 100","aria-hidden":"true"},a("path",{key:"440f32cf9718f31589b1c3320c3e5db538a5aaaf",class:"track",part:"track",d:this.arc(this.min,this.max)}),(this.zones??[]).map((e=>a("path",{class:"zone",d:this.arc(e.from,e.to),style:{stroke:e.color}}))),a("line",{key:"d7d4f7fc4137c2763d3d51f2e33bd4f833e8f349",class:"needle",part:"needle",x1:this.cx,y1:this.cy,x2:t.x,y2:t.y}),a("circle",{key:"f8e497fd70ab2f68f12d867efc41b45e8477ee7e",class:"hub",cx:this.cx,cy:this.cy,r:"3.5"})),a("div",{key:"e71f4f120c4a8618c54a4287a47e292375a1acad",class:"readout",part:"readout"},a("span",{key:"7cc72fe3205519521e18eb1cbc9d374101704d2d",class:"number",part:"number"},this.formatted()),this.unit&&a("span",{key:"2309b9b1c009a726af38381e8ad05aa8365f4109",class:"unit",part:"unit"},this.unit)),this.label&&a("span",{key:"2d7c584f453a5006f75d6b5f03af2d1e4a200a59",class:"label",part:"label"},this.label))}static get style(){return n()}},[513,"ind-gauge",{value:[2],min:[2],max:[2],zones:[16],unit:[1],label:[1],precision:[2],size:[513]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-gauge"];e.forEach((e=>{switch(e){case"ind-gauge":if(!customElements.get(i(e))){customElements.define(i(e),r)}break}}))}o();export{r as I,o as d};
+//# sourceMappingURL=p-BfWZu0jH.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["gaugeCss","IndGauge","__stencil_proxyCustomElement","HTMLElement","value","min","max","zones","unit","label","precision","size","startAngle","sweep","cx","cy","r","valueToAngle","v","span","this","ratio","Math","polar","angleDeg","radius","a","PI","x","cos","y","sin","arc","fromV","toV","a0","a1","p0","p1","large","toFixed","formatted","Number","isFinite","undefined","String","render","needleAngle","tip","name","h","Host","key","role","class","part","viewBox","d","map","z","from","to","style","stroke","color","x1","y1","x2","y2"],"sources":["src/components/atoms/gauge/gauge.css?tag=ind-gauge&encapsulation=shadow","src/components/atoms/gauge/gauge.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\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: 120px;\n}\n\n:host([size=\"sm\"]) { --_w: 84px; }\n:host([size=\"md\"]) { --_w: 120px; }\n:host([size=\"lg\"]) { --_w: 168px; }\n\n.gauge {\n  width: var(--_w);\n  height: var(--_w);\n  display: block;\n}\n\n.track {\n  fill: none;\n  stroke: var(--ind-surface-border-default, #2a3340);\n  stroke-width: 8;\n  stroke-linecap: round;\n}\n\n.zone {\n  fill: none;\n  stroke-width: 8;\n  stroke-linecap: butt;\n}\n\n.needle {\n  stroke: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  stroke-width: 2.5;\n  stroke-linecap: round;\n  transition: all var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n.hub {\n  fill: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n}\n\n.readout {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 3px;\n  margin-top: -28%;\n}\n\n.number {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-size: var(--ind-font-size-xl, 16px);\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\"]) .number { font-size: var(--ind-font-size-2xl, 20px); }\n\n.unit { font-size: var(--ind-font-size-xs, 10px); color: var(--ind-surface-text-muted, #7a8694); }\n\n.label {\n  margin-top: var(--ind-spacing-2, 4px);\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .needle { transition: none; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport interface GaugeZone {\n  from: number;\n  to: number;\n  /** CSS color or a state keyword resolved to a token. */\n  color: string;\n}\n\nexport type GaugeSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-gauge',\n  styleUrl: 'gauge.css',\n  shadow: true,\n})\nexport class IndGauge {\n  /** Current value. */\n  @Prop() value: number = 0;\n  /** Scale minimum. */\n  @Prop() min: number = 0;\n  /** Scale maximum. */\n  @Prop() max: number = 100;\n  /** Colored zones along the arc (e.g. green/amber/red bands). Pass as a property. */\n  @Prop() zones: GaugeZone[] = [];\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Label / tag rendered under the value. */\n  @Prop() label?: string;\n  /** Decimal places for the value. */\n  @Prop() precision?: number;\n  /** Size. */\n  @Prop({ reflect: true }) size: GaugeSize = 'md';\n\n  // 270° sweep from 135° (bottom-left) clockwise to 405°/45° (bottom-right).\n  private readonly startAngle = 135;\n  private readonly sweep = 270;\n  private readonly cx = 50;\n  private readonly cy = 50;\n  private readonly r = 40;\n\n  private valueToAngle(v: number): number {\n    const span = this.max - this.min || 1;\n    const ratio = Math.min(1, Math.max(0, (v - this.min) / span));\n    return this.startAngle + ratio * this.sweep;\n  }\n\n  private polar(angleDeg: number, radius = this.r): { x: number; y: number } {\n    const a = (angleDeg * Math.PI) / 180;\n    return { x: this.cx + radius * Math.cos(a), y: this.cy + radius * Math.sin(a) };\n  }\n\n  private arc(fromV: number, toV: number, radius = this.r): string {\n    const a0 = this.valueToAngle(fromV);\n    const a1 = this.valueToAngle(toV);\n    const p0 = this.polar(a0, radius);\n    const p1 = this.polar(a1, radius);\n    const large = a1 - a0 > 180 ? 1 : 0;\n    return `M ${p0.x.toFixed(2)} ${p0.y.toFixed(2)} A ${radius} ${radius} 0 ${large} 1 ${p1.x.toFixed(2)} ${p1.y.toFixed(2)}`;\n  }\n\n  private formatted(): string {\n    if (!Number.isFinite(this.value)) return '--';\n    return this.precision !== undefined ? this.value.toFixed(this.precision) : String(this.value);\n  }\n\n  render() {\n    const needleAngle = this.valueToAngle(this.value);\n    const tip = this.polar(needleAngle, this.r - 6);\n    const name = this.label ?? 'gauge';\n    return (\n      <Host\n        role=\"meter\"\n        aria-valuenow={this.value}\n        aria-valuemin={this.min}\n        aria-valuemax={this.max}\n        aria-label={`${name}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}`}\n      >\n        <svg class=\"gauge\" part=\"gauge\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <path class=\"track\" part=\"track\" d={this.arc(this.min, this.max)} />\n          {(this.zones ?? []).map((z) => (\n            <path class=\"zone\" d={this.arc(z.from, z.to)} style={{ stroke: z.color }} />\n          ))}\n          <line class=\"needle\" part=\"needle\" x1={this.cx} y1={this.cy} x2={tip.x} y2={tip.y} />\n          <circle class=\"hub\" cx={this.cx} cy={this.cy} r=\"3.5\" />\n        </svg>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"number\" part=\"number\">{this.formatted()}</span>\n          {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n        </div>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAW,IAAM,47C,MCgBVC,EAAQC,EAAA,MAAAD,UAAAE,E,iFAEXC,MAAgB,EAEhBC,IAAc,EAEdC,IAAc,IAEdC,MAAqB,GAErBC,KAEAC,MAEAC,UAEiBC,KAAkB,KAG1BC,WAAa,IACbC,MAAQ,IACRC,GAAK,GACLC,GAAK,GACLC,EAAI,GAEb,YAAAC,CAAaC,GACnB,MAAMC,EAAOC,KAAKd,IAAMc,KAAKf,KAAO,EACpC,MAAMgB,EAAQC,KAAKjB,IAAI,EAAGiB,KAAKhB,IAAI,GAAIY,EAAIE,KAAKf,KAAOc,IACvD,OAAOC,KAAKR,WAAaS,EAAQD,KAAKP,K,CAGhC,KAAAU,CAAMC,EAAkBC,EAASL,KAAKJ,GAC5C,MAAMU,EAAKF,EAAWF,KAAKK,GAAM,IACjC,MAAO,CAAEC,EAAGR,KAAKN,GAAKW,EAASH,KAAKO,IAAIH,GAAII,EAAGV,KAAKL,GAAKU,EAASH,KAAKS,IAAIL,G,CAGrE,GAAAM,CAAIC,EAAeC,EAAaT,EAASL,KAAKJ,GACpD,MAAMmB,EAAKf,KAAKH,aAAagB,GAC7B,MAAMG,EAAKhB,KAAKH,aAAaiB,GAC7B,MAAMG,EAAKjB,KAAKG,MAAMY,EAAIV,GAC1B,MAAMa,EAAKlB,KAAKG,MAAMa,EAAIX,GAC1B,MAAMc,EAAQH,EAAKD,EAAK,IAAM,EAAI,EAClC,MAAO,KAAKE,EAAGT,EAAEY,QAAQ,MAAMH,EAAGP,EAAEU,QAAQ,QAAQf,KAAUA,OAAYc,OAAWD,EAAGV,EAAEY,QAAQ,MAAMF,EAAGR,EAAEU,QAAQ,I,CAG/G,SAAAC,GACN,IAAKC,OAAOC,SAASvB,KAAKhB,OAAQ,MAAO,KACzC,OAAOgB,KAAKV,YAAckC,UAAYxB,KAAKhB,MAAMoC,QAAQpB,KAAKV,WAAamC,OAAOzB,KAAKhB,M,CAGzF,MAAA0C,GACE,MAAMC,EAAc3B,KAAKH,aAAaG,KAAKhB,OAC3C,MAAM4C,EAAM5B,KAAKG,MAAMwB,EAAa3B,KAAKJ,EAAI,GAC7C,MAAMiC,EAAO7B,KAAKX,OAAS,QAC3B,OACEyC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,gBACGjC,KAAKhB,MAAK,gBACVgB,KAAKf,IAAG,gBACRe,KAAKd,IAAG,aACX,GAAG2C,MAAS7B,KAAKqB,cAAcrB,KAAKZ,KAAO,IAAMY,KAAKZ,KAAO,MAEzE0C,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQC,KAAK,QAAQC,QAAQ,cAAa,cAAa,QAChEN,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,QAAQE,EAAGrC,KAAKY,IAAIZ,KAAKf,IAAKe,KAAKd,QAC1Dc,KAAKb,OAAS,IAAImD,KAAKC,GACvBT,EAAA,QAAMI,MAAM,OAAOG,EAAGrC,KAAKY,IAAI2B,EAAEC,KAAMD,EAAEE,IAAKC,MAAO,CAAEC,OAAQJ,EAAEK,WAEnEd,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAK,SAASU,GAAI7C,KAAKN,GAAIoD,GAAI9C,KAAKL,GAAIoD,GAAInB,EAAIpB,EAAGwC,GAAIpB,EAAIlB,IAChFoB,EAAA,UAAAE,IAAA,2CAAQE,MAAM,MAAMxC,GAAIM,KAAKN,GAAIC,GAAIK,KAAKL,GAAIC,EAAE,SAElDkC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAK,UAAUnC,KAAKqB,aACxCrB,KAAKZ,MAAQ0C,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QAAQnC,KAAKZ,OAEpDY,KAAKX,OAASyC,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASnC,KAAKX,O","ignoreList":[]}

package/dist/components/p-Bo4OFmkA.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,c as t,h as i,a as s,t as n}from"./index.js";import{d as r}from"./p-CRSC4h1X.js";import{d}from"./p-BdjJnR7Z.js";const o=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const l=()=>`:host{min-width:240px}.row{display:flex;align-items:flex-end;gap:var(--ind-spacing-4, 8px)}.select{flex:1 1 auto}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=t(this,"indChange");this.indLoad=t(this,"indLoad")}label="Recipe";options=[];value;placeholder="Select recipe…";disabled=false;loadLabel="Load";indChange;indLoad;onChange=e=>{e.stopPropagation();this.value=e.detail;this.indChange.emit(e.detail)};onLoad=()=>{if(this.value)this.indLoad.emit(this.value)};render(){return i(s,{key:"61ac596cfd2c70314612f2fe0d74820809619d07"},i("span",{key:"f24e008646cda3e75eb767712be048486b8bfb98",class:"card-title",part:"label"},this.label),i("div",{key:"9c49c3a8a4a79fb4035d788de2967c46df5035fb",class:"row",part:"row"},i("ind-select",{key:"f263602837657a924170225007485c4c1d416039",class:"select",part:"select",options:this.options,value:this.value,placeholder:this.placeholder,disabled:this.disabled,label:this.label,size:"md",onIndChange:this.onChange}),i("ind-button",{key:"6ec7f8b8b50e3565eaa711c3da1b3d40b811a996",variant:"primary",size:"md",label:this.loadLabel,disabled:this.disabled||!this.value,onIndActivate:this.onLoad})))}static get style(){return o()+l()}},[513,"ind-recipe-selector",{label:[1],options:[16],value:[1025],placeholder:[1],disabled:[4],loadLabel:[1,"load-label"]}]);function f(){if(typeof customElements==="undefined"){return}const e=["ind-recipe-selector","ind-button","ind-select"];e.forEach((e=>{switch(e){case"ind-recipe-selector":if(!customElements.get(n(e))){customElements.define(n(e),c)}break;case"ind-button":if(!customElements.get(n(e))){r()}break;case"ind-select":if(!customElements.get(n(e))){d()}break}}))}f();export{c as I,f as d};
+//# sourceMappingURL=p-Bo4OFmkA.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","recipeSelectorCss","IndRecipeSelector","__stencil_proxyCustomElement","HTMLElement","label","options","value","placeholder","disabled","loadLabel","indChange","indLoad","onChange","e","stopPropagation","this","detail","emit","onLoad","render","h","Host","key","class","part","size","onIndChange","variant","onIndActivate"],"sources":["src/components/molecules/_shared/card.css?tag=ind-recipe-selector&encapsulation=shadow","src/components/molecules/recipe-selector/recipe-selector.css?tag=ind-recipe-selector&encapsulation=shadow","src/components/molecules/recipe-selector/recipe-selector.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 240px;\n}\n\n.row {\n  display: flex;\n  align-items: flex-end;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.select {\n  flex: 1 1 auto;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { SelectOption } from '../../atoms/select/select';\n\n/**\n * Recipe / program picker: an `<ind-select>` plus a Load command. Emits\n * `indChange` as the selection changes and `indLoad` when the operator\n * commits the recipe to the controller.\n */\n@Component({\n  tag: 'ind-recipe-selector',\n  styleUrls: ['../_shared/card.css', 'recipe-selector.css'],\n  shadow: true,\n})\nexport class IndRecipeSelector {\n  /** Control label. */\n  @Prop() label: string = 'Recipe';\n  /** Available recipes. */\n  @Prop() options: SelectOption[] = [];\n  /** Selected recipe value (two-way). */\n  @Prop({ mutable: true }) value?: string;\n  @Prop() placeholder: string = 'Select recipe…';\n  @Prop() disabled: boolean = false;\n  @Prop() loadLabel: string = 'Load';\n\n  /** Fires when the selection changes. */\n  @Event() indChange!: EventEmitter<string>;\n  /** Fires when the operator loads the selected recipe. */\n  @Event() indLoad!: EventEmitter<string>;\n\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  private onLoad = () => {\n    if (this.value) this.indLoad.emit(this.value);\n  };\n\n  render() {\n    return (\n      <Host>\n        <span class=\"card-title\" part=\"label\">{this.label}</span>\n        <div class=\"row\" part=\"row\">\n          <ind-select\n            class=\"select\"\n            part=\"select\"\n            options={this.options}\n            value={this.value}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            label={this.label}\n            size=\"md\"\n            onIndChange={this.onChange}\n          />\n          <ind-button\n            variant=\"primary\"\n            size=\"md\"\n            label={this.loadLabel}\n            disabled={this.disabled || !this.value}\n            onIndActivate={this.onLoad}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAoB,IAAM,oH,MCanBC,EAAiBC,EAAA,MAAAD,UAAAE,E,mJAEpBC,MAAgB,SAEhBC,QAA0B,GAETC,MACjBC,YAAsB,iBACtBC,SAAoB,MACpBC,UAAoB,OAGnBC,UAEAC,QAEDC,SAAYC,IAClBA,EAAEC,kBACFC,KAAKT,MAAQO,EAAEG,OACfD,KAAKL,UAAUO,KAAKJ,EAAEG,OAAO,EAGvBE,OAAS,KACf,GAAIH,KAAKT,MAAOS,KAAKJ,QAAQM,KAAKF,KAAKT,MAAM,EAG/C,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaC,KAAK,SAAST,KAAKX,OAC5CgB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,MAAMC,KAAK,OACpBJ,EAAA,cAAAE,IAAA,2CACEC,MAAM,SACNC,KAAK,SACLnB,QAASU,KAAKV,QACdC,MAAOS,KAAKT,MACZC,YAAaQ,KAAKR,YAClBC,SAAUO,KAAKP,SACfJ,MAAOW,KAAKX,MACZqB,KAAK,KACLC,YAAaX,KAAKH,WAEpBQ,EAAA,cAAAE,IAAA,2CACEK,QAAQ,UACRF,KAAK,KACLrB,MAAOW,KAAKN,UACZD,SAAUO,KAAKP,WAAaO,KAAKT,MACjCsB,cAAeb,KAAKG,U","ignoreList":[]}

package/dist/components/p-CA0CnZe7.js

@@ -0,0 +1,2 @@
+import{p as t,H as a,h as i,a as n,t as e}from"./index.js";const r=()=>`:host{display:grid;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom:1px solid var(--ind-surface-border-subtle);box-sizing:border-box;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.time{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));white-space:nowrap}.tag{font-family:var(--ind-font-family-mono);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));white-space:nowrap}.msg{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;const s=()=>`:host{grid-template-columns:1fr auto auto}.value{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-medium, 500);text-align:right}.unit{color:var(--ind-surface-text-secondary);font-weight:var(--ind-font-weight-regular, 400)}.quality{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.04em;padding:1px 5px;border-radius:var(--ind-radius-sm, 2px);white-space:nowrap}.quality-good{color:var(--ind-state-running-bg, #16a34a);background:color-mix(in srgb, var(--ind-state-running-bg, #16a34a) 16%, transparent)}.quality-uncertain{color:var(--ind-state-warning-bg, #f59e0b);background:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 16%, transparent)}.quality-bad{color:var(--ind-state-fault-bg, #dc2626);background:color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 16%, transparent)}`;const o={good:"Good",uncertain:"Uncertain",bad:"Bad"};const d=t(class t extends a{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}time;value;unit;precision;quality="good";formatted(){if(typeof this.value==="string")return this.value;if(!Number.isFinite(this.value))return"--";if(this.precision!==undefined)return this.value.toFixed(this.precision);return String(this.value)}render(){return i(n,{key:"0f9964bb0b57a48ec321af617c73c49bbdba379f",role:"row","aria-label":`${this.time}: ${this.formatted()} ${this.unit??""}, ${o[this.quality]}`},i("span",{key:"17f0412c066e28d2c00c8a87296aeb0898b4e1b0",class:"time",part:"time"},this.time),i("span",{key:"01a0b99d35321fe7fbc2579b75dc34b438aa695b",class:"value",part:"value"},this.formatted(),this.unit&&i("span",{key:"b778bcf0adcf60bd0c6826bc886b31a2dfc1e92b",class:"unit",part:"unit"}," ",this.unit)),i("span",{key:"9145c8be49a4e8f4f8f000a0888a61fe06858dfa",class:`quality quality-${this.quality}`,part:"quality"},o[this.quality]))}static get style(){return r()+s()}},[513,"ind-historical-value-row",{time:[1],value:[8],unit:[1],precision:[2],quality:[513]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ind-historical-value-row"];t.forEach((t=>{switch(t){case"ind-historical-value-row":if(!customElements.get(e(t))){customElements.define(e(t),d)}break}}))}c();export{d as I,c as d};
+//# sourceMappingURL=p-CA0CnZe7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["rowCss","historicalValueRowCss","QUALITY_LABEL","good","uncertain","bad","IndHistoricalValueRow","__stencil_proxyCustomElement","HTMLElement","time","value","unit","precision","quality","formatted","this","Number","isFinite","undefined","toFixed","String","render","h","Host","key","role","class","part"],"sources":["src/components/molecules/_shared/row.css?tag=ind-historical-value-row&encapsulation=shadow","src/components/molecules/historical-value-row/historical-value-row.css?tag=ind-historical-value-row&encapsulation=shadow","src/components/molecules/historical-value-row/historical-value-row.tsx"],"sourcesContent":["/* Shared chrome for log-style molecule rows (alarm, event, audit, historical).\n * Each component sets its own grid-template-columns. */\n:host {\n  display: grid;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);\n  font-family: var(--ind-font-family-sans);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  box-sizing: border-box;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.time {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  white-space: nowrap;\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  white-space: nowrap;\n}\n\n.msg {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n",":host {\n  grid-template-columns: 1fr auto auto;\n}\n\n.value {\n  font-family: var(--ind-font-family-mono);\n  font-weight: var(--ind-font-weight-medium, 500);\n  text-align: right;\n}\n\n.unit {\n  color: var(--ind-surface-text-secondary);\n  font-weight: var(--ind-font-weight-regular, 400);\n}\n\n.quality {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  padding: 1px 5px;\n  border-radius: var(--ind-radius-sm, 2px);\n  white-space: nowrap;\n}\n\n.quality-good { color: var(--ind-state-running-bg, #16a34a); background: color-mix(in srgb, var(--ind-state-running-bg, #16a34a) 16%, transparent); }\n.quality-uncertain { color: var(--ind-state-warning-bg, #f59e0b); background: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 16%, transparent); }\n.quality-bad { color: var(--ind-state-fault-bg, #dc2626); background: color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 16%, transparent); }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type DataQuality = 'good' | 'uncertain' | 'bad';\n\nconst QUALITY_LABEL: Record<DataQuality, string> = {\n  good: 'Good',\n  uncertain: 'Uncertain',\n  bad: 'Bad',\n};\n\n/**\n * One sample in a historical / trend table: timestamp, value with unit and an\n * OPC-style data quality flag. Read-only.\n */\n@Component({\n  tag: 'ind-historical-value-row',\n  styleUrls: ['../_shared/row.css', 'historical-value-row.css'],\n  shadow: true,\n})\nexport class IndHistoricalValueRow {\n  /** Pre-formatted timestamp. */\n  @Prop() time!: string;\n  /** Sample value. */\n  @Prop() value!: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places when numeric. */\n  @Prop() precision?: number;\n  /** Data quality flag. */\n  @Prop({ reflect: true }) quality: DataQuality = 'good';\n\n  private formatted(): string {\n    if (typeof this.value === 'string') return this.value;\n    if (!Number.isFinite(this.value)) return '--';\n    if (this.precision !== undefined) return this.value.toFixed(this.precision);\n    return String(this.value);\n  }\n\n  render() {\n    return (\n      <Host role=\"row\" aria-label={`${this.time}: ${this.formatted()} ${this.unit ?? ''}, ${QUALITY_LABEL[this.quality]}`}>\n        <span class=\"time\" part=\"time\">{this.time}</span>\n        <span class=\"value\" part=\"value\">\n          {this.formatted()}\n          {this.unit && <span class=\"unit\" part=\"unit\"> {this.unit}</span>}\n        </span>\n        <span class={`quality quality-${this.quality}`} part=\"quality\">{QUALITY_LABEL[this.quality]}</span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAS,IAAM,oyBCArB,MAAMC,EAAwB,IAAM,43BCIpC,MAAMC,EAA6C,CACjDC,KAAM,OACNC,UAAW,YACXC,IAAK,O,MAYMC,EAAqBC,EAAA,MAAAD,UAAAE,E,iFAExBC,KAEAC,MAEAC,KAEAC,UAEiBC,QAAuB,OAExC,SAAAC,GACN,UAAWC,KAAKL,QAAU,SAAU,OAAOK,KAAKL,MAChD,IAAKM,OAAOC,SAASF,KAAKL,OAAQ,MAAO,KACzC,GAAIK,KAAKH,YAAcM,UAAW,OAAOH,KAAKL,MAAMS,QAAQJ,KAAKH,WACjE,OAAOQ,OAAOL,KAAKL,M,CAGrB,MAAAW,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGV,KAAKN,SAASM,KAAKD,eAAeC,KAAKJ,MAAQ,OAAOT,EAAca,KAAKF,YACvGS,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QAAQZ,KAAKN,MACrCa,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACtBZ,KAAKD,YACLC,KAAKJ,MAAQW,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QAAM,IAAGZ,KAAKJ,OAEtDW,EAAA,QAAAE,IAAA,2CAAME,MAAO,mBAAmBX,KAAKF,UAAWc,KAAK,WAAWzB,EAAca,KAAKF,U","ignoreList":[]}

package/dist/components/p-CDXZCm5V.js

@@ -0,0 +1,2 @@
+import{p as e,H as i,c as s,h as a,a as t,t as r}from"./index.js";const n=()=>`:host{display:inline-flex;flex-direction:column;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))}.group-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.04em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.switch{display:inline-flex;padding:2px;background:var(--ind-surface-sunken, light-dark(#fff, #000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px)}.switch:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:2px}.pos{appearance:none;border:none;background:none;cursor:pointer;padding:var(--ind-spacing-2, 4px) var(--ind-spacing-4, 8px);font-family:inherit;font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:0.03em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));border-radius:var(--ind-radius-sm, 2px);transition:background-color var(--ind-motion-duration-fast, 120ms) ease}.pos:hover:not(:disabled){color:var(--ind-surface-text-primary, #eef1f5)}.pos.is-active{background:var(--ind-state-running-bg, #16a34a);color:var(--ind-state-running-fg, #fff)}:host([disabled]){opacity:0.5}.pos:disabled{cursor:not-allowed}`;const o=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indChange=s(this,"indChange")}positions=[];value;disabled=false;label;indChange;select(e){if(this.disabled||e===this.value)return;this.value=e;this.indChange.emit(e)}onKey=e=>{const i=this.positions??[];if(i.length===0)return;const s=i.findIndex((e=>e.value===this.value));if(e.key==="ArrowRight"||e.key==="ArrowDown"){e.preventDefault();this.select(i[Math.min(i.length-1,s+1)]?.value??i[0].value)}else if(e.key==="ArrowLeft"||e.key==="ArrowUp"){e.preventDefault();this.select(i[Math.max(0,s-1)]?.value??i[0].value)}};render(){const e=this.positions??[];return a(t,{key:"9fdb192691776ef8692939e70840c679b495b002"},this.label&&a("span",{key:"f2f1b7541177cae7565a435e3a3effaf1a96a314",class:"group-label",part:"group-label"},this.label),a("div",{key:"b197eca164ed807d22aaab23bb3686d59641137e",class:"switch",part:"switch",role:"radiogroup","aria-label":this.label,"aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?undefined:"0",onKeyDown:this.onKey},e.map((e=>a("button",{type:"button",class:{pos:true,"is-active":e.value===this.value},part:"position",role:"radio","aria-checked":e.value===this.value?"true":"false",disabled:this.disabled,tabindex:"-1",onClick:()=>this.select(e.value)},e.label)))))}static get style(){return n()}},[513,"ind-selector-switch",{positions:[16],value:[1537],disabled:[516],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-selector-switch"];e.forEach((e=>{switch(e){case"ind-selector-switch":if(!customElements.get(r(e))){customElements.define(r(e),o)}break}}))}d();export{o as I,d};
+//# sourceMappingURL=p-CDXZCm5V.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["selectorSwitchCss","IndSelectorSwitch","__stencil_proxyCustomElement","HTMLElement","positions","value","disabled","label","indChange","select","this","emit","onKey","e","pos","length","idx","findIndex","p","key","preventDefault","Math","min","max","render","h","Host","class","part","role","tabindex","undefined","onKeyDown","map","type","onClick"],"sources":["src/components/atoms/selector-switch/selector-switch.css?tag=ind-selector-switch&encapsulation=shadow","src/components/atoms/selector-switch/selector-switch.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  flex-direction: column;\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}\n\n.group-label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.switch {\n  display: inline-flex;\n  padding: 2px;\n  background: var(--ind-surface-sunken, light-dark(#fff, #000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n}\n\n.switch:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 2px;\n}\n\n.pos {\n  appearance: none;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-4, 8px);\n  font-family: inherit;\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  border-radius: var(--ind-radius-sm, 2px);\n  transition: background-color var(--ind-motion-duration-fast, 120ms) ease;\n}\n\n.pos:hover:not(:disabled) { color: var(--ind-surface-text-primary, #eef1f5); }\n\n.pos.is-active {\n  background: var(--ind-state-running-bg, #16a34a);\n  color: var(--ind-state-running-fg, #fff);\n}\n\n:host([disabled]) { opacity: 0.5; }\n.pos:disabled { cursor: not-allowed; }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport interface SelectorPosition {\n  value: string;\n  label: string;\n}\n\n@Component({\n  tag: 'ind-selector-switch',\n  styleUrl: 'selector-switch.css',\n  shadow: true,\n})\nexport class IndSelectorSwitch {\n  /** Discrete positions, e.g. OFF / HAND / AUTO. Pass as a property. */\n  @Prop() positions: SelectorPosition[] = [];\n  /** Selected position value. */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Group label. */\n  @Prop() label?: string;\n\n  /** Fires when a position is selected. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private select(value: string) {\n    if (this.disabled || value === this.value) return;\n    this.value = value;\n    this.indChange.emit(value);\n  }\n\n  private onKey = (e: KeyboardEvent) => {\n    const pos = this.positions ?? [];\n    if (pos.length === 0) return;\n    const idx = pos.findIndex((p) => p.value === this.value);\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      e.preventDefault();\n      this.select(pos[Math.min(pos.length - 1, idx + 1)]?.value ?? pos[0].value);\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      this.select(pos[Math.max(0, idx - 1)]?.value ?? pos[0].value);\n    }\n  };\n\n  render() {\n    const positions = this.positions ?? [];\n    return (\n      <Host>\n        {this.label && <span class=\"group-label\" part=\"group-label\">{this.label}</span>}\n        <div\n          class=\"switch\"\n          part=\"switch\"\n          role=\"radiogroup\"\n          aria-label={this.label}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          tabindex={this.disabled ? undefined : '0'}\n          onKeyDown={this.onKey}\n        >\n          {positions.map((p) => (\n            <button\n              type=\"button\"\n              class={{ pos: true, 'is-active': p.value === this.value }}\n              part=\"position\"\n              role=\"radio\"\n              aria-checked={p.value === this.value ? 'true' : 'false'}\n              disabled={this.disabled}\n              tabindex=\"-1\"\n              onClick={() => this.select(p.value)}\n            >\n              {p.label}\n            </button>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAoB,IAAM,s2C,MCYnBC,EAAiBC,EAAA,MAAAD,UAAAE,E,oHAEpBC,UAAgC,GAEAC,MAEfC,SAAoB,MAErCC,MAGCC,UAED,MAAAC,CAAOJ,GACb,GAAIK,KAAKJ,UAAYD,IAAUK,KAAKL,MAAO,OAC3CK,KAAKL,MAAQA,EACbK,KAAKF,UAAUG,KAAKN,E,CAGdO,MAASC,IACf,MAAMC,EAAMJ,KAAKN,WAAa,GAC9B,GAAIU,EAAIC,SAAW,EAAG,OACtB,MAAMC,EAAMF,EAAIG,WAAWC,GAAMA,EAAEb,QAAUK,KAAKL,QAClD,GAAIQ,EAAEM,MAAQ,cAAgBN,EAAEM,MAAQ,YAAa,CACnDN,EAAEO,iBACFV,KAAKD,OAAOK,EAAIO,KAAKC,IAAIR,EAAIC,OAAS,EAAGC,EAAM,KAAKX,OAASS,EAAI,GAAGT,M,MAC/D,GAAIQ,EAAEM,MAAQ,aAAeN,EAAEM,MAAQ,UAAW,CACvDN,EAAEO,iBACFV,KAAKD,OAAOK,EAAIO,KAAKE,IAAI,EAAGP,EAAM,KAAKX,OAASS,EAAI,GAAGT,M,GAI3D,MAAAmB,GACE,MAAMpB,EAAYM,KAAKN,WAAa,GACpC,OACEqB,EAACC,EAAI,CAAAP,IAAA,4CACFT,KAAKH,OAASkB,EAAA,QAAAN,IAAA,2CAAMQ,MAAM,cAAcC,KAAK,eAAelB,KAAKH,OAClEkB,EAAA,OAAAN,IAAA,2CACEQ,MAAM,SACNC,KAAK,SACLC,KAAK,aAAY,aACLnB,KAAKH,MAAK,gBACPG,KAAKJ,SAAW,OAAS,QACxCwB,SAAUpB,KAAKJ,SAAWyB,UAAY,IACtCC,UAAWtB,KAAKE,OAEfR,EAAU6B,KAAKf,GACdO,EAAA,UACES,KAAK,SACLP,MAAO,CAAEb,IAAK,KAAM,YAAaI,EAAEb,QAAUK,KAAKL,OAClDuB,KAAK,WACLC,KAAK,QAAO,eACEX,EAAEb,QAAUK,KAAKL,MAAQ,OAAS,QAChDC,SAAUI,KAAKJ,SACfwB,SAAS,KACTK,QAAS,IAAMzB,KAAKD,OAAOS,EAAEb,QAE5Ba,EAAEX,U","ignoreList":[]}

package/dist/components/p-CICnxqic.js

@@ -0,0 +1,2 @@
+import{p as a,H as t,c as e,h as i,a as s,t as n}from"./index.js";import{d as r}from"./p-BFESjyKK.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const o=()=>`:host{min-width:200px}`;const c=a(class a extends t{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow();this.indChange=e(this,"indChange")}label;tag;value=0;pv;min=0;max=100;step=1;precision=1;unit;disabled=false;indChange;onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};render(){return i(s,{key:"a6091cd6497dc1d0abd32698d292749786a7525c"},i("div",{key:"831770826b79f2ca972316ec765a98b285ea091b",class:"card-head"},i("span",{key:"0b054a8d1416af350b64aa32782297a98018db73",class:"card-title",part:"label"},this.label),this.tag&&i("span",{key:"dcea211c1f57ff5293cb529a661fa6d802c7db7c",class:"card-tag",part:"tag"},this.tag)),i("ind-setpoint",{key:"43d80a38384b59031190feeec6dfbe9d52ff1d12",part:"setpoint",value:this.value,pv:this.pv,min:this.min,max:this.max,step:this.step,precision:this.precision,unit:this.unit,disabled:this.disabled,size:"md",onIndChange:this.onChange}))}static get style(){return d()+o()}},[513,"ind-setpoint-control",{label:[1],tag:[1],value:[1026],pv:[2],min:[2],max:[2],step:[2],precision:[2],unit:[1],disabled:[4]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-setpoint-control","ind-setpoint"];a.forEach((a=>{switch(a){case"ind-setpoint-control":if(!customElements.get(n(a))){customElements.define(n(a),c)}break;case"ind-setpoint":if(!customElements.get(n(a))){r()}break}}))}l();export{c as I,l as d};
+//# sourceMappingURL=p-CICnxqic.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","setpointControlCss","IndSetpointControl","__stencil_proxyCustomElement","HTMLElement","label","tag","value","pv","min","max","step","precision","unit","disabled","indChange","onChange","e","stopPropagation","this","detail","emit","render","h","Host","key","class","part","size","onIndChange"],"sources":["src/components/molecules/_shared/card.css?tag=ind-setpoint-control&encapsulation=shadow","src/components/molecules/setpoint-control/setpoint-control.css?tag=ind-setpoint-control&encapsulation=shadow","src/components/molecules/setpoint-control/setpoint-control.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 200px;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n/**\n * Labelled setpoint faceplate. Wraps `<ind-setpoint>` (SP vs PV) with a title\n * and re-emits the committed value so a parent can write it to the controller.\n */\n@Component({\n  tag: 'ind-setpoint-control',\n  styleUrls: ['../_shared/card.css', 'setpoint-control.css'],\n  shadow: true,\n})\nexport class IndSetpointControl {\n  /** Control name (e.g. \"Discharge pressure SP\"). */\n  @Prop() label!: string;\n  /** Tag of the loop (e.g. \"PIC-101\"). */\n  @Prop() tag?: string;\n  /** Target setpoint (two-way). */\n  @Prop({ mutable: true }) value: number = 0;\n  /** Live process value for comparison. */\n  @Prop() pv?: number;\n  @Prop() min: number = 0;\n  @Prop() max: number = 100;\n  @Prop() step: number = 1;\n  @Prop() precision: number = 1;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  @Prop() disabled: boolean = false;\n\n  /** Fires with the new setpoint when the operator commits a change. */\n  @Event() indChange!: EventEmitter<number>;\n\n  private onChange = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <ind-setpoint\n          part=\"setpoint\"\n          value={this.value}\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          disabled={this.disabled}\n          size=\"md\"\n          onIndChange={this.onChange}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"sGAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAqB,IAAM,yB,MCWpBC,EAAkBC,EAAA,MAAAD,UAAAE,E,oHAErBC,MAEAC,IAEiBC,MAAgB,EAEjCC,GACAC,IAAc,EACdC,IAAc,IACdC,KAAe,EACfC,UAAoB,EAEpBC,KACAC,SAAoB,MAGnBC,UAEDC,SAAYC,IAClBA,EAAEC,kBACFC,KAAKZ,MAAQU,EAAEG,OACfD,KAAKJ,UAAUM,KAAKJ,EAAEG,OAAO,EAG/B,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaC,KAAK,SAASR,KAAKd,OAC3Cc,KAAKb,KAAOiB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWC,KAAK,OAAOR,KAAKb,MAEvDiB,EAAA,gBAAAE,IAAA,2CACEE,KAAK,WACLpB,MAAOY,KAAKZ,MACZC,GAAIW,KAAKX,GACTC,IAAKU,KAAKV,IACVC,IAAKS,KAAKT,IACVC,KAAMQ,KAAKR,KACXC,UAAWO,KAAKP,UAChBC,KAAMM,KAAKN,KACXC,SAAUK,KAAKL,SACfc,KAAK,KACLC,YAAaV,KAAKH,W","ignoreList":[]}

package/dist/components/p-CJi2bLBO.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as i,t as s}from"./index.js";import{d as r}from"./p-BW8uYv_d.js";import{d as n}from"./p-BInyhy9s.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const o=()=>`.body{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.symbol{flex:0 0 auto}.metrics{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);margin-left:auto;align-items:flex-end;text-align:right}`;const c=()=>`:host{min-width:200px}`;const l=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}tag;label;state="stopped";speed;current;load;render(){const a=this.label??this.tag??"Motor";return t(i,{key:"71d47740db2ceab165ac349e77aa05332d6307b2",role:"group","aria-label":`${a} — ${this.state}`},t("div",{key:"8fae992272f6041a487d589a98377721715cbf7e",class:"card-head"},t("span",{key:"8e60fb2c1764646b247bf6639330e905768e97fc",class:"card-title",part:"label"},a),this.tag&&t("span",{key:"093e30f926336401c6c2bee0fd076cd1b1670591",class:"card-tag",part:"tag"},this.tag)),t("div",{key:"9630066ab4fcc87b12cc3b7d765bc5cd9a993fd1",class:"body",part:"body"},t("ind-motor",{key:"45deb69064fea96890646b2b3c153cb6c1f46143",class:"symbol",state:this.state,size:"md"}),t("div",{key:"038f877e3d154bb7a6150b97c015a9843666c2fc",class:"metrics",part:"metrics"},this.speed!==undefined&&t("ind-value",{key:"202763a0f2f38f3338868867699e11a0863ad73b",value:this.speed,unit:"rpm",precision:0,label:"Speed",size:"md"}),this.current!==undefined&&t("ind-value",{key:"69c9c6c769b16768dcf75b70e509736fb2c41f26",value:this.current,unit:"A",precision:1,label:"Current",size:"sm"}),this.load!==undefined&&t("ind-value",{key:"1b8eda905a846b08d85d92c79c866eb43a8413e0",value:this.load,unit:"%",precision:0,label:"Load",size:"sm"}))))}static get style(){return d()+(o()+c())}},[513,"ind-motor-card",{tag:[1],label:[1],state:[513],speed:[2],current:[2],load:[2]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ind-motor-card","ind-motor","ind-value"];a.forEach((a=>{switch(a){case"ind-motor-card":if(!customElements.get(s(a))){customElements.define(s(a),l)}break;case"ind-motor":if(!customElements.get(s(a))){r()}break;case"ind-value":if(!customElements.get(s(a))){n()}break}}))}f();export{l as I,f as d};
+//# sourceMappingURL=p-CJi2bLBO.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","equipmentCardCss","motorCardCss","IndMotorCard","__stencil_proxyCustomElement","HTMLElement","tag","label","state","speed","current","load","render","name","this","h","Host","key","role","class","part","size","undefined","value","unit","precision"],"sources":["src/components/molecules/_shared/card.css?tag=ind-motor-card&encapsulation=shadow","src/components/molecules/_shared/equipment-card.css?tag=ind-motor-card&encapsulation=shadow","src/components/molecules/motor-card/motor-card.css?tag=ind-motor-card&encapsulation=shadow","src/components/molecules/motor-card/motor-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n","/* Shared layout for the equipment faceplate cards (motor, pump, valve, tank).\n * Loaded after card.css and before each component's own sheet. */\n.body {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-5, 12px);\n}\n\n.symbol {\n  flex: 0 0 auto;\n}\n\n.metrics {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  margin-left: auto;\n  align-items: flex-end;\n  text-align: right;\n}\n",":host {\n  min-width: 200px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\n\n/**\n * Motor faceplate: animated `<ind-motor>` symbol plus speed / current / load\n * readouts. Drop into an equipment overview grid.\n */\n@Component({\n  tag: 'ind-motor-card',\n  styleUrls: ['../_shared/card.css', '../_shared/equipment-card.css', 'motor-card.css'],\n  shadow: true,\n})\nexport class IndMotorCard {\n  /** Equipment tag (e.g. \"M-204\"). */\n  @Prop() tag?: string;\n  /** Human label (e.g. \"Agitator motor\"). */\n  @Prop() label?: string;\n  /** Process state — `running` animates the symbol, drives fault chrome. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Speed in rpm. */\n  @Prop() speed?: number;\n  /** Motor current in amps. */\n  @Prop() current?: number;\n  /** Load in percent. */\n  @Prop() load?: number;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'Motor';\n    return (\n      <Host role=\"group\" aria-label={`${name} — ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{name}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class=\"body\" part=\"body\">\n          <ind-motor class=\"symbol\" state={this.state} size=\"md\" />\n          <div class=\"metrics\" part=\"metrics\">\n            {this.speed !== undefined && (\n              <ind-value value={this.speed} unit=\"rpm\" precision={0} label=\"Speed\" size=\"md\" />\n            )}\n            {this.current !== undefined && (\n              <ind-value value={this.current} unit=\"A\" precision={1} label=\"Current\" size=\"sm\" />\n            )}\n            {this.load !== undefined && (\n              <ind-value value={this.load} unit=\"%\" precision={0} label=\"Load\" size=\"sm\" />\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAmB,IAAM,+NCA/B,MAAMC,EAAe,IAAM,yB,MCYdC,EAAYC,EAAA,MAAAD,UAAAE,E,iFAEfC,IAEAC,MAEiBC,MAAwB,UAEzCC,MAEAC,QAEAC,KAER,MAAAC,GACE,MAAMC,EAAOC,KAAKP,OAASO,KAAKR,KAAO,QACvC,OACES,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGL,OAAUC,KAAKN,SAC/CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASP,GACtCC,KAAKR,KAAOS,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWC,KAAK,OAAON,KAAKR,MAEvDS,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,QACrBL,EAAA,aAAAE,IAAA,2CAAWE,MAAM,SAASX,MAAOM,KAAKN,MAAOa,KAAK,OAClDN,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACvBN,KAAKL,QAAUa,WACdP,EAAA,aAAAE,IAAA,2CAAWM,MAAOT,KAAKL,MAAOe,KAAK,MAAMC,UAAW,EAAGlB,MAAM,QAAQc,KAAK,OAE3EP,KAAKJ,UAAYY,WAChBP,EAAA,aAAAE,IAAA,2CAAWM,MAAOT,KAAKJ,QAASc,KAAK,IAAIC,UAAW,EAAGlB,MAAM,UAAUc,KAAK,OAE7EP,KAAKH,OAASW,WACbP,EAAA,aAAAE,IAAA,2CAAWM,MAAOT,KAAKH,KAAMa,KAAK,IAAIC,UAAW,EAAGlB,MAAM,OAAOc,KAAK,S","ignoreList":[]}

package/dist/components/p-CNo94Sf0.js

@@ -0,0 +1,2 @@
+import{p as t,H as i,c as s,h as e,a,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));--_size:44px}:host([size="sm"]){--_size:32px}:host([size="lg"]){--_size:64px}.knob{width:var(--_size);height:var(--_size);border-radius:50%;background:radial-gradient(circle at 50% 35%, #3a434f, #1b222c 75%);border:1px solid var(--ind-surface-border-strong, #5a6776);box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.08), 0 2px 4px rgba(0, 0, 0, 0.5);cursor:ns-resize;touch-action:none;position:relative}:host([disabled]) .knob{cursor:not-allowed;opacity:0.5}.knob:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:3px}.dial{position:absolute;inset:0;transition:transform var(--ind-motion-duration-fast, 120ms) ease}.pointer{position:absolute;top:8%;left:50%;width:2px;height:32%;transform:translateX(-50%);background:var(--ind-button-primary-bg, #60a5fa);border-radius:1px}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.label{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.value{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}@media (prefers-reduced-motion: reduce){.dial{transition:none}}`;const o=t(class t extends i{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow();this.indInput=s(this,"indInput");this.indChange=s(this,"indChange")}get host(){return this}value=0;min=0;max=100;step=1;disabled=false;size="md";label;unit;showValue=true;dragging=false;indInput;indChange;startY=0;startVal=0;clamp(t){return Math.max(this.min,Math.min(this.max,t))}angle(){const t=this.max-this.min||1;const i=(this.value-this.min)/t;return-135+i*270}setValue(t,i=false){const s=this.clamp(Math.round(t/this.step)*this.step);if(s!==this.value){this.value=s;this.indInput.emit(s)}if(i)this.indChange.emit(this.value)}onPointerDown=t=>{if(this.disabled)return;this.dragging=true;this.startY=t.clientY;this.startVal=this.value;t.target.setPointerCapture?.(t.pointerId)};onPointerMove=t=>{if(!this.dragging)return;const i=this.startY-t.clientY;const s=this.max-this.min;this.setValue(this.startVal+i/120*s)};onPointerUp=()=>{if(!this.dragging)return;this.dragging=false;this.indChange.emit(this.value)};onKey=t=>{if(this.disabled)return;if(t.key==="ArrowUp"||t.key==="ArrowRight"){t.preventDefault();this.setValue(this.value+this.step,true)}else if(t.key==="ArrowDown"||t.key==="ArrowLeft"){t.preventDefault();this.setValue(this.value-this.step,true)}else if(t.key==="Home"){t.preventDefault();this.setValue(this.min,true)}else if(t.key==="End"){t.preventDefault();this.setValue(this.max,true)}};render(){return e(a,{key:"2780b654474f735a038ffb9132235a0c35dcba4d"},e("div",{key:"2ef194639267e1c217da5391cb07323ba97fa6b0",class:"knob",part:"knob",role:"slider","aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-label":this.label,"aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?undefined:"0",onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onKeyDown:this.onKey},e("span",{key:"30cee136350a8d75c00315d37757533d6c2ebc09",class:"dial",part:"dial",style:{transform:`rotate(${this.angle()}deg)`}},e("span",{key:"31b82d98c1ff65bb86da7d1cf44e119f58f519ed",class:"pointer",part:"pointer"}))),(this.label||this.showValue)&&e("div",{key:"23b659182311e0a82789eb53360839c50b03c0c7",class:"caption",part:"caption"},this.label&&e("span",{key:"a568a65383f51aa298c6f0628a8b8d94f41b64d9",class:"label",part:"label"},this.label),this.showValue&&e("span",{key:"c66ac7584404b3ecf768076e681a48fb836bec6d",class:"value",part:"value"},this.value,this.unit?` ${this.unit}`:"")))}static get style(){return r()}},[513,"ind-knob",{value:[1026],min:[2],max:[2],step:[2],disabled:[516],size:[513],label:[1],unit:[1],showValue:[4,"show-value"],dragging:[32]}]);function h(){if(typeof customElements==="undefined"){return}const t=["ind-knob"];t.forEach((t=>{switch(t){case"ind-knob":if(!customElements.get(n(t))){customElements.define(n(t),o)}break}}))}h();export{o as I,h as d};
+//# sourceMappingURL=p-CNo94Sf0.js.map