@oicl/openbridge-webcomponents-svelte 2.0.0-next.11 → 2.0.0-next.110

package/dist/navigation-instruments/draft-trim/ObcDraftTrim.svelte

@@ -0,0 +1,47 @@
+
+  <script lang="ts">
+    export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+export type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/draft-trim/draft-trim.js';
+      import { setProperties } from "../../util.js";
+      import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+import type {VesselImage} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.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;
+      /** Draught at the bow, positive below the waterline. */
+draftFore?: number;
+      /** Draught at the stern, positive below the waterline. */
+draftAft?: number;
+      /** Half-extent of both scales. Each spans `±instrumentRange` around the
+waterline, so the upper half reads as freeboard. */
+instrumentRange?: number;
+      /** Advice zones, in the same positive-below-the-waterline units as the
+draughts. Applied to both scales; each is triggered by its own draught. */
+advice?: LinearAdvice[];
+     vesselImage?: VesselImage;
+     priority?: Priority
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-draft-trim
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-draft-trim>

package/dist/navigation-instruments/draft-trim/ObcDraftTrim.svelte.d.ts

@@ -0,0 +1,34 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/draft-trim/draft-trim.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
+import type { VesselImage } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/watch.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;
+    /** Draught at the bow, positive below the waterline. */
+    draftFore?: number;
+    /** Draught at the stern, positive below the waterline. */
+    draftAft?: number;
+    /** Half-extent of both scales. Each spans `±instrumentRange` around the
+waterline, so the upper half reads as freeboard. */
+    instrumentRange?: number;
+    /** Advice zones, in the same positive-below-the-waterline units as the
+draughts. Applied to both scales; each is triggered by its own draught. */
+    advice?: LinearAdvice[];
+    vesselImage?: VesselImage;
+    priority?: Priority;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcDraftTrim: import("svelte").Component<$$ComponentProps, {
+    LinearAdvice: typeof LinearAdvice;
+    VesselImage: typeof VesselImage;
+    Priority: typeof Priority;
+}, "">;
+type ObcDraftTrim = ReturnType<typeof ObcDraftTrim>;
+export default ObcDraftTrim;

package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte

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

package/dist/navigation-instruments/gauge-bar-indicator/ObcGaugeBarIndicator.svelte.d.ts

@@ -0,0 +1,18 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-bar-indicator/gauge-bar-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number;
+    direction?: string;
+    type?: string;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeBarIndicator: import("svelte").Component<$$ComponentProps, {}, "">;
+type ObcGaugeBarIndicator = ReturnType<typeof ObcGaugeBarIndicator>;
+export default ObcGaugeBarIndicator;

package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte

