{"version":3,"sources":["webpack:///./src/modules/ebooks/_components/ebook-viewer/FooterBar.vue?ef89","webpack:///src/modules/ebooks/_components/ebook-viewer/FooterBar.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/FooterBar.vue?c9ae","webpack:///./src/modules/ebooks/_components/ebook-viewer/FooterBar.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/FooterBar.vue?5e10"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","openBookCats","isShowBookFullScreen","attrs","on","handleToggleBookCats","_e","_v","disabled","isFirstPage","prevTopic","isFirstPost","prevPage","openInputChangePaging","directives","name","rawName","value","expression","ref","domProps","directToPage","$event","type","indexOf","_k","keyCode","key","apply","arguments","target","composing","inputPageDirect","displayTwoPage","actionWritePaging","page","ebooksDetail","totalPage","_s","isLastPost","nextPage","isLastPage","nextTopic","changeViewBookNew","handleZoomBookOut","staticStyle","handleZoomBookIn","handleChangeSizeScreen","staticRenderFns","props","isPage1","lastPageCat1","lstPage","scale","data","zoomVal","disabledControls","toggleSettingPopup","cheDoXem","watch","newVal","methods","changeViewBook","evt","handleZoomEvt","pageRedirect","handleToggleModalSetting","self","component"],"mappings":"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","file":"js/chunk-fe1cdc56.f8a16678.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"display-flex-center justify-content-between position-rel full-box\"},[_c('a',{staticClass:\"\\n      primary-color\\n      font-size-16 font-sanpro-semibold\\n      book-viewer__footer__cats\\n      position-rel\\n      display-flex-center\\n      justify-content-center\\n    \",class:{\n      'btn-main-light-no-hover': _vm.openBookCats,\n      'is-full border-rd-50': _vm.isShowBookFullScreen,\n      'border-rd-20': !_vm.isShowBookFullScreen,\n    },attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleToggleBookCats}},[_c('i',{staticClass:\"icon-category font-size-22\"}),(!_vm.isShowBookFullScreen)?_c('span',{staticClass:\"only-pc\"},[_vm._v(\"Mục lục\")]):_vm._e()]),_c('div',{staticClass:\"book-viewer__paging display-flex-center\",class:{ 'full-size': _vm.isShowBookFullScreen }},[_c('button',{staticClass:\"d-lg-block border-0 border-rd-50 text-center\",class:{ disabled: _vm.isFirstPage },attrs:{\"title\":\"Chuyển đến trang đầu\"},on:{\"click\":_vm.prevTopic}},[_c('span',{staticClass:\"next-first-page\"},[_vm._v(\"|\")]),_c('i',{staticClass:\"icon-first-page font-size-20\"})]),_c('button',{staticClass:\"border-0 border-rd-50 text-center display-flex-center\",class:{ disabled: _vm.isFirstPost },attrs:{\"title\":\"Quay lại bài trước\"},on:{\"click\":_vm.prevPage}},[_c('i',{staticClass:\"icon-first-page font-size-20\"})]),_c('div',{staticClass:\"book-viewer__paging__input\",on:{\"click\":_vm.openInputChangePaging}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputPageDirect),expression:\"inputPageDirect\"},{name:\"show\",rawName:\"v-show\",value:(_vm.actionWritePaging),expression:\"actionWritePaging\"}],ref:\"direct_page\",staticClass:\"border-0\",attrs:{\"type\":\"number\"},domProps:{\"value\":(_vm.inputPageDirect)},on:{\"blur\":_vm.directToPage,\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.directToPage.apply(null, arguments)},\"input\":function($event){if($event.target.composing){ return; }_vm.inputPageDirect=$event.target.value}}}),(_vm.displayTwoPage && !_vm.actionWritePaging && _vm.page > 1)?_c('span',{staticClass:\"show-pages\"},[(_vm.page % 2 === 0 && _vm.page === _vm.ebooksDetail.totalPage - 1)?_c('span',[_vm._v(_vm._s(_vm.page))]):(_vm.page % 2 === 0)?_c('span',[_vm._v(_vm._s(_vm.page)+\" - \"+_vm._s(_vm.page + 1))]):_c('span',[_vm._v(_vm._s(_vm.page - 1)+\" - \"+_vm._s(_vm.page))])]):(!_vm.displayTwoPage && _vm.page > 1 && !_vm.actionWritePaging)?_c('span',{staticClass:\"show-pages\"},[_vm._v(\"\\n        \"+_vm._s(_vm.page)+\"\\n      \")]):(_vm.isPage1)?_c('span',{staticClass:\"show-pages text-center\"},[_vm._v(\"1\")]):_c('span',{staticClass:\"show-pages text-center\"},[_vm._v(\"0\")]),_c('span',{staticClass:\"show-pages show-pages--mobile\"},[_vm._v(_vm._s(_vm.page))])]),_c('button',{staticClass:\"border-0 border-rd-50 text-center display-flex-center\",class:{ disabled: _vm.isLastPost },attrs:{\"title\":\"Chuyển đến bài tiếp theo\"},on:{\"click\":_vm.nextPage}},[_c('i',{staticClass:\"icon-last-page font-size-20\"})]),_c('button',{staticClass:\"d-lg-block border-0 border-rd-50 text-center\",class:{ disabled: _vm.isLastPage },attrs:{\"title\":\"Chuyển đến trang cuối\"},on:{\"click\":_vm.nextTopic}},[_c('i',{staticClass:\"icon-last-page font-size-20\"}),_c('span',{staticClass:\"next-last-page\"},[_vm._v(\"|\")])])]),_c('div',{staticClass:\"book-viewer__zoom-switch display-flex-center\"},[_c('div',{staticClass:\"book-viewer__switch\"},[_c('div',{staticClass:\"switch-viewpage full-width border-rd-20\"},[_c('label',{staticClass:\"view-single p-l-r-6\",class:{\n            'active-tab-menu': _vm.displayTwoPage == false ? true : false,\n          },attrs:{\"title\":\"Hiển thị 1 trang\"},on:{\"click\":function($event){return _vm.changeViewBookNew(false)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/one-page.png\")}})]),_c('label',{staticClass:\"view-double\",class:{\n            'active-tab-menu': _vm.displayTwoPage == true ? true : false,\n          },attrs:{\"title\":\"Hiển thị 2 trang\"},on:{\"click\":function($event){return _vm.changeViewBookNew(true)}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/two-page.png\")}})]),_c('label',{staticClass:\"tab-search\",on:{\"click\":_vm.handleZoomBookOut}},[_c('img',{staticClass:\"w-20\",attrs:{\"src\":require(\"@/assets/images/zoom-out.png\"),\"title\":\"Phóng to\"}})]),_c('label',{staticClass:\"tab-search\",staticStyle:{\"margin-right\":\"5px\"},on:{\"click\":_vm.handleZoomBookIn}},[_c('img',{staticClass:\"w-20\",attrs:{\"src\":require(\"@/assets/images/zoom-in.png\"),\"title\":\"Thu nhỏ\"}})])])]),_c('a',{staticClass:\"\\n        book-viewer__changesize\\n        border-rd-50\\n        display-flex-center\\n        justify-content-center\\n        only-pc\\n      \",class:{ 'btn-main-light-no-hover': _vm.isShowBookFullScreen },attrs:{\"title\":\"Chế độ xem toàn màn hình\",\"href\":\"javascript:;\"},on:{\"click\":_vm.handleChangeSizeScreen}},[_c('i',{staticClass:\"icon-full_screen font-size-18 primary-color\"})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"display-flex-center justify-content-between position-rel full-box\"\r\n  >\r\n    <a\r\n      href=\"javascript:;\"\r\n      class=\"\r\n        primary-color\r\n        font-size-16 font-sanpro-semibold\r\n        book-viewer__footer__cats\r\n        position-rel\r\n        display-flex-center\r\n        justify-content-center\r\n      \"\r\n      @click=\"handleToggleBookCats\"\r\n      :class=\"{\r\n        'btn-main-light-no-hover': openBookCats,\r\n        'is-full border-rd-50': isShowBookFullScreen,\r\n        'border-rd-20': !isShowBookFullScreen,\r\n      }\"\r\n    >\r\n      <i class=\"icon-category font-size-22\" />\r\n      <span v-if=\"!isShowBookFullScreen\" class=\"only-pc\">Mục lục</span>\r\n    </a>\r\n    <div\r\n      class=\"book-viewer__paging display-flex-center\"\r\n      :class=\"{ 'full-size': isShowBookFullScreen }\"\r\n    >\r\n      <!-- /** Fix page; Author: anhdd (6/7/2022)*/ -->\r\n      <!-- <button\r\n          class=\"d-none d-lg-block border-0 border-rd-50 text-center\"\r\n          :class=\"{'disabled': isFirstPage}\"\r\n          @click=\"firstPage\"\r\n        >\r\n          <i class=\"icon-first-page font-size-20\" />\r\n        </button>\r\n        <button\r\n          class=\"border-0 border-rd-50 text-center display-flex-center\"\r\n          :class=\"{'disabled': disabledControls || isFirstPage}\"\r\n          @click=\"prevPage\"\r\n        > -->\r\n\r\n      <!-- d-none  -->\r\n      <button\r\n        title=\"Chuyển đến trang đầu\"\r\n        class=\"d-lg-block border-0 border-rd-50 text-center\"\r\n        :class=\"{ disabled: isFirstPage }\"\r\n        @click=\"prevTopic\"\r\n      >\r\n        <span class=\"next-first-page\">|</span\r\n        ><i class=\"icon-first-page font-size-20\" />\r\n      </button>\r\n      <button\r\n        :class=\"{ disabled: isFirstPost }\"\r\n        title=\"Quay lại bài trước\"\r\n        class=\"border-0 border-rd-50 text-center display-flex-center\"\r\n        @click=\"prevPage\"\r\n      >\r\n        <i class=\"icon-first-page font-size-20\" />\r\n      </button>\r\n      <div class=\"book-viewer__paging__input\" @click=\"openInputChangePaging\">\r\n        <input\r\n          type=\"number\"\r\n          ref=\"direct_page\"\r\n          class=\"border-0\"\r\n          v-model=\"inputPageDirect\"\r\n          v-show=\"actionWritePaging\"\r\n          @blur=\"directToPage\"\r\n          @keyup.enter=\"directToPage\"\r\n        />\r\n        <span\r\n          class=\"show-pages\"\r\n          v-if=\"displayTwoPage && !actionWritePaging && page > 1\"\r\n        >\r\n          <span v-if=\"page % 2 === 0 && page === ebooksDetail.totalPage - 1\">{{\r\n            page\r\n          }}</span>\r\n          <span v-else-if=\"page % 2 === 0\">{{ page }} - {{ page + 1 }}</span>\r\n          <span v-else>{{ page - 1 }} - {{ page }}</span>\r\n        </span>\r\n        <span\r\n          class=\"show-pages\"\r\n          v-else-if=\"!displayTwoPage && page > 1 && !actionWritePaging\"\r\n        >\r\n          {{ page }}\r\n        </span>\r\n        <span class=\"show-pages text-center\" v-else-if=\"isPage1\">1</span\r\n        ><!-- /** Fix page; Author: anhdd (6/7/2022)*/ -->\r\n        <span class=\"show-pages text-center\" v-else>0</span>\r\n        <span class=\"show-pages show-pages--mobile\">{{ page }}</span>\r\n      </div>\r\n      <button\r\n        title=\"Chuyển đến bài tiếp theo\"\r\n        class=\"border-0 border-rd-50 text-center display-flex-center\"\r\n        :class=\"{ disabled: isLastPost }\"\r\n        @click=\"nextPage\"\r\n      >\r\n        <i class=\"icon-last-page font-size-20\" />\r\n      </button>\r\n\r\n      <!-- d-none  -->\r\n      <button\r\n        title=\"Chuyển đến trang cuối\"\r\n        class=\"d-lg-block border-0 border-rd-50 text-center\"\r\n        :class=\"{ disabled: isLastPage }\"\r\n        @click=\"nextTopic\"\r\n      >\r\n        <i class=\"icon-last-page font-size-20\" /><span class=\"next-last-page\"\r\n          >|</span\r\n        >\r\n      </button>\r\n    </div>\r\n    <div class=\"book-viewer__zoom-switch display-flex-center\">\r\n      <!-- Vị trí nút thu phóng và xem đơn đôi chưa đúng, phải đưa xuống dưới ngang hàng với nút next trang\r\n      Author: anhdd (01/12/2022) -->\r\n      <div class=\"book-viewer__switch\">\r\n        <div class=\"switch-viewpage full-width border-rd-20\">\r\n          <label\r\n            class=\"view-single p-l-r-6\"\r\n            :class=\"{\r\n              'active-tab-menu': displayTwoPage == false ? true : false,\r\n            }\"\r\n            @click=\"changeViewBookNew(false)\"\r\n            title=\"Hiển thị 1 trang\"\r\n          >\r\n            <img src=\"@/assets/images/one-page.png\" />\r\n          </label>\r\n          <label\r\n            class=\"view-double\"\r\n            :class=\"{\r\n              'active-tab-menu': displayTwoPage == true ? true : false,\r\n            }\"\r\n            @click=\"changeViewBookNew(true)\"\r\n            title=\"Hiển thị 2 trang\"\r\n          >\r\n            <img src=\"@/assets/images/two-page.png\" />\r\n          </label>\r\n\r\n          <label class=\"tab-search\" @click=\"handleZoomBookOut\">\r\n            <img\r\n              class=\"w-20\"\r\n              src=\"@/assets/images/zoom-out.png\"\r\n              title=\"Phóng to\"\r\n            />\r\n          </label>\r\n          <label\r\n            class=\"tab-search\"\r\n            @click=\"handleZoomBookIn\"\r\n            style=\"margin-right: 5px\"\r\n          >\r\n            <img\r\n              class=\"w-20\"\r\n              src=\"@/assets/images/zoom-in.png\"\r\n              title=\"Thu nhỏ\"\r\n            />\r\n          </label>\r\n        </div>\r\n      </div>\r\n      <!-- ---------------------------- -->\r\n      <a\r\n        title=\"Chế độ xem toàn màn hình\"\r\n        href=\"javascript:;\"\r\n        class=\"\r\n          book-viewer__changesize\r\n          border-rd-50\r\n          display-flex-center\r\n          justify-content-center\r\n          only-pc\r\n        \"\r\n        :class=\"{ 'btn-main-light-no-hover': isShowBookFullScreen }\"\r\n        @click=\"handleChangeSizeScreen\"\r\n      >\r\n        <i class=\"icon-full_screen font-size-18 primary-color\" />\r\n      </a>\r\n\r\n      <!-- Fix bug: show icon trong mục cài đặt ( đổi thành 1-2 trang , phóng to thu nhỏ)\r\n            ModifiedBy: anhdd (26/8/2022)\r\n            -->\r\n      <!-- <div\r\n        class=\"\r\n          book-viewer__setting\r\n          position-rel\r\n          border-rd-50\r\n          display-flex-center\r\n          justify-content-center\r\n        \"\r\n      >\r\n        <i\r\n          class=\"\r\n            book-viewer__setting__icon\r\n            icon-setting\r\n            font-size-18\r\n            primary-color\r\n          \"\r\n          :class=\"{ active: toggleSettingPopup }\"\r\n          @click=\"handleToggleModalSetting\"\r\n        />\r\n        <div\r\n          class=\"\r\n            book-viewer__setting__popup\r\n            bg-color-light\r\n            border-rd-4\r\n            effect-transition-fast\r\n          \"\r\n        >\r\n          <div class=\"book-viewer__zoom d-block text-center\">\r\n            <input\r\n              type=\"range\"\r\n              min=\"1\"\r\n              max=\"200\"\r\n              v-model=\"zoomVal\"\r\n              title=\"Tùy chính kích cỡ trang sách\"\r\n              class=\"slider\"\r\n              id=\"myRange\"\r\n              @input=\"handleZoomEvt\"\r\n            />\r\n            <div\r\n              class=\"book-viewer__zoom__val secondary-color-txt font-size-14\"\r\n            >\r\n              {{ zoomVal }} %\r\n            </div>\r\n          </div>\r\n          <div class=\"book-viewer__switch only-pc\">\r\n            <div\r\n              class=\"\r\n                switch-viewpage\r\n                full-width\r\n                color_bg_gray_light\r\n                border-rd-20\r\n              \"\r\n            >\r\n              <input\r\n                :title=\"\r\n                  cheDoXem == 2 ? 'Chế độ xem 2 trang' : 'Chế độ xem 1 trang'\r\n                \"\r\n                type=\"checkbox\"\r\n                name=\"change_view\"\r\n                @change=\"changeViewBook\"\r\n                checked\r\n              />\r\n              <span class=\"bg-transition\" />\r\n              <label title=\"Chế độ xem 1 trang\" class=\"view-single\">\r\n                <i class=\"icon-page-single\" />\r\n              </label>\r\n              <label title=\"Chế độ xem 2 trang\" class=\"view-double\">\r\n                <i class=\"icon-page-double\" />\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport { STORE_KEY } from \"./../../_store/constants\";\r\nexport default {\r\n  name: \"FooterBar\",\r\n  props: {\r\n    page: Number,\r\n    isPage1: Boolean /** Fix page; Author: anhdd (6/7/2022)*/,\r\n    displayTwoPage: Boolean,\r\n    ebooksDetail: Object,\r\n    lastPageCat1: Number,\r\n    lstPage: Array,\r\n    scale: Number,\r\n  },\r\n  data() {\r\n    return {\r\n      actionWritePaging: false,\r\n      openBookCats: false,\r\n      zoomVal: 100,\r\n      isFirstPage: true,\r\n      disabledControls: false,\r\n      isLastPage: false,\r\n      inputPageDirect: \"\",\r\n      isShowBookFullScreen: false,\r\n      toggleSettingPopup: false,\r\n      cheDoXem: 2,\r\n      isFirstPost: true,\r\n      isLastPost: false,\r\n    };\r\n  },\r\n  watch: {\r\n    page(newVal) {\r\n      // console.log(\"page: \" + newVal);\r\n      this.isLastPage = newVal >= this.lastPageCat1;\r\n      this.isFirstPage = newVal <= 1;\r\n      if (this.lstPage && this.lstPage.length > 0) {\r\n        this.isFirstPost = newVal <= this.lstPage[0].pageNo;\r\n        this.isLastPost =\r\n          newVal >= this.lstPage[this.lstPage.length - 1].pageNo;\r\n      }\r\n\r\n      // Sách mần non\r\n      // ModifiedBy: anhdd (8/12/2022)\r\n      if (\r\n        this.ebooksDetail &&\r\n        this.ebooksDetail.classNo == 0 &&\r\n        this.displayTwoPage\r\n      ) {\r\n        this.changeViewBookNew(false);\r\n      }\r\n      //-------------\r\n    },\r\n  },\r\n  methods: {\r\n    changeViewBook(evt) {\r\n      if (evt.target.checked) {\r\n        this.cheDoXem = 2;\r\n      } else {\r\n        this.cheDoXem = 1;\r\n      }\r\n      this.$emit(\"changeViewBook\", evt.target.checked);\r\n      // Reset zoom\r\n      this.zoomVal = 100;\r\n      this.handleZoomEvt();\r\n    },\r\n    handleToggleBookCats() {\r\n      this.openBookCats = !this.openBookCats;\r\n      this.$emit(\"toggleCatsList\", this.openBookCats);\r\n    },\r\n\r\n    handleZoomEvt() {\r\n      this.$emit(\"zoom\", this.zoomVal / 100);\r\n    },\r\n\r\n    directToPage(evt) {\r\n      this.actionWritePaging = false;\r\n      this.inputPageDirect = \"\";\r\n      this.$emit(\"directToPage\", evt.target.value);\r\n    },\r\n\r\n    prevTopic() {\r\n      if (this.isFirstPage) {\r\n        return;\r\n      }\r\n      this.directToPage({ target: { value: 1 } });\r\n      this.isLastPage = false;\r\n    },\r\n\r\n    nextTopic() {\r\n      if (this.isLastPage) {\r\n        return;\r\n      }\r\n      this.directToPage({\r\n        target: {\r\n          value: this.ebooksDetail.limitPage,\r\n        },\r\n      });\r\n      this.isLastPage = true;\r\n      this.isFirstPage = false;\r\n    },\r\n\r\n    prevPage() {\r\n      if (this.isFirstPage) {\r\n        return;\r\n      }\r\n      let pageRedirect = 0;\r\n      for (let i = this.lstPage.length - 1; i >= 0; i--) {\r\n        if (this.lstPage[i].pageNo < this.page - 1) {\r\n          pageRedirect = this.lstPage[i].pageNo;\r\n          this.directToPage({ target: { value: pageRedirect } });\r\n          return;\r\n        }\r\n      }\r\n      this.$emit(\"prevPage\", true);\r\n    },\r\n    nextPage() {\r\n      if (this.isLastPage) {\r\n        return;\r\n      }\r\n      let pageRedirect = 0;\r\n      let page = this.cheDoXem == 2 ? this.page + 1 : this.page;\r\n      for (let i = 0; i < this.lstPage.length; i++) {\r\n        if (this.lstPage[i].pageNo > page) {\r\n          pageRedirect = this.lstPage[i].pageNo;\r\n          this.directToPage({ target: { value: pageRedirect } });\r\n          return;\r\n        }\r\n      }\r\n      this.$emit(\"nextPage\", true);\r\n    },\r\n\r\n    handleChangeSizeScreen() {\r\n      this.openBookCats = false;\r\n      this.isShowBookFullScreen = !this.isShowBookFullScreen;\r\n      this.$emit(\"changeFullSizeBook\", this.isShowBookFullScreen);\r\n    },\r\n\r\n    openInputChangePaging() {\r\n      this.actionWritePaging = true;\r\n      this.inputPageDirect = \"\";\r\n      this.$nextTick(() => {\r\n        this.$refs.direct_page.focus();\r\n      });\r\n    },\r\n\r\n    handleToggleModalSetting() {\r\n      this.toggleSettingPopup = !this.toggleSettingPopup;\r\n    },\r\n\r\n    /** Vị trí nút thu phóng và xem đơn đôi chưa đúng, phải đưa xuống dưới ngang hàng với nút next trang\r\n     * ModifiedBy: anhdd (29/11/2022)\r\n     */\r\n    handleZoomBookOut() {\r\n      this.scale += 0.2;\r\n      this.$emit(\"zoom\", this.scale);\r\n    },\r\n\r\n    handleZoomBookIn() {\r\n      if (this.scale > 0) {\r\n        this.scale -= 0.2;\r\n        this.$emit(\"zoom\", this.scale);\r\n      }\r\n    },\r\n\r\n    changeViewBookNew(value) {\r\n      const self = this;\r\n      self.$emit(\"changeViewBook\", value);\r\n      // Reset zoom\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n%visible-popup-setting {\r\n  -moz-transform: scale(1);\r\n  -webkit-transform: scale(1);\r\n  transform: scale(1);\r\n  transform-origin: bottom right;\r\n}\r\n.book-viewer {\r\n  &__zoom {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  &__changesize {\r\n    margin-right: 10px;\r\n  }\r\n\r\n  &__setting,\r\n  &__changesize {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n\r\n  &__setting {\r\n    &__popup {\r\n      position: absolute;\r\n      bottom: 110%;\r\n      right: 10px;\r\n      width: 175px;\r\n      padding: 15px;\r\n      box-shadow: 0 0 10px rgba($color_dark, 0.3);\r\n      -webkit-box-shadow: 0 0 10px rgba($color_dark, 0.3);\r\n      -moz-transform: scale(0);\r\n      -webkit-transform: scale(0);\r\n      transform: scale(0);\r\n      transform-origin: bottom right;\r\n    }\r\n\r\n    &:hover {\r\n      .book-viewer__setting__popup {\r\n        @media screen and (min-width: 992px) {\r\n          -moz-transform: scale(1);\r\n          -webkit-transform: scale(1);\r\n          transform: scale(1);\r\n          transform-origin: bottom right;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__icon {\r\n      &.active {\r\n        ~ .book-viewer__setting__popup {\r\n          @media screen and (max-width: 991px) {\r\n            -moz-transform: scale(1);\r\n            -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n            transform-origin: bottom right;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // &:not(.active) {\r\n    //   .book-viewer__setting__popup {\r\n    //     -moz-transform: scale(0);\r\n    //     -webkit-transform: scale(0);\r\n    //     transform: scale(0);\r\n    //     transform-origin: bottom right;\r\n    //   }\r\n    // }\r\n  }\r\n\r\n  &__paging {\r\n    > * {\r\n      &:not(:last-child) {\r\n        margin-right: 12px;\r\n      }\r\n    }\r\n    button,\r\n    &__input {\r\n      height: 30px;\r\n    }\r\n    button {\r\n      @extend .bg-transparent;\r\n      min-width: 30px;\r\n      line-height: 36px;\r\n\r\n      i,\r\n      i:before {\r\n        @extend .primary-color;\r\n      }\r\n\r\n      &:hover {\r\n        @extend .btn-main-light-no-hover;\r\n      }\r\n    }\r\n    &__input {\r\n      width: 100px;\r\n      line-height: 30px;\r\n      @extend .border-rd-20;\r\n      @extend .bg-color-light;\r\n      border: 1px solid $color_light;\r\n      overflow: hidden;\r\n      @extend .text-center;\r\n      * {\r\n        @extend .secondary-color-txt;\r\n        @extend .font-size-16;\r\n      }\r\n      &:hover {\r\n        border-color: $primary_color;\r\n      }\r\n      input {\r\n        @extend .border-rd-20;\r\n        &:focus {\r\n          border: 1px solid $primary_color;\r\n        }\r\n      }\r\n    }\r\n    input {\r\n      @extend .border-0;\r\n      @extend .full-box;\r\n      @extend .text-center;\r\n      &:active,\r\n      &:focus,\r\n      &:visited {\r\n        outline: 0;\r\n      }\r\n    }\r\n    .show-pages--mobile {\r\n      display: none;\r\n    }\r\n\r\n    &.full-size {\r\n      padding: 5px 8px;\r\n      background: rgba($color_light, 0.3);\r\n      @extend .border-rd-20;\r\n\r\n      button {\r\n        @extend .bg-color-light;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 991px) {\r\n      .show-pages {\r\n        display: none;\r\n        &--mobile {\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n.slider {\r\n  -webkit-appearance: none;\r\n  @extend .full-width;\r\n  @extend .color_bg_gray_light;\r\n  height: 10px;\r\n  outline: none;\r\n  -webkit-transition: 0.2s;\r\n  transition: opacity 0.2s;\r\n  border-radius: 4px;\r\n\r\n  &::-webkit-slider-thumb {\r\n    -webkit-appearance: none;\r\n    appearance: none;\r\n    width: 15px;\r\n    height: 15px;\r\n    background: $primary_color;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n  }\r\n  &::-moz-range-thumb {\r\n    width: 15px;\r\n    height: 15px;\r\n    background: $primary_color;\r\n    border-radius: 50%;\r\n    cursor: pointer;\r\n  }\r\n}\r\n.next-last-page {\r\n  position: absolute;\r\n  top: 17px;\r\n  color: #0f3dba;\r\n}\r\n.next-first-page {\r\n  position: absolute;\r\n  top: 16px;\r\n  margin-left: -4px;\r\n  color: #0f3dba;\r\n}\r\n.switch-viewpage {\r\n  height: $height_btn;\r\n  @extend .position-rel;\r\n  @extend .border-rd-20;\r\n  @extend .display-flex-center;\r\n  @extend .justify-content-between;\r\n\r\n  input {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    @extend .full-box;\r\n    opacity: 0;\r\n    cursor: pointer;\r\n    z-index: 2;\r\n\r\n    &:checked ~ .bg-transition {\r\n      transform: translateX(100%);\r\n      -webkit-transform: translateX(100%);\r\n      -moz-transform: translateX(100%);\r\n      -ms-transform: translateX(100%);\r\n      -o-transform: translateX(100%);\r\n    }\r\n    &:not(:checked) ~ label.view-single {\r\n      transform: translateX(0px);\r\n      -webkit-transform: translateX(0px);\r\n    }\r\n    &:checked ~ label.view-double i:before,\r\n    &:not(:checked) ~ label.view-single i:before {\r\n      @extend .primary-color;\r\n    }\r\n  }\r\n  .bg-transition {\r\n    background: $btn_color_1;\r\n    position: absolute;\r\n    top: 0;\r\n    z-index: 0;\r\n    @extend .border-rd-20;\r\n    @extend .display-block;\r\n    @extend .effect-transition-fast;\r\n  }\r\n  .bg-transition,\r\n  label {\r\n    width: 50%;\r\n    height: 30px;\r\n  }\r\n  label {\r\n    @extend .border-rd-20;\r\n    @extend .secondary-color-txt;\r\n    @extend .margin-0;\r\n    @extend .effect-transition-fast;\r\n    @extend .display-flex-center;\r\n    @extend .justify-content-center;\r\n    cursor: pointer;\r\n    z-index: 1;\r\n  }\r\n}\r\n@media screen and (max-width: 575px) {\r\n  .book-viewer {\r\n    &__footer {\r\n      &__cats {\r\n        &:not(.is-full) {\r\n          min-width: 35px;\r\n\r\n          i {\r\n            margin-right: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__paging {\r\n      &__input {\r\n        width: 50px;\r\n\r\n        .show-pages {\r\n          min-width: 50px !important;\r\n        }\r\n      }\r\n\r\n      > * {\r\n        &:not(:last-child) {\r\n          margin-right: 5px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.w-20 {\r\n  width: 20px;\r\n}\r\n.p-l-r-6 {\r\n  padding: 0 6px;\r\n}\r\n.active-tab-menu {\r\n  background: $btn_color_1;\r\n}\r\n.tab-search {\r\n  cursor: pointer;\r\n}\r\n.tab-search:hover {\r\n  background: $btn_color_1;\r\n}\r\n.switch-viewpage label {\r\n  margin-right: 12px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FooterBar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FooterBar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FooterBar.vue?vue&type=template&id=add7d666&scoped=true&\"\nimport script from \"./FooterBar.vue?vue&type=script&lang=js&\"\nexport * from \"./FooterBar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FooterBar.vue?vue&type=style&index=0&id=add7d666&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"add7d666\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FooterBar.vue?vue&type=style&index=0&id=add7d666&lang=scss&scoped=true&\""],"sourceRoot":""}