@oicl/openbridge-webcomponents 2.0.0-next.102 → 2.0.0-next.104

package/dist/navigation-instruments/compass/compass.js

@@ -5,6 +5,7 @@ import { TickmarkType } from "../watch/tickmark.js";
 import { arrow, ArrowStyle } from "./arrow.js";
 import { AdviceState } from "../watch/advice.js";
 import { ResizeController } from "@lit-labs/observers/resize-controller.js";
+import { NORTH_ARROW_WIDTH_PX, NSWE_LABEL_WIDTH_PX, applyPinnedHostSize, computeRadialFrame, measureContainerPx } from "../../svghelpers/radial-frame.js";
 import { SetpointBundle } from "../../svghelpers/setpoint-bundle.js";
 import { RotType, RotPosition, ROT_ZERO_DEADBAND_DEG } from "../rate-of-turn/rot-renderer.js";
 import { customElement } from "../../decorator.js";
@@ -75,6 +76,7 @@ let ObcCompass = class extends LitElement {
       onAnimationEnd: () => this.requestUpdate()
     });
     this._resizeController = new ResizeController(this, {});
+    this._hostSizePinned = false;
   }
   willUpdate(changed) {
     super.willUpdate(changed);
@@ -103,17 +105,27 @@ let ObcCompass = class extends LitElement {
   get _effectiveRotDegPerMin() {
     return this.rateOfTurnDegreesPerMinute ?? this.rotationsPerMinute;
   }
-  getPadding() {
-    const size = Math.min(this.clientHeight, this.clientWidth);
-    const deltaWidth = 512 - size;
-    const steps = deltaWidth / 128;
-    let deltaPadding;
-    if (deltaWidth > 0) {
-      deltaPadding = steps * 48;
-    } else {
-      deltaPadding = steps * 6;
+  /**
+   * Pixel cost of the outside decor: the always-rendered north-arrow glyph
+   * plus, only while shown, the NSWE labels (both keep a constant on-screen
+   * size via `1/scale` terms). Feeds the frame's width-aware reserve,
+   * replacing the former empirical `72 + delta(clientSize)` padding.
+   * Wind/current symbols at their default radius are covered by the base
+   * padding of 72.
+   */
+  getOutsideDecorPx() {
+    if (this.tickmarksInside) {
+      return 0;
     }
-    return 72 + deltaPadding;
+    return NORTH_ARROW_WIDTH_PX + (this.showLabels ? NSWE_LABEL_WIDTH_PX : 0);
+  }
+  updated(changed) {
+    super.updated(changed);
+    this._hostSizePinned = applyPinnedHostSize(
+      this,
+      this._frame,
+      this._hostSizePinned
+    );
   }
   get angleAdviceRaw() {
     return this.headingAdvices.map(({ minAngle, maxAngle, hinted, type }) => {
@@ -145,22 +157,27 @@ let ObcCompass = class extends LitElement {
       { angle: 180, type: TickmarkType.main },
       { angle: 270, type: TickmarkType.main }
     ];
-    const padding = this.getPadding();
-    const width = (176 + padding) * 2;
-    const viewBox = `-${width / 2} -${width / 2} ${width} ${width}`;
+    const frame = computeRadialFrame({
+      basePadding: 72,
+      labelWidthPx: this.getOutsideDecorPx(),
+      containerPx: measureContainerPx(this),
+      faceDiameter: this.faceDiameter
+    });
+    this._frame = frame;
+    const viewBox = frame.viewBox;
     return html`
       <div class="container">
         <obc-watch
           .touching=${this.touching}
-          .padding=${padding}
+          .arcFrame=${frame}
           .advices=${this.angleAdviceRaw}
           .tickmarks=${tickmarks}
           .state=${this.state}
           .watchCircleType=${WatchCircleType.triple}
-          .showLabels=${this.showLabels}
+          .showLabels=${this.showLabels && !frame.labelsHidden}
           .tickmarksInside=${this.tickmarksInside}
           .crosshairEnabled=${true}
-          .northArrow=${true}
+          .northArrow=${!frame.labelsHidden}
           .angleSetpoint=${this.headingSetpoint ?? void 0}
           .newAngleSetpoint=${this.newHeadingSetpoint}
           .atAngleSetpoint=${this._headingSp.computeAtSetpoint(this.heading)}
@@ -346,6 +363,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean })
 ], ObcCompass.prototype, "tickmarksInside", 2);
+__decorateClass([
+  property({ type: Number, attribute: "face-diameter" })
+], ObcCompass.prototype, "faceDiameter", 2);
 ObcCompass = __decorateClass([
   customElement("obc-compass")
 ], ObcCompass);

package/dist/navigation-instruments/compass/compass.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass.js","sources":["../../../src/navigation-instruments/compass/compass.ts"],"sourcesContent":["import {LitElement, PropertyValues, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport '../watch/watch.js';\nimport {Tickmark, TickmarkType} from '../watch/tickmark.js';\nimport {arrow, ArrowStyle} from './arrow.js';\nimport {AdviceState, AngleAdvice, AngleAdviceRaw} from '../watch/advice.js';\nimport {ResizeController} from '@lit-labs/observers/resize-controller.js';\nimport {\n  VesselImage,\n  VesselImageSize,\n  WatchCircleType,\n  RotType,\n  RotPosition,\n} from '../watch/watch.js';\nimport {SetpointBundle} from '../../svghelpers/setpoint-bundle.js';\nimport {ROT_ZERO_DEADBAND_DEG} from '../rate-of-turn/rot-renderer.js';\nimport {customElement} from '../../decorator.js';\nimport {InstrumentState, Priority} from '../types.js';\nexport {RotType};\n\nexport enum CompassDirection {\n  NorthUp = 'northUp',\n  HeadingUp = 'headingUp',\n  CourseUp = 'courseUp',\n}\n\nexport enum CompassPriorityElement {\n  hdg = 'hdg',\n  cog = 'cog',\n  rot = 'rot',\n  wind = 'wind',\n  current = 'current',\n}\n\n/**\n * `<obc-compass>` – Full-featured compass with HDG/COG arrows, rate-of-turn indicator, and environmental overlays.\n *\n * Renders a circular compass instrument that displays heading (HDG) and\n * course-over-ground (COG) as rotating arrows over a triple-ring watch face.\n * It supports wind and current indicators, a vessel silhouette, heading\n * setpoint with auto at-setpoint detection, advice zones, and a rate-of-turn\n * (ROT) dot indicator. The compass can be oriented north-up, heading-up, or\n * course-up.\n *\n * ## Features\n *\n * - **Direction modes**: `northUp` (default), `headingUp`, or `courseUp`\n *   via the `direction` property.\n * - **HDG / COG arrows**: Two styled arrows overlay the watch face,\n *   rotating independently.\n * - **Heading setpoint**: Optional setpoint marker with auto at-setpoint\n *   detection via `headingSetpoint`, `atHeadingSetpoint`, and deadband\n *   tuning properties.\n * - **Advice zones**: Pass `headingAdvices` to render caution/alert arcs;\n *   triggered state is derived from whether the current heading falls\n *   inside the advice range.\n * - **Rate of turn**: Animated ROT indicator driven by\n *   `rateOfTurnDegreesPerMinute` (deg/min, the maritime / AIS convention).\n *   Supports spinning dots (`rotType=\"dots\"`) — the dot animation is\n *   amplified by `rotDotAnimationFactor` so small physical values still\n *   read at a glance — and a banana-shaped arc bar (`rotType=\"bar\"`)\n *   showing the rate of turn as an arc anchored at the current heading.\n *   Bar extent is driven by the physical value only (gain is not applied).\n *   Position on the outer scale ring or inner circle via `rotPosition`.\n * - **Environmental overlays**: Wind speed/direction and current\n *   speed/direction indicators on the watch face.\n * - **Vessel image**: Configurable vessel silhouette centered on the\n *   compass, rotating with heading.\n * - **Color priority**: Set `priority` to `Priority.enhanced` to use the\n *   blue/enhanced color palette instead of the default gray/regular palette\n *   (default: `Priority.regular`).\n *\n * ## Usage Guidelines\n *\n * - Set `heading` and `courseOverGround` to the current sensor values\n *   in degrees.\n * - Use `direction` to control the compass orientation mode.\n * - Use `headingSetpoint` to show a target heading marker.\n * - Pass `headingAdvices` as an array of `AngleAdvice` objects for\n *   caution/alert zones.\n * - Set `currentWindSpeedKnots` / `windFromDirection` and `currentSpeed` /\n *   `currentFromDirection` to display environmental indicators.\n *\n * ## Example\n *\n * ```html\n * <obc-compass\n *   heading=\"45\"\n *   courseOverGround=\"50\"\n *   direction=\"northUp\"\n *   headingSetpoint=\"90\"\n *   priority=\"regular\"\n *   vesselImage=\"genericTop\"\n * ></obc-compass>\n * ```\n *\n *\n * @ignition-base-height: 512px\n * @ignition-base-width: 512px\n * @stable\n */\n@customElement('obc-compass')\nexport class ObcCompass extends LitElement {\n  /** The current heading of the vessel in degrees. */\n  @property({type: Number}) heading = 0;\n  /** The current course over ground in degrees. */\n  @property({type: Number}) courseOverGround = 0;\n\n  /** The set point for the heading in degrees. */\n  @property({type: Number}) headingSetpoint: number | null = null;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) newHeadingSetpoint: number | undefined;\n  /**\n   * Indicates if the vessel is at the heading set point.\n   * @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==false\n   */\n  @property({type: Boolean}) atHeadingSetpoint: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) headingSetpointAtZeroDeadband: number = 0.5;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) headingSetpointOverride: boolean = false;\n  /**\n   * Enables automatic at heading set point calculation.\n   * @availableWhen headingSetpoint!=null\n   */\n  @property({type: Boolean, attribute: false}) autoAtHeadingSetpoint: boolean =\n    true;\n  /**\n   * The deadband for the heading set point in degrees.\n   * @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==true\n   */\n  @property({type: Number}) autoAtHeadingSetpointDeadband: number = 2;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n  /**\n   * Indicates if the compass is being touched.\n   * @availableWhen headingSetpoint!=null\n   */\n  @property({type: Boolean}) touching: boolean = false;\n  /** An array of angle advices for the compass. */\n  @property({type: Array, attribute: false}) headingAdvices: AngleAdvice[] = [];\n  /**\n   * The wind speed in knots.\n   * @availableWhen windFromDirection!=null\n   */\n  @property({type: Number}) currentWindSpeedKnots: number | null = null;\n  /**\n   * The direction the wind is coming from in degrees.\n   * @availableWhen currentWindSpeedKnots!=null\n   */\n  @property({type: Number}) windFromDirection: number | null = null;\n  /**\n   * The current speed, number of arrows.\n   * @availableWhen currentFromDirection!=null\n   */\n  @property({type: Number}) currentSpeed: number | null = null;\n  /**\n   * The direction the current is coming from in degrees.\n   * @availableWhen currentSpeed!=null\n   */\n  @property({type: Number}) currentFromDirection: number | null = null;\n  /** The image of the vessel. */\n  @property({type: String}) vesselImage: VesselImage = VesselImage.genericTop;\n  /**\n   * Measured rate of turn in degrees per minute (positive = starboard).\n   * Drives both the bar extent and (after multiplication by\n   * `rotDotAnimationFactor`) the spinning dot animation.\n   * When `undefined`, falls back to the deprecated `rotationsPerMinute`.\n   */\n  @property({type: Number}) rateOfTurnDegreesPerMinute: number | undefined;\n  /**\n   * Visual amplification applied only to the spinning dot animation\n   * (not to the bar extent). Default `18` keeps the legacy visual feel\n   * (≈1 rpm at 20°/min).\n   * @availableWhen rotType==dots\n   */\n  @property({type: Number}) rotDotAnimationFactor: number = 18;\n  /**\n   * Legacy rate-of-turn input, in rotations per minute. When\n   * `rateOfTurnDegreesPerMinute` is `undefined`, this value is used\n   * (unconverted) as the fallback ROT, driving both the spinning dot ring\n   * and the bar extent.\n   * @deprecated Use `rateOfTurnDegreesPerMinute` (and optionally\n   * `rotDotAnimationFactor`) instead. Takes effect only when\n   * `rateOfTurnDegreesPerMinute` is `undefined`.\n   */\n  @property({type: Number}) rotationsPerMinute: number = 1;\n  /** ROT display mode: `'dots'` (spinning dots, default) or `'bar'` (a rate-of-turn arc anchored at the current heading, its length proportional to the rate of turn). */\n  @property({type: String}) rotType: RotType = RotType.dots;\n  /** ROT track position: `'innerCircle'` (default) or `'scale'` (on the outer ring). */\n  @property({type: String}) rotPosition: RotPosition = RotPosition.innerCircle;\n  /**\n   * Bar-extent reference value in **degrees per minute**. The bar fills the\n   * full ±`rotArcExtent` arc when the measured ROT equals ±`rotMaxValue`.\n   * Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.\n   *\n   * Note: prior to the introduction of `rateOfTurnDegreesPerMinute` this\n   * property was interpreted in rotations per minute. The unit changed when\n   * the physical ROT API was introduced.\n   * @availableWhen rotType==bar\n   */\n  @property({type: Number}) rotMaxValue: number = 60;\n  /** @availableWhen rotType==bar */\n  @property({type: Number}) rotArcExtent: number = 60;\n  @property({type: Boolean}) rotPortStarboard: boolean = false;\n  /** @availableWhen rotType==bar */\n  @property({type: Number}) rotAtZeroDeadband: number = ROT_ZERO_DEADBAND_DEG;\n  @property({type: String}) direction: CompassDirection =\n    CompassDirection.NorthUp;\n  @property({type: String}) state: InstrumentState = InstrumentState.active;\n  /** Color priority: `Priority.enhanced` uses the blue/enhanced color palette, `Priority.regular` (default) uses the standard palette. */\n  @property({type: String}) priority: Priority = Priority.regular;\n  /** @availableWhen priority==enhanced */\n  @property({type: Array, attribute: false})\n  priorityElements: CompassPriorityElement[] = [CompassPriorityElement.hdg];\n  /** Show compass NSEW labels and north arrow. */\n  @property({type: Boolean}) showLabels: boolean = false;\n  /** When true, labels and north arrow are placed inside the outer ring. */\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n\n  private _headingSp = new SetpointBundle({\n    angularWraparound: true,\n    onAnimationEnd: () => this.requestUpdate(),\n  });\n\n  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this._headingSp.sync({\n      setpoint: this.headingSetpoint ?? undefined,\n      newSetpoint: this.newHeadingSetpoint,\n      atSetpoint: this.atHeadingSetpoint,\n      touching: this.touching,\n      autoAtSetpoint: this.autoAtHeadingSetpoint,\n      autoAtSetpointDeadband: this.autoAtHeadingSetpointDeadband,\n      setpointAtZeroDeadband: this.headingSetpointAtZeroDeadband,\n      setpointOverride: this.headingSetpointOverride,\n      animateSetpoint: this.animateSetpoint,\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._headingSp.dispose();\n  }\n\n  // @ts-expect-error TS6133: The controller ensures that the render\n  // function is called on resize of the element\n  private _resizeController = new ResizeController(this, {});\n\n  /**\n   * Resolved rate of turn in degrees per minute, used to compute the bar\n   * extent. Prefers the new physical API; falls back to the deprecated\n   * `rotationsPerMinute` so existing consumers keep their visuals during\n   * the deprecation window.\n   */\n  private get _effectiveRotDegPerMin(): number {\n    return this.rateOfTurnDegreesPerMinute ?? this.rotationsPerMinute;\n  }\n\n  private getPadding() {\n    const size = Math.min(this.clientHeight, this.clientWidth);\n    const deltaWidth = 512 - size;\n    const steps = deltaWidth / 128;\n    let deltaPadding;\n    if (deltaWidth > 0) {\n      deltaPadding = steps * 48;\n    } else {\n      deltaPadding = steps * 6;\n    }\n\n    return 72 + deltaPadding;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.headingAdvices.map(({minAngle, maxAngle, hinted, type}) => {\n      const state =\n        this.heading >= minAngle && this.heading <= maxAngle\n          ? AdviceState.triggered\n          : hinted\n            ? AdviceState.hinted\n            : AdviceState.regular;\n      return {minAngle, maxAngle, type, state};\n    });\n  }\n\n  private priorityFor(element: CompassPriorityElement): Priority {\n    const selected = Array.isArray(this.priorityElements)\n      ? this.priorityElements\n      : [];\n    return selected.includes(element) ? this.priority : Priority.regular;\n  }\n\n  private colorFor(element: CompassPriorityElement): string | undefined {\n    return this.priorityFor(element) === Priority.enhanced\n      ? 'var(--instrument-enhanced-secondary-color)'\n      : undefined;\n  }\n\n  private getRotation(): number | undefined {\n    if (this.direction === CompassDirection.NorthUp) {\n      return undefined;\n    } else if (this.direction === CompassDirection.HeadingUp) {\n      return -this.heading;\n    } else if (this.direction === CompassDirection.CourseUp) {\n      return -this.courseOverGround;\n    }\n    return undefined;\n  }\n\n  override render() {\n    const tickmarks: Tickmark[] = [\n      {angle: 0, type: TickmarkType.main},\n      {angle: 90, type: TickmarkType.main},\n      {angle: 180, type: TickmarkType.main},\n      {angle: 270, type: TickmarkType.main},\n    ];\n\n    const padding = this.getPadding();\n    const width = (176 + padding) * 2;\n    const viewBox = `-${width / 2} -${width / 2} ${width} ${width}`;\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .touching=${this.touching}\n          .padding=${padding}\n          .advices=${this.angleAdviceRaw}\n          .tickmarks=${tickmarks}\n          .state=${this.state}\n          .watchCircleType=${WatchCircleType.triple}\n          .showLabels=${this.showLabels}\n          .tickmarksInside=${this.tickmarksInside}\n          .crosshairEnabled=${true}\n          .northArrow=${true}\n          .angleSetpoint=${this.headingSetpoint ?? undefined}\n          .newAngleSetpoint=${this.newHeadingSetpoint}\n          .atAngleSetpoint=${this._headingSp.computeAtSetpoint(this.heading)}\n          .angleSetpointAtZeroDeadband=${this.headingSetpointAtZeroDeadband}\n          .setpointOverride=${this.headingSetpointOverride}\n          .priority=${this.priority}\n          .animateSetpoint=${this.animateSetpoint}\n          .vessels=${[\n            {\n              size: VesselImageSize.medium,\n              vesselImage: this.vesselImage,\n              transform: `rotate(${this.heading}deg)`,\n            },\n          ]}\n          .windKnots=${this.currentWindSpeedKnots}\n          .windFromDirectionDeg=${this.windFromDirection}\n          .windColor=${this.colorFor(CompassPriorityElement.wind)}\n          .current=${this.currentSpeed}\n          .currentFromDirectionDeg=${this.currentFromDirection}\n          .currentColor=${this.colorFor(CompassPriorityElement.current)}\n          .rotation=${this.getRotation()}\n          .rotType=${this.rotType}\n          .rotPosition=${this.rotPosition}\n          .rotStartAngle=${this.heading + (this.getRotation() ?? 0)}\n          .rotEndAngle=${this.heading +\n          (this._effectiveRotDegPerMin / (this.rotMaxValue || 1)) *\n            this.rotArcExtent +\n          (this.getRotation() ?? 0)}\n          .rotPriority=${this.priorityFor(CompassPriorityElement.rot)}\n          .rotPortStarboard=${this.rotPortStarboard}\n          .rotAtZeroDeadband=${this.rotAtZeroDeadband}\n          .rateOfTurnDegreesPerMinute=${this.rateOfTurnDegreesPerMinute}\n          .rotDotAnimationFactor=${this.rotDotAnimationFactor}\n          .rotationsPerMinute=${this.rotationsPerMinute}\n        >\n        </obc-watch>\n        <svg viewBox=\"${viewBox}\">\n          ${arrow(\n            ArrowStyle.HDG,\n            this.heading + (this.getRotation() ?? 0),\n            this.priorityFor(CompassPriorityElement.hdg)\n          )}\n          ${arrow(\n            ArrowStyle.COG,\n            this.courseOverGround + (this.getRotation() ?? 0),\n            this.priorityFor(CompassPriorityElement.cog)\n          )}\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    * {\n      box-sizing: border-box;\n    }\n\n    .container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n\n    .container > * {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-compass': ObcCompass;\n  }\n}\n"],"names":["CompassDirection","CompassPriorityElement"],"mappings":"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"}
+{"version":3,"file":"compass.js","sources":["../../../src/navigation-instruments/compass/compass.ts"],"sourcesContent":["import {LitElement, PropertyValues, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport '../watch/watch.js';\nimport {Tickmark, TickmarkType} from '../watch/tickmark.js';\nimport {arrow, ArrowStyle} from './arrow.js';\nimport {AdviceState, AngleAdvice, AngleAdviceRaw} from '../watch/advice.js';\nimport {ResizeController} from '@lit-labs/observers/resize-controller.js';\nimport {\n  applyPinnedHostSize,\n  computeRadialFrame,\n  measureContainerPx,\n  NORTH_ARROW_WIDTH_PX,\n  NSWE_LABEL_WIDTH_PX,\n  type RadialFrame,\n} from '../../svghelpers/radial-frame.js';\nimport {\n  VesselImage,\n  VesselImageSize,\n  WatchCircleType,\n  RotType,\n  RotPosition,\n} from '../watch/watch.js';\nimport {SetpointBundle} from '../../svghelpers/setpoint-bundle.js';\nimport {ROT_ZERO_DEADBAND_DEG} from '../rate-of-turn/rot-renderer.js';\nimport {customElement} from '../../decorator.js';\nimport {InstrumentState, Priority} from '../types.js';\nexport {RotType};\n\nexport enum CompassDirection {\n  NorthUp = 'northUp',\n  HeadingUp = 'headingUp',\n  CourseUp = 'courseUp',\n}\n\nexport enum CompassPriorityElement {\n  hdg = 'hdg',\n  cog = 'cog',\n  rot = 'rot',\n  wind = 'wind',\n  current = 'current',\n}\n\n/**\n * `<obc-compass>` – Full-featured compass with HDG/COG arrows, rate-of-turn indicator, and environmental overlays.\n *\n * Renders a circular compass instrument that displays heading (HDG) and\n * course-over-ground (COG) as rotating arrows over a triple-ring watch face.\n * It supports wind and current indicators, a vessel silhouette, heading\n * setpoint with auto at-setpoint detection, advice zones, and a rate-of-turn\n * (ROT) dot indicator. The compass can be oriented north-up, heading-up, or\n * course-up.\n *\n * ## Features\n *\n * - **Direction modes**: `northUp` (default), `headingUp`, or `courseUp`\n *   via the `direction` property.\n * - **HDG / COG arrows**: Two styled arrows overlay the watch face,\n *   rotating independently.\n * - **Heading setpoint**: Optional setpoint marker with auto at-setpoint\n *   detection via `headingSetpoint`, `atHeadingSetpoint`, and deadband\n *   tuning properties.\n * - **Advice zones**: Pass `headingAdvices` to render caution/alert arcs;\n *   triggered state is derived from whether the current heading falls\n *   inside the advice range.\n * - **Rate of turn**: Animated ROT indicator driven by\n *   `rateOfTurnDegreesPerMinute` (deg/min, the maritime / AIS convention).\n *   Supports spinning dots (`rotType=\"dots\"`) — the dot animation is\n *   amplified by `rotDotAnimationFactor` so small physical values still\n *   read at a glance — and a banana-shaped arc bar (`rotType=\"bar\"`)\n *   showing the rate of turn as an arc anchored at the current heading.\n *   Bar extent is driven by the physical value only (gain is not applied).\n *   Position on the outer scale ring or inner circle via `rotPosition`.\n * - **Environmental overlays**: Wind speed/direction and current\n *   speed/direction indicators on the watch face.\n * - **Vessel image**: Configurable vessel silhouette centered on the\n *   compass, rotating with heading.\n * - **Color priority**: Set `priority` to `Priority.enhanced` to use the\n *   blue/enhanced color palette instead of the default gray/regular palette\n *   (default: `Priority.regular`).\n *\n * ## Usage Guidelines\n *\n * - Set `heading` and `courseOverGround` to the current sensor values\n *   in degrees.\n * - Use `direction` to control the compass orientation mode.\n * - Use `headingSetpoint` to show a target heading marker.\n * - Pass `headingAdvices` as an array of `AngleAdvice` objects for\n *   caution/alert zones.\n * - Set `currentWindSpeedKnots` / `windFromDirection` and `currentSpeed` /\n *   `currentFromDirection` to display environmental indicators.\n *\n * ## Example\n *\n * ```html\n * <obc-compass\n *   heading=\"45\"\n *   courseOverGround=\"50\"\n *   direction=\"northUp\"\n *   headingSetpoint=\"90\"\n *   priority=\"regular\"\n *   vesselImage=\"genericTop\"\n * ></obc-compass>\n * ```\n *\n *\n * @ignition-base-height: 512px\n * @ignition-base-width: 512px\n * @stable\n */\n@customElement('obc-compass')\nexport class ObcCompass extends LitElement {\n  /** The current heading of the vessel in degrees. */\n  @property({type: Number}) heading = 0;\n  /** The current course over ground in degrees. */\n  @property({type: Number}) courseOverGround = 0;\n\n  /** The set point for the heading in degrees. */\n  @property({type: Number}) headingSetpoint: number | null = null;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) newHeadingSetpoint: number | undefined;\n  /**\n   * Indicates if the vessel is at the heading set point.\n   * @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==false\n   */\n  @property({type: Boolean}) atHeadingSetpoint: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) headingSetpointAtZeroDeadband: number = 0.5;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) headingSetpointOverride: boolean = false;\n  /**\n   * Enables automatic at heading set point calculation.\n   * @availableWhen headingSetpoint!=null\n   */\n  @property({type: Boolean, attribute: false}) autoAtHeadingSetpoint: boolean =\n    true;\n  /**\n   * The deadband for the heading set point in degrees.\n   * @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==true\n   */\n  @property({type: Number}) autoAtHeadingSetpointDeadband: number = 2;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n  /**\n   * Indicates if the compass is being touched.\n   * @availableWhen headingSetpoint!=null\n   */\n  @property({type: Boolean}) touching: boolean = false;\n  /** An array of angle advices for the compass. */\n  @property({type: Array, attribute: false}) headingAdvices: AngleAdvice[] = [];\n  /**\n   * The wind speed in knots.\n   * @availableWhen windFromDirection!=null\n   */\n  @property({type: Number}) currentWindSpeedKnots: number | null = null;\n  /**\n   * The direction the wind is coming from in degrees.\n   * @availableWhen currentWindSpeedKnots!=null\n   */\n  @property({type: Number}) windFromDirection: number | null = null;\n  /**\n   * The current speed, number of arrows.\n   * @availableWhen currentFromDirection!=null\n   */\n  @property({type: Number}) currentSpeed: number | null = null;\n  /**\n   * The direction the current is coming from in degrees.\n   * @availableWhen currentSpeed!=null\n   */\n  @property({type: Number}) currentFromDirection: number | null = null;\n  /** The image of the vessel. */\n  @property({type: String}) vesselImage: VesselImage = VesselImage.genericTop;\n  /**\n   * Measured rate of turn in degrees per minute (positive = starboard).\n   * Drives both the bar extent and (after multiplication by\n   * `rotDotAnimationFactor`) the spinning dot animation.\n   * When `undefined`, falls back to the deprecated `rotationsPerMinute`.\n   */\n  @property({type: Number}) rateOfTurnDegreesPerMinute: number | undefined;\n  /**\n   * Visual amplification applied only to the spinning dot animation\n   * (not to the bar extent). Default `18` keeps the legacy visual feel\n   * (≈1 rpm at 20°/min).\n   * @availableWhen rotType==dots\n   */\n  @property({type: Number}) rotDotAnimationFactor: number = 18;\n  /**\n   * Legacy rate-of-turn input, in rotations per minute. When\n   * `rateOfTurnDegreesPerMinute` is `undefined`, this value is used\n   * (unconverted) as the fallback ROT, driving both the spinning dot ring\n   * and the bar extent.\n   * @deprecated Use `rateOfTurnDegreesPerMinute` (and optionally\n   * `rotDotAnimationFactor`) instead. Takes effect only when\n   * `rateOfTurnDegreesPerMinute` is `undefined`.\n   */\n  @property({type: Number}) rotationsPerMinute: number = 1;\n  /** ROT display mode: `'dots'` (spinning dots, default) or `'bar'` (a rate-of-turn arc anchored at the current heading, its length proportional to the rate of turn). */\n  @property({type: String}) rotType: RotType = RotType.dots;\n  /** ROT track position: `'innerCircle'` (default) or `'scale'` (on the outer ring). */\n  @property({type: String}) rotPosition: RotPosition = RotPosition.innerCircle;\n  /**\n   * Bar-extent reference value in **degrees per minute**. The bar fills the\n   * full ±`rotArcExtent` arc when the measured ROT equals ±`rotMaxValue`.\n   * Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.\n   *\n   * Note: prior to the introduction of `rateOfTurnDegreesPerMinute` this\n   * property was interpreted in rotations per minute. The unit changed when\n   * the physical ROT API was introduced.\n   * @availableWhen rotType==bar\n   */\n  @property({type: Number}) rotMaxValue: number = 60;\n  /** @availableWhen rotType==bar */\n  @property({type: Number}) rotArcExtent: number = 60;\n  @property({type: Boolean}) rotPortStarboard: boolean = false;\n  /** @availableWhen rotType==bar */\n  @property({type: Number}) rotAtZeroDeadband: number = ROT_ZERO_DEADBAND_DEG;\n  @property({type: String}) direction: CompassDirection =\n    CompassDirection.NorthUp;\n  @property({type: String}) state: InstrumentState = InstrumentState.active;\n  /** Color priority: `Priority.enhanced` uses the blue/enhanced color palette, `Priority.regular` (default) uses the standard palette. */\n  @property({type: String}) priority: Priority = Priority.regular;\n  /** @availableWhen priority==enhanced */\n  @property({type: Array, attribute: false})\n  priorityElements: CompassPriorityElement[] = [CompassPriorityElement.hdg];\n  /** Show compass NSEW labels and north arrow. */\n  @property({type: Boolean}) showLabels: boolean = false;\n  /** When true, labels and north arrow are placed inside the outer ring. */\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n  /**\n   * Outer-ring diameter in CSS pixels. When set, the instrument renders at a\n   * fixed intrinsic size derived from the ring, arc shape and label reserve —\n   * so instruments sharing the same value have identical ring circumference\n   * regardless of label width or arc extent (like obc-donut-chart's\n   * fixedHeight). When unset (default), the instrument fills its container.\n   */\n  @property({type: Number, attribute: 'face-diameter'})\n  faceDiameter: number | undefined;\n\n  private _headingSp = new SetpointBundle({\n    angularWraparound: true,\n    onAnimationEnd: () => this.requestUpdate(),\n  });\n\n  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this._headingSp.sync({\n      setpoint: this.headingSetpoint ?? undefined,\n      newSetpoint: this.newHeadingSetpoint,\n      atSetpoint: this.atHeadingSetpoint,\n      touching: this.touching,\n      autoAtSetpoint: this.autoAtHeadingSetpoint,\n      autoAtSetpointDeadband: this.autoAtHeadingSetpointDeadband,\n      setpointAtZeroDeadband: this.headingSetpointAtZeroDeadband,\n      setpointOverride: this.headingSetpointOverride,\n      animateSetpoint: this.animateSetpoint,\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._headingSp.dispose();\n  }\n\n  // @ts-expect-error TS6133: The controller ensures that the render\n  // function is called on resize of the element\n  private _resizeController = new ResizeController(this, {});\n\n  /**\n   * Resolved rate of turn in degrees per minute, used to compute the bar\n   * extent. Prefers the new physical API; falls back to the deprecated\n   * `rotationsPerMinute` so existing consumers keep their visuals during\n   * the deprecation window.\n   */\n  private get _effectiveRotDegPerMin(): number {\n    return this.rateOfTurnDegreesPerMinute ?? this.rotationsPerMinute;\n  }\n\n  /**\n   * Pixel cost of the outside decor: the always-rendered north-arrow glyph\n   * plus, only while shown, the NSWE labels (both keep a constant on-screen\n   * size via `1/scale` terms). Feeds the frame's width-aware reserve,\n   * replacing the former empirical `72 + delta(clientSize)` padding.\n   * Wind/current symbols at their default radius are covered by the base\n   * padding of 72.\n   */\n  private getOutsideDecorPx(): number {\n    if (this.tickmarksInside) {\n      return 0;\n    }\n    return NORTH_ARROW_WIDTH_PX + (this.showLabels ? NSWE_LABEL_WIDTH_PX : 0);\n  }\n\n  /** Whether the host size styles were set by applyPinnedHostSize. */\n  private _hostSizePinned = false;\n  private _frame: RadialFrame | undefined;\n\n  override updated(changed: PropertyValues): void {\n    super.updated(changed);\n    this._hostSizePinned = applyPinnedHostSize(\n      this,\n      this._frame,\n      this._hostSizePinned\n    );\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.headingAdvices.map(({minAngle, maxAngle, hinted, type}) => {\n      const state =\n        this.heading >= minAngle && this.heading <= maxAngle\n          ? AdviceState.triggered\n          : hinted\n            ? AdviceState.hinted\n            : AdviceState.regular;\n      return {minAngle, maxAngle, type, state};\n    });\n  }\n\n  private priorityFor(element: CompassPriorityElement): Priority {\n    const selected = Array.isArray(this.priorityElements)\n      ? this.priorityElements\n      : [];\n    return selected.includes(element) ? this.priority : Priority.regular;\n  }\n\n  private colorFor(element: CompassPriorityElement): string | undefined {\n    return this.priorityFor(element) === Priority.enhanced\n      ? 'var(--instrument-enhanced-secondary-color)'\n      : undefined;\n  }\n\n  private getRotation(): number | undefined {\n    if (this.direction === CompassDirection.NorthUp) {\n      return undefined;\n    } else if (this.direction === CompassDirection.HeadingUp) {\n      return -this.heading;\n    } else if (this.direction === CompassDirection.CourseUp) {\n      return -this.courseOverGround;\n    }\n    return undefined;\n  }\n\n  override render() {\n    const tickmarks: Tickmark[] = [\n      {angle: 0, type: TickmarkType.main},\n      {angle: 90, type: TickmarkType.main},\n      {angle: 180, type: TickmarkType.main},\n      {angle: 270, type: TickmarkType.main},\n    ];\n\n    const frame = computeRadialFrame({\n      basePadding: 72,\n      labelWidthPx: this.getOutsideDecorPx(),\n      containerPx: measureContainerPx(this),\n      faceDiameter: this.faceDiameter,\n    });\n    this._frame = frame;\n    const viewBox = frame.viewBox;\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .touching=${this.touching}\n          .arcFrame=${frame}\n          .advices=${this.angleAdviceRaw}\n          .tickmarks=${tickmarks}\n          .state=${this.state}\n          .watchCircleType=${WatchCircleType.triple}\n          .showLabels=${this.showLabels && !frame.labelsHidden}\n          .tickmarksInside=${this.tickmarksInside}\n          .crosshairEnabled=${true}\n          .northArrow=${!frame.labelsHidden}\n          .angleSetpoint=${this.headingSetpoint ?? undefined}\n          .newAngleSetpoint=${this.newHeadingSetpoint}\n          .atAngleSetpoint=${this._headingSp.computeAtSetpoint(this.heading)}\n          .angleSetpointAtZeroDeadband=${this.headingSetpointAtZeroDeadband}\n          .setpointOverride=${this.headingSetpointOverride}\n          .priority=${this.priority}\n          .animateSetpoint=${this.animateSetpoint}\n          .vessels=${[\n            {\n              size: VesselImageSize.medium,\n              vesselImage: this.vesselImage,\n              transform: `rotate(${this.heading}deg)`,\n            },\n          ]}\n          .windKnots=${this.currentWindSpeedKnots}\n          .windFromDirectionDeg=${this.windFromDirection}\n          .windColor=${this.colorFor(CompassPriorityElement.wind)}\n          .current=${this.currentSpeed}\n          .currentFromDirectionDeg=${this.currentFromDirection}\n          .currentColor=${this.colorFor(CompassPriorityElement.current)}\n          .rotation=${this.getRotation()}\n          .rotType=${this.rotType}\n          .rotPosition=${this.rotPosition}\n          .rotStartAngle=${this.heading + (this.getRotation() ?? 0)}\n          .rotEndAngle=${this.heading +\n          (this._effectiveRotDegPerMin / (this.rotMaxValue || 1)) *\n            this.rotArcExtent +\n          (this.getRotation() ?? 0)}\n          .rotPriority=${this.priorityFor(CompassPriorityElement.rot)}\n          .rotPortStarboard=${this.rotPortStarboard}\n          .rotAtZeroDeadband=${this.rotAtZeroDeadband}\n          .rateOfTurnDegreesPerMinute=${this.rateOfTurnDegreesPerMinute}\n          .rotDotAnimationFactor=${this.rotDotAnimationFactor}\n          .rotationsPerMinute=${this.rotationsPerMinute}\n        >\n        </obc-watch>\n        <svg viewBox=\"${viewBox}\">\n          ${arrow(\n            ArrowStyle.HDG,\n            this.heading + (this.getRotation() ?? 0),\n            this.priorityFor(CompassPriorityElement.hdg)\n          )}\n          ${arrow(\n            ArrowStyle.COG,\n            this.courseOverGround + (this.getRotation() ?? 0),\n            this.priorityFor(CompassPriorityElement.cog)\n          )}\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    * {\n      box-sizing: border-box;\n    }\n\n    .container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n\n    .container > * {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-compass': ObcCompass;\n  }\n}\n"],"names":["CompassDirection","CompassPriorityElement"],"mappings":"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"}

package/dist/navigation-instruments/compass-sector/compass-sector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-sector.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass-sector/compass-sector.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"compass-sector.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass-sector/compass-sector.ts"],"names":[],"mappings":"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"}

package/dist/navigation-instruments/compass-sector/compass-sector.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass-sector.js","sources":["../../../src/navigation-instruments/compass-sector/compass-sector.ts"],"sourcesContent":["import {LitElement, PropertyValues, html, svg, unsafeCSS, nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport componentStyle from './compass-sector.css?inline';\nimport '../watch/watch.js';\nimport {renderInstrumentReadout} from '../readout/instrument-readout.js';\nimport instrumentReadoutStyle from '../readout/instrument-readout.css?inline';\nimport {Tickmark, TickmarkType, TickmarkStyle} from '../watch/tickmark.js';\nimport {arrow, ArrowStyle} from '../compass/arrow.js';\nimport {AdviceState, AngleAdvice, AngleAdviceRaw} from '../watch/advice.js';\nimport {\n  WatchCircleType,\n  WatchArea,\n  OUTER_RING_RADIUS,\n  innerRingRadiusFor,\n  RotType,\n  RotPosition,\n} from '../watch/watch.js';\nimport {SetpointBundle} from '../../svghelpers/setpoint-bundle.js';\nimport {\n  computeZoomToFitArcFrame,\n  type ZoomToFitArcFrame,\n} from '../../svghelpers/arc-frame.js';\nimport {ROT_ZERO_DEADBAND_DEG} from '../rate-of-turn/rot-renderer.js';\nimport {customElement} from '../../decorator.js';\nimport {InstrumentState, Priority} from '../types.js';\nexport {RotType, RotPosition};\n\nexport enum CompassSectorPriorityElement {\n  hdg = 'hdg',\n  cog = 'cog',\n  rot = 'rot',\n}\n\nconst PADDING = 72;\nconst WATCH_TYPE = WatchCircleType.triple;\nconst INNER_RADIUS = innerRingRadiusFor(WATCH_TYPE);\n/** Half of the fixed 120° arc on the watch face. */\nconst ARC_HALF_EXTENT = 60;\nconst SCALE_INNER_RADIUS = innerRingRadiusFor(WatchCircleType.single);\n\ninterface TickDensity {\n  mainInterval: number;\n  primaryInterval: number;\n  secondaryInterval: number | undefined;\n}\n\nfunction tickDensityForFOV(fov: number): TickDensity {\n  if (fov <= 30) {\n    return {mainInterval: 10, primaryInterval: 5, secondaryInterval: 1};\n  } else if (fov <= 60) {\n    return {mainInterval: 10, primaryInterval: 5, secondaryInterval: undefined};\n  } else if (fov <= 120) {\n    return {mainInterval: 30, primaryInterval: 10, secondaryInterval: 5};\n  } else {\n    return {mainInterval: 90, primaryInterval: 30, secondaryInterval: 10};\n  }\n}\n\nfunction normalizeAngle(a: number): number {\n  return ((a % 360) + 360) % 360;\n}\n\n/**\n * `<obc-compass-sector>` — Curved compass strip that auto‑scales to keep HDG and COG visible.\n *\n * Renders a fixed 120° arc of a triple‑ring compass face. The visible\n * compass range (field of view) adjusts automatically so that both the\n * heading (HDG) and course‑over‑ground (COG) arrows are always in view.\n * This is the radial equivalent of `<obc-compass-flat>`: the arc shape\n * never changes — only the scale (compass‑degrees per arc‑degree) changes.\n *\n * ## Features\n *\n * - **Fixed 120° arc**: The watch face is always a 120° sector (±60° from\n *   center), identical in shape to `<obc-rot-sector>`.\n * - **FOV auto‑scaling**: The field of view widens when the HDG–COG\n *   angular difference grows, compressing more compass degrees into the\n *   fixed arc. Tickmark density adjusts automatically.\n * - **HDG / COG arrows**: Solid (HDG) arrow is always at the arc center.\n *   Hollow (COG) arrow is positioned proportionally within the arc.\n * - **North arrow**: A gray triangle in the outer scale band indicates\n *   north when it falls within the visible FOV.\n * - **Heading setpoint**: Optional setpoint marker with auto at‑setpoint\n *   detection and confirm animation, positioned at the mapped arc angle.\n * - **Advice zones**: Pass `headingAdvices` to render caution/alert arcs,\n *   mapped into the scaled arc.\n * - **Rate of turn**: Animated ROT indicator (dots or bar) spanning from\n *   HDG to the mapped COG position, clipped to the arc.\n * - **Zoom to fit**: When `zoomToFitArc` is `true`, the fixed 120° arc is\n *   enlarged to fill the available space.\n *\n * ## Usage Guidelines\n *\n * - Set `heading` and `courseOverGround` to sensor values in degrees.\n * - Adjust `minFOV` to control the minimum zoom level (default 30°).\n * - Enable `zoomToFitArc` to enlarge the arc to fill the viewport.\n * - For a full‑circle compass, use `<obc-compass>` instead.\n *\n * @stable\n */\n@customElement('obc-compass-sector')\nexport class ObcCompassSector extends LitElement {\n  @property({type: Number}) heading = 0;\n  @property({type: Number}) courseOverGround = 0;\n\n  @property({type: Number}) headingSetpoint: number | null = null;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) newHeadingSetpoint: number | undefined;\n  /** @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==false */\n  @property({type: Boolean}) atHeadingSetpoint: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) headingSetpointAtZeroDeadband: number = 0.5;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) headingSetpointOverride: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean, attribute: false}) autoAtHeadingSetpoint = true;\n  /** @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==true */\n  @property({type: Number}) autoAtHeadingSetpointDeadband: number = 2;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) touching: boolean = false;\n  @property({type: Array, attribute: false}) headingAdvices: AngleAdvice[] = [];\n\n  @property({type: Number}) minFOV: number = 30;\n\n  @property({type: String}) rotType: RotType | undefined;\n  /** @availableWhen rotType!=undefined */\n  @property({type: String}) rotPosition: RotPosition = RotPosition.innerCircle;\n  /**\n   * Measured rate of turn in degrees per minute (positive = starboard).\n   * Drives both the bar extent and (after multiplication by\n   * `rotDotAnimationFactor`) the spinning dot animation. When `undefined`,\n   * falls back to the deprecated `rotationsPerMinute`.\n   * @availableWhen rotType!=undefined\n   */\n  @property({type: Number}) rateOfTurnDegreesPerMinute: number | undefined;\n  /**\n   * Visual amplification applied only to the spinning dot animation\n   * (not to the bar extent). Default `18` keeps the legacy visual feel\n   * (≈1 rpm at 20°/min).\n   * @availableWhen rotType!=undefined\n   */\n  @property({type: Number}) rotDotAnimationFactor: number = 18;\n  /**\n   * @deprecated Use `rateOfTurnDegreesPerMinute` (and optionally\n   * `rotDotAnimationFactor`) instead. Takes effect only when\n   * `rateOfTurnDegreesPerMinute` is `undefined`.\n   * @availableWhen rotType!=undefined && rateOfTurnDegreesPerMinute==undefined\n   */\n  @property({type: Number}) rotationsPerMinute: number = 1;\n  /**\n   * Bar-extent reference value in **degrees per minute**. The bar fills the\n   * full ±`ARC_HALF_EXTENT` arc when the measured ROT equals\n   * ±`rotMaxValue`. Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.\n   *\n   * Note: the unit changed from rotations per minute to degrees per minute\n   * with the introduction of `rateOfTurnDegreesPerMinute`.\n   * @availableWhen rotType==bar\n   */\n  @property({type: Number}) rotMaxValue: number = 60;\n  /** @availableWhen rotType!=undefined */\n  @property({type: Boolean}) rotPortStarboard: boolean = false;\n  /** @availableWhen rotType==bar */\n  @property({type: Number}) rotAtZeroDeadband: number = ROT_ZERO_DEADBAND_DEG;\n\n  @property({type: String}) state: InstrumentState = InstrumentState.active;\n  @property({type: String}) priority: Priority = Priority.regular;\n  /** @availableWhen priority==enhanced */\n  @property({type: Array, attribute: false})\n  priorityElements: CompassSectorPriorityElement[] = [\n    CompassSectorPriorityElement.hdg,\n  ];\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n  @property({type: Boolean}) zoomToFitArc: boolean = false;\n  /**\n   * When `true`, shows a centered `<obc-readout>` under the arc displaying the\n   * heading (label `HDG`, unit `DEG`). The value color follows the HDG entry in\n   * `priorityElements`, matching the HDG arrow.\n   */\n  @property({type: Boolean}) hasReadout: boolean = false;\n  /**\n   * Readout label. Default `HDG`.\n   * @availableWhen hasReadout==true\n   */\n  @property({type: String}) label = 'HDG';\n  /**\n   * Readout unit. Default `DEG`.\n   * @availableWhen hasReadout==true\n   */\n  @property({type: String}) unit = 'DEG';\n  /**\n   * Number of fraction digits shown in the readout. Default `0`.\n   * @availableWhen hasReadout==true\n   */\n  @property({type: Number}) fractionDigits = 0;\n\n  private _headingSp = new SetpointBundle({\n    angularWraparound: true,\n    onAnimationEnd: () => this.requestUpdate(),\n  });\n\n  // Cached computed values — updated in willUpdate()\n  private _halfFOV = 30;\n  private _arcHalfExtent = ARC_HALF_EXTENT;\n  private _scale = 1;\n  private _radiusOffset = 0;\n  private _cachedViewBox = '';\n  private _cachedArcFrame: ZoomToFitArcFrame | undefined;\n  private _cachedAreas: WatchArea[] = [];\n  private _cachedTickmarks: Tickmark[] = [];\n  private _cachedAdvices: AngleAdviceRaw[] = [];\n\n  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this._headingSp.sync({\n      setpoint: this.headingSetpoint ?? undefined,\n      newSetpoint: this.newHeadingSetpoint,\n      atSetpoint: this.atHeadingSetpoint,\n      touching: this.touching,\n      autoAtSetpoint: this.autoAtHeadingSetpoint,\n      autoAtSetpointDeadband: this.autoAtHeadingSetpointDeadband,\n      setpointAtZeroDeadband: this.headingSetpointAtZeroDeadband,\n      setpointOverride: this.headingSetpointOverride,\n      animateSetpoint: this.animateSetpoint,\n    });\n\n    const arcInputsChanged =\n      changed.has('heading') ||\n      changed.has('courseOverGround') ||\n      changed.has('minFOV') ||\n      changed.has('zoomToFitArc');\n\n    if (arcInputsChanged) {\n      let diff = this.courseOverGround - this.heading;\n      if (diff > 180) diff -= 360;\n      else if (diff < -180) diff += 360;\n      const minFov = Math.max(1, this.minFOV);\n      const MARGIN = 15;\n\n      if (this.zoomToFitArc) {\n        const needed = Math.max(minFov, Math.abs(diff) + MARGIN);\n        if (needed <= ARC_HALF_EXTENT) {\n          this._halfFOV = needed;\n          this._arcHalfExtent = needed;\n          this._scale = 1;\n        } else {\n          this._halfFOV = needed;\n          this._arcHalfExtent = ARC_HALF_EXTENT;\n          this._scale = ARC_HALF_EXTENT / needed;\n        }\n      } else {\n        this._halfFOV = Math.max(minFov, Math.abs(diff));\n        this._arcHalfExtent = ARC_HALF_EXTENT;\n        this._scale = ARC_HALF_EXTENT / this._halfFOV;\n      }\n\n      this._cachedAreas = [\n        {\n          startAngle: this.heading - this._arcHalfExtent,\n          endAngle: this.heading + this._arcHalfExtent,\n          roundInsideCut: true,\n          roundOutsideCut: true,\n        },\n      ];\n\n      this._computeViewBox();\n      this._cachedTickmarks = this._buildTickmarks();\n    }\n\n    if (arcInputsChanged || changed.has('headingAdvices')) {\n      this._cachedAdvices = this._buildAdvices();\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._headingSp.dispose();\n  }\n\n  // ---------------------------------------------------------------------------\n  // Angle mapping — maps compass degrees to arc positions\n  // ---------------------------------------------------------------------------\n\n  private _mapAngle(compassDeg: number): number {\n    let diff = compassDeg - this.heading;\n    if (diff > 180) diff -= 360;\n    else if (diff < -180) diff += 360;\n    return this.heading + diff * this._scale;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Areas — fixed 120° arc centered on heading (built in willUpdate)\n  // ---------------------------------------------------------------------------\n\n  // ---------------------------------------------------------------------------\n  // Tickmarks — compass-degree labels at mapped arc positions\n  // ---------------------------------------------------------------------------\n\n  private _buildTickmarks(): Tickmark[] {\n    const fov = this._halfFOV * 2;\n    const {mainInterval, primaryInterval, secondaryInterval} =\n      tickDensityForFOV(fov);\n    const halfFov = this._halfFOV;\n    const compassStart = this.heading - halfFov;\n    const compassEnd = this.heading + halfFov;\n\n    const tickmarks: Tickmark[] = [];\n    const added = new Set<number>();\n\n    const addTick = (\n      arcAngle: number,\n      type: TickmarkType,\n      text?: string\n    ): void => {\n      const key = Math.round(arcAngle * 1000);\n      if (added.has(key)) return;\n      added.add(key);\n      tickmarks.push({angle: arcAngle, type, text});\n    };\n\n    const step = secondaryInterval ?? primaryInterval;\n    const firstTick = Math.ceil(compassStart / step) * step;\n\n    for (\n      let compassDeg = firstTick;\n      compassDeg <= compassEnd;\n      compassDeg += step\n    ) {\n      const norm = normalizeAngle(compassDeg);\n      const arcAngle = this._mapAngle(compassDeg);\n      const isMain = norm % mainInterval === 0;\n      const isPrimary = norm % primaryInterval === 0;\n\n      if (isMain) {\n        addTick(arcAngle, TickmarkType.main, Math.round(norm).toString());\n      } else if (isPrimary) {\n        addTick(arcAngle, TickmarkType.primary);\n      } else {\n        addTick(arcAngle, TickmarkType.secondary);\n      }\n    }\n\n    return tickmarks;\n  }\n\n  // ---------------------------------------------------------------------------\n  // ViewBox\n  // ---------------------------------------------------------------------------\n\n  private _computeViewBox(): void {\n    if (this.zoomToFitArc) {\n      const targetSize = (176 + PADDING) * 2;\n      const frame = computeZoomToFitArcFrame({\n        areas: this._cachedAreas,\n        outerRadius: OUTER_RING_RADIUS,\n        innerRadius: INNER_RADIUS,\n        extension: PADDING,\n        targetSize,\n      });\n      this._radiusOffset = frame.radiusOffset;\n      this._cachedViewBox = frame.viewBox;\n      this._cachedArcFrame = frame;\n    } else {\n      this._radiusOffset = 0;\n      const width = (176 + PADDING) * 2;\n      this._cachedViewBox = `-${width / 2} -${width / 2} ${width} ${width}`;\n      this._cachedArcFrame = undefined;\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // North arrow — rendered in overlay at mapped 0° position\n  // ---------------------------------------------------------------------------\n\n  private _renderNorthArrow(rOff: number) {\n    let northOffset = -this.heading;\n    if (northOffset > 180) northOffset -= 360;\n    else if (northOffset < -180) northOffset += 360;\n    if (Math.abs(northOffset) > this._halfFOV) return nothing;\n\n    const northArcAngle = this._mapAngle(0);\n    const radius = OUTER_RING_RADIUS + rOff;\n    return svg`\n      <g transform=\"rotate(${northArcAngle}) translate(0, ${-radius})\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M-17.8457 24.984 0 0 17.8458 24.984C11.9868 24.3338 6.0324 24 0 24-6.0323 24-11.9867 24.3338-17.8457 24.984Z\"\n          fill=\"var(--instrument-frame-tertiary-color)\"/>\n      </g>\n    `;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Priority & advice helpers\n  // ---------------------------------------------------------------------------\n\n  private _angleInRange(value: number, min: number, max: number): boolean {\n    const v = normalizeAngle(value);\n    const start = normalizeAngle(min);\n    const end = normalizeAngle(max);\n    return start <= end ? v >= start && v <= end : v >= start || v <= end;\n  }\n\n  private _buildAdvices(): AngleAdviceRaw[] {\n    return this.headingAdvices.map(({minAngle, maxAngle, hinted, type}) => {\n      const state = this._angleInRange(this.heading, minAngle, maxAngle)\n        ? AdviceState.triggered\n        : hinted\n          ? AdviceState.hinted\n          : AdviceState.regular;\n      return {\n        minAngle: this._mapAngle(minAngle),\n        maxAngle: this._mapAngle(maxAngle),\n        type,\n        state,\n      };\n    });\n  }\n\n  private get _effectiveRotDegPerMin(): number {\n    return this.rateOfTurnDegreesPerMinute ?? this.rotationsPerMinute;\n  }\n\n  private get _rotEndAngle(): number {\n    const maxVal = this.rotMaxValue || 1;\n    const barCompassDeg =\n      (this._effectiveRotDegPerMin / maxVal) * ARC_HALF_EXTENT;\n    return this._mapAngle(this.heading + barCompassDeg);\n  }\n\n  private priorityFor(element: CompassSectorPriorityElement): Priority {\n    const selected = Array.isArray(this.priorityElements)\n      ? this.priorityElements\n      : [];\n    return selected.includes(element) ? this.priority : Priority.regular;\n  }\n\n  /**\n   * Vertical placement of the readout as a percentage of the host height.\n   *\n   * With `zoomToFitArc` the arc is reframed by `computeZoomToFitArcFrame`, whose\n   * `radiusOffset`/`viewBox` depend on the arc's *absolute* orientation (which\n   * cardinal axes its bounding box crosses), not just its bend. The arc itself\n   * is always rotated back to the top, so it stays put on screen — but a\n   * frame-derived offset would swing wildly as `heading` rotates the bbox around\n   * the circle. So in zoom we use a fixed offset, which keeps the readout steady\n   * under the (stationary) arc regardless of heading.\n   *\n   * Without zoom the viewBox is the fixed, origin-symmetric 120° framing, so the\n   * geometry is orientation-independent: place the readout halfway down the inner\n   * radius from the watch center toward the arc's inner edge.\n   */\n  private get _readoutTopPercent(): number {\n    if (this.zoomToFitArc) {\n      return 70;\n    }\n    const [, vy, , vh] = this._cachedViewBox.split(' ').map(Number);\n    if (!vh || Number.isNaN(vy)) {\n      return 50;\n    }\n    const anchorY = -INNER_RADIUS * 0.5;\n    return Math.round(((anchorY - vy) / vh) * 1000) / 10;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  override render() {\n    const rotation = -this.heading;\n    const viewBox = this._cachedViewBox;\n    const rOff = this._radiusOffset;\n\n    const mappedCOG = this._mapAngle(this.courseOverGround);\n    const mappedSetpoint =\n      this.headingSetpoint != null\n        ? this._mapAngle(this.headingSetpoint)\n        : undefined;\n    const mappedNewSetpoint =\n      this.newHeadingSetpoint != null\n        ? this._mapAngle(this.newHeadingSetpoint)\n        : undefined;\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .touching=${this.touching}\n          .padding=${PADDING}\n          .advices=${this._cachedAdvices}\n          .tickmarks=${this._cachedTickmarks}\n          .tickmarkStyle=${TickmarkStyle.regular}\n          .tickmarksInside=${this.tickmarksInside}\n          .state=${this.state}\n          .watchCircleType=${WATCH_TYPE}\n          .northArrow=${false}\n          .areas=${this._cachedAreas}\n          .arcFrame=${this._cachedArcFrame}\n          .zoomToFitArc=${this.zoomToFitArc}\n          .tickFadeAngle=${this._arcHalfExtent * 0.2}\n          .rotation=${rotation}\n          .angleSetpoint=${mappedSetpoint}\n          .newAngleSetpoint=${mappedNewSetpoint}\n          .atAngleSetpoint=${this._headingSp.computeAtSetpoint(this.heading)}\n          .angleSetpointAtZeroDeadband=${this.headingSetpointAtZeroDeadband}\n          .setpointOverride=${this.headingSetpointOverride}\n          .priority=${this.priority}\n          .animateSetpoint=${this.animateSetpoint}\n          .rotType=${this.rotType}\n          .rotPosition=${this.rotPosition}\n          .rotStartAngle=${this.heading}\n          .rotEndAngle=${this._rotEndAngle}\n          .rotPriority=${this.priorityFor(CompassSectorPriorityElement.rot)}\n          .rotPortStarboard=${this.rotPortStarboard}\n          .rotAtZeroDeadband=${this.rotAtZeroDeadband}\n          .rateOfTurnDegreesPerMinute=${this.rateOfTurnDegreesPerMinute}\n          .rotDotAnimationFactor=${this.rotDotAnimationFactor}\n          .rotationsPerMinute=${this.rotationsPerMinute}\n        >\n        </obc-watch>\n        <svg viewBox=\"${viewBox}\" transform=\"rotate(${rotation})\">\n          <g transform=\"rotate(${this.heading})\">\n            <line\n              x1=\"0\"\n              y1=\"${-(SCALE_INNER_RADIUS + rOff)}\"\n              x2=\"0\"\n              y2=\"${-(INNER_RADIUS + rOff)}\"\n              stroke=\"var(--instrument-frame-tertiary-color)\"\n              stroke-width=\"1\"\n              vector-effect=\"non-scaling-stroke\"\n            />\n          </g>\n          ${this._renderNorthArrow(rOff)}\n          ${arrow(\n            ArrowStyle.HDG,\n            this.heading,\n            this.priorityFor(CompassSectorPriorityElement.hdg),\n            rOff\n          )}\n          ${arrow(\n            ArrowStyle.COG,\n            mappedCOG,\n            this.priorityFor(CompassSectorPriorityElement.cog),\n            rOff\n          )}\n        </svg>\n        ${this.hasReadout\n          ? html`<div class=\"readout\" style=\"top: ${this._readoutTopPercent}%\">\n              ${renderInstrumentReadout({\n                value: this.heading,\n                priority: this.priorityFor(CompassSectorPriorityElement.hdg),\n                label: this.label,\n                unit: this.unit,\n                fractionDigits: this.fractionDigits,\n                centerValue: true,\n                centerMeta: true,\n              })}\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = [\n    unsafeCSS(instrumentReadoutStyle),\n    unsafeCSS(componentStyle),\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-compass-sector': ObcCompassSector;\n  }\n}\n"],"names":["CompassSectorPriorityElement"],"mappings":"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"}
+{"version":3,"file":"compass-sector.js","sources":["../../../src/navigation-instruments/compass-sector/compass-sector.ts"],"sourcesContent":["import {LitElement, PropertyValues, html, svg, unsafeCSS, nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport componentStyle from './compass-sector.css?inline';\nimport '../watch/watch.js';\nimport {renderInstrumentReadout} from '../readout/instrument-readout.js';\nimport instrumentReadoutStyle from '../readout/instrument-readout.css?inline';\nimport {Tickmark, TickmarkType, TickmarkStyle} from '../watch/tickmark.js';\nimport {arrow, ArrowStyle} from '../compass/arrow.js';\nimport {AdviceState, AngleAdvice, AngleAdviceRaw} from '../watch/advice.js';\nimport {\n  WatchCircleType,\n  WatchArea,\n  OUTER_RING_RADIUS,\n  innerRingRadiusFor,\n  RotType,\n  RotPosition,\n} from '../watch/watch.js';\nimport {SetpointBundle} from '../../svghelpers/setpoint-bundle.js';\nimport {\n  computeZoomToFitArcFrame,\n  type ZoomToFitArcFrame,\n} from '../../svghelpers/arc-frame.js';\nimport {ROT_ZERO_DEADBAND_DEG} from '../rate-of-turn/rot-renderer.js';\nimport {customElement} from '../../decorator.js';\nimport {InstrumentState, Priority} from '../types.js';\nexport {RotType, RotPosition};\n\nexport enum CompassSectorPriorityElement {\n  hdg = 'hdg',\n  cog = 'cog',\n  rot = 'rot',\n}\n\n// Fixed frame padding for both the zoomed and un-zoomed paths. This component\n// deliberately keeps its bespoke FOV-compression geometry and does NOT use\n// svghelpers/radial-frame.ts: the viewBox is cached per FOV (a\n// container-size-dependent label reserve would invalidate that), and the\n// 72-unit padding covers the 3-char degree labels at typical sizes.\n// TODO(#1021): adopt computeRadialFrame if degree labels ever clip when the\n// component is shrunk far below its design size.\nconst PADDING = 72;\nconst WATCH_TYPE = WatchCircleType.triple;\nconst INNER_RADIUS = innerRingRadiusFor(WATCH_TYPE);\n/** Half of the fixed 120° arc on the watch face. */\nconst ARC_HALF_EXTENT = 60;\nconst SCALE_INNER_RADIUS = innerRingRadiusFor(WatchCircleType.single);\n\ninterface TickDensity {\n  mainInterval: number;\n  primaryInterval: number;\n  secondaryInterval: number | undefined;\n}\n\nfunction tickDensityForFOV(fov: number): TickDensity {\n  if (fov <= 30) {\n    return {mainInterval: 10, primaryInterval: 5, secondaryInterval: 1};\n  } else if (fov <= 60) {\n    return {mainInterval: 10, primaryInterval: 5, secondaryInterval: undefined};\n  } else if (fov <= 120) {\n    return {mainInterval: 30, primaryInterval: 10, secondaryInterval: 5};\n  } else {\n    return {mainInterval: 90, primaryInterval: 30, secondaryInterval: 10};\n  }\n}\n\nfunction normalizeAngle(a: number): number {\n  return ((a % 360) + 360) % 360;\n}\n\n/**\n * `<obc-compass-sector>` — Curved compass strip that auto‑scales to keep HDG and COG visible.\n *\n * Renders a fixed 120° arc of a triple‑ring compass face. The visible\n * compass range (field of view) adjusts automatically so that both the\n * heading (HDG) and course‑over‑ground (COG) arrows are always in view.\n * This is the radial equivalent of `<obc-compass-flat>`: the arc shape\n * never changes — only the scale (compass‑degrees per arc‑degree) changes.\n *\n * ## Features\n *\n * - **Fixed 120° arc**: The watch face is always a 120° sector (±60° from\n *   center), identical in shape to `<obc-rot-sector>`.\n * - **FOV auto‑scaling**: The field of view widens when the HDG–COG\n *   angular difference grows, compressing more compass degrees into the\n *   fixed arc. Tickmark density adjusts automatically.\n * - **HDG / COG arrows**: Solid (HDG) arrow is always at the arc center.\n *   Hollow (COG) arrow is positioned proportionally within the arc.\n * - **North arrow**: A gray triangle in the outer scale band indicates\n *   north when it falls within the visible FOV.\n * - **Heading setpoint**: Optional setpoint marker with auto at‑setpoint\n *   detection and confirm animation, positioned at the mapped arc angle.\n * - **Advice zones**: Pass `headingAdvices` to render caution/alert arcs,\n *   mapped into the scaled arc.\n * - **Rate of turn**: Animated ROT indicator (dots or bar) spanning from\n *   HDG to the mapped COG position, clipped to the arc.\n * - **Zoom to fit**: When `zoomToFitArc` is `true`, the fixed 120° arc is\n *   enlarged to fill the available space.\n *\n * ## Usage Guidelines\n *\n * - Set `heading` and `courseOverGround` to sensor values in degrees.\n * - Adjust `minFOV` to control the minimum zoom level (default 30°).\n * - Enable `zoomToFitArc` to enlarge the arc to fill the viewport.\n * - For a full‑circle compass, use `<obc-compass>` instead.\n *\n * @stable\n */\n@customElement('obc-compass-sector')\nexport class ObcCompassSector extends LitElement {\n  @property({type: Number}) heading = 0;\n  @property({type: Number}) courseOverGround = 0;\n\n  @property({type: Number}) headingSetpoint: number | null = null;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) newHeadingSetpoint: number | undefined;\n  /** @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==false */\n  @property({type: Boolean}) atHeadingSetpoint: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Number}) headingSetpointAtZeroDeadband: number = 0.5;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) headingSetpointOverride: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean, attribute: false}) autoAtHeadingSetpoint = true;\n  /** @availableWhen headingSetpoint!=null && autoAtHeadingSetpoint==true */\n  @property({type: Number}) autoAtHeadingSetpointDeadband: number = 2;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n  /** @availableWhen headingSetpoint!=null */\n  @property({type: Boolean}) touching: boolean = false;\n  @property({type: Array, attribute: false}) headingAdvices: AngleAdvice[] = [];\n\n  @property({type: Number}) minFOV: number = 30;\n\n  @property({type: String}) rotType: RotType | undefined;\n  /** @availableWhen rotType!=undefined */\n  @property({type: String}) rotPosition: RotPosition = RotPosition.innerCircle;\n  /**\n   * Measured rate of turn in degrees per minute (positive = starboard).\n   * Drives both the bar extent and (after multiplication by\n   * `rotDotAnimationFactor`) the spinning dot animation. When `undefined`,\n   * falls back to the deprecated `rotationsPerMinute`.\n   * @availableWhen rotType!=undefined\n   */\n  @property({type: Number}) rateOfTurnDegreesPerMinute: number | undefined;\n  /**\n   * Visual amplification applied only to the spinning dot animation\n   * (not to the bar extent). Default `18` keeps the legacy visual feel\n   * (≈1 rpm at 20°/min).\n   * @availableWhen rotType!=undefined\n   */\n  @property({type: Number}) rotDotAnimationFactor: number = 18;\n  /**\n   * @deprecated Use `rateOfTurnDegreesPerMinute` (and optionally\n   * `rotDotAnimationFactor`) instead. Takes effect only when\n   * `rateOfTurnDegreesPerMinute` is `undefined`.\n   * @availableWhen rotType!=undefined && rateOfTurnDegreesPerMinute==undefined\n   */\n  @property({type: Number}) rotationsPerMinute: number = 1;\n  /**\n   * Bar-extent reference value in **degrees per minute**. The bar fills the\n   * full ±`ARC_HALF_EXTENT` arc when the measured ROT equals\n   * ±`rotMaxValue`. Default `60` aligns with ES-TRIN 2025/1 Art. 3.02.\n   *\n   * Note: the unit changed from rotations per minute to degrees per minute\n   * with the introduction of `rateOfTurnDegreesPerMinute`.\n   * @availableWhen rotType==bar\n   */\n  @property({type: Number}) rotMaxValue: number = 60;\n  /** @availableWhen rotType!=undefined */\n  @property({type: Boolean}) rotPortStarboard: boolean = false;\n  /** @availableWhen rotType==bar */\n  @property({type: Number}) rotAtZeroDeadband: number = ROT_ZERO_DEADBAND_DEG;\n\n  @property({type: String}) state: InstrumentState = InstrumentState.active;\n  @property({type: String}) priority: Priority = Priority.regular;\n  /** @availableWhen priority==enhanced */\n  @property({type: Array, attribute: false})\n  priorityElements: CompassSectorPriorityElement[] = [\n    CompassSectorPriorityElement.hdg,\n  ];\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n  @property({type: Boolean}) zoomToFitArc: boolean = false;\n  /**\n   * When `true`, shows a centered `<obc-readout>` under the arc displaying the\n   * heading (label `HDG`, unit `DEG`). The value color follows the HDG entry in\n   * `priorityElements`, matching the HDG arrow.\n   */\n  @property({type: Boolean}) hasReadout: boolean = false;\n  /**\n   * Readout label. Default `HDG`.\n   * @availableWhen hasReadout==true\n   */\n  @property({type: String}) label = 'HDG';\n  /**\n   * Readout unit. Default `DEG`.\n   * @availableWhen hasReadout==true\n   */\n  @property({type: String}) unit = 'DEG';\n  /**\n   * Number of fraction digits shown in the readout. Default `0`.\n   * @availableWhen hasReadout==true\n   */\n  @property({type: Number}) fractionDigits = 0;\n\n  private _headingSp = new SetpointBundle({\n    angularWraparound: true,\n    onAnimationEnd: () => this.requestUpdate(),\n  });\n\n  // Cached computed values — updated in willUpdate()\n  private _halfFOV = 30;\n  private _arcHalfExtent = ARC_HALF_EXTENT;\n  private _scale = 1;\n  private _radiusOffset = 0;\n  private _cachedViewBox = '';\n  private _cachedArcFrame: ZoomToFitArcFrame | undefined;\n  private _cachedAreas: WatchArea[] = [];\n  private _cachedTickmarks: Tickmark[] = [];\n  private _cachedAdvices: AngleAdviceRaw[] = [];\n\n  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this._headingSp.sync({\n      setpoint: this.headingSetpoint ?? undefined,\n      newSetpoint: this.newHeadingSetpoint,\n      atSetpoint: this.atHeadingSetpoint,\n      touching: this.touching,\n      autoAtSetpoint: this.autoAtHeadingSetpoint,\n      autoAtSetpointDeadband: this.autoAtHeadingSetpointDeadband,\n      setpointAtZeroDeadband: this.headingSetpointAtZeroDeadband,\n      setpointOverride: this.headingSetpointOverride,\n      animateSetpoint: this.animateSetpoint,\n    });\n\n    const arcInputsChanged =\n      changed.has('heading') ||\n      changed.has('courseOverGround') ||\n      changed.has('minFOV') ||\n      changed.has('zoomToFitArc');\n\n    if (arcInputsChanged) {\n      let diff = this.courseOverGround - this.heading;\n      if (diff > 180) diff -= 360;\n      else if (diff < -180) diff += 360;\n      const minFov = Math.max(1, this.minFOV);\n      const MARGIN = 15;\n\n      if (this.zoomToFitArc) {\n        const needed = Math.max(minFov, Math.abs(diff) + MARGIN);\n        if (needed <= ARC_HALF_EXTENT) {\n          this._halfFOV = needed;\n          this._arcHalfExtent = needed;\n          this._scale = 1;\n        } else {\n          this._halfFOV = needed;\n          this._arcHalfExtent = ARC_HALF_EXTENT;\n          this._scale = ARC_HALF_EXTENT / needed;\n        }\n      } else {\n        this._halfFOV = Math.max(minFov, Math.abs(diff));\n        this._arcHalfExtent = ARC_HALF_EXTENT;\n        this._scale = ARC_HALF_EXTENT / this._halfFOV;\n      }\n\n      this._cachedAreas = [\n        {\n          startAngle: this.heading - this._arcHalfExtent,\n          endAngle: this.heading + this._arcHalfExtent,\n          roundInsideCut: true,\n          roundOutsideCut: true,\n        },\n      ];\n\n      this._computeViewBox();\n      this._cachedTickmarks = this._buildTickmarks();\n    }\n\n    if (arcInputsChanged || changed.has('headingAdvices')) {\n      this._cachedAdvices = this._buildAdvices();\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._headingSp.dispose();\n  }\n\n  // ---------------------------------------------------------------------------\n  // Angle mapping — maps compass degrees to arc positions\n  // ---------------------------------------------------------------------------\n\n  private _mapAngle(compassDeg: number): number {\n    let diff = compassDeg - this.heading;\n    if (diff > 180) diff -= 360;\n    else if (diff < -180) diff += 360;\n    return this.heading + diff * this._scale;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Areas — fixed 120° arc centered on heading (built in willUpdate)\n  // ---------------------------------------------------------------------------\n\n  // ---------------------------------------------------------------------------\n  // Tickmarks — compass-degree labels at mapped arc positions\n  // ---------------------------------------------------------------------------\n\n  private _buildTickmarks(): Tickmark[] {\n    const fov = this._halfFOV * 2;\n    const {mainInterval, primaryInterval, secondaryInterval} =\n      tickDensityForFOV(fov);\n    const halfFov = this._halfFOV;\n    const compassStart = this.heading - halfFov;\n    const compassEnd = this.heading + halfFov;\n\n    const tickmarks: Tickmark[] = [];\n    const added = new Set<number>();\n\n    const addTick = (\n      arcAngle: number,\n      type: TickmarkType,\n      text?: string\n    ): void => {\n      const key = Math.round(arcAngle * 1000);\n      if (added.has(key)) return;\n      added.add(key);\n      tickmarks.push({angle: arcAngle, type, text});\n    };\n\n    const step = secondaryInterval ?? primaryInterval;\n    const firstTick = Math.ceil(compassStart / step) * step;\n\n    for (\n      let compassDeg = firstTick;\n      compassDeg <= compassEnd;\n      compassDeg += step\n    ) {\n      const norm = normalizeAngle(compassDeg);\n      const arcAngle = this._mapAngle(compassDeg);\n      const isMain = norm % mainInterval === 0;\n      const isPrimary = norm % primaryInterval === 0;\n\n      if (isMain) {\n        addTick(arcAngle, TickmarkType.main, Math.round(norm).toString());\n      } else if (isPrimary) {\n        addTick(arcAngle, TickmarkType.primary);\n      } else {\n        addTick(arcAngle, TickmarkType.secondary);\n      }\n    }\n\n    return tickmarks;\n  }\n\n  // ---------------------------------------------------------------------------\n  // ViewBox\n  // ---------------------------------------------------------------------------\n\n  private _computeViewBox(): void {\n    if (this.zoomToFitArc) {\n      const targetSize = (176 + PADDING) * 2;\n      const frame = computeZoomToFitArcFrame({\n        areas: this._cachedAreas,\n        outerRadius: OUTER_RING_RADIUS,\n        innerRadius: INNER_RADIUS,\n        extension: PADDING,\n        targetSize,\n      });\n      this._radiusOffset = frame.radiusOffset;\n      this._cachedViewBox = frame.viewBox;\n      this._cachedArcFrame = frame;\n    } else {\n      this._radiusOffset = 0;\n      const width = (176 + PADDING) * 2;\n      this._cachedViewBox = `-${width / 2} -${width / 2} ${width} ${width}`;\n      this._cachedArcFrame = undefined;\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // North arrow — rendered in overlay at mapped 0° position\n  // ---------------------------------------------------------------------------\n\n  private _renderNorthArrow(rOff: number) {\n    let northOffset = -this.heading;\n    if (northOffset > 180) northOffset -= 360;\n    else if (northOffset < -180) northOffset += 360;\n    if (Math.abs(northOffset) > this._halfFOV) return nothing;\n\n    const northArcAngle = this._mapAngle(0);\n    const radius = OUTER_RING_RADIUS + rOff;\n    return svg`\n      <g transform=\"rotate(${northArcAngle}) translate(0, ${-radius})\">\n        <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n          d=\"M-17.8457 24.984 0 0 17.8458 24.984C11.9868 24.3338 6.0324 24 0 24-6.0323 24-11.9867 24.3338-17.8457 24.984Z\"\n          fill=\"var(--instrument-frame-tertiary-color)\"/>\n      </g>\n    `;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Priority & advice helpers\n  // ---------------------------------------------------------------------------\n\n  private _angleInRange(value: number, min: number, max: number): boolean {\n    const v = normalizeAngle(value);\n    const start = normalizeAngle(min);\n    const end = normalizeAngle(max);\n    return start <= end ? v >= start && v <= end : v >= start || v <= end;\n  }\n\n  private _buildAdvices(): AngleAdviceRaw[] {\n    return this.headingAdvices.map(({minAngle, maxAngle, hinted, type}) => {\n      const state = this._angleInRange(this.heading, minAngle, maxAngle)\n        ? AdviceState.triggered\n        : hinted\n          ? AdviceState.hinted\n          : AdviceState.regular;\n      return {\n        minAngle: this._mapAngle(minAngle),\n        maxAngle: this._mapAngle(maxAngle),\n        type,\n        state,\n      };\n    });\n  }\n\n  private get _effectiveRotDegPerMin(): number {\n    return this.rateOfTurnDegreesPerMinute ?? this.rotationsPerMinute;\n  }\n\n  private get _rotEndAngle(): number {\n    const maxVal = this.rotMaxValue || 1;\n    const barCompassDeg =\n      (this._effectiveRotDegPerMin / maxVal) * ARC_HALF_EXTENT;\n    return this._mapAngle(this.heading + barCompassDeg);\n  }\n\n  private priorityFor(element: CompassSectorPriorityElement): Priority {\n    const selected = Array.isArray(this.priorityElements)\n      ? this.priorityElements\n      : [];\n    return selected.includes(element) ? this.priority : Priority.regular;\n  }\n\n  /**\n   * Vertical placement of the readout as a percentage of the host height.\n   *\n   * With `zoomToFitArc` the arc is reframed by `computeZoomToFitArcFrame`, whose\n   * `radiusOffset`/`viewBox` depend on the arc's *absolute* orientation (which\n   * cardinal axes its bounding box crosses), not just its bend. The arc itself\n   * is always rotated back to the top, so it stays put on screen — but a\n   * frame-derived offset would swing wildly as `heading` rotates the bbox around\n   * the circle. So in zoom we use a fixed offset, which keeps the readout steady\n   * under the (stationary) arc regardless of heading.\n   *\n   * Without zoom the viewBox is the fixed, origin-symmetric 120° framing, so the\n   * geometry is orientation-independent: place the readout halfway down the inner\n   * radius from the watch center toward the arc's inner edge.\n   */\n  private get _readoutTopPercent(): number {\n    if (this.zoomToFitArc) {\n      return 70;\n    }\n    const [, vy, , vh] = this._cachedViewBox.split(' ').map(Number);\n    if (!vh || Number.isNaN(vy)) {\n      return 50;\n    }\n    const anchorY = -INNER_RADIUS * 0.5;\n    return Math.round(((anchorY - vy) / vh) * 1000) / 10;\n  }\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  override render() {\n    const rotation = -this.heading;\n    const viewBox = this._cachedViewBox;\n    const rOff = this._radiusOffset;\n\n    const mappedCOG = this._mapAngle(this.courseOverGround);\n    const mappedSetpoint =\n      this.headingSetpoint != null\n        ? this._mapAngle(this.headingSetpoint)\n        : undefined;\n    const mappedNewSetpoint =\n      this.newHeadingSetpoint != null\n        ? this._mapAngle(this.newHeadingSetpoint)\n        : undefined;\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .touching=${this.touching}\n          .padding=${PADDING}\n          .advices=${this._cachedAdvices}\n          .tickmarks=${this._cachedTickmarks}\n          .tickmarkStyle=${TickmarkStyle.regular}\n          .tickmarksInside=${this.tickmarksInside}\n          .state=${this.state}\n          .watchCircleType=${WATCH_TYPE}\n          .northArrow=${false}\n          .areas=${this._cachedAreas}\n          .arcFrame=${this._cachedArcFrame}\n          .zoomToFitArc=${this.zoomToFitArc}\n          .tickFadeAngle=${this._arcHalfExtent * 0.2}\n          .rotation=${rotation}\n          .angleSetpoint=${mappedSetpoint}\n          .newAngleSetpoint=${mappedNewSetpoint}\n          .atAngleSetpoint=${this._headingSp.computeAtSetpoint(this.heading)}\n          .angleSetpointAtZeroDeadband=${this.headingSetpointAtZeroDeadband}\n          .setpointOverride=${this.headingSetpointOverride}\n          .priority=${this.priority}\n          .animateSetpoint=${this.animateSetpoint}\n          .rotType=${this.rotType}\n          .rotPosition=${this.rotPosition}\n          .rotStartAngle=${this.heading}\n          .rotEndAngle=${this._rotEndAngle}\n          .rotPriority=${this.priorityFor(CompassSectorPriorityElement.rot)}\n          .rotPortStarboard=${this.rotPortStarboard}\n          .rotAtZeroDeadband=${this.rotAtZeroDeadband}\n          .rateOfTurnDegreesPerMinute=${this.rateOfTurnDegreesPerMinute}\n          .rotDotAnimationFactor=${this.rotDotAnimationFactor}\n          .rotationsPerMinute=${this.rotationsPerMinute}\n        >\n        </obc-watch>\n        <svg viewBox=\"${viewBox}\" transform=\"rotate(${rotation})\">\n          <g transform=\"rotate(${this.heading})\">\n            <line\n              x1=\"0\"\n              y1=\"${-(SCALE_INNER_RADIUS + rOff)}\"\n              x2=\"0\"\n              y2=\"${-(INNER_RADIUS + rOff)}\"\n              stroke=\"var(--instrument-frame-tertiary-color)\"\n              stroke-width=\"1\"\n              vector-effect=\"non-scaling-stroke\"\n            />\n          </g>\n          ${this._renderNorthArrow(rOff)}\n          ${arrow(\n            ArrowStyle.HDG,\n            this.heading,\n            this.priorityFor(CompassSectorPriorityElement.hdg),\n            rOff\n          )}\n          ${arrow(\n            ArrowStyle.COG,\n            mappedCOG,\n            this.priorityFor(CompassSectorPriorityElement.cog),\n            rOff\n          )}\n        </svg>\n        ${this.hasReadout\n          ? html`<div class=\"readout\" style=\"top: ${this._readoutTopPercent}%\">\n              ${renderInstrumentReadout({\n                value: this.heading,\n                priority: this.priorityFor(CompassSectorPriorityElement.hdg),\n                label: this.label,\n                unit: this.unit,\n                fractionDigits: this.fractionDigits,\n                centerValue: true,\n                centerMeta: true,\n              })}\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = [\n    unsafeCSS(instrumentReadoutStyle),\n    unsafeCSS(componentStyle),\n  ];\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-compass-sector': ObcCompassSector;\n  }\n}\n"],"names":["CompassSectorPriorityElement"],"mappings":"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"}

