@oicl/openbridge-webcomponents-svelte 2.0.0-next.81 → 2.0.0-next.83

package/dist/automation/transformer/ObcTransformer.svelte.d.ts

@@ -1,9 +1,39 @@
 import '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
+import type { SquaredVariant } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button-squared.js';
+import type { AutomationButtonOrientation, AutomationButtonReadoutPosition, AutomationButtonPositioning } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/automation-button.js';
+import type { AutomationButtonReadoutStackSize } from '@oicl/openbridge-webcomponents/dist/components/automation-button-readout-stack/automation-button-readout-stack.js';
+import type { ObcAlertFrameType, ObcAlertFrameThickness, ObcAlertFrameMode } from '@oicl/openbridge-webcomponents/dist/components/alert-frame/alert-frame.js';
+import type { AlertType } from '@oicl/openbridge-webcomponents/dist/types.js';
+import type { CircularProgressMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/circular-progress/circular-progress.js';
+import type { AutomationButtonBadgeControl, AutomationButtonBadgeCommandLocked, AutomationButtonBadgeInterlock, AutomationButtonBadgeAlert } from '@oicl/openbridge-webcomponents/dist/automation/automation-button/abstract-automation-button.js';
 import type { TransformerAlternativeIcon } from '@oicl/openbridge-webcomponents/dist/automation/transformer/transformer.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    on?: boolean;
+    variant?: SquaredVariant;
+    orientation?: AutomationButtonOrientation;
+    showReadoutStack?: boolean;
+    readoutPosition?: AutomationButtonReadoutPosition;
+    readoutSize?: AutomationButtonReadoutStackSize;
+    positioning?: AutomationButtonPositioning;
+    alert?: boolean;
+    alertFrameType?: ObcAlertFrameType;
+    alertFrameThickness?: ObcAlertFrameThickness;
+    alertFrameStatus?: AlertType;
+    alertFrameMode?: ObcAlertFrameMode;
+    showAlertCategoryIcon?: boolean;
+    showAlertIcon?: boolean;
+    /** Shows a progress indicator, used to indicate that an user action is in progress */
+    progress?: boolean;
+    progressMode?: CircularProgressMode;
+    progressValue?: number;
+    tag?: string | null;
+    badgeControl?: AutomationButtonBadgeControl;
+    badgeCommandLocked?: AutomationButtonBadgeCommandLocked;
+    badgeInterlock?: AutomationButtonBadgeInterlock;
+    badgeAlert?: AutomationButtonBadgeAlert;
     alternativeIcon?: TransformerAlternativeIcon;
 }
 export interface Events {
@@ -13,6 +43,20 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcTransformer: import("svelte").Component<$$ComponentProps, {
+    SquaredVariant: typeof SquaredVariant;
+    AutomationButtonOrientation: typeof AutomationButtonOrientation;
+    AutomationButtonReadoutPosition: typeof AutomationButtonReadoutPosition;
+    AutomationButtonPositioning: typeof AutomationButtonPositioning;
+    AutomationButtonReadoutStackSize: typeof AutomationButtonReadoutStackSize;
+    ObcAlertFrameType: typeof ObcAlertFrameType;
+    ObcAlertFrameThickness: typeof ObcAlertFrameThickness;
+    ObcAlertFrameMode: typeof ObcAlertFrameMode;
+    AlertType: typeof AlertType;
+    CircularProgressMode: typeof CircularProgressMode;
+    AutomationButtonBadgeControl: typeof AutomationButtonBadgeControl;
+    AutomationButtonBadgeCommandLocked: typeof AutomationButtonBadgeCommandLocked;
+    AutomationButtonBadgeInterlock: typeof AutomationButtonBadgeInterlock;
+    AutomationButtonBadgeAlert: typeof AutomationButtonBadgeAlert;
     TransformerAlternativeIcon: typeof TransformerAlternativeIcon;
 }, "">;
 type ObcTransformer = ReturnType<typeof ObcTransformer>;

package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte

@@ -1,14 +1,111 @@
 
   <script lang="ts">
-    export type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.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';
+export type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.js';
       import { setProperties } from "../../util.js";
-      import type {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-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 {AreaFillMode} from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.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;
       /** Fill rendering mode for area charts.
 - `'semitransparent'`: 50% alpha fill (default)
 - `'solid'`: Opaque fill

package/dist/bars-graphs/area-graph/ObcAreaGraph.svelte.d.ts

@@ -1,9 +1,106 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-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 { AreaFillMode } from '@oicl/openbridge-webcomponents/dist/bars-graphs/area-graph/area-graph.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;
     /** Fill rendering mode for area charts.
 - `'semitransparent'`: 50% alpha fill (default)
 - `'solid'`: Opaque fill
@@ -20,6 +117,17 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAreaGraph: 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;
     AreaFillMode: typeof AreaFillMode;
 }, "">;
 type ObcAreaGraph = ReturnType<typeof ObcAreaGraph>;

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

@@ -1,15 +1,109 @@
 
   <script lang="ts">
-    
+    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/bars-graphs/line-graph/line-graph.js';
       import { setProperties } from "../../util.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 {
     

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/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -13,6 +13,27 @@ import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-bl
       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) */

package/dist/building-blocks/bar-horizontal/ObcBarHorizontal.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;
     /** Minimum scale value (manual mode) */
     minValue?: number;
     /** Maximum scale value (manual mode) */

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

@@ -13,6 +13,27 @@ import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-bl
       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) */

package/dist/building-blocks/bar-vertical/ObcBarVertical.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;
     /** Minimum scale value (manual mode) */
     minValue?: number;
     /** Maximum scale value (manual mode) */