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

@ind-ds/core 0.1.1 → 0.2.1

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

Files changed (1426) hide show

package/dist/cjs/{ind-input.cjs.entry.js → ind-batch-parameter-row_2.cjs.entry.js} RENAMED Viewed

@@ -1,6 +1,51 @@
 'use strict';
-var index = require('./index-ph7ZTjuY.js');
+var index = require('./index-BLwLw5-d.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) {
+        index.registerInstance(this, hostRef);
+        this.indInput = index.createEvent(this, "indInput");
+        this.indChange = index.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 (index.h(index.Host, { key: 'ca3fcc16b4b12beafc70edb7139309f6106161f7' }, index.h("span", { key: 'bbfddee78a90efa9192ecfdfb6ff231febce8e97', class: "label", part: "label" }, this.label), index.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 && index.h("span", { key: '8f0b4fc7bf745ae322c31c406ed2e50776ccaf42', class: "unit", part: "unit" }, this.unit), this.target && index.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}`;
@@ -46,12 +91,13 @@ const IndInput = class {
         this.indChange.emit(v);
     };
     render() {
-        return (index.h(index.Host, { key: 'bb19139e219e04af88a8d60ef7189b1fe75cb9fa' }, index.h("label", { key: '95047b762b29dddf02e1236c4febb7bd175a5375', class: "wrap", part: "wrap" }, this.label && index.h("span", { key: '3dfe06b89e8022fc4dc74e29d73edd4684ca7305', class: "label", part: "label" }, this.label), index.h("span", { key: '4714f42749f9018c7a472c85d4ce59537ac60b1f', class: { field: true, 'is-focus': this.hasFocus }, part: "field" }, index.h("slot", { key: '97e0af1ba3eec75684483fa1fb76d08eec886075', name: "prefix" }), index.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 }), index.h("slot", { key: '1fefcb0e2fa6efd3385aef0bbf8b228578915c3a', name: "suffix" })))));
+        return (index.h(index.Host, { key: 'dcf35aa853a7a2add80577d244296620bb261803' }, index.h("label", { key: '348fb0868b752944e27ff1154f975a044e09419b', class: "wrap", part: "wrap" }, this.label && index.h("span", { key: '1d84bbb1ce396de514050b47e84187067be64217', class: "label", part: "label" }, this.label), index.h("span", { key: '774e1b7bc60d21ddb8288806687246652d4e3c68', class: { field: true, 'is-focus': this.hasFocus }, part: "field" }, index.h("slot", { key: '59316cc9345755e9257c8c0111dbb7708a523ca9', name: "prefix" }), index.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 }), index.h("slot", { key: 'a2e65d9d230e5ceed0a5732ab17892c3b239535f', name: "suffix" })))));
     }
 };
 IndInput.style = inputCss();
+exports.ind_batch_parameter_row = IndBatchParameterRow;
 exports.ind_input = IndInput;
-//# sourceMappingURL=ind-input.entry.cjs.js.map
+//# sourceMappingURL=ind-batch-parameter-row.ind-input.entry.cjs.js.map
-//# sourceMappingURL=ind-input.cjs.entry.js.map
+//# sourceMappingURL=ind-batch-parameter-row_2.cjs.entry.js.map

package/dist/cjs/ind-batch-parameter-row_2.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-batch-parameter-row_2.cjs.entry.js","mappings":"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","names":["h","Host"],"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/cjs/ind-breadcrumb-item.cjs.entry.js ADDED Viewed

@@ -0,0 +1,37 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.registerInstance(this, hostRef);
+        this.indNavigate = index.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 (index.h(index.Host, { key: 'ea2f0840d0904558285e0645f99db8833e8ba05f', role: "listitem" }, interactive && this.href ? (index.h("a", { class: "crumb", part: "crumb", href: this.href, onClick: this.onClick }, index.h("slot", null))) : interactive ? (index.h("button", { type: "button", class: "crumb", part: "crumb", onClick: this.onClick }, index.h("slot", null))) : (index.h("span", { class: "crumb", part: "crumb", "aria-current": "page" }, index.h("slot", null))), !this.last && index.h("span", { key: '79aa0f9f8d13766a05c2df663869b46d94ce27a9', class: "sep", part: "separator", "aria-hidden": "true" }, "/")));
+    }
+};
+IndBreadcrumbItem.style = breadcrumbItemCss();
+exports.ind_breadcrumb_item = IndBreadcrumbItem;
+//# sourceMappingURL=ind-breadcrumb-item.entry.cjs.js.map
+//# sourceMappingURL=ind-breadcrumb-item.cjs.entry.js.map

package/dist/cjs/ind-breadcrumb-item.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-breadcrumb-item.cjs.entry.js","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,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,UAAU,EAAA,EAClB,WAAW,IAAI,IAAI,CAAC,IAAI,IACvBD,OAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAClEA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACN,IACF,WAAW,IACbA,OAAA,CAAA,QAAA,EAAA,EAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACpEA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACD,KAETA,OAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,kBAAc,MAAM,EAAA,EAClDA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAQ,CACH,CACR,EACA,CAAC,IAAI,CAAC,IAAI,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,WAAW,EAAA,aAAA,EAAa,MAAM,EAAA,EAAA,GAAA,CAAS,CACxE;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-button.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-ph7ZTjuY.js');
+var index = require('./index-BLwLw5-d.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}`;
@@ -68,7 +68,7 @@ const IndButton = class {
     }
     render() {
         const isHolding = this.progress > 0 && this.progress < 1;
-        return (index.h(index.Host, { key: 'bbafede18f13eac5486d9cae0c2bd727375e7762' }, index.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 }, index.h("span", { key: '75252fda5e1229f6c335df277b0c09a18d0b621d', class: "content", part: "content" }, index.h("slot", { key: 'f9a158deadf76da0cf1e13680c1b1dd444273387' }, this.label)), this.holdToConfirmMs > 0 && (index.h("span", { key: '7ba778902c08b3d8fe6b1c6a963c4ab645369110', class: "hold-progress", part: "hold-progress", style: { transform: `scaleX(${this.progress})` }, "aria-hidden": "true" }))), this.holdToConfirmMs > 0 && (index.h("span", { key: '9c2f72de9486bfed4855c5dc81dbf54161c97842', id: "hold-hint", class: "sr-only" }, "Hold to confirm (", this.holdToConfirmMs, " ms)"))));
+        return (index.h(index.Host, { key: '6265f36f3ba534127950edd92a66f9845e500239' }, index.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 }, index.h("span", { key: '7a3742b5296acc828b31c7a1c72d741c5466cd3b', class: "content", part: "content" }, index.h("slot", { key: '6afe09c5f9ac3e032d86fab913a57e098ed19664' }, this.label)), this.holdToConfirmMs > 0 && (index.h("span", { key: 'b5157b7e7ab97367de99b6d9eb33dd86d499be1b', class: "hold-progress", part: "hold-progress", style: { transform: `scaleX(${this.progress})` }, "aria-hidden": "true" }))), this.holdToConfirmMs > 0 && (index.h("span", { key: '8f2fdfa61efd0061604b8230012f916bbc7eef34', id: "hold-hint", class: "sr-only" }, "Hold to confirm (", this.holdToConfirmMs, " ms)"))));
     }
 };
 IndButton.style = buttonCss();

