@ind-ds/core 0.2.0 → 0.2.1

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

@@ -1,206 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * Energy / power KPI card: a headline reading plus an `<ind-sparkline>` for the
- * recent profile and an optional cumulative figure for the period.
- */
-export class IndEnergyCard {
-    /** Metric name (e.g. "Active power", "Energy today"). */
-    label;
-    /** Instantaneous value. */
-    value;
-    /** Unit (default kW). */
-    unit = 'kW';
-    /** Decimal places. */
-    precision = 1;
-    /** Recent samples for the sparkline. */
-    points = [];
-    /** Trend arrow. */
-    trend = 'none';
-    /** Cumulative value for the period (e.g. kWh today). */
-    total;
-    /** Cumulative unit (default kWh). */
-    totalUnit = 'kWh';
-    render() {
-        const arrow = this.trend === 'up' ? '▲' : this.trend === 'down' ? '▼' : this.trend === 'flat' ? '▬' : '';
-        const valueTrend = this.trend === 'flat' ? 'stable' : this.trend === 'none' ? 'none' : this.trend;
-        return (h(Host, { key: '6a1e87d1ba637c85937d672a72e6b04eb2c53bd1', role: "group", "aria-label": `${this.label}: ${this.value.toFixed(this.precision)} ${this.unit}` }, h("div", { key: 'a9b7c35217f479e2fecd7c4b3055bee9c31dc792', class: "card-head" }, h("span", { key: '97d732992573a11bebce1c7eb71637c1c0d4e8ec', class: "card-title", part: "label" }, this.label), arrow && h("span", { key: 'ddfa5633ce99e620fff7f3014c56b854d7609d5e', class: `arrow trend-${this.trend}`, part: "arrow", "aria-hidden": "true" }, arrow)), h("ind-value", { key: 'c9a36ee2223c248354bc03f1ca5713b293906acd', part: "value", value: this.value, unit: this.unit, precision: this.precision, trend: valueTrend, size: "lg" }), this.points.length > 1 && (h("ind-sparkline", { key: 'acb497f4a84df274fc77f07ebd2ae92f511ec41b', class: "spark", part: "spark", points: this.points, variant: "default", area: true })), this.total !== undefined && (h("div", { key: '66afecfb971972446303c9cacb79b5ec7aaa191d', class: "card-detail", part: "total" }, this.total.toLocaleString(), " ", this.totalUnit, " this period"))));
-    }
-    static get is() { return "ind-energy-card"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_shared/card.css", "energy-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_shared/card.css", "energy-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Metric name (e.g. \"Active power\", \"Energy today\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "value": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Instantaneous value."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "value"
-            },
-            "unit": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Unit (default kW)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "unit",
-                "defaultValue": "'kW'"
-            },
-            "precision": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Decimal places."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "precision",
-                "defaultValue": "1"
-            },
-            "points": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "number[]",
-                    "resolved": "number[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Recent samples for the sparkline."
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            },
-            "trend": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "EnergyTrend",
-                    "resolved": "\"down\" | \"flat\" | \"none\" | \"up\"",
-                    "references": {
-                        "EnergyTrend": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/energy-card/energy-card.tsx",
-                            "id": "src/components/molecules/energy-card/energy-card.tsx::EnergyTrend"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Trend arrow."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "trend",
-                "defaultValue": "'none'"
-            },
-            "total": {
-                "type": "number",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Cumulative value for the period (e.g. kWh today)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "total"
-            },
-            "totalUnit": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Cumulative unit (default kWh)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "total-unit",
-                "defaultValue": "'kWh'"
-            }
-        };
-    }
-}
-//# sourceMappingURL=energy-card.js.map

package/dist/collection/components/molecules/equipment-status-card/equipment-status-card.css

