beelink/dist/js/chunk-21d6a1b9.c1d3b80a.js.map
2020-11-30 09:38:01 +08:00

1 line
27 KiB
Plaintext

{"version":3,"sources":["webpack:///./src/static/images/share.png","webpack:///./src/views/regime/Video.vue","webpack:///./src/components/VideoItem.vue","webpack:///./src/components/VideoItem.vue?e60b","webpack:///./src/components/VideoItem.vue?5c02","webpack:///./src/views/regime/Video.vue?ee10","webpack:///./src/views/regime/Video.vue?a31c","webpack:///./src/views/regime/Video.vue?7ee5","webpack:///./src/components/VideoItem.vue?977b","webpack:///./src/static/images/sousuo.png","webpack:///./src/static/images/play.png","webpack:///./src/static/images/watch.png"],"names":["module","exports","class","src","alt","tabindex","tabchange","lan","$t","type","placeholder","sel","input","videolist","total","data","i","j","key","videoid","img","title","score","date","created_at","takehour","fileduration","livenum","statusname","status","watch","share","transcoding","current","page","showLessItems","pagechange","style","navto","split","props","Number","default","String","setup","e","router","push","render","__scopeId","components","VideoItem","value","res"],"mappings":"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","file":"js/chunk-21d6a1b9.c1d3b80a.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABP0lEQVQ4T52TvUoDQRSFz80PM6V/WPsWFgo+gUp2xVIElUzERsHCQrAQtFAQ/MmOCvZiZtEHCBYKgs/gG1hY7hbukQQWjMmuq9PNzJ2Pc86dK9o1HwGZQf96jjwzjdvrEVX5fBNwqL+EbdEuIICExIOU8JEWMcFr7JsLWFtV48mBQEa7dwnLFFkUQHW2XQDJVuw3Fgao6D0iRTt7BcEKgHcAY6mCIPJMIxfQeRxaC2ANInsAJ0AsFwaoMDgXYh2C/ahmdnUY3BQGqFbzVEQ2ADmMvPpOR2lhgHLBsQBbBI5iz2ynNrULlgjM51qo3p1NlkuVFwpO4prZHJRRfgbd4C6nIq/+lBVw4RB/AnTLrlLo/x/wly4Mkl+4C1neewAEXOwZ/9ev/K1AOXsv4FzmMOXBSAwLMAugJDnjXEAQ218jtK8l7ImPBwAAAABJRU5ErkJggg==\"","<template>\r\n <div class=\"video\">\r\n <div class=\"nav\">\r\n <div class=\"tabs\">\r\n <div :class=\"tabindex == 4 ? 'on' : ''\" @click=\"tabchange(4)\">\r\n {{lan.$t('quanbushipin')}}\r\n </div>\r\n <div :class=\"tabindex == 0 ? 'on' : ''\" @click=\"tabchange(0)\">\r\n {{lan.$t('shenhezhong')}}\r\n </div>\r\n <div :class=\"tabindex == 2 ? 'on' : ''\" @click=\"tabchange(2)\">\r\n {{lan.$t('weitongguo')}}\r\n </div>\r\n <div :class=\"tabindex == 1 ? 'on' : ''\" @click=\"tabchange(1)\">\r\n {{lan.$t('yifabu')}}\r\n </div>\r\n </div>\r\n <div class=\"sel\">\r\n <img src=\"@/static/images/sousuo.png\" alt=\"\" class=\"icon\" />\r\n <input type=\"text\" :placeholder=\"lan.$t('shipinsousuo')\" @keyup.enter=\"sel()\" v-model=\"input\"/>\r\n </div>\r\n </div>\r\n <template v-if=\"!videolist.total\">\r\n <a-empty />\r\n </template>\r\n <div class=\"list\" v-if=\"tabindex == 4\">\r\n \r\n <VideoItem\r\n v-for=\"(i, j) in videolist.data\"\r\n :key=\"j\"\r\n :videoid=\"i.videoid\"\r\n :img=\"i.img\"\r\n :title=\"i.title\"\r\n :score=\"i.score\"\r\n :date=\"i.created_at\"\r\n :takehour=\"i.fileduration\"\r\n :livenum=\"i.statusname\"\r\n :status=\"i.status\"\r\n :watch=\"i.watch\"\r\n :share=\"i.share\"\r\n :transcoding=\"i.transcoding\"\r\n ></VideoItem>\r\n </div>\r\n\r\n <div class=\"list\" v-if=\"tabindex == 0\">\r\n <VideoItem\r\n v-for=\"(i, j) in videolist.data\"\r\n :key=\"j\"\r\n :videoid=\"i.videoid\"\r\n :img=\"i.img\"\r\n :title=\"i.title\"\r\n :score=\"i.score\"\r\n :date=\"i.created_at\"\r\n :takehour=\"i.fileduration\"\r\n :livenum=\"i.statusname\"\r\n :status=\"i.status\"\r\n :watch=\"i.watch\"\r\n :transcoding=\"i.transcoding\"\r\n :share=\"i.share\"\r\n ></VideoItem>\r\n </div>\r\n <div class=\"list\" v-if=\"tabindex == 2\">\r\n <VideoItem\r\n v-for=\"(i, j) in videolist.data\"\r\n :key=\"j\"\r\n :img=\"i.img\"\r\n :videoid=\"i.videoid\"\r\n :title=\"i.title\"\r\n :score=\"i.score\"\r\n :date=\"i.created_at\"\r\n :takehour=\"i.fileduration\"\r\n :livenum=\"i.statusname\"\r\n :status=\"i.status\"\r\n :watch=\"i.watch\"\r\n :transcoding=\"i.transcoding\"\r\n :share=\"i.share\"\r\n ></VideoItem>\r\n </div>\r\n <div class=\"list\" v-if=\"tabindex == 1\">\r\n <VideoItem\r\n v-for=\"(i, j) in videolist.data\"\r\n :key=\"j\"\r\n :img=\"i.img\"\r\n :videoid=\"i.videoid\"\r\n :title=\"i.title\"\r\n :score=\"i.score\"\r\n :date=\"i.created_at\"\r\n :takehour=\"i.fileduration\"\r\n :livenum=\"i.statusname\"\r\n :status=\"i.status\"\r\n :watch=\"i.watch\"\r\n :transcoding=\"i.transcoding\"\r\n :share=\"i.share\"\r\n ></VideoItem>\r\n </div>\r\n <div class=\"pages\">\r\n <a-pagination v-if=\"videolist.total\" v-model:current=\"page\" :total=\"videolist.total\" :showLessItems=\"true\" @change=\"pagechange\" />\r\n </div>\r\n </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n.video {\r\n width: 100%;\r\n height: 706px;\r\n background-color: #fff;\r\n border-radius: 17px;\r\n padding: 40px;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n .nav {\r\n display: flex;\r\n align-items: center;\r\n border-bottom: 1px solid #eee;\r\n justify-content: space-between;\r\n width: 100%;\r\n .tabs {\r\n display: flex;\r\n align-items: center;\r\n font-size: 13px;\r\n font-weight: bold;\r\n color: #111;\r\n padding: 11px 0;\r\n > div {\r\n margin-right: 58px;\r\n cursor: pointer;\r\n text-align: center;\r\n width: 54px;\r\n &:hover{\r\n color: #08ae98;\r\n }\r\n }\r\n .on {\r\n color: #08ae98;\r\n position: relative;\r\n &::before {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n bottom: -12px;\r\n width: 57px;\r\n height: 1px;\r\n background-color: #08ae98;\r\n }\r\n }\r\n }\r\n .sel {\r\n width: 171px;\r\n height: 26px;\r\n border: 1px solid #999;\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n border-radius: 4px;\r\n > img {\r\n width: 11px;\r\n height: 11px;\r\n }\r\n > input {\r\n width: 119px;\r\n font-size: 9px;\r\n line-height: 1;\r\n margin-left: 6px;\r\n border: none;\r\n outline: none;\r\n }\r\n }\r\n }\r\n .list {\r\n display: flex;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n > div {\r\n margin-top: 28px;\r\n margin-left: 23px;\r\n &:nth-child(1),\r\n &:nth-child(6) {\r\n margin-left: 0;\r\n }\r\n }\r\n }\r\n .pages {\r\n position: absolute;\r\n bottom: 114px;\r\n display: flex;\r\n justify-content: center;\r\n ::v-deep(.ant-pagination-next) > .ant-pagination-item-link,\r\n ::v-deep(.ant-pagination-prev) > .ant-pagination-item-link,\r\n ::v-deep(.ant-pagination-item),\r\n ::v-deep(.ant-pagination-jump-next-custom-icon),\r\n ::v-deep(.ant-pagination-jump-prev-custom-icon) {\r\n border: 1px solid #08ae98;\r\n }\r\n ::v-deep(.ant-pagination-item-active) a {\r\n color: #fff;\r\n }\r\n ::v-deep(.ant-pagination-item-active) {\r\n background-color: #08ae98;\r\n }\r\n }\r\n}\r\n</style>\r\n<script lang=\"ts\">\r\nimport { defineComponent, onMounted, reactive, ref, UnwrapRef } from \"vue\";\r\nimport VideoItem from \"@/components/VideoItem.vue\";\r\nimport { getvideolist } from \"@/api\";\r\nimport { useRoute } from 'vue-router';\r\nimport { useI18n } from '@/utils/i18n';\r\nexport default defineComponent({\r\n components: {\r\n VideoItem,\r\n },\r\n setup() {\r\n const lan: any = useI18n();\r\n const page = ref(1);\r\n const tabindex = ref(4);\r\n interface VideoList {\r\n videoid: number;\r\n memberid: number;\r\n title: string;\r\n img: string;\r\n fileid: string;\r\n fileurl: string;\r\n fileduration: string;\r\n status: number;\r\n desc: string;\r\n deleted_at: null;\r\n created_at: string;\r\n updated_at: string;\r\n statusname: string;\r\n }\r\n \r\n const videolist = ref({})\r\n // const newvideolist = ref<Array<VideoList>>();\r\n const input = ref(\"\")\r\n \r\n\r\n onMounted(async () => {\r\n\r\n const res = await getvideolist();\r\n videolist.value = res;\r\n\r\n });\r\n async function tabchange(e: number) {\r\n tabindex.value = e;\r\n videolist.value = {};\r\n videolist.value = await getvideolist({title: input.value,page:page.value,status:e == 4 ? '' : e});\r\n // console.log(videolist)\r\n }\r\n async function sel(){\r\n console.log(input.value);\r\n page.value = 1;\r\n videolist.value = await getvideolist({title: input.value,page:page.value,status:tabindex.value});\r\n }\r\n async function pagechange(e: number) {\r\n page.value=e\r\n videolist.value = await getvideolist({title: input.value,page:e,status:tabindex.value});\r\n }\r\n return {\r\n page,\r\n tabindex,\r\n tabchange,\r\n videolist,\r\n sel,\r\n input,\r\n pagechange,\r\n lan\r\n };\r\n },\r\n});\r\n</script>","<template>\r\n <div class=\"videoitem\" @click=\"navto(videoid)\">\r\n \r\n <img :src=\"img\" alt=\"\" class=\"cover\">\r\n <img src=\"@/static/images/play.png\" alt=\"\" class=\"play\">\r\n <div class=\"title\">\r\n <div class=\"one-line-hide\">{{title}}</div> \r\n <span class=\"lv\" style=\"flex-shrink: 0;\">{{score}}分</span>\r\n </div>\r\n <div class=\"info\">\r\n <div class=\"datetime\">\r\n <span>{{date.split(\" \")[0]}}</span>\r\n <span class=\"time\">{{date.split(\" \")[1]}}</span>\r\n </div>\r\n <div class=\"feature\">\r\n <div>\r\n <img src=\"@/static/images/watch.png\" alt=\"\">\r\n <span>{{watch}}</span>\r\n </div>\r\n <div>\r\n <img src=\"@/static/images/share.png\" alt=\"\">\r\n <span>{{share}}</span>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"state audit\" v-if=\"status==0\">\r\n {{transcoding == 0 ? lan.$t('zhuanmazhong') : lan.$t('shenhezhong')}}\r\n </div>\r\n <div class=\"state audit fail\" v-if=\"status==2\">\r\n {{lan.$t('weitongguo')}}\r\n </div>\r\n <div class=\"state audit\" v-if=\"status==1\">\r\n {{lan.$t('yifabu')}}\r\n </div>\r\n </div>\r\n</template>\r\n<style lang=\"scss\" scoped>\r\n.videoitem{\r\n min-width: 226px;\r\n // height: 198px;\r\n background-color: #fff;\r\n border-radius: 17px;\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n box-shadow: 0px 5px 6px 0px rgba(158, 158, 158, 0.11);\r\n cursor: pointer;\r\n .cover{\r\n width: 226px;\r\n min-width: 100%;\r\n height: 127px;\r\n // background-color: #0f0;\r\n }\r\n .play{\r\n position: absolute;\r\n top: 52px;\r\n left: 101px;\r\n width: 23px;\r\n height: 23px;\r\n }\r\n .title{\r\n padding: 0 18px;\r\n margin-top: 16px;\r\n font-display: 11px;\r\n color: #111;\r\n display: flex;\r\n align-items: center;\r\n cursor: default;\r\n >span{\r\n margin-left: 11px;\r\n font-size: 10px;\r\n color: #f55455;\r\n }\r\n }\r\n .info{\r\n display: flex;\r\n align-items: center;\r\n margin-top: 9px;\r\n margin-bottom: 9px;\r\n margin-left: 18px;\r\n \r\n .datetime{\r\n display: flex;\r\n align-items: center;\r\n font-size: 10px;\r\n color: #666;\r\n .time{\r\n margin-left: 15px;\r\n }\r\n }\r\n .feature{\r\n display: flex;\r\n align-items: center;\r\n margin-left: 25px;\r\n // margin-top: 18px;\r\n >div{\r\n display: flex;\r\n align-items: center;\r\n >img{\r\n width: 11px;\r\n height: 11px;\r\n }\r\n >span{\r\n font-size: 10px;\r\n color: #111;\r\n margin-left: 4px;\r\n margin-right: 11px;\r\n }\r\n }\r\n }\r\n }\r\n .state{\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n width: 67px;\r\n height: 23px;\r\n border-radius: 0 17px 0 17px;\r\n font-size: 10px;\r\n line-height: 23px;\r\n text-align: center;\r\n }\r\n .audit{\r\n background-color: #CEF9F0;\r\n color: #08AE98;\r\n }\r\n .fail{\r\n background-color: #f9d6f6;\r\n color: #D12C2E;\r\n }\r\n}\r\n</style>\r\n<script lang=\"ts\">\r\nimport router from '@/router';\r\nimport { useI18n } from '@/utils/i18n';\r\nimport { defineComponent } from 'vue';\r\n\r\nexport default defineComponent({\r\n props:{\r\n videoid:{\r\n type:Number\r\n },\r\n type: {\r\n type: Number,\r\n default:1\r\n },\r\n img:{\r\n type:String\r\n },\r\n title:{\r\n type:String\r\n },\r\n score:{\r\n type:String\r\n },\r\n date:{\r\n type:String\r\n },\r\n takehour:{\r\n type:String\r\n },\r\n watch:{\r\n type:Number\r\n },\r\n share:{\r\n type:Number\r\n },\r\n status:{\r\n type:Number\r\n },\r\n transcoding: {\r\n type: Number\r\n }\r\n },\r\n setup() {\r\n const lan: any = useI18n();\r\n function navto(e: number){\r\n router.push(\"/regime/videoinfo?id=\"+e)\r\n }\r\n\r\n return {\r\n navto,\r\n lan\r\n }\r\n }\r\n})\r\n</script>","\r\nimport router from '@/router';\r\nimport { useI18n } from '@/utils/i18n';\r\nimport { defineComponent } from 'vue';\r\n\r\nexport default defineComponent({\r\n props:{\r\n videoid:{\r\n type:Number\r\n },\r\n type: {\r\n type: Number,\r\n default:1\r\n },\r\n img:{\r\n type:String\r\n },\r\n title:{\r\n type:String\r\n },\r\n score:{\r\n type:String\r\n },\r\n date:{\r\n type:String\r\n },\r\n takehour:{\r\n type:String\r\n },\r\n watch:{\r\n type:Number\r\n },\r\n share:{\r\n type:Number\r\n },\r\n status:{\r\n type:Number\r\n },\r\n transcoding: {\r\n type: Number\r\n }\r\n },\r\n setup() {\r\n const lan: any = useI18n();\r\n function navto(e: number){\r\n router.push(\"/regime/videoinfo?id=\"+e)\r\n }\r\n\r\n return {\r\n navto,\r\n lan\r\n }\r\n }\r\n})\r\n","import { render } from \"./VideoItem.vue?vue&type=template&id=4024f066&scoped=true&bindings={}\"\nimport script from \"./VideoItem.vue?vue&type=script&lang=ts\"\nexport * from \"./VideoItem.vue?vue&type=script&lang=ts\"\n\nimport \"./VideoItem.vue?vue&type=style&index=0&id=4024f066&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4024f066\"\n\nexport default script","\r\nimport { defineComponent, onMounted, reactive, ref, UnwrapRef } from \"vue\";\r\nimport VideoItem from \"@/components/VideoItem.vue\";\r\nimport { getvideolist } from \"@/api\";\r\nimport { useRoute } from 'vue-router';\r\nimport { useI18n } from '@/utils/i18n';\r\nexport default defineComponent({\r\n components: {\r\n VideoItem,\r\n },\r\n setup() {\r\n const lan: any = useI18n();\r\n const page = ref(1);\r\n const tabindex = ref(4);\r\n interface VideoList {\r\n videoid: number;\r\n memberid: number;\r\n title: string;\r\n img: string;\r\n fileid: string;\r\n fileurl: string;\r\n fileduration: string;\r\n status: number;\r\n desc: string;\r\n deleted_at: null;\r\n created_at: string;\r\n updated_at: string;\r\n statusname: string;\r\n }\r\n \r\n const videolist = ref({})\r\n // const newvideolist = ref<Array<VideoList>>();\r\n const input = ref(\"\")\r\n \r\n\r\n onMounted(async () => {\r\n\r\n const res = await getvideolist();\r\n videolist.value = res;\r\n\r\n });\r\n async function tabchange(e: number) {\r\n tabindex.value = e;\r\n videolist.value = {};\r\n videolist.value = await getvideolist({title: input.value,page:page.value,status:e == 4 ? '' : e});\r\n // console.log(videolist)\r\n }\r\n async function sel(){\r\n console.log(input.value);\r\n page.value = 1;\r\n videolist.value = await getvideolist({title: input.value,page:page.value,status:tabindex.value});\r\n }\r\n async function pagechange(e: number) {\r\n page.value=e\r\n videolist.value = await getvideolist({title: input.value,page:e,status:tabindex.value});\r\n }\r\n return {\r\n page,\r\n tabindex,\r\n tabchange,\r\n videolist,\r\n sel,\r\n input,\r\n pagechange,\r\n lan\r\n };\r\n },\r\n});\r\n","import { render } from \"./Video.vue?vue&type=template&id=4c40bb52&scoped=true&bindings={}\"\nimport script from \"./Video.vue?vue&type=script&lang=ts\"\nexport * from \"./Video.vue?vue&type=script&lang=ts\"\n\nimport \"./Video.vue?vue&type=style&index=0&id=4c40bb52&lang=scss&scoped=true\"\nscript.render = render\nscript.__scopeId = \"data-v-4c40bb52\"\n\nexport default script","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-v16/dist/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-v16/dist/index.js??ref--0-1!./Video.vue?vue&type=style&index=0&id=4c40bb52&lang=scss&scoped=true\"","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-v16/dist/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-v16/dist/index.js??ref--0-1!./VideoItem.vue?vue&type=style&index=0&id=4024f066&lang=scss&scoped=true\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAB5klEQVQ4T6XTvYsTQRgG8OedIHoQi4iFrM0REP+A80DQxuoUBLucoqCCNzObRkijFt4aLCzE6AlmPyDCNR4moJ6tBBEbsRJBPBGxSxmrRJBkHtngHrmAd0GnGFh45zcz7zwr+M8h4+vDMJxVSl0FcApAkeRARDZIPnPOPSqXyz8m99sEwjA0SqkHAF4759ZE5DOAXUqpIySXABwged5a+2ocGQFxHBsA9wBcMMa8mNwlCALled4ygOsisqC1fpPVSL1eL+ZyuU8kz1pr17drSRRFdwEs9vv9w5VK5WdaK1EUPRSRojHm9E79DIJgj+d530Tkptb68QiI4/gryWVr7dpOwJ/r3gdw0BhTyk4wVErNaa0/TAlcIWmstfPZCX455477vv9+SiBt+GVjzNEM+EgystbWpwGSJAlJzhhjLmXALQBnOp3OXLVaddshjUZj72Aw+O6cW/J9/3kG7Ce5ISIrxpjbfwOazWau2+0+AXCo3W7Pt1qt4QhIpyRJFki+BLDS6/WC7I0nYn5MKfUWwDVjTJqH0diMchzHJ0iuishukusi8sU5l0Z5X6FQuFEqlYZRFC2KyCrJi9bap1uA9KNWq83k8/lzJE8CmAWQpu2d1jqNMNOaSWTL3zjNK0wi/wSMIXd+A0Xi4dpLtadBAAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAFEUlEQVRYR7WYW0xcVRSGvw1DgaFIo9jLQCmFQq1VsUhbbW30QWttjLfEoEGjffFajfEepfUW7zaN+mCqTYzGaBqNN5KamMboC5FUY2wRi1GLl2gJFSyUtsOZc7b5z5yD02FmGEpcCWTgnL33v/+11r/WGkMeZq09GagBVgPnAkuAaqAMMMAR4C+gF+gCOoGfgQFjjJ3sCG2Q1ay1M4HTgVZgHTA7OLgYKEhbqMPiwCgwBHwBvAN8a4z5J9c5GUFYa/V/3XwD0AbEgOhkN0p7LkD9wIfANuBHY4ybaY8JIKy1hUAL8AhwIVA+xcPTXz8KfA08BXxujHHSXzgOhLVWFOvgZ4BmIDJNAOFyD/gBeBT4JB3IOIjABcuBl4AVGXw+XTyKmX3AA8Cnqa5JBVELvAysB+SSCaZdLNZPB+P/nrJpi93AzcCeMHP8nay18vs9wL3ZYiCZZwKQPDz97ynAUcC+BTxsjDmodSbFDW8Di4K8P27P1ER3rdwLEVMQAEkKxRRNmnI70CG3CISEqB24FShN30wAwkMGxo6x48B+PA+unFNDTam06oRYUap+BNxmjBkQCGWBWDgtGwsC4VnL3fu6eL2vh4TnsaCsgicaz+GaubUUFSR1K2QsT2Z+B66TugrERuAx4JRswahNj7oJVn61k+5DBykqLMSzHpGCQlrnLeTJhmaqi6MYY/zA9f08uZNGgGeBVwRCLFydyRXh7QQi7ro0dX7MT6PDRCNFCmbiXlIA5xdH2bJkJZeeWsWMgJU8QGhxB7BRIKRmy7LpQhgTjuexvLOD7sNDlEaK/HvqmWstjpegBMP11Y201zcRKy71WcnDvhcBAiF9V2HKaCGIhPVY0dnBnpH/QIQLkqx4JFyHumg5r56xmosqY/m45FcVR4GQb1Qt8wKxd2SIkoCJ9AWO5xJ34swtjrK96QLWVVb5jOTg5A/gJoE4HJTnaYPwGwsnTsIZ445FZ/PC4hZKCpPlJwsQgdggEANAZb5MZHKHH8BWGeTgOseIRSvYftYa1lZWUZCbid+AawXiO+DMbGDziQkFp2LGcRwaysrZunQVaytj46qawx0qaFcJxHvAZUBJLp3IFJgCOOa5OK6LWq22+Y1sqm+ipqQsn+yQ/n+mYiYQ9wMPAZLvCRYyccRN+CnaO3rI1wk/NV0XF4+a4jI2NzTTOq+WaGFkXDlzxIIeqQ3cCrwoEOcFVa0+l2wPOnHWdO2kZ7AfEynyX5VcXz5nAc8tbmFh6czx26fWmxxaoSJ2I7BLIKQRTwM3ADPSF6WK1YO9u9n2y16/dsTKZtHeuIy2WB0lBRnbj1xaJVfs8jPDmD8FImzp3gia26yLh5wx3j/Q59eR9bOrqSst96P/BHoL9RH3Ae8aY8bCpmZWUMTU8eQs54oFVdQTrJy6oGqGOvC7jDFySVJDgsZGpfw1YNX/0F+OKzzQA9zil/BgMErtMeWWS4At2XqLPArSZK/0AZuBHXJD+HJ6y6+wvwJ4PACSPmVNdkgu4ZU6Pg+8aYxReo5bpuFHQC4GNgUlXjo0HdOwoxlVAD5IB5BVS4IpbClwZzACKI2nOggpDQeBL4NZpivVBTmZSH1orVXLd36gIRqIKoKKm00YdLAm9GGgOxiIJc39xphkm57BJm1/AlYERuOARkSB0Wf1ICEYHaCZcz/wTTCRq2v6O9vt82Zignomh6STAjbEin50EfUk+jpAAScWhvP5XiLc/1+R+vCojuJeOQAAAABJRU5ErkJggg==\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAYAAAD0xERiAAAC80lEQVQ4T21UTWhUVxg95yWdeRs1URdWV2Kxi4qIaLSLQpGWblTIeyaUQqsJgu+lcdNNtZMQR9NAFyXQn7wXf5JUIsKQedPWKFm10oUVXTluqlioICWbqkWQ+8bMO2WGzptJ9FtdvnvOud+93/ku8aqIvluXTax+WjwAcBuANQD+BXBXwJV4qX0KvUcfr6RyZSJbDI+DGiW4GsAjCbdJPRHYSaALwCbVhZNc7Ax838pviv060m4/3vADyI8g3YCFnOn2r688zI6CfQBHAbwNYta8WHsEvb3VGi4Vy0TBjAUehpQ35cXTyOeTGiA7N/GeyJ0ky7HjLdTFR0Yse/uGUyCHE2C64nj9qZgdBf0ALyRKchV3YKxRjR2FUwD6mtWpYLq9D0GqlstEQc6qVSn1GdefIUrjHbbsBxJvxK53sEHMRJM9FlSAdB7UrMRDJAcbxAYuWwznSewxzytbmImCEwTz1NJW4w4+TKsqhQuQbOP476bEKLhGcJVxvHdSXOHbzWp/7Q9Rw8wWw/u0eNN0H/uk9bHtYvhI0Hjs+l+nYnOBD4tjseN1LsNG4aygXcxG4T0Ct4zjfbwMUAofJsJExfG+arnScRIjxvHWL8cGlyTuZCYKPydwmtSbptv/q0kMfgKxKb6z2FXvrES7NPkbJGNc//30mj+f26wX1XtQkiOufbPaNpk/BdyMHe9AKvbj2Q+YJAuC5i3pcmK1OZTcpFp1Kz2fRimuFF6luNs8j9+o+8wuBkdATifQUMXxv2xaY3IU0BcNPwocj51jn6UdL4VDlnAGwGHjeBdbTBtOWTVPSWdMefFUw7SZubNvWVZ1R5LobuXQQLlp2tfzIIYkXIhd7+iyCUCh0Ga3/TMNstaI31FdGjY9g78AqBv0/6BdCvdBqI3TXggXTXVt/0vj1HyDSR/SGIEOQH9LvEXgqYAOUl0ANwp4CuBk7Hhha1df+jXqm/MTndmK1UdgP6DtAFcBegawLOhKnNEM9g88aRWqrf8DhK1QcCrNvQ0AAAAASUVORK5CYII=\""],"sourceRoot":""}