@oicl/openbridge-webcomponents-svelte 2.0.0-next.11 → 2.0.0-next.110

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

@@ -1,26 +1,39 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {PieChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {PieChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     data?: { label: string; value: number; children?: { label: string; value: number; }[] | undefined; }[];
-     colors?: string[];
+      /** Chart data segments with optional children subsegments for sunburst mode (set via JavaScript). */
+data?: PieChartDataItem[];
+      /** Custom segment colors (set via JavaScript) with fallback to theme palette */
+colors?: string[];
      priority?: Priority;
-     showOuterLabels?: boolean;
-     showUnit?: boolean;
-     sunburst?: boolean;
-     outerLabelUnit?: string;
-     outerLabelMaxLength?: number;
-     outerLabelDecimalPlaces?: number;
-     legend?: boolean;
-     showDebugOverlay?: boolean;
-     fixedHeight?: number
+      /** Show outer labels, default: false */
+showOuterLabels?: boolean;
+      /** Whether to show unit in labels, default: false */
+showUnit?: boolean;
+      /** Enable sunburst mode with interactive children subsegments, default: false */
+sunburst?: boolean;
+      /** Unit string to append to outer labels, default: "%" */
+outerLabelUnit?: string;
+      /** Maximum character length for labels before trim (0 = no limit), default: 0 */
+outerLabelMaxLength?: number;
+      /** Number of decimal places in labels, default: 0 */
+outerLabelDecimalPlaces?: number;
+      /** Whether to display the legend below the chart, default: false */
+legend?: boolean;
+      /** Show debug overlay for development, default: false */
+showDebugOverlay?: boolean;
+      /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
+fixedHeight?: number
    }
       export interface Events {
     

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

@@ -1,27 +1,32 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
+import type { PieChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/pie-chart/pie-chart.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    data?: {
-        label: string;
-        value: number;
-        children?: {
-            label: string;
-            value: number;
-        }[] | undefined;
-    }[];
+    /** Chart data segments with optional children subsegments for sunburst mode (set via JavaScript). */
+    data?: PieChartDataItem[];
+    /** Custom segment colors (set via JavaScript) with fallback to theme palette */
     colors?: string[];
     priority?: Priority;
+    /** Show outer labels, default: false */
     showOuterLabels?: boolean;
+    /** Whether to show unit in labels, default: false */
     showUnit?: boolean;
+    /** Enable sunburst mode with interactive children subsegments, default: false */
     sunburst?: boolean;
+    /** Unit string to append to outer labels, default: "%" */
     outerLabelUnit?: string;
+    /** Maximum character length for labels before trim (0 = no limit), default: 0 */
     outerLabelMaxLength?: number;
+    /** Number of decimal places in labels, default: 0 */
     outerLabelDecimalPlaces?: number;
+    /** Whether to display the legend below the chart, default: false */
     legend?: boolean;
+    /** Show debug overlay for development, default: false */
     showDebugOverlay?: boolean;
+    /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
     fixedHeight?: number;
 }
 export interface Events {
@@ -31,6 +36,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPieChart: import("svelte").Component<$$ComponentProps, {
+    PieChartDataItem: typeof PieChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcPieChart = ReturnType<typeof ObcPieChart>;

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

@@ -1,28 +1,43 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {PolarChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {PolarChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
      class?: string;
      style?: string;
-     data?: { label: string; value: number; }[];
-     colors?: string[];
+      /** Chart data segments (set via JavaScript) */
+data?: PolarChartDataItem[];
+      /** Custom segment colors (set via JavaScript) with fallback to theme palette */
+colors?: string[];
      priority?: Priority;
-     monochrome?: boolean;
-     discreteColorStops?: boolean;
-     showSectorLabels?: boolean;
-     showUnit?: boolean;
-     showOuterLabels?: boolean;
-     outerLabelUnit?: string;
-     outerLabelMaxLength?: number;
-     outerLabelDecimalPlaces?: number;
-     fixedHeight?: number;
-     legend?: boolean;
-     showDebugOverlay?: boolean
+      /** Use single color for all sectors (uses first color from array, default: false) */
+monochrome?: boolean;
+      /** Draw sectors as radial color bands from center outward using the colors array as threshold steps (default: false) */
+discreteColorStops?: boolean;
+      /** When true, display sector labels from data (e.g. "Sector A"). When false, display angle values (0°, 30°, etc.). Default: false */
+showSectorLabels?: boolean;
+      /** Whether to show unit in angle or outer labels, default: false */
+showUnit?: boolean;
+      /** Show outer labels, default: false */
+showOuterLabels?: boolean;
+      /** Unit string to append to outer labels, default: "°" */
+outerLabelUnit?: string;
+      /** Maximum character length for labels before trim (0 = no limit), default: 0 */
+outerLabelMaxLength?: number;
+      /** Number of decimal places in labels, default: 0 */
+outerLabelDecimalPlaces?: number;
+      /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
+fixedHeight?: number;
+      /** Whether to display the legend below the chart, default: false */
+legend?: boolean;
+      /** Show debug overlay for development, default: false */
+showDebugOverlay?: boolean
    }
       export interface Events {
     

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

@@ -1,25 +1,36 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
+import type { PolarChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/polar-chart/polar-chart.js';
 import type { Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    /** Chart data segments (set via JavaScript) */
+    data?: PolarChartDataItem[];
+    /** Custom segment colors (set via JavaScript) with fallback to theme palette */
     colors?: string[];
     priority?: Priority;
+    /** Use single color for all sectors (uses first color from array, default: false) */
     monochrome?: boolean;
+    /** Draw sectors as radial color bands from center outward using the colors array as threshold steps (default: false) */
     discreteColorStops?: boolean;
+    /** When true, display sector labels from data (e.g. "Sector A"). When false, display angle values (0°, 30°, etc.). Default: false */
     showSectorLabels?: boolean;
+    /** Whether to show unit in angle or outer labels, default: false */
     showUnit?: boolean;
+    /** Show outer labels, default: false */
     showOuterLabels?: boolean;
+    /** Unit string to append to outer labels, default: "°" */
     outerLabelUnit?: string;
+    /** Maximum character length for labels before trim (0 = no limit), default: 0 */
     outerLabelMaxLength?: number;
+    /** Number of decimal places in labels, default: 0 */
     outerLabelDecimalPlaces?: number;
+    /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
     fixedHeight?: number;
+    /** Whether to display the legend below the chart, default: false */
     legend?: boolean;
+    /** Show debug overlay for development, default: false */
     showDebugOverlay?: boolean;
 }
 export interface Events {
@@ -29,6 +40,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcPolarChart: import("svelte").Component<$$ComponentProps, {
+    PolarChartDataItem: typeof PolarChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcPolarChart = ReturnType<typeof ObcPolarChart>;

package/dist/bars-graphs/radial-bar-chart/ObcRadialBarChart.svelte

@@ -9,15 +9,23 @@
       export interface Props {
      class?: string;
      style?: string;
-     data?: number[];
-     colors?: string[];
+      /** Array of values for each ring (set via JavaScript) */
+data?: number[];
+      /** Custom ring colors (set via JavaScript) with fallback to theme palette */
+colors?: string[];
      priority?: Priority;
-     max?: number;
-     circumference?: number;
-     legend?: boolean;
-     showDebugOverlay?: boolean;
-     fixedHeight?: number;
-     minRingThickness?: number
+      /** Maximum value for calculating remaining empty area, default: 100 */
+max?: number;
+      /** Arc span in degrees: 360 for full circle, 270 for 3/4 circle, default: 270 */
+circumference?: number;
+      /** Whether to display the legend below the chart, default: false */
+legend?: boolean;
+      /** Show debug overlay for development, default: false */
+showDebugOverlay?: boolean;
+      /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
+fixedHeight?: number;
+      /** Minimum thickness of each ring in pixels, excluding borders, default: 16 */
+minRingThickness?: number
    }
       export interface Events {
     

package/dist/bars-graphs/radial-bar-chart/ObcRadialBarChart.svelte.d.ts

@@ -4,14 +4,22 @@ import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
+    /** Array of values for each ring (set via JavaScript) */
     data?: number[];
+    /** Custom ring colors (set via JavaScript) with fallback to theme palette */
     colors?: string[];
     priority?: Priority;
+    /** Maximum value for calculating remaining empty area, default: 100 */
     max?: number;
+    /** Arc span in degrees: 360 for full circle, 270 for 3/4 circle, default: 270 */
     circumference?: number;
+    /** Whether to display the legend below the chart, default: false */
     legend?: boolean;
+    /** Show debug overlay for development, default: false */
     showDebugOverlay?: boolean;
+    /** Fixed height of the chart in pixels (determines chart circumference), default: 320. The chart's circumference is always based on this fixed height to match other radial instruments. */
     fixedHeight?: number;
+    /** Minimum thickness of each ring in pixels, excluding borders, default: 16 */
     minRingThickness?: number;
 }
 export interface Events {

package/dist/building-blocks/alert-list/ObcAlertList.svelte

@@ -15,9 +15,12 @@
     
   }
       export interface Slots {
-  children?: Snippet
+  children?: Snippet;
+  emptyIcon?: Snippet;
+  emptyTitle?: Snippet;
+  emptyDescription?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, emptyIcon, emptyTitle, emptyDescription, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-alert-list
@@ -26,7 +29,25 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
+
+      {#if emptyIcon}
+        <div slot="empty-icon">
+          {@render emptyIcon()}
+        </div>
+      {/if}
+
+      {#if emptyTitle}
+        <div slot="empty-title">
+          {@render emptyTitle()}
+        </div>
+      {/if}
+
+      {#if emptyDescription}
+        <div slot="empty-description">
+          {@render emptyDescription()}
+        </div>
+      {/if}
     </obc-alert-list>

package/dist/building-blocks/alert-list/ObcAlertList.svelte.d.ts

@@ -9,6 +9,9 @@ export interface Events {
 }
 export interface Slots {
     children?: Snippet;
+    emptyIcon?: Snippet;
+    emptyTitle?: Snippet;
+    emptyDescription?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAlertList: import("svelte").Component<$$ComponentProps, {}, "">;

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

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

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

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

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

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

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

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