@oicl/openbridge-webcomponents-svelte 2.0.0-next.31 → 2.0.0-next.33

package/dist/components/card/ObcCard.svelte

@@ -14,13 +14,13 @@
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
 hasDialog?: boolean;
-      /** Total time in milliseconds before the dialog auto-closes.
+      /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
 dialogTimeOutSeconds?: number;
-      /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+      /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
 dialogVisibleTimerSeconds?: number
    }
       export interface Events {

package/dist/components/card/ObcCard.svelte.d.ts

@@ -8,13 +8,13 @@ export interface Props {
 
 When `hasDialog` is false, the card is a static container. When true, clicking the card opens a modal dialog overlay, displaying content from the `dialog-title` and `dialog-content` slots. */
     hasDialog?: boolean;
-    /** Total time in milliseconds before the dialog auto-closes.
+    /** Total time in seconds before the dialog auto-closes. Use `0` to disable auto-close.
 
-When the dialog is open, it will automatically close after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` milliseconds. */
+When greater than zero, the dialog closes after this duration unless reset by user activity. The countdown indicator appears for the last `dialogVisibleTimerSeconds` seconds. */
     dialogTimeOutSeconds?: number;
-    /** Duration in milliseconds for which the countdown indicator is shown before auto-dismiss.
+    /** Duration in seconds for which the countdown indicator is shown before auto-dismiss.
 
-The countdown indicator is visible for the last `dialogVisibleTimerSeconds` milliseconds of the dialog's lifetime. User activity resets the timer. */
+The countdown indicator is visible for the last `dialogVisibleTimerSeconds` seconds of the dialog's lifetime when auto-close is enabled. User activity resets the timer. */
     dialogVisibleTimerSeconds?: number;
 }
 export interface Events {

package/dist/index.d.ts

@@ -2171,7 +2171,6 @@ 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';
@@ -2180,6 +2179,10 @@ export { default as ObcPitchRoll } from './navigation-instruments/pitch-roll/Obc
 export { default as ObcPropulsionAzimuthIndicator } from './navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte';
 export { default as ObcTunnelThruster } from './navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte';
 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 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,7 +2171,6 @@ 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';
@@ -2180,6 +2179,10 @@ export { default as ObcPitchRoll } from './navigation-instruments/pitch-roll/Obc
 export { default as ObcPropulsionAzimuthIndicator } from './navigation-instruments/propulsion-azimuth-indicator/ObcPropulsionAzimuthIndicator.svelte';
 export { default as ObcTunnelThruster } from './navigation-instruments/propulsion-tunnel-thruster/ObcTunnelThruster.svelte';
 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 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/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte

@@ -2,6 +2,7 @@
   <script lang="ts">
     export type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 export type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
+export type {ReadoutVariant} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 export type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -10,6 +11,7 @@ export type {PropellerType} from '@oicl/openbridge-webcomponents/dist/navigation
       import { setProperties } from "../../util.js";
       import type {CommandStatus} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 import type {AzimuthThrusterLabeledSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
+import type {ReadoutVariant} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type {AngleAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -22,6 +24,7 @@ import type {PropellerType} from '@oicl/openbridge-webcomponents/dist/navigation
      label?: string;
      commandStatus?: CommandStatus;
      size?: AzimuthThrusterLabeledSize;
+     readoutVariant?: ReadoutVariant;
      angle?: number;
      angleSetpoint?: number | undefined;
      newAngleSetpoint?: number | undefined;

package/dist/navigation-instruments/azimuth-thruster-labeled/ObcAzimuthThrusterLabeled.svelte.d.ts

@@ -1,6 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
 import type { CommandStatus } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/badge-command/badge-command.js';
 import type { AzimuthThrusterLabeledSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js';
+import type { ReadoutVariant } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
 import type { AngleAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
 import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/thruster/advice.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -12,6 +13,7 @@ export interface Props {
     label?: string;
     commandStatus?: CommandStatus;
     size?: AzimuthThrusterLabeledSize;
+    readoutVariant?: ReadoutVariant;
     angle?: number;
     angleSetpoint?: number | undefined;
     newAngleSetpoint?: number | undefined;
@@ -44,6 +46,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcAzimuthThrusterLabeled: import("svelte").Component<$$ComponentProps, {
     CommandStatus: typeof CommandStatus;
     AzimuthThrusterLabeledSize: typeof AzimuthThrusterLabeledSize;
+    ReadoutVariant: typeof ReadoutVariant;
     AngleAdvice: typeof AngleAdvice;
     LinearAdvice: typeof LinearAdvice;
     TickmarkStyle: typeof TickmarkStyle;

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

@@ -0,0 +1,157 @@
+
+  <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 {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+export type {ReadoutInputFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.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 {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+import type {ReadoutInputFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     variant?: ReadoutVariant;
+     valuePriority?: Priority | undefined;
+     alertState?: ReadoutAlertState;
+     inputInteraction?: ReadoutInputInteraction;
+     direction?: ReadoutDirection;
+     alignment?: ReadoutStackVerticalAlignment;
+     hug?: boolean;
+     hasAdvice?: boolean;
+     hasInput?: boolean;
+     hasInputDivider?: boolean;
+     hasSourceDivider?: boolean;
+     hasSrc?: boolean;
+     value?: string | number | undefined;
+     maxDigits?: number;
+     showZeroPadding?: boolean;
+     fractionDigits?: number;
+     valueHasFixedLength?: boolean;
+     valueLength?: string;
+     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;
+     sourceType?: ReadoutSourceType | undefined;
+     sourceHug?: boolean;
+     hasSourceLeadingIcon?: boolean;
+     hasSourceTrailingIcon?: boolean;
+     hasLabelFixedLength?: boolean;
+     labelLength?: string;
+     hasUnitFixedLength?: boolean;
+     unitLength?: string;
+     adviceFormat?: ReadoutAdviceFormat;
+     adviceState?: ReadoutAdviceState;
+     advicePriority?: Priority | undefined;
+     adviceHasFixedLength?: boolean;
+     adviceSecondaryValue?: string;
+     adviceDescription?: string;
+     adviceValueLength?: string;
+     adviceHasHintedZeros?: boolean;
+     inputFormat?: ReadoutInputFormat;
+     inputHasFixedLength?: boolean;
+     inputSecondaryValue?: string;
+     inputDescription?: string;
+     inputValueLength?: string;
+     inputHasHintedZeros?: boolean
+   }
+      export interface Events {
+    onSourceFlyoutClick?: (event: CustomEvent<{src: string, sourceType?: ReadoutSourceType}>) => void;
+    onSourceChange?: (event: CustomEvent<{value: string, label?: string}>) => void
+  }
+      export interface Slots {
+  advice?: Snippet;
+  adviceIcon?: Snippet;
+  input?: Snippet;
+  inputIcon?: Snippet;
+  leadingIcon?: Snippet;
+  valueSnippet?: Snippet;
+  labelSnippet?: Snippet;
+  unitSnippet?: Snippet;
+  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>();
+
+    </script>
+    <obc-readout
+    use:setProperties={props}
+    class={className}
+    style={style}
+    onsource-flyout-click={onSourceFlyoutClick}
+   onsource-change={onSourceChange} >
+      
+      {#if advice}
+        <div slot="advice">
+          {@render advice()}
+        </div>
+      {/if}
+
+      {#if adviceIcon}
+        <div slot="advice-icon">
+          {@render adviceIcon()}
+        </div>
+      {/if}
+
+      {#if input}
+        <div slot="input">
+          {@render input()}
+        </div>
+      {/if}
+
+      {#if inputIcon}
+        <div slot="input-icon">
+          {@render inputIcon()}
+        </div>
+      {/if}
+
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if valueSnippet}
+        <div slot="value">
+          {@render valueSnippet()}
+        </div>
+      {/if}
+
+      {#if labelSnippet}
+        <div slot="label">
+          {@render labelSnippet()}
+        </div>
+      {/if}
+
+      {#if unitSnippet}
+        <div slot="unit">
+          {@render unitSnippet()}
+        </div>
+      {/if}
+
+      {#if source}
+        <div slot="source">
+          {@render source()}
+        </div>
+      {/if}
+
+      {#if srcPickerContent}
+        <div slot="src-picker-content">
+          {@render srcPickerContent()}
+        </div>
+      {/if}
+    </obc-readout>

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

@@ -0,0 +1,99 @@
+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 { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
+import type { ReadoutInputFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    variant?: ReadoutVariant;
+    valuePriority?: Priority | undefined;
+    alertState?: ReadoutAlertState;
+    inputInteraction?: ReadoutInputInteraction;
+    direction?: ReadoutDirection;
+    alignment?: ReadoutStackVerticalAlignment;
+    hug?: boolean;
+    hasAdvice?: boolean;
+    hasInput?: boolean;
+    hasInputDivider?: boolean;
+    hasSourceDivider?: boolean;
+    hasSrc?: boolean;
+    value?: string | number | undefined;
+    maxDigits?: number;
+    showZeroPadding?: boolean;
+    fractionDigits?: number;
+    valueHasFixedLength?: boolean;
+    valueLength?: string;
+    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;
+    sourceType?: ReadoutSourceType | undefined;
+    sourceHug?: boolean;
+    hasSourceLeadingIcon?: boolean;
+    hasSourceTrailingIcon?: boolean;
+    hasLabelFixedLength?: boolean;
+    labelLength?: string;
+    hasUnitFixedLength?: boolean;
+    unitLength?: string;
+    adviceFormat?: ReadoutAdviceFormat;
+    adviceState?: ReadoutAdviceState;
+    advicePriority?: Priority | undefined;
+    adviceHasFixedLength?: boolean;
+    adviceSecondaryValue?: string;
+    adviceDescription?: string;
+    adviceValueLength?: string;
+    adviceHasHintedZeros?: boolean;
+    inputFormat?: ReadoutInputFormat;
+    inputHasFixedLength?: boolean;
+    inputSecondaryValue?: string;
+    inputDescription?: string;
+    inputValueLength?: string;
+    inputHasHintedZeros?: boolean;
+}
+export interface Events {
+    onSourceFlyoutClick?: (event: CustomEvent<{
+        src: string;
+        sourceType?: ReadoutSourceType;
+    }>) => void;
+    onSourceChange?: (event: CustomEvent<{
+        value: string;
+        label?: string;
+    }>) => void;
+}
+export interface Slots {
+    advice?: Snippet;
+    adviceIcon?: Snippet;
+    input?: Snippet;
+    inputIcon?: Snippet;
+    leadingIcon?: Snippet;
+    valueSnippet?: Snippet;
+    labelSnippet?: Snippet;
+    unitSnippet?: Snippet;
+    source?: Snippet;
+    srcPickerContent?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
+    ReadoutSourceType: typeof ReadoutSourceType;
+    ReadoutVariant: typeof ReadoutVariant;
+    ReadoutAlertState: typeof ReadoutAlertState;
+    ReadoutInputInteraction: typeof ReadoutInputInteraction;
+    ReadoutDirection: typeof ReadoutDirection;
+    ReadoutStackVerticalAlignment: typeof ReadoutStackVerticalAlignment;
+    Priority: typeof Priority;
+    ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
+    ReadoutAdviceState: typeof ReadoutAdviceState;
+    ReadoutInputFormat: typeof ReadoutInputFormat;
+}, "">;
+type ObcReadout = ReturnType<typeof ObcReadout>;
+export default ObcReadout;

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

@@ -0,0 +1,54 @@
+
+  <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 {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 {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';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     readoutStyle?: ReadoutVariant | undefined;
+     direction?: ReadoutDirection | undefined;
+     size?: ReadoutInputSize;
+     format?: ReadoutAdviceFormat | undefined;
+     priority?: Priority | undefined;
+     state?: ReadoutAdviceState;
+     hugContent?: boolean;
+     hasFixedLength?: boolean;
+     value?: string | number | undefined;
+     secondaryValue?: string;
+     description?: string;
+     valueLength?: string;
+     hasHintedZeros?: boolean;
+     fractionDigits?: number;
+     hasDegree?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet
+}
+      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-advice
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+    </obc-readout-advice>

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

@@ -0,0 +1,41 @@
+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 { 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';
+export interface Props {
+    class?: string;
+    style?: string;
+    readoutStyle?: ReadoutVariant | undefined;
+    direction?: ReadoutDirection | undefined;
+    size?: ReadoutInputSize;
+    format?: ReadoutAdviceFormat | undefined;
+    priority?: Priority | undefined;
+    state?: ReadoutAdviceState;
+    hugContent?: boolean;
+    hasFixedLength?: boolean;
+    value?: string | number | undefined;
+    secondaryValue?: string;
+    description?: string;
+    valueLength?: string;
+    hasHintedZeros?: boolean;
+    fractionDigits?: number;
+    hasDegree?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutAdvice: import("svelte").Component<$$ComponentProps, {
+    ReadoutVariant: typeof ReadoutVariant;
+    ReadoutDirection: typeof ReadoutDirection;
+    ReadoutInputSize: typeof ReadoutInputSize;
+    ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
+    ReadoutAdviceState: typeof ReadoutAdviceState;
+    Priority: typeof Priority;
+}, "">;
+type ObcReadoutAdvice = ReturnType<typeof ObcReadoutAdvice>;
+export default ObcReadoutAdvice;

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

@@ -0,0 +1,63 @@
+
+  <script lang="ts">
+    export type {ReadoutInputVariant, ReadoutInputSize, ReadoutInputValueTypography, ReadoutInputFormat, ReadoutInputMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.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 { 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 {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
+}
+      const { class: className, style, icon, valueSnippet, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-input
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+
+      {#if valueSnippet}
+        <div slot="value">
+          {@render valueSnippet()}
+        </div>
+      {/if}
+    </obc-readout-input>

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

@@ -0,0 +1,47 @@
+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;

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

@@ -0,0 +1,62 @@
+
+  <script lang="ts">
+    export type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemAlertState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+      import { setProperties } from "../../util.js";
+      import type {ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemAlertState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     size?: ReadoutListItemSize;
+     stacking?: ReadoutListItemStacking;
+     priority?: ReadoutListItemPriority;
+     alertState?: ReadoutListItemAlertState;
+     label?: string;
+     unit?: string;
+     src?: string;
+     value?: string | number | undefined;
+     inputValue?: string | number | undefined;
+     hasInput?: boolean;
+     hasDegree?: boolean;
+     hasUnit?: boolean;
+     hasLabel?: boolean;
+     hasSource?: boolean;
+     hasLeadingIcon?: boolean;
+     hasValueIcon?: boolean;
+     maxDigits?: number;
+     fractionDigits?: number;
+     showZeroPadding?: boolean;
+     hasFixedLength?: boolean;
+     valueLength?: string;
+     hasHintedZeros?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  leadingIcon?: Snippet;
+  valueIcon?: Snippet
+}
+      const { class: className, style, leadingIcon, valueIcon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-readout-list-item
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if leadingIcon}
+        <div slot="leading-icon">
+          {@render leadingIcon()}
+        </div>
+      {/if}
+
+      {#if valueIcon}
+        <div slot="value-icon">
+          {@render valueIcon()}
+        </div>
+      {/if}
+    </obc-readout-list-item>

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

@@ -0,0 +1,44 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { ReadoutListItemSize, ReadoutListItemStacking, ReadoutListItemPriority, ReadoutListItemAlertState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-list-item/readout-list-item.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    size?: ReadoutListItemSize;
+    stacking?: ReadoutListItemStacking;
+    priority?: ReadoutListItemPriority;
+    alertState?: ReadoutListItemAlertState;
+    label?: string;
+    unit?: string;
+    src?: string;
+    value?: string | number | undefined;
+    inputValue?: string | number | undefined;
+    hasInput?: boolean;
+    hasDegree?: boolean;
+    hasUnit?: boolean;
+    hasLabel?: boolean;
+    hasSource?: boolean;
+    hasLeadingIcon?: boolean;
+    hasValueIcon?: boolean;
+    maxDigits?: number;
+    fractionDigits?: number;
+    showZeroPadding?: boolean;
+    hasFixedLength?: boolean;
+    valueLength?: string;
+    hasHintedZeros?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    leadingIcon?: Snippet;
+    valueIcon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcReadoutListItem: import("svelte").Component<$$ComponentProps, {
+    ReadoutListItemSize: typeof ReadoutListItemSize;
+    ReadoutListItemStacking: typeof ReadoutListItemStacking;
+    ReadoutListItemPriority: typeof ReadoutListItemPriority;
+    ReadoutListItemAlertState: typeof ReadoutListItemAlertState;
+}, "">;
+type ObcReadoutListItem = ReturnType<typeof ObcReadoutListItem>;
+export default ObcReadoutListItem;

package/package.json

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

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

@@ -1,69 +0,0 @@
-
-  <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

@@ -1,54 +0,0 @@
-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;