@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.
- package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte +10 -10
- package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte.d.ts +3 -3
- package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte +7 -6
- package/dist/automation/automation-button/ObcAbstractAutomationButton.svelte.d.ts +10 -6
- package/dist/automation/automation-button/ObcAutomationButton.svelte +3 -4
- package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts +2 -4
- package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte +5 -3
- package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte.d.ts +3 -4
- package/dist/bars-graphs/pie-chart/ObcPieChart.svelte +5 -3
- package/dist/bars-graphs/pie-chart/ObcPieChart.svelte.d.ts +3 -8
- package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte +5 -3
- package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte.d.ts +3 -4
- package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte +3 -3
- package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts +3 -8
- package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte +3 -3
- package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts +3 -8
- package/dist/building-blocks/chart-line/ObcChartLineBase.svelte +6 -6
- package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts +6 -13
- package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte +7 -7
- package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts +2 -2
- package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte +13 -13
- package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts +4 -4
- package/dist/components/alert-menu/ObcAlertMenu.svelte +11 -1
- package/dist/components/alert-menu/ObcAlertMenu.svelte.d.ts +10 -0
- package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte +4 -5
- package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts +2 -4
- package/dist/components/card/ObcCard.svelte +4 -4
- package/dist/components/card/ObcCard.svelte.d.ts +4 -4
- package/dist/components/context-menu-input/ObcContextMenuInput.svelte +4 -4
- package/dist/components/context-menu-input/ObcContextMenuInput.svelte.d.ts +6 -10
- package/dist/components/dropdown-button/ObcDropdownButton.svelte +3 -3
- package/dist/components/dropdown-button/ObcDropdownButton.svelte.d.ts +3 -6
- package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte +4 -4
- package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte.d.ts +1 -1
- package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte +3 -3
- package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte.d.ts +3 -5
- package/dist/components/floating-item/ObcFloatingItem.svelte +7 -7
- package/dist/components/floating-item/ObcFloatingItem.svelte.d.ts +2 -2
- package/dist/components/form-container/ObcFormContainer.svelte +4 -4
- package/dist/components/form-container/ObcFormContainer.svelte.d.ts +1 -1
- package/dist/components/icon-button/ObcIconButton.svelte +3 -1
- package/dist/components/icon-button/ObcIconButton.svelte.d.ts +2 -0
- package/dist/components/menu-button/ObcMenuButton.svelte +6 -4
- package/dist/components/menu-button/ObcMenuButton.svelte.d.ts +5 -8
- package/dist/components/message-menu-item/ObcMessageMenuItem.svelte +7 -7
- package/dist/components/message-menu-item/ObcMessageMenuItem.svelte.d.ts +2 -2
- package/dist/components/modal-window/ObcModalWindow.svelte +5 -1
- package/dist/components/modal-window/ObcModalWindow.svelte.d.ts +4 -0
- package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte +7 -7
- package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte.d.ts +2 -2
- package/dist/components/number-input-field/ObcNumberInputField.svelte +14 -5
- package/dist/components/number-input-field/ObcNumberInputField.svelte.d.ts +14 -2
- package/dist/components/slider-double/ObcSliderDouble.svelte +34 -3
- package/dist/components/slider-double/ObcSliderDouble.svelte.d.ts +19 -0
- package/dist/components/split-button/ObcSplitButton.svelte +6 -4
- package/dist/components/split-button/ObcSplitButton.svelte.d.ts +5 -9
- package/dist/components/stepper-box/ObcStepperBox.svelte +31 -22
- package/dist/components/stepper-box/ObcStepperBox.svelte.d.ts +32 -7
- package/dist/components/tab-item/ObcTabItem.svelte +12 -4
- package/dist/components/tab-item/ObcTabItem.svelte.d.ts +9 -1
- package/dist/components/tab-row/ObcTabRow.svelte +7 -1
- package/dist/components/tab-row/ObcTabRow.svelte.d.ts +7 -1
- package/dist/components/tag/ObcTag.svelte +3 -2
- package/dist/components/tag/ObcTag.svelte.d.ts +3 -1
- package/dist/components/title-container/ObcTitleContainer.svelte +4 -4
- package/dist/components/title-container/ObcTitleContainer.svelte.d.ts +1 -1
- package/dist/index.d.ts +17 -1
- package/dist/index.js +17 -1
- package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte +3 -5
- package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte.d.ts +3 -10
- package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte +3 -0
- package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte.d.ts +3 -0
- package/dist/navigation-instruments/compass/ObcCompass.svelte +17 -1
- package/dist/navigation-instruments/compass/ObcCompass.svelte.d.ts +16 -0
- package/dist/navigation-instruments/compass-flat/ObcCompassFlat.svelte +8 -1
- package/dist/navigation-instruments/compass-flat/ObcCompassFlat.svelte.d.ts +7 -0
- package/dist/navigation-instruments/compass-indicator/ObcCompassIndicator.svelte +4 -4
- package/dist/navigation-instruments/compass-indicator/ObcCompassIndicator.svelte.d.ts +5 -4
- package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte +16 -1
- package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte.d.ts +15 -0
- package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte +33 -0
- package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte.d.ts +20 -0
- package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte +34 -0
- package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte.d.ts +18 -0
- package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte +3 -3
- package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte.d.ts +3 -8
- package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte +40 -0
- package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte.d.ts +25 -0
- package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte +3 -3
- package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte.d.ts +3 -8
- package/dist/navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte +38 -0
- package/dist/navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte.d.ts +25 -0
- package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte +3 -3
- package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte.d.ts +3 -8
- package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte +35 -0
- package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte.d.ts +22 -0
- package/dist/navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte +33 -0
- package/dist/navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte.d.ts +20 -0
- package/dist/navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte +38 -0
- package/dist/navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte.d.ts +26 -0
- package/dist/navigation-instruments/pitch/ObcPitch.svelte +12 -1
- package/dist/navigation-instruments/pitch/ObcPitch.svelte.d.ts +11 -0
- package/dist/navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte +33 -0
- package/dist/navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte.d.ts +20 -0
- package/dist/navigation-instruments/pitch-roll/ObcPitchRoll.svelte +13 -1
- package/dist/navigation-instruments/pitch-roll/ObcPitchRoll.svelte.d.ts +12 -0
- package/dist/navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte +38 -0
- package/dist/navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte.d.ts +25 -0
- package/dist/navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte +35 -0
- package/dist/navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte.d.ts +19 -0
- package/dist/navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte +6 -0
- package/dist/navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte.d.ts +6 -0
- package/dist/navigation-instruments/readout/ObcReadout.svelte +169 -0
- package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts +112 -0
- package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte +54 -0
- package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte.d.ts +41 -0
- package/dist/navigation-instruments/readout-input/ObcReadoutInput.svelte +63 -0
- package/dist/navigation-instruments/readout-input/ObcReadoutInput.svelte.d.ts +47 -0
- package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte +62 -0
- package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts +44 -0
- package/dist/navigation-instruments/roll/ObcRoll.svelte +13 -1
- package/dist/navigation-instruments/roll/ObcRoll.svelte.d.ts +12 -0
- package/dist/navigation-instruments/roll-indicator/ObcRollIndicator.svelte +33 -0
- package/dist/navigation-instruments/roll-indicator/ObcRollIndicator.svelte.d.ts +20 -0
- package/dist/navigation-instruments/rot-indicator/ObcRotIndicator.svelte +13 -2
- package/dist/navigation-instruments/rot-indicator/ObcRotIndicator.svelte.d.ts +15 -1
- package/dist/navigation-instruments/rudder-indicator/ObcRudderIndicator.svelte +35 -0
- package/dist/navigation-instruments/rudder-indicator/ObcRudderIndicator.svelte.d.ts +22 -0
- package/dist/navigation-instruments/speed-indicator/ObcSpeedIndicator.svelte +5 -3
- package/dist/navigation-instruments/speed-indicator/ObcSpeedIndicator.svelte.d.ts +6 -1
- package/dist/navigation-instruments/watch/ObcWatch.svelte +3 -1
- package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts +2 -0
- package/dist/navigation-instruments/watch-flat/ObcWatchFlat.svelte +3 -1
- package/dist/navigation-instruments/watch-flat/ObcWatchFlat.svelte.d.ts +2 -0
- package/dist/navigation-instruments/wind/ObcWind.svelte +6 -3
- package/dist/navigation-instruments/wind/ObcWind.svelte.d.ts +5 -1
- package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte +18 -8
- package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte.d.ts +21 -6
- package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte +62 -0
- package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte.d.ts +51 -0
- package/dist/pages/alert-list-page-small/ObcAlertListPageSmall.svelte +5 -3
- package/dist/pages/alert-list-page-small/ObcAlertListPageSmall.svelte.d.ts +1 -0
- package/package.json +2 -2
- package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte +0 -69
- 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
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
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,
|
|
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
|
|
97
|
+
{#if titleSnippet}
|
|
98
98
|
<div slot="title">
|
|
99
|
-
{@render
|
|
99
|
+
{@render titleSnippet()}
|
|
100
100
|
</div>
|
|
101
101
|
{/if}
|
|
102
102
|
|
|
103
|
-
{#if
|
|
103
|
+
{#if descriptionSnippet}
|
|
104
104
|
<div slot="description">
|
|
105
|
-
{@render
|
|
105
|
+
{@render descriptionSnippet()}
|
|
106
106
|
</div>
|
|
107
107
|
{/if}
|
|
108
108
|
|
|
109
|
-
{#if
|
|
109
|
+
{#if timeSnippet}
|
|
110
110
|
<div slot="time">
|
|
111
|
-
{@render
|
|
111
|
+
{@render timeSnippet()}
|
|
112
112
|
</div>
|
|
113
113
|
{/if}
|
|
114
114
|
|
|
115
|
-
{#if
|
|
115
|
+
{#if timeSecondarySnippet}
|
|
116
116
|
<div slot="time-secondary">
|
|
117
|
-
{@render
|
|
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
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
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;
|
package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte
CHANGED
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
|
-
export type {AutomationButtonReadoutStack,
|
|
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,
|
|
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?:
|
|
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
|
|
package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts
CHANGED
|
@@ -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,
|
|
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?:
|
|
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
|
|
17
|
+
/** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
|
|
18
18
|
|
|
19
|
-
When
|
|
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
|
|
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`
|
|
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
|
|
11
|
+
/** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
|
|
12
12
|
|
|
13
|
-
When
|
|
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
|
|
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`
|
|
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 {
|
|
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 {
|
|
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:
|
|
59
|
-
onItemClick?: (event:
|
|
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 {
|
|
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:
|
|
54
|
-
|
|
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
|
-
|
|
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?:
|
|
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
|
-
|
|
42
|
+
labelSnippet?: Snippet
|
|
43
43
|
}
|
|
44
|
-
const {onChange, class: className, style, leadingIcon,
|
|
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
|
|
59
|
+
{#if labelSnippet}
|
|
60
60
|
<div slot="label">
|
|
61
|
-
{@render
|
|
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
|
-
|
|
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?:
|
|
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
|
-
|
|
58
|
-
|
|
57
|
+
actionSnippet?: Snippet;
|
|
58
|
+
action2Snippet?: Snippet
|
|
59
59
|
}
|
|
60
|
-
const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day,
|
|
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
|
|
107
|
+
{#if actionSnippet}
|
|
108
108
|
<div slot="action">
|
|
109
|
-
{@render
|
|
109
|
+
{@render actionSnippet()}
|
|
110
110
|
</div>
|
|
111
111
|
{/if}
|
|
112
112
|
|
|
113
|
-
{#if
|
|
113
|
+
{#if action2Snippet}
|
|
114
114
|
<div slot="action2">
|
|
115
|
-
{@render
|
|
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
|
-
|
|
53
|
-
|
|
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
|
-
|
|
20
|
+
contentTitleSnippet?: Snippet;
|
|
21
21
|
children?: Snippet;
|
|
22
22
|
footer?: Snippet
|
|
23
23
|
}
|
|
24
|
-
const { class: className, style, title,
|
|
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
|
|
39
|
+
{#if contentTitleSnippet}
|
|
40
40
|
<div slot="content-title">
|
|
41
|
-
{@render
|
|
41
|
+
{@render contentTitleSnippet()}
|
|
42
42
|
</div>
|
|
43
43
|
{/if}
|
|
44
44
|
|
|
@@ -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 {
|
|
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 {
|
|
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:
|
|
68
|
-
onItemClick?: (event:
|
|
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:
|
|
63
|
-
|
|
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
|
-
|
|
35
|
-
|
|
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,
|
|
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
|
|
52
|
+
{#if titleSnippet}
|
|
53
53
|
<div slot="title">
|
|
54
|
-
{@render
|
|
54
|
+
{@render titleSnippet()}
|
|
55
55
|
</div>
|
|
56
56
|
{/if}
|
|
57
57
|
|
|
58
|
-
{#if
|
|
58
|
+
{#if descriptionSnippet}
|
|
59
59
|
<div slot="description">
|
|
60
|
-
{@render
|
|
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
|
-
|
|
32
|
-
|
|
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;
|