@oicl/openbridge-webcomponents-svelte 2.1.0-next.3 → 2.1.0-next.4
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/analog-threeway-valve/ObcAnalogThreewayValve.svelte +110 -0
- package/dist/automation/analog-threeway-valve/ObcAnalogThreewayValve.svelte.d.ts +90 -0
- package/dist/automation/digital-threeway-valve/ObcDigitalThreewayValve.svelte +110 -0
- package/dist/automation/digital-threeway-valve/ObcDigitalThreewayValve.svelte.d.ts +90 -0
- package/dist/automation/valve-analog-three-way-icon/ObcValveAnalogThreeWayIcon.svelte +20 -6
- package/dist/automation/valve-analog-three-way-icon/ObcValveAnalogThreeWayIcon.svelte.d.ts +22 -5
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/package.json +2 -2
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
4
|
+
export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
5
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
7
|
+
export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
8
|
+
export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
9
|
+
export type {ThreewayValveOrientation, ThreewayValveFlow} from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
10
|
+
export type {AnalogThreewayValveVariant} from '@oicl/openbridge-webcomponents/dist/automation/analog-threeway-valve/analog-threeway-valve.js';
|
|
11
|
+
import '@oicl/openbridge-webcomponents/dist/automation/analog-threeway-valve/analog-threeway-valve.js';
|
|
12
|
+
import { setProperties, forwardEvents } from "../../util.js";
|
|
13
|
+
import NamedSlot from "../../NamedSlot.svelte";
|
|
14
|
+
import type {AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
15
|
+
import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
16
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
17
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
18
|
+
import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
19
|
+
import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
20
|
+
import type {ThreewayValveOrientation, ThreewayValveFlow} from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
21
|
+
import type {AnalogThreewayValveVariant} from '@oicl/openbridge-webcomponents/dist/automation/analog-threeway-valve/analog-threeway-valve.js';
|
|
22
|
+
import type { Snippet } from 'svelte';
|
|
23
|
+
|
|
24
|
+
export interface Props {
|
|
25
|
+
class?: string;
|
|
26
|
+
style?: string;
|
|
27
|
+
showReadoutStack?: boolean;
|
|
28
|
+
/** Available when `showReadoutStack==true`. */
|
|
29
|
+
readoutPosition?: AutomationButtonReadoutPosition;
|
|
30
|
+
/** Available when `showReadoutStack==true`. */
|
|
31
|
+
showStatus?: boolean;
|
|
32
|
+
/** Available when `showReadoutStack==true`. */
|
|
33
|
+
readoutSize?: AutomationButtonReadoutStackSize;
|
|
34
|
+
/** Available when `showReadoutStack==true`. */
|
|
35
|
+
tag?: string | null;
|
|
36
|
+
positioning?: AutomationButtonPositioning;
|
|
37
|
+
/** Enables the activated background color, used to indicate that the button is activated/selected. */
|
|
38
|
+
activated?: boolean;
|
|
39
|
+
alert?: boolean;
|
|
40
|
+
/** Available when `alert==true`. */
|
|
41
|
+
alertFrameType?: ObcAlertFrameType;
|
|
42
|
+
/** Available when `alert==true`. */
|
|
43
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
44
|
+
/** Available when `alert==true`. */
|
|
45
|
+
alertFrameStatus?: AlertType;
|
|
46
|
+
/** Available when `alert==true`. */
|
|
47
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
48
|
+
/** Available when `alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
49
|
+
showAlertCategoryIcon?: boolean;
|
|
50
|
+
/** Available when `alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
51
|
+
showAlertIcon?: boolean;
|
|
52
|
+
/** Shows a progress indicator, used to indicate that an user action is in progress */
|
|
53
|
+
progress?: boolean;
|
|
54
|
+
/** Available when `progress==true`. */
|
|
55
|
+
progressMode?: CircularProgressMode;
|
|
56
|
+
/** Available when `progress==true && progressMode in [determinate, progressiveIndeterminate]`. */
|
|
57
|
+
progressValue?: number;
|
|
58
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
59
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
60
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
61
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
62
|
+
/** Opening of port 1 in percent (0–100). */
|
|
63
|
+
open1?: number;
|
|
64
|
+
/** Opening of port 2, the stem, in percent (0–100). */
|
|
65
|
+
open2?: number;
|
|
66
|
+
/** Opening of port 3 in percent (0–100). */
|
|
67
|
+
open3?: number;
|
|
68
|
+
/** Side the stem points to. */
|
|
69
|
+
orientation?: ThreewayValveOrientation;
|
|
70
|
+
/** Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state. */
|
|
71
|
+
flows?: ThreewayValveFlow[];
|
|
72
|
+
/** Visual style of the button surround. */
|
|
73
|
+
variant?: AnalogThreewayValveVariant
|
|
74
|
+
}
|
|
75
|
+
export interface Events {
|
|
76
|
+
onClick?: (event: CustomEvent<unknown>) => void
|
|
77
|
+
}
|
|
78
|
+
export interface Slots {
|
|
79
|
+
badgeTopRight?: Snippet;
|
|
80
|
+
badgeTopLeft?: Snippet;
|
|
81
|
+
badgeBottomLeft?: Snippet;
|
|
82
|
+
badgeBottomRight?: Snippet
|
|
83
|
+
}
|
|
84
|
+
const {onClick, class: className, style, badgeTopRight, badgeTopLeft, badgeBottomLeft, badgeBottomRight, ...props} = $props<Props & Events & Slots>();
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
</script>
|
|
88
|
+
<obc-analog-threeway-valve
|
|
89
|
+
use:setProperties={props}
|
|
90
|
+
|
|
91
|
+
class={className}
|
|
92
|
+
style={style}
|
|
93
|
+
use:forwardEvents={{'click': onClick}} >
|
|
94
|
+
|
|
95
|
+
{#if badgeTopRight}
|
|
96
|
+
<NamedSlot name="badge-top-right" content={badgeTopRight} />
|
|
97
|
+
{/if}
|
|
98
|
+
|
|
99
|
+
{#if badgeTopLeft}
|
|
100
|
+
<NamedSlot name="badge-top-left" content={badgeTopLeft} />
|
|
101
|
+
{/if}
|
|
102
|
+
|
|
103
|
+
{#if badgeBottomLeft}
|
|
104
|
+
<NamedSlot name="badge-bottom-left" content={badgeBottomLeft} />
|
|
105
|
+
{/if}
|
|
106
|
+
|
|
107
|
+
{#if badgeBottomRight}
|
|
108
|
+
<NamedSlot name="badge-bottom-right" content={badgeBottomRight} />
|
|
109
|
+
{/if}
|
|
110
|
+
</obc-analog-threeway-valve>
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/automation/analog-threeway-valve/analog-threeway-valve.js';
|
|
2
|
+
import type { AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
3
|
+
import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
4
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
5
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
6
|
+
import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
7
|
+
import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
8
|
+
import type { ThreewayValveOrientation, ThreewayValveFlow } from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
9
|
+
import type { AnalogThreewayValveVariant } from '@oicl/openbridge-webcomponents/dist/automation/analog-threeway-valve/analog-threeway-valve.js';
|
|
10
|
+
import type { Snippet } from 'svelte';
|
|
11
|
+
export interface Props {
|
|
12
|
+
class?: string;
|
|
13
|
+
style?: string;
|
|
14
|
+
showReadoutStack?: boolean;
|
|
15
|
+
/** Available when `showReadoutStack==true`. */
|
|
16
|
+
readoutPosition?: AutomationButtonReadoutPosition;
|
|
17
|
+
/** Available when `showReadoutStack==true`. */
|
|
18
|
+
showStatus?: boolean;
|
|
19
|
+
/** Available when `showReadoutStack==true`. */
|
|
20
|
+
readoutSize?: AutomationButtonReadoutStackSize;
|
|
21
|
+
/** Available when `showReadoutStack==true`. */
|
|
22
|
+
tag?: string | null;
|
|
23
|
+
positioning?: AutomationButtonPositioning;
|
|
24
|
+
/** Enables the activated background color, used to indicate that the button is activated/selected. */
|
|
25
|
+
activated?: boolean;
|
|
26
|
+
alert?: boolean;
|
|
27
|
+
/** Available when `alert==true`. */
|
|
28
|
+
alertFrameType?: ObcAlertFrameType;
|
|
29
|
+
/** Available when `alert==true`. */
|
|
30
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
31
|
+
/** Available when `alert==true`. */
|
|
32
|
+
alertFrameStatus?: AlertType;
|
|
33
|
+
/** Available when `alert==true`. */
|
|
34
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
35
|
+
/** Available when `alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
36
|
+
showAlertCategoryIcon?: boolean;
|
|
37
|
+
/** Available when `alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
38
|
+
showAlertIcon?: boolean;
|
|
39
|
+
/** Shows a progress indicator, used to indicate that an user action is in progress */
|
|
40
|
+
progress?: boolean;
|
|
41
|
+
/** Available when `progress==true`. */
|
|
42
|
+
progressMode?: CircularProgressMode;
|
|
43
|
+
/** Available when `progress==true && progressMode in [determinate, progressiveIndeterminate]`. */
|
|
44
|
+
progressValue?: number;
|
|
45
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
46
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
47
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
48
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
49
|
+
/** Opening of port 1 in percent (0–100). */
|
|
50
|
+
open1?: number;
|
|
51
|
+
/** Opening of port 2, the stem, in percent (0–100). */
|
|
52
|
+
open2?: number;
|
|
53
|
+
/** Opening of port 3 in percent (0–100). */
|
|
54
|
+
open3?: number;
|
|
55
|
+
/** Side the stem points to. */
|
|
56
|
+
orientation?: ThreewayValveOrientation;
|
|
57
|
+
/** Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state. */
|
|
58
|
+
flows?: ThreewayValveFlow[];
|
|
59
|
+
/** Visual style of the button surround. */
|
|
60
|
+
variant?: AnalogThreewayValveVariant;
|
|
61
|
+
}
|
|
62
|
+
export interface Events {
|
|
63
|
+
onClick?: (event: CustomEvent<unknown>) => void;
|
|
64
|
+
}
|
|
65
|
+
export interface Slots {
|
|
66
|
+
badgeTopRight?: Snippet;
|
|
67
|
+
badgeTopLeft?: Snippet;
|
|
68
|
+
badgeBottomLeft?: Snippet;
|
|
69
|
+
badgeBottomRight?: Snippet;
|
|
70
|
+
}
|
|
71
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
72
|
+
declare const ObcAnalogThreewayValve: import("svelte").Component<$$ComponentProps, {
|
|
73
|
+
AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
|
|
74
|
+
AutomationButtonPositioning: typeof AutomationButtonPositioning;
|
|
75
|
+
AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
|
|
76
|
+
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
77
|
+
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
78
|
+
ObcAlertFrameMode: typeof ObcAlertFrameMode;
|
|
79
|
+
AlertType: typeof AlertType;
|
|
80
|
+
CircularProgressMode: typeof CircularProgressMode;
|
|
81
|
+
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
82
|
+
AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
|
|
83
|
+
AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
|
|
84
|
+
AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
|
|
85
|
+
ThreewayValveOrientation: typeof ThreewayValveOrientation;
|
|
86
|
+
ThreewayValveFlow: typeof ThreewayValveFlow;
|
|
87
|
+
AnalogThreewayValveVariant: typeof AnalogThreewayValveVariant;
|
|
88
|
+
}, "">;
|
|
89
|
+
type ObcAnalogThreewayValve = ReturnType<typeof ObcAnalogThreewayValve>;
|
|
90
|
+
export default ObcAnalogThreewayValve;
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
4
|
+
export type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
5
|
+
export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
6
|
+
export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
7
|
+
export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
8
|
+
export type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
9
|
+
export type {ThreewayValveOrientation, ThreewayValveFlow} from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
10
|
+
export type {DigitalThreewayValveVariant} from '@oicl/openbridge-webcomponents/dist/automation/digital-threeway-valve/digital-threeway-valve.js';
|
|
11
|
+
import '@oicl/openbridge-webcomponents/dist/automation/digital-threeway-valve/digital-threeway-valve.js';
|
|
12
|
+
import { setProperties, forwardEvents } from "../../util.js";
|
|
13
|
+
import NamedSlot from "../../NamedSlot.svelte";
|
|
14
|
+
import type {AutomationButtonReadoutPosition, AutomationButtonPositioning} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
15
|
+
import type {AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
16
|
+
import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
17
|
+
import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
18
|
+
import type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
19
|
+
import type {AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
20
|
+
import type {ThreewayValveOrientation, ThreewayValveFlow} from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
21
|
+
import type {DigitalThreewayValveVariant} from '@oicl/openbridge-webcomponents/dist/automation/digital-threeway-valve/digital-threeway-valve.js';
|
|
22
|
+
import type { Snippet } from 'svelte';
|
|
23
|
+
|
|
24
|
+
export interface Props {
|
|
25
|
+
class?: string;
|
|
26
|
+
style?: string;
|
|
27
|
+
showReadoutStack?: boolean;
|
|
28
|
+
/** Available when `showReadoutStack==true`. */
|
|
29
|
+
readoutPosition?: AutomationButtonReadoutPosition;
|
|
30
|
+
/** Available when `showReadoutStack==true`. */
|
|
31
|
+
showStatus?: boolean;
|
|
32
|
+
/** Available when `showReadoutStack==true`. */
|
|
33
|
+
readoutSize?: AutomationButtonReadoutStackSize;
|
|
34
|
+
/** Available when `showReadoutStack==true`. */
|
|
35
|
+
tag?: string | null;
|
|
36
|
+
positioning?: AutomationButtonPositioning;
|
|
37
|
+
/** Enables the activated background color, used to indicate that the button is activated/selected. */
|
|
38
|
+
activated?: boolean;
|
|
39
|
+
alert?: boolean;
|
|
40
|
+
/** Available when `alert==true`. */
|
|
41
|
+
alertFrameType?: ObcAlertFrameType;
|
|
42
|
+
/** Available when `alert==true`. */
|
|
43
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
44
|
+
/** Available when `alert==true`. */
|
|
45
|
+
alertFrameStatus?: AlertType;
|
|
46
|
+
/** Available when `alert==true`. */
|
|
47
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
48
|
+
/** Available when `alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
49
|
+
showAlertCategoryIcon?: boolean;
|
|
50
|
+
/** Available when `alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
51
|
+
showAlertIcon?: boolean;
|
|
52
|
+
/** Shows a progress indicator, used to indicate that an user action is in progress */
|
|
53
|
+
progress?: boolean;
|
|
54
|
+
/** Available when `progress==true`. */
|
|
55
|
+
progressMode?: CircularProgressMode;
|
|
56
|
+
/** Available when `progress==true && progressMode in [determinate, progressiveIndeterminate]`. */
|
|
57
|
+
progressValue?: number;
|
|
58
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
59
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
60
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
61
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
62
|
+
/** Opens port 1. */
|
|
63
|
+
open1?: boolean;
|
|
64
|
+
/** Opens port 2, the stem. */
|
|
65
|
+
open2?: boolean;
|
|
66
|
+
/** Opens port 3. */
|
|
67
|
+
open3?: boolean;
|
|
68
|
+
/** Side the stem points to. */
|
|
69
|
+
orientation?: ThreewayValveOrientation;
|
|
70
|
+
/** Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state. */
|
|
71
|
+
flows?: ThreewayValveFlow[];
|
|
72
|
+
/** Visual style of the button surround. */
|
|
73
|
+
variant?: DigitalThreewayValveVariant
|
|
74
|
+
}
|
|
75
|
+
export interface Events {
|
|
76
|
+
onClick?: (event: CustomEvent<unknown>) => void
|
|
77
|
+
}
|
|
78
|
+
export interface Slots {
|
|
79
|
+
badgeTopRight?: Snippet;
|
|
80
|
+
badgeTopLeft?: Snippet;
|
|
81
|
+
badgeBottomLeft?: Snippet;
|
|
82
|
+
badgeBottomRight?: Snippet
|
|
83
|
+
}
|
|
84
|
+
const {onClick, class: className, style, badgeTopRight, badgeTopLeft, badgeBottomLeft, badgeBottomRight, ...props} = $props<Props & Events & Slots>();
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
</script>
|
|
88
|
+
<obc-digital-threeway-valve
|
|
89
|
+
use:setProperties={props}
|
|
90
|
+
|
|
91
|
+
class={className}
|
|
92
|
+
style={style}
|
|
93
|
+
use:forwardEvents={{'click': onClick}} >
|
|
94
|
+
|
|
95
|
+
{#if badgeTopRight}
|
|
96
|
+
<NamedSlot name="badge-top-right" content={badgeTopRight} />
|
|
97
|
+
{/if}
|
|
98
|
+
|
|
99
|
+
{#if badgeTopLeft}
|
|
100
|
+
<NamedSlot name="badge-top-left" content={badgeTopLeft} />
|
|
101
|
+
{/if}
|
|
102
|
+
|
|
103
|
+
{#if badgeBottomLeft}
|
|
104
|
+
<NamedSlot name="badge-bottom-left" content={badgeBottomLeft} />
|
|
105
|
+
{/if}
|
|
106
|
+
|
|
107
|
+
{#if badgeBottomRight}
|
|
108
|
+
<NamedSlot name="badge-bottom-right" content={badgeBottomRight} />
|
|
109
|
+
{/if}
|
|
110
|
+
</obc-digital-threeway-valve>
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/automation/digital-threeway-valve/digital-threeway-valve.js';
|
|
2
|
+
import type { AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
|
|
3
|
+
import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
|
|
4
|
+
import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
|
|
5
|
+
import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
|
|
6
|
+
import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
|
|
7
|
+
import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
|
|
8
|
+
import type { ThreewayValveOrientation, ThreewayValveFlow } from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
9
|
+
import type { DigitalThreewayValveVariant } from '@oicl/openbridge-webcomponents/dist/automation/digital-threeway-valve/digital-threeway-valve.js';
|
|
10
|
+
import type { Snippet } from 'svelte';
|
|
11
|
+
export interface Props {
|
|
12
|
+
class?: string;
|
|
13
|
+
style?: string;
|
|
14
|
+
showReadoutStack?: boolean;
|
|
15
|
+
/** Available when `showReadoutStack==true`. */
|
|
16
|
+
readoutPosition?: AutomationButtonReadoutPosition;
|
|
17
|
+
/** Available when `showReadoutStack==true`. */
|
|
18
|
+
showStatus?: boolean;
|
|
19
|
+
/** Available when `showReadoutStack==true`. */
|
|
20
|
+
readoutSize?: AutomationButtonReadoutStackSize;
|
|
21
|
+
/** Available when `showReadoutStack==true`. */
|
|
22
|
+
tag?: string | null;
|
|
23
|
+
positioning?: AutomationButtonPositioning;
|
|
24
|
+
/** Enables the activated background color, used to indicate that the button is activated/selected. */
|
|
25
|
+
activated?: boolean;
|
|
26
|
+
alert?: boolean;
|
|
27
|
+
/** Available when `alert==true`. */
|
|
28
|
+
alertFrameType?: ObcAlertFrameType;
|
|
29
|
+
/** Available when `alert==true`. */
|
|
30
|
+
alertFrameThickness?: ObcAlertFrameThickness;
|
|
31
|
+
/** Available when `alert==true`. */
|
|
32
|
+
alertFrameStatus?: AlertType;
|
|
33
|
+
/** Available when `alert==true`. */
|
|
34
|
+
alertFrameMode?: ObcAlertFrameMode;
|
|
35
|
+
/** Available when `alert==true && alertFrameType in [SmallSideFlip, LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
36
|
+
showAlertCategoryIcon?: boolean;
|
|
37
|
+
/** Available when `alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip]`. */
|
|
38
|
+
showAlertIcon?: boolean;
|
|
39
|
+
/** Shows a progress indicator, used to indicate that an user action is in progress */
|
|
40
|
+
progress?: boolean;
|
|
41
|
+
/** Available when `progress==true`. */
|
|
42
|
+
progressMode?: CircularProgressMode;
|
|
43
|
+
/** Available when `progress==true && progressMode in [determinate, progressiveIndeterminate]`. */
|
|
44
|
+
progressValue?: number;
|
|
45
|
+
badgeControl?: AutomationButtonBadgeControl;
|
|
46
|
+
badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
|
|
47
|
+
badgeInterlock?: AutomationButtonBadgeInterlock;
|
|
48
|
+
badgeAlert?: AutomationButtonBadgeAlert;
|
|
49
|
+
/** Opens port 1. */
|
|
50
|
+
open1?: boolean;
|
|
51
|
+
/** Opens port 2, the stem. */
|
|
52
|
+
open2?: boolean;
|
|
53
|
+
/** Opens port 3. */
|
|
54
|
+
open3?: boolean;
|
|
55
|
+
/** Side the stem points to. */
|
|
56
|
+
orientation?: ThreewayValveOrientation;
|
|
57
|
+
/** Readout rows, one per flow: an optional arrow direction with either a value and optional unit (default `%`) or `open` for an `Open`/`Closed` state. */
|
|
58
|
+
flows?: ThreewayValveFlow[];
|
|
59
|
+
/** Visual style of the button surround. */
|
|
60
|
+
variant?: DigitalThreewayValveVariant;
|
|
61
|
+
}
|
|
62
|
+
export interface Events {
|
|
63
|
+
onClick?: (event: CustomEvent<unknown>) => void;
|
|
64
|
+
}
|
|
65
|
+
export interface Slots {
|
|
66
|
+
badgeTopRight?: Snippet;
|
|
67
|
+
badgeTopLeft?: Snippet;
|
|
68
|
+
badgeBottomLeft?: Snippet;
|
|
69
|
+
badgeBottomRight?: Snippet;
|
|
70
|
+
}
|
|
71
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
72
|
+
declare const ObcDigitalThreewayValve: import("svelte").Component<$$ComponentProps, {
|
|
73
|
+
AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
|
|
74
|
+
AutomationButtonPositioning: typeof AutomationButtonPositioning;
|
|
75
|
+
AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
|
|
76
|
+
ObcAlertFrameType: typeof ObcAlertFrameType;
|
|
77
|
+
ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
|
|
78
|
+
ObcAlertFrameMode: typeof ObcAlertFrameMode;
|
|
79
|
+
AlertType: typeof AlertType;
|
|
80
|
+
CircularProgressMode: typeof CircularProgressMode;
|
|
81
|
+
AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
|
|
82
|
+
AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
|
|
83
|
+
AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
|
|
84
|
+
AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
|
|
85
|
+
ThreewayValveOrientation: typeof ThreewayValveOrientation;
|
|
86
|
+
ThreewayValveFlow: typeof ThreewayValveFlow;
|
|
87
|
+
DigitalThreewayValveVariant: typeof DigitalThreewayValveVariant;
|
|
88
|
+
}, "">;
|
|
89
|
+
type ObcDigitalThreewayValve = ReturnType<typeof ObcDigitalThreewayValve>;
|
|
90
|
+
export default ObcDigitalThreewayValve;
|
|
@@ -1,18 +1,32 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
|
-
|
|
3
|
+
export type {ThreewayValveOrientation} from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
4
4
|
import '@oicl/openbridge-webcomponents/dist/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.js';
|
|
5
5
|
import { setProperties } from "../../util.js";
|
|
6
|
-
|
|
6
|
+
import type {ThreewayValveOrientation} from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
7
7
|
import type { Snippet } from 'svelte';
|
|
8
8
|
|
|
9
9
|
export interface Props {
|
|
10
10
|
class?: string;
|
|
11
11
|
style?: string;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
/** Opening of port 1 in percent (0–100). */
|
|
13
|
+
open1?: number;
|
|
14
|
+
/** Opening of port 2, the stem, in percent (0–100). */
|
|
15
|
+
open2?: number;
|
|
16
|
+
/** Opening of port 3 in percent (0–100). */
|
|
17
|
+
open3?: number;
|
|
18
|
+
/** Side the stem points to; `bottom` and `top` lay the valve on a horizontal pipe, `left` and `right` on a vertical one. */
|
|
19
|
+
orientation?: ThreewayValveOrientation;
|
|
20
|
+
/** Opening of the right port with the stem up. Setting any of `value`,
|
|
21
|
+
`value2`, `closed` or `horisontal` draws the symbol stem up, with the
|
|
22
|
+
left port fully open, and ignores `open1`–`open3` and `orientation`. */
|
|
23
|
+
value?: number | undefined;
|
|
24
|
+
/** Opening of the top port (the stem). */
|
|
25
|
+
value2?: number | undefined;
|
|
26
|
+
closed?: boolean | undefined;
|
|
27
|
+
/** Makes the stem the fully open port; `value` then opens the left port and
|
|
28
|
+
`value2` the right one. */
|
|
29
|
+
horisontal?: boolean | undefined
|
|
16
30
|
}
|
|
17
31
|
export interface Events {
|
|
18
32
|
|
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/automation/valve-analog-three-way-icon/valve-analog-three-way-icon.js';
|
|
2
|
+
import type { ThreewayValveOrientation } from '@oicl/openbridge-webcomponents/dist/automation/threeway-valve-shared/threeway-valve-shared.js';
|
|
2
3
|
import type { Snippet } from 'svelte';
|
|
3
4
|
export interface Props {
|
|
4
5
|
class?: string;
|
|
5
6
|
style?: string;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
/** Opening of port 1 in percent (0–100). */
|
|
8
|
+
open1?: number;
|
|
9
|
+
/** Opening of port 2, the stem, in percent (0–100). */
|
|
10
|
+
open2?: number;
|
|
11
|
+
/** Opening of port 3 in percent (0–100). */
|
|
12
|
+
open3?: number;
|
|
13
|
+
/** Side the stem points to; `bottom` and `top` lay the valve on a horizontal pipe, `left` and `right` on a vertical one. */
|
|
14
|
+
orientation?: ThreewayValveOrientation;
|
|
15
|
+
/** Opening of the right port with the stem up. Setting any of `value`,
|
|
16
|
+
`value2`, `closed` or `horisontal` draws the symbol stem up, with the
|
|
17
|
+
left port fully open, and ignores `open1`–`open3` and `orientation`. */
|
|
18
|
+
value?: number | undefined;
|
|
19
|
+
/** Opening of the top port (the stem). */
|
|
20
|
+
value2?: number | undefined;
|
|
21
|
+
closed?: boolean | undefined;
|
|
22
|
+
/** Makes the stem the fully open port; `value` then opens the left port and
|
|
23
|
+
`value2` the right one. */
|
|
24
|
+
horisontal?: boolean | undefined;
|
|
10
25
|
}
|
|
11
26
|
export interface Events {
|
|
12
27
|
}
|
|
@@ -14,6 +29,8 @@ export interface Slots {
|
|
|
14
29
|
children?: Snippet;
|
|
15
30
|
}
|
|
16
31
|
type $$ComponentProps = Props & Events & Slots;
|
|
17
|
-
declare const ObcValveAnalogThreeWayIcon: import("svelte").Component<$$ComponentProps, {
|
|
32
|
+
declare const ObcValveAnalogThreeWayIcon: import("svelte").Component<$$ComponentProps, {
|
|
33
|
+
ThreewayValveOrientation: typeof ThreewayValveOrientation;
|
|
34
|
+
}, "">;
|
|
18
35
|
type ObcValveAnalogThreeWayIcon = ReturnType<typeof ObcValveAnalogThreeWayIcon>;
|
|
19
36
|
export default ObcValveAnalogThreeWayIcon;
|
package/dist/index.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ export { default as ObcPoiObjectAton } from './ar/poi-object/ObcPoiObjectAton.sv
|
|
|
25
25
|
export { default as ObcPoiObjectData } from './ar/poi-object/ObcPoiObjectData.svelte';
|
|
26
26
|
export { default as ObcPoiObjectVessel } from './ar/poi-object/ObcPoiObjectVessel.svelte';
|
|
27
27
|
export { default as ObcPoiObject } from './ar/poi-object/ObcPoiObject.svelte';
|
|
28
|
+
export { default as ObcAnalogThreewayValve } from './automation/analog-threeway-valve/ObcAnalogThreewayValve.svelte';
|
|
28
29
|
export { default as ObcAnalogValve } from './automation/analog-valve/ObcAnalogValve.svelte';
|
|
29
30
|
export { default as ObcAutomationBadge } from './automation/automation-badge/ObcAutomationBadge.svelte';
|
|
30
31
|
export { default as ObcAbstractAutomationButtonMotorized } from './automation/automation-button/ObcAbstractAutomationButtonMotorized.svelte';
|
|
@@ -40,6 +41,7 @@ export { default as ObcCapacitor } from './automation/capacitor/ObcCapacitor.sve
|
|
|
40
41
|
export { default as ObcConverter } from './automation/converter/ObcConverter.svelte';
|
|
41
42
|
export { default as ObcCornerLine } from './automation/corner-line/ObcCornerLine.svelte';
|
|
42
43
|
export { default as ObcDamper } from './automation/damper/ObcDamper.svelte';
|
|
44
|
+
export { default as ObcDigitalThreewayValve } from './automation/digital-threeway-valve/ObcDigitalThreewayValve.svelte';
|
|
43
45
|
export { default as ObcDigitalValve } from './automation/digital-valve/ObcDigitalValve.svelte';
|
|
44
46
|
export { default as ObcDiodes } from './automation/diodes/ObcDiodes.svelte';
|
|
45
47
|
export { default as ObcDirectionLine } from './automation/direction-line/ObcDirectionLine.svelte';
|
package/dist/index.js
CHANGED
|
@@ -25,6 +25,7 @@ export { default as ObcPoiObjectAton } from './ar/poi-object/ObcPoiObjectAton.sv
|
|
|
25
25
|
export { default as ObcPoiObjectData } from './ar/poi-object/ObcPoiObjectData.svelte';
|
|
26
26
|
export { default as ObcPoiObjectVessel } from './ar/poi-object/ObcPoiObjectVessel.svelte';
|
|
27
27
|
export { default as ObcPoiObject } from './ar/poi-object/ObcPoiObject.svelte';
|
|
28
|
+
export { default as ObcAnalogThreewayValve } from './automation/analog-threeway-valve/ObcAnalogThreewayValve.svelte';
|
|
28
29
|
export { default as ObcAnalogValve } from './automation/analog-valve/ObcAnalogValve.svelte';
|
|
29
30
|
export { default as ObcAutomationBadge } from './automation/automation-badge/ObcAutomationBadge.svelte';
|
|
30
31
|
export { default as ObcAbstractAutomationButtonMotorized } from './automation/automation-button/ObcAbstractAutomationButtonMotorized.svelte';
|
|
@@ -40,6 +41,7 @@ export { default as ObcCapacitor } from './automation/capacitor/ObcCapacitor.sve
|
|
|
40
41
|
export { default as ObcConverter } from './automation/converter/ObcConverter.svelte';
|
|
41
42
|
export { default as ObcCornerLine } from './automation/corner-line/ObcCornerLine.svelte';
|
|
42
43
|
export { default as ObcDamper } from './automation/damper/ObcDamper.svelte';
|
|
44
|
+
export { default as ObcDigitalThreewayValve } from './automation/digital-threeway-valve/ObcDigitalThreewayValve.svelte';
|
|
43
45
|
export { default as ObcDigitalValve } from './automation/digital-valve/ObcDigitalValve.svelte';
|
|
44
46
|
export { default as ObcDiodes } from './automation/diodes/ObcDiodes.svelte';
|
|
45
47
|
export { default as ObcDirectionLine } from './automation/direction-line/ObcDirectionLine.svelte';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oicl/openbridge-webcomponents-svelte",
|
|
3
|
-
"version": "2.1.0-next.
|
|
3
|
+
"version": "2.1.0-next.4",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"dev": "vite dev",
|
|
6
6
|
"build": "vite build && npm run prepack",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@oicl/openbridge-webcomponents": "^2.1.0-next.
|
|
37
|
+
"@oicl/openbridge-webcomponents": "^2.1.0-next.4"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"svelte": "^5.0.0"
|