@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.
- package/dist/cjs/ind-ds.cjs.js +1 -1
- package/dist/cjs/ind-valve-control-panel.cjs.entry.js +7 -1
- package/dist/cjs/ind-valve-control-panel.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/atoms/_equipment/equipment.css +0 -74
- package/dist/collection/components/atoms/alarm/alarm.css +0 -87
- package/dist/collection/components/atoms/alarm/alarm.js +0 -122
- package/dist/collection/components/atoms/alarm-count/alarm-count.css +0 -44
- package/dist/collection/components/atoms/alarm-count/alarm-count.js +0 -171
- package/dist/collection/components/atoms/badge/badge.css +0 -42
- package/dist/collection/components/atoms/badge/badge.js +0 -101
- package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.css +0 -42
- package/dist/collection/components/atoms/breadcrumb-item/breadcrumb-item.js +0 -116
- package/dist/collection/components/atoms/button/button.css +0 -110
- package/dist/collection/components/atoms/button/button.js +0 -215
- package/dist/collection/components/atoms/canvas-layer/canvas-layer.css +0 -8
- package/dist/collection/components/atoms/canvas-layer/canvas-layer.js +0 -161
- package/dist/collection/components/atoms/checkbox/checkbox.css +0 -92
- package/dist/collection/components/atoms/checkbox/checkbox.js +0 -214
- package/dist/collection/components/atoms/compressor/compressor.css +0 -7
- package/dist/collection/components/atoms/compressor/compressor.js +0 -124
- package/dist/collection/components/atoms/connection-indicator/connection-indicator.css +0 -42
- package/dist/collection/components/atoms/connection-indicator/connection-indicator.js +0 -107
- package/dist/collection/components/atoms/conveyor/conveyor.css +0 -18
- package/dist/collection/components/atoms/conveyor/conveyor.js +0 -152
- package/dist/collection/components/atoms/cooler/cooler.css +0 -15
- package/dist/collection/components/atoms/cooler/cooler.js +0 -124
- package/dist/collection/components/atoms/counter/counter.css +0 -45
- package/dist/collection/components/atoms/counter/counter.js +0 -171
- package/dist/collection/components/atoms/datetime-picker/datetime-picker.css +0 -46
- package/dist/collection/components/atoms/datetime-picker/datetime-picker.js +0 -275
- package/dist/collection/components/atoms/dialog/dialog.css +0 -85
- package/dist/collection/components/atoms/dialog/dialog.js +0 -265
- package/dist/collection/components/atoms/divider/divider.css +0 -16
- package/dist/collection/components/atoms/divider/divider.js +0 -50
- package/dist/collection/components/atoms/estop/estop.css +0 -69
- package/dist/collection/components/atoms/estop/estop.js +0 -166
- package/dist/collection/components/atoms/fan/fan.css +0 -11
- package/dist/collection/components/atoms/fan/fan.js +0 -124
- package/dist/collection/components/atoms/gauge/gauge.css +0 -70
- package/dist/collection/components/atoms/gauge/gauge.js +0 -237
- package/dist/collection/components/atoms/heartbeat/heartbeat.css +0 -58
- package/dist/collection/components/atoms/heartbeat/heartbeat.js +0 -116
- package/dist/collection/components/atoms/heater/heater.css +0 -20
- package/dist/collection/components/atoms/heater/heater.js +0 -124
- package/dist/collection/components/atoms/icon/icon.css +0 -30
- package/dist/collection/components/atoms/icon/icon.js +0 -119
- package/dist/collection/components/atoms/input/input.css +0 -92
- package/dist/collection/components/atoms/knob/knob.css +0 -71
- package/dist/collection/components/atoms/label/label.css +0 -29
- package/dist/collection/components/atoms/led/led.css +0 -91
- package/dist/collection/components/atoms/linear-gauge/linear-gauge.css +0 -65
- package/dist/collection/components/atoms/motor/motor.css +0 -24
- package/dist/collection/components/atoms/pipe/pipe.css +0 -57
- package/dist/collection/components/atoms/process-symbol/process-symbol.css +0 -44
- package/dist/collection/components/atoms/progress/progress.css +0 -69
- package/dist/collection/components/atoms/progress-ring/progress-ring.css +0 -59
- package/dist/collection/components/atoms/pump/pump.css +0 -7
- package/dist/collection/components/atoms/scara-canvas/scara-canvas.css +0 -100
- package/dist/collection/components/atoms/select/select.css +0 -88
- package/dist/collection/components/atoms/selector-switch/selector-switch.css +0 -53
- package/dist/collection/components/atoms/setpoint/setpoint.css +0 -79
- package/dist/collection/components/atoms/shelf-canvas/shelf-canvas.css +0 -67
- package/dist/collection/components/atoms/signal-quality/signal-quality.css +0 -41
- package/dist/collection/components/atoms/silo/silo.css +0 -12
- package/dist/collection/components/atoms/slider/slider.css +0 -87
- package/dist/collection/components/atoms/sparkline/sparkline.css +0 -37
- package/dist/collection/components/atoms/status-dot/status-dot.css +0 -69
- package/dist/collection/components/atoms/tab/tab.css +0 -39
- package/dist/collection/components/atoms/tag-name/tag-name.css +0 -25
- package/dist/collection/components/atoms/tank/tank.css +0 -12
- package/dist/collection/components/atoms/textarea/textarea.css +0 -74
- package/dist/collection/components/atoms/timestamp/timestamp.css +0 -15
- package/dist/collection/components/atoms/toggle/toggle.css +0 -78
- package/dist/collection/components/atoms/tree-node/tree-node.css +0 -65
- package/dist/collection/components/atoms/unit-label/unit-label.css +0 -16
- package/dist/collection/components/atoms/value/value.css +0 -115
- package/dist/collection/components/atoms/valve/valve.css +0 -101
- package/dist/collection/components/atoms/xy-point/xy-point.css +0 -49
- package/dist/collection/components/molecules/_shared/binding.css +0 -41
- package/dist/collection/components/molecules/_shared/card.css +0 -51
- package/dist/collection/components/molecules/_shared/equipment-card.css +0 -20
- package/dist/collection/components/molecules/_shared/row.css +0 -34
- package/dist/collection/components/molecules/alarm-badge-group/alarm-badge-group.css +0 -43
- package/dist/collection/components/molecules/alarm-badge-group/alarm-badge-group.js +0 -168
- package/dist/collection/components/molecules/alarm-row/alarm-row.css +0 -42
- package/dist/collection/components/molecules/alarm-row/alarm-row.js +0 -166
- package/dist/collection/components/molecules/audit-row/audit-row.css +0 -19
- package/dist/collection/components/molecules/audit-row/audit-row.js +0 -111
- package/dist/collection/components/molecules/batch-parameter-row/batch-parameter-row.css +0 -35
- package/dist/collection/components/molecules/batch-parameter-row/batch-parameter-row.js +0 -304
- package/dist/collection/components/molecules/command-group/command-group.css +0 -26
- package/dist/collection/components/molecules/command-group/command-group.js +0 -99
- package/dist/collection/components/molecules/device-connection-card/device-connection-card.css +0 -19
- package/dist/collection/components/molecules/device-connection-card/device-connection-card.js +0 -140
- package/dist/collection/components/molecules/device-info-card/device-info-card.css +0 -27
- package/dist/collection/components/molecules/device-info-card/device-info-card.js +0 -194
- package/dist/collection/components/molecules/energy-card/energy-card.css +0 -12
- package/dist/collection/components/molecules/energy-card/energy-card.js +0 -206
- package/dist/collection/components/molecules/equipment-status-card/equipment-status-card.css +0 -29
- package/dist/collection/components/molecules/equipment-status-card/equipment-status-card.js +0 -150
- package/dist/collection/components/molecules/event-row/event-row.css +0 -3
- package/dist/collection/components/molecules/event-row/event-row.js +0 -118
- package/dist/collection/components/molecules/fill-row/fill-row.css +0 -70
- package/dist/collection/components/molecules/fill-row/fill-row.js +0 -181
- package/dist/collection/components/molecules/health-card/health-card.css +0 -53
- package/dist/collection/components/molecules/health-card/health-card.js +0 -124
- package/dist/collection/components/molecules/historical-value-row/historical-value-row.css +0 -28
- package/dist/collection/components/molecules/historical-value-row/historical-value-row.js +0 -153
- package/dist/collection/components/molecules/kpi-card/kpi-card.css +0 -31
- package/dist/collection/components/molecules/mode-selector/mode-selector.css +0 -4
- package/dist/collection/components/molecules/motor-card/motor-card.css +0 -3
- package/dist/collection/components/molecules/mqtt-tag-binding/mqtt-tag-binding.css +0 -3
- package/dist/collection/components/molecules/nav-item/nav-item.css +0 -82
- package/dist/collection/components/molecules/network-status-card/network-status-card.css +0 -31
- package/dist/collection/components/molecules/opcua-tag-binding/opcua-tag-binding.css +0 -7
- package/dist/collection/components/molecules/pump-card/pump-card.css +0 -3
- package/dist/collection/components/molecules/recipe-selector/recipe-selector.css +0 -13
- package/dist/collection/components/molecules/setpoint-control/setpoint-control.css +0 -3
- package/dist/collection/components/molecules/sidebar-group/sidebar-group.css +0 -61
- package/dist/collection/components/molecules/speed-control/speed-control.css +0 -7
- package/dist/collection/components/molecules/start-stop-control/start-stop-control.css +0 -24
- package/dist/collection/components/molecules/tag-card/tag-card.css +0 -7
- package/dist/collection/components/molecules/tank-level-card/tank-level-card.css +0 -7
- package/dist/collection/components/molecules/temperature-control/temperature-control.css +0 -15
- package/dist/collection/components/molecules/toolbar-action/toolbar-action.css +0 -36
- package/dist/collection/components/molecules/trend-widget/trend-widget.css +0 -15
- package/dist/collection/components/molecules/valve-card/valve-card.css +0 -13
- package/dist/collection/components/organisms/_shared/control-panel.css +0 -15
- package/dist/collection/components/organisms/_shared/panel.css +0 -96
- package/dist/collection/components/organisms/alarm-panel/alarm-panel.css +0 -7
- package/dist/collection/components/organisms/alarm-panel/alarm-panel.js +0 -152
- package/dist/collection/components/organisms/alarm-summary/alarm-summary.css +0 -30
- package/dist/collection/components/organisms/alarm-summary/alarm-summary.js +0 -158
- package/dist/collection/components/organisms/app-header/app-header.css +0 -127
- package/dist/collection/components/organisms/app-header/app-header.js +0 -256
- package/dist/collection/components/organisms/asset-overview/asset-overview.css +0 -34
- package/dist/collection/components/organisms/asset-overview/asset-overview.js +0 -82
- package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.css +0 -45
- package/dist/collection/components/organisms/batch-control-panel/batch-control-panel.js +0 -226
- package/dist/collection/components/organisms/command-center/command-center.css +0 -7
- package/dist/collection/components/organisms/command-center/command-center.js +0 -70
- package/dist/collection/components/organisms/context-toolbar/context-toolbar.css +0 -48
- package/dist/collection/components/organisms/context-toolbar/context-toolbar.js +0 -70
- package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.css +0 -43
- package/dist/collection/components/organisms/device-diagnostics-panel/device-diagnostics-panel.js +0 -222
- package/dist/collection/components/organisms/energy-dashboard/energy-dashboard.css +0 -29
- package/dist/collection/components/organisms/energy-dashboard/energy-dashboard.js +0 -134
- package/dist/collection/components/organisms/equipment-dashboard/equipment-dashboard.css +0 -3
- package/dist/collection/components/organisms/equipment-dashboard/equipment-dashboard.js +0 -71
- package/dist/collection/components/organisms/event-journal/event-journal.css +0 -17
- package/dist/collection/components/organisms/event-journal/event-journal.js +0 -107
- package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.css +0 -47
- package/dist/collection/components/organisms/firmware-update-panel/firmware-update-panel.js +0 -208
- package/dist/collection/components/organisms/historian-viewer/historian-viewer.css +0 -17
- package/dist/collection/components/organisms/historian-viewer/historian-viewer.js +0 -144
- package/dist/collection/components/organisms/machine-overview/machine-overview.css +0 -22
- package/dist/collection/components/organisms/maintenance-dashboard/maintenance-dashboard.css +0 -48
- package/dist/collection/components/organisms/motor-control-panel/motor-control-panel.css +0 -3
- package/dist/collection/components/organisms/mqtt-monitor/mqtt-monitor.css +0 -96
- package/dist/collection/components/organisms/oee-dashboard/oee-dashboard.css +0 -30
- package/dist/collection/components/organisms/process-control-panel/process-control-panel.css +0 -13
- package/dist/collection/components/organisms/production-cell/production-cell.css +0 -7
- package/dist/collection/components/organisms/production-dashboard/production-dashboard.css +0 -3
- package/dist/collection/components/organisms/production-line-overview/production-line-overview.css +0 -57
- package/dist/collection/components/organisms/pump-control-panel/pump-control-panel.css +0 -3
- package/dist/collection/components/organisms/recipe-management-panel/recipe-management-panel.css +0 -10
- package/dist/collection/components/organisms/sidebar-nav/sidebar-nav.css +0 -39
- package/dist/collection/components/organisms/status-bar/status-bar.css +0 -34
- package/dist/collection/components/organisms/trend-viewer/trend-viewer.css +0 -45
- package/dist/collection/components/organisms/valve-control-panel/valve-control-panel.css +0 -10
- package/dist/collection/components/organisms/valve-control-panel/valve-control-panel.js +67 -1
- package/dist/collection/components/organisms/valve-control-panel/valve-control-panel.js.map +1 -1
- package/dist/collection/components/organisms/workstation-monitor/workstation-monitor.css +0 -30
- package/dist/components/ind-valve-control-panel.js +1 -1
- package/dist/components/ind-valve-control-panel.js.map +1 -1
- package/dist/docs.json +88 -1
- package/dist/esm/ind-ds.js +1 -1
- package/dist/esm/ind-valve-control-panel.entry.js +7 -1
- package/dist/esm/ind-valve-control-panel.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ind-ds/ind-ds.esm.js +1 -1
- package/dist/ind-ds/{p-eac22c88.entry.js → p-69ac33af.entry.js} +2 -2
- package/dist/ind-ds/p-69ac33af.entry.js.map +1 -0
- package/dist/types/components/organisms/valve-control-panel/valve-control-panel.d.ts +6 -0
- package/dist/types/components.d.ts +33 -0
- package/package.json +2 -2
- package/dist/ind-ds/p-eac22c88.entry.js.map +0 -1
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
display: flex;
|
|
3
|
-
flex-direction: column;
|
|
4
|
-
width: var(--ind-size-sidebar-width, 178px);
|
|
5
|
-
height: 100%;
|
|
6
|
-
background: var(--ind-surface-panel);
|
|
7
|
-
border-right: 1px solid var(--ind-surface-border-default);
|
|
8
|
-
font-family: var(--ind-font-family-sans);
|
|
9
|
-
color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
|
|
10
|
-
flex-shrink: 0;
|
|
11
|
-
box-sizing: border-box;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.brand {
|
|
15
|
-
padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.brand:has(> :nth-child(1):empty),
|
|
19
|
-
.brand:not(:has(*)) { display: none; }
|
|
20
|
-
|
|
21
|
-
.items {
|
|
22
|
-
flex: 1;
|
|
23
|
-
overflow-y: auto;
|
|
24
|
-
padding: var(--ind-spacing-2, 4px) 0;
|
|
25
|
-
scrollbar-width: thin;
|
|
26
|
-
scrollbar-color: var(--ind-surface-border-strong) transparent;
|
|
27
|
-
}
|
|
28
|
-
.items::-webkit-scrollbar { width: 8px; }
|
|
29
|
-
.items::-webkit-scrollbar-thumb { background: var(--ind-surface-border-strong); border-radius: 4px; }
|
|
30
|
-
.items::-webkit-scrollbar-track { background: transparent; }
|
|
31
|
-
|
|
32
|
-
.footer {
|
|
33
|
-
padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);
|
|
34
|
-
border-top: 1px solid var(--ind-surface-border-subtle);
|
|
35
|
-
font-size: var(--ind-font-size-sm, 11px);
|
|
36
|
-
color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.footer:not(:has(*)) { display: none; }
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
display: flex;
|
|
3
|
-
align-items: center;
|
|
4
|
-
gap: var(--ind-spacing-3, 6px);
|
|
5
|
-
padding: var(--ind-spacing-2, 4px) var(--ind-spacing-5, 12px);
|
|
6
|
-
background: var(--ind-surface-panel);
|
|
7
|
-
border-top: 1px solid var(--ind-surface-border-default);
|
|
8
|
-
font-family: var(--ind-font-family-sans);
|
|
9
|
-
font-size: var(--ind-font-size-sm, 11px);
|
|
10
|
-
color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));
|
|
11
|
-
min-height: 24px;
|
|
12
|
-
font-feature-settings: var(--ind-font-feature-tabular, "tnum" 1);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.message {
|
|
16
|
-
flex: 0 1 auto;
|
|
17
|
-
overflow: hidden;
|
|
18
|
-
text-overflow: ellipsis;
|
|
19
|
-
white-space: nowrap;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.spacer {
|
|
23
|
-
flex: 1;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.end {
|
|
27
|
-
display: inline-flex;
|
|
28
|
-
align-items: center;
|
|
29
|
-
gap: var(--ind-spacing-3, 6px);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
::slotted(*) {
|
|
33
|
-
font-size: var(--ind-font-size-sm, 11px);
|
|
34
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
min-width: 360px;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.series {
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
gap: var(--ind-spacing-2, 4px);
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.series-head {
|
|
12
|
-
display: flex;
|
|
13
|
-
align-items: baseline;
|
|
14
|
-
gap: var(--ind-spacing-3, 6px);
|
|
15
|
-
font-size: var(--ind-font-size-sm, 11px);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.series-label {
|
|
19
|
-
color: var(--ind-surface-text-secondary);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.series-value {
|
|
23
|
-
margin-left: auto;
|
|
24
|
-
font-family: var(--ind-font-family-mono);
|
|
25
|
-
font-weight: var(--ind-font-weight-semibold, 600);
|
|
26
|
-
color: var(--ind-surface-text-primary);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.legend {
|
|
30
|
-
width: 10px;
|
|
31
|
-
height: 10px;
|
|
32
|
-
border-radius: 2px;
|
|
33
|
-
flex: 0 0 auto;
|
|
34
|
-
background: var(--ind-surface-text-muted);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.legend-running { background: var(--ind-state-running-bg, #16a34a); }
|
|
38
|
-
.legend-warning { background: var(--ind-state-warning-bg, #f59e0b); }
|
|
39
|
-
.legend-fault { background: var(--ind-state-fault-bg, #dc2626); }
|
|
40
|
-
.legend-default { background: var(--ind-color-palette-cyan-300, #22d3ee); }
|
|
41
|
-
|
|
42
|
-
.series-spark {
|
|
43
|
-
width: 100%;
|
|
44
|
-
height: 40px;
|
|
45
|
-
}
|
|
@@ -13,6 +13,12 @@ export class IndValveControlPanel {
|
|
|
13
13
|
modulating = false;
|
|
14
14
|
/** Position setpoint (two-way). */
|
|
15
15
|
positionSetpoint = 0;
|
|
16
|
+
/** Show the Open command button. */
|
|
17
|
+
showOpen = true;
|
|
18
|
+
/** Show the Stop command button. */
|
|
19
|
+
showStop = true;
|
|
20
|
+
/** Show the Close command button. */
|
|
21
|
+
showClose = true;
|
|
16
22
|
indOpen;
|
|
17
23
|
indClose;
|
|
18
24
|
indStop;
|
|
@@ -23,7 +29,7 @@ export class IndValveControlPanel {
|
|
|
23
29
|
this.indPosition.emit(e.detail);
|
|
24
30
|
};
|
|
25
31
|
render() {
|
|
26
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: '2121c5e45001ec7f3b10c68e99125ebbdd44736f' }, h("div", { key: 'a7505fc1fa2981d4076cff954400d83717f5da4f', class: "panel-head" }, h("div", { key: '5c25e6ae46e38b5e07fb7bb9ca8227fa2f43ebe0', class: "panel-titles" }, h("span", { key: 'fcbae757862009549e22ca8a38321e09cabae363', class: "panel-title", part: "heading" }, this.heading), this.tag && h("span", { key: '23b893e86138e023c972d907ce386d64df2466d0', class: "panel-subtitle" }, this.tag))), h("div", { key: 'e60275dd30427776064ffb54af131610a86dbc15', class: "panel-body" }, h("ind-valve-card", { key: '11a5a4b872276c1b67d004427b5ec19541de2d58', tag: this.tag, label: this.heading, state: this.state, position: this.position }), (this.showOpen || this.showStop || this.showClose) && (h("ind-command-group", { key: 'f8f7468fece65e220ee709983867234869068b2c', label: "Valve commands" }, this.showOpen && (h("ind-button", { key: 'a87a622ebad0e0989454e40cce062c59d7bfad68', variant: "primary", size: "sm", label: "Open", disabled: this.state === 'open', onIndActivate: () => this.indOpen.emit() })), this.showStop && (h("ind-button", { key: '212a2b0babe39b3319fad6fc1dbe2516fbd41b04', variant: "default", size: "sm", label: "Stop", onIndActivate: () => this.indStop.emit() })), this.showClose && (h("ind-button", { key: '6c412379304a044f01447fe3e5b5dea0cae82355', variant: "danger", size: "sm", label: "Close", disabled: this.state === 'closed', onIndActivate: () => this.indClose.emit() })))), this.modulating && (h("ind-speed-control", { key: 'c8291b4175d6211bc93e64bd9f4329b23ceb0425', label: "Position setpoint", value: this.positionSetpoint, unit: "%", onIndChange: this.onPosition })))));
|
|
27
33
|
}
|
|
28
34
|
static get is() { return "ind-valve-control-panel"; }
|
|
29
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -163,6 +169,66 @@ export class IndValveControlPanel {
|
|
|
163
169
|
"reflect": false,
|
|
164
170
|
"attribute": "position-setpoint",
|
|
165
171
|
"defaultValue": "0"
|
|
172
|
+
},
|
|
173
|
+
"showOpen": {
|
|
174
|
+
"type": "boolean",
|
|
175
|
+
"mutable": false,
|
|
176
|
+
"complexType": {
|
|
177
|
+
"original": "boolean",
|
|
178
|
+
"resolved": "boolean",
|
|
179
|
+
"references": {}
|
|
180
|
+
},
|
|
181
|
+
"required": false,
|
|
182
|
+
"optional": false,
|
|
183
|
+
"docs": {
|
|
184
|
+
"tags": [],
|
|
185
|
+
"text": "Show the Open command button."
|
|
186
|
+
},
|
|
187
|
+
"getter": false,
|
|
188
|
+
"setter": false,
|
|
189
|
+
"reflect": false,
|
|
190
|
+
"attribute": "show-open",
|
|
191
|
+
"defaultValue": "true"
|
|
192
|
+
},
|
|
193
|
+
"showStop": {
|
|
194
|
+
"type": "boolean",
|
|
195
|
+
"mutable": false,
|
|
196
|
+
"complexType": {
|
|
197
|
+
"original": "boolean",
|
|
198
|
+
"resolved": "boolean",
|
|
199
|
+
"references": {}
|
|
200
|
+
},
|
|
201
|
+
"required": false,
|
|
202
|
+
"optional": false,
|
|
203
|
+
"docs": {
|
|
204
|
+
"tags": [],
|
|
205
|
+
"text": "Show the Stop command button."
|
|
206
|
+
},
|
|
207
|
+
"getter": false,
|
|
208
|
+
"setter": false,
|
|
209
|
+
"reflect": false,
|
|
210
|
+
"attribute": "show-stop",
|
|
211
|
+
"defaultValue": "true"
|
|
212
|
+
},
|
|
213
|
+
"showClose": {
|
|
214
|
+
"type": "boolean",
|
|
215
|
+
"mutable": false,
|
|
216
|
+
"complexType": {
|
|
217
|
+
"original": "boolean",
|
|
218
|
+
"resolved": "boolean",
|
|
219
|
+
"references": {}
|
|
220
|
+
},
|
|
221
|
+
"required": false,
|
|
222
|
+
"optional": false,
|
|
223
|
+
"docs": {
|
|
224
|
+
"tags": [],
|
|
225
|
+
"text": "Show the Close command button."
|
|
226
|
+
},
|
|
227
|
+
"getter": false,
|
|
228
|
+
"setter": false,
|
|
229
|
+
"reflect": false,
|
|
230
|
+
"attribute": "show-close",
|
|
231
|
+
"defaultValue": "true"
|
|
166
232
|
}
|
|
167
233
|
};
|
|
168
234
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"valve-control-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/valve-control-panel/valve-control-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAG9E;;;GAGG;AAMH,MAAM,OAAO,oBAAoB;IACvB,OAAO,GAAW,OAAO,CAAC;IAC1B,GAAG,CAAU;IACI,KAAK,GAAe,QAAQ,CAAC;IACtD,wDAAwD;IAChD,QAAQ,CAAU;IAC1B,iDAAiD;IACzC,UAAU,GAAY,KAAK,CAAC;IACpC,mCAAmC;IACV,gBAAgB,GAAW,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"valve-control-panel.js","sourceRoot":"","sources":["../../../../src/components/organisms/valve-control-panel/valve-control-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAG9E;;;GAGG;AAMH,MAAM,OAAO,oBAAoB;IACvB,OAAO,GAAW,OAAO,CAAC;IAC1B,GAAG,CAAU;IACI,KAAK,GAAe,QAAQ,CAAC;IACtD,wDAAwD;IAChD,QAAQ,CAAU;IAC1B,iDAAiD;IACzC,UAAU,GAAY,KAAK,CAAC;IACpC,mCAAmC;IACV,gBAAgB,GAAW,CAAC,CAAC;IACtD,oCAAoC;IAC5B,QAAQ,GAAY,IAAI,CAAC;IACjC,oCAAoC;IAC5B,QAAQ,GAAY,IAAI,CAAC;IACjC,qCAAqC;IAC7B,SAAS,GAAY,IAAI,CAAC;IAEzB,OAAO,CAAsB;IAC7B,QAAQ,CAAsB;IAC9B,OAAO,CAAsB;IAC7B,WAAW,CAAwB;IAEpC,UAAU,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC9C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC;QACjC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM;QACJ,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,IAAE,IAAI,CAAC,GAAG,CAAQ,CACvD,CACF;YACN,4DAAK,KAAK,EAAC,YAAY;gBACrB,uEAAgB,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAI;gBACjG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CACrD,0EAAmB,KAAK,EAAC,gBAAgB;oBACtC,IAAI,CAAC,QAAQ,IAAI,CAChB,mEAAY,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,MAAM,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAI,CACnI;oBACA,IAAI,CAAC,QAAQ,IAAI,CAChB,mEAAY,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAI,CAClG;oBACA,IAAI,CAAC,SAAS,IAAI,CACjB,mEAAY,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,GAAI,CACtI,CACiB,CACrB;gBACA,IAAI,CAAC,UAAU,IAAI,CAClB,0EAAmB,KAAK,EAAC,mBAAmB,EAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAC,GAAG,EAAC,WAAW,EAAE,IAAI,CAAC,UAAU,GAAI,CACrH,CACG,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { ValveState } from '../../atoms/valve/valve';\n\n/**\n * Valve control panel: `<ind-valve-card>` faceplate plus Open / Close / Stop\n * commands and an optional position setpoint for modulating valves.\n */\n@Component({\n tag: 'ind-valve-control-panel',\n styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'valve-control-panel.css'],\n shadow: true,\n})\nexport class IndValveControlPanel {\n @Prop() heading: string = 'Valve';\n @Prop() tag?: string;\n @Prop({ reflect: true }) state: ValveState = 'closed';\n /** Current position 0–100 %. Omit for on/off valves. */\n @Prop() position?: number;\n /** Allow position control (modulating valve). */\n @Prop() modulating: boolean = false;\n /** Position setpoint (two-way). */\n @Prop({ mutable: true }) positionSetpoint: number = 0;\n /** Show the Open command button. */\n @Prop() showOpen: boolean = true;\n /** Show the Stop command button. */\n @Prop() showStop: boolean = true;\n /** Show the Close command button. */\n @Prop() showClose: boolean = true;\n\n @Event() indOpen!: EventEmitter<void>;\n @Event() indClose!: EventEmitter<void>;\n @Event() indStop!: EventEmitter<void>;\n @Event() indPosition!: EventEmitter<number>;\n\n private onPosition = (e: CustomEvent<number>) => {\n e.stopPropagation();\n this.positionSetpoint = e.detail;\n this.indPosition.emit(e.detail);\n };\n\n render() {\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}</span>}\n </div>\n </div>\n <div class=\"panel-body\">\n <ind-valve-card tag={this.tag} label={this.heading} state={this.state} position={this.position} />\n {(this.showOpen || this.showStop || this.showClose) && (\n <ind-command-group label=\"Valve commands\">\n {this.showOpen && (\n <ind-button variant=\"primary\" size=\"sm\" label=\"Open\" disabled={this.state === 'open'} onIndActivate={() => this.indOpen.emit()} />\n )}\n {this.showStop && (\n <ind-button variant=\"default\" size=\"sm\" label=\"Stop\" onIndActivate={() => this.indStop.emit()} />\n )}\n {this.showClose && (\n <ind-button variant=\"danger\" size=\"sm\" label=\"Close\" disabled={this.state === 'closed'} onIndActivate={() => this.indClose.emit()} />\n )}\n </ind-command-group>\n )}\n {this.modulating && (\n <ind-speed-control label=\"Position setpoint\" value={this.positionSetpoint} unit=\"%\" onIndChange={this.onPosition} />\n )}\n </div>\n </Host>\n );\n }\n}\n"]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
:host {
|
|
2
|
-
min-width: 320px;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
ind-progress {
|
|
6
|
-
width: 100%;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.job {
|
|
10
|
-
display: flex;
|
|
11
|
-
align-items: baseline;
|
|
12
|
-
gap: var(--ind-spacing-3, 6px);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.job-label {
|
|
16
|
-
font-size: var(--ind-font-size-xs, 10px);
|
|
17
|
-
text-transform: uppercase;
|
|
18
|
-
letter-spacing: 0.06em;
|
|
19
|
-
color: var(--ind-surface-text-muted);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.job-name {
|
|
23
|
-
font-size: var(--ind-font-size-md, 13px);
|
|
24
|
-
font-weight: var(--ind-font-weight-semibold, 600);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.figures {
|
|
28
|
-
display: flex;
|
|
29
|
-
gap: var(--ind-spacing-7, 20px);
|
|
30
|
-
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as
|
|
1
|
+
import{p as e,H as i,c as n,h as a,a as t,t as s}from"./index.js";import{d as o}from"./p-CRSC4h1X.js";import{d}from"./p-Ca70rR-o.js";import{d as r}from"./p-CNo94Sf0.js";import{d as l}from"./p-D3gnEPFv.js";import{d as p}from"./p-DGb-eiYo.js";import{d as c}from"./p-BInyhy9s.js";import{d as f}from"./p-Dp1wiEsR.js";import{d as b}from"./p-WD-5DMF4.js";const m=()=>`:host{display:flex;flex-direction:column;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));box-sizing:border-box;overflow:hidden;font-feature-settings:var(--ind-font-feature-tabular, "tnum" 1)}.panel-head{display:flex;align-items:center;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);background:var(--ind-surface-raised);flex:0 0 auto}.panel-titles{display:flex;flex-direction:column;min-width:0}.panel-title{font-size:var(--ind-font-size-md, 13px);font-weight:var(--ind-font-weight-semibold, 600);line-height:1.2}.panel-subtitle{font-size:var(--ind-font-size-xs, 10px);text-transform:uppercase;letter-spacing:0.06em;color:var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0))}.panel-tag{font-family:var(--ind-font-family-mono);font-size:var(--ind-font-size-sm, 11px);color:var(--ind-surface-text-secondary)}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:var(--ind-spacing-3, 6px)}.panel-body{display:flex;flex-direction:column;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px);min-height:0}.panel-toolbar{display:flex;align-items:center;gap:var(--ind-spacing-3, 6px);padding:var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);border-bottom:1px solid var(--ind-surface-border-subtle);flex:0 0 auto}.panel-list{display:flex;flex-direction:column;overflow:auto}.panel-grid{display:grid;gap:var(--ind-spacing-4, 8px);padding:var(--ind-spacing-5, 12px)}.panel-empty{padding:var(--ind-spacing-7, 20px);text-align:center;color:var(--ind-surface-text-muted);font-size:var(--ind-font-size-sm, 11px)}.panel-spacer{flex:1 1 auto}`;const u=()=>`.panel-body>ind-motor-card,.panel-body>ind-pump-card,.panel-body>ind-valve-card,.panel-body>ind-start-stop-control,.panel-body>ind-setpoint-control,.panel-body>ind-speed-control,.panel-body>ind-mode-selector,.panel-body>ind-recipe-selector{border:0;padding:0;background:transparent;min-width:0}`;const h=()=>`:host{min-width:280px}.panel-body>ind-speed-control{border:0;padding:0;background:transparent;min-width:0}`;const v=e(class e extends i{constructor(e){super();if(e!==false){this.__registerHost()}this.__attachShadow();this.indOpen=n(this,"indOpen");this.indClose=n(this,"indClose");this.indStop=n(this,"indStop");this.indPosition=n(this,"indPosition")}heading="Valve";tag;state="closed";position;modulating=false;positionSetpoint=0;showOpen=true;showStop=true;showClose=true;indOpen;indClose;indStop;indPosition;onPosition=e=>{e.stopPropagation();this.positionSetpoint=e.detail;this.indPosition.emit(e.detail)};render(){return a(t,{key:"2121c5e45001ec7f3b10c68e99125ebbdd44736f"},a("div",{key:"a7505fc1fa2981d4076cff954400d83717f5da4f",class:"panel-head"},a("div",{key:"5c25e6ae46e38b5e07fb7bb9ca8227fa2f43ebe0",class:"panel-titles"},a("span",{key:"fcbae757862009549e22ca8a38321e09cabae363",class:"panel-title",part:"heading"},this.heading),this.tag&&a("span",{key:"23b893e86138e023c972d907ce386d64df2466d0",class:"panel-subtitle"},this.tag))),a("div",{key:"e60275dd30427776064ffb54af131610a86dbc15",class:"panel-body"},a("ind-valve-card",{key:"11a5a4b872276c1b67d004427b5ec19541de2d58",tag:this.tag,label:this.heading,state:this.state,position:this.position}),(this.showOpen||this.showStop||this.showClose)&&a("ind-command-group",{key:"f8f7468fece65e220ee709983867234869068b2c",label:"Valve commands"},this.showOpen&&a("ind-button",{key:"a87a622ebad0e0989454e40cce062c59d7bfad68",variant:"primary",size:"sm",label:"Open",disabled:this.state==="open",onIndActivate:()=>this.indOpen.emit()}),this.showStop&&a("ind-button",{key:"212a2b0babe39b3319fad6fc1dbe2516fbd41b04",variant:"default",size:"sm",label:"Stop",onIndActivate:()=>this.indStop.emit()}),this.showClose&&a("ind-button",{key:"6c412379304a044f01447fe3e5b5dea0cae82355",variant:"danger",size:"sm",label:"Close",disabled:this.state==="closed",onIndActivate:()=>this.indClose.emit()})),this.modulating&&a("ind-speed-control",{key:"c8291b4175d6211bc93e64bd9f4329b23ceb0425",label:"Position setpoint",value:this.positionSetpoint,unit:"%",onIndChange:this.onPosition})))}static get style(){return m()+(u()+h())}},[513,"ind-valve-control-panel",{heading:[1],tag:[1],state:[513],position:[2],modulating:[4],positionSetpoint:[1026,"position-setpoint"],showOpen:[4,"show-open"],showStop:[4,"show-stop"],showClose:[4,"show-close"]}]);function g(){if(typeof customElements==="undefined"){return}const e=["ind-valve-control-panel","ind-button","ind-command-group","ind-knob","ind-slider","ind-speed-control","ind-value","ind-valve","ind-valve-card"];e.forEach((e=>{switch(e){case"ind-valve-control-panel":if(!customElements.get(s(e))){customElements.define(s(e),v)}break;case"ind-button":if(!customElements.get(s(e))){o()}break;case"ind-command-group":if(!customElements.get(s(e))){d()}break;case"ind-knob":if(!customElements.get(s(e))){r()}break;case"ind-slider":if(!customElements.get(s(e))){l()}break;case"ind-speed-control":if(!customElements.get(s(e))){p()}break;case"ind-value":if(!customElements.get(s(e))){c()}break;case"ind-valve":if(!customElements.get(s(e))){f()}break;case"ind-valve-card":if(!customElements.get(s(e))){b()}break}}))}g();const x=v;const y=g;export{x as IndValveControlPanel,y as defineCustomElement};
|
|
2
2
|
//# sourceMappingURL=ind-valve-control-panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["panelCss","controlPanelCss","valveControlPanelCss","IndValveControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","position","modulating","positionSetpoint","indOpen","indClose","indStop","indPosition","onPosition","e","stopPropagation","this","detail","emit","render","h","Host","key","class","part","label","variant","size","disabled","onIndActivate","value","unit","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/valve-control-panel/valve-control-panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/valve-control-panel/valve-control-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n display: flex;\n flex-direction: column;\n background: var(--ind-surface-panel);\n border: 1px solid var(--ind-surface-border-default);\n border-radius: var(--ind-radius-md, 3px);\n font-family: var(--ind-font-family-sans);\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n box-sizing: border-box;\n overflow: hidden;\n font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n background: var(--ind-surface-raised);\n flex: 0 0 auto;\n}\n\n.panel-titles {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.panel-title {\n font-size: var(--ind-font-size-md, 13px);\n font-weight: var(--ind-font-weight-semibold, 600);\n line-height: 1.2;\n}\n\n.panel-subtitle {\n font-size: var(--ind-font-size-xs, 10px);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n font-family: var(--ind-font-family-mono);\n font-size: var(--ind-font-size-sm, 11px);\n color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n display: flex;\n flex-direction: column;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n min-height: 0;\n}\n\n.panel-toolbar {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n flex: 0 0 auto;\n}\n\n.panel-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.panel-grid {\n display: grid;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n padding: var(--ind-spacing-7, 20px);\n text-align: center;\n color: var(--ind-surface-text-muted);\n font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n flex: 1 1 auto;\n}\n","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n border: 0;\n padding: 0;\n background: transparent;\n min-width: 0;\n}\n",":host {\n min-width: 280px;\n}\n\n.panel-body > ind-speed-control {\n border: 0;\n padding: 0;\n background: transparent;\n min-width: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { ValveState } from '../../atoms/valve/valve';\n\n/**\n * Valve control panel: `<ind-valve-card>` faceplate plus Open / Close / Stop\n * commands and an optional position setpoint for modulating valves.\n */\n@Component({\n tag: 'ind-valve-control-panel',\n styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'valve-control-panel.css'],\n shadow: true,\n})\nexport class IndValveControlPanel {\n @Prop() heading: string = 'Valve';\n @Prop() tag?: string;\n @Prop({ reflect: true }) state: ValveState = 'closed';\n /** Current position 0–100 %. Omit for on/off valves. */\n @Prop() position?: number;\n /** Allow position control (modulating valve). */\n @Prop() modulating: boolean = false;\n /** Position setpoint (two-way). */\n @Prop({ mutable: true }) positionSetpoint: number = 0;\n\n @Event() indOpen!: EventEmitter<void>;\n @Event() indClose!: EventEmitter<void>;\n @Event() indStop!: EventEmitter<void>;\n @Event() indPosition!: EventEmitter<number>;\n\n private onPosition = (e: CustomEvent<number>) => {\n e.stopPropagation();\n this.positionSetpoint = e.detail;\n this.indPosition.emit(e.detail);\n };\n\n render() {\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}</span>}\n </div>\n </div>\n <div class=\"panel-body\">\n <ind-valve-card tag={this.tag} label={this.heading} state={this.state} position={this.position} />\n <ind-command-group label=\"Valve commands\">\n
|
|
1
|
+
{"version":3,"names":["panelCss","controlPanelCss","valveControlPanelCss","IndValveControlPanel","__stencil_proxyCustomElement","HTMLElement","heading","tag","state","position","modulating","positionSetpoint","showOpen","showStop","showClose","indOpen","indClose","indStop","indPosition","onPosition","e","stopPropagation","this","detail","emit","render","h","Host","key","class","part","label","variant","size","disabled","onIndActivate","value","unit","onIndChange"],"sources":["src/components/organisms/_shared/panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/_shared/control-panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/valve-control-panel/valve-control-panel.css?tag=ind-valve-control-panel&encapsulation=shadow","src/components/organisms/valve-control-panel/valve-control-panel.tsx"],"sourcesContent":["/* Shared chrome for organism panels. Pulled in first via\n * `styleUrls: ['../_shared/panel.css', 'xxx.css']`. */\n:host {\n display: flex;\n flex-direction: column;\n background: var(--ind-surface-panel);\n border: 1px solid var(--ind-surface-border-default);\n border-radius: var(--ind-radius-md, 3px);\n font-family: var(--ind-font-family-sans);\n color: var(--ind-surface-text-primary, light-dark(#11161c, #eef1f5));\n box-sizing: border-box;\n overflow: hidden;\n font-feature-settings: var(--ind-font-feature-tabular, \"tnum\" 1);\n}\n\n.panel-head {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-4, 8px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n background: var(--ind-surface-raised);\n flex: 0 0 auto;\n}\n\n.panel-titles {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.panel-title {\n font-size: var(--ind-font-size-md, 13px);\n font-weight: var(--ind-font-weight-semibold, 600);\n line-height: 1.2;\n}\n\n.panel-subtitle {\n font-size: var(--ind-font-size-xs, 10px);\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--ind-surface-text-muted, light-dark(#5a6776, #8390a0));\n}\n\n.panel-tag {\n font-family: var(--ind-font-family-mono);\n font-size: var(--ind-font-size-sm, 11px);\n color: var(--ind-surface-text-secondary);\n}\n\n.panel-actions {\n margin-left: auto;\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n}\n\n.panel-body {\n display: flex;\n flex-direction: column;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n min-height: 0;\n}\n\n.panel-toolbar {\n display: flex;\n align-items: center;\n gap: var(--ind-spacing-3, 6px);\n padding: var(--ind-spacing-3, 6px) var(--ind-spacing-5, 12px);\n border-bottom: 1px solid var(--ind-surface-border-subtle);\n flex: 0 0 auto;\n}\n\n.panel-list {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.panel-grid {\n display: grid;\n gap: var(--ind-spacing-4, 8px);\n padding: var(--ind-spacing-5, 12px);\n}\n\n.panel-empty {\n padding: var(--ind-spacing-7, 20px);\n text-align: center;\n color: var(--ind-surface-text-muted);\n font-size: var(--ind-font-size-sm, 11px);\n}\n\n.panel-spacer {\n flex: 1 1 auto;\n}\n","/* Flatten the faceplate / control molecules when embedded in a control panel,\n * so the panel provides the single card chrome. */\n.panel-body > ind-motor-card,\n.panel-body > ind-pump-card,\n.panel-body > ind-valve-card,\n.panel-body > ind-start-stop-control,\n.panel-body > ind-setpoint-control,\n.panel-body > ind-speed-control,\n.panel-body > ind-mode-selector,\n.panel-body > ind-recipe-selector {\n border: 0;\n padding: 0;\n background: transparent;\n min-width: 0;\n}\n",":host {\n min-width: 280px;\n}\n\n.panel-body > ind-speed-control {\n border: 0;\n padding: 0;\n background: transparent;\n min-width: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\nimport type { ValveState } from '../../atoms/valve/valve';\n\n/**\n * Valve control panel: `<ind-valve-card>` faceplate plus Open / Close / Stop\n * commands and an optional position setpoint for modulating valves.\n */\n@Component({\n tag: 'ind-valve-control-panel',\n styleUrls: ['../_shared/panel.css', '../_shared/control-panel.css', 'valve-control-panel.css'],\n shadow: true,\n})\nexport class IndValveControlPanel {\n @Prop() heading: string = 'Valve';\n @Prop() tag?: string;\n @Prop({ reflect: true }) state: ValveState = 'closed';\n /** Current position 0–100 %. Omit for on/off valves. */\n @Prop() position?: number;\n /** Allow position control (modulating valve). */\n @Prop() modulating: boolean = false;\n /** Position setpoint (two-way). */\n @Prop({ mutable: true }) positionSetpoint: number = 0;\n /** Show the Open command button. */\n @Prop() showOpen: boolean = true;\n /** Show the Stop command button. */\n @Prop() showStop: boolean = true;\n /** Show the Close command button. */\n @Prop() showClose: boolean = true;\n\n @Event() indOpen!: EventEmitter<void>;\n @Event() indClose!: EventEmitter<void>;\n @Event() indStop!: EventEmitter<void>;\n @Event() indPosition!: EventEmitter<number>;\n\n private onPosition = (e: CustomEvent<number>) => {\n e.stopPropagation();\n this.positionSetpoint = e.detail;\n this.indPosition.emit(e.detail);\n };\n\n render() {\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}</span>}\n </div>\n </div>\n <div class=\"panel-body\">\n <ind-valve-card tag={this.tag} label={this.heading} state={this.state} position={this.position} />\n {(this.showOpen || this.showStop || this.showClose) && (\n <ind-command-group label=\"Valve commands\">\n {this.showOpen && (\n <ind-button variant=\"primary\" size=\"sm\" label=\"Open\" disabled={this.state === 'open'} onIndActivate={() => this.indOpen.emit()} />\n )}\n {this.showStop && (\n <ind-button variant=\"default\" size=\"sm\" label=\"Stop\" onIndActivate={() => this.indStop.emit()} />\n )}\n {this.showClose && (\n <ind-button variant=\"danger\" size=\"sm\" label=\"Close\" disabled={this.state === 'closed'} onIndActivate={() => this.indClose.emit()} />\n )}\n </ind-command-group>\n )}\n {this.modulating && (\n <ind-speed-control label=\"Position setpoint\" value={this.positionSetpoint} unit=\"%\" onIndChange={this.onPosition} />\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6VAAA,MAAMA,EAAW,IAAM,4zDCAvB,MAAMC,EAAkB,IAAM,ySCA9B,MAAMC,EAAuB,IAAM,6G,MCYtBC,EAAoBC,EAAA,MAAAD,UAAAE,E,uNACvBC,QAAkB,QAClBC,IACiBC,MAAoB,SAErCC,SAEAC,WAAsB,MAELC,iBAA2B,EAE5CC,SAAoB,KAEpBC,SAAoB,KAEpBC,UAAqB,KAEpBC,QACAC,SACAC,QACAC,YAEDC,WAAcC,IACpBA,EAAEC,kBACFC,KAAKX,iBAAmBS,EAAEG,OAC1BD,KAAKJ,YAAYM,KAAKJ,EAAEG,OAAO,EAGjC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,cAAcC,KAAK,WAAWR,KAAKhB,SAC9CgB,KAAKf,KAAOmB,EAAA,QAAAE,IAAA,2CAAMC,MAAM,kBAAkBP,KAAKf,OAGpDmB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,kBAAAE,IAAA,2CAAgBrB,IAAKe,KAAKf,IAAKwB,MAAOT,KAAKhB,QAASE,MAAOc,KAAKd,MAAOC,SAAUa,KAAKb,YACpFa,KAAKV,UAAYU,KAAKT,UAAYS,KAAKR,YACvCY,EAAA,qBAAAE,IAAA,2CAAmBG,MAAM,kBACtBT,KAAKV,UACJc,EAAA,cAAAE,IAAA,2CAAYI,QAAQ,UAAUC,KAAK,KAAKF,MAAM,OAAOG,SAAUZ,KAAKd,QAAU,OAAQ2B,cAAe,IAAMb,KAAKP,QAAQS,SAEzHF,KAAKT,UACJa,EAAA,cAAAE,IAAA,2CAAYI,QAAQ,UAAUC,KAAK,KAAKF,MAAM,OAAOI,cAAe,IAAMb,KAAKL,QAAQO,SAExFF,KAAKR,WACJY,EAAA,cAAAE,IAAA,2CAAYI,QAAQ,SAASC,KAAK,KAAKF,MAAM,QAAQG,SAAUZ,KAAKd,QAAU,SAAU2B,cAAe,IAAMb,KAAKN,SAASQ,UAIhIF,KAAKZ,YACJgB,EAAA,qBAAAE,IAAA,2CAAmBG,MAAM,oBAAoBK,MAAOd,KAAKX,iBAAkB0B,KAAK,IAAIC,YAAahB,KAAKH,c","ignoreList":[]}
|
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2026-06-08T12:
|
|
2
|
+
"timestamp": "2026-06-08T12:23:11",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.43.5",
|
|
@@ -25039,6 +25039,93 @@
|
|
|
25039
25039
|
"getter": false,
|
|
25040
25040
|
"setter": false
|
|
25041
25041
|
},
|
|
25042
|
+
{
|
|
25043
|
+
"name": "showClose",
|
|
25044
|
+
"type": "boolean",
|
|
25045
|
+
"complexType": {
|
|
25046
|
+
"original": "boolean",
|
|
25047
|
+
"resolved": "boolean",
|
|
25048
|
+
"references": {}
|
|
25049
|
+
},
|
|
25050
|
+
"mutable": false,
|
|
25051
|
+
"attr": "show-close",
|
|
25052
|
+
"reflectToAttr": false,
|
|
25053
|
+
"docs": "Show the Close command button.",
|
|
25054
|
+
"docsTags": [
|
|
25055
|
+
{
|
|
25056
|
+
"name": "default",
|
|
25057
|
+
"text": "true"
|
|
25058
|
+
}
|
|
25059
|
+
],
|
|
25060
|
+
"default": "true",
|
|
25061
|
+
"values": [
|
|
25062
|
+
{
|
|
25063
|
+
"type": "boolean"
|
|
25064
|
+
}
|
|
25065
|
+
],
|
|
25066
|
+
"optional": false,
|
|
25067
|
+
"required": false,
|
|
25068
|
+
"getter": false,
|
|
25069
|
+
"setter": false
|
|
25070
|
+
},
|
|
25071
|
+
{
|
|
25072
|
+
"name": "showOpen",
|
|
25073
|
+
"type": "boolean",
|
|
25074
|
+
"complexType": {
|
|
25075
|
+
"original": "boolean",
|
|
25076
|
+
"resolved": "boolean",
|
|
25077
|
+
"references": {}
|
|
25078
|
+
},
|
|
25079
|
+
"mutable": false,
|
|
25080
|
+
"attr": "show-open",
|
|
25081
|
+
"reflectToAttr": false,
|
|
25082
|
+
"docs": "Show the Open command button.",
|
|
25083
|
+
"docsTags": [
|
|
25084
|
+
{
|
|
25085
|
+
"name": "default",
|
|
25086
|
+
"text": "true"
|
|
25087
|
+
}
|
|
25088
|
+
],
|
|
25089
|
+
"default": "true",
|
|
25090
|
+
"values": [
|
|
25091
|
+
{
|
|
25092
|
+
"type": "boolean"
|
|
25093
|
+
}
|
|
25094
|
+
],
|
|
25095
|
+
"optional": false,
|
|
25096
|
+
"required": false,
|
|
25097
|
+
"getter": false,
|
|
25098
|
+
"setter": false
|
|
25099
|
+
},
|
|
25100
|
+
{
|
|
25101
|
+
"name": "showStop",
|
|
25102
|
+
"type": "boolean",
|
|
25103
|
+
"complexType": {
|
|
25104
|
+
"original": "boolean",
|
|
25105
|
+
"resolved": "boolean",
|
|
25106
|
+
"references": {}
|
|
25107
|
+
},
|
|
25108
|
+
"mutable": false,
|
|
25109
|
+
"attr": "show-stop",
|
|
25110
|
+
"reflectToAttr": false,
|
|
25111
|
+
"docs": "Show the Stop command button.",
|
|
25112
|
+
"docsTags": [
|
|
25113
|
+
{
|
|
25114
|
+
"name": "default",
|
|
25115
|
+
"text": "true"
|
|
25116
|
+
}
|
|
25117
|
+
],
|
|
25118
|
+
"default": "true",
|
|
25119
|
+
"values": [
|
|
25120
|
+
{
|
|
25121
|
+
"type": "boolean"
|
|
25122
|
+
}
|
|
25123
|
+
],
|
|
25124
|
+
"optional": false,
|
|
25125
|
+
"required": false,
|
|
25126
|
+
"getter": false,
|
|
25127
|
+
"setter": false
|
|
25128
|
+
},
|
|
25042
25129
|
{
|
|
25043
25130
|
"name": "state",
|
|
25044
25131
|
"type": "\"closed\" | \"fault\" | \"open\" | \"transit\"",
|
package/dist/esm/ind-ds.js
CHANGED
|
@@ -16,7 +16,7 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy(JSON.parse("[[\"ind-motor-control-panel\",[[513,\"ind-motor-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"speed\":[2],\"current\":[2],\"load\":[2],\"speedSetpoint\":[1026,\"speed-setpoint\"],\"mode\":[1]}]]],[\"ind-pump-control-panel\",[[513,\"ind-pump-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"flow\":[2],\"pressure\":[2],\"mode\":[1]}]]],[\"ind-valve-control-panel\",[[513,\"ind-valve-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"position\":[2],\"modulating\":[4],\"positionSetpoint\":[1026,\"position-setpoint\"]}]]],[\"ind-process-control-panel\",[[769,\"ind-process-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"mode\":[1],\"setpoint\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1]}]]],[\"ind-batch-control-panel\",[[513,\"ind-batch-control-panel\",{\"heading\":[1],\"batchId\":[1,\"batch-id\"],\"phase\":[1],\"state\":[513],\"progress\":[2],\"parameters\":[16]}]]],[\"ind-recipe-management-panel\",[[513,\"ind-recipe-management-panel\",{\"heading\":[1],\"recipes\":[16],\"value\":[1025],\"parameters\":[16],\"editable\":[4]}]]],[\"ind-firmware-update-panel\",[[513,\"ind-firmware-update-panel\",{\"heading\":[1],\"device\":[1],\"currentVersion\":[1,\"current-version\"],\"targetVersion\":[1,\"target-version\"],\"state\":[513],\"progress\":[2]}]]],[\"ind-tank-level-card\",[[513,\"ind-tank-level-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"level\":[2],\"alarm\":[513],\"capacity\":[2],\"unit\":[1]}]]],[\"ind-workstation-monitor\",[[513,\"ind-workstation-monitor\",{\"heading\":[1],\"station\":[1],\"operator\":[1],\"job\":[1],\"state\":[513],\"produced\":[2],\"rejected\":[2],\"target\":[2]}]]],[\"ind-alarm-panel\",[[513,\"ind-alarm-panel\",{\"heading\":[1],\"alarms\":[16],\"hideAcknowledged\":[4,\"hide-acknowledged\"]}]]],[\"ind-asset-overview\",[[513,\"ind-asset-overview\",{\"heading\":[1],\"assets\":[16]}]]],[\"ind-device-diagnostics-panel\",[[513,\"ind-device-diagnostics-panel\",{\"heading\":[1],\"name\":[1],\"vendor\":[1],\"model\":[1],\"firmware\":[1],\"serial\":[1],\"address\":[1],\"state\":[513],\"metrics\":[16]}]]],[\"ind-energy-card\",[[513,\"ind-energy-card\",{\"label\":[1],\"value\":[2],\"unit\":[1],\"precision\":[2],\"points\":[16],\"trend\":[1],\"total\":[2],\"totalUnit\":[1,\"total-unit\"]}]]],[\"ind-event-journal\",[[513,\"ind-event-journal\",{\"heading\":[1],\"events\":[16],\"filter\":[1025]}]]],[\"ind-historian-viewer\",[[513,\"ind-historian-viewer\",{\"heading\":[1],\"tag\":[1],\"unit\":[1],\"precision\":[2],\"samples\":[16]}]]],[\"ind-network-status-card\",[[513,\"ind-network-status-card\",{\"label\":[1],\"level\":[2],\"address\":[1],\"rxKbps\":[2,\"rx-kbps\"],\"txKbps\":[2,\"tx-kbps\"],\"state\":[513]}]]],[\"ind-tag-card\",[[513,\"ind-tag-card\",{\"tag\":[1],\"label\":[1],\"value\":[8],\"unit\":[1],\"precision\":[2],\"alarm\":[513],\"trend\":[1],\"state\":[513]}]]],[\"ind-trend-widget\",[[513,\"ind-trend-widget\",{\"label\":[1],\"tag\":[1],\"value\":[2],\"unit\":[1],\"precision\":[2],\"points\":[16],\"min\":[2],\"max\":[2],\"variant\":[1]}]]],[\"ind-alarm-summary\",[[513,\"ind-alarm-summary\",{\"heading\":[1],\"highHigh\":[2,\"high-high\"],\"high\":[2],\"low\":[2],\"lowLow\":[2,\"low-low\"],\"unacknowledged\":[2]}]]],[\"ind-app-header\",[[769,\"ind-app-header\",{\"brand\":[1],\"subBrand\":[1,\"sub-brand\"],\"machineId\":[1,\"machine-id\"],\"mqttState\":[1,\"mqtt-state\"],\"mqttLabel\":[1,\"mqtt-label\"],\"version\":[1],\"docsUrl\":[1,\"docs-url\"],\"hideChangeMachine\":[4,\"hide-change-machine\"],\"hideDisconnect\":[4,\"hide-disconnect\"]}]]],[\"ind-device-connection-card\",[[513,\"ind-device-connection-card\",{\"name\":[1],\"protocol\":[1],\"endpoint\":[1],\"state\":[513],\"latency\":[2]}]]],[\"ind-equipment-status-card\",[[769,\"ind-equipment-status-card\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"stateLabel\":[1,\"state-label\"],\"detail\":[1]}]]],[\"ind-fill-row\",[[769,\"ind-fill-row\",{\"tag\":[1],\"label\":[1],\"value\":[2],\"max\":[2],\"unit\":[1],\"variant\":[513],\"severity\":[4]}]]],[\"ind-health-card\",[[513,\"ind-health-card\",{\"heading\":[1],\"state\":[513],\"stateLabel\":[1,\"state-label\"],\"detail\":[1]}]]],[\"ind-machine-overview\",[[769,\"ind-machine-overview\",{\"heading\":[1],\"machineId\":[1,\"machine-id\"],\"state\":[513],\"oee\":[2],\"columns\":[2]}]]],[\"ind-maintenance-dashboard\",[[513,\"ind-maintenance-dashboard\",{\"heading\":[1],\"mtbf\":[2],\"mttr\":[2],\"openWorkOrders\":[2,\"open-work-orders\"],\"overdue\":[2],\"dueItems\":[16]}]]],[\"ind-mqtt-tag-binding\",[[513,\"ind-mqtt-tag-binding\",{\"label\":[1],\"topic\":[1],\"value\":[8],\"unit\":[1],\"qos\":[2],\"retained\":[4],\"state\":[513]}]]],[\"ind-oee-dashboard\",[[513,\"ind-oee-dashboard\",{\"heading\":[1],\"availability\":[2],\"performance\":[2],\"quality\":[2],\"oee\":[2],\"subtitle\":[1]}]]],[\"ind-opcua-tag-binding\",[[513,\"ind-opcua-tag-binding\",{\"label\":[1],\"nodeId\":[1,\"node-id\"],\"value\":[8],\"unit\":[1],\"quality\":[513],\"state\":[513]}]]],[\"ind-production-cell\",[[769,\"ind-production-cell\",{\"heading\":[1],\"cellId\":[1,\"cell-id\"],\"state\":[513],\"columns\":[2]}]]],[\"ind-production-line-overview\",[[513,\"ind-production-line-overview\",{\"heading\":[1],\"stations\":[16]}]]],[\"ind-status-bar\",[[769,\"ind-status-bar\",{\"state\":[513],\"message\":[1]}]]],[\"ind-temperature-control\",[[513,\"ind-temperature-control\",{\"label\":[1],\"tag\":[1],\"value\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1],\"disabled\":[4],\"mode\":[513]}]]],[\"ind-trend-viewer\",[[513,\"ind-trend-viewer\",{\"heading\":[1],\"series\":[16]}]]],[\"ind-alarm\",[[513,\"ind-alarm\",{\"priority\":[513],\"acknowledged\":[516],\"label\":[1],\"timestamp\":[1]}]]],[\"ind-alarm-count\",[[513,\"ind-alarm-count\",{\"highHigh\":[2,\"high-high\"],\"high\":[2],\"low\":[2],\"lowLow\":[2,\"low-low\"],\"hideZero\":[516,\"hide-zero\"],\"size\":[513]}]]],[\"ind-audit-row\",[[513,\"ind-audit-row\",{\"time\":[1],\"user\":[1],\"action\":[1],\"detail\":[1]}]]],[\"ind-badge\",[[769,\"ind-badge\",{\"variant\":[513],\"size\":[513],\"outline\":[516]}]]],[\"ind-breadcrumb-item\",[[769,\"ind-breadcrumb-item\",{\"href\":[1],\"current\":[516],\"last\":[516]}]]],[\"ind-canvas-layer\",[[769,\"ind-canvas-layer\",{\"x\":[2],\"y\":[2],\"rotation\":[2],\"scale\":[2],\"z\":[2],\"anchor\":[513]}]]],[\"ind-checkbox\",[[513,\"ind-checkbox\",{\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"size\":[513],\"label\":[1],\"name\":[1],\"value\":[1]},null,{\"indeterminate\":[{\"syncIndeterminate\":0}]}]]],[\"ind-command-center\",[[769,\"ind-command-center\",{\"heading\":[1],\"columns\":[2]}]]],[\"ind-compressor\",[[513,\"ind-compressor\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-context-toolbar\",[[769,\"ind-context-toolbar\",{\"heading\":[1],\"subtitle\":[1]}]]],[\"ind-conveyor\",[[513,\"ind-conveyor\",{\"state\":[513],\"direction\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-cooler\",[[513,\"ind-cooler\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-counter\",[[513,\"ind-counter\",{\"value\":[2],\"max\":[2],\"variant\":[513],\"size\":[513],\"label\":[1],\"dotWhenZero\":[516,\"dot-when-zero\"]}]]],[\"ind-datetime-picker\",[[513,\"ind-datetime-picker\",{\"mode\":[513],\"value\":[1025],\"min\":[1],\"max\":[1],\"step\":[8],\"disabled\":[516],\"invalid\":[516],\"size\":[513],\"label\":[1],\"name\":[1]}]]],[\"ind-dialog\",[[769,\"ind-dialog\",{\"open\":[1540],\"heading\":[1],\"size\":[513],\"closeOnBackdrop\":[4,\"close-on-backdrop\"],\"hasFooter\":[32],\"show\":[64],\"close\":[64]},null,{\"open\":[{\"onOpenChange\":0}]}]]],[\"ind-divider\",[[513,\"ind-divider\",{\"orientation\":[513]}]]],[\"ind-energy-dashboard\",[[769,\"ind-energy-dashboard\",{\"heading\":[1],\"totalLabel\":[1,\"total-label\"],\"totalValue\":[2,\"total-value\"],\"totalUnit\":[1,\"total-unit\"],\"columns\":[2]}]]],[\"ind-equipment-dashboard\",[[769,\"ind-equipment-dashboard\",{\"heading\":[1],\"columns\":[2]}]]],[\"ind-estop\",[[513,\"ind-estop\",{\"engaged\":[1540],\"disabled\":[516],\"size\":[513],\"label\":[1]}]]],[\"ind-fan\",[[513,\"ind-fan\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-heartbeat\",[[513,\"ind-heartbeat\",{\"alive\":[516],\"interval\":[2],\"size\":[513],\"label\":[1]}]]],[\"ind-heater\",[[513,\"ind-heater\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-icon\",[[769,\"ind-icon\",{\"name\":[513],\"size\":[513],\"label\":[1]}]]],[\"ind-label\",[[769,\"ind-label\",{\"tone\":[513],\"size\":[513],\"uppercase\":[516],\"htmlFor\":[1,\"html-for\"],\"required\":[516]}]]],[\"ind-mqtt-monitor\",[[513,\"ind-mqtt-monitor\",{\"log\":[1],\"filterValue\":[1025,\"filter-value\"],\"paused\":[1028],\"rows\":[2]},null,{\"log\":[{\"onLogChange\":0}]}]]],[\"ind-nav-item\",[[769,\"ind-nav-item\",{\"active\":[516],\"disabled\":[516],\"label\":[1],\"href\":[1],\"badge\":[8]}]]],[\"ind-pipe\",[[513,\"ind-pipe\",{\"orientation\":[513],\"flow\":[513],\"tone\":[513],\"thickness\":[2],\"length\":[2],\"label\":[1]}]]],[\"ind-process-symbol\",[[513,\"ind-process-symbol\",{\"shape\":[513],\"state\":[513],\"tag\":[1],\"label\":[1],\"size\":[513]}]]],[\"ind-production-dashboard\",[[769,\"ind-production-dashboard\",{\"heading\":[1],\"subtitle\":[1],\"columns\":[2]}]]],[\"ind-progress-ring\",[[513,\"ind-progress-ring\",{\"value\":[2],\"max\":[2],\"variant\":[513],\"size\":[513],\"indeterminate\":[516],\"showValue\":[4,\"show-value\"],\"unit\":[1],\"label\":[1]}]]],[\"ind-scara-canvas\",[[513,\"ind-scara-canvas\",{\"joints\":[1],\"linkLengths\":[1,\"link-lengths\"],\"state\":[513]}]]],[\"ind-shelf-canvas\",[[513,\"ind-shelf-canvas\",{\"slots\":[1],\"rows\":[2],\"cols\":[2],\"heading\":[1]}]]],[\"ind-sidebar-group\",[[769,\"ind-sidebar-group\",{\"label\":[1],\"collapsed\":[1540],\"badge\":[8]}]]],[\"ind-sidebar-nav\",[[257,\"ind-sidebar-nav\"]]],[\"ind-silo\",[[513,\"ind-silo\",{\"state\":[513],\"level\":[2],\"alarm\":[513],\"size\":[513],\"tag\":[1],\"label\":[1],\"showValue\":[4,\"show-value\"]}]]],[\"ind-tab\",[[769,\"ind-tab\",{\"selected\":[516],\"disabled\":[516],\"tabId\":[1,\"tab-id\"]}]]],[\"ind-tag-name\",[[769,\"ind-tag-name\",{\"tag\":[1],\"size\":[513],\"boxed\":[516]}]]],[\"ind-textarea\",[[513,\"ind-textarea\",{\"value\":[1025],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"rows\":[2],\"size\":[513],\"variant\":[513],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"autoScroll\":[4,\"auto-scroll\"]},null,{\"value\":[{\"onValueChange\":0}]}]]],[\"ind-timestamp\",[[513,\"ind-timestamp\",{\"value\":[8],\"format\":[513],\"locale\":[1],\"seconds\":[4]}]]],[\"ind-toggle\",[[513,\"ind-toggle\",{\"checked\":[1540],\"disabled\":[516],\"size\":[513],\"label\":[1],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"]}]]],[\"ind-toolbar-action\",[[769,\"ind-toolbar-action\",{\"counter\":[8]}]]],[\"ind-tree-node\",[[769,\"ind-tree-node\",{\"level\":[2],\"expanded\":[1540],\"leaf\":[516],\"selected\":[516],\"label\":[1]}]]],[\"ind-unit-label\",[[769,\"ind-unit-label\",{\"unit\":[1],\"size\":[513]}]]],[\"ind-xy-point\",[[513,\"ind-xy-point\",{\"x\":[2],\"y\":[2],\"xMin\":[2,\"x-min\"],\"xMax\":[2,\"x-max\"],\"yMin\":[2,\"y-min\"],\"yMax\":[2,\"y-max\"],\"trail\":[16],\"variant\":[513],\"label\":[1]}]]],[\"ind-motor-card\",[[513,\"ind-motor-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"speed\":[2],\"current\":[2],\"load\":[2]}]]],[\"ind-pump-card\",[[513,\"ind-pump-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"flow\":[2],\"flowUnit\":[1,\"flow-unit\"],\"pressure\":[2],\"pressureUnit\":[1,\"pressure-unit\"]}]]],[\"ind-recipe-selector\",[[513,\"ind-recipe-selector\",{\"label\":[1],\"options\":[16],\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"loadLabel\":[1,\"load-label\"]}]]],[\"ind-valve-card\",[[513,\"ind-valve-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"position\":[2]}]]],[\"ind-alarm-row\",[[513,\"ind-alarm-row\",{\"priority\":[513],\"tag\":[1],\"message\":[1],\"time\":[1],\"acknowledged\":[516]}]]],[\"ind-device-info-card\",[[513,\"ind-device-info-card\",{\"name\":[1],\"vendor\":[1],\"model\":[1],\"firmware\":[1],\"serial\":[1],\"address\":[1],\"state\":[513]}]]],[\"ind-event-row\",[[513,\"ind-event-row\",{\"time\":[1],\"severity\":[513],\"source\":[1],\"message\":[1]}]]],[\"ind-setpoint-control\",[[513,\"ind-setpoint-control\",{\"label\":[1],\"tag\":[1],\"value\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1],\"disabled\":[4]}]]],[\"ind-alarm-badge-group\",[[513,\"ind-alarm-badge-group\",{\"highHigh\":[2,\"high-high\"],\"high\":[2],\"low\":[2],\"lowLow\":[2,\"low-low\"],\"hideZero\":[4,\"hide-zero\"],\"showTotal\":[4,\"show-total\"]}]]],[\"ind-gauge\",[[513,\"ind-gauge\",{\"value\":[2],\"min\":[2],\"max\":[2],\"zones\":[16],\"unit\":[1],\"label\":[1],\"precision\":[2],\"size\":[513]}]]],[\"ind-historical-value-row\",[[513,\"ind-historical-value-row\",{\"time\":[1],\"value\":[8],\"unit\":[1],\"precision\":[2],\"quality\":[513]}]]],[\"ind-kpi-card\",[[513,\"ind-kpi-card\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"precision\":[2],\"delta\":[1],\"trend\":[1],\"variant\":[513]}]]],[\"ind-signal-quality\",[[513,\"ind-signal-quality\",{\"level\":[2],\"bars\":[2],\"size\":[513],\"label\":[1]}]]],[\"ind-linear-gauge_2\",[[513,\"ind-linear-gauge\",{\"value\":[2],\"min\":[2],\"max\":[2],\"setpoint\":[2],\"zones\":[16],\"orientation\":[513],\"unit\":[1],\"label\":[1],\"precision\":[2],\"size\":[513],\"showValue\":[4,\"show-value\"]}],[513,\"ind-tank\",{\"state\":[513],\"level\":[2],\"alarm\":[513],\"size\":[513],\"tag\":[1],\"label\":[1],\"showValue\":[4,\"show-value\"]}]]],[\"ind-motor\",[[513,\"ind-motor\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-pump\",[[513,\"ind-pump\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-select\",[[513,\"ind-select\",{\"options\":[1],\"value\":[1025],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"size\":[513],\"disabled\":[516],\"invalid\":[516]}]]],[\"ind-valve\",[[513,\"ind-valve\",{\"state\":[513],\"orientation\":[513],\"size\":[513],\"label\":[1],\"tag\":[1]}]]],[\"ind-command-group\",[[769,\"ind-command-group\",{\"label\":[1],\"orientation\":[513],\"attached\":[516]}]]],[\"ind-setpoint\",[[513,\"ind-setpoint\",{\"value\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1],\"label\":[1],\"disabled\":[516],\"size\":[513]}]]],[\"ind-sparkline\",[[513,\"ind-sparkline\",{\"points\":[16],\"min\":[2],\"max\":[2],\"variant\":[513],\"area\":[516],\"marker\":[516],\"label\":[1]}]]],[\"ind-batch-parameter-row_2\",[[513,\"ind-batch-parameter-row\",{\"label\":[1],\"value\":[1032],\"unit\":[1],\"type\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"placeholder\":[1],\"disabled\":[4],\"target\":[1],\"invalid\":[516]}],[769,\"ind-input\",{\"type\":[513],\"size\":[513],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"min\":[8],\"max\":[8],\"step\":[8],\"pattern\":[1],\"autocomplete\":[1],\"mode\":[1,\"inputmode\"],\"hasFocus\":[32],\"setFocus\":[64]}]]],[\"ind-progress\",[[513,\"ind-progress\",{\"value\":[2],\"max\":[2],\"variant\":[513],\"size\":[513],\"label\":[1],\"showValue\":[4,\"show-value\"],\"unit\":[1],\"indeterminate\":[516]}]]],[\"ind-connection-indicator\",[[513,\"ind-connection-indicator\",{\"state\":[513],\"size\":[513],\"label\":[1]}]]],[\"ind-knob_3\",[[513,\"ind-speed-control\",{\"label\":[1],\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"unit\":[1],\"disabled\":[4],\"variant\":[1]}],[513,\"ind-knob\",{\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"disabled\":[516],\"size\":[513],\"label\":[1],\"unit\":[1],\"showValue\":[4,\"show-value\"],\"dragging\":[32]}],[513,\"ind-slider\",{\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"disabled\":[516],\"size\":[513],\"label\":[1],\"unit\":[1],\"showValue\":[4,\"show-value\"]}]]],[\"ind-button\",[[769,\"ind-button\",{\"variant\":[513],\"size\":[513],\"disabled\":[516],\"label\":[1],\"holdToConfirmMs\":[2,\"hold-to-confirm-ms\"],\"progress\":[32]}]]],[\"ind-value\",[[513,\"ind-value\",{\"value\":[8],\"unit\":[1],\"precision\":[2],\"alarm\":[513],\"trend\":[513],\"size\":[513],\"label\":[1],\"tag\":[1]}]]],[\"ind-status-dot\",[[513,\"ind-status-dot\",{\"state\":[513],\"size\":[513],\"blinking\":[516],\"label\":[1]}]]],[\"ind-led_4\",[[513,\"ind-start-stop-control\",{\"label\":[1],\"state\":[513],\"disabled\":[4],\"holdToStartMs\":[2,\"hold-to-start-ms\"],\"startLabel\":[1,\"start-label\"],\"stopLabel\":[1,\"stop-label\"]}],[513,\"ind-mode-selector\",{\"label\":[1],\"positions\":[16],\"value\":[1025],\"disabled\":[4]}],[513,\"ind-led\",{\"state\":[513],\"size\":[513],\"blinking\":[516],\"label\":[1]}],[513,\"ind-selector-switch\",{\"positions\":[16],\"value\":[1537],\"disabled\":[516],\"label\":[1]}]]]]"), options);
|
|
19
|
+
return bootstrapLazy(JSON.parse("[[\"ind-motor-control-panel\",[[513,\"ind-motor-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"speed\":[2],\"current\":[2],\"load\":[2],\"speedSetpoint\":[1026,\"speed-setpoint\"],\"mode\":[1]}]]],[\"ind-pump-control-panel\",[[513,\"ind-pump-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"flow\":[2],\"pressure\":[2],\"mode\":[1]}]]],[\"ind-valve-control-panel\",[[513,\"ind-valve-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"position\":[2],\"modulating\":[4],\"positionSetpoint\":[1026,\"position-setpoint\"],\"showOpen\":[4,\"show-open\"],\"showStop\":[4,\"show-stop\"],\"showClose\":[4,\"show-close\"]}]]],[\"ind-process-control-panel\",[[769,\"ind-process-control-panel\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"mode\":[1],\"setpoint\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1]}]]],[\"ind-batch-control-panel\",[[513,\"ind-batch-control-panel\",{\"heading\":[1],\"batchId\":[1,\"batch-id\"],\"phase\":[1],\"state\":[513],\"progress\":[2],\"parameters\":[16]}]]],[\"ind-recipe-management-panel\",[[513,\"ind-recipe-management-panel\",{\"heading\":[1],\"recipes\":[16],\"value\":[1025],\"parameters\":[16],\"editable\":[4]}]]],[\"ind-firmware-update-panel\",[[513,\"ind-firmware-update-panel\",{\"heading\":[1],\"device\":[1],\"currentVersion\":[1,\"current-version\"],\"targetVersion\":[1,\"target-version\"],\"state\":[513],\"progress\":[2]}]]],[\"ind-tank-level-card\",[[513,\"ind-tank-level-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"level\":[2],\"alarm\":[513],\"capacity\":[2],\"unit\":[1]}]]],[\"ind-workstation-monitor\",[[513,\"ind-workstation-monitor\",{\"heading\":[1],\"station\":[1],\"operator\":[1],\"job\":[1],\"state\":[513],\"produced\":[2],\"rejected\":[2],\"target\":[2]}]]],[\"ind-alarm-panel\",[[513,\"ind-alarm-panel\",{\"heading\":[1],\"alarms\":[16],\"hideAcknowledged\":[4,\"hide-acknowledged\"]}]]],[\"ind-asset-overview\",[[513,\"ind-asset-overview\",{\"heading\":[1],\"assets\":[16]}]]],[\"ind-device-diagnostics-panel\",[[513,\"ind-device-diagnostics-panel\",{\"heading\":[1],\"name\":[1],\"vendor\":[1],\"model\":[1],\"firmware\":[1],\"serial\":[1],\"address\":[1],\"state\":[513],\"metrics\":[16]}]]],[\"ind-energy-card\",[[513,\"ind-energy-card\",{\"label\":[1],\"value\":[2],\"unit\":[1],\"precision\":[2],\"points\":[16],\"trend\":[1],\"total\":[2],\"totalUnit\":[1,\"total-unit\"]}]]],[\"ind-event-journal\",[[513,\"ind-event-journal\",{\"heading\":[1],\"events\":[16],\"filter\":[1025]}]]],[\"ind-historian-viewer\",[[513,\"ind-historian-viewer\",{\"heading\":[1],\"tag\":[1],\"unit\":[1],\"precision\":[2],\"samples\":[16]}]]],[\"ind-network-status-card\",[[513,\"ind-network-status-card\",{\"label\":[1],\"level\":[2],\"address\":[1],\"rxKbps\":[2,\"rx-kbps\"],\"txKbps\":[2,\"tx-kbps\"],\"state\":[513]}]]],[\"ind-tag-card\",[[513,\"ind-tag-card\",{\"tag\":[1],\"label\":[1],\"value\":[8],\"unit\":[1],\"precision\":[2],\"alarm\":[513],\"trend\":[1],\"state\":[513]}]]],[\"ind-trend-widget\",[[513,\"ind-trend-widget\",{\"label\":[1],\"tag\":[1],\"value\":[2],\"unit\":[1],\"precision\":[2],\"points\":[16],\"min\":[2],\"max\":[2],\"variant\":[1]}]]],[\"ind-alarm-summary\",[[513,\"ind-alarm-summary\",{\"heading\":[1],\"highHigh\":[2,\"high-high\"],\"high\":[2],\"low\":[2],\"lowLow\":[2,\"low-low\"],\"unacknowledged\":[2]}]]],[\"ind-app-header\",[[769,\"ind-app-header\",{\"brand\":[1],\"subBrand\":[1,\"sub-brand\"],\"machineId\":[1,\"machine-id\"],\"mqttState\":[1,\"mqtt-state\"],\"mqttLabel\":[1,\"mqtt-label\"],\"version\":[1],\"docsUrl\":[1,\"docs-url\"],\"hideChangeMachine\":[4,\"hide-change-machine\"],\"hideDisconnect\":[4,\"hide-disconnect\"]}]]],[\"ind-device-connection-card\",[[513,\"ind-device-connection-card\",{\"name\":[1],\"protocol\":[1],\"endpoint\":[1],\"state\":[513],\"latency\":[2]}]]],[\"ind-equipment-status-card\",[[769,\"ind-equipment-status-card\",{\"heading\":[1],\"tag\":[1],\"state\":[513],\"stateLabel\":[1,\"state-label\"],\"detail\":[1]}]]],[\"ind-fill-row\",[[769,\"ind-fill-row\",{\"tag\":[1],\"label\":[1],\"value\":[2],\"max\":[2],\"unit\":[1],\"variant\":[513],\"severity\":[4]}]]],[\"ind-health-card\",[[513,\"ind-health-card\",{\"heading\":[1],\"state\":[513],\"stateLabel\":[1,\"state-label\"],\"detail\":[1]}]]],[\"ind-machine-overview\",[[769,\"ind-machine-overview\",{\"heading\":[1],\"machineId\":[1,\"machine-id\"],\"state\":[513],\"oee\":[2],\"columns\":[2]}]]],[\"ind-maintenance-dashboard\",[[513,\"ind-maintenance-dashboard\",{\"heading\":[1],\"mtbf\":[2],\"mttr\":[2],\"openWorkOrders\":[2,\"open-work-orders\"],\"overdue\":[2],\"dueItems\":[16]}]]],[\"ind-mqtt-tag-binding\",[[513,\"ind-mqtt-tag-binding\",{\"label\":[1],\"topic\":[1],\"value\":[8],\"unit\":[1],\"qos\":[2],\"retained\":[4],\"state\":[513]}]]],[\"ind-oee-dashboard\",[[513,\"ind-oee-dashboard\",{\"heading\":[1],\"availability\":[2],\"performance\":[2],\"quality\":[2],\"oee\":[2],\"subtitle\":[1]}]]],[\"ind-opcua-tag-binding\",[[513,\"ind-opcua-tag-binding\",{\"label\":[1],\"nodeId\":[1,\"node-id\"],\"value\":[8],\"unit\":[1],\"quality\":[513],\"state\":[513]}]]],[\"ind-production-cell\",[[769,\"ind-production-cell\",{\"heading\":[1],\"cellId\":[1,\"cell-id\"],\"state\":[513],\"columns\":[2]}]]],[\"ind-production-line-overview\",[[513,\"ind-production-line-overview\",{\"heading\":[1],\"stations\":[16]}]]],[\"ind-status-bar\",[[769,\"ind-status-bar\",{\"state\":[513],\"message\":[1]}]]],[\"ind-temperature-control\",[[513,\"ind-temperature-control\",{\"label\":[1],\"tag\":[1],\"value\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1],\"disabled\":[4],\"mode\":[513]}]]],[\"ind-trend-viewer\",[[513,\"ind-trend-viewer\",{\"heading\":[1],\"series\":[16]}]]],[\"ind-alarm\",[[513,\"ind-alarm\",{\"priority\":[513],\"acknowledged\":[516],\"label\":[1],\"timestamp\":[1]}]]],[\"ind-alarm-count\",[[513,\"ind-alarm-count\",{\"highHigh\":[2,\"high-high\"],\"high\":[2],\"low\":[2],\"lowLow\":[2,\"low-low\"],\"hideZero\":[516,\"hide-zero\"],\"size\":[513]}]]],[\"ind-audit-row\",[[513,\"ind-audit-row\",{\"time\":[1],\"user\":[1],\"action\":[1],\"detail\":[1]}]]],[\"ind-badge\",[[769,\"ind-badge\",{\"variant\":[513],\"size\":[513],\"outline\":[516]}]]],[\"ind-breadcrumb-item\",[[769,\"ind-breadcrumb-item\",{\"href\":[1],\"current\":[516],\"last\":[516]}]]],[\"ind-canvas-layer\",[[769,\"ind-canvas-layer\",{\"x\":[2],\"y\":[2],\"rotation\":[2],\"scale\":[2],\"z\":[2],\"anchor\":[513]}]]],[\"ind-checkbox\",[[513,\"ind-checkbox\",{\"checked\":[1540],\"indeterminate\":[516],\"disabled\":[516],\"size\":[513],\"label\":[1],\"name\":[1],\"value\":[1]},null,{\"indeterminate\":[{\"syncIndeterminate\":0}]}]]],[\"ind-command-center\",[[769,\"ind-command-center\",{\"heading\":[1],\"columns\":[2]}]]],[\"ind-compressor\",[[513,\"ind-compressor\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-context-toolbar\",[[769,\"ind-context-toolbar\",{\"heading\":[1],\"subtitle\":[1]}]]],[\"ind-conveyor\",[[513,\"ind-conveyor\",{\"state\":[513],\"direction\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-cooler\",[[513,\"ind-cooler\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-counter\",[[513,\"ind-counter\",{\"value\":[2],\"max\":[2],\"variant\":[513],\"size\":[513],\"label\":[1],\"dotWhenZero\":[516,\"dot-when-zero\"]}]]],[\"ind-datetime-picker\",[[513,\"ind-datetime-picker\",{\"mode\":[513],\"value\":[1025],\"min\":[1],\"max\":[1],\"step\":[8],\"disabled\":[516],\"invalid\":[516],\"size\":[513],\"label\":[1],\"name\":[1]}]]],[\"ind-dialog\",[[769,\"ind-dialog\",{\"open\":[1540],\"heading\":[1],\"size\":[513],\"closeOnBackdrop\":[4,\"close-on-backdrop\"],\"hasFooter\":[32],\"show\":[64],\"close\":[64]},null,{\"open\":[{\"onOpenChange\":0}]}]]],[\"ind-divider\",[[513,\"ind-divider\",{\"orientation\":[513]}]]],[\"ind-energy-dashboard\",[[769,\"ind-energy-dashboard\",{\"heading\":[1],\"totalLabel\":[1,\"total-label\"],\"totalValue\":[2,\"total-value\"],\"totalUnit\":[1,\"total-unit\"],\"columns\":[2]}]]],[\"ind-equipment-dashboard\",[[769,\"ind-equipment-dashboard\",{\"heading\":[1],\"columns\":[2]}]]],[\"ind-estop\",[[513,\"ind-estop\",{\"engaged\":[1540],\"disabled\":[516],\"size\":[513],\"label\":[1]}]]],[\"ind-fan\",[[513,\"ind-fan\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-heartbeat\",[[513,\"ind-heartbeat\",{\"alive\":[516],\"interval\":[2],\"size\":[513],\"label\":[1]}]]],[\"ind-heater\",[[513,\"ind-heater\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-icon\",[[769,\"ind-icon\",{\"name\":[513],\"size\":[513],\"label\":[1]}]]],[\"ind-label\",[[769,\"ind-label\",{\"tone\":[513],\"size\":[513],\"uppercase\":[516],\"htmlFor\":[1,\"html-for\"],\"required\":[516]}]]],[\"ind-mqtt-monitor\",[[513,\"ind-mqtt-monitor\",{\"log\":[1],\"filterValue\":[1025,\"filter-value\"],\"paused\":[1028],\"rows\":[2]},null,{\"log\":[{\"onLogChange\":0}]}]]],[\"ind-nav-item\",[[769,\"ind-nav-item\",{\"active\":[516],\"disabled\":[516],\"label\":[1],\"href\":[1],\"badge\":[8]}]]],[\"ind-pipe\",[[513,\"ind-pipe\",{\"orientation\":[513],\"flow\":[513],\"tone\":[513],\"thickness\":[2],\"length\":[2],\"label\":[1]}]]],[\"ind-process-symbol\",[[513,\"ind-process-symbol\",{\"shape\":[513],\"state\":[513],\"tag\":[1],\"label\":[1],\"size\":[513]}]]],[\"ind-production-dashboard\",[[769,\"ind-production-dashboard\",{\"heading\":[1],\"subtitle\":[1],\"columns\":[2]}]]],[\"ind-progress-ring\",[[513,\"ind-progress-ring\",{\"value\":[2],\"max\":[2],\"variant\":[513],\"size\":[513],\"indeterminate\":[516],\"showValue\":[4,\"show-value\"],\"unit\":[1],\"label\":[1]}]]],[\"ind-scara-canvas\",[[513,\"ind-scara-canvas\",{\"joints\":[1],\"linkLengths\":[1,\"link-lengths\"],\"state\":[513]}]]],[\"ind-shelf-canvas\",[[513,\"ind-shelf-canvas\",{\"slots\":[1],\"rows\":[2],\"cols\":[2],\"heading\":[1]}]]],[\"ind-sidebar-group\",[[769,\"ind-sidebar-group\",{\"label\":[1],\"collapsed\":[1540],\"badge\":[8]}]]],[\"ind-sidebar-nav\",[[257,\"ind-sidebar-nav\"]]],[\"ind-silo\",[[513,\"ind-silo\",{\"state\":[513],\"level\":[2],\"alarm\":[513],\"size\":[513],\"tag\":[1],\"label\":[1],\"showValue\":[4,\"show-value\"]}]]],[\"ind-tab\",[[769,\"ind-tab\",{\"selected\":[516],\"disabled\":[516],\"tabId\":[1,\"tab-id\"]}]]],[\"ind-tag-name\",[[769,\"ind-tag-name\",{\"tag\":[1],\"size\":[513],\"boxed\":[516]}]]],[\"ind-textarea\",[[513,\"ind-textarea\",{\"value\":[1025],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"rows\":[2],\"size\":[513],\"variant\":[513],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"autoScroll\":[4,\"auto-scroll\"]},null,{\"value\":[{\"onValueChange\":0}]}]]],[\"ind-timestamp\",[[513,\"ind-timestamp\",{\"value\":[8],\"format\":[513],\"locale\":[1],\"seconds\":[4]}]]],[\"ind-toggle\",[[513,\"ind-toggle\",{\"checked\":[1540],\"disabled\":[516],\"size\":[513],\"label\":[1],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"]}]]],[\"ind-toolbar-action\",[[769,\"ind-toolbar-action\",{\"counter\":[8]}]]],[\"ind-tree-node\",[[769,\"ind-tree-node\",{\"level\":[2],\"expanded\":[1540],\"leaf\":[516],\"selected\":[516],\"label\":[1]}]]],[\"ind-unit-label\",[[769,\"ind-unit-label\",{\"unit\":[1],\"size\":[513]}]]],[\"ind-xy-point\",[[513,\"ind-xy-point\",{\"x\":[2],\"y\":[2],\"xMin\":[2,\"x-min\"],\"xMax\":[2,\"x-max\"],\"yMin\":[2,\"y-min\"],\"yMax\":[2,\"y-max\"],\"trail\":[16],\"variant\":[513],\"label\":[1]}]]],[\"ind-motor-card\",[[513,\"ind-motor-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"speed\":[2],\"current\":[2],\"load\":[2]}]]],[\"ind-pump-card\",[[513,\"ind-pump-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"flow\":[2],\"flowUnit\":[1,\"flow-unit\"],\"pressure\":[2],\"pressureUnit\":[1,\"pressure-unit\"]}]]],[\"ind-recipe-selector\",[[513,\"ind-recipe-selector\",{\"label\":[1],\"options\":[16],\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"loadLabel\":[1,\"load-label\"]}]]],[\"ind-valve-card\",[[513,\"ind-valve-card\",{\"tag\":[1],\"label\":[1],\"state\":[513],\"position\":[2]}]]],[\"ind-alarm-row\",[[513,\"ind-alarm-row\",{\"priority\":[513],\"tag\":[1],\"message\":[1],\"time\":[1],\"acknowledged\":[516]}]]],[\"ind-device-info-card\",[[513,\"ind-device-info-card\",{\"name\":[1],\"vendor\":[1],\"model\":[1],\"firmware\":[1],\"serial\":[1],\"address\":[1],\"state\":[513]}]]],[\"ind-event-row\",[[513,\"ind-event-row\",{\"time\":[1],\"severity\":[513],\"source\":[1],\"message\":[1]}]]],[\"ind-setpoint-control\",[[513,\"ind-setpoint-control\",{\"label\":[1],\"tag\":[1],\"value\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1],\"disabled\":[4]}]]],[\"ind-alarm-badge-group\",[[513,\"ind-alarm-badge-group\",{\"highHigh\":[2,\"high-high\"],\"high\":[2],\"low\":[2],\"lowLow\":[2,\"low-low\"],\"hideZero\":[4,\"hide-zero\"],\"showTotal\":[4,\"show-total\"]}]]],[\"ind-gauge\",[[513,\"ind-gauge\",{\"value\":[2],\"min\":[2],\"max\":[2],\"zones\":[16],\"unit\":[1],\"label\":[1],\"precision\":[2],\"size\":[513]}]]],[\"ind-historical-value-row\",[[513,\"ind-historical-value-row\",{\"time\":[1],\"value\":[8],\"unit\":[1],\"precision\":[2],\"quality\":[513]}]]],[\"ind-kpi-card\",[[513,\"ind-kpi-card\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"precision\":[2],\"delta\":[1],\"trend\":[1],\"variant\":[513]}]]],[\"ind-signal-quality\",[[513,\"ind-signal-quality\",{\"level\":[2],\"bars\":[2],\"size\":[513],\"label\":[1]}]]],[\"ind-linear-gauge_2\",[[513,\"ind-linear-gauge\",{\"value\":[2],\"min\":[2],\"max\":[2],\"setpoint\":[2],\"zones\":[16],\"orientation\":[513],\"unit\":[1],\"label\":[1],\"precision\":[2],\"size\":[513],\"showValue\":[4,\"show-value\"]}],[513,\"ind-tank\",{\"state\":[513],\"level\":[2],\"alarm\":[513],\"size\":[513],\"tag\":[1],\"label\":[1],\"showValue\":[4,\"show-value\"]}]]],[\"ind-motor\",[[513,\"ind-motor\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-pump\",[[513,\"ind-pump\",{\"state\":[513],\"size\":[513],\"tag\":[1],\"label\":[1]}]]],[\"ind-select\",[[513,\"ind-select\",{\"options\":[1],\"value\":[1025],\"placeholder\":[1],\"label\":[1],\"name\":[1],\"size\":[513],\"disabled\":[516],\"invalid\":[516]}]]],[\"ind-valve\",[[513,\"ind-valve\",{\"state\":[513],\"orientation\":[513],\"size\":[513],\"label\":[1],\"tag\":[1]}]]],[\"ind-command-group\",[[769,\"ind-command-group\",{\"label\":[1],\"orientation\":[513],\"attached\":[516]}]]],[\"ind-setpoint\",[[513,\"ind-setpoint\",{\"value\":[1026],\"pv\":[2],\"min\":[2],\"max\":[2],\"step\":[2],\"precision\":[2],\"unit\":[1],\"label\":[1],\"disabled\":[516],\"size\":[513]}]]],[\"ind-sparkline\",[[513,\"ind-sparkline\",{\"points\":[16],\"min\":[2],\"max\":[2],\"variant\":[513],\"area\":[516],\"marker\":[516],\"label\":[1]}]]],[\"ind-batch-parameter-row_2\",[[513,\"ind-batch-parameter-row\",{\"label\":[1],\"value\":[1032],\"unit\":[1],\"type\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"placeholder\":[1],\"disabled\":[4],\"target\":[1],\"invalid\":[516]}],[769,\"ind-input\",{\"type\":[513],\"size\":[513],\"value\":[1025],\"placeholder\":[1],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"label\":[1],\"name\":[1],\"min\":[8],\"max\":[8],\"step\":[8],\"pattern\":[1],\"autocomplete\":[1],\"mode\":[1,\"inputmode\"],\"hasFocus\":[32],\"setFocus\":[64]}]]],[\"ind-progress\",[[513,\"ind-progress\",{\"value\":[2],\"max\":[2],\"variant\":[513],\"size\":[513],\"label\":[1],\"showValue\":[4,\"show-value\"],\"unit\":[1],\"indeterminate\":[516]}]]],[\"ind-connection-indicator\",[[513,\"ind-connection-indicator\",{\"state\":[513],\"size\":[513],\"label\":[1]}]]],[\"ind-knob_3\",[[513,\"ind-speed-control\",{\"label\":[1],\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"unit\":[1],\"disabled\":[4],\"variant\":[1]}],[513,\"ind-knob\",{\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"disabled\":[516],\"size\":[513],\"label\":[1],\"unit\":[1],\"showValue\":[4,\"show-value\"],\"dragging\":[32]}],[513,\"ind-slider\",{\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"disabled\":[516],\"size\":[513],\"label\":[1],\"unit\":[1],\"showValue\":[4,\"show-value\"]}]]],[\"ind-button\",[[769,\"ind-button\",{\"variant\":[513],\"size\":[513],\"disabled\":[516],\"label\":[1],\"holdToConfirmMs\":[2,\"hold-to-confirm-ms\"],\"progress\":[32]}]]],[\"ind-value\",[[513,\"ind-value\",{\"value\":[8],\"unit\":[1],\"precision\":[2],\"alarm\":[513],\"trend\":[513],\"size\":[513],\"label\":[1],\"tag\":[1]}]]],[\"ind-status-dot\",[[513,\"ind-status-dot\",{\"state\":[513],\"size\":[513],\"blinking\":[516],\"label\":[1]}]]],[\"ind-led_4\",[[513,\"ind-start-stop-control\",{\"label\":[1],\"state\":[513],\"disabled\":[4],\"holdToStartMs\":[2,\"hold-to-start-ms\"],\"startLabel\":[1,\"start-label\"],\"stopLabel\":[1,\"stop-label\"]}],[513,\"ind-mode-selector\",{\"label\":[1],\"positions\":[16],\"value\":[1025],\"disabled\":[4]}],[513,\"ind-led\",{\"state\":[513],\"size\":[513],\"blinking\":[516],\"label\":[1]}],[513,\"ind-selector-switch\",{\"positions\":[16],\"value\":[1537],\"disabled\":[516],\"label\":[1]}]]]]"), options);
|
|
20
20
|
});
|
|
21
21
|
//# sourceMappingURL=ind-ds.js.map
|
|
22
22
|
|
|
@@ -23,6 +23,12 @@ const IndValveControlPanel = class {
|
|
|
23
23
|
modulating = false;
|
|
24
24
|
/** Position setpoint (two-way). */
|
|
25
25
|
positionSetpoint = 0;
|
|
26
|
+
/** Show the Open command button. */
|
|
27
|
+
showOpen = true;
|
|
28
|
+
/** Show the Stop command button. */
|
|
29
|
+
showStop = true;
|
|
30
|
+
/** Show the Close command button. */
|
|
31
|
+
showClose = true;
|
|
26
32
|
indOpen;
|
|
27
33
|
indClose;
|
|
28
34
|
indStop;
|
|
@@ -33,7 +39,7 @@ const IndValveControlPanel = class {
|
|
|
33
39
|
this.indPosition.emit(e.detail);
|
|
34
40
|
};
|
|
35
41
|
render() {
|
|
36
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: '2121c5e45001ec7f3b10c68e99125ebbdd44736f' }, h("div", { key: 'a7505fc1fa2981d4076cff954400d83717f5da4f', class: "panel-head" }, h("div", { key: '5c25e6ae46e38b5e07fb7bb9ca8227fa2f43ebe0', class: "panel-titles" }, h("span", { key: 'fcbae757862009549e22ca8a38321e09cabae363', class: "panel-title", part: "heading" }, this.heading), this.tag && h("span", { key: '23b893e86138e023c972d907ce386d64df2466d0', class: "panel-subtitle" }, this.tag))), h("div", { key: 'e60275dd30427776064ffb54af131610a86dbc15', class: "panel-body" }, h("ind-valve-card", { key: '11a5a4b872276c1b67d004427b5ec19541de2d58', tag: this.tag, label: this.heading, state: this.state, position: this.position }), (this.showOpen || this.showStop || this.showClose) && (h("ind-command-group", { key: 'f8f7468fece65e220ee709983867234869068b2c', label: "Valve commands" }, this.showOpen && (h("ind-button", { key: 'a87a622ebad0e0989454e40cce062c59d7bfad68', variant: "primary", size: "sm", label: "Open", disabled: this.state === 'open', onIndActivate: () => this.indOpen.emit() })), this.showStop && (h("ind-button", { key: '212a2b0babe39b3319fad6fc1dbe2516fbd41b04', variant: "default", size: "sm", label: "Stop", onIndActivate: () => this.indStop.emit() })), this.showClose && (h("ind-button", { key: '6c412379304a044f01447fe3e5b5dea0cae82355', variant: "danger", size: "sm", label: "Close", disabled: this.state === 'closed', onIndActivate: () => this.indClose.emit() })))), this.modulating && (h("ind-speed-control", { key: 'c8291b4175d6211bc93e64bd9f4329b23ceb0425', label: "Position setpoint", value: this.positionSetpoint, unit: "%", onIndChange: this.onPosition })))));
|
|
37
43
|
}
|
|
38
44
|
};
|
|
39
45
|
IndValveControlPanel.style = panelCss() + (controlPanelCss() + valveControlPanelCss());
|