@oicl/openbridge-webcomponents 0.0.20260407101310 → 0.0.20260407112816

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

@@ -0,0 +1,404 @@
+import { unsafeCSS, LitElement, nothing, svg, html } from "lit";
+import { property } from "lit/decorators.js";
+import componentStyle from "./compass-sector.css.js";
+import { WatchCircleType, innerRingRadiusFor, OUTER_RING_RADIUS } from "../watch/watch.js";
+import { TickmarkType, TickmarkStyle } from "../watch/tickmark.js";
+import { arrow, ArrowStyle } from "../compass/arrow.js";
+import { AdviceState } from "../watch/advice.js";
+import { SetpointBundle } from "../../svghelpers/setpoint-bundle.js";
+import { computeZoomToFitArcFrame } from "../../svghelpers/arc-frame.js";
+import { customElement } from "../../decorator.js";
+import { InstrumentState, Priority } from "../types.js";
+import { RotPosition } from "../rate-of-turn/rot-renderer.js";
+import { RotType } from "../rate-of-turn/rot-renderer.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var CompassSectorPriorityElement = /* @__PURE__ */ ((CompassSectorPriorityElement2) => {
+  CompassSectorPriorityElement2["hdg"] = "hdg";
+  CompassSectorPriorityElement2["cog"] = "cog";
+  CompassSectorPriorityElement2["rot"] = "rot";
+  return CompassSectorPriorityElement2;
+})(CompassSectorPriorityElement || {});
+const PADDING = 72;
+const WATCH_TYPE = WatchCircleType.triple;
+const INNER_RADIUS = innerRingRadiusFor(WATCH_TYPE);
+const ARC_HALF_EXTENT = 60;
+function tickDensityForFOV(fov) {
+  if (fov <= 30) {
+    return { mainInterval: 10, primaryInterval: 5, secondaryInterval: 1 };
+  } else if (fov <= 60) {
+    return { mainInterval: 10, primaryInterval: 5, secondaryInterval: void 0 };
+  } else if (fov <= 120) {
+    return { mainInterval: 30, primaryInterval: 10, secondaryInterval: 5 };
+  } else {
+    return { mainInterval: 90, primaryInterval: 30, secondaryInterval: 10 };
+  }
+}
+function normalizeAngle(a) {
+  return (a % 360 + 360) % 360;
+}
+let ObcCompassSector = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.heading = 0;
+    this.courseOverGround = 0;
+    this.headingSetpoint = null;
+    this.atHeadingSetpoint = false;
+    this.headingSetpointAtZeroDeadband = 0.5;
+    this.headingSetpointOverride = false;
+    this.autoAtHeadingSetpoint = true;
+    this.autoAtHeadingSetpointDeadband = 2;
+    this.animateSetpoint = false;
+    this.touching = false;
+    this.headingAdvices = [];
+    this.minFOV = 30;
+    this.rotPosition = RotPosition.innerCircle;
+    this.rotationsPerMinute = 1;
+    this.rotMaxValue = 10;
+    this.state = InstrumentState.active;
+    this.priority = Priority.regular;
+    this.priorityElements = [
+      "hdg"
+      /* hdg */
+    ];
+    this.tickmarksInside = false;
+    this.zoomToFitArc = false;
+    this._headingSp = new SetpointBundle({
+      angularWraparound: true,
+      onAnimationEnd: () => this.requestUpdate()
+    });
+    this._halfFOV = 30;
+    this._arcHalfExtent = ARC_HALF_EXTENT;
+    this._scale = 1;
+    this._radiusOffset = 0;
+    this._cachedViewBox = "";
+    this._cachedAreas = [];
+    this._cachedTickmarks = [];
+    this._cachedAdvices = [];
+  }
+  willUpdate(changed) {
+    super.willUpdate(changed);
+    this._headingSp.sync({
+      setpoint: this.headingSetpoint ?? void 0,
+      newSetpoint: this.newHeadingSetpoint,
+      atSetpoint: this.atHeadingSetpoint,
+      touching: this.touching,
+      autoAtSetpoint: this.autoAtHeadingSetpoint,
+      autoAtSetpointDeadband: this.autoAtHeadingSetpointDeadband,
+      setpointAtZeroDeadband: this.headingSetpointAtZeroDeadband,
+      setpointOverride: this.headingSetpointOverride,
+      animateSetpoint: this.animateSetpoint
+    });
+    const arcInputsChanged = changed.has("heading") || changed.has("courseOverGround") || changed.has("minFOV") || changed.has("zoomToFitArc");
+    if (arcInputsChanged) {
+      let diff = this.courseOverGround - this.heading;
+      if (diff > 180) diff -= 360;
+      else if (diff < -180) diff += 360;
+      const minFov = Math.max(1, this.minFOV);
+      const MARGIN = 15;
+      if (this.zoomToFitArc) {
+        const needed = Math.max(minFov, Math.abs(diff) + MARGIN);
+        if (needed <= ARC_HALF_EXTENT) {
+          this._halfFOV = needed;
+          this._arcHalfExtent = needed;
+          this._scale = 1;
+        } else {
+          this._halfFOV = needed;
+          this._arcHalfExtent = ARC_HALF_EXTENT;
+          this._scale = ARC_HALF_EXTENT / needed;
+        }
+      } else {
+        this._halfFOV = Math.max(minFov, Math.abs(diff));
+        this._arcHalfExtent = ARC_HALF_EXTENT;
+        this._scale = ARC_HALF_EXTENT / this._halfFOV;
+      }
+      this._cachedAreas = [
+        {
+          startAngle: this.heading - this._arcHalfExtent,
+          endAngle: this.heading + this._arcHalfExtent,
+          roundInsideCut: true,
+          roundOutsideCut: true
+        }
+      ];
+      this._computeViewBox();
+      this._cachedTickmarks = this._buildTickmarks();
+    }
+    if (arcInputsChanged || changed.has("headingAdvices")) {
+      this._cachedAdvices = this._buildAdvices();
+    }
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this._headingSp.dispose();
+  }
+  // ---------------------------------------------------------------------------
+  // Angle mapping — maps compass degrees to arc positions
+  // ---------------------------------------------------------------------------
+  _mapAngle(compassDeg) {
+    let diff = compassDeg - this.heading;
+    if (diff > 180) diff -= 360;
+    else if (diff < -180) diff += 360;
+    return this.heading + diff * this._scale;
+  }
+  // ---------------------------------------------------------------------------
+  // Areas — fixed 120° arc centered on heading (built in willUpdate)
+  // ---------------------------------------------------------------------------
+  // ---------------------------------------------------------------------------
+  // Tickmarks — compass-degree labels at mapped arc positions
+  // ---------------------------------------------------------------------------
+  _buildTickmarks() {
+    const fov = this._halfFOV * 2;
+    const { mainInterval, primaryInterval, secondaryInterval } = tickDensityForFOV(fov);
+    const halfFov = this._halfFOV;
+    const compassStart = this.heading - halfFov;
+    const compassEnd = this.heading + halfFov;
+    const tickmarks = [];
+    const added = /* @__PURE__ */ new Set();
+    const addTick = (arcAngle, type, text) => {
+      const key = Math.round(arcAngle * 1e3);
+      if (added.has(key)) return;
+      added.add(key);
+      tickmarks.push({ angle: arcAngle, type, text });
+    };
+    const step = secondaryInterval ?? primaryInterval;
+    const firstTick = Math.ceil(compassStart / step) * step;
+    for (let compassDeg = firstTick; compassDeg <= compassEnd; compassDeg += step) {
+      const norm = normalizeAngle(compassDeg);
+      const arcAngle = this._mapAngle(compassDeg);
+      const isMain = norm % mainInterval === 0;
+      const isPrimary = norm % primaryInterval === 0;
+      if (isMain) {
+        addTick(arcAngle, TickmarkType.main, Math.round(norm).toString());
+      } else if (isPrimary) {
+        addTick(arcAngle, TickmarkType.primary);
+      } else {
+        addTick(arcAngle, TickmarkType.secondary);
+      }
+    }
+    return tickmarks;
+  }
+  // ---------------------------------------------------------------------------
+  // ViewBox
+  // ---------------------------------------------------------------------------
+  _computeViewBox() {
+    if (this.zoomToFitArc) {
+      const targetSize = (176 + PADDING) * 2;
+      const frame = computeZoomToFitArcFrame({
+        areas: this._cachedAreas,
+        outerRadius: OUTER_RING_RADIUS,
+        innerRadius: INNER_RADIUS,
+        extension: PADDING,
+        targetSize
+      });
+      this._radiusOffset = frame.radiusOffset;
+      this._cachedViewBox = frame.viewBox;
+      this._cachedArcFrame = frame;
+    } else {
+      this._radiusOffset = 0;
+      const width = (176 + PADDING) * 2;
+      this._cachedViewBox = `-${width / 2} -${width / 2} ${width} ${width}`;
+      this._cachedArcFrame = void 0;
+    }
+  }
+  // ---------------------------------------------------------------------------
+  // North arrow — rendered in overlay at mapped 0° position
+  // ---------------------------------------------------------------------------
+  _renderNorthArrow(rOff) {
+    let northOffset = -this.heading;
+    if (northOffset > 180) northOffset -= 360;
+    else if (northOffset < -180) northOffset += 360;
+    if (Math.abs(northOffset) > this._halfFOV) return nothing;
+    const northArcAngle = this._mapAngle(0);
+    const radius = OUTER_RING_RADIUS + rOff;
+    return svg`
+      <g transform="rotate(${northArcAngle}) translate(0, ${-radius})">
+        <path fill-rule="evenodd" clip-rule="evenodd"
+          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"
+          fill="var(--instrument-frame-tertiary-color)"/>
+      </g>
+    `;
+  }
+  // ---------------------------------------------------------------------------
+  // Priority & advice helpers
+  // ---------------------------------------------------------------------------
+  _angleInRange(value, min, max) {
+    const v = normalizeAngle(value);
+    const start = normalizeAngle(min);
+    const end = normalizeAngle(max);
+    return start <= end ? v >= start && v <= end : v >= start || v <= end;
+  }
+  _buildAdvices() {
+    return this.headingAdvices.map(({ minAngle, maxAngle, hinted, type }) => {
+      const state = this._angleInRange(this.heading, minAngle, maxAngle) ? AdviceState.triggered : hinted ? AdviceState.hinted : AdviceState.regular;
+      return {
+        minAngle: this._mapAngle(minAngle),
+        maxAngle: this._mapAngle(maxAngle),
+        type,
+        state
+      };
+    });
+  }
+  get _rotEndAngle() {
+    const maxVal = this.rotMaxValue || 1;
+    const barCompassDeg = this.rotationsPerMinute / maxVal * ARC_HALF_EXTENT;
+    return this._mapAngle(this.heading + barCompassDeg);
+  }
+  priorityFor(element) {
+    const selected = Array.isArray(this.priorityElements) ? this.priorityElements : [];
+    return selected.includes(element) ? this.priority : Priority.regular;
+  }
+  // ---------------------------------------------------------------------------
+  // Render
+  // ---------------------------------------------------------------------------
+  render() {
+    const rotation = -this.heading;
+    const viewBox = this._cachedViewBox;
+    const rOff = this._radiusOffset;
+    const mappedCOG = this._mapAngle(this.courseOverGround);
+    const mappedSetpoint = this.headingSetpoint != null ? this._mapAngle(this.headingSetpoint) : void 0;
+    const mappedNewSetpoint = this.newHeadingSetpoint != null ? this._mapAngle(this.newHeadingSetpoint) : void 0;
+    return html`
+      <div class="container">
+        <obc-watch
+          .touching=${this.touching}
+          .padding=${PADDING}
+          .advices=${this._cachedAdvices}
+          .tickmarks=${this._cachedTickmarks}
+          .tickmarkStyle=${TickmarkStyle.regular}
+          .tickmarksInside=${this.tickmarksInside}
+          .state=${this.state}
+          .watchCircleType=${WATCH_TYPE}
+          .northArrow=${false}
+          .areas=${this._cachedAreas}
+          .arcFrame=${this._cachedArcFrame}
+          .zoomToFitArc=${this.zoomToFitArc}
+          .tickFadeAngle=${this._arcHalfExtent * 0.2}
+          .rotation=${rotation}
+          .angleSetpoint=${mappedSetpoint}
+          .newAngleSetpoint=${mappedNewSetpoint}
+          .atAngleSetpoint=${this._headingSp.computeAtSetpoint(this.heading)}
+          .angleSetpointAtZeroDeadband=${this.headingSetpointAtZeroDeadband}
+          .setpointOverride=${this.headingSetpointOverride}
+          .priority=${this.priority}
+          .animateSetpoint=${this.animateSetpoint}
+          .rotType=${this.rotType}
+          .rotPosition=${this.rotPosition}
+          .rotStartAngle=${this.heading}
+          .rotEndAngle=${this._rotEndAngle}
+          .rotPriority=${this.priorityFor(
+      "rot"
+      /* rot */
+    )}
+          .rotationsPerMinute=${this.rotationsPerMinute}
+        >
+        </obc-watch>
+        <svg viewBox="${viewBox}" transform="rotate(${rotation})">
+          ${this._renderNorthArrow(rOff)}
+          ${arrow(
+      ArrowStyle.HDG,
+      this.heading,
+      this.priorityFor(
+        "hdg"
+        /* hdg */
+      ),
+      rOff
+    )}
+          ${arrow(
+      ArrowStyle.COG,
+      mappedCOG,
+      this.priorityFor(
+        "cog"
+        /* cog */
+      ),
+      rOff
+    )}
+        </svg>
+      </div>
+    `;
+  }
+};
+ObcCompassSector.styles = unsafeCSS(componentStyle);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "heading", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "courseOverGround", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "headingSetpoint", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "newHeadingSetpoint", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcCompassSector.prototype, "atHeadingSetpoint", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "headingSetpointAtZeroDeadband", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcCompassSector.prototype, "headingSetpointOverride", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: false })
+], ObcCompassSector.prototype, "autoAtHeadingSetpoint", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "autoAtHeadingSetpointDeadband", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcCompassSector.prototype, "animateSetpoint", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcCompassSector.prototype, "touching", 2);
+__decorateClass([
+  property({ type: Array, attribute: false })
+], ObcCompassSector.prototype, "headingAdvices", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "minFOV", 2);
+__decorateClass([
+  property({ type: String })
+], ObcCompassSector.prototype, "rotType", 2);
+__decorateClass([
+  property({ type: String })
+], ObcCompassSector.prototype, "rotPosition", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "rotationsPerMinute", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompassSector.prototype, "rotMaxValue", 2);
+__decorateClass([
+  property({ type: String })
+], ObcCompassSector.prototype, "state", 2);
+__decorateClass([
+  property({ type: String })
+], ObcCompassSector.prototype, "priority", 2);
+__decorateClass([
+  property({ type: Array, attribute: false })
+], ObcCompassSector.prototype, "priorityElements", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcCompassSector.prototype, "tickmarksInside", 2);
+__decorateClass([
+  property({ type: Boolean })
+], ObcCompassSector.prototype, "zoomToFitArc", 2);
+ObcCompassSector = __decorateClass([
+  customElement("obc-compass-sector")
+], ObcCompassSector);
+export {
+  CompassSectorPriorityElement,
+  ObcCompassSector,
+  RotPosition,
+  RotType
+};
+//# sourceMappingURL=compass-sector.js.map

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

