@oicl/openbridge-webcomponents-svelte 2.0.0-next.96 → 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.
Files changed (62) hide show
  1. package/dist/ar/poi/ObcPoi.svelte +8 -1
  2. package/dist/ar/poi/ObcPoi.svelte.d.ts +1 -0
  3. package/dist/ar/poi-layer/ObcPoiLayer.svelte +5 -3
  4. package/dist/ar/poi-layer/ObcPoiLayer.svelte.d.ts +1 -0
  5. package/dist/ar/poi-object/ObcPoiObjectAton.svelte +3 -3
  6. package/dist/automation/automation-badge/ObcAutomationBadge.svelte +11 -4
  7. package/dist/automation/automation-badge/ObcAutomationBadge.svelte.d.ts +1 -0
  8. package/dist/automation/automation-button/ObcAutomationButton.svelte +63 -5
  9. package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts +9 -1
  10. package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte +28 -5
  11. package/dist/automation/automation-input-modal/ObcAutomationInputModal.svelte.d.ts +4 -1
  12. package/dist/building-blocks/alert-list/ObcAlertList.svelte +26 -5
  13. package/dist/building-blocks/alert-list/ObcAlertList.svelte.d.ts +3 -0
  14. package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte +3 -3
  15. package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts +1 -0
  16. package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte +3 -3
  17. package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts +1 -0
  18. package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte +1 -8
  19. package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts +0 -1
  20. package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte +2 -58
  21. package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts +0 -8
  22. package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte +55 -7
  23. package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte.d.ts +10 -1
  24. package/dist/components/alert-menu/ObcAlertMenu.svelte +13 -57
  25. package/dist/components/alert-menu/ObcAlertMenu.svelte.d.ts +3 -10
  26. package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte +15 -1
  27. package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte.d.ts +2 -0
  28. package/dist/components/chat-message/ObcChatMessage.svelte +3 -3
  29. package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte +5 -14
  30. package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte.d.ts +1 -2
  31. package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte +13 -7
  32. package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte.d.ts +8 -1
  33. package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte +1 -8
  34. package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte.d.ts +0 -1
  35. package/dist/components/sequence-card/ObcSequenceCard.svelte +53 -4
  36. package/dist/components/sequence-card/ObcSequenceCard.svelte.d.ts +7 -0
  37. package/dist/components/sequence-item/ObcSequenceItem.svelte +28 -5
  38. package/dist/components/sequence-item/ObcSequenceItem.svelte.d.ts +4 -1
  39. package/dist/components/sequence-modal/ObcSequenceModal.svelte +13 -6
  40. package/dist/components/sequence-modal/ObcSequenceModal.svelte.d.ts +2 -0
  41. package/dist/components/slider-double/ObcSliderDouble.svelte +1 -15
  42. package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts +0 -2
  43. package/dist/components/status-indicator/ObcStatusIndicator.svelte +3 -3
  44. package/dist/components/system-menu/ObcSystemMenu.svelte +9 -5
  45. package/dist/components/system-menu/ObcSystemMenu.svelte.d.ts +2 -1
  46. package/dist/components/table-header-item/ObcTableHeaderItem.svelte +11 -4
  47. package/dist/components/table-header-item/ObcTableHeaderItem.svelte.d.ts +1 -0
  48. package/dist/components/tag/ObcTag.svelte +3 -3
  49. package/dist/components/user-menu/ObcUserMenu.svelte +7 -5
  50. package/dist/components/user-menu/ObcUserMenu.svelte.d.ts +1 -1
  51. package/dist/integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte +7 -5
  52. package/dist/integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte.d.ts +1 -1
  53. package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte +2 -9
  54. package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte.d.ts +0 -1
  55. package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte +7 -5
  56. package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte.d.ts +1 -1
  57. package/dist/integration-systems/integration-tabs/ObcIntegrationTabs.svelte +3 -3
  58. package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte +3 -3
  59. package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte.d.ts +0 -1
  60. package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte +3 -3
  61. package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte.d.ts +0 -1
  62. 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()}
@@ -34,6 +34,7 @@ export interface Events {
34
34
  }
35
35
  export interface Slots {
36
36
  children?: Snippet;
37
+ button?: Snippet;
37
38
  header?: Snippet;
38
39
  }
39
40
  type $$ComponentProps = Props & Events & Slots;
@@ -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,6 +16,7 @@ export interface Events {
16
16
  height: number;
17
17
  label: string;
18
18
  }>) => void;
19
+ onLayerSelectionChanged?: (event: Event) => void;
19
20
  }
20
21
  export interface Slots {
21
22
  children?: Snippet;
@@ -31,7 +31,7 @@ import type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi
31
31
  style={style}
32
32
  >
33
33
 
34
- {#if children}
35
- {@render children()}
36
- {/if}
34
+ {#if children}
35
+ {@render children()}
36
+ {/if}
37
37
  </obc-poi-object-aton>
@@ -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
- {#if children}
31
- {@render children()}
32
- {/if}
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>
@@ -10,6 +10,7 @@ export interface Props {
10
10
  export interface Events {
11
11
  }
12
12
  export interface Slots {
13
+ iconSilhouette?: Snippet;
13
14
  children?: Snippet;
14
15
  }
15
16
  type $$ComponentProps = Props & Events & Slots;
@@ -47,9 +47,17 @@ hasBadgeSpacer?: boolean
47
47
 
48
48
  }
49
49
  export interface Slots {
50
- children?: Snippet
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, children, ...props} = $props<Props & Events & Slots>();
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
- {#if children}
62
- {@render children()}
63
- {/if}
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
- children?: Snippet;
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
- children?: Snippet
18
+ header?: Snippet;
19
+ preview?: Snippet;
20
+ actionPrimary?: Snippet;
21
+ actionSecondary?: Snippet
19
22
  }
20
- const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
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
- {#if children}
30
- {@render children()}
31
- {/if}
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
- children?: Snippet;
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
- {#if children}
30
- {@render children()}
31
- {/if}
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, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
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()}
@@ -40,7 +40,6 @@ export interface Events {
40
40
  }
41
41
  export interface Slots {
42
42
  primaryIcon?: Snippet;
43
- secondaryIcon?: Snippet;
44
43
  title?: Snippet;
45
44
  description?: Snippet;
46
45
  time?: Snippet;
@@ -62,17 +62,9 @@ emptyText?: string
62
62
  onActionClick?: (event: CustomEvent<void>) => void
63
63
  }
64
64
  export interface Slots {
65
- primaryIcon?: Snippet;
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, primaryIcon, secondaryIcon, titleSnippet, descriptionSnippet, timeSnippet, timeSecondarySnippet, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
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
- children?: Snippet
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, children, ...props} = $props<Props & Events & Slots>();
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
- {#if children}
36
- {@render children()}
37
- {/if}
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
- children?: Snippet;
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, {