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

package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts

@@ -0,0 +1,116 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { ReadoutValueType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
+import type { ReadoutBlockSize, ReadoutBlockDataQuality } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { ReadoutDirection, ReadoutStacking, ReadoutAlignment, ReadoutSourceOptions } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    label?: string | undefined;
+    unit?: string | undefined;
+    src?: string | undefined;
+    /** Layout switch: `false` renders a deliberately value-less (label-only) readout that hugs its remaining parts. For a temporarily missing value keep `hasValue` and set `value` to `null` instead — the dash keeps the value block at full size, so the layout does not shift when data arrives. */
+    hasValue?: boolean;
+    /** [object Object],[object Object],[object Object] */
+    value?: string | number | null;
+    /** [object Object],[object Object],[object Object] */
+    valueType?: ReadoutValueType;
+    /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
+    off?: boolean;
+    /**
+     * Text shown in place of the value when `off` is true.
+     *
+     * Available when `off==true`.
+     */
+    offText?: string;
+    hasSetpoint?: boolean;
+    /** Available when `hasSetpoint==true`. */
+    setpoint?: number | undefined;
+    hasAdvice?: boolean;
+    /** Available when `hasAdvice==true`. */
+    advice?: number | undefined;
+    /**
+     * Density tier. Applies to the vertical direction only — the horizontal arrangement exists in the large tier alone (Figma 6.1: it relies on the label+unit stack aligning with the L-size value caps), so `size` is ignored when `direction` is `horizontal`.
+     *
+     * Available when `direction==vertical`.
+     */
+    size?: ReadoutBlockSize | undefined;
+    priority?: Priority | undefined;
+    direction?: ReadoutDirection | undefined;
+    /** Available when `direction==vertical`. */
+    stacking?: ReadoutStacking | undefined;
+    /** Available when `direction==vertical && stacking==stacked`. */
+    alignment?: ReadoutAlignment | undefined;
+    /** Render the cap-height degree glyph (`°`) after the ACTUAL VALUE only — the setpoint / advice blocks never carry one (Figma 6.1 review: the unit is written once for the readout, and the degree follows the same rule). */
+    hasDegree?: boolean;
+    /** Available when `hasDegree==false`. */
+    hasDegreeSpacer?: boolean;
+    /** Show the `leading-icon` slot before the label/unit meta zone. */
+    hasLeadingIcon?: boolean;
+    /**
+     * Also formats the numeric setpoint / advice blocks, which stay numeric even when the value is text. Must be between 0 and 100 — the range `Number.prototype.toFixed` accepts; outside it throws a `RangeError`. A fractional count truncates (`2.7` → `2`). A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash — formatting with a precision the author never chose would let a critical `0.4` pass for a healthy `0`.
+     *
+     * Available when `valueType==number || hasSetpoint==true || hasAdvice==true`.
+     */
+    fractionDigits?: number;
+    /**
+     * Also formats the numeric setpoint / advice blocks, which stay numeric even when the value is text. Bounded before use: a fractional count truncates (`2.7` → `2`), anything above 100 — including `Infinity` — caps at 100, and a negative count reserves nothing. A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash, consistent with `fractionDigits`.
+     *
+     * Available when `valueType==number || hasSetpoint==true || hasAdvice==true`.
+     */
+    maxDigits?: number;
+    dataQuality?: ReadoutBlockDataQuality | undefined;
+    alert?: boolean | AlertFrameConfig;
+    /** Available when `hasValue==true`. */
+    valueOptions?: ReadoutValueOptions | undefined;
+    /** Available when `hasSetpoint==true`. */
+    setpointOptions?: ReadoutSetpointOptions | undefined;
+    /** Available when `hasAdvice==true`. */
+    adviceOptions?: ReadoutAdviceOptions | undefined;
+    /** Available when `label!=''`. */
+    labelOptions?: ReadoutLabelOptions | undefined;
+    /** Available when `unit!=''`. */
+    unitOptions?: ReadoutReserverOptions | undefined;
+    /** Available when `src!=''`. */
+    srcOptions?: ReadoutSourceOptions | undefined;
+    /** Development aid: outline the readout building blocks (red), the degree columns (blue) and the degree spacer (green) so reserved widths / alignment are visible. Off by default. */
+    showDebugOverlay?: boolean;
+}
+export interface Events {
+    onSourceChange?: (event: CustomEvent<{
+        value: string;
+        label?: string;
+    }>) => void;
+    onSourceFlyoutClick?: (event: CustomEvent<{
+        src: string;
+    }>) => void;
+}
+export interface Slots {
+    leadingIcon?: Snippet;
+    valueIcon?: Snippet;
+    setpointIcon?: Snippet;
+    adviceIcon?: Snippet;
+    srcPickerContent?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
+    ReadoutValueType: typeof ReadoutValueType;
+    ReadoutBlockSize: typeof ReadoutBlockSize;
+    ReadoutBlockDataQuality: typeof ReadoutBlockDataQuality;
+    Priority: typeof Priority;
+    ReadoutDirection: typeof ReadoutDirection;
+    ReadoutStacking: typeof ReadoutStacking;
+    ReadoutAlignment: typeof ReadoutAlignment;
+    ReadoutSourceOptions: typeof ReadoutSourceOptions;
+    AlertFrameConfig: typeof AlertFrameConfig;
+    ReadoutValueOptions: typeof ReadoutValueOptions;
+    ReadoutSetpointOptions: typeof ReadoutSetpointOptions;
+    ReadoutAdviceOptions: typeof ReadoutAdviceOptions;
+    ReadoutLabelOptions: typeof ReadoutLabelOptions;
+    ReadoutReserverOptions: typeof ReadoutReserverOptions;
+}, "">;
+type ObcReadout = ReturnType<typeof ObcReadout>;
+export default ObcReadout;

