@ind-ds/core 0.2.0 → 0.2.1

package/dist/collection/components/molecules/fill-row/fill-row.js

@@ -1,181 +0,0 @@
-import { h, Host } from "@stencil/core";
-export class IndFillRow {
-    /** Short ID rendered in mono (e.g. "F1", "TK-101"). */
-    tag;
-    /** Human description. */
-    label;
-    /** Current level. */
-    value = 0;
-    /** Max value. Default 100. */
-    max = 100;
-    /** Unit suffix on the numeric value (default `%`). */
-    unit = '%';
-    /** Drives the progress color and the severity glyph. */
-    variant = 'default';
-    /** Render the severity glyph between the value and the actions. */
-    severity = false;
-    render() {
-        return (h(Host, { key: 'cb80dcf8705dc03c77b6e18541bff34d4d332f51' }, this.tag && h("span", { key: 'd891414706180ae57bf6851a2a0ecab41b645412', class: "tag", part: "tag" }, this.tag), h("span", { key: '956eae765526cf44507c26b3bb4106e807f83b10', class: "label", part: "label" }, this.label), h("ind-progress", { key: '512e89f8f4e0472222b89a17fcbc25537f7f0a30', class: "progress", part: "progress", value: this.value, max: this.max, variant: this.variant, size: "sm" }), h("span", { key: '75126140321428ea001d2ee7403dd539c67261ff', class: "value", part: "value" }, Math.round(this.value), this.unit ? ' ' + this.unit : ''), this.severity && (h("span", { key: '0c163111da1a1217141a17b6fae5798df43a8966', class: "severity", part: "severity", "aria-hidden": "true" }, "\u26A0")), h("span", { key: 'e7b13297ff9c092c13dc17d1fee1c72252571829', class: "actions", part: "actions" }, h("slot", { key: '689279b59b375558bff4032d6a2f60c928fa4744' }))));
-    }
-    static get is() { return "ind-fill-row"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["fill-row.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["fill-row.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "tag": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Short ID rendered in mono (e.g. \"F1\", \"TK-101\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tag"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Human description."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "value": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Current level."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value",
-                "defaultValue": "0"
-            },
-            "max": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Max value. Default 100."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "max",
-                "defaultValue": "100"
-            },
-            "unit": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Unit suffix on the numeric value (default `%`)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "unit",
-                "defaultValue": "'%'"
-            },
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "FillRowVariant",
-                    "resolved": "\"default\" | \"error\" | \"success\" | \"warning\"",
-                    "references": {
-                        "FillRowVariant": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/fill-row/fill-row.tsx",
-                            "id": "src/components/molecules/fill-row/fill-row.tsx::FillRowVariant"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Drives the progress color and the severity glyph."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "variant",
-                "defaultValue": "'default'"
-            },
-            "severity": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Render the severity glyph between the value and the actions."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "severity",
-                "defaultValue": "false"
-            }
-        };
-    }
-}
-//# sourceMappingURL=fill-row.js.map

package/dist/collection/components/molecules/health-card/health-card.css

