@ind-ds/core 0.1.1 → 0.2.1

package/dist/esm/{ind-input.entry.js → ind-batch-parameter-row_2.entry.js}

@@ -1,4 +1,49 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-D2yNiL0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-Bls_NlWP.js';
+
+const batchParameterRowCss = () => `:host{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));border-bottom:1px solid var(--ind-surface-border-subtle);font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1);box-sizing:border-box}.label{flex:1 1 auto;font-size:var(--ind-font-size-base, 12px)}.field{flex:0 0 96px}.unit{flex:0 0 auto;font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary);min-width:2.4em}.target{flex:0 0 auto;font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted)}:host([invalid]) .label{color:var(--ind-state-fault-bg, #dc2626)}`;
+
+const IndBatchParameterRow = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.indInput = createEvent(this, "indInput");
+        this.indChange = createEvent(this, "indChange");
+    }
+    /** Parameter name (e.g. "Dose volume"). */
+    label;
+    /** Current value (two-way). */
+    value;
+    /** Engineering unit. */
+    unit;
+    /** Input type. */
+    type = 'number';
+    min;
+    max;
+    step;
+    placeholder;
+    disabled = false;
+    /** Read-only target / default hint shown after the unit. */
+    target;
+    /** Mark the row as out of range / invalid. */
+    invalid = false;
+    /** Live value as the operator types. */
+    indInput;
+    /** Committed value. */
+    indChange;
+    onInput = (e) => {
+        e.stopPropagation();
+        this.value = e.detail;
+        this.indInput.emit(e.detail);
+    };
+    onChange = (e) => {
+        e.stopPropagation();
+        this.value = e.detail;
+        this.indChange.emit(e.detail);
+    };
+    render() {
+        return (h(Host, { key: 'ca3fcc16b4b12beafc70edb7139309f6106161f7' }, h("span", { key: 'bbfddee78a90efa9192ecfdfb6ff231febce8e97', class: "label", part: "label" }, this.label), h("ind-input", { key: 'f73bd43569badba5e96f70515b8da648e2380696', class: "field", part: "field", type: this.type, value: this.value !== undefined ? String(this.value) : '', min: this.min, max: this.max, step: this.step, placeholder: this.placeholder, disabled: this.disabled, invalid: this.invalid, size: "sm", label: this.label, onIndInput: this.onInput, onIndChange: this.onChange }), this.unit && h("span", { key: '8f0b4fc7bf745ae322c31c406ed2e50776ccaf42', class: "unit", part: "unit" }, this.unit), this.target && h("span", { key: 'aa38b054882735e874d168c254d76e904dbd40c7', class: "target", part: "target" }, "/ ", this.target)));
+    }
+};
+IndBatchParameterRow.style = batchParameterRowCss();
 
 const inputCss = () => `:host{display:inline-block;font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_h:var(--ind-size-input-md, 32px)}:host([size="sm"]){--_h:var(--ind-size-input-sm, 24px)}:host([size="md"]){--_h:var(--ind-size-input-md, 32px)}:host([size="lg"]){--_h:var(--ind-size-input-lg, 40px)}.wrap{display:inline-flex;flex-direction:column;gap:var(--ind-spacing-2, 4px);min-width:160px;max-width:100%}.label{font-size:var(--ind-font-size-sm, 11px);font-weight:var(--ind-font-weight-medium, 500);color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));letter-spacing:0.04em;text-transform:uppercase}.field{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);height:var(--_h);padding:0 var(--ind-spacing-4, 8px);background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-md, 3px);transition:border-color var(--ind-motion-duration-fast, 120ms),     box-shadow   var(--ind-motion-duration-fast, 120ms)}.field.is-focus{border-color:var(--ind-surface-focus-ring, #22d3ee);box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent)}.input{flex:1;min-width:0;height:100%;background:transparent;border:none;outline:none;padding:0;font:inherit;color:inherit;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.input::placeholder{color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));opacity:1}:host([type="number"]) .input{font-family:var(--ind-font-family-mono);font-variant-numeric:tabular-nums}:host([invalid]) .field{border-color:var(--ind-feedback-error-bg, #dc2626)}:host([invalid]) .field.is-focus{box-shadow:0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent)}:host([disabled]){opacity:0.55;pointer-events:none}:host([readonly]) .field{background:var(--ind-surface-panel, light-dark(#f4f6f9, #11161c))}::slotted([slot="prefix"]),::slotted([slot="suffix"]){color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));font-size:var(--ind-font-size-sm, 11px);font-family:var(--ind-font-family-mono);white-space:nowrap}`;
 
@@ -44,12 +89,12 @@ const IndInput = class {
         this.indChange.emit(v);
     };
     render() {
-        return (h(Host, { key: 'bb19139e219e04af88a8d60ef7189b1fe75cb9fa' }, h("label", { key: '95047b762b29dddf02e1236c4febb7bd175a5375', class: "wrap", part: "wrap" }, this.label && h("span", { key: '3dfe06b89e8022fc4dc74e29d73edd4684ca7305', class: "label", part: "label" }, this.label), h("span", { key: '4714f42749f9018c7a472c85d4ce59537ac60b1f', class: { field: true, 'is-focus': this.hasFocus }, part: "field" }, h("slot", { key: '97e0af1ba3eec75684483fa1fb76d08eec886075', name: "prefix" }), h("input", { key: '3764cd35fb827430a05af94b3fd2164d1f812cfa', part: "input", class: "input", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, pattern: this.pattern, autocomplete: this.autocomplete, inputMode: this.mode, "aria-invalid": this.invalid ? 'true' : 'false', onFocus: () => (this.hasFocus = true), onBlur: () => (this.hasFocus = false), onInput: this.onInput, onChange: this.onChange }), h("slot", { key: '1fefcb0e2fa6efd3385aef0bbf8b228578915c3a', name: "suffix" })))));
+        return (h(Host, { key: 'dcf35aa853a7a2add80577d244296620bb261803' }, h("label", { key: '348fb0868b752944e27ff1154f975a044e09419b', class: "wrap", part: "wrap" }, this.label && h("span", { key: '1d84bbb1ce396de514050b47e84187067be64217', class: "label", part: "label" }, this.label), h("span", { key: '774e1b7bc60d21ddb8288806687246652d4e3c68', class: { field: true, 'is-focus': this.hasFocus }, part: "field" }, h("slot", { key: '59316cc9345755e9257c8c0111dbb7708a523ca9', name: "prefix" }), h("input", { key: '58fd74afcef00c48c587029c5c4d68c1bb9bc999', part: "input", class: "input", type: this.type, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, name: this.name, min: this.min, max: this.max, step: this.step, pattern: this.pattern, autocomplete: this.autocomplete, inputMode: this.mode, "aria-invalid": this.invalid ? 'true' : 'false', onFocus: () => (this.hasFocus = true), onBlur: () => (this.hasFocus = false), onInput: this.onInput, onChange: this.onChange }), h("slot", { key: 'a2e65d9d230e5ceed0a5732ab17892c3b239535f', name: "suffix" })))));
     }
 };
 IndInput.style = inputCss();
 
-export { IndInput as ind_input };
-//# sourceMappingURL=ind-input.entry.js.map
+export { IndBatchParameterRow as ind_batch_parameter_row, IndInput as ind_input };
+//# sourceMappingURL=ind-batch-parameter-row.ind-input.entry.js.map
 
-//# sourceMappingURL=ind-input.entry.js.map
+//# sourceMappingURL=ind-batch-parameter-row_2.entry.js.map

package/dist/esm/ind-batch-parameter-row_2.entry.js.map

