@oicl/openbridge-webcomponents 2.0.0-next.96 → 2.0.0-next.97

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

@@ -1 +1 @@
-{"version":3,"file":"watch.js","sources":["../../../src/navigation-instruments/watch/watch.ts"],"sourcesContent":["import {\n  LitElement,\n  PropertyValues,\n  SVGTemplateResult,\n  html,\n  nothing,\n  svg,\n  unsafeCSS,\n} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {circle} from '../../svghelpers/index.js';\nimport {roundedArch} from '../../svghelpers/roundedArch.js';\nimport {\n  cssSafeAngle,\n  deriveRadialSetpointConfig,\n  drawSetpointMarker,\n  getSetpointAnimationDurationMs,\n  getSetpointOutwardOffset,\n  RADIAL_SETPOINT_RADIUS,\n  SetpointVisualState,\n  SETPOINT_ANIMATION_CSS_VAR,\n  SETPOINT_ANIMATION_DURATION_DEFAULT,\n} from '../../svghelpers/setpoint.js';\nimport {InstrumentState, Priority} from '../types.js';\nimport compentStyle from './watch.css?inline';\nimport {ResizeController} from '@lit-labs/observers/resize-controller.js';\nimport {adviceMask, AngleAdviceRaw, renderAdvice} from './advice.js';\nimport {Tickmark, TickmarkStyle, tickmark} from './tickmark.js';\nexport {TickmarkStyle};\nimport {\n  RotType,\n  RotPosition,\n  renderRotDots,\n  renderRotBarStatic,\n  renderRotBarDots,\n  shortestAngularDeltaDeg,\n  renderRotZeroPill,\n  rotBarThresholdAngle,\n  ROT_ZERO_DEADBAND_DEG,\n} from '../rate-of-turn/rot-renderer.js';\nexport {RotType, RotPosition};\nimport {\n  RateOfTurnController,\n  disposeRotController,\n} from '../rate-of-turn/rate-of-turn.controller.js';\nimport {\n  renderLabels,\n  renderNorthArrow,\n  getLabelPositions,\n  LabelPosition,\n} from './label.js';\nimport {VesselImage, VesselImageSize, vesselImages} from './vessel.js';\nimport {renderCurrent, renderWind} from './environment.js';\nimport {customElement} from '../../decorator.js';\nimport {\n  computeZoomToFitArcFrame,\n  type ZoomToFitArcFrame,\n} from '../../svghelpers/arc-frame.js';\nexport {VesselImage, VesselImageSize, vesselImages};\n\nexport enum WatchCircleType {\n  single = 'single',\n  double = 'double',\n  doubleThin = 'doubleThin',\n  triple = 'triple',\n}\n\nexport interface WatchArea {\n  startAngle: number;\n  endAngle: number;\n  roundOutsideCut: boolean;\n  roundInsideCut: boolean;\n}\n\nexport interface WatchBarArea {\n  startAngle: number;\n  endAngle: number;\n  fillColor: string;\n}\n\nexport interface WatchNeedle {\n  angle: number;\n  fillColor: string;\n  strokeColor: string;\n}\n\nexport interface WatchVessel {\n  size: VesselImageSize;\n  transform: string;\n  vesselImage: VesselImage;\n}\n\nexport const OUTER_RING_RADIUS = 368 / 2;\nconst RING2_RADIUS = 320 / 2;\nconst RING3_RADIUS = 224 / 2;\nconst RING3B_RADIUS = 272 / 2;\nconst RING4_RADIUS = 176 / 2;\n\nexport function innerRingRadiusFor(type: WatchCircleType): number {\n  switch (type) {\n    case WatchCircleType.single:\n      return RING2_RADIUS;\n    case WatchCircleType.double:\n      return RING3_RADIUS;\n    case WatchCircleType.doubleThin:\n      return RING3B_RADIUS;\n    case WatchCircleType.triple:\n      return RING4_RADIUS;\n    default:\n      throw new Error(`Unknown WatchCircleType: ${type as string}`);\n  }\n}\n\nconst RADIAL_SETPOINT_INWARD_ADJUST = 4;\n\n/**\n * `<obc-watch>` - Core SVG renderer for circular/radial watch-based instruments.\n *\n * This component renders all circular instrument elements including rings, tickmarks,\n * bar areas, needles, advices, setpoints, vessel images, and environmental indicators\n * (wind/current). It serves as the foundation for compass, heading, rudder, speed-gauge,\n * and other radial navigation instruments.\n *\n * ## Setpoint Behavior\n *\n * The setpoint marker visual state is derived from the combination of `atAngleSetpoint`,\n * `angleSetpoint`, and `angleSetpointAtZeroDeadband` properties:\n *\n * - **notEqual**: Value differs from setpoint (triangular marker, offset outward)\n * - **equal**: Value matches setpoint (line marker, sits on ring)\n * - **equalZero**: Value matches setpoint at zero angle (double-line marker, offset outward)\n * - **focus**: User is actively adjusting via `newAngleSetpoint` - shows focus visual state\n *\n * ## newAngleSetpoint Pattern\n *\n * When `newAngleSetpoint` is defined, TWO setpoint markers are rendered:\n * 1. Original marker at `angleSetpoint` - dimmed (0.75 opacity)\n * 2. New marker at `newAngleSetpoint` - focus visual state, full opacity\n *\n * This enables the \"adjustment preview\" UX where users can see both the current\n * and proposed setpoint positions simultaneously.\n *\n * The `RADIAL_SETPOINT_INWARD_ADJUST` constant (4px) fine-tunes radial setpoint positioning\n * to match Figma designs, applied on top of visual state offsets from setpoint.ts.\n *\n * The `colorMode` property allows overriding the derived color mode (enhanced for enhanced priority,\n * regular for other states).\n *\n * ## Setpoint Animation (`animateSetpoint`)\n *\n * When `animateSetpoint` is true and a confirm occurs (`newAngleSetpoint` → `undefined`):\n * - The original setpoint slides to the new position via CSS transition\n * - The departing new-setpoint marker fades out\n * - Angular transitions always take the shortest path via accumulated\n *   CSS-safe angles (`cssSafeAngle()`), so even 350° → 10° animates +20°\n *\n * Duration: `var(--setpoint-animation-duration, 300ms)`\n *\n * Internally, `_departingNewAngleSetpoint` captures the departing angle during confirm\n * fade-out and `_animationTimer` auto-clears it after the animation duration.\n * `_setpointCssAngle` tracks the accumulated CSS angle to avoid long-way-around\n * transitions across the 0°/360° boundary.\n *\n * @property {InstrumentState} state - Instrument state (active, loading, off)\n * @property {Priority} priority - Color priority (enhanced = blue palette, regular = gray palette)\n * @property {number|undefined} angleSetpoint - Setpoint angle in degrees (0° = 12 o'clock)\n * @property {number|undefined} newAngleSetpoint - New setpoint being adjusted (focus mode)\n * @property {boolean} atAngleSetpoint - Whether value matches setpoint (within deadband)\n * @property {number} angleSetpointAtZeroDeadband - Deadband for zero detection (default 0.5°)\n * @property {boolean} setpointOverride - Override to derive setpoint color from priority regardless of state\n * @property {RotType|undefined} rotType - ROT visualization type: `'dots'` (spinning dots) or `'bar'` (arc bar with clipped dots). Undefined hides the ROT layer.\n * @property {RotPosition} rotPosition - Track on which ROT elements are placed: `'scale'` (on the outer ring) or `'innerCircle'` (default, inside the inner ring)\n * @property {number} rotStartAngle - Start angle of the ROT bar arc in degrees (0° = 12 o'clock, clockwise). Only used when `rotType` is `'bar'`.\n * @property {number} rotEndAngle - End angle of the ROT bar arc in degrees. The bar is hidden when the difference from `rotStartAngle` is less than 0.1°.\n * @property {Priority|undefined} rotPriority - Override priority for ROT color derivation. When set, ROT colors use this instead of the main `priority`. Useful when the ROT element has independent priority (e.g. compass per-element priority).\n * @property {number|undefined} rateOfTurnDegreesPerMinute - Measured rate of turn in degrees per minute (the maritime/AIS convention, see ES-TRIN 2025/1 Art. 3.02 and ITU-R M.1371). Sign controls direction (positive = starboard/clockwise). When defined, this drives both the dot animation (multiplied by `rotDotAnimationFactor`) and the port/starboard direction sign.\n * @property {number} rotDotAnimationFactor - Visual amplification factor applied only to the spinning-dot animation (not to bar extent). Default `18` keeps the legacy visual feel (≈1 rpm at 20°/min).\n * @property {number} rotationsPerMinute - **Deprecated.** Spin speed of the ROT dot ring in rotations per minute. Sign controls direction (positive = clockwise). Use `rateOfTurnDegreesPerMinute` instead.\n * @property {ZoomToFitArcFrame|undefined} arcFrame - Pre-computed zoom-to-fit arc frame. When set, the watch skips its own `computeZoomToFitArcFrame()` call and uses these values directly. Consumer instruments (e.g. rudder, instrument-radial) should compute the frame once and pass it here to avoid redundant computation. If you pass `arcFrame`, you own keeping it in sync with `areas` / `watchCircleType` — obc-watch will NOT recompute it, so a stale frame renders stale geometry.\n * @experimental\n */\n@customElement('obc-watch')\nexport class ObcWatch extends LitElement {\n  private _setpointId = `watch-setpoint-${Math.random().toString(36).slice(2, 9)}`;\n  private _newSetpointId = `watch-new-setpoint-${Math.random().toString(36).slice(2, 9)}`;\n\n  @property({type: String}) state: InstrumentState = InstrumentState.active;\n  @property({type: String}) priority: Priority = Priority.regular;\n  @property({type: String}) watchCircleType: WatchCircleType =\n    WatchCircleType.single;\n  @property({type: Boolean}) northArrow: boolean = false;\n  @property({type: Boolean}) northArrowInside: boolean | undefined;\n  @property({type: Number}) angleSetpoint: number | undefined;\n  @property({type: Number}) newAngleSetpoint: number | undefined;\n  @property({type: Boolean}) atAngleSetpoint: boolean = false;\n  @property({type: Number}) angleSetpointAtZeroDeadband: number = 0.5;\n  @property({type: Boolean}) setpointOverride: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n\n  @state() private _departingNewAngleSetpoint: number | undefined;\n  private _animationTimer?: ReturnType<typeof setTimeout>;\n\n  /**\n   * Accumulated CSS-safe angle for the original setpoint marker.\n   * Ensures CSS rotate() transitions always take the shortest path,\n   * even across the 0°/360° boundary.\n   */\n  private _setpointCssAngle: number = 0;\n\n  /** Whether the setpoint CSS angle has been initialised (to skip transition on first render). */\n  private _setpointCssAngleInit = false;\n  @property({type: Number}) padding: number | undefined;\n  @property({type: Array, attribute: false}) areas: WatchArea[] = [];\n  @property({type: Array, attribute: false}) barAreas: WatchBarArea[] = [];\n  @property({type: Array, attribute: false}) needles: WatchNeedle[] = [];\n  @property({type: Array, attribute: false}) tickmarks: Tickmark[] = [];\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n  @property({type: String}) tickmarkStyle: TickmarkStyle =\n    TickmarkStyle.regular;\n  @property({type: Array, attribute: false}) advices: AngleAdviceRaw[] = [];\n  @property({type: Boolean}) crosshairEnabled: boolean = false;\n  @property({type: Boolean}) showLabels: boolean = false;\n  @property({type: Array, attribute: false}) vessels: WatchVessel[] = [];\n  @property({type: Number}) windKnots: number | null = null;\n  @property({type: Number}) windFromDirectionDeg: number | null = null;\n  @property({type: Number}) windSymbolRadius: number | null = null;\n  @property({type: String}) windColor: string | undefined;\n  @property({type: Number}) current: number | null = null;\n  @property({type: Number}) currentFromDirectionDeg: number | null = null;\n  @property({type: Number}) currentSymbolRadius: number | null = null;\n  @property({type: String}) currentColor: string | undefined;\n  @property({type: Boolean}) starboardPortIndicator: boolean = false;\n  /** Top clip, % of height. Ignored when `zoomToFitArc` is true. */\n  @property({type: Number}) clipTop: number = 0;\n  /** Bottom clip, % of height. Ignored when `zoomToFitArc` is true. */\n  @property({type: Number}) clipBottom: number = 0;\n  /** Left clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */\n  @property({type: Number}) clipLeft: number = 0;\n  /** Right clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */\n  @property({type: Number}) clipRight: number = 0;\n  /**\n   * Place the horizontal end labels (±90°, e.g. min/max) below the tick instead\n   * of beside it. This is the \"Max-min\" label placement from the radial label\n   * model (External / Internal / Max-min) — see PR #903 / design discussion.\n   * Currently only used by the 180° sector of `obc-gauge-radial`.\n   */\n  @property({type: Boolean}) endLabelsMaxMin: boolean = false;\n  @property({type: Number}) scaleWindIcon: number = 1;\n  @property({type: Number}) rotation: number | undefined;\n  @property({type: Boolean}) zoomToFitArc: boolean = false;\n  @property({attribute: false}) arcFrame: ZoomToFitArcFrame | undefined;\n  @property({type: Number}) tickFadeAngle: number = 0;\n\n  @property({type: String}) rotType: RotType | undefined;\n  @property({type: String}) rotPosition: RotPosition = RotPosition.innerCircle;\n  @property({type: Number}) rotStartAngle: number = 0;\n  @property({type: Number}) rotEndAngle: number = 0;\n  @property({type: String}) rotPriority: Priority | undefined;\n  @property({type: Boolean}) rotPortStarboard: boolean = false;\n  @property({type: Number}) rotAtZeroDeadband: number = ROT_ZERO_DEADBAND_DEG;\n  @property({type: Number}) rateOfTurnDegreesPerMinute: number | undefined;\n  @property({type: Number}) rotDotAnimationFactor: number = 18;\n  /**\n   * @deprecated Use `rateOfTurnDegreesPerMinute` (and optionally `rotDotAnimationFactor`) instead.\n   * Kept as a backward-compatible alias; takes effect only when\n   * `rateOfTurnDegreesPerMinute` is `undefined`.\n   */\n  @property({type: Number})\n  set rotationsPerMinute(value: number) {\n    this._legacyRotationsPerMinute = value;\n  }\n  get rotationsPerMinute() {\n    return this._legacyRotationsPerMinute;\n  }\n  private _legacyRotationsPerMinute = 0;\n  private _rotController?: RateOfTurnController;\n\n  /**\n   * Effective rotations-per-minute for the spinning dot animation and\n   * port/starboard direction sign. Resolves to:\n   *   • `(rateOfTurnDegreesPerMinute / 360) * rotDotAnimationFactor` when the\n   *     new physical API is in use, OR\n   *   • the legacy `rotationsPerMinute` value otherwise.\n   */\n  private get _effectiveRpm(): number {\n    if (this.rateOfTurnDegreesPerMinute != null) {\n      return (\n        (this.rateOfTurnDegreesPerMinute / 360) * this.rotDotAnimationFactor\n      );\n    }\n    return this._legacyRotationsPerMinute;\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  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n\n    // Push the resolved effective RPM into the live controller whenever any\n    // of the inputs that compose it change.\n    if (\n      this._rotController &&\n      (changed.has('rateOfTurnDegreesPerMinute') ||\n        changed.has('rotDotAnimationFactor') ||\n        changed.has('rotationsPerMinute'))\n    ) {\n      this._rotController.rotationsPerMinute = this._effectiveRpm;\n    }\n\n    // Detect confirm: newAngleSetpoint was defined, now undefined\n    if (changed.has('newAngleSetpoint') && this.animateSetpoint) {\n      const prev = changed.get('newAngleSetpoint') as number | undefined;\n      if (prev !== undefined && this.newAngleSetpoint === undefined) {\n        this._departingNewAngleSetpoint = prev;\n        clearTimeout(this._animationTimer);\n        const duration = getSetpointAnimationDurationMs(this);\n        this._animationTimer = setTimeout(() => {\n          this._departingNewAngleSetpoint = undefined;\n        }, duration);\n      }\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearTimeout(this._animationTimer);\n    this._rotController = disposeRotController(this, this._rotController);\n  }\n\n  override updated(changed: PropertyValues): void {\n    super.updated(changed);\n    const el = this.rotType\n      ? this.renderRoot.querySelector('#rot-spinner')\n      : null;\n    if (!el) {\n      this._rotController = disposeRotController(this, this._rotController);\n      return;\n    }\n    if (!this._rotController || this._rotController.el !== el) {\n      this._rotController = disposeRotController(this, this._rotController);\n      this._rotController = new RateOfTurnController(\n        this,\n        el,\n        this._effectiveRpm\n      );\n    }\n  }\n\n  private get innerRingRadius(): number {\n    return innerRingRadiusFor(this.watchCircleType);\n  }\n\n  private _rOff = 0;\n\n  /**\n   * Radius for a dial-band edge under zoom: additive (`base + _rOff`), keeping\n   * band thickness constant in SVG units. INVARIANT: every band-edge radius\n   * (rings, value arc, bars, needles, inside-label `textRadius`) must go through\n   * this — mixing additive and multiplicative offsets misaligns ticks, labels,\n   * advice masks and arcs. The proportional experiments were removed for this\n   * reason (PR #903).\n   */\n  private _bandRadius(base: number): number {\n    return base + this._rOff;\n  }\n\n  private watchCircle(): SVGTemplateResult | SVGTemplateResult[] {\n    const rings = [];\n    if (this.state !== InstrumentState.off) {\n      rings.push(svg`\n        <circle\n          cx=\"0\"\n          cy=\"0\"\n          r=\"${this._bandRadius(172)}\"\n          stroke=\"var(--instrument-frame-primary-color)\"\n          fill=\"none\"\n          stroke-width=\"24\"\n        />`);\n\n      if (this.watchCircleType !== WatchCircleType.single) {\n        const r1 = this._bandRadius(RING2_RADIUS);\n        const r2 = this._bandRadius(\n          this.watchCircleType === WatchCircleType.doubleThin\n            ? RING3B_RADIUS\n            : RING3_RADIUS\n        );\n        const r = (r1 + r2) / 2;\n        const strokeWidth = r1 - r2;\n        rings.push(\n          svg`\n            <circle cx=\"0\" cy=\"0\" r=${r} stroke=\"var(--instrument-frame-secondary-color)\" stroke-width=${strokeWidth} fill=\"none\" />\n            <circle cx=\"0\" cy=\"0\" r=${r1} stroke=\"var(--instrument-frame-secondary-color)\" stroke-width=\"1\" fill=\"none\" vector-effect=\"non-scaling-stroke\" />\n            <circle cx=\"0\" cy=\"0\" r=${r2} stroke=\"var(--instrument-frame-secondary-color)\" stroke-width=\"1\" fill=\"none\" vector-effect=\"non-scaling-stroke\" />\n        `\n        );\n      }\n      if (this.watchCircleType === WatchCircleType.triple) {\n        const r1 = this._bandRadius(RING3_RADIUS);\n        const r2 = this._bandRadius(RING4_RADIUS);\n        const r = (r1 + r2) / 2;\n        const strokeWidth = r1 - r2;\n        rings.push(\n          svg`<circle cx=\"0\" cy=\"0\" r=${r} stroke=\"var(--instrument-frame-primary-color)\" stroke-width=${strokeWidth} fill=\"none\" />`\n        );\n      }\n    }\n\n    const maskSize = Math.max(200, OUTER_RING_RADIUS + this._rOff + 50);\n    let result = rings;\n    if (this.areas.length > 0) {\n      const areas = this.areas.map((area) => {\n        const svgPath = roundedArch({\n          startAngle: area.startAngle,\n          endAngle: area.endAngle,\n          R: this._bandRadius(OUTER_RING_RADIUS),\n          r: this._bandRadius(this.innerRingRadius),\n          roundOutsideCut: area.roundOutsideCut,\n          roundInsideCut: area.roundInsideCut,\n        });\n        return svgPath;\n      });\n      const mask = svg`<mask id=\"cutMask\">\n        <rect x=\"${-maskSize}\" y=\"${-maskSize}\" width=\"${maskSize * 2}\" height=\"${maskSize * 2}\" fill=\"black\" />\n        ${areas.map((area) => svg`<path d=${area} fill=\"white\" vector-effect=\"non-scaling-stroke\" stroke=\"white\" stroke-width=\"1\"/>`)}\n      </mask>`;\n      // clipPath for ROT uses r=0 so dots at any track radius stay visible\n      const rotClip = svg`<clipPath id=\"rot-arc-clip\">${this.areas.map(\n        (area) =>\n          svg`<path d=${roundedArch({\n            startAngle: area.startAngle,\n            endAngle: area.endAngle,\n            R: OUTER_RING_RADIUS + this._rOff + 20,\n            r: 0,\n            roundOutsideCut: area.roundOutsideCut,\n            roundInsideCut: area.roundInsideCut,\n          })} />`\n      )}</clipPath>`;\n      result = [mask, rotClip, svg`<g mask=\"url(#cutMask)\">${rings}</g>`];\n      areas.forEach((area) => {\n        result.push(\n          svg`<path d=${area} fill=\"none\" stroke=\"var(--instrument-frame-tertiary-color)\" vector-effect=\"non-scaling-stroke\"/>`\n        );\n      });\n    } else {\n      if (this.state !== InstrumentState.off) {\n        result.push(\n          circle('outerRing', {\n            radius: this._bandRadius(OUTER_RING_RADIUS),\n            strokeWidth: 1,\n            strokeColor: 'var(--instrument-frame-tertiary-color)',\n            strokePosition: 'center',\n            fillColor: 'none',\n          })\n        );\n\n        result.push(svg`\n          ${circle('innerRing', {\n            radius: this._bandRadius(this.innerRingRadius),\n            strokeWidth: 1,\n            strokeColor: 'var(--instrument-frame-tertiary-color)',\n            strokePosition: 'center',\n            fillColor: 'none',\n          })}\n        `);\n      } else {\n        result.push(svg`\n          ${circle('innerRing', {\n            radius: this._bandRadius(OUTER_RING_RADIUS),\n            strokeWidth: 1,\n            strokeColor: 'var(--instrument-frame-tertiary-color)',\n            strokePosition: 'center',\n            fillColor: 'none',\n          })}\n        `);\n      }\n    }\n    return result;\n  }\n\n  private _renderTickFadeDefs(): SVGTemplateResult | typeof nothing {\n    if (this.tickFadeAngle <= 0 || this.areas.length === 0) return nothing;\n    const area = this.areas[0];\n    const arcSpan = area.endAngle - area.startAngle;\n    const fade = Math.min(this.tickFadeAngle, arcSpan / 4);\n    if (fade < 0.5) return nothing;\n\n    const {startAngle, endAngle} = area;\n    const R = OUTER_RING_RADIUS + this._rOff + 200;\n    const toRad = (deg: number) => (deg * Math.PI) / 180;\n    const px = (deg: number) => R * Math.sin(toRad(deg));\n    const py = (deg: number) => -R * Math.cos(toRad(deg));\n\n    const pieSlice = (a: number, b: number): string => {\n      const x1 = px(a),\n        y1 = py(a);\n      const x2 = px(b),\n        y2 = py(b);\n      const largeArc = b - a > 180 ? 1 : 0;\n      return `M 0 0 L ${x1} ${y1} A ${R} ${R} 0 ${largeArc} 1 ${x2} ${y2} Z`;\n    };\n\n    const Rm =\n      (this._bandRadius(OUTER_RING_RADIUS) +\n        this._bandRadius(this.innerRingRadius)) /\n      2;\n    const gx = (deg: number) => Rm * Math.sin(toRad(deg));\n    const gy = (deg: number) => -Rm * Math.cos(toRad(deg));\n\n    return svg`\n      <defs>\n        <linearGradient id=\"tickFadeL\" gradientUnits=\"userSpaceOnUse\"\n          x1=\"${gx(startAngle)}\" y1=\"${gy(startAngle)}\"\n          x2=\"${gx(startAngle + fade)}\" y2=\"${gy(startAngle + fade)}\">\n          <stop offset=\"0\" stop-color=\"black\" />\n          <stop offset=\"1\" stop-color=\"white\" />\n        </linearGradient>\n        <linearGradient id=\"tickFadeR\" gradientUnits=\"userSpaceOnUse\"\n          x1=\"${gx(endAngle - fade)}\" y1=\"${gy(endAngle - fade)}\"\n          x2=\"${gx(endAngle)}\" y2=\"${gy(endAngle)}\">\n          <stop offset=\"0\" stop-color=\"white\" />\n          <stop offset=\"1\" stop-color=\"black\" />\n        </linearGradient>\n        <mask id=\"tickFadeMask\" maskUnits=\"userSpaceOnUse\"\n          x=\"${-R}\" y=\"${-R}\" width=\"${R * 2}\" height=\"${R * 2}\">\n          <path d=\"${pieSlice(startAngle + fade, endAngle - fade)}\" fill=\"white\" />\n          <path d=\"${pieSlice(startAngle, startAngle + fade)}\" fill=\"url(#tickFadeL)\" />\n          <path d=\"${pieSlice(endAngle - fade, endAngle)}\" fill=\"url(#tickFadeR)\" />\n        </mask>\n      </defs>\n    `;\n  }\n\n  private renderCrosshair(\n    radius: number,\n    labelKnockouts?: {\n      positions: LabelPosition[];\n      rotation: number | undefined;\n      scale: number;\n      /** Inner ring radius – crosshair is hidden between labelRadius and this value. */\n      innerRingRadius: number;\n    }\n  ): SVGTemplateResult {\n    const hasMask = labelKnockouts && labelKnockouts.positions.length > 0;\n\n    // Radius at which labels sit (distance from centre).\n    // Any position is equally valid — they're all at the same radial distance.\n    const labelRadius = hasMask\n      ? Math.max(\n          ...labelKnockouts!.positions.map((l) =>\n            Math.abs(l.x !== 0 ? l.x : l.y)\n          )\n        )\n      : 0;\n    // Small extra padding so the crosshair doesn't start/end right at the\n    // label edge — use the same visual pad as the letter knockouts.\n    const ringGapPad = hasMask ? 3 / labelKnockouts!.scale : 0;\n\n    return svg`\n      ${\n        hasMask\n          ? svg`\n        <defs>\n          <mask\n            id=\"crosshair-label-mask\"\n            maskUnits=\"userSpaceOnUse\"\n            x=\"-${radius}\" y=\"-${radius}\"\n            width=\"${radius * 2}\" height=\"${radius * 2}\"\n          >\n            <rect x=\"-${radius}\" y=\"-${radius}\" width=\"${radius * 2}\" height=\"${radius * 2}\" fill=\"white\"/>\n            <!-- Annular ring knockout: hide crosshair between labels and inner ring -->\n            <circle cx=\"0\" cy=\"0\" r=\"${labelKnockouts!.innerRingRadius}\" fill=\"black\"/>\n            <circle cx=\"0\" cy=\"0\" r=\"${labelRadius - ringGapPad}\" fill=\"white\"/>\n            <!-- Per-label rectangular knockouts -->\n            ${labelKnockouts!.positions.map((l) => {\n              const fontSize = 12 / labelKnockouts!.scale;\n              const pad = 3 / labelKnockouts!.scale;\n              const size = fontSize + pad * 2;\n              return svg`\n                <rect\n                  x=\"${l.x - size / 2}\" y=\"${l.y - size / 2}\"\n                  width=\"${size}\" height=\"${size}\"\n                  fill=\"black\"\n                  transform=\"rotate(${-(labelKnockouts!.rotation ?? 0)})\"\n                  transform-origin=\"${l.x} ${l.y}\"\n                />\n              `;\n            })}\n          </mask>\n        </defs>`\n          : nothing\n      }\n      <g mask=${hasMask ? 'url(#crosshair-label-mask)' : nothing}>\n        <line\n          x1=\"-${radius}\"\n          y1=\"0\"\n          x2=\"${radius}\"\n          y2=\"0\"\n          stroke=\"var(--instrument-frame-tertiary-color)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n        <line\n          x1=\"0\"\n          y1=\"-${radius}\"\n          x2=\"0\"\n          y2=\"${radius}\"\n          stroke=\"var(--instrument-frame-tertiary-color)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </g>\n    `;\n  }\n\n  private renderBars(): SVGTemplateResult[] | typeof nothing {\n    if (this.barAreas.length === 0) {\n      return nothing;\n    }\n    return this.barAreas.map((bar, index) => {\n      const startAngle = Math.min(bar.startAngle, bar.endAngle);\n      const endAngle = Math.max(bar.startAngle, bar.endAngle);\n      const arc = roundedArch({\n        r: this._bandRadius(RING3_RADIUS),\n        R: this._bandRadius(RING2_RADIUS),\n        startAngle: startAngle,\n        endAngle: endAngle,\n        roundInsideCut: false,\n        roundOutsideCut: false,\n      });\n      const barMaskR = RING2_RADIUS + this._rOff + 40;\n      // The mask is a sector to cut out the stroke on the start and end of the bar\n      const mask = svg`<mask id=\"barMask-${index}\">\n        <rect x=\"${-barMaskR}\" y=\"${-barMaskR}\" width=\"${barMaskR * 2}\" height=\"${barMaskR * 2}\" fill=\"black\" />\n        <path d=${roundedArch({\n          r: 1,\n          R: barMaskR,\n          startAngle: startAngle,\n          endAngle: endAngle,\n          roundInsideCut: false,\n          roundOutsideCut: false,\n        })} fill=\"white\" />\n      </mask>`;\n      return svg`\n        ${mask}\n        <g mask=\"url(#cutMask)\">\n        <path \n          d=${arc} \n          fill=${bar.fillColor} \n          stroke=${bar.fillColor} \n          stroke-width=\"1\" \n          vector-effect=\"non-scaling-stroke\" \n          mask=\"url(#barMask-${index})\" \n          />\n          </g>\n          `;\n    });\n  }\n\n  private renderNeedles(): SVGTemplateResult[] | typeof nothing {\n    if (this.needles.length === 0) {\n      return nothing;\n    }\n    return this.needles.map((needle) => {\n      return svg`\n        <rect \n          transform=\"rotate(${needle.angle})\" \n          x=\"-4\" y=\"${-this._bandRadius(RING2_RADIUS)}\" width=\"8\" height=\"48\" rx=\"4\"\n          fill=${needle.fillColor} \n          stroke=${needle.strokeColor}\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n          paint-order=\"stroke fill\"\n        />\n      `;\n    });\n  }\n\n  private getScale({width, height}: {width: number; height: number}): number {\n    let clientWidth = this.clientWidth;\n    let clientHeight = this.clientHeight;\n    if (clientWidth === 0 || clientHeight === 0) {\n      const box = this.parentElement?.getBoundingClientRect();\n      if (box) {\n        clientWidth = box.width;\n        clientHeight = box.height;\n      }\n    }\n    const scale = Math.min(clientWidth / width, clientHeight / height);\n    if (scale === Infinity || scale < 0) {\n      throw new Error('Watch scale is not valid');\n    }\n    return scale;\n  }\n\n  private getPadding(): number {\n    if (this.padding !== undefined) {\n      return this.padding;\n    }\n    const hasTickmarksWithText =\n      this.tickmarks.length > 0 &&\n      this.tickmarks.some((t) => t.text !== undefined);\n    if (hasTickmarksWithText && !this.tickmarksInside) {\n      return 24 * 2.5;\n    }\n    return 24;\n  }\n\n  override render() {\n    let width: number;\n    let height: number;\n    let viewBox: string;\n\n    if (this.arcFrame) {\n      this._rOff = this.arcFrame.radiusOffset;\n      width = this.arcFrame.width;\n      height = this.arcFrame.height;\n      viewBox = this.arcFrame.viewBox;\n    } else if (this.zoomToFitArc && this.areas.length > 0) {\n      const ext = this.getPadding();\n      const targetSize = (176 + ext) * 2;\n      const frame = computeZoomToFitArcFrame({\n        areas: this.areas,\n        outerRadius: OUTER_RING_RADIUS,\n        innerRadius: this.innerRingRadius,\n        extension: ext,\n        targetSize,\n      });\n      this._rOff = frame.radiusOffset;\n      width = frame.width;\n      height = frame.height;\n      viewBox = frame.viewBox;\n    } else {\n      this._rOff = 0;\n      const full = (176 + this.getPadding()) * 2;\n      width = full * (1 - this.clipLeft / 100 - this.clipRight / 100);\n      height = full * (1 - this.clipTop / 100 - this.clipBottom / 100);\n      const left = -full / 2 + (full * this.clipLeft) / 100;\n      const top = -full / 2 + (full * this.clipTop) / 100;\n      viewBox = `${left} ${top} ${width} ${height}`;\n    }\n\n    const rOff = this._rOff;\n    const scale = this.getScale({width, height});\n    const angleSetpoint = this.renderSetpoint();\n    // Route through _bandRadius so inside labels track the (zoom-shifted) inner\n    // band edge; the coupling is intentional (see _bandRadius INVARIANT).\n    const textRadius = this.tickmarksInside\n      ? this._bandRadius(this.innerRingRadius)\n      : this._bandRadius(OUTER_RING_RADIUS);\n    const maxDigits = Math.max(\n      ...this.tickmarks.map((t) => t.text?.length ?? 0)\n    );\n    const tickmarks = this.tickmarks.map((t) =>\n      tickmark(t.angle, {\n        size: t.type,\n        style: this.tickmarkStyle,\n        scale,\n        text: this.showLabels ? undefined : t.text,\n        inside: this.tickmarksInside,\n        textRadius,\n        rotation: this.rotation,\n        maxDigits,\n        color: t.color,\n        radiusOffset: rOff,\n        endLabelsMaxMin: this.endLabelsMaxMin,\n      })\n    );\n    const advices = this.advices\n      ? this.advices.map((a) => renderAdvice(a, rOff))\n      : nothing;\n\n    // Compute label positions once – used for both rendering and crosshair knockout.\n    const insideLabels = this.tickmarksInside && this.showLabels;\n    const includeNorth = !this.northArrow;\n    const labelPositions = this.showLabels\n      ? getLabelPositions({\n          scale,\n          inside: this.tickmarksInside,\n          innerRadius: this.innerRingRadius + rOff,\n          includeNorth,\n        })\n      : undefined;\n\n    const labels = labelPositions\n      ? renderLabels({\n          scale,\n          rotation: this.rotation,\n          inside: this.tickmarksInside,\n          innerRadius: this.innerRingRadius + rOff,\n          includeNorth,\n        })\n      : nothing;\n    const northArrowEl = this.northArrow\n      ? renderNorthArrow({\n          scale,\n          rotation: this.rotation,\n          inside: this.northArrowInside ?? this.tickmarksInside,\n        })\n      : nothing;\n    const wind =\n      this.windKnots != null && this.windFromDirectionDeg != null\n        ? svg`<g transform=\"scale(${this.scaleWindIcon})\">${renderWind({\n            windKnots: this.windKnots,\n            fromDirectionDeg: this.windFromDirectionDeg,\n            radius: this.windSymbolRadius ?? 192,\n            color: this.windColor,\n          })}</g>`\n        : nothing;\n    const current =\n      this.current != null && this.currentFromDirectionDeg != null\n        ? renderCurrent({\n            current: this.current,\n            fromDirectionDeg: this.currentFromDirectionDeg,\n            radius: this.currentSymbolRadius ?? 192,\n            color: this.currentColor,\n          })\n        : nothing;\n    return html`\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=${viewBox}\n        style=\"--scale: ${scale}\"\n        transform=\"rotate(${this.rotation ?? 0})\"\n      >\n        ${this.watchCircle()} ${this.renderBars()}\n        ${this.crosshairEnabled\n          ? this.renderCrosshair(\n              OUTER_RING_RADIUS + rOff,\n              insideLabels && labelPositions\n                ? {\n                    positions: labelPositions,\n                    rotation: this.rotation,\n                    scale,\n                    innerRingRadius: this.innerRingRadius + rOff,\n                  }\n                : undefined\n            )\n          : nothing}\n        ${northArrowEl} ${this.renderStarboardPortIndicator()} ${current}\n        ${this._renderTickFadeDefs()} ${wind}\n        ${this.tickFadeAngle > 0 && this.areas.length > 0\n          ? svg`<g mask=\"url(#tickFadeMask)\">${tickmarks}</g>`\n          : tickmarks}\n        ${this.areas.length > 0\n          ? svg`<g clip-path=\"url(#rot-arc-clip)\">${this.renderRot()}</g>`\n          : this.renderRot()}\n        ${advices} ${angleSetpoint}\n        ${this.tickFadeAngle > 0 && this.areas.length > 0\n          ? svg`<g mask=\"url(#tickFadeMask)\">${labels}</g>`\n          : labels}\n        ${this.renderVesselImage()} ${this.renderNeedles()}\n      </svg>\n    `;\n  }\n\n  private getRotColors(): {\n    dotColor: string;\n    barBgColor: string;\n  } {\n    const p = this.rotPriority ?? this.priority;\n    const isEnhanced = p === Priority.enhanced;\n\n    if (this.rotPortStarboard) {\n      // For bar type, derive direction from bar angles (visual direction);\n      // for dots, use spinner RPM.\n      let direction: number;\n      if (this.rotType === RotType.bar) {\n        const cwSpan =\n          (((this.rotEndAngle - this.rotStartAngle) % 360) + 360) % 360;\n        direction = cwSpan <= 180 ? cwSpan : cwSpan - 360;\n      } else {\n        direction = this._effectiveRpm;\n      }\n\n      if (direction > 0) {\n        return {\n          dotColor: 'var(--instrument-starboard-secondary-color)',\n          barBgColor: 'var(--instrument-starboard-primary-color)',\n        };\n      }\n      if (direction < 0) {\n        return {\n          dotColor: 'var(--instrument-port-secondary-color)',\n          barBgColor: 'var(--instrument-port-primary-color)',\n        };\n      }\n    }\n\n    return {\n      dotColor: isEnhanced\n        ? 'var(--instrument-enhanced-tertiary-color)'\n        : 'var(--instrument-regular-tertiary-color)',\n      barBgColor: isEnhanced\n        ? 'var(--instrument-enhanced-secondary-color)'\n        : 'var(--instrument-regular-secondary-color)',\n    };\n  }\n\n  private renderRot(): SVGTemplateResult | typeof nothing {\n    if (!this.rotType) return nothing;\n\n    const {dotColor, barBgColor} = this.getRotColors();\n    const rOff = this._rOff;\n\n    if (this.rotType === RotType.bar) {\n      const angularDelta = shortestAngularDeltaDeg(\n        this.rotStartAngle,\n        this.rotEndAngle\n      );\n      const threshold = rotBarThresholdAngle(this.rotPosition, rOff);\n      const zeroDb = Number.isFinite(this.rotAtZeroDeadband)\n        ? this.rotAtZeroDeadband\n        : ROT_ZERO_DEADBAND_DEG;\n\n      if (angularDelta < Math.max(zeroDb, threshold)) {\n        return renderRotZeroPill(\n          barBgColor,\n          this.rotStartAngle,\n          this.rotPosition,\n          rOff\n        );\n      }\n\n      return svg`\n        ${renderRotBarStatic({\n          startAngle: this.rotStartAngle,\n          endAngle: this.rotEndAngle,\n          barColor: barBgColor,\n          position: this.rotPosition,\n          maskId: 'rot-bar-mask',\n          radiusOffset: rOff,\n        })}\n        ${svg`<g clip-path=\"url(#rot-bar-mask)\">\n            <g id=\"rot-spinner\">\n              ${renderRotBarDots(dotColor, this.rotPosition, rOff)}\n            </g>\n          </g>`}\n      `;\n    }\n\n    const p = this.rotPriority ?? this.priority;\n    const isEnhanced = p === Priority.enhanced;\n    let dotsColor: string = isEnhanced\n      ? 'var(--instrument-enhanced-secondary-color)'\n      : 'var(--instrument-regular-secondary-color)';\n    if (this.rotPortStarboard) {\n      if (this._effectiveRpm > 0) {\n        dotsColor = 'var(--instrument-starboard-secondary-color)';\n      } else if (this._effectiveRpm < 0) {\n        dotsColor = 'var(--instrument-port-secondary-color)';\n      }\n    }\n    return svg`\n      <g id=\"rot-spinner\">\n        ${renderRotDots(dotsColor, this.rotPosition, rOff)}\n      </g>\n    `;\n  }\n\n  private renderSetpoint(): SVGTemplateResult | typeof nothing {\n    if (this.angleSetpoint === undefined) {\n      return nothing;\n    }\n\n    const derived = deriveRadialSetpointConfig({\n      state: this.state,\n      priority: this.priority,\n      atSetpoint: this.atAngleSetpoint,\n      angleSetpoint: this.angleSetpoint,\n      setpointAtZeroDeadband: this.angleSetpointAtZeroDeadband,\n      newAngleSetpoint: this.newAngleSetpoint,\n      touching: this.touching,\n      setpointOverride: this.setpointOverride,\n    });\n\n    const {visualState, colorMode, disabled, hasNewSetpoint} = derived;\n\n    const outwardOffset = getSetpointOutwardOffset(visualState);\n    const radius =\n      RADIAL_SETPOINT_RADIUS +\n      this._rOff +\n      outwardOffset -\n      RADIAL_SETPOINT_INWARD_ADJUST;\n\n    // Render original setpoint marker (dimmed when newAngleSetpoint is active)\n    const opacity = hasNewSetpoint ? 0.75 : 1;\n    const originalMarker = drawSetpointMarker({\n      visualState,\n      colorMode,\n      disabled,\n      id: this._setpointId,\n    });\n\n    const animate = this.animateSetpoint;\n    const hasDeparting = this._departingNewAngleSetpoint !== undefined;\n\n    // Compute CSS-safe accumulated angle so transitions always take the short path\n    const rawAngle = this.angleSetpoint + 90;\n    if (!this._setpointCssAngleInit) {\n      // First render: set angle without transition\n      this._setpointCssAngle = rawAngle;\n      this._setpointCssAngleInit = true;\n    } else {\n      this._setpointCssAngle = cssSafeAngle(this._setpointCssAngle, rawAngle);\n    }\n\n    // Use CSS style transform when animating for smooth transition\n    const originalSetpoint = animate\n      ? svg`\n        <g style=\"transform: rotate(${this._setpointCssAngle}deg) translateX(${-radius}px) rotate(270deg); opacity: ${opacity}; transition: transform var(${SETPOINT_ANIMATION_CSS_VAR}, ${SETPOINT_ANIMATION_DURATION_DEFAULT}) ease-out, opacity var(${SETPOINT_ANIMATION_CSS_VAR}, ${SETPOINT_ANIMATION_DURATION_DEFAULT}) ease-out;\">\n          ${originalMarker}\n        </g>\n      `\n      : svg`\n        <g transform=\"rotate(${this.angleSetpoint + 90}) translate(${-radius}, 0) rotate(270)\" opacity=\"${opacity}\">\n          ${originalMarker}\n        </g>\n      `;\n\n    // Render newAngleSetpoint in focus state (always on top)\n    // OR render departing newAngleSetpoint during confirm fade-out\n    if (hasNewSetpoint || hasDeparting) {\n      const isActive = hasNewSetpoint;\n      const newAngle = isActive\n        ? this.newAngleSetpoint!\n        : this._departingNewAngleSetpoint!;\n      const targetOpacity = isActive ? 1 : 0;\n\n      const focusOutwardOffset = getSetpointOutwardOffset(\n        SetpointVisualState.focus\n      );\n      const focusRadius =\n        RADIAL_SETPOINT_RADIUS +\n        this._rOff +\n        focusOutwardOffset -\n        RADIAL_SETPOINT_INWARD_ADJUST;\n\n      const newMarker = drawSetpointMarker({\n        visualState: SetpointVisualState.focus,\n        colorMode,\n        disabled: false, // newSetpoint is never disabled\n        id: this._newSetpointId,\n      });\n\n      if (animate) {\n        const duration = `var(${SETPOINT_ANIMATION_CSS_VAR}, ${SETPOINT_ANIMATION_DURATION_DEFAULT})`;\n        return svg`\n          ${originalSetpoint}\n          <g style=\"transform: rotate(${newAngle + 90}deg) translateX(${-focusRadius}px) rotate(270deg); opacity: ${targetOpacity}; transition: opacity ${duration} ease-out;\">\n            ${newMarker}\n          </g>\n        `;\n      }\n\n      return svg`\n        ${originalSetpoint}\n        <g transform=\"rotate(${newAngle + 90}) translate(${-focusRadius}, 0) rotate(270)\" opacity=\"${targetOpacity}\">\n          ${newMarker}\n        </g>\n      `;\n    }\n\n    return originalSetpoint;\n  }\n\n  private renderVesselImage(): SVGTemplateResult[] | typeof nothing {\n    if (this.vessels.length === 0) {\n      return nothing;\n    }\n\n    return this.vessels.map((v) => {\n      let size;\n      switch (v.size) {\n        case VesselImageSize.large:\n          size = 224;\n          break;\n        case VesselImageSize.medium:\n          size = 160;\n          break;\n        default:\n          size = 100;\n      }\n\n      const scale = size / 160;\n      return svg`<g style=\"transform: ${v.transform} scale(${scale}) translate(-80px, -80px) \">${vesselImages[v.vesselImage]}</g>`;\n    });\n  }\n\n  private renderStarboardPortIndicator(): SVGTemplateResult[] | typeof nothing {\n    if (!this.starboardPortIndicator) {\n      return nothing;\n    }\n    return [\n      adviceMask(\n        0,\n        180,\n        'var(--instrument-starboard-secondary-color)',\n        'var(--instrument-starboard-secondary-color)'\n      ),\n      adviceMask(\n        180,\n        360,\n        'var(--instrument-port-secondary-color)',\n        'var(--instrument-port-secondary-color)'\n      ),\n    ] as SVGTemplateResult[];\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-watch': ObcWatch;\n  }\n}\n"],"names":["WatchCircleType"],"mappings":"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"}
+{"version":3,"file":"watch.js","sources":["../../../src/navigation-instruments/watch/watch.ts"],"sourcesContent":["import {\n  LitElement,\n  PropertyValues,\n  SVGTemplateResult,\n  html,\n  nothing,\n  svg,\n  unsafeCSS,\n} from 'lit';\nimport {property, state} from 'lit/decorators.js';\nimport {circle} from '../../svghelpers/index.js';\nimport {roundedArch} from '../../svghelpers/roundedArch.js';\nimport {\n  cssSafeAngle,\n  deriveRadialSetpointConfig,\n  drawSetpointMarker,\n  getSetpointAnimationDurationMs,\n  getSetpointOutwardOffset,\n  RADIAL_SETPOINT_RADIUS,\n  SetpointVisualState,\n  SETPOINT_ANIMATION_CSS_VAR,\n  SETPOINT_ANIMATION_DURATION_DEFAULT,\n} from '../../svghelpers/setpoint.js';\nimport {InstrumentState, Priority} from '../types.js';\nimport compentStyle from './watch.css?inline';\nimport {ResizeController} from '@lit-labs/observers/resize-controller.js';\nimport {adviceMask, AngleAdviceRaw, renderAdvice} from './advice.js';\nimport {Tickmark, TickmarkStyle, tickmark} from './tickmark.js';\nexport {TickmarkStyle};\nimport {\n  RotType,\n  RotPosition,\n  renderRotDots,\n  renderRotBarStatic,\n  renderRotBarDots,\n  shortestAngularDeltaDeg,\n  renderRotZeroPill,\n  rotBarThresholdAngle,\n  ROT_ZERO_DEADBAND_DEG,\n} from '../rate-of-turn/rot-renderer.js';\nexport {RotType, RotPosition};\nimport {\n  RateOfTurnController,\n  disposeRotController,\n} from '../rate-of-turn/rate-of-turn.controller.js';\nimport {\n  renderLabels,\n  renderNorthArrow,\n  getLabelPositions,\n  LabelPosition,\n} from './label.js';\nimport {VesselImage, VesselImageSize, vesselImages} from './vessel.js';\nimport {renderCurrent, renderWind} from './environment.js';\nimport {customElement} from '../../decorator.js';\nimport {\n  computeZoomToFitArcFrame,\n  type ZoomToFitArcFrame,\n} from '../../svghelpers/arc-frame.js';\nexport {VesselImage, VesselImageSize, vesselImages};\n\nexport enum WatchCircleType {\n  single = 'single',\n  double = 'double',\n  doubleThin = 'doubleThin',\n  triple = 'triple',\n}\n\nexport interface WatchArea {\n  startAngle: number;\n  endAngle: number;\n  roundOutsideCut: boolean;\n  roundInsideCut: boolean;\n}\n\nexport interface WatchBarArea {\n  startAngle: number;\n  endAngle: number;\n  fillColor: string;\n}\n\nexport interface WatchNeedle {\n  angle: number;\n  fillColor: string;\n  strokeColor: string;\n}\n\nexport interface WatchVessel {\n  size: VesselImageSize;\n  transform: string;\n  vesselImage: VesselImage;\n}\n\nexport const OUTER_RING_RADIUS = 368 / 2;\nconst RING2_RADIUS = 320 / 2;\nconst RING3_RADIUS = 224 / 2;\nconst RING3B_RADIUS = 272 / 2;\nconst RING4_RADIUS = 176 / 2;\n\nexport function innerRingRadiusFor(type: WatchCircleType): number {\n  switch (type) {\n    case WatchCircleType.single:\n      return RING2_RADIUS;\n    case WatchCircleType.double:\n      return RING3_RADIUS;\n    case WatchCircleType.doubleThin:\n      return RING3B_RADIUS;\n    case WatchCircleType.triple:\n      return RING4_RADIUS;\n    default:\n      throw new Error(`Unknown WatchCircleType: ${type as string}`);\n  }\n}\n\nconst RADIAL_SETPOINT_INWARD_ADJUST = 4;\n\n/**\n * `<obc-watch>` - Core SVG renderer for circular/radial watch-based instruments.\n *\n * This component renders all circular instrument elements including rings, tickmarks,\n * bar areas, needles, advices, setpoints, vessel images, and environmental indicators\n * (wind/current). It serves as the foundation for compass, heading, rudder, speed-gauge,\n * and other radial navigation instruments.\n *\n * ## Setpoint Behavior\n *\n * The setpoint marker visual state is derived from the combination of `atAngleSetpoint`,\n * `angleSetpoint`, and `angleSetpointAtZeroDeadband` properties:\n *\n * - **notEqual**: Value differs from setpoint (triangular marker, offset outward)\n * - **equal**: Value matches setpoint (line marker, sits on ring)\n * - **equalZero**: Value matches setpoint at zero angle (double-line marker, offset outward)\n * - **focus**: User is actively adjusting via `newAngleSetpoint` - shows focus visual state\n *\n * ## newAngleSetpoint Pattern\n *\n * When `newAngleSetpoint` is defined, TWO setpoint markers are rendered:\n * 1. Original marker at `angleSetpoint` - dimmed (0.75 opacity)\n * 2. New marker at `newAngleSetpoint` - focus visual state, full opacity\n *\n * This enables the \"adjustment preview\" UX where users can see both the current\n * and proposed setpoint positions simultaneously.\n *\n * The `RADIAL_SETPOINT_INWARD_ADJUST` constant (4px) fine-tunes radial setpoint positioning\n * to match Figma designs, applied on top of visual state offsets from setpoint.ts.\n *\n * The `colorMode` property allows overriding the derived color mode (enhanced for enhanced priority,\n * regular for other states).\n *\n * ## Setpoint Animation (`animateSetpoint`)\n *\n * When `animateSetpoint` is true and a confirm occurs (`newAngleSetpoint` → `undefined`):\n * - The original setpoint slides to the new position via CSS transition\n * - The departing new-setpoint marker fades out\n * - Angular transitions always take the shortest path via accumulated\n *   CSS-safe angles (`cssSafeAngle()`), so even 350° → 10° animates +20°\n *\n * Duration: `var(--setpoint-animation-duration, 300ms)`\n *\n * Internally, `_departingNewAngleSetpoint` captures the departing angle during confirm\n * fade-out and `_animationTimer` auto-clears it after the animation duration.\n * `_setpointCssAngle` tracks the accumulated CSS angle to avoid long-way-around\n * transitions across the 0°/360° boundary.\n *\n * @property {InstrumentState} state - Instrument state (active, loading, off)\n * @property {Priority} priority - Color priority (enhanced = blue palette, regular = gray palette)\n * @property {number|undefined} angleSetpoint - Setpoint angle in degrees (0° = 12 o'clock)\n * @property {number|undefined} newAngleSetpoint - New setpoint being adjusted (focus mode)\n * @property {boolean} atAngleSetpoint - Whether value matches setpoint (within deadband)\n * @property {number} angleSetpointAtZeroDeadband - Deadband for zero detection (default 0.5°)\n * @property {boolean} setpointOverride - Override to derive setpoint color from priority regardless of state\n * @property {RotType|undefined} rotType - ROT visualization type: `'dots'` (spinning dots) or `'bar'` (arc bar with clipped dots). Undefined hides the ROT layer.\n * @property {RotPosition} rotPosition - Track on which ROT elements are placed: `'scale'` (on the outer ring) or `'innerCircle'` (default, inside the inner ring)\n * @property {number} rotStartAngle - Start angle of the ROT bar arc in degrees (0° = 12 o'clock, clockwise). Only used when `rotType` is `'bar'`.\n * @property {number} rotEndAngle - End angle of the ROT bar arc in degrees. The bar is hidden when the difference from `rotStartAngle` is less than 0.1°.\n * @property {Priority|undefined} rotPriority - Override priority for ROT color derivation. When set, ROT colors use this instead of the main `priority`. Useful when the ROT element has independent priority (e.g. compass per-element priority).\n * @property {number|undefined} rateOfTurnDegreesPerMinute - Measured rate of turn in degrees per minute (the maritime/AIS convention, see ES-TRIN 2025/1 Art. 3.02 and ITU-R M.1371). Sign controls direction (positive = starboard/clockwise). When defined, this drives both the dot animation (multiplied by `rotDotAnimationFactor`) and the port/starboard direction sign.\n * @property {number} rotDotAnimationFactor - Visual amplification factor applied only to the spinning-dot animation (not to bar extent). Default `18` keeps the legacy visual feel (≈1 rpm at 20°/min).\n * @property {number} rotationsPerMinute - **Deprecated.** Spin speed of the ROT dot ring in rotations per minute. Sign controls direction (positive = clockwise). Use `rateOfTurnDegreesPerMinute` instead.\n * @property {ZoomToFitArcFrame|undefined} arcFrame - Pre-computed zoom-to-fit arc frame. When set, the watch skips its own `computeZoomToFitArcFrame()` call and uses these values directly. Consumer instruments (e.g. rudder, instrument-radial) should compute the frame once and pass it here to avoid redundant computation. If you pass `arcFrame`, you own keeping it in sync with `areas` / `watchCircleType` — obc-watch will NOT recompute it, so a stale frame renders stale geometry.\n * @experimental\n */\n@customElement('obc-watch')\nexport class ObcWatch extends LitElement {\n  private _setpointId = `watch-setpoint-${Math.random().toString(36).slice(2, 9)}`;\n  private _newSetpointId = `watch-new-setpoint-${Math.random().toString(36).slice(2, 9)}`;\n\n  @property({type: String}) state: InstrumentState = InstrumentState.active;\n  @property({type: String}) priority: Priority = Priority.regular;\n  @property({type: String}) watchCircleType: WatchCircleType =\n    WatchCircleType.single;\n  @property({type: Boolean}) northArrow: boolean = false;\n  @property({type: Boolean}) northArrowInside: boolean | undefined;\n  @property({type: Number}) angleSetpoint: number | undefined;\n  @property({type: Number}) newAngleSetpoint: number | undefined;\n  @property({type: Boolean}) atAngleSetpoint: boolean = false;\n  @property({type: Number}) angleSetpointAtZeroDeadband: number = 0.5;\n  @property({type: Boolean}) setpointOverride: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n\n  @state() private _departingNewAngleSetpoint: number | undefined;\n  private _animationTimer?: ReturnType<typeof setTimeout>;\n\n  /**\n   * Accumulated CSS-safe angle for the original setpoint marker.\n   * Ensures CSS rotate() transitions always take the shortest path,\n   * even across the 0°/360° boundary.\n   */\n  private _setpointCssAngle: number = 0;\n\n  /** Whether the setpoint CSS angle has been initialised (to skip transition on first render). */\n  private _setpointCssAngleInit = false;\n  @property({type: Number}) padding: number | undefined;\n  @property({type: Array, attribute: false}) areas: WatchArea[] = [];\n  @property({type: Array, attribute: false}) barAreas: WatchBarArea[] = [];\n  @property({type: Array, attribute: false}) needles: WatchNeedle[] = [];\n  @property({type: Array, attribute: false}) tickmarks: Tickmark[] = [];\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n  @property({type: String}) tickmarkStyle: TickmarkStyle =\n    TickmarkStyle.regular;\n  @property({type: Array, attribute: false}) advices: AngleAdviceRaw[] = [];\n  @property({type: Boolean}) crosshairEnabled: boolean = false;\n  @property({type: Boolean}) showLabels: boolean = false;\n  @property({type: Array, attribute: false}) vessels: WatchVessel[] = [];\n  @property({type: Number}) windKnots: number | null = null;\n  @property({type: Number}) windFromDirectionDeg: number | null = null;\n  @property({type: Number}) windSymbolRadius: number | null = null;\n  @property({type: String}) windColor: string | undefined;\n  @property({type: Number}) current: number | null = null;\n  @property({type: Number}) currentFromDirectionDeg: number | null = null;\n  @property({type: Number}) currentSymbolRadius: number | null = null;\n  @property({type: String}) currentColor: string | undefined;\n  @property({type: Boolean}) starboardPortIndicator: boolean = false;\n  /** Top clip, % of height. Ignored when `zoomToFitArc` is true. */\n  @property({type: Number}) clipTop: number = 0;\n  /** Bottom clip, % of height. Ignored when `zoomToFitArc` is true. */\n  @property({type: Number}) clipBottom: number = 0;\n  /** Left clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */\n  @property({type: Number}) clipLeft: number = 0;\n  /** Right clip, % of width — horizontal counterpart of clipTop/bottom (90° sectors). Ignored when `zoomToFitArc`. */\n  @property({type: Number}) clipRight: number = 0;\n  /**\n   * Place the horizontal end labels (±90°, e.g. min/max) below the tick instead\n   * of beside it. This is the \"Max-min\" label placement from the radial label\n   * model (External / Internal / Max-min) — see PR #903 / design discussion.\n   * Currently only used by the 180° sector of `obc-gauge-radial`.\n   */\n  @property({type: Boolean}) endLabelsMaxMin: boolean = false;\n  @property({type: Number}) scaleWindIcon: number = 1;\n  @property({type: Number}) rotation: number | undefined;\n  @property({type: Boolean}) zoomToFitArc: boolean = false;\n  @property({attribute: false}) arcFrame: ZoomToFitArcFrame | undefined;\n  @property({type: Number}) tickFadeAngle: number = 0;\n\n  @property({type: String}) rotType: RotType | undefined;\n  @property({type: String}) rotPosition: RotPosition = RotPosition.innerCircle;\n  @property({type: Number}) rotStartAngle: number = 0;\n  @property({type: Number}) rotEndAngle: number = 0;\n  @property({type: String}) rotPriority: Priority | undefined;\n  @property({type: Boolean}) rotPortStarboard: boolean = false;\n  @property({type: Number}) rotAtZeroDeadband: number = ROT_ZERO_DEADBAND_DEG;\n  @property({type: Number}) rateOfTurnDegreesPerMinute: number | undefined;\n  @property({type: Number}) rotDotAnimationFactor: number = 18;\n  /**\n   * @deprecated Use `rateOfTurnDegreesPerMinute` (and optionally `rotDotAnimationFactor`) instead.\n   * Kept as a backward-compatible alias; takes effect only when\n   * `rateOfTurnDegreesPerMinute` is `undefined`.\n   */\n  @property({type: Number})\n  set rotationsPerMinute(value: number) {\n    this._legacyRotationsPerMinute = value;\n  }\n  get rotationsPerMinute() {\n    return this._legacyRotationsPerMinute;\n  }\n  private _legacyRotationsPerMinute = 0;\n  private _rotController?: RateOfTurnController;\n\n  /**\n   * Effective rotations-per-minute for the spinning dot animation and\n   * port/starboard direction sign. Resolves to:\n   *   • `(rateOfTurnDegreesPerMinute / 360) * rotDotAnimationFactor` when the\n   *     new physical API is in use, OR\n   *   • the legacy `rotationsPerMinute` value otherwise.\n   */\n  private get _effectiveRpm(): number {\n    if (this.rateOfTurnDegreesPerMinute != null) {\n      return (\n        (this.rateOfTurnDegreesPerMinute / 360) * this.rotDotAnimationFactor\n      );\n    }\n    return this._legacyRotationsPerMinute;\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  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n\n    // Push the resolved effective RPM into the live controller whenever any\n    // of the inputs that compose it change.\n    if (\n      this._rotController &&\n      (changed.has('rateOfTurnDegreesPerMinute') ||\n        changed.has('rotDotAnimationFactor') ||\n        changed.has('rotationsPerMinute'))\n    ) {\n      this._rotController.rotationsPerMinute = this._effectiveRpm;\n    }\n\n    // Detect confirm: newAngleSetpoint was defined, now undefined\n    if (changed.has('newAngleSetpoint') && this.animateSetpoint) {\n      const prev = changed.get('newAngleSetpoint') as number | undefined;\n      if (prev !== undefined && this.newAngleSetpoint === undefined) {\n        this._departingNewAngleSetpoint = prev;\n        clearTimeout(this._animationTimer);\n        const duration = getSetpointAnimationDurationMs(this);\n        this._animationTimer = setTimeout(() => {\n          this._departingNewAngleSetpoint = undefined;\n        }, duration);\n      }\n    }\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    clearTimeout(this._animationTimer);\n    this._rotController = disposeRotController(this, this._rotController);\n  }\n\n  override updated(changed: PropertyValues): void {\n    super.updated(changed);\n    const el = this.rotType\n      ? this.renderRoot.querySelector('#rot-spinner')\n      : null;\n    if (!el) {\n      this._rotController = disposeRotController(this, this._rotController);\n      return;\n    }\n    if (!this._rotController || this._rotController.el !== el) {\n      this._rotController = disposeRotController(this, this._rotController);\n      this._rotController = new RateOfTurnController(\n        this,\n        el,\n        this._effectiveRpm\n      );\n    }\n  }\n\n  private get innerRingRadius(): number {\n    return innerRingRadiusFor(this.watchCircleType);\n  }\n\n  private _rOff = 0;\n\n  /**\n   * Radius for a dial-band edge under zoom: additive (`base + _rOff`), keeping\n   * band thickness constant in SVG units. INVARIANT: every band-edge radius\n   * (rings, value arc, bars, needles, inside-label `textRadius`) must go through\n   * this — mixing additive and multiplicative offsets misaligns ticks, labels,\n   * advice masks and arcs. The proportional experiments were removed for this\n   * reason (PR #903).\n   */\n  private _bandRadius(base: number): number {\n    return base + this._rOff;\n  }\n\n  private watchCircle(): SVGTemplateResult | SVGTemplateResult[] {\n    const rings = [];\n    if (this.state !== InstrumentState.off) {\n      rings.push(svg`\n        <circle\n          cx=\"0\"\n          cy=\"0\"\n          r=\"${this._bandRadius(172)}\"\n          stroke=\"var(--instrument-frame-primary-color)\"\n          fill=\"none\"\n          stroke-width=\"24\"\n        />`);\n\n      if (this.watchCircleType !== WatchCircleType.single) {\n        const r1 = this._bandRadius(RING2_RADIUS);\n        const r2 = this._bandRadius(\n          this.watchCircleType === WatchCircleType.doubleThin\n            ? RING3B_RADIUS\n            : RING3_RADIUS\n        );\n        const r = (r1 + r2) / 2;\n        const strokeWidth = r1 - r2;\n        rings.push(\n          svg`\n            <circle cx=\"0\" cy=\"0\" r=${r} stroke=\"var(--instrument-frame-secondary-color)\" stroke-width=${strokeWidth} fill=\"none\" />\n            <circle cx=\"0\" cy=\"0\" r=${r1} stroke=\"var(--instrument-frame-secondary-color)\" stroke-width=\"1\" fill=\"none\" vector-effect=\"non-scaling-stroke\" />\n            <circle cx=\"0\" cy=\"0\" r=${r2} stroke=\"var(--instrument-frame-secondary-color)\" stroke-width=\"1\" fill=\"none\" vector-effect=\"non-scaling-stroke\" />\n        `\n        );\n      }\n      if (this.watchCircleType === WatchCircleType.triple) {\n        const r1 = this._bandRadius(RING3_RADIUS);\n        const r2 = this._bandRadius(RING4_RADIUS);\n        const r = (r1 + r2) / 2;\n        const strokeWidth = r1 - r2;\n        rings.push(\n          svg`<circle cx=\"0\" cy=\"0\" r=${r} stroke=\"var(--instrument-frame-primary-color)\" stroke-width=${strokeWidth} fill=\"none\" />`\n        );\n      }\n    }\n\n    const maskSize = Math.max(200, OUTER_RING_RADIUS + this._rOff + 50);\n    let result = rings;\n    if (this.areas.length > 0) {\n      const areas = this.areas.map((area) => {\n        const svgPath = roundedArch({\n          startAngle: area.startAngle,\n          endAngle: area.endAngle,\n          R: this._bandRadius(OUTER_RING_RADIUS),\n          r: this._bandRadius(this.innerRingRadius),\n          roundOutsideCut: area.roundOutsideCut,\n          roundInsideCut: area.roundInsideCut,\n        });\n        return svgPath;\n      });\n      const mask = svg`<mask id=\"cutMask\">\n        <rect x=\"${-maskSize}\" y=\"${-maskSize}\" width=\"${maskSize * 2}\" height=\"${maskSize * 2}\" fill=\"black\" />\n        ${areas.map((area) => svg`<path d=${area} fill=\"white\" vector-effect=\"non-scaling-stroke\" stroke=\"white\" stroke-width=\"1\"/>`)}\n      </mask>`;\n      // clipPath for ROT uses r=0 so dots at any track radius stay visible\n      const rotClip = svg`<clipPath id=\"rot-arc-clip\">${this.areas.map(\n        (area) =>\n          svg`<path d=${roundedArch({\n            startAngle: area.startAngle,\n            endAngle: area.endAngle,\n            R: OUTER_RING_RADIUS + this._rOff + 20,\n            r: 0,\n            roundOutsideCut: area.roundOutsideCut,\n            roundInsideCut: area.roundInsideCut,\n          })} />`\n      )}</clipPath>`;\n      result = [mask, rotClip, svg`<g mask=\"url(#cutMask)\">${rings}</g>`];\n      areas.forEach((area) => {\n        result.push(\n          svg`<path d=${area} fill=\"none\" stroke=\"var(--instrument-frame-tertiary-color)\" vector-effect=\"non-scaling-stroke\"/>`\n        );\n      });\n    } else {\n      if (this.state !== InstrumentState.off) {\n        result.push(\n          circle('outerRing', {\n            radius: this._bandRadius(OUTER_RING_RADIUS),\n            strokeWidth: 1,\n            strokeColor: 'var(--instrument-frame-tertiary-color)',\n            strokePosition: 'center',\n            fillColor: 'none',\n          })\n        );\n\n        result.push(svg`\n          ${circle('innerRing', {\n            radius: this._bandRadius(this.innerRingRadius),\n            strokeWidth: 1,\n            strokeColor: 'var(--instrument-frame-tertiary-color)',\n            strokePosition: 'center',\n            fillColor: 'none',\n          })}\n        `);\n      } else {\n        result.push(svg`\n          ${circle('innerRing', {\n            radius: this._bandRadius(OUTER_RING_RADIUS),\n            strokeWidth: 1,\n            strokeColor: 'var(--instrument-frame-tertiary-color)',\n            strokePosition: 'center',\n            fillColor: 'none',\n          })}\n        `);\n      }\n    }\n    return result;\n  }\n\n  private _renderTickFadeDefs(): SVGTemplateResult | typeof nothing {\n    if (this.tickFadeAngle <= 0 || this.areas.length === 0) return nothing;\n    const area = this.areas[0];\n    const arcSpan = area.endAngle - area.startAngle;\n    const fade = Math.min(this.tickFadeAngle, arcSpan / 4);\n    if (fade < 0.5) return nothing;\n\n    const {startAngle, endAngle} = area;\n    const R = OUTER_RING_RADIUS + this._rOff + 200;\n    const toRad = (deg: number) => (deg * Math.PI) / 180;\n    const px = (deg: number) => R * Math.sin(toRad(deg));\n    const py = (deg: number) => -R * Math.cos(toRad(deg));\n\n    const pieSlice = (a: number, b: number): string => {\n      const x1 = px(a),\n        y1 = py(a);\n      const x2 = px(b),\n        y2 = py(b);\n      const largeArc = b - a > 180 ? 1 : 0;\n      return `M 0 0 L ${x1} ${y1} A ${R} ${R} 0 ${largeArc} 1 ${x2} ${y2} Z`;\n    };\n\n    const Rm =\n      (this._bandRadius(OUTER_RING_RADIUS) +\n        this._bandRadius(this.innerRingRadius)) /\n      2;\n    const gx = (deg: number) => Rm * Math.sin(toRad(deg));\n    const gy = (deg: number) => -Rm * Math.cos(toRad(deg));\n\n    return svg`\n      <defs>\n        <linearGradient id=\"tickFadeL\" gradientUnits=\"userSpaceOnUse\"\n          x1=\"${gx(startAngle)}\" y1=\"${gy(startAngle)}\"\n          x2=\"${gx(startAngle + fade)}\" y2=\"${gy(startAngle + fade)}\">\n          <stop offset=\"0\" stop-color=\"black\" />\n          <stop offset=\"1\" stop-color=\"white\" />\n        </linearGradient>\n        <linearGradient id=\"tickFadeR\" gradientUnits=\"userSpaceOnUse\"\n          x1=\"${gx(endAngle - fade)}\" y1=\"${gy(endAngle - fade)}\"\n          x2=\"${gx(endAngle)}\" y2=\"${gy(endAngle)}\">\n          <stop offset=\"0\" stop-color=\"white\" />\n          <stop offset=\"1\" stop-color=\"black\" />\n        </linearGradient>\n        <mask id=\"tickFadeMask\" maskUnits=\"userSpaceOnUse\"\n          x=\"${-R}\" y=\"${-R}\" width=\"${R * 2}\" height=\"${R * 2}\">\n          <path d=\"${pieSlice(startAngle + fade, endAngle - fade)}\" fill=\"white\" />\n          <path d=\"${pieSlice(startAngle, startAngle + fade)}\" fill=\"url(#tickFadeL)\" />\n          <path d=\"${pieSlice(endAngle - fade, endAngle)}\" fill=\"url(#tickFadeR)\" />\n        </mask>\n      </defs>\n    `;\n  }\n\n  private renderCrosshair(\n    radius: number,\n    labelKnockouts?: {\n      positions: LabelPosition[];\n      rotation: number | undefined;\n      scale: number;\n      /** Inner ring radius – crosshair is hidden between labelRadius and this value. */\n      innerRingRadius: number;\n    }\n  ): SVGTemplateResult {\n    const hasMask = labelKnockouts && labelKnockouts.positions.length > 0;\n\n    // Radius at which labels sit (distance from centre).\n    // Any position is equally valid — they're all at the same radial distance.\n    const labelRadius = hasMask\n      ? Math.max(\n          ...labelKnockouts!.positions.map((l) =>\n            Math.abs(l.x !== 0 ? l.x : l.y)\n          )\n        )\n      : 0;\n    // Small extra padding so the crosshair doesn't start/end right at the\n    // label edge — use the same visual pad as the letter knockouts.\n    const ringGapPad = hasMask ? 3 / labelKnockouts!.scale : 0;\n\n    return svg`\n      ${\n        hasMask\n          ? svg`\n        <defs>\n          <mask\n            id=\"crosshair-label-mask\"\n            maskUnits=\"userSpaceOnUse\"\n            x=\"-${radius}\" y=\"-${radius}\"\n            width=\"${radius * 2}\" height=\"${radius * 2}\"\n          >\n            <rect x=\"-${radius}\" y=\"-${radius}\" width=\"${radius * 2}\" height=\"${radius * 2}\" fill=\"white\"/>\n            <!-- Annular ring knockout: hide crosshair between labels and inner ring -->\n            <circle cx=\"0\" cy=\"0\" r=\"${labelKnockouts!.innerRingRadius}\" fill=\"black\"/>\n            <circle cx=\"0\" cy=\"0\" r=\"${labelRadius - ringGapPad}\" fill=\"white\"/>\n            <!-- Per-label rectangular knockouts -->\n            ${labelKnockouts!.positions.map((l) => {\n              const fontSize = 12 / labelKnockouts!.scale;\n              const pad = 3 / labelKnockouts!.scale;\n              const size = fontSize + pad * 2;\n              return svg`\n                <rect\n                  x=\"${l.x - size / 2}\" y=\"${l.y - size / 2}\"\n                  width=\"${size}\" height=\"${size}\"\n                  fill=\"black\"\n                  transform=\"rotate(${-(labelKnockouts!.rotation ?? 0)})\"\n                  transform-origin=\"${l.x} ${l.y}\"\n                />\n              `;\n            })}\n          </mask>\n        </defs>`\n          : nothing\n      }\n      <g mask=${hasMask ? 'url(#crosshair-label-mask)' : nothing}>\n        <line\n          x1=\"-${radius}\"\n          y1=\"0\"\n          x2=\"${radius}\"\n          y2=\"0\"\n          stroke=\"var(--instrument-frame-tertiary-color)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n        <line\n          x1=\"0\"\n          y1=\"-${radius}\"\n          x2=\"0\"\n          y2=\"${radius}\"\n          stroke=\"var(--instrument-frame-tertiary-color)\"\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n        />\n      </g>\n    `;\n  }\n\n  private renderBars(): SVGTemplateResult[] | typeof nothing {\n    if (this.barAreas.length === 0) {\n      return nothing;\n    }\n    return this.barAreas.map((bar, index) => {\n      const startAngle = Math.min(bar.startAngle, bar.endAngle);\n      const endAngle = Math.max(bar.startAngle, bar.endAngle);\n      const arc = roundedArch({\n        r: this._bandRadius(RING3_RADIUS),\n        R: this._bandRadius(RING2_RADIUS),\n        startAngle: startAngle,\n        endAngle: endAngle,\n        roundInsideCut: false,\n        roundOutsideCut: false,\n      });\n      const barMaskR = RING2_RADIUS + this._rOff + 40;\n      // The mask is a sector to cut out the stroke on the start and end of the bar\n      const mask = svg`<mask id=\"barMask-${index}\">\n        <rect x=\"${-barMaskR}\" y=\"${-barMaskR}\" width=\"${barMaskR * 2}\" height=\"${barMaskR * 2}\" fill=\"black\" />\n        <path d=${roundedArch({\n          r: 1,\n          R: barMaskR,\n          startAngle: startAngle,\n          endAngle: endAngle,\n          roundInsideCut: false,\n          roundOutsideCut: false,\n        })} fill=\"white\" />\n      </mask>`;\n      return svg`\n        ${mask}\n        <g mask=\"url(#cutMask)\">\n        <path \n          d=${arc} \n          fill=${bar.fillColor} \n          stroke=${bar.fillColor} \n          stroke-width=\"1\" \n          vector-effect=\"non-scaling-stroke\" \n          mask=\"url(#barMask-${index})\" \n          />\n          </g>\n          `;\n    });\n  }\n\n  private renderNeedles(): SVGTemplateResult[] | typeof nothing {\n    if (this.needles.length === 0) {\n      return nothing;\n    }\n    return this.needles.map((needle) => {\n      return svg`\n        <rect \n          transform=\"rotate(${needle.angle})\" \n          x=\"-4\" y=\"${-this._bandRadius(RING2_RADIUS)}\" width=\"8\" height=\"48\" rx=\"4\"\n          fill=${needle.fillColor} \n          stroke=${needle.strokeColor}\n          stroke-width=\"1\"\n          vector-effect=\"non-scaling-stroke\"\n          paint-order=\"stroke fill\"\n        />\n      `;\n    });\n  }\n\n  private getScale({width, height}: {width: number; height: number}): number {\n    let clientWidth = this.clientWidth;\n    let clientHeight = this.clientHeight;\n    if (clientWidth === 0 || clientHeight === 0) {\n      const box = this.parentElement?.getBoundingClientRect();\n      if (box) {\n        clientWidth = box.width;\n        clientHeight = box.height;\n      }\n    }\n    const scale = Math.min(clientWidth / width, clientHeight / height);\n    // On first paint the element and its parent can both still be zero-sized, so\n    // the scale is 0 (or non-finite). That value flows into `px / scale` label\n    // math and yields ±Infinity coordinates the browser rejects. Fall back to a\n    // 1:1 scale until a real size is available; the ResizeController re-renders\n    // with the true scale once the element is laid out (issue #1032).\n    if (!Number.isFinite(scale) || scale <= 0) {\n      return 1;\n    }\n    return scale;\n  }\n\n  private getPadding(): number {\n    if (this.padding !== undefined) {\n      return this.padding;\n    }\n    const hasTickmarksWithText =\n      this.tickmarks.length > 0 &&\n      this.tickmarks.some((t) => t.text !== undefined);\n    if (hasTickmarksWithText && !this.tickmarksInside) {\n      return 24 * 2.5;\n    }\n    return 24;\n  }\n\n  override render() {\n    let width: number;\n    let height: number;\n    let viewBox: string;\n\n    if (this.arcFrame) {\n      this._rOff = this.arcFrame.radiusOffset;\n      width = this.arcFrame.width;\n      height = this.arcFrame.height;\n      viewBox = this.arcFrame.viewBox;\n    } else if (this.zoomToFitArc && this.areas.length > 0) {\n      const ext = this.getPadding();\n      const targetSize = (176 + ext) * 2;\n      const frame = computeZoomToFitArcFrame({\n        areas: this.areas,\n        outerRadius: OUTER_RING_RADIUS,\n        innerRadius: this.innerRingRadius,\n        extension: ext,\n        targetSize,\n      });\n      this._rOff = frame.radiusOffset;\n      width = frame.width;\n      height = frame.height;\n      viewBox = frame.viewBox;\n    } else {\n      this._rOff = 0;\n      const full = (176 + this.getPadding()) * 2;\n      width = full * (1 - this.clipLeft / 100 - this.clipRight / 100);\n      height = full * (1 - this.clipTop / 100 - this.clipBottom / 100);\n      const left = -full / 2 + (full * this.clipLeft) / 100;\n      const top = -full / 2 + (full * this.clipTop) / 100;\n      viewBox = `${left} ${top} ${width} ${height}`;\n    }\n\n    const rOff = this._rOff;\n    const scale = this.getScale({width, height});\n    const angleSetpoint = this.renderSetpoint();\n    // Route through _bandRadius so inside labels track the (zoom-shifted) inner\n    // band edge; the coupling is intentional (see _bandRadius INVARIANT).\n    const textRadius = this.tickmarksInside\n      ? this._bandRadius(this.innerRingRadius)\n      : this._bandRadius(OUTER_RING_RADIUS);\n    const maxDigits = Math.max(\n      ...this.tickmarks.map((t) => t.text?.length ?? 0)\n    );\n    const tickmarks = this.tickmarks.map((t) =>\n      tickmark(t.angle, {\n        size: t.type,\n        style: this.tickmarkStyle,\n        scale,\n        text: this.showLabels ? undefined : t.text,\n        inside: this.tickmarksInside,\n        textRadius,\n        rotation: this.rotation,\n        maxDigits,\n        color: t.color,\n        radiusOffset: rOff,\n        endLabelsMaxMin: this.endLabelsMaxMin,\n      })\n    );\n    const advices = this.advices\n      ? this.advices.map((a) => renderAdvice(a, rOff))\n      : nothing;\n\n    // Compute label positions once – used for both rendering and crosshair knockout.\n    const insideLabels = this.tickmarksInside && this.showLabels;\n    const includeNorth = !this.northArrow;\n    const labelPositions = this.showLabels\n      ? getLabelPositions({\n          scale,\n          inside: this.tickmarksInside,\n          innerRadius: this.innerRingRadius + rOff,\n          includeNorth,\n        })\n      : undefined;\n\n    const labels = labelPositions\n      ? renderLabels({\n          scale,\n          rotation: this.rotation,\n          inside: this.tickmarksInside,\n          innerRadius: this.innerRingRadius + rOff,\n          includeNorth,\n        })\n      : nothing;\n    const northArrowEl = this.northArrow\n      ? renderNorthArrow({\n          scale,\n          rotation: this.rotation,\n          inside: this.northArrowInside ?? this.tickmarksInside,\n        })\n      : nothing;\n    const wind =\n      this.windKnots != null && this.windFromDirectionDeg != null\n        ? svg`<g transform=\"scale(${this.scaleWindIcon})\">${renderWind({\n            windKnots: this.windKnots,\n            fromDirectionDeg: this.windFromDirectionDeg,\n            radius: this.windSymbolRadius ?? 192,\n            color: this.windColor,\n          })}</g>`\n        : nothing;\n    const current =\n      this.current != null && this.currentFromDirectionDeg != null\n        ? renderCurrent({\n            current: this.current,\n            fromDirectionDeg: this.currentFromDirectionDeg,\n            radius: this.currentSymbolRadius ?? 192,\n            color: this.currentColor,\n          })\n        : nothing;\n    return html`\n      <svg\n        width=\"100%\"\n        height=\"100%\"\n        viewBox=${viewBox}\n        style=\"--scale: ${scale}\"\n        transform=\"rotate(${this.rotation ?? 0})\"\n      >\n        ${this.watchCircle()} ${this.renderBars()}\n        ${this.crosshairEnabled\n          ? this.renderCrosshair(\n              OUTER_RING_RADIUS + rOff,\n              insideLabels && labelPositions\n                ? {\n                    positions: labelPositions,\n                    rotation: this.rotation,\n                    scale,\n                    innerRingRadius: this.innerRingRadius + rOff,\n                  }\n                : undefined\n            )\n          : nothing}\n        ${northArrowEl} ${this.renderStarboardPortIndicator()} ${current}\n        ${this._renderTickFadeDefs()} ${wind}\n        ${this.tickFadeAngle > 0 && this.areas.length > 0\n          ? svg`<g mask=\"url(#tickFadeMask)\">${tickmarks}</g>`\n          : tickmarks}\n        ${this.areas.length > 0\n          ? svg`<g clip-path=\"url(#rot-arc-clip)\">${this.renderRot()}</g>`\n          : this.renderRot()}\n        ${advices} ${angleSetpoint}\n        ${this.tickFadeAngle > 0 && this.areas.length > 0\n          ? svg`<g mask=\"url(#tickFadeMask)\">${labels}</g>`\n          : labels}\n        ${this.renderVesselImage()} ${this.renderNeedles()}\n      </svg>\n    `;\n  }\n\n  private getRotColors(): {\n    dotColor: string;\n    barBgColor: string;\n  } {\n    const p = this.rotPriority ?? this.priority;\n    const isEnhanced = p === Priority.enhanced;\n\n    if (this.rotPortStarboard) {\n      // For bar type, derive direction from bar angles (visual direction);\n      // for dots, use spinner RPM.\n      let direction: number;\n      if (this.rotType === RotType.bar) {\n        const cwSpan =\n          (((this.rotEndAngle - this.rotStartAngle) % 360) + 360) % 360;\n        direction = cwSpan <= 180 ? cwSpan : cwSpan - 360;\n      } else {\n        direction = this._effectiveRpm;\n      }\n\n      if (direction > 0) {\n        return {\n          dotColor: 'var(--instrument-starboard-secondary-color)',\n          barBgColor: 'var(--instrument-starboard-primary-color)',\n        };\n      }\n      if (direction < 0) {\n        return {\n          dotColor: 'var(--instrument-port-secondary-color)',\n          barBgColor: 'var(--instrument-port-primary-color)',\n        };\n      }\n    }\n\n    return {\n      dotColor: isEnhanced\n        ? 'var(--instrument-enhanced-tertiary-color)'\n        : 'var(--instrument-regular-tertiary-color)',\n      barBgColor: isEnhanced\n        ? 'var(--instrument-enhanced-secondary-color)'\n        : 'var(--instrument-regular-secondary-color)',\n    };\n  }\n\n  private renderRot(): SVGTemplateResult | typeof nothing {\n    if (!this.rotType) return nothing;\n\n    const {dotColor, barBgColor} = this.getRotColors();\n    const rOff = this._rOff;\n\n    if (this.rotType === RotType.bar) {\n      const angularDelta = shortestAngularDeltaDeg(\n        this.rotStartAngle,\n        this.rotEndAngle\n      );\n      const threshold = rotBarThresholdAngle(this.rotPosition, rOff);\n      const zeroDb = Number.isFinite(this.rotAtZeroDeadband)\n        ? this.rotAtZeroDeadband\n        : ROT_ZERO_DEADBAND_DEG;\n\n      if (angularDelta < Math.max(zeroDb, threshold)) {\n        return renderRotZeroPill(\n          barBgColor,\n          this.rotStartAngle,\n          this.rotPosition,\n          rOff\n        );\n      }\n\n      return svg`\n        ${renderRotBarStatic({\n          startAngle: this.rotStartAngle,\n          endAngle: this.rotEndAngle,\n          barColor: barBgColor,\n          position: this.rotPosition,\n          maskId: 'rot-bar-mask',\n          radiusOffset: rOff,\n        })}\n        ${svg`<g clip-path=\"url(#rot-bar-mask)\">\n            <g id=\"rot-spinner\">\n              ${renderRotBarDots(dotColor, this.rotPosition, rOff)}\n            </g>\n          </g>`}\n      `;\n    }\n\n    const p = this.rotPriority ?? this.priority;\n    const isEnhanced = p === Priority.enhanced;\n    let dotsColor: string = isEnhanced\n      ? 'var(--instrument-enhanced-secondary-color)'\n      : 'var(--instrument-regular-secondary-color)';\n    if (this.rotPortStarboard) {\n      if (this._effectiveRpm > 0) {\n        dotsColor = 'var(--instrument-starboard-secondary-color)';\n      } else if (this._effectiveRpm < 0) {\n        dotsColor = 'var(--instrument-port-secondary-color)';\n      }\n    }\n    return svg`\n      <g id=\"rot-spinner\">\n        ${renderRotDots(dotsColor, this.rotPosition, rOff)}\n      </g>\n    `;\n  }\n\n  private renderSetpoint(): SVGTemplateResult | typeof nothing {\n    if (this.angleSetpoint === undefined) {\n      return nothing;\n    }\n\n    const derived = deriveRadialSetpointConfig({\n      state: this.state,\n      priority: this.priority,\n      atSetpoint: this.atAngleSetpoint,\n      angleSetpoint: this.angleSetpoint,\n      setpointAtZeroDeadband: this.angleSetpointAtZeroDeadband,\n      newAngleSetpoint: this.newAngleSetpoint,\n      touching: this.touching,\n      setpointOverride: this.setpointOverride,\n    });\n\n    const {visualState, colorMode, disabled, hasNewSetpoint} = derived;\n\n    const outwardOffset = getSetpointOutwardOffset(visualState);\n    const radius =\n      RADIAL_SETPOINT_RADIUS +\n      this._rOff +\n      outwardOffset -\n      RADIAL_SETPOINT_INWARD_ADJUST;\n\n    // Render original setpoint marker (dimmed when newAngleSetpoint is active)\n    const opacity = hasNewSetpoint ? 0.75 : 1;\n    const originalMarker = drawSetpointMarker({\n      visualState,\n      colorMode,\n      disabled,\n      id: this._setpointId,\n    });\n\n    const animate = this.animateSetpoint;\n    const hasDeparting = this._departingNewAngleSetpoint !== undefined;\n\n    // Compute CSS-safe accumulated angle so transitions always take the short path\n    const rawAngle = this.angleSetpoint + 90;\n    if (!this._setpointCssAngleInit) {\n      // First render: set angle without transition\n      this._setpointCssAngle = rawAngle;\n      this._setpointCssAngleInit = true;\n    } else {\n      this._setpointCssAngle = cssSafeAngle(this._setpointCssAngle, rawAngle);\n    }\n\n    // Use CSS style transform when animating for smooth transition\n    const originalSetpoint = animate\n      ? svg`\n        <g style=\"transform: rotate(${this._setpointCssAngle}deg) translateX(${-radius}px) rotate(270deg); opacity: ${opacity}; transition: transform var(${SETPOINT_ANIMATION_CSS_VAR}, ${SETPOINT_ANIMATION_DURATION_DEFAULT}) ease-out, opacity var(${SETPOINT_ANIMATION_CSS_VAR}, ${SETPOINT_ANIMATION_DURATION_DEFAULT}) ease-out;\">\n          ${originalMarker}\n        </g>\n      `\n      : svg`\n        <g transform=\"rotate(${this.angleSetpoint + 90}) translate(${-radius}, 0) rotate(270)\" opacity=\"${opacity}\">\n          ${originalMarker}\n        </g>\n      `;\n\n    // Render newAngleSetpoint in focus state (always on top)\n    // OR render departing newAngleSetpoint during confirm fade-out\n    if (hasNewSetpoint || hasDeparting) {\n      const isActive = hasNewSetpoint;\n      const newAngle = isActive\n        ? this.newAngleSetpoint!\n        : this._departingNewAngleSetpoint!;\n      const targetOpacity = isActive ? 1 : 0;\n\n      const focusOutwardOffset = getSetpointOutwardOffset(\n        SetpointVisualState.focus\n      );\n      const focusRadius =\n        RADIAL_SETPOINT_RADIUS +\n        this._rOff +\n        focusOutwardOffset -\n        RADIAL_SETPOINT_INWARD_ADJUST;\n\n      const newMarker = drawSetpointMarker({\n        visualState: SetpointVisualState.focus,\n        colorMode,\n        disabled: false, // newSetpoint is never disabled\n        id: this._newSetpointId,\n      });\n\n      if (animate) {\n        const duration = `var(${SETPOINT_ANIMATION_CSS_VAR}, ${SETPOINT_ANIMATION_DURATION_DEFAULT})`;\n        return svg`\n          ${originalSetpoint}\n          <g style=\"transform: rotate(${newAngle + 90}deg) translateX(${-focusRadius}px) rotate(270deg); opacity: ${targetOpacity}; transition: opacity ${duration} ease-out;\">\n            ${newMarker}\n          </g>\n        `;\n      }\n\n      return svg`\n        ${originalSetpoint}\n        <g transform=\"rotate(${newAngle + 90}) translate(${-focusRadius}, 0) rotate(270)\" opacity=\"${targetOpacity}\">\n          ${newMarker}\n        </g>\n      `;\n    }\n\n    return originalSetpoint;\n  }\n\n  private renderVesselImage(): SVGTemplateResult[] | typeof nothing {\n    if (this.vessels.length === 0) {\n      return nothing;\n    }\n\n    return this.vessels.map((v) => {\n      let size;\n      switch (v.size) {\n        case VesselImageSize.large:\n          size = 224;\n          break;\n        case VesselImageSize.medium:\n          size = 160;\n          break;\n        default:\n          size = 100;\n      }\n\n      const scale = size / 160;\n      return svg`<g style=\"transform: ${v.transform} scale(${scale}) translate(-80px, -80px) \">${vesselImages[v.vesselImage]}</g>`;\n    });\n  }\n\n  private renderStarboardPortIndicator(): SVGTemplateResult[] | typeof nothing {\n    if (!this.starboardPortIndicator) {\n      return nothing;\n    }\n    return [\n      adviceMask(\n        0,\n        180,\n        'var(--instrument-starboard-secondary-color)',\n        'var(--instrument-starboard-secondary-color)'\n      ),\n      adviceMask(\n        180,\n        360,\n        'var(--instrument-port-secondary-color)',\n        'var(--instrument-port-secondary-color)'\n      ),\n    ] as SVGTemplateResult[];\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-watch': ObcWatch;\n  }\n}\n"],"names":["WatchCircleType"],"mappings":"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"}

