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

package/dist/components/card/ObcCard.svelte.d.ts

@@ -8,13 +8,13 @@ export interface Props {
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
     hasDialog?: boolean;
-    /** Total time in milliseconds before the dialog auto-closes.
+    /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
     dialogTimeOutSeconds?: number;
-    /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+    /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
     dialogVisibleTimerSeconds?: number;
 }
 export interface Events {

package/dist/components/chat-message/ObcChatMessage.svelte

@@ -32,7 +32,7 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-chat-message>

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()}

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

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+    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 type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.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';
 
       export interface Props {
@@ -16,12 +16,17 @@ Example:
   { value: 'volvo', label: 'Volvo' },
   { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-options?: { value: string; label: string; level?: number | undefined; }[];
+options?: DropdownButtonOption[];
       /** The value of the currently selected option. If not set, defaults to the first option in the list. */
 value?: string | undefined;
      disabled?: boolean;
       /** If true, the select expands to fill the width of its container. Default is false. */
 fullWidth?: boolean;
+      /** If true, a `value` that does not match any option leaves the button with no option selected,
+showing `placeholder` instead of defaulting to the first option. Default is false. */
+allowEmptySelection?: boolean;
+      /** Text shown when nothing is selected and `allowEmptySelection` is true. Default is an empty string. */
+placeholder?: string;
       /** Controls the button's display type.
 - `label`: Text label only (default)
 - `icon`: Icon only, no label
@@ -48,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/dropdown-button/ObcDropdownButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
-import type { ObcDropdownButtonChangeEvent, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+import type { ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -11,16 +11,17 @@ Example:
 { value: 'volvo', label: 'Volvo' },
 { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-    options?: {
-        value: string;
-        label: string;
-        level?: number | undefined;
-    }[];
+    options?: DropdownButtonOption[];
     /** The value of the currently selected option. If not set, defaults to the first option in the list. */
     value?: string | undefined;
     disabled?: boolean;
     /** If true, the select expands to fill the width of its container. Default is false. */
     fullWidth?: boolean;
+    /** If true, a `value` that does not match any option leaves the button with no option selected,
+showing `placeholder` instead of defaulting to the first option. Default is false. */
+    allowEmptySelection?: boolean;
+    /** Text shown when nothing is selected and `allowEmptySelection` is true. Default is an empty string. */
+    placeholder?: string;
     /** Controls the button's display type.
 - `label`: Text label only (default)
 - `icon`: Icon only, no label
@@ -43,6 +44,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcDropdownButton: import("svelte").Component<$$ComponentProps, {
     ObcDropdownButtonChangeEvent: typeof ObcDropdownButtonChangeEvent;
+    DropdownButtonOption: typeof DropdownButtonOption;
     DropdownButtonType: typeof DropdownButtonType;
 }, "">;
 type ObcDropdownButton = ReturnType<typeof ObcDropdownButton>;

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';
 
@@ -38,27 +38,18 @@ required?: boolean
     onChange?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
-  leadingIcon?: Snippet;
-  label?: Snippet
+  children?: Snippet
 }
-      const {onChange, class: className, style, leadingIcon, label, ...props} = $props<Props & Events & Slots>();
+      const {onChange, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-elevated-card-radio
     use:setProperties={props}
     class={className}
     style={style}
-    onchange={onChange} >
+    use:forwardEvents={{'change': onChange}} >
       
-      {#if leadingIcon}
-        <div slot="leading-icon">
-          {@render leadingIcon()}
-        </div>
-      {/if}
-
-      {#if label}
-        <div slot="label">
-          {@render label()}
-        </div>
-      {/if}
+    {#if children}
+      {@render children()}
+    {/if}
     </obc-elevated-card-radio>

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

@@ -33,8 +33,7 @@ export interface Events {
     onChange?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
-    leadingIcon?: Snippet;
-    label?: Snippet;
+    children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcElevatedCardRadio: import("svelte").Component<$$ComponentProps, {

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

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
+    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 type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.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';
 
       export interface Props {
@@ -12,7 +12,7 @@
       /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
 
 Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
-options?: { label: string; value: string; }[];
+options?: ElevatedCardRadioGroupOption[];
       /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
 
 Default: `'default'` */
@@ -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/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
-import type { ObcElevatedCardRadioGroupChangeEvent } from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.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';
 export interface Props {
     class?: string;
@@ -7,10 +7,7 @@ export interface Props {
     /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
 
 Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
-    options?: {
-        label: string;
-        value: string;
-    }[];
+    options?: ElevatedCardRadioGroupOption[];
     /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
 
 Default: `'default'` */
@@ -33,6 +30,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcElevatedCardRadioGroup: import("svelte").Component<$$ComponentProps, {
     ObcElevatedCardRadioGroupChangeEvent: typeof ObcElevatedCardRadioGroupChangeEvent;
+    ElevatedCardRadioGroupOption: typeof ElevatedCardRadioGroupOption;
 }, "">;
 type ObcElevatedCardRadioGroup = ReturnType<typeof ObcElevatedCardRadioGroup>;
 export default ObcElevatedCardRadioGroup;

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';
 
@@ -54,19 +54,17 @@ lineType?: ObcFloatingItemLineType
   description?: Snippet;
   time?: Snippet;
   day?: Snippet;
-  action?: Snippet;
-  action2?: Snippet
+  actionSnippet?: Snippet;
+  action2Snippet?: Snippet
 }
-      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, action, action2, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-floating-item
     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">
@@ -104,15 +102,15 @@ lineType?: ObcFloatingItemLineType
         </div>
       {/if}
 
-      {#if action}
+      {#if actionSnippet}
         <div slot="action">
-          {@render action()}
+          {@render actionSnippet()}
         </div>
       {/if}
 
-      {#if action2}
+      {#if action2Snippet}
         <div slot="action2">
-          {@render action2()}
+          {@render action2Snippet()}
         </div>
       {/if}
     </obc-floating-item>

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

@@ -49,8 +49,8 @@ export interface Slots {
     description?: Snippet;
     time?: Snippet;
     day?: Snippet;
-    action?: Snippet;
-    action2?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcFloatingItem: import("svelte").Component<$$ComponentProps, {

package/dist/components/form-container/ObcFormContainer.svelte

@@ -17,11 +17,11 @@
   }
       export interface Slots {
   title?: Snippet;
-  contentTitle?: Snippet;
+  contentTitleSnippet?: Snippet;
   children?: Snippet;
   footer?: Snippet
 }
-      const { class: className, style, title, contentTitle, children, footer, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, title, contentTitleSnippet, children, footer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-form-container
@@ -36,9 +36,9 @@
         </div>
       {/if}
 
-      {#if contentTitle}
+      {#if contentTitleSnippet}
         <div slot="content-title">
-          {@render contentTitle()}
+          {@render contentTitleSnippet()}
         </div>
       {/if}
 

package/dist/components/form-container/ObcFormContainer.svelte.d.ts

@@ -11,7 +11,7 @@ export interface Events {
 }
 export interface Slots {
     title?: Snippet;
-    contentTitle?: Snippet;
+    contentTitleSnippet?: Snippet;
     children?: Snippet;
     footer?: Snippet;
 }

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