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

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';

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';

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>

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-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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.50",
+  "version": "2.0.0-next.51",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",
@@ -31,7 +31,7 @@
     }
   },
   "dependencies": {
-    "@oicl/openbridge-webcomponents": "^2.0.0-next.49"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.50"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"