@oicl/openbridge-webcomponents-svelte 2.0.0-next.83 → 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/dist/components/textbox/ObcTextbox.svelte

@@ -11,7 +11,8 @@
      style?: string;
      alignment?: ObcTextboxAlignment;
      size?: ObcTextboxSize;
-     fontWeight?: ObcTextboxFontWeight
+     fontWeight?: ObcTextboxFontWeight;
+     tabularNums?: boolean
    }
       export interface Events {
     

package/dist/components/textbox/ObcTextbox.svelte.d.ts

@@ -7,6 +7,7 @@ export interface Props {
     alignment?: ObcTextboxAlignment;
     size?: ObcTextboxSize;
     fontWeight?: ObcTextboxFontWeight;
+    tabularNums?: boolean;
 }
 export interface Events {
 }

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte

@@ -1,47 +1,54 @@
 
   <script lang="ts">
-    export type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+    export type {ReadoutListItemSize, ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutListItemDataQuality, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions, ReadoutSrcOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
 export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
       import { setProperties } from "../../util.js";
-      import type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+      import type {ReadoutListItemSize, ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutListItemDataQuality, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions, ReadoutSrcOptions} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
 import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     size?: ReadoutListItemSize;
-     stacking?: ReadoutListItemStacking;
-     priority?: ReadoutListItemPriority;
-     dataState?: ReadoutListItemDataState;
-     alert?: boolean | AlertFrameConfig;
-     label?: string;
-     unit?: string;
-     src?: string;
-     value?: number | undefined;
-     setpointValue?: number | undefined;
+     label?: string | undefined;
+     unit?: string | undefined;
+     src?: string | undefined;
+     hasValue?: boolean;
+     value?: number | null;
+      /** Render the value as the literal "OFF" (e.g. equipment powered down). Affects the value only. */
+off?: boolean;
      hasSetpoint?: boolean;
-     hasDegree?: boolean;
-     hasUnit?: boolean;
-     hasLabel?: boolean;
-     hasSource?: boolean;
+     setpoint?: number | undefined;
+     hasAdvice?: boolean;
+     advice?: number | undefined;
+     size?: ReadoutListItemSize | undefined;
+     priority?: ReadoutListItemPriority | undefined;
+     stacking?: ReadoutListItemStacking | undefined;
+     clickable?: boolean | ReadoutListItemClickable;
      hasLeadingIcon?: boolean;
-     hasValueIcon?: boolean;
+     hasDegree?: boolean;
+     hasDegreeSpacer?: boolean;
      fractionDigits?: number;
-     showZeroPadding?: boolean;
-     minValueLength?: number;
-     hasHintedZeros?: boolean;
-     labelOnly?: boolean
+     maxDigits?: number;
+     dataQuality?: ReadoutListItemDataQuality | undefined;
+     alert?: boolean | AlertFrameConfig;
+     valueOptions?: ReadoutValueOptions | undefined;
+     setpointOptions?: ReadoutSetpointOptions | undefined;
+     adviceOptions?: ReadoutAdviceOptions | undefined;
+     unitOptions?: ReadoutReserverOptions | undefined;
+     srcOptions?: ReadoutSrcOptions | undefined
    }
       export interface Events {
     
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  valueIcon?: Snippet
+  valueIcon?: Snippet;
+  setpointIcon?: Snippet;
+  adviceIcon?: Snippet
 }
-      const { class: className, style, leadingIcon, valueIcon, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, leadingIcon, valueIcon, setpointIcon, adviceIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-readout-list-item
@@ -61,4 +68,16 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
           {@render valueIcon()}
         </div>
       {/if}
+
+      {#if setpointIcon}
+        <div slot="setpoint-icon">
+          {@render setpointIcon()}
+        </div>
+      {/if}
+
+      {#if adviceIcon}
+        <div slot="advice-icon">
+          {@render adviceIcon()}
+        </div>
+      {/if}
     </obc-readout-list-item>

package/dist/navigation-instruments/readout-list-item/ObcReadoutListItem.svelte.d.ts

@@ -1,45 +1,58 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
-import type { ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemDataState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { ReadoutListItemSize, ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, ReadoutListItemDataQuality, ReadoutValueOptions, ReadoutSetpointOptions, ReadoutAdviceOptions, ReadoutReserverOptions, ReadoutSrcOptions } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
 import type { AlertFrameConfig } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    size?: ReadoutListItemSize;
-    stacking?: ReadoutListItemStacking;
-    priority?: ReadoutListItemPriority;
-    dataState?: ReadoutListItemDataState;
-    alert?: boolean | AlertFrameConfig;
-    label?: string;
-    unit?: string;
-    src?: string;
-    value?: number | undefined;
-    setpointValue?: number | undefined;
+    label?: string | undefined;
+    unit?: string | undefined;
+    src?: string | undefined;
+    hasValue?: boolean;
+    value?: number | null;
+    /** Render the value as the literal "OFF" (e.g. equipment powered down). Affects the value only. */
+    off?: boolean;
     hasSetpoint?: boolean;
-    hasDegree?: boolean;
-    hasUnit?: boolean;
-    hasLabel?: boolean;
-    hasSource?: boolean;
+    setpoint?: number | undefined;
+    hasAdvice?: boolean;
+    advice?: number | undefined;
+    size?: ReadoutListItemSize | undefined;
+    priority?: ReadoutListItemPriority | undefined;
+    stacking?: ReadoutListItemStacking | undefined;
+    clickable?: boolean | ReadoutListItemClickable;
     hasLeadingIcon?: boolean;
-    hasValueIcon?: boolean;
+    hasDegree?: boolean;
+    hasDegreeSpacer?: boolean;
     fractionDigits?: number;
-    showZeroPadding?: boolean;
-    minValueLength?: number;
-    hasHintedZeros?: boolean;
-    labelOnly?: boolean;
+    maxDigits?: number;
+    dataQuality?: ReadoutListItemDataQuality | undefined;
+    alert?: boolean | AlertFrameConfig;
+    valueOptions?: ReadoutValueOptions | undefined;
+    setpointOptions?: ReadoutSetpointOptions | undefined;
+    adviceOptions?: ReadoutAdviceOptions | undefined;
+    unitOptions?: ReadoutReserverOptions | undefined;
+    srcOptions?: ReadoutSrcOptions | undefined;
 }
 export interface Events {
 }
 export interface Slots {
     leadingIcon?: Snippet;
     valueIcon?: Snippet;
+    setpointIcon?: Snippet;
+    adviceIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcReadoutListItem: import("svelte").Component<$$ComponentProps, {
     ReadoutListItemSize: typeof ReadoutListItemSize;
-    ReadoutListItemStacking: typeof ReadoutListItemStacking;
     ReadoutListItemPriority: typeof ReadoutListItemPriority;
-    ReadoutListItemDataState: typeof ReadoutListItemDataState;
+    ReadoutListItemStacking: typeof ReadoutListItemStacking;
+    ReadoutListItemClickable: typeof ReadoutListItemClickable;
+    ReadoutListItemDataQuality: typeof ReadoutListItemDataQuality;
+    ReadoutValueOptions: typeof ReadoutValueOptions;
+    ReadoutSetpointOptions: typeof ReadoutSetpointOptions;
+    ReadoutAdviceOptions: typeof ReadoutAdviceOptions;
+    ReadoutReserverOptions: typeof ReadoutReserverOptions;
+    ReadoutSrcOptions: typeof ReadoutSrcOptions;
     AlertFrameConfig: typeof AlertFrameConfig;
 }, "">;
 type ObcReadoutListItem = ReturnType<typeof ObcReadoutListItem>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.83",
+  "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.82"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.84"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"