@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.
- package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte +9 -6
- package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte.d.ts +3 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte +10 -3
- package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte.d.ts +3 -0
- package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte +10 -3
- package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte.d.ts +3 -0
- package/dist/navigation-instruments/gnss-skyplot/ObcGnssSkyplot.svelte +51 -0
- package/dist/navigation-instruments/gnss-skyplot/ObcGnssSkyplot.svelte.d.ts +36 -0
- package/package.json +2 -2
|
@@ -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
|
-
|
|
54
|
+
additionalScreenControls?: Snippet
|
|
52
55
|
}
|
|
53
|
-
const {onPaletteChanged, onBrightnessChanged, onLinkPaletteChanged, onLinkBrightnessChanged, onScreenControlLinkClicked, class: className, style,
|
|
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
|
-
|
|
65
|
-
|
|
66
|
-
|
|
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
|
-
|
|
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>
|
package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte.d.ts
CHANGED
|
@@ -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.
|
|
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.
|
|
37
|
+
"@oicl/openbridge-webcomponents": "^2.0.0-next.167"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"svelte": "^5.0.0"
|