@oicl/openbridge-webcomponents-svelte 2.0.0-next.1 → 2.0.0-next.100

package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte

@@ -1,16 +1,138 @@
 
   <script lang="ts">
-    export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
-export type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+export type {ChartDataset} from 'chart.js';
+export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
       import { setProperties } from "../../util.js";
-      import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
-import type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {ChartDataset} from 'chart.js';
+import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.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;
+      /** Simple single-series data. `{label, value}` items for the category axis;
+`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
+or Temporal object). Points are drawn in array order (no sorting). */
+data?: ChartLineDataItem[];
+      /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
+datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
+      /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
+labels?: (string | number)[] | undefined;
+      /** Custom color palette (CSS variable names or color strings). */
+colors?: string[];
+      /** Show HTML legend below chart with series labels and colors. */
+legend?: boolean;
+      /** Development mode: show visual debug overlay with dimension guides. */
+showDebugOverlay?: boolean;
+      /** Width of the chart in pixels. Default: 480. */
+width?: number;
+      /** Height of the chart in pixels. Default: 320. */
+height?: number;
+      /** Enable fixed aspect ratio scaling mode.
+When true, width/height properties define the aspect ratio (not actual pixels).
+The component fills 100% of parent width and calculates height from aspect ratio.
+When false (default), width/height are used as actual pixel dimensions. */
+fixedAspectRatioScaling?: boolean;
+      /** Reference size for external scales when using fixedAspectRatioScaling.
+This value is passed down to external scales to determine their 1:1 Figma design size.
+At this reference size, scales render at native size; above/below they scale proportionally.
+Default: 384 (matches Figma design baseline). */
+scaleReferenceSize?: number;
+      /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
+for time-based data positioned proportionally; 'number' for plain
+numeric x-values. */
+xAxisType?: XAxisType;
+      /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
+yAxisPosition?: YAxisPosition;
+      /** Multiple y-axis definitions for complex multi-axis charts. */
+yAxes?: ChartLineYAxisConfig[] | undefined;
+      /** Show grid lines. */
+showGrid?: boolean;
+      /** Show vertical grid lines (x-axis). Default: false. */
+showGridX?: boolean;
+      /** Show horizontal grid lines (y-axis). Default: false. */
+showGridY?: boolean;
+      /** Show axis tick marks and labels. */
+showTickMarks?: boolean;
+      /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+hasLabelPadding?: boolean;
+      /** Show point markers on data points. Default: false. */
+showPoints?: boolean;
+      /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
+lineMode?: LineMode;
+      /** Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). */
+unit?: string;
+      /** Time axis label format: 'date' (full date/time) or 'minutes' (relative). */
+timeDisplay?: TimeDisplay;
+      /** Max number of x-axis ticks/grid lines. Useful for matching external axes. */
+xTicksLimit?: number | undefined;
+      /** Force x-axis tick interval. Useful for matching external axes. */
+xStepSize?: number | undefined;
+      /** Max number of y-axis ticks/grid lines. Useful for matching external axes. */
+yTicksLimit?: number | undefined;
+      /** Force y-axis tick interval. Useful for matching external axes. */
+yStepSize?: number | undefined;
+      /** Instrument state affecting colors of external scales. */
+state?: InstrumentState;
+      /** Color priority: enhanced uses blue palette instead of default gray. */
+priority?: Priority;
+      /** Frame style for chart and external scales. */
+frameStyle?: FrameStyle;
+      /** Border radius position for the chart's own border. */
+borderRadiusPosition?: BorderRadiusPosition | undefined;
+      /** Border radius position for external scales based on layout. */
+borderRadiusPositionExternalScales?: BorderRadiusPosition | undefined;
+      /** When true, the chart is used inside an instrument (e.g., gauge-trend).
+In this mode, only label font size responds to .obc-component-size-* CSS classes.
+Border radius uses the explicit `borderRadius` property value (or defaults to 8px),
+rather than reading from CSS variables. */
+instrumentMode?: boolean;
+      /** Explicit border radius value in pixels.
+When instrumentMode=true, this value is used directly (defaults to 8px).
+When instrumentMode=false, this is ignored and border radius is read from CSS variable. */
+borderRadius?: number | undefined;
       /** Scale type for the vertical scale.
 - `'regular'`: Standard tick lengths (default)
 - `'condensed'`: Shorter tick lengths for compact display
@@ -67,7 +189,7 @@ In `'tint'` mode, this defines the upper bound of the highlighted range.
 When `undefined`, defaults to `value`. */
 fillMax?: number | undefined;
       /** Advice/alert overlays for the vertical scale. */
