@ind-ds/core 0.1.1 → 0.2.0

package/dist/collection/components/atoms/badge/badge.js

@@ -0,0 +1,101 @@
+import { h, Host } from "@stencil/core";
+export class IndBadge {
+    /** Semantic color. Maps to state / feedback tokens. */
+    variant = 'neutral';
+    /** Size. */
+    size = 'md';
+    /** Outlined instead of filled. */
+    outline = false;
+    render() {
+        return (h(Host, { key: 'ff8c7f78b4ec3527e2c81c087f5408179adebfcc' }, h("span", { key: '153b5c19ae46ac34969ddefc39d880dbbe87632d', class: "badge", part: "badge" }, h("slot", { key: 'ec5c0fe94ace0a7084ce567567dd8b8995ea62bd' }))));
+    }
+    static get is() { return "ind-badge"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["badge.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["badge.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BadgeVariant",
+                    "resolved": "\"error\" | \"fault\" | \"info\" | \"maintenance\" | \"neutral\" | \"running\" | \"stopped\" | \"success\" | \"warning\"",
+                    "references": {
+                        "BadgeVariant": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/badge/badge.tsx",
+                            "id": "src/components/atoms/badge/badge.tsx::BadgeVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Semantic color. Maps to state / feedback tokens."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'neutral'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BadgeSize",
+                    "resolved": "\"md\" | \"sm\"",
+                    "references": {
+                        "BadgeSize": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/badge/badge.tsx",
+                            "id": "src/components/atoms/badge/badge.tsx::BadgeSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "outline": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Outlined instead of filled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "outline",
+                "defaultValue": "false"
+            }
+        };
+    }
+}
+//# sourceMappingURL=badge.js.map

package/dist/collection/components/atoms/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/atoms/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAmBzD,MAAM,OAAO,QAAQ;IACnB,uDAAuD;IAC9B,OAAO,GAAiB,SAAS,CAAC;IAE3D,YAAY;IACa,IAAI,GAAc,IAAI,CAAC;IAEhD,kCAAkC;IACT,OAAO,GAAY,KAAK,CAAC;IAElD,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,6DAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO;gBAC9B,8DAAQ,CACH,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport type BadgeVariant =\n  | 'neutral'\n  | 'running'\n  | 'stopped'\n  | 'fault'\n  | 'warning'\n  | 'maintenance'\n  | 'success'\n  | 'info'\n  | 'error';\nexport type BadgeSize = 'sm' | 'md';\n\n@Component({\n  tag: 'ind-badge',\n  styleUrl: 'badge.css',\n  shadow: true,\n})\nexport class IndBadge {\n  /** Semantic color. Maps to state / feedback tokens. */\n  @Prop({ reflect: true }) variant: BadgeVariant = 'neutral';\n\n  /** Size. */\n  @Prop({ reflect: true }) size: BadgeSize = 'md';\n\n  /** Outlined instead of filled. */\n  @Prop({ reflect: true }) outline: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <span class=\"badge\" part=\"badge\">\n          <slot />\n        </span>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.css

@@ -0,0 +1,42 @@
+: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;
+}

package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.js

@@ -0,0 +1,116 @@
+import { h, Host } from "@stencil/core";
+export class IndBreadcrumbItem {
+    /** 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" }, "/")));
+    }
+    static get is() { return "ind-breadcrumb-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["breadcrumb-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["breadcrumb-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Navigation target. When omitted the item renders as a button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href"
+            },
+            "current": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Marks the current page (last crumb) \u2014 not interactive."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "current",
+                "defaultValue": "false"
+            },
+            "last": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Hide the trailing separator (set on the last item)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "last",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "indNavigate",
+                "name": "indNavigate",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Fires when a non-current item is activated."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+}
+//# sourceMappingURL=breadcrumb-item.js.map

package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../../src/components/atoms/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAO9E,MAAM,OAAO,iBAAiB;IAC5B,oEAAoE;IAC5D,IAAI,CAAU;IACtB,6DAA6D;IACpC,OAAO,GAAY,KAAK,CAAC;IAClD,0DAA0D;IACjC,IAAI,GAAY,KAAK,CAAC;IAE/C,kDAAkD;IACzC,WAAW,CAAsB;IAElC,OAAO,GAAG,CAAC,CAAa,EAAE,EAAE;QAClC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO;QACT,CAAC;QACD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,WAAW,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;QAClC,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YAClB,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,SAAG,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;gBAClE,eAAQ,CACN,CACL,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAChB,cAAQ,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,IAAI,CAAC,OAAO;gBACpE,eAAQ,CACD,CACV,CAAC,CAAC,CAAC,CACF,YAAM,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,kBAAc,MAAM;gBAClD,eAAQ,CACH,CACR;YACA,CAAC,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,WAAW,iBAAa,MAAM,QAAS,CACxE,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/atoms/button/button.js

@@ -59,7 +59,7 @@ export class IndButton {
     }
     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)"))));
     }
     static get is() { return "ind-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/canvas-layer/canvas-layer.css

@@ -0,0 +1,8 @@
+:host {
+  position: absolute;
+  display: inline-block;
+  transform-origin: center;
+}
+
+/* Pair with a positioned container (e.g. an ind P&ID frame) that sets
+ * `position: relative`. Layers stack by their `z` prop. */

package/dist/collection/components/atoms/canvas-layer/canvas-layer.js

@@ -0,0 +1,161 @@
+import { h, Host } from "@stencil/core";
+export class IndCanvasLayer {
+    /** 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' })));
+    }
+    static get is() { return "ind-canvas-layer"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["canvas-layer.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["canvas-layer.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "x": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Horizontal position as a percentage of the parent (0\u2013100)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "x",
+                "defaultValue": "0"
+            },
+            "y": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Vertical position as a percentage of the parent (0\u2013100)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "y",
+                "defaultValue": "0"
+            },
+            "rotation": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Rotation in degrees."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rotation",
+                "defaultValue": "0"
+            },
+            "scale": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Uniform scale factor."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "scale",
+                "defaultValue": "1"
+            },
+            "z": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Stacking order."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "z",
+                "defaultValue": "0"
+            },
+            "anchor": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'center' | 'top-left'",
+                    "resolved": "\"center\" | \"top-left\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Anchor the placed content by its center (default) or top-left."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "anchor",
+                "defaultValue": "'center'"
+            }
+        };
+    }
+}
+//# sourceMappingURL=canvas-layer.js.map

package/dist/collection/components/atoms/canvas-layer/canvas-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas-layer.js","sourceRoot":"","sources":["../../../../src/components/atoms/canvas-layer/canvas-layer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;IACzB,iEAAiE;IACzD,CAAC,GAAW,CAAC,CAAC;IACtB,+DAA+D;IACvD,CAAC,GAAW,CAAC,CAAC;IACtB,2BAA2B;IACnB,QAAQ,GAAW,CAAC,CAAC;IAC7B,4BAA4B;IACpB,KAAK,GAAW,CAAC,CAAC;IAC1B,sBAAsB;IACd,CAAC,GAAW,CAAC,CAAC;IACtB,qEAAqE;IAC5C,MAAM,GAA0B,QAAQ,CAAC;IAElE,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,CAAC;QACzF,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG;gBAClB,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG;gBACjB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;gBACtB,SAAS,EAAE,GAAG,SAAS,WAAW,IAAI,CAAC,QAAQ,cAAc,IAAI,CAAC,KAAK,GAAG;aAC3E;YAED,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}

package/dist/collection/components/atoms/checkbox/checkbox.js

@@ -24,7 +24,7 @@ export class IndCheckbox {
     };
     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 is() { return "ind-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/compressor/compressor.css

@@ -0,0 +1,7 @@
+:host([state="running"]) .spin {
+  animation: ind-compressor-spin 1.2s linear infinite;
+}
+
+@keyframes ind-compressor-spin {
+  to { transform: rotate(360deg); }
+}

package/dist/collection/components/atoms/compressor/compressor.js

@@ -0,0 +1,124 @@
+import { h, Host } from "@stencil/core";
+export class IndCompressor {
+    /** 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)))));
+    }
+    static get is() { return "ind-compressor"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_equipment/equipment.css", "compressor.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_equipment/equipment.css", "compressor.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EquipmentState",
+                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"warning\"",
+                    "references": {
+                        "EquipmentState": {
+                            "location": "import",
+                            "path": "../_equipment/types",
+                            "id": "src/components/atoms/_equipment/types.ts::EquipmentState",
+                            "referenceLocation": "EquipmentState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Process state."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'stopped'"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EquipmentSize",
+                    "resolved": "\"lg\" | \"md\" | \"sm\"",
+                    "references": {
+                        "EquipmentSize": {
+                            "location": "import",
+                            "path": "../_equipment/types",
+                            "id": "src/components/atoms/_equipment/types.ts::EquipmentSize",
+                            "referenceLocation": "EquipmentSize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual size."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "size",
+                "defaultValue": "'md'"
+            },
+            "tag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Equipment tag (e.g. \"K-401\")."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tag"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Human label."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            }
+        };
+    }
+}
+//# sourceMappingURL=compressor.js.map

package/dist/collection/components/atoms/compressor/compressor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compressor.js","sourceRoot":"","sources":["../../../../src/components/atoms/compressor/compressor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,aAAa;IACxB,qBAAqB;IACI,KAAK,GAAmB,SAAS,CAAC;IAC3D,mBAAmB;IACM,IAAI,GAAkB,IAAI,CAAC;IACpD,oCAAoC;IAC5B,GAAG,CAAU;IACrB,mBAAmB;IACX,KAAK,CAAU;IAEvB,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,IAAI,YAAY,CAAC;QACpD,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,KAAK,gBAAa,GAAG,IAAI,MAAM,IAAI,CAAC,KAAK,EAAE;YAEpD,4DAAK,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM;gBACxD,+DAAQ,KAAK,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,GAAG;gBAC9C,gEAAS,KAAK,EAAC,QAAQ,EAAC,MAAM,EAAC,wBAAwB,GAAG;gBAC1D,0DAAG,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,eAAe,EAAE,WAAW,EAAE;oBACrD,6DAAM,KAAK,EAAC,QAAQ,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,CACpD,CACA;YACL,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAC3B,4DAAK,KAAK,EAAC,SAAS;gBACjB,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,KAAK,IAAE,IAAI,CAAC,GAAG,CAAQ;gBAC/C,IAAI,CAAC,KAAK,IAAI,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CAClD,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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"]}