@oicl/openbridge-webcomponents-svelte 2.0.0-next.60 → 2.0.0-next.62

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte +48 -0
  2. package/dist/building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte.d.ts +35 -0
  3. package/dist/index.d.ts +1 -0
  4. package/dist/index.js +1 -0
  5. package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte +9 -61
  6. package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte.d.ts +3 -12
  7. package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte +7 -1
  8. package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte.d.ts +6 -0
  9. package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte +4 -1
  10. package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte.d.ts +4 -1
  11. package/dist/navigation-instruments/pitch/ObcPitch.svelte +7 -21
  12. package/dist/navigation-instruments/pitch/ObcPitch.svelte.d.ts +6 -20
  13. package/dist/navigation-instruments/pitch-roll/ObcPitchRoll.svelte +8 -0
  14. package/dist/navigation-instruments/pitch-roll/ObcPitchRoll.svelte.d.ts +8 -0
  15. package/dist/navigation-instruments/roll/ObcRoll.svelte +7 -21
  16. package/dist/navigation-instruments/roll/ObcRoll.svelte.d.ts +6 -20
  17. package/dist/navigation-instruments/rot-sector/ObcRotSector.svelte +7 -1
  18. package/dist/navigation-instruments/rot-sector/ObcRotSector.svelte.d.ts +6 -0
  19. package/dist/navigation-instruments/speed-gauge/ObcSpeedGauge.svelte +9 -1
  20. package/dist/navigation-instruments/speed-gauge/ObcSpeedGauge.svelte.d.ts +9 -1
  21. package/package.json +2 -2
