@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 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';
@@ -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>
@@ -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 for the framed and compass styles; the standalone style
35
- follows the design's fixed per-type vessel. */
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 for the framed and compass styles; the standalone style
29
- follows the design's fixed per-type vessel. */
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.107",
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.106"
34
+ "@oicl/openbridge-webcomponents": "^2.0.0-next.108"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "svelte": "^5.0.0"