@oicl/openbridge-webcomponents-svelte 2.0.0-next.11 → 2.0.0-next.110

package/dist/navigation-instruments/pitch-roll-heave/ObcPitchRollHeave.svelte.d.ts

@@ -0,0 +1,66 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-roll-heave/pitch-roll-heave.js';
+import type { ObcPitchRollHeaveType, PitchRollHeavePriorityElement } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-roll-heave/pitch-roll-heave.js';
+import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.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;
+    type?: ObcPitchRollHeaveType;
+    pitch?: number;
+    roll?: number;
+    heave?: number;
+    minAvgPitch?: number;
+    maxAvgPitch?: number;
+    minAvgRoll?: number;
+    maxAvgRoll?: number;
+    minTrendHeave?: number;
+    maxTrendHeave?: number;
+    /** Half-extent of the heave scale in metres; the column spans `±heaveRange`. */
+    heaveRange?: number;
+    /** Half-extent of the pitch arc in degrees. Also drives the heave column
+height, which is `2 · outerRadius · sin(pitchArcAngle)` so the column's
+edges stay level with the pitch arc's end caps. */
+    pitchArcAngle?: number;
+    /** Half-extent of the roll arc in degrees. */
+    rollArcAngle?: number;
+    zoomToFitArc?: boolean;
+    /** Replaces the centre content with stacked pitch, roll and heave readouts.
+Ignored when `type` is `dual-scale`, where the heave column occupies the
+centre. */
+    hasReadout?: boolean;
+    pitchLabel?: string;
+    rollLabel?: string;
+    heaveLabel?: string;
+    /** Unit shown in the pitch and roll readouts. */
+    unit?: string;
+    /** Unit shown in the heave readout. */
+    heaveUnit?: string;
+    fractionDigits?: number;
+    vesselImageFore?: VesselImage;
+    vesselImageSide?: VesselImage;
+    scaleForeImage?: number;
+    maxPitchAdvice?: number | undefined;
+    maxRollAdvice?: number | undefined;
+    triggerPitchAdvice?: boolean;
+    triggerRollAdvice?: boolean;
+    heaveAdvice?: LinearAdvice[];
+    priority?: Priority;
+    priorityElements?: PitchRollHeavePriorityElement[];
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcPitchRollHeave: import("svelte").Component<$$ComponentProps, {
+    ObcPitchRollHeaveType: typeof ObcPitchRollHeaveType;
+    PitchRollHeavePriorityElement: typeof PitchRollHeavePriorityElement;
+    VesselImage: typeof VesselImage;
+    LinearAdvice: typeof LinearAdvice;
+    Priority: typeof Priority;
+}, "">;
+type ObcPitchRollHeave = ReturnType<typeof ObcPitchRollHeave>;
+export default ObcPitchRollHeave;

package/dist/navigation-instruments/pitch-roll-yaw/ObcPitchRollYaw.svelte

@@ -0,0 +1,58 @@
+
+  <script lang="ts">
+    export type {PitchRollYawType, PitchRollSample} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-roll-yaw/pitch-roll-yaw.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/pitch-roll-yaw/pitch-roll-yaw.js';
+      import { setProperties } from "../../util.js";
+      import type {PitchRollYawType, PitchRollSample} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-roll-yaw/pitch-roll-yaw.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;
+     type?: PitchRollYawType;
+      /** Pitch in degrees; positive moves the attitude dot up. */
+pitch?: number;
+      /** Roll in degrees; positive moves the attitude dot right. */
+roll?: number;
+      /** Yaw deviation in degrees on the ±180° scale (0° = top, positive =
+clockwise). Shown as a dot on the scale in the `level` and
+`historical-motion` variants and as the end of the live yaw bar in the
+`actual-motion` variant. */
+yaw?: number;
+     minAvgYaw?: number;
+     maxAvgYaw?: number;
+      /** Pitch/roll value at the outermost grid circle. Default `20`. */
+range?: number;
+      /** Radius of the motion-envelope circle in the same unit as `pitch`/`roll`.
+Hidden when `0`. */
+motionRadius?: number;
+      /** Past attitude samples, oldest first; rendered as a fading trail. */
+motionHistory?: PitchRollSample[];
+     vesselImage?: VesselImage;
+     priority?: Priority;
+      /** When `true`, shows 0/90/180/-90 labels outside the scale. */
+showLabels?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-pitch-roll-yaw
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-pitch-roll-yaw>

package/dist/navigation-instruments/pitch-roll-yaw/ObcPitchRollYaw.svelte.d.ts

