@ind-ds/core 0.1.1 → 0.2.1

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","bindingCss","mqttTagBindingCss","IndMqttTagBinding","__stencil_proxyCustomElement","HTMLElement","label","topic","value","unit","qos","retained","state","render","v","this","undefined","String","h","Host","key","role","class","part","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-mqtt-tag-binding&encapsulation=shadow","src/components/molecules/_shared/binding.css?tag=ind-mqtt-tag-binding&encapsulation=shadow","src/components/molecules/mqtt-tag-binding/mqtt-tag-binding.css?tag=ind-mqtt-tag-binding&encapsulation=shadow","src/components/molecules/mqtt-tag-binding/mqtt-tag-binding.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n","/* Shared chrome for protocol tag-binding cards (MQTT, OPC UA). */\n.card-head {\n  align-items: center;\n}\n\n.address {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  background: var(--ind-surface-sunken);\n  padding: 3px 6px;\n  border-radius: var(--ind-radius-sm, 2px);\n  word-break: break-all;\n}\n\n.readout {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.flags {\n  display: inline-flex;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.flag {\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-muted);\n  background: var(--ind-surface-raised);\n  border-radius: var(--ind-radius-sm, 2px);\n  padding: 1px 5px;\n  white-space: nowrap;\n}\n",":host {\n  min-width: 220px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Visualises the binding between an MQTT topic and a process value: topic,\n * last value, QoS, retain flag and the broker connection state.\n */\n@Component({\n  tag: 'ind-mqtt-tag-binding',\n  styleUrls: ['../_shared/card.css', '../_shared/binding.css', 'mqtt-tag-binding.css'],\n  shadow: true,\n})\nexport class IndMqttTagBinding {\n  /** Friendly label (e.g. \"Tank level\"). */\n  @Prop() label?: string;\n  /** MQTT topic (e.g. \"plant/line2/tank/level\"). */\n  @Prop() topic!: string;\n  /** Last received value. */\n  @Prop() value?: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Quality of Service level. */\n  @Prop() qos: 0 | 1 | 2 = 0;\n  /** Retained message flag. */\n  @Prop() retained: boolean = false;\n  /** Broker connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  render() {\n    const v = this.value !== undefined ? String(this.value) : '—';\n    return (\n      <Host role=\"group\" aria-label={`MQTT ${this.topic}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label ?? 'MQTT'}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <code class=\"address\" part=\"topic\">{this.topic}</code>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"value\" part=\"value\">{v}{this.unit ? ` ${this.unit}` : ''}</span>\n          <span class=\"flags\" part=\"flags\">\n            <span class=\"flag\" part=\"qos\">QoS {this.qos}</span>\n            {this.retained && <span class=\"flag\" part=\"retain\">retained</span>}\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAa,IAAM,4xBCAzB,MAAMC,EAAoB,IAAM,yB,MCYnBC,EAAiBC,EAAA,MAAAD,UAAAE,E,iFAEpBC,MAEAC,MAEAC,MAEAC,KAEAC,IAAiB,EAEjBC,SAAoB,MAEHC,MAAyB,eAElD,MAAAC,GACE,MAAMC,EAAIC,KAAKP,QAAUQ,UAAYC,OAAOF,KAAKP,OAAS,IAC1D,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,QAAQN,KAAKR,SAC1CW,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASR,KAAKT,OAAS,QACrDY,EAAA,4BAAAE,IAAA,2CAA0BR,MAAOG,KAAKH,MAAOY,KAAK,QAEpDN,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAUC,KAAK,SAASR,KAAKR,OACzCW,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAAST,EAAGC,KAAKN,KAAO,IAAIM,KAAKN,OAAS,IACnES,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACvBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAK,OAAMR,KAAKL,KACvCK,KAAKJ,UAAYO,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,UAAQ,c","ignoreList":[]}

package/dist/components/ind-nav-item.js

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

package/dist/components/ind-network-status-card.d.ts

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

package/dist/components/ind-network-status-card.js

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as s,t as r}from"./index.js";import{d as i}from"./p-DA_BMXS3.js";import{d as n}from"./p-DGgGNwxv.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const o=()=>`:host{min-width:200px}:host([state="error"]){border-color:var(--ind-state-fault-bg, #dc2626)}.signal{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px)}.address{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.throughput{display:flex;gap:var(--ind-spacing-6, 16px);font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary)}.arrow{color:var(--ind-surface-text-muted)}`;const c=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}label="Network";level=0;address;rxKbps;txKbps;state="disconnected";fmt(a){if(a===undefined)return"—";return a>=1e3?`${(a/1e3).toFixed(1)} Mb/s`:`${Math.round(a)} kb/s`}render(){return t(s,{key:"1751b85b43388f16fae5f172f6f8df561fd8a629",role:"group","aria-label":`${this.label} ${this.state}`},t("div",{key:"8135d6bbfbee58a33abc67fc14da817444ea598d",class:"card-head"},t("span",{key:"cc6baee0b2673ea8d460352f011417d8aa009366",class:"card-title",part:"label"},this.label),t("ind-connection-indicator",{key:"b80f177558c359d38a945b5a19d3320a4e90eefe",state:this.state,size:"sm"})),t("div",{key:"64e367c87acb2589e46ca50fd7eac63107d80a8a",class:"signal",part:"signal"},t("ind-signal-quality",{key:"b0751c2aecf1d0c3c8cb9a6ec3eccdad8ab17e3c",level:this.level,size:"md"}),this.address&&t("code",{key:"fb6ac7d8631724723ea2adc6907bc38d38bfa12b",class:"address",part:"address"},this.address)),t("div",{key:"962d4cacd7e5e44531e2f4181b5686c40b99799f",class:"throughput",part:"throughput"},t("span",{key:"f1a5b4fd42b426591195dce0c6fe36e8b6649765",class:"tp"},t("span",{key:"75b92dc90ab7663deddf37570a8a842aaaf75e13",class:"arrow","aria-hidden":"true"},"↓")," ",this.fmt(this.rxKbps)),t("span",{key:"9faa7be07797784f537d60348497499409a3aaf2",class:"tp"},t("span",{key:"03fe2661325064012b3f7bd033e386e5baccff21",class:"arrow","aria-hidden":"true"},"↑")," ",this.fmt(this.txKbps))))}static get style(){return d()+o()}},[513,"ind-network-status-card",{label:[1],level:[2],address:[1],rxKbps:[2,"rx-kbps"],txKbps:[2,"tx-kbps"],state:[513]}]);function f(){if(typeof customElements==="undefined"){return}const a=["ind-network-status-card","ind-connection-indicator","ind-signal-quality"];a.forEach((a=>{switch(a){case"ind-network-status-card":if(!customElements.get(r(a))){customElements.define(r(a),c)}break;case"ind-connection-indicator":if(!customElements.get(r(a))){i()}break;case"ind-signal-quality":if(!customElements.get(r(a))){n()}break}}))}f();const l=c;const b=f;export{l as IndNetworkStatusCard,b as defineCustomElement};
+//# sourceMappingURL=ind-network-status-card.js.map

package/dist/components/ind-network-status-card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","networkStatusCardCss","IndNetworkStatusCard","__stencil_proxyCustomElement","HTMLElement","label","level","address","rxKbps","txKbps","state","fmt","kbps","undefined","toFixed","Math","round","render","h","Host","key","role","this","class","part","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-network-status-card&encapsulation=shadow","src/components/molecules/network-status-card/network-status-card.css?tag=ind-network-status-card&encapsulation=shadow","src/components/molecules/network-status-card/network-status-card.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n",":host {\n  min-width: 200px;\n}\n\n:host([state=\"error\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n}\n\n.signal {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.address {\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.throughput {\n  display: flex;\n  gap: var(--ind-spacing-6, 16px);\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary);\n}\n\n.arrow {\n  color: var(--ind-surface-text-muted);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Network link summary: signal quality, address and throughput, with the\n * overall link state. Suits a wireless gateway or cellular modem panel.\n */\n@Component({\n  tag: 'ind-network-status-card',\n  styleUrls: ['../_shared/card.css', 'network-status-card.css'],\n  shadow: true,\n})\nexport class IndNetworkStatusCard {\n  /** Link label (e.g. \"Cellular WAN\"). */\n  @Prop() label: string = 'Network';\n  /** Signal level 0–4 for the bars. */\n  @Prop() level: number = 0;\n  /** IP / address. */\n  @Prop() address?: string;\n  /** Downlink throughput (kbit/s). */\n  @Prop() rxKbps?: number;\n  /** Uplink throughput (kbit/s). */\n  @Prop() txKbps?: number;\n  /** Overall link state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  private fmt(kbps?: number): string {\n    if (kbps === undefined) return '—';\n    return kbps >= 1000 ? `${(kbps / 1000).toFixed(1)} Mb/s` : `${Math.round(kbps)} kb/s`;\n  }\n\n  render() {\n    return (\n      <Host role=\"group\" aria-label={`${this.label} ${this.state}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <div class=\"signal\" part=\"signal\">\n          <ind-signal-quality level={this.level} size=\"md\" />\n          {this.address && <code class=\"address\" part=\"address\">{this.address}</code>}\n        </div>\n        <div class=\"throughput\" part=\"throughput\">\n          <span class=\"tp\"><span class=\"arrow\" aria-hidden=\"true\">↓</span> {this.fmt(this.rxKbps)}</span>\n          <span class=\"tp\"><span class=\"arrow\" aria-hidden=\"true\">↑</span> {this.fmt(this.txKbps)}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAuB,IAAM,ggB,MCYtBC,EAAoBC,EAAA,MAAAD,UAAAE,E,iFAEvBC,MAAgB,UAEhBC,MAAgB,EAEhBC,QAEAC,OAEAC,OAEiBC,MAAyB,eAE1C,GAAAC,CAAIC,GACV,GAAIA,IAASC,UAAW,MAAO,IAC/B,OAAOD,GAAQ,IAAO,IAAIA,EAAO,KAAME,QAAQ,UAAY,GAAGC,KAAKC,MAAMJ,S,CAG3E,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGC,KAAKjB,SAASiB,KAAKZ,SACnDQ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,SAASF,KAAKjB,OAC5Ca,EAAA,4BAAAE,IAAA,2CAA0BV,MAAOY,KAAKZ,MAAOe,KAAK,QAEpDP,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SAASC,KAAK,UACvBN,EAAA,sBAAAE,IAAA,2CAAoBd,MAAOgB,KAAKhB,MAAOmB,KAAK,OAC3CH,KAAKf,SAAWW,EAAA,QAAAE,IAAA,2CAAMG,MAAM,UAAUC,KAAK,WAAWF,KAAKf,UAE9DW,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aAAaC,KAAK,cAC3BN,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAKL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAO,cAAa,QAAM,KAAS,IAAED,KAAKX,IAAIW,KAAKd,SAChFU,EAAA,QAAAE,IAAA,2CAAMG,MAAM,MAAKL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAO,cAAa,QAAM,KAAS,IAAED,KAAKX,IAAIW,KAAKb,U","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+import{p as e,H as a,h as i,a as n,t}from"./index.js";import{d}from"./p-BfWZu0jH.js";const s=()=>`: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:460px}.headline{margin-left:auto;display:flex;align-items:baseline;gap:var(--ind-spacing-2, 4px)}.headline-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-3xl, 28px);font-weight:var(--ind-font-weight-bold, 700);line-height:1}.headline-unit{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.gauges{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);justify-items:center}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading="OEE";availability=0;performance=0;quality=0;oee;subtitle;computedOee(){if(this.oee!==undefined)return this.oee;return this.availability*this.performance*this.quality/1e4}render(){const e=this.computedOee();const a=[{from:0,to:60,color:"var(--ind-state-fault-bg, #dc2626)"},{from:60,to:85,color:"var(--ind-state-warning-bg, #f59e0b)"},{from:85,to:100,color:"var(--ind-state-running-bg, #16a34a)"}];return i(n,{key:"816f601703acbac5fb094e67c629cf49ee5aadb1"},i("div",{key:"a14f65ecf9fe2ca429e704429d68504d19cc676d",class:"panel-head"},i("div",{key:"e8a6a4a95843d1cc98f534b58f875f9ddd5d9066",class:"panel-titles"},i("span",{key:"b4b7943e39bdfb7a920e05e00edb7332e71cde10",class:"panel-title",part:"heading"},this.heading),this.subtitle&&i("span",{key:"2c7e7580381ccf7cc9e7a46c6986b7f6a9035dd1",class:"panel-subtitle"},this.subtitle)),i("div",{key:"4e2985de1af2d2b7cfe2a992c23052d91a8e4f2a",class:"headline",part:"headline"},i("span",{key:"d73edb0699180ff95cc395415369abf9fd65f29b",class:"headline-value"},e.toFixed(1)),i("span",{key:"cda1e64d86541b2960e9471be9d87d795e19d006",class:"headline-unit"},"% OEE"))),i("div",{key:"0625b176811332057b07de1b6908a451341bd824",class:"gauges",part:"gauges"},i("ind-gauge",{key:"387c8e169ba8efdec0d54a3db13b9d20c1564ffb",value:this.availability,min:0,max:100,unit:"%",label:"Availability",precision:0,zones:a,size:"md"}),i("ind-gauge",{key:"bc9c826ee797e31654623610ed3a934e7382701f",value:this.performance,min:0,max:100,unit:"%",label:"Performance",precision:0,zones:a,size:"md"}),i("ind-gauge",{key:"e97452d8d21fe59814b32ece038486d21db58d31",value:this.quality,min:0,max:100,unit:"%",label:"Quality",precision:0,zones:a,size:"md"})))}static get style(){return s()+r()}},[513,"ind-oee-dashboard",{heading:[1],availability:[2],performance:[2],quality:[2],oee:[2],subtitle:[1]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-oee-dashboard","ind-gauge"];e.forEach((e=>{switch(e){case"ind-oee-dashboard":if(!customElements.get(t(e))){customElements.define(t(e),l)}break;case"ind-gauge":if(!customElements.get(t(e))){d()}break}}))}o();const c=l;const f=o;export{c as IndOeeDashboard,f as defineCustomElement};
+//# sourceMappingURL=ind-oee-dashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["panelCss","oeeDashboardCss","IndOeeDashboard","__stencil_proxyCustomElement","HTMLElement","heading","availability","performance","quality","oee","subtitle","computedOee","this","undefined","render","zones","from","to","color","h","Host","key","class","part","toFixed","value","min","max","unit","label","precision","size"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-oee-dashboard&encapsulation=shadow","src/components/organisms/oee-dashboard/oee-dashboard.css?tag=ind-oee-dashboard&encapsulation=shadow","src/components/organisms/oee-dashboard/oee-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.headline {\n  margin-left: auto;\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.headline-value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-3xl, 28px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  line-height: 1;\n}\n\n.headline-unit {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n}\n\n.gauges {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-5, 12px);\n  justify-items: center;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * OEE dashboard: the headline OEE figure plus its three factors\n * (Availability × Performance × Quality) as radial gauges.\n */\n@Component({\n  tag: 'ind-oee-dashboard',\n  styleUrls: ['../_shared/panel.css', 'oee-dashboard.css'],\n  shadow: true,\n})\nexport class IndOeeDashboard {\n  @Prop() heading: string = 'OEE';\n  /** Availability % (0–100). */\n  @Prop() availability: number = 0;\n  /** Performance % (0–100). */\n  @Prop() performance: number = 0;\n  /** Quality % (0–100). */\n  @Prop() quality: number = 0;\n  /** Override the computed OEE (A×P×Q). */\n  @Prop() oee?: number;\n  /** Context subtitle. */\n  @Prop() subtitle?: string;\n\n  private computedOee(): number {\n    if (this.oee !== undefined) return this.oee;\n    return (this.availability * this.performance * this.quality) / 10000;\n  }\n\n  render() {\n    const oee = this.computedOee();\n    const zones = [\n      { from: 0, to: 60, color: 'var(--ind-state-fault-bg, #dc2626)' },\n      { from: 60, to: 85, color: 'var(--ind-state-warning-bg, #f59e0b)' },\n      { from: 85, to: 100, color: 'var(--ind-state-running-bg, #16a34a)' },\n    ];\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.subtitle && <span class=\"panel-subtitle\">{this.subtitle}</span>}\n          </div>\n          <div class=\"headline\" part=\"headline\">\n            <span class=\"headline-value\">{oee.toFixed(1)}</span>\n            <span class=\"headline-unit\">% OEE</span>\n          </div>\n        </div>\n        <div class=\"gauges\" part=\"gauges\">\n          <ind-gauge value={this.availability} min={0} max={100} unit=\"%\" label=\"Availability\" precision={0} zones={zones} size=\"md\"></ind-gauge>\n          <ind-gauge value={this.performance} min={0} max={100} unit=\"%\" label=\"Performance\" precision={0} zones={zones} size=\"md\"></ind-gauge>\n          <ind-gauge value={this.quality} min={0} max={100} unit=\"%\" label=\"Quality\" precision={0} zones={zones} size=\"md\"></ind-gauge>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qFAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,0gB,MCWjBC,EAAeC,EAAA,MAAAD,UAAAE,E,iFAClBC,QAAkB,MAElBC,aAAuB,EAEvBC,YAAsB,EAEtBC,QAAkB,EAElBC,IAEAC,SAEA,WAAAC,GACN,GAAIC,KAAKH,MAAQI,UAAW,OAAOD,KAAKH,IACxC,OAAQG,KAAKN,aAAeM,KAAKL,YAAcK,KAAKJ,QAAW,G,CAGjE,MAAAM,GACE,MAAML,EAAMG,KAAKD,cACjB,MAAMI,EAAQ,CACZ,CAAEC,KAAM,EAAGC,GAAI,GAAIC,MAAO,sCAC1B,CAAEF,KAAM,GAAIC,GAAI,GAAIC,MAAO,wCAC3B,CAAEF,KAAM,GAAIC,GAAI,IAAKC,MAAO,yCAE9B,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,WAAWX,KAAKP,SAC9CO,KAAKF,UAAYS,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBV,KAAKF,WAEvDS,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAWC,KAAK,YACzBJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBb,EAAIe,QAAQ,IAC1CL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,iBAAe,WAG/BH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACvBJ,EAAA,aAAAE,IAAA,2CAAWI,MAAOb,KAAKN,aAAcoB,IAAK,EAAGC,IAAK,IAAKC,KAAK,IAAIC,MAAM,eAAeC,UAAW,EAAGf,MAAOA,EAAOgB,KAAK,OACtHZ,EAAA,aAAAE,IAAA,2CAAWI,MAAOb,KAAKL,YAAamB,IAAK,EAAGC,IAAK,IAAKC,KAAK,IAAIC,MAAM,cAAcC,UAAW,EAAGf,MAAOA,EAAOgB,KAAK,OACpHZ,EAAA,aAAAE,IAAA,2CAAWI,MAAOb,KAAKJ,QAASkB,IAAK,EAAGC,IAAK,IAAKC,KAAK,IAAIC,MAAM,UAAUC,UAAW,EAAGf,MAAOA,EAAOgB,KAAK,Q","ignoreList":[]}

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

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

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

@@ -0,0 +1,2 @@
+import{p as a,H as e,h as t,a as n,t as i}from"./index.js";import{d as r}from"./p-DA_BMXS3.js";const d=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const s=()=>`.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:240px}.quality-good{color:var(--ind-state-running-bg, #16a34a)}.quality-uncertain{color:var(--ind-state-warning-bg, #f59e0b)}.quality-bad{color:var(--ind-state-fault-bg, #dc2626)}`;const c={good:"Good",uncertain:"Uncertain",bad:"Bad"};const f=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}label;nodeId;value;unit;quality="good";state="disconnected";render(){const a=this.value!==undefined?String(this.value):"—";return t(n,{key:"26f858e3df518f2fe80a5cbeb59795e4ed37ad3f",role:"group","aria-label":`OPC UA ${this.nodeId}`},t("div",{key:"f31f9254e702f62fead7512729a263962b4ca367",class:"card-head"},t("span",{key:"9db34364812e44fb1b97280307c3272d39af20c1",class:"card-title",part:"label"},this.label??"OPC UA"),t("ind-connection-indicator",{key:"d86586072da78417f77876fe72f775803eef9a08",state:this.state,size:"sm"})),t("code",{key:"e88b589b63b314ea472d7bb1e49391bd2bf6e1b4",class:"address",part:"node-id"},this.nodeId),t("div",{key:"a96a356955875ee22a2380963cae2b335a217c1c",class:"readout",part:"readout"},t("span",{key:"dafe6819c30f5e8fc4fa2c3d1ec74fe7d45688cc",class:"value",part:"value"},a,this.unit?` ${this.unit}`:""),t("span",{key:"7fb82abd9f0acc310e882c415ac63ef7c45e417d",class:`flag quality quality-${this.quality}`,part:"quality"},c[this.quality])))}static get style(){return d()+(s()+o())}},[513,"ind-opcua-tag-binding",{label:[1],nodeId:[1,"node-id"],value:[8],unit:[1],quality:[513],state:[513]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-opcua-tag-binding","ind-connection-indicator"];a.forEach((a=>{switch(a){case"ind-opcua-tag-binding":if(!customElements.get(i(a))){customElements.define(i(a),f)}break;case"ind-connection-indicator":if(!customElements.get(i(a))){r()}break}}))}l();const u=f;const p=l;export{u as IndOpcuaTagBinding,p as defineCustomElement};
+//# sourceMappingURL=ind-opcua-tag-binding.js.map

package/dist/components/ind-opcua-tag-binding.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cardCss","bindingCss","opcuaTagBindingCss","QUALITY_LABEL","good","uncertain","bad","IndOpcuaTagBinding","__stencil_proxyCustomElement","HTMLElement","label","nodeId","value","unit","quality","state","render","v","this","undefined","String","h","Host","key","role","class","part","size"],"sources":["src/components/molecules/_shared/card.css?tag=ind-opcua-tag-binding&encapsulation=shadow","src/components/molecules/_shared/binding.css?tag=ind-opcua-tag-binding&encapsulation=shadow","src/components/molecules/opcua-tag-binding/opcua-tag-binding.css?tag=ind-opcua-tag-binding&encapsulation=shadow","src/components/molecules/opcua-tag-binding/opcua-tag-binding.tsx"],"sourcesContent":["/* Shared chrome for molecule \"card\" components. Pulled in first via\n * `styleUrls: ['../_shared/card.css', 'xxx.css']` so each card can override. */\n:host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-3, 6px);\n  padding: var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border: 1px solid var(--ind-surface-border-default);\n  border-radius: var(--ind-radius-md, 3px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n  min-width: 160px;\n}\n\n.card-head {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.card-title {\n  font-size: var(--ind-font-size-xs, 10px);\n  font-weight: var(--ind-font-weight-bold, 700);\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-tag {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n.card-detail {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n/* Fault chrome cue, opt-in by reflecting state=\"fault\" on the host. */\n:host([state=\"fault\"]) {\n  border-color: var(--ind-state-fault-bg, #dc2626);\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);\n}\n:host([state=\"warning\"]) {\n  border-color: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default));\n}\n","/* Shared chrome for protocol tag-binding cards (MQTT, OPC UA). */\n.card-head {\n  align-items: center;\n}\n\n.address {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  background: var(--ind-surface-sunken);\n  padding: 3px 6px;\n  border-radius: var(--ind-radius-sm, 2px);\n  word-break: break-all;\n}\n\n.readout {\n  display: flex;\n  align-items: baseline;\n  justify-content: space-between;\n  gap: var(--ind-spacing-4, 8px);\n}\n\n.value {\n  font-family: var(--ind-font-family-mono);\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.flags {\n  display: inline-flex;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.flag {\n  font-size: var(--ind-font-size-xs, 10px);\n  color: var(--ind-surface-text-muted);\n  background: var(--ind-surface-raised);\n  border-radius: var(--ind-radius-sm, 2px);\n  padding: 1px 5px;\n  white-space: nowrap;\n}\n",":host {\n  min-width: 240px;\n}\n\n.quality-good { color: var(--ind-state-running-bg, #16a34a); }\n.quality-uncertain { color: var(--ind-state-warning-bg, #f59e0b); }\n.quality-bad { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\nimport type { DataQuality } from '../historical-value-row/historical-value-row';\n\nconst QUALITY_LABEL: Record<DataQuality, string> = {\n  good: 'Good',\n  uncertain: 'Uncertain',\n  bad: 'Bad',\n};\n\n/**\n * Visualises the binding to an OPC UA node: node id, last value, data quality\n * and the session connection state.\n */\n@Component({\n  tag: 'ind-opcua-tag-binding',\n  styleUrls: ['../_shared/card.css', '../_shared/binding.css', 'opcua-tag-binding.css'],\n  shadow: true,\n})\nexport class IndOpcuaTagBinding {\n  /** Friendly label. */\n  @Prop() label?: string;\n  /** OPC UA node id (e.g. \"ns=2;s=Channel1.Device1.Tag1\"). */\n  @Prop() nodeId!: string;\n  /** Last value. */\n  @Prop() value?: number | string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** OPC UA data quality. */\n  @Prop({ reflect: true }) quality: DataQuality = 'good';\n  /** Session connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  render() {\n    const v = this.value !== undefined ? String(this.value) : '—';\n    return (\n      <Host role=\"group\" aria-label={`OPC UA ${this.nodeId}`}>\n        <div class=\"card-head\">\n          <span class=\"card-title\" part=\"label\">{this.label ?? 'OPC UA'}</span>\n          <ind-connection-indicator state={this.state} size=\"sm\" />\n        </div>\n        <code class=\"address\" part=\"node-id\">{this.nodeId}</code>\n        <div class=\"readout\" part=\"readout\">\n          <span class=\"value\" part=\"value\">{v}{this.unit ? ` ${this.unit}` : ''}</span>\n          <span class={`flag quality quality-${this.quality}`} part=\"quality\">{QUALITY_LABEL[this.quality]}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAa,IAAM,4xBCAzB,MAAMC,EAAqB,IAAM,sMCIjC,MAAMC,EAA6C,CACjDC,KAAM,OACNC,UAAW,YACXC,IAAK,O,MAYMC,EAAkBC,EAAA,MAAAD,UAAAE,E,iFAErBC,MAEAC,OAEAC,MAEAC,KAEiBC,QAAuB,OAEvBC,MAAyB,eAElD,MAAAC,GACE,MAAMC,EAAIC,KAAKN,QAAUO,UAAYC,OAAOF,KAAKN,OAAS,IAC1D,OACES,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,UAAUN,KAAKP,UAC5CU,EAAA,OAAAE,IAAA,2CAAKE,MAAM,aACTJ,EAAA,QAAAE,IAAA,2CAAME,MAAM,aAAaC,KAAK,SAASR,KAAKR,OAAS,UACrDW,EAAA,4BAAAE,IAAA,2CAA0BR,MAAOG,KAAKH,MAAOY,KAAK,QAEpDN,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAUC,KAAK,WAAWR,KAAKP,QAC3CU,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAAST,EAAGC,KAAKL,KAAO,IAAIK,KAAKL,OAAS,IACnEQ,EAAA,QAAAE,IAAA,2CAAME,MAAO,wBAAwBP,KAAKJ,UAAWY,KAAK,WAAWvB,EAAce,KAAKJ,W","ignoreList":[]}

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

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

package/dist/components/ind-pipe.js

@@ -0,0 +1,2 @@
+import{p as i,H as e,h as n,a as t,t as o}from"./index.js";const a=()=>`:host{display:inline-block;--_thickness:8px;--_fluid:var(--ind-surface-border-strong, #5a6776)}:host([orientation="horizontal"]){width:64px;height:var(--_thickness)}:host([orientation="vertical"]){width:var(--_thickness);height:64px}:host([tone="running"]){--_fluid:var(--ind-state-running-bg, #16a34a)}:host([tone="fault"]){--_fluid:var(--ind-state-fault-bg, #dc2626)}:host([tone="warning"]){--_fluid:var(--ind-state-warning-bg, #f59e0b)}.pipe{position:relative;display:block;width:100%;height:100%;background:var(--ind-surface-raised, #1b222c);border:1px solid var(--ind-surface-border-strong, #5a6776);border-radius:2px;overflow:hidden}.flow{position:absolute;inset:0;background:var(--_fluid);opacity:0.85}:host([flow="forward"]) .flow,:host([flow="reverse"]) .flow{background-image:repeating-linear-gradient(     var(--_angle, 90deg),     color-mix(in srgb, #fff 28%, transparent) 0 4px,     transparent 4px 10px   );background-color:var(--_fluid);background-size:14px 14px}:host([orientation="horizontal"]) .flow{--_angle:90deg}:host([orientation="vertical"]) .flow{--_angle:0deg}:host([flow="forward"][orientation="horizontal"]) .flow{animation:ind-pipe-x 0.7s linear infinite}:host([flow="reverse"][orientation="horizontal"]) .flow{animation:ind-pipe-x 0.7s linear infinite reverse}:host([flow="forward"][orientation="vertical"]) .flow{animation:ind-pipe-y 0.7s linear infinite}:host([flow="reverse"][orientation="vertical"]) .flow{animation:ind-pipe-y 0.7s linear infinite reverse}@keyframes ind-pipe-x{to{background-position:14px 0}}@keyframes ind-pipe-y{to{background-position:0 14px}}@media (prefers-reduced-motion: reduce){.flow{animation:none !important}}`;const r=i(class i extends e{constructor(i){super();if(i!==false){this.__registerHost()}this.__attachShadow()}orientation="horizontal";flow="none";tone="neutral";thickness=8;length;label;render(){const i=this.orientation==="horizontal";const e={"--_thickness":`${this.thickness}px`};if(this.length!==undefined){e[i?"width":"height"]=`${this.length}px`}return n(t,{key:"3120dcbff81eec57ff6d8cb4c8aa375783ed7121",role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":this.label?undefined:"true",style:e},n("span",{key:"3e3d0e87990f290ee93a87af9df619dcac2869bd",class:"pipe",part:"pipe"},n("span",{key:"0f54ffc6f3737abb2aa86a0b6c0a71cc1f6cb153",class:"flow",part:"flow"})))}static get style(){return a()}},[513,"ind-pipe",{orientation:[513],flow:[513],tone:[513],thickness:[2],length:[2],label:[1]}]);function s(){if(typeof customElements==="undefined"){return}const i=["ind-pipe"];i.forEach((i=>{switch(i){case"ind-pipe":if(!customElements.get(o(i))){customElements.define(o(i),r)}break}}))}s();const l=r;const d=s;export{l as IndPipe,d as defineCustomElement};
+//# sourceMappingURL=ind-pipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pipeCss","IndPipe","__stencil_proxyCustomElement","HTMLElement","orientation","flow","tone","thickness","length","label","render","horizontal","this","style","undefined","h","Host","key","role","class","part"],"sources":["src/components/atoms/pipe/pipe.css?tag=ind-pipe&encapsulation=shadow","src/components/atoms/pipe/pipe.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  --_thickness: 8px;\n  --_fluid: var(--ind-surface-border-strong, #5a6776);\n}\n\n:host([orientation=\"horizontal\"]) { width: 64px; height: var(--_thickness); }\n:host([orientation=\"vertical\"])   { width: var(--_thickness); height: 64px; }\n\n:host([tone=\"running\"]) { --_fluid: var(--ind-state-running-bg, #16a34a); }\n:host([tone=\"fault\"])   { --_fluid: var(--ind-state-fault-bg, #dc2626); }\n:host([tone=\"warning\"]) { --_fluid: var(--ind-state-warning-bg, #f59e0b); }\n\n.pipe {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: var(--ind-surface-raised, #1b222c);\n  border: 1px solid var(--ind-surface-border-strong, #5a6776);\n  border-radius: 2px;\n  overflow: hidden;\n}\n\n.flow {\n  position: absolute;\n  inset: 0;\n  background: var(--_fluid);\n  opacity: 0.85;\n}\n\n/* Dashed overlay conveys flow motion. */\n:host([flow=\"forward\"]) .flow,\n:host([flow=\"reverse\"]) .flow {\n  background-image: repeating-linear-gradient(\n    var(--_angle, 90deg),\n    color-mix(in srgb, #fff 28%, transparent) 0 4px,\n    transparent 4px 10px\n  );\n  background-color: var(--_fluid);\n  background-size: 14px 14px;\n}\n\n:host([orientation=\"horizontal\"]) .flow { --_angle: 90deg; }\n:host([orientation=\"vertical\"]) .flow   { --_angle: 0deg; }\n\n:host([flow=\"forward\"][orientation=\"horizontal\"]) .flow { animation: ind-pipe-x 0.7s linear infinite; }\n:host([flow=\"reverse\"][orientation=\"horizontal\"]) .flow { animation: ind-pipe-x 0.7s linear infinite reverse; }\n:host([flow=\"forward\"][orientation=\"vertical\"]) .flow   { animation: ind-pipe-y 0.7s linear infinite; }\n:host([flow=\"reverse\"][orientation=\"vertical\"]) .flow   { animation: ind-pipe-y 0.7s linear infinite reverse; }\n\n@keyframes ind-pipe-x { to { background-position: 14px 0; } }\n@keyframes ind-pipe-y { to { background-position: 0 14px; } }\n\n@media (prefers-reduced-motion: reduce) {\n  .flow { animation: none !important; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type PipeOrientation = 'horizontal' | 'vertical';\nexport type PipeFlow = 'none' | 'forward' | 'reverse';\nexport type PipeTone = 'neutral' | 'running' | 'fault' | 'warning';\n\n@Component({\n  tag: 'ind-pipe',\n  styleUrl: 'pipe.css',\n  shadow: true,\n})\nexport class IndPipe {\n  /** Run direction of the segment. */\n  @Prop({ reflect: true }) orientation: PipeOrientation = 'horizontal';\n  /** Flow animation. `none` = static. */\n  @Prop({ reflect: true }) flow: PipeFlow = 'none';\n  /** Color tone of the fluid. */\n  @Prop({ reflect: true }) tone: PipeTone = 'neutral';\n  /** Pipe thickness in px. */\n  @Prop() thickness: number = 8;\n  /** Length in px (along the orientation). Defaults to filling the host. */\n  @Prop() length?: number;\n  /** Accessible label (decorative by default). */\n  @Prop() label?: string;\n\n  render() {\n    const horizontal = this.orientation === 'horizontal';\n    const style: Record<string, string> = { '--_thickness': `${this.thickness}px` };\n    if (this.length !== undefined) {\n      style[horizontal ? 'width' : 'height'] = `${this.length}px`;\n    }\n    return (\n      <Host\n        role={this.label ? 'img' : 'presentation'}\n        aria-label={this.label}\n        aria-hidden={this.label ? undefined : 'true'}\n        style={style}\n      >\n        <span class=\"pipe\" part=\"pipe\">\n          <span class=\"flow\" part=\"flow\" />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAU,IAAM,uoD,MCWTC,EAAOC,EAAA,MAAAD,UAAAE,E,iFAEOC,YAA+B,aAE/BC,KAAiB,OAEjBC,KAAiB,UAElCC,UAAoB,EAEpBC,OAEAC,MAER,MAAAC,GACE,MAAMC,EAAaC,KAAKR,cAAgB,aACxC,MAAMS,EAAgC,CAAE,eAAgB,GAAGD,KAAKL,eAChE,GAAIK,KAAKJ,SAAWM,UAAW,CAC7BD,EAAMF,EAAa,QAAU,UAAY,GAAGC,KAAKJ,U,CAEnD,OACEO,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAMN,KAAKH,MAAQ,MAAQ,eAAc,aAC7BG,KAAKH,MAAK,cACTG,KAAKH,MAAQK,UAAY,OACtCD,MAAOA,GAEPE,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QACtBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,U","ignoreList":[]}

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

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