@ind-ds/core 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (188) hide show
  1. package/dist/cjs/ind-ds.cjs.js +1 -1
  2. package/dist/cjs/ind-valve-control-panel.cjs.entry.js +7 -1
  3. package/dist/cjs/ind-valve-control-panel.cjs.entry.js.map +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/components/atoms/_equipment/equipment.css +0 -74
  6. package/dist/collection/components/atoms/alarm/alarm.css +0 -87
  7. package/dist/collection/components/atoms/alarm/alarm.js +0 -122
  8. package/dist/collection/components/atoms/alarm-count/alarm-count.css +0 -44
  9. package/dist/collection/components/atoms/alarm-count/alarm-count.js +0 -171
  10. package/dist/collection/components/atoms/badge/badge.css +0 -42
  11. package/dist/collection/components/atoms/badge/badge.js +0 -101
  12. package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.css +0 -42
  13. package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.js +0 -116
  14. package/dist/collection/components/atoms/button/button.css +0 -110
  15. package/dist/collection/components/atoms/button/button.js +0 -215
  16. package/dist/collection/components/atoms/canvas-layer/canvas-layer.css +0 -8
  17. package/dist/collection/components/atoms/canvas-layer/canvas-layer.js +0 -161
  18. package/dist/collection/components/atoms/checkbox/checkbox.css +0 -92
  19. package/dist/collection/components/atoms/checkbox/checkbox.js +0 -214
  20. package/dist/collection/components/atoms/compressor/compressor.css +0 -7
  21. package/dist/collection/components/atoms/compressor/compressor.js +0 -124
  22. package/dist/collection/components/atoms/connection-indicator/connection-indicator.css +0 -42
  23. package/dist/collection/components/atoms/connection-indicator/connection-indicator.js +0 -107
  24. package/dist/collection/components/atoms/conveyor/conveyor.css +0 -18
  25. package/dist/collection/components/atoms/conveyor/conveyor.js +0 -152
  26. package/dist/collection/components/atoms/cooler/cooler.css +0 -15
  27. package/dist/collection/components/atoms/cooler/cooler.js +0 -124
  28. package/dist/collection/components/atoms/counter/counter.css +0 -45
  29. package/dist/collection/components/atoms/counter/counter.js +0 -171
  30. package/dist/collection/components/atoms/datetime-picker/datetime-picker.css +0 -46
  31. package/dist/collection/components/atoms/datetime-picker/datetime-picker.js +0 -275
  32. package/dist/collection/components/atoms/dialog/dialog.css +0 -85
  33. package/dist/collection/components/atoms/dialog/dialog.js +0 -265
  34. package/dist/collection/components/atoms/divider/divider.css +0 -16
  35. package/dist/collection/components/atoms/divider/divider.js +0 -50
  36. package/dist/collection/components/atoms/estop/estop.css +0 -69
  37. package/dist/collection/components/atoms/estop/estop.js +0 -166
  38. package/dist/collection/components/atoms/fan/fan.css +0 -11
  39. package/dist/collection/components/atoms/fan/fan.js +0 -124
  40. package/dist/collection/components/atoms/gauge/gauge.css +0 -70
  41. package/dist/collection/components/atoms/gauge/gauge.js +0 -237
  42. package/dist/collection/components/atoms/heartbeat/heartbeat.css +0 -58
  43. package/dist/collection/components/atoms/heartbeat/heartbeat.js +0 -116
  44. package/dist/collection/components/atoms/heater/heater.css +0 -20
  45. package/dist/collection/components/atoms/heater/heater.js +0 -124
  46. package/dist/collection/components/atoms/icon/icon.css +0 -30
  47. package/dist/collection/components/atoms/icon/icon.js +0 -119
  48. package/dist/collection/components/atoms/input/input.css +0 -92
  49. package/dist/collection/components/atoms/knob/knob.css +0 -71
  50. package/dist/collection/components/atoms/label/label.css +0 -29
  51. package/dist/collection/components/atoms/led/led.css +0 -91
  52. package/dist/collection/components/atoms/linear-gauge/linear-gauge.css +0 -65
  53. package/dist/collection/components/atoms/motor/motor.css +0 -24
  54. package/dist/collection/components/atoms/pipe/pipe.css +0 -57
  55. package/dist/collection/components/atoms/process-symbol/process-symbol.css +0 -44
  56. package/dist/collection/components/atoms/progress/progress.css +0 -69
  57. package/dist/collection/components/atoms/progress-ring/progress-ring.css +0 -59
  58. package/dist/collection/components/atoms/pump/pump.css +0 -7
  59. package/dist/collection/components/atoms/scara-canvas/scara-canvas.css +0 -100
  60. package/dist/collection/components/atoms/select/select.css +0 -88
  61. package/dist/collection/components/atoms/selector-switch/selector-switch.css +0 -53
  62. package/dist/collection/components/atoms/setpoint/setpoint.css +0 -79
  63. package/dist/collection/components/atoms/shelf-canvas/shelf-canvas.css +0 -67
  64. package/dist/collection/components/atoms/signal-quality/signal-quality.css +0 -41
  65. package/dist/collection/components/atoms/silo/silo.css +0 -12
  66. package/dist/collection/components/atoms/slider/slider.css +0 -87
  67. package/dist/collection/components/atoms/sparkline/sparkline.css +0 -37
  68. package/dist/collection/components/atoms/status-dot/status-dot.css +0 -69
  69. package/dist/collection/components/atoms/tab/tab.css +0 -39
  70. package/dist/collection/components/atoms/tag-name/tag-name.css +0 -25
  71. package/dist/collection/components/atoms/tank/tank.css +0 -12
  72. package/dist/collection/components/atoms/textarea/textarea.css +0 -74
  73. package/dist/collection/components/atoms/timestamp/timestamp.css +0 -15
  74. package/dist/collection/components/atoms/toggle/toggle.css +0 -78
  75. package/dist/collection/components/atoms/tree-node/tree-node.css +0 -65
  76. package/dist/collection/components/atoms/unit-label/unit-label.css +0 -16
  77. package/dist/collection/components/atoms/value/value.css +0 -115
  78. package/dist/collection/components/atoms/valve/valve.css +0 -101
  79. package/dist/collection/components/atoms/xy-point/xy-point.css +0 -49
  80. package/dist/collection/components/molecules/_shared/binding.css +0 -41
  81. package/dist/collection/components/molecules/_shared/card.css +0 -51
  82. package/dist/collection/components/molecules/_shared/equipment-card.css +0 -20
  83. package/dist/collection/components/molecules/_shared/row.css +0 -34
  84. package/dist/collection/components/molecules/alarm-badge-group/alarm-badge-group.css +0 -43
  85. package/dist/collection/components/molecules/alarm-badge-group/alarm-badge-group.js +0 -168
  86. package/dist/collection/components/molecules/alarm-row/alarm-row.css +0 -42
  87. package/dist/collection/components/molecules/alarm-row/alarm-row.js +0 -166
  88. package/dist/collection/components/molecules/audit-row/audit-row.css +0 -19
  89. package/dist/collection/components/molecules/audit-row/audit-row.js +0 -111
  90. package/dist/collection/components/molecules/batch-parameter-row/batch-parameter-row.css +0 -35
  91. package/dist/collection/components/molecules/batch-parameter-row/batch-parameter-row.js +0 -304
  92. package/dist/collection/components/molecules/command-group/command-group.css +0 -26
  93. package/dist/collection/components/molecules/command-group/command-group.js +0 -99
  94. package/dist/collection/components/molecules/device-connection-card/device-connection-card.css +0 -19
  95. package/dist/collection/components/molecules/device-connection-card/device-connection-card.js +0 -140
  96. package/dist/collection/components/molecules/device-info-card/device-info-card.css +0 -27
  97. package/dist/collection/components/molecules/device-info-card/device-info-card.js +0 -194
  98. package/dist/collection/components/molecules/energy-card/energy-card.css +0 -12
  99. package/dist/collection/components/molecules/energy-card/energy-card.js +0 -206
  100. package/dist/collection/components/molecules/equipment-status-card/equipment-status-card.css +0 -29
  101. package/dist/collection/components/molecules/equipment-status-card/equipment-status-card.js +0 -150
  102. package/dist/collection/components/molecules/event-row/event-row.css +0 -3
  103. package/dist/collection/components/molecules/event-row/event-row.js +0 -118
  104. package/dist/collection/components/molecules/fill-row/fill-row.css +0 -70
  105. package/dist/collection/components/molecules/fill-row/fill-row.js +0 -181
  106. package/dist/collection/components/molecules/health-card/health-card.css +0 -53
  107. package/dist/collection/components/molecules/health-card/health-card.js +0 -124
  108. package/dist/collection/components/molecules/historical-value-row/historical-value-row.css +0 -28
  109. package/dist/collection/components/molecules/historical-value-row/historical-value-row.js +0 -153
  110. package/dist/collection/components/molecules/kpi-card/kpi-card.css +0 -31
  111. package/dist/collection/components/molecules/mode-selector/mode-selector.css +0 -4
  112. package/dist/collection/components/molecules/motor-card/motor-card.css +0 -3
  113. package/dist/collection/components/molecules/mqtt-tag-binding/mqtt-tag-binding.css +0 -3
  114. package/dist/collection/components/molecules/nav-item/nav-item.css +0 -82
  115. package/dist/collection/components/molecules/network-status-card/network-status-card.css +0 -31
  116. package/dist/collection/components/molecules/opcua-tag-binding/opcua-tag-binding.css +0 -7
  117. package/dist/collection/components/molecules/pump-card/pump-card.css +0 -3
  118. package/dist/collection/components/molecules/recipe-selector/recipe-selector.css +0 -13
  119. package/dist/collection/components/molecules/setpoint-control/setpoint-control.css +0 -3
  120. package/dist/collection/components/molecules/sidebar-group/sidebar-group.css +0 -61
  121. package/dist/collection/components/molecules/speed-control/speed-control.css +0 -7
  122. package/dist/collection/components/molecules/start-stop-control/start-stop-control.css +0 -24
  123. package/dist/collection/components/molecules/tag-card/tag-card.css +0 -7
  124. package/dist/collection/components/molecules/tank-level-card/tank-level-card.css +0 -7
  125. package/dist/collection/components/molecules/temperature-control/temperature-control.css +0 -15
  126. package/dist/collection/components/molecules/toolbar-action/toolbar-action.css +0 -36
  127. package/dist/collection/components/molecules/trend-widget/trend-widget.css +0 -15
  128. package/dist/collection/components/molecules/valve-card/valve-card.css +0 -13
  129. package/dist/collection/components/organisms/_shared/control-panel.css +0 -15
  130. package/dist/collection/components/organisms/_shared/panel.css +0 -96
  131. package/dist/collection/components/organisms/alarm-panel/alarm-panel.css +0 -7
  132. package/dist/collection/components/organisms/alarm-panel/alarm-panel.js +0 -152
  133. package/dist/collection/components/organisms/alarm-summary/alarm-summary.css +0 -30
  134. package/dist/collection/components/organisms/alarm-summary/alarm-summary.js +0 -158
  135. package/dist/collection/components/organisms/app-header/app-header.css +0 -127
  136. package/dist/collection/components/organisms/app-header/app-header.js +0 -256
  137. package/dist/collection/components/organisms/asset-overview/asset-overview.css +0 -34
  138. package/dist/collection/components/organisms/asset-overview/asset-overview.js +0 -82
  139. package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.css +0 -45
  140. package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.js +0 -226
  141. package/dist/collection/components/organisms/command-center/command-center.css +0 -7
  142. package/dist/collection/components/organisms/command-center/command-center.js +0 -70
  143. package/dist/collection/components/organisms/context-toolbar/context-toolbar.css +0 -48
  144. package/dist/collection/components/organisms/context-toolbar/context-toolbar.js +0 -70
  145. package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.css +0 -43
  146. package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.js +0 -222
  147. package/dist/collection/components/organisms/energy-dashboard/energy-dashboard.css +0 -29
  148. package/dist/collection/components/organisms/energy-dashboard/energy-dashboard.js +0 -134
  149. package/dist/collection/components/organisms/equipment-dashboard/equipment-dashboard.css +0 -3
  150. package/dist/collection/components/organisms/equipment-dashboard/equipment-dashboard.js +0 -71
  151. package/dist/collection/components/organisms/event-journal/event-journal.css +0 -17
  152. package/dist/collection/components/organisms/event-journal/event-journal.js +0 -107
  153. package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.css +0 -47
  154. package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.js +0 -208
  155. package/dist/collection/components/organisms/historian-viewer/historian-viewer.css +0 -17
  156. package/dist/collection/components/organisms/historian-viewer/historian-viewer.js +0 -144
  157. package/dist/collection/components/organisms/machine-overview/machine-overview.css +0 -22
  158. package/dist/collection/components/organisms/maintenance-dashboard/maintenance-dashboard.css +0 -48
  159. package/dist/collection/components/organisms/motor-control-panel/motor-control-panel.css +0 -3
  160. package/dist/collection/components/organisms/mqtt-monitor/mqtt-monitor.css +0 -96
  161. package/dist/collection/components/organisms/oee-dashboard/oee-dashboard.css +0 -30
  162. package/dist/collection/components/organisms/process-control-panel/process-control-panel.css +0 -13
  163. package/dist/collection/components/organisms/production-cell/production-cell.css +0 -7
  164. package/dist/collection/components/organisms/production-dashboard/production-dashboard.css +0 -3
  165. package/dist/collection/components/organisms/production-line-overview/production-line-overview.css +0 -57
  166. package/dist/collection/components/organisms/pump-control-panel/pump-control-panel.css +0 -3
  167. package/dist/collection/components/organisms/recipe-management-panel/recipe-management-panel.css +0 -10
  168. package/dist/collection/components/organisms/sidebar-nav/sidebar-nav.css +0 -39
  169. package/dist/collection/components/organisms/status-bar/status-bar.css +0 -34
  170. package/dist/collection/components/organisms/trend-viewer/trend-viewer.css +0 -45
  171. package/dist/collection/components/organisms/valve-control-panel/valve-control-panel.css +0 -10
  172. package/dist/collection/components/organisms/valve-control-panel/valve-control-panel.js +67 -1
  173. package/dist/collection/components/organisms/valve-control-panel/valve-control-panel.js.map +1 -1
  174. package/dist/collection/components/organisms/workstation-monitor/workstation-monitor.css +0 -30
  175. package/dist/components/ind-valve-control-panel.js +1 -1
  176. package/dist/components/ind-valve-control-panel.js.map +1 -1
  177. package/dist/docs.json +88 -1
  178. package/dist/esm/ind-ds.js +1 -1
  179. package/dist/esm/ind-valve-control-panel.entry.js +7 -1
  180. package/dist/esm/ind-valve-control-panel.entry.js.map +1 -1
  181. package/dist/esm/loader.js +1 -1
  182. package/dist/ind-ds/ind-ds.esm.js +1 -1
  183. package/dist/ind-ds/{p-eac22c88.entry.js → p-69ac33af.entry.js} +2 -2
  184. package/dist/ind-ds/p-69ac33af.entry.js.map +1 -0
  185. package/dist/types/components/organisms/valve-control-panel/valve-control-panel.d.ts +6 -0
  186. package/dist/types/components.d.ts +33 -0
  187. package/package.json +2 -2
  188. package/dist/ind-ds/p-eac22c88.entry.js.map +0 -1
