@oicl/openbridge-webcomponents-svelte 2.0.0-next.165 → 2.0.0-next.167

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.
@@ -3,6 +3,7 @@
3
3
  export type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
4
4
  import '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
5
5
  import { setProperties, forwardEvents } from "../../util.js";
6
+ import NamedSlot from "../../NamedSlot.svelte";
6
7
  import type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
7
8
  import type { Snippet } from 'svelte';
8
9
 
@@ -38,7 +39,9 @@
38
39
  /** The variant of the brightness input. */
39
40
  brightnessInputVariant?: ObcBrillianceInputVariant;
40
41
  /** If true, displays the screen control link. */
41
- showScreenControlLink?: boolean
42
+ showScreenControlLink?: boolean;
43
+ /** If true, displays the additional screen controls slot. */
44
+ showAdditionalScreenControls?: boolean
42
45
  }
43
46
  export interface Events {
44
47
  onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -48,9 +51,9 @@
48
51
  onScreenControlLinkClicked?: (event: CustomEvent) => void
49
52
  }
50
53
  export interface Slots {
51
- children?: Snippet
54
+ additionalScreenControls?: Snippet
52
55
  }
53
- const {onPaletteChanged, onBrightnessChanged, onLinkPaletteChanged, onLinkBrightnessChanged, onScreenControlLinkClicked, class: className, style, children, ...props} = $props<Props & Events & Slots>();
56
+ const {onPaletteChanged, onBrightnessChanged, onLinkPaletteChanged, onLinkBrightnessChanged, onScreenControlLinkClicked, class: className, style, additionalScreenControls, ...props} = $props<Props & Events & Slots>();
54
57
 
55
58
 
56
59
  </script>
@@ -61,7 +64,7 @@
61
64
  style={style}
62
65
  use:forwardEvents={{'palette-changed': onPaletteChanged, 'brightness-changed': onBrightnessChanged, 'link-palette-changed': onLinkPaletteChanged, 'link-brightness-changed': onLinkBrightnessChanged, 'screen-control-link-clicked': onScreenControlLinkClicked}} >
63
66
 