@@ -0,0 +1 @@
+{"file":"ind-batch-parameter-row_2.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,suBAAsuB,CAAC;;MCY9vB,oBAAoB,GAAA,MAAA;;;;;;;AAEvB,IAAA,KAAK;;AAEY,IAAA,KAAK;;AAEtB,IAAA,IAAI;;IAEJ,IAAI,GAAW,QAAQ;AACvB,IAAA,GAAG;AACH,IAAA,GAAG;AACH,IAAA,IAAI;AACJ,IAAA,WAAW;IACX,QAAQ,GAAY,KAAK;;AAEzB,IAAA,MAAM;;IAEW,OAAO,GAAY,KAAK;;AAGxC,IAAA,QAAQ;;AAER,IAAA,SAAS;AAEV,IAAA,OAAO,GAAG,CAAC,CAAsB,KAAI;QAC3C,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC9B,KAAC;AACO,IAAA,QAAQ,GAAG,CAAC,CAAsB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM;QACrB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC/B,KAAC;IAED,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,EACpD,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAW,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,EACzD,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EACxB,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAA,CAC1B,EACD,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,IAAI,CAAQ,EAC9D,IAAI,CAAC,MAAM,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,QAAI,IAAI,CAAC,MAAM,CAAQ,CACpE;;;;;ACrEb,MAAM,QAAQ,GAAG,MAAM,CAAC,6oEAA6oE,CAAC;;MCqBzpE,QAAQ,GAAA,MAAA;;;;;;;IAGM,IAAI,GAAc,MAAM;IACxB,IAAI,GAAc,IAAI;IACtB,KAAK,GAAW,EAAE;AACnC,IAAA,WAAW;IACM,QAAQ,GAAY,KAAK;IACzB,QAAQ,GAAY,KAAK;IACzB,OAAO,GAAY,KAAK;AACzC,IAAA,KAAK;AACL,IAAA,IAAI;AACJ,IAAA,GAAG;AACH,IAAA,GAAG;AACH,IAAA,IAAI;AACJ,IAAA,OAAO;AACP,IAAA,YAAY;;AAEc,IAAA,IAAI;IAErB,QAAQ,GAAG,KAAK;;AAGxB,IAAA,QAAQ;;AAER,IAAA,SAAS;;AAIlB,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE;;AAG/C,IAAA,OAAO,GAAG,CAAC,CAAQ,KAAI;AAC7B,QAAA,MAAM,CAAC,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;AAC9C,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC;AACd,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;AACvB,KAAC;AAEO,IAAA,QAAQ,GAAG,CAAC,CAAQ,KAAI;AAC9B,QAAA,MAAM,CAAC,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK;AAC9C,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACxB,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAA,EAC5B,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,EACnE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAC,OAAO,EAAA,EACnE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,EACtB,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,GAAG,EAAE,IAAI,CAAC,GAAwB,EAClC,GAAG,EAAE,IAAI,CAAC,GAAwB,EAClC,IAAI,EAAE,IAAI,CAAC,IAAyB,EACpC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,YAAuC,EAC1D,SAAS,EAAE,IAAI,CAAC,IAA4B,EAAA,cAAA,EAC9B,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,EAC7C,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EACrC,MAAM,EAAE,OAAO,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,EACrC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,CACvB,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACjB,CACD,CACH;;;;;;;","names":[],"sources":["src/components/molecules/batch-parameter-row/batch-parameter-row.css?tag=ind-batch-parameter-row&encapsulation=shadow","src/components/molecules/batch-parameter-row/batch-parameter-row.tsx","src/components/atoms/input/input.css?tag=ind-input&encapsulation=shadow","src/components/atoms/input/input.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  border-bottom: 1px solid var(--ind-surface-border-subtle);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n  box-sizing: border-box;\n}\n\n.label {\n  flex: 1 1 auto;\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.field {\n  flex: 0 0 96px;\n}\n\n.unit {\n  flex: 0 0 auto;\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-secondary);\n  min-width: 2.4em;\n}\n\n.target {\n  flex: 0 0 auto;\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted);\n}\n\n:host([invalid]) .label { color: var(--ind-state-fault-bg, #dc2626); }\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n/**\n * One editable parameter in a batch / recipe parameter list: label, value\n * input, unit suffix and an optional target hint. Designed to stack inside a\n * scrolling parameter table.\n */\n@Component({\n  tag: 'ind-batch-parameter-row',\n  styleUrl: 'batch-parameter-row.css',\n  shadow: true,\n})\nexport class IndBatchParameterRow {\n  /** Parameter name (e.g. \"Dose volume\"). */\n  @Prop() label!: string;\n  /** Current value (two-way). */\n  @Prop({ mutable: true }) value?: string | number;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Input type. */\n  @Prop() type: string = 'number';\n  @Prop() min?: number;\n  @Prop() max?: number;\n  @Prop() step?: number;\n  @Prop() placeholder?: string;\n  @Prop() disabled: boolean = false;\n  /** Read-only target / default hint shown after the unit. */\n  @Prop() target?: string;\n  /** Mark the row as out of range / invalid. */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Live value as the operator types. */\n  @Event() indInput!: EventEmitter<string>;\n  /** Committed value. */\n  @Event() indChange!: EventEmitter<string>;\n\n  private onInput = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indInput.emit(e.detail);\n  };\n  private onChange = (e: CustomEvent<string>) => {\n    e.stopPropagation();\n    this.value = e.detail;\n    this.indChange.emit(e.detail);\n  };\n\n  render() {\n    return (\n      <Host>\n        <span class=\"label\" part=\"label\">{this.label}</span>\n        <ind-input\n          class=\"field\"\n          part=\"field\"\n          type={this.type as any}\n          value={this.value !== undefined ? String(this.value) : ''}\n          min={this.min}\n          max={this.max}\n          step={this.step}\n          placeholder={this.placeholder}\n          disabled={this.disabled}\n          invalid={this.invalid}\n          size=\"sm\"\n          label={this.label}\n          onIndInput={this.onInput}\n          onIndChange={this.onChange}\n        />\n        {this.unit && <span class=\"unit\" part=\"unit\">{this.unit}</span>}\n        {this.target && <span class=\"target\" part=\"target\">/ {this.target}</span>}\n      </Host>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n  font-family: var(--ind-font-family-sans);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_h: var(--ind-size-input-md, 32px);\n}\n\n:host([size=\"sm\"]) { --_h: var(--ind-size-input-sm, 24px); }\n:host([size=\"md\"]) { --_h: var(--ind-size-input-md, 32px); }\n:host([size=\"lg\"]) { --_h: var(--ind-size-input-lg, 40px); }\n\n.wrap {\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--ind-spacing-2, 4px);\n  min-width: 160px;\n  max-width: 100%;\n}\n\n.label {\n  font-size: var(--ind-font-size-sm, 11px);\n  font-weight: var(--ind-font-weight-medium, 500);\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n}\n\n.field {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  height: var(--_h);\n  padding: 0 var(--ind-spacing-4, 8px);\n  background: var(--ind-surface-sunken, light-dark(#ffffff, #000000));\n  border: 1px solid var(--ind-surface-border-default, #2a3340);\n  border-radius: var(--ind-radius-md, 3px);\n  transition:\n    border-color var(--ind-motion-duration-fast, 120ms),\n    box-shadow   var(--ind-motion-duration-fast, 120ms);\n}\n\n.field.is-focus {\n  border-color: var(--ind-surface-focus-ring, #22d3ee);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring, #22d3ee) 35%, transparent);\n}\n\n.input {\n  flex: 1;\n  min-width: 0;\n  height: 100%;\n  background: transparent;\n  border: none;\n  outline: none;\n  padding: 0;\n  font: inherit;\n  color: inherit;\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.input::placeholder {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  opacity: 1;\n}\n\n:host([type=\"number\"]) .input {\n  font-family: var(--ind-font-family-mono);\n  font-variant-numeric: tabular-nums;\n}\n\n:host([invalid]) .field {\n  border-color: var(--ind-feedback-error-bg, #dc2626);\n}\n:host([invalid]) .field.is-focus {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-feedback-error-bg, #dc2626) 40%, transparent);\n}\n\n:host([disabled]) {\n  opacity: 0.55;\n  pointer-events: none;\n}\n\n:host([readonly]) .field {\n  background: var(--ind-surface-panel, light-dark(#f4f6f9, #11161c));\n}\n\n::slotted([slot=\"prefix\"]),\n::slotted([slot=\"suffix\"]) {\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n  font-size: var(--ind-font-size-sm, 11px);\n  font-family: var(--ind-font-family-mono);\n  white-space: nowrap;\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  h,\n  Host,\n} from '@stencil/core';\n\nexport type InputType = 'text' | 'number' | 'email' | 'password' | 'search' | 'tel' | 'url';\nexport type InputSize = 'sm' | 'md' | 'lg';\nexport type InputMode = 'text' | 'numeric' | 'decimal' | 'tel' | 'url' | 'email' | 'search' | 'none';\n\n@Component({\n  tag: 'ind-input',\n  styleUrl: 'input.css',\n  shadow: true,\n})\nexport class IndInput {\n  @Element() host!: HTMLElement;\n\n  @Prop({ reflect: true }) type: InputType = 'text';\n  @Prop({ reflect: true }) size: InputSize = 'md';\n  @Prop({ mutable: true }) value: string = '';\n  @Prop() placeholder?: string;\n  @Prop({ reflect: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) readonly: boolean = false;\n  @Prop({ reflect: true }) invalid: boolean = false;\n  @Prop() label?: string;\n  @Prop() name?: string;\n  @Prop() min?: number | string;\n  @Prop() max?: number | string;\n  @Prop() step?: number | string;\n  @Prop() pattern?: string;\n  @Prop() autocomplete?: string;\n  /** Maps to the native `inputmode` attribute — named `mode` to avoid clashing with `HTMLElement.inputMode`. */\n  @Prop({ attribute: 'inputmode' }) mode?: InputMode;\n\n  @State() private hasFocus = false;\n\n  /** Fires on every keystroke. */\n  @Event() indInput!: EventEmitter<string>;\n  /** Fires on change (blur or Enter). */\n  @Event() indChange!: EventEmitter<string>;\n\n  /** Programmatically focus the underlying input. */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.host.shadowRoot?.querySelector('input')?.focus();\n  }\n\n  private onInput = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.value = v;\n    this.indInput.emit(v);\n  };\n\n  private onChange = (e: Event) => {\n    const v = (e.target as HTMLInputElement).value;\n    this.indChange.emit(v);\n  };\n\n  render() {\n    return (\n      <Host>\n        <label class=\"wrap\" part=\"wrap\">\n          {this.label && <span class=\"label\" part=\"label\">{this.label}</span>}\n          <span class={{ field: true, 'is-focus': this.hasFocus }} part=\"field\">\n            <slot name=\"prefix\" />\n            <input\n              part=\"input\"\n              class=\"input\"\n              type={this.type}\n              value={this.value}\n              placeholder={this.placeholder}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              name={this.name}\n              min={this.min as unknown as string}\n              max={this.max as unknown as string}\n              step={this.step as unknown as string}\n              pattern={this.pattern}\n              autocomplete={this.autocomplete as unknown as 'on' | 'off'}\n              inputMode={this.mode as unknown as undefined}\n              aria-invalid={this.invalid ? 'true' : 'false'}\n              onFocus={() => (this.hasFocus = true)}\n              onBlur={() => (this.hasFocus = false)}\n              onInput={this.onInput}\n              onChange={this.onChange}\n            />\n            <slot name=\"suffix\" />\n          </span>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/ind-breadcrumb-item.entry.js

@@ -0,0 +1,35 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bls_NlWP.js';
+
+const breadcrumbItemCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px)}.crumb{appearance:none;border:none;background:none;padding:0;margin:0;font:inherit;cursor:pointer;color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));text-decoration:none}a.crumb:hover,button.crumb:hover{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));text-decoration:underline}.crumb:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #67e8f9);outline-offset:2px;border-radius:var(--ind-radius-sm, 2px)}:host([current]) .crumb{color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));font-weight:var(--ind-font-weight-semibold, 600);cursor:default}.sep{color:var(--ind-surface-text-muted, #7a8694);user-select:none}`;
+
+const IndBreadcrumbItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.indNavigate = createEvent(this, "indNavigate");
+    }
+    /** Navigation target. When omitted the item renders as a button. */
+    href;
+    /** Marks the current page (last crumb) — not interactive. */
+    current = false;
+    /** Hide the trailing separator (set on the last item). */
+    last = false;
+    /** Fires when a non-current item is activated. */
+    indNavigate;
+    onClick = (e) => {
+        if (this.current) {
+            e.preventDefault();
+            return;
+        }
+        this.indNavigate.emit();
+    };
+    render() {
+        const interactive = !this.current;
+        return (h(Host, { key: 'ea2f0840d0904558285e0645f99db8833e8ba05f', role: "listitem" }, interactive && this.href ? (h("a", { class: "crumb", part: "crumb", href: this.href, onClick: this.onClick }, h("slot", null))) : interactive ? (h("button", { type: "button", class: "crumb", part: "crumb", onClick: this.onClick }, h("slot", null))) : (h("span", { class: "crumb", part: "crumb", "aria-current": "page" }, h("slot", null))), !this.last && h("span", { key: '79aa0f9f8d13766a05c2df663869b46d94ce27a9', class: "sep", part: "separator", "aria-hidden": "true" }, "/")));
+    }
+};
+IndBreadcrumbItem.style = breadcrumbItemCss();
+
+export { IndBreadcrumbItem as ind_breadcrumb_item };
+//# sourceMappingURL=ind-breadcrumb-item.entry.js.map
+
+//# sourceMappingURL=ind-breadcrumb-item.entry.js.map

