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

package/dist/integration-systems/integration-button/ObcIntegrationButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
-import type { IntegrationButtonReadout } from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
+import type { IntegrationButtonReadout, IntegrationButtonVariant, IntegrationButtonType } from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -7,12 +7,18 @@ export interface Props {
     hasTrailingIcon?: boolean;
     hasTrailingIcon2?: boolean;
     hasLeadingIcon?: boolean;
+    hasStatus?: boolean;
     readouts?: IntegrationButtonReadout[];
     disabled?: boolean;
+    activated?: boolean;
     selected?: boolean;
     dividerBottom?: boolean;
+    dividerRight?: boolean;
+    variant?: IntegrationButtonVariant;
+    type?: IntegrationButtonType;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     leadingIcon?: Snippet;
@@ -22,10 +28,13 @@ export interface Slots {
     status?: Snippet;
     infoLabel?: Snippet;
     infoStatus?: Snippet;
+    integrationVesselMenu?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationButton: import("svelte").Component<$$ComponentProps, {
     IntegrationButtonReadout: typeof IntegrationButtonReadout;
+    IntegrationButtonVariant: typeof IntegrationButtonVariant;
+    IntegrationButtonType: typeof IntegrationButtonType;
 }, "">;
 type ObcIntegrationButton = ReturnType<typeof ObcIntegrationButton>;
 export default ObcIntegrationButton;

package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte

@@ -1,11 +1,9 @@
 
   <script lang="ts">
-    export type {ObcIntegrationDropdownButtonChangeEvent} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-export type {HTMLTemplateResult} from 'lit';
+    export type {ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import { setProperties } from "../../util.js";
-      import type {ObcIntegrationDropdownButtonChangeEvent} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-import type {HTMLTemplateResult} from 'lit';
+      import type {ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -18,7 +16,7 @@ Example:
   { value: 'volvo', label: 'Volvo', icon: html`<obi-ship></obi-ship>` },
   { value: 'xc90', label: 'XC 90', icon: html`<obi-ship></obi-ship>` }
 ] */
-options?: { value: string; label: string; status?: string | undefined; icon: HTMLTemplateResult; disabled?: boolean | undefined; }[];
+options?: IntegrationDropdownOption[];
      hasFleet?: boolean;
      fleetLabel?: string;
       /** The value of the currently selected option. */

package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte.d.ts

@@ -1,6 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-import type { ObcIntegrationDropdownButtonChangeEvent } from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-import type { HTMLTemplateResult } from 'lit';
+import type { ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption } from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -12,13 +11,7 @@ Example:
 { value: 'volvo', label: 'Volvo', icon: html`<obi-ship></obi-ship>` },
 { value: 'xc90', label: 'XC 90', icon: html`<obi-ship></obi-ship>` }
 ] */
-    options?: {
-        value: string;
-        label: string;
-        status?: string | undefined;
-        icon: HTMLTemplateResult;
-        disabled?: boolean | undefined;
-    }[];
+    options?: IntegrationDropdownOption[];
     hasFleet?: boolean;
     fleetLabel?: string;
     /** The value of the currently selected option. */
@@ -39,7 +32,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationDropdownButton: import("svelte").Component<$$ComponentProps, {
     ObcIntegrationDropdownButtonChangeEvent: typeof ObcIntegrationDropdownButtonChangeEvent;
-    HTMLTemplateResult: typeof HTMLTemplateResult;
+    IntegrationDropdownOption: typeof IntegrationDropdownOption;
 }, "">;
 type ObcIntegrationDropdownButton = ReturnType<typeof ObcIntegrationDropdownButton>;
 export default ObcIntegrationDropdownButton;

package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte

@@ -0,0 +1,101 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     numberOfButtons?: number
+   }
+      export interface Events {
+    onButton1Click?: (event: CustomEvent<unknown>) => void;
+    onButton2Click?: (event: CustomEvent<unknown>) => void;
+    onButton3Click?: (event: CustomEvent<unknown>) => void
+  }
+      export interface Slots {
+  leadingIcon?: Snippet;
+  title?: Snippet;
+  button1LeadingIcon?: Snippet;
+  button1Label?: Snippet;
+  button2LeadingIcon?: Snippet;
+  button2Label?: Snippet;
+  button3LeadingIcon?: Snippet;
+  button3Label?: Snippet;
+  content?: Snippet;
+  alarms?: Snippet
+}
+      const {onButton1Click, onButton2Click, onButton3Click, class: className, style, leadingIcon, title, button1LeadingIcon, button1Label, button2LeadingIcon, button2Label, button3LeadingIcon, button3Label, content, alarms, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-integration-vessel-menu
+    use:setProperties={props}
+    class={className}
+    style={style}
+    onbutton1-click={onButton1Click}
+   onbutton2-click={onButton2Click}
+   onbutton3-click={onButton3Click} >
+      
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if title}
+        <div slot="title">
+          {@render title()}
+        </div>
+      {/if}
+
+      {#if button1LeadingIcon}
+        <div slot="button-1-leading-icon">
+          {@render button1LeadingIcon()}
+        </div>
+      {/if}
+
+      {#if button1Label}
+        <div slot="button-1-label">
+          {@render button1Label()}
+        </div>
+      {/if}
+
+      {#if button2LeadingIcon}
+        <div slot="button-2-leading-icon">
+          {@render button2LeadingIcon()}
+        </div>
+      {/if}
+
+      {#if button2Label}
+        <div slot="button-2-label">
+          {@render button2Label()}
+        </div>
+      {/if}
+
+      {#if button3LeadingIcon}
+        <div slot="button-3-leading-icon">
+          {@render button3LeadingIcon()}
+        </div>
+      {/if}
+
+      {#if button3Label}
+        <div slot="button-3-label">
+          {@render button3Label()}
+        </div>
+      {/if}
+
+      {#if content}
+        <div slot="content">
+          {@render content()}
+        </div>
+      {/if}
+
+      {#if alarms}
+        <div slot="alarms">
+          {@render alarms()}
+        </div>
+      {/if}
+    </obc-integration-vessel-menu>

package/dist/integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte.d.ts

@@ -0,0 +1,28 @@
+import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-vessel-menu/integration-vessel-menu.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    numberOfButtons?: number;
+}
+export interface Events {
+    onButton1Click?: (event: CustomEvent<unknown>) => void;
+    onButton2Click?: (event: CustomEvent<unknown>) => void;
+    onButton3Click?: (event: CustomEvent<unknown>) => void;
+}
+export interface Slots {
+    leadingIcon?: Snippet;
+    title?: Snippet;
+    button1LeadingIcon?: Snippet;
+    button1Label?: Snippet;
+    button2LeadingIcon?: Snippet;
+    button2Label?: Snippet;
+    button3LeadingIcon?: Snippet;
+    button3Label?: Snippet;
+    content?: Snippet;
+    alarms?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcIntegrationVesselMenu: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcIntegrationVesselMenu = ReturnType<typeof ObcIntegrationVesselMenu>;
+export default ObcIntegrationVesselMenu;

package/dist/integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte

@@ -9,6 +9,7 @@
       export interface Props {
      class?: string;
      style?: string;
+     hasTopbar?: boolean;
      hasFleet?: boolean
    }
       export interface Events {
@@ -16,9 +17,10 @@
   }
       export interface Slots {
   children?: Snippet;
-  fleet?: Snippet
+  fleet?: Snippet;
+  topbar?: Snippet
 }
-      const { class: className, style, children, fleet, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, fleet, topbar, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-integration-vessel-selector
@@ -36,4 +38,10 @@
           {@render fleet()}
         </div>
       {/if}
+
+      {#if topbar}
+        <div slot="topbar">
+          {@render topbar()}
+        </div>
+      {/if}
     </obc-integration-vessel-selector>

package/dist/integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte.d.ts

@@ -3,6 +3,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    hasTopbar?: boolean;
     hasFleet?: boolean;
 }
 export interface Events {
@@ -10,6 +11,7 @@ export interface Events {
 export interface Slots {
     children?: Snippet;
     fleet?: Snippet;
+    topbar?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationVesselSelector: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/manual-icon/ObiAlertsCriticalTwotone.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-critical-twotone.js';
+      import { setProperties } from "../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     useCssColor?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-alerts-critical-twotone
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-alerts-critical-twotone>

package/dist/manual-icon/ObiAlertsCriticalTwotone.svelte.d.ts

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-critical-twotone.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    useCssColor?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiAlertsCriticalTwotone: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiAlertsCriticalTwotone = ReturnType<typeof ObiAlertsCriticalTwotone>;
+export default ObiAlertsCriticalTwotone;

package/dist/manual-icon/ObiAlertsDiagnosticTwotone.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-diagnostic-twotone.js';
+      import { setProperties } from "../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     useCssColor?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-alerts-diagnostic-twotone
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-alerts-diagnostic-twotone>

package/dist/manual-icon/ObiAlertsDiagnosticTwotone.svelte.d.ts

@@ -0,0 +1,16 @@
+import '@oicl/openbridge-webcomponents/dist/manual-icon/icon-alerts-diagnostic-twotone.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    useCssColor?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiAlertsDiagnosticTwotone: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiAlertsDiagnosticTwotone = ReturnType<typeof ObiAlertsDiagnosticTwotone>;
+export default ObiAlertsDiagnosticTwotone;

package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte

@@ -2,6 +2,7 @@
   <script lang="ts">
     export type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 export type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
+export type {ReadoutVariant} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -10,6 +11,7 @@ export type {PropellerType} from '@oicl/openbridge-webcomponents/dist/navigation
       import { setProperties } from "../../util.js";
       import type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 import type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
+import type {ReadoutVariant} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -22,6 +24,7 @@ import type {PropellerType} from '@oicl/openbridge-webcomponents/dist/navigation
      label?: string;
      commandStatus?: CommandStatus;
      size?: AzimuthThrusterLabeledSize;
+     readoutVariant?: ReadoutVariant;
      angle?: number;
      angleSetpoint?: number | undefined;
      newAngleSetpoint?: number | undefined;

package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte.d.ts

@@ -1,6 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
 import type { CommandStatus } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 import type { AzimuthThrusterLabeledSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
+import type { ReadoutVariant } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -12,6 +13,7 @@ export interface Props {
     label?: string;
     commandStatus?: CommandStatus;
     size?: AzimuthThrusterLabeledSize;
+    readoutVariant?: ReadoutVariant;
     angle?: number;
     angleSetpoint?: number | undefined;
     newAngleSetpoint?: number | undefined;
@@ -44,6 +46,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAzimuthThrusterLabeled: import("svelte").Component<$$ComponentProps, {
     CommandStatus: typeof CommandStatus;
     AzimuthThrusterLabeledSize: typeof AzimuthThrusterLabeledSize;
+    ReadoutVariant: typeof ReadoutVariant;
     AngleAdvice: typeof AngleAdvice;
     LinearAdvice: typeof LinearAdvice;
     TickmarkStyle: typeof TickmarkStyle;

package/dist/navigation-instruments/compass/ObcCompass.svelte

@@ -27,15 +27,31 @@ import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dis
      animateSetpoint?: boolean;
      touching?: boolean;
      headingAdvices?: AngleAdvice[];
-     windSpeed?: number | null;
+     currentWindSpeedKnots?: number | null;
      windFromDirection?: number | null;
      currentSpeed?: number | null;
      currentFromDirection?: number | null;
      vesselImage?: VesselImage;
+      /** 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;
      rotType?: RotType;
      rotPosition?: RotPosition;
-     rotMaxValue?: number;
+      /** Bar-extent reference value in **degrees per minute**. The bar fills the
+full ±`rotArcExtent` arc when the measured ROT equals ±`rotMaxValue`.
+Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.
+
+Note: prior to the introduction of `rateOfTurnDegreesPerMinute` this
+property was interpreted in rotations per minute. The unit changed when
+the physical ROT API was introduced. */
+rotMaxValue?: number;
      rotArcExtent?: number;
      rotPortStarboard?: boolean;
      rotAtZeroDeadband?: number;

package/dist/navigation-instruments/compass/ObcCompass.svelte.d.ts

@@ -19,14 +19,30 @@ export interface Props {
     animateSetpoint?: boolean;
     touching?: boolean;
     headingAdvices?: AngleAdvice[];
-    windSpeed?: number | null;
+    currentWindSpeedKnots?: number | null;
     windFromDirection?: number | null;
     currentSpeed?: number | null;
     currentFromDirection?: number | null;
     vesselImage?: VesselImage;
+    /** 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;
     rotType?: RotType;
     rotPosition?: RotPosition;
+    /** Bar-extent reference value in **degrees per minute**. The bar fills the
+full ±`rotArcExtent` arc when the measured ROT equals ±`rotMaxValue`.
+Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.
+
+Note: prior to the introduction of `rateOfTurnDegreesPerMinute` this
+property was interpreted in rotations per minute. The unit changed when
+the physical ROT API was introduced. */
     rotMaxValue?: number;
     rotArcExtent?: number;
     rotPortStarboard?: boolean;

package/dist/navigation-instruments/compass-flat/ObcCompassFlat.svelte

@@ -23,8 +23,15 @@ import type {RotType} from '@oicl/openbridge-webcomponents/dist/navigation-instr
      priority?: Priority;
      priorityElements?: CompassFlatPriorityElement[];
      rotType?: RotType | undefined;
+      /** Measured rate of turn in degrees per minute (positive = starboard).
+When `undefined`, falls back to the deprecated `rotationsPerMinute`. */
+rateOfTurnDegreesPerMinute?: number | undefined;
+      /** Visual amplification applied only to the spinning dot animation. */
+rotDotAnimationFactor?: number;
      rotationsPerMinute?: number;
-     rotMaxValue?: number;
+      /** Bar-extent reference value in **degrees per minute**. Default `60`
+per ES-TRIN 2025/1 Art. 3.02. */
+rotMaxValue?: number;
      rotArcExtent?: number;
      rotPortStarboard?: boolean;
      rotAtZeroDeadband?: number

package/dist/navigation-instruments/compass-flat/ObcCompassFlat.svelte.d.ts

@@ -16,7 +16,14 @@ export interface Props {
     priority?: Priority;
     priorityElements?: CompassFlatPriorityElement[];
     rotType?: RotType | undefined;
+    /** Measured rate of turn in degrees per minute (positive = starboard).
+When `undefined`, falls back to the deprecated `rotationsPerMinute`. */
+    rateOfTurnDegreesPerMinute?: number | undefined;
+    /** Visual amplification applied only to the spinning dot animation. */
+    rotDotAnimationFactor?: number;
     rotationsPerMinute?: number;
+    /** Bar-extent reference value in **degrees per minute**. Default `60`
+per ES-TRIN 2025/1 Art. 3.02. */
     rotMaxValue?: number;
     rotArcExtent?: number;
     rotPortStarboard?: boolean;

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,15 +30,40 @@ 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