@oicl/openbridge-webcomponents-svelte 2.0.0-next.1 → 2.0.0-next.100

package/dist/navigation-instruments/compass-indicator/ObcCompassIndicator.svelte

@@ -1,17 +1,24 @@
 
   <script lang="ts">
-    export type {CompassIndicatorArrow} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
+    export type {CompassIndicatorType, CompassIndicatorDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
       import { setProperties } from "../../util.js";
-      import type {CompassIndicatorArrow} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
+      import type {CompassIndicatorType, CompassIndicatorDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
      angle?: number;
-     arrow?: CompassIndicatorArrow;
-     northUp?: boolean
+     type?: CompassIndicatorType;
+     direction?: CompassIndicatorDirection;
+      /** When `true` (default) the compass face stays north-up and the arrow
+rotates by `angle`. When `false` the arrow stays pointing up and the
+compass face rotates instead (heading-up / course-up presentation).
+
+Declared with `attribute: false` because the default is `true`; set it
+via the JavaScript property (or framework binding) to opt out. */
+northUp?: boolean
    }
       export interface Events {
     

package/dist/navigation-instruments/compass-indicator/ObcCompassIndicator.svelte.d.ts

@@ -1,11 +1,18 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
-import type { CompassIndicatorArrow } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
+import type { CompassIndicatorType, CompassIndicatorDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/compass-indicator/compass-indicator.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     angle?: number;
-    arrow?: CompassIndicatorArrow;
+    type?: CompassIndicatorType;
+    direction?: CompassIndicatorDirection;
+    /** When `true` (default) the compass face stays north-up and the arrow
+rotates by `angle`. When `false` the arrow stays pointing up and the
+compass face rotates instead (heading-up / course-up presentation).
+
+Declared with `attribute: false` because the default is `true`; set it
+via the JavaScript property (or framework binding) to opt out. */
     northUp?: boolean;
 }
 export interface Events {
@@ -15,7 +22,8 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcCompassIndicator: import("svelte").Component<$$ComponentProps, {
-    CompassIndicatorArrow: typeof CompassIndicatorArrow;
+    CompassIndicatorType: typeof CompassIndicatorType;
+    CompassIndicatorDirection: typeof CompassIndicatorDirection;
 }, "">;
 type ObcCompassIndicator = ReturnType<typeof ObcCompassIndicator>;
 export default ObcCompassIndicator;

package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte

@@ -30,30 +30,55 @@ import type {CompassSectorPriorityElement} from '@oicl/openbridge-webcomponents/
      minFOV?: number;
      rotType?: RotType | undefined;
      rotPosition?: RotPosition;
+      /** Measured rate of turn in degrees per minute (positive = starboard).
+Drives both the bar extent and (after multiplication by
+`rotDotAnimationFactor`) the spinning dot animation. When `undefined`,
+falls back to the deprecated `rotationsPerMinute`. */
+rateOfTurnDegreesPerMinute?: number | undefined;
+      /** Visual amplification applied only to the spinning dot animation
+(not to the bar extent). Default `18` keeps the legacy visual feel
+(≈1 rpm at 20°/min). */
+rotDotAnimationFactor?: number;
      rotationsPerMinute?: number;
-     rotMaxValue?: number;
+      /** Bar-extent reference value in **degrees per minute**. The bar fills the
+full ±`ARC_HALF_EXTENT` arc when the measured ROT equals
+±`rotMaxValue`. Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.
+
+Note: the unit changed from rotations per minute to degrees per minute
+with the introduction of `rateOfTurnDegreesPerMinute`. */
+rotMaxValue?: number;
      rotPortStarboard?: boolean;
      rotAtZeroDeadband?: number;
      state?: InstrumentState;
      priority?: Priority;
      priorityElements?: CompassSectorPriorityElement[];
      tickmarksInside?: boolean;
-     zoomToFitArc?: boolean
+     zoomToFitArc?: boolean;
+      /** When `true`, shows a centered `<obc-readout>` under the arc displaying the
+heading (label `HDG`, unit `DEG`). The value color follows the HDG entry in
+`priorityElements`, matching the HDG arrow. */
+hasReadout?: boolean;
+      /** Readout label. Default `HDG`. */
+label?: string;
+      /** Readout unit. Default `DEG`. */
+unit?: string;
+      /** Number of fraction digits shown in the readout. Default `0`. */
+fractionDigits?: number
    }
       export interface Events {
-    onNone?: (event: CustomEvent<unknown>) => void
+    
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onNone, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-compass-sector
     use:setProperties={props}
     class={className}
     style={style}
-    onNone={onNone} >
+     >
       
     {#if children}
       {@render children()}

package/dist/navigation-instruments/compass-sector/ObcCompassSector.svelte.d.ts

@@ -22,7 +22,22 @@ export interface Props {
     minFOV?: number;
     rotType?: RotType | undefined;
     rotPosition?: RotPosition;
+    /** Measured rate of turn in degrees per minute (positive = starboard).
+Drives both the bar extent and (after multiplication by
+`rotDotAnimationFactor`) the spinning dot animation. When `undefined`,
+falls back to the deprecated `rotationsPerMinute`. */
+    rateOfTurnDegreesPerMinute?: number | undefined;
+    /** Visual amplification applied only to the spinning dot animation
+(not to the bar extent). Default `18` keeps the legacy visual feel
+(≈1 rpm at 20°/min). */
+    rotDotAnimationFactor?: number;
     rotationsPerMinute?: number;
+    /** Bar-extent reference value in **degrees per minute**. The bar fills the
+full ±`ARC_HALF_EXTENT` arc when the measured ROT equals
+±`rotMaxValue`. Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.
+
+Note: the unit changed from rotations per minute to degrees per minute
+with the introduction of `rateOfTurnDegreesPerMinute`. */
     rotMaxValue?: number;
     rotPortStarboard?: boolean;
     rotAtZeroDeadband?: number;
@@ -31,9 +46,18 @@ export interface Props {
     priorityElements?: CompassSectorPriorityElement[];
     tickmarksInside?: boolean;
     zoomToFitArc?: boolean;
+    /** When `true`, shows a centered `<obc-readout>` under the arc displaying the
+heading (label `HDG`, unit `DEG`). The value color follows the HDG entry in
+`priorityElements`, matching the HDG arrow. */
+    hasReadout?: boolean;
+    /** Readout label. Default `HDG`. */
+    label?: string;
+    /** Readout unit. Default `DEG`. */
+    unit?: string;
+    /** Number of fraction digits shown in the readout. Default `0`. */
+    fractionDigits?: number;
 }
 export interface Events {
-    onNone?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte

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

package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte.d.ts

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

package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte

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

package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte.d.ts

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

package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte

@@ -2,17 +2,38 @@
   <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-horizontal/gauge-horizontal.js';
       import { setProperties } 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;
+      /** 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 */
@@ -45,7 +66,7 @@ value?: number | undefined;
 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;
+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. */

package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-horizontal/gauge-horizontal.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,12 +59,7 @@ 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;
+    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. */
@@ -62,7 +78,7 @@ declare const ObcGaugeHorizontal: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcGaugeHorizontal = ReturnType<typeof ObcGaugeHorizontal>;
 export default ObcGaugeHorizontal;

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte

@@ -1,18 +1,39 @@
 
   <script lang="ts">
     export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+export type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
       import { setProperties } from "../../util.js";
       import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.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;
      value?: number;
      maxValue?: number;
      minValue?: number;
@@ -27,7 +48,24 @@ tertiaryTickmarkInterval?: number | undefined;
      type?: ObcGaugeRadialType;
      tickmarksInside?: boolean;
      tickmarkStyle?: TickmarkStyle;
-     advices?: GaugeRadialAdvice[]
+      /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
+advices?: GaugeRadialAdvice[];
+     sector?: GaugeRadialSector;
+      /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+horizontalAlignment?: GaugeRadialHorizontalAlignment;
+      /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+verticalAlignment?: GaugeRadialVerticalAlignment;
+      /** When `true`, shows the centre `<obc-readout>`(s) with the current value
+(and optional `label`/`unit`). Layout depends on `sector` and `type`.
+Default `false`. */
+hasReadout?: boolean;
+     label?: string;
+     unit?: string;
+     fractionDigits?: number
    }
       export interface Events {
     

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { ObcGaugeRadialType, GaugeRadialAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type { ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.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;
     value?: number;
     maxValue?: number;
     minValue?: number;
@@ -20,7 +41,24 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     type?: ObcGaugeRadialType;
     tickmarksInside?: boolean;
     tickmarkStyle?: TickmarkStyle;
+    /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
     advices?: GaugeRadialAdvice[];
+    sector?: GaugeRadialSector;
+    /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+    horizontalAlignment?: GaugeRadialHorizontalAlignment;
+    /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+    verticalAlignment?: GaugeRadialVerticalAlignment;
+    /** When `true`, shows the centre `<obc-readout>`(s) with the current value
+(and optional `label`/`unit`). Layout depends on `sector` and `type`.
+Default `false`. */
+    hasReadout?: boolean;
+    label?: string;
+    unit?: string;
+    fractionDigits?: number;
 }
 export interface Events {
 }
@@ -33,6 +71,9 @@ declare const ObcGaugeRadial: import("svelte").Component<$$ComponentProps, {
     Priority: typeof Priority;
     ObcGaugeRadialType: typeof ObcGaugeRadialType;
     GaugeRadialAdvice: typeof GaugeRadialAdvice;
+    GaugeRadialSector: typeof GaugeRadialSector;
+    GaugeRadialHorizontalAlignment: typeof GaugeRadialHorizontalAlignment;
+    GaugeRadialVerticalAlignment: typeof GaugeRadialVerticalAlignment;
     TickmarkStyle: typeof TickmarkStyle;
 }, "">;
 type ObcGaugeRadial = ReturnType<typeof ObcGaugeRadial>;

package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte

@@ -0,0 +1,40 @@
+
+  <script lang="ts">
+    export type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     value?: number;
+     minValue?: number;
+     maxValue?: number;
+     sector?: number;
+     styleType?: GaugeRadialIndicatorStyle;
+     icon?: string;
+     hasIcon?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  iconSnippet?: Snippet
+}
+      const { class: className, style, iconSnippet, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-radial-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if iconSnippet}
+        <div slot="icon">
+          {@render iconSnippet()}
+        </div>
+      {/if}
+    </obc-gauge-radial-indicator>

package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte.d.ts

@@ -0,0 +1,25 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+import type { GaugeRadialIndicatorStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    sector?: number;
+    styleType?: GaugeRadialIndicatorStyle;
+    icon?: string;
+    hasIcon?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    iconSnippet?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeRadialIndicator: import("svelte").Component<$$ComponentProps, {
+    GaugeRadialIndicatorStyle: typeof GaugeRadialIndicatorStyle;
+}, "">;
+type ObcGaugeRadialIndicator = ReturnType<typeof ObcGaugeRadialIndicator>;
+export default ObcGaugeRadialIndicator;