@oicl/openbridge-webcomponents-svelte 2.0.0-next.87 → 2.0.0-next.89

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

@@ -0,0 +1,77 @@
+
+  <script lang="ts">
+    export type {ReadoutBlockVariant, ReadoutBlockSize, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+export type {ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment} from '@oicl/openbridge-webcomponents/dist/components/textbox/textbox.js';
+export type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+      import '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+      import { setProperties } from "../../util.js";
+      import type {ReadoutBlockVariant, ReadoutBlockSize, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type {ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment} from '@oicl/openbridge-webcomponents/dist/components/textbox/textbox.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;
+      /** Semantic variant (value / setpoint / advice). */
+variant?: ReadoutBlockVariant;
+      /** The numeric value; `null`/`undefined` renders a dash. */
+value?: number | null;
+      /** Density tier — icon size, gap, degree tier. */
+size?: ReadoutBlockSize;
+      /** Resolved number-typography size. When unset it is derived from `size`
+(small→s, medium→m, large→l), so a parent that de-emphasises a block (e.g.
+a secondary setpoint) can pass a smaller size without changing the tier. */
+valueSize?: ObcTextboxSize | undefined;
+      /** Accent (in-command) colour tone. */
+enhanced?: boolean;
+      /** Number font weight (regular / semibold / bold); colour is independent. */
+weight?: ObcTextboxFontWeight;
+      /** Render the trailing cap-height degree glyph (`°`). */
+hasDegree?: boolean;
+      /** Show the leading marker-icon container (always on for setpoint/advice). */
+hasIcon?: boolean;
+      /** Number of fraction digits. */
+fractionDigits?: number;
+      /** Integer digits to reserve / hint (independent of `fractionDigits`). */
+maxDigits?: number;
+      /** Render muted leading zeros filling the integer part to `maxDigits`. */
+hintedZeros?: boolean;
+      /** Explicit longest string to reserve width for (e.g. `"0000.0"`). */
+spaceReserver?: string | undefined;
+      /** Render `offText` instead of a number (e.g. equipment powered down). */
+off?: boolean;
+      /** Text shown when `off` is true. */
+offText?: string;
+      /** Text alignment of the number within its reserved width. */
+alignment?: ObcTextboxAlignment;
+      /** Per-block measurement quality (outline chip). */
+dataQuality?: ReadoutBlockDataQuality | undefined;
+      /** Per-block alert frame; nests inside any parent alert frame. */
+alert?: boolean | AlertFrameConfig;
+      /** Setpoint focus (touch) state — only meaningful for `role="setpoint"`. */
+touching?: boolean;
+      /** Setpoint pop-up fade phase — only meaningful for `role="setpoint"`. */
+hidePhase?: ReadoutBlockHidePhase
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet
+}
+      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-block
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+    </obc-readout-block>

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

@@ -0,0 +1,67 @@
+import '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ReadoutBlockVariant, ReadoutBlockSize, ReadoutBlockDataQuality, ReadoutBlockHidePhase } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ObcTextboxSize, ObcTextboxFontWeight, ObcTextboxAlignment } from '@oicl/openbridge-webcomponents/dist/components/textbox/textbox.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;
+    /** Semantic variant (value / setpoint / advice). */
+    variant?: ReadoutBlockVariant;
+    /** The numeric value; `null`/`undefined` renders a dash. */
+    value?: number | null;
+    /** Density tier — icon size, gap, degree tier. */
+    size?: ReadoutBlockSize;
+    /** Resolved number-typography size. When unset it is derived from `size`
+(small→s, medium→m, large→l), so a parent that de-emphasises a block (e.g.
+a secondary setpoint) can pass a smaller size without changing the tier. */
+    valueSize?: ObcTextboxSize | undefined;
+    /** Accent (in-command) colour tone. */
+    enhanced?: boolean;
+    /** Number font weight (regular / semibold / bold); colour is independent. */
+    weight?: ObcTextboxFontWeight;
+    /** Render the trailing cap-height degree glyph (`°`). */
+    hasDegree?: boolean;
+    /** Show the leading marker-icon container (always on for setpoint/advice). */
+    hasIcon?: boolean;
+    /** Number of fraction digits. */
+    fractionDigits?: number;
+    /** Integer digits to reserve / hint (independent of `fractionDigits`). */
+    maxDigits?: number;
+    /** Render muted leading zeros filling the integer part to `maxDigits`. */
+    hintedZeros?: boolean;
+    /** Explicit longest string to reserve width for (e.g. `"0000.0"`). */
+    spaceReserver?: string | undefined;
+    /** Render `offText` instead of a number (e.g. equipment powered down). */
+    off?: boolean;
+    /** Text shown when `off` is true. */
+    offText?: string;
+    /** Text alignment of the number within its reserved width. */
+    alignment?: ObcTextboxAlignment;
+    /** Per-block measurement quality (outline chip). */
+    dataQuality?: ReadoutBlockDataQuality | undefined;
+    /** Per-block alert frame; nests inside any parent alert frame. */
+    alert?: boolean | AlertFrameConfig;
+    /** Setpoint focus (touch) state — only meaningful for `role="setpoint"`. */
+    touching?: boolean;
+    /** Setpoint pop-up fade phase — only meaningful for `role="setpoint"`. */
+    hidePhase?: ReadoutBlockHidePhase;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutBlock: import("svelte").Component<$$ComponentProps, {
+    ReadoutBlockVariant: typeof ReadoutBlockVariant;
+    ReadoutBlockSize: typeof ReadoutBlockSize;
+    ReadoutBlockDataQuality: typeof ReadoutBlockDataQuality;
+    ReadoutBlockHidePhase: typeof ReadoutBlockHidePhase;
+    ObcTextboxSize: typeof ObcTextboxSize;
+    ObcTextboxFontWeight: typeof ObcTextboxFontWeight;
+    ObcTextboxAlignment: typeof ObcTextboxAlignment;
+    AlertFrameConfig: typeof AlertFrameConfig;
+}, "">;
+type ObcReadoutBlock = ReturnType<typeof ObcReadoutBlock>;
+export default ObcReadoutBlock;

package/dist/index.d.ts

@@ -74,6 +74,7 @@ export { default as ObcBarVertical } from './building-blocks/bar-vertical/ObcBar
 export { default as ObcChartLineBase } from './building-blocks/chart-line/ObcChartLineBase.svelte';
 export { default as ObcCircularProgress } from './building-blocks/circular-progress/ObcCircularProgress.svelte';
 export { default as ObcInstrumentRadial } from './building-blocks/instrument-radial/ObcInstrumentRadial.svelte';
+export { default as ObcReadoutBlock } from './building-blocks/readout-block/ObcReadoutBlock.svelte';
 export { default as SingleAxisInclinometer } from './building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte';
 export { default as ObcAccordionCard } from './components/accordion-card/ObcAccordionCard.svelte';
 export { default as ObcAccordionItem } from './components/accordion-item/ObcAccordionItem.svelte';
@@ -2293,6 +2294,7 @@ export { default as ObcTunnelThruster } from './navigation-instruments/propulsio
 export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
 export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
 export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
+export { default as ObcReadoutList } from './navigation-instruments/readout-list/ObcReadoutList.svelte';
 export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
 export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
 export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';

package/dist/index.js

@@ -74,6 +74,7 @@ export { default as ObcBarVertical } from './building-blocks/bar-vertical/ObcBar
 export { default as ObcChartLineBase } from './building-blocks/chart-line/ObcChartLineBase.svelte';
 export { default as ObcCircularProgress } from './building-blocks/circular-progress/ObcCircularProgress.svelte';
 export { default as ObcInstrumentRadial } from './building-blocks/instrument-radial/ObcInstrumentRadial.svelte';
+export { default as ObcReadoutBlock } from './building-blocks/readout-block/ObcReadoutBlock.svelte';
 export { default as SingleAxisInclinometer } from './building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte';
 export { default as ObcAccordionCard } from './components/accordion-card/ObcAccordionCard.svelte';
 export { default as ObcAccordionItem } from './components/accordion-item/ObcAccordionItem.svelte';
@@ -2293,6 +2294,7 @@ export { default as ObcTunnelThruster } from './navigation-instruments/propulsio
 export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
 export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
 export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
+export { default as ObcReadoutList } from './navigation-instruments/readout-list/ObcReadoutList.svelte';
 export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
 export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
 export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte

@@ -1,12 +1,12 @@
 
   <script lang="ts">
     export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+export type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
       import { setProperties } from "../../util.js";
       import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import type { Snippet } from 'svelte';
 
@@ -51,6 +51,14 @@ tertiaryTickmarkInterval?: number | undefined;
       /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
 advices?: GaugeRadialAdvice[];
      sector?: GaugeRadialSector;
+      /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+horizontalAlignment?: GaugeRadialHorizontalAlignment;
+      /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+verticalAlignment?: GaugeRadialVerticalAlignment;
       /** When `true`, shows the centre `<obc-readout>`(s) with the current value
 (and optional `label`/`unit`). Layout depends on `sector` and `type`.
 Default `false`. */

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte.d.ts

@@ -1,6 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type { ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
 import type { Snippet } from 'svelte';
 export interface Props {
@@ -44,6 +44,14 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
     advices?: GaugeRadialAdvice[];
     sector?: GaugeRadialSector;
+    /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+    horizontalAlignment?: GaugeRadialHorizontalAlignment;
+    /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+    verticalAlignment?: GaugeRadialVerticalAlignment;
     /** When `true`, shows the centre `<obc-readout>`(s) with the current value
 (and optional `label`/`unit`). Layout depends on `sector` and `type`.
 Default `false`. */
@@ -64,6 +72,8 @@ declare const ObcGaugeRadial: import("svelte").Component<$$ComponentProps, {
     ObcGaugeRadialType: typeof ObcGaugeRadialType;
     GaugeRadialAdvice: typeof GaugeRadialAdvice;
     GaugeRadialSector: typeof GaugeRadialSector;
+    GaugeRadialHorizontalAlignment: typeof GaugeRadialHorizontalAlignment;
+    GaugeRadialVerticalAlignment: typeof GaugeRadialVerticalAlignment;
     TickmarkStyle: typeof TickmarkStyle;
 }, "">;
 type ObcGaugeRadial = ReturnType<typeof ObcGaugeRadial>;

package/dist/navigation-instruments/readout-list/ObcReadoutList.svelte

@@ -0,0 +1,35 @@
+
+  <script lang="ts">
+    
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list/readout-list.js';
+      import { setProperties } from "../../util.js";
+      
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+      /** Development aid: outline each row's readout building blocks (red), degree
+columns (blue) and degree spacer (green) so the reserved column widths are
+visible. Propagated to every row. Off by default. */
+showDebugOverlay?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-list
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if children}
+        {@render children()}
+      {/if}
+    </obc-readout-list>

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

@@ -0,0 +1,19 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list/readout-list.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Development aid: outline each row's readout building blocks (red), degree
+columns (blue) and degree spacer (green) so the reserved column widths are
+visible. Propagated to every row. Off by default. */
+    showDebugOverlay?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutList: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcReadoutList = ReturnType<typeof ObcReadoutList>;
+export default ObcReadoutList;

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

@@ -1,10 +1,12 @@
 
   <script lang="ts">
-    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 {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+export type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, 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, 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 {ReadoutBlockSize, ReadoutBlockDataQuality} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type {ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, 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';
 
@@ -16,13 +18,15 @@ import type {AlertFrameConfig} from '@oicl/openbridge-webcomponents/dist/compone
      src?: string | undefined;
      hasValue?: boolean;
      value?: number | null;
-      /** Render the value as the literal "OFF" (e.g. equipment powered down). Affects the value only. */
+      /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
 off?: boolean;
+      /** Text shown in place of the value when `off` is true. */
+offText?: string;
      hasSetpoint?: boolean;
      setpoint?: number | undefined;
      hasAdvice?: boolean;
      advice?: number | undefined;
-     size?: ReadoutListItemSize | undefined;
+     size?: ReadoutBlockSize | undefined;
      priority?: ReadoutListItemPriority | undefined;
      stacking?: ReadoutListItemStacking | undefined;
      clickable?: boolean | ReadoutListItemClickable;
@@ -31,13 +35,17 @@ off?: boolean;
      hasDegreeSpacer?: boolean;
      fractionDigits?: number;
      maxDigits?: number;
-     dataQuality?: ReadoutListItemDataQuality | undefined;
+     dataQuality?: ReadoutBlockDataQuality | undefined;
      alert?: boolean | AlertFrameConfig;
      valueOptions?: ReadoutValueOptions | undefined;
      setpointOptions?: ReadoutSetpointOptions | undefined;
      adviceOptions?: ReadoutAdviceOptions | undefined;
      unitOptions?: ReadoutReserverOptions | undefined;
-     srcOptions?: ReadoutSrcOptions | undefined
+     srcOptions?: ReadoutSrcOptions | undefined;
+      /** Development aid: outline the readout building blocks (red), the degree
+columns (blue) and the degree spacer (green) so reserver widths / alignment
+are visible. Off by default. */
+showDebugOverlay?: boolean
    }
       export interface Events {
     

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

@@ -1,5 +1,6 @@
 import '@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 { ReadoutBlockSize, ReadoutBlockDataQuality } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ReadoutListItemPriority, ReadoutListItemStacking, ReadoutListItemClickable, 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 {
@@ -10,13 +11,15 @@ export interface Props {
     src?: string | undefined;
     hasValue?: boolean;
     value?: number | null;
-    /** Render the value as the literal "OFF" (e.g. equipment powered down). Affects the value only. */
+    /** Render the value as `offText` (e.g. equipment powered down). Affects the value only. */
     off?: boolean;
+    /** Text shown in place of the value when `off` is true. */
+    offText?: string;
     hasSetpoint?: boolean;
     setpoint?: number | undefined;
     hasAdvice?: boolean;
     advice?: number | undefined;
-    size?: ReadoutListItemSize | undefined;
+    size?: ReadoutBlockSize | undefined;
     priority?: ReadoutListItemPriority | undefined;
     stacking?: ReadoutListItemStacking | undefined;
     clickable?: boolean | ReadoutListItemClickable;
@@ -25,13 +28,17 @@ export interface Props {
     hasDegreeSpacer?: boolean;
     fractionDigits?: number;
     maxDigits?: number;
-    dataQuality?: ReadoutListItemDataQuality | undefined;
+    dataQuality?: ReadoutBlockDataQuality | undefined;
     alert?: boolean | AlertFrameConfig;
     valueOptions?: ReadoutValueOptions | undefined;
     setpointOptions?: ReadoutSetpointOptions | undefined;
     adviceOptions?: ReadoutAdviceOptions | undefined;
     unitOptions?: ReadoutReserverOptions | undefined;
     srcOptions?: ReadoutSrcOptions | undefined;
+    /** Development aid: outline the readout building blocks (red), the degree
+columns (blue) and the degree spacer (green) so reserver widths / alignment
+are visible. Off by default. */
+    showDebugOverlay?: boolean;
 }
 export interface Events {
 }
@@ -43,11 +50,11 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcReadoutListItem: import("svelte").Component<$$ComponentProps, {
-    ReadoutListItemSize: typeof ReadoutListItemSize;
+    ReadoutBlockSize: typeof ReadoutBlockSize;
+    ReadoutBlockDataQuality: typeof ReadoutBlockDataQuality;
     ReadoutListItemPriority: typeof ReadoutListItemPriority;
     ReadoutListItemStacking: typeof ReadoutListItemStacking;
     ReadoutListItemClickable: typeof ReadoutListItemClickable;
-    ReadoutListItemDataQuality: typeof ReadoutListItemDataQuality;
     ReadoutValueOptions: typeof ReadoutValueOptions;
     ReadoutSetpointOptions: typeof ReadoutSetpointOptions;
     ReadoutAdviceOptions: typeof ReadoutAdviceOptions;

package/package.json

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