@oicl/openbridge-webcomponents 0.0.15-dev-20240916083108 → 0.0.15-dev-20240923184809

package/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"azimuth-thruster.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/azimuth-thruster/azimuth-thruster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,EAAc,WAAW,EAAiB,MAAM,iBAAiB,CAAC;AAEzE,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAWpD,qBACa,kBAAmB,SAAQ,UAAU;IACtB,KAAK,SAAK;IACV,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5D,eAAe,EAAE,OAAO,CAAS;IACN,QAAQ,EAAE,OAAO,CAAS;IAC1B,0BAA0B,EAAE,OAAO,CAAS;IAC7C,2BAA2B,EAAE,MAAM,CAAK;IAExC,MAAM,SAAK;IACX,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7D,gBAAgB,EAAE,OAAO,CAAS;IACR,4BAA4B,EAAE,MAAM,CAAO;IAC1C,2BAA2B,EAAE,OAAO,CAAS;IAC9C,4BAA4B,EAAE,MAAM,CAAK;IACzC,KAAK,EAAE,eAAe,CAA6B;IACnD,OAAO,EAAE,MAAM,CAAK;IACnB,SAAS,EAAE,OAAO,CAAS;IACX,YAAY,EAAE,WAAW,EAAE,CAAM;IACjC,aAAa,EAAE,YAAY,EAAE,CAAM;IACnD,eAAe,EAAE,OAAO,CAAS;IAClC,YAAY,EAAE,aAAa,CAAsB;IACjD,eAAe,EAAE,aAAa,CAAsB;IAE9E,IAAI,mBAAmB,YAgBtB;IAED,OAAO,KAAK,cAAc,GAoBzB;IAEQ,MAAM;IAsDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
+{"version":3,"file":"azimuth-thruster.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/azimuth-thruster/azimuth-thruster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAiB,MAAM,KAAK,CAAC;AAE/C,OAAO,EAAC,eAAe,EAAC,MAAM,UAAU,CAAC;AAEzC,OAAO,gBAAgB,CAAC;AAGxB,OAAO,EAAc,WAAW,EAAiB,MAAM,iBAAiB,CAAC;AAEzE,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC;AAWpD,qBACa,kBAAmB,SAAQ,UAAU;IACtB,KAAK,SAAK;IACV,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5D,eAAe,EAAE,OAAO,CAAS;IACN,QAAQ,EAAE,OAAO,CAAS;IAC1B,0BAA0B,EAAE,OAAO,CAAS;IAC7C,2BAA2B,EAAE,MAAM,CAAK;IAExC,MAAM,SAAK;IACX,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE7D,gBAAgB,EAAE,OAAO,CAAS;IACR,4BAA4B,EAAE,MAAM,CAAO;IAC1C,2BAA2B,EAAE,OAAO,CAAS;IAC9C,4BAA4B,EAAE,MAAM,CAAK;IACzC,KAAK,EAAE,eAAe,CAA6B;IACnD,OAAO,EAAE,MAAM,CAAK;IACnB,SAAS,EAAE,OAAO,CAAS;IACX,YAAY,EAAE,WAAW,EAAE,CAAM;IACjC,aAAa,EAAE,YAAY,EAAE,CAAM;IACnD,eAAe,EAAE,OAAO,CAAS;IAClC,YAAY,EAAE,aAAa,CAAsB;IACjD,eAAe,EAAE,aAAa,CAAsB;IAE9E,IAAI,mBAAmB,YAgBtB;IAED,OAAO,KAAK,cAAc,GAoBzB;IAEQ,MAAM;IAuDf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.js

@@ -118,7 +118,8 @@ let ObcAzimuthThruster = class extends LitElement {
       touching: this.touching,
       advices: this.thrustAdvices,
       topPropeller: this.topPropeller,
-      bottomPropeller: this.bottomPropeller
+      bottomPropeller: this.bottomPropeller,
+      narrow: true
     })}
         </svg>
         </g>

package/dist/navigation-instruments/azimuth-thruster/azimuth-thruster.js.map

