@oicl/openbridge-webcomponents 0.0.15-dev-20241119201940 → 0.0.15-dev-20241123190545

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

@@ -1 +1 @@
-{"version":3,"file":"radial-tickmark.js","sources":["../../../src/navigation-instruments/compass/radial-tickmark.ts"],"sourcesContent":["import {SVGTemplateResult, svg} from 'lit';\nimport {TickmarkType, TickmarkStyle, tickmarkColor} from '../watch/tickmark';\n\nexport function radialTickmarks(\n  minAngle: number,\n  maxAngle: number,\n  type: TickmarkType | undefined\n): SVGTemplateResult[] {\n  if (type === TickmarkType.main || type === TickmarkType.tertiary) {\n    throw new Error(\n      'Only secondary tickmarks or undefined tickmarks (dots) are supported'\n    );\n  }\n\n  const origin = {x: 0, y: 0};\n  const radius = 320 / 2;\n  const strokeWidth = '1.2';\n  const margin = 1.5;\n  const colorName = tickmarkColor(TickmarkStyle.hinted);\n  const tickWidth = type === TickmarkType.secondary ? 4 : 1;\n  const tickmarks: SVGTemplateResult[] = [];\n\n  const sinMin = Math.sin((minAngle * Math.PI) / 180);\n  const cosMin = Math.cos((minAngle * Math.PI) / 180);\n  const sinMax = Math.sin((maxAngle * Math.PI) / 180);\n  const cosMax = Math.cos((maxAngle * Math.PI) / 180);\n\n  const deltaIncrement = tickWidth * margin;\n\n  for (let deltaR = 0; deltaR <= radius; deltaR += deltaIncrement) {\n    const xMin = origin.x + sinMin * deltaR;\n    const yMin = origin.y - cosMin * deltaR;\n    const xMax = origin.x + sinMax * deltaR;\n    const yMax = origin.y - cosMax * deltaR;\n\n    if (type === undefined) {\n      const size = 1;\n      tickmarks.push(\n        svg`<rect \n          x=${xMin - size / 2} \n          y=${yMin - size / 2} \n          width=${size} \n          height=${size} \n          fill=${colorName} \n          transform=\"rotate(${minAngle} ${xMin} ${yMin})\" \n          vector-effect=\"non-scaling-stroke\"/>`\n      );\n      tickmarks.push(\n        svg`<rect \n          x=${xMax - size / 2} \n          y=${yMax - size / 2} \n          width=${size} \n          height=${size} \n          fill=${colorName} \n          transform=\"rotate(${maxAngle} ${xMax} ${yMax})\" \n          vector-effect=\"non-scaling-stroke\"/>`\n      );\n    } else {\n      const currentRadius = Math.min(deltaR + tickWidth, radius);\n      const x2Min = origin.x + sinMin * currentRadius;\n      const y2Min = origin.y - cosMin * currentRadius;\n      const x2Max = origin.x + sinMax * currentRadius;\n      const y2Max = origin.y - cosMax * currentRadius;\n\n      tickmarks.push(\n        svg`<line x1=${xMin} y1=${yMin} x2=${x2Min} y2=${y2Min} stroke=${colorName} stroke-width=${strokeWidth} vector-effect=\"non-scaling-stroke\"/>`\n      );\n      tickmarks.push(\n        svg`<line x1=${xMax} y1=${yMax} x2=${x2Max} y2=${y2Max} stroke=${colorName} stroke-width=${strokeWidth} vector-effect=\"non-scaling-stroke\"/>`\n      );\n\n      if (currentRadius >= radius) break;\n    }\n  }\n\n  return tickmarks;\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,gBACd,UACA,UACA,MACqB;AACrB,MAAI,SAAS,aAAa,QAAQ,SAAS,aAAa,UAAU;AAChE,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,SAAS,EAAC,GAAG,GAAG,GAAG,EAAC;AAC1B,QAAM,SAAS,MAAM;AACrB,QAAM,cAAc;AACpB,QAAM,SAAS;AACT,QAAA,YAAY,cAAc,cAAc,MAAM;AACpD,QAAM,YAAY,SAAS,aAAa,YAAY,IAAI;AACxD,QAAM,YAAiC,CAAA;AAEvC,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAClD,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAClD,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAClD,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAElD,QAAM,iBAAiB,YAAY;AAEnC,WAAS,SAAS,GAAG,UAAU,QAAQ,UAAU,gBAAgB;AACzD,UAAA,OAAO,OAAO,IAAI,SAAS;AAC3B,UAAA,OAAO,OAAO,IAAI,SAAS;AAC3B,UAAA,OAAO,OAAO,IAAI,SAAS;AAC3B,UAAA,OAAO,OAAO,IAAI,SAAS;AAEjC,QAAI,SAAS,QAAW;AACtB,YAAM,OAAO;AACH,gBAAA;AAAA,QACR;AAAA,cACM,OAAO,OAAO,CAAC;AAAA,cACf,OAAO,OAAO,CAAC;AAAA,kBACX,IAAI;AAAA,mBACH,IAAI;AAAA,iBACN,SAAS;AAAA,8BACI,QAAQ,IAAI,IAAI,IAAI,IAAI;AAAA;AAAA,MAAA;AAGtC,gBAAA;AAAA,QACR;AAAA,cACM,OAAO,OAAO,CAAC;AAAA,cACf,OAAO,OAAO,CAAC;AAAA,kBACX,IAAI;AAAA,mBACH,IAAI;AAAA,iBACN,SAAS;AAAA,8BACI,QAAQ,IAAI,IAAI,IAAI,IAAI;AAAA;AAAA,MAAA;AAAA,IAEhD,OACK;AACL,YAAM,gBAAgB,KAAK,IAAI,SAAS,WAAW,MAAM;AACnD,YAAA,QAAQ,OAAO,IAAI,SAAS;AAC5B,YAAA,QAAQ,OAAO,IAAI,SAAS;AAC5B,YAAA,QAAQ,OAAO,IAAI,SAAS;AAC5B,YAAA,QAAQ,OAAO,IAAI,SAAS;AAExB,gBAAA;AAAA,QACR,eAAe,IAAI,OAAO,IAAI,OAAO,KAAK,OAAO,KAAK,WAAW,SAAS,iBAAiB,WAAW;AAAA,MAAA;AAE9F,gBAAA;AAAA,QACR,eAAe,IAAI,OAAO,IAAI,OAAO,KAAK,OAAO,KAAK,WAAW,SAAS,iBAAiB,WAAW;AAAA,MAAA;AAGxG,UAAI,iBAAiB;AAAQ;AAAA,IAC/B;AAAA,EACF;AAEO,SAAA;AACT;"}
+{"version":3,"file":"radial-tickmark.js","sources":["../../../src/navigation-instruments/compass/radial-tickmark.ts"],"sourcesContent":["import {SVGTemplateResult, svg} from 'lit';\nimport {TickmarkType, TickmarkStyle, tickmarkColor} from '../watch/tickmark';\n\nexport function radialTickmarks(\n  minAngle: number,\n  maxAngle: number,\n  type: TickmarkType | undefined\n): SVGTemplateResult[] {\n  if (type === TickmarkType.main || type === TickmarkType.tertiary) {\n    throw new Error(\n      'Only secondary tickmarks or undefined tickmarks (dots) are supported'\n    );\n  }\n\n  const origin = {x: 0, y: 0};\n  const radius = 320 / 2;\n  const strokeWidth = '1.2';\n  const margin = 1.5;\n  const colorName = tickmarkColor(TickmarkStyle.hinted);\n  const tickWidth = type === TickmarkType.secondary ? 4 : 1;\n  const tickmarks: SVGTemplateResult[] = [];\n\n  const sinMin = Math.sin((minAngle * Math.PI) / 180);\n  const cosMin = Math.cos((minAngle * Math.PI) / 180);\n  const sinMax = Math.sin((maxAngle * Math.PI) / 180);\n  const cosMax = Math.cos((maxAngle * Math.PI) / 180);\n\n  const deltaIncrement = tickWidth * margin;\n\n  for (let deltaR = 0; deltaR <= radius; deltaR += deltaIncrement) {\n    const xMin = origin.x + sinMin * deltaR;\n    const yMin = origin.y - cosMin * deltaR;\n    const xMax = origin.x + sinMax * deltaR;\n    const yMax = origin.y - cosMax * deltaR;\n\n    if (type === undefined) {\n      const size = 1;\n      tickmarks.push(\n        svg`<rect \n          x=${xMin - size / 2} \n          y=${yMin - size / 2} \n          width=${size} \n          height=${size} \n          fill=${colorName} \n          transform=\"rotate(${minAngle} ${xMin} ${yMin})\" \n          vector-effect=\"non-scaling-stroke\"/>`\n      );\n      tickmarks.push(\n        svg`<rect \n          x=${xMax - size / 2} \n          y=${yMax - size / 2} \n          width=${size} \n          height=${size} \n          fill=${colorName} \n          transform=\"rotate(${maxAngle} ${xMax} ${yMax})\" \n          vector-effect=\"non-scaling-stroke\"/>`\n      );\n    } else {\n      const currentRadius = Math.min(deltaR + tickWidth, radius);\n      const x2Min = origin.x + sinMin * currentRadius;\n      const y2Min = origin.y - cosMin * currentRadius;\n      const x2Max = origin.x + sinMax * currentRadius;\n      const y2Max = origin.y - cosMax * currentRadius;\n\n      tickmarks.push(\n        svg`<line x1=${xMin} y1=${yMin} x2=${x2Min} y2=${y2Min} stroke=${colorName} stroke-width=${strokeWidth} vector-effect=\"non-scaling-stroke\"/>`\n      );\n      tickmarks.push(\n        svg`<line x1=${xMax} y1=${yMax} x2=${x2Max} y2=${y2Max} stroke=${colorName} stroke-width=${strokeWidth} vector-effect=\"non-scaling-stroke\"/>`\n      );\n\n      if (currentRadius >= radius) break;\n    }\n  }\n\n  return tickmarks;\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,gBACd,UACA,UACA,MACqB;AACrB,MAAI,SAAS,aAAa,QAAQ,SAAS,aAAa,UAAU;AAChE,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,SAAS,EAAC,GAAG,GAAG,GAAG,EAAC;AAC1B,QAAM,SAAS,MAAM;AACrB,QAAM,cAAc;AACpB,QAAM,SAAS;AACT,QAAA,YAAY,cAAc,cAAc,MAAM;AACpD,QAAM,YAAY,SAAS,aAAa,YAAY,IAAI;AACxD,QAAM,YAAiC,CAAC;AAExC,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAClD,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAClD,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAClD,QAAM,SAAS,KAAK,IAAK,WAAW,KAAK,KAAM,GAAG;AAElD,QAAM,iBAAiB,YAAY;AAEnC,WAAS,SAAS,GAAG,UAAU,QAAQ,UAAU,gBAAgB;AACzD,UAAA,OAAO,OAAO,IAAI,SAAS;AAC3B,UAAA,OAAO,OAAO,IAAI,SAAS;AAC3B,UAAA,OAAO,OAAO,IAAI,SAAS;AAC3B,UAAA,OAAO,OAAO,IAAI,SAAS;AAEjC,QAAI,SAAS,QAAW;AACtB,YAAM,OAAO;AACH,gBAAA;AAAA,QACR;AAAA,cACM,OAAO,OAAO,CAAC;AAAA,cACf,OAAO,OAAO,CAAC;AAAA,kBACX,IAAI;AAAA,mBACH,IAAI;AAAA,iBACN,SAAS;AAAA,8BACI,QAAQ,IAAI,IAAI,IAAI,IAAI;AAAA;AAAA,MAEhD;AACU,gBAAA;AAAA,QACR;AAAA,cACM,OAAO,OAAO,CAAC;AAAA,cACf,OAAO,OAAO,CAAC;AAAA,kBACX,IAAI;AAAA,mBACH,IAAI;AAAA,iBACN,SAAS;AAAA,8BACI,QAAQ,IAAI,IAAI,IAAI,IAAI;AAAA;AAAA,MAEhD;AAAA,IAAA,OACK;AACL,YAAM,gBAAgB,KAAK,IAAI,SAAS,WAAW,MAAM;AACnD,YAAA,QAAQ,OAAO,IAAI,SAAS;AAC5B,YAAA,QAAQ,OAAO,IAAI,SAAS;AAC5B,YAAA,QAAQ,OAAO,IAAI,SAAS;AAC5B,YAAA,QAAQ,OAAO,IAAI,SAAS;AAExB,gBAAA;AAAA,QACR,eAAe,IAAI,OAAO,IAAI,OAAO,KAAK,OAAO,KAAK,WAAW,SAAS,iBAAiB,WAAW;AAAA,MACxG;AACU,gBAAA;AAAA,QACR,eAAe,IAAI,OAAO,IAAI,OAAO,KAAK,OAAO,KAAK,WAAW,SAAS,iBAAiB,WAAW;AAAA,MACxG;AAEA,UAAI,iBAAiB,OAAQ;AAAA,IAAA;AAAA,EAC/B;AAGK,SAAA;AACT;"}

package/dist/navigation-instruments/compass-flat/compass-flat.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../watch-flat/watch-flat';
 export declare enum LabelPosition {
     top = -45,
@@ -43,8 +44,8 @@ export declare class ObcCompassFlat extends LitElement {
     private renderFOVIndicator;
     private get HDGSvg();
     private COGSvg;
-    render(): import("lit-html").TemplateResult<2>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<2>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -10,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var LabelPosition = /* @__PURE__ */ ((LabelPosition2) => {

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

@@ -1 +1 @@
-{"version":3,"file":"compass-flat.js","sources":["../../../src/navigation-instruments/compass-flat/compass-flat.ts"],"sourcesContent":["import {LitElement, svg, SVGTemplateResult, unsafeCSS} from 'lit';\nimport componentStyle from './compass-flat.css?inline';\nimport {customElement, property, state} from 'lit/decorators.js';\nimport {Tickmark, TickmarkType} from '../watch-flat/tickmark-flat';\nimport '../watch-flat/watch-flat';\n\nexport enum LabelPosition {\n  top = -45,\n  bottom = 50,\n}\n\nexport enum LabelStyle {\n  regular = 'var(--instrument-tick-mark-secondary-color)',\n}\n\nexport interface Label {\n  x: number;\n  y: LabelPosition;\n  text: string;\n}\n\n/**\n *\n * @ignition-base-height: 170px\n * @ignition-base-width: 512px\n */\n@customElement('obc-compass-flat')\nexport class ObcCompassFlat extends LitElement {\n  @property({type: Boolean}) noPadding: boolean = true;\n  @property({type: Boolean}) FOVIndicator: boolean = false;\n  @property({type: Number}) padding: number = 16;\n  @property({type: Number}) heading = 0;\n  @property({type: Number}) courseOverGround = 0;\n  @property({type: Number}) tickInterval = 5;\n  @property({type: Number}) FOV = 45;\n  @property({type: Number}) minFOV = 45;\n  @property({type: Number}) maxFOV = 180;\n\n  @state() containerWidth = 0;\n  @state() maxContainerWidth = 0;\n\n  private resizeObserver: ResizeObserver = new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      // Made by chatGPT so that the text is inside the wrapper\n      this.maxContainerWidth = -125.36 + 3.79 * entry.contentRect.height;\n      this.containerWidth = Math.min(\n        entry.contentRect.width,\n        this.maxContainerWidth\n      );\n    }\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver.unobserve(this);\n  }\n\n  generateLabels() {\n    if (this.containerWidth < 192) {\n      return [];\n    } else if (this.containerWidth <= 300) {\n      return [\n        {x: -180, y: LabelPosition.top, text: 'S'},\n        {x: -90, y: LabelPosition.top, text: 'W'},\n        {x: 0, y: LabelPosition.top, text: 'N'},\n        {x: 90, y: LabelPosition.top, text: 'E'},\n        {x: 180, y: LabelPosition.top, text: 'S'},\n        {x: 270, y: LabelPosition.top, text: 'W'},\n        {x: 360, y: LabelPosition.top, text: 'N'},\n        {x: 450, y: LabelPosition.top, text: 'E'},\n        {x: 540, y: LabelPosition.top, text: 'S'},\n      ];\n    } else {\n      return [\n        {x: -180, y: LabelPosition.top, text: 'S'},\n        {x: -135, y: LabelPosition.top, text: 'SW'},\n        {x: -90, y: LabelPosition.top, text: 'W'},\n        {x: -45, y: LabelPosition.top, text: 'NW'},\n        {x: 0, y: LabelPosition.top, text: 'N'},\n        {x: 45, y: LabelPosition.top, text: 'NE'},\n        {x: 90, y: LabelPosition.top, text: 'E'},\n        {x: 135, y: LabelPosition.top, text: 'SE'},\n        {x: 180, y: LabelPosition.top, text: 'S'},\n        {x: 225, y: LabelPosition.top, text: 'SW'},\n        {x: 270, y: LabelPosition.top, text: 'W'},\n        {x: 315, y: LabelPosition.top, text: 'NW'},\n        {x: 360, y: LabelPosition.top, text: 'N'},\n        {x: 405, y: LabelPosition.top, text: 'NE'},\n        {x: 450, y: LabelPosition.top, text: 'E'},\n        {x: 495, y: LabelPosition.top, text: 'SE'},\n        {x: 540, y: LabelPosition.top, text: 'S'},\n      ];\n    }\n  }\n\n  private generateIntervalTickmarks(scale: number): Tickmark[] {\n    const tickmarks: Tickmark[] = [];\n    let cardinalInterval = 90;\n\n    if (this.containerWidth > 300) {\n      cardinalInterval = 45;\n    } else if (this.containerWidth < 192) {\n      cardinalInterval = 0;\n    }\n\n    for (\n      let angle = -180;\n      angle < this.maxFOV * 3;\n      angle += this.tickInterval\n    ) {\n      if (cardinalInterval !== 0 && angle % cardinalInterval === 0) {\n        continue;\n      }\n      tickmarks.push({angle: angle * scale, type: TickmarkType.secondary});\n    }\n\n    return tickmarks;\n  }\n\n  private generateCardinalTickmarks(\n    scale: number,\n    labels: Label[]\n  ): Tickmark[] {\n    const tickmarks: Tickmark[] = [];\n\n    for (const label of labels) {\n      tickmarks.push({angle: label.x * scale, type: TickmarkType.main});\n    }\n\n    return tickmarks;\n  }\n\n  private generateTickmarks(scale: number, labels: Label[]): Tickmark[] {\n    return [\n      ...this.generateCardinalTickmarks(scale, labels),\n      ...this.generateIntervalTickmarks(scale),\n    ];\n  }\n\n  private renderFOVIndicator(): SVGTemplateResult[] {\n    const indicators: SVGTemplateResult[] = [];\n\n    const maxAdjustment = 10;\n    const minContainerWidth = 300;\n    const maxContainerWidth = 512;\n\n    let yAdjustment = 0;\n    if (this.containerWidth < maxContainerWidth) {\n      const widthRange = maxContainerWidth - minContainerWidth;\n      const scaleFactor =\n        (maxContainerWidth - this.containerWidth) / widthRange;\n      yAdjustment = scaleFactor * maxAdjustment;\n    }\n\n    const y = LabelPosition.bottom + yAdjustment;\n\n    indicators.push(svg`\n          <text x=\"-175\" y=${y} class=\"label left\" fill=${LabelStyle.regular}>\n            ${-this.FOV}\\u00B0\n          </text>`);\n\n    indicators.push(svg`\n          <text x=\"0\" y=${y} class=\"label\" fill=${LabelStyle.regular}>\n            ${this.heading}\\u00B0\n          </text>`);\n\n    indicators.push(svg`\n          <text x=\"175\" y=${y} class=\"label right\" fill=${LabelStyle.regular}>\n            ${this.FOV}\\u00B0\n          </text>`);\n\n    return indicators;\n  }\n\n  private get HDGSvg(): SVGTemplateResult {\n    return svg`<g transform=\"translate(-24, -74)\">\n          <path d=\"M36.7011 44.1445L36.6898 44.1379L36.6781 44.1318L24.2301 37.6823L24.0001 37.5631L23.7701 37.6823L11.3221 44.1318L11.3104 44.1379L11.2991 44.1445C9.25497 45.3438 6.78661 43.308 7.68828 41.0919L22.6036 4.43285C23.1096 3.18905 24.8906 3.18905 25.3967 4.43284L40.3119 41.0919C41.2136 43.308 38.7452 45.3438 36.7011 44.1445Z\" fill=\"var(--instrument-enhanced-secondary-color)\" stroke=\"var(--border-silhouette-color)\"/>\n        </g>`;\n  }\n\n  private COGSvg(translation: number): SVGTemplateResult {\n    return svg`\n      <g transform=\"translate(${-24 + translation}, -74)\">\n        <path d=\"M31.9025 36.0262L33.1068 36.6502L32.5956 35.3938L24.4632 15.406L24.0001 14.2677L23.537 15.406L15.4046 35.3938L14.8935 36.6502L16.0978 36.0262L24.0001 31.9319L31.9025 36.0262ZM36.7011 44.1445L36.6898 44.1379L36.6781 44.1318L24.2301 37.6823L24.0001 37.5631L23.7701 37.6823L11.3221 44.1318L11.3104 44.1379L11.2991 44.1445C9.25497 45.3438 6.78661 43.308 7.68828 41.0919L22.6036 4.43285C23.1096 3.18905 24.8906 3.18905 25.3967 4.43284L40.3119 41.0919C41.2136 43.308 38.7452 45.3438 36.7011 44.1445Z\" fill=\"var(--instrument-enhanced-secondary-color)\" stroke=\"var(--border-silhouette-color)\"/>\n      </g>\n    `;\n  }\n\n  override render() {\n    let angleDiff = this.courseOverGround - this.heading;\n\n    if (angleDiff > this.maxFOV) {\n      angleDiff -= 360;\n    } else if (angleDiff < -this.maxFOV) {\n      angleDiff += 360;\n    }\n\n    this.FOV = Math.max(this.minFOV, Math.abs(angleDiff));\n\n    const baseOffset = 5;\n    const translationScale = (baseOffset * 35) / this.FOV;\n\n    const translation = angleDiff * translationScale;\n    const labels = this.generateLabels();\n    const tickmarks = this.generateTickmarks(translationScale, labels);\n    const scaledLabels = labels.map((l) => ({\n      ...l,\n      x: l.x * translationScale,\n    }));\n\n    const viewBox = this.noPadding ? '-192 -128 384 128' : '-200 -144 400 144';\n\n    return svg`\n      <div class=\"container\" style=\"max-width:${this.maxContainerWidth}px\">\n        <obc-watch-flat .noPadding=${this.noPadding} .FOVIndicator=${this.FOVIndicator ? this.renderFOVIndicator() : []} .labels=${scaledLabels} .rotation=${this.heading} .tickmarks=${tickmarks} .tickmarkSpacing=${translationScale}></obc-watch-flat>\n        <svg viewBox=${viewBox} xmlns=\"http://www.w3.org/2000/svg\"> \n        ${this.HDGSvg}${this.COGSvg(translation)}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-compass-flat': ObcCompassFlat;\n  }\n}\n"],"names":["LabelPosition","LabelStyle"],"mappings":"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"}
+{"version":3,"file":"compass-flat.js","sources":["../../../src/navigation-instruments/compass-flat/compass-flat.ts"],"sourcesContent":["import {LitElement, svg, SVGTemplateResult, unsafeCSS} from 'lit';\nimport componentStyle from './compass-flat.css?inline';\nimport {customElement, property, state} from 'lit/decorators.js';\nimport {Tickmark, TickmarkType} from '../watch-flat/tickmark-flat';\nimport '../watch-flat/watch-flat';\n\nexport enum LabelPosition {\n  top = -45,\n  bottom = 50,\n}\n\nexport enum LabelStyle {\n  regular = 'var(--instrument-tick-mark-secondary-color)',\n}\n\nexport interface Label {\n  x: number;\n  y: LabelPosition;\n  text: string;\n}\n\n/**\n *\n * @ignition-base-height: 170px\n * @ignition-base-width: 512px\n */\n@customElement('obc-compass-flat')\nexport class ObcCompassFlat extends LitElement {\n  @property({type: Boolean}) noPadding: boolean = true;\n  @property({type: Boolean}) FOVIndicator: boolean = false;\n  @property({type: Number}) padding: number = 16;\n  @property({type: Number}) heading = 0;\n  @property({type: Number}) courseOverGround = 0;\n  @property({type: Number}) tickInterval = 5;\n  @property({type: Number}) FOV = 45;\n  @property({type: Number}) minFOV = 45;\n  @property({type: Number}) maxFOV = 180;\n\n  @state() containerWidth = 0;\n  @state() maxContainerWidth = 0;\n\n  private resizeObserver: ResizeObserver = new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      // Made by chatGPT so that the text is inside the wrapper\n      this.maxContainerWidth = -125.36 + 3.79 * entry.contentRect.height;\n      this.containerWidth = Math.min(\n        entry.contentRect.width,\n        this.maxContainerWidth\n      );\n    }\n  });\n\n  override connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver.observe(this);\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver.unobserve(this);\n  }\n\n  generateLabels() {\n    if (this.containerWidth < 192) {\n      return [];\n    } else if (this.containerWidth <= 300) {\n      return [\n        {x: -180, y: LabelPosition.top, text: 'S'},\n        {x: -90, y: LabelPosition.top, text: 'W'},\n        {x: 0, y: LabelPosition.top, text: 'N'},\n        {x: 90, y: LabelPosition.top, text: 'E'},\n        {x: 180, y: LabelPosition.top, text: 'S'},\n        {x: 270, y: LabelPosition.top, text: 'W'},\n        {x: 360, y: LabelPosition.top, text: 'N'},\n        {x: 450, y: LabelPosition.top, text: 'E'},\n        {x: 540, y: LabelPosition.top, text: 'S'},\n      ];\n    } else {\n      return [\n        {x: -180, y: LabelPosition.top, text: 'S'},\n        {x: -135, y: LabelPosition.top, text: 'SW'},\n        {x: -90, y: LabelPosition.top, text: 'W'},\n        {x: -45, y: LabelPosition.top, text: 'NW'},\n        {x: 0, y: LabelPosition.top, text: 'N'},\n        {x: 45, y: LabelPosition.top, text: 'NE'},\n        {x: 90, y: LabelPosition.top, text: 'E'},\n        {x: 135, y: LabelPosition.top, text: 'SE'},\n        {x: 180, y: LabelPosition.top, text: 'S'},\n        {x: 225, y: LabelPosition.top, text: 'SW'},\n        {x: 270, y: LabelPosition.top, text: 'W'},\n        {x: 315, y: LabelPosition.top, text: 'NW'},\n        {x: 360, y: LabelPosition.top, text: 'N'},\n        {x: 405, y: LabelPosition.top, text: 'NE'},\n        {x: 450, y: LabelPosition.top, text: 'E'},\n        {x: 495, y: LabelPosition.top, text: 'SE'},\n        {x: 540, y: LabelPosition.top, text: 'S'},\n      ];\n    }\n  }\n\n  private generateIntervalTickmarks(scale: number): Tickmark[] {\n    const tickmarks: Tickmark[] = [];\n    let cardinalInterval = 90;\n\n    if (this.containerWidth > 300) {\n      cardinalInterval = 45;\n    } else if (this.containerWidth < 192) {\n      cardinalInterval = 0;\n    }\n\n    for (\n      let angle = -180;\n      angle < this.maxFOV * 3;\n      angle += this.tickInterval\n    ) {\n      if (cardinalInterval !== 0 && angle % cardinalInterval === 0) {\n        continue;\n      }\n      tickmarks.push({angle: angle * scale, type: TickmarkType.secondary});\n    }\n\n    return tickmarks;\n  }\n\n  private generateCardinalTickmarks(\n    scale: number,\n    labels: Label[]\n  ): Tickmark[] {\n    const tickmarks: Tickmark[] = [];\n\n    for (const label of labels) {\n      tickmarks.push({angle: label.x * scale, type: TickmarkType.main});\n    }\n\n    return tickmarks;\n  }\n\n  private generateTickmarks(scale: number, labels: Label[]): Tickmark[] {\n    return [\n      ...this.generateCardinalTickmarks(scale, labels),\n      ...this.generateIntervalTickmarks(scale),\n    ];\n  }\n\n  private renderFOVIndicator(): SVGTemplateResult[] {\n    const indicators: SVGTemplateResult[] = [];\n\n    const maxAdjustment = 10;\n    const minContainerWidth = 300;\n    const maxContainerWidth = 512;\n\n    let yAdjustment = 0;\n    if (this.containerWidth < maxContainerWidth) {\n      const widthRange = maxContainerWidth - minContainerWidth;\n      const scaleFactor =\n        (maxContainerWidth - this.containerWidth) / widthRange;\n      yAdjustment = scaleFactor * maxAdjustment;\n    }\n\n    const y = LabelPosition.bottom + yAdjustment;\n\n    indicators.push(svg`\n          <text x=\"-175\" y=${y} class=\"label left\" fill=${LabelStyle.regular}>\n            ${-this.FOV}\\u00B0\n          </text>`);\n\n    indicators.push(svg`\n          <text x=\"0\" y=${y} class=\"label\" fill=${LabelStyle.regular}>\n            ${this.heading}\\u00B0\n          </text>`);\n\n    indicators.push(svg`\n          <text x=\"175\" y=${y} class=\"label right\" fill=${LabelStyle.regular}>\n            ${this.FOV}\\u00B0\n          </text>`);\n\n    return indicators;\n  }\n\n  private get HDGSvg(): SVGTemplateResult {\n    return svg`<g transform=\"translate(-24, -74)\">\n          <path d=\"M36.7011 44.1445L36.6898 44.1379L36.6781 44.1318L24.2301 37.6823L24.0001 37.5631L23.7701 37.6823L11.3221 44.1318L11.3104 44.1379L11.2991 44.1445C9.25497 45.3438 6.78661 43.308 7.68828 41.0919L22.6036 4.43285C23.1096 3.18905 24.8906 3.18905 25.3967 4.43284L40.3119 41.0919C41.2136 43.308 38.7452 45.3438 36.7011 44.1445Z\" fill=\"var(--instrument-enhanced-secondary-color)\" stroke=\"var(--border-silhouette-color)\"/>\n        </g>`;\n  }\n\n  private COGSvg(translation: number): SVGTemplateResult {\n    return svg`\n      <g transform=\"translate(${-24 + translation}, -74)\">\n        <path d=\"M31.9025 36.0262L33.1068 36.6502L32.5956 35.3938L24.4632 15.406L24.0001 14.2677L23.537 15.406L15.4046 35.3938L14.8935 36.6502L16.0978 36.0262L24.0001 31.9319L31.9025 36.0262ZM36.7011 44.1445L36.6898 44.1379L36.6781 44.1318L24.2301 37.6823L24.0001 37.5631L23.7701 37.6823L11.3221 44.1318L11.3104 44.1379L11.2991 44.1445C9.25497 45.3438 6.78661 43.308 7.68828 41.0919L22.6036 4.43285C23.1096 3.18905 24.8906 3.18905 25.3967 4.43284L40.3119 41.0919C41.2136 43.308 38.7452 45.3438 36.7011 44.1445Z\" fill=\"var(--instrument-enhanced-secondary-color)\" stroke=\"var(--border-silhouette-color)\"/>\n      </g>\n    `;\n  }\n\n  override render() {\n    let angleDiff = this.courseOverGround - this.heading;\n\n    if (angleDiff > this.maxFOV) {\n      angleDiff -= 360;\n    } else if (angleDiff < -this.maxFOV) {\n      angleDiff += 360;\n    }\n\n    this.FOV = Math.max(this.minFOV, Math.abs(angleDiff));\n\n    const baseOffset = 5;\n    const translationScale = (baseOffset * 35) / this.FOV;\n\n    const translation = angleDiff * translationScale;\n    const labels = this.generateLabels();\n    const tickmarks = this.generateTickmarks(translationScale, labels);\n    const scaledLabels = labels.map((l) => ({\n      ...l,\n      x: l.x * translationScale,\n    }));\n\n    const viewBox = this.noPadding ? '-192 -128 384 128' : '-200 -144 400 144';\n\n    return svg`\n      <div class=\"container\" style=\"max-width:${this.maxContainerWidth}px\">\n        <obc-watch-flat .noPadding=${this.noPadding} .FOVIndicator=${this.FOVIndicator ? this.renderFOVIndicator() : []} .labels=${scaledLabels} .rotation=${this.heading} .tickmarks=${tickmarks} .tickmarkSpacing=${translationScale}></obc-watch-flat>\n        <svg viewBox=${viewBox} xmlns=\"http://www.w3.org/2000/svg\"> \n        ${this.HDGSvg}${this.COGSvg(translation)}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-compass-flat': ObcCompassFlat;\n  }\n}\n"],"names":["LabelPosition","LabelStyle"],"mappings":"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"}

package/dist/navigation-instruments/instrument-field/instrument-field.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 export declare enum InstrumentFieldSize {
     small = "small",
     regular = "regular",
@@ -18,11 +19,11 @@ export declare class ObcInstrumentField extends LitElement {
     unit: string;
     source: string;
     hasSource: boolean;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): import('lit-html').TemplateResult<1>;
     get setpointValueBlueNumbers(): string;
     get valueBlueNumbers(): string;
     get hintZeros(): string;
-    static styles: import("lit").CSSResult;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/instrument-field/instrument-field.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var InstrumentFieldSize = /* @__PURE__ */ ((InstrumentFieldSize2) => {

package/dist/navigation-instruments/instrument-field/instrument-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"instrument-field.js","sources":["../../../src/navigation-instruments/instrument-field/instrument-field.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './instrument-field.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum InstrumentFieldSize {\n  small = 'small',\n  regular = 'regular',\n  enhanced = 'enhanced',\n  large = 'large',\n  largeEnhanced = 'large-enhanced',\n}\n\n@customElement('obc-instrument-field')\nexport class ObcInstrumentField extends LitElement {\n  @property({type: String}) size: InstrumentFieldSize =\n    InstrumentFieldSize.regular;\n  @property({type: Number}) setpoint = 0;\n  @property({type: Boolean}) hasSetpoint = false;\n  @property({type: Number}) value = 0;\n  @property({type: Boolean}) degree = false;\n  @property({type: Number}) maxDigits = 3;\n  @property({type: Number}) fractionDigits = 0;\n  @property({type: String}) tag = '';\n  @property({type: String}) unit = '';\n  @property({type: String}) source = '';\n  @property({type: Boolean}) hasSource = false;\n\n  override render() {\n    return html`\n      <div class=${classMap({wrapper: true, [this.size]: true})}>\n        ${this.hasSetpoint\n          ? html`<div class=\"setpoint\">\n              ${this.size === 'small' || this.size === 'regular'\n                ? html`<svg\n                    class=\"setpoint-arrow\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 16 16\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M4 4C4 3.17595 4.94076 2.70557 5.6 3.2L12 8L5.6 12.8C4.94076 13.2944 4 12.824 4 12V4Z\"\n                      fill=\"#0070D6\"\n                    />\n                  </svg>`\n                : html`<svg\n                    class=\"setpoint-arrow\"\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M6 5C6 4.17595 6.94076 3.70557 7.6 4.2L18 12L7.6 19.8C6.94076 20.2944 6 19.824 6 19V5Z\"\n                      fill=\"var(--instrument-enhanced-primary-color)\"\n                    />\n                  </svg>`}\n              <div class=\"setpoint-value\">${this.setpointValueBlueNumbers}</div>\n            </div>`\n          : null}\n        <div class=\"value\">\n          <div class=\"value-hint-zero\">${this.hintZeros}</div>\n          <div class=\"value-blue\">${this.valueBlueNumbers}</div>\n          ${this.degree ? html`<div class=\"degree\">°</div>` : null}\n        </div>\n        <div class=\"label\">\n          <div class=\"tag\">${this.tag}</div>\n          <div class=\"unit\">${this.unit}</div>\n        </div>\n        ${this.hasSource\n          ? html`<div class=\"source\">${this.source}</div>`\n          : null}\n      </div>\n    `;\n  }\n\n  get setpointValueBlueNumbers(): string {\n    return this.setpoint.toFixed(this.fractionDigits);\n  }\n\n  get valueBlueNumbers(): string {\n    return this.value.toFixed(this.fractionDigits);\n  }\n\n  get hintZeros(): string {\n    if (this.value < 0) {\n      return '';\n    }\n    const nBlues = this.valueBlueNumbers.length;\n    const nHints = this.maxDigits - nBlues;\n    if (nHints > 0) {\n      return '0'.repeat(nHints);\n    }\n    return '';\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-instrument-field': ObcInstrumentField;\n  }\n}\n"],"names":["InstrumentFieldSize"],"mappings":";;;;;;;;;;;;;;;AAKY,IAAA,wCAAAA,yBAAL;AACLA,uBAAA,OAAQ,IAAA;AACRA,uBAAA,SAAU,IAAA;AACVA,uBAAA,UAAW,IAAA;AACXA,uBAAA,OAAQ,IAAA;AACRA,uBAAA,eAAgB,IAAA;AALNA,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AASC,IAAA,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AAEH,SAAA,OAAA;AACmC,SAAA,WAAA;AACI,SAAA,cAAA;AACP,SAAA,QAAA;AACE,SAAA,SAAA;AACE,SAAA,YAAA;AACK,SAAA,iBAAA;AACX,SAAA,MAAA;AACC,SAAA,OAAA;AACE,SAAA,SAAA;AACI,SAAA,YAAA;AAAA,EAAA;AAAA,EAE9B,SAAS;AACT,WAAA;AAAA,mBACQ,SAAS,EAAC,SAAS,MAAM,CAAC,KAAK,IAAI,GAAG,KAAI,CAAC,CAAC;AAAA,UACrD,KAAK,cACH;AAAA,gBACI,KAAK,SAAS,WAAW,KAAK,SAAS,YACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAaA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAYO;AAAA,4CACmB,KAAK,wBAAwB;AAAA,sBAE7D,IAAI;AAAA;AAAA,yCAEyB,KAAK,SAAS;AAAA,oCACnB,KAAK,gBAAgB;AAAA,YAC7C,KAAK,SAAS,oCAAoC,IAAI;AAAA;AAAA;AAAA,6BAGrC,KAAK,GAAG;AAAA,8BACP,KAAK,IAAI;AAAA;AAAA,UAE7B,KAAK,YACH,2BAA2B,KAAK,MAAM,WACtC,IAAI;AAAA;AAAA;AAAA,EAGd;AAAA,EAEA,IAAI,2BAAmC;AACrC,WAAO,KAAK,SAAS,QAAQ,KAAK,cAAc;AAAA,EAClD;AAAA,EAEA,IAAI,mBAA2B;AAC7B,WAAO,KAAK,MAAM,QAAQ,KAAK,cAAc;AAAA,EAC/C;AAAA,EAEA,IAAI,YAAoB;AAClB,QAAA,KAAK,QAAQ,GAAG;AACX,aAAA;AAAA,IACT;AACM,UAAA,SAAS,KAAK,iBAAiB;AAC/B,UAAA,SAAS,KAAK,YAAY;AAChC,QAAI,SAAS,GAAG;AACP,aAAA,IAAI,OAAO,MAAM;AAAA,IAC1B;AACO,WAAA;AAAA,EACT;AAGF;AAtFa,mBAqFK,SAAS,UAAU,YAAY;AApFrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,mBACe,WAAA,QAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,mBAGe,WAAA,YAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,mBAIgB,WAAA,eAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GALb,mBAKe,WAAA,SAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,mBAMgB,WAAA,UAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAPb,mBAOe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GARb,mBAQe,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GATb,mBASe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAVb,mBAUe,WAAA,QAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAXb,mBAWe,WAAA,UAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAZd,mBAYgB,WAAA,aAAA,CAAA;AAZhB,qBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,kBAAA;"}
+{"version":3,"file":"instrument-field.js","sources":["../../../src/navigation-instruments/instrument-field/instrument-field.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './instrument-field.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum InstrumentFieldSize {\n  small = 'small',\n  regular = 'regular',\n  enhanced = 'enhanced',\n  large = 'large',\n  largeEnhanced = 'large-enhanced',\n}\n\n@customElement('obc-instrument-field')\nexport class ObcInstrumentField extends LitElement {\n  @property({type: String}) size: InstrumentFieldSize =\n    InstrumentFieldSize.regular;\n  @property({type: Number}) setpoint = 0;\n  @property({type: Boolean}) hasSetpoint = false;\n  @property({type: Number}) value = 0;\n  @property({type: Boolean}) degree = false;\n  @property({type: Number}) maxDigits = 3;\n  @property({type: Number}) fractionDigits = 0;\n  @property({type: String}) tag = '';\n  @property({type: String}) unit = '';\n  @property({type: String}) source = '';\n  @property({type: Boolean}) hasSource = false;\n\n  override render() {\n    return html`\n      <div class=${classMap({wrapper: true, [this.size]: true})}>\n        ${this.hasSetpoint\n          ? html`<div class=\"setpoint\">\n              ${this.size === 'small' || this.size === 'regular'\n                ? html`<svg\n                    class=\"setpoint-arrow\"\n                    width=\"16\"\n                    height=\"16\"\n                    viewBox=\"0 0 16 16\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M4 4C4 3.17595 4.94076 2.70557 5.6 3.2L12 8L5.6 12.8C4.94076 13.2944 4 12.824 4 12V4Z\"\n                      fill=\"#0070D6\"\n                    />\n                  </svg>`\n                : html`<svg\n                    class=\"setpoint-arrow\"\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M6 5C6 4.17595 6.94076 3.70557 7.6 4.2L18 12L7.6 19.8C6.94076 20.2944 6 19.824 6 19V5Z\"\n                      fill=\"var(--instrument-enhanced-primary-color)\"\n                    />\n                  </svg>`}\n              <div class=\"setpoint-value\">${this.setpointValueBlueNumbers}</div>\n            </div>`\n          : null}\n        <div class=\"value\">\n          <div class=\"value-hint-zero\">${this.hintZeros}</div>\n          <div class=\"value-blue\">${this.valueBlueNumbers}</div>\n          ${this.degree ? html`<div class=\"degree\">°</div>` : null}\n        </div>\n        <div class=\"label\">\n          <div class=\"tag\">${this.tag}</div>\n          <div class=\"unit\">${this.unit}</div>\n        </div>\n        ${this.hasSource\n          ? html`<div class=\"source\">${this.source}</div>`\n          : null}\n      </div>\n    `;\n  }\n\n  get setpointValueBlueNumbers(): string {\n    return this.setpoint.toFixed(this.fractionDigits);\n  }\n\n  get valueBlueNumbers(): string {\n    return this.value.toFixed(this.fractionDigits);\n  }\n\n  get hintZeros(): string {\n    if (this.value < 0) {\n      return '';\n    }\n    const nBlues = this.valueBlueNumbers.length;\n    const nHints = this.maxDigits - nBlues;\n    if (nHints > 0) {\n      return '0'.repeat(nHints);\n    }\n    return '';\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-instrument-field': ObcInstrumentField;\n  }\n}\n"],"names":["InstrumentFieldSize"],"mappings":"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"}

package/dist/navigation-instruments/main-engine/main-engine.d.ts

@@ -1,6 +1,7 @@
 import { LitElement } from 'lit';
 import { InstrumentState } from '../types';
 import { LinearAdvice } from '../thruster/advice';
+
 export declare class ObcMainEngine extends LitElement {
     thrust: number;
     thrustSetpoint: number | undefined;
@@ -18,8 +19,8 @@ export declare class ObcMainEngine extends LitElement {
     speedSetpointAtZeroDeadband: number;
     state: InstrumentState;
     thrustAdvices: LinearAdvice[];
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/main-engine/main-engine.js

@@ -10,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcMainEngine = class extends LitElement {

package/dist/navigation-instruments/main-engine/main-engine.js.map

@@ -1 +1 @@
-{"version":3,"file":"main-engine.js","sources":["../../../src/navigation-instruments/main-engine/main-engine.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS, svg, nothing} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './main-engine.css?inline';\nimport {InstrumentState} from '../types';\nimport {\n  atSetpoint,\n  convertThrustAdvices,\n  thrusterColors,\n  thrusterTopSingleSided,\n  setpointSvg,\n} from '../thruster/thruster';\nimport {LinearAdvice} from '../thruster/advice';\n\n@customElement('obc-main-engine')\nexport class ObcMainEngine extends LitElement {\n  @property({type: Number}) thrust: number = 0;\n  @property({type: Number}) thrustSetpoint: number | undefined;\n  @property({type: Boolean}) thrustTouching: boolean = false;\n  @property({type: Boolean}) atThrustSetpoint: boolean = false;\n  @property({type: Number}) speed: number = 0;\n  @property({type: Number}) speedSetpoint: number | undefined;\n  @property({type: Boolean}) speedTouching: boolean = false;\n  @property({type: Boolean}) atSpeedSetpoint: boolean = false;\n  @property({type: Boolean}) disableAutoAtThrustSetpoint: boolean = false;\n  @property({type: Boolean}) disableAutoAtSpeedSetpoint: boolean = false;\n  @property({type: Number}) autoAtThrustSetpointDeadband: number = 1;\n  @property({type: Number}) autoAtSpeedSetpointDeadband: number = 1;\n  @property({type: Number}) thrustSetpointAtZeroDeadband: number = 0.5;\n  @property({type: Number}) speedSetpointAtZeroDeadband: number = 0.5;\n  @property({type: String}) state: InstrumentState = InstrumentState.inCommand;\n  @property({type: Array}) thrustAdvices: LinearAdvice[] = [];\n\n  override render() {\n    const thrustSetpointAtZero =\n      Math.abs(this.thrustSetpoint || 0) < this.thrustSetpointAtZeroDeadband;\n    const speedSetpointAtZero =\n      Math.abs(this.speedSetpoint || 0) < this.speedSetpointAtZeroDeadband;\n    const thrustAtSetpoint = atSetpoint(this.thrust, this.thrustSetpoint, {\n      atSetpoint: this.atThrustSetpoint,\n      autoAtSetpoint: !this.disableAutoAtThrustSetpoint,\n      autoSetpointDeadband: this.autoAtThrustSetpointDeadband,\n      touching: this.thrustTouching,\n    });\n    const cThrust = thrusterColors(\n      {\n        atSetpoint: thrustAtSetpoint,\n        touching: this.thrustTouching,\n      },\n      this.state\n    );\n    const speedAtSetpoint = atSetpoint(this.speed, this.speedSetpoint, {\n      atSetpoint: this.atSpeedSetpoint,\n      autoAtSetpoint: !this.disableAutoAtSpeedSetpoint,\n      autoSetpointDeadband: this.autoAtSpeedSetpointDeadband,\n      touching: this.speedTouching,\n    });\n    const cSpeed = thrusterColors(\n      {\n        atSetpoint: speedAtSetpoint,\n        touching: this.speedTouching,\n      },\n      this.state\n    );\n    const container = svg`<rect x=\"-80\" y=\"-176\" width=\"160\" height=\"352\" fill=\"var(--instrument-frame-primary-color)\" stroke=\"var(--instrument-frame-tertiary-color)\" rx=\"8\"/>`;\n    const border = svg`<rect x=\"-80\" y=\"-176\" width=\"160\" height=\"352\" fill=\"none\" stroke=\"var(--instrument-frame-tertiary-color)\" rx=\"8\" vector-effect=\"non-scaling-stroke\"/>`;\n    const frameLeft = svg`<rect x=\"-56\" y=\"-176\" width=\"48\" height=\"352\" fill=\"var(--instrument-frame-secondary-color)\" vector-effect=\"non-scaling-stroke\" stroke=\"var(--instrument-frame-secondary-color)\"/>`;\n    const frameRight = svg`<rect x=\"8\" y=\"-176\" width=\"48\" height=\"352\" fill=\"var(--instrument-frame-secondary-color)\" vector-effect=\"non-scaling-stroke\" stroke=\"var(--instrument-frame-secondary-color)\"/>`;\n    const thrustCenter = svg`<rect x=\"8\" y=\"-2\" height=\"4\" width=\"72\" fill=\"${cThrust.zeroLineColor}\" stroke=${cThrust.zeroLineColor} vector-effect=\"non-scaling-stroke\"/>`;\n    const {topAdvices: topThrustAdvice, bottomAdvices: bottomThrustAdvice} =\n      convertThrustAdvices(this.thrustAdvices, this.thrust);\n    const thrustTop = svg`<g transform=\"translate(44, 0)\">\n      ${thrusterTopSingleSided(\n        174,\n        Math.max(this.thrust, 0),\n        {box: cThrust.boxColor, container: ''},\n        {\n          hideContainer: true,\n          hideTicks: cThrust.hideTicks,\n          flipAdicePattern: false,\n          narrow: false,\n        },\n        topThrustAdvice\n      )}</g>`;\n    const thrusterBottom = svg`<g transform=\"rotate(180) scale(-1,1) translate(44)\">\n     ${thrusterTopSingleSided(\n       174,\n       Math.max(-this.thrust, 0),\n       {box: cThrust.boxColor, container: ''},\n       {\n         hideContainer: true,\n         hideTicks: cThrust.hideTicks,\n         flipAdicePattern: false,\n         narrow: false,\n       },\n       bottomThrustAdvice\n     )}</g>`;\n    const thrustSetpoint =\n      this.thrustSetpoint !== undefined\n        ? svg`<g transform=\"translate(44, 0)\">${setpointSvg(\n            174,\n            this.thrustSetpoint,\n            thrustSetpointAtZero,\n            {\n              fill: cThrust.setPointColor,\n              stroke: 'var(--border-silhouette-color)',\n            },\n            {\n              inCommand: this.state === InstrumentState.inCommand,\n              singleSided: true,\n              narrow: false,\n            }\n          )}</g>`\n        : nothing;\n\n    const speedHeight = 352 * (this.speed / 100) + 2;\n    const speedY = 176 - speedHeight;\n    const speedBoxColor =\n      this.state === InstrumentState.inCommand\n        ? 'var(--instrument-enhanced-tertiary-color)'\n        : 'var(--instrument-regular-tertiary-color)';\n    const speedBox = svg`<rect x=\"-56\" y=${speedY} width=\"48\" height=${speedHeight} fill=${speedBoxColor} stroke=${speedBoxColor} vector-effect=\"non-scaling-stroke\">`;\n    const speedLine = svg`<rect x=\"-56\" y=${speedY - 2} width=\"48\" height=\"4\" rx=\"2\" fill=${cSpeed.boxColor} stroke=${cSpeed.boxColor}/>\n`;\n    const speedSetpoint =\n      this.speedSetpoint !== undefined\n        ? svg`<g transform=\"scale(-1 1) translate(44, 176)\">${setpointSvg(\n            350,\n            this.speedSetpoint,\n            speedSetpointAtZero,\n            {\n              fill: cSpeed.setPointColor,\n              stroke: 'var(--border-silhouette-color)',\n            },\n            {\n              inCommand: this.state === InstrumentState.inCommand,\n              singleSided: true,\n              narrow: false,\n            }\n          )}</g>`\n        : nothing;\n\n    return html`\n      <div class=\"container\">\n        <svg viewbox=\"-100 -200 200 400\">\n          ${container} ${frameLeft} ${frameRight} ${thrustCenter} ${thrustTop}\n          ${thrusterBottom} ${speedBox} ${speedLine} ${border} ${thrustSetpoint}\n          ${speedSetpoint}\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-main-engine': ObcMainEngine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAca,IAAA,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AAEU,SAAA,iBAAA;AACE,SAAA,mBAAA;AACb,SAAA,QAAA;AAEU,SAAA,gBAAA;AACE,SAAA,kBAAA;AACY,SAAA,8BAAA;AACD,SAAA,6BAAA;AACA,SAAA,+BAAA;AACD,SAAA,8BAAA;AACC,SAAA,+BAAA;AACD,SAAA,8BAAA;AACtC,SAAA,QAAyB,gBAAgB;AAC1C,SAAA,gBAAgC;EAAC;AAAA,EAEjD,SAAS;AAChB,UAAM,uBACJ,KAAK,IAAI,KAAK,kBAAkB,CAAC,IAAI,KAAK;AAC5C,UAAM,sBACJ,KAAK,IAAI,KAAK,iBAAiB,CAAC,IAAI,KAAK;AAC3C,UAAM,mBAAmB,WAAW,KAAK,QAAQ,KAAK,gBAAgB;AAAA,MACpE,YAAY,KAAK;AAAA,MACjB,gBAAgB,CAAC,KAAK;AAAA,MACtB,sBAAsB,KAAK;AAAA,MAC3B,UAAU,KAAK;AAAA,IAAA,CAChB;AACD,UAAM,UAAU;AAAA,MACd;AAAA,QACE,YAAY;AAAA,QACZ,UAAU,KAAK;AAAA,MACjB;AAAA,MACA,KAAK;AAAA,IAAA;AAEP,UAAM,kBAAkB,WAAW,KAAK,OAAO,KAAK,eAAe;AAAA,MACjE,YAAY,KAAK;AAAA,MACjB,gBAAgB,CAAC,KAAK;AAAA,MACtB,sBAAsB,KAAK;AAAA,MAC3B,UAAU,KAAK;AAAA,IAAA,CAChB;AACD,UAAM,SAAS;AAAA,MACb;AAAA,QACE,YAAY;AAAA,QACZ,UAAU,KAAK;AAAA,MACjB;AAAA,MACA,KAAK;AAAA,IAAA;AAEP,UAAM,YAAY;AAClB,UAAM,SAAS;AACf,UAAM,YAAY;AAClB,UAAM,aAAa;AACnB,UAAM,eAAe,qDAAqD,QAAQ,aAAa,YAAY,QAAQ,aAAa;AAC1H,UAAA,EAAC,YAAY,iBAAiB,eAAe,mBAAA,IACjD,qBAAqB,KAAK,eAAe,KAAK,MAAM;AACtD,UAAM,YAAY;AAAA,QACd;AAAA,MACA;AAAA,MACA,KAAK,IAAI,KAAK,QAAQ,CAAC;AAAA,MACvB,EAAC,KAAK,QAAQ,UAAU,WAAW,GAAE;AAAA,MACrC;AAAA,QACE,eAAe;AAAA,QACf,WAAW,QAAQ;AAAA,QACnB,kBAAkB;AAAA,QAClB,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,IACD,CAAA;AACH,UAAM,iBAAiB;AAAA,OACpB;AAAA,MACA;AAAA,MACA,KAAK,IAAI,CAAC,KAAK,QAAQ,CAAC;AAAA,MACxB,EAAC,KAAK,QAAQ,UAAU,WAAW,GAAE;AAAA,MACrC;AAAA,QACE,eAAe;AAAA,QACf,WAAW,QAAQ;AAAA,QACnB,kBAAkB;AAAA,QAClB,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,IACD,CAAA;AACF,UAAM,iBACJ,KAAK,mBAAmB,SACpB,sCAAsC;AAAA,MACpC;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,QACE,MAAM,QAAQ;AAAA,QACd,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,QACE,WAAW,KAAK,UAAU,gBAAgB;AAAA,QAC1C,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,IAAA,CACD,SACD;AAEN,UAAM,cAAc,OAAO,KAAK,QAAQ,OAAO;AAC/C,UAAM,SAAS,MAAM;AACrB,UAAM,gBACJ,KAAK,UAAU,gBAAgB,YAC3B,8CACA;AACA,UAAA,WAAW,sBAAsB,MAAM,sBAAsB,WAAW,SAAS,aAAa,WAAW,aAAa;AACtH,UAAA,YAAY,sBAAsB,SAAS,CAAC,sCAAsC,OAAO,QAAQ,WAAW,OAAO,QAAQ;AAAA;AAEjI,UAAM,gBACJ,KAAK,kBAAkB,SACnB,oDAAoD;AAAA,MAClD;AAAA,MACA,KAAK;AAAA,MACL;AAAA,MACA;AAAA,QACE,MAAM,OAAO;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,MACA;AAAA,QACE,WAAW,KAAK,UAAU,gBAAgB;AAAA,QAC1C,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,IAAA,CACD,SACD;AAEC,WAAA;AAAA;AAAA;AAAA,YAGC,SAAS,IAAI,SAAS,IAAI,UAAU,IAAI,YAAY,IAAI,SAAS;AAAA,YACjE,cAAc,IAAI,QAAQ,IAAI,SAAS,IAAI,MAAM,IAAI,cAAc;AAAA,YACnE,aAAa;AAAA;AAAA;AAAA;AAAA,EAIvB;AAGF;AA3Ia,cA0IK,SAAS,UAAU,YAAY;AAzIrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,cACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,cAEe,WAAA,kBAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,cAGgB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAJd,cAIgB,WAAA,oBAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GALb,cAKe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,cAMe,WAAA,iBAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAPd,cAOgB,WAAA,iBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GARd,cAQgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GATd,cASgB,WAAA,+BAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAVd,cAUgB,WAAA,8BAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAXb,cAWe,WAAA,gCAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAZb,cAYe,WAAA,+BAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAbb,cAae,WAAA,gCAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAdb,cAce,WAAA,+BAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAfb,cAee,WAAA,SAAA,CAAA;AACD,gBAAA;AAAA,EAAxB,SAAS,EAAC,MAAM,OAAM;AAAA,GAhBZ,cAgBc,WAAA,iBAAA,CAAA;AAhBd,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}
+{"version":3,"file":"main-engine.js","sources":["../../../src/navigation-instruments/main-engine/main-engine.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS, svg, nothing} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './main-engine.css?inline';\nimport {InstrumentState} from '../types';\nimport {\n  atSetpoint,\n  convertThrustAdvices,\n  thrusterColors,\n  thrusterTopSingleSided,\n  setpointSvg,\n} from '../thruster/thruster';\nimport {LinearAdvice} from '../thruster/advice';\n\n@customElement('obc-main-engine')\nexport class ObcMainEngine extends LitElement {\n  @property({type: Number}) thrust: number = 0;\n  @property({type: Number}) thrustSetpoint: number | undefined;\n  @property({type: Boolean}) thrustTouching: boolean = false;\n  @property({type: Boolean}) atThrustSetpoint: boolean = false;\n  @property({type: Number}) speed: number = 0;\n  @property({type: Number}) speedSetpoint: number | undefined;\n  @property({type: Boolean}) speedTouching: boolean = false;\n  @property({type: Boolean}) atSpeedSetpoint: boolean = false;\n  @property({type: Boolean}) disableAutoAtThrustSetpoint: boolean = false;\n  @property({type: Boolean}) disableAutoAtSpeedSetpoint: boolean = false;\n  @property({type: Number}) autoAtThrustSetpointDeadband: number = 1;\n  @property({type: Number}) autoAtSpeedSetpointDeadband: number = 1;\n  @property({type: Number}) thrustSetpointAtZeroDeadband: number = 0.5;\n  @property({type: Number}) speedSetpointAtZeroDeadband: number = 0.5;\n  @property({type: String}) state: InstrumentState = InstrumentState.inCommand;\n  @property({type: Array}) thrustAdvices: LinearAdvice[] = [];\n\n  override render() {\n    const thrustSetpointAtZero =\n      Math.abs(this.thrustSetpoint || 0) < this.thrustSetpointAtZeroDeadband;\n    const speedSetpointAtZero =\n      Math.abs(this.speedSetpoint || 0) < this.speedSetpointAtZeroDeadband;\n    const thrustAtSetpoint = atSetpoint(this.thrust, this.thrustSetpoint, {\n      atSetpoint: this.atThrustSetpoint,\n      autoAtSetpoint: !this.disableAutoAtThrustSetpoint,\n      autoSetpointDeadband: this.autoAtThrustSetpointDeadband,\n      touching: this.thrustTouching,\n    });\n    const cThrust = thrusterColors(\n      {\n        atSetpoint: thrustAtSetpoint,\n        touching: this.thrustTouching,\n      },\n      this.state\n    );\n    const speedAtSetpoint = atSetpoint(this.speed, this.speedSetpoint, {\n      atSetpoint: this.atSpeedSetpoint,\n      autoAtSetpoint: !this.disableAutoAtSpeedSetpoint,\n      autoSetpointDeadband: this.autoAtSpeedSetpointDeadband,\n      touching: this.speedTouching,\n    });\n    const cSpeed = thrusterColors(\n      {\n        atSetpoint: speedAtSetpoint,\n        touching: this.speedTouching,\n      },\n      this.state\n    );\n    const container = svg`<rect x=\"-80\" y=\"-176\" width=\"160\" height=\"352\" fill=\"var(--instrument-frame-primary-color)\" stroke=\"var(--instrument-frame-tertiary-color)\" rx=\"8\"/>`;\n    const border = svg`<rect x=\"-80\" y=\"-176\" width=\"160\" height=\"352\" fill=\"none\" stroke=\"var(--instrument-frame-tertiary-color)\" rx=\"8\" vector-effect=\"non-scaling-stroke\"/>`;\n    const frameLeft = svg`<rect x=\"-56\" y=\"-176\" width=\"48\" height=\"352\" fill=\"var(--instrument-frame-secondary-color)\" vector-effect=\"non-scaling-stroke\" stroke=\"var(--instrument-frame-secondary-color)\"/>`;\n    const frameRight = svg`<rect x=\"8\" y=\"-176\" width=\"48\" height=\"352\" fill=\"var(--instrument-frame-secondary-color)\" vector-effect=\"non-scaling-stroke\" stroke=\"var(--instrument-frame-secondary-color)\"/>`;\n    const thrustCenter = svg`<rect x=\"8\" y=\"-2\" height=\"4\" width=\"72\" fill=\"${cThrust.zeroLineColor}\" stroke=${cThrust.zeroLineColor} vector-effect=\"non-scaling-stroke\"/>`;\n    const {topAdvices: topThrustAdvice, bottomAdvices: bottomThrustAdvice} =\n      convertThrustAdvices(this.thrustAdvices, this.thrust);\n    const thrustTop = svg`<g transform=\"translate(44, 0)\">\n      ${thrusterTopSingleSided(\n        174,\n        Math.max(this.thrust, 0),\n        {box: cThrust.boxColor, container: ''},\n        {\n          hideContainer: true,\n          hideTicks: cThrust.hideTicks,\n          flipAdicePattern: false,\n          narrow: false,\n        },\n        topThrustAdvice\n      )}</g>`;\n    const thrusterBottom = svg`<g transform=\"rotate(180) scale(-1,1) translate(44)\">\n     ${thrusterTopSingleSided(\n       174,\n       Math.max(-this.thrust, 0),\n       {box: cThrust.boxColor, container: ''},\n       {\n         hideContainer: true,\n         hideTicks: cThrust.hideTicks,\n         flipAdicePattern: false,\n         narrow: false,\n       },\n       bottomThrustAdvice\n     )}</g>`;\n    const thrustSetpoint =\n      this.thrustSetpoint !== undefined\n        ? svg`<g transform=\"translate(44, 0)\">${setpointSvg(\n            174,\n            this.thrustSetpoint,\n            thrustSetpointAtZero,\n            {\n              fill: cThrust.setPointColor,\n              stroke: 'var(--border-silhouette-color)',\n            },\n            {\n              inCommand: this.state === InstrumentState.inCommand,\n              singleSided: true,\n              narrow: false,\n            }\n          )}</g>`\n        : nothing;\n\n    const speedHeight = 352 * (this.speed / 100) + 2;\n    const speedY = 176 - speedHeight;\n    const speedBoxColor =\n      this.state === InstrumentState.inCommand\n        ? 'var(--instrument-enhanced-tertiary-color)'\n        : 'var(--instrument-regular-tertiary-color)';\n    const speedBox = svg`<rect x=\"-56\" y=${speedY} width=\"48\" height=${speedHeight} fill=${speedBoxColor} stroke=${speedBoxColor} vector-effect=\"non-scaling-stroke\">`;\n    const speedLine = svg`<rect x=\"-56\" y=${speedY - 2} width=\"48\" height=\"4\" rx=\"2\" fill=${cSpeed.boxColor} stroke=${cSpeed.boxColor}/>\n`;\n    const speedSetpoint =\n      this.speedSetpoint !== undefined\n        ? svg`<g transform=\"scale(-1 1) translate(44, 176)\">${setpointSvg(\n            350,\n            this.speedSetpoint,\n            speedSetpointAtZero,\n            {\n              fill: cSpeed.setPointColor,\n              stroke: 'var(--border-silhouette-color)',\n            },\n            {\n              inCommand: this.state === InstrumentState.inCommand,\n              singleSided: true,\n              narrow: false,\n            }\n          )}</g>`\n        : nothing;\n\n    return html`\n      <div class=\"container\">\n        <svg viewbox=\"-100 -200 200 400\">\n          ${container} ${frameLeft} ${frameRight} ${thrustCenter} ${thrustTop}\n          ${thrusterBottom} ${speedBox} ${speedLine} ${border} ${thrustSetpoint}\n          ${speedSetpoint}\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-main-engine': ObcMainEngine;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/navigation-instruments/poi-graphic-line/poi-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-config.js","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-config.ts"],"sourcesContent":["export enum POIStyle {\n  Normal = 'normal',\n  Raised = 'raised',\n  Enhanced = 'enhanced',\n  Input = 'input',\n  Light = 'light',\n  Track = 'track',\n}\n\nexport enum POIState {\n  solid = 'solid',\n  dashed = 'dashed',\n}\n\nexport interface POIStyleConfig {\n  lineColor: string;\n  outlineColor: string;\n}\n\nexport const POI_STYLES: Record<POIStyle, POIStyleConfig> = {\n  [POIStyle.Normal]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--element-disabled-color)',\n  },\n  [POIStyle.Raised]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--border-outline-color)',\n  },\n  [POIStyle.Enhanced]: {\n    lineColor: 'var(--instrument-enhanced-secondary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Input]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Light]: {\n    lineColor: 'var(--instrument-port-color)',\n    outlineColor: 'var(--element-active-color)',\n  },\n  [POIStyle.Track]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n};\n"],"names":["POIStyle","POIState"],"mappings":"AAAY,IAAA,6BAAAA,cAAL;AACLA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,UAAW,IAAA;AACXA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AANEA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AASA,IAAA,6BAAAC,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,QAAS,IAAA;AAFCA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAUL,MAAM,aAA+C;AAAA,EAC1D;AAAA,IAAC;AAAA;AAAA,EAAkB,GAAA;AAAA,IACjB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAkB,GAAA;AAAA,IACjB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAoB,GAAA;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AACF;"}
+{"version":3,"file":"poi-config.js","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-config.ts"],"sourcesContent":["export enum POIStyle {\n  Normal = 'normal',\n  Raised = 'raised',\n  Enhanced = 'enhanced',\n  Input = 'input',\n  Light = 'light',\n  Track = 'track',\n}\n\nexport enum POIState {\n  solid = 'solid',\n  dashed = 'dashed',\n}\n\nexport interface POIStyleConfig {\n  lineColor: string;\n  outlineColor: string;\n}\n\nexport const POI_STYLES: Record<POIStyle, POIStyleConfig> = {\n  [POIStyle.Normal]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--element-disabled-color)',\n  },\n  [POIStyle.Raised]: {\n    lineColor: 'var(--element-active-inverted-color)',\n    outlineColor: 'var(--border-outline-color)',\n  },\n  [POIStyle.Enhanced]: {\n    lineColor: 'var(--instrument-enhanced-secondary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Input]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n  [POIStyle.Light]: {\n    lineColor: 'var(--instrument-port-color)',\n    outlineColor: 'var(--element-active-color)',\n  },\n  [POIStyle.Track]: {\n    lineColor: 'var(--instrument-enhanced-primary-color)',\n    outlineColor: 'var(--element-active-inverted-color)',\n  },\n};\n"],"names":["POIStyle","POIState"],"mappings":"AAAY,IAAA,6BAAAA,cAAL;AACLA,YAAA,QAAS,IAAA;AACTA,YAAA,QAAS,IAAA;AACTA,YAAA,UAAW,IAAA;AACXA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AACRA,YAAA,OAAQ,IAAA;AANEA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AASA,IAAA,6BAAAC,cAAL;AACLA,YAAA,OAAQ,IAAA;AACRA,YAAA,QAAS,IAAA;AAFCA,SAAAA;AAAA,GAAA,YAAA,CAAA,CAAA;AAUL,MAAM,aAA+C;AAAA,EAC1D;AAAA,IAAC;AAAA;AAAA,EAAkB,GAAA;AAAA,IACjB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAkB,GAAA;AAAA,IACjB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAoB,GAAA;AAAA,IACnB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAChB;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,EAAiB,GAAA;AAAA,IAChB,WAAW;AAAA,IACX,cAAc;AAAA,EAAA;AAElB;"}

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.d.ts

@@ -1,11 +1,12 @@
 import { LitElement } from 'lit';
 import { POIStyle, POIState } from './poi-config';
+
 export declare class ObcPoiGraphicLine extends LitElement {
     height: number;
     lineStyle: POIStyle;
     lineState: POIState;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.js

@@ -9,8 +9,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 function getLineColors(style) {

package/dist/navigation-instruments/poi-graphic-line/poi-graphic-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-graphic-line.js","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {POIStyle, POIState, POIStyleConfig, POI_STYLES} from './poi-config';\nimport componentStyle from './poi-graphic-line.css?inline';\n\nfunction getLineColors(style: POIStyle): POIStyleConfig {\n  const colors = POI_STYLES[style];\n  if (!colors) {\n    throw new Error(`Style: ${style} not supported`);\n  }\n  return colors;\n}\n\n@customElement('obc-poi-graphic-line')\nexport class ObcPoiGraphicLine extends LitElement {\n  @property({type: Number}) height: number = 100;\n  @property({type: String}) lineStyle: POIStyle = POIStyle.Enhanced;\n  @property({type: String}) lineState: POIState = POIState.solid;\n\n  override render() {\n    const colors = getLineColors(this.lineStyle);\n    const path = `M2 1L2 ${this.height}`;\n\n    return html`<div class=\"wrapper\">\n      <svg width=\"4\" height=\"${this.height}\" viewBox=\"0 0 4 ${this.height}\">\n        <mask\n          id=\"mask0_903_40238\"\n          style=\"mask-type:alpha\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"0\"\n          y=\"0\"\n          width=\"4\"\n          height=\"${this.height}\"\n        >\n          <path\n            d=\"${path}\"\n            stroke=\"url(#paint0_linear_903_40238)\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n          />\n        </mask>\n        <g mask=\"url(#mask0_903_40238)\">\n          <g filter=\"url(#filter0_d_903_40238)\">\n            <path\n              d=${path}\n              stroke=\"${colors.outlineColor}\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n            />\n          </g>\n          <path\n            d=${path}\n            stroke=\"${colors.lineColor}\"\n            stroke-width=\"1\"\n            stroke-linecap=\"round\"\n          />\n        </g>\n        <defs>\n          <filter\n            id=\"filter0_d_903_40238\"\n            x=\"0\"\n            y=\"0\"\n            width=\"4\"\n            height=\"${this.height}\"\n            filterUnits=\"userSpaceOnUse\"\n            color-interpolation-filters=\"sRGB\"\n          >\n            <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix\n              in=\"SourceAlpha\"\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n              result=\"hardAlpha\"\n            />\n            <feOffset dy=\"1\" />\n            <feGaussianBlur stdDeviation=\"0.5\" />\n            <feColorMatrix\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in2=\"BackgroundImageFix\"\n              result=\"effect1_dropShadow_903_40238\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in=\"SourceGraphic\"\n              in2=\"effect1_dropShadow_903_40238\"\n              result=\"shape\"\n            />\n          </filter>\n          <linearGradient\n            id=\"paint0_linear_903_40238\"\n            x1=\"2.5\"\n            y1=\"1\"\n            x2=\"2.5\"\n            y2=\"${this.height}\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stop-color=\"#C2C2C2\" />\n            <stop offset=\"0.989583\" stop-color=\"#C2C2C2\" stop-opacity=\"0\" />\n          </linearGradient>\n        </defs>\n      </svg>\n    </div> `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-graphic-line': ObcPoiGraphicLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAKA,SAAS,cAAc,OAAiC;AAChD,QAAA,SAAS,WAAW,KAAK;AAC/B,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,UAAU,KAAK,gBAAgB;AAAA,EACjD;AACO,SAAA;AACT;AAGa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACjB,SAAA,YAAsB,SAAS;AAC/B,SAAA,YAAsB,SAAS;AAAA,EAAA;AAAA,EAEhD,SAAS;AACV,UAAA,SAAS,cAAc,KAAK,SAAS;AACrC,UAAA,OAAO,UAAU,KAAK,MAAM;AAE3B,WAAA;AAAA,+BACoB,KAAK,MAAM,oBAAoB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQrD,KAAK,MAAM;AAAA;AAAA;AAAA,iBAGd,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBASH,IAAI;AAAA,wBACE,OAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM3B,IAAI;AAAA,sBACE,OAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAWhB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAkCf,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS3B;AAGF;AA/Fa,kBA8FK,SAAS,UAAU,cAAc;AA7FvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,kBAEe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,kBAGe,WAAA,aAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,iBAAA;"}
+{"version":3,"file":"poi-graphic-line.js","sources":["../../../src/navigation-instruments/poi-graphic-line/poi-graphic-line.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {POIStyle, POIState, POIStyleConfig, POI_STYLES} from './poi-config';\nimport componentStyle from './poi-graphic-line.css?inline';\n\nfunction getLineColors(style: POIStyle): POIStyleConfig {\n  const colors = POI_STYLES[style];\n  if (!colors) {\n    throw new Error(`Style: ${style} not supported`);\n  }\n  return colors;\n}\n\n@customElement('obc-poi-graphic-line')\nexport class ObcPoiGraphicLine extends LitElement {\n  @property({type: Number}) height: number = 100;\n  @property({type: String}) lineStyle: POIStyle = POIStyle.Enhanced;\n  @property({type: String}) lineState: POIState = POIState.solid;\n\n  override render() {\n    const colors = getLineColors(this.lineStyle);\n    const path = `M2 1L2 ${this.height}`;\n\n    return html`<div class=\"wrapper\">\n      <svg width=\"4\" height=\"${this.height}\" viewBox=\"0 0 4 ${this.height}\">\n        <mask\n          id=\"mask0_903_40238\"\n          style=\"mask-type:alpha\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"0\"\n          y=\"0\"\n          width=\"4\"\n          height=\"${this.height}\"\n        >\n          <path\n            d=\"${path}\"\n            stroke=\"url(#paint0_linear_903_40238)\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n          />\n        </mask>\n        <g mask=\"url(#mask0_903_40238)\">\n          <g filter=\"url(#filter0_d_903_40238)\">\n            <path\n              d=${path}\n              stroke=\"${colors.outlineColor}\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n            />\n          </g>\n          <path\n            d=${path}\n            stroke=\"${colors.lineColor}\"\n            stroke-width=\"1\"\n            stroke-linecap=\"round\"\n          />\n        </g>\n        <defs>\n          <filter\n            id=\"filter0_d_903_40238\"\n            x=\"0\"\n            y=\"0\"\n            width=\"4\"\n            height=\"${this.height}\"\n            filterUnits=\"userSpaceOnUse\"\n            color-interpolation-filters=\"sRGB\"\n          >\n            <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix\n              in=\"SourceAlpha\"\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n              result=\"hardAlpha\"\n            />\n            <feOffset dy=\"1\" />\n            <feGaussianBlur stdDeviation=\"0.5\" />\n            <feColorMatrix\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in2=\"BackgroundImageFix\"\n              result=\"effect1_dropShadow_903_40238\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in=\"SourceGraphic\"\n              in2=\"effect1_dropShadow_903_40238\"\n              result=\"shape\"\n            />\n          </filter>\n          <linearGradient\n            id=\"paint0_linear_903_40238\"\n            x1=\"2.5\"\n            y1=\"1\"\n            x2=\"2.5\"\n            y2=\"${this.height}\"\n            gradientUnits=\"userSpaceOnUse\"\n          >\n            <stop stop-color=\"#C2C2C2\" />\n            <stop offset=\"0.989583\" stop-color=\"#C2C2C2\" stop-opacity=\"0\" />\n          </linearGradient>\n        </defs>\n      </svg>\n    </div> `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-graphic-line': ObcPoiGraphicLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAKA,SAAS,cAAc,OAAiC;AAChD,QAAA,SAAS,WAAW,KAAK;AAC/B,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,UAAU,KAAK,gBAAgB;AAAA,EAAA;AAE1C,SAAA;AACT;AAGa,IAAA,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACjB,SAAA,YAAsB,SAAS;AAC/B,SAAA,YAAsB,SAAS;AAAA,EAAA;AAAA,EAEhD,SAAS;AACV,UAAA,SAAS,cAAc,KAAK,SAAS;AACrC,UAAA,OAAO,UAAU,KAAK,MAAM;AAE3B,WAAA;AAAA,+BACoB,KAAK,MAAM,oBAAoB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQrD,KAAK,MAAM;AAAA;AAAA;AAAA,iBAGd,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBASH,IAAI;AAAA,wBACE,OAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAM3B,IAAI;AAAA,sBACE,OAAO,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAWhB,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAkCf,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAY7B;AA/Fa,kBA8FK,SAAS,UAAU,cAAc;AA7FvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,kBAEe,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,kBAGe,WAAA,aAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,iBAAA;"}

package/dist/navigation-instruments/poi-line/poi-line.d.ts

@@ -1,11 +1,12 @@
 import { LitElement } from 'lit';
-import '../poi-graphic-line/poi-graphic-line';
 import { POIStyle } from '../poi-graphic-line/poi-config';
+
+import '../poi-graphic-line/poi-graphic-line';
 export declare class ObcPoiLine extends LitElement {
     height: number;
     lineStyle: POIStyle;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/poi-line/poi-line.js

@@ -11,8 +11,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcPoiLine = class extends LitElement {

package/dist/navigation-instruments/poi-line/poi-line.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-line.js","sources":["../../../src/navigation-instruments/poi-line/poi-line.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-line.css?inline';\nimport '../poi-graphic-line/poi-graphic-line';\nimport {renderPointerDot} from './pointerDot';\nimport {POIStyle} from '../poi-graphic-line/poi-config';\n\n@customElement('obc-poi-line')\nexport class ObcPoiLine extends LitElement {\n  @property({type: Number}) height: number = 96;\n  @property({type: String}) lineStyle: POIStyle = POIStyle.Normal;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <obc-poi-graphic-line\n          height=${this.height}\n          lineStyle=${this.lineStyle}\n        ></obc-poi-graphic-line>\n        ${renderPointerDot({lineStyle: this.lineStyle})}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-line': ObcPoiLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACjB,SAAA,YAAsB,SAAS;AAAA,EAAA;AAAA,EAEhD,SAAS;AACT,WAAA;AAAA;AAAA;AAAA,mBAGQ,KAAK,MAAM;AAAA,sBACR,KAAK,SAAS;AAAA;AAAA,UAE1B,iBAAiB,EAAC,WAAW,KAAK,UAAU,CAAA,CAAC;AAAA;AAAA;AAAA,EAGrD;AAGF;AAjBa,WAgBK,SAAS,UAAU,YAAY;AAfrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,WACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,WAEe,WAAA,aAAA,CAAA;AAFf,aAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,UAAA;"}
+{"version":3,"file":"poi-line.js","sources":["../../../src/navigation-instruments/poi-line/poi-line.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-line.css?inline';\nimport '../poi-graphic-line/poi-graphic-line';\nimport {renderPointerDot} from './pointerDot';\nimport {POIStyle} from '../poi-graphic-line/poi-config';\n\n@customElement('obc-poi-line')\nexport class ObcPoiLine extends LitElement {\n  @property({type: Number}) height: number = 96;\n  @property({type: String}) lineStyle: POIStyle = POIStyle.Normal;\n\n  override render() {\n    return html`\n      <div class=\"wrapper\">\n        <obc-poi-graphic-line\n          height=${this.height}\n          lineStyle=${this.lineStyle}\n        ></obc-poi-graphic-line>\n        ${renderPointerDot({lineStyle: this.lineStyle})}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-line': ObcPoiLine;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAQa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACjB,SAAA,YAAsB,SAAS;AAAA,EAAA;AAAA,EAEhD,SAAS;AACT,WAAA;AAAA;AAAA;AAAA,mBAGQ,KAAK,MAAM;AAAA,sBACR,KAAK,SAAS;AAAA;AAAA,UAE1B,iBAAiB,EAAC,WAAW,KAAK,UAAA,CAAU,CAAC;AAAA;AAAA;AAAA,EAAA;AAMvD;AAjBa,WAgBK,SAAS,UAAU,YAAY;AAfrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,WACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,WAEe,WAAA,aAAA,CAAA;AAFf,aAAN,gBAAA;AAAA,EADN,cAAc,cAAc;AAAA,GAChB,UAAA;"}

package/dist/navigation-instruments/poi-line/pointerDot.d.ts

@@ -1,5 +1,6 @@
 import { POIStyle } from '../poi-graphic-line/poi-config';
+
 export declare function renderPointerDot({ lineStyle }: {
     lineStyle: POIStyle;
-}): import("lit-html").TemplateResult<1>;
+}): import('lit-html').TemplateResult<1>;
 //# sourceMappingURL=pointerDot.d.ts.map

package/dist/navigation-instruments/poi-target/arrow.d.ts

@@ -1,3 +1,4 @@
 import { Pointer } from './poi-target';
-export declare function pointerArrow(pointerType: Pointer, value: string): import("lit-html").TemplateResult<1>;
+
+export declare function pointerArrow(pointerType: Pointer, value: string): import('lit-html').TemplateResult<1>;
 //# sourceMappingURL=arrow.d.ts.map

package/dist/navigation-instruments/poi-target/arrow.js

@@ -3,8 +3,7 @@ import { html } from "lit";
 function pointerArrow(pointerType, value) {
   const path = pointerType === Pointer.ArrowLeft ? "M10.627 4.58645L10.9802 4.93961L10.6274 5.29317L7.92644 8L10.6274 10.7068L10.9802 11.0604L10.627 11.4136L9.68699 12.3536L9.33344 12.7071L8.97988 12.3536L4.97988 8.35355L4.62633 8L4.97988 7.64645L8.97988 3.64645L9.33344 3.29289L9.68699 3.64645L10.627 4.58645Z" : "M5.37301 4.58645L5.01984 4.93961L5.37262 5.29317L8.07356 8L5.37262 10.7068L5.01984 11.0604L5.37301 11.4136L6.31301 12.3536L6.66656 12.7071L7.02012 12.3536L11.0201 8.35355L11.3737 8L11.0201 7.64645L7.02012 3.64645L6.66656 3.29289L6.31301 3.64645L5.37301 4.58645Z";
   let fill = "var(--instrument-regular-secondary-color)";
-  if (value === "checked")
-    fill = "var(--instrument-enhanced-secondary-color)";
+  if (value === "checked") fill = "var(--instrument-enhanced-secondary-color)";
   const pointer = html`<svg
     width="16"
     height="16"

package/dist/navigation-instruments/poi-target/arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sources":["../../../src/navigation-instruments/poi-target/arrow.ts"],"sourcesContent":["import {Pointer} from './poi-target';\nimport {html} from 'lit';\n\nexport function pointerArrow(pointerType: Pointer, value: string) {\n  const path =\n    pointerType === Pointer.ArrowLeft\n      ? 'M10.627 4.58645L10.9802 4.93961L10.6274 5.29317L7.92644 8L10.6274 10.7068L10.9802 11.0604L10.627 11.4136L9.68699 12.3536L9.33344 12.7071L8.97988 12.3536L4.97988 8.35355L4.62633 8L4.97988 7.64645L8.97988 3.64645L9.33344 3.29289L9.68699 3.64645L10.627 4.58645Z'\n      : 'M5.37301 4.58645L5.01984 4.93961L5.37262 5.29317L8.07356 8L5.37262 10.7068L5.01984 11.0604L5.37301 11.4136L6.31301 12.3536L6.66656 12.7071L7.02012 12.3536L11.0201 8.35355L11.3737 8L11.0201 7.64645L7.02012 3.64645L6.66656 3.29289L6.31301 3.64645L5.37301 4.58645Z';\n\n  let fill = 'var(--instrument-regular-secondary-color)';\n  if (value === 'checked') fill = 'var(--instrument-enhanced-secondary-color)';\n\n  const pointer = html`<svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g filter=\"url(#filter0_d_903_44142)\">\n      <path d=${path} fill=\"${fill}\" stroke=\"var(--border-silhouette-color)\" />\n    </g>\n    <defs>\n      <filter\n        id=\"filter0_d_903_44142\"\n        x=\"-1\"\n        y=\"0\"\n        width=\"18\"\n        height=\"18\"\n        filterUnits=\"userSpaceOnUse\"\n        color-interpolation-filters=\"sRGB\"\n      >\n        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          result=\"hardAlpha\"\n        />\n        <feOffset dy=\"1\" />\n        <feGaussianBlur stdDeviation=\"0.5\" />\n        <feColorMatrix\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in2=\"BackgroundImageFix\"\n          result=\"effect1_dropShadow_903_44142\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in=\"SourceGraphic\"\n          in2=\"effect1_dropShadow_903_44142\"\n          result=\"shape\"\n        />\n      </filter>\n    </defs>\n  </svg> `;\n\n  return pointer;\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,aAAa,aAAsB,OAAe;AAChE,QAAM,OACJ,gBAAgB,QAAQ,YACpB,uQACA;AAEN,MAAI,OAAO;AACX,MAAI,UAAU;AAAkB,WAAA;AAEhC,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQF,IAAI,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCzB,SAAA;AACT;"}
+{"version":3,"file":"arrow.js","sources":["../../../src/navigation-instruments/poi-target/arrow.ts"],"sourcesContent":["import {Pointer} from './poi-target';\nimport {html} from 'lit';\n\nexport function pointerArrow(pointerType: Pointer, value: string) {\n  const path =\n    pointerType === Pointer.ArrowLeft\n      ? 'M10.627 4.58645L10.9802 4.93961L10.6274 5.29317L7.92644 8L10.6274 10.7068L10.9802 11.0604L10.627 11.4136L9.68699 12.3536L9.33344 12.7071L8.97988 12.3536L4.97988 8.35355L4.62633 8L4.97988 7.64645L8.97988 3.64645L9.33344 3.29289L9.68699 3.64645L10.627 4.58645Z'\n      : 'M5.37301 4.58645L5.01984 4.93961L5.37262 5.29317L8.07356 8L5.37262 10.7068L5.01984 11.0604L5.37301 11.4136L6.31301 12.3536L6.66656 12.7071L7.02012 12.3536L11.0201 8.35355L11.3737 8L11.0201 7.64645L7.02012 3.64645L6.66656 3.29289L6.31301 3.64645L5.37301 4.58645Z';\n\n  let fill = 'var(--instrument-regular-secondary-color)';\n  if (value === 'checked') fill = 'var(--instrument-enhanced-secondary-color)';\n\n  const pointer = html`<svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <g filter=\"url(#filter0_d_903_44142)\">\n      <path d=${path} fill=\"${fill}\" stroke=\"var(--border-silhouette-color)\" />\n    </g>\n    <defs>\n      <filter\n        id=\"filter0_d_903_44142\"\n        x=\"-1\"\n        y=\"0\"\n        width=\"18\"\n        height=\"18\"\n        filterUnits=\"userSpaceOnUse\"\n        color-interpolation-filters=\"sRGB\"\n      >\n        <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n          result=\"hardAlpha\"\n        />\n        <feOffset dy=\"1\" />\n        <feGaussianBlur stdDeviation=\"0.5\" />\n        <feColorMatrix\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in2=\"BackgroundImageFix\"\n          result=\"effect1_dropShadow_903_44142\"\n        />\n        <feBlend\n          mode=\"normal\"\n          in=\"SourceGraphic\"\n          in2=\"effect1_dropShadow_903_44142\"\n          result=\"shape\"\n        />\n      </filter>\n    </defs>\n  </svg> `;\n\n  return pointer;\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,aAAa,aAAsB,OAAe;AAChE,QAAM,OACJ,gBAAgB,QAAQ,YACpB,uQACA;AAEN,MAAI,OAAO;AACP,MAAA,UAAU,UAAkB,QAAA;AAEhC,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAQF,IAAI,UAAU,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCzB,SAAA;AACT;"}

package/dist/navigation-instruments/poi-target/poi-target.d.ts

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../poi-line/poi-line';
 import '../../components/poi-target-button/poi-target-button';
 export declare enum TargetValue {
@@ -16,8 +17,8 @@ export declare class ObcPoiTarget extends LitElement {
     value: TargetValue;
     pointerType: Pointer;
     relativeDirection: number;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/navigation-instruments/poi-target/poi-target.js

@@ -13,8 +13,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 var TargetValue = /* @__PURE__ */ ((TargetValue2) => {

package/dist/navigation-instruments/poi-target/poi-target.js.map

@@ -1 +1 @@
-{"version":3,"file":"poi-target.js","sources":["../../../src/navigation-instruments/poi-target/poi-target.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-target.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../poi-line/poi-line';\nimport '../../components/poi-target-button/poi-target-button';\nimport {POIStyle} from '../poi-graphic-line/poi-config';\nimport {pointerArrow} from './arrow';\nimport {PoiTargetButtonValue} from '../../components/poi-target-button/poi-target-button';\n\nexport enum TargetValue {\n  enabled = 'enabled',\n  checked = 'checked',\n}\n\nfunction valueToPointerStyle(value: TargetValue): POIStyle {\n  let style = null;\n  switch (value) {\n    case TargetValue.enabled:\n      style = POIStyle.Normal;\n      break;\n    case TargetValue.checked:\n      style = POIStyle.Enhanced;\n      break;\n    default:\n      throw new Error(`Value has no style: ${style}`);\n  }\n  return style;\n}\n\nfunction valueToButtonStyle(value: TargetValue): PoiTargetButtonValue {\n  switch (value) {\n    case TargetValue.enabled:\n      return PoiTargetButtonValue.unchecked;\n    case 'checked':\n      return PoiTargetButtonValue.checked;\n    default:\n      throw new Error(`Value has no style: ${value}`);\n  }\n}\n\nexport enum Pointer {\n  Line = 'line',\n  ArrowLeft = 'arrow-left',\n  ArrowRight = 'arrow-right',\n  None = 'null',\n}\n\n@customElement('obc-poi-target')\nexport class ObcPoiTarget extends LitElement {\n  @property({type: Number}) height: number = 188;\n  @property({type: String}) value: TargetValue = TargetValue.enabled;\n  @property({type: String}) pointerType: Pointer = Pointer.Line;\n  @property({type: Number}) relativeDirection = 0;\n\n  override render() {\n    let pointer = null;\n    let hasArrowPointer = false;\n    switch (this.pointerType) {\n      case Pointer.Line:\n        pointer = html`<obc-poi-line\n          height=${this.height}\n          lineStyle=${valueToPointerStyle(this.value)}\n        ></obc-poi-line>`;\n        break;\n      case Pointer.ArrowLeft:\n        pointer = pointerArrow(this.pointerType, this.value);\n        hasArrowPointer = true;\n        break;\n      case Pointer.ArrowRight:\n        pointer = pointerArrow(this.pointerType, this.value);\n        hasArrowPointer = true;\n        break;\n      case Pointer.None:\n        pointer = null;\n        break;\n      default:\n        throw new Error(`Pointer type ${this.pointerType} not supported`);\n    }\n\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          ['type-' + this.pointerType]: true,\n        })}\n      >\n        <obc-poi-target-button\n          .value=${valueToButtonStyle(this.value)}\n          .hasPointer=${hasArrowPointer}\n          .relativeDirection=${this.relativeDirection}\n        ></obc-poi-target-button>\n        ${pointer}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-target': ObcPoiTarget;\n  }\n}\n"],"names":["TargetValue","Pointer"],"mappings":";;;;;;;;;;;;;;;;;;;AAUY,IAAA,gCAAAA,iBAAL;AACLA,eAAA,SAAU,IAAA;AACVA,eAAA,SAAU,IAAA;AAFAA,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;AAKZ,SAAS,oBAAoB,OAA8B;AACzD,MAAI,QAAQ;AACZ,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,cAAQ,SAAS;AACjB;AAAA,IACF,KAAK;AACH,cAAQ,SAAS;AACjB;AAAA,IACF;AACE,YAAM,IAAI,MAAM,uBAAuB,KAAK,EAAE;AAAA,EAClD;AACO,SAAA;AACT;AAEA,SAAS,mBAAmB,OAA0C;AACpE,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,qBAAqB;AAAA,IAC9B,KAAK;AACH,aAAO,qBAAqB;AAAA,IAC9B;AACE,YAAM,IAAI,MAAM,uBAAuB,KAAK,EAAE;AAAA,EAClD;AACF;AAEY,IAAA,4BAAAC,aAAL;AACLA,WAAA,MAAO,IAAA;AACPA,WAAA,WAAY,IAAA;AACZA,WAAA,YAAa,IAAA;AACbA,WAAA,MAAO,IAAA;AAJGA,SAAAA;AAAA,GAAA,WAAA,CAAA,CAAA;AAQC,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACI,SAAA,QAAA;AACE,SAAA,cAAA;AACH,SAAA,oBAAA;AAAA,EAAA;AAAA,EAErC,SAAS;AAChB,QAAI,UAAU;AACd,QAAI,kBAAkB;AACtB,YAAQ,KAAK,aAAa;AAAA,MACxB,KAAK;AACO,kBAAA;AAAA,mBACC,KAAK,MAAM;AAAA,sBACR,oBAAoB,KAAK,KAAK,CAAC;AAAA;AAE7C;AAAA,MACF,KAAK;AACH,kBAAU,aAAa,KAAK,aAAa,KAAK,KAAK;AACjC,0BAAA;AAClB;AAAA,MACF,KAAK;AACH,kBAAU,aAAa,KAAK,aAAa,KAAK,KAAK;AACjC,0BAAA;AAClB;AAAA,MACF,KAAK;AACO,kBAAA;AACV;AAAA,MACF;AACE,cAAM,IAAI,MAAM,gBAAgB,KAAK,WAAW,gBAAgB;AAAA,IACpE;AAEO,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,UAAU,KAAK,WAAW,GAAG;AAAA,IAAA,CAC/B,CAAC;AAAA;AAAA;AAAA,mBAGS,mBAAmB,KAAK,KAAK,CAAC;AAAA,wBACzB,eAAe;AAAA,+BACR,KAAK,iBAAiB;AAAA;AAAA,UAE3C,OAAO;AAAA;AAAA;AAAA,EAGf;AAGF;AAjDa,aAgDK,SAAS,UAAU,YAAY;AA/CrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,aACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,aAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,aAGe,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,aAIe,WAAA,qBAAA,CAAA;AAJf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
+{"version":3,"file":"poi-target.js","sources":["../../../src/navigation-instruments/poi-target/poi-target.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport compentStyle from './poi-target.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../poi-line/poi-line';\nimport '../../components/poi-target-button/poi-target-button';\nimport {POIStyle} from '../poi-graphic-line/poi-config';\nimport {pointerArrow} from './arrow';\nimport {PoiTargetButtonValue} from '../../components/poi-target-button/poi-target-button';\n\nexport enum TargetValue {\n  enabled = 'enabled',\n  checked = 'checked',\n}\n\nfunction valueToPointerStyle(value: TargetValue): POIStyle {\n  let style = null;\n  switch (value) {\n    case TargetValue.enabled:\n      style = POIStyle.Normal;\n      break;\n    case TargetValue.checked:\n      style = POIStyle.Enhanced;\n      break;\n    default:\n      throw new Error(`Value has no style: ${style}`);\n  }\n  return style;\n}\n\nfunction valueToButtonStyle(value: TargetValue): PoiTargetButtonValue {\n  switch (value) {\n    case TargetValue.enabled:\n      return PoiTargetButtonValue.unchecked;\n    case 'checked':\n      return PoiTargetButtonValue.checked;\n    default:\n      throw new Error(`Value has no style: ${value}`);\n  }\n}\n\nexport enum Pointer {\n  Line = 'line',\n  ArrowLeft = 'arrow-left',\n  ArrowRight = 'arrow-right',\n  None = 'null',\n}\n\n@customElement('obc-poi-target')\nexport class ObcPoiTarget extends LitElement {\n  @property({type: Number}) height: number = 188;\n  @property({type: String}) value: TargetValue = TargetValue.enabled;\n  @property({type: String}) pointerType: Pointer = Pointer.Line;\n  @property({type: Number}) relativeDirection = 0;\n\n  override render() {\n    let pointer = null;\n    let hasArrowPointer = false;\n    switch (this.pointerType) {\n      case Pointer.Line:\n        pointer = html`<obc-poi-line\n          height=${this.height}\n          lineStyle=${valueToPointerStyle(this.value)}\n        ></obc-poi-line>`;\n        break;\n      case Pointer.ArrowLeft:\n        pointer = pointerArrow(this.pointerType, this.value);\n        hasArrowPointer = true;\n        break;\n      case Pointer.ArrowRight:\n        pointer = pointerArrow(this.pointerType, this.value);\n        hasArrowPointer = true;\n        break;\n      case Pointer.None:\n        pointer = null;\n        break;\n      default:\n        throw new Error(`Pointer type ${this.pointerType} not supported`);\n    }\n\n    return html`\n      <div\n        class=${classMap({\n          wrapper: true,\n          ['type-' + this.pointerType]: true,\n        })}\n      >\n        <obc-poi-target-button\n          .value=${valueToButtonStyle(this.value)}\n          .hasPointer=${hasArrowPointer}\n          .relativeDirection=${this.relativeDirection}\n        ></obc-poi-target-button>\n        ${pointer}\n      </div>\n    `;\n  }\n\n  static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-poi-target': ObcPoiTarget;\n  }\n}\n"],"names":["TargetValue","Pointer"],"mappings":";;;;;;;;;;;;;;;;;;AAUY,IAAA,gCAAAA,iBAAL;AACLA,eAAA,SAAU,IAAA;AACVA,eAAA,SAAU,IAAA;AAFAA,SAAAA;AAAA,GAAA,eAAA,CAAA,CAAA;AAKZ,SAAS,oBAAoB,OAA8B;AACzD,MAAI,QAAQ;AACZ,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,cAAQ,SAAS;AACjB;AAAA,IACF,KAAK;AACH,cAAQ,SAAS;AACjB;AAAA,IACF;AACE,YAAM,IAAI,MAAM,uBAAuB,KAAK,EAAE;AAAA,EAAA;AAE3C,SAAA;AACT;AAEA,SAAS,mBAAmB,OAA0C;AACpE,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,qBAAqB;AAAA,IAC9B,KAAK;AACH,aAAO,qBAAqB;AAAA,IAC9B;AACE,YAAM,IAAI,MAAM,uBAAuB,KAAK,EAAE;AAAA,EAAA;AAEpD;AAEY,IAAA,4BAAAC,aAAL;AACLA,WAAA,MAAO,IAAA;AACPA,WAAA,WAAY,IAAA;AACZA,WAAA,YAAa,IAAA;AACbA,WAAA,MAAO,IAAA;AAJGA,SAAAA;AAAA,GAAA,WAAA,CAAA,CAAA;AAQC,IAAA,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACsC,SAAA,SAAA;AACI,SAAA,QAAA;AACE,SAAA,cAAA;AACH,SAAA,oBAAA;AAAA,EAAA;AAAA,EAErC,SAAS;AAChB,QAAI,UAAU;AACd,QAAI,kBAAkB;AACtB,YAAQ,KAAK,aAAa;AAAA,MACxB,KAAK;AACO,kBAAA;AAAA,mBACC,KAAK,MAAM;AAAA,sBACR,oBAAoB,KAAK,KAAK,CAAC;AAAA;AAE7C;AAAA,MACF,KAAK;AACH,kBAAU,aAAa,KAAK,aAAa,KAAK,KAAK;AACjC,0BAAA;AAClB;AAAA,MACF,KAAK;AACH,kBAAU,aAAa,KAAK,aAAa,KAAK,KAAK;AACjC,0BAAA;AAClB;AAAA,MACF,KAAK;AACO,kBAAA;AACV;AAAA,MACF;AACE,cAAM,IAAI,MAAM,gBAAgB,KAAK,WAAW,gBAAgB;AAAA,IAAA;AAG7D,WAAA;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,UAAU,KAAK,WAAW,GAAG;AAAA,IAAA,CAC/B,CAAC;AAAA;AAAA;AAAA,mBAGS,mBAAmB,KAAK,KAAK,CAAC;AAAA,wBACzB,eAAe;AAAA,+BACR,KAAK,iBAAiB;AAAA;AAAA,UAE3C,OAAO;AAAA;AAAA;AAAA,EAAA;AAMjB;AAjDa,aAgDK,SAAS,UAAU,YAAY;AA/CrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,aACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,aAEe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,aAGe,WAAA,eAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,aAIe,WAAA,qBAAA,CAAA;AAJf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}

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

@@ -1,4 +1,5 @@
 import { LitElement } from 'lit';
+
 import '../watch/watch';
 export declare class ObcRudder extends LitElement {
     angle: number;
@@ -9,8 +10,8 @@ export declare class ObcRudder extends LitElement {
     autoAtSetpointDeadband: number;
     maxAngle: number;
     atSetpointCalc(): boolean;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+    static styles: import('lit').CSSResult;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -10,8 +10,7 @@ var __decorateClass = (decorators, target, key, kind) => {
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
     if (decorator = decorators[i])
       result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
+  if (kind && result) __defProp(target, key, result);
   return result;
 };
 let ObcRudder = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"rudder.js","sources":["../../../src/navigation-instruments/rudder/rudder.ts"],"sourcesContent":["import {LitElement, css, html, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport '../watch/watch';\nimport {roundedArch} from '../../svghelpers/roundedArch';\nimport {Tickmark, TickmarkType} from '../watch/tickmark';\n\n@customElement('obc-rudder')\nexport class ObcRudder extends LitElement {\n  @property({type: Number}) angle = 0;\n  @property({type: Number}) setpoint: number | undefined;\n  @property({type: Boolean}) atSetpoint: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n  @property({type: Boolean}) disableAutoAtSetpoint: boolean = false;\n  @property({type: Number}) autoAtSetpointDeadband: number = 2;\n  @property({type: Number}) maxAngle = 90;\n\n  atSetpointCalc(): boolean {\n    if (this.setpoint === undefined) {\n      return false;\n    }\n\n    if (this.touching) {\n      return false;\n    }\n\n    if (!this.disableAutoAtSetpoint) {\n      return Math.abs(this.angle - this.setpoint) < this.autoAtSetpointDeadband;\n    }\n    return this.atSetpoint;\n  }\n\n  override render() {\n    const barStartAngle = this.angle > 0 ? 180 - this.angle : 180;\n    const barEndAngle = this.angle > 0 ? 180 : 180 - this.angle;\n    const bar = svg`\n        <mask id=\"clipBar\">\n              <path d=${roundedArch({\n                r: 160 - 48,\n                R: 160,\n                startAngle: 180 - this.maxAngle,\n                endAngle: 180 + this.maxAngle,\n                roundInsideCut: true,\n                roundOutsideCut: false,\n              })}\n              fill=\"white\"\n              stroke=\"white\"\n              />\n            </mask>\n      <path d=${roundedArch({\n        r: 160 - 48,\n        R: 160,\n        startAngle: barStartAngle,\n        endAngle: barEndAngle,\n        roundInsideCut: false,\n        roundOutsideCut: false,\n      })} \n    fill=\"var(--instrument-enhanced-secondary-color)\"\n    stroke=\"var(--instrument-enhanced-secondary-color)\"\n    mask=\"url(#clipBar)\"\n    />`;\n    const setpointAngle =\n      this.setpoint !== undefined ? 180 - this.setpoint : undefined;\n\n    const tickmarks: Tickmark[] = [\n      {angle: 180, type: TickmarkType.primary, text: '0'},\n      {\n        angle: 180 - this.maxAngle,\n        type: TickmarkType.secondary,\n        text: this.maxAngle.toFixed(0),\n      },\n      {\n        angle: 180 + this.maxAngle,\n        type: TickmarkType.secondary,\n        text: (-this.maxAngle).toFixed(0),\n      },\n    ];\n\n    let helpAngle: null | number = null;\n    if (this.maxAngle > 70) {\n      helpAngle = 45;\n    } else if (this.maxAngle > 50) {\n      helpAngle = 30;\n    } else if (this.maxAngle > 40) {\n      helpAngle = 22.5;\n    }\n\n    if (helpAngle !== null) {\n      tickmarks.push({angle: 180 - helpAngle, type: TickmarkType.primary});\n      tickmarks.push({angle: 180 + helpAngle, type: TickmarkType.primary});\n    }\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .cutAngleStart=${180 - this.maxAngle}\n          .cutAngleEnd=${180 + this.maxAngle}\n          .angleSetpoint=${setpointAngle}\n          .atAngleSetpoint=${this.atSetpointCalc()}\n          .padding=${48}\n          .tickmarks=${tickmarks}\n          roundOutsideCut\n        ></obc-watch>\n        <svg class=\"rudder\" viewBox=\"-224 -224 448 448\">\n          <path\n            d=${roundedArch({\n              r: 160 - 48,\n              R: 160,\n              startAngle: 180 - this.maxAngle,\n              endAngle: 180 + this.maxAngle,\n              roundInsideCut: true,\n              roundOutsideCut: false,\n            })}\n            fill=\"var(--instrument-frame-secondary-color)\"\n            stroke=\"var(--instrument-frame-tertiary-color)\"\n            vector-effect=\"non-scaling-stroke\"\n            stroke-width=\"1\"\n          ></path>\n          ${bar}\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    * {\n      box-sizing: border-box;\n    }\n\n    .container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n\n    .container > * {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-rudder': ObcRudder;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"rudder.js","sources":["../../../src/navigation-instruments/rudder/rudder.ts"],"sourcesContent":["import {LitElement, css, html, svg} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport '../watch/watch';\nimport {roundedArch} from '../../svghelpers/roundedArch';\nimport {Tickmark, TickmarkType} from '../watch/tickmark';\n\n@customElement('obc-rudder')\nexport class ObcRudder extends LitElement {\n  @property({type: Number}) angle = 0;\n  @property({type: Number}) setpoint: number | undefined;\n  @property({type: Boolean}) atSetpoint: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n  @property({type: Boolean}) disableAutoAtSetpoint: boolean = false;\n  @property({type: Number}) autoAtSetpointDeadband: number = 2;\n  @property({type: Number}) maxAngle = 90;\n\n  atSetpointCalc(): boolean {\n    if (this.setpoint === undefined) {\n      return false;\n    }\n\n    if (this.touching) {\n      return false;\n    }\n\n    if (!this.disableAutoAtSetpoint) {\n      return Math.abs(this.angle - this.setpoint) < this.autoAtSetpointDeadband;\n    }\n    return this.atSetpoint;\n  }\n\n  override render() {\n    const barStartAngle = this.angle > 0 ? 180 - this.angle : 180;\n    const barEndAngle = this.angle > 0 ? 180 : 180 - this.angle;\n    const bar = svg`\n        <mask id=\"clipBar\">\n              <path d=${roundedArch({\n                r: 160 - 48,\n                R: 160,\n                startAngle: 180 - this.maxAngle,\n                endAngle: 180 + this.maxAngle,\n                roundInsideCut: true,\n                roundOutsideCut: false,\n              })}\n              fill=\"white\"\n              stroke=\"white\"\n              />\n            </mask>\n      <path d=${roundedArch({\n        r: 160 - 48,\n        R: 160,\n        startAngle: barStartAngle,\n        endAngle: barEndAngle,\n        roundInsideCut: false,\n        roundOutsideCut: false,\n      })} \n    fill=\"var(--instrument-enhanced-secondary-color)\"\n    stroke=\"var(--instrument-enhanced-secondary-color)\"\n    mask=\"url(#clipBar)\"\n    />`;\n    const setpointAngle =\n      this.setpoint !== undefined ? 180 - this.setpoint : undefined;\n\n    const tickmarks: Tickmark[] = [\n      {angle: 180, type: TickmarkType.primary, text: '0'},\n      {\n        angle: 180 - this.maxAngle,\n        type: TickmarkType.secondary,\n        text: this.maxAngle.toFixed(0),\n      },\n      {\n        angle: 180 + this.maxAngle,\n        type: TickmarkType.secondary,\n        text: (-this.maxAngle).toFixed(0),\n      },\n    ];\n\n    let helpAngle: null | number = null;\n    if (this.maxAngle > 70) {\n      helpAngle = 45;\n    } else if (this.maxAngle > 50) {\n      helpAngle = 30;\n    } else if (this.maxAngle > 40) {\n      helpAngle = 22.5;\n    }\n\n    if (helpAngle !== null) {\n      tickmarks.push({angle: 180 - helpAngle, type: TickmarkType.primary});\n      tickmarks.push({angle: 180 + helpAngle, type: TickmarkType.primary});\n    }\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .cutAngleStart=${180 - this.maxAngle}\n          .cutAngleEnd=${180 + this.maxAngle}\n          .angleSetpoint=${setpointAngle}\n          .atAngleSetpoint=${this.atSetpointCalc()}\n          .padding=${48}\n          .tickmarks=${tickmarks}\n          roundOutsideCut\n        ></obc-watch>\n        <svg class=\"rudder\" viewBox=\"-224 -224 448 448\">\n          <path\n            d=${roundedArch({\n              r: 160 - 48,\n              R: 160,\n              startAngle: 180 - this.maxAngle,\n              endAngle: 180 + this.maxAngle,\n              roundInsideCut: true,\n              roundOutsideCut: false,\n            })}\n            fill=\"var(--instrument-frame-secondary-color)\"\n            stroke=\"var(--instrument-frame-tertiary-color)\"\n            vector-effect=\"non-scaling-stroke\"\n            stroke-width=\"1\"\n          ></path>\n          ${bar}\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    * {\n      box-sizing: border-box;\n    }\n\n    .container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n\n    .container > * {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-rudder': ObcRudder;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAOa,IAAA,YAAN,cAAwB,WAAW;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AAEe,SAAA,aAAA;AACF,SAAA,WAAA;AACa,SAAA,wBAAA;AACD,SAAA,yBAAA;AACtB,SAAA,WAAA;AAAA,EAAA;AAAA,EAErC,iBAA0B;AACpB,QAAA,KAAK,aAAa,QAAW;AACxB,aAAA;AAAA,IAAA;AAGT,QAAI,KAAK,UAAU;AACV,aAAA;AAAA,IAAA;AAGL,QAAA,CAAC,KAAK,uBAAuB;AAC/B,aAAO,KAAK,IAAI,KAAK,QAAQ,KAAK,QAAQ,IAAI,KAAK;AAAA,IAAA;AAErD,WAAO,KAAK;AAAA,EAAA;AAAA,EAGL,SAAS;AAChB,UAAM,gBAAgB,KAAK,QAAQ,IAAI,MAAM,KAAK,QAAQ;AAC1D,UAAM,cAAc,KAAK,QAAQ,IAAI,MAAM,MAAM,KAAK;AACtD,UAAM,MAAM;AAAA;AAAA,wBAEQ,YAAY;AAAA,MACpB,GAAG,MAAM;AAAA,MACT,GAAG;AAAA,MACH,YAAY,MAAM,KAAK;AAAA,MACvB,UAAU,MAAM,KAAK;AAAA,MACrB,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,IAAA,CAClB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKA,YAAY;AAAA,MACpB,GAAG,MAAM;AAAA,MACT,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,IAAA,CAClB,CAAC;AAAA;AAAA;AAAA;AAAA;AAKJ,UAAM,gBACJ,KAAK,aAAa,SAAY,MAAM,KAAK,WAAW;AAEtD,UAAM,YAAwB;AAAA,MAC5B,EAAC,OAAO,KAAK,MAAM,aAAa,SAAS,MAAM,IAAG;AAAA,MAClD;AAAA,QACE,OAAO,MAAM,KAAK;AAAA,QAClB,MAAM,aAAa;AAAA,QACnB,MAAM,KAAK,SAAS,QAAQ,CAAC;AAAA,MAC/B;AAAA,MACA;AAAA,QACE,OAAO,MAAM,KAAK;AAAA,QAClB,MAAM,aAAa;AAAA,QACnB,OAAO,CAAC,KAAK,UAAU,QAAQ,CAAC;AAAA,MAAA;AAAA,IAEpC;AAEA,QAAI,YAA2B;AAC3B,QAAA,KAAK,WAAW,IAAI;AACV,kBAAA;AAAA,IAAA,WACH,KAAK,WAAW,IAAI;AACjB,kBAAA;AAAA,IAAA,WACH,KAAK,WAAW,IAAI;AACjB,kBAAA;AAAA,IAAA;AAGd,QAAI,cAAc,MAAM;AACZ,gBAAA,KAAK,EAAC,OAAO,MAAM,WAAW,MAAM,aAAa,SAAQ;AACzD,gBAAA,KAAK,EAAC,OAAO,MAAM,WAAW,MAAM,aAAa,SAAQ;AAAA,IAAA;AAG9D,WAAA;AAAA;AAAA;AAAA,2BAGgB,MAAM,KAAK,QAAQ;AAAA,yBACrB,MAAM,KAAK,QAAQ;AAAA,2BACjB,aAAa;AAAA,6BACX,KAAK,eAAgB,CAAA;AAAA,qBAC7B,EAAE;AAAA,uBACA,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKhB,YAAY;AAAA,MACd,GAAG,MAAM;AAAA,MACT,GAAG;AAAA,MACH,YAAY,MAAM,KAAK;AAAA,MACvB,UAAU,MAAM,KAAK;AAAA,MACrB,gBAAgB;AAAA,MAChB,iBAAiB;AAAA,IAAA,CAClB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMF,GAAG;AAAA;AAAA;AAAA;AAAA,EAAA;AAyBf;AAvIa,UAoHK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAnHC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,UACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,UAEe,WAAA,YAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,UAGgB,WAAA,cAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,UAIgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GALd,UAKgB,WAAA,yBAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,UAMe,WAAA,0BAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAPb,UAOe,WAAA,YAAA,CAAA;AAPf,YAAN,gBAAA;AAAA,EADN,cAAc,YAAY;AAAA,GACd,SAAA;"}

package/dist/navigation-instruments/thruster/advice.d.ts

@@ -1,5 +1,6 @@
 import { SVGTemplateResult } from 'lit';
 import { AdviceState, AdviceType } from '../watch/advice';
+
 export interface LinearAdviceRaw {
     min: number;
     max: number;