@oicl/openbridge-webcomponents-svelte 2.0.0-next.41 → 2.0.0-next.43

package/dist/automation/automation-tank/ObcAutomationTank.svelte

@@ -1,11 +1,21 @@
 
   <script lang="ts">
     export type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-export type {TankTrend, TankVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+export type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+export type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+export type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+export type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
       import { setProperties } from "../../util.js";
       import type {LineMedium} from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-import type {TankTrend, TankVariant} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type {TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode} from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type {ChartLineDataItem} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+import type {ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus} from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type {AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked} from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -15,8 +25,99 @@ import type {TankTrend, TankVariant} from '@oicl/openbridge-webcomponents/dist/a
      value?: number;
      max?: number;
      trend?: TankTrend;
-     variant?: TankVariant;
-     tag?: string
+     type?: TankType;
+     orientation?: TankOrientation;
+     compact?: boolean;
+      /** Host positioning model — see `TankPositioning` for details. Defaults to
+`point` for backward compatibility (fixed default dimensions + P&ID
+top-center anchor). Set to `button` to make the host fill its parent
+container (100% × 100%) with no anchor offset. */
+positioning?: TankPositioning;
+      /** Static (display-only) variant. Always rendered at the compact size; the
+inner chart/bar is hidden, the bordered area is filled with
+`--container-section-color`, and the readout is centered inside the frame.
+Tag is rendered below the bordered area; badges (when slotted) sit above
+the frame inside the halo and shrink the frame just like in compact mode.
+Overrides `compact` (a static tank is always compact-sized).
+
+Static tanks render as a non-interactive `<div role="img">` (not a
+`<button>`), so they are not in the tab order and do not announce as
+activatable controls. */
+static?: boolean;
+     tag?: string;
+      /** Chart cell rendering mode.
+- `bar`: static fill bar driven by `value`/`max` (default).
+- `graph`: embedded `obc-gauge-trend` line/area chart.
+- `graphAndBar`: embedded `obc-gauge-trend` with an integrated side bar. */
+chartMode?: TankChartMode;
+      /** Time-series data points for the embedded gauge-trend (graph modes only). */
+chartData?: ChartLineDataItem[];
+      /** Priority hint forwarded to child charts (regular | enhanced). */
+priority?: Priority;
+      /** Advice overlays. Forwarded to the embedded `obc-gauge-trend` in
+`graph` / `graph-and-bar` modes, or rendered as pills over the static
+bar in `bar` mode. */
+advice?: LinearAdvice[];
+      /** Show advice overlays (works in all `chartMode` variants). */
+hasAdvice?: boolean;
+      /** Overlay a 32×32 decorative icon (currently `<obi-tank>`) centered on the
+chart cell. Works in all three `chartMode` variants (bar, graph,
+graph-and-bar) and in both orientations. The icon is rendered above the
+bar/graph in a fixed CSS layer (does not scale with the SVG meet
+transform) and is silhouetted with a `--border-silhouette-color` halo so
+it stays legible on any underlying fill. The icon size scales with the
+ambient `obc-component-size-*` class on an ancestor via the design token
+`--automation-components-tanks-graphs-graph-icon-size` (32 → 48 → 64 → 64
+for regular → medium → large → xl).
+
+TODO(future): replace the hard-coded `<obi-tank>` with a `slot="graph-icon"`
+so consumers can pass any `<obi-*>` icon. The current API ships the
+smallest viable surface; the slot can be added without breaking the
+boolean property. */
+hasGraphIcon?: boolean;
+      /** Show an `<obc-alert-frame>` overlay around the bordered tank area (the
+`.halo` wrapper). Mirrors the API of `obc-automation-button`: same six
+properties, same three slots (`alert-icon`, `alert-label`, `alert-timer`).
+The ring overlays `.halo` only, so the tag and readout that sit outside
+the halo in compact / static layouts remain unaffected. */
+alert?: boolean;
+     alertFrameType?: ObcAlertFrameType;
+     alertFrameThickness?: ObcAlertFrameThickness;
+     alertFrameStatus?: ObcAlertFrameStatus;
+     showAlertCategoryIcon?: boolean;
+     showAlertIcon?: boolean;
+      /** Show the trend chevron / off icon next to the percent readout. Default
+`true` preserves existing behavior. Set to `false` to hide the trend
+indicator in both compact and non-compact readouts — useful when the
+trend is not meaningful for a given tank, or when the consumer wants
+to keep the readout compact. Has no effect in `static` mode, which
+renders the tank's capacity (`max` + `unit`) instead of a percent and
+intentionally omits the trend indicator (a static tank represents
+"device present, current state unknown"). `attribute: false` per the
+repo's positive-default-true boolean convention. */
+showTrendSymbol?: boolean;
+      /** Number of fraction digits used to format the percent readout in the
+non-compact (regular) layout. Defaults to `0` (integer percent). The
+compact layout always renders integer percent to keep its fixed-width
+footprint stable. The static layout renders capacity (`max` + `unit`)
+rather than percent, so this property has no effect there — pass a
+pre-formatted value through the `max-value` slot if fractional
+precision is needed (see the `WithFractionDigits` story). */
+percentFractionDigits?: number;
+      /** Enum-driven badges rendered inside the `badges` cell. Mirrors the API
+introduced for `ObcAbstractAutomationButton` in PR #839 (#829). When set
+to a non-`None` value, an `<obc-automation-badge>` of the corresponding
+type is rendered as fallback content for the `badges` slot. Any content
+the consumer slots into `badges` overrides these defaults, preserving
+backward compatibility with the existing slot-based API.
+
+Render order (left → right): control, alert, interlock, commandLocked —
+matching the positional convention used by `ObcAbstractAutomationButton`
+(top-left, top-right, bottom-left, bottom-right) read row-by-row. */
+badgeControl?: AutomationButtonBadgeControl;
+     badgeAlert?: AutomationButtonBadgeAlert;
+     badgeInterlock?: AutomationButtonBadgeInterlock;
+     badgeCommandLocked?: AutomationButtonBadgeCommandLocked
    }
       export interface Events {
     

package/dist/automation/automation-tank/ObcAutomationTank.svelte.d.ts

@@ -1,6 +1,11 @@
 import '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
 import type { LineMedium } from '@oicl/openbridge-webcomponents/dist/automation/index.js';
-import type { TankTrend, TankVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type { TankTrend, TankType, TankOrientation, TankPositioning, TankChartMode } from '@oicl/openbridge-webcomponents/dist/automation/automation-tank/automation-tank.js';
+import type { ChartLineDataItem } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameStatus } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeAlert, AutomationButtonBadgeInterlock, AutomationButtonBadgeCommandLocked } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -9,8 +14,99 @@ export interface Props {
     value?: number;
     max?: number;
     trend?: TankTrend;
-    variant?: TankVariant;
+    type?: TankType;
+    orientation?: TankOrientation;
+    compact?: boolean;
+    /** Host positioning model — see `TankPositioning` for details. Defaults to
+`point` for backward compatibility (fixed default dimensions + P&ID
+top-center anchor). Set to `button` to make the host fill its parent
+container (100% × 100%) with no anchor offset. */
+    positioning?: TankPositioning;
+    /** Static (display-only) variant. Always rendered at the compact size; the
+inner chart/bar is hidden, the bordered area is filled with
+`--container-section-color`, and the readout is centered inside the frame.
+Tag is rendered below the bordered area; badges (when slotted) sit above
+the frame inside the halo and shrink the frame just like in compact mode.
+Overrides `compact` (a static tank is always compact-sized).
+
+Static tanks render as a non-interactive `<div role="img">` (not a
+`<button>`), so they are not in the tab order and do not announce as
+activatable controls. */
+    static?: boolean;
     tag?: string;
+    /** Chart cell rendering mode.
+- `bar`: static fill bar driven by `value`/`max` (default).
+- `graph`: embedded `obc-gauge-trend` line/area chart.
+- `graphAndBar`: embedded `obc-gauge-trend` with an integrated side bar. */
+    chartMode?: TankChartMode;
+    /** Time-series data points for the embedded gauge-trend (graph modes only). */
+    chartData?: ChartLineDataItem[];
+    /** Priority hint forwarded to child charts (regular | enhanced). */
+    priority?: Priority;
+    /** Advice overlays. Forwarded to the embedded `obc-gauge-trend` in
+`graph` / `graph-and-bar` modes, or rendered as pills over the static
+bar in `bar` mode. */
+    advice?: LinearAdvice[];
+    /** Show advice overlays (works in all `chartMode` variants). */
+    hasAdvice?: boolean;
+    /** Overlay a 32×32 decorative icon (currently `<obi-tank>`) centered on the
+chart cell. Works in all three `chartMode` variants (bar, graph,
+graph-and-bar) and in both orientations. The icon is rendered above the
+bar/graph in a fixed CSS layer (does not scale with the SVG meet
+transform) and is silhouetted with a `--border-silhouette-color` halo so
+it stays legible on any underlying fill. The icon size scales with the
+ambient `obc-component-size-*` class on an ancestor via the design token
+`--automation-components-tanks-graphs-graph-icon-size` (32 → 48 → 64 → 64
+for regular → medium → large → xl).
+
+TODO(future): replace the hard-coded `<obi-tank>` with a `slot="graph-icon"`
+so consumers can pass any `<obi-*>` icon. The current API ships the
+smallest viable surface; the slot can be added without breaking the
+boolean property. */
+    hasGraphIcon?: boolean;
+    /** Show an `<obc-alert-frame>` overlay around the bordered tank area (the
+`.halo` wrapper). Mirrors the API of `obc-automation-button`: same six
+properties, same three slots (`alert-icon`, `alert-label`, `alert-timer`).
+The ring overlays `.halo` only, so the tag and readout that sit outside
+the halo in compact / static layouts remain unaffected. */
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: ObcAlertFrameStatus;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Show the trend chevron / off icon next to the percent readout. Default
+`true` preserves existing behavior. Set to `false` to hide the trend
+indicator in both compact and non-compact readouts — useful when the
+trend is not meaningful for a given tank, or when the consumer wants
+to keep the readout compact. Has no effect in `static` mode, which
+renders the tank's capacity (`max` + `unit`) instead of a percent and
+intentionally omits the trend indicator (a static tank represents
+"device present, current state unknown"). `attribute: false` per the
+repo's positive-default-true boolean convention. */
+    showTrendSymbol?: boolean;
+    /** Number of fraction digits used to format the percent readout in the
+non-compact (regular) layout. Defaults to `0` (integer percent). The
+compact layout always renders integer percent to keep its fixed-width
+footprint stable. The static layout renders capacity (`max` + `unit`)
+rather than percent, so this property has no effect there — pass a
+pre-formatted value through the `max-value` slot if fractional
+precision is needed (see the `WithFractionDigits` story). */
+    percentFractionDigits?: number;
+    /** Enum-driven badges rendered inside the `badges` cell. Mirrors the API
+introduced for `ObcAbstractAutomationButton` in PR #839 (#829). When set
+to a non-`None` value, an `<obc-automation-badge>` of the corresponding
+type is rendered as fallback content for the `badges` slot. Any content
+the consumer slots into `badges` overrides these defaults, preserving
+backward compatibility with the existing slot-based API.
+
+Render order (left → right): control, alert, interlock, commandLocked —
+matching the positional convention used by `ObcAbstractAutomationButton`
+(top-left, top-right, bottom-left, bottom-right) read row-by-row. */
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeAlert?: AutomationButtonBadgeAlert;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
 }
 export interface Events {
 }
