npm - @ind-ds/core - Versions diffs - 0.1.0 → 0.2.0 - Mend

@ind-ds/core 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1405) hide show

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

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=ind-network-status-card.js.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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.availabilitythis.performancethis.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};
2	+ //# sourceMappingURL=ind-oee-dashboard.js.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=ind-opcua-tag-binding.js.map

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

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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};
2	+ //# sourceMappingURL=ind-pipe.js.map

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

@@ -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 ADDED Viewed

@@ -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;

package/dist/components/ind-process-control-panel.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as t,c as i,h as n,a,t as s}from"./index.js";import{d as o}from"./p-CRSC4h1X.js";import{d}from"./p-CUfsFNIv.js";import{d as r}from"./p-B4gtNdKu.js";import{d as p}from"./p-CDXZCm5V.js";import{d as l}from"./p-BFESjyKK.js";import{d as c}from"./p-CICnxqic.js";import{d as f}from"./p-Dk2CwpEp.js";const m=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const u=()=>`:host{min-width:280px}.panel-body ind-start-stop-control,.panel-body ind-setpoint-control,.panel-body ind-mode-selector{border:0;padding:0;background:transparent;min-width:0}`;const b=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indStart=i(this,"indStart");this.indStop=i(this,"indStop");this.indSetpoint=i(this,"indSetpoint");this.indMode=i(this,"indMode")}heading;tag;state="stopped";mode;setpoint=0;pv;min=0;max=100;step=.1;precision=1;unit;indStart;indStop;indSetpoint;indMode;onSetpoint=e=>{e.stopPropagation();this.setpoint=e.detail;this.indSetpoint.emit(e.detail)};onMode=e=>{e.stopPropagation();this.indMode.emit(e.detail)};render(){return n(a,{key:"fc6e08112ee9e379316418afd4596562f7bac74c"},n("div",{key:"d0439b53f9886f432fca303a32c19f455b98662c",class:"panel-head"},n("div",{key:"5869ad8f92f0ad1f93e44a2e87494b1efdac685b",class:"panel-titles"},n("span",{key:"04ad4fc17be186bc8455d35552d96a0585890324",class:"panel-title",part:"heading"},this.heading),this.tag&&n("span",{key:"3e86d67a8ac2edf7bf160522c11446f26331d467",class:"panel-subtitle"},this.tag))),n("div",{key:"9073f4782be57e9ae933eb7cffb67e3a2522be8a",class:"panel-body"},n("ind-start-stop-control",{key:"d5253ca3d2f9e550043c0aa2f054e8596fc99e17",label:this.heading,state:this.state,onIndStart:()=>this.indStart.emit(),onIndStop:()=>this.indStop.emit()}),n("ind-setpoint-control",{key:"9999ec5f12c57015a712e2a00aefd532888e9e31",label:"Setpoint",tag:this.tag,value:this.setpoint,pv:this.pv,min:this.min,max:this.max,step:this.step,precision:this.precision,unit:this.unit,onIndChange:this.onSetpoint}),n("ind-mode-selector",{key:"9d00be76326f3012c9ac98a45b4239f796f9061d",value:this.mode,onIndChange:this.onMode}),n("slot",{key:"d349c3b7d5f5855a383605054be7dd05b4a6e133"})))}static get style(){return m()+u()}},[769,"ind-process-control-panel",{heading:[1],tag:[1],state:[513],mode:[1],setpoint:[1026],pv:[2],min:[2],max:[2],step:[2],precision:[2],unit:[1]}]);function h(){if(typeof customElements==="undefined"){return}const e=["ind-process-control-panel","ind-button","ind-led","ind-mode-selector","ind-selector-switch","ind-setpoint","ind-setpoint-control","ind-start-stop-control"];e.forEach((e=>{switch(e){case"ind-process-control-panel":if(!customElements.get(s(e))){customElements.define(s(e),b)}break;case"ind-button":if(!customElements.get(s(e))){o()}break;case"ind-led":if(!customElements.get(s(e))){d()}break;case"ind-mode-selector":if(!customElements.get(s(e))){r()}break;case"ind-selector-switch":if(!customElements.get(s(e))){p()}break;case"ind-setpoint":if(!customElements.get(s(e))){l()}break;case"ind-setpoint-control":if(!customElements.get(s(e))){c()}break;case"ind-start-stop-control":if(!customElements.get(s(e))){f()}break}}))}h();const g=b;const x=h;export{g as IndProcessControlPanel,x as defineCustomElement};
2	+ //# sourceMappingURL=ind-process-control-panel.js.map