package/dist/esm/ind-breadcrumb-item.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-breadcrumb-item.entry.js","sources":["src/components/atoms/breadcrumb-item/breadcrumb-item.css?tag=ind-breadcrumb-item&encapsulation=shadow","src/components/atoms/breadcrumb-item/breadcrumb-item.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n}\n\n.crumb {\n  appearance: none;\n  border: none;\n  background: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n  cursor: pointer;\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  text-decoration: none;\n}\n\na.crumb:hover,\nbutton.crumb:hover {\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  text-decoration: underline;\n}\n\n.crumb:focus-visible {\n  outline: 2px solid var(--ind-surface-focus-ring, #67e8f9);\n  outline-offset: 2px;\n  border-radius: var(--ind-radius-sm, 2px);\n}\n\n:host([current]) .crumb {\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  font-weight: var(--ind-font-weight-semibold, 600);\n  cursor: default;\n}\n\n.sep {\n  color: var(--ind-surface-text-muted, #7a8694);\n  user-select: none;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.css',\n  shadow: true,\n})\nexport class IndBreadcrumbItem {\n  /** Navigation target. When omitted the item renders as a button. */\n  @Prop() href?: string;\n  /** Marks the current page (last crumb) — not interactive. */\n  @Prop({ reflect: true }) current: boolean = false;\n  /** Hide the trailing separator (set on the last item). */\n  @Prop({ reflect: true }) last: boolean = false;\n\n  /** Fires when a non-current item is activated. */\n  @Event() indNavigate!: EventEmitter<void>;\n\n  private onClick = (e: MouseEvent) => {\n    if (this.current) {\n      e.preventDefault();\n      return;\n    }\n    this.indNavigate.emit();\n  };\n\n  render() {\n    const interactive = !this.current;\n    return (\n      <Host role=\"listitem\">\n        {interactive && this.href ? (\n          <a class=\"crumb\" part=\"crumb\" href={this.href} onClick={this.onClick}>\n            <slot />\n          </a>\n        ) : interactive ? (\n          <button type=\"button\" class=\"crumb\" part=\"crumb\" onClick={this.onClick}>\n            <slot />\n          </button>\n        ) : (\n          <span class=\"crumb\" part=\"crumb\" aria-current=\"page\">\n            <slot />\n          </span>\n        )}\n        {!this.last && <span class=\"sep\" part=\"separator\" aria-hidden=\"true\">/</span>}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,w1BAAw1B,CAAC;;MCO72B,iBAAiB,GAAA,MAAA;;;;;;AAEpB,IAAA,IAAI;;IAEa,OAAO,GAAY,KAAK;;IAExB,IAAI,GAAY,KAAK;;AAGrC,IAAA,WAAW;AAEZ,IAAA,OAAO,GAAG,CAAC,CAAa,KAAI;AAClC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,CAAC,CAAC,cAAc,EAAE;YAClB;;AAEF,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,OAAO;AACjC,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,UAAU,EAAA,EAClB,WAAW,IAAI,IAAI,CAAC,IAAI,IACvB,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAClE,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACN,IACF,WAAW,IACb,CAAA,CAAA,QAAA,EAAA,EAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACpE,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACD,KAET,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,kBAAc,MAAM,EAAA,EAClD,CAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACH,CACR,EACA,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,WAAW,EAAA,aAAA,EAAa,MAAM,EAAA,EAAA,GAAA,CAAS,CACxE;;;;;;;"}

package/dist/esm/ind-button.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-D2yNiL0d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-Bls_NlWP.js';
 
 const buttonCss = () => `:host{display:inline-block;font-family:var(--ind-font-family-sans)}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-6, 16px);font-family:inherit;font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1;letter-spacing:0.01em;background:var(--_bg, var(--ind-button-default-bg, #1a2129));color:var(--_fg, var(--ind-button-default-fg, #eef1f5));border:1px solid var(--_border, var(--ind-button-default-border, #3d4856));border-radius:var(--ind-radius-md, 3px);cursor:pointer;user-select:none;touch-action:manipulation;transition:background-color var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.btn:hover:not(:disabled){background:var(--_bg-hover, var(--ind-button-default-bg-hover, #2a3340))}.btn:active:not(:disabled),.btn.is-holding:not(:disabled){background:var(--_bg-active, var(--ind-button-default-bg-active, #3d4856))}.btn:focus-visible{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}.btn:disabled{opacity:0.5;cursor:not-allowed}:host([variant="primary"]) .btn{--_bg:var(--ind-button-primary-bg, #2563eb);--_bg-hover:var(--ind-button-primary-bg-hover, #60a5fa);--_bg-active:var(--ind-button-primary-bg-active, #60a5fa);--_fg:var(--ind-button-primary-fg, #ffffff);--_border:var(--ind-button-primary-border, #60a5fa)}:host([variant="danger"]) .btn{--_bg:var(--ind-button-danger-bg, #dc2626);--_bg-hover:var(--ind-button-danger-bg-hover, #f87171);--_bg-active:var(--ind-button-danger-bg-active, #f87171);--_fg:var(--ind-button-danger-fg, #ffffff);--_border:var(--ind-button-danger-border, #f87171)}:host([variant="ghost"]) .btn{--_bg:transparent;--_bg-hover:var(--ind-button-ghost-bg-hover, #1a2129);--_bg-active:var(--ind-button-ghost-bg-active, #2a3340)}:host([size="sm"]) .btn{font-size:var(--ind-font-size-sm, 11px);padding:var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px)}:host([size="lg"]) .btn{font-size:var(--ind-font-size-lg, 14px);padding:var(--ind-spacing-5, 12px) var(--ind-spacing-7, 20px)}.content{position:relative;z-index:1}.hold-progress{position:absolute;inset:0;background:currentColor;opacity:0.18;transform-origin:left center;transform:scaleX(0);transition:transform 60ms linear;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}`;
 
@@ -66,7 +66,7 @@ const IndButton = class {
     }
     render() {
         const isHolding = this.progress > 0 && this.progress < 1;
-        return (h(Host, { key: 'bbafede18f13eac5486d9cae0c2bd727375e7762' }, h("button", { key: '82bf34d3c9943e33edd5c8863be6457d3c201ece', type: "button", class: { btn: true, 'is-holding': isHolding }, part: "btn", disabled: this.disabled, "aria-label": this.label, "aria-describedby": this.holdToConfirmMs > 0 ? 'hold-hint' : undefined, onPointerDown: this.startHold, onPointerUp: this.cancelHold, onPointerLeave: this.cancelHold, onPointerCancel: this.cancelHold, onKeyDown: this.onKeyDown, onKeyUp: this.cancelHold }, h("span", { key: '75252fda5e1229f6c335df277b0c09a18d0b621d', class: "content", part: "content" }, h("slot", { key: 'f9a158deadf76da0cf1e13680c1b1dd444273387' }, this.label)), this.holdToConfirmMs > 0 && (h("span", { key: '7ba778902c08b3d8fe6b1c6a963c4ab645369110', class: "hold-progress", part: "hold-progress", style: { transform: `scaleX(${this.progress})` }, "aria-hidden": "true" }))), this.holdToConfirmMs > 0 && (h("span", { key: '9c2f72de9486bfed4855c5dc81dbf54161c97842', id: "hold-hint", class: "sr-only" }, "Hold to confirm (", this.holdToConfirmMs, " ms)"))));
+        return (h(Host, { key: '6265f36f3ba534127950edd92a66f9845e500239' }, h("button", { key: '4b7e7b7f3998dcc6149776138b33ce32a0f7990f', type: "button", class: { btn: true, 'is-holding': isHolding }, part: "btn", disabled: this.disabled, "aria-label": this.label, "aria-describedby": this.holdToConfirmMs > 0 ? 'hold-hint' : undefined, onPointerDown: this.startHold, onPointerUp: this.cancelHold, onPointerLeave: this.cancelHold, onPointerCancel: this.cancelHold, onKeyDown: this.onKeyDown, onKeyUp: this.cancelHold }, h("span", { key: '7a3742b5296acc828b31c7a1c72d741c5466cd3b', class: "content", part: "content" }, h("slot", { key: '6afe09c5f9ac3e032d86fab913a57e098ed19664' }, this.label)), this.holdToConfirmMs > 0 && (h("span", { key: 'b5157b7e7ab97367de99b6d9eb33dd86d499be1b', class: "hold-progress", part: "hold-progress", style: { transform: `scaleX(${this.progress})` }, "aria-hidden": "true" }))), this.holdToConfirmMs > 0 && (h("span", { key: '8f2fdfa61efd0061604b8230012f916bbc7eef34', id: "hold-hint", class: "sr-only" }, "Hold to confirm (", this.holdToConfirmMs, " ms)"))));
     }
 };
 IndButton.style = buttonCss();

package/dist/esm/ind-canvas-layer.entry.js

@@ -0,0 +1,36 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const canvasLayerCss = () => `:host{position:absolute;display:inline-block;transform-origin:center}`;
+
+const IndCanvasLayer = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Horizontal position as a percentage of the parent (0–100). */
+    x = 0;
+    /** Vertical position as a percentage of the parent (0–100). */
+    y = 0;
+    /** Rotation in degrees. */
+    rotation = 0;
+    /** Uniform scale factor. */
+    scale = 1;
+    /** Stacking order. */
+    z = 0;
+    /** Anchor the placed content by its center (default) or top-left. */
+    anchor = 'center';
+    render() {
+        const translate = this.anchor === 'center' ? 'translate(-50%, -50%)' : 'translate(0, 0)';
+        return (h(Host, { key: '9133c1e4def8fc950638b32d0e459ee7424a0d1d', style: {
+                left: `${this.x}%`,
+                top: `${this.y}%`,
+                zIndex: String(this.z),
+                transform: `${translate} rotate(${this.rotation}deg) scale(${this.scale})`,
+            } }, h("slot", { key: '168b3e4ecc1c9d34f96a8fc0faf5e9dab5ffc2a3' })));
+    }
+};
+IndCanvasLayer.style = canvasLayerCss();
+
+export { IndCanvasLayer as ind_canvas_layer };
+//# sourceMappingURL=ind-canvas-layer.entry.js.map
+
+//# sourceMappingURL=ind-canvas-layer.entry.js.map

