@oicl/openbridge-webcomponents-svelte 2.0.0-next.13 → 2.0.0-next.131

package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-vertical/gauge-vertical.js';
 import type { ExternalScaleSide, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type { BorderRadiusPosition, Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { AdviceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
     /** Minimum scale value */
     minValue?: number;
     /** Maximum scale value */
@@ -38,12 +59,7 @@ export interface Props {
     state?: InstrumentState;
     focused?: boolean;
     /** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
-    advices?: {
-        min: number;
-        max: number;
-        type: AdviceType;
-        hinted: boolean;
-    }[] | undefined;
+    advices?: LinearAdvice[] | undefined;
     /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */
@@ -62,7 +78,7 @@ declare const ObcGaugeVertical: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcGaugeVertical = ReturnType<typeof ObcGaugeVertical>;
 export default ObcGaugeVertical;

package/dist/navigation-instruments/graph-mini/ObcGraphMini.svelte

@@ -9,7 +9,8 @@
       export interface Props {
      class?: string;
      style?: string;
-     data?: [number[], number[]];
+      /** The data to display in the graph, first array is the x values, second array is the y values */
+data?: [number[], number[]];
      minY?: number | undefined;
      maxY?: number | undefined
    }

package/dist/navigation-instruments/graph-mini/ObcGraphMini.svelte.d.ts

@@ -3,6 +3,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** The data to display in the graph, first array is the x values, second array is the y values */
     data?: [number[], number[]];
     minY?: number | undefined;
     maxY?: number | undefined;

package/dist/navigation-instruments/heading/ObcHeading.svelte

@@ -3,11 +3,17 @@
     export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 export type {CompassDirection, HeadingPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading/heading.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+export type {CompassCenterReadout} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/center-readout.js';
+export type {HdgArrowStyle, CogArrowStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/course-arrows/course-arrows.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading/heading.js';
       import { setProperties } from "../../util.js";
       import type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type {CompassDirection, HeadingPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading/heading.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type {CompassCenterReadout} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/center-readout.js';
+import type {HdgArrowStyle, CogArrowStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/course-arrows/course-arrows.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -28,10 +34,31 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
      direction?: CompassDirection;
      priority?: Priority;
      priorityElements?: HeadingPriorityElement[];
+      /** The vessel silhouette shown in the center, rotating with heading. When
+unset (default) no vessel is shown; hidden while `centerReadouts` is
+non-empty. */
+vesselImage?: VesselImage | undefined;
+      /** Center readouts replacing the vessel: the first entry renders on top,
+the rest side by side below a horizontal divider. Values bind per entry
+`source` (`hdg` → `heading`, `cog` → `courseOverGround`; `rot` has no
+input on this instrument and renders a dash) and colors follow
+`priorityElements`. While non-empty, the crosshair's center is cut out
+so the readouts sit on a clean face. */
+centerReadouts?: CompassCenterReadout[];
+      /** HDG arrow style: `needle` (default), `arrowHead`, `vector`, or `beamLine`. */
+hdgArrowStyle?: HdgArrowStyle;
+      /** COG arrow style: `needle` (default), `arrowHead`, `vector`, or `velocityVector`. */
+cogArrowStyle?: CogArrowStyle;
       /** Show compass NSEW labels. */
 showLabels?: boolean;
       /** When true, labels and north arrow are placed inside the outer ring. */
-tickmarksInside?: boolean
+tickmarksInside?: boolean;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/heading/ObcHeading.svelte.d.ts

@@ -2,6 +2,9 @@ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading/headi
 import type { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type { CompassDirection, HeadingPriorityElement } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading/heading.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type { CompassCenterReadout } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/center-readout.js';
+import type { HdgArrowStyle, CogArrowStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/course-arrows/course-arrows.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -21,10 +24,31 @@ export interface Props {
     direction?: CompassDirection;
     priority?: Priority;
     priorityElements?: HeadingPriorityElement[];
+    /** The vessel silhouette shown in the center, rotating with heading. When
+unset (default) no vessel is shown; hidden while `centerReadouts` is
+non-empty. */
+    vesselImage?: VesselImage | undefined;
+    /** Center readouts replacing the vessel: the first entry renders on top,
+the rest side by side below a horizontal divider. Values bind per entry
+`source` (`hdg` → `heading`, `cog` → `courseOverGround`; `rot` has no
+input on this instrument and renders a dash) and colors follow
+`priorityElements`. While non-empty, the crosshair's center is cut out
+so the readouts sit on a clean face. */
+    centerReadouts?: CompassCenterReadout[];
+    /** HDG arrow style: `needle` (default), `arrowHead`, `vector`, or `beamLine`. */
+    hdgArrowStyle?: HdgArrowStyle;
+    /** COG arrow style: `needle` (default), `arrowHead`, `vector`, or `velocityVector`. */
+    cogArrowStyle?: CogArrowStyle;
     /** Show compass NSEW labels. */
     showLabels?: boolean;
     /** When true, labels and north arrow are placed inside the outer ring. */
     tickmarksInside?: boolean;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }
@@ -37,6 +61,10 @@ declare const ObcHeading: import("svelte").Component<$$ComponentProps, {
     CompassDirection: typeof CompassDirection;
     HeadingPriorityElement: typeof HeadingPriorityElement;
     Priority: typeof Priority;
+    VesselImage: typeof VesselImage;
+    CompassCenterReadout: typeof CompassCenterReadout;
+    HdgArrowStyle: typeof HdgArrowStyle;
+    CogArrowStyle: typeof CogArrowStyle;
 }, "">;
 type ObcHeading = ReturnType<typeof ObcHeading>;
 export default ObcHeading;

package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte

@@ -0,0 +1,35 @@
+
+  <script lang="ts">
+    export type {HeadingIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {HeadingIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     type?: HeadingIndicatorType;
+     angle?: number;
+      /** Cross-track deviation in the range [-1, 1]. */
+xtd?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-heading-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-heading-indicator>

package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte.d.ts

@@ -0,0 +1,22 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+import type { HeadingIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    type?: HeadingIndicatorType;
+    angle?: number;
+    /** Cross-track deviation in the range [-1, 1]. */
+    xtd?: number;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcHeadingIndicator: import("svelte").Component<$$ComponentProps, {
+    HeadingIndicatorType: typeof HeadingIndicatorType;
+}, "">;
+type ObcHeadingIndicator = ReturnType<typeof ObcHeadingIndicator>;
+export default ObcHeadingIndicator;

package/dist/navigation-instruments/heave/ObcHeave.svelte

@@ -3,11 +3,13 @@
     export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {ObcHeaveType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave/heave.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave/heave.js';
       import { setProperties } from "../../util.js";
       import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {ObcHeaveType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave/heave.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -21,7 +23,10 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
      advice?: LinearAdvice[];
      instrumentRange?: number;
      vesselImage?: VesselImage;
-     priority?: Priority
+     priority?: Priority;
+      /** `vessel` (default) frames the scale next to a vessel silhouette; `bar`
+renders the scale column on its own. */
+type?: ObcHeaveType
    }
       export interface Events {
     

package/dist/navigation-instruments/heave/ObcHeave.svelte.d.ts

@@ -2,6 +2,7 @@ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave/heave.j
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { ObcHeaveType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave/heave.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -15,6 +16,9 @@ export interface Props {
     instrumentRange?: number;
     vesselImage?: VesselImage;
     priority?: Priority;
+    /** `vessel` (default) frames the scale next to a vessel silhouette; `bar`
+renders the scale column on its own. */
+    type?: ObcHeaveType;
 }
 export interface Events {
 }
@@ -26,6 +30,7 @@ declare const ObcHeave: import("svelte").Component<$$ComponentProps, {
     LinearAdvice: typeof LinearAdvice;
     VesselImage: typeof VesselImage;
     Priority: typeof Priority;
+    ObcHeaveType: typeof ObcHeaveType;
 }, "">;
 type ObcHeave = ReturnType<typeof ObcHeave>;
 export default ObcHeave;

package/dist/navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte

@@ -0,0 +1,33 @@
+
+  <script lang="ts">
+    export type {HeaveIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {HeaveIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     type?: HeaveIndicatorType;
+     value?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-heave-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-heave-indicator>

package/dist/navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte.d.ts

@@ -0,0 +1,20 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
+import type { HeaveIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    type?: HeaveIndicatorType;
+    value?: number;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcHeaveIndicator: import("svelte").Component<$$ComponentProps, {
+    HeaveIndicatorType: typeof HeaveIndicatorType;
+}, "">;
+type ObcHeaveIndicator = ReturnType<typeof ObcHeaveIndicator>;
+export default ObcHeaveIndicator;

package/dist/navigation-instruments/indicator-graph/ObcIndicatorGraph.svelte

@@ -0,0 +1,34 @@
+
+  <script lang="ts">
+    export type {ObcIndicatorGraphLayout} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/indicator-graph/indicator-graph.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/indicator-graph/indicator-graph.js';
+      import { setProperties } from "../../util.js";
+      import type {ObcIndicatorGraphLayout} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/indicator-graph/indicator-graph.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+      /** The data to display in the graph, first array is the x values, second array is the y values */
+data?: [number[], number[]];
+     layout?: ObcIndicatorGraphLayout
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-indicator-graph
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-indicator-graph>

package/dist/navigation-instruments/indicator-graph/ObcIndicatorGraph.svelte.d.ts

@@ -0,0 +1,21 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/indicator-graph/indicator-graph.js';
+import type { ObcIndicatorGraphLayout } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/indicator-graph/indicator-graph.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** The data to display in the graph, first array is the x values, second array is the y values */
+    data?: [number[], number[]];
+    layout?: ObcIndicatorGraphLayout;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcIndicatorGraph: import("svelte").Component<$$ComponentProps, {
+    ObcIndicatorGraphLayout: typeof ObcIndicatorGraphLayout;
+}, "">;
+type ObcIndicatorGraph = ReturnType<typeof ObcIndicatorGraph>;
+export default ObcIndicatorGraph;

package/dist/navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte

@@ -0,0 +1,38 @@
+
+  <script lang="ts">
+    export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/main-engine-indicator/propulsion-main-engine-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     pitchValue?: number;
+     rpmValue?: number;
+     thrust?: number;
+     speed?: number;
+     state?: InstrumentState;
+     priority?: Priority;
+     hasSilhouette?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-main-engine-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-main-engine-indicator>

package/dist/navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte.d.ts

@@ -0,0 +1,26 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/main-engine-indicator/propulsion-main-engine-indicator.js';
+import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    pitchValue?: number;
+    rpmValue?: number;
+    thrust?: number;
+    speed?: number;
+    state?: InstrumentState;
+    priority?: Priority;
+    hasSilhouette?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcMainEngineIndicator: import("svelte").Component<$$ComponentProps, {
+    InstrumentState: typeof InstrumentState;
+    Priority: typeof Priority;
+}, "">;
+type ObcMainEngineIndicator = ReturnType<typeof ObcMainEngineIndicator>;
+export default ObcMainEngineIndicator;

package/dist/navigation-instruments/pitch/ObcPitch.svelte

@@ -1,20 +1,50 @@
 
   <script lang="ts">
-    export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+export type {ObcPitchType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
       import { setProperties } from "../../util.js";
-      import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type {ObcPitchType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     zoomToFitArc?: boolean;
+      /** When `true`, the centre shows an `<obc-readout>` with the value instead of
+the horizon line, rotating indicator and vessel. Default `false`. */
+hasReadout?: boolean;
+      /** Colour palette for the scale fill / indicator and the readout value:
+`regular` (default) or `enhanced`. */
+priority?: Priority;
+      /** Half-extent of the watch arc in degrees. The arc spans `centre ± arcAngle`
+and values are placed at their true position within it. Default `45`
+reproduces the historical 90°-wide arc.
+
+Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
+narrower arc is enlarged (its radius grows) on its own layer, while the
+vessel image and the rotating indicator line stay at their natural size and
+position on a separate central layer. The two layers are intentionally
+visually disconnected. */
+arcAngle?: number;
      pitch?: number;
      minAvgPitch?: number;
      maxAvgPitch?: number;
      vesselImageSide?: VesselImage;
      maxPitchAdvice?: number | undefined;
-     triggerPitchAdvice?: boolean
+     triggerPitchAdvice?: boolean;
+      /** Readout label. Default `Pitch`. */
+label?: string;
+      /** Readout unit. Default `DEG`. */
+unit?: string;
+      /** Number of fraction digits shown in the readout. Default `0`. */
+fractionDigits?: number;
+      /** `single-scale` shows one arc on the right (default); `dual-scale` also
+shows the scale on the opposite (left) arc (the indicator's opposite end). */
+type?: ObcPitchType
    }
       export interface Events {
     

package/dist/navigation-instruments/pitch/ObcPitch.svelte.d.ts

@@ -1,15 +1,43 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
+import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type { ObcPitchType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    zoomToFitArc?: boolean;
+    /** When `true`, the centre shows an `<obc-readout>` with the value instead of
+the horizon line, rotating indicator and vessel. Default `false`. */
+    hasReadout?: boolean;
+    /** Colour palette for the scale fill / indicator and the readout value:
+`regular` (default) or `enhanced`. */
+    priority?: Priority;
+    /** Half-extent of the watch arc in degrees. The arc spans `centre ± arcAngle`
+and values are placed at their true position within it. Default `45`
+reproduces the historical 90°-wide arc.
+
+Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
+narrower arc is enlarged (its radius grows) on its own layer, while the
+vessel image and the rotating indicator line stay at their natural size and
+position on a separate central layer. The two layers are intentionally
+visually disconnected. */
+    arcAngle?: number;
     pitch?: number;
     minAvgPitch?: number;
     maxAvgPitch?: number;
     vesselImageSide?: VesselImage;
     maxPitchAdvice?: number | undefined;
     triggerPitchAdvice?: boolean;
+    /** Readout label. Default `Pitch`. */
+    label?: string;
+    /** Readout unit. Default `DEG`. */
+    unit?: string;
+    /** Number of fraction digits shown in the readout. Default `0`. */
+    fractionDigits?: number;
+    /** `single-scale` shows one arc on the right (default); `dual-scale` also
+shows the scale on the opposite (left) arc (the indicator's opposite end). */
+    type?: ObcPitchType;
 }
 export interface Events {
 }
@@ -18,7 +46,9 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPitch: import("svelte").Component<$$ComponentProps, {
+    Priority: typeof Priority;
     VesselImage: typeof VesselImage;
+    ObcPitchType: typeof ObcPitchType;
 }, "">;
 type ObcPitch = ReturnType<typeof ObcPitch>;
 export default ObcPitch;

package/dist/navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte

@@ -0,0 +1,33 @@
+
+  <script lang="ts">
+    export type {PitchIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {PitchIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     type?: PitchIndicatorType;
+     value?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-pitch-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-pitch-indicator>

package/dist/navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte.d.ts

@@ -0,0 +1,20 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
+import type { PitchIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-indicator/pitch-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    type?: PitchIndicatorType;
+    value?: number;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcPitchIndicator: import("svelte").Component<$$ComponentProps, {
+    PitchIndicatorType: typeof PitchIndicatorType;
+}, "">;
+type ObcPitchIndicator = ReturnType<typeof ObcPitchIndicator>;
+export default ObcPitchIndicator;