@ind-ds/core 0.1.0 → 0.2.0

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

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

package/dist/components/ind-heater.js

@@ -0,0 +1,2 @@
+import{p as t,H as e,h as a,a as n,t as s}from"./index.js";const i=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const r=()=>`.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-warning-border, #fcd34d);--_fill:var(--ind-state-fault-bg, #dc2626)}:host([state="running"]) .coil{stroke:var(--ind-state-fault-bg, #ef4444);animation:ind-heater-glow 1.4s ease-in-out infinite}@keyframes ind-heater-glow{50%{stroke:var(--ind-state-warning-bg, #f59e0b)}}`;const o=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";tag;label;render(){const t=this.label??this.tag??"heater";return a(n,{key:"d89d4fd8c92b5d580e9a042645f044ad1a1ee292",role:"img","aria-label":`${t} — ${this.state}`},a("svg",{key:"03cd61a0fdcd116f4efa913301a1f16797f3b755",class:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},a("circle",{key:"1eb5b9ac742fbc70a137f46a98b036cc74b1a820",class:"body",cx:"24",cy:"24",r:"16"}),a("path",{key:"4e5f078661433f278f0ec6ec7ba9648021b9c237",class:"coil",d:"M14 18 q5 -6 10 0 t10 0 M14 24 q5 -6 10 0 t10 0 M14 30 q5 -6 10 0 t10 0"})),(this.tag||this.label)&&a("div",{key:"9cb689e0d55fe6744948e0c9c3f9d456d6aed084",class:"caption"},this.tag&&a("span",{key:"31ff37c274b8c107ce29982c21c2200bf93d6257",class:"tag"},this.tag),this.label&&a("span",{key:"4fd695b74a6bf03a43a0dd6ee90bb6a167556cc0",class:"label"},this.label)))}static get style(){return i()+r()}},[513,"ind-heater",{state:[513],size:[513],tag:[1],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ind-heater"];t.forEach((t=>{switch(t){case"ind-heater":if(!customElements.get(s(t))){customElements.define(s(t),o)}break}}))}c();const d=o;const l=c;export{d as IndHeater,l as defineCustomElement};
+//# sourceMappingURL=ind-heater.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["equipmentCss","heaterCss","IndHeater","__stencil_proxyCustomElement","HTMLElement","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","d"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-heater&encapsulation=shadow","src/components/atoms/heater/heater.css?tag=ind-heater&encapsulation=shadow","src/components/atoms/heater/heater.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-warning-border, #fcd34d);\n  --_fill: var(--ind-state-fault-bg, #dc2626);\n}\n:host([state=\"running\"]) .coil {\n  stroke: var(--ind-state-fault-bg, #ef4444);\n  animation: ind-heater-glow 1.4s ease-in-out infinite;\n}\n\n@keyframes ind-heater-glow {\n  50% { stroke: var(--ind-state-warning-bg, #f59e0b); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-heater',\n  styleUrls: ['../_equipment/equipment.css', 'heater.css'],\n  shadow: true,\n})\nexport class IndHeater {\n  /** Process state. `running` glows the element. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"EH-601\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'heater';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Heating element: circle with a resistive serpentine. */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"24\" cy=\"24\" r=\"16\" />\n          <path class=\"coil\" d=\"M14 18 q5 -6 10 0 t10 0 M14 24 q5 -6 10 0 t10 0 M14 30 q5 -6 10 0 t10 0\" />\n        </svg>\n        {(this.tag || this.label) && (\n          <div class=\"caption\">\n            {this.tag && <span class=\"tag\">{this.tag}</span>}\n            {this.label && <span class=\"label\">{this.label}</span>}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAY,IAAM,gb,MCQXC,EAASC,EAAA,MAAAD,UAAAE,E,iFAEKC,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,QAAAE,IAAA,2CAAME,MAAM,OAAOK,EAAE,8EAErBV,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as i,a as n,t}from"./index.js";import{d as s}from"./p-CA0CnZe7.js";import{d as r}from"./p-5RlFcxee.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 o=()=>`: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 l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="Historian";tag;unit;precision;samples=[];numericPoints(){return this.samples.map((e=>typeof e.value==="number"?e.value:parseFloat(String(e.value)))).filter((e=>Number.isFinite(e))).reverse()}render(){const e=this.numericPoints();return i(n,{key:"10019df17732d6cbfb6d65e4bbc859c9cf8a64dd"},i("div",{key:"9f19344ace66e13d1eba3e778362f773eda4c9ef",class:"panel-head"},i("div",{key:"7d298a252035e7b64a337526c2aab6d19d3b7246",class:"panel-titles"},i("span",{key:"70697ae5c11a33b66b0a80c6e415543b4644086f",class:"panel-title",part:"heading"},this.heading),this.tag&&i("span",{key:"872d9b1ce0819d7854aebd3b4283d3c0a8daa1cc",class:"panel-subtitle"},this.tag,this.unit?` · ${this.unit}`:""))),e.length>1&&i("div",{key:"cfdf79ae225510f3eab12c89a549a878083e5d82",class:"overview",part:"overview"},i("ind-sparkline",{key:"6ae7ef7da3acb52b415fefb25441c553b1bdac77",points:e,variant:"default",area:true})),i("div",{key:"3bc0acc77904b401b450ccf739757e7228f266f6",class:"panel-list",part:"list"},this.samples.length===0?i("div",{class:"panel-empty"},"No samples"):this.samples.map(((e,a)=>i("ind-historical-value-row",{key:a,time:e.time,value:e.value,unit:this.unit,precision:this.precision,quality:e.quality??"good"})))))}static get style(){return d()+o()}},[513,"ind-historian-viewer",{heading:[1],tag:[1],unit:[1],precision:[2],samples:[16]}]);function p(){if(typeof customElements==="undefined"){return}const e=["ind-historian-viewer","ind-historical-value-row","ind-sparkline"];e.forEach((e=>{switch(e){case"ind-historian-viewer":if(!customElements.get(t(e))){customElements.define(t(e),l)}break;case"ind-historical-value-row":if(!customElements.get(t(e))){s()}break;case"ind-sparkline":if(!customElements.get(t(e))){r()}break}}))}p();const c=l;const f=p;export{c as IndHistorianViewer,f as defineCustomElement};
+//# sourceMappingURL=ind-historian-viewer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","historianViewerCss","IndHistorianViewer","__stencil_proxyCustomElement","HTMLElement","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":"8HAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAqB,IAAM,qO,MCkBpBC,EAAkBC,EAAA,MAAAD,UAAAE,E,iFACrBC,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/components/ind-historical-value-row.d.ts

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

package/dist/components/ind-historical-value-row.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-CA0CnZe7.js";const t=o;const n=s;export{t as IndHistoricalValueRow,n as defineCustomElement};
+//# sourceMappingURL=ind-historical-value-row.js.map

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

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

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

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

package/dist/components/ind-icon.js

