@oicl/openbridge-webcomponents-svelte 2.0.0-next.147 → 2.0.0-next.149

package/dist/automation/transmitter/ObcTransmitter.svelte

@@ -22,6 +22,8 @@ import type {TransmitterButtonSize} from '@oicl/openbridge-webcomponents/dist/au
      /** Integer digits to reserve / hint (independent of `fractionDigits`). */
      maxDigits?: number;
      hintedZeros?: boolean;
+     /** Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the chip's width does not change across zero. */
+     hasSignSpacer?: boolean;
      size?: TransmitterButtonSize;
      hasIcon?: boolean;
      hasAdvice?: boolean;

package/dist/automation/transmitter/ObcTransmitter.svelte.d.ts

@@ -15,6 +15,8 @@ export interface Props {
     /** Integer digits to reserve / hint (independent of `fractionDigits`). */
     maxDigits?: number;
     hintedZeros?: boolean;
+    /** Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the chip's width does not change across zero. */
+    hasSignSpacer?: boolean;
     size?: TransmitterButtonSize;
     hasIcon?: boolean;
     hasAdvice?: boolean;

package/dist/automation/transmitter-button/ObcTransmitterButton.svelte

@@ -17,6 +17,8 @@
      /** Integer digits to reserve / hint (independent of `fractionDigits`). */
      maxDigits?: number;
      hintedZeros?: boolean;
+     /** Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the width does not change across zero. */
+     hasSignSpacer?: boolean;
      hasIcon?: boolean;
      hasAdvice?: boolean;
      /** Advisory value shown in the leading advice segment when `hasAdvice`. */

package/dist/automation/transmitter-button/ObcTransmitterButton.svelte.d.ts

@@ -12,6 +12,8 @@ export interface Props {
     /** Integer digits to reserve / hint (independent of `fractionDigits`). */
     maxDigits?: number;
     hintedZeros?: boolean;
+    /** Reserve a minus-sign column on every segment, filled by the real sign only while a value is negative, so the width does not change across zero. */
+    hasSignSpacer?: boolean;
     hasIcon?: boolean;
     hasAdvice?: boolean;
     /** Advisory value shown in the leading advice segment when `hasAdvice`. */

package/dist/building-blocks/readout-block/ObcReadoutBlock.svelte

@@ -46,12 +46,18 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
       */
      maxDigits?: number;
      /**
-      * Render muted leading zeros filling the integer part to `maxDigits`.
+      * Render muted leading zeros filling the integer part to `maxDigits`. A negative value keeps them all — the sign is prepended and never consumes a zero (`maxDigits` 3: `12.3` → `012.3`, `-12.3` → `-012.3`) — so a negative reading is one character wider than a positive one unless `hasSignSpacer` reserves the sign column. An unavailable value renders dashes across the whole reserved width (`‒‒‒.‒`) instead of the short placeholder.
       *
       * Available when `valueType==number`.
       */
      hintedZeros?: boolean;
-     /** Explicit longest string to reserve width for (e.g. `"0000.0"`). */
+     /**
+      * Reserve a minus-sign column ahead of the digits: an invisible sign placeholder holds the column open while the value is non-negative and the real sign fills it when negative, so the width does not change across zero. Enable it on readouts whose value can go negative; all-positive readouts reserve nothing.
+      *
+      * Available when `valueType==number`.
+      */
+     hasSignSpacer?: boolean;
+     /** Explicit longest string to reserve width for (e.g. `"0000.0"`). Combined with the `maxDigits`-derived reserve by taking whichever is wider, so it can never reserve less than the formatted value needs. */
      spaceReserver?: string | undefined;
      /** Render `offText` instead of a number (e.g. equipment powered down). */
      off?: boolean;

package/dist/building-blocks/readout-block/ObcReadoutBlock.svelte.d.ts

@@ -38,12 +38,18 @@ export interface Props {
      */
     maxDigits?: number;
     /**
-     * Render muted leading zeros filling the integer part to `maxDigits`.
+     * Render muted leading zeros filling the integer part to `maxDigits`. A negative value keeps them all — the sign is prepended and never consumes a zero (`maxDigits` 3: `12.3` → `012.3`, `-12.3` → `-012.3`) — so a negative reading is one character wider than a positive one unless `hasSignSpacer` reserves the sign column. An unavailable value renders dashes across the whole reserved width (`‒‒‒.‒`) instead of the short placeholder.
      *
      * Available when `valueType==number`.
      */
     hintedZeros?: boolean;
-    /** Explicit longest string to reserve width for (e.g. `"0000.0"`). */
+    /**
+     * Reserve a minus-sign column ahead of the digits: an invisible sign placeholder holds the column open while the value is non-negative and the real sign fills it when negative, so the width does not change across zero. Enable it on readouts whose value can go negative; all-positive readouts reserve nothing.
+     *
+     * Available when `valueType==number`.
+     */
+    hasSignSpacer?: boolean;
+    /** Explicit longest string to reserve width for (e.g. `"0000.0"`). Combined with the `maxDigits`-derived reserve by taking whichever is wider, so it can never reserve less than the formatted value needs. */
     spaceReserver?: string | undefined;
     /** Render `offText` instead of a number (e.g. equipment powered down). */
     off?: boolean;

package/dist/components/icon-button/ObcIconButton.svelte

@@ -31,7 +31,9 @@ variant?: IconButtonVariant;
      /** If true, displays a label below the icon using the `label` slot. */
      hasLabel?: boolean;
      /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
-     showDivider?: boolean
+     showDivider?: boolean;
+     /** Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
+     ariaLabel?: string | null
    }
       export interface Events {
     onClick?: (event: CustomEvent<unknown>) => void

package/dist/components/icon-button/ObcIconButton.svelte.d.ts

@@ -27,6 +27,8 @@ export interface Props {
     hasLabel?: boolean;
     /** If false, and cornerLeft or cornerRight is true, the divider is not shown. */
     showDivider?: boolean;
+    /** Accessible name forwarded to the inner `<button>`, mapped to the `aria-label` attribute. `aria-labelledby` is not supported: ID references cannot cross the shadow boundary. */
+    ariaLabel?: string | null;
 }
 export interface Events {
     onClick?: (event: CustomEvent<unknown>) => void;

package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte

@@ -51,14 +51,14 @@
      fleetButtonLabel?: string
    }
       export interface Events {
-    onFleetButtonClick?: (event: CustomEvent<unknown>) => void;
-    onLinkButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onAlertButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onNotificationButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onScreenButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onSystemButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onUserButtonClicked?: (event: CustomEvent<unknown>) => void
+    onFleetButtonClick?: (event: CustomEvent) => void;
+    onLinkButtonClicked?: (event: CustomEvent) => void;
+    onAlertButtonClicked?: (event: CustomEvent) => void;
+    onNotificationButtonClicked?: (event: CustomEvent) => void;
+    onScreenButtonClicked?: (event: CustomEvent) => void;
+    onSystemButtonClicked?: (event: CustomEvent) => void;
+    onDimmingButtonClicked?: (event: CustomEvent) => void;
+    onUserButtonClicked?: (event: CustomEvent) => void
   }
       export interface Slots {
   clock?: Snippet;

package/dist/integration-systems/integration-bar/ObcIntegrationBar.svelte.d.ts

@@ -45,14 +45,14 @@ export interface Props {
     fleetButtonLabel?: string;
 }
 export interface Events {
-    onFleetButtonClick?: (event: CustomEvent<unknown>) => void;
-    onLinkButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onAlertButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onNotificationButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onScreenButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onSystemButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onUserButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onFleetButtonClick?: (event: CustomEvent) => void;
+    onLinkButtonClicked?: (event: CustomEvent) => void;
+    onAlertButtonClicked?: (event: CustomEvent) => void;
+    onNotificationButtonClicked?: (event: CustomEvent) => void;
+    onScreenButtonClicked?: (event: CustomEvent) => void;
+    onSystemButtonClicked?: (event: CustomEvent) => void;
+    onDimmingButtonClicked?: (event: CustomEvent) => void;
+    onUserButtonClicked?: (event: CustomEvent) => void;
 }
 export interface Slots {
     clock?: Snippet;

package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte

@@ -9,27 +9,96 @@
       export interface Props {
      class?: string;
      style?: string;
+     /** Home button at the left end of the bar. */
      showHomeButton?: boolean;
+     /**
+      * Pressed styling for the home button.
+      *
+      * Available when `showHomeButton==true`.
+      */
      homeButtonActivated?: boolean;
+     /** Link button, between home and the selector. */
+     showLinkButton?: boolean;
+     /**
+      * Pressed styling for the link button.
+      *
+      * Available when `showLinkButton==true`.
+      */
+     linkButtonActivated?: boolean;
+     /** Renders the `clock` slot at the right end. */
      showClock?: boolean;
+     /** Alert button, first in the right-hand group. */
+     showAlertButton?: boolean;
+     /**
+      * Pressed styling for the alert button.
+      *
+      * Available when `showAlertButton==true`.
+      */
+     alertButtonActivated?: boolean;
+     /** Notification button, after the alert button. */
      showNotificationButton?: boolean;
+     /**
+      * Pressed styling; the count badge only appears in this state.
+      *
+      * Available when `showNotificationButton==true`.
+      */
      notificationButtonActivated?: boolean;
+     /**
+      * Number drawn in the count badge.
+      *
+      * Available when `showNotificationButton==true && showNotificationCount==true && notificationButtonActivated==true`.
+      */
      notificationCount?: number;
+     /**
+      * Draws the count badge on the notification button.
+      *
+      * Available when `showNotificationButton==true && notificationButtonActivated==true`.
+      */
      showNotificationCount?: boolean;
+     /** Screen button, after the notification button. */
+     showScreenButton?: boolean;
+     /**
+      * Pressed styling for the screen button.
+      *
+      * Available when `showScreenButton==true`.
+      */
+     screenButtonActivated?: boolean;
+     /** User button, last before the clock. */
      showUserButton?: boolean;
+     /**
+      * Pressed styling for the user button.
+      *
+      * Available when `showUserButton==true`.
+      */
      userButtonActivated?: boolean;
+     /** Dimming button, between system and user. */
      showDimmingButton?: boolean;
+     /**
+      * Pressed styling for the dimming button.
+      *
+      * Available when `showDimmingButton==true`.
+      */
      dimmingButtonActivated?: boolean;
+     /** System button, after the screen button. */
      showSystemButton?: boolean;
+     /**
+      * Pressed styling for the system button.
+      *
+      * Available when `showSystemButton==true`.
+      */
      systemButtonActivated?: boolean;
+     /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
      nStatusFields?: number
    }
       export interface Events {
-    onHomeButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onNotificationButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onUserButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onSystemButtonClicked?: (event: CustomEvent<unknown>) => void
+    onHomeButtonClicked?: (event: CustomEvent) => void;
+    onLinkButtonClicked?: (event: CustomEvent) => void;
+    onAlertButtonClicked?: (event: CustomEvent) => void;
+    onDimmingButtonClicked?: (event: CustomEvent) => void;
+    onNotificationButtonClicked?: (event: CustomEvent) => void;
+    onScreenButtonClicked?: (event: CustomEvent) => void;
+    onUserButtonClicked?: (event: CustomEvent) => void;
+    onSystemButtonClicked?: (event: CustomEvent) => void
   }
       export interface Slots {
   vesselSelector?: Snippet;
@@ -41,14 +110,14 @@
   statusIcon3?: Snippet;
   clock?: Snippet
 }
-      const {onHomeButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, ...props} = $props<Props & Events & Slots>();
+      const {onHomeButtonClicked, onLinkButtonClicked, onAlertButtonClicked, onDimmingButtonClicked, onNotificationButtonClicked, onScreenButtonClicked, onUserButtonClicked, onSystemButtonClicked, class: className, style, vesselSelector, statusLabel1, statusIcon1, statusLabel2, statusIcon2, statusLabel3, statusIcon3, clock, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-integration-bar-dropdown
     use:setProperties={props}
     class={className}
     style={style}
-    use:forwardEvents={{'home-button-clicked': onHomeButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'notification-button-clicked': onNotificationButtonClicked, 'user-button-clicked': onUserButtonClicked, 'system-button-clicked': onSystemButtonClicked}} >
+    use:forwardEvents={{'home-button-clicked': onHomeButtonClicked, 'link-button-clicked': onLinkButtonClicked, 'alert-button-clicked': onAlertButtonClicked, 'dimming-button-clicked': onDimmingButtonClicked, 'notification-button-clicked': onNotificationButtonClicked, 'screen-button-clicked': onScreenButtonClicked, 'user-button-clicked': onUserButtonClicked, 'system-button-clicked': onSystemButtonClicked}} >
       
       {#if vesselSelector}
         <div slot="vessel-selector">

package/dist/integration-systems/integration-bar-dropdown/ObcIntegrationBarDropdown.svelte.d.ts

@@ -3,27 +3,96 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Home button at the left end of the bar. */
     showHomeButton?: boolean;
+    /**
+     * Pressed styling for the home button.
+     *
+     * Available when `showHomeButton==true`.
+     */
     homeButtonActivated?: boolean;
+    /** Link button, between home and the selector. */
+    showLinkButton?: boolean;
+    /**
+     * Pressed styling for the link button.
+     *
+     * Available when `showLinkButton==true`.
+     */
+    linkButtonActivated?: boolean;
+    /** Renders the `clock` slot at the right end. */
     showClock?: boolean;
+    /** Alert button, first in the right-hand group. */
+    showAlertButton?: boolean;
+    /**
+     * Pressed styling for the alert button.
+     *
+     * Available when `showAlertButton==true`.
+     */
+    alertButtonActivated?: boolean;
+    /** Notification button, after the alert button. */
     showNotificationButton?: boolean;
+    /**
+     * Pressed styling; the count badge only appears in this state.
+     *
+     * Available when `showNotificationButton==true`.
+     */
     notificationButtonActivated?: boolean;
+    /**
+     * Number drawn in the count badge.
+     *
+     * Available when `showNotificationButton==true && showNotificationCount==true && notificationButtonActivated==true`.
+     */
     notificationCount?: number;
+    /**
+     * Draws the count badge on the notification button.
+     *
+     * Available when `showNotificationButton==true && notificationButtonActivated==true`.
+     */
     showNotificationCount?: boolean;
+    /** Screen button, after the notification button. */
+    showScreenButton?: boolean;
+    /**
+     * Pressed styling for the screen button.
+     *
+     * Available when `showScreenButton==true`.
+     */
+    screenButtonActivated?: boolean;
+    /** User button, last before the clock. */
     showUserButton?: boolean;
+    /**
+     * Pressed styling for the user button.
+     *
+     * Available when `showUserButton==true`.
+     */
     userButtonActivated?: boolean;
+    /** Dimming button, between system and user. */
     showDimmingButton?: boolean;
+    /**
+     * Pressed styling for the dimming button.
+     *
+     * Available when `showDimmingButton==true`.
+     */
     dimmingButtonActivated?: boolean;
+    /** System button, after the screen button. */
     showSystemButton?: boolean;
+    /**
+     * Pressed styling for the system button.
+     *
+     * Available when `showSystemButton==true`.
+     */
     systemButtonActivated?: boolean;
+    /** How many `status-icon-N`/`status-label-N` slot pairs are rendered. */
     nStatusFields?: number;
 }
 export interface Events {
-    onHomeButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onDimmingButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onNotificationButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onUserButtonClicked?: (event: CustomEvent<unknown>) => void;
-    onSystemButtonClicked?: (event: CustomEvent<unknown>) => void;
+    onHomeButtonClicked?: (event: CustomEvent) => void;
+    onLinkButtonClicked?: (event: CustomEvent) => void;
+    onAlertButtonClicked?: (event: CustomEvent) => void;
+    onDimmingButtonClicked?: (event: CustomEvent) => void;
+    onNotificationButtonClicked?: (event: CustomEvent) => void;
+    onScreenButtonClicked?: (event: CustomEvent) => void;
+    onUserButtonClicked?: (event: CustomEvent) => void;
+    onSystemButtonClicked?: (event: CustomEvent) => void;
 }
 export interface Slots {
     vesselSelector?: Snippet;

package/package.json

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