package/dist/cjs/ind-canvas-layer.cjs.entry.js ADDED Viewed

@@ -0,0 +1,38 @@
+'use strict';
+var index = require('./index-BLwLw5-d.js');
+const canvasLayerCss = () => `:host{position:absolute;display:inline-block;transform-origin:center}`;
+const IndCanvasLayer = class {
+    constructor(hostRef) {
+        index.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 (index.h(index.Host, { key: '9133c1e4def8fc950638b32d0e459ee7424a0d1d', style: {
+                left: `${this.x}%`,
+                top: `${this.y}%`,
+                zIndex: String(this.z),
+                transform: `${translate} rotate(${this.rotation}deg) scale(${this.scale})`,
+            } }, index.h("slot", { key: '168b3e4ecc1c9d34f96a8fc0faf5e9dab5ffc2a3' })));
+    }
+};
+IndCanvasLayer.style = canvasLayerCss();
+exports.ind_canvas_layer = IndCanvasLayer;
+//# sourceMappingURL=ind-canvas-layer.entry.cjs.js.map
+//# sourceMappingURL=ind-canvas-layer.cjs.entry.js.map

package/dist/cjs/ind-canvas-layer.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-canvas-layer.cjs.entry.js","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,QACEA,OAAA,CAACC,UAAI,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,EAEDD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-checkbox.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-ph7ZTjuY.js');
+var index = require('./index-BLwLw5-d.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}`;
@@ -33,7 +33,7 @@ const IndCheckbox = class {
     };
     render() {
         const ariaChecked = this.indeterminate ? 'mixed' : this.checked ? 'true' : 'false';
-        return (index.h(index.Host, { key: 'd4b48a80703ea584c4db306d26fcaebd990f9d87' }, index.h("label", { key: 'd101498325e34b2d4ce87189aaf82930f81fd831', class: "wrap", part: "wrap" }, index.h("span", { key: '8363b37e0c6a9a082dbab4e0bb26b09506cb4b00', class: "box", part: "box" }, index.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 }), index.h("span", { key: '41f5ba40d9c2e27e899366e9de111d3aa4a3817c', class: "mark", part: "mark", "aria-hidden": "true" })), this.label && index.h("span", { key: 'c9955a662691ac94a2be379edc332f550f09b53e', class: "label", part: "label" }, this.label))));
+        return (index.h(index.Host, { key: '97a30cc5fc8eb0a01e0193b56e811abd3f322a31' }, index.h("label", { key: 'cac1ab16f2b130f3dac76e5b861ecbd3a9271b23', class: "wrap", part: "wrap" }, index.h("span", { key: 'e18b87b7e0fbc6f87a631b47a03e7d56d12bda9a', class: "box", part: "box" }, index.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 }), index.h("span", { key: '0181321087723255ed57ac80503fe2bfa54a3b13', class: "mark", part: "mark", "aria-hidden": "true" })), this.label && index.h("span", { key: '27a256ee09a5c9f362221a78b4faeb32b4e63f86', class: "label", part: "label" }, this.label))));
     }
     static get watchers() { return {
         "indeterminate": [{

package/dist/cjs/ind-command-center.cjs.entry.js ADDED Viewed

@@ -0,0 +1,25 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.registerInstance(this, hostRef);
+    }
+    heading = 'Commands';
+    /** Number of grid columns. */
+    columns = 3;
+    render() {
+        return (index.h(index.Host, { key: '0e940307c0d90ba04dbc0f76d64719da1de05645' }, index.h("div", { key: '9d1f55e83a5ef6349ce9aca43e160a33498f632d', class: "panel-head" }, index.h("span", { key: '8528df0fbc7392610f97065563f11ced38671ecb', class: "panel-title", part: "heading" }, this.heading), index.h("div", { key: '2a40df00eeb14acc6e826b0598197610a0b66c32', class: "panel-actions" }, index.h("slot", { key: '94651051f0ce2c1b623b40a415684beeb15992cd', name: "actions" }))), index.h("div", { key: 'e59a5ac82ad66bc57f25b85e3183624d1b595066', class: "panel-grid", part: "grid", style: { gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` } }, index.h("slot", { key: '9e771be3149a0a349c5933fbd3498e005ab78158' }))));
+    }
+};
+IndCommandCenter.style = panelCss() + commandCenterCss();
+exports.ind_command_center = IndCommandCenter;
+//# sourceMappingURL=ind-command-center.entry.cjs.js.map
+//# sourceMappingURL=ind-command-center.cjs.entry.js.map

package/dist/cjs/ind-command-center.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-command-center.cjs.entry.js","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,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,YAAY,EAAA,EACrBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,EAC9DA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EAACA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAAM,CACpD,EACNA,OAAA,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,EAEzEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACD;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-command-group.cjs.entry.js ADDED Viewed

@@ -0,0 +1,26 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.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 (index.h(index.Host, { key: '9b4a75ffd5999eb7ffec1e428b66f00bce939ae3', role: "group", "aria-label": this.label }, index.h("slot", { key: 'a433f837349fe52f09a2de8dc51e51024d947d0f' })));
+    }
+};
+IndCommandGroup.style = commandGroupCss();
+exports.ind_command_group = IndCommandGroup;
+//# sourceMappingURL=ind-command-group.entry.cjs.js.map
+//# sourceMappingURL=ind-command-group.cjs.entry.js.map

package/dist/cjs/ind-command-group.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-command-group.cjs.entry.js","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,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,OAAO,EAAA,YAAA,EAAa,IAAI,CAAC,KAAK,EAAA,EACvCD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-compressor.cjs.entry.js ADDED Viewed

@@ -0,0 +1,31 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.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 (index.h(index.Host, { key: '177263a885e412e000fbc75ddfc64ada327237ed', role: "img", "aria-label": `${name} — ${this.state}` }, index.h("svg", { key: '3f61b41e05047ddc7919194573f9fde74f0669da', class: "symbol", viewBox: "0 0 48 36", "aria-hidden": "true" }, index.h("circle", { key: 'b878724289639bdc93d548cca9709020e89a6bc9', class: "body", cx: "20", cy: "18", r: "16" }), index.h("polygon", { key: 'e138a8bb432b20a78164ffd73dfff52dc50fdece', class: "accent", points: "10,8 30,14 30,22 10,28" }), index.h("g", { key: '5f2d983f2269d4d9af48cba1277c9e9701233d30', class: "spin", style: { transformOrigin: '20px 18px' } }, index.h("line", { key: '128d83535a477ea26d1f158c37d79b7f06434c3a', class: "stroke", x1: "20", y1: "6", x2: "20", y2: "30" }))), (this.tag || this.label) && (index.h("div", { key: '7a20496716daaa18f7c54c3548bf713cb0323157', class: "caption" }, this.tag && index.h("span", { key: '5f00781bcc9ad63a2b190001e4894185c8913159', class: "tag" }, this.tag), this.label && index.h("span", { key: '5a8fa6b2586eea7d75269f936fd08491a0ba9104', class: "label" }, this.label)))));
+    }
+};
+IndCompressor.style = equipmentCss() + compressorCss();
+exports.ind_compressor = IndCompressor;
+//# sourceMappingURL=ind-compressor.entry.cjs.js.map
+//# sourceMappingURL=ind-compressor.cjs.entry.js.map

package/dist/cjs/ind-compressor.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-compressor.cjs.entry.js","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,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,KAAK,EAAA,YAAA,EAAa,CAAA,EAAG,IAAI,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EAEpDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAA,EACxDA,OAAA,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,EAC9CA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,wBAAwB,EAAA,CAAG,EAC1DA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE,EAAA,EACrDA,OAAA,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,MACtBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,GAAG,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAA,EAAE,IAAI,CAAC,GAAG,CAAQ,EAC/C,IAAI,CAAC,KAAK,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-connection-indicator.cjs.entry.js ADDED Viewed

@@ -0,0 +1,33 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.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 (index.h(index.Host, { key: '42395a93e3301c22b4ac46b10cd0f8c7fa6031c9', role: "status", "aria-live": this.state === 'error' ? 'assertive' : 'polite', "aria-label": text || DEFAULT_LABELS[this.state] }, index.h("span", { key: 'de1b02ffe2b894be2920116d7bae1d8509fde2df', class: "dot", part: "dot", "aria-hidden": "true" }), text && index.h("span", { key: '7a081baef8e54a60e1440b74e7de597f1a818a62', class: "label", part: "label" }, text)));
+    }
+};
+IndConnectionIndicator.style = connectionIndicatorCss();
+exports.ind_connection_indicator = IndConnectionIndicator;
+//# sourceMappingURL=ind-connection-indicator.entry.cjs.js.map
+//# sourceMappingURL=ind-connection-indicator.cjs.entry.js.map

package/dist/cjs/ind-connection-indicator.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-connection-indicator.cjs.entry.js","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,QACEA,OAAA,CAACC,UAAI,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,EAE9CD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,EACjD,IAAI,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAA,EAAE,IAAI,CAAQ,CAClD;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-context-toolbar.cjs.entry.js ADDED Viewed

@@ -0,0 +1,24 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.registerInstance(this, hostRef);
+    }
+    /** Current view title. */
+    heading;
+    /** Secondary context line. */
+    subtitle;
+    render() {
+        return (index.h(index.Host, { key: 'a9302d86369c895379721464d9d34a4e1eb4b51d', role: "toolbar" }, index.h("span", { key: '74c7eb1387b559dfb0887d79668a3fb618666b1c', class: "breadcrumb", part: "breadcrumb" }, index.h("slot", { key: '5a3e0b0d88a6b57843b0cff7e34dfcfe68347863', name: "breadcrumb" })), (this.heading || this.subtitle) && (index.h("div", { key: '9107f282eac897052bbccb930a88d84601477c82', class: "titles", part: "titles" }, this.heading && index.h("span", { key: '6520511d7296e7353e4ac5fde3355fd6731ba8af', class: "title" }, this.heading), this.subtitle && index.h("span", { key: '089fa093f744c1b365671f7578b71e6e5b2f8637', class: "subtitle" }, this.subtitle))), index.h("span", { key: '65d9a6a58f4b00fde695b419adc06b340854d305', class: "spacer" }), index.h("div", { key: 'eefc07c418165ace1d4532ea3035f224ae0ffbb6', class: "actions", part: "actions" }, index.h("slot", { key: '3b0d55e1bb6c71dc063a8b815d8f32695c524ea2', name: "actions" })), index.h("slot", { key: '751f2e3f4b3a209a85f3c73a570bee89612b1806' })));
+    }
+};
+IndContextToolbar.style = contextToolbarCss();
+exports.ind_context_toolbar = IndContextToolbar;
+//# sourceMappingURL=ind-context-toolbar.entry.cjs.js.map
+//# sourceMappingURL=ind-context-toolbar.cjs.entry.js.map

package/dist/cjs/ind-context-toolbar.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-context-toolbar.cjs.entry.js","mappings":";;;;AAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,i2BAAi2B,CAAC;;MCYt3B,iBAAiB,GAAA,MAAA;;;;;AAEpB,IAAA,OAAO;;AAEP,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,SAAS,EAAA,EAClBD,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAA,EAACA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,YAAY,EAAA,CAAG,CAAO,EAC3E,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,QAAQ,MAC7BA,kEAAK,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAA,EAC9B,IAAI,CAAC,OAAO,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,OAAO,CAAQ,EACzD,IAAI,CAAC,QAAQ,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,UAAU,EAAA,EAAE,IAAI,CAAC,QAAQ,CAAQ,CAC3D,CACP,EACDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,QAAQ,EAAA,CAAG,EACvBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EAACA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAA,CAAG,CAAM,EACjEA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-conveyor.cjs.entry.js ADDED Viewed

@@ -0,0 +1,33 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.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 (index.h(index.Host, { key: '119483cfd3b46fa20abfa53f062e0948d243b189', role: "img", "aria-label": `${name} — ${this.state}` }, index.h("svg", { key: 'cdcd920ef9905aeb912b5c7588b1f2c30c4ccc3e', class: "symbol", viewBox: "0 0 64 28", "aria-hidden": "true" }, index.h("circle", { key: '7bdbeceaf95f8d8600d2e8aa71afa9df8bf9add0', class: "body", cx: "12", cy: "14", r: "9" }), index.h("circle", { key: 'cbc83e2420905a33381f5b90401944c926c201f6', class: "body", cx: "52", cy: "14", r: "9" }), index.h("line", { key: 'fd62d7978b9ff8292bfeab3986f80941ea9bc3a2', class: "stroke", x1: "12", y1: "5", x2: "52", y2: "5" }), index.h("line", { key: '3993536a33ab62c99178248b1a1acf9c2854ddd7', class: "stroke", x1: "12", y1: "23", x2: "52", y2: "23" }), index.h("line", { key: '79d19a316213f1fd72c6a5e3da140ef8e8e2db95', class: "belt", x1: "12", y1: "14", x2: "52", y2: "14" })), (this.tag || this.label) && (index.h("div", { key: 'e5a1ad87d4d83a8a170d63bb8598c899c03a7978', class: "caption" }, this.tag && index.h("span", { key: 'c49c170dbc541096d764df90ca0e483431fc6813', class: "tag" }, this.tag), this.label && index.h("span", { key: '560b91cd85f821b47ffe8747f98b52897950843c', class: "label" }, this.label)))));
+    }
+};
+IndConveyor.style = equipmentCss() + conveyorCss();
+exports.ind_conveyor = IndConveyor;
+//# sourceMappingURL=ind-conveyor.entry.cjs.js.map
+//# sourceMappingURL=ind-conveyor.cjs.entry.js.map

package/dist/cjs/ind-conveyor.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"ind-conveyor.cjs.entry.js","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,QACEA,OAAA,CAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,KAAK,EAAA,YAAA,EAAa,CAAA,EAAG,IAAI,CAAA,GAAA,EAAM,IAAI,CAAC,KAAK,CAAA,CAAE,EAAA,EACpDD,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAA,EACxDA,OAAA,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,EAC7CA,OAAA,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,EAC7CA,OAAA,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,EACrDA,OAAA,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,EACvDA,OAAA,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,MACtBA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,SAAS,EAAA,EACjB,IAAI,CAAC,GAAG,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,KAAK,EAAA,EAAE,IAAI,CAAC,GAAG,CAAQ,EAC/C,IAAI,CAAC,KAAK,IAAIA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,OAAO,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI;;;;;;;","names":["h","Host"],"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"],"version":3}

package/dist/cjs/ind-cooler.cjs.entry.js ADDED Viewed

@@ -0,0 +1,31 @@
+'use strict';
+var index = require('./index-BLwLw5-d.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) {
+        index.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 (index.h(index.Host, { key: 'e498b99ea5768deb7147352d066b8f0650d4a176', role: "img", "aria-label": `${name} — ${this.state}` }, index.h("svg", { key: 'c0acab84becce756d8281cf4ba0bef88c4aab776', class: "symbol", viewBox: "0 0 48 48", "aria-hidden": "true" }, index.h("circle", { key: '83ed34a7c484bc3c40e4c0fc35540644506c2d14', class: "body", cx: "24", cy: "24", r: "16" }), index.h("g", { key: 'ff62a6c27629d9e42c497365410125ac700d4005', class: "flake" }, index.h("line", { key: '56870b9cc154793ee7ba0e702dfccea779a165c1', class: "coil", x1: "24", y1: "12", x2: "24", y2: "36" }), index.h("line", { key: '61f78a1ec7382a07662e27d32a7f4e8497d73136', class: "coil", x1: "13.6", y1: "18", x2: "34.4", y2: "30" }), index.h("line", { key: 'e5b632f4239a6697dc3887b72ac473a4e3a8325d', class: "coil", x1: "13.6", y1: "30", x2: "34.4", y2: "18" }))), (this.tag || this.label) && (index.h("div", { key: '9b40254100d0e346dfb23d5eb8746bd1071c7dba', class: "caption" }, this.tag && index.h("span", { key: 'bf78571570a9cb4d2a994ed0ddc9a3d26eb87b77', class: "tag" }, this.tag), this.label && index.h("span", { key: '6849888c1495f4170c4622556cfc166c7b6db259', class: "label" }, this.label)))));
+    }
+};
+IndCooler.style = equipmentCss() + coolerCss();
+exports.ind_cooler = IndCooler;
+//# sourceMappingURL=ind-cooler.entry.cjs.js.map
+//# sourceMappingURL=ind-cooler.cjs.entry.js.map