@oicl/openbridge-webcomponents-svelte 2.0.0-next.95 → 2.0.0-next.97
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/ar/poi/ObcPoi.svelte +8 -1
- package/dist/ar/poi/ObcPoi.svelte.d.ts +1 -0
- package/dist/ar/poi-layer/ObcPoiLayer.svelte +5 -3
- package/dist/ar/poi-layer/ObcPoiLayer.svelte.d.ts +1 -0
- package/dist/ar/poi-object/ObcPoiObjectAton.svelte +3 -3
- package/dist/automation/automation-badge/ObcAutomationBadge.svelte +11 -4
- package/dist/automation/automation-badge/ObcAutomationBadge.svelte.d.ts +1 -0
- package/dist/automation/automation-button/ObcAutomationButton.svelte +63 -5
- package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts +9 -1
- package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte +28 -5
- package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte.d.ts +4 -1
- package/dist/building-blocks/alert-list/ObcAlertList.svelte +26 -5
- package/dist/building-blocks/alert-list/ObcAlertList.svelte.d.ts +3 -0
- package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte +3 -3
- package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts +1 -0
- package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte +3 -3
- package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts +1 -0
- package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte +1 -8
- package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts +0 -1
- package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte +2 -58
- package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts +0 -8
- package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte +55 -7
- package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte.d.ts +10 -1
- package/dist/components/alert-icon/ObcAlertIcon.svelte +5 -4
- package/dist/components/alert-icon/ObcAlertIcon.svelte.d.ts +5 -4
- package/dist/components/alert-menu/ObcAlertMenu.svelte +13 -57
- package/dist/components/alert-menu/ObcAlertMenu.svelte.d.ts +3 -10
- package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte +15 -1
- package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte.d.ts +2 -0
- package/dist/components/chat-message/ObcChatMessage.svelte +3 -3
- package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte +5 -14
- package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte.d.ts +1 -2
- package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte +13 -7
- package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte.d.ts +8 -1
- package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte +1 -8
- package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte.d.ts +0 -1
- package/dist/components/sequence-card/ObcSequenceCard.svelte +53 -4
- package/dist/components/sequence-card/ObcSequenceCard.svelte.d.ts +7 -0
- package/dist/components/sequence-item/ObcSequenceItem.svelte +28 -5
- package/dist/components/sequence-item/ObcSequenceItem.svelte.d.ts +4 -1
- package/dist/components/sequence-modal/ObcSequenceModal.svelte +13 -6
- package/dist/components/sequence-modal/ObcSequenceModal.svelte.d.ts +2 -0
- package/dist/components/slider-double/ObcSliderDouble.svelte +1 -15
- package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts +0 -2
- package/dist/components/status-indicator/ObcStatusIndicator.svelte +3 -3
- package/dist/components/system-menu/ObcSystemMenu.svelte +9 -5
- package/dist/components/system-menu/ObcSystemMenu.svelte.d.ts +2 -1
- package/dist/components/table-header-item/ObcTableHeaderItem.svelte +11 -4
- package/dist/components/table-header-item/ObcTableHeaderItem.svelte.d.ts +1 -0
- package/dist/components/tag/ObcTag.svelte +3 -3
- package/dist/components/user-menu/ObcUserMenu.svelte +7 -5
- package/dist/components/user-menu/ObcUserMenu.svelte.d.ts +1 -1
- package/dist/integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte +7 -5
- package/dist/integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte.d.ts +1 -1
- package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte +2 -9
- package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte.d.ts +0 -1
- package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte +7 -5
- package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte.d.ts +1 -1
- package/dist/integration-systems/integration-tabs/ObcIntegrationTabs.svelte +3 -3
- package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte +3 -3
- package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte.d.ts +0 -1
- package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte +3 -3
- package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte.d.ts +0 -1
- package/package.json +2 -2
|
@@ -32,23 +32,16 @@ showAlertListButton?: boolean
|
|
|
32
32
|
}
|
|
33
33
|
export interface Events {
|
|
34
34
|
onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;
|
|
35
|
-
onAlertListClick?: (event: CustomEvent) => void;
|
|
36
35
|
onSilenceClick?: (event: CustomEvent) => void;
|
|
37
36
|
onGoToAlertListClick?: (event: CustomEvent) => void
|
|
38
37
|
}
|
|
39
38
|
export interface Slots {
|
|
40
39
|
children?: Snippet;
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
emptyAllTitle?: Snippet;
|
|
45
|
-
emptyAllDescription?: Snippet;
|
|
46
|
-
emptyAllIcon?: Snippet;
|
|
47
|
-
emptyShelvedTitle?: Snippet;
|
|
48
|
-
emptyShelvedDescription?: Snippet;
|
|
49
|
-
emptyShelvedIcon?: Snippet
|
|
40
|
+
emptyTitle?: Snippet<[any]>;
|
|
41
|
+
emptyDescription?: Snippet<[any]>;
|
|
42
|
+
emptyIcon?: Snippet<[any]>
|
|
50
43
|
}
|
|
51
|
-
const {onAckAllVisibleClick,
|
|
44
|
+
const {onAckAllVisibleClick, onSilenceClick, onGoToAlertListClick, class: className, style, children, emptyTitle, emptyDescription, emptyIcon, ...props} = $props<Props & Events & Slots>();
|
|
52
45
|
|
|
53
46
|
</script>
|
|
54
47
|
<obc-alert-menu
|
|
@@ -56,7 +49,6 @@ showAlertListButton?: boolean
|
|
|
56
49
|
class={className}
|
|
57
50
|
style={style}
|
|
58
51
|
onack-all-visible-click={onAckAllVisibleClick}
|
|
59
|
-
onalert-list-click={onAlertListClick}
|
|
60
52
|
onsilence-click={onSilenceClick}
|
|
61
53
|
ongo-to-alert-list-click={onGoToAlertListClick} >
|
|
62
54
|
|
|
@@ -64,57 +56,21 @@ showAlertListButton?: boolean
|
|
|
64
56
|
{@render children()}
|
|
65
57
|
{/if}
|
|
66
58
|
|
|
67
|
-
{#if
|
|
68
|
-
<div slot="empty
|
|
69
|
-
{@render
|
|
59
|
+
{#if emptyTitle}
|
|
60
|
+
<div slot="empty-<tab>-title">
|
|
61
|
+
{@render emptyTitle()}
|
|
70
62
|
</div>
|
|
71
63
|
{/if}
|
|
72
64
|
|
|
73
|
-
{#if
|
|
74
|
-
<div slot="empty
|
|
75
|
-
{@render
|
|
65
|
+
{#if emptyDescription}
|
|
66
|
+
<div slot="empty-<tab>-description">
|
|
67
|
+
{@render emptyDescription()}
|
|
76
68
|
</div>
|
|
77
69
|
{/if}
|
|
78
70
|
|
|
79
|
-
{#if
|
|
80
|
-
<div slot="empty
|
|
81
|
-
{@render
|
|
82
|
-
</div>
|
|
83
|
-
{/if}
|
|
84
|
-
|
|
85
|
-
{#if emptyAllTitle}
|
|
86
|
-
<div slot="empty-all-title">
|
|
87
|
-
{@render emptyAllTitle()}
|
|
88
|
-
</div>
|
|
89
|
-
{/if}
|
|
90
|
-
|
|
91
|
-
{#if emptyAllDescription}
|
|
92
|
-
<div slot="empty-all-description">
|
|
93
|
-
{@render emptyAllDescription()}
|
|
94
|
-
</div>
|
|
95
|
-
{/if}
|
|
96
|
-
|
|
97
|
-
{#if emptyAllIcon}
|
|
98
|
-
<div slot="empty-all-icon">
|
|
99
|
-
{@render emptyAllIcon()}
|
|
100
|
-
</div>
|
|
101
|
-
{/if}
|
|
102
|
-
|
|
103
|
-
{#if emptyShelvedTitle}
|
|
104
|
-
<div slot="empty-shelved-title">
|
|
105
|
-
{@render emptyShelvedTitle()}
|
|
106
|
-
</div>
|
|
107
|
-
{/if}
|
|
108
|
-
|
|
109
|
-
{#if emptyShelvedDescription}
|
|
110
|
-
<div slot="empty-shelved-description">
|
|
111
|
-
{@render emptyShelvedDescription()}
|
|
112
|
-
</div>
|
|
113
|
-
{/if}
|
|
114
|
-
|
|
115
|
-
{#if emptyShelvedIcon}
|
|
116
|
-
<div slot="empty-shelved-icon">
|
|
117
|
-
{@render emptyShelvedIcon()}
|
|
71
|
+
{#if emptyIcon}
|
|
72
|
+
<div slot="empty-<tab>-icon">
|
|
73
|
+
{@render emptyIcon()}
|
|
118
74
|
</div>
|
|
119
75
|
{/if}
|
|
120
76
|
</obc-alert-menu>
|
|
@@ -27,21 +27,14 @@ Default: true. */
|
|
|
27
27
|
}
|
|
28
28
|
export interface Events {
|
|
29
29
|
onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;
|
|
30
|
-
onAlertListClick?: (event: CustomEvent) => void;
|
|
31
30
|
onSilenceClick?: (event: CustomEvent) => void;
|
|
32
31
|
onGoToAlertListClick?: (event: CustomEvent) => void;
|
|
33
32
|
}
|
|
34
33
|
export interface Slots {
|
|
35
34
|
children?: Snippet;
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
emptyAllTitle?: Snippet;
|
|
40
|
-
emptyAllDescription?: Snippet;
|
|
41
|
-
emptyAllIcon?: Snippet;
|
|
42
|
-
emptyShelvedTitle?: Snippet;
|
|
43
|
-
emptyShelvedDescription?: Snippet;
|
|
44
|
-
emptyShelvedIcon?: Snippet;
|
|
35
|
+
emptyTitle?: Snippet<[any]>;
|
|
36
|
+
emptyDescription?: Snippet<[any]>;
|
|
37
|
+
emptyIcon?: Snippet<[any]>;
|
|
45
38
|
}
|
|
46
39
|
type $$ComponentProps = Props & Events & Slots;
|
|
47
40
|
declare const ObcAlertMenu: import("svelte").Component<$$ComponentProps, {
|
|
@@ -58,9 +58,11 @@ secondaryActionState?: ObcAlertMenuItemActionState
|
|
|
58
58
|
}
|
|
59
59
|
export interface Slots {
|
|
60
60
|
alertIcon?: Snippet;
|
|
61
|
+
titleSnippet?: Snippet;
|
|
62
|
+
descriptionSnippet?: Snippet;
|
|
61
63
|
icon?: Snippet
|
|
62
64
|
}
|
|
63
|
-
const {onAckClick, onAckSecondaryClick, onItemClick, class: className, style, alertIcon, icon, ...props} = $props<Props & Events & Slots>();
|
|
65
|
+
const {onAckClick, onAckSecondaryClick, onItemClick, class: className, style, alertIcon, titleSnippet, descriptionSnippet, icon, ...props} = $props<Props & Events & Slots>();
|
|
64
66
|
|
|
65
67
|
</script>
|
|
66
68
|
<obc-alert-menu-item
|
|
@@ -77,6 +79,18 @@ secondaryActionState?: ObcAlertMenuItemActionState
|
|
|
77
79
|
</div>
|
|
78
80
|
{/if}
|
|
79
81
|
|
|
82
|
+
{#if titleSnippet}
|
|
83
|
+
<div slot="title">
|
|
84
|
+
{@render titleSnippet()}
|
|
85
|
+
</div>
|
|
86
|
+
{/if}
|
|
87
|
+
|
|
88
|
+
{#if descriptionSnippet}
|
|
89
|
+
<div slot="description">
|
|
90
|
+
{@render descriptionSnippet()}
|
|
91
|
+
</div>
|
|
92
|
+
{/if}
|
|
93
|
+
|
|
80
94
|
{#if icon}
|
|
81
95
|
<div slot="icon">
|
|
82
96
|
{@render icon()}
|
|
@@ -38,10 +38,9 @@ required?: boolean
|
|
|
38
38
|
onChange?: (event: CustomEvent<unknown>) => void
|
|
39
39
|
}
|
|
40
40
|
export interface Slots {
|
|
41
|
-
|
|
42
|
-
labelSnippet?: Snippet
|
|
41
|
+
children?: Snippet
|
|
43
42
|
}
|
|
44
|
-
const {onChange, class: className, style,
|
|
43
|
+
const {onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
45
44
|
|
|
46
45
|
</script>
|
|
47
46
|
<obc-elevated-card-radio
|
|
@@ -50,15 +49,7 @@ required?: boolean
|
|
|
50
49
|
style={style}
|
|
51
50
|
onchange={onChange} >
|
|
52
51
|
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
</div>
|
|
57
|
-
{/if}
|
|
58
|
-
|
|
59
|
-
{#if labelSnippet}
|
|
60
|
-
<div slot="label">
|
|
61
|
-
{@render labelSnippet()}
|
|
62
|
-
</div>
|
|
63
|
-
{/if}
|
|
52
|
+
{#if children}
|
|
53
|
+
{@render children()}
|
|
54
|
+
{/if}
|
|
64
55
|
</obc-elevated-card-radio>
|
|
@@ -33,8 +33,7 @@ export interface Events {
|
|
|
33
33
|
onChange?: (event: CustomEvent<unknown>) => void;
|
|
34
34
|
}
|
|
35
35
|
export interface Slots {
|
|
36
|
-
|
|
37
|
-
labelSnippet?: Snippet;
|
|
36
|
+
children?: Snippet;
|
|
38
37
|
}
|
|
39
38
|
type $$ComponentProps = Props & Events & Slots;
|
|
40
39
|
declare const ObcElevatedCardRadio: import("svelte").Component<$$ComponentProps, {
|
|
@@ -34,21 +34,27 @@ inputFieldTextAlign?: ObcNumberInputFieldTextAlign;
|
|
|
34
34
|
validationPattern?: string
|
|
35
35
|
}
|
|
36
36
|
export interface Events {
|
|
37
|
-
|
|
37
|
+
onCloseClick?: (event: CustomEvent) => void;
|
|
38
|
+
onValueChange?: (event: CustomEvent<{value: string}>) => void;
|
|
39
|
+
onDoneClick?: (event: CustomEvent<{value: string}>) => void
|
|
38
40
|
}
|
|
39
41
|
export interface Slots {
|
|
40
|
-
|
|
42
|
+
leadingIcon?: Snippet
|
|
41
43
|
}
|
|
42
|
-
const { class: className, style,
|
|
44
|
+
const {onCloseClick, onValueChange, onDoneClick, class: className, style, leadingIcon, ...props} = $props<Props & Events & Slots>();
|
|
43
45
|
|
|
44
46
|
</script>
|
|
45
47
|
<obc-keyboard-numeric
|
|
46
48
|
use:setProperties={props}
|
|
47
49
|
class={className}
|
|
48
50
|
style={style}
|
|
49
|
-
|
|
51
|
+
onclose-click={onCloseClick}
|
|
52
|
+
onvalue-change={onValueChange}
|
|
53
|
+
ondone-click={onDoneClick} >
|
|
50
54
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
{#if leadingIcon}
|
|
56
|
+
<div slot="leading-icon">
|
|
57
|
+
{@render leadingIcon()}
|
|
58
|
+
</div>
|
|
59
|
+
{/if}
|
|
54
60
|
</obc-keyboard-numeric>
|
|
@@ -28,9 +28,16 @@ export interface Props {
|
|
|
28
28
|
validationPattern?: string;
|
|
29
29
|
}
|
|
30
30
|
export interface Events {
|
|
31
|
+
onCloseClick?: (event: CustomEvent) => void;
|
|
32
|
+
onValueChange?: (event: CustomEvent<{
|
|
33
|
+
value: string;
|
|
34
|
+
}>) => void;
|
|
35
|
+
onDoneClick?: (event: CustomEvent<{
|
|
36
|
+
value: string;
|
|
37
|
+
}>) => void;
|
|
31
38
|
}
|
|
32
39
|
export interface Slots {
|
|
33
|
-
|
|
40
|
+
leadingIcon?: Snippet;
|
|
34
41
|
}
|
|
35
42
|
type $$ComponentProps = Props & Events & Slots;
|
|
36
43
|
declare const ObcKeyboardNumeric: import("svelte").Component<$$ComponentProps, {
|
|
@@ -45,7 +45,6 @@ lineType?: ObcFloatingItemLineType
|
|
|
45
45
|
}
|
|
46
46
|
export interface Slots {
|
|
47
47
|
primaryIcon?: Snippet;
|
|
48
|
-
secondaryIcon?: Snippet;
|
|
49
48
|
title?: Snippet;
|
|
50
49
|
description?: Snippet;
|
|
51
50
|
time?: Snippet;
|
|
@@ -53,7 +52,7 @@ lineType?: ObcFloatingItemLineType
|
|
|
53
52
|
actionSnippet?: Snippet;
|
|
54
53
|
action2Snippet?: Snippet
|
|
55
54
|
}
|
|
56
|
-
const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon,
|
|
55
|
+
const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
|
|
57
56
|
|
|
58
57
|
</script>
|
|
59
58
|
<obc-notification-floating-item
|
|
@@ -70,12 +69,6 @@ lineType?: ObcFloatingItemLineType
|
|
|
70
69
|
</div>
|
|
71
70
|
{/if}
|
|
72
71
|
|
|
73
|
-
{#if secondaryIcon}
|
|
74
|
-
<div slot="secondary-icon">
|
|
75
|
-
{@render secondaryIcon()}
|
|
76
|
-
</div>
|
|
77
|
-
{/if}
|
|
78
|
-
|
|
79
72
|
{#if title}
|
|
80
73
|
<div slot="title">
|
|
81
74
|
{@render title()}
|
|
@@ -37,9 +37,16 @@ import type {SequenceValue, SequenceType, SequenceStyle} from '@oicl/openbridge-
|
|
|
37
37
|
|
|
38
38
|
}
|
|
39
39
|
export interface Slots {
|
|
40
|
+
leadingIcon?: Snippet;
|
|
41
|
+
title?: Snippet;
|
|
42
|
+
subtitleSnippet?: Snippet;
|
|
43
|
+
timeStamp?: Snippet;
|
|
44
|
+
headerActions?: Snippet;
|
|
45
|
+
leftTimeStamp?: Snippet;
|
|
46
|
+
actions?: Snippet;
|
|
40
47
|
children?: Snippet
|
|
41
48
|
}
|
|
42
|
-
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
49
|
+
const { class: className, style, leadingIcon, title, subtitleSnippet, timeStamp, headerActions, leftTimeStamp, actions, children, ...props} = $props<Props & Events & Slots>();
|
|
43
50
|
|
|
44
51
|
</script>
|
|
45
52
|
<obc-sequence-card
|
|
@@ -48,7 +55,49 @@ import type {SequenceValue, SequenceType, SequenceStyle} from '@oicl/openbridge-
|
|
|
48
55
|
style={style}
|
|
49
56
|
>
|
|
50
57
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
58
|
+
{#if leadingIcon}
|
|
59
|
+
<div slot="leading-icon">
|
|
60
|
+
{@render leadingIcon()}
|
|
61
|
+
</div>
|
|
62
|
+
{/if}
|
|
63
|
+
|
|
64
|
+
{#if title}
|
|
65
|
+
<div slot="title">
|
|
66
|
+
{@render title()}
|
|
67
|
+
</div>
|
|
68
|
+
{/if}
|
|
69
|
+
|
|
70
|
+
{#if subtitleSnippet}
|
|
71
|
+
<div slot="subtitle">
|
|
72
|
+
{@render subtitleSnippet()}
|
|
73
|
+
</div>
|
|
74
|
+
{/if}
|
|
75
|
+
|
|
76
|
+
{#if timeStamp}
|
|
77
|
+
<div slot="time-stamp">
|
|
78
|
+
{@render timeStamp()}
|
|
79
|
+
</div>
|
|
80
|
+
{/if}
|
|
81
|
+
|
|
82
|
+
{#if headerActions}
|
|
83
|
+
<div slot="header-actions">
|
|
84
|
+
{@render headerActions()}
|
|
85
|
+
</div>
|
|
86
|
+
{/if}
|
|
87
|
+
|
|
88
|
+
{#if leftTimeStamp}
|
|
89
|
+
<div slot="left-time-stamp">
|
|
90
|
+
{@render leftTimeStamp()}
|
|
91
|
+
</div>
|
|
92
|
+
{/if}
|
|
93
|
+
|
|
94
|
+
{#if actions}
|
|
95
|
+
<div slot="actions">
|
|
96
|
+
{@render actions()}
|
|
97
|
+
</div>
|
|
98
|
+
{/if}
|
|
99
|
+
|
|
100
|
+
{#if children}
|
|
101
|
+
{@render children()}
|
|
102
|
+
{/if}
|
|
54
103
|
</obc-sequence-card>
|
|
@@ -30,6 +30,13 @@ export interface Props {
|
|
|
30
30
|
export interface Events {
|
|
31
31
|
}
|
|
32
32
|
export interface Slots {
|
|
33
|
+
leadingIcon?: Snippet;
|
|
34
|
+
title?: Snippet;
|
|
35
|
+
subtitleSnippet?: Snippet;
|
|
36
|
+
timeStamp?: Snippet;
|
|
37
|
+
headerActions?: Snippet;
|
|
38
|
+
leftTimeStamp?: Snippet;
|
|
39
|
+
actions?: Snippet;
|
|
33
40
|
children?: Snippet;
|
|
34
41
|
}
|
|
35
42
|
type $$ComponentProps = Props & Events & Slots;
|
|
@@ -42,9 +42,12 @@ stepLabel?: string;
|
|
|
42
42
|
|
|
43
43
|
}
|
|
44
44
|
export interface Slots {
|
|
45
|
-
|
|
45
|
+
titleSnippet?: Snippet;
|
|
46
|
+
descriptionSnippet?: Snippet;
|
|
47
|
+
meta?: Snippet;
|
|
48
|
+
step?: Snippet
|
|
46
49
|
}
|
|
47
|
-
const { class: className, style,
|
|
50
|
+
const { class: className, style, titleSnippet, descriptionSnippet, meta, step, ...props} = $props<Props & Events & Slots>();
|
|
48
51
|
|
|
49
52
|
</script>
|
|
50
53
|
<obc-sequence-item
|
|
@@ -53,7 +56,27 @@ stepLabel?: string;
|
|
|
53
56
|
style={style}
|
|
54
57
|
>
|
|
55
58
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
+
{#if titleSnippet}
|
|
60
|
+
<div slot="title">
|
|
61
|
+
{@render titleSnippet()}
|
|
62
|
+
</div>
|
|
63
|
+
{/if}
|
|
64
|
+
|
|
65
|
+
{#if descriptionSnippet}
|
|
66
|
+
<div slot="description">
|
|
67
|
+
{@render descriptionSnippet()}
|
|
68
|
+
</div>
|
|
69
|
+
{/if}
|
|
70
|
+
|
|
71
|
+
{#if meta}
|
|
72
|
+
<div slot="meta">
|
|
73
|
+
{@render meta()}
|
|
74
|
+
</div>
|
|
75
|
+
{/if}
|
|
76
|
+
|
|
77
|
+
{#if step}
|
|
78
|
+
<div slot="step">
|
|
79
|
+
{@render step()}
|
|
80
|
+
</div>
|
|
81
|
+
{/if}
|
|
59
82
|
</obc-sequence-item>
|
|
@@ -35,7 +35,10 @@ not provided. */
|
|
|
35
35
|
export interface Events {
|
|
36
36
|
}
|
|
37
37
|
export interface Slots {
|
|
38
|
-
|
|
38
|
+
titleSnippet?: Snippet;
|
|
39
|
+
descriptionSnippet?: Snippet;
|
|
40
|
+
meta?: Snippet;
|
|
41
|
+
step?: Snippet;
|
|
39
42
|
}
|
|
40
43
|
type $$ComponentProps = Props & Events & Slots;
|
|
41
44
|
declare const ObcSequenceItem: import("svelte").Component<$$ComponentProps, {
|
|
@@ -23,21 +23,28 @@ import type {SequenceValue} from '@oicl/openbridge-webcomponents/dist/components
|
|
|
23
23
|
closeLabel?: string
|
|
24
24
|
}
|
|
25
25
|
export interface Events {
|
|
26
|
-
|
|
26
|
+
onCloseClick?: (event: CustomEvent<unknown>) => void
|
|
27
27
|
}
|
|
28
28
|
export interface Slots {
|
|
29
|
+
actions?: Snippet;
|
|
29
30
|
children?: Snippet
|
|
30
31
|
}
|
|
31
|
-
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
32
|
+
const {onCloseClick, class: className, style, actions, children, ...props} = $props<Props & Events & Slots>();
|
|
32
33
|
|
|
33
34
|
</script>
|
|
34
35
|
<obc-sequence-modal
|
|
35
36
|
use:setProperties={props}
|
|
36
37
|
class={className}
|
|
37
38
|
style={style}
|
|
38
|
-
|
|
39
|
+
onclose-click={onCloseClick} >
|
|
39
40
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
{#if actions}
|
|
42
|
+
<div slot="actions">
|
|
43
|
+
{@render actions()}
|
|
44
|
+
</div>
|
|
45
|
+
{/if}
|
|
46
|
+
|
|
47
|
+
{#if children}
|
|
48
|
+
{@render children()}
|
|
49
|
+
{/if}
|
|
43
50
|
</obc-sequence-modal>
|
|
@@ -17,8 +17,10 @@ export interface Props {
|
|
|
17
17
|
closeLabel?: string;
|
|
18
18
|
}
|
|
19
19
|
export interface Events {
|
|
20
|
+
onCloseClick?: (event: CustomEvent<unknown>) => void;
|
|
20
21
|
}
|
|
21
22
|
export interface Slots {
|
|
23
|
+
actions?: Snippet;
|
|
22
24
|
children?: Snippet;
|
|
23
25
|
}
|
|
24
26
|
type $$ComponentProps = Props & Events & Slots;
|
|
@@ -70,12 +70,10 @@ hugContainer?: boolean
|
|
|
70
70
|
onChange?: (event: ObcSliderDoubleChangeEvent) => void
|
|
71
71
|
}
|
|
72
72
|
export interface Slots {
|
|
73
|
-
iconLeft?: Snippet;
|
|
74
|
-
iconRight?: Snippet;
|
|
75
73
|
leftReadout?: Snippet;
|
|
76
74
|
rightReadout?: Snippet
|
|
77
75
|
}
|
|
78
|
-
const {onValue, onChange, class: className, style,
|
|
76
|
+
const {onValue, onChange, class: className, style, leftReadout, rightReadout, ...props} = $props<Props & Events & Slots>();
|
|
79
77
|
|
|
80
78
|
</script>
|
|
81
79
|
<obc-slider-double
|
|
@@ -85,18 +83,6 @@ hugContainer?: boolean
|
|
|
85
83
|
onvalue={onValue}
|
|
86
84
|
onchange={onChange} >
|
|
87
85
|
|
|
88
|
-
{#if iconLeft}
|
|
89
|
-
<div slot="icon-left">
|
|
90
|
-
{@render iconLeft()}
|
|
91
|
-
</div>
|
|
92
|
-
{/if}
|
|
93
|
-
|
|
94
|
-
{#if iconRight}
|
|
95
|
-
<div slot="icon-right">
|
|
96
|
-
{@render iconRight()}
|
|
97
|
-
</div>
|
|
98
|
-
{/if}
|
|
99
|
-
|
|
100
86
|
{#if leftReadout}
|
|
101
87
|
<div slot="left-readout">
|
|
102
88
|
{@render leftReadout()}
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
onAudioClick?: (event: CustomEvent<unknown>) => void;
|
|
25
25
|
onAudioVolumeChange?: (event: CustomEvent<unknown>) => void;
|
|
26
26
|
onMicrophoneClick?: (event: CustomEvent<unknown>) => void;
|
|
27
|
+
onPushToTalkChange?: (event: CustomEvent<unknown>) => void;
|
|
27
28
|
onBatteryUsageClick?: (event: CustomEvent<unknown>) => void;
|
|
28
29
|
onBatterySavingModeChange?: (event: CustomEvent<unknown>) => void;
|
|
29
30
|
onBatteryModeChange?: (event: CustomEvent<unknown>) => void;
|
|
@@ -36,9 +37,9 @@
|
|
|
36
37
|
onWifiDisconnectClick?: (event: CustomEvent<unknown>) => void
|
|
37
38
|
}
|
|
38
39
|
export interface Slots {
|
|
39
|
-
|
|
40
|
+
batteryStatus?: Snippet
|
|
40
41
|
}
|
|
41
|
-
const {onWifiClick, onAudioClick, onAudioVolumeChange, onMicrophoneClick, onBatteryUsageClick, onBatterySavingModeChange, onBatteryModeChange, onWifiNetworkChange, onAudioOutputChange, onMicrophoneInputChange, onSettingsClick, onToSubMenuClick, onWifiOptionsClick, onWifiDisconnectClick, class: className, style,
|
|
42
|
+
const {onWifiClick, onAudioClick, onAudioVolumeChange, onMicrophoneClick, onPushToTalkChange, onBatteryUsageClick, onBatterySavingModeChange, onBatteryModeChange, onWifiNetworkChange, onAudioOutputChange, onMicrophoneInputChange, onSettingsClick, onToSubMenuClick, onWifiOptionsClick, onWifiDisconnectClick, class: className, style, batteryStatus, ...props} = $props<Props & Events & Slots>();
|
|
42
43
|
|
|
43
44
|
</script>
|
|
44
45
|
<obc-system-menu
|
|
@@ -49,6 +50,7 @@
|
|
|
49
50
|
onaudio-click={onAudioClick}
|
|
50
51
|
onaudio-volume-change={onAudioVolumeChange}
|
|
51
52
|
onmicrophone-click={onMicrophoneClick}
|
|
53
|
+
onpush-to-talk-change={onPushToTalkChange}
|
|
52
54
|
onbattery-usage-click={onBatteryUsageClick}
|
|
53
55
|
onbattery-saving-mode-change={onBatterySavingModeChange}
|
|
54
56
|
onbattery-mode-change={onBatteryModeChange}
|
|
@@ -60,7 +62,9 @@
|
|
|
60
62
|
onwifi-options-click={onWifiOptionsClick}
|
|
61
63
|
onwifi-disconnect-click={onWifiDisconnectClick} >
|
|
62
64
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
65
|
+
{#if batteryStatus}
|
|
66
|
+
<div slot="battery-status">
|
|
67
|
+
{@render batteryStatus()}
|
|
68
|
+
</div>
|
|
69
|
+
{/if}
|
|
66
70
|
</obc-system-menu>
|
|
@@ -19,6 +19,7 @@ export interface Events {
|
|
|
19
19
|
onAudioClick?: (event: CustomEvent<unknown>) => void;
|
|
20
20
|
onAudioVolumeChange?: (event: CustomEvent<unknown>) => void;
|
|
21
21
|
onMicrophoneClick?: (event: CustomEvent<unknown>) => void;
|
|
22
|
+
onPushToTalkChange?: (event: CustomEvent<unknown>) => void;
|
|
22
23
|
onBatteryUsageClick?: (event: CustomEvent<unknown>) => void;
|
|
23
24
|
onBatterySavingModeChange?: (event: CustomEvent<unknown>) => void;
|
|
24
25
|
onBatteryModeChange?: (event: CustomEvent<unknown>) => void;
|
|
@@ -31,7 +32,7 @@ export interface Events {
|
|
|
31
32
|
onWifiDisconnectClick?: (event: CustomEvent<unknown>) => void;
|
|
32
33
|
}
|
|
33
34
|
export interface Slots {
|
|
34
|
-
|
|
35
|
+
batteryStatus?: Snippet;
|
|
35
36
|
}
|
|
36
37
|
type $$ComponentProps = Props & Events & Slots;
|
|
37
38
|
declare const ObcSystemMenu: import("svelte").Component<$$ComponentProps, {
|
|
@@ -21,9 +21,10 @@
|
|
|
21
21
|
|
|
22
22
|
}
|
|
23
23
|
export interface Slots {
|
|
24
|
+
leadingIcon?: Snippet;
|
|
24
25
|
children?: Snippet
|
|
25
26
|
}
|
|
26
|
-
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
27
|
+
const { class: className, style, leadingIcon, children, ...props} = $props<Props & Events & Slots>();
|
|
27
28
|
|
|
28
29
|
</script>
|
|
29
30
|
<obc-table-header-item
|
|
@@ -32,7 +33,13 @@
|
|
|
32
33
|
style={style}
|
|
33
34
|
>
|
|
34
35
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
{#if leadingIcon}
|
|
37
|
+
<div slot="leading-icon">
|
|
38
|
+
{@render leadingIcon()}
|
|
39
|
+
</div>
|
|
40
|
+
{/if}
|
|
41
|
+
|
|
42
|
+
{#if children}
|
|
43
|
+
{@render children()}
|
|
44
|
+
{/if}
|
|
38
45
|
</obc-table-header-item>
|