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

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

@@ -0,0 +1,169 @@
+
+  <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 {ReadoutInputSize, ReadoutInputFormat} 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';
+      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 {ReadoutInputSize, ReadoutInputFormat} 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 { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     variant?: ReadoutVariant;
+     valuePriority?: Priority | undefined;
+     alertState?: ReadoutAlertState;
+     inputInteraction?: ReadoutInputInteraction;
+     direction?: ReadoutDirection;
+      /** Override the size of the input segment (when `hasInput` 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.
+
+When unset, the input size is derived from `variant` (and adjusted for
+multi-line formats). */
+inputSize?: ReadoutInputSize | undefined;
+     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,112 @@
+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 { ReadoutInputSize, ReadoutInputFormat } 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 { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    variant?: ReadoutVariant;
+    valuePriority?: Priority | undefined;
+    alertState?: ReadoutAlertState;
+    inputInteraction?: ReadoutInputInteraction;
+    direction?: ReadoutDirection;
+    /** Override the size of the input segment (when `hasInput` 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.
+
+When unset, the input size is derived from `variant` (and adjusted for
+multi-line formats). */
+    inputSize?: ReadoutInputSize | undefined;
+    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;
+    ReadoutInputSize: typeof ReadoutInputSize;
+    ReadoutInputFormat: typeof ReadoutInputFormat;
+    ReadoutAdviceFormat: typeof ReadoutAdviceFormat;
+    ReadoutAdviceState: typeof ReadoutAdviceState;
+}, "">;
+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/dist/navigation-instruments/roll/ObcRoll.svelte

@@ -13,8 +13,20 @@
      minAvgRoll?: number;
      maxAvgRoll?: number;
      vesselImageFore?: VesselImage;
+     scaleForeImage?: number;
      maxRollAdvice?: number | undefined;
-     triggerRollAdvice?: boolean
+     triggerRollAdvice?: boolean;
+     zoomToFitArc?: boolean;
+      /** Half-extent of the watch arc in degrees. The arc spans `180° ± arcAngle`
+and roll values are placed at their true position within it. Default
+`45` reproduces the historical 90°-wide arc.
+
+Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
+narrower arc is enlarged (its radius grows) on its own layer, while the
+vessel image and the rotating indicator line stay at their natural size
+and position on a separate central layer. The two layers are
+intentionally visually disconnected. */
+arcAngle?: number
    }
       export interface Events {
     

package/dist/navigation-instruments/roll/ObcRoll.svelte.d.ts

@@ -8,8 +8,20 @@ export interface Props {
     minAvgRoll?: number;
     maxAvgRoll?: number;
     vesselImageFore?: VesselImage;
+    scaleForeImage?: number;
     maxRollAdvice?: number | undefined;
     triggerRollAdvice?: boolean;
+    zoomToFitArc?: boolean;
+    /** Half-extent of the watch arc in degrees. The arc spans `180° ± arcAngle`
+and roll values are placed at their true position within it. Default
+`45` reproduces the historical 90°-wide arc.
+
+Smaller values render a narrower arc. Combined with `zoomToFitArc`, the
+narrower arc is enlarged (its radius grows) on its own layer, while the
+vessel image and the rotating indicator line stay at their natural size
+and position on a separate central layer. The two layers are
+intentionally visually disconnected. */
+    arcAngle?: number;
 }
 export interface Events {
 }

package/dist/navigation-instruments/roll-indicator/ObcRollIndicator.svelte

@@ -0,0 +1,33 @@
+
+  <script lang="ts">
+    export type {RollIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll-indicator/roll-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll-indicator/roll-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {RollIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/roll-indicator/roll-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     type?: RollIndicatorType;
+     value?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-roll-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-roll-indicator>