@@ -0,0 +1,48 @@
1
+
2
+ <script lang="ts">
3
+ export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
4
+ import '@oicl/openbridge-webcomponents/dist/building-blocks/single-axis-inclinometer/single-axis-inclinometer.js';
5
+ import { setProperties } from "../../util.js";
6
+ import type {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
+ zoomToFitArc?: boolean;
13
+ /** When `true`, the centre shows an `<obc-readout>` with the value instead of
14
+ the horizon line, rotating indicator and vessel. Default `false`. */
15
+ hasReadout?: boolean;
16
+ /** Colour palette for the scale fill / indicator and the readout value:
17
+ `regular` (default) or `enhanced`. */
18
+ priority?: Priority;
19
+ /** Half-extent of the watch arc in degrees. The arc spans `centre ± arcAngle`
20
+ and values are placed at their true position within it. Default `45`
21
+ 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 and
26
+ position on a separate central layer. The two layers are intentionally
27
+ visually disconnected. */
28
+ arcAngle?: number
29
+ }
30
+ export interface Events {
31
+
32
+ }
33
+ export interface Slots {
34
+ children?: Snippet
35
+ }
36
+ const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
37
+
38
+ </script>
39
+ <undefined
40
+ use:setProperties={props}
41
+ class={className}
42
+ style={style}
43
+ >
44
+
45
+ {#if children}
46
+ {@render children()}
47
+ {/if}
48
+ </undefined>
@@ -0,0 +1,35 @@
1
+ import '@oicl/openbridge-webcomponents/dist/building-blocks/single-axis-inclinometer/single-axis-inclinometer.js';
2
+ import type { 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
+ zoomToFitArc?: boolean;
8
+ /** When `true`, the centre shows an `<obc-readout>` with the value instead of
9
+ the horizon line, rotating indicator and vessel. Default `false`. */
10
+ hasReadout?: boolean;
11
+ /** Colour palette for the scale fill / indicator and the readout value:
12
+ `regular` (default) or `enhanced`. */
13
+ priority?: Priority;
14
+ /** Half-extent of the watch arc in degrees. The arc spans `centre ± arcAngle`
15
+ and values are placed at their true position within it. Default `45`
16
+ 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 and
21
+ position on a separate central layer. The two layers are intentionally
22
+ visually disconnected. */
23
+ arcAngle?: number;
24
+ }
25
+ export interface Events {
26
+ }
27
+ export interface Slots {
28
+ children?: Snippet;
29
+ }
30
+ type $$ComponentProps = Props & Events & Slots;
31
+ declare const SingleAxisInclinometer: import("svelte").Component<$$ComponentProps, {
32
+ Priority: typeof Priority;
33
+ }, "">;
34
+ type SingleAxisInclinometer = ReturnType<typeof SingleAxisInclinometer>;
35
+ export default SingleAxisInclinometer;
package/dist/index.d.ts CHANGED
@@ -74,6 +74,7 @@ export { default as ObcBarVertical } from './building-blocks/bar-vertical/ObcBar
74
74
  export { default as ObcChartLineBase } from './building-blocks/chart-line/ObcChartLineBase.svelte';
75
75
  export { default as ObcCircularProgress } from './building-blocks/circular-progress/ObcCircularProgress.svelte';
76
76
  export { default as ObcInstrumentRadial } from './building-blocks/instrument-radial/ObcInstrumentRadial.svelte';
77
+ export { default as SingleAxisInclinometer } from './building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte';
77
78
  export { default as ObcAccordionCard } from './components/accordion-card/ObcAccordionCard.svelte';
78
79
  export { default as ObcAccordionItem } from './components/accordion-item/ObcAccordionItem.svelte';
79
80
  export { default as ObcAdviceButton } from './components/advice-button/ObcAdviceButton.svelte';
package/dist/index.js CHANGED
@@ -74,6 +74,7 @@ export { default as ObcBarVertical } from './building-blocks/bar-vertical/ObcBar
74
74
  export { default as ObcChartLineBase } from './building-blocks/chart-line/ObcChartLineBase.svelte';
75
75
  export { default as ObcCircularProgress } from './building-blocks/circular-progress/ObcCircularProgress.svelte';
76
76
  export { default as ObcInstrumentRadial } from './building-blocks/instrument-radial/ObcInstrumentRadial.svelte';
77
+ export { default as SingleAxisInclinometer } from './building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte';
77
78
  export { default as ObcAccordionCard } from './components/accordion-card/ObcAccordionCard.svelte';
78
79
  export { default as ObcAccordionItem } from './components/accordion-item/ObcAccordionItem.svelte';
79
80
  export { default as ObcAdviceButton } from './components/advice-button/ObcAdviceButton.svelte';
@@ -9,81 +9,29 @@
9
9
  export interface Props {
10
10
  class?: string;
11
11
  style?: string;
12
- numberOfButtons?: number
12
+ /** Hide the alarm list, ensuring it doesn't take space (display: none). */
13
+ hideAlarmList?: boolean
13
14
  }
14
15
  export interface Events {
15
- onButton1Click?: (event: CustomEvent<unknown>) => void;
16
- onButton2Click?: (event: CustomEvent<unknown>) => void;
17
- onButton3Click?: (event: CustomEvent<unknown>) => void
16
+
18
17
  }
19
18
  export interface Slots {
20
- leadingIcon?: Snippet;
21
- title?: Snippet;
22
- button1LeadingIcon?: Snippet;
23
- button1Label?: Snippet;
24
- button2LeadingIcon?: Snippet;
25
- button2Label?: Snippet;
26
- button3LeadingIcon?: Snippet;
27
- button3Label?: Snippet;
19
+ buttons?: Snippet;
28
20
  content?: Snippet;
29
21
  alarms?: Snippet
30
22
  }
31
- const {onButton1Click, onButton2Click, onButton3Click, class: className, style, leadingIcon, title, button1LeadingIcon, button1Label, button2LeadingIcon, button2Label, button3LeadingIcon, button3Label, content, alarms, ...props} = $props<Props & Events & Slots>();
23
+ const { class: className, style, buttons, content, alarms, ...props} = $props<Props & Events & Slots>();
32
24
 
33
25
  </script>
34
26
  <obc-integration-vessel-menu
35
27
  use:setProperties={props}
36
28
  class={className}
37
29
  style={style}
38
- onbutton1-click={onButton1Click}
39
- onbutton2-click={onButton2Click}
40
- onbutton3-click={onButton3Click} >
30
+ >
41
31
 
42
- {#if leadingIcon}
43
- <div slot="leading-icon">
44
- {@render leadingIcon()}
45
- </div>
46
- {/if}
47
-
48
- {#if title}
49
- <div slot="title">
50
- {@render title()}
51
- </div>
52
- {/if}
53
-
54
- {#if button1LeadingIcon}
55
- <div slot="button-1-leading-icon">
56
- {@render button1LeadingIcon()}
57
- </div>
58
- {/if}
59
-
60
- {#if button1Label}
61
- <div slot="button-1-label">
62
- {@render button1Label()}
63
- </div>
64
- {/if}
65
-
66
- {#if button2LeadingIcon}
67
- <div slot="button-2-leading-icon">
68
- {@render button2LeadingIcon()}
69
- </div>
70
- {/if}
71
-
72
- {#if button2Label}
73
- <div slot="button-2-label">
74
- {@render button2Label()}
75
- </div>
76
- {/if}
77
-
78
- {#if button3LeadingIcon}
79
- <div slot="button-3-leading-icon">
80
- {@render button3LeadingIcon()}
81
- </div>
82
- {/if}
83
-
84
- {#if button3Label}
85
- <div slot="button-3-label">
86
- {@render button3Label()}
32
+ {#if buttons}
33
+ <div slot="buttons">
34
+ {@render buttons()}
87
35
  </div>
88
36
  {/if}
89
37
 
@@ -3,22 +3,13 @@ import type { Snippet } from 'svelte';
3
3
  export interface Props {
4
4
  class?: string;
5
5
  style?: string;
6
- numberOfButtons?: number;
6
+ /** Hide the alarm list, ensuring it doesn't take space (display: none). */
7
+ hideAlarmList?: boolean;
7
8
  }
8
9
  export interface Events {
9
- onButton1Click?: (event: CustomEvent<unknown>) => void;
10
- onButton2Click?: (event: CustomEvent<unknown>) => void;
11
- onButton3Click?: (event: CustomEvent<unknown>) => void;
12
10
  }
13
11
  export interface Slots {
14
- leadingIcon?: Snippet;
15
- title?: Snippet;
16
- button1LeadingIcon?: Snippet;
17
- button1Label?: Snippet;
18
- button2LeadingIcon?: Snippet;
19
- button2Label?: Snippet;
20
- button3LeadingIcon?: Snippet;
21
- button3Label?: Snippet;
12
+ buttons?: Snippet;
22
13
  content?: Snippet;
23
14
  alarms?: Snippet;
24
15
  }
@@ -57,7 +57,13 @@ rotMaxValue?: number;
57
57
  /** When `true`, shows a centered `<obc-readout>` under the arc displaying the
58
58
  heading (label `HDG`, unit `DEG`). The value color follows the HDG entry in
59
59
  `priorityElements`, matching the HDG arrow. */
60
- hasReadout?: boolean
60
+ hasReadout?: boolean;
61
+ /** Readout label. Default `HDG`. */
62
+ label?: string;
63
+ /** Readout unit. Default `DEG`. */
64
+ unit?: string;
65
+ /** Number of fraction digits shown in the readout. Default `0`. */
66
+ fractionDigits?: number
61
67
  }
62
68
  export interface Events {
63
69
  onNone?: (event: CustomEvent<unknown>) => void
@@ -50,6 +50,12 @@ with the introduction of `rateOfTurnDegreesPerMinute`. */
50
50
  heading (label `HDG`, unit `DEG`). The value color follows the HDG entry in
51
51
  `priorityElements`, matching the HDG arrow. */
52
52
  hasReadout?: boolean;
53
+ /** Readout label. Default `HDG`. */
54
+ label?: string;
55
+ /** Readout unit. Default `DEG`. */
56
+ unit?: string;
57
+ /** Number of fraction digits shown in the readout. Default `0`. */
58
+ fractionDigits?: number;
53
59
  }
54
60
  export interface Events {
55
61
  onNone?: (event: CustomEvent<unknown>) => void;
@@ -30,7 +30,10 @@ tertiaryTickmarkInterval?: number | undefined;
30
30
  /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
31
31
  advices?: GaugeRadialAdvice[];
32
32
  sector?: GaugeRadialSector;
33
- showReadout?: boolean;
33
+ /** When `true`, shows the centre `<obc-readout>`(s) with the current value
34
+ (and optional `label`/`unit`). Layout depends on `sector` and `type`.
35
+ Default `false`. */
36
+ hasReadout?: boolean;
34
37
  label?: string;
35
38
  unit?: string;
36
39
  fractionDigits?: number
@@ -23,7 +23,10 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
23
23
  /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
24
24
  advices?: GaugeRadialAdvice[];
25
25
  sector?: GaugeRadialSector;
26
- showReadout?: boolean;
26
+ /** When `true`, shows the centre `<obc-readout>`(s) with the current value
27
+ (and optional `label`/`unit`). Layout depends on `sector` and `type`.
28
+ Default `false`. */
29
+ hasReadout?: boolean;
27
30
  label?: string;
28
31
  unit?: string;
29
32
  fractionDigits?: number;
@@ -2,12 +2,10 @@
2
2
  <script lang="ts">
3
3
  export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
4
4
  export type {ObcPitchType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
5
- export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
6
5
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
7
6
  import { setProperties } from "../../util.js";
8
7
  import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
9
8
  import type {ObcPitchType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
10
- import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
11
9
  import type { Snippet } from 'svelte';
12
10
 
13
11
  export interface Props {
@@ -19,27 +17,15 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
19
17
  vesselImageSide?: VesselImage;
20
18
  maxPitchAdvice?: number | undefined;
21
19
  triggerPitchAdvice?: boolean;
22
- zoomToFitArc?: boolean;
23
- /** When `true`, the centre shows an `<obc-readout>` with the pitch value
24
- (label `Pitch`, unit `DEG`) instead of the horizon line, rotating indicator
25
- and vessel. Default `false`. */
26
- hasReadout?: boolean;
20
+ /** Readout label. Default `Pitch`. */
21
+ label?: string;
22
+ /** Readout unit. Default `DEG`. */
23
+ unit?: string;
24
+ /** Number of fraction digits shown in the readout. Default `0`. */
25
+ fractionDigits?: number;
27
26
  /** `single-scale` shows one arc on the right (default); `dual-scale` also
28
27
  shows the scale on the opposite (left) arc (the indicator's opposite end). */
29
- type?: ObcPitchType;
30
- /** Colour palette for the scale fill / indicator and the readout value:
31
- `regular` (default) or `enhanced`. */
32
- priority?: Priority;
33
- /** Half-extent of the watch arc in degrees. The arc spans `90° ± arcAngle`
34
- and pitch values are placed at their true position within it. Default
35
- `45` reproduces the historical 90°-wide arc.
36
-
37
- Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
38
- narrower arc is enlarged (its radius grows) on its own layer, while the
39
- vessel image and the rotating indicator line stay at their natural size
40
- and position on a separate central layer. The two layers are
41
- intentionally visually disconnected. */
42
- arcAngle?: number
28
+ type?: ObcPitchType
43
29
  }
44
30
  export interface Events {
45
31
 
@@ -1,7 +1,6 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
2
2
  import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
3
3
  import type { ObcPitchType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
4
- import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
5
4
  import type { Snippet } from 'svelte';
6
5
  export interface Props {
7
6
  class?: string;
@@ -12,27 +11,15 @@ export interface Props {
12
11
  vesselImageSide?: VesselImage;
13
12
  maxPitchAdvice?: number | undefined;
14
13
  triggerPitchAdvice?: boolean;
15
- zoomToFitArc?: boolean;
16
- /** When `true`, the centre shows an `<obc-readout>` with the pitch value
17
- (label `Pitch`, unit `DEG`) instead of the horizon line, rotating indicator
18
- and vessel. Default `false`. */
19
- hasReadout?: boolean;
14
+ /** Readout label. Default `Pitch`. */
15
+ label?: string;
16
+ /** Readout unit. Default `DEG`. */
17
+ unit?: string;
18
+ /** Number of fraction digits shown in the readout. Default `0`. */
19
+ fractionDigits?: number;
20
20
  /** `single-scale` shows one arc on the right (default); `dual-scale` also
21
21
  shows the scale on the opposite (left) arc (the indicator's opposite end). */
22
22
  type?: ObcPitchType;
23
- /** Colour palette for the scale fill / indicator and the readout value:
24
- `regular` (default) or `enhanced`. */
25
- priority?: Priority;
26
- /** Half-extent of the watch arc in degrees. The arc spans `90° ± arcAngle`
27
- and pitch values are placed at their true position within it. Default
28
- `45` reproduces the historical 90°-wide arc.
29
-
30
- Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
31
- narrower arc is enlarged (its radius grows) on its own layer, while the
32
- vessel image and the rotating indicator line stay at their natural size
33
- and position on a separate central layer. The two layers are
34
- intentionally visually disconnected. */
35
- arcAngle?: number;
36
23
  }
37
24
  export interface Events {
38
25
  }
@@ -43,7 +30,6 @@ type $$ComponentProps = Props & Events & Slots;
43
30
  declare const ObcPitch: import("svelte").Component<$$ComponentProps, {
44
31
  VesselImage: typeof VesselImage;
45
32
  ObcPitchType: typeof ObcPitchType;
46
- Priority: typeof Priority;
47
33
  }, "">;
48
34
  type ObcPitch = ReturnType<typeof ObcPitch>;
49
35
  export default ObcPitch;
@@ -31,6 +31,14 @@ import type {PitchRollPriorityElement} from '@oicl/openbridge-webcomponents/dist
31
31
  /** When `true`, the centre shows two stacked `<obc-readout>`s (pitch above
32
32
  roll) instead of the vessel images. Default `false`. */
33
33
  hasReadout?: boolean;
34
+ /** Label for the pitch readout. Default `Pitch`. */
35
+ pitchLabel?: string;
36
+ /** Label for the roll readout. Default `Roll`. */
37
+ rollLabel?: string;
38
+ /** Unit shown in both readouts. Default `DEG`. */
39
+ unit?: string;
40
+ /** Number of fraction digits shown in both readouts. Default `0`. */
41
+ fractionDigits?: number;
34
42
  zoomToFitArc?: boolean;
35
43
  /** Half-extent of each of the four watch arcs in degrees, measured from the
36
44
  arc's natural center (0°/90°/180°/270°). Each arc spans
@@ -24,6 +24,14 @@ export interface Props {
24
24
  /** When `true`, the centre shows two stacked `<obc-readout>`s (pitch above
25
25
  roll) instead of the vessel images. Default `false`. */
26
26
  hasReadout?: boolean;
27
+ /** Label for the pitch readout. Default `Pitch`. */
28
+ pitchLabel?: string;
29
+ /** Label for the roll readout. Default `Roll`. */
30
+ rollLabel?: string;
31
+ /** Unit shown in both readouts. Default `DEG`. */
32
+ unit?: string;
33
+ /** Number of fraction digits shown in both readouts. Default `0`. */
34
+ fractionDigits?: number;
27
35
  zoomToFitArc?: boolean;
28
36
  /** Half-extent of each of the four watch arcs in degrees, measured from the
29
37
  arc's natural center (0°/90°/180°/270°). Each arc spans
@@ -2,12 +2,10 @@
2
2
  <script lang="ts">
3
3
  export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
4
4
  export type {ObcRollType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.js';
5
- export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
6
5
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.js';
7
6
  import { setProperties } from "../../util.js";
8
7
  import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
9
8
  import type {ObcRollType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.js';
10
- import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
11
9
  import type { Snippet } from 'svelte';
12
10
 
13
11
  export interface Props {
@@ -20,27 +18,15 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
20
18
  scaleForeImage?: number;
21
19
  maxRollAdvice?: number | undefined;
22
20
  triggerRollAdvice?: boolean;
23
- zoomToFitArc?: boolean;
24
- /** When `true`, the centre shows an `<obc-readout>` with the roll value
25
- (label `Roll`, unit `DEG`) instead of the horizon line, rotating indicator
26
- and vessel. Default `false`. */
27
- hasReadout?: boolean;
21
+ /** Readout label. Default `Roll`. */
22
+ label?: string;
23
+ /** Readout unit. Default `DEG`. */
24
+ unit?: string;
25
+ /** Number of fraction digits shown in the readout. Default `0`. */
26
+ fractionDigits?: number;
28
27
  /** `single-scale` shows one arc at the bottom (default); `dual-scale` also
29
28
  shows the scale on the top arc (the indicator's opposite end). */
30
- type?: ObcRollType;
31
- /** Colour palette for the scale fill / indicator and the readout value:
32
- `regular` (default) or `enhanced`. */
33
- priority?: Priority;
34
- /** Half-extent of the watch arc in degrees. The arc spans `180° ± arcAngle`
35
- and roll values are placed at their true position within it. Default
36
- `45` reproduces the historical 90°-wide arc.
37
-
38
- Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
39
- narrower arc is enlarged (its radius grows) on its own layer, while the
40
- vessel image and the rotating indicator line stay at their natural size
41
- and position on a separate central layer. The two layers are
42
- intentionally visually disconnected. */
43
- arcAngle?: number
29
+ type?: ObcRollType
44
30
  }
45
31
  export interface Events {
46
32
 
@@ -1,7 +1,6 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.js';
2
2
  import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
3
3
  import type { ObcRollType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.js';
4
- import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
5
4
  import type { Snippet } from 'svelte';
6
5
  export interface Props {
7
6
  class?: string;
@@ -13,27 +12,15 @@ export interface Props {
13
12
  scaleForeImage?: number;
14
13
  maxRollAdvice?: number | undefined;
15
14
  triggerRollAdvice?: boolean;
16
- zoomToFitArc?: boolean;
17
- /** When `true`, the centre shows an `<obc-readout>` with the roll value
18
- (label `Roll`, unit `DEG`) instead of the horizon line, rotating indicator
19
- and vessel. Default `false`. */
20
- hasReadout?: boolean;
15
+ /** Readout label. Default `Roll`. */
16
+ label?: string;
17
+ /** Readout unit. Default `DEG`. */
18
+ unit?: string;
19
+ /** Number of fraction digits shown in the readout. Default `0`. */
20
+ fractionDigits?: number;
21
21
  /** `single-scale` shows one arc at the bottom (default); `dual-scale` also
22
22
  shows the scale on the top arc (the indicator's opposite end). */
23
23
  type?: ObcRollType;
24
- /** Colour palette for the scale fill / indicator and the readout value:
25
- `regular` (default) or `enhanced`. */
26
- priority?: Priority;
27
- /** Half-extent of the watch arc in degrees. The arc spans `180° ± arcAngle`
28
- and roll values are placed at their true position within it. Default
29
- `45` reproduces the historical 90°-wide arc.
30
-
31
- Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
32
- narrower arc is enlarged (its radius grows) on its own layer, while the
33
- vessel image and the rotating indicator line stay at their natural size
34
- and position on a separate central layer. The two layers are
35
- intentionally visually disconnected. */
36
- arcAngle?: number;
37
24
  }
38
25
  export interface Events {
39
26
  }
@@ -44,7 +31,6 @@ type $$ComponentProps = Props & Events & Slots;
44
31
  declare const ObcRoll: import("svelte").Component<$$ComponentProps, {
45
32
  VesselImage: typeof VesselImage;
46
33
  ObcRollType: typeof ObcRollType;
47
- Priority: typeof Priority;
48
34
  }, "">;
49
35
  type ObcRoll = ReturnType<typeof ObcRoll>;
50
36
  export default ObcRoll;
@@ -35,7 +35,13 @@ tertiaryTickmarkInterval?: number | undefined;
35
35
  rotArcExtent?: number;
36
36
  /** When `true`, shows a centered `<obc-readout>` (label `ROT`, unit `DEG/min`)
37
37
  under the arc with the current rate-of-turn value. Default `false`. */
38
- hasReadout?: boolean
38
+ hasReadout?: boolean;
39
+ /** Readout label. Default `ROT`. */
40
+ label?: string;
41
+ /** Readout unit. Default `DEG/min`. */
42
+ unit?: string;
43
+ /** Number of fraction digits shown in the readout. Default `0`. */
44
+ fractionDigits?: number
39
45
  }
40
46
  export interface Events {
41
47
 
@@ -29,6 +29,12 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
29
29
  /** When `true`, shows a centered `<obc-readout>` (label `ROT`, unit `DEG/min`)
30
30
  under the arc with the current rate-of-turn value. Default `false`. */
31
31
  hasReadout?: boolean;
32
+ /** Readout label. Default `ROT`. */
33
+ label?: string;
34
+ /** Readout unit. Default `DEG/min`. */
35
+ unit?: string;
36
+ /** Number of fraction digits shown in the readout. Default `0`. */
37
+ fractionDigits?: number;
32
38
  }
33
39
  export interface Events {
34
40
  }
@@ -26,7 +26,15 @@ tickmarkInterval?: number | undefined;
26
26
  needleType?: ObcSpeedGaugeNeedleType;
27
27
  speedAdvices?: SpeedAdvice[];
28
28
  tickmarkStyle?: TickmarkStyle;
29
- showReadout?: boolean
29
+ /** When `true`, shows a centered `<obc-readout>` (label `STW`, unit `KN`)
30
+ below the gauge with the current speed. Default `false`. */
31
+ hasReadout?: boolean;
32
+ /** Readout label. Default `STW`. */
33
+ label?: string;
34
+ /** Readout unit. Default `KN`. */
35
+ unit?: string;
36
+ /** Number of fraction digits shown in the readout. Default `1`. */
37
+ fractionDigits?: number
30
38
  }
31
39
  export interface Events {
32
40
 
@@ -19,7 +19,15 @@ When undefined or <= 0, no tickmarks are shown (only the zero mark). */
19
19
  needleType?: ObcSpeedGaugeNeedleType;
20
20
  speedAdvices?: SpeedAdvice[];
21
21
  tickmarkStyle?: TickmarkStyle;
22
- showReadout?: boolean;
22
+ /** When `true`, shows a centered `<obc-readout>` (label `STW`, unit `KN`)
23
+ below the gauge with the current speed. Default `false`. */
24
+ hasReadout?: boolean;
25
+ /** Readout label. Default `STW`. */
26
+ label?: string;
27
+ /** Readout unit. Default `KN`. */
28
+ unit?: string;
29
+ /** Number of fraction digits shown in the readout. Default `1`. */
30
+ fractionDigits?: number;
23
31
  }
24
32
  export interface Events {
25
33
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents-svelte",
3
- "version": "2.0.0-next.60",
3
+ "version": "2.0.0-next.62",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run prepack",
@@ -31,7 +31,7 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@oicl/openbridge-webcomponents": "^2.0.0-next.59"
34
+ "@oicl/openbridge-webcomponents": "^2.0.0-next.61"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "svelte": "^5.0.0"