@oicl/openbridge-webcomponents-svelte 2.0.0-next.134 → 2.0.0-next.136
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/automation/automation-tank/ObcAutomationTank.svelte +4 -2
- package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts +3 -2
- package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte +130 -0
- package/dist/automation/gauge-generator/ObcGaugeGenerator.svelte.d.ts +112 -0
- package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte +130 -0
- package/dist/automation/gauge-motors-and-pumps/ObcGaugeMotorsAndPumps.svelte.d.ts +112 -0
- package/dist/automation/gauge-valve/ObcGaugeValve.svelte +99 -0
- package/dist/automation/gauge-valve/ObcGaugeValve.svelte.d.ts +86 -0
- package/dist/automation/heat-exchanger/ObcHeatExchanger.svelte +127 -0
- package/dist/automation/heat-exchanger/ObcHeatExchanger.svelte.d.ts +93 -0
- package/dist/automation/heat-pump/ObcHeatPump.svelte +127 -0
- package/dist/automation/heat-pump/ObcHeatPump.svelte.d.ts +93 -0
- package/dist/automation/hydraulic-separator/ObcHydraulicSeparator.svelte +127 -0
- package/dist/automation/hydraulic-separator/ObcHydraulicSeparator.svelte.d.ts +93 -0
- package/dist/automation/specialty-tank/ObcAbstractSpecialtyTank.svelte +97 -0
- package/dist/automation/specialty-tank/ObcAbstractSpecialtyTank.svelte.d.ts +88 -0
- package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte +4 -0
- package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts +4 -0
- package/dist/index.d.ts +8 -1
- package/dist/index.js +8 -1
- package/dist/navigation-instruments/{gauge-radial-proportional/ObcGaugeRadialProportional.svelte → gauge-proportional/ObcGaugeProportional.svelte} +50 -15
- package/dist/navigation-instruments/{gauge-radial-proportional/ObcGaugeRadialProportional.svelte.d.ts → gauge-proportional/ObcGaugeProportional.svelte.d.ts} +45 -16
- package/dist/navigation-instruments/watch/ObcWatch.svelte +2 -0
- package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts +2 -0
- package/package.json +2 -2
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve.js';
|
|
2
|
+
import type { GaugeValveType, GaugeValvePriority, GaugeValveStyle } from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve.js';
|
|
3
|
+
import type { GaugeValveScalePosition } from '@oicl/openbridge-webcomponents/dist/automation/gauge-valve/gauge-valve-geometry.js';
|
|
4
|
+
import type { Snippet } from 'svelte';
|
|
5
|
+
export interface Props {
|
|
6
|
+
class?: string;
|
|
7
|
+
style?: string;
|
|
8
|
+
/** Target setpoint value. `undefined` = no setpoint marker shown. */
|
|
9
|
+
setpoint?: number | undefined;
|
|
10
|
+
/** Adjustment preview for 2-step interface.
|
|
11
|
+
When defined, two markers are shown: original (dimmed) + new (focus). */
|
|
12
|
+
newSetpoint?: number | undefined;
|
|
13
|
+
/** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
|
|
14
|
+
atSetpoint?: boolean;
|
|
15
|
+
/** User is physically interacting with the control.
|
|
16
|
+
Suppresses at-setpoint calculation and triggers focus visual. */
|
|
17
|
+
touching?: boolean;
|
|
18
|
+
/** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
|
|
19
|
+
autoAtSetpoint?: boolean;
|
|
20
|
+
/** Tolerance for auto at-setpoint detection. */
|
|
21
|
+
autoAtSetpointDeadband?: number;
|
|
22
|
+
/** Tolerance for zero-snap visual state. */
|
|
23
|
+
setpointAtZeroDeadband?: number;
|
|
24
|
+
/** Override to derive the setpoint color from the instrument's `priority`
|
|
25
|
+
regardless of instrument state. */
|
|
26
|
+
setpointOverride?: boolean;
|
|
27
|
+
/** Enable CSS-animated confirm transition. */
|
|
28
|
+
animateSetpoint?: boolean;
|
|
29
|
+
type?: GaugeValveType;
|
|
30
|
+
/** Colour emphasis of the value graphics (the Figma "Type" axis); `off` blanks them on a flat disc */
|
|
31
|
+
priority?: GaugeValvePriority;
|
|
32
|
+
/** Bar rendering (the Figma "Style" axis): tint (default) shows a tint bar with strong cap pills, fill a strong bar without pills */
|
|
33
|
+
barStyle?: GaugeValveStyle;
|
|
34
|
+
/** Rotates the whole layout — ports, scale, setpoint and readout side (the designs' two-way Direction / three-way Scale axis) */
|
|
35
|
+
scalePosition?: GaugeValveScalePosition;
|
|
36
|
+
/** Through-flow of the right outlet port, 0-100 (%) */
|
|
37
|
+
value?: number;
|
|
38
|
+
/**
|
|
39
|
+
* Bottom outlet flow, 0-100 (%).
|
|
40
|
+
*
|
|
41
|
+
* Available when `type==three-way`.
|
|
42
|
+
*/
|
|
43
|
+
bottomValue?: number;
|
|
44
|
+
/** Show scale, labels, readout and setpoint layer */
|
|
45
|
+
large?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Readout label text.
|
|
48
|
+
*
|
|
49
|
+
* Available when `large==true`.
|
|
50
|
+
*/
|
|
51
|
+
label?: string;
|
|
52
|
+
/**
|
|
53
|
+
* Readout unit text.
|
|
54
|
+
*
|
|
55
|
+
* Available when `large==true`.
|
|
56
|
+
*/
|
|
57
|
+
unit?: string;
|
|
58
|
+
/**
|
|
59
|
+
* Identifier line under the compact readout stack, e.g. '#0001'.
|
|
60
|
+
*
|
|
61
|
+
* Available when `large==false && hasLabelStack==true`.
|
|
62
|
+
*/
|
|
63
|
+
tag?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Render the readout stack below the face in the compact variant.
|
|
66
|
+
*
|
|
67
|
+
* Available when `large==false`.
|
|
68
|
+
*/
|
|
69
|
+
hasLabelStack?: boolean;
|
|
70
|
+
/** Ring diameter in CSS pixels. When set, the face renders at a fixed intrinsic size (equal circumference across instruments sharing the value); when unset (default), the face contain-fits its container. */
|
|
71
|
+
faceDiameter?: number | undefined;
|
|
72
|
+
}
|
|
73
|
+
export interface Events {
|
|
74
|
+
}
|
|
75
|
+
export interface Slots {
|
|
76
|
+
icon?: Snippet;
|
|
77
|
+
}
|
|
78
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
79
|
+
declare const ObcGaugeValve: import("svelte").Component<$$ComponentProps, {
|
|
80
|
+
GaugeValveType: typeof GaugeValveType;
|
|
81
|
+
GaugeValvePriority: typeof GaugeValvePriority;
|
|
82
|
+
GaugeValveStyle: typeof GaugeValveStyle;
|
|
83
|
+
GaugeValveScalePosition: typeof GaugeValveScalePosition;
|
|
84
|
+
}, "">;
|
|
85
|
+
type ObcGaugeValve = ReturnType<typeof ObcGaugeValve>;
|
|
86
|
+
export default ObcGaugeValve;
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
4
|
+
export type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
5
|
+
export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
6
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
7
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
8
|
+
import '@oicl/openbridge-webcomponents/dist/automation/heat-exchanger/heat-exchanger.js';
|
|
9
|
+
import { setProperties, forwardEvents } from "../../util.js";
|
|
10
|
+
import type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
11
|
+
import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
12
|
+
import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
13
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
14
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
15
|
+
import type { Snippet } from 'svelte';
|
|
16
|
+
|
|
17
|
+
export interface Props {
|
|
18
|
+
class?: string;
|
|
19
|
+
style?: string;
|
|
20
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
21
|
+
medium?: SpecialtyTankMedium;
|
|
22
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
23
|
+
static?: boolean;
|
|
24
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
25
|
+
showIcon?: boolean;
|
|
26
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
27
|
+
tag?: string;
|
|
28
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
29
|
+
positioning?: TankPositioning;
|
|
30
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
31
|
+
clickable?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
34
|
+
*
|
|
35
|
+
* Available when `clickable==true`.
|
|
36
|
+
*/
|
|
37
|
+
activated?: boolean;
|
|
38
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
39
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
40
|
+
/** Alert badge, second in the badge row. */
|
|
41
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
42
|
+
/** Interlock badge, third in the badge row. */
|
|
43
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
44
|
+
/** Command-locked badge, last in the badge row. */
|
|
45
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
46
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
47
|
+
alert?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Shape of the alert frame.
|
|
50
|
+
*
|
|
51
|
+
* Available when `alert==true`.
|
|
52
|
+
*/
|
|
53
|
+
alertFrameType?: ObcAlertFrameType;
|
|
54
|
+
/**
|
|
55
|
+
* Thickness of the alert frame.
|
|
56
|
+
*
|
|
57
|
+
* Available when `alert==true`.
|
|
58
|
+
*/
|
|
59
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
60
|
+
/**
|
|
61
|
+
* Alert status the frame is coloured for.
|
|
62
|
+
*
|
|
63
|
+
* Available when `alert==true`.
|
|
64
|
+
*/
|
|
65
|
+
alertFrameStatus?: AlertType;
|
|
66
|
+
/**
|
|
67
|
+
* Shows the alert category icon inside the frame.
|
|
68
|
+
*
|
|
69
|
+
* Available when `alert==true`.
|
|
70
|
+
*/
|
|
71
|
+
showAlertCategoryIcon?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Shows the slotted alert icon inside the frame.
|
|
74
|
+
*
|
|
75
|
+
* Available when `alert==true`.
|
|
76
|
+
*/
|
|
77
|
+
showAlertIcon?: boolean
|
|
78
|
+
}
|
|
79
|
+
export interface Events {
|
|
80
|
+
onClick?: (event: CustomEvent<unknown>) => void
|
|
81
|
+
}
|
|
82
|
+
export interface Slots {
|
|
83
|
+
badges?: Snippet;
|
|
84
|
+
tagSnippet?: Snippet;
|
|
85
|
+
alertIcon?: Snippet;
|
|
86
|
+
alertLabel?: Snippet;
|
|
87
|
+
alertTimer?: Snippet
|
|
88
|
+
}
|
|
89
|
+
const {onClick, class: className, style, badges, tagSnippet, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
|
|
90
|
+
|
|
91
|
+
</script>
|
|
92
|
+
<obc-heat-exchanger
|
|
93
|
+
use:setProperties={props}
|
|
94
|
+
class={className}
|
|
95
|
+
style={style}
|
|
96
|
+
use:forwardEvents={{'click': onClick}} >
|
|
97
|
+
|
|
98
|
+
{#if badges}
|
|
99
|
+
<div slot="badges">
|
|
100
|
+
{@render badges()}
|
|
101
|
+
</div>
|
|
102
|
+
{/if}
|
|
103
|
+
|
|
104
|
+
{#if tagSnippet}
|
|
105
|
+
<div slot="tag">
|
|
106
|
+
{@render tagSnippet()}
|
|
107
|
+
</div>
|
|
108
|
+
{/if}
|
|
109
|
+
|
|
110
|
+
{#if alertIcon}
|
|
111
|
+
<div slot="alert-icon">
|
|
112
|
+
{@render alertIcon()}
|
|
113
|
+
</div>
|
|
114
|
+
{/if}
|
|
115
|
+
|
|
116
|
+
{#if alertLabel}
|
|
117
|
+
<div slot="alert-label">
|
|
118
|
+
{@render alertLabel()}
|
|
119
|
+
</div>
|
|
120
|
+
{/if}
|
|
121
|
+
|
|
122
|
+
{#if alertTimer}
|
|
123
|
+
<div slot="alert-timer">
|
|
124
|
+
{@render alertTimer()}
|
|
125
|
+
</div>
|
|
126
|
+
{/if}
|
|
127
|
+
</obc-heat-exchanger>
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/automation/heat-exchanger/heat-exchanger.js';
|
|
2
|
+
import type { SpecialtyTankMedium } from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
3
|
+
import type { TankPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
4
|
+
import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
5
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
export interface Props {
|
|
9
|
+
class?: string;
|
|
10
|
+
style?: string;
|
|
11
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
12
|
+
medium?: SpecialtyTankMedium;
|
|
13
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
14
|
+
static?: boolean;
|
|
15
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
16
|
+
showIcon?: boolean;
|
|
17
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
18
|
+
tag?: string;
|
|
19
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
20
|
+
positioning?: TankPositioning;
|
|
21
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
22
|
+
clickable?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
25
|
+
*
|
|
26
|
+
* Available when `clickable==true`.
|
|
27
|
+
*/
|
|
28
|
+
activated?: boolean;
|
|
29
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
30
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
31
|
+
/** Alert badge, second in the badge row. */
|
|
32
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
33
|
+
/** Interlock badge, third in the badge row. */
|
|
34
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
35
|
+
/** Command-locked badge, last in the badge row. */
|
|
36
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
37
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
38
|
+
alert?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Shape of the alert frame.
|
|
41
|
+
*
|
|
42
|
+
* Available when `alert==true`.
|
|
43
|
+
*/
|
|
44
|
+
alertFrameType?: ObcAlertFrameType;
|
|
45
|
+
/**
|
|
46
|
+
* Thickness of the alert frame.
|
|
47
|
+
*
|
|
48
|
+
* Available when `alert==true`.
|
|
49
|
+
*/
|
|
50
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
51
|
+
/**
|
|
52
|
+
* Alert status the frame is coloured for.
|
|
53
|
+
*
|
|
54
|
+
* Available when `alert==true`.
|
|
55
|
+
*/
|
|
56
|
+
alertFrameStatus?: AlertType;
|
|
57
|
+
/**
|
|
58
|
+
* Shows the alert category icon inside the frame.
|
|
59
|
+
*
|
|
60
|
+
* Available when `alert==true`.
|
|
61
|
+
*/
|
|
62
|
+
showAlertCategoryIcon?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Shows the slotted alert icon inside the frame.
|
|
65
|
+
*
|
|
66
|
+
* Available when `alert==true`.
|
|
67
|
+
*/
|
|
68
|
+
showAlertIcon?: boolean;
|
|
69
|
+
}
|
|
70
|
+
export interface Events {
|
|
71
|
+
onClick?: (event: CustomEvent<unknown>) => void;
|
|
72
|
+
}
|
|
73
|
+
export interface Slots {
|
|
74
|
+
badges?: Snippet;
|
|
75
|
+
tagSnippet?: Snippet;
|
|
76
|
+
alertIcon?: Snippet;
|
|
77
|
+
alertLabel?: Snippet;
|
|
78
|
+
alertTimer?: Snippet;
|
|
79
|
+
}
|
|
80
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
81
|
+
declare const ObcHeatExchanger: import("svelte").Component<$$ComponentProps, {
|
|
82
|
+
SpecialtyTankMedium: typeof SpecialtyTankMedium;
|
|
83
|
+
TankPositioning: typeof TankPositioning;
|
|
84
|
+
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
85
|
+
AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
|
|
86
|
+
AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
|
|
87
|
+
AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
|
|
88
|
+
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
89
|
+
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
90
|
+
AlertType: typeof AlertType;
|
|
91
|
+
}, "">;
|
|
92
|
+
type ObcHeatExchanger = ReturnType<typeof ObcHeatExchanger>;
|
|
93
|
+
export default ObcHeatExchanger;
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
4
|
+
export type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
5
|
+
export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
6
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
7
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
8
|
+
import '@oicl/openbridge-webcomponents/dist/automation/heat-pump/heat-pump.js';
|
|
9
|
+
import { setProperties, forwardEvents } from "../../util.js";
|
|
10
|
+
import type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
11
|
+
import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
12
|
+
import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
13
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
14
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
15
|
+
import type { Snippet } from 'svelte';
|
|
16
|
+
|
|
17
|
+
export interface Props {
|
|
18
|
+
class?: string;
|
|
19
|
+
style?: string;
|
|
20
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
21
|
+
medium?: SpecialtyTankMedium;
|
|
22
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
23
|
+
static?: boolean;
|
|
24
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
25
|
+
showIcon?: boolean;
|
|
26
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
27
|
+
tag?: string;
|
|
28
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
29
|
+
positioning?: TankPositioning;
|
|
30
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
31
|
+
clickable?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
34
|
+
*
|
|
35
|
+
* Available when `clickable==true`.
|
|
36
|
+
*/
|
|
37
|
+
activated?: boolean;
|
|
38
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
39
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
40
|
+
/** Alert badge, second in the badge row. */
|
|
41
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
42
|
+
/** Interlock badge, third in the badge row. */
|
|
43
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
44
|
+
/** Command-locked badge, last in the badge row. */
|
|
45
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
46
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
47
|
+
alert?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Shape of the alert frame.
|
|
50
|
+
*
|
|
51
|
+
* Available when `alert==true`.
|
|
52
|
+
*/
|
|
53
|
+
alertFrameType?: ObcAlertFrameType;
|
|
54
|
+
/**
|
|
55
|
+
* Thickness of the alert frame.
|
|
56
|
+
*
|
|
57
|
+
* Available when `alert==true`.
|
|
58
|
+
*/
|
|
59
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
60
|
+
/**
|
|
61
|
+
* Alert status the frame is coloured for.
|
|
62
|
+
*
|
|
63
|
+
* Available when `alert==true`.
|
|
64
|
+
*/
|
|
65
|
+
alertFrameStatus?: AlertType;
|
|
66
|
+
/**
|
|
67
|
+
* Shows the alert category icon inside the frame.
|
|
68
|
+
*
|
|
69
|
+
* Available when `alert==true`.
|
|
70
|
+
*/
|
|
71
|
+
showAlertCategoryIcon?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Shows the slotted alert icon inside the frame.
|
|
74
|
+
*
|
|
75
|
+
* Available when `alert==true`.
|
|
76
|
+
*/
|
|
77
|
+
showAlertIcon?: boolean
|
|
78
|
+
}
|
|
79
|
+
export interface Events {
|
|
80
|
+
onClick?: (event: CustomEvent<unknown>) => void
|
|
81
|
+
}
|
|
82
|
+
export interface Slots {
|
|
83
|
+
badges?: Snippet;
|
|
84
|
+
tagSnippet?: Snippet;
|
|
85
|
+
alertIcon?: Snippet;
|
|
86
|
+
alertLabel?: Snippet;
|
|
87
|
+
alertTimer?: Snippet
|
|
88
|
+
}
|
|
89
|
+
const {onClick, class: className, style, badges, tagSnippet, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
|
|
90
|
+
|
|
91
|
+
</script>
|
|
92
|
+
<obc-heat-pump
|
|
93
|
+
use:setProperties={props}
|
|
94
|
+
class={className}
|
|
95
|
+
style={style}
|
|
96
|
+
use:forwardEvents={{'click': onClick}} >
|
|
97
|
+
|
|
98
|
+
{#if badges}
|
|
99
|
+
<div slot="badges">
|
|
100
|
+
{@render badges()}
|
|
101
|
+
</div>
|
|
102
|
+
{/if}
|
|
103
|
+
|
|
104
|
+
{#if tagSnippet}
|
|
105
|
+
<div slot="tag">
|
|
106
|
+
{@render tagSnippet()}
|
|
107
|
+
</div>
|
|
108
|
+
{/if}
|
|
109
|
+
|
|
110
|
+
{#if alertIcon}
|
|
111
|
+
<div slot="alert-icon">
|
|
112
|
+
{@render alertIcon()}
|
|
113
|
+
</div>
|
|
114
|
+
{/if}
|
|
115
|
+
|
|
116
|
+
{#if alertLabel}
|
|
117
|
+
<div slot="alert-label">
|
|
118
|
+
{@render alertLabel()}
|
|
119
|
+
</div>
|
|
120
|
+
{/if}
|
|
121
|
+
|
|
122
|
+
{#if alertTimer}
|
|
123
|
+
<div slot="alert-timer">
|
|
124
|
+
{@render alertTimer()}
|
|
125
|
+
</div>
|
|
126
|
+
{/if}
|
|
127
|
+
</obc-heat-pump>
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/automation/heat-pump/heat-pump.js';
|
|
2
|
+
import type { SpecialtyTankMedium } from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
3
|
+
import type { TankPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
4
|
+
import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
5
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
export interface Props {
|
|
9
|
+
class?: string;
|
|
10
|
+
style?: string;
|
|
11
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
12
|
+
medium?: SpecialtyTankMedium;
|
|
13
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
14
|
+
static?: boolean;
|
|
15
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
16
|
+
showIcon?: boolean;
|
|
17
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
18
|
+
tag?: string;
|
|
19
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
20
|
+
positioning?: TankPositioning;
|
|
21
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
22
|
+
clickable?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
25
|
+
*
|
|
26
|
+
* Available when `clickable==true`.
|
|
27
|
+
*/
|
|
28
|
+
activated?: boolean;
|
|
29
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
30
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
31
|
+
/** Alert badge, second in the badge row. */
|
|
32
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
33
|
+
/** Interlock badge, third in the badge row. */
|
|
34
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
35
|
+
/** Command-locked badge, last in the badge row. */
|
|
36
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
37
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
38
|
+
alert?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Shape of the alert frame.
|
|
41
|
+
*
|
|
42
|
+
* Available when `alert==true`.
|
|
43
|
+
*/
|
|
44
|
+
alertFrameType?: ObcAlertFrameType;
|
|
45
|
+
/**
|
|
46
|
+
* Thickness of the alert frame.
|
|
47
|
+
*
|
|
48
|
+
* Available when `alert==true`.
|
|
49
|
+
*/
|
|
50
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
51
|
+
/**
|
|
52
|
+
* Alert status the frame is coloured for.
|
|
53
|
+
*
|
|
54
|
+
* Available when `alert==true`.
|
|
55
|
+
*/
|
|
56
|
+
alertFrameStatus?: AlertType;
|
|
57
|
+
/**
|
|
58
|
+
* Shows the alert category icon inside the frame.
|
|
59
|
+
*
|
|
60
|
+
* Available when `alert==true`.
|
|
61
|
+
*/
|
|
62
|
+
showAlertCategoryIcon?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Shows the slotted alert icon inside the frame.
|
|
65
|
+
*
|
|
66
|
+
* Available when `alert==true`.
|
|
67
|
+
*/
|
|
68
|
+
showAlertIcon?: boolean;
|
|
69
|
+
}
|
|
70
|
+
export interface Events {
|
|
71
|
+
onClick?: (event: CustomEvent<unknown>) => void;
|
|
72
|
+
}
|
|
73
|
+
export interface Slots {
|
|
74
|
+
badges?: Snippet;
|
|
75
|
+
tagSnippet?: Snippet;
|
|
76
|
+
alertIcon?: Snippet;
|
|
77
|
+
alertLabel?: Snippet;
|
|
78
|
+
alertTimer?: Snippet;
|
|
79
|
+
}
|
|
80
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
81
|
+
declare const ObcHeatPump: import("svelte").Component<$$ComponentProps, {
|
|
82
|
+
SpecialtyTankMedium: typeof SpecialtyTankMedium;
|
|
83
|
+
TankPositioning: typeof TankPositioning;
|
|
84
|
+
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
85
|
+
AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
|
|
86
|
+
AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
|
|
87
|
+
AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
|
|
88
|
+
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
89
|
+
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
90
|
+
AlertType: typeof AlertType;
|
|
91
|
+
}, "">;
|
|
92
|
+
type ObcHeatPump = ReturnType<typeof ObcHeatPump>;
|
|
93
|
+
export default ObcHeatPump;
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
4
|
+
export type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
5
|
+
export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
6
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
7
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
8
|
+
import '@oicl/openbridge-webcomponents/dist/automation/hydraulic-separator/hydraulic-separator.js';
|
|
9
|
+
import { setProperties, forwardEvents } from "../../util.js";
|
|
10
|
+
import type {SpecialtyTankMedium} from '@oicl/openbridge-webcomponents/dist/automation/specialty-tank/abstract-specialty-tank.js';
|
|
11
|
+
import type {TankPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/tank-positioning.js';
|
|
12
|
+
import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
13
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
14
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
15
|
+
import type { Snippet } from 'svelte';
|
|
16
|
+
|
|
17
|
+
export interface Props {
|
|
18
|
+
class?: string;
|
|
19
|
+
style?: string;
|
|
20
|
+
/** What the graphic area shows: `regular` (one grey area), `graphic` (two grey halves) or `medium` (hot/cold halves). */
|
|
21
|
+
medium?: SpecialtyTankMedium;
|
|
22
|
+
/** Display-only tile with a flat grey frame and a bare icon, rendered as a non-interactive `<div role="img">`. Hides the graphic area. */
|
|
23
|
+
static?: boolean;
|
|
24
|
+
/** Show the equipment icon centered on the graphic area. */
|
|
25
|
+
showIcon?: boolean;
|
|
26
|
+
/** Identifier rendered in the tag readout below the frame (for example `#0000`); also the accessible name. The cell collapses when empty. */
|
|
27
|
+
tag?: string;
|
|
28
|
+
/** Host positioning model — see `TankPositioning`. `button` (default) fills the parent, `point` uses the fixed design footprint with the P&ID anchor. */
|
|
29
|
+
positioning?: TankPositioning;
|
|
30
|
+
/** Whether the tile is interactive. `false` keeps the resting appearance but drops hover, pressed and focus states and leaves the tab order; property-only because the default is `true`. */
|
|
31
|
+
clickable?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Paints the activated background on the halo. Needs an interactive tile.
|
|
34
|
+
*
|
|
35
|
+
* Available when `clickable==true`.
|
|
36
|
+
*/
|
|
37
|
+
activated?: boolean;
|
|
38
|
+
/** Mode badge (auto / manual / local variants), first in the badge row. */
|
|
39
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
40
|
+
/** Alert badge, second in the badge row. */
|
|
41
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
42
|
+
/** Interlock badge, third in the badge row. */
|
|
43
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
44
|
+
/** Command-locked badge, last in the badge row. */
|
|
45
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
46
|
+
/** Show an alert-frame overlay around the halo, mirroring `obc-automation-tank`. */
|
|
47
|
+
alert?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Shape of the alert frame.
|
|
50
|
+
*
|
|
51
|
+
* Available when `alert==true`.
|
|
52
|
+
*/
|
|
53
|
+
alertFrameType?: ObcAlertFrameType;
|
|
54
|
+
/**
|
|
55
|
+
* Thickness of the alert frame.
|
|
56
|
+
*
|
|
57
|
+
* Available when `alert==true`.
|
|
58
|
+
*/
|
|
59
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
60
|
+
/**
|
|
61
|
+
* Alert status the frame is coloured for.
|
|
62
|
+
*
|
|
63
|
+
* Available when `alert==true`.
|
|
64
|
+
*/
|
|
65
|
+
alertFrameStatus?: AlertType;
|
|
66
|
+
/**
|
|
67
|
+
* Shows the alert category icon inside the frame.
|
|
68
|
+
*
|
|
69
|
+
* Available when `alert==true`.
|
|
70
|
+
*/
|
|
71
|
+
showAlertCategoryIcon?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Shows the slotted alert icon inside the frame.
|
|
74
|
+
*
|
|
75
|
+
* Available when `alert==true`.
|
|
76
|
+
*/
|
|
77
|
+
showAlertIcon?: boolean
|
|
78
|
+
}
|
|
79
|
+
export interface Events {
|
|
80
|
+
onClick?: (event: CustomEvent<unknown>) => void
|
|
81
|
+
}
|
|
82
|
+
export interface Slots {
|
|
83
|
+
badges?: Snippet;
|
|
84
|
+
tagSnippet?: Snippet;
|
|
85
|
+
alertIcon?: Snippet;
|
|
86
|
+
alertLabel?: Snippet;
|
|
87
|
+
alertTimer?: Snippet
|
|
88
|
+
}
|
|
89
|
+
const {onClick, class: className, style, badges, tagSnippet, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
|
|
90
|
+
|
|
91
|
+
</script>
|
|
92
|
+
<obc-hydraulic-separator
|
|
93
|
+
use:setProperties={props}
|
|
94
|
+
class={className}
|
|
95
|
+
style={style}
|
|
96
|
+
use:forwardEvents={{'click': onClick}} >
|
|
97
|
+
|
|
98
|
+
{#if badges}
|
|
99
|
+
<div slot="badges">
|
|
100
|
+
{@render badges()}
|
|
101
|
+
</div>
|
|
102
|
+
{/if}
|
|
103
|
+
|
|
104
|
+
{#if tagSnippet}
|
|
105
|
+
<div slot="tag">
|
|
106
|
+
{@render tagSnippet()}
|
|
107
|
+
</div>
|
|
108
|
+
{/if}
|
|
109
|
+
|
|
110
|
+
{#if alertIcon}
|
|
111
|
+
<div slot="alert-icon">
|
|
112
|
+
{@render alertIcon()}
|
|
113
|
+
</div>
|
|
114
|
+
{/if}
|
|
115
|
+
|
|
116
|
+
{#if alertLabel}
|
|
117
|
+
<div slot="alert-label">
|
|
118
|
+
{@render alertLabel()}
|
|
119
|
+
</div>
|
|
120
|
+
{/if}
|
|
121
|
+
|
|
122
|
+
{#if alertTimer}
|
|
123
|
+
<div slot="alert-timer">
|
|
124
|
+
{@render alertTimer()}
|
|
125
|
+
</div>
|
|
126
|
+
{/if}
|
|
127
|
+
</obc-hydraulic-separator>
|