package/dist/components/ind-process-control-panel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","processControlPanelCss","IndProcessControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","mode","setpoint","pv","min","max","step","precision","unit","indStart","indStop","indSetpoint","indMode","onSetpoint","e","stopPropagation","this","detail","emit","onMode","render","h","Host","key","class","part","label","onIndStart","onIndStop","value","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-process-control-panel&encapsulation=shadow","src/components/organisms/process-control-panel/process-control-panel.css?tag=ind-process-control-panel&encapsulation=shadow","src/components/organisms/process-control-panel/process-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",":host {\n min-width: 280px;\n}\n\n/* The faceplate children already have their own card chrome, so flatten them. */\n.panel-body ind-start-stop-control,\n.panel-body ind-setpoint-control,\n.panel-body ind-mode-selector {\n border: 0;\n padding: 0;\n background: transparent;\n min-width: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { RunState } from '../../molecules/start-stop-control/start-stop-control';\n\n/**\n * Generic single-loop control panel: run command, setpoint vs PV and an\n * operating-mode selector. Re-emits the child commands so a parent can drive\n * the controller.\n */\n@Component({\n tag: 'ind-process-control-panel',\n styleUrls: ['../_shared/panel.css', 'process-control-panel.css'],\n shadow: true,\n})\nexport class IndProcessControlPanel {\n @Prop() heading!: string;\n /** Loop tag (e.g. \"PIC-101\"). */\n @Prop() tag?: string;\n /** Run state. */\n @Prop({ reflect: true }) state: RunState = 'stopped';\n /** Operating mode value. */\n @Prop() mode?: string;\n /** Setpoint (two-way). */\n @Prop({ mutable: true }) setpoint: number = 0;\n /** Process value. */\n @Prop() pv?: number;\n @Prop() min: number = 0;\n @Prop() max: number = 100;\n @Prop() step: number = 0.1;\n @Prop() precision: number = 1;\n @Prop() unit?: string;\n\n @Event() indStart!: EventEmitter<void>;\n @Event() indStop!: EventEmitter<void>;\n /** Fires with the committed setpoint. */\n @Event() indSetpoint!: EventEmitter<number>;\n /** Fires with the selected mode. */\n @Event() indMode!: EventEmitter<string>;\n\n private onSetpoint = (e: CustomEvent<number>) => {\n e.stopPropagation();\n this.setpoint = e.detail;\n this.indSetpoint.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-start-stop-control\n label={this.heading}\n state={this.state}\n onIndStart={() => this.indStart.emit()}\n onIndStop={() => this.indStop.emit()}\n />\n <ind-setpoint-control\n label=\"Setpoint\"\n tag={this.tag}\n value={this.setpoint}\n pv={this.pv}\n min={this.min}\n max={this.max}\n step={this.step}\n precision={this.precision}\n unit={this.unit}\n onIndChange={this.onSetpoint}\n />\n <ind-mode-selector value={this.mode} onIndChange={this.onMode} />\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"oTAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAyB,IAAM,iL,MCaxBC,EAAsBC,EAAA,MAAAD,UAAAE,E,uNACzBC,QAEAC,IAEiBC,MAAkB,UAEnCC,KAEiBC,SAAmB,EAEpCC,GACAC,IAAc,EACdC,IAAc,IACdC,KAAe,GACfC,UAAoB,EACpBC,KAECC,SACAC,QAEAC,YAEAC,QAEDC,WAAcC,IACpBA,EAAEC,kBACFC,KAAKd,SAAWY,EAAEG,OAClBD,KAAKL,YAAYO,KAAKJ,EAAEG,OAAO,EAEzBE,OAAUL,IAChBA,EAAEC,kBACFC,KAAKJ,QAAQM,KAAKJ,EAAEG,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,WAAWT,KAAKlB,SAC9CkB,KAAKjB,KAAOsB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBR,KAAKjB,OAGpDsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,0BAAAE,IAAA,2CACEG,MAAOV,KAAKlB,QACZE,MAAOgB,KAAKhB,MACZ2B,WAAY,IAAMX,KAAKP,SAASS,OAChCU,UAAW,IAAMZ,KAAKN,QAAQQ,SAEhCG,EAAA,wBAAAE,IAAA,2CACEG,MAAM,WACN3B,IAAKiB,KAAKjB,IACV8B,MAAOb,KAAKd,SACZC,GAAIa,KAAKb,GACTC,IAAKY,KAAKZ,IACVC,IAAKW,KAAKX,IACVC,KAAMU,KAAKV,KACXC,UAAWS,KAAKT,UAChBC,KAAMQ,KAAKR,KACXsB,YAAad,KAAKH,aAEpBQ,EAAA,qBAAAE,IAAA,2CAAmBM,MAAOb,KAAKf,KAAM6B,YAAad,KAAKG,SACvDE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-process-symbol.d.ts ADDED Viewed

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

package/dist/components/ind-process-symbol.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as t,h as a,a as s,t as n}from"./index.js";const r=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:44px;--_stroke:var(--ind-surface-border-strong, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="lg"]){--_w:60px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa)}.symbol{width:var(--_w);height:var(--_w);display:block}.outline{fill:var(--ind-surface-sunken, light-dark(#fff, #000));stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.tag{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-size:10px;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}`;const i=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}shape="circle";state="normal";tag;label;size="md";shapeEl(){switch(this.shape){case"square":return a("rect",{class:"outline",part:"outline",x:"4",y:"4",width:"40",height:"40",rx:"2"});case"diamond":return a("polygon",{class:"outline",part:"outline",points:"24,3 45,24 24,45 3,24"});case"hexagon":return a("polygon",{class:"outline",part:"outline",points:"14,6 34,6 45,24 34,42 14,42 3,24"});case"circle":default:return a("circle",{class:"outline",part:"outline",cx:"24",cy:"24",r:"20"})}}render(){const e=this.label??this.tag??"instrument";return a(s,{key:"24aef7364a542acddb8cb29fbf404faf7aa8972e",role:"img","aria-label":`${e}${this.state!=="normal"?" — "+this.state:""}`},a("svg",{key:"c5c4936c45d0d0ace90a5b86a593ae3f97c9f599",class:"symbol",part:"symbol",viewBox:"0 0 48 48","aria-hidden":"true"},this.shapeEl(),this.tag&&a("text",{key:"987ede87e53bd367f7af62f7903eef1c8661330a",class:"tag",x:"24",y:"24","text-anchor":"middle","dominant-baseline":"central"},this.tag)),this.label&&a("span",{key:"0ba6f143afefa065bf938fcc79cbf2faef393e51",class:"label",part:"label"},this.label))}static get style(){return r()}},[513,"ind-process-symbol",{shape:[513],state:[513],tag:[1],label:[1],size:[513]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-process-symbol"];e.forEach((e=>{switch(e){case"ind-process-symbol":if(!customElements.get(n(e))){customElements.define(n(e),i)}break}}))}o();const l=i;const c=o;export{l as IndProcessSymbol,c as defineCustomElement};
2	+ //# sourceMappingURL=ind-process-symbol.js.map

package/dist/components/ind-process-symbol.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["processSymbolCss","IndProcessSymbol","__stencil_proxyCustomElement","HTMLElement","shape","state","tag","label","size","shapeEl","this","h","class","part","x","y","width","height","rx","points","cx","cy","r","render","name","Host","key","role","viewBox"],"sources":["src/components/atoms/process-symbol/process-symbol.css?tag=ind-process-symbol&encapsulation=shadow","src/components/atoms/process-symbol/process-symbol.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: var(--ind-spacing-2, 4px);\n font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n --_w: 44px;\n --_stroke: var(--ind-surface-border-strong, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"lg\"]) { --_w: 60px; }\n\n:host([state=\"running\"]) { --_stroke: var(--ind-state-running-border, #4ade80); }\n:host([state=\"fault\"]) { --_stroke: var(--ind-state-fault-border, #f87171); }\n:host([state=\"warning\"]) { --_stroke: var(--ind-state-warning-border, #fcd34d); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); }\n\n.symbol {\n width: var(--_w);\n height: var(--_w);\n display: block;\n}\n\n.outline {\n fill: var(--ind-surface-sunken, light-dark(#fff, #000));\n stroke: var(--_stroke);\n stroke-width: 1.5;\n vector-effect: non-scaling-stroke;\n}\n\n.tag {\n fill: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n font-weight: var(--ind-font-weight-semibold, 600);\n font-size: 10px;\n font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n font-size: var(--ind-font-size-xs, 10px);\n color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ProcessSymbolShape = 'circle' | 'square' | 'diamond' | 'hexagon';\nexport type ProcessSymbolState = 'normal' | 'running' | 'fault' | 'warning' | 'maintenance';\nexport type ProcessSymbolSize = 'sm' | 'md' | 'lg';\n\n@Component({\n tag: 'ind-process-symbol',\n styleUrl: 'process-symbol.css',\n shadow: true,\n})\nexport class IndProcessSymbol {\n /** ISA-5.1 instrument balloon shape. */\n @Prop({ reflect: true }) shape: ProcessSymbolShape = 'circle';\n /** Status coloring. */\n @Prop({ reflect: true }) state: ProcessSymbolState = 'normal';\n /** Tag text rendered inside (e.g. \"PT 101\"). */\n @Prop() tag?: string;\n /** Caption rendered below the symbol. */\n @Prop() label?: string;\n /** Size. */\n @Prop({ reflect: true }) size: ProcessSymbolSize = 'md';\n\n private shapeEl() {\n switch (this.shape) {\n case 'square':\n return <rect class=\"outline\" part=\"outline\" x=\"4\" y=\"4\" width=\"40\" height=\"40\" rx=\"2\" />;\n case 'diamond':\n return <polygon class=\"outline\" part=\"outline\" points=\"24,3 45,24 24,45 3,24\" />;\n case 'hexagon':\n return <polygon class=\"outline\" part=\"outline\" points=\"14,6 34,6 45,24 34,42 14,42 3,24\" />;\n case 'circle':\n default:\n return <circle class=\"outline\" part=\"outline\" cx=\"24\" cy=\"24\" r=\"20\" />;\n }\n }\n\n render() {\n const name = this.label ?? this.tag ?? 'instrument';\n return (\n <Host role=\"img\" aria-label={`${name}${this.state !== 'normal' ? ' — ' + this.state : ''}`}>\n <svg class=\"symbol\" part=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n {this.shapeEl()}\n {this.tag && (\n <text class=\"tag\" x=\"24\" y=\"24\" text-anchor=\"middle\" dominant-baseline=\"central\">{this.tag}</text>\n )}\n </svg>\n {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n </Host>\n );\n }\n}\n"],"mappings":"2DAAA,MAAMA,EAAmB,IAAM,gtC,MCWlBC,EAAgBC,EAAA,MAAAD,UAAAE,E,iFAEFC,MAA4B,SAE5BC,MAA4B,SAE7CC,IAEAC,MAEiBC,KAA0B,KAE3C,OAAAC,GACN,OAAQC,KAAKN,OACX,IAAK,SACH,OAAOO,EAAA,QAAMC,MAAM,UAAUC,KAAK,UAAUC,EAAE,IAAIC,EAAE,IAAIC,MAAM,KAAKC,OAAO,KAAKC,GAAG,MACpF,IAAK,UACH,OAAOP,EAAA,WAASC,MAAM,UAAUC,KAAK,UAAUM,OAAO,0BACxD,IAAK,UACH,OAAOR,EAAA,WAASC,MAAM,UAAUC,KAAK,UAAUM,OAAO,qCACxD,IAAK,SACL,QACE,OAAOR,EAAA,UAAQC,MAAM,UAAUC,KAAK,UAAUO,GAAG,KAAKC,GAAG,KAAKC,EAAE,O,CAItE,MAAAC,GACE,MAAMC,EAAOd,KAAKH,OAASG,KAAKJ,KAAO,aACvC,OACEK,EAACc,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGH,IAAOd,KAAKL,QAAU,SAAW,MAAQK,KAAKL,MAAQ,MACpFM,EAAA,OAAAe,IAAA,2CAAKd,MAAM,SAASC,KAAK,SAASe,QAAQ,YAAW,cAAa,QAC/DlB,KAAKD,UACLC,KAAKJ,KACJK,EAAA,QAAAe,IAAA,2CAAMd,MAAM,MAAME,EAAE,KAAKC,EAAE,KAAI,cAAa,SAAQ,oBAAmB,WAAWL,KAAKJ,MAG1FI,KAAKH,OAASI,EAAA,QAAAe,IAAA,2CAAMd,MAAM,QAAQC,KAAK,SAASH,KAAKH,O","ignoreList":[]}

package/dist/components/ind-production-cell.d.ts ADDED Viewed

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

package/dist/components/ind-production-cell.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as a,h as n,a as t,t as i}from"./index.js";import{d}from"./p-D-FsSjAC.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:420px}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626)}`;const l=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}heading;cellId;state="unknown";columns=2;render(){const e=this.state==="unknown"?"neutral":this.state;return n(t,{key:"35e4fcdd6cb701885f2c78537be16a7ecd8e91ba"},n("div",{key:"76d6be37943e5aa81675df3b2a8bfc49039b32ec",class:"panel-head"},n("ind-status-dot",{key:"3407e7603e49002642fc75617e9519c6adf169d3",state:e,size:"md"}),n("div",{key:"a6d0d7a42ca56de8b66cb7ea7779894025b6fab4",class:"panel-titles"},n("span",{key:"4b60ee48fefdae0ef2dbad4e3c2b147c27c7cd6f",class:"panel-title",part:"heading"},this.heading),this.cellId&&n("span",{key:"a16755ee33fd0d8da31a3ff87dde88e6fdec174f",class:"panel-subtitle"},this.cellId)),n("div",{key:"6d1c9d2ee8ed24496af1fb5d3832248b90612fb2",class:"panel-actions"},n("slot",{key:"5b0ac0adccd56c0ae2eb9634cc58e7c98de63fb6",name:"actions"}))),n("div",{key:"2da43e932bbe6d6690d25d265da175b0d7a4f97b",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},n("slot",{key:"1bfbe1ceab5d508e28a6359e6bb105266c776768"})))}static get style(){return s()+r()}},[769,"ind-production-cell",{heading:[1],cellId:[1,"cell-id"],state:[513],columns:[2]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-production-cell","ind-status-dot"];e.forEach((e=>{switch(e){case"ind-production-cell":if(!customElements.get(i(e))){customElements.define(i(e),l)}break;case"ind-status-dot":if(!customElements.get(i(e))){d()}break}}))}o();const c=l;const p=o;export{c as IndProductionCell,p as defineCustomElement};
2	+ //# sourceMappingURL=ind-production-cell.js.map

