@oicl/openbridge-webcomponents-svelte 2.0.0-next.13 → 2.0.0-next.131

package/dist/components/icon-button/ObcIconButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {IconButtonVariant} from '@oicl/openbridge-webcomponents/dist/components/icon-button/icon-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/icon-button/icon-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {IconButtonVariant} from '@oicl/openbridge-webcomponents/dist/components/icon-button/icon-button.js';
       import type { Snippet } from 'svelte';
 
@@ -35,23 +35,25 @@ Use to indicate ongoing actions or loading states.
 If undefined, no progress indicator is shown. */
 progress?: number | undefined;
       /** If true, displays a label below the icon using the `label` slot. */
-hasLabel?: boolean
+hasLabel?: boolean;
+      /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
+showDivider?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   children?: Snippet;
   label?: Snippet
 }
-      const { class: className, style, children, label, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, children, label, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-icon-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/icon-button/ObcIconButton.svelte.d.ts

@@ -31,8 +31,11 @@ If undefined, no progress indicator is shown. */
     progress?: number | undefined;
     /** If true, displays a label below the icon using the `label` slot. */
     hasLabel?: boolean;
+    /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
+    showDivider?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/icon-check-button/ObcIconCheckButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/icon-check-button/icon-check-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -47,7 +47,7 @@ externalControl?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onicon-check-button-click={onIconCheckButtonClick} >
+    use:forwardEvents={{'icon-check-button-click': onIconCheckButtonClick}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/input-chip/ObcInputChip.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/input-chip/input-chip.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -32,7 +32,7 @@ showIcon?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onremove-chip={onRemoveChip} >
+    use:forwardEvents={{'remove-chip': onRemoveChip}} >
       
       {#if children}
         {@render children()}

package/dist/components/keyboard-full/ObcKeyboardFull.svelte

@@ -1,11 +1,11 @@
 
   <script lang="ts">
     export type {ObcKeyboardFullType} from '@oicl/openbridge-webcomponents/dist/components/keyboard-full/keyboard-full.js';
-export type {ObcTextInputFieldSize} from '@oicl/openbridge-webcomponents/dist/components/text-input-field/text-input-field.js';
+export type {ObcTextInputFieldSize, HTMLInputTypeAttribute} from '@oicl/openbridge-webcomponents/dist/components/text-input-field/text-input-field.js';
       import '@oicl/openbridge-webcomponents/dist/components/keyboard-full/keyboard-full.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcKeyboardFullType} from '@oicl/openbridge-webcomponents/dist/components/keyboard-full/keyboard-full.js';
-import type {ObcTextInputFieldSize} from '@oicl/openbridge-webcomponents/dist/components/text-input-field/text-input-field.js';
+import type {ObcTextInputFieldSize, HTMLInputTypeAttribute} from '@oicl/openbridge-webcomponents/dist/components/text-input-field/text-input-field.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -17,7 +17,10 @@ import type {ObcTextInputFieldSize} from '@oicl/openbridge-webcomponents/dist/co
      value?: string;
      placeholder?: string;
      showNumberRow?: boolean;
-     inputSize?: ObcTextInputFieldSize
+     inputSize?: ObcTextInputFieldSize;
+      /** Input type forwarded to the embedded input field. Set to `password` to mask
+the entered value (a show/hide toggle is then shown inside the field). */
+inputType?: HTMLInputTypeAttribute
    }
       export interface Events {
     onValueChange?: (event: CustomEvent<{value: string}>) => void;
@@ -34,9 +37,7 @@ import type {ObcTextInputFieldSize} from '@oicl/openbridge-webcomponents/dist/co
     use:setProperties={props}
     class={className}
     style={style}
-    onvalue-change={onValueChange}
-   ondone-click={onDoneClick}
-   onclose-click={onCloseClick} >
+    use:forwardEvents={{'value-change': onValueChange, 'done-click': onDoneClick, 'close-click': onCloseClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/keyboard-full/ObcKeyboardFull.svelte.d.ts

@@ -1,6 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/components/keyboard-full/keyboard-full.js';
 import type { ObcKeyboardFullType } from '@oicl/openbridge-webcomponents/dist/components/keyboard-full/keyboard-full.js';
-import type { ObcTextInputFieldSize } from '@oicl/openbridge-webcomponents/dist/components/text-input-field/text-input-field.js';
+import type { ObcTextInputFieldSize, HTMLInputTypeAttribute } from '@oicl/openbridge-webcomponents/dist/components/text-input-field/text-input-field.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -12,6 +12,9 @@ export interface Props {
     placeholder?: string;
     showNumberRow?: boolean;
     inputSize?: ObcTextInputFieldSize;
+    /** Input type forwarded to the embedded input field. Set to `password` to mask
+the entered value (a show/hide toggle is then shown inside the field). */
+    inputType?: HTMLInputTypeAttribute;
 }
 export interface Events {
     onValueChange?: (event: CustomEvent<{
@@ -29,6 +32,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcKeyboardFull: import("svelte").Component<$$ComponentProps, {
     ObcKeyboardFullType: typeof ObcKeyboardFullType;
     ObcTextInputFieldSize: typeof ObcTextInputFieldSize;
+    HTMLInputTypeAttribute: typeof HTMLInputTypeAttribute;
 }, "">;
 type ObcKeyboardFull = ReturnType<typeof ObcKeyboardFull>;
 export default ObcKeyboardFull;

package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte

@@ -3,7 +3,7 @@
     export type {ObcKeyboardNumericType} from '@oicl/openbridge-webcomponents/dist/components/keyboard-numeric/keyboard-numeric.js';
 export type {ObcNumberInputFieldTextAlign} from '@oicl/openbridge-webcomponents/dist/components/number-input-field/number-input-field.js';
       import '@oicl/openbridge-webcomponents/dist/components/keyboard-numeric/keyboard-numeric.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcKeyboardNumericType} from '@oicl/openbridge-webcomponents/dist/components/keyboard-numeric/keyboard-numeric.js';
 import type {ObcNumberInputFieldTextAlign} from '@oicl/openbridge-webcomponents/dist/components/number-input-field/number-input-field.js';
       import type { Snippet } from 'svelte';
@@ -34,21 +34,25 @@ inputFieldTextAlign?: ObcNumberInputFieldTextAlign;
 validationPattern?: string
    }
       export interface Events {
-    
+    onCloseClick?: (event: CustomEvent<void>) => void;
+    onValueChange?: (event: CustomEvent<{value: string}>) => void;
+    onDoneClick?: (event: CustomEvent<{value: string}>) => void
   }
       export interface Slots {
-  children?: Snippet
+  leadingIcon?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onCloseClick, onValueChange, onDoneClick, class: className, style, leadingIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-keyboard-numeric
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'close-click': onCloseClick, 'value-change': onValueChange, 'done-click': onDoneClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
     </obc-keyboard-numeric>

package/dist/components/keyboard-numeric/ObcKeyboardNumeric.svelte.d.ts

@@ -28,9 +28,16 @@ export interface Props {
     validationPattern?: string;
 }
 export interface Events {
+    onCloseClick?: (event: CustomEvent<void>) => void;
+    onValueChange?: (event: CustomEvent<{
+        value: string;
+    }>) => void;
+    onDoneClick?: (event: CustomEvent<{
+        value: string;
+    }>) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    leadingIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcKeyboardNumeric: import("svelte").Component<$$ComponentProps, {

package/dist/components/menu-button/ObcMenuButton.svelte

@@ -3,7 +3,7 @@
     export type {ObcSplitButtonChangeEvent, ObcMenuButtonItemClickEvent} from '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
 export type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcSplitButtonChangeEvent, ObcMenuButtonItemClickEvent} from '@oicl/openbridge-webcomponents/dist/components/menu-button/menu-button.js';
 import type {ContextMenuOption, ContextMenuType, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import type { Snippet } from 'svelte';
@@ -81,10 +81,7 @@ disabled?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange}
-   onitem-click={onItemClick}
-   onopen={onOpen}
-   onclose={onClose} >
+    use:forwardEvents={{'change': onChange, 'item-click': onItemClick, 'open': onOpen, 'close': onClose}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/message-menu-item/ObcMessageMenuItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
 
@@ -19,6 +19,8 @@
      time?: string;
      primaryActionLabel?: string;
      secondaryActionLabel?: string;
+     enablePrimaryAction?: boolean;
+     enableSecondaryAction?: boolean;
      hasPrimaryIcon?: boolean;
      hasSecondaryIcon?: boolean;
      hasTrailingIcon?: boolean;
@@ -31,33 +33,31 @@
     onSecondaryActionClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
-  title?: Snippet;
-  description?: Snippet;
+  titleSnippet?: Snippet;
+  descriptionSnippet?: Snippet;
   actionLabel?: Snippet;
   primaryIcon?: Snippet;
   secondaryIcon?: Snippet;
   trailingIcon?: Snippet
 }
-      const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, title, description, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
+      const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, titleSnippet, descriptionSnippet, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-message-menu-item
     use:setProperties={props}
     class={className}
     style={style}
-    onmessage-click={onMessageClick}
-   onprimary-action-click={onPrimaryActionClick}
-   onsecondary-action-click={onSecondaryActionClick} >
+    use:forwardEvents={{'message-click': onMessageClick, 'primary-action-click': onPrimaryActionClick, 'secondary-action-click': onSecondaryActionClick}} >
       
-      {#if title}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 
-      {#if description}
+      {#if descriptionSnippet}
         <div slot="description">
-          {@render description()}
+          {@render descriptionSnippet()}
         </div>
       {/if}
 

package/dist/components/message-menu-item/ObcMessageMenuItem.svelte.d.ts

@@ -14,6 +14,8 @@ export interface Props {
     time?: string;
     primaryActionLabel?: string;
     secondaryActionLabel?: string;
+    enablePrimaryAction?: boolean;
+    enableSecondaryAction?: boolean;
     hasPrimaryIcon?: boolean;
     hasSecondaryIcon?: boolean;
     hasTrailingIcon?: boolean;
@@ -28,8 +30,8 @@ export interface Events {
     onSecondaryActionClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
-    title?: Snippet;
-    description?: Snippet;
+    titleSnippet?: Snippet;
+    descriptionSnippet?: Snippet;
     actionLabel?: Snippet;
     primaryIcon?: Snippet;
     secondaryIcon?: Snippet;

package/dist/components/modal-window/ObcModalWindow.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcModalWindowSize} from '@oicl/openbridge-webcomponents/dist/components/modal-window/modal-window.js';
       import '@oicl/openbridge-webcomponents/dist/components/modal-window/modal-window.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcModalWindowSize} from '@oicl/openbridge-webcomponents/dist/components/modal-window/modal-window.js';
       import type { Snippet } from 'svelte';
 
@@ -14,13 +14,17 @@ size?: ObcModalWindowSize;
       /** Whether to show an optional third action button. */
 hasOptionalAction?: boolean;
       /** Whether to show the leading icon slot in the header. */
-hasLeadingIcon?: boolean
+hasLeadingIcon?: boolean;
+      /** Whether to show the footer cancel button. */
+hasCancelAction?: boolean;
+      /** Whether to show the header close (X) button. */
+hasCloseAction?: boolean
    }
       export interface Events {
-    onCloseClick?: (event: CustomEvent<unknown>) => void;
-    onCancelClick?: (event: CustomEvent<unknown>) => void;
-    onDoneClick?: (event: CustomEvent<unknown>) => void;
-    onOptionClick?: (event: CustomEvent<unknown>) => void
+    onCloseClick?: (event: CustomEvent) => void;
+    onCancelClick?: (event: CustomEvent) => void;
+    onDoneClick?: (event: CustomEvent) => void;
+    onOptionClick?: (event: CustomEvent) => void
   }
       export interface Slots {
   leadingIcon?: Snippet;
@@ -37,10 +41,7 @@ hasLeadingIcon?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onclose-click={onCloseClick}
-   oncancel-click={onCancelClick}
-   ondone-click={onDoneClick}
-   onoption-click={onOptionClick} >
+    use:forwardEvents={{'close-click': onCloseClick, 'cancel-click': onCancelClick, 'done-click': onDoneClick, 'option-click': onOptionClick}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/components/modal-window/ObcModalWindow.svelte.d.ts

@@ -10,12 +10,16 @@ export interface Props {
     hasOptionalAction?: boolean;
     /** Whether to show the leading icon slot in the header. */
     hasLeadingIcon?: boolean;
+    /** Whether to show the footer cancel button. */
+    hasCancelAction?: boolean;
+    /** Whether to show the header close (X) button. */
+    hasCloseAction?: boolean;
 }
 export interface Events {
-    onCloseClick?: (event: CustomEvent<unknown>) => void;
-    onCancelClick?: (event: CustomEvent<unknown>) => void;
-    onDoneClick?: (event: CustomEvent<unknown>) => void;
-    onOptionClick?: (event: CustomEvent<unknown>) => void;
+    onCloseClick?: (event: CustomEvent) => void;
+    onCancelClick?: (event: CustomEvent) => void;
+    onDoneClick?: (event: CustomEvent) => void;
+    onOptionClick?: (event: CustomEvent) => void;
 }
 export interface Slots {
     leadingIcon?: Snippet;

package/dist/components/navigation-item/ObcNavigationItem.svelte

@@ -1,9 +1,11 @@
 
   <script lang="ts">
     export type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+export type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -31,10 +33,19 @@ Only relevant when `group` is true. */
 groupSelected?: boolean;
       /** Whether the item has a leading icon. */
 hasIcon?: boolean;
-     hasTrailingIcon?: boolean
+     hasTrailingIcon?: boolean;
+      /** Set by `obc-navigation-menu` in its Tree variant — renders the row as a tree item. */
+treeMode?: boolean;
+      /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+treeBranches?: TreeBranchType[];
+      /** Terminal type for the row in the Tree variant — one of `regular` (default),
+`aggregated-header`, or `group-header`. Has no effect in the flat variants. */
+terminalType?: string;
+      /** [object Object],[object Object],[object Object] */
+alerts?: TreeNavigationItemAlerts | undefined
    }
       export interface Events {
-    onClick?: (event: CustomEvent<void>) => void
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   icon?: Snippet;
@@ -47,7 +58,7 @@ hasIcon?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/navigation-item/ObcNavigationItem.svelte.d.ts

@@ -1,5 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/components/navigation-item/navigation-item.js';
 import type { ObcNavigationMenuVariant } from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+import type { TreeBranchType, TreeNavigationItemAlerts } from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -27,9 +28,18 @@ Only relevant when `group` is true. */
     /** Whether the item has a leading icon. */
     hasIcon?: boolean;
     hasTrailingIcon?: boolean;
+    /** Set by `obc-navigation-menu` in its Tree variant — renders the row as a tree item. */
+    treeMode?: boolean;
+    /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+    treeBranches?: TreeBranchType[];
+    /** Terminal type for the row in the Tree variant — one of `regular` (default),
+`aggregated-header`, or `group-header`. Has no effect in the flat variants. */
+    terminalType?: string;
+    /** [object Object],[object Object],[object Object] */
+    alerts?: TreeNavigationItemAlerts | undefined;
 }
 export interface Events {
-    onClick?: (event: CustomEvent<void>) => void;
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     icon?: Snippet;
@@ -38,6 +48,8 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcNavigationItem: import("svelte").Component<$$ComponentProps, {
     ObcNavigationMenuVariant: typeof ObcNavigationMenuVariant;
+    TreeBranchType: typeof TreeBranchType;
+    TreeNavigationItemAlerts: typeof TreeNavigationItemAlerts;
 }, "">;
 type ObcNavigationItem = ReturnType<typeof ObcNavigationItem>;
 export default ObcNavigationItem;

package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte

@@ -1,9 +1,11 @@
 
   <script lang="ts">
     export type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+export type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/navigation-item-group/navigation-item-group.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcNavigationMenuVariant} from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+import type {TreeBranchType, TreeNavigationItemAlerts} from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -23,7 +25,18 @@ Controls the styling and layout of the group and its flyout. */
 variant?: ObcNavigationMenuVariant;
       /** If true, the flyout panel appears tightly anchored to the group label with compact styling. */
 hug?: boolean;
-     hasIcon?: boolean
+     hasIcon?: boolean;
+      /** Set by `obc-navigation-menu` in its Tree variant — renders the group as a tree row. */
+treeMode?: boolean;
+      /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+treeBranches?: TreeBranchType[];
+      /** Terminal type for the group header in the Tree variant — one of `regular`
+(default), `aggregated-header`, or `group-header`. No effect in flat variants. */
+terminalType?: string;
+      /** [object Object],[object Object],[object Object] */
+alerts?: TreeNavigationItemAlerts | undefined;
+      /** Whether the group starts expanded. Useful for trees that open by default. */
+defaultOpen?: boolean
    }
       export interface Events {
     onOpen?: (event: CustomEvent<void>) => void
@@ -39,7 +52,7 @@ hug?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    onopen={onOpen} >
+    use:forwardEvents={{'open': onOpen}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/navigation-item-group/ObcNavigationItemGroup.svelte.d.ts

@@ -1,5 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/components/navigation-item-group/navigation-item-group.js';
 import type { ObcNavigationMenuVariant } from '@oicl/openbridge-webcomponents/dist/components/navigation-menu/navigation-menu.js';
+import type { TreeBranchType, TreeNavigationItemAlerts } from '@oicl/openbridge-webcomponents/dist/components/tree-navigation-item/tree-navigation-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -19,6 +20,17 @@ Controls the styling and layout of the group and its flyout. */
     /** If true, the flyout panel appears tightly anchored to the group label with compact styling. */
     hug?: boolean;
     hasIcon?: boolean;
+    /** Set by `obc-navigation-menu` in its Tree variant — renders the group as a tree row. */
+    treeMode?: boolean;
+    /** Indentation columns for tree mode, assigned by `obc-navigation-menu`. */
+    treeBranches?: TreeBranchType[];
+    /** Terminal type for the group header in the Tree variant — one of `regular`
+(default), `aggregated-header`, or `group-header`. No effect in flat variants. */
+    terminalType?: string;
+    /** [object Object],[object Object],[object Object] */
+    alerts?: TreeNavigationItemAlerts | undefined;
+    /** Whether the group starts expanded. Useful for trees that open by default. */
+    defaultOpen?: boolean;
 }
 export interface Events {
     onOpen?: (event: CustomEvent<void>) => void;
@@ -30,6 +42,8 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcNavigationItemGroup: import("svelte").Component<$$ComponentProps, {
     ObcNavigationMenuVariant: typeof ObcNavigationMenuVariant;
+    TreeBranchType: typeof TreeBranchType;
+    TreeNavigationItemAlerts: typeof TreeNavigationItemAlerts;
 }, "">;
 type ObcNavigationItemGroup = ReturnType<typeof ObcNavigationItemGroup>;
 export default ObcNavigationItemGroup;

package/dist/components/navigation-menu/ObcNavigationMenu.svelte

@@ -14,7 +14,8 @@
 - `full`: Standard menu with icons and labels (default).
 - `icon-only`: Compact, icon-only menu (use only when no flyouts/groups are present).
 - `icon-only-large`: Icon-only menu supporting flyouts/groups.
-- `compact`: Minimal, space-saving menu. */
+- `compact`: Minimal, space-saving menu.
+- `tree`: Hierarchical tree — groups expand inline and rows are indented by depth. */
 variant?: ObcNavigationMenuVariant;
       /** Visual variant of the flyout.
 One of `Full` (default) or `Compact`. */

package/dist/components/navigation-menu/ObcNavigationMenu.svelte.d.ts

@@ -9,7 +9,8 @@ export interface Props {
 - `full`: Standard menu with icons and labels (default).
 - `icon-only`: Compact, icon-only menu (use only when no flyouts/groups are present).
 - `icon-only-large`: Icon-only menu supporting flyouts/groups.
-- `compact`: Minimal, space-saving menu. */
+- `compact`: Minimal, space-saving menu.
+- `tree`: Hierarchical tree — groups expand inline and rows are indented by depth. */
     variant?: ObcNavigationMenuVariant;
     /** Visual variant of the flyout.
 One of `Full` (default) or `Compact`. */

package/dist/components/notification-badge-button/ObcNotificationBadgeButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/notification-badge-button/notification-badge-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -31,19 +31,19 @@ Useful for visually separating the button from others or indicating a secondary
 indent?: 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-notification-badge-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/notification-badge-button/ObcNotificationBadgeButton.svelte.d.ts

@@ -25,6 +25,7 @@ Useful for visually separating the button from others or indicating a secondary
     indent?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/notification-button/ObcNotificationButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {NotificationButtonClickEvent, NotificationButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/notification-button/notification-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/notification-button/notification-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {NotificationButtonClickEvent, NotificationButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/notification-button/notification-button.js';
       import type { Snippet } from 'svelte';
 
@@ -58,7 +58,7 @@ ariaLabel?: string
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-click={onObcClick} >
+    use:forwardEvents={{'obc-click': onObcClick}} >
       
       {#if icon}
         <div slot="icon">