@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.141

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

@@ -2,54 +2,73 @@
   <script lang="ts">
     export type {ExternalScaleSide, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 export type {BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-vertical/gauge-vertical.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.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;
-      /** Minimum scale value */
-minValue?: number;
-      /** Maximum scale value */
-maxValue?: number;
-      /** Which side of the chart area this scale lives on (left or right) */
-side?: ExternalScaleSide;
-      /** Show numerical value labels at primary tickmarks */
-showLabels?: boolean;
-      /** Array of values for main tickmarks. When undefined, no main tickmarks shown. When empty array [], defaults to [minValue, 0, maxValue]. */
-mainTickmarks?: number[] | undefined;
-      /** Interval for primary (longest) tickmarks with labels */
-primaryTickmarkInterval?: number | undefined;
-      /** Interval for secondary (medium) tickmarks */
-secondaryTickmarkInterval?: number | undefined;
-      /** Interval for tertiary (shortest) tickmarks */
-tertiaryTickmarkInterval?: number | undefined;
-      /** Border radius position based on component layout */
-borderRadiusPosition?: BorderRadiusPosition | undefined;
-      /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
-priority?: Priority;
-      /** Fill visualization mode: 'fill' shows bar from fillMin to fillMax; 'tint' adds a marker at the value position */
-fillMode?: FillMode;
-      /** Minimum fill value (defaults to 0) */
-fillMin?: number | undefined;
-      /** Maximum fill value (defaults to value) */
-fillMax?: number | undefined;
-      /** Current value (bar fill level) */
-value?: number | undefined;
-      /** Instrument state: active, loading, or off */
-state?: InstrumentState;
+      /** 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 */
+     maxValue?: number;
+     /** Which side of the chart area this scale lives on (left or right) */
+     side?: ExternalScaleSide;
+     /** Show numerical value labels at primary tickmarks */
+     showLabels?: boolean;
+     /** Array of values for main tickmarks. When undefined, no main tickmarks shown. When empty array [], defaults to [minValue, 0, maxValue]. */
+     mainTickmarks?: number[] | undefined;
+     /** Interval for primary (longest) tickmarks with labels */
+     primaryTickmarkInterval?: number | undefined;
+     /** Interval for secondary (medium) tickmarks */
+     secondaryTickmarkInterval?: number | undefined;
+     /** Interval for tertiary (shortest) tickmarks */
+     tertiaryTickmarkInterval?: number | undefined;
+     /** Border radius position based on component layout */
+     borderRadiusPosition?: BorderRadiusPosition | undefined;
+     /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
+     priority?: Priority;
+     /** Fill visualization mode: 'fill' shows bar from fillMin to fillMax; 'tint' adds a marker at the value position */
+     fillMode?: FillMode;
+     /** Minimum fill value (defaults to 0) */
+     fillMin?: number | undefined;
+     /** Maximum fill value (defaults to value) */
+     fillMax?: number | undefined;
+     /** Current value (bar fill level) */
+     value?: number | undefined;
+     /** Instrument state: active, loading, or off */
+     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;
-      /** 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. */
-highlightCurrentValue?: boolean
+     /** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
+     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. */
+     highlightCurrentValue?: boolean
    }
       export interface Events {
     onScaleDimensionsChanged?: (event: CustomEvent) => void
@@ -64,7 +83,7 @@ highlightCurrentValue?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onscale-dimensions-changed={onScaleDimensionsChanged} >
+    use:forwardEvents={{'scale-dimensions-changed': onScaleDimensionsChanged}} >
       
     {#if children}
       {@render children()}

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,15 +59,8 @@ 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;
-    /** 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. */
+    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. */
     highlightCurrentValue?: boolean;
 }
 export interface Events {
@@ -62,7 +76,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,6 +9,7 @@
       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/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 {
@@ -16,22 +22,45 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
      heading?: number;
      courseOverGround?: number;
      headingSetpoint?: number | null;
+     /** Available when `headingSetpoint!=null`. */
      newHeadingSetpoint?: number | undefined;
+     /** Available when `headingSetpoint!=null && autoAtHeadingSetpoint==false`. */
      atHeadingSetpoint?: boolean;
+     /** Available when `headingSetpoint!=null`. */
      headingSetpointAtZeroDeadband?: number;
+     /** Available when `headingSetpoint!=null`. */
      headingSetpointOverride?: boolean;
+     /** Available when `headingSetpoint!=null`. */
      autoAtHeadingSetpoint?: boolean;
+     /** Available when `headingSetpoint!=null && autoAtHeadingSetpoint==true`. */
      autoAtHeadingSetpointDeadband?: number;
+     /** Available when `headingSetpoint!=null`. */
      animateSetpoint?: boolean;
+     /** Available when `headingSetpoint!=null`. */
      touching?: boolean;
      headingAdvices?: AngleAdvice[];
      direction?: CompassDirection;
      priority?: Priority;
+     /** Available when `priority==enhanced`. */
      priorityElements?: HeadingPriorityElement[];
-      /** Show compass NSEW labels. */
-showLabels?: boolean;
-      /** When true, labels and north arrow are placed inside the outer ring. */
-tickmarksInside?: boolean
+     /**
+      * The vessel silhouette shown in the center, rotating with heading. When unset (default) no vessel is shown; hidden while `centerReadouts` is non-empty.
+      *
+      * Available when `centerReadouts==[]`.
+      */
+     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 {
     

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;
@@ -9,22 +12,45 @@ export interface Props {
     heading?: number;
     courseOverGround?: number;
     headingSetpoint?: number | null;
+    /** Available when `headingSetpoint!=null`. */
     newHeadingSetpoint?: number | undefined;
+    /** Available when `headingSetpoint!=null && autoAtHeadingSetpoint==false`. */
     atHeadingSetpoint?: boolean;
+    /** Available when `headingSetpoint!=null`. */
     headingSetpointAtZeroDeadband?: number;
+    /** Available when `headingSetpoint!=null`. */
     headingSetpointOverride?: boolean;
+    /** Available when `headingSetpoint!=null`. */
     autoAtHeadingSetpoint?: boolean;
+    /** Available when `headingSetpoint!=null && autoAtHeadingSetpoint==true`. */
     autoAtHeadingSetpointDeadband?: number;
+    /** Available when `headingSetpoint!=null`. */
     animateSetpoint?: boolean;
+    /** Available when `headingSetpoint!=null`. */
     touching?: boolean;
     headingAdvices?: AngleAdvice[];
     direction?: CompassDirection;
     priority?: Priority;
+    /** Available when `priority==enhanced`. */
     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.
+     *
+     * Available when `centerReadouts==[]`.
+     */
+    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 +63,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,25 +3,32 @@
     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 {
      class?: string;
      style?: string;
      heave?: number;
+     /** Available when `type==vessel`. */
      gainScale?: number;
      minTrendHeave?: number;
      maxTrendHeave?: number;
+     /** Available when `type==vessel`. */
      draftOffset?: number;
      advice?: LinearAdvice[];
      instrumentRange?: number;
+     /** Available when `type==vessel`. */
      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,19 +2,25 @@ 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;
     style?: string;
     heave?: number;
+    /** Available when `type==vessel`. */
     gainScale?: number;
     minTrendHeave?: number;
     maxTrendHeave?: number;
+    /** Available when `type==vessel`. */
     draftOffset?: number;
     advice?: LinearAdvice[];
     instrumentRange?: number;
+    /** Available when `type==vessel`. */
     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 +32,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;