{"version":3,"sources":["webpack:///./src/views/Read.vue?6e72","webpack:///./src/assets/i-wa.png","webpack:///./src/assets/i-twitter.png","webpack:///./src/components/SkAnimtaion.vue?9603","webpack:///./src/components/Snackbar.vue?9cd9","webpack:///./src/components/ShareDialog.vue?6a14","webpack:///./src/assets/envelope.png","webpack:///./src/views/Read.vue?d738","webpack:///./src/components/SkAnimtaion.vue?5547","webpack:///src/components/SkAnimtaion.vue","webpack:///./src/components/SkAnimtaion.vue?01c1","webpack:///./src/components/SkAnimtaion.vue","webpack:///./src/components/ShareDialog.vue?66e4","webpack:///./src/components/Snackbar.vue?a096","webpack:///src/components/Snackbar.vue","webpack:///./src/components/Snackbar.vue?943e","webpack:///./src/components/Snackbar.vue","webpack:///src/components/ShareDialog.vue","webpack:///./src/components/ShareDialog.vue?8d48","webpack:///./src/components/ShareDialog.vue","webpack:///src/views/Read.vue","webpack:///./src/views/Read.vue?7d6f","webpack:///./src/views/Read.vue","webpack:///./src/views/Read.vue?5426","webpack:///./src/assets/i-pinterest.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","detail","category","_s","name","_e","title","_f","publishDate","domProps","content","attachments","length","_l","item","index","key","fileExt","url","filename","description","on","openShare","related","i","ref","staticRenderFns","_m","props","component","$event","close","class","modalContent","shareEncoded","escapedTitle","waText","escapedMedia","shareUri","copyToClp","snackBar","hasAction","action","data","show","next","time","methods","open","d","n","clearTimeout","setTimeout","b","components","appendChild","txt","createTextRange","moveToElementText","select","m","execCommand","g","removeAllRanges","addRange","remove","$refs","snackbar","escape","o","loading","qrString","loadingQr","qrError","loadingRelated","shareDialog","getRelated","$http","get","$config","uri","then","getData","document","mounted","body","scrollTop","documentElement"],"mappings":"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WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YAAY,WAAWF,EAAG,MAAM,CAACE,YA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","file":"js/read.51ddbb6c.js","sourcesContent":["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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Read.vue?vue&type=style&index=0&id=2ab45afa&scoped=true&lang=scss&\"; 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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Read.vue?vue&type=style&index=0&id=2ab45afa&scoped=true&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA3QAAAN0BcFOiBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAARLSURBVFiFtZddbJNVGMd/z+naSkeXkMlGp/uQ6HCgQgI4dVzN4VhHKIIUY0jUCy80KBcGpzFC0BgCJibceOENIXIjY0CHbAgJEgMmBgkfQ0gUYQPn2CcKW23X9n28cCvr2pVudP+rnuc85/3/+vTtOecRVSUTeVu9zpyws9pS8RmoUFEP4BmZ7hKVLguuGNFA1Bk+0VLXEs7kuXI/AF+zr1Ats1VhA+DOiBbuCuwVY20LrAp0TwnA3+h3BO2RBoEPgJkZGo/XoMJOV8S+Y9+6fcMZA/iafYUxlSZRqZqicYJU9LRNdG2qaiQB1AdWP21UjgDF2TAfo5uWaP0R36G2CQF8zb5CyzJnpsE8DmGMtXRsJczoB3+j3xFTaZpGc4DimEqTv9HvSAII2iMNqX5zT+4cXpv3KpsWvYsn1zN+etISlaqgPdJwb6w6WvqrjHvbS90lbK/6nIdsTgB+vnWGHWe/eGAIYNAY6/HAqkC3AVDLbB1vDvDm/Nfj5gBLCxfz8Iz8bADMHPHEeFu9zpFNJkE2sTFvVnlCzIhheUlNNgBQ2OBt9TpNTthZTYodriyvFOeYbz+qmuLqrAAA7pyws9pYKr5Us/2h/pSrbGJDkKwQWCo+Y6Ai1eTf4X/ouHsjIRa1onx5bhdKZgfY/WSgwoycail1ofdiwvhk549c7GubIHvyUlGP4d6RmqTWjqMMx+6dIZWFSyl0FWQNAPAYIDTRbHewh32/74+P3Q43DYs3p3w5pyojKpfTJRz8I8AvPWfj47K8UjYufCdb/l22J9ZXPCfCknRZZ3vO8bynErfj/39ribuYAlcBbf2XiFrRhFxv2Qrqy+oYCN2mPzSQ1l1UfrU9ub5iLkJdusSIFaGt7xJVRS/Ey/9YXhnLiqq4fuc6vf/2AbCkYDHvLdpIWV4pNSUvsiB/Pv2hAbqDPSmfq8hRqT/kqxGV42lRR/RIbhFbKj9m9ozZCfHzvRe4FexmWVEVM+25Sev2XPmGwLXDyRUArxm6PeuUQFcmAJ1Df/HRT5/QfqcjIb5o9kJWlL6U0hyYaNe4G3WGT5gf3tgdsmB7JgAAA6EBNp/6kN2X9xCMBjNa036nPSkmsLelriVsACxn+Gvgz0whYhrj8PUjbDy5ie87jjMYGZowt+nqwVSb16AYaxuMuZKtPPTy2wJfZQoxVjaxsSB/PpVznuWZ/KcwYqNzqJOW9qOc772QlK+w5bvVBz8DyBkNRiP2b+32yJQAYhrjYl9bRtu0ip52DTt2jI7jVzK7Y3j5VMwnqZs20bVje4R4BVBZN93mlmj94XG9gagqtcdqcx1BVy8wYzqc0zUmBsAZdNWPM78B7FLRT4HUN5PMNKiwxTXsqJ6oR8wBUJV1iP6G6AGJ2Q40r2k6M5pQe6x2pz3oekvgfeDRDI0n15yuPPDK3O/W7L+WLtHf6HeE7BEvKgsUyjFWOSrlgIMHaM//A+PDshJTh69fAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAA3QAAAN0BcFOiBwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAM0SURBVFiFzZdPaFxVFMZ/5943icm8WhEK3VS6iYoVW/+vBMGiIC5KSmZCq0ZBstCAIoqVIvXPJgtXXQgVkSKIkxmiCxcK6UJTqAvFUogkLqQL22gVRDAvbTPv3c/FmHQyyWTyNGk8q3fufPf+Pu477547JomtDLel9P+DgWhDFxtLngYeB92P2XbgW5l9EwoLx3Xgpj8XdfYWLrpj7qF0IJ60xRrwY3PPZ+X4vX8DtsrlXd6FD4H9bSQ/GxpKpYuRuWcET5kYr5eLL5kkrHJlt3fZeROj9XLx9Vzwk9wQ9SRnZdzeQSrA/nm+mJnu1kD8uwPwFvYDyDhSqCajeQxEPcnb64CzCDeYRnolCrwYVZOhRhFauLfJ5mtRNfnSKpd3dVzxKyIZI3kMC/ow+0TYzqxU/Mg1Bt25Ft1j3oUfotr8sF3bthVRuJTsAXryGKBR+B9nM8VhgRxAUPh6FeE2pBNRNZnyteRlq83taBUEx1054QjOZVYc0jECwNJXEFWT88DuNebWMftc0hnDprPIz/gs7EXh05weJtJS8dHFZOkc8JmeyLxNAje3mVhA6jfoB+HTFCDLCQe41Jw0voLa/NHgKcsYBRZyLObz0g1+bc4bOyCcsDfsOvSlYFxozh2ACzqz+ehG+GCnm/NrRVhLTiEe2WT+b1mpuFONUxFo6oaZCyO0vJ9NiIlm+DIDOrhtJgvuAcH3m0U39H7r2PL7QHc6HywcEhwB/thg+ul6KZ5sHV5+H7jqu73TWfIfr+vg885q48t2QIO9s4be3Wg46LP6QHGiowGAtBQfA32wgfQLmYXn2v24woBAWSkexjQI9tN/hGeGDmvgxrb1ZJ2u5V1jyd7MOGmwLyd8AXQoLcXja4naXkrtC7rdXPKCGUetfYNqF4nBgXopPtVJuGTAanR1kdyWBe0xuNObHWbt9rxqCKZ8sGcXBnu/W4/eCpXknmAaAZ4ECnmBTfGXjDfDjuJxPUy63klLNdBVmb8vOL0KHCRHmzWYBlXTyJ1Qf+8veV2vKEKrXbnFh/RBmeszdCtmfUh9QK+JWRmzwKywHyOF8avleCovdE0D1zu2/L/hlhv4G/zkOS/fCFnVAAAAAElFTkSuQmCC\"","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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SkAnimtaion.vue?vue&type=style&index=0&id=855a447a&scoped=true&lang=scss&\"; 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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SkAnimtaion.vue?vue&type=style&index=0&id=855a447a&scoped=true&lang=scss&\"","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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Snackbar.vue?vue&type=style&index=0&id=12c54981&scoped=true&lang=scss&\"; 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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Snackbar.vue?vue&type=style&index=0&id=12c54981&scoped=true&lang=scss&\"","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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShareDialog.vue?vue&type=style&index=0&id=4deb9d71&scoped=true&lang=scss&\"; 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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ShareDialog.vue?vue&type=style&index=0&id=4deb9d71&scoped=true&lang=scss&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALNSURBVHic7do7ixNRGMbx36q7C7JgISjeCy1stLGysrMRO93KwsLK61fwK1jZaaeVWqmFVgrrWnhhtbGxUBAUFCSLF7ysxSSQTc4kmXvcnD+8Rc6cZJ73SebM+54MkUgkEolEIsziIhaxjJU1Fsvt3M5jpjf5HXg5BiLrihftnJF885OUfCeeY2Y9zuG0yWMbPsJT/e7cwXRj0spnWpJTb55PoBU4sIKH2NSA2LKZw13hHFtSDnTiNfbULrk8tksWvEE5Dl0sPuBQzcLL4CDeGZ5f38BCYKyFY7XKL8Yx4Us7lFvfwCxuBMZ/S4qIcecMfunXfwsbA+P9A5jC5cCxFVzBujoyyciomkcyoEOam7clbo4Ls7gp/Ks91zM3kwFwFF8D8xaxpdw8crEZj/XrW8bxwPzMBsAB4RX1LfaXk0cu9uFNQNegO1cuA0juqc8D87/gSLE8cnEYnwJ6XmH3gPflNoD0quonTuXLIxcn8T2g44Hh1WshA2ADrgbe91eyClfNJfwJnP+a0fqXwgYME3J9RCFZKcv40gyAE/gW+IyyG6k53Auc54fsl16pBpC+GJXVSKU1NHkX39INgL2y345GIa2hKXL7rcQAkoLkUeDz0gqSYVRVgFVmAINL0iyNVJUleKUGUKyRqqMJq9yADlm/xSwNTRFqM4DB1/HWrnlZG5oi1GoAw1fyPA1NEWo3gKQ5WQqc63M7eseXDG5oitCIAQzenu6OqrfjGzOA9Hq+E6M2NEVo1IAOvY1UXZ0kY2IAzON9O+ZrPO+qfKf0Jz1Vo5gmWJXvOG5v10o0oGkBTRMNaFpA00QDmhbQNNGApgU0zTrJpkM3O5sQUhO7el63SHZnuuvje4GJa4FduG91rgtwQX9DNClxlmQzctijZGsxnul6aHrHhJnwTPKX2ypmJH9eLEh/evR/jlY7t7MCj8tHIpFIJBKZPP4BeEa0CdC2yCIAAAAASUVORK5CYII=\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section\",attrs:{\"id\":\"page\"}},[_c('div',{staticClass:\"breadcrumb\"},[_c('div',{staticClass:\"bcCnt\"},[_c('router-link',{staticClass:\"bcItem\",attrs:{\"to\":\"/\"}},[_vm._v(\"Home\")]),_c('div',{staticClass:\"divider\"},[_vm._v(\"/\")]),(_vm.detail && _vm.detail.category)?_c('router-link',{staticClass:\"bcItem\",attrs:{\"to\":(\"/faq?category=\" + (_vm.detail.category.slug))}},[_vm._v(_vm._s(_vm.detail.category.name)+\" \")]):_vm._e(),_c('div',{staticClass:\"divider\"},[_vm._v(\"/\")]),(_vm.detail)?_c('div',{staticClass:\"bcItem\"},[_vm._v(_vm._s(_vm.detail.title))]):_vm._e()],1)]),(_vm.loading)?_c('SkAnimtaion',{attrs:{\"article\":true}}):_c('div',[_c('div',{staticClass:\"articleDetail\"},[_c('div',{staticClass:\"content\"},[_c('h2',{staticClass:\"articleTitle\"},[_vm._v(_vm._s(_vm.detail.title))]),_c('div',{staticClass:\"authorInfo\"},[_c('div',{staticClass:\"publishTime\"},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(_vm.detail.publishDate,'ddd, D MMM YYYY hh:mm'))+\" \"),_c('span',{staticClass:\"bull\"},[_vm._v(\"•\")]),_c('span',{staticClass:\"category\"},[_vm._v(_vm._s(_vm.detail.category.name))])])]),_c('div',{staticClass:\"articleContent\",domProps:{\"innerHTML\":_vm._s(_vm.detail.content)}}),(_vm.detail && _vm.detail.attachments\n          && _vm.detail.attachments.length > 0)?_c('div',{staticClass:\"attachmentCnt\"},[_c('h4',{staticClass:\"aTitle\"},[_vm._v(\"Attachments\")]),_vm._l((_vm.detail.attachments),function(item,index){return _c('div',{key:index,staticClass:\"attachmentItem\"},[_c('div',{staticClass:\"attachmentIcon\"},[_vm._v(\" \"+_vm._s(item.fileExt)+\" \"),_c('a',{staticClass:\"download\",attrs:{\"href\":item.url,\"download\":item.filename,\"target\":\"_blank\"}})]),(item.url)?_c('a',{staticClass:\"aIcon download\",attrs:{\"href\":item.url,\"target\":\"_blank\",\"download\":item.filename}},[_vm._v(\"Download\")]):_vm._e(),_c('div',{staticClass:\"attachmentInfo\"},[_c('h4',[_vm._v(_vm._s(item.name))]),_c('p',[_vm._v(_vm._s(item.description))])])])})],2):_vm._e(),_c('button',{staticClass:\"btn btnPrimary shareBtn\",on:{\"click\":_vm.openShare}},[_vm._v(\" Bagikan Jawaban \")])])]),_c('div',{staticClass:\"faqCnt\"},[_c('div',{staticClass:\"faqCntIn\"},[(_vm.loadingRelated)?_c('div',{staticClass:\"faqLoading\"}):(_vm.related.length < 1)?_c('div'):_c('div',[_c('div',{staticClass:\"faqFound\"},[_vm._v(\"Pertanyaan Terkait\")]),_vm._l((_vm.related),function(item,i){return _c('a',{key:i,staticClass:\"faqItem\",attrs:{\"href\":(\"/faq/\" + (item.category.slug) + \"/\" + (item.slug))}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])})],2)])])]),_c('ShareDialog',{ref:\"shareDialog\"})],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('div',{staticClass:\"resultLoading\"},[_c('div',{staticClass:\"skAnimation\"}),(_vm.article)?_c('div',{staticClass:\"articleLoading\"},[_c('div',{staticClass:\"title\"}),_c('div',{staticClass:\"title2\"}),_vm._m(0),_c('div',{staticClass:\"content\"}),_c('div',{staticClass:\"content2\"}),_c('div',{staticClass:\"content3\"})]):_vm._e(),(_vm.pricing)?_c('div',{staticClass:\"pricingLoading\"},[_vm._m(1)]):_vm._e(),(_vm.itemBig)?_c('div',{staticClass:\"loadingItemBig\"},[_c('div',{staticClass:\"title\"}),_vm._m(2)]):_vm._e(),(_vm.itemXs)?_c('div',{staticClass:\"loadingItemXs\"},[_c('div',{staticClass:\"title\"}),_vm._m(3)]):_vm._e(),(_vm.itemSm)?_c('div',{staticClass:\"loadingItemSm\"},[_c('div',{staticClass:\"title\"}),_vm._m(4)]):_vm._e(),(_vm.itemDetail)?_c('div',{staticClass:\"loadingItem\"},[_c('div',{staticClass:\"loadingImg\"}),_vm._m(5)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"author\"},[_c('div',{staticClass:\"authorImg\"}),_c('div',{staticClass:\"authorTitle\"}),_c('div',{staticClass:\"authorDate\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"itemCnt\"},[_c('div',{staticClass:\"item\"}),_c('div',{staticClass:\"item recomended\"}),_c('div',{staticClass:\"item\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"itemCnt\"},[_c('div',{staticClass:\"itemBig\"}),_c('div',{staticClass:\"itemBig\"}),_c('div',{staticClass:\"itemBig\"}),_c('div',{staticClass:\"itemBig\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"itemCnt\"},[_c('div',{staticClass:\"itemXs\"}),_c('div',{staticClass:\"itemXs\"}),_c('div',{staticClass:\"itemXs\"}),_c('div',{staticClass:\"itemXs\"}),_c('div',{staticClass:\"itemXs\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"itemCnt\"},[_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"}),_c('div',{staticClass:\"itemSm\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"loadingContent\"},[_c('div',{staticClass:\"loadingTitle\"}),_c('div',{staticClass:\"loadingDesc\"}),_c('div',{staticClass:\"loadingDesc2\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"resultLoading\">\n    <div class=\"skAnimation\"/>\n\n    <div class=\"articleLoading\" v-if=\"article\">\n      <div class=\"title\"/>\n      <div class=\"title2\"/>\n      <div class=\"author\">\n        <div class=\"authorImg\"/>\n        <div class=\"authorTitle\"/>\n        <div class=\"authorDate\"/>\n      </div>\n      <div class=\"content\"/>\n      <div class=\"content2\"/>\n      <div class=\"content3\"/>\n    </div>\n\n    <div class=\"pricingLoading\" v-if=\"pricing\">\n      <div class=\"itemCnt\">\n        <div class=\"item\"/>\n        <div class=\"item recomended\"/>\n        <div class=\"item\"/>\n      </div>\n    </div>\n\n    <div class=\"loadingItemBig\" v-if=\"itemBig\">\n      <div class=\"title\"/>\n      <div class=\"itemCnt\">\n        <div class=\"itemBig\"/>\n        <div class=\"itemBig\"/>\n        <div class=\"itemBig\"/>\n        <div class=\"itemBig\"/>\n      </div>\n    </div>\n\n    <div class=\"loadingItemXs\" v-if=\"itemXs\">\n      <div class=\"title\"/>\n      <div class=\"itemCnt\">\n        <div class=\"itemXs\"/>\n        <div class=\"itemXs\"/>\n        <div class=\"itemXs\"/>\n        <div class=\"itemXs\"/>\n        <div class=\"itemXs\"/>\n      </div>\n    </div>\n\n    <div class=\"loadingItemSm\" v-if=\"itemSm\">\n      <div class=\"title\"/>\n      <div class=\"itemCnt\">\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n        <div class=\"itemSm\"/>\n      </div>\n    </div>\n\n    <div class=\"loadingItem\" v-if=\"itemDetail\">\n      <div class=\"loadingImg\"/>\n      <div class=\"loadingContent\">\n        <div class=\"loadingTitle\"/>\n        <div class=\"loadingDesc\"/>\n        <div class=\"loadingDesc2\"/>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'skAnimation',\n  props: ['itemBig', 'itemSm', 'itemDetail', 'itemXs', 'pricing', 'article'],\n};\n</script>\n\n<style scoped lang=\"scss\">\n  .resultLoading{\n    position: relative;\n    overflow: hidden;\n    padding-top: 30px;\n    .skAnimation{\n      position: absolute;\n      top: -40px;\n      bottom: -40px;\n      left: -200px;\n      width: 200px;\n      // background-color: red;\n      background-image: linear-gradient(to right, transparent,#fff,transparent);\n      z-index: 2;\n      animation: skAnimate 2.2s infinite;\n      opacity: .8;\n      @keyframes skAnimate {\n        from { left: -200px; }\n        to { left: calc(100% + 200px); }\n      }\n    }\n  }\n\n  .articleLoading{\n    max-width: 940px;\n    margin: 0 auto;\n    @media (max-width: 874px){\n      margin: 0 20px;\n    }\n    .title, .title2{\n      height: 36px;\n      background-color: #f5f5f5;\n      width: 80%;\n      margin-bottom: 10px;\n    }\n    .title2{\n      width: 60%;\n      margin-bottom: 40px;\n    }\n    .author{\n      position: relative;\n      padding: 3px 0 30px 56px;\n      margin-bottom: 20px;\n      .authorImg{\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 45px;\n        height: 45px;\n        background-color: #f5f5f5;\n        background-size: cover;\n        border-radius: 50%;\n        cursor: pointer;\n      }\n      .authorTitle{\n        height: 20px;\n        width: 100px;\n        background-color: #f5f5f5;\n        margin-bottom: 10px;\n      }\n      .authorDate{\n        height: 10px;\n        width: 160px;\n        background-color: #f5f5f5;\n      }\n    }\n    .content, .content2, .content3{\n      height: 20px;\n      width: 100%;\n      background-color: #f5f5f5;\n      margin-bottom: 10px;\n    }\n    .content2{\n      width: 80%;\n    }\n    .content3{\n      width: 60%;\n    }\n  }\n\n  .pricingLoading{\n    padding-bottom: 60px;\n    .itemCnt{\n      display: flex;\n      justify-content: center;\n      .item{\n        width: 240px;\n        height: 300px;\n        background-color: #f5f5f5;\n        margin: 0 20px;\n        border-radius: 10px;\n        &.recomended{\n          transform: scale(1.1);\n        }\n      }\n    }\n  }\n\n  .loadingItemBig{\n    overflow: hidden;\n    .title{\n      height: 20px;\n      width: 180px;\n      background-color: #f5f5f5;\n      margin-bottom: 16px;\n      border-radius: 5px;\n    }\n    .itemCnt{\n      display: flex;\n      margin-right: -20px;\n      @media (max-width: 980px) {\n        width: 1280px;\n      }\n      .itemBig{\n        width: calc(25% - 20px);\n        height: 440px;\n        background-color: #f5f5f5;\n        border-radius: 10px;\n        margin: 0 20px 20px 0;\n        @media (max-width: 1480px) {\n          height: 30vw;\n        }\n        @media (max-width: 980px) {\n          width: 300px;\n          height: 400px;\n        }\n      }\n    }\n  }\n\n  .loadingItemXs{\n    .title{\n      height: 20px;\n      width: 180px;\n      background-color: #f5f5f5;\n      margin-bottom: 16px;\n      border-radius: 5px;\n    }\n    .itemCnt{\n      display: flex;\n      .itemXs{\n        width: calc(20% - 20px);\n        height: 220px;\n        background-color: #f5f5f5;\n        border-radius: 10px;\n        margin: 0 20px 20px 0;\n      }\n    }\n  }\n\n  .loadingItemSm{\n    padding-top: 30px;\n    .title{\n      height: 20px;\n      width: 180px;\n      background-color: #f5f5f5;\n      margin-bottom: 16px;\n      border-radius: 5px;\n    }\n    .itemCnt{\n      display: flex;\n      flex-wrap: wrap;\n      margin-right: -20px;\n      .itemSm{\n        width: calc(20% - 20px);\n        height: 300px;\n        background-color: #f5f5f5;\n        border-radius: 10px;\n        margin: 0 20px 60px 0;\n        position: relative;\n        @media (max-width: 1480px) {\n          height: 20vw;\n        }\n        @media (max-width: 1160px) {\n          width: calc(25% - 20px);\n          height: 25vw;\n        }\n        @media (max-width: 980px) {\n          width: calc(33.3333% - 20px);\n          height: 33vw;\n        }\n        @media (max-width: 674px) {\n          width: calc(100% - 20px);\n          height: 54vw;\n          border-radius: 5px;\n        }\n\n        &:before{\n          content: \"\";\n          display: block;\n          background-color: #f5f5f5;\n          position: absolute;\n          left: 8px; bottom: -20px;\n          height: 10px; width: 40%;\n          border-radius: 50px;\n        }\n      }\n    }\n  }\n\n  .loadingItem{\n    margin-bottom: 10px;\n    position: relative;\n    padding-left: 126px;\n    height: 140px;\n    .loadingImg{\n      position: absolute;\n      left: 0; top: -6px;\n      width: 100px; height: 100px;\n      background-color: #eee;\n      border-radius: 5px;\n    }\n    .loadingContent{\n      .loadingTitle{\n        width: 80%;\n        height: 30px;\n        background-color: #eee;\n        margin-bottom: 10px;\n      }\n      .loadingDesc, .loadingDesc2{\n        width: 60%;\n        height: 16px;\n        background-color: #eee;\n        margin-bottom: 10px;\n      }\n      .loadingDesc2{\n        width: 40%;\n      }\n    }\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/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!./SkAnimtaion.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!./SkAnimtaion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SkAnimtaion.vue?vue&type=template&id=855a447a&scoped=true&\"\nimport script from \"./SkAnimtaion.vue?vue&type=script&lang=js&\"\nexport * from \"./SkAnimtaion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SkAnimtaion.vue?vue&type=style&index=0&id=855a447a&scoped=true&lang=scss&\"\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  \"855a447a\",\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('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show)?_c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"modalOverlay\",on:{\"click\":function($event){return _vm.close(false)}}}),_c('div',{class:{modalContent: true}},[_c('div',{staticClass:\"close\",on:{\"click\":function($event){return _vm.close(false)}}}),_c('h4',{staticClass:\"modalTitle\"},[_vm._v(\"Bagikan\")]),_c('div',{staticClass:\"selectorCnt\"},[_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":(\"https://www.facebook.com/sharer/sharer.php?u=\" + _vm.shareEncoded),\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/i-facebook.png\")}}),_c('h4',[_vm._v(\"Post\")])]),_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":(\"https://twitter.com/intent/tweet?url=\" + _vm.shareEncoded + \"&text=\" + _vm.escapedTitle + \"\\n          &hashtags=#TanyaAja\\n          &related=Amway Indonesia\"),\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/i-twitter.png\")}}),_c('h4',[_vm._v(\"Tweet\")])]),_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":(\"https://api.whatsapp.com/send/?phone&text=\" + _vm.waText + \"&app_absent=0\"),\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/i-wa.png\")}}),_c('h4',[_vm._v(\"Send\")])]),_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":(\"https://id.pinterest.com/pin-builder/?url=\" + _vm.shareEncoded + \"&description=\" + _vm.escapedTitle + \"&is_video=false&media=\" + _vm.escapedMedia + \"&method=button\"),\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/i-pinterest.png\")}}),_c('h4',[_vm._v(\"Pinterest\")])]),_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":(\"mailto:?subject=\" + _vm.escapedTitle + \"&body=\" + _vm.waText),\"target\":\"_blank\"}},[_c('img',{attrs:{\"src\":require(\"../assets/envelope.png\")}}),_c('h4',[_vm._v(\"Email\")])])]),_c('div',{staticClass:\"shareLink\"},[_vm._v(\" \"+_vm._s(_vm.shareUri)+\" \"),_c('div',{staticClass:\"copy\",on:{\"click\":function($event){return _vm.copyToClp(_vm.shareUri)}}},[_vm._v(\"SALIN\")])])]),_c('Snackbar',{ref:\"snackbar\"})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.show)?_c('div',{class:{snackBar: true, hasAction: _vm.action}},[_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.content)}}),(_vm.action)?_c('div',{staticClass:\"action\",on:{\"click\":function($event){return _vm.close(true)}}},[_vm._v(\" \"+_vm._s(_vm.action)+\" \")]):_vm._e(),_c('div',{staticClass:\"close\",on:{\"click\":function($event){return _vm.close(false)}}})]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition name=\"fade\">\n    <div :class=\"{snackBar: true, hasAction: action}\" v-if=\"show\">\n      <span v-html=\"content\"/>\n      <div class=\"action\" v-if=\"action\" v-on:click=\"close(true)\">\n        {{action}}\n      </div>\n      <div class=\"close\" v-on:click=\"close(false)\"></div>\n    </div>\n  </transition>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      show: false,\n      content: '',\n      action: null,\n      next: null,\n      time: null,\n    };\n  },\n  methods: {\n    open(d, n) {\n      this.content = d.content;\n      this.action = d.action;\n      this.next = n;\n      this.show = true;\n      if (this.time) clearTimeout(this.time);\n      const sec = (this.action) ? 5000 : 1200;\n      setTimeout(() => {\n        this.close(false);\n      }, sec);\n    },\n    close(b) {\n      this.show = false;\n      if (this.next && typeof this.next === 'function') this.next(b);\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n  .snackBar{\n    position: fixed;\n    bottom: 30px;\n    right: 40px;\n    background-color: #222;\n    border-radius: 5px;\n    color: #ccc;\n    padding: 10px 16px 8px;\n    box-shadow: 2px 2px 6px rgba(0,0,0,.3);\n    padding-right: 50px;\n    z-index: 999;\n    &.hasAction{\n      padding-right: 120px;\n    }\n    @media (max-width: 768px) {\n      bottom: 14px;\n      right: 14px;\n    }\n    span{\n      display: inline-block;\n      max-width: 440px;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n    }\n    .action{\n      color: #69a2f7;\n      font-weight: 600;\n      font-weight: bold;\n      position: absolute;\n      top: 5px;\n      right: 42px;\n      height: 27px;\n      padding: 4px 10px 0;\n      border-radius: 4px;\n      cursor: pointer;\n    }\n    .action:hover{\n      background-color: #333;\n    }\n    .close{\n      width: 32px;\n      height: 32px;\n      border-radius: 50%;\n      position: absolute;\n      background-image: url(../assets/close-white.png);\n      background-repeat: no-repeat;\n      background-size: 10px auto;\n      background-position: center;\n      right: 6px;\n      top: 5px;\n      cursor: pointer;\n    }\n    .close:hover{\n      background-color: #333;\n    }\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/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!./Snackbar.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!./Snackbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Snackbar.vue?vue&type=template&id=12c54981&scoped=true&\"\nimport script from \"./Snackbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Snackbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Snackbar.vue?vue&type=style&index=0&id=12c54981&scoped=true&lang=scss&\"\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  \"12c54981\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <transition name=\"fade\">\n    <div class=\"modal\" v-if=\"show\">\n      <div class=\"modalOverlay\" v-on:click=\"close(false)\"></div>\n      <div :class=\"{modalContent: true}\">\n        <div class=\"close\" v-on:click=\"close(false)\"></div>\n        <h4 class=\"modalTitle\">Bagikan</h4>\n        <div class=\"selectorCnt\">\n          <a :href=\"`https://www.facebook.com/sharer/sharer.php?u=${shareEncoded}`\"\n            target=\"_blank\" class=\"selectorItem\">\n            <img src=\"../assets/i-facebook.png\">\n            <h4>Post</h4>\n          </a>\n          <a :href=\"`https://twitter.com/intent/tweet?url=${shareEncoded}&text=${escapedTitle}\n            &hashtags=#TanyaAja\n            &related=Amway Indonesia`\"\n            target=\"_blank\" class=\"selectorItem\">\n            <img src=\"../assets/i-twitter.png\">\n            <h4>Tweet</h4>\n          </a>\n          <a :href=\"`https://api.whatsapp.com/send/?phone&text=${waText}&app_absent=0`\"\n            target=\"_blank\" class=\"selectorItem\">\n            <img src=\"../assets/i-wa.png\">\n            <h4>Send</h4>\n          </a>\n          <a :href=\"`https://id.pinterest.com/pin-builder/?url=${shareEncoded}&description=${escapedTitle}&is_video=false&media=${escapedMedia}&method=button`\"\n            target=\"_blank\" class=\"selectorItem\">\n            <img src=\"../assets/i-pinterest.png\">\n            <h4>Pinterest</h4>\n          </a>\n          <a :href=\"`mailto:?subject=${escapedTitle}&body=${waText}`\"\n            target=\"_blank\" class=\"selectorItem\">\n            <img src=\"../assets/envelope.png\">\n            <h4>Email</h4>\n          </a>\n        </div>\n        <div class=\"shareLink\">\n          {{shareUri}}\n          <div class=\"copy\" v-on:click=\"copyToClp(shareUri)\">SALIN</div>\n        </div>\n      </div>\n      <Snackbar ref=\"snackbar\"/>\n    </div>\n  </transition>\n</template>\n\n<script>\nimport Snackbar from '@/components/Snackbar.vue';\n\nexport default {\n  name: 'shareDialog',\n  components: { Snackbar },\n  data() {\n    return {\n      show: false,\n      next: null,\n      shareUri: '',\n      shareEncoded: '',\n      escapedTitle: '',\n      escapedMedia: '',\n      waText: '',\n    };\n  },\n  methods: {\n    copyToClp(txt2copy) {\n      const m = document;\n      const txt = m.createTextNode(txt2copy);\n      const w = window;\n      const b = m.body;\n      b.appendChild(txt);\n      if (b.createTextRange) {\n        const d = b.createTextRange();\n        d.moveToElementText(txt);\n        d.select();\n        m.execCommand('copy');\n      } else {\n        const d = m.createRange();\n        const g = w.getSelection;\n        d.selectNodeContents(txt);\n        g().removeAllRanges();\n        g().addRange(d);\n        m.execCommand('copy');\n        g().removeAllRanges();\n      }\n      txt.remove();\n      this.$refs.snackbar.open({ content: 'Link copied to clipboard.' });\n    },\n    open(d, next) {\n      this.shareUri = `${this.$config.appUri}faq/${d.category.slug}/${d.slug}`;\n      this.shareEncoded = escape(this.shareUri);\n      this.escapedTitle = escape(d.title);\n      this.waText = escape(`${d.title} ${this.shareUri}`);\n      this.escapedMedia = '';\n      this.show = true;\n      this.next = next;\n    },\n    close(b, o) {\n      this.show = false;\n      if (this.next && typeof this.next === 'function') this.next(b, o);\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n  .modal{\n    position: fixed;\n    top: 0; left: 0; right: 0; bottom: 0;\n    z-index: 991;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .modalOverlay{\n      position: fixed;\n      top: 0; left: 0; right: 0; bottom: 0;\n      background-color: rgba(0,0,0,.7);\n      z-index: 1;\n      // backdrop-filter: saturate(180%) blur(20px);\n      opacity: 1;\n    }\n    .modalContent{\n      position: relative;\n      background-color: #fff;\n      z-index: 2;\n      padding: 30px 40px 40px;\n      border-radius: 5px;\n      margin-top: -20px;\n      overflow: hidden;\n      @media (max-width: 680px) {\n        padding: 30px 16px 30px;\n        margin: 0 10px;\n      }\n      .close{\n        position: absolute;\n        right: 6px; top: 6px;\n        width: 40px; height: 40px;\n        border-radius: 50%;\n        background-image: url(../assets/close.png);\n        background-size: 14px auto;\n        background-position: center;\n        background-repeat: no-repeat;\n        opacity: .4;\n        cursor: pointer;\n        transition: all .2s ease;\n        &:hover{\n          background-color: #e9e9e9;\n          opacity: .8;\n        }\n      }\n      .modalTitle{\n        padding: 20px 114px 10px;\n        font-size: 28px;\n        margin: -30px -80px 24px;\n        background-color: #eee;\n        @media (max-width: 680px) {\n          font-size: 20px;\n          margin: -30px -16px 0;\n          padding: 16px 16px 10px;\n        }\n      }\n      .shareDivider{\n        margin: 20px 34px 10px;\n        border-top: #eee 1px solid;\n      }\n      .shareAt{\n        margin: 0 34px;\n        padding: 4px 0;\n        padding-left: 28px;\n        position: relative;\n        cursor: pointer;\n        .checkbox{\n          width: 14px; height: 14px;\n          border: #999 2px solid;\n          border-radius: 3px;\n          position: absolute;\n          left: 0; top: 4px;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: 14px auto;\n          transition: all .3s ease;\n          &.checked{\n            background-color: #002f5f;\n            border-color: #002f5f;\n            background-image: url(../assets/checked.png);\n          }\n        }\n        &:hover{\n          .checkbox{\n            border-color: #444;\n            &.checked{\n              border-color: #002f5f;\n            }\n          }\n        }\n      }\n      .shareLink{\n        margin: 20px 26px 4px;\n        background-color: #f5f5f5;\n        border: #ccc 1px solid;\n        border-radius: 3px;\n        color: #222;\n        padding: 10px 12px;\n        padding-right: 70px;\n        box-sizing: border-box;\n        max-width: 410px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        position: relative;\n        @media (max-width: 680px) {\n          margin: 20px 0 4px;\n        }\n        .copy{\n          position: absolute;\n          right: 4px; top: 4px;\n          font-weight: 600;\n          color: #005ab5;\n          font-size: 14px;\n          padding: 8px 10px 7px;\n          border-radius: 3px;\n          cursor: pointer;\n          &:hover{\n            background-color: #ddd;\n          }\n        }\n      }\n      .selectorCnt{\n        display: flex;\n        justify-content: center;\n        @media (max-width: 680px) {\n          margin-top: 16px;\n        }\n        .selectorItem{\n          padding: 14px 26px 10px;\n          border: #fff 1px solid;\n          border-radius: 5px;\n          transition: all .2s ease;\n          position: relative;\n          text-align: center;\n          text-decoration: none;\n          color: #767676;\n          @media (max-width: 680px) {\n            padding: 14px 16px;\n          }\n          &:hover{\n            opacity: 1;\n            // border-color: #f5f5f5;\n            // box-shadow: 2px 2px 2px rgba(0,0,0,.1);\n            cursor: pointer;\n            background-color: #f5f5f5;\n          }\n          h4{\n            margin: 0;\n            font-size: 14px;\n            font-weight: 600;\n            text-decoration: none;\n            @media (max-width: 680px) {\n              font-size: 10px;\n            }\n          }\n          img{\n            height: 30px;\n            margin-bottom: 5px;\n            @media (max-width: 680px) {\n              height: 24px;\n            }\n          }\n        }\n      }\n    }\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/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!./ShareDialog.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!./ShareDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShareDialog.vue?vue&type=template&id=4deb9d71&scoped=true&\"\nimport script from \"./ShareDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./ShareDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShareDialog.vue?vue&type=style&index=0&id=4deb9d71&scoped=true&lang=scss&\"\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  \"4deb9d71\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section id=\"page\" class=\"section\">\n    <div class=\"breadcrumb\">\n      <div class=\"bcCnt\">\n        <router-link class=\"bcItem\" to=\"/\">Home</router-link>\n        <div class=\"divider\">/</div>\n        <router-link :to=\"`/faq?category=${detail.category.slug}`\"\n          class=\"bcItem\"\n          v-if=\"detail && detail.category\">{{detail.category.name}}\n        </router-link>\n        <div class=\"divider\">/</div>\n        <div class=\"bcItem\" v-if=\"detail\">{{detail.title}}</div>\n      </div>\n    </div>\n    <SkAnimtaion :article=\"true\"  v-if=\"loading\"/>\n    <div v-else>\n      <div class=\"articleDetail\">\n        <div class=\"content\">\n          <h2 class=\"articleTitle\">{{detail.title}}</h2>\n          <div class=\"authorInfo\">\n            <div class=\"publishTime\">\n              {{detail.publishDate | moment('ddd, D MMM YYYY hh:mm')}}\n              <span class=\"bull\">&bull;</span>\n              <span class=\"category\">{{detail.category.name}}</span>\n            </div>\n          </div>\n          <div class=\"articleContent\" v-html=\"detail.content\"/>\n          <div class=\"attachmentCnt\" v-if=\"detail && detail.attachments\n            && detail.attachments.length > 0\">\n            <h4 class=\"aTitle\">Attachments</h4>\n            <div class=\"attachmentItem\"\n              v-for=\"(item, index) in detail.attachments\" :key=\"index\">\n              <div class=\"attachmentIcon\">\n                {{item.fileExt}}\n                <a :href=\"item.url\" class=\"download\" :download=\"item.filename\" target=\"_blank\"></a>\n              </div>\n              <a :href=\"item.url\" target=\"_blank\" :download=\"item.filename\"\n                class=\"aIcon download\" v-if=\"item.url\">Download</a>\n              <div class=\"attachmentInfo\">\n                <h4>{{item.name}}</h4>\n                <p>{{item.description}}</p>\n              </div>\n            </div>\n          </div>\n          <button class=\"btn btnPrimary shareBtn\" v-on:click=\"openShare\">\n            Bagikan Jawaban\n          </button>\n        </div>\n      </div>\n      <div class=\"faqCnt\">\n        <div class=\"faqCntIn\">\n          <div class=\"faqLoading\" v-if=\"loadingRelated\"></div>\n          <div v-else-if=\"related.length < 1\"></div>\n          <div v-else>\n            <div class=\"faqFound\">Pertanyaan Terkait</div>\n            <a :href=\"`/faq/${item.category.slug}/${item.slug}`\"\n              class=\"faqItem\" v-for=\"(item, i) in related\" :key=\"i\">\n              {{item.title}}\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <ShareDialog ref=\"shareDialog\"/>\n  </section>\n</template>\n\n<script>\nimport SkAnimtaion from '@/components/SkAnimtaion.vue';\nimport ShareDialog from '@/components/ShareDialog.vue';\n\nexport default {\n  name: 'read',\n  components: { SkAnimtaion, ShareDialog },\n  data() {\n    return {\n      loading: true,\n      detail: null,\n      qrString: null,\n      loadingQr: true,\n      qrError: false,\n      related: [],\n      loadingRelated: true,\n    };\n  },\n  methods: {\n    openShare() {\n      this.$refs.shareDialog.open(this.detail);\n    },\n    getRelated() {\n      this.loadingRelated = true;\n      const uri = `article/${this.$config.appUsername}/all?category=`\n        + `${this.detail.category.slug}&related=${this.detail.id}`;\n      this.$http.get(this.$config.uri(uri)).then((r) => {\n        this.loadingRelated = false;\n        this.related = (r.data.status === 200) ? r.data.data : [];\n      });\n    },\n    getData() {\n      this.loading = true;\n      const uri = `article/${this.$config.appUsername}/${this.$route.params.slug}`;\n      this.$http.get(this.$config.uri(uri)).then((r) => {\n        this.detail = (r.data.status === 200) ? r.data.data : null;\n        document.title = (r.data.status === 200)\n          ? `${this.detail.title} - ${this.$config.appName}`\n          : `Content Not Found - ${this.$config.appName}`;\n        this.loading = false;\n        this.getRelated();\n      });\n    },\n  },\n  mounted() {\n    document.body.scrollTop = 0;\n    document.documentElement.scrollTop = 0;\n    document.title = 'Loading Content - #TanyaAja - Amway Indonesia';\n    this.getData();\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.section{\n  background-color: #fafafa;\n  min-height: calc(100vh - 64px);\n  .faqFound{\n    font-size: 26px;\n    color: #444;\n    font-weight: bold;\n    margin: 20px 20px 16px;\n    @media (max-width: 680px) {\n      font-size: 20px;\n      margin: 8px 20px 10px;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n.articleDetail{\n  padding: 40px 0 60px;\n  background-color: #fff;\n  .content{\n    max-width: 940px;\n    margin: 0 auto;\n    @media (max-width: 1100px){\n      max-width: none;\n      margin: 0 20px;\n    }\n    .articleTitle{\n      font-size: 40px;\n      margin: 0;\n      font-weight: bold;\n      line-height: 1.2;\n      margin-bottom: 2px;\n    }\n    .purchased{\n      color: #00798a;\n      margin-bottom: 24px;\n      position: relative;\n      padding-left: 46px;\n      font-size: 14px;\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      max-width: 80%;\n      .icon{\n        position: absolute;\n        top: 0; bottom: 2px; left: 0; width: 36px;\n        background-image: url(../assets/article-ok.png);\n        background-position: left center;\n        background-size: contain;\n        background-repeat: no-repeat;\n      }\n      h4{\n        margin: 0;\n        font-weight: 500;\n        font-size: 18px;\n      }\n    }\n\n    .theVideo{\n      width: 100%;\n      margin-bottom: 20px;\n      outline: 0 !important;\n      border-radius: 5px;\n      &.audio{\n        height: 40px;\n      }\n    }\n    .articleContent{\n      font-size: 22px;\n      line-height: 1.4;\n      margin-bottom: 30px;\n      blockquote{\n        font-size: 26px;\n        line-height: 1.3;\n        // border-left: #ddd 4px solid;\n        position: relative;\n        margin: 26px 0;\n        padding-bottom: 6px;\n        color: #767676;\n        padding-left: 50px;\n        // padding-left: 30px;\n        &:before{\n          content: \"\\\"\";\n          font-size: 80px;\n          position: absolute;\n          left: 8px; top: -18px;\n        }\n      }\n      p.caption{\n        margin: -14px 0 20px 10px;\n        font-size: 15px;\n        line-height: 1.4;\n        min-height: 22px;\n      }\n      p{\n        margin: 0;\n      }\n      .theMedia{\n        margin: 20px 0;\n        width: 100%;\n        border-radius: 5px;\n        &.md-wide{\n          width: calc(100% + 200px);\n          margin: 20px -100px;\n          @media (max-width: 974px) {\n            width: calc(100% + 100px);\n            margin: 20px -50px;\n          }\n          @media (max-width: 874px) {\n            width: calc(100% + 40px);\n            margin: 20px -20px;\n            border-radius: 0;\n          }\n        }\n      }\n      iframe.theMedia{\n        height: 530px;\n        border: none;\n        @media (max-width: 860px) {\n          height: 400px;\n        }\n        @media (max-width: 680px) {\n          height: 200px;\n        }\n      }\n    }\n    .shareBtn{\n      border-radius: 50px;\n      padding-left: 56px;\n      position: relative;\n      &:before{\n        content: \"\";\n        position: absolute;\n        left: 20px; top: 0; bottom: 0;\n        width: 24px;\n        background-image: url(../assets/share-white.png);\n        background-size: 24px auto;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n    }\n  }\n  @media (max-width: 680px) {\n    padding: 20px 0 40px;\n    .content{\n      .articleTitle{\n        font-size: 24px;\n        line-height: 1.2;\n        margin-bottom: 10px;\n      }\n      .articleContent{\n        font-size: 18px;\n        line-height: 1.6;\n      }\n    }\n  }\n}\n\n.attachmentCnt{\n  padding: 10px 0;\n  margin: 20px 0;\n  border-top: #eee 1px dashed;\n  // border-bottom: #eee 1px dashed;\n  .aTitle{\n    font-size: 20px;\n    margin: 0 7px 6px;\n  }\n  .attachmentItem{\n    position: relative;\n    min-height: 46px;\n    padding: 10px;\n    padding-left: 68px;\n    background-color: #f5f5f5;\n    border-radius: 5px;\n    border: #ddd 1px solid;\n    margin-bottom: 10px;\n    display: flex;\n    align-items: center;\n    .attachmentIcon{\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 46px; height: 46px;\n      border-radius: 5px;\n      background-color: #2c2c2c;\n      font-size: 13px;\n      color: #fff;\n      font-weight: 600;\n      text-transform: uppercase;\n      position: absolute;\n      left: 10px; top: 10px;\n    }\n    .aIcon{\n      position: absolute;\n      width: 30px; height: 30px;\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: 12px auto;\n      border-radius: 50%;\n      top: 50%; right: 10px;\n      margin-top: -15px;\n      transition: background-color .3s ease;\n      cursor: pointer;\n      &:hover{\n        background-color: #ddd;\n      }\n      &.download{\n        right: 20px; margin-top: -18px;\n        background-image: url(../assets/download-o-white.png);\n        background-size: 14px auto;\n        opacity: 1;\n        width: auto;\n        border-radius: 50px;\n        display: block;\n        background-position: 20px 10px;\n        background-color: #2c2c2c;\n        padding: 9px 20px 0 44px;\n        box-sizing: border-box;\n        height: 36px;\n        font-size: 15px;\n        color: #ccc;\n        transition: all .3s ease;\n        &:hover{\n          background-color: #444;\n        }\n      }\n    }\n    h4{\n      margin: 0;\n      font-size: 18px;\n      font-weight: 500;\n    }\n    p{\n      margin: 0;\n      color: #767676;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n}\n\n.authorInfo{\n  position: relative;\n  padding-top: 8px;\n  padding-bottom: 30px;\n  @media (max-width: 700px) {\n    padding-bottom: 16px;\n  }\n  .authorImg{\n    position: absolute;\n    left: 0;\n    top: 7px;\n    width: 45px;\n    height: 45px;\n    background-color: #02c3aa;\n    background-size: cover;\n    border-radius: 50%;\n    cursor: pointer;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    text-transform: uppercase;\n    color: #fff;\n    font-size: 18px;\n    &.hasPhoto{\n      span{\n        display: none;\n      }\n    }\n  }\n  h4{\n    margin: 0;\n    font-size: 17px;\n  }\n  .publishTime{\n    margin: 0;\n    font-size: 14px;\n    color: #767676;\n    .bull{\n      margin: 0 6px 0 4px;\n    }\n    .category{\n      text-transform: uppercase;\n      font-weight: 500;\n    }\n  }\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/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!./Read.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!./Read.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Read.vue?vue&type=template&id=2ab45afa&scoped=true&\"\nimport script from \"./Read.vue?vue&type=script&lang=js&\"\nexport * from \"./Read.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Read.vue?vue&type=style&index=0&id=2ab45afa&scoped=true&lang=scss&\"\nimport style1 from \"./Read.vue?vue&type=style&index=1&lang=scss&\"\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  \"2ab45afa\",\n  null\n  \n)\n\nexport default component.exports","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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Read.vue?vue&type=style&index=1&lang=scss&\"; 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/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Read.vue?vue&type=style&index=1&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/i-pinterest.21f79ef5.png\";"],"sourceRoot":""}