@oicl/openbridge-webcomponents-svelte 2.0.0-next.4 → 2.0.0-next.41

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 (145) hide show
  1. package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte +10 -10
  2. package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte.d.ts +3 -3
  3. package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte +7 -6
  4. package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte.d.ts +10 -6
  5. package/dist/automation/automation-button/ObcAutomationButton.svelte +3 -4
  6. package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts +2 -4
  7. package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte +5 -3
  8. package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte.d.ts +3 -4
  9. package/dist/bars-graphs/pie-chart/ObcPieChart.svelte +5 -3
  10. package/dist/bars-graphs/pie-chart/ObcPieChart.svelte.d.ts +3 -8
  11. package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte +5 -3
  12. package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte.d.ts +3 -4
  13. package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte +3 -3
  14. package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts +3 -8
  15. package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte +3 -3
  16. package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts +3 -8
  17. package/dist/building-blocks/chart-line/ObcChartLineBase.svelte +6 -6
  18. package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts +6 -13
  19. package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte +7 -7
  20. package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts +2 -2
  21. package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte +13 -13
  22. package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts +4 -4
  23. package/dist/components/alert-menu/ObcAlertMenu.svelte +11 -1
  24. package/dist/components/alert-menu/ObcAlertMenu.svelte.d.ts +10 -0
  25. package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte +4 -5
  26. package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts +2 -4
  27. package/dist/components/card/ObcCard.svelte +4 -4
  28. package/dist/components/card/ObcCard.svelte.d.ts +4 -4
  29. package/dist/components/context-menu-input/ObcContextMenuInput.svelte +4 -4
  30. package/dist/components/context-menu-input/ObcContextMenuInput.svelte.d.ts +6 -10
  31. package/dist/components/dropdown-button/ObcDropdownButton.svelte +3 -3
  32. package/dist/components/dropdown-button/ObcDropdownButton.svelte.d.ts +3 -6
  33. package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte +4 -4
  34. package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte.d.ts +1 -1
  35. package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte +3 -3
  36. package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte.d.ts +3 -5
  37. package/dist/components/floating-item/ObcFloatingItem.svelte +7 -7
  38. package/dist/components/floating-item/ObcFloatingItem.svelte.d.ts +2 -2
  39. package/dist/components/form-container/ObcFormContainer.svelte +4 -4
  40. package/dist/components/form-container/ObcFormContainer.svelte.d.ts +1 -1
  41. package/dist/components/icon-button/ObcIconButton.svelte +3 -1
  42. package/dist/components/icon-button/ObcIconButton.svelte.d.ts +2 -0
  43. package/dist/components/menu-button/ObcMenuButton.svelte +6 -4
  44. package/dist/components/menu-button/ObcMenuButton.svelte.d.ts +5 -8
  45. package/dist/components/message-menu-item/ObcMessageMenuItem.svelte +7 -7
  46. package/dist/components/message-menu-item/ObcMessageMenuItem.svelte.d.ts +2 -2
  47. package/dist/components/modal-window/ObcModalWindow.svelte +5 -1
  48. package/dist/components/modal-window/ObcModalWindow.svelte.d.ts +4 -0
  49. package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte +7 -7
  50. package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte.d.ts +2 -2
  51. package/dist/components/number-input-field/ObcNumberInputField.svelte +14 -5
  52. package/dist/components/number-input-field/ObcNumberInputField.svelte.d.ts +14 -2
  53. package/dist/components/slider-double/ObcSliderDouble.svelte +34 -3
  54. package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts +19 -0
  55. package/dist/components/split-button/ObcSplitButton.svelte +6 -4
  56. package/dist/components/split-button/ObcSplitButton.svelte.d.ts +5 -9
  57. package/dist/components/stepper-box/ObcStepperBox.svelte +31 -22
  58. package/dist/components/stepper-box/ObcStepperBox.svelte.d.ts +32 -7
  59. package/dist/components/tab-item/ObcTabItem.svelte +12 -4
  60. package/dist/components/tab-item/ObcTabItem.svelte.d.ts +9 -1
  61. package/dist/components/tab-row/ObcTabRow.svelte +7 -1
  62. package/dist/components/tab-row/ObcTabRow.svelte.d.ts +7 -1
  63. package/dist/components/tag/ObcTag.svelte +3 -2
  64. package/dist/components/tag/ObcTag.svelte.d.ts +3 -1
  65. package/dist/components/title-container/ObcTitleContainer.svelte +4 -4
  66. package/dist/components/title-container/ObcTitleContainer.svelte.d.ts +1 -1
  67. package/dist/index.d.ts +17 -1
  68. package/dist/index.js +17 -1
  69. package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte +3 -5
  70. package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte.d.ts +3 -10
  71. package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte +3 -0
  72. package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte.d.ts +3 -0
  73. package/dist/navigation-instruments/compass/ObcCompass.svelte +17 -1
  74. package/dist/navigation-instruments/compass/ObcCompass.svelte.d.ts +16 -0
  75. package/dist/navigation-instruments/compass-flat/ObcCompassFlat.svelte +8 -1
  76. package/dist/navigation-instruments/compass-flat/ObcCompassFlat.svelte.d.ts +7 -0
  77. package/dist/navigation-instruments/compass-indicator/ObcCompassIndicator.svelte +4 -4
  78. package/dist/navigation-instruments/compass-indicator/ObcCompassIndicator.svelte.d.ts +5 -4
  79. package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte +16 -1
  80. package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte.d.ts +15 -0
  81. package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte +33 -0
  82. package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte.d.ts +20 -0
  83. package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte +34 -0
  84. package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte.d.ts +18 -0
  85. package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte +3 -3
  86. package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte.d.ts +3 -8
  87. package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte +40 -0
  88. package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte.d.ts +25 -0
  89. package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte +3 -3
  90. package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte.d.ts +3 -8
  91. package/dist/navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte +38 -0
  92. package/dist/navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte.d.ts +25 -0
  93. package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte +3 -3
  94. package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte.d.ts +3 -8
  95. package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte +35 -0
  96. package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte.d.ts +22 -0
  97. package/dist/navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte +33 -0
  98. package/dist/navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte.d.ts +20 -0
  99. package/dist/navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte +38 -0
  100. package/dist/navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte.d.ts +26 -0
  101. package/dist/navigation-instruments/pitch/ObcPitch.svelte +12 -1
  102. package/dist/navigation-instruments/pitch/ObcPitch.svelte.d.ts +11 -0
  103. package/dist/navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte +33 -0
  104. package/dist/navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte.d.ts +20 -0
  105. package/dist/navigation-instruments/pitch-roll/ObcPitchRoll.svelte +13 -1
  106. package/dist/navigation-instruments/pitch-roll/ObcPitchRoll.svelte.d.ts +12 -0
  107. package/dist/navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte +38 -0
  108. package/dist/navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte.d.ts +25 -0
  109. package/dist/navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte +35 -0
  110. package/dist/navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte.d.ts +19 -0
  111. package/dist/navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte +6 -0
  112. package/dist/navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte.d.ts +6 -0
  113. package/dist/navigation-instruments/readout/ObcReadout.svelte +169 -0
  114. package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts +112 -0
  115. package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte +54 -0
  116. package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte.d.ts +41 -0
  117. package/dist/navigation-instruments/readout-input/ObcReadoutInput.svelte +63 -0
  118. package/dist/navigation-instruments/readout-input/ObcReadoutInput.svelte.d.ts +47 -0
  119. package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte +62 -0
  120. package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts +44 -0
  121. package/dist/navigation-instruments/roll/ObcRoll.svelte +13 -1
  122. package/dist/navigation-instruments/roll/ObcRoll.svelte.d.ts +12 -0
  123. package/dist/navigation-instruments/roll-indicator/ObcRollIndicator.svelte +33 -0
  124. package/dist/navigation-instruments/roll-indicator/ObcRollIndicator.svelte.d.ts +20 -0
  125. package/dist/navigation-instruments/rot-indicator/ObcRotIndicator.svelte +13 -2
  126. package/dist/navigation-instruments/rot-indicator/ObcRotIndicator.svelte.d.ts +15 -1
  127. package/dist/navigation-instruments/rudder-indicator/ObcRudderIndicator.svelte +35 -0
  128. package/dist/navigation-instruments/rudder-indicator/ObcRudderIndicator.svelte.d.ts +22 -0
  129. package/dist/navigation-instruments/speed-indicator/ObcSpeedIndicator.svelte +5 -3
  130. package/dist/navigation-instruments/speed-indicator/ObcSpeedIndicator.svelte.d.ts +6 -1
  131. package/dist/navigation-instruments/watch/ObcWatch.svelte +3 -1
  132. package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts +2 -0
  133. package/dist/navigation-instruments/watch-flat/ObcWatchFlat.svelte +3 -1
  134. package/dist/navigation-instruments/watch-flat/ObcWatchFlat.svelte.d.ts +2 -0
  135. package/dist/navigation-instruments/wind/ObcWind.svelte +6 -3
  136. package/dist/navigation-instruments/wind/ObcWind.svelte.d.ts +5 -1
  137. package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte +18 -8
  138. package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte.d.ts +21 -6
  139. package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte +62 -0
  140. package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte.d.ts +51 -0
  141. package/dist/pages/alert-list-page-small/ObcAlertListPageSmall.svelte +5 -3
  142. package/dist/pages/alert-list-page-small/ObcAlertListPageSmall.svelte.d.ts +1 -0
  143. package/package.json +2 -2
  144. package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte +0 -69
  145. package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte.d.ts +0 -54
