@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.140

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 } from "../../util.js";
-      import type {WifiState, AudioState, MicrophoneState, BatteryState, SystemSubMenu} from '@oicl/openbridge-webcomponents/dist/components/system-menu/system-menu.js';
+      import { setProperties, forwardEvents } from "../../util.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,8 +22,9 @@
       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;
     onBatterySavingModeChange?: (event: CustomEvent<unknown>) => void;
     onBatteryModeChange?: (event: CustomEvent<unknown>) => void;
@@ -36,31 +37,20 @@
     onWifiDisconnectClick?: (event: CustomEvent<unknown>) => void
   }
       export interface Slots {
-  children?: Snippet
+  batteryStatus?: Snippet
 }
-      const {onWifiClick, onAudioClick, onAudioVolumeChange, onMicrophoneClick, onBatteryUsageClick, onBatterySavingModeChange, onBatteryModeChange, onWifiNetworkChange, onAudioOutputChange, onMicrophoneInputChange, onSettingsClick, onToSubMenuClick, onWifiOptionsClick, onWifiDisconnectClick, class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onWifiClick, onAudioClick, onAudioVolumeChange, onMicrophoneClick, onPushToTalkChange, onBatteryUsageClick, onBatterySavingModeChange, onBatteryModeChange, onWifiNetworkChange, onAudioOutputChange, onMicrophoneInputChange, onSettingsClick, onToSubMenuClick, onWifiOptionsClick, onWifiDisconnectClick, class: className, style, batteryStatus, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-system-menu
     use:setProperties={props}
     class={className}
     style={style}
-    onwifi-click={onWifiClick}
-   onaudio-click={onAudioClick}
-   onaudio-volume-change={onAudioVolumeChange}
-   onmicrophone-click={onMicrophoneClick}
-   onbattery-usage-click={onBatteryUsageClick}
-   onbattery-saving-mode-change={onBatterySavingModeChange}
-   onbattery-mode-change={onBatteryModeChange}
-   onwifi-network-change={onWifiNetworkChange}
-   onaudio-output-change={onAudioOutputChange}
-   onmicrophone-input-change={onMicrophoneInputChange}
-   onsettings-click={onSettingsClick}
-   onto-sub-menu-click={onToSubMenuClick}
-   onwifi-options-click={onWifiOptionsClick}
-   onwifi-disconnect-click={onWifiDisconnectClick} >
+    use:forwardEvents={{'wifi-click': onWifiClick, 'audio-click': onAudioClick, 'audio-volume-change': onAudioVolumeChange, 'microphone-click': onMicrophoneClick, 'push-to-talk-change': onPushToTalkChange, 'battery-usage-click': onBatteryUsageClick, 'battery-saving-mode-change': onBatterySavingModeChange, 'battery-mode-change': onBatteryModeChange, 'wifi-network-change': onWifiNetworkChange, 'audio-output-change': onAudioOutputChange, 'microphone-input-change': onMicrophoneInputChange, 'settings-click': onSettingsClick, 'to-sub-menu-click': onToSubMenuClick, 'wifi-options-click': onWifiOptionsClick, 'wifi-disconnect-click': onWifiDisconnectClick}} >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if batteryStatus}
+        <div slot="battery-status">
+          {@render batteryStatus()}
+        </div>
+      {/if}
     </obc-system-menu>

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,8 +17,9 @@ 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;
     onBatterySavingModeChange?: (event: CustomEvent<unknown>) => void;
     onBatteryModeChange?: (event: CustomEvent<unknown>) => void;
@@ -31,10 +32,11 @@ export interface Events {
     onWifiDisconnectClick?: (event: CustomEvent<unknown>) => void;
 }
 export interface Slots {
-    children?: Snippet;
+    batteryStatus?: Snippet;
 }
 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/tab-item/ObcTabItem.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    
+    export type {TabItemBadge} from '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
       import '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
-      import { setProperties } from "../../util.js";
-      
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {TabItemBadge} from '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -44,11 +44,16 @@ Useful for visually separating tabs.
 
 Default: false */
 hasDivider?: boolean;
