@ind-ds/core 0.1.1 → 0.2.1

package/dist/components/ind-tree-node.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as s,h as i,a as n,t as a}from"./index.js";const r=()=>`:host{display:block;font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.row{display:flex;align-items:center;gap:var(--ind-spacing-2, 4px);padding:2px var(--ind-spacing-3, 6px);cursor:pointer;border-radius:var(--ind-radius-sm, 2px);user-select:none}.row:hover{background:var(--ind-surface-raised, #1b222c)}.row:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:-2px}:host([selected]) .row{background:color-mix(in srgb, var(--ind-button-primary-bg, #2563eb) 28%, transparent)}.indent{width:var(--_indent, 0);flex:none}.twisty{appearance:none;border:none;background:none;padding:0;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ind-surface-text-muted, #7a8694);flex:none}.twisty.is-leaf{cursor:default}.twisty svg{width:12px;height:12px;transition:transform var(--ind-motion-duration-fast, 120ms) ease}.twisty svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}:host([expanded]) .twisty svg{transform:rotate(90deg)}.icon{display:inline-flex;align-items:center}.icon:empty{display:none}.label{white-space:nowrap}.children{display:block}@media (prefers-reduced-motion: reduce){.twisty svg{transition:none}}`;const d=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indSelect=s(this,"indSelect");this.indToggle=s(this,"indToggle")}level=0;expanded=false;leaf=false;selected=false;label;indSelect;indToggle;toggle=e=>{e.stopPropagation();if(this.leaf)return;this.expanded=!this.expanded;this.indToggle.emit(this.expanded)};select=()=>{this.indSelect.emit()};onKey=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();this.select()}else if(e.key==="ArrowRight"&&!this.leaf&&!this.expanded){this.expanded=true;this.indToggle.emit(true)}else if(e.key==="ArrowLeft"&&!this.leaf&&this.expanded){this.expanded=false;this.indToggle.emit(false)}};render(){return i(n,{key:"412fc1efe18db56c9cc0a2fc8ba9564bf9c4d7bb"},i("div",{key:"05392b3770fd8add45281948656850dfe792a5d1",class:"row",part:"row",role:"treeitem","aria-expanded":this.leaf?undefined:this.expanded?"true":"false","aria-selected":this.selected?"true":"false",tabindex:"0",style:{"--_indent":`${this.level*16}px`},onClick:this.select,onKeyDown:this.onKey},i("span",{key:"63eec9a57c75ad32154ef4b70a7bcff647e4a2de",class:"indent","aria-hidden":"true"}),this.leaf?i("span",{class:"twisty is-leaf",part:"twisty","aria-hidden":"true"}):i("button",{type:"button",class:"twisty",part:"twisty","aria-label":this.expanded?"Collapse":"Expand",onClick:this.toggle},i("svg",{viewBox:"0 0 24 24","aria-hidden":"true"},i("path",{d:"M9 5l7 7-7 7"}))),i("span",{key:"d5c26f9bd8a479fb0dc261a0e2e0f147d978245f",class:"icon",part:"icon"},i("slot",{key:"9978ea0bc931f6611e95cde6d36328cd0418e4dc",name:"icon"})),i("span",{key:"d6d89358b351f02fa968ffc83e4a1ed60ae6f467",class:"label",part:"label"},this.label,i("slot",{key:"58e1550e39cde11164b6266c0e298e89b6eac826"}))),!this.leaf&&this.expanded&&i("div",{key:"c8e965f709868143d6f7a54a663e73cb41c4c498",class:"children",part:"children",role:"group"},i("slot",{key:"f4555d55f582041bc74f7b26975123803d9aca2f",name:"children"})))}static get style(){return r()}},[769,"ind-tree-node",{level:[2],expanded:[1540],leaf:[516],selected:[516],label:[1]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-tree-node"];e.forEach((e=>{switch(e){case"ind-tree-node":if(!customElements.get(a(e))){customElements.define(a(e),d)}break}}))}o();const l=d;const c=o;export{l as IndTreeNode,c as defineCustomElement};
+//# sourceMappingURL=ind-tree-node.js.map

package/dist/components/ind-tree-node.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["treeNodeCss","IndTreeNode","__stencil_proxyCustomElement","HTMLElement","level","expanded","leaf","selected","label","indSelect","indToggle","toggle","e","stopPropagation","this","emit","select","onKey","key","preventDefault","render","h","Host","class","part","role","undefined","tabindex","style","onClick","onKeyDown","type","viewBox","d","name"],"sources":["src/components/atoms/tree-node/tree-node.css?tag=ind-tree-node&encapsulation=shadow","src/components/atoms/tree-node/tree-node.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  padding: 2px var(--ind-spacing-3, 6px);\n  cursor: pointer;\n  border-radius: var(--ind-radius-sm, 2px);\n  user-select: none;\n}\n\n.row:hover { background: var(--ind-surface-raised, #1b222c); }\n\n.row:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: -2px;\n}\n\n:host([selected]) .row {\n  background: color-mix(in srgb, var(--ind-button-primary-bg, #2563eb) 28%, transparent);\n}\n\n.indent { width: var(--_indent, 0); flex: none; }\n\n.twisty {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  width: 16px;\n  height: 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  color: var(--ind-surface-text-muted, #7a8694);\n  flex: none;\n}\n.twisty.is-leaf { cursor: default; }\n\n.twisty svg {\n  width: 12px;\n  height: 12px;\n  transition: transform var(--ind-motion-duration-fast, 120ms) ease;\n}\n.twisty svg path { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\n\n:host([expanded]) .twisty svg { transform: rotate(90deg); }\n\n.icon { display: inline-flex; align-items: center; }\n.icon:empty { display: none; }\n\n.label { white-space: nowrap; }\n\n.children { display: block; }\n\n@media (prefers-reduced-motion: reduce) {\n  .twisty svg { transition: none; }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-tree-node',\n  styleUrl: 'tree-node.css',\n  shadow: true,\n})\nexport class IndTreeNode {\n  /** Nesting depth (0 = root) — drives the indent. */\n  @Prop() level: number = 0;\n  /** Expanded state (ignored for leaf nodes). */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n  /** Leaf node — no twisty, not expandable. */\n  @Prop({ reflect: true }) leaf: boolean = false;\n  /** Selected state. */\n  @Prop({ reflect: true }) selected: boolean = false;\n  /** Visible text. Use the default slot for richer content. */\n  @Prop() label?: string;\n\n  /** Fires when the row is selected. */\n  @Event() indSelect!: EventEmitter<void>;\n  /** Fires when the twisty toggles expansion. */\n  @Event() indToggle!: EventEmitter<boolean>;\n\n  private toggle = (e: MouseEvent) => {\n    e.stopPropagation();\n    if (this.leaf) return;\n    this.expanded = !this.expanded;\n    this.indToggle.emit(this.expanded);\n  };\n\n  private select = () => {\n    this.indSelect.emit();\n  };\n\n  private onKey = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); this.select(); }\n    else if (e.key === 'ArrowRight' && !this.leaf && !this.expanded) { this.expanded = true; this.indToggle.emit(true); }\n    else if (e.key === 'ArrowLeft' && !this.leaf && this.expanded) { this.expanded = false; this.indToggle.emit(false); }\n  };\n\n  render() {\n    return (\n      <Host>\n        <div\n          class=\"row\"\n          part=\"row\"\n          role=\"treeitem\"\n          aria-expanded={this.leaf ? undefined : this.expanded ? 'true' : 'false'}\n          aria-selected={this.selected ? 'true' : 'false'}\n          tabindex=\"0\"\n          style={{ '--_indent': `${this.level * 16}px` }}\n          onClick={this.select}\n          onKeyDown={this.onKey}\n        >\n          <span class=\"indent\" aria-hidden=\"true\" />\n          {this.leaf ? (\n            <span class=\"twisty is-leaf\" part=\"twisty\" aria-hidden=\"true\" />\n          ) : (\n            <button type=\"button\" class=\"twisty\" part=\"twisty\" aria-label={this.expanded ? 'Collapse' : 'Expand'} onClick={this.toggle}>\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M9 5l7 7-7 7\" /></svg>\n            </button>\n          )}\n          <span class=\"icon\" part=\"icon\"><slot name=\"icon\" /></span>\n          <span class=\"label\" part=\"label\">{this.label}<slot /></span>\n        </div>\n        {!this.leaf && this.expanded && (\n          <div class=\"children\" part=\"children\" role=\"group\">\n            <slot name=\"children\" />\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kEAAA,MAAMA,EAAc,IAAM,61C,MCObC,EAAWC,EAAA,MAAAD,UAAAE,E,uJAEdC,MAAgB,EAEgBC,SAAoB,MAEnCC,KAAgB,MAEhBC,SAAoB,MAErCC,MAGCC,UAEAC,UAEDC,OAAUC,IAChBA,EAAEC,kBACF,GAAIC,KAAKR,KAAM,OACfQ,KAAKT,UAAYS,KAAKT,SACtBS,KAAKJ,UAAUK,KAAKD,KAAKT,SAAS,EAG5BW,OAAS,KACfF,KAAKL,UAAUM,MAAM,EAGfE,MAASL,IACf,GAAIA,EAAEM,MAAQ,SAAWN,EAAEM,MAAQ,IAAK,CAAEN,EAAEO,iBAAkBL,KAAKE,Q,MAC9D,GAAIJ,EAAEM,MAAQ,eAAiBJ,KAAKR,OAASQ,KAAKT,SAAU,CAAES,KAAKT,SAAW,KAAMS,KAAKJ,UAAUK,KAAK,K,MACxG,GAAIH,EAAEM,MAAQ,cAAgBJ,KAAKR,MAAQQ,KAAKT,SAAU,CAAES,KAAKT,SAAW,MAAOS,KAAKJ,UAAUK,KAAK,M,GAG9G,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,4CACHG,EAAA,OAAAH,IAAA,2CACEK,MAAM,MACNC,KAAK,MACLC,KAAK,WAAU,gBACAX,KAAKR,KAAOoB,UAAYZ,KAAKT,SAAW,OAAS,QAAO,gBACxDS,KAAKP,SAAW,OAAS,QACxCoB,SAAS,IACTC,MAAO,CAAE,YAAa,GAAGd,KAAKV,MAAQ,QACtCyB,QAASf,KAAKE,OACdc,UAAWhB,KAAKG,OAEhBI,EAAA,QAAAH,IAAA,2CAAMK,MAAM,SAAQ,cAAa,SAChCT,KAAKR,KACJe,EAAA,QAAME,MAAM,iBAAiBC,KAAK,SAAQ,cAAa,SAEvDH,EAAA,UAAQU,KAAK,SAASR,MAAM,SAASC,KAAK,SAAQ,aAAaV,KAAKT,SAAW,WAAa,SAAUwB,QAASf,KAAKH,QAClHU,EAAA,OAAKW,QAAQ,YAAW,cAAa,QAAOX,EAAA,QAAMY,EAAE,mBAGxDZ,EAAA,QAAAH,IAAA,2CAAMK,MAAM,OAAOC,KAAK,QAAOH,EAAA,QAAAH,IAAA,2CAAMgB,KAAK,UAC1Cb,EAAA,QAAAH,IAAA,2CAAMK,MAAM,QAAQC,KAAK,SAASV,KAAKN,MAAMa,EAAA,QAAAH,IAAA,gDAE7CJ,KAAKR,MAAQQ,KAAKT,UAClBgB,EAAA,OAAAH,IAAA,2CAAKK,MAAM,WAAWC,KAAK,WAAWC,KAAK,SACzCJ,EAAA,QAAAH,IAAA,2CAAMgB,KAAK,c","ignoreList":[]}

package/dist/components/ind-trend-viewer.d.ts

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

package/dist/components/ind-trend-viewer.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as i,a as n,t as s}from"./index.js";import{d as r}from"./p-5RlFcxee.js";const t=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const d=()=>`:host{min-width:360px}.series{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.series-head{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px);font-size:var(--ind-font-size-sm, 11px)}.series-label{color:var(--ind-surface-text-secondary)}.series-value{margin-left:auto;font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);color:var(--ind-surface-text-primary)}.legend{width:10px;height:10px;border-radius:2px;flex:0 0 auto;background:var(--ind-surface-text-muted)}.legend-running{background:var(--ind-state-running-bg, #16a34a)}.legend-warning{background:var(--ind-state-warning-bg, #f59e0b)}.legend-fault{background:var(--ind-state-fault-bg, #dc2626)}.legend-default{background:var(--ind-color-palette-cyan-300, #22d3ee)}.series-spark{width:100%;height:40px}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Trends";series=[];last(e){if(!e.points.length)return"--";const a=e.points[e.points.length-1];return e.precision!==undefined?a.toFixed(e.precision):String(a)}render(){return i(n,{key:"41e4221a264008e8405251a8701cc16576758fe7"},i("div",{key:"9c0684d404e77dbb2de77d1873b933f58a420e85",class:"panel-head"},i("span",{key:"596e6de04ef55e07038c9d7c78cbf258767c7699",class:"panel-title",part:"heading"},this.heading)),i("div",{key:"fd80bafe1fbe0a0f7bccc713a6ec0a13b5eb53b3",class:"panel-body"},this.series.length===0?i("div",{class:"panel-empty"},"No series"):this.series.map(((e,a)=>i("div",{class:"series",part:"series",key:a},i("div",{class:"series-head"},i("span",{class:`legend legend-${e.variant??"default"}`,"aria-hidden":"true"}),i("span",{class:"series-label"},e.label),i("span",{class:"series-value"},this.last(e),e.unit?` ${e.unit}`:"")),i("ind-sparkline",{class:"series-spark",points:e.points,variant:e.variant??"default",area:true}))))))}static get style(){return t()+d()}},[513,"ind-trend-viewer",{heading:[1],series:[16]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-trend-viewer","ind-sparkline"];e.forEach((e=>{switch(e){case"ind-trend-viewer":if(!customElements.get(s(e))){customElements.define(s(e),l)}break;case"ind-sparkline":if(!customElements.get(s(e))){r()}break}}))}o();const p=l;const c=o;export{p as IndTrendViewer,c as defineCustomElement};
+//# sourceMappingURL=ind-trend-viewer.js.map

package/dist/components/ind-trend-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","trendViewerCss","IndTrendViewer","__stencil_proxyCustomElement","HTMLElement","heading","series","last","s","points","length","v","precision","undefined","toFixed","String","render","h","Host","key","class","part","this","map","i","variant","label","unit","area"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-trend-viewer&encapsulation=shadow","src/components/organisms/trend-viewer/trend-viewer.css?tag=ind-trend-viewer&encapsulation=shadow","src/components/organisms/trend-viewer/trend-viewer.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 360px;\n}\n\n.series {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.series-head {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-3, 6px);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.series-label {\n  color: var(--ind-surface-text-secondary);\n}\n\n.series-value {\n  margin-left: auto;\n  font-family: var(--ind-font-family-mono);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  color: var(--ind-surface-text-primary);\n}\n\n.legend {\n  width: 10px;\n  height: 10px;\n  border-radius: 2px;\n  flex: 0 0 auto;\n  background: var(--ind-surface-text-muted);\n}\n\n.legend-running { background: var(--ind-state-running-bg, #16a34a); }\n.legend-warning { background: var(--ind-state-warning-bg, #f59e0b); }\n.legend-fault { background: var(--ind-state-fault-bg, #dc2626); }\n.legend-default { background: var(--ind-color-palette-cyan-300, #22d3ee); }\n\n.series-spark {\n  width: 100%;\n  height: 40px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { TrendVariant } from '../../molecules/trend-widget/trend-widget';\n\nexport interface TrendSeries {\n  label: string;\n  points: number[];\n  unit?: string;\n  variant?: TrendVariant;\n  precision?: number;\n}\n\n/**\n * Multi-series trend viewer. Stacks one labelled `<ind-sparkline>` per series\n * with the current value, for comparing several tags without a full charting\n * library.\n */\n@Component({\n  tag: 'ind-trend-viewer',\n  styleUrls: ['../_shared/panel.css', 'trend-viewer.css'],\n  shadow: true,\n})\nexport class IndTrendViewer {\n  @Prop() heading: string = 'Trends';\n  /** Series to plot. */\n  @Prop() series: TrendSeries[] = [];\n\n  private last(s: TrendSeries): string {\n    if (!s.points.length) return '--';\n    const v = s.points[s.points.length - 1];\n    return s.precision !== undefined ? v.toFixed(s.precision) : String(v);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"panel-body\">\n          {this.series.length === 0 ? (\n            <div class=\"panel-empty\">No series</div>\n          ) : (\n            this.series.map((s, i) => (\n              <div class=\"series\" part=\"series\" key={i}>\n                <div class=\"series-head\">\n                  <span class={`legend legend-${s.variant ?? 'default'}`} aria-hidden=\"true\"></span>\n                  <span class=\"series-label\">{s.label}</span>\n                  <span class=\"series-value\">\n                    {this.last(s)}{s.unit ? ` ${s.unit}` : ''}\n                  </span>\n                </div>\n                <ind-sparkline class=\"series-spark\" points={s.points} variant={s.variant ?? 'default'} area></ind-sparkline>\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAiB,IAAM,0zB,MCqBhBC,EAAcC,EAAA,MAAAD,UAAAE,E,iFACjBC,QAAkB,SAElBC,OAAwB,GAExB,IAAAC,CAAKC,GACX,IAAKA,EAAEC,OAAOC,OAAQ,MAAO,KAC7B,MAAMC,EAAIH,EAAEC,OAAOD,EAAEC,OAAOC,OAAS,GACrC,OAAOF,EAAEI,YAAcC,UAAYF,EAAEG,QAAQN,EAAEI,WAAaG,OAAOJ,E,CAGrE,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKjB,UAEjDY,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACRE,KAAKhB,OAAOI,SAAW,EACtBO,EAAA,OAAKG,MAAM,eAAa,aAExBE,KAAKhB,OAAOiB,KAAI,CAACf,EAAGgB,IAClBP,EAAA,OAAKG,MAAM,SAASC,KAAK,SAASF,IAAKK,GACrCP,EAAA,OAAKG,MAAM,eACTH,EAAA,QAAMG,MAAO,iBAAiBZ,EAAEiB,SAAW,YAAW,cAAc,SACpER,EAAA,QAAMG,MAAM,gBAAgBZ,EAAEkB,OAC9BT,EAAA,QAAMG,MAAM,gBACTE,KAAKf,KAAKC,GAAIA,EAAEmB,KAAO,IAAInB,EAAEmB,OAAS,KAG3CV,EAAA,iBAAeG,MAAM,eAAeX,OAAQD,EAAEC,OAAQgB,QAASjB,EAAEiB,SAAW,UAAWG,KAAI,W","ignoreList":[]}

package/dist/components/ind-trend-widget.d.ts

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

package/dist/components/ind-trend-widget.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as t,a as i,t as n}from"./index.js";import{d as s}from"./p-5RlFcxee.js";import{d as r}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=()=>`:host{min-width:200px}.spark{width:100%;height:44px}.bounds{display:flex;justify-content:space-between;font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted)}`;const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}label;tag;value;unit;precision=1;points=[];min;max;variant="default";current(){if(this.value!==undefined)return this.value;return this.points.length?this.points[this.points.length-1]:undefined}render(){const e=this.current();const a=this.min??(this.points.length?Math.min(...this.points):undefined);const n=this.max??(this.points.length?Math.max(...this.points):undefined);return t(i,{key:"eb9a651961a5989007c7c746f435552249f64938",role:"group","aria-label":this.label},t("div",{key:"e4e3160f886ed6d0419f49c722d4e47cb6fc2a5a",class:"card-head"},t("span",{key:"cb6534bfb01a54e30c5d4ab46b9c11de6f6f633d",class:"card-title",part:"label"},this.label),this.tag&&t("span",{key:"1e9f94807667aab363d7b7ee49b60e0fefd55f7b",class:"card-tag",part:"tag"},this.tag)),e!==undefined&&t("ind-value",{key:"4e1ee4fd15d6dc61ded72b81f5393ea5a996f234",part:"value",value:e,unit:this.unit,precision:this.precision,size:"lg"}),this.points.length>1&&t("ind-sparkline",{key:"eee4f130adbb659f75ab6c1a004f770bf5ff92ad",class:"spark",part:"spark",points:this.points,min:this.min,max:this.max,variant:this.variant,area:true}),a!==undefined&&n!==undefined&&t("div",{key:"bb09835b6ee49b2aa80a05867222cf7893bfbf89",class:"bounds",part:"bounds"},t("span",{key:"d9e5ec2921d758508439e573eae0bd07a3c5bc30"},"min ",a.toFixed(this.precision)),t("span",{key:"8e889674c72bc88d2915c15209534bfe92ed10c9"},"max ",n.toFixed(this.precision))))}static get style(){return d()+o()}},[513,"ind-trend-widget",{label:[1],tag:[1],value:[2],unit:[1],precision:[2],points:[16],min:[2],max:[2],variant:[1]}]);function f(){if(typeof customElements==="undefined"){return}const e=["ind-trend-widget","ind-sparkline","ind-value"];e.forEach((e=>{switch(e){case"ind-trend-widget":if(!customElements.get(n(e))){customElements.define(n(e),c)}break;case"ind-sparkline":if(!customElements.get(n(e))){s()}break;case"ind-value":if(!customElements.get(n(e))){r()}break}}))}f();const l=c;const u=f;export{l as IndTrendWidget,u as defineCustomElement};
+//# sourceMappingURL=ind-trend-widget.js.map

package/dist/components/ind-trend-widget.js.map

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

package/dist/components/ind-unit-label.d.ts

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

package/dist/components/ind-unit-label.js

@@ -0,0 +1,2 @@
+import{p as s,H as e,h as t,a as i,t as n}from"./index.js";const a=()=>`:host{display:inline;--_size:var(--ind-font-size-sm, 11px)}:host([size="sm"]){--_size:var(--ind-font-size-xs, 10px)}:host([size="md"]){--_size:var(--ind-font-size-sm, 11px)}:host([size="lg"]){--_size:var(--ind-font-size-base, 12px)}.unit{font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--_size);font-weight:var(--ind-font-weight-regular, 400);color:var(--ind-surface-text-muted, #7a8694);white-space:nowrap}`;const o=s(class s extends e{constructor(s){super();if(s!==false){this.__registerHost()}this.__attachShadow()}unit;size="md";render(){return t(i,{key:"a9e238538522e256db732662118527fdc2673283"},t("span",{key:"d5398ae306ff94e2f9ccfd608e9f28f03b749be7",class:"unit",part:"unit"},this.unit??t("slot",{key:"6791682a0b3ab6e537a7ad4dd321a5d279a3e38d"})))}static get style(){return a()}},[769,"ind-unit-label",{unit:[1],size:[513]}]);function r(){if(typeof customElements==="undefined"){return}const s=["ind-unit-label"];s.forEach((s=>{switch(s){case"ind-unit-label":if(!customElements.get(n(s))){customElements.define(n(s),o)}break}}))}r();const d=o;const f=r;export{d as IndUnitLabel,f as defineCustomElement};
+//# sourceMappingURL=ind-unit-label.js.map

package/dist/components/ind-unit-label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["unitLabelCss","IndUnitLabel","__stencil_proxyCustomElement","HTMLElement","unit","size","render","h","Host","key","class","part","this"],"sources":["src/components/atoms/unit-label/unit-label.css?tag=ind-unit-label&encapsulation=shadow","src/components/atoms/unit-label/unit-label.tsx"],"sourcesContent":[":host {\n  display: inline;\n  --_size: var(--ind-font-size-sm, 11px);\n}\n\n:host([size=\"sm\"]) { --_size: var(--ind-font-size-xs, 10px); }\n:host([size=\"md\"]) { --_size: var(--ind-font-size-sm, 11px); }\n:host([size=\"lg\"]) { --_size: var(--ind-font-size-base, 12px); }\n\n.unit {\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--_size);\n  font-weight: var(--ind-font-weight-regular, 400);\n  color: var(--ind-surface-text-muted, #7a8694);\n  white-space: nowrap;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type UnitLabelSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-unit-label',\n  styleUrl: 'unit-label.css',\n  shadow: true,\n})\nexport class IndUnitLabel {\n  /** Engineering unit text, e.g. \"bar\", \"°C\", \"m³/h\". Falls back to the slot. */\n  @Prop() unit?: string;\n  /** Size. */\n  @Prop({ reflect: true }) size: UnitLabelSize = 'md';\n\n  render() {\n    return (\n      <Host>\n        <span class=\"unit\" part=\"unit\">\n          {this.unit ?? <slot />}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,ub,MCSdC,EAAYC,EAAA,MAAAD,UAAAE,E,iFAEfC,KAEiBC,KAAsB,KAE/C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOC,KAAK,QACrBC,KAAKR,MAAQG,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-value.js

@@ -1,2 +1,2 @@
-import{p as a,H as e,h as r,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 e{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 e=this.alarm!=="none"?`, alarm ${this.alarm}`:"";return r(n,{key:"cda5c03f956f161e618626d2aef0aac40409281a",role:"group","aria-label":`${a}: ${this.formatted()}${this.unit?" "+this.unit:""}${e}`,"aria-live":this.alarm==="high-high"?"assertive":"polite"},(this.tag||this.label)&&r("div",{key:"8fe9dfd6fb733e6ba0e7e607efc5d023736cca9e",class:"header",part:"header"},this.tag&&r("span",{key:"adec308000bce2cee378504fffedf8662a091c8c",class:"tag",part:"tag"},this.tag),this.label&&r("span",{key:"4de4405dfbb798ca1781ade6fd7e1419089226ca",class:"label",part:"label"},this.label)),r("div",{key:"b7f9e66b333a6d7e3341585af4bba571dae65bf6",class:"readout",part:"readout"},r("span",{key:"c6a942f2a64187cf9acd75b112d262928556d84b",class:"number",part:"number"},this.formatted()),this.unit&&r("span",{key:"39714e17d50497d59afe6e81eca9b51cf2182332",class:"unit",part:"unit"},this.unit),this.trend!=="none"&&r("span",{key:"1e4f671cc86bf24617f26e3db4eb3709160291b3",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();const d=o;const l=s;export{d as IndValue,l as defineCustomElement};
+import{I as s,d as o}from"./p-BInyhy9s.js";const t=s;const n=o;export{t as IndValue,n as defineCustomElement};
 //# sourceMappingURL=ind-value.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-WD-5DMF4.js";const t=o;const p=s;export{t as IndValveCard,p as defineCustomElement};
+//# sourceMappingURL=ind-valve-card.js.map

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{p as e,H as i,c as n,h as a,a as t,t as s}from"./index.js";import{d as o}from"./p-CRSC4h1X.js";import{d}from"./p-Ca70rR-o.js";import{d as r}from"./p-CNo94Sf0.js";import{d as l}from"./p-D3gnEPFv.js";import{d as p}from"./p-DGb-eiYo.js";import{d as c}from"./p-BInyhy9s.js";import{d as f}from"./p-Dp1wiEsR.js";import{d as b}from"./p-WD-5DMF4.js";const m=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const u=()=>`.panel-body>ind-motor-card,.panel-body>ind-pump-card,.panel-body>ind-valve-card,.panel-body>ind-start-stop-control,.panel-body>ind-setpoint-control,.panel-body>ind-speed-control,.panel-body>ind-mode-selector,.panel-body>ind-recipe-selector{border:0;padding:0;background:transparent;min-width:0}`;const h=()=>`:host{min-width:280px}.panel-body>ind-speed-control{border:0;padding:0;background:transparent;min-width:0}`;const v=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indOpen=n(this,"indOpen");this.indClose=n(this,"indClose");this.indStop=n(this,"indStop");this.indPosition=n(this,"indPosition")}heading="Valve";tag;state="closed";position;modulating=false;positionSetpoint=0;showOpen=true;showStop=true;showClose=true;indOpen;indClose;indStop;indPosition;onPosition=e=>{e.stopPropagation();this.positionSetpoint=e.detail;this.indPosition.emit(e.detail)};render(){return a(t,{key:"2121c5e45001ec7f3b10c68e99125ebbdd44736f"},a("div",{key:"a7505fc1fa2981d4076cff954400d83717f5da4f",class:"panel-head"},a("div",{key:"5c25e6ae46e38b5e07fb7bb9ca8227fa2f43ebe0",class:"panel-titles"},a("span",{key:"fcbae757862009549e22ca8a38321e09cabae363",class:"panel-title",part:"heading"},this.heading),this.tag&&a("span",{key:"23b893e86138e023c972d907ce386d64df2466d0",class:"panel-subtitle"},this.tag))),a("div",{key:"e60275dd30427776064ffb54af131610a86dbc15",class:"panel-body"},a("ind-valve-card",{key:"11a5a4b872276c1b67d004427b5ec19541de2d58",tag:this.tag,label:this.heading,state:this.state,position:this.position}),(this.showOpen||this.showStop||this.showClose)&&a("ind-command-group",{key:"f8f7468fece65e220ee709983867234869068b2c",label:"Valve commands"},this.showOpen&&a("ind-button",{key:"a87a622ebad0e0989454e40cce062c59d7bfad68",variant:"primary",size:"sm",label:"Open",disabled:this.state==="open",onIndActivate:()=>this.indOpen.emit()}),this.showStop&&a("ind-button",{key:"212a2b0babe39b3319fad6fc1dbe2516fbd41b04",variant:"default",size:"sm",label:"Stop",onIndActivate:()=>this.indStop.emit()}),this.showClose&&a("ind-button",{key:"6c412379304a044f01447fe3e5b5dea0cae82355",variant:"danger",size:"sm",label:"Close",disabled:this.state==="closed",onIndActivate:()=>this.indClose.emit()})),this.modulating&&a("ind-speed-control",{key:"c8291b4175d6211bc93e64bd9f4329b23ceb0425",label:"Position setpoint",value:this.positionSetpoint,unit:"%",onIndChange:this.onPosition})))}static get style(){return m()+(u()+h())}},[513,"ind-valve-control-panel",{heading:[1],tag:[1],state:[513],position:[2],modulating:[4],positionSetpoint:[1026,"position-setpoint"],showOpen:[4,"show-open"],showStop:[4,"show-stop"],showClose:[4,"show-close"]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ind-valve-control-panel","ind-button","ind-command-group","ind-knob","ind-slider","ind-speed-control","ind-value","ind-valve","ind-valve-card"];e.forEach((e=>{switch(e){case"ind-valve-control-panel":if(!customElements.get(s(e))){customElements.define(s(e),v)}break;case"ind-button":if(!customElements.get(s(e))){o()}break;case"ind-command-group":if(!customElements.get(s(e))){d()}break;case"ind-knob":if(!customElements.get(s(e))){r()}break;case"ind-slider":if(!customElements.get(s(e))){l()}break;case"ind-speed-control":if(!customElements.get(s(e))){p()}break;case"ind-value":if(!customElements.get(s(e))){c()}break;case"ind-valve":if(!customElements.get(s(e))){f()}break;case"ind-valve-card":if(!customElements.get(s(e))){b()}break}}))}g();const x=v;const y=g;export{x as IndValveControlPanel,y as defineCustomElement};
+//# sourceMappingURL=ind-valve-control-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","controlPanelCss","valveControlPanelCss","IndValveControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","position","modulating","positionSetpoint","showOpen","showStop","showClose","indOpen","indClose","indStop","indPosition","onPosition","e","stopPropagation","this","detail","emit","render","h","Host","key","class","part","label","variant","size","disabled","onIndActivate","value","unit","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/valve-control-panel/valve-control-panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/valve-control-panel/valve-control-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n",":host {\n  min-width: 280px;\n}\n\n.panel-body > ind-speed-control {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { ValveState } from '../../atoms/valve/valve';\n\n/**\n * Valve control panel: `<ind-valve-card>` faceplate plus Open / Close / Stop\n * commands and an optional position setpoint for modulating valves.\n */\n@Component({\n  tag: 'ind-valve-control-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'valve-control-panel.css'],\n  shadow: true,\n})\nexport class IndValveControlPanel {\n  @Prop() heading: string = 'Valve';\n  @Prop() tag?: string;\n  @Prop({ reflect: true }) state: ValveState = 'closed';\n  /** Current position 0–100 %. Omit for on/off valves. */\n  @Prop() position?: number;\n  /** Allow position control (modulating valve). */\n  @Prop() modulating: boolean = false;\n  /** Position setpoint (two-way). */\n  @Prop({ mutable: true }) positionSetpoint: number = 0;\n  /** Show the Open command button. */\n  @Prop() showOpen: boolean = true;\n  /** Show the Stop command button. */\n  @Prop() showStop: boolean = true;\n  /** Show the Close command button. */\n  @Prop() showClose: boolean = true;\n\n  @Event() indOpen!: EventEmitter<void>;\n  @Event() indClose!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n  @Event() indPosition!: EventEmitter<number>;\n\n  private onPosition = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.positionSetpoint = e.detail;\n    this.indPosition.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-valve-card tag={this.tag} label={this.heading} state={this.state} position={this.position} />\n          {(this.showOpen || this.showStop || this.showClose) && (\n            <ind-command-group label=\"Valve commands\">\n              {this.showOpen && (\n                <ind-button variant=\"primary\" size=\"sm\" label=\"Open\" disabled={this.state === 'open'} onIndActivate={() => this.indOpen.emit()} />\n              )}\n              {this.showStop && (\n                <ind-button variant=\"default\" size=\"sm\" label=\"Stop\" onIndActivate={() => this.indStop.emit()} />\n              )}\n              {this.showClose && (\n                <ind-button variant=\"danger\" size=\"sm\" label=\"Close\" disabled={this.state === 'closed'} onIndActivate={() => this.indClose.emit()} />\n              )}\n            </ind-command-group>\n          )}\n          {this.modulating && (\n            <ind-speed-control label=\"Position setpoint\" value={this.positionSetpoint} unit=\"%\" onIndChange={this.onPosition} />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6VAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAAuB,IAAM,6G,MCYtBC,EAAoBC,EAAA,MAAAD,UAAAE,E,uNACvBC,QAAkB,QAClBC,IACiBC,MAAoB,SAErCC,SAEAC,WAAsB,MAELC,iBAA2B,EAE5CC,SAAoB,KAEpBC,SAAoB,KAEpBC,UAAqB,KAEpBC,QACAC,SACAC,QACAC,YAEDC,WAAcC,IACpBA,EAAEC,kBACFC,KAAKX,iBAAmBS,EAAEG,OAC1BD,KAAKJ,YAAYM,KAAKJ,EAAEG,OAAO,EAGjC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWR,KAAKhB,SAC9CgB,KAAKf,KAAOmB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBP,KAAKf,OAGpDmB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CAAgBrB,IAAKe,KAAKf,IAAKwB,MAAOT,KAAKhB,QAASE,MAAOc,KAAKd,MAAOC,SAAUa,KAAKb,YACpFa,KAAKV,UAAYU,KAAKT,UAAYS,KAAKR,YACvCY,EAAA,qBAAAE,IAAA,2CAAmBG,MAAM,kBACtBT,KAAKV,UACJc,EAAA,cAAAE,IAAA,2CAAYI,QAAQ,UAAUC,KAAK,KAAKF,MAAM,OAAOG,SAAUZ,KAAKd,QAAU,OAAQ2B,cAAe,IAAMb,KAAKP,QAAQS,SAEzHF,KAAKT,UACJa,EAAA,cAAAE,IAAA,2CAAYI,QAAQ,UAAUC,KAAK,KAAKF,MAAM,OAAOI,cAAe,IAAMb,KAAKL,QAAQO,SAExFF,KAAKR,WACJY,EAAA,cAAAE,IAAA,2CAAYI,QAAQ,SAASC,KAAK,KAAKF,MAAM,QAAQG,SAAUZ,KAAKd,QAAU,SAAU2B,cAAe,IAAMb,KAAKN,SAASQ,UAIhIF,KAAKZ,YACJgB,EAAA,qBAAAE,IAAA,2CAAmBG,MAAM,oBAAoBK,MAAOd,KAAKX,iBAAkB0B,KAAK,IAAIC,YAAahB,KAAKH,c","ignoreList":[]}

package/dist/components/ind-valve.js

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

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

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

package/dist/components/ind-workstation-monitor.d.ts

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

package/dist/components/ind-workstation-monitor.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as i,a as t,t as n}from"./index.js";import{d as s}from"./p-D79nNJVt.js";import{d}from"./p-D-FsSjAC.js";import{d as r}from"./p-BInyhy9s.js";const o=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const c=()=>`:host{min-width:320px}ind-progress{width:100%}.job{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px)}.job-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted)}.job-name{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600)}.figures{display:flex;gap:var(--ind-spacing-7, 20px)}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Workstation";station;operator;job;state="unknown";produced=0;rejected=0;target;render(){const e=this.state==="unknown"?"neutral":this.state;const a=this.target?Math.min(100,this.produced/this.target*100):undefined;return i(t,{key:"3042387aab261c601e8fae021d9de8108ef1b751"},i("div",{key:"72dd0b1789eaadef3818056688ac612cc33d28cd",class:"panel-head"},i("ind-status-dot",{key:"148cb8a09100f76e1983a55a4eea037e5f428c83",state:e,size:"md"}),i("div",{key:"f0d61a7876169d7a3c56bf71570087c46d0a727c",class:"panel-titles"},i("span",{key:"058b303344dff73cb12ba6d5816d9ce93104a243",class:"panel-title",part:"heading"},this.heading,this.station?` · ${this.station}`:""),this.operator&&i("span",{key:"0740383db6db47bd0f40dbab0b130c61dbb19c7e",class:"panel-subtitle"},"Operator: ",this.operator))),i("div",{key:"8965c44f49adf59d4d0eb669162d0c7a7d110546",class:"panel-body"},this.job&&i("div",{key:"7c3a5b63e1342a4c7032d014511ed50fa162f82e",class:"job",part:"job"},i("span",{key:"3e72a454ab981f49ce22610babb3333770eda389",class:"job-label"},"Job"),i("span",{key:"923b7a3833b50ca1f04c14fc2c68d0b771230408",class:"job-name"},this.job)),i("div",{key:"6524d5b7481463bc19f41b3fc44cecab08600789",class:"figures",part:"figures"},i("ind-value",{key:"e8fef2d434b95122645e40c70498f3d5f811302b",value:this.produced,label:"Produced",size:"lg"}),i("ind-value",{key:"ee3011ffd166646361a0c728f26d5dc2f5952439",value:this.rejected,label:"Rejected",alarm:this.rejected>0?"high":"none",size:"md"}),this.target!==undefined&&i("ind-value",{key:"ba782302d9ceb5ec0b25bdea3077973a41fcf77a",value:this.target,label:"Target",size:"md"})),a!==undefined&&i("ind-progress",{key:"b0c35cce15e739653d6f1b0bd217da85c8e33c8d",value:a,max:100,variant:"success",size:"md","show-value":true})))}static get style(){return o()+c()}},[513,"ind-workstation-monitor",{heading:[1],station:[1],operator:[1],job:[1],state:[513],produced:[2],rejected:[2],target:[2]}]);function p(){if(typeof customElements==="undefined"){return}const e=["ind-workstation-monitor","ind-progress","ind-status-dot","ind-value"];e.forEach((e=>{switch(e){case"ind-workstation-monitor":if(!customElements.get(n(e))){customElements.define(n(e),l)}break;case"ind-progress":if(!customElements.get(n(e))){s()}break;case"ind-status-dot":if(!customElements.get(n(e))){d()}break;case"ind-value":if(!customElements.get(n(e))){r()}break}}))}p();const f=l;const b=p;export{f as IndWorkstationMonitor,b as defineCustomElement};
+//# sourceMappingURL=ind-workstation-monitor.js.map

package/dist/components/ind-workstation-monitor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","workstationMonitorCss","IndWorkstationMonitor","__stencil_proxyCustomElement","HTMLElement","heading","station","operator","job","state","produced","rejected","target","render","dot","this","pct","Math","min","undefined","h","Host","key","class","size","part","value","label","alarm","max","variant"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-workstation-monitor&encapsulation=shadow","src/components/organisms/workstation-monitor/workstation-monitor.css?tag=ind-workstation-monitor&encapsulation=shadow","src/components/organisms/workstation-monitor/workstation-monitor.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 320px;\n}\n\nind-progress {\n  width: 100%;\n}\n\n.job {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.job-label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted);\n}\n\n.job-name {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.figures {\n  display: flex;\n  gap: var(--ind-spacing-7, 20px);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\n/**\n * Operator workstation monitor: station + operator, current job, produced /\n * rejected counts and progress to target.\n */\n@Component({\n  tag: 'ind-workstation-monitor',\n  styleUrls: ['../_shared/panel.css', 'workstation-monitor.css'],\n  shadow: true,\n})\nexport class IndWorkstationMonitor {\n  @Prop() heading: string = 'Workstation';\n  /** Station identifier. */\n  @Prop() station?: string;\n  /** Operator name. */\n  @Prop() operator?: string;\n  /** Current job / order. */\n  @Prop() job?: string;\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** Produced count. */\n  @Prop() produced: number = 0;\n  /** Rejected count. */\n  @Prop() rejected: number = 0;\n  /** Target count for the job. */\n  @Prop() target?: number;\n\n  render() {\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    const pct = this.target ? Math.min(100, (this.produced / this.target) * 100) : undefined;\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <ind-status-dot state={dot as any} size=\"md\" />\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}{this.station ? ` · ${this.station}` : ''}</span>\n            {this.operator && <span class=\"panel-subtitle\">Operator: {this.operator}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          {this.job && (\n            <div class=\"job\" part=\"job\">\n              <span class=\"job-label\">Job</span>\n              <span class=\"job-name\">{this.job}</span>\n            </div>\n          )}\n          <div class=\"figures\" part=\"figures\">\n            <ind-value value={this.produced} label=\"Produced\" size=\"lg\"></ind-value>\n            <ind-value value={this.rejected} label=\"Rejected\" alarm={this.rejected > 0 ? 'high' : 'none'} size=\"md\"></ind-value>\n            {this.target !== undefined && (\n              <ind-value value={this.target} label=\"Target\" size=\"md\"></ind-value>\n            )}\n          </div>\n          {pct !== undefined && (\n            <ind-progress value={pct} max={100} variant=\"success\" size=\"md\" show-value></ind-progress>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAwB,IAAM,oZ,MCYvBC,EAAqBC,EAAA,MAAAD,UAAAE,E,iFACxBC,QAAkB,cAElBC,QAEAC,SAEAC,IACiBC,MAA4B,UAE7CC,SAAmB,EAEnBC,SAAmB,EAEnBC,OAER,MAAAC,GACE,MAAMC,EAAMC,KAAKN,QAAU,UAAY,UAAYM,KAAKN,MACxD,MAAMO,EAAMD,KAAKH,OAASK,KAAKC,IAAI,IAAMH,KAAKL,SAAWK,KAAKH,OAAU,KAAOO,UAC/E,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CAAgBb,MAAOK,EAAYU,KAAK,OACxCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcE,KAAK,WAAWV,KAAKV,QAASU,KAAKT,QAAU,MAAMS,KAAKT,UAAY,IAC7FS,KAAKR,UAAYa,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAgB,aAAYR,KAAKR,YAGnEa,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACRR,KAAKP,KACJY,EAAA,OAAAE,IAAA,2CAAKC,MAAM,MAAME,KAAK,OACpBL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAW,OACvBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,YAAYR,KAAKP,MAGjCY,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUE,KAAK,WACxBL,EAAA,aAAAE,IAAA,2CAAWI,MAAOX,KAAKL,SAAUiB,MAAM,WAAWH,KAAK,OACvDJ,EAAA,aAAAE,IAAA,2CAAWI,MAAOX,KAAKJ,SAAUgB,MAAM,WAAWC,MAAOb,KAAKJ,SAAW,EAAI,OAAS,OAAQa,KAAK,OAClGT,KAAKH,SAAWO,WACfC,EAAA,aAAAE,IAAA,2CAAWI,MAAOX,KAAKH,OAAQe,MAAM,SAASH,KAAK,QAGtDR,IAAQG,WACPC,EAAA,gBAAAE,IAAA,2CAAcI,MAAOV,EAAKa,IAAK,IAAKC,QAAQ,UAAUN,KAAK,KAAI,qB","ignoreList":[]}

package/dist/components/ind-xy-point.d.ts

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

package/dist/components/ind-xy-point.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as a,a as i,t as n}from"./index.js";const s=()=>`:host{display:inline-block;width:var(--ind-xy-size, 120px);height:var(--ind-xy-size, 120px);--_accent:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}:host([variant="running"]){--_accent:var(--ind-state-running-bg, #16a34a)}:host([variant="warning"]){--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([variant="fault"]){--_accent:var(--ind-state-fault-bg, #dc2626)}.plot{display:block;width:100%;height:100%}.field{fill:var(--ind-surface-sunken, light-dark(#fff, #000));stroke:var(--ind-surface-border-default, #2a3340);stroke-width:1;vector-effect:non-scaling-stroke}.axis{stroke:var(--ind-surface-border-subtle, #2a3340);stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.trail{fill:none;stroke:color-mix(in srgb, var(--_accent) 50%, transparent);stroke-width:1.5;stroke-linejoin:round;vector-effect:non-scaling-stroke}.point{fill:var(--_accent);stroke:var(--ind-surface-panel, #11161c);stroke-width:1.5;transition:cx var(--ind-motion-duration-base, 200ms) ease, cy var(--ind-motion-duration-base, 200ms) ease}@media (prefers-reduced-motion: reduce){.point{transition:none}}`;const r=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}x=0;y=0;xMin=0;xMax=100;yMin=0;yMax=100;trail=[];variant="default";label;w=100;hh=100;mapX(t){const e=this.xMax-this.xMin||1;return(t-this.xMin)/e*this.w}mapY(t){const e=this.yMax-this.yMin||1;return this.hh-(t-this.yMin)/e*this.hh}render(){const t=this.mapX(this.x);const e=this.mapY(this.y);const n=(this.trail??[]).map(((t,e)=>`${e===0?"M":"L"}${this.mapX(t[0]).toFixed(1)},${this.mapY(t[1]).toFixed(1)}`)).join(" ");return a(i,{key:"34f5e9950ed30202bb232b92a0757d0fb8d336b5",role:"img","aria-label":this.label??`operating point x ${this.x}, y ${this.y}`},a("svg",{key:"b0fcac199aa93ea9c9f43e7f4165e9dd440f04b9",class:"plot",part:"plot",viewBox:"0 0 100 100","aria-hidden":"true"},a("rect",{key:"8e84e601506d8ae9e7bdbcf086e594bc8dc095d1",class:"field",x:"0",y:"0",width:"100",height:"100"}),a("line",{key:"9dadfed6703161fade8bbbb7e5ab00b18a56f211",class:"axis",x1:"0",y1:"50",x2:"100",y2:"50"}),a("line",{key:"23600a64369f6d09c0b145d9452898163cd290cc",class:"axis",x1:"50",y1:"0",x2:"50",y2:"100"}),n&&a("path",{key:"4f68cdc008ce9658ae8e6590121a6a2aeaaf9661",class:"trail",part:"trail",d:n}),a("circle",{key:"a9304647f41f7d338f77fd52c6b3dd746c545c21",class:"point",part:"point",cx:t,cy:e,r:"3.5"})))}static get style(){return s()}},[513,"ind-xy-point",{x:[2],y:[2],xMin:[2,"x-min"],xMax:[2,"x-max"],yMin:[2,"y-min"],yMax:[2,"y-max"],trail:[16],variant:[513],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ind-xy-point"];t.forEach((t=>{switch(t){case"ind-xy-point":if(!customElements.get(n(t))){customElements.define(n(t),r)}break}}))}c();const o=r;const d=c;export{o as IndXyPoint,d as defineCustomElement};
+//# sourceMappingURL=ind-xy-point.js.map

package/dist/components/ind-xy-point.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["xyPointCss","IndXyPoint","__stencil_proxyCustomElement","HTMLElement","x","y","xMin","xMax","yMin","yMax","trail","variant","label","w","hh","mapX","v","span","this","mapY","render","px","py","trailPath","map","p","i","toFixed","join","h","Host","key","role","class","part","viewBox","width","height","x1","y1","x2","y2","d","cx","cy","r"],"sources":["src/components/atoms/xy-point/xy-point.css?tag=ind-xy-point&encapsulation=shadow","src/components/atoms/xy-point/xy-point.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: var(--ind-xy-size, 120px);\n  height: var(--ind-xy-size, 120px);\n  --_accent: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n}\n\n:host([variant=\"running\"]) { --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([variant=\"warning\"])  { --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([variant=\"fault\"])    { --_accent: var(--ind-state-fault-bg, #dc2626); }\n\n.plot {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.field {\n  fill: var(--ind-surface-sunken, light-dark(#fff, #000));\n  stroke: var(--ind-surface-border-default, #2a3340);\n  stroke-width: 1;\n  vector-effect: non-scaling-stroke;\n}\n\n.axis {\n  stroke: var(--ind-surface-border-subtle, #2a3340);\n  stroke-width: 1;\n  stroke-dasharray: 2 2;\n  vector-effect: non-scaling-stroke;\n}\n\n.trail {\n  fill: none;\n  stroke: color-mix(in srgb, var(--_accent) 50%, transparent);\n  stroke-width: 1.5;\n  stroke-linejoin: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.point {\n  fill: var(--_accent);\n  stroke: var(--ind-surface-panel, #11161c);\n  stroke-width: 1.5;\n  transition: cx var(--ind-motion-duration-base, 200ms) ease, cy var(--ind-motion-duration-base, 200ms) ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .point { transition: none; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type XyVariant = 'default' | 'running' | 'warning' | 'fault';\n\n@Component({\n  tag: 'ind-xy-point',\n  styleUrl: 'xy-point.css',\n  shadow: true,\n})\nexport class IndXyPoint {\n  /** X value of the operating point. */\n  @Prop() x: number = 0;\n  /** Y value of the operating point. */\n  @Prop() y: number = 0;\n  /** X axis bounds. */\n  @Prop() xMin: number = 0;\n  @Prop() xMax: number = 100;\n  /** Y axis bounds. */\n  @Prop() yMin: number = 0;\n  @Prop() yMax: number = 100;\n  /** Optional trail of past points, oldest → newest, as [x, y] pairs. Pass as a property. */\n  @Prop() trail: [number, number][] = [];\n  /** Color intent of the point. */\n  @Prop({ reflect: true }) variant: XyVariant = 'default';\n  /** Accessible label. */\n  @Prop() label?: string;\n\n  private readonly w = 100;\n  private readonly hh = 100;\n\n  private mapX(v: number): number {\n    const span = this.xMax - this.xMin || 1;\n    return ((v - this.xMin) / span) * this.w;\n  }\n  private mapY(v: number): number {\n    const span = this.yMax - this.yMin || 1;\n    return this.hh - ((v - this.yMin) / span) * this.hh;\n  }\n\n  render() {\n    const px = this.mapX(this.x);\n    const py = this.mapY(this.y);\n    const trailPath = (this.trail ?? [])\n      .map((p, i) => `${i === 0 ? 'M' : 'L'}${this.mapX(p[0]).toFixed(1)},${this.mapY(p[1]).toFixed(1)}`)\n      .join(' ');\n    return (\n      <Host role=\"img\" aria-label={this.label ?? `operating point x ${this.x}, y ${this.y}`}>\n        <svg class=\"plot\" part=\"plot\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n          <rect class=\"field\" x=\"0\" y=\"0\" width=\"100\" height=\"100\" />\n          <line class=\"axis\" x1=\"0\" y1=\"50\" x2=\"100\" y2=\"50\" />\n          <line class=\"axis\" x1=\"50\" y1=\"0\" x2=\"50\" y2=\"100\" />\n          {trailPath && <path class=\"trail\" part=\"trail\" d={trailPath} />}\n          <circle class=\"point\" part=\"point\" cx={px} cy={py} r=\"3.5\" />\n        </svg>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAa,IAAM,2lC,MCSZC,EAAUC,EAAA,MAAAD,UAAAE,E,iFAEbC,EAAY,EAEZC,EAAY,EAEZC,KAAe,EACfC,KAAe,IAEfC,KAAe,EACfC,KAAe,IAEfC,MAA4B,GAEXC,QAAqB,UAEtCC,MAESC,EAAI,IACJC,GAAK,IAEd,IAAAC,CAAKC,GACX,MAAMC,EAAOC,KAAKX,KAAOW,KAAKZ,MAAQ,EACtC,OAASU,EAAIE,KAAKZ,MAAQW,EAAQC,KAAKL,C,CAEjC,IAAAM,CAAKH,GACX,MAAMC,EAAOC,KAAKT,KAAOS,KAAKV,MAAQ,EACtC,OAAOU,KAAKJ,IAAOE,EAAIE,KAAKV,MAAQS,EAAQC,KAAKJ,E,CAGnD,MAAAM,GACE,MAAMC,EAAKH,KAAKH,KAAKG,KAAKd,GAC1B,MAAMkB,EAAKJ,KAAKC,KAAKD,KAAKb,GAC1B,MAAMkB,GAAaL,KAAKR,OAAS,IAC9Bc,KAAI,CAACC,EAAGC,IAAM,GAAGA,IAAM,EAAI,IAAM,MAAMR,KAAKH,KAAKU,EAAE,IAAIE,QAAQ,MAAMT,KAAKC,KAAKM,EAAE,IAAIE,QAAQ,OAC7FC,KAAK,KACR,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAad,KAAKN,OAAS,qBAAqBM,KAAKd,QAAQc,KAAKb,KAChFwB,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,OAAOC,QAAQ,cAAa,cAAa,QAC9DN,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQ7B,EAAE,IAAIC,EAAE,IAAI+B,MAAM,MAAMC,OAAO,QACnDR,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,IAAIC,GAAG,KAAKC,GAAG,MAAMC,GAAG,OAC9CZ,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOK,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,QAC5ClB,GAAaM,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,QAAQQ,EAAGnB,IAClDM,EAAA,UAAAE,IAAA,2CAAQE,MAAM,QAAQC,KAAK,QAAQS,GAAItB,EAAIuB,GAAItB,EAAIuB,EAAE,S","ignoreList":[]}

package/dist/components/index.js

@@ -1,2 +1,2 @@
-const e=":root,[data-theme=\"dark\"]{--ind-color-palette-neutral-0:#000000;--ind-color-palette-neutral-50:#0a0d11;--ind-color-palette-neutral-100:#11161c;--ind-color-palette-neutral-200:#1a2129;--ind-color-palette-neutral-300:#2a3340;--ind-color-palette-neutral-400:#3d4856;--ind-color-palette-neutral-500:#5a6776;--ind-color-palette-neutral-600:#8390a0;--ind-color-palette-neutral-700:#aab5c2;--ind-color-palette-neutral-800:#d0d7e0;--ind-color-palette-neutral-900:#eef1f5;--ind-color-palette-neutral-1000:#ffffff;--ind-color-palette-green-300:#4ade80;--ind-color-palette-green-500:#16a34a;--ind-color-palette-amber-300:#fcd34d;--ind-color-palette-amber-500:#f59e0b;--ind-color-palette-red-300:#f87171;--ind-color-palette-red-500:#dc2626;--ind-color-palette-blue-300:#60a5fa;--ind-color-palette-blue-500:#2563eb;--ind-color-palette-purple-300:#a78bfa;--ind-color-palette-purple-500:#7c3aed;--ind-color-palette-cyan-300:#22d3ee;--ind-color-palette-cyan-500:#0891b2;--ind-motion-duration-instant:0ms;--ind-motion-duration-fast:120ms;--ind-motion-duration-base:200ms;--ind-motion-duration-slow:320ms;--ind-motion-blink-slow:1000ms;--ind-motion-blink-fast:400ms;--ind-motion-blink-urgent:200ms;--ind-motion-easing-linear:linear;--ind-motion-easing-standard:cubic-bezier(0.2, 0, 0.2, 1);--ind-size-button-sm:26px;--ind-size-button-md:32px;--ind-size-button-lg:38px;--ind-size-button-xl:42px;--ind-size-input-sm:24px;--ind-size-input-md:32px;--ind-size-input-lg:40px;--ind-size-sidebar-width:178px;--ind-size-canvas-robot-width:320px;--ind-size-canvas-robot-height:220px;--ind-size-canvas-shelves-width:480px;--ind-size-canvas-shelves-height:340px;--ind-size-window-min-width:820px;--ind-size-window-min-height:620px;--ind-spacing-0:0;--ind-spacing-1:2px;--ind-spacing-2:4px;--ind-spacing-3:6px;--ind-spacing-4:8px;--ind-spacing-5:12px;--ind-spacing-6:16px;--ind-spacing-7:20px;--ind-spacing-8:24px;--ind-spacing-9:32px;--ind-spacing-10:40px;--ind-radius-none:0;--ind-radius-sm:2px;--ind-radius-md:3px;--ind-radius-lg:6px;--ind-radius-full:9999px;--ind-font-family-sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;--ind-font-family-mono:'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;--ind-font-size-xs:10px;--ind-font-size-sm:11px;--ind-font-size-base:12px;--ind-font-size-md:13px;--ind-font-size-lg:14px;--ind-font-size-xl:16px;--ind-font-size-2xl:20px;--ind-font-size-3xl:28px;--ind-font-weight-regular:400;--ind-font-weight-medium:500;--ind-font-weight-semibold:600;--ind-font-weight-bold:700;--ind-font-line-height-tight:1.1;--ind-font-line-height-normal:1.4;--ind-font-line-height-loose:1.6;--ind-font-feature-tabular:'tnum' 1, 'lnum' 1;--ind-alarm-high-high-priority:1;--ind-alarm-high-high-label:HH;--ind-alarm-high-priority:2;--ind-alarm-high-label:H;--ind-alarm-low-priority:3;--ind-alarm-low-label:L;--ind-alarm-low-low-priority:4;--ind-alarm-low-low-label:LL;--ind-button-ghost-bg:rgba(0, 0, 0, 0);--ind-state-running-glow:rgba(34, 197, 94, 0.6);--ind-state-stopped-glow:rgba(131, 144, 160, 0.35);--ind-state-fault-glow:rgba(220, 38, 38, 0.7);--ind-state-warning-glow:rgba(245, 158, 11, 0.6);--ind-state-maintenance-glow:rgba(37, 99, 235, 0.6);--ind-alarm-high-high-fg:var(--ind-color-palette-neutral-1000);--ind-alarm-high-high-bg:var(--ind-color-palette-red-500);--ind-alarm-high-high-border:var(--ind-color-palette-red-300);--ind-alarm-high-fg:var(--ind-color-palette-neutral-0);--ind-alarm-high-bg:var(--ind-color-palette-amber-500);--ind-alarm-high-border:var(--ind-color-palette-amber-300);--ind-alarm-low-fg:var(--ind-color-palette-neutral-1000);--ind-alarm-low-bg:var(--ind-color-palette-cyan-500);--ind-alarm-low-border:var(--ind-color-palette-cyan-300);--ind-alarm-low-low-fg:var(--ind-color-palette-neutral-1000);--ind-alarm-low-low-bg:var(--ind-color-palette-purple-500);--ind-alarm-low-low-border:var(--ind-color-palette-purple-300);--ind-button-default-bg:var(--ind-color-palette-neutral-200);--ind-button-default-bg-hover:var(--ind-color-palette-neutral-300);--ind-button-default-bg-active:var(--ind-color-palette-neutral-400);--ind-button-default-fg:var(--ind-color-palette-neutral-900);--ind-button-default-border:var(--ind-color-palette-neutral-400);--ind-button-primary-bg:var(--ind-color-palette-blue-500);--ind-button-primary-bg-hover:var(--ind-color-palette-blue-300);--ind-button-primary-bg-active:var(--ind-color-palette-blue-300);--ind-button-primary-fg:var(--ind-color-palette-neutral-1000);--ind-button-primary-border:var(--ind-color-palette-blue-300);--ind-button-danger-bg:var(--ind-color-palette-red-500);--ind-button-danger-bg-hover:var(--ind-color-palette-red-300);--ind-button-danger-bg-active:var(--ind-color-palette-red-300);--ind-button-danger-fg:var(--ind-color-palette-neutral-1000);--ind-button-danger-border:var(--ind-color-palette-red-300);--ind-button-ghost-bg-hover:var(--ind-color-palette-neutral-200);--ind-button-ghost-bg-active:var(--ind-color-palette-neutral-300);--ind-button-ghost-fg:var(--ind-color-palette-neutral-900);--ind-button-ghost-border:var(--ind-color-palette-neutral-400);--ind-feedback-success-fg:var(--ind-color-palette-neutral-1000);--ind-feedback-success-bg:var(--ind-color-palette-green-500);--ind-feedback-success-border:var(--ind-color-palette-green-300);--ind-feedback-warning-fg:var(--ind-color-palette-neutral-0);--ind-feedback-warning-bg:var(--ind-color-palette-amber-500);--ind-feedback-warning-border:var(--ind-color-palette-amber-300);--ind-feedback-error-fg:var(--ind-color-palette-neutral-1000);--ind-feedback-error-bg:var(--ind-color-palette-red-500);--ind-feedback-error-border:var(--ind-color-palette-red-300);--ind-feedback-info-fg:var(--ind-color-palette-neutral-1000);--ind-feedback-info-bg:var(--ind-color-palette-cyan-500);--ind-feedback-info-border:var(--ind-color-palette-cyan-300);--ind-state-running-fg:var(--ind-color-palette-neutral-1000);--ind-state-running-bg:var(--ind-color-palette-green-500);--ind-state-running-border:var(--ind-color-palette-green-300);--ind-state-stopped-fg:var(--ind-color-palette-neutral-900);--ind-state-stopped-bg:var(--ind-color-palette-neutral-500);--ind-state-stopped-border:var(--ind-color-palette-neutral-600);--ind-state-fault-fg:var(--ind-color-palette-neutral-1000);--ind-state-fault-bg:var(--ind-color-palette-red-500);--ind-state-fault-border:var(--ind-color-palette-red-300);--ind-state-warning-fg:var(--ind-color-palette-neutral-0);--ind-state-warning-bg:var(--ind-color-palette-amber-500);--ind-state-warning-border:var(--ind-color-palette-amber-300);--ind-state-maintenance-fg:var(--ind-color-palette-neutral-1000);--ind-state-maintenance-bg:var(--ind-color-palette-blue-500);--ind-state-maintenance-border:var(--ind-color-palette-blue-300);--ind-surface-background:var(--ind-color-palette-neutral-50);--ind-surface-panel:var(--ind-color-palette-neutral-100);--ind-surface-raised:var(--ind-color-palette-neutral-200);--ind-surface-sunken:var(--ind-color-palette-neutral-0);--ind-surface-border-subtle:var(--ind-color-palette-neutral-200);--ind-surface-border-default:var(--ind-color-palette-neutral-300);--ind-surface-border-strong:var(--ind-color-palette-neutral-500);--ind-surface-text-primary:var(--ind-color-palette-neutral-900);--ind-surface-text-secondary:var(--ind-color-palette-neutral-700);--ind-surface-text-muted:var(--ind-color-palette-neutral-600);--ind-surface-text-inverse:var(--ind-color-palette-neutral-50);--ind-surface-focus-ring:var(--ind-color-palette-cyan-300);--ind-trend-up-fg:var(--ind-color-palette-amber-300);--ind-trend-down-fg:var(--ind-color-palette-cyan-300);--ind-trend-stable-fg:var(--ind-color-palette-neutral-600);}:root,[data-theme=\"dark\"]{color-scheme:dark}[data-theme=\"light\"]{--ind-surface-background:#eef1f5;--ind-surface-panel:#ffffff;--ind-surface-raised:#d0d7e0;--ind-surface-sunken:#eef1f5;--ind-surface-border-subtle:#d0d7e0;--ind-surface-border-default:#aab5c2;--ind-surface-border-strong:#5a6776;--ind-surface-text-primary:#11161c;--ind-surface-text-secondary:#2a3340;--ind-surface-text-muted:#5a6776;--ind-surface-text-inverse:#ffffff}[data-theme=\"light\"]{color-scheme:light}[data-theme=\"high-contrast\"]{--ind-state-running-bg:#00ff00;--ind-state-running-border:#ffffff;--ind-state-stopped-bg:#808080;--ind-state-stopped-border:#ffffff;--ind-state-fault-bg:#ff0000;--ind-state-fault-border:#ffffff;--ind-state-warning-bg:#ffff00;--ind-state-warning-border:#000000;--ind-state-maintenance-bg:#00ffff;--ind-state-maintenance-border:#ffffff;--ind-surface-background:#000000;--ind-surface-panel:#000000;--ind-surface-raised:#11161c;--ind-surface-sunken:#000000;--ind-surface-border-subtle:#ffffff;--ind-surface-border-default:#ffffff;--ind-surface-border-strong:#ffffff;--ind-surface-text-primary:#ffffff;--ind-surface-text-secondary:#eef1f5;--ind-surface-text-muted:#d0d7e0;--ind-surface-text-inverse:#000000}[data-theme=\"high-contrast\"]{color-scheme:dark}";const t="ind-ds";const n={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:false,state:true,updatable:true};var r="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";function a(e,t,n){const r=typeof HTMLElement!=="undefined"?HTMLElement.prototype:null;while(e&&e!==r){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n||r.get))return r;e=Object.getPrototypeOf(e)}return void 0}var l=(e,t)=>{var n;const r=t.t;const i=Object.entries((n=r.i)!=null?n:{});i.map((([n,[r]])=>{if(r&31||r&32){const r=e[n];const i=a(Object.getPrototypeOf(e),n,true)||Object.getOwnPropertyDescriptor(e,n);if(i){Object.defineProperty(e,n,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:true,enumerable:true})}if(t.l.has(n)){e[n]=t.l.get(n)}else if(r!==void 0){e[n]=r}}}))};var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var s=(e,t)=>{const r={o:0,$hostElement$:e,t,l:new Map,u:new Map};{r.p=new Promise((e=>r.v=e));e["s-p"]=[];e["s-rc"]=[]}const i=r;e.__stencil__getHostRef=()=>i;if(t.o&512&&n.state){l(e,r)}return i};var f=(e,t)=>t in e;var d=(e,t)=>(0,console.error)(e,t);var c=new Map;var u="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var v=p.HTMLElement||class{};var b={o:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var g=e=>Promise.resolve(e);var h=(()=>{try{if(!p.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var m=h?(()=>!!p.document&&Object.getOwnPropertyDescriptor(p.document.adoptedStyleSheets,"length").writable)():false;var w=false;var y=[];var x=[];var $=(e,t)=>n=>{e.push(n);if(!w){w=true;if(t&&b.o&4){S(j)}else{b.raf(j)}}};var k=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){d(e)}}e.length=0};var j=()=>{k(y);{k(x);if(w=y.length>0){b.raf(j)}}};var S=e=>g().then(e);var O=$(x,true);var z=e=>{const t=new URL(e,b.h);return t.origin!==p.location.origin?t.href:t.pathname};var M=e=>b.h=e;function C(e){if(!h)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var E;function L(t){var n;const r={mode:"open"};const i=this.attachShadow(r);if(E===void 0)E=(n=C(e))!=null?n:null;if(E){if(m){i.adoptedStyleSheets.push(E)}else{i.adoptedStyleSheets=[...i.adoptedStyleSheets,E]}}else if(!h){const t=document.createElement("style");t.innerHTML=e;i.prepend(t)}}var A=(e,t="")=>{{return()=>{}}};function H(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var U=new WeakMap;var N=(e,t,n)=>{let r=c.get(e);if(h&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}c.set(e,r)};var R=(e,t,n)=>{var r,i,a;const l=D(t);const o=c.get(l);if(!p.document){return l}e=e.nodeType===11?e:p.document;if(o){if(typeof o==="string"){e=e.head||e;let n=U.get(e);let a;if(!n){U.set(e,n=new Set)}if(!n.has(l)){a=p.document.createElement("style");a.textContent=o;const s=(r=b.m)!=null?r:H(p.document);if(s!=null){a.setAttribute("nonce",s)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(h){const t=(i=e.defaultView)!=null?i:e.ownerDocument.defaultView;const n=new t.CSSStyleSheet;n.replaceSync(o);if(m){e.adoptedStyleSheets.unshift(n)}else{e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t&&true){t.textContent=o+t.textContent}else{e.prepend(a)}}}else{e.append(a)}}if(t.o&1){e.insertBefore(a,null)}if(t.o&4){a.textContent+=u}if(n){n.add(l)}}}else{let t=U.get(e);if(!t){U.set(e,t=new Set)}if(!t.has(l)){const n=(a=e.defaultView)!=null?a:e.ownerDocument.defaultView;let r;if(o.constructor===n.CSSStyleSheet){r=o}else{r=new n.CSSStyleSheet;for(let e=0;e<o.cssRules.length;e++){r.insertRule(o.cssRules[e].cssText,e)}}if(m){e.adoptedStyleSheets.push(r)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}t.add(l)}}}return l};var _=e=>{const t=e.t;const n=e.$hostElement$;const r=t.o;const i=A("attachStyles",t.$);const a=R(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var D=(e,t)=>"sc-"+e.$;var P=e=>{e=typeof e;return e==="object"||e==="function"};var W=(e,t,...n)=>{if(typeof e==="string"){e=_e(e)}let r=null;let i=null;let a=false;let l=false;const o=[];const s=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){s(r)}else if(r!=null&&typeof r!=="boolean"){if(a=typeof e!=="function"&&!P(r)){r=String(r)}if(a&&l){o[o.length-1].k+=r}else{o.push(a?F(null,r):r)}l=a}}};s(n);if(t){if(t.key){i=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const f=F(e,null);f.j=t;if(o.length>0){f.S=o}{f.O=i}return f};var F=(e,t)=>{const n={o:0,M:e,k:t!=null?t:null,C:null,S:null};{n.j=null}{n.O=null}return n};var V={};var q=e=>e&&e.M===V;var I=e=>{if(!e)return void 0;const t=Object.keys(e);if(t.length===0)return void 0;let n=false;for(const r of t){if(n)break;for(const t of e[r]){if(typeof t==="string"){n=true;break}}}if(!n)return e;const r={};for(const n of t){r[n]=e[n].map((e=>typeof e==="string"?{[e]:0}:e))}return r};var T=(e,t,n)=>{if(e!=null&&!P(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var B=e=>e;var J=(e,t,n)=>{const r=B(e);return{emit:e=>Y(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var Y=(e,t,n)=>{const r=b.ce(t,n);e.dispatchEvent(r);return r};var Z=(e,t,n,r,i,a,l)=>{if(n===r){return}let s=f(e,t);let d=t.toLowerCase();if(t==="class"){const t=e.classList;const i=K(n);let a=K(r);{t.remove(...i.filter((e=>e&&!a.includes(e))));t.add(...a.filter((e=>e&&!i.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(!e.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(f(p,d)){t=d.slice(2)}else{t=d[2]+t.slice(3)}if(n||r){const i=t.endsWith(Q);t=t.replace(X,"");if(n){b.rel(e,t,n,i)}if(r){b.ael(e,t,r,i)}}}else if(t[0]==="a"&&t.startsWith("attr:")){const n=t.slice(5);let i;{const t=o(e);if(t&&t.t&&t.t.i){const e=t.t.i[n];if(e&&e[1]){i=e[1]}}}if(!i){i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}if(r==null||r===false){if(r!==false||e.getAttribute(i)===""){e.removeAttribute(i)}}else{e.setAttribute(i,r===true?"":r)}return}else if(t[0]==="p"&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}else{const l=P(r);if((s||l&&r!==null)&&!i){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){s=false}else if(n==null||e[t]!==i){if(typeof e.__lookupSetter__(t)==="function"){e[t]=i}else{e.setAttribute(t,i)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||a&4||i)&&!l&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var G=/\s/;var K=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(G)};var Q="Capture";var X=new RegExp(Q+"$");var ee=(e,t,n,r)=>{const i=t.C.nodeType===11&&t.C.host?t.C.host:t.C;const a=e&&e.j||{};const l=t.j||{};{for(const e of te(Object.keys(a))){if(!(e in l)){Z(i,e,a[e],void 0,n,t.o)}}}for(const e of te(Object.keys(l))){Z(i,e,a[e],l[e],n,t.o)}};function te(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ne;var re=false;var ie=false;var ae=(e,t,n)=>{const a=t.S[n];let l=0;let o;let s;if(a.k!=null){o=a.C=p.document.createTextNode(a.k)}else{if(!ie){ie=a.M==="svg"}if(!p.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}o=a.C=p.document.createElementNS(ie?r:i,a.M);if(ie&&a.M==="foreignObject"){ie=false}{ee(null,a,ie)}if(a.S){const t=a.M==="template"?o.content:o;for(l=0;l<a.S.length;++l){s=ae(e,a,l);if(s){t.appendChild(s)}}}{if(a.M==="svg"){ie=false}else if(o.tagName==="foreignObject"){ie=true}}}o["s-hn"]=ne;return o};var le=e=>{b.o|=1;const t=e.closest(ne.toLowerCase());if(t!=null){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r){if(e["s-sh"]!=null){ue(t,e,n!=null?n:null);e["s-sh"]=void 0}}}b.o&=-2};var oe=(e,t,n,r,i,a)=>{let l=e;let o;if(l.shadowRoot&&l.tagName===ne){l=l.shadowRoot}if(n.M==="template"){l=l.content}for(;i<=a;++i){if(r[i]){o=ae(null,n,i);if(o){r[i].C=o;ue(l,o,t)}}}};var se=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.C;if(e){e.remove()}}}};var fe=(e,t,n,r,i=false)=>{let a=0;let l=0;let o=0;let s=0;let f=t.length-1;let d=t[0];let c=t[f];let u=r.length-1;let p=r[0];let v=r[u];let b;let g;const h=n.M==="template"?e.content:e;while(a<=f&&l<=u){if(d==null){d=t[++a]}else if(c==null){c=t[--f]}else if(p==null){p=r[++l]}else if(v==null){v=r[--u]}else if(de(d,p,i)){ce(d,p,i);d=t[++a];p=r[++l]}else if(de(c,v,i)){ce(c,v,i);c=t[--f];v=r[--u]}else if(de(d,v,i)){ce(d,v,i);ue(h,d.C,c.C.nextSibling);d=t[++a];v=r[--u]}else if(de(c,p,i)){ce(c,p,i);ue(h,c.C,d.C);c=t[--f];p=r[++l]}else{o=-1;{for(s=a;s<=f;++s){if(t[s]&&t[s].O!==null&&t[s].O===p.O){o=s;break}}}if(o>=0){g=t[o];if(g.M!==p.M){b=ae(t&&t[l],n,o)}else{ce(g,p,i);t[o]=void 0;b=g.C}p=r[++l]}else{b=ae(t&&t[l],n,l);p=r[++l]}if(b){{ue(d.C.parentNode,b,d.C)}}}}if(a>f){oe(e,r[u+1]==null?null:r[u+1].C,n,r,l,u)}else if(l>u){se(t,a,f)}};var de=(e,t,n=false)=>{if(e.M===t.M){if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var ce=(e,t,r=false)=>{const i=t.C=e.C;const a=e.S;const l=t.S;const o=t.M;const s=t.k;if(s==null){{ie=o==="svg"?true:o==="foreignObject"?false:ie}{if(o==="slot"&&!re){if(e.L!==t.L){t.C["s-sn"]=t.L||"";le(t.C.parentElement)}}ee(e,t,ie)}if(a!==null&&l!==null){fe(i,a,t,l,r)}else if(l!==null){if(e.k!==null){i.textContent=""}oe(i,null,t,l,0,l.length-1)}else if(!r&&n.updatable&&a!==null){se(a,0,a.length-1)}else;if(ie&&o==="svg"){ie=false}}else if(e.k!==s){i.data=s}};var ue=(e,t,n,r)=>{if(e.__insertBefore){return e.__insertBefore(t,n)}else{return e==null?void 0:e.insertBefore(t,n)}};var pe=(e,t,n=false)=>{const r=e.$hostElement$;const i=e.t;const a=e.A||F(null,null);const l=q(t);const o=l?t:W(null,null,t);ne=r.tagName;if(i.H){o.j=o.j||{};i.H.forEach((([e,t])=>{{o.j[t]=r[e]}}))}if(n&&o.j){for(const e of Object.keys(o.j)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.j[e]=r[e]}}}o.M=null;o.o|=4;e.A=o;o.C=a.C=r.shadowRoot||r;re=!!(i.o&1)&&!(i.o&128);ce(a,o,n)};var ve=(e,t)=>{if(t&&!e.U&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.U=()=>{t["s-p"].splice(n-1,1);r()})))}};var be=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}ve(e,e.N);const n=()=>ge(e,t);if(t){queueMicrotask((()=>{n()}));return}return O(n)};var ge=(e,t)=>{const n=e.$hostElement$;const r=A("scheduleUpdate",e.t.$);const i=n;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let a;if(t){a=ke(i,"componentWillLoad",void 0,n)}else{a=ke(i,"componentWillUpdate",void 0,n)}a=he(a,(()=>ke(i,"componentWillRender",void 0,n)));r();return he(a,(()=>we(e,i,t)))};var he=(e,t)=>me(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var me=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var we=async(e,t,n)=>{var r;const i=e.$hostElement$;const a=A("update",e.t.$);const l=i["s-rc"];if(n){_(e)}const o=A("render",e.t.$);{ye(e,t,i,n)}if(l){l.map((e=>e()));i["s-rc"]=void 0}o();a();{const t=(r=i["s-p"])!=null?r:[];const n=()=>xe(e);if(t.length===0){n()}else{Promise.all(t).then(n).catch(n);e.o|=4;t.length=0}}};var ye=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{pe(e,t,r)}}}}catch(t){d(t,e.$hostElement$)}return null};var xe=e=>{const t=e.t.$;const n=e.$hostElement$;const r=A("postUpdate",t);const i=n;const a=e.N;ke(i,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{je(n)}ke(i,"componentDidLoad",void 0,n);r();{e.v(n);if(!a){$e()}}}else{ke(i,"componentDidUpdate",void 0,n);r()}{if(e.U){e.U();e.U=void 0}if(e.o&512){S((()=>be(e,false)))}e.o&=-517}};var $e=e=>{S((()=>Y(p,"appload",{detail:{namespace:t}})))};var ke=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){d(e,r)}}return void 0};var je=e=>{var t;return e.classList.add((t=n.hydratedSelectorName)!=null?t:"hydrated")};var Se=(e,t)=>o(e).l.get(t);var Oe=(e,t,n,r)=>{const i=o(e);if(!i){return}const a=e;const l=i.l.get(t);const s=i.o;const f=a;n=T(n,r.i[t][0]);const c=Number.isNaN(l)&&Number.isNaN(n);const u=n!==l&&!c;if(u){i.l.set(t,n);if(r.R){const e=r.R[t];if(e){e.map((e=>{try{const[[r,a]]=Object.entries(e);if(s&128||a&1){if(!f){i._.push((()=>{i.D[r](n,l,t)}))}else{f[r](n,l,t)}}}catch(e){d(e,a)}}))}}if(s&2){if(f.componentShouldUpdate){const e=f.componentShouldUpdate(n,l,t);if(e===false&&!(s&16)){return}}if(!(s&16)){be(i,false)}}}};var ze=(e,t,r)=>{var i,l;const s=e.prototype;{{if(e.watchers&&!t.R){t.R=I(e.watchers)}if(e.deserializers&&!t.P){t.P=e.deserializers}if(e.serializers&&!t.W){t.W=e.serializers}}const r=Object.entries((i=t.i)!=null?i:{});r.map((([e,[n]])=>{if(n&31||n&32){const{get:r,set:i}=a(s,e)||{};if(r)t.i[e][0]|=2048;if(i)t.i[e][0]|=4096;{Object.defineProperty(s,e,{get(){{return r?r.apply(this):Se(this,e)}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(r){const a=o(this);if(!a){return}if(i){const l=n&32?this[e]:a.$hostElement$[e];if(typeof l==="undefined"&&a.l.get(e)){r=a.l.get(e)}i.apply(this,[T(r,n)]);r=n&32?this[e]:a.$hostElement$[e];Oe(this,e,r,t);return}{Oe(this,e,r,t);return}}})}}));{const i=new Map;s.attributeChangedCallback=function(e,a,l){b.jmp((()=>{var f;const d=i.get(e);const c=o(this);if(this.hasOwnProperty(d)&&n.lazyLoad);if(s.hasOwnProperty(d)&&typeof this[d]==="number"&&this[d]==l){return}else if(d==null){const n=c==null?void 0:c.o;if(c&&n&&!(n&8)&&l!==a){const r=this;const i=r;const o=(f=t.R)==null?void 0:f[e];o==null?void 0:o.forEach((t=>{const[[r,o]]=Object.entries(t);if(i[r]!=null&&(n&128||o&1)){i[r].call(i,l,a,e)}}))}return}const u=r.find((([e])=>e===d));const p=u&&u[1][0]&4;const v=p&&l===null&&this[d]===void 0;if(p){l=l===null||l==="false"?false:true}const b=Object.getOwnPropertyDescriptor(s,d);if(!v&&l!=this[d]&&(!b.get||!!b.set)){this[d]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.R)!=null?l:{}),...r.filter((([e,t])=>t[0]&31)).map((([e,n])=>{var r;const a=n[1]||e;i.set(a,e);if(n[0]&512){(r=t.H)==null?void 0:r.push([e,a])}return a}))]))}}return e};var Me=async(e,t,r,i)=>{let a;try{if((t.o&32)===0){t.o|=32;{a=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(a&&a.style){let e;if(typeof a.style==="string"){e=a.style}const t=D(r);if(!c.has(t)||n.hotModuleReplacement){const n=A("registerStyles",r.$);N(t,e,!!(r.o&1));n()}}}const i=t.N;const l=()=>be(t,true);if(i&&i["s-rc"]){i["s-rc"].push(l)}else{l()}}catch(n){d(n,e);if(t.U){t.U();t.U=void 0}if(t.v){t.v(e)}}};var Ce=(e,t)=>{};var Ee=e=>{if((b.o&1)===0){const t=o(e);if(!t){return}const n=t.t;const r=A("connectedCallback",n.$);if(!(t.o&1)){t.o|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ve(t,t.N=n);break}}}if(n.i){Object.entries(n.i).map((([t,[n]])=>{if(n&31&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t];e[t]=n}}))}{Me(e,t,n)}}else{if(t==null?void 0:t.D);else if(t==null?void 0:t.p){t.p.then((()=>Ce()))}}r()}};var Le=async e=>{if((b.o&1)===0){o(e)}if(U.has(e)){U.delete(e)}if(e.shadowRoot&&U.has(e.shadowRoot)){U.delete(e.shadowRoot)}};var Ae=(e,t)=>{const n={o:t[0],$:t[1]};try{{n.i=t[2]}{n.R=I(e.R);n.P=e.P;n.W=e.W}{n.H=[]}const r=e.prototype.connectedCallback;const i=e.prototype.disconnectedCallback;Object.assign(e.prototype,{__hasHostListenerAttached:false,__registerHost(){s(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=o(this);if(!e){return}this.__hasHostListenerAttached=true}Ee(this);if(r){r.call(this)}},disconnectedCallback(){Le(this);if(i){i.call(this)}},__attachShadow(){{if(!this.shadowRoot){L.call(this,n)}else{if(this.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}});Object.defineProperty(e,"is",{value:n.$,configurable:true});return ze(e,n)}catch(t){d(t);return e}};var He=e=>b.m=e;var Ue=e=>Object.assign(b,e);var Ne=new WeakMap;function Re(e,t){let n=Ne.get(t);if(!n){const e={o:0,$:t.tagName};n={o:0,t:e,$hostElement$:t};Ne.set(t,n)}pe(n,e)}function _e(e){return e}export{v as H,V as a,J as c,z as getAssetPath,W as h,Ae as p,Re as render,M as setAssetPath,He as setNonce,Ue as setPlatformOptions,_e as t};
+const e=":root,[data-theme=\"dark\"]{--ind-color-palette-neutral-0:#000000;--ind-color-palette-neutral-50:#0a0d11;--ind-color-palette-neutral-100:#11161c;--ind-color-palette-neutral-200:#1a2129;--ind-color-palette-neutral-300:#2a3340;--ind-color-palette-neutral-400:#3d4856;--ind-color-palette-neutral-500:#5a6776;--ind-color-palette-neutral-600:#8390a0;--ind-color-palette-neutral-700:#aab5c2;--ind-color-palette-neutral-800:#d0d7e0;--ind-color-palette-neutral-900:#eef1f5;--ind-color-palette-neutral-1000:#ffffff;--ind-color-palette-green-300:#4ade80;--ind-color-palette-green-500:#16a34a;--ind-color-palette-amber-300:#fcd34d;--ind-color-palette-amber-500:#f59e0b;--ind-color-palette-red-300:#f87171;--ind-color-palette-red-500:#dc2626;--ind-color-palette-blue-300:#60a5fa;--ind-color-palette-blue-500:#2563eb;--ind-color-palette-purple-300:#a78bfa;--ind-color-palette-purple-500:#7c3aed;--ind-color-palette-cyan-300:#22d3ee;--ind-color-palette-cyan-500:#0891b2;--ind-motion-duration-instant:0ms;--ind-motion-duration-fast:120ms;--ind-motion-duration-base:200ms;--ind-motion-duration-slow:320ms;--ind-motion-blink-slow:1000ms;--ind-motion-blink-fast:400ms;--ind-motion-blink-urgent:200ms;--ind-motion-easing-linear:linear;--ind-motion-easing-standard:cubic-bezier(0.2, 0, 0.2, 1);--ind-size-button-sm:26px;--ind-size-button-md:32px;--ind-size-button-lg:38px;--ind-size-button-xl:42px;--ind-size-input-sm:24px;--ind-size-input-md:32px;--ind-size-input-lg:40px;--ind-size-sidebar-width:178px;--ind-size-canvas-robot-width:320px;--ind-size-canvas-robot-height:220px;--ind-size-canvas-shelves-width:480px;--ind-size-canvas-shelves-height:340px;--ind-size-window-min-width:820px;--ind-size-window-min-height:620px;--ind-spacing-0:0;--ind-spacing-1:2px;--ind-spacing-2:4px;--ind-spacing-3:6px;--ind-spacing-4:8px;--ind-spacing-5:12px;--ind-spacing-6:16px;--ind-spacing-7:20px;--ind-spacing-8:24px;--ind-spacing-9:32px;--ind-spacing-10:40px;--ind-radius-none:0;--ind-radius-sm:2px;--ind-radius-md:3px;--ind-radius-lg:6px;--ind-radius-full:9999px;--ind-font-family-sans:'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;--ind-font-family-mono:'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;--ind-font-size-xs:10px;--ind-font-size-sm:11px;--ind-font-size-base:12px;--ind-font-size-md:13px;--ind-font-size-lg:14px;--ind-font-size-xl:16px;--ind-font-size-2xl:20px;--ind-font-size-3xl:28px;--ind-font-weight-regular:400;--ind-font-weight-medium:500;--ind-font-weight-semibold:600;--ind-font-weight-bold:700;--ind-font-line-height-tight:1.1;--ind-font-line-height-normal:1.4;--ind-font-line-height-loose:1.6;--ind-font-feature-tabular:'tnum' 1, 'lnum' 1;--ind-alarm-high-high-priority:1;--ind-alarm-high-high-label:HH;--ind-alarm-high-priority:2;--ind-alarm-high-label:H;--ind-alarm-low-priority:3;--ind-alarm-low-label:L;--ind-alarm-low-low-priority:4;--ind-alarm-low-low-label:LL;--ind-button-ghost-bg:rgba(0, 0, 0, 0);--ind-state-running-glow:rgba(34, 197, 94, 0.6);--ind-state-stopped-glow:rgba(131, 144, 160, 0.35);--ind-state-fault-glow:rgba(220, 38, 38, 0.7);--ind-state-warning-glow:rgba(245, 158, 11, 0.6);--ind-state-maintenance-glow:rgba(37, 99, 235, 0.6);--ind-alarm-high-high-fg:var(--ind-color-palette-neutral-1000);--ind-alarm-high-high-bg:var(--ind-color-palette-red-500);--ind-alarm-high-high-border:var(--ind-color-palette-red-300);--ind-alarm-high-fg:var(--ind-color-palette-neutral-0);--ind-alarm-high-bg:var(--ind-color-palette-amber-500);--ind-alarm-high-border:var(--ind-color-palette-amber-300);--ind-alarm-low-fg:var(--ind-color-palette-neutral-1000);--ind-alarm-low-bg:var(--ind-color-palette-cyan-500);--ind-alarm-low-border:var(--ind-color-palette-cyan-300);--ind-alarm-low-low-fg:var(--ind-color-palette-neutral-1000);--ind-alarm-low-low-bg:var(--ind-color-palette-purple-500);--ind-alarm-low-low-border:var(--ind-color-palette-purple-300);--ind-button-default-bg:var(--ind-color-palette-neutral-200);--ind-button-default-bg-hover:var(--ind-color-palette-neutral-300);--ind-button-default-bg-active:var(--ind-color-palette-neutral-400);--ind-button-default-fg:var(--ind-color-palette-neutral-900);--ind-button-default-border:var(--ind-color-palette-neutral-400);--ind-button-primary-bg:var(--ind-color-palette-blue-500);--ind-button-primary-bg-hover:var(--ind-color-palette-blue-300);--ind-button-primary-bg-active:var(--ind-color-palette-blue-300);--ind-button-primary-fg:var(--ind-color-palette-neutral-1000);--ind-button-primary-border:var(--ind-color-palette-blue-300);--ind-button-danger-bg:var(--ind-color-palette-red-500);--ind-button-danger-bg-hover:var(--ind-color-palette-red-300);--ind-button-danger-bg-active:var(--ind-color-palette-red-300);--ind-button-danger-fg:var(--ind-color-palette-neutral-1000);--ind-button-danger-border:var(--ind-color-palette-red-300);--ind-button-ghost-bg-hover:var(--ind-color-palette-neutral-200);--ind-button-ghost-bg-active:var(--ind-color-palette-neutral-300);--ind-button-ghost-fg:var(--ind-color-palette-neutral-900);--ind-button-ghost-border:var(--ind-color-palette-neutral-400);--ind-feedback-success-fg:var(--ind-color-palette-neutral-1000);--ind-feedback-success-bg:var(--ind-color-palette-green-500);--ind-feedback-success-border:var(--ind-color-palette-green-300);--ind-feedback-warning-fg:var(--ind-color-palette-neutral-0);--ind-feedback-warning-bg:var(--ind-color-palette-amber-500);--ind-feedback-warning-border:var(--ind-color-palette-amber-300);--ind-feedback-error-fg:var(--ind-color-palette-neutral-1000);--ind-feedback-error-bg:var(--ind-color-palette-red-500);--ind-feedback-error-border:var(--ind-color-palette-red-300);--ind-feedback-info-fg:var(--ind-color-palette-neutral-1000);--ind-feedback-info-bg:var(--ind-color-palette-cyan-500);--ind-feedback-info-border:var(--ind-color-palette-cyan-300);--ind-state-running-fg:var(--ind-color-palette-neutral-1000);--ind-state-running-bg:var(--ind-color-palette-green-500);--ind-state-running-border:var(--ind-color-palette-green-300);--ind-state-stopped-fg:var(--ind-color-palette-neutral-900);--ind-state-stopped-bg:var(--ind-color-palette-neutral-500);--ind-state-stopped-border:var(--ind-color-palette-neutral-600);--ind-state-fault-fg:var(--ind-color-palette-neutral-1000);--ind-state-fault-bg:var(--ind-color-palette-red-500);--ind-state-fault-border:var(--ind-color-palette-red-300);--ind-state-warning-fg:var(--ind-color-palette-neutral-0);--ind-state-warning-bg:var(--ind-color-palette-amber-500);--ind-state-warning-border:var(--ind-color-palette-amber-300);--ind-state-maintenance-fg:var(--ind-color-palette-neutral-1000);--ind-state-maintenance-bg:var(--ind-color-palette-blue-500);--ind-state-maintenance-border:var(--ind-color-palette-blue-300);--ind-surface-background:var(--ind-color-palette-neutral-50);--ind-surface-panel:var(--ind-color-palette-neutral-100);--ind-surface-raised:var(--ind-color-palette-neutral-200);--ind-surface-sunken:var(--ind-color-palette-neutral-0);--ind-surface-border-subtle:var(--ind-color-palette-neutral-200);--ind-surface-border-default:var(--ind-color-palette-neutral-300);--ind-surface-border-strong:var(--ind-color-palette-neutral-500);--ind-surface-text-primary:var(--ind-color-palette-neutral-900);--ind-surface-text-secondary:var(--ind-color-palette-neutral-700);--ind-surface-text-muted:var(--ind-color-palette-neutral-600);--ind-surface-text-inverse:var(--ind-color-palette-neutral-50);--ind-surface-focus-ring:var(--ind-color-palette-cyan-300);--ind-trend-up-fg:var(--ind-color-palette-amber-300);--ind-trend-down-fg:var(--ind-color-palette-cyan-300);--ind-trend-stable-fg:var(--ind-color-palette-neutral-600);}:root,[data-theme=\"dark\"]{color-scheme:dark}[data-theme=\"light\"]{--ind-surface-background:#eef1f5;--ind-surface-panel:#ffffff;--ind-surface-raised:#d0d7e0;--ind-surface-sunken:#eef1f5;--ind-surface-border-subtle:#d0d7e0;--ind-surface-border-default:#aab5c2;--ind-surface-border-strong:#5a6776;--ind-surface-text-primary:#11161c;--ind-surface-text-secondary:#2a3340;--ind-surface-text-muted:#5a6776;--ind-surface-text-inverse:#ffffff}[data-theme=\"light\"]{color-scheme:light}[data-theme=\"high-contrast\"]{--ind-state-running-bg:#00ff00;--ind-state-running-border:#ffffff;--ind-state-stopped-bg:#808080;--ind-state-stopped-border:#ffffff;--ind-state-fault-bg:#ff0000;--ind-state-fault-border:#ffffff;--ind-state-warning-bg:#ffff00;--ind-state-warning-border:#000000;--ind-state-maintenance-bg:#00ffff;--ind-state-maintenance-border:#ffffff;--ind-surface-background:#000000;--ind-surface-panel:#000000;--ind-surface-raised:#11161c;--ind-surface-sunken:#000000;--ind-surface-border-subtle:#ffffff;--ind-surface-border-default:#ffffff;--ind-surface-border-strong:#ffffff;--ind-surface-text-primary:#ffffff;--ind-surface-text-secondary:#eef1f5;--ind-surface-text-muted:#d0d7e0;--ind-surface-text-inverse:#000000}[data-theme=\"high-contrast\"]{color-scheme:dark}";const t="ind-ds";const n={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:false,state:true,updatable:true};var r="http://www.w3.org/2000/svg";var i="http://www.w3.org/1999/xhtml";function a(e,t,n){const r=typeof HTMLElement!=="undefined"?HTMLElement.prototype:null;while(e&&e!==r){const r=Object.getOwnPropertyDescriptor(e,t);if(r&&(!n||r.get))return r;e=Object.getPrototypeOf(e)}return void 0}var l=(e,t)=>{var n;const r=t.t;const i=Object.entries((n=r.i)!=null?n:{});i.map((([n,[r]])=>{if(r&31||r&32){const r=e[n];const i=a(Object.getPrototypeOf(e),n,true)||Object.getOwnPropertyDescriptor(e,n);if(i){Object.defineProperty(e,n,{get(){return i.get.call(this)},set(e){i.set.call(this,e)},configurable:true,enumerable:true})}if(t.l.has(n)){e[n]=t.l.get(n)}else if(r!==void 0){e[n]=r}}}))};var o=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var s=(e,t)=>{const r={o:0,$hostElement$:e,t,l:new Map,u:new Map};{r.p=new Promise((e=>r.v=e));e["s-p"]=[];e["s-rc"]=[]}const i=r;e.__stencil__getHostRef=()=>i;if(t.o&512&&n.state){l(e,r)}return i};var f=(e,t)=>t in e;var d=(e,t)=>(0,console.error)(e,t);var c=new Map;var u="slot-fb{display:contents}slot-fb[hidden]{display:none}";var p=typeof window!=="undefined"?window:{};var v=p.HTMLElement||class{};var b={o:0,h:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var g=e=>Promise.resolve(e);var h=(()=>{try{if(!p.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var m=h?(()=>!!p.document&&Object.getOwnPropertyDescriptor(p.document.adoptedStyleSheets,"length").writable)():false;var w=false;var y=[];var x=[];var $=(e,t)=>n=>{e.push(n);if(!w){w=true;if(t&&b.o&4){S(j)}else{b.raf(j)}}};var k=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){d(e)}}e.length=0};var j=()=>{k(y);{k(x);if(w=y.length>0){b.raf(j)}}};var S=e=>g().then(e);var O=$(x,true);var z=e=>{const t=new URL(e,b.h);return t.origin!==p.location.origin?t.href:t.pathname};var M=e=>b.h=e;function C(e){if(!h)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var E;function L(t){var n;const r={mode:"open"};const i=this.attachShadow(r);if(E===void 0)E=(n=C(e))!=null?n:null;if(E){if(m){i.adoptedStyleSheets.push(E)}else{i.adoptedStyleSheets=[...i.adoptedStyleSheets,E]}}else if(!h){const t=document.createElement("style");t.innerHTML=e;i.prepend(t)}}var A=(e,t="")=>{{return()=>{}}};function H(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var U=new WeakMap;var N=(e,t,n)=>{let r=c.get(e);if(h&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}c.set(e,r)};var R=(e,t,n)=>{var r,i,a;const l=D(t);const o=c.get(l);if(!p.document){return l}e=e.nodeType===11?e:p.document;if(o){if(typeof o==="string"){e=e.head||e;let n=U.get(e);let a;if(!n){U.set(e,n=new Set)}if(!n.has(l)){a=p.document.createElement("style");a.textContent=o;const s=(r=b.m)!=null?r:H(p.document);if(s!=null){a.setAttribute("nonce",s)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(a,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(h){const t=(i=e.defaultView)!=null?i:e.ownerDocument.defaultView;const n=new t.CSSStyleSheet;n.replaceSync(o);if(m){e.adoptedStyleSheets.unshift(n)}else{e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t&&true){t.textContent=o+t.textContent}else{e.prepend(a)}}}else{e.append(a)}}if(t.o&1){e.insertBefore(a,null)}if(t.o&4){a.textContent+=u}if(n){n.add(l)}}}else{let t=U.get(e);if(!t){U.set(e,t=new Set)}if(!t.has(l)){const n=(a=e.defaultView)!=null?a:e.ownerDocument.defaultView;let r;if(o.constructor===n.CSSStyleSheet){r=o}else{r=new n.CSSStyleSheet;for(let e=0;e<o.cssRules.length;e++){r.insertRule(o.cssRules[e].cssText,e)}}if(m){e.adoptedStyleSheets.push(r)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}t.add(l)}}}return l};var _=e=>{const t=e.t;const n=e.$hostElement$;const r=t.o;const i=A("attachStyles",t.$);const a=R(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var D=(e,t)=>"sc-"+e.$;var P=e=>{e=typeof e;return e==="object"||e==="function"};var W=(e,t,...n)=>{if(typeof e==="string"){e=We(e)}let r=null;let i=null;let a=false;let l=false;const o=[];const s=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){s(r)}else if(r!=null&&typeof r!=="boolean"){if(a=typeof e!=="function"&&!P(r)){r=String(r)}if(a&&l){o[o.length-1].k+=r}else{o.push(a?F(null,r):r)}l=a}}};s(n);if(t){if(t.key){i=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,I)}const f=F(e,null);f.j=t;if(o.length>0){f.S=o}{f.O=i}return f};var F=(e,t)=>{const n={o:0,M:e,k:t!=null?t:null,C:null,S:null};{n.j=null}{n.O=null}return n};var V={};var q=e=>e&&e.M===V;var I={forEach:(e,t)=>e.map(T).forEach(t),map:(e,t)=>e.map(T).map(t).map(B)};var T=e=>({vattrs:e.j,vchildren:e.S,vkey:e.O,vname:e.L,vtag:e.M,vtext:e.k});var B=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return W(e.vtag,t,...e.vchildren||[])}const t=F(e.vtag,e.vtext);t.j=e.vattrs;t.S=e.vchildren;t.O=e.vkey;t.L=e.vname;return t};var J=e=>{if(!e)return void 0;const t=Object.keys(e);if(t.length===0)return void 0;let n=false;for(const r of t){if(n)break;for(const t of e[r]){if(typeof t==="string"){n=true;break}}}if(!n)return e;const r={};for(const n of t){r[n]=e[n].map((e=>typeof e==="string"?{[e]:0}:e))}return r};var Y=(e,t,n)=>{if(e!=null&&!P(e)){if(t&4){{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var Z=e=>e;var G=(e,t,n)=>{const r=Z(e);return{emit:e=>K(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var K=(e,t,n)=>{const r=b.ce(t,n);e.dispatchEvent(r);return r};var Q=(e,t,n,r,i,a,l)=>{if(n===r){return}let s=f(e,t);let d=t.toLowerCase();if(t==="class"){const t=e.classList;const i=ee(n);let a=ee(r);{t.remove(...i.filter((e=>e&&!a.includes(e))));t.add(...a.filter((e=>e&&!i.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(!e.__lookupSetter__(t)&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(f(p,d)){t=d.slice(2)}else{t=d[2]+t.slice(3)}if(n||r){const i=t.endsWith(te);t=t.replace(ne,"");if(n){b.rel(e,t,n,i)}if(r){b.ael(e,t,r,i)}}}else if(t[0]==="a"&&t.startsWith("attr:")){const n=t.slice(5);let i;{const t=o(e);if(t&&t.t&&t.t.i){const e=t.t.i[n];if(e&&e[1]){i=e[1]}}}if(!i){i=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}if(r==null||r===false){if(r!==false||e.getAttribute(i)===""){e.removeAttribute(i)}}else{e.setAttribute(i,r===true?"":r)}return}else if(t[0]==="p"&&t.startsWith("prop:")){const n=t.slice(5);try{e[n]=r}catch(e){}return}else{const l=P(r);if((s||l&&r!==null)&&!i){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){s=false}else if(n==null||e[t]!==i){if(typeof e.__lookupSetter__(t)==="function"){e[t]=i}else{e.setAttribute(t,i)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||a&4||i)&&!l&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var X=/\s/;var ee=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(X)};var te="Capture";var ne=new RegExp(te+"$");var re=(e,t,n,r)=>{const i=t.C.nodeType===11&&t.C.host?t.C.host:t.C;const a=e&&e.j||{};const l=t.j||{};{for(const e of ie(Object.keys(a))){if(!(e in l)){Q(i,e,a[e],void 0,n,t.o)}}}for(const e of ie(Object.keys(l))){Q(i,e,a[e],l[e],n,t.o)}};function ie(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ae;var le=false;var oe=false;var se=(e,t,n)=>{const a=t.S[n];let l=0;let o;let s;if(a.k!=null){o=a.C=p.document.createTextNode(a.k)}else{if(!oe){oe=a.M==="svg"}if(!p.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}o=a.C=p.document.createElementNS(oe?r:i,a.M);if(oe&&a.M==="foreignObject"){oe=false}{re(null,a,oe)}if(a.S){const t=a.M==="template"?o.content:o;for(l=0;l<a.S.length;++l){s=se(e,a,l);if(s){t.appendChild(s)}}}{if(a.M==="svg"){oe=false}else if(o.tagName==="foreignObject"){oe=true}}}o["s-hn"]=ae;return o};var fe=e=>{b.o|=1;const t=e.closest(ae.toLowerCase());if(t!=null){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const r=Array.from(e.__childNodes||e.childNodes);for(const e of n?r.reverse():r){if(e["s-sh"]!=null){be(t,e,n!=null?n:null);e["s-sh"]=void 0}}}b.o&=-2};var de=(e,t,n,r,i,a)=>{let l=e;let o;if(l.shadowRoot&&l.tagName===ae){l=l.shadowRoot}if(n.M==="template"){l=l.content}for(;i<=a;++i){if(r[i]){o=se(null,n,i);if(o){r[i].C=o;be(l,o,t)}}}};var ce=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.C;if(e){e.remove()}}}};var ue=(e,t,n,r,i=false)=>{let a=0;let l=0;let o=0;let s=0;let f=t.length-1;let d=t[0];let c=t[f];let u=r.length-1;let p=r[0];let v=r[u];let b;let g;const h=n.M==="template"?e.content:e;while(a<=f&&l<=u){if(d==null){d=t[++a]}else if(c==null){c=t[--f]}else if(p==null){p=r[++l]}else if(v==null){v=r[--u]}else if(pe(d,p,i)){ve(d,p,i);d=t[++a];p=r[++l]}else if(pe(c,v,i)){ve(c,v,i);c=t[--f];v=r[--u]}else if(pe(d,v,i)){ve(d,v,i);be(h,d.C,c.C.nextSibling);d=t[++a];v=r[--u]}else if(pe(c,p,i)){ve(c,p,i);be(h,c.C,d.C);c=t[--f];p=r[++l]}else{o=-1;{for(s=a;s<=f;++s){if(t[s]&&t[s].O!==null&&t[s].O===p.O){o=s;break}}}if(o>=0){g=t[o];if(g.M!==p.M){b=se(t&&t[l],n,o)}else{ve(g,p,i);t[o]=void 0;b=g.C}p=r[++l]}else{b=se(t&&t[l],n,l);p=r[++l]}if(b){{be(d.C.parentNode,b,d.C)}}}}if(a>f){de(e,r[u+1]==null?null:r[u+1].C,n,r,l,u)}else if(l>u){ce(t,a,f)}};var pe=(e,t,n=false)=>{if(e.M===t.M){if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var ve=(e,t,r=false)=>{const i=t.C=e.C;const a=e.S;const l=t.S;const o=t.M;const s=t.k;if(s==null){{oe=o==="svg"?true:o==="foreignObject"?false:oe}{if(o==="slot"&&!le){if(e.L!==t.L){t.C["s-sn"]=t.L||"";fe(t.C.parentElement)}}re(e,t,oe)}if(a!==null&&l!==null){ue(i,a,t,l,r)}else if(l!==null){if(e.k!==null){i.textContent=""}de(i,null,t,l,0,l.length-1)}else if(!r&&n.updatable&&a!==null){ce(a,0,a.length-1)}else;if(oe&&o==="svg"){oe=false}}else if(e.k!==s){i.data=s}};var be=(e,t,n,r)=>{if(e.__insertBefore){return e.__insertBefore(t,n)}else{return e==null?void 0:e.insertBefore(t,n)}};var ge=(e,t,n=false)=>{const r=e.$hostElement$;const i=e.t;const a=e.A||F(null,null);const l=q(t);const o=l?t:W(null,null,t);ae=r.tagName;if(i.H){o.j=o.j||{};i.H.forEach((([e,t])=>{{o.j[t]=r[e]}}))}if(n&&o.j){for(const e of Object.keys(o.j)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){o.j[e]=r[e]}}}o.M=null;o.o|=4;e.A=o;o.C=a.C=r.shadowRoot||r;le=!!(i.o&1)&&!(i.o&128);ve(a,o,n)};var he=(e,t)=>{if(t&&!e.U&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.U=()=>{t["s-p"].splice(n-1,1);r()})))}};var me=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}he(e,e.N);const n=()=>we(e,t);if(t){queueMicrotask((()=>{n()}));return}return O(n)};var we=(e,t)=>{const n=e.$hostElement$;const r=A("scheduleUpdate",e.t.$);const i=n;if(!i){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let a;if(t){a=Oe(i,"componentWillLoad",void 0,n)}else{a=Oe(i,"componentWillUpdate",void 0,n)}a=ye(a,(()=>Oe(i,"componentWillRender",void 0,n)));r();return ye(a,(()=>$e(e,i,t)))};var ye=(e,t)=>xe(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var xe=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var $e=async(e,t,n)=>{var r;const i=e.$hostElement$;const a=A("update",e.t.$);const l=i["s-rc"];if(n){_(e)}const o=A("render",e.t.$);{ke(e,t,i,n)}if(l){l.map((e=>e()));i["s-rc"]=void 0}o();a();{const t=(r=i["s-p"])!=null?r:[];const n=()=>je(e);if(t.length===0){n()}else{Promise.all(t).then(n).catch(n);e.o|=4;t.length=0}}};var ke=(e,t,n,r)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{ge(e,t,r)}}}}catch(t){d(t,e.$hostElement$)}return null};var je=e=>{const t=e.t.$;const n=e.$hostElement$;const r=A("postUpdate",t);const i=n;const a=e.N;Oe(i,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{ze(n)}Oe(i,"componentDidLoad",void 0,n);r();{e.v(n);if(!a){Se()}}}else{Oe(i,"componentDidUpdate",void 0,n);r()}{if(e.U){e.U();e.U=void 0}if(e.o&512){S((()=>me(e,false)))}e.o&=-517}};var Se=e=>{S((()=>K(p,"appload",{detail:{namespace:t}})))};var Oe=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){d(e,r)}}return void 0};var ze=e=>{var t;return e.classList.add((t=n.hydratedSelectorName)!=null?t:"hydrated")};var Me=(e,t)=>o(e).l.get(t);var Ce=(e,t,n,r)=>{const i=o(e);if(!i){return}const a=e;const l=i.l.get(t);const s=i.o;const f=a;n=Y(n,r.i[t][0]);const c=Number.isNaN(l)&&Number.isNaN(n);const u=n!==l&&!c;if(u){i.l.set(t,n);if(r.R){const e=r.R[t];if(e){e.map((e=>{try{const[[r,a]]=Object.entries(e);if(s&128||a&1){if(!f){i._.push((()=>{i.D[r](n,l,t)}))}else{f[r](n,l,t)}}}catch(e){d(e,a)}}))}}if(s&2){if(f.componentShouldUpdate){const e=f.componentShouldUpdate(n,l,t);if(e===false&&!(s&16)){return}}if(!(s&16)){me(i,false)}}}};var Ee=(e,t,r)=>{var i,l;const s=e.prototype;{{if(e.watchers&&!t.R){t.R=J(e.watchers)}if(e.deserializers&&!t.P){t.P=e.deserializers}if(e.serializers&&!t.W){t.W=e.serializers}}const r=Object.entries((i=t.i)!=null?i:{});r.map((([e,[n]])=>{if(n&31||n&32){const{get:r,set:i}=a(s,e)||{};if(r)t.i[e][0]|=2048;if(i)t.i[e][0]|=4096;{Object.defineProperty(s,e,{get(){{return r?r.apply(this):Me(this,e)}},configurable:true,enumerable:true})}Object.defineProperty(s,e,{set(r){const a=o(this);if(!a){return}if(i){const l=n&32?this[e]:a.$hostElement$[e];if(typeof l==="undefined"&&a.l.get(e)){r=a.l.get(e)}i.apply(this,[Y(r,n)]);r=n&32?this[e]:a.$hostElement$[e];Ce(this,e,r,t);return}{Ce(this,e,r,t);return}}})}}));{const i=new Map;s.attributeChangedCallback=function(e,a,l){b.jmp((()=>{var f;const d=i.get(e);const c=o(this);if(this.hasOwnProperty(d)&&n.lazyLoad);if(s.hasOwnProperty(d)&&typeof this[d]==="number"&&this[d]==l){return}else if(d==null){const n=c==null?void 0:c.o;if(c&&n&&!(n&8)&&l!==a){const r=this;const i=r;const o=(f=t.R)==null?void 0:f[e];o==null?void 0:o.forEach((t=>{const[[r,o]]=Object.entries(t);if(i[r]!=null&&(n&128||o&1)){i[r].call(i,l,a,e)}}))}return}const u=r.find((([e])=>e===d));const p=u&&u[1][0]&4;const v=p&&l===null&&this[d]===void 0;if(p){l=l===null||l==="false"?false:true}const b=Object.getOwnPropertyDescriptor(s,d);if(!v&&l!=this[d]&&(!b.get||!!b.set)){this[d]=l}}))};e.observedAttributes=Array.from(new Set([...Object.keys((l=t.R)!=null?l:{}),...r.filter((([e,t])=>t[0]&31)).map((([e,n])=>{var r;const a=n[1]||e;i.set(a,e);if(n[0]&512){(r=t.H)==null?void 0:r.push([e,a])}return a}))]))}}return e};var Le=async(e,t,r,i)=>{let a;try{if((t.o&32)===0){t.o|=32;{a=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(a&&a.style){let e;if(typeof a.style==="string"){e=a.style}const t=D(r);if(!c.has(t)||n.hotModuleReplacement){const n=A("registerStyles",r.$);N(t,e,!!(r.o&1));n()}}}const i=t.N;const l=()=>me(t,true);if(i&&i["s-rc"]){i["s-rc"].push(l)}else{l()}}catch(n){d(n,e);if(t.U){t.U();t.U=void 0}if(t.v){t.v(e)}}};var Ae=(e,t)=>{};var He=e=>{if((b.o&1)===0){const t=o(e);if(!t){return}const n=t.t;const r=A("connectedCallback",n.$);if(!(t.o&1)){t.o|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){he(t,t.N=n);break}}}if(n.i){Object.entries(n.i).map((([t,[n]])=>{if(n&31&&Object.prototype.hasOwnProperty.call(e,t)){const n=e[t];delete e[t];e[t]=n}}))}{Le(e,t,n)}}else{if(t==null?void 0:t.D);else if(t==null?void 0:t.p){t.p.then((()=>Ae()))}}r()}};var Ue=async e=>{if((b.o&1)===0){o(e)}if(U.has(e)){U.delete(e)}if(e.shadowRoot&&U.has(e.shadowRoot)){U.delete(e.shadowRoot)}};var Ne=(e,t)=>{const n={o:t[0],$:t[1]};try{{n.i=t[2]}{n.R=J(e.R);n.P=e.P;n.W=e.W}{n.H=[]}const r=e.prototype.connectedCallback;const i=e.prototype.disconnectedCallback;Object.assign(e.prototype,{__hasHostListenerAttached:false,__registerHost(){s(this,n)},connectedCallback(){if(!this.__hasHostListenerAttached){const e=o(this);if(!e){return}this.__hasHostListenerAttached=true}He(this);if(r){r.call(this)}},disconnectedCallback(){Ue(this);if(i){i.call(this)}},__attachShadow(){{if(!this.shadowRoot){L.call(this,n)}else{if(this.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${n.$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}});Object.defineProperty(e,"is",{value:n.$,configurable:true});return Ee(e,n)}catch(t){d(t);return e}};var Re=e=>b.m=e;var _e=e=>Object.assign(b,e);var De=new WeakMap;function Pe(e,t){let n=De.get(t);if(!n){const e={o:0,$:t.tagName};n={o:0,t:e,$hostElement$:t};De.set(t,n)}ge(n,e)}function We(e){return e}export{v as H,V as a,G as c,z as getAssetPath,W as h,Ne as p,Pe as render,M as setAssetPath,Re as setNonce,_e as setPlatformOptions,We as t};
 //# sourceMappingURL=index.js.map