@@ -64,15 +64,15 @@ emptyText?: string
64
64
  export interface Slots {
65
65
  primaryIcon?: Snippet;
66
66
  secondaryIcon?: Snippet;
67
- title?: Snippet;
68
- description?: Snippet;
69
- time?: Snippet;
70
- timeSecondary?: Snippet;
67
+ titleSnippet?: Snippet;
68
+ descriptionSnippet?: Snippet;
69
+ timeSnippet?: Snippet;
70
+ timeSecondarySnippet?: Snippet;
71
71
  actionText?: Snippet;
72
72
  actionIcon?: Snippet;
73
73
  empty?: Snippet
74
74
  }
75
- const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, timeSecondary, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
75
+ const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, titleSnippet, descriptionSnippet, timeSnippet, timeSecondarySnippet, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
76
76
 
77
77
  </script>
78
78
  <obc-advice-message-item
@@ -94,27 +94,27 @@ emptyText?: string
94
94
  </div>
95
95
  {/if}
96
96
 
97
- {#if title}
97
+ {#if titleSnippet}
98
98
  <div slot="title">
99
- {@render title()}
99
+ {@render titleSnippet()}
100
100
  </div>
101
101
  {/if}
102
102
 
103
- {#if description}
103
+ {#if descriptionSnippet}
104
104
  <div slot="description">
105
- {@render description()}
105
+ {@render descriptionSnippet()}
106
106
  </div>
107
107
  {/if}
108
108
 
109
- {#if time}
109
+ {#if timeSnippet}
110
110
  <div slot="time">
111
- {@render time()}
111
+ {@render timeSnippet()}
112
112
  </div>
113
113
  {/if}
114
114
 
115
- {#if timeSecondary}
115
+ {#if timeSecondarySnippet}
116
116
  <div slot="time-secondary">
117
- {@render timeSecondary()}
117
+ {@render timeSecondarySnippet()}
118
118
  </div>
119
119
  {/if}
120
120
 
@@ -59,10 +59,10 @@ export interface Events {
59
59
  export interface Slots {
60
60
  primaryIcon?: Snippet;
61
61
  secondaryIcon?: Snippet;
62
- title?: Snippet;
63
- description?: Snippet;
64
- time?: Snippet;
65
- timeSecondary?: Snippet;
62
+ titleSnippet?: Snippet;
63
+ descriptionSnippet?: Snippet;
64
+ timeSnippet?: Snippet;
65
+ timeSecondarySnippet?: Snippet;
66
66
  actionText?: Snippet;
67
67
  actionIcon?: Snippet;
68
68
  empty?: Snippet;
@@ -18,7 +18,17 @@ hasShelved?: boolean;
18
18
  Should be set to true only when there are unacknowledged alerts in view.
19
19
 
20
20
  Default: false. */
21
- canAckAll?: boolean
21
+ canAckAll?: boolean;
22
+ /** If true, shows the "Silence" button in the action bar.
23
+ When hidden, the "ACK visible" button expands to fill the freed space.
24
+
25
+ Default: true. */
26
+ showSilenceButton?: boolean;
27
+ /** If true, shows the "Alerts" navigation button in the action bar.
28
+ When hidden, the "ACK visible" button expands to fill the freed space.
29
+
30
+ Default: true. */
31
+ showAlertListButton?: boolean
22
32
  }
23
33
  export interface Events {
24
34
  onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;
@@ -14,6 +14,16 @@ Should be set to true only when there are unacknowledged alerts in view.
14
14
 
15
15
  Default: false. */
16
16
  canAckAll?: boolean;
17
+ /** If true, shows the "Silence" button in the action bar.
18
+ When hidden, the "ACK visible" button expands to fill the freed space.
19
+
20
+ Default: true. */
21
+ showSilenceButton?: boolean;
22
+ /** If true, shows the "Alerts" navigation button in the action bar.
23
+ When hidden, the "ACK visible" button expands to fill the freed space.
24
+
25
+ Default: true. */
26
+ showAlertListButton?: boolean;
17
27
  }
18
28
  export interface Events {
19
29
  onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;
@@ -1,19 +1,18 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
3
+ export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
6
+ import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
10
10
  class?: string;
11
11
  style?: string;
12
12
  readouts?: AutomationButtonReadoutStack[];
13
- tag?: AutomationButtonReadoutStackTag | null;
13
+ tag?: string | null;
14
14
  size?: AutomationButtonReadoutStackSize;
15
- idTagOrientation?: IdTagOrientation;
16
- hasIdTag?: boolean
15
+ idTagOrientation?: IdTagOrientation
17
16
  }
18
17
  export interface Events {
19
18
 
@@ -1,14 +1,13 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
2
- import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
2
+ import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
6
6
  style?: string;
7
7
  readouts?: AutomationButtonReadoutStack[];
8
- tag?: AutomationButtonReadoutStackTag | null;
8
+ tag?: string | null;
9
9
  size?: AutomationButtonReadoutStackSize;
10
10
  idTagOrientation?: IdTagOrientation;
11
- hasIdTag?: boolean;
12
11
  }
13
12
  export interface Events {
14
13
  }
@@ -18,7 +17,6 @@ export interface Slots {
18
17
  type $$ComponentProps = Props & Events & Slots;
19
18
  declare const ObcAutomationButtonReadoutStack: import("svelte").Component<$$ComponentProps, {
20
19
  AutomationButtonReadoutStack: typeof AutomationButtonReadoutStack;
21
- AutomationButtonReadoutStackTag: typeof AutomationButtonReadoutStackTag;
22
20
  AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
23
21
  IdTagOrientation: typeof IdTagOrientation;
24
22
  }, "">;
@@ -14,13 +14,13 @@
14
14
 
15
15
  When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
16
16
  hasDialog?: boolean;
17
- /** Total time in milliseconds before the dialog auto-closes.
17
+ /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
18
18
 
19
- When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
19
+ When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
20
20
  dialogTimeOutSeconds?: number;
21
- /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
21
+ /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
22
22
 
23
- The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
23
+ The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
24
24
  dialogVisibleTimerSeconds?: number
25
25
  }
26
26
  export interface Events {
@@ -8,13 +8,13 @@ export interface Props {
8
8
 
9
9
  When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
10
10
  hasDialog?: boolean;
11
- /** Total time in milliseconds before the dialog auto-closes.
11
+ /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
12
12
 
13
- When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
13
+ When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
14
14
  dialogTimeOutSeconds?: number;
15
- /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
15
+ /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
16
16
 
17
- The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
17
+ The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
18
18
  dialogVisibleTimerSeconds?: number;
19
19
  }
20
20
  export interface Events {
@@ -1,9 +1,9 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
3
+ export type {ObcContextMenuInputChangeEvent, ObcContextMenuInputItemClickEvent, ContextMenuType, ContextMenuOption, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
6
+ import type {ObcContextMenuInputChangeEvent, ObcContextMenuInputItemClickEvent, ContextMenuType, ContextMenuOption, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
@@ -55,8 +55,8 @@ When enabled, only one option can be selected in each group or column. */
55
55
  selectPerGroup?: boolean | undefined
56
56
  }
57
57
  export interface Events {
58
- onChange?: (event: CustomEvent<{selectedValues: string[], selectedOptions: ContextMenuOption[]}>) => void;
59
- onItemClick?: (event: CustomEvent<{value: string, option: ContextMenuOption}>) => void;
58
+ onChange?: (event: ObcContextMenuInputChangeEvent) => void;
59
+ onItemClick?: (event: ObcContextMenuInputItemClickEvent) => void;
60
60
  onClose?: (event: CustomEvent<void>) => void
61
61
  }
62
62
  export interface Slots {
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
2
- import type { ContextMenuOption, ContextMenuType, ColumnGroup } from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
2
+ import type { ObcContextMenuInputChangeEvent, ObcContextMenuInputItemClickEvent, ContextMenuType, ContextMenuOption, ColumnGroup } from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -50,14 +50,8 @@ When enabled, only one option can be selected in each group or column. */
50
50
  selectPerGroup?: boolean | undefined;
51
51
  }
52
52
  export interface Events {
53
- onChange?: (event: CustomEvent<{
54
- selectedValues: string[];
55
- selectedOptions: ContextMenuOption[];
56
- }>) => void;
57
- onItemClick?: (event: CustomEvent<{
58
- value: string;
59
- option: ContextMenuOption;
60
- }>) => void;
53
+ onChange?: (event: ObcContextMenuInputChangeEvent) => void;
54
+ onItemClick?: (event: ObcContextMenuInputItemClickEvent) => void;
61
55
  onClose?: (event: CustomEvent<void>) => void;
62
56
  }
63
57
  export interface Slots {
@@ -65,8 +59,10 @@ export interface Slots {
65
59
  }
66
60
  type $$ComponentProps = Props & Events & Slots;
67
61
  declare const ObcContextMenuInput: import("svelte").Component<$$ComponentProps, {
68
- ContextMenuOption: typeof ContextMenuOption;
62
+ ObcContextMenuInputChangeEvent: typeof ObcContextMenuInputChangeEvent;
63
+ ObcContextMenuInputItemClickEvent: typeof ObcContextMenuInputItemClickEvent;
69
64
  ContextMenuType: typeof ContextMenuType;
65
+ ContextMenuOption: typeof ContextMenuOption;
70
66
  ColumnGroup: typeof ColumnGroup;
71
67
  }, "">;
72
68
  type ObcContextMenuInput = ReturnType<typeof ObcContextMenuInput>;
@@ -1,9 +1,9 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
3
+ export type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
6
+ import type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
@@ -16,7 +16,7 @@ Example:
16
16
  { value: 'volvo', label: 'Volvo' },
17
17
  { value: 'xc90', label: 'XC 90', level: 2 }
18
18
  ] */
19
- options?: { value: string; label: string; level?: number | undefined; }[];
19
+ options?: DropdownButtonOption[];
20
20
  /** The value of the currently selected option. If not set, defaults to the first option in the list. */
21
21
  value?: string | undefined;
22
22
  disabled?: boolean;
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
2
- import type { ObcDropdownButtonChangeEvent, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
2
+ import type { ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -11,11 +11,7 @@ Example:
11
11
  { value: 'volvo', label: 'Volvo' },
12
12
  { value: 'xc90', label: 'XC 90', level: 2 }
13
13
  ] */
14
- options?: {
15
- value: string;
16
- label: string;
17
- level?: number | undefined;
18
- }[];
14
+ options?: DropdownButtonOption[];
19
15
  /** The value of the currently selected option. If not set, defaults to the first option in the list. */
20
16
  value?: string | undefined;
21
17
  disabled?: boolean;
@@ -43,6 +39,7 @@ export interface Slots {
43
39
  type $$ComponentProps = Props & Events & Slots;
44
40
  declare const ObcDropdownButton: import("svelte").Component<$$ComponentProps, {
45
41
  ObcDropdownButtonChangeEvent: typeof ObcDropdownButtonChangeEvent;
42
+ DropdownButtonOption: typeof DropdownButtonOption;
46
43
  DropdownButtonType: typeof DropdownButtonType;
47
44
  }, "">;
48
45
  type ObcDropdownButton = ReturnType<typeof ObcDropdownButton>;
@@ -39,9 +39,9 @@ required?: boolean
39
39
  }
40
40
  export interface Slots {
41
41
  leadingIcon?: Snippet;
42
- label?: Snippet
42
+ labelSnippet?: Snippet
43
43
  }
44
- const {onChange, class: className, style, leadingIcon, label, ...props} = $props<Props & Events & Slots>();
44
+ const {onChange, class: className, style, leadingIcon, labelSnippet, ...props} = $props<Props & Events & Slots>();
45
45
 
46
46
  </script>
47
47
  <obc-elevated-card-radio
@@ -56,9 +56,9 @@ required?: boolean
56
56
  </div>
57
57
  {/if}
58
58
 
59
- {#if label}
59
+ {#if labelSnippet}
60
60
  <div slot="label">
61
- {@render label()}
61
+ {@render labelSnippet()}
62
62
  </div>
63
63
  {/if}
64
64
  </obc-elevated-card-radio>
@@ -34,7 +34,7 @@ export interface Events {
34
34
  }
35
35
  export interface Slots {
36
36
  leadingIcon?: Snippet;
37
- label?: Snippet;
37
+ labelSnippet?: Snippet;
38
38
  }
39
39
  type $$ComponentProps = Props & Events & Slots;
40
40
  declare const ObcElevatedCardRadio: import("svelte").Component<$$ComponentProps, {
@@ -1,9 +1,9 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
3
+ export type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
5
5
  import { setProperties } from "../../util.js";
6
- import type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
6
+ import type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
7
7
  import type { Snippet } from 'svelte';
8
8
 
9
9
  export interface Props {
@@ -12,7 +12,7 @@
12
12
  /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
13
13
 
14
14
  Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
15
- options?: { label: string; value: string; }[];
15
+ options?: ElevatedCardRadioGroupOption[];
16
16
  /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
17
17
 
18
18
  Default: `'default'` */
@@ -1,5 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
2
- import type { ObcElevatedCardRadioGroupChangeEvent } from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
2
+ import type { ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption } from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
3
3
  import type { Snippet } from 'svelte';
4
4
  export interface Props {
5
5
  class?: string;
@@ -7,10 +7,7 @@ export interface Props {
7
7
  /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
8
8
 
9
9
  Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
10
- options?: {
11
- label: string;
12
- value: string;
13
- }[];
10
+ options?: ElevatedCardRadioGroupOption[];
14
11
  /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
15
12
 
16
13
  Default: `'default'` */
@@ -33,6 +30,7 @@ export interface Slots {
33
30
  type $$ComponentProps = Props & Events & Slots;
34
31
  declare const ObcElevatedCardRadioGroup: import("svelte").Component<$$ComponentProps, {
35
32
  ObcElevatedCardRadioGroupChangeEvent: typeof ObcElevatedCardRadioGroupChangeEvent;
33
+ ElevatedCardRadioGroupOption: typeof ElevatedCardRadioGroupOption;
36
34
  }, "">;
37
35
  type ObcElevatedCardRadioGroup = ReturnType<typeof ObcElevatedCardRadioGroup>;
38
36
  export default ObcElevatedCardRadioGroup;
@@ -54,10 +54,10 @@ lineType?: ObcFloatingItemLineType
54
54
  description?: Snippet;
55
55
  time?: Snippet;
56
56
  day?: Snippet;
57
- action?: Snippet;
58
- action2?: Snippet
57
+ actionSnippet?: Snippet;
58
+ action2Snippet?: Snippet
59
59
  }
60
- const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, action, action2, ...props} = $props<Props & Events & Slots>();
60
+ const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
61
61
 
62
62
  </script>
63
63
  <obc-floating-item
@@ -104,15 +104,15 @@ lineType?: ObcFloatingItemLineType
104
104
  </div>
105
105
  {/if}
106
106
 
107
- {#if action}
107
+ {#if actionSnippet}
108
108
  <div slot="action">
109
- {@render action()}
109
+ {@render actionSnippet()}
110
110
  </div>
111
111
  {/if}
112
112
 
113
- {#if action2}
113
+ {#if action2Snippet}
114
114
  <div slot="action2">
115
- {@render action2()}
115
+ {@render action2Snippet()}
116
116
  </div>
117
117
  {/if}
118
118
  </obc-floating-item>
@@ -49,8 +49,8 @@ export interface Slots {
49
49
  description?: Snippet;
50
50
  time?: Snippet;
51
51
  day?: Snippet;
52
- action?: Snippet;
53
- action2?: Snippet;
52
+ actionSnippet?: Snippet;
53
+ action2Snippet?: Snippet;
54
54
  }
55
55
  type $$ComponentProps = Props & Events & Slots;
56
56
  declare const ObcFloatingItem: import("svelte").Component<$$ComponentProps, {
@@ -17,11 +17,11 @@
17
17
  }
18
18
  export interface Slots {
19
19
  title?: Snippet;
20
- contentTitle?: Snippet;
20
+ contentTitleSnippet?: Snippet;
21
21
  children?: Snippet;
22
22
  footer?: Snippet
23
23
  }
24
- const { class: className, style, title, contentTitle, children, footer, ...props} = $props<Props & Events & Slots>();
24
+ const { class: className, style, title, contentTitleSnippet, children, footer, ...props} = $props<Props & Events & Slots>();
25
25
 
26
26
  </script>
27
27
  <obc-form-container
@@ -36,9 +36,9 @@
36
36
  </div>
37
37
  {/if}
38
38
 
39
- {#if contentTitle}
39
+ {#if contentTitleSnippet}
40
40
  <div slot="content-title">
41
- {@render contentTitle()}
41
+ {@render contentTitleSnippet()}
42
42
  </div>
43
43
  {/if}
44
44
 
@@ -11,7 +11,7 @@ export interface Events {
11
11
  }
12
12
  export interface Slots {
13
13
  title?: Snippet;
14
- contentTitle?: Snippet;
14
+ contentTitleSnippet?: Snippet;
15
15
  children?: Snippet;
16
16
  footer?: Snippet;
17
17
  }
@@ -35,7 +35,9 @@ Use to indicate ongoing actions or loading states.
35
35
  If undefined, no progress indicator is shown. */
36
36
  progress?: number | undefined;
37
37
  /** If true, displays a label below the icon using the `label` slot. */
38
- hasLabel?: boolean
38
+ hasLabel?: boolean;
39
+ /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
40
+ showDivider?: boolean
39
41
  }
40
42
  export interface Events {
41
43
 
@@ -31,6 +31,8 @@ If undefined, no progress indicator is shown. */
31
31
  progress?: number | undefined;
32
32
  /** If true, displays a label below the icon using the `label` slot. */
33
33
  hasLabel?: boolean;
34
+ /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
35
+ showDivider?: boolean;
34
36
  }
35
37
  export interface Events {
36
38
  }
@@ -1,9 +1,11 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
3
+ export type {ObcSplitButtonChangeEvent, ObcMenuButtonItemClickEvent} from '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
4
+ export type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
4
5
  import '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
5
6
  import { setProperties } from "../../util.js";
6
- import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
7
+ import type {ObcSplitButtonChangeEvent, ObcMenuButtonItemClickEvent} from '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
8
+ import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
7
9
  import type { Snippet } from 'svelte';
8
10
 
9
11
  export interface Props {
@@ -64,8 +66,8 @@ Disables both the button and the menu. */
64
66
  disabled?: boolean
65
67
  }
66
68
  export interface Events {
67
- onChange?: (event: CustomEvent<{selectedValues: string[], selectedOptions: Array<ContextMenuOption>}>) => void;
68
- onItemClick?: (event: CustomEvent<{value: string, option: ContextMenuOption}>) => void;
69
+ onChange?: (event: ObcSplitButtonChangeEvent) => void;
70
+ onItemClick?: (event: ObcMenuButtonItemClickEvent) => void;
69
71
  onOpen?: (event: CustomEvent<void>) => void;
70
72
  onClose?: (event: CustomEvent<void>) => void
71
73
  }
@@ -1,4 +1,5 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
2
+ import type { ObcSplitButtonChangeEvent, ObcMenuButtonItemClickEvent } from '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
2
3
  import type { ContextMenuOption, ContextMenuType, ColumnGroup } from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
3
4
  import type { Snippet } from 'svelte';
4
5
  export interface Props {
@@ -59,14 +60,8 @@ Disables both the button and the menu. */
59
60
  disabled?: boolean;
60
61
  }
61
62
  export interface Events {
62
- onChange?: (event: CustomEvent<{
63
- selectedValues: string[];
64
- selectedOptions: Array<ContextMenuOption>;
65
- }>) => void;
66
- onItemClick?: (event: CustomEvent<{
67
- value: string;
68
- option: ContextMenuOption;
69
- }>) => void;
63
+ onChange?: (event: ObcSplitButtonChangeEvent) => void;
64
+ onItemClick?: (event: ObcMenuButtonItemClickEvent) => void;
70
65
  onOpen?: (event: CustomEvent<void>) => void;
71
66
  onClose?: (event: CustomEvent<void>) => void;
72
67
  }
@@ -75,6 +70,8 @@ export interface Slots {
75
70
  }
76
71
  type $$ComponentProps = Props & Events & Slots;
77
72
  declare const ObcMenuButton: import("svelte").Component<$$ComponentProps, {
73
+ ObcSplitButtonChangeEvent: typeof ObcSplitButtonChangeEvent;
74
+ ObcMenuButtonItemClickEvent: typeof ObcMenuButtonItemClickEvent;
78
75
  ContextMenuOption: typeof ContextMenuOption;
79
76
  ContextMenuType: typeof ContextMenuType;
80
77
  ColumnGroup: typeof ColumnGroup;
@@ -31,14 +31,14 @@
31
31
  onSecondaryActionClick?: (event: CustomEvent<void>) => void
32
32
  }
33
33
  export interface Slots {
34
- title?: Snippet;
35
- description?: Snippet;
34
+ titleSnippet?: Snippet;
35
+ descriptionSnippet?: Snippet;
36
36
  actionLabel?: Snippet;
37
37
  primaryIcon?: Snippet;
38
38
  secondaryIcon?: Snippet;
39
39
  trailingIcon?: Snippet
40
40
  }
41
- const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, title, description, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
41
+ const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, titleSnippet, descriptionSnippet, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
42
42
 
43
43
  </script>
44
44
  <obc-message-menu-item
@@ -49,15 +49,15 @@
49
49
  onprimary-action-click={onPrimaryActionClick}
50
50
  onsecondary-action-click={onSecondaryActionClick} >
51
51
 
52
- {#if title}
52
+ {#if titleSnippet}
53
53
  <div slot="title">
54
- {@render title()}
54
+ {@render titleSnippet()}
55
55
  </div>
56
56
  {/if}
57
57
 
58
- {#if description}
58
+ {#if descriptionSnippet}
59
59
  <div slot="description">
60
- {@render description()}
60
+ {@render descriptionSnippet()}
61
61
  </div>
62
62
  {/if}
63
63
 
@@ -28,8 +28,8 @@ export interface Events {
28
28
  onSecondaryActionClick?: (event: CustomEvent<void>) => void;
29
29
  }
30
30
  export interface Slots {
31
- title?: Snippet;
32
- description?: Snippet;
31
+ titleSnippet?: Snippet;
32
+ descriptionSnippet?: Snippet;
33
33
  actionLabel?: Snippet;
34
34
  primaryIcon?: Snippet;
35
35
  secondaryIcon?: Snippet;
@@ -14,7 +14,11 @@ size?: ObcModalWindowSize;
14
14
  /** Whether to show an optional third action button. */
15
15
  hasOptionalAction?: boolean;
16
16
  /** Whether to show the leading icon slot in the header. */
17
- hasLeadingIcon?: boolean
17
+ hasLeadingIcon?: boolean;
18
+ /** Whether to show the footer cancel button. */
19
+ hasCancelAction?: boolean;
20
+ /** Whether to show the header close (X) button. */
21
+ hasCloseAction?: boolean
18
22
  }
19
23
  export interface Events {
20
24
  onCloseClick?: (event: CustomEvent<unknown>) => void;
@@ -10,6 +10,10 @@ export interface Props {
10
10
  hasOptionalAction?: boolean;
11
11
  /** Whether to show the leading icon slot in the header. */
12
12
  hasLeadingIcon?: boolean;
13
+ /** Whether to show the footer cancel button. */
14
+ hasCancelAction?: boolean;
15
+ /** Whether to show the header close (X) button. */
16
+ hasCloseAction?: boolean;
13
17
  }
14
18
  export interface Events {
15
19
  onCloseClick?: (event: CustomEvent<unknown>) => void;