@@ -21,7 +117,20 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAutomationTank: import("svelte").Component<$$ComponentProps, {
     LineMedium: typeof LineMedium;
     TankTrend: typeof TankTrend;
-    TankVariant: typeof TankVariant;
+    TankType: typeof TankType;
+    TankOrientation: typeof TankOrientation;
+    TankPositioning: typeof TankPositioning;
+    TankChartMode: typeof TankChartMode;
+    ChartLineDataItem: typeof ChartLineDataItem;
+    Priority: typeof Priority;
+    LinearAdvice: typeof LinearAdvice;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameStatus: typeof ObcAlertFrameStatus;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
 }, "">;
 type ObcAutomationTank = ReturnType<typeof ObcAutomationTank>;
 export default ObcAutomationTank;

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

@@ -53,6 +53,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

@@ -49,6 +49,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'. */

package/dist/index.d.ts

@@ -2171,6 +2171,7 @@ export { default as ObcHeading } from './navigation-instruments/heading/ObcHeadi
 export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
 export { default as ObcHeave } from './navigation-instruments/heave/ObcHeave.svelte';
 export { default as ObcHeaveIndicator } from './navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte';
+export { default as ObcInstrumentField } from './navigation-instruments/instrument-field/ObcInstrumentField.svelte';
 export { default as ObcMainEngine } from './navigation-instruments/main-engine/ObcMainEngine.svelte';
 export { default as ObcMainEngineIndicator } from './navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte';
 export { default as ObcPitch } from './navigation-instruments/pitch/ObcPitch.svelte';