64
- {#if children}
65
- {@render children()}
66
- {/if}
67
+ {#if additionalScreenControls}
68
+ <NamedSlot name="additional-screen-controls" content={additionalScreenControls} />
69
+ {/if}
67
70
  </obc-brilliance-menu>
@@ -34,6 +34,8 @@ export interface Props {
34
34
  brightnessInputVariant?: ObcBrillianceInputVariant;
35
35
  /** If true, displays the screen control link. */
36
36
  showScreenControlLink?: boolean;
37
+ /** If true, displays the additional screen controls slot. */
38
+ showAdditionalScreenControls?: boolean;
37
39
  }
38
40
  export interface Events {
39
41
  onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -43,7 +45,7 @@ export interface Events {
43
45
  onScreenControlLinkClicked?: (event: CustomEvent) => void;
44
46
  }
45
47
  export interface Slots {
46
- children?: Snippet;
48
+ additionalScreenControls?: Snippet;
47
49
  }
48
50
  type $$ComponentProps = Props & Events & Slots;
49
51
  declare const ObcBrillianceMenu: import("svelte").Component<$$ComponentProps, {
package/dist/index.d.ts CHANGED
@@ -2353,6 +2353,7 @@ export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gau
2353
2353
  export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
2354
2354
  export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
2355
2355
  export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
2356
+ export { default as ObcGnssSkyplot } from './navigation-instruments/gnss-skyplot/ObcGnssSkyplot.svelte';
2356
2357
  export { default as ObcGraphMini } from './navigation-instruments/graph-mini/ObcGraphMini.svelte';
2357
2358
  export { default as ObcHeading } from './navigation-instruments/heading/ObcHeading.svelte';
2358
2359
  export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
package/dist/index.js CHANGED
@@ -2353,6 +2353,7 @@ export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gau
2353
2353
  export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
2354
2354
  export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
2355
2355
  export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
2356
+ export { default as ObcGnssSkyplot } from './navigation-instruments/gnss-skyplot/ObcGnssSkyplot.svelte';
2356
2357
  export { default as ObcGraphMini } from './navigation-instruments/graph-mini/ObcGraphMini.svelte';
2357
2358
  export { default as ObcHeading } from './navigation-instruments/heading/ObcHeading.svelte';
2358
2359
  export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
@@ -49,7 +49,9 @@
49
49
  /** Active state of fleet button while selection is pending */
50
50
  fleetButtonActivated?: boolean;
51
51
  /** Label for the fleet button */
52
- fleetButtonLabel?: string
52
+ fleetButtonLabel?: string;
53
+ /** Renders the `right-tray-leading` slot first in the right-hand button group */
54
+ hasRightTrayLeading?: boolean
53
55
  }
54
56
  export interface Events {
55
57
  onFleetButtonClick?: (event: CustomEvent) => void;
@@ -64,9 +66,10 @@
64
66
  export interface Slots {
65
67
  clock?: Snippet;
66
68
  integrationButtons?: Snippet;
67
- hugButtons?: Snippet
69
+ hugButtons?: Snippet;
70
+ rightTrayLeading?: Snippet
68
71
  }
69
- const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, ...props} = $props<Props & Events & Slots>();
72
+ const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, rightTrayLeading, ...props} = $props<Props & Events & Slots>();
70
73
 
71
74
 
72
75
  </script>
@@ -88,4 +91,8 @@
88
91
  {#if hugButtons}
89
92
  <NamedSlot name="hug-buttons" content={hugButtons} />
90
93
  {/if}
94
+
95
+ {#if rightTrayLeading}
96
+ <NamedSlot name="right-tray-leading" content={rightTrayLeading} />
97
+ {/if}
91
98
  </obc-integration-bar>
@@ -43,6 +43,8 @@ export interface Props {
43
43
  fleetButtonActivated?: boolean;
44
44
  /** Label for the fleet button */
45
45
  fleetButtonLabel?: string;
46
+ /** Renders the `right-tray-leading` slot first in the right-hand button group */
47
+ hasRightTrayLeading?: boolean;
46
48
  }
47
49
  export interface Events {
48
50
  onFleetButtonClick?: (event: CustomEvent) => void;
@@ -58,6 +60,7 @@ export interface Slots {
58
60
  clock?: Snippet;
59
61
  integrationButtons?: Snippet;
60
62
  hugButtons?: Snippet;
63
+ rightTrayLeading?: Snippet;
61
64
  }
62
65
  type $$ComponentProps = Props & Events & Slots;
63
66
  declare const ObcIntegrationBar: import("svelte").Component<$$ComponentProps, {}, "">;
@@ -89,7 +89,9 @@
89
89
  */
90
90
  systemButtonActivated?: boolean;
91
91
  /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
92
- nStatusFields?: number
92
+ nStatusFields?: number;
93
+ /** Renders the `right-tray-leading` slot first in the right-hand button group. */
94
+ hasRightTrayLeading?: boolean
93
95
  }
94
96
  export interface Events {
95
97
  onHomeButtonClicked?: (event: CustomEvent) => void;
@@ -109,9 +111,10 @@
109
111
  statusIcon2?: Snippet;
110
112
  statusLabel3?: Snippet;
111
113
  statusIcon3?: Snippet;
112
- clock?: Snippet
114
+ clock?: Snippet;
115
+ rightTrayLeading?: Snippet
113
116
  }
114
- const {onHomeButtonClicked, onLinkButtonClicked, onAlertButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, ...props} = $props<Props & Events & Slots>();
117
+ const {onHomeButtonClicked, onLinkButtonClicked, onAlertButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, rightTrayLeading, ...props} = $props<Props & Events & Slots>();
115
118
 
116
119
 
117
120
  </script>
@@ -153,4 +156,8 @@
153
156
  {#if clock}
154
157
  <NamedSlot name="clock" content={clock} />
155
158
  {/if}
159
+
160
+ {#if rightTrayLeading}
161
+ <NamedSlot name="right-tray-leading" content={rightTrayLeading} />
162
+ {/if}
156
163
  </obc-integration-bar-dropdown>
@@ -83,6 +83,8 @@ export interface Props {
83
83
  systemButtonActivated?: boolean;
84
84
  /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
85
85
  nStatusFields?: number;
86
+ /** Renders the `right-tray-leading` slot first in the right-hand button group. */
87
+ hasRightTrayLeading?: boolean;
86
88
  }
87
89
  export interface Events {
88
90
  onHomeButtonClicked?: (event: CustomEvent) => void;
@@ -103,6 +105,7 @@ export interface Slots {
103
105
  statusLabel3?: Snippet;
104
106
  statusIcon3?: Snippet;
105
107
  clock?: Snippet;
108
+ rightTrayLeading?: Snippet;
106
109
  }
107
110
  type $$ComponentProps = Props & Events & Slots;
108
111
  declare const ObcIntegrationBarDropdown: import("svelte").Component<$$ComponentProps, {}, "">;
@@ -0,0 +1,51 @@
1
+
2
+ <script lang="ts">
3
+ export type {Satellite} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gnss-skyplot/gnss-skyplot.js';
4
+ export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
5
+ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gnss-skyplot/gnss-skyplot.js';
6
+ import { setProperties } from "../../util.js";
7
+ import type {Satellite} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gnss-skyplot/gnss-skyplot.js';
8
+ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
9
+ import type { Snippet } from 'svelte';
10
+
11
+ export interface Props {
12
+ class?: string;
13
+ style?: string;
14
+ /** The satellites to plot; each carries its own azimuth, elevation, constellation and tracked state. */
15
+ satellites?: Satellite[];
16
+ /** Color priority of the markers that have no constellation hue. */
17
+ priority?: Priority;
18
+ /** When `true`, the marker hue comes from the satellite's `constellation` instead of `priority`. */
19
+ colorByConstellation?: boolean;
20
+ /**
21
+ * When `true`, shows a key for the constellations present.
22
+ *
23
+ * Available when `colorByConstellation==true`.
24
+ */
25
+ showLegend?: boolean;
26
+ /** When `true` (default), shows the azimuth labels outside the ring. */
27
+ showLabels?: boolean;
28
+ /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size derived from the ring and label reserve, so instruments sharing the same value have identical ring circumference. When unset (default), the instrument fills its container. */
29
+ faceDiameter?: number | undefined
30
+ }
31
+ export interface Events {
32
+
33
+ }
34
+ export interface Slots {
35
+ children?: Snippet
36
+ }
37
+ const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
38
+
39
+
40
+ </script>
41
+ <obc-gnss-skyplot
42
+ use:setProperties={props}
43
+
44
+ class={className}
45
+ style={style}
46
+ >
47
+
48
+ {#if children}
49
+ {@render children()}
50
+ {/if}
51
+ </obc-gnss-skyplot>
@@ -0,0 +1,36 @@
1
+ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gnss-skyplot/gnss-skyplot.js';
2
+ import type { Satellite } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gnss-skyplot/gnss-skyplot.js';
3
+ import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
4
+ import type { Snippet } from 'svelte';
5
+ export interface Props {
6
+ class?: string;
7
+ style?: string;
8
+ /** The satellites to plot; each carries its own azimuth, elevation, constellation and tracked state. */
9
+ satellites?: Satellite[];
10
+ /** Color priority of the markers that have no constellation hue. */
11
+ priority?: Priority;
12
+ /** When `true`, the marker hue comes from the satellite's `constellation` instead of `priority`. */
13
+ colorByConstellation?: boolean;
14
+ /**
15
+ * When `true`, shows a key for the constellations present.
16
+ *
17
+ * Available when `colorByConstellation==true`.
18
+ */
19
+ showLegend?: boolean;
20
+ /** When `true` (default), shows the azimuth labels outside the ring. */
21
+ showLabels?: boolean;
22
+ /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a fixed intrinsic size derived from the ring and label reserve, so instruments sharing the same value have identical ring circumference. When unset (default), the instrument fills its container. */
23
+ faceDiameter?: number | undefined;
24
+ }
25
+ export interface Events {
26
+ }
27
+ export interface Slots {
28
+ children?: Snippet;
29
+ }
30
+ type $$ComponentProps = Props & Events & Slots;
31
+ declare const ObcGnssSkyplot: import("svelte").Component<$$ComponentProps, {
32
+ Satellite: typeof Satellite;
33
+ Priority: typeof Priority;
34
+ }, "">;
35
+ type ObcGnssSkyplot = ReturnType<typeof ObcGnssSkyplot>;
36
+ export default ObcGnssSkyplot;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents-svelte",
3
- "version": "2.0.0-next.165",
3
+ "version": "2.0.0-next.167",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run prepack",
@@ -34,7 +34,7 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "@oicl/openbridge-webcomponents": "^2.0.0-next.165"
37
+ "@oicl/openbridge-webcomponents": "^2.0.0-next.167"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "svelte": "^5.0.0"