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

@ind-ds/core 0.1.1 → 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 (1402) hide show

package/dist/ind-ds/p-53f0dc3a.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","equipmentDashboardCss","IndEquipmentDashboard","heading","columns","render","h","Host","key","class","part","this","name","style","gridTemplateColumns"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-equipment-dashboard&encapsulation=shadow","src/components/organisms/equipment-dashboard/equipment-dashboard.css?tag=ind-equipment-dashboard&encapsulation=shadow","src/components/organisms/equipment-dashboard/equipment-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: 480px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Responsive grid host for equipment faceplate molecules (motor/pump/valve/\n * tank cards). Slot the cards in; the dashboard supplies the heading and the\n * column layout.\n */\n@Component({\n tag: 'ind-equipment-dashboard',\n styleUrls: ['../_shared/panel.css', 'equipment-dashboard.css'],\n shadow: true,\n})\nexport class IndEquipmentDashboard {\n @Prop() heading: string = 'Equipment';\n /** Number of grid columns. */\n @Prop() columns: number = 3;\n\n render() {\n return (\n <Host>\n <div class=\"panel-head\">\n <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n </div>\n <div\n class=\"panel-grid\"\n part=\"grid\"\n style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n >\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAwB,IAAM,yB,MCYvBC,EAAqB,M,yBACxBC,QAAkB,YAElBC,QAAkB,EAE1B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKR,SAC/CG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAgBH,EAAA,QAAAE,IAAA,2CAAMI,KAAK,cAExCN,EAAA,OAAAE,IAAA,2CACEC,MAAM,aACNC,KAAK,OACLG,MAAO,CAAEC,oBAAqB,UAAUH,KAAKP,6BAE7CE,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/ind-ds/p-548d7456.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const r=()=>`:host{min-width:360px}.series{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.series-head{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px);font-size:var(--ind-font-size-sm, 11px)}.series-label{color:var(--ind-surface-text-secondary)}.series-value{margin-left:auto;font-family:var(--ind-font-family-mono);font-weight:var(--ind-font-weight-semibold, 600);color:var(--ind-surface-text-primary)}.legend{width:10px;height:10px;border-radius:2px;flex:0 0 auto;background:var(--ind-surface-text-muted)}.legend-running{background:var(--ind-state-running-bg, #16a34a)}.legend-warning{background:var(--ind-state-warning-bg, #f59e0b)}.legend-fault{background:var(--ind-state-fault-bg, #dc2626)}.legend-default{background:var(--ind-color-palette-cyan-300, #22d3ee)}.series-spark{width:100%;height:40px}`;const s=class{constructor(a){e(this,a)}heading="Trends";series=[];last(e){if(!e.points.length)return"--";const a=e.points[e.points.length-1];return e.precision!==undefined?a.toFixed(e.precision):String(a)}render(){return a(i,{key:"41e4221a264008e8405251a8701cc16576758fe7"},a("div",{key:"9c0684d404e77dbb2de77d1873b933f58a420e85",class:"panel-head"},a("span",{key:"596e6de04ef55e07038c9d7c78cbf258767c7699",class:"panel-title",part:"heading"},this.heading)),a("div",{key:"fd80bafe1fbe0a0f7bccc713a6ec0a13b5eb53b3",class:"panel-body"},this.series.length===0?a("div",{class:"panel-empty"},"No series"):this.series.map(((e,i)=>a("div",{class:"series",part:"series",key:i},a("div",{class:"series-head"},a("span",{class:`legend legend-${e.variant??"default"}`,"aria-hidden":"true"}),a("span",{class:"series-label"},e.label),a("span",{class:"series-value"},this.last(e),e.unit?` ${e.unit}`:"")),a("ind-sparkline",{class:"series-spark",points:e.points,variant:e.variant??"default",area:true}))))))}};s.style=n()+r();export{s as ind_trend_viewer};
2	+ //# sourceMappingURL=p-548d7456.entry.js.map

package/dist/ind-ds/p-548d7456.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","trendViewerCss","IndTrendViewer","heading","series","last","s","points","length","v","precision","undefined","toFixed","String","render","h","Host","key","class","part","this","map","i","variant","label","unit","area"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-trend-viewer&encapsulation=shadow","src/components/organisms/trend-viewer/trend-viewer.css?tag=ind-trend-viewer&encapsulation=shadow","src/components/organisms/trend-viewer/trend-viewer.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n display: flex;\n flex-direction: column;\n background: var(--ind-surface-panel);\n border: 1px solid var(--ind-surface-border-default);\n border-radius: var(--ind-radius-md, 3px);\n font-family: var(--ind-font-family-sans);\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n box-sizing: border-box;\n overflow: hidden;\n font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n background: var(--ind-surface-raised);\n flex: 0 0 auto;\n}\n\n.panel-titles {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.panel-title {\n font-size: var(--ind-font-size-md, 13px);\n font-weight: var(--ind-font-weight-semibold, 600);\n line-height: 1.2;\n}\n\n.panel-subtitle {\n font-size: var(--ind-font-size-xs, 10px);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n font-family: var(--ind-font-family-mono);\n font-size: var(--ind-font-size-sm, 11px);\n color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n display: flex;\n flex-direction: column;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n min-height: 0;\n}\n\n.panel-toolbar {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n flex: 0 0 auto;\n}\n\n.panel-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.panel-grid {\n display: grid;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n padding: var(--ind-spacing-7, 20px);\n text-align: center;\n color: var(--ind-surface-text-muted);\n font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n flex: 1 1 auto;\n}\n",":host {\n min-width: 360px;\n}\n\n.series {\n display: flex;\n flex-direction: column;\n gap: var(--ind-spacing-2, 4px);\n}\n\n.series-head {\n display: flex;\n align-items: baseline;\n gap: var(--ind-spacing-3, 6px);\n font-size: var(--ind-font-size-sm, 11px);\n}\n\n.series-label {\n color: var(--ind-surface-text-secondary);\n}\n\n.series-value {\n margin-left: auto;\n font-family: var(--ind-font-family-mono);\n font-weight: var(--ind-font-weight-semibold, 600);\n color: var(--ind-surface-text-primary);\n}\n\n.legend {\n width: 10px;\n height: 10px;\n border-radius: 2px;\n flex: 0 0 auto;\n background: var(--ind-surface-text-muted);\n}\n\n.legend-running { background: var(--ind-state-running-bg, #16a34a); }\n.legend-warning { background: var(--ind-state-warning-bg, #f59e0b); }\n.legend-fault { background: var(--ind-state-fault-bg, #dc2626); }\n.legend-default { background: var(--ind-color-palette-cyan-300, #22d3ee); }\n\n.series-spark {\n width: 100%;\n height: 40px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { TrendVariant } from '../../molecules/trend-widget/trend-widget';\n\nexport interface TrendSeries {\n label: string;\n points: number[];\n unit?: string;\n variant?: TrendVariant;\n precision?: number;\n}\n\n/**\n * Multi-series trend viewer. Stacks one labelled `<ind-sparkline>` per series\n * with the current value, for comparing several tags without a full charting\n * library.\n */\n@Component({\n tag: 'ind-trend-viewer',\n styleUrls: ['../_shared/panel.css', 'trend-viewer.css'],\n shadow: true,\n})\nexport class IndTrendViewer {\n @Prop() heading: string = 'Trends';\n /** Series to plot. */\n @Prop() series: TrendSeries[] = [];\n\n private last(s: TrendSeries): string {\n if (!s.points.length) return '--';\n const v = s.points[s.points.length - 1];\n return s.precision !== undefined ? v.toFixed(s.precision) : String(v);\n }\n\n render() {\n return (\n <Host>\n <div class=\"panel-head\">\n <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n </div>\n <div class=\"panel-body\">\n {this.series.length === 0 ? (\n <div class=\"panel-empty\">No series</div>\n ) : (\n this.series.map((s, i) => (\n <div class=\"series\" part=\"series\" key={i}>\n <div class=\"series-head\">\n <span class={`legend legend-${s.variant ?? 'default'}`} aria-hidden=\"true\"></span>\n <span class=\"series-label\">{s.label}</span>\n <span class=\"series-value\">\n {this.last(s)}{s.unit ? ` ${s.unit}` : ''}\n </span>\n </div>\n <ind-sparkline class=\"series-spark\" points={s.points} variant={s.variant ?? 'default'} area></ind-sparkline>\n </div>\n ))\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAiB,IAAM,0zB,MCqBhBC,EAAc,M,yBACjBC,QAAkB,SAElBC,OAAwB,GAExB,IAAAC,CAAKC,GACX,IAAKA,EAAEC,OAAOC,OAAQ,MAAO,KAC7B,MAAMC,EAAIH,EAAEC,OAAOD,EAAEC,OAAOC,OAAS,GACrC,OAAOF,EAAEI,YAAcC,UAAYF,EAAEG,QAAQN,EAAEI,WAAaG,OAAOJ,E,CAGrE,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKjB,UAEjDY,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACRE,KAAKhB,OAAOI,SAAW,EACtBO,EAAA,OAAKG,MAAM,eAAa,aAExBE,KAAKhB,OAAOiB,KAAI,CAACf,EAAGgB,IAClBP,EAAA,OAAKG,MAAM,SAASC,KAAK,SAASF,IAAKK,GACrCP,EAAA,OAAKG,MAAM,eACTH,EAAA,QAAMG,MAAO,iBAAiBZ,EAAEiB,SAAW,YAAW,cAAc,SACpER,EAAA,QAAMG,MAAM,gBAAgBZ,EAAEkB,OAC9BT,EAAA,QAAMG,MAAM,gBACTE,KAAKf,KAAKC,GAAIA,EAAEmB,KAAO,IAAInB,EAAEmB,OAAS,KAG3CV,EAAA,iBAAeG,MAAM,eAAeX,OAAQD,EAAEC,OAAQgB,QAASjB,EAAEiB,SAAW,UAAWG,KAAI,W","ignoreList":[]}

package/dist/ind-ds/p-585af84b.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as s,h as a,H as i}from"./p-Bls_NlWP.js";const t=()=>`: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);--_size:56px}:host([size="sm"]){--_size:40px}:host([size="lg"]){--_size:80px}.btn{appearance:none;border:none;background:none;padding:0;cursor:pointer;line-height:0}.btn:disabled{cursor:not-allowed;opacity:0.5}.ring{display:inline-flex;align-items:center;justify-content:center;width:var(--_size);height:var(--_size);border-radius:50%;background:radial-gradient(circle at 50% 40%, #ffd400, #d9a900);box-shadow:0 2px 6px rgba(0, 0, 0, 0.5)}.mushroom{display:block;width:72%;height:72%;border-radius:50%;background:radial-gradient(circle at 35% 30%, #ff5a52, #c1121f 70%);box-shadow:inset 0 -3px 6px rgba(0, 0, 0, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.4);transition:transform var(--ind-motion-duration-fast, 120ms) ease, box-shadow var(--ind-motion-duration-fast, 120ms) ease}:host([engaged]) .mushroom{transform:scale(0.86);box-shadow:inset 0 -1px 3px rgba(0, 0, 0, 0.6), 0 0 0 3px color-mix(in srgb, #c1121f 50%, transparent)}.btn:focus-visible .ring{outline:3px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:3px}.caption{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);letter-spacing:0.04em;color:var(--ind-state-fault-bg, #dc2626);text-align:center}@media (prefers-reduced-motion: reduce){.mushroom{transition:none}}`;const n=class{constructor(a){e(this,a);this.indActivate=s(this,"indActivate");this.indReset=s(this,"indReset")}engaged=false;disabled=false;size="md";label;indActivate;indReset;press=()=>{if(this.disabled)return;if(this.engaged){this.engaged=false;this.indReset.emit()}else{this.engaged=true;this.indActivate.emit()}};render(){const e=this.label??"EMERGENCY STOP";return a(i,{key:"1d89daec6d582afdf9a80afab71bd74fa581b9fb"},a("button",{key:"e143f5cdcbf6128f14aa2be18d9e14484dc6848f",type:"button",class:"btn",part:"button","aria-pressed":this.engaged?"true":"false","aria-label":`${e}${this.engaged?" — engaged":""}`,disabled:this.disabled,onClick:this.press},a("span",{key:"4080a0c05c0c0519aace4f85c1855d873bd5e98e",class:"ring",part:"ring"},a("span",{key:"74ee36092a5d05adceded87b76276b245c191010",class:"mushroom",part:"mushroom"}))),a("span",{key:"1e055f18d1b651c7ebb7a86085976f54ffbf2787",class:"caption",part:"caption"},e))}};n.style=t();export{n as ind_estop};
2	+ //# sourceMappingURL=p-585af84b.entry.js.map

package/dist/ind-ds/p-585af84b.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["estopCss","IndEstop","engaged","disabled","size","label","indActivate","indReset","press","this","emit","render","caption","h","Host","key","type","class","part","onClick"],"sources":["src/components/atoms/estop/estop.css?tag=ind-estop&encapsulation=shadow","src/components/atoms/estop/estop.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 --_size: 56px;\n}\n\n:host([size=\"sm\"]) { --_size: 40px; }\n:host([size=\"lg\"]) { --_size: 80px; }\n\n.btn {\n appearance: none;\n border: none;\n background: none;\n padding: 0;\n cursor: pointer;\n line-height: 0;\n}\n\n.btn:disabled { cursor: not-allowed; opacity: 0.5; }\n\n.ring {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--_size);\n height: var(--_size);\n border-radius: 50%;\n background: radial-gradient(circle at 50% 40%, #ffd400, #d9a900);\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);\n}\n\n.mushroom {\n display: block;\n width: 72%;\n height: 72%;\n border-radius: 50%;\n background: radial-gradient(circle at 35% 30%, #ff5a52, #c1121f 70%);\n box-shadow:\n inset 0 -3px 6px rgba(0, 0, 0, 0.5),\n inset 0 2px 4px rgba(255, 255, 255, 0.4);\n transition: transform var(--ind-motion-duration-fast, 120ms) ease, box-shadow var(--ind-motion-duration-fast, 120ms) ease;\n}\n\n:host([engaged]) .mushroom {\n transform: scale(0.86);\n box-shadow:\n inset 0 -1px 3px rgba(0, 0, 0, 0.6),\n 0 0 0 3px color-mix(in srgb, #c1121f 50%, transparent);\n}\n\n.btn:focus-visible .ring {\n outline: 3px solid var(--ind-surface-focus-ring, #67e8f9);\n outline-offset: 3px;\n}\n\n.caption {\n font-size: var(--ind-font-size-xs, 10px);\n font-weight: var(--ind-font-weight-bold, 700);\n letter-spacing: 0.04em;\n color: var(--ind-state-fault-bg, #dc2626);\n text-align: center;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .mushroom { transition: none; }\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type EstopSize = 'sm' | 'md' | 'lg';\n\n@Component({\n tag: 'ind-estop',\n styleUrl: 'estop.css',\n shadow: true,\n})\nexport class IndEstop {\n /** Whether the mushroom button is latched (pressed/engaged). */\n @Prop({ mutable: true, reflect: true }) engaged: boolean = false;\n /** Disabled. */\n @Prop({ reflect: true }) disabled: boolean = false;\n /** Size. */\n @Prop({ reflect: true }) size: EstopSize = 'md';\n /** Visible caption. Defaults to \"EMERGENCY STOP\". */\n @Prop() label?: string;\n\n /** Fires when pressed to engage the stop. */\n @Event() indActivate!: EventEmitter<void>;\n /** Fires when reset (twist-release) from an engaged state. */\n @Event() indReset!: EventEmitter<void>;\n\n private press = () => {\n if (this.disabled) return;\n if (this.engaged) {\n this.engaged = false;\n this.indReset.emit();\n } else {\n this.engaged = true;\n this.indActivate.emit();\n }\n };\n\n render() {\n const caption = this.label ?? 'EMERGENCY STOP';\n return (\n <Host>\n <button\n type=\"button\"\n class=\"btn\"\n part=\"button\"\n aria-pressed={this.engaged ? 'true' : 'false'}\n aria-label={`${caption}${this.engaged ? ' — engaged' : ''}`}\n disabled={this.disabled}\n onClick={this.press}\n >\n <span class=\"ring\" part=\"ring\">\n <span class=\"mushroom\" part=\"mushroom\" />\n </span>\n </button>\n <span class=\"caption\" part=\"caption\">{caption}</span>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAW,IAAM,s6C,MCSVC,EAAQ,M,iGAEqBC,QAAmB,MAElCC,SAAoB,MAEpBC,KAAkB,KAEnCC,MAGCC,YAEAC,SAEDC,MAAQ,KACd,GAAIC,KAAKN,SAAU,OACnB,GAAIM,KAAKP,QAAS,CAChBO,KAAKP,QAAU,MACfO,KAAKF,SAASG,M,KACT,CACLD,KAAKP,QAAU,KACfO,KAAKH,YAAYI,M,GAIrB,MAAAC,GACE,MAAMC,EAAUH,KAAKJ,OAAS,iBAC9B,OACEQ,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,KAAK,SACLC,MAAM,MACNC,KAAK,SAAQ,eACCT,KAAKP,QAAU,OAAS,QAAO,aACjC,GAAGU,IAAUH,KAAKP,QAAU,aAAe,KACvDC,SAAUM,KAAKN,SACfgB,QAASV,KAAKD,OAEdK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QACtBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,WAAWC,KAAK,eAGhCL,EAAA,QAAAE,IAAA,2CAAME,MAAM,UAAUC,KAAK,WAAWN,G","ignoreList":[]}

