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

package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte

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

package/dist/navigation-instruments/depth-indicator/ObcDepthIndicator.svelte.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,16 +1,134 @@
 
   <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, 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, 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 (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;
       /** Scale type for the vertical scale.
 - `'regular'`: Standard tick lengths (default)
 - `'condensed'`: Shorter tick lengths for compact display
@@ -67,7 +185,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). */