{"version":3,"sources":["webpack:///src/components/loader/ImageSkeleton.vue","webpack:///src/views/whitetest/VideoThumbnail.vue","webpack:///src/views/whitetest/components/Header.vue","webpack:///./src/components/loader/ImageSkeleton.vue?a6d0","webpack:///./src/views/whitetest/VideoThumbnail.vue?e686","webpack:///./src/views/whitetest/components/Header.vue?7b8f","webpack:///./src/views/whitetest/VideoThumbnail.vue?8ab5","webpack:///./src/views/whitetest/VideoThumbnail.vue?34b5","webpack:///./src/assets/images/history_arrow.png","webpack:///./src/components/loader/ImageSkeleton.vue","webpack:///./src/components/loader/ImageSkeleton.vue?eb7b","webpack:///./src/components/loader/ImageSkeleton.vue?2200","webpack:///./src/views/whitetest/VideoThumbnail.vue","webpack:///./src/views/whitetest/VideoThumbnail.vue?3468","webpack:///./src/views/whitetest/VideoThumbnail.vue?80ed","webpack:///./src/views/whitetest/VideoThumbnail.vue?ebbf","webpack:///./src/views/whitetest/components/Header.vue","webpack:///./src/views/whitetest/components/Header.vue?a46e","webpack:///./src/views/whitetest/components/Header.vue?381f"],"names":["props","loaderCount","width","height","components","mixins","data","ImageSkeleton","Header","player","players","playerOptions","autoplay","streamList","activeStreamList","streamingUrlList","streamingUrlLoading","streamingCount","thumbnailImageList","imgLoaders","makingThumbnail","imgList","watch","setTimeout","video","created","mounted","methods","then","createPlayer","src","type","onLoad","fetchVideo","buildVideoPlayer","createThumb","ctx","img","c","document","title","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAc4B;AACb;EACfA;IACAC;IACAC;IACAC;EACA;EACAC,aAEA;EACAC;EACAC,cAEA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACwF2B;AACQ;AACL;AACf;AACc;AACoC;AACrB;AAE9B;EACfF;IACAG;IAAAC;EACA;EACAH;EACAC;IACAG;IACAC;IACAC;MACAC;IACA;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAC;IACAF;MACA;QACAG;UACA;YACA;cAEA;cACA;cACA;cAEA;cACA;;cAEA;cACA;cACA;;cAEAC;YACA;UACA;QACA;MACA;IACA;EACA;EACAC;IACA;MACA;IACA;EACA;EACAC;IACA;IACA;;IAEA;IACA;IACA;IACA;IACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACAC;IACA;MACA;MACA;MACA,4DACAC;QAEA;QACA;UACA;QACA;MACA,mBAEA;IACA;IACA;MACA;MACA;MACA;QAEA;QACA;QACA;QACA;UACA;UACA;QACA;MACA;QACA;UACA;UACA;QACA;MACA;IACA;IACAC;MAEA;MACA;QACA;UACAC;UACAC;QACA;MACA;MACA;IACA;IACAC;MAEA;IACA;IAEAC;MACA;QACA;UACA;UACAH;UACAC;QACA;MACA;MACA;IACA;IACAG;MACA;MACA;MACA;MACA;MACA;MACA;MAEA;QACA;;QAGA;;QAEA;QACA;QACA;MACA;MAEAV;QACAD;UACA;UACA;UACA;QACA;MACA;IACA;IACAY;MACA;QAAA;QACAC;QAAA;QACAC;MACAC;MACAA;MACAF;MACA;IACA;IACA;MACA;MACA;MACAG;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/Q2B;AACb;EACfvC;IACAwC;MAAAT;MAAAU;IAAA;EACA;EACArC,aAEA;EACAC;EACAC,cAEA;AACA,CAAC,E;;;;;;;;;;;;ACtCD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,8BAA8B,EAAE;AACxE;AACA;AACA;AACA,SAAS,mCAAmC,kBAAkB,EAAE;AAChE;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,6BAA6B;AACnD,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACzCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,YAAY,EAAE;AACtD;AACA,oBAAoB,SAAS,8BAA8B,EAAE;AAC7D;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,sBAAsB,oCAAoC;AAC1D,aAAa;AACb;AACA;AACA;AACA,iBAAiB,mCAAmC,kBAAkB,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,wCAAwC,oBAAoB;AAC5D,kCAAkC,kCAAkC;AACpE,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,gCAAgC;AAC1E,oCAAoC,uBAAuB;AAC3D;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,wCAAwC,oBAAoB;AAC5D,kCAAkC,kCAAkC;AACpE,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,gCAAgC;AAC1E,oCAAoC,uBAAuB;AAC3D;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,wCAAwC,oBAAoB;AAC5D,kCAAkC,kCAAkC;AACpE,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,gCAAgC;AAC1E,oCAAoC,uBAAuB;AAC3D;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,wCAAwC,oBAAoB;AAC5D,kCAAkC,kCAAkC;AACpE,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,gCAAgC;AAC1E,oCAAoC,uBAAuB;AAC3D,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,wCAAwC,oBAAoB;AAC5D,kCAAkC,kCAAkC;AACpE,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,gCAAgC;AAC1E,oCAAoC,uBAAuB;AAC3D,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,wCAAwC,oBAAoB;AAC5D,kCAAkC,kCAAkC;AACpE,yBAAyB;AACzB;AACA;AACA;AACA,0CAA0C,gCAAgC;AAC1E,oCAAoC,uBAAuB;AAC3D,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,iDAAiD;AAC/E,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,kBAAkB;AAClD,0BAA0B,kBAAkB;AAC5C,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,gCAAgC,8BAA8B;AAC9D,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,gCAAgC,8BAA8B;AAC9D,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,gCAAgC,8BAA8B;AAC9D,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,gCAAgC,8BAA8B;AAC9D,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,gCAAgC,8BAA8B;AAC9D,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,6BAA6B;AAC3D,qBAAqB;AACrB;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,gCAAgC,8BAA8B;AAC9D,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACzdA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,+BAA+B,EAAE;AACzE;AACA;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,sBAAsB,uCAAuC;AAC7D,aAAa;AACb;AACA;AACA;AACA,iBAAiB,mCAAmC,eAAe,EAAE;AACrE;AACA;AACA;AACA,qBAAqB,mCAAmC,kBAAkB,EAAE;AAC5E;AACA;AACA;AACA;AACA,wCAAwC,uBAAuB;AAC/D;AACA,iCAAiC,2CAA2C;AAC5E,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,sCAAsC,gCAAgC;AACtE,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,mBAAO,CAAC,gFAAmC;AAC1E,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA,yBAAyB,mCAAmC,eAAe,EAAE;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACrFA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,sCAAsC,8BAA8B,iBAAiB,uBAAuB,sBAAsB,GAAG,mCAAmC,uBAAuB,kBAAkB,GAAG,yCAAyC,uBAAuB,cAAc,0CAA0C,mBAAmB,sBAAsB,GAAG,iCAAiC,kBAAkB,GAAG,kCAAkC,uBAAuB,WAAW,GAAG;AAC5gB;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,4yBAAgd;AACte;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf,iCAAiC,wyB;;;;;;;;;;;;ACAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAwG;AACvC;AACL;;;AAG5D;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,mFAAM;AACR,EAAE,oGAAM;AACR,EAAE,6GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AAClD;AACA;AACqB;AACzE,oGAAiB,aAAa,uEAAI,CAAC,uEAAI,CAAC,uGAAe,CAAC;;;AAGxD;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA,wCAAsS,CAAgB,8UAAG,EAAC,C;;;;;;;;;;;;ACA1T;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAyG;AACvC;AACL;AACsC;;;AAGnG;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,oFAAM;AACR,EAAE,qGAAM;AACR,EAAE,8GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AAClD;AACM;AACN;AACqB;AACzE,oGAAiB,aAAa,uEAAI,CAAC,mFAAU,CAAC,uEAAI,CAAC,uGAAe,CAAC;;;AAGnE;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AChDf;AAAA;AAAA,wCAAuS,CAAgB,+UAAG,EAAC,C;;;;;;;;;;;;ACA3T;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiG;AACvC;AACL;;;AAGrD;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,4EAAM;AACR,EAAE,6FAAM;AACR,EAAE,sGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACrD;AACD;AACC;AACpD,oGAAiB,aAAa,uEAAI,CAAC,sEAAI,CAAC,uEAAI,CAAC;;;AAG7C;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA,wCAA2S,CAAgB,uUAAG,EAAC,C;;;;;;;;;;;;ACA/T;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/VideoThumbnailTest.js","sourcesContent":["<template>\n\t<v-col class=\"ma-0 pa-0\" cols=\"12\" align=\"center\">\n\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\tv-for=\"item in loaderCount\" :key=\"item\">\n\t\t\t\t<v-skeleton-loader :boilerplate=\"false\" elevation=\"0\" dark \n\t\t\t\t\ttype=\"image\" :width=\"width\" :height=\"height\"\n\t\t\t\t></v-skeleton-loader>\n\t\t\t</v-col>\n\t\t</v-row>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nexport default {\n\tprops: {\n\t\tloaderCount: Number,\n\t\twidth: String,\n\t\theight: String\n\t},\n\tcomponents: {\n\t\t\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\t\n\t}),\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>","<template>\n\t<v-container fluid class=\"ma-0 pa-0\">\n    <Header title=\"New Thumbnail Test\" />\n    <v-col class=\"pa-0\" id=\"main_content_maxwidthset\" cols=\"12\">\n\t\t\t<v-col class=\"ma-0 pa-5 mt-8 mb-7\" cols=\"12\" id=\"cctv_player_box\">\n\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t\t\t:class=\"{'non_display': streamingUrlList[0] == undefined || streamingUrlLoading }\">\n\t\t\t\t\t\t<v-col id=\"thumbnail_box\" class=\"ma-0 pa-0\" cols=\"12\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t\t<img id='thumbnail_img0' style=\"height:100%;width:100%;\" class=\"ma-0 pa-0\"\n\t\t\t\t\t\t\t\t@load=\"onLoad(0)\" />\n\t\t\t\t\t\t\t<v-skeleton-loader id=\"img_skeleton\" width='100%' height='13rem' :boilerplate=\"false\" elevation=\"0\" dark  type=\"image\"\n\t\t\t\t\t\t\t\tv-if=\"imgLoaders[0] == true\"></v-skeleton-loader>\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"12\" id=\"thumbnail_title_box\" align=\"left\"\n\t\t\t\t\t\t\t\tv-if=\"streamingUrlLoading == false\">\n\t\t\t\t\t\t\t\t{{ '国分寺店 外' }}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t\t\t:class=\"{'non_display': streamingUrlList[1] == undefined || streamingUrlLoading }\">\n\t\t\t\t\t\t<v-col id=\"thumbnail_box\" class=\"ma-0 pa-0\" cols=\"12\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t\t<img id='thumbnail_img1' style=\"height:100%;width:100%;\" class=\"ma-0 pa-0\" @load=\"onLoad(1)\" />\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"12\" id=\"thumbnail_title_box\" align=\"left\"\n\t\t\t\t\t\t\t\tv-if=\"streamingUrlLoading == false\">\n\t\t\t\t\t\t\t\t{{ '国分寺店 外' }}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t<v-skeleton-loader id=\"img_skeleton\" width='100%' height='13rem' :boilerplate=\"false\" elevation=\"0\" dark  type=\"image\"\n\t\t\t\t\t\t\t\tv-if=\"imgLoaders[1] == true\"></v-skeleton-loader>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t\t\t:class=\"{'non_display': streamingUrlList[2] == undefined || streamingUrlLoading }\">\n\t\t\t\t\t\t<v-col id=\"thumbnail_box\" class=\"ma-0 pa-0\" cols=\"12\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t\t<img id='thumbnail_img2' style=\"height:100%;width:100%;\" class=\"ma-0 pa-0\" @load=\"onLoad(2)\" />\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"12\" id=\"thumbnail_title_box\" align=\"left\"\n\t\t\t\t\t\t\t\tv-if=\"streamingUrlLoading == false\">\n\t\t\t\t\t\t\t\t{{ '国分寺店 外' }}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t<v-skeleton-loader id=\"img_skeleton\" width='100%' height='13rem' :boilerplate=\"false\" elevation=\"0\" dark  type=\"image\"\n\t\t\t\t\t\t\t\tv-if=\"imgLoaders[2] == true\"></v-skeleton-loader>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t\t\t:class=\"{'non_display': streamingUrlList[3] == undefined || streamingUrlLoading }\">\n\t\t\t\t\t\t<v-col id=\"thumbnail_box\" class=\"ma-0 pa-0\" cols=\"12\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t\t<img id='thumbnail_img3' style=\"height:100%;width:100%;\" class=\"ma-0 pa-0\" />\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"12\" id=\"thumbnail_title_box\" align=\"left\"\n\t\t\t\t\t\t\t\tv-if=\"streamingUrlLoading == false\">\n\t\t\t\t\t\t\t\t{{ '国分寺店 外' }}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t\t\t:class=\"{'non_display': streamingUrlList[4] == undefined || streamingUrlLoading }\">\n\t\t\t\t\t\t<v-col id=\"thumbnail_box\" class=\"ma-0 pa-0\" cols=\"12\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t\t<img id='thumbnail_img4' style=\"height:100%;width:100%;\" class=\"ma-0 pa-0\" />\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"12\" id=\"thumbnail_title_box\" align=\"left\"\n\t\t\t\t\t\t\t\tv-if=\"streamingUrlLoading == false\">\n\t\t\t\t\t\t\t\t{{ '国分寺店 外' }}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t\t\t:class=\"{'non_display': streamingUrlList[5] == undefined || streamingUrlLoading }\">\n\t\t\t\t\t\t<v-col id=\"thumbnail_box\" class=\"ma-0 pa-0\" cols=\"12\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t\t<img id='thumbnail_img5' style=\"height:100%;width:100%;\" class=\"ma-0 pa-0\" />\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"12\" id=\"thumbnail_title_box\" align=\"left\"\n\t\t\t\t\t\t\t\tv-if=\"streamingUrlLoading == false\">\n\t\t\t\t\t\t\t\t{{ '国分寺店 外' }}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-row>\n\t\t\t\t<template v-if=\"streamingUrlLoading\">\n\t\t\t\t\t<ImageSkeleton :loaderCount=\"9\" width='100%' height='10rem' />\n\t\t\t\t</template>\n\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" style=\"display:none;\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${0}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${1}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${2}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${3}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${4}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${5}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t</v-row>\n\n\t\t\t\t<!-- <v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t\t\tv-for=\"item in 6\" :key=\"item\">\n\t\t\t\t\t\t<v-col id=\"thumbnail_box\" class=\"ma-0 pa-0\" cols=\"12\" style=\"cursor: pointer;\">\n\t\t\t\t\t\t\t<v-img :ref=\"`thumbnail_img${item}`\" src=\"test\" max-height=\"13rem\" max-width=\"100%\" class=\"ma-0 pa-0\"></v-img>\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"12\" id=\"thumbnail_title_box\" align=\"left\">\n\t\t\t\t\t\t\t\t{{ '国分寺店 外' }}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-row>\n\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" style=\"display:none;\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${0}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${1}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"4\" align=\"center\"><video :ref=\"`dash-video${2}`\" :width=\"'300'\" height=250 style=\"display:none;\" class=\"video-js\"></video></v-col>\n\t\t\t\t</v-row> -->\n\n\t\t\t</v-col>\n\n\t\t\t<!-- <video :ref=\"`dash-video${0}`\" width=800 height=500 controls\n\t\t\t  class=\"video-js vjs-default-skin vjs-big-play-centered vjs-current-time vjs-control-bar\">\n\t\t\t</video>\n\t\t\t<v-col class=\"ma-0 pa-3\" cols=\"12\" align=\"left\">\n\t\t\t\t<img :ref=\"`thumbnail_img${0}`\" />\n\t\t\t</v-col> -->\n\t\t</v-col>\n\t</v-container>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport 'video.js/dist/video-js.css';\nimport videojs from 'video.js';\nimport 'dashjs';\nimport 'videojs-contrib-dash';\nimport ImageSkeleton from '@/components/loader/ImageSkeleton.vue';\nimport Header from './components/Header.vue';\n\nexport default {\n\tcomponents: {\n\t\tImageSkeleton, Header\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tplayer: null,\n\t\tplayers: [],\n\t\tplayerOptions: {\n\t\t\tautoplay: 'muted',\n\t\t},\n\t\tstreamList: [],\n    activeStreamList: [],\n\t\tstreamingUrlList: [],\n\t\tstreamingUrlLoading: false,\n\t\tstreamingCount: 0,\n\t\tthumbnailImageList: [],\n\t\timgLoaders: [],\n\t\tmakingThumbnail: true,\n    imgList: [],\n\t}),\n\twatch: {\n\t\tmakingThumbnail: function(item) {\n\t\t\tif(item == false) {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tif(this.players.length != 0) {\n\t\t\t\t\t\tfor(var i = 0; i < this.players.length; i++) {\n\t\t\t\t\t\t\tconsole.log('pause, dispose');\n\t\t\t\t\t\t\tlet video = this.$refs[`dash-video${i}`];\n\t\t\t\t\t\t\tthis.players[i].pause();\n\t\t\t\t\t\t\tthis.players[i].dispose();\n\n\t\t\t\t\t\t\tconst stream = video.srcObject;\n\t\t\t\t\t\t\t// const tracks = stream.getTracks();\n\n\t\t\t\t\t\t\t// tracks.forEach(function(track) {\n\t\t\t\t\t\t\t// \ttrack.stop();\n\t\t\t\t\t\t\t// });\n\n\t\t\t\t\t\t\tvideo.srcObject = null;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}, 10000);\n\t\t\t}\n\t\t},\n\t},\n\tcreated() {\n\t\tfor(var i = 0; i < 12; i++) {\n\t\t\tthis.imgLoaders.push(true)\n\t\t}\n\t},\n\tmounted() {\n\t\t// this.fetchVideo();\n\t\tthis.getCameraList();\n\t\tconsole.log(this.imgLoaders[0]);\n    // AWS.config.region = 'ap-southeast-1'; // Region\n    // AWS.config.credentials = new AWS.CognitoIdentityCredentials({\n    //   IdentityPoolId: 'ap-southeast-1:c555a718-3032-4135-bad7-5e3d888c860',\n    //   RoleArn: 'arn:aws:iam::509004160589:role/Cognito_UeyesStgPoolUnauth_Role'\n    // });\n\t},\n\t// beforeDestroy() {\n  //   if(this.player) {\n  //     this.player.dispose();\n  //   }\n\t// \tif(this.players.length != 0) {\n\t// \t\tfor(var i = 0; i < this.players.length -1; i++) {\n  //     \tthis.players[i].dispose();\n  //     }\n\t// \t}\n  // },\n\tmethods: {\n\t\tasync getCameraList() {\n\t\t\tthis.streamingUrlLoading = true;\n\t\t\tlet params = {};\n\t\t\tawait this.networkController.getDashboardCameraList(params)\n\t\t\t.then(async (res) => {\n\t\t\t\tconsole.log('%cDashboard Camera List\\n', \"color:#008DD0;\", res.data);\n\t\t\t\tthis.streamList = res.data;\n\t\t\t\tthis.streamList.forEach((item, index) => {\n\t\t\t\t\tthis.getStreamingUrl(item.streamName, index);\n\t\t\t\t});\n\t\t\t}).catch(error => {\n\t\t\t\t\n\t\t\t});\n\t\t},\n\t\tasync getStreamingUrl(streamName, index) {\n      this.activeStreamList = [];\n\t\t\tlet params = {};\n\t\t\tawait this.networkController.getDashStreamingUrl(params, streamName,'' , '').then(async (res) => {\n\t\t\t\tconsole.log('%cStreaming URL\\n', \"color:#008DD0;\",res.data);\n\t\t\t\tthis.streamingUrlList.push(res.data.dashstreamingSessionURL);\n        this.activeStreamList.push(streamName);\n\t\t\t\tthis.createPlayer(res.data.dashstreamingSessionURL, this.streamingCount);\n\t\t\t\tif(index == this.streamList.length - 1) {\n\t\t\t\t\tthis.streamingUrlLoading = false;\n\t\t\t\t\tthis.makingThumbnail = false;\n\t\t\t\t}\n\t\t\t}).catch(error => {\n\t\t\t\tif(index == this.streamList.length - 1) {\n\t\t\t\t\tthis.streamingUrlLoading = false;\n\t\t\t\t\tthis.makingThumbnail = false;\n\t\t\t\t}\n\t\t\t});\n\t\t},\n\t\tcreatePlayer(videoSourceUrl, streamingCount) {\n\t\t\tconsole.log(streamingCount);\n\t\t\tthis.streamingCount = this.streamingCount + 1;\n\t\t\tthis.players[streamingCount] = videojs(this.$refs[`dash-video${streamingCount}`], this.playerOptions, function onPlayerReady() {\n\t\t\t\tthis.src({\n\t\t\t\t\tsrc: `${videoSourceUrl}`,\n\t\t\t\t\ttype: 'application/dash+xml'\n\t\t\t\t});\n\t\t\t});\n\t\t\tthis.buildVideoPlayer(streamingCount);\n\t\t},\n\t\tonLoad(index) {\n\t\t\tconsole.log(index);\n\t\t\tthis.imgLoaders.splice(index, 1, false);\n\t\t},\n\n\t\tfetchVideo() {\n\t\t\tthis.players[0] = videojs(this.$refs[`dash-video${0}`], this.playerOptions, function onPlayerReady() {\n\t\t\t\tthis.src({\n\t\t\t\t\t// src: 'https://s3.amazonaws.com/_bc_dml/example-content/sintel_dash/sintel_vod.mpd',\n\t\t\t\t\tsrc: \"https://b-a0b51971.kinesisvideo.us-east-1.amazonaws.com/dash/v1/getDASHManifest.mpd?SessionToken=CiByZDQhk7g4IfPC--Q4aj1OzMCWFRa4HsJo425_sBSqiRIQFVq4cFzqBt0fmZ5NGcPcjhoZORs9FsjWlpeBA9ySVMr0EXf5TwBQUXTaEyIgUqs9stpJ2zckg670S4y2_RM0aK8knIKZWXWtmFbOsK4~\",\n\t\t\t\t\ttype: 'application/dash+xml'\n\t\t\t\t});\n\t\t\t});\n\t\t\tthis.buildVideoPlayer(0);\n\t\t},\n\t\tbuildVideoPlayer(streamingCount) {\n\t\t\tlet player = this.players[streamingCount];\n\t\t\t// let player = this.player;\n\t\t\tlet vm = this;\n\t\t\tlet video = this.$refs[`dash-video${streamingCount}`];\n\t\t\t// let img = this.$refs[`thumbnail_img${streamingCount}`];\n\t\t\tlet img = document.querySelector(`#thumbnail_img${streamingCount}`);\n\n\t\t\tthis.players[streamingCount].one(\"loadedmetadata\", async () => {\n\t\t\t\tlet duration = this.players[streamingCount].duration();\n\t\t\t\tconsole.log(`Duration of Video ${Math.floor(duration)}s`);\n\t\t\t\tconsole.log(`Original Width of Video ${this.players[streamingCount].videoWidth()}`);\n\t\t\t\t// player.currentTime(0);\n\n\t\t\t\t// setTimeout(() => {\n\t\t\t\t// \tthis.players[streamingCount].pause();\n\t\t\t\t// }, 8000);\n\t\t\t});\n\n\t\t\tvideo.addEventListener('loadeddata', async () => {\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t// const thumbUrl = this.createThumb(video, 300, 200);\n\t\t\t\t\t// img.src = thumbUrl;\n          this.getThumb(this.activeStreamList[streamingCount], streamingCount);\n\t\t\t\t}, 2000);\n\t\t\t});\n\t\t},\n\t\tcreateThumb(video, w, h) {\n\t\t\tlet c = document.createElement(\"canvas\"),    // create a canvas\n\t\t\t\tctx = c.getContext(\"2d\"),                // get context\n\t\t\t\timg = new Image();                       // final image\n\t\t\tc.width = w;                                 // set size = thumb\n\t\t\tc.height = h;\n\t\t\tctx.drawImage(video, 0, 0, w, h);            // draw in frame\n\t\t\treturn c.toDataURL();                     // convert canvas to URL\n\t\t},\n    async getThumb(streamName, index) {\n\t\t\tthis.imgList = await this.networkController.awsGetThumbnail(streamName);\n\t\t\t//imgList data값 2개, imgList[0]은 Null값\n      document.querySelector(`#thumbnail_img${index}`).src = 'data:image/png;base64,' + this.imgList[1].ImageContent;\n    },\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#cctv_player_box {\n\tbackground-color: #34363C;\n\t// border: 1px solid #707070;\n\tcolor: white;\n\tborder-radius: 5px;\n\tmin-height: 10rem;\n}\n#thumbnail_box {\n\tposition: relative;\n\theight: 13rem;\n}\n#thumbnail_title_box {\n\tposition: absolute;\n\tbottom: 0;\n\tbackground-color: rgba(0, 0, 0, 0.75);\n\tcolor: #BEBEBE;\n\tfont-size: 0.8rem;\n}\n.non_display {\n\tdisplay: none;\n}\n#img_skeleton {\n\tposition: absolute;\n\ttop: 0;\n}\n</style>","<template>\n\t<v-col class=\"ma-0 pa-0\" cols=\"12\" id=\"head_title\">\n\t\t<v-col class=\"pa-0\" cols=\"12\" id=\"main_content_minwidthset\">\n\t\t\t<v-row class=\"ma-0 pa-0 pl-3 pr-3\" align=\"center\" id=\"header_height\">\n\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\">\n\t\t\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\">\n\t\t\t\t\t\t<router-link :to=\"{ path: $routerHistory.previous().path }\"\n\t\t\t\t\t\t\tstyle=\"color:transparent;\">\n\t\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\" align=\"center\"\n\t\t\t\t\t\t\t\tstyle=\"color:#08B0FF;font-size:1rem;text-align:center;\">\n\t\t\t\t\t\t\t\t{{'UI 테스트'}}\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t\t<v-img max-height=\"50px\" max-width=\"1.5rem\" class=\"ma-0 pa-0 mr-3\"\n\t\t\t\t\t\t\tsrc=\"@/assets/images/history_arrow.png\"></v-img>\n\t\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\">\n\t\t\t\t\t\t\t{{title}}\n\t\t\t\t\t\t</v-col>\n\t\t\t\t\t</v-row>\n\t\t\t\t</v-col>\n      </v-row>\n\t\t</v-col>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nexport default {\n\tprops: {\n\t\ttitle: { type: String, default: '' }\n\t},\n\tcomponents: {\n\t\t\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\t\n\t}),\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-col\",\n    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\", align: \"center\" } },\n    [\n      _c(\n        \"v-row\",\n        { staticClass: \"ma-0 pa-0\", attrs: { align: \"center\" } },\n        _vm._l(_vm.loaderCount, function (item) {\n          return _c(\n            \"v-col\",\n            {\n              key: item,\n              staticClass: \"ma-0 pa-2\",\n              attrs: { cols: \"4\", align: \"center\" },\n            },\n            [\n              _c(\"v-skeleton-loader\", {\n                attrs: {\n                  boilerplate: false,\n                  elevation: \"0\",\n                  dark: \"\",\n                  type: \"image\",\n                  width: _vm.width,\n                  height: _vm.height,\n                },\n              }),\n            ],\n            1\n          )\n        }),\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-container\",\n    { staticClass: \"ma-0 pa-0\", attrs: { fluid: \"\" } },\n    [\n      _c(\"Header\", { attrs: { title: \"New Thumbnail Test\" } }),\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"pa-0\",\n          attrs: { id: \"main_content_maxwidthset\", cols: \"12\" },\n        },\n        [\n          _c(\n            \"v-col\",\n            {\n              staticClass: \"ma-0 pa-5 mt-8 mb-7\",\n              attrs: { cols: \"12\", id: \"cctv_player_box\" },\n            },\n            [\n              _c(\n                \"v-row\",\n                { staticClass: \"ma-0 pa-0\", attrs: { align: \"center\" } },\n                [\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      class: {\n                        non_display:\n                          _vm.streamingUrlList[0] == undefined ||\n                          _vm.streamingUrlLoading,\n                      },\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          staticStyle: { cursor: \"pointer\" },\n                          attrs: { id: \"thumbnail_box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\"img\", {\n                            staticClass: \"ma-0 pa-0\",\n                            staticStyle: { height: \"100%\", width: \"100%\" },\n                            attrs: { id: \"thumbnail_img0\" },\n                            on: {\n                              load: function ($event) {\n                                return _vm.onLoad(0)\n                              },\n                            },\n                          }),\n                          _vm.imgLoaders[0] == true\n                            ? _c(\"v-skeleton-loader\", {\n                                attrs: {\n                                  id: \"img_skeleton\",\n                                  width: \"100%\",\n                                  height: \"13rem\",\n                                  boilerplate: false,\n                                  elevation: \"0\",\n                                  dark: \"\",\n                                  type: \"image\",\n                                },\n                              })\n                            : _vm._e(),\n                          _vm.streamingUrlLoading == false\n                            ? _c(\n                                \"v-col\",\n                                {\n                                  staticClass: \"ma-0 pa-0 pl-2\",\n                                  attrs: {\n                                    cols: \"12\",\n                                    id: \"thumbnail_title_box\",\n                                    align: \"left\",\n                                  },\n                                },\n                                [_vm._v(\" \" + _vm._s(\"国分寺店 外\") + \" \")]\n                              )\n                            : _vm._e(),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      class: {\n                        non_display:\n                          _vm.streamingUrlList[1] == undefined ||\n                          _vm.streamingUrlLoading,\n                      },\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          staticStyle: { cursor: \"pointer\" },\n                          attrs: { id: \"thumbnail_box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\"img\", {\n                            staticClass: \"ma-0 pa-0\",\n                            staticStyle: { height: \"100%\", width: \"100%\" },\n                            attrs: { id: \"thumbnail_img1\" },\n                            on: {\n                              load: function ($event) {\n                                return _vm.onLoad(1)\n                              },\n                            },\n                          }),\n                          _vm.streamingUrlLoading == false\n                            ? _c(\n                                \"v-col\",\n                                {\n                                  staticClass: \"ma-0 pa-0 pl-2\",\n                                  attrs: {\n                                    cols: \"12\",\n                                    id: \"thumbnail_title_box\",\n                                    align: \"left\",\n                                  },\n                                },\n                                [_vm._v(\" \" + _vm._s(\"国分寺店 外\") + \" \")]\n                              )\n                            : _vm._e(),\n                          _vm.imgLoaders[1] == true\n                            ? _c(\"v-skeleton-loader\", {\n                                attrs: {\n                                  id: \"img_skeleton\",\n                                  width: \"100%\",\n                                  height: \"13rem\",\n                                  boilerplate: false,\n                                  elevation: \"0\",\n                                  dark: \"\",\n                                  type: \"image\",\n                                },\n                              })\n                            : _vm._e(),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      class: {\n                        non_display:\n                          _vm.streamingUrlList[2] == undefined ||\n                          _vm.streamingUrlLoading,\n                      },\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          staticStyle: { cursor: \"pointer\" },\n                          attrs: { id: \"thumbnail_box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\"img\", {\n                            staticClass: \"ma-0 pa-0\",\n                            staticStyle: { height: \"100%\", width: \"100%\" },\n                            attrs: { id: \"thumbnail_img2\" },\n                            on: {\n                              load: function ($event) {\n                                return _vm.onLoad(2)\n                              },\n                            },\n                          }),\n                          _vm.streamingUrlLoading == false\n                            ? _c(\n                                \"v-col\",\n                                {\n                                  staticClass: \"ma-0 pa-0 pl-2\",\n                                  attrs: {\n                                    cols: \"12\",\n                                    id: \"thumbnail_title_box\",\n                                    align: \"left\",\n                                  },\n                                },\n                                [_vm._v(\" \" + _vm._s(\"国分寺店 外\") + \" \")]\n                              )\n                            : _vm._e(),\n                          _vm.imgLoaders[2] == true\n                            ? _c(\"v-skeleton-loader\", {\n                                attrs: {\n                                  id: \"img_skeleton\",\n                                  width: \"100%\",\n                                  height: \"13rem\",\n                                  boilerplate: false,\n                                  elevation: \"0\",\n                                  dark: \"\",\n                                  type: \"image\",\n                                },\n                              })\n                            : _vm._e(),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      class: {\n                        non_display:\n                          _vm.streamingUrlList[3] == undefined ||\n                          _vm.streamingUrlLoading,\n                      },\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          staticStyle: { cursor: \"pointer\" },\n                          attrs: { id: \"thumbnail_box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\"img\", {\n                            staticClass: \"ma-0 pa-0\",\n                            staticStyle: { height: \"100%\", width: \"100%\" },\n                            attrs: { id: \"thumbnail_img3\" },\n                          }),\n                          _vm.streamingUrlLoading == false\n                            ? _c(\n                                \"v-col\",\n                                {\n                                  staticClass: \"ma-0 pa-0 pl-2\",\n                                  attrs: {\n                                    cols: \"12\",\n                                    id: \"thumbnail_title_box\",\n                                    align: \"left\",\n                                  },\n                                },\n                                [_vm._v(\" \" + _vm._s(\"国分寺店 外\") + \" \")]\n                              )\n                            : _vm._e(),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      class: {\n                        non_display:\n                          _vm.streamingUrlList[4] == undefined ||\n                          _vm.streamingUrlLoading,\n                      },\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          staticStyle: { cursor: \"pointer\" },\n                          attrs: { id: \"thumbnail_box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\"img\", {\n                            staticClass: \"ma-0 pa-0\",\n                            staticStyle: { height: \"100%\", width: \"100%\" },\n                            attrs: { id: \"thumbnail_img4\" },\n                          }),\n                          _vm.streamingUrlLoading == false\n                            ? _c(\n                                \"v-col\",\n                                {\n                                  staticClass: \"ma-0 pa-0 pl-2\",\n                                  attrs: {\n                                    cols: \"12\",\n                                    id: \"thumbnail_title_box\",\n                                    align: \"left\",\n                                  },\n                                },\n                                [_vm._v(\" \" + _vm._s(\"国分寺店 外\") + \" \")]\n                              )\n                            : _vm._e(),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      class: {\n                        non_display:\n                          _vm.streamingUrlList[5] == undefined ||\n                          _vm.streamingUrlLoading,\n                      },\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\n                        \"v-col\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          staticStyle: { cursor: \"pointer\" },\n                          attrs: { id: \"thumbnail_box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\"img\", {\n                            staticClass: \"ma-0 pa-0\",\n                            staticStyle: { height: \"100%\", width: \"100%\" },\n                            attrs: { id: \"thumbnail_img5\" },\n                          }),\n                          _vm.streamingUrlLoading == false\n                            ? _c(\n                                \"v-col\",\n                                {\n                                  staticClass: \"ma-0 pa-0 pl-2\",\n                                  attrs: {\n                                    cols: \"12\",\n                                    id: \"thumbnail_title_box\",\n                                    align: \"left\",\n                                  },\n                                },\n                                [_vm._v(\" \" + _vm._s(\"国分寺店 外\") + \" \")]\n                              )\n                            : _vm._e(),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n              _vm.streamingUrlLoading\n                ? [\n                    _c(\"ImageSkeleton\", {\n                      attrs: { loaderCount: 9, width: \"100%\", height: \"10rem\" },\n                    }),\n                  ]\n                : _vm._e(),\n              _c(\n                \"v-row\",\n                {\n                  staticClass: \"ma-0 pa-0\",\n                  staticStyle: { display: \"none\" },\n                  attrs: { align: \"center\" },\n                },\n                [\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\"video\", {\n                        ref: \"dash-video\" + 0,\n                        staticClass: \"video-js\",\n                        staticStyle: { display: \"none\" },\n                        attrs: { width: \"300\", height: \"250\" },\n                      }),\n                    ]\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\"video\", {\n                        ref: \"dash-video\" + 1,\n                        staticClass: \"video-js\",\n                        staticStyle: { display: \"none\" },\n                        attrs: { width: \"300\", height: \"250\" },\n                      }),\n                    ]\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\"video\", {\n                        ref: \"dash-video\" + 2,\n                        staticClass: \"video-js\",\n                        staticStyle: { display: \"none\" },\n                        attrs: { width: \"300\", height: \"250\" },\n                      }),\n                    ]\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\"video\", {\n                        ref: \"dash-video\" + 3,\n                        staticClass: \"video-js\",\n                        staticStyle: { display: \"none\" },\n                        attrs: { width: \"300\", height: \"250\" },\n                      }),\n                    ]\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\"video\", {\n                        ref: \"dash-video\" + 4,\n                        staticClass: \"video-js\",\n                        staticStyle: { display: \"none\" },\n                        attrs: { width: \"300\", height: \"250\" },\n                      }),\n                    ]\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-2\",\n                      attrs: { cols: \"4\", align: \"center\" },\n                    },\n                    [\n                      _c(\"video\", {\n                        ref: \"dash-video\" + 5,\n                        staticClass: \"video-js\",\n                        staticStyle: { display: \"none\" },\n                        attrs: { width: \"300\", height: \"250\" },\n                      }),\n                    ]\n                  ),\n                ],\n                1\n              ),\n            ],\n            2\n          ),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"v-col\",\n    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\", id: \"head_title\" } },\n    [\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"pa-0\",\n          attrs: { cols: \"12\", id: \"main_content_minwidthset\" },\n        },\n        [\n          _c(\n            \"v-row\",\n            {\n              staticClass: \"ma-0 pa-0 pl-3 pr-3\",\n              attrs: { align: \"center\", id: \"header_height\" },\n            },\n            [\n              _c(\n                \"v-col\",\n                { staticClass: \"ma-0 pa-0\", attrs: { cols: \"auto\" } },\n                [\n                  _c(\n                    \"v-row\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { align: \"center\" } },\n                    [\n                      _c(\n                        \"router-link\",\n                        {\n                          staticStyle: { color: \"transparent\" },\n                          attrs: {\n                            to: { path: _vm.$routerHistory.previous().path },\n                          },\n                        },\n                        [\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0\",\n                              staticStyle: {\n                                color: \"#08B0FF\",\n                                \"font-size\": \"1rem\",\n                                \"text-align\": \"center\",\n                              },\n                              attrs: { cols: \"auto\", align: \"center\" },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"UI 테스트\") + \" \")]\n                          ),\n                        ],\n                        1\n                      ),\n                      _c(\"v-img\", {\n                        staticClass: \"ma-0 pa-0 mr-3\",\n                        attrs: {\n                          \"max-height\": \"50px\",\n                          \"max-width\": \"1.5rem\",\n                          src: require(\"@/assets/images/history_arrow.png\"),\n                        },\n                      }),\n                      _c(\n                        \"v-col\",\n                        { staticClass: \"ma-0 pa-0\", attrs: { cols: \"auto\" } },\n                        [_vm._v(\" \" + _vm._s(_vm.title) + \" \")]\n                      ),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"#cctv_player_box[data-v-f1e19a82] {\\n  background-color: #34363C;\\n  color: white;\\n  border-radius: 5px;\\n  min-height: 10rem;\\n}\\n#thumbnail_box[data-v-f1e19a82] {\\n  position: relative;\\n  height: 13rem;\\n}\\n#thumbnail_title_box[data-v-f1e19a82] {\\n  position: absolute;\\n  bottom: 0;\\n  background-color: rgba(0, 0, 0, 0.75);\\n  color: #BEBEBE;\\n  font-size: 0.8rem;\\n}\\n.non_display[data-v-f1e19a82] {\\n  display: none;\\n}\\n#img_skeleton[data-v-f1e19a82] {\\n  position: absolute;\\n  top: 0;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoThumbnail.vue?vue&type=style&index=0&id=f1e19a82&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"0dfe5746\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoThumbnail.vue?vue&type=style&index=0&id=f1e19a82&lang=scss&scoped=true&\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoThumbnail.vue?vue&type=style&index=0&id=f1e19a82&lang=scss&scoped=true&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAABGCAYAAAAuE6+IAAAABHNCSVQICAgIfAhkiAAAAg1JREFUWEfN2FdOKzEUgOHMFiCQAgGEYBPUUJaOIL3QxCro5TH8js5Ek0lmxvaxEPfl6D7w6XcmxXY0mUwOSqXSUxRFz0zVvwisjLAH1lJJ/HFkAMBDxiPgiwaMsTWQXbC2GpO6I+aDpm5aJpi6boYl6u6pe/VZbhpbB9kB66gxqTtm3vnUzZUJ5l23gCXqbql7c1luFlYB2QLrqjGpO2GOXeqWlglWZTZc6jKxRN0I8N1muUWYqdsE66kxqTtlDgA/isDcMsFqzA2bukJMwCazX1Rni5m6Olg/b6lWWKKuB/iZBbpgdZAq2ECNSd0Zs5tVZ10m2AazklXnhCXqOoBf6eX6YKZuHWyoxqTunNlO1zmXJV67hTovLFHXou47Xq4G2wQpg43UmNRdMK8Bf8z/vcsEazBX4zoVlq4LgZm6FerGakzqLplX/wtj1xlumWCzt4dqmVIV5q2RrFK9aYHCfZzAzNeQ/oMOtPQL0usBSJX+yzGryusBgJmfO/0PClDuD7HTawbWpCpzi2CNSVUtb/PiguVWWT8AqsJtqcCstqKFywSy3iTbYKZqaLN9/7utO0s0Rx79oQLI+TCWd3Yyh1inY2LeEXHb9XidhTlXLf0E8FqFO1aDmcsSr+uIuWUCqS5K0pjqCmeGaavmHkCIa69pWagLuRgLclUYXxPu826/ibfgvtNgQapMwC/x4Dpgtg2mSwAAAABJRU5ErkJggg==\"","import { render, staticRenderFns } from \"./ImageSkeleton.vue?vue&type=template&id=279763bc&scoped=true&\"\nimport script from \"./ImageSkeleton.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageSkeleton.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"279763bc\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VCol,VRow,VSkeletonLoader})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/codebuild/output/src127081106/src/ueyes-front/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('279763bc')) {\n      api.createRecord('279763bc', component.options)\n    } else {\n      api.reload('279763bc', component.options)\n    }\n    module.hot.accept(\"./ImageSkeleton.vue?vue&type=template&id=279763bc&scoped=true&\", function () {\n      api.rerender('279763bc', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/loader/ImageSkeleton.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSkeleton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSkeleton.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"e5f0efc2-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageSkeleton.vue?vue&type=template&id=279763bc&scoped=true&\"","import { render, staticRenderFns } from \"./VideoThumbnail.vue?vue&type=template&id=f1e19a82&scoped=true&\"\nimport script from \"./VideoThumbnail.vue?vue&type=script&lang=js&\"\nexport * from \"./VideoThumbnail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VideoThumbnail.vue?vue&type=style&index=0&id=f1e19a82&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"f1e19a82\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VCol,VContainer,VRow,VSkeletonLoader})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/codebuild/output/src127081106/src/ueyes-front/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('f1e19a82')) {\n      api.createRecord('f1e19a82', component.options)\n    } else {\n      api.reload('f1e19a82', component.options)\n    }\n    module.hot.accept(\"./VideoThumbnail.vue?vue&type=template&id=f1e19a82&scoped=true&\", function () {\n      api.rerender('f1e19a82', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/whitetest/VideoThumbnail.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoThumbnail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoThumbnail.vue?vue&type=script&lang=js&\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoThumbnail.vue?vue&type=style&index=0&id=f1e19a82&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"e5f0efc2-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./VideoThumbnail.vue?vue&type=template&id=f1e19a82&scoped=true&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=3b1ce1c8&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3b1ce1c8\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VImg,VRow})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/codebuild/output/src127081106/src/ueyes-front/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3b1ce1c8')) {\n      api.createRecord('3b1ce1c8', component.options)\n    } else {\n      api.reload('3b1ce1c8', component.options)\n    }\n    module.hot.accept(\"./Header.vue?vue&type=template&id=3b1ce1c8&scoped=true&\", function () {\n      api.rerender('3b1ce1c8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/whitetest/components/Header.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"e5f0efc2-vue-loader-template\\\"}!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=template&id=3b1ce1c8&scoped=true&\""],"sourceRoot":""}