@oicl/openbridge-webcomponents-svelte 2.0.0-next.6 → 2.0.0-next.61

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

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

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

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

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

@@ -1,9 +1,11 @@
 
   <script lang="ts">
     export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+export type {ObcPitchType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
       import { setProperties } from "../../util.js";
       import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type {ObcPitchType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -14,7 +16,16 @@
      maxAvgPitch?: number;
      vesselImageSide?: VesselImage;
      maxPitchAdvice?: number | undefined;
-     triggerPitchAdvice?: boolean
+     triggerPitchAdvice?: boolean;
+      /** Readout label. Default `Pitch`. */
+label?: string;
+      /** Readout unit. Default `DEG`. */
+unit?: string;
+      /** Number of fraction digits shown in the readout. Default `0`. */
+fractionDigits?: number;
+      /** `single-scale` shows one arc on the right (default); `dual-scale` also
+shows the scale on the opposite (left) arc (the indicator's opposite end). */
+type?: ObcPitchType
    }
       export interface Events {
     

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

@@ -1,5 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
 import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+import type { ObcPitchType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/pitch/pitch.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -10,6 +11,15 @@ export interface Props {
     vesselImageSide?: VesselImage;
     maxPitchAdvice?: number | undefined;
     triggerPitchAdvice?: boolean;
+    /** Readout label. Default `Pitch`. */
+    label?: string;
+    /** Readout unit. Default `DEG`. */
+    unit?: string;
+    /** Number of fraction digits shown in the readout. Default `0`. */
+    fractionDigits?: number;
+    /** `single-scale` shows one arc on the right (default); `dual-scale` also
+shows the scale on the opposite (left) arc (the indicator's opposite end). */
+    type?: ObcPitchType;
 }
 export interface Events {
 }
@@ -19,6 +29,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPitch: import("svelte").Component<$$ComponentProps, {
     VesselImage: typeof VesselImage;
+    ObcPitchType: typeof ObcPitchType;
 }, "">;
 type ObcPitch = ReturnType<typeof ObcPitch>;
 export default ObcPitch;

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

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

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

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

package/dist/navigation-instruments/pitch-roll/ObcPitchRoll.svelte

@@ -21,12 +21,35 @@ import type {PitchRollPriorityElement} from '@oicl/openbridge-webcomponents/dist
      maxAvgRoll?: number;
      vesselImageFore?: VesselImage;
      vesselImageSide?: VesselImage;
+     scaleForeImage?: number;
      maxPitchAdvice?: number | undefined;
      maxRollAdvice?: number | undefined;
      triggerPitchAdvice?: boolean;
      triggerRollAdvice?: boolean;
      priority?: Priority;
-     priorityElements?: PitchRollPriorityElement[]
+     priorityElements?: PitchRollPriorityElement[];
+      /** When `true`, the centre shows two stacked `<obc-readout>`s (pitch above
+roll) instead of the vessel images. Default `false`. */
+hasReadout?: boolean;
+      /** Label for the pitch readout. Default `Pitch`. */
+pitchLabel?: string;
+      /** Label for the roll readout. Default `Roll`. */
+rollLabel?: string;
+      /** Unit shown in both readouts. Default `DEG`. */
+unit?: string;
+      /** Number of fraction digits shown in both readouts. Default `0`. */
+fractionDigits?: number;
+     zoomToFitArc?: boolean;
+      /** Half-extent of each of the four watch arcs in degrees, measured from the
+arc's natural center (0°/90°/180°/270°). Each arc spans
+`center ± arcAngle`. Default `30` reproduces the historical 60°-wide
+arcs; smaller values produce narrower arcs that, combined with
+`zoomToFitArc`, reveal more detail in the relevant motion range. */
+arcAngle?: number;
+      /** [object Object],[object Object],[object Object] */
+pitchArcAngle?: number | undefined;
+      /** [object Object],[object Object],[object Object] */
+rollArcAngle?: number | undefined
    }
       export interface Events {
     

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

@@ -14,12 +14,35 @@ export interface Props {
     maxAvgRoll?: number;
     vesselImageFore?: VesselImage;
     vesselImageSide?: VesselImage;
+    scaleForeImage?: number;
     maxPitchAdvice?: number | undefined;
     maxRollAdvice?: number | undefined;
     triggerPitchAdvice?: boolean;
     triggerRollAdvice?: boolean;
     priority?: Priority;
     priorityElements?: PitchRollPriorityElement[];
+    /** When `true`, the centre shows two stacked `<obc-readout>`s (pitch above
+roll) instead of the vessel images. Default `false`. */
+    hasReadout?: boolean;
+    /** Label for the pitch readout. Default `Pitch`. */
+    pitchLabel?: string;
+    /** Label for the roll readout. Default `Roll`. */
+    rollLabel?: string;
+    /** Unit shown in both readouts. Default `DEG`. */
+    unit?: string;
+    /** Number of fraction digits shown in both readouts. Default `0`. */
+    fractionDigits?: number;
+    zoomToFitArc?: boolean;
+    /** Half-extent of each of the four watch arcs in degrees, measured from the
+arc's natural center (0°/90°/180°/270°). Each arc spans
+`center ± arcAngle`. Default `30` reproduces the historical 60°-wide
+arcs; smaller values produce narrower arcs that, combined with
+`zoomToFitArc`, reveal more detail in the relevant motion range. */
+    arcAngle?: number;
+    /** [object Object],[object Object],[object Object] */
+    pitchArcAngle?: number | undefined;
+    /** [object Object],[object Object],[object Object] */
+    rollArcAngle?: number | undefined;
 }
 export interface Events {
 }

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;

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;

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

@@ -0,0 +1,161 @@
+
+  <script lang="ts">
+    export type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
+export type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+      import { setProperties } from "../../util.js";
+      import type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
+import type {ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     value?: number | undefined;
+     hasSetpoint?: boolean;
+     setpointValue?: number | undefined;
+     variant?: ReadoutVariant;
+     hasDegree?: boolean;
+     label?: string;
+     unit?: string | undefined;
+     src?: string | undefined;
+     off?: boolean;
+     valuePriority?: Priority | undefined;
+     dataState?: ReadoutDataState;
+     setpointInteraction?: ReadoutSetpointInteraction;
+     direction?: ReadoutDirection;
+      /** Override the size of the setpoint segment (when `hasSetpoint` is true).
+
+- In `alwaysVisible` and `popUp` interaction modes: any size value applies.
+- In `flipFlop` mode: the override is honored only when strictly smaller
+  than the variant's base size (medium for `regular`, large for
+  `enhanced`/`stack`). Larger overrides are ignored, falling back to the
+  default secondary size to preserve the flip-flop visual effect and
+  prevent setpoint/value overlap.
+
+When unset, the setpoint size is derived from `variant` (and adjusted for
+multi-line formats). */
+setpointSize?: ReadoutSetpointSize | undefined;
+     alignment?: ReadoutStackVerticalAlignment;
+     hug?: boolean;
+     hasSetpointDivider?: boolean;
+     hasSourceDivider?: boolean;
+     showZeroPadding?: boolean;
+     fractionDigits?: number;
+     minValueLength?: number;
+     valueHasHintedZeros?: boolean;
+     labelOnly?: boolean;
+     hasSrcPicker?: boolean;
+     sourceDeltaValue?: number;
+     sourceType?: ReadoutSourceType | undefined;
+     hasLeadingIcon?: boolean;
+     alert?: boolean | AlertFrameConfig;
+     sourceHug?: boolean;
+     hasSourceLeadingIcon?: boolean;
+     hasSourceTrailingIcon?: boolean;
+     hasAdvice?: boolean;
+     adviceValue?: number | undefined;
+     adviceFormat?: ReadoutAdviceFormat;
+     adviceState?: ReadoutAdviceState;
+     adviceSecondaryValue?: number | undefined;
+     adviceDescription?: string;
+     adviceHasHintedZeros?: boolean;
+     setpointFormat?: ReadoutSetpointFormat;
+     setpointSecondaryValue?: number | undefined;
+     setpointDescription?: string;
+     setpointHasHintedZeros?: boolean
+   }
+      export interface Events {
+    onSourceFlyoutClick?: (event: CustomEvent<{src: string, sourceType?: ReadoutSourceType}>) => void;
+    onSourceChange?: (event: CustomEvent<{value: string, label?: string}>) => void
+  }
+      export interface Slots {
+  advice?: Snippet;
+  adviceIcon?: Snippet;
+  setpoint?: Snippet;
+  setpointIcon?: Snippet;
+  leadingIcon?: Snippet;
+  valueSnippet?: Snippet;
+  labelSnippet?: Snippet;
+  unitSnippet?: Snippet;
+  source?: Snippet;
+  srcPickerContent?: Snippet
+}
+      const {onSourceFlyoutClick, onSourceChange, class: className, style, advice, adviceIcon, setpoint, setpointIcon, leadingIcon, valueSnippet, labelSnippet, unitSnippet, source, srcPickerContent, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout
+    use:setProperties={props}
+    class={className}
+    style={style}
+    onsource-flyout-click={onSourceFlyoutClick}
+   onsource-change={onSourceChange} >
+      
+      {#if advice}
+        <div slot="advice">
+          {@render advice()}
+        </div>
+      {/if}
+
+      {#if adviceIcon}
+        <div slot="advice-icon">
+          {@render adviceIcon()}
+        </div>
+      {/if}
+
+      {#if setpoint}
+        <div slot="setpoint">
+          {@render setpoint()}
+        </div>
+      {/if}
+
+      {#if setpointIcon}
+        <div slot="setpoint-icon">
+          {@render setpointIcon()}
+        </div>
+      {/if}
+
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if valueSnippet}
+        <div slot="value">
+          {@render valueSnippet()}
+        </div>
+      {/if}
+
+      {#if labelSnippet}
+        <div slot="label">
+          {@render labelSnippet()}
+        </div>
+      {/if}
+
+      {#if unitSnippet}
+        <div slot="unit">
+          {@render unitSnippet()}
+        </div>
+      {/if}
+
+      {#if source}
+        <div slot="source">
+          {@render source()}
+        </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,104 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { ReadoutSourceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
+import type { ReadoutVariant, ReadoutDataState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { ReadoutSetpointSize, ReadoutSetpointFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number | undefined;
+    hasSetpoint?: boolean;
+    setpointValue?: number | undefined;
+    variant?: ReadoutVariant;
+    hasDegree?: boolean;
+    label?: string;
+    unit?: string | undefined;
+    src?: string | undefined;
+    off?: boolean;
+    valuePriority?: Priority | undefined;
+    dataState?: ReadoutDataState;
+    setpointInteraction?: ReadoutSetpointInteraction;
+    direction?: ReadoutDirection;
+    /** Override the size of the setpoint segment (when `hasSetpoint` is true).
+
+- In `alwaysVisible` and `popUp` interaction modes: any size value applies.
+- In `flipFlop` mode: the override is honored only when strictly smaller
+than the variant's base size (medium for `regular`, large for
+`enhanced`/`stack`). Larger overrides are ignored, falling back to the
+default secondary size to preserve the flip-flop visual effect and
+prevent setpoint/value overlap.
+
+When unset, the setpoint size is derived from `variant` (and adjusted for
+multi-line formats). */
+    setpointSize?: ReadoutSetpointSize | undefined;
+    alignment?: ReadoutStackVerticalAlignment;
+    hug?: boolean;
+    hasSetpointDivider?: boolean;
+    hasSourceDivider?: boolean;
+    showZeroPadding?: boolean;
+    fractionDigits?: number;
+    minValueLength?: number;
+    valueHasHintedZeros?: boolean;
+    labelOnly?: boolean;
+    hasSrcPicker?: boolean;
+    sourceDeltaValue?: number;
+    sourceType?: ReadoutSourceType | undefined;
+    hasLeadingIcon?: boolean;
+    alert?: boolean | AlertFrameConfig;
+    sourceHug?: boolean;
+    hasSourceLeadingIcon?: boolean;
+    hasSourceTrailingIcon?: boolean;
+    hasAdvice?: boolean;
+    adviceValue?: number | undefined;
+    adviceFormat?: ReadoutAdviceFormat;
+    adviceState?: ReadoutAdviceState;
+    adviceSecondaryValue?: number | undefined;
+    adviceDescription?: string;
+    adviceHasHintedZeros?: boolean;
+    setpointFormat?: ReadoutSetpointFormat;
+    setpointSecondaryValue?: number | undefined;
+    setpointDescription?: string;
+    setpointHasHintedZeros?: boolean;
+}
+export interface Events {
+    onSourceFlyoutClick?: (event: CustomEvent<{
+        src: string;
+        sourceType?: ReadoutSourceType;
+    }>) => void;
+    onSourceChange?: (event: CustomEvent<{
+        value: string;
+        label?: string;
+    }>) => void;
+}
+export interface Slots {
+    advice?: Snippet;
+    adviceIcon?: Snippet;
+    setpoint?: Snippet;
+    setpointIcon?: Snippet;
+    leadingIcon?: Snippet;
+    valueSnippet?: Snippet;
+    labelSnippet?: Snippet;
+    unitSnippet?: Snippet;
+    source?: Snippet;
+    srcPickerContent?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
+    ReadoutSourceType: typeof ReadoutSourceType;
+    ReadoutVariant: typeof ReadoutVariant;
+    ReadoutDataState: typeof ReadoutDataState;
+    ReadoutSetpointInteraction: typeof ReadoutSetpointInteraction;
+    ReadoutDirection: typeof ReadoutDirection;
+    ReadoutStackVerticalAlignment: typeof ReadoutStackVerticalAlignment;
+    Priority: typeof Priority;
+    ReadoutSetpointSize: typeof ReadoutSetpointSize;
+    ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
+    AlertFrameConfig: typeof AlertFrameConfig;
+    ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
+    ReadoutAdviceState: typeof ReadoutAdviceState;
+}, "">;
+type ObcReadout = ReturnType<typeof ObcReadout>;
+export default ObcReadout;