@ind-ds/core 0.1.0 → 0.2.0

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

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

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

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

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

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

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

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

package/dist/components/index.js

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