package/dist/components/ind-production-cell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","productionCellCss","IndProductionCell","__stencil_proxyCustomElement","HTMLElement","heading","cellId","state","columns","render","dot","this","h","Host","key","class","size","part","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-production-cell&encapsulation=shadow","src/components/organisms/production-cell/production-cell.css?tag=ind-production-cell&encapsulation=shadow","src/components/organisms/production-cell/production-cell.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: 420px;\n}\n\n:host([state=\"fault\"]) {\n border-color: var(--ind-state-fault-bg, #dc2626);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\n/**\n * Production cell container: groups the machines / equipment of a work cell\n * under a single header with an aggregate state. Slot the machine overviews or\n * equipment cards into the body.\n */\n@Component({\n tag: 'ind-production-cell',\n styleUrls: ['../_shared/panel.css', 'production-cell.css'],\n shadow: true,\n})\nexport class IndProductionCell {\n @Prop() heading!: string;\n /** Cell identifier. */\n @Prop() cellId?: string;\n /** Aggregate cell state. */\n @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n /** Grid columns for the body. */\n @Prop() columns: number = 2;\n\n render() {\n const dot = this.state === 'unknown' ? 'neutral' : this.state;\n return (\n <Host>\n <div class=\"panel-head\">\n <ind-status-dot state={dot as any} size=\"md\" />\n <div class=\"panel-titles\">\n <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n {this.cellId && <span class=\"panel-subtitle\">{this.cellId}</span>}\n </div>\n <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n </div>\n <div\n class=\"panel-grid\"\n part=\"grid\"\n style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n >\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"0FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAoB,IAAM,gG,MCanBC,EAAiBC,EAAA,MAAAD,UAAAE,E,iFACpBC,QAEAC,OAEiBC,MAA4B,UAE7CC,QAAkB,EAE1B,MAAAC,GACE,MAAMC,EAAMC,KAAKJ,QAAU,UAAY,UAAYI,KAAKJ,MACxD,OACEK,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CAAgBP,MAAOG,EAAYM,KAAK,OACxCJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcE,KAAK,WAAWN,KAAKN,SAC9CM,KAAKL,QAAUM,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBJ,KAAKL,SAErDM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNE,KAAK,OACLE,MAAO,CAAEC,oBAAqB,UAAUT,KAAKH,6BAE7CI,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/components/ind-production-dashboard.d.ts ADDED Viewed

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

package/dist/components/ind-production-dashboard.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as a,H as e,h as i,a as n,t}from"./index.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 s=()=>`:host{min-width:520px}`;const r=a(class a extends e{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Production";subtitle;columns=4;render(){return i(n,{key:"bee0bf466d41d96ba449a47f5b24fbf0d82bdc62"},i("div",{key:"db5b706d5fa704aaaa3c555f534c03eb4eca35aa",class:"panel-head"},i("div",{key:"b5937e5a4db9bacb744e75fb53a853e26259cb4a",class:"panel-titles"},i("span",{key:"7c52d8676b46635712dc906d5cb063913cd032ed",class:"panel-title",part:"heading"},this.heading),this.subtitle&&i("span",{key:"30f1b6fc4c3a5b5013c40dff32365d713fdc0017",class:"panel-subtitle"},this.subtitle)),i("div",{key:"0aeae273ba718813861d84725e10959c9324ee9a",class:"panel-actions"},i("slot",{key:"bf3482af0847676d8749ecfd52f3941e2ad85ade",name:"actions"}))),i("div",{key:"935b9923c0b4d88bcb0835d099e8ed0687bbb7c3",class:"panel-grid",part:"grid",style:{gridTemplateColumns:`repeat(${this.columns}, minmax(0, 1fr))`}},i("slot",{key:"630520d4b536738422ca4c7e8f7fba0e834da108"})))}static get style(){return d()+s()}},[769,"ind-production-dashboard",{heading:[1],subtitle:[1],columns:[2]}]);function o(){if(typeof customElements==="undefined"){return}const a=["ind-production-dashboard"];a.forEach((a=>{switch(a){case"ind-production-dashboard":if(!customElements.get(t(a))){customElements.define(t(a),r)}break}}))}o();const l=r;const c=o;export{l as IndProductionDashboard,c as defineCustomElement};
2	+ //# sourceMappingURL=ind-production-dashboard.js.map