package/dist/esm/ind-canvas-layer.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-canvas-layer.entry.js","sources":["src/components/atoms/canvas-layer/canvas-layer.css?tag=ind-canvas-layer&encapsulation=shadow","src/components/atoms/canvas-layer/canvas-layer.tsx"],"sourcesContent":[":host {\n  position: absolute;\n  display: inline-block;\n  transform-origin: center;\n}\n\n/* Pair with a positioned container (e.g. an ind P&ID frame) that sets\n * `position: relative`. Layers stack by their `z` prop. */\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'ind-canvas-layer',\n  styleUrl: 'canvas-layer.css',\n  shadow: true,\n})\nexport class IndCanvasLayer {\n  /** Horizontal position as a percentage of the parent (0–100). */\n  @Prop() x: number = 0;\n  /** Vertical position as a percentage of the parent (0–100). */\n  @Prop() y: number = 0;\n  /** Rotation in degrees. */\n  @Prop() rotation: number = 0;\n  /** Uniform scale factor. */\n  @Prop() scale: number = 1;\n  /** Stacking order. */\n  @Prop() z: number = 0;\n  /** Anchor the placed content by its center (default) or top-left. */\n  @Prop({ reflect: true }) anchor: 'center' | 'top-left' = 'center';\n\n  render() {\n    const translate = this.anchor === 'center' ? 'translate(-50%, -50%)' : 'translate(0, 0)';\n    return (\n      <Host\n        style={{\n          left: `${this.x}%`,\n          top: `${this.y}%`,\n          zIndex: String(this.z),\n          transform: `${translate} rotate(${this.rotation}deg) scale(${this.scale})`,\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,cAAc,GAAG,MAAM,CAAC,qEAAqE,CAAC;;MCOvF,cAAc,GAAA,MAAA;;;;;IAEjB,CAAC,GAAW,CAAC;;IAEb,CAAC,GAAW,CAAC;;IAEb,QAAQ,GAAW,CAAC;;IAEpB,KAAK,GAAW,CAAC;;IAEjB,CAAC,GAAW,CAAC;;IAEI,MAAM,GAA0B,QAAQ;IAEjE,MAAM,GAAA;AACJ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,QAAQ,GAAG,uBAAuB,GAAG,iBAAiB;QACxF,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,CAAA,EAAG,IAAI,CAAC,CAAC,CAAA,CAAA,CAAG;AAClB,gBAAA,GAAG,EAAE,CAAA,EAAG,IAAI,CAAC,CAAC,CAAA,CAAA,CAAG;AACjB,gBAAA,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;gBACtB,SAAS,EAAE,CAAA,EAAG,SAAS,CAAA,QAAA,EAAW,IAAI,CAAC,QAAQ,CAAA,WAAA,EAAc,IAAI,CAAC,KAAK,CAAA,CAAA,CAAG;AAC3E,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;"}

package/dist/esm/ind-checkbox.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-D2yNiL0d.js';
+import { r as registerInstance, c as createEvent, a as getElement, h, H as Host } from './index-Bls_NlWP.js';
 
 const checkboxCss = () => `:host{display:inline-flex;font-family:var(--ind-font-family-sans);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:16px}:host([size="sm"]){--_size:12px}:host([size="md"]){--_size:16px}:host([size="lg"]){--_size:20px}.wrap{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);cursor:pointer;user-select:none}.box{position:relative;display:inline-block;width:var(--_size);height:var(--_size);flex-shrink:0}.native{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}.mark{position:relative;display:block;width:100%;height:100%;background:var(--ind-surface-sunken, light-dark(#ffffff, #000000));border:1px solid var(--ind-surface-border-default, #2a3340);border-radius:var(--ind-radius-sm, 2px);transition:background var(--ind-motion-duration-fast, 120ms),     border-color var(--ind-motion-duration-fast, 120ms)}.mark::after{content:"";position:absolute;inset:0;display:block;background-position:center;background-repeat:no-repeat;background-size:70%;opacity:0;transition:opacity var(--ind-motion-duration-fast, 120ms)}:host([checked]) .mark,:host([indeterminate]) .mark{background:var(--ind-button-primary-bg, #2563eb);border-color:var(--ind-button-primary-border, #60a5fa)}:host([checked]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.5 3.5L13 5'/></svg>")}:host([indeterminate]) .mark::after{opacity:1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' d='M3 8h10'/></svg>")}.native:focus-visible+.mark{outline:2px solid var(--ind-surface-focus-ring, #22d3ee);outline-offset:2px}:host([disabled]){opacity:0.5}:host([disabled]) .wrap{cursor:not-allowed}.label{line-height:1.2}`;
 
@@ -31,7 +31,7 @@ const IndCheckbox = class {
     };
     render() {
         const ariaChecked = this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false';
-        return (h(Host, { key: 'd4b48a80703ea584c4db306d26fcaebd990f9d87' }, h("label", { key: 'd101498325e34b2d4ce87189aaf82930f81fd831', class: "wrap", part: "wrap" }, h("span", { key: '8363b37e0c6a9a082dbab4e0bb26b09506cb4b00', class: "box", part: "box" }, h("input", { key: '2c2a0d2e10c70a97aa2c983941f14bd3c6bc30dd', type: "checkbox", class: "native", part: "native", checked: this.checked, disabled: this.disabled, name: this.name, value: this.value, "aria-checked": ariaChecked, onChange: this.onChange }), h("span", { key: '41f5ba40d9c2e27e899366e9de111d3aa4a3817c', class: "mark", part: "mark", "aria-hidden": "true" })), this.label && h("span", { key: 'c9955a662691ac94a2be379edc332f550f09b53e', class: "label", part: "label" }, this.label))));
+        return (h(Host, { key: '97a30cc5fc8eb0a01e0193b56e811abd3f322a31' }, h("label", { key: 'cac1ab16f2b130f3dac76e5b861ecbd3a9271b23', class: "wrap", part: "wrap" }, h("span", { key: 'e18b87b7e0fbc6f87a631b47a03e7d56d12bda9a', class: "box", part: "box" }, h("input", { key: 'e2f3e227b34b5b0161fced6d2ac9dc671a1812ed', type: "checkbox", class: "native", part: "native", checked: this.checked, disabled: this.disabled, name: this.name, value: this.value, "aria-checked": ariaChecked, onChange: this.onChange }), h("span", { key: '0181321087723255ed57ac80503fe2bfa54a3b13', class: "mark", part: "mark", "aria-hidden": "true" })), this.label && h("span", { key: '27a256ee09a5c9f362221a78b4faeb32b4e63f86', class: "label", part: "label" }, this.label))));
     }
     static get watchers() { return {
         "indeterminate": [{

package/dist/esm/ind-command-center.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const panelCss = () => `: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 commandCenterCss = () => `:host{min-width:360px}.panel-grid ::slotted(ind-button){width:100%}`;
+
+const IndCommandCenter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    heading = 'Commands';
+    /** Number of grid columns. */
+    columns = 3;
+    render() {
+        return (h(Host, { key: '0e940307c0d90ba04dbc0f76d64719da1de05645' }, h("div", { key: '9d1f55e83a5ef6349ce9aca43e160a33498f632d', class: "panel-head" }, h("span", { key: '8528df0fbc7392610f97065563f11ced38671ecb', class: "panel-title", part: "heading" }, this.heading), h("div", { key: '2a40df00eeb14acc6e826b0598197610a0b66c32', class: "panel-actions" }, h("slot", { key: '94651051f0ce2c1b623b40a415684beeb15992cd', name: "actions" }))), h("div", { key: 'e59a5ac82ad66bc57f25b85e3183624d1b595066', class: "panel-grid", part: "grid", style: { gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` } }, h("slot", { key: '9e771be3149a0a349c5933fbd3498e005ab78158' }))));
+    }
+};
+IndCommandCenter.style = panelCss() + commandCenterCss();
+
+export { IndCommandCenter as ind_command_center };
+//# sourceMappingURL=ind-command-center.entry.js.map
+
+//# sourceMappingURL=ind-command-center.entry.js.map

package/dist/esm/ind-command-center.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-command-center.entry.js","sources":["src/components/organisms/_shared/panel.css?tag=ind-command-center&encapsulation=shadow","src/components/organisms/command-center/command-center.css?tag=ind-command-center&encapsulation=shadow","src/components/organisms/command-center/command-center.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.panel-grid ::slotted(ind-button) {\n  width: 100%;\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Command center: a grid palette of command buttons / command groups for an\n * operator landing page or a quick-action overlay. Slot the commands in.\n */\n@Component({\n  tag: 'ind-command-center',\n  styleUrls: ['../_shared/panel.css', 'command-center.css'],\n  shadow: true,\n})\nexport class IndCommandCenter {\n  @Prop() heading: string = 'Commands';\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"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,yzDAAyzD,CAAC;;ACAl1D,MAAM,gBAAgB,GAAG,MAAM,CAAC,mEAAmE,CAAC;;MCWvF,gBAAgB,GAAA,MAAA;;;;IACnB,OAAO,GAAW,UAAU;;IAE5B,OAAO,GAAW,CAAC;IAE3B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAAM,CACpD,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,OAAO,CAAA,iBAAA,CAAmB,EAAE,EAAA,EAEzE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACD;;;;;;;"}

package/dist/esm/ind-command-group.entry.js

@@ -0,0 +1,24 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const commandGroupCss = () => `: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 IndCommandGroup = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Accessible label for the toolbar group. */
+    label;
+    /** Layout direction. */
+    orientation = 'horizontal';
+    /** Render attached (shared borders, no gap) instead of spaced. */
+    attached = false;
+    render() {
+        return (h(Host, { key: '9b4a75ffd5999eb7ffec1e428b66f00bce939ae3', role: "group", "aria-label": this.label }, h("slot", { key: 'a433f837349fe52f09a2de8dc51e51024d947d0f' })));
+    }
+};
+IndCommandGroup.style = commandGroupCss();
+
+export { IndCommandGroup as ind_command_group };
+//# sourceMappingURL=ind-command-group.entry.js.map
+
+//# sourceMappingURL=ind-command-group.entry.js.map

package/dist/esm/ind-command-group.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-command-group.entry.js","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"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,oiBAAoiB,CAAC;;MCcvjB,eAAe,GAAA,MAAA;;;;;AAElB,IAAA,KAAK;;IAEY,WAAW,GAA4B,YAAY;;IAEnD,QAAQ,GAAY,KAAK;IAElD,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,OAAO,EAAA,YAAA,EAAa,IAAI,CAAC,KAAK,EAAA,EACvC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;"}

package/dist/esm/ind-compressor.entry.js

@@ -0,0 +1,29 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const equipmentCss = () => `: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 compressorCss = () => `:host([state="running"]) .spin{animation:ind-compressor-spin 1.2s linear infinite}@keyframes ind-compressor-spin{to{transform:rotate(360deg)}}`;
+
+const IndCompressor = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Process state. */
+    state = 'stopped';
+    /** Visual size. */
+    size = 'md';
+    /** Equipment tag (e.g. "K-401"). */
+    tag;
+    /** Human label. */
+    label;
+    render() {
+        const name = this.label ?? this.tag ?? 'compressor';
+        return (h(Host, { key: '177263a885e412e000fbc75ddfc64ada327237ed', role: "img", "aria-label": `${name} — ${this.state}` }, h("svg", { key: '3f61b41e05047ddc7919194573f9fde74f0669da', class: "symbol", viewBox: "0 0 48 36", "aria-hidden": "true" }, h("circle", { key: 'b878724289639bdc93d548cca9709020e89a6bc9', class: "body", cx: "20", cy: "18", r: "16" }), h("polygon", { key: 'e138a8bb432b20a78164ffd73dfff52dc50fdece', class: "accent", points: "10,8 30,14 30,22 10,28" }), h("g", { key: '5f2d983f2269d4d9af48cba1277c9e9701233d30', class: "spin", style: { transformOrigin: '20px 18px' } }, h("line", { key: '128d83535a477ea26d1f158c37d79b7f06434c3a', class: "stroke", x1: "20", y1: "6", x2: "20", y2: "30" }))), (this.tag || this.label) && (h("div", { key: '7a20496716daaa18f7c54c3548bf713cb0323157', class: "caption" }, this.tag && h("span", { key: '5f00781bcc9ad63a2b190001e4894185c8913159', class: "tag" }, this.tag), this.label && h("span", { key: '5a8fa6b2586eea7d75269f936fd08491a0ba9104', class: "label" }, this.label)))));
+    }
+};
+IndCompressor.style = equipmentCss() + compressorCss();
+
+export { IndCompressor as ind_compressor };
+//# sourceMappingURL=ind-compressor.entry.js.map
+
+//# sourceMappingURL=ind-compressor.entry.js.map

package/dist/esm/ind-compressor.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-compressor.entry.js","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"],"names":[],"mappings":";;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,ypEAAypE,CAAC;;ACAtrE,MAAM,aAAa,GAAG,MAAM,CAAC,8IAA8I,CAAC;;MCQ/J,aAAa,GAAA,MAAA;;;;;IAEC,KAAK,GAAmB,SAAS;;IAEjC,IAAI,GAAkB,IAAI;;AAE3C,IAAA,GAAG;;AAEH,IAAA,KAAK;IAEb,MAAM,GAAA;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,YAAY;QACnD,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,KAAK,EAAA,YAAA,EAAa,CAAA,EAAG,IAAI,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EAEpD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAA,EACxD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,EAC9C,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,wBAAwB,EAAA,CAAG,EAC1D,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,EAAA,EACrD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CACpD,CACA,EACL,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,MACtB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,GAAG,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAA,EAAE,IAAI,CAAC,GAAG,CAAQ,EAC/C,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI;;;;;;;"}

package/dist/esm/ind-connection-indicator.entry.js

@@ -0,0 +1,31 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const connectionIndicatorCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px);font-family:var(--ind-font-family-sans, system-ui, sans-serif);font-size:var(--ind-font-size-base, 12px);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));--_size:9px;--_color:var(--ind-state-stopped-bg, #5a6776)}:host([size="sm"]){--_size:7px;font-size:var(--ind-font-size-sm, 11px)}:host([size="lg"]){--_size:12px;font-size:var(--ind-font-size-lg, 14px)}:host([state="connected"]){--_color:var(--ind-state-running-bg, #16a34a)}:host([state="connecting"]){--_color:var(--ind-state-warning-bg, #f59e0b)}:host([state="disconnected"]){--_color:var(--ind-state-stopped-bg, #5a6776)}:host([state="error"]){--_color:var(--ind-state-fault-bg, #dc2626)}.dot{width:var(--_size);height:var(--_size);border-radius:50%;background:var(--_color);box-shadow:0 0 6px color-mix(in srgb, var(--_color) 60%, transparent);flex:none}:host([state="connecting"]) .dot,:host([state="error"]) .dot{animation:ind-conn-pulse 1s ease-in-out infinite}.label{color:var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2))}@keyframes ind-conn-pulse{50%{opacity:0.3}}@media (prefers-reduced-motion: reduce){.dot{animation:none !important}}`;
+
+const DEFAULT_LABELS = {
+    connected: 'Connected',
+    connecting: 'Connecting…',
+    disconnected: 'Disconnected',
+    error: 'Connection error',
+};
+const IndConnectionIndicator = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Connection state. */
+    state = 'disconnected';
+    /** Size. */
+    size = 'md';
+    /** Override the default text label. Pass an empty string to hide it. */
+    label;
+    render() {
+        const text = this.label ?? DEFAULT_LABELS[this.state];
+        return (h(Host, { key: '42395a93e3301c22b4ac46b10cd0f8c7fa6031c9', role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite', "aria-label": text || DEFAULT_LABELS[this.state] }, h("span", { key: 'de1b02ffe2b894be2920116d7bae1d8509fde2df', class: "dot", part: "dot", "aria-hidden": "true" }), text && h("span", { key: '7a081baef8e54a60e1440b74e7de597f1a818a62', class: "label", part: "label" }, text)));
+    }
+};
+IndConnectionIndicator.style = connectionIndicatorCss();
+
+export { IndConnectionIndicator as ind_connection_indicator };
+//# sourceMappingURL=ind-connection-indicator.entry.js.map
+
+//# sourceMappingURL=ind-connection-indicator.entry.js.map

package/dist/esm/ind-connection-indicator.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-connection-indicator.entry.js","sources":["src/components/atoms/connection-indicator/connection-indicator.css?tag=ind-connection-indicator&encapsulation=shadow","src/components/atoms/connection-indicator/connection-indicator.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-base, 12px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_size: 9px;\n  --_color: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_size: 7px; font-size: var(--ind-font-size-sm, 11px); }\n:host([size=\"lg\"]) { --_size: 12px; font-size: var(--ind-font-size-lg, 14px); }\n\n:host([state=\"connected\"])    { --_color: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"connecting\"])   { --_color: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"disconnected\"]) { --_color: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"error\"])        { --_color: var(--ind-state-fault-bg, #dc2626); }\n\n.dot {\n  width: var(--_size);\n  height: var(--_size);\n  border-radius: 50%;\n  background: var(--_color);\n  box-shadow: 0 0 6px color-mix(in srgb, var(--_color) 60%, transparent);\n  flex: none;\n}\n\n:host([state=\"connecting\"]) .dot,\n:host([state=\"error\"]) .dot {\n  animation: ind-conn-pulse 1s ease-in-out infinite;\n}\n\n.label { color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }\n\n@keyframes ind-conn-pulse {\n  50% { opacity: 0.3; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dot { animation: none !important; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type ConnectionState = 'connected' | 'connecting' | 'disconnected' | 'error';\nexport type ConnectionSize = 'sm' | 'md' | 'lg';\n\nconst DEFAULT_LABELS: Record<ConnectionState, string> = {\n  connected: 'Connected',\n  connecting: 'Connecting…',\n  disconnected: 'Disconnected',\n  error: 'Connection error',\n};\n\n@Component({\n  tag: 'ind-connection-indicator',\n  styleUrl: 'connection-indicator.css',\n  shadow: true,\n})\nexport class IndConnectionIndicator {\n  /** Connection state. */\n  @Prop({ reflect: true }) state: ConnectionState = 'disconnected';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: ConnectionSize = 'md';\n\n  /** Override the default text label. Pass an empty string to hide it. */\n  @Prop() label?: string;\n\n  render() {\n    const text = this.label ?? DEFAULT_LABELS[this.state];\n    return (\n      <Host\n        role=\"status\"\n        aria-live={this.state === 'error' ? 'assertive' : 'polite'}\n        aria-label={text || DEFAULT_LABELS[this.state]}\n      >\n        <span class=\"dot\" part=\"dot\" aria-hidden=\"true\" />\n        {text && <span class=\"label\" part=\"label\">{text}</span>}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,sBAAsB,GAAG,MAAM,CAAC,wrCAAwrC,CAAC;;ACK/tC,MAAM,cAAc,GAAoC;AACtD,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,UAAU,EAAE,aAAa;AACzB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,kBAAkB;CAC1B;MAOY,sBAAsB,GAAA,MAAA;;;;;IAER,KAAK,GAAoB,cAAc;;IAGvC,IAAI,GAAmB,IAAI;;AAG5C,IAAA,KAAK;IAEb,MAAM,GAAA;AACJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;AACrD,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,IAAI,EAAC,QAAQ,EAAA,WAAA,EACF,IAAI,CAAC,KAAK,KAAK,OAAO,GAAG,WAAW,GAAG,QAAQ,EAAA,YAAA,EAC9C,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,EAAA,EAE9C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,EACjD,IAAI,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAAE,IAAI,CAAQ,CAClD;;;;;;;"}

package/dist/esm/ind-context-toolbar.entry.js

@@ -0,0 +1,22 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const contextToolbarCss = () => `:host{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);background:var(--ind-surface-panel);border-bottom:1px solid var(--ind-surface-border-default);font-family:var(--ind-font-family-sans);color:var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));box-sizing:border-box;min-height:38px}.breadcrumb{display:inline-flex;align-items:center;gap:var(--ind-spacing-2, 4px)}.breadcrumb:empty{display:none}.titles{display:flex;align-items:baseline;gap:var(--ind-spacing-3, 6px)}.title{font-size:var(--ind-font-size-lg, 14px);font-weight:var(--ind-font-weight-semibold, 600)}.subtitle{font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.spacer{flex:1 1 auto}.actions{display:inline-flex;align-items:center;gap:var(--ind-spacing-3, 6px)}`;
+
+const IndContextToolbar = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Current view title. */
+    heading;
+    /** Secondary context line. */
+    subtitle;
+    render() {
+        return (h(Host, { key: 'a9302d86369c895379721464d9d34a4e1eb4b51d', role: "toolbar" }, h("span", { key: '74c7eb1387b559dfb0887d79668a3fb618666b1c', class: "breadcrumb", part: "breadcrumb" }, h("slot", { key: '5a3e0b0d88a6b57843b0cff7e34dfcfe68347863', name: "breadcrumb" })), (this.heading || this.subtitle) && (h("div", { key: '9107f282eac897052bbccb930a88d84601477c82', class: "titles", part: "titles" }, this.heading && h("span", { key: '6520511d7296e7353e4ac5fde3355fd6731ba8af', class: "title" }, this.heading), this.subtitle && h("span", { key: '089fa093f744c1b365671f7578b71e6e5b2f8637', class: "subtitle" }, this.subtitle))), h("span", { key: '65d9a6a58f4b00fde695b419adc06b340854d305', class: "spacer" }), h("div", { key: 'eefc07c418165ace1d4532ea3035f224ae0ffbb6', class: "actions", part: "actions" }, h("slot", { key: '3b0d55e1bb6c71dc063a8b815d8f32695c524ea2', name: "actions" })), h("slot", { key: '751f2e3f4b3a209a85f3c73a570bee89612b1806' })));
+    }
+};
+IndContextToolbar.style = contextToolbarCss();
+
+export { IndContextToolbar as ind_context_toolbar };
+//# sourceMappingURL=ind-context-toolbar.entry.js.map
+
+//# sourceMappingURL=ind-context-toolbar.entry.js.map

package/dist/esm/ind-context-toolbar.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-context-toolbar.entry.js","sources":["src/components/organisms/context-toolbar/context-toolbar.css?tag=ind-context-toolbar&encapsulation=shadow","src/components/organisms/context-toolbar/context-toolbar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: var(--ind-spacing-4, 8px);\n  padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n  background: var(--ind-surface-panel);\n  border-bottom: 1px solid var(--ind-surface-border-default);\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  min-height: 38px;\n}\n\n.breadcrumb {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n}\n\n.breadcrumb:empty {\n  display: none;\n}\n\n.titles {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ind-spacing-3, 6px);\n}\n\n.title {\n  font-size: var(--ind-font-size-lg, 14px);\n  font-weight: var(--ind-font-weight-semibold, 600);\n}\n\n.subtitle {\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.spacer {\n  flex: 1 1 auto;\n}\n\n.actions {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--ind-spacing-3, 6px);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Contextual toolbar that sits below the app header: current view title (with\n * optional breadcrumb slot) on the left and contextual command buttons on the\n * right via the `actions` slot.\n */\n@Component({\n  tag: 'ind-context-toolbar',\n  styleUrl: 'context-toolbar.css',\n  shadow: true,\n})\nexport class IndContextToolbar {\n  /** Current view title. */\n  @Prop() heading?: string;\n  /** Secondary context line. */\n  @Prop() subtitle?: string;\n\n  render() {\n    return (\n      <Host role=\"toolbar\">\n        <span class=\"breadcrumb\" part=\"breadcrumb\"><slot name=\"breadcrumb\" /></span>\n        {(this.heading || this.subtitle) && (\n          <div class=\"titles\" part=\"titles\">\n            {this.heading && <span class=\"title\">{this.heading}</span>}\n            {this.subtitle && <span class=\"subtitle\">{this.subtitle}</span>}\n          </div>\n        )}\n        <span class=\"spacer\" />\n        <div class=\"actions\" part=\"actions\"><slot name=\"actions\" /></div>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,i2BAAi2B,CAAC;;MCYt3B,iBAAiB,GAAA,MAAA;;;;;AAEpB,IAAA,OAAO;;AAEP,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,EAAA,CAAG,CAAO,EAC3E,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,MAC7B,4DAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,EAC9B,IAAI,CAAC,OAAO,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,EACzD,IAAI,CAAC,QAAQ,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAQ,CAC3D,CACP,EACD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAA,CAAG,EACvB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EAAC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAAM,EACjE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;"}

package/dist/esm/ind-conveyor.entry.js

@@ -0,0 +1,31 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const equipmentCss = () => `: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 conveyorCss = () => `.belt{fill:none;stroke:var(--_accent);stroke-width:2;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}:host([state="running"]) .belt{animation:ind-conveyor-move 0.6s linear infinite}:host([state="running"][direction="reverse"]) .belt{animation-direction:reverse}@keyframes ind-conveyor-move{to{stroke-dashoffset:-9}}`;
+
+const IndConveyor = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Process state. `running` animates the belt. */
+    state = 'stopped';
+    /** Belt travel direction. */
+    direction = 'forward';
+    /** Visual size. */
+    size = 'md';
+    /** Equipment tag (e.g. "CV-501"). */
+    tag;
+    /** Human label. */
+    label;
+    render() {
+        const name = this.label ?? this.tag ?? 'conveyor';
+        return (h(Host, { key: '119483cfd3b46fa20abfa53f062e0948d243b189', role: "img", "aria-label": `${name} — ${this.state}` }, h("svg", { key: 'cdcd920ef9905aeb912b5c7588b1f2c30c4ccc3e', class: "symbol", viewBox: "0 0 64 28", "aria-hidden": "true" }, h("circle", { key: '7bdbeceaf95f8d8600d2e8aa71afa9df8bf9add0', class: "body", cx: "12", cy: "14", r: "9" }), h("circle", { key: 'cbc83e2420905a33381f5b90401944c926c201f6', class: "body", cx: "52", cy: "14", r: "9" }), h("line", { key: 'fd62d7978b9ff8292bfeab3986f80941ea9bc3a2', class: "stroke", x1: "12", y1: "5", x2: "52", y2: "5" }), h("line", { key: '3993536a33ab62c99178248b1a1acf9c2854ddd7', class: "stroke", x1: "12", y1: "23", x2: "52", y2: "23" }), h("line", { key: '79d19a316213f1fd72c6a5e3da140ef8e8e2db95', class: "belt", x1: "12", y1: "14", x2: "52", y2: "14" })), (this.tag || this.label) && (h("div", { key: 'e5a1ad87d4d83a8a170d63bb8598c899c03a7978', class: "caption" }, this.tag && h("span", { key: 'c49c170dbc541096d764df90ca0e483431fc6813', class: "tag" }, this.tag), this.label && h("span", { key: '560b91cd85f821b47ffe8747f98b52897950843c', class: "label" }, this.label)))));
+    }
+};
+IndConveyor.style = equipmentCss() + conveyorCss();
+
+export { IndConveyor as ind_conveyor };
+//# sourceMappingURL=ind-conveyor.entry.js.map
+
+//# sourceMappingURL=ind-conveyor.entry.js.map

package/dist/esm/ind-conveyor.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-conveyor.entry.js","sources":["src/components/atoms/_equipment/equipment.css?tag=ind-conveyor&encapsulation=shadow","src/components/atoms/conveyor/conveyor.css?tag=ind-conveyor&encapsulation=shadow","src/components/atoms/conveyor/conveyor.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",".belt {\n  fill: none;\n  stroke: var(--_accent);\n  stroke-width: 2;\n  stroke-dasharray: 5 4;\n  vector-effect: non-scaling-stroke;\n}\n\n:host([state=\"running\"]) .belt {\n  animation: ind-conveyor-move 0.6s linear infinite;\n}\n:host([state=\"running\"][direction=\"reverse\"]) .belt {\n  animation-direction: reverse;\n}\n\n@keyframes ind-conveyor-move {\n  to { stroke-dashoffset: -9; }\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\nexport type ConveyorDirection = 'forward' | 'reverse';\n\n@Component({\n  tag: 'ind-conveyor',\n  styleUrls: ['../_equipment/equipment.css', 'conveyor.css'],\n  shadow: true,\n})\nexport class IndConveyor {\n  /** Process state. `running` animates the belt. */\n  @Prop({ reflect: true }) state: EquipmentState = 'stopped';\n  /** Belt travel direction. */\n  @Prop({ reflect: true }) direction: ConveyorDirection = 'forward';\n  /** Visual size. */\n  @Prop({ reflect: true }) size: EquipmentSize = 'md';\n  /** Equipment tag (e.g. \"CV-501\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'conveyor';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        <svg class=\"symbol\" viewBox=\"0 0 64 28\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"12\" cy=\"14\" r=\"9\" />\n          <circle class=\"body\" cx=\"52\" cy=\"14\" r=\"9\" />\n          <line class=\"stroke\" x1=\"12\" y1=\"5\" x2=\"52\" y2=\"5\" />\n          <line class=\"stroke\" x1=\"12\" y1=\"23\" x2=\"52\" y2=\"23\" />\n          <line class=\"belt\" x1=\"12\" y1=\"14\" x2=\"52\" y2=\"14\" />\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"],"names":[],"mappings":";;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,ypEAAypE,CAAC;;ACAtrE,MAAM,WAAW,GAAG,MAAM,CAAC,iUAAiU,CAAC;;MCUhV,WAAW,GAAA,MAAA;;;;;IAEG,KAAK,GAAmB,SAAS;;IAEjC,SAAS,GAAsB,SAAS;;IAExC,IAAI,GAAkB,IAAI;;AAE3C,IAAA,GAAG;;AAEH,IAAA,KAAK;IAEb,MAAM,GAAA;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,UAAU;AACjD,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,KAAK,EAAA,YAAA,EAAa,CAAA,EAAG,IAAI,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EACpD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAA,EACxD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAA,CAAG,EAC7C,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAA,CAAG,EAC7C,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAA,CAAG,EACrD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACvD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CACjD,EACL,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,MACtB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,GAAG,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAA,EAAE,IAAI,CAAC,GAAG,CAAQ,EAC/C,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI;;;;;;;"}

package/dist/esm/ind-cooler.entry.js

@@ -0,0 +1,29 @@
+import { r as registerInstance, h, H as Host } from './index-Bls_NlWP.js';
+
+const equipmentCss = () => `: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 coolerCss = () => `.coil{fill:none;stroke:var(--_stroke);stroke-width:1.5;stroke-linecap:round;vector-effect:non-scaling-stroke}:host([state="running"]){--_stroke:var(--ind-state-maintenance-border, #60a5fa);--_fill:var(--ind-state-maintenance-bg, #2563eb)}:host([state="running"]) .coil{stroke:var(--ind-state-maintenance-border, #93c5fd)}`;
+
+const IndCooler = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /** Process state. */
+    state = 'stopped';
+    /** Visual size. */
+    size = 'md';
+    /** Equipment tag (e.g. "CL-701"). */
+    tag;
+    /** Human label. */
+    label;
+    render() {
+        const name = this.label ?? this.tag ?? 'cooler';
+        return (h(Host, { key: 'e498b99ea5768deb7147352d066b8f0650d4a176', role: "img", "aria-label": `${name} — ${this.state}` }, h("svg", { key: 'c0acab84becce756d8281cf4ba0bef88c4aab776', class: "symbol", viewBox: "0 0 48 48", "aria-hidden": "true" }, h("circle", { key: '83ed34a7c484bc3c40e4c0fc35540644506c2d14', class: "body", cx: "24", cy: "24", r: "16" }), h("g", { key: 'ff62a6c27629d9e42c497365410125ac700d4005', class: "flake" }, h("line", { key: '56870b9cc154793ee7ba0e702dfccea779a165c1', class: "coil", x1: "24", y1: "12", x2: "24", y2: "36" }), h("line", { key: '61f78a1ec7382a07662e27d32a7f4e8497d73136', class: "coil", x1: "13.6", y1: "18", x2: "34.4", y2: "30" }), h("line", { key: 'e5b632f4239a6697dc3887b72ac473a4e3a8325d', class: "coil", x1: "13.6", y1: "30", x2: "34.4", y2: "18" }))), (this.tag || this.label) && (h("div", { key: '9b40254100d0e346dfb23d5eb8746bd1071c7dba', class: "caption" }, this.tag && h("span", { key: 'bf78571570a9cb4d2a994ed0ddc9a3d26eb87b77', class: "tag" }, this.tag), this.label && h("span", { key: '6849888c1495f4170c4622556cfc166c7b6db259', class: "label" }, this.label)))));
+    }
+};
+IndCooler.style = equipmentCss() + coolerCss();
+
+export { IndCooler as ind_cooler };
+//# sourceMappingURL=ind-cooler.entry.js.map
+
+//# sourceMappingURL=ind-cooler.entry.js.map

package/dist/esm/ind-cooler.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ind-cooler.entry.js","sources":["src/components/atoms/_equipment/equipment.css?tag=ind-cooler&encapsulation=shadow","src/components/atoms/cooler/cooler.css?tag=ind-cooler&encapsulation=shadow","src/components/atoms/cooler/cooler.tsx"],"sourcesContent":["/* Shared base styles for ind-ds process-equipment symbols.\n * Referenced via styleUrls alongside each component's own CSS. */\n:host {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: var(--ind-spacing-2, 4px);\n  font-family: var(--ind-font-family-sans, system-ui, sans-serif);\n  font-size: var(--ind-font-size-sm, 11px);\n  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n  --_w: 48px;\n  --_stroke: var(--ind-state-stopped-border, #8390a0);\n  --_fill: var(--ind-state-stopped-bg, #5a6776);\n  --_accent: var(--ind-state-stopped-bg, #5a6776);\n}\n\n:host([size=\"sm\"]) { --_w: 32px; }\n:host([size=\"md\"]) { --_w: 48px; }\n:host([size=\"lg\"]) { --_w: 72px; }\n\n:host([state=\"running\"])     { --_stroke: var(--ind-state-running-border, #4ade80); --_fill: var(--ind-state-running-bg, #16a34a); --_accent: var(--ind-state-running-bg, #16a34a); }\n:host([state=\"stopped\"])     { --_stroke: var(--ind-state-stopped-border, #8390a0); --_fill: var(--ind-state-stopped-bg, #5a6776); --_accent: var(--ind-state-stopped-bg, #5a6776); }\n:host([state=\"fault\"])       { --_stroke: var(--ind-state-fault-border, #f87171); --_fill: var(--ind-state-fault-bg, #dc2626); --_accent: var(--ind-state-fault-bg, #dc2626); }\n:host([state=\"warning\"])     { --_stroke: var(--ind-state-warning-border, #fcd34d); --_fill: var(--ind-state-warning-bg, #f59e0b); --_accent: var(--ind-state-warning-bg, #f59e0b); }\n:host([state=\"maintenance\"]) { --_stroke: var(--ind-state-maintenance-border, #60a5fa); --_fill: var(--ind-state-maintenance-bg, #2563eb); --_accent: var(--ind-state-maintenance-bg, #2563eb); }\n\n.symbol {\n  display: block;\n  width: var(--_w);\n  height: auto;\n  overflow: visible;\n}\n\n.body {\n  fill: color-mix(in srgb, var(--_fill) 22%, transparent);\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  vector-effect: non-scaling-stroke;\n}\n\n.accent {\n  fill: var(--_accent);\n  stroke: none;\n}\n\n.stroke {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n.caption {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  line-height: var(--ind-font-line-height-tight, 1.1);\n}\n\n.tag {\n  font-family: var(--ind-font-family-mono, ui-monospace, monospace);\n  font-weight: var(--ind-font-weight-semibold, 600);\n  font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.label {\n  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));\n  font-size: var(--ind-font-size-xs, 10px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .spin, .pulse { animation: none !important; }\n}\n",".coil {\n  fill: none;\n  stroke: var(--_stroke);\n  stroke-width: 1.5;\n  stroke-linecap: round;\n  vector-effect: non-scaling-stroke;\n}\n\n:host([state=\"running\"]) {\n  --_stroke: var(--ind-state-maintenance-border, #60a5fa);\n  --_fill: var(--ind-state-maintenance-bg, #2563eb);\n}\n:host([state=\"running\"]) .coil {\n  stroke: var(--ind-state-maintenance-border, #93c5fd);\n}\n","import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentState, EquipmentSize } from '../_equipment/types';\n\n@Component({\n  tag: 'ind-cooler',\n  styleUrls: ['../_equipment/equipment.css', 'cooler.css'],\n  shadow: true,\n})\nexport class IndCooler {\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. \"CL-701\"). */\n  @Prop() tag?: string;\n  /** Human label. */\n  @Prop() label?: string;\n\n  render() {\n    const name = this.label ?? this.tag ?? 'cooler';\n    return (\n      <Host role=\"img\" aria-label={`${name} — ${this.state}`}>\n        {/* Cooler: circle with a snowflake. */}\n        <svg class=\"symbol\" viewBox=\"0 0 48 48\" aria-hidden=\"true\">\n          <circle class=\"body\" cx=\"24\" cy=\"24\" r=\"16\" />\n          <g class=\"flake\">\n            <line class=\"coil\" x1=\"24\" y1=\"12\" x2=\"24\" y2=\"36\" />\n            <line class=\"coil\" x1=\"13.6\" y1=\"18\" x2=\"34.4\" y2=\"30\" />\n            <line class=\"coil\" x1=\"13.6\" y1=\"30\" x2=\"34.4\" y2=\"18\" />\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"],"names":[],"mappings":";;AAAA,MAAM,YAAY,GAAG,MAAM,CAAC,ypEAAypE,CAAC;;ACAtrE,MAAM,SAAS,GAAG,MAAM,CAAC,iUAAiU,CAAC;;MCQ9U,SAAS,GAAA,MAAA;;;;;IAEK,KAAK,GAAmB,SAAS;;IAEjC,IAAI,GAAkB,IAAI;;AAE3C,IAAA,GAAG;;AAEH,IAAA,KAAK;IAEb,MAAM,GAAA;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,QAAQ;AAC/C,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,KAAK,EAAA,YAAA,EAAa,CAAA,EAAG,IAAI,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EAEpD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAA,EACxD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAA,CAAG,EAC9C,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,OAAO,EAAA,EACd,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACrD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,EACzD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAA,CAAG,CACvD,CACA,EACL,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,MACtB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,GAAG,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAA,EAAE,IAAI,CAAC,GAAG,CAAQ,EAC/C,IAAI,CAAC,KAAK,IAAI,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI;;;;;;;"}