@oicl/openbridge-webcomponents-svelte 2.0.0-next.14 → 2.0.0-next.141

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,34 +1,153 @@
 
   <script lang="ts">
-    export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
-export type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+    export type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+export type {ChartDataset} from 'chart.js';
+export type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+export type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
+export type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
       import { setProperties } from "../../util.js";
-      import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
-import type {AdviceType} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+      import type {ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {ChartDataset} from 'chart.js';
+import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+import type {ScaleType, FillMode} from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
+import type {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
+      /** Target setpoint value. `undefined` = no setpoint marker shown. */
+setpoint?: number | undefined;
+      /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+newSetpoint?: number | undefined;
+      /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+atSetpoint?: boolean;
+      /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+touching?: boolean;
+      /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+autoAtSetpoint?: boolean;
+      /** Tolerance for auto at-setpoint detection. */
+autoAtSetpointDeadband?: number;
+      /** Tolerance for zero-snap visual state. */
+setpointAtZeroDeadband?: number;
+      /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+setpointOverride?: boolean;
+      /** Enable CSS-animated confirm transition. */
+animateSetpoint?: boolean;
+     /** Simple single-series data. `{label, value}` items for the category axis; `{x, value}` items for time/number axes (x: epoch ms, ISO string, Date, or Temporal object). Points are drawn in array order (no sorting). */
+     data?: ChartLineDataItem[];
+     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
+     datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
+     /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
+     labels?: (string | number)[] | undefined;
+     /** Custom color palette (CSS variable names or color strings). */
+     colors?: string[];
+     /** Show HTML legend below chart with series labels and colors. */
+     legend?: boolean;
+     /** Development mode: show visual debug overlay with dimension guides. */
+     showDebugOverlay?: boolean;
+     /** Width of the chart in pixels. Default: 480. */
+     width?: number;
+     /** Height of the chart in pixels. Default: 320. */
+     height?: number;
+     /** Enable fixed aspect ratio scaling mode. When true, width/height properties define the aspect ratio (not actual pixels). The component fills 100% of parent width and calculates height from aspect ratio. When false (default), width/height are used as actual pixel dimensions. */
+     fixedAspectRatioScaling?: boolean;
+     /** Reference size for external scales when using fixedAspectRatioScaling. This value is passed down to external scales to determine their 1:1 Figma design size. At this reference size, scales render at native size; above/below they scale proportionally. Default: 384 (matches Figma design baseline). */
+     scaleReferenceSize?: number;
+     /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time' for time-based data positioned proportionally; 'number' for plain numeric x-values. */
+     xAxisType?: XAxisType;
+     /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
+     yAxisPosition?: YAxisPosition;
+     /** Multiple y-axis definitions for complex multi-axis charts. */
+     yAxes?: ChartLineYAxisConfig[] | undefined;
+     /** Show grid lines. */
+     showGrid?: boolean;
+     /**
+      * Show vertical grid lines (x-axis). Default: false.
+      *
+      * Available when `showGrid==true`.
+      */
+     showGridX?: boolean;
+     /**
+      * Show horizontal grid lines (y-axis). Default: false.
+      *
+      * Available when `showGrid==true`.
+      */
+     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).
+      *
+      * Available when `xAxisType==time`.
+      */
+     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.
+      *
+      * Available when `instrumentMode==true`.
+      */
+     borderRadius?: number | undefined;
       /** Scale type for the vertical scale.
 - `'regular'`: Standard tick lengths (default)
 - `'condensed'`: Shorter tick lengths for compact display
 
 Hidden from Storybook controls via argTypes configuration. */
 scaleType?: ScaleType;
-      /** Minimum value for the scale range.
-Also used as chart y-axis minimum when `chartMinValue` is undefined. */
-minValue?: number;
-      /** Maximum value for the scale range.
-Also used as chart y-axis maximum when `chartMaxValue` is undefined. */
-maxValue?: number;
-      /** Minimum value for the chart y-axis.
-When undefined, defaults to `minValue` to keep chart and scale aligned. */
-chartMinValue?: number | undefined;
-      /** Maximum value for the chart y-axis.
-When undefined, defaults to `maxValue` to keep chart and scale aligned. */
-chartMaxValue?: number | undefined;
+     /** Minimum value for the scale range. Also used as chart y-axis minimum when `chartMinValue` is undefined. */
+     minValue?: number;
+     /** Maximum value for the scale range. Also used as chart y-axis maximum when `chartMaxValue` is undefined. */
+     maxValue?: number;
+     /** Minimum value for the chart y-axis. When undefined, defaults to `minValue` to keep chart and scale aligned. */
+     chartMinValue?: number | undefined;
+     /** Maximum value for the chart y-axis. When undefined, defaults to `maxValue` to keep chart and scale aligned. */
+     chartMaxValue?: number | undefined;
       /** Current value displayed on the vertical scale.
 
 This is the primary value property that drives:
@@ -43,10 +162,10 @@ value?: number | undefined;
 When `true`, displays a filled bar indicating the current value.
 When `false`, a dot indicator is automatically shown at the value position instead. */
 hasBar?: boolean;
-      /** Show scale tick marks and labels. */
-hasScale?: boolean;
-      /** Show advice overlays on the vertical scale. */
-hasAdvice?: boolean;
+     /** Show scale tick marks and labels. */
+     hasScale?: boolean;
+     /** Show advice overlays on the vertical scale. */
+     hasAdvice?: boolean;
       /** Fill mode for the bar.
 - `'fill'`: Bar fills from `fillMin` to `value` — the bar visually tracks the current value.
   The `fillMax` property is **ignored** in this mode.
@@ -55,10 +174,12 @@ hasAdvice?: boolean;
 
 In both modes, `fillMin` is the origin point (e.g., 0 in a -100..100 scale). */
 fillMode?: FillMode;
-      /** Fill origin value - the starting point for the bar fill.
-In both fill modes, the bar fills from this value toward the current value.
-For scales like -100..100, set this to 0 to have the bar fill up or down from zero. */
-fillMin?: number;
+     /**
+      * Fill origin value - the starting point for the bar fill. In both fill modes, the bar fills from this value toward the current value. For scales like -100..100, set this to 0 to have the bar fill up or down from zero.
+      *
+      * Available when `hasBar==true && value!=undefined`.
+      */
+     fillMin?: number;
       /** Maximum fill value for the bar (only used in `'tint'` mode).
 
 In `'fill'` mode, this property is **ignored** — the bar always fills to `value`.
@@ -66,18 +187,28 @@ In `'fill'` mode, this property is **ignored** — the bar always fills to `valu
 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; }[];
-      /** Primary tick interval for the vertical scale (longest ticks with labels). */
-primaryTickmarkInterval?: number | undefined;
-      /** Secondary tick interval for the vertical scale (medium ticks). */
-secondaryTickmarkInterval?: number;
-      /** Tertiary tick interval for the vertical scale (shortest ticks). */
-tertiaryTickmarkInterval?: number | undefined;
-      /** Enable chart area fill.
-When true, fills the area under the line with semitransparent color.
-When false (default), renders as line-only chart. */
-chartFill?: boolean
+     /**
+      * Advice/alert overlays for the vertical scale.
+      *
+      * Available when `hasAdvice==true`.
+      */
+     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).
+      *
+      * Available when `hasScale==true`.
+      */
+     secondaryTickmarkInterval?: number;
+     /**
+      * Tertiary tick interval for the vertical scale (shortest ticks).
+      *
+      * Available when `hasScale==true`.
+      */
+     tertiaryTickmarkInterval?: number | undefined;
+     /** Enable chart area fill. When true, fills the area under the line with semitransparent color. When false (default), renders as line-only chart. */
+     chartFill?: boolean
    }
       export interface Events {
     

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

@@ -1,27 +1,143 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.js';
+import type { ChartLineDataItem, ChartLinePoint, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type { ChartDataset } from 'chart.js';
+import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { ScaleType, FillMode } from '@oicl/openbridge-webcomponents/dist/building-blocks/bar-vertical/bar-vertical.js';
-import type { AdviceType } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/advice.js';
+import type { LinearAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Target setpoint value. `undefined` = no setpoint marker shown. */
+    setpoint?: number | undefined;
+    /** Adjustment preview for 2-step interface.
+When defined, two markers are shown: original (dimmed) + new (focus). */
+    newSetpoint?: number | undefined;
+    /** Manual at-setpoint override (used when `autoAtSetpoint` is false). */
+    atSetpoint?: boolean;
+    /** User is physically interacting with the control.
+Suppresses at-setpoint calculation and triggers focus visual. */
+    touching?: boolean;
+    /** When false, uses manual `atSetpoint` boolean instead of auto-calculation. */
+    autoAtSetpoint?: boolean;
+    /** Tolerance for auto at-setpoint detection. */
+    autoAtSetpointDeadband?: number;
+    /** Tolerance for zero-snap visual state. */
+    setpointAtZeroDeadband?: number;
+    /** Override to derive the setpoint color from the instrument's `priority`
+regardless of instrument state. */
+    setpointOverride?: boolean;
+    /** Enable CSS-animated confirm transition. */
+    animateSetpoint?: boolean;
+    /** Simple single-series data. `{label, value}` items for the category axis; `{x, value}` items for time/number axes (x: epoch ms, ISO string, Date, or Temporal object). Points are drawn in array order (no sorting). */
+    data?: ChartLineDataItem[];
+    /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
+    datasets?: ChartDataset<"line", ChartLinePoint[]>[] | undefined;
+    /** Optional explicit labels for the x-axis (category mode). If omitted labels are derived from `data` */
+    labels?: (string | number)[] | undefined;
+    /** Custom color palette (CSS variable names or color strings). */
+    colors?: string[];
+    /** Show HTML legend below chart with series labels and colors. */
+    legend?: boolean;
+    /** Development mode: show visual debug overlay with dimension guides. */
+    showDebugOverlay?: boolean;
+    /** Width of the chart in pixels. Default: 480. */
+    width?: number;
+    /** Height of the chart in pixels. Default: 320. */
+    height?: number;
+    /** Enable fixed aspect ratio scaling mode. When true, width/height properties define the aspect ratio (not actual pixels). The component fills 100% of parent width and calculates height from aspect ratio. When false (default), width/height are used as actual pixel dimensions. */
+    fixedAspectRatioScaling?: boolean;
+    /** Reference size for external scales when using fixedAspectRatioScaling. This value is passed down to external scales to determine their 1:1 Figma design size. At this reference size, scales render at native size; above/below they scale proportionally. Default: 384 (matches Figma design baseline). */
+    scaleReferenceSize?: number;
+    /** X-axis mode: 'category' for labeled, evenly spaced data points; 'time' for time-based data positioned proportionally; 'number' for plain numeric x-values. */
+    xAxisType?: XAxisType;
+    /** Single y-axis position ('left' or 'right'). For multiple y-axes, use yAxes instead. */
+    yAxisPosition?: YAxisPosition;
+    /** Multiple y-axis definitions for complex multi-axis charts. */
+    yAxes?: ChartLineYAxisConfig[] | undefined;
+    /** Show grid lines. */
+    showGrid?: boolean;
+    /**
+     * Show vertical grid lines (x-axis). Default: false.
+     *
+     * Available when `showGrid==true`.
+     */
+    showGridX?: boolean;
+    /**
+     * Show horizontal grid lines (y-axis). Default: false.
+     *
+     * Available when `showGrid==true`.
+     */
+    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).
+     *
+     * Available when `xAxisType==time`.
+     */
+    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.
+     *
+     * Available when `instrumentMode==true`.
+     */
+    borderRadius?: number | undefined;
     /** Scale type for the vertical scale.
 - `'regular'`: Standard tick lengths (default)
 - `'condensed'`: Shorter tick lengths for compact display
 
 Hidden from Storybook controls via argTypes configuration. */
     scaleType?: ScaleType;
-    /** Minimum value for the scale range.
-Also used as chart y-axis minimum when `chartMinValue` is undefined. */
+    /** Minimum value for the scale range. Also used as chart y-axis minimum when `chartMinValue` is undefined. */
     minValue?: number;
-    /** Maximum value for the scale range.
-Also used as chart y-axis maximum when `chartMaxValue` is undefined. */
+    /** Maximum value for the scale range. Also used as chart y-axis maximum when `chartMaxValue` is undefined. */
     maxValue?: number;
-    /** Minimum value for the chart y-axis.
-When undefined, defaults to `minValue` to keep chart and scale aligned. */
+    /** Minimum value for the chart y-axis. When undefined, defaults to `minValue` to keep chart and scale aligned. */
     chartMinValue?: number | undefined;
-    /** Maximum value for the chart y-axis.
-When undefined, defaults to `maxValue` to keep chart and scale aligned. */
+    /** Maximum value for the chart y-axis. When undefined, defaults to `maxValue` to keep chart and scale aligned. */
     chartMaxValue?: number | undefined;
     /** Current value displayed on the vertical scale.
 
@@ -49,9 +165,11 @@ Use this when you want to show a fixed range independent of the current value.
 
 In both modes, `fillMin` is the origin point (e.g., 0 in a -100..100 scale). */
     fillMode?: FillMode;
-    /** Fill origin value - the starting point for the bar fill.
-In both fill modes, the bar fills from this value toward the current value.
-For scales like -100..100, set this to 0 to have the bar fill up or down from zero. */
+    /**
+     * Fill origin value - the starting point for the bar fill. In both fill modes, the bar fills from this value toward the current value. For scales like -100..100, set this to 0 to have the bar fill up or down from zero.
+     *
+     * Available when `hasBar==true && value!=undefined`.
+     */
     fillMin?: number;
     /** Maximum fill value for the bar (only used in `'tint'` mode).
 
@@ -60,22 +178,27 @@ In `'fill'` mode, this property is **ignored** — the bar always fills to `valu
 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/alert overlays for the vertical scale.
+     *
+     * Available when `hasAdvice==true`.
+     */
+    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). */
+    /**
+     * Secondary tick interval for the vertical scale (medium ticks).
+     *
+     * Available when `hasScale==true`.
+     */
     secondaryTickmarkInterval?: number;
-    /** Tertiary tick interval for the vertical scale (shortest ticks). */
+    /**
+     * Tertiary tick interval for the vertical scale (shortest ticks).
+     *
+     * Available when `hasScale==true`.
+     */
     tertiaryTickmarkInterval?: number | undefined;
-    /** Enable chart area fill.
-When true, fills the area under the line with semitransparent color.
-When false (default), renders as line-only chart. */
+    /** Enable chart area fill. When true, fills the area under the line with semitransparent color. When false (default), renders as line-only chart. */
     chartFill?: boolean;
 }
 export interface Events {
@@ -85,9 +208,21 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcGaugeTrend: import("svelte").Component<$$ComponentProps, {
+    ChartLineDataItem: typeof ChartLineDataItem;
+    ChartLinePoint: typeof ChartLinePoint;
+    XAxisType: typeof XAxisType;
+    YAxisPosition: typeof YAxisPosition;
+    ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
+    LineMode: typeof LineMode;
+    TimeDisplay: typeof TimeDisplay;
+    ChartDataset: typeof ChartDataset;
+    InstrumentState: typeof InstrumentState;
+    Priority: typeof Priority;
+    FrameStyle: typeof FrameStyle;
+    BorderRadiusPosition: typeof BorderRadiusPosition;
     ScaleType: typeof ScaleType;
     FillMode: typeof FillMode;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcGaugeTrend = ReturnType<typeof ObcGaugeTrend>;
 export default ObcGaugeTrend;

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

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

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

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