@oicl/openbridge-webcomponents-svelte 2.0.0-next.13 → 2.0.0-next.130

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte

@@ -2,17 +2,38 @@
   <script lang="ts">
     export type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 export type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
-      import { setProperties } from "../../util.js";
+      import { setProperties, forwardEvents } from "../../util.js";
       import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {FrameStyle, BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
       /** Minimum scale value (manual mode) */
 minValue?: number;
       /** Maximum scale value (manual mode) */
@@ -92,26 +113,26 @@ state?: InstrumentState;
 advicePosition?: AdvicePosition;
       /** Advice/alert overlays with state and positioning.
 When undefined or empty, no advice shown. */
-advices?: { min: number; max: number; type: AdviceType; hinted: boolean; }[] | undefined;
+advices?: LinearAdvice[] | undefined;
       /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */
 highlightCurrentValue?: boolean
    }
       export interface Events {
-    
+    onScaleDimensionsChanged?: (event: CustomEvent) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onScaleDimensionsChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-bar-vertical
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'scale-dimensions-changed': onScaleDimensionsChanged}} >
       
     {#if children}
       {@render children()}

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
 import type { ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type { FrameStyle, BorderRadiusPosition, Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { AdviceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
     /** Minimum scale value (manual mode) */
     minValue?: number;
     /** Maximum scale value (manual mode) */
@@ -85,18 +106,14 @@ When instrumentMode=false, this is ignored and border radius is read from CSS va
     advicePosition?: AdvicePosition;
     /** Advice/alert overlays with state and positioning.
 When undefined or empty, no advice shown. */
-    advices?: {
-        min: number;
-        max: number;
-        type: AdviceType;
-        hinted: boolean;
-    }[] | undefined;
+    advices?: LinearAdvice[] | undefined;
     /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */
     highlightCurrentValue?: boolean;
 }
 export interface Events {
+    onScaleDimensionsChanged?: (event: CustomEvent) => void;
 }
 export interface Slots {
     children?: Snippet;
@@ -112,7 +129,7 @@ declare const ObcBarVertical: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcBarVertical = ReturnType<typeof ObcBarVertical>;
 export default ObcBarVertical;

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte

@@ -1,22 +1,24 @@
 
   <script lang="ts">
-    export type {ChartDataset} from 'chart.js';
-export type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+export type {ChartDataset} from 'chart.js';
 export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
       import { setProperties } from "../../util.js";
-      import type {ChartDataset} from 'chart.js';
-import type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {ChartDataset} from 'chart.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-      /** Simple single-series data (array of {label, value}). */
-data?: { label: string; value: number; }[];
+      /** Simple single-series data. `{label, value}` items for the category axis;
+`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
+or Temporal object). Points are drawn in array order (no sorting). */
+data?: ChartLineDataItem[];
       /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
-datasets?: ChartDataset<"line", (number | { x: string | number | Date; y: number; })[]>[] | undefined;
+datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
       /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
 labels?: (string | number)[] | undefined;
       /** Custom color palette (CSS variable names or color strings). */
@@ -39,12 +41,14 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 Default: 384 (matches Figma design baseline). */
 scaleReferenceSize?: number;
-      /** X-axis mode: 'category' for labeled data points, 'time' for time-based data. */
+      /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
+for time-based data positioned proportionally; 'number' for plain
+numeric x-values. */
 xAxisType?: XAxisType;
       /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
 yAxisPosition?: YAxisPosition;
       /** Multiple y-axis definitions for complex multi-axis charts. */
-yAxes?: { id?: string | undefined; position?: "left" | "right" | undefined; min?: number | undefined; max?: number | undefined; grid?: boolean | undefined; }[] | undefined;
+yAxes?: ChartLineYAxisConfig[] | undefined;
       /** Show grid lines. */
 showGrid?: boolean;
       /** Show vertical grid lines (x-axis). Default: false. */
@@ -53,6 +57,22 @@ showGridX?: boolean;
 showGridY?: boolean;
       /** Show axis tick marks and labels. */
 showTickMarks?: boolean;
+      /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+hasLabelPadding?: boolean;
       /** Show point markers on data points. Default: false. */
 showPoints?: boolean;
       /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts

@@ -1,21 +1,17 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { ChartDataset } from 'chart.js';
-import type { XAxisType, YAxisPosition, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    /** Simple single-series data (array of {label, value}). */
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    /** Simple single-series data. `{label, value}` items for the category axis;
+`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
+or Temporal object). Points are drawn in array order (no sorting). */
+    data?: ChartLineDataItem[];
     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
-    datasets?: ChartDataset<"line", (number | {
-        x: string | number | Date;
-        y: number;
-    })[]>[] | undefined;
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
     /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
     labels?: (string | number)[] | undefined;
     /** Custom color palette (CSS variable names or color strings). */
@@ -38,18 +34,14 @@ This value is passed down to external scales to determine their 1:1 Figma design
 At this reference size, scales render at native size; above/below they scale proportionally.
 Default: 384 (matches Figma design baseline). */
     scaleReferenceSize?: number;
-    /** X-axis mode: 'category' for labeled data points, 'time' for time-based data. */
+    /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
+for time-based data positioned proportionally; 'number' for plain
+numeric x-values. */
     xAxisType?: XAxisType;
     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
     yAxisPosition?: YAxisPosition;
     /** Multiple y-axis definitions for complex multi-axis charts. */
-    yAxes?: {
-        id?: string | undefined;
-        position?: "left" | "right" | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        grid?: boolean | undefined;
-    }[] | undefined;
+    yAxes?: ChartLineYAxisConfig[] | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /** Show vertical grid lines (x-axis). Default: false. */
@@ -58,6 +50,22 @@ Default: 384 (matches Figma design baseline). */
     showGridY?: boolean;
     /** Show axis tick marks and labels. */
     showTickMarks?: boolean;
+    /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+    hasLabelPadding?: boolean;
     /** Show point markers on data points. Default: false. */
     showPoints?: boolean;
     /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
@@ -101,11 +109,14 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
-    ChartDataset: typeof ChartDataset;
+    ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
+    ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
     LineMode: typeof LineMode;
     TimeDisplay: typeof TimeDisplay;
+    ChartDataset: typeof ChartDataset;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     FrameStyle: typeof FrameStyle;

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte

@@ -1,11 +1,13 @@
 
   <script lang="ts">
-    export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {RadialFrame} from '@oicl/openbridge-webcomponents/dist/svghelpers/radial-frame.js';
+export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
-      import { setProperties } from "../../util.js";
-      import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import { setProperties, forwardEvents } from "../../util.js";
+      import type {RadialFrame} from '@oicl/openbridge-webcomponents/dist/svghelpers/radial-frame.js';
+import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import type { Snippet } from 'svelte';
@@ -13,6 +15,27 @@ import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation
       export interface Props {
      class?: string;
      style?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
      state?: InstrumentState;
      priority?: Priority;
      value?: number;
@@ -38,22 +61,34 @@ tertiaryTickmarkInterval?: number | undefined;
      advices?: GaugeRadialAdvice[];
      clipTop?: number;
      clipBottom?: number;
-     zoomToFitArc?: boolean
+     clipLeft?: number;
+     clipRight?: number;
+      /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it — the "Max-min" placement from the radial label model
+(External / Internal / Max-min). See PR #903 / design discussion. */
+endLabelsMaxMin?: boolean;
+     zoomToFitArc?: boolean;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
-    
+    onFrameChanged?: (event: CustomEvent<RadialFrame>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onFrameChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-instrument-radial
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    use:forwardEvents={{'frame-changed': onFrameChanged}} >
       
     {#if children}
       {@render children()}

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte.d.ts

@@ -1,4 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
+import type { RadialFrame } from '@oicl/openbridge-webcomponents/dist/svghelpers/radial-frame.js';
 import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { ObcGaugeRadialType, GaugeRadialAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -6,6 +7,27 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
     state?: InstrumentState;
     priority?: Priority;
     value?: number;
@@ -31,15 +53,29 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     advices?: GaugeRadialAdvice[];
     clipTop?: number;
     clipBottom?: number;
+    clipLeft?: number;
+    clipRight?: number;
+    /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it — the "Max-min" placement from the radial label model
+(External / Internal / Max-min). See PR #903 / design discussion. */
+    endLabelsMaxMin?: boolean;
     zoomToFitArc?: boolean;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
+    onFrameChanged?: (event: CustomEvent<RadialFrame>) => void;
 }
 export interface Slots {
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcInstrumentRadial: import("svelte").Component<$$ComponentProps, {
+    RadialFrame: typeof RadialFrame;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     ObcGaugeRadialType: typeof ObcGaugeRadialType;

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

@@ -0,0 +1,98 @@
+
+  <script lang="ts">
+    export type {ReadoutBlockVariant, ReadoutBlockSize, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+export type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.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, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase} from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type {ReadoutValueType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.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;
+      /** [object Object],[object Object],[object Object] */
+value?: string | number | null;
+      /** [object Object],[object Object],[object Object] */
+valueType?: ReadoutValueType;
+      /** 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. Must be between 0 and 100 — the range
+`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.
+A fractional count truncates (`2.7` → `2`). A count that never arrived
+(`NaN`, `null` or unset) renders the reading as the unavailable dash —
+formatting with a precision the author never chose would let a critical
+`0.4` pass for a healthy `0`. */
+fractionDigits?: number;
+      /** Integer digits to reserve / hint (independent of `fractionDigits`).
+Bounded before use: a fractional count
+truncates (`2.7` → `2`), anything above 100 — including `Infinity` —
+caps at 100, and a negative count reserves nothing. A count that never
+arrived (`NaN`, `null` or unset) renders the reading as the unavailable
+dash, consistent with `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;
+      /** [object Object],[object Object],[object Object] */
+category?: ReadoutAdviceCategory;
+      /** The advice is triggered: the marker swaps to its filled/status icon and
+the number takes the category's triggered styling (SemiBold for
+regular/optimal/eco, active text colour for the alert categories). Only
+meaningful for `variant="advice"`. */
+active?: boolean;
+      /** 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,89 @@
+import '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ReadoutBlockVariant, ReadoutBlockSize, ReadoutAdviceCategory, ReadoutBlockDataQuality, ReadoutBlockHidePhase } from '@oicl/openbridge-webcomponents/dist/building-blocks/readout-block/readout-block.js';
+import type { ReadoutValueType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-formatters.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;
+    /** [object Object],[object Object],[object Object] */
+    value?: string | number | null;
+    /** [object Object],[object Object],[object Object] */
+    valueType?: ReadoutValueType;
+    /** 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. Must be between 0 and 100 — the range
+`Number.prototype.toFixed` accepts; outside it throws a `RangeError`.
+A fractional count truncates (`2.7` → `2`). A count that never arrived
+(`NaN`, `null` or unset) renders the reading as the unavailable dash —
+formatting with a precision the author never chose would let a critical
+`0.4` pass for a healthy `0`. */
+    fractionDigits?: number;
+    /** Integer digits to reserve / hint (independent of `fractionDigits`).
+Bounded before use: a fractional count
+truncates (`2.7` → `2`), anything above 100 — including `Infinity` —
+caps at 100, and a negative count reserves nothing. A count that never
+arrived (`NaN`, `null` or unset) renders the reading as the unavailable
+dash, consistent with `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;
+    /** [object Object],[object Object],[object Object] */
+    category?: ReadoutAdviceCategory;
+    /** The advice is triggered: the marker swaps to its filled/status icon and
+the number takes the category's triggered styling (SemiBold for
+regular/optimal/eco, active text colour for the alert categories). Only
+meaningful for `variant="advice"`. */
+    active?: boolean;
+    /** 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;
+    ReadoutAdviceCategory: typeof ReadoutAdviceCategory;
+    ReadoutBlockDataQuality: typeof ReadoutBlockDataQuality;
+    ReadoutBlockHidePhase: typeof ReadoutBlockHidePhase;
+    ReadoutValueType: typeof ReadoutValueType;
+    ObcTextboxSize: typeof ObcTextboxSize;
+    ObcTextboxFontWeight: typeof ObcTextboxFontWeight;
+    ObcTextboxAlignment: typeof ObcTextboxAlignment;
+    AlertFrameConfig: typeof AlertFrameConfig;
+}, "">;
+type ObcReadoutBlock = ReturnType<typeof ObcReadoutBlock>;
+export default ObcReadoutBlock;