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

package/dist/ar/poi/PoiBase.svelte

@@ -4,7 +4,7 @@
 export type {ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
 export type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webcomponents/dist/ar/building-blocks/poi-pointer/poi-pointer.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi/poi-base.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';
@@ -38,19 +38,19 @@ import type {ObcPoiPointerType, ObcPoiPointerState} from '@oicl/openbridge-webco
      targetOffsetX?: number
    }
       export interface Events {
-    
+    onObcPoiDataLayoutChange?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onObcPoiDataLayoutChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <undefined
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'obc-poi-data-layout-change': onObcPoiDataLayoutChange}} >
       
     {#if children}
       {@render children()}

package/dist/ar/poi/PoiBase.svelte.d.ts

@@ -31,6 +31,7 @@ export interface Props {
     targetOffsetX?: number;
 }
 export interface Events {
+    onObcPoiDataLayoutChange?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/ar/poi-button/ObcPoiButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcPoiButtonLayout, ObcPoiButtonState, PoiButtonVisualState, ObcPoiButtonType, ObcPoiButtonDataItem} from '@oicl/openbridge-webcomponents/dist/ar/poi-button/poi-button.js';
       import type { Snippet } from 'svelte';
 
@@ -23,21 +23,21 @@
      headerContent?: string
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   children?: Snippet;
   header?: Snippet;
   relation?: Snippet
 }
-      const { class: className, style, children, header, relation, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, children, header, relation, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-poi-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/ar/poi-button/ObcPoiButton.svelte.d.ts

@@ -18,6 +18,7 @@ export interface Props {
     headerContent?: string;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

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

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    
+    export type {Poi} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
       import '@oicl/openbridge-webcomponents/dist/ar/poi-group/poi-group.js';
       import { setProperties, forwardEvents } from "../../util.js";
-      
+      import type {Poi} from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -16,19 +16,20 @@
    }
       export interface Events {
     onExpand?: (event: CustomEvent<{expand:boolean}>) => void;
-    onCollapseFinished?: (event: CustomEvent<void>) => void
+    onCollapseFinished?: (event: CustomEvent<void>) => void;
+    onObcPoiGroupTargetReleased?: (event: CustomEvent<{target: Poi}>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const {onExpand, onCollapseFinished, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onExpand, onCollapseFinished, onObcPoiGroupTargetReleased, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-poi-group
     use:setProperties={props}
     class={className}
     style={style}
-    use:forwardEvents={{'expand': onExpand, 'collapse-finished': onCollapseFinished}} >
+    use:forwardEvents={{'expand': onExpand, 'collapse-finished': onCollapseFinished, 'obc-poi-group-target-released': onObcPoiGroupTargetReleased}} >
       
       {#if children}
         {@render children()}

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

@@ -1,4 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/ar/poi-group/poi-group.js';
+import type { Poi } from '@oicl/openbridge-webcomponents/dist/ar/poi/poi.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -13,11 +14,16 @@ export interface Events {
         expand: boolean;
     }>) => void;
     onCollapseFinished?: (event: CustomEvent<void>) => void;
+    onObcPoiGroupTargetReleased?: (event: CustomEvent<{
+        target: Poi;
+    }>) => void;
 }
 export interface Slots {
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcPoiGroup: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcPoiGroup: import("svelte").Component<$$ComponentProps, {
+    Poi: typeof Poi;
+}, "">;
 type ObcPoiGroup = ReturnType<typeof ObcPoiGroup>;
 export default ObcPoiGroup;

package/dist/automation/automation-button/ObcAutomationButton.svelte

@@ -6,7 +6,7 @@ export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 export type {CircularProgressMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {AutomationButtonVariant, AutomationButtonState, AutomationButtonReadoutPosition, AutomationButtonDirection, AutomationButtonPositioning, AutomationButtonOrientation} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
 import type {AutomationButtonReadoutStack, AutomationButtonReadoutStackSize} from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
 import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
@@ -44,7 +44,7 @@ activated?: boolean;
 hasBadgeSpacer?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   badgeTopRight?: Snippet;
@@ -57,14 +57,14 @@ hasBadgeSpacer?: boolean
   alertLabel?: Snippet;
   alertTimer?: Snippet
 }
-      const { class: className, style, badgeTopRight, badgeTopLeft, badgeBottomLeft, badgeBottomRight, icon, iconSilhouette, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, badgeTopRight, badgeTopLeft, badgeBottomLeft, badgeBottomRight, icon, iconSilhouette, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if badgeTopRight}
         <div slot="badge-top-right">

package/dist/automation/automation-button/ObcAutomationButton.svelte.d.ts

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

package/dist/automation/automation-readout/ObcAutomationReadout.svelte

@@ -3,7 +3,7 @@
     export type {AutomationReadoutPosition} from '@oicl/openbridge-webcomponents/dist/automation/automation-readout/automation-readout.js';
 export type {LineType} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-readout/automation-readout.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {AutomationReadoutPosition} from '@oicl/openbridge-webcomponents/dist/automation/automation-readout/automation-readout.js';
 import type {LineType} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
       import type { Snippet } from 'svelte';
@@ -18,19 +18,19 @@ import type {LineType} from '@oicl/openbridge-webcomponents/dist/automation/inde
      lineType?: LineType | undefined
    }
       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-automation-readout
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
     {#if children}
       {@render children()}

package/dist/automation/automation-readout/ObcAutomationReadout.svelte.d.ts

@@ -12,6 +12,7 @@ export interface Props {
     lineType?: LineType | undefined;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/automation/automation-tank/ObcAutomationTank.svelte

@@ -9,7 +9,7 @@ export type {ObcAlertFrameType, ObcAlertFrameThickness} from '@oicl/openbridge-w
 export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
 export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
 import type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 import type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
@@ -145,7 +145,7 @@ badgeControl?: AutomationButtonBadgeControl;
      badgeCommandLocked?: AutomationButtonBadgeCommandLocked
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   badges?: Snippet;
@@ -159,14 +159,14 @@ badgeControl?: AutomationButtonBadgeControl;
   alertLabel?: Snippet;
   alertTimer?: Snippet
 }
-      const { class: className, style, badges, tagSnippet, readout, maxValue, unit, currentValue, rich, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, badges, tagSnippet, readout, maxValue, unit, currentValue, rich, alertIcon, alertLabel, alertTimer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-automation-tank
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if badges}
         <div slot="badges">

package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts

@@ -133,6 +133,7 @@ matching the positional convention used by `ObcAbstractAutomationButton`
     badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     badges?: Snippet;

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

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {AppButtonSize} from '@oicl/openbridge-webcomponents/dist/components/app-button/app-button.js';
       import type { Snippet } from 'svelte';
 
@@ -22,19 +22,19 @@ size?: AppButtonSize;
      disabled?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   icon?: Snippet
 }
-      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, icon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-app-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if icon}
         <div slot="icon">

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

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

package/dist/components/command-button/ObcCommandButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/command-button/command-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -18,19 +18,19 @@ Default: `false` */
 inCommand?: 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-command-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/command-button/ObcCommandButton.svelte.d.ts

@@ -12,6 +12,7 @@ Default: `false` */
     inCommand?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

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

@@ -34,7 +34,7 @@ inputFieldTextAlign?: ObcNumberInputFieldTextAlign;
 validationPattern?: string
    }
       export interface Events {
-    onCloseClick?: (event: CustomEvent) => void;
+    onCloseClick?: (event: CustomEvent<void>) => void;
     onValueChange?: (event: CustomEvent<{value: string}>) => void;
     onDoneClick?: (event: CustomEvent<{value: string}>) => void
   }

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