package/dist/ind-ds/{p-ee453874.entry.js → p-5a49aced.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as a,c as e,a as t,h as r,H as i}from"./p-D2yNiL0d.js";const n=()=>`:host{display:inline-block;width:100%;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.wrap{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.textarea{width:100%;box-sizing:border-box;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);font-family:inherit;font-size:var(--ind-font-size-base, 12px);line-height:var(--ind-font-line-height-normal, 1.4);color:inherit;resize:vertical;outline:none;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.textarea:focus{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.textarea::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));opacity:1}:host([variant="mono"]) .textarea{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);line-height:var(--ind-font-line-height-tight, 1.4);background:var(--ind-color-palette-neutral-0, #000000);color:var(--ind-color-palette-neutral-800, #d0d7e0);border-color:var(--ind-surface-border-strong, #5a6776)}:host([invalid]) .textarea{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([readonly]) .textarea{cursor:default}:host([disabled]){opacity:0.55;pointer-events:none}`;const o=class{constructor(t){a(this,t);this.indInput=e(this,"indInput");this.indChange=e(this,"indChange")}get host(){return t(this)}value="";placeholder;label;name;rows=4;size="md";variant="default";disabled=false;readonly=false;invalid=false;autoScroll=false;indInput;indChange;componentDidLoad(){if(this.autoScroll)this.scrollToBottom()}onValueChange(){if(this.autoScroll)this.scrollToBottom()}scrollToBottom(){requestAnimationFrame((()=>{const a=this.host.shadowRoot?.querySelector("textarea");if(a)a.scrollTop=a.scrollHeight}))}onInput=a=>{const e=a.target.value;this.value=e;this.indInput.emit(e)};onChange=a=>{this.indChange.emit(a.target.value)};render(){return r(i,{key:"a4ca904c7a9ca65900e0ccc696aab66429bdde71"},r("label",{key:"57f1880efe8a30a2bd5e1253c81f058360519c9f",class:"wrap",part:"wrap"},this.label&&r("span",{key:"aa0367d91235eca6d69fd520617ea831b1ac71fc",class:"label",part:"label"},this.label),r("textarea",{key:"2248ea771f4ac6f8ae9fb0cc12ea4ed038e7ab24",part:"textarea",class:"textarea",placeholder:this.placeholder,rows:this.rows,disabled:this.disabled,readonly:this.readonly,name:this.name,"aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onChange:this.onChange},this.value)))}static get watchers(){return{value:[{onValueChange:0}]}}};o.style=n();export{o as ind_textarea};
-//# sourceMappingURL=p-ee453874.entry.js.map
+import{r as a,c as e,a as t,h as r,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:inline-block;width:100%;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.wrap{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px)}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.textarea{width:100%;box-sizing:border-box;padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);font-family:inherit;font-size:var(--ind-font-size-base, 12px);line-height:var(--ind-font-line-height-normal, 1.4);color:inherit;resize:vertical;outline:none;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.textarea:focus{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.textarea::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));opacity:1}:host([variant="mono"]) .textarea{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);line-height:var(--ind-font-line-height-tight, 1.4);background:var(--ind-color-palette-neutral-0, #000000);color:var(--ind-color-palette-neutral-800, #d0d7e0);border-color:var(--ind-surface-border-strong, #5a6776)}:host([invalid]) .textarea{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .textarea:focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([readonly]) .textarea{cursor:default}:host([disabled]){opacity:0.55;pointer-events:none}`;const o=class{constructor(t){a(this,t);this.indInput=e(this,"indInput");this.indChange=e(this,"indChange")}get host(){return t(this)}value="";placeholder;label;name;rows=4;size="md";variant="default";disabled=false;readonly=false;invalid=false;autoScroll=false;indInput;indChange;componentDidLoad(){if(this.autoScroll)this.scrollToBottom()}onValueChange(){if(this.autoScroll)this.scrollToBottom()}scrollToBottom(){requestAnimationFrame((()=>{const a=this.host.shadowRoot?.querySelector("textarea");if(a)a.scrollTop=a.scrollHeight}))}onInput=a=>{const e=a.target.value;this.value=e;this.indInput.emit(e)};onChange=a=>{this.indChange.emit(a.target.value)};render(){return r(i,{key:"57426919f6763e39da55fc5bf1366a5c9ce24436"},r("label",{key:"c0cc807246cd070846c50ad4124297fb1bd2d95d",class:"wrap",part:"wrap"},this.label&&r("span",{key:"e3a2d9a38526b6cee6f5b07e228dba59daf5d212",class:"label",part:"label"},this.label),r("textarea",{key:"8b0f6fa3c2b4457db390bf44b06c81e089724da2",part:"textarea",class:"textarea",placeholder:this.placeholder,rows:this.rows,disabled:this.disabled,readonly:this.readonly,name:this.name,"aria-invalid":this.invalid?"true":"false",onInput:this.onInput,onChange:this.onChange},this.value)))}static get watchers(){return{value:[{onValueChange:0}]}}};o.style=n();export{o as ind_textarea};
+//# sourceMappingURL=p-5a49aced.entry.js.map

package/dist/ind-ds/p-5d6cee7b.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as e,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const s=()=>`:host{min-width:480px}.panel-list{max-height:440px}.row{display:grid;grid-template-columns:12px 88px 1fr 120px auto;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);font-size:var(--ind-font-size-base, 12px)}.tag{font-family:var(--ind-font-family-mono);color:var(--ind-surface-text-secondary)}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted);white-space:nowrap}`;const t=class{constructor(e){a(this,e)}heading="Assets";assets=[];healthVariant(a){if(a===undefined)return"default";if(a<40)return"error";if(a<70)return"warning";return"success"}render(){return e(i,{key:"2940434a68bef715cfc3629eb509ff9509d3fbf5"},e("div",{key:"0eb751f4a281626ed4f7a8eab06f8069f39508a1",class:"panel-head"},e("span",{key:"275ae9a642cc9f8dee88fa7fdcf8919b59e0641d",class:"panel-title",part:"heading"},this.heading),e("span",{key:"b359e1e0f2213d4c80f53d856cdb49ccc4bbba9e",class:"panel-subtitle"},this.assets.length," assets")),e("div",{key:"caa13830b3c719859aa59631303a9a0e31685d8b",class:"panel-list",part:"list"},this.assets.length===0?e("div",{class:"panel-empty"},"No assets"):this.assets.map((a=>e("div",{class:"row",part:"row",key:a.tag},e("ind-status-dot",{state:a.state==="unknown"?"neutral":a.state,size:"sm"}),e("span",{class:"tag",part:"tag"},a.tag),e("span",{class:"name",part:"name"},a.name),a.health!==undefined&&e("ind-progress",{class:"health",value:a.health,max:100,variant:this.healthVariant(a.health),size:"sm"}),a.detail&&e("span",{class:"detail",part:"detail"},a.detail))))))}};t.style=n()+s();export{t as ind_asset_overview};
2	+ //# sourceMappingURL=p-5d6cee7b.entry.js.map

package/dist/ind-ds/p-5d6cee7b.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","assetOverviewCss","IndAssetOverview","heading","assets","healthVariant","h","undefined","render","Host","key","class","part","this","length","map","a","tag","state","size","name","health","value","max","variant","detail"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-asset-overview&encapsulation=shadow","src/components/organisms/asset-overview/asset-overview.css?tag=ind-asset-overview&encapsulation=shadow","src/components/organisms/asset-overview/asset-overview.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n display: flex;\n flex-direction: column;\n background: var(--ind-surface-panel);\n border: 1px solid var(--ind-surface-border-default);\n border-radius: var(--ind-radius-md, 3px);\n font-family: var(--ind-font-family-sans);\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n box-sizing: border-box;\n overflow: hidden;\n font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n background: var(--ind-surface-raised);\n flex: 0 0 auto;\n}\n\n.panel-titles {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.panel-title {\n font-size: var(--ind-font-size-md, 13px);\n font-weight: var(--ind-font-weight-semibold, 600);\n line-height: 1.2;\n}\n\n.panel-subtitle {\n font-size: var(--ind-font-size-xs, 10px);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n font-family: var(--ind-font-family-mono);\n font-size: var(--ind-font-size-sm, 11px);\n color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n display: flex;\n flex-direction: column;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n min-height: 0;\n}\n\n.panel-toolbar {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n flex: 0 0 auto;\n}\n\n.panel-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.panel-grid {\n display: grid;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n padding: var(--ind-spacing-7, 20px);\n text-align: center;\n color: var(--ind-surface-text-muted);\n font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n flex: 1 1 auto;\n}\n",":host {\n min-width: 480px;\n}\n\n.panel-list {\n max-height: 440px;\n}\n\n.row {\n display: grid;\n grid-template-columns: 12px 88px 1fr 120px auto;\n align-items: center;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n font-size: var(--ind-font-size-base, 12px);\n}\n\n.tag {\n font-family: var(--ind-font-family-mono);\n color: var(--ind-surface-text-secondary);\n}\n\n.name {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.detail {\n font-size: var(--ind-font-size-sm, 11px);\n color: var(--ind-surface-text-muted);\n white-space: nowrap;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nexport interface AssetItem {\n tag: string;\n name: string;\n state: EquipmentCardState;\n /** Health score 0–100. */\n health?: number;\n detail?: string;\n}\n\n/**\n * Tabular overview of plant assets with state dot, health bar and detail.\n * Suits an asset register or a fleet health page.\n */\n@Component({\n tag: 'ind-asset-overview',\n styleUrls: ['../_shared/panel.css', 'asset-overview.css'],\n shadow: true,\n})\nexport class IndAssetOverview {\n @Prop() heading: string = 'Assets';\n @Prop() assets: AssetItem[] = [];\n\n private healthVariant(h?: number): 'default' | 'success' | 'warning' | 'error' {\n if (h === undefined) return 'default';\n if (h < 40) return 'error';\n if (h < 70) return 'warning';\n return 'success';\n }\n\n render() {\n return (\n <Host>\n <div class=\"panel-head\">\n <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n <span class=\"panel-subtitle\">{this.assets.length} assets</span>\n </div>\n <div class=\"panel-list\" part=\"list\">\n {this.assets.length === 0 ? (\n <div class=\"panel-empty\">No assets</div>\n ) : (\n this.assets.map((a) => (\n <div class=\"row\" part=\"row\" key={a.tag}>\n <ind-status-dot state={(a.state === 'unknown' ? 'neutral' : a.state) as any} size=\"sm\" />\n <span class=\"tag\" part=\"tag\">{a.tag}</span>\n <span class=\"name\" part=\"name\">{a.name}</span>\n {a.health !== undefined && (\n <ind-progress class=\"health\" value={a.health} max={100} variant={this.healthVariant(a.health)} size=\"sm\"></ind-progress>\n )}\n {a.detail && <span class=\"detail\" part=\"detail\">{a.detail}</span>}\n </div>\n ))\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAmB,IAAM,okB,MCqBlBC,EAAgB,M,yBACnBC,QAAkB,SAClBC,OAAsB,GAEtB,aAAAC,CAAcC,GACpB,GAAIA,IAAMC,UAAW,MAAO,UAC5B,GAAID,EAAI,GAAI,MAAO,QACnB,GAAIA,EAAI,GAAI,MAAO,UACnB,MAAO,S,CAGT,MAAAE,GACE,OACEF,EAACG,EAAI,CAAAC,IAAA,4CACHJ,EAAA,OAAAI,IAAA,2CAAKC,MAAM,cACTL,EAAA,QAAAI,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKV,SAC/CG,EAAA,QAAAI,IAAA,2CAAMC,MAAM,kBAAkBE,KAAKT,OAAOU,OAAM,YAElDR,EAAA,OAAAI,IAAA,2CAAKC,MAAM,aAAaC,KAAK,QAC1BC,KAAKT,OAAOU,SAAW,EACtBR,EAAA,OAAKK,MAAM,eAAa,aAExBE,KAAKT,OAAOW,KAAKC,GACfV,EAAA,OAAKK,MAAM,MAAMC,KAAK,MAAMF,IAAKM,EAAEC,KACjCX,EAAA,kBAAgBY,MAAQF,EAAEE,QAAU,UAAY,UAAYF,EAAEE,MAAeC,KAAK,OAClFb,EAAA,QAAMK,MAAM,MAAMC,KAAK,OAAOI,EAAEC,KAChCX,EAAA,QAAMK,MAAM,OAAOC,KAAK,QAAQI,EAAEI,MACjCJ,EAAEK,SAAWd,WACZD,EAAA,gBAAcK,MAAM,SAASW,MAAON,EAAEK,OAAQE,IAAK,IAAKC,QAASX,KAAKR,cAAcW,EAAEK,QAASF,KAAK,OAErGH,EAAES,QAAUnB,EAAA,QAAMK,MAAM,SAASC,KAAK,UAAUI,EAAES,Y","ignoreList":[]}

package/dist/ind-ds/p-5d7bc819.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as e,H as r}from"./p-Bls_NlWP.js";const a=()=>`:host{display:inline-flex;gap:var(--ind-spacing-3, 6px);align-items:center}:host([orientation="vertical"]){flex-direction:column;align-items:stretch}:host([attached]){gap:0;border-radius:var(--ind-radius-md, 3px);overflow:hidden;border:1px solid var(--ind-surface-border-default)}:host([attached]) ::slotted(ind-button:not(:last-child)){border-right:1px solid var(--ind-surface-border-default)}:host([attached][orientation="vertical"]) ::slotted(ind-button:not(:last-child)){border-right:0;border-bottom:1px solid var(--ind-surface-border-default)}`;const o=class{constructor(e){t(this,e)}label;orientation="horizontal";attached=false;render(){return e(r,{key:"9b4a75ffd5999eb7ffec1e428b66f00bce939ae3",role:"group","aria-label":this.label},e("slot",{key:"a433f837349fe52f09a2de8dc51e51024d947d0f"}))}};o.style=a();export{o as ind_command_group};
2	+ //# sourceMappingURL=p-5d7bc819.entry.js.map

package/dist/ind-ds/p-5d7bc819.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["commandGroupCss","IndCommandGroup","label","orientation","attached","render","h","Host","key","role","this"],"sources":["src/components/molecules/command-group/command-group.css?tag=ind-command-group&encapsulation=shadow","src/components/molecules/command-group/command-group.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n gap: var(--ind-spacing-3, 6px);\n align-items: center;\n}\n\n:host([orientation=\"vertical\"]) {\n flex-direction: column;\n align-items: stretch;\n}\n\n:host([attached]) {\n gap: 0;\n border-radius: var(--ind-radius-md, 3px);\n overflow: hidden;\n border: 1px solid var(--ind-surface-border-default);\n}\n\n:host([attached]) ::slotted(ind-button:not(:last-child)) {\n border-right: 1px solid var(--ind-surface-border-default);\n}\n\n:host([attached][orientation=\"vertical\"]) ::slotted(ind-button:not(:last-child)) {\n border-right: 0;\n border-bottom: 1px solid var(--ind-surface-border-default);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type CommandGroupOrientation = 'horizontal' | 'vertical';\n\n/**\n * Groups related command buttons into a single segmented bar with a shared\n * border. Slot `<ind-button>`s into the default slot. Purely presentational —\n * each button keeps its own `indActivate` event.\n */\n@Component({\n tag: 'ind-command-group',\n styleUrl: 'command-group.css',\n shadow: true,\n})\nexport class IndCommandGroup {\n /** Accessible label for the toolbar group. */\n @Prop() label?: string;\n /** Layout direction. */\n @Prop({ reflect: true }) orientation: CommandGroupOrientation = 'horizontal';\n /** Render attached (shared borders, no gap) instead of spaced. */\n @Prop({ reflect: true }) attached: boolean = false;\n\n render() {\n return (\n <Host role=\"group\" aria-label={this.label}>\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,IAAM,uiB,MCcjBC,EAAe,M,yBAElBC,MAEiBC,YAAuC,aAEvCC,SAAoB,MAE7C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAaC,KAAKR,OAClCI,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/ind-ds/p-6054259d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as a,H as e}from"./p-Bls_NlWP.js";const s=()=>`:host{display:inline-block;width:var(--ind-sparkline-width, 100px);height:var(--ind-sparkline-height, 28px);--_stroke:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}:host([variant="running"]){--_stroke:var(--ind-state-running-bg, #16a34a)}:host([variant="warning"]){--_stroke:var(--ind-state-warning-bg, #f59e0b)}:host([variant="fault"]){--_stroke:var(--ind-state-fault-bg, #dc2626)}.chart{display:block;width:100%;height:100%;overflow:visible}.line{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.fill{fill:color-mix(in srgb, var(--_stroke) 18%, transparent);stroke:none}.dot{fill:var(--_stroke);stroke:var(--ind-surface-panel, #11161c);stroke-width:1}`;const r=class{constructor(a){t(this,a)}points=[];min;max;variant="default";area=false;marker=true;label;w=100;hh=28;path(){const t=this.points??[];if(t.length===0)return{line:"",area:""};const a=this.min??Math.min(...t);const e=this.max??Math.max(...t);const s=e-a\|\|1;const r=t.length>1?this.w/(t.length-1):0;const i=2;const n=this.hh-i2;const o=t.map(((t,e)=>{const o=er;const c=i+n-(t-a)/s*n;return{x:o,y:c}}));const c=o.map(((t,a)=>`${a===0?"M":"L"}${t.x.toFixed(1)},${t.y.toFixed(1)}`)).join(" ");const l=`${c} L${this.w},${this.hh} L0,${this.hh} Z`;return{line:c,area:l,last:o[o.length-1]}}render(){const{line:t,area:s,last:r}=this.path();const i=this.label??"trend";return a(e,{key:"1375d90762013de4768f40391fc9e228ba3a3c7b",role:"img","aria-label":i},a("svg",{key:"2f857e3abe826e653e4a895fece8f4611b439d26",class:"chart",part:"chart",viewBox:`0 0 ${this.w} ${this.hh}`,preserveAspectRatio:"none","aria-hidden":"true"},this.area&&s&&a("path",{key:"adaed13e2d763577023f7203cffa31f1081174fe",class:"fill",part:"fill",d:s}),t&&a("path",{key:"f5a4ea869dcc82ba4634cf44e3c21376500221b0",class:"line",part:"line",d:t}),this.marker&&r&&a("circle",{key:"79e602b6f952e5b9abd55dcf1ac6d946177acdb4",class:"dot",part:"dot",cx:r.x,cy:r.y,r:"2"})))}};r.style=s();export{r as ind_sparkline};
2	+ //# sourceMappingURL=p-6054259d.entry.js.map

package/dist/ind-ds/p-6054259d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sparklineCss","IndSparkline","points","min","max","variant","area","marker","label","w","hh","path","pts","this","length","line","lo","Math","hi","span","stepX","pad","usable","coords","map","v","i","x","y","c","toFixed","join","last","render","name","h","Host","key","role","class","part","viewBox","preserveAspectRatio","d","cx","cy","r"],"sources":["src/components/atoms/sparkline/sparkline.css?tag=ind-sparkline&encapsulation=shadow","src/components/atoms/sparkline/sparkline.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: var(--ind-sparkline-width, 100px);\n height: var(--ind-sparkline-height, 28px);\n --_stroke: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n:host([variant=\"running\"]) { --_stroke: var(--ind-state-running-bg, #16a34a); }\n:host([variant=\"warning\"]) { --_stroke: var(--ind-state-warning-bg, #f59e0b); }\n:host([variant=\"fault\"]) { --_stroke: var(--ind-state-fault-bg, #dc2626); }\n\n.chart {\n display: block;\n width: 100%;\n height: 100%;\n overflow: visible;\n}\n\n.line {\n fill: none;\n stroke: var(--_stroke);\n stroke-width: 1.5;\n stroke-linejoin: round;\n stroke-linecap: round;\n vector-effect: non-scaling-stroke;\n}\n\n.fill {\n fill: color-mix(in srgb, var(--_stroke) 18%, transparent);\n stroke: none;\n}\n\n.dot {\n fill: var(--_stroke);\n stroke: var(--ind-surface-panel, #11161c);\n stroke-width: 1;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type SparklineVariant = 'default' | 'running' | 'warning' | 'fault';\n\n@Component({\n tag: 'ind-sparkline',\n styleUrl: 'sparkline.css',\n shadow: true,\n})\nexport class IndSparkline {\n /** Series of numeric samples, oldest → newest. Pass as a property. */\n @Prop() points: number[] = [];\n\n /** Lower bound. Defaults to the min of `points`. */\n @Prop() min?: number;\n\n /** Upper bound. Defaults to the max of `points`. */\n @Prop() max?: number;\n\n /** Color intent. */\n @Prop({ reflect: true }) variant: SparklineVariant = 'default';\n\n /** Fill the area under the line. */\n @Prop({ reflect: true }) area: boolean = false;\n\n /** Highlight the most recent sample with a dot. */\n @Prop({ reflect: true }) marker: boolean = true;\n\n /** Accessible label. */\n @Prop() label?: string;\n\n /** SVG coordinate width. CSS controls the rendered size. */\n private readonly w = 100;\n private readonly hh = 28;\n\n private path(): { line: string; area: string; last?: { x: number; y: number } } {\n const pts = this.points ?? [];\n if (pts.length === 0) return { line: '', area: '' };\n const lo = this.min ?? Math.min(...pts);\n const hi = this.max ?? Math.max(...pts);\n const span = hi - lo || 1;\n const stepX = pts.length > 1 ? this.w / (pts.length - 1) : 0;\n const pad = 2;\n const usable = this.hh - pad * 2;\n const coords = pts.map((v, i) => {\n const x = i * stepX;\n const y = pad + usable - ((v - lo) / span) * usable;\n return { x, y };\n });\n const line = coords.map((c, i) => `${i === 0 ? 'M' : 'L'}${c.x.toFixed(1)},${c.y.toFixed(1)}`).join(' ');\n const area = `${line} L${this.w},${this.hh} L0,${this.hh} Z`;\n return { line, area, last: coords[coords.length - 1] };\n }\n\n render() {\n const { line, area, last } = this.path();\n const name = this.label ?? 'trend';\n return (\n <Host role=\"img\" aria-label={name}>\n <svg class=\"chart\" part=\"chart\" viewBox={`0 0 ${this.w} ${this.hh}`} preserveAspectRatio=\"none\" aria-hidden=\"true\">\n {this.area && area && <path class=\"fill\" part=\"fill\" d={area} />}\n {line && <path class=\"line\" part=\"line\" d={line} />}\n {this.marker && last && <circle class=\"dot\" part=\"dot\" cx={last.x} cy={last.y} r=\"2\" />}\n </svg>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,+uB,MCSdC,EAAY,M,yBAEfC,OAAmB,GAGnBC,IAGAC,IAGiBC,QAA4B,UAG5BC,KAAgB,MAGhBC,OAAkB,KAGnCC,MAGSC,EAAI,IACJC,GAAK,GAEd,IAAAC,GACN,MAAMC,EAAMC,KAAKX,QAAU,GAC3B,GAAIU,EAAIE,SAAW,EAAG,MAAO,CAAEC,KAAM,GAAIT,KAAM,IAC/C,MAAMU,EAAKH,KAAKV,KAAOc,KAAKd,OAAOS,GACnC,MAAMM,EAAKL,KAAKT,KAAOa,KAAKb,OAAOQ,GACnC,MAAMO,EAAOD,EAAKF,GAAM,EACxB,MAAMI,EAAQR,EAAIE,OAAS,EAAID,KAAKJ,GAAKG,EAAIE,OAAS,GAAK,EAC3D,MAAMO,EAAM,EACZ,MAAMC,EAAST,KAAKH,GAAKW,EAAM,EAC/B,MAAME,EAASX,EAAIY,KAAI,CAACC,EAAGC,KACzB,MAAMC,EAAID,EAAIN,EACd,MAAMQ,EAAIP,EAAMC,GAAWG,EAAIT,GAAMG,EAAQG,EAC7C,MAAO,CAAEK,IAAGC,IAAG,IAEjB,MAAMb,EAAOQ,EAAOC,KAAI,CAACK,EAAGH,IAAM,GAAGA,IAAM,EAAI,IAAM,MAAMG,EAAEF,EAAEG,QAAQ,MAAMD,EAAED,EAAEE,QAAQ,OAAMC,KAAK,KACpG,MAAMzB,EAAO,GAAGS,MAASF,KAAKJ,KAAKI,KAAKH,SAASG,KAAKH,OACtD,MAAO,CAAEK,OAAMT,OAAM0B,KAAMT,EAAOA,EAAOT,OAAS,G,CAGpD,MAAAmB,GACE,MAAMlB,KAAEA,EAAIT,KAAEA,EAAI0B,KAAEA,GAASnB,KAAKF,OAClC,MAAMuB,EAAOrB,KAAKL,OAAS,QAC3B,OACE2B,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAaJ,GAC3BC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQC,KAAK,QAAQC,QAAS,OAAO5B,KAAKJ,KAAKI,KAAKH,KAAMgC,oBAAoB,OAAM,cAAa,QACzG7B,KAAKP,MAAQA,GAAQ6B,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAOG,EAAGrC,IACvDS,GAAQoB,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,OAAOG,EAAG5B,IAC1CF,KAAKN,QAAUyB,GAAQG,EAAA,UAAAE,IAAA,2CAAQE,MAAM,MAAMC,KAAK,MAAMI,GAAIZ,EAAKL,EAAGkB,GAAIb,EAAKJ,EAAGkB,EAAE,O","ignoreList":[]}

package/dist/ind-ds/p-60585701.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a,H as t}from"./p-Bls_NlWP.js";const s=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;gap:var(--ind-spacing-2, 4px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:48px;--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_w:32px}:host([size="md"]){--_w:48px}:host([size="lg"]){--_w:72px}:host([state="running"]){--_stroke:var(--ind-state-running-border, #4ade80);--_fill:var(--ind-state-running-bg, #16a34a);--_accent:var(--ind-state-running-bg, #16a34a)}:host([state="stopped"]){--_stroke:var(--ind-state-stopped-border, #8390a0);--_fill:var(--ind-state-stopped-bg, #5a6776);--_accent:var(--ind-state-stopped-bg, #5a6776)}:host([state="fault"]){--_stroke:var(--ind-state-fault-border, #f87171);--_fill:var(--ind-state-fault-bg, #dc2626);--_accent:var(--ind-state-fault-bg, #dc2626)}:host([state="warning"]){--_stroke:var(--ind-state-warning-border, #fcd34d);--_fill:var(--ind-state-warning-bg, #f59e0b);--_accent:var(--ind-state-warning-bg, #f59e0b)}:host([state="maintenance"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb);--_accent:var(--ind-state-maintenance-bg, #2563eb)}.symbol{display:block;width:var(--_w);height:auto;overflow:visible}.body{fill:color-mix(in srgb, var(--_fill) 22%, transparent);stroke:var(--_stroke);stroke-width:1.5;vector-effect:non-scaling-stroke}.accent{fill:var(--_accent);stroke:none}.stroke{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}.caption{display:flex;flex-direction:column;align-items:center;line-height:var(--ind-font-line-height-tight, 1.1)}.tag{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));font-size:var(--ind-font-size-xs, 10px)}@media (prefers-reduced-motion: reduce){.spin,.pulse{animation:none !important}}`;const n=()=>`:host([state="running"]) .spin{animation:ind-compressor-spin 1.2s linear infinite}@keyframes ind-compressor-spin{to{transform:rotate(360deg)}}`;const i=class{constructor(a){e(this,a)}state="stopped";size="md";tag;label;render(){const e=this.label??this.tag??"compressor";return a(t,{key:"177263a885e412e000fbc75ddfc64ada327237ed",role:"img","aria-label":`${e} — ${this.state}`},a("svg",{key:"3f61b41e05047ddc7919194573f9fde74f0669da",class:"symbol",viewBox:"0 0 48 36","aria-hidden":"true"},a("circle",{key:"b878724289639bdc93d548cca9709020e89a6bc9",class:"body",cx:"20",cy:"18",r:"16"}),a("polygon",{key:"e138a8bb432b20a78164ffd73dfff52dc50fdece",class:"accent",points:"10,8 30,14 30,22 10,28"}),a("g",{key:"5f2d983f2269d4d9af48cba1277c9e9701233d30",class:"spin",style:{transformOrigin:"20px 18px"}},a("line",{key:"128d83535a477ea26d1f158c37d79b7f06434c3a",class:"stroke",x1:"20",y1:"6",x2:"20",y2:"30"}))),(this.tag\|\|this.label)&&a("div",{key:"7a20496716daaa18f7c54c3548bf713cb0323157",class:"caption"},this.tag&&a("span",{key:"5f00781bcc9ad63a2b190001e4894185c8913159",class:"tag"},this.tag),this.label&&a("span",{key:"5a8fa6b2586eea7d75269f936fd08491a0ba9104",class:"label"},this.label)))}};i.style=s()+n();export{i as ind_compressor};
2	+ //# sourceMappingURL=p-60585701.entry.js.map

package/dist/ind-ds/p-60585701.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["equipmentCss","compressorCss","IndCompressor","state","size","tag","label","render","name","this","h","Host","key","role","class","viewBox","cx","cy","r","points","style","transformOrigin","x1","y1","x2","y2"],"sources":["src/components/atoms/_equipment/equipment.css?tag=ind-compressor&encapsulation=shadow","src/components/atoms/compressor/compressor.css?tag=ind-compressor&encapsulation=shadow","src/components/atoms/compressor/compressor.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n gap: var(--ind-spacing-2, 4px);\n font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n font-size: var(--ind-font-size-sm, 11px);\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n --_w: 48px;\n --_stroke: var(--ind-state-stopped-border, #8390a0);\n --_fill: var(--ind-state-stopped-bg, #5a6776);\n --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"]) { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"]) { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"]) { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"]) { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n display: block;\n width: var(--_w);\n height: auto;\n overflow: visible;\n}\n\n.body {\n fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n stroke: var(--_stroke);\n stroke-width: 1.5;\n vector-effect: non-scaling-stroke;\n}\n\n.accent {\n fill: var(--_accent);\n stroke: none;\n}\n\n.stroke {\n fill: none;\n stroke: var(--_stroke);\n stroke-width: 1.5;\n stroke-linecap: round;\n vector-effect: non-scaling-stroke;\n}\n\n.caption {\n display: flex;\n flex-direction: column;\n align-items: center;\n line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n font-weight: var(--ind-font-weight-semibold, 600);\n font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .spin, .pulse { animation: none !important; }\n}\n",":host([state=\"running\"]) .spin {\n animation: ind-compressor-spin 1.2s linear infinite;\n}\n\n@keyframes ind-compressor-spin {\n to { transform: rotate(360deg); }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n tag: 'ind-compressor',\n styleUrls: ['../_equipment/equipment.css', 'compressor.css'],\n shadow: true,\n})\nexport class IndCompressor {\n /** Process state. */\n @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n /** Visual size. */\n @Prop({ reflect: true }) size: EquipmentSize = 'md';\n /** Equipment tag (e.g. \"K-401\"). */\n @Prop() tag?: string;\n /** Human label. */\n @Prop() label?: string;\n\n render() {\n const name = this.label ?? this.tag ?? 'compressor';\n return (\n <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n {/* Centrifugal compressor: trapezoid casing (wide inlet → narrow outlet). */}\n <svg class=\"symbol\" viewBox=\"0 0 48 36\" aria-hidden=\"true\">\n <circle class=\"body\" cx=\"20\" cy=\"18\" r=\"16\" />\n <polygon class=\"accent\" points=\"10,8 30,14 30,22 10,28\" />\n <g class=\"spin\" style={{ transformOrigin: '20px 18px' }}>\n <line class=\"stroke\" x1=\"20\" y1=\"6\" x2=\"20\" y2=\"30\" />\n </g>\n </svg>\n {(this.tag || this.label) && (\n <div class=\"caption\">\n {this.tag && <span class=\"tag\">{this.tag}</span>}\n {this.label && <span class=\"label\">{this.label}</span>}\n </div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAe,IAAM,4pECA3B,MAAMC,EAAgB,IAAM,iJ,MCQfC,EAAa,M,yBAECC,MAAwB,UAExBC,KAAsB,KAEvCC,IAEAC,MAER,MAAAC,GACE,MAAMC,EAAOC,KAAKH,OAASG,KAAKJ,KAAO,aACvC,OACEK,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,MAAK,aAAa,GAAGL,OAAUC,KAAKN,SAE7CO,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,QAAQ,YAAW,cAAa,QAClDL,EAAA,UAAAE,IAAA,2CAAQE,MAAM,OAAOE,GAAG,KAAKC,GAAG,KAAKC,EAAE,OACvCR,EAAA,WAAAE,IAAA,2CAASE,MAAM,SAASK,OAAO,2BAC/BT,EAAA,KAAAE,IAAA,2CAAGE,MAAM,OAAOM,MAAO,CAAEC,gBAAiB,cACxCX,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASQ,GAAG,KAAKC,GAAG,IAAIC,GAAG,KAAKC,GAAG,UAGjDhB,KAAKJ,KAAOI,KAAKH,QACjBI,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACRL,KAAKJ,KAAOK,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOL,KAAKJ,KACpCI,KAAKH,OAASI,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASL,KAAKH,Q","ignoreList":[]}

package/dist/ind-ds/p-60751e04.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const r=()=>`.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 d=()=>`:host{min-width:300px}.panel-body>ind-device-info-card{border:0;padding:0;background:transparent;min-width:0}.metrics{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--ind-spacing-3, 6px)}.metric{display:flex;flex-direction:column;gap:1px;padding:var(--ind-spacing-3, 6px);background:var(--ind-surface-sunken);border-radius:var(--ind-radius-sm, 2px);border-left:2px solid var(--ind-surface-border-strong)}.metric-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.04em;color:var(--ind-surface-text-muted)}.metric-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600)}.metric-ok{border-left-color:var(--ind-state-running-bg, #16a34a)}.metric-warn{border-left-color:var(--ind-state-warning-bg, #f59e0b)}.metric-fault{border-left-color:var(--ind-state-fault-bg, #dc2626)}`;const t=class{constructor(a){e(this,a)}heading="Diagnostics";name;vendor;model;firmware;serial;address;state="disconnected";metrics=[];render(){return a(i,{key:"87d13057cbdf0ae8cc50951231be0c72a5970236"},a("div",{key:"399c23ad7dff5cd8bf8430c2dfe3e7b21d13f807",class:"panel-head"},a("span",{key:"7b05113457a67d943203ea9c4f3a6896d953cfab",class:"panel-title",part:"heading"},this.heading)),a("div",{key:"5685e0cffe993b39f956d0081fb0c9ff0b7e88f1",class:"panel-body"},a("ind-device-info-card",{key:"fdba4747a89414806cee8c781cc90e7e5bebd063",name:this.name,vendor:this.vendor,model:this.model,firmware:this.firmware,serial:this.serial,address:this.address,state:this.state}),this.metrics.length>0&&a("div",{key:"16eeeda3f9919ace04e34b118fe31e08ac1e3d94",class:"metrics",part:"metrics"},this.metrics.map(((e,i)=>a("div",{class:`metric metric-${e.status??"ok"}`,part:"metric",key:i},a("span",{class:"metric-label"},e.label),a("span",{class:"metric-value"},e.value,e.unit?` ${e.unit}`:"")))))))}};t.style=n()+(r()+d());export{t as ind_device_diagnostics_panel};
2	+ //# sourceMappingURL=p-60751e04.entry.js.map

package/dist/ind-ds/p-60751e04.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","controlPanelCss","deviceDiagnosticsPanelCss","IndDeviceDiagnosticsPanel","heading","name","vendor","model","firmware","serial","address","state","metrics","render","h","Host","key","class","part","this","length","map","m","i","status","label","value","unit"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-device-diagnostics-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-device-diagnostics-panel&encapsulation=shadow","src/components/organisms/device-diagnostics-panel/device-diagnostics-panel.css?tag=ind-device-diagnostics-panel&encapsulation=shadow","src/components/organisms/device-diagnostics-panel/device-diagnostics-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: 300px;\n}\n\n.panel-body > ind-device-info-card {\n border: 0;\n padding: 0;\n background: transparent;\n min-width: 0;\n}\n\n.metrics {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: var(--ind-spacing-3, 6px);\n}\n\n.metric {\n display: flex;\n flex-direction: column;\n gap: 1px;\n padding: var(--ind-spacing-3, 6px);\n background: var(--ind-surface-sunken);\n border-radius: var(--ind-radius-sm, 2px);\n border-left: 2px solid var(--ind-surface-border-strong);\n}\n\n.metric-label {\n font-size: var(--ind-font-size-xs, 10px);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n color: var(--ind-surface-text-muted);\n}\n\n.metric-value {\n font-family: var(--ind-font-family-mono);\n font-size: var(--ind-font-size-md, 13px);\n font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.metric-ok { border-left-color: var(--ind-state-running-bg, #16a34a); }\n.metric-warn { border-left-color: var(--ind-state-warning-bg, #f59e0b); }\n.metric-fault { border-left-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';\n\nexport interface DiagnosticMetric {\n label: string;\n value: string | number;\n unit?: string;\n status?: 'ok' | 'warn' | 'fault';\n}\n\n/**\n * Device diagnostics panel: nameplate / connection via `<ind-device-info-card>`\n * plus a list of live diagnostic metrics (CPU, memory, temperature, errors).\n */\n@Component({\n tag: 'ind-device-diagnostics-panel',\n styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'device-diagnostics-panel.css'],\n shadow: true,\n})\nexport class IndDeviceDiagnosticsPanel {\n @Prop() heading: string = 'Diagnostics';\n @Prop() name!: string;\n @Prop() vendor?: string;\n @Prop() model?: string;\n @Prop() firmware?: string;\n @Prop() serial?: string;\n @Prop() address?: string;\n @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n /** Diagnostic metrics. */\n @Prop() metrics: DiagnosticMetric[] = [];\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=\"panel-body\">\n <ind-device-info-card\n name={this.name}\n vendor={this.vendor}\n model={this.model}\n firmware={this.firmware}\n serial={this.serial}\n address={this.address}\n state={this.state}\n ></ind-device-info-card>\n {this.metrics.length > 0 && (\n <div class=\"metrics\" part=\"metrics\">\n {this.metrics.map((m, i) => (\n <div class={`metric metric-${m.status ?? 'ok'}`} part=\"metric\" key={i}>\n <span class=\"metric-label\">{m.label}</span>\n <span class=\"metric-value\">\n {m.value}{m.unit ? ` ${m.unit}` : ''}\n </span>\n </div>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAA4B,IAAM,84B,MCmB3BC,EAAyB,M,yBAC5BC,QAAkB,cAClBC,KACAC,OACAC,MACAC,SACAC,OACAC,QACiBC,MAAyB,eAE1CC,QAA8B,GAEtC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWC,KAAKf,UAEjDU,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,wBAAAE,IAAA,2CACEX,KAAMc,KAAKd,KACXC,OAAQa,KAAKb,OACbC,MAAOY,KAAKZ,MACZC,SAAUW,KAAKX,SACfC,OAAQU,KAAKV,OACbC,QAASS,KAAKT,QACdC,MAAOQ,KAAKR,QAEbQ,KAAKP,QAAQQ,OAAS,GACrBN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUC,KAAK,WACvBC,KAAKP,QAAQS,KAAI,CAACC,EAAGC,IACpBT,EAAA,OAAKG,MAAO,iBAAiBK,EAAEE,QAAU,OAAQN,KAAK,SAASF,IAAKO,GAClET,EAAA,QAAMG,MAAM,gBAAgBK,EAAEG,OAC9BX,EAAA,QAAMG,MAAM,gBACTK,EAAEI,MAAOJ,EAAEK,KAAO,IAAIL,EAAEK,OAAS,S","ignoreList":[]}

package/dist/ind-ds/p-6135cdf0.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as t,H as a}from"./p-Bls_NlWP.js";const s=()=>`:host{display:inline-flex;flex-direction:column;align-items:center;font-family:var(--ind-font-family-sans, system-ui, sans-serif);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_w:120px}:host([size="sm"]){--_w:84px}:host([size="md"]){--_w:120px}:host([size="lg"]){--_w:168px}.gauge{width:var(--_w);height:var(--_w);display:block}.track{fill:none;stroke:var(--ind-surface-border-default, #2a3340);stroke-width:8;stroke-linecap:round}.zone{fill:none;stroke-width:8;stroke-linecap:butt}.needle{stroke:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke-width:2.5;stroke-linecap:round;transition:all var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease)}.hub{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.readout{display:inline-flex;align-items:baseline;gap:3px;margin-top:-28%}.number{font-family:var(--ind-font-family-mono, ui-monospace, monospace);font-size:var(--ind-font-size-xl, 16px);font-weight:var(--ind-font-weight-semibold, 600);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}:host([size="lg"]) .number{font-size:var(--ind-font-size-2xl, 20px)}.unit{font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-muted, #7a8694)}.label{margin-top:var(--ind-spacing-2, 4px);font-size:var(--ind-font-size-xs, 10px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}@media (prefers-reduced-motion: reduce){.needle{transition:none}}`;const i=class{constructor(t){e(this,t)}value=0;min=0;max=100;zones=[];unit;label;precision;size="md";startAngle=135;sweep=270;cx=50;cy=50;r=40;valueToAngle(e){const t=this.max-this.min\|\|1;const a=Math.min(1,Math.max(0,(e-this.min)/t));return this.startAngle+athis.sweep}polar(e,t=this.r){const a=eMath.PI/180;return{x:this.cx+tMath.cos(a),y:this.cy+tMath.sin(a)}}arc(e,t,a=this.r){const s=this.valueToAngle(e);const i=this.valueToAngle(t);const n=this.polar(s,a);const r=this.polar(i,a);const o=i-s>180?1:0;return`M ${n.x.toFixed(2)} ${n.y.toFixed(2)} A ${a} ${a} 0 ${o} 1 ${r.x.toFixed(2)} ${r.y.toFixed(2)}`}formatted(){if(!Number.isFinite(this.value))return"--";return this.precision!==undefined?this.value.toFixed(this.precision):String(this.value)}render(){const e=this.valueToAngle(this.value);const s=this.polar(e,this.r-6);const i=this.label??"gauge";return t(a,{key:"1dcc7b4a14620e9e67f62b4bb839de1c73c9eb28",role:"meter","aria-valuenow":this.value,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-label":`${i}: ${this.formatted()}${this.unit?" "+this.unit:""}`},t("svg",{key:"835dadb8fe0ffcab0bd4f3dc62d7049a6a9d04dd",class:"gauge",part:"gauge",viewBox:"0 0 100 100","aria-hidden":"true"},t("path",{key:"440f32cf9718f31589b1c3320c3e5db538a5aaaf",class:"track",part:"track",d:this.arc(this.min,this.max)}),(this.zones??[]).map((e=>t("path",{class:"zone",d:this.arc(e.from,e.to),style:{stroke:e.color}}))),t("line",{key:"d7d4f7fc4137c2763d3d51f2e33bd4f833e8f349",class:"needle",part:"needle",x1:this.cx,y1:this.cy,x2:s.x,y2:s.y}),t("circle",{key:"f8e497fd70ab2f68f12d867efc41b45e8477ee7e",class:"hub",cx:this.cx,cy:this.cy,r:"3.5"})),t("div",{key:"e71f4f120c4a8618c54a4287a47e292375a1acad",class:"readout",part:"readout"},t("span",{key:"7cc72fe3205519521e18eb1cbc9d374101704d2d",class:"number",part:"number"},this.formatted()),this.unit&&t("span",{key:"2309b9b1c009a726af38381e8ad05aa8365f4109",class:"unit",part:"unit"},this.unit)),this.label&&t("span",{key:"2d7c584f453a5006f75d6b5f03af2d1e4a200a59",class:"label",part:"label"},this.label))}};i.style=s();export{i as ind_gauge};
2	+ //# sourceMappingURL=p-6135cdf0.entry.js.map

package/dist/ind-ds/p-6135cdf0.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["gaugeCss","IndGauge","value","min","max","zones","unit","label","precision","size","startAngle","sweep","cx","cy","r","valueToAngle","v","span","this","ratio","Math","polar","angleDeg","radius","a","PI","x","cos","y","sin","arc","fromV","toV","a0","a1","p0","p1","large","toFixed","formatted","Number","isFinite","undefined","String","render","needleAngle","tip","name","h","Host","key","role","class","part","viewBox","d","map","z","from","to","style","stroke","color","x1","y1","x2","y2"],"sources":["src/components/atoms/gauge/gauge.css?tag=ind-gauge&encapsulation=shadow","src/components/atoms/gauge/gauge.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\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: 120px;\n}\n\n:host([size=\"sm\"]) { --_w: 84px; }\n:host([size=\"md\"]) { --_w: 120px; }\n:host([size=\"lg\"]) { --_w: 168px; }\n\n.gauge {\n width: var(--_w);\n height: var(--_w);\n display: block;\n}\n\n.track {\n fill: none;\n stroke: var(--ind-surface-border-default, #2a3340);\n stroke-width: 8;\n stroke-linecap: round;\n}\n\n.zone {\n fill: none;\n stroke-width: 8;\n stroke-linecap: butt;\n}\n\n.needle {\n stroke: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n stroke-width: 2.5;\n stroke-linecap: round;\n transition: all var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);\n}\n\n.hub {\n fill: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n}\n\n.readout {\n display: inline-flex;\n align-items: baseline;\n gap: 3px;\n margin-top: -28%;\n}\n\n.number {\n font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n font-size: var(--ind-font-size-xl, 16px);\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\"]) .number { font-size: var(--ind-font-size-2xl, 20px); }\n\n.unit { font-size: var(--ind-font-size-xs, 10px); color: var(--ind-surface-text-muted, #7a8694); }\n\n.label {\n margin-top: var(--ind-spacing-2, 4px);\n font-size: var(--ind-font-size-xs, 10px);\n color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n}\n\n@media (prefers-reduced-motion: reduce) {\n .needle { transition: none; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport interface GaugeZone {\n from: number;\n to: number;\n /** CSS color or a state keyword resolved to a token. */\n color: string;\n}\n\nexport type GaugeSize = 'sm' | 'md' | 'lg';\n\n@Component({\n tag: 'ind-gauge',\n styleUrl: 'gauge.css',\n shadow: true,\n})\nexport class IndGauge {\n /** Current value. */\n @Prop() value: number = 0;\n /** Scale minimum. */\n @Prop() min: number = 0;\n /** Scale maximum. */\n @Prop() max: number = 100;\n /** Colored zones along the arc (e.g. green/amber/red bands). Pass as a property. */\n @Prop() zones: GaugeZone[] = [];\n /** Engineering unit. */\n @Prop() unit?: string;\n /** Label / tag rendered under the value. */\n @Prop() label?: string;\n /** Decimal places for the value. */\n @Prop() precision?: number;\n /** Size. */\n @Prop({ reflect: true }) size: GaugeSize = 'md';\n\n // 270° sweep from 135° (bottom-left) clockwise to 405°/45° (bottom-right).\n private readonly startAngle = 135;\n private readonly sweep = 270;\n private readonly cx = 50;\n private readonly cy = 50;\n private readonly r = 40;\n\n private valueToAngle(v: number): number {\n const span = this.max - this.min || 1;\n const ratio = Math.min(1, Math.max(0, (v - this.min) / span));\n return this.startAngle + ratio * this.sweep;\n }\n\n private polar(angleDeg: number, radius = this.r): { x: number; y: number } {\n const a = (angleDeg * Math.PI) / 180;\n return { x: this.cx + radius * Math.cos(a), y: this.cy + radius * Math.sin(a) };\n }\n\n private arc(fromV: number, toV: number, radius = this.r): string {\n const a0 = this.valueToAngle(fromV);\n const a1 = this.valueToAngle(toV);\n const p0 = this.polar(a0, radius);\n const p1 = this.polar(a1, radius);\n const large = a1 - a0 > 180 ? 1 : 0;\n return `M ${p0.x.toFixed(2)} ${p0.y.toFixed(2)} A ${radius} ${radius} 0 ${large} 1 ${p1.x.toFixed(2)} ${p1.y.toFixed(2)}`;\n }\n\n private formatted(): string {\n if (!Number.isFinite(this.value)) return '--';\n return this.precision !== undefined ? this.value.toFixed(this.precision) : String(this.value);\n }\n\n render() {\n const needleAngle = this.valueToAngle(this.value);\n const tip = this.polar(needleAngle, this.r - 6);\n const name = this.label ?? 'gauge';\n return (\n <Host\n role=\"meter\"\n aria-valuenow={this.value}\n aria-valuemin={this.min}\n aria-valuemax={this.max}\n aria-label={`${name}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}`}\n >\n <svg class=\"gauge\" part=\"gauge\" viewBox=\"0 0 100 100\" aria-hidden=\"true\">\n <path class=\"track\" part=\"track\" d={this.arc(this.min, this.max)} />\n {(this.zones ?? []).map((z) => (\n <path class=\"zone\" d={this.arc(z.from, z.to)} style={{ stroke: z.color }} />\n ))}\n <line class=\"needle\" part=\"needle\" x1={this.cx} y1={this.cy} x2={tip.x} y2={tip.y} />\n <circle class=\"hub\" cx={this.cx} cy={this.cy} r=\"3.5\" />\n </svg>\n <div class=\"readout\" part=\"readout\">\n <span class=\"number\" part=\"number\">{this.formatted()}</span>\n {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n </div>\n {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,47C,MCgBVC,EAAQ,M,yBAEXC,MAAgB,EAEhBC,IAAc,EAEdC,IAAc,IAEdC,MAAqB,GAErBC,KAEAC,MAEAC,UAEiBC,KAAkB,KAG1BC,WAAa,IACbC,MAAQ,IACRC,GAAK,GACLC,GAAK,GACLC,EAAI,GAEb,YAAAC,CAAaC,GACnB,MAAMC,EAAOC,KAAKd,IAAMc,KAAKf,KAAO,EACpC,MAAMgB,EAAQC,KAAKjB,IAAI,EAAGiB,KAAKhB,IAAI,GAAIY,EAAIE,KAAKf,KAAOc,IACvD,OAAOC,KAAKR,WAAaS,EAAQD,KAAKP,K,CAGhC,KAAAU,CAAMC,EAAkBC,EAASL,KAAKJ,GAC5C,MAAMU,EAAKF,EAAWF,KAAKK,GAAM,IACjC,MAAO,CAAEC,EAAGR,KAAKN,GAAKW,EAASH,KAAKO,IAAIH,GAAII,EAAGV,KAAKL,GAAKU,EAASH,KAAKS,IAAIL,G,CAGrE,GAAAM,CAAIC,EAAeC,EAAaT,EAASL,KAAKJ,GACpD,MAAMmB,EAAKf,KAAKH,aAAagB,GAC7B,MAAMG,EAAKhB,KAAKH,aAAaiB,GAC7B,MAAMG,EAAKjB,KAAKG,MAAMY,EAAIV,GAC1B,MAAMa,EAAKlB,KAAKG,MAAMa,EAAIX,GAC1B,MAAMc,EAAQH,EAAKD,EAAK,IAAM,EAAI,EAClC,MAAO,KAAKE,EAAGT,EAAEY,QAAQ,MAAMH,EAAGP,EAAEU,QAAQ,QAAQf,KAAUA,OAAYc,OAAWD,EAAGV,EAAEY,QAAQ,MAAMF,EAAGR,EAAEU,QAAQ,I,CAG/G,SAAAC,GACN,IAAKC,OAAOC,SAASvB,KAAKhB,OAAQ,MAAO,KACzC,OAAOgB,KAAKV,YAAckC,UAAYxB,KAAKhB,MAAMoC,QAAQpB,KAAKV,WAAamC,OAAOzB,KAAKhB,M,CAGzF,MAAA0C,GACE,MAAMC,EAAc3B,KAAKH,aAAaG,KAAKhB,OAC3C,MAAM4C,EAAM5B,KAAKG,MAAMwB,EAAa3B,KAAKJ,EAAI,GAC7C,MAAMiC,EAAO7B,KAAKX,OAAS,QAC3B,OACEyC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,QAAO,gBACGjC,KAAKhB,MAAK,gBACVgB,KAAKf,IAAG,gBACRe,KAAKd,IAAG,aACX,GAAG2C,MAAS7B,KAAKqB,cAAcrB,KAAKZ,KAAO,IAAMY,KAAKZ,KAAO,MAEzE0C,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQC,KAAK,QAAQC,QAAQ,cAAa,cAAa,QAChEN,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,QAAQE,EAAGrC,KAAKY,IAAIZ,KAAKf,IAAKe,KAAKd,QAC1Dc,KAAKb,OAAS,IAAImD,KAAKC,GACvBT,EAAA,QAAMI,MAAM,OAAOG,EAAGrC,KAAKY,IAAI2B,EAAEC,KAAMD,EAAEE,IAAKC,MAAO,CAAEC,OAAQJ,EAAEK,WAEnEd,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAK,SAASU,GAAI7C,KAAKN,GAAIoD,GAAI9C,KAAKL,GAAIoD,GAAInB,EAAIpB,EAAGwC,GAAIpB,EAAIlB,IAChFoB,EAAA,UAAAE,IAAA,2CAAQE,MAAM,MAAMxC,GAAIM,KAAKN,GAAIC,GAAIK,KAAKL,GAAIC,EAAE,SAElDkC,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,QAAAE,IAAA,2CAAME,MAAM,SAASC,KAAK,UAAUnC,KAAKqB,aACxCrB,KAAKZ,MAAQ0C,EAAA,QAAAE,IAAA,2CAAME,MAAM,OAAOC,KAAK,QAAQnC,KAAKZ,OAEpDY,KAAKX,OAASyC,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SAASnC,KAAKX,O","ignoreList":[]}

package/dist/ind-ds/p-6963683d.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,c as e,h as i,H as n}from"./p-Bls_NlWP.js";const t=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const d=()=>`:host{min-width:300px}ind-progress{width:100%}.versions{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.ver{display:flex;flex-direction:column}.ver-label{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted)}.ver-value{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.arrow{color:var(--ind-surface-text-muted)}.state{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-bold, 700);padding:2px 8px;border-radius:var(--ind-radius-full, 9999px);background:var(--ind-surface-raised)}.state-available{color:var(--ind-state-warning-bg, #f59e0b)}.state-up-to-date{color:var(--ind-state-running-bg, #16a34a)}.state-error{color:var(--ind-state-fault-bg, #dc2626)}`;const s={idle:"Idle",checking:"Checking…",available:"Update available",downloading:"Downloading…",installing:"Installing…","up-to-date":"Up to date",error:"Update failed"};const r=class{constructor(i){a(this,i);this.indCheck=e(this,"indCheck");this.indInstall=e(this,"indInstall")}heading="Firmware";device;currentVersion;targetVersion;state="idle";progress=0;indCheck;indInstall;render(){const a=this.state==="downloading"\|\|this.state==="installing"\|\|this.state==="checking";const e=this.state==="available";const t=this.state==="error"?"error":"default";return i(n,{key:"c9cee9fc072636573cfa2119088ab8c602b91ddc"},i("div",{key:"b1defe4c2fef4b350cabd879bb68946c7ee90ace",class:"panel-head"},i("div",{key:"ce3e01440b4951b9ec350b6205af5dc1baf490c1",class:"panel-titles"},i("span",{key:"6760bdf61cebbbeaade59e01e0cda543b09ab6d0",class:"panel-title",part:"heading"},this.heading),this.device&&i("span",{key:"0294ac7428cdf439fca758ef1f0ee5b961f87cf7",class:"panel-subtitle"},this.device)),i("span",{key:"dd966181fa4ef9272fc277cf9aa23e9f5bbd8d9c",class:`state state-${this.state}`,part:"state"},s[this.state])),i("div",{key:"f19ef00c269639924aa1399ac7e5cf518a341e07",class:"panel-body"},i("div",{key:"9b88a26c64eaf6b000b5d1a1b22b48869ecb57fc",class:"versions",part:"versions"},i("div",{key:"29449a45053f0227faefc3d18ba90a1eb6f8d562",class:"ver"},i("span",{key:"c6b1baccacf71ccd6e632754ed3975d1813fede7",class:"ver-label"},"Installed"),i("span",{key:"00a47da41568fad6230f1005c9abd16137850367",class:"ver-value"},this.currentVersion)),i("span",{key:"d542f90b0e28cb7f2b647804902f095db680c2de",class:"arrow","aria-hidden":"true"},"→"),i("div",{key:"dd4221c1edcd9cda6325a0c4446acc8f1dc60ba3",class:"ver"},i("span",{key:"f90cc2eb98028665402d87596a4f52bcac0eeddc",class:"ver-label"},"Target"),i("span",{key:"a2bdb73992f0ea490156679f2d0aca66eaf8ca28",class:"ver-value"},this.targetVersion??"—"))),a&&i("ind-progress",{key:"9653d04c3a041bf5d5840b80c6fe0fde2fd65551",value:this.progress,max:100,variant:t,size:"md","show-value":true,indeterminate:this.state==="checking"}),i("ind-command-group",{key:"38daf75517ce16e6ab122c71e3134e5dac789770",label:"Firmware commands"},i("ind-button",{key:"1027f80e79d2f3cd36eff6f780c7874d14986a06",variant:"default",size:"sm",label:"Check",disabled:a,onIndActivate:()=>this.indCheck.emit()}),i("ind-button",{key:"e6623303064153b5e600446cc4bfdae9cb79ef01",variant:"primary",size:"sm",label:"Install",disabled:!e,onIndActivate:()=>this.indInstall.emit()}))))}};r.style=t()+d();export{r as ind_firmware_update_panel};
2	+ //# sourceMappingURL=p-6963683d.entry.js.map

package/dist/ind-ds/p-6963683d.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","firmwareUpdatePanelCss","STATE_LABEL","idle","checking","available","downloading","installing","error","IndFirmwareUpdatePanel","heading","device","currentVersion","targetVersion","state","progress","indCheck","indInstall","render","busy","this","canInstall","progressVariant","h","Host","key","class","part","value","max","variant","size","indeterminate","label","disabled","onIndActivate","emit"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-firmware-update-panel&encapsulation=shadow","src/components/organisms/firmware-update-panel/firmware-update-panel.css?tag=ind-firmware-update-panel&encapsulation=shadow","src/components/organisms/firmware-update-panel/firmware-update-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: 300px;\n}\n\nind-progress {\n width: 100%;\n}\n\n.versions {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-5, 12px);\n}\n\n.ver {\n display: flex;\n flex-direction: column;\n}\n\n.ver-label {\n font-size: var(--ind-font-size-xs, 10px);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--ind-surface-text-muted);\n}\n\n.ver-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.arrow {\n color: var(--ind-surface-text-muted);\n}\n\n.state {\n font-size: var(--ind-font-size-sm, 11px);\n font-weight: var(--ind-font-weight-bold, 700);\n padding: 2px 8px;\n border-radius: var(--ind-radius-full, 9999px);\n background: var(--ind-surface-raised);\n}\n\n.state-available { color: var(--ind-state-warning-bg, #f59e0b); }\n.state-up-to-date { color: var(--ind-state-running-bg, #16a34a); }\n.state-error { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type FirmwareState =\n | 'idle'\n | 'checking'\n | 'available'\n | 'downloading'\n | 'installing'\n | 'up-to-date'\n | 'error';\n\nconst STATE_LABEL: Record<FirmwareState, string> = {\n idle: 'Idle',\n checking: 'Checking…',\n available: 'Update available',\n downloading: 'Downloading…',\n installing: 'Installing…',\n 'up-to-date': 'Up to date',\n error: 'Update failed',\n};\n\n/**\n * Firmware update panel: current vs target version, update progress and the\n * Check / Install commands. Emits `indCheck` and `indInstall`.\n */\n@Component({\n tag: 'ind-firmware-update-panel',\n styleUrls: ['../_shared/panel.css', 'firmware-update-panel.css'],\n shadow: true,\n})\nexport class IndFirmwareUpdatePanel {\n @Prop() heading: string = 'Firmware';\n /** Device name. */\n @Prop() device?: string;\n /** Installed version. */\n @Prop() currentVersion!: string;\n /** Available / target version. */\n @Prop() targetVersion?: string;\n /** Update state. */\n @Prop({ reflect: true }) state: FirmwareState = 'idle';\n /** Progress 0–100 % while downloading / installing. */\n @Prop() progress: number = 0;\n\n @Event() indCheck!: EventEmitter<void>;\n @Event() indInstall!: EventEmitter<void>;\n\n render() {\n const busy = this.state === 'downloading' || this.state === 'installing' || this.state === 'checking';\n const canInstall = this.state === 'available';\n const progressVariant = this.state === 'error' ? 'error' : 'default';\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.device && <span class=\"panel-subtitle\">{this.device}</span>}\n </div>\n <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n </div>\n <div class=\"panel-body\">\n <div class=\"versions\" part=\"versions\">\n <div class=\"ver\">\n <span class=\"ver-label\">Installed</span>\n <span class=\"ver-value\">{this.currentVersion}</span>\n </div>\n <span class=\"arrow\" aria-hidden=\"true\">→</span>\n <div class=\"ver\">\n <span class=\"ver-label\">Target</span>\n <span class=\"ver-value\">{this.targetVersion ?? '—'}</span>\n </div>\n </div>\n {busy && (\n <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value indeterminate={this.state === 'checking'}></ind-progress>\n )}\n <ind-command-group label=\"Firmware commands\">\n <ind-button variant=\"default\" size=\"sm\" label=\"Check\" disabled={busy} onIndActivate={() => this.indCheck.emit()} />\n <ind-button variant=\"primary\" size=\"sm\" label=\"Install\" disabled={!canInstall} onIndActivate={() => this.indInstall.emit()} />\n </ind-command-group>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAyB,IAAM,40BCWrC,MAAMC,EAA6C,CACjDC,KAAM,OACNC,SAAU,YACVC,UAAW,mBACXC,YAAa,eACbC,WAAY,cACZ,aAAc,aACdC,MAAO,iB,MAYIC,EAAsB,M,+FACzBC,QAAkB,WAElBC,OAEAC,eAEAC,cAEiBC,MAAuB,OAExCC,SAAmB,EAElBC,SACAC,WAET,MAAAC,GACE,MAAMC,EAAOC,KAAKN,QAAU,eAAiBM,KAAKN,QAAU,cAAgBM,KAAKN,QAAU,WAC3F,MAAMO,EAAaD,KAAKN,QAAU,YAClC,MAAMQ,EAAkBF,KAAKN,QAAU,QAAU,QAAU,UAC3D,OACES,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWP,KAAKV,SAC9CU,KAAKT,QAAUY,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBN,KAAKT,SAErDY,EAAA,QAAAE,IAAA,2CAAMC,MAAO,eAAeN,KAAKN,QAASa,KAAK,SAASzB,EAAYkB,KAAKN,SAE3ES,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WAAWC,KAAK,YACzBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAW,aACvBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaN,KAAKR,iBAEhCW,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAO,cAAa,QAAM,KACtCH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,OACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAW,UACvBH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,aAAaN,KAAKP,eAAiB,OAGlDM,GACCI,EAAA,gBAAAE,IAAA,2CAAcG,MAAOR,KAAKL,SAAUc,IAAK,IAAKC,QAASR,EAAiBS,KAAK,KAAI,kBAAYC,cAAeZ,KAAKN,QAAU,aAE7HS,EAAA,qBAAAE,IAAA,2CAAmBQ,MAAM,qBACvBV,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKE,MAAM,QAAQC,SAAUf,EAAMgB,cAAe,IAAMf,KAAKJ,SAASoB,SACzGb,EAAA,cAAAE,IAAA,2CAAYK,QAAQ,UAAUC,KAAK,KAAKE,MAAM,UAAUC,UAAWb,EAAYc,cAAe,IAAMf,KAAKH,WAAWmB,W","ignoreList":[]}

package/dist/ind-ds/p-6dcfca81.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as i,h as e,H as n}from"./p-Bls_NlWP.js";const o=()=>`: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 t=class{constructor(e){i(this,e)}orientation="horizontal";flow="none";tone="neutral";thickness=8;length;label;render(){const i=this.orientation==="horizontal";const o={"--_thickness":`${this.thickness}px`};if(this.length!==undefined){o[i?"width":"height"]=`${this.length}px`}return e(n,{key:"3120dcbff81eec57ff6d8cb4c8aa375783ed7121",role:this.label?"img":"presentation","aria-label":this.label,"aria-hidden":this.label?undefined:"true",style:o},e("span",{key:"3e3d0e87990f290ee93a87af9df619dcac2869bd",class:"pipe",part:"pipe"},e("span",{key:"0f54ffc6f3737abb2aa86a0b6c0a71cc1f6cb153",class:"flow",part:"flow"})))}};t.style=o();export{t as ind_pipe};
2	+ //# sourceMappingURL=p-6dcfca81.entry.js.map

package/dist/ind-ds/p-6dcfca81.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["pipeCss","IndPipe","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":"kDAAA,MAAMA,EAAU,IAAM,uoD,MCWTC,EAAO,M,yBAEOC,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/ind-ds/p-6ff4c77b.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as e,H as t}from"./p-Bls_NlWP.js";const i=()=>`: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 n=()=>`.body{display:flex;align-items:center;gap:var(--ind-spacing-5, 12px)}.symbol{flex:0 0 auto}.metrics{display:flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);margin-left:auto;align-items:flex-end;text-align:right}`;const r=()=>`:host{min-width:210px}ind-linear-gauge{width:100%}`;const s=class{constructor(e){a(this,e)}tag;label;state="running";level=0;alarm="none";capacity;unit="L";render(){const a=Math.min(100,Math.max(0,this.level));const i=this.label??this.tag??"Tank";const n=this.alarm==="high"?"high":this.alarm==="low"?"low":"none";return e(t,{key:"5d6a6f6b6548d7ba5addfdc1db0d823ca95b4ad4",role:"group","aria-label":`${i} level ${Math.round(a)} percent`},e("div",{key:"a7a312f8303325cf679702176dc905a715551a8b",class:"card-head"},e("span",{key:"2f063cf5494e5bed48e2e01ea4821030cdf974ca",class:"card-title",part:"label"},i),this.tag&&e("span",{key:"b41273e27e1ef980837ec53f6e678d52d3d850ea",class:"card-tag",part:"tag"},this.tag)),e("div",{key:"0add427bf608da5e11895e0f34b422a1fd0bcffd",class:"body",part:"body"},e("ind-tank",{key:"b20d9ff05ba43b9bdbb692420b27bae809ed62ef",class:"symbol",state:this.state,level:a,alarm:this.alarm,size:"md"}),e("div",{key:"a593e704843bf704266732312424f1c27b835532",class:"metrics",part:"metrics"},e("ind-value",{key:"91abab48fbc9e642e597a56ceb3720c4b8a9ecc9",value:a,unit:"%",precision:0,alarm:n,label:"Level",size:"lg"}),this.capacity!==undefined&&e("ind-value",{key:"f0cbf620bcd7e840a1f89e3b5c91ee6c3b2aa456",value:this.capacity*a/100,unit:this.unit,precision:0,label:"Volume",size:"sm"}))),e("ind-linear-gauge",{key:"6962c05beb268f96fdbb9608f33e42882bd0aff7",part:"gauge",value:a,min:0,max:100,orientation:"horizontal",unit:"%",size:"sm"}))}};s.style=i()+(n()+r());export{s as ind_tank_level_card};
2	+ //# sourceMappingURL=p-6ff4c77b.entry.js.map

package/dist/ind-ds/p-6ff4c77b.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["cardCss","equipmentCardCss","tankLevelCardCss","IndTankLevelCard","tag","label","state","level","alarm","capacity","unit","render","pct","Math","min","max","this","name","valueAlarm","h","Host","key","role","round","class","part","size","value","precision","undefined","orientation"],"sources":["src/components/molecules/_shared/card.css?tag=ind-tank-level-card&encapsulation=shadow","src/components/molecules/_shared/equipment-card.css?tag=ind-tank-level-card&encapsulation=shadow","src/components/molecules/tank-level-card/tank-level-card.css?tag=ind-tank-level-card&encapsulation=shadow","src/components/molecules/tank-level-card/tank-level-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","/* Shared layout for the equipment faceplate cards (motor, pump, valve, tank).\n * Loaded after card.css and before each component's own sheet. */\n.body {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-5, 12px);\n}\n\n.symbol {\n flex: 0 0 auto;\n}\n\n.metrics {\n display: flex;\n flex-direction: column;\n gap: var(--ind-spacing-2, 4px);\n margin-left: auto;\n align-items: flex-end;\n text-align: right;\n}\n",":host {\n min-width: 210px;\n}\n\nind-linear-gauge {\n width: 100%;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState } from '../../atoms/_equipment/types';\n\nexport type TankAlarm = 'none' | 'low' | 'high';\n\n/**\n * Tank level faceplate: `<ind-tank>` symbol with a level readout and a\n * `<ind-linear-gauge>` showing the fill against low/high alarm bands.\n */\n@Component({\n tag: 'ind-tank-level-card',\n styleUrls: ['../_shared/card.css', '../_shared/equipment-card.css', 'tank-level-card.css'],\n shadow: true,\n})\nexport class IndTankLevelCard {\n /** Equipment tag (e.g. \"T-204\"). */\n @Prop() tag?: string;\n /** Human label (e.g. \"Buffer tank\"). */\n @Prop() label?: string;\n /** Equipment state (drives fault chrome and tank outline). */\n @Prop({ reflect: true }) state: EquipmentState = 'running';\n /** Current level 0–100 %. */\n @Prop() level: number = 0;\n /** Alarm tint of the liquid. */\n @Prop({ reflect: true }) alarm: TankAlarm = 'none';\n /** Engineering capacity for the secondary readout (e.g. 5000). */\n @Prop() capacity?: number;\n /** Capacity unit (e.g. \"L\"). */\n @Prop() unit: string = 'L';\n\n render() {\n const pct = Math.min(100, Math.max(0, this.level));\n const name = this.label ?? this.tag ?? 'Tank';\n const valueAlarm = this.alarm === 'high' ? 'high' : this.alarm === 'low' ? 'low' : 'none';\n return (\n <Host role=\"group\" aria-label={`${name} level ${Math.round(pct)} percent`}>\n <div class=\"card-head\">\n <span class=\"card-title\" part=\"label\">{name}</span>\n {this.tag && <span class=\"card-tag\" part=\"tag\">{this.tag}</span>}\n </div>\n <div class=\"body\" part=\"body\">\n <ind-tank class=\"symbol\" state={this.state} level={pct} alarm={this.alarm} size=\"md\" />\n <div class=\"metrics\" part=\"metrics\">\n <ind-value value={pct} unit=\"%\" precision={0} alarm={valueAlarm} label=\"Level\" size=\"lg\" />\n {this.capacity !== undefined && (\n <ind-value\n value={(this.capacity * pct) / 100}\n unit={this.unit}\n precision={0}\n label=\"Volume\"\n size=\"sm\"\n />\n )}\n </div>\n </div>\n <ind-linear-gauge\n part=\"gauge\"\n value={pct}\n min={0}\n max={100}\n orientation=\"horizontal\"\n unit=\"%\"\n size=\"sm\"\n />\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAAmB,IAAM,+NCA/B,MAAMC,EAAmB,IAAM,qD,MCclBC,EAAgB,M,yBAEnBC,IAEAC,MAEiBC,MAAwB,UAEzCC,MAAgB,EAECC,MAAmB,OAEpCC,SAEAC,KAAe,IAEvB,MAAAC,GACE,MAAMC,EAAMC,KAAKC,IAAI,IAAKD,KAAKE,IAAI,EAAGC,KAAKT,QAC3C,MAAMU,EAAOD,KAAKX,OAASW,KAAKZ,KAAO,OACvC,MAAMc,EAAaF,KAAKR,QAAU,OAAS,OAASQ,KAAKR,QAAU,MAAQ,MAAQ,OACnF,OACEW,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGL,WAAcJ,KAAKU,MAAMX,cACzDO,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,SAASR,GACtCD,KAAKZ,KAAOe,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,OAAOT,KAAKZ,MAEvDe,EAAA,OAAAE,IAAA,2CAAKG,MAAM,OAAOC,KAAK,QACrBN,EAAA,YAAAE,IAAA,2CAAUG,MAAM,SAASlB,MAAOU,KAAKV,MAAOC,MAAOK,EAAKJ,MAAOQ,KAAKR,MAAOkB,KAAK,OAChFP,EAAA,OAAAE,IAAA,2CAAKG,MAAM,UAAUC,KAAK,WACxBN,EAAA,aAAAE,IAAA,2CAAWM,MAAOf,EAAKF,KAAK,IAAIkB,UAAW,EAAGpB,MAAOU,EAAYb,MAAM,QAAQqB,KAAK,OACnFV,KAAKP,WAAaoB,WACjBV,EAAA,aAAAE,IAAA,2CACEM,MAAQX,KAAKP,SAAWG,EAAO,IAC/BF,KAAMM,KAAKN,KACXkB,UAAW,EACXvB,MAAM,SACNqB,KAAK,SAKbP,EAAA,oBAAAE,IAAA,2CACEI,KAAK,QACLE,MAAOf,EACPE,IAAK,EACLC,IAAK,IACLe,YAAY,aACZpB,KAAK,IACLgB,KAAK,O","ignoreList":[]}

package/dist/ind-ds/p-703709c2.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as r,H as i}from"./p-Bls_NlWP.js";const o=()=>`:host{display:block;background:var(--ind-surface-border-default, #2a3340);flex-shrink:0}:host([orientation="horizontal"]){width:100%;height:1px}:host([orientation="vertical"]){height:100%;min-height:1em;width:1px}`;const e=class{constructor(r){t(this,r)}orientation="horizontal";render(){return r(i,{key:"177e60e429d2cf5cfd3faa97d34e3c605c1c898e",role:"separator","aria-orientation":this.orientation})}};e.style=o();export{e as ind_divider};
2	+ //# sourceMappingURL=p-703709c2.entry.js.map