-      /** Displays a badge (count/status) on the tab.
-Configure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.
+      /** One or more badges (count/status) to display on the tab.
 
-Default: false */
-hasBadge?: boolean;
+When this array is non-empty it takes precedence over the deprecated
+single-badge props (`hasBadge`, `badgeType`, `badgeSize`, `badgeCount`,
+`badgeShowNumber`, `showLeadingBadgeIcon`). When empty, the deprecated
+props are used instead (gated by `hasBadge`).
+
+Default: [] */
+badges?: TabItemBadge[];
+     hasBadge?: boolean;
       /** (Deprecated/Unused) Icon name for the tab.
 Icon content should be provided via the `leading-icon` slot.
 
@@ -59,33 +64,28 @@ Can be overridden by slotting content into the `title` slot.
 
 Default: 'Tab title' */
 title?: string;
-      /** Disables the tab, preventing user interaction and applying disabled styles.
+      /** Shows contextual text below the tab title.
 
 Default: false */
-disabled?: boolean;
-      /** Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).
-See `BadgeType` enum for available options.
+showSubtitle?: boolean;
+      /** Contextual text shown below the tab title when `showSubtitle` is true.
 
-Default: 'regular' */
-badgeType?: string;
-      /** Size of the badge ('regular' or 'large').
-See `BadgeSize` enum for available options.
-
-Default: 'regular' */
-badgeSize?: string;
-      /** Shows the badge's numeric value. When false, only the badge background is rendered (for status-only badges).
-
-Default: true */
-badgeShowNumber?: boolean;
-      /** The numeric value to display in the badge (e.g., count of notifications).
-
-Default: 0 */
-badgeCount?: number;
-      /** Shows an icon inside the badge.
-Supply icon content via the `badge-icon` slot.
+Default: '' */
+subtitle?: string;
+      /** Disables the tab, preventing user interaction and applying disabled styles.
 
 Default: false */
-showLeadingBadgeIcon?: boolean
+disabled?: boolean;
+     /** Available when `hasBadge==true`. */
+     badgeType?: string;
+     /** Available when `hasBadge==true`. */
+     badgeSize?: string;
+     /** Available when `hasBadge==true`. */
+     badgeShowNumber?: boolean;
+     /** Available when `hasBadge==true`. */
+     badgeCount?: number;
+     /** Available when `hasBadge==true`. */
+     showLeadingBadgeIcon?: boolean
    }
       export interface Events {
     onTabClick?: (event: CustomEvent<{title: string}>) => void;
@@ -93,18 +93,17 @@ showLeadingBadgeIcon?: boolean
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  title?: Snippet;
+  titleSnippet?: Snippet;
   badgeIcon?: Snippet
 }