@@ -1,208 +0,0 @@
1
- import { h, Host } from "@stencil/core";
2
- const STATE_LABEL = {
3
- idle: 'Idle',
4
- checking: 'Checking…',
5
- available: 'Update available',
6
- downloading: 'Downloading…',
7
- installing: 'Installing…',
8
- 'up-to-date': 'Up to date',
9
- error: 'Update failed',
10
- };
11
- /**
12
- * Firmware update panel: current vs target version, update progress and the
13
- * Check / Install commands. Emits `indCheck` and `indInstall`.
14
- */
15
- export class IndFirmwareUpdatePanel {
16
- heading = 'Firmware';
17
- /** Device name. */
18
- device;
19
- /** Installed version. */
20
- currentVersion;
21
- /** Available / target version. */
22
- targetVersion;
23
- /** Update state. */
24
- state = 'idle';
25
- /** Progress 0–100 % while downloading / installing. */
26
- progress = 0;
27
- indCheck;
28
- indInstall;
29
- render() {
30
- const busy = this.state === 'downloading' || this.state === 'installing' || this.state === 'checking';
31
- const canInstall = this.state === 'available';
32
- const progressVariant = this.state === 'error' ? 'error' : 'default';
33
- return (h(Host, { key: 'c9cee9fc072636573cfa2119088ab8c602b91ddc' }, h("div", { key: 'b1defe4c2fef4b350cabd879bb68946c7ee90ace', class: "panel-head" }, h("div", { key: 'ce3e01440b4951b9ec350b6205af5dc1baf490c1', class: "panel-titles" }, h("span", { key: '6760bdf61cebbbeaade59e01e0cda543b09ab6d0', class: "panel-title", part: "heading" }, this.heading), this.device && h("span", { key: '0294ac7428cdf439fca758ef1f0ee5b961f87cf7', class: "panel-subtitle" }, this.device)), h("span", { key: 'dd966181fa4ef9272fc277cf9aa23e9f5bbd8d9c', class: `state state-${this.state}`, part: "state" }, STATE_LABEL[this.state])), h("div", { key: 'f19ef00c269639924aa1399ac7e5cf518a341e07', class: "panel-body" }, h("div", { key: '9b88a26c64eaf6b000b5d1a1b22b48869ecb57fc', class: "versions", part: "versions" }, h("div", { key: '29449a45053f0227faefc3d18ba90a1eb6f8d562', class: "ver" }, h("span", { key: 'c6b1baccacf71ccd6e632754ed3975d1813fede7', class: "ver-label" }, "Installed"), h("span", { key: '00a47da41568fad6230f1005c9abd16137850367', class: "ver-value" }, this.currentVersion)), h("span", { key: 'd542f90b0e28cb7f2b647804902f095db680c2de', class: "arrow", "aria-hidden": "true" }, "\u2192"), h("div", { key: 'dd4221c1edcd9cda6325a0c4446acc8f1dc60ba3', class: "ver" }, h("span", { key: 'f90cc2eb98028665402d87596a4f52bcac0eeddc', class: "ver-label" }, "Target"), h("span", { key: 'a2bdb73992f0ea490156679f2d0aca66eaf8ca28', class: "ver-value" }, this.targetVersion ?? '—'))), busy && (h("ind-progress", { key: '9653d04c3a041bf5d5840b80c6fe0fde2fd65551', value: this.progress, max: 100, variant: progressVariant, size: "md", "show-value": true, indeterminate: this.state === 'checking' })), h("ind-command-group", { key: '38daf75517ce16e6ab122c71e3134e5dac789770', label: "Firmware commands" }, h("ind-button", { key: '1027f80e79d2f3cd36eff6f780c7874d14986a06', variant: "default", size: "sm", label: "Check", disabled: busy, onIndActivate: () => this.indCheck.emit() }), h("ind-button", { key: 'e6623303064153b5e600446cc4bfdae9cb79ef01', variant: "primary", size: "sm", label: "Install", disabled: !canInstall, onIndActivate: () => this.indInstall.emit() })))));
34
- }
35
- static get is() { return "ind-firmware-update-panel"; }
36
- static get encapsulation() { return "shadow"; }
37
- static get originalStyleUrls() {
38
- return {
39
- "$": ["../_shared/panel.css", "firmware-update-panel.css"]
40
- };
41
- }
42
- static get styleUrls() {
43
- return {
44
- "$": ["../_shared/panel.css", "firmware-update-panel.css"]
45
- };
46
- }
47
- static get properties() {
48
- return {
49
- "heading": {
50
- "type": "string",
51
- "mutable": false,
52
- "complexType": {
53
- "original": "string",
54
- "resolved": "string",
55
- "references": {}
56
- },
57
- "required": false,
58
- "optional": false,
59
- "docs": {
60
- "tags": [],
61
- "text": ""
62
- },
63
- "getter": false,
64
- "setter": false,
65
- "reflect": false,
66
- "attribute": "heading",
67
- "defaultValue": "'Firmware'"
68
- },
69
- "device": {
70
- "type": "string",
71
- "mutable": false,
72
- "complexType": {
73
- "original": "string",
74
- "resolved": "string | undefined",
75
- "references": {}
76
- },
77
- "required": false,
78
- "optional": true,
79
- "docs": {
80
- "tags": [],
81
- "text": "Device name."
82
- },
83
- "getter": false,
84
- "setter": false,
85
- "reflect": false,
86
- "attribute": "device"
87
- },
88
- "currentVersion": {
89
- "type": "string",
90
- "mutable": false,
91
- "complexType": {
92
- "original": "string",
93
- "resolved": "string",
94
- "references": {}
95
- },
96
- "required": true,
97
- "optional": false,
98
- "docs": {
99
- "tags": [],
100
- "text": "Installed version."
101
- },
102
- "getter": false,
103
- "setter": false,
104
- "reflect": false,
105
- "attribute": "current-version"
106
- },
107
- "targetVersion": {
108
- "type": "string",
109
- "mutable": false,
110
- "complexType": {
111
- "original": "string",
112
- "resolved": "string | undefined",
113
- "references": {}
114
- },
115
- "required": false,
116
- "optional": true,
117
- "docs": {
118
- "tags": [],
119
- "text": "Available / target version."
120
- },
121
- "getter": false,
122
- "setter": false,
123
- "reflect": false,
124
- "attribute": "target-version"
125
- },
126
- "state": {
127
- "type": "string",
128
- "mutable": false,
129
- "complexType": {
130
- "original": "FirmwareState",
131
- "resolved": "\"available\" | \"checking\" | \"downloading\" | \"error\" | \"idle\" | \"installing\" | \"up-to-date\"",
132
- "references": {
133
- "FirmwareState": {
134
- "location": "local",
135
- "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/firmware-update-panel/firmware-update-panel.tsx",
136
- "id": "src/components/organisms/firmware-update-panel/firmware-update-panel.tsx::FirmwareState"
137
- }
138
- }
139
- },
140
- "required": false,
141
- "optional": false,
142
- "docs": {
143
- "tags": [],
144
- "text": "Update state."
145
- },
146
- "getter": false,
147
- "setter": false,
148
- "reflect": true,
149
- "attribute": "state",
150
- "defaultValue": "'idle'"
151
- },
152
- "progress": {
153
- "type": "number",
154
- "mutable": false,
155
- "complexType": {
156
- "original": "number",
157
- "resolved": "number",
158
- "references": {}
159
- },
160
- "required": false,
161
- "optional": false,
162
- "docs": {
163
- "tags": [],
164
- "text": "Progress 0\u2013100 % while downloading / installing."
165
- },
166
- "getter": false,
167
- "setter": false,
168
- "reflect": false,
169
- "attribute": "progress",
170
- "defaultValue": "0"
171
- }
172
- };
173
- }
174
- static get events() {
175
- return [{
176
- "method": "indCheck",
177
- "name": "indCheck",
178
- "bubbles": true,
179
- "cancelable": true,
180
- "composed": true,
181
- "docs": {
182
- "tags": [],
183
- "text": ""
184
- },
185
- "complexType": {
186
- "original": "void",
187
- "resolved": "void",
188
- "references": {}
189
- }
190
- }, {
191
- "method": "indInstall",
192
- "name": "indInstall",
193
- "bubbles": true,
194
- "cancelable": true,
195
- "composed": true,
196
- "docs": {
197
- "tags": [],
198
- "text": ""
199
- },
200
- "complexType": {
201
- "original": "void",
202
- "resolved": "void",
203
- "references": {}
204
- }
205
- }];
206
- }
207
- }
208
- //# sourceMappingURL=firmware-update-panel.js.map
@@ -1,17 +0,0 @@
1
- :host {
2
- min-width: 320px;
3
- }
4
-
5
- .overview {
6
- padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);
7
- border-bottom: 1px solid var(--ind-surface-border-subtle);
8
- }
9
-
10
- .overview ind-sparkline {
11
- width: 100%;
12
- height: 48px;
13
- }
14
-
15
- .panel-list {
16
- max-height: 360px;
17
- }
@@ -1,144 +0,0 @@
1
- import { h, Host } from "@stencil/core";
2
- /**
3
- * Tabular history viewer for a single tag: header with tag/unit, an optional
4
- * sparkline overview, and a scrolling list of `<ind-historical-value-row>`s.
5
- */
6
- export class IndHistorianViewer {
7
- heading = 'Historian';
8
- /** Tag being viewed. */
9
- tag;
10
- /** Engineering unit. */
11
- unit;
12
- /** Decimal places for the rows. */
13
- precision;
14
- /** Samples, most-recent first. */
15
- samples = [];
16
- numericPoints() {
17
- return this.samples
18
- .map((s) => (typeof s.value === 'number' ? s.value : parseFloat(String(s.value))))
19
- .filter((n) => Number.isFinite(n))
20
- .reverse();
21
- }
22
- render() {
23
- const points = this.numericPoints();
24
- return (h(Host, { key: '10019df17732d6cbfb6d65e4bbc859c9cf8a64dd' }, h("div", { key: '9f19344ace66e13d1eba3e778362f773eda4c9ef', class: "panel-head" }, h("div", { key: '7d298a252035e7b64a337526c2aab6d19d3b7246', class: "panel-titles" }, h("span", { key: '70697ae5c11a33b66b0a80c6e415543b4644086f', class: "panel-title", part: "heading" }, this.heading), this.tag && h("span", { key: '872d9b1ce0819d7854aebd3b4283d3c0a8daa1cc', class: "panel-subtitle" }, this.tag, this.unit ? ` · ${this.unit}` : ''))), points.length > 1 && (h("div", { key: 'cfdf79ae225510f3eab12c89a549a878083e5d82', class: "overview", part: "overview" }, h("ind-sparkline", { key: '6ae7ef7da3acb52b415fefb25441c553b1bdac77', points: points, variant: "default", area: true }))), h("div", { key: '3bc0acc77904b401b450ccf739757e7228f266f6', class: "panel-list", part: "list" }, this.samples.length === 0 ? (h("div", { class: "panel-empty" }, "No samples")) : (this.samples.map((s, i) => (h("ind-historical-value-row", { key: i, time: s.time, value: s.value, unit: this.unit, precision: this.precision, quality: s.quality ?? 'good' })))))));
25
- }
26
- static get is() { return "ind-historian-viewer"; }
27
- static get encapsulation() { return "shadow"; }
28
- static get originalStyleUrls() {
29
- return {
30
- "$": ["../_shared/panel.css", "historian-viewer.css"]
31
- };
32
- }
33
- static get styleUrls() {
34
- return {
35
- "$": ["../_shared/panel.css", "historian-viewer.css"]
36
- };
37
- }
38
- static get properties() {
39
- return {
40
- "heading": {
41
- "type": "string",
42
- "mutable": false,
43
- "complexType": {
44
- "original": "string",
45
- "resolved": "string",
46
- "references": {}
47
- },
48
- "required": false,
49
- "optional": false,
50
- "docs": {
51
- "tags": [],
52
- "text": ""
53
- },
54
- "getter": false,
55
- "setter": false,
56
- "reflect": false,
57
- "attribute": "heading",
58
- "defaultValue": "'Historian'"
59
- },
60
- "tag": {
61
- "type": "string",
62
- "mutable": false,
63
- "complexType": {
64
- "original": "string",
65
- "resolved": "string | undefined",
66
- "references": {}
67
- },
68
- "required": false,
69
- "optional": true,
70
- "docs": {
71
- "tags": [],
72
- "text": "Tag being viewed."
73
- },
74
- "getter": false,
75
- "setter": false,
76
- "reflect": false,
77
- "attribute": "tag"
78
- },
79
- "unit": {
80
- "type": "string",
81
- "mutable": false,
82
- "complexType": {
83
- "original": "string",
84
- "resolved": "string | undefined",
85
- "references": {}
86
- },
87
- "required": false,
88
- "optional": true,
89
- "docs": {
90
- "tags": [],
91
- "text": "Engineering unit."
92
- },
93
- "getter": false,
94
- "setter": false,
95
- "reflect": false,
96
- "attribute": "unit"
97
- },
98
- "precision": {
99
- "type": "number",
100
- "mutable": false,
101
- "complexType": {
102
- "original": "number",
103
- "resolved": "number | undefined",
104
- "references": {}
105
- },
106
- "required": false,
107
- "optional": true,
108
- "docs": {
109
- "tags": [],
110
- "text": "Decimal places for the rows."
111
- },
112
- "getter": false,
113
- "setter": false,
114
- "reflect": false,
115
- "attribute": "precision"
116
- },
117
- "samples": {
118
- "type": "unknown",
119
- "mutable": false,
120
- "complexType": {
121
- "original": "HistorianSample[]",
122
- "resolved": "HistorianSample[]",
123
- "references": {
124
- "HistorianSample": {
125
- "location": "local",
126
- "path": "/home/runner/work/ind-ds/ind-ds/packages/core/src/components/organisms/historian-viewer/historian-viewer.tsx",
127
- "id": "src/components/organisms/historian-viewer/historian-viewer.tsx::HistorianSample"
128
- }
129
- }
130
- },
131
- "required": false,
132
- "optional": false,
133
- "docs": {
134
- "tags": [],
135
- "text": "Samples, most-recent first."
136
- },
137
- "getter": false,
138
- "setter": false,
139
- "defaultValue": "[]"
140
- }
141
- };
142
- }
143
- }
144
- //# sourceMappingURL=historian-viewer.js.map
@@ -1,22 +0,0 @@
1
- :host {
2
- min-width: 480px;
3
- }
4
-
5
- .oee {
6
- font-family: var(--ind-font-family-mono);
7
- font-size: var(--ind-font-size-sm, 11px);
8
- color: var(--ind-surface-text-secondary);
9
- margin-right: var(--ind-spacing-3, 6px);
10
- }
11
-
12
- .state {
13
- font-size: var(--ind-font-size-sm, 11px);
14
- font-weight: var(--ind-font-weight-semibold, 600);
15
- }
16
-
17
- .state-running { color: var(--ind-state-running-bg, #16a34a); }
18
- .state-fault { color: var(--ind-state-fault-bg, #dc2626); }
19
- .state-warning { color: var(--ind-state-warning-bg, #f59e0b); }
20
- .state-maintenance { color: var(--ind-state-maintenance-bg, #2563eb); }
21
- .state-stopped { color: var(--ind-surface-text-secondary); }
22
- .state-unknown { color: var(--ind-surface-text-muted); }
@@ -1,48 +0,0 @@
1
- :host {
2
- min-width: 460px;
3
- }
4
-
5
- .kpis {
6
- display: grid;
7
- grid-template-columns: repeat(4, minmax(0, 1fr));
8
- gap: var(--ind-spacing-4, 8px);
9
- padding: var(--ind-spacing-5, 12px);
10
- border-bottom: 1px solid var(--ind-surface-border-subtle);
11
- }
12
-
13
- .kpis ind-kpi-card {
14
- border: 0;
15
- padding: 0;
16
- background: transparent;
17
- min-width: 0;
18
- }
19
-
20
- .panel-list {
21
- max-height: 280px;
22
- }
23
-
24
- .row {
25
- display: grid;
26
- grid-template-columns: 96px 1fr auto;
27
- align-items: center;
28
- gap: var(--ind-spacing-4, 8px);
29
- padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
30
- border-bottom: 1px solid var(--ind-surface-border-subtle);
31
- font-size: var(--ind-font-size-base, 12px);
32
- }
33
-
34
- .tag {
35
- font-family: var(--ind-font-family-mono);
36
- color: var(--ind-surface-text-secondary);
37
- }
38
-
39
- .due {
40
- font-size: var(--ind-font-size-sm, 11px);
41
- color: var(--ind-surface-text-muted);
42
- white-space: nowrap;
43
- }
44
-
45
- .row-overdue .due {
46
- color: var(--ind-state-fault-bg, #dc2626);
47
- font-weight: var(--ind-font-weight-semibold, 600);
48
- }
@@ -1,96 +0,0 @@
1
- :host {
2
- display: flex;
3
- flex-direction: column;
4
- font-family: var(--ind-font-family-sans);
5
- background: var(--ind-surface-panel);
6
- border: 1px solid var(--ind-surface-border-default);
7
- border-radius: var(--ind-radius-md, 3px);
8
- overflow: hidden;
9
- color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
10
- }
11
-
12
- .toolbar {
13
- display: flex;
14
- align-items: center;
15
- gap: var(--ind-spacing-4, 8px);
16
- padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);
17
- border-bottom: 1px solid var(--ind-surface-border-default);
18
- flex-wrap: wrap;
19
- }
20
-
21
- .filter {
22
- flex: 1;
23
- min-width: 200px;
24
- height: var(--ind-size-input-sm, 24px);
25
- padding: 0 var(--ind-spacing-4, 8px);
26
- background: var(--ind-surface-sunken);
27
- border: 1px solid var(--ind-surface-border-default);
28
- border-radius: var(--ind-radius-md, 3px);
29
- font: inherit;
30
- font-size: var(--ind-font-size-sm, 11px);
31
- color: inherit;
32
- outline: none;
33
- box-sizing: border-box;
34
- }
35
- .filter::placeholder {
36
- color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
37
- }
38
- .filter:focus {
39
- border-color: var(--ind-surface-focus-ring);
40
- box-shadow: 0 0 0 2px color-mix(in srgb, var(--ind-surface-focus-ring) 35%, transparent);
41
- }
42
-
43
- .check {
44
- display: inline-flex;
45
- align-items: center;
46
- gap: var(--ind-spacing-2, 4px);
47
- font-size: var(--ind-font-size-sm, 11px);
48
- cursor: pointer;
49
- user-select: none;
50
- white-space: nowrap;
51
- }
52
-
53
- .spacer { flex: 1; }
54
-
55
- .counter {
56
- font-family: var(--ind-font-family-mono);
57
- font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
58
- color: var(--ind-surface-text-secondary, light-dark(#2a3340, #aab5c2));
59
- font-size: var(--ind-font-size-sm, 11px);
60
- white-space: nowrap;
61
- }
62
-
63
- .clear {
64
- height: var(--ind-size-button-sm, 26px);
65
- padding: 0 var(--ind-spacing-5, 12px);
66
- background: var(--ind-button-default-bg);
67
- color: var(--ind-button-default-fg);
68
- border: 1px solid var(--ind-button-default-border);
69
- border-radius: var(--ind-radius-md, 3px);
70
- font: inherit;
71
- font-size: var(--ind-font-size-sm, 11px);
72
- font-weight: var(--ind-font-weight-semibold, 600);
73
- cursor: pointer;
74
- }
75
- .clear:hover { background: var(--ind-button-default-bg-hover); }
76
- .clear:focus-visible {
77
- outline: 2px solid var(--ind-surface-focus-ring);
78
- outline-offset: 2px;
79
- }
80
-
81
- .log {
82
- flex: 1;
83
- width: 100%;
84
- box-sizing: border-box;
85
- padding: var(--ind-spacing-3, 6px) var(--ind-spacing-4, 8px);
86
- background: var(--ind-color-palette-neutral-0, #000);
87
- color: var(--ind-color-palette-neutral-800, #d0d7e0);
88
- border: none;
89
- outline: none;
90
- font-family: var(--ind-font-family-mono);
91
- font-size: var(--ind-font-size-sm, 11px);
92
- line-height: var(--ind-font-line-height-normal, 1.4);
93
- font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
94
- resize: vertical;
95
- cursor: default;
96
- }
@@ -1,30 +0,0 @@
1
- :host {
2
- min-width: 460px;
3
- }
4
-
5
- .headline {
6
- margin-left: auto;
7
- display: flex;
8
- align-items: baseline;
9
- gap: var(--ind-spacing-2, 4px);
10
- }
11
-
12
- .headline-value {
13
- font-family: var(--ind-font-family-mono);
14
- font-size: var(--ind-font-size-3xl, 28px);
15
- font-weight: var(--ind-font-weight-bold, 700);
16
- line-height: 1;
17
- }
18
-
19
- .headline-unit {
20
- font-size: var(--ind-font-size-sm, 11px);
21
- color: var(--ind-surface-text-secondary);
22
- }
23
-
24
- .gauges {
25
- display: grid;
26
- grid-template-columns: repeat(3, minmax(0, 1fr));
27
- gap: var(--ind-spacing-4, 8px);
28
- padding: var(--ind-spacing-5, 12px);
29
- justify-items: center;
30
- }
@@ -1,13 +0,0 @@
1
- :host {
2
- min-width: 280px;
3
- }
4
-
5
- /* The faceplate children already have their own card chrome, so flatten them. */
6
- .panel-body ind-start-stop-control,
7
- .panel-body ind-setpoint-control,
8
- .panel-body ind-mode-selector {
9
- border: 0;
10
- padding: 0;
11
- background: transparent;
12
- min-width: 0;
13
- }
@@ -1,7 +0,0 @@
1
- :host {
2
- min-width: 420px;
3
- }
4
-
5
- :host([state="fault"]) {
6
- border-color: var(--ind-state-fault-bg, #dc2626);
7
- }
@@ -1,57 +0,0 @@
1
- :host {
2
- min-width: 520px;
3
- }
4
-
5
- .line {
6
- display: flex;
7
- align-items: center;
8
- gap: var(--ind-spacing-3, 6px);
9
- padding: var(--ind-spacing-5, 12px);
10
- overflow-x: auto;
11
- }
12
-
13
- .station {
14
- display: flex;
15
- flex-direction: column;
16
- gap: var(--ind-spacing-2, 4px);
17
- min-width: 96px;
18
- padding: var(--ind-spacing-4, 8px);
19
- background: var(--ind-surface-sunken);
20
- border: 1px solid var(--ind-surface-border-default);
21
- border-radius: var(--ind-radius-sm, 2px);
22
- border-top: 3px solid var(--ind-surface-border-strong);
23
- }
24
-
25
- .station-fault { border-top-color: var(--ind-state-fault-bg, #dc2626); }
26
- .station-warning { border-top-color: var(--ind-state-warning-bg, #f59e0b); }
27
- .station-running { border-top-color: var(--ind-state-running-bg, #16a34a); }
28
- .station-maintenance { border-top-color: var(--ind-state-maintenance-bg, #2563eb); }
29
-
30
- .station-head {
31
- display: flex;
32
- align-items: center;
33
- gap: var(--ind-spacing-2, 4px);
34
- }
35
-
36
- .station-tag {
37
- font-family: var(--ind-font-family-mono);
38
- font-size: var(--ind-font-size-xs, 10px);
39
- color: var(--ind-surface-text-muted);
40
- }
41
-
42
- .station-name {
43
- font-size: var(--ind-font-size-base, 12px);
44
- font-weight: var(--ind-font-weight-medium, 500);
45
- }
46
-
47
- .station-rate {
48
- font-family: var(--ind-font-family-mono);
49
- font-size: var(--ind-font-size-sm, 11px);
50
- color: var(--ind-surface-text-secondary);
51
- }
52
-
53
- .arrow {
54
- color: var(--ind-surface-text-muted);
55
- font-size: var(--ind-font-size-lg, 14px);
56
- flex: 0 0 auto;
57
- }
@@ -1,3 +0,0 @@
1
- :host {
2
- min-width: 280px;
3
- }
@@ -1,10 +0,0 @@
1
- :host {
2
- min-width: 340px;
3
- }
4
-
5
- .params {
6
- display: flex;
7
- flex-direction: column;
8
- border: 1px solid var(--ind-surface-border-subtle);
9
- border-radius: var(--ind-radius-sm, 2px);
10
- }