@oicl/openbridge-webcomponents-svelte 2.0.0-next.107 → 2.0.0-next.109
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/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte +93 -0
- package/dist/navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte.d.ts +81 -0
- package/dist/navigation-instruments/speed-directions/ObcSpeedDirections.svelte +2 -2
- package/dist/navigation-instruments/speed-directions/ObcSpeedDirections.svelte.d.ts +2 -2
- package/dist/navigation-instruments/watch/ObcWatch.svelte +12 -0
- package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts +12 -0
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -2276,6 +2276,7 @@ export { default as ObcGaugeBarIndicator } from './navigation-instruments/gauge-
|
|
|
2276
2276
|
export { default as ObcGaugeHorizontal } from './navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte';
|
|
2277
2277
|
export { default as ObcGaugeRadial } from './navigation-instruments/gauge-radial/ObcGaugeRadial.svelte';
|
|
2278
2278
|
export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte';
|
|
2279
|
+
export { default as ObcGaugeRadialProportional } from './navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte';
|
|
2279
2280
|
export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
|
|
2280
2281
|
export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
|
|
2281
2282
|
export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
|
package/dist/index.js
CHANGED
|
@@ -2276,6 +2276,7 @@ export { default as ObcGaugeBarIndicator } from './navigation-instruments/gauge-
|
|
|
2276
2276
|
export { default as ObcGaugeHorizontal } from './navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte';
|
|
2277
2277
|
export { default as ObcGaugeRadial } from './navigation-instruments/gauge-radial/ObcGaugeRadial.svelte';
|
|
2278
2278
|
export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte';
|
|
2279
|
+
export { default as ObcGaugeRadialProportional } from './navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte';
|
|
2279
2280
|
export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
|
|
2280
2281
|
export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
|
|
2281
2282
|
export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
|
package/dist/navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte
ADDED
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
export type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
4
|
+
export type {GaugeRadialProportionalSector, GaugeRadialProportionalAlignment, GaugeRadialProportionalPriority, GaugeRadialProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
|
|
5
|
+
export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
6
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
|
|
7
|
+
import { setProperties } from "../../util.js";
|
|
8
|
+
import type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
9
|
+
import type {GaugeRadialProportionalSector, GaugeRadialProportionalAlignment, GaugeRadialProportionalPriority, GaugeRadialProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
|
|
10
|
+
import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
11
|
+
import type { Snippet } from 'svelte';
|
|
12
|
+
|
|
13
|
+
export interface Props {
|
|
14
|
+
class?: string;
|
|
15
|
+
style?: string;
|
|
16
|
+
/** Target setpoint value. `undefined` = no setpoint marker shown. */
|
|
17
|
+
setpoint?: number | undefined;
|
|
18
|
+
/** Adjustment preview for 2-step interface.
|
|
19
|
+
When defined, two markers are shown: original (dimmed) + new (focus). */
|
|
20
|
+
newSetpoint?: number | undefined;
|
|
21
|
+
/** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
|
|
22
|
+
atSetpoint?: boolean;
|
|
23
|
+
/** User is physically interacting with the control.
|
|
24
|
+
Suppresses at-setpoint calculation and triggers focus visual. */
|
|
25
|
+
touching?: boolean;
|
|
26
|
+
/** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
|
|
27
|
+
autoAtSetpoint?: boolean;
|
|
28
|
+
/** Tolerance for auto at-setpoint detection. */
|
|
29
|
+
autoAtSetpointDeadband?: number;
|
|
30
|
+
/** Tolerance for zero-snap visual state. */
|
|
31
|
+
setpointAtZeroDeadband?: number;
|
|
32
|
+
/** Override to derive the setpoint color from the instrument's `priority`
|
|
33
|
+
regardless of instrument state. */
|
|
34
|
+
setpointOverride?: boolean;
|
|
35
|
+
/** Enable CSS-animated confirm transition. */
|
|
36
|
+
animateSetpoint?: boolean;
|
|
37
|
+
value?: number;
|
|
38
|
+
maxValue?: number;
|
|
39
|
+
minValue?: number;
|
|
40
|
+
/** Secondary value shown as a thin line arc at the band's inner edge with a
|
|
41
|
+
second readout (the "primary-secondary" frame type). When undefined
|
|
42
|
+
(default), the regular single-value frame renders. */
|
|
43
|
+
secondaryValue?: number | undefined;
|
|
44
|
+
/** Instrument state (active, loading, off). `priority: off` also renders the off face. */
|
|
45
|
+
state?: InstrumentState;
|
|
46
|
+
sector?: GaugeRadialProportionalSector;
|
|
47
|
+
alignment?: GaugeRadialProportionalAlignment;
|
|
48
|
+
priority?: GaugeRadialProportionalPriority;
|
|
49
|
+
showLabels?: boolean;
|
|
50
|
+
/** Interval for primary tickmarks in value units.
|
|
51
|
+
When undefined or <= 0, no primary tickmarks are shown. */
|
|
52
|
+
primaryTickmarkInterval?: number | undefined;
|
|
53
|
+
/** Interval for secondary tickmarks in value units.
|
|
54
|
+
When undefined or <= 0, no secondary tickmarks are shown. */
|
|
55
|
+
secondaryTickmarkInterval?: number | undefined;
|
|
56
|
+
tickmarkStyle?: TickmarkStyle;
|
|
57
|
+
/** Caution/alert arcs in value units. */
|
|
58
|
+
advices?: GaugeRadialProportionalAdvice[];
|
|
59
|
+
/** When `true`, shows the center readout (and the secondary readout when
|
|
60
|
+
`secondaryValue` is set). Default `false`. */
|
|
61
|
+
hasReadout?: boolean;
|
|
62
|
+
label?: string;
|
|
63
|
+
unit?: string;
|
|
64
|
+
secondaryLabel?: string;
|
|
65
|
+
secondaryUnit?: string;
|
|
66
|
+
fractionDigits?: number;
|
|
67
|
+
/** Name row shown under the readout (uppercase overline style). */
|
|
68
|
+
name?: string;
|
|
69
|
+
/** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
|
|
70
|
+
fixed intrinsic size; when unset (default), it fills its container. */
|
|
71
|
+
faceDiameter?: number | undefined
|
|
72
|
+
}
|
|
73
|
+
export interface Events {
|
|
74
|
+
|
|
75
|
+
}
|
|
76
|
+
export interface Slots {
|
|
77
|
+
icon?: Snippet
|
|
78
|
+
}
|
|
79
|
+
const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
|
|
80
|
+
|
|
81
|
+
</script>
|
|
82
|
+
<obc-gauge-radial-proportional
|
|
83
|
+
use:setProperties={props}
|
|
84
|
+
class={className}
|
|
85
|
+
style={style}
|
|
86
|
+
>
|
|
87
|
+
|
|
88
|
+
{#if icon}
|
|
89
|
+
<div slot="icon">
|
|
90
|
+
{@render icon()}
|
|
91
|
+
</div>
|
|
92
|
+
{/if}
|
|
93
|
+
</obc-gauge-radial-proportional>
|
package/dist/navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte.d.ts
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
|
|
2
|
+
import type { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
|
|
3
|
+
import type { GaugeRadialProportionalSector, GaugeRadialProportionalAlignment, GaugeRadialProportionalPriority, GaugeRadialProportionalAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
|
|
4
|
+
import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
|
|
5
|
+
import type { Snippet } from 'svelte';
|
|
6
|
+
export interface Props {
|
|
7
|
+
class?: string;
|
|
8
|
+
style?: string;
|
|
9
|
+
/** Target setpoint value. `undefined` = no setpoint marker shown. */
|
|
10
|
+
setpoint?: number | undefined;
|
|
11
|
+
/** Adjustment preview for 2-step interface.
|
|
12
|
+
When defined, two markers are shown: original (dimmed) + new (focus). */
|
|
13
|
+
newSetpoint?: number | undefined;
|
|
14
|
+
/** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
|
|
15
|
+
atSetpoint?: boolean;
|
|
16
|
+
/** User is physically interacting with the control.
|
|
17
|
+
Suppresses at-setpoint calculation and triggers focus visual. */
|
|
18
|
+
touching?: boolean;
|
|
19
|
+
/** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
|
|
20
|
+
autoAtSetpoint?: boolean;
|
|
21
|
+
/** Tolerance for auto at-setpoint detection. */
|
|
22
|
+
autoAtSetpointDeadband?: number;
|
|
23
|
+
/** Tolerance for zero-snap visual state. */
|
|
24
|
+
setpointAtZeroDeadband?: number;
|
|
25
|
+
/** Override to derive the setpoint color from the instrument's `priority`
|
|
26
|
+
regardless of instrument state. */
|
|
27
|
+
setpointOverride?: boolean;
|
|
28
|
+
/** Enable CSS-animated confirm transition. */
|
|
29
|
+
animateSetpoint?: boolean;
|
|
30
|
+
value?: number;
|
|
31
|
+
maxValue?: number;
|
|
32
|
+
minValue?: number;
|
|
33
|
+
/** Secondary value shown as a thin line arc at the band's inner edge with a
|
|
34
|
+
second readout (the "primary-secondary" frame type). When undefined
|
|
35
|
+
(default), the regular single-value frame renders. */
|
|
36
|
+
secondaryValue?: number | undefined;
|
|
37
|
+
/** Instrument state (active, loading, off). `priority: off` also renders the off face. */
|
|
38
|
+
state?: InstrumentState;
|
|
39
|
+
sector?: GaugeRadialProportionalSector;
|
|
40
|
+
alignment?: GaugeRadialProportionalAlignment;
|
|
41
|
+
priority?: GaugeRadialProportionalPriority;
|
|
42
|
+
showLabels?: boolean;
|
|
43
|
+
/** Interval for primary tickmarks in value units.
|
|
44
|
+
When undefined or <= 0, no primary tickmarks are shown. */
|
|
45
|
+
primaryTickmarkInterval?: number | undefined;
|
|
46
|
+
/** Interval for secondary tickmarks in value units.
|
|
47
|
+
When undefined or <= 0, no secondary tickmarks are shown. */
|
|
48
|
+
secondaryTickmarkInterval?: number | undefined;
|
|
49
|
+
tickmarkStyle?: TickmarkStyle;
|
|
50
|
+
/** Caution/alert arcs in value units. */
|
|
51
|
+
advices?: GaugeRadialProportionalAdvice[];
|
|
52
|
+
/** When `true`, shows the center readout (and the secondary readout when
|
|
53
|
+
`secondaryValue` is set). Default `false`. */
|
|
54
|
+
hasReadout?: boolean;
|
|
55
|
+
label?: string;
|
|
56
|
+
unit?: string;
|
|
57
|
+
secondaryLabel?: string;
|
|
58
|
+
secondaryUnit?: string;
|
|
59
|
+
fractionDigits?: number;
|
|
60
|
+
/** Name row shown under the readout (uppercase overline style). */
|
|
61
|
+
name?: string;
|
|
62
|
+
/** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
|
|
63
|
+
fixed intrinsic size; when unset (default), it fills its container. */
|
|
64
|
+
faceDiameter?: number | undefined;
|
|
65
|
+
}
|
|
66
|
+
export interface Events {
|
|
67
|
+
}
|
|
68
|
+
export interface Slots {
|
|
69
|
+
icon?: Snippet;
|
|
70
|
+
}
|
|
71
|
+
type $$ComponentProps = Props & Events & Slots;
|
|
72
|
+
declare const ObcGaugeRadialProportional: import("svelte").Component<$$ComponentProps, {
|
|
73
|
+
InstrumentState: typeof InstrumentState;
|
|
74
|
+
GaugeRadialProportionalSector: typeof GaugeRadialProportionalSector;
|
|
75
|
+
GaugeRadialProportionalAlignment: typeof GaugeRadialProportionalAlignment;
|
|
76
|
+
GaugeRadialProportionalPriority: typeof GaugeRadialProportionalPriority;
|
|
77
|
+
GaugeRadialProportionalAdvice: typeof GaugeRadialProportionalAdvice;
|
|
78
|
+
TickmarkStyle: typeof TickmarkStyle;
|
|
79
|
+
}, "">;
|
|
80
|
+
type ObcGaugeRadialProportional = ReturnType<typeof ObcGaugeRadialProportional>;
|
|
81
|
+
export default ObcGaugeRadialProportional;
|
|
@@ -31,8 +31,8 @@ alongMaxSpeedKnots?: number;
|
|
|
31
31
|
athwartMaxSpeedKnots?: number;
|
|
32
32
|
/** Render inactive chevron bands as a tinted track. */
|
|
33
33
|
tintedArrows?: boolean;
|
|
34
|
-
/** Vessel image
|
|
35
|
-
|
|
34
|
+
/** Vessel image drawn at the center of the instrument. The standalone style
|
|
35
|
+
draws it at twice the size for the chevron types, as in the design. */
|
|
36
36
|
vesselImage?: VesselImage
|
|
37
37
|
}
|
|
38
38
|
export interface Events {
|
|
@@ -25,8 +25,8 @@ export interface Props {
|
|
|
25
25
|
athwartMaxSpeedKnots?: number;
|
|
26
26
|
/** Render inactive chevron bands as a tinted track. */
|
|
27
27
|
tintedArrows?: boolean;
|
|
28
|
-
/** Vessel image
|
|
29
|
-
|
|
28
|
+
/** Vessel image drawn at the center of the instrument. The standalone style
|
|
29
|
+
draws it at twice the size for the chevron types, as in the design. */
|
|
30
30
|
vesselImage?: VesselImage;
|
|
31
31
|
}
|
|
32
32
|
export interface Events {
|
|
@@ -24,6 +24,13 @@ state?: InstrumentState;
|
|
|
24
24
|
/** Color priority (enhanced = blue palette, regular = gray palette) */
|
|
25
25
|
priority?: Priority;
|
|
26
26
|
watchCircleType?: WatchCircleType;
|
|
27
|
+
/** When `true`, the full watch-face circle is drawn behind the dial —
|
|
28
|
+
a frame-primary fill with a tertiary outline — so partial-sector
|
|
29
|
+
instruments still read as a complete circle. In the `off` state the fill
|
|
30
|
+
is omitted (only the outline remains), keeping the off skeleton hollow.
|
|
31
|
+
With sector `areas`, the per-area arch outline is dropped; the face
|
|
32
|
+
outline takes its place. */
|
|
33
|
+
hasBackgroundCircle?: boolean;
|
|
27
34
|
northArrow?: boolean;
|
|
28
35
|
northArrowInside?: boolean | undefined;
|
|
29
36
|
/** Replace the north arrow with the compact heading-up north marker: a small
|
|
@@ -54,6 +61,11 @@ fixedHeight). When unset (default), the instrument fills its container. */
|
|
|
54
61
|
faceDiameter?: number | undefined;
|
|
55
62
|
areas?: WatchArea[];
|
|
56
63
|
barAreas?: WatchBarArea[];
|
|
64
|
+
/** Rounds the band track's sector end cuts at the band's own radii and clips
|
|
65
|
+
bars to that rounded track shape (the design's track-mask model), instead
|
|
66
|
+
of the joint silhouette cut shared with the scale ring. No effect without
|
|
67
|
+
`areas`. */
|
|
68
|
+
roundBandCuts?: boolean;
|
|
57
69
|
needles?: WatchNeedle[];
|
|
58
70
|
tickmarks?: Tickmark[];
|
|
59
71
|
tickmarksInside?: boolean;
|
|
@@ -14,6 +14,13 @@ export interface Props {
|
|
|
14
14
|
/** Color priority (enhanced = blue palette, regular = gray palette) */
|
|
15
15
|
priority?: Priority;
|
|
16
16
|
watchCircleType?: WatchCircleType;
|
|
17
|
+
/** When `true`, the full watch-face circle is drawn behind the dial —
|
|
18
|
+
a frame-primary fill with a tertiary outline — so partial-sector
|
|
19
|
+
instruments still read as a complete circle. In the `off` state the fill
|
|
20
|
+
is omitted (only the outline remains), keeping the off skeleton hollow.
|
|
21
|
+
With sector `areas`, the per-area arch outline is dropped; the face
|
|
22
|
+
outline takes its place. */
|
|
23
|
+
hasBackgroundCircle?: boolean;
|
|
17
24
|
northArrow?: boolean;
|
|
18
25
|
northArrowInside?: boolean | undefined;
|
|
19
26
|
/** Replace the north arrow with the compact heading-up north marker: a small
|
|
@@ -44,6 +51,11 @@ fixedHeight). When unset (default), the instrument fills its container. */
|
|
|
44
51
|
faceDiameter?: number | undefined;
|
|
45
52
|
areas?: WatchArea[];
|
|
46
53
|
barAreas?: WatchBarArea[];
|
|
54
|
+
/** Rounds the band track's sector end cuts at the band's own radii and clips
|
|
55
|
+
bars to that rounded track shape (the design's track-mask model), instead
|
|
56
|
+
of the joint silhouette cut shared with the scale ring. No effect without
|
|
57
|
+
`areas`. */
|
|
58
|
+
roundBandCuts?: boolean;
|
|
47
59
|
needles?: WatchNeedle[];
|
|
48
60
|
tickmarks?: Tickmark[];
|
|
49
61
|
tickmarksInside?: boolean;
|
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.109",
|
|
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.
|
|
34
|
+
"@oicl/openbridge-webcomponents": "^2.0.0-next.108"
|
|
35
35
|
},
|
|
36
36
|
"peerDependencies": {
|
|
37
37
|
"svelte": "^5.0.0"
|