{"version":3,"sources":["webpack:///./src/components/CopyInput.vue?dcbe","webpack:///src/components/CopyInput.vue","webpack:///./src/components/CopyInput.vue?6f85","webpack:///./src/components/CopyInput.vue","webpack:///./src/components/CopyInput.vue?8a23"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","domProps","value","scopedSlots","_u","key","fn","ref","on","_g","$event","copy","_v","_s","copied","tooltip","staticRenderFns","props","type","String","Number","default","methods","text","navigator","clipboard","writeText","console","error","err","$toast","open","component","VTooltip"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,yCAAyCC,MAAM,CAAC,QAAU,gBAAgB,KAAO,OAAO,SAAW,IAAIC,SAAS,CAAC,MAAQR,EAAIS,WAAWL,EAAG,YAAY,CAACG,MAAM,CAAC,MAAQ,WAAW,IAAM,IAAIG,YAAYV,EAAIW,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASC,GACpc,IAAIC,EAAKD,EAAIC,GACb,MAAO,CAACX,EAAG,MAAMJ,EAAIgB,GAAG,CAACV,YAAY,6CAA6CC,MAAM,CAAC,KAAO,CAAC,MAAO,SAASQ,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOjB,EAAIkB,KAAKlB,EAAIS,UAAUM,UAAW,CAACX,EAAG,OAAO,CAACJ,EAAImB,GAAGnB,EAAIoB,GAAGpB,EAAIqB,OAAS,SAAWrB,EAAIsB,eAAe,IACxPC,EAAkB,G,YC0BtB,GACEC,MAAO,CACLf,MAAO,CACLgB,KAAM,CAACC,OAAQC,QACfC,QAAS,MAEXN,QAAS,CACPG,KAAMC,OACNE,QAAS,SAGb,OACE,MAAO,CACLP,QAAQ,IAGZQ,QAAS,CACP,WAAWC,GACT,GAAKC,UAAUC,UAKf,UACQD,UAAUC,UAAUC,UAAUH,GAEpC7B,KAAKoB,QAAS,QACR,OAAd,OAAc,CAAd,KACQpB,KAAKoB,QAAS,EACtB,SACQa,QAAQC,MAAMC,GACdnC,KAAKoC,OAAOF,MAAM,4BAZlBlC,KAAKoC,OAAOC,KAAK,iDChDwZ,I,yDCQ7aC,EAAY,eACd,EACAxC,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAgB,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,WAAA,Q,oCCxB9B,yBAAimB,EAAG,G","file":"js/chunk-7bd548be.82a1e66a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"copy-input d-flex align-center\"},[_c('div',{staticClass:\"flex-grow-1\"},[_c('input',{staticClass:\"full-width text--secondary text-body-2\",attrs:{\"onclick\":\"this.select()\",\"type\":\"text\",\"readonly\":\"\"},domProps:{\"value\":_vm.value}})]),_c('v-tooltip',{attrs:{\"color\":\"green800\",\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('fai',_vm._g({staticClass:\"text-h6 flex-no-shrink link green500--text\",attrs:{\"icon\":['fad', 'copy']},on:{\"click\":function($event){return _vm.copy(_vm.value)}}},on))]}}])},[_c('span',[_vm._v(_vm._s(_vm.copied ? 'Copied' : _vm.tooltip))])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"copy-input d-flex align-center\">\n    <div class=\"flex-grow-1\">\n      <input\n        :value=\"value\"\n        onclick=\"this.select()\"\n        class=\"full-width text--secondary text-body-2\"\n        type=\"text\"\n        readonly\n      >\n    </div>\n\n    <v-tooltip color=\"green800\" top>\n      <template #activator=\"{on}\">\n        <fai\n          :icon=\"['fad', 'copy']\"\n          class=\"text-h6 flex-no-shrink link green500--text\"\n          @click=\"copy(value)\"\n          v-on=\"on\"\n        />\n      </template>\n      <span>{{ copied ? 'Copied' : tooltip }}</span>\n    </v-tooltip>\n  </div>\n</template>\n\n<script>\nimport { sleep } from '@/utils'\n\nexport default {\n  props: {\n    value: {\n      type: [String, Number],\n      default: null,\n    },\n    tooltip: {\n      type: String,\n      default: 'Copy',\n    },\n  },\n  data() {\n    return {\n      copied: false,\n    }\n  },\n  methods: {\n    async copy(text) {\n      if (!navigator.clipboard) {\n        this.$toast.open('Your browser doesn\\'t support this feature.')\n        return\n      }\n\n      try {\n        await navigator.clipboard.writeText(text)\n\n        this.copied = true\n        await sleep(1e3)\n        this.copied = false\n      } catch (err) {\n        console.error(err)\n        this.$toast.error('Copy failed, sorry.')\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.copy-input {\n  padding: 12px 16px;\n}\n\ninput {\n  letter-spacing: 2px;\n}\n\ninput:focus {\n  outline: none;\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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyInput.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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CopyInput.vue?vue&type=template&id=297f3482&scoped=true&\"\nimport script from \"./CopyInput.vue?vue&type=script&lang=js&\"\nexport * from \"./CopyInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CopyInput.vue?vue&type=style&index=0&id=297f3482&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  \"297f3482\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VTooltip})\n","import mod 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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyInput.vue?vue&type=style&index=0&id=297f3482&lang=scss&scoped=true&\"; export default mod; 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/vuetify-loader/lib/loader.js??ref--17-0!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyInput.vue?vue&type=style&index=0&id=297f3482&lang=scss&scoped=true&\""],"sourceRoot":""}