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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -2171,6 +2171,7 @@ export { default as ObcHeading } from './navigation-instruments/heading/ObcHeadi
2171
2171
  export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
2172
2172
  export { default as ObcHeave } from './navigation-instruments/heave/ObcHeave.svelte';
2173
2173
  export { default as ObcHeaveIndicator } from './navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte';
2174
+ export { default as ObcInstrumentField } from './navigation-instruments/instrument-field/ObcInstrumentField.svelte';
2174
2175
  export { default as ObcMainEngine } from './navigation-instruments/main-engine/ObcMainEngine.svelte';
2175
2176
  export { default as ObcMainEngineIndicator } from './navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte';
2176
2177
  export { default as ObcPitch } from './navigation-instruments/pitch/ObcPitch.svelte';
@@ -2181,8 +2182,8 @@ export { default as ObcTunnelThruster } from './navigation-instruments/propulsio
2181
2182
  export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
2182
2183
  export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
2183
2184
  export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
2184
- export { default as ObcReadoutInput } from './navigation-instruments/readout-input/ObcReadoutInput.svelte';
2185
2185
  export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
2186
+ export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
2186
2187
  export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';
2187
2188
  export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
2188
2189
  export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';
package/dist/index.js CHANGED
@@ -2171,6 +2171,7 @@ export { default as ObcHeading } from './navigation-instruments/heading/ObcHeadi
2171
2171
  export { default as ObcHeadingIndicator } from './navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte';
2172
2172
  export { default as ObcHeave } from './navigation-instruments/heave/ObcHeave.svelte';
2173
2173
  export { default as ObcHeaveIndicator } from './navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte';
2174
+ export { default as ObcInstrumentField } from './navigation-instruments/instrument-field/ObcInstrumentField.svelte';
2174
2175
  export { default as ObcMainEngine } from './navigation-instruments/main-engine/ObcMainEngine.svelte';
2175
2176
  export { default as ObcMainEngineIndicator } from './navigation-instruments/main-engine-indicator/ObcMainEngineIndicator.svelte';
2176
2177
  export { default as ObcPitch } from './navigation-instruments/pitch/ObcPitch.svelte';
@@ -2181,8 +2182,8 @@ export { default as ObcTunnelThruster } from './navigation-instruments/propulsio
2181
2182
  export { default as ObcRateOfTurn } from './navigation-instruments/rate-of-turn/ObcRateOfTurn.svelte';
2182
2183
  export { default as ObcReadout } from './navigation-instruments/readout/ObcReadout.svelte';
2183
2184
  export { default as ObcReadoutAdvice } from './navigation-instruments/readout-advice/ObcReadoutAdvice.svelte';
2184
- export { default as ObcReadoutInput } from './navigation-instruments/readout-input/ObcReadoutInput.svelte';
2185
2185
  export { default as ObcReadoutListItem } from './navigation-instruments/readout-list-item/ObcReadoutListItem.svelte';
2186
+ export { default as ObcReadoutSetpoint } from './navigation-instruments/readout-setpoint/ObcReadoutSetpoint.svelte';
2186
2187
  export { default as ObcRoll } from './navigation-instruments/roll/ObcRoll.svelte';
2187
2188
  export { default as ObcRollIndicator } from './navigation-instruments/roll-indicator/ObcRollIndicator.svelte';
2188
2189
  export { default as ObcRotIndicator } from './navigation-instruments/rot-indicator/ObcRotIndicator.svelte';
@@ -1,20 +1,16 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
4
- export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
3
+ export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
5
4
  export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
6
5
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
7
6
  import { setProperties } from "../../util.js";
8
- import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
9
- import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
7
+ import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
10
8
  import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
11
9
  import type { Snippet } from 'svelte';
12
10
 
