@oicl/openbridge-webcomponents-svelte 2.0.0-next.10 → 2.0.0-next.100

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-horizontal/bar-horizontal.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 ObcBarHorizontal: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcBarHorizontal = ReturnType<typeof ObcBarHorizontal>;
 export default ObcBarHorizontal;

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 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}
-     >
+    onscale-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

@@ -13,6 +13,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,6 +59,12 @@ tertiaryTickmarkInterval?: number | undefined;
      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
    }
       export interface Events {

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

@@ -6,6 +6,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,6 +52,12 @@ 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;
 }
 export interface Events {

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/building-blocks/single-axis-inclinometer/SingleAxisInclinometer.svelte

@@ -0,0 +1,48 @@
+
+  <script lang="ts">
+    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import '@oicl/openbridge-webcomponents/dist/building-blocks/single-axis-inclinometer/single-axis-inclinometer.js';
+      import { setProperties } from "../../util.js";
+      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     zoomToFitArc?: boolean;
+      /** When `true`, the centre shows an `<obc-readout>` with the value instead of
+the horizon line, rotating indicator and vessel. Default `false`. */
+hasReadout?: boolean;
+      /** Colour palette for the scale fill / indicator and the readout value:
+`regular` (default) or `enhanced`. */
+priority?: Priority;
+      /** Half-extent of the watch arc in degrees. The arc spans `centre ± arcAngle`
+and values are placed at their true position within it. Default `45`
+reproduces the historical 90°-wide arc.
+
+Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
+narrower arc is enlarged (its radius grows) on its own layer, while the
+vessel image and the rotating indicator line stay at their natural size and
+position on a separate central layer. The two layers are intentionally
+visually disconnected. */
+arcAngle?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <undefined
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </undefined>