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

package/dist/ar/poi/ObcPoiAton.svelte

@@ -6,7 +6,7 @@ export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
 export type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-aton.js';
 export type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-aton.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
 import type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
 import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
@@ -59,7 +59,7 @@ import type {ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-poi-data-layout-change={onObcPoiDataLayoutChange} >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi/ObcPoiData.svelte

@@ -5,7 +5,7 @@ export type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webc
 export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
 export type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-data.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
 import type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
 import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
@@ -56,7 +56,7 @@ import type {ObcPoiObjectStyle, ObcPoiObjectState} from '@oicl/openbridge-webcom
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-poi-data-layout-change={onObcPoiDataLayoutChange} >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi/ObcPoiVessel.svelte

@@ -5,7 +5,7 @@ export type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webc
 export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
 export type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVesselState} from '@oicl/openbridge-webcomponents/dist/ar/poi-object/poi-object-vessel.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-vessel.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPoiType, ObcPoiValue, ObcPoiState} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
 import type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
 import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
@@ -59,7 +59,7 @@ import type {ObcPoiObjectVesselType, ObcPoiObjectVesselStyle, ObcPoiObjectVessel
     use:setProperties={props}
     class={className}
     style={style}
-    onobc-poi-data-layout-change={onObcPoiDataLayoutChange} >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-card/ObcPoiCard.svelte

@@ -3,7 +3,7 @@
     export type {PoiCardClickDetail, PointerDirection} from '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
 export type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {PoiCardClickDetail, PointerDirection} from '@oicl/openbridge-webcomponents/dist/ar/poi-card/poi-card.js';
 import type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import type { Snippet } from 'svelte';
@@ -48,7 +48,7 @@ hasAlert?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    oncard-click={onCardClick} >
+    use:forwardEvents={{'card-click': onCardClick}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-card-header/ObcPoiCardHeader.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPoiCardHeaderVariant} from '@oicl/openbridge-webcomponents/dist/ar/poi-card-header/poi-card-header.js';
       import type { Snippet } from 'svelte';
 
@@ -37,7 +37,7 @@ hasCloseButton?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onclose-click={onCloseClick} >
+    use:forwardEvents={{'close-click': onCloseClick}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/ar/poi-group/ObcPoiGroup.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/ar/poi-group/poi-group.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -28,8 +28,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onexpand={onExpand}
-   oncollapse-finished={onCollapseFinished} >
+    use:forwardEvents={{'expand': onExpand, 'collapse-finished': onCollapseFinished}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-layer/ObcPoiLayer.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {OverlapMode} from '@oicl/openbridge-webcomponents/dist/ar/poi-layer/poi-layer.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-layer/poi-layer.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {OverlapMode} from '@oicl/openbridge-webcomponents/dist/ar/poi-layer/poi-layer.js';
       import type { Snippet } from 'svelte';
 
@@ -30,8 +30,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onlayer-resize={onLayerResize}
-   onlayer-selection-changed={onLayerSelectionChanged} >
+    use:forwardEvents={{'layer-resize': onLayerResize, 'layer-selection-changed': onLayerSelectionChanged}} >
       
       {#if children}
         {@render children()}

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -4,7 +4,7 @@
 export type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-horizontal/bar-horizontal.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -132,7 +132,7 @@ highlightCurrentValue?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onscale-dimensions-changed={onScaleDimensionsChanged} >
+    use:forwardEvents={{'scale-dimensions-changed': onScaleDimensionsChanged}} >
       
     {#if children}
       {@render children()}

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte

@@ -4,7 +4,7 @@
 export type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
@@ -132,7 +132,7 @@ highlightCurrentValue?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onscale-dimensions-changed={onScaleDimensionsChanged} >
+    use:forwardEvents={{'scale-dimensions-changed': onScaleDimensionsChanged}} >
       
     {#if children}
       {@render children()}

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte

@@ -5,7 +5,7 @@ export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dis
 export type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {RadialFrame} from '@oicl/openbridge-webcomponents/dist/svghelpers/radial-frame.js';
 import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
@@ -88,7 +88,7 @@ faceDiameter?: number | undefined
     use:setProperties={props}
     class={className}
     style={style}
-    onframe-changed={onFrameChanged} >
+    use:forwardEvents={{'frame-changed': onFrameChanged}} >
       
     {#if children}
       {@render children()}

package/dist/components/accordion-card/ObcAccordionCard.svelte

@@ -4,7 +4,7 @@
 export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {Position, AccordionSize} from '@oicl/openbridge-webcomponents/dist/components/accordion-card/accordion-card.js';
 import type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
@@ -68,7 +68,7 @@ alertFrameStatus?: AlertType
     use:setProperties={props}
     class={className}
     style={style}
-    onaccordion-toggle={onAccordionToggle} >
+    use:forwardEvents={{'accordion-toggle': onAccordionToggle}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/components/accordion-item/ObcAccordionItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/accordion-item/accordion-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -33,7 +33,7 @@ showDivider?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onaccordion-item-toggle={onAccordionItemToggle} >
+    use:forwardEvents={{'accordion-item-toggle': onAccordionItemToggle}} >
       
       {#if expandedContent}
         <div slot="expanded-content">

package/dist/components/advice-button/ObcAdviceButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {AdviceButtonClickEvent, AdviceButtonStyle} from '@oicl/openbridge-webcomponents/dist/components/advice-button/advice-button.js';
       import type { Snippet } from 'svelte';
 
@@ -41,7 +41,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/advice-floating-item/ObcAdviceFloatingItem.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/advice-floating-item/advice-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/advice-menu-item/ObcAdviceMenuItem.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/advice-menu-item/advice-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/advice-message-item/ObcAdviceMessageItem.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcAdviceMessageItemType, ObcAdviceMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcAdviceMessageItemType, ObcAdviceMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
       import type { Snippet } from 'svelte';
 
@@ -71,8 +71,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/alert-button/ObcAlertButton.svelte

@@ -3,7 +3,7 @@
     export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 export type {ObcAlertButtonType} from '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 import type {ObcAlertButtonType} from '@oicl/openbridge-webcomponents/dist/components/alert-button/alert-button.js';
       import type { Snippet } from 'svelte';
@@ -68,8 +68,7 @@ silenceButtonMinBreakpointPx?: number
     use:setProperties={props}
     class={className}
     style={style}
-    onclick-alert={onClickAlert}
-   onclick-silence={onClickSilence} >
+    use:forwardEvents={{'click-alert': onClickAlert, 'click-silence': onClickSilence}} >
       
       {#if children}
         {@render children()}

package/dist/components/alert-floating-item/ObcAlertFloatingItem.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/alert-floating-item/alert-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';
 
@@ -38,9 +38,7 @@
     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/alert-list-details/ObcAlertListDetails.svelte

@@ -3,7 +3,7 @@
     export type {ObcAckClickEvent, ObcRowClickEvent, AlertListMode} from '@oicl/openbridge-webcomponents/dist/components/alert-list-details/alert-list-details.js';
 export type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-list-details/alert-list-details.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcAckClickEvent, ObcRowClickEvent, AlertListMode} from '@oicl/openbridge-webcomponents/dist/components/alert-list-details/alert-list-details.js';
 import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
@@ -31,8 +31,7 @@ import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
     use:setProperties={props}
     class={className}
     style={style}
-    onack-click={onAckClick}
-   onrow-click={onRowClick} >
+    use:forwardEvents={{'ack-click': onAckClick, 'row-click': onRowClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/alert-menu/ObcAlertMenu.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
       import type { Snippet } from 'svelte';
 
@@ -48,9 +48,7 @@ showAlertListButton?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onack-all-visible-click={onAckAllVisibleClick}
-   onsilence-click={onSilenceClick}
-   ongo-to-alert-list-click={onGoToAlertListClick} >
+    use:forwardEvents={{'ack-all-visible-click': onAckAllVisibleClick, 'silence-click': onSilenceClick, 'go-to-alert-list-click': onGoToAlertListClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/alert-menu-item/ObcAlertMenuItem.svelte

@@ -3,7 +3,7 @@
     export type {ObcAlertMenuItemStatus, ObcAlertMenuItemActionState} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
 export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcAlertMenuItemStatus, ObcAlertMenuItemActionState} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
 import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
@@ -69,9 +69,7 @@ secondaryActionState?: ObcAlertMenuItemActionState
     use:setProperties={props}
     class={className}
     style={style}
-    onack-click={onAckClick}
-   onack-secondary-click={onAckSecondaryClick}
-   onitem-click={onItemClick} >
+    use:forwardEvents={{'ack-click': onAckClick, 'ack-secondary-click': onAckSecondaryClick, 'item-click': onItemClick}} >
       
       {#if alertIcon}
         <div slot="alert-icon">

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,7 +2,7 @@
   <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 type { Snippet } from 'svelte';
 
@@ -49,7 +49,7 @@ 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">

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

@@ -2,7 +2,7 @@
   <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';
 
@@ -37,7 +37,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/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,7 +2,7 @@
   <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';
 
@@ -59,11 +59,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()}

package/dist/components/button/ObcButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ButtonVariant, segmentPosition} from '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import '@oicl/openbridge-webcomponents/dist/components/button/button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ButtonVariant, segmentPosition} from '@oicl/openbridge-webcomponents/dist/components/button/button.js';
       import type { Snippet } from 'svelte';
 
@@ -52,7 +52,7 @@ segmentPosition?: segmentPosition
     use:setProperties={props}
     class={className}
     style={style}
-    onclick={onClick} >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/calendar/ObcCalendar.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {CalendarEvent, CalendarType} from '@oicl/openbridge-webcomponents/dist/components/calendar/calendar-utils.js';
       import '@oicl/openbridge-webcomponents/dist/components/calendar/calendar.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {CalendarEvent, CalendarType} from '@oicl/openbridge-webcomponents/dist/components/calendar/calendar-utils.js';
       import type { Snippet } from 'svelte';
 
@@ -37,11 +37,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onmonth-change={onMonthChange}
-   ondate-select={onDateSelect}
-   ontoday-click={onTodayClick}
-   onnew-event-click={onNewEventClick}
-   oncalendar-click={onCalendarClick} >
+    use:forwardEvents={{'month-change': onMonthChange, 'date-select': onDateSelect, 'today-click': onTodayClick, 'new-event-click': onNewEventClick, 'calendar-click': onCalendarClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/check-button/ObcCheckButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {CheckButtonType, CheckButtonCheckboxAppearance} from '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {CheckButtonType, CheckButtonCheckboxAppearance} from '@oicl/openbridge-webcomponents/dist/components/check-button/check-button.js';
       import type { Snippet } from 'svelte';
 
@@ -54,7 +54,7 @@ checkboxAppearance?: CheckButtonCheckboxAppearance
     use:setProperties={props}
     class={className}
     style={style}
-    oncheck-button-click={onCheckButtonClick} >
+    use:forwardEvents={{'check-button-click': onCheckButtonClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/checkbox/ObcCheckbox.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcCheckboxChangeEvent, CheckboxStatus, CheckboxState} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
       import '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcCheckboxChangeEvent, CheckboxStatus, CheckboxState} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
       import type { Snippet } from 'svelte';
 
@@ -39,8 +39,7 @@ hasHoverEffects?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange}
-   ondisabled={onDisabled} >
+    use:forwardEvents={{'change': onChange, 'disabled': onDisabled}} >
       
       {#if children}
         {@render children()}

package/dist/components/checkbox-item/ObcCheckboxItem.svelte

@@ -3,7 +3,7 @@
     export type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
 export type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcCheckboxChangeEvent, CheckboxStatus} from '@oicl/openbridge-webcomponents/dist/components/checkbox/checkbox.js';
 import type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbridge-webcomponents/dist/components/checkbox-item/checkbox-item.js';
       import type { Snippet } from 'svelte';
@@ -34,7 +34,7 @@ import type {ObcCheckboxItemState, ObcCheckboxItemHoverStyle} from '@oicl/openbr
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
       {#if children}
         {@render children()}