package/dist/navigation-instruments/readout-list/ObcReadoutList.svelte

@@ -0,0 +1,33 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list/readout-list.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** Development aid: outline each row's readout building blocks (red), degree columns (blue) and degree spacer (green) so the reserved column widths are visible. Propagated to every row. Off by default. */
+     showDebugOverlay?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-list
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-readout-list>

package/dist/navigation-instruments/readout-list/ObcReadoutList.svelte.d.ts

@@ -0,0 +1,17 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list/readout-list.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Development aid: outline each row's readout building blocks (red), degree columns (blue) and degree spacer (green) so the reserved column widths are visible. Propagated to every row. Off by default. */
+    showDebugOverlay?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutList: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcReadoutList = ReturnType<typeof ObcReadoutList>;
+export default ObcReadoutList;

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte

@@ -0,0 +1,112 @@
+
+  <script lang="ts">
+    export type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
+export type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+export type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions, ReadoutSrcOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
+import type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions, ReadoutSrcOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     label?: string | undefined;
+     unit?: string | undefined;
+     src?: string | undefined;
+     /** Layout switch: `false` renders a deliberately value-less (label-only) row that hugs its remaining parts. For a temporarily missing value keep `hasValue` and set `value` to `null` instead — the dash keeps the value block at full size, so the row does not shift when data arrives. */
+     hasValue?: boolean;
+      /** [object Object],[object Object],[object Object] */
+value?: string | number | null;
+      /** [object Object],[object Object],[object Object] */
+valueType?: ReadoutValueType;
+     /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
+     off?: boolean;
+     /**
+      * Text shown in place of the value when `off` is true.
+      *
+      * Available when `off==true`.
+      */
+     offText?: string;
+     hasSetpoint?: boolean;
+     /** Available when `hasSetpoint==true`. */
+     setpoint?: number | undefined;
+     hasAdvice?: boolean;
+     /** Available when `hasAdvice==true`. */
+     advice?: number | undefined;
+     size?: ReadoutBlockSize | undefined;
+     priority?: ReadoutListItemPriority | undefined;
+     stacking?: ReadoutListItemStacking | undefined;
+     clickable?: boolean | ReadoutListItemClickable;
+     hasLeadingIcon?: boolean;
+     hasDegree?: boolean;
+     hasDegreeSpacer?: boolean;
+     /**
+      * Also formats the numeric setpoint / advice blocks, which stay numeric even when the value is text. Must be between 0 and 100 — the range `Number.prototype.toFixed` accepts; outside it throws a `RangeError`. A fractional count truncates (`2.7` → `2`). A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash — formatting with a precision the author never chose would let a critical `0.4` pass for a healthy `0`.
+      *
+      * Available when `valueType==number || hasSetpoint==true || hasAdvice==true`.
+      */
+     fractionDigits?: number;
+     /**
+      * Also formats the numeric setpoint / advice blocks, which stay numeric even when the value is text. Bounded before use: a fractional count truncates (`2.7` → `2`), anything above 100 — including `Infinity` — caps at 100, and a negative count reserves nothing. A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash, consistent with `fractionDigits`.
+      *
+      * Available when `valueType==number || hasSetpoint==true || hasAdvice==true`.
+      */
+     maxDigits?: number;
+     dataQuality?: ReadoutBlockDataQuality | undefined;
+     alert?: boolean | AlertFrameConfig;
+     valueOptions?: ReadoutValueOptions | undefined;
+     setpointOptions?: ReadoutSetpointOptions | undefined;
+     adviceOptions?: ReadoutAdviceOptions | undefined;
+     labelOptions?: ReadoutLabelOptions | undefined;
+     unitOptions?: ReadoutReserverOptions | undefined;
+     srcOptions?: ReadoutSrcOptions | undefined;
+     /** Development aid: outline the readout building blocks (red), the degree columns (blue) and the degree spacer (green) so reserver widths / alignment are visible. Off by default. */
+     showDebugOverlay?: boolean
+   }
+      export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void
+  }
+      export interface Slots {
+  leadingIcon?: Snippet;
+  valueIcon?: Snippet;
+  setpointIcon?: Snippet;
+  adviceIcon?: Snippet
+}
+      const {onClick, class: className, style, leadingIcon, valueIcon, setpointIcon, adviceIcon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-list-item
+    use:setProperties={props}
+    class={className}
+    style={style}
+    use:forwardEvents={{'click': onClick}} >
+      
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if valueIcon}
+        <div slot="value-icon">
+          {@render valueIcon()}
+        </div>
+      {/if}
+
+      {#if setpointIcon}
+        <div slot="setpoint-icon">
+          {@render setpointIcon()}
+        </div>
+      {/if}
+
+      {#if adviceIcon}
+        <div slot="advice-icon">
+          {@render adviceIcon()}
+        </div>
+      {/if}
+    </obc-readout-list-item>

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts

@@ -0,0 +1,89 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { ReadoutValueType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
+import type { ReadoutBlockSize, ReadoutBlockDataQuality } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutLabelOptions, ReadoutReserverOptions, ReadoutSrcOptions } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    label?: string | undefined;
+    unit?: string | undefined;
+    src?: string | undefined;
+    /** Layout switch: `false` renders a deliberately value-less (label-only) row that hugs its remaining parts. For a temporarily missing value keep `hasValue` and set `value` to `null` instead — the dash keeps the value block at full size, so the row does not shift when data arrives. */
+    hasValue?: boolean;
+    /** [object Object],[object Object],[object Object] */
+    value?: string | number | null;
+    /** [object Object],[object Object],[object Object] */
+    valueType?: ReadoutValueType;
+    /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
+    off?: boolean;
+    /**
+     * Text shown in place of the value when `off` is true.
+     *
+     * Available when `off==true`.
+     */
+    offText?: string;
+    hasSetpoint?: boolean;
+    /** Available when `hasSetpoint==true`. */
+    setpoint?: number | undefined;
+    hasAdvice?: boolean;
+    /** Available when `hasAdvice==true`. */
+    advice?: number | undefined;
+    size?: ReadoutBlockSize | undefined;
+    priority?: ReadoutListItemPriority | undefined;
+    stacking?: ReadoutListItemStacking | undefined;
+    clickable?: boolean | ReadoutListItemClickable;
+    hasLeadingIcon?: boolean;
+    hasDegree?: boolean;
+    hasDegreeSpacer?: boolean;
+    /**
+     * Also formats the numeric setpoint / advice blocks, which stay numeric even when the value is text. Must be between 0 and 100 — the range `Number.prototype.toFixed` accepts; outside it throws a `RangeError`. A fractional count truncates (`2.7` → `2`). A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash — formatting with a precision the author never chose would let a critical `0.4` pass for a healthy `0`.
+     *
+     * Available when `valueType==number || hasSetpoint==true || hasAdvice==true`.
+     */
+    fractionDigits?: number;
+    /**
+     * Also formats the numeric setpoint / advice blocks, which stay numeric even when the value is text. Bounded before use: a fractional count truncates (`2.7` → `2`), anything above 100 — including `Infinity` — caps at 100, and a negative count reserves nothing. A count that never arrived (`NaN`, `null` or unset) renders the reading as the unavailable dash, consistent with `fractionDigits`.
+     *
+     * Available when `valueType==number || hasSetpoint==true || hasAdvice==true`.
+     */
+    maxDigits?: number;
+    dataQuality?: ReadoutBlockDataQuality | undefined;
+    alert?: boolean | AlertFrameConfig;
+    valueOptions?: ReadoutValueOptions | undefined;
+    setpointOptions?: ReadoutSetpointOptions | undefined;
+    adviceOptions?: ReadoutAdviceOptions | undefined;
+    labelOptions?: ReadoutLabelOptions | undefined;
+    unitOptions?: ReadoutReserverOptions | undefined;
+    srcOptions?: ReadoutSrcOptions | undefined;
+    /** Development aid: outline the readout building blocks (red), the degree columns (blue) and the degree spacer (green) so reserver widths / alignment are visible. Off by default. */
+    showDebugOverlay?: boolean;
+}
+export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
+}
+export interface Slots {
+    leadingIcon?: Snippet;
+    valueIcon?: Snippet;
+    setpointIcon?: Snippet;
+    adviceIcon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutListItem: import("svelte").Component<$$ComponentProps, {
+    ReadoutValueType: typeof ReadoutValueType;
+    ReadoutBlockSize: typeof ReadoutBlockSize;
+    ReadoutBlockDataQuality: typeof ReadoutBlockDataQuality;
+    ReadoutListItemPriority: typeof ReadoutListItemPriority;
+    ReadoutListItemStacking: typeof ReadoutListItemStacking;
+    ReadoutListItemClickable: typeof ReadoutListItemClickable;
+    ReadoutValueOptions: typeof ReadoutValueOptions;
+    ReadoutSetpointOptions: typeof ReadoutSetpointOptions;
+    ReadoutAdviceOptions: typeof ReadoutAdviceOptions;
+    ReadoutLabelOptions: typeof ReadoutLabelOptions;
+    ReadoutReserverOptions: typeof ReadoutReserverOptions;
+    ReadoutSrcOptions: typeof ReadoutSrcOptions;
+    AlertFrameConfig: typeof AlertFrameConfig;
+}, "">;
+type ObcReadoutListItem = ReturnType<typeof ObcReadoutListItem>;
+export default ObcReadoutListItem;

package/dist/navigation-instruments/roll/ObcRoll.svelte

@@ -1,20 +1,48 @@
 
   <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 {ObcRollType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.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 {ObcRollType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.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;
      roll?: number;
      minAvgRoll?: number;
      maxAvgRoll?: number;
      vesselImageFore?: VesselImage;
+     scaleForeImage?: number;
      maxRollAdvice?: number | undefined;
-     triggerRollAdvice?: boolean
+     triggerRollAdvice?: boolean;
+     /** Readout label. Default `Roll`. */
+     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 at the bottom (default); `dual-scale` also shows the scale on the top arc (the indicator's opposite end). */
+     type?: ObcRollType
    }
       export interface Events {
     

package/dist/navigation-instruments/roll/ObcRoll.svelte.d.ts

@@ -1,15 +1,41 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.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 { ObcRollType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll/roll.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;
     roll?: number;
     minAvgRoll?: number;
     maxAvgRoll?: number;
     vesselImageFore?: VesselImage;
+    scaleForeImage?: number;
     maxRollAdvice?: number | undefined;
     triggerRollAdvice?: boolean;
+    /** Readout label. Default `Roll`. */
+    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 at the bottom (default); `dual-scale` also shows the scale on the top arc (the indicator's opposite end). */
+    type?: ObcRollType;
 }
 export interface Events {
 }
@@ -18,7 +44,9 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcRoll: import("svelte").Component<$$ComponentProps, {
+    Priority: typeof Priority;
     VesselImage: typeof VesselImage;
+    ObcRollType: typeof ObcRollType;
 }, "">;
 type ObcRoll = ReturnType<typeof ObcRoll>;
 export default ObcRoll;

package/dist/navigation-instruments/roll-indicator/ObcRollIndicator.svelte

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

package/dist/navigation-instruments/roll-indicator/ObcRollIndicator.svelte.d.ts

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

package/dist/navigation-instruments/rot-indicator/ObcRotIndicator.svelte

@@ -1,14 +1,23 @@
 
   <script lang="ts">
-    
+    export type {RotIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rot-indicator/rot-indicator.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/rot-indicator/rot-indicator.js';
       import { setProperties } from "../../util.js";
-      
+      import type {RotIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rot-indicator/rot-indicator.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     type?: RotIndicatorType;
+      /** Measured rate of turn in degrees per minute (positive = starboard).
+
+Drives the spinner animation via `(rateOfTurnDegreesPerMinute / 360) *
+rotDotAnimationFactor` rotations per minute. When `undefined` the legacy
+`rotationsPerMinute` value is used instead. */
+rateOfTurnDegreesPerMinute?: number | undefined;
+     /** Visual amplification applied to the spinning dot animation. Default `18` keeps the legacy visual feel (≈1 rpm at 20°/min). Has no effect when the legacy `rotationsPerMinute` API is used. */
+     rotDotAnimationFactor?: number;
      rotationsPerMinute?: number
    }
       export interface Events {

package/dist/navigation-instruments/rot-indicator/ObcRotIndicator.svelte.d.ts

@@ -1,8 +1,18 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/rot-indicator/rot-indicator.js';
+import type { RotIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/rot-indicator/rot-indicator.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    type?: RotIndicatorType;
+    /** Measured rate of turn in degrees per minute (positive = starboard).
+
+Drives the spinner animation via `(rateOfTurnDegreesPerMinute / 360) *
+rotDotAnimationFactor` rotations per minute. When `undefined` the legacy
+`rotationsPerMinute` value is used instead. */
+    rateOfTurnDegreesPerMinute?: number | undefined;
+    /** Visual amplification applied to the spinning dot animation. Default `18` keeps the legacy visual feel (≈1 rpm at 20°/min). Has no effect when the legacy `rotationsPerMinute` API is used. */
+    rotDotAnimationFactor?: number;
     rotationsPerMinute?: number;
 }
 export interface Events {
@@ -11,6 +21,8 @@ export interface Slots {
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcRotIndicator: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcRotIndicator: import("svelte").Component<$$ComponentProps, {
+    RotIndicatorType: typeof RotIndicatorType;
+}, "">;
 type ObcRotIndicator = ReturnType<typeof ObcRotIndicator>;
 export default ObcRotIndicator;

package/dist/navigation-instruments/rot-linear/ObcRotLinear.svelte

@@ -0,0 +1,60 @@
+
+  <script lang="ts">
+    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/rot-linear/rot-linear.js';
+      import { setProperties } from "../../util.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;
+     /** Measured rate of turn in degrees per minute (positive = starboard). When unset, no bar is shown and the readout shows a dash. */
+     rateOfTurnDegreesPerMinute?: number | undefined;
+     /** Scale range in **degrees per minute** per direction. Default `90`. */
+     rotMaxValue?: number;
+     /** Interval for tickmarks in scale units. Default `5`. */
+     tickInterval?: number;
+     /** Colors the bar and needle by turn direction (starboard/port palette). */
+     rotPortStarboard?: boolean;
+     priority?: Priority;
+     /** When `true`, shows a centered `<obc-readout>` below the strip with the measured rate of turn. */
+     hasReadout?: boolean;
+     /**
+      * Readout label. Default `ROT`.
+      *
+      * Available when `hasReadout==true`.
+      */
+     label?: string;
+     /**
+      * Readout unit. Default `DEG/min`.
+      *
+      * Available when `hasReadout==true`.
+      */
+     unit?: string;
+     /**
+      * Number of fraction digits shown in the readout. Default `0`.
+      *
+      * Available when `hasReadout==true`.
+      */
+     fractionDigits?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-rot-linear
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-rot-linear>