package/dist/components/ind-production-dashboard.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/ind-production-line-overview.d.ts ADDED Viewed

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

package/dist/components/ind-production-line-overview.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as a,H as n,h as i,a as e,t}from"./index.js";import{d as r}from"./p-D-FsSjAC.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 o=()=>`:host{min-width:520px}.line{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);overflow-x:auto}.station{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:96px;padding:var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-sm, 2px);border-top:3px solid var(--ind-surface-border-strong)}.station-fault{border-top-color:var(--ind-state-fault-bg, #dc2626)}.station-warning{border-top-color:var(--ind-state-warning-bg, #f59e0b)}.station-running{border-top-color:var(--ind-state-running-bg, #16a34a)}.station-maintenance{border-top-color:var(--ind-state-maintenance-bg, #2563eb)}.station-head{display:flex;align-items:center;gap:var(--ind-spacing-2, 4px)}.station-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted)}.station-name{font-size:var(--ind-font-size-base, 12px);font-weight:var(--ind-font-weight-medium, 500)}.station-rate{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.arrow{color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-lg, 14px);flex:0 0 auto}`;const d=a(class a extends n{constructor(a){super();if(a!==false){this.__registerHost()}this.__attachShadow()}heading="Production line";stations=[];render(){return i(e,{key:"acef84fa40b80a710503ad9f3310c954500b7c46"},i("div",{key:"6a473b0aad1ea689c562bcfa8e3ca744e35de922",class:"panel-head"},i("span",{key:"8bcb4d572b94aae2cb3f37e5e08bc41596f6f6d3",class:"panel-title",part:"heading"},this.heading)),i("div",{key:"88742d308c8ba3b58b9a1a5b9b4ee9afed5c1b03",class:"line",part:"line"},this.stations.map(((a,n)=>[i("div",{class:`station station-${a.state}`,part:"station",key:`s${n}`},i("div",{class:"station-head"},i("ind-status-dot",{state:a.state==="unknown"?"neutral":a.state,size:"sm"}),a.tag&&i("span",{class:"station-tag"},a.tag)),i("span",{class:"station-name"},a.name),a.rate!==undefined&&i("span",{class:"station-rate"},a.rate,a.unit?` ${a.unit}`:"")),n<this.stations.length-1?i("span",{class:"arrow",part:"arrow","aria-hidden":"true",key:`a${n}`},"→"):null]))))}static get style(){return s()+o()}},[513,"ind-production-line-overview",{heading:[1],stations:[16]}]);function l(){if(typeof customElements==="undefined"){return}const a=["ind-production-line-overview","ind-status-dot"];a.forEach((a=>{switch(a){case"ind-production-line-overview":if(!customElements.get(t(a))){customElements.define(t(a),d)}break;case"ind-status-dot":if(!customElements.get(t(a))){r()}break}}))}l();const p=d;const c=l;export{p as IndProductionLineOverview,c as defineCustomElement};
2	+ //# sourceMappingURL=ind-production-line-overview.js.map