@@ -0,0 +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 {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 {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;\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 * @fires None\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  @property({type: Number}) newHeadingSetpoint: number | undefined;\n  @property({type: Boolean}) atHeadingSetpoint: boolean = false;\n  @property({type: Number}) headingSetpointAtZeroDeadband: number = 0.5;\n  @property({type: Boolean}) headingSetpointOverride: boolean = false;\n  @property({type: Boolean, attribute: false}) autoAtHeadingSetpoint = true;\n  @property({type: Number}) autoAtHeadingSetpointDeadband: number = 2;\n  @property({type: Boolean}) animateSetpoint: boolean = false;\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  @property({type: String}) rotPosition: RotPosition = RotPosition.innerCircle;\n  @property({type: Number}) rotationsPerMinute: number = 1;\n  @property({type: Number}) rotMaxValue: number = 10;\n\n  @property({type: String}) state: InstrumentState = InstrumentState.active;\n  @property({type: String}) priority: Priority = Priority.regular;\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  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 _rotEndAngle(): number {\n    const maxVal = this.rotMaxValue || 1;\n    const barCompassDeg = (this.rotationsPerMinute / 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  // 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          .rotationsPerMinute=${this.rotationsPerMinute}\n        >\n        </obc-watch>\n        <svg viewBox=\"${viewBox}\" transform=\"rotate(${rotation})\">\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      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\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/rate-of-turn/rate-of-turn.controller.d.ts

@@ -1,14 +1,27 @@
 import { ReactiveController, ReactiveControllerHost } from 'lit';
 export declare class RateOfTurnController implements ReactiveController {
     private host;
-    private el;
+    readonly el: Element;
     private animation?;
     private _rotationsPerMinute;
-    constructor(host: ReactiveControllerHost, el: HTMLElement, initialRotationsPerMinute?: number);
+    private _cyclePx;
+    constructor(host: ReactiveControllerHost, el: Element, initialRotationsPerMinute?: number, cyclePx?: number);
     set rotationsPerMinute(value: number);
     get rotationsPerMinute(): number;
+    set cyclePx(value: number);
+    get cyclePx(): number;
+    private get isTranslateMode();
+    private getKeyframes;
     hostConnected(): void;
     private startAnimation;
     private updateAnimation;
+    destroy(): void;
+    hostDisconnected(): void;
 }
+/**
+ * Dispose a `RateOfTurnController` reference: destroy the animation,
+ * remove the controller from its host, and return `undefined` to clear
+ * the caller's field.
+ */
+export declare function disposeRotController(host: ReactiveControllerHost, controller: RateOfTurnController | undefined): undefined;
 //# sourceMappingURL=rate-of-turn.controller.d.ts.map

package/dist/navigation-instruments/rate-of-turn/rate-of-turn.controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rate-of-turn.controller.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/rate-of-turn/rate-of-turn.controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,KAAK,CAAC;AAE/D,qBAAa,oBAAqB,YAAW,kBAAkB;IAC7D,OAAO,CAAC,IAAI,CAAyB;IACrC,OAAO,CAAC,EAAE,CAAc;IACxB,OAAO,CAAC,SAAS,CAAC,CAAY;IAC9B,OAAO,CAAC,mBAAmB,CAAK;gBAG9B,IAAI,EAAE,sBAAsB,EAC5B,EAAE,EAAE,WAAW,EACf,yBAAyB,SAAI;IAQ/B,IAAI,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAKnC;IAED,IAAI,kBAAkB,IAPQ,MAAM,CASnC;IAED,aAAa;IAIb,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,eAAe;CAiCxB"}
+{"version":3,"file":"rate-of-turn.controller.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/rate-of-turn/rate-of-turn.controller.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,kBAAkB,EAAE,sBAAsB,EAAC,MAAM,KAAK,CAAC;AAE/D,qBAAa,oBAAqB,YAAW,kBAAkB;IAC7D,OAAO,CAAC,IAAI,CAAyB;IACrC,QAAQ,CAAC,EAAE,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,SAAS,CAAC,CAAY;IAC9B,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,QAAQ,CAAK;gBAGnB,IAAI,EAAE,sBAAsB,EAC5B,EAAE,EAAE,OAAO,EACX,yBAAyB,SAAI,EAC7B,OAAO,SAAI;IASb,IAAI,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAKnC;IAED,IAAI,kBAAkB,IAPQ,MAAM,CASnC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAKxB;IAED,IAAI,OAAO,IAPQ,MAAM,CASxB;IAED,OAAO,KAAK,eAAe,GAE1B;IAED,OAAO,CAAC,YAAY;IAUpB,aAAa;IAIb,OAAO,CAAC,cAAc;IAetB,OAAO,CAAC,eAAe;IA+BvB,OAAO;IAKP,gBAAgB;CAGjB;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,sBAAsB,EAC5B,UAAU,EAAE,oBAAoB,GAAG,SAAS,GAC3C,SAAS,CAMX"}

package/dist/navigation-instruments/rate-of-turn/rate-of-turn.controller.js

@@ -1,9 +1,11 @@
 class RateOfTurnController {
-  constructor(host, el, initialRotationsPerMinute = 1) {
+  constructor(host, el, initialRotationsPerMinute = 1, cyclePx = 0) {
     this._rotationsPerMinute = 1;
+    this._cyclePx = 0;
     this.host = host;
     this.el = el;
     this._rotationsPerMinute = initialRotationsPerMinute;
+    this._cyclePx = cyclePx;
     this.host.addController(this);
   }
   set rotationsPerMinute(value) {
@@ -15,20 +17,38 @@ class RateOfTurnController {
   get rotationsPerMinute() {
     return this._rotationsPerMinute;
   }
+  set cyclePx(value) {
+    if (this._cyclePx !== value) {
+      this._cyclePx = value;
+      this.updateAnimation();
+    }
+  }
+  get cyclePx() {
+    return this._cyclePx;
+  }
+  get isTranslateMode() {
+    return this._cyclePx > 0;
+  }
+  getKeyframes() {
+    if (this.isTranslateMode) {
+      return [
+        { transform: "translateX(0px)" },
+        { transform: `translateX(${this._cyclePx}px)` }
+      ];
+    }
+    return [{ transform: "rotate(0deg)" }, { transform: "rotate(360deg)" }];
+  }
   hostConnected() {
     this.startAnimation();
   }
   startAnimation() {
     const absSpeed = Math.abs(this._rotationsPerMinute);
     const duration = absSpeed === 0 ? 1 : 1e3 * 60 / absSpeed;
-    this.animation = this.el.animate(
-      [{ transform: "rotate(0deg)" }, { transform: "rotate(360deg)" }],
-      {
-        duration,
-        iterations: Infinity,
-        direction: this._rotationsPerMinute >= 0 ? "normal" : "reverse"
-      }
-    );
+    this.animation = this.el.animate(this.getKeyframes(), {
+      duration,
+      iterations: Infinity,
+      direction: this._rotationsPerMinute >= 0 ? "normal" : "reverse"
+    });
     if (this._rotationsPerMinute === 0) {
       this.animation.pause();
     }
@@ -45,21 +65,33 @@ class RateOfTurnController {
     const newDuration = absSpeed === 0 ? 1 : 1e3 * 60 / absSpeed;
     const newDirection = this._rotationsPerMinute >= 0 ? "normal" : "reverse";
     const correctedProgress = oldDirection !== newDirection ? 1 - progress : progress;
-    this.animation = this.el.animate(
-      [{ transform: "rotate(0deg)" }, { transform: "rotate(360deg)" }],
-      {
-        duration: newDuration,
-        iterations: Infinity,
-        direction: newDirection
-      }
-    );
+    this.animation = this.el.animate(this.getKeyframes(), {
+      duration: newDuration,
+      iterations: Infinity,
+      direction: newDirection
+    });
     this.animation.currentTime = correctedProgress * newDuration;
     if (this._rotationsPerMinute === 0) {
       this.animation.pause();
     }
   }
+  destroy() {
+    this.animation?.cancel();
+    this.animation = void 0;
+  }
+  hostDisconnected() {
+    this.destroy();
+  }
+}
+function disposeRotController(host, controller) {
+  if (controller) {
+    controller.destroy();
+    host.removeController(controller);
+  }
+  return void 0;
 }
 export {
-  RateOfTurnController
+  RateOfTurnController,
+  disposeRotController
 };
 //# sourceMappingURL=rate-of-turn.controller.js.map

package/dist/navigation-instruments/rate-of-turn/rate-of-turn.controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"rate-of-turn.controller.js","sources":["../../../src/navigation-instruments/rate-of-turn/rate-of-turn.controller.ts"],"sourcesContent":["// spinner-controller.ts\nimport {ReactiveController, ReactiveControllerHost} from 'lit';\n\nexport class RateOfTurnController implements ReactiveController {\n  private host: ReactiveControllerHost;\n  private el: HTMLElement;\n  private animation?: Animation;\n  private _rotationsPerMinute = 1;\n\n  constructor(\n    host: ReactiveControllerHost,\n    el: HTMLElement,\n    initialRotationsPerMinute = 1\n  ) {\n    this.host = host;\n    this.el = el;\n    this._rotationsPerMinute = initialRotationsPerMinute;\n    this.host.addController(this);\n  }\n\n  set rotationsPerMinute(value: number) {\n    if (this._rotationsPerMinute !== value) {\n      this._rotationsPerMinute = value;\n      this.updateAnimation();\n    }\n  }\n\n  get rotationsPerMinute() {\n    return this._rotationsPerMinute;\n  }\n\n  hostConnected() {\n    this.startAnimation();\n  }\n\n  private startAnimation() {\n    const absSpeed = Math.abs(this._rotationsPerMinute);\n    const duration = absSpeed === 0 ? 1 : (1000 * 60) / absSpeed;\n\n    this.animation = this.el.animate(\n      [{transform: 'rotate(0deg)'}, {transform: 'rotate(360deg)'}],\n      {\n        duration,\n        iterations: Infinity,\n        direction: this._rotationsPerMinute >= 0 ? 'normal' : 'reverse',\n      }\n    );\n\n    if (this._rotationsPerMinute === 0) {\n      this.animation.pause();\n    }\n  }\n\n  private updateAnimation() {\n    if (!this.animation) return;\n\n    const currentTiming = this.animation.effect!.getComputedTiming();\n    const oldDuration = currentTiming.duration as number;\n    const currentTime = (this.animation.currentTime as number) ?? 0;\n    const oldDirection = currentTiming.direction;\n    const progress = (currentTime % oldDuration) / oldDuration;\n\n    this.animation.cancel();\n\n    const absSpeed = Math.abs(this._rotationsPerMinute);\n    const newDuration = absSpeed === 0 ? 1 : (1000 * 60) / absSpeed;\n    const newDirection = this._rotationsPerMinute >= 0 ? 'normal' : 'reverse';\n\n    const correctedProgress =\n      oldDirection !== newDirection ? 1 - progress : progress;\n\n    this.animation = this.el.animate(\n      [{transform: 'rotate(0deg)'}, {transform: 'rotate(360deg)'}],\n      {\n        duration: newDuration,\n        iterations: Infinity,\n        direction: newDirection,\n      }\n    );\n\n    this.animation.currentTime = correctedProgress * newDuration;\n\n    if (this._rotationsPerMinute === 0) {\n      this.animation.pause();\n    }\n  }\n}\n"],"names":[],"mappings":"AAGO,MAAM,qBAAmD;AAAA,EAM9D,YACE,MACA,IACA,4BAA4B,GAC5B;AANF,SAAQ,sBAAsB;AAO5B,SAAK,OAAO;AACZ,SAAK,KAAK;AACV,SAAK,sBAAsB;AAC3B,SAAK,KAAK,cAAc,IAAI;AAAA,EAC9B;AAAA,EAEA,IAAI,mBAAmB,OAAe;AACpC,QAAI,KAAK,wBAAwB,OAAO;AACtC,WAAK,sBAAsB;AAC3B,WAAK,gBAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEA,IAAI,qBAAqB;AACvB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,gBAAgB;AACd,SAAK,eAAA;AAAA,EACP;AAAA,EAEQ,iBAAiB;AACvB,UAAM,WAAW,KAAK,IAAI,KAAK,mBAAmB;AAClD,UAAM,WAAW,aAAa,IAAI,IAAK,MAAO,KAAM;AAEpD,SAAK,YAAY,KAAK,GAAG;AAAA,MACvB,CAAC,EAAC,WAAW,eAAA,GAAiB,EAAC,WAAW,kBAAiB;AAAA,MAC3D;AAAA,QACE;AAAA,QACA,YAAY;AAAA,QACZ,WAAW,KAAK,uBAAuB,IAAI,WAAW;AAAA,MAAA;AAAA,IACxD;AAGF,QAAI,KAAK,wBAAwB,GAAG;AAClC,WAAK,UAAU,MAAA;AAAA,IACjB;AAAA,EACF;AAAA,EAEQ,kBAAkB;AACxB,QAAI,CAAC,KAAK,UAAW;AAErB,UAAM,gBAAgB,KAAK,UAAU,OAAQ,kBAAA;AAC7C,UAAM,cAAc,cAAc;AAClC,UAAM,cAAe,KAAK,UAAU,eAA0B;AAC9D,UAAM,eAAe,cAAc;AACnC,UAAM,WAAY,cAAc,cAAe;AAE/C,SAAK,UAAU,OAAA;AAEf,UAAM,WAAW,KAAK,IAAI,KAAK,mBAAmB;AAClD,UAAM,cAAc,aAAa,IAAI,IAAK,MAAO,KAAM;AACvD,UAAM,eAAe,KAAK,uBAAuB,IAAI,WAAW;AAEhE,UAAM,oBACJ,iBAAiB,eAAe,IAAI,WAAW;AAEjD,SAAK,YAAY,KAAK,GAAG;AAAA,MACvB,CAAC,EAAC,WAAW,eAAA,GAAiB,EAAC,WAAW,kBAAiB;AAAA,MAC3D;AAAA,QACE,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAAA,IACb;AAGF,SAAK,UAAU,cAAc,oBAAoB;AAEjD,QAAI,KAAK,wBAAwB,GAAG;AAClC,WAAK,UAAU,MAAA;AAAA,IACjB;AAAA,EACF;AACF;"}
+{"version":3,"file":"rate-of-turn.controller.js","sources":["../../../src/navigation-instruments/rate-of-turn/rate-of-turn.controller.ts"],"sourcesContent":["// spinner-controller.ts\nimport {ReactiveController, ReactiveControllerHost} from 'lit';\n\nexport class RateOfTurnController implements ReactiveController {\n  private host: ReactiveControllerHost;\n  readonly el: Element;\n  private animation?: Animation;\n  private _rotationsPerMinute = 1;\n  private _cyclePx = 0;\n\n  constructor(\n    host: ReactiveControllerHost,\n    el: Element,\n    initialRotationsPerMinute = 1,\n    cyclePx = 0\n  ) {\n    this.host = host;\n    this.el = el;\n    this._rotationsPerMinute = initialRotationsPerMinute;\n    this._cyclePx = cyclePx;\n    this.host.addController(this);\n  }\n\n  set rotationsPerMinute(value: number) {\n    if (this._rotationsPerMinute !== value) {\n      this._rotationsPerMinute = value;\n      this.updateAnimation();\n    }\n  }\n\n  get rotationsPerMinute() {\n    return this._rotationsPerMinute;\n  }\n\n  set cyclePx(value: number) {\n    if (this._cyclePx !== value) {\n      this._cyclePx = value;\n      this.updateAnimation();\n    }\n  }\n\n  get cyclePx() {\n    return this._cyclePx;\n  }\n\n  private get isTranslateMode() {\n    return this._cyclePx > 0;\n  }\n\n  private getKeyframes(): Keyframe[] {\n    if (this.isTranslateMode) {\n      return [\n        {transform: 'translateX(0px)'},\n        {transform: `translateX(${this._cyclePx}px)`},\n      ];\n    }\n    return [{transform: 'rotate(0deg)'}, {transform: 'rotate(360deg)'}];\n  }\n\n  hostConnected() {\n    this.startAnimation();\n  }\n\n  private startAnimation() {\n    const absSpeed = Math.abs(this._rotationsPerMinute);\n    const duration = absSpeed === 0 ? 1 : (1000 * 60) / absSpeed;\n\n    this.animation = this.el.animate(this.getKeyframes(), {\n      duration,\n      iterations: Infinity,\n      direction: this._rotationsPerMinute >= 0 ? 'normal' : 'reverse',\n    });\n\n    if (this._rotationsPerMinute === 0) {\n      this.animation.pause();\n    }\n  }\n\n  private updateAnimation() {\n    if (!this.animation) return;\n\n    const currentTiming = this.animation.effect!.getComputedTiming();\n    const oldDuration = currentTiming.duration as number;\n    const currentTime = (this.animation.currentTime as number) ?? 0;\n    const oldDirection = currentTiming.direction;\n    const progress = (currentTime % oldDuration) / oldDuration;\n\n    this.animation.cancel();\n\n    const absSpeed = Math.abs(this._rotationsPerMinute);\n    const newDuration = absSpeed === 0 ? 1 : (1000 * 60) / absSpeed;\n    const newDirection = this._rotationsPerMinute >= 0 ? 'normal' : 'reverse';\n\n    const correctedProgress =\n      oldDirection !== newDirection ? 1 - progress : progress;\n\n    this.animation = this.el.animate(this.getKeyframes(), {\n      duration: newDuration,\n      iterations: Infinity,\n      direction: newDirection,\n    });\n\n    this.animation.currentTime = correctedProgress * newDuration;\n\n    if (this._rotationsPerMinute === 0) {\n      this.animation.pause();\n    }\n  }\n\n  destroy() {\n    this.animation?.cancel();\n    this.animation = undefined;\n  }\n\n  hostDisconnected() {\n    this.destroy();\n  }\n}\n\n/**\n * Dispose a `RateOfTurnController` reference: destroy the animation,\n * remove the controller from its host, and return `undefined` to clear\n * the caller's field.\n */\nexport function disposeRotController(\n  host: ReactiveControllerHost,\n  controller: RateOfTurnController | undefined\n): undefined {\n  if (controller) {\n    controller.destroy();\n    host.removeController(controller);\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"AAGO,MAAM,qBAAmD;AAAA,EAO9D,YACE,MACA,IACA,4BAA4B,GAC5B,UAAU,GACV;AARF,SAAQ,sBAAsB;AAC9B,SAAQ,WAAW;AAQjB,SAAK,OAAO;AACZ,SAAK,KAAK;AACV,SAAK,sBAAsB;AAC3B,SAAK,WAAW;AAChB,SAAK,KAAK,cAAc,IAAI;AAAA,EAC9B;AAAA,EAEA,IAAI,mBAAmB,OAAe;AACpC,QAAI,KAAK,wBAAwB,OAAO;AACtC,WAAK,sBAAsB;AAC3B,WAAK,gBAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEA,IAAI,qBAAqB;AACvB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAI,QAAQ,OAAe;AACzB,QAAI,KAAK,aAAa,OAAO;AAC3B,WAAK,WAAW;AAChB,WAAK,gBAAA;AAAA,IACP;AAAA,EACF;AAAA,EAEA,IAAI,UAAU;AACZ,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAY,kBAAkB;AAC5B,WAAO,KAAK,WAAW;AAAA,EACzB;AAAA,EAEQ,eAA2B;AACjC,QAAI,KAAK,iBAAiB;AACxB,aAAO;AAAA,QACL,EAAC,WAAW,kBAAA;AAAA,QACZ,EAAC,WAAW,cAAc,KAAK,QAAQ,MAAA;AAAA,MAAK;AAAA,IAEhD;AACA,WAAO,CAAC,EAAC,WAAW,eAAA,GAAiB,EAAC,WAAW,kBAAiB;AAAA,EACpE;AAAA,EAEA,gBAAgB;AACd,SAAK,eAAA;AAAA,EACP;AAAA,EAEQ,iBAAiB;AACvB,UAAM,WAAW,KAAK,IAAI,KAAK,mBAAmB;AAClD,UAAM,WAAW,aAAa,IAAI,IAAK,MAAO,KAAM;AAEpD,SAAK,YAAY,KAAK,GAAG,QAAQ,KAAK,gBAAgB;AAAA,MACpD;AAAA,MACA,YAAY;AAAA,MACZ,WAAW,KAAK,uBAAuB,IAAI,WAAW;AAAA,IAAA,CACvD;AAED,QAAI,KAAK,wBAAwB,GAAG;AAClC,WAAK,UAAU,MAAA;AAAA,IACjB;AAAA,EACF;AAAA,EAEQ,kBAAkB;AACxB,QAAI,CAAC,KAAK,UAAW;AAErB,UAAM,gBAAgB,KAAK,UAAU,OAAQ,kBAAA;AAC7C,UAAM,cAAc,cAAc;AAClC,UAAM,cAAe,KAAK,UAAU,eAA0B;AAC9D,UAAM,eAAe,cAAc;AACnC,UAAM,WAAY,cAAc,cAAe;AAE/C,SAAK,UAAU,OAAA;AAEf,UAAM,WAAW,KAAK,IAAI,KAAK,mBAAmB;AAClD,UAAM,cAAc,aAAa,IAAI,IAAK,MAAO,KAAM;AACvD,UAAM,eAAe,KAAK,uBAAuB,IAAI,WAAW;AAEhE,UAAM,oBACJ,iBAAiB,eAAe,IAAI,WAAW;AAEjD,SAAK,YAAY,KAAK,GAAG,QAAQ,KAAK,gBAAgB;AAAA,MACpD,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA,CACZ;AAED,SAAK,UAAU,cAAc,oBAAoB;AAEjD,QAAI,KAAK,wBAAwB,GAAG;AAClC,WAAK,UAAU,MAAA;AAAA,IACjB;AAAA,EACF;AAAA,EAEA,UAAU;AACR,SAAK,WAAW,OAAA;AAChB,SAAK,YAAY;AAAA,EACnB;AAAA,EAEA,mBAAmB;AACjB,SAAK,QAAA;AAAA,EACP;AACF;AAOO,SAAS,qBACd,MACA,YACW;AACX,MAAI,YAAY;AACd,eAAW,QAAA;AACX,SAAK,iBAAiB,UAAU;AAAA,EAClC;AACA,SAAO;AACT;"}