{"version":3,"sources":["webpack:///./src/components/elements/k-download-btn.vue?a643","webpack:///./src/components/elements/k-download-btn.vue","webpack:///src/components/elements/k-download-btn.vue","webpack:///./src/components/elements/k-download-btn.vue?1c6e","webpack:///./src/components/elements/k-download-btn.vue?e8fa"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","attrs","preparing","done","_v","_e","class","staticRenderFns","props","required","type","Boolean","default","data","methods","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoBC,YAAY,CAAC,UAAU,KAAK,eAAe,OAAO,OAAS,aAAa,CAACH,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,WAAW,CAAEN,EAAIO,UAAWL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAEJ,EAAIO,YAAcP,EAAIQ,KAAMN,EAAG,OAAO,CAACE,YAAY,YAAY,CAACJ,EAAIS,GAAG,2BAA2BT,EAAIU,KAAMV,EAAIQ,KAAMN,EAAG,OAAO,CAACE,YAAY,YAAY,CAACJ,EAAIS,GAAG,qBAAqBT,EAAIU,KAAKR,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,sBAAsBO,MAAM,CAACX,EAAIQ,KAAO,cAAgB,MAAMN,EAAG,MAAM,CAACE,YAAY,sBAAsBJ,EAAIU,OAAOV,EAAIS,GAAG,cAAcP,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACF,EAAG,oBAAoB,CAACI,MAAM,CAAC,KAAO,CAAC,MAAO,uBAAuB,IAAI,IAElxBM,EAAkB,GCkBP,GACfC,MAAA,CACAN,UAAA,CACAO,UAAA,EACAC,KAAAC,QACAC,SAAA,GAEAT,KAAA,CACAM,UAAA,EACAC,KAAAC,QACAC,SAAA,IAGAC,OACA,UAKAC,QAAA,ICvCyY,I,wBCQrYC,EAAY,eACd,EACArB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAQ,E","file":"static/js/k-download-btn.68e602e3.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./k-download-btn.vue?vue&type=style&index=0&id=114e45a0&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flp-btn btn-size2\",staticStyle:{\"z-index\":\"10\",\"padding-left\":\"17px\",\"margin\":\"0px 10px\"}},[_c('transition',{attrs:{\"name\":\"expand\"}},[(_vm.preparing)?_c('div',{staticClass:\"download-alert\"},[(_vm.preparing && !_vm.done)?_c('span',{staticClass:\"alt-txt1\"},[_vm._v(\"Preparing download...\")]):_vm._e(),(_vm.done)?_c('span',{staticClass:\"alt-txt2\"},[_vm._v(\"Downloading Now\")]):_vm._e(),_c('div',{staticClass:\"alt-loader\"},[_c('div',{staticClass:\"alt-loader-progress\",class:[_vm.done ? 'progress100' : '']}),_c('div',{staticClass:\"alt-loader-bg\"})])]):_vm._e()]),_vm._v(\" Download \"),_c('span',{staticClass:\"flp-btn-icon-size2\"},[_c('font-awesome-icon',{attrs:{\"icon\":['fal', 'arrow-to-bottom']}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flp-btn btn-size2\" style=\" z-index:10;padding-left: 17px; margin: 0px 10px;\">\n    <transition name=\"expand\">\n      <div v-if=\"preparing\" class=\"download-alert\">\n        <span v-if=\"preparing && !done\" class=\"alt-txt1\">Preparing download...</span>\n        <span v-if=\"done\" class=\"alt-txt2\">Downloading Now</span>\n        <div class=\"alt-loader\">\n          <div class=\"alt-loader-progress\" :class=\"[done ? 'progress100' : '']\"></div>\n          <div class=\"alt-loader-bg\"></div>\n        </div>\n      </div>\n    </transition>\n    Download\n    <span class=\"flp-btn-icon-size2\">\n      <font-awesome-icon :icon=\"['fal', 'arrow-to-bottom']\" />\n    </span>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    preparing: {\n      required: false,\n      type: Boolean,\n      default: false,\n    },\n    done: {\n      required: false,\n      type: Boolean,\n      default: false,\n    },\n  },\n  data() {\n    return {\n      // preparing: false,\n      // done: false,\n    };\n  },\n  methods: {\n    // startDownload() {\n    //   const vm = this;\n    //   vm.preparing = true;\n    //   vm.$emit('download-init');\n    //   setTimeout(() => {\n    //     vm.done = true;\n    //     setTimeout(() => {\n    //       vm.preparing = false;\n    //       vm.done = false;\n    //     }, 1000);\n    //   }, 1000);\n    // },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ex-dl-btn {\n  color: #303335;\n}\n.expand-enter-active,\n.expand-leave-active {\n  -webkit-transition: top 0.3s ease, opacity 0.3s ease;\n  -moz-transition: top 0.3s ease, opacity 0.3s ease;\n  -ms-transition: top 0.3s ease, opacity 0.3s ease;\n  -o-transition: top 0.3s ease, opacity 0.3s ease;\n  transition: top 0.3s ease, opacity 0.3s ease;\n}\n\n.expand-enter,\n.expand-leave-to {\n  top: 100% !important;\n  opacity: 0 !important;\n}\n\n.progress100 {\n  width: 100% !important;\n}\n\nsvg:not(:root).svg-inline--fa {\n  overflow: visible;\n}\n.svg-inline--fa {\n  display: inline-block;\n  height: 1em;\n  overflow: visible;\n  font-size: inherit;\n  vertical-align: -0.125em;\n}\n.svg-inline--fa.fa-w-12 {\n  width: 0.75em;\n}\n\n@media screen {\n  * {\n    box-sizing: border-box;\n  }\n  * {\n    outline: 0;\n  }\n  .download-alert {\n    position: absolute;\n    top: 150%;\n    left: 0;\n    width: 250px;\n    padding: 16px 30px;\n    color: #fff;\n    text-align: center;\n    background-color: rgba(29, 33, 37, 0.95);\n    border-radius: 5px;\n    transform: translateX(-20%);\n    // margin: 50px 0 0 -70px;\n  }\n  .flp-btn {\n    position: relative;\n    position: relative;\n    display: inline-block;\n    padding: 15px 26px;\n    font-size: 12px;\n    font-weight: 400;\n    color: var(--buttontext);\n    text-align: center;\n    text-transform: uppercase;\n    letter-spacing: 0.07em;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -khtml-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-color: var(--primarycolor) !important;\n    -webkit-border-radius: 0;\n    border-radius: 0;\n    border-radius: 3px;\n    -webkit-transition: all 0.6s ease;\n    -moz-transition: all 0.6s ease;\n    -ms-transition: all 0.6s ease;\n    -o-transition: all 0.6s ease;\n    transition: all 0.6s ease;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    -webkit-touch-callout: none;\n  }\n  .flp-btn:hover {\n    color: #fff !important;\n    background-color: #424242 !important;\n  }\n  .btn-size2 {\n    min-width: 20px;\n    font-size: 12px;\n    font-weight: 600;\n    margin: 0px 7px 0px 10px;\n    padding: 7px 12px 8px;\n    border-radius: 6px;\n    &:hover {\n      color: #cad1d6 !important;\n      background-color: #424242 !important;\n      border: none !important;\n    }\n  }\n  .flp-btn-icon-size2 {\n    position: relative;\n    top: 0;\n    padding: 3px 4px 7px 12px;\n    margin: 0 0 0 13px;\n    font-size: 18px;\n    border-left: 1px solid rgba(0, 0, 0, 0.15);\n  }\n  .hide {\n    display: none !important;\n  }\n  ::-webkit-scrollbar {\n    width: 5px;\n    height: 7px;\n  }\n  ::-webkit-scrollbar-button {\n    width: 0;\n    height: 0;\n  }\n  ::-webkit-scrollbar-thumb {\n    background: rgba(111, 111, 111, 0.2);\n    border: 0 #fff;\n    border-radius: 10px;\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background: #525965;\n  }\n  ::-webkit-scrollbar-thumb:active {\n    background: #525965;\n  }\n  ::-webkit-scrollbar-track {\n    background: 0 0;\n    border: 0 #fff;\n    border-radius: 50px;\n  }\n  ::-webkit-scrollbar-track:hover {\n    background: 0 0;\n  }\n  ::-webkit-scrollbar-track:active {\n    background: 0 0;\n  }\n  ::-webkit-scrollbar-corner {\n    background: 0 0;\n  }\n}\n\n.fa-arrow-to-bottom:before {\n  content: '\\f33d';\n}\n\n.alt-loader {\n  position: relative;\n  display: block;\n  width: 100%;\n  height: 4px;\n  margin: 11px 0px 2px 0px;\n}\n.alt-loader-bg {\n  position: absolute;\n  z-index: 2;\n  width: 100%;\n  height: 4px;\n  background-color: rgba(255, 255, 255, 0.1);\n}\n.alt-loader-progress {\n  position: absolute;\n  z-index: 3;\n  width: 1%;\n  height: 4px;\n  background-color: #00abb7;\n  -webkit-transition: width 1s ease;\n  -moz-transition: width 1s ease;\n  -ms-transition: width 1s ease;\n  -o-transition: width 1s ease;\n  transition: width 1s ease;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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!./k-download-btn.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/@vue/cli-plugin-babel/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!./k-download-btn.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./k-download-btn.vue?vue&type=template&id=114e45a0&scoped=true\"\nimport script from \"./k-download-btn.vue?vue&type=script&lang=js\"\nexport * from \"./k-download-btn.vue?vue&type=script&lang=js\"\nimport style0 from \"./k-download-btn.vue?vue&type=style&index=0&id=114e45a0&prod&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  \"114e45a0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}