package/dist/components/ind-production-line-overview.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","productionLineOverviewCss","IndProductionLineOverview","__stencil_proxyCustomElement","HTMLElement","heading","stations","render","h","Host","key","class","part","this","map","s","i","state","size","tag","name","rate","undefined","unit","length"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-production-line-overview&encapsulation=shadow","src/components/organisms/production-line-overview/production-line-overview.css?tag=ind-production-line-overview&encapsulation=shadow","src/components/organisms/production-line-overview/production-line-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: 520px;\n}\n\n.line {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n padding: var(--ind-spacing-5, 12px);\n overflow-x: auto;\n}\n\n.station {\n display: flex;\n flex-direction: column;\n gap: var(--ind-spacing-2, 4px);\n min-width: 96px;\n padding: var(--ind-spacing-4, 8px);\n background: var(--ind-surface-sunken);\n border: 1px solid var(--ind-surface-border-default);\n border-radius: var(--ind-radius-sm, 2px);\n border-top: 3px solid var(--ind-surface-border-strong);\n}\n\n.station-fault { border-top-color: var(--ind-state-fault-bg, #dc2626); }\n.station-warning { border-top-color: var(--ind-state-warning-bg, #f59e0b); }\n.station-running { border-top-color: var(--ind-state-running-bg, #16a34a); }\n.station-maintenance { border-top-color: var(--ind-state-maintenance-bg, #2563eb); }\n\n.station-head {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-2, 4px);\n}\n\n.station-tag {\n font-family: var(--ind-font-family-mono);\n font-size: var(--ind-font-size-xs, 10px);\n color: var(--ind-surface-text-muted);\n}\n\n.station-name {\n font-size: var(--ind-font-size-base, 12px);\n font-weight: var(--ind-font-weight-medium, 500);\n}\n\n.station-rate {\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.arrow {\n color: var(--ind-surface-text-muted);\n font-size: var(--ind-font-size-lg, 14px);\n flex: 0 0 auto;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nexport interface LineStation {\n name: string;\n tag?: string;\n state: EquipmentCardState;\n /** Optional throughput / rate readout. */\n rate?: number;\n unit?: string;\n}\n\n/**\n * Left-to-right production line overview: a sequence of station status tiles\n * connected by flow arrows. Each tile shows state, tag and an optional rate.\n */\n@Component({\n tag: 'ind-production-line-overview',\n styleUrls: ['../_shared/panel.css', 'production-line-overview.css'],\n shadow: true,\n})\nexport class IndProductionLineOverview {\n @Prop() heading: string = 'Production line';\n @Prop() stations: LineStation[] = [];\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=\"line\" part=\"line\">\n {this.stations.map((s, i) => [\n <div class={`station station-${s.state}`} part=\"station\" key={`s${i}`}>\n <div class=\"station-head\">\n <ind-status-dot state={(s.state === 'unknown' ? 'neutral' : s.state) as any} size=\"sm\" />\n {s.tag && <span class=\"station-tag\">{s.tag}</span>}\n </div>\n <span class=\"station-name\">{s.name}</span>\n {s.rate !== undefined && (\n <span class=\"station-rate\">{s.rate}{s.unit ? ` ${s.unit}` : ''}</span>\n )}\n </div>,\n i < this.stations.length - 1 ? (\n <span class=\"arrow\" part=\"arrow\" aria-hidden=\"true\" key={`a${i}`}>→</span>\n ) : null,\n ])}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"0FAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAA4B,IAAM,4vC,MCqB3BC,EAAyBC,EAAA,MAAAD,UAAAE,E,iFAC5BC,QAAkB,kBAClBC,SAA0B,GAElC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKR,UAEjDG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OAAOC,KAAK,QACpBC,KAAKP,SAASQ,KAAI,CAACC,EAAGC,IAAM,CAC3BR,EAAA,OAAKG,MAAO,mBAAmBI,EAAEE,QAASL,KAAK,UAAUF,IAAK,IAAIM,KAChER,EAAA,OAAKG,MAAM,gBACTH,EAAA,kBAAgBS,MAAQF,EAAEE,QAAU,UAAY,UAAYF,EAAEE,MAAeC,KAAK,OACjFH,EAAEI,KAAOX,EAAA,QAAMG,MAAM,eAAeI,EAAEI,MAEzCX,EAAA,QAAMG,MAAM,gBAAgBI,EAAEK,MAC7BL,EAAEM,OAASC,WACVd,EAAA,QAAMG,MAAM,gBAAgBI,EAAEM,KAAMN,EAAEQ,KAAO,IAAIR,EAAEQ,OAAS,KAGhEP,EAAIH,KAAKP,SAASkB,OAAS,EACzBhB,EAAA,QAAMG,MAAM,QAAQC,KAAK,QAAO,cAAa,OAAOF,IAAK,IAAIM,KAAG,KAC9D,S","ignoreList":[]}

