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

package/dist/navigation-instruments/badge-command/badge-command.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge-command.js","sources":["../../../src/navigation-instruments/badge-command/badge-command.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum CommandStatus {\n  InCommand = 'in-command',\n  NoCommand = 'no-command',\n  PartialCommand = 'partial-command',\n  SharedCommand = 'shared-command',\n  CommandAvailable = 'command-available',\n  Blocked = 'blocked',\n}\n\n@customElement('obc-badge-command')\nexport class ObcBadgeCommand extends LitElement {\n  @property({type: String}) status: CommandStatus = CommandStatus.NoCommand;\n  @property({type: Boolean}) large: boolean = false;\n\n  get iconLarge(): HTMLTemplateResult {\n    if (this.status === CommandStatus.InCommand) {\n      return html`<svg\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        <rect\n          width=\"24\"\n          height=\"24\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M11.9997 14.5C13.3804 14.5 14.4997 13.3807 14.4997 12C14.4997 10.6193 13.3804 9.5 11.9997 9.5C10.619 9.5 9.49967 10.6193 9.49967 12C9.49967 13.3807 10.619 14.5 11.9997 14.5Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8.52165 4.40645C8.31274 4.00338 7.80966 3.85626 7.4165 4.08325C7.02333 4.31024 6.8992 4.81949 7.14381 5.20194L8.51393 7.34412C7.26015 8.27992 6.39526 9.70793 6.20556 11.3419L3.66548 11.2264C3.21196 11.2058 2.83301 11.5679 2.83301 12.0219C2.83301 12.4759 3.21196 12.838 3.66548 12.8174L6.20556 12.7019C6.39526 14.3358 7.26012 15.7638 8.51387 16.6996L7.14381 18.8417C6.8992 19.2241 7.02333 19.7334 7.41649 19.9604C7.80966 20.1874 8.31274 20.0403 8.52165 19.6372L9.69121 17.3806C10.3992 17.686 11.1797 17.8552 11.9997 17.8552C12.8198 17.8552 13.6004 17.686 14.3084 17.3805L15.478 19.6372C15.6869 20.0403 16.19 20.1874 16.5832 19.9604C16.9763 19.7334 17.1005 19.2241 16.8558 18.8417L15.4857 16.6995C16.7393 15.7637 17.6041 14.3357 17.7938 12.7019L20.3339 12.8174C20.7874 12.838 21.1663 12.4759 21.1663 12.0219C21.1663 11.5679 20.7874 11.2058 20.3339 11.2264L17.7938 11.3419C17.6041 9.70802 16.7393 8.28008 15.4856 7.34428L16.8558 5.20194C17.1005 4.81949 16.9763 4.31024 16.5832 4.08325C16.19 3.85626 15.6869 4.00338 15.478 4.40645L14.3083 6.66323C13.6003 6.35779 12.8198 6.18856 11.9997 6.18856C11.1797 6.18856 10.3992 6.35775 9.69127 6.66312L8.52165 4.40645ZM16.1663 12.0218C16.1663 14.323 14.3009 16.1885 11.9997 16.1885C9.69849 16.1885 7.83301 14.323 7.83301 12.0218C7.83301 9.72066 9.69849 7.85518 11.9997 7.85518C14.3009 7.85518 16.1663 9.72066 16.1663 12.0218Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg>`;\n    } else if (this.status === CommandStatus.NoCommand) {\n      return html`<svg\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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M6.14015 3.66667L4.49972 4.73994L7.24508 8.5007C6.68984 9.28025 6.32153 10.2022 6.20556 11.201L3.66548 11.0856C3.21196 11.065 2.83301 11.4271 2.83301 11.8811C2.83301 12.3351 3.21196 12.6972 3.66548 12.6766L6.20556 12.5611C6.39526 14.195 7.26012 15.623 8.51387 16.5588L7.14381 18.7009C6.8992 19.0833 7.02333 19.5926 7.41649 19.8196C7.80966 20.0466 8.31274 19.8994 8.52165 19.4964L9.69121 17.2398C10.3992 17.5452 11.1797 17.7144 11.9997 17.7144C12.6173 17.7144 13.2125 17.6184 13.7712 17.4406L16.4045 21.0479L18.0443 19.9745L6.14015 3.66667ZM7.83301 11.881C7.83301 11.1853 8.00354 10.5294 8.30508 9.95277L12.7103 15.9873C12.4794 16.027 12.2419 16.0477 11.9997 16.0477C9.69849 16.0477 7.83301 14.1822 7.83301 11.881Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          d=\"M16.7543 15.2614C17.3095 14.4819 17.6778 13.56 17.7938 12.5611L20.3339 12.6766C20.7874 12.6972 21.1663 12.3351 21.1663 11.8811C21.1663 11.4271 20.7874 11.065 20.3339 11.0856L17.7938 11.201C17.6041 9.56721 16.7393 8.13927 15.4856 7.20347L16.8558 5.06114C17.1005 4.67869 16.9763 4.16944 16.5832 3.94245C16.19 3.71545 15.6869 3.86258 15.478 4.26564L14.3083 6.52242C13.6003 6.21698 12.8198 6.04775 11.9997 6.04775C11.3821 6.04775 10.7869 6.14373 10.2282 6.32158L11.289 7.77473C11.52 7.73505 11.7574 7.71437 11.9997 7.71437C14.3009 7.71437 16.1663 9.57985 16.1663 11.881C16.1663 12.5768 15.9958 13.2327 15.6943 13.8093L16.7543 15.2614Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.PartialCommand) {\n      return html`<svg\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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M7.4165 4.19019C7.80966 3.9632 8.31274 4.11032 8.52165 4.51339L9.69127 6.77006C10.3992 6.46469 11.1797 6.2955 11.9997 6.2955C12.8198 6.2955 13.6003 6.46473 14.3083 6.77017L15.478 4.51339C15.6869 4.11032 16.19 3.9632 16.5832 4.19019C16.9763 4.41719 17.1005 4.92643 16.8558 5.30888L15.4856 7.45122C16.7393 8.38702 17.6041 9.81496 17.7938 11.4488L20.3339 11.3333C20.7874 11.3127 21.1663 11.6748 21.1663 12.1288C21.1663 12.5828 20.7874 12.9449 20.3339 12.9243L17.7938 12.8089C17.6041 14.4427 16.7393 15.8706 15.4857 16.8064L16.8558 18.9486C17.1005 19.3311 16.9763 19.8403 16.5832 20.0673C16.19 20.2943 15.6869 20.1472 15.478 19.7441L14.3084 17.4875C13.6004 17.7929 12.8198 17.9622 11.9997 17.9622C11.1797 17.9622 10.3992 17.793 9.69121 17.4876L8.52165 19.7441C8.31274 20.1472 7.80966 20.2943 7.41649 20.0673C7.02333 19.8403 6.8992 19.3311 7.14381 18.9486L8.51387 16.8066C7.26012 15.8708 6.39526 14.4428 6.20556 12.8089L3.66548 12.9243C3.21196 12.9449 2.83301 12.5828 2.83301 12.1288C2.83301 11.6748 3.21196 11.3127 3.66548 11.3333L6.20556 11.4488C6.39526 9.81487 7.26015 8.38686 8.51393 7.45106L7.14381 5.30888C6.8992 4.92643 7.02333 4.41719 7.4165 4.19019ZM11.9997 16.2955C14.3009 16.2955 16.1663 14.43 16.1663 12.1288C16.1663 9.8276 14.3009 7.96212 11.9997 7.96212C9.69849 7.96212 7.83301 9.8276 7.83301 12.1288C7.83301 14.43 9.69849 16.2955 11.9997 16.2955Z\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.SharedCommand) {\n      return html`<svg\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        <rect\n          width=\"24\"\n          height=\"24\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M5.33301 5.33333C5.33301 4.41667 6.08301 3.66667 6.99967 3.66667C7.91634 3.66667 8.66634 4.41667 8.66634 5.33333C8.66634 6.25 7.91634 7 6.99967 7C6.08301 7 5.33301 6.25 5.33301 5.33333Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M9.31634 8.31667C8.60801 8.00833 7.82467 7.83333 6.99967 7.83333C6.17467 7.83333 5.39134 8.00833 4.68301 8.31667C4.06634 8.58333 3.66634 9.18334 3.66634 9.85834V10.3333H10.333V9.85834C10.333 9.18334 9.93301 8.58333 9.31634 8.31667Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M18.6663 5.33333C18.6663 6.25 17.9163 7 16.9997 7C16.083 7 15.333 6.25 15.333 5.33333C15.333 4.41667 16.083 3.66667 16.9997 3.66667C17.9163 3.66667 18.6663 4.41667 18.6663 5.33333Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M19.3163 8.31667C18.608 8.00833 17.8247 7.83333 16.9997 7.83333C16.1747 7.83333 15.3913 8.00833 14.683 8.31667C14.0663 8.58333 13.6663 9.18334 13.6663 9.85834V10.3333H20.333V9.85834C20.333 9.18334 19.933 8.58333 19.3163 8.31667Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M8.52165 12.4301C8.31274 12.027 7.80966 11.8799 7.4165 12.1069C7.02333 12.3339 6.8992 12.8431 7.14381 13.2255L8.51393 15.3677C7.26015 16.3035 6.39526 17.7315 6.20556 19.3655L3.66548 19.25C3.21196 19.2294 2.83301 19.5915 2.83301 20.0455C2.83301 20.1471 2.852 20.2442 2.88657 20.3333H7.8428C7.83631 20.2382 7.83301 20.1422 7.83301 20.0455C7.83301 17.7443 9.69849 15.8788 11.9997 15.8788C14.3009 15.8788 16.1663 17.7443 16.1663 20.0455C16.1663 20.1422 16.163 20.2382 16.1566 20.3333H21.1128C21.1473 20.2442 21.1663 20.1471 21.1663 20.0455C21.1663 19.5915 20.7874 19.2294 20.3339 19.25L17.7938 19.3655C17.6041 17.7316 16.7393 16.3037 15.4856 15.3679L16.8558 13.2255C17.1005 12.8431 16.9763 12.3339 16.5832 12.1069C16.19 11.8799 15.6869 12.027 15.478 12.4301L14.3083 14.6868C13.6003 14.3814 12.8198 14.2122 11.9997 14.2122C11.1797 14.2122 10.3992 14.3814 9.69127 14.6867L8.52165 12.4301Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M9.49967 19.9167C9.49967 20.0586 9.51151 20.1978 9.53424 20.3333H14.4651C14.4878 20.1978 14.4997 20.0586 14.4997 19.9167C14.4997 18.536 13.3804 17.4167 11.9997 17.4167C10.619 17.4167 9.49967 18.536 9.49967 19.9167Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.CommandAvailable) {\n      return html`<svg\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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          d=\"M13.667 16.1667C14.5875 16.1667 15.3337 15.4205 15.3337 14.5C15.3337 13.5795 14.5875 12.8333 13.667 12.8333C12.7465 12.8333 12.0003 13.5795 12.0003 14.5C12.0003 15.4205 12.7465 16.1667 13.667 16.1667Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M12.0003 8.66667V7C12.0003 4.7 10.1337 2.83333 7.83366 2.83333C5.53366 2.83333 3.66699 4.7 3.66699 7H5.33366C5.33366 5.61667 6.45033 4.5 7.83366 4.5C9.21699 4.5 10.3337 5.61667 10.3337 7V8.66667H8.66699C7.74652 8.66667 7.00033 9.41286 7.00033 10.3333V18.6667C7.00033 19.5871 7.74652 20.3333 8.66699 20.3333H18.667C19.5875 20.3333 20.3337 19.5871 20.3337 18.6667V10.3333C20.3337 9.41286 19.5875 8.66667 18.667 8.66667H12.0003ZM18.667 10.3333H8.66699V18.6667H18.667V10.3333Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg>`;\n    } else if (this.status === CommandStatus.Blocked) {\n      return html`\n        <svg\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          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"23\"\n            height=\"23\"\n            rx=\"1.5\"\n            fill=\"var(--normal-enabled-background-color)\"\n          />\n          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"23\"\n            height=\"23\"\n            rx=\"1.5\"\n            stroke=\"var(--normal-enabled-border-color)\"\n          />\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M16.9997 8.66667H16.1663V7C16.1663 4.7 14.2997 2.83333 11.9997 2.83333C9.69967 2.83333 7.83301 4.7 7.83301 7V8.66667H6.99967C6.08301 8.66667 5.33301 9.41667 5.33301 10.3333V18.6667C5.33301 19.5833 6.08301 20.3333 6.99967 20.3333H16.9997C17.9163 20.3333 18.6663 19.5833 18.6663 18.6667V10.3333C18.6663 9.41667 17.9163 8.66667 16.9997 8.66667ZM9.49967 7C9.49967 5.61667 10.6163 4.5 11.9997 4.5C13.383 4.5 14.4997 5.61667 14.4997 7V8.66667H9.49967V7ZM13.6663 14.5C13.6663 15.4167 12.9163 16.1667 11.9997 16.1667C11.083 16.1667 10.333 15.4167 10.333 14.5C10.333 13.5833 11.083 12.8333 11.9997 12.8333C12.9163 12.8333 13.6663 13.5833 13.6663 14.5Z\"\n            fill=\"var(--on-normal-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n    throw new Error('Invalid status');\n  }\n\n  get iconSmall(): HTMLTemplateResult {\n    if (this.status === CommandStatus.InCommand) {\n      return 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        <rect\n          width=\"16\"\n          height=\"16\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M8 9.5C8.82843 9.5 9.5 8.82843 9.5 8C9.5 7.17158 8.82843 6.5 8 6.5C7.17157 6.5 6.5 7.17158 6.5 8C6.5 8.82843 7.17157 9.5 8 9.5Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M5.91319 3.44387C5.78784 3.20203 5.48599 3.11376 5.25009 3.24995C5.01419 3.38615 4.93972 3.6917 5.08648 3.92117L5.90855 5.20648C5.15629 5.76796 4.63735 6.62476 4.52353 7.60512L2.99948 7.53584C2.72737 7.52347 2.5 7.74075 2.5 8.01314C2.5 8.28553 2.72737 8.5028 2.99948 8.49043L4.52353 8.42116C4.63735 9.4015 5.15627 10.2583 5.90852 10.8198L5.08648 12.105C4.93972 12.3345 5.01419 12.64 5.25009 12.7762C5.48599 12.9124 5.78784 12.8242 5.91318 12.5823L6.61492 11.2284C7.0397 11.4116 7.50799 11.5131 8 11.5131C8.49206 11.5131 8.96041 11.4116 9.38523 11.2283L10.087 12.5823C10.2123 12.8242 10.5142 12.9124 10.7501 12.7762C10.986 12.64 11.0605 12.3345 10.9137 12.105L10.0916 10.8197C10.8438 10.2582 11.3627 9.40144 11.4765 8.42116L13.0005 8.49043C13.2726 8.5028 13.5 8.28553 13.5 8.01314C13.5 7.74075 13.2726 7.52347 13.0005 7.53584L11.4765 7.60512C11.3627 6.62482 10.8438 5.76805 10.0916 5.20657L10.9137 3.92117C11.0605 3.6917 10.986 3.38615 10.7501 3.24995C10.5142 3.11376 10.2123 3.20203 10.087 3.44387L9.38519 4.79794C8.96038 4.61468 8.49205 4.51314 8 4.51314C7.50801 4.51314 7.03973 4.61465 6.61496 4.79787L5.91319 3.44387ZM10.5 8.01311C10.5 9.39382 9.38071 10.5131 8 10.5131C6.61929 10.5131 5.5 9.39382 5.5 8.01311C5.5 6.6324 6.61929 5.51311 8 5.51311C9.38071 5.51311 10.5 6.6324 10.5 8.01311Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.NoCommand) {\n      return 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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.48429 3L3.50003 3.64396L5.14724 5.90042C4.8141 6.36815 4.59311 6.9213 4.52353 7.52063L2.99948 7.45135C2.72737 7.43898 2.5 7.65626 2.5 7.92865C2.5 8.20104 2.72737 8.41831 2.99948 8.40594L4.52353 8.33667C4.63735 9.31701 5.15627 10.1738 5.90852 10.7353L5.08648 12.0205C4.93972 12.25 5.01419 12.5555 5.25009 12.6917C5.48599 12.8279 5.78784 12.7397 5.91318 12.4978L6.61492 11.1439C7.0397 11.3271 7.50799 11.4286 8 11.4286C8.37057 11.4286 8.72769 11.3711 9.0629 11.2643L10.6429 13.4287L11.6268 12.7847L4.48429 3ZM5.5 7.92862C5.5 7.51117 5.60232 7.11761 5.78325 6.77166L8.42639 10.3924C8.28782 10.4162 8.14536 10.4286 8 10.4286C6.61929 10.4286 5.5 9.30933 5.5 7.92862Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          d=\"M10.8528 9.95685C11.1859 9.48912 11.4069 8.93598 11.4765 8.33667L13.0005 8.40594C13.2726 8.41831 13.5 8.20104 13.5 7.92865C13.5 7.65626 13.2726 7.43898 13.0005 7.45135L11.4765 7.52063C11.3627 6.54033 10.8438 5.68356 10.0916 5.12208L10.9137 3.83668C11.0605 3.60721 10.986 3.30166 10.7501 3.16546C10.5142 3.02927 10.2123 3.11754 10.087 3.35938L9.38519 4.71345C8.96038 4.53019 8.49205 4.42865 8 4.42865C7.62944 4.42865 7.27233 4.48623 6.93714 4.59295L7.57361 5.46484C7.71218 5.44103 7.85464 5.42862 8 5.42862C9.38071 5.42862 10.5 6.54791 10.5 7.92862C10.5 8.34607 10.3977 8.73963 10.2168 9.08558L10.8528 9.95685Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.PartialCommand) {\n      return 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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M5.25009 3.31411C5.48599 3.17792 5.78784 3.26619 5.91319 3.50803L6.61496 4.86203C7.03973 4.67881 7.50801 4.5773 8 4.5773C8.49205 4.5773 8.96038 4.67884 9.38519 4.8621L10.087 3.50803C10.2123 3.26619 10.5142 3.17792 10.7501 3.31411C10.986 3.45031 11.0605 3.75586 10.9137 3.98533L10.0916 5.27073C10.8438 5.83221 11.3627 6.68898 11.4765 7.66928L13.0005 7.6C13.2726 7.58763 13.5 7.80491 13.5 8.0773C13.5 8.34969 13.2726 8.56696 13.0005 8.55459L11.4765 8.48532C11.3627 9.4656 10.8438 10.3224 10.0916 10.8838L10.9137 12.1692C11.0605 12.3987 10.986 12.7042 10.7501 12.8404C10.5142 12.9766 10.2123 12.8883 10.087 12.6465L9.38523 11.2925C8.96041 11.4758 8.49206 11.5773 8 11.5773C7.50799 11.5773 7.0397 11.4758 6.61492 11.2925L5.91318 12.6465C5.78784 12.8883 5.48599 12.9766 5.25009 12.8404C5.01419 12.7042 4.93972 12.3986 5.08648 12.1692L5.90852 10.8839C5.15627 10.3225 4.63735 9.46566 4.52353 8.48532L2.99948 8.55459C2.72737 8.56696 2.5 8.34969 2.5 8.0773C2.5 7.80491 2.72737 7.58763 2.99948 7.6L4.52353 7.66928C4.63735 6.68892 5.15629 5.83212 5.90855 5.27064L5.08648 3.98533C4.93972 3.75586 5.01419 3.45031 5.25009 3.31411ZM8 10.5773C9.38071 10.5773 10.5 9.45798 10.5 8.07727C10.5 6.69656 9.38071 5.57727 8 5.57727C6.61929 5.57727 5.5 6.69656 5.5 8.07727C5.5 9.45798 6.61929 10.5773 8 10.5773Z\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.SharedCommand) {\n      return 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        <rect\n          width=\"16\"\n          height=\"16\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M4 4C4 3.45 4.45 3 5 3C5.55 3 6 3.45 6 4C6 4.55 5.55 5 5 5C4.45 5 4 4.55 4 4Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M6.39 5.79C5.965 5.605 5.495 5.5 5 5.5C4.505 5.5 4.035 5.605 3.61 5.79C3.24 5.95 3 6.31 3 6.715V7H7V6.715C7 6.31 6.76 5.95 6.39 5.79Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M12 4C12 4.55 11.55 5 11 5C10.45 5 10 4.55 10 4C10 3.45 10.45 3 11 3C11.55 3 12 3.45 12 4Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M12.39 5.79C11.965 5.605 11.495 5.5 11 5.5C10.505 5.5 10.035 5.605 9.61 5.79C9.24 5.95 9 6.31 9 6.715V7H13V6.715C13 6.31 12.76 5.95 12.39 5.79Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M5.91319 8.25803C5.78784 8.01619 5.48599 7.92792 5.25009 8.06411C5.01419 8.20031 4.93972 8.50586 5.08648 8.73533L5.90855 10.0206C5.15629 10.5821 4.63735 11.4389 4.52353 12.4193L2.99948 12.35C2.72737 12.3376 2.5 12.5549 2.5 12.8273C2.5 12.8883 2.5114 12.9465 2.53214 13H5.50587C5.50198 12.9429 5.5 12.8853 5.5 12.8273C5.5 11.4466 6.61929 10.3273 8 10.3273C9.38071 10.3273 10.5 11.4466 10.5 12.8273C10.5 12.8853 10.498 12.9429 10.4941 13H13.4679C13.4886 12.9465 13.5 12.8883 13.5 12.8273C13.5 12.5549 13.2726 12.3376 13.0005 12.35L11.4765 12.4193C11.3627 11.439 10.8438 10.5822 10.0916 10.0207L10.9137 8.73533C11.0605 8.50586 10.986 8.20031 10.7501 8.06411C10.5142 7.92792 10.2123 8.01619 10.087 8.25803L9.38519 9.6121C8.96038 9.42883 8.49205 9.3273 8 9.3273C7.50801 9.3273 7.03973 9.42881 6.61496 9.61203L5.91319 8.25803Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M6.5 12.75C6.5 12.8352 6.5071 12.9187 6.52074 13H9.47926C9.4929 12.9187 9.5 12.8352 9.5 12.75C9.5 11.9216 8.82843 11.25 8 11.25C7.17157 11.25 6.5 11.9216 6.5 12.75Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.CommandAvailable) {\n      return 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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          d=\"M9 10.5C9.55228 10.5 10 10.0523 10 9.5C10 8.94772 9.55228 8.5 9 8.5C8.44772 8.5 8 8.94772 8 9.5C8 10.0523 8.44772 10.5 9 10.5Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8 6V5C8 3.62 6.88 2.5 5.5 2.5C4.12 2.5 3 3.62 3 5H4C4 4.17 4.67 3.5 5.5 3.5C6.33 3.5 7 4.17 7 5V6H6C5.44772 6 5 6.44772 5 7V12C5 12.5523 5.44772 13 6 13H12C12.5523 13 13 12.5523 13 12V7C13 6.44772 12.5523 6 12 6H8ZM12 7H6V12H12V7Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.Blocked) {\n      return html`\n        <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          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"15\"\n            height=\"15\"\n            rx=\"1.5\"\n            fill=\"var(--normal-enabled-background-color)\"\n          />\n          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"15\"\n            height=\"15\"\n            rx=\"1.5\"\n            stroke=\"var(--normal-enabled-border-color)\"\n          />\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M11 6H10.5V5C10.5 3.62 9.38 2.5 8 2.5C6.62 2.5 5.5 3.62 5.5 5V6H5C4.45 6 4 6.45 4 7V12C4 12.55 4.45 13 5 13H11C11.55 13 12 12.55 12 12V7C12 6.45 11.55 6 11 6ZM6.5 5C6.5 4.17 7.17 3.5 8 3.5C8.83 3.5 9.5 4.17 9.5 5V6H6.5V5ZM9 9.5C9 10.05 8.55 10.5 8 10.5C7.45 10.5 7 10.05 7 9.5C7 8.95 7.45 8.5 8 8.5C8.55 8.5 9 8.95 9 9.5Z\"\n            fill=\"var(--on-normal-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    throw new Error('Invalid status');\n  }\n\n  override render() {\n    const icon = this.large ? this.iconLarge : this.iconSmall;\n\n    return html`\n      <div class=${classMap({wrapper: true, large: this.large})}>${icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      line-height: 0;\n      height: 16px;\n      width: 16px;\n    }\n\n    .wrapper.large {\n      height: 24px;\n      width: 24px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-badge-command': ObcBadgeCommand;\n  }\n}\n"],"names":["CommandStatus"],"mappings":"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"}
+{"version":3,"file":"badge-command.js","sources":["../../../src/navigation-instruments/badge-command/badge-command.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, css, html} from 'lit';\nimport {customElement, property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nexport enum CommandStatus {\n  InCommand = 'in-command',\n  NoCommand = 'no-command',\n  PartialCommand = 'partial-command',\n  SharedCommand = 'shared-command',\n  CommandAvailable = 'command-available',\n  Blocked = 'blocked',\n}\n\n@customElement('obc-badge-command')\nexport class ObcBadgeCommand extends LitElement {\n  @property({type: String}) status: CommandStatus = CommandStatus.NoCommand;\n  @property({type: Boolean}) large: boolean = false;\n\n  get iconLarge(): HTMLTemplateResult {\n    if (this.status === CommandStatus.InCommand) {\n      return html`<svg\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        <rect\n          width=\"24\"\n          height=\"24\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M11.9997 14.5C13.3804 14.5 14.4997 13.3807 14.4997 12C14.4997 10.6193 13.3804 9.5 11.9997 9.5C10.619 9.5 9.49967 10.6193 9.49967 12C9.49967 13.3807 10.619 14.5 11.9997 14.5Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8.52165 4.40645C8.31274 4.00338 7.80966 3.85626 7.4165 4.08325C7.02333 4.31024 6.8992 4.81949 7.14381 5.20194L8.51393 7.34412C7.26015 8.27992 6.39526 9.70793 6.20556 11.3419L3.66548 11.2264C3.21196 11.2058 2.83301 11.5679 2.83301 12.0219C2.83301 12.4759 3.21196 12.838 3.66548 12.8174L6.20556 12.7019C6.39526 14.3358 7.26012 15.7638 8.51387 16.6996L7.14381 18.8417C6.8992 19.2241 7.02333 19.7334 7.41649 19.9604C7.80966 20.1874 8.31274 20.0403 8.52165 19.6372L9.69121 17.3806C10.3992 17.686 11.1797 17.8552 11.9997 17.8552C12.8198 17.8552 13.6004 17.686 14.3084 17.3805L15.478 19.6372C15.6869 20.0403 16.19 20.1874 16.5832 19.9604C16.9763 19.7334 17.1005 19.2241 16.8558 18.8417L15.4857 16.6995C16.7393 15.7637 17.6041 14.3357 17.7938 12.7019L20.3339 12.8174C20.7874 12.838 21.1663 12.4759 21.1663 12.0219C21.1663 11.5679 20.7874 11.2058 20.3339 11.2264L17.7938 11.3419C17.6041 9.70802 16.7393 8.28008 15.4856 7.34428L16.8558 5.20194C17.1005 4.81949 16.9763 4.31024 16.5832 4.08325C16.19 3.85626 15.6869 4.00338 15.478 4.40645L14.3083 6.66323C13.6003 6.35779 12.8198 6.18856 11.9997 6.18856C11.1797 6.18856 10.3992 6.35775 9.69127 6.66312L8.52165 4.40645ZM16.1663 12.0218C16.1663 14.323 14.3009 16.1885 11.9997 16.1885C9.69849 16.1885 7.83301 14.323 7.83301 12.0218C7.83301 9.72066 9.69849 7.85518 11.9997 7.85518C14.3009 7.85518 16.1663 9.72066 16.1663 12.0218Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg>`;\n    } else if (this.status === CommandStatus.NoCommand) {\n      return html`<svg\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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M6.14015 3.66667L4.49972 4.73994L7.24508 8.5007C6.68984 9.28025 6.32153 10.2022 6.20556 11.201L3.66548 11.0856C3.21196 11.065 2.83301 11.4271 2.83301 11.8811C2.83301 12.3351 3.21196 12.6972 3.66548 12.6766L6.20556 12.5611C6.39526 14.195 7.26012 15.623 8.51387 16.5588L7.14381 18.7009C6.8992 19.0833 7.02333 19.5926 7.41649 19.8196C7.80966 20.0466 8.31274 19.8994 8.52165 19.4964L9.69121 17.2398C10.3992 17.5452 11.1797 17.7144 11.9997 17.7144C12.6173 17.7144 13.2125 17.6184 13.7712 17.4406L16.4045 21.0479L18.0443 19.9745L6.14015 3.66667ZM7.83301 11.881C7.83301 11.1853 8.00354 10.5294 8.30508 9.95277L12.7103 15.9873C12.4794 16.027 12.2419 16.0477 11.9997 16.0477C9.69849 16.0477 7.83301 14.1822 7.83301 11.881Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          d=\"M16.7543 15.2614C17.3095 14.4819 17.6778 13.56 17.7938 12.5611L20.3339 12.6766C20.7874 12.6972 21.1663 12.3351 21.1663 11.8811C21.1663 11.4271 20.7874 11.065 20.3339 11.0856L17.7938 11.201C17.6041 9.56721 16.7393 8.13927 15.4856 7.20347L16.8558 5.06114C17.1005 4.67869 16.9763 4.16944 16.5832 3.94245C16.19 3.71545 15.6869 3.86258 15.478 4.26564L14.3083 6.52242C13.6003 6.21698 12.8198 6.04775 11.9997 6.04775C11.3821 6.04775 10.7869 6.14373 10.2282 6.32158L11.289 7.77473C11.52 7.73505 11.7574 7.71437 11.9997 7.71437C14.3009 7.71437 16.1663 9.57985 16.1663 11.881C16.1663 12.5768 15.9958 13.2327 15.6943 13.8093L16.7543 15.2614Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.PartialCommand) {\n      return html`<svg\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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M7.4165 4.19019C7.80966 3.9632 8.31274 4.11032 8.52165 4.51339L9.69127 6.77006C10.3992 6.46469 11.1797 6.2955 11.9997 6.2955C12.8198 6.2955 13.6003 6.46473 14.3083 6.77017L15.478 4.51339C15.6869 4.11032 16.19 3.9632 16.5832 4.19019C16.9763 4.41719 17.1005 4.92643 16.8558 5.30888L15.4856 7.45122C16.7393 8.38702 17.6041 9.81496 17.7938 11.4488L20.3339 11.3333C20.7874 11.3127 21.1663 11.6748 21.1663 12.1288C21.1663 12.5828 20.7874 12.9449 20.3339 12.9243L17.7938 12.8089C17.6041 14.4427 16.7393 15.8706 15.4857 16.8064L16.8558 18.9486C17.1005 19.3311 16.9763 19.8403 16.5832 20.0673C16.19 20.2943 15.6869 20.1472 15.478 19.7441L14.3084 17.4875C13.6004 17.7929 12.8198 17.9622 11.9997 17.9622C11.1797 17.9622 10.3992 17.793 9.69121 17.4876L8.52165 19.7441C8.31274 20.1472 7.80966 20.2943 7.41649 20.0673C7.02333 19.8403 6.8992 19.3311 7.14381 18.9486L8.51387 16.8066C7.26012 15.8708 6.39526 14.4428 6.20556 12.8089L3.66548 12.9243C3.21196 12.9449 2.83301 12.5828 2.83301 12.1288C2.83301 11.6748 3.21196 11.3127 3.66548 11.3333L6.20556 11.4488C6.39526 9.81487 7.26015 8.38686 8.51393 7.45106L7.14381 5.30888C6.8992 4.92643 7.02333 4.41719 7.4165 4.19019ZM11.9997 16.2955C14.3009 16.2955 16.1663 14.43 16.1663 12.1288C16.1663 9.8276 14.3009 7.96212 11.9997 7.96212C9.69849 7.96212 7.83301 9.8276 7.83301 12.1288C7.83301 14.43 9.69849 16.2955 11.9997 16.2955Z\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.SharedCommand) {\n      return html`<svg\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        <rect\n          width=\"24\"\n          height=\"24\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M5.33301 5.33333C5.33301 4.41667 6.08301 3.66667 6.99967 3.66667C7.91634 3.66667 8.66634 4.41667 8.66634 5.33333C8.66634 6.25 7.91634 7 6.99967 7C6.08301 7 5.33301 6.25 5.33301 5.33333Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M9.31634 8.31667C8.60801 8.00833 7.82467 7.83333 6.99967 7.83333C6.17467 7.83333 5.39134 8.00833 4.68301 8.31667C4.06634 8.58333 3.66634 9.18334 3.66634 9.85834V10.3333H10.333V9.85834C10.333 9.18334 9.93301 8.58333 9.31634 8.31667Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M18.6663 5.33333C18.6663 6.25 17.9163 7 16.9997 7C16.083 7 15.333 6.25 15.333 5.33333C15.333 4.41667 16.083 3.66667 16.9997 3.66667C17.9163 3.66667 18.6663 4.41667 18.6663 5.33333Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M19.3163 8.31667C18.608 8.00833 17.8247 7.83333 16.9997 7.83333C16.1747 7.83333 15.3913 8.00833 14.683 8.31667C14.0663 8.58333 13.6663 9.18334 13.6663 9.85834V10.3333H20.333V9.85834C20.333 9.18334 19.933 8.58333 19.3163 8.31667Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M8.52165 12.4301C8.31274 12.027 7.80966 11.8799 7.4165 12.1069C7.02333 12.3339 6.8992 12.8431 7.14381 13.2255L8.51393 15.3677C7.26015 16.3035 6.39526 17.7315 6.20556 19.3655L3.66548 19.25C3.21196 19.2294 2.83301 19.5915 2.83301 20.0455C2.83301 20.1471 2.852 20.2442 2.88657 20.3333H7.8428C7.83631 20.2382 7.83301 20.1422 7.83301 20.0455C7.83301 17.7443 9.69849 15.8788 11.9997 15.8788C14.3009 15.8788 16.1663 17.7443 16.1663 20.0455C16.1663 20.1422 16.163 20.2382 16.1566 20.3333H21.1128C21.1473 20.2442 21.1663 20.1471 21.1663 20.0455C21.1663 19.5915 20.7874 19.2294 20.3339 19.25L17.7938 19.3655C17.6041 17.7316 16.7393 16.3037 15.4856 15.3679L16.8558 13.2255C17.1005 12.8431 16.9763 12.3339 16.5832 12.1069C16.19 11.8799 15.6869 12.027 15.478 12.4301L14.3083 14.6868C13.6003 14.3814 12.8198 14.2122 11.9997 14.2122C11.1797 14.2122 10.3992 14.3814 9.69127 14.6867L8.52165 12.4301Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M9.49967 19.9167C9.49967 20.0586 9.51151 20.1978 9.53424 20.3333H14.4651C14.4878 20.1978 14.4997 20.0586 14.4997 19.9167C14.4997 18.536 13.3804 17.4167 11.9997 17.4167C10.619 17.4167 9.49967 18.536 9.49967 19.9167Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.CommandAvailable) {\n      return html`<svg\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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"23\"\n          height=\"23\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          d=\"M13.667 16.1667C14.5875 16.1667 15.3337 15.4205 15.3337 14.5C15.3337 13.5795 14.5875 12.8333 13.667 12.8333C12.7465 12.8333 12.0003 13.5795 12.0003 14.5C12.0003 15.4205 12.7465 16.1667 13.667 16.1667Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M12.0003 8.66667V7C12.0003 4.7 10.1337 2.83333 7.83366 2.83333C5.53366 2.83333 3.66699 4.7 3.66699 7H5.33366C5.33366 5.61667 6.45033 4.5 7.83366 4.5C9.21699 4.5 10.3337 5.61667 10.3337 7V8.66667H8.66699C7.74652 8.66667 7.00033 9.41286 7.00033 10.3333V18.6667C7.00033 19.5871 7.74652 20.3333 8.66699 20.3333H18.667C19.5875 20.3333 20.3337 19.5871 20.3337 18.6667V10.3333C20.3337 9.41286 19.5875 8.66667 18.667 8.66667H12.0003ZM18.667 10.3333H8.66699V18.6667H18.667V10.3333Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg>`;\n    } else if (this.status === CommandStatus.Blocked) {\n      return html`\n        <svg\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          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"23\"\n            height=\"23\"\n            rx=\"1.5\"\n            fill=\"var(--normal-enabled-background-color)\"\n          />\n          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"23\"\n            height=\"23\"\n            rx=\"1.5\"\n            stroke=\"var(--normal-enabled-border-color)\"\n          />\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M16.9997 8.66667H16.1663V7C16.1663 4.7 14.2997 2.83333 11.9997 2.83333C9.69967 2.83333 7.83301 4.7 7.83301 7V8.66667H6.99967C6.08301 8.66667 5.33301 9.41667 5.33301 10.3333V18.6667C5.33301 19.5833 6.08301 20.3333 6.99967 20.3333H16.9997C17.9163 20.3333 18.6663 19.5833 18.6663 18.6667V10.3333C18.6663 9.41667 17.9163 8.66667 16.9997 8.66667ZM9.49967 7C9.49967 5.61667 10.6163 4.5 11.9997 4.5C13.383 4.5 14.4997 5.61667 14.4997 7V8.66667H9.49967V7ZM13.6663 14.5C13.6663 15.4167 12.9163 16.1667 11.9997 16.1667C11.083 16.1667 10.333 15.4167 10.333 14.5C10.333 13.5833 11.083 12.8333 11.9997 12.8333C12.9163 12.8333 13.6663 13.5833 13.6663 14.5Z\"\n            fill=\"var(--on-normal-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n    throw new Error('Invalid status');\n  }\n\n  get iconSmall(): HTMLTemplateResult {\n    if (this.status === CommandStatus.InCommand) {\n      return 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        <rect\n          width=\"16\"\n          height=\"16\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M8 9.5C8.82843 9.5 9.5 8.82843 9.5 8C9.5 7.17158 8.82843 6.5 8 6.5C7.17157 6.5 6.5 7.17158 6.5 8C6.5 8.82843 7.17157 9.5 8 9.5Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M5.91319 3.44387C5.78784 3.20203 5.48599 3.11376 5.25009 3.24995C5.01419 3.38615 4.93972 3.6917 5.08648 3.92117L5.90855 5.20648C5.15629 5.76796 4.63735 6.62476 4.52353 7.60512L2.99948 7.53584C2.72737 7.52347 2.5 7.74075 2.5 8.01314C2.5 8.28553 2.72737 8.5028 2.99948 8.49043L4.52353 8.42116C4.63735 9.4015 5.15627 10.2583 5.90852 10.8198L5.08648 12.105C4.93972 12.3345 5.01419 12.64 5.25009 12.7762C5.48599 12.9124 5.78784 12.8242 5.91318 12.5823L6.61492 11.2284C7.0397 11.4116 7.50799 11.5131 8 11.5131C8.49206 11.5131 8.96041 11.4116 9.38523 11.2283L10.087 12.5823C10.2123 12.8242 10.5142 12.9124 10.7501 12.7762C10.986 12.64 11.0605 12.3345 10.9137 12.105L10.0916 10.8197C10.8438 10.2582 11.3627 9.40144 11.4765 8.42116L13.0005 8.49043C13.2726 8.5028 13.5 8.28553 13.5 8.01314C13.5 7.74075 13.2726 7.52347 13.0005 7.53584L11.4765 7.60512C11.3627 6.62482 10.8438 5.76805 10.0916 5.20657L10.9137 3.92117C11.0605 3.6917 10.986 3.38615 10.7501 3.24995C10.5142 3.11376 10.2123 3.20203 10.087 3.44387L9.38519 4.79794C8.96038 4.61468 8.49205 4.51314 8 4.51314C7.50801 4.51314 7.03973 4.61465 6.61496 4.79787L5.91319 3.44387ZM10.5 8.01311C10.5 9.39382 9.38071 10.5131 8 10.5131C6.61929 10.5131 5.5 9.39382 5.5 8.01311C5.5 6.6324 6.61929 5.51311 8 5.51311C9.38071 5.51311 10.5 6.6324 10.5 8.01311Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.NoCommand) {\n      return 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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M4.48429 3L3.50003 3.64396L5.14724 5.90042C4.8141 6.36815 4.59311 6.9213 4.52353 7.52063L2.99948 7.45135C2.72737 7.43898 2.5 7.65626 2.5 7.92865C2.5 8.20104 2.72737 8.41831 2.99948 8.40594L4.52353 8.33667C4.63735 9.31701 5.15627 10.1738 5.90852 10.7353L5.08648 12.0205C4.93972 12.25 5.01419 12.5555 5.25009 12.6917C5.48599 12.8279 5.78784 12.7397 5.91318 12.4978L6.61492 11.1439C7.0397 11.3271 7.50799 11.4286 8 11.4286C8.37057 11.4286 8.72769 11.3711 9.0629 11.2643L10.6429 13.4287L11.6268 12.7847L4.48429 3ZM5.5 7.92862C5.5 7.51117 5.60232 7.11761 5.78325 6.77166L8.42639 10.3924C8.28782 10.4162 8.14536 10.4286 8 10.4286C6.61929 10.4286 5.5 9.30933 5.5 7.92862Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          d=\"M10.8528 9.95685C11.1859 9.48912 11.4069 8.93598 11.4765 8.33667L13.0005 8.40594C13.2726 8.41831 13.5 8.20104 13.5 7.92865C13.5 7.65626 13.2726 7.43898 13.0005 7.45135L11.4765 7.52063C11.3627 6.54033 10.8438 5.68356 10.0916 5.12208L10.9137 3.83668C11.0605 3.60721 10.986 3.30166 10.7501 3.16546C10.5142 3.02927 10.2123 3.11754 10.087 3.35938L9.38519 4.71345C8.96038 4.53019 8.49205 4.42865 8 4.42865C7.62944 4.42865 7.27233 4.48623 6.93714 4.59295L7.57361 5.46484C7.71218 5.44103 7.85464 5.42862 8 5.42862C9.38071 5.42862 10.5 6.54791 10.5 7.92862C10.5 8.34607 10.3977 8.73963 10.2168 9.08558L10.8528 9.95685Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.PartialCommand) {\n      return 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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M5.25009 3.31411C5.48599 3.17792 5.78784 3.26619 5.91319 3.50803L6.61496 4.86203C7.03973 4.67881 7.50801 4.5773 8 4.5773C8.49205 4.5773 8.96038 4.67884 9.38519 4.8621L10.087 3.50803C10.2123 3.26619 10.5142 3.17792 10.7501 3.31411C10.986 3.45031 11.0605 3.75586 10.9137 3.98533L10.0916 5.27073C10.8438 5.83221 11.3627 6.68898 11.4765 7.66928L13.0005 7.6C13.2726 7.58763 13.5 7.80491 13.5 8.0773C13.5 8.34969 13.2726 8.56696 13.0005 8.55459L11.4765 8.48532C11.3627 9.4656 10.8438 10.3224 10.0916 10.8838L10.9137 12.1692C11.0605 12.3987 10.986 12.7042 10.7501 12.8404C10.5142 12.9766 10.2123 12.8883 10.087 12.6465L9.38523 11.2925C8.96041 11.4758 8.49206 11.5773 8 11.5773C7.50799 11.5773 7.0397 11.4758 6.61492 11.2925L5.91318 12.6465C5.78784 12.8883 5.48599 12.9766 5.25009 12.8404C5.01419 12.7042 4.93972 12.3986 5.08648 12.1692L5.90852 10.8839C5.15627 10.3225 4.63735 9.46566 4.52353 8.48532L2.99948 8.55459C2.72737 8.56696 2.5 8.34969 2.5 8.0773C2.5 7.80491 2.72737 7.58763 2.99948 7.6L4.52353 7.66928C4.63735 6.68892 5.15629 5.83212 5.90855 5.27064L5.08648 3.98533C4.93972 3.75586 5.01419 3.45031 5.25009 3.31411ZM8 10.5773C9.38071 10.5773 10.5 9.45798 10.5 8.07727C10.5 6.69656 9.38071 5.57727 8 5.57727C6.61929 5.57727 5.5 6.69656 5.5 8.07727C5.5 9.45798 6.61929 10.5773 8 10.5773Z\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.SharedCommand) {\n      return 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        <rect\n          width=\"16\"\n          height=\"16\"\n          rx=\"2\"\n          fill=\"var(--instrument-enhanced-primary-color)\"\n        />\n        <path\n          d=\"M4 4C4 3.45 4.45 3 5 3C5.55 3 6 3.45 6 4C6 4.55 5.55 5 5 5C4.45 5 4 4.55 4 4Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M6.39 5.79C5.965 5.605 5.495 5.5 5 5.5C4.505 5.5 4.035 5.605 3.61 5.79C3.24 5.95 3 6.31 3 6.715V7H7V6.715C7 6.31 6.76 5.95 6.39 5.79Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M12 4C12 4.55 11.55 5 11 5C10.45 5 10 4.55 10 4C10 3.45 10.45 3 11 3C11.55 3 12 3.45 12 4Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M12.39 5.79C11.965 5.605 11.495 5.5 11 5.5C10.505 5.5 10.035 5.605 9.61 5.79C9.24 5.95 9 6.31 9 6.715V7H13V6.715C13 6.31 12.76 5.95 12.39 5.79Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M5.91319 8.25803C5.78784 8.01619 5.48599 7.92792 5.25009 8.06411C5.01419 8.20031 4.93972 8.50586 5.08648 8.73533L5.90855 10.0206C5.15629 10.5821 4.63735 11.4389 4.52353 12.4193L2.99948 12.35C2.72737 12.3376 2.5 12.5549 2.5 12.8273C2.5 12.8883 2.5114 12.9465 2.53214 13H5.50587C5.50198 12.9429 5.5 12.8853 5.5 12.8273C5.5 11.4466 6.61929 10.3273 8 10.3273C9.38071 10.3273 10.5 11.4466 10.5 12.8273C10.5 12.8853 10.498 12.9429 10.4941 13H13.4679C13.4886 12.9465 13.5 12.8883 13.5 12.8273C13.5 12.5549 13.2726 12.3376 13.0005 12.35L11.4765 12.4193C11.3627 11.439 10.8438 10.5822 10.0916 10.0207L10.9137 8.73533C11.0605 8.50586 10.986 8.20031 10.7501 8.06411C10.5142 7.92792 10.2123 8.01619 10.087 8.25803L9.38519 9.6121C8.96038 9.42883 8.49205 9.3273 8 9.3273C7.50801 9.3273 7.03973 9.42881 6.61496 9.61203L5.91319 8.25803Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <path\n          d=\"M6.5 12.75C6.5 12.8352 6.5071 12.9187 6.52074 13H9.47926C9.4929 12.9187 9.5 12.8352 9.5 12.75C9.5 11.9216 8.82843 11.25 8 11.25C7.17157 11.25 6.5 11.9216 6.5 12.75Z\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.CommandAvailable) {\n      return 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        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          fill=\"var(--normal-enabled-background-color)\"\n        />\n        <rect\n          x=\"0.5\"\n          y=\"0.5\"\n          width=\"15\"\n          height=\"15\"\n          rx=\"1.5\"\n          stroke=\"var(--normal-enabled-border-color)\"\n        />\n        <path\n          d=\"M9 10.5C9.55228 10.5 10 10.0523 10 9.5C10 8.94772 9.55228 8.5 9 8.5C8.44772 8.5 8 8.94772 8 9.5C8 10.0523 8.44772 10.5 9 10.5Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n        <path\n          fill-rule=\"evenodd\"\n          clip-rule=\"evenodd\"\n          d=\"M8 6V5C8 3.62 6.88 2.5 5.5 2.5C4.12 2.5 3 3.62 3 5H4C4 4.17 4.67 3.5 5.5 3.5C6.33 3.5 7 4.17 7 5V6H6C5.44772 6 5 6.44772 5 7V12C5 12.5523 5.44772 13 6 13H12C12.5523 13 13 12.5523 13 12V7C13 6.44772 12.5523 6 12 6H8ZM12 7H6V12H12V7Z\"\n          fill=\"var(--on-normal-neutral-color)\"\n        />\n      </svg> `;\n    } else if (this.status === CommandStatus.Blocked) {\n      return html`\n        <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          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"15\"\n            height=\"15\"\n            rx=\"1.5\"\n            fill=\"var(--normal-enabled-background-color)\"\n          />\n          <rect\n            x=\"0.5\"\n            y=\"0.5\"\n            width=\"15\"\n            height=\"15\"\n            rx=\"1.5\"\n            stroke=\"var(--normal-enabled-border-color)\"\n          />\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M11 6H10.5V5C10.5 3.62 9.38 2.5 8 2.5C6.62 2.5 5.5 3.62 5.5 5V6H5C4.45 6 4 6.45 4 7V12C4 12.55 4.45 13 5 13H11C11.55 13 12 12.55 12 12V7C12 6.45 11.55 6 11 6ZM6.5 5C6.5 4.17 7.17 3.5 8 3.5C8.83 3.5 9.5 4.17 9.5 5V6H6.5V5ZM9 9.5C9 10.05 8.55 10.5 8 10.5C7.45 10.5 7 10.05 7 9.5C7 8.95 7.45 8.5 8 8.5C8.55 8.5 9 8.95 9 9.5Z\"\n            fill=\"var(--on-normal-neutral-color)\"\n          />\n        </svg>\n      `;\n    }\n\n    throw new Error('Invalid status');\n  }\n\n  override render() {\n    const icon = this.large ? this.iconLarge : this.iconSmall;\n\n    return html`\n      <div class=${classMap({wrapper: true, large: this.large})}>${icon}</div>\n    `;\n  }\n\n  static override styles = css`\n    .wrapper {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      line-height: 0;\n      height: 16px;\n      width: 16px;\n    }\n\n    .wrapper.large {\n      height: 24px;\n      width: 24px;\n    }\n  `;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'obc-badge-command': ObcBadgeCommand;\n  }\n}\n"],"names":["CommandStatus"],"mappings":"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"}

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

@@ -1 +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;"}
+{"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,CAAC;AAAA,EAAA;AAIZ;"}

package/dist/navigation-instruments/compass/compass.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;
 };
 let ObcCompass = class extends LitElement {

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

@@ -1 +1 @@
-{"version":3,"file":"compass.js","sources":["../../../src/navigation-instruments/compass/compass.ts"],"sourcesContent":["import {LitElement, 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';\nimport {ResizeController} from '@lit-labs/observers/resize-controller.js';\n\n/**\n *\n * @ignition-base-height: 512px\n * @ignition-base-width: 512px\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: Array, attribute: false}) headingAdvices: AngleAdvice[] = [];\n\n  // @ts-expect-error TS6133: The controller ensures that the render\n  // function is called on resize of the element\n  private _resizeController = new ResizeController(this, {});\n\n  private getPadding() {\n    const size = Math.min(this.clientHeight, this.clientWidth);\n    const deltaWidth = 512 - size;\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    return 72 + deltaPadding;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.headingAdvices.map(({minAngle, maxAngle, hinted, type}) => {\n      const state =\n        this.heading >= minAngle && this.heading <= maxAngle\n          ? AdviceState.triggered\n          : hinted\n            ? AdviceState.hinted\n            : AdviceState.regular;\n      return {minAngle, maxAngle, type, state};\n    });\n  }\n\n  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 padding = this.getPadding();\n    const width = (176 + padding) * 2;\n    const viewBox = `-${width / 2} -${width / 2} ${width} ${width}`;\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .padding=${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":";;;;;;;;;;;;;;;;;;;AAoBa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACS,SAAA,mBAAA;AACF,SAAA,iBAAgC;AAI3E,SAAQ,oBAAoB,IAAI,iBAAiB,MAAM,CAAE,CAAA;AAAA,EAAA;AAAA,EAEjD,aAAa;AACnB,UAAM,OAAO,KAAK,IAAI,KAAK,cAAc,KAAK,WAAW;AACzD,UAAM,aAAa,MAAM;AACzB,UAAM,QAAQ,aAAa;AAC3B,QAAI,eAAe;AACnB,QAAI,aAAa,GAAG;AAClB,qBAAe,QAAQ;AAAA,IAAA,OAClB;AACL,qBAAe,QAAQ;AAAA,IACzB;AAEA,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAY,iBAAmC;AACtC,WAAA,KAAK,eAAe,IAAI,CAAC,EAAC,UAAU,UAAU,QAAQ,WAAU;AACrE,YAAM,QACJ,KAAK,WAAW,YAAY,KAAK,WAAW,WACxC,YAAY,YACZ,SACE,YAAY,SACZ,YAAY;AACpB,aAAO,EAAC,UAAU,UAAU,MAAM,MAAK;AAAA,IAAA,CACxC;AAAA,EACH;AAAA,EAES,SAAS;AAChB,UAAM,YAAwB;AAAA,MAC5B,EAAC,OAAO,GAAG,MAAM,aAAa,KAAI;AAAA,MAClC,EAAC,OAAO,IAAI,MAAM,aAAa,KAAI;AAAA,MACnC,EAAC,OAAO,KAAK,MAAM,aAAa,KAAI;AAAA,MACpC,EAAC,OAAO,KAAK,MAAM,aAAa,KAAI;AAAA,IAAA;AAGhC,UAAA,KAAK,KAAK,eAAe;AAAA,MAAI,CAAC,EAAC,UAAU,UAAU,KACvD,MAAA;AAAA,QACE;AAAA,QACA;AAAA,QACA,SAAS,WAAW,UAAU,aAAa,YAAY;AAAA,MACzD;AAAA,IAAA;AAGI,UAAA,UAAU,KAAK;AACf,UAAA,SAAS,MAAM,WAAW;AAC1B,UAAA,UAAU,IAAI,QAAQ,CAAC,KAAK,QAAQ,CAAC,IAAI,KAAK,IAAI,KAAK;AAEtD,WAAA;AAAA;AAAA;AAAA,qBAGU,OAAO;AAAA,qBACP,KAAK,cAAc;AAAA,uBACjB,SAAS;AAAA,+BACD,IAAI;AAAA,8BACL,IAAI;AAAA;AAAA;AAAA,wBAGV,OAAO;AAAA,YACnB,EAAE,IAAI,MAAM,WAAW,KAAK,KAAK,OAAO,CAAC;AAAA,YACzC,MAAM,WAAW,KAAK,KAAK,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA,EAItD;AA2BF;AAlGa,WAyEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GADb,WACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAFb,WAEe,WAAA,oBAAA,CAAA;AACiB,gBAAA;AAAA,EAA1C,SAAS,EAAC,MAAM,OAAO,WAAW,OAAM;AAAA,GAH9B,WAGgC,WAAA,kBAAA,CAAA;AAHhC,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}
+{"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';\nimport {ResizeController} from '@lit-labs/observers/resize-controller.js';\n\n/**\n *\n * @ignition-base-height: 512px\n * @ignition-base-width: 512px\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: Array, attribute: false}) headingAdvices: AngleAdvice[] = [];\n\n  // @ts-expect-error TS6133: The controller ensures that the render\n  // function is called on resize of the element\n  private _resizeController = new ResizeController(this, {});\n\n  private getPadding() {\n    const size = Math.min(this.clientHeight, this.clientWidth);\n    const deltaWidth = 512 - size;\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    return 72 + deltaPadding;\n  }\n\n  private get angleAdviceRaw(): AngleAdviceRaw[] {\n    return this.headingAdvices.map(({minAngle, maxAngle, hinted, type}) => {\n      const state =\n        this.heading >= minAngle && this.heading <= maxAngle\n          ? AdviceState.triggered\n          : hinted\n            ? AdviceState.hinted\n            : AdviceState.regular;\n      return {minAngle, maxAngle, type, state};\n    });\n  }\n\n  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 padding = this.getPadding();\n    const width = (176 + padding) * 2;\n    const viewBox = `-${width / 2} -${width / 2} ${width} ${width}`;\n\n    return html`\n      <div class=\"container\">\n        <obc-watch\n          .padding=${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":";;;;;;;;;;;;;;;;;;AAoBa,IAAA,aAAN,cAAyB,WAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC+B,SAAA,UAAA;AACS,SAAA,mBAAA;AACF,SAAA,iBAAgC,CAAC;AAI5E,SAAQ,oBAAoB,IAAI,iBAAiB,MAAM,CAAA,CAAE;AAAA,EAAA;AAAA,EAEjD,aAAa;AACnB,UAAM,OAAO,KAAK,IAAI,KAAK,cAAc,KAAK,WAAW;AACzD,UAAM,aAAa,MAAM;AACzB,UAAM,QAAQ,aAAa;AAC3B,QAAI,eAAe;AACnB,QAAI,aAAa,GAAG;AAClB,qBAAe,QAAQ;AAAA,IAAA,OAClB;AACL,qBAAe,QAAQ;AAAA,IAAA;AAGzB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGd,IAAY,iBAAmC;AACtC,WAAA,KAAK,eAAe,IAAI,CAAC,EAAC,UAAU,UAAU,QAAQ,WAAU;AACrE,YAAM,QACJ,KAAK,WAAW,YAAY,KAAK,WAAW,WACxC,YAAY,YACZ,SACE,YAAY,SACZ,YAAY;AACpB,aAAO,EAAC,UAAU,UAAU,MAAM,MAAK;AAAA,IAAA,CACxC;AAAA,EAAA;AAAA,EAGM,SAAS;AAChB,UAAM,YAAwB;AAAA,MAC5B,EAAC,OAAO,GAAG,MAAM,aAAa,KAAI;AAAA,MAClC,EAAC,OAAO,IAAI,MAAM,aAAa,KAAI;AAAA,MACnC,EAAC,OAAO,KAAK,MAAM,aAAa,KAAI;AAAA,MACpC,EAAC,OAAO,KAAK,MAAM,aAAa,KAAI;AAAA,IACtC;AAEM,UAAA,KAAK,KAAK,eAAe;AAAA,MAAI,CAAC,EAAC,UAAU,UAAU,KACvD,MAAA;AAAA,QACE;AAAA,QACA;AAAA,QACA,SAAS,WAAW,UAAU,aAAa,YAAY;AAAA,MAAA;AAAA,IAE3D;AAEM,UAAA,UAAU,KAAK,WAAW;AAC1B,UAAA,SAAS,MAAM,WAAW;AAC1B,UAAA,UAAU,IAAI,QAAQ,CAAC,KAAK,QAAQ,CAAC,IAAI,KAAK,IAAI,KAAK;AAEtD,WAAA;AAAA;AAAA;AAAA,qBAGU,OAAO;AAAA,qBACP,KAAK,cAAc;AAAA,uBACjB,SAAS;AAAA,+BACD,IAAI;AAAA,8BACL,IAAI;AAAA;AAAA;AAAA,wBAGV,OAAO;AAAA,YACnB,EAAE,IAAI,MAAM,WAAW,KAAK,KAAK,OAAO,CAAC;AAAA,YACzC,MAAM,WAAW,KAAK,KAAK,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA,EAAA;AA+BxD;AAlGa,WAyEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAxEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,WACe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,WAEe,WAAA,oBAAA,CAAA;AACiB,gBAAA;AAAA,EAA1C,SAAS,EAAC,MAAM,OAAO,WAAW,MAAM,CAAA;AAAA,GAH9B,WAGgC,WAAA,kBAAA,CAAA;AAHhC,aAAN,gBAAA;AAAA,EADN,cAAc,aAAa;AAAA,GACf,UAAA;"}

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

@@ -57,8 +57,7 @@ function radialTickmarks(minAngle, maxAngle, type) {
       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;
+      if (currentRadius >= radius) break;
     }
   }
   return tickmarks;

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.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":";;;;;;;;;;;;;;;;AAMY,IAAA,kCAAAA,mBAAL;AACLA,iBAAAA,eAAA,SAAM,GAAN,IAAA;AACAA,iBAAAA,eAAA,YAAS,EAAT,IAAA;AAFUA,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAKA,IAAA,+BAAAC,gBAAL;AACLA,cAAA,SAAU,IAAA;AADAA,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAgBC,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC2C,SAAA,YAAA;AACG,SAAA,eAAA;AACP,SAAA,UAAA;AACR,SAAA,UAAA;AACS,SAAA,mBAAA;AACJ,SAAA,eAAA;AACT,SAAA,MAAA;AACG,SAAA,SAAA;AACA,SAAA,SAAA;AAET,SAAA,iBAAA;AACG,SAAA,oBAAA;AAE7B,SAAQ,iBAAiC,IAAI,eAAe,CAAC,YAAY;AACvE,iBAAW,SAAS,SAAS;AAE3B,aAAK,oBAAoB,UAAU,OAAO,MAAM,YAAY;AAC5D,aAAK,iBAAiB,KAAK;AAAA,UACzB,MAAM,YAAY;AAAA,UAClB,KAAK;AAAA,QAAA;AAAA,MAET;AAAA,IAAA,CACD;AAAA,EAAA;AAAA,EAEQ,oBAAoB;AAC3B,UAAM,kBAAkB;AACnB,SAAA,eAAe,QAAQ,IAAI;AAAA,EAClC;AAAA,EAES,uBAAuB;AAC9B,UAAM,qBAAqB;AACtB,SAAA,eAAe,UAAU,IAAI;AAAA,EACpC;AAAA,EAEA,iBAAiB;AACX,QAAA,KAAK,iBAAiB,KAAK;AAC7B,aAAO;IAAC,WACC,KAAK,kBAAkB,KAAK;AAC9B,aAAA;AAAA,QACL,EAAC,GAAG,MAAM,GAAG,KAAmB,MAAM,IAAG;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,GAAG,GAAG,KAAmB,MAAM,IAAG;AAAA,QACtC,EAAC,GAAG,IAAI,GAAG,KAAmB,MAAM,IAAG;AAAA,QACvC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,MAAA;AAAA,IAC1C,OACK;AACE,aAAA;AAAA,QACL,EAAC,GAAG,MAAM,GAAG,KAAmB,MAAM,IAAG;AAAA,QACzC,EAAC,GAAG,MAAM,GAAG,KAAmB,MAAM,KAAI;AAAA,QAC1C,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,GAAG,GAAG,KAAmB,MAAM,IAAG;AAAA,QACtC,EAAC,GAAG,IAAI,GAAG,KAAmB,MAAM,KAAI;AAAA,QACxC,EAAC,GAAG,IAAI,GAAG,KAAmB,MAAM,IAAG;AAAA,QACvC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,MAAA;AAAA,IAE5C;AAAA,EACF;AAAA,EAEQ,0BAA0B,OAA2B;AAC3D,UAAM,YAAwB,CAAA;AAC9B,QAAI,mBAAmB;AAEnB,QAAA,KAAK,iBAAiB,KAAK;AACV,yBAAA;AAAA,IAAA,WACV,KAAK,iBAAiB,KAAK;AACjB,yBAAA;AAAA,IACrB;AAGM,aAAA,QAAQ,MACZ,QAAQ,KAAK,SAAS,GACtB,SAAS,KAAK,cACd;AACA,UAAI,qBAAqB,KAAK,QAAQ,qBAAqB,GAAG;AAC5D;AAAA,MACF;AACU,gBAAA,KAAK,EAAC,OAAO,QAAQ,OAAO,MAAM,aAAa,WAAU;AAAA,IACrE;AAEO,WAAA;AAAA,EACT;AAAA,EAEQ,0BACN,OACA,QACY;AACZ,UAAM,YAAwB,CAAA;AAE9B,eAAW,SAAS,QAAQ;AAChB,gBAAA,KAAK,EAAC,OAAO,MAAM,IAAI,OAAO,MAAM,aAAa,KAAA,CAAK;AAAA,IAClE;AAEO,WAAA;AAAA,EACT;AAAA,EAEQ,kBAAkB,OAAe,QAA6B;AAC7D,WAAA;AAAA,MACL,GAAG,KAAK,0BAA0B,OAAO,MAAM;AAAA,MAC/C,GAAG,KAAK,0BAA0B,KAAK;AAAA,IAAA;AAAA,EAE3C;AAAA,EAEQ,qBAA0C;AAChD,UAAM,aAAkC,CAAA;AAExC,UAAM,gBAAgB;AACtB,UAAM,oBAAoB;AAC1B,UAAM,oBAAoB;AAE1B,QAAI,cAAc;AACd,QAAA,KAAK,iBAAiB,mBAAmB;AAC3C,YAAM,aAAa,oBAAoB;AACjC,YAAA,eACH,oBAAoB,KAAK,kBAAkB;AAC9C,oBAAc,cAAc;AAAA,IAC9B;AAEA,UAAM,IAAI,KAAuB;AAEjC,eAAW,KAAK;AAAA,6BACS,CAAC,4BAA4B,6CAAkB;AAAA,cAC9D,CAAC,KAAK,GAAG;AAAA,kBACL;AAEd,eAAW,KAAK;AAAA,0BACM,CAAC,uBAAuB,6CAAkB;AAAA,cACtD,KAAK,OAAO;AAAA,kBACR;AAEd,eAAW,KAAK;AAAA,4BACQ,CAAC,6BAA6B,6CAAkB;AAAA,cAC9D,KAAK,GAAG;AAAA,kBACJ;AAEP,WAAA;AAAA,EACT;AAAA,EAEA,IAAY,SAA4B;AAC/B,WAAA;AAAA;AAAA;AAAA,EAGT;AAAA,EAEQ,OAAO,aAAwC;AAC9C,WAAA;AAAA,gCACqB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA,EAI/C;AAAA,EAES,SAAS;AACZ,QAAA,YAAY,KAAK,mBAAmB,KAAK;AAEzC,QAAA,YAAY,KAAK,QAAQ;AACd,mBAAA;AAAA,IACJ,WAAA,YAAY,CAAC,KAAK,QAAQ;AACtB,mBAAA;AAAA,IACf;AAEK,SAAA,MAAM,KAAK,IAAI,KAAK,QAAQ,KAAK,IAAI,SAAS,CAAC;AAEpD,UAAM,aAAa;AACb,UAAA,mBAAoB,aAAa,KAAM,KAAK;AAElD,UAAM,cAAc,YAAY;AAC1B,UAAA,SAAS,KAAK;AACpB,UAAM,YAAY,KAAK,kBAAkB,kBAAkB,MAAM;AACjE,UAAM,eAAe,OAAO,IAAI,CAAC,OAAO;AAAA,MACtC,GAAG;AAAA,MACH,GAAG,EAAE,IAAI;AAAA,IACT,EAAA;AAEI,UAAA,UAAU,KAAK,YAAY,sBAAsB;AAEhD,WAAA;AAAA,gDACqC,KAAK,iBAAiB;AAAA,qCACjC,KAAK,SAAS,kBAAkB,KAAK,eAAe,KAAK,uBAAuB,CAAA,CAAE,YAAY,YAAY,cAAc,KAAK,OAAO,eAAe,SAAS,qBAAqB,gBAAgB;AAAA,uBAC/M,OAAO;AAAA,UACpB,KAAK,MAAM,GAAG,KAAK,OAAO,WAAW,CAAC;AAAA;AAAA;AAAA,EAG9C;AAGF;AAxMa,eAuMK,SAAS,UAAU,cAAc;AAtMtB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GADd,eACgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,SAAQ;AAAA,GAFd,eAEgB,WAAA,gBAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAHb,eAGe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAJb,eAIe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GALb,eAKe,WAAA,oBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GANb,eAMe,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GAPb,eAOe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GARb,eAQe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,QAAO;AAAA,GATb,eASe,WAAA,UAAA,CAAA;AAEjB,gBAAA;AAAA,EAAR,MAAM;AAAA,GAXI,eAWF,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAR,MAAM;AAAA,GAZI,eAYF,WAAA,qBAAA,CAAA;AAZE,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
+{"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":";;;;;;;;;;;;;;;AAMY,IAAA,kCAAAA,mBAAL;AACLA,iBAAAA,eAAA,SAAM,GAAN,IAAA;AACAA,iBAAAA,eAAA,YAAS,EAAT,IAAA;AAFUA,SAAAA;AAAA,GAAA,iBAAA,CAAA,CAAA;AAKA,IAAA,+BAAAC,gBAAL;AACLA,cAAA,SAAU,IAAA;AADAA,SAAAA;AAAA,GAAA,cAAA,CAAA,CAAA;AAgBC,IAAA,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AAC2C,SAAA,YAAA;AACG,SAAA,eAAA;AACP,SAAA,UAAA;AACR,SAAA,UAAA;AACS,SAAA,mBAAA;AACJ,SAAA,eAAA;AACT,SAAA,MAAA;AACG,SAAA,SAAA;AACA,SAAA,SAAA;AAET,SAAA,iBAAA;AACG,SAAA,oBAAA;AAE7B,SAAQ,iBAAiC,IAAI,eAAe,CAAC,YAAY;AACvE,iBAAW,SAAS,SAAS;AAE3B,aAAK,oBAAoB,UAAU,OAAO,MAAM,YAAY;AAC5D,aAAK,iBAAiB,KAAK;AAAA,UACzB,MAAM,YAAY;AAAA,UAClB,KAAK;AAAA,QACP;AAAA,MAAA;AAAA,IACF,CACD;AAAA,EAAA;AAAA,EAEQ,oBAAoB;AAC3B,UAAM,kBAAkB;AACnB,SAAA,eAAe,QAAQ,IAAI;AAAA,EAAA;AAAA,EAGzB,uBAAuB;AAC9B,UAAM,qBAAqB;AACtB,SAAA,eAAe,UAAU,IAAI;AAAA,EAAA;AAAA,EAGpC,iBAAiB;AACX,QAAA,KAAK,iBAAiB,KAAK;AAC7B,aAAO,CAAC;AAAA,IAAA,WACC,KAAK,kBAAkB,KAAK;AAC9B,aAAA;AAAA,QACL,EAAC,GAAG,MAAM,GAAG,KAAmB,MAAM,IAAG;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,GAAG,GAAG,KAAmB,MAAM,IAAG;AAAA,QACtC,EAAC,GAAG,IAAI,GAAG,KAAmB,MAAM,IAAG;AAAA,QACvC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,MAC1C;AAAA,IAAA,OACK;AACE,aAAA;AAAA,QACL,EAAC,GAAG,MAAM,GAAG,KAAmB,MAAM,IAAG;AAAA,QACzC,EAAC,GAAG,MAAM,GAAG,KAAmB,MAAM,KAAI;AAAA,QAC1C,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,GAAG,GAAG,KAAmB,MAAM,IAAG;AAAA,QACtC,EAAC,GAAG,IAAI,GAAG,KAAmB,MAAM,KAAI;AAAA,QACxC,EAAC,GAAG,IAAI,GAAG,KAAmB,MAAM,IAAG;AAAA,QACvC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,QACxC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,KAAI;AAAA,QACzC,EAAC,GAAG,KAAK,GAAG,KAAmB,MAAM,IAAG;AAAA,MAC1C;AAAA,IAAA;AAAA,EACF;AAAA,EAGM,0BAA0B,OAA2B;AAC3D,UAAM,YAAwB,CAAC;AAC/B,QAAI,mBAAmB;AAEnB,QAAA,KAAK,iBAAiB,KAAK;AACV,yBAAA;AAAA,IAAA,WACV,KAAK,iBAAiB,KAAK;AACjB,yBAAA;AAAA,IAAA;AAIf,aAAA,QAAQ,MACZ,QAAQ,KAAK,SAAS,GACtB,SAAS,KAAK,cACd;AACA,UAAI,qBAAqB,KAAK,QAAQ,qBAAqB,GAAG;AAC5D;AAAA,MAAA;AAEQ,gBAAA,KAAK,EAAC,OAAO,QAAQ,OAAO,MAAM,aAAa,WAAU;AAAA,IAAA;AAG9D,WAAA;AAAA,EAAA;AAAA,EAGD,0BACN,OACA,QACY;AACZ,UAAM,YAAwB,CAAC;AAE/B,eAAW,SAAS,QAAQ;AAChB,gBAAA,KAAK,EAAC,OAAO,MAAM,IAAI,OAAO,MAAM,aAAa,MAAK;AAAA,IAAA;AAG3D,WAAA;AAAA,EAAA;AAAA,EAGD,kBAAkB,OAAe,QAA6B;AAC7D,WAAA;AAAA,MACL,GAAG,KAAK,0BAA0B,OAAO,MAAM;AAAA,MAC/C,GAAG,KAAK,0BAA0B,KAAK;AAAA,IACzC;AAAA,EAAA;AAAA,EAGM,qBAA0C;AAChD,UAAM,aAAkC,CAAC;AAEzC,UAAM,gBAAgB;AACtB,UAAM,oBAAoB;AAC1B,UAAM,oBAAoB;AAE1B,QAAI,cAAc;AACd,QAAA,KAAK,iBAAiB,mBAAmB;AAC3C,YAAM,aAAa,oBAAoB;AACjC,YAAA,eACH,oBAAoB,KAAK,kBAAkB;AAC9C,oBAAc,cAAc;AAAA,IAAA;AAG9B,UAAM,IAAI,KAAuB;AAEjC,eAAW,KAAK;AAAA,6BACS,CAAC,4BAA4B,6CAAkB;AAAA,cAC9D,CAAC,KAAK,GAAG;AAAA,kBACL;AAEd,eAAW,KAAK;AAAA,0BACM,CAAC,uBAAuB,6CAAkB;AAAA,cACtD,KAAK,OAAO;AAAA,kBACR;AAEd,eAAW,KAAK;AAAA,4BACQ,CAAC,6BAA6B,6CAAkB;AAAA,cAC9D,KAAK,GAAG;AAAA,kBACJ;AAEP,WAAA;AAAA,EAAA;AAAA,EAGT,IAAY,SAA4B;AAC/B,WAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAKD,OAAO,aAAwC;AAC9C,WAAA;AAAA,gCACqB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA,EAAA;AAAA,EAMtC,SAAS;AACZ,QAAA,YAAY,KAAK,mBAAmB,KAAK;AAEzC,QAAA,YAAY,KAAK,QAAQ;AACd,mBAAA;AAAA,IACJ,WAAA,YAAY,CAAC,KAAK,QAAQ;AACtB,mBAAA;AAAA,IAAA;AAGV,SAAA,MAAM,KAAK,IAAI,KAAK,QAAQ,KAAK,IAAI,SAAS,CAAC;AAEpD,UAAM,aAAa;AACb,UAAA,mBAAoB,aAAa,KAAM,KAAK;AAElD,UAAM,cAAc,YAAY;AAC1B,UAAA,SAAS,KAAK,eAAe;AACnC,UAAM,YAAY,KAAK,kBAAkB,kBAAkB,MAAM;AACjE,UAAM,eAAe,OAAO,IAAI,CAAC,OAAO;AAAA,MACtC,GAAG;AAAA,MACH,GAAG,EAAE,IAAI;AAAA,IAAA,EACT;AAEI,UAAA,UAAU,KAAK,YAAY,sBAAsB;AAEhD,WAAA;AAAA,gDACqC,KAAK,iBAAiB;AAAA,qCACjC,KAAK,SAAS,kBAAkB,KAAK,eAAe,KAAK,uBAAuB,CAAA,CAAE,YAAY,YAAY,cAAc,KAAK,OAAO,eAAe,SAAS,qBAAqB,gBAAgB;AAAA,uBAC/M,OAAO;AAAA,UACpB,KAAK,MAAM,GAAG,KAAK,OAAO,WAAW,CAAC;AAAA;AAAA;AAAA,EAAA;AAMhD;AAxMa,eAuMK,SAAS,UAAU,cAAc;AAtMtB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GADd,eACgB,WAAA,aAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAFd,eAEgB,WAAA,gBAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAHb,eAGe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAJb,eAIe,WAAA,WAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GALb,eAKe,WAAA,oBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,eAMe,WAAA,gBAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAPb,eAOe,WAAA,OAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GARb,eAQe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GATb,eASe,WAAA,UAAA,CAAA;AAEjB,gBAAA;AAAA,EAAR,MAAM;AAAA,GAXI,eAWF,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAAR,MAAM;AAAA,GAZI,eAYF,WAAA,qBAAA,CAAA;AAZE,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}

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":"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"}
+{"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.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":"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"}
+{"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,CAAC;AAAA,EAAA;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,IACP;AACA,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,IACP;AACA,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,MAAA;AAAA,IACV,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,MAAA;AAAA,IACV,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,EAAA;AAOzB;AA3Ia,cA0IK,SAAS,UAAU,YAAY;AAzIrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GADb,cACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAFb,cAEe,WAAA,kBAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAHd,cAGgB,WAAA,kBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAJd,cAIgB,WAAA,oBAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GALb,cAKe,WAAA,SAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GANb,cAMe,WAAA,iBAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAPd,cAOgB,WAAA,iBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GARd,cAQgB,WAAA,mBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GATd,cASgB,WAAA,+BAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAQ,CAAA;AAAA,GAVd,cAUgB,WAAA,8BAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAXb,cAWe,WAAA,gCAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAZb,cAYe,WAAA,+BAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAbb,cAae,WAAA,gCAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAdb,cAce,WAAA,+BAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAO,CAAA;AAAA,GAfb,cAee,WAAA,SAAA,CAAA;AACD,gBAAA;AAAA,EAAxB,SAAS,EAAC,MAAM,MAAM,CAAA;AAAA,GAhBZ,cAgBc,WAAA,iBAAA,CAAA;AAhBd,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}

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.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.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-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.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) => {