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

package/dist/components/alert-frame/ObcAlertFrame.svelte

@@ -1,9 +1,12 @@
 
   <script lang="ts">
-    export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+    export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import { setProperties } from "../../util.js";
-      import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AlertType} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -24,16 +27,26 @@ thickness?: ObcAlertFrameThickness;
       /** Status of the alert, controlling color scheme and icon.
 - `alarm`: Highest severity (default).
 - `warning`: Medium severity.
-- `caution`: Lower severity. */
-status?: ObcAlertFrameStatus;
-      /** If true, the top-left corner will be sharp (not rounded). */
-sharpEdgeTopLeft?: boolean;
-      /** If true, the top-right corner will be sharp (not rounded). */
-sharpEdgeTopRight?: boolean;
-      /** If true, the bottom-left corner will be sharp (not rounded). */
-sharpEdgeBottomLeft?: boolean;
-      /** If true, the bottom-right corner will be sharp (not rounded). */
-sharpEdgeBottomRight?: boolean;
+- `caution`: Lower severity.
+- `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`: level severity levels, styled to match their legacy equivalents. */
+status?: AlertType;
+      /** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
+- `acked-active`: Active and acknowledged (default); no blinking.
+- `unacked-active`: Active and not yet acknowledged; blinks.
+- `unacked-rectified`: Condition cleared but not yet acknowledged. */
+mode?: ObcAlertFrameMode;
+     /** When true, the frame wraps and sizes itself to its slotted content instead of overlaying a fixed region. Reflected to an attribute for CSS styling. */
+     wrapContent?: boolean;
+     /** When true, the frame stretches to fill the full width of its container instead of hugging its content. Reflected to an attribute for CSS styling. */
+     fullWidth?: boolean;
+     /** If true, the top-left corner will be sharp (not rounded). */
+     sharpEdgeTopLeft?: boolean;
+     /** If true, the top-right corner will be sharp (not rounded). */
+     sharpEdgeTopRight?: boolean;
+     /** If true, the bottom-left corner will be sharp (not rounded). */
+     sharpEdgeBottomLeft?: boolean;
+     /** If true, the bottom-right corner will be sharp (not rounded). */
+     sharpEdgeBottomRight?: boolean;
      textSize?: AlertFrameTextSize;
      showIcon?: boolean;
      showAlertCategoryIcon?: boolean