package/dist/components/ind-progress-ring.d.ts ADDED Viewed

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

package/dist/components/ind-progress-ring.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as t,h as i,a,t as s}from"./index.js";const r=()=>`:host{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--ind-font-family-mono, ui-monospace, monospace);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:40px;--_fill:var(--ind-button-primary-bg, #2563eb)}:host([size="sm"]){--_size:28px}:host([size="md"]){--_size:40px}:host([size="lg"]){--_size:56px}:host([variant="success"]){--_fill:var(--ind-feedback-success-bg, #16a34a)}:host([variant="warning"]){--_fill:var(--ind-feedback-warning-bg, #f59e0b)}:host([variant="error"]){--_fill:var(--ind-feedback-error-bg, #dc2626)}.ring{display:block;width:var(--_size);height:var(--_size)}.track{fill:none;stroke:var(--ind-surface-border-default, #2a3340);stroke-width:4}.bar{fill:none;stroke:var(--_fill);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}:host([indeterminate]) .ring{animation:ind-ring-spin 1.1s linear infinite}.value{position:absolute;font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}:host([size="lg"]) .value{font-size:var(--ind-font-size-sm, 11px)}@keyframes ind-ring-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){:host([indeterminate]) .ring{animation-duration:2.4s}}`;const n=e(class e extends t{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow()}value=0;max=100;variant="default";size="md";indeterminate=false;showValue=false;unit;label;r=16;cx=20;percent(){if(this.max<=0)return 0;return Math.min(100,Math.max(0,this.value/this.max100))}render(){const e=2Math.PIthis.r;const t=this.percent();const s=e(1-t/100);const r=this.unit?`${Math.round(t)}${this.unit}`:`${Math.round(t)}%`;return i(a,{key:"e117120c3cc822479f06ba401cb850d23d2de8ca",role:"progressbar","aria-valuenow":this.indeterminate?undefined:Math.round(t),"aria-valuemin":0,"aria-valuemax":100,"aria-label":this.label},i("svg",{key:"a695b3827b8bf196340793940581fbd09c63d81f",class:"ring",part:"ring",viewBox:"0 0 40 40","aria-hidden":"true"},i("circle",{key:"f6441867ee9f600ffd975d552f7e39a4c96ae841",class:"track",part:"track",cx:this.cx,cy:this.cx,r:this.r}),i("circle",{key:"1768950bd68071f2e0a2080d7be4891db0f177ce",class:"bar",part:"bar",cx:this.cx,cy:this.cx,r:this.r,"stroke-dasharray":e,"stroke-dashoffset":this.indeterminate?e*.7:s,transform:`rotate(-90 ${this.cx} ${this.cx})`})),this.showValue&&!this.indeterminate&&i("span",{key:"9b39b1e3056fe2e203cdd62fbafe0e0213c932a3",class:"value",part:"value"},r))}static get style(){return r()}},[513,"ind-progress-ring",{value:[2],max:[2],variant:[513],size:[513],indeterminate:[516],showValue:[4,"show-value"],unit:[1],label:[1]}]);function o(){if(typeof customElements==="undefined"){return}const e=["ind-progress-ring"];e.forEach((e=>{switch(e){case"ind-progress-ring":if(!customElements.get(s(e))){customElements.define(s(e),n)}break}}))}o();const d=n;const f=o;export{d as IndProgressRing,f as defineCustomElement};
2	+ //# sourceMappingURL=ind-progress-ring.js.map