@@ -1,53 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  gap: var(--ind-spacing-3, 6px);
-  padding: var(--ind-spacing-5, 12px);
-  background: var(--ind-surface-panel);
-  border: 1px solid var(--ind-surface-border-default);
-  border-radius: var(--ind-radius-md, 3px);
-  font-family: var(--ind-font-family-sans);
-  color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
-  min-width: 160px;
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.title {
-  font-size: var(--ind-font-size-xs, 10px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  text-transform: uppercase;
-  letter-spacing: 0.08em;
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-}
-
-.status {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-}
-
-.state-label {
-  font-size: var(--ind-font-size-xl, 16px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  line-height: 1;
-}
-
-.detail {
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
-}
-
-/* Bold colored label per state — matches the dot color so the card
- * reads at a glance across a 4-up grid. */
-:host([state="running"])     .state-label { color: var(--ind-state-running-bg,     #16a34a); }
-:host([state="fault"])       .state-label { color: var(--ind-state-fault-bg,       #dc2626); }
-:host([state="warning"])     .state-label { color: var(--ind-state-warning-bg,     #f59e0b); }
-:host([state="maintenance"]) .state-label { color: var(--ind-state-maintenance-bg, #2563eb); }
-:host([state="stopped"])     .state-label { color: var(--ind-surface-text-secondary); }
-:host([state="unknown"])     .state-label { color: var(--ind-surface-text-muted); }
-
-/* Fault card glows subtly as a visual cue, even without blinking. */
-:host([state="fault"]) {
-  border-color: var(--ind-state-fault-bg, #dc2626);
-  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 30%, transparent);
-}

package/dist/collection/components/molecules/health-card/health-card.js

@@ -1,124 +0,0 @@
-import { h, Host } from "@stencil/core";
-const DEFAULT_LABEL = {
-    running: 'OK',
-    stopped: 'Stopped',
-    fault: 'Fault',
-    warning: 'Warning',
-    maintenance: 'Maintenance',
-    unknown: '—',
-};
-export class IndHealthCard {
-    /** Subsystem name (e.g. "PLC", "Dispense robot", "Washer"). */
-    heading;
-    /** Process state — drives the dot color and the prominent text color. */
-    state = 'unknown';
-    /** Override the default label (e.g. show "RUN 24 h" instead of "OK"). */
-    stateLabel;
-    /** Optional sub-line for context (timestamp, last error, etc.). */
-    detail;
-    render() {
-        const label = this.stateLabel ?? DEFAULT_LABEL[this.state];
-        const dotState = this.state === 'unknown' ? 'neutral' : this.state;
-        return (h(Host, { key: '8bcd20c7ae26a39c6627aa547ce01d12d53bdb8e', role: "group", "aria-label": `${this.heading}: ${label}`, "aria-live": this.state === 'fault' ? 'assertive' : 'polite' }, h("div", { key: 'eee5962658e3ddb193ad613083535b1101cc7770', class: "title", part: "title" }, this.heading), h("div", { key: '2ab1426acd7f2863bb4b2832847b68ff9d0e4d33', class: "status", part: "status" }, h("ind-status-dot", { key: 'b09a658e623532ee3a5b6f72f94e27d01849ef5c', state: dotState, size: "md" }), h("span", { key: '365c3e7a25f850174caa59a7efad2f4df9996946', class: "state-label", part: "state-label" }, label)), this.detail && h("div", { key: '7c35221f76e00d7d0223b3c3e89795ae9a3721ce', class: "detail", part: "detail" }, this.detail)));
-    }
-    static get is() { return "ind-health-card"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["health-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["health-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "heading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Subsystem name (e.g. \"PLC\", \"Dispense robot\", \"Washer\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "heading"
-            },
-            "state": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "HealthState",
-                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"unknown\" | \"warning\"",
-                    "references": {
-                        "HealthState": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/health-card/health-card.tsx",
-                            "id": "src/components/molecules/health-card/health-card.tsx::HealthState"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Process state \u2014 drives the dot color and the prominent text color."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "state",
-                "defaultValue": "'unknown'"
-            },
-            "stateLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Override the default label (e.g. show \"RUN 24 h\" instead of \"OK\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "state-label"
-            },
-            "detail": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Optional sub-line for context (timestamp, last error, etc.)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "detail"
-            }
-        };
-    }
-}
-//# sourceMappingURL=health-card.js.map

package/dist/collection/components/molecules/historical-value-row/historical-value-row.css

@@ -1,28 +0,0 @@
-:host {
-  grid-template-columns: 1fr auto auto;
-}
-
-.value {
-  font-family: var(--ind-font-family-mono);
-  font-weight: var(--ind-font-weight-medium, 500);
-  text-align: right;
-}
-
-.unit {
-  color: var(--ind-surface-text-secondary);
-  font-weight: var(--ind-font-weight-regular, 400);
-}
-
-.quality {
-  font-size: var(--ind-font-size-xs, 10px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  text-transform: uppercase;
-  letter-spacing: 0.04em;
-  padding: 1px 5px;
-  border-radius: var(--ind-radius-sm, 2px);
-  white-space: nowrap;
-}
-
-.quality-good { color: var(--ind-state-running-bg, #16a34a); background: color-mix(in srgb, var(--ind-state-running-bg, #16a34a) 16%, transparent); }
-.quality-uncertain { color: var(--ind-state-warning-bg, #f59e0b); background: color-mix(in srgb, var(--ind-state-warning-bg, #f59e0b) 16%, transparent); }
-.quality-bad { color: var(--ind-state-fault-bg, #dc2626); background: color-mix(in srgb, var(--ind-state-fault-bg, #dc2626) 16%, transparent); }

package/dist/collection/components/molecules/historical-value-row/historical-value-row.js

@@ -1,153 +0,0 @@
-import { h, Host } from "@stencil/core";
-const QUALITY_LABEL = {
-    good: 'Good',
-    uncertain: 'Uncertain',
-    bad: 'Bad',
-};
-/**
- * One sample in a historical / trend table: timestamp, value with unit and an
- * OPC-style data quality flag. Read-only.
- */
-export class IndHistoricalValueRow {
-    /** Pre-formatted timestamp. */
-    time;
-    /** Sample value. */
-    value;
-    /** Engineering unit. */
-    unit;
-    /** Decimal places when numeric. */
-    precision;
-    /** Data quality flag. */
-    quality = 'good';
-    formatted() {
-        if (typeof this.value === 'string')
-            return this.value;
-        if (!Number.isFinite(this.value))
-            return '--';
-        if (this.precision !== undefined)
-            return this.value.toFixed(this.precision);
-        return String(this.value);
-    }
-    render() {
-        return (h(Host, { key: '0f9964bb0b57a48ec321af617c73c49bbdba379f', role: "row", "aria-label": `${this.time}: ${this.formatted()} ${this.unit ?? ''}, ${QUALITY_LABEL[this.quality]}` }, h("span", { key: '17f0412c066e28d2c00c8a87296aeb0898b4e1b0', class: "time", part: "time" }, this.time), h("span", { key: '01a0b99d35321fe7fbc2579b75dc34b438aa695b', class: "value", part: "value" }, this.formatted(), this.unit && h("span", { key: 'b778bcf0adcf60bd0c6826bc886b31a2dfc1e92b', class: "unit", part: "unit" }, " ", this.unit)), h("span", { key: '9145c8be49a4e8f4f8f000a0888a61fe06858dfa', class: `quality quality-${this.quality}`, part: "quality" }, QUALITY_LABEL[this.quality])));
-    }
-    static get is() { return "ind-historical-value-row"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_shared/row.css", "historical-value-row.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_shared/row.css", "historical-value-row.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "time": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Pre-formatted timestamp."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "time"
-            },
-            "value": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "number | string",
-                    "resolved": "number | string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Sample value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value"
-            },
-            "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"
-            },
-            "precision": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Decimal places when numeric."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "precision"
-            },
-            "quality": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "DataQuality",
-                    "resolved": "\"bad\" | \"good\" | \"uncertain\"",
-                    "references": {
-                        "DataQuality": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/historical-value-row/historical-value-row.tsx",
-                            "id": "src/components/molecules/historical-value-row/historical-value-row.tsx::DataQuality"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Data quality flag."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "quality",
-                "defaultValue": "'good'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=historical-value-row.js.map

package/dist/collection/components/molecules/kpi-card/kpi-card.css

@@ -1,31 +0,0 @@
-:host {
-  min-width: 150px;
-}
-
-.readout {
-  display: flex;
-  align-items: baseline;
-  gap: var(--ind-spacing-2, 4px);
-}
-
-.number {
-  font-size: var(--ind-font-size-3xl, 28px);
-  font-weight: var(--ind-font-weight-bold, 700);
-  line-height: 1;
-}
-
-.unit {
-  font-size: var(--ind-font-size-lg, 14px);
-  color: var(--ind-surface-text-secondary);
-}
-
-.delta {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-2, 4px);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-muted);
-}
-
-:host([variant="good"]) .delta { color: var(--ind-state-running-bg, #16a34a); }
-:host([variant="bad"])  .delta { color: var(--ind-state-fault-bg, #dc2626); }

package/dist/collection/components/molecules/mode-selector/mode-selector.css

@@ -1,4 +0,0 @@
-:host {
-  min-width: 180px;
-  align-items: flex-start;
-}

package/dist/collection/components/molecules/motor-card/motor-card.css

@@ -1,3 +0,0 @@
-:host {
-  min-width: 200px;
-}

package/dist/collection/components/molecules/mqtt-tag-binding/mqtt-tag-binding.css

@@ -1,3 +0,0 @@
-:host {
-  min-width: 220px;
-}

package/dist/collection/components/molecules/nav-item/nav-item.css

@@ -1,82 +0,0 @@
-:host {
-  display: block;
-  font-family: var(--ind-font-family-sans);
-}
-
-.item {
-  position: relative;
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-  width: 100%;
-  height: var(--ind-nav-item-height, 38px);
-  padding: 0 var(--ind-spacing-5, 12px);
-  background: transparent;
-  border: none;
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  font: inherit;
-  font-size: var(--ind-font-size-base, 12px);
-  text-align: left;
-  text-decoration: none;
-  cursor: pointer;
-  user-select: none;
-  box-sizing: border-box;
-  transition:
-    background-color var(--ind-motion-duration-fast, 120ms),
-    color            var(--ind-motion-duration-fast, 120ms);
-}
-
-.indicator {
-  width: 10px;
-  font-size: 9px;
-  color: var(--ind-feedback-info-bg, #0891b2);
-  opacity: 0;
-  transition: opacity var(--ind-motion-duration-fast, 120ms);
-  text-align: center;
-}
-
-.content {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.badge {
-  font-size: var(--ind-font-size-xs, 10px);
-  font-family: var(--ind-font-family-mono);
-  font-weight: var(--ind-font-weight-bold, 700);
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-  padding: 1px var(--ind-spacing-2, 4px);
-  min-width: 16px;
-  text-align: center;
-  border-radius: var(--ind-radius-sm, 2px);
-  background: var(--ind-feedback-error-bg, #dc2626);
-  color: var(--ind-feedback-error-fg, #ffffff);
-  line-height: 1.2;
-}
-
-.item:hover:not(:disabled):not([aria-disabled="true"]) {
-  background: var(--ind-surface-raised);
-  color: var(--ind-surface-text-primary);
-}
-
-.item:focus-visible {
-  outline: 2px solid var(--ind-surface-focus-ring, #22d3ee);
-  outline-offset: -2px;
-}
-
-:host([active]) .item {
-  background: var(--ind-surface-raised);
-  color: var(--ind-surface-text-primary);
-  font-weight: var(--ind-font-weight-semibold, 600);
-}
-
-:host([active]) .indicator {
-  opacity: 1;
-}
-
-:host([disabled]) {
-  opacity: 0.4;
-  pointer-events: none;
-}