@oicl/openbridge-webcomponents-svelte 2.0.0-next.3 → 2.0.0-next.30
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/ar/{building-blocks/poi → poi}/ObcPoi.svelte +6 -6
- package/dist/ar/{building-blocks/poi → poi}/ObcPoi.svelte.d.ts +3 -3
- package/dist/ar/{poi-aton → poi}/ObcPoiAton.svelte +6 -4
- package/dist/ar/{poi-aton → poi}/ObcPoiAton.svelte.d.ts +5 -4
- package/dist/ar/{poi-data → poi}/ObcPoiData.svelte +5 -5
- package/dist/ar/{poi-data → poi}/ObcPoiData.svelte.d.ts +6 -6
- package/dist/ar/{poi-vessel → poi}/ObcPoiVessel.svelte +3 -3
- package/dist/ar/{poi-vessel → poi}/ObcPoiVessel.svelte.d.ts +2 -2
- package/dist/ar/{building-blocks/poi/ObcPoiBase.svelte → poi/PoiBase.svelte} +9 -10
- package/dist/ar/{building-blocks/poi/ObcPoiBase.svelte.d.ts → poi/PoiBase.svelte.d.ts} +8 -9
- package/dist/ar/{building-blocks/poi-button → poi-button}/ObcPoiButton.svelte +4 -4
- package/dist/ar/{building-blocks/poi-button → poi-button}/ObcPoiButton.svelte.d.ts +2 -2
- package/dist/ar/{poi-button-aton → poi-button}/ObcPoiButtonAton.svelte +6 -4
- package/dist/ar/{poi-button-aton → poi-button}/ObcPoiButtonAton.svelte.d.ts +5 -4
- package/dist/ar/{poi-button-data → poi-button}/ObcPoiButtonData.svelte +5 -5
- package/dist/ar/{poi-button-data → poi-button}/ObcPoiButtonData.svelte.d.ts +6 -6
- package/dist/ar/{poi-button-vessel → poi-button}/ObcPoiButtonVessel.svelte +3 -3
- package/dist/ar/{poi-button-vessel → poi-button}/ObcPoiButtonVessel.svelte.d.ts +2 -2
- package/dist/ar/poi-controller/ObcPoiController.svelte +14 -5
- package/dist/ar/poi-controller/ObcPoiController.svelte.d.ts +2 -1
- package/dist/ar/{building-blocks/poi-object/ObcAbstractPoiObject.svelte → poi-object/AbstractPoiObject.svelte} +5 -5
- package/dist/ar/poi-object/AbstractPoiObject.svelte.d.ts +22 -0
- package/dist/ar/{building-blocks/poi-object → poi-object}/ObcPoiObject.svelte +4 -4
- package/dist/ar/{building-blocks/poi-object → poi-object}/ObcPoiObject.svelte.d.ts +2 -2
- package/dist/ar/{poi-object-aton → poi-object}/ObcPoiObjectAton.svelte +3 -3
- package/dist/ar/{poi-object-aton → poi-object}/ObcPoiObjectAton.svelte.d.ts +2 -2
- package/dist/ar/{poi-object-data → poi-object}/ObcPoiObjectData.svelte +3 -3
- package/dist/ar/{poi-object-data → poi-object}/ObcPoiObjectData.svelte.d.ts +2 -2
- package/dist/ar/{poi-object-vessel → poi-object}/ObcPoiObjectVessel.svelte +3 -3
- package/dist/ar/{poi-object-vessel → poi-object}/ObcPoiObjectVessel.svelte.d.ts +2 -2
- 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/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/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/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/tab-item/ObcTabItem.svelte +4 -4
- package/dist/components/tab-item/ObcTabItem.svelte.d.ts +1 -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 +27 -14
- package/dist/index.js +27 -14
- 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/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/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/ar/building-blocks/poi-object/ObcAbstractPoiObject.svelte.d.ts +0 -21
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-bar-indicator/gauge-bar-indicator.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
value?: number;
|
|
13
|
+
direction?: string;
|
|
14
|
+
type?: string
|
|
15
|
+
}
|
|
16
|
+
export interface Events {
|
|
17
|
+
|
|
18
|
+
}
|
|
19
|
+
export interface Slots {
|
|
20
|
+
children?: Snippet
|
|
21
|
+
}
|
|
22
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
23
|
+
|
|
24
|
+
</script>
|
|
25
|
+
<obc-gauge-bar-indicator
|
|
26
|
+
use:setProperties={props}
|
|
27
|
+
class={className}
|
|
28
|
+
style={style}
|
|
29
|
+
>
|
|
30
|
+
|
|
31
|
+
{#if children}
|
|
32
|
+
{@render children()}
|
|
33
|
+
{/if}
|
|
34
|
+
</obc-gauge-bar-indicator>
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-bar-indicator/gauge-bar-indicator.js';
|
|
2
|
+
import type { Snippet } from 'svelte';
|
|
3
|
+
export interface Props {
|
|
4
|
+
class?: string;
|
|
5
|
+
style?: string;
|
|
6
|
+
value?: number;
|
|
7
|
+
direction?: string;
|
|
8
|
+
type?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface Events {
|
|
11
|
+
}
|
|
12
|
+
export interface Slots {
|
|
13
|
+
children?: Snippet;
|
|
14
|
+
}
|
|
15
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
16
|
+
declare const ObcGaugeBarIndicator: import("svelte").Component<$$ComponentProps, {}, "">;
|
|
17
|
+
type ObcGaugeBarIndicator = ReturnType<typeof ObcGaugeBarIndicator>;
|
|
18
|
+
export default ObcGaugeBarIndicator;
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {ExternalScaleSide, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
4
4
|
export type {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/navigation-instruments/gauge-horizontal/gauge-horizontal.js';
|
|
7
7
|
import { setProperties } from "../../util.js";
|
|
8
8
|
import type {ExternalScaleSide, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
9
9
|
import type {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 {
|
|
@@ -45,7 +45,7 @@ value?: number | undefined;
|
|
|
45
45
|
state?: InstrumentState;
|
|
46
46
|
focused?: boolean;
|
|
47
47
|
/** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
|
|
48
|
-
advices?:
|
|
48
|
+
advices?: LinearAdvice[] | undefined;
|
|
49
49
|
/** When true, displays a dot indicator at the current value position.
|
|
50
50
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
51
51
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-horizontal/gauge-horizontal.js';
|
|
2
2
|
import type { ExternalScaleSide, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
3
3
|
import type { 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;
|
|
@@ -38,12 +38,7 @@ export interface Props {
|
|
|
38
38
|
state?: InstrumentState;
|
|
39
39
|
focused?: boolean;
|
|
40
40
|
/** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
|
|
41
|
-
advices?:
|
|
42
|
-
min: number;
|
|
43
|
-
max: number;
|
|
44
|
-
type: AdviceType;
|
|
45
|
-
hinted: boolean;
|
|
46
|
-
}[] | undefined;
|
|
41
|
+
advices?: LinearAdvice[] | undefined;
|
|
47
42
|
/** When true, displays a dot indicator at the current value position.
|
|
48
43
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
49
44
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -62,7 +57,7 @@ declare const ObcGaugeHorizontal: import("svelte").Component<$$ComponentProps, {
|
|
|
62
57
|
BorderRadiusPosition: typeof BorderRadiusPosition;
|
|
63
58
|
Priority: typeof Priority;
|
|
64
59
|
InstrumentState: typeof InstrumentState;
|
|
65
|
-
|
|
60
|
+
LinearAdvice: typeof LinearAdvice;
|
|
66
61
|
}, "">;
|
|
67
62
|
type ObcGaugeHorizontal = ReturnType<typeof ObcGaugeHorizontal>;
|
|
68
63
|
export default ObcGaugeHorizontal;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
import type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
value?: number;
|
|
13
|
+
minValue?: number;
|
|
14
|
+
maxValue?: number;
|
|
15
|
+
sector?: number;
|
|
16
|
+
styleType?: GaugeRadialIndicatorStyle;
|
|
17
|
+
icon?: string;
|
|
18
|
+
hasIcon?: boolean
|
|
19
|
+
}
|
|
20
|
+
export interface Events {
|
|
21
|
+
|
|
22
|
+
}
|
|
23
|
+
export interface Slots {
|
|
24
|
+
iconSnippet?: Snippet
|
|
25
|
+
}
|
|
26
|
+
const { class: className, style, iconSnippet, ...props} = $props<Props & Events & Slots>();
|
|
27
|
+
|
|
28
|
+
</script>
|
|
29
|
+
<obc-gauge-radial-indicator
|
|
30
|
+
use:setProperties={props}
|
|
31
|
+
class={className}
|
|
32
|
+
style={style}
|
|
33
|
+
>
|
|
34
|
+
|
|
35
|
+
{#if iconSnippet}
|
|
36
|
+
<div slot="icon">
|
|
37
|
+
{@render iconSnippet()}
|
|
38
|
+
</div>
|
|
39
|
+
{/if}
|
|
40
|
+
</obc-gauge-radial-indicator>
|
package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte.d.ts
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
|
|
2
|
+
import type { GaugeRadialIndicatorStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
|
|
3
|
+
import type { Snippet } from 'svelte';
|
|
4
|
+
export interface Props {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
value?: number;
|
|
8
|
+
minValue?: number;
|
|
9
|
+
maxValue?: number;
|
|
10
|
+
sector?: number;
|
|
11
|
+
styleType?: GaugeRadialIndicatorStyle;
|
|
12
|
+
icon?: string;
|
|
13
|
+
hasIcon?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface Events {
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
iconSnippet?: Snippet;
|
|
19
|
+
}
|
|
20
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
21
|
+
declare const ObcGaugeRadialIndicator: import("svelte").Component<$$ComponentProps, {
|
|
22
|
+
GaugeRadialIndicatorStyle: typeof GaugeRadialIndicatorStyle;
|
|
23
|
+
}, "">;
|
|
24
|
+
type ObcGaugeRadialIndicator = ReturnType<typeof ObcGaugeRadialIndicator>;
|
|
25
|
+
export default ObcGaugeRadialIndicator;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
|
|
4
|
-
export type {
|
|
4
|
+
export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
5
5
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
|
|
6
6
|
import { setProperties } from "../../util.js";
|
|
7
7
|
import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
|
|
8
|
-
import type {
|
|
8
|
+
import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
9
9
|
import type { Snippet } from 'svelte';
|
|
10
10
|
|
|
11
11
|
export interface Props {
|
|
@@ -67,7 +67,7 @@ In `'tint'` mode, this defines the upper bound of the highlighted range.
|
|
|
67
67
|
When `undefined`, defaults to `value`. */
|
|
68
68
|
fillMax?: number | undefined;
|
|
69
69
|
/** Advice/alert overlays for the vertical scale. */
|
|
70
|
-
advice?:
|
|
70
|
+
advice?: LinearAdvice[];
|
|
71
71
|
/** Primary tick interval for the vertical scale (longest ticks with labels). */
|
|
72
72
|
primaryTickmarkInterval?: number | undefined;
|
|
73
73
|
/** Secondary tick interval for the vertical scale (medium ticks). */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
|
|
2
2
|
import type { ScaleType, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
|
|
3
|
-
import type {
|
|
3
|
+
import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
|
|
4
4
|
import type { Snippet } from 'svelte';
|
|
5
5
|
export interface Props {
|
|
6
6
|
class?: string;
|
|
@@ -61,12 +61,7 @@ In `'tint'` mode, this defines the upper bound of the highlighted range.
|
|
|
61
61
|
When `undefined`, defaults to `value`. */
|
|
62
62
|
fillMax?: number | undefined;
|
|
63
63
|
/** Advice/alert overlays for the vertical scale. */
|
|
64
|
-
advice?:
|
|
65
|
-
min: number;
|
|
66
|
-
max: number;
|
|
67
|
-
type: AdviceType;
|
|
68
|
-
hinted: boolean;
|
|
69
|
-
}[];
|
|
64
|
+
advice?: LinearAdvice[];
|
|
70
65
|
/** Primary tick interval for the vertical scale (longest ticks with labels). */
|
|
71
66
|
primaryTickmarkInterval?: number | undefined;
|
|
72
67
|
/** Secondary tick interval for the vertical scale (medium ticks). */
|
|
@@ -87,7 +82,7 @@ type $$ComponentProps = Props & Events & Slots;
|
|
|
87
82
|
declare const ObcGaugeTrend: import("svelte").Component<$$ComponentProps, {
|
|
88
83
|
ScaleType: typeof ScaleType;
|
|
89
84
|
FillMode: typeof FillMode;
|
|
90
|
-
|
|
85
|
+
LinearAdvice: typeof LinearAdvice;
|
|
91
86
|
}, "">;
|
|
92
87
|
type ObcGaugeTrend = ReturnType<typeof ObcGaugeTrend>;
|
|
93
88
|
export default ObcGaugeTrend;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {ObcGaugeTrendIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend-indicator/gauge-trend-indicator.js';
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend-indicator/gauge-trend-indicator.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
import type {ObcGaugeTrendIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend-indicator/gauge-trend-indicator.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
type?: ObcGaugeTrendIndicatorType;
|
|
13
|
+
data?: number[];
|
|
14
|
+
minValue?: number;
|
|
15
|
+
maxValue?: number;
|
|
16
|
+
chartMinValue?: number | undefined;
|
|
17
|
+
chartMaxValue?: number | undefined;
|
|
18
|
+
value?: number | undefined
|
|
19
|
+
}
|
|
20
|
+
export interface Events {
|
|
21
|
+
|
|
22
|
+
}
|
|
23
|
+
export interface Slots {
|
|
24
|
+
children?: Snippet
|
|
25
|
+
}
|
|
26
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
27
|
+
|
|
28
|
+
</script>
|
|
29
|
+
<obc-gauge-trend-indicator
|
|
30
|
+
use:setProperties={props}
|
|
31
|
+
class={className}
|
|
32
|
+
style={style}
|
|
33
|
+
>
|
|
34
|
+
|
|
35
|
+
{#if children}
|
|
36
|
+
{@render children()}
|
|
37
|
+
{/if}
|
|
38
|
+
</obc-gauge-trend-indicator>
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend-indicator/gauge-trend-indicator.js';
|
|
2
|
+
import type { ObcGaugeTrendIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend-indicator/gauge-trend-indicator.js';
|
|
3
|
+
import type { Snippet } from 'svelte';
|
|
4
|
+
export interface Props {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
type?: ObcGaugeTrendIndicatorType;
|
|
8
|
+
data?: number[];
|
|
9
|
+
minValue?: number;
|
|
10
|
+
maxValue?: number;
|
|
11
|
+
chartMinValue?: number | undefined;
|
|
12
|
+
chartMaxValue?: number | undefined;
|
|
13
|
+
value?: number | undefined;
|
|
14
|
+
}
|
|
15
|
+
export interface Events {
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet;
|
|
19
|
+
}
|
|
20
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
21
|
+
declare const ObcGaugeTrendIndicator: import("svelte").Component<$$ComponentProps, {
|
|
22
|
+
ObcGaugeTrendIndicatorType: typeof ObcGaugeTrendIndicatorType;
|
|
23
|
+
}, "">;
|
|
24
|
+
type ObcGaugeTrendIndicator = ReturnType<typeof ObcGaugeTrendIndicator>;
|
|
25
|
+
export default ObcGaugeTrendIndicator;
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
<script lang="ts">
|
|
3
3
|
export type {ExternalScaleSide, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
4
4
|
export type {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/navigation-instruments/gauge-vertical/gauge-vertical.js';
|
|
7
7
|
import { setProperties } from "../../util.js";
|
|
8
8
|
import type {ExternalScaleSide, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
9
9
|
import type {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 {
|
|
@@ -45,7 +45,7 @@ value?: number | undefined;
|
|
|
45
45
|
state?: InstrumentState;
|
|
46
46
|
focused?: boolean;
|
|
47
47
|
/** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
|
|
48
|
-
advices?:
|
|
48
|
+
advices?: LinearAdvice[] | undefined;
|
|
49
49
|
/** When true, displays a dot indicator at the current value position.
|
|
50
50
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
51
51
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-vertical/gauge-vertical.js';
|
|
2
2
|
import type { ExternalScaleSide, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
|
|
3
3
|
import type { 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;
|
|
@@ -38,12 +38,7 @@ export interface Props {
|
|
|
38
38
|
state?: InstrumentState;
|
|
39
39
|
focused?: boolean;
|
|
40
40
|
/** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
|
|
41
|
-
advices?:
|
|
42
|
-
min: number;
|
|
43
|
-
max: number;
|
|
44
|
-
type: AdviceType;
|
|
45
|
-
hinted: boolean;
|
|
46
|
-
}[] | undefined;
|
|
41
|
+
advices?: LinearAdvice[] | undefined;
|
|
47
42
|
/** When true, displays a dot indicator at the current value position.
|
|
48
43
|
The dot is rendered in the scale band, touching its inner edge (towards the chart).
|
|
49
44
|
This provides an alternative to bar fill for highlighting the current value. */
|
|
@@ -62,7 +57,7 @@ declare const ObcGaugeVertical: import("svelte").Component<$$ComponentProps, {
|
|
|
62
57
|
BorderRadiusPosition: typeof BorderRadiusPosition;
|
|
63
58
|
Priority: typeof Priority;
|
|
64
59
|
InstrumentState: typeof InstrumentState;
|
|
65
|
-
|
|
60
|
+
LinearAdvice: typeof LinearAdvice;
|
|
66
61
|
}, "">;
|
|
67
62
|
type ObcGaugeVertical = ReturnType<typeof ObcGaugeVertical>;
|
|
68
63
|
export default ObcGaugeVertical;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {HeadingIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
import type {HeadingIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
type?: HeadingIndicatorType;
|
|
13
|
+
angle?: number;
|
|
14
|
+
/** Cross-track deviation in the range [-1, 1]. */
|
|
15
|
+
xtd?: number
|
|
16
|
+
}
|
|
17
|
+
export interface Events {
|
|
18
|
+
|
|
19
|
+
}
|
|
20
|
+
export interface Slots {
|
|
21
|
+
children?: Snippet
|
|
22
|
+
}
|
|
23
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
24
|
+
|
|
25
|
+
</script>
|
|
26
|
+
<obc-heading-indicator
|
|
27
|
+
use:setProperties={props}
|
|
28
|
+
class={className}
|
|
29
|
+
style={style}
|
|
30
|
+
>
|
|
31
|
+
|
|
32
|
+
{#if children}
|
|
33
|
+
{@render children()}
|
|
34
|
+
{/if}
|
|
35
|
+
</obc-heading-indicator>
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
|
|
2
|
+
import type { HeadingIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
|
|
3
|
+
import type { Snippet } from 'svelte';
|
|
4
|
+
export interface Props {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
type?: HeadingIndicatorType;
|
|
8
|
+
angle?: number;
|
|
9
|
+
/** Cross-track deviation in the range [-1, 1]. */
|
|
10
|
+
xtd?: number;
|
|
11
|
+
}
|
|
12
|
+
export interface Events {
|
|
13
|
+
}
|
|
14
|
+
export interface Slots {
|
|
15
|
+
children?: Snippet;
|
|
16
|
+
}
|
|
17
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
18
|
+
declare const ObcHeadingIndicator: import("svelte").Component<$$ComponentProps, {
|
|
19
|
+
HeadingIndicatorType: typeof HeadingIndicatorType;
|
|
20
|
+
}, "">;
|
|
21
|
+
type ObcHeadingIndicator = ReturnType<typeof ObcHeadingIndicator>;
|
|
22
|
+
export default ObcHeadingIndicator;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {HeaveIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
import type {HeaveIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
type?: HeaveIndicatorType;
|
|
13
|
+
value?: number
|
|
14
|
+
}
|
|
15
|
+
export interface Events {
|
|
16
|
+
|
|
17
|
+
}
|
|
18
|
+
export interface Slots {
|
|
19
|
+
children?: Snippet
|
|
20
|
+
}
|
|
21
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
22
|
+
|
|
23
|
+
</script>
|
|
24
|
+
<obc-heave-indicator
|
|
25
|
+
use:setProperties={props}
|
|
26
|
+
class={className}
|
|
27
|
+
style={style}
|
|
28
|
+
>
|
|
29
|
+
|
|
30
|
+
{#if children}
|
|
31
|
+
{@render children()}
|
|
32
|
+
{/if}
|
|
33
|
+
</obc-heave-indicator>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
|
|
2
|
+
import type { HeaveIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
|
|
3
|
+
import type { Snippet } from 'svelte';
|
|
4
|
+
export interface Props {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
type?: HeaveIndicatorType;
|
|
8
|
+
value?: number;
|
|
9
|
+
}
|
|
10
|
+
export interface Events {
|
|
11
|
+
}
|
|
12
|
+
export interface Slots {
|
|
13
|
+
children?: Snippet;
|
|
14
|
+
}
|
|
15
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
16
|
+
declare const ObcHeaveIndicator: import("svelte").Component<$$ComponentProps, {
|
|
17
|
+
HeaveIndicatorType: typeof HeaveIndicatorType;
|
|
18
|
+
}, "">;
|
|
19
|
+
type ObcHeaveIndicator = ReturnType<typeof ObcHeaveIndicator>;
|
|
20
|
+
export default ObcHeaveIndicator;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/main-engine-indicator/propulsion-main-engine-indicator.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
pitchValue?: number;
|
|
13
|
+
rpmValue?: number;
|
|
14
|
+
thrust?: number;
|
|
15
|
+
speed?: number;
|
|
16
|
+
state?: InstrumentState;
|
|
17
|
+
priority?: Priority;
|
|
18
|
+
hasSilhouette?: boolean
|
|
19
|
+
}
|
|
20
|
+
export interface Events {
|
|
21
|
+
|
|
22
|
+
}
|
|
23
|
+
export interface Slots {
|
|
24
|
+
children?: Snippet
|
|
25
|
+
}
|
|
26
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
27
|
+
|
|
28
|
+
</script>
|
|
29
|
+
<obc-main-engine-indicator
|
|
30
|
+
use:setProperties={props}
|
|
31
|
+
class={className}
|
|
32
|
+
style={style}
|
|
33
|
+
>
|
|
34
|
+
|
|
35
|
+
{#if children}
|
|
36
|
+
{@render children()}
|
|
37
|
+
{/if}
|
|
38
|
+
</obc-main-engine-indicator>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/main-engine-indicator/propulsion-main-engine-indicator.js';
|
|
2
|
+
import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
3
|
+
import type { Snippet } from 'svelte';
|
|
4
|
+
export interface Props {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
pitchValue?: number;
|
|
8
|
+
rpmValue?: number;
|
|
9
|
+
thrust?: number;
|
|
10
|
+
speed?: number;
|
|
11
|
+
state?: InstrumentState;
|
|
12
|
+
priority?: Priority;
|
|
13
|
+
hasSilhouette?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export interface Events {
|
|
16
|
+
}
|
|
17
|
+
export interface Slots {
|
|
18
|
+
children?: Snippet;
|
|
19
|
+
}
|
|
20
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
21
|
+
declare const ObcMainEngineIndicator: import("svelte").Component<$$ComponentProps, {
|
|
22
|
+
InstrumentState: typeof InstrumentState;
|
|
23
|
+
Priority: typeof Priority;
|
|
24
|
+
}, "">;
|
|
25
|
+
type ObcMainEngineIndicator = ReturnType<typeof ObcMainEngineIndicator>;
|
|
26
|
+
export default ObcMainEngineIndicator;
|
|
@@ -14,7 +14,18 @@
|
|
|
14
14
|
maxAvgPitch?: number;
|
|
15
15
|
vesselImageSide?: VesselImage;
|
|
16
16
|
maxPitchAdvice?: number | undefined;
|
|
17
|
-
triggerPitchAdvice?: boolean
|
|
17
|
+
triggerPitchAdvice?: boolean;
|
|
18
|
+
zoomToFitArc?: boolean;
|
|
19
|
+
/** Half-extent of the watch arc in degrees. The arc spans `90° ± arcAngle`
|
|
20
|
+
and pitch values are placed at their true position within it. Default
|
|
21
|
+
`45` reproduces the historical 90°-wide arc.
|
|
22
|
+
|
|
23
|
+
Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
|
|
24
|
+
narrower arc is enlarged (its radius grows) on its own layer, while the
|
|
25
|
+
vessel image and the rotating indicator line stay at their natural size
|
|
26
|
+
and position on a separate central layer. The two layers are
|
|
27
|
+
intentionally visually disconnected. */
|
|
28
|
+
arcAngle?: number
|
|
18
29
|
}
|
|
19
30
|
export interface Events {
|
|
20
31
|
|
|
@@ -10,6 +10,17 @@ export interface Props {
|
|
|
10
10
|
vesselImageSide?: VesselImage;
|
|
11
11
|
maxPitchAdvice?: number | undefined;
|
|
12
12
|
triggerPitchAdvice?: boolean;
|
|
13
|
+
zoomToFitArc?: boolean;
|
|
14
|
+
/** Half-extent of the watch arc in degrees. The arc spans `90° ± arcAngle`
|
|
15
|
+
and pitch values are placed at their true position within it. Default
|
|
16
|
+
`45` reproduces the historical 90°-wide arc.
|
|
17
|
+
|
|
18
|
+
Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
|
|
19
|
+
narrower arc is enlarged (its radius grows) on its own layer, while the
|
|
20
|
+
vessel image and the rotating indicator line stay at their natural size
|
|
21
|
+
and position on a separate central layer. The two layers are
|
|
22
|
+
intentionally visually disconnected. */
|
|
23
|
+
arcAngle?: number;
|
|
13
24
|
}
|
|
14
25
|
export interface Events {
|
|
15
26
|
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {PitchIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
|
|
4
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
|
|
5
|
+
import { setProperties } from "../../util.js";
|
|
6
|
+
import type {PitchIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
|
|
7
|
+
import type { Snippet } from 'svelte';
|
|
8
|
+
|
|
9
|
+
export interface Props {
|
|
10
|
+
class?: string;
|
|
11
|
+
style?: string;
|
|
12
|
+
type?: PitchIndicatorType;
|
|
13
|
+
value?: number
|
|
14
|
+
}
|
|
15
|
+
export interface Events {
|
|
16
|
+
|
|
17
|
+
}
|
|
18
|
+
export interface Slots {
|
|
19
|
+
children?: Snippet
|
|
20
|
+
}
|
|
21
|
+
const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
|
|
22
|
+
|
|
23
|
+
</script>
|
|
24
|
+
<obc-pitch-indicator
|
|
25
|
+
use:setProperties={props}
|
|
26
|
+
class={className}
|
|
27
|
+
style={style}
|
|
28
|
+
>
|
|
29
|
+
|
|
30
|
+
{#if children}
|
|
31
|
+
{@render children()}
|
|
32
|
+
{/if}
|
|
33
|
+
</obc-pitch-indicator>
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
|
|
2
|
+
import type { PitchIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
|
|
3
|
+
import type { Snippet } from 'svelte';
|
|
4
|
+
export interface Props {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: string;
|
|
7
|
+
type?: PitchIndicatorType;
|
|
8
|
+
value?: number;
|
|
9
|
+
}
|
|
10
|
+
export interface Events {
|
|
11
|
+
}
|
|
12
|
+
export interface Slots {
|
|
13
|
+
children?: Snippet;
|
|
14
|
+
}
|
|
15
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
16
|
+
declare const ObcPitchIndicator: import("svelte").Component<$$ComponentProps, {
|
|
17
|
+
PitchIndicatorType: typeof PitchIndicatorType;
|
|
18
|
+
}, "">;
|
|
19
|
+
type ObcPitchIndicator = ReturnType<typeof ObcPitchIndicator>;
|
|
20
|
+
export default ObcPitchIndicator;
|