@oicl/openbridge-webcomponents-svelte 2.0.0-next.166 → 2.0.0-next.167

package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte

@@ -3,6 +3,7 @@
     export type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
       import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcPaletteChangeEvent, ObcBrightnessChangeEvent, ObcLinkPaletteChangeEvent, ObcLinkBrightnessChangeEvent, ObcPalette, ObcBrillianceMenuVariant, ObcBrillianceInputVariant} from '@oicl/openbridge-webcomponents/dist/components/brilliance-menu/brilliance-menu.js';
       import type { Snippet } from 'svelte';
 
@@ -38,7 +39,9 @@
      /** The variant of the brightness input. */
      brightnessInputVariant?: ObcBrillianceInputVariant;
      /** If true, displays the screen control link. */
-     showScreenControlLink?: boolean
+     showScreenControlLink?: boolean;
+     /** If true, displays the additional screen controls slot. */
+     showAdditionalScreenControls?: boolean
    }
       export interface Events {
     onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -48,9 +51,9 @@
     onScreenControlLinkClicked?: (event: CustomEvent) => void
   }
       export interface Slots {
-  children?: Snippet
+  additionalScreenControls?: Snippet
 }
-      const {onPaletteChanged, onBrightnessChanged, onLinkPaletteChanged, onLinkBrightnessChanged, onScreenControlLinkClicked, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onPaletteChanged, onBrightnessChanged, onLinkPaletteChanged, onLinkBrightnessChanged, onScreenControlLinkClicked, class: className, style, additionalScreenControls, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -61,7 +64,7 @@
     style={style}
     use:forwardEvents={{'palette-changed': onPaletteChanged, 'brightness-changed': onBrightnessChanged, 'link-palette-changed': onLinkPaletteChanged, 'link-brightness-changed': onLinkBrightnessChanged, 'screen-control-link-clicked': onScreenControlLinkClicked}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if additionalScreenControls}
+        <NamedSlot name="additional-screen-controls" content={additionalScreenControls} />
+      {/if}
     </obc-brilliance-menu>

package/dist/components/brilliance-menu/ObcBrillianceMenu.svelte.d.ts

@@ -34,6 +34,8 @@ export interface Props {
     brightnessInputVariant?: ObcBrillianceInputVariant;
     /** If true, displays the screen control link. */
     showScreenControlLink?: boolean;
+    /** If true, displays the additional screen controls slot. */
+    showAdditionalScreenControls?: boolean;
 }
 export interface Events {
     onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -43,7 +45,7 @@ export interface Events {
     onScreenControlLinkClicked?: (event: CustomEvent) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    additionalScreenControls?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcBrillianceMenu: import("svelte").Component<$$ComponentProps, {

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

@@ -49,7 +49,9 @@
      /** Active state of fleet button while selection is pending */
      fleetButtonActivated?: boolean;
      /** Label for the fleet button */
-     fleetButtonLabel?: string
+     fleetButtonLabel?: string;
+     /** Renders the `right-tray-leading` slot first in the right-hand button group */
+     hasRightTrayLeading?: boolean
    }
       export interface Events {
     onFleetButtonClick?: (event: CustomEvent) => void;
@@ -64,9 +66,10 @@
       export interface Slots {
   clock?: Snippet;
   integrationButtons?: Snippet;
-  hugButtons?: Snippet
+  hugButtons?: Snippet;
+  rightTrayLeading?: Snippet
 }
-      const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, ...props} = $props<Props & Events & Slots>();
+      const {onFleetButtonClick, onLinkButtonClicked, onAlertButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onSystemButtonClicked, onDimmingButtonClicked, onUserButtonClicked, class: className, style, clock, integrationButtons, hugButtons, rightTrayLeading, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -88,4 +91,8 @@
       {#if hugButtons}
         <NamedSlot name="hug-buttons" content={hugButtons} />
       {/if}
+
+      {#if rightTrayLeading}
+        <NamedSlot name="right-tray-leading" content={rightTrayLeading} />
+      {/if}
     </obc-integration-bar>

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

@@ -43,6 +43,8 @@ export interface Props {
     fleetButtonActivated?: boolean;
     /** Label for the fleet button */
     fleetButtonLabel?: string;
+    /** Renders the `right-tray-leading` slot first in the right-hand button group */
+    hasRightTrayLeading?: boolean;
 }
 export interface Events {
     onFleetButtonClick?: (event: CustomEvent) => void;
@@ -58,6 +60,7 @@ export interface Slots {
     clock?: Snippet;
     integrationButtons?: Snippet;
     hugButtons?: Snippet;
+    rightTrayLeading?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationBar: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte

@@ -89,7 +89,9 @@
       */
      systemButtonActivated?: boolean;
      /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
-     nStatusFields?: number
+     nStatusFields?: number;
+     /** Renders the `right-tray-leading` slot first in the right-hand button group. */
+     hasRightTrayLeading?: boolean
    }
       export interface Events {
     onHomeButtonClicked?: (event: CustomEvent) => void;
@@ -109,9 +111,10 @@
   statusIcon2?: Snippet;
   statusLabel3?: Snippet;
   statusIcon3?: Snippet;
-  clock?: Snippet
+  clock?: Snippet;
+  rightTrayLeading?: Snippet
 }
-      const {onHomeButtonClicked, onLinkButtonClicked, onAlertButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, ...props} = $props<Props & Events & Slots>();
+      const {onHomeButtonClicked, onLinkButtonClicked, onAlertButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, rightTrayLeading, ...props} = $props<Props & Events & Slots>();
       
 
     </script>
@@ -153,4 +156,8 @@
       {#if clock}
         <NamedSlot name="clock" content={clock} />
       {/if}
+
+      {#if rightTrayLeading}
+        <NamedSlot name="right-tray-leading" content={rightTrayLeading} />
+      {/if}
     </obc-integration-bar-dropdown>

package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte.d.ts

@@ -83,6 +83,8 @@ export interface Props {
     systemButtonActivated?: boolean;
     /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
     nStatusFields?: number;
+    /** Renders the `right-tray-leading` slot first in the right-hand button group. */
+    hasRightTrayLeading?: boolean;
 }
 export interface Events {
     onHomeButtonClicked?: (event: CustomEvent) => void;
@@ -103,6 +105,7 @@ export interface Slots {
     statusLabel3?: Snippet;
     statusIcon3?: Snippet;
     clock?: Snippet;
+    rightTrayLeading?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationBarDropdown: import("svelte").Component<$$ComponentProps, {}, "">;

package/package.json

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