@oicl/openbridge-webcomponents-svelte 2.0.0-next.5 → 2.0.0-next.51
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/README.md +2 -0
- 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/automation/automation-tank/ObcAutomationTank.svelte +117 -4
- package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts +125 -3
- 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 +22 -6
- package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts +22 -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 +6 -4
- package/dist/components/icon-button/ObcIconButton.svelte.d.ts +3 -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 +19 -0
- package/dist/index.js +19 -0
- package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte +88 -0
- package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte.d.ts +46 -0
- package/dist/integration-systems/integration-button/ObcIntegrationButton.svelte +19 -7
- package/dist/integration-systems/integration-button/ObcIntegrationButton.svelte.d.ts +10 -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/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte +101 -0
- package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte.d.ts +28 -0
- package/dist/integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte +10 -2
- package/dist/integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte.d.ts +2 -0
- 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 +18 -2
- package/dist/navigation-instruments/compass/ObcCompass.svelte.d.ts +17 -1
- 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 +11 -4
- package/dist/navigation-instruments/compass-indicator/ObcCompassIndicator.svelte.d.ts +11 -3
- 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 +158 -0
- package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts +101 -0
- package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte +53 -0
- package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte.d.ts +40 -0
- package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte +60 -0
- package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts +42 -0
- package/dist/navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte +62 -0
- package/dist/navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte.d.ts +46 -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/velocity-projection-plot/ObcVelocityProjectionPlot.svelte +4 -4
- package/dist/navigation-instruments/velocity-projection-plot/ObcVelocityProjectionPlot.svelte.d.ts +4 -4
- package/dist/navigation-instruments/watch/ObcWatch.svelte +4 -2
- package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts +3 -1
- 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 +7 -4
- package/dist/navigation-instruments/wind/ObcWind.svelte.d.ts +6 -2
- package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte +28 -8
- package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte.d.ts +31 -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
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
|
|
2
|
+
import type { PolarChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
|
|
2
3
|
import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
3
4
|
import type { Snippet } from 'svelte';
|
|
4
5
|
export interface Props {
|
|
5
6
|
class?: string;
|
|
6
7
|
style?: string;
|
|
7
|
-
data?:
|
|
8
|
-
label: string;
|
|
9
|
-
value: number;
|
|
10
|
-
}[];
|
|
8
|
+
data?: PolarChartDataItem[];
|
|
11
9
|
colors?: string[];
|
|
12
10
|
priority?: Priority;
|
|
13
11
|
monochrome?: boolean;
|
|
@@ -29,6 +27,7 @@ export interface Slots {
|
|
|
29
27
|
}
|
|
30
28
|
type $$ComponentProps = Props & Events & Slots;
|
|
31
29
|
declare const ObcPolarChart: import("svelte").Component<$$ComponentProps, {
|
|
30
|
+
PolarChartDataItem: typeof PolarChartDataItem;
|
|
32
31
|
Priority: typeof Priority;
|
|
33
32
|
}, "">;
|
|
34
33
|
type ObcPolarChart = ReturnType<typeof ObcPolarChart>;
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
4
4
|
export type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
5
|
-
export type {
|
|
5
|
+
export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
6
6
|
import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-horizontal/bar-horizontal.js';
|
|
7
7
|
import { setProperties } from "../../util.js";
|
|
8
8
|
import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
9
9
|
import type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
10
|
-
import type {
|
|
10
|
+
import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
11
11
|
import type { Snippet } from 'svelte';
|
|
12
12
|
|
|
13
13
|
export interface Props {
|
|
@@ -92,7 +92,7 @@ state?: InstrumentState;
|
|
|
92
92
|
advicePosition?: AdvicePosition;
|
|
93
93
|
/** Advice/alert overlays with state and positioning.
|
|
94
94
|
When undefined or empty, no advice shown. */
|
|
95
|
-
advices?:
|
|
95
|
+
advices?: LinearAdvice[] | undefined;
|
|
96
96
|
/** When true, displays a dot indicator at the current value position.
|
|
97
97
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
98
98
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-horizontal/bar-horizontal.js';
|
|
2
2
|
import type { ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
3
3
|
import type { FrameStyle, BorderRadiusPosition, Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
4
|
-
import type {
|
|
4
|
+
import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
5
5
|
import type { Snippet } from 'svelte';
|
|
6
6
|
export interface Props {
|
|
7
7
|
class?: string;
|
|
@@ -85,12 +85,7 @@ When instrumentMode=false, this is ignored and border radius is read from CSS va
|
|
|
85
85
|
advicePosition?: AdvicePosition;
|
|
86
86
|
/** Advice/alert overlays with state and positioning.
|
|
87
87
|
When undefined or empty, no advice shown. */
|
|
88
|
-
advices?:
|
|
89
|
-
min: number;
|
|
90
|
-
max: number;
|
|
91
|
-
type: AdviceType;
|
|
92
|
-
hinted: boolean;
|
|
93
|
-
}[] | undefined;
|
|
88
|
+
advices?: LinearAdvice[] | undefined;
|
|
94
89
|
/** When true, displays a dot indicator at the current value position.
|
|
95
90
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
96
91
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -112,7 +107,7 @@ declare const ObcBarHorizontal: import("svelte").Component<$$ComponentProps, {
|
|
|
112
107
|
BorderRadiusPosition: typeof BorderRadiusPosition;
|
|
113
108
|
Priority: typeof Priority;
|
|
114
109
|
InstrumentState: typeof InstrumentState;
|
|
115
|
-
|
|
110
|
+
LinearAdvice: typeof LinearAdvice;
|
|
116
111
|
}, "">;
|
|
117
112
|
type ObcBarHorizontal = ReturnType<typeof ObcBarHorizontal>;
|
|
118
113
|
export default ObcBarHorizontal;
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
4
4
|
export type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
5
|
-
export type {
|
|
5
|
+
export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
6
6
|
import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
|
|
7
7
|
import { setProperties } from "../../util.js";
|
|
8
8
|
import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
9
9
|
import type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
10
|
-
import type {
|
|
10
|
+
import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
11
11
|
import type { Snippet } from 'svelte';
|
|
12
12
|
|
|
13
13
|
export interface Props {
|
|
@@ -92,7 +92,7 @@ state?: InstrumentState;
|
|
|
92
92
|
advicePosition?: AdvicePosition;
|
|
93
93
|
/** Advice/alert overlays with state and positioning.
|
|
94
94
|
When undefined or empty, no advice shown. */
|
|
95
|
-
advices?:
|
|
95
|
+
advices?: LinearAdvice[] | undefined;
|
|
96
96
|
/** When true, displays a dot indicator at the current value position.
|
|
97
97
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
98
98
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
|
|
2
2
|
import type { ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
3
3
|
import type { FrameStyle, BorderRadiusPosition, Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
4
|
-
import type {
|
|
4
|
+
import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
5
5
|
import type { Snippet } from 'svelte';
|
|
6
6
|
export interface Props {
|
|
7
7
|
class?: string;
|
|
@@ -85,12 +85,7 @@ When instrumentMode=false, this is ignored and border radius is read from CSS va
|
|
|
85
85
|
advicePosition?: AdvicePosition;
|
|
86
86
|
/** Advice/alert overlays with state and positioning.
|
|
87
87
|
When undefined or empty, no advice shown. */
|
|
88
|
-
advices?:
|
|
89
|
-
min: number;
|
|
90
|
-
max: number;
|
|
91
|
-
type: AdviceType;
|
|
92
|
-
hinted: boolean;
|
|
93
|
-
}[] | undefined;
|
|
88
|
+
advices?: LinearAdvice[] | undefined;
|
|
94
89
|
/** When true, displays a dot indicator at the current value position.
|
|
95
90
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
96
91
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -112,7 +107,7 @@ declare const ObcBarVertical: import("svelte").Component<$$ComponentProps, {
|
|
|
112
107
|
BorderRadiusPosition: typeof BorderRadiusPosition;
|
|
113
108
|
Priority: typeof Priority;
|
|
114
109
|
InstrumentState: typeof InstrumentState;
|
|
115
|
-
|
|
110
|
+
LinearAdvice: typeof LinearAdvice;
|
|
116
111
|
}, "">;
|
|
117
112
|
type ObcBarVertical = ReturnType<typeof ObcBarVertical>;
|
|
118
113
|
export default ObcBarVertical;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
|
-
export type {
|
|
4
|
-
export type {
|
|
3
|
+
export type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
4
|
+
export type {ChartDataset} from 'chart.js';
|
|
5
5
|
export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
6
6
|
import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
7
7
|
import { setProperties } from "../../util.js";
|
|
8
|
-
import type {
|
|
9
|
-
import type {
|
|
8
|
+
import type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
9
|
+
import type {ChartDataset} from 'chart.js';
|
|
10
10
|
import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
11
11
|
import type { Snippet } from 'svelte';
|
|
12
12
|
|
|
@@ -14,7 +14,7 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
|
|
|
14
14
|
class?: string;
|
|
15
15
|
style?: string;
|
|
16
16
|
/** Simple single-series data (array of {label, value}). */
|
|
17
|
-
data?:
|
|
17
|
+
data?: ChartLineDataItem[];
|
|
18
18
|
/** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
|
|
19
19
|
datasets?: ChartDataset<"line", (number | { x: string | number | Date; y: number; })[]>[] | undefined;
|
|
20
20
|
/** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
|
|
@@ -44,7 +44,7 @@ xAxisType?: XAxisType;
|
|
|
44
44
|
/** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
|
|
45
45
|
yAxisPosition?: YAxisPosition;
|
|
46
46
|
/** Multiple y-axis definitions for complex multi-axis charts. */
|
|
47
|
-
yAxes?:
|
|
47
|
+
yAxes?: ChartLineYAxisConfig[] | undefined;
|
|
48
48
|
/** Show grid lines. */
|
|
49
49
|
showGrid?: boolean;
|
|
50
50
|
/** Show vertical grid lines (x-axis). Default: false. */
|
|
@@ -53,6 +53,22 @@ showGridX?: boolean;
|
|
|
53
53
|
showGridY?: boolean;
|
|
54
54
|
/** Show axis tick marks and labels. */
|
|
55
55
|
showTickMarks?: boolean;
|
|
56
|
+
/** Reserve canvas padding for axis tick labels on sides without an external scale.
|
|
57
|
+
|
|
58
|
+
When `true` (default), the chart leaves room for tick labels and renders them
|
|
59
|
+
(subject to `showTickMarks` and the 192px auto-compact threshold).
|
|
60
|
+
|
|
61
|
+
When `false`, the chart renders edge-to-edge on sides without a slotted external
|
|
62
|
+
scale AND axis tick labels are force-hidden so they cannot be clipped. This also
|
|
63
|
+
suppresses the automatic edge-to-edge switch that normally happens below the
|
|
64
|
+
192px threshold, eliminating the visible padding "jump" when crossing it.
|
|
65
|
+
|
|
66
|
+
Useful when embedding the chart inside another component that owns framing
|
|
67
|
+
and never wants to show axis labels (e.g. `obc-automation-tank`).
|
|
68
|
+
|
|
69
|
+
Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
|
|
70
|
+
because a `true`-default boolean cannot work as an HTML boolean attribute. */
|
|
71
|
+
hasLabelPadding?: boolean;
|
|
56
72
|
/** Show point markers on data points. Default: false. */
|
|
57
73
|
showPoints?: boolean;
|
|
58
74
|
/** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
|
|
@@ -1,16 +1,13 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
2
|
+
import type { ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
2
3
|
import type { ChartDataset } from 'chart.js';
|
|
3
|
-
import type { XAxisType, YAxisPosition, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
|
|
4
4
|
import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
5
5
|
import type { Snippet } from 'svelte';
|
|
6
6
|
export interface Props {
|
|
7
7
|
class?: string;
|
|
8
8
|
style?: string;
|
|
9
9
|
/** Simple single-series data (array of {label, value}). */
|
|
10
|
-
data?:
|
|
11
|
-
label: string;
|
|
12
|
-
value: number;
|
|
13
|
-
}[];
|
|
10
|
+
data?: ChartLineDataItem[];
|
|
14
11
|
/** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
|
|
15
12
|
datasets?: ChartDataset<"line", (number | {
|
|
16
13
|
x: string | number | Date;
|
|
@@ -43,13 +40,7 @@ Default: 384 (matches Figma design baseline). */
|
|
|
43
40
|
/** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
|
|
44
41
|
yAxisPosition?: YAxisPosition;
|
|
45
42
|
/** Multiple y-axis definitions for complex multi-axis charts. */
|
|
46
|
-
yAxes?:
|
|
47
|
-
id?: string | undefined;
|
|
48
|
-
position?: "left" | "right" | undefined;
|
|
49
|
-
min?: number | undefined;
|
|
50
|
-
max?: number | undefined;
|
|
51
|
-
grid?: boolean | undefined;
|
|
52
|
-
}[] | undefined;
|
|
43
|
+
yAxes?: ChartLineYAxisConfig[] | undefined;
|
|
53
44
|
/** Show grid lines. */
|
|
54
45
|
showGrid?: boolean;
|
|
55
46
|
/** Show vertical grid lines (x-axis). Default: false. */
|
|
@@ -58,6 +49,22 @@ Default: 384 (matches Figma design baseline). */
|
|
|
58
49
|
showGridY?: boolean;
|
|
59
50
|
/** Show axis tick marks and labels. */
|
|
60
51
|
showTickMarks?: boolean;
|
|
52
|
+
/** Reserve canvas padding for axis tick labels on sides without an external scale.
|
|
53
|
+
|
|
54
|
+
When `true` (default), the chart leaves room for tick labels and renders them
|
|
55
|
+
(subject to `showTickMarks` and the 192px auto-compact threshold).
|
|
56
|
+
|
|
57
|
+
When `false`, the chart renders edge-to-edge on sides without a slotted external
|
|
58
|
+
scale AND axis tick labels are force-hidden so they cannot be clipped. This also
|
|
59
|
+
suppresses the automatic edge-to-edge switch that normally happens below the
|
|
60
|
+
192px threshold, eliminating the visible padding "jump" when crossing it.
|
|
61
|
+
|
|
62
|
+
Useful when embedding the chart inside another component that owns framing
|
|
63
|
+
and never wants to show axis labels (e.g. `obc-automation-tank`).
|
|
64
|
+
|
|
65
|
+
Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
|
|
66
|
+
because a `true`-default boolean cannot work as an HTML boolean attribute. */
|
|
67
|
+
hasLabelPadding?: boolean;
|
|
61
68
|
/** Show point markers on data points. Default: false. */
|
|
62
69
|
showPoints?: boolean;
|
|
63
70
|
/** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
|
|
@@ -101,11 +108,13 @@ export interface Slots {
|
|
|
101
108
|
}
|
|
102
109
|
type $$ComponentProps = Props & Events & Slots;
|
|
103
110
|
declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
|
|
104
|
-
|
|
111
|
+
ChartLineDataItem: typeof ChartLineDataItem;
|
|
105
112
|
XAxisType: typeof XAxisType;
|
|
106
113
|
YAxisPosition: typeof YAxisPosition;
|
|
114
|
+
ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
|
|
107
115
|
LineMode: typeof LineMode;
|
|
108
116
|
TimeDisplay: typeof TimeDisplay;
|
|
117
|
+
ChartDataset: typeof ChartDataset;
|
|
109
118
|
InstrumentState: typeof InstrumentState;
|
|
110
119
|
Priority: typeof Priority;
|
|
111
120
|
FrameStyle: typeof FrameStyle;
|
|
@@ -50,10 +50,10 @@ lineType?: ObcFloatingItemLineType
|
|
|
50
50
|
description?: Snippet;
|
|
51
51
|
time?: Snippet;
|
|
52
52
|
day?: Snippet;
|
|
53
|
-
|
|
54
|
-
|
|
53
|
+
actionSnippet?: Snippet;
|
|
54
|
+
action2Snippet?: Snippet
|
|
55
55
|
}
|
|
56
|
-
const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day,
|
|
56
|
+
const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
|
|
57
57
|
|
|
58
58
|
</script>
|
|
59
59
|
<obc-advice-floating-item
|
|
@@ -100,15 +100,15 @@ lineType?: ObcFloatingItemLineType
|
|
|
100
100
|
</div>
|
|
101
101
|
{/if}
|
|
102
102
|
|
|
103
|
-
{#if
|
|
103
|
+
{#if actionSnippet}
|
|
104
104
|
<div slot="action">
|
|
105
|
-
{@render
|
|
105
|
+
{@render actionSnippet()}
|
|
106
106
|
</div>
|
|
107
107
|
{/if}
|
|
108
108
|
|
|
109
|
-
{#if
|
|
109
|
+
{#if action2Snippet}
|
|
110
110
|
<div slot="action2">
|
|
111
|
-
{@render
|
|
111
|
+
{@render action2Snippet()}
|
|
112
112
|
</div>
|
|
113
113
|
{/if}
|
|
114
114
|
</obc-advice-floating-item>
|
|
@@ -45,8 +45,8 @@ export interface Slots {
|
|
|
45
45
|
description?: Snippet;
|
|
46
46
|
time?: Snippet;
|
|
47
47
|
day?: Snippet;
|
|
48
|
-
|
|
49
|
-
|
|
48
|
+
actionSnippet?: Snippet;
|
|
49
|
+
action2Snippet?: Snippet;
|
|
50
50
|
}
|
|
51
51
|
type $$ComponentProps = Props & Events & Slots;
|
|
52
52
|
declare const ObcAdviceFloatingItem: import("svelte").Component<$$ComponentProps, {
|
|
@@ -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>;
|