@@ -0,0 +1,2 @@
+import{p as e,H as s,h as t,a as i,t as n}from"./index.js";const a=()=>`:host{display:inline-flex;align-items:center;justify-content:center;color:currentColor;--_size:16px}:host([size="sm"]){--_size:12px}:host([size="md"]){--_size:16px}:host([size="lg"]){--_size:24px}.icon{width:var(--_size);height:var(--_size);display:block}.icon path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}::slotted(svg){width:var(--_size);height:var(--_size)}`;const l={alarm:"M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0",bell:"M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0",gear:"M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 12l-1.5-1 1-3 1.8.3a6.9 6.9 0 0 1 1.5-1.5L6.5 4l3-1L11 4.5a7 7 0 0 1 2 0L14.5 3l3 1-.3 1.8a7 7 0 0 1 1.5 1.5l1.8-.3 1 3-1.5 1a7 7 0 0 1 0 2l1.5 1-1 3-1.8-.3a7 7 0 0 1-1.5 1.5l.3 1.8-3 1-1.5-1.5a7 7 0 0 1-2 0L9.5 21l-3-1 .3-1.8A6.9 6.9 0 0 1 5.3 16.7L3.5 17l-1-3 1.5-1a7 7 0 0 1 0-2z",home:"M3 11l9-8 9 8M5 10v10h5v-6h4v6h5V10","chevron-right":"M9 5l7 7-7 7","chevron-down":"M5 9l7 7 7-7",check:"M4 12l5 5 11-11",close:"M5 5l14 14M19 5L5 19",warning:"M12 3l10 18H2L12 3zM12 9v5M12 17.5v.5",info:"M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 11v6M12 7.5v.5",power:"M12 3v9M7 6a8 8 0 1 0 10 0",refresh:"M4 12a8 8 0 0 1 14-5l2 2M20 12a8 8 0 0 1-14 5l-2-2M18 3v4h-4M6 21v-4h4",play:"M7 4l13 8-13 8z",pause:"M8 4v16M16 4v16",stop:"M5 5h14v14H5z",wrench:"M21 5a4 4 0 0 1-5 5L7 19l-3-3 9-9a4 4 0 0 1 5-5l-3 3 1 1 3-3z"};const o=e(class e extends s{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}name;size="md";label;render(){const e=!this.label;const s=this.name?l[this.name]:undefined;return t(i,{key:"09bb726a67eb425c8bd200ac5371da86bab85b63",role:e?"presentation":"img","aria-label":this.label,"aria-hidden":e?"true":undefined},s?t("svg",{class:"icon",part:"icon",viewBox:"0 0 24 24","aria-hidden":"true"},t("path",{d:s})):t("slot",null))}static get style(){return a()}},[769,"ind-icon",{name:[513],size:[513],label:[1]}]);function r(){if(typeof customElements==="undefined"){return}const e=["ind-icon"];e.forEach((e=>{switch(e){case"ind-icon":if(!customElements.get(n(e))){customElements.define(n(e),o)}break}}))}r();const c=o;const h=r;export{c as IndIcon,h as defineCustomElement};
+//# sourceMappingURL=ind-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["iconCss","PATHS","alarm","bell","gear","home","check","close","warning","info","power","refresh","play","pause","stop","wrench","IndIcon","__stencil_proxyCustomElement","HTMLElement","name","size","label","render","decorative","this","d","undefined","h","Host","key","role","class","part","viewBox"],"sources":["src/components/atoms/icon/icon.css?tag=ind-icon&encapsulation=shadow","src/components/atoms/icon/icon.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n  --_size: 16px;\n}\n\n:host([size=\"sm\"]) { --_size: 12px; }\n:host([size=\"md\"]) { --_size: 16px; }\n:host([size=\"lg\"]) { --_size: 24px; }\n\n.icon {\n  width: var(--_size);\n  height: var(--_size);\n  display: block;\n}\n\n.icon path {\n  fill: none;\n  stroke: currentColor;\n  stroke-width: 1.75;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n::slotted(svg) {\n  width: var(--_size);\n  height: var(--_size);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type IconName =\n  | 'alarm'\n  | 'bell'\n  | 'gear'\n  | 'home'\n  | 'chevron-right'\n  | 'chevron-down'\n  | 'check'\n  | 'close'\n  | 'warning'\n  | 'info'\n  | 'power'\n  | 'refresh'\n  | 'play'\n  | 'pause'\n  | 'stop'\n  | 'wrench';\n\nexport type IconSize = 'sm' | 'md' | 'lg';\n\nconst PATHS: Record<IconName, string> = {\n  alarm: 'M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0',\n  bell: 'M12 3a6 6 0 0 0-6 6v3l-2 3h16l-2-3V9a6 6 0 0 0-6-6zM10 19a2 2 0 0 0 4 0',\n  gear: 'M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM4 12l-1.5-1 1-3 1.8.3a6.9 6.9 0 0 1 1.5-1.5L6.5 4l3-1L11 4.5a7 7 0 0 1 2 0L14.5 3l3 1-.3 1.8a7 7 0 0 1 1.5 1.5l1.8-.3 1 3-1.5 1a7 7 0 0 1 0 2l1.5 1-1 3-1.8-.3a7 7 0 0 1-1.5 1.5l.3 1.8-3 1-1.5-1.5a7 7 0 0 1-2 0L9.5 21l-3-1 .3-1.8A6.9 6.9 0 0 1 5.3 16.7L3.5 17l-1-3 1.5-1a7 7 0 0 1 0-2z',\n  home: 'M3 11l9-8 9 8M5 10v10h5v-6h4v6h5V10',\n  'chevron-right': 'M9 5l7 7-7 7',\n  'chevron-down': 'M5 9l7 7 7-7',\n  check: 'M4 12l5 5 11-11',\n  close: 'M5 5l14 14M19 5L5 19',\n  warning: 'M12 3l10 18H2L12 3zM12 9v5M12 17.5v.5',\n  info: 'M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 11v6M12 7.5v.5',\n  power: 'M12 3v9M7 6a8 8 0 1 0 10 0',\n  refresh: 'M4 12a8 8 0 0 1 14-5l2 2M20 12a8 8 0 0 1-14 5l-2-2M18 3v4h-4M6 21v-4h4',\n  play: 'M7 4l13 8-13 8z',\n  pause: 'M8 4v16M16 4v16',\n  stop: 'M5 5h14v14H5z',\n  wrench: 'M21 5a4 4 0 0 1-5 5L7 19l-3-3 9-9a4 4 0 0 1 5-5l-3 3 1 1 3-3z',\n};\n\n@Component({\n  tag: 'ind-icon',\n  styleUrl: 'icon.css',\n  shadow: true,\n})\nexport class IndIcon {\n  /** Built-in icon name. Omit and use the default slot to pass a custom SVG. */\n  @Prop({ reflect: true }) name?: IconName;\n  /** Size. */\n  @Prop({ reflect: true }) size: IconSize = 'md';\n  /** Accessible label. When omitted the icon is decorative (aria-hidden). */\n  @Prop() label?: string;\n\n  render() {\n    const decorative = !this.label;\n    const d = this.name ? PATHS[this.name] : undefined;\n    return (\n      <Host role={decorative ? 'presentation' : 'img'} aria-label={this.label} aria-hidden={decorative ? 'true' : undefined}>\n        {d ? (\n          <svg class=\"icon\" part=\"icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n            <path d={d} />\n          </svg>\n        ) : (\n          <slot />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAU,IAAM,8ZCsBtB,MAAMC,EAAkC,CACtCC,MAAO,0EACPC,KAAM,0EACNC,KAAM,kUACNC,KAAM,sCACN,gBAAiB,eACjB,eAAgB,eAChBC,MAAO,kBACPC,MAAO,uBACPC,QAAS,wCACTC,KAAM,0DACNC,MAAO,6BACPC,QAAS,yEACTC,KAAM,kBACNC,MAAO,kBACPC,KAAM,gBACNC,OAAQ,iE,MAQGC,EAAOC,EAAA,MAAAD,UAAAE,E,iFAEOC,KAEAC,KAAiB,KAElCC,MAER,MAAAC,GACE,MAAMC,GAAcC,KAAKH,MACzB,MAAMI,EAAID,KAAKL,KAAOlB,EAAMuB,KAAKL,MAAQO,UACzC,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAMP,EAAa,eAAiB,MAAK,aAAcC,KAAKH,MAAK,cAAeE,EAAa,OAASG,WACzGD,EACCE,EAAA,OAAKI,MAAM,OAAOC,KAAK,OAAOC,QAAQ,YAAW,cAAa,QAC5DN,EAAA,QAAMF,EAAGA,KAGXE,EAAA,a","ignoreList":[]}