package/dist/ind-ds/p-70894390.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a,H as t}from"./p-Bls_NlWP.js";const s=()=>`:host{display:block;width:var(--ind-size-canvas-robot-width, 320px);height:var(--ind-size-canvas-robot-height, 220px);font-family:var(--ind-font-family-mono)}svg{display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px)}.envelope{fill:none;stroke:var(--ind-surface-border-subtle);stroke-dasharray:2 4}.envelope-inner{stroke-dasharray:1 3;opacity:0.6}.axis{stroke:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));stroke-width:1}.axis-label{font-family:var(--ind-font-family-mono);font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.link{stroke-width:5;stroke-linecap:round;transition:stroke 240ms}.link-1{stroke:var(--ind-state-running-bg, #16a34a)}.link-2{stroke:var(--ind-state-running-border, #4ade80)}.wrist{stroke:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke-width:2;stroke-linecap:round}.joint{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));stroke:var(--ind-surface-border-strong);stroke-width:1}.joint.base{fill:var(--ind-state-stopped-bg, #5a6776);stroke:var(--ind-state-stopped-border, #8390a0)}.joint.effector{fill:var(--ind-state-warning-bg, #f59e0b);stroke:var(--ind-state-warning-border, #fcd34d)}.readout text{font-size:9px;fill:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-feature-settings:"tnum" 1}.readout tspan{fill:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:700}:host([state="moving"]) .link{stroke-dasharray:4 2;animation:ind-scara-move 1.2s linear infinite}:host([state="fault"]) .link,:host([state="fault"]) .wrist{stroke:var(--ind-state-fault-bg, #dc2626)}:host([state="fault"]) .joint{stroke:var(--ind-state-fault-border, #f87171)}@keyframes ind-scara-move{to{stroke-dashoffset:-12}}@media (prefers-reduced-motion: reduce){:host([state="moving"]) .link{animation:none}}`;const r=class{constructor(a){e(this,a)}joints=[0,0,0];linkLengths=[110,90];state="idle";parseArr(e){if(Array.isArray(e))return e;if(typeof e==="string"&&e.trim()){try{const a=JSON.parse(e);return Array.isArray(a)?a:[]}catch{return[]}}return[]}render(){const e=this.parseArr(this.joints);const s=this.parseArr(this.linkLengths);const[r=0,c=0,d=0]=e;const[n=110,i=90]=s;const o=160;const f=105;const l=rMath.PI/180;const b=cMath.PI/180;const k=dMath.PI/180;const y=o+nMath.cos(l);const x=f+nMath.sin(l);const h=y+iMath.cos(l+b);const u=x+iMath.sin(l+b);const v=14;const p=h+vMath.cos(l+b+k);const g=u+v*Math.sin(l+b+k);const m=e=>e.toFixed(1);const w=e=>e.toFixed(0);return a(t,{key:"e220c57195ecb3c211223a9c678ad6a832c584cd",role:"img","aria-label":`SCARA arm: J1 ${m(r)}°, J2 ${m(c)}°, J3 ${m(d)}°`},a("svg",{key:"7a04466cdcedb3e90bb45d0e86ee1d846f16d2fe",viewBox:"0 0 320 220",part:"svg"},a("circle",{key:"9f1c589063eae5f24c60017e12b45afe5f44a714",cx:o,cy:f,r:n+i,class:"envelope envelope-outer"}),a("circle",{key:"a6228d89177c0dca40aaf37e85a08e59a04a2488",cx:o,cy:f,r:Math.max(0,n-i),class:"envelope envelope-inner"}),a("line",{key:"21e8c9bbf7cf19afa8dd88f909c94e1b458c928d",x1:"10",y1:f,x2:"22",y2:f,class:"axis"}),a("line",{key:"bd2a5eca21b2e7fc73828a601870c730cc153bbd",x1:o,y1:"6",x2:o,y2:"18",class:"axis"}),a("text",{key:"dab2bdb3cd08468e10220174102d9d198658b26b",x:"24",y:f+3,class:"axis-label"},"X"),a("text",{key:"66581ab90a79151eeb64522a5525de10e151d0ad",x:o+4,y:"14",class:"axis-label"},"Y"),a("line",{key:"0f8c1214d584f7c9e062927af7ca0425242e6e2b",x1:o,y1:f,x2:y,y2:x,class:"link link-1"}),a("line",{key:"e19107929c6f87d3b3e47042f017a73193714b30",x1:y,y1:x,x2:h,y2:u,class:"link link-2"}),a("line",{key:"a4cb08318e5c5df59494f6b38477307477313378",x1:h,y1:u,x2:p,y2:g,class:"wrist"}),a("circle",{key:"25f7d34a6cc339b46a59437809bce8b7e5b4015b",cx:o,cy:f,r:"8",class:"joint base"}),a("circle",{key:"0fd90ea8c7b17654d927be0627ad2a0bcdb54c93",cx:y,cy:x,r:"6",class:"joint elbow"}),a("circle",{key:"528398188bef093e0d931bb23877022fd94900cf",cx:h,cy:u,r:"7",class:"joint effector"}),a("g",{key:"3fafeb02e9001d091436addbe37c53cfa5281df5",class:"readout"},a("text",{key:"3d5c879baea3c1ef177fbd53153d846eb1158411",x:"10",y:"198"},"J1 ",a("tspan",{key:"df726f043b2a33357c2525c68a6f23861def214d"},m(r),"°")),a("text",{key:"68565b08ced6589ecd0a2d84cd738535ebe9fc63",x:"74",y:"198"},"J2 ",a("tspan",{key:"65a013c07a5f9412b603557e39409d34ba5b4812"},m(c),"°")),a("text",{key:"88712594e3a0ac5e8e506ce467192d0bbcbf4a7f",x:"138",y:"198"},"J3 ",a("tspan",{key:"31f1c81c381841747057257d6e4ee1af9d213dd8"},m(d),"°")),a("text",{key:"42d91dc495775b5bf29cc455e6d6404c72e2839f",x:"202",y:"198"},"X ",a("tspan",{key:"00d7e9336de136e9ec0dd21ec85fd2a7a9b3ebf9"},w(h-o))),a("text",{key:"8ba2b283b6cd83942747e5df2c93d51b4dcb85bd",x:"254",y:"198"},"Y ",a("tspan",{key:"767695ce2b72564dec42536bc618835070d4b1a7"},w(u-f))))))}};r.style=s();export{r as ind_scara_canvas};
2	+ //# sourceMappingURL=p-70894390.entry.js.map

