@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.140

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

@@ -0,0 +1,94 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-bar/integration-bar.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** Hides the home button when true */
+     hideHomeButton?: boolean;
+     /** Toggles rendering of the clock slot */
+     showClock?: boolean;
+     /** Toggles visibility of link button */
+     showLinkButton?: boolean;
+     /** Activated state of link button */
+     linkButtonActivated?: boolean;
+     /** Toggles visibility of user button */
+     showUserButton?: boolean;
+     /** Activated state of user button */
+     userButtonActivated?: boolean;
+     /** Toggles visibility of dimming button */
+     showDimmingButton?: boolean;
+     /** Activated state of dimming button */
+     dimmingButtonActivated?: boolean;
+     /** Toggles visibility of system button */
+     showSystemButton?: boolean;
+     /** Activated state of system button */
+     systemButtonActivated?: boolean;
+     /** Toggles visibility of screen button */
+     showScreenButton?: boolean;
+     /** Activated state of screen button */
+     screenButtonActivated?: boolean;
+     /** Toggles visibility of notification button */
+     showNotificationButton?: boolean;
+     /** Activated state of notification button */
+     notificationButtonActivated?: boolean;
+     /** Toggles visibility of alert button */
+     showAlertButton?: boolean;
+     /** Activated state of alert button */
+     alertButtonActivated?: boolean;
+     /** Toggles visibility of fleet button */
+     showFleetButton?: boolean;
+     /** Selected state of fleet button */
+     fleetButtonSelected?: boolean;
+     /** Active state of fleet button while selection is pending */
+     fleetButtonActivated?: boolean;
+     /** Label for the fleet button */
+     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
+}
+      const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-integration-bar
+    use:setProperties={props}
+    class={className}
+    style={style}
+    use:forwardEvents={{'fleet-button-click': onFleetButtonClick, 'link-button-clicked': onLinkButtonClicked, 'alert-button-clicked': onAlertButtonClicked, 'notification-button-clicked': onNotificationButtonClicked, 'screen-button-clicked': onScreenButtonClicked, 'system-button-clicked': onSystemButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'user-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}
+    </obc-integration-bar>

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

@@ -0,0 +1,65 @@
+import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-bar/integration-bar.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Hides the home button when true */
+    hideHomeButton?: boolean;
+    /** Toggles rendering of the clock slot */
+    showClock?: boolean;
+    /** Toggles visibility of link button */
+    showLinkButton?: boolean;
+    /** Activated state of link button */
+    linkButtonActivated?: boolean;
+    /** Toggles visibility of user button */
+    showUserButton?: boolean;
+    /** Activated state of user button */
+    userButtonActivated?: boolean;
+    /** Toggles visibility of dimming button */
+    showDimmingButton?: boolean;
+    /** Activated state of dimming button */
+    dimmingButtonActivated?: boolean;
+    /** Toggles visibility of system button */
+    showSystemButton?: boolean;
+    /** Activated state of system button */
+    systemButtonActivated?: boolean;
+    /** Toggles visibility of screen button */
+    showScreenButton?: boolean;
+    /** Activated state of screen button */
+    screenButtonActivated?: boolean;
+    /** Toggles visibility of notification button */
+    showNotificationButton?: boolean;
+    /** Activated state of notification button */
+    notificationButtonActivated?: boolean;
+    /** Toggles visibility of alert button */
+    showAlertButton?: boolean;
+    /** Activated state of alert button */
+    alertButtonActivated?: boolean;
+    /** Toggles visibility of fleet button */
+    showFleetButton?: boolean;
+    /** Selected state of fleet button */
+    fleetButtonSelected?: boolean;
+    /** Active state of fleet button while selection is pending */
+    fleetButtonActivated?: boolean;
+    /** Label for the fleet button */
+    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;
+}
+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-bar-dropdown/ObcIntegrationBarDropdown.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -48,11 +48,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onhome-button-clicked={onHomeButtonClicked}
-   ondimming-button-clicked={onDimmingButtonClicked}
-   onnotification-button-clicked={onNotificationButtonClicked}
-   onuser-button-clicked={onUserButtonClicked}
-   onsystem-button-clicked={onSystemButtonClicked} >
+    use:forwardEvents={{'home-button-clicked': onHomeButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'notification-button-clicked': onNotificationButtonClicked, 'user-button-clicked': onUserButtonClicked, 'system-button-clicked': onSystemButtonClicked}} >
       
       {#if vesselSelector}
         <div slot="vessel-selector">

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

@@ -1,24 +1,45 @@
 
   <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 { setProperties, forwardEvents } from "../../util.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;
      style?: string;
+     /** Shows the `trailing-icon` slot. */
      hasTrailingIcon?: boolean;
+     /**
+      * Shows the `trailing-icon2` slot.
+      *
+      * Available when `hasTrailingIcon==true`.
+      */
      hasTrailingIcon2?: boolean;
+     /** Shows the `leading-icon` slot. */
      hasLeadingIcon?: boolean;
+     /** Shows the `status` slot. */
+     hasStatus?: boolean;
+     /** List of readout items shown in the rich type. */
      readouts?: IntegrationButtonReadout[];
+     /** Disables the internal button. */
      disabled?: boolean;
+     /** Applies active state styling while a selection is pending. */
+     activated?: boolean;
+     /** Applies selected state styling. */
      selected?: boolean;
-     dividerBottom?: boolean
+     /** Shows a bottom divider under the button. */
+     dividerBottom?: boolean;
+     /** Shows a right divider to separate from adjacent buttons. */
+     dividerRight?: boolean;
+     /** Visual variant (`normal` or `flat`). */
+     variant?: IntegrationButtonVariant;
+     /** Layout type (`hug`, `regular`, or `rich`). */
+     type?: IntegrationButtonType
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   leadingIcon?: Snippet;
@@ -27,16 +48,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}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">
@@ -79,4 +101,10 @@
           {@render infoStatus()}
         </div>
       {/if}
+
+      {#if integrationVesselMenu}
+        <div slot="integration-vessel-menu">
+          {@render integrationVesselMenu()}
+        </div>
+      {/if}
     </obc-integration-button>

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

@@ -1,18 +1,40 @@
 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;
     style?: string;
+    /** Shows the `trailing-icon` slot. */
     hasTrailingIcon?: boolean;
+    /**
+     * Shows the `trailing-icon2` slot.
+     *
+     * Available when `hasTrailingIcon==true`.
+     */
     hasTrailingIcon2?: boolean;
+    /** Shows the `leading-icon` slot. */
     hasLeadingIcon?: boolean;
+    /** Shows the `status` slot. */
+    hasStatus?: boolean;
+    /** List of readout items shown in the rich type. */
     readouts?: IntegrationButtonReadout[];
+    /** Disables the internal button. */
     disabled?: boolean;
+    /** Applies active state styling while a selection is pending. */
+    activated?: boolean;
+    /** Applies selected state styling. */
     selected?: boolean;
+    /** Shows a bottom divider under the button. */
     dividerBottom?: boolean;
+    /** Shows a right divider to separate from adjacent buttons. */
+    dividerRight?: boolean;
+    /** Visual variant (`normal` or `flat`). */
+    variant?: IntegrationButtonVariant;
+    /** Layout type (`hug`, `regular`, or `rich`). */
+    type?: IntegrationButtonType;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     leadingIcon?: Snippet;
@@ -22,10 +44,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 { setProperties, forwardEvents } from "../../util.js";
+      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,17 +16,17 @@ 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. */
-value?: string | undefined;
+     /** The value of the currently selected option. */
+     value?: string | undefined;
      placeholder?: string;
      disabled?: boolean;
-      /** If true, the select expands to fill the width of its container. Default is false. */
-fullWidth?: boolean;
-      /** If true, the dropdown menu opens above the button. */
-openTop?: boolean
+     /** If true, the select expands to fill the width of its container. Default is false. */
+     fullWidth?: boolean;
+     /** If true, the dropdown menu opens above the button. */
+     openTop?: boolean
    }
       export interface Events {
     onChange?: (event: ObcIntegrationDropdownButtonChangeEvent) => void
@@ -43,7 +41,7 @@ openTop?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
       {#if fleet}
         <div slot="fleet">

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-fleet-button/ObcIntegrationFleetButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {IntegrationFleetButtonReadout} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {IntegrationFleetButtonReadout} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
       import type { Snippet } from 'svelte';
 
@@ -14,24 +14,27 @@
      status?: string;
      readouts?: IntegrationFleetButtonReadout[];
      alertTopic?: string;
-     alerts?: { alarm: number; warning: number; caution: number; }
+     alerts?: { alarm: number; warning: number; caution: number; };
+     showAlerts?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
-  children?: Snippet
+  alertTopicIcon?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, alertTopicIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-integration-fleet-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if alertTopicIcon}
+        <div slot="alert-topic-icon">
+          {@render alertTopicIcon()}
+        </div>
+      {/if}
     </obc-integration-fleet-button>

package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte.d.ts

@@ -14,11 +14,13 @@ export interface Props {
         warning: number;
         caution: number;
     };
+    showAlerts?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    alertTopicIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationFleetButton: import("svelte").Component<$$ComponentProps, {

package/dist/integration-systems/integration-tabs/ObcIntegrationTabs.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-tabs/integration-tabs.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -12,21 +12,21 @@
      selected?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-integration-tabs
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-integration-tabs>

package/dist/integration-systems/integration-tabs/ObcIntegrationTabs.svelte.d.ts

@@ -6,6 +6,7 @@ export interface Props {
     selected?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

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

@@ -0,0 +1,50 @@
+
+  <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;
+     hasActions?: boolean;
+     hasAlertList?: boolean;
+     hasContent?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  buttons?: Snippet;
+  content?: Snippet;
+  alarms?: Snippet
+}
+      const { class: className, style, buttons, content, alarms, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-integration-vessel-menu
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if buttons}
+        <div slot="buttons">
+          {@render buttons()}
+        </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,20 @@
+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;
+    hasActions?: boolean;
+    hasAlertList?: boolean;
+    hasContent?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    buttons?: 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>