@oicl/openbridge-webcomponents-svelte 2.0.0-next.113 → 2.0.0-next.115

package/dist/components/command-menu/ObcCommandMenu.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/command-menu/command-menu.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -37,7 +37,7 @@ showLocation?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
       {#if commandIcon}
         <div slot="command-icon">

package/dist/components/communication-table/ObcCommunicationTable.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcCommunicationTableRowClickEvent, ObcCommunicationTableRow} from '@oicl/openbridge-webcomponents/dist/components/communication-table/communication-table.js';
       import '@oicl/openbridge-webcomponents/dist/components/communication-table/communication-table.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcCommunicationTableRowClickEvent, ObcCommunicationTableRow} from '@oicl/openbridge-webcomponents/dist/components/communication-table/communication-table.js';
       import type { Snippet } from 'svelte';
 
@@ -28,7 +28,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onrow-click={onRowClick} >
+    use:forwardEvents={{'row-click': onRowClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/context-menu-input/ObcContextMenuInput.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcContextMenuInputChangeEvent, ObcContextMenuInputItemClickEvent, ContextMenuType, ContextMenuOption, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcContextMenuInputChangeEvent, ObcContextMenuInputItemClickEvent, ContextMenuType, ContextMenuOption, ColumnGroup} from '@oicl/openbridge-webcomponents/dist/components/context-menu-input/context-menu-input.js';
       import type { Snippet } from 'svelte';
 
@@ -69,9 +69,7 @@ selectPerGroup?: boolean | undefined
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange}
-   onitem-click={onItemClick}
-   onclose={onClose} >
+    use:forwardEvents={{'change': onChange, 'item-click': onItemClick, 'close': onClose}} >
       
       {#if children}
         {@render children()}

package/dist/components/date-item/ObcDateItem.svelte

@@ -3,7 +3,7 @@
     export type {DateItemEvent} from '@oicl/openbridge-webcomponents/dist/components/event-item/event-item.js';
 export type {DateItemSize} from '@oicl/openbridge-webcomponents/dist/components/date-item/date-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/date-item/date-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {DateItemEvent} from '@oicl/openbridge-webcomponents/dist/components/event-item/event-item.js';
 import type {DateItemSize} from '@oicl/openbridge-webcomponents/dist/components/date-item/date-item.js';
       import type { Snippet } from 'svelte';
@@ -46,7 +46,7 @@ date?: number
     use:setProperties={props}
     class={className}
     style={style}
-    ondate-click={onDateClick} >
+    use:forwardEvents={{'date-click': onDateClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/dropdown-button/ObcDropdownButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import type { Snippet } from 'svelte';
 
@@ -53,8 +53,7 @@ integration?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    ondropdown-change={onDropdownChange}
-   onchange={onChange} >
+    use:forwardEvents={{'dropdown-change': onDropdownChange, 'change': onChange}} >
       
       {#if children}
         {@render children()}

package/dist/components/elevated-card/ObcElevatedCard.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcElevatedCardPosition, ObcElevatedCardSize, ObcElevatedCardTag} from '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
       import '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcElevatedCardPosition, ObcElevatedCardSize, ObcElevatedCardTag} from '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
       import type { Snippet } from 'svelte';
 
@@ -84,7 +84,7 @@ target?: string | undefined
     use:setProperties={props}
     class={className}
     style={style}
-    onaction-click={onActionClick} >
+    use:forwardEvents={{'action-click': onActionClick}} >
       
       {#if graphic}
         <div slot="graphic">

package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcElevatedCardPosition, ObcElevatedCardSize} from '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
       import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio/elevated-card-radio.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcElevatedCardPosition, ObcElevatedCardSize} from '@oicl/openbridge-webcomponents/dist/components/elevated-card/elevated-card.js';
       import type { Snippet } from 'svelte';
 
@@ -47,7 +47,7 @@ required?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
     {#if children}
       {@render children()}

package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import type { Snippet } from 'svelte';
 
@@ -39,7 +39,7 @@ top?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
       {#if children}
         {@render children()}

package/dist/components/event-item/ObcEventItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {EventItemType} from '@oicl/openbridge-webcomponents/dist/components/event-item/event-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/event-item/event-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {EventItemType} from '@oicl/openbridge-webcomponents/dist/components/event-item/event-item.js';
       import type { Snippet } from 'svelte';
 
@@ -34,7 +34,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onevent-click={onEventClick} >
+    use:forwardEvents={{'event-click': onEventClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/filter-chip/ObcFilterChip.svelte

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

package/dist/components/floating-item/ObcFloatingItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import type { Snippet } from 'svelte';
 
@@ -64,9 +64,7 @@ lineType?: ObcFloatingItemLineType
     use:setProperties={props}
     class={className}
     style={style}
-    onaction-click={onActionClick}
-   onaction2-click={onAction2Click}
-   ondismiss-click={onDismissClick} >
+    use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
       
       {#if primaryIcon}
         <div slot="primary-icon">

package/dist/components/form-footer-container/ObcFormFooterContainer.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcFormFooterActionClickEvent} from '@oicl/openbridge-webcomponents/dist/components/form-footer-container/form-footer-container.js';
       import '@oicl/openbridge-webcomponents/dist/components/form-footer-container/form-footer-container.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcFormFooterActionClickEvent} from '@oicl/openbridge-webcomponents/dist/components/form-footer-container/form-footer-container.js';
       import type { Snippet } from 'svelte';
 
@@ -25,7 +25,7 @@ hasActions?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onaction-click={onActionClick} >
+    use:forwardEvents={{'action-click': onActionClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/form-group/ObcFormGroup.svelte

@@ -3,7 +3,7 @@
     export type {ObcFormItemActionChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
 export type {ObcFormGroupType} from '@oicl/openbridge-webcomponents/dist/components/form-group/form-group.js';
       import '@oicl/openbridge-webcomponents/dist/components/form-group/form-group.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcFormItemActionChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
 import type {ObcFormGroupType} from '@oicl/openbridge-webcomponents/dist/components/form-group/form-group.js';
       import type { Snippet } from 'svelte';
@@ -28,7 +28,7 @@ import type {ObcFormGroupType} from '@oicl/openbridge-webcomponents/dist/compone
     use:setProperties={props}
     class={className}
     style={style}
-    onaction-change={onActionChange} >
+    use:forwardEvents={{'action-change': onActionChange}} >
       
       {#if subtitle}
         <div slot="subtitle">

package/dist/components/form-item/ObcFormItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcFormItemActionChangeEvent, ObcFormItemType, ObcFormItemBasicState, ObcFormItemStatusIcon} from '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcFormItemActionChangeEvent, ObcFormItemType, ObcFormItemBasicState, ObcFormItemStatusIcon} from '@oicl/openbridge-webcomponents/dist/components/form-item/form-item.js';
       import type { Snippet } from 'svelte';
 
@@ -33,7 +33,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onaction-change={onActionChange} >
+    use:forwardEvents={{'action-change': onActionChange}} >
       
       {#if icon}
         <div slot="icon">

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';
 
@@ -53,7 +53,7 @@ showDivider?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

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

@@ -3,7 +3,7 @@
     export type {ObcKeyboardFullType} from '@oicl/openbridge-webcomponents/dist/components/keyboard-full/keyboard-full.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, HTMLInputTypeAttribute} from '@oicl/openbridge-webcomponents/dist/components/text-input-field/text-input-field.js';
       import type { Snippet } from 'svelte';
@@ -37,9 +37,7 @@ inputType?: HTMLInputTypeAttribute
     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-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';
@@ -48,9 +48,7 @@ validationPattern?: string
     use:setProperties={props}
     class={className}
     style={style}
-    onclose-click={onCloseClick}
-   onvalue-change={onValueChange}
-   ondone-click={onDoneClick} >
+    use:forwardEvents={{'close-click': onCloseClick, 'value-change': onValueChange, 'done-click': onDoneClick}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

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';
 
@@ -47,9 +47,7 @@
     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 titleSnippet}
         <div slot="title">

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';
 
@@ -41,10 +41,7 @@ hasCloseAction?: 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/navigation-item/ObcNavigationItem.svelte

@@ -3,7 +3,7 @@
     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';
@@ -58,7 +58,7 @@ alerts?: TreeNavigationItemAlerts | undefined
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if icon}
         <div slot="icon">

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

@@ -3,7 +3,7 @@
     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';
@@ -52,7 +52,7 @@ defaultOpen?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onopen={onOpen} >
+    use:forwardEvents={{'open': onOpen}} >
       
       {#if icon}
         <div slot="icon">

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">

package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/notification-floating-item/notification-floating-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import type { Snippet } from 'svelte';
 
@@ -59,9 +59,7 @@ lineType?: ObcFloatingItemLineType
     use:setProperties={props}
     class={className}
     style={style}
-    onaction-click={onActionClick}
-   onaction2-click={onAction2Click}
-   ondismiss-click={onDismissClick} >
+    use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
       
       {#if primaryIcon}
         <div slot="primary-icon">

package/dist/components/notification-menu-item/ObcNotificationMenuItem.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/notification-menu-item/notification-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';
 
@@ -36,9 +36,7 @@ size?: ObcMessageMenuItemSize;
     use:setProperties={props}
     class={className}
     style={style}
-    onprimary-action-click={onPrimaryActionClick}
-   onsecondary-action-click={onSecondaryActionClick}
-   onitem-click={onItemClick} >
+    use:forwardEvents={{'primary-action-click': onPrimaryActionClick, 'secondary-action-click': onSecondaryActionClick, 'item-click': onItemClick}} >
       
       {#if icon}
         <div slot="icon">

package/dist/components/notification-message-item/ObcNotificationMessageItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcNotificationMessageItemType, ObcNotificationMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/notification-message-item/notification-message-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/notification-message-item/notification-message-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcNotificationMessageItemType, ObcNotificationMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/notification-message-item/notification-message-item.js';
       import type { Snippet } from 'svelte';
 
@@ -70,8 +70,7 @@ emptyText?: string
     use:setProperties={props}
     class={className}
     style={style}
-    onmessage-click={onMessageClick}
-   onaction-click={onActionClick} >
+    use:forwardEvents={{'message-click': onMessageClick, 'action-click': onActionClick}} >
       
       {#if secondaryIcon}
         <div slot="secondary-icon">

package/dist/components/number-input-field/ObcNumberInputField.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcNumberInputFieldTextAlign, ObcNumberInputFieldSize, ObcNumberInputFieldPlacement} from '@oicl/openbridge-webcomponents/dist/components/number-input-field/number-input-field.js';
       import '@oicl/openbridge-webcomponents/dist/components/number-input-field/number-input-field.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcNumberInputFieldTextAlign, ObcNumberInputFieldSize, ObcNumberInputFieldPlacement} from '@oicl/openbridge-webcomponents/dist/components/number-input-field/number-input-field.js';
       import type { Snippet } from 'svelte';
 
@@ -70,8 +70,7 @@ validationPattern?: string
     use:setProperties={props}
     class={className}
     style={style}
-    oninput={onInput}
-   onchange={onChange} >
+    use:forwardEvents={{'input': onInput, 'change': onChange}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/components/pagination/ObcPagination.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
       import '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPaginationValueChangeEvent, ObcPaginationNavigateEvent, ObcPaginationSelectPageEvent, PaginationVariant} from '@oicl/openbridge-webcomponents/dist/components/pagination/pagination.js';
       import type { Snippet } from 'svelte';
 
@@ -52,9 +52,7 @@ fullWidth?: boolean;
     use:setProperties={props}
     class={className}
     style={style}
-    onvalue={onValue}
-   onnavigate={onNavigate}
-   onselect-page={onSelectPage} >
+    use:forwardEvents={{'value': onValue, 'navigate': onNavigate, 'select-page': onSelectPage}} >
       
     {#if children}
       {@render children()}

package/dist/components/pivot-item/ObcPivotItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPivotItemDirection} from '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPivotItemDirection} from '@oicl/openbridge-webcomponents/dist/components/pivot-item/pivot-item.js';
       import type { Snippet } from 'svelte';
 
@@ -52,7 +52,7 @@ disabled?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onselected={onSelected} >
+    use:forwardEvents={{'selected': onSelected}} >
       
       {#if icon}
         <div slot="icon">