@oicl/openbridge-webcomponents-svelte 2.0.0-next.15 → 2.0.0-next.151

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte

@@ -2,7 +2,8 @@
   <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 NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import type { Snippet } from 'svelte';
 
@@ -19,19 +20,14 @@ type?: ObcFloatingItemType;
 - `vertical`: Content and icons are stacked vertically.
 Default: `horizontal`. */
 direction?: ObcFloatingItemDirection;
-      /** If true, displays a timestamp label (e.g., "09:12:46") in the advice message.
-Default: false. */
-hasTimestamp?: boolean;
-      /** If true (and `hasTimestamp` is also true), displays a day label (e.g., "Yesterday") in addition to the timestamp.
-Default: false. */
-hasDay?: boolean;
-      /** If true, renders a primary action button in the advice message.
-Default: false. */
-action?: boolean;
-      /** If true, renders a secondary action button in the advice message.
-Note: The secondary action is only shown if the primary action (`action`) is also enabled.
-Default: false. */
-action2?: boolean;
+     /** If true, displays a timestamp label (e.g., "09:12:46") in the advice message. Default: false. */
+     hasTimestamp?: boolean;
+     /** If true (and `hasTimestamp` is also true), displays a day label (e.g., "Yesterday") in addition to the timestamp. Default: false. */
+     hasDay?: boolean;
+     /** If true, renders a primary action button in the advice message. Default: false. */
+     action?: boolean;
+     /** If true, renders a secondary action button in the advice message. Note: The secondary action is only shown if the primary action (`action`) is also enabled. Default: false. */
+     action2?: boolean;
       /** Sets the content line type for the advice message.
 - `singleLine`: Compact, one-line message.
 - `multiLine`: Allows for longer, multi-line advice text.
@@ -45,70 +41,47 @@ lineType?: ObcFloatingItemLineType
   }
       export interface Slots {
   primaryIcon?: Snippet;
-  secondaryIcon?: Snippet;
   title?: Snippet;
   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, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-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">
-          {@render primaryIcon()}
-        </div>
-      {/if}
-
-      {#if secondaryIcon}
-        <div slot="secondary-icon">
-          {@render secondaryIcon()}
-        </div>
+        <NamedSlot name="primary-icon" content={primaryIcon} />
       {/if}
 
       {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
+        <NamedSlot name="title" content={title} />
       {/if}
 
       {#if description}
-        <div slot="description">
-          {@render description()}
-        </div>
+        <NamedSlot name="description" content={description} />
       {/if}
 
       {#if time}
-        <div slot="time">
-          {@render time()}
-        </div>
+        <NamedSlot name="time" content={time} />
       {/if}
 
       {#if day}
-        <div slot="day">
-          {@render day()}
-        </div>
+        <NamedSlot name="day" content={day} />
       {/if}
 
-      {#if action}
-        <div slot="action">
-          {@render action()}
-        </div>
+      {#if actionSnippet}
+        <NamedSlot name="action" content={actionSnippet} />
       {/if}
 
-      {#if action2}
-        <div slot="action2">
-          {@render action2()}
-        </div>
+      {#if action2Snippet}
+        <NamedSlot name="action2" content={action2Snippet} />
       {/if}
     </obc-advice-floating-item>

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts

@@ -14,18 +14,13 @@ Default: `regular`. */
 - `vertical`: Content and icons are stacked vertically.
 Default: `horizontal`. */
     direction?: ObcFloatingItemDirection;
-    /** If true, displays a timestamp label (e.g., "09:12:46") in the advice message.
-Default: false. */
+    /** If true, displays a timestamp label (e.g., "09:12:46") in the advice message. Default: false. */
     hasTimestamp?: boolean;
-    /** If true (and `hasTimestamp` is also true), displays a day label (e.g., "Yesterday") in addition to the timestamp.
-Default: false. */
+    /** If true (and `hasTimestamp` is also true), displays a day label (e.g., "Yesterday") in addition to the timestamp. Default: false. */
     hasDay?: boolean;