package/dist/components/ind-progress-ring.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["progressRingCss","IndProgressRing","__stencil_proxyCustomElement","HTMLElement","value","max","variant","size","indeterminate","showValue","unit","label","r","cx","percent","this","Math","min","render","circumference","PI","pct","offset","centerText","round","h","Host","key","role","undefined","class","part","viewBox","cy","transform"],"sources":["src/components/atoms/progress-ring/progress-ring.css?tag=ind-progress-ring&encapsulation=shadow","src/components/atoms/progress-ring/progress-ring.tsx"],"sourcesContent":[":host {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n --_size: 40px;\n --_fill: var(--ind-button-primary-bg, #2563eb);\n}\n\n:host([size=\"sm\"]) { --_size: 28px; }\n:host([size=\"md\"]) { --_size: 40px; }\n:host([size=\"lg\"]) { --_size: 56px; }\n\n:host([variant=\"success\"]) { --_fill: var(--ind-feedback-success-bg, #16a34a); }\n:host([variant=\"warning\"]) { --_fill: var(--ind-feedback-warning-bg, #f59e0b); }\n:host([variant=\"error\"]) { --_fill: var(--ind-feedback-error-bg, #dc2626); }\n\n.ring {\n display: block;\n width: var(--_size);\n height: var(--_size);\n}\n\n.track {\n fill: none;\n stroke: var(--ind-surface-border-default, #2a3340);\n stroke-width: 4;\n}\n\n.bar {\n fill: none;\n stroke: var(--_fill);\n stroke-width: 4;\n stroke-linecap: round;\n transition: stroke-dashoffset var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n:host([indeterminate]) .ring {\n animation: ind-ring-spin 1.1s linear infinite;\n}\n\n.value {\n position: absolute;\n font-size: var(--ind-font-size-xs, 10px);\n font-weight: var(--ind-font-weight-semibold, 600);\n font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n:host([size=\"lg\"]) .value { font-size: var(--ind-font-size-sm, 11px); }\n\n@keyframes ind-ring-spin {\n to { transform: rotate(360deg); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n :host([indeterminate]) .ring { animation-duration: 2.4s; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ProgressRingVariant = 'default' | 'success' | 'warning' | 'error';\nexport type ProgressRingSize = 'sm' | 'md' | 'lg';\n\n@Component({\n tag: 'ind-progress-ring',\n styleUrl: 'progress-ring.css',\n shadow: true,\n})\nexport class IndProgressRing {\n /** Current value (0–`max`). */\n @Prop() value: number = 0;\n /** Max value. */\n @Prop() max: number = 100;\n /** Color intent. */\n @Prop({ reflect: true }) variant: ProgressRingVariant = 'default';\n /** Size. */\n @Prop({ reflect: true }) size: ProgressRingSize = 'md';\n /** Indeterminate spinner (no value). */\n @Prop({ reflect: true }) indeterminate: boolean = false;\n /** Show the percentage in the center. */\n @Prop() showValue: boolean = false;\n /** Optional unit/suffix when showing the value (defaults to %). */\n @Prop() unit?: string;\n /** Accessible label. */\n @Prop() label?: string;\n\n private readonly r = 16;\n private readonly cx = 20;\n\n private percent(): number {\n if (this.max <= 0) return 0;\n return Math.min(100, Math.max(0, (this.value / this.max) * 100));\n }\n\n render() {\n const circumference = 2 * Math.PI * this.r;\n const pct = this.percent();\n const offset = circumference * (1 - pct / 100);\n const centerText = this.unit ? `${Math.round(pct)}${this.unit}` : `${Math.round(pct)}%`;\n return (\n <Host\n role=\"progressbar\"\n aria-valuenow={this.indeterminate ? undefined : Math.round(pct)}\n aria-valuemin={0}\n aria-valuemax={100}\n aria-label={this.label}\n >\n <svg class=\"ring\" part=\"ring\" viewBox=\"0 0 40 40\" aria-hidden=\"true\">\n <circle class=\"track\" part=\"track\" cx={this.cx} cy={this.cx} r={this.r} />\n <circle\n class=\"bar\"\n part=\"bar\"\n cx={this.cx}\n cy={this.cx}\n r={this.r}\n stroke-dasharray={circumference}\n stroke-dashoffset={this.indeterminate ? circumference * 0.7 : offset}\n transform={`rotate(-90 ${this.cx} ${this.cx})`}\n />\n </svg>\n {this.showValue && !this.indeterminate && (\n <span class=\"value\" part=\"value\">{centerText}</span>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"sDAAA,MAAMA,EAAkB,IAAM,w2C,MCUjBC,EAAeC,EAAA,MAAAD,UAAAE,E,iFAElBC,MAAgB,EAEhBC,IAAc,IAEGC,QAA+B,UAE/BC,KAAyB,KAEzBC,cAAyB,MAE1CC,UAAqB,MAErBC,KAEAC,MAESC,EAAI,GACJC,GAAK,GAEd,OAAAC,GACN,GAAIC,KAAKV,KAAO,EAAG,OAAO,EAC1B,OAAOW,KAAKC,IAAI,IAAKD,KAAKX,IAAI,EAAIU,KAAKX,MAAQW,KAAKV,IAAO,K,CAG7D,MAAAa,GACE,MAAMC,EAAgB,EAAIH,KAAKI,GAAKL,KAAKH,EACzC,MAAMS,EAAMN,KAAKD,UACjB,MAAMQ,EAASH,GAAiB,EAAIE,EAAM,KAC1C,MAAME,EAAaR,KAAKL,KAAO,GAAGM,KAAKQ,MAAMH,KAAON,KAAKL,OAAS,GAAGM,KAAKQ,MAAMH,MAChF,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,cAAa,gBACHb,KAAKP,cAAgBqB,UAAYb,KAAKQ,MAAMH,GAAI,gBAChD,EAAC,gBACD,IAAG,aACNN,KAAKJ,OAEjBc,EAAA,OAAAE,IAAA,2CAAKG,MAAM,OAAOC,KAAK,OAAOC,QAAQ,YAAW,cAAa,QAC5DP,EAAA,UAAAE,IAAA,2CAAQG,MAAM,QAAQC,KAAK,QAAQlB,GAAIE,KAAKF,GAAIoB,GAAIlB,KAAKF,GAAID,EAAGG,KAAKH,IACrEa,EAAA,UAAAE,IAAA,2CACEG,MAAM,MACNC,KAAK,MACLlB,GAAIE,KAAKF,GACToB,GAAIlB,KAAKF,GACTD,EAAGG,KAAKH,EAAC,mBACSO,EAAa,oBACZJ,KAAKP,cAAgBW,EAAgB,GAAMG,EAC9DY,UAAW,cAAcnB,KAAKF,MAAME,KAAKF,SAG5CE,KAAKN,YAAcM,KAAKP,eACvBiB,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAQC,KAAK,SAASR,G","ignoreList":[]}

package/dist/components/ind-progress.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{I as s,d as o}from"./p-acsAzrRn.js";const r=s;const t=o;export{r as IndProgress,t as defineCustomElement};
+import{I as o,d as s}from"./p-D79nNJVt.js";const t=o;const n=s;export{t as IndProgress,n as defineCustomElement};
 //# sourceMappingURL=ind-progress.js.map

package/dist/components/ind-pump-card.d.ts ADDED Viewed

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

package/dist/components/ind-pump-card.js ADDED Viewed

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

package/dist/components/ind-pump-card.js.map ADDED Viewed

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

package/dist/components/ind-pump-control-panel.d.ts ADDED Viewed

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

package/dist/components/ind-pump-control-panel.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{p as e,H as a,c as t,h as n,a as i,t as s}from"./index.js";import{d}from"./p-CRSC4h1X.js";import{d as r}from"./p-CUfsFNIv.js";import{d as o}from"./p-B4gtNdKu.js";import{d as p}from"./p-BEmLi4hz.js";import{d as l}from"./p-DZD3LczI.js";import{d as c}from"./p-CDXZCm5V.js";import{d as f}from"./p-Dk2CwpEp.js";import{d as m}from"./p-BInyhy9s.js";const u=()=>`: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 b=()=>`.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 g=()=>`:host{min-width:280px}`;const h=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indStart=t(this,"indStart");this.indStop=t(this,"indStop");this.indMode=t(this,"indMode")}heading="Pump";tag;state="stopped";flow;pressure;mode;indStart;indStop;indMode;runState(){if(this.state==="running")return"running";if(this.state==="fault")return"fault";return"stopped"}onMode=e=>{e.stopPropagation();this.indMode.emit(e.detail)};render(){return n(i,{key:"d8912bba9bd856bd8d7441725e604a198af9cfad"},n("div",{key:"c2753a9668b3664af68836a35094280701dcbcf5",class:"panel-head"},n("div",{key:"d496718af739b6146b1a2488eb2546267d4c0e31",class:"panel-titles"},n("span",{key:"ac679e3704a44465ab547f5dda0a6ad6d7230f61",class:"panel-title",part:"heading"},this.heading),this.tag&&n("span",{key:"38aca6f60bf902877172a590d174896120efb07d",class:"panel-subtitle"},this.tag))),n("div",{key:"7a388aa6bc9aef0e4a1ac7172d64ea673bf0b72a",class:"panel-body"},n("ind-pump-card",{key:"068a75833a8476b9146d90127027b7b05d49d287",tag:this.tag,label:this.heading,state:this.state,flow:this.flow,pressure:this.pressure}),n("ind-start-stop-control",{key:"6711c260e7f9cb982a15f1efcc2e904f4a04bae5",label:this.heading,state:this.runState(),onIndStart:()=>this.indStart.emit(),onIndStop:()=>this.indStop.emit()}),n("ind-mode-selector",{key:"3b35daf8000b0cee1e3ba7e3724859bd07e79751",value:this.mode,onIndChange:this.onMode})))}static get style(){return u()+(b()+g())}},[513,"ind-pump-control-panel",{heading:[1],tag:[1],state:[513],flow:[2],pressure:[2],mode:[1]}]);function x(){if(typeof customElements==="undefined"){return}const e=["ind-pump-control-panel","ind-button","ind-led","ind-mode-selector","ind-pump","ind-pump-card","ind-selector-switch","ind-start-stop-control","ind-value"];e.forEach((e=>{switch(e){case"ind-pump-control-panel":if(!customElements.get(s(e))){customElements.define(s(e),h)}break;case"ind-button":if(!customElements.get(s(e))){d()}break;case"ind-led":if(!customElements.get(s(e))){r()}break;case"ind-mode-selector":if(!customElements.get(s(e))){o()}break;case"ind-pump":if(!customElements.get(s(e))){p()}break;case"ind-pump-card":if(!customElements.get(s(e))){l()}break;case"ind-selector-switch":if(!customElements.get(s(e))){c()}break;case"ind-start-stop-control":if(!customElements.get(s(e))){f()}break;case"ind-value":if(!customElements.get(s(e))){m()}break}}))}x();const v=h;const y=x;export{v as IndPumpControlPanel,y as defineCustomElement};
2	+ //# sourceMappingURL=ind-pump-control-panel.js.map