package/dist/components/ind-input.js

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

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

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

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

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

package/dist/components/ind-knob.js

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-6RTRR-qH.js";const t=o;const p=s;export{t as IndKpiCard,p as defineCustomElement};
+//# sourceMappingURL=ind-kpi-card.js.map

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

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

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

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

package/dist/components/ind-label.js

@@ -0,0 +1,2 @@
+import{p as e,H as t,h as s,a,t as r}from"./index.js";const i=()=>`:host{display:inline;font-family:var(--ind-font-family-sans, system-ui, sans-serif);--_color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));--_size:var(--ind-font-size-base, 12px)}:host([size="sm"]){--_size:var(--ind-font-size-sm, 11px)}:host([size="md"]){--_size:var(--ind-font-size-base, 12px)}:host([size="lg"]){--_size:var(--ind-font-size-lg, 14px)}:host([tone="primary"]){--_color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}:host([tone="secondary"]){--_color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}:host([tone="muted"]){--_color:var(--ind-surface-text-muted, #7a8694)}.text{color:var(--_color);font-size:var(--_size);font-weight:var(--ind-font-weight-medium, 500);line-height:var(--ind-font-line-height-tight, 1.1)}:host([uppercase]) .text{text-transform:uppercase;letter-spacing:0.04em;font-size:calc(var(--_size) - 1px)}.req{color:var(--ind-state-fault-bg, #dc2626);margin-left:2px}`;const n=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}tone="secondary";size="md";uppercase=false;htmlFor;required=false;render(){const e=this.htmlFor?"label":"span";return s(a,{key:"70c084136afee96fb427e9e55be127686525e242"},s(e,{key:"293ad078b031893ffdd8d81d6d2cba85f4846401",class:"text",part:"text",htmlFor:this.htmlFor},s("slot",{key:"028850f15325fae1b01ad25ad1d83dc996b989b1"}),this.required&&s("span",{key:"ddff4b37e1175286edb7a76d148712cd0828551a",class:"req",part:"required","aria-hidden":"true"},"*")))}static get style(){return i()}},[769,"ind-label",{tone:[513],size:[513],uppercase:[516],htmlFor:[1,"html-for"],required:[516]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-label"];e.forEach((e=>{switch(e){case"ind-label":if(!customElements.get(r(e))){customElements.define(r(e),n)}break}}))}o();const d=n;const c=o;export{d as IndLabel,c as defineCustomElement};
+//# sourceMappingURL=ind-label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["labelCss","IndLabel","__stencil_proxyCustomElement","HTMLElement","tone","size","uppercase","htmlFor","required","render","Tag","this","h","Host","key","class","part"],"sources":["src/components/atoms/label/label.css?tag=ind-label&encapsulation=shadow","src/components/atoms/label/label.tsx"],"sourcesContent":[":host {\n  display: inline;\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  --_color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  --_size: var(--ind-font-size-base, 12px);\n}\n\n:host([size=\"sm\"]) { --_size: var(--ind-font-size-sm, 11px); }\n:host([size=\"md\"]) { --_size: var(--ind-font-size-base, 12px); }\n:host([size=\"lg\"]) { --_size: var(--ind-font-size-lg, 14px); }\n\n:host([tone=\"primary\"])   { --_color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5)); }\n:host([tone=\"secondary\"]) { --_color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }\n:host([tone=\"muted\"])     { --_color: var(--ind-surface-text-muted, #7a8694); }\n\n.text {\n  color: var(--_color);\n  font-size: var(--_size);\n  font-weight: var(--ind-font-weight-medium, 500);\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n:host([uppercase]) .text {\n  text-transform: uppercase;\n  letter-spacing: 0.04em;\n  font-size: calc(var(--_size) - 1px);\n}\n\n.req { color: var(--ind-state-fault-bg, #dc2626); margin-left: 2px; }\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type LabelTone = 'primary' | 'secondary' | 'muted';\nexport type LabelSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  tag: 'ind-label',\n  styleUrl: 'label.css',\n  shadow: true,\n})\nexport class IndLabel {\n  /** Text emphasis. */\n  @Prop({ reflect: true }) tone: LabelTone = 'secondary';\n  /** Size. */\n  @Prop({ reflect: true }) size: LabelSize = 'md';\n  /** Uppercase caption styling (tracking + smaller). */\n  @Prop({ reflect: true }) uppercase: boolean = false;\n  /** Associates the label with a form control id (rendered as <label for>). */\n  @Prop() htmlFor?: string;\n  /** Optional required marker. */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  render() {\n    const Tag: any = this.htmlFor ? 'label' : 'span';\n    return (\n      <Host>\n        <Tag class=\"text\" part=\"text\" htmlFor={this.htmlFor}>\n          <slot />\n          {this.required && <span class=\"req\" part=\"required\" aria-hidden=\"true\">*</span>}\n        </Tag>\n      </Host>\n    );\n  }\n}\n"],"mappings":"sDAAA,MAAMA,EAAW,IAAM,y7B,MCUVC,EAAQC,EAAA,MAAAD,UAAAE,E,iFAEMC,KAAkB,YAElBC,KAAkB,KAElBC,UAAqB,MAEtCC,QAEiBC,SAAoB,MAE7C,MAAAC,GACE,MAAMC,EAAWC,KAAKJ,QAAU,QAAU,OAC1C,OACEK,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACF,EAAG,CAAAI,IAAA,2CAACC,MAAM,OAAOC,KAAK,OAAOT,QAASI,KAAKJ,SAC1CK,EAAA,QAAAE,IAAA,6CACCH,KAAKH,UAAYI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,MAAMC,KAAK,WAAU,cAAa,QAAM,M","ignoreList":[]}

package/dist/components/ind-led.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as t,a as i,t as n}from"./index.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);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=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}state="stopped";size="md";blinking=false;label;render(){const e=this.label??`${this.state} indicator`;return t(i,{key:"babe0b6e1a80181397c53ec0234ce3ff8d5741b4",role:"status","aria-label":e,"aria-live":this.state==="fault"?"assertive":"polite"},t("span",{key:"d7ca8697299f70715fdbe101d541c3313508e434",class:"led",part:"led","aria-hidden":"true"}),this.label&&t("span",{key:"f39a9b21eabd4380db866e9bfb2591bcaeac3ce4",class:"label",part:"label"},this.label))}static get style(){return s()}},[513,"ind-led",{state:[513],size:[513],blinking:[516],label:[1]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-led"];e.forEach((e=>{switch(e){case"ind-led":if(!customElements.get(n(e))){customElements.define(n(e),r)}break}}))}d();const o=r;const l=d;export{o as IndLed,l as defineCustomElement};
+import{I as s,d as o}from"./p-CUfsFNIv.js";const t=s;const p=o;export{t as IndLed,p as defineCustomElement};
 //# sourceMappingURL=ind-led.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ledCss","IndLed","__stencil_proxyCustomElement","HTMLElement","state","size","blinking","label","render","accessibleName","this","h","Host","key","role","class","part"],"sources":["src/components/atoms/led/led.css?tag=ind-led&encapsulation=shadow","src/components/atoms/led/led.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"],"mappings":"2DAAA,MAAMA,EAAS,IAAM,y+E,MCURC,EAAMC,EAAA,MAAAD,UAAAE,E,iFAEQC,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","ignoreList":[]}
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/components/ind-linear-gauge.d.ts

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