package/dist/navigation-instruments/wind-propulsion/wind-propulsion.d.ts

@@ -43,7 +43,6 @@ export declare enum WindPropulsionPriorityElement {
  *   proportionally (default 100).
  * - For a full-circle compass, use `<obc-compass>` instead.
  *
- * @fires None
  * @beta
  */
 export declare class ObcWindPropulsion extends LitElement {

package/dist/navigation-instruments/wind-propulsion/wind-propulsion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wind-propulsion.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/wind-propulsion/wind-propulsion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAY,MAAM,KAAK,CAAC;AAEhD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAExC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAC,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAC,WAAW,EAA8B,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAW,aAAa,EAAe,MAAM,sBAAsB,CAAC;AAS3E,oBAAY,6BAA6B;IACvC,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,UAAU,SAAK;IACf,SAAS,SAAK;IAEd,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,EAAE,OAAO,CAAS;IAEhE,uBAAuB,EAAE,OAAO,CAAQ;IACd,+BAA+B,EAAE,MAAM,CAAK;IAC5C,+BAA+B,EAAE,MAAM,CAAO;IAC7C,yBAAyB,EAAE,OAAO,CAAS;IAC3C,eAAe,EAAE,OAAO,CAAS;IACjC,QAAQ,EAAE,OAAO,CAAS;IAE3B,KAAK,SAAK;IACV,QAAQ,SAAO;IACf,QAAQ,EAAE,QAAQ,CAAsB;IAExC,KAAK,EAAE,eAAe,CAA0B;IAChD,QAAQ,EAAE,QAAQ,CAAoB;IAEhE,gBAAgB,EAAE,6BAA6B,EAAE,CAE/C;IACyB,UAAU,EAAE,OAAO,CAAS;IAC5B,eAAe,EAAE,OAAO,CAAS;IAClC,aAAa,EAAE,aAAa,CAC9B;IAEE,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5C,wBAAwB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B,gBAAgB,EAAE,WAAW,EAAE,CACrE;IAEL,OAAO,CAAC,eAAe,CAAqD;IAE5E,OAAO,CAAC,YAAY,CAGjB;IAEM,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAezC,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,UAAU;IAalB,OAAO,KAAK,cAAc,GAqBzB;IAED,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,eAAe;IAmCd,MAAM;IAkDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
+{"version":3,"file":"wind-propulsion.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/wind-propulsion/wind-propulsion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,UAAU,EAAY,MAAM,KAAK,CAAC;AAEhD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAExC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AAEtD,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAC,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAC,WAAW,EAA8B,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAW,aAAa,EAAe,MAAM,sBAAsB,CAAC;AAS3E,oBAAY,6BAA6B;IACvC,IAAI,SAAS;IACb,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,UAAU,SAAK;IACf,SAAS,SAAK;IAEd,iBAAiB,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,oBAAoB,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,mBAAmB,EAAE,OAAO,CAAS;IAEhE,uBAAuB,EAAE,OAAO,CAAQ;IACd,+BAA+B,EAAE,MAAM,CAAK;IAC5C,+BAA+B,EAAE,MAAM,CAAO;IAC7C,yBAAyB,EAAE,OAAO,CAAS;IAC3C,eAAe,EAAE,OAAO,CAAS;IACjC,QAAQ,EAAE,OAAO,CAAS;IAE3B,KAAK,SAAK;IACV,QAAQ,SAAO;IACf,QAAQ,EAAE,QAAQ,CAAsB;IAExC,KAAK,EAAE,eAAe,CAA0B;IAChD,QAAQ,EAAE,QAAQ,CAAoB;IAEhE,gBAAgB,EAAE,6BAA6B,EAAE,CAE/C;IACyB,UAAU,EAAE,OAAO,CAAS;IAC5B,eAAe,EAAE,OAAO,CAAS;IAClC,aAAa,EAAE,aAAa,CAC9B;IAEE,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC5C,wBAAwB,EAAE,MAAM,GAAG,IAAI,CAAQ;IAE9B,gBAAgB,EAAE,WAAW,EAAE,CACrE;IAEL,OAAO,CAAC,eAAe,CAAqD;IAE5E,OAAO,CAAC,YAAY,CAGjB;IAEM,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAezC,oBAAoB,IAAI,IAAI;IAKrC,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,UAAU;IAalB,OAAO,KAAK,cAAc,GAqBzB;IAED,OAAO,CAAC,YAAY;IAyBpB,OAAO,CAAC,eAAe;IAmCd,MAAM;IAkDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/navigation-instruments/wind-propulsion/wind-propulsion.js.map

@@ -1 +1 @@
-{"version":3,"file":"wind-propulsion.js","sources":["../../../src/navigation-instruments/wind-propulsion/wind-propulsion.ts"],"sourcesContent":["import {html, LitElement, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport type {PropertyValues} from 'lit';\nimport {svg} from 'lit';\nimport {InstrumentState, Priority} from '../types.js';\nimport {SetpointBundle} from '../../svghelpers/setpoint-bundle.js';\nimport '../watch/watch.js';\nimport {WatchCircleType} from '../watch/watch.js';\nimport {SailType, sailTypeImages} from '../watch/sail-type.js';\nimport componentStyle from './wind-propulsion.css?inline';\nimport {AngleAdvice, AngleAdviceRaw, AdviceState} from '../watch/advice.js';\nimport {Tickmark, TickmarkStyle, TickmarkType} from '../watch/tickmark.js';\nimport {renderForceBar} from './force-bar.js';\nimport {customElement} from '../../decorator.js';\n\nfunction mapAngle0to360(angle: number): number {\n  const a = angle % 360;\n  return a >= 0 ? a : a + 360;\n}\n\nexport enum WindPropulsionPriorityElement {\n  sail = 'sail',\n  forceBar = 'forceBar',\n  wind = 'wind',\n}\n\n/**\n * `<obc-wind-propulsion>` – Radial instrument showing sail force direction and strength.\n *\n * Displays a circular watch face with a rotatable sail image, a directional force bar\n * indicating force strength (0–100), and an independent sail angle setpoint. The sail\n * and force bar rotate independently to show the difference between sail orientation\n * and force direction.\n *\n * ## Features\n *\n * - **Sail angle**: Rotatable sail type image with a directional arrow\n *   pointing outward from the bow.\n * - **Force angle / force**: A vertical bar overlay that rotates to `forceAngle`,\n *   filled proportionally to `force / maxForce`.\n * - **Sail angle setpoint**: Optional setpoint marker on the watch ring with\n *   auto at-setpoint detection and confirm animation support.\n * - **Advice zones**: Configurable caution/alert arcs on the watch ring.\n * - **Wind overlay**: Optional wind speed/direction indicator (pass-through to watch).\n * - **Labels**: Toggleable 0°/90°/180°/–90° tickmark labels.\n * - **Priority elements**: Selectively apply the enhanced color palette to\n *   individual elements (`sail`, `forceBar`, `wind`) via `priorityElements`.\n *\n * ## Usage Guidelines\n *\n * - Set `forceAngle` and `sailAngle` independently to show the angular\n *   difference between force direction and sail orientation.\n * - Use `sailAngleSetpoint` to show a target sail angle on the watch ring.\n * - Select the sail image via `sailType` (e.g. `SailType.solidSail`).\n * - Use `priorityElements` to control which elements receive the enhanced\n *   color palette when `priority` is `enhanced`.\n * - Set `maxForce` to the system-specific ceiling so the bar fills\n *   proportionally (default 100).\n * - For a full-circle compass, use `<obc-compass>` instead.\n *\n * @fires None\n * @beta\n */\n@customElement('obc-wind-propulsion')\nexport class ObcWindPropulsion extends LitElement {\n  @property({type: Number}) forceAngle = 0;\n  @property({type: Number}) sailAngle = 0;\n\n  @property({type: Number}) sailAngleSetpoint: number | undefined;\n  @property({type: Number}) newSailAngleSetpoint: number | undefined;\n  @property({type: Boolean}) atSailAngleSetpoint: boolean = false;\n  @property({type: Boolean, attribute: false})\n  autoAtSailAngleSetpoint: boolean = true;\n  @property({type: Number}) autoAtSailAngleSetpointDeadband: number = 2;\n  @property({type: Number}) sailAngleSetpointAtZeroDeadband: number = 0.5;\n  @property({type: Boolean}) sailAngleSetpointOverride: boolean = false;\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n\n  @property({type: Number}) force = 0;\n  @property({type: Number}) maxForce = 100;\n  @property({type: String}) sailType: SailType = SailType.rotorSail;\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: WindPropulsionPriorityElement[] = [\n    WindPropulsionPriorityElement.sail,\n  ];\n  @property({type: Boolean}) showLabels: boolean = false;\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n  @property({type: String}) tickmarkStyle: TickmarkStyle =\n    TickmarkStyle.regular;\n\n  @property({type: Number}) currentWindSpeedKnots: number | null = null;\n  @property({type: Number}) currentWindFromDirection: number | null = null;\n\n  @property({type: Array, attribute: false}) sailAngleAdvices: AngleAdvice[] =\n    [];\n\n  private _forceBarMaskId = `wp-fb-${Math.random().toString(36).slice(2, 9)}`;\n\n  private _sailAngleSp = new SetpointBundle({\n    angularWraparound: true,\n    onAnimationEnd: () => this.requestUpdate(),\n  });\n\n  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this._sailAngleSp.sync({\n      setpoint: this.sailAngleSetpoint,\n      newSetpoint: this.newSailAngleSetpoint,\n      atSetpoint: this.atSailAngleSetpoint,\n      touching: this.touching,\n      autoAtSetpoint: this.autoAtSailAngleSetpoint,\n      autoAtSetpointDeadband: this.autoAtSailAngleSetpointDeadband,\n      setpointAtZeroDeadband: this.sailAngleSetpointAtZeroDeadband,\n      setpointOverride: this.sailAngleSetpointOverride,\n      animateSetpoint: this.animateSetpoint,\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._sailAngleSp.dispose();\n  }\n\n  private priorityFor(element: WindPropulsionPriorityElement): 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: WindPropulsionPriorityElement): string | undefined {\n    return this.priorityFor(element) === Priority.enhanced\n      ? 'var(--instrument-enhanced-secondary-color)'\n      : undefined;\n  }\n\n  private getPadding(): number {\n    if (\n      this.currentWindSpeedKnots != null &&\n      this.currentWindFromDirection != null\n    ) {\n      return 72;\n    }\n    if (this.showLabels && !this.tickmarksInside) {\n      return 60;\n    }\n    return 24;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.sailAngleAdvices.map((advice) => {\n      const triggered =\n        this.sailAngleSetpoint !== undefined &&\n        mapAngle0to360(this.sailAngleSetpoint - advice.minAngle) <=\n          mapAngle0to360(advice.maxAngle - advice.minAngle);\n      let state: AdviceState;\n      if (triggered) {\n        state = AdviceState.triggered;\n      } else if (advice.hinted) {\n        state = AdviceState.hinted;\n      } else {\n        state = AdviceState.regular;\n      }\n      return {\n        minAngle: advice.minAngle,\n        maxAngle: advice.maxAngle,\n        type: advice.type,\n        state,\n      };\n    });\n  }\n\n  private getTickmarks(): Tickmark[] {\n    const tickmarks: Tickmark[] = [];\n\n    const labelText = (angle: number): string | undefined => {\n      if (!this.showLabels) return undefined;\n      return angle <= 180 ? `${angle}` : `${angle - 360}`;\n    };\n\n    tickmarks.push({\n      angle: 0,\n      type: TickmarkType.zeroLine,\n      text: this.showLabels ? '0' : undefined,\n    });\n\n    for (const angle of [90, 180, 270]) {\n      tickmarks.push({\n        angle,\n        type: TickmarkType.primary,\n        text: labelText(angle),\n      });\n    }\n\n    return tickmarks;\n  }\n\n  private renderSailImage() {\n    const entry = sailTypeImages[this.sailType];\n    if (!entry) return svg``;\n\n    const sailPriority = this.priorityFor(WindPropulsionPriorityElement.sail);\n    const arrowColor =\n      sailPriority === Priority.enhanced\n        ? 'var(--instrument-enhanced-secondary-color)'\n        : 'var(--instrument-regular-secondary-color)';\n\n    // Center each sail SVG on its visual center (cx/cy), falling back to\n    // the geometric viewBox center (width/2, height/2).\n    const cx = entry.cx ?? entry.width / 2;\n    const cy = entry.cy ?? entry.height / 2;\n\n    // Scale sails down so their top edge clears the directional arrow\n    // with the same ~5px gap the arrow has from the watch ring.\n    const sailScale = 0.95;\n\n    // Fixed arrow radius matching compass/heading arrow positioning\n    // (just inside RING2_RADIUS = 160).\n    const arrowRadius = 155;\n\n    return svg`\n      <g style=\"transform: rotate(${this.sailAngle}deg)\">\n        <g style=\"transform: scale(${sailScale}) translate(${-cx}px, ${-cy}px)\">\n          ${entry.svg}\n        </g>\n        <path transform=\"translate(-15 ${-arrowRadius})\"\n          d=\"M0.707007 14.2929L14.9999 0L29.2928 14.2929C29.9228 14.9229 29.4766 16 28.5857 16H1.41412C0.523211 16 0.0770419 14.9229 0.707007 14.2929Z\"\n          fill=\"${arrowColor}\" vector-effect=\"non-scaling-stroke\"/>\n      </g>\n    `;\n  }\n\n  override render() {\n    const tickmarks = this.getTickmarks();\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          .tickmarks=${tickmarks}\n          .state=${this.state}\n          .priority=${this.priority}\n          .angleSetpoint=${this.sailAngleSetpoint}\n          .newAngleSetpoint=${this.newSailAngleSetpoint}\n          .atAngleSetpoint=${this._sailAngleSp.computeAtSetpoint(\n            this.sailAngle\n          )}\n          .angleSetpointAtZeroDeadband=${this.sailAngleSetpointAtZeroDeadband}\n          .setpointOverride=${this.sailAngleSetpointOverride}\n          .animateSetpoint=${this.animateSetpoint}\n          .tickmarksInside=${this.tickmarksInside}\n          .tickmarkStyle=${this.tickmarkStyle}\n          .watchCircleType=${WatchCircleType.single}\n          .advices=${this.angleAdviceRaw}\n          .windKnots=${this.currentWindSpeedKnots}\n          .windFromDirectionDeg=${this.currentWindFromDirection}\n          .windColor=${this.colorFor(WindPropulsionPriorityElement.wind)}\n        ></obc-watch>\n        <svg viewBox=\"${viewBox}\" xmlns=\"http://www.w3.org/2000/svg\">\n          ${this.renderSailImage()}\n        </svg>\n        <svg viewBox=\"${viewBox}\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g style=\"transform: rotate(${this.forceAngle}deg) scale(0.965)\">\n            <g transform=\"translate(-256, -256)\">\n              ${renderForceBar(\n                this.force,\n                this.maxForce,\n                this.state,\n                this.priorityFor(WindPropulsionPriorityElement.forceBar),\n                this._forceBarMaskId\n              )}\n            </g>\n          </g>\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-wind-propulsion': ObcWindPropulsion;\n  }\n}\n"],"names":["WindPropulsionPriorityElement"],"mappings":"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"}
+{"version":3,"file":"wind-propulsion.js","sources":["../../../src/navigation-instruments/wind-propulsion/wind-propulsion.ts"],"sourcesContent":["import {html, LitElement, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport type {PropertyValues} from 'lit';\nimport {svg} from 'lit';\nimport {InstrumentState, Priority} from '../types.js';\nimport {SetpointBundle} from '../../svghelpers/setpoint-bundle.js';\nimport '../watch/watch.js';\nimport {WatchCircleType} from '../watch/watch.js';\nimport {SailType, sailTypeImages} from '../watch/sail-type.js';\nimport componentStyle from './wind-propulsion.css?inline';\nimport {AngleAdvice, AngleAdviceRaw, AdviceState} from '../watch/advice.js';\nimport {Tickmark, TickmarkStyle, TickmarkType} from '../watch/tickmark.js';\nimport {renderForceBar} from './force-bar.js';\nimport {customElement} from '../../decorator.js';\n\nfunction mapAngle0to360(angle: number): number {\n  const a = angle % 360;\n  return a >= 0 ? a : a + 360;\n}\n\nexport enum WindPropulsionPriorityElement {\n  sail = 'sail',\n  forceBar = 'forceBar',\n  wind = 'wind',\n}\n\n/**\n * `<obc-wind-propulsion>` – Radial instrument showing sail force direction and strength.\n *\n * Displays a circular watch face with a rotatable sail image, a directional force bar\n * indicating force strength (0–100), and an independent sail angle setpoint. The sail\n * and force bar rotate independently to show the difference between sail orientation\n * and force direction.\n *\n * ## Features\n *\n * - **Sail angle**: Rotatable sail type image with a directional arrow\n *   pointing outward from the bow.\n * - **Force angle / force**: A vertical bar overlay that rotates to `forceAngle`,\n *   filled proportionally to `force / maxForce`.\n * - **Sail angle setpoint**: Optional setpoint marker on the watch ring with\n *   auto at-setpoint detection and confirm animation support.\n * - **Advice zones**: Configurable caution/alert arcs on the watch ring.\n * - **Wind overlay**: Optional wind speed/direction indicator (pass-through to watch).\n * - **Labels**: Toggleable 0°/90°/180°/–90° tickmark labels.\n * - **Priority elements**: Selectively apply the enhanced color palette to\n *   individual elements (`sail`, `forceBar`, `wind`) via `priorityElements`.\n *\n * ## Usage Guidelines\n *\n * - Set `forceAngle` and `sailAngle` independently to show the angular\n *   difference between force direction and sail orientation.\n * - Use `sailAngleSetpoint` to show a target sail angle on the watch ring.\n * - Select the sail image via `sailType` (e.g. `SailType.solidSail`).\n * - Use `priorityElements` to control which elements receive the enhanced\n *   color palette when `priority` is `enhanced`.\n * - Set `maxForce` to the system-specific ceiling so the bar fills\n *   proportionally (default 100).\n * - For a full-circle compass, use `<obc-compass>` instead.\n *\n * @beta\n */\n@customElement('obc-wind-propulsion')\nexport class ObcWindPropulsion extends LitElement {\n  @property({type: Number}) forceAngle = 0;\n  @property({type: Number}) sailAngle = 0;\n\n  @property({type: Number}) sailAngleSetpoint: number | undefined;\n  @property({type: Number}) newSailAngleSetpoint: number | undefined;\n  @property({type: Boolean}) atSailAngleSetpoint: boolean = false;\n  @property({type: Boolean, attribute: false})\n  autoAtSailAngleSetpoint: boolean = true;\n  @property({type: Number}) autoAtSailAngleSetpointDeadband: number = 2;\n  @property({type: Number}) sailAngleSetpointAtZeroDeadband: number = 0.5;\n  @property({type: Boolean}) sailAngleSetpointOverride: boolean = false;\n  @property({type: Boolean}) animateSetpoint: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n\n  @property({type: Number}) force = 0;\n  @property({type: Number}) maxForce = 100;\n  @property({type: String}) sailType: SailType = SailType.rotorSail;\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: WindPropulsionPriorityElement[] = [\n    WindPropulsionPriorityElement.sail,\n  ];\n  @property({type: Boolean}) showLabels: boolean = false;\n  @property({type: Boolean}) tickmarksInside: boolean = false;\n  @property({type: String}) tickmarkStyle: TickmarkStyle =\n    TickmarkStyle.regular;\n\n  @property({type: Number}) currentWindSpeedKnots: number | null = null;\n  @property({type: Number}) currentWindFromDirection: number | null = null;\n\n  @property({type: Array, attribute: false}) sailAngleAdvices: AngleAdvice[] =\n    [];\n\n  private _forceBarMaskId = `wp-fb-${Math.random().toString(36).slice(2, 9)}`;\n\n  private _sailAngleSp = new SetpointBundle({\n    angularWraparound: true,\n    onAnimationEnd: () => this.requestUpdate(),\n  });\n\n  override willUpdate(changed: PropertyValues): void {\n    super.willUpdate(changed);\n    this._sailAngleSp.sync({\n      setpoint: this.sailAngleSetpoint,\n      newSetpoint: this.newSailAngleSetpoint,\n      atSetpoint: this.atSailAngleSetpoint,\n      touching: this.touching,\n      autoAtSetpoint: this.autoAtSailAngleSetpoint,\n      autoAtSetpointDeadband: this.autoAtSailAngleSetpointDeadband,\n      setpointAtZeroDeadband: this.sailAngleSetpointAtZeroDeadband,\n      setpointOverride: this.sailAngleSetpointOverride,\n      animateSetpoint: this.animateSetpoint,\n    });\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this._sailAngleSp.dispose();\n  }\n\n  private priorityFor(element: WindPropulsionPriorityElement): 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: WindPropulsionPriorityElement): string | undefined {\n    return this.priorityFor(element) === Priority.enhanced\n      ? 'var(--instrument-enhanced-secondary-color)'\n      : undefined;\n  }\n\n  private getPadding(): number {\n    if (\n      this.currentWindSpeedKnots != null &&\n      this.currentWindFromDirection != null\n    ) {\n      return 72;\n    }\n    if (this.showLabels && !this.tickmarksInside) {\n      return 60;\n    }\n    return 24;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.sailAngleAdvices.map((advice) => {\n      const triggered =\n        this.sailAngleSetpoint !== undefined &&\n        mapAngle0to360(this.sailAngleSetpoint - advice.minAngle) <=\n          mapAngle0to360(advice.maxAngle - advice.minAngle);\n      let state: AdviceState;\n      if (triggered) {\n        state = AdviceState.triggered;\n      } else if (advice.hinted) {\n        state = AdviceState.hinted;\n      } else {\n        state = AdviceState.regular;\n      }\n      return {\n        minAngle: advice.minAngle,\n        maxAngle: advice.maxAngle,\n        type: advice.type,\n        state,\n      };\n    });\n  }\n\n  private getTickmarks(): Tickmark[] {\n    const tickmarks: Tickmark[] = [];\n\n    const labelText = (angle: number): string | undefined => {\n      if (!this.showLabels) return undefined;\n      return angle <= 180 ? `${angle}` : `${angle - 360}`;\n    };\n\n    tickmarks.push({\n      angle: 0,\n      type: TickmarkType.zeroLine,\n      text: this.showLabels ? '0' : undefined,\n    });\n\n    for (const angle of [90, 180, 270]) {\n      tickmarks.push({\n        angle,\n        type: TickmarkType.primary,\n        text: labelText(angle),\n      });\n    }\n\n    return tickmarks;\n  }\n\n  private renderSailImage() {\n    const entry = sailTypeImages[this.sailType];\n    if (!entry) return svg``;\n\n    const sailPriority = this.priorityFor(WindPropulsionPriorityElement.sail);\n    const arrowColor =\n      sailPriority === Priority.enhanced\n        ? 'var(--instrument-enhanced-secondary-color)'\n        : 'var(--instrument-regular-secondary-color)';\n\n    // Center each sail SVG on its visual center (cx/cy), falling back to\n    // the geometric viewBox center (width/2, height/2).\n    const cx = entry.cx ?? entry.width / 2;\n    const cy = entry.cy ?? entry.height / 2;\n\n    // Scale sails down so their top edge clears the directional arrow\n    // with the same ~5px gap the arrow has from the watch ring.\n    const sailScale = 0.95;\n\n    // Fixed arrow radius matching compass/heading arrow positioning\n    // (just inside RING2_RADIUS = 160).\n    const arrowRadius = 155;\n\n    return svg`\n      <g style=\"transform: rotate(${this.sailAngle}deg)\">\n        <g style=\"transform: scale(${sailScale}) translate(${-cx}px, ${-cy}px)\">\n          ${entry.svg}\n        </g>\n        <path transform=\"translate(-15 ${-arrowRadius})\"\n          d=\"M0.707007 14.2929L14.9999 0L29.2928 14.2929C29.9228 14.9229 29.4766 16 28.5857 16H1.41412C0.523211 16 0.0770419 14.9229 0.707007 14.2929Z\"\n          fill=\"${arrowColor}\" vector-effect=\"non-scaling-stroke\"/>\n      </g>\n    `;\n  }\n\n  override render() {\n    const tickmarks = this.getTickmarks();\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          .tickmarks=${tickmarks}\n          .state=${this.state}\n          .priority=${this.priority}\n          .angleSetpoint=${this.sailAngleSetpoint}\n          .newAngleSetpoint=${this.newSailAngleSetpoint}\n          .atAngleSetpoint=${this._sailAngleSp.computeAtSetpoint(\n            this.sailAngle\n          )}\n          .angleSetpointAtZeroDeadband=${this.sailAngleSetpointAtZeroDeadband}\n          .setpointOverride=${this.sailAngleSetpointOverride}\n          .animateSetpoint=${this.animateSetpoint}\n          .tickmarksInside=${this.tickmarksInside}\n          .tickmarkStyle=${this.tickmarkStyle}\n          .watchCircleType=${WatchCircleType.single}\n          .advices=${this.angleAdviceRaw}\n          .windKnots=${this.currentWindSpeedKnots}\n          .windFromDirectionDeg=${this.currentWindFromDirection}\n          .windColor=${this.colorFor(WindPropulsionPriorityElement.wind)}\n        ></obc-watch>\n        <svg viewBox=\"${viewBox}\" xmlns=\"http://www.w3.org/2000/svg\">\n          ${this.renderSailImage()}\n        </svg>\n        <svg viewBox=\"${viewBox}\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g style=\"transform: rotate(${this.forceAngle}deg) scale(0.965)\">\n            <g transform=\"translate(-256, -256)\">\n              ${renderForceBar(\n                this.force,\n                this.maxForce,\n                this.state,\n                this.priorityFor(WindPropulsionPriorityElement.forceBar),\n                this._forceBarMaskId\n              )}\n            </g>\n          </g>\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-wind-propulsion': ObcWindPropulsion;\n  }\n}\n"],"names":["WindPropulsionPriorityElement"],"mappings":"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"}

package/dist/pages/alert-detail-page/alert-detail-page.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-detail-page.d.ts","sourceRoot":"","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAIzE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,EAKL,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAIxB,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,qBAKa,kBAAmB,SAAQ,UAAU;IACtB,IAAI,EAAE,mBAAmB,CACxB;IAEG,KAAK,EAAG,KAAK,CAAC;IACjB,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,QAAQ,UAAS;IACjB,WAAW,UAAS;IACpB,YAAY,UAAS;IACrB,QAAQ,UAAS;IACjB,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAC1B,YAAY,UAAS;IACrB,gBAAgB,UAAS;IACzB,YAAY,UAAS;IACrB,eAAe,UAAS;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAEV;IAE3B,kBAAkB,EAAE,WAAW,CAC3C;IAElB,OAAO,CAAC,SAAS,CAAuB;IAE/B,iBAAiB;IAOjB,oBAAoB;IAO7B,IAAI,eAAe,uCAUlB;IAED,OAAO,CAAC,YAAY;IA8CX,MAAM;IAkIf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"alert-detail-page.d.ts","sourceRoot":"","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAIzE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,6CAA6C,CAAC;AACrD,OAAO,2CAA2C,CAAC;AACnD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,kCAAkC,CAAC;AAC1C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EACL,KAAK,EAKL,WAAW,EACZ,MAAM,gBAAgB,CAAC;AAIxB,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,qBAYa,kBAAmB,SAAQ,UAAU;IACtB,IAAI,EAAE,mBAAmB,CACxB;IAEG,KAAK,EAAG,KAAK,CAAC;IACjB,OAAO,UAAS;IAChB,UAAU,UAAS;IACnB,QAAQ,UAAS;IACjB,WAAW,UAAS;IACpB,YAAY,UAAS;IACrB,QAAQ,UAAS;IACjB,eAAe,UAAS;IACxB,iBAAiB,UAAS;IAC1B,YAAY,UAAS;IACrB,gBAAgB,UAAS;IACzB,YAAY,UAAS;IACrB,eAAe,UAAS;IACrB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAEV;IAE3B,kBAAkB,EAAE,WAAW,CAC3C;IAElB,OAAO,CAAC,SAAS,CAAuB;IAE/B,iBAAiB;IAOjB,oBAAoB;IAO7B,IAAI,eAAe,uCAUlB;IAED,OAAO,CAAC,YAAY;IA8CX,MAAM;IAkIf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,kBAAkB,CAAC;KAC7C;CACF"}

package/dist/pages/alert-detail-page/alert-detail-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-detail-page.js","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './alert-detail-page.css?inline';\nimport {property} from 'lit/decorators.js';\nimport '../../components/button/button.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../components/alert-icon/alert-icon.js';\nimport '../../icons/icon-close-google.js';\nimport '../../icons/icon-alerts-shelf.js';\nimport '../../icons/icon-command-locked-f.js';\nimport '../../icons/icon-alert-category-a.js';\nimport '../../icons/icon-alert-category-b.js';\nimport '../../icons/icon-alert-category-c.js';\nimport {\n  Alert,\n  AlertCategory,\n  formatTimeSince,\n  isAcknowledged,\n  isActive,\n  TimeSinceFn,\n} from '../../types.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {localized, msg} from '@lit/localize';\n\nexport enum AlertDetailPageType {\n  page = 'page',\n  modal = 'modal',\n  card = 'card',\n}\n\n@localized()\n/**\n * @beta\n */\n@customElement('obc-alert-detail-page')\nexport class ObcAlertDetailPage extends LitElement {\n  @property({type: String}) type: AlertDetailPageType =\n    AlertDetailPageType.page;\n\n  @property({attribute: false}) alert!: Alert;\n  @property({type: Boolean}) hasNote = false;\n  @property({type: Boolean}) hasActions = false;\n  @property({type: Boolean}) hasTagId = false;\n  @property({type: Boolean}) hasCategory = false;\n  @property({type: Boolean}) hasActivated = false;\n  @property({type: Boolean}) hasTimer = false;\n  @property({type: Boolean}) hasAcknowledged = false;\n  @property({type: Boolean}) hasAcknowledgedBy = false;\n  @property({type: Boolean}) hasRectified = false;\n  @property({type: Boolean}) hasShelvingTimer = false;\n  @property({type: Boolean}) hasShelvedBy = false;\n  @property({type: Boolean}) hasReadoutGraph = false;\n  @property({attribute: false}) timeFormatter: (time: Date) => string = (\n    time: Date\n  ) => time.toLocaleTimeString(undefined, {hour12: false});\n\n  @property({attribute: false}) timeSinceFormatter: TimeSinceFn =\n    formatTimeSince;\n\n  private _interval: number | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._interval = window.setInterval(() => {\n      this.requestUpdate();\n    }, 1000) as unknown as number;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._interval) {\n      window.clearInterval(this._interval);\n    }\n  }\n\n  get alertStatusIcon() {\n    if (this.alert.shelved) {\n      return html`<obi-alerts-shelf class=\"icon status\"></obi-alerts-shelf>`;\n    }\n    if (this.alert.blocked) {\n      return html`<obi-command-locked-f\n        class=\"icon status\"\n      ></obi-command-locked-f>`;\n    }\n    return nothing;\n  }\n\n  private renderDetail(\n    has: boolean,\n    slotName: string,\n    defaultTitle: string,\n    getValue: (\n      alert: Alert\n    ) => string | Date | AlertCategory | undefined | boolean,\n    options: {timer?: boolean} = {}\n  ) {\n    if (has) {\n      const rawValue = getValue(this.alert);\n      let value: string | TemplateResult | undefined | boolean;\n      let isIcon = false;\n\n      if (rawValue instanceof Date) {\n        if (options.timer) {\n          value = this.timeSinceFormatter(rawValue as Date);\n        } else {\n          value = this.timeFormatter(rawValue as Date);\n        }\n      } else if (slotName === 'category') {\n        isIcon = true;\n        if (rawValue === AlertCategory.a) {\n          value = html`<obi-alert-category-a></obi-alert-category-a>`;\n        } else if (rawValue === AlertCategory.b) {\n          value = html`<obi-alert-category-b></obi-alert-category-b>`;\n        } else if (rawValue === AlertCategory.c) {\n          value = html`<obi-alert-category-c></obi-alert-category-c>`;\n        }\n      } else {\n        value = rawValue as string | boolean | undefined;\n      }\n      return html`\n        <div class=\"detail\">\n          <div class=\"detail-title\">\n            <slot name=\"${slotName}-label\">${defaultTitle}</slot>\n          </div>\n          <div class=\"detail-value ${isIcon ? 'icon' : ''}\">\n            <slot name=\"${slotName}-value\"> ${value} </slot>\n          </div>\n        </div>\n      `;\n    }\n    return nothing;\n  }\n\n  override render() {\n    if (!this.alert) {\n      console.error('Alert is not set in alert-detail-page');\n      return nothing;\n    }\n    const showCloseButton = [AlertDetailPageType.modal].includes(this.type);\n\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [`type-${this.type}`]: true,\n          'status-acknowledged':\n            isAcknowledged(this.alert) && isActive(this.alert),\n          'status-unacknowledged':\n            !isAcknowledged(this.alert) && isActive(this.alert),\n          'status-resolved': isActive(this.alert),\n        })}\n      >\n        <div class=\"header\">\n          ${this.alertStatusIcon}\n          <div class=\"icon alert\">\n            <obc-alert-icon\n              .type=${this.alert.type}\n              .acknowledged=${isAcknowledged(this.alert)}\n              .active=${isActive(this.alert)}\n            ></obc-alert-icon>\n          </div>\n          <div class=\"title\">\n            <span>${this.alert.source}</span>\n          </div>\n          ${showCloseButton\n            ? html`<div class=\"close-button\">\n                <obc-icon-button variant=\"flat\">\n                  <obi-close-google></obi-close-google>\n                </obc-icon-button>\n              </div>`\n            : nothing}\n        </div>\n        <div class=\"divider\"></div>\n        <div class=\"body\">\n          <div class=\"description\">\n            <span>${this.alert.text}</span>\n          </div>\n          ${this.hasNote\n            ? html`<div class=\"description sub-description\">\n                <div class=\"label\">\n                  <slot name=\"note-label\">${msg('Note')}</slot>\n                </div>\n                <slot name=\"note\">${this.alert.note}</slot>\n              </div>`\n            : nothing}\n          ${this.renderDetail(\n            this.hasTagId,\n            'tagId',\n            msg('Tag ID'),\n            (alert) => alert.tagId\n          )}\n          ${this.renderDetail(\n            this.hasCategory,\n            'category',\n            msg('Category'),\n            (alert) => alert.category\n          )}\n          ${this.renderDetail(\n            this.hasActivated,\n            'time',\n            msg('Activated'),\n            (alert) => alert.time\n          )}\n          ${this.renderDetail(\n            this.hasTimer,\n            'activated-timer',\n            msg('Alert timer'),\n            (alert) => alert.time,\n            {timer: true}\n          )}\n          ${this.renderDetail(\n            this.hasAcknowledged,\n            'acknowledgedAt',\n            msg('Acknowledged'),\n            (alert) => alert.acknowledged && alert.acknowledged.acknowledgedAt\n          )}\n          ${this.renderDetail(\n            this.hasRectified,\n            'rectified',\n            msg('Rectified'),\n            (alert) => alert.active !== true && alert.active.rectifiedTime\n          )}\n          ${this.renderDetail(\n            this.hasAcknowledgedBy,\n            'acknowledged-by',\n            msg('Acknowledged by'),\n            (alert) => alert.acknowledged && alert.acknowledged.acknowledgedBy\n          )}\n          ${this.renderDetail(\n            this.hasShelvingTimer,\n            'shelving-timer',\n            msg('Shelfing timer'),\n            (alert) => alert.shelved && alert.shelved.shelvedStartTime,\n            {timer: true}\n          )}\n          ${this.renderDetail(\n            this.hasShelvedBy,\n            'shelved-by',\n            msg('Shelved by'),\n            (alert) => alert.shelved && alert.shelved.shelvedBy\n          )}\n          ${this.hasReadoutGraph\n            ? html`\n                <div class=\"readout-graph\">\n                  <div class=\"readout-graph-title\">\n                    <slot name=\"readout-graph-title\">${msg('Readout')}</slot>\n                  </div>\n                  <div class=\"readout-graph-container\">\n                    <slot name=\"readout-graph\"></slot>\n                  </div>\n                </div>\n              `\n            : nothing}\n        </div>\n        ${this.hasActions\n          ? html`<div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-detail-page': ObcAlertDetailPage;\n  }\n}\n"],"names":["AlertDetailPageType"],"mappings":"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"}
+{"version":3,"file":"alert-detail-page.js","sources":["../../../src/pages/alert-detail-page/alert-detail-page.ts"],"sourcesContent":["import {LitElement, TemplateResult, html, nothing, unsafeCSS} from 'lit';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './alert-detail-page.css?inline';\nimport {property} from 'lit/decorators.js';\nimport '../../components/button/button.js';\nimport '../../components/icon-button/icon-button.js';\nimport '../../components/alert-icon/alert-icon.js';\nimport '../../icons/icon-close-google.js';\nimport '../../icons/icon-alerts-shelf.js';\nimport '../../icons/icon-command-locked-f.js';\nimport '../../icons/icon-alert-category-a.js';\nimport '../../icons/icon-alert-category-b.js';\nimport '../../icons/icon-alert-category-c.js';\nimport {\n  Alert,\n  AlertCategory,\n  formatTimeSince,\n  isAcknowledged,\n  isActive,\n  TimeSinceFn,\n} from '../../types.js';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {localized, msg} from '@lit/localize';\n\nexport enum AlertDetailPageType {\n  page = 'page',\n  modal = 'modal',\n  card = 'card',\n}\n\n@localized()\n/**\n * @slot note-label - Label for the note section, rendered when `hasNote` is true\n * @slot note - Note content, rendered when `hasNote` is true\n * @slot readout-graph-title - Title for the readout graph, rendered when `hasReadoutGraph` is true\n * @slot readout-graph - Readout graph content, rendered when `hasReadoutGraph` is true\n * @slot action - Action controls, rendered when `hasActions` is true\n * @slot <detail>-label - Overrides the label of the `<detail>` field (e.g. `tagId-label`, `category-label`, `time-label`)\n * @slot <detail>-value - Overrides the value of the `<detail>` field (e.g. `tagId-value`, `category-value`, `time-value`)\n * @beta\n */\n@customElement('obc-alert-detail-page')\nexport class ObcAlertDetailPage extends LitElement {\n  @property({type: String}) type: AlertDetailPageType =\n    AlertDetailPageType.page;\n\n  @property({attribute: false}) alert!: Alert;\n  @property({type: Boolean}) hasNote = false;\n  @property({type: Boolean}) hasActions = false;\n  @property({type: Boolean}) hasTagId = false;\n  @property({type: Boolean}) hasCategory = false;\n  @property({type: Boolean}) hasActivated = false;\n  @property({type: Boolean}) hasTimer = false;\n  @property({type: Boolean}) hasAcknowledged = false;\n  @property({type: Boolean}) hasAcknowledgedBy = false;\n  @property({type: Boolean}) hasRectified = false;\n  @property({type: Boolean}) hasShelvingTimer = false;\n  @property({type: Boolean}) hasShelvedBy = false;\n  @property({type: Boolean}) hasReadoutGraph = false;\n  @property({attribute: false}) timeFormatter: (time: Date) => string = (\n    time: Date\n  ) => time.toLocaleTimeString(undefined, {hour12: false});\n\n  @property({attribute: false}) timeSinceFormatter: TimeSinceFn =\n    formatTimeSince;\n\n  private _interval: number | null = null;\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this._interval = window.setInterval(() => {\n      this.requestUpdate();\n    }, 1000) as unknown as number;\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    if (this._interval) {\n      window.clearInterval(this._interval);\n    }\n  }\n\n  get alertStatusIcon() {\n    if (this.alert.shelved) {\n      return html`<obi-alerts-shelf class=\"icon status\"></obi-alerts-shelf>`;\n    }\n    if (this.alert.blocked) {\n      return html`<obi-command-locked-f\n        class=\"icon status\"\n      ></obi-command-locked-f>`;\n    }\n    return nothing;\n  }\n\n  private renderDetail(\n    has: boolean,\n    slotName: string,\n    defaultTitle: string,\n    getValue: (\n      alert: Alert\n    ) => string | Date | AlertCategory | undefined | boolean,\n    options: {timer?: boolean} = {}\n  ) {\n    if (has) {\n      const rawValue = getValue(this.alert);\n      let value: string | TemplateResult | undefined | boolean;\n      let isIcon = false;\n\n      if (rawValue instanceof Date) {\n        if (options.timer) {\n          value = this.timeSinceFormatter(rawValue as Date);\n        } else {\n          value = this.timeFormatter(rawValue as Date);\n        }\n      } else if (slotName === 'category') {\n        isIcon = true;\n        if (rawValue === AlertCategory.a) {\n          value = html`<obi-alert-category-a></obi-alert-category-a>`;\n        } else if (rawValue === AlertCategory.b) {\n          value = html`<obi-alert-category-b></obi-alert-category-b>`;\n        } else if (rawValue === AlertCategory.c) {\n          value = html`<obi-alert-category-c></obi-alert-category-c>`;\n        }\n      } else {\n        value = rawValue as string | boolean | undefined;\n      }\n      return html`\n        <div class=\"detail\">\n          <div class=\"detail-title\">\n            <slot name=\"${slotName}-label\">${defaultTitle}</slot>\n          </div>\n          <div class=\"detail-value ${isIcon ? 'icon' : ''}\">\n            <slot name=\"${slotName}-value\"> ${value} </slot>\n          </div>\n        </div>\n      `;\n    }\n    return nothing;\n  }\n\n  override render() {\n    if (!this.alert) {\n      console.error('Alert is not set in alert-detail-page');\n      return nothing;\n    }\n    const showCloseButton = [AlertDetailPageType.modal].includes(this.type);\n\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          [`type-${this.type}`]: true,\n          'status-acknowledged':\n            isAcknowledged(this.alert) && isActive(this.alert),\n          'status-unacknowledged':\n            !isAcknowledged(this.alert) && isActive(this.alert),\n          'status-resolved': isActive(this.alert),\n        })}\n      >\n        <div class=\"header\">\n          ${this.alertStatusIcon}\n          <div class=\"icon alert\">\n            <obc-alert-icon\n              .type=${this.alert.type}\n              .acknowledged=${isAcknowledged(this.alert)}\n              .active=${isActive(this.alert)}\n            ></obc-alert-icon>\n          </div>\n          <div class=\"title\">\n            <span>${this.alert.source}</span>\n          </div>\n          ${showCloseButton\n            ? html`<div class=\"close-button\">\n                <obc-icon-button variant=\"flat\">\n                  <obi-close-google></obi-close-google>\n                </obc-icon-button>\n              </div>`\n            : nothing}\n        </div>\n        <div class=\"divider\"></div>\n        <div class=\"body\">\n          <div class=\"description\">\n            <span>${this.alert.text}</span>\n          </div>\n          ${this.hasNote\n            ? html`<div class=\"description sub-description\">\n                <div class=\"label\">\n                  <slot name=\"note-label\">${msg('Note')}</slot>\n                </div>\n                <slot name=\"note\">${this.alert.note}</slot>\n              </div>`\n            : nothing}\n          ${this.renderDetail(\n            this.hasTagId,\n            'tagId',\n            msg('Tag ID'),\n            (alert) => alert.tagId\n          )}\n          ${this.renderDetail(\n            this.hasCategory,\n            'category',\n            msg('Category'),\n            (alert) => alert.category\n          )}\n          ${this.renderDetail(\n            this.hasActivated,\n            'time',\n            msg('Activated'),\n            (alert) => alert.time\n          )}\n          ${this.renderDetail(\n            this.hasTimer,\n            'activated-timer',\n            msg('Alert timer'),\n            (alert) => alert.time,\n            {timer: true}\n          )}\n          ${this.renderDetail(\n            this.hasAcknowledged,\n            'acknowledgedAt',\n            msg('Acknowledged'),\n            (alert) => alert.acknowledged && alert.acknowledged.acknowledgedAt\n          )}\n          ${this.renderDetail(\n            this.hasRectified,\n            'rectified',\n            msg('Rectified'),\n            (alert) => alert.active !== true && alert.active.rectifiedTime\n          )}\n          ${this.renderDetail(\n            this.hasAcknowledgedBy,\n            'acknowledged-by',\n            msg('Acknowledged by'),\n            (alert) => alert.acknowledged && alert.acknowledged.acknowledgedBy\n          )}\n          ${this.renderDetail(\n            this.hasShelvingTimer,\n            'shelving-timer',\n            msg('Shelfing timer'),\n            (alert) => alert.shelved && alert.shelved.shelvedStartTime,\n            {timer: true}\n          )}\n          ${this.renderDetail(\n            this.hasShelvedBy,\n            'shelved-by',\n            msg('Shelved by'),\n            (alert) => alert.shelved && alert.shelved.shelvedBy\n          )}\n          ${this.hasReadoutGraph\n            ? html`\n                <div class=\"readout-graph\">\n                  <div class=\"readout-graph-title\">\n                    <slot name=\"readout-graph-title\">${msg('Readout')}</slot>\n                  </div>\n                  <div class=\"readout-graph-container\">\n                    <slot name=\"readout-graph\"></slot>\n                  </div>\n                </div>\n              `\n            : nothing}\n        </div>\n        ${this.hasActions\n          ? html`<div class=\"actions\">\n              <slot name=\"action\"></slot>\n            </div>`\n          : nothing}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-alert-detail-page': ObcAlertDetailPage;\n  }\n}\n"],"names":["AlertDetailPageType"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oicl/openbridge-webcomponents",
-  "version": "2.0.0-next.96",
+  "version": "2.0.0-next.97",
   "type": "module",
   "repository": {
     "type": "git",
@@ -34,8 +34,9 @@
     "typecheck": "tsc --noEmit",
     "format": "prettier \"**/*.{cjs,html,js,json,md,ts,css}\"  --write",
     "format:check": "prettier \"**/*.{cjs,html,js,json,md,ts,css}\"  --check",
-    "lint": "npm run lint:mixins && npm run lint:variables && npm run lint:icons && npm run lint:lit-analyzer && npm run lint:eslint",
+    "lint": "npm run lint:mixins && npm run lint:variables && npm run lint:icons && npm run lint:slots && npm run lint:lit-analyzer && npm run lint:eslint",
     "lint:mixins": "tsx ./script/check-css-mixins.ts",
+    "lint:slots": "tsx ./script/check-slot-event-docs.ts",
     "lint:variables": "tsx ./script/check-css-variables.ts",
     "lint:icons": "tsx ./script/check-icon-hex-leaks.ts",
     "lint:eslint": "eslint 'src/**/*.ts'",