{"version":3,"mappings":"8OAiBA,MAAAA,EAAe,CACb,KAAM,cACR,+kBCYA,IAAAC,EAAA,cAAAC,CAAA,CACA,MAQA,QAEA,gBAEA,MAEA,cAEA,eACA,8BAAAC,OAAA,gBACA,CAEA,iBACA,sCACAA,OAAA,gBAEA,CAEA,iBACA,8CACA,OAGA,SACA,CAEA,cACA,8CACA,QAGA,SACA,CAEA,YACA,0BACAC,EAAA,CACA,sDACA,EACA,MACA,CAEA,kCACA,oBACA,iWACA,OACA,gBACA,EACA,CACA,CACA,EA1DAC,EAAA,CAAAC,EAAA,gBADAL,EACA,qBAQAI,EAAA,CANAC,EAAA,CACA,kBACA,UAAAC,EAAA,CACA,0CAAAA,CAAA,CACA,EACA,GARAN,EASA,uBAEAI,EAAA,CAAAG,EAAA,0CAXAP,EAWA,+BAEAI,EAAA,CAAAG,EAAA,+BAbAP,EAaA,qBAEAI,EAAA,CAAAG,EAAA,iCAfAP,EAeA,6BAfAA,EAAAI,EAAA,CALAI,EAAA,CACA,YACA,IAAAC,CACA,EACA,GACAT,CAAA,u/BCsDA,IAAAU,EAAA,cAAAT,CAAA,CACA,MAEA,sBACA,2CACA,CAEA,WACA,QAAAU,EAAA,IAAAC,CAAA,kBAUA,OARAD,MAAA,IACAA,EAAA,MAGAC,MAAA,IACAA,EAAA,MAGAD,IAAAC,EACA,6CAGA,eACA,CAAAD,EAAAC,CAAA,SAAAV,IAAA,cACA,SAEA,CAEA,aACA,MAAAW,EAAA,GACA,iDACAA,EAAA,gDAEA,sBACAA,EAAA,6CAEAA,EAAA,YACA,CAEA,gBACA,aAAAC,EAAA,SAAAC,CAAA,oBAEA,OAAAD,MAAA,IACAA,EAAA,MAGAC,MAAA,IACAA,EAAA,MAGA,CAAAD,EAAAC,CAAA,SAAAb,IAAA,aACA,CAEA,mBACA,mBAAAc,EAAA,mBAAAC,CAAA,oBAEA,OAAAD,MAAA,IACAA,EAAA,MAGAC,MAAA,IACAA,EAAA,MAGA,CAAAD,EAAAC,CAAA,EACA,OAAAf,IAAA,EACA,WACA,CACA,EAnEAE,EAAA,CAAAC,EAAA,gBADAK,EACA,qBADAA,EAAAN,EAAA,CADAI,EAAA,KACAE,CAAA","names":["__default__","AddToHangar","Vue","item","displayWarning","__decorateClass","Prop","value","Getter","Component","Btn","PanelMetrics","min","max","speeds","scmSpeed","maxSpeed","groundMaxSpeed","groundReverseSpeed"],"sources":["../../../app/frontend/frontend/core/components/Panel/PanelDetails/index.vue","../../../app/frontend/frontend/components/Models/AddToHangar/index.vue","../../../app/frontend/frontend/components/Models/PanelMetrics/index.vue"],"sourcesContent":["<template>\n  <div v-show-slide:400:ease-in-out=\"visible\" class=\"panel-details\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\ntype Props = {\n  visible: boolean;\n};\n\nwithDefaults(defineProps<Props>(), {\n  visible: false,\n});\n</script>\n\n<script lang=\"ts\">\nexport default {\n  name: \"PanelDetails\",\n};\n</script>\n","<template>\n  <Btn\n    :key=\"`add-to-hangar-${model.slug}`\"\n    v-tooltip.bottom=\"$t('actions.addToHangar')\"\n    :variant=\"btnVariant\"\n    :size=\"btnSize\"\n    :inline=\"variant === 'menu'\"\n    data-test=\"add-to-hangar\"\n    @click.native=\"add\"\n  >\n    <span v-show=\"inHangar || onWishlist\">\n      <i class=\"fa fa-bookmark\" />\n    </span>\n    <span v-show=\"!inHangar && !onWishlist\">\n      <i class=\"fal fa-bookmark\" />\n    </span>\n  </Btn>\n</template>\n\n<script lang=\"ts\">\nimport Vue from \"vue\";\nimport { Component, Prop } from \"vue-property-decorator\";\nimport { Getter } from \"vuex-class\";\nimport Btn from \"@/frontend/core/components/Btn/index.vue\";\nimport { displayWarning } from \"@/frontend/lib/Noty\";\n\n@Component<AddToHangar>({\n  components: {\n    Btn,\n  },\n})\nexport default class AddToHangar extends Vue {\n  @Prop({ required: true }) model: Model;\n\n  @Prop({\n    default: \"default\",\n    validator(value) {\n      return [\"default\", \"panel\", \"menu\"].includes(value);\n    },\n  })\n  variant: string;\n\n  @Getter(\"isAuthenticated\", { namespace: \"session\" }) isAuthenticated;\n\n  @Getter(\"ships\", { namespace: \"hangar\" }) ships;\n\n  @Getter(\"ships\", { namespace: \"wishlist\" }) wishlistShips;\n\n  get inHangar() {\n    return !!(this.ships || []).find((item) => item === this.model.slug);\n  }\n\n  get onWishlist() {\n    return !!(this.wishlistShips || []).find(\n      (item) => item === this.model.slug,\n    );\n  }\n\n  get btnVariant() {\n    if ([\"panel\", \"menu\"].includes(this.variant)) {\n      return \"link\";\n    }\n\n    return \"default\";\n  }\n\n  get btnSize() {\n    if ([\"panel\", \"menu\"].includes(this.variant)) {\n      return \"small\";\n    }\n\n    return \"default\";\n  }\n\n  async add() {\n    if (!this.isAuthenticated) {\n      displayWarning({\n        text: this.$t(\"messages.error.hangar.accountRequired\"),\n      });\n      return;\n    }\n\n    this.$comlink.$emit(\"open-modal\", {\n      component: () =>\n        import(\"@/frontend/components/Models/AddToHangarModal/index.vue\"),\n      props: {\n        model: this.model,\n      },\n    });\n  }\n}\n</script>\n","<template>\n  <div>\n    <div class=\"row metrics-block top-metrics metrics-padding\">\n      <div v-if=\"model.focus\" class=\"col-6 col-md-4\">\n        <div class=\"metrics-label\">{{ $t(\"model.focus\") }}:</div>\n        <div class=\"metrics-value\">\n          {{ model.focus }}\n        </div>\n      </div>\n      <div v-if=\"model.crew.min || model.crew.max\" class=\"col-6 col-md-4\">\n        <div class=\"metrics-label\">{{ $t(\"model.crew\") }}:</div>\n        <div class=\"metrics-value\">\n          {{ crew }}\n        </div>\n      </div>\n      <div class=\"col-12 col-md-4\">\n        <div class=\"metrics-label\">{{ $t(\"model.speed\") }}:</div>\n        <div v-if=\"isGroundVehicle\" class=\"metrics-value\">\n          {{ $t(\"model.max\") }}:\n          {{ $toNumber(model.speeds.groundMaxSpeed, \"speed\") }}\n        </div>\n        <div v-else class=\"metrics-value\">\n          {{ $t(\"model.scm\") }}:\n          {{ $toNumber(model.speeds.scmSpeed, \"speed\") }}\n          <br />\n          {{ $t(\"model.max\") }}:\n          {{ $toNumber(model.speeds.maxSpeed, \"speed\") }}\n        </div>\n      </div>\n    </div>\n\n    <hr class=\"dark slim-spacer\" />\n\n    <div class=\"row base-metrics metrics-padding\">\n      <div class=\"col-12 metrics-block\">\n        <div class=\"row\">\n          <div class=\"col-6 col-lg-4\">\n            <div class=\"metrics-label\">{{ $t(\"model.length\") }}:</div>\n            <div class=\"metrics-value\">\n              {{ $toNumber(model.metrics.length, \"distance\") }}\n            </div>\n            <div class=\"metrics-label\">{{ $t(\"model.beam\") }}:</div>\n            <div class=\"metrics-value\">\n              {{ $toNumber(model.metrics.beam, \"distance\") }}\n            </div>\n          </div>\n          <div class=\"col-6 col-lg-4\">\n            <div class=\"metrics-label\">{{ $t(\"model.height\") }}:</div>\n            <div class=\"metrics-value\">\n              {{ $toNumber(model.metrics.height, \"distance\") }}\n            </div>\n            <div class=\"metrics-label\">{{ $t(\"model.mass\") }}:</div>\n            <div class=\"metrics-value\">\n              {{ $toNumber(model.metrics.mass, \"weight\") }}\n            </div>\n          </div>\n          <div class=\"col-12 col-lg-4\">\n            <div class=\"row\">\n              <div class=\"col-6 col-lg-12\">\n                <div class=\"metrics-label\">{{ $t(\"model.cargo\") }}:</div>\n                <div class=\"metrics-value\">\n                  {{ $toNumber(model.metrics.cargo, \"cargo\") }}\n                </div>\n              </div>\n              <div v-if=\"model.price\" class=\"col-6 col-lg-12\">\n                <div class=\"metrics-label\">{{ $t(\"model.price\") }}:</div>\n                <div\n                  v-tooltip=\"$toUEC(model.price)\"\n                  class=\"metrics-value\"\n                  v-html=\"$toUEC(model.price)\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport Vue from \"vue\";\nimport { Component, Prop } from \"vue-property-decorator\";\n\n@Component<PanelMetrics>({})\nexport default class PanelMetrics extends Vue {\n  @Prop({ required: true }) model: Model;\n\n  get isGroundVehicle() {\n    return this.model.classification === \"ground\";\n  }\n\n  get crew() {\n    let { min, max } = this.model.crew;\n\n    if (min && min <= 0) {\n      min = null;\n    }\n\n    if (max && max <= 0) {\n      max = null;\n    }\n\n    if (min === max) {\n      return this.$toNumber(this.model.crew.min, \"people\");\n    }\n\n    return this.$toNumber(\n      [min, max].filter((item) => item).join(\" - \"),\n      \"people\",\n    );\n  }\n\n  get speeds() {\n    const speeds = [];\n    if (this.groundSpeeds || this.isGroundVehicle) {\n      speeds.push(this.$toNumber(this.groundSpeeds, \"speed\"));\n    }\n    if (!this.isGroundVehicle) {\n      speeds.push(this.$toNumber(this.airSpeeds, \"speed\"));\n    }\n    return speeds.join(\"<br>\");\n  }\n\n  get airSpeeds() {\n    let { scmSpeed, maxSpeed } = this.model.speeds;\n\n    if (scmSpeed && scmSpeed <= 0) {\n      scmSpeed = null;\n    }\n\n    if (maxSpeed && maxSpeed <= 0) {\n      maxSpeed = null;\n    }\n\n    return [scmSpeed, maxSpeed].filter((item) => item).join(\" - \");\n  }\n\n  get groundSpeeds() {\n    let { groundMaxSpeed, groundReverseSpeed } = this.model.speeds;\n\n    if (groundMaxSpeed && groundMaxSpeed <= 0) {\n      groundMaxSpeed = null;\n    }\n\n    if (groundReverseSpeed && groundReverseSpeed <= 0) {\n      groundReverseSpeed = null;\n    }\n\n    return [groundMaxSpeed, groundReverseSpeed]\n      .filter((item) => item)\n      .join(\" - \");\n  }\n}\n</script>\n"],"file":"assets/index-6a15713d.js"}