@ind-ds/core 0.2.0 → 0.2.1

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

@@ -1,124 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndFan {
-    /** Process state. `running` spins the blades. */
-    state = 'stopped';
-    /** Visual size. */
-    size = 'md';
-    /** Equipment tag (e.g. "FN-301"). */
-    tag;
-    /** Human label. */
-    label;
-    render() {
-        const name = this.label ?? this.tag ?? 'fan';
-        return (h(Host, { key: '05348b06294a71319dbf2ac7bcde6357b1f2ddda', role: "img", "aria-label": `${name} — ${this.state}` }, h("svg", { key: '8cd4aa8242c8aa5581ec910accf1bd6743307cf6', class: "symbol", viewBox: "0 0 48 48", "aria-hidden": "true" }, h("circle", { key: '992d9e08891850d4d68580b6c5abc575738b2e14', class: "body", cx: "24", cy: "24", r: "16" }), h("g", { key: '31c5fe5dbbf268482987e8f672853f1fe7d84e02', class: "spin", style: { transformOrigin: '24px 24px' } }, h("path", { key: '0563126793186c4757fbb48c44305a2037392d7c', class: "accent", d: "M24 24 C30 14, 34 18, 24 24 Z" }), h("path", { key: 'cb14c0e5f38f73ec35a2294ba6ebd8f4344645e3', class: "accent", d: "M24 24 C34 30, 30 34, 24 24 Z" }), h("path", { key: '8cc12dc34bd9123cb543fdcb6e78688493dc5bf2', class: "accent", d: "M24 24 C18 34, 14 30, 24 24 Z" }), h("path", { key: '43c40edef2152d78fb88d32044fa78b08d85c44e', class: "accent", d: "M24 24 C14 18, 18 14, 24 24 Z" })), h("circle", { key: '47925754f8e411ac8f4210d4293ee03350391f9a', class: "hub", cx: "24", cy: "24", r: "2.5" })), (this.tag || this.label) && (h("div", { key: '2da1231dc992891380181bcddceb289eeb9de7cc', class: "caption" }, this.tag && h("span", { key: 'c8638a92c2c5fbdc9956cf2055f8663815b49f74', class: "tag" }, this.tag), this.label && h("span", { key: '12766db2ca33e5d180dd23b1962d1bd12f9bcefa', class: "label" }, this.label)))));
-    }
-    static get is() { return "ind-fan"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_equipment/equipment.css", "fan.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_equipment/equipment.css", "fan.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. `running` spins the blades."
-                },
-                "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. \"FN-301\")."
-                },
-                "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=fan.js.map

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