package/dist/navigation-instruments/gauge-radial/gauge-radial.css.js

@@ -9,6 +9,14 @@ const componentStyle = css`* {
   height: 100%;
 }
 
+/* With a pinned face the host shrink-wraps the fixed-size dial, so rows of
+   pinned instruments can sit side by side in flex layouts. */
+
+:host([face-diameter]) {
+  width: fit-content;
+  height: fit-content;
+}
+
 .gauge-radial-root {
   /* Readout vertical placement per layout (% of the cropped box), tuned to the
      watch geometry — re-check if the ring radii or the 448 box change. Which
@@ -29,7 +37,10 @@ const componentStyle = css`* {
   height: auto;
   max-width: 100%;
   max-height: 100%;
-  aspect-ratio: 1;
+  /* --gauge-radial-aspect is set from TS only when the frame lowered a crop
+     for the label drop (frame.clipsAdjusted); otherwise the static sector
+     aspect below applies. */
+  aspect-ratio: var(--gauge-radial-aspect, 1);
 
   /* Defaults (centered both ways); overridden by the halign-* / valign-*
      classes. Horizontal alignment uses auto margins (which reference the host
@@ -45,7 +56,7 @@ const componentStyle = css`* {
 }
 
 .gauge-radial-root.sector-180 {
-    aspect-ratio: 448 / 251;
+    aspect-ratio: var(--gauge-radial-aspect, 448 / 251);
   }
 
 .gauge-radial-root.halign-left {
@@ -78,6 +89,27 @@ const componentStyle = css`* {
     transform: translateY(-100%);
   }
 
+/* faceDiameter pins the dial to a fixed intrinsic size: the inner
+     instrument sets its own px box and the root shrink-wraps it. The host
+     shrink-wraps too, so there is no slack to align within — neutralize the
+     alignment offsets (declared after the valign rules to win the cascade;
+     \`top: 50%\` would resolve to 0 in the auto-height host anyway while the
+     translateY still applied, shifting the dial up by half its height). */
+
+.gauge-radial-root.face-pinned {
+    width: fit-content;
+    height: fit-content;
+    max-width: none;
+    max-height: none;
+    aspect-ratio: auto;
+    top: 0;
+    transform: none;
+  }
+
+.gauge-radial-root.face-pinned.sector-180 {
+      aspect-ratio: auto;
+    }
+
 .gauge-radial-root .gauge-readout-value {
     position: absolute;
     left: 50%;

package/dist/navigation-instruments/gauge-radial/gauge-radial.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"gauge-radial.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"gauge-radial.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -145,6 +145,14 @@ export declare class ObcGaugeRadial extends ObcGaugeRadial_base {
     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;
     private get sectorAngles();
     /**
      * Per-edge crop (%) of the shared, origin-centered 448 SVG box each sector
@@ -154,6 +162,13 @@ export declare class ObcGaugeRadial extends ObcGaugeRadial_base {
      */
     private get sectorClips();
     private get isSector90();
+    /** @internal */
+    private _rootEl?;
+    /**
+     * Re-anchor the %-positioned readouts against the frame the inner
+     * instrument actually rendered (the box grows when labels need room).
+     */
+    private _onFrameChanged;
     getAngle: (v: number) => number;
     /** Renders one gauge readout; `withMeta`/`withValue` pick parts. */
     private renderReadout;

package/dist/navigation-instruments/gauge-radial/gauge-radial.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gauge-radial.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/gauge-radial/gauge-radial.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA4B,KAAK,cAAc,EAAC,MAAM,KAAK,CAAC;AAK9E,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AAEtD,OAAO,8DAA8D,CAAC;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAInD,oBAAY,kBAAkB;IAC5B,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,iBAAiB;IAC3B,MAAM,QAAQ;IACd,MAAM,QAAQ;IACd,SAAS,YAAY;IACrB,UAAU,aAAa;CACxB;AAED,oBAAY,8BAA8B;IACxC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,4BAA4B;IACtC,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBACa,cAAe,SAAQ,mBAAyB;IACjC,KAAK,SAAK;IACV,QAAQ,SAAO;IACf,QAAQ,SAAK;IACZ,UAAU,EAAE,OAAO,CAAS;IAC7B,uBAAuB,SAAM;IAC7B,yBAAyB,SAAM;IACzD;;;OAGG;IACuB,wBAAwB,EAAE,MAAM,GAAG,SAAS,CAC1D;IACc,KAAK,EAAE,eAAe,CAA0B;IAChD,QAAQ,EAAE,QAAQ,CAAoB;IACtC,IAAI,EAAE,kBAAkB,CACtB;IACD,eAAe,EAAE,OAAO,CAAS;IAClC,aAAa,EAAE,aAAa,CAC9B;IACxB,qEAAqE;IAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAM;IACpC,MAAM,EAAE,iBAAiB,CACvC;IAC3B;;;;OAIG;IAEH,mBAAmB,EAAE,8BAA8B,CACX;IACxC;;;;OAIG;IACuB,iBAAiB,EAAE,4BAA4B,CACnC;IACtC;;;;OAIG;IACwB,UAAU,UAAS;IACpB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,cAAc,SAAK;IAE7C,OAAO,KAAK,YAAY,GAYvB;IAED;;;;;OAKG;IACH,OAAO,KAAK,WAAW,GAiBtB;IAED,OAAO,KAAK,UAAU,GAKrB;IAID,QAAQ,GAAI,GAAG,MAAM,KAAG,MAAM,CAQ5B;IAEF,oEAAoE;IACpE,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,cAAc;IA+Cb,MAAM;IAkDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
+{"version":3,"file":"gauge-radial.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/gauge-radial/gauge-radial.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA4B,KAAK,cAAc,EAAC,MAAM,KAAK,CAAC;AAM9E,OAAO,EAAC,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AAEtD,OAAO,8DAA8D,CAAC;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAInD,oBAAY,kBAAkB;IAC5B,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,iBAAiB;IAC3B,MAAM,QAAQ;IACd,MAAM,QAAQ;IACd,SAAS,YAAY;IACrB,UAAU,aAAa;CACxB;AAED,oBAAY,8BAA8B;IACxC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,oBAAY,4BAA4B;IACtC,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;CACjB;;AAaD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,qBACa,cAAe,SAAQ,mBAAyB;IACjC,KAAK,SAAK;IACV,QAAQ,SAAO;IACf,QAAQ,SAAK;IACZ,UAAU,EAAE,OAAO,CAAS;IAC7B,uBAAuB,SAAM;IAC7B,yBAAyB,SAAM;IACzD;;;OAGG;IACuB,wBAAwB,EAAE,MAAM,GAAG,SAAS,CAC1D;IACc,KAAK,EAAE,eAAe,CAA0B;IAChD,QAAQ,EAAE,QAAQ,CAAoB;IACtC,IAAI,EAAE,kBAAkB,CACtB;IACD,eAAe,EAAE,OAAO,CAAS;IAClC,aAAa,EAAE,aAAa,CAC9B;IACxB,qEAAqE;IAC1B,OAAO,EAAE,iBAAiB,EAAE,CAAM;IACpC,MAAM,EAAE,iBAAiB,CACvC;IAC3B;;;;OAIG;IAEH,mBAAmB,EAAE,8BAA8B,CACX;IACxC;;;;OAIG;IACuB,iBAAiB,EAAE,4BAA4B,CACnC;IACtC;;;;OAIG;IACwB,UAAU,UAAS;IACpB,KAAK,SAAM;IACX,IAAI,SAAM;IACV,cAAc,SAAK;IAC7C;;;;;;OAMG;IAEH,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjC,OAAO,KAAK,YAAY,GAYvB;IAED;;;;;OAKG;IACH,OAAO,KAAK,WAAW,GAiBtB;IAED,OAAO,KAAK,UAAU,GAKrB;IAED,gBAAgB;IACa,OAAO,CAAC,OAAO,CAAC,CAAc;IAE3D;;;OAGG;IACH,OAAO,CAAC,eAAe,CAyBrB;IAIF,QAAQ,GAAI,GAAG,MAAM,KAAG,MAAM,CAQ5B;IAEF,oEAAoE;IACpE,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,cAAc;IA+Cb,MAAM;IAqDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}

package/dist/navigation-instruments/gauge-radial/gauge-radial.js

@@ -2,7 +2,7 @@ import { LitElement, nothing, html, unsafeCSS } from "lit";
 import { classMap } from "lit/directives/class-map.js";
 import componentStyle from "./gauge-radial.css.js";
 import { customElement } from "../../decorator.js";
-import { property } from "lit/decorators.js";
+import { property, query } from "lit/decorators.js";
 import { InstrumentState, Priority } from "../types.js";
 import { SetpointMixin } from "../../svghelpers/setpoint-mixin.js";
 import "../../building-blocks/instrument-radial/instrument-radial.js";
@@ -44,6 +44,9 @@ var GaugeRadialVerticalAlignment = /* @__PURE__ */ ((GaugeRadialVerticalAlignmen
   GaugeRadialVerticalAlignment2["bottom"] = "bottom";
   return GaugeRadialVerticalAlignment2;
 })(GaugeRadialVerticalAlignment || {});
+const READOUT_META_Y = 98.56;
+const READOUT_META_Y_NEEDLE = 58.24;
+const READOUT_META_Y_180 = -73.472;
 let ObcGaugeRadial = class extends SetpointMixin(LitElement) {
   constructor() {
     super(...arguments);
@@ -67,6 +70,28 @@ let ObcGaugeRadial = class extends SetpointMixin(LitElement) {
     this.label = "";
     this.unit = "";
     this.fractionDigits = 0;
+    this._onFrameChanged = (e) => {
+      const frame = e.detail;
+      const root = this._rootEl;
+      if (!root || !(frame.height > 0)) {
+        return;
+      }
+      const pct = (anchorY) => `${((anchorY - frame.y) / frame.height * 100).toFixed(4)}%`;
+      root.style.setProperty("--readout-meta-top", pct(READOUT_META_Y));
+      root.style.setProperty(
+        "--readout-meta-top-needle",
+        pct(READOUT_META_Y_NEEDLE)
+      );
+      root.style.setProperty("--readout-meta-top-180", pct(READOUT_META_Y_180));
+      if (frame.clipsAdjusted) {
+        root.style.setProperty(
+          "--gauge-radial-aspect",
+          `${frame.width} / ${frame.height}`
+        );
+      } else {
+        root.style.removeProperty("--gauge-radial-aspect");
+      }
+    };
     this.getAngle = (v) => {
       const { sweep, start } = this.sectorAngles;
       const span = this.maxValue - this.minValue;
@@ -172,6 +197,7 @@ let ObcGaugeRadial = class extends SetpointMixin(LitElement) {
       <div
         class=${classMap({
       "gauge-radial-root": true,
+      "face-pinned": this.faceDiameter !== void 0,
       "type-needle": this.type === "needle",
       "sector-180": this.sector === "180",
       "sector-90-left": this.sector === "90-left",
@@ -209,6 +235,8 @@ let ObcGaugeRadial = class extends SetpointMixin(LitElement) {
           .clipLeft=${clips.left}
           .clipRight=${clips.right}
           .endLabelsMaxMin=${this.sector === "180"}
+          .faceDiameter=${this.faceDiameter}
+          @frame-changed=${this._onFrameChanged}
         >
         </obc-instrument-radial>
         ${this.renderReadouts()}
@@ -277,6 +305,12 @@ __decorateClass([
 __decorateClass([
   property({ type: Number })
 ], ObcGaugeRadial.prototype, "fractionDigits", 2);
+__decorateClass([
+  property({ type: Number, attribute: "face-diameter", reflect: true })
+], ObcGaugeRadial.prototype, "faceDiameter", 2);
+__decorateClass([
+  query(".gauge-radial-root")
+], ObcGaugeRadial.prototype, "_rootEl", 2);
 ObcGaugeRadial = __decorateClass([
   customElement("obc-gauge-radial")
 ], ObcGaugeRadial);