-    /** If true, renders a primary action button in the advice message.
-Default: false. */
+    /** If true, renders a primary action button in the advice message. Default: false. */
     action?: boolean;
-    /** If true, renders a secondary action button in the advice message.
-Note: The secondary action is only shown if the primary action (`action`) is also enabled.
-Default: false. */
+    /** If true, renders a secondary action button in the advice message. Note: The secondary action is only shown if the primary action (`action`) is also enabled. Default: false. */
     action2?: boolean;
     /** Sets the content line type for the advice message.
 - `singleLine`: Compact, one-line message.
@@ -40,13 +35,12 @@ export interface Events {
 }
 export interface Slots {
     primaryIcon?: Snippet;
-    secondaryIcon?: Snippet;
     title?: Snippet;
     description?: Snippet;
     time?: Snippet;
     day?: Snippet;
-    action?: Snippet;
-    action2?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAdviceFloatingItem: import("svelte").Component<$$ComponentProps, {

package/dist/components/advice-menu-item/ObcAdviceMenuItem.svelte

@@ -2,22 +2,23 @@
   <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 NamedSlot from "../../NamedSlot.svelte";
       import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** When true, renders the `icon` slot for a secondary icon. */
-hasIcon?: boolean;
+     /** When true, renders the `icon` slot for a secondary icon. */
+     hasIcon?: boolean;
      title?: string;
      description?: string;
      day?: string;
      time?: string;
      open?: boolean;
-      /** Layout size: `single-line` (default) or `double-line`. */
-size?: ObcMessageMenuItemSize;
+     /** Layout size: `single-line` (default) or `double-line`. */
+     size?: ObcMessageMenuItemSize;
      primaryActionLabel?: string;
      secondaryActionLabel?: string
    }
@@ -36,13 +37,9 @@ 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">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-advice-menu-item>

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte

@@ -2,28 +2,44 @@
   <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 NamedSlot from "../../NamedSlot.svelte";
       import type {ObcAdviceMessageItemType, ObcAdviceMessageItemSize} from '@oicl/openbridge-webcomponents/dist/components/advice-message-item/advice-message-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Title or heading of the advice message.
-Shown in the `title` slot if `hasTitle` is true. */
-title?: string;
-      /** Detailed message text for the advice.
-Shown in the `description` slot if `hasDescription` is true. */
-description?: string;
-      /** Primary timestamp to display (e.g., time of advice).
-Shown in the `time` slot if `hasTimestamp` is true. */
-time?: string;
-      /** Secondary timestamp (e.g., duration, relative time).
-Shown in the `time-secondary` slot if `hasTimestamp2` is true. */
-timeSecondary?: string;
-      /** Label for the action button (when `type` is "with-button").
-Shown in the `action-text` slot. */
-actionLabel?: string;
+     /**
+      * Title or heading of the advice message. Shown in the `title` slot if `hasTitle` is true.
+      *
+      * Available when `showTitle==true && type!=Inactive`.
+      */
+     title?: string;
+     /**
+      * Detailed message text for the advice. Shown in the `description` slot if `hasDescription` is true.
+      *
+      * Available when `showDescription==true && type!=Inactive`.
+      */
+     description?: string;
+     /**
+      * Primary timestamp to display (e.g., time of advice). Shown in the `time` slot if `hasTimestamp` is true.
+      *
+      * Available when `showTimestamp==true && type!=Inactive`.
+      */
+     time?: string;
+     /**
+      * Secondary timestamp (e.g., duration, relative time). Shown in the `time-secondary` slot if `hasTimestamp2` is true.
+      *
+      * Available when `hasTimestamp2==true && type!=Inactive`.
+      */
+     timeSecondary?: string;
+     /**
+      * Label for the action button (when `type` is "with-button"). Shown in the `action-text` slot.
+      *
+      * Available when `type==WithButton`.
+      */
+     actionLabel?: string;
       /** Display type of the advice message.
 - `simple`: Standard message with optional title, description, and timestamp.
 - `with-button`: Includes a text action button.
@@ -38,101 +54,60 @@ type?: ObcAdviceMessageItemType;
 
 Default: `regular` */
 size?: ObcAdviceMessageItemSize;