package/dist/components/ind-linear-gauge.js

@@ -0,0 +1,2 @@
+import{I as o,d as s}from"./p-Dnxar2_f.js";const r=o;const t=s;export{r as IndLinearGauge,t as defineCustomElement};
+//# sourceMappingURL=ind-linear-gauge.js.map

package/dist/components/ind-linear-gauge.js.map

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

package/dist/components/ind-machine-overview.d.ts

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

package/dist/components/ind-machine-overview.js

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as n,a as t,t as i}from"./index.js";import{d as s}from"./p-D-FsSjAC.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 r=()=>`:host{min-width:480px}.oee{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary);margin-right:var(--ind-spacing-3, 6px)}.state{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-semibold, 600)}.state-running{color:var(--ind-state-running-bg, #16a34a)}.state-fault{color:var(--ind-state-fault-bg, #dc2626)}.state-warning{color:var(--ind-state-warning-bg, #f59e0b)}.state-maintenance{color:var(--ind-state-maintenance-bg, #2563eb)}.state-stopped{color:var(--ind-surface-text-secondary)}.state-unknown{color:var(--ind-surface-text-muted)}`;const o={running:"Running",stopped:"Stopped",fault:"Fault",warning:"Warning",maintenance:"Maintenance",unknown:"—"};const c=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading;machineId;state="unknown";oee;columns=3;render(){const e=this.state==="unknown"?"neutral":this.state;return n(t,{key:"281c842746d39b89babab44e4082af21459af697"},n("div",{key:"268505d67fd22ab2b6e8c318c9cb62b44f1ac713",class:"panel-head"},n("div",{key:"1ba1ecfc8934171596ea8907bf724b94597908e2",class:"panel-titles"},n("span",{key:"c190548d8a484f0b4cda417eb5ac15da1c455c0e",class:"panel-title",part:"heading"},this.heading),this.machineId&&n("span",{key:"9c0cea21d61d6ad76a3318705449fe05422a17d8",class:"panel-subtitle"},this.machineId)),n("div",{key:"d83bd064b37f7c33948be3f8e99e6c7629d493dd",class:"panel-actions"},this.oee!==undefined&&n("span",{key:"bd88990d43b39d1fe968bddf726cb4be28cf1805",class:"oee",part:"oee"},"OEE ",this.oee.toFixed(0),"%"),n("ind-status-dot",{key:"a58bb00ece8b3dec79951cf619b82fda039050b1",state:e,size:"md"}),n("span",{key:"385aacc80f7094ffc6395e228e4f7cf4f3034011",class:`state state-${this.state}`,part:"state"},o[this.state]))),n("div",{key:"0abd7affd719ac98abbb71d4d8d657e9d3b1f618",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},n("slot",{key:"36463bab72f6522f6a17788ca6efc4d770e6abee"})))}static get style(){return d()+r()}},[769,"ind-machine-overview",{heading:[1],machineId:[1,"machine-id"],state:[513],oee:[2],columns:[2]}]);function l(){if(typeof customElements==="undefined"){return}const e=["ind-machine-overview","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-machine-overview":if(!customElements.get(i(e))){customElements.define(i(e),c)}break;case"ind-status-dot":if(!customElements.get(i(e))){s()}break}}))}l();const f=c;const p=l;export{f as IndMachineOverview,p as defineCustomElement};
+//# sourceMappingURL=ind-machine-overview.js.map