@@ -61,20 +74,14 @@ sharpEdgeBottomRight?: boolean;
       {/if}
 
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
 
       {#if label}
-        <div slot="label">
-          {@render label()}
-        </div>
+        <NamedSlot name="label" content={label} />
       {/if}
 
       {#if timer}
-        <div slot="timer">
-          {@render timer()}
-        </div>
+        <NamedSlot name="timer" content={timer} />
       {/if}
     </obc-alert-frame>

package/dist/components/alert-frame/ObcAlertFrame.svelte.d.ts

@@ -1,5 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
-import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode, AlertFrameTextSize } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -19,8 +20,18 @@ Default: `small-side-flip` */
     /** Status of the alert, controlling color scheme and icon.
 - `alarm`: Highest severity (default).
 - `warning`: Medium severity.
-- `caution`: Lower severity. */
-    status?: ObcAlertFrameStatus;
+- `caution`: Lower severity.
+- `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`: level severity levels, styled to match their legacy equivalents. */
+    status?: AlertType;
+    /** Acknowledgement lifecycle state, controlling the frame's blinking/animation.
+- `acked-active`: Active and acknowledged (default); no blinking.
+- `unacked-active`: Active and not yet acknowledged; blinks.
+- `unacked-rectified`: Condition cleared but not yet acknowledged. */
+    mode?: ObcAlertFrameMode;
+    /** When true, the frame wraps and sizes itself to its slotted content instead of overlaying a fixed region. Reflected to an attribute for CSS styling. */
+    wrapContent?: boolean;
+    /** When true, the frame stretches to fill the full width of its container instead of hugging its content. Reflected to an attribute for CSS styling. */
+    fullWidth?: boolean;
     /** If true, the top-left corner will be sharp (not rounded). */
     sharpEdgeTopLeft?: boolean;
     /** If true, the top-right corner will be sharp (not rounded). */
@@ -45,8 +56,9 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertFrame: import("svelte").Component<$$ComponentProps, {
     ObcAlertFrameType: typeof ObcAlertFrameType;
     ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
-    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
     AlertFrameTextSize: typeof AlertFrameTextSize;
+    AlertType: typeof AlertType;
 }, "">;
 type ObcAlertFrame = ReturnType<typeof ObcAlertFrame>;
 export default ObcAlertFrame;

package/dist/components/alert-frame/ObiDiagnosticBadge.svelte

@@ -0,0 +1,32 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obi-diagnostic-badge
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obi-diagnostic-badge>

package/dist/components/alert-frame/ObiDiagnosticBadge.svelte.d.ts

@@ -0,0 +1,15 @@
+import '@oicl/openbridge-webcomponents/dist/components/alert-frame/diagnostic-badge.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObiDiagnosticBadge: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObiDiagnosticBadge = ReturnType<typeof ObiDiagnosticBadge>;
+export default ObiDiagnosticBadge;

package/dist/components/alert-icon/ObcAlertIcon.svelte

@@ -9,10 +9,13 @@
       export interface Props {
      class?: string;
      style?: string;
-     type?: AlertType;
-     acknowledged?: boolean;
-     active?: boolean;
-     outline?: boolean
+     alertType?: AlertType;
+     type?: AlertType | undefined;
+     /** Available when `type in [Alarm, Warning, LevelCritical, LevelHigh, LevelMedium, LevelLow]`. */
+     acknowledged?: boolean | undefined;
+     /** Available when `type in [Alarm, Warning, LevelCritical, LevelHigh, LevelMedium, LevelLow]`. */
+     active?: boolean | undefined;
+     silenced?: boolean | undefined
    }
       export interface Events {
     

package/dist/components/alert-icon/ObcAlertIcon.svelte.d.ts

@@ -4,10 +4,13 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    type?: AlertType;
-    acknowledged?: boolean;
-    active?: boolean;
-    outline?: boolean;
+    alertType?: AlertType;
+    type?: AlertType | undefined;
+    /** Available when `type in [Alarm, Warning, LevelCritical, LevelHigh, LevelMedium, LevelLow]`. */
+    acknowledged?: boolean | undefined;
+    /** Available when `type in [Alarm, Warning, LevelCritical, LevelHigh, LevelMedium, LevelLow]`. */
+    active?: boolean | undefined;
+    silenced?: boolean | undefined;
 }
 export interface Events {
 }

package/dist/components/alert-list-details/ObcAlertListDetails.svelte

@@ -3,7 +3,7 @@
     export type {ObcAckClickEvent, ObcRowClickEvent, AlertListMode} from '@oicl/openbridge-webcomponents/dist/components/alert-list-details/alert-list-details.js';
 export type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-list-details/alert-list-details.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcAckClickEvent, ObcRowClickEvent, AlertListMode} from '@oicl/openbridge-webcomponents/dist/components/alert-list-details/alert-list-details.js';
 import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
       import type { Snippet } from 'svelte';
@@ -14,6 +14,7 @@ import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
      selectedMode?: AlertListMode;
      alerts?: Alert[];
      showTime?: boolean;
+     /** Available when `showTime==true`. */
      timeFormatter?: (time: Date) => string;
      small?: boolean
    }
@@ -31,8 +32,7 @@ import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
     use:setProperties={props}
     class={className}
     style={style}
