{"version":3,"sources":["webpack:///./src/components/helpers/AppCode.vue?6271","webpack:///./src/components/helpers/AppCopyBtn.vue?b932","webpack:///src/components/helpers/AppCopyBtn.vue","webpack:///./src/components/helpers/AppCopyBtn.vue?e4e0","webpack:///./src/components/helpers/AppCopyBtn.vue","webpack:///./src/components/helpers/AppCode.vue?6795","webpack:///src/components/helpers/AppCode.vue","webpack:///./src/components/helpers/AppCode.vue?466e","webpack:///./src/components/helpers/AppCode.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","copy","key","String","clicked","domProps","_s","staticRenderFns","wait","component","VBtn","VFadeTransition","VIcon","isDark","rounded","_t","target","copyCode","VSheet"],"mappings":"mIAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,YAAY,cAAcC,YAAY,CAAC,mBAAmB,WAAWC,MAAM,CAAC,SAAW,GAAG,KAAO,GAAG,MAAQ,GAAG,IAAM,IAAIC,GAAG,CAAC,MAAQT,EAAIU,OAAO,CAACN,EAAG,oBAAoB,CAACI,MAAM,CAAC,gBAAgB,KAAK,CAACJ,EAAG,SAAS,CAACO,IAAIC,OAAOZ,EAAIa,SAASL,MAAM,CAAC,MAAQ,QAAQM,SAAS,CAAC,YAAcd,EAAIe,GAAGf,EAAIa,QAAU,YAAc,oBAAoB,IAAI,IAC7bG,EAAkB,G,YCuBtB,G,oBAAA,CACE,KAAF,aACE,MAAF,CACI,SAAJ,OACI,OAAJ,CACM,KAAN,SACM,UAAN,IAGE,KAAF,WAAI,MAAJ,CACMH,SAAS,EACTI,KAAM,MAEV,QAAF,CACI,SADJ,SACA,GAAM,OAAN,+JACA,oDADA,8CAGI,KAJJ,WAIM,IAAN,OAAM,OAAN,gJACA,4BADA,uBAEA,yBAFA,iCAMA,aACA,yCACA,UACA,0CACA,6BACA,qCACA,aAZA,UAaA,mBAbA,QAcA,aAdA,kDCzCmW,I,qECO/VC,EAAY,eACd,EACAnB,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAE,EAAiB,QAOhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,gBAAA,OAAgBC,QAAA,Q,kECzBnD,IAAItB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,2BAA2BE,MAAM,CAAC,MAAQR,EAAIsB,OAAS,UAAY,iBAAiB,KAAOtB,EAAIsB,OAAO,QAAUtB,EAAIuB,QAAQ,IAAM,MAAM,SAAW,KAAK,CAACvB,EAAIwB,GAAG,WAAWpB,EAAG,eAAe,CAACE,YAAY,cAAcE,MAAM,CAAC,OAASR,EAAIyB,OAAO,SAAWzB,EAAI0B,aAAa,IACrYV,EAAkB,G,YCuBtB,GACE,KAAF,UACE,WAAF,CAAI,WAAJ,cACE,MAAF,CACI,SAAJ,OACI,QAAJ,CACM,KAAN,iBACM,SAAN,IAGE,SAAF,CACI,OADJ,WAEM,OAAN,IAGE,QAAF,CACI,OADJ,WAEM,OAAN,iCCzCgW,I,yDCQ5VE,EAAY,eACd,EACAnB,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAE,EAAiB,QAKhC,IAAkBA,EAAW,CAACS,SAAA","file":"js/chunk-b3b0ad7a.d0110360.js","sourcesContent":["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--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AppCode.vue?vue&type=style&index=0&lang=sass&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-btn',{staticClass:\"v-btn--copy\",staticStyle:{\"background-color\":\"inherit\"},attrs:{\"absolute\":\"\",\"icon\":\"\",\"right\":\"\",\"top\":\"\"},on:{\"click\":_vm.copy}},[_c('v-fade-transition',{attrs:{\"hide-on-leave\":\"\"}},[_c('v-icon',{key:String(_vm.clicked),attrs:{\"color\":\"grey\"},domProps:{\"textContent\":_vm._s(_vm.clicked ? '$complete' : 'content_copy')}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-btn\n    absolute\n    class=\"v-btn--copy\"\n    icon\n    right\n    style=\"background-color: inherit;\"\n    top\n    @click=\"copy\"\n  >\n    <v-fade-transition hide-on-leave>\n      <v-icon\n        :key=\"String(clicked)\"\n        color=\"grey\"\n        v-text=\"clicked ? '$complete' : 'content_copy'\"\n      />\n    </v-fade-transition>\n  </v-btn>\n</template>\n\n<script>\n  // Utilities\n  // import { wait } from '@/util/helpers'\n  // import { IN_BROWSER } from '@/util/globals'\n  export default {\n    name: 'AppCopyBtn',\n    props: {\n      copyCode: String,\n      target: {\n        type: Function,\n        required: true,\n      },\n    },\n    data: () => ({\n      clicked: false,\n      wait: 2000,\n    }),\n    methods: {\n      async waitFunc (timeout) {\n        return new Promise(resolve => setTimeout(resolve, timeout))\n      },\n      async copy () {\n        if (this.copyCode && this.copyCode !== '') {\n          this.$clipboard(this.copyCode)\n          return\n        }\n        // if (!IN_BROWSER) return\n        const el = this.target()\n        el.setAttribute('contenteditable', 'true')\n        el.focus()\n        document.execCommand('selectAll', false, null)\n        document.execCommand('copy')\n        el.removeAttribute('contenteditable')\n        this.clicked = true\n        await this.waitFunc(this.wait)\n        this.clicked = false\n      },\n    },\n  }\n</script>","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!./AppCopyBtn.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!./AppCopyBtn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppCopyBtn.vue?vue&type=template&id=e7802828&\"\nimport script from \"./AppCopyBtn.vue?vue&type=script&lang=js&\"\nexport * from \"./AppCopyBtn.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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VFadeTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VFadeTransition,VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-sheet',{staticClass:\"app-code overflow-hidden\",attrs:{\"color\":_vm.isDark ? '#1F1F1F' : 'grey lighten-5',\"dark\":_vm.isDark,\"rounded\":_vm.rounded,\"dir\":\"ltr\",\"outlined\":\"\"}},[_vm._t(\"default\"),_c('app-copy-btn',{staticClass:\"mr-n2 mt-n2\",attrs:{\"target\":_vm.target,\"copyCode\":_vm.copyCode}})],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-sheet\n    :color=\"isDark ? '#1F1F1F' : 'grey lighten-5'\"\n    :dark=\"isDark\"\n    :rounded=\"rounded\"\n    class=\"app-code overflow-hidden\"\n    dir=\"ltr\"\n    outlined\n    \n  >\n    <!-- <pre> -->\n    <slot />\n    <!-- </pre> -->\n    <app-copy-btn\n      :target=\"target\"\n      :copyCode=\"copyCode\"\n      class=\"mr-n2 mt-n2\"\n    />\n  </v-sheet>\n</template>\n\n<script>\n  // Utilities\n  import AppCopyBtn from './AppCopyBtn'\n  export default {\n    name: 'AppCode',\n    components: { AppCopyBtn },\n    props: {\n      copyCode: String,\n      rounded: {\n        type: [Boolean, String],\n        default: true,\n      },\n    },\n    computed: {\n      isDark () {\n        return true\n      },\n    },\n    methods: {\n      target () {\n        return this.$el.querySelector('pre')\n      },\n    },\n  }\n</script>\n\n<style lang=\"sass\">\n  .v-sheet.app-code\n    margin: 16px 0\n    position: relative\n    padding: 12px 50px 12px 16px\n    &:not(:hover) .v-btn--copy .v-icon\n      opacity: .4\n    pre, code\n      background: transparent\n      font-size: 1rem\n      font-weight: 300\n      margin: 0 !important\n    > pre\n      border-radius: inherit\n    code[class*=language],\n    pre[class*=language]\n      background: none\n      font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace\n      font-size: 0.8rem\n      hyphens: none\n      line-height: 1.5\n      margin: 0\n      padding: 0\n      tab-size: 4\n      text-align: left\n      text-shadow: none\n      white-space: pre\n      word-break: normal\n      word-spacing: normal\n      word-wrap: normal\n    pre[class*=language]\n      &::after\n        bottom: 0.75rem\n        color: hsla(0, 0%, 19%, 0.5)\n        font-family: inherit\n        font-size: 0.7rem\n        font-weight: 700\n        position: absolute\n        right: 1rem\n        text-transform: uppercase\n    pre.language-bash::after\n      content: 'sh'\n    pre.language-html::after\n      content: 'html'\n    pre.language-js::after\n      content: 'js'\n    pre.language-json::after\n      content: 'json'\n    pre.language-sass::after\n      content: 'sass'\n    pre.language-scss::after\n      content: 'scss'\n    pre.language-ts::after\n      content: 'ts'\n    pre.language-vue::after\n      content: 'vue'\n    &.theme--dark\n      code[class*=language],\n      pre[class*=language]\n        color: #ccc !important\n      pre[class*=language]\n        &::after\n          color: hsla(0, 0%, 50%, 1)\n      &.v-sheet--outlined\n        border: thin solid hsla(0,0%,100%,.12) !important\n      .token.operator,\n      .token.string\n        background: none\n      .token.comment,\n      .token.block-comment,\n      .token.prolog,\n      .token.doctype,\n      .token.cdata\n        color: #999\n      .token.punctuation\n        color: #ccc\n      .token.tag,\n      .token.attr-name,\n      .token.namespace,\n      .token.deleted\n        color: #e2777a\n      .token.function-name\n        color: #6196cc\n      .token.boolean,\n      .token.number,\n      .token.function\n        color: #f08d49\n      .token.property,\n      .token.class-name,\n      .token.constant,\n      .token.symbol\n        color: #f8c555\n      .token.selector,\n      .token.important,\n      .token.atrule,\n      .token.keyword,\n      .token.builtin\n        color: #cc99cd\n      .token.string,\n      .token.char,\n      .token.attr-value,\n      .token.regex,\n      .token.variable\n        color: #7ec699\n      .token.operator,\n      .token.entity,\n      .token.url\n        color: #67cdcc\n      .token.important,\n      .token.bold\n        font-weight: bold\n      .token.italic\n        font-style: italic\n      .token.entity\n        cursor: help\n      .token.inserted\n        color: green\n</style>","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!./AppCode.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!./AppCode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppCode.vue?vue&type=template&id=d0e4f9fe&\"\nimport script from \"./AppCode.vue?vue&type=script&lang=js&\"\nexport * from \"./AppCode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppCode.vue?vue&type=style&index=0&lang=sass&\"\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VSheet})\n"],"sourceRoot":""}