@oicl/openbridge-webcomponents-svelte 2.0.0-next.5 → 2.0.0-next.51

package/dist/components/stepper-box/ObcStepperBox.svelte

@@ -16,21 +16,38 @@
 
 Changing this property updates the icons and directionality of the stepper buttons. */
 type?: ObcStepperBoxType;
-      /** If true, displays the `helper-text` slot content below the control for additional guidance or status. */
-hasHelperText?: boolean;
       /** If true, the stepper box is disabled and the buttons are not clickable. */
-disabled?: boolean
+disabled?: boolean;
+      /** The current numeric value displayed in the field.
+Pass `null` to clear the value and show the `placeholder` instead. */
+value?: number | null;
+      /** Optional lower bound; decrement button disables at this value. */
+min?: number | undefined;
+      /** Optional upper bound; increment button disables at this value. */
+max?: number | undefined;
+      /** Increment step size (default 1). */
+stepUp?: number;
+      /** Decrement step size (default 1). */
+stepDown?: number;
+      /** Unit text displayed inside the field. Overridden by the `unit` slot if assigned. */
+unit?: string;
+      /** Helper text displayed below the stepper. When set, the helper text is shown. */
+helperText?: string;
+      /** Placeholder text shown when the input is empty. */
+placeholder?: string;
+      /** If true, the input is non-editable; programmatic value changes still apply. */
+readonly?: boolean
    }
       export interface Events {
-    onDown?: (event: CustomEvent<void>) => void;
-    onUp?: (event: CustomEvent<void>) => void
+    onDown?: (event: CustomEvent<{value: number}>) => void;
+    onUp?: (event: CustomEvent<{value: number}>) => void;
+    onInput?: (event: CustomEvent<{value: string}>) => void;
+    onChange?: (event: CustomEvent<{value: number | null}>) => void
   }
       export interface Slots {
-  children?: Snippet;
-  unit?: Snippet;
-  helperText?: Snippet
+  unitSnippet?: Snippet
 }