@@ -1,29 +0,0 @@
-.body {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-5, 12px);
-}
-
-.symbol {
-  display: inline-flex;
-  flex: 0 0 auto;
-}
-
-.status {
-  display: flex;
-  align-items: center;
-  gap: var(--ind-spacing-3, 6px);
-  margin-left: auto;
-}
-
-.state-label {
-  font-size: var(--ind-font-size-lg, 14px);
-  font-weight: var(--ind-font-weight-semibold, 600);
-}
-
-: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); }

package/dist/collection/components/molecules/equipment-status-card/equipment-status-card.js

@@ -1,150 +0,0 @@
-import { h, Host } from "@stencil/core";
-const DEFAULT_LABEL = {
-    running: 'Running',
-    stopped: 'Stopped',
-    fault: 'Fault',
-    warning: 'Warning',
-    maintenance: 'Maintenance',
-    unknown: '—',
-};
-/**
- * Generic equipment status card. Slot a process symbol (`<ind-pump>`,
- * `<ind-motor>`, …) into the default slot; the card supplies the heading,
- * a state badge and an optional detail line.
- */
-export class IndEquipmentStatusCard {
-    /** Equipment name (e.g. "Feed pump"). */
-    heading;
-    /** Equipment tag (e.g. "P-101"). */
-    tag;
-    /** Process state — drives the badge color and fault chrome. */
-    state = 'unknown';
-    /** Override the default state label. */
-    stateLabel;
-    /** Sub-line for context (runtime, last fault, …). */
-    detail;
-    render() {
-        const label = this.stateLabel ?? DEFAULT_LABEL[this.state];
-        const dot = this.state === 'unknown' ? 'neutral' : this.state;
-        return (h(Host, { key: '50ef02041e1221b96bb57907725bf22cc5e0d609', role: "group", "aria-label": `${this.heading}: ${label}`, "aria-live": this.state === 'fault' ? 'assertive' : 'polite' }, h("div", { key: 'b173cac3ff0f2f10ff25e461aa1016ffe2952e2d', class: "card-head" }, h("span", { key: '53f425c3d75617add7807f77dd411f0ed1cd1b80', class: "card-title", part: "heading" }, this.heading), this.tag && h("span", { key: '1bcdbdaaaffc476ffb5f99a4d1c248b37f428c9a', class: "card-tag", part: "tag" }, this.tag)), h("div", { key: '75b94da1c391f16ebfa6ed3468f98d9a42b1be8d', class: "body", part: "body" }, h("span", { key: '684412e91904a96e24cce09c8003cf87b3b47fb1', class: "symbol", part: "symbol" }, h("slot", { key: '398342832c19ddd39cd59d3e30b8c057d939d7d1' })), h("div", { key: '6b26f6e32e85949ffa226c522be010693fcfa868', class: "status", part: "status" }, h("ind-status-dot", { key: '0c9e97b62ef0435e8ebe0889fdfde5822506eb4c', state: dot, size: "md" }), h("span", { key: '6a0506b7ab72f4b3f2b28c6bd5210062b77d9594', class: "state-label", part: "state-label" }, label))), this.detail && h("div", { key: 'e7993508dabe25207fc675182bac2034263f775b', class: "card-detail", part: "detail" }, this.detail)));
-    }
-    static get is() { return "ind-equipment-status-card"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_shared/card.css", "equipment-status-card.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_shared/card.css", "equipment-status-card.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "heading": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Equipment name (e.g. \"Feed pump\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "heading"
-            },
-            "tag": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Equipment tag (e.g. \"P-101\")."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tag"
-            },
-            "state": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "EquipmentCardState",
-                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"unknown\" | \"warning\"",
-                    "references": {
-                        "EquipmentCardState": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/equipment-status-card/equipment-status-card.tsx",
-                            "id": "src/components/molecules/equipment-status-card/equipment-status-card.tsx::EquipmentCardState"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Process state \u2014 drives the badge color and fault chrome."
-                },
-                "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 state label."
-                },
-                "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": "Sub-line for context (runtime, last fault, \u2026)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "detail"
-            }
-        };
-    }
-}
-//# sourceMappingURL=equipment-status-card.js.map