package/dist/ind-ds/p-7122fee8.entry.js ADDED Viewed

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

package/dist/ind-ds/p-7122fee8.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["processSymbolCss","IndProcessSymbol","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":"kDAAA,MAAMA,EAAmB,IAAM,gtC,MCWlBC,EAAgB,M,yBAEFC,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/ind-ds/p-73bf9023.entry.js ADDED Viewed

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

package/dist/ind-ds/p-73bf9023.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/ind-ds/{p-595ccdce.entry.js → p-74f4256f.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as a,a as i,h as t,H as s}from"./p-D2yNiL0d.js";const n=()=>`:host{display:contents}.dialog{padding:0;border:none;background:transparent;color:inherit;max-width:90vw;max-height:90vh;overflow:visible}.dialog::backdrop{background:rgba(0, 0, 0, 0.55);backdrop-filter:blur(2px)}.content{display:flex;flex-direction:column;background:var(--ind-surface-raised, light-dark(#ffffff, #1a2129));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);max-height:90vh;overflow:hidden}:host([size="sm"]) .content{width:320px}:host([size="md"]) .content{width:480px}:host([size="lg"]) .content{width:720px}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px) var(--ind-spacing-6, 16px);border-bottom:1px solid var(--ind-surface-border-subtle)}.heading{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600);margin:0}.close{background:transparent;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:var(--ind-radius-sm, 2px)}.close:hover{background:var(--ind-surface-panel)}.close:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}.body{flex:1;overflow:auto;padding:var(--ind-spacing-6, 16px);line-height:var(--ind-font-line-height-normal, 1.4)}.footer{display:flex;justify-content:flex-end;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-6, 16px);border-top:1px solid var(--ind-surface-border-subtle)}.footer.is-empty{display:none}`;const o=class{constructor(i){e(this,i);this.indOpen=a(this,"indOpen");this.indClose=a(this,"indClose")}get host(){return i(this)}open=false;heading;size="md";closeOnBackdrop=true;hasFooter=false;indOpen;indClose;componentDidLoad(){this.syncOpen();this.watchFooter()}onOpenChange(){this.syncOpen()}syncOpen(){const e=this.host.shadowRoot?.querySelector("dialog");if(!e)return;if(this.open&&!e.open){e.showModal();this.indOpen.emit()}else if(!this.open&&e.open){e.close()}}watchFooter(){const e=this.host.shadowRoot?.querySelector('slot[name="footer"]');if(!e)return;const a=()=>{this.hasFooter=e.assignedNodes({flatten:true}).some((e=>{if(e.nodeType===Node.ELEMENT_NODE)return true;return e.nodeType===Node.TEXT_NODE&&(e.textContent??"").trim().length>0}))};a();e.addEventListener("slotchange",a)}async show(){this.open=true}async close(){this.open=false}onNativeClose=()=>{if(this.open){this.open=false;this.indClose.emit()}};onClick=e=>{if(!this.closeOnBackdrop)return;const a=e.currentTarget;if(e.target!==a)return;const i=a.getBoundingClientRect();const t=e.clientX>=i.left&&e.clientX<=i.right&&e.clientY>=i.top&&e.clientY<=i.bottom;if(!t)this.close()};render(){return t(s,{key:"2fc6c8608a86b696f04a42989f9fa89e90c815ca"},t("dialog",{key:"2ace88391803eeacc9ab918906db7ff01f96af05",class:"dialog",part:"dialog","aria-label":this.heading,onClose:this.onNativeClose,onClick:this.onClick},t("div",{key:"01d6bcd48e243524bf657559407e58ec70995752",class:"content",part:"content"},this.heading&&t("header",{key:"930017b49c0ea7056eb5ec71efd30090bf5d2ef1",class:"header",part:"header"},t("h2",{key:"be329505ab6c8d2ae4b94ea399c1426c9bb2ca23",class:"heading",part:"heading"},this.heading),t("button",{key:"6943d296514bb4035bc44f292fd9a3be42b96bd7",type:"button",class:"close",part:"close","aria-label":"Close",onClick:()=>this.close()},"×")),t("div",{key:"79277205e3a87957a9f4885a80ff2d88ff250615",class:"body",part:"body"},t("slot",{key:"c1bf7607910c5d5dff0bdaa14f9285be09aecbce"})),t("footer",{key:"102f2ea37b063d77f4874c619e134abad87161c9",class:{footer:true,"is-empty":!this.hasFooter},part:"footer"},t("slot",{key:"d6068ca633c113c5a9bf6bd87e793a96928ae95e",name:"footer"})))))}static get watchers(){return{open:[{onOpenChange:0}]}}};o.style=n();export{o as ind_dialog};
-//# sourceMappingURL=p-595ccdce.entry.js.map
+import{r as e,c as a,a as i,h as t,H as s}from"./p-Bls_NlWP.js";const n=()=>`:host{display:contents}.dialog{padding:0;border:none;background:transparent;color:inherit;max-width:90vw;max-height:90vh;overflow:visible}.dialog::backdrop{background:rgba(0, 0, 0, 0.55);backdrop-filter:blur(2px)}.content{display:flex;flex-direction:column;background:var(--ind-surface-raised, light-dark(#ffffff, #1a2129));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);max-height:90vh;overflow:hidden}:host([size="sm"]) .content{width:320px}:host([size="md"]) .content{width:480px}:host([size="lg"]) .content{width:720px}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px) var(--ind-spacing-6, 16px);border-bottom:1px solid var(--ind-surface-border-subtle)}.heading{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600);margin:0}.close{background:transparent;border:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:var(--ind-radius-sm, 2px)}.close:hover{background:var(--ind-surface-panel)}.close:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}.body{flex:1;overflow:auto;padding:var(--ind-spacing-6, 16px);line-height:var(--ind-font-line-height-normal, 1.4)}.footer{display:flex;justify-content:flex-end;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-6, 16px);border-top:1px solid var(--ind-surface-border-subtle)}.footer.is-empty{display:none}`;const o=class{constructor(i){e(this,i);this.indOpen=a(this,"indOpen");this.indClose=a(this,"indClose")}get host(){return i(this)}open=false;heading;size="md";closeOnBackdrop=true;hasFooter=false;indOpen;indClose;componentDidLoad(){this.syncOpen();this.watchFooter()}onOpenChange(){this.syncOpen()}syncOpen(){const e=this.host.shadowRoot?.querySelector("dialog");if(!e)return;if(this.open&&!e.open){e.showModal();this.indOpen.emit()}else if(!this.open&&e.open){e.close()}}watchFooter(){const e=this.host.shadowRoot?.querySelector('slot[name="footer"]');if(!e)return;const a=()=>{this.hasFooter=e.assignedNodes({flatten:true}).some((e=>{if(e.nodeType===Node.ELEMENT_NODE)return true;return e.nodeType===Node.TEXT_NODE&&(e.textContent??"").trim().length>0}))};a();e.addEventListener("slotchange",a)}async show(){this.open=true}async close(){this.open=false}onNativeClose=()=>{if(this.open){this.open=false;this.indClose.emit()}};onClick=e=>{if(!this.closeOnBackdrop)return;const a=e.currentTarget;if(e.target!==a)return;const i=a.getBoundingClientRect();const t=e.clientX>=i.left&&e.clientX<=i.right&&e.clientY>=i.top&&e.clientY<=i.bottom;if(!t)this.close()};render(){return t(s,{key:"87b1b19e34124d336690c96e1eafc5dcdce689aa"},t("dialog",{key:"98199eb56477658120f7ff9bc421fd388d956207",class:"dialog",part:"dialog","aria-label":this.heading,onClose:this.onNativeClose,onClick:this.onClick},t("div",{key:"058705a27904ca8dea5da499afca1ab2d040517a",class:"content",part:"content"},this.heading&&t("header",{key:"0feedadbfec3051654dd9ce6968917afef5d97fc",class:"header",part:"header"},t("h2",{key:"d43f968c6248adafd0383bb2beae39d156c193db",class:"heading",part:"heading"},this.heading),t("button",{key:"2bbafbf683baeb78cfeeba5f436d3449bc8041c5",type:"button",class:"close",part:"close","aria-label":"Close",onClick:()=>this.close()},"×")),t("div",{key:"71e78c288ebe5a9d5437a8dfb240b08ce4ee7aea",class:"body",part:"body"},t("slot",{key:"81581e2f10629935fc08c02544144d7c9be00ebd"})),t("footer",{key:"9f3ae5dee0ea4d1c5300a9b0fd35662d1493c159",class:{footer:true,"is-empty":!this.hasFooter},part:"footer"},t("slot",{key:"27c4a6d3e2c914acb40cddf3d57b944643af62a2",name:"footer"})))))}static get watchers(){return{open:[{onOpenChange:0}]}}};o.style=n();export{o as ind_dialog};
+//# sourceMappingURL=p-74f4256f.entry.js.map

package/dist/ind-ds/p-7b2fbada.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,c as e,h as t,H as i}from"./p-Bls_NlWP.js";const s=()=>`:host{display:inline-flex}.tab{appearance:none;display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));transition:color var(--ind-motion-duration-fast, 120ms) ease, border-color var(--ind-motion-duration-fast, 120ms) ease}.tab:hover:not(:disabled){color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5))}.tab:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:-2px}:host([selected]) .tab{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom-color:var(--ind-button-primary-bg, #2563eb);font-weight:var(--ind-font-weight-semibold, 600)}:host([disabled]) .tab{opacity:0.5;cursor:not-allowed}.icon:empty,.badge:empty{display:none}.icon,.badge{display:inline-flex;align-items:center}`;const n=class{constructor(t){a(this,t);this.indSelect=e(this,"indSelect")}selected=false;disabled=false;tabId;indSelect;activate=()=>{if(this.disabled\|\|this.selected)return;this.indSelect.emit(this.tabId)};onKey=a=>{if(a.key==="Enter"\|\|a.key===" "){a.preventDefault();this.activate()}};render(){return t(i,{key:"80610acb7a454a8e50b01f284942f0a55650bdd6"},t("button",{key:"cad17b0d0a9850486b77e8012042a91dd3615276",type:"button",class:"tab",part:"tab",role:"tab","aria-selected":this.selected?"true":"false",disabled:this.disabled,tabindex:this.selected?"0":"-1",onClick:this.activate,onKeyDown:this.onKey},t("span",{key:"3c8531773262e8da453771366b8c242e4f5dc1b8",class:"icon",part:"icon"},t("slot",{key:"10ed053ba7659569b45211b827503ca23e63e33a",name:"icon"})),t("span",{key:"d658c67c3f874bcfd01f746c4df379a9f41aa7b1",class:"label",part:"label"},t("slot",{key:"0b0bcdaf87c92e1252556500448726680adc4718"})),t("span",{key:"6bfa8167f56ddda8c18bd1c0d23ad06a0eb29a49",class:"badge",part:"badge"},t("slot",{key:"345cb8f4b94885d62f4f14476f6b2bf3303f06ef",name:"badge"}))))}};n.style=s();export{n as ind_tab};
2	+ //# sourceMappingURL=p-7b2fbada.entry.js.map