-      /** Whether to show the title.
-If false, the title is hidden even if set. */
-showTitle?: boolean;
-      /** Whether to show the description.
-If false, the description is hidden even if set. */
-showDescription?: boolean;
-      /** Whether to show the primary timestamp.
-If false, the `time` slot is not rendered. */
-showTimestamp?: boolean;
-      /** Whether to show the secondary timestamp.
-If true, the `time-secondary` slot is rendered. */
-hasTimestamp2?: boolean;
-      /** Whether to show the secondary icon overlay.
-If true, the `secondary-icon` slot is rendered. */
-hasSecondaryIcon?: boolean;
-      /** Text to display in the empty/inactive state.
-Shown in the `empty` slot when `type="inactive"` or `empty` is true. */
-emptyText?: string
+     /**
+      * Whether to show the title. If false, the title is hidden even if set.
+      *
+      * Available when `type!=Inactive`.
+      */
+     showTitle?: boolean;
+     /**
+      * Whether to show the description. If false, the description is hidden even if set.
+      *
+      * Available when `type!=Inactive`.
+      */
+     showDescription?: boolean;
+     /**
+      * Whether to show the primary timestamp. If false, the `time` slot is not rendered.
+      *
+      * Available when `type!=Inactive`.
+      */
+     showTimestamp?: boolean;
+     /**
+      * Whether to show the secondary timestamp. If true, the `time-secondary` slot is rendered.
+      *
+      * Available when `type!=Inactive`.
+      */
+     hasTimestamp2?: boolean;
+     /**
+      * Whether to show the secondary icon overlay. If true, the `secondary-icon` slot is rendered.
+      *
+      * Available when `type!=Inactive`.
+      */
+     hasSecondaryIcon?: boolean;
+     /**
+      * Text to display in the empty/inactive state. Shown in the `empty` slot when `type="inactive"` or `empty` is true.
+      *
+      * Available when `type==Inactive`.
+      */
+     emptyText?: string
    }
       export interface Events {
     onMessageClick?: (event: CustomEvent<void>) => void;
     onActionClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
-  primaryIcon?: Snippet;
-  secondaryIcon?: Snippet;
-  title?: Snippet;
-  description?: Snippet;
-  time?: Snippet;
-  timeSecondary?: Snippet;
-  actionText?: Snippet;
-  actionIcon?: Snippet;
-  empty?: Snippet
+  secondaryIcon?: Snippet
 }