@@ -28,7 +28,7 @@ export interface Props {
     validationPattern?: string;
 }
 export interface Events {
-    onCloseClick?: (event: CustomEvent) => void;
+    onCloseClick?: (event: CustomEvent<void>) => void;
     onValueChange?: (event: CustomEvent<{
         value: string;
     }>) => void;

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

@@ -21,10 +21,10 @@ hasCancelAction?: boolean;
 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/modal-window/ObcModalWindow.svelte.d.ts

@@ -16,10 +16,10 @@ export interface Props {
     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/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/sequence-step/ObcSequenceStep.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {SequenceOrientation, SequenceType, SequenceStyle, SequenceValue, SequenceVariant} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {SequenceOrientation, SequenceType, SequenceStyle, SequenceValue, SequenceVariant} from '@oicl/openbridge-webcomponents/dist/components/sequence-step/sequence-step.js';
       import type { Snippet } from 'svelte';
 
@@ -23,19 +23,19 @@ Applies only when `hasInputConnector` is true. */
 inputConnectorExtended?: 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-sequence-step
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/sequence-step/ObcSequenceStep.svelte.d.ts

@@ -18,6 +18,7 @@ Applies only when `hasInputConnector` is true. */
     inputConnectorExtended?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/sequence-toolbar/ObcSequenceToolbar.svelte

@@ -13,9 +13,9 @@
      hasAdd?: boolean
    }
       export interface Events {
-    onPrevClick?: (event: CustomEvent<unknown>) => void;
-    onNextClick?: (event: CustomEvent<unknown>) => void;
-    onAddClick?: (event: CustomEvent<unknown>) => void
+    onPrevClick?: (event: CustomEvent<void>) => void;
+    onNextClick?: (event: CustomEvent<void>) => void;
+    onAddClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
   children?: Snippet;

package/dist/components/sequence-toolbar/ObcSequenceToolbar.svelte.d.ts

@@ -8,9 +8,9 @@ export interface Props {
     hasAdd?: boolean;
 }
 export interface Events {
-    onPrevClick?: (event: CustomEvent<unknown>) => void;
-    onNextClick?: (event: CustomEvent<unknown>) => void;
-    onAddClick?: (event: CustomEvent<unknown>) => void;
+    onPrevClick?: (event: CustomEvent<void>) => void;
+    onNextClick?: (event: CustomEvent<void>) => void;
+    onAddClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/components/system-menu/ObcSystemMenu.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
+    export type {VolumeChangeEvent, WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
       import { setProperties, forwardEvents } from "../../util.js";
-      import type {WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
+      import type {VolumeChangeEvent, WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -22,7 +22,7 @@
       export interface Events {
     onWifiClick?: (event: CustomEvent<unknown>) => void;
     onAudioClick?: (event: CustomEvent<unknown>) => void;
-    onAudioVolumeChange?: (event: CustomEvent<unknown>) => void;
+    onAudioVolumeChange?: (event: VolumeChangeEvent) => void;
     onMicrophoneClick?: (event: CustomEvent<unknown>) => void;
     onPushToTalkChange?: (event: CustomEvent<unknown>) => void;
     onBatteryUsageClick?: (event: CustomEvent<unknown>) => void;

package/dist/components/system-menu/ObcSystemMenu.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
-import type { WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu } from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
+import type { VolumeChangeEvent, WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu } from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -17,7 +17,7 @@ export interface Props {
 export interface Events {
     onWifiClick?: (event: CustomEvent<unknown>) => void;
     onAudioClick?: (event: CustomEvent<unknown>) => void;
-    onAudioVolumeChange?: (event: CustomEvent<unknown>) => void;
+    onAudioVolumeChange?: (event: VolumeChangeEvent) => void;
     onMicrophoneClick?: (event: CustomEvent<unknown>) => void;
     onPushToTalkChange?: (event: CustomEvent<unknown>) => void;
     onBatteryUsageClick?: (event: CustomEvent<unknown>) => void;
@@ -36,6 +36,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcSystemMenu: import("svelte").Component<$$ComponentProps, {
+    VolumeChangeEvent: typeof VolumeChangeEvent;
     WifiState: typeof WifiState;
     AudioState: typeof AudioState;
     MicrophoneState: typeof MicrophoneState;

package/dist/components/text-input-field/ObcTextInputField.svelte

@@ -44,7 +44,7 @@ hasClearButton?: boolean;
    }
       export interface Events {
     onInput?: (event: CustomEvent<unknown>) => void;
-    onChange?: (event: CustomEvent<unknown>) => void;
+    onChange?: (event: CustomEvent<{value: string}>) => void;
     onClear?: (event: CustomEvent<unknown>) => void;
     onBlur?: (event: CustomEvent<unknown>) => void
   }

package/dist/components/text-input-field/ObcTextInputField.svelte.d.ts

@@ -39,7 +39,9 @@ This is useful to avoid React re-rendering to reset the value. */
 }
 export interface Events {
     onInput?: (event: CustomEvent<unknown>) => void;
-    onChange?: (event: CustomEvent<unknown>) => void;
+    onChange?: (event: CustomEvent<{
+        value: string;
+    }>) => void;
     onClear?: (event: CustomEvent<unknown>) => void;
     onBlur?: (event: CustomEvent<unknown>) => void;
 }

package/dist/components/toggle-switch/ObcToggleSwitch.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    
+    export type {ObcToggleSwitchInputEvent, ObcToggleSwitchChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
       import '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
       import { setProperties, forwardEvents } from "../../util.js";
-      
+      import type {ObcToggleSwitchInputEvent, ObcToggleSwitchChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -32,8 +32,8 @@ Use to control the toggle state from outside the component. */
 externalControl?: boolean
    }
       export interface Events {
-    onInput?: (event: CustomEvent<unknown>) => void;
-    onChange?: (event: CustomEvent<unknown>) => void
+    onInput?: (event: ObcToggleSwitchInputEvent) => void;
+    onChange?: (event: ObcToggleSwitchChangeEvent) => void
   }
       export interface Slots {
   icon?: Snippet

package/dist/components/toggle-switch/ObcToggleSwitch.svelte.d.ts

@@ -1,4 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
+import type { ObcToggleSwitchInputEvent, ObcToggleSwitchChangeEvent } from '@oicl/openbridge-webcomponents/dist/components/toggle-switch/toggle-switch.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -26,13 +27,16 @@ Use to control the toggle state from outside the component. */
     externalControl?: boolean;
 }
 export interface Events {
-    onInput?: (event: CustomEvent<unknown>) => void;
-    onChange?: (event: CustomEvent<unknown>) => void;
+    onInput?: (event: ObcToggleSwitchInputEvent) => void;
+    onChange?: (event: ObcToggleSwitchChangeEvent) => void;
 }
 export interface Slots {
     icon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcToggleSwitch: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcToggleSwitch: import("svelte").Component<$$ComponentProps, {
+    ObcToggleSwitchInputEvent: typeof ObcToggleSwitchInputEvent;
+    ObcToggleSwitchChangeEvent: typeof ObcToggleSwitchChangeEvent;
+}, "">;
 type ObcToggleSwitch = ReturnType<typeof ObcToggleSwitch>;
 export default ObcToggleSwitch;

package/dist/components/user-menu/ObcUserMenu.svelte

@@ -34,7 +34,7 @@ signedInActions?: ObcUserMenuSignedInAction[]
    }
       export interface Events {
     onSignInClick?: (event: CustomEvent<{username: string, password: string}>) => void;
-    onSignOutClick?: (event: CustomEvent<unknown>) => void;
+    onSignOutClick?: (event: CustomEvent<void>) => void;
     onSignedInActionClick?: (event: CustomEvent<{id: string, label: string}>) => void;
     onRecentUserClick?: (event: CustomEvent<{initials: string, label: string}>) => void
   }

package/dist/components/user-menu/ObcUserMenu.svelte.d.ts

@@ -32,7 +32,7 @@ export interface Events {
         username: string;
         password: string;
     }>) => void;
-    onSignOutClick?: (event: CustomEvent<unknown>) => void;
+    onSignOutClick?: (event: CustomEvent<void>) => void;
     onSignedInActionClick?: (event: CustomEvent<{
         id: string;
         label: string;

package/dist/components/vendor-button/ObcVendorButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/vendor-button/vendor-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -19,19 +19,19 @@ This should describe the logo or vendor for screen readers. */
 alt?: string
    }
       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-vendor-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/components/vendor-button/ObcVendorButton.svelte.d.ts

@@ -13,6 +13,7 @@ This should describe the logo or vendor for screen readers. */
     alt?: string;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     children?: Snippet;

package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {IntegrationFleetButtonReadout} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {IntegrationFleetButtonReadout} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-fleet-button/integration-fleet-button.js';
       import type { Snippet } from 'svelte';
 
@@ -18,19 +18,19 @@
      showAlerts?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   alertTopicIcon?: Snippet
 }
-      const { class: className, style, alertTopicIcon, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, alertTopicIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-integration-fleet-button
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if alertTopicIcon}
         <div slot="alert-topic-icon">

package/dist/integration-systems/integration-fleet-button/ObcIntegrationFleetButton.svelte.d.ts

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

package/dist/integration-systems/integration-tabs/ObcIntegrationTabs.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-tabs/integration-tabs.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
@@ -12,19 +12,19 @@
      selected?: 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-integration-tabs
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if children}
         {@render children()}

package/dist/integration-systems/integration-tabs/ObcIntegrationTabs.svelte.d.ts

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

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte

@@ -5,7 +5,7 @@ export type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-w
 export type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions, ReadoutSrcOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
 export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.js';
 import type {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
 import type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions, ReadoutSrcOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
@@ -61,7 +61,7 @@ are visible. Off by default. */
 showDebugOverlay?: boolean
    }
       export interface Events {
-    
+    onClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
   leadingIcon?: Snippet;
@@ -69,14 +69,14 @@ showDebugOverlay?: boolean
   setpointIcon?: Snippet;
   adviceIcon?: Snippet
 }
-      const { class: className, style, leadingIcon, valueIcon, setpointIcon, adviceIcon, ...props} = $props<Props & Events & Slots>();
+      const {onClick, class: className, style, leadingIcon, valueIcon, setpointIcon, adviceIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-readout-list-item
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'click': onClick}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts

@@ -53,6 +53,7 @@ are visible. Off by default. */
     showDebugOverlay?: boolean;
 }
 export interface Events {
+    onClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
     leadingIcon?: Snippet;

package/package.json

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