@oicl/openbridge-webcomponents-svelte 2.0.0-next.19 → 2.0.0-next.20

package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte

@@ -33,11 +33,11 @@ course?: number;
       export interface Slots {
   children?: Snippet;
   silhouette?: Snippet;
-  number?: Snippet;
-  name?: Snippet;
-  vesselImage?: Snippet
+  numberSnippet?: Snippet;
+  nameSnippet?: Snippet;
+  vesselImageSnippet?: Snippet
 }
-      const { class: className, style, children, silhouette, number, name, vesselImage, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, children, silhouette, numberSnippet, nameSnippet, vesselImageSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-chart-object-vessel-button
@@ -56,21 +56,21 @@ course?: number;
         </div>
       {/if}
 
-      {#if number}
+      {#if numberSnippet}
         <div slot="number">
-          {@render number()}
+          {@render numberSnippet()}
         </div>
       {/if}
 
-      {#if name}
+      {#if nameSnippet}
         <div slot="name">
-          {@render name()}
+          {@render nameSnippet()}
         </div>
       {/if}
 
-      {#if vesselImage}
+      {#if vesselImageSnippet}
         <div slot="vessel-image">
-          {@render vesselImage()}
+          {@render vesselImageSnippet()}
         </div>
       {/if}
     </obc-chart-object-vessel-button>

package/dist/ar/chart-object-vessel-button/ObcChartObjectVesselButton.svelte.d.ts

@@ -26,9 +26,9 @@ export interface Events {
 export interface Slots {
     children?: Snippet;
     silhouette?: Snippet;
-    number?: Snippet;
-    name?: Snippet;
-    vesselImage?: Snippet;
+    numberSnippet?: Snippet;
+    nameSnippet?: Snippet;
+    vesselImageSnippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartObjectVesselButton: import("svelte").Component<$$ComponentProps, {

package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte

@@ -1,15 +1,17 @@
 
   <script lang="ts">
-    export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {DonutChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
+export type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
       import { setProperties } from "../../util.js";
-      import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {DonutChartDataItem} from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-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; }[];
+     data?: DonutChartDataItem[];
      colors?: string[];
      priority?: Priority;
      half?: boolean;

package/dist/bars-graphs/donut-chart/ObcDonutChart.svelte.d.ts

@@ -1,13 +1,11 @@
 import '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-chart.js';
+import type { DonutChartDataItem } from '@oicl/openbridge-webcomponents/dist/bars-graphs/donut-chart/donut-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;
-    }[];
+    data?: DonutChartDataItem[];
     colors?: string[];
     priority?: Priority;
     half?: boolean;
@@ -31,6 +29,7 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcDonutChart: import("svelte").Component<$$ComponentProps, {
+    DonutChartDataItem: typeof DonutChartDataItem;
     Priority: typeof Priority;
 }, "">;
 type ObcDonutChart = ReturnType<typeof ObcDonutChart>;

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

@@ -1,15 +1,17 @@
 
   <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; }[];
+     data?: PieChartDataItem[];
      colors?: string[];
      priority?: Priority;
      showOuterLabels?: boolean;

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

@@ -1,17 +1,11 @@
 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;
-    }[];
+    data?: PieChartDataItem[];
     colors?: string[];
     priority?: Priority;
     showOuterLabels?: boolean;
@@ -31,6 +25,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,15 +1,17 @@
 
   <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; }[];
+     data?: PolarChartDataItem[];
      colors?: string[];
      priority?: Priority;
      monochrome?: boolean;

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

@@ -1,13 +1,11 @@
 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;
-    }[];
+    data?: PolarChartDataItem[];
     colors?: string[];
     priority?: Priority;
     monochrome?: boolean;
@@ -29,6 +27,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/building-blocks/bar-horizontal/ObcBarHorizontal.svelte

@@ -2,12 +2,12 @@
   <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 {
@@ -92,7 +92,7 @@ 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. */

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

@@ -1,7 +1,7 @@
 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;
@@ -85,12 +85,7 @@ 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. */
@@ -112,7 +107,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,12 +2,12 @@
   <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 {
@@ -92,7 +92,7 @@ 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. */

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

@@ -1,7 +1,7 @@
 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;
@@ -85,12 +85,7 @@ 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. */
@@ -112,7 +107,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;

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte

@@ -1,12 +1,12 @@
 
   <script lang="ts">
-    export type {ChartDataset} from 'chart.js';
-export type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.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';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
       import { setProperties } from "../../util.js";
-      import type {ChartDataset} from 'chart.js';
-import type {XAxisType, YAxisPosition, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+      import type {ChartLineDataItem, XAxisType, YAxisPosition, ChartLineYAxisConfig, LineMode, TimeDisplay} from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
+import type {ChartDataset} from 'chart.js';
 import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
       import type { Snippet } from 'svelte';
 
@@ -14,7 +14,7 @@ import type {InstrumentState, Priority, FrameStyle, BorderRadiusPosition} from '
      class?: string;
      style?: string;
       /** Simple single-series data (array of {label, value}). */
-data?: { label: string; value: number; }[];
+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` */
@@ -44,7 +44,7 @@ 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?: { id?: string | undefined; position?: "left" | "right" | undefined; min?: number | undefined; max?: number | undefined; grid?: boolean | undefined; }[] | undefined;
+yAxes?: ChartLineYAxisConfig[] | undefined;
       /** Show grid lines. */
 showGrid?: boolean;
       /** Show vertical grid lines (x-axis). Default: false. */

package/dist/building-blocks/chart-line/ObcChartLineBase.svelte.d.ts

@@ -1,16 +1,13 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.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 { XAxisType, YAxisPosition, LineMode, TimeDisplay } from '@oicl/openbridge-webcomponents/dist/building-blocks/chart-line/chart-line-base.js';
 import type { InstrumentState, Priority, FrameStyle, BorderRadiusPosition } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
     style?: string;
     /** Simple single-series data (array of {label, value}). */
-    data?: {
-        label: string;
-        value: number;
-    }[];
+    data?: ChartLineDataItem[];
     /** Chart.js-style datasets for multi-series use. If provided, takes precedence over `data`. */
     datasets?: ChartDataset<"line", (number | {
         x: string | number | Date;
@@ -43,13 +40,7 @@ Default: 384 (matches Figma design baseline). */
     /** 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?: {
-        id?: string | undefined;
-        position?: "left" | "right" | undefined;
-        min?: number | undefined;
-        max?: number | undefined;
-        grid?: boolean | undefined;
-    }[] | undefined;
+    yAxes?: ChartLineYAxisConfig[] | undefined;
     /** Show grid lines. */
     showGrid?: boolean;
     /** Show vertical grid lines (x-axis). Default: false. */
@@ -101,11 +92,13 @@ export interface Slots {
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcChartLineBase: import("svelte").Component<$$ComponentProps, {
-    ChartDataset: typeof ChartDataset;
+    ChartLineDataItem: typeof ChartLineDataItem;
     XAxisType: typeof XAxisType;
     YAxisPosition: typeof YAxisPosition;
+    ChartLineYAxisConfig: typeof ChartLineYAxisConfig;
     LineMode: typeof LineMode;
     TimeDisplay: typeof TimeDisplay;
+    ChartDataset: typeof ChartDataset;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     FrameStyle: typeof FrameStyle;

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte

@@ -50,10 +50,10 @@ lineType?: ObcFloatingItemLineType
   description?: Snippet;
   time?: Snippet;
   day?: Snippet;
-  action?: Snippet;
-  action2?: Snippet
+  actionSnippet?: Snippet;
+  action2Snippet?: Snippet
 }
-      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, action, action2, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-floating-item
@@ -100,15 +100,15 @@ lineType?: ObcFloatingItemLineType
         </div>
       {/if}
 
-      {#if action}
+      {#if actionSnippet}
         <div slot="action">
-          {@render action()}
+          {@render actionSnippet()}
         </div>
       {/if}
 
-      {#if action2}
+      {#if action2Snippet}
         <div slot="action2">
-          {@render action2()}
+          {@render action2Snippet()}
         </div>
       {/if}
     </obc-advice-floating-item>

package/dist/components/advice-floating-item/ObcAdviceFloatingItem.svelte.d.ts

@@ -45,8 +45,8 @@ export interface Slots {
     description?: Snippet;
     time?: Snippet;
     day?: Snippet;
-    action?: Snippet;
-    action2?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcAdviceFloatingItem: import("svelte").Component<$$ComponentProps, {

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte

@@ -64,15 +64,15 @@ emptyText?: string
       export interface Slots {
   primaryIcon?: Snippet;
   secondaryIcon?: Snippet;
-  title?: Snippet;
-  description?: Snippet;
-  time?: Snippet;
-  timeSecondary?: Snippet;
+  titleSnippet?: Snippet;
+  descriptionSnippet?: Snippet;
+  timeSnippet?: Snippet;
+  timeSecondarySnippet?: Snippet;
   actionText?: Snippet;
   actionIcon?: Snippet;
   empty?: Snippet
 }
-      const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, timeSecondary, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
+      const {onMessageClick, onActionClick, class: className, style, primaryIcon, secondaryIcon, titleSnippet, descriptionSnippet, timeSnippet, timeSecondarySnippet, actionText, actionIcon, empty, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-advice-message-item
@@ -94,27 +94,27 @@ emptyText?: string
         </div>
       {/if}
 
-      {#if title}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 
-      {#if description}
+      {#if descriptionSnippet}
         <div slot="description">
-          {@render description()}
+          {@render descriptionSnippet()}
         </div>
       {/if}
 
-      {#if time}
+      {#if timeSnippet}
         <div slot="time">
-          {@render time()}
+          {@render timeSnippet()}
         </div>
       {/if}
 
-      {#if timeSecondary}
+      {#if timeSecondarySnippet}
         <div slot="time-secondary">
-          {@render timeSecondary()}
+          {@render timeSecondarySnippet()}
         </div>
       {/if}
 

package/dist/components/advice-message-item/ObcAdviceMessageItem.svelte.d.ts

@@ -59,10 +59,10 @@ export interface Events {
 export interface Slots {
     primaryIcon?: Snippet;
     secondaryIcon?: Snippet;
-    title?: Snippet;
-    description?: Snippet;
-    time?: Snippet;
-    timeSecondary?: Snippet;
+    titleSnippet?: Snippet;
+    descriptionSnippet?: Snippet;
+    timeSnippet?: Snippet;
+    timeSecondarySnippet?: Snippet;
     actionText?: Snippet;
     actionIcon?: Snippet;
     empty?: Snippet;

package/dist/components/dropdown-button/ObcDropdownButton.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+    export type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import { setProperties } from "../../util.js";
-      import type {ObcDropdownButtonChangeEvent, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+      import type {ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType} from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -16,7 +16,7 @@ Example:
   { value: 'volvo', label: 'Volvo' },
   { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-options?: { value: string; label: string; level?: number | undefined; }[];
+options?: DropdownButtonOption[];
       /** The value of the currently selected option. If not set, defaults to the first option in the list. */
 value?: string | undefined;
      disabled?: boolean;

package/dist/components/dropdown-button/ObcDropdownButton.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
-import type { ObcDropdownButtonChangeEvent, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
+import type { ObcDropdownButtonChangeEvent, DropdownButtonOption, DropdownButtonType } from '@oicl/openbridge-webcomponents/dist/components/dropdown-button/dropdown-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -11,11 +11,7 @@ Example:
 { value: 'volvo', label: 'Volvo' },
 { value: 'xc90', label: 'XC 90', level: 2 }
 ] */
-    options?: {
-        value: string;
-        label: string;
-        level?: number | undefined;
-    }[];
+    options?: DropdownButtonOption[];
     /** The value of the currently selected option. If not set, defaults to the first option in the list. */
     value?: string | undefined;
     disabled?: boolean;
@@ -43,6 +39,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcDropdownButton: import("svelte").Component<$$ComponentProps, {
     ObcDropdownButtonChangeEvent: typeof ObcDropdownButtonChangeEvent;
+    DropdownButtonOption: typeof DropdownButtonOption;
     DropdownButtonType: typeof DropdownButtonType;
 }, "">;
 type ObcDropdownButton = ReturnType<typeof ObcDropdownButton>;

package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte

@@ -39,9 +39,9 @@ required?: boolean
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  label?: Snippet
+  labelSnippet?: Snippet
 }
-      const {onChange, class: className, style, leadingIcon, label, ...props} = $props<Props & Events & Slots>();
+      const {onChange, class: className, style, leadingIcon, labelSnippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-elevated-card-radio
@@ -56,9 +56,9 @@ required?: boolean
         </div>
       {/if}
 
-      {#if label}
+      {#if labelSnippet}
         <div slot="label">
-          {@render label()}
+          {@render labelSnippet()}
         </div>
       {/if}
     </obc-elevated-card-radio>

package/dist/components/elevated-card-radio/ObcElevatedCardRadio.svelte.d.ts

@@ -34,7 +34,7 @@ export interface Events {
 }
 export interface Slots {
     leadingIcon?: Snippet;
-    label?: Snippet;
+    labelSnippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcElevatedCardRadio: import("svelte").Component<$$ComponentProps, {

package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte

@@ -1,9 +1,9 @@
 
   <script lang="ts">
-    export type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
+    export type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import { setProperties } from "../../util.js";
-      import type {ObcElevatedCardRadioGroupChangeEvent} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
+      import type {ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption} from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -12,7 +12,7 @@
       /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
 
 Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
-options?: { label: string; value: string; }[];
+options?: ElevatedCardRadioGroupOption[];
       /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
 
 Default: `'default'` */

package/dist/components/elevated-card-radio-group/ObcElevatedCardRadioGroup.svelte.d.ts

@@ -1,5 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
-import type { ObcElevatedCardRadioGroupChangeEvent } from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
+import type { ObcElevatedCardRadioGroupChangeEvent, ElevatedCardRadioGroupOption } from '@oicl/openbridge-webcomponents/dist/components/elevated-card-radio-group/elevated-card-radio-group.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -7,10 +7,7 @@ export interface Props {
     /** Array of options to display as card radios. Each option should be an object with a `label` (displayed text) and a `value` (submitted value).
 
 Example: `[{label: 'Option 1', value: '1'}, {label: 'Option 2', value: '2'}]` */
-    options?: {
-        label: string;
-        value: string;
-    }[];
+    options?: ElevatedCardRadioGroupOption[];
     /** Shared name for all radio inputs in the group. Ensures native radio group behavior and correct form submission.
 
 Default: `'default'` */
@@ -33,6 +30,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcElevatedCardRadioGroup: import("svelte").Component<$$ComponentProps, {
     ObcElevatedCardRadioGroupChangeEvent: typeof ObcElevatedCardRadioGroupChangeEvent;
+    ElevatedCardRadioGroupOption: typeof ElevatedCardRadioGroupOption;
 }, "">;
 type ObcElevatedCardRadioGroup = ReturnType<typeof ObcElevatedCardRadioGroup>;
 export default ObcElevatedCardRadioGroup;

package/dist/components/floating-item/ObcFloatingItem.svelte

@@ -54,10 +54,10 @@ lineType?: ObcFloatingItemLineType
   description?: Snippet;
   time?: Snippet;
   day?: Snippet;
-  action?: Snippet;
-  action2?: Snippet
+  actionSnippet?: Snippet;
+  action2Snippet?: Snippet
 }
-      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, action, action2, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-floating-item
@@ -104,15 +104,15 @@ lineType?: ObcFloatingItemLineType
         </div>
       {/if}
 
-      {#if action}
+      {#if actionSnippet}
         <div slot="action">
-          {@render action()}
+          {@render actionSnippet()}
         </div>
       {/if}
 
-      {#if action2}
+      {#if action2Snippet}
         <div slot="action2">
-          {@render action2()}
+          {@render action2Snippet()}
         </div>
       {/if}
     </obc-floating-item>

package/dist/components/floating-item/ObcFloatingItem.svelte.d.ts

@@ -49,8 +49,8 @@ export interface Slots {
     description?: Snippet;
     time?: Snippet;
     day?: Snippet;
-    action?: Snippet;
-    action2?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcFloatingItem: import("svelte").Component<$$ComponentProps, {

package/dist/components/form-container/ObcFormContainer.svelte

@@ -17,11 +17,11 @@
   }
       export interface Slots {
   title?: Snippet;
-  contentTitle?: Snippet;
+  contentTitleSnippet?: Snippet;
   children?: Snippet;
   footer?: Snippet
 }
-      const { class: className, style, title, contentTitle, children, footer, ...props} = $props<Props & Events & Slots>();
+      const { class: className, style, title, contentTitleSnippet, children, footer, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-form-container
@@ -36,9 +36,9 @@
         </div>
       {/if}
 
-      {#if contentTitle}
+      {#if contentTitleSnippet}
         <div slot="content-title">
-          {@render contentTitle()}
+          {@render contentTitleSnippet()}
         </div>
       {/if}
 

package/dist/components/form-container/ObcFormContainer.svelte.d.ts

@@ -11,7 +11,7 @@ export interface Events {
 }
 export interface Slots {
     title?: Snippet;
-    contentTitle?: Snippet;
+    contentTitleSnippet?: Snippet;
     children?: Snippet;
     footer?: Snippet;
 }

package/dist/components/message-menu-item/ObcMessageMenuItem.svelte

@@ -31,14 +31,14 @@
     onSecondaryActionClick?: (event: CustomEvent<void>) => void
   }
       export interface Slots {
-  title?: Snippet;
-  description?: Snippet;
+  titleSnippet?: Snippet;
+  descriptionSnippet?: Snippet;
   actionLabel?: Snippet;
   primaryIcon?: Snippet;
   secondaryIcon?: Snippet;
   trailingIcon?: Snippet
 }
-      const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, title, description, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
+      const {onMessageClick, onPrimaryActionClick, onSecondaryActionClick, class: className, style, titleSnippet, descriptionSnippet, actionLabel, primaryIcon, secondaryIcon, trailingIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-message-menu-item
@@ -49,15 +49,15 @@
    onprimary-action-click={onPrimaryActionClick}
    onsecondary-action-click={onSecondaryActionClick} >
       
-      {#if title}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 
-      {#if description}
+      {#if descriptionSnippet}
         <div slot="description">
-          {@render description()}
+          {@render descriptionSnippet()}
         </div>
       {/if}
 

package/dist/components/message-menu-item/ObcMessageMenuItem.svelte.d.ts

@@ -28,8 +28,8 @@ export interface Events {
     onSecondaryActionClick?: (event: CustomEvent<void>) => void;
 }
 export interface Slots {
-    title?: Snippet;
-    description?: Snippet;
+    titleSnippet?: Snippet;
+    descriptionSnippet?: Snippet;
     actionLabel?: Snippet;
     primaryIcon?: Snippet;
     secondaryIcon?: Snippet;

package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte

@@ -50,10 +50,10 @@ lineType?: ObcFloatingItemLineType
   description?: Snippet;
   time?: Snippet;
   day?: Snippet;
-  action?: Snippet;
-  action2?: Snippet
+  actionSnippet?: Snippet;
+  action2Snippet?: Snippet
 }
-      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, action, action2, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, onAction2Click, onDismissClick, class: className, style, primaryIcon, secondaryIcon, title, description, time, day, actionSnippet, action2Snippet, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-notification-floating-item
@@ -100,15 +100,15 @@ lineType?: ObcFloatingItemLineType
         </div>
       {/if}
 
-      {#if action}
+      {#if actionSnippet}
         <div slot="action">
-          {@render action()}
+          {@render actionSnippet()}
         </div>
       {/if}
 
-      {#if action2}
+      {#if action2Snippet}
         <div slot="action2">
-          {@render action2()}
+          {@render action2Snippet()}
         </div>
       {/if}
     </obc-notification-floating-item>

package/dist/components/notification-floating-item/ObcNotificationFloatingItem.svelte.d.ts

@@ -45,8 +45,8 @@ export interface Slots {
     description?: Snippet;
     time?: Snippet;
     day?: Snippet;
-    action?: Snippet;
-    action2?: Snippet;
+    actionSnippet?: Snippet;
+    action2Snippet?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcNotificationFloatingItem: import("svelte").Component<$$ComponentProps, {

package/dist/components/tab-item/ObcTabItem.svelte

@@ -93,10 +93,10 @@ showLeadingBadgeIcon?: boolean
   }
       export interface Slots {
   leadingIcon?: Snippet;
-  title?: Snippet;
+  titleSnippet?: Snippet;
   badgeIcon?: Snippet
 }
-      const {onTabClick, onTabClose, class: className, style, leadingIcon, title, badgeIcon, ...props} = $props<Props & Events & Slots>();
+      const {onTabClick, onTabClose, class: className, style, leadingIcon, titleSnippet, badgeIcon, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-tab-item
@@ -112,9 +112,9 @@ showLeadingBadgeIcon?: boolean
         </div>
       {/if}
 
-      {#if title}
+      {#if titleSnippet}
         <div slot="title">
-          {@render title()}
+          {@render titleSnippet()}
         </div>
       {/if}
 

package/dist/components/tab-item/ObcTabItem.svelte.d.ts

@@ -91,7 +91,7 @@ export interface Events {
 }
 export interface Slots {
     leadingIcon?: Snippet;
-    title?: Snippet;
+    titleSnippet?: Snippet;
     badgeIcon?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/components/title-container/ObcTitleContainer.svelte

@@ -19,10 +19,10 @@
       export interface Slots {
   icon?: Snippet;
   title?: Snippet;
-  label?: Snippet;
+  labelSnippet?: Snippet;
   actions?: Snippet
 }
-      const {onActionClick, class: className, style, icon, title, label, actions, ...props} = $props<Props & Events & Slots>();
+      const {onActionClick, class: className, style, icon, title, labelSnippet, actions, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-title-container
@@ -43,9 +43,9 @@
         </div>
       {/if}
 
-      {#if label}
+      {#if labelSnippet}
         <div slot="label">
-          {@render label()}
+          {@render labelSnippet()}
         </div>
       {/if}
 

package/dist/components/title-container/ObcTitleContainer.svelte.d.ts

@@ -16,7 +16,7 @@ export interface Events {
 export interface Slots {
     icon?: Snippet;
     title?: Snippet;
-    label?: Snippet;
+    labelSnippet?: Snippet;
     actions?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;

package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte

@@ -1,11 +1,9 @@
 
   <script lang="ts">
-    export type {ObcIntegrationDropdownButtonChangeEvent} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-export type {HTMLTemplateResult} from 'lit';
+    export type {ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import { setProperties } from "../../util.js";
-      import type {ObcIntegrationDropdownButtonChangeEvent} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-import type {HTMLTemplateResult} from 'lit';
+      import type {ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption} from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -18,7 +16,7 @@ Example:
   { value: 'volvo', label: 'Volvo', icon: html`<obi-ship></obi-ship>` },
   { value: 'xc90', label: 'XC 90', icon: html`<obi-ship></obi-ship>` }
 ] */
-options?: { value: string; label: string; status?: string | undefined; icon: HTMLTemplateResult; disabled?: boolean | undefined; }[];
+options?: IntegrationDropdownOption[];
      hasFleet?: boolean;
      fleetLabel?: string;
       /** The value of the currently selected option. */

package/dist/integration-systems/integration-dropdown-button/ObcIntegrationDropdownButton.svelte.d.ts

@@ -1,6 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-import type { ObcIntegrationDropdownButtonChangeEvent } from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
-import type { HTMLTemplateResult } from 'lit';
+import type { ObcIntegrationDropdownButtonChangeEvent, IntegrationDropdownOption } from '@oicl/openbridge-webcomponents/dist/integration-systems/integration-dropdown-button/integration-dropdown-button.js';
 import type { Snippet } from 'svelte';
 export interface Props {
     class?: string;
@@ -12,13 +11,7 @@ Example:
 { value: 'volvo', label: 'Volvo', icon: html`<obi-ship></obi-ship>` },
 { value: 'xc90', label: 'XC 90', icon: html`<obi-ship></obi-ship>` }
 ] */
-    options?: {
-        value: string;
-        label: string;
-        status?: string | undefined;
-        icon: HTMLTemplateResult;
-        disabled?: boolean | undefined;
-    }[];
+    options?: IntegrationDropdownOption[];
     hasFleet?: boolean;
     fleetLabel?: string;
     /** The value of the currently selected option. */
@@ -39,7 +32,7 @@ export interface Slots {
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcIntegrationDropdownButton: import("svelte").Component<$$ComponentProps, {
     ObcIntegrationDropdownButtonChangeEvent: typeof ObcIntegrationDropdownButtonChangeEvent;
-    HTMLTemplateResult: typeof HTMLTemplateResult;
+    IntegrationDropdownOption: typeof IntegrationDropdownOption;
 }, "">;
 type ObcIntegrationDropdownButton = ReturnType<typeof ObcIntegrationDropdownButton>;
 export default ObcIntegrationDropdownButton;

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

@@ -2,12 +2,12 @@
   <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 {
@@ -45,7 +45,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,7 +1,7 @@
 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;
@@ -38,12 +38,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 +57,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-trend/ObcGaugeTrend.svelte

@@ -1,11 +1,11 @@
 
   <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 {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 {LinearAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-linear/advice.js';
       import type { Snippet } from 'svelte';
 
       export interface Props {
@@ -67,7 +67,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). */

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

@@ -1,6 +1,6 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-trend/gauge-trend.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;
@@ -61,12 +61,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). */
@@ -87,7 +82,7 @@ type $$ComponentProps = Props & Events & Slots;
 declare const ObcGaugeTrend: import("svelte").Component<$$ComponentProps, {
     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-vertical/ObcGaugeVertical.svelte

@@ -2,12 +2,12 @@
   <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-vertical/gauge-vertical.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 {
@@ -45,7 +45,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-vertical/ObcGaugeVertical.svelte.d.ts

@@ -1,7 +1,7 @@
 import '@oicl/openbridge-webcomponents/dist/navigation-instruments/gauge-vertical/gauge-vertical.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;
@@ -38,12 +38,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 +57,7 @@ declare const ObcGaugeVertical: import("svelte").Component<$$ComponentProps, {
     BorderRadiusPosition: typeof BorderRadiusPosition;
     Priority: typeof Priority;
     InstrumentState: typeof InstrumentState;
-    AdviceType: typeof AdviceType;
+    LinearAdvice: typeof LinearAdvice;
 }, "">;
 type ObcGaugeVertical = ReturnType<typeof ObcGaugeVertical>;
 export default ObcGaugeVertical;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents-svelte",
-  "version": "2.0.0-next.19",
+  "version": "2.0.0-next.20",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && npm run prepack",
@@ -31,7 +31,7 @@
     }
   },
   "dependencies": {
-    "@oicl/openbridge-webcomponents": "^2.0.0-next.18"
+    "@oicl/openbridge-webcomponents": "^2.0.0-next.19"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"