@oicl/openbridge-webcomponents-svelte 2.0.0-next.102 → 2.0.0-next.103

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte

@@ -1,11 +1,13 @@
 
   <script lang="ts">
-    export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+    export type {RadialFrame} from '@oicl/openbridge-webcomponents/dist/svghelpers/radial-frame.js';
+export type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 export type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
 export type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
       import { setProperties } from "../../util.js";
-      import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
+      import type {RadialFrame} from '@oicl/openbridge-webcomponents/dist/svghelpers/radial-frame.js';
+import type {InstrumentState, Priority} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type {ObcGaugeRadialType, GaugeRadialAdvice} from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
 import type {TickmarkStyle} from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
       import type { Snippet } from 'svelte';
@@ -65,22 +67,28 @@ tertiaryTickmarkInterval?: number | undefined;
 of beside it — the "Max-min" placement from the radial label model
 (External / Internal / Max-min). See PR #903 / design discussion. */
 endLabelsMaxMin?: boolean;
-     zoomToFitArc?: boolean
+     zoomToFitArc?: boolean;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
-    
+    onFrameChanged?: (event: CustomEvent<RadialFrame>) => void
   }
       export interface Slots {
   children?: Snippet
 }
-      const { class: className, style, children, ...props} = $props<Props & Events & Slots>();
+      const {onFrameChanged, class: className, style, children, ...props} = $props<Props & Events & Slots>();
 
     </script>
     <obc-instrument-radial
     use:setProperties={props}
     class={className}
     style={style}
-     >
+    onframe-changed={onFrameChanged} >
       
     {#if children}
       {@render children()}

package/dist/building-blocks/instrument-radial/ObcInstrumentRadial.svelte.d.ts

@@ -1,4 +1,5 @@
 import '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
+import type { RadialFrame } from '@oicl/openbridge-webcomponents/dist/svghelpers/radial-frame.js';
 import type { InstrumentState, Priority } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/types.js';
 import type { ObcGaugeRadialType, GaugeRadialAdvice } from '@oicl/openbridge-webcomponents/dist/building-blocks/instrument-radial/instrument-radial.js';
 import type { TickmarkStyle } from '@oicl/openbridge-webcomponents/dist/navigation-instruments/watch/tickmark.js';
@@ -59,14 +60,22 @@ of beside it — the "Max-min" placement from the radial label model
 (External / Internal / Max-min). See PR #903 / design discussion. */
     endLabelsMaxMin?: boolean;
     zoomToFitArc?: boolean;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
+    onFrameChanged?: (event: CustomEvent<RadialFrame>) => void;
 }
 export interface Slots {
     children?: Snippet;
 }
 type $$ComponentProps = Props & Events & Slots;
 declare const ObcInstrumentRadial: import("svelte").Component<$$ComponentProps, {
+    RadialFrame: typeof RadialFrame;
     InstrumentState: typeof InstrumentState;
     Priority: typeof Priority;
     ObcGaugeRadialType: typeof ObcGaugeRadialType;

package/dist/navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte

@@ -57,7 +57,13 @@ tertiaryTickmarkInterval?: number | undefined;
      topPropeller?: PropellerType;
      bottomPropeller?: PropellerType;
      tickmarkStyle?: TickmarkStyle;
-     starboardPortIndicator?: boolean
+     starboardPortIndicator?: boolean;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/azimuth-thruster/ObcAzimuthThruster.svelte.d.ts

@@ -49,6 +49,12 @@ When undefined or <= 0, no tertiary tickmarks are shown. */
     bottomPropeller?: PropellerType;
     tickmarkStyle?: TickmarkStyle;
     starboardPortIndicator?: boolean;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }

package/dist/navigation-instruments/compass/ObcCompass.svelte

@@ -82,7 +82,13 @@ priority?: Priority;
       /** Show compass NSEW labels and north arrow. */
 showLabels?: boolean;
       /** When true, labels and north arrow are placed inside the outer ring. */
-tickmarksInside?: boolean
+tickmarksInside?: boolean;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/compass/ObcCompass.svelte.d.ts