@@ -0,0 +1,46 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-roll-yaw/pitch-roll-yaw.js';
+import type { PitchRollYawType, PitchRollSample } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch-roll-yaw/pitch-roll-yaw.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;
+    type?: PitchRollYawType;
+    /** Pitch in degrees; positive moves the attitude dot up. */
+    pitch?: number;
+    /** Roll in degrees; positive moves the attitude dot right. */
+    roll?: number;
+    /** Yaw deviation in degrees on the ±180° scale (0° = top, positive =
+clockwise). Shown as a dot on the scale in the `level` and
+`historical-motion` variants and as the end of the live yaw bar in the
+`actual-motion` variant. */
+    yaw?: number;
+    minAvgYaw?: number;
+    maxAvgYaw?: number;
+    /** Pitch/roll value at the outermost grid circle. Default `20`. */
+    range?: number;
+    /** Radius of the motion-envelope circle in the same unit as `pitch`/`roll`.
+Hidden when `0`. */
+    motionRadius?: number;
+    /** Past attitude samples, oldest first; rendered as a fading trail. */
+    motionHistory?: PitchRollSample[];
+    vesselImage?: VesselImage;
+    priority?: Priority;
+    /** When `true`, shows 0/90/180/-90 labels outside the scale. */
+    showLabels?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcPitchRollYaw: import("svelte").Component<$$ComponentProps, {
+    PitchRollYawType: typeof PitchRollYawType;
+    PitchRollSample: typeof PitchRollSample;
+    VesselImage: typeof VesselImage;
+    Priority: typeof Priority;
+}, "">;
+type ObcPitchRollYaw = ReturnType<typeof ObcPitchRollYaw>;
+export default ObcPitchRollYaw;

package/dist/navigation-instruments/position-deviation/ObcPositionDeviation.svelte

