@oicl/openbridge-webcomponents-svelte 2.0.0-next.15 → 2.0.0-next.151

package/dist/navigation-instruments/watch/ObcWatch.svelte

@@ -19,30 +19,64 @@ import type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/nav
       export interface Props {
      class?: string;
      style?: string;
+     /** Instrument state (active, loading, off) */
      state?: InstrumentState;
+     /** Color priority (enhanced = blue palette, regular = gray palette) */
      priority?: Priority;
      watchCircleType?: WatchCircleType;
+     /** When `true`, the full watch-face circle is drawn behind the dial — a frame-primary fill with a tertiary outline — so partial-sector instruments still read as a complete circle. In the `off` state the fill is omitted (only the outline remains), keeping the off skeleton hollow. With sector `areas`, the per-area arch outline is dropped; the face outline takes its place. */
+     hasBackgroundCircle?: boolean;
      northArrow?: boolean;
      northArrowInside?: boolean | undefined;
+     /**
+      * Replace the north arrow with the compact heading-up north marker: a small triangle on the outer ring with an upright "N" at the outside label radius. Rotates with the card via `rotation`.
+      *
+      * Available when `northArrow==true`.
+      */
+     northMarker?: boolean;
+     /** Setpoint angle in degrees (0° = 12 o'clock) */
      angleSetpoint?: number | undefined;
+     /** New setpoint being adjusted (focus mode) */
      newAngleSetpoint?: number | undefined;
+     /** Whether value matches setpoint (within deadband) */
      atAngleSetpoint?: boolean;
+     /** Deadband for zero detection (default 0.5°) */
      angleSetpointAtZeroDeadband?: number;
+     /** Override to derive setpoint color from priority regardless of state */
      setpointOverride?: boolean;
      touching?: boolean;
      animateSetpoint?: boolean;
+     /** Explicit padding override in SVG units: the un-zoomed viewBox becomes exactly `(176 + padding) * 2`. Setting it disables the automatic width-aware label reserve (issue #1021) — the caller owns label room. */
      padding?: number | undefined;
+     /** 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;
      areas?: WatchArea[];
      barAreas?: WatchBarArea[];
+     /** Rounds the band track's sector end cuts at the band's own radii and clips bars to that rounded track shape (the design's track-mask model), instead of the joint silhouette cut shared with the scale ring. No effect without `areas`. */
+     roundBandCuts?: boolean;
+     /** With `watchCircleType: double`, render the band as the split primary/secondary lane tracks (secondary-lane geometry) instead of the joint band; bars clip to the primary lane. Takes precedence over `roundBandCuts` for the band. */
+     splitBand?: boolean;
      needles?: WatchNeedle[];
      tickmarks?: Tickmark[];
      tickmarksInside?: boolean;
      tickmarkStyle?: TickmarkStyle;
      advices?: AngleAdviceRaw[];
      crosshairEnabled?: boolean;
+     /**
+      * Cuts the crosshair out inside the inner ring, so center content (e.g. center readouts) sits on a clean face.
+      *
+      * Available when `crosshairEnabled==true`.
+      */
+     crosshairCenterCutout?: boolean;
      showLabels?: boolean;
+     /**
+      * With `tickmarksInside`, anchor the NSEW label boxes flush against the inner ring (px-fixed) instead of the legacy gap that lets them drift toward the centre as the instrument shrinks.
+      *
+      * Available when `tickmarksInside==true`.
+      */
+     insideLabelsFlush?: boolean;
      vessels?: WatchVessel[];
-     wind?: number | null;
+     windKnots?: number | null;
      windFromDirectionDeg?: number | null;
      windSymbolRadius?: number | null;
      windColor?: string | undefined;
@@ -50,21 +84,51 @@ import type {RotType, RotPosition} from '@oicl/openbridge-webcomponents/dist/nav
      currentFromDirectionDeg?: number | null;
      currentSymbolRadius?: number | null;
      currentColor?: string | undefined;
+     /**
+      * Render the current icon centered on the face (direction-type layout) instead of at `currentSymbolRadius` on the periphery.
+      *
+      * Available when `current!=null && currentFromDirectionDeg!=null`.
+      */
+     currentIconCentered?: boolean;
+     /**
+      * Scale factor for the centered current icon.
+      *
+      * Available when `currentIconCentered==true`.
+      */
+     scaleCurrentIcon?: number;
      starboardPortIndicator?: boolean;
+     /** Top clip, % of height. Ignored when `zoomToFitArc` is true. */
      clipTop?: number;
+     /** Bottom clip, % of height. Ignored when `zoomToFitArc` is true. */
      clipBottom?: number;
+     /** Left clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+     clipLeft?: number;
+     /** Right clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+     clipRight?: number;
+     /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead of beside it. This is the "Max-min" label placement from the radial label model (External / Internal / Max-min) — see PR #903 / design discussion. Currently only used by the 180° sector of `obc-gauge-radial`. */
+     endLabelsMaxMin?: boolean;
      scaleWindIcon?: number;
      rotation?: number | undefined;
      zoomToFitArc?: boolean;
+     /** Pre-computed zoom-to-fit arc frame. When set, the watch skips its own `computeZoomToFitArcFrame()` call and uses these values directly. Consumer instruments (e.g. rudder, instrument-radial) should compute the frame once and pass it here to avoid redundant computation. If you pass `arcFrame`, you own keeping it in sync with `areas` / `watchCircleType` — obc-watch will NOT recompute it, so a stale frame renders stale geometry. */
      arcFrame?: ZoomToFitArcFrame | undefined;
      tickFadeAngle?: number;
+     /** ROT visualization type: `'dots'` (spinning dots) or `'bar'` (arc bar with clipped dots). Undefined hides the ROT layer. */
      rotType?: RotType | undefined;
+     /** Track on which ROT elements are placed: `'scale'` (on the outer ring) or `'innerCircle'` (default, inside the inner ring) */
      rotPosition?: RotPosition;
+     /** Start angle of the ROT bar arc in degrees (0° = 12 o'clock, clockwise). Only used when `rotType` is `'bar'`. */
      rotStartAngle?: number;
+     /** End angle of the ROT bar arc in degrees. The bar is hidden when the difference from `rotStartAngle` is less than 0.1°. */
      rotEndAngle?: number;
+     /** Override priority for ROT color derivation. When set, ROT colors use this instead of the main `priority`. Useful when the ROT element has independent priority (e.g. compass per-element priority). */
      rotPriority?: Priority | undefined;
      rotPortStarboard?: boolean;
-     rotAtZeroDeadband?: number
+     rotAtZeroDeadband?: number;
+     /** Measured rate of turn in degrees per minute (the maritime/AIS convention, see ES-TRIN 2025/1 Art. 3.02 and ITU-R M.1371). Sign controls direction (positive = starboard/clockwise). When defined, this drives both the dot animation (multiplied by `rotDotAnimationFactor`) and the port/starboard direction sign. */
+     rateOfTurnDegreesPerMinute?: number | undefined;
+     /** Visual amplification factor applied only to the spinning-dot animation (not to bar extent). Default `18` keeps the legacy visual feel (≈1 rpm at 20°/min). */
+     rotDotAnimationFactor?: number
    }
       export interface Events {
     

package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts

@@ -9,30 +9,64 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Instrument state (active, loading, off) */
     state?: InstrumentState;
+    /** Color priority (enhanced = blue palette, regular = gray palette) */
     priority?: Priority;
     watchCircleType?: WatchCircleType;
+    /** When `true`, the full watch-face circle is drawn behind the dial — a frame-primary fill with a tertiary outline — so partial-sector instruments still read as a complete circle. In the `off` state the fill is omitted (only the outline remains), keeping the off skeleton hollow. With sector `areas`, the per-area arch outline is dropped; the face outline takes its place. */
+    hasBackgroundCircle?: boolean;
     northArrow?: boolean;
     northArrowInside?: boolean | undefined;
+    /**
+     * Replace the north arrow with the compact heading-up north marker: a small triangle on the outer ring with an upright "N" at the outside label radius. Rotates with the card via `rotation`.
+     *
+     * Available when `northArrow==true`.
+     */
+    northMarker?: boolean;
+    /** Setpoint angle in degrees (0° = 12 o'clock) */
     angleSetpoint?: number | undefined;
+    /** New setpoint being adjusted (focus mode) */
     newAngleSetpoint?: number | undefined;
+    /** Whether value matches setpoint (within deadband) */
     atAngleSetpoint?: boolean;
+    /** Deadband for zero detection (default 0.5°) */
     angleSetpointAtZeroDeadband?: number;
+    /** Override to derive setpoint color from priority regardless of state */
     setpointOverride?: boolean;
     touching?: boolean;
     animateSetpoint?: boolean;
+    /** Explicit padding override in SVG units: the un-zoomed viewBox becomes exactly `(176 + padding) * 2`. Setting it disables the automatic width-aware label reserve (issue #1021) — the caller owns label room. */
     padding?: number | undefined;
+    /** 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;
     areas?: WatchArea[];
     barAreas?: WatchBarArea[];
+    /** Rounds the band track's sector end cuts at the band's own radii and clips bars to that rounded track shape (the design's track-mask model), instead of the joint silhouette cut shared with the scale ring. No effect without `areas`. */
+    roundBandCuts?: boolean;
+    /** With `watchCircleType: double`, render the band as the split primary/secondary lane tracks (secondary-lane geometry) instead of the joint band; bars clip to the primary lane. Takes precedence over `roundBandCuts` for the band. */
+    splitBand?: boolean;
     needles?: WatchNeedle[];
     tickmarks?: Tickmark[];
     tickmarksInside?: boolean;
     tickmarkStyle?: TickmarkStyle;
     advices?: AngleAdviceRaw[];
     crosshairEnabled?: boolean;
+    /**
+     * Cuts the crosshair out inside the inner ring, so center content (e.g. center readouts) sits on a clean face.
+     *
+     * Available when `crosshairEnabled==true`.
+     */
+    crosshairCenterCutout?: boolean;
     showLabels?: boolean;
+    /**
+     * With `tickmarksInside`, anchor the NSEW label boxes flush against the inner ring (px-fixed) instead of the legacy gap that lets them drift toward the centre as the instrument shrinks.
+     *
+     * Available when `tickmarksInside==true`.
+     */
+    insideLabelsFlush?: boolean;
     vessels?: WatchVessel[];
-    wind?: number | null;
+    windKnots?: number | null;
     windFromDirectionDeg?: number | null;
     windSymbolRadius?: number | null;
     windColor?: string | undefined;
@@ -40,21 +74,51 @@ export interface Props {
     currentFromDirectionDeg?: number | null;
     currentSymbolRadius?: number | null;
     currentColor?: string | undefined;
+    /**
+     * Render the current icon centered on the face (direction-type layout) instead of at `currentSymbolRadius` on the periphery.
+     *
+     * Available when `current!=null && currentFromDirectionDeg!=null`.
+     */
+    currentIconCentered?: boolean;
+    /**
+     * Scale factor for the centered current icon.
+     *
+     * Available when `currentIconCentered==true`.
+     */
+    scaleCurrentIcon?: number;
     starboardPortIndicator?: boolean;
+    /** Top clip, % of height. Ignored when `zoomToFitArc` is true. */
     clipTop?: number;
+    /** Bottom clip, % of height. Ignored when `zoomToFitArc` is true. */
     clipBottom?: number;
+    /** Left clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+    clipLeft?: number;
+    /** Right clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */
+    clipRight?: number;
+    /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead of beside it. This is the "Max-min" label placement from the radial label model (External / Internal / Max-min) — see PR #903 / design discussion. Currently only used by the 180° sector of `obc-gauge-radial`. */
+    endLabelsMaxMin?: boolean;
     scaleWindIcon?: number;
     rotation?: number | undefined;
     zoomToFitArc?: boolean;
+    /** Pre-computed zoom-to-fit arc frame. When set, the watch skips its own `computeZoomToFitArcFrame()` call and uses these values directly. Consumer instruments (e.g. rudder, instrument-radial) should compute the frame once and pass it here to avoid redundant computation. If you pass `arcFrame`, you own keeping it in sync with `areas` / `watchCircleType` — obc-watch will NOT recompute it, so a stale frame renders stale geometry. */
     arcFrame?: ZoomToFitArcFrame | undefined;
     tickFadeAngle?: number;
+    /** ROT visualization type: `'dots'` (spinning dots) or `'bar'` (arc bar with clipped dots). Undefined hides the ROT layer. */
     rotType?: RotType | undefined;
+    /** Track on which ROT elements are placed: `'scale'` (on the outer ring) or `'innerCircle'` (default, inside the inner ring) */
     rotPosition?: RotPosition;
+    /** Start angle of the ROT bar arc in degrees (0° = 12 o'clock, clockwise). Only used when `rotType` is `'bar'`. */
     rotStartAngle?: number;
+    /** End angle of the ROT bar arc in degrees. The bar is hidden when the difference from `rotStartAngle` is less than 0.1°. */
     rotEndAngle?: number;
+    /** Override priority for ROT color derivation. When set, ROT colors use this instead of the main `priority`. Useful when the ROT element has independent priority (e.g. compass per-element priority). */
     rotPriority?: Priority | undefined;
     rotPortStarboard?: boolean;
     rotAtZeroDeadband?: number;
+    /** Measured rate of turn in degrees per minute (the maritime/AIS convention, see ES-TRIN 2025/1 Art. 3.02 and ITU-R M.1371). Sign controls direction (positive = starboard/clockwise). When defined, this drives both the dot animation (multiplied by `rotDotAnimationFactor`) and the port/starboard direction sign. */
+    rateOfTurnDegreesPerMinute?: number | undefined;
+    /** Visual amplification factor applied only to the spinning-dot animation (not to bar extent). Default `18` keeps the legacy visual feel (≈1 rpm at 20°/min). */
+    rotDotAnimationFactor?: number;
 }
 export interface Events {
 }

package/dist/navigation-instruments/watch-flat/ObcWatchFlat.svelte

@@ -3,6 +3,7 @@
     export type {Tickmark} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/tickmark-flat.js';
 export type {Label} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
 export type {SVGTemplateResult} from 'lit';
+export type {WatchFlatBarArea, WatchFlatNeedle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/watch-flat.js';
 export type {RotType, LinearRotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/watch-flat.js';
@@ -10,6 +11,7 @@ export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       import type {Tickmark} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/tickmark-flat.js';
 import type {Label} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
 import type {SVGTemplateResult} from 'lit';
+import type {WatchFlatBarArea, WatchFlatNeedle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/watch-flat.js';
 import type {RotType, LinearRotPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
@@ -30,20 +32,41 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
      ticksHeight?: number;
      borderRadius?: number;
      bottomBar?: boolean;
+     /** Filled segments rendered inside the track band (the linear counterpart of the radial bar areas). */
+     barAreas?: WatchFlatBarArea[];
+     /** Needle markers spanning the track band (the linear counterpart of the radial needles). */
+     needles?: WatchFlatNeedle[];
      rotType?: RotType | undefined;
+     /** Available when `rotType!=undefined`. */
      rotPosition?: LinearRotPosition;
-      /** Bar start position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument. */
-rotStartX?: number;
-      /** Bar end position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument. */
-rotEndX?: number;
-      /** Pixel spacing between adjacent dots in the linear ROT strip.
-Must be > 0 to enable animation; the default `0` intentionally disables
-the spinning dots so the parent instrument must supply a meaningful value
-derived from the current scale (e.g. `LINEAR_DOT_ANGLE_SPACING * translationScale`). */
-rotDotSpacing?: number;
+     /**
+      * Bar start position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument.
+      *
+      * Available when `rotType!=undefined`.
+      */
+     rotStartX?: number;
+     /**
+      * Bar end position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument.
+      *
+      * Available when `rotType!=undefined`.
+      */
+     rotEndX?: number;
+     /**
+      * Pixel spacing between adjacent dots in the linear ROT strip. Must be > 0 to enable animation; the default `0` intentionally disables the spinning dots so the parent instrument must supply a meaningful value derived from the current scale (e.g. `LINEAR_DOT_ANGLE_SPACING * translationScale`).
+      *
+      * Available when `rotType!=undefined`.
+      */
+     rotDotSpacing?: number;
+     /** Available when `rotType!=undefined`. */
      rotPriority?: Priority;
+     /** Available when `rotType!=undefined`. */
      rotPortStarboard?: boolean;
-     rotAtZeroDeadband?: number
+     /** Available when `rotType==bar`. */
+     rotAtZeroDeadband?: number;
+     /** Available when `rotType!=undefined`. */
+     rateOfTurnDegreesPerMinute?: number | undefined;
+     /** Available when `rotType!=undefined`. */
+     rotDotAnimationFactor?: number
    }
       export interface Events {
     

package/dist/navigation-instruments/watch-flat/ObcWatchFlat.svelte.d.ts

@@ -2,6 +2,7 @@ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/wa
 import type { Tickmark } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/tickmark-flat.js';
 import type { Label } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-flat/compass-flat.js';
 import type { SVGTemplateResult } from 'lit';
+import type { WatchFlatBarArea, WatchFlatNeedle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch-flat/watch-flat.js';
 import type { RotType, LinearRotPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rate-of-turn/rot-renderer.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
@@ -21,20 +22,41 @@ export interface Props {
     ticksHeight?: number;
     borderRadius?: number;
     bottomBar?: boolean;
+    /** Filled segments rendered inside the track band (the linear counterpart of the radial bar areas). */
+    barAreas?: WatchFlatBarArea[];
+    /** Needle markers spanning the track band (the linear counterpart of the radial needles). */
+    needles?: WatchFlatNeedle[];
     rotType?: RotType | undefined;
+    /** Available when `rotType!=undefined`. */
     rotPosition?: LinearRotPosition;
-    /** Bar start position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument. */
+    /**
+     * Bar start position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument.
+     *
+     * Available when `rotType!=undefined`.
+     */
     rotStartX?: number;
-    /** Bar end position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument. */
+    /**
+     * Bar end position in SVG user-space x-coordinates (center-origin). Computed by the parent instrument.
+     *
+     * Available when `rotType!=undefined`.
+     */
     rotEndX?: number;
-    /** Pixel spacing between adjacent dots in the linear ROT strip.
-Must be > 0 to enable animation; the default `0` intentionally disables
-the spinning dots so the parent instrument must supply a meaningful value
-derived from the current scale (e.g. `LINEAR_DOT_ANGLE_SPACING * translationScale`). */
+    /**
+     * Pixel spacing between adjacent dots in the linear ROT strip. Must be > 0 to enable animation; the default `0` intentionally disables the spinning dots so the parent instrument must supply a meaningful value derived from the current scale (e.g. `LINEAR_DOT_ANGLE_SPACING * translationScale`).
+     *
+     * Available when `rotType!=undefined`.
+     */
     rotDotSpacing?: number;
+    /** Available when `rotType!=undefined`. */
     rotPriority?: Priority;
+    /** Available when `rotType!=undefined`. */
     rotPortStarboard?: boolean;
+    /** Available when `rotType==bar`. */
     rotAtZeroDeadband?: number;
+    /** Available when `rotType!=undefined`. */
+    rateOfTurnDegreesPerMinute?: number | undefined;
+    /** Available when `rotType!=undefined`. */
+    rotDotAnimationFactor?: number;
 }
 export interface Events {
 }
@@ -46,6 +68,8 @@ declare const ObcWatchFlat: import("svelte").Component<$$ComponentProps, {
     Tickmark: typeof Tickmark;
     Label: typeof Label;
     SVGTemplateResult: typeof SVGTemplateResult;
+    WatchFlatBarArea: typeof WatchFlatBarArea;
+    WatchFlatNeedle: typeof WatchFlatNeedle;
     RotType: typeof RotType;
     LinearRotPosition: typeof LinearRotPosition;
     Priority: typeof Priority;

package/dist/navigation-instruments/wind/ObcWind.svelte

@@ -1,21 +1,30 @@
 
   <script lang="ts">
-    export type {WindHistogramData} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.js';
+    export type {WindHistogramData, WindVariant, WindVisualization} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.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';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.js';
       import { setProperties } from "../../util.js";
-      import type {WindHistogramData} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.js';
+      import type {WindHistogramData, WindVariant, WindVisualization} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.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 { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
      currentWindFromDirection?: number;
-     currentWindSpeedBeaufort?: number;
+     currentWindSpeedKnots?: number;
      windHistogramData?: WindHistogramData[];
      vesselImage?: VesselImage;
-     vesselHeadingDeg?: number
+     vesselHeadingDeg?: number;
+     variant?: WindVariant;
+     smallVariantMaxPx?: number;
+     mediumVariantMaxPx?: number;
+     /** Center visualization: wind histogram (default) or the force-graphics streak field. */
+     visualization?: WindVisualization;
+     /** Color priority: `Priority.enhanced` uses the blue/enhanced palette (default: `Priority.regular`). */
+     priority?: Priority
    }
       export interface Events {
     

package/dist/navigation-instruments/wind/ObcWind.svelte.d.ts

@@ -1,15 +1,23 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.js';
-import type { WindHistogramData } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.js';
+import type { WindHistogramData, WindVariant, WindVisualization } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind/wind.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 { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     currentWindFromDirection?: number;
-    currentWindSpeedBeaufort?: number;
+    currentWindSpeedKnots?: number;
     windHistogramData?: WindHistogramData[];
     vesselImage?: VesselImage;
     vesselHeadingDeg?: number;
+    variant?: WindVariant;
+    smallVariantMaxPx?: number;
+    mediumVariantMaxPx?: number;
+    /** Center visualization: wind histogram (default) or the force-graphics streak field. */
+    visualization?: WindVisualization;
+    /** Color priority: `Priority.enhanced` uses the blue/enhanced palette (default: `Priority.regular`). */
+    priority?: Priority;
 }
 export interface Events {
 }
@@ -19,7 +27,10 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcWind: import("svelte").Component<$$ComponentProps, {
     WindHistogramData: typeof WindHistogramData;
+    WindVariant: typeof WindVariant;
+    WindVisualization: typeof WindVisualization;
     VesselImage: typeof VesselImage;
+    Priority: typeof Priority;
 }, "">;
 type ObcWind = ReturnType<typeof ObcWind>;
 export default ObcWind;

package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte

@@ -1,20 +1,41 @@
 
   <script lang="ts">
-    
+    export type {WindIndicatorType, WindIndicatorDirection, WindIndicatorPriority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-indicator/wind-indicator.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-indicator/wind-indicator.js';
       import { setProperties } from "../../util.js";
-      
+      import type {WindIndicatorType, WindIndicatorDirection, WindIndicatorPriority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-indicator/wind-indicator.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The wind speed in Beaufort scale (0-12) */
-speed?: number;
-      /** The wind direction in degrees (0-360) */
-angle?: number;
-      /** If true, the wind direction is relative to North. If false, it is relative to the vessel's heading. */
-northUp?: boolean
+     type?: WindIndicatorType;
+     direction?: WindIndicatorDirection;
+     priority?: WindIndicatorPriority;
+      /** Wind speed in **knots**, used to pick the wind-barb icon.
+
+The value is snapped to the nearest authored knots bucket in the
+Figma icon set: `<obi-wind-true-N>` for the arrow / labeled
+variants and the higher-granularity `<obi-wind-shaft-N>` family
+for the shaft variant. Sub-pennant calm (`0`) and shaft-only (`1`)
+buckets cover the lowest two ranges; thereafter the buckets follow
+5-knot steps up to the heaviest authored icon, with values beyond
+that snapping to it. Non-finite or negative values fall back to
+calm. */
+currentWindSpeedKnots?: number;
+      /** Rotation of the reference frame (course/heading) in degrees.
+
+This could be the heading or the course of the vessel.
+`0` means north-up. */
+rotationAngle?: number;
+      /** Primary wind direction input (wind-from).
+
+Represents the direction the wind comes **from** in degrees.
+- `0` / `360`: wind from north → marker points south (down)
+- `180`: wind from south → marker points north (up) */
+currentWindFromDirection?: number;
+     windFromAngle?: number;
+     angle?: number
    }
       export interface Events {
     

package/dist/navigation-instruments/wind-indicator/ObcWindIndicator.svelte.d.ts

@@ -1,14 +1,36 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-indicator/wind-indicator.js';
+import type { WindIndicatorType, WindIndicatorDirection, WindIndicatorPriority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-indicator/wind-indicator.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The wind speed in Beaufort scale (0-12) */
-    speed?: number;
-    /** The wind direction in degrees (0-360) */
+    type?: WindIndicatorType;
+    direction?: WindIndicatorDirection;
+    priority?: WindIndicatorPriority;
+    /** Wind speed in **knots**, used to pick the wind-barb icon.
+
+The value is snapped to the nearest authored knots bucket in the
+Figma icon set: `<obi-wind-true-N>` for the arrow / labeled
+variants and the higher-granularity `<obi-wind-shaft-N>` family
+for the shaft variant. Sub-pennant calm (`0`) and shaft-only (`1`)
+buckets cover the lowest two ranges; thereafter the buckets follow
+5-knot steps up to the heaviest authored icon, with values beyond
+that snapping to it. Non-finite or negative values fall back to
+calm. */
+    currentWindSpeedKnots?: number;
+    /** Rotation of the reference frame (course/heading) in degrees.
+
+This could be the heading or the course of the vessel.
+`0` means north-up. */
+    rotationAngle?: number;
+    /** Primary wind direction input (wind-from).
+
+Represents the direction the wind comes **from** in degrees.
+- `0` / `360`: wind from north → marker points south (down)
+- `180`: wind from south → marker points north (up) */
+    currentWindFromDirection?: number;
+    windFromAngle?: number;
     angle?: number;
-    /** If true, the wind direction is relative to North. If false, it is relative to the vessel's heading. */
-    northUp?: boolean;
 }
 export interface Events {
 }
@@ -16,6 +38,10 @@ export interface Slots {
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcWindIndicator: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcWindIndicator: import("svelte").Component<$$ComponentProps, {
+    WindIndicatorType: typeof WindIndicatorType;
+    WindIndicatorDirection: typeof WindIndicatorDirection;
+    WindIndicatorPriority: typeof WindIndicatorPriority;
+}, "">;
 type ObcWindIndicator = ReturnType<typeof ObcWindIndicator>;
 export default ObcWindIndicator;

package/dist/navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte

@@ -0,0 +1,62 @@
+
+  <script lang="ts">
+    export type {SailType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/sail-type.js';
+export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {WindPropulsionPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-propulsion/wind-propulsion.js';
+export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-propulsion/wind-propulsion.js';
+      import { setProperties } from "../../util.js";
+      import type {SailType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/sail-type.js';
+import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {WindPropulsionPriorityElement} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/wind-propulsion/wind-propulsion.js';
+import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+import type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     forceAngle?: number;
+     sailAngle?: number;
+     sailAngleSetpoint?: number | undefined;
+     newSailAngleSetpoint?: number | undefined;
+     atSailAngleSetpoint?: boolean;
+     autoAtSailAngleSetpoint?: boolean;
+     autoAtSailAngleSetpointDeadband?: number;
+     sailAngleSetpointAtZeroDeadband?: number;
+     sailAngleSetpointOverride?: boolean;
+     animateSetpoint?: boolean;
+     touching?: boolean;
+     force?: number;
+     maxForce?: number;
+     sailType?: SailType;
+     state?: InstrumentState;
+     priority?: Priority;
+     priorityElements?: WindPropulsionPriorityElement[];
+     showLabels?: boolean;
+     tickmarksInside?: boolean;
+     tickmarkStyle?: TickmarkStyle;
+     currentWindSpeedKnots?: number | null;
+     currentWindFromDirection?: number | null;
+     sailAngleAdvices?: AngleAdvice[]
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-wind-propulsion
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-wind-propulsion>