@@ -1 +1 @@
-{"version":3,"file":"azimuth-thruster.js","sources":["../../../src/navigation-instruments/azimuth-thruster/azimuth-thruster.ts"],"sourcesContent":["import {LitElement, svg, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {InstrumentState} from '../types';\nimport {thruster} from '../thruster/thruster';\nimport '../watch/watch';\nimport componentStyle from './azimuth-thruster.css?inline';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {AdviceState, AngleAdvice, AngleAdviceRaw} from '../watch/advice';\nimport {Tickmark, TickmarkType} from '../watch/tickmark';\nimport {LinearAdvice} from '../thruster/advice';\nimport {PropellerType} from '../thruster/propeller';\n\nfunction mapAngle0to360(angle: number): number {\n  const a = angle % 360;\n  if (a >= 0) {\n    return a;\n  } else {\n    return a + 360;\n  }\n}\n\n@customElement('obc-azimuth-thruster')\nexport class ObcAzimuthThruster extends LitElement {\n  @property({type: Number}) angle = 0;\n  @property({type: Number}) angleSetpoint: number | undefined;\n  @property({type: Boolean})\n  atAngleSetpoint: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n  @property({type: Boolean}) disableAutoAtAngleSetpoint: boolean = false;\n  @property({type: Number}) autoAtAngleSetpointDeadband: number = 2;\n\n  @property({type: Number}) thrust = 0;\n  @property({type: Number}) thrustSetpoint: number | undefined;\n  @property({type: Boolean})\n  atThrustSetpoint: boolean = false;\n  @property({type: Number}) thrustSetpointAtZeroDeadband: number = 0.1;\n  @property({type: Boolean}) disableAutoAtThrustSetpoint: boolean = false;\n  @property({type: Number}) autoAtThrustSetpointDeadband: number = 1;\n  @property({type: String}) state: InstrumentState = InstrumentState.inCommand;\n  @property({type: Number}) loading: number = 0;\n  @property({type: Boolean}) noPadding: boolean = false;\n  @property({type: Array, attribute: false}) angleAdvices: AngleAdvice[] = [];\n  @property({type: Array, attribute: false}) thrustAdvices: LinearAdvice[] = [];\n  @property({type: Boolean}) singleDirection: boolean = false;\n  @property({type: String}) topPropeller: PropellerType = PropellerType.none;\n  @property({type: String}) bottomPropeller: PropellerType = PropellerType.none;\n\n  get atAngleSetpointCalc() {\n    if (this.angleSetpoint === undefined) {\n      return false;\n    }\n\n    if (this.touching) {\n      return false;\n    }\n\n    if (!this.disableAutoAtAngleSetpoint) {\n      return (\n        Math.abs(this.angle - this.angleSetpoint) <\n        this.autoAtAngleSetpointDeadband\n      );\n    }\n    return this.atAngleSetpoint;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.angleAdvices.map((advice) => {\n      const triggered =\n        mapAngle0to360(this.angle) >= mapAngle0to360(advice.minAngle) &&\n        mapAngle0to360(this.angle) <= mapAngle0to360(advice.maxAngle);\n      let state: AdviceState;\n      if (triggered) {\n        state = AdviceState.triggered;\n      } else if (advice.hinted) {\n        state = AdviceState.hinted;\n      } else {\n        state = AdviceState.regular;\n      }\n      return {\n        minAngle: advice.minAngle,\n        maxAngle: advice.maxAngle,\n        type: advice.type,\n        state,\n      };\n    });\n  }\n\n  override render() {\n    const rotateAngle = this.angle;\n\n    const watchfaceTicksOn =\n      this.state === InstrumentState.active ||\n      this.state === InstrumentState.inCommand;\n\n    let tickmarks: Tickmark[] = [];\n    if (watchfaceTicksOn) {\n      tickmarks = [\n        {angle: 0, type: TickmarkType.main},\n        {angle: 90, type: TickmarkType.primary},\n        {angle: 180, type: TickmarkType.primary},\n        {angle: 270, type: TickmarkType.primary},\n      ];\n    }\n\n    const viewBox = this.noPadding ? '-192 -192 384 384' : '-200 -200 400 400';\n\n    return svg`\n      <div class=\"container\">\n      <obc-watch \n        .tickmarks=${tickmarks}\n        .state=${this.state} \n        .angleSetpoint=${this.angleSetpoint}\n        .atAngleSetpoint=${this.atAngleSetpointCalc}\n        .padding=${ifDefined(this.noPadding ? 16 : undefined)}\n        .advices=${this.angleAdviceRaw}\n      ></obc-watch>\n      <svg viewBox=${viewBox} xmlns=\"http://www.w3.org/2000/svg\">\n      <g transform=\"rotate(${rotateAngle})\">\n      <svg  width=\"320\" height=\"320\" y =\"-160\" x=\"-160\" viewBox=\"-160 -160 320 320\">\n        ${thruster(this.thrust, this.thrustSetpoint, this.state, {\n          atSetpoint: this.atThrustSetpoint,\n          singleSided: true,\n          singleDirection: false,\n          singleDirectionHalfSize: this.singleDirection,\n          tunnel: false,\n          autoAtSetpoint: !this.disableAutoAtThrustSetpoint,\n          autoSetpointDeadband: this.autoAtThrustSetpointDeadband,\n          setpointAtZeroDeadband: this.thrustSetpointAtZeroDeadband,\n          touching: this.touching,\n          advices: this.thrustAdvices,\n          topPropeller: this.topPropeller,\n          bottomPropeller: this.bottomPropeller,\n        })}\n        </svg>\n        </g>\n        </svg>\n      </div>\n      </div>\n      `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-azimuth-thruster': ObcAzimuthThruster;\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"azimuth-thruster.js","sources":["../../../src/navigation-instruments/azimuth-thruster/azimuth-thruster.ts"],"sourcesContent":["import {LitElement, svg, unsafeCSS} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {InstrumentState} from '../types';\nimport {thruster} from '../thruster/thruster';\nimport '../watch/watch';\nimport componentStyle from './azimuth-thruster.css?inline';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {AdviceState, AngleAdvice, AngleAdviceRaw} from '../watch/advice';\nimport {Tickmark, TickmarkType} from '../watch/tickmark';\nimport {LinearAdvice} from '../thruster/advice';\nimport {PropellerType} from '../thruster/propeller';\n\nfunction mapAngle0to360(angle: number): number {\n  const a = angle % 360;\n  if (a >= 0) {\n    return a;\n  } else {\n    return a + 360;\n  }\n}\n\n@customElement('obc-azimuth-thruster')\nexport class ObcAzimuthThruster extends LitElement {\n  @property({type: Number}) angle = 0;\n  @property({type: Number}) angleSetpoint: number | undefined;\n  @property({type: Boolean})\n  atAngleSetpoint: boolean = false;\n  @property({type: Boolean}) touching: boolean = false;\n  @property({type: Boolean}) disableAutoAtAngleSetpoint: boolean = false;\n  @property({type: Number}) autoAtAngleSetpointDeadband: number = 2;\n\n  @property({type: Number}) thrust = 0;\n  @property({type: Number}) thrustSetpoint: number | undefined;\n  @property({type: Boolean})\n  atThrustSetpoint: boolean = false;\n  @property({type: Number}) thrustSetpointAtZeroDeadband: number = 0.1;\n  @property({type: Boolean}) disableAutoAtThrustSetpoint: boolean = false;\n  @property({type: Number}) autoAtThrustSetpointDeadband: number = 1;\n  @property({type: String}) state: InstrumentState = InstrumentState.inCommand;\n  @property({type: Number}) loading: number = 0;\n  @property({type: Boolean}) noPadding: boolean = false;\n  @property({type: Array, attribute: false}) angleAdvices: AngleAdvice[] = [];\n  @property({type: Array, attribute: false}) thrustAdvices: LinearAdvice[] = [];\n  @property({type: Boolean}) singleDirection: boolean = false;\n  @property({type: String}) topPropeller: PropellerType = PropellerType.none;\n  @property({type: String}) bottomPropeller: PropellerType = PropellerType.none;\n\n  get atAngleSetpointCalc() {\n    if (this.angleSetpoint === undefined) {\n      return false;\n    }\n\n    if (this.touching) {\n      return false;\n    }\n\n    if (!this.disableAutoAtAngleSetpoint) {\n      return (\n        Math.abs(this.angle - this.angleSetpoint) <\n        this.autoAtAngleSetpointDeadband\n      );\n    }\n    return this.atAngleSetpoint;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.angleAdvices.map((advice) => {\n      const triggered =\n        mapAngle0to360(this.angle) >= mapAngle0to360(advice.minAngle) &&\n        mapAngle0to360(this.angle) <= mapAngle0to360(advice.maxAngle);\n      let state: AdviceState;\n      if (triggered) {\n        state = AdviceState.triggered;\n      } else if (advice.hinted) {\n        state = AdviceState.hinted;\n      } else {\n        state = AdviceState.regular;\n      }\n      return {\n        minAngle: advice.minAngle,\n        maxAngle: advice.maxAngle,\n        type: advice.type,\n        state,\n      };\n    });\n  }\n\n  override render() {\n    const rotateAngle = this.angle;\n\n    const watchfaceTicksOn =\n      this.state === InstrumentState.active ||\n      this.state === InstrumentState.inCommand;\n\n    let tickmarks: Tickmark[] = [];\n    if (watchfaceTicksOn) {\n      tickmarks = [\n        {angle: 0, type: TickmarkType.main},\n        {angle: 90, type: TickmarkType.primary},\n        {angle: 180, type: TickmarkType.primary},\n        {angle: 270, type: TickmarkType.primary},\n      ];\n    }\n\n    const viewBox = this.noPadding ? '-192 -192 384 384' : '-200 -200 400 400';\n\n    return svg`\n      <div class=\"container\">\n      <obc-watch \n        .tickmarks=${tickmarks}\n        .state=${this.state} \n        .angleSetpoint=${this.angleSetpoint}\n        .atAngleSetpoint=${this.atAngleSetpointCalc}\n        .padding=${ifDefined(this.noPadding ? 16 : undefined)}\n        .advices=${this.angleAdviceRaw}\n      ></obc-watch>\n      <svg viewBox=${viewBox} xmlns=\"http://www.w3.org/2000/svg\">\n      <g transform=\"rotate(${rotateAngle})\">\n      <svg  width=\"320\" height=\"320\" y =\"-160\" x=\"-160\" viewBox=\"-160 -160 320 320\">\n        ${thruster(this.thrust, this.thrustSetpoint, this.state, {\n          atSetpoint: this.atThrustSetpoint,\n          singleSided: true,\n          singleDirection: false,\n          singleDirectionHalfSize: this.singleDirection,\n          tunnel: false,\n          autoAtSetpoint: !this.disableAutoAtThrustSetpoint,\n          autoSetpointDeadband: this.autoAtThrustSetpointDeadband,\n          setpointAtZeroDeadband: this.thrustSetpointAtZeroDeadband,\n          touching: this.touching,\n          advices: this.thrustAdvices,\n          topPropeller: this.topPropeller,\n          bottomPropeller: this.bottomPropeller,\n          narrow: true,\n        })}\n        </svg>\n        </g>\n        </svg>\n      </div>\n      </div>\n      `;\n  }\n\n  static override styles = unsafeCSS(componentStyle);\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-azimuth-thruster': ObcAzimuthThruster;\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAYA,SAAS,eAAe,OAAuB;AAC7C,QAAM,IAAI,QAAQ;AAClB,MAAI,KAAK,GAAG;AACH,WAAA;AAAA,EAAA,OACF;AACL,WAAO,IAAI;AAAA,EACb;AACF;AAGa,IAAA,qBAAN,cAAiC,WAAW;AAAA,EAA5C,cAAA;AAAA,UAAA,GAAA,SAAA;AAC6B,SAAA,QAAA;AAGP,SAAA,kBAAA;AACoB,SAAA,WAAA;AACkB,SAAA,6BAAA;AACD,SAAA,8BAAA;AAE7B,SAAA,SAAA;AAGP,SAAA,mBAAA;AACqC,SAAA,+BAAA;AACC,SAAA,8BAAA;AACD,SAAA,+BAAA;AACvC,SAAA,QAAyB,gBAAgB;AACvB,SAAA,UAAA;AACI,SAAA,YAAA;AACL,SAAA,eAA8B;AAC9B,SAAA,gBAAgC;AACrB,SAAA,kBAAA;AAC5B,SAAA,eAA8B,cAAc;AAC5C,SAAA,kBAAiC,cAAc;AAAA,EAAA;AAAA,EAEzE,IAAI,sBAAsB;AACpB,QAAA,KAAK,kBAAkB,QAAW;AAC7B,aAAA;AAAA,IACT;AAEA,QAAI,KAAK,UAAU;AACV,aAAA;AAAA,IACT;AAEI,QAAA,CAAC,KAAK,4BAA4B;AACpC,aACE,KAAK,IAAI,KAAK,QAAQ,KAAK,aAAa,IACxC,KAAK;AAAA,IAET;AACA,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAY,iBAAmC;AAC7C,WAAO,KAAK,aAAa,IAAI,CAAC,WAAW;AACvC,YAAM,YACJ,eAAe,KAAK,KAAK,KAAK,eAAe,OAAO,QAAQ,KAC5D,eAAe,KAAK,KAAK,KAAK,eAAe,OAAO,QAAQ;AAC1D,UAAA;AACJ,UAAI,WAAW;AACb,gBAAQ,YAAY;AAAA,MAAA,WACX,OAAO,QAAQ;AACxB,gBAAQ,YAAY;AAAA,MAAA,OACf;AACL,gBAAQ,YAAY;AAAA,MACtB;AACO,aAAA;AAAA,QACL,UAAU,OAAO;AAAA,QACjB,UAAU,OAAO;AAAA,QACjB,MAAM,OAAO;AAAA,QACb;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EACH;AAAA,EAES,SAAS;AAChB,UAAM,cAAc,KAAK;AAEzB,UAAM,mBACJ,KAAK,UAAU,gBAAgB,UAC/B,KAAK,UAAU,gBAAgB;AAEjC,QAAI,YAAwB,CAAA;AAC5B,QAAI,kBAAkB;AACR,kBAAA;AAAA,QACV,EAAC,OAAO,GAAG,MAAM,aAAa,KAAI;AAAA,QAClC,EAAC,OAAO,IAAI,MAAM,aAAa,QAAO;AAAA,QACtC,EAAC,OAAO,KAAK,MAAM,aAAa,QAAO;AAAA,QACvC,EAAC,OAAO,KAAK,MAAM,aAAa,QAAO;AAAA,MAAA;AAAA,IAE3C;AAEM,UAAA,UAAU,KAAK,YAAY,sBAAsB;AAEhD,WAAA;AAAA;AAAA;AAAA,qBAGU,SAAS;AAAA,iBACb,KAAK,KAAK;AAAA,yBACF,KAAK,aAAa;AAAA,2BAChB,KAAK,mBAAmB;AAAA,mBAChC,UAAU,KAAK,YAAY,KAAK,MAAS,CAAC;AAAA,mBAC1C,KAAK,cAAc;AAAA;AAAA,qBAEjB,OAAO;AAAA,6BACC,WAAW;AAAA;AAAA,UAE9B,SAAS,KAAK,QAAQ,KAAK,gBAAgB,KAAK,OAAO;AAAA,MACvD,YAAY,KAAK;AAAA,MACjB,aAAa;AAAA,MACb,iBAAiB;AAAA,MACjB,yBAAyB,KAAK;AAAA,MAC9B,QAAQ;AAAA,MACR,gBAAgB,CAAC,KAAK;AAAA,MACtB,sBAAsB,KAAK;AAAA,MAC3B,wBAAwB,KAAK;AAAA,MAC7B,UAAU,KAAK;AAAA,MACf,SAAS,KAAK;AAAA,MACd,cAAc,KAAK;AAAA,MACnB,iBAAiB,KAAK;AAAA,MACtB,QAAQ;AAAA,IAAA,CACT,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOR;AAGF;AAzHa,mBAwHK,SAAS,UAAU,cAAc;AAvHvB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,mBACe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,mBAEe,WAAA,iBAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAQ;AAAA,GAHd,mBAIX,WAAA,mBAAA,CAAA;AAC2B,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GALd,mBAKgB,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GANd,mBAMgB,WAAA,8BAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAPb,mBAOe,WAAA,+BAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GATb,mBASe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAVb,mBAUe,WAAA,kBAAA,CAAA;AAE1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,SAAQ;AAAA,GAXd,mBAYX,WAAA,oBAAA,CAAA;AAC0B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAbb,mBAae,WAAA,gCAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAdd,mBAcgB,WAAA,+BAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAfb,mBAee,WAAA,gCAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAhBb,mBAgBe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAjBb,mBAiBe,WAAA,WAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAlBd,mBAkBgB,WAAA,aAAA,CAAA;AACgB,gBAAA;AAAA,EAA1C,SAAS,EAAC,MAAM,OAAO,WAAW,OAAM;AAAA,GAnB9B,mBAmBgC,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAA1C,SAAS,EAAC,MAAM,OAAO,WAAW,OAAM;AAAA,GApB9B,mBAoBgC,WAAA,iBAAA,CAAA;AAChB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GArBd,mBAqBgB,WAAA,mBAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAtBb,mBAsBe,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAvBb,mBAuBe,WAAA,mBAAA,CAAA;AAvBf,qBAAN,gBAAA;AAAA,EADN,cAAc,sBAAsB;AAAA,GACxB,kBAAA;"}

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

@@ -0,0 +1,7 @@
+import { SVGTemplateResult } from 'lit';
+export declare enum ArrowStyle {
+    HDG = "HDG",
+    COG = "COG"
+}
+export declare function arrow(style: ArrowStyle, angle: number): SVGTemplateResult | SVGTemplateResult[];
+//# sourceMappingURL=arrow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass/arrow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAM,MAAM,KAAK,CAAC;AAE3C,oBAAY,UAAU;IACpB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,wBAAgB,KAAK,CACnB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,MAAM,GACZ,iBAAiB,GAAG,iBAAiB,EAAE,CAkDzC"}

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

@@ -0,0 +1,59 @@
+import { svg } from "lit";
+var ArrowStyle = /* @__PURE__ */ ((ArrowStyle2) => {
+  ArrowStyle2["HDG"] = "HDG";
+  ArrowStyle2["COG"] = "COG";
+  return ArrowStyle2;
+})(ArrowStyle || {});
+function arrow(style, angle) {
+  const colorName = "var(--instrument-enhanced-secondary-color)";
+  if (style === "HDG") {
+    return svg`
+      <g transform="translate(-32, -${256}) rotate(${angle}, 32, 256)">
+        <rect x="28" y="118" width="8" height="139" rx="4" fill="${colorName}" />
+        <rect x="30.0039" y="256" width="4" height="156" rx="2" fill="${colorName}" />
+        <circle cx="32" cy="256" r="8" fill="${colorName}" />
+        <mask
+          id="mask0_262_65165"
+          style="mask-type:luminance"
+          maskUnits="userSpaceOnUse"
+          x="8"
+          y="94"
+          width="48"
+          height="50"
+        >
+          <path
+            d="M13.2833 140.564L32 96L50.7167 140.564C51.4569 142.326 49.54 144.023 47.8805 143.075L32 136L16.1195 143.075C14.46 144.023 12.5432 142.326 13.2833 140.564Z"
+            fill="white"
+            stroke="black"
+          />
+        </mask>
+        <g mask="url(#mask0_262_65165)">
+          <path
+            d="M13.2833 140.564L32 96L50.7167 140.564C51.4569 142.326 49.54 144.023 47.8805 143.075L32 136L16.1195 143.075C14.46 144.023 12.5432 142.326 13.2833 140.564Z"
+            fill="${colorName}"
+          />
+        </g>
+      </g>
+    `;
+  } else if (style === "COG") {
+    return svg`
+      <g transform="translate(-32, -${256}) rotate(${angle}, 32, 256)">
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M13.2833 140.564C12.5431 142.326 14.46 144.023 16.1195 143.075L32 136L47.8805 143.075C49.54 144.023 51.4568 142.326 50.7167 140.564L32 96L13.2833 140.564ZM32 106.33L19.2545 136.676L32 131.393L44.7455 136.676L32 106.33ZM49.865 139.602L49.8625 139.6L49.865 139.602Z"
+          fill="${colorName}"
+        />
+        <rect x="30" y="133" width="4" height="124" rx="2" fill="${colorName}" />
+        <circle cx="32" cy="256" r="4" fill="${colorName}" />
+      </g>
+    `;
+  } else {
+    return [];
+  }
+}
+export {
+  ArrowStyle,
+  arrow
+};
+//# sourceMappingURL=arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.js","sources":["../../../src/navigation-instruments/compass/arrow.ts"],"sourcesContent":["import {SVGTemplateResult, svg} from 'lit';\n\nexport enum ArrowStyle {\n  HDG = 'HDG',\n  COG = 'COG',\n}\n\nexport function arrow(\n  style: ArrowStyle,\n  angle: number\n): SVGTemplateResult | SVGTemplateResult[] {\n  const colorName = 'var(--instrument-enhanced-secondary-color)';\n\n  if (style === ArrowStyle.HDG) {\n    return svg`\n      <g transform=\"translate(-32, -${256}) rotate(${angle}, 32, 256)\">\n        <rect x=\"28\" y=\"118\" width=\"8\" height=\"139\" rx=\"4\" fill=\"${colorName}\" />\n        <rect x=\"30.0039\" y=\"256\" width=\"4\" height=\"156\" rx=\"2\" fill=\"${colorName}\" />\n        <circle cx=\"32\" cy=\"256\" r=\"8\" fill=\"${colorName}\" />\n        <mask\n          id=\"mask0_262_65165\"\n          style=\"mask-type:luminance\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"8\"\n          y=\"94\"\n          width=\"48\"\n          height=\"50\"\n        >\n          <path\n            d=\"M13.2833 140.564L32 96L50.7167 140.564C51.4569 142.326 49.54 144.023 47.8805 143.075L32 136L16.1195 143.075C14.46 144.023 12.5432 142.326 13.2833 140.564Z\"\n            fill=\"white\"\n            stroke=\"black\"\n          />\n        </mask>\n        <g mask=\"url(#mask0_262_65165)\">\n          <path\n            d=\"M13.2833 140.564L32 96L50.7167 140.564C51.4569 142.326 49.54 144.023 47.8805 143.075L32 136L16.1195 143.075C14.46 144.023 12.5432 142.326 13.2833 140.564Z\"\n            fill=\"${colorName}\"\n          />\n        </g>\n      </g>\n    `;\n  } else if (style === ArrowStyle.COG) {\n    return svg`\n      <g transform=\"translate(-32, -${256}) rotate(${angle}, 32, 256)\">\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M13.2833 140.564C12.5431 142.326 14.46 144.023 16.1195 143.075L32 136L47.8805 143.075C49.54 144.023 51.4568 142.326 50.7167 140.564L32 96L13.2833 140.564ZM32 106.33L19.2545 136.676L32 131.393L44.7455 136.676L32 106.33ZM49.865 139.602L49.8625 139.6L49.865 139.602Z\"\n          fill=\"${colorName}\"\n        />\n        <rect x=\"30\" y=\"133\" width=\"4\" height=\"124\" rx=\"2\" fill=\"${colorName}\" />\n        <circle cx=\"32\" cy=\"256\" r=\"4\" fill=\"${colorName}\" />\n      </g>\n    `;\n  } else {\n    return [];\n  }\n\n  // return [...shaft, circle, arrowTip];\n}\n"],"names":["ArrowStyle"],"mappings":";AAEY,IAAA,+BAAAA,gBAAL;AACLA,cAAA,KAAM,IAAA;AACNA,cAAA,KAAM,IAAA;AAFIA,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAKI,SAAA,MACd,OACA,OACyC;AACzC,QAAM,YAAY;AAElB,MAAI,UAAU,OAAgB;AACrB,WAAA;AAAA,sCAC2B,GAAG,YAAY,KAAK;AAAA,mEACS,SAAS;AAAA,wEACJ,SAAS;AAAA,+CAClC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAmBpC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,WAKhB,UAAU,OAAgB;AAC5B,WAAA;AAAA,sCAC2B,GAAG,YAAY,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKxC,SAAS;AAAA;AAAA,mEAEwC,SAAS;AAAA,+CAC7B,SAAS;AAAA;AAAA;AAAA,EAAA,OAG/C;AACL,WAAO;EACT;AAGF;"}

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

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import '../watch/watch';
+import { AngleAdvice } from '../watch/advice';
+export declare class ObcCompass extends LitElement {
+    heading: number;
+    courseOverGround: number;
+    padding: number;
+    headingAdvices: AngleAdvice[];
+    containerWidth: number;
+    private resizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private adjustPadding;
+    private get angleAdviceRaw();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-compass': ObcCompass;
+    }
+}
+//# sourceMappingURL=compass.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compass.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass/compass.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,gBAAgB,CAAC;AAGxB,OAAO,EAGL,WAAW,EAEZ,MAAM,iBAAiB,CAAC;AAGzB,qBACa,UAAW,SAAQ,UAAU;IACd,OAAO,SAAK;IACZ,gBAAgB,SAAK;IACrB,OAAO,SAAM;IACI,cAAc,EAAE,WAAW,EAAE,CAAM;IACpD,cAAc,SAAK;IAE7C,OAAO,CAAC,cAAc,CAKnB;IAEM,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,aAAa;IAarB,OAAO,KAAK,cAAc,GAUzB;IAEQ,MAAM;IAqCf,OAAgB,MAAM,0BAwBpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

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

@@ -0,0 +1,139 @@
+import { css, LitElement, html } from "lit";
+import { property, customElement } from "lit/decorators.js";
+import "../watch/watch.js";
+import { TickmarkType } from "../watch/tickmark.js";
+import { arrow, ArrowStyle } from "./arrow.js";
+import { AdviceState, AdviceType } from "../watch/advice.js";
+import { radialTickmarks } from "./radial-tickmark.js";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+let ObcCompass = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.heading = 0;
+    this.courseOverGround = 0;
+    this.padding = 48;
+    this.headingAdvices = [];
+    this.containerWidth = 0;
+    this.resizeObserver = new ResizeObserver((entries) => {
+      for (const entry of entries) {
+        this.containerWidth = entry.contentRect.width;
+        this.adjustPadding();
+      }
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.resizeObserver.observe(this);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.resizeObserver.unobserve(this);
+  }
+  adjustPadding() {
+    const deltaWidth = 512 - this.containerWidth;
+    const steps = deltaWidth / 128;
+    let deltaPadding = 0;
+    if (deltaWidth > 0) {
+      deltaPadding = steps * 48;
+    } else {
+      deltaPadding = steps * 6;
+    }
+    this.padding = 72 + deltaPadding;
+  }
+  get angleAdviceRaw() {
+    return this.headingAdvices.map(({ minAngle, maxAngle, hinted, type }) => {
+      const state = this.heading >= minAngle && this.heading <= maxAngle ? AdviceState.triggered : hinted ? AdviceState.hinted : AdviceState.regular;
+      return { minAngle, maxAngle, type, state };
+    });
+  }
+  render() {
+    const tickmarks = [
+      { angle: 0, type: TickmarkType.main },
+      { angle: 90, type: TickmarkType.main },
+      { angle: 180, type: TickmarkType.main },
+      { angle: 270, type: TickmarkType.main }
+    ];
+    const rt = this.headingAdvices.map(
+      ({ minAngle, maxAngle, type }) => radialTickmarks(
+        minAngle,
+        maxAngle,
+        type === AdviceType.caution ? TickmarkType.secondary : void 0
+      )
+    );
+    const width = (176 + this.padding) * 2;
+    const viewBox = `-${width / 2} -${width / 2} ${width} ${width}`;
+    return html`
+      <div class="container">
+        <obc-watch
+          .padding=${this.padding}
+          .advices=${this.angleAdviceRaw}
+          .tickmarks=${tickmarks}
+          .labelFrameEnabled=${true}
+          .crosshairEnabled=${true}
+        >
+        </obc-watch>
+        <svg viewBox="${viewBox}">
+          ${rt} ${arrow(ArrowStyle.HDG, this.heading)}
+          ${arrow(ArrowStyle.COG, this.courseOverGround)}
+        </svg>
+      </div>
+    `;
+  }
+};
+ObcCompass.styles = css`
+    * {
+      box-sizing: border-box;
+    }
+
+    .container {
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+
+    .container > * {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+  `;
+__decorateClass([
+  property({ type: Number })
+], ObcCompass.prototype, "heading", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompass.prototype, "courseOverGround", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompass.prototype, "padding", 2);
+__decorateClass([
+  property({ type: Array, attribute: false })
+], ObcCompass.prototype, "headingAdvices", 2);
+__decorateClass([
+  property({ type: Number })
+], ObcCompass.prototype, "containerWidth", 2);
+ObcCompass = __decorateClass([
+  customElement("obc-compass")
+], ObcCompass);
+export {
+  ObcCompass
+};
+//# sourceMappingURL=compass.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compass.js","sources":["../../../src/navigation-instruments/compass/compass.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport '../watch/watch';\nimport {Tickmark, TickmarkType} from '../watch/tickmark';\nimport {arrow, ArrowStyle} from './arrow';\nimport {\n  AdviceState,\n  AdviceType,\n  AngleAdvice,\n  AngleAdviceRaw,\n} from '../watch/advice';\nimport {radialTickmarks} from './radial-tickmark';\n\n@customElement('obc-compass')\nexport class ObcCompass extends LitElement {\n  @property({type: Number}) heading = 0;\n  @property({type: Number}) courseOverGround = 0;\n  @property({type: Number}) padding = 48;\n  @property({type: Array, attribute: false}) headingAdvices: AngleAdvice[] = [];\n  @property({type: Number}) containerWidth = 0;\n\n  private resizeObserver: ResizeObserver = new ResizeObserver((entries) => {\n    for (const entry of entries) {\n      this.containerWidth = entry.contentRect.width;\n      this.adjustPadding();\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  private adjustPadding() {\n    const deltaWidth = 512 - this.containerWidth;\n    const steps = deltaWidth / 128;\n    let deltaPadding = 0;\n    if (deltaWidth > 0) {\n      deltaPadding = steps * 48;\n    } else {\n      deltaPadding = steps * 6;\n    }\n\n    this.padding = 72 + deltaPadding;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.headingAdvices.map(({minAngle, maxAngle, hinted, type}) => {\n      const state =\n        this.heading >= minAngle && this.heading <= maxAngle\n          ? AdviceState.triggered\n          : hinted\n            ? AdviceState.hinted\n            : AdviceState.regular;\n      return {minAngle, maxAngle, type, state};\n    });\n  }\n\n  override render() {\n    const tickmarks: Tickmark[] = [\n      {angle: 0, type: TickmarkType.main},\n      {angle: 90, type: TickmarkType.main},\n      {angle: 180, type: TickmarkType.main},\n      {angle: 270, type: TickmarkType.main},\n    ];\n\n    const rt = this.headingAdvices.map(({minAngle, maxAngle, type}) =>\n      radialTickmarks(\n        minAngle,\n        maxAngle,\n        type === AdviceType.caution ? TickmarkType.secondary : undefined\n      )\n    );\n\n    const width = (176 + this.padding) * 2;\n    const viewBox = `-${width / 2} -${width / 2} ${width} ${width}`;\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .padding=${this.padding}\n          .advices=${this.angleAdviceRaw}\n          .tickmarks=${tickmarks}\n          .labelFrameEnabled=${true}\n          .crosshairEnabled=${true}\n        >\n        </obc-watch>\n        <svg viewBox=\"${viewBox}\">\n          ${rt} ${arrow(ArrowStyle.HDG, this.heading)}\n          ${arrow(ArrowStyle.COG, this.courseOverGround)}\n        </svg>\n      </div>\n    `;\n  }\n\n  static override styles = css`\n    * {\n      box-sizing: border-box;\n    }\n\n    .container {\n      position: relative;\n      width: 100%;\n      height: 100%;\n    }\n\n    .container > * {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-compass': ObcCompass;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/navigation-instruments/compass/radial-tickmark.d.ts

@@ -0,0 +1,4 @@
+import { SVGTemplateResult } from 'lit';
+import { TickmarkType } from '../watch/tickmark';
+export declare function radialTickmarks(minAngle: number, maxAngle: number, type: TickmarkType | undefined): SVGTemplateResult[];
+//# sourceMappingURL=radial-tickmark.d.ts.map

package/dist/navigation-instruments/compass/radial-tickmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-tickmark.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass/radial-tickmark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAM,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAC,YAAY,EAA+B,MAAM,mBAAmB,CAAC;AAE7E,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,YAAY,GAAG,SAAS,GAC7B,iBAAiB,EAAE,CAqErB"}

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

@@ -0,0 +1,69 @@
+import { svg } from "lit";
+import { TickmarkType, tickmarkColor, TickmarkStyle } from "../watch/tickmark.js";
+function radialTickmarks(minAngle, maxAngle, type) {
+  if (type === TickmarkType.main || type === TickmarkType.tertiary) {
+    throw new Error(
+      "Only secondary tickmarks or undefined tickmarks (dots) are supported"
+    );
+  }
+  const origin = { x: 0, y: 0 };
+  const radius = 320 / 2;
+  const strokeWidth = "1.2";
+  const margin = 1.5;
+  const colorName = tickmarkColor(TickmarkStyle.hinted);
+  const tickWidth = type === TickmarkType.secondary ? 4 : 1;
+  const tickmarks = [];
+  const sinMin = Math.sin(minAngle * Math.PI / 180);
+  const cosMin = Math.cos(minAngle * Math.PI / 180);
+  const sinMax = Math.sin(maxAngle * Math.PI / 180);
+  const cosMax = Math.cos(maxAngle * Math.PI / 180);
+  const deltaIncrement = tickWidth * margin;
+  for (let deltaR = 0; deltaR <= radius; deltaR += deltaIncrement) {
+    const xMin = origin.x + sinMin * deltaR;
+    const yMin = origin.y - cosMin * deltaR;
+    const xMax = origin.x + sinMax * deltaR;
+    const yMax = origin.y - cosMax * deltaR;
+    if (type === void 0) {
+      const size = 1;
+      tickmarks.push(
+        svg`<rect 
+          x=${xMin - size / 2} 
+          y=${yMin - size / 2} 
+          width=${size} 
+          height=${size} 
+          fill=${colorName} 
+          transform="rotate(${minAngle} ${xMin} ${yMin})" 
+          vector-effect="non-scaling-stroke"/>`
+      );
+      tickmarks.push(
+        svg`<rect 
+          x=${xMax - size / 2} 
+          y=${yMax - size / 2} 
+          width=${size} 
+          height=${size} 
+          fill=${colorName} 
+          transform="rotate(${maxAngle} ${xMax} ${yMax})" 
+          vector-effect="non-scaling-stroke"/>`
+      );
+    } else {
+      const currentRadius = Math.min(deltaR + tickWidth, radius);
+      const x2Min = origin.x + sinMin * currentRadius;
+      const y2Min = origin.y - cosMin * currentRadius;
+      const x2Max = origin.x + sinMax * currentRadius;
+      const y2Max = origin.y - cosMax * currentRadius;
+      tickmarks.push(
+        svg`<line x1=${xMin} y1=${yMin} x2=${x2Min} y2=${y2Min} stroke=${colorName} stroke-width=${strokeWidth} vector-effect="non-scaling-stroke"/>`
+      );
+      tickmarks.push(
+        svg`<line x1=${xMax} y1=${yMax} x2=${x2Max} y2=${y2Max} stroke=${colorName} stroke-width=${strokeWidth} vector-effect="non-scaling-stroke"/>`
+      );
+      if (currentRadius >= radius)
+        break;
+    }
+  }
+  return tickmarks;
+}
+export {
+  radialTickmarks
+};
+//# sourceMappingURL=radial-tickmark.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,29 @@
+import { css } from "lit";
+const componentStyle = css`* {
+  box-sizing: border-box;
+}
+
+.container {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.container > * {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+:host {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+`;
+export {
+  componentStyle as default
+};
+//# sourceMappingURL=compass-flat.css.js.map

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

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

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

@@ -0,0 +1,45 @@
+import { LitElement } from 'lit';
+import '../watch-flat/watch-flat';
+export declare enum LabelPosition {
+    top = -45,
+    bottom = 50
+}
+export declare enum LabelStyle {
+    regular = "var(--instrument-tick-mark-secondary-color)"
+}
+export interface Label {
+    x: number;
+    y: LabelPosition;
+    text: string;
+}
+export declare class ObcCompassFlat extends LitElement {
+    noPadding: boolean;
+    FOVIndicator: boolean;
+    padding: number;
+    heading: number;
+    courseOverGround: number;
+    tickInterval: number;
+    FOV: number;
+    minFOV: number;
+    maxFOV: number;
+    labels: Label[];
+    containerWidth: number;
+    private resizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private updateLabels;
+    private generateIntervalTickmarks;
+    private generateCardinalTickmarks;
+    private generateTickmarks;
+    private renderFOVIndicator;
+    private get HDGSvg();
+    private COGSvg;
+    render(): import("lit-html").TemplateResult<2>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'obc-compass-flat': ObcCompassFlat;
+    }
+}
+//# sourceMappingURL=compass-flat.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"compass-flat.d.ts","sourceRoot":"","sources":["../../../src/navigation-instruments/compass-flat/compass-flat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAoC,MAAM,KAAK,CAAC;AAIlE,OAAO,0BAA0B,CAAC;AAElC,oBAAY,aAAa;IACvB,GAAG,MAAM;IACT,MAAM,KAAK;CACZ;AAED,oBAAY,UAAU;IACpB,OAAO,gDAAgD;CACxD;AAED,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,aAAa,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,qBACa,cAAe,SAAQ,UAAU;IACjB,SAAS,EAAE,OAAO,CAAQ;IAC1B,YAAY,EAAE,OAAO,CAAS;IAC/B,OAAO,EAAE,MAAM,CAAM;IACrB,OAAO,SAAK;IACZ,gBAAgB,SAAK;IACrB,YAAY,SAAK;IACjB,GAAG,SAAM;IACT,MAAM,SAAM;IACZ,MAAM,SAAO;IACvC,MAAM,EAAE,KAAK,EAAE,CAAM;IAEK,cAAc,SAAK;IAE7C,OAAO,CAAC,cAAc,CAKnB;IAEM,iBAAiB;IAKjB,oBAAoB;IAK7B,OAAO,CAAC,YAAY;IAsCpB,OAAO,CAAC,yBAAyB;IAwBjC,OAAO,CAAC,yBAAyB;IAUjC,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,kBAAkB;IAmC1B,OAAO,KAAK,MAAM,GAIjB;IAED,OAAO,CAAC,MAAM;IAQL,MAAM;IAgCf,OAAgB,MAAM,0BAA6B;CACpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}