@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
|
@@ -42,9 +42,10 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
|
|
|
42
42
|
}
|
|
43
43
|
export interface Slots {
|
|
44
44
|
children?: Snippet;
|
|
45
|
+
button?: Snippet;
|
|
45
46
|
header?: Snippet
|
|
46
47
|
}
|
|
47
|
-
const { class: className, style, children, header, ...props} = $props<Props & Events & Slots>();
|
|
48
|
+
const { class: className, style, children, button, header, ...props} = $props<Props & Events & Slots>();
|
|
48
49
|
|
|
49
50
|
</script>
|
|
50
51
|
<obc-poi
|
|
@@ -57,6 +58,12 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
|
|
|
57
58
|
{@render children()}
|
|
58
59
|
{/if}
|
|
59
60
|
|
|
61
|
+
{#if button}
|
|
62
|
+
<div slot="button">
|
|
63
|
+
{@render button()}
|
|
64
|
+
</div>
|
|
65
|
+
{/if}
|
|
66
|
+
|
|
60
67
|
{#if header}
|
|
61
68
|
<div slot="header">
|
|
62
69
|
{@render header()}
|
|
@@ -17,19 +17,21 @@
|
|
|
17
17
|
internalSwapping?: boolean
|
|
18
18
|
}
|
|
19
19
|
export interface Events {
|
|
20
|
-
onLayerResize?: (event: CustomEvent<{height:number,label:string}>) => void
|
|
20
|
+
onLayerResize?: (event: CustomEvent<{height:number,label:string}>) => void;
|
|
21
|
+
onLayerSelectionChanged?: (event: Event) => void
|
|
21
22
|
}
|
|
22
23
|
export interface Slots {
|
|
23
24
|
children?: Snippet
|
|
24
25
|
}
|
|
25
|
-
const {onLayerResize, class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
26
|
+
const {onLayerResize, onLayerSelectionChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
26
27
|
|
|
27
28
|
</script>
|
|
28
29
|
<obc-poi-layer
|
|
29
30
|
use:setProperties={props}
|
|
30
31
|
class={className}
|
|
31
32
|
style={style}
|
|
32
|
-
onlayer-resize={onLayerResize}
|
|
33
|
+
onlayer-resize={onLayerResize}
|
|
34
|
+
onlayer-selection-changed={onLayerSelectionChanged} >
|
|
33
35
|
|
|
34
36
|
{#if children}
|
|
35
37
|
{@render children()}
|
|
@@ -16,9 +16,10 @@
|
|
|
16
16
|
|
|
17
17
|
}
|
|
18
18
|
export interface Slots {
|
|
19
|
+
iconSilhouette?: Snippet;
|
|
19
20
|
children?: Snippet
|
|
20
21
|
}
|
|
21
|
-
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
22
|
+
const { class: className, style, iconSilhouette, children, ...props} = $props<Props & Events & Slots>();
|
|
22
23
|
|
|
23
24
|
</script>
|
|
24
25
|
<obc-automation-badge
|
|
@@ -27,7 +28,13 @@
|
|
|
27
28
|
style={style}
|
|
28
29
|
>
|
|
29
30
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
{#if iconSilhouette}
|
|
32
|
+
<div slot="icon-silhouette">
|
|
33
|
+
{@render iconSilhouette()}
|
|
34
|
+
</div>
|
|
35
|
+
{/if}
|
|
36
|
+
|
|
37
|
+
{#if children}
|
|
38
|
+
{@render children()}
|
|
39
|
+
{/if}
|
|
33
40
|
</obc-automation-badge>
|
|
@@ -47,9 +47,17 @@ hasBadgeSpacer?: boolean
|
|
|
47
47
|
|
|
48
48
|
}
|
|
49
49
|
export interface Slots {
|
|
50
|
-
|
|
50
|
+
badgeTopRight?: Snippet;
|
|
51
|
+
badgeTopLeft?: Snippet;
|
|
52
|
+
badgeBottomLeft?: Snippet;
|
|
53
|
+
badgeBottomRight?: Snippet;
|
|
54
|
+
icon?: Snippet;
|
|
55
|
+
iconSilhouette?: Snippet;
|
|
56
|
+
alertIcon?: Snippet;
|
|
57
|
+
alertLabel?: Snippet;
|
|
58
|
+
alertTimer?: Snippet
|
|
51
59
|
}
|
|
52
|
-
const { class: className, style,
|
|
60
|
+
const { class: className, style, badgeTopRight, badgeTopLeft, badgeBottomLeft, badgeBottomRight, icon, iconSilhouette, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
|
|
53
61
|
|
|
54
62
|
</script>
|
|
55
63
|
<obc-automation-button
|
|
@@ -58,7 +66,57 @@ hasBadgeSpacer?: boolean
|
|
|
58
66
|
style={style}
|
|
59
67
|
>
|
|
60
68
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
69
|
+
{#if badgeTopRight}
|
|
70
|
+
<div slot="badge-top-right">
|
|
71
|
+
{@render badgeTopRight()}
|
|
72
|
+
</div>
|
|
73
|
+
{/if}
|
|
74
|
+
|
|
75
|
+
{#if badgeTopLeft}
|
|
76
|
+
<div slot="badge-top-left">
|
|
77
|
+
{@render badgeTopLeft()}
|
|
78
|
+
</div>
|
|
79
|
+
{/if}
|
|
80
|
+
|
|
81
|
+
{#if badgeBottomLeft}
|
|
82
|
+
<div slot="badge-bottom-left">
|
|
83
|
+
{@render badgeBottomLeft()}
|
|
84
|
+
</div>
|
|
85
|
+
{/if}
|
|
86
|
+
|
|
87
|
+
{#if badgeBottomRight}
|
|
88
|
+
<div slot="badge-bottom-right">
|
|
89
|
+
{@render badgeBottomRight()}
|
|
90
|
+
</div>
|
|
91
|
+
{/if}
|
|
92
|
+
|
|
93
|
+
{#if icon}
|
|
94
|
+
<div slot="icon">
|
|
95
|
+
{@render icon()}
|
|
96
|
+
</div>
|
|
97
|
+
{/if}
|
|
98
|
+
|
|
99
|
+
{#if iconSilhouette}
|
|
100
|
+
<div slot="icon-silhouette">
|
|
101
|
+
{@render iconSilhouette()}
|
|
102
|
+
</div>
|
|
103
|
+
{/if}
|
|
104
|
+
|
|
105
|
+
{#if alertIcon}
|
|
106
|
+
<div slot="alert-icon">
|
|
107
|
+
{@render alertIcon()}
|
|
108
|
+
</div>
|
|
109
|
+
{/if}
|
|
110
|
+
|
|
111
|
+
{#if alertLabel}
|
|
112
|
+
<div slot="alert-label">
|
|
113
|
+
{@render alertLabel()}
|
|
114
|
+
</div>
|
|
115
|
+
{/if}
|
|
116
|
+
|
|
117
|
+
{#if alertTimer}
|
|
118
|
+
<div slot="alert-timer">
|
|
119
|
+
{@render alertTimer()}
|
|
120
|
+
</div>
|
|
121
|
+
{/if}
|
|
64
122
|
</obc-automation-button>
|
|
@@ -37,7 +37,15 @@ export interface Props {
|
|
|
37
37
|
export interface Events {
|
|
38
38
|
}
|
|
39
39
|
export interface Slots {
|
|
40
|
-
|
|
40
|
+
badgeTopRight?: Snippet;
|
|
41
|
+
badgeTopLeft?: Snippet;
|
|
42
|
+
badgeBottomLeft?: Snippet;
|
|
43
|
+
badgeBottomRight?: Snippet;
|
|
44
|
+
icon?: Snippet;
|
|
45
|
+
iconSilhouette?: Snippet;
|
|
46
|
+
alertIcon?: Snippet;
|
|
47
|
+
alertLabel?: Snippet;
|
|
48
|
+
alertTimer?: Snippet;
|
|
41
49
|
}
|
|
42
50
|
type $$ComponentProps = Props & Events & Slots;
|
|
43
51
|
declare const ObcAutomationButton: import("svelte").Component<$$ComponentProps, {
|
|
@@ -15,9 +15,12 @@
|
|
|
15
15
|
|
|
16
16
|
}
|
|
17
17
|
export interface Slots {
|
|
18
|
-
|
|
18
|
+
header?: Snippet;
|
|
19
|
+
preview?: Snippet;
|
|
20
|
+
actionPrimary?: Snippet;
|
|
21
|
+
actionSecondary?: Snippet
|
|
19
22
|
}
|
|
20
|
-
const { class: className, style,
|
|
23
|
+
const { class: className, style, header, preview, actionPrimary, actionSecondary, ...props} = $props<Props & Events & Slots>();
|
|
21
24
|
|
|
22
25
|
</script>
|
|
23
26
|
<obc-automation-input-modal
|
|
@@ -26,7 +29,27 @@
|
|
|
26
29
|
style={style}
|
|
27
30
|
>
|
|
28
31
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
{#if header}
|
|
33
|
+
<div slot="header">
|
|
34
|
+
{@render header()}
|
|
35
|
+
</div>
|
|
36
|
+
{/if}
|
|
37
|
+
|
|
38
|
+
{#if preview}
|
|
39
|
+
<div slot="preview">
|
|
40
|
+
{@render preview()}
|
|
41
|
+
</div>
|
|
42
|
+
{/if}
|
|
43
|
+
|
|
44
|
+
{#if actionPrimary}
|
|
45
|
+
<div slot="action-primary">
|
|
46
|
+
{@render actionPrimary()}
|
|
47
|
+
</div>
|
|
48
|
+
{/if}
|
|
49
|
+
|
|
50
|
+
{#if actionSecondary}
|
|
51
|
+
<div slot="action-secondary">
|
|
52
|
+
{@render actionSecondary()}
|
|
53
|
+
</div>
|
|
54
|
+
{/if}
|
|
32
55
|
</obc-automation-input-modal>
|
|
@@ -7,7 +7,10 @@ export interface Props {
|
|
|
7
7
|
export interface Events {
|
|
8
8
|
}
|
|
9
9
|
export interface Slots {
|
|
10
|
-
|
|
10
|
+
header?: Snippet;
|
|
11
|
+
preview?: Snippet;
|
|
12
|
+
actionPrimary?: Snippet;
|
|
13
|
+
actionSecondary?: Snippet;
|
|
11
14
|
}
|
|
12
15
|
type $$ComponentProps = Props & Events & Slots;
|
|
13
16
|
declare const ObcAutomationInputModal: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
@@ -15,9 +15,12 @@
|
|
|
15
15
|
|
|
16
16
|
}
|
|
17
17
|
export interface Slots {
|
|
18
|
-
children?: Snippet
|
|
18
|
+
children?: Snippet;
|
|
19
|
+
emptyIcon?: Snippet;
|
|
20
|
+
emptyTitle?: Snippet;
|
|
21
|
+
emptyDescription?: Snippet
|
|
19
22
|
}
|
|
20
|
-
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
23
|
+
const { class: className, style, children, emptyIcon, emptyTitle, emptyDescription, ...props} = $props<Props & Events & Slots>();
|
|
21
24
|
|
|
22
25
|
</script>
|
|
23
26
|
<obc-alert-list
|
|
@@ -26,7 +29,25 @@
|
|
|
26
29
|
style={style}
|
|
27
30
|
>
|
|
28
31
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
{#if children}
|
|
33
|
+
{@render children()}
|
|
34
|
+
{/if}
|
|
35
|
+
|
|
36
|
+
{#if emptyIcon}
|
|
37
|
+
<div slot="empty-icon">
|
|
38
|
+
{@render emptyIcon()}
|
|
39
|
+
</div>
|
|
40
|
+
{/if}
|
|
41
|
+
|
|
42
|
+
{#if emptyTitle}
|
|
43
|
+
<div slot="empty-title">
|
|
44
|
+
{@render emptyTitle()}
|
|
45
|
+
</div>
|
|
46
|
+
{/if}
|
|
47
|
+
|
|
48
|
+
{#if emptyDescription}
|
|
49
|
+
<div slot="empty-description">
|
|
50
|
+
{@render emptyDescription()}
|
|
51
|
+
</div>
|
|
52
|
+
{/if}
|
|
32
53
|
</obc-alert-list>
|
|
@@ -9,6 +9,9 @@ export interface Events {
|
|
|
9
9
|
}
|
|
10
10
|
export interface Slots {
|
|
11
11
|
children?: Snippet;
|
|
12
|
+
emptyIcon?: Snippet;
|
|
13
|
+
emptyTitle?: Snippet;
|
|
14
|
+
emptyDescription?: Snippet;
|
|
12
15
|
}
|
|
13
16
|
type $$ComponentProps = Props & Events & Slots;
|
|
14
17
|
declare const ObcAlertList: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
@@ -120,19 +120,19 @@ This provides an alternative to bar fill for highlighting the current value. */
|
|
|
120
120
|
highlightCurrentValue?: boolean
|
|
121
121
|
}
|
|
122
122
|
export interface Events {
|
|
123
|
-
|
|
123
|
+
onScaleDimensionsChanged?: (event: CustomEvent) => void
|
|
124
124
|
}
|
|
125
125
|
export interface Slots {
|
|
126
126
|
children?: Snippet
|
|
127
127
|
}
|
|
128
|
-
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
128
|
+
const {onScaleDimensionsChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
129
129
|
|
|
130
130
|
</script>
|
|
131
131
|
<obc-bar-horizontal
|
|
132
132
|
use:setProperties={props}
|
|
133
133
|
class={className}
|
|
134
134
|
style={style}
|
|
135
|
-
|
|
135
|
+
onscale-dimensions-changed={onScaleDimensionsChanged} >
|
|
136
136
|
|
|
137
137
|
{#if children}
|
|
138
138
|
{@render children()}
|
|
@@ -113,6 +113,7 @@ This provides an alternative to bar fill for highlighting the current value. */
|
|
|
113
113
|
highlightCurrentValue?: boolean;
|
|
114
114
|
}
|
|
115
115
|
export interface Events {
|
|
116
|
+
onScaleDimensionsChanged?: (event: CustomEvent) => void;
|
|
116
117
|
}
|
|
117
118
|
export interface Slots {
|
|
118
119
|
children?: Snippet;
|
|
@@ -120,19 +120,19 @@ This provides an alternative to bar fill for highlighting the current value. */
|
|
|
120
120
|
highlightCurrentValue?: boolean
|
|
121
121
|
}
|
|
122
122
|
export interface Events {
|
|
123
|
-
|
|
123
|
+
onScaleDimensionsChanged?: (event: CustomEvent) => void
|
|
124
124
|
}
|
|
125
125
|
export interface Slots {
|
|
126
126
|
children?: Snippet
|
|
127
127
|
}
|
|
128
|
-
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
128
|
+
const {onScaleDimensionsChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
129
129
|
|
|
130
130
|
</script>
|
|
131
131
|
<obc-bar-vertical
|
|
132
132
|
use:setProperties={props}
|
|
133
133
|
class={className}
|
|
134
134
|
style={style}
|
|
135
|
-
|
|
135
|
+
onscale-dimensions-changed={onScaleDimensionsChanged} >
|
|
136
136
|
|
|
137
137
|
{#if children}
|
|
138
138
|
{@render children()}
|
|
@@ -113,6 +113,7 @@ This provides an alternative to bar fill for highlighting the current value. */
|
|
|
113
113
|
highlightCurrentValue?: boolean;
|
|
114
114
|
}
|
|
115
115
|
export interface Events {
|
|
116
|
+
onScaleDimensionsChanged?: (event: CustomEvent) => void;
|
|
116
117
|
}
|
|
117
118
|
export interface Slots {
|
|
118
119
|
children?: Snippet;
|
|
@@ -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-advice-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()}
|
|
@@ -62,17 +62,9 @@ emptyText?: string
|
|
|
62
62
|
onActionClick?: (event: CustomEvent<void>) => void
|
|
63
63
|
}
|
|
64
64
|
export interface Slots {
|
|
65
|
-
|
|
66
|
-
secondaryIcon?: Snippet;
|
|
67
|
-
titleSnippet?: Snippet;
|
|
68
|
-
descriptionSnippet?: Snippet;
|
|
69
|
-
timeSnippet?: Snippet;
|
|
70
|
-
timeSecondarySnippet?: Snippet;
|
|
71
|
-
actionText?: Snippet;
|
|
72
|
-
actionIcon?: Snippet;
|
|
73
|
-
empty?: Snippet
|
|
65
|
+
secondaryIcon?: Snippet
|
|
74
66
|
}
|
|
75
|
-
const {onMessageClick, onActionClick, class: className, style,
|
|
67
|
+
const {onMessageClick, onActionClick, class: className, style, secondaryIcon, ...props} = $props<Props & Events & Slots>();
|
|
76
68
|
|
|
77
69
|
</script>
|
|
78
70
|
<obc-advice-message-item
|
|
@@ -82,57 +74,9 @@ emptyText?: string
|
|
|
82
74
|
onmessage-click={onMessageClick}
|
|
83
75
|
onaction-click={onActionClick} >
|
|
84
76
|
|
|
85
|
-
{#if primaryIcon}
|
|
86
|
-
<div slot="primary-icon">
|
|
87
|
-
{@render primaryIcon()}
|
|
88
|
-
</div>
|
|
89
|
-
{/if}
|
|
90
|
-
|
|
91
77
|
{#if secondaryIcon}
|
|
92
78
|
<div slot="secondary-icon">
|
|
93
79
|
{@render secondaryIcon()}
|
|
94
80
|
</div>
|
|
95
81
|
{/if}
|
|
96
|
-
|
|
97
|
-
{#if titleSnippet}
|
|
98
|
-
<div slot="title">
|
|
99
|
-
{@render titleSnippet()}
|
|
100
|
-
</div>
|
|
101
|
-
{/if}
|
|
102
|
-
|
|
103
|
-
{#if descriptionSnippet}
|
|
104
|
-
<div slot="description">
|
|
105
|
-
{@render descriptionSnippet()}
|
|
106
|
-
</div>
|
|
107
|
-
{/if}
|
|
108
|
-
|
|
109
|
-
{#if timeSnippet}
|
|
110
|
-
<div slot="time">
|
|
111
|
-
{@render timeSnippet()}
|
|
112
|
-
</div>
|
|
113
|
-
{/if}
|
|
114
|
-
|
|
115
|
-
{#if timeSecondarySnippet}
|
|
116
|
-
<div slot="time-secondary">
|
|
117
|
-
{@render timeSecondarySnippet()}
|
|
118
|
-
</div>
|
|
119
|
-
{/if}
|
|
120
|
-
|
|
121
|
-
{#if actionText}
|
|
122
|
-
<div slot="action-text">
|
|
123
|
-
{@render actionText()}
|
|
124
|
-
</div>
|
|
125
|
-
{/if}
|
|
126
|
-
|
|
127
|
-
{#if actionIcon}
|
|
128
|
-
<div slot="action-icon">
|
|
129
|
-
{@render actionIcon()}
|
|
130
|
-
</div>
|
|
131
|
-
{/if}
|
|
132
|
-
|
|
133
|
-
{#if empty}
|
|
134
|
-
<div slot="empty">
|
|
135
|
-
{@render empty()}
|
|
136
|
-
</div>
|
|
137
|
-
{/if}
|
|
138
82
|
</obc-advice-message-item>
|
|
@@ -57,15 +57,7 @@ export interface Events {
|
|
|
57
57
|
onActionClick?: (event: CustomEvent<void>) => void;
|
|
58
58
|
}
|
|
59
59
|
export interface Slots {
|
|
60
|
-
primaryIcon?: Snippet;
|
|
61
60
|
secondaryIcon?: Snippet;
|
|
62
|
-
titleSnippet?: Snippet;
|
|
63
|
-
descriptionSnippet?: Snippet;
|
|
64
|
-
timeSnippet?: Snippet;
|
|
65
|
-
timeSecondarySnippet?: Snippet;
|
|
66
|
-
actionText?: Snippet;
|
|
67
|
-
actionIcon?: Snippet;
|
|
68
|
-
empty?: Snippet;
|
|
69
61
|
}
|
|
70
62
|
type $$ComponentProps = Props & Events & Slots;
|
|
71
63
|
declare const ObcAdviceMessageItem: import("svelte").Component<$$ComponentProps, {
|
|
@@ -18,21 +18,69 @@
|
|
|
18
18
|
lineType?: ObcFloatingItemLineType
|
|
19
19
|
}
|
|
20
20
|
export interface Events {
|
|
21
|
-
|
|
21
|
+
onActionClick?: (event: CustomEvent) => void;
|
|
22
|
+
onAction2Click?: (event: CustomEvent) => void;
|
|
23
|
+
onDismissClick?: (event: CustomEvent) => void
|
|
22
24
|
}
|
|
23
25
|
export interface Slots {
|
|
24
|
-
|
|
26
|
+
primaryIcon?: Snippet;
|
|
27
|
+
title?: Snippet;
|
|
28
|
+
description?: Snippet;
|
|
29
|
+
time?: Snippet;
|
|
30
|
+
day?: Snippet;
|
|
31
|
+
actionSnippet?: Snippet;
|
|
32
|
+
action2Snippet?: Snippet
|
|
25
33
|
}
|
|
26
|
-
const { class: className, style,
|
|
34
|
+
const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
|
|
27
35
|
|
|
28
36
|
</script>
|
|
29
37
|
<obc-alert-floating-item
|
|
30
38
|
use:setProperties={props}
|
|
31
39
|
class={className}
|
|
32
40
|
style={style}
|
|
33
|
-
|
|
41
|
+
onaction-click={onActionClick}
|
|
42
|
+
onaction2-click={onAction2Click}
|
|
43
|
+
ondismiss-click={onDismissClick} >
|
|
34
44
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
45
|
+
{#if primaryIcon}
|
|
46
|
+
<div slot="primary-icon">
|
|
47
|
+
{@render primaryIcon()}
|
|
48
|
+
</div>
|
|
49
|
+
{/if}
|
|
50
|
+
|
|
51
|
+
{#if title}
|
|
52
|
+
<div slot="title">
|
|
53
|
+
{@render title()}
|
|
54
|
+
</div>
|
|
55
|
+
{/if}
|
|
56
|
+
|
|
57
|
+
{#if description}
|
|
58
|
+
<div slot="description">
|
|
59
|
+
{@render description()}
|
|
60
|
+
</div>
|
|
61
|
+
{/if}
|
|
62
|
+
|
|
63
|
+
{#if time}
|
|
64
|
+
<div slot="time">
|
|
65
|
+
{@render time()}
|
|
66
|
+
</div>
|
|
67
|
+
{/if}
|
|
68
|
+
|
|
69
|
+
{#if day}
|
|
70
|
+
<div slot="day">
|
|
71
|
+
{@render day()}
|
|
72
|
+
</div>
|
|
73
|
+
{/if}
|
|
74
|
+
|
|
75
|
+
{#if actionSnippet}
|
|
76
|
+
<div slot="action">
|
|
77
|
+
{@render actionSnippet()}
|
|
78
|
+
</div>
|
|
79
|
+
{/if}
|
|
80
|
+
|
|
81
|
+
{#if action2Snippet}
|
|
82
|
+
<div slot="action2">
|
|
83
|
+
{@render action2Snippet()}
|
|
84
|
+
</div>
|
|
85
|
+
{/if}
|
|
38
86
|
</obc-alert-floating-item>
|
|
@@ -13,9 +13,18 @@ export interface Props {
|
|
|
13
13
|
lineType?: ObcFloatingItemLineType;
|
|
14
14
|
}
|
|
15
15
|
export interface Events {
|
|
16
|
+
onActionClick?: (event: CustomEvent) => void;
|
|
17
|
+
onAction2Click?: (event: CustomEvent) => void;
|
|
18
|
+
onDismissClick?: (event: CustomEvent) => void;
|
|
16
19
|
}
|
|
17
20
|
export interface Slots {
|
|
18
|
-
|
|
21
|
+
primaryIcon?: Snippet;
|
|
22
|
+
title?: Snippet;
|
|
23
|
+
description?: Snippet;
|
|
24
|
+
time?: Snippet;
|
|
25
|
+
day?: Snippet;
|
|
26
|
+
actionSnippet?: Snippet;
|
|
27
|
+
action2Snippet?: Snippet;
|
|
19
28
|
}
|
|
20
29
|
type $$ComponentProps = Props & Events & Slots;
|
|
21
30
|
declare const ObcAlertFloatingItem: import("svelte").Component<$$ComponentProps, {
|
|
@@ -9,10 +9,11 @@
|
|
|
9
9
|
export interface Props {
|
|
10
10
|
class?: string;
|
|
11
11
|
style?: string;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
alertType?: AlertType;
|
|
13
|
+
type?: AlertType | undefined;
|
|
14
|
+
acknowledged?: boolean | undefined;
|
|
15
|
+
active?: boolean | undefined;
|
|
16
|
+
silenced?: boolean | undefined
|
|
16
17
|
}
|
|
17
18
|
export interface Events {
|
|
18
19
|
|
|
@@ -4,10 +4,11 @@ import type { Snippet } from 'svelte';
|
|
|
4
4
|
export interface Props {
|
|
5
5
|
class?: string;
|
|
6
6
|
style?: string;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
alertType?: AlertType;
|
|
8
|
+
type?: AlertType | undefined;
|
|
9
|
+
acknowledged?: boolean | undefined;
|
|
10
|
+
active?: boolean | undefined;
|
|
11
|
+
silenced?: boolean | undefined;
|
|
11
12
|
}
|
|
12
13
|
export interface Events {
|
|
13
14
|
}
|