-      const {onTabClick, onTabClose, class: className, style, leadingIcon, title, badgeIcon, ...props} = $props<Props & Events & Slots>();
+      const {onTabClick, onTabClose, class: className, style, leadingIcon, titleSnippet, badgeIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-tab-item
     use:setProperties={props}
     class={className}
     style={style}
-    ontab-click={onTabClick}
-   ontab-close={onTabClose} >
+    use:forwardEvents={{'tab-click': onTabClick, 'tab-close': onTabClose}} >
       
       {#if leadingIcon}
         <div slot="leading-icon">
@@ -112,9 +111,9 @@ showLeadingBadgeIcon?: boolean
         </div>
       {/if}
 
-      {#if title}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 

package/dist/components/tab-item/ObcTabItem.svelte.d.ts

@@ -1,4 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
+import type { TabItemBadge } from '@oicl/openbridge-webcomponents/dist/components/tab-item/tab-item.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -38,10 +39,15 @@ Useful for visually separating tabs.
 
 Default: false */
     hasDivider?: boolean;
-    /** Displays a badge (count/status) on the tab.
-Configure badge appearance via `badgeCount`, `badgeType`, `badgeSize`, etc.
+    /** One or more badges (count/status) to display on the tab.
 
-Default: false */
+When this array is non-empty it takes precedence over the deprecated
+single-badge props (`hasBadge`, `badgeType`, `badgeSize`, `badgeCount`,
+`badgeShowNumber`, `showLeadingBadgeIcon`). When empty, the deprecated
+props are used instead (gated by `hasBadge`).
+
+Default: [] */
+    badges?: TabItemBadge[];
     hasBadge?: boolean;
     /** (Deprecated/Unused) Icon name for the tab.
 Icon content should be provided via the `leading-icon` slot.
@@ -53,32 +59,27 @@ Can be overridden by slotting content into the `title` slot.
 
 Default: 'Tab title' */
     title?: string;
+    /** Shows contextual text below the tab title.
+
+Default: false */
+    showSubtitle?: boolean;
+    /** Contextual text shown below the tab title when `showSubtitle` is true.
+
+Default: '' */
+    subtitle?: string;
     /** Disables the tab, preventing user interaction and applying disabled styles.
 
 Default: false */
     disabled?: boolean;
-    /** Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).
-See `BadgeType` enum for available options.
-
-Default: 'regular' */
+    /** Available when `hasBadge==true`. */
     badgeType?: string;
-    /** Size of the badge ('regular' or 'large').
-See `BadgeSize` enum for available options.
-
-Default: 'regular' */
+    /** Available when `hasBadge==true`. */
     badgeSize?: string;
-    /** Shows the badge's numeric value. When false, only the badge background is rendered (for status-only badges).
-
-Default: true */
+    /** Available when `hasBadge==true`. */
     badgeShowNumber?: boolean;
-    /** The numeric value to display in the badge (e.g., count of notifications).
-
-Default: 0 */
+    /** Available when `hasBadge==true`. */
     badgeCount?: number;
-    /** Shows an icon inside the badge.
-Supply icon content via the `badge-icon` slot.
-
-Default: false */
+    /** Available when `hasBadge==true`. */
     showLeadingBadgeIcon?: boolean;
 }
 export interface Events {
@@ -91,10 +92,12 @@ export interface Events {
 }
 export interface Slots {
     leadingIcon?: Snippet;
-    title?: Snippet;
+    titleSnippet?: Snippet;
     badgeIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcTabItem: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcTabItem: import("svelte").Component<$$ComponentProps, {
+    TabItemBadge: typeof TabItemBadge;
+}, "">;
 type ObcTabItem = ReturnType<typeof ObcTabItem>;
 export default ObcTabItem;

package/dist/components/tab-row/ObcTabRow.svelte

@@ -2,24 +2,27 @@
   <script lang="ts">
     export type {TabData} from '@oicl/openbridge-webcomponents/dist/components/tab-row/tab-row.js';
       import '@oicl/openbridge-webcomponents/dist/components/tab-row/tab-row.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {TabData} from '@oicl/openbridge-webcomponents/dist/components/tab-row/tab-row.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
+      /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
 
 - `id` (string): Unique identifier for the tab.
 - `title` (string): Display label for the tab.
+- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.
+- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.
 - `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).
-- `hasBadge` (boolean): Whether to show a badge on the tab.
-- `badgeCount` (number): Number to display in the badge.
-- `badgeType` (BadgeType): Visual style of the badge (e.g., notification, alarm, enhance).
-- `badgeSize` (BadgeSize): Size of the badge (e.g., regular, large).
-- `badgeShowNumber` (boolean): If true, shows the badge number.
-- `showLeadingBadgeIcon` (boolean): If true, shows a badge icon.
+- `badges` (TabItemBadge[]): One or more badges to display on the tab. Takes precedence over the deprecated single-badge fields below.
+- `hasBadge` (boolean, deprecated): Whether to show a badge on the tab.
+- `badgeCount` (number, deprecated): Number to display in the badge.
+- `badgeType` (BadgeType, deprecated): Visual style of the badge (e.g., notification, alarm, enhance).
+- `badgeSize` (BadgeSize, deprecated): Size of the badge (e.g., regular, large).
+- `badgeShowNumber` (boolean, deprecated): If true, shows the badge number.
+- `showLeadingBadgeIcon` (boolean, deprecated): If true, shows a badge icon.
 - `disabled` (boolean): If true, disables the tab. */
 tabs?: TabData[];
       /** The `id` of the currently selected tab. Only one tab can be selected at a time.
@@ -30,10 +33,15 @@ selectedTabId?: string;
 
 Default: `false`. */
 hasClose?: boolean;
+     centerContent?: boolean;
       /** Enables "hug" mode for a more compact tab layout with reduced padding.
 
 Default: `false`. */
 hug?: boolean;
+      /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`.
+
+Default: `false`. */
+showSubtitle?: boolean;
       /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event.
 
 Default: `false`. */
@@ -46,31 +54,29 @@ hasAddNewTab?: boolean
   }
       export interface Slots {
   tabIcon?: Snippet<[any]>;
-  tabBadgeIcon?: Snippet<[any]>
+  tab?: Snippet<[any]>
 }
-      const {onTabSelected, onTabClosed, onAddNewTab, class: className, style, tabIcon, tabBadgeIcon, ...props} = $props<Props & Events & Slots>();
+      const {onTabSelected, onTabClosed, onAddNewTab, class: className, style, tabIcon, tab, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-tab-row
     use:setProperties={props}
     class={className}
     style={style}
-    ontab-selected={onTabSelected}
-   ontab-closed={onTabClosed}
-   onadd-new-tab={onAddNewTab} >
+    use:forwardEvents={{'tab-selected': onTabSelected, 'tab-closed': onTabClosed, 'add-new-tab': onAddNewTab}} >
       
-      {#if tabs && tabIcon}
-        {#each tabs as item}
+      {#if props.tabs && tabIcon}
+        {#each props.tabs as item}
           <div slot="tab-{item.id}-icon">
             {@render tabIcon(item)}
           </div>
         {/each}
       {/if}
 
-      {#if tabs && tabBadgeIcon}
-        {#each tabs as item}
-          <div slot="tab-{item.id}-badge-icon">
-            {@render tabBadgeIcon(item)}
+      {#if props.tabs && tab}
+        {#each props.tabs as item}
+          <div slot="tab-{item.id}-<iconSlotName>">
+            {@render tab(item)}
           </div>
         {/each}
       {/if}

package/dist/components/tab-row/ObcTabRow.svelte.d.ts

@@ -4,17 +4,20 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
+    /** The list of tabs to display. Each tab is defined by an object with properties such as `id`, `title`, `subtitle`, `showSubtitle`, `hasLeadingIcon`, `hasBadge`, `badgeCount`, `badgeType`, `badgeSize`, `badgeShowNumber`, `showLeadingBadgeIcon`, and `disabled`.
 
 - `id` (string): Unique identifier for the tab.
 - `title` (string): Display label for the tab.
+- `subtitle` (string): Contextual text shown below the title when subtitle display is enabled.
+- `showSubtitle` (boolean): Optional per-tab override for displaying the subtitle.
 - `hasLeadingIcon` (boolean): Whether to show a leading icon (default: true).
-- `hasBadge` (boolean): Whether to show a badge on the tab.
-- `badgeCount` (number): Number to display in the badge.
-- `badgeType` (BadgeType): Visual style of the badge (e.g., notification, alarm, enhance).
-- `badgeSize` (BadgeSize): Size of the badge (e.g., regular, large).
-- `badgeShowNumber` (boolean): If true, shows the badge number.
-- `showLeadingBadgeIcon` (boolean): If true, shows a badge icon.
+- `badges` (TabItemBadge[]): One or more badges to display on the tab. Takes precedence over the deprecated single-badge fields below.
+- `hasBadge` (boolean, deprecated): Whether to show a badge on the tab.
+- `badgeCount` (number, deprecated): Number to display in the badge.
+- `badgeType` (BadgeType, deprecated): Visual style of the badge (e.g., notification, alarm, enhance).
+- `badgeSize` (BadgeSize, deprecated): Size of the badge (e.g., regular, large).
+- `badgeShowNumber` (boolean, deprecated): If true, shows the badge number.
+- `showLeadingBadgeIcon` (boolean, deprecated): If true, shows a badge icon.
 - `disabled` (boolean): If true, disables the tab. */
     tabs?: TabData[];
     /** The `id` of the currently selected tab. Only one tab can be selected at a time.
@@ -25,10 +28,15 @@ Changing this property updates the selected tab visually and emits the `tab-sele
 
 Default: `false`. */
     hasClose?: boolean;
+    centerContent?: boolean;
     /** Enables "hug" mode for a more compact tab layout with reduced padding.
 
 Default: `false`. */
     hug?: boolean;
+    /** Whether to display subtitle text for each tab. Individual tabs can override this with `tab.showSubtitle`.
+
+Default: `false`. */
+    showSubtitle?: boolean;
     /** Whether to display an "add new tab" button at the end of the tab row. When clicked, emits the `add-new-tab` event.
 
 Default: `false`. */
@@ -49,7 +57,7 @@ export interface Events {
 }
 export interface Slots {
     tabIcon?: Snippet<[any]>;
-    tabBadgeIcon?: Snippet<[any]>;
+    tab?: Snippet<[any]>;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcTabRow: import("svelte").Component<$$ComponentProps, {

package/dist/components/tabbed-card/ObcTabbedCard.svelte

@@ -2,22 +2,21 @@
   <script lang="ts">
     
       import '@oicl/openbridge-webcomponents/dist/components/tabbed-card/tabbed-card.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Number of tabs to display (1–5). Determines how many tab-title/content slot pairs are rendered. */
-nTabs?: number;
-      /** Index of the currently selected tab (zero-based). Updates automatically on user interaction. */
-selectedTab?: number;
-      /** If true, only the default slot is rendered for tab content, and the consumer is responsible for toggling content based on the selected tab.
-When false (default), each tab uses its own named slots for title and content. */
-hasDefaultSlotOnly?: boolean;
-      /** If true, each tab will have an icon slot. */
-hasTabIcons?: boolean
+     /** Number of tabs to display (1–5). Determines how many tab-title/content slot pairs are rendered. */
+     nTabs?: number;
+     /** Index of the currently selected tab (zero-based). Updates automatically on user interaction. */
+     selectedTab?: number;
+     /** If true, only the default slot is rendered for tab content, and the consumer is responsible for toggling content based on the selected tab. When false (default), each tab uses its own named slots for title and content. */
+     hasDefaultSlotOnly?: boolean;
+     /** If true, each tab will have an icon slot. */
+     hasTabIcons?: boolean
    }
       export interface Events {
     onTabChange?: (event: CustomEvent<{tab:number}>) => void
@@ -47,7 +46,7 @@ hasTabIcons?: boolean
     use:setProperties={props}
     class={className}
     style={style}
-    ontab-change={onTabChange} >
+    use:forwardEvents={{'tab-change': onTabChange}} >
       
       {#if children}
         {@render children()}

package/dist/components/tabbed-card/ObcTabbedCard.svelte.d.ts

@@ -7,8 +7,7 @@ export interface Props {
     nTabs?: number;
     /** Index of the currently selected tab (zero-based). Updates automatically on user interaction. */
     selectedTab?: number;
-    /** If true, only the default slot is rendered for tab content, and the consumer is responsible for toggling content based on the selected tab.
-When false (default), each tab uses its own named slots for title and content. */
+    /** If true, only the default slot is rendered for tab content, and the consumer is responsible for toggling content based on the selected tab. When false (default), each tab uses its own named slots for title and content. */
     hasDefaultSlotOnly?: boolean;
     /** If true, each tab will have an icon slot. */
     hasTabIcons?: boolean;

package/dist/components/table/ObcTable.svelte

@@ -2,7 +2,7 @@
   <script lang="ts">
     export type {ObcTableRowClickEvent, ObcTableCellClickEvent, ObcTableCellCheckboxChangeEvent, ObcTableCellTagClickEvent, ObcTableSelectionChangeEvent, ObcTableRow, ObcTableColumn, ObcTableCellData} from '@oicl/openbridge-webcomponents/dist/components/table/table.js';
       import '@oicl/openbridge-webcomponents/dist/components/table/table.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ObcTableRowClickEvent, ObcTableCellClickEvent, ObcTableCellCheckboxChangeEvent, ObcTableCellTagClickEvent, ObcTableSelectionChangeEvent, ObcTableRow, ObcTableColumn, ObcTableCellData} from '@oicl/openbridge-webcomponents/dist/components/table/table.js';
       import type { Snippet } from 'svelte';
 
@@ -12,12 +12,16 @@
      data?: ObcTableRow[];
      columns?: ObcTableColumn<ObcTableCellData, ObcTableRow>[];
      rowDivider?: boolean;
+     /** Available when `showHeader==true`. */
      narrowHeader?: boolean;
      showHeader?: boolean;
      striped?: boolean;
      selectable?: boolean;
+     /** Available when `selectable==true`. */
      selectedRowIds?: string[] | undefined;
+     /** Available when `selectable==true && selectedRowIds==undefined`. */
      defaultSelectedRowIds?: string[] | undefined;
+     /** Available when `selectable==true && showHeader==true`. */
      selectAllAriaLabel?: string
    }
       export interface Events {
@@ -37,11 +41,7 @@
     use:setProperties={props}
     class={className}
     style={style}
-    onrow-click={onRowClick}
-   oncell-button-click={onCellButtonClick}
-   oncell-checkbox-change={onCellCheckboxChange}
-   oncell-tag-click={onCellTagClick}
-   onselection-change={onSelectionChange} >
+    use:forwardEvents={{'row-click': onRowClick, 'cell-button-click': onCellButtonClick, 'cell-checkbox-change': onCellCheckboxChange, 'cell-tag-click': onCellTagClick, 'selection-change': onSelectionChange}} >
       
     {#if children}
       {@render children()}

package/dist/components/table/ObcTable.svelte.d.ts

@@ -7,12 +7,16 @@ export interface Props {
     data?: ObcTableRow[];
     columns?: ObcTableColumn<ObcTableCellData, ObcTableRow>[];
     rowDivider?: boolean;
+    /** Available when `showHeader==true`. */
     narrowHeader?: boolean;
     showHeader?: boolean;
     striped?: boolean;
     selectable?: boolean;
+    /** Available when `selectable==true`. */
     selectedRowIds?: string[] | undefined;
+    /** Available when `selectable==true && selectedRowIds==undefined`. */
     defaultSelectedRowIds?: string[] | undefined;
+    /** Available when `selectable==true && showHeader==true`. */
     selectAllAriaLabel?: string;
 }
 export interface Events {

package/dist/components/table-header-item/ObcTableHeaderItem.svelte

@@ -12,6 +12,7 @@
      type?: ObcTableHeaderItemType;
      disabled?: boolean;
      hasLeadingIcon?: boolean;
+     /** Available when `sortable==true`. */
      sortDirection?: ObcTableHeaderItemSortDirection;
      showDivider?: boolean;
      checked?: boolean;
@@ -21,9 +22,10 @@
     
   }
       export interface Slots {
+  leadingIcon?: Snippet;
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, leadingIcon, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-table-header-item
@@ -32,7 +34,13 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-table-header-item>

package/dist/components/table-header-item/ObcTableHeaderItem.svelte.d.ts

@@ -7,6 +7,7 @@ export interface Props {
     type?: ObcTableHeaderItemType;
     disabled?: boolean;
     hasLeadingIcon?: boolean;
+    /** Available when `sortable==true`. */
     sortDirection?: ObcTableHeaderItemSortDirection;
     showDivider?: boolean;
     checked?: boolean;
@@ -15,6 +16,7 @@ export interface Props {
 export interface Events {
 }
 export interface Slots {
+    leadingIcon?: Snippet;
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/components/tag/ObcTag.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {TagColor} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
+    export type {TagColor, TagSize} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
       import '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
       import { setProperties } from "../../util.js";
-      import type {TagColor} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
+      import type {TagColor, TagSize} from '@oicl/openbridge-webcomponents/dist/components/tag/tag.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -11,6 +11,7 @@
      style?: string;
      label?: string;
      color?: TagColor;
+     size?: TagSize;
      hasIcon?: boolean
    }
       export interface Events {
@@ -28,7 +29,7 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
     </obc-tag>