@@ -2181,8 +2182,8 @@ 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 ObcReadoutInput } from './navigation-instruments/readout-input/ObcReadoutInput.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';
 export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
 export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';

package/dist/index.js

@@ -2171,6 +2171,7 @@ export { default as ObcHeading } from './navigation-instruments/heading/ObcHeadi
 export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
 export { default as ObcHeave } from './navigation-instruments/heave/ObcHeave.svelte';
 export { default as ObcHeaveIndicator } from './navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte';
+export { default as ObcInstrumentField } from './navigation-instruments/instrument-field/ObcInstrumentField.svelte';
 export { default as ObcMainEngine } from './navigation-instruments/main-engine/ObcMainEngine.svelte';
 export { default as ObcMainEngineIndicator } from './navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte';
 export { default as ObcPitch } from './navigation-instruments/pitch/ObcPitch.svelte';
@@ -2181,8 +2182,8 @@ 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 ObcReadoutInput } from './navigation-instruments/readout-input/ObcReadoutInput.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';
 export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
 export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';

package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte

@@ -0,0 +1,69 @@
+
+  <script lang="ts">
+    export type {InstrumentFieldSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
+      import { setProperties } from "../../util.js";
+      import type {InstrumentFieldSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+      /** The size of the instrument field. */
+size?: InstrumentFieldSize;
+      /** The setpoint value to display. */
+setpoint?: number | undefined;
+      /** Whether to show the setpoint. */
+hasSetpoint?: boolean;
+      /** Whether to show the source (src) field. */
+hasSrc?: boolean;
+      /** The primary value to display. */
+value?: number | undefined;
+      /** The maximum number of integer digits to show (for zero padding). */
+maxDigits?: number;
+      /** Whether to show leading zeros up to `maxDigits`. */
+showZeroPadding?: boolean;
+      /** The number of decimal places to display. */
+fractionDigits?: number;
+      /** The tag or label for the data (e.g., "HDG", "SPD"). */
+tag?: string;
+      /** The unit of measurement (e.g., "DEG", "KN"). */
+unit?: string;
+      /** The current source name (e.g., "GPS 1"). */
+src?: string;
+      /** If true, uses a neutral color scheme instead of the default instrument color. */
+neutralColor?: boolean;
+      /** If true, uses a horizontal layout. */
+horizontal?: boolean;
+      /** If true, centers the content. */
+center?: boolean;
+      /** If true, only the label (tag and unit) is displayed. */
+labelOnly?: boolean;
+      /** If true, displays the "off" state (e.g., showing "OFF" instead of value). */
+off?: boolean;
+      /** If true, automatically hides the setpoint when the value is close to it. */
+autoHideSetpoint?: boolean;
+      /** The deadband within which the setpoint is hidden if `autoHideSetpoint` is true. */
+autoHideDeadband?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  offValue?: Snippet
+}
+      const { class: className, style, offValue, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-instrument-field
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if offValue}
+        <div slot="off-value">
+          {@render offValue()}
+        </div>
+      {/if}
+    </obc-instrument-field>

package/dist/navigation-instruments/instrument-field/ObcInstrumentField.svelte.d.ts

@@ -0,0 +1,54 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
+import type { InstrumentFieldSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** The size of the instrument field. */
+    size?: InstrumentFieldSize;
+    /** The setpoint value to display. */
+    setpoint?: number | undefined;
+    /** Whether to show the setpoint. */
+    hasSetpoint?: boolean;
+    /** Whether to show the source (src) field. */
+    hasSrc?: boolean;
+    /** The primary value to display. */
+    value?: number | undefined;
+    /** The maximum number of integer digits to show (for zero padding). */
+    maxDigits?: number;
+    /** Whether to show leading zeros up to `maxDigits`. */
+    showZeroPadding?: boolean;
+    /** The number of decimal places to display. */
+    fractionDigits?: number;
+    /** The tag or label for the data (e.g., "HDG", "SPD"). */
+    tag?: string;
+    /** The unit of measurement (e.g., "DEG", "KN"). */
+    unit?: string;
+    /** The current source name (e.g., "GPS 1"). */
+    src?: string;
+    /** If true, uses a neutral color scheme instead of the default instrument color. */
+    neutralColor?: boolean;
+    /** If true, uses a horizontal layout. */
+    horizontal?: boolean;
+    /** If true, centers the content. */
+    center?: boolean;
+    /** If true, only the label (tag and unit) is displayed. */
+    labelOnly?: boolean;
+    /** If true, displays the "off" state (e.g., showing "OFF" instead of value). */
+    off?: boolean;
+    /** If true, automatically hides the setpoint when the value is close to it. */
+    autoHideSetpoint?: boolean;
+    /** The deadband within which the setpoint is hidden if `autoHideSetpoint` is true. */
+    autoHideDeadband?: number;
+}
+export interface Events {
+}
+export interface Slots {
+    offValue?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcInstrumentField: import("svelte").Component<$$ComponentProps, {
+    InstrumentFieldSize: typeof InstrumentFieldSize;
+}, "">;
+type ObcInstrumentField = ReturnType<typeof ObcInstrumentField>;
+export default ObcInstrumentField;

package/dist/navigation-instruments/readout/ObcReadout.svelte

@@ -1,85 +1,74 @@
 
   <script lang="ts">
     export type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-export type {ReadoutVariant, ReadoutAlertState, ReadoutInputInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+export type {ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {ReadoutInputSize, ReadoutInputFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+export type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
       import { setProperties } from "../../util.js";
       import type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-import type {ReadoutVariant, ReadoutAlertState, ReadoutInputInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type {ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {ReadoutInputSize, ReadoutInputFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+import type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+     value?: number | undefined;
+     hasSetpoint?: boolean;
+     setpointValue?: number | undefined;
      variant?: ReadoutVariant;
+     hasDegree?: boolean;
+     label?: string;
+     unit?: string | undefined;
+     src?: string | undefined;
+     off?: boolean;
      valuePriority?: Priority | undefined;
      alertState?: ReadoutAlertState;
-     inputInteraction?: ReadoutInputInteraction;
+     setpointInteraction?: ReadoutSetpointInteraction;
      direction?: ReadoutDirection;
-      /** Override the size of the input segment (when `hasInput` is true).
+      /** Override the size of the setpoint segment (when `hasSetpoint` is true).
 
 - In `alwaysVisible` and `popUp` interaction modes: any size value applies.
 - In `flipFlop` mode: the override is honored only when strictly smaller
   than the variant's base size (medium for `regular`, large for
   `enhanced`/`stack`). Larger overrides are ignored, falling back to the
   default secondary size to preserve the flip-flop visual effect and
-  prevent input/value overlap.
+  prevent setpoint/value overlap.
 
-When unset, the input size is derived from `variant` (and adjusted for
+When unset, the setpoint size is derived from `variant` (and adjusted for
 multi-line formats). */
-inputSize?: ReadoutInputSize | undefined;
+setpointSize?: ReadoutSetpointSize | undefined;
      alignment?: ReadoutStackVerticalAlignment;
      hug?: boolean;
-     hasAdvice?: boolean;
-     hasInput?: boolean;
-     hasInputDivider?: boolean;
+     hasSetpointDivider?: boolean;
      hasSourceDivider?: boolean;
-     hasSrc?: boolean;
-     value?: string | number | undefined;
-     maxDigits?: number;
      showZeroPadding?: boolean;
      fractionDigits?: number;
-     valueHasFixedLength?: boolean;
-     valueLength?: string;
+     minValueLength?: number;
      valueHasHintedZeros?: boolean;
-     hasDegree?: boolean;
-     unit?: string;
-     src?: string;
-     sourceDeltaValue?: string;
      labelOnly?: boolean;
      hasSrcPicker?: boolean;
-     hasLeadingIcon?: boolean;
-     adviceValue?: string | number | undefined;
-     setpointValue?: string | number | undefined;
-     label?: string;
+     sourceDeltaValue?: number;
      sourceType?: ReadoutSourceType | undefined;
+     hasLeadingIcon?: boolean;
      sourceHug?: boolean;
      hasSourceLeadingIcon?: boolean;
      hasSourceTrailingIcon?: boolean;
-     hasLabelFixedLength?: boolean;
-     labelLength?: string;
-     hasUnitFixedLength?: boolean;
-     unitLength?: string;
+     hasAdvice?: boolean;
+     adviceValue?: number | undefined;
      adviceFormat?: ReadoutAdviceFormat;
      adviceState?: ReadoutAdviceState;
-     advicePriority?: Priority | undefined;
-     adviceHasFixedLength?: boolean;
-     adviceSecondaryValue?: string;
+     adviceSecondaryValue?: number | undefined;
      adviceDescription?: string;
-     adviceValueLength?: string;
      adviceHasHintedZeros?: boolean;
-     inputFormat?: ReadoutInputFormat;
-     inputHasFixedLength?: boolean;
-     inputSecondaryValue?: string;
-     inputDescription?: string;
-     inputValueLength?: string;
-     inputHasHintedZeros?: boolean
+     setpointFormat?: ReadoutSetpointFormat;
+     setpointSecondaryValue?: number | undefined;
+     setpointDescription?: string;
+     setpointHasHintedZeros?: boolean
    }
       export interface Events {
     onSourceFlyoutClick?: (event: CustomEvent<{src: string, sourceType?: ReadoutSourceType}>) => void;
@@ -88,8 +77,8 @@ inputSize?: ReadoutInputSize | undefined;
       export interface Slots {
   advice?: Snippet;
   adviceIcon?: Snippet;
-  input?: Snippet;
-  inputIcon?: Snippet;
+  setpoint?: Snippet;
+  setpointIcon?: Snippet;
   leadingIcon?: Snippet;
   valueSnippet?: Snippet;
   labelSnippet?: Snippet;
@@ -97,7 +86,7 @@ inputSize?: ReadoutInputSize | undefined;
   source?: Snippet;
   srcPickerContent?: Snippet
 }
-      const {onSourceFlyoutClick, onSourceChange, class: className, style, advice, adviceIcon, input, inputIcon, leadingIcon, valueSnippet, labelSnippet, unitSnippet, source, srcPickerContent, ...props} = $props<Props & Events & Slots>();
+      const {onSourceFlyoutClick, onSourceChange, class: className, style, advice, adviceIcon, setpoint, setpointIcon, leadingIcon, valueSnippet, labelSnippet, unitSnippet, source, srcPickerContent, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-readout
@@ -119,15 +108,15 @@ inputSize?: ReadoutInputSize | undefined;
         </div>
       {/if}
 
-      {#if input}
-        <div slot="input">
-          {@render input()}
+      {#if setpoint}
+        <div slot="setpoint">
+          {@render setpoint()}
         </div>
       {/if}
 
-      {#if inputIcon}
-        <div slot="input-icon">
-          {@render inputIcon()}
+      {#if setpointIcon}
+        <div slot="setpoint-icon">
+          {@render setpointIcon()}
         </div>
       {/if}
 

package/dist/navigation-instruments/readout/ObcReadout.svelte.d.ts

@@ -1,76 +1,65 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type { ReadoutSourceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
-import type { ReadoutVariant, ReadoutAlertState, ReadoutInputInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
+import type { ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { ReadoutInputSize, ReadoutInputFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+import type { ReadoutSetpointSize, ReadoutSetpointFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    value?: number | undefined;
+    hasSetpoint?: boolean;
+    setpointValue?: number | undefined;
     variant?: ReadoutVariant;
+    hasDegree?: boolean;
+    label?: string;
+    unit?: string | undefined;
+    src?: string | undefined;
+    off?: boolean;
     valuePriority?: Priority | undefined;
     alertState?: ReadoutAlertState;
-    inputInteraction?: ReadoutInputInteraction;
+    setpointInteraction?: ReadoutSetpointInteraction;
     direction?: ReadoutDirection;
-    /** Override the size of the input segment (when `hasInput` is true).
+    /** Override the size of the setpoint segment (when `hasSetpoint` is true).
 
 - In `alwaysVisible` and `popUp` interaction modes: any size value applies.
 - In `flipFlop` mode: the override is honored only when strictly smaller
 than the variant's base size (medium for `regular`, large for
 `enhanced`/`stack`). Larger overrides are ignored, falling back to the
 default secondary size to preserve the flip-flop visual effect and
-prevent input/value overlap.
+prevent setpoint/value overlap.
 
-When unset, the input size is derived from `variant` (and adjusted for
+When unset, the setpoint size is derived from `variant` (and adjusted for
 multi-line formats). */
-    inputSize?: ReadoutInputSize | undefined;
+    setpointSize?: ReadoutSetpointSize | undefined;
     alignment?: ReadoutStackVerticalAlignment;
     hug?: boolean;
-    hasAdvice?: boolean;
-    hasInput?: boolean;
-    hasInputDivider?: boolean;
+    hasSetpointDivider?: boolean;
     hasSourceDivider?: boolean;
-    hasSrc?: boolean;
-    value?: string | number | undefined;
-    maxDigits?: number;
     showZeroPadding?: boolean;
     fractionDigits?: number;
-    valueHasFixedLength?: boolean;
-    valueLength?: string;
+    minValueLength?: number;
     valueHasHintedZeros?: boolean;
-    hasDegree?: boolean;
-    unit?: string;
-    src?: string;
-    sourceDeltaValue?: string;
     labelOnly?: boolean;
     hasSrcPicker?: boolean;
-    hasLeadingIcon?: boolean;
-    adviceValue?: string | number | undefined;
-    setpointValue?: string | number | undefined;
-    label?: string;
+    sourceDeltaValue?: number;
     sourceType?: ReadoutSourceType | undefined;
+    hasLeadingIcon?: boolean;
     sourceHug?: boolean;
     hasSourceLeadingIcon?: boolean;
     hasSourceTrailingIcon?: boolean;
-    hasLabelFixedLength?: boolean;
-    labelLength?: string;
-    hasUnitFixedLength?: boolean;
-    unitLength?: string;
+    hasAdvice?: boolean;
+    adviceValue?: number | undefined;
     adviceFormat?: ReadoutAdviceFormat;
     adviceState?: ReadoutAdviceState;
-    advicePriority?: Priority | undefined;
-    adviceHasFixedLength?: boolean;
-    adviceSecondaryValue?: string;
+    adviceSecondaryValue?: number | undefined;
     adviceDescription?: string;
-    adviceValueLength?: string;
     adviceHasHintedZeros?: boolean;
-    inputFormat?: ReadoutInputFormat;
-    inputHasFixedLength?: boolean;
-    inputSecondaryValue?: string;
-    inputDescription?: string;
-    inputValueLength?: string;
-    inputHasHintedZeros?: boolean;
+    setpointFormat?: ReadoutSetpointFormat;
+    setpointSecondaryValue?: number | undefined;
+    setpointDescription?: string;
+    setpointHasHintedZeros?: boolean;
 }
 export interface Events {
     onSourceFlyoutClick?: (event: CustomEvent<{
@@ -85,8 +74,8 @@ export interface Events {
 export interface Slots {
     advice?: Snippet;
     adviceIcon?: Snippet;
-    input?: Snippet;
-    inputIcon?: Snippet;
+    setpoint?: Snippet;
+    setpointIcon?: Snippet;
     leadingIcon?: Snippet;
     valueSnippet?: Snippet;
     labelSnippet?: Snippet;
@@ -99,12 +88,12 @@ declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
     ReadoutSourceType: typeof ReadoutSourceType;
     ReadoutVariant: typeof ReadoutVariant;
     ReadoutAlertState: typeof ReadoutAlertState;
-    ReadoutInputInteraction: typeof ReadoutInputInteraction;
+    ReadoutSetpointInteraction: typeof ReadoutSetpointInteraction;
     ReadoutDirection: typeof ReadoutDirection;
     ReadoutStackVerticalAlignment: typeof ReadoutStackVerticalAlignment;
     Priority: typeof Priority;
-    ReadoutInputSize: typeof ReadoutInputSize;
-    ReadoutInputFormat: typeof ReadoutInputFormat;
+    ReadoutSetpointSize: typeof ReadoutSetpointSize;
+    ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
     ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
     ReadoutAdviceState: typeof ReadoutAdviceState;
 }, "">;

package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte

@@ -1,13 +1,13 @@
 
   <script lang="ts">
     export type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-export type {ReadoutInputSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+export type {ReadoutSetpointSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
       import { setProperties } from "../../util.js";
       import type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-import type {ReadoutInputSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+import type {ReadoutSetpointSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
@@ -17,16 +17,15 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
      style?: string;
      readoutStyle?: ReadoutVariant | undefined;
      direction?: ReadoutDirection | undefined;
-     size?: ReadoutInputSize;
+     size?: ReadoutSetpointSize;
      format?: ReadoutAdviceFormat | undefined;
      priority?: Priority | undefined;
      state?: ReadoutAdviceState;
      hugContent?: boolean;
-     hasFixedLength?: boolean;
-     value?: string | number | undefined;
-     secondaryValue?: string;
+     value?: number | undefined;
+     secondaryValue?: number | undefined;
      description?: string;
-     valueLength?: string;
+     minValueLength?: number;
      hasHintedZeros?: boolean;
      fractionDigits?: number;
      hasDegree?: boolean

package/dist/navigation-instruments/readout-advice/ObcReadoutAdvice.svelte.d.ts

@@ -1,6 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
 import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
-import type { ReadoutInputSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+import type { ReadoutSetpointSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
@@ -9,16 +9,15 @@ export interface Props {
     style?: string;
     readoutStyle?: ReadoutVariant | undefined;
     direction?: ReadoutDirection | undefined;
-    size?: ReadoutInputSize;
+    size?: ReadoutSetpointSize;
     format?: ReadoutAdviceFormat | undefined;
     priority?: Priority | undefined;
     state?: ReadoutAdviceState;
     hugContent?: boolean;
-    hasFixedLength?: boolean;
-    value?: string | number | undefined;
-    secondaryValue?: string;
+    value?: number | undefined;
+    secondaryValue?: number | undefined;
     description?: string;
-    valueLength?: string;
+    minValueLength?: number;
     hasHintedZeros?: boolean;
     fractionDigits?: number;
     hasDegree?: boolean;
@@ -32,7 +31,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcReadoutAdvice: import("svelte").Component<$$ComponentProps, {
     ReadoutVariant: typeof ReadoutVariant;
     ReadoutDirection: typeof ReadoutDirection;
-    ReadoutInputSize: typeof ReadoutInputSize;
+    ReadoutSetpointSize: typeof ReadoutSetpointSize;
     ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
     ReadoutAdviceState: typeof ReadoutAdviceState;
     Priority: typeof Priority;

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

@@ -16,20 +16,18 @@
      label?: string;
      unit?: string;
      src?: string;
-     value?: string | number | undefined;
-     inputValue?: string | number | undefined;
-     hasInput?: boolean;
+     value?: number | undefined;
+     setpointValue?: number | undefined;
+     hasSetpoint?: boolean;
      hasDegree?: boolean;
      hasUnit?: boolean;
      hasLabel?: boolean;
      hasSource?: boolean;
      hasLeadingIcon?: boolean;
      hasValueIcon?: boolean;
-     maxDigits?: number;
      fractionDigits?: number;
      showZeroPadding?: boolean;
-     hasFixedLength?: boolean;
-     valueLength?: string;
+     minValueLength?: number;
      hasHintedZeros?: boolean
    }
       export interface Events {

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

@@ -11,20 +11,18 @@ export interface Props {
     label?: string;
     unit?: string;
     src?: string;
-    value?: string | number | undefined;
-    inputValue?: string | number | undefined;
-    hasInput?: boolean;
+    value?: number | undefined;
+    setpointValue?: number | undefined;
+    hasSetpoint?: boolean;
     hasDegree?: boolean;
     hasUnit?: boolean;
     hasLabel?: boolean;
     hasSource?: boolean;
     hasLeadingIcon?: boolean;
     hasValueIcon?: boolean;
-    maxDigits?: number;
     fractionDigits?: number;
     showZeroPadding?: boolean;
-    hasFixedLength?: boolean;
-    valueLength?: string;
+    minValueLength?: number;
     hasHintedZeros?: boolean;
 }
 export interface Events {

package/dist/navigation-instruments/{readout-input/ObcReadoutInput.svelte → readout-setpoint/ObcReadoutSetpoint.svelte}

@@ -1,11 +1,11 @@
 
   <script lang="ts">
-    export type {ReadoutInputVariant, ReadoutInputSize, ReadoutInputValueTypography, ReadoutInputFormat, ReadoutInputMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+    export type {ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 export type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
       import { setProperties } from "../../util.js";
-      import type {ReadoutInputVariant, ReadoutInputSize, ReadoutInputValueTypography, ReadoutInputFormat, ReadoutInputMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+      import type {ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
 import type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
@@ -13,24 +13,23 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       export interface Props {
      class?: string;
      style?: string;
-     variant?: ReadoutInputVariant;
+     variant?: ReadoutSetpointVariant;
      readoutStyle?: ReadoutVariant | undefined;
      direction?: ReadoutDirection | undefined;
-     size?: ReadoutInputSize;
-     valueTypography?: ReadoutInputValueTypography | undefined;
-     format?: ReadoutInputFormat | undefined;
-     mode?: ReadoutInputMode | undefined;
+     size?: ReadoutSetpointSize;
+     valueTypography?: ReadoutSetpointValueTypography | undefined;
+     format?: ReadoutSetpointFormat | undefined;
+     mode?: ReadoutSetpointMode | undefined;
      priority?: Priority | undefined;
      hugContent?: boolean;
-     hasFixedLength?: boolean;
-     value?: string | number | undefined;
-     secondaryValue?: string;
+     minValueLength?: number;
+     value?: number | undefined;
+     secondaryValue?: number | undefined;
+     off?: boolean;
      description?: string;
-     valueLength?: string;
      hasHintedZeros?: boolean;
      hasDegree?: boolean;
      showZeroPadding?: boolean;
-     maxDigits?: number;
      fractionDigits?: number
    }
       export interface Events {
@@ -43,7 +42,7 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       const { class: className, style, icon, valueSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
-    <obc-readout-input
+    <obc-readout-setpoint
     use:setProperties={props}
     class={className}
     style={style}
@@ -60,4 +59,4 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
           {@render valueSnippet()}
         </div>
       {/if}
-    </obc-readout-input>
+    </obc-readout-setpoint>

package/dist/navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte.d.ts

@@ -0,0 +1,46 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type { ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
+import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.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;
+    variant?: ReadoutSetpointVariant;
+    readoutStyle?: ReadoutVariant | undefined;
+    direction?: ReadoutDirection | undefined;
+    size?: ReadoutSetpointSize;
+    valueTypography?: ReadoutSetpointValueTypography | undefined;
+    format?: ReadoutSetpointFormat | undefined;
+    mode?: ReadoutSetpointMode | undefined;
+    priority?: Priority | undefined;
+    hugContent?: boolean;
+    minValueLength?: number;
+    value?: number | undefined;
+    secondaryValue?: number | undefined;
+    off?: boolean;
+    description?: string;
+    hasHintedZeros?: boolean;
+    hasDegree?: boolean;
+    showZeroPadding?: boolean;
+    fractionDigits?: number;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+    valueSnippet?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutSetpoint: import("svelte").Component<$$ComponentProps, {
+    ReadoutSetpointVariant: typeof ReadoutSetpointVariant;
+    ReadoutSetpointSize: typeof ReadoutSetpointSize;
+    ReadoutSetpointValueTypography: typeof ReadoutSetpointValueTypography;
+    ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
+    ReadoutSetpointMode: typeof ReadoutSetpointMode;
+    ReadoutVariant: typeof ReadoutVariant;
+    ReadoutDirection: typeof ReadoutDirection;
+    Priority: typeof Priority;
+}, "">;
+type ObcReadoutSetpoint = ReturnType<typeof ObcReadoutSetpoint>;
+export default ObcReadoutSetpoint;

package/package.json

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

package/dist/navigation-instruments/readout-input/ObcReadoutInput.svelte.d.ts

@@ -1,47 +0,0 @@
-import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
-import type { ReadoutInputVariant, ReadoutInputSize, ReadoutInputValueTypography, ReadoutInputFormat, ReadoutInputMode } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
-import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.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;
-    variant?: ReadoutInputVariant;
-    readoutStyle?: ReadoutVariant | undefined;
-    direction?: ReadoutDirection | undefined;
-    size?: ReadoutInputSize;
-    valueTypography?: ReadoutInputValueTypography | undefined;
-    format?: ReadoutInputFormat | undefined;
-    mode?: ReadoutInputMode | undefined;
-    priority?: Priority | undefined;
-    hugContent?: boolean;
-    hasFixedLength?: boolean;
-    value?: string | number | undefined;
-    secondaryValue?: string;
-    description?: string;
-    valueLength?: string;
-    hasHintedZeros?: boolean;
-    hasDegree?: boolean;
-    showZeroPadding?: boolean;
-    maxDigits?: number;
-    fractionDigits?: number;
-}
-export interface Events {
-}
-export interface Slots {
-    icon?: Snippet;
-    valueSnippet?: Snippet;
-}
-type $$ComponentProps = Props & Events & Slots;
-declare const ObcReadoutInput: import("svelte").Component<$$ComponentProps, {
-    ReadoutInputVariant: typeof ReadoutInputVariant;
-    ReadoutInputSize: typeof ReadoutInputSize;
-    ReadoutInputValueTypography: typeof ReadoutInputValueTypography;
-    ReadoutInputFormat: typeof ReadoutInputFormat;
-    ReadoutInputMode: typeof ReadoutInputMode;
-    ReadoutVariant: typeof ReadoutVariant;
-    ReadoutDirection: typeof ReadoutDirection;
-    Priority: typeof Priority;
-}, "">;
-type ObcReadoutInput = ReturnType<typeof ObcReadoutInput>;
-export default ObcReadoutInput;