@@ -75,6 +75,12 @@ the physical ROT API was introduced. */
     showLabels?: boolean;
     /** When true, labels and north arrow are placed inside the outer ring. */
     tickmarksInside?: boolean;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }

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

@@ -65,7 +65,13 @@ Default `false`. */
 hasReadout?: boolean;
      label?: string;
      unit?: string;
-     fractionDigits?: number
+     fractionDigits?: number;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

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

@@ -59,6 +59,12 @@ Default `false`. */
     label?: string;
     unit?: string;
     fractionDigits?: number;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }

package/dist/navigation-instruments/heading/ObcHeading.svelte

@@ -31,7 +31,13 @@ import type {Priority} from '@oicl/openbridge-webcomponents/dist/navigation-inst
       /** Show compass NSEW labels. */
 showLabels?: boolean;
       /** When true, labels and north arrow are placed inside the outer ring. */
-tickmarksInside?: boolean
+tickmarksInside?: boolean;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/heading/ObcHeading.svelte.d.ts

@@ -25,6 +25,12 @@ export interface Props {
     showLabels?: boolean;
     /** When true, labels and north arrow are placed inside the outer ring. */
     tickmarksInside?: boolean;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }

package/dist/navigation-instruments/rudder/ObcRudder.svelte

@@ -46,7 +46,13 @@ tickmarksInside?: boolean;
      priority?: Priority;
      tickmarkStyle?: TickmarkStyle;
      advices?: AngleAdvice[];
-     zoomToFitArc?: boolean
+     zoomToFitArc?: boolean;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/rudder/ObcRudder.svelte.d.ts

@@ -39,6 +39,12 @@ regardless of instrument state. */
     tickmarkStyle?: TickmarkStyle;
     advices?: AngleAdvice[];
     zoomToFitArc?: boolean;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }

package/dist/navigation-instruments/speed-gauge/ObcSpeedGauge.svelte

@@ -55,7 +55,13 @@ label?: string;
       /** Readout unit. Default `KN`. */
 unit?: string;
       /** Number of fraction digits shown in the readout. Default `1`. */
-fractionDigits?: number
+fractionDigits?: number;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined
    }
       export interface Events {
     

package/dist/navigation-instruments/speed-gauge/ObcSpeedGauge.svelte.d.ts

@@ -49,6 +49,12 @@ below the gauge with the current speed. Default `false`. */
     unit?: string;
     /** Number of fraction digits shown in the readout. Default `1`. */
     fractionDigits?: number;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
 }
 export interface Events {
 }

package/dist/navigation-instruments/watch/ObcWatch.svelte

@@ -38,7 +38,16 @@ angleSetpointAtZeroDeadband?: number;
 setpointOverride?: boolean;
      touching?: boolean;
      animateSetpoint?: boolean;
-     padding?: number | undefined;
+      /** Explicit padding override in SVG units: the un-zoomed viewBox becomes
+exactly `(176 + padding) * 2`. Setting it disables the automatic
+width-aware label reserve (issue #1021) — the caller owns label room. */
+padding?: number | undefined;
+      /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+faceDiameter?: number | undefined;
      areas?: WatchArea[];
      barAreas?: WatchBarArea[];
      needles?: WatchNeedle[];

package/dist/navigation-instruments/watch/ObcWatch.svelte.d.ts

@@ -28,7 +28,16 @@ export interface Props {
     setpointOverride?: boolean;
     touching?: boolean;
     animateSetpoint?: boolean;
+    /** Explicit padding override in SVG units: the un-zoomed viewBox becomes
+exactly `(176 + padding) * 2`. Setting it disables the automatic
+width-aware label reserve (issue #1021) — the caller owns label room. */
     padding?: number | undefined;
+    /** Outer-ring diameter in CSS pixels. When set, the instrument renders at a
+fixed intrinsic size derived from the ring, arc shape and label reserve —
+so instruments sharing the same value have identical ring circumference
+regardless of label width or arc extent (like obc-donut-chart's
+fixedHeight). When unset (default), the instrument fills its container. */
+    faceDiameter?: number | undefined;
     areas?: WatchArea[];
     barAreas?: WatchBarArea[];
     needles?: WatchNeedle[];

package/package.json

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