{"version":3,"sources":["webpack:///./src/views/Read.vue?a8e6","webpack:///./src/assets/secret-file.png","webpack:///./src/views/Read.vue?c177","webpack:///./src/components/SkAnimtaion.vue?7290","webpack:///./src/components/DownloadSelector.vue?9e9d","webpack:///./src/views/Read.vue?3a96","webpack:///./src/components/SkAnimtaion.vue?a940","webpack:///src/components/SkAnimtaion.vue","webpack:///./src/components/SkAnimtaion.vue?01c1","webpack:///./src/components/SkAnimtaion.vue","webpack:///./src/components/EmbedDialog.vue?1de2","webpack:///src/components/EmbedDialog.vue","webpack:///./src/components/EmbedDialog.vue?c2ab","webpack:///./src/components/EmbedDialog.vue","webpack:///./src/components/DownloadSelector.vue?6f28","webpack:///src/components/DownloadSelector.vue","webpack:///./src/components/DownloadSelector.vue?81b1","webpack:///./src/components/DownloadSelector.vue","webpack:///src/views/Read.vue","webpack:///./src/views/Read.vue?7d6f","webpack:///./src/views/Read.vue","webpack:///./node_modules/core-js/modules/es.array.includes.js","webpack:///./src/assets/padlock.png","webpack:///./src/components/EmbedDialog.vue?e7e2"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","sectionClicked","ref","category","detail","isPublic","levelMeet","_v","slug","parent","_e","_s","name","uuid","publishYear","title","_f","publishDate","viewCountStr","buyNowUrl","type","btnEmbed","embed","btnShare","share","btnDownload","download","pdf","audio","imageLg","class","loading","loadingDownload","downloadGallery","$event","stopPropagation","moreOpen","doNothing","preventDefault","getData","directives","rawName","value","expression","domProps","target","composing","pwd","style","previewImgObject","gallery","gi","length","_l","item","i","key","active","hideControls","htmlContent","html","embedUri","related","index","contentImg","shortImg","thumb","status","$session","get","openLogin","staticRenderFns","resultLoading","article","_m","props","component","close","modalContent","embedCode","copyToClp","components","data","show","next","methods","b","appendChild","txt","createTextRange","d","moveToElementText","select","m","execCommand","g","removeAllRanges","addRange","remove","$refs","snackbar","open","o","vid1080p","recordDownload","vid720p","vid480p","vid360p","sessionId","$http","$config","uri","alUri","then","SkAnimtaion","Header","ShareDialog","VuePlyr","EmbedDialog","DownloadSelector","qrString","loadingQr","qrError","currentPage","inPage","singingAl","header","embedDialog","shareDialog","page","session","link","setAttribute","href","r","fileUri","document","body","click","downloadSelector","detailUri","scrollTop","documentElement","sessionStorage","setItem","setTimeout","heightOff","winWidth","$","flipBook","backgroundColor","scrollWheel","height","fbH","onFlip","city","country","onReady","fb","gotoPage","localStorage","v","source","play","signAnalytic","post","windowFocused","windowBlured","created","window","addEventListener","destroyed","removeEventListener","beforeDestroy","mounted","$route","query","u","getItem","includes","level","$includes","addToUnscopables","proto","el","arguments","undefined"],"mappings":"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AACE,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,YAAY,WAAWF,EAAG,MAA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","file":"js/read.3d52f56b.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&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&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/secret-file.c2352fde.png\";","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&id=ad1e2a78&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=1&id=ad1e2a78&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!./SkAnimtaion.vue?vue&type=style&index=0&id=146c5b16&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=146c5b16&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!./DownloadSelector.vue?vue&type=style&index=0&id=91142ebe&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!./DownloadSelector.vue?vue&type=style&index=0&id=91142ebe&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"section\",attrs:{\"id\":\"page\"},on:{\"click\":_vm.sectionClicked}},[_c('Header',{ref:\"header\",attrs:{\"category\":_vm.category}}),(_vm.loading)?_c('SkAnimtaion',{attrs:{\"article\":true}}):(!_vm.detail)?_c('div',{staticClass:\"notFound\"},[_c('img',{attrs:{\"src\":require(\"../assets/not-found.png\")}}),_c('h4',[_vm._v(\"404\")]),_c('h2',[_vm._v(\"Halaman tidak ditemukan\")]),_c('p',[_vm._v(\"We can't find the page you looking for\")])]):(!_vm.detail.isPublic && !_vm.levelMeet)?_c('div',{staticClass:\"needLogin\"},[(_vm.detail.thumb)?_c('div',{staticClass:\"needLoginBg\",style:({'background-image': (\"url(\" + (_vm.detail.thumb.imageBl) + \")\")})}):_vm._e(),_c('div',{staticClass:\"needLoginIn\"},[_c('img',{attrs:{\"src\":require(\"../assets/secret-file.png\")}}),_c('h2',[_vm._v(\"Akses Terbatas\")]),(!this.$session.get('am_ct_hub_logged_in'))?_c('button',{on:{\"click\":_vm.openLogin}},[_vm._v(\"Masuk Dengan Amway ID\")]):_vm._e()])]):_c('div',[_c('div',{staticClass:\"articleDetail\"},[_c('div',{staticClass:\"articleHeader\"},[_c('div',{staticClass:\"ahL\"},[_c('div',{staticClass:\"breadcrumb\"},[_c('router-link',{staticClass:\"bc\",attrs:{\"to\":\"/\"}},[_vm._v(\"Home\")]),(_vm.detail.category.slug !== 'amagram-internal'\n              && _vm.detail.category.parent)?_c('span',{staticClass:\"dv\"},[_vm._v(\"/\")]):_vm._e(),(_vm.detail.category.slug !== 'amagram-internal'\n              && _vm.detail.category.parent)?_c('router-link',{staticClass:\"bc\",attrs:{\"to\":(\"/category/\" + (_vm.detail.category.parent.slug))}},[_vm._v(_vm._s(_vm.detail.category.parent.name))]):_vm._e(),_c('span',{staticClass:\"dv\"},[_vm._v(\"/\")]),_c('router-link',{staticClass:\"bc\",attrs:{\"to\":(\"/\" + (_vm.detail.category.slug))}},[_vm._v(_vm._s(_vm.detail.category.name))]),(_vm.detail.category.slug === 'amagram'\n              || _vm.detail.category.slug === 'amagram-internal'\n              || _vm.detail.category.slug === 'leaders-newsletter'\n              || _vm.detail.category.slug === 'bulletin')?_c('span',{staticClass:\"dv\"},[_vm._v(\"/\")]):_vm._e(),(_vm.detail.category.slug === 'amagram'\n              || _vm.detail.category.slug === 'amagram-internal'\n              || _vm.detail.category.slug === 'leaders-newsletter'\n              || _vm.detail.category.slug === 'bulletin')?_c('router-link',{staticClass:\"bc\",attrs:{\"to\":(\"/\" + (_vm.detail.category.slug) + \"/edition/\" + (_vm.detail.publishYear) + \"?u=\" + _vm.uuid)}},[_vm._v(\"Edisi tahun \"+_vm._s(_vm.detail.publishYear))]):_vm._e(),_c('span',{staticClass:\"dv\"},[_vm._v(\"/\")]),_c('span',{staticClass:\"bc\"},[_vm._v(_vm._s(_vm.detail.title))])],1),_c('h2',{staticClass:\"articleTitle\"},[_vm._v(_vm._s(_vm.detail.title))]),_c('div',{staticClass:\"publishTime\"},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(_vm.detail.publishDate,'MMM YYYY'))+\" \"),_c('span',{staticClass:\"bull\"},[_vm._v(\"•\")]),_vm._v(\" \"+_vm._s(_vm.detail.viewCountStr)+\" views \"),_c('span',{staticClass:\"bull\"},[_vm._v(\"•\")]),_c('span',{staticClass:\"category\"},[_vm._v(_vm._s(_vm.detail.category.name))])])]),_c('div',{staticClass:\"ahR\"},[(_vm.detail.buyNowUrl)?_c('a',{staticClass:\"articleAction buyNow\",attrs:{\"href\":_vm.detail.buyNowUrl,\"target\":\"_blank\"}},[_vm._v(\" Beli Sekarang\")]):_vm._e(),(_vm.detail.type !== 'youtube' && _vm.detail.btnEmbed === 1\n            && !_vm.detail.isPublic)?_c('div',{staticClass:\"articleAction embed\",on:{\"click\":_vm.embed}},[_vm._v(\"Embed\")]):_vm._e(),(_vm.detail.btnShare === 1)?_c('div',{staticClass:\"articleAction share\",on:{\"click\":_vm.share}},[_vm._v(\"Bagikan\")]):_vm._e(),(_vm.detail.btnDownload === 1)?[(_vm.detail.type === 'video')?_c('div',{staticClass:\"articleAction download\",on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'pdf')?_c('a',{staticClass:\"articleAction download\",attrs:{\"href\":_vm.detail.pdf,\"download\":((_vm.detail.title) + \".pdf\"),\"target\":\"_blank\"},on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'audio')?_c('a',{staticClass:\"articleAction download\",attrs:{\"href\":_vm.detail.audio,\"download\":_vm.detail.audio,\"target\":\"_blank\"},on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'image')?_c('a',{staticClass:\"articleAction download\",attrs:{\"href\":_vm.detail.imageLg,\"download\":\"\",\"target\":\"_blank\"},on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'gallery')?_c('div',{staticClass:\"articleAction download\",class:{loading: _vm.loadingDownload},on:{\"click\":_vm.downloadGallery}},[_vm._v(\"Download All\")]):_vm._e()]:_vm._e(),(_vm.detail.btnDownload === 1\n            || (_vm.detail.btnEmbed === 1 && !_vm.detail.isPublic)\n            || _vm.detail.btnShare === 1)?_c('div',{staticClass:\"moreCnt\"},[_c('button',{staticClass:\"articleAction moreBtn\",on:{\"click\":function($event){$event.stopPropagation();_vm.moreOpen = !_vm.moreOpen}}},[_vm._v(\"Opsi Lainya\")]),(_vm.moreOpen)?_c('div',{staticClass:\"moreMenu\",on:{\"click\":function($event){$event.stopPropagation();return _vm.doNothing($event)}}},[(_vm.detail.type !== 'youtube' && _vm.detail.btnEmbed === 1\n                && !_vm.detail.isPublic)?_c('div',{staticClass:\"articleAction embed\",on:{\"click\":_vm.embed}},[_vm._v(\"Embed\")]):_vm._e(),(_vm.detail.btnShare === 1)?_c('div',{staticClass:\"articleAction share\",on:{\"click\":_vm.share}},[_vm._v(\"Bagikan\")]):_vm._e(),(_vm.detail.btnDownload === 1)?[(_vm.detail.type === 'video')?_c('div',{staticClass:\"articleAction download\",on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'pdf')?_c('a',{staticClass:\"articleAction download\",attrs:{\"href\":_vm.detail.pdf,\"download\":((_vm.detail.title) + \".pdf\"),\"target\":\"_blank\"},on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'audio')?_c('a',{staticClass:\"articleAction download\",attrs:{\"href\":_vm.detail.audio,\"download\":((_vm.detail.title) + \".pdf\"),\"target\":\"_blank\"},on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'image')?_c('a',{staticClass:\"articleAction download\",attrs:{\"href\":_vm.detail.imageLg,\"download\":\"\",\"target\":\"_blank\"},on:{\"click\":_vm.download}},[_vm._v(\"Download\")]):(_vm.detail.type === 'gallery')?_c('div',{staticClass:\"articleAction download\",class:{loading: _vm.loadingDownload},on:{\"click\":_vm.downloadGallery}},[_vm._v(\"Download All\")]):_vm._e()]:_vm._e()],2):_vm._e()]):_vm._e()],2)]),(_vm.detail.protected)?_c('div',{staticClass:\"protected\"},[_c('img',{attrs:{\"src\":require(\"../assets/padlock.png\")}}),_c('h4',[_vm._v(\"Akses Terbatas\")]),(_vm.detail.password)?_c('div',[_c('p',[_vm._v(\"Masukan password untuk membuka konten ini\")]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.getData($event)}}},[_c('div',{staticClass:\"inputCnt\"},[_c('div',{staticClass:\"privateIcon\"}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.pwd),expression:\"pwd\"}],attrs:{\"type\":\"password\",\"placeholder\":\"• • • •\"},domProps:{\"value\":(_vm.pwd)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.pwd=$event.target.value}}}),_c('button',{staticClass:\"submitBtn\",on:{\"click\":_vm.getData}})])])]):_c('p',[_vm._v(\"Kamu tidak punya hak akses untuk membuka konten ini\")])]):_c('div',[(_vm.detail.type === 'pdf')?_c('div',{staticClass:\"articleContent\"},[_c('div',{attrs:{\"id\":\"dfCnt\"}})]):(_vm.detail.type === 'image')?_c('div',{staticClass:\"articleContent image\"},[_c('div',{staticClass:\"theImg\",style:({'background-image': (\"url(\" + (_vm.detail.imageMd) + \")\")}),on:{\"click\":_vm.previewImgObject}})]):(_vm.detail.type === 'gallery')?_c('div',{staticClass:\"articleContent image gallery\"},[_c('div',{staticClass:\"theImg\",style:({'background-image':\n            (\"url(\" + (_vm.detail.gallery[_vm.gi].imageMd) + \")\")}),on:{\"click\":_vm.previewImgObject}}),(_vm.gi > 0)?_c('div',{staticClass:\"galleryNav p\",on:{\"click\":function($event){$event.stopPropagation();_vm.gi -= 1}}}):_vm._e(),(_vm.gi < _vm.detail.gallery.length - 1)?_c('div',{staticClass:\"galleryNav n\",on:{\"click\":function($event){$event.stopPropagation();_vm.gi += 1}}}):_vm._e(),_c('div',{staticClass:\"galleryPager\",on:{\"click\":function($event){$event.stopPropagation();return _vm.doNothing($event)}}},_vm._l((_vm.detail.gallery),function(item,i){return _c('div',{key:i,staticClass:\"pagerItem\",class:{active: i === _vm.gi},on:{\"click\":function($event){$event.stopPropagation();_vm.gi = i}}})}),0),_c('div',{staticClass:\"downloadCnt\"},[_c('a',{staticClass:\"btn download\",attrs:{\"href\":_vm.detail.gallery[_vm.gi].imageLg,\"target\":\"_blank\",\"download\":\"\"},on:{\"click\":_vm.download}},[_vm._v(\"Download\")]),_c('button',{staticClass:\"btn openSlide\",on:{\"click\":_vm.previewImgObject}})])]):(_vm.detail.type === 'video')?_c('div',{staticClass:\"articleContent video\"},[_c('VuePlyr',{ref:\"video\",attrs:{\"options\":{ hideControls: false }}},[_c('video')])],1):(_vm.detail.type === 'audio')?_c('div',{staticClass:\"articleContent audio\"},[_c('VuePlyr',{ref:\"audio\",attrs:{\"options\":{ hideControls: false }}},[_c('video')])],1):(_vm.detail.type === 'html')?_c('div',{staticClass:\"articleContent html\",domProps:{\"innerHTML\":_vm._s(_vm.detail.htmlContent.html)}}):(_vm.detail.type === 'youtube')?_c('div',{staticClass:\"articleContent video youtube\"},[_c('iframe',{attrs:{\"src\":_vm.detail.embedUri,\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; clipboard-write; encrypted-media;\\n            gyroscope; picture-in-picture\",\"allowfullscreen\":\"\"}})]):_vm._e()]),(_vm.related && _vm.related.length > 0)?_c('div',{staticClass:\"allContentCnt\"},[(_vm.detail.category.slug === 'amagram'\n          || _vm.detail.category.slug === 'leaders-newsletter'\n          || _vm.detail.category.slug === 'amagram-internal'\n          || _vm.detail.category.slug === 'bulletin')?_c('h2',{staticClass:\"sectionTitle\"},[_vm._v(\"Lihat edisi lainya \"),(_vm.detail)?_c('a',{attrs:{\"href\":(\"/\" + (_vm.detail.category.slug) + \"/edition/\" + (_vm.detail.publishYear))}},[_vm._v(\" Lihat semua edisi \"+_vm._s(_vm.detail.publishYear))]):_vm._e()]):_c('h2',{staticClass:\"sectionTitle\"},[_vm._v(\"Konten Terkait\")]),_c('div',{staticClass:\"allContent\"},[_c('div',{staticClass:\"contentSc artc\"},[_c('div',{staticClass:\"contentCnt\"},_vm._l((_vm.related),function(item,index){return _c('div',{key:index,staticClass:\"contentItem artc\",class:item.type},[_c('div',{class:{contentImg: true, shortImg: item.publishYear < 2018}},[_c('a',{staticClass:\"lnk\",attrs:{\"href\":(\"/\" + (item.category.slug) + \"/\" + (item.slug) + \"?u=\" + _vm.uuid)}},[(item.thumb)?_c('img',{staticClass:\"theImg\",attrs:{\"src\":item.thumb}}):_c('div',{staticClass:\"theImg noImg\"})])]),_c('div',{staticClass:\"contentInfo\"},[_c('div',{staticClass:\"category\"},[_c('a',{attrs:{\"href\":(\"/\" + (item.category.slug) + \"?u=\" + _vm.uuid)}},[_vm._v(_vm._s(item.category.name))])]),_c('h4',[_c('a',{attrs:{\"href\":(\"/\" + (item.category.slug) + \"/\" + (item.slug) + \"?u=\" + _vm.uuid)}},[_vm._v(\" \"+_vm._s(_vm._f(\"substr\")(item.title,65, '...'))+\" \")])]),_c('div',{staticClass:\"date\"},[_c('a',{attrs:{\"href\":(\"/\" + (item.category.slug) + \"/\" + (item.slug) + \"?u=\" + _vm.uuid)}},[_vm._v(\" \"+_vm._s(item.viewCountStr)+\" views • \"+_vm._s(_vm._f(\"moment\")(item.publishDate,'MMM YYYY'))+\" \")])])])])}),0)])])]):_vm._e()]),(_vm.detail.status === 'pending')?_c('div',{staticClass:\"preview\"},[_vm._v(\" This is a preview, content will be published at \"),_c('b',[_vm._v(_vm._s(_vm._f(\"moment\")(_vm.detail.publishDate,'dddd, D MMM YYYY HH:mm')))])]):_vm._e()]),_c('ShareDialog',{ref:\"shareDialog\"}),_c('EmbedDialog',{ref:\"embedDialog\"}),_c('DownloadSelector',{ref:\"downloadSelector\"})],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',{class:{resultLoading: 1, article: _vm.article}},[_c('div',{staticClass:\"skAnimation\"}),(_vm.article)?_c('div',{staticClass:\"articleLoading\"},[_vm._m(0),_c('div',{staticClass:\"lContent\"})]):_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:\"lHeader\"},[_c('div',{staticClass:\"lHeaderIn\"},[_c('div',{staticClass:\"lTitle\"}),_c('div',{staticClass:\"lTitle2\"}),_c('div',{staticClass:\"lTitle3\"})])])},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: 1, article: article}\">\n    <div class=\"skAnimation\"/>\n\n    <div class=\"articleLoading\" v-if=\"article\">\n      <div class=\"lHeader\">\n        <div class=\"lHeaderIn\">\n          <div class=\"lTitle\"></div>\n          <div class=\"lTitle2\"></div>\n          <div class=\"lTitle3\"></div>\n        </div>\n      </div>\n      <div class=\"lContent\"/>\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    &.article{\n      height: calc(100vh - 64px);\n      background-color: #f5f5f5;\n      padding-top: 0;\n    }\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    background-color: #fff;\n    padding-top: 20px;\n    .lHeader{\n      height: 107px;\n      .lHeaderIn{\n        max-width: 1180px;\n        margin: 0 auto;\n        .lTitle{\n          height: 18px;\n          background-color: #f5f5f5;\n          width: 300px;\n          max-width: 60%;\n        }\n        .lTitle2{\n          margin: 10px 0;\n          height: 29px;\n          background-color: #f5f5f5;\n          width: 600px;\n          max-width: 90%;\n        }\n        .lTitle3{\n          height: 20px;\n          background-color: #f5f5f5;\n          width: 200px;\n          max-width: 50%;\n        }\n      }\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=146c5b16&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=146c5b16&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  \"146c5b16\",\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(\"Embed\")]),(_vm.detail)?_c('div',{staticClass:\"shareLink\"},[_vm._v(\" \"+_vm._s(_vm.embedCode)+\" \"),_c('div',{staticClass:\"copy\",on:{\"click\":function($event){return _vm.copyToClp(_vm.embedCode)}}},[_vm._v(\"SALIN\")])]):_vm._e()]),_c('Snackbar',{ref:\"snackbar\"})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<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\">Embed</h4>\n        <div class=\"shareLink\" v-if=\"detail\">\n          {{embedCode}}\n          <div class=\"copy\" v-on:click=\"copyToClp(embedCode)\">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      detail: null,\n      embedCode: null,\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: 'Embed code copied to clipboard.' });\n    },\n    open(d, next) {\n      this.detail = d;\n      const uri = `${this.$config.appUri}embed/${d.slug}`;\n      this.embedCode = `<iframe width=\"560\" height=\"315\" src=\"${uri}\" `\n        + `title=\"${d.title}\" frameborder=\"0\" allow=\"accelerometer; autoplay; `\n        + 'clipboard-write; encrypted-media; gyroscope; picture-in-picture\" '\n        + 'allowfullscreen></iframe>';\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: absolute;\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      box-sizing: border-box;\n      max-width: 100%;\n      width: 720px;\n      @media (max-height: 680px) {\n        padding: 30px 20px 100px;\n        margin: 0; top: auto; bottom: 0;\n        border-radius: 5px 5px 0 0;\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-height: 680px) {\n          background-color: #fff;\n          margin: -30px 0 24px;\n          font-size: 24px;\n          padding: 20px 0 0;\n        }\n      }\n      .shareDivider{\n        margin: 20px 34px 10px;\n        border-top: #eee 1px solid;\n        @media (max-height: 680px) {\n          margin: 20px 0 10px;\n        }\n      }\n      .shareAt{\n        margin: 0 34px;\n        padding: 4px 0;\n        padding-left: 28px;\n        position: relative;\n        cursor: pointer;\n        @media (max-height: 680px) {\n          margin: 0;\n        }\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 34px 0;\n        background-color: #f5f5f5;\n        border: #ccc 1px solid;\n        border-radius: 3px;\n        color: #222;\n        padding: 10px 12px;\n        position: relative;\n        padding-right: 80px;\n        @media (max-height: 680px) {\n          margin: 20px 0 0;\n        }\n        .copy{\n          position: absolute;\n          right: 4px; top: 4px;\n          font-weight: 600;\n          color: #005ab5;\n          padding: 6px 10px;\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-height: 680px) {\n          justify-content: space-between;\n        }\n        .selectorItem{\n          padding: 14px 34px 10px;\n          border: #fff 1px solid;\n          border-radius: 5px;\n          transition: all .2s ease;\n          position: relative;\n          text-align: center;\n          @media (max-height: 680px) {\n            padding: 14px 10px 10px;\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          }\n          img{\n            height: 30px;\n            margin-bottom: 5px;\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!./EmbedDialog.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!./EmbedDialog.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmbedDialog.vue?vue&type=template&id=5aa17ee2&scoped=true&\"\nimport script from \"./EmbedDialog.vue?vue&type=script&lang=js&\"\nexport * from \"./EmbedDialog.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmbedDialog.vue?vue&type=style&index=0&id=5aa17ee2&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  \"5aa17ee2\",\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(\"Select Video Size\")]),_c('div',{staticClass:\"selectorCnt\"},[(_vm.detail.vid1080p)?_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":_vm.detail.vid1080p,\"download\":\"\",\"target\":\"_blank\"},on:{\"click\":_vm.recordDownload}},[_c('h4',[_vm._v(\"1080p\"),_c('span',{staticClass:\"hd\"},[_vm._v(\"HD\")])])]):_vm._e(),(_vm.detail.vid720p)?_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":_vm.detail.vid720p,\"download\":\"\",\"target\":\"_blank\"},on:{\"click\":_vm.recordDownload}},[_c('h4',[_vm._v(\"720p\")])]):_vm._e(),(_vm.detail.vid480p)?_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":_vm.detail.vid480p,\"download\":\"\",\"target\":\"_blank\"},on:{\"click\":_vm.recordDownload}},[_c('h4',[_vm._v(\"480p\")])]):_vm._e(),(_vm.detail.vid360p)?_c('a',{staticClass:\"selectorItem\",attrs:{\"href\":_vm.detail.vid360p,\"download\":\"\",\"target\":\"_blank\"},on:{\"click\":_vm.recordDownload}},[_c('h4',[_vm._v(\"360p\")])]):_vm._e()])]),_c('Snackbar',{ref:\"snackbar\"})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<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\">Select Video Size</h4>\n        <div class=\"selectorCnt\">\n          <a :href=\"detail.vid1080p\" v-if=\"detail.vid1080p\" download\n            target=\"_blank\" class=\"selectorItem\" v-on:click=\"recordDownload\">\n            <h4>1080p<span class=\"hd\">HD</span></h4>\n          </a>\n          <a :href=\"detail.vid720p\" v-if=\"detail.vid720p\" download\n            target=\"_blank\" class=\"selectorItem\" v-on:click=\"recordDownload\">\n            <h4>720p</h4>\n          </a>\n          <a :href=\"detail.vid480p\" v-if=\"detail.vid480p\" download\n            target=\"_blank\" class=\"selectorItem\" v-on:click=\"recordDownload\">\n            <h4>480p</h4>\n          </a>\n          <a :href=\"detail.vid360p\" v-if=\"detail.vid360p\" download\n            target=\"_blank\" class=\"selectorItem\" v-on:click=\"recordDownload\">\n            <h4>360p</h4>\n          </a>\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      detail: null,\n      sessionId: '',\n    };\n  },\n  methods: {\n    recordDownload() {\n      const alUri = `content/${this.detail.id}/download?session=${this.sessionId}`;\n      this.$http.get(this.$config.uri(alUri)).then(() => {});\n    },\n    open(d, sessionId, next) {\n      this.detail = d;\n      this.sessionId = sessionId;\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: absolute;\n      background-color: #fff;\n      z-index: 2;\n      padding: 30px 40px 20px;\n      border-radius: 5px;\n      margin-top: -20px;\n      overflow: hidden;\n      box-sizing: border-box;\n      width: 400px;\n      max-width: 100%;\n      @media (max-height: 680px) {\n        padding: 30px 20px 100px;\n        margin: 0; top: auto; bottom: 0;\n        border-radius: 5px 5px 0 0;\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 40px 10px;\n        font-size: 28px;\n        margin: -30px -40px 20px;\n        background-color: #eee;\n        text-align: left;\n        @media (max-height: 680px) {\n          background-color: #fff;\n          margin: -30px 0 24px;\n          font-size: 24px;\n          padding: 20px 0 0;\n        }\n      }\n      .shareDivider{\n        margin: 20px 34px 10px;\n        border-top: #eee 1px solid;\n        @media (max-height: 680px) {\n          margin: 20px 0 10px;\n        }\n      }\n      .shareAt{\n        margin: 0 34px;\n        padding: 4px 0;\n        padding-left: 28px;\n        position: relative;\n        cursor: pointer;\n        @media (max-height: 680px) {\n          margin: 0;\n        }\n        .checkbox{\n          width: 18px; height: 18px;\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 34px 0;\n        background-color: #f5f5f5;\n        border: #ccc 1px solid;\n        border-radius: 3px;\n        color: #222;\n        padding: 10px 12px;\n        position: relative;\n        padding-right: 80px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        @media (max-height: 680px) {\n          margin: 20px 0 0;\n        }\n        .copy{\n          position: absolute;\n          right: 4px; top: 4px;\n          font-weight: 600;\n          color: #005ab5;\n          padding: 6px 10px;\n          border-radius: 3px;\n          cursor: pointer;\n          &:hover{\n            background-color: #ddd;\n          }\n        }\n      }\n      .selectorCnt{\n        .selectorItem{\n          padding: 12px 20px 10px;\n          padding-left: 80px;\n          margin: 0 -40px;\n          transition: all .2s ease;\n          position: relative;\n          display: block;\n          &:before{\n            content: \"\";\n            position: absolute;\n            left: 40px; top: 0; bottom: 6px; width: 20px;\n            background-image: url(../assets/download-icon.png);\n            background-size: 20px auto;\n            background-position: center;\n            background-repeat: no-repeat;\n          }\n          &:hover{\n            cursor: pointer;\n            background-color: #f5f5f5;\n          }\n          h4{\n            margin: 0;\n            font-size: 17px;\n            font-weight: 600;\n            color: #444;\n            span.hd{\n              color: red;\n              padding-left: 4px;\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!./DownloadSelector.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!./DownloadSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DownloadSelector.vue?vue&type=template&id=91142ebe&scoped=true&\"\nimport script from \"./DownloadSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./DownloadSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DownloadSelector.vue?vue&type=style&index=0&id=91142ebe&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  \"91142ebe\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <section id=\"page\" class=\"section\" v-on:click=\"sectionClicked\">\n    <Header :category=\"category\" ref=\"header\"/>\n    <SkAnimtaion :article=\"true\" v-if=\"loading\"/>\n    <div class=\"notFound\" v-else-if=\"!detail\">\n      <img src=\"../assets/not-found.png\">\n      <h4>404</h4>\n      <h2>Halaman tidak ditemukan</h2>\n      <p>We can't find the page you looking for</p>\n    </div>\n    <div class=\"needLogin\" v-else-if=\"!detail.isPublic && !levelMeet\">\n      <div class=\"needLoginBg\" v-if=\"detail.thumb\"\n        :style=\"{'background-image': `url(${detail.thumb.imageBl})`}\"></div>\n      <div class=\"needLoginIn\">\n        <img src=\"../assets/secret-file.png\">\n        <h2>Akses Terbatas</h2>\n        <!-- <p>Halaman ini hanya bisa diakses dengan Amway ID.</p>-->\n        <button v-on:click=\"openLogin\"\n          v-if=\"!this.$session.get('am_ct_hub_logged_in')\">Masuk Dengan Amway ID</button>\n      </div>\n    </div>\n    <div v-else>\n      <div class=\"articleDetail\">\n        <div class=\"articleHeader\">\n          <div class=\"ahL\">\n            <div class=\"breadcrumb\">\n              <router-link to=\"/\"\n                class=\"bc\">Home</router-link>\n              <span class=\"dv\" v-if=\"detail.category.slug !== 'amagram-internal'\n                && detail.category.parent\">/</span>\n              <router-link v-if=\"detail.category.slug !== 'amagram-internal'\n                && detail.category.parent\"\n                :to=\"`/category/${detail.category.parent.slug}`\"\n                class=\"bc\">{{detail.category.parent.name}}</router-link>\n              <span class=\"dv\">/</span>\n              <router-link :to=\"`/${detail.category.slug}`\"\n                class=\"bc\">{{detail.category.name}}</router-link>\n              <span class=\"dv\"\n                v-if=\"detail.category.slug === 'amagram'\n                || detail.category.slug === 'amagram-internal'\n                || detail.category.slug === 'leaders-newsletter'\n                || detail.category.slug === 'bulletin'\">/</span>\n              <router-link\n                v-if=\"detail.category.slug === 'amagram'\n                || detail.category.slug === 'amagram-internal'\n                || detail.category.slug === 'leaders-newsletter'\n                || detail.category.slug === 'bulletin'\"\n                :to=\"`/${detail.category.slug}/edition/${detail.publishYear}?u=${uuid}`\"\n                class=\"bc\">Edisi tahun\n                {{detail.publishYear}}</router-link>\n              <span class=\"dv\">/</span>\n              <span class=\"bc\">{{detail.title}}</span>\n            </div>\n            <h2 class=\"articleTitle\">{{detail.title}}</h2>\n            <div class=\"publishTime\">\n              {{detail.publishDate | moment('MMM YYYY')}}\n              <span class=\"bull\">&bull;</span>\n              {{detail.viewCountStr}} views\n              <span class=\"bull\">&bull;</span>\n              <span class=\"category\">{{detail.category.name}}</span>\n            </div>\n          </div>\n          <div class=\"ahR\">\n            <a :href=\"detail.buyNowUrl\" target=\"_blank\" class=\"articleAction buyNow\"\n              v-if=\"detail.buyNowUrl\">\n              Beli Sekarang</a>\n            <div class=\"articleAction embed\" v-on:click=\"embed\"\n              v-if=\"detail.type !== 'youtube' && detail.btnEmbed === 1\n              && !detail.isPublic\">Embed</div>\n            <div class=\"articleAction share\" v-on:click=\"share\"\n              v-if=\"detail.btnShare === 1\">Bagikan</div>\n            <template v-if=\"detail.btnDownload === 1\">\n              <div class=\"articleAction download\" v-on:click=\"download\"\n                v-if=\"detail.type === 'video'\">Download</div>\n              <a :href=\"detail.pdf\" :download=\"`${detail.title}.pdf`\" target=\"_blank\"\n                class=\"articleAction download\" v-on:click=\"download\"\n                v-else-if=\"detail.type === 'pdf'\">Download</a>\n              <a :href=\"detail.audio\" :download=\"detail.audio\" target=\"_blank\"\n                class=\"articleAction download\" v-on:click=\"download\"\n                v-else-if=\"detail.type === 'audio'\">Download</a>\n              <a :href=\"detail.imageLg\" download target=\"_blank\"\n                class=\"articleAction download\" v-on:click=\"download\"\n                v-else-if=\"detail.type === 'image'\">Download</a>\n              <div class=\"articleAction download\" :class=\"{loading: loadingDownload}\"\n                v-on:click=\"downloadGallery\"\n                v-else-if=\"detail.type === 'gallery'\">Download All</div>\n            </template>\n            <div class=\"moreCnt\" v-if=\"detail.btnDownload === 1\n              || (detail.btnEmbed === 1 && !detail.isPublic)\n              || detail.btnShare === 1\">\n              <button class=\"articleAction moreBtn\"\n                v-on:click.stop=\"moreOpen = !moreOpen\">Opsi Lainya</button>\n              <div class=\"moreMenu\" v-if=\"moreOpen\" v-on:click.stop=\"doNothing\">\n                <div class=\"articleAction embed\" v-on:click=\"embed\"\n                  v-if=\"detail.type !== 'youtube' && detail.btnEmbed === 1\n                  && !detail.isPublic\">Embed</div>\n                <div class=\"articleAction share\" v-on:click=\"share\"\n                  v-if=\"detail.btnShare === 1\">Bagikan</div>\n                <template v-if=\"detail.btnDownload === 1\">\n                  <div class=\"articleAction download\" v-on:click=\"download\"\n                    v-if=\"detail.type === 'video'\">Download</div>\n                  <a :href=\"detail.pdf\" :download=\"`${detail.title}.pdf`\" target=\"_blank\"\n                    class=\"articleAction download\" v-on:click=\"download\"\n                    v-else-if=\"detail.type === 'pdf'\">Download</a>\n                  <a :href=\"detail.audio\" :download=\"`${detail.title}.pdf`\" target=\"_blank\"\n                    class=\"articleAction download\" v-on:click=\"download\"\n                    v-else-if=\"detail.type === 'audio'\">Download</a>\n                  <a :href=\"detail.imageLg\" download target=\"_blank\"\n                    class=\"articleAction download\" v-on:click=\"download\"\n                    v-else-if=\"detail.type === 'image'\">Download</a>\n                  <div class=\"articleAction download\"  :class=\"{loading: loadingDownload}\"\n                    v-on:click=\"downloadGallery\"\n                    v-else-if=\"detail.type === 'gallery'\">Download All</div>\n                </template>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"protected\" v-if=\"detail.protected\">\n          <img src=\"../assets/padlock.png\">\n          <h4>Akses Terbatas</h4>\n          <div v-if=\"detail.password\">\n            <p>Masukan password untuk membuka konten ini</p>\n            <form v-on:submit.prevent=\"getData\">\n              <div class=\"inputCnt\">\n                <div class=\"privateIcon\"></div>\n                <input type=\"password\" placeholder=\"• • • •\"\n                  v-model=\"pwd\">\n                <button class=\"submitBtn\" v-on:click=\"getData\"></button>\n              </div>\n            </form>\n          </div>\n          <p v-else>Kamu tidak punya hak akses untuk membuka konten ini</p>\n        </div>\n        <div v-else>\n          <div class=\"articleContent\" v-if=\"detail.type === 'pdf'\">\n            <div id=\"dfCnt\"></div>\n          </div>\n          <div class=\"articleContent image\" v-else-if=\"detail.type === 'image'\">\n            <div class=\"theImg\" :style=\"{'background-image': `url(${detail.imageMd})`}\"\n              v-on:click=\"previewImgObject\"></div>\n          </div>\n          <div class=\"articleContent image gallery\" v-else-if=\"detail.type === 'gallery'\">\n            <div class=\"theImg\" :style=\"{'background-image':\n              `url(${detail.gallery[gi].imageMd})`}\" v-on:click=\"previewImgObject\"></div>\n            <div class=\"galleryNav p\" v-if=\"gi > 0\"\n              v-on:click.stop=\"gi -= 1\"></div>\n            <div class=\"galleryNav n\" v-if=\"gi < detail.gallery.length - 1\"\n              v-on:click.stop=\"gi += 1\"></div>\n            <div class=\"galleryPager\" v-on:click.stop=\"doNothing\">\n              <div class=\"pagerItem\" v-for=\"(item, i) in detail.gallery\" :key=\"i\"\n                v-on:click.stop=\"gi = i\"\n                :class=\"{active: i === gi}\"></div>\n            </div>\n            <div class=\"downloadCnt\">\n              <a :href=\"detail.gallery[gi].imageLg\" target=\"_blank\" download\n                class=\"btn download\" v-on:click=\"download\">Download</a>\n              <button class=\"btn openSlide\" v-on:click=\"previewImgObject\"></button>\n            </div>\n          </div>\n          <div class=\"articleContent video\" v-else-if=\"detail.type === 'video'\">\n            <VuePlyr ref=\"video\" :options=\"{ hideControls: false }\">\n              <video></video>\n            </VuePlyr>\n          </div>\n          <div class=\"articleContent audio\" v-else-if=\"detail.type === 'audio'\">\n            <VuePlyr ref=\"audio\" :options=\"{ hideControls: false }\">\n              <video></video>\n            </VuePlyr>\n          </div>\n          <div class=\"articleContent html\" v-else-if=\"detail.type === 'html'\"\n            v-html=\"detail.htmlContent.html\"></div>\n          <div class=\"articleContent video youtube\" v-else-if=\"detail.type === 'youtube'\">\n            <iframe :src=\"detail.embedUri\" frameborder=\"0\"\n              allow=\"accelerometer; autoplay; clipboard-write; encrypted-media;\n              gyroscope; picture-in-picture\" allowfullscreen></iframe>\n          </div>\n        </div>\n        <div class=\"allContentCnt\" v-if=\"related && related.length > 0\">\n          <h2 class=\"sectionTitle\" v-if=\"detail.category.slug === 'amagram'\n            || detail.category.slug === 'leaders-newsletter'\n            || detail.category.slug === 'amagram-internal'\n            || detail.category.slug === 'bulletin'\">Lihat edisi lainya\n            <a :href=\"`/${detail.category.slug}/edition/${detail.publishYear}`\"\n              v-if=\"detail\">\n              Lihat semua edisi {{detail.publishYear}}</a>\n          </h2>\n          <h2 class=\"sectionTitle\" v-else>Konten Terkait</h2>\n          <div class=\"allContent\">\n            <div class=\"contentSc artc\">\n              <div class=\"contentCnt\">\n                <div class=\"contentItem artc\" v-for=\"(item, index) in related\" :key=\"index\"\n                  :class=\"item.type\">\n                  <div :class=\"{contentImg: true, shortImg: item.publishYear < 2018}\">\n                    <a :href=\"`/${item.category.slug}/${item.slug}?u=${uuid}`\"\n                      class=\"lnk\">\n                      <img :src=\"item.thumb\" class=\"theImg\" v-if=\"item.thumb\">\n                      <div class=\"theImg noImg\" v-else></div>\n                    </a>\n                  </div>\n                  <div class=\"contentInfo\">\n                    <div class=\"category\">\n                      <a :href=\"`/${item.category.slug}?u=${uuid}`\">{{item.category.name}}</a>\n                    </div>\n                    <h4><a :href=\"`/${item.category.slug}/${item.slug}?u=${uuid}`\">\n                        {{item.title | substr(65, '...')}}\n                    </a></h4>\n                    <div class=\"date\">\n                      <a :href=\"`/${item.category.slug}/${item.slug}?u=${uuid}`\">\n                        {{item.viewCountStr}} views &bull;\n                        {{item.publishDate | moment('MMM YYYY')}}\n                      </a>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"preview\" v-if=\"detail.status === 'pending'\">\n        This is a preview, content will be published at\n        <b>{{detail.publishDate | moment('dddd, D MMM YYYY HH:mm')}}</b></div>\n    </div>\n    <ShareDialog ref=\"shareDialog\"/>\n    <EmbedDialog ref=\"embedDialog\"/>\n    <DownloadSelector ref=\"downloadSelector\"/>\n  </section>\n</template>\n\n<script>\nimport VuePlyr from 'vue-plyr';\nimport 'vue-plyr/dist/vue-plyr.css';\n\n// import { api as viewerApi } from 'v-viewer';\n// import 'viewerjs/dist/viewer.css';\n\nimport SkAnimtaion from '@/components/SkAnimtaion.vue';\nimport Header from '@/components/Header.vue';\nimport ShareDialog from '@/components/ShareDialog.vue';\nimport EmbedDialog from '@/components/EmbedDialog.vue';\nimport DownloadSelector from '@/components/DownloadSelector.vue';\n\nexport default {\n  name: 'read',\n  components: {\n    SkAnimtaion,\n    Header,\n    ShareDialog,\n    VuePlyr,\n    EmbedDialog,\n    DownloadSelector,\n  },\n  data() {\n    return {\n      loading: true,\n      detail: null,\n      qrString: null,\n      loadingQr: true,\n      qrError: false,\n      related: [],\n      sessionId: '',\n      category: null,\n      currentPage: 1,\n      inPage: true,\n      singingAl: true,\n      moreOpen: false,\n      uuid: '',\n      pwd: '',\n      gi: 0,\n      loadingDownload: false,\n\n      levelMeet: false,\n    };\n  },\n  methods: {\n    doNothing() {},\n    openLogin() {\n      this.$refs.header.openLogin();\n    },\n    sectionClicked() {\n      this.moreOpen = false;\n    },\n    embed() {\n      this.moreOpen = false;\n      this.$refs.embedDialog.open(this.detail);\n    },\n    share() {\n      this.moreOpen = false;\n      this.$refs.shareDialog.open(this.detail, {\n        page: this.currentPage,\n        session: this.sessionId,\n      });\n    },\n    previewImgObject() {\n      // const viewerOptions = {\n      //   url: 'imageLg',\n      //   title: false,\n      //   movable: false,\n      //   zoomOnWheel: false,\n      //   slideOnTouch: true,\n      // };\n      // if (this.detail.type === 'gallery') {\n      //   viewerApi({\n      //     options: viewerOptions,\n      //     images: this.detail.gallery,\n      //   });\n      // } else {\n      //   viewerApi({\n      //     options: viewerOptions,\n      //     images: [detail.imageMd],\n      //   });\n      // }\n    },\n    downloadGallery() {\n      if (this.loadingDownload) return;\n      this.loadingDownload = true;\n      this.$http.get(this.$config.uri(`content/${this.detail.id}/download/gallery`)).then((r) => {\n        const link = document.createElement('a');\n        link.setAttribute('download', '');\n        link.href = r.data.fileUri;\n        document.body.appendChild(link);\n        link.click();\n        link.remove();\n        this.loadingDownload = false;\n      });\n    },\n    download() {\n      this.moreOpen = false;\n      if (this.detail.type === 'video') {\n        this.$refs.downloadSelector.open(this.detail, this.sessionId);\n        return;\n      }\n      const alUri = `content/${this.detail.id}/download?session=${this.sessionId}&page=${this.currentPage}`;\n      this.$http.get(this.$config.uri(alUri)).then(() => {});\n    },\n    getData() {\n      this.loading = true;\n      const key = (this.$route.query.key) ? `&key=${this.$route.query.key}` : '';\n      const detailUri = `content/${this.$route.params.slug}?session=${this.sessionId}${key}`\n        + `&pkey=${this.$route.query.pkey}&pwd=${this.pwd}`;\n      this.$http.get(this.$config.uri(detailUri)).then((r) => {\n        this.detail = (r.data.status === 200) ? r.data.data : null;\n        document.body.scrollTop = 0;\n        document.documentElement.scrollTop = 0;\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.sessionId = r.data.session;\n        this.category = (this.detail && this.detail.category) ? this.detail.category : null;\n        sessionStorage.setItem('sessionId', this.sessionId);\n        const relatedUri = `content/all?parentId=${this.detail.category.id}&related=${this.detail.id}&limit=5`;\n        this.$http.get(this.$config.uri(relatedUri)).then((rr) => {\n          this.related = (rr.data.status === 200) ? rr.data.data : null;\n          this.loading = false;\n        });\n        if (this.detail.type === 'pdf') {\n          setTimeout(() => {\n            let heightOff = 0;\n            const winWidth = $(window).width();\n            if (winWidth > 980) heightOff = 183;\n            else heightOff = 165;\n            const fbH = $(window).height() - heightOff;\n            $('#dfCnt').flipBook(this.detail.pdf, {\n              backgroundColor: '#ede6d4',\n              scrollWheel: false,\n              height: fbH,\n              hideControls: 'share,download',\n              onFlip: (fb) => {\n                this.currentPage = fb.currentPage();\n                const alUri = `content/${this.detail.id}/al?session=${this.sessionId}`\n                  + `&page=${this.currentPage}&uuid=${this.uuid}`;\n                this.$http.post(this.$config.uri(alUri), {\n                  city: this.city,\n                  country: this.country,\n                }).then(() => {});\n              },\n              onReady: (fb) => {\n                if (this.$route.query.p) {\n                  setTimeout(() => {\n                    fb.gotoPage(this.$route.query.p);\n                  }, 1200);\n                }\n                this.city = localStorage.getItem('city');\n                this.country = localStorage.getItem('country');\n                if (!this.city || this.city === 'null') {\n                  this.$http.get('https://ipinfo.io?token=c698cbf39a7613').then((rrr) => {\n                    this.city = rrr.data.city;\n                    this.country = rrr.data.country;\n                    localStorage.setItem('city', this.city);\n                    localStorage.setItem('country', this.country);\n                    this.signAnalytic();\n                  });\n                } else {\n                  this.signAnalytic();\n                }\n              },\n            });\n          }, 500);\n        } else if (this.detail.type === 'video') {\n          const src = [];\n          if (this.detail.vid1080p) src.push({ src: this.detail.vid1080p, type: 'video/mp4', size: 1080 });\n          if (this.detail.vid720p) src.push({ src: this.detail.vid720p, type: 'video/mp4', size: 720 });\n          if (this.detail.vid480p) src.push({ src: this.detail.vid480p, type: 'video/mp4', size: 480 });\n          if (this.detail.vid360p) src.push({ src: this.detail.vid360p, type: 'video/mp4', size: 360 });\n          setTimeout(() => {\n            const v = this.$refs.video.player;\n            v.source = { type: 'video', title: this.detail.title, sources: src };\n            v.play();\n          });\n        } else if (this.detail.type === 'audio') {\n          const src = [{ src: this.detail.audio, type: this.detail.mimetype }];\n          setTimeout(() => {\n            const v = this.$refs.audio.player;\n            v.source = { type: 'audio', title: this.detail.title, sources: src };\n            v.play();\n          });\n        }\n      });\n    },\n    signAnalytic() {\n      if (!this.inPage) {\n        this.singingAl = false;\n        return;\n      }\n      this.singingAl = true;\n      const alUri = `content/${this.detail.id}/al?session=${this.sessionId}`\n        + `&page=${this.currentPage}&uuid=${this.uuid}`;\n      this.$http.post(this.$config.uri(alUri), {\n        city: this.city,\n        country: this.country,\n      }).then((r) => {\n        setTimeout(() => {\n          this.singingAl = false;\n          this.signAnalytic();\n        }, 5000);\n      });\n    },\n    windowFocused() {\n      this.inPage = true;\n      if (!this.singingAl) this.signAnalytic();\n    },\n    windowBlured() {\n      this.inPage = false;\n    },\n  },\n  created() {\n    window.addEventListener('focus', this.windowFocused);\n    window.addEventListener('blur', this.windowBlured);\n  },\n  destroyed() {\n    window.removeEventListener('focus', this.windowFocused);\n    window.removeEventListener('blur', this.windowBlured);\n  },\n  beforeDestroy() {\n    this.inPage = false;\n  },\n  mounted() {\n    this.inPage = true;\n    document.body.scrollTop = 0;\n    document.documentElement.scrollTop = 0;\n    document.title = `Loading Content - ${this.$config.appName}`;\n    this.uuid = this.$route.query.u || '';\n    this.sessionId = sessionStorage.getItem('sessionId') || '';\n    this.getData();\n\n    const level = this.$session.get('am_ct_hub_level');\n    this.levelMeet = ['Platinum', 'Silver Producer', 'SilverProducer'].includes(level);\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.preview{\n  position: fixed;\n  z-index: 991;\n  left: 0; right: 0; bottom: 0;\n  padding: 10px 0;\n  text-align: center;\n  background-color: yellow;\n  color: #222;\n}\n.needLogin{\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  position: relative;\n  z-index: 3;\n  font-family: 'Hind Siliguri', sans-serif;\n  color: #444;\n  background-color: #fff;\n  padding: 0 20px;\n  .needLoginBg{\n    position: absolute;\n    left: 0; top: 0; right: 0; bottom: 0;\n    background-size: cover;\n    opacity: .54;\n    display: none;\n  }\n  .needLoginIn{\n    position: relative;\n    z-index: 3;\n    img{\n      margin: 0 0 30px;\n      opacity: .85;\n      height: 160px;\n      @media (max-width: 640px) {\n        height: 146px;\n      }\n    }\n    h2{\n      font-weight: 600;\n      font-size: 28px;\n      margin: 0 0 6px;\n      @media (max-width: 640px) {\n        font-size: 26px;\n      }\n    }\n    p{\n      margin: 0 auto 26px;\n      font-size: 16px;\n      max-width: 420px;\n      line-height: 1.4;\n    }\n    button{\n      background-color: #002f5f;\n      padding: 0 24px;\n      height: 42px;\n      font-size: 18px;\n      border-radius: 50px;\n      color: #fff;\n      border: none;\n      font-weight: 600;\n      outline: 0;\n      cursor: pointer;\n      transition: all .3s ease;\n      font-family: 'Hind Siliguri', sans-serif;\n      &:hover{\n        background-color: #004c9a;\n        box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);\n      }\n    }\n  }\n}\n#dfCnt{\n  height: calc(100vh - 183px);\n  background-color: #f5f5f5;\n  @media (max-width: 980px) {\n    height: calc(100vh - 164px);\n  }\n}\n.articleContent{\n  &.html{\n    // max-width: 1180px;\n    // margin: 0 auto;\n    overflow: hidden;\n  }\n  &.image{\n    height: 640px;\n    position: relative;\n    background-color: #444;\n    min-height: calc(80vh);\n    @media (max-width: 680px) {\n      min-height: 0;\n    }\n    .theImg{\n      position: absolute;\n      left: 40px; top: 40px; right: 40px; bottom: 40px;\n      background-position: center;\n      background-size: contain;\n      background-repeat: no-repeat;\n      cursor: pointer;\n    }\n    &.gallery{\n      .theImg{\n        bottom: 80px;\n      }\n      .downloadCnt{\n        position: absolute;\n        left: 0; right: 0; bottom: 10px;\n        text-align: center;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 4;\n        .btn{\n          border: none;\n          background-color: transparent;\n          color: #fff;\n          height: 40px;\n          transition: all .3s ease;\n          border-radius: 50px;\n          margin: 0 4px;\n          display: inline-block;\n          font-weight: normal;\n          font-size: 15px;\n          outline: 0;\n          &:hover{\n            background-color: #222;\n          }\n          &.download{\n            padding: 0 20px;\n            line-height: 40px;\n            padding-left: 54px;\n            position: relative;\n            background-color: #333;\n            &:hover{\n              background-color: #222;\n            }\n            &:before{\n              content: \"\";\n              position: absolute;\n              left: 20px; top: 7px;\n              width: 20px; height: 20px;\n              background-size: 20px auto;\n              background-position: center;\n              background-repeat: no-repeat;\n              background-image: url(../assets/download-white.png);\n            }\n          }\n          &.openSlide{\n            width: 40px;\n            background-size: 28px auto;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-image: url(../assets/maximize-white.png);\n          }\n        }\n      }\n    }\n    .galleryNav{\n      position: absolute;\n      top: 50%;\n      width: 30px; height: 30px;\n      background-color: #fff;\n      background-size: 12px auto;\n      background-position: center;\n      background-repeat: no-repeat;\n      margin-top: -15px;\n      border-radius: 50%;\n      opacity: .65;\n      cursor: pointer;\n      transition: all .3s ease;\n      z-index: 3;\n      &:hover{\n        opacity: 1;\n      }\n      &.p{\n        left: 30px;\n        background-image: url(../assets/left-arrow.png);\n        @media (max-width: 680px) {\n          left: 15px;\n        }\n      }\n      &.n{\n        right: 30px;\n        background-image: url(../assets/right-arrow.png);\n        @media (max-width: 680px) {\n          right: 15px;\n        }\n      }\n    }\n    .galleryPager{\n      position: absolute;\n      bottom: 60px;\n      display: flex;\n      left: 0; right: 0;\n      justify-content: center;\n      .pagerItem{\n        width: 8px; height: 8px;\n        background-color: #ccc;\n        border-radius: 50%;\n        margin: 0 2px;\n        cursor: pointer;\n        &.active{\n          background-color: #0057d8;\n        }\n      }\n    }\n  }\n  &.video{\n    height: 640px;\n    position: relative;\n    background-color: #000;\n    @media (max-width: 1200px) {\n      height: 60vw;\n    }\n    &.youtube{\n      iframe{\n        width: 100%; height: 100%;\n      }\n    }\n  }\n  &.audio{\n    border: #eee 1px solid;\n    max-width: 1180px;\n    margin: 0 auto;\n    @media (max-width: 1300px) {\n      max-width: 1140px;\n    }\n    @media (max-width: 1220px) {\n      margin: 0 20px;\n    }\n    @media (max-width: 680px) {\n      margin: 0 16px;\n    }\n  }\n}\n.sectionTitle{\n  font-size: 32px;\n  line-height: 1.3;\n  margin: 0 auto 10px;\n  max-width: 1180px;\n  a{\n    font-size: 17px;\n    font-weight: 600;\n    display: inline-block;\n    border: #002f5f 1px solid;\n    padding: 6px 10px 5px;\n    border-radius: 2px;\n    margin-top: 0px;\n    float: right;\n    transition: all .3s ease;\n    &:hover{\n      background-color: #002f5f;\n      color: #fff;\n      box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\n    }\n  }\n  @media (max-width: 1300px) {\n    max-width: 1140px;\n  }\n  @media (max-width: 1220px) {\n    margin: 0 20px 10px;\n  }\n  @media (max-width: 680px) {\n    margin: 0 16px 10px;\n    font-size: 20px;\n  }\n}\n.allContentCnt{\n  padding-top: 40px;\n  padding-bottom: 20px;\n  .allContent{\n    max-width: 1180px;\n    margin: 0 auto;\n    @media (max-width: 1300px) {\n      max-width: 1140px;\n    }\n    @media (max-width: 1220px) {\n      margin: 0 20px;\n    }\n    @media (max-width: 680px) {\n      margin: 0 16px;\n    }\n    .contentCnt{\n      display: flex;\n      flex-wrap: wrap;\n      margin: 0 -10px;\n      @media (max-width: 680px) {\n        margin: 0 -8px;\n      }\n    }\n    .contentItem{\n      width: calc(20% - 20px);\n      margin: 0 10px 40px;\n      @media (max-width: 680px) {\n        width: calc(50% - 16px);\n        margin: 0 8px 40px;\n      }\n      a{\n        color: #444;\n        text-decoration: none;\n      }\n      .contentImg{\n        // height: 400px;\n        border-radius: 2px;\n        margin-bottom: 14px;\n        position: relative;\n        overflow: hidden;\n        @media (max-width: 1300px) {\n          // height: 380px;\n        }\n        @media (max-width: 1220px) {\n          // height: 32vw;\n        }\n        @media (max-width: 680px) {\n          // height: 78vw;\n        }\n        &.shortImg{\n          // height: 300px;\n          @media (max-width: 1300px) {\n            // height: 280px;\n          }\n          @media (max-width: 1220px) {\n            // height: 22vw;\n          }\n          @media (max-width: 680px) {\n            // height: 68vw;\n          }\n        }\n        .theImg{\n          // position: absolute;\n          // top: -2px; right: -2px; bottom: -2px; left: -2px;\n          width: 100%;\n          height: auto;\n          background-position: center;\n          background-size: cover;\n          background-color: #f5f5f5;\n          &.noImg{\n            background-color: #ccc;\n            background-image: url(../assets/image-white.png) !important;\n            background-position: center;\n            background-size: 64px auto;\n            background-repeat: no-repeat;\n            height: 200px;\n          }\n          .lnk{\n            position: absolute;\n            left: 0; top: 0; right: 0; bottom: 0;\n            z-index: 2;\n          }\n        }\n      }\n      .contentInfo{\n        position: relative;\n        padding: 0 40px 0 5px;\n        .contentLove{\n          width: 36px; height: 36px;\n          border-radius: 4px;\n          position: absolute;\n          right: 0; top: 0;\n          background-image: url(../assets/heart.png);\n          background-size: 26px auto;\n          background-position: center;\n          background-repeat: no-repeat;\n          opacity: .7;\n          cursor: pointer;\n          &:hover{\n            // background-color: #fff1f1;\n            opacity: 1;\n          }\n          &.favorited{\n            opacity: 1;\n            background-image: url(../assets/heart-loved.png);\n          }\n          &.animating{\n            opacity: 1;\n            animation-name: heartAnimation;\n            animation-duration: .3s;\n          }\n          &.animating2{\n            animation-name: heartAnimation2;\n            animation-duration: .3s;\n          }\n        }\n        .category{\n          text-transform: uppercase;\n          color: #767676;\n          font-size: 12px;\n          font-weight: bold;\n          a{\n            color: #767676;\n          }\n        }\n        h4{\n          margin: 3px 0 6px;\n          font-size: 18px;\n          line-height: 1.2;\n          @media (max-width: 1340px) {\n            font-size: 17px;\n          }\n        }\n        .date{\n          margin-top: 4px;\n          font-size: 14px;\n          color: #767676;\n          a{\n            color: #767676;\n          }\n        }\n      }\n      &.audio{\n        .contentImg{\n          .theImg.noImg{\n            background-image: url(../assets/musical-note.png) !important;\n            background-color: #d9d6e4;\n          }\n        }\n      }\n    }\n  }\n}\n\n\n  .articleDetail{\n    padding: 12px 0 0;\n    .articleHeader{\n      display: flex;\n      max-width: 1180px;\n      margin: 0 auto;\n      padding-bottom: 20px;\n      position: relative;\n      @media (max-width: 1300px) {\n        max-width: 1140px;\n      }\n      @media (max-width: 1220px) {\n        margin: 0 20px;\n      }\n      @media (max-width: 680px) {\n        margin: 0 16px;\n        display: block;\n        padding-bottom: 8px;\n      }\n      .ahL{\n        margin-right: auto;\n        .breadcrumb{\n          font-size: 14px;\n          white-space: nowrap;\n          @media (max-width: 980px){\n            display: none;\n          }\n          .bc{\n            color: #444;\n            margin-right: 10px;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            max-width: 160px;\n          }\n          a.bc{\n            color: #002f5f;\n          }\n          .dv{\n            margin-right: 10px;\n            color: #ccc;\n          }\n        }\n        .articleTitle{\n          font-size: 30px;\n          margin: 10px 0 0;\n          @media (max-width: 680px) {\n            font-size: 22px;\n            margin: 0 0 2px;\n          }\n        }\n        .publishTime{\n          @media (max-width: 680px) {\n            font-size: 14px;\n          }\n          .bull{\n            margin: 0 12px 0 10px;\n            color: #999;\n          }\n          .category{\n            text-transform: uppercase;\n            font-weight: 500;\n            color: #555;\n          }\n        }\n      }\n      .ahR{\n        display: flex;\n        align-items: center;\n        @media (max-width: 680px) {\n          margin: 10px 0 4px;\n        }\n        .articleAction{\n          margin-left: 10px;\n          position: relative;\n          padding: 10px 16px 8px;\n          padding-left: 46px;\n          border-radius: 50px;\n          cursor: pointer;\n          transition: all .3s ease;\n          background-color: #fff;\n          border: #fff 1px solid;\n          color: #444;\n          white-space: nowrap;\n          @media (max-width: 680px) {\n            font-size: 15px;\n            margin: 0;\n            // margin-right: 10px;\n            padding: 7px 14px 6px 34px;\n          }\n          &:hover{\n            background-color: #eee;\n          }\n          &:before{\n            width: 16px; height: 16px;\n            content: \"\";\n            position: absolute;\n            left: 16px; top: 12px;\n            background-size: contain;\n            background-position: center;\n            background-repeat: no-repeat;\n            @media (max-width: 680px) {\n              width: 14px; height: 14px;\n              top: 9px; left: 10px;\n            }\n          }\n          &.embed{\n            &:before{\n              background-image: url(../assets/coding.png);\n            }\n            @media (max-width: 920px) {\n              display: none;\n            }\n            @media (max-width: 680px) {\n              // display: block;\n            }\n          }\n          &.share{\n            &:before{\n              background-image: url(../assets/share.png);\n            }\n            @media (max-width: 920px) {\n              display: none;\n            }\n            @media (max-width: 680px) {\n              display: block;\n            }\n          }\n          &.download{\n            &:before{\n              background-image: url(../assets/download-icon.png);\n            }\n            @media (max-width: 920px) {\n              display: none;\n            }\n            @media (max-width: 680px) {\n              display: block;\n            }\n          }\n          &.views{\n            &:before{\n              background-image: url(../assets/eye.png);\n            }\n            @media (max-width: 920px) {\n              display: none;\n            }\n            @media (max-width: 680px) {\n              display: block;\n            }\n          }\n          &.loading{\n            &:before{\n              background-image: url(../assets/loading.svg);\n              width: 26px; height: 26px;\n              left: 12px; top: 7px;\n              @media (max-width: 680px) {\n                width: 22px; height: 22px;\n                left: 6px; top: 5px;\n              }\n            }\n          }\n          &.moreBtn{\n            &:before{\n              background-image: url(../assets/more-veritcal.png);\n            }\n          }\n          &.buyNow{\n            padding-left: 42px;\n            background-color: #002f5f;\n            border-color: #002f5f;\n            color: #fff;\n            @media (max-width: 680px) {\n              padding-left: 34px;\n            }\n            &:hover{\n              background-color: #014b96;\n              border-color: #014b96;\n            }\n            &:before{\n              width: 20px; height: 20px;\n              top: 8px;\n              background-image: url(../assets/bag-white.png);\n              @media (max-width: 680px) {\n                width: 18px; height: 18px;\n                top: 6px;\n              }\n            }\n          }\n        }\n        .moreCnt{\n          position: relative;\n          display: none;\n          @media (max-width: 920px) {\n            display: block;\n          }\n          @media (max-width: 680px) {\n            display: none;\n          }\n          .moreMenu{\n            position: absolute;\n            right: 0; top: 100%;\n            z-index: 9;\n            background-color: #fff;\n            padding: 10px 0;\n            border-radius: 5px;\n            box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);\n            .articleAction{\n              position: relative;\n              padding: 10px 36px;\n              font-size: 16px;\n              white-space: nowrap;\n              padding-left: 58px;\n              display: block;\n              margin: 0;\n              border-radius: 0;\n              border: none;\n              &:hover{\n                background-color: #eee;\n              }\n              &:before{\n                width: 18px; height: 18px;\n                content: \"\";\n                position: absolute;\n                left: 24px; top: 10px;\n                background-size: contain;\n                background-position: center;\n                background-repeat: no-repeat;\n                @media (max-width: 680px) {\n                  width: 16px;\n                  top: 5px;\n                }\n              }\n              &.embed{\n                &:before{\n                  background-image: url(../assets/coding.png);\n                }\n              }\n              &.share{\n                &:before{\n                  background-image: url(../assets/share.png);\n                }\n              }\n              &.download{\n                &:before{\n                  background-image: url(../assets/download-icon.png);\n                }\n              }\n              &.views{\n                &:before{\n                  background-image: url(../assets/eye.png);\n                }\n              }\n              &.loading{\n                &:before{\n                  background-image: url(../assets/loading.svg);\n                  width: 26px; height: 26px;\n                  left: 20px; top: 7px;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n</style>\n\n<style scoped lang=\"scss\">\n.protected{\n  padding: 200px 0;\n  text-align: center;\n  background-color: #f5f5f5;\n  img{\n    opacity: .8;\n    margin-bottom: 20px;\n    height: 84px;\n    opacity: .75;\n  }\n  h4{\n    margin: 0 0 2px;\n  }\n  p{\n    color: #767676;\n    margin: 0;\n  }\n  .inputCnt{\n    margin-top: 16px;\n    position: relative;\n    display: inline-block;\n    width: 300px;\n    .privateIcon{\n      position: absolute;\n      left: 8px; top: 8px;\n      width: 30px; height: 30px;\n      background-image: url(../assets/private.png);\n      background-size: 20px auto;\n      background-position: center;\n      background-repeat: no-repeat;\n      opacity: .3;\n    }\n    button{\n      position: absolute;\n      width: 40px; height: 40px;\n      border: none;\n      border-radius: 50%;\n      right: 4px; top: 4px;\n      transition: all .3s ease;\n      background-image: url(../assets/arrow-right-bold.png);\n      background-size: 20px auto;\n      background-position: center;\n      background-repeat: no-repeat;\n      background-color: #fff;\n      opacity: .6;\n      &:hover{\n        background-color: #eee;\n        opacity: 1;\n      }\n    }\n    input{\n      border-radius: 5px;\n      border: #ccc 1px solid;\n      padding: 10px 20px;\n      text-align: center;\n      font-size: 20px;\n      width: 100%;\n      box-sizing: border-box;\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=ad1e2a78&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&lang=scss&\"\nimport style1 from \"./Read.vue?vue&type=style&index=1&id=ad1e2a78&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  \"ad1e2a78\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar $includes = require('../internals/array-includes').includes;\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.includes` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\n$({ target: 'Array', proto: true }, {\n  includes: function includes(el /* , fromIndex = 0 */) {\n    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('includes');\n","module.exports = __webpack_public_path__ + \"img/padlock.a773ff74.png\";","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!./EmbedDialog.vue?vue&type=style&index=0&id=5aa17ee2&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!./EmbedDialog.vue?vue&type=style&index=0&id=5aa17ee2&scoped=true&lang=scss&\""],"sourceRoot":""}