-advice?: { min: number; max: number; type: AdviceType; hinted: boolean; }[];
+advice?: LinearAdvice[];
       /** Primary tick interval for the vertical scale (longest ticks with labels). */
 primaryTickmarkInterval?: number | undefined;
       /** Secondary tick interval for the vertical scale (medium ticks). */

package/dist/navigation-instruments/gauge-trend/ObcGaugeTrend.svelte.d.ts

@@ -1,10 +1,129 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartDataset } from 'chart.js';
+import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { ScaleType, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.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;
+    /** Simple single-series data. `{label, value}` items for the category axis;
+`{x, value}` items for time/number axes (x: epoch ms, ISO string, Date,
+or Temporal object). Points are drawn in array order (no sorting). */
+    data?: ChartLineDataItem[];
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
+    /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
+    labels?: (string | number)[] | undefined;
+    /** Custom color palette (CSS variable names or color strings). */
+    colors?: string[];
+    /** Show HTML legend below chart with series labels and colors. */
+    legend?: boolean;
+    /** Development mode: show visual debug overlay with dimension guides. */
+    showDebugOverlay?: boolean;
+    /** Width of the chart in pixels. Default: 480. */
+    width?: number;
+    /** Height of the chart in pixels. Default: 320. */
+    height?: number;
+    /** Enable fixed aspect ratio scaling mode.
+When true, width/height properties define the aspect ratio (not actual pixels).
+The component fills 100% of parent width and calculates height from aspect ratio.
+When false (default), width/height are used as actual pixel dimensions. */
+    fixedAspectRatioScaling?: boolean;
+    /** Reference size for external scales when using fixedAspectRatioScaling.
+This value is passed down to external scales to determine their 1:1 Figma design size.
+At this reference size, scales render at native size; above/below they scale proportionally.
+Default: 384 (matches Figma design baseline). */
+    scaleReferenceSize?: number;
+    /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time'
+for time-based data positioned proportionally; 'number' for plain
+numeric x-values. */
+    xAxisType?: XAxisType;
+    /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
+    yAxisPosition?: YAxisPosition;
+    /** Multiple y-axis definitions for complex multi-axis charts. */
+    yAxes?: ChartLineYAxisConfig[] | undefined;
+    /** Show grid lines. */
+    showGrid?: boolean;
+    /** Show vertical grid lines (x-axis). Default: false. */
+    showGridX?: boolean;
+    /** Show horizontal grid lines (y-axis). Default: false. */
+    showGridY?: boolean;
+    /** Show axis tick marks and labels. */
+    showTickMarks?: boolean;
+    /** Reserve canvas padding for axis tick labels on sides without an external scale.
+
+When `true` (default), the chart leaves room for tick labels and renders them
+(subject to `showTickMarks` and the 192px auto-compact threshold).
+
+When `false`, the chart renders edge-to-edge on sides without a slotted external
+scale AND axis tick labels are force-hidden so they cannot be clipped. This also
+suppresses the automatic edge-to-edge switch that normally happens below the
+192px threshold, eliminating the visible padding "jump" when crossing it.
+
+Useful when embedding the chart inside another component that owns framing
+and never wants to show axis labels (e.g. `obc-automation-tank`).
+
+Defaults to `true` to preserve existing behavior. Declared with `attribute: false`
+because a `true`-default boolean cannot work as an HTML boolean attribute. */
+    hasLabelPadding?: boolean;
+    /** Show point markers on data points. Default: false. */
+    showPoints?: boolean;
+    /** Line drawing style: 'smooth' (curved), 'straight', or 'stepped'. */
+    lineMode?: LineMode;
+    /** Unit label displayed in tooltips (e.g., 'kW', 'kg', '%'). */
+    unit?: string;
+    /** Time axis label format: 'date' (full date/time) or 'minutes' (relative). */
+    timeDisplay?: TimeDisplay;
+    /** Max number of x-axis ticks/grid lines. Useful for matching external axes. */
+    xTicksLimit?: number | undefined;
+    /** Force x-axis tick interval. Useful for matching external axes. */
+    xStepSize?: number | undefined;
+    /** Max number of y-axis ticks/grid lines. Useful for matching external axes. */
+    yTicksLimit?: number | undefined;
+    /** Force y-axis tick interval. Useful for matching external axes. */
+    yStepSize?: number | undefined;
+    /** Instrument state affecting colors of external scales. */
+    state?: InstrumentState;
+    /** Color priority: enhanced uses blue palette instead of default gray. */
+    priority?: Priority;
+    /** Frame style for chart and external scales. */
+    frameStyle?: FrameStyle;
+    /** Border radius position for the chart's own border. */
+    borderRadiusPosition?: BorderRadiusPosition | undefined;
+    /** Border radius position for external scales based on layout. */
+    borderRadiusPositionExternalScales?: BorderRadiusPosition | undefined;
+    /** When true, the chart is used inside an instrument (e.g., gauge-trend).
+In this mode, only label font size responds to .obc-component-size-* CSS classes.
+Border radius uses the explicit `borderRadius` property value (or defaults to 8px),
+rather than reading from CSS variables. */
+    instrumentMode?: boolean;
+    /** Explicit border radius value in pixels.
+When instrumentMode=true, this value is used directly (defaults to 8px).
+When instrumentMode=false, this is ignored and border radius is read from CSS variable. */
+    borderRadius?: number | undefined;
     /** Scale type for the vertical scale.
 - `'regular'`: Standard tick lengths (default)
 - `'condensed'`: Shorter tick lengths for compact display
@@ -61,12 +180,7 @@ In `'tint'` mode, this defines the upper bound of the highlighted range.
 When `undefined`, defaults to `value`. */
     fillMax?: number | undefined;
     /** Advice/alert overlays for the vertical scale. */
-    advice?: {
-        min: number;
-        max: number;
-        type: AdviceType;
-        hinted: boolean;
-    }[];
+    advice?: LinearAdvice[];
     /** Primary tick interval for the vertical scale (longest ticks with labels). */
     primaryTickmarkInterval?: number | undefined;
     /** Secondary tick interval for the vertical scale (medium ticks). */
@@ -85,9 +199,21 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcGaugeTrend: import("svelte").Component<$$ComponentProps, {
+    ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
+    XAxisType: typeof XAxisType;
+    YAxisPosition: typeof YAxisPosition;
+    ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
+    LineMode: typeof LineMode;
+    TimeDisplay: typeof TimeDisplay;
+    ChartDataset: typeof ChartDataset;
+    InstrumentState: typeof InstrumentState;
+    Priority: typeof Priority;
+    FrameStyle: typeof FrameStyle;
+    BorderRadiusPosition: typeof BorderRadiusPosition;
     ScaleType: typeof ScaleType;
     FillMode: typeof FillMode;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcGaugeTrend = ReturnType<typeof ObcGaugeTrend>;
 export default ObcGaugeTrend;

package/dist/navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte

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

package/dist/navigation-instruments/gauge-trend-indicator/ObcGaugeTrendIndicator.svelte.d.ts

@@ -0,0 +1,25 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend-indicator/gauge-trend-indicator.js';
+import type { ObcGaugeTrendIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend-indicator/gauge-trend-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    type?: ObcGaugeTrendIndicatorType;
+    data?: number[];
+    minValue?: number;
+    maxValue?: number;
+    chartMinValue?: number | undefined;
+    chartMaxValue?: number | undefined;
+    value?: number | undefined;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcGaugeTrendIndicator: import("svelte").Component<$$ComponentProps, {
+    ObcGaugeTrendIndicatorType: typeof ObcGaugeTrendIndicatorType;
+}, "">;
+type ObcGaugeTrendIndicator = ReturnType<typeof ObcGaugeTrendIndicator>;
+export default ObcGaugeTrendIndicator;

package/dist/navigation-instruments/gauge-vertical/ObcGaugeVertical.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-vertical/gauge-vertical.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-vertical/ObcGaugeVertical.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-vertical/gauge-vertical.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 ObcGaugeVertical: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcGaugeVertical = ReturnType<typeof ObcGaugeVertical>;
 export default ObcGaugeVertical;

package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte

@@ -0,0 +1,35 @@
+
+  <script lang="ts">
+    export type {HeadingIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+      import { setProperties } from "../../util.js";
+      import type {HeadingIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+      import type { Snippet } from 'svelte';
+
+      export interface Props {
+     class?: string;
+     style?: string;
+     type?: HeadingIndicatorType;
+     angle?: number;
+      /** Cross-track deviation in the range [-1, 1]. */
+xtd?: number
+   }
+      export interface Events {
+    
+  }
+      export interface Slots {
+  children?: Snippet
+}
+      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+
+    </script>
+    <obc-heading-indicator
+    use:setProperties={props}
+    class={className}
+    style={style}
+     >
+      
+    {#if children}
+      {@render children()}
+    {/if}
+    </obc-heading-indicator>

package/dist/navigation-instruments/heading-indicator/ObcHeadingIndicator.svelte.d.ts

@@ -0,0 +1,22 @@
+import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+import type { HeadingIndicatorType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heading-indicator/heading-indicator.js';
+import type { Snippet } from 'svelte';
+export interface Props {
+    class?: string;
+    style?: string;
+    type?: HeadingIndicatorType;
+    angle?: number;
+    /** Cross-track deviation in the range [-1, 1]. */
+    xtd?: number;
+}
+export interface Events {
+}
+export interface Slots {
+    children?: Snippet;
+}
+type $$ComponentProps = Props & Events & Slots;
+declare const ObcHeadingIndicator: import("svelte").Component<$$ComponentProps, {
+    HeadingIndicatorType: typeof HeadingIndicatorType;
+}, "">;
+type ObcHeadingIndicator = ReturnType<typeof ObcHeadingIndicator>;
+export default ObcHeadingIndicator;

package/dist/{ar/poi-object-aton/ObcPoiObjectAton.svelte → navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte}

@@ -1,16 +1,16 @@
 
   <script lang="ts">
-    export type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object-aton/poi-object-aton.js';
-      import '@oicl/openbridge-webcomponents/dist/ar/poi-object-aton/poi-object-aton.js';
+    export type {HeaveIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
+      import '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
       import { setProperties } from "../../util.js";
-      import type {ObcPoiObjectAtonType, ObcPoiObjectAtonStyle} from '@oicl/openbridge-webcomponents/dist/ar/poi-object-aton/poi-object-aton.js';
+      import type {HeaveIndicatorType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/heave-indicator/heave-indicator.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     type?: ObcPoiObjectAtonType;
-     objectStyle?: ObcPoiObjectAtonStyle
+     type?: HeaveIndicatorType;
+     value?: number
    }
       export interface Events {
     
@@ -21,7 +21,7 @@
       const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
-    <obc-poi-object-aton
+    <obc-heave-indicator
     use:setProperties={props}
     class={className}
     style={style}
@@ -30,4 +30,4 @@
     {#if children}
       {@render children()}
     {/if}
-    </obc-poi-object-aton>
+    </obc-heave-indicator>

package/dist/navigation-instruments/heave-indicator/ObcHeaveIndicator.svelte.d.ts

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

package/dist/navigation-instruments/indicator-graph/ObcIndicatorGraph.svelte

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