{"version":3,"file":"prices-3f114fac.js","sources":["../../../themes/paybis/vue/components/Prices/TrendChart.vue","../../../themes/paybis/vue/components/Shared/TooltipElement.vue","../../../themes/paybis/vue/components/Prices/CurrencyRow.vue","../../../themes/paybis/vue/components/Prices/Pagination.vue","../../../themes/paybis/vue/components/Prices/PriceTable.vue","../../../themes/paybis/vue/components/Prices/PricesPage.vue","../../../themes/paybis/vue/route/prices.js","../../../themes/paybis/vue/store/prices/index.js","../../../themes/paybis/vue/prices.js","../../../themes/paybis/vue/prices-client-entry.js"],"sourcesContent":["<template>\n  <div class=\"trend-chart\">\n    <img\n        :src=\"url\"\n        height=\"40\"\n        width=\"147\"\n        loading=\"lazy\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex';\n\nexport default {\n  name: 'TrendChart',\n\n  props: {\n    cryptoCode: { type: String, required: true }\n  },\n\n  computed: {\n    ...mapState('prices', ['selectedCurrency', 'selectedMarket']),\n    url () {\n      const rootUrl = SEO_PRICES_API_URL; // eslint-disable-line no-undef\n      const market = this.selectedMarket.value;\n      const fiatCode = this.selectedCurrency.code;\n      const cryptoCode = this.cryptoCode;\n\n      return `${rootUrl}/trend/${market}/${cryptoCode}/${fiatCode}/graph.png`;\n    }\n  },\n};\n</script>\n<style scoped lang=\"scss\">\n.trend-chart {\n  position: relative;\n\n  & img {\n    height: auto;\n    width: 100%;\n    border-style: none;\n\n    &[src=\"\"] {\n      visibility: hidden;\n    }\n  }\n\n  @media screen and (min-width: $screen-md-min) {\n    .chart-cell {\n      width: auto;\n    }\n  }\n  @media screen and (min-width: $screen-lg-min) {\n    height: 40px;\n  }\n}\n\n</style>\n","<template>\n  <div\n    class=\"tooltip-anchor\"\n    @mouseover=\"showToolTip = true\"\n    @mouseleave=\"showToolTip = false\"\n  >\n    <slot></slot>\n    <div class=\"tooltip\" v-if=\"showToolTip\">\n      {{ tooltip }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"TooltipElement\",\n  props: {\n    tooltip: { type: String, required: true },\n  },\n  data () {\n    return {\n      showToolTip: false\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.tooltip-anchor {\n  position: relative;\n}\n.tooltip {\n  background-color: $beige;\n  font-size: rem(12);\n  font-family: $font-bold;\n  position: absolute;\n  padding: rem(4);\n  bottom: 100%;\n  right: rem(-16);\n  border-radius: rem(2);\n  margin-bottom: rem(8);\n\n  &:after {\n    content: '';\n    border: solid rem(4) transparent;\n    border-top-color: $beige;\n    position: absolute;\n    bottom: rem(-8);\n    right: rem(24);\n  }\n}\n</style>\n","<template>\n  <div class=\"prices-table__row\" @click=\"$emit('row-click', code)\" :class=\"{ 'has-buttons': hasButtons }\">\n    <a class=\"prices-table__cell icon-cell\" :href=\"currencyUrl\" @click.stop v-once>\n      <CryptoIcon\n        :icon-name=\"code.toLowerCase()\"\n        mob-plain\n        data-testid=\"cryptocurrencysign\"\n      />\n    </a>\n    <div class=\"prices-table__data\">\n      <a\n        class=\"prices-table__cell name-cell\"\n        :href=\"currencyUrl\"\n        @click.stop\n        v-once\n        data-testid=\"cryptocurrencytitle\"\n      >\n        {{ title }}\n        <span data-testid=\"cryptocurrencycode\">{{ code }}</span>\n      </a>\n\n      <div class=\"prices-table__price-data\">\n        <transition name=\"fade\">\n        <div\n          :key=\"fullPrice()\"\n          class=\"prices-table__cell is-right price-cell text-bold\"\n          data-testid=\"cryptocurrencyprice\"\n        >\n            {{ fullPrice() }}\n        </div>\n        </transition>\n        <transition name=\"fade\">\n        <div\n          :key=\"change\"\n          class=\"prices-table__cell is-right change-cell\"\n          :class=\"[isPositiveChange ? 'text-green': 'text-red']\"\n          data-testid=\"cryptocurrencypricechange\"\n        >\n          {{ formattedChange }}\n        </div>\n        </transition>\n      </div>\n\n      <transition name=\"fade\">\n        <TooltipElement\n          :key=\"marketCap\"\n          :tooltip=\"formattedMarketCap\"\n          class=\"prices-table__cell market-cap-cell\"\n        >\n          {{ formattedMarketCapCompact }}\n        </TooltipElement>\n      </transition>\n\n      <transition name=\"fade\">\n        <TooltipElement\n          :key=\"volume\"\n          :tooltip=\"`${formattedVolumeInFiat}`\"\n          class=\"prices-table__cell volume-cell\"\n        >\n          {{ formattedVolumeInFiatCompact }}\n          <span>{{ formattedVolumeInCryptoCompact }}</span>\n        </TooltipElement>\n      </transition>\n\n      <TrendChart :crypto-code=\"code\" class=\"prices-table__cell chart-cell\"  v-once />\n\n      <div class=\"prices-table__cell is-right button-cell\" v-if=\"hasButtons\" v-once>\n        <a\n            v-if=\"buyLink\"\n            class=\"btn btn-primary btn-sm\"\n            :href=\"buyLink\"\n            data-testid=\"buybutton\"\n        >\n          {{ $t('prices.buy') }}\n        </a>\n\n        <a\n            v-if=\"sellLink\"\n            class=\"btn btn-secondary btn-sm\"\n            :href=\"sellLink\"\n            data-testid=\"sellbutton\"\n        >\n          {{ $t('prices.sell') }}\n        </a>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport UrlGenerator from '@paybis/frontend-common-lib/src/services/url';\nimport { mapState } from 'vuex';\n\nimport CryptoIcon from '@/components/Prices/CryptoIcon.vue';\nimport TrendChart from '@/components/Prices/TrendChart.vue';\nimport TooltipElement from \"@/components/Shared/TooltipElement.vue\";\nimport getFullPrice from '@/helpers/fullPrice';\nimport { formatNumberCompact, formatNumberStandard } from '@/helpers/numberFormatter';\nimport { CryptoCompareData } from '@/models/pricesConstants';\n\nexport default {\n  name: 'CurrencyRow',\n\n  props: {\n    title: { type: String, required: false, default: null },\n    code: { type: String, required: false, default: null },\n    slug: { type: String, required: false, default: null },\n    price: { type: [String, Number], required: false, default: null },\n    change: { type: [String, Number], required: false, default: null },\n    marketCap: { type: [String, Number], required: false, default: null },\n    volume: { type: [String, Number], required: false, default: null },\n    links: { type: Object, required: false, default: null }\n  },\n\n  components: {\n    TooltipElement,\n    TrendChart,\n    CryptoIcon\n  },\n\n  computed: {\n    ...mapState(['language']),\n    ...mapState('prices', ['selectedCurrency', 'selectedMarket', 'isPublicPage', 'isCorporateAccount', 'defaultBuyLink', 'defaultSellLink']),\n\n    currencyUrl () {\n\n      return this.urlTo(`/price/${this.slug}/`);\n    },\n\n    isPositiveChange () {\n      return this.change > 0;\n    },\n\n    formattedChange () {\n      const change = Number(this.change).toFixed(2) + '%';\n\n      return this.isPositiveChange ? '+' + change : change;\n    },\n\n    volumeInCrypto () {\n      return this.volume/this.price;\n    },\n\n    formattedMarketCap () {\n      if (this.marketCap < 1) return CryptoCompareData.NOT_AVAILABLE;\n      return formatNumberStandard(this.marketCap, this.language, this.selectedCurrency.code);\n    },\n\n    formattedVolumeInFiat () {\n      if (this.volume < 1) return CryptoCompareData.NOT_AVAILABLE;\n      return formatNumberStandard(this.volume, this.language, this.selectedCurrency.code);\n    },\n\n    formattedVolumeInCrypto () {\n      const volume = formatNumberStandard(this.volumeInCrypto, this.language);\n      return `${volume} ${this.code}`;\n    },\n\n    formattedMarketCapCompact () {\n      if (this.marketCap < 1) return CryptoCompareData.NOT_AVAILABLE;\n      return formatNumberCompact(this.marketCap, this.language, this.selectedCurrency.code);\n    },\n\n    formattedVolumeInFiatCompact () {\n      if (this.volume < 1) return CryptoCompareData.NOT_AVAILABLE;\n      return formatNumberCompact(this.volume, this.language, this.selectedCurrency.code);\n    },\n\n    formattedVolumeInCryptoCompact () {\n      if (this.volumeInCrypto < 1) return CryptoCompareData.NOT_AVAILABLE;\n      const volume = formatNumberCompact(this.volumeInCrypto, this.language);\n      return `${volume} ${this.code}`;\n    },\n\n    hasButtons () {\n      return this.buyLink || this.sellLink;\n    },\n\n    buyLink () {\n      if (this.isCorporateAccount) return this.defaultBuyLink;\n      return this.links.buy ? this.urlToExchange(this.links.buy) : null;\n    },\n\n    sellLink () {\n      if (this.isCorporateAccount) return this.defaultSellLink;\n      return this.links.sell ? this.urlToExchange(this.links.sell) : null;\n    }\n  },\n\n  methods: {\n    fullPrice () {\n      return getFullPrice(this.language, this.selectedCurrency.code, this.price);\n    },\n\n    urlToExchange(link) {\n      const urlPrefix = this.isPublicPage ? '' : '/exchange';\n\n      return this.urlTo(urlPrefix + link);\n    },\n\n    urlTo (link) {\n      const urlPrefix = this.isPublicPage ? '' : '/member';\n\n      return UrlGenerator.generate(urlPrefix + link);\n    },\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.prices-table {\n  width: 100%;\n  max-width: rem(1100);\n  padding: 0 rem(16);\n  margin: rem(54) auto 0 auto;\n\n  &:last-child {\n    margin-bottom: rem(54);\n  }\n\n  &__head-row {\n    display: flex;\n    border-bottom: 1px solid $black-06;\n  }\n\n  &__head-cell {\n    font-family: $font-bold;\n    font-size: rem(12);\n    text-transform: uppercase;\n    padding-bottom: rem(12);\n    color: $black-40;\n  }\n\n  &__row {\n    display: flex;\n    padding: rem(4) 0;\n    border-bottom: 1px solid $black-06;\n  }\n\n  &__cell {\n    span {\n      cursor: pointer;\n      color: $black-40;\n      font-size: 0.8rem;\n    }\n  }\n  .volume-cell span {\n    display: block;\n  }\n\n  &__data {\n    position: relative;\n    display: flex;\n    width: 100%;\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .icon-cell {\n    margin-right: rem(8);\n  }\n\n  [dir='rtl'] .icon-cell {\n    margin-right: 0;\n    margin-left: rem(8);\n  }\n\n  .name-cell {\n    width: 20%;\n  }\n\n  &__price-data {\n    width: 25%;\n\n    .price-cell {\n      width: 60%;\n    }\n    .change-cell {\n      width: 40%;\n    }\n  }\n  .market-cap-cell,\n  .volume-cell {\n    width: 18%;\n    text-align: right;\n  }\n\n  .chart-cell {\n    width: 19%;\n    padding: 0 rem(16);\n  }\n\n  &__price-data {\n    display: flex;\n\n    .price-cell {\n      padding-right: rem(8);\n    }\n  }\n\n  @media screen and (max-width: $screen-md-max) {\n    &__row.has-buttons {\n      padding-bottom: rem(42);\n    }\n\n    &__body {\n      border-top: 1px solid $black-06;\n    }\n\n    &__cell {\n      padding: rem(4) 0;\n    }\n\n    &__cell.button-cell {\n      position: absolute;\n      bottom: rem(-40);\n      .btn {\n        margin-right: 4px;\n      }\n    }\n  }\n\n  @media screen and (min-width: $screen-lg-min) {\n    .icon-cell {\n      margin-right: rem(16);\n    }\n\n    [dir='rtl'] .icon-cell {\n      margin-left: rem(16);\n    }\n\n\n    &__cell span {\n      display: block;\n    }\n\n    &:last-child {\n      margin-bottom: rem(154);\n    }\n\n    &__row {\n      padding: rem(14) 0;\n      align-items: center;\n    }\n\n    &__graph {\n      max-width: rem(100);\n      max-height: rem(40);\n      margin: 0 rem(40);\n    }\n    .name-cell {\n      width: 23%;\n      margin-bottom: 0;\n    }\n\n    &__price-data {\n      width: 18%;\n\n      .price-cell {\n        width: 60%;\n      }\n      .change-cell {\n        width: 40%;\n      }\n    }\n    .market-cap-cell,\n    .volume-cell {\n      width: 12%;\n      text-align: right;\n    }\n    .chart-cell {\n      width: 15%;\n    }\n    .button-cell {\n      width: 20%;\n      display: flex;\n      gap: 4px;\n      flex-direction: row;\n      justify-content:center;\n    }\n  }\n}\n\n.is-right {\n  text-align: right;\n}\n\n[dir='rtl'] .is-right {\n  text-align: left;\n}\n\n[dir='rtl'] .chart-cell {\n  right: auto;\n  left: 0;\n}\n\n// @TODO code was moved to global css. Check how it will be fork without local styles.\n.fade-enter-active{\n  transition: opacity 1s;\n}\n.fade-enter {\n  opacity: .2;\n}\n.fade-leave-active {\n  display: none;\n}\n</style>\n","<template>\n  <div class=\"pagination\">\n    <div class=\"pagination__prev\">\n      <a v-if=\"prevPage > 0\" @click.prevent=\"$emit('changePage', prevPage)\">\n        {{ $t('prices.prevPagination') }}\n      </a>\n      <div v-else>{{ $t('prices.prevPagination') }}</div>\n    </div>\n\n    <div class=\"pagination__pages\">\n      <div class=\"pagination__first\">\n        <slot name=\"first\" />\n      </div>\n\n      <div v-if=\"hasFirst\" class=\"pagination__separator\">..</div>\n\n      <slot name=\"pages\" />\n\n      <div v-if=\"hasLast\" class=\"pagination__separator\">..</div>\n\n      <div class=\"pagination__last\">\n        <slot name=\"last\" />\n      </div>\n    </div>\n\n    <div class=\"pagination__next\">\n      <a v-if=\"nextPage > 0\" @click.prevent=\"$emit('changePage', nextPage)\">\n        {{ $t('prices.nextPagination') }}\n      </a>\n      <div v-else>{{ $t('prices.nextPagination') }}</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'PaginationBlock',\n\n  props: {\n    prevPage: { type: Number, required: false, default: 0 },\n    nextPage: { type: Number, required: false, default: 0 }\n  },\n\n  computed: {\n    hasFirst () {\n      return !!this.$slots.first;\n    },\n\n    hasLast () {\n      return !!this.$slots.last;\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.pagination {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: rem(56) rem(16);\n\n  &__pages {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n  }\n\n  &__pages a {\n    display: block;\n    min-width: rem(36);\n    font-family: $font-bold;\n    font-size: rem(26);\n    line-height: rem(36);\n    border-radius: rem(4);\n    text-align: center;\n    padding: 0 rem(6);\n    margin: 0 rem(12);\n    transition: background-color 0.2s linear;\n  }\n\n  &__pages a.current {\n    background-color: $beige;\n  }\n\n  &__separator {\n    width: rem(48);\n    font-family: $font-bold;\n    font-size: rem(32);\n    line-height: rem(48);\n    text-align: center;\n  }\n\n  &__prev a,\n  &__prev div,\n  &__next a,\n  &__next div {\n    display: block;\n    font-size: 0;\n    width: rem(36);\n    height: rem(36);\n  }\n\n  &__prev a,\n  &__next a {\n    cursor: pointer;\n    transition: color 0.2s linear;\n  }\n\n  &__prev div,\n  &__next div {\n    color: $black-15;\n  }\n\n  &__prev a:after,\n  &__prev div:after,\n  &__next a:after,\n  &__next div:after {\n    @include inline-icon;\n    font-size: rem(20);\n    line-height: rem(36);\n  }\n\n  &__prev a:after,\n  &__prev div:after,\n  [dir='rtl'] &__next a:after,\n  [dir='rtl'] &__next div:after {\n    content: '\\e914';\n  }\n\n  &__next a:after,\n  &__next div:after,\n  [dir='rtl'] &__prev a:after,\n  [dir='rtl'] &__prev div:after {\n    content: '\\e915';\n  }\n\n  @media screen and (max-width: $screen-md-max) {\n    &__separator,\n    &__first,\n    &__last {\n      display: none;\n    }\n  }\n\n  @media screen and (min-width: $screen-lg-min) {\n    width: cols('lg', 8);\n    padding: rem(120) 0;\n    margin: 0 auto;\n\n    &__prev a,\n    &__prev div,\n    &__next a,\n    &__next div {\n      width: rem(48);\n      height: rem(48);\n    }\n\n    &__prev a:after,\n    &__prev div:after,\n    &__next a:after,\n    &__next div:after {\n      line-height: rem(48);\n    }\n\n    &__pages a {\n      min-width: rem(48);\n      font-size: rem(32);\n      line-height: rem(48);\n    }\n  }\n\n  @media screen and (min-width: $screen-xlg-min) {\n    width: cols('xlg', 8);\n  }\n\n  @media (hover: hover) {\n    &__pages a:hover {\n      background-color: $grey-04;\n    }\n\n    &__next a:hover,\n    &__prev a:hover {\n      color: $grey;\n    }\n  }\n}\n</style>\n","<template>\n  <div class=\"prices-table\">\n    <div class=\"prices-table-header\">\n      <div class=\"prices-table-header__top\">\n        <div class=\"prices-table-header__currencies\">\n          <ExchangeRatesCurrencySelect\n             is-horizontal\n             to-left\n             class=\"prices-table-header__currencies-dropdown\"\n             @updated=\"handleSelectCurrency\"\n             :items=\"availableFiatCurrencies\"\n             :selectedItem=\"fiatCurrency\"\n          />\n        </div>\n      </div>\n\n      <form class=\"prices-table-header__search\" @submit.prevent=\"\" v-once>\n        <div class=\"prices-table-header__search-wrapper\">\n          <input\n            type=\"text\"\n            @input=\"filterItems\"\n            :placeholder=\"$t('prices.searchInputPlaceholder')\"\n            role=\"search\"\n            class=\"prices-table-header__search-input\"\n          />\n\n          <button class=\"prices-table-header__search-submit\" type=\"submit\" v-t=\"'prices.searchInputPlaceholder'\">\n          </button>\n        </div>\n      </form>\n    </div>\n\n    <div class=\"prices-table__scroll_wrapper\">\n      <div class=\"prices-table__head-row\" v-once>\n        <div class=\"prices-table__head-cell name-cell\" v-t=\"'prices.currency'\">\n        </div>\n\n        <div class=\"prices-table__head-cell is-right price-cell\" v-t=\"'prices.price'\">\n        </div>\n\n        <div class=\"prices-table__head-cell is-right change-cell\" v-t=\"'prices.change'\">\n        </div>\n\n        <div class=\"prices-table__head-cell is-right market-cap-cell\" v-t=\"'prices.cryptoCurrency.marketCap'\">\n        </div>\n\n        <div class=\"prices-table__head-cell is-right volume-cell\" v-t=\"'prices.cryptoCurrency.volume'\">\n        </div>\n\n        <div class=\"prices-table__head-cell is-centered chart-cell\" v-t=\"'prices.trend'\">\n        </div>\n\n        <div class=\"prices-table__head-cell\" style=\"width: 20%;\"></div>\n      </div>\n\n      <div class=\"prices-table__body\" :class=\"{ 'is-loading': loading }\">\n        <CurrencyRow\n            v-for=\"item in paginatedData\"\n            :key=\"item.code\"\n            :title=\"item.name\"\n            :slug=\"item.slug\"\n            :code=\"item.code\"\n            :price=\"item.price\"\n            :change=\"item.chg24h\"\n            :marketCap=\"item.mktcap\"\n            :volume=\"item.volume24h\"\n            :links=\"item.links\"\n            @row-click=\"$emit('row-click', item)\"\n        ></CurrencyRow>\n      </div>\n    </div>\n\n    <Pagination\n      v-if=\"pageCount > 1\"\n      :prevPage=\"pagination.page - 1\"\n      :nextPage=\"pagination.page < pageCount ? pagination.page + 1 : 0\"\n      @changePage=\"changePage($event)\"\n    >\n      <template v-slot:first>\n        <a\n          v-if=\"isFirstPageVisible\"\n          :href=\"getPageUrl(firstPage)\"\n          @click.prevent=\"changePage(firstPage)\"\n        >\n          {{ firstPage }}\n        </a>\n      </template>\n      <template slot=\"pages\">\n        <a\n          v-for=\"page in visiblePages\"\n          :href=\"getPageUrl(page)\"\n          :key=\"page\"\n          :class=\"{ 'current': pagination.page === page }\"\n          @click.prevent=\"changePage(page)\"\n        >\n          {{page}}\n        </a>\n      </template>\n\n      <template v-slot:last>\n        <a\n          v-if=\"isLastPageVisible\"\n          :href=\"getPageUrl(pageCount)\"\n          @click.prevent=\"changePage(pageCount)\"\n        >\n          {{ pageCount }}\n        </a>\n      </template>\n    </Pagination>\n  </div>\n</template>\n\n<script>\nimport UrlGenerator from '@paybis/frontend-common-lib/src/services/url';\nimport debounce from 'lodash/debounce';\nimport { mapState } from 'vuex';\n\nimport CurrencyRow from '@/components/Prices/CurrencyRow.vue';\nimport ExchangeRatesCurrencySelect from '@/components/Prices/ExchangeRatesCurrencySelect.vue';\nimport Pagination from '@/components/Prices/Pagination.vue';\nimport * as constants from '@/models/pricesConstants';\n\nconst DEBOUNCE_TIMEOUT = 500;\n\nexport default {\n  name: 'PricesTable',\n\n  components: {\n    CurrencyRow,\n    Pagination,\n    ExchangeRatesCurrencySelect\n  },\n\n  props: {\n    items: { type: Array, required: true },\n    loading: { type: Boolean, default: true },\n    selectedCurrency: { type: Object },\n  },\n\n  data () {\n    return {\n      fiatCurrency: this.selectedCurrency,\n      constants: constants,\n      searchString: '',\n      maxVisiblePages: 3,\n      firstPage: 1,\n    };\n  },\n\n  watch: {\n    selectedCurrency () {\n      this.lazyLoad();\n    }\n  },\n\n  mounted() {\n    if (!this.isPublicPage) {\n      this.$nextTick(() => {\n        this.lazyLoad();\n      });\n    }\n  },\n\n  computed: {\n    ...mapState('prices', ['pagination', 'availableFiatCurrencies', 'isPublicPage']),\n\n    filteredItems () {\n      return this.items\n        .map((item) => {\n          let weight = 3;\n          if (item.links.buy && item.links.sell) {\n            weight = 0;\n          } else if (item.links.buy) {\n            weight = 1;\n          } else if (item.links.sell) {\n            weight = 2;\n          }\n          return {\n            ...item,\n            weight,\n          };\n        })\n        .sort((a, b) => a.weight - b.weight)\n        .filter((item) => {\n          return (\n            item.name.toLowerCase().includes(this.searchString.toLowerCase()) ||\n            item.code.toLowerCase().includes(this.searchString.toLowerCase())\n          );\n        });\n    },\n\n    pageCount () {\n      const l = this.filteredItems.length;\n      const s = this.pagination.pageSize;\n\n      return Math.ceil(l / s);\n    },\n\n    paginationPageRange () {\n      const { page } = this.pagination;\n      let startPage = Math.max(1, Math.round(page - this.maxVisiblePages / 2));\n      let endPage = startPage + this.maxVisiblePages - 1;\n\n      if (endPage >= this.pageCount) {\n        endPage = this.pageCount;\n        startPage = Math.max(1,  (endPage - this.maxVisiblePages + 1));\n      }\n\n      return {\n        startPage,\n        endPage\n      };\n    },\n\n    isFirstPageVisible () {\n      const { startPage } = this.paginationPageRange;\n\n      return startPage > this.firstPage;\n    },\n\n    isLastPageVisible () {\n      const { endPage } = this.paginationPageRange;\n\n      return endPage < this.pageCount;\n    },\n\n    visiblePages () {\n      const { startPage, endPage } = this.paginationPageRange;\n      const pageRange = [];\n      for (let i = startPage; i <= endPage; i++) {\n        pageRange.push(i);\n      }\n\n      return pageRange;\n    },\n\n    paginatedData () {\n      const start = (this.pagination.page - 1) * this.pagination.pageSize;\n      const end = start + this.pagination.pageSize;\n      return this.filteredItems.slice(start, end);\n    }\n  },\n\n  methods: {\n    filterItems: debounce(function (event) {\n      this.searchString = event.target.value;\n      if (this.pagination.page === 1) {\n        this.lazyLoad();\n        return;\n      }\n\n      this.changePage(1);\n    }, DEBOUNCE_TIMEOUT),\n\n    handleSelectCurrency (currencyObj) {\n      this.fiatCurrency = currencyObj;\n      this.$emit('update-currency', currencyObj);\n    },\n\n    changePage (page) {\n      this.$store.commit('prices/setPaginationPage', page);\n      if (this.$isServer) {\n        return;\n      }\n      window.history.pushState('', '', this.getPageUrl(page));\n      this.lazyLoad();\n    },\n\n    getPageUrl (page) {\n      const baseUrl = UrlGenerator.generate('/price/');\n\n      if (page === 1) {\n        return baseUrl;\n      }\n\n      return baseUrl + `?page=${page}`;\n    },\n\n    lazyLoad () {\n      this.$nextTick(() => {\n        document.dispatchEvent(new Event('lazy-load'));\n      });\n    }\n  }\n};\n</script>\n\n<style scoped lang=\"scss\">\n.prices-table-header {\n  margin-bottom: rem(36);\n\n  &__search-wrapper {\n    position: relative;\n  }\n\n  &__search-input {\n    display: block;\n    width: 100%;\n    background-color: $white;\n    border: none;\n    border-radius: rem(6);\n    font-family: $font-bold;\n    font-size: rem(16);\n    line-height: 1.25;\n    padding: rem(14) rem(48) rem(14) rem(14);\n    box-shadow: 0 0 0 1px $black;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    transition: box-shadow 0.2s linear;\n  }\n\n  &__currencies {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  &__currencies-dropdown {\n    margin-left: auto;\n  }\n\n  [dir='rtl'] &__search-input {\n    padding: rem(14) rem(14) rem(14) rem(48);\n  }\n\n  &__search-input::-ms-clear {\n    display: none;\n  }\n\n  &__search-input::-webkit-input-placeholder {\n    font-family: $font-regular;\n    color: $grey-30;\n  }\n\n  &__search-input:-ms-input-placeholder {\n    font-family: $font-regular;\n    color: $grey-30;\n  }\n\n  &__search-input::placeholder {\n    font-family: $font-regular;\n    color: $grey-30;\n  }\n\n  &__search-input:hover {\n    box-shadow: 0 0 0 1px $black-20;\n  }\n\n  &__search-input:focus {\n    outline: none;\n    box-shadow: 0 0 0 1px $violet-60;\n  }\n\n  &__search-input:disabled {\n    background-color: $grey-04;\n    color: $grey;\n    box-shadow: 0 0 0 2px $grey-04;\n  }\n\n  &__search-submit {\n    position: absolute;\n    right: 0;\n    top: 0;\n    font-size: 0;\n    width: rem(48);\n    height: rem(48);\n    transition: color 0.2s linear;\n  }\n\n  [dir='rtl'] &__search-submit {\n    left: 0;\n    right: unset;\n  }\n\n  &__search-submit:after {\n    content: '\\e92d';\n    @include inline-icon;\n    font-size: rem(16);\n  }\n\n  &__search-submit:hover {\n    color: $violet;\n  }\n\n  @media screen and (max-width: $screen-md-max) {\n    &__currencies,\n    &__search {\n      margin-top: rem(16);\n    }\n  }\n\n  @media screen and (min-width: $screen-lg-min) {\n    &__top {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      margin-bottom: rem(20);\n    }\n  }\n}\n\n.is-right {\n  text-align: right;\n}\n\n[dir='rtl'] .is-right {\n  text-align: left;\n}\n\n.prices-table {\n  width: 100%;\n  padding: 0 rem(24);\n  margin: rem(54) auto 0 auto;\n\n  &__head-cell.name-cell {\n    width: 15%;\n  }\n  &__head-cell.price-cell {\n    width: 16%;\n  }\n  &__head-cell.change-cell {\n    width: 13%;\n  }\n  &__head-cell.market-cap-cell,\n  &__head-cell.volume-cell {\n    width: 18%;\n  }\n  &__head-cell.chart-cell {\n    width: 20%;\n  }\n\n  &__scroll_wrapper {\n    max-width: 100vw;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  &__body {\n    @import \"@assets/scss/components/prices/loader\";\n  }\n\n  &:last-child {\n    margin-bottom: rem(54);\n  }\n\n  &__head-row {\n    display: flex;\n    border-bottom: 1px solid $black-06;\n\n    .w-15 {\n      width: 15%;\n    }\n\n    .w-20 {\n      width: 20%;\n    }\n\n    .w-30 {\n      width: 30%;\n    }\n  }\n\n  &__head-cell {\n    font-family: $font-bold;\n    font-size: rem(12);\n    text-transform: uppercase;\n    padding-bottom: rem(12);\n    color: $black-40;\n  }\n  &__head-cell:first-child {\n    margin: 0 rem(56) 0 rem(-56);\n  }\n\n  &__head-cell.is-centered {\n    text-align: center;\n  }\n\n  &:last-child {\n    margin-bottom: rem(154);\n  }\n\n  &__head-row {\n    padding-left: rem(56);\n  }\n\n  &__row {\n    display: flex;\n    padding: rem(4) 0;\n    align-items: center;\n  }\n\n  &__graph {\n    max-width: rem(100);\n    max-height: rem(40);\n    margin: 0 rem(40);\n  }\n\n  @media screen and (max-width: $screen-md-max) {\n    &__body,\n    &__head-row {\n      min-width: rem(700);\n    }\n\n    &__body {\n      border-top: 1px solid $black-06;\n    }\n\n    &__cell {\n      min-width: 100%;\n      padding: rem(8) 0;\n    }\n\n    &__head-cell:last-child {\n      display: none;\n    }\n  }\n\n  @media screen and (min-width: $screen-lg-min) {\n    padding: 0;\n    width: cols('lg', 12);\n\n    &__head-cell.name-cell {\n      width: 23%;\n    }\n    &__head-cell.price-cell {\n      width: 10%;\n    }\n    &__head-cell.change-cell {\n      width: 9%;\n    }\n    &__head-cell.market-cap-cell {\n      width: 11%;\n    }\n    &__head-cell.volume-cell {\n      width: 12%;\n    }\n    &__head-cell.chart-cell {\n      width: 15%;\n    }\n\n  }\n  @media screen and (min-width: $screen-xlg-min) {\n    width: cols('xlg', 12);\n  }\n}\n</style>\n","<template>\n  <div id=\"prices-app\">\n    <main class=\"main\">\n      <HeaderInner backgound-src=\"prices-bg.svg\" class=\"prices-header\">\n        <template slot=\"breadcrumbs\" v-if=\"isPublicPage\">\n          <a :href=\"urlTo('/')\">{{ $t('prices.home') }}</a>\n          <span v-if=\"isFirstPage()\">{{ $t('prices.title') }}</span>\n          <template v-else>\n            <a v-t=\"'prices.title'\" :href=\"urlTo('/price/')\"></a>\n            <span>{{ $t('prices.page', { number: pagination.page }) }}</span>\n          </template>\n        </template>\n        <template slot=\"heading\">\n          <p data-testid=\"pricestitle\">{{ $t('prices.title') }}</p>\n        </template>\n      </HeaderInner>\n      <PriceTable\n          :loading=\"loading\"\n          :items=\"prices\"\n          :selectedCurrency=\"selectedCurrency\"\n          @update-currency=\"handleRequestPrices($event, selectedMarket)\"\n          @row-click=\"handleRowClick\"\n      />\n    </main>\n  </div>\n</template>\n\n<script>\nimport '@/plugins/bus.js';\n\nimport UrlGenerator from '@paybis/frontend-common-lib/src/services/url';\nimport { mapActions, mapState } from 'vuex';\n\nimport HeaderInner from '@/components/Prices/HeaderInner.vue';\nimport PriceTable from '@/components/Prices/PriceTable.vue';\nimport navigate from '@/helpers/navigation';\nimport ws from '@/plugins/cryptoPriceWS';\nimport { freezeBody } from '@/utilities/FreezeBody.js';\n\nexport default {\n  name: 'PricesPage',\n\n  components: {\n    PriceTable,\n    HeaderInner\n  },\n\n  mounted () {\n    this.$bus.$on('FREEZE_BODY', (doFreeze) => freezeBody(doFreeze));\n  },\n\n  data () {\n    return {\n      loading: false,\n      navigate\n    };\n  },\n\n  beforeMount () {\n    ws('prices', this.selectedMarket.value, this.selectedCurrency.code);\n  },\n\n  computed: {\n    ...mapState('prices', ['prices', 'selectedCurrency', 'selectedMarket', 'pagination', 'isPublicPage'])\n  },\n\n  methods: {\n    ...mapActions({\n      requestPrices: 'prices/requestPrices'\n    }),\n\n    handleRequestPrices (currency, market) {\n      this.loading = true;\n      this.$disconnect();\n      this.requestPrices({\n        currency,\n        market\n      }).finally(() => {\n        this.loading = false;\n        this.$connectToPrice(market.value, currency.code);\n      });\n    },\n\n    handleRowClick (e) {\n      if (this.$isServer) {\n        return;\n      }\n      const urlPrefix = this.isPublicPage ? '' : '/member';\n\n      window.location.href = this.urlTo(`${urlPrefix}/price/${e.slug}/`);\n    },\n\n    urlTo (link) {\n      return UrlGenerator.generate(link);\n    },\n\n    isFirstPage () {\n      return this.pagination.page === 1;\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\">\n.prices-header.header-inner {\n  @media screen and (min-width: $screen-lg-min) {\n    padding: rem(40) rem(24);\n  }\n}\n</style>\n","import PricesPage from '@/components/Prices/PricesPage';\n\nimport router from './index';\n\nrouter.addRoute({\n  path: '/price',\n  name: 'pricePage',\n  component: PricesPage,\n});\n\nexport default router;\n","import store from '@/store/index';\nimport prices from '@/store/modules/prices';\n\nstore.registerModule('prices', prices);\n\nexport default store;\n","import { initAPI } from '@paybis/frontend-common-lib/src/services/api';\nimport Vue from 'vue';\nimport { mapActions, mapState } from 'vuex';\n\nimport '@/plugins/bus.js';\n\nimport PricesPage from '@/components/Prices/PricesPage';\nimport { i18n } from '@/i18n';\nimport router from '@/route/prices';\nimport store from '@/store/prices/index';\n\nimport axios from '../assets/js/services/network';\n\ninitAPI(axios, store);\n\n// eslint-disable-next-line no-unused-vars\n/* global context, dispatch */\n\nexport function createApp () {\n  const app = new Vue({ // eslint-disable-line no-new\n    render(h) {\n      return h(PricesPage);\n    },\n    i18n,\n    store,\n    router,\n    computed: {\n      ...mapState('prices', ['selectedCurrency', 'selectedMarket'])\n    },\n    serverPrefetch () {\n      const { language, currency, market, paginationPage, pageSize, isCorporateAccount, defaultBuyLink, defaultSellLink } = context;\n\n      return this.initiateState(language, currency, market, paginationPage, pageSize, isCorporateAccount, defaultBuyLink, defaultSellLink);\n    },\n    beforeMount () {\n      if (this.$store.state.prices.prices.length > 0) {\n        return;\n      }\n\n      const { language, currency, market, paginationPage, pageSize, isMemberPage, isCorporateAccount, defaultBuyLink, defaultSellLink } = this.$el.dataset;\n\n      if (isMemberPage) {\n        this.$store.commit('prices/setAsMemberPage');\n      }\n\n      this.initiateState(\n        language,\n        JSON.parse(currency),\n        JSON.parse(market),\n        paginationPage,\n        pageSize,\n        isCorporateAccount,\n        defaultBuyLink,\n        defaultSellLink,\n      );\n\n      const placeholderLoader = document.getElementById('placeholder-loader');\n      if (placeholderLoader !== null) {\n        placeholderLoader.style.display = 'none';\n      }\n    },\n    methods: {\n      ...mapActions({\n        requestPrices: 'prices/requestPrices',\n        requestAvailableFiats: 'prices/requestAvailableFiats'\n      }),\n      initiateState (language, currency, market, paginationPage, pageSize, isCorporateAccount, defaultBuyLink, defaultSellLink) {\n        this.$store.commit('prices/setPaginationPage', paginationPage);\n        this.$store.commit('prices/setCurrency', currency);\n        this.$store.commit('prices/setMarket', market);\n        this.$store.commit('language', language);\n        this.$store.commit('prices/setPageSize', pageSize);\n        this.$store.commit('prices/setIsCorporateAccount', Boolean(isCorporateAccount));\n        this.$store.commit('prices/setDefaultBuyLink', defaultBuyLink);\n        this.$store.commit('prices/setDefaultSellLink', defaultSellLink);\n\n        return Promise.all([\n          this.requestPrices({ currency, market }),\n          this.requestAvailableFiats()\n        ]);\n      }\n    }\n  });\n\n  return { app, store, router };\n}\n","import { i18nSetPublicLocale } from '@/i18n';\nimport { createApp } from '@/prices';\n\nconst { app, store } = createApp();\n\nif (window.__INITIAL_STATE__) {\n  // We initialize the store state with the data injected from the server\n  store.replaceState(window.__INITIAL_STATE__);\n}\n\ni18nSetPublicLocale(store.state.language)\n  .then(() => app.$mount('#prices-app'));\n"],"names":["_sfc_main","mapState","rootUrl","market","fiatCode","cryptoCode","TooltipElement","TrendChart","CryptoIcon","change","CryptoCompareData","formatNumberStandard","formatNumberCompact","getFullPrice","link","urlPrefix","UrlGenerator","DEBOUNCE_TIMEOUT","CurrencyRow","Pagination","ExchangeRatesCurrencySelect","constants","item","weight","a","b","l","s","page","startPage","endPage","pageRange","i","start","end","debounce","event","currencyObj","baseUrl","PriceTable","HeaderInner","doFreeze","freezeBody","navigate","ws","mapActions","currency","e","router","PricesPage","store","prices","initAPI","axios","createApp","Vue","h","i18n","language","paginationPage","pageSize","isCorporateAccount","defaultBuyLink","defaultSellLink","isMemberPage","placeholderLoader","app","i18nSetPublicLocale"],"mappings":"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"}