package/dist/components/ind-machine-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","machineOverviewCss","STATE_LABEL","running","stopped","fault","warning","maintenance","unknown","IndMachineOverview","__stencil_proxyCustomElement","HTMLElement","heading","machineId","state","oee","columns","render","dot","this","h","Host","key","class","part","undefined","toFixed","size","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-machine-overview&encapsulation=shadow","src/components/organisms/machine-overview/machine-overview.css?tag=ind-machine-overview&encapsulation=shadow","src/components/organisms/machine-overview/machine-overview.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n",":host {\n  min-width: 480px;\n}\n\n.oee {\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  margin-right: var(--ind-spacing-3, 6px);\n}\n\n.state {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.state-running { color: var(--ind-state-running-bg, #16a34a); }\n.state-fault { color: var(--ind-state-fault-bg, #dc2626); }\n.state-warning { color: var(--ind-state-warning-bg, #f59e0b); }\n.state-maintenance { color: var(--ind-state-maintenance-bg, #2563eb); }\n.state-stopped { color: var(--ind-surface-text-secondary); }\n.state-unknown { color: var(--ind-surface-text-muted); }\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nconst STATE_LABEL: Record<EquipmentCardState, string> = {\n  running: 'Running',\n  stopped: 'Stopped',\n  fault: 'Fault',\n  warning: 'Warning',\n  maintenance: 'Maintenance',\n  unknown: '—',\n};\n\n/**\n * Machine overview header + content area. Shows machine identity and state in\n * the header; slot equipment / KPI molecules into the grid body.\n */\n@Component({\n  tag: 'ind-machine-overview',\n  styleUrls: ['../_shared/panel.css', 'machine-overview.css'],\n  shadow: true,\n})\nexport class IndMachineOverview {\n  @Prop() heading!: string;\n  /** Machine identifier. */\n  @Prop() machineId?: string;\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** OEE headline percentage. */\n  @Prop() oee?: number;\n  /** Grid columns for the body. */\n  @Prop() columns: number = 3;\n\n  render() {\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\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.machineId && <span class=\"panel-subtitle\">{this.machineId}</span>}\n          </div>\n          <div class=\"panel-actions\">\n            {this.oee !== undefined && (\n              <span class=\"oee\" part=\"oee\">OEE {this.oee.toFixed(0)}%</span>\n            )}\n            <ind-status-dot state={dot as any} size=\"md\" />\n            <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n          </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":"+FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAqB,IAAM,mnBCGjC,MAAMC,EAAkD,CACtDC,QAAS,UACTC,QAAS,UACTC,MAAO,QACPC,QAAS,UACTC,YAAa,cACbC,QAAS,K,MAYEC,EAAkBC,EAAA,MAAAD,UAAAE,E,iFACrBC,QAEAC,UACiBC,MAA4B,UAE7CC,IAEAC,QAAkB,EAE1B,MAAAC,GACE,MAAMC,EAAMC,KAAKL,QAAU,UAAY,UAAYK,KAAKL,MACxD,OACEM,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWL,KAAKP,SAC9CO,KAAKN,WAAaO,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBJ,KAAKN,YAExDO,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACRJ,KAAKJ,MAAQU,WACZL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,MAAMC,KAAK,OAAK,OAAML,KAAKJ,IAAIW,QAAQ,GAAE,KAEvDN,EAAA,kBAAAE,IAAA,2CAAgBR,MAAOI,EAAYS,KAAK,OACxCP,EAAA,QAAAE,IAAA,2CAAMC,MAAO,eAAeJ,KAAKL,QAASU,KAAK,SAAStB,EAAYiB,KAAKL,UAG7EM,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLI,MAAO,CAAEC,oBAAqB,UAAUV,KAAKH,6BAE7CI,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as i,a as n,t as d}from"./index.js";import{d as t}from"./p-6RTRR-qH.js";const r=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const s=()=>`:host{min-width:460px}.kpis{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle)}.kpis ind-kpi-card{border:0;padding:0;background:transparent;min-width:0}.panel-list{max-height:280px}.row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);font-size:var(--ind-font-size-base, 12px)}.tag{font-family:var(--ind-font-family-mono);color:var(--ind-surface-text-secondary)}.due{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted);white-space:nowrap}.row-overdue .due{color:var(--ind-state-fault-bg, #dc2626);font-weight:var(--ind-font-weight-semibold, 600)}`;const o=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Maintenance";mtbf;mttr;openWorkOrders=0;overdue=0;dueItems=[];render(){return i(n,{key:"94b1be945de7b82e8d7570fd2051a4cd7aca547d"},i("div",{key:"11f25ad6fd9fdcfa1120b1afab257769afe1010c",class:"panel-head"},i("span",{key:"7bba8884a56d2bd9ff822e487a2414138c96890b",class:"panel-title",part:"heading"},this.heading)),i("div",{key:"577d1f27c3dd2d4f487d8e3385ebbb3ec8f8ff4b",class:"kpis",part:"kpis"},i("ind-kpi-card",{key:"583aba5d448f67ec960d6da5247dc752e0642812",label:"MTBF",value:this.mtbf??"--",unit:"h",precision:0}),i("ind-kpi-card",{key:"a25a4ab4906015c76f76b4a35984619c7b888633",label:"MTTR",value:this.mttr??"--",unit:"h",precision:1}),i("ind-kpi-card",{key:"cbc1e96d120ba23016005b90e13951264d148572",label:"Open WOs",value:this.openWorkOrders}),i("ind-kpi-card",{key:"1ac75c5a7ab66c5a37aefc6a14a65a1a9e0e8dfd",label:"Overdue",value:this.overdue,variant:this.overdue>0?"bad":"neutral"})),i("div",{key:"4cb0f35f5fc27412ea8cfb3491fd8947041a9f3e",class:"panel-list",part:"list"},this.dueItems.length===0?i("div",{class:"panel-empty"},"No scheduled tasks"):this.dueItems.map(((a,e)=>i("div",{class:`row ${a.overdue?"row-overdue":""}`,part:"row",key:e},i("span",{class:"tag",part:"asset"},a.asset),i("span",{class:"task",part:"task"},a.task),i("span",{class:"due",part:"due"},a.due))))))}static get style(){return r()+s()}},[513,"ind-maintenance-dashboard",{heading:[1],mtbf:[2],mttr:[2],openWorkOrders:[2,"open-work-orders"],overdue:[2],dueItems:[16]}]);function p(){if(typeof customElements==="undefined"){return}const a=["ind-maintenance-dashboard","ind-kpi-card"];a.forEach((a=>{switch(a){case"ind-maintenance-dashboard":if(!customElements.get(d(a))){customElements.define(d(a),o)}break;case"ind-kpi-card":if(!customElements.get(d(a))){t()}break}}))}p();const l=o;const c=p;export{l as IndMaintenanceDashboard,c as defineCustomElement};
+//# sourceMappingURL=ind-maintenance-dashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","maintenanceDashboardCss","IndMaintenanceDashboard","__stencil_proxyCustomElement","HTMLElement","heading","mtbf","mttr","openWorkOrders","overdue","dueItems","render","h","Host","key","class","part","this","label","value","unit","precision","variant","length","map","d","i","asset","task","due"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-maintenance-dashboard&encapsulation=shadow","src/components/organisms/maintenance-dashboard/maintenance-dashboard.css?tag=ind-maintenance-dashboard&encapsulation=shadow","src/components/organisms/maintenance-dashboard/maintenance-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: 460px;\n}\n\n.kpis {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n}\n\n.kpis ind-kpi-card {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n\n.panel-list {\n  max-height: 280px;\n}\n\n.row {\n  display: grid;\n  grid-template-columns: 96px 1fr auto;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono);\n  color: var(--ind-surface-text-secondary);\n}\n\n.due {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted);\n  white-space: nowrap;\n}\n\n.row-overdue .due {\n  color: var(--ind-state-fault-bg, #dc2626);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport interface MaintenanceDueItem {\n  asset: string;\n  task: string;\n  due: string;\n  overdue?: boolean;\n}\n\n/**\n * Maintenance KPIs (MTBF / MTTR / open & overdue work orders) plus an upcoming\n * / overdue task list.\n */\n@Component({\n  tag: 'ind-maintenance-dashboard',\n  styleUrls: ['../_shared/panel.css', 'maintenance-dashboard.css'],\n  shadow: true,\n})\nexport class IndMaintenanceDashboard {\n  @Prop() heading: string = 'Maintenance';\n  /** Mean time between failures (hours). */\n  @Prop() mtbf?: number;\n  /** Mean time to repair (hours). */\n  @Prop() mttr?: number;\n  /** Open work orders. */\n  @Prop() openWorkOrders: number = 0;\n  /** Overdue work orders. */\n  @Prop() overdue: number = 0;\n  /** Upcoming / overdue tasks. */\n  @Prop() dueItems: MaintenanceDueItem[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"kpis\" part=\"kpis\">\n          <ind-kpi-card label=\"MTBF\" value={this.mtbf ?? '--'} unit=\"h\" precision={0}></ind-kpi-card>\n          <ind-kpi-card label=\"MTTR\" value={this.mttr ?? '--'} unit=\"h\" precision={1}></ind-kpi-card>\n          <ind-kpi-card label=\"Open WOs\" value={this.openWorkOrders}></ind-kpi-card>\n          <ind-kpi-card label=\"Overdue\" value={this.overdue} variant={this.overdue > 0 ? 'bad' : 'neutral'}></ind-kpi-card>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {this.dueItems.length === 0 ? (\n            <div class=\"panel-empty\">No scheduled tasks</div>\n          ) : (\n            this.dueItems.map((d, i) => (\n              <div class={`row ${d.overdue ? 'row-overdue' : ''}`} part=\"row\" key={i}>\n                <span class=\"tag\" part=\"asset\">{d.asset}</span>\n                <span class=\"task\" part=\"task\">{d.task}</span>\n                <span class=\"due\" part=\"due\">{d.due}</span>\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAA0B,IAAM,w2B,MCkBzBC,EAAuBC,EAAA,MAAAD,UAAAE,E,iFAC1BC,QAAkB,cAElBC,KAEAC,KAEAC,eAAyB,EAEzBC,QAAkB,EAElBC,SAAiC,GAEzC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKZ,UAEjDO,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OAAOC,KAAK,QACrBJ,EAAA,gBAAAE,IAAA,2CAAcI,MAAM,OAAOC,MAAOF,KAAKX,MAAQ,KAAMc,KAAK,IAAIC,UAAW,IACzET,EAAA,gBAAAE,IAAA,2CAAcI,MAAM,OAAOC,MAAOF,KAAKV,MAAQ,KAAMa,KAAK,IAAIC,UAAW,IACzET,EAAA,gBAAAE,IAAA,2CAAcI,MAAM,WAAWC,MAAOF,KAAKT,iBAC3CI,EAAA,gBAAAE,IAAA,2CAAcI,MAAM,UAAUC,MAAOF,KAAKR,QAASa,QAASL,KAAKR,QAAU,EAAI,MAAQ,aAEzFG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAaC,KAAK,QAC1BC,KAAKP,SAASa,SAAW,EACxBX,EAAA,OAAKG,MAAM,eAAa,sBAExBE,KAAKP,SAASc,KAAI,CAACC,EAAGC,IACpBd,EAAA,OAAKG,MAAO,OAAOU,EAAEhB,QAAU,cAAgB,KAAMO,KAAK,MAAMF,IAAKY,GACnEd,EAAA,QAAMG,MAAM,MAAMC,KAAK,SAASS,EAAEE,OAClCf,EAAA,QAAMG,MAAM,OAAOC,KAAK,QAAQS,EAAEG,MAClChB,EAAA,QAAMG,MAAM,MAAMC,KAAK,OAAOS,EAAEI,S","ignoreList":[]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{p as e,H as t,c as n,h as a,a as i,t as s}from"./index.js";import{d}from"./p-CRSC4h1X.js";import{d as o}from"./p-CNo94Sf0.js";import{d as r}from"./p-CUfsFNIv.js";import{d as p}from"./p-B4gtNdKu.js";import{d as l}from"./p-BW8uYv_d.js";import{d as c}from"./p-CJi2bLBO.js";import{d as f}from"./p-CDXZCm5V.js";import{d as m}from"./p-D3gnEPFv.js";import{d as u}from"./p-DGb-eiYo.js";import{d as b}from"./p-Dk2CwpEp.js";import{d as h}from"./p-BInyhy9s.js";const g=()=>`: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 x=()=>`.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 v=()=>`:host{min-width:280px}`;const y=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indStart=n(this,"indStart");this.indStop=n(this,"indStop");this.indSpeed=n(this,"indSpeed");this.indMode=n(this,"indMode")}heading="Motor";tag;state="stopped";speed;current;load;speedSetpoint=0;mode;indStart;indStop;indSpeed;indMode;runState(){if(this.state==="running")return"running";if(this.state==="fault")return"fault";return"stopped"}onSpeed=e=>{e.stopPropagation();this.speedSetpoint=e.detail;this.indSpeed.emit(e.detail)};onMode=e=>{e.stopPropagation();this.indMode.emit(e.detail)};render(){return a(i,{key:"aa9cbabc5c0cfca6f3a40ad007644f9be2bab696"},a("div",{key:"803290dd446cabe5ee0f359b837b2e967bd8d827",class:"panel-head"},a("div",{key:"062e906a61e9d4dfee2535b89fa1b83ae077596e",class:"panel-titles"},a("span",{key:"f7cd17b073e057d1d19a277510b8f559bc57a856",class:"panel-title",part:"heading"},this.heading),this.tag&&a("span",{key:"a91e201967ce6167328df4453586141ba212b665",class:"panel-subtitle"},this.tag))),a("div",{key:"8fccc430ed03534f496cd87e3d636964b517e1b0",class:"panel-body"},a("ind-motor-card",{key:"997e568d414587072900160088a1a1d85859c649",tag:this.tag,label:this.heading,state:this.state,speed:this.speed,current:this.current,load:this.load}),a("ind-start-stop-control",{key:"05327d42c5e8a9970c8ac845c6721eee1bcea317",label:this.heading,state:this.runState(),onIndStart:()=>this.indStart.emit(),onIndStop:()=>this.indStop.emit()}),a("ind-speed-control",{key:"46d6380f0e12cc54de1ae28a5f57c446347a8019",label:"Speed setpoint",value:this.speedSetpoint,unit:"%",onIndChange:this.onSpeed}),a("ind-mode-selector",{key:"84ca78cf0ece4142d09867b0ae31ce604c913938",value:this.mode,onIndChange:this.onMode})))}static get style(){return g()+(x()+v())}},[513,"ind-motor-control-panel",{heading:[1],tag:[1],state:[513],speed:[2],current:[2],load:[2],speedSetpoint:[1026,"speed-setpoint"],mode:[1]}]);function k(){if(typeof customElements==="undefined"){return}const e=["ind-motor-control-panel","ind-button","ind-knob","ind-led","ind-mode-selector","ind-motor","ind-motor-card","ind-selector-switch","ind-slider","ind-speed-control","ind-start-stop-control","ind-value"];e.forEach((e=>{switch(e){case"ind-motor-control-panel":if(!customElements.get(s(e))){customElements.define(s(e),y)}break;case"ind-button":if(!customElements.get(s(e))){d()}break;case"ind-knob":if(!customElements.get(s(e))){o()}break;case"ind-led":if(!customElements.get(s(e))){r()}break;case"ind-mode-selector":if(!customElements.get(s(e))){p()}break;case"ind-motor":if(!customElements.get(s(e))){l()}break;case"ind-motor-card":if(!customElements.get(s(e))){c()}break;case"ind-selector-switch":if(!customElements.get(s(e))){f()}break;case"ind-slider":if(!customElements.get(s(e))){m()}break;case"ind-speed-control":if(!customElements.get(s(e))){u()}break;case"ind-start-stop-control":if(!customElements.get(s(e))){b()}break;case"ind-value":if(!customElements.get(s(e))){h()}break}}))}k();const E=y;const S=k;export{E as IndMotorControlPanel,S as defineCustomElement};
+//# sourceMappingURL=ind-motor-control-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","controlPanelCss","motorControlPanelCss","IndMotorControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","speed","current","load","speedSetpoint","mode","indStart","indStop","indSpeed","indMode","runState","this","onSpeed","e","stopPropagation","detail","emit","onMode","render","h","Host","key","class","part","label","onIndStart","onIndStop","value","unit","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-motor-control-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-motor-control-panel&encapsulation=shadow","src/components/organisms/motor-control-panel/motor-control-panel.css?tag=ind-motor-control-panel&encapsulation=shadow","src/components/organisms/motor-control-panel/motor-control-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n  display: flex;\n  flex-direction: column;\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  box-sizing: border-box;\n  overflow: hidden;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  background: var(--ind-surface-raised);\n  flex: 0 0 auto;\n}\n\n.panel-titles {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n\n.panel-title {\n  font-size: var(--ind-font-size-md, 13px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  line-height: 1.2;\n}\n\n.panel-subtitle {\n  font-size: var(--ind-font-size-xs, 10px);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n  margin-left: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  min-height: 0;\n}\n\n.panel-toolbar {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  flex: 0 0 auto;\n}\n\n.panel-list {\n  display: flex;\n  flex-direction: column;\n  overflow: auto;\n}\n\n.panel-grid {\n  display: grid;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n  padding: var(--ind-spacing-7, 20px);\n  text-align: center;\n  color: var(--ind-surface-text-muted);\n  font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n  flex: 1 1 auto;\n}\n","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n  border: 0;\n  padding: 0;\n  background: transparent;\n  min-width: 0;\n}\n",":host {\n  min-width: 280px;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\nimport type { RunState } from '../../molecules/start-stop-control/start-stop-control';\n\n/**\n * Motor control panel: live `<ind-motor-card>` faceplate plus start/stop,\n * speed setpoint and mode selection.\n */\n@Component({\n  tag: 'ind-motor-control-panel',\n  styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'motor-control-panel.css'],\n  shadow: true,\n})\nexport class IndMotorControlPanel {\n  @Prop() heading: string = 'Motor';\n  @Prop() tag?: string;\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  @Prop() speed?: number;\n  @Prop() current?: number;\n  @Prop() load?: number;\n  /** Speed setpoint (two-way), in percent. */\n  @Prop({ mutable: true }) speedSetpoint: number = 0;\n  @Prop() mode?: string;\n\n  @Event() indStart!: EventEmitter<void>;\n  @Event() indStop!: EventEmitter<void>;\n  @Event() indSpeed!: EventEmitter<number>;\n  @Event() indMode!: EventEmitter<string>;\n\n  private runState(): RunState {\n    if (this.state === 'running') return 'running';\n    if (this.state === 'fault') return 'fault';\n    return 'stopped';\n  }\n\n  private onSpeed = (e: CustomEvent<number>) => {\n    e.stopPropagation();\n    this.speedSetpoint = e.detail;\n    this.indSpeed.emit(e.detail);\n  };\n  private onMode = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.indMode.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}</span>}\n          </div>\n        </div>\n        <div class=\"panel-body\">\n          <ind-motor-card\n            tag={this.tag}\n            label={this.heading}\n            state={this.state}\n            speed={this.speed}\n            current={this.current}\n            load={this.load}\n          />\n          <ind-start-stop-control\n            label={this.heading}\n            state={this.runState()}\n            onIndStart={() => this.indStart.emit()}\n            onIndStop={() => this.indStop.emit()}\n          />\n          <ind-speed-control\n            label=\"Speed setpoint\"\n            value={this.speedSetpoint}\n            unit=\"%\"\n            onIndChange={this.onSpeed}\n          />\n          <ind-mode-selector value={this.mode} onIndChange={this.onMode} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"ycAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAAuB,IAAM,yB,MCatBC,EAAoBC,EAAA,MAAAD,UAAAE,E,iNACvBC,QAAkB,QAClBC,IACiBC,MAAwB,UACzCC,MACAC,QACAC,KAEiBC,cAAwB,EACzCC,KAECC,SACAC,QACAC,SACAC,QAED,QAAAC,GACN,GAAIC,KAAKX,QAAU,UAAW,MAAO,UACrC,GAAIW,KAAKX,QAAU,QAAS,MAAO,QACnC,MAAO,S,CAGDY,QAAWC,IACjBA,EAAEC,kBACFH,KAAKP,cAAgBS,EAAEE,OACvBJ,KAAKH,SAASQ,KAAKH,EAAEE,OAAO,EAEtBE,OAAUJ,IAChBA,EAAEC,kBACFH,KAAKF,QAAQO,KAAKH,EAAEE,OAAO,EAG7B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWZ,KAAKb,SAC9Ca,KAAKZ,KAAOoB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBX,KAAKZ,OAGpDoB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CACEtB,IAAKY,KAAKZ,IACVyB,MAAOb,KAAKb,QACZE,MAAOW,KAAKX,MACZC,MAAOU,KAAKV,MACZC,QAASS,KAAKT,QACdC,KAAMQ,KAAKR,OAEbgB,EAAA,0BAAAE,IAAA,2CACEG,MAAOb,KAAKb,QACZE,MAAOW,KAAKD,WACZe,WAAY,IAAMd,KAAKL,SAASU,OAChCU,UAAW,IAAMf,KAAKJ,QAAQS,SAEhCG,EAAA,qBAAAE,IAAA,2CACEG,MAAM,iBACNG,MAAOhB,KAAKP,cACZwB,KAAK,IACLC,YAAalB,KAAKC,UAEpBO,EAAA,qBAAAE,IAAA,2CAAmBM,MAAOhB,KAAKN,KAAMwB,YAAalB,KAAKM,U","ignoreList":[]}

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

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

package/dist/components/ind-motor.js

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

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

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

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

@@ -1,2 +1,2 @@
-import{p as e,H as t,c as n,h as a,a as r,t as i}from"./index.js";const o=()=>`:host{display:flex;flex-direction:column;font-family:var(--ind-font-family-sans);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);overflow:hidden;color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.toolbar{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);border-bottom:1px solid var(--ind-surface-border-default);flex-wrap:wrap}.filter{flex:1;min-width:200px;height:var(--ind-size-input-sm, 24px);padding:0 var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font:inherit;font-size:var(--ind-font-size-sm, 11px);color:inherit;outline:none;box-sizing:border-box}.filter::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.filter:focus{border-color:var(--ind-surface-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring) 35%, transparent)}.check{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-sm, 11px);cursor:pointer;user-select:none;white-space:nowrap}.spacer{flex:1}.counter{font-family:var(--ind-font-family-mono);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-sm, 11px);white-space:nowrap}.clear{height:var(--ind-size-button-sm, 26px);padding:0 var(--ind-spacing-5, 12px);background:var(--ind-button-default-bg);color:var(--ind-button-default-fg);border:1px solid var(--ind-button-default-border);border-radius:var(--ind-radius-md, 3px);font:inherit;font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-semibold, 600);cursor:pointer}.clear:hover{background:var(--ind-button-default-bg-hover)}.clear:focus-visible{outline:2px solid var(--ind-surface-focus-ring);outline-offset:2px}.log{flex:1;width:100%;box-sizing:border-box;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);background:var(--ind-color-palette-neutral-0, #000);color:var(--ind-color-palette-neutral-800, #d0d7e0);border:none;outline:none;font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);line-height:var(--ind-font-line-height-normal, 1.4);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);resize:vertical;cursor:default}`;const s=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indFilterChange=n(this,"indFilterChange");this.indPauseChange=n(this,"indPauseChange");this.indClear=n(this,"indClear")}get host(){return this}log="";filterValue="";paused=false;rows=18;indFilterChange;indPauseChange;indClear;componentDidLoad(){this.scrollToBottom()}onLogChange(){if(!this.paused)this.scrollToBottom()}scrollToBottom(){requestAnimationFrame((()=>{const e=this.host.shadowRoot?.querySelector(".log");if(e)e.scrollTop=e.scrollHeight}))}filteredLines(){const e=this.log.split("\n");if(!this.filterValue)return e;const t=this.filterValue.toLowerCase();return e.filter((e=>e.toLowerCase().includes(t)))}onFilter=e=>{const t=e.target.value;this.filterValue=t;this.indFilterChange.emit(t)};onPause=e=>{const t=e.target.checked;this.paused=t;this.indPauseChange.emit(t)};render(){const e=this.filteredLines();const t=this.log?this.log.split("\n").filter((e=>e.length>0)).length:0;const n=e.filter((e=>e.length>0)).length;const i=this.filterValue?`${n} / ${t} msg`:`${t} msg`;return a(r,{key:"611c593c0c13009b372c0f3d8077c363c9801b97"},a("div",{key:"6552180414c9c06bf728b6d94eaa4ec282f9ecc9",class:"toolbar",part:"toolbar"},a("input",{key:"715c06c1dcd91764b619093804bd52dd9ebb512c",class:"filter",part:"filter",type:"search",placeholder:"Filter topic / payload...",value:this.filterValue,onInput:this.onFilter}),a("label",{key:"c7fc734cd7d0e08d28191804852ef7bf11ed01c7",class:"check"},a("input",{key:"6b250678c32e5e83b2925275cdd44579cf682933",type:"checkbox",checked:this.paused,onChange:this.onPause}),a("span",{key:"77f2a59bd50c2a8c48c27a719730ba2efc5e5b9e"},"Pause")),a("span",{key:"eb60e89a998c60548f62d982691ffbdc1ce08eb7",class:"spacer"}),a("span",{key:"298521f0328cb32523d63dd3a45248575313b6f6",class:"counter",part:"counter"},i),a("button",{key:"32a5aa35b0e622e8fac010a79bbd30cb434ba09e",type:"button",class:"clear",part:"clear",onClick:()=>this.indClear.emit()},"Clear")),a("textarea",{key:"7ca66e1a42cdd672faae4d14004af23c2cae7bae",class:"log",part:"log",readonly:true,rows:this.rows},e.join("\n")))}static get watchers(){return{log:[{onLogChange:0}]}}static get style(){return o()}},[513,"ind-mqtt-monitor",{log:[1],filterValue:[1025,"filter-value"],paused:[1028],rows:[2]},undefined,{log:[{onLogChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-mqtt-monitor"];e.forEach((e=>{switch(e){case"ind-mqtt-monitor":if(!customElements.get(i(e))){customElements.define(i(e),s)}break}}))}d();const c=s;const l=d;export{c as IndMqttMonitor,l as defineCustomElement};
+import{p as e,H as t,c as n,h as a,a as r,t as i}from"./index.js";const o=()=>`:host{display:flex;flex-direction:column;font-family:var(--ind-font-family-sans);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);overflow:hidden;color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.toolbar{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);border-bottom:1px solid var(--ind-surface-border-default);flex-wrap:wrap}.filter{flex:1;min-width:200px;height:var(--ind-size-input-sm, 24px);padding:0 var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font:inherit;font-size:var(--ind-font-size-sm, 11px);color:inherit;outline:none;box-sizing:border-box}.filter::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.filter:focus{border-color:var(--ind-surface-focus-ring);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring) 35%, transparent)}.check{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-sm, 11px);cursor:pointer;user-select:none;white-space:nowrap}.spacer{flex:1}.counter{font-family:var(--ind-font-family-mono);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-sm, 11px);white-space:nowrap}.clear{height:var(--ind-size-button-sm, 26px);padding:0 var(--ind-spacing-5, 12px);background:var(--ind-button-default-bg);color:var(--ind-button-default-fg);border:1px solid var(--ind-button-default-border);border-radius:var(--ind-radius-md, 3px);font:inherit;font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-semibold, 600);cursor:pointer}.clear:hover{background:var(--ind-button-default-bg-hover)}.clear:focus-visible{outline:2px solid var(--ind-surface-focus-ring);outline-offset:2px}.log{flex:1;width:100%;box-sizing:border-box;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);background:var(--ind-color-palette-neutral-0, #000);color:var(--ind-color-palette-neutral-800, #d0d7e0);border:none;outline:none;font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);line-height:var(--ind-font-line-height-normal, 1.4);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);resize:vertical;cursor:default}`;const s=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indFilterChange=n(this,"indFilterChange");this.indPauseChange=n(this,"indPauseChange");this.indClear=n(this,"indClear")}get host(){return this}log="";filterValue="";paused=false;rows=18;indFilterChange;indPauseChange;indClear;componentDidLoad(){this.scrollToBottom()}onLogChange(){if(!this.paused)this.scrollToBottom()}scrollToBottom(){requestAnimationFrame((()=>{const e=this.host.shadowRoot?.querySelector(".log");if(e)e.scrollTop=e.scrollHeight}))}filteredLines(){const e=this.log.split("\n");if(!this.filterValue)return e;const t=this.filterValue.toLowerCase();return e.filter((e=>e.toLowerCase().includes(t)))}onFilter=e=>{const t=e.target.value;this.filterValue=t;this.indFilterChange.emit(t)};onPause=e=>{const t=e.target.checked;this.paused=t;this.indPauseChange.emit(t)};render(){const e=this.filteredLines();const t=this.log?this.log.split("\n").filter((e=>e.length>0)).length:0;const n=e.filter((e=>e.length>0)).length;const i=this.filterValue?`${n} / ${t} msg`:`${t} msg`;return a(r,{key:"fde4e0cf9ab24365b155f7497c18f704669b6789"},a("div",{key:"de63978fd49ac92d6f6ba72351b0309d8d1bed0a",class:"toolbar",part:"toolbar"},a("input",{key:"4b15c9ca91e979444364f5b9ae5ad7e1e414bb09",class:"filter",part:"filter",type:"search",placeholder:"Filter topic / payload...",value:this.filterValue,onInput:this.onFilter}),a("label",{key:"43afbc5455f8f5711c47da954900b745f9b25e8b",class:"check"},a("input",{key:"3af747f4c0ec5240d8fc7fae6030396fe0b3ec51",type:"checkbox",checked:this.paused,onChange:this.onPause}),a("span",{key:"54789aaadeb3b54360b44a8cd12bd52ed260c4ac"},"Pause")),a("span",{key:"3ad3873914538089402893883f5c1e1cd1c52606",class:"spacer"}),a("span",{key:"410327c79b9b0090f9bf3f4e43d6c14dd7e9136d",class:"counter",part:"counter"},i),a("button",{key:"594b493e5ccee295a061bd100ed5d0333890c23f",type:"button",class:"clear",part:"clear",onClick:()=>this.indClear.emit()},"Clear")),a("textarea",{key:"a31c38c4968befd04635ed26d381a444a839769f",class:"log",part:"log",readonly:true,rows:this.rows},e.join("\n")))}static get watchers(){return{log:[{onLogChange:0}]}}static get style(){return o()}},[513,"ind-mqtt-monitor",{log:[1],filterValue:[1025,"filter-value"],paused:[1028],rows:[2]},undefined,{log:[{onLogChange:0}]}]);function d(){if(typeof customElements==="undefined"){return}const e=["ind-mqtt-monitor"];e.forEach((e=>{switch(e){case"ind-mqtt-monitor":if(!customElements.get(i(e))){customElements.define(i(e),s)}break}}))}d();const c=s;const l=d;export{c as IndMqttMonitor,l as defineCustomElement};
 //# sourceMappingURL=ind-mqtt-monitor.js.map

package/dist/components/ind-mqtt-tag-binding.d.ts

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

package/dist/components/ind-mqtt-tag-binding.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as i,t as n}from"./index.js";import{d as s}from"./p-DA_BMXS3.js";const r=()=>`: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=()=>`.card-head{align-items:center}.address{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));background:var(--ind-surface-sunken);padding:3px 6px;border-radius:var(--ind-radius-sm, 2px);word-break:break-all}.readout{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-4, 8px)}.value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.flags{display:inline-flex;gap:var(--ind-spacing-2, 4px)}.flag{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted);background:var(--ind-surface-raised);border-radius:var(--ind-radius-sm, 2px);padding:1px 5px;white-space:nowrap}`;const o=()=>`:host{min-width:220px}`;const c=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}label;topic;value;unit;qos=0;retained=false;state="disconnected";render(){const a=this.value!==undefined?String(this.value):"—";return t(i,{key:"91e10cb05ff15d0433c21671217755a07a8cf839",role:"group","aria-label":`MQTT ${this.topic}`},t("div",{key:"6c6e89543957fc8a46ea7453c3d635a434682ba9",class:"card-head"},t("span",{key:"66c5e517be5affa4884a3cc17684604e3f31155d",class:"card-title",part:"label"},this.label??"MQTT"),t("ind-connection-indicator",{key:"45424df1e2ae710564e27c07cec08efbe756a793",state:this.state,size:"sm"})),t("code",{key:"c75951ebdfd0ebd1bbaab8320d4e0f6444687a00",class:"address",part:"topic"},this.topic),t("div",{key:"94d6cc331ee1ff28ec16c27d3cff3fc144d6cf35",class:"readout",part:"readout"},t("span",{key:"5e0b8f02e7efa155f7902f432687896557052d9a",class:"value",part:"value"},a,this.unit?` ${this.unit}`:""),t("span",{key:"2d48d247486292a2ed3ff510ae0708e8fc195d9a",class:"flags",part:"flags"},t("span",{key:"7d403bb7af76c35aafd529bcea1ca7ca13752640",class:"flag",part:"qos"},"QoS ",this.qos),this.retained&&t("span",{key:"a4357d910b2aa15a9fa9e782f0dd8402db60f172",class:"flag",part:"retain"},"retained"))))}static get style(){return r()+(d()+o())}},[513,"ind-mqtt-tag-binding",{label:[1],topic:[1],value:[8],unit:[1],qos:[2],retained:[4],state:[513]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ind-mqtt-tag-binding","ind-connection-indicator"];a.forEach((a=>{switch(a){case"ind-mqtt-tag-binding":if(!customElements.get(n(a))){customElements.define(n(a),c)}break;case"ind-connection-indicator":if(!customElements.get(n(a))){s()}break}}))}f();const l=c;const p=f;export{l as IndMqttTagBinding,p as defineCustomElement};
+//# sourceMappingURL=ind-mqtt-tag-binding.js.map