@@ -0,0 +1,47 @@
+
+  <script lang="ts">
+    export type {PositionDeviationOrientation, PositionDeviationPriority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/position-deviation/position-deviation.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/position-deviation/position-deviation.js';
+      import { setProperties } from "../../util.js";
+      import type {PositionDeviationOrientation, PositionDeviationPriority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/position-deviation/position-deviation.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     orientation?: PositionDeviationOrientation;
+     priority?: PositionDeviationPriority;
+      /** Heading in degrees (0 = north, clockwise). */
+heading?: number;
+      /** Distance from the current position to the setpoint, in the same unit as the limits. */
+deviation?: number;
+      /** Bearing from the current position towards the setpoint in degrees (0 = north, clockwise). */
+setpointBearing?: number;
+      /** Deviation at which the dotted caution ring is drawn; hidden when not a positive finite number. */
+cautionLimit?: number;
+      /** Deviation at which the solid alarm ring is drawn; hidden when not a positive finite number. */
+alarmLimit?: number;
+      /** When `false`, hides the alarm ring and anchors the scale to the caution ring. */
+hasAlarmLimit?: boolean;
+      /** When `true`, shows the N/E/S/W labels on the compass card. */
+showLabels?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-position-deviation
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-position-deviation>

package/dist/navigation-instruments/position-deviation/ObcPositionDeviation.svelte.d.ts

@@ -0,0 +1,35 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/position-deviation/position-deviation.js';
+import type { PositionDeviationOrientation, PositionDeviationPriority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/position-deviation/position-deviation.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    orientation?: PositionDeviationOrientation;
+    priority?: PositionDeviationPriority;
+    /** Heading in degrees (0 = north, clockwise). */
+    heading?: number;
+    /** Distance from the current position to the setpoint, in the same unit as the limits. */
+    deviation?: number;
+    /** Bearing from the current position towards the setpoint in degrees (0 = north, clockwise). */
+    setpointBearing?: number;
+    /** Deviation at which the dotted caution ring is drawn; hidden when not a positive finite number. */
+    cautionLimit?: number;
+    /** Deviation at which the solid alarm ring is drawn; hidden when not a positive finite number. */
+    alarmLimit?: number;
+    /** When `false`, hides the alarm ring and anchors the scale to the caution ring. */
+    hasAlarmLimit?: boolean;
+    /** When `true`, shows the N/E/S/W labels on the compass card. */
+    showLabels?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcPositionDeviation: import("svelte").Component<$$ComponentProps, {
+    PositionDeviationOrientation: typeof PositionDeviationOrientation;
+    PositionDeviationPriority: typeof PositionDeviationPriority;
+}, "">;
+type ObcPositionDeviation = ReturnType<typeof ObcPositionDeviation>;
+export default ObcPositionDeviation;

package/dist/navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte

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

package/dist/navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte.d.ts

@@ -0,0 +1,25 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/propulsion-azimuth-indicator/propulsion-azimuth-indicator.js';
+import type { PropulsionAzimuthIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/propulsion-azimuth-indicator/propulsion-azimuth-indicator.js';
+import type { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    type?: PropulsionAzimuthIndicatorType;
+    hasSilhouette?: boolean;
+    azimuth?: number;
+    value?: number;
+    state?: InstrumentState;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcPropulsionAzimuthIndicator: import("svelte").Component<$$ComponentProps, {
+    PropulsionAzimuthIndicatorType: typeof PropulsionAzimuthIndicatorType;
+    InstrumentState: typeof InstrumentState;
+}, "">;
+type ObcPropulsionAzimuthIndicator = ReturnType<typeof ObcPropulsionAzimuthIndicator>;
+export default ObcPropulsionAzimuthIndicator;

package/dist/navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte

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

package/dist/navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte.d.ts

@@ -0,0 +1,19 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/propulsion-tunnel-thruster/propulsion-tunnel-thruster.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number;
+    thrust?: number;
+    state?: string;
+    hasSilhouette?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcTunnelThruster: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcTunnelThruster = ReturnType<typeof ObcTunnelThruster>;
+export default ObcTunnelThruster;

package/dist/navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte

@@ -11,6 +11,12 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       export interface Props {
      class?: string;
      style?: string;
+      /** Measured rate of turn in degrees per minute (positive = starboard).
+When `undefined`, the legacy `rotationsPerMinute` value is used. */
+rateOfTurnDegreesPerMinute?: number | undefined;
+      /** Visual amplification applied to the spinning dot animation. Default `18`
+keeps the legacy visual feel (≈1 rpm at 20°/min). */
+rotDotAnimationFactor?: number;
      rotationsPerMinute?: number;
      rotType?: RotType;
      rotPosition?: RotPosition;
@@ -19,7 +25,27 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
      barEndAngle?: number;
      watchCircleType?: WatchCircleType;
      rotPortStarboard?: boolean;
-     rotAtZeroDeadband?: number
+     rotAtZeroDeadband?: number;
+      /** When `true`, shows a bar in the ring band from the twelve o'clock
+position to the measured rate of turn, with a needle marker at its end
+and sector tickmarks. Pairs with `watchCircleType="double"` for the
+banded face. Driven by `rateOfTurnDegreesPerMinute` only. */
+hasTrackBar?: boolean;
+      /** Bar-extent reference value in **degrees per minute**: the track bar
+reaches ±`rotArcExtent` when the measured ROT equals ±`rotMaxValue`.
+Default `60` aligns with ES-TRIN 2025/1 Art. 3.02. */
+rotMaxValue?: number;
+      /** Arc extent of the track bar in degrees per direction. Default `60`. */
+rotArcExtent?: number;
+      /** When `true`, shows a centered `<obc-readout>` with the measured rate of
+turn. Shows a dash while `rateOfTurnDegreesPerMinute` is unset. */
+hasReadout?: boolean;
+      /** Readout label. Default `ROT`. */
+label?: string;
+      /** Readout unit. Default `DEG/min`. */
+unit?: string;
+      /** Number of fraction digits shown in the readout. Default `0`. */
+fractionDigits?: number
    }
       export interface Events {
     

package/dist/navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte.d.ts

@@ -5,6 +5,12 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Measured rate of turn in degrees per minute (positive = starboard).
+When `undefined`, the legacy `rotationsPerMinute` value is used. */
+    rateOfTurnDegreesPerMinute?: number | undefined;
+    /** Visual amplification applied to the spinning dot animation. Default `18`
+keeps the legacy visual feel (≈1 rpm at 20°/min). */
+    rotDotAnimationFactor?: number;
     rotationsPerMinute?: number;
     rotType?: RotType;
     rotPosition?: RotPosition;
@@ -14,6 +20,26 @@ export interface Props {
     watchCircleType?: WatchCircleType;
     rotPortStarboard?: boolean;
     rotAtZeroDeadband?: number;
+    /** When `true`, shows a bar in the ring band from the twelve o'clock
+position to the measured rate of turn, with a needle marker at its end
+and sector tickmarks. Pairs with `watchCircleType="double"` for the
+banded face. Driven by `rateOfTurnDegreesPerMinute` only. */
+    hasTrackBar?: boolean;
+    /** Bar-extent reference value in **degrees per minute**: the track bar
+reaches ±`rotArcExtent` when the measured ROT equals ±`rotMaxValue`.
+Default `60` aligns with ES-TRIN 2025/1 Art. 3.02. */
+    rotMaxValue?: number;
+    /** Arc extent of the track bar in degrees per direction. Default `60`. */
+    rotArcExtent?: number;
+    /** When `true`, shows a centered `<obc-readout>` with the measured rate of
+turn. Shows a dash while `rateOfTurnDegreesPerMinute` is unset. */
+    hasReadout?: boolean;
+    /** Readout label. Default `ROT`. */
+    label?: string;
+    /** Readout unit. Default `DEG/min`. */
+    unit?: string;
+    /** Number of fraction digits shown in the readout. Default `0`. */
+    fractionDigits?: number;
 }
 export interface Events {
 }

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

@@ -0,0 +1,101 @@
+
+  <script lang="ts">
+    export type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {ReadoutDirection, ReadoutStacking, ReadoutAlignment, ReadoutSourceOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+      import { setProperties } from "../../util.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, 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;
+     value?: number | null;
+      /** 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. */
+offText?: string;
+     hasSetpoint?: boolean;
+     setpoint?: number | undefined;
+     hasAdvice?: boolean;
+     advice?: number | undefined;
+     size?: ReadoutBlockSize | undefined;
+     priority?: Priority | undefined;
+     direction?: ReadoutDirection | undefined;
+     stacking?: ReadoutStacking | undefined;
+     alignment?: ReadoutAlignment | undefined;
+     hasDegree?: boolean;
+     hasDegreeSpacer?: boolean;
+     fractionDigits?: number;
+     maxDigits?: number;
+     dataQuality?: ReadoutBlockDataQuality | undefined;
+     alert?: boolean | AlertFrameConfig;
+     valueOptions?: ReadoutValueOptions | undefined;
+     setpointOptions?: ReadoutSetpointOptions | undefined;
+     adviceOptions?: ReadoutAdviceOptions | undefined;
+     unitOptions?: ReadoutReserverOptions | undefined;
+     srcOptions?: ReadoutSourceOptions | 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 {
+    onSourceChange?: (event: CustomEvent<{value: string, label?: string}>) => void;
+    onSourceFlyoutClick?: (event: CustomEvent<{src: string}>) => void
+  }
+      export interface Slots {
+  valueIcon?: Snippet;
+  setpointIcon?: Snippet;
+  adviceIcon?: Snippet;
+  srcPickerContent?: Snippet
+}
+      const {onSourceChange, onSourceFlyoutClick, class: className, style, valueIcon, setpointIcon, adviceIcon, srcPickerContent, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout
+    use:setProperties={props}
+    class={className}
+    style={style}
+    onsource-change={onSourceChange}
+   onsource-flyout-click={onSourceFlyoutClick} >
+      
+      {#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}
+
+      {#if srcPickerContent}
+        <div slot="src-picker-content">
+          {@render srcPickerContent()}
+        </div>
+      {/if}
+    </obc-readout>

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

@@ -0,0 +1,80 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.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, 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;
+    value?: number | null;
+    /** 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. */
+    offText?: string;
+    hasSetpoint?: boolean;
+    setpoint?: number | undefined;
+    hasAdvice?: boolean;
+    advice?: number | undefined;
+    size?: ReadoutBlockSize | undefined;
+    priority?: Priority | undefined;
+    direction?: ReadoutDirection | undefined;
+    stacking?: ReadoutStacking | undefined;
+    alignment?: ReadoutAlignment | undefined;
+    hasDegree?: boolean;
+    hasDegreeSpacer?: boolean;
+    fractionDigits?: number;
+    maxDigits?: number;
+    dataQuality?: ReadoutBlockDataQuality | undefined;
+    alert?: boolean | AlertFrameConfig;
+    valueOptions?: ReadoutValueOptions | undefined;
+    setpointOptions?: ReadoutSetpointOptions | undefined;
+    adviceOptions?: ReadoutAdviceOptions | undefined;
+    unitOptions?: ReadoutReserverOptions | undefined;
+    srcOptions?: ReadoutSourceOptions | 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 {
+    onSourceChange?: (event: CustomEvent<{
+        value: string;
+        label?: string;
+    }>) => void;
+    onSourceFlyoutClick?: (event: CustomEvent<{
+        src: string;
+    }>) => void;
+}
+export interface Slots {
+    valueIcon?: Snippet;
+    setpointIcon?: Snippet;
+    adviceIcon?: Snippet;
+    srcPickerContent?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
+    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;
+    ReadoutReserverOptions: typeof ReadoutReserverOptions;
+}, "">;
+type ObcReadout = ReturnType<typeof ObcReadout>;
+export default ObcReadout;