@@ -2,17 +2,38 @@
   <script lang="ts">
     export type {ExternalScaleSide, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 export type {BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-horizontal/gauge-horizontal.js';
       import { setProperties } from "../../util.js";
       import type {ExternalScaleSide, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {BorderRadiusPosition, Priority, InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
       /** Minimum scale value */
 minValue?: number;
       /** Maximum scale value */
@@ -45,7 +66,7 @@ value?: number | undefined;
 state?: InstrumentState;
      focused?: boolean;
       /** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
-advices?: { min: number; max: number; type: AdviceType; hinted: boolean; }[] | undefined;
+advices?: LinearAdvice[] | undefined;
       /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */

package/dist/navigation-instruments/gauge-horizontal/ObcGaugeHorizontal.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-horizontal/gauge-horizontal.js';
 import type { ExternalScaleSide, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type { BorderRadiusPosition, Priority, InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { AdviceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
     /** Minimum scale value */
     minValue?: number;
     /** Maximum scale value */
@@ -38,12 +59,7 @@ export interface Props {
     state?: InstrumentState;
     focused?: boolean;
     /** Advice/alert overlays with min, max, type, and hinted state. When undefined or empty, no advice shown. */
-    advices?: {
-        min: number;
-        max: number;
-        type: AdviceType;
-        hinted: boolean;
-    }[] | undefined;
+    advices?: LinearAdvice[] | undefined;
     /** When true, displays a dot indicator at the current value position.
 The dot is rendered in the scale band, touching its inner edge (towards the chart).
 This provides an alternative to bar fill for highlighting the current value. */
@@ -62,7 +78,7 @@ declare const ObcGaugeHorizontal: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcGaugeHorizontal = ReturnType<typeof ObcGaugeHorizontal>;
 export default ObcGaugeHorizontal;

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte

@@ -1,18 +1,39 @@
 
   <script lang="ts">
     export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-export type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+export type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
       import { setProperties } from "../../util.js";
       import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type {ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
      value?: number;
      maxValue?: number;
      minValue?: number;
@@ -27,7 +48,30 @@ tertiaryTickmarkInterval?: number | undefined;
      type?: ObcGaugeRadialType;
      tickmarksInside?: boolean;
      tickmarkStyle?: TickmarkStyle;
-     advices?: GaugeRadialAdvice[]
+      /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
+advices?: GaugeRadialAdvice[];
+     sector?: GaugeRadialSector;
+      /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+horizontalAlignment?: GaugeRadialHorizontalAlignment;
+      /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+verticalAlignment?: GaugeRadialVerticalAlignment;
+      /** When `true`, shows the centre `<obc-readout>`(s) with the current value
+(and optional `label`/`unit`). Layout depends on `sector` and `type`.
+Default `false`. */
+hasReadout?: boolean;
+     label?: string;
+     unit?: string;
+     fractionDigits?: number;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/gauge-radial/ObcGaugeRadial.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
-import type { ObcGaugeRadialType, GaugeRadialAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
+import type { ObcGaugeRadialType, GaugeRadialAdvice, GaugeRadialSector, GaugeRadialHorizontalAlignment, GaugeRadialVerticalAlignment } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial/gauge-radial.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
     value?: number;
     maxValue?: number;
     minValue?: number;
@@ -20,7 +41,30 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     type?: ObcGaugeRadialType;
     tickmarksInside?: boolean;
     tickmarkStyle?: TickmarkStyle;
+    /** Caution/alert arcs. Ignored on `sector: 90-left` / `90-right`. */
     advices?: GaugeRadialAdvice[];
+    sector?: GaugeRadialSector;
+    /** Horizontal placement of the dial when the host is wider than the dial
+(e.g. a short, wide container shrinks the dial to fit the height, leaving
+horizontal slack). Default `center`. */
+    horizontalAlignment?: GaugeRadialHorizontalAlignment;
+    /** Vertical placement of the dial when the host is taller than the dial
+(e.g. a tall, narrow container shrinks the dial to fit the width, leaving
+vertical slack). Default `center`. */
+    verticalAlignment?: GaugeRadialVerticalAlignment;
+    /** When `true`, shows the centre `<obc-readout>`(s) with the current value
+(and optional `label`/`unit`). Layout depends on `sector` and `type`.
+Default `false`. */
+    hasReadout?: boolean;
+    label?: string;
+    unit?: string;
+    fractionDigits?: number;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }
@@ -33,6 +77,9 @@ declare const ObcGaugeRadial: import("svelte").Component<$$ComponentProps, {
     Priority: typeof Priority;
     ObcGaugeRadialType: typeof ObcGaugeRadialType;
     GaugeRadialAdvice: typeof GaugeRadialAdvice;
+    GaugeRadialSector: typeof GaugeRadialSector;
+    GaugeRadialHorizontalAlignment: typeof GaugeRadialHorizontalAlignment;
+    GaugeRadialVerticalAlignment: typeof GaugeRadialVerticalAlignment;
     TickmarkStyle: typeof TickmarkStyle;
 }, "">;
 type ObcGaugeRadial = ReturnType<typeof ObcGaugeRadial>;

package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte

@@ -0,0 +1,40 @@
+
+  <script lang="ts">
+    export type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {GaugeRadialIndicatorStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     value?: number;
+     minValue?: number;
+     maxValue?: number;
+     sector?: number;
+     styleType?: GaugeRadialIndicatorStyle;
+     icon?: string;
+     hasIcon?: boolean
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  iconSnippet?: Snippet
+}
+      const { class: className, style, iconSnippet, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-radial-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if iconSnippet}
+        <div slot="icon">
+          {@render iconSnippet()}
+        </div>
+      {/if}
+    </obc-gauge-radial-indicator>

package/dist/navigation-instruments/gauge-radial-indicator/ObcGaugeRadialIndicator.svelte.d.ts

@@ -0,0 +1,25 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+import type { GaugeRadialIndicatorStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-indicator/gauge-radial-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    sector?: number;
+    styleType?: GaugeRadialIndicatorStyle;
+    icon?: string;
+    hasIcon?: boolean;
+}
+export interface Events {
+}
+export interface Slots {
+    iconSnippet?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeRadialIndicator: import("svelte").Component<$$ComponentProps, {
+    GaugeRadialIndicatorStyle: typeof GaugeRadialIndicatorStyle;
+}, "">;
+type ObcGaugeRadialIndicator = ReturnType<typeof ObcGaugeRadialIndicator>;
+export default ObcGaugeRadialIndicator;

package/dist/navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte

@@ -0,0 +1,93 @@
+
+  <script lang="ts">
+    export type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {GaugeRadialProportionalSector, GaugeRadialProportionalAlignment, GaugeRadialProportionalPriority, GaugeRadialProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
+export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
+      import { setProperties } from "../../util.js";
+      import type {InstrumentState} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {GaugeRadialProportionalSector, GaugeRadialProportionalAlignment, GaugeRadialProportionalPriority, GaugeRadialProportionalAdvice} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
+import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
+     value?: number;
+     maxValue?: number;
+     minValue?: number;
+      /** Secondary value shown as a thin line arc at the band's inner edge with a
+second readout (the "primary-secondary" frame type). When undefined
+(default), the regular single-value frame renders. */
+secondaryValue?: number | undefined;
+      /** Instrument state (active, loading, off). `priority: off` also renders the off face. */
+state?: InstrumentState;
+     sector?: GaugeRadialProportionalSector;
+     alignment?: GaugeRadialProportionalAlignment;
+     priority?: GaugeRadialProportionalPriority;
+     showLabels?: boolean;
+      /** Interval for primary tickmarks in value units.
+When undefined or <= 0, no primary tickmarks are shown. */
+primaryTickmarkInterval?: number | undefined;
+      /** Interval for secondary tickmarks in value units.
+When undefined or <= 0, no secondary tickmarks are shown. */
+secondaryTickmarkInterval?: number | undefined;
+     tickmarkStyle?: TickmarkStyle;
+      /** Caution/alert arcs in value units. */
+advices?: GaugeRadialProportionalAdvice[];
+      /** When `true`, shows the center readout (and the secondary readout when
+`secondaryValue` is set). Default `false`. */
+hasReadout?: boolean;
+     label?: string;
+     unit?: string;
+     secondaryLabel?: string;
+     secondaryUnit?: string;
+     fractionDigits?: number;
+      /** Name row shown under the readout (uppercase overline style). */
+name?: string;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size; when unset (default), it fills its container. */
+faceDiameter?: number | undefined
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  icon?: Snippet
+}
+      const { class: className, style, icon, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-gauge-radial-proportional
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+      {#if icon}
+        <div slot="icon">
+          {@render icon()}
+        </div>
+      {/if}
+    </obc-gauge-radial-proportional>

package/dist/navigation-instruments/gauge-radial-proportional/ObcGaugeRadialProportional.svelte.d.ts

@@ -0,0 +1,81 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
+import type { InstrumentState } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type { GaugeRadialProportionalSector, GaugeRadialProportionalAlignment, GaugeRadialProportionalPriority, GaugeRadialProportionalAdvice } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-radial-proportional/gauge-radial-proportional.js';
+import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
+    value?: number;
+    maxValue?: number;
+    minValue?: number;
+    /** Secondary value shown as a thin line arc at the band's inner edge with a
+second readout (the "primary-secondary" frame type). When undefined
+(default), the regular single-value frame renders. */
+    secondaryValue?: number | undefined;
+    /** Instrument state (active, loading, off). `priority: off` also renders the off face. */
+    state?: InstrumentState;
+    sector?: GaugeRadialProportionalSector;
+    alignment?: GaugeRadialProportionalAlignment;
+    priority?: GaugeRadialProportionalPriority;
+    showLabels?: boolean;
+    /** Interval for primary tickmarks in value units.
+When undefined or <= 0, no primary tickmarks are shown. */
+    primaryTickmarkInterval?: number | undefined;
+    /** Interval for secondary tickmarks in value units.
+When undefined or <= 0, no secondary tickmarks are shown. */
+    secondaryTickmarkInterval?: number | undefined;
+    tickmarkStyle?: TickmarkStyle;
+    /** Caution/alert arcs in value units. */
+    advices?: GaugeRadialProportionalAdvice[];
+    /** When `true`, shows the center readout (and the secondary readout when
+`secondaryValue` is set). Default `false`. */
+    hasReadout?: boolean;
+    label?: string;
+    unit?: string;
+    secondaryLabel?: string;
+    secondaryUnit?: string;
+    fractionDigits?: number;
+    /** Name row shown under the readout (uppercase overline style). */
+    name?: string;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size; when unset (default), it fills its container. */
+    faceDiameter?: number | undefined;
+}
+export interface Events {
+}
+export interface Slots {
+    icon?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeRadialProportional: import("svelte").Component<$$ComponentProps, {
+    InstrumentState: typeof InstrumentState;
+    GaugeRadialProportionalSector: typeof GaugeRadialProportionalSector;
+    GaugeRadialProportionalAlignment: typeof GaugeRadialProportionalAlignment;
+    GaugeRadialProportionalPriority: typeof GaugeRadialProportionalPriority;
+    GaugeRadialProportionalAdvice: typeof GaugeRadialProportionalAdvice;
+    TickmarkStyle: typeof TickmarkStyle;
+}, "">;
+type ObcGaugeRadialProportional = ReturnType<typeof ObcGaugeRadialProportional>;
+export default ObcGaugeRadialProportional;