package/dist/ind-ds/p-7b2fbada.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["tabCss","IndTab","selected","disabled","tabId","indSelect","activate","this","emit","onKey","e","key","preventDefault","render","h","Host","type","class","part","role","tabindex","onClick","onKeyDown","name"],"sources":["src/components/atoms/tab/tab.css?tag=ind-tab&encapsulation=shadow","src/components/atoms/tab/tab.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n\n.tab {\n appearance: none;\n display: inline-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: none;\n border-bottom: 2px solid transparent;\n background: none;\n cursor: pointer;\n font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n font-size: var(--ind-font-size-base, 12px);\n font-weight: var(--ind-font-weight-medium, 500);\n color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n transition: color var(--ind-motion-duration-fast, 120ms) ease, border-color var(--ind-motion-duration-fast, 120ms) ease;\n}\n\n.tab:hover:not(:disabled) { color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5)); }\n\n.tab:focus-visible {\n outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n outline-offset: -2px;\n}\n\n:host([selected]) .tab {\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n border-bottom-color: var(--ind-button-primary-bg, #2563eb);\n font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n:host([disabled]) .tab { opacity: 0.5; cursor: not-allowed; }\n\n.icon:empty, .badge:empty { display: none; }\n\n.icon, .badge { display: inline-flex; align-items: center; }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'ind-tab',\n styleUrl: 'tab.css',\n shadow: true,\n})\nexport class IndTab {\n /** Selected state. */\n @Prop({ reflect: true }) selected: boolean = false;\n /** Disabled. */\n @Prop({ reflect: true }) disabled: boolean = false;\n /** Stable id for the tab (emitted on select). */\n @Prop() tabId?: string;\n\n /** Fires when the tab is activated. */\n @Event() indSelect!: EventEmitter<string | undefined>;\n\n private activate = () => {\n if (this.disabled || this.selected) return;\n this.indSelect.emit(this.tabId);\n };\n\n private onKey = (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this.activate();\n }\n };\n\n render() {\n return (\n <Host>\n <button\n type=\"button\"\n class=\"tab\"\n part=\"tab\"\n role=\"tab\"\n aria-selected={this.selected ? 'true' : 'false'}\n disabled={this.disabled}\n tabindex={this.selected ? '0' : '-1'}\n onClick={this.activate}\n onKeyDown={this.onKey}\n >\n <span class=\"icon\" part=\"icon\"><slot name=\"icon\" /></span>\n <span class=\"label\" part=\"label\"><slot /></span>\n <span class=\"badge\" part=\"badge\"><slot name=\"badge\" /></span>\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAS,IAAM,4mC,MCORC,EAAM,M,4DAEQC,SAAoB,MAEpBC,SAAoB,MAErCC,MAGCC,UAEDC,SAAW,KACjB,GAAIC,KAAKJ,UAAYI,KAAKL,SAAU,OACpCK,KAAKF,UAAUG,KAAKD,KAAKH,MAAM,EAGzBK,MAASC,IACf,GAAIA,EAAEC,MAAQ,SAAWD,EAAEC,MAAQ,IAAK,CACtCD,EAAEE,iBACFL,KAAKD,U,GAIT,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAJ,IAAA,4CACHG,EAAA,UAAAH,IAAA,2CACEK,KAAK,SACLC,MAAM,MACNC,KAAK,MACLC,KAAK,MAAK,gBACKZ,KAAKL,SAAW,OAAS,QACxCC,SAAUI,KAAKJ,SACfiB,SAAUb,KAAKL,SAAW,IAAM,KAChCmB,QAASd,KAAKD,SACdgB,UAAWf,KAAKE,OAEhBK,EAAA,QAAAH,IAAA,2CAAMM,MAAM,OAAOC,KAAK,QAAOJ,EAAA,QAAAH,IAAA,2CAAMY,KAAK,UAC1CT,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QAAQC,KAAK,SAAQJ,EAAA,QAAAH,IAAA,8CACjCG,EAAA,QAAAH,IAAA,2CAAMM,MAAM,QAAQC,KAAK,SAAQJ,EAAA,QAAAH,IAAA,2CAAMY,KAAK,Y","ignoreList":[]}

