@ind-ds/core 0.1.0 → 0.2.0

package/dist/ind-ds/p-7e5bc0c2.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as t,H as i}from"./p-Bls_NlWP.js";const s=()=>`: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 r=()=>`:host{min-width:240px}.row{display:flex;align-items:flex-end;gap:var(--ind-spacing-4, 8px)}.select{flex:1 1 auto}`;const d=class{constructor(t){a(this,t);this.indChange=e(this,"indChange");this.indLoad=e(this,"indLoad")}label="Recipe";options=[];value;placeholder="Select recipe…";disabled=false;loadLabel="Load";indChange;indLoad;onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};onLoad=()=>{if(this.value)this.indLoad.emit(this.value)};render(){return t(i,{key:"61ac596cfd2c70314612f2fe0d74820809619d07"},t("span",{key:"f24e008646cda3e75eb767712be048486b8bfb98",class:"card-title",part:"label"},this.label),t("div",{key:"9c49c3a8a4a79fb4035d788de2967c46df5035fb",class:"row",part:"row"},t("ind-select",{key:"f263602837657a924170225007485c4c1d416039",class:"select",part:"select",options:this.options,value:this.value,placeholder:this.placeholder,disabled:this.disabled,label:this.label,size:"md",onIndChange:this.onChange}),t("ind-button",{key:"6ec7f8b8b50e3565eaa711c3da1b3d40b811a996",variant:"primary",size:"md",label:this.loadLabel,disabled:this.disabled||!this.value,onIndActivate:this.onLoad})))}};d.style=s()+r();export{d as ind_recipe_selector};
+//# sourceMappingURL=p-7e5bc0c2.entry.js.map

package/dist/ind-ds/p-7e5bc0c2.entry.js.map

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

package/dist/ind-ds/p-81afebb1.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as i,H as n}from"./p-Bls_NlWP.js";const d=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const t=()=>`.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 r=()=>`:host{min-width:340px}.params{display:flex;flex-direction:column;border:1px solid var(--ind-surface-border-subtle);border-radius:var(--ind-radius-sm, 2px)}`;const s=class{constructor(i){a(this,i);this.indChange=e(this,"indChange");this.indLoad=e(this,"indLoad");this.indSave=e(this,"indSave")}heading="Recipe management";recipes=[];value;parameters=[];editable=false;indChange;indLoad;indSave;onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};onLoad=a=>{a.stopPropagation();this.indLoad.emit(a.detail)};render(){return i(n,{key:"311d5f0738f97dc9644bfe14e6df5ee107132e80"},i("div",{key:"8607f97cedf5ae4d8e9c1a321b8aba04d7d68344",class:"panel-head"},i("span",{key:"2662cd5984dd0e1cef9231101451606fba385153",class:"panel-title",part:"heading"},this.heading),i("div",{key:"a9e120fbef91e4899e3340db5aa600b3d4a4737d",class:"panel-actions"},i("ind-button",{key:"49dde298969047d4b94d4d58152987f42cb15863",variant:"primary",size:"sm",label:"Save",disabled:!this.editable,onIndActivate:()=>this.indSave.emit()}))),i("div",{key:"792a6a721b2a7a2f98160bccee674b0449f1d3df",class:"panel-body"},i("ind-recipe-selector",{key:"32ad3a8d71a5e3c0c28f716c94159a40bcd24c69",label:"Recipe",options:this.recipes,value:this.value,onIndChange:this.onChange,onIndLoad:this.onLoad}),this.parameters.length>0&&i("div",{key:"b63fa62ebe8eb41f4d7a199229ad411a38aa2573",class:"params",part:"params"},this.parameters.map(((a,e)=>i("ind-batch-parameter-row",{key:e,label:a.label,value:a.value,unit:a.unit,target:a.target,disabled:!this.editable}))))))}};s.style=d()+(t()+r());export{s as ind_recipe_management_panel};
+//# sourceMappingURL=p-81afebb1.entry.js.map

package/dist/ind-ds/p-81afebb1.entry.js.map

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

package/dist/ind-ds/p-8264f1cb.entry.js

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

package/dist/ind-ds/p-8264f1cb.entry.js.map

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

