@ind-ds/core 0.1.1 → 0.2.1

package/dist/collection/components/organisms/energy-dashboard/energy-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"energy-dashboard.js","sourceRoot":"","sources":["../../../../src/components/organisms/energy-dashboard/energy-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IACrB,OAAO,GAAW,QAAQ,CAAC;IACnC,gDAAgD;IACxC,UAAU,CAAU;IAC5B,4BAA4B;IACpB,UAAU,CAAU;IAC5B,2BAA2B;IACnB,SAAS,GAAW,IAAI,CAAC;IACjC,8BAA8B;IACtB,OAAO,GAAW,CAAC,CAAC;IAE5B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC7D,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,CAChC,4DAAK,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO;oBAC5B,IAAI,CAAC,UAAU,IAAI,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAQ;oBACtE,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAQ;oBACnE,6DAAM,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,SAAS,CAAQ,CAC5C,CACP,CACG;YACN,4DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,OAAO,mBAAmB,EAAE;gBAEzE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Energy dashboard. A headline total in the header and a grid of slotted\n * `<ind-energy-card>` / KPI molecules below.\n */\n@Component({\n  tag: 'ind-energy-dashboard',\n  styleUrls: ['../_shared/panel.css', 'energy-dashboard.css'],\n  shadow: true,\n})\nexport class IndEnergyDashboard {\n  @Prop() heading: string = 'Energy';\n  /** Headline total label (e.g. \"Site total\"). */\n  @Prop() totalLabel?: string;\n  /** Headline total value. */\n  @Prop() totalValue?: number;\n  /** Headline total unit. */\n  @Prop() totalUnit: string = 'kW';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          {this.totalValue !== undefined && (\n            <div class=\"total\" part=\"total\">\n              {this.totalLabel && <span class=\"total-label\">{this.totalLabel}</span>}\n              <span class=\"total-value\">{this.totalValue.toLocaleString()}</span>\n              <span class=\"total-unit\">{this.totalUnit}</span>\n            </div>\n          )}\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/equipment-dashboard/equipment-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"equipment-dashboard.js","sourceRoot":"","sources":["../../../../src/components/organisms/equipment-dashboard/equipment-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAEzD;;;;GAIG;AAMH,MAAM,OAAO,qBAAqB;IACxB,OAAO,GAAW,WAAW,CAAC;IACtC,8BAA8B;IACtB,OAAO,GAAW,CAAC,CAAC;IAE5B,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC9D,4DAAK,KAAK,EAAC,eAAe;oBAAC,6DAAM,IAAI,EAAC,SAAS,GAAG,CAAM,CACpD;YACN,4DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,OAAO,mBAAmB,EAAE;gBAEzE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\n/**\n * Responsive grid host for equipment faceplate molecules (motor/pump/valve/\n * tank cards). Slot the cards in; the dashboard supplies the heading and the\n * column layout.\n */\n@Component({\n  tag: 'ind-equipment-dashboard',\n  styleUrls: ['../_shared/panel.css', 'equipment-dashboard.css'],\n  shadow: true,\n})\nexport class IndEquipmentDashboard {\n  @Prop() heading: string = 'Equipment';\n  /** Number of grid columns. */\n  @Prop() columns: number = 3;\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\"><slot name=\"actions\" /></div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/event-journal/event-journal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-journal.js","sourceRoot":"","sources":["../../../../src/components/organisms/event-journal/event-journal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUzD;;;GAGG;AAMH,MAAM,OAAO,eAAe;IAClB,OAAO,GAAW,eAAe,CAAC;IAC1C,iCAAiC;IACzB,MAAM,GAAuB,EAAE,CAAC;IACxC,uDAAuD;IAC9B,MAAM,GAA0B,KAAK,CAAC;IAEvD,QAAQ,GAAG,CAAC,CAAQ,EAAE,EAAE;QAC9B,IAAI,CAAC,MAAM,GAAI,CAAC,CAAC,MAA4B,CAAC,KAA8B,CAAC;IAC/E,CAAC,CAAC;IAEF,MAAM;QACJ,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC;QACzG,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;gBAC9D,4DAAK,KAAK,EAAC,eAAe;oBACxB,+DAAQ,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ;wBAC1D,+DAAQ,KAAK,EAAC,KAAK,qBAAwB;wBAC3C,+DAAQ,KAAK,EAAC,OAAO,YAAe;wBACpC,+DAAQ,KAAK,EAAC,SAAS,cAAiB;wBACxC,+DAAQ,KAAK,EAAC,SAAS,cAAiB;wBACxC,+DAAQ,KAAK,EAAC,MAAM,WAAc,CAC3B,CACL,CACF;YACN,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,WAAK,KAAK,EAAC,aAAa,gBAAgB,CACzC,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACjB,qBACE,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,OAAO,EAAE,CAAC,CAAC,OAAO,GAClB,CACH,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EventSeverity } from '../../molecules/event-row/event-row';\n\nexport interface EventJournalItem {\n  time?: string;\n  severity: EventSeverity;\n  source?: string;\n  message: string;\n}\n\n/**\n * Chronological event / system log built from `<ind-event-row>`s, with a\n * severity filter in the toolbar.\n */\n@Component({\n  tag: 'ind-event-journal',\n  styleUrls: ['../_shared/panel.css', 'event-journal.css'],\n  shadow: true,\n})\nexport class IndEventJournal {\n  @Prop() heading: string = 'Event journal';\n  /** Events, most-recent first. */\n  @Prop() events: EventJournalItem[] = [];\n  /** Active severity filter — `all` shows everything. */\n  @Prop({ mutable: true }) filter: 'all' | EventSeverity = 'all';\n\n  private onFilter = (e: Event) => {\n    this.filter = (e.target as HTMLSelectElement).value as 'all' | EventSeverity;\n  };\n\n  render() {\n    const rows = this.filter === 'all' ? this.events : this.events.filter((e) => e.severity === this.filter);\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n          <div class=\"panel-actions\">\n            <select class=\"filter\" part=\"filter\" onChange={this.onFilter}>\n              <option value=\"all\">All severities</option>\n              <option value=\"error\">Error</option>\n              <option value=\"warning\">Warning</option>\n              <option value=\"success\">Success</option>\n              <option value=\"info\">Info</option>\n            </select>\n          </div>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {rows.length === 0 ? (\n            <div class=\"panel-empty\">No events</div>\n          ) : (\n            rows.map((e, i) => (\n              <ind-event-row\n                key={i}\n                time={e.time}\n                severity={e.severity}\n                source={e.source}\n                message={e.message}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"firmware-update-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/firmware-update-panel/firmware-update-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport type FirmwareState =\n  | 'idle'\n  | 'checking'\n  | 'available'\n  | 'downloading'\n  | 'installing'\n  | 'up-to-date'\n  | 'error';\n\nconst STATE_LABEL: Record<FirmwareState, string> = {\n  idle: 'Idle',\n  checking: 'Checking…',\n  available: 'Update available',\n  downloading: 'Downloading…',\n  installing: 'Installing…',\n  'up-to-date': 'Up to date',\n  error: 'Update failed',\n};\n\n/**\n * Firmware update panel: current vs target version, update progress and the\n * Check / Install commands. Emits `indCheck` and `indInstall`.\n */\n@Component({\n  tag: 'ind-firmware-update-panel',\n  styleUrls: ['../_shared/panel.css', 'firmware-update-panel.css'],\n  shadow: true,\n})\nexport class IndFirmwareUpdatePanel {\n  @Prop() heading: string = 'Firmware';\n  /** Device name. */\n  @Prop() device?: string;\n  /** Installed version. */\n  @Prop() currentVersion!: string;\n  /** Available / target version. */\n  @Prop() targetVersion?: string;\n  /** Update state. */\n  @Prop({ reflect: true }) state: FirmwareState = 'idle';\n  /** Progress 0–100 % while downloading / installing. */\n  @Prop() progress: number = 0;\n\n  @Event() indCheck!: EventEmitter<void>;\n  @Event() indInstall!: EventEmitter<void>;\n\n  render() {\n    const busy = this.state === 'downloading' || this.state === 'installing' || this.state === 'checking';\n    const canInstall = this.state === 'available';\n    const progressVariant = this.state === 'error' ? 'error' : 'default';\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.device && <span class=\"panel-subtitle\">{this.device}</span>}\n          </div>\n          <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n        </div>\n        <div class=\"panel-body\">\n          <div class=\"versions\" part=\"versions\">\n            <div class=\"ver\">\n              <span class=\"ver-label\">Installed</span>\n              <span class=\"ver-value\">{this.currentVersion}</span>\n            </div>\n            <span class=\"arrow\" aria-hidden=\"true\">→</span>\n            <div class=\"ver\">\n              <span class=\"ver-label\">Target</span>\n              <span class=\"ver-value\">{this.targetVersion ?? '—'}</span>\n            </div>\n          </div>\n          {busy && (\n            <ind-progress value={this.progress} max={100} variant={progressVariant} size=\"md\" show-value indeterminate={this.state === 'checking'}></ind-progress>\n          )}\n          <ind-command-group label=\"Firmware commands\">\n            <ind-button variant=\"default\" size=\"sm\" label=\"Check\" disabled={busy} onIndActivate={() => this.indCheck.emit()} />\n            <ind-button variant=\"primary\" size=\"sm\" label=\"Install\" disabled={!canInstall} onIndActivate={() => this.indInstall.emit()} />\n          </ind-command-group>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/historian-viewer/historian-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"historian-viewer.js","sourceRoot":"","sources":["../../../../src/components/organisms/historian-viewer/historian-viewer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IACrB,OAAO,GAAW,WAAW,CAAC;IACtC,wBAAwB;IAChB,GAAG,CAAU;IACrB,wBAAwB;IAChB,IAAI,CAAU;IACtB,mCAAmC;IAC3B,SAAS,CAAU;IAC3B,kCAAkC;IAC1B,OAAO,GAAsB,EAAE,CAAC;IAEhC,aAAa;QACnB,OAAO,IAAI,CAAC,OAAO;aAChB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;aACjF,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;aACjC,OAAO,EAAE,CAAC;IACf,CAAC;IAED,MAAM;QACJ,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACpC,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;oBAC7D,IAAI,CAAC,GAAG,IAAI,6DAAM,KAAK,EAAC,gBAAgB;wBAAE,IAAI,CAAC,GAAG;wBAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAQ,CAC3F,CACF;YACL,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACpB,4DAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU;gBACnC,sEAAe,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,SAAS,EAAC,IAAI,SAAiB,CAClE,CACP;YACD,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,WAAK,KAAK,EAAC,aAAa,iBAAiB,CAC1C,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,gCACE,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,CAAC,OAAO,IAAI,MAAM,GAC5B,CACH,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { DataQuality } from '../../molecules/historical-value-row/historical-value-row';\n\nexport interface HistorianSample {\n  time: string;\n  value: number | string;\n  quality?: DataQuality;\n}\n\n/**\n * Tabular history viewer for a single tag: header with tag/unit, an optional\n * sparkline overview, and a scrolling list of `<ind-historical-value-row>`s.\n */\n@Component({\n  tag: 'ind-historian-viewer',\n  styleUrls: ['../_shared/panel.css', 'historian-viewer.css'],\n  shadow: true,\n})\nexport class IndHistorianViewer {\n  @Prop() heading: string = 'Historian';\n  /** Tag being viewed. */\n  @Prop() tag?: string;\n  /** Engineering unit. */\n  @Prop() unit?: string;\n  /** Decimal places for the rows. */\n  @Prop() precision?: number;\n  /** Samples, most-recent first. */\n  @Prop() samples: HistorianSample[] = [];\n\n  private numericPoints(): number[] {\n    return this.samples\n      .map((s) => (typeof s.value === 'number' ? s.value : parseFloat(String(s.value))))\n      .filter((n) => Number.isFinite(n))\n      .reverse();\n  }\n\n  render() {\n    const points = this.numericPoints();\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.tag && <span class=\"panel-subtitle\">{this.tag}{this.unit ? ` · ${this.unit}` : ''}</span>}\n          </div>\n        </div>\n        {points.length > 1 && (\n          <div class=\"overview\" part=\"overview\">\n            <ind-sparkline points={points} variant=\"default\" area></ind-sparkline>\n          </div>\n        )}\n        <div class=\"panel-list\" part=\"list\">\n          {this.samples.length === 0 ? (\n            <div class=\"panel-empty\">No samples</div>\n          ) : (\n            this.samples.map((s, i) => (\n              <ind-historical-value-row\n                key={i}\n                time={s.time}\n                value={s.value}\n                unit={this.unit}\n                precision={this.precision}\n                quality={s.quality ?? 'good'}\n              />\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/machine-overview/machine-overview.js

@@ -0,0 +1,148 @@
+import { h, Host } from "@stencil/core";
+const STATE_LABEL = {
+    running: 'Running',
+    stopped: 'Stopped',
+    fault: 'Fault',
+    warning: 'Warning',
+    maintenance: 'Maintenance',
+    unknown: '—',
+};
+/**
+ * Machine overview header + content area. Shows machine identity and state in
+ * the header; slot equipment / KPI molecules into the grid body.
+ */
+export class IndMachineOverview {
+    heading;
+    /** Machine identifier. */
+    machineId;
+    state = 'unknown';
+    /** OEE headline percentage. */
+    oee;
+    /** Grid columns for the body. */
+    columns = 3;
+    render() {
+        const dot = this.state === 'unknown' ? 'neutral' : this.state;
+        return (h(Host, { key: '281c842746d39b89babab44e4082af21459af697' }, h("div", { key: '268505d67fd22ab2b6e8c318c9cb62b44f1ac713', class: "panel-head" }, h("div", { key: '1ba1ecfc8934171596ea8907bf724b94597908e2', class: "panel-titles" }, h("span", { key: 'c190548d8a484f0b4cda417eb5ac15da1c455c0e', class: "panel-title", part: "heading" }, this.heading), this.machineId && h("span", { key: '9c0cea21d61d6ad76a3318705449fe05422a17d8', class: "panel-subtitle" }, this.machineId)), h("div", { key: 'd83bd064b37f7c33948be3f8e99e6c7629d493dd', class: "panel-actions" }, this.oee !== undefined && (h("span", { key: 'bd88990d43b39d1fe968bddf726cb4be28cf1805', class: "oee", part: "oee" }, "OEE ", this.oee.toFixed(0), "%")), h("ind-status-dot", { key: 'a58bb00ece8b3dec79951cf619b82fda039050b1', state: dot, size: "md" }), h("span", { key: '385aacc80f7094ffc6395e228e4f7cf4f3034011', class: `state state-${this.state}`, part: "state" }, STATE_LABEL[this.state]))), h("div", { key: '0abd7affd719ac98abbb71d4d8d657e9d3b1f618', class: "panel-grid", part: "grid", style: { gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` } }, h("slot", { key: '36463bab72f6522f6a17788ca6efc4d770e6abee' }))));
+    }
+    static get is() { return "ind-machine-overview"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "machine-overview.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "machine-overview.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading"
+            },
+            "machineId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Machine identifier."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "machine-id"
+            },
+            "state": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "EquipmentCardState",
+                    "resolved": "\"fault\" | \"maintenance\" | \"running\" | \"stopped\" | \"unknown\" | \"warning\"",
+                    "references": {
+                        "EquipmentCardState": {
+                            "location": "import",
+                            "path": "../../molecules/equipment-status-card/equipment-status-card",
+                            "id": "src/components/molecules/equipment-status-card/equipment-status-card.tsx::EquipmentCardState",
+                            "referenceLocation": "EquipmentCardState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "state",
+                "defaultValue": "'unknown'"
+            },
+            "oee": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "OEE headline percentage."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "oee"
+            },
+            "columns": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Grid columns for the body."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "columns",
+                "defaultValue": "3"
+            }
+        };
+    }
+}
+//# sourceMappingURL=machine-overview.js.map

package/dist/collection/components/organisms/machine-overview/machine-overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"machine-overview.js","sourceRoot":"","sources":["../../../../src/components/organisms/machine-overview/machine-overview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,WAAW,GAAuC;IACtD,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,GAAG;CACb,CAAC;AAEF;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IACrB,OAAO,CAAU;IACzB,0BAA0B;IAClB,SAAS,CAAU;IACF,KAAK,GAAuB,SAAS,CAAC;IAC/D,+BAA+B;IACvB,GAAG,CAAU;IACrB,iCAAiC;IACzB,OAAO,GAAW,CAAC,CAAC;IAE5B,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9D,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,4DAAK,KAAK,EAAC,cAAc;oBACvB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ;oBAC7D,IAAI,CAAC,SAAS,IAAI,6DAAM,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,SAAS,CAAQ,CACnE;gBACN,4DAAK,KAAK,EAAC,eAAe;oBACvB,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,CACzB,6DAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK;;wBAAM,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC;4BAAS,CAC/D;oBACD,uEAAgB,KAAK,EAAE,GAAU,EAAE,IAAI,EAAC,IAAI,GAAG;oBAC/C,6DAAM,KAAK,EAAE,eAAe,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAC,OAAO,IAAE,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACnF,CACF;YACN,4DACE,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,EAAE,mBAAmB,EAAE,UAAU,IAAI,CAAC,OAAO,mBAAmB,EAAE;gBAEzE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\nimport type { EquipmentCardState } from '../../molecules/equipment-status-card/equipment-status-card';\n\nconst STATE_LABEL: Record<EquipmentCardState, string> = {\n  running: 'Running',\n  stopped: 'Stopped',\n  fault: 'Fault',\n  warning: 'Warning',\n  maintenance: 'Maintenance',\n  unknown: '—',\n};\n\n/**\n * Machine overview header + content area. Shows machine identity and state in\n * the header; slot equipment / KPI molecules into the grid body.\n */\n@Component({\n  tag: 'ind-machine-overview',\n  styleUrls: ['../_shared/panel.css', 'machine-overview.css'],\n  shadow: true,\n})\nexport class IndMachineOverview {\n  @Prop() heading!: string;\n  /** Machine identifier. */\n  @Prop() machineId?: string;\n  @Prop({ reflect: true }) state: EquipmentCardState = 'unknown';\n  /** OEE headline percentage. */\n  @Prop() oee?: number;\n  /** Grid columns for the body. */\n  @Prop() columns: number = 3;\n\n  render() {\n    const dot = this.state === 'unknown' ? 'neutral' : this.state;\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <div class=\"panel-titles\">\n            <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n            {this.machineId && <span class=\"panel-subtitle\">{this.machineId}</span>}\n          </div>\n          <div class=\"panel-actions\">\n            {this.oee !== undefined && (\n              <span class=\"oee\" part=\"oee\">OEE {this.oee.toFixed(0)}%</span>\n            )}\n            <ind-status-dot state={dot as any} size=\"md\" />\n            <span class={`state state-${this.state}`} part=\"state\">{STATE_LABEL[this.state]}</span>\n          </div>\n        </div>\n        <div\n          class=\"panel-grid\"\n          part=\"grid\"\n          style={{ gridTemplateColumns: `repeat(${this.columns}, minmax(0, 1fr))` }}\n        >\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/organisms/maintenance-dashboard/maintenance-dashboard.js

@@ -0,0 +1,160 @@
+import { h, Host } from "@stencil/core";
+/**
+ * Maintenance KPIs (MTBF / MTTR / open & overdue work orders) plus an upcoming
+ * / overdue task list.
+ */
+export class IndMaintenanceDashboard {
+    heading = 'Maintenance';
+    /** Mean time between failures (hours). */
+    mtbf;
+    /** Mean time to repair (hours). */
+    mttr;
+    /** Open work orders. */
+    openWorkOrders = 0;
+    /** Overdue work orders. */
+    overdue = 0;
+    /** Upcoming / overdue tasks. */
+    dueItems = [];
+    render() {
+        return (h(Host, { key: '94b1be945de7b82e8d7570fd2051a4cd7aca547d' }, h("div", { key: '11f25ad6fd9fdcfa1120b1afab257769afe1010c', class: "panel-head" }, h("span", { key: '7bba8884a56d2bd9ff822e487a2414138c96890b', class: "panel-title", part: "heading" }, this.heading)), h("div", { key: '577d1f27c3dd2d4f487d8e3385ebbb3ec8f8ff4b', class: "kpis", part: "kpis" }, h("ind-kpi-card", { key: '583aba5d448f67ec960d6da5247dc752e0642812', label: "MTBF", value: this.mtbf ?? '--', unit: "h", precision: 0 }), h("ind-kpi-card", { key: 'a25a4ab4906015c76f76b4a35984619c7b888633', label: "MTTR", value: this.mttr ?? '--', unit: "h", precision: 1 }), h("ind-kpi-card", { key: 'cbc1e96d120ba23016005b90e13951264d148572', label: "Open WOs", value: this.openWorkOrders }), h("ind-kpi-card", { key: '1ac75c5a7ab66c5a37aefc6a14a65a1a9e0e8dfd', label: "Overdue", value: this.overdue, variant: this.overdue > 0 ? 'bad' : 'neutral' })), h("div", { key: '4cb0f35f5fc27412ea8cfb3491fd8947041a9f3e', class: "panel-list", part: "list" }, this.dueItems.length === 0 ? (h("div", { class: "panel-empty" }, "No scheduled tasks")) : (this.dueItems.map((d, i) => (h("div", { class: `row ${d.overdue ? 'row-overdue' : ''}`, part: "row", key: i }, h("span", { class: "tag", part: "asset" }, d.asset), h("span", { class: "task", part: "task" }, d.task), h("span", { class: "due", part: "due" }, d.due))))))));
+    }
+    static get is() { return "ind-maintenance-dashboard"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "maintenance-dashboard.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["../_shared/panel.css", "maintenance-dashboard.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "heading",
+                "defaultValue": "'Maintenance'"
+            },
+            "mtbf": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Mean time between failures (hours)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mtbf"
+            },
+            "mttr": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Mean time to repair (hours)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "mttr"
+            },
+            "openWorkOrders": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Open work orders."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "open-work-orders",
+                "defaultValue": "0"
+            },
+            "overdue": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Overdue work orders."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "overdue",
+                "defaultValue": "0"
+            },
+            "dueItems": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "MaintenanceDueItem[]",
+                    "resolved": "MaintenanceDueItem[]",
+                    "references": {
+                        "MaintenanceDueItem": {
+                            "location": "local",
+                            "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/maintenance-dashboard/maintenance-dashboard.tsx",
+                            "id": "src/components/organisms/maintenance-dashboard/maintenance-dashboard.tsx::MaintenanceDueItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Upcoming / overdue tasks."
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            }
+        };
+    }
+}
+//# sourceMappingURL=maintenance-dashboard.js.map

package/dist/collection/components/organisms/maintenance-dashboard/maintenance-dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maintenance-dashboard.js","sourceRoot":"","sources":["../../../../src/components/organisms/maintenance-dashboard/maintenance-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASzD;;;GAGG;AAMH,MAAM,OAAO,uBAAuB;IAC1B,OAAO,GAAW,aAAa,CAAC;IACxC,0CAA0C;IAClC,IAAI,CAAU;IACtB,mCAAmC;IAC3B,IAAI,CAAU;IACtB,wBAAwB;IAChB,cAAc,GAAW,CAAC,CAAC;IACnC,2BAA2B;IACnB,OAAO,GAAW,CAAC,CAAC;IAC5B,gCAAgC;IACxB,QAAQ,GAAyB,EAAE,CAAC;IAE5C,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAC,YAAY;gBACrB,6DAAM,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAQ,CAC1D;YACN,4DAAK,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM;gBAC3B,qEAAc,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,CAAC,GAAiB;gBAC3F,qEAAc,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,IAAI,EAAC,GAAG,EAAC,SAAS,EAAE,CAAC,GAAiB;gBAC3F,qEAAc,KAAK,EAAC,UAAU,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,GAAiB;gBAC1E,qEAAc,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,GAAiB,CAC7G;YACN,4DAAK,KAAK,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,IAChC,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,WAAK,KAAK,EAAC,aAAa,yBAAyB,CAClD,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,WAAK,KAAK,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAC,KAAK,EAAC,GAAG,EAAE,CAAC;gBACpE,YAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAAE,CAAC,CAAC,KAAK,CAAQ;gBAC/C,YAAM,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,IAAE,CAAC,CAAC,IAAI,CAAQ;gBAC9C,YAAM,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,IAAE,CAAC,CAAC,GAAG,CAAQ,CACvC,CACP,CAAC,CACH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Host } from '@stencil/core';\n\nexport interface MaintenanceDueItem {\n  asset: string;\n  task: string;\n  due: string;\n  overdue?: boolean;\n}\n\n/**\n * Maintenance KPIs (MTBF / MTTR / open & overdue work orders) plus an upcoming\n * / overdue task list.\n */\n@Component({\n  tag: 'ind-maintenance-dashboard',\n  styleUrls: ['../_shared/panel.css', 'maintenance-dashboard.css'],\n  shadow: true,\n})\nexport class IndMaintenanceDashboard {\n  @Prop() heading: string = 'Maintenance';\n  /** Mean time between failures (hours). */\n  @Prop() mtbf?: number;\n  /** Mean time to repair (hours). */\n  @Prop() mttr?: number;\n  /** Open work orders. */\n  @Prop() openWorkOrders: number = 0;\n  /** Overdue work orders. */\n  @Prop() overdue: number = 0;\n  /** Upcoming / overdue tasks. */\n  @Prop() dueItems: MaintenanceDueItem[] = [];\n\n  render() {\n    return (\n      <Host>\n        <div class=\"panel-head\">\n          <span class=\"panel-title\" part=\"heading\">{this.heading}</span>\n        </div>\n        <div class=\"kpis\" part=\"kpis\">\n          <ind-kpi-card label=\"MTBF\" value={this.mtbf ?? '--'} unit=\"h\" precision={0}></ind-kpi-card>\n          <ind-kpi-card label=\"MTTR\" value={this.mttr ?? '--'} unit=\"h\" precision={1}></ind-kpi-card>\n          <ind-kpi-card label=\"Open WOs\" value={this.openWorkOrders}></ind-kpi-card>\n          <ind-kpi-card label=\"Overdue\" value={this.overdue} variant={this.overdue > 0 ? 'bad' : 'neutral'}></ind-kpi-card>\n        </div>\n        <div class=\"panel-list\" part=\"list\">\n          {this.dueItems.length === 0 ? (\n            <div class=\"panel-empty\">No scheduled tasks</div>\n          ) : (\n            this.dueItems.map((d, i) => (\n              <div class={`row ${d.overdue ? 'row-overdue' : ''}`} part=\"row\" key={i}>\n                <span class=\"tag\" part=\"asset\">{d.asset}</span>\n                <span class=\"task\" part=\"task\">{d.task}</span>\n                <span class=\"due\" part=\"due\">{d.due}</span>\n              </div>\n            ))\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}