package/dist/components/ind-pump-control-panel.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","controlPanelCss","pumpControlPanelCss","IndPumpControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","flow","pressure","mode","indStart","indStop","indMode","runState","this","onMode","e","stopPropagation","emit","detail","render","h","Host","key","class","part","label","onIndStart","onIndStop","value","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-pump-control-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-pump-control-panel&encapsulation=shadow","src/components/organisms/pump-control-panel/pump-control-panel.css?tag=ind-pump-control-panel&encapsulation=shadow","src/components/organisms/pump-control-panel/pump-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 * Pump control panel: `<ind-pump-card>` faceplate plus start/stop and mode.\n */\n@Component({\n tag: 'ind-pump-control-panel',\n styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'pump-control-panel.css'],\n shadow: true,\n})\nexport class IndPumpControlPanel {\n @Prop() heading: string = 'Pump';\n @Prop() tag?: string;\n @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n @Prop() flow?: number;\n @Prop() pressure?: number;\n @Prop() mode?: string;\n\n @Event() indStart!: EventEmitter<void>;\n @Event() indStop!: EventEmitter<void>;\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 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-pump-card\n tag={this.tag}\n label={this.heading}\n state={this.state}\n flow={this.flow}\n pressure={this.pressure}\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-mode-selector value={this.mode} onIndChange={this.onMode} />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6VAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAAsB,IAAM,yB,MCYrBC,EAAmBC,EAAA,MAAAD,UAAAE,E,gLACtBC,QAAkB,OAClBC,IACiBC,MAAwB,UACzCC,KACAC,SACAC,KAECC,SACAC,QACAC,QAED,QAAAC,GACN,GAAIC,KAAKR,QAAU,UAAW,MAAO,UACrC,GAAIQ,KAAKR,QAAU,QAAS,MAAO,QACnC,MAAO,S,CAGDS,OAAUC,IAChBA,EAAEC,kBACFH,KAAKF,QAAQM,KAAKF,EAAEG,OAAO,EAG7B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWX,KAAKV,SAC9CU,KAAKT,KAAOgB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBV,KAAKT,OAGpDgB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,iBAAAE,IAAA,2CACElB,IAAKS,KAAKT,IACVqB,MAAOZ,KAAKV,QACZE,MAAOQ,KAAKR,MACZC,KAAMO,KAAKP,KACXC,SAAUM,KAAKN,WAEjBa,EAAA,0BAAAE,IAAA,2CACEG,MAAOZ,KAAKV,QACZE,MAAOQ,KAAKD,WACZc,WAAY,IAAMb,KAAKJ,SAASQ,OAChCU,UAAW,IAAMd,KAAKH,QAAQO,SAEhCG,EAAA,qBAAAE,IAAA,2CAAmBM,MAAOf,KAAKL,KAAMqB,YAAahB,KAAKC,U","ignoreList":[]}

package/dist/components/ind-pump.d.ts ADDED Viewed

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

package/dist/components/ind-pump.js ADDED Viewed

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

package/dist/components/ind-pump.js.map ADDED Viewed

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