{"version":3,"sources":["webpack:///./src/views/components/extra-components/clipboard/Clipboard.vue?d5a7","webpack:///./src/views/components/extra-components/clipboard/ClipboardDirective.vue?0fae","webpack:///src/views/components/extra-components/clipboard/ClipboardDirective.vue","webpack:///./src/views/components/extra-components/clipboard/ClipboardDirective.vue?bb70","webpack:///./src/views/components/extra-components/clipboard/ClipboardDirective.vue","webpack:///./src/views/components/extra-components/clipboard/ClipboardWithoutDirective.vue?076f","webpack:///src/views/components/extra-components/clipboard/ClipboardWithoutDirective.vue","webpack:///./src/views/components/extra-components/clipboard/ClipboardWithoutDirective.vue?9507","webpack:///./src/views/components/extra-components/clipboard/ClipboardWithoutDirective.vue","webpack:///src/views/components/extra-components/clipboard/Clipboard.vue","webpack:///./src/views/components/extra-components/clipboard/Clipboard.vue?e03e","webpack:///./src/views/components/extra-components/clipboard/Clipboard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","staticClass","model","value","callback","$$v","text","expression","directives","name","rawName","arg","_v","slot","component","text2","on","copyText"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,wBAAwB,CAACF,EAAG,uBAAuBA,EAAG,gCAAgC,IACxMG,EAAkB,GCDlB,EAAS,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,kBAAkB,SAAW,wCAAwC,eAAe,KAAK,CAACF,EAAG,WAAW,CAACI,YAAY,wBAAwBC,MAAM,CAACC,MAAOV,EAAQ,KAAEW,SAAS,SAAUC,GAAMZ,EAAIa,KAAKD,GAAKE,WAAW,UAAUV,EAAG,YAAY,CAACW,WAAW,CAAC,CAACC,KAAK,YAAYC,QAAQ,mBAAmBP,MAAOV,EAAQ,KAAEc,WAAW,OAAOI,IAAI,QAAQ,CAACF,KAAK,YAAYC,QAAQ,sBAAsBP,MAAOV,EAAU,OAAEc,WAAW,SAASI,IAAI,WAAW,CAACF,KAAK,YAAYC,QAAQ,oBAAoBP,MAAOV,EAAW,QAAEc,WAAW,UAAUI,IAAI,WAAW,CAAClB,EAAImB,GAAG,yBAAyBf,EAAG,WAAW,CAACgB,KAAK,iBAAiB,CAACpB,EAAImB,GAAG,6hCAA4hC,IACxwD,EAAkB,GCgEtB,GACE,KADF,WAEI,MAAJ,CACM,KAAN,aAGE,QAAF,CACI,OADJ,WAEM,KAAN,YACQ,MAAR,WACQ,KAAR,4BACQ,MAAR,UACQ,SAAR,UACQ,SAAR,aACQ,KAAR,uBAGI,QAXJ,WAYM,KAAN,YACQ,MAAR,UACQ,KAAR,yBACQ,MAAR,SACQ,SAAR,UACQ,SAAR,aACQ,KAAR,yBCzF4a,I,YCOxaE,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QClBX,EAAS,WAAa,IAAIrB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,oBAAoB,SAAW,gGAAgG,eAAe,KAAK,CAACF,EAAG,WAAW,CAACI,YAAY,wBAAwBC,MAAM,CAACC,MAAOV,EAAS,MAAEW,SAAS,SAAUC,GAAMZ,EAAIsB,MAAMV,GAAKE,WAAW,WAAWV,EAAG,YAAY,CAACmB,GAAG,CAAC,MAAQvB,EAAIwB,WAAW,CAACxB,EAAImB,GAAG,WAAWf,EAAG,WAAW,CAACgB,KAAK,iBAAiB,CAACpB,EAAImB,GAAG,mnCAAknC,IACpnD,EAAkB,GCwDtB,GACE,KADF,WAEI,MAAJ,CACM,MAAN,+BAGE,QAAF,CACI,SADJ,WAEM,IAAN,OACM,KAAN,uCACQ,EAAR,YACU,MAAV,WACU,KAAV,4BACU,MAAV,UACU,SAAV,UACU,SAAV,aACU,KAAV,yBAEA,WACQ,EAAR,YACU,MAAV,UACU,KAAV,yBACU,MAAV,SACU,SAAV,UACU,SAAV,aACU,KAAV,4BClFmb,ICO/a,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCGf,GACE,WAAF,CACI,mBAAJ,EACI,0BAAJ,ICxBma,ICO/Z,EAAY,eACd,EACApB,EACAQ,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-2d0b2b24.67126c44.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"page-clipboard-demo\"}},[_c('clipboard-directive'),_c('clipboard-without-directive')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Using Directive\",\"subtitle\":\"Use directive on button to copy text.\",\"code-toggler\":\"\"}},[_c('vs-input',{staticClass:\"inline-flex mb-2 mr-2\",model:{value:(_vm.text),callback:function ($$v) {_vm.text=$$v},expression:\"text\"}}),_c('vs-button',{directives:[{name:\"clipboard\",rawName:\"v-clipboard:copy\",value:(_vm.text),expression:\"text\",arg:\"copy\"},{name:\"clipboard\",rawName:\"v-clipboard:success\",value:(_vm.onCopy),expression:\"onCopy\",arg:\"success\"},{name:\"clipboard\",rawName:\"v-clipboard:error\",value:(_vm.onError),expression:\"onError\",arg:\"error\"}]},[_vm._v(\"\\n\\t\\t\\tCopy!\\n\\t\\t\")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <vs-input v-model=\\\"text\\\" class=\\\"inline-flex\\\" />\\n    <vs-button\\n        v-clipboard:copy=\\\"text\\\"\\n        v-clipboard:success=\\\"onCopy\\\"\\n        v-clipboard:error=\\\"onError\\\">\\n        Copy!\\n    </vs-button>\\n</template>\\n\\n<script>\\nexport default {\\n    data() {\\n        return {\\n            text: 'Copy Me!',\\n        }\\n    },\\n    methods: {\\n        onCopy() {\\n            this.$vs.notify({\\n                title: 'Success!',\\n                text: 'Text copied successfully.',\\n                color: 'success',\\n                iconPack: 'feather',\\n                position: 'top-center',\\n                icon: 'icon-check-circle'\\n            })\\n        },\\n        onError() {\\n            this.$vs.notify({\\n                title: 'Failed!',\\n                text: 'Error in copying text.',\\n                color: 'danger',\\n                iconPack: 'feather',\\n                position: 'top-center',\\n                icon: 'icon-alert-circle'\\n            })\\n        },\\n    }\\n}\\n</script>\\n\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: ClipboardDirective.vue\r\n\tDescription: Clipboard demo\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n\t<vx-card title=\"Using Directive\" subtitle=\"Use directive on button to copy text.\" code-toggler>\r\n\t\t<vs-input v-model=\"text\" class=\"inline-flex mb-2 mr-2\" />\r\n\t\t<vs-button\r\n\t\t\tv-clipboard:copy=\"text\"\r\n\t\t\tv-clipboard:success=\"onCopy\"\r\n\t\t\tv-clipboard:error=\"onError\">\r\n\t\t\tCopy!\r\n\t\t</vs-button>\r\n\t\t<template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;vs-input v-model=&quot;text&quot; class=&quot;inline-flex&quot; /&gt;\r\n    &lt;vs-button\r\n        v-clipboard:copy=&quot;text&quot;\r\n        v-clipboard:success=&quot;onCopy&quot;\r\n        v-clipboard:error=&quot;onError&quot;&gt;\r\n        Copy!\r\n    &lt;/vs-button&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n    data() {\r\n        return {\r\n            text: 'Copy Me!',\r\n        }\r\n    },\r\n    methods: {\r\n        onCopy() {\r\n            this.$vs.notify({\r\n                title: 'Success!',\r\n                text: 'Text copied successfully.',\r\n                color: 'success',\r\n                iconPack: 'feather',\r\n                position: 'top-center',\r\n                icon: 'icon-check-circle'\r\n            })\r\n        },\r\n        onError() {\r\n            this.$vs.notify({\r\n                title: 'Failed!',\r\n                text: 'Error in copying text.',\r\n                color: 'danger',\r\n                iconPack: 'feather',\r\n                position: 'top-center',\r\n                icon: 'icon-alert-circle'\r\n            })\r\n        },\r\n    }\r\n}\r\n&lt;/script&gt;\r\n\t\t</template>\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            text: 'Copy Me!',\r\n        }\r\n    },\r\n    methods: {\r\n        onCopy() {\r\n            this.$vs.notify({\r\n                title: 'Success!',\r\n                text: 'Text copied successfully.',\r\n                color: 'success',\r\n                iconPack: 'feather',\r\n                position: 'top-center',\r\n                icon:'icon-check-circle'\r\n            })\r\n        },\r\n        onError() {\r\n            this.$vs.notify({\r\n                title: 'Failed!',\r\n                text: 'Error in copying text.',\r\n                color: 'danger',\r\n                iconPack: 'feather',\r\n                position: 'top-center',\r\n                icon:'icon-alert-circle'\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>\r\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!./ClipboardDirective.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!./ClipboardDirective.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClipboardDirective.vue?vue&type=template&id=64600c78&\"\nimport script from \"./ClipboardDirective.vue?vue&type=script&lang=js&\"\nexport * from \"./ClipboardDirective.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Without directive\",\"subtitle\":\"You can copy text without a specific button. Use $copyText to copy text when event got fired.\",\"code-toggler\":\"\"}},[_c('vs-input',{staticClass:\"inline-flex mb-2 mr-2\",model:{value:(_vm.text2),callback:function ($$v) {_vm.text2=$$v},expression:\"text2\"}}),_c('vs-button',{on:{\"click\":_vm.copyText}},[_vm._v(\"Copy!\")]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <vs-input v-model=\\\"text2\\\" class=\\\"inline-flex\\\" />\\n    <vs-button @click=\\\"copyText\\\">Copy!</vs-button>\\n</template>\\n\\n<script>\\nexport default {\\n    data() {\\n        return {\\n            text2: 'Copy Me Without Directive!',\\n        }\\n    },\\n    methods: {\\n        copyText() {\\n            const thisIns = this;\\n            this.$copyText(this.text2).then(function() {\\n                thisIns.$vs.notify({\\n                    title: 'Success!',\\n                    text: 'Text copied successfully.',\\n                    color: 'success',\\n                    iconPack: 'feather',\\n                    position: 'top-center',\\n                    icon: 'icon-check-circle'\\n                })\\n            }, function() {\\n                thisIns.$vs.notify({\\n                    title: 'Failed!',\\n                    text: 'Error in copying text.',\\n                    color: 'danger',\\n                    iconPack: 'feather',\\n                    position: 'top-center',\\n                    icon: 'icon-alert-circle'\\n                })\\n            })\\n        }\\n    }\\n}\\n</script>\\n\\t\\t\")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n\tFile Name: ClipboardWithoutDirective.vue\r\n\tDescription: Clipboard demo without directive\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n\t<vx-card title=\"Without directive\" subtitle=\"You can copy text without a specific button. Use $copyText to copy text when event got fired.\" code-toggler>\r\n\t\t<vs-input v-model=\"text2\" class=\"inline-flex mb-2 mr-2\" />\r\n\t\t<vs-button @click=\"copyText\">Copy!</vs-button>\r\n\t\t<template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;vs-input v-model=&quot;text2&quot; class=&quot;inline-flex&quot; /&gt;\r\n    &lt;vs-button @click=&quot;copyText&quot;&gt;Copy!&lt;/vs-button&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n    data() {\r\n        return {\r\n            text2: 'Copy Me Without Directive!',\r\n        }\r\n    },\r\n    methods: {\r\n        copyText() {\r\n            const thisIns = this;\r\n            this.$copyText(this.text2).then(function() {\r\n                thisIns.$vs.notify({\r\n                    title: 'Success!',\r\n                    text: 'Text copied successfully.',\r\n                    color: 'success',\r\n                    iconPack: 'feather',\r\n                    position: 'top-center',\r\n                    icon: 'icon-check-circle'\r\n                })\r\n            }, function() {\r\n                thisIns.$vs.notify({\r\n                    title: 'Failed!',\r\n                    text: 'Error in copying text.',\r\n                    color: 'danger',\r\n                    iconPack: 'feather',\r\n                    position: 'top-center',\r\n                    icon: 'icon-alert-circle'\r\n                })\r\n            })\r\n        }\r\n    }\r\n}\r\n&lt;/script&gt;\r\n\t\t</template>\r\n\t</vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            text2: 'Copy Me Without Directive!',\r\n        }\r\n    },\r\n    methods: {\r\n        copyText() {\r\n            const thisIns = this;\r\n            this.$copyText(this.text2).then(function() {\r\n                thisIns.$vs.notify({\r\n                    title: 'Success!',\r\n                    text: 'Text copied successfully.',\r\n                    color: 'success',\r\n                    iconPack: 'feather',\r\n                    position: 'top-center',\r\n                    icon: 'icon-check-circle'\r\n                })\r\n            }, function() {\r\n                thisIns.$vs.notify({\r\n                    title: 'Failed!',\r\n                    text: 'Error in copying text.',\r\n                    color: 'danger',\r\n                    iconPack: 'feather',\r\n                    position: 'top-center',\r\n                    icon: 'icon-alert-circle'\r\n                })\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\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!./ClipboardWithoutDirective.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!./ClipboardWithoutDirective.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClipboardWithoutDirective.vue?vue&type=template&id=09fe8bdb&\"\nimport script from \"./ClipboardWithoutDirective.vue?vue&type=script&lang=js&\"\nexport * from \"./ClipboardWithoutDirective.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\r\n    File Name: Clipboard.vue\r\n    Description: Clipboard demo\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"page-clipboard-demo\">\r\n        <clipboard-directive></clipboard-directive>\r\n        <clipboard-without-directive></clipboard-without-directive>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport ClipboardDirective from './ClipboardDirective.vue'\r\nimport ClipboardWithoutDirective from './ClipboardWithoutDirective.vue'\r\n\r\nexport default{\r\n    components: {\r\n        ClipboardDirective,\r\n        ClipboardWithoutDirective\r\n    }   \r\n}\r\n</script>","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!./Clipboard.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!./Clipboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Clipboard.vue?vue&type=template&id=bb5b36d2&\"\nimport script from \"./Clipboard.vue?vue&type=script&lang=js&\"\nexport * from \"./Clipboard.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}