package/dist/ind-ds/p-7da4b557.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a,H as i}from"./p-Bls_NlWP.js";const n=()=>`:host{display:flex;flex-direction:column;background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const d=()=>`:host{min-width:420px}.panel-list{max-height:420px}.filter{font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-sm, 11px);background:var(--ind-surface-sunken);color:var(--ind-surface-text-primary);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-sm, 2px);padding:3px 6px}`;const r=class{constructor(a){e(this,a)}heading="Event journal";events=[];filter="all";onFilter=e=>{this.filter=e.target.value};render(){const e=this.filter==="all"?this.events:this.events.filter((e=>e.severity===this.filter));return a(i,{key:"929ed5552330cf00cd4d19d634d28084f620e45a"},a("div",{key:"cda7f696c5979c7d43bb5fe820e91bb906e4056f",class:"panel-head"},a("span",{key:"5c60680f7f033917b8c39fa2c9735a0587632ead",class:"panel-title",part:"heading"},this.heading),a("div",{key:"de0dec2492782802de3b62a7542b34fa47d61a75",class:"panel-actions"},a("select",{key:"6b9d2b537af2b4e5d8ed50ff0cd1242f29a20c6d",class:"filter",part:"filter",onChange:this.onFilter},a("option",{key:"b86227a678a5851e6dd859f2acb38c9a763c8c56",value:"all"},"All severities"),a("option",{key:"7f2f904e5d13783b45d42a53d4df66ce07064913",value:"error"},"Error"),a("option",{key:"545575b6488b207f90c2dc392cb6eb323e36dcdc",value:"warning"},"Warning"),a("option",{key:"de94ee66b3d5fc73d63ddea1f96e313a67fedbd9",value:"success"},"Success"),a("option",{key:"25d7721fb074f259851800252eb5c1f5675a6ae5",value:"info"},"Info")))),a("div",{key:"e10810c54e731d3b99bf337134ac3775332d8055",class:"panel-list",part:"list"},e.length===0?a("div",{class:"panel-empty"},"No events"):e.map(((e,i)=>a("ind-event-row",{key:i,time:e.time,severity:e.severity,source:e.source,message:e.message})))))}};r.style=n()+d();export{r as ind_event_journal};
2	+ //# sourceMappingURL=p-7da4b557.entry.js.map

package/dist/ind-ds/p-7da4b557.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["panelCss","eventJournalCss","IndEventJournal","heading","events","filter","onFilter","e","this","target","value","render","rows","severity","h","Host","key","class","part","onChange","length","map","i","time","source","message"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-event-journal&encapsulation=shadow","src/components/organisms/event-journal/event-journal.css?tag=ind-event-journal&encapsulation=shadow","src/components/organisms/event-journal/event-journal.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.panel-list {\n max-height: 420px;\n}\n\n.filter {\n font-family: var(--ind-font-family-sans);\n font-size: var(--ind-font-size-sm, 11px);\n background: var(--ind-surface-sunken);\n color: var(--ind-surface-text-primary);\n border: 1px solid var(--ind-surface-border-default);\n border-radius: var(--ind-radius-sm, 2px);\n padding: 3px 6px;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EventSeverity } from '../../molecules/event-row/event-row';\n\nexport interface EventJournalItem {\n time?: string;\n severity: EventSeverity;\n source?: string;\n message: string;\n}\n\n/**\n * Chronological event / system log built from `<ind-event-row>`s, with a\n * severity filter in the toolbar.\n */\n@Component({\n tag: 'ind-event-journal',\n styleUrls: ['../_shared/panel.css', 'event-journal.css'],\n shadow: true,\n})\nexport class IndEventJournal {\n @Prop() heading: string = 'Event journal';\n /** Events, most-recent first. */\n @Prop() events: EventJournalItem[] = [];\n /** Active severity filter — `all` shows everything. */\n @Prop({ mutable: true }) filter: 'all' | EventSeverity = 'all';\n\n private onFilter = (e: Event) => {\n this.filter = (e.target as HTMLSelectElement).value as 'all' | EventSeverity;\n };\n\n render() {\n const rows = this.filter === 'all' ? this.events : this.events.filter((e) => e.severity === this.filter);\n return (\n <Host>\n <div class=\"panel-head\">\n <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n <div class=\"panel-actions\">\n <select class=\"filter\" part=\"filter\" onChange={this.onFilter}>\n <option value=\"all\">All severities</option>\n <option value=\"error\">Error</option>\n <option value=\"warning\">Warning</option>\n <option value=\"success\">Success</option>\n <option value=\"info\">Info</option>\n </select>\n </div>\n </div>\n <div class=\"panel-list\" part=\"list\">\n {rows.length === 0 ? (\n <div class=\"panel-empty\">No events</div>\n ) : (\n rows.map((e, i) => (\n <ind-event-row\n key={i}\n time={e.time}\n severity={e.severity}\n source={e.source}\n message={e.message}\n />\n ))\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,oU,MCmBjBC,EAAe,M,yBAClBC,QAAkB,gBAElBC,OAA6B,GAEZC,OAAgC,MAEjDC,SAAYC,IAClBC,KAAKH,OAAUE,EAAEE,OAA6BC,KAA8B,EAG9E,MAAAC,GACE,MAAMC,EAAOJ,KAAKH,SAAW,MAAQG,KAAKJ,OAASI,KAAKJ,OAAOC,QAAQE,GAAMA,EAAEM,WAAaL,KAAKH,SACjG,OACES,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWV,KAAKL,SAC/CW,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,SAASC,KAAK,SAASC,SAAUX,KAAKF,UAClDQ,EAAA,UAAAE,IAAA,2CAAQN,MAAM,OAAK,kBACnBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,SAAO,SACrBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,WAAS,WACvBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,WAAS,WACvBI,EAAA,UAAAE,IAAA,2CAAQN,MAAM,QAAM,WAI1BI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,aAAaC,KAAK,QAC1BN,EAAKQ,SAAW,EACfN,EAAA,OAAKG,MAAM,eAAa,aAExBL,EAAKS,KAAI,CAACd,EAAGe,IACXR,EAAA,iBACEE,IAAKM,EACLC,KAAMhB,EAAEgB,KACRV,SAAUN,EAAEM,SACZW,OAAQjB,EAAEiB,OACVC,QAASlB,EAAEkB,a","ignoreList":[]}

package/dist/ind-ds/p-7e337fb5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as e,H as t}from"./p-Bls_NlWP.js";const r=()=>`:host{display:flex;flex-direction:column;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border:1px solid var(--ind-surface-border-default);border-radius:var(--ind-radius-md, 3px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box;min-width:160px}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ind-spacing-3, 6px)}.card-title{font-size:var(--ind-font-size-xs, 10px);font-weight:var(--ind-font-weight-bold, 700);text-transform:uppercase;letter-spacing:0.08em;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}.card-detail{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}:host([state="fault"]){border-color:var(--ind-state-fault-bg, #dc2626);box-shadow:0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent)}:host([state="warning"]){border-color:color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 60%, var(--ind-surface-border-default))}`;const n=()=>`:host{min-width:210px}:host([state="error"]){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)}.endpoint{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary);background:var(--ind-surface-sunken);padding:3px 6px;border-radius:var(--ind-radius-sm, 2px);word-break:break-all}`;const d=class{constructor(e){a(this,e)}name;protocol;endpoint;state="disconnected";latency;render(){return e(t,{key:"d4650fd63a64a9dd3bc58fae077ea5a6f1cf71fb",role:"group","aria-label":`${this.name} connection ${this.state}`},e("div",{key:"0e4f0b7d8beeb28c51449a56a9bebea4ab0580ca",class:"card-head"},e("span",{key:"dec224a80ed7880f33e0c1bb6d2c5c28feeb8435",class:"card-title",part:"name"},this.name),this.protocol&&e("span",{key:"3e446e59f250e22556a8c6476363d6ad37395626",class:"card-tag",part:"protocol"},this.protocol)),e("ind-connection-indicator",{key:"7c41a2d6f998360827fbf299ff40197d98eb02a9",state:this.state,size:"md"}),this.endpoint&&e("code",{key:"26982889839026079a9fda011d3276efd99e26cc",class:"endpoint",part:"endpoint"},this.endpoint),this.latency!==undefined&&e("div",{key:"8eed12b7cee83a545d01efbc6fb98c24e5241b49",class:"card-detail",part:"latency"},"Latency ",Math.round(this.latency)," ms"))}};d.style=r()+n();export{d as ind_device_connection_card};
2	+ //# sourceMappingURL=p-7e337fb5.entry.js.map

package/dist/ind-ds/p-7e337fb5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["cardCss","deviceConnectionCardCss","IndDeviceConnectionCard","name","protocol","endpoint","state","latency","render","h","Host","key","role","this","class","part","size","undefined","Math","round"],"sources":["src/components/molecules/_shared/card.css?tag=ind-device-connection-card&encapsulation=shadow","src/components/molecules/device-connection-card/device-connection-card.css?tag=ind-device-connection-card&encapsulation=shadow","src/components/molecules/device-connection-card/device-connection-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: 210px;\n}\n\n/* The connection card uses its own state vocabulary, so map error→fault chrome. */\n:host([state=\"error\"]) {\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\n.endpoint {\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 background: var(--ind-surface-sunken);\n padding: 3px 6px;\n border-radius: var(--ind-radius-sm, 2px);\n word-break: break-all;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { ConnectionState } from '../../atoms/connection-indicator/connection-indicator';\n\n/**\n * Connection summary for a field device / driver: protocol, endpoint, live\n * connection state and round-trip latency.\n */\n@Component({\n tag: 'ind-device-connection-card',\n styleUrls: ['../_shared/card.css', 'device-connection-card.css'],\n shadow: true,\n})\nexport class IndDeviceConnectionCard {\n /** Device / driver name. */\n @Prop() name!: string;\n /** Protocol (e.g. \"Modbus TCP\", \"EtherNet/IP\"). */\n @Prop() protocol?: string;\n /** Endpoint (host:port / URL). */\n @Prop() endpoint?: string;\n /** Connection state — drives the indicator and fault chrome. */\n @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n /** Round-trip latency in ms. */\n @Prop() latency?: number;\n\n render() {\n return (\n <Host role=\"group\" aria-label={`${this.name} connection ${this.state}`}>\n <div class=\"card-head\">\n <span class=\"card-title\" part=\"name\">{this.name}</span>\n {this.protocol && <span class=\"card-tag\" part=\"protocol\">{this.protocol}</span>}\n </div>\n <ind-connection-indicator state={this.state} size=\"md\" />\n {this.endpoint && <code class=\"endpoint\" part=\"endpoint\">{this.endpoint}</code>}\n {this.latency !== undefined && (\n <div class=\"card-detail\" part=\"latency\">Latency {Math.round(this.latency)} ms</div>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,IAAM,8zCCAtB,MAAMC,EAA0B,IAAM,ib,MCYzBC,EAAuB,M,yBAE1BC,KAEAC,SAEAC,SAEiBC,MAAyB,eAE1CC,QAER,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QAAO,aAAa,GAAGC,KAAKV,mBAAmBU,KAAKP,SAC7DG,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,aAAaC,KAAK,QAAQF,KAAKV,MAC1CU,KAAKT,UAAYK,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,YAAYF,KAAKT,WAEjEK,EAAA,4BAAAE,IAAA,2CAA0BL,MAAOO,KAAKP,MAAOU,KAAK,OACjDH,KAAKR,UAAYI,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WAAWC,KAAK,YAAYF,KAAKR,UAC9DQ,KAAKN,UAAYU,WAChBR,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAcC,KAAK,WAAS,WAAUG,KAAKC,MAAMN,KAAKN,SAAQ,O","ignoreList":[]}