package/dist/collection/components/molecules/event-row/event-row.css

@@ -1,3 +0,0 @@
-:host {
-  grid-template-columns: auto 12px auto 1fr;
-}

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

@@ -1,118 +0,0 @@
-import { h, Host } from "@stencil/core";
-/**
- * One line in an event / system log: timestamp, severity dot, source and
- * message. Read-only.
- */
-export class IndEventRow {
-    /** Pre-formatted timestamp. */
-    time;
-    /** Severity — drives the status dot color. */
-    severity = 'info';
-    /** Event source (subsystem, device, tag). */
-    source;
-    /** Event message. */
-    message;
-    render() {
-        return (h(Host, { key: 'f0c8397e9f18441b1720612d4413d7438174f41f', role: "row", "aria-label": `${this.severity} event ${this.message}` }, this.time && h("span", { key: '0abc4554ac569b3c654cb1d56a7892af1770a26e', class: "time", part: "time" }, this.time), h("ind-status-dot", { key: '0c0dd551e50498854cb05a4356581c734bf5b3cd', state: this.severity, size: "sm" }), this.source && h("span", { key: 'fdb8f001ee894c60c114bbb0c750d22057c1aaa0', class: "tag", part: "source" }, this.source), h("span", { key: '61f1b238ffe9bc9d0ac5911145b6b66691747a06', class: "msg", part: "message" }, this.message)));
-    }
-    static get is() { return "ind-event-row"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["../_shared/row.css", "event-row.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["../_shared/row.css", "event-row.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "time": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Pre-formatted timestamp."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "time"
-            },
-            "severity": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "EventSeverity",
-                    "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
-                    "references": {
-                        "EventSeverity": {
-                            "location": "local",
-                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/molecules/event-row/event-row.tsx",
-                            "id": "src/components/molecules/event-row/event-row.tsx::EventSeverity"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Severity \u2014 drives the status dot color."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "severity",
-                "defaultValue": "'info'"
-            },
-            "source": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string | undefined",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Event source (subsystem, device, tag)."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "source"
-            },
-            "message": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Event message."
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "message"
-            }
-        };
-    }
-}
-//# sourceMappingURL=event-row.js.map

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

@@ -1,70 +0,0 @@
-:host {
-  display: grid;
-  grid-template-columns: max-content minmax(80px, 1.2fr) minmax(160px, 2fr) max-content max-content auto;
-  gap: var(--ind-spacing-4, 8px);
-  align-items: center;
-  padding: var(--ind-spacing-3, 6px) 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));
-  font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
-}
-
-.tag {
-  font-family: var(--ind-font-family-mono);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  font-size: var(--ind-font-size-sm, 11px);
-  color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
-  letter-spacing: 0.04em;
-  min-width: 32px;
-}
-
-.label {
-  font-size: var(--ind-font-size-base, 12px);
-}
-
-.progress {
-  display: block;
-  width: 100%;
-}
-
-.value {
-  font-family: var(--ind-font-family-mono);
-  font-weight: var(--ind-font-weight-semibold, 600);
-  font-size: var(--ind-font-size-md, 13px);
-  min-width: 52px;
-  text-align: right;
-  white-space: nowrap;
-}
-
-.severity {
-  font-size: var(--ind-font-size-md, 13px);
-  width: 16px;
-  text-align: center;
-  color: var(--ind-feedback-warning-bg, #f59e0b);
-  line-height: 1;
-}
-
-:host([variant="error"]) .severity {
-  color: var(--ind-feedback-error-bg, #dc2626);
-}
-
-.actions {
-  display: flex;
-  gap: var(--ind-spacing-2, 4px);
-}
-
-::slotted(*) {
-  flex-shrink: 0;
-}
-
-@media (max-width: 640px) {
-  :host {
-    grid-template-columns: max-content 1fr;
-    grid-template-rows: auto auto auto;
-  }
-  .progress { grid-column: 1 / -1; }
-  .value, .severity, .actions { grid-column: 1 / -1; }
-}