@oicl/openbridge-webcomponents-svelte 2.0.0-next.15 → 2.0.0-next.151

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

@@ -1,25 +1,42 @@
 
   <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; }[];
+     /** 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: clicking a segment expands or collapses its children as an outer ring, 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
+      *
+      * Available when `showOuterLabels==true`.
+      */
      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,36 @@
 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: clicking a segment expands or collapses its children as an outer ring, 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
+     *
+     * Available when `showOuterLabels==true`.
+     */
     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 +40,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,27 +1,50 @@
 
   <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; }[];
+     /** 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)
+      *
+      * Available when `discreteColorStops==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
+      *
+      * Available when `showOuterLabels==true`.
+      */
      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,44 @@
 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)
+     *
+     * Available when `discreteColorStops==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
+     *
+     * Available when `showOuterLabels==true`.
+     */
     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 +48,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,14 +9,22 @@
       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/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

@@ -3,6 +3,7 @@
     
       import '@oicl/openbridge-webcomponents/dist/building-blocks/alert-list/alert-list.js';
       import { setProperties } from "../../util.js";
+      import NamedSlot from "../../NamedSlot.svelte";
       
       import type { Snippet } from 'svelte';
 
@@ -15,9 +16,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 +30,19 @@
     style={style}
      >
       
-    {#if children}
-      {@render children()}
-    {/if}
+      {#if children}
+        {@render children()}
+      {/if}
+
+      {#if emptyIcon}
+        <NamedSlot name="empty-icon" content={emptyIcon} />
+      {/if}
+
+      {#if emptyTitle}
+        <NamedSlot name="empty-title" content={emptyTitle} />
+      {/if}
+
+      {#if emptyDescription}
+        <NamedSlot name="empty-description" content={emptyDescription} />
+      {/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,116 +2,188 @@
   <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 { setProperties, forwardEvents } 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;
-      /** Minimum scale value (manual mode) */
-minValue?: number;
-      /** Maximum scale value (manual mode) */
-maxValue?: number;
-      /** Total width in pixels (including padding bands) */
-width?: number;
-      /** Padding left of the drawing area */
-paddingLeft?: number;
-      /** Padding right of the drawing area */
-paddingRight?: number;
-      /** Which side this scale lives on */
-side?: ExternalScaleSide;
-      /** When true, freezes all internal calculations and scales the entire component
-proportionally (like CSS transform:scale), except label font-size remains constant.
-When false (default), dimensions react to component properties. */
-fixedAspectRatio?: boolean;
-      /** Reference size for proportional scaling when fixedAspectRatio is true.
-At this width, the scale renders at native 1:1 (matches Figma design).
-Above this width, the scale grows proportionally; below, it shrinks. */
-scaleReferenceSize?: number;
-      /** Show scale tickmarks */
-hasScale?: boolean;
+      /** 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) */
+     maxValue?: number;
+     /**
+      * Total width in pixels (including padding bands)
+      *
+      * Available when `fixedAspectRatio==false`.
+      */
+     width?: number;
+     /** Padding left of the drawing area */
+     paddingLeft?: number;
+     /** Padding right of the drawing area */
+     paddingRight?: number;
+     /** Which side this scale lives on */
+     side?: ExternalScaleSide;
+     /** When true, freezes all internal calculations and scales the entire component proportionally (like CSS transform:scale), except label font-size remains constant. When false (default), dimensions react to component properties. */
+     fixedAspectRatio?: boolean;
+     /**
+      * Reference size for proportional scaling when fixedAspectRatio is true. At this width, the scale renders at native 1:1 (matches Figma design). Above this width, the scale grows proportionally; below, it shrinks.
+      *
+      * Available when `fixedAspectRatio==true`.
+      */
+     scaleReferenceSize?: number;
+     /** Show scale tickmarks */
+     hasScale?: boolean;
      showLabels?: boolean;
-      /** Show bar */
-hasBar?: boolean;
-      /** Show background behind the scale tickmarks. */
-scaleBackground?: boolean;
-      /** Bar container background style.
-When undefined, defaults based on scaleBackground.
-Set explicitly to override: 'primary' (lighter) or 'secondary' (gray). */
-barContainerStyle?: BarContainerStyle | undefined;
-      /** Bar/fill thickness in pixels */
-barThickness?: number;
-      /** Tickmark band thickness in pixels. */
-tickThickness?: number;
-      /** Label band thickness in pixels. */
-labelThickness?: number;
-      /** Array of values for main tickmarks. When undefined, no main tickmarks shown.
-When empty array [], defaults to [minValue, 0, maxValue]. */
-mainTickmarks?: number[] | undefined;
-      /** Interval for primary (longest) tickmarks with labels (minimum 1).
-When undefined, no primary tickmarks are shown. */
-primaryTickmarkInterval?: number | undefined;
-      /** Interval for secondary (medium) tickmarks (minimum 1).
-When undefined, no secondary tickmarks are shown. */
-secondaryTickmarkInterval?: number | undefined;
-      /** Interval for tertiary (shortest) tickmarks (minimum 1).
-When undefined, no tertiary tickmarks are shown. */
-tertiaryTickmarkInterval?: number | undefined;
-      /** Scale display mode: regular or condensed (shorter ticks) */
-scaleType?: ScaleType;
-      /** Frame style: regular (4px gap for all), flat (main tickmarks touch edge), framed, or instrument */
-frameStyle?: FrameStyle;
-      /** Border radius position based on component layout */
-borderRadiusPosition?: BorderRadiusPosition | undefined;
-      /** When true, the component 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 and bar thickness use explicit values or defaults, not CSS variables. */
-instrumentMode?: boolean;
-      /** Explicit border radius value in pixels.
-When instrumentMode=true, this value is used directly (defaults to 8px for regular, 4px for condensed).
-When instrumentMode=false, this is ignored and border radius is read from CSS variable. */
-borderRadius?: number | undefined;
-      /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
-priority?: Priority;
-      /** Fill visualization mode: fill or tint */
-fillMode?: FillMode;
-      /** Minimum fill value for tint mode (defaults to 0) */
-fillMin?: number | undefined;
-      /** Maximum fill value for tint mode (defaults to value) */
-fillMax?: number | undefined;
-      /** Current value (bar fill level) */
-value?: number | undefined;
-      /** Instrument state (affects colors and some marker behavior) */
-state?: InstrumentState;
-      /** Advice overlay positioning: center (in bar), inner (covers minor ticks), outer (no overlap) */
-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;
-      /** 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
+     /** Show bar */
+     hasBar?: boolean;
+     /** Show background behind the scale tickmarks. */
+     scaleBackground?: boolean;
+     /**
+      * Bar container background style. When undefined, defaults based on scaleBackground. Set explicitly to override: 'primary' (lighter) or 'secondary' (gray).
+      *
+      * Available when `hasBar==true`.
+      */
+     barContainerStyle?: BarContainerStyle | undefined;
+     /**
+      * Bar/fill thickness in pixels
+      *
+      * Available when `hasBar==true`.
+      */
+     barThickness?: number;
+     /**
+      * Tickmark band thickness in pixels.
+      *
+      * Available when `hasScale==true`.
+      */
+     tickThickness?: number;
+     /**
+      * Label band thickness in pixels.
+      *
+      * Available when `showLabels==true`.
+      */
+     labelThickness?: number;
+     /**
+      * Array of values for main tickmarks. When undefined, no main tickmarks shown. When empty array [], defaults to [minValue, 0, maxValue].
+      *
+      * Available when `hasScale==true`.
+      */
+     mainTickmarks?: number[] | undefined;
+     /**
+      * Interval for primary (longest) tickmarks with labels (minimum 1). When undefined, no primary tickmarks are shown.
+      *
+      * Available when `hasScale==true || showLabels==true`.
+      */
+     primaryTickmarkInterval?: number | undefined;
+     /**
+      * Interval for secondary (medium) tickmarks (minimum 1). When undefined, no secondary tickmarks are shown.
+      *
+      * Available when `hasScale==true`.
+      */
+     secondaryTickmarkInterval?: number | undefined;
+     /**
+      * Interval for tertiary (shortest) tickmarks (minimum 1). When undefined, no tertiary tickmarks are shown.
+      *
+      * Available when `hasScale==true`.
+      */
+     tertiaryTickmarkInterval?: number | undefined;
+     /** Scale display mode: regular or condensed (shorter ticks) */
+     scaleType?: ScaleType;
+     /**
+      * Frame style: regular (4px gap for all), flat (main tickmarks touch edge), framed, or instrument
+      *
+      * Available when `hasScale==true && mainTickmarks!=undefined`.
+      */
+     frameStyle?: FrameStyle;
+     /**
+      * Border radius position based on component layout
+      *
+      * Available when `hasBar==true`.
+      */
+     borderRadiusPosition?: BorderRadiusPosition | undefined;
+     /** When true, the component 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 and bar thickness use explicit values or defaults, not CSS variables. */
+     instrumentMode?: boolean;
+     /**
+      * Explicit border radius value in pixels. When instrumentMode=true, this value is used directly (defaults to 8px for regular, 4px for condensed). When instrumentMode=false, this is ignored and border radius is read from CSS variable.
+      *
+      * Available when `instrumentMode==true`.
+      */
+     borderRadius?: number | undefined;
+     /** Color priority: enhanced uses blue instrument colors for bar fill and setpoint */
+     priority?: Priority;
+     /**
+      * Fill visualization mode: fill or tint
+      *
+      * Available when `hasBar==true && value!=undefined`.
+      */
+     fillMode?: FillMode;
+     /**
+      * Minimum fill value for tint mode (defaults to 0)
+      *
+      * Available when `hasBar==true && value!=undefined`.
+      */
+     fillMin?: number | undefined;
+     /**
+      * Maximum fill value for tint mode (defaults to value)
+      *
+      * Available when `hasBar==true && value!=undefined`.
+      */
+     fillMax?: number | undefined;
+     /** Current value (bar fill level) */
+     value?: number | undefined;
+     /** Instrument state (affects colors and some marker behavior) */
+     state?: InstrumentState;
+     /**
+      * Advice overlay positioning: center (in bar), inner (covers minor ticks), outer (no overlap)
+      *
+      * Available when `hasBar==true && advices!=undefined`.
+      */
+     advicePosition?: AdvicePosition;
+     /** Advice/alert overlays with state and positioning. When undefined or empty, no advice shown. */
+     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}
-     >
+    use:forwardEvents={{'scale-dimensions-changed': onScaleDimensionsChanged}} >
       
     {#if children}
       {@render children()}