13
11
  export interface Props {
14
12
  class?: string;
15
13
  style?: string;
16
- /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
17
- priority?: Priority;
18
14
  /** Scale type for the vertical scale.
19
15
  - `'regular'`: Standard tick lengths (default)
20
16
  - `'condensed'`: Shorter tick lengths for compact display
@@ -1,13 +1,10 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
2
- import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
3
2
  import type { ScaleType, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
4
3
  import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
5
4
  import type { Snippet } from 'svelte';
6
5
  export interface Props {
7
6
  class?: string;
8
7
  style?: string;
9
- /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
10
- priority?: Priority;
11
8
  /** Scale type for the vertical scale.
12
9
  - `'regular'`: Standard tick lengths (default)
13
10
  - `'condensed'`: Shorter tick lengths for compact display
@@ -83,7 +80,6 @@ export interface Slots {
83
80
  }
84
81
  type $$ComponentProps = Props & Events & Slots;
85
82
  declare const ObcGaugeTrend: import("svelte").Component<$$ComponentProps, {
86
- Priority: typeof Priority;
87
83
  ScaleType: typeof ScaleType;
88
84
  FillMode: typeof FillMode;
89
85
  LinearAdvice: typeof LinearAdvice;
@@ -0,0 +1,69 @@
1
+
2
+ <script lang="ts">
3
+ export type {InstrumentFieldSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
4
+ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
5
+ import { setProperties } from "../../util.js";
6
+ import type {InstrumentFieldSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
7
+ import type { Snippet } from 'svelte';
8
+
9
+ export interface Props {
10
+ class?: string;
11
+ style?: string;
12
+ /** The size of the instrument field. */
13
+ size?: InstrumentFieldSize;
14
+ /** The setpoint value to display. */
15
+ setpoint?: number | undefined;
16
+ /** Whether to show the setpoint. */
17
+ hasSetpoint?: boolean;
18
+ /** Whether to show the source (src) field. */
19
+ hasSrc?: boolean;
20
+ /** The primary value to display. */
21
+ value?: number | undefined;
22
+ /** The maximum number of integer digits to show (for zero padding). */
23
+ maxDigits?: number;
24
+ /** Whether to show leading zeros up to `maxDigits`. */
25
+ showZeroPadding?: boolean;
26
+ /** The number of decimal places to display. */
27
+ fractionDigits?: number;
28
+ /** The tag or label for the data (e.g., "HDG", "SPD"). */
29
+ tag?: string;
30
+ /** The unit of measurement (e.g., "DEG", "KN"). */
31
+ unit?: string;
32
+ /** The current source name (e.g., "GPS 1"). */
33
+ src?: string;
34
+ /** If true, uses a neutral color scheme instead of the default instrument color. */
35
+ neutralColor?: boolean;
36
+ /** If true, uses a horizontal layout. */
37
+ horizontal?: boolean;
38
+ /** If true, centers the content. */
39
+ center?: boolean;
40
+ /** If true, only the label (tag and unit) is displayed. */
41
+ labelOnly?: boolean;
42
+ /** If true, displays the "off" state (e.g., showing "OFF" instead of value). */
43
+ off?: boolean;
44
+ /** If true, automatically hides the setpoint when the value is close to it. */
45
+ autoHideSetpoint?: boolean;
46
+ /** The deadband within which the setpoint is hidden if `autoHideSetpoint` is true. */
47
+ autoHideDeadband?: number
48
+ }
49
+ export interface Events {
50
+
51
+ }
52
+ export interface Slots {
53
+ offValue?: Snippet
54
+ }
55
+ const { class: className, style, offValue, ...props} = $props<Props & Events & Slots>();
56
+
57
+ </script>
58
+ <obc-instrument-field
59
+ use:setProperties={props}
60
+ class={className}
61
+ style={style}
62
+ >
63
+
64
+ {#if offValue}
65
+ <div slot="off-value">
66
+ {@render offValue()}
67
+ </div>
68
+ {/if}
69
+ </obc-instrument-field>
@@ -0,0 +1,54 @@
1
+ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
2
+ import type { InstrumentFieldSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/instrument-field/instrument-field.js';
3
+ import type { Snippet } from 'svelte';
4
+ export interface Props {
5
+ class?: string;
6
+ style?: string;
7
+ /** The size of the instrument field. */
8
+ size?: InstrumentFieldSize;
9
+ /** The setpoint value to display. */
10
+ setpoint?: number | undefined;
11
+ /** Whether to show the setpoint. */
12
+ hasSetpoint?: boolean;
13
+ /** Whether to show the source (src) field. */
14
+ hasSrc?: boolean;
15
+ /** The primary value to display. */
16
+ value?: number | undefined;
17
+ /** The maximum number of integer digits to show (for zero padding). */
18
+ maxDigits?: number;
19
+ /** Whether to show leading zeros up to `maxDigits`. */
20
+ showZeroPadding?: boolean;
21
+ /** The number of decimal places to display. */
22
+ fractionDigits?: number;
23
+ /** The tag or label for the data (e.g., "HDG", "SPD"). */
24
+ tag?: string;
25
+ /** The unit of measurement (e.g., "DEG", "KN"). */
26
+ unit?: string;
27
+ /** The current source name (e.g., "GPS 1"). */
28
+ src?: string;
29
+ /** If true, uses a neutral color scheme instead of the default instrument color. */
30
+ neutralColor?: boolean;
31
+ /** If true, uses a horizontal layout. */
32
+ horizontal?: boolean;
33
+ /** If true, centers the content. */
34
+ center?: boolean;
35
+ /** If true, only the label (tag and unit) is displayed. */
36
+ labelOnly?: boolean;
37
+ /** If true, displays the "off" state (e.g., showing "OFF" instead of value). */
38
+ off?: boolean;
39
+ /** If true, automatically hides the setpoint when the value is close to it. */
40
+ autoHideSetpoint?: boolean;
41
+ /** The deadband within which the setpoint is hidden if `autoHideSetpoint` is true. */
42
+ autoHideDeadband?: number;
43
+ }
44
+ export interface Events {
45
+ }
46
+ export interface Slots {
47
+ offValue?: Snippet;
48
+ }
49
+ type $$ComponentProps = Props & Events & Slots;
50
+ declare const ObcInstrumentField: import("svelte").Component<$$ComponentProps, {
51
+ InstrumentFieldSize: typeof InstrumentFieldSize;
52
+ }, "">;
53
+ type ObcInstrumentField = ReturnType<typeof ObcInstrumentField>;
54
+ export default ObcInstrumentField;
@@ -1,85 +1,74 @@
1
1
 
2
2
  <script lang="ts">
3
3
  export type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
4
- export type {ReadoutVariant, ReadoutAlertState, ReadoutInputInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
4
+ export type {ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
5
5
  export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
6
- export type {ReadoutInputSize, ReadoutInputFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
6
+ export type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
7
7
  export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
8
8
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
9
9
  import { setProperties } from "../../util.js";
10
10
  import type {ReadoutSourceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
11
- import type {ReadoutVariant, ReadoutAlertState, ReadoutInputInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
11
+ import type {ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
12
12
  import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
13
- import type {ReadoutInputSize, ReadoutInputFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
13
+ import type {ReadoutSetpointSize, ReadoutSetpointFormat} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
14
14
  import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
15
15
  import type { Snippet } from 'svelte';
16
16
 
17
17
  export interface Props {
18
18
  class?: string;
19
19
  style?: string;
20
+ value?: number | undefined;
21
+ hasSetpoint?: boolean;
22
+ setpointValue?: number | undefined;
20
23
  variant?: ReadoutVariant;
24
+ hasDegree?: boolean;
25
+ label?: string;
26
+ unit?: string | undefined;
27
+ src?: string | undefined;
28
+ off?: boolean;
21
29
  valuePriority?: Priority | undefined;
22
30
  alertState?: ReadoutAlertState;
23
- inputInteraction?: ReadoutInputInteraction;
31
+ setpointInteraction?: ReadoutSetpointInteraction;
24
32
  direction?: ReadoutDirection;
25
- /** Override the size of the input segment (when `hasInput` is true).
33
+ /** Override the size of the setpoint segment (when `hasSetpoint` is true).
26
34
 
27
35
  - In `alwaysVisible` and `popUp` interaction modes: any size value applies.
28
36
  - In `flipFlop` mode: the override is honored only when strictly smaller
29
37
  than the variant's base size (medium for `regular`, large for
30
38
  `enhanced`/`stack`). Larger overrides are ignored, falling back to the
31
39
  default secondary size to preserve the flip-flop visual effect and
32
- prevent input/value overlap.
40
+ prevent setpoint/value overlap.
33
41
 
34
- When unset, the input size is derived from `variant` (and adjusted for
42
+ When unset, the setpoint size is derived from `variant` (and adjusted for
35
43
  multi-line formats). */
36
- inputSize?: ReadoutInputSize | undefined;
44
+ setpointSize?: ReadoutSetpointSize | undefined;
37
45
  alignment?: ReadoutStackVerticalAlignment;
38
46
  hug?: boolean;
39
- hasAdvice?: boolean;
40
- hasInput?: boolean;
41
- hasInputDivider?: boolean;
47
+ hasSetpointDivider?: boolean;
42
48
  hasSourceDivider?: boolean;
43
- hasSrc?: boolean;
44
- value?: string | number | undefined;
45
- maxDigits?: number;
46
49
  showZeroPadding?: boolean;
47
50
  fractionDigits?: number;
48
- valueHasFixedLength?: boolean;
49
- valueLength?: string;
51
+ minValueLength?: number;
50
52
  valueHasHintedZeros?: boolean;
51
- hasDegree?: boolean;
52
- unit?: string;
53
- src?: string;
54
- sourceDeltaValue?: string;
55
53
  labelOnly?: boolean;
56
54
  hasSrcPicker?: boolean;
57
- hasLeadingIcon?: boolean;
58
- adviceValue?: string | number | undefined;
59
- setpointValue?: string | number | undefined;
60
- label?: string;
55
+ sourceDeltaValue?: number;
61
56
  sourceType?: ReadoutSourceType | undefined;
57
+ hasLeadingIcon?: boolean;
62
58
  sourceHug?: boolean;
63
59
  hasSourceLeadingIcon?: boolean;
64
60
  hasSourceTrailingIcon?: boolean;
65
- hasLabelFixedLength?: boolean;
66
- labelLength?: string;
67
- hasUnitFixedLength?: boolean;
68
- unitLength?: string;
61
+ hasAdvice?: boolean;
62
+ adviceValue?: number | undefined;
69
63
  adviceFormat?: ReadoutAdviceFormat;
70
64
  adviceState?: ReadoutAdviceState;
71
- advicePriority?: Priority | undefined;
72
- adviceHasFixedLength?: boolean;
73
- adviceSecondaryValue?: string;
65
+ adviceSecondaryValue?: number | undefined;
74
66
  adviceDescription?: string;
75
- adviceValueLength?: string;
76
67
  adviceHasHintedZeros?: boolean;
77
- inputFormat?: ReadoutInputFormat;
78
- inputHasFixedLength?: boolean;
79
- inputSecondaryValue?: string;
80
- inputDescription?: string;
81
- inputValueLength?: string;
82
- inputHasHintedZeros?: boolean
68
+ setpointFormat?: ReadoutSetpointFormat;
69
+ setpointSecondaryValue?: number | undefined;
70
+ setpointDescription?: string;
71
+ setpointHasHintedZeros?: boolean
83
72
  }
84
73
  export interface Events {
85
74
  onSourceFlyoutClick?: (event: CustomEvent<{src: string, sourceType?: ReadoutSourceType}>) => void;
@@ -88,8 +77,8 @@ inputSize?: ReadoutInputSize | undefined;
88
77
  export interface Slots {
89
78
  advice?: Snippet;
90
79
  adviceIcon?: Snippet;
91
- input?: Snippet;
92
- inputIcon?: Snippet;
80
+ setpoint?: Snippet;
81
+ setpointIcon?: Snippet;
93
82
  leadingIcon?: Snippet;
94
83
  valueSnippet?: Snippet;
95
84
  labelSnippet?: Snippet;
@@ -97,7 +86,7 @@ inputSize?: ReadoutInputSize | undefined;
97
86
  source?: Snippet;
98
87
  srcPickerContent?: Snippet
99
88
  }
100
- const {onSourceFlyoutClick, onSourceChange, class: className, style, advice, adviceIcon, input, inputIcon, leadingIcon, valueSnippet, labelSnippet, unitSnippet, source, srcPickerContent, ...props} = $props<Props & Events & Slots>();
89
+ const {onSourceFlyoutClick, onSourceChange, class: className, style, advice, adviceIcon, setpoint, setpointIcon, leadingIcon, valueSnippet, labelSnippet, unitSnippet, source, srcPickerContent, ...props} = $props<Props & Events & Slots>();
101
90
 
102
91
  </script>
103
92
  <obc-readout
@@ -119,15 +108,15 @@ inputSize?: ReadoutInputSize | undefined;
119
108
  </div>
120
109
  {/if}
121
110
 
122
- {#if input}
123
- <div slot="input">
124
- {@render input()}
111
+ {#if setpoint}
112
+ <div slot="setpoint">
113
+ {@render setpoint()}
125
114
  </div>
126
115
  {/if}
127
116
 
128
- {#if inputIcon}
129
- <div slot="input-icon">
130
- {@render inputIcon()}
117
+ {#if setpointIcon}
118
+ <div slot="setpoint-icon">
119
+ {@render setpointIcon()}
131
120
  </div>
132
121
  {/if}
133
122
 
@@ -1,76 +1,65 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
2
2
  import type { ReadoutSourceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout-source.js';
3
- import type { ReadoutVariant, ReadoutAlertState, ReadoutInputInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
3
+ import type { ReadoutVariant, ReadoutAlertState, ReadoutSetpointInteraction, ReadoutDirection, ReadoutStackVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
4
4
  import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
5
- import type { ReadoutInputSize, ReadoutInputFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
5
+ import type { ReadoutSetpointSize, ReadoutSetpointFormat } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
6
6
  import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
7
7
  import type { Snippet } from 'svelte';
8
8
  export interface Props {
9
9
  class?: string;
10
10
  style?: string;
11
+ value?: number | undefined;
12
+ hasSetpoint?: boolean;
13
+ setpointValue?: number | undefined;
11
14
  variant?: ReadoutVariant;
15
+ hasDegree?: boolean;
16
+ label?: string;
17
+ unit?: string | undefined;
18
+ src?: string | undefined;
19
+ off?: boolean;
12
20
  valuePriority?: Priority | undefined;
13
21
  alertState?: ReadoutAlertState;
14
- inputInteraction?: ReadoutInputInteraction;
22
+ setpointInteraction?: ReadoutSetpointInteraction;
15
23
  direction?: ReadoutDirection;
16
- /** Override the size of the input segment (when `hasInput` is true).
24
+ /** Override the size of the setpoint segment (when `hasSetpoint` is true).
17
25
 
18
26
  - In `alwaysVisible` and `popUp` interaction modes: any size value applies.
19
27
  - In `flipFlop` mode: the override is honored only when strictly smaller
20
28
  than the variant's base size (medium for `regular`, large for
21
29
  `enhanced`/`stack`). Larger overrides are ignored, falling back to the
22
30
  default secondary size to preserve the flip-flop visual effect and
23
- prevent input/value overlap.
31
+ prevent setpoint/value overlap.
24
32
 
25
- When unset, the input size is derived from `variant` (and adjusted for
33
+ When unset, the setpoint size is derived from `variant` (and adjusted for
26
34
  multi-line formats). */
27
- inputSize?: ReadoutInputSize | undefined;
35
+ setpointSize?: ReadoutSetpointSize | undefined;
28
36
  alignment?: ReadoutStackVerticalAlignment;
29
37
  hug?: boolean;
30
- hasAdvice?: boolean;
31
- hasInput?: boolean;
32
- hasInputDivider?: boolean;
38
+ hasSetpointDivider?: boolean;
33
39
  hasSourceDivider?: boolean;
34
- hasSrc?: boolean;
35
- value?: string | number | undefined;
36
- maxDigits?: number;
37
40
  showZeroPadding?: boolean;
38
41
  fractionDigits?: number;
39
- valueHasFixedLength?: boolean;
40
- valueLength?: string;
42
+ minValueLength?: number;
41
43
  valueHasHintedZeros?: boolean;
42
- hasDegree?: boolean;
43
- unit?: string;
44
- src?: string;
45
- sourceDeltaValue?: string;
46
44
  labelOnly?: boolean;
47
45
  hasSrcPicker?: boolean;
48
- hasLeadingIcon?: boolean;
49
- adviceValue?: string | number | undefined;
50
- setpointValue?: string | number | undefined;
51
- label?: string;
46
+ sourceDeltaValue?: number;
52
47
  sourceType?: ReadoutSourceType | undefined;
48
+ hasLeadingIcon?: boolean;
53
49
  sourceHug?: boolean;
54
50
  hasSourceLeadingIcon?: boolean;
55
51
  hasSourceTrailingIcon?: boolean;
56
- hasLabelFixedLength?: boolean;
57
- labelLength?: string;
58
- hasUnitFixedLength?: boolean;
59
- unitLength?: string;
52
+ hasAdvice?: boolean;
53
+ adviceValue?: number | undefined;
60
54
  adviceFormat?: ReadoutAdviceFormat;
61
55
  adviceState?: ReadoutAdviceState;
62
- advicePriority?: Priority | undefined;
63
- adviceHasFixedLength?: boolean;
64
- adviceSecondaryValue?: string;
56
+ adviceSecondaryValue?: number | undefined;
65
57
  adviceDescription?: string;
66
- adviceValueLength?: string;
67
58
  adviceHasHintedZeros?: boolean;
68
- inputFormat?: ReadoutInputFormat;
69
- inputHasFixedLength?: boolean;
70
- inputSecondaryValue?: string;
71
- inputDescription?: string;
72
- inputValueLength?: string;
73
- inputHasHintedZeros?: boolean;
59
+ setpointFormat?: ReadoutSetpointFormat;
60
+ setpointSecondaryValue?: number | undefined;
61
+ setpointDescription?: string;
62
+ setpointHasHintedZeros?: boolean;
74
63
  }
75
64
  export interface Events {
76
65
  onSourceFlyoutClick?: (event: CustomEvent<{
@@ -85,8 +74,8 @@ export interface Events {
85
74
  export interface Slots {
86
75
  advice?: Snippet;
87
76
  adviceIcon?: Snippet;
88
- input?: Snippet;
89
- inputIcon?: Snippet;
77
+ setpoint?: Snippet;
78
+ setpointIcon?: Snippet;
90
79
  leadingIcon?: Snippet;
91
80
  valueSnippet?: Snippet;
92
81
  labelSnippet?: Snippet;
@@ -99,12 +88,12 @@ declare const ObcReadout: import("svelte").Component<$$ComponentProps, {
99
88
  ReadoutSourceType: typeof ReadoutSourceType;
100
89
  ReadoutVariant: typeof ReadoutVariant;
101
90
  ReadoutAlertState: typeof ReadoutAlertState;
102
- ReadoutInputInteraction: typeof ReadoutInputInteraction;
91
+ ReadoutSetpointInteraction: typeof ReadoutSetpointInteraction;
103
92
  ReadoutDirection: typeof ReadoutDirection;
104
93
  ReadoutStackVerticalAlignment: typeof ReadoutStackVerticalAlignment;
105
94
  Priority: typeof Priority;
106
- ReadoutInputSize: typeof ReadoutInputSize;
107
- ReadoutInputFormat: typeof ReadoutInputFormat;
95
+ ReadoutSetpointSize: typeof ReadoutSetpointSize;
96
+ ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
108
97
  ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
109
98
  ReadoutAdviceState: typeof ReadoutAdviceState;
110
99
  }, "">;
@@ -1,13 +1,13 @@
1
1
 
2
2
  <script lang="ts">
3
3
  export type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
4
- export type {ReadoutInputSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
4
+ export type {ReadoutSetpointSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
5
5
  export type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
6
6
  export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
7
7
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
8
8
  import { setProperties } from "../../util.js";
9
9
  import type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
10
- import type {ReadoutInputSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
10
+ import type {ReadoutSetpointSize} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
11
11
  import type {ReadoutAdviceFormat, ReadoutAdviceState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
12
12
  import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
13
13
  import type { Snippet } from 'svelte';
@@ -17,16 +17,15 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
17
17
  style?: string;
18
18
  readoutStyle?: ReadoutVariant | undefined;
19
19
  direction?: ReadoutDirection | undefined;
20
- size?: ReadoutInputSize;
20
+ size?: ReadoutSetpointSize;
21
21
  format?: ReadoutAdviceFormat | undefined;
22
22
  priority?: Priority | undefined;
23
23
  state?: ReadoutAdviceState;
24
24
  hugContent?: boolean;
25
- hasFixedLength?: boolean;
26
- value?: string | number | undefined;
27
- secondaryValue?: string;
25
+ value?: number | undefined;
26
+ secondaryValue?: number | undefined;
28
27
  description?: string;
29
- valueLength?: string;
28
+ minValueLength?: number;
30
29
  hasHintedZeros?: boolean;
31
30
  fractionDigits?: number;
32
31
  hasDegree?: boolean
@@ -1,6 +1,6 @@
1
1
  import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
2
2
  import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
3
- import type { ReadoutInputSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
3
+ import type { ReadoutSetpointSize } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
4
4
  import type { ReadoutAdviceFormat, ReadoutAdviceState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-advice/readout-advice.js';
5
5
  import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
6
6
  import type { Snippet } from 'svelte';
@@ -9,16 +9,15 @@ export interface Props {
9
9
  style?: string;
10
10
  readoutStyle?: ReadoutVariant | undefined;
11
11
  direction?: ReadoutDirection | undefined;
12
- size?: ReadoutInputSize;
12
+ size?: ReadoutSetpointSize;
13
13
  format?: ReadoutAdviceFormat | undefined;
14
14
  priority?: Priority | undefined;
15
15
  state?: ReadoutAdviceState;
16
16
  hugContent?: boolean;
17
- hasFixedLength?: boolean;
18
- value?: string | number | undefined;
19
- secondaryValue?: string;
17
+ value?: number | undefined;
18
+ secondaryValue?: number | undefined;
20
19
  description?: string;
21
- valueLength?: string;
20
+ minValueLength?: number;
22
21
  hasHintedZeros?: boolean;
23
22
  fractionDigits?: number;
24
23
  hasDegree?: boolean;
@@ -32,7 +31,7 @@ type $$ComponentProps = Props & Events & Slots;
32
31
  declare const ObcReadoutAdvice: import("svelte").Component<$$ComponentProps, {
33
32
  ReadoutVariant: typeof ReadoutVariant;
34
33
  ReadoutDirection: typeof ReadoutDirection;
35
- ReadoutInputSize: typeof ReadoutInputSize;
34
+ ReadoutSetpointSize: typeof ReadoutSetpointSize;
36
35
  ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
37
36
  ReadoutAdviceState: typeof ReadoutAdviceState;
38
37
  Priority: typeof Priority;
@@ -16,20 +16,18 @@
16
16
  label?: string;
17
17
  unit?: string;
18
18
  src?: string;
19
- value?: string | number | undefined;
20
- inputValue?: string | number | undefined;
21
- hasInput?: boolean;
19
+ value?: number | undefined;
20
+ setpointValue?: number | undefined;
21
+ hasSetpoint?: boolean;
22
22
  hasDegree?: boolean;
23
23
  hasUnit?: boolean;
24
24
  hasLabel?: boolean;
25
25
  hasSource?: boolean;
26
26
  hasLeadingIcon?: boolean;
27
27
  hasValueIcon?: boolean;
28
- maxDigits?: number;
29
28
  fractionDigits?: number;
30
29
  showZeroPadding?: boolean;
31
- hasFixedLength?: boolean;
32
- valueLength?: string;
30
+ minValueLength?: number;
33
31
  hasHintedZeros?: boolean
34
32
  }
35
33
  export interface Events {
@@ -11,20 +11,18 @@ export interface Props {
11
11
  label?: string;
12
12
  unit?: string;
13
13
  src?: string;
14
- value?: string | number | undefined;
15
- inputValue?: string | number | undefined;
16
- hasInput?: boolean;
14
+ value?: number | undefined;
15
+ setpointValue?: number | undefined;
16
+ hasSetpoint?: boolean;
17
17
  hasDegree?: boolean;
18
18
  hasUnit?: boolean;
19
19
  hasLabel?: boolean;
20
20
  hasSource?: boolean;
21
21
  hasLeadingIcon?: boolean;
22
22
  hasValueIcon?: boolean;
23
- maxDigits?: number;
24
23
  fractionDigits?: number;
25
24
  showZeroPadding?: boolean;
26
- hasFixedLength?: boolean;
27
- valueLength?: string;
25
+ minValueLength?: number;
28
26
  hasHintedZeros?: boolean;
29
27
  }
30
28
  export interface Events {
@@ -1,11 +1,11 @@
1
1
 
2
2
  <script lang="ts">
3
- export type {ReadoutInputVariant, ReadoutInputSize, ReadoutInputValueTypography, ReadoutInputFormat, ReadoutInputMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
3
+ export type {ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
4
4
  export type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
5
5
  export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
6
- import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
6
+ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
7
7
  import { setProperties } from "../../util.js";
8
- import type {ReadoutInputVariant, ReadoutInputSize, ReadoutInputValueTypography, ReadoutInputFormat, ReadoutInputMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
8
+ import type {ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
9
9
  import type {ReadoutVariant, ReadoutDirection} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
10
10
  import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
11
11
  import type { Snippet } from 'svelte';
@@ -13,24 +13,23 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
13
13
  export interface Props {
14
14
  class?: string;
15
15
  style?: string;
16
- variant?: ReadoutInputVariant;
16
+ variant?: ReadoutSetpointVariant;
17
17
  readoutStyle?: ReadoutVariant | undefined;
18
18
  direction?: ReadoutDirection | undefined;
19
- size?: ReadoutInputSize;
20
- valueTypography?: ReadoutInputValueTypography | undefined;
21
- format?: ReadoutInputFormat | undefined;
22
- mode?: ReadoutInputMode | undefined;
19
+ size?: ReadoutSetpointSize;
20
+ valueTypography?: ReadoutSetpointValueTypography | undefined;
21
+ format?: ReadoutSetpointFormat | undefined;
22
+ mode?: ReadoutSetpointMode | undefined;
23
23
  priority?: Priority | undefined;
24
24
  hugContent?: boolean;
25
- hasFixedLength?: boolean;
26
- value?: string | number | undefined;
27
- secondaryValue?: string;
25
+ minValueLength?: number;
26
+ value?: number | undefined;
27
+ secondaryValue?: number | undefined;
28
+ off?: boolean;
28
29
  description?: string;
29
- valueLength?: string;
30
30
  hasHintedZeros?: boolean;
31
31
  hasDegree?: boolean;
32
32
  showZeroPadding?: boolean;
33
- maxDigits?: number;
34
33
  fractionDigits?: number
35
34
  }
36
35
  export interface Events {
@@ -43,7 +42,7 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
43
42
  const { class: className, style, icon, valueSnippet, ...props} = $props<Props & Events & Slots>();
44
43
 
45
44
  </script>
46
- <obc-readout-input
45
+ <obc-readout-setpoint
47
46
  use:setProperties={props}
48
47
  class={className}
49
48
  style={style}
@@ -60,4 +59,4 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
60
59
  {@render valueSnippet()}
61
60
  </div>
62
61
  {/if}
63
- </obc-readout-input>
62
+ </obc-readout-setpoint>
@@ -0,0 +1,46 @@
1
+ import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
2
+ import type { ReadoutSetpointVariant, ReadoutSetpointSize, ReadoutSetpointValueTypography, ReadoutSetpointFormat, ReadoutSetpointMode } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-setpoint/readout-setpoint.js';
3
+ import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
4
+ import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
5
+ import type { Snippet } from 'svelte';
6
+ export interface Props {
7
+ class?: string;
8
+ style?: string;
9
+ variant?: ReadoutSetpointVariant;
10
+ readoutStyle?: ReadoutVariant | undefined;
11
+ direction?: ReadoutDirection | undefined;
12
+ size?: ReadoutSetpointSize;
13
+ valueTypography?: ReadoutSetpointValueTypography | undefined;
14
+ format?: ReadoutSetpointFormat | undefined;
15
+ mode?: ReadoutSetpointMode | undefined;
16
+ priority?: Priority | undefined;
17
+ hugContent?: boolean;
18
+ minValueLength?: number;
19
+ value?: number | undefined;
20
+ secondaryValue?: number | undefined;
21
+ off?: boolean;
22
+ description?: string;
23
+ hasHintedZeros?: boolean;
24
+ hasDegree?: boolean;
25
+ showZeroPadding?: boolean;
26
+ fractionDigits?: number;
27
+ }
28
+ export interface Events {
29
+ }
30
+ export interface Slots {
31
+ icon?: Snippet;
32
+ valueSnippet?: Snippet;
33
+ }
34
+ type $$ComponentProps = Props & Events & Slots;
35
+ declare const ObcReadoutSetpoint: import("svelte").Component<$$ComponentProps, {
36
+ ReadoutSetpointVariant: typeof ReadoutSetpointVariant;
37
+ ReadoutSetpointSize: typeof ReadoutSetpointSize;
38
+ ReadoutSetpointValueTypography: typeof ReadoutSetpointValueTypography;
39
+ ReadoutSetpointFormat: typeof ReadoutSetpointFormat;
40
+ ReadoutSetpointMode: typeof ReadoutSetpointMode;
41
+ ReadoutVariant: typeof ReadoutVariant;
42
+ ReadoutDirection: typeof ReadoutDirection;
43
+ Priority: typeof Priority;
44
+ }, "">;
45
+ type ObcReadoutSetpoint = ReturnType<typeof ObcReadoutSetpoint>;
46
+ export default ObcReadoutSetpoint;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oicl/openbridge-webcomponents-svelte",
3
- "version": "2.0.0-next.42",
3
+ "version": "2.0.0-next.43",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run prepack",
@@ -31,7 +31,7 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@oicl/openbridge-webcomponents": "^2.0.0-next.41"
34
+ "@oicl/openbridge-webcomponents": "^2.0.0-next.42"
35
35
  },
36
36
  "peerDependencies": {
37
37
  "svelte": "^5.0.0"
@@ -1,47 +0,0 @@
1
- import '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
2
- import type { ReadoutInputVariant, ReadoutInputSize, ReadoutInputValueTypography, ReadoutInputFormat, ReadoutInputMode } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout-input/readout-input.js';
3
- import type { ReadoutVariant, ReadoutDirection } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/readout/readout.js';
4
- import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
5
- import type { Snippet } from 'svelte';
6
- export interface Props {
7
- class?: string;
8
- style?: string;
9
- variant?: ReadoutInputVariant;
10
- readoutStyle?: ReadoutVariant | undefined;
11
- direction?: ReadoutDirection | undefined;
12
- size?: ReadoutInputSize;
13
- valueTypography?: ReadoutInputValueTypography | undefined;
14
- format?: ReadoutInputFormat | undefined;
15
- mode?: ReadoutInputMode | undefined;
16
- priority?: Priority | undefined;
17
- hugContent?: boolean;
18
- hasFixedLength?: boolean;
19
- value?: string | number | undefined;
20
- secondaryValue?: string;
21
- description?: string;
22
- valueLength?: string;
23
- hasHintedZeros?: boolean;
24
- hasDegree?: boolean;
25
- showZeroPadding?: boolean;
26
- maxDigits?: number;
27
- fractionDigits?: number;
28
- }
29
- export interface Events {
30
- }
31
- export interface Slots {
32
- icon?: Snippet;
33
- valueSnippet?: Snippet;
34
- }
35
- type $$ComponentProps = Props & Events & Slots;
36
- declare const ObcReadoutInput: import("svelte").Component<$$ComponentProps, {
37
- ReadoutInputVariant: typeof ReadoutInputVariant;
38
- ReadoutInputSize: typeof ReadoutInputSize;
39
- ReadoutInputValueTypography: typeof ReadoutInputValueTypography;
40
- ReadoutInputFormat: typeof ReadoutInputFormat;
41
- ReadoutInputMode: typeof ReadoutInputMode;
42
- ReadoutVariant: typeof ReadoutVariant;
43
- ReadoutDirection: typeof ReadoutDirection;
44
- Priority: typeof Priority;
45
- }, "">;
46
- type ObcReadoutInput = ReturnType<typeof ObcReadoutInput>;
47
- export default ObcReadoutInput;