@oicl/openbridge-webcomponents-svelte 2.0.0-next.9 → 2.0.0-next.90

package/dist/bars-graphs/line-graph/ObcLineGraph.svelte.d.ts

@@ -1,8 +1,105 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/line-graph/line-graph.js';
+import type { ChartLineDataItem, 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 { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Simple single-series data (array of {label, value}). */
+    data?: ChartLineDataItem[];
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
+    datasets?: ChartDataset<"line", (number | {
+        x: string | number | Date;
+        y: number;
+    })[]>[] | 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 data points, 'time' for time-based data. */
+    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;
 }
 export interface Events {
 }
@@ -10,6 +107,18 @@ export interface Slots {
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
-declare const ObcLineGraph: import("svelte").Component<$$ComponentProps, {}, "">;
+declare const ObcLineGraph: import("svelte").Component<$$ComponentProps, {
+    ChartLineDataItem: typeof ChartLineDataItem;
+    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;
+}, "">;
 type ObcLineGraph = ReturnType<typeof ObcLineGraph>;
 export default ObcLineGraph;

package/dist/bars-graphs/pie-chart/ObcPieChart.svelte

@@ -1,15 +1,17 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {PieChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {PieChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.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;
-     data?: { label: string; value: number; children?: { label: string; value: number; }[] | undefined; }[];
+     data?: PieChartDataItem[];
      colors?: string[];
      priority?: Priority;
      showOuterLabels?: boolean;

package/dist/bars-graphs/pie-chart/ObcPieChart.svelte.d.ts

@@ -1,17 +1,11 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+import type { PieChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.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;
-    data?: {
-        label: string;
-        value: number;
-        children?: {
-            label: string;
-            value: number;
-        }[] | undefined;
-    }[];
+    data?: PieChartDataItem[];
     colors?: string[];
     priority?: Priority;
     showOuterLabels?: boolean;
@@ -31,6 +25,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPieChart: import("svelte").Component<$$ComponentProps, {
+    PieChartDataItem: typeof PieChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcPieChart = ReturnType<typeof ObcPieChart>;

package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte

@@ -1,15 +1,17 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {PolarChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {PolarChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.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;
-     data?: { label: string; value: number; }[];
+     data?: PolarChartDataItem[];
      colors?: string[];
      priority?: Priority;
      monochrome?: boolean;

package/dist/bars-graphs/polar-chart/ObcPolarChart.svelte.d.ts

@@ -1,13 +1,11 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+import type { PolarChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.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;
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    data?: PolarChartDataItem[];
     colors?: string[];
     priority?: Priority;
     monochrome?: boolean;
@@ -29,6 +27,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPolarChart: import("svelte").Component<$$ComponentProps, {
+    PolarChartDataItem: typeof PolarChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcPolarChart = ReturnType<typeof ObcPolarChart>;

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -2,17 +2,38 @@
   <script lang="ts">
     export type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 export type {FrameStyle, 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/building-blocks/bar-horizontal/bar-horizontal.js';
       import { setProperties } from "../../util.js";
       import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {FrameStyle, 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 (manual mode) */
 minValue?: number;
       /** Maximum scale value (manual mode) */
@@ -92,7 +113,7 @@ state?: InstrumentState;
 advicePosition?: AdvicePosition;
       /** Advice/alert overlays with state and positioning.
 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/building-blocks/bar-horizontal/ObcBarHorizontal.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-horizontal/bar-horizontal.js';
 import type { ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type { FrameStyle, 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 (manual mode) */
     minValue?: number;
     /** Maximum scale value (manual mode) */
@@ -85,12 +106,7 @@ When instrumentMode=false, this is ignored and border radius is read from CSS va
     advicePosition?: AdvicePosition;
     /** Advice/alert overlays with state and positioning.
 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. */
@@ -112,7 +128,7 @@ declare const ObcBarHorizontal: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcBarHorizontal = ReturnType<typeof ObcBarHorizontal>;
 export default ObcBarHorizontal;

package/dist/building-blocks/bar-vertical/ObcBarVertical.svelte

@@ -2,17 +2,38 @@
   <script lang="ts">
     export type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 export type {FrameStyle, 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/building-blocks/bar-vertical/bar-vertical.js';
       import { setProperties } from "../../util.js";
       import type {ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition} from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type {FrameStyle, 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 (manual mode) */
 minValue?: number;
       /** Maximum scale value (manual mode) */
@@ -92,7 +113,7 @@ state?: InstrumentState;
 advicePosition?: AdvicePosition;
       /** Advice/alert overlays with state and positioning.
 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/building-blocks/bar-vertical/ObcBarVertical.svelte.d.ts

@@ -1,11 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
 import type { ExternalScaleSide, BarContainerStyle, ScaleType, FillMode, AdvicePosition } from '@oicl/openbridge-webcomponents/dist/building-blocks/external-scale/external-scale.js';
 import type { FrameStyle, 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 (manual mode) */
     minValue?: number;
     /** Maximum scale value (manual mode) */
@@ -85,12 +106,7 @@ When instrumentMode=false, this is ignored and border radius is read from CSS va
     advicePosition?: AdvicePosition;
     /** Advice/alert overlays with state and positioning.
 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. */
@@ -112,7 +128,7 @@ declare const ObcBarVertical: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcBarVertical = ReturnType<typeof ObcBarVertical>;
 export default ObcBarVertical;

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte

@@ -1,12 +1,12 @@
 
   <script lang="ts">
-    export type {ChartDataset} from 'chart.js';
-export type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+    export type {ChartLineDataItem, 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';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
       import { setProperties } from "../../util.js";
-      import type {ChartDataset} from 'chart.js';
-import type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, 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 { Snippet } from 'svelte';
 
@@ -14,7 +14,7 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
      class?: string;
      style?: string;
       /** Simple single-series data (array of {label, value}). */
-data?: { label: string; value: number; }[];
+data?: ChartLineDataItem[];
       /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
 datasets?: ChartDataset<"line", (number | { x: string | number | Date; y: number; })[]>[] | undefined;
       /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
@@ -44,7 +44,7 @@ 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?: { id?: string | undefined; position?: "left" | "right" | undefined; min?: number | undefined; max?: number | undefined; grid?: boolean | undefined; }[] | undefined;
+yAxes?: ChartLineYAxisConfig[] | undefined;
       /** Show grid lines. */
 showGrid?: boolean;
       /** Show vertical grid lines (x-axis). Default: false. */
@@ -53,6 +53,22 @@ showGridX?: boolean;
 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'. */

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts

@@ -1,16 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartLineDataItem, 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 { XAxisType, YAxisPosition, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     /** Simple single-series data (array of {label, value}). */
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    data?: ChartLineDataItem[];
     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
     datasets?: ChartDataset<"line", (number | {
         x: string | number | Date;
@@ -43,13 +40,7 @@ Default: 384 (matches Figma design baseline). */
     /** 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?: {
-        id?: string | undefined;
-        position?: "left" | "right" | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        grid?: boolean | undefined;
-    }[] | undefined;
+    yAxes?: ChartLineYAxisConfig[] | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /** Show vertical grid lines (x-axis). Default: false. */
@@ -58,6 +49,22 @@ Default: 384 (matches Figma design baseline). */
     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'. */
@@ -101,11 +108,13 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
-    ChartDataset: typeof ChartDataset;
+    ChartLineDataItem: typeof ChartLineDataItem;
     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;

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte

@@ -13,6 +13,27 @@ import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation
       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;
      state?: InstrumentState;
      priority?: Priority;
      value?: number;
@@ -38,6 +59,12 @@ tertiaryTickmarkInterval?: number | undefined;
      advices?: GaugeRadialAdvice[];
      clipTop?: number;
      clipBottom?: number;
+     clipLeft?: number;
+     clipRight?: number;
+      /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it — the "Max-min" placement from the radial label model
+(External / Internal / Max-min). See PR #903 / design discussion. */
+endLabelsMaxMin?: boolean;
      zoomToFitArc?: boolean
    }
       export interface Events {

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte.d.ts

@@ -6,6 +6,27 @@ 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;
     state?: InstrumentState;
     priority?: Priority;
     value?: number;
@@ -31,6 +52,12 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     advices?: GaugeRadialAdvice[];
     clipTop?: number;
     clipBottom?: number;
+    clipLeft?: number;
+    clipRight?: number;
+    /** Place the horizontal end labels (±90°, e.g. min/max) below the tick instead
+of beside it — the "Max-min" placement from the radial label model
+(External / Internal / Max-min). See PR #903 / design discussion. */
+    endLabelsMaxMin?: boolean;
     zoomToFitArc?: boolean;
 }
 export interface Events {