@@ -1,70 +0,0 @@
-:host {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  font-family: var(--ind-font-family-sans, system-ui, sans-serif);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  --_w: 120px;
-}
-
-:host([size="sm"]) { --_w: 84px; }
-:host([size="md"]) { --_w: 120px; }
-:host([size="lg"]) { --_w: 168px; }
-
-.gauge {
-  width: var(--_w);
-  height: var(--_w);
-  display: block;
-}
-
-.track {
-  fill: none;
-  stroke: var(--ind-surface-border-default, #2a3340);
-  stroke-width: 8;
-  stroke-linecap: round;
-}
-
-.zone {
-  fill: none;
-  stroke-width: 8;
-  stroke-linecap: butt;
-}
-
-.needle {
-  stroke: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  stroke-width: 2.5;
-  stroke-linecap: round;
-  transition: all var(--ind-motion-duration-base, 200ms) var(--ind-motion-easing-standard, ease);
-}
-
-.hub {
-  fill: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-}
-
-.readout {
-  display: inline-flex;
-  align-items: baseline;
-  gap: 3px;
-  margin-top: -28%;
-}
-
-.number {
-  font-family: var(--ind-font-family-mono, ui-monospace, monospace);
-  font-size: var(--ind-font-size-xl, 16px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-:host([size="lg"]) .number { font-size: var(--ind-font-size-2xl, 20px); }
-
-.unit { font-size: var(--ind-font-size-xs, 10px); color: var(--ind-surface-text-muted, #7a8694); }
-
-.label {
-  margin-top: var(--ind-spacing-2, 4px);
-  font-size: var(--ind-font-size-xs, 10px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .needle { transition: none; }
-}

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

@@ -1,237 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndGauge {
-    /** Current value. */
-    value = 0;
-    /** Scale minimum. */
-    min = 0;
-    /** Scale maximum. */
-    max = 100;
-    /** Colored zones along the arc (e.g. green/amber/red bands). Pass as a property. */
-    zones = [];
-    /** Engineering unit. */
-    unit;
-    /** Label / tag rendered under the value. */
-    label;
-    /** Decimal places for the value. */
-    precision;
-    /** Size. */
-    size = 'md';
-    // 270° sweep from 135° (bottom-left) clockwise to 405°/45° (bottom-right).
-    startAngle = 135;
-    sweep = 270;
-    cx = 50;
-    cy = 50;
-    r = 40;
-    valueToAngle(v) {
-        const span = this.max - this.min || 1;
-        const ratio = Math.min(1, Math.max(0, (v - this.min) / span));
-        return this.startAngle + ratio * this.sweep;
-    }
-    polar(angleDeg, radius = this.r) {
-        const a = (angleDeg * Math.PI) / 180;
-        return { x: this.cx + radius * Math.cos(a), y: this.cy + radius * Math.sin(a) };
-    }
-    arc(fromV, toV, radius = this.r) {
-        const a0 = this.valueToAngle(fromV);
-        const a1 = this.valueToAngle(toV);
-        const p0 = this.polar(a0, radius);
-        const p1 = this.polar(a1, radius);
-        const large = a1 - a0 > 180 ? 1 : 0;
-        return `M ${p0.x.toFixed(2)} ${p0.y.toFixed(2)} A ${radius} ${radius} 0 ${large} 1 ${p1.x.toFixed(2)} ${p1.y.toFixed(2)}`;
-    }
-    formatted() {
-        if (!Number.isFinite(this.value))
-            return '--';
-        return this.precision !== undefined ? this.value.toFixed(this.precision) : String(this.value);
-    }
-    render() {
-        const needleAngle = this.valueToAngle(this.value);
-        const tip = this.polar(needleAngle, this.r - 6);
-        const name = this.label ?? 'gauge';
-        return (h(Host, { key: '1dcc7b4a14620e9e67f62b4bb839de1c73c9eb28', role: "meter", "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max, "aria-label": `${name}: ${this.formatted()}${this.unit ? ' ' + this.unit : ''}` }, h("svg", { key: '835dadb8fe0ffcab0bd4f3dc62d7049a6a9d04dd', class: "gauge", part: "gauge", viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: '440f32cf9718f31589b1c3320c3e5db538a5aaaf', class: "track", part: "track", d: this.arc(this.min, this.max) }), (this.zones ?? []).map((z) => (h("path", { class: "zone", d: this.arc(z.from, z.to), style: { stroke: z.color } }))), h("line", { key: 'd7d4f7fc4137c2763d3d51f2e33bd4f833e8f349', class: "needle", part: "needle", x1: this.cx, y1: this.cy, x2: tip.x, y2: tip.y }), h("circle", { key: 'f8e497fd70ab2f68f12d867efc41b45e8477ee7e', class: "hub", cx: this.cx, cy: this.cy, r: "3.5" })), h("div", { key: 'e71f4f120c4a8618c54a4287a47e292375a1acad', class: "readout", part: "readout" }, h("span", { key: '7cc72fe3205519521e18eb1cbc9d374101704d2d', class: "number", part: "number" }, this.formatted()), this.unit && h("span", { key: '2309b9b1c009a726af38381e8ad05aa8365f4109', class: "unit", part: "unit" }, this.unit)), this.label && h("span", { key: '2d7c584f453a5006f75d6b5f03af2d1e4a200a59', class: "label", part: "label" }, this.label)));
-    }
-    static get is() { return "ind-gauge"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gauge.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gauge.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "value": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Current value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "0"
-            },
-            "min": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Scale minimum."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "min",
-                "defaultValue": "0"
-            },
-            "max": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Scale maximum."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "max",
-                "defaultValue": "100"
-            },
-            "zones": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "GaugeZone[]",
-                    "resolved": "GaugeZone[]",
-                    "references": {
-                        "GaugeZone": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/gauge/gauge.tsx",
-                            "id": "src/components/atoms/gauge/gauge.tsx::GaugeZone"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Colored zones along the arc (e.g. green/amber/red bands). Pass as a property."
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "unit": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Engineering unit."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "unit"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Label / tag rendered under the value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "precision": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Decimal places for the value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "precision"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "GaugeSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "GaugeSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/gauge/gauge.tsx",
-                            "id": "src/components/atoms/gauge/gauge.tsx::GaugeSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=gauge.js.map

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

@@ -1,58 +0,0 @@
-: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: 10px;
-  --_color: var(--ind-state-running-bg, #16a34a);
-  --_period: 1000ms;
-}
-
-:host([size="sm"]) { --_size: 8px; }
-:host([size="lg"]) { --_size: 14px; }
-
-:host(:not([alive])) { --_color: var(--ind-state-fault-bg, #dc2626); }
-
-.pulse {
-  position: relative;
-  display: inline-flex;
-  width: var(--_size);
-  height: var(--_size);
-  flex: none;
-}
-
-.core {
-  position: absolute;
-  inset: 0;
-  margin: auto;
-  width: var(--_size);
-  height: var(--_size);
-  border-radius: 50%;
-  background: var(--_color);
-}
-
-.ring {
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  background: var(--_color);
-  opacity: 0;
-}
-
-:host([alive]) .ring {
-  animation: ind-heartbeat var(--_period) ease-out infinite;
-}
-
-@keyframes ind-heartbeat {
-  0%   { transform: scale(1);   opacity: 0.6; }
-  70%  { transform: scale(2.6); opacity: 0; }
-  100% { transform: scale(2.6); opacity: 0; }
-}
-
-.label { color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2)); }
-
-@media (prefers-reduced-motion: reduce) {
-  .ring { animation: none !important; }
-}

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

@@ -1,116 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndHeartbeat {
-    /** Whether the monitored source is alive. When false the pulse stops. */
-    alive = true;
-    /** Beat interval in milliseconds (drives the pulse animation period). */
-    interval = 1000;
-    /** Size. */
-    size = 'md';
-    /** Optional label rendered next to the pulse. */
-    label;
-    render() {
-        return (h(Host, { key: '57635f480aa687475404cc5078e5f2ad1bef3522', role: "status", "aria-live": "polite", "aria-label": this.label ?? (this.alive ? 'Heartbeat active' : 'Heartbeat lost'), style: { '--_period': `${Math.max(200, this.interval)}ms` } }, h("span", { key: 'c1a84671caebe2949acb923a666cd9f2318e95a7', class: "pulse", part: "pulse", "aria-hidden": "true" }, h("span", { key: '720ef97105a86565d5aced3d77ada332b6c1ded2', class: "core", part: "core" }), h("span", { key: 'f865735ce0515440a8b1148dbe9a506bbc891cc9', class: "ring", part: "ring" })), this.label && h("span", { key: 'b15159d02b971495987871841848d27c9f21e94c', class: "label", part: "label" }, this.label)));
-    }
-    static get is() { return "ind-heartbeat"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["heartbeat.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["heartbeat.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "alive": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Whether the monitored source is alive. When false the pulse stops."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "alive",
-                "defaultValue": "true"
-            },
-            "interval": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Beat interval in milliseconds (drives the pulse animation period)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "interval",
-                "defaultValue": "1000"
-            },
-            "size": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "HeartbeatSize",
-                    "resolved": "\"lg\" | \"md\" | \"sm\"",
-                    "references": {
-                        "HeartbeatSize": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/atoms/heartbeat/heartbeat.tsx",
-                            "id": "src/components/atoms/heartbeat/heartbeat.tsx::HeartbeatSize"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Size."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "size",
-                "defaultValue": "'md'"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional label rendered next to the pulse."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            }
-        };
-    }
-}
-//# sourceMappingURL=heartbeat.js.map

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

@@ -1,20 +0,0 @@
-.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-warning-border, #fcd34d);
-  --_fill: var(--ind-state-fault-bg, #dc2626);
-}
-:host([state="running"]) .coil {
-  stroke: var(--ind-state-fault-bg, #ef4444);
-  animation: ind-heater-glow 1.4s ease-in-out infinite;
-}
-
-@keyframes ind-heater-glow {
-  50% { stroke: var(--ind-state-warning-bg, #f59e0b); }
-}