-    onack-click={onAckClick}
-   onrow-click={onRowClick} >
+    use:forwardEvents={{'ack-click': onAckClick, 'row-click': onRowClick}} >
       
     {#if children}
       {@render children()}

package/dist/components/alert-list-details/ObcAlertListDetails.svelte.d.ts

@@ -8,6 +8,7 @@ export interface Props {
     selectedMode?: AlertListMode;
     alerts?: Alert[];
     showTime?: boolean;
+    /** Available when `showTime==true`. */
     timeFormatter?: (time: Date) => string;
     small?: boolean;
 }

package/dist/components/alert-list-details-experimental/ObcAlertListDetailsExperimental.svelte

@@ -0,0 +1,42 @@
+
+  <script lang="ts">
+    export type {ObcAckClickEvent, ObcRowClickEvent, AlertListMode} from '@oicl/openbridge-webcomponents/dist/components/alert-list-details-experimental/alert-list-details-experimental.js';
+export type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
+      import '@oicl/openbridge-webcomponents/dist/components/alert-list-details-experimental/alert-list-details-experimental.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {ObcAckClickEvent, ObcRowClickEvent, AlertListMode} from '@oicl/openbridge-webcomponents/dist/components/alert-list-details-experimental/alert-list-details-experimental.js';
+import type {Alert} from '@oicl/openbridge-webcomponents/dist/types.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     selectedMode?: AlertListMode;
+     alerts?: Alert[];
+     showTime?: boolean;
+     /** Available when `showTime==true`. */
+     timeFormatter?: (time: Date) => string;
+     small?: boolean;
+     /** Whether groups start expanded. Set false to open the list collapsed. */
+     defaultExpanded?: boolean
+   }
+      export interface Events {
+    onAckClick?: (event: ObcAckClickEvent) => void;
+    onRowClick?: (event: ObcRowClickEvent) => void
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const {onAckClick, onRowClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-alert-list-details-experimental
+    use:setProperties={props}
+    class={className}
+    style={style}
+    use:forwardEvents={{'ack-click': onAckClick, 'row-click': onRowClick}} >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-alert-list-details-experimental>

package/dist/components/alert-list-details-experimental/ObcAlertListDetailsExperimental.svelte.d.ts

@@ -0,0 +1,32 @@
+import '@oicl/openbridge-webcomponents/dist/components/alert-list-details-experimental/alert-list-details-experimental.js';
+import type { ObcAckClickEvent, ObcRowClickEvent, AlertListMode } from '@oicl/openbridge-webcomponents/dist/components/alert-list-details-experimental/alert-list-details-experimental.js';
+import type { Alert } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    selectedMode?: AlertListMode;
+    alerts?: Alert[];
+    showTime?: boolean;
+    /** Available when `showTime==true`. */
+    timeFormatter?: (time: Date) => string;
+    small?: boolean;
+    /** Whether groups start expanded. Set false to open the list collapsed. */
+    defaultExpanded?: boolean;
+}
+export interface Events {
+    onAckClick?: (event: ObcAckClickEvent) => void;
+    onRowClick?: (event: ObcRowClickEvent) => void;
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcAlertListDetailsExperimental: import("svelte").Component<$$ComponentProps, {
+    ObcAckClickEvent: typeof ObcAckClickEvent;
+    ObcRowClickEvent: typeof ObcRowClickEvent;
+    AlertListMode: typeof AlertListMode;
+    Alert: typeof Alert;
+}, "">;
+type ObcAlertListDetailsExperimental = ReturnType<typeof ObcAlertListDetailsExperimental>;
+export default ObcAlertListDetailsExperimental;

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

@@ -2,7 +2,8 @@
   <script lang="ts">
     export type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       import type {ObcAckAllVisibleClickEvent} from '@oicl/openbridge-webcomponents/dist/components/alert-menu/alert-menu.js';
       import type { Snippet } from 'svelte';
 
@@ -32,89 +33,37 @@ showAlertListButton?: boolean
    }
       export interface Events {
     onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;
-    onAlertListClick?: (event: CustomEvent) => void;
     onSilenceClick?: (event: CustomEvent) => void;
     onGoToAlertListClick?: (event: CustomEvent) => void
   }
       export interface Slots {
   children?: Snippet;
-  emptyUnackedTitle?: Snippet;
-  emptyUnackedDescription?: Snippet;
-  emptyUnackedIcon?: Snippet;
-  emptyAllTitle?: Snippet;
-  emptyAllDescription?: Snippet;
-  emptyAllIcon?: Snippet;
-  emptyShelvedTitle?: Snippet;
-  emptyShelvedDescription?: Snippet;
-  emptyShelvedIcon?: Snippet
+  emptyTitle?: Snippet<[any]>;
+  emptyDescription?: Snippet<[any]>;
+  emptyIcon?: Snippet<[any]>
 }
-      const {onAckAllVisibleClick, onAlertListClick, onSilenceClick, onGoToAlertListClick, class: className, style, children, emptyUnackedTitle, emptyUnackedDescription, emptyUnackedIcon, emptyAllTitle, emptyAllDescription, emptyAllIcon, emptyShelvedTitle, emptyShelvedDescription, emptyShelvedIcon, ...props} = $props<Props & Events & Slots>();
+      const {onAckAllVisibleClick, onSilenceClick, onGoToAlertListClick, class: className, style, children, emptyTitle, emptyDescription, emptyIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-alert-menu
     use:setProperties={props}
     class={className}
     style={style}
-    onack-all-visible-click={onAckAllVisibleClick}
-   onalert-list-click={onAlertListClick}
-   onsilence-click={onSilenceClick}
-   ongo-to-alert-list-click={onGoToAlertListClick} >
+    use:forwardEvents={{'ack-all-visible-click': onAckAllVisibleClick, 'silence-click': onSilenceClick, 'go-to-alert-list-click': onGoToAlertListClick}} >
       
       {#if children}
         {@render children()}
       {/if}
 
-      {#if emptyUnackedTitle}
-        <div slot="empty-unacked-title">
-          {@render emptyUnackedTitle()}
-        </div>
+      {#if emptyTitle}
+        <NamedSlot name="empty-<tab>-title" content={emptyTitle} />
       {/if}
 
-      {#if emptyUnackedDescription}
-        <div slot="empty-unacked-description">
-          {@render emptyUnackedDescription()}
-        </div>
+      {#if emptyDescription}
+        <NamedSlot name="empty-<tab>-description" content={emptyDescription} />
       {/if}
 
-      {#if emptyUnackedIcon}
-        <div slot="empty-unacked-icon">
-          {@render emptyUnackedIcon()}
-        </div>
-      {/if}
-
-      {#if emptyAllTitle}
-        <div slot="empty-all-title">
-          {@render emptyAllTitle()}
-        </div>
-      {/if}
-
-      {#if emptyAllDescription}
-        <div slot="empty-all-description">
-          {@render emptyAllDescription()}
-        </div>
-      {/if}
-
-      {#if emptyAllIcon}
-        <div slot="empty-all-icon">
-          {@render emptyAllIcon()}
-        </div>
-      {/if}
-
-      {#if emptyShelvedTitle}
-        <div slot="empty-shelved-title">
-          {@render emptyShelvedTitle()}
-        </div>
-      {/if}
-
-      {#if emptyShelvedDescription}
-        <div slot="empty-shelved-description">
-          {@render emptyShelvedDescription()}
-        </div>
-      {/if}
-
-      {#if emptyShelvedIcon}
-        <div slot="empty-shelved-icon">
-          {@render emptyShelvedIcon()}
-        </div>
+      {#if emptyIcon}
+        <NamedSlot name="empty-<tab>-icon" content={emptyIcon} />
       {/if}
     </obc-alert-menu>

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

@@ -27,21 +27,14 @@ Default: true. */
 }
 export interface Events {
     onAckAllVisibleClick?: (event: ObcAckAllVisibleClickEvent) => void;
-    onAlertListClick?: (event: CustomEvent) => void;
     onSilenceClick?: (event: CustomEvent) => void;
     onGoToAlertListClick?: (event: CustomEvent) => void;
 }
 export interface Slots {
     children?: Snippet;
-    emptyUnackedTitle?: Snippet;
-    emptyUnackedDescription?: Snippet;
-    emptyUnackedIcon?: Snippet;
-    emptyAllTitle?: Snippet;
-    emptyAllDescription?: Snippet;
-    emptyAllIcon?: Snippet;
-    emptyShelvedTitle?: Snippet;
-    emptyShelvedDescription?: Snippet;
-    emptyShelvedIcon?: Snippet;
+    emptyTitle?: Snippet<[any]>;
+    emptyDescription?: Snippet<[any]>;
+    emptyIcon?: Snippet<[any]>;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertMenu: import("svelte").Component<$$ComponentProps, {

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

@@ -1,73 +1,77 @@
 
   <script lang="ts">
-    export type {ObcAlertMenuItemStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
+    export type {ObcAlertMenuItemStatus, ObcAlertMenuItemActionState} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
 export type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
-      import { setProperties } from "../../util.js";
-      import type {ObcAlertMenuItemStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
+      import type {ObcAlertMenuItemStatus, ObcAlertMenuItemActionState} from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
 import type {ObcMessageMenuItemSize} from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Whether to display a secondary icon (e.g., system/source) in the item.
-When true, the `icon` slot is rendered. */
-hasIcon?: boolean;
-      /** Indicates if the alert is shelved (temporarily deferred).
-When true, a tertiary icon is shown to represent the shelved state. */
-shelved?: boolean;
-      /** The title of the alert. */
-title?: string;
-      /** The description of the alert. */
-description?: string;
-      /** The day label for the alert (e.g., "Yesterday"). */
-day?: string;
-      /** The time label for the alert (e.g., "14:30"). */
-time?: string;
-      /** The current status of the alert item.
-Determines visual style, icon, and action button visibility.
-Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified'.
-Default is 'unacknowledged'. */
-status?: ObcAlertMenuItemStatus;
-      /** Whether the item is expanded/open to show additional details.
-Toggled by clicking the item. */
-open?: boolean;
-      /** Layout size of the menu item.
-Controls whether content is single-line or multi-line.
-Possible values: 'single-line', 'multi-line'.
-Default is 'single-line'. */
-size?: ObcMessageMenuItemSize;
-      /** Whether to animate the item's appearance (intro animation). */
-animateIntro?: boolean
+     /** Whether to display a secondary icon (e.g., system/source) in the item. When true, the `icon` slot is rendered. */
+     hasIcon?: boolean;
+     /** Indicates if the alert is shelved (temporarily deferred). When true, a tertiary icon is shown to represent the shelved state. */
+     shelved?: boolean;
+     /** The title of the alert. */
+     title?: string;
+     /** The description of the alert. */
+     description?: string;
+     /** The day label for the alert (e.g., "Yesterday"). */
+     day?: string;
+     /** The time label for the alert (e.g., "14:30"). */
+     time?: string;
+     /** The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified'. Default is 'unacknowledged'. */
+     status?: ObcAlertMenuItemStatus;
+     /** Whether the item is expanded/open to show additional details. Toggled by clicking the item. */
+     open?: boolean;
+     /** Layout size of the menu item. Controls whether content is single-line or multi-line. Possible values: 'single-line', 'multi-line'. Default is 'single-line'. */
+     size?: ObcMessageMenuItemSize;
+     /** Whether to animate the item's appearance (intro animation). */
+     animateIntro?: boolean;
+     /** The label for the secondary action button. Unlike the primary (ACK) action, the secondary label is not derived from `status`; it must be provided explicitly. The secondary action is only shown when a non-empty label is set and `secondaryActionState` is not `none`. */
+     secondaryActionLabel?: string;
+      /** [object Object],[object Object],[object Object] */
+primaryActionState?: ObcAlertMenuItemActionState;
+      /** [object Object],[object Object],[object Object] */
+secondaryActionState?: ObcAlertMenuItemActionState
    }
       export interface Events {
     onAckClick?: (event: CustomEvent<void>) => void;
+    onAckSecondaryClick?: (event: CustomEvent<void>) => void;
     onItemClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
   alertIcon?: Snippet;
+  titleSnippet?: Snippet;
+  descriptionSnippet?: Snippet;
   icon?: Snippet
 }
-      const {onAckClick, onItemClick, class: className, style, alertIcon, icon, ...props} = $props<Props & Events & Slots>();
+      const {onAckClick, onAckSecondaryClick, onItemClick, class: className, style, alertIcon, titleSnippet, descriptionSnippet, icon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-alert-menu-item
     use:setProperties={props}
     class={className}
     style={style}
-    onack-click={onAckClick}
-   onitem-click={onItemClick} >
+    use:forwardEvents={{'ack-click': onAckClick, 'ack-secondary-click': onAckSecondaryClick, 'item-click': onItemClick}} >
       
       {#if alertIcon}
-        <div slot="alert-icon">
-          {@render alertIcon()}
-        </div>
+        <NamedSlot name="alert-icon" content={alertIcon} />
+      {/if}
+
+      {#if titleSnippet}
+        <NamedSlot name="title" content={titleSnippet} />
+      {/if}
+
+      {#if descriptionSnippet}
+        <NamedSlot name="description" content={descriptionSnippet} />
       {/if}
 
       {#if icon}
-        <div slot="icon">
-          {@render icon()}
-        </div>
+        <NamedSlot name="icon" content={icon} />
       {/if}
     </obc-alert-menu-item>

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

@@ -1,15 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
-import type { ObcAlertMenuItemStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
+import type { ObcAlertMenuItemStatus, ObcAlertMenuItemActionState } from '@oicl/openbridge-webcomponents/dist/components/alert-menu-item/alert-menu-item.js';
 import type { ObcMessageMenuItemSize } from '@oicl/openbridge-webcomponents/dist/components/message-menu-item/message-menu-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Whether to display a secondary icon (e.g., system/source) in the item.
-When true, the `icon` slot is rendered. */
+    /** Whether to display a secondary icon (e.g., system/source) in the item. When true, the `icon` slot is rendered. */
     hasIcon?: boolean;
-    /** Indicates if the alert is shelved (temporarily deferred).
-When true, a tertiary icon is shown to represent the shelved state. */
+    /** Indicates if the alert is shelved (temporarily deferred). When true, a tertiary icon is shown to represent the shelved state. */
     shelved?: boolean;
     /** The title of the alert. */
     title?: string;
@@ -19,33 +17,36 @@ When true, a tertiary icon is shown to represent the shelved state. */
     day?: string;
     /** The time label for the alert (e.g., "14:30"). */
     time?: string;
-    /** The current status of the alert item.
-Determines visual style, icon, and action button visibility.
-Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified'.
-Default is 'unacknowledged'. */
+    /** The current status of the alert item. Determines visual style, icon, and action button visibility. Possible values: 'unacknowledged', 'caution', 'acknowledged', 'no-ack-alarm', 'no-ack-warning', 'rectified'. Default is 'unacknowledged'. */
     status?: ObcAlertMenuItemStatus;
-    /** Whether the item is expanded/open to show additional details.
-Toggled by clicking the item. */
+    /** Whether the item is expanded/open to show additional details. Toggled by clicking the item. */
     open?: boolean;
-    /** Layout size of the menu item.
-Controls whether content is single-line or multi-line.
-Possible values: 'single-line', 'multi-line'.
-Default is 'single-line'. */
+    /** Layout size of the menu item. Controls whether content is single-line or multi-line. Possible values: 'single-line', 'multi-line'. Default is 'single-line'. */
     size?: ObcMessageMenuItemSize;
     /** Whether to animate the item's appearance (intro animation). */
     animateIntro?: boolean;
+    /** The label for the secondary action button. Unlike the primary (ACK) action, the secondary label is not derived from `status`; it must be provided explicitly. The secondary action is only shown when a non-empty label is set and `secondaryActionState` is not `none`. */
+    secondaryActionLabel?: string;
+    /** [object Object],[object Object],[object Object] */
+    primaryActionState?: ObcAlertMenuItemActionState;
+    /** [object Object],[object Object],[object Object] */
+    secondaryActionState?: ObcAlertMenuItemActionState;
 }
 export interface Events {
     onAckClick?: (event: CustomEvent<void>) => void;
+    onAckSecondaryClick?: (event: CustomEvent<void>) => void;
     onItemClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
     alertIcon?: Snippet;
+    titleSnippet?: Snippet;
+    descriptionSnippet?: Snippet;
     icon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertMenuItem: import("svelte").Component<$$ComponentProps, {
     ObcAlertMenuItemStatus: typeof ObcAlertMenuItemStatus;
+    ObcAlertMenuItemActionState: typeof ObcAlertMenuItemActionState;
     ObcMessageMenuItemSize: typeof ObcMessageMenuItemSize;
 }, "">;
 type ObcAlertMenuItem = ReturnType<typeof ObcAlertMenuItem>;