@oicl/openbridge-webcomponents-svelte 2.0.0-next.84 → 2.0.0-next.85

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 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.
 
@@ -71,29 +76,11 @@ subtitle?: string;
 
 Default: false */
 disabled?: boolean;
-      /** Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).
-See `BadgeType` enum for available options.
-
-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: false */
-showLeadingBadgeIcon?: boolean
+     badgeType?: string;
+     badgeSize?: string;
+     badgeShowNumber?: boolean;
+     badgeCount?: number;
+     showLeadingBadgeIcon?: boolean
    }
       export interface Events {
     onTabClick?: (event: CustomEvent<{title: string}>) => void;

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.
@@ -65,28 +71,10 @@ Default: '' */
 
 Default: false */
     disabled?: boolean;
-    /** Type of badge to display (e.g., 'regular', 'alarm', 'warning', etc.).
-See `BadgeType` enum for available options.
-
-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: false */
     showLeadingBadgeIcon?: boolean;
 }
 export interface Events {
@@ -103,6 +91,8 @@ export interface Slots {
     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

@@ -16,12 +16,13 @@
 - `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.
@@ -32,6 +33,7 @@ selectedTabId?: string;
 
 Default: `false`. */
 hasClose?: boolean;
+     centerContent?: boolean;
       /** Enables "hug" mode for a more compact tab layout with reduced padding.
 
 Default: `false`. */
@@ -52,9 +54,9 @@ 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
@@ -73,10 +75,10 @@ hasAddNewTab?: boolean
         {/each}
       {/if}
 
-      {#if props.tabs && tabBadgeIcon}
+      {#if props.tabs && tab}
         {#each props.tabs as item}
-          <div slot="tab-{item.id}-badge-icon">
-            {@render tabBadgeIcon(item)}
+          <div slot="tab-{item.id}-<iconSlotName>">
+            {@render tab(item)}
           </div>
         {/each}
       {/if}

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

@@ -11,12 +11,13 @@ export interface Props {
 - `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.
@@ -27,6 +28,7 @@ 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`. */
@@ -55,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/package.json

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