-      const {onDown, onUp, class: className, style, children, unit, helperText, ...props} = $props<Props & Events & Slots>();
+      const {onDown, onUp, onInput, onChange, class: className, style, unitSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-stepper-box
@@ -38,21 +55,13 @@ disabled?: boolean
     class={className}
     style={style}
     ondown={onDown}
-   onup={onUp} >
+   onup={onUp}
+   oninput={onInput}
+   onchange={onChange} >
       
-      {#if children}
-        {@render children()}
-      {/if}
-
-      {#if unit}
+      {#if unitSnippet}
         <div slot="unit">
-          {@render unit()}
-        </div>
-      {/if}
-
-      {#if helperText}
-        <div slot="helper-text">
-          {@render helperText()}
+          {@render unitSnippet()}
         </div>
       {/if}
     </obc-stepper-box>

package/dist/components/stepper-box/ObcStepperBox.svelte.d.ts

@@ -11,19 +11,44 @@ export interface Props {
 
 Changing this property updates the icons and directionality of the stepper buttons. */
     type?: ObcStepperBoxType;
-    /** If true, displays the `helper-text` slot content below the control for additional guidance or status. */
-    hasHelperText?: boolean;
     /** If true, the stepper box is disabled and the buttons are not clickable. */
     disabled?: boolean;
+    /** The current numeric value displayed in the field.
+Pass `null` to clear the value and show the `placeholder` instead. */
+    value?: number | null;
+    /** Optional lower bound; decrement button disables at this value. */
+    min?: number | undefined;
+    /** Optional upper bound; increment button disables at this value. */
+    max?: number | undefined;
+    /** Increment step size (default 1). */
+    stepUp?: number;
+    /** Decrement step size (default 1). */
+    stepDown?: number;
+    /** Unit text displayed inside the field. Overridden by the `unit` slot if assigned. */
+    unit?: string;
+    /** Helper text displayed below the stepper. When set, the helper text is shown. */
+    helperText?: string;
+    /** Placeholder text shown when the input is empty. */
+    placeholder?: string;
+    /** If true, the input is non-editable; programmatic value changes still apply. */
+    readonly?: boolean;
 }
 export interface Events {
-    onDown?: (event: CustomEvent<void>) => void;
-    onUp?: (event: CustomEvent<void>) => void;
+    onDown?: (event: CustomEvent<{
+        value: number;
+    }>) => void;
+    onUp?: (event: CustomEvent<{
+        value: number;
+    }>) => void;
+    onInput?: (event: CustomEvent<{
+        value: string;
+    }>) => void;
+    onChange?: (event: CustomEvent<{
+        value: number | null;
+    }>) => void;
 }
 export interface Slots {
-    children?: Snippet;
-    unit?: Snippet;
-    helperText?: Snippet;
+    unitSnippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcStepperBox: import("svelte").Component<$$ComponentProps, {

package/dist/components/tab-item/ObcTabItem.svelte

@@ -59,6 +59,14 @@ Can be overridden by slotting content into the `title` slot.
 
 Default: 'Tab title' */
 title?: string;
+      /** Shows contextual text below the tab title.
+
+Default: false */
+showSubtitle?: boolean;
+      /** Contextual text shown below the tab title when `showSubtitle` is true.
+
+Default: '' */
+subtitle?: string;
       /** Disables the tab, preventing user interaction and applying disabled styles.
 
 Default: false */
@@ -93,10 +101,10 @@ showLeadingBadgeIcon?: boolean
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  title?: Snippet;
+  titleSnippet?: Snippet;
   badgeIcon?: Snippet
 }
-      const {onTabClick, onTabClose, class: className, style, leadingIcon, title, badgeIcon, ...props} = $props<Props & Events & Slots>();
+      const {onTabClick, onTabClose, class: className, style, leadingIcon, titleSnippet, badgeIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-tab-item
@@ -112,9 +120,9 @@ showLeadingBadgeIcon?: boolean
         </div>
       {/if}
 
-      {#if title}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 

package/dist/components/tab-item/ObcTabItem.svelte.d.ts

@@ -53,6 +53,14 @@ Can be overridden by slotting content into the `title` slot.
 
 Default: 'Tab title' */
     title?: string;
+    /** Shows contextual text below the tab title.
+
+Default: false */
+    showSubtitle?: boolean;
+    /** Contextual text shown below the tab title when `showSubtitle` is true.
+
+Default: '' */
+    subtitle?: string;
     /** Disables the tab, preventing user interaction and applying disabled styles.
 
 Default: false */
@@ -91,7 +99,7 @@ export interface Events {
 }
 export interface Slots {
     leadingIcon?: Snippet;
-    title?: Snippet;
+    titleSnippet?: Snippet;
     badgeIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/components/tab-row/ObcTabRow.svelte

@@ -9,10 +9,12 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
+      /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
 
 - `id` (string): Unique identifier for the tab.
 - `title` (string): Display label for the tab.
+- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.
+- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.
 - `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).
 - `hasBadge` (boolean): Whether to show a badge on the tab.
 - `badgeCount` (number): Number to display in the badge.
@@ -34,6 +36,10 @@ hasClose?: boolean;
 
 Default: `false`. */
 hug?: boolean;
+      /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`.
+
+Default: `false`. */
+showSubtitle?: boolean;
       /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event.
 
 Default: `false`. */

package/dist/components/tab-row/ObcTabRow.svelte.d.ts

@@ -4,10 +4,12 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
+    /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
 
 - `id` (string): Unique identifier for the tab.
 - `title` (string): Display label for the tab.
+- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.
+- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.
 - `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).
 - `hasBadge` (boolean): Whether to show a badge on the tab.
 - `badgeCount` (number): Number to display in the badge.
@@ -29,6 +31,10 @@ Default: `false`. */
 
 Default: `false`. */
     hug?: boolean;
+    /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`.
+
+Default: `false`. */
+    showSubtitle?: boolean;
     /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event.
 
 Default: `false`. */

package/dist/components/tag/ObcTag.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {TagColor} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
+    export type {TagColor, TagSize} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
       import '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
       import { setProperties } from "../../util.js";
-      import type {TagColor} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
+      import type {TagColor, TagSize} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -11,6 +11,7 @@
      style?: string;
      label?: string;
      color?: TagColor;
+     size?: TagSize;
      hasIcon?: boolean
    }
       export interface Events {

package/dist/components/tag/ObcTag.svelte.d.ts

@@ -1,11 +1,12 @@
 import '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
-import type { TagColor } from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
+import type { TagColor, TagSize } from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     label?: string;
     color?: TagColor;
+    size?: TagSize;
     hasIcon?: boolean;
 }
 export interface Events {
@@ -16,6 +17,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcTag: import("svelte").Component<$$ComponentProps, {
     TagColor: typeof TagColor;
+    TagSize: typeof TagSize;
 }, "">;
 type ObcTag = ReturnType<typeof ObcTag>;
 export default ObcTag;

package/dist/components/title-container/ObcTitleContainer.svelte

@@ -19,10 +19,10 @@
       export interface Slots {
   icon?: Snippet;
   title?: Snippet;
-  label?: Snippet;
+  labelSnippet?: Snippet;
   actions?: Snippet
 }
-      const {onActionClick, class: className, style, icon, title, label, actions, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, class: className, style, icon, title, labelSnippet, actions, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-title-container
@@ -43,9 +43,9 @@
         </div>
       {/if}
 
-      {#if label}
+      {#if labelSnippet}
         <div slot="label">
-          {@render label()}
+          {@render labelSnippet()}
         </div>
       {/if}
 

package/dist/components/title-container/ObcTitleContainer.svelte.d.ts

@@ -16,7 +16,7 @@ export interface Events {
 export interface Slots {
     icon?: Snippet;
     title?: Snippet;
-    label?: Snippet;
+    labelSnippet?: Snippet;
     actions?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/index.d.ts

@@ -2143,11 +2143,13 @@ export { default as ObiWrench } from './icons/ObiWrench.svelte';
 export { default as ObiYaw } from './icons/ObiYaw.svelte';
 export { default as ObiIcon } from './icons/ObiIcon.svelte';
 export { default as ObcIntegrationAppBar } from './integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte';
+export { default as ObcIntegrationBar } from './integration-systems/integration-bar/ObcIntegrationBar.svelte';
 export { default as ObcIntegrationBarDropdown } from './integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte';
 export { default as ObcIntegrationButton } from './integration-systems/integration-button/ObcIntegrationButton.svelte';
 export { default as ObcIntegrationDropdownButton } from './integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte';
 export { default as ObcIntegrationFleetButton } from './integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte';
 export { default as ObcIntegrationTabs } from './integration-systems/integration-tabs/ObcIntegrationTabs.svelte';
+export { default as ObcIntegrationVesselMenu } from './integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte';
 export { default as ObcIntegrationVesselSelector } from './integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte';
 export { default as ObcAzimuthThruster } from './navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte';
 export { default as ObcAzimuthThrusterLabeled } from './navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte';
@@ -2158,22 +2160,38 @@ export { default as ObcCompassFlat } from './navigation-instruments/compass-flat
 export { default as ObcCompassIndicator } from './navigation-instruments/compass-indicator/ObcCompassIndicator.svelte';
 export { default as ObcCompassSector } from './navigation-instruments/compass-sector/ObcCompassSector.svelte';
 export { default as ObcDepthActual } from './navigation-instruments/depth-actual/ObcDepthActual.svelte';
+export { default as ObcDepthIndicator } from './navigation-instruments/depth-indicator/ObcDepthIndicator.svelte';
+export { default as ObcGaugeBarIndicator } from './navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte';
 export { default as ObcGaugeHorizontal } from './navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte';
 export { default as ObcGaugeRadial } from './navigation-instruments/gauge-radial/ObcGaugeRadial.svelte';
+export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte';
 export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
+export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
 export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
 export { default as ObcGraphMini } from './navigation-instruments/graph-mini/ObcGraphMini.svelte';
 export { default as ObcHeading } from './navigation-instruments/heading/ObcHeading.svelte';
+export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
 export { default as ObcHeave } from './navigation-instruments/heave/ObcHeave.svelte';
+export { default as ObcHeaveIndicator } from './navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte';
 export { default as ObcInstrumentField } from './navigation-instruments/instrument-field/ObcInstrumentField.svelte';
 export { default as ObcMainEngine } from './navigation-instruments/main-engine/ObcMainEngine.svelte';
+export { default as ObcMainEngineIndicator } from './navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte';
 export { default as ObcPitch } from './navigation-instruments/pitch/ObcPitch.svelte';
+export { default as ObcPitchIndicator } from './navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte';
 export { default as ObcPitchRoll } from './navigation-instruments/pitch-roll/ObcPitchRoll.svelte';
+export { default as ObcPropulsionAzimuthIndicator } from './navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte';
+export { default as ObcTunnelThruster } from './navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte';
 export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
+export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
+export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
+export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
+export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
 export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';
+export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
 export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';
 export { default as ObcRotSector } from './navigation-instruments/rot-sector/ObcRotSector.svelte';
 export { default as ObcRudder } from './navigation-instruments/rudder/ObcRudder.svelte';
+export { default as ObcRudderIndicator } from './navigation-instruments/rudder-indicator/ObcRudderIndicator.svelte';
 export { default as ObcSpeedArrows } from './navigation-instruments/speed-arrows/ObcSpeedArrows.svelte';
 export { default as ObcSpeedGauge } from './navigation-instruments/speed-gauge/ObcSpeedGauge.svelte';
 export { default as ObcSpeedIndicator } from './navigation-instruments/speed-indicator/ObcSpeedIndicator.svelte';
@@ -2183,5 +2201,6 @@ export { default as ObcWatch } from './navigation-instruments/watch/ObcWatch.sve
 export { default as ObcWatchFlat } from './navigation-instruments/watch-flat/ObcWatchFlat.svelte';
 export { default as ObcWind } from './navigation-instruments/wind/ObcWind.svelte';
 export { default as ObcWindIndicator } from './navigation-instruments/wind-indicator/ObcWindIndicator.svelte';
+export { default as ObcWindPropulsion } from './navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte';
 export { default as ObcAlertDetailPage } from './pages/alert-detail-page/ObcAlertDetailPage.svelte';
 export { default as ObcAlertListPageSmall } from './pages/alert-list-page-small/ObcAlertListPageSmall.svelte';

package/dist/index.js

@@ -2143,11 +2143,13 @@ export { default as ObiWrench } from './icons/ObiWrench.svelte';
 export { default as ObiYaw } from './icons/ObiYaw.svelte';
 export { default as ObiIcon } from './icons/ObiIcon.svelte';
 export { default as ObcIntegrationAppBar } from './integration-systems/integration-app-bar/ObcIntegrationAppBar.svelte';
+export { default as ObcIntegrationBar } from './integration-systems/integration-bar/ObcIntegrationBar.svelte';
 export { default as ObcIntegrationBarDropdown } from './integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte';
 export { default as ObcIntegrationButton } from './integration-systems/integration-button/ObcIntegrationButton.svelte';
 export { default as ObcIntegrationDropdownButton } from './integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte';
 export { default as ObcIntegrationFleetButton } from './integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte';
 export { default as ObcIntegrationTabs } from './integration-systems/integration-tabs/ObcIntegrationTabs.svelte';
+export { default as ObcIntegrationVesselMenu } from './integration-systems/integration-vessel-menu/ObcIntegrationVesselMenu.svelte';
 export { default as ObcIntegrationVesselSelector } from './integration-systems/integration-vessel-selector/ObcIntegrationVesselSelector.svelte';
 export { default as ObcAzimuthThruster } from './navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte';
 export { default as ObcAzimuthThrusterLabeled } from './navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte';
@@ -2158,22 +2160,38 @@ export { default as ObcCompassFlat } from './navigation-instruments/compass-flat
 export { default as ObcCompassIndicator } from './navigation-instruments/compass-indicator/ObcCompassIndicator.svelte';
 export { default as ObcCompassSector } from './navigation-instruments/compass-sector/ObcCompassSector.svelte';
 export { default as ObcDepthActual } from './navigation-instruments/depth-actual/ObcDepthActual.svelte';
+export { default as ObcDepthIndicator } from './navigation-instruments/depth-indicator/ObcDepthIndicator.svelte';
+export { default as ObcGaugeBarIndicator } from './navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte';
 export { default as ObcGaugeHorizontal } from './navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte';
 export { default as ObcGaugeRadial } from './navigation-instruments/gauge-radial/ObcGaugeRadial.svelte';
+export { default as ObcGaugeRadialIndicator } from './navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte';
 export { default as ObcGaugeTrend } from './navigation-instruments/gauge-trend/ObcGaugeTrend.svelte';
+export { default as ObcGaugeTrendIndicator } from './navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte';
 export { default as ObcGaugeVertical } from './navigation-instruments/gauge-vertical/ObcGaugeVertical.svelte';
 export { default as ObcGraphMini } from './navigation-instruments/graph-mini/ObcGraphMini.svelte';
 export { default as ObcHeading } from './navigation-instruments/heading/ObcHeading.svelte';
+export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
 export { default as ObcHeave } from './navigation-instruments/heave/ObcHeave.svelte';
+export { default as ObcHeaveIndicator } from './navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte';
 export { default as ObcInstrumentField } from './navigation-instruments/instrument-field/ObcInstrumentField.svelte';
 export { default as ObcMainEngine } from './navigation-instruments/main-engine/ObcMainEngine.svelte';
+export { default as ObcMainEngineIndicator } from './navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte';
 export { default as ObcPitch } from './navigation-instruments/pitch/ObcPitch.svelte';
+export { default as ObcPitchIndicator } from './navigation-instruments/pitch-indicator/ObcPitchIndicator.svelte';
 export { default as ObcPitchRoll } from './navigation-instruments/pitch-roll/ObcPitchRoll.svelte';
+export { default as ObcPropulsionAzimuthIndicator } from './navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte';
+export { default as ObcTunnelThruster } from './navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte';
 export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
+export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
+export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
+export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
+export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
 export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';
+export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
 export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';
 export { default as ObcRotSector } from './navigation-instruments/rot-sector/ObcRotSector.svelte';
 export { default as ObcRudder } from './navigation-instruments/rudder/ObcRudder.svelte';
+export { default as ObcRudderIndicator } from './navigation-instruments/rudder-indicator/ObcRudderIndicator.svelte';
 export { default as ObcSpeedArrows } from './navigation-instruments/speed-arrows/ObcSpeedArrows.svelte';
 export { default as ObcSpeedGauge } from './navigation-instruments/speed-gauge/ObcSpeedGauge.svelte';
 export { default as ObcSpeedIndicator } from './navigation-instruments/speed-indicator/ObcSpeedIndicator.svelte';
@@ -2183,5 +2201,6 @@ export { default as ObcWatch } from './navigation-instruments/watch/ObcWatch.sve
 export { default as ObcWatchFlat } from './navigation-instruments/watch-flat/ObcWatchFlat.svelte';
 export { default as ObcWind } from './navigation-instruments/wind/ObcWind.svelte';
 export { default as ObcWindIndicator } from './navigation-instruments/wind-indicator/ObcWindIndicator.svelte';
+export { default as ObcWindPropulsion } from './navigation-instruments/wind-propulsion/ObcWindPropulsion.svelte';
 export { default as ObcAlertDetailPage } from './pages/alert-detail-page/ObcAlertDetailPage.svelte';
 export { default as ObcAlertListPageSmall } from './pages/alert-list-page-small/ObcAlertListPageSmall.svelte';

package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte

@@ -0,0 +1,88 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-bar/integration-bar.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     hideHomeButton?: boolean;
+     showClock?: boolean;
+     showLinkButton?: boolean;
+     linkButtonActivated?: boolean;
+     showUserButton?: boolean;
+     userButtonActivated?: boolean;
+     showDimmingButton?: boolean;
+     dimmingButtonActivated?: boolean;
+     showSystemButton?: boolean;
+     systemButtonActivated?: boolean;
+     showScreenButton?: boolean;
+     screenButtonActivated?: boolean;
+     showNotificationButton?: boolean;
+     notificationButtonActivated?: boolean;
+     showAlertButton?: boolean;
+     alertButtonActivated?: boolean;
+     showFleetButton?: boolean;
+     fleetButtonSelected?: boolean;
+     fleetButtonActivated?: boolean;
+     fleetButtonLabel?: string
+   }
+      export interface Events {
+    onFleetButtonClick?: (event: CustomEvent<unknown>) => void;
+    onLinkButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onAlertButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onNotificationButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onScreenButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onSystemButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onUserButtonClicked?: (event: CustomEvent<unknown>) => void
+  }
+      export interface Slots {
+  clock?: Snippet;
+  integrationButtons?: Snippet;
+  hugButtons?: Snippet;
+  vesselIntegrationMenu?: Snippet
+}
+      const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, vesselIntegrationMenu, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-integration-bar
+    use:setProperties={props}
+    class={className}
+    style={style}
+    onfleet-button-click={onFleetButtonClick}
+   onlink-button-clicked={onLinkButtonClicked}
+   onalert-button-clicked={onAlertButtonClicked}
+   onnotification-button-clicked={onNotificationButtonClicked}
+   onscreen-button-clicked={onScreenButtonClicked}
+   onsystem-button-clicked={onSystemButtonClicked}
+   ondimming-button-clicked={onDimmingButtonClicked}
+   onuser-button-clicked={onUserButtonClicked} >
+      
+      {#if clock}
+        <div slot="clock">
+          {@render clock()}
+        </div>
+      {/if}
+
+      {#if integrationButtons}
+        <div slot="integration-buttons">
+          {@render integrationButtons()}
+        </div>
+      {/if}
+
+      {#if hugButtons}
+        <div slot="hug-buttons">
+          {@render hugButtons()}
+        </div>
+      {/if}
+
+      {#if vesselIntegrationMenu}
+        <div slot="vessel-integration-menu">
+          {@render vesselIntegrationMenu()}
+        </div>
+      {/if}
+    </obc-integration-bar>

package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte.d.ts

@@ -0,0 +1,46 @@
+import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-bar/integration-bar.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    hideHomeButton?: boolean;
+    showClock?: boolean;
+    showLinkButton?: boolean;
+    linkButtonActivated?: boolean;
+    showUserButton?: boolean;
+    userButtonActivated?: boolean;
+    showDimmingButton?: boolean;
+    dimmingButtonActivated?: boolean;
+    showSystemButton?: boolean;
+    systemButtonActivated?: boolean;
+    showScreenButton?: boolean;
+    screenButtonActivated?: boolean;
+    showNotificationButton?: boolean;
+    notificationButtonActivated?: boolean;
+    showAlertButton?: boolean;
+    alertButtonActivated?: boolean;
+    showFleetButton?: boolean;
+    fleetButtonSelected?: boolean;
+    fleetButtonActivated?: boolean;
+    fleetButtonLabel?: string;
+}
+export interface Events {
+    onFleetButtonClick?: (event: CustomEvent<unknown>) => void;
+    onLinkButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onAlertButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onNotificationButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onScreenButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onSystemButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onUserButtonClicked?: (event: CustomEvent<unknown>) => void;
+}
+export interface Slots {
+    clock?: Snippet;
+    integrationButtons?: Snippet;
+    hugButtons?: Snippet;
+    vesselIntegrationMenu?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcIntegrationBar: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcIntegrationBar = ReturnType<typeof ObcIntegrationBar>;
+export default ObcIntegrationBar;

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

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {IntegrationButtonReadout} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
+    export type {IntegrationButtonReadout, IntegrationButtonVariant, IntegrationButtonType} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-button/integration-button.js';
       import { setProperties } from "../../util.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 {
@@ -12,13 +12,18 @@
      hasTrailingIcon?: boolean;
      hasTrailingIcon2?: boolean;
      hasLeadingIcon?: boolean;
+     hasStatus?: boolean;
      readouts?: IntegrationButtonReadout[];
      disabled?: boolean;
+     activated?: boolean;
      selected?: boolean;
-     dividerBottom?: boolean
+     dividerBottom?: boolean;
+     dividerRight?: boolean;
+     variant?: IntegrationButtonVariant;
+     type?: IntegrationButtonType
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   leadingIcon?: Snippet;
@@ -27,16 +32,17 @@
   label?: Snippet;
   status?: Snippet;
   infoLabel?: Snippet;
-  infoStatus?: Snippet
+  infoStatus?: Snippet;
+  integrationVesselMenu?: Snippet
 }
-      const { class: className, style, leadingIcon, trailingIcon, trailingIcon2, label, status, infoLabel, infoStatus, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, leadingIcon, trailingIcon, trailingIcon2, label, status, infoLabel, infoStatus, integrationVesselMenu, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-integration-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    onclick={onClick} >
       
       {#if leadingIcon}
         <div slot="leading-icon">
@@ -79,4 +85,10 @@
           {@render infoStatus()}
         </div>
       {/if}
+
+      {#if integrationVesselMenu}
+        <div slot="integration-vessel-menu">
+          {@render integrationVesselMenu()}
+        </div>
+      {/if}
     </obc-integration-button>