@oicl/openbridge-webcomponents-svelte 2.0.0-next.15 → 2.0.0-next.151

package/dist/components/alert-subsystem-counter/ObcAlertSubsystemCounter.svelte

@@ -0,0 +1,49 @@
+
+  <script lang="ts">
+    export type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
+      import '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
+      import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {ObcAlertSubsystemCounterOrientation} from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     /** The subsystem label. Pass a full title or an abbreviation as plain text. */
+     label?: string;
+     /** Layout direction: `horizontal` (default) keeps icon, label and badges in one row; `vertical` moves the badges (or empty text) to a line below the label. */
+     orientation?: ObcAlertSubsystemCounterOrientation;
+     /** Whether the subsystem has active alerts. `true` shows the label bold and renders the `badges` slot; `false` mutes the label and shows `emptyText` instead of the badges. */
+     hasAlert?: boolean;
+     /**
+      * Text shown in the trailing area when `hasAlert` is `false`.
+      *
+      * Available when `hasAlert==false`.
+      */
+     emptyText?: string
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet;
+  badges?: Snippet
+}
+      const { class: className, style, icon, badges, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-alert-subsystem-counter
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <NamedSlot name="icon" content={icon} />
+      {/if}
+
+      {#if badges}
+        <NamedSlot name="badges" content={badges} />
+      {/if}
+    </obc-alert-subsystem-counter>

package/dist/components/alert-subsystem-counter/ObcAlertSubsystemCounter.svelte.d.ts

@@ -0,0 +1,31 @@
+import '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
+import type { ObcAlertSubsystemCounterOrientation } from '@oicl/openbridge-webcomponents/dist/components/alert-subsystem-counter/alert-subsystem-counter.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** The subsystem label. Pass a full title or an abbreviation as plain text. */
+    label?: string;
+    /** Layout direction: `horizontal` (default) keeps icon, label and badges in one row; `vertical` moves the badges (or empty text) to a line below the label. */
+    orientation?: ObcAlertSubsystemCounterOrientation;
+    /** Whether the subsystem has active alerts. `true` shows the label bold and renders the `badges` slot; `false` mutes the label and shows `emptyText` instead of the badges. */
+    hasAlert?: boolean;
+    /**
+     * Text shown in the trailing area when `hasAlert` is `false`.
+     *
+     * Available when `hasAlert==false`.
+     */
+    emptyText?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+    badges?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcAlertSubsystemCounter: import("svelte").Component<$$ComponentProps, {
+    ObcAlertSubsystemCounterOrientation: typeof ObcAlertSubsystemCounterOrientation;
+}, "">;
+type ObcAlertSubsystemCounter = ReturnType<typeof ObcAlertSubsystemCounter>;
+export default ObcAlertSubsystemCounter;

package/dist/components/app-button/ObcAppButton.svelte

@@ -2,7 +2,8 @@
   <script lang="ts">
     export type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
       import type { Snippet } from 'svelte';
 
@@ -11,34 +12,32 @@
      style?: string;
       /** Sets the button's text label. */
 label?: string;
-      /** If true, applies the "checked" visual style to indicate selection or active state. */
-checked?: boolean;
-      /** If true, shows the button's label. */
-showLabel?: boolean;
-      /** If true, applies integration styles for the integration app bar. */
-integration?: boolean;
+     /** If true, applies the "checked" visual style to indicate selection or active state. */
+     checked?: boolean;
+     /** If true, shows the button's label. */
+     showLabel?: boolean;
+     /** If true, applies integration styles for the integration app bar. */
+     integration?: boolean;
       /** Controls the button's size variant. Accepts `'normal'` (default) or `'small'`. */
 size?: AppButtonSize;
      disabled?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   icon?: Snippet
 }
-      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-app-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-app-button>

package/dist/components/app-button/ObcAppButton.svelte.d.ts

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

package/dist/components/app-menu/ObcAppMenu.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/app-menu/app-menu.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -24,7 +24,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onsearch={onSearch} >
+    use:forwardEvents={{'search': onSearch}} >
       
       {#if children}
         {@render children()}

package/dist/components/attachment-list-item/ObcAttachmentListItem.svelte

@@ -2,37 +2,50 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/attachment-list-item/attachment-list-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The file name or label text displayed in the item. */
-label?: string;
-      /** Optional index text displayed before the icon (e.g., "01"). */
-index?: string;
-      /** Whether to show the index. */
-hasIndex?: boolean;
-      /** Whether to show the leading icon slot. */
-hasLeadingIcon?: boolean;
-      /** Whether to show the tag slot. */
-hasTag?: boolean;
-      /** Whether to show the date and time. */
-hasTimeDate?: boolean;
-      /** The date string to display (e.g., "09 May 2025"). */
-date?: string;
-      /** The time string to display (e.g., "10:41:32"). */
-time?: string;
-      /** Whether to show the trailing action slot. */
-hasTrailingAction?: boolean;
-      /** Whether to show the bottom divider. */
-showDivider?: boolean;
-      /** Whether the item is in amplified (highlighted) state. */
-amplified?: boolean;
-      /** Whether the item is disabled. */
-disabled?: boolean
+     /** The file name or label text displayed in the item. */
+     label?: string;
+     /**
+      * Optional index text displayed before the icon (e.g., "01").
+      *
+      * Available when `hasIndex==true`.
+      */
+     index?: string;
+     /** Whether to show the index. */
+     hasIndex?: boolean;
+     /** Whether to show the leading icon slot. */
+     hasLeadingIcon?: boolean;
+     /** Whether to show the tag slot. */
+     hasTag?: boolean;
+     /** Whether to show the date and time. */
+     hasTimeDate?: boolean;
+     /**
+      * The date string to display (e.g., "09 May 2025").
+      *
+      * Available when `hasTimeDate==true`.
+      */
+     date?: string;
+     /**
+      * The time string to display (e.g., "10:41:32").
+      *
+      * Available when `hasTimeDate==true`.
+      */
+     time?: string;
+     /** Whether to show the trailing action slot. */
+     hasTrailingAction?: boolean;
+     /** Whether to show the bottom divider. */
+     showDivider?: boolean;
+     /** Whether the item is in amplified (highlighted) state. */
+     amplified?: boolean;
+     /** Whether the item is disabled. */
+     disabled?: boolean
    }
       export interface Events {
     onAttachmentItemClick?: (event: CustomEvent<{label: string}>) => void
@@ -49,23 +62,17 @@ disabled?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onattachment-item-click={onAttachmentItemClick} >
+    use:forwardEvents={{'attachment-item-click': onAttachmentItemClick}} >
       
       {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
+        <NamedSlot name="leading-icon" content={leadingIcon} />
       {/if}
 
       {#if tag}
-        <div slot="tag">
-          {@render tag()}
-        </div>
+        <NamedSlot name="tag" content={tag} />
       {/if}
 
       {#if trailingAction}
-        <div slot="trailing-action">
-          {@render trailingAction()}
-        </div>
+        <NamedSlot name="trailing-action" content={trailingAction} />
       {/if}
     </obc-attachment-list-item>

package/dist/components/attachment-list-item/ObcAttachmentListItem.svelte.d.ts

@@ -5,7 +5,11 @@ export interface Props {
     style?: string;
     /** The file name or label text displayed in the item. */
     label?: string;
-    /** Optional index text displayed before the icon (e.g., "01"). */
+    /**
+     * Optional index text displayed before the icon (e.g., "01").
+     *
+     * Available when `hasIndex==true`.
+     */
     index?: string;
     /** Whether to show the index. */
     hasIndex?: boolean;
@@ -15,9 +19,17 @@ export interface Props {
     hasTag?: boolean;
     /** Whether to show the date and time. */
     hasTimeDate?: boolean;
-    /** The date string to display (e.g., "09 May 2025"). */
+    /**
+     * The date string to display (e.g., "09 May 2025").
+     *
+     * Available when `hasTimeDate==true`.
+     */
     date?: string;
-    /** The time string to display (e.g., "10:41:32"). */
+    /**
+     * The time string to display (e.g., "10:41:32").
+     *
+     * Available when `hasTimeDate==true`.
+     */
     time?: string;
     /** Whether to show the trailing action slot. */
     hasTrailingAction?: boolean;

package/dist/components/audio-output/ObcAudioOutput.svelte

@@ -9,12 +9,10 @@
       export interface Props {
      class?: string;
      style?: string;
-      /** The volume level to display, represented as the number of highlighted bars (0–8).
-Set to 0 for muted/no volume, up to 8 for maximum volume. */
-volume?: number;
-      /** If true, the component is visually muted and indicates a disabled or non-interactive state.
-Use to represent muted audio or when volume control is unavailable. */
-disabled?: boolean
+     /** The volume level to display, represented as the number of highlighted bars (0–8). Set to 0 for muted/no volume, up to 8 for maximum volume. */
+     volume?: number;
+     /** If true, the component is visually muted and indicates a disabled or non-interactive state. Use to represent muted audio or when volume control is unavailable. */
+     disabled?: boolean
    }
       export interface Events {
     

package/dist/components/audio-output/ObcAudioOutput.svelte.d.ts

@@ -3,11 +3,9 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The volume level to display, represented as the number of highlighted bars (0–8).
-Set to 0 for muted/no volume, up to 8 for maximum volume. */
+    /** The volume level to display, represented as the number of highlighted bars (0–8). Set to 0 for muted/no volume, up to 8 for maximum volume. */
     volume?: number;
-    /** If true, the component is visually muted and indicates a disabled or non-interactive state.
-Use to represent muted audio or when volume control is unavailable. */
+    /** If true, the component is visually muted and indicates a disabled or non-interactive state. Use to represent muted audio or when volume control is unavailable. */
     disabled?: boolean;
 }
 export interface Events {

package/dist/components/audio-recording-item/ObcAudioRecordingItem.svelte

@@ -2,27 +2,25 @@
   <script lang="ts">
     export type {AudioRecordingStatus} from '@oicl/openbridge-webcomponents/dist/components/audio-recording-item/audio-recording-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/audio-recording-item/audio-recording-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {AudioRecordingStatus} from '@oicl/openbridge-webcomponents/dist/components/audio-recording-item/audio-recording-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Array of audio level values (0-1) for waveform visualization.
-New values should be added to the end (right side) and old values shift left. */
-audioLevels?: number[];
-      /** Current duration in seconds, displayed as MM:SS. */
-duration?: number;
-      /** Recording status - 'recording', 'paused', or 'playback'. */
-status?: AudioRecordingStatus;
-      /** Current playback position (0-1) for playback mode slider. */
-playbackPosition?: number;
-      /** Whether audio is currently playing (only relevant in playback mode).
-When true, shows pause icon; when false, shows play icon. */
-isPlaying?: boolean;
-      /** Enhanced style that displays waveform bars with neutral enhanced color. */
-enhanced?: boolean
+     /** Array of audio level values (0-1) for waveform visualization. New values should be added to the end (right side) and old values shift left. */
+     audioLevels?: number[];
+     /** Current duration in seconds, displayed as MM:SS. */
+     duration?: number;
+     /** Recording status - 'recording', 'paused', or 'playback'. */
+     status?: AudioRecordingStatus;
+     /** Current playback position (0-1) for playback mode slider. */
+     playbackPosition?: number;
+     /** Whether audio is currently playing (only relevant in playback mode). When true, shows pause icon; when false, shows play icon. */
+     isPlaying?: boolean;
+     /** Enhanced style that displays waveform bars with neutral enhanced color. */
+     enhanced?: boolean
    }
       export interface Events {
     onStatusToggle?: (event: CustomEvent<{isPlaying: boolean}>) => void
@@ -37,7 +35,7 @@ enhanced?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onstatus-toggle={onStatusToggle} >
+    use:forwardEvents={{'status-toggle': onStatusToggle}} >
       
     {#if children}
       {@render children()}

package/dist/components/audio-recording-item/ObcAudioRecordingItem.svelte.d.ts

@@ -4,8 +4,7 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Array of audio level values (0-1) for waveform visualization.
-New values should be added to the end (right side) and old values shift left. */
+    /** Array of audio level values (0-1) for waveform visualization. New values should be added to the end (right side) and old values shift left. */
     audioLevels?: number[];
     /** Current duration in seconds, displayed as MM:SS. */
     duration?: number;
@@ -13,8 +12,7 @@ New values should be added to the end (right side) and old values shift left. */
     status?: AudioRecordingStatus;
     /** Current playback position (0-1) for playback mode slider. */
     playbackPosition?: number;
-    /** Whether audio is currently playing (only relevant in playback mode).
-When true, shows pause icon; when false, shows play icon. */
+    /** Whether audio is currently playing (only relevant in playback mode). When true, shows pause icon; when false, shows play icon. */
     isPlaying?: boolean;
     /** Enhanced style that displays waveform bars with neutral enhanced color. */
     enhanced?: boolean;

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte

@@ -1,19 +1,22 @@
 
   <script lang="ts">
-    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+    export type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import { setProperties } from "../../util.js";
-      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+      import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     /** Rows rendered top-to-bottom: `value` (padded digits, unit, optional direction icon), `state-on`/`state-off`, `button`, and `setpoint` (shared setpoint glyph + padded digits). */
      readouts?: AutomationButtonReadoutStack[];
-     tag?: AutomationButtonReadoutStackTag | null;
+     /** Identifier line (e.g. '#0001'); `null` hides it. */
+     tag?: string | null;
+     /** Typography tier of the rows (small / regular / enhanced). */
      size?: AutomationButtonReadoutStackSize;
-     idTagOrientation?: IdTagOrientation;
-     hasIdTag?: boolean
+     /** Whether the tag renders above or below the rows. */
+     idTagOrientation?: IdTagOrientation
    }
       export interface Events {
     

package/dist/components/automation-button-readout-stack/ObcAutomationButtonReadoutStack.svelte.d.ts

@@ -1,14 +1,17 @@
 import '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
-import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackTag, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { AutomationButtonReadoutStack, AutomationButtonReadoutStackSize, IdTagOrientation } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Rows rendered top-to-bottom: `value` (padded digits, unit, optional direction icon), `state-on`/`state-off`, `button`, and `setpoint` (shared setpoint glyph + padded digits). */
     readouts?: AutomationButtonReadoutStack[];
-    tag?: AutomationButtonReadoutStackTag | null;
+    /** Identifier line (e.g. '#0001'); `null` hides it. */
+    tag?: string | null;
+    /** Typography tier of the rows (small / regular / enhanced). */
     size?: AutomationButtonReadoutStackSize;
+    /** Whether the tag renders above or below the rows. */
     idTagOrientation?: IdTagOrientation;
-    hasIdTag?: boolean;
 }
 export interface Events {
 }
@@ -18,7 +21,6 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationButtonReadoutStack: import("svelte").Component<$$ComponentProps, {
     AutomationButtonReadoutStack: typeof AutomationButtonReadoutStack;
-    AutomationButtonReadoutStackTag: typeof AutomationButtonReadoutStackTag;
     AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
     IdTagOrientation: typeof IdTagOrientation;
 }, "">;

package/dist/components/badge/ObcBadge.svelte

@@ -3,6 +3,7 @@
     export type {BadgeVariant} from '@oicl/openbridge-webcomponents/dist/components/badge/badge.js';
       import '@oicl/openbridge-webcomponents/dist/components/badge/badge.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {BadgeVariant} from '@oicl/openbridge-webcomponents/dist/components/badge/badge.js';
       import type { Snippet } from 'svelte';
 
@@ -19,7 +20,7 @@ Set to `false` for symbolic or icon-only badges. */
 showNumber?: boolean;
       /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
 type?: string;
@@ -34,7 +35,7 @@ size?: string;
 variant?: BadgeVariant;
       /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
 showIcon?: boolean
    }
@@ -54,8 +55,6 @@ showIcon?: boolean
      >
       
       {#if badgeIcon}
-        <div slot="badge-icon">
-          {@render badgeIcon()}
-        </div>
+        <NamedSlot name="badge-icon" content={badgeIcon} />
       {/if}
     </obc-badge>

package/dist/components/badge/ObcBadge.svelte.d.ts

@@ -14,7 +14,7 @@ Set to `false` for symbolic or icon-only badges. */
     showNumber?: boolean;
     /** Visual style/type of the badge.
 
-Possible values: `regular`, `alarm`, `warning`, `caution`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
+Possible values: `regular`, `alarm`, `warning`, `caution`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`, `running`, `notification`, `enhance`, `automation`, `outline`, `empty`.
 
 Defaults to `regular`. */
     type?: string;
@@ -29,7 +29,7 @@ Possible values: `regular` (default), `large`. */
     variant?: BadgeVariant;
     /** Whether to show an icon in the badge.
 
-For built-in types (`alarm`, `warning`, `caution`, `running`), a contextual icon is shown automatically.
+For built-in types (`alarm`, `warning`, `caution`, the `level-*` severities, and `running`), a contextual icon is shown automatically.
 For other types, provide a custom icon in the `badge-icon` slot. */
     showIcon?: boolean;
 }

package/dist/components/breadcrumb/ObcBreadcrumb.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {BreadcrumbClickEvent, BreadcrumbItem} from '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
       import '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {BreadcrumbClickEvent, BreadcrumbItem} from '@oicl/openbridge-webcomponents/dist/components/breadcrumb/breadcrumb.js';
       import type { Snippet } from 'svelte';
 
@@ -30,7 +30,7 @@ items?: BreadcrumbItem[];
     use:setProperties={props}
     class={className}
     style={style}
-    onbreadcrumb-click={onBreadcrumbClick} >
+    use:forwardEvents={{'breadcrumb-click': onBreadcrumbClick}} >
       
       {#if children}
         {@render children()}

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

@@ -2,45 +2,43 @@
   <script lang="ts">
     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 } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       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';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The currently selected palette. Possible values: `'night'`, `'dusk'`, `'day'`, `'bright'`.
-Defaults to `'day'`. */
-palette?: ObcPalette;
-      /** The current brightness value (0–100). Defaults to `50`. */
-brightness?: number;
-      /** If true, displays the link brightness toggle below the brightness slider. */
-showLinkBrightness?: boolean;
-      /** If true, displays the link palette toggle below the palette selector. */
-showLinkPalette?: boolean;
-      /** If true, shows the brightness slider and auto brightness toggle in the menu. */
-showBrightness?: boolean;
-      /** If true, shows the palette selector and link palette toggle in the menu. */
-showPalette?: boolean;
+     /** The currently selected palette. Possible values: `'night'`, `'dusk'`, `'day'`, `'bright'`. Defaults to `'day'`. */
+     palette?: ObcPalette;
+     /** The current brightness value (0–100). Defaults to `50`. */
+     brightness?: number;
+     /** If true, displays the link brightness toggle below the brightness slider. */
+     showLinkBrightness?: boolean;
+     /** If true, displays the link palette toggle below the palette selector. */
+     showLinkPalette?: boolean;
+     /** If true, shows the brightness slider and auto brightness toggle in the menu. */
+     showBrightness?: boolean;
+     /** If true, shows the palette selector and link palette toggle in the menu. */
+     showPalette?: boolean;
      showNightPalette?: boolean;
      showDuskPalette?: boolean;
      showDayPalette?: boolean;
      showBrightPalette?: boolean;
-      /** The variant of the menu. Possible values: `'normal'`, `'compact'`.
-Defaults to `'normal'`. */
-variant?: ObcBrillianceMenuVariant;
-      /** The unit of the brightness value. */
-brightnessUnit?: string;
-      /** The maximum value of the brightness slider. */
-brightnessMax?: number;
-      /** The minor step of the brightness slider. */
-brightnessMinorStep?: number;
-      /** The major step of the brightness slider. */
-brightnessMajorStep?: number;
-      /** The variant of the brightness input. */
-brightnessInputVariant?: ObcBrillianceInputVariant;
-      /** If true, displays the screen control link. */
-showScreenControlLink?: boolean
+     /** The variant of the menu. Possible values: `'normal'`, `'compact'`, `'tabbed'`. Defaults to `'normal'`. */
+     variant?: ObcBrillianceMenuVariant;
+     /** The unit of the brightness value. */
+     brightnessUnit?: string;
+     /** The maximum value of the brightness slider. */
+     brightnessMax?: number;
+     /** The minor step of the brightness slider. */
+     brightnessMinorStep?: number;
+     /** The major step of the brightness slider. */
+     brightnessMajorStep?: number;
+     /** The variant of the brightness input. */
+     brightnessInputVariant?: ObcBrillianceInputVariant;
+     /** If true, displays the screen control link. */
+     showScreenControlLink?: boolean
    }
       export interface Events {
     onPaletteChanged?: (event: ObcPaletteChangeEvent) => void;
@@ -59,11 +57,7 @@ showScreenControlLink?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onpalette-changed={onPaletteChanged}
-   onbrightness-changed={onBrightnessChanged}
-   onlink-palette-changed={onLinkPaletteChanged}
-   onlink-brightness-changed={onLinkBrightnessChanged}
-   onscreen-control-link-clicked={onScreenControlLinkClicked} >
+    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()}