-      const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, timeSecondary, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
+      const {onMessageClick, onActionClick, class: className, style, secondaryIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-message-item
     use:setProperties={props}
     class={className}
     style={style}
-    onmessage-click={onMessageClick}
-   onaction-click={onActionClick} >
+    use:forwardEvents={{'message-click': onMessageClick, 'action-click': onActionClick}} >
       
-      {#if primaryIcon}
-        <div slot="primary-icon">
-          {@render primaryIcon()}
-        </div>
-      {/if}
-
       {#if secondaryIcon}
-        <div slot="secondary-icon">
-          {@render secondaryIcon()}
-        </div>
-      {/if}
-
-      {#if title}
-        <div slot="title">
-          {@render title()}
-        </div>
-      {/if}
-
-      {#if description}
-        <div slot="description">
-          {@render description()}
-        </div>
-      {/if}
-
-      {#if time}
-        <div slot="time">
-          {@render time()}
-        </div>
-      {/if}
-
-      {#if timeSecondary}
-        <div slot="time-secondary">
-          {@render timeSecondary()}
-        </div>
-      {/if}
-
-      {#if actionText}
-        <div slot="action-text">
-          {@render actionText()}
-        </div>
-      {/if}
-
-      {#if actionIcon}
-        <div slot="action-icon">
-          {@render actionIcon()}
-        </div>
-      {/if}
-
-      {#if empty}
-        <div slot="empty">
-          {@render empty()}
-        </div>
+        <NamedSlot name="secondary-icon" content={secondaryIcon} />
       {/if}
     </obc-advice-message-item>

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts

@@ -4,20 +4,35 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Title or heading of the advice message.
-Shown in the `title` slot if `hasTitle` is true. */
+    /**
+     * Title or heading of the advice message. Shown in the `title` slot if `hasTitle` is true.
+     *
+     * Available when `showTitle==true && type!=Inactive`.
+     */
     title?: string;
-    /** Detailed message text for the advice.
-Shown in the `description` slot if `hasDescription` is true. */
+    /**
+     * Detailed message text for the advice. Shown in the `description` slot if `hasDescription` is true.
+     *
+     * Available when `showDescription==true && type!=Inactive`.
+     */
     description?: string;
-    /** Primary timestamp to display (e.g., time of advice).
-Shown in the `time` slot if `hasTimestamp` is true. */
+    /**
+     * Primary timestamp to display (e.g., time of advice). Shown in the `time` slot if `hasTimestamp` is true.
+     *
+     * Available when `showTimestamp==true && type!=Inactive`.
+     */
     time?: string;
-    /** Secondary timestamp (e.g., duration, relative time).
-Shown in the `time-secondary` slot if `hasTimestamp2` is true. */
+    /**
+     * Secondary timestamp (e.g., duration, relative time). Shown in the `time-secondary` slot if `hasTimestamp2` is true.
+     *
+     * Available when `hasTimestamp2==true && type!=Inactive`.
+     */
     timeSecondary?: string;
-    /** Label for the action button (when `type` is "with-button").
-Shown in the `action-text` slot. */
+    /**
+     * Label for the action button (when `type` is "with-button"). Shown in the `action-text` slot.
+     *
+     * Available when `type==WithButton`.
+     */
     actionLabel?: string;
     /** Display type of the advice message.
 - `simple`: Standard message with optional title, description, and timestamp.
@@ -33,23 +48,41 @@ Default: `simple` */
 
 Default: `regular` */
     size?: ObcAdviceMessageItemSize;
-    /** Whether to show the title.
-If false, the title is hidden even if set. */
+    /**
+     * Whether to show the title. If false, the title is hidden even if set.
+     *
+     * Available when `type!=Inactive`.
+     */
     showTitle?: boolean;
-    /** Whether to show the description.
-If false, the description is hidden even if set. */
+    /**
+     * Whether to show the description. If false, the description is hidden even if set.
+     *
+     * Available when `type!=Inactive`.
+     */
     showDescription?: boolean;
-    /** Whether to show the primary timestamp.
-If false, the `time` slot is not rendered. */
+    /**
+     * Whether to show the primary timestamp. If false, the `time` slot is not rendered.
+     *
+     * Available when `type!=Inactive`.
+     */
     showTimestamp?: boolean;
-    /** Whether to show the secondary timestamp.
-If true, the `time-secondary` slot is rendered. */
+    /**
+     * Whether to show the secondary timestamp. If true, the `time-secondary` slot is rendered.
+     *
+     * Available when `type!=Inactive`.
+     */
     hasTimestamp2?: boolean;
-    /** Whether to show the secondary icon overlay.
-If true, the `secondary-icon` slot is rendered. */
+    /**
+     * Whether to show the secondary icon overlay. If true, the `secondary-icon` slot is rendered.
+     *
+     * Available when `type!=Inactive`.
+     */
     hasSecondaryIcon?: boolean;
-    /** Text to display in the empty/inactive state.
-Shown in the `empty` slot when `type="inactive"` or `empty` is true. */
+    /**
+     * Text to display in the empty/inactive state. Shown in the `empty` slot when `type="inactive"` or `empty` is true.
+     *
+     * Available when `type==Inactive`.
+     */
     emptyText?: string;
 }
 export interface Events {
@@ -57,15 +90,7 @@ export interface Events {
     onActionClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
-    primaryIcon?: Snippet;
     secondaryIcon?: Snippet;
-    title?: Snippet;
-    description?: Snippet;
-    time?: Snippet;
-    timeSecondary?: Snippet;
-    actionText?: Snippet;
-    actionIcon?: Snippet;
-    empty?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAdviceMessageItem: import("svelte").Component<$$ComponentProps, {

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';
@@ -33,8 +33,12 @@ large?: boolean;
 
 The silence button is only shown if this is true, the width is above `silenceButtonMinBreakpointPx`, and the button is not in flat mode. */
 showSilenceButton?: boolean;
-      /** Disables the silence button when true. */
-silenceButtonDisabled?: boolean;
+     /**
+      * Disables the silence button when true.
+      *
+      * Available when `showSilenceButton==true`.
+      */
+     silenceButtonDisabled?: boolean;
       /** Whether to show the alert counter badge.
 
 Only shown when there are active alerts and the button is not in flat mode. */
@@ -68,8 +72,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-button/ObcAlertButton.svelte.d.ts

@@ -27,7 +27,11 @@ Adds extra height and padding. */
 
 The silence button is only shown if this is true, the width is above `silenceButtonMinBreakpointPx`, and the button is not in flat mode. */
     showSilenceButton?: boolean;
-    /** Disables the silence button when true. */
+    /**
+     * Disables the silence button when true.
+     *
+     * Available when `showSilenceButton==true`.
+     */
     silenceButtonDisabled?: boolean;
     /** Whether to show the alert counter badge.
 

package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte

@@ -2,7 +2,8 @@
   <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 NamedSlot from "../../NamedSlot.svelte";
       import type {ObcFloatingItemType, ObcFloatingItemDirection, ObcFloatingItemLineType} from '@oicl/openbridge-webcomponents/dist/components/floating-item/floating-item.js';
       import type { Snippet } from 'svelte';
 
@@ -18,21 +19,53 @@
      lineType?: ObcFloatingItemLineType
    }
       export interface Events {
-    
+    onActionClick?: (event: CustomEvent) => void;
+    onAction2Click?: (event: CustomEvent) => void;
+    onDismissClick?: (event: CustomEvent) => void
   }
       export interface Slots {
-  children?: Snippet
+  primaryIcon?: Snippet;
+  title?: Snippet;
+  description?: Snippet;
+  time?: Snippet;
+  day?: Snippet;
+  actionSnippet?: Snippet;
+  action2Snippet?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-alert-floating-item
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'action-click': onActionClick, 'action2-click': onAction2Click, 'dismiss-click': onDismissClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if primaryIcon}
+        <NamedSlot name="primary-icon" content={primaryIcon} />
+      {/if}
+
+      {#if title}
+        <NamedSlot name="title" content={title} />
+      {/if}
+
+      {#if description}
+        <NamedSlot name="description" content={description} />
+      {/if}
+
+      {#if time}
+        <NamedSlot name="time" content={time} />
+      {/if}
+
+      {#if day}
+        <NamedSlot name="day" content={day} />
+      {/if}
+
+      {#if actionSnippet}
+        <NamedSlot name="action" content={actionSnippet} />
+      {/if}
+
+      {#if action2Snippet}
+        <NamedSlot name="action2" content={action2Snippet} />
+      {/if}
     </obc-alert-floating-item>

package/dist/components/alert-floating-item/ObcAlertFloatingItem.svelte.d.ts

@@ -13,9 +13,18 @@ export interface Props {
     lineType?: ObcFloatingItemLineType;
 }
 export interface Events {
+    onActionClick?: (event: CustomEvent) => void;
+    onAction2Click?: (event: CustomEvent) => void;
+    onDismissClick?: (event: CustomEvent) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    primaryIcon?: Snippet;
+    title?: Snippet;
+    description?: Snippet;
+    time?: Snippet;
+    day?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertFloatingItem: import("svelte").Component<$$ComponentProps, {