package/dist/ind-ds/p-82e30a2b.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as e,c as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);font-weight:var(--ind-font-weight-medium, 500);line-height:var(--ind-font-line-height-tight, 1.1);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.led{--_size:var(--ind-led-size, 12px);--_bg:var(--ind-state-stopped-bg, #5a6776);--_border:var(--ind-state-stopped-border, #8390a0);--_glow:var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));display:inline-block;width:var(--_size);height:var(--_size);border-radius:50%;background:radial-gradient(     circle at 30% 30%,     color-mix(in srgb, var(--_bg) 65%, white),     var(--_bg) 70%   );border:1px solid var(--_border);box-shadow:0 0 0 1px color-mix(in srgb, var(--_bg) 25%, transparent),     0 0 8px var(--_glow),     inset 0 1px 2px rgba(0, 0, 0, 0.45);transition:background-color var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([size="sm"]) .led{--_size:8px}:host([size="md"]) .led{--_size:12px}:host([size="lg"]) .led{--_size:18px}:host([state="running"]) .led{--_bg:var(--ind-state-running-bg, #16a34a);--_border:var(--ind-state-running-border, #4ade80);--_glow:var(--ind-state-running-glow, rgba(34, 197, 94, 0.6))}:host([state="stopped"]) .led{--_bg:var(--ind-state-stopped-bg, #5a6776);--_border:var(--ind-state-stopped-border, #8390a0);--_glow:var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35))}:host([state="fault"]) .led{--_bg:var(--ind-state-fault-bg, #dc2626);--_border:var(--ind-state-fault-border, #f87171);--_glow:var(--ind-state-fault-glow, rgba(220, 38, 38, 0.7))}:host([state="warning"]) .led{--_bg:var(--ind-state-warning-bg, #f59e0b);--_border:var(--ind-state-warning-border, #fcd34d);--_glow:var(--ind-state-warning-glow, rgba(245, 158, 11, 0.6))}:host([state="maintenance"]) .led{--_bg:var(--ind-state-maintenance-bg, #2563eb);--_border:var(--ind-state-maintenance-border, #60a5fa);--_glow:var(--ind-state-maintenance-glow, rgba(37, 99, 235, 0.6))}:host([blinking]) .led{animation:ind-led-blink var(--ind-motion-blink-fast, 400ms) steps(2, end) infinite}:host([blinking][state="fault"]) .led{animation-duration:var(--ind-motion-blink-urgent, 200ms)}@keyframes ind-led-blink{50%{opacity:0.2;box-shadow:none}}@media (prefers-reduced-motion: reduce){:host([blinking]) .led{animation:none;opacity:1;outline:2px solid var(--_border);outline-offset:2px}}`;const r=class{constructor(t){a(this,t)}state="stopped";size="md";blinking=false;label;render(){const a=this.label??`${this.state} indicator`;return t(e,{key:"d843ed36b6c73a35e20903104acdf71540429a7a",role:"status","aria-label":a,"aria-live":this.state==="fault"?"assertive":"polite"},t("span",{key:"97548c63e15ca29608b5646f51bbcba147114d0c",class:"led",part:"led","aria-hidden":"true"}),this.label&&t("span",{key:"0224cf04e55d1ccb388fc9c4f8796881bc0bf884",class:"label",part:"label"},this.label))}};r.style=n();const s=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const d=()=>`:host{min-width:180px;align-items:flex-start}`;const o=[{value:"off",label:"Off"},{value:"manual",label:"Manual"},{value:"auto",label:"Auto"}];const l=class{constructor(t){a(this,t);this.indChange=i(this,"indChange")}label="Mode";positions=o;value;disabled=false;indChange;onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};render(){return t(e,{key:"1f4da9abae27080579e40bdb9ab8644ba65aed21"},t("span",{key:"c367ccb30a97cadd8320a9cb84ad2a739873f89a",class:"card-title",part:"label"},this.label),t("ind-selector-switch",{key:"baf57e95fad4f6914e60b9d764aa80f373cca201",part:"switch",positions:this.positions,value:this.value,disabled:this.disabled,label:this.label,onIndChange:this.onChange}))}};l.style=s()+d();const c=()=>`:host{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.group-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.04em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.switch{display:inline-flex;padding:2px;background:var(--ind-surface-sunken, light-dark(#fff, #000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px)}.switch:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:2px}.pos{appearance:none;border:none;background:none;cursor:pointer;padding:var(--ind-spacing-2, 4px) var(--ind-spacing-4, 8px);font-family:inherit;font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:0.03em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));border-radius:var(--ind-radius-sm, 2px);transition:background-color var(--ind-motion-duration-fast, 120ms) ease}.pos:hover:not(:disabled){color:var(--ind-surface-text-primary, #eef1f5)}.pos.is-active{background:var(--ind-state-running-bg, #16a34a);color:var(--ind-state-running-fg, #fff)}:host([disabled]){opacity:0.5}.pos:disabled{cursor:not-allowed}`;const f=class{constructor(t){a(this,t);this.indChange=i(this,"indChange")}positions=[];value;disabled=false;label;indChange;select(a){if(this.disabled||a===this.value)return;this.value=a;this.indChange.emit(a)}onKey=a=>{const t=this.positions??[];if(t.length===0)return;const e=t.findIndex((a=>a.value===this.value));if(a.key==="ArrowRight"||a.key==="ArrowDown"){a.preventDefault();this.select(t[Math.min(t.length-1,e+1)]?.value??t[0].value)}else if(a.key==="ArrowLeft"||a.key==="ArrowUp"){a.preventDefault();this.select(t[Math.max(0,e-1)]?.value??t[0].value)}};render(){const a=this.positions??[];return t(e,{key:"9fdb192691776ef8692939e70840c679b495b002"},this.label&&t("span",{key:"f2f1b7541177cae7565a435e3a3effaf1a96a314",class:"group-label",part:"group-label"},this.label),t("div",{key:"b197eca164ed807d22aaab23bb3686d59641137e",class:"switch",part:"switch",role:"radiogroup","aria-label":this.label,"aria-disabled":this.disabled?"true":"false",tabindex:this.disabled?undefined:"0",onKeyDown:this.onKey},a.map((a=>t("button",{type:"button",class:{pos:true,"is-active":a.value===this.value},part:"position",role:"radio","aria-checked":a.value===this.value?"true":"false",disabled:this.disabled,tabindex:"-1",onClick:()=>this.select(a.value)},a.label)))))}};f.style=c();const b=()=>`: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 p=()=>`:host{min-width:180px;gap:var(--ind-spacing-4, 8px)}.head{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.label{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-medium, 500)}.buttons{display:flex;gap:var(--ind-spacing-4, 8px)}.buttons ind-button{flex:1 1 0}`;const g=class{constructor(t){a(this,t);this.indStart=i(this,"indStart");this.indStop=i(this,"indStop")}label;state="stopped";disabled=false;holdToStartMs;startLabel="Start";stopLabel="Stop";indStart;indStop;isRunning(){return this.state==="running"||this.state==="starting"}render(){const a=this.state==="fault"?"fault":this.state==="running"?"running":this.state==="starting"||this.state==="stopping"?"warning":"stopped";return t(e,{key:"c548fa2649cbe177d1597c84d157625dadf09a5c",role:"group","aria-label":this.label??"Start stop control"},t("div",{key:"653531b39e8997e8b353ad87f8f80684ca4d5095",class:"head",part:"head"},t("ind-led",{key:"9c266b4ce3360f84ca14401e37dc2940986cd665",state:a,size:"md",blinking:this.state==="starting"||this.state==="stopping"}),this.label&&t("span",{key:"f9efc9efdc8b1c45c3ab4ae72210a3762d4a7e7b",class:"label",part:"label"},this.label)),t("div",{key:"8aa2c5b3bda5f44d5ffe2b11be7e6bb64717f287",class:"buttons",part:"buttons"},t("ind-button",{key:"21883367d40e0f6eb6d485cdc3adad5d6b17f6b4",variant:"primary",size:"md",label:this.startLabel,disabled:this.disabled||this.isRunning(),holdToConfirmMs:this.holdToStartMs,onIndActivate:()=>this.indStart.emit()}),t("ind-button",{key:"b53ddfd89c91d7b7c3e0cc5ae307318f70b2ffef",variant:"danger",size:"md",label:this.stopLabel,disabled:this.disabled||this.state==="stopped",onIndActivate:()=>this.indStop.emit()})))}};g.style=b()+p();export{r as ind_led,l as ind_mode_selector,f as ind_selector_switch,g as ind_start_stop_control};
+//# sourceMappingURL=p-82e30a2b.entry.js.map

package/dist/ind-ds/p-82e30a2b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ledCss","IndLed","state","size","blinking","label","render","accessibleName","this","h","Host","key","role","class","part","cardCss","modeSelectorCss","DEFAULT_POSITIONS","value","IndModeSelector","positions","disabled","indChange","onChange","e","stopPropagation","detail","emit","onIndChange","selectorSwitchCss","IndSelectorSwitch","select","onKey","pos","length","idx","findIndex","p","preventDefault","Math","min","max","tabindex","undefined","onKeyDown","map","type","onClick","startStopControlCss","IndStartStopControl","holdToStartMs","startLabel","stopLabel","indStart","indStop","isRunning","ledState","variant","holdToConfirmMs","onIndActivate"],"sources":["src/components/atoms/led/led.css?tag=ind-led&encapsulation=shadow","src/components/atoms/led/led.tsx","src/components/molecules/_shared/card.css?tag=ind-mode-selector&encapsulation=shadow","src/components/molecules/mode-selector/mode-selector.css?tag=ind-mode-selector&encapsulation=shadow","src/components/molecules/mode-selector/mode-selector.tsx","src/components/atoms/selector-switch/selector-switch.css?tag=ind-selector-switch&encapsulation=shadow","src/components/atoms/selector-switch/selector-switch.tsx","src/components/molecules/_shared/card.css?tag=ind-start-stop-control&encapsulation=shadow","src/components/molecules/start-stop-control/start-stop-control.css?tag=ind-start-stop-control&encapsulation=shadow","src/components/molecules/start-stop-control/start-stop-control.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  line-height: var(--ind-font-line-height-tight, 1.1);\n  /* `light-dark()` makes the label readable even if the LED lands on a surface\n   * whose theme doesn't match the loaded tokens (Storybook autodocs, embedded\n   * widget on a third-party site, etc.). */\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.led {\n  --_size: var(--ind-led-size, 12px);\n  --_bg: var(--ind-state-stopped-bg, #5a6776);\n  --_border: var(--ind-state-stopped-border, #8390a0);\n  --_glow: var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));\n\n  display: inline-block;\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background: radial-gradient(\n    circle at 30% 30%,\n    color-mix(in srgb, var(--_bg) 65%, white),\n    var(--_bg) 70%\n  );\n  border: 1px solid var(--_border);\n  box-shadow:\n    0 0 0 1px color-mix(in srgb, var(--_bg) 25%, transparent),\n    0 0 8px var(--_glow),\n    inset 0 1px 2px rgba(0, 0, 0, 0.45);\n  transition: background-color var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n:host([size=\"sm\"]) .led { --_size: 8px; }\n:host([size=\"md\"]) .led { --_size: 12px; }\n:host([size=\"lg\"]) .led { --_size: 18px; }\n\n/* Each state ships hard-coded fallbacks so the component stays visible even\n * if tokens fail to load (build-order glitch, sandbox without CSS imports).\n */\n:host([state=\"running\"]) .led {\n  --_bg: var(--ind-state-running-bg, #16a34a);\n  --_border: var(--ind-state-running-border, #4ade80);\n  --_glow: var(--ind-state-running-glow, rgba(34, 197, 94, 0.6));\n}\n:host([state=\"stopped\"]) .led {\n  --_bg: var(--ind-state-stopped-bg, #5a6776);\n  --_border: var(--ind-state-stopped-border, #8390a0);\n  --_glow: var(--ind-state-stopped-glow, rgba(131, 144, 160, 0.35));\n}\n:host([state=\"fault\"]) .led {\n  --_bg: var(--ind-state-fault-bg, #dc2626);\n  --_border: var(--ind-state-fault-border, #f87171);\n  --_glow: var(--ind-state-fault-glow, rgba(220, 38, 38, 0.7));\n}\n:host([state=\"warning\"]) .led {\n  --_bg: var(--ind-state-warning-bg, #f59e0b);\n  --_border: var(--ind-state-warning-border, #fcd34d);\n  --_glow: var(--ind-state-warning-glow, rgba(245, 158, 11, 0.6));\n}\n:host([state=\"maintenance\"]) .led {\n  --_bg: var(--ind-state-maintenance-bg, #2563eb);\n  --_border: var(--ind-state-maintenance-border, #60a5fa);\n  --_glow: var(--ind-state-maintenance-glow, rgba(37, 99, 235, 0.6));\n}\n\n:host([blinking]) .led {\n  animation: ind-led-blink var(--ind-motion-blink-fast, 400ms) steps(2, end) infinite;\n}\n:host([blinking][state=\"fault\"]) .led {\n  animation-duration: var(--ind-motion-blink-urgent, 200ms);\n}\n\n@keyframes ind-led-blink {\n  50% { opacity: 0.2; box-shadow: none; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  :host([blinking]) .led {\n    animation: none;\n    opacity: 1;\n    /* Substitute: a solid outline ring so the alarm condition is still visible without motion. */\n    outline: 2px solid var(--_border);\n    outline-offset: 2px;\n  }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type LedState = 'running' | 'stopped' | 'fault' | 'warning' | 'maintenance';\nexport type LedSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-led',\n  styleUrl: 'led.css',\n  shadow: true,\n})\nexport class IndLed {\n  /** Process state driving the LED color and ARIA live politeness. */\n  @Prop({ reflect: true }) state: LedState = 'stopped';\n\n  /** Visual size. */\n  @Prop({ reflect: true }) size: LedSize = 'md';\n\n  /** Blink. For SCADA, fast blink = unacknowledged condition. Stops respecting prefers-reduced-motion. */\n  @Prop({ reflect: true }) blinking: boolean = false;\n\n  /** Optional visible label rendered next to the LED. Always becomes the accessible name. */\n  @Prop() label?: string;\n\n  render() {\n    const accessibleName = this.label ?? `${this.state} indicator`;\n    return (\n      <Host\n        role=\"status\"\n        aria-label={accessibleName}\n        aria-live={this.state === 'fault' ? 'assertive' : 'polite'}\n      >\n        <span class=\"led\" part=\"led\" aria-hidden=\"true\" />\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n","/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 180px;\n  align-items: flex-start;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { SelectorPosition } from '../../atoms/selector-switch/selector-switch';\n\nconst DEFAULT_POSITIONS: SelectorPosition[] = [\n  { value: 'off', label: 'Off' },\n  { value: 'manual', label: 'Manual' },\n  { value: 'auto', label: 'Auto' },\n];\n\n/**\n * Operating-mode selector (Off / Manual / Auto by default). A labelled wrapper\n * around `<ind-selector-switch>` that re-emits the chosen mode.\n */\n@Component({\n  tag: 'ind-mode-selector',\n  styleUrls: ['../_shared/card.css', 'mode-selector.css'],\n  shadow: true,\n})\nexport class IndModeSelector {\n  /** Control label. */\n  @Prop() label: string = 'Mode';\n  /** Selectable positions. */\n  @Prop() positions: SelectorPosition[] = DEFAULT_POSITIONS;\n  /** Current mode value (two-way). */\n  @Prop({ mutable: true }) value?: string;\n  @Prop() disabled: boolean = false;\n\n  /** Fires with the selected mode value. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <span class=\"card-title\" part=\"label\">{this.label}</span>\n        <ind-selector-switch\n          part=\"switch\"\n          positions={this.positions}\n          value={this.value}\n          disabled={this.disabled}\n          label={this.label}\n          onIndChange={this.onChange}\n        />\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n}\n\n.group-label {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.switch {\n  display: inline-flex;\n  padding: 2px;\n  background: var(--ind-surface-sunken, light-dark(#fff, #000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n}\n\n.switch:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 2px;\n}\n\n.pos {\n  appearance: none;\n  border: none;\n  background: none;\n  cursor: pointer;\n  padding: var(--ind-spacing-2, 4px) var(--ind-spacing-4, 8px);\n  font-family: inherit;\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  text-transform: uppercase;\n  letter-spacing: 0.03em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  border-radius: var(--ind-radius-sm, 2px);\n  transition: background-color var(--ind-motion-duration-fast, 120ms) ease;\n}\n\n.pos:hover:not(:disabled) { color: var(--ind-surface-text-primary, #eef1f5); }\n\n.pos.is-active {\n  background: var(--ind-state-running-bg, #16a34a);\n  color: var(--ind-state-running-fg, #fff);\n}\n\n:host([disabled]) { opacity: 0.5; }\n.pos:disabled { cursor: not-allowed; }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport interface SelectorPosition {\n  value: string;\n  label: string;\n}\n\n@Component({\n  tag: 'ind-selector-switch',\n  styleUrl: 'selector-switch.css',\n  shadow: true,\n})\nexport class IndSelectorSwitch {\n  /** Discrete positions, e.g. OFF / HAND / AUTO. Pass as a property. */\n  @Prop() positions: SelectorPosition[] = [];\n  /** Selected position value. */\n  @Prop({ mutable: true, reflect: true }) value?: string;\n  /** Disabled. */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /** Group label. */\n  @Prop() label?: string;\n\n  /** Fires when a position is selected. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private select(value: string) {\n    if (this.disabled || value === this.value) return;\n    this.value = value;\n    this.indChange.emit(value);\n  }\n\n  private onKey = (e: KeyboardEvent) => {\n    const pos = this.positions ?? [];\n    if (pos.length === 0) return;\n    const idx = pos.findIndex((p) => p.value === this.value);\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      e.preventDefault();\n      this.select(pos[Math.min(pos.length - 1, idx + 1)]?.value ?? pos[0].value);\n    } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      this.select(pos[Math.max(0, idx - 1)]?.value ?? pos[0].value);\n    }\n  };\n\n  render() {\n    const positions = this.positions ?? [];\n    return (\n      <Host>\n        {this.label && <span class=\"group-label\" part=\"group-label\">{this.label}</span>}\n        <div\n          class=\"switch\"\n          part=\"switch\"\n          role=\"radiogroup\"\n          aria-label={this.label}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          tabindex={this.disabled ? undefined : '0'}\n          onKeyDown={this.onKey}\n        >\n          {positions.map((p) => (\n            <button\n              type=\"button\"\n              class={{ pos: true, 'is-active': p.value === this.value }}\n              part=\"position\"\n              role=\"radio\"\n              aria-checked={p.value === this.value ? 'true' : 'false'}\n              disabled={this.disabled}\n              tabindex=\"-1\"\n              onClick={() => this.select(p.value)}\n            >\n              {p.label}\n            </button>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n","/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 180px;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.label {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-medium, 500);\n}\n\n.buttons {\n  display: flex;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.buttons ind-button {\n  flex: 1 1 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type RunState = 'running' | 'stopped' | 'fault' | 'starting' | 'stopping';\n\n/**\n * Start / stop command pair with a running LED. Emits discrete `indStart` /\n * `indStop` events; the parent owns the command logic and reflects state back.\n */\n@Component({\n  tag: 'ind-start-stop-control',\n  styleUrls: ['../_shared/card.css', 'start-stop-control.css'],\n  shadow: true,\n})\nexport class IndStartStopControl {\n  /** Equipment label. */\n  @Prop() label?: string;\n  /** Current run state — drives the LED and disables the redundant button. */\n  @Prop({ reflect: true }) state: RunState = 'stopped';\n  /** Disable both commands. */\n  @Prop() disabled: boolean = false;\n  /** Require a press-and-hold (ms) on Start to avoid accidental starts. */\n  @Prop() holdToStartMs?: number;\n  @Prop() startLabel: string = 'Start';\n  @Prop() stopLabel: string = 'Stop';\n\n  /** Fires when Start is activated. */\n  @Event() indStart!: EventEmitter<void>;\n  /** Fires when Stop is activated. */\n  @Event() indStop!: EventEmitter<void>;\n\n  private isRunning() {\n    return this.state === 'running' || this.state === 'starting';\n  }\n\n  render() {\n    const ledState =\n      this.state === 'fault'\n        ? 'fault'\n        : this.state === 'running'\n          ? 'running'\n          : this.state === 'starting' || this.state === 'stopping'\n            ? 'warning'\n            : 'stopped';\n    return (\n      <Host role=\"group\" aria-label={this.label ?? 'Start stop control'}>\n        <div class=\"head\" part=\"head\">\n          <ind-led state={ledState} size=\"md\" blinking={this.state === 'starting' || this.state === 'stopping'} />\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n        </div>\n        <div class=\"buttons\" part=\"buttons\">\n          <ind-button\n            variant=\"primary\"\n            size=\"md\"\n            label={this.startLabel}\n            disabled={this.disabled || this.isRunning()}\n            holdToConfirmMs={this.holdToStartMs}\n            onIndActivate={() => this.indStart.emit()}\n          />\n          <ind-button\n            variant=\"danger\"\n            size=\"md\"\n            label={this.stopLabel}\n            disabled={this.disabled || this.state === 'stopped'}\n            onIndActivate={() => this.indStop.emit()}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAS,IAAM,y+E,MCURC,EAAM,M,yBAEQC,MAAkB,UAGlBC,KAAgB,KAGhBC,SAAoB,MAGrCC,MAER,MAAAC,GACE,MAAMC,EAAiBC,KAAKH,OAAS,GAAGG,KAAKN,kBAC7C,OACEO,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SAAQ,aACDL,EAAc,YACfC,KAAKN,QAAU,QAAU,YAAc,UAElDO,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,MAAK,cAAa,SACxCN,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASN,KAAKH,O,eChC9D,MAAMU,EAAU,IAAM,8zCCAtB,MAAMC,EAAkB,IAAM,gDCG9B,MAAMC,EAAwC,CAC5C,CAAEC,MAAO,MAAOb,MAAO,OACvB,CAAEa,MAAO,SAAUb,MAAO,UAC1B,CAAEa,MAAO,OAAQb,MAAO,S,MAYbc,EAAe,M,4DAElBd,MAAgB,OAEhBe,UAAgCH,EAEfC,MACjBG,SAAoB,MAGnBC,UAEDC,SAAYC,IAClBA,EAAEC,kBACFjB,KAAKU,MAAQM,EAAEE,OACflB,KAAKc,UAAUK,KAAKH,EAAEE,OAAO,EAG/B,MAAApB,GACE,OACEG,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASN,KAAKH,OAC5CI,EAAA,uBAAAE,IAAA,2CACEG,KAAK,SACLM,UAAWZ,KAAKY,UAChBF,MAAOV,KAAKU,MACZG,SAAUb,KAAKa,SACfhB,MAAOG,KAAKH,MACZuB,YAAapB,KAAKe,W,mBC9C5B,MAAMM,EAAoB,IAAM,s2C,MCYnBC,EAAiB,M,4DAEpBV,UAAgC,GAEAF,MAEfG,SAAoB,MAErChB,MAGCiB,UAED,MAAAS,CAAOb,GACb,GAAIV,KAAKa,UAAYH,IAAUV,KAAKU,MAAO,OAC3CV,KAAKU,MAAQA,EACbV,KAAKc,UAAUK,KAAKT,E,CAGdc,MAASR,IACf,MAAMS,EAAMzB,KAAKY,WAAa,GAC9B,GAAIa,EAAIC,SAAW,EAAG,OACtB,MAAMC,EAAMF,EAAIG,WAAWC,GAAMA,EAAEnB,QAAUV,KAAKU,QAClD,GAAIM,EAAEb,MAAQ,cAAgBa,EAAEb,MAAQ,YAAa,CACnDa,EAAEc,iBACF9B,KAAKuB,OAAOE,EAAIM,KAAKC,IAAIP,EAAIC,OAAS,EAAGC,EAAM,KAAKjB,OAASe,EAAI,GAAGf,M,MAC/D,GAAIM,EAAEb,MAAQ,aAAea,EAAEb,MAAQ,UAAW,CACvDa,EAAEc,iBACF9B,KAAKuB,OAAOE,EAAIM,KAAKE,IAAI,EAAGN,EAAM,KAAKjB,OAASe,EAAI,GAAGf,M,GAI3D,MAAAZ,GACE,MAAMc,EAAYZ,KAAKY,WAAa,GACpC,OACEX,EAACC,EAAI,CAAAC,IAAA,4CACFH,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,cAAcC,KAAK,eAAeN,KAAKH,OAClEI,EAAA,OAAAE,IAAA,2CACEE,MAAM,SACNC,KAAK,SACLF,KAAK,aAAY,aACLJ,KAAKH,MAAK,gBACPG,KAAKa,SAAW,OAAS,QACxCqB,SAAUlC,KAAKa,SAAWsB,UAAY,IACtCC,UAAWpC,KAAKwB,OAEfZ,EAAUyB,KAAKR,GACd5B,EAAA,UACEqC,KAAK,SACLjC,MAAO,CAAEoB,IAAK,KAAM,YAAaI,EAAEnB,QAAUV,KAAKU,OAClDJ,KAAK,WACLF,KAAK,QAAO,eACEyB,EAAEnB,QAAUV,KAAKU,MAAQ,OAAS,QAChDG,SAAUb,KAAKa,SACfqB,SAAS,KACTK,QAAS,IAAMvC,KAAKuB,OAAOM,EAAEnB,QAE5BmB,EAAEhC,U,eCrEjB,MAAMU,EAAU,IAAM,8zCCAtB,MAAMiC,EAAsB,IAAM,4S,MCarBC,EAAmB,M,yFAEtB5C,MAEiBH,MAAkB,UAEnCmB,SAAoB,MAEpB6B,cACAC,WAAqB,QACrBC,UAAoB,OAGnBC,SAEAC,QAED,SAAAC,GACN,OAAO/C,KAAKN,QAAU,WAAaM,KAAKN,QAAU,U,CAGpD,MAAAI,GACE,MAAMkD,EACJhD,KAAKN,QAAU,QACX,QACAM,KAAKN,QAAU,UACb,UACAM,KAAKN,QAAU,YAAcM,KAAKN,QAAU,WAC1C,UACA,UACV,OACEO,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAaJ,KAAKH,OAAS,sBAC3CI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,QACrBL,EAAA,WAAAE,IAAA,2CAAST,MAAOsD,EAAUrD,KAAK,KAAKC,SAAUI,KAAKN,QAAU,YAAcM,KAAKN,QAAU,aACzFM,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASN,KAAKH,QAExDI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,cAAAE,IAAA,2CACE8C,QAAQ,UACRtD,KAAK,KACLE,MAAOG,KAAK2C,WACZ9B,SAAUb,KAAKa,UAAYb,KAAK+C,YAChCG,gBAAiBlD,KAAK0C,cACtBS,cAAe,IAAMnD,KAAK6C,SAAS1B,SAErClB,EAAA,cAAAE,IAAA,2CACE8C,QAAQ,SACRtD,KAAK,KACLE,MAAOG,KAAK4C,UACZ/B,SAAUb,KAAKa,UAAYb,KAAKN,QAAU,UAC1CyD,cAAe,IAAMnD,KAAK8C,QAAQ3B,U","ignoreList":[]}

package/dist/ind-ds/p-83e5c6f2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as t}from"./p-Bls_NlWP.js";const n=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const s=()=>`.coil{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}:host([state="running"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb)}:host([state="running"]) .coil{stroke:var(--ind-state-maintenance-border, #93c5fd)}`;const i=class{constructor(a){e(this,a)}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"cooler";return a(t,{key:"e498b99ea5768deb7147352d066b8f0650d4a176",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"c0acab84becce756d8281cf4ba0bef88c4aab776",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"83ed34a7c484bc3c40e4c0fc35540644506c2d14",class:"body",cx:"24",cy:"24",r:"16"}),a("g",{key:"ff62a6c27629d9e42c497365410125ac700d4005",class:"flake"},a("line",{key:"56870b9cc154793ee7ba0e702dfccea779a165c1",class:"coil",x1:"24",y1:"12",x2:"24",y2:"36"}),a("line",{key:"61f78a1ec7382a07662e27d32a7f4e8497d73136",class:"coil",x1:"13.6",y1:"18",x2:"34.4",y2:"30"}),a("line",{key:"e5b632f4239a6697dc3887b72ac473a4e3a8325d",class:"coil",x1:"13.6",y1:"30",x2:"34.4",y2:"18"}))),(this.tag||this.label)&&a("div",{key:"9b40254100d0e346dfb23d5eb8746bd1071c7dba",class:"caption"},this.tag&&a("span",{key:"bf78571570a9cb4d2a994ed0ddc9a3d26eb87b77",class:"tag"},this.tag),this.label&&a("span",{key:"6849888c1495f4170c4622556cfc166c7b6db259",class:"label"},this.label)))}};i.style=n()+s();export{i as ind_cooler};
+//# sourceMappingURL=p-83e5c6f2.entry.js.map

package/dist/ind-ds/p-83e5c6f2.entry.js.map

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

package/dist/ind-ds/p-866865be.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s}from"./p-Bls_NlWP.js";const a=()=>`: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 n=class{constructor(i){e(this,i);this.indSelect=t(this,"indSelect");this.indToggle=t(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(s,{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"})))}};n.style=a();export{n as ind_tree_node};
+//# sourceMappingURL=p-866865be.entry.js.map

package/dist/ind-ds/p-866865be.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["treeNodeCss","IndTreeNode","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":"yDAAA,MAAMA,EAAc,IAAM,61C,MCObC,EAAW,M,+FAEdC,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/ind-ds/p-872b2341.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const t=()=>`:host{min-width:320px}.overview{padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle)}.overview ind-sparkline{width:100%;height:48px}.panel-list{max-height:360px}`;const r=class{constructor(e){a(this,e)}heading="Historian";tag;unit;precision;samples=[];numericPoints(){return this.samples.map((a=>typeof a.value==="number"?a.value:parseFloat(String(a.value)))).filter((a=>Number.isFinite(a))).reverse()}render(){const a=this.numericPoints();return e(i,{key:"10019df17732d6cbfb6d65e4bbc859c9cf8a64dd"},e("div",{key:"9f19344ace66e13d1eba3e778362f773eda4c9ef",class:"panel-head"},e("div",{key:"7d298a252035e7b64a337526c2aab6d19d3b7246",class:"panel-titles"},e("span",{key:"70697ae5c11a33b66b0a80c6e415543b4644086f",class:"panel-title",part:"heading"},this.heading),this.tag&&e("span",{key:"872d9b1ce0819d7854aebd3b4283d3c0a8daa1cc",class:"panel-subtitle"},this.tag,this.unit?` · ${this.unit}`:""))),a.length>1&&e("div",{key:"cfdf79ae225510f3eab12c89a549a878083e5d82",class:"overview",part:"overview"},e("ind-sparkline",{key:"6ae7ef7da3acb52b415fefb25441c553b1bdac77",points:a,variant:"default",area:true})),e("div",{key:"3bc0acc77904b401b450ccf739757e7228f266f6",class:"panel-list",part:"list"},this.samples.length===0?e("div",{class:"panel-empty"},"No samples"):this.samples.map(((a,i)=>e("ind-historical-value-row",{key:i,time:a.time,value:a.value,unit:this.unit,precision:this.precision,quality:a.quality??"good"})))))}};r.style=n()+t();export{r as ind_historian_viewer};
+//# sourceMappingURL=p-872b2341.entry.js.map

package/dist/ind-ds/p-872b2341.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","historianViewerCss","IndHistorianViewer","heading","tag","unit","precision","samples","numericPoints","this","map","s","value","parseFloat","String","filter","n","Number","isFinite","reverse","render","points","h","Host","key","class","part","length","variant","area","i","time","quality"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-historian-viewer&encapsulation=shadow","src/components/organisms/historian-viewer/historian-viewer.css?tag=ind-historian-viewer&encapsulation=shadow","src/components/organisms/historian-viewer/historian-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: 320px;\n}\n\n.overview {\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n}\n\n.overview ind-sparkline {\n  width: 100%;\n  height: 48px;\n}\n\n.panel-list {\n  max-height: 360px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { DataQuality } from '../../molecules/historical-value-row/historical-value-row';\n\nexport interface HistorianSample {\n  time: string;\n  value: number | string;\n  quality?: DataQuality;\n}\n\n/**\n * Tabular history viewer for a single tag: header with tag/unit, an optional\n * sparkline overview, and a scrolling list of `<ind-historical-value-row>`s.\n */\n@Component({\n  tag: 'ind-historian-viewer',\n  styleUrls: ['../_shared/panel.css', 'historian-viewer.css'],\n  shadow: true,\n})\nexport class IndHistorianViewer {\n  @Prop() heading: string = 'Historian';\n  /** Tag being viewed. */\n  @Prop() tag?: string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places for the rows. */\n  @Prop() precision?: number;\n  /** Samples, most-recent first. */\n  @Prop() samples: HistorianSample[] = [];\n\n  private numericPoints(): number[] {\n    return this.samples\n      .map((s) => (typeof s.value === 'number' ? s.value : parseFloat(String(s.value))))\n      .filter((n) => Number.isFinite(n))\n      .reverse();\n  }\n\n  render() {\n    const points = this.numericPoints();\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}{this.unit ? ` · ${this.unit}` : ''}</span>}\n          </div>\n        </div>\n        {points.length > 1 && (\n          <div class=\"overview\" part=\"overview\">\n            <ind-sparkline points={points} variant=\"default\" area></ind-sparkline>\n          </div>\n        )}\n        <div class=\"panel-list\" part=\"list\">\n          {this.samples.length === 0 ? (\n            <div class=\"panel-empty\">No samples</div>\n          ) : (\n            this.samples.map((s, i) => (\n              <ind-historical-value-row\n                key={i}\n                time={s.time}\n                value={s.value}\n                unit={this.unit}\n                precision={this.precision}\n                quality={s.quality ?? 'good'}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAqB,IAAM,qO,MCkBpBC,EAAkB,M,yBACrBC,QAAkB,YAElBC,IAEAC,KAEAC,UAEAC,QAA6B,GAE7B,aAAAC,GACN,OAAOC,KAAKF,QACTG,KAAKC,UAAcA,EAAEC,QAAU,SAAWD,EAAEC,MAAQC,WAAWC,OAAOH,EAAEC,UACxEG,QAAQC,GAAMC,OAAOC,SAASF,KAC9BG,S,CAGL,MAAAC,GACE,MAAMC,EAASZ,KAAKD,gBACpB,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,WAAWjB,KAAKN,SAC9CM,KAAKL,KAAOkB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBhB,KAAKL,IAAKK,KAAKJ,KAAO,MAAMI,KAAKJ,OAAS,MAGxFgB,EAAOM,OAAS,GACfL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAWC,KAAK,YACzBJ,EAAA,iBAAAE,IAAA,2CAAeH,OAAQA,EAAQO,QAAQ,UAAUC,KAAI,QAGzDP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAaC,KAAK,QAC1BjB,KAAKF,QAAQoB,SAAW,EACvBL,EAAA,OAAKG,MAAM,eAAa,cAExBhB,KAAKF,QAAQG,KAAI,CAACC,EAAGmB,IACnBR,EAAA,4BACEE,IAAKM,EACLC,KAAMpB,EAAEoB,KACRnB,MAAOD,EAAEC,MACTP,KAAMI,KAAKJ,KACXC,UAAWG,KAAKH,UAChB0B,QAASrB,EAAEqB,SAAW,Y","ignoreList":[]}

package/dist/ind-ds/{p-5369d63a.entry.js → p-880b7148.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e,H as a}from"./p-D2yNiL0d.js";const n=()=>`:host{display:block;font-family:var(--ind-font-family-sans)}.item{position:relative;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);width:100%;height:var(--ind-nav-item-height, 38px);padding:0 var(--ind-spacing-5, 12px);background:transparent;border:none;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font:inherit;font-size:var(--ind-font-size-base, 12px);text-align:left;text-decoration:none;cursor:pointer;user-select:none;box-sizing:border-box;transition:background-color var(--ind-motion-duration-fast, 120ms),     color            var(--ind-motion-duration-fast, 120ms)}.indicator{width:10px;font-size:9px;color:var(--ind-feedback-info-bg, #0891b2);opacity:0;transition:opacity var(--ind-motion-duration-fast, 120ms);text-align:center}.content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:var(--ind-font-size-xs, 10px);font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-bold, 700);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);padding:1px var(--ind-spacing-2, 4px);min-width:16px;text-align:center;border-radius:var(--ind-radius-sm, 2px);background:var(--ind-feedback-error-bg, #dc2626);color:var(--ind-feedback-error-fg, #ffffff);line-height:1.2}.item:hover:not(:disabled):not([aria-disabled="true"]){background:var(--ind-surface-raised);color:var(--ind-surface-text-primary)}.item:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:-2px}:host([active]) .item{background:var(--ind-surface-raised);color:var(--ind-surface-text-primary);font-weight:var(--ind-font-weight-semibold, 600)}:host([active]) .indicator{opacity:1}:host([disabled]){opacity:0.4;pointer-events:none}`;const r=class{constructor(e){i(this,e);this.indSelect=t(this,"indSelect")}active=false;disabled=false;label;href;badge;indSelect;onClick=i=>{if(this.disabled){i.preventDefault();return}if(!this.href)i.preventDefault();this.indSelect.emit()};render(){const i=this.active?"page":undefined;const t=this.badge!==undefined&&this.badge!==""&&this.badge!==null;const n=[e("span",{key:"ad9e90d0aab88711ff9e5f5db2cd988a76520c3c",class:"indicator",part:"indicator","aria-hidden":"true"},"▶"),e("span",{key:"33fa94a1e111cfc992dbd20ec1c8cfc9a30b18c5",class:"content",part:"content"},e("slot",{key:"bfc5072816f07d0fc276d67621efa09d4ce421f4"},this.label)),t?e("span",{class:"badge",part:"badge"},this.badge):null];return e(a,{key:"895afdd6a1a347adadb7213e4b42ece2d3e32c65"},this.href?e("a",{class:"item",part:"item",href:this.href,"aria-current":i,"aria-disabled":this.disabled?"true":undefined,onClick:this.onClick},n):e("button",{type:"button",class:"item",part:"item",disabled:this.disabled,"aria-current":i,onClick:this.onClick},n))}};r.style=n();export{r as ind_nav_item};
-//# sourceMappingURL=p-5369d63a.entry.js.map
+import{r as i,c as t,h as e,H as a}from"./p-Bls_NlWP.js";const n=()=>`:host{display:block;font-family:var(--ind-font-family-sans)}.item{position:relative;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);width:100%;height:var(--ind-nav-item-height, 38px);padding:0 var(--ind-spacing-5, 12px);background:transparent;border:none;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font:inherit;font-size:var(--ind-font-size-base, 12px);text-align:left;text-decoration:none;cursor:pointer;user-select:none;box-sizing:border-box;transition:background-color var(--ind-motion-duration-fast, 120ms),     color            var(--ind-motion-duration-fast, 120ms)}.indicator{width:10px;font-size:9px;color:var(--ind-feedback-info-bg, #0891b2);opacity:0;transition:opacity var(--ind-motion-duration-fast, 120ms);text-align:center}.content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{font-size:var(--ind-font-size-xs, 10px);font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-bold, 700);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);padding:1px var(--ind-spacing-2, 4px);min-width:16px;text-align:center;border-radius:var(--ind-radius-sm, 2px);background:var(--ind-feedback-error-bg, #dc2626);color:var(--ind-feedback-error-fg, #ffffff);line-height:1.2}.item:hover:not(:disabled):not([aria-disabled="true"]){background:var(--ind-surface-raised);color:var(--ind-surface-text-primary)}.item:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:-2px}:host([active]) .item{background:var(--ind-surface-raised);color:var(--ind-surface-text-primary);font-weight:var(--ind-font-weight-semibold, 600)}:host([active]) .indicator{opacity:1}:host([disabled]){opacity:0.4;pointer-events:none}`;const r=class{constructor(e){i(this,e);this.indSelect=t(this,"indSelect")}active=false;disabled=false;label;href;badge;indSelect;onClick=i=>{if(this.disabled){i.preventDefault();return}if(!this.href)i.preventDefault();this.indSelect.emit()};render(){const i=this.active?"page":undefined;const t=this.badge!==undefined&&this.badge!==""&&this.badge!==null;const n=[e("span",{key:"eff40a1126717fd21592eca3f809c1cf0c3b510d",class:"indicator",part:"indicator","aria-hidden":"true"},"▶"),e("span",{key:"87b50e12513279369e4acfe97ea65cdb30f70237",class:"content",part:"content"},e("slot",{key:"0ade4bc1a93ad8ca42f82141bbfc3b33848d4e04"},this.label)),t?e("span",{class:"badge",part:"badge"},this.badge):null];return e(a,{key:"fd2006e3f0b3653dc76c1f28d24279994feda1b7"},this.href?e("a",{class:"item",part:"item",href:this.href,"aria-current":i,"aria-disabled":this.disabled?"true":undefined,onClick:this.onClick},n):e("button",{type:"button",class:"item",part:"item",disabled:this.disabled,"aria-current":i,onClick:this.onClick},n))}};r.style=n();export{r as ind_nav_item};
+//# sourceMappingURL=p-880b7148.entry.js.map

package/dist/ind-ds/{p-781e21df.entry.js → p-8bae38f6.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as i,H as o}from"./p-D2yNiL0d.js";const r=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);border:1px solid;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);max-width:100%}.badge{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-bold, 700);font-size:var(--ind-font-size-sm, 11px);letter-spacing:0.04em;padding:1px var(--ind-spacing-2, 4px);border-radius:var(--ind-radius-sm, 2px);background:rgba(0, 0, 0, 0.25);white-space:nowrap}.label{flex:1;font-weight:var(--ind-font-weight-medium, 500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);opacity:0.85;white-space:nowrap}:host([priority="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([priority="high"]){background:var(--ind-alarm-high-bg, #f59e0b);color:var(--ind-alarm-high-fg, #000000);border-color:var(--ind-alarm-high-border, #fcd34d)}:host([priority="low"]){background:var(--ind-alarm-low-bg, #0891b2);color:var(--ind-alarm-low-fg, #ffffff);border-color:var(--ind-alarm-low-border, #22d3ee)}:host([priority="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(:not([acknowledged])){animation:ind-alarm-blink var(--ind-motion-blink-fast, 400ms) steps(2, end) infinite}:host([priority="high-high"]:not([acknowledged])){animation-duration:var(--ind-motion-blink-urgent, 200ms)}:host([priority="low"]:not([acknowledged])),:host([priority="low-low"]:not([acknowledged])){animation-duration:var(--ind-motion-blink-slow, 1000ms)}:host([acknowledged]) .label{opacity:0.75}:host([acknowledged]) .badge{opacity:0.85}@keyframes ind-alarm-blink{50%{filter:brightness(0.6)}}@media (prefers-reduced-motion: reduce){:host(:not([acknowledged])){animation:none;outline:3px solid currentColor;outline-offset:2px}}`;const e={"high-high":"HH",high:"H",low:"L","low-low":"LL"};const n=class{constructor(i){a(this,i)}priority="high";acknowledged=false;label;timestamp;render(){const a=e[this.priority];return i(o,{key:"4aa256413a1b908acbe8dda509a7524fbd3c50df",role:"alert","aria-live":this.priority==="high-high"&&!this.acknowledged?"assertive":"polite","aria-atomic":"true"},i("span",{key:"19ee856cc6f4ee90f0db296fae69547c8bfa9c0f",class:"badge",part:"badge","aria-label":`priority ${a}`},a),i("span",{key:"54e66ef997a6ed665e4f0d59f87532368103d686",class:"label",part:"label"},this.label),this.timestamp&&i("time",{key:"954956c17cce6c16df50710c6eb12fad827e8c45",class:"timestamp",part:"timestamp",dateTime:this.timestamp},this.timestamp))}};n.style=r();export{n as ind_alarm};
-//# sourceMappingURL=p-781e21df.entry.js.map
+import{r as a,h as i,H as o}from"./p-Bls_NlWP.js";const r=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);border:1px solid;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);max-width:100%}.badge{font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-bold, 700);font-size:var(--ind-font-size-sm, 11px);letter-spacing:0.04em;padding:1px var(--ind-spacing-2, 4px);border-radius:var(--ind-radius-sm, 2px);background:rgba(0, 0, 0, 0.25);white-space:nowrap}.label{flex:1;font-weight:var(--ind-font-weight-medium, 500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timestamp{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);opacity:0.85;white-space:nowrap}:host([priority="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([priority="high"]){background:var(--ind-alarm-high-bg, #f59e0b);color:var(--ind-alarm-high-fg, #000000);border-color:var(--ind-alarm-high-border, #fcd34d)}:host([priority="low"]){background:var(--ind-alarm-low-bg, #0891b2);color:var(--ind-alarm-low-fg, #ffffff);border-color:var(--ind-alarm-low-border, #22d3ee)}:host([priority="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(:not([acknowledged])){animation:ind-alarm-blink var(--ind-motion-blink-fast, 400ms) steps(2, end) infinite}:host([priority="high-high"]:not([acknowledged])){animation-duration:var(--ind-motion-blink-urgent, 200ms)}:host([priority="low"]:not([acknowledged])),:host([priority="low-low"]:not([acknowledged])){animation-duration:var(--ind-motion-blink-slow, 1000ms)}:host([acknowledged]) .label{opacity:0.75}:host([acknowledged]) .badge{opacity:0.85}@keyframes ind-alarm-blink{50%{filter:brightness(0.6)}}@media (prefers-reduced-motion: reduce){:host(:not([acknowledged])){animation:none;outline:3px solid currentColor;outline-offset:2px}}`;const e={"high-high":"HH",high:"H",low:"L","low-low":"LL"};const n=class{constructor(i){a(this,i)}priority="high";acknowledged=false;label;timestamp;render(){const a=e[this.priority];return i(o,{key:"4aa256413a1b908acbe8dda509a7524fbd3c50df",role:"alert","aria-live":this.priority==="high-high"&&!this.acknowledged?"assertive":"polite","aria-atomic":"true"},i("span",{key:"19ee856cc6f4ee90f0db296fae69547c8bfa9c0f",class:"badge",part:"badge","aria-label":`priority ${a}`},a),i("span",{key:"54e66ef997a6ed665e4f0d59f87532368103d686",class:"label",part:"label"},this.label),this.timestamp&&i("time",{key:"954956c17cce6c16df50710c6eb12fad827e8c45",class:"timestamp",part:"timestamp",dateTime:this.timestamp},this.timestamp))}};n.style=r();export{n as ind_alarm};
+//# sourceMappingURL=p-8bae38f6.entry.js.map

package/dist/ind-ds/p-8ed6ec01.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const s=()=>`:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:10px;--_color:var(--ind-state-running-bg, #16a34a);--_period:1000ms}:host([size="sm"]){--_size:8px}:host([size="lg"]){--_size:14px}:host(:not([alive])){--_color:var(--ind-state-fault-bg, #dc2626)}.pulse{position:relative;display:inline-flex;width:var(--_size);height:var(--_size);flex:none}.core{position:absolute;inset:0;margin:auto;width:var(--_size);height:var(--_size);border-radius:50%;background:var(--_color)}.ring{position:absolute;inset:0;border-radius:50%;background:var(--_color);opacity:0}:host([alive]) .ring{animation:ind-heartbeat var(--_period) ease-out infinite}@keyframes ind-heartbeat{0%{transform:scale(1);opacity:0.6}70%{transform:scale(2.6);opacity:0}100%{transform:scale(2.6);opacity:0}}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}@media (prefers-reduced-motion: reduce){.ring{animation:none !important}}`;const r=class{constructor(e){a(this,e)}alive=true;interval=1e3;size="md";label;render(){return e(i,{key:"57635f480aa687475404cc5078e5f2ad1bef3522",role:"status","aria-live":"polite","aria-label":this.label??(this.alive?"Heartbeat active":"Heartbeat lost"),style:{"--_period":`${Math.max(200,this.interval)}ms`}},e("span",{key:"c1a84671caebe2949acb923a666cd9f2318e95a7",class:"pulse",part:"pulse","aria-hidden":"true"},e("span",{key:"720ef97105a86565d5aced3d77ada332b6c1ded2",class:"core",part:"core"}),e("span",{key:"f865735ce0515440a8b1148dbe9a506bbc891cc9",class:"ring",part:"ring"})),this.label&&e("span",{key:"b15159d02b971495987871841848d27c9f21e94c",class:"label",part:"label"},this.label))}};r.style=s();export{r as ind_heartbeat};
+//# sourceMappingURL=p-8ed6ec01.entry.js.map

package/dist/ind-ds/p-8ed6ec01.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["heartbeatCss","IndHeartbeat","alive","interval","size","label","render","h","Host","key","role","this","style","Math","max","class","part"],"sources":["src/components/atoms/heartbeat/heartbeat.css?tag=ind-heartbeat&encapsulation=shadow","src/components/atoms/heartbeat/heartbeat.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_size: 10px;\n  --_color: var(--ind-state-running-bg, #16a34a);\n  --_period: 1000ms;\n}\n\n:host([size=\"sm\"]) { --_size: 8px; }\n:host([size=\"lg\"]) { --_size: 14px; }\n\n:host(:not([alive])) { --_color: var(--ind-state-fault-bg, #dc2626); }\n\n.pulse {\n  position: relative;\n  display: inline-flex;\n  width: var(--_size);\n  height: var(--_size);\n  flex: none;\n}\n\n.core {\n  position: absolute;\n  inset: 0;\n  margin: auto;\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background: var(--_color);\n}\n\n.ring {\n  position: absolute;\n  inset: 0;\n  border-radius: 50%;\n  background: var(--_color);\n  opacity: 0;\n}\n\n:host([alive]) .ring {\n  animation: ind-heartbeat var(--_period) ease-out infinite;\n}\n\n@keyframes ind-heartbeat {\n  0%   { transform: scale(1);   opacity: 0.6; }\n  70%  { transform: scale(2.6); opacity: 0; }\n  100% { transform: scale(2.6); opacity: 0; }\n}\n\n.label { color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }\n\n@media (prefers-reduced-motion: reduce) {\n  .ring { animation: none !important; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type HeartbeatSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-heartbeat',\n  styleUrl: 'heartbeat.css',\n  shadow: true,\n})\nexport class IndHeartbeat {\n  /** Whether the monitored source is alive. When false the pulse stops. */\n  @Prop({ reflect: true }) alive: boolean = true;\n\n  /** Beat interval in milliseconds (drives the pulse animation period). */\n  @Prop() interval: number = 1000;\n\n  /** Size. */\n  @Prop({ reflect: true }) size: HeartbeatSize = 'md';\n\n  /** Optional label rendered next to the pulse. */\n  @Prop() label?: string;\n\n  render() {\n    return (\n      <Host\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-label={this.label ?? (this.alive ? 'Heartbeat active' : 'Heartbeat lost')}\n        style={{ '--_period': `${Math.max(200, this.interval)}ms` }}\n      >\n        <span class=\"pulse\" part=\"pulse\" aria-hidden=\"true\">\n          <span class=\"core\" part=\"core\" />\n          <span class=\"ring\" part=\"ring\" />\n        </span>\n        {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,+lC,MCSdC,EAAY,M,yBAEEC,MAAiB,KAGlCC,SAAmB,IAGFC,KAAsB,KAGvCC,MAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SAAQ,YACH,SAAQ,aACNC,KAAKN,QAAUM,KAAKT,MAAQ,mBAAqB,kBAC7DU,MAAO,CAAE,YAAa,GAAGC,KAAKC,IAAI,IAAKH,KAAKR,gBAE5CI,EAAA,QAAAE,IAAA,2CAAMM,MAAM,QAAQC,KAAK,QAAO,cAAa,QAC3CT,EAAA,QAAAE,IAAA,2CAAMM,MAAM,OAAOC,KAAK,SACxBT,EAAA,QAAAE,IAAA,2CAAMM,MAAM,OAAOC,KAAK,UAEzBL,KAAKN,OAASE,EAAA,QAAAE,IAAA,2CAAMM,MAAM,QAAQC,KAAK,SAASL,KAAKN,O","ignoreList":[]}

package/dist/ind-ds/{p-52b18003.entry.js → p-91366917.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as r,H as n}from"./p-D2yNiL0d.js";const e=()=>`: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 i=class{constructor(r){a(this,r)}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"?"▼":"◆")))}};i.style=e();export{i as ind_value};
-//# sourceMappingURL=p-52b18003.entry.js.map
+import{r as a,h as r,H as n}from"./p-Bls_NlWP.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 e=class{constructor(r){a(this,r)}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 i=this.alarm!=="none"?`, alarm ${this.alarm}`:"";return r(n,{key:"0438f53ccfd76d02f30a9d3d2df93ee422f5daa6",role:"group","aria-label":`${a}: ${this.formatted()}${this.unit?" "+this.unit:""}${i}`,"aria-live":this.alarm==="high-high"?"assertive":"polite"},(this.tag||this.label)&&r("div",{key:"02d0e59899fe4a5e9261efbe11f998411992e79a",class:"header",part:"header"},this.tag&&r("span",{key:"673d7544ac10b9136023e126079e1966a5bfb3e7",class:"tag",part:"tag"},this.tag),this.label&&r("span",{key:"9092698fca1a1790de4a52fa741bde462289436f",class:"label",part:"label"},this.label)),r("div",{key:"2387e1e924c1ee41cc38daf28de39466bfd65592",class:"readout",part:"readout"},r("span",{key:"31748fea6210035a2a03fa588b873b1f3b1483d6",class:"number",part:"number"},this.formatted()),this.unit&&r("span",{key:"c21057af583f90f4ba8e59d2964564f6484d58b1",class:"unit",part:"unit"},this.unit),this.trend!=="none"&&r("span",{key:"cf485adac4029ace34c24bc5e1712287f2063300",class:"trend",part:"trend","aria-hidden":"true"},this.trend==="up"?"▲":this.trend==="down"?"▼":"◆")))}};e.style=i();export{e as ind_value};
+//# sourceMappingURL=p-91366917.entry.js.map

package/dist/ind-ds/p-93c934e3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as s}from"./p-Bls_NlWP.js";const t=()=>`:host{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border-top:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));min-height:24px;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.message{flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spacer{flex:1}.end{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px)}::slotted(*){font-size:var(--ind-font-size-sm, 11px)}`;const n=class{constructor(a){e(this,a)}state="neutral";message;render(){return a(s,{key:"0e24fa0f2693d5756328492c64d61278f52ba1aa",role:"status","aria-live":"polite"},a("ind-status-dot",{key:"b3c8d0f81d67fc1c0968a5400e3e2b1ffea6e050",state:this.state,size:"sm"}),this.message&&a("span",{key:"d6c47a4b16ed872430df471f9980c4dde551a963",class:"message",part:"message"},this.message),a("span",{key:"833ee65843c75d0df1b95ecbf29390d848147bc6",class:"spacer"}),a("span",{key:"71d6fb61744466c96639fe8e5c6b922c891d5b8d",class:"end",part:"end"},a("slot",{key:"188dec4734c910b1da01047f0a4ccb530f267640"})))}};n.style=t();export{n as ind_status_bar};
+//# sourceMappingURL=p-93c934e3.entry.js.map

package/dist/ind-ds/p-940221f7.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as t,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const s=()=>`:host{min-width:210px}.mode{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-muted)}.mode-heating{color:var(--ind-state-fault-bg, #dc2626)}.mode-cooling{color:var(--ind-color-palette-cyan-300, #22d3ee)}`;const r=class{constructor(t){a(this,t);this.indChange=e(this,"indChange")}label;tag;value=20;pv;min=0;max=200;step=.5;precision=1;unit="°C";disabled=false;mode="idle";indChange;onChange=a=>{a.stopPropagation();this.value=a.detail;this.indChange.emit(a.detail)};render(){const a=this.mode==="heating"?"Heating":this.mode==="cooling"?"Cooling":"Idle";const e=this.mode==="heating"?"🔥":this.mode==="cooling"?"❄":"○";return t(i,{key:"0e8701bc6e89c38f88a4f9b7de7c20e5daeff9c2"},t("div",{key:"023aefad2dbebe2d6f79974010416c6aacd35abb",class:"card-head"},t("span",{key:"262f3a73e2e0a53b3fd6c1587aaa8e051e06b28c",class:"card-title",part:"label"},this.label),this.tag&&t("span",{key:"0c9a041e54488b1efa69fc56a8b18c95ec2796b2",class:"card-tag",part:"tag"},this.tag)),t("div",{key:"1b82accfe0f72b351c570ce6ad1a1752cbb1abac",class:`mode mode-${this.mode}`,part:"mode"},t("span",{key:"3e87998079be0552869ce9d4b716e061dc08cca0",class:"glyph","aria-hidden":"true"},e),t("span",{key:"1840ecae368882e89cef466bce4fa5193f50e857"},a)),t("ind-setpoint",{key:"7a7b98088e7928cbef79f10ff3b47d31b78b4bb6",part:"setpoint",value:this.value,pv:this.pv,min:this.min,max:this.max,step:this.step,precision:this.precision,unit:this.unit,disabled:this.disabled,size:"md",onIndChange:this.onChange}))}};r.style=n()+s();export{r as ind_temperature_control};
+//# sourceMappingURL=p-940221f7.entry.js.map

package/dist/ind-ds/p-940221f7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","temperatureControlCss","IndTemperatureControl","label","tag","value","pv","min","max","step","precision","unit","disabled","mode","indChange","onChange","e","stopPropagation","this","detail","emit","render","modeLabel","glyph","h","Host","key","class","part","size","onIndChange"],"sources":["src/components/molecules/_shared/card.css?tag=ind-temperature-control&encapsulation=shadow","src/components/molecules/temperature-control/temperature-control.css?tag=ind-temperature-control&encapsulation=shadow","src/components/molecules/temperature-control/temperature-control.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 210px;\n}\n\n.mode {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-muted);\n}\n\n.mode-heating { color: var(--ind-state-fault-bg, #dc2626); }\n.mode-cooling { color: var(--ind-color-palette-cyan-300, #22d3ee); }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type ThermalMode = 'idle' | 'heating' | 'cooling';\n\n/**\n * Temperature loop faceplate: setpoint vs process value plus a heating/cooling\n * indicator. Re-emits the committed setpoint.\n */\n@Component({\n  tag: 'ind-temperature-control',\n  styleUrls: ['../_shared/card.css', 'temperature-control.css'],\n  shadow: true,\n})\nexport class IndTemperatureControl {\n  /** Loop label (e.g. \"Reactor jacket\"). */\n  @Prop() label!: string;\n  /** Loop tag (e.g. \"TIC-301\"). */\n  @Prop() tag?: string;\n  /** Target temperature (two-way). */\n  @Prop({ mutable: true }) value: number = 20;\n  /** Live process temperature. */\n  @Prop() pv?: number;\n  @Prop() min: number = 0;\n  @Prop() max: number = 200;\n  @Prop() step: number = 0.5;\n  @Prop() precision: number = 1;\n  /** Temperature unit (default °C). */\n  @Prop() unit: string = '°C';\n  @Prop() disabled: boolean = false;\n  /** Current thermal action — drives the indicator. */\n  @Prop({ reflect: true }) mode: ThermalMode = 'idle';\n\n  /** Committed setpoint. */\n  @Event() indChange!: EventEmitter<number>;\n\n  private onChange = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    const modeLabel = this.mode === 'heating' ? 'Heating' : this.mode === 'cooling' ? 'Cooling' : 'Idle';\n    const glyph = this.mode === 'heating' ? '🔥' : this.mode === 'cooling' ? '❄' : '○';\n    return (\n      <Host>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n        </div>\n        <div class={`mode mode-${this.mode}`} part=\"mode\">\n          <span class=\"glyph\" aria-hidden=\"true\">{glyph}</span>\n          <span>{modeLabel}</span>\n        </div>\n        <ind-setpoint\n          part=\"setpoint\"\n          value={this.value}\n          pv={this.pv}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          precision={this.precision}\n          unit={this.unit}\n          disabled={this.disabled}\n          size=\"md\"\n          onIndChange={this.onChange}\n        />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAwB,IAAM,qV,MCavBC,EAAqB,M,4DAExBC,MAEAC,IAEiBC,MAAgB,GAEjCC,GACAC,IAAc,EACdC,IAAc,IACdC,KAAe,GACfC,UAAoB,EAEpBC,KAAe,KACfC,SAAoB,MAEHC,KAAoB,OAGpCC,UAEDC,SAAYC,IAClBA,EAAEC,kBACFC,KAAKb,MAAQW,EAAEG,OACfD,KAAKJ,UAAUM,KAAKJ,EAAEG,OAAO,EAG/B,MAAAE,GACE,MAAMC,EAAYJ,KAAKL,OAAS,UAAY,UAAYK,KAAKL,OAAS,UAAY,UAAY,OAC9F,MAAMU,EAAQL,KAAKL,OAAS,UAAY,KAAOK,KAAKL,OAAS,UAAY,IAAM,IAC/E,OACEW,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaC,KAAK,SAASV,KAAKf,OAC3Ce,KAAKd,KAAOoB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWC,KAAK,OAAOV,KAAKd,MAEvDoB,EAAA,OAAAE,IAAA,2CAAKC,MAAO,aAAaT,KAAKL,OAAQe,KAAK,QACzCJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAO,cAAa,QAAQJ,GACxCC,EAAA,QAAAE,IAAA,4CAAOJ,IAETE,EAAA,gBAAAE,IAAA,2CACEE,KAAK,WACLvB,MAAOa,KAAKb,MACZC,GAAIY,KAAKZ,GACTC,IAAKW,KAAKX,IACVC,IAAKU,KAAKV,IACVC,KAAMS,KAAKT,KACXC,UAAWQ,KAAKR,UAChBC,KAAMO,KAAKP,KACXC,SAAUM,KAAKN,SACfiB,KAAK,KACLC,YAAaZ,KAAKH,W","ignoreList":[]}

package/dist/ind-ds/p-9da66a8c.entry.js

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

package/dist/ind-ds/p-9da66a8c.entry.js.map

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

package/dist/ind-ds/{p-c9f752e6.entry.js → p-9fbc8bc4.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as i,H as n}from"./p-D2yNiL0d.js";const r=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:var(--ind-size-input-md, 32px)}:host([size="sm"]){--_h:var(--ind-size-input-sm, 24px)}:host([size="md"]){--_h:var(--ind-size-input-md, 32px)}:host([size="lg"]){--_h:var(--ind-size-input-lg, 40px)}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:160px}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.field{position:relative;display:inline-flex;align-items:center;height:var(--_h);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.field:focus-within{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.native{appearance:none;-webkit-appearance:none;flex:1;height:100%;background:transparent;border:none;outline:none;padding:0 calc(var(--ind-spacing-7, 20px) + 8px) 0 var(--ind-spacing-4, 8px);font:inherit;color:inherit;cursor:pointer;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.native::-ms-expand{display:none}.native option{background:var(--ind-surface-panel);color:var(--ind-surface-text-primary)}.caret{position:absolute;right:var(--ind-spacing-4, 8px);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));pointer-events:none;line-height:1}:host([invalid]) .field{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .field:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([disabled]){opacity:0.55;pointer-events:none}`;const t=class{constructor(i){e(this,i);this.indChange=a(this,"indChange")}options=[];value="";placeholder;label;name;size="md";disabled=false;invalid=false;indChange;parseOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options==="string"&&this.options.trim()){try{const e=JSON.parse(this.options);return Array.isArray(e)?e:[]}catch{return[]}}return[]}onChange=e=>{const a=e.target.value;this.value=a;this.indChange.emit(a)};render(){const e=this.parseOptions();return i(n,{key:"283d3e72b726d0b04958b452629df4e579907f05"},i("label",{key:"dcbfc48d00c096cd6b709e4eb16b687cd07dd350",class:"wrap",part:"wrap"},this.label&&i("span",{key:"011fa524c21bfc749cedc70f6ec810ca90a73be2",class:"label",part:"label"},this.label),i("span",{key:"8fc35e3db2cbf2bd9cb780d8e1e1ee395c022d1a",class:"field",part:"field"},i("select",{key:"a8944a8a82162e4f1b36e9384145dd4e0399afaf",class:"native",part:"native",disabled:this.disabled,name:this.name,"aria-invalid":this.invalid?"true":"false",onChange:this.onChange},this.placeholder&&i("option",{key:"8da45f0c3d932005210e61a216f7f9dfa9581767",value:"",disabled:true,selected:this.value===""},this.placeholder),e.map((e=>i("option",{value:e.value,disabled:e.disabled,selected:e.value===this.value},e.label)))),i("span",{key:"ca2db8e41ee4fe3a8ef1a51458189face0450541",class:"caret",part:"caret","aria-hidden":"true"},"▾"))))}};t.style=r();export{t as ind_select};
-//# sourceMappingURL=p-c9f752e6.entry.js.map
+import{r as e,c as a,h as i,H as n}from"./p-Bls_NlWP.js";const r=()=>`:host{display:inline-block;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:var(--ind-size-input-md, 32px)}:host([size="sm"]){--_h:var(--ind-size-input-sm, 24px)}:host([size="md"]){--_h:var(--ind-size-input-md, 32px)}:host([size="lg"]){--_h:var(--ind-size-input-lg, 40px)}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:160px}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.field{position:relative;display:inline-flex;align-items:center;height:var(--_h);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.field:focus-within{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.native{appearance:none;-webkit-appearance:none;flex:1;height:100%;background:transparent;border:none;outline:none;padding:0 calc(var(--ind-spacing-7, 20px) + 8px) 0 var(--ind-spacing-4, 8px);font:inherit;color:inherit;cursor:pointer;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.native::-ms-expand{display:none}.native option{background:var(--ind-surface-panel);color:var(--ind-surface-text-primary)}.caret{position:absolute;right:var(--ind-spacing-4, 8px);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));pointer-events:none;line-height:1}:host([invalid]) .field{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .field:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([disabled]){opacity:0.55;pointer-events:none}`;const t=class{constructor(i){e(this,i);this.indChange=a(this,"indChange")}options=[];value="";placeholder;label;name;size="md";disabled=false;invalid=false;indChange;parseOptions(){if(Array.isArray(this.options))return this.options;if(typeof this.options==="string"&&this.options.trim()){try{const e=JSON.parse(this.options);return Array.isArray(e)?e:[]}catch{return[]}}return[]}onChange=e=>{const a=e.target.value;this.value=a;this.indChange.emit(a)};render(){const e=this.parseOptions();return i(n,{key:"b13f8d8cba0dcd5a588b0bbfc6cc776d7d793755"},i("label",{key:"4de3dcf49f2545cebdf6e54e8b902d2bac7edb08",class:"wrap",part:"wrap"},this.label&&i("span",{key:"ed9e56dc5a8fbf6ed04c6f404c5b040124e9b45a",class:"label",part:"label"},this.label),i("span",{key:"f142c37fc9eda28a25416688f9e26126741eb067",class:"field",part:"field"},i("select",{key:"0637c1a84e23da489c038a69d03677c715826a02",class:"native",part:"native",disabled:this.disabled,name:this.name,"aria-invalid":this.invalid?"true":"false",onChange:this.onChange},this.placeholder&&i("option",{key:"7d708bcabecc6295b6b2fe05080399612c7b0041",value:"",disabled:true,selected:this.value===""},this.placeholder),e.map((e=>i("option",{value:e.value,disabled:e.disabled,selected:e.value===this.value},e.label)))),i("span",{key:"a74a19b4fa9dd5593ae61e502340ad2839d188c9",class:"caret",part:"caret","aria-hidden":"true"},"▾"))))}};t.style=r();export{t as ind_select};
+//# sourceMappingURL=p-9fbc8bc4.entry.js.map

package/dist/ind-ds/p-Bls_NlWP.js

@@ -0,0 +1,3 @@
+const e="ind-ds";const t={hotModuleReplacement:false,hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,state:true,updatable:true};const n=()=>{};const r=":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}";var i="http://www.w3.org/2000/svg";var a="http://www.w3.org/1999/xhtml";function o(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=o(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.o.has(n)){e[n]=t.o.get(n)}else if(r!==void 0){e[n]=r}}}))};var s=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var f=(e,n)=>{if(!n)return;e.__stencil__getHostRef=()=>n;n.l=e;if(n.t.u&512&&t.state){l(e,n)}};var d=(e,t)=>{const n={u:0,$hostElement$:e,t,o:new Map,p:new Map};{n.v=new Promise((e=>n.h=e))}{n.m=new Promise((e=>n.k=e));e["s-p"]=[];e["s-rc"]=[]}{n.$=[]}const r=n;e.__stencil__getHostRef=()=>r;return r};var c=(e,t)=>t in e;var u=(e,t)=>(0,console.error)(e,t);var p=new Map;var v=(e,t,n)=>{const r=e.S.replace(/-/g,"_");const i=e.j;if(!i){return void 0}const a=p.get(i);if(a){return a[r]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${i}.entry.js${""}`).then((e=>{{p.set(i,e)}return e[r]}),(e=>{u(e,t.$hostElement$)}))};var b=new Map;var g="{visibility:hidden}.hydrated{visibility:inherit}";var h="slot-fb{display:contents}slot-fb[hidden]{display:none}";var m=typeof window!=="undefined"?window:{};var w={u:0,O:"",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 y=e=>Promise.resolve(e);var x=(()=>{try{if(!m.document.adoptedStyleSheets){return false}new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var k=x?(()=>!!m.document&&Object.getOwnPropertyDescriptor(m.document.adoptedStyleSheets,"length").writable)():false;var $=false;var S=[];var j=[];var O=(e,t)=>n=>{e.push(n);if(!$){$=true;if(t&&w.u&4){M(C)}else{w.raf(C)}}};var z=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){u(e)}}e.length=0};var C=()=>{z(S);{z(j);if($=S.length>0){w.raf(C)}}};var M=e=>y().then(e);var E=O(j,true);function L(e){if(!x)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var H;function N(e){var t;const n={mode:"open"};const i=this.attachShadow(n);if(H===void 0)H=(t=L(r))!=null?t:null;if(H){if(k){i.adoptedStyleSheets.push(H)}else{i.adoptedStyleSheets=[...i.adoptedStyleSheets,H]}}else if(!x){const e=document.createElement("style");e.innerHTML=r;i.prepend(e)}}var R=(e,t="")=>{{return()=>{}}};var U=(e,t)=>{{return()=>{}}};function A(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 P=new WeakMap;var D=(e,t,n)=>{let r=b.get(e);if(x&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}b.set(e,r)};var T=(e,t,n)=>{var r,i,a;const o=F(t);const l=b.get(o);if(!m.document){return o}e=e.nodeType===11?e:m.document;if(l){if(typeof l==="string"){e=e.head||e;let n=P.get(e);let a;if(!n){P.set(e,n=new Set)}if(!n.has(o)){a=m.document.createElement("style");a.textContent=l;const s=(r=w.C)!=null?r:A(m.document);if(s!=null){a.setAttribute("nonce",s)}if(!(t.u&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(x){const t=(i=e.defaultView)!=null?i:e.ownerDocument.defaultView;const n=new t.CSSStyleSheet;n.replaceSync(l);if(k){e.adoptedStyleSheets.unshift(n)}else{e.adoptedStyleSheets=[n,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t&&true){t.textContent=l+t.textContent}else{e.prepend(a)}}}else{e.append(a)}}if(t.u&1){e.insertBefore(a,null)}if(t.u&4){a.textContent+=h}if(n){n.add(o)}}}else{let t=P.get(e);if(!t){P.set(e,t=new Set)}if(!t.has(o)){const n=(a=e.defaultView)!=null?a:e.ownerDocument.defaultView;let r;if(l.constructor===n.CSSStyleSheet){r=l}else{r=new n.CSSStyleSheet;for(let e=0;e<l.cssRules.length;e++){r.insertRule(l.cssRules[e].cssText,e)}}if(k){e.adoptedStyleSheets.push(r)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]}t.add(o)}}}return o};var W=e=>{const t=e.t;const n=e.$hostElement$;const r=t.u;const i=R("attachStyles",t.S);const a=T(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var F=(e,t)=>"sc-"+e.S;var I=e=>{e=typeof e;return e==="object"||e==="function"};var V=(e,t,...n)=>{if(typeof e==="string"){e=Fe(e)}let r=null;let i=null;let a=false;let o=false;const l=[];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"&&!I(r)){r=String(r)}if(a&&o){l[l.length-1].M+=r}else{l.push(a?q(null,r):r)}o=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,l,J)}const f=q(e,null);f.L=t;if(l.length>0){f.H=l}{f.N=i}return f};var q=(e,t)=>{const n={u:0,R:e,M:t!=null?t:null,U:null,H:null};{n.L=null}{n.N=null}return n};var B={};var G=e=>e&&e.R===B;var J={forEach:(e,t)=>e.map(Y).forEach(t),map:(e,t)=>e.map(Y).map(t).map(Z)};var Y=e=>({vattrs:e.L,vchildren:e.H,vkey:e.N,vname:e.A,vtag:e.R,vtext:e.M});var Z=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 V(e.vtag,t,...e.vchildren||[])}const t=q(e.vtag,e.vtext);t.L=e.vattrs;t.H=e.vchildren;t.N=e.vkey;t.A=e.vname;return t};var _=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 K=(e,t,n)=>{if(e!=null&&!I(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 Q=e=>{var t;return(t=s(e))==null?void 0:t.$hostElement$};var X=(e,t,n)=>{const r=Q(e);return{emit:e=>ee(r,t,{bubbles:true,composed:true,cancelable:true,detail:e})}};var ee=(e,t,n)=>{const r=w.ce(t,n);e.dispatchEvent(r);return r};var te=(e,t,n,r,i,a,o)=>{if(n===r){return}let l=c(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const i=re(n);let a=re(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(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(c(m,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||r){const i=t.endsWith(ie);t=t.replace(ae,"");if(n){w.rel(e,t,n,i)}if(r){w.ael(e,t,r,i)}}}else if(t[0]==="a"&&t.startsWith("attr:")){const n=t.slice(5);let i;{const t=s(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 o=I(r);if((l||o&&r!==null)&&!i){try{if(!e.tagName.includes("-")){const i=r==null?"":r;if(t==="list"){l=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((!l||a&4||i)&&!o&&e.nodeType===1){r=r===true?"":r;{e.setAttribute(t,r)}}}};var ne=/\s/;var re=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ne)};var ie="Capture";var ae=new RegExp(ie+"$");var oe=(e,t,n,r)=>{const i=t.U.nodeType===11&&t.U.host?t.U.host:t.U;const a=e&&e.L||{};const o=t.L||{};{for(const e of le(Object.keys(a))){if(!(e in o)){te(i,e,a[e],void 0,n,t.u)}}}for(const e of le(Object.keys(o))){te(i,e,a[e],o[e],n,t.u)}};function le(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var se;var fe=false;var de=false;var ce=(e,t,n)=>{const r=t.H[n];let o=0;let l;let s;if(r.M!=null){l=r.U=m.document.createTextNode(r.M)}else{if(!de){de=r.R==="svg"}if(!m.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.")}l=r.U=m.document.createElementNS(de?i:a,r.R);if(de&&r.R==="foreignObject"){de=false}{oe(null,r,de)}if(r.H){const t=r.R==="template"?l.content:l;for(o=0;o<r.H.length;++o){s=ce(e,r,o);if(s){t.appendChild(s)}}}{if(r.R==="svg"){de=false}else if(l.tagName==="foreignObject"){de=true}}}l["s-hn"]=se;return l};var ue=e=>{w.u|=1;const t=e.closest(se.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){me(t,e,n!=null?n:null);e["s-sh"]=void 0}}}w.u&=-2};var pe=(e,t,n,r,i,a)=>{let o=e;let l;if(o.shadowRoot&&o.tagName===se){o=o.shadowRoot}if(n.R==="template"){o=o.content}for(;i<=a;++i){if(r[i]){l=ce(null,n,i);if(l){r[i].U=l;me(o,l,t)}}}};var ve=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.U;if(e){e.remove()}}}};var be=(e,t,n,r,i=false)=>{let a=0;let o=0;let l=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.R==="template"?e.content:e;while(a<=f&&o<=u){if(d==null){d=t[++a]}else if(c==null){c=t[--f]}else if(p==null){p=r[++o]}else if(v==null){v=r[--u]}else if(ge(d,p,i)){he(d,p,i);d=t[++a];p=r[++o]}else if(ge(c,v,i)){he(c,v,i);c=t[--f];v=r[--u]}else if(ge(d,v,i)){he(d,v,i);me(h,d.U,c.U.nextSibling);d=t[++a];v=r[--u]}else if(ge(c,p,i)){he(c,p,i);me(h,c.U,d.U);c=t[--f];p=r[++o]}else{l=-1;{for(s=a;s<=f;++s){if(t[s]&&t[s].N!==null&&t[s].N===p.N){l=s;break}}}if(l>=0){g=t[l];if(g.R!==p.R){b=ce(t&&t[o],n,l)}else{he(g,p,i);t[l]=void 0;b=g.U}p=r[++o]}else{b=ce(t&&t[o],n,o);p=r[++o]}if(b){{me(d.U.parentNode,b,d.U)}}}}if(a>f){pe(e,r[u+1]==null?null:r[u+1].U,n,r,o,u)}else if(o>u){ve(t,a,f)}};var ge=(e,t,n=false)=>{if(e.R===t.R){if(!n){return e.N===t.N}if(n&&!e.N&&t.N){e.N=t.N}return true}return false};var he=(e,n,r=false)=>{const i=n.U=e.U;const a=e.H;const o=n.H;const l=n.R;const s=n.M;if(s==null){{de=l==="svg"?true:l==="foreignObject"?false:de}{if(l==="slot"&&!fe){if(e.A!==n.A){n.U["s-sn"]=n.A||"";ue(n.U.parentElement)}}oe(e,n,de)}if(a!==null&&o!==null){be(i,a,n,o,r)}else if(o!==null){if(e.M!==null){i.textContent=""}pe(i,null,n,o,0,o.length-1)}else if(!r&&t.updatable&&a!==null){ve(a,0,a.length-1)}else;if(de&&l==="svg"){de=false}}else if(e.M!==s){i.data=s}};var me=(e,t,n,r)=>{if(e.__insertBefore){return e.__insertBefore(t,n)}else{return e==null?void 0:e.insertBefore(t,n)}};var we=(e,t,n=false)=>{const r=e.$hostElement$;const i=e.t;const a=e.P||q(null,null);const o=G(t);const l=o?t:V(null,null,t);se=r.tagName;if(i.D){l.L=l.L||{};i.D.forEach((([e,t])=>{{l.L[t]=r[e]}}))}if(n&&l.L){for(const e of Object.keys(l.L)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){l.L[e]=r[e]}}}l.R=null;l.u|=4;e.P=l;l.U=a.U=r.shadowRoot||r;fe=!!(i.u&1)&&!(i.u&128);he(a,l,n)};var ye=(e,t)=>{if(t&&!e.T&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.T=()=>{t["s-p"].splice(n-1,1);r()})))}};var xe=(e,t)=>{{e.u|=16}if(e.u&4){e.u|=512;return}ye(e,e.W);const n=()=>ke(e,t);if(t){queueMicrotask((()=>{n()}));return}return E(n)};var ke=(e,t)=>{const n=e.$hostElement$;const r=R("scheduleUpdate",e.t.S);const i=e.l;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){{if(e.$.length){e.$.forEach((e=>e(n)))}}a=Me(i,"componentWillLoad",void 0,n)}else{a=Me(i,"componentWillUpdate",void 0,n)}a=$e(a,(()=>Me(i,"componentWillRender",void 0,n)));r();return $e(a,(()=>je(e,i,t)))};var $e=(e,t)=>Se(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Se=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var je=async(e,t,n)=>{var r;const i=e.$hostElement$;const a=R("update",e.t.S);const o=i["s-rc"];if(n){W(e)}const l=R("render",e.t.S);{Oe(e,t,i,n)}if(o){o.map((e=>e()));i["s-rc"]=void 0}l();a();{const t=(r=i["s-p"])!=null?r:[];const n=()=>ze(e);if(t.length===0){n()}else{Promise.all(t).then(n).catch(n);e.u|=4;t.length=0}}};var Oe=(e,t,n,r)=>{try{t=t.render();{e.u&=-17}{e.u|=2}{{{we(e,t,r)}}}}catch(t){u(t,e.$hostElement$)}return null};var ze=e=>{const t=e.t.S;const n=e.$hostElement$;const r=R("postUpdate",t);const i=e.l;const a=e.W;Me(i,"componentDidRender",void 0,n);if(!(e.u&64)){e.u|=64;{Ee(n)}Me(i,"componentDidLoad",void 0,n);r();{e.k(n);if(!a){Ce()}}}else{Me(i,"componentDidUpdate",void 0,n);r()}{e.h(n)}{if(e.T){e.T();e.T=void 0}if(e.u&512){M((()=>xe(e,false)))}e.u&=-517}};var Ce=t=>{M((()=>ee(m,"appload",{detail:{namespace:e}})))};var Me=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){u(e,r)}}return void 0};var Ee=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Le=(e,t)=>s(e).o.get(t);var He=(e,t,n,r)=>{const i=s(e);if(!i){return}if(!i){throw new Error(`Couldn't find host element for "${r.S}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const a=i.$hostElement$;const o=i.o.get(t);const l=i.u;const f=i.l;n=K(n,r.i[t][0]);const d=Number.isNaN(o)&&Number.isNaN(n);const c=n!==o&&!d;if((!(l&8)||o===void 0)&&c){i.o.set(t,n);if(r.F){const e=r.F[t];if(e){e.map((e=>{try{const[[r,a]]=Object.entries(e);if(l&128||a&1){if(!f){i.$.push((()=>{i.l[r](n,o,t)}))}else{f[r](n,o,t)}}}catch(e){u(e,a)}}))}}if(l&2){if(f.componentShouldUpdate){const e=f.componentShouldUpdate(n,o,t);if(e===false&&!(l&16)){return}}if(!(l&16)){xe(i,false)}}}};var Ne=(e,n,r)=>{var i,a;const l=e.prototype;if(n.i||t.propChangeCallback){{if(e.watchers&&!n.F){n.F=_(e.watchers)}if(e.deserializers&&!n.I){n.I=e.deserializers}if(e.serializers&&!n.V){n.V=e.serializers}}const f=Object.entries((i=n.i)!=null?i:{});f.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:i,set:a}=o(l,e)||{};if(i)n.i[e][0]|=2048;if(a)n.i[e][0]|=4096;if(r&1||!i){Object.defineProperty(l,e,{get(){{if((n.i[e][0]&2048)===0){return Le(this,e)}const t=s(this);const r=t?t.l:l;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(l,e,{set(i){const o=s(this);if(!o){return}if(a){const r=t&32?this[e]:o.$hostElement$[e];if(typeof r==="undefined"&&o.o.get(e)){i=o.o.get(e)}a.apply(this,[K(i,t)]);i=t&32?this[e]:o.$hostElement$[e];He(this,e,i,n);return}{if((r&1)===0||(n.i[e][0]&4096)===0){He(this,e,i,n);if(r&1&&!o.l){o.$.push((()=>{if(n.i[e][0]&4096&&o.l[e]!==o.o.get(e)){o.l[e]=i}}))}return}const a=()=>{const r=o.l[e];if(!o.o.get(e)&&r){o.o.set(e,r)}o.l[e]=K(i,t);He(this,e,o.l[e],n)};if(o.l){a()}else{o.$.push((()=>{a()}))}}}})}else if(r&1&&t&64){Object.defineProperty(l,e,{value(...t){var n;const r=s(this);return(n=r==null?void 0:r.v)==null?void 0:n.then((()=>{var n;return(n=r.l)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;l.attributeChangedCallback=function(e,i,a){w.jmp((()=>{var o;const d=r.get(e);const c=s(this);if(this.hasOwnProperty(d)&&t.lazyLoad){a=this[d];delete this[d]}if(l.hasOwnProperty(d)&&typeof this[d]==="number"&&this[d]==a){return}else if(d==null){const t=c==null?void 0:c.u;if(c&&t&&!(t&8)&&a!==i){const r=c.l;const l=(o=n.F)==null?void 0:o[e];l==null?void 0:l.forEach((n=>{const[[o,l]]=Object.entries(n);if(r[o]!=null&&(t&128||l&1)){r[o].call(r,a,i,e)}}))}return}const u=f.find((([e])=>e===d));const p=u&&u[1][0]&4;const v=p&&a===null&&this[d]===void 0;if(p){a=a===null||a==="false"?false:true}const b=Object.getOwnPropertyDescriptor(l,d);if(!v&&a!=this[d]&&(!b.get||!!b.set)){this[d]=a}}))};e.observedAttributes=Array.from(new Set([...Object.keys((a=n.F)!=null?a:{}),...f.filter((([e,t])=>t[0]&31)).map((([e,t])=>{var i;const a=t[1]||e;r.set(a,e);if(t[0]&512){(i=n.D)==null?void 0:i.push([e,a])}return a}))]))}}return e};var Re=async(e,n,r,i)=>{let a;try{if((n.u&32)===0){n.u|=32;const i=r.j;if(i){const t=v(r,n);if(t&&"then"in t){const e=U();a=await t;e()}else{a=t}if(!a){throw new Error(`Constructor for "${r.S}#${n.q}" was not found`)}if(!a.isProxied){{r.F=_(a.watchers);r.V=a.serializers;r.I=a.deserializers}Ne(a,r,2);a.isProxied=true}const i=R("createInstance",r.S);{n.u|=8}try{new a(n)}catch(t){u(t,e)}{n.u&=-9}{n.u|=128}i();{Ue(n.l,e)}}else{a=e.constructor;const t=e.localName;customElements.whenDefined(t).then((()=>n.u|=128))}if(a&&a.style){let e;if(typeof a.style==="string"){e=a.style}const n=F(r);if(!b.has(n)||t.hotModuleReplacement){const t=R("registerStyles",r.S);D(n,e,!!(r.u&1));t()}}}const i=n.W;const o=()=>xe(n,true);if(i&&i["s-rc"]){i["s-rc"].push(o)}else{o()}}catch(t){u(t,e);if(n.T){n.T();n.T=void 0}if(n.k){n.k(e)}}};var Ue=(e,t)=>{{Me(e,"connectedCallback",void 0,t)}};var Ae=e=>{if((w.u&1)===0){const t=s(e);if(!t){return}const n=t.t;const r=R("connectedCallback",n.S);if(!(t.u&1)){t.u|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ye(t,t.W=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}}))}{Re(e,t,n)}}else{if(t==null?void 0:t.l){Ue(t.l,e)}else if(t==null?void 0:t.m){t.m.then((()=>Ue(t.l,e)))}}r()}};var Pe=(e,t)=>{{Me(e,"disconnectedCallback",void 0,t||e)}};var De=async e=>{if((w.u&1)===0){const t=s(e);if(t==null?void 0:t.l){Pe(t.l,e)}else if(t==null?void 0:t.m){t.m.then((()=>Pe(t.l,e)))}}if(P.has(e)){P.delete(e)}if(e.shadowRoot&&P.has(e.shadowRoot)){P.delete(e.shadowRoot)}};var Te=(e,t={})=>{var n;if(!m.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const r=R();const i=[];const a=t.exclude||[];const o=m.customElements;const l=m.document.head;const f=l.querySelector("meta[charset]");const c=m.document.createElement("style");const u=[];let p;let v=true;Object.assign(w,t);w.O=new URL(t.resourcesUrl||"./",m.document.baseURI).href;e.map((e=>{e[1].map((t=>{var n,r;const l={u:t[0],S:t[1],i:t[2],B:t[3]};{l.i=t[2]}{l.D=[]}{l.F=_(t[4]);l.V=(n=t[5])!=null?n:{};l.I=(r=t[6])!=null?r:{}}const f=Fe(l.S);const c=class extends HTMLElement{["s-p"];["s-rc"];hasRegisteredEventListeners=false;constructor(e){super(e);e=this;d(e,l);if(l.u&1){{if(!e.shadowRoot){N.call(e,l)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${l.S}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=s(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(p){clearTimeout(p);p=null}if(v){u.push(this)}else{w.jmp((()=>Ae(this)))}}disconnectedCallback(){w.jmp((()=>De(this)));w.raf((()=>{var e;const t=s(this);if(!t){return}const n=u.findIndex((e=>e===this));if(n>-1){u.splice(n,1)}if(((e=t==null?void 0:t.P)==null?void 0:e.U)instanceof Node&&!t.P.U.isConnected){delete t.P.U}}))}componentOnReady(){var e;return(e=s(this))==null?void 0:e.m}};l.j=e[0];if(!a.includes(f)&&!o.get(f)){i.push(f);o.define(f,Ne(c,l,1))}}))}));if(i.length>0){{c.textContent+=i.sort()+g}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(n=w.C)!=null?n:A(m.document);if(e!=null){c.setAttribute("nonce",e)}l.insertBefore(c,f?f.nextSibling:l.firstChild)}}v=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{w.jmp((()=>p=setTimeout(Ce,30)))}}r()};var We=e=>w.C=e;function Fe(e){return e}export{B as H,Q as a,Te as b,X as c,n as g,V as h,y as p,f as r,We as s};
+//# sourceMappingURL=p-Bls_NlWP.js.map