{"version":3,"sources":["webpack:///./src/components/global/formElements/CopyButtonLabel.vue","webpack:///src/components/global/formElements/CopyButtonLabel.vue","webpack:///./src/components/global/formElements/CopyButtonLabel.vue?1259","webpack:///./src/components/global/formElements/CopyButtonLabel.vue?8fcb","webpack:///./src/components/global/formElements/CopyButtonLabel.vue?9cbf"],"names":["render","_vm","this","_c","_self","staticClass","on","copy","hasSlot","_t","_v","_s","value","attrs","show","_e","staticRenderFns","name","props","String","data","computed","$slots","default","methods","_this","el","document","createElement","setAttribute","style","position","left","body","appendChild","selected","getSelection","rangeCount","getRangeAt","select","execCommand","removeChild","removeAllRanges","addRange","setTimeout","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwBC,GAAG,CAAC,MAAQL,EAAIM,OAAO,CAACJ,EAAG,IAAI,CAACE,YAAY,0BAA2BJ,EAAIO,QAASP,EAAIQ,GAAG,WAAW,CAACR,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,UAAU,GAAGT,EAAG,aAAa,CAACU,MAAM,CAAC,KAAO,SAAS,CAAEX,KAAKY,KAAMX,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,IAAI,CAACE,YAAY,gBAAgBJ,EAAIS,GAAG,mBAAmBT,EAAIc,QAAQ,IAE3bC,EAAkB,GCeP,GACfC,KAAA,kBACAC,MAAA,CAAAN,MAAAO,QACAC,KAAA,WACA,OACAN,MAAA,IAGAO,SAAA,CACAb,QAAA,WACA,aAAAc,OAAAC,UAGAC,QAAA,CACAjB,KAAA,eAAAkB,EAAA,KACA,SAAAX,KAAA,CACA,IAAAY,EAAAC,SAAAC,cAAA,YACAF,EAAAd,MAAA,KAAAA,MACAc,EAAAG,aAAA,eACAH,EAAAI,MAAAC,SAAA,WACAL,EAAAI,MAAAE,KAAA,UACAL,SAAAM,KAAAC,YAAAR,GACA,IAAAS,EACAR,SAAAS,eAAAC,WAAA,GACAV,SAAAS,eAAAE,WAAA,GAEAZ,EAAAa,SACAZ,SAAAa,YAAA,QACAb,SAAAM,KAAAQ,YAAAf,GACAS,IACAR,SAAAS,eAAAM,kBACAf,SAAAS,eAAAO,SAAAR,IAGA,KAAArB,MAAA,EACA8B,YAAA,WACAnB,EAAAX,MAAA,IACA,UCtDsX,I,wBCQlX+B,EAAY,eACd,EACA7C,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAA6B,E,6CCnBf","file":"js/chunk-5f6ecbb2.845d4dd4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"copyLabel\"},[_c('div',{staticClass:\"cursor-pointer d-flex\",on:{\"click\":_vm.copy}},[_c('i',{staticClass:\"fas fa-copy copy-icon\"}),(_vm.hasSlot)?_vm._t(\"default\"):[_vm._v(_vm._s(_vm.value))]],2),_c('transition',{attrs:{\"name\":\"fade\"}},[(this.show)?_c('div',{staticClass:\"copyButton\"},[_c('i',{staticClass:\"fa fa-check\"}),_vm._v(\" Kopyalandı! \")]):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"copyLabel\">\n    <div class=\"cursor-pointer d-flex\" @click=\"copy\">\n      <i class=\"fas fa-copy copy-icon\"></i>\n      <slot v-if=\"hasSlot\"></slot>\n      <template v-else>{{ value }}</template>\n    </div>\n    <transition name=\"fade\">\n      <div class=\"copyButton\" v-if=\"this.show\">\n        <i class=\"fa fa-check\"></i>\n        Kopyalandı!\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'CopyButtonLabel',\n  props: { value: String },\n  data() {\n    return {\n      show: false,\n    };\n  },\n  computed: {\n    hasSlot() {\n      return !!this.$slots.default;\n    },\n  },\n  methods: {\n    copy() {\n      if (!this.show) {\n        const el = document.createElement('textarea');\n        el.value = this.value;\n        el.setAttribute('readonly', '');\n        el.style.position = 'absolute';\n        el.style.left = '-9999px';\n        document.body.appendChild(el);\n        const selected =\n          document.getSelection().rangeCount > 0\n            ? document.getSelection().getRangeAt(0)\n            : false;\n        el.select();\n        document.execCommand('copy');\n        document.body.removeChild(el);\n        if (selected) {\n          document.getSelection().removeAllRanges();\n          document.getSelection().addRange(selected);\n        }\n\n        this.show = true;\n        setTimeout(() => {\n          this.show = false;\n        }, 1500);\n      }\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.copyLabel {\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  .copy-icon {\n    font-size: 14px;\n    color: #464e5f;\n    margin-right: 5px;\n    padding-top: 3px;\n    padding-right: 3px;\n    opacity: 0.7;\n  }\n\n  .copyButton {\n    right: -60px;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    position: absolute;\n    z-index: 2;\n    background: #ffffff;\n    border-radius: 4px;\n    font-size: 12px;\n    line-height: 18px;\n    color: #0bb783;\n    padding: 10px;\n    & i {\n      margin-right: 10px;\n      font-size: 12px;\n      line-height: 18px;\n      color: #0bb783;\n    }\n    // &.show {\n    //   opacity: 1;\n    //   transition: opacity 1s;\n    // }\n  }\n}\n\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.5s;\n}\n.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {\n  opacity: 0;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyButtonLabel.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyButtonLabel.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CopyButtonLabel.vue?vue&type=template&id=bf07c0dc&scoped=true\"\nimport script from \"./CopyButtonLabel.vue?vue&type=script&lang=js\"\nexport * from \"./CopyButtonLabel.vue?vue&type=script&lang=js\"\nimport style0 from \"./CopyButtonLabel.vue?vue&type=style&index=0&id=bf07c0dc&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  \"bf07c0dc\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CopyButtonLabel.vue?vue&type=style&index=0&id=bf07c0dc&prod&lang=scss&scoped=true\""],"sourceRoot":""}