{"version":3,"sources":["webpack:///src/views/user-private/StoreCCTV.vue","webpack:///src/views/user-private/components/Header.vue","webpack:///src/views/user-private/components/ThumbnailBox.vue","webpack:///src/views/user-private/split-screen/SelectCamera.vue","webpack:///src/views/user-private/split-screen/SelectCameraCount.vue","webpack:///src/views/user-private/split-screen/SplitPlayer.vue","webpack:///src/views/user-private/split-screen/SplitScreen.vue","webpack:///./src/views/user-private/StoreCCTV.vue?acfd","webpack:///./src/views/user-private/components/Header.vue?336a","webpack:///./src/views/user-private/components/ThumbnailBox.vue?a2f8","webpack:///./src/views/user-private/split-screen/SelectCamera.vue?c045","webpack:///./src/views/user-private/split-screen/SelectCameraCount.vue?2e96","webpack:///./src/views/user-private/split-screen/SplitPlayer.vue?a41f","webpack:///./src/views/user-private/split-screen/SplitScreen.vue?f384","webpack:///./src/views/user-private/StoreCCTV.vue?f4ff","webpack:///./src/views/user-private/components/Header.vue?b110","webpack:///./src/views/user-private/components/ThumbnailBox.vue?fdd5","webpack:///./src/views/user-private/split-screen/SelectCamera.vue?0fae","webpack:///./src/views/user-private/split-screen/SelectCameraCount.vue?e880","webpack:///./src/views/user-private/split-screen/SplitPlayer.vue?e01c","webpack:///./src/views/user-private/split-screen/SplitScreen.vue?4482","webpack:///./src/views/user-private/StoreCCTV.vue?d29d","webpack:///./src/views/user-private/components/Header.vue?9327","webpack:///./src/views/user-private/components/ThumbnailBox.vue?74bf","webpack:///./src/views/user-private/split-screen/SelectCamera.vue?6ae7","webpack:///./src/views/user-private/split-screen/SelectCameraCount.vue?8da0","webpack:///./src/views/user-private/split-screen/SplitPlayer.vue?a122","webpack:///./src/views/user-private/split-screen/SplitScreen.vue?82f1","webpack:///./src/assets/images/close.png","webpack:///./src/assets/images/icon_arrow_down_small.png","webpack:///./src/views/user-private/StoreCCTV.vue","webpack:///./src/views/user-private/StoreCCTV.vue?1cf9","webpack:///./src/views/user-private/StoreCCTV.vue?683d","webpack:///./src/views/user-private/StoreCCTV.vue?4402","webpack:///./src/views/user-private/components/Header.vue","webpack:///./src/views/user-private/components/Header.vue?8c30","webpack:///./src/views/user-private/components/Header.vue?2e4e","webpack:///./src/views/user-private/components/Header.vue?2745","webpack:///./src/views/user-private/components/ThumbnailBox.vue","webpack:///./src/views/user-private/components/ThumbnailBox.vue?d42f","webpack:///./src/views/user-private/components/ThumbnailBox.vue?b1fa","webpack:///./src/views/user-private/components/ThumbnailBox.vue?c03b","webpack:///./src/views/user-private/split-screen/SelectCamera.vue","webpack:///./src/views/user-private/split-screen/SelectCamera.vue?bced","webpack:///./src/views/user-private/split-screen/SelectCamera.vue?52ed","webpack:///./src/views/user-private/split-screen/SelectCamera.vue?2aa4","webpack:///./src/views/user-private/split-screen/SelectCameraCount.vue","webpack:///./src/views/user-private/split-screen/SelectCameraCount.vue?6334","webpack:///./src/views/user-private/split-screen/SelectCameraCount.vue?e5de","webpack:///./src/views/user-private/split-screen/SelectCameraCount.vue?7229","webpack:///./src/views/user-private/split-screen/SplitPlayer.vue","webpack:///./src/views/user-private/split-screen/SplitPlayer.vue?5fc5","webpack:///./src/views/user-private/split-screen/SplitPlayer.vue?4b4b","webpack:///./src/views/user-private/split-screen/SplitPlayer.vue?141b","webpack:///./src/views/user-private/split-screen/SplitScreen.vue","webpack:///./src/views/user-private/split-screen/SplitScreen.vue?7c82","webpack:///./src/views/user-private/split-screen/SplitScreen.vue?eef2","webpack:///./src/views/user-private/split-screen/SplitScreen.vue?19a6"],"names":["components","Header","ThumbnailBox","CCTVStatusBox","SplitScreen","mixins","data","authorities","currentView","created","mounted","setTimeout","methods","td","view","today","ThumbnailListItem","ImageSkeleton","streamList","videoStreamList","streamingUrlLoading","imgLoaders","deviceStatusList","deviceErrorStr","tempList","watch","filters","statusFormat","getCameraList","then","listSorting","onLoadFunc","props","viewCount","type","default","SelectCameraDialog","unisCustomerCd","selectCameraDialogVisible","selectedCamera","selectedCameraList","selectedIndex","createLoading","tsg","cameraSelect","cancel","selectCameraDialogVisibleFunc","selectCameraFunc","makeSplitScreen","splitName","cameras","splitListCount","selectedCameraCount","selectCameraCount","clickClose","SplitScreenHoverMenuList","NameChangeDialog","SplitScreenDialog","SearchCameraDialog","nameChangeDialogVisible","splitScreenDialogVisible","searchCameraDialogVisible","splitScreenSelectMenu","splitScreenCameraList","selectedSplitScreen","splitScreenList","splitScreenId","editNameType","currentId","currentName","currentItemIndex","loading","players","view4","view9","view16","playerOptions","language","languages","ja","autoplay","streamingCount","pausePlayInterval","webrtcConnections","beforeDestroy","closeNameChangeDialog","nameChangeDialogFunc","event","goNewSplitScreen","splitScreenDialogVisibleFunc","selectedViewCountFunc","deleteSplitCamera","nameUpdateFunc","nameChangeDialogVisibleFunc","searchCameraDialogVisibleFunc","index","contractCd","portNo","thingType","exitFullScreen","changeCameraBoxStyle","videos","document","handleFullScreen","goFullScreen","checkSplitScreenCameraList","r","getSplitName","openCameraSearchDialogFunc","changeViewCount","stopProgressBar","offline","player","getAllStreamingUrl","createPlayer","src","vm","closeAndDisposeAll","clearInterval","rtcViewer","SelectCameraCount","SelectCamera","SplitPlayer","splitScreenData","selectedCameraCountFunc","selectCancelFunc","cancelFunc","addSuccessFunc","newSplitFunc","changeViewCountFunc","updateSplitScreenListFunc","getSplitList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B4B;AACiB;AACY;AACzD;AACyD;AACpB;AACU;AAChC;EACfA;IACAC;IAAAC;IAAAC;IAAAC;EACA;EACAC;EACAC;IACAC;IACAC;EACA;EACAC;IACA;EACA;EACAC;IAEA;;IAIA;IACA;IACA;IACAC;EACA;EACAC;IACAC;MACA;IACA;IACAC;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxD2B;AACb;EACfd,aAEA;EACAK;EACAC;IACAS;EACA;EACAH;IACAC;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACJ2B;AACuC;AACD;AACnD;EACfb;IACAgB;IAAAC;EACA;EACAZ;EACAC;IACAY;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAC,QACA;EACAC;IACAC;MACA;QACA;MACA;QACA;MACA;IACA;EACA;EACAlB;IACA;MACA;IACA;EACA;EACAC;IACA;EACA;EACAE;IACAgB;MACA;MACA;MACA;QACA;MACA;MACA;MACA,sDACAC;QAEA;QACA;UACA;UACA;UACA;YACA;cACA;cACAvB;cACA;gBACA;cACA;cACA;gBACAK;kBACA;gBACA;cACA;YACA;cACA;cACAL;cACA;cACA;gBACAK;kBACA;gBACA;cACA;YACA;UACA;QACA;UACA;QACA;MACA;IACA;IACAmB;MACA;QACA;MACA;MACA;IACA;IACAC;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpB2B;AACL;AAC+C;AACvD;EACfC;IACAC;MAAAC;MAAAC;IAAA;EACA;EACAnC;IACAoC;EACA;EACA/B;EACAC;IACA+B;IACAC;IACAC;IACAC;IACAC;IACAC;EACA;EACAhC;IACA;EACA;EACAE;IACA+B;MACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;QACA;UAAA;UAAA;QAAA,QACA;UAAA;QAAA;MACA;MACA;QAAA;MAAA;MACA;MACA;QAAA;MAAA;MACA;QACA;QACA;QACA;QACA;MACA;MACA;IACA;IACAC;MACA;QACA;QACA;MACA;MACA;MACA;QACAX;QACAY;QACAC;QACAjB;MACA;MACA,yDACAJ;QAEA;QACA;MACA;QACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC3H2B;AACb;EACfG;IACAmB;MAAAjB;MAAAC;IAAA;EACA;EACAnC,aAEA;EACAK;EACAC;IACA8C;EACA;EACAxC;IACA+B;MACA;IACA;IACAU;MACA;MACA;IACA;IACAC;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACmM2B;AAC+B;AACT;AACd;AACL;AACa;AACf;AACN;AACkD;AACE;AACL;AACW;AAC1B;AAClB;AACD;AACK;AAE1B;EACftB;IACAC;MAAAC;MAAAC;IAAA;EACA;EACAnC;IACAuD;IACAC;IAAAC;IAAAC;EACA;EACArD;EACAC;IACAqD;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;MAAAC;MAAAC;QAAAC;MAAA;MAAAC;IAAA;IACAC;IACAC;IAAA;IACAC;EACA;EACA1D;IACAuC;MACA;MACA;IACA;EACA;EACA;IACA;IACA;MACA;IACA;EACA;EACAoB;IACA;EACA;EACAxE;IACA;AACA;AACA;IACA+B;MACA;IACA;IACA0C;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;MACAC;IACA;IACAC;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;QACA;UACA;UACA;YACA;YACA;UACA;UACA;QACA,aAEA;QACA;QAEA;QACA;UACAzD;UACAgB;QACA;QACA,0FACApB;UACA;UACA,qCACA,uCACA;UACA;UACA;QACA;MACA;IACA;IACA8D;MACA;MACA;MACA;MACA;MACA,sFACA,6FACA9D;QACA;UACA;YACA;YACA;YACA;YACA;UACA;QACA;QACA;QACA;QACA;MACA;QACA;MAEA;IACA;IACA+D;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;IACA;IACA/C;MACA;MACA;QACAgD;QACAC;QACAC;QACAC;MACA;MACA,mFACArE;QAEA;QACA;QACA;MACA;QACA;MACA;IACA;IACAsE;MACA,6HACA;IACA;IACAC;MACA;MACA;MACAlD;MACA;QACA;QACA;QACAmD;MACA;MACA;QACAC;QACAA;QACAA;QACAA;MACA;QACAA;QACAA;QACAA;QACAA;MACA;IACA;IACAC;MACA;MACA;MACA,wDACA,8DACA,oEACA;IACA;IACAC;MACA;MACA;QAAAvE;QAAAiC;MAAA;IACA;IACAuC;MACA,uEACAC;IACA;IACAC;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;QACA;QACA;UACA;UACA;QACA;UACA;UACA;QACA;UACA;UACA;QACA;MACA;QACA;UACA;UACA;UACA;QACA;QACA;QACA;UACA;UACA;QACA;UACA;UACA;QACA;UACA;UACA;QACA;MACA;IACA;IACAC;MACA;MACA;IACA;IACA;MACA;MACA;QACA;QACA;QACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA;IACA;MACA;MACA;MACA;MACA;QACA;QACA;QACAC;UACAA;QACA;QACAA;UACAA;QACA;MACA;MACA;QACA;QACA;QACAA;UACAA;QACA;QACAA;UACAA;QACA;MACA;MACApG;QACA;QACAqG;MACA;MACA;IACA;IACAC;MACA;MACA;MACA,iFACApF;QACA;UACA;YAAA;YACA;UACA;QACA;MACA;IACA;IACAqF;MACA;MACA;QACA;UACAC;UACAjF;QACA;QACAvB;UACAyG;UACA;QACA;QACA,mCAEA;QACA;UACAzG;YACA;cACAyG;YACA;UACA;QACA;MACA;MACA;IACA;IACAC;MACA;QACA;UACA;UACA;QACA;QACA;UACAC;QACA;MACA,aAEA;MAEA;QACAC;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACllB2B;AAC4B;AACV;AACF;AAC7B;EACfvH;IACAwH;IAAAC;IAAAC;EACA;EACArH;EACAC;IACAE;IACA4C;IACAuE;IACA1D;EACA;EACAvD;IACA;EACA;EACAE;IACAgH;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;MACA;IACA;IACAC;MACA;MACA;MACA,6DACAtG;QACA;QACA;QAEA,iFACA;MACA;QACA;MACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACrFD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,YAAY,EAAE;AACtD;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA,+BAA+B,sBAAsB;AACrD;AACA;AACA,aAAa,yCAAyC,aAAa,EAAE;AACrE;AACA;AACA;AACA,iBAAiB,wCAAwC,kBAAkB,EAAE;AAC7E;AACA;AACA;AACA;AACA;AACA,8BAA8B,gDAAgD;AAC9E;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA,yBAAyB;AACzB,uBAAuB;AACvB,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,iDAAiD;AAC/E;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA,yBAAyB;AACzB,uBAAuB;AACvB,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AChFA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,2BAA2B,EAAE;AACrE;AACA;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,sBAAsB,qCAAqC;AAC3D,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,gCAAgC,6CAA6C;AAC7E,0BAA0B,eAAe;AACzC,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACtDA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,wBAAwB,6BAA6B;AACrD,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,uBAAuB,yBAAyB;AAChD,iBAAiB;AACjB;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA;AACA,0BAA0B,8BAA8B;AACxD,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,iDAAiD;AACvE,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,wCAAwC,8BAA8B,EAAE;AAC7E;AACA;AACA;AACA;AACA,aAAa,mCAAmC,aAAa,EAAE;AAC/D;AACA;AACA;AACA,iBAAiB,mCAAmC,kBAAkB,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA,8BAA8B,4BAA4B;AAC1D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,gCAAgC;AAClE,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,sCAAsC,wCAAwC;AAC9E,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,kBAAkB;AAC9D;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,2BAA2B;AACzD,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,gCAAgC;AAClE,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,sCAAsC,wCAAwC;AAC9E,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,kBAAkB;AAC9D;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,mCAAmC,aAAa,EAAE;AAC/D;AACA;AACA;AACA;AACA;AACA,0BAA0B,kBAAkB;AAC5C,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,YAAY;AAC1C,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,gCAAgC;AAClE,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,sCAAsC,wCAAwC;AAC9E,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,kBAAkB;AAC9D;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,mCAAmC,aAAa,EAAE;AAC/D;AACA;AACA;AACA,iBAAiB,mCAAmC,kBAAkB,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,YAAY;AAC1C,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,iCAAiC;AACnE,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,sCAAsC,wCAAwC;AAC9E,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,4CAA4C,kBAAkB;AAC9D;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,6CAA6C,aAAa,EAAE;AACrE;AACA;AACA;AACA;AACA;AACA,sBAAsB,qCAAqC;AAC3D,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,uBAAuB,oBAAoB;AAC3C,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,uBAAuB,6BAA6B;AACpD,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,+CAA+C;AAC/D;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACjYA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,8BAA8B,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA,kBAAkB,8BAA8B;AAChD,SAAS;AACT;AACA;AACA;AACA;AACA;AACA,sBAAsB,oCAAoC;AAC1D,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,gCAAgC;AAC9D,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,+BAA+B,wBAAwB;AACvD,yBAAyB;AACzB;AACA;AACA;AACA,mCAAmC,mBAAO,CAAC,4EAAiC;AAC5E;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,aAAa;AACnC,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,0BAA0B,kBAAkB;AAC5C,iBAAiB;AACjB;AACA;AACA;AACA,qBAAqB,mCAAmC,YAAY,EAAE;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,mBAAO,CAAC,gEAA2B;AAClE,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,mCAAmC,YAAY,EAAE;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,mBAAO,CAAC,gEAA2B;AAClE,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,mCAAmC,YAAY,EAAE;AACtE;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B,mBAAO,CAAC,kEAA4B;AACnE,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA,6BAA6B;AAC7B,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AClNA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,wCAAwC,aAAa,EAAE;AAC5D;AACA;AACA;AACA,SAAS,wCAAwC,2BAA2B,EAAE;AAC9E;AACA;AACA;AACA,aAAa,mCAAmC,eAAe,EAAE;AACjE;AACA;AACA;AACA,iBAAiB,mCAAmC,kBAAkB,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,iCAAiC;AAC/E,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,2BAA2B;AACzE,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA,mDAAmD,mBAAO,CAAC,gGAA2C;AACtG,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA,uBAAuB;AACvB,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,yBAAyB;AAC/D;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA,0CAA0C,2BAA2B;AACrE,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA,kDAAkD,2BAA2B;AAC7E,yCAAyC;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA,2DAA2D,mBAAO,CAAC,0EAAgC;AACnG,qDAAqD;AACrD,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,sDAAsD,aAAa;AACnE,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,YAAY;AAC1D,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA,mDAAmD,mBAAO,CAAC,sEAA8B;AACzF,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA,6CAA6C;AAC7C,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA,mDAAmD,mBAAO,CAAC,gEAA2B;AACtF,6CAA6C;AAC7C,2CAA2C;AAC3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,iBAAiB;AAC/C,2BAA2B,8BAA8B;AACzD,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,mCAAmC,eAAe,EAAE;AACjE;AACA;AACA;AACA,iBAAiB,2BAA2B;AAC5C;AACA;AACA;AACA;AACA,8BAA8B,wCAAwC;AACtE;AACA;AACA;AACA,yBAAyB;AACzB,uBAAuB;AACvB,qBAAqB;AACrB;AACA;AACA;AACA,+BAA+B,mBAAO,CAAC,wFAAuC;AAC9E,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,wCAAwC;AACtE,2BAA2B,8BAA8B;AACzD,qBAAqB;AACrB;AACA;AACA;AACA,+BAA+B,mBAAO,CAAC,sFAAsC;AAC7E,yBAAyB;AACzB,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,mCAAmC,oBAAoB,EAAE;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,aAAa;AAC3C,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,kCAAkC,oBAAoB;AACtD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,YAAY;AAClD,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,aAAa;AACvD,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uEAAuE;AACvE,mEAAmE;AACnE,iEAAiE;AACjE;AACA;AACA;AACA,2EAA2E,mBAAO,CAAC,8DAA0B;AAC7G,qEAAqE;AACrE,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uEAAuE;AACvE,mEAAmE;AACnE,iEAAiE;AACjE;AACA;AACA;AACA,2EAA2E,mBAAO,CAAC,8DAA0B;AAC7G,qEAAqE;AACrE,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,aAAa;AAC3C,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,kCAAkC,kBAAkB;AACpD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,YAAY;AAClD,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,aAAa;AACvD,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uEAAuE;AACvE,mEAAmE;AACnE,iEAAiE;AACjE;AACA;AACA;AACA,2EAA2E,mBAAO,CAAC,8DAA0B;AAC7G,qEAAqE;AACrE,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uEAAuE;AACvE,mEAAmE;AACnE,iEAAiE;AACjE;AACA;AACA;AACA,2EAA2E,mBAAO,CAAC,8DAA0B;AAC7G,qEAAqE;AACrE,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8BAA8B,aAAa;AAC3C,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA,kCAAkC,kBAAkB;AACpD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA,sCAAsC,YAAY;AAClD,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,aAAa;AACvD,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uEAAuE;AACvE,mEAAmE;AACnE,iEAAiE;AACjE;AACA;AACA;AACA,2EAA2E,mBAAO,CAAC,8DAA0B;AAC7G,qEAAqE;AACrE,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uDAAuD;AACvD,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uEAAuE;AACvE,mEAAmE;AACnE,iEAAiE;AACjE;AACA;AACA;AACA,2EAA2E,mBAAO,CAAC,8DAA0B;AAC7G,qEAAqE;AACrE,mEAAmE;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA,+DAA+D;AAC/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA,yDAAyD;AACzD;AACA;AACA,yDAAyD;AACzD,uDAAuD;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D,yDAAyD;AACzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2CAA2C;AAC3C,yCAAyC;AACzC;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA,6BAA6B;AAC7B;AACA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,2BAA2B;AACxC;AACA;AACA;AACA,iBAAiB,0CAA0C,aAAa,EAAE;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;AACA;AACA,SAAS;AACT;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA,gBAAgB,+CAA+C;AAC/D;AACA;AACA;AACA,SAAS;AACT,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACv5CA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,aAAa,EAAE;AACvD;AACA;AACA;AACA;AACA,sBAAsB,6CAA6C;AACnE;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb;AACA;AACA;AACA;AACA,sBAAsB,qCAAqC;AAC3D,mBAAmB,yDAAyD;AAC5E,aAAa;AACb;AACA;AACA;AACA;AACA,sBAAsB,qCAAqC;AAC3D;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb;AACA;AACA;AACA;AACA,eAAe,0CAA0C,aAAa,EAAE;AACxE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AC1DA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,6BAA6B,wBAAwB,8BAA8B,GAAG,yCAAyC,iBAAiB,GAAG,gCAAgC,gBAAgB,qCAAqC,kCAAkC,oBAAoB,GAAG,iCAAiC,4BAA4B,kCAAkC,oBAAoB,gDAAgD,GAAG;AAC9d;AACA;;;;;;;;;;;;ACNA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS,6BAA6B,8BAA8B,qBAAqB,WAAW,eAAe,GAAG,iCAAiC,iBAAiB,GAAG,4BAA4B,wBAAwB,GAAG,yCAAyC,iBAAiB,GAAG,oCAAoC,kCAAkC,GAAG,4CAA4C,gCAAgC,iCAAiC,GAAG;AACte;AACA;;;;;;;;;;;;ACNA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS,kCAAkC,kBAAkB,GAAG;AAC9E;AACA;;;;;;;;;;;;ACNA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS,kCAAkC,8BAA8B,8BAA8B,eAAe,kBAAkB,qBAAqB,sBAAsB,uBAAuB,GAAG,iCAAiC,8BAA8B,8BAA8B,gBAAgB,kBAAkB,sBAAsB,uBAAuB,GAAG,kCAAkC,8BAA8B,8BAA8B,gBAAgB,kBAAkB,sBAAsB,uBAAuB,GAAG,uCAAuC,uBAAuB,aAAa,cAAc,qCAAqC,eAAe,GAAG,8CAA8C,uBAAuB,eAAe,qBAAqB,iCAAiC,qBAAqB,eAAe,yCAAyC,mBAAmB,GAAG;AACv7B;AACA;;;;;;;;;;;;ACNA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS,gCAAgC,8BAA8B,8BAA8B,iBAAiB,uBAAuB,qBAAqB,GAAG,qCAAqC,qCAAqC,uBAAuB,GAAG,+BAA+B,uBAAuB,aAAa,gBAAgB,GAAG;AAC7W;AACA;;;;;;;;;;;;ACNA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS,uCAAuC,8BAA8B,kCAAkC,iCAAiC,GAAG,sCAAsC,4BAA4B,gCAAgC,GAAG,uCAAuC,8BAA8B,kCAAkC,GAAG,iCAAiC,8BAA8B,eAAe,oBAAoB,qBAAqB,uBAAuB,GAAG,iCAAiC,8BAA8B,gBAAgB,kBAAkB,uBAAuB,GAAG,kCAAkC,8BAA8B,gBAAgB,kBAAkB,uBAAuB,GAAG,uCAAuC,uBAAuB,YAAY,cAAc,eAAe,GAAG,qCAAqC,kCAAkC,mBAAmB,mBAAmB,GAAG,kDAAkD,kCAAkC,mBAAmB,mBAAmB,GAAG,8CAA8C,uBAAuB,eAAe,qBAAqB,iCAAiC,qBAAqB,eAAe,yCAAyC,mBAAmB,GAAG,4BAA4B,wBAAwB,8BAA8B,GAAG,kCAAkC,oBAAoB,4BAA4B,GAAG,2CAA2C,iBAAiB,mBAAmB,GAAG,8CAA8C,kCAAkC,8BAA8B,iBAAiB,kBAAkB,gBAAgB,2BAA2B,GAAG,sCAAsC,4BAA4B,GAAG,sCAAsC,sBAAsB,qBAAqB,GAAG,+BAA+B,yCAAyC,iBAAiB,mBAAmB,mBAAmB,GAAG,8BAA8B,gBAAgB,oBAAoB,qBAAqB,wBAAwB,aAAa,cAAc,iBAAiB,2BAA2B,GAAG,gCAAgC,qBAAqB,GAAG,gCAAgC,gBAAgB,iBAAiB,iBAAiB,kBAAkB,GAAG,oCAAoC,eAAe,uBAAuB,4BAA4B,wBAAwB,kBAAkB,qBAAqB,iBAAiB,aAAa,GAAG;AACjjF;AACA;;;;;;;;;;;;ACNA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS,gCAAgC,8BAA8B,8BAA8B,iBAAiB,uBAAuB,qBAAqB,GAAG,qCAAqC,qCAAqC,GAAG;AAChQ;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,qyBAA2c;AACje;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf;;AAEA;AACA,cAAc,mBAAO,CAAC,4zBAA0d;AAChf;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf;;AAEA;AACA,cAAc,mBAAO,CAAC,w0BAAge;AACtf;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf;;AAEA;AACA,cAAc,mBAAO,CAAC,00BAAge;AACtf;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf;;AAEA;AACA,cAAc,mBAAO,CAAC,o1BAAqe;AAC3f;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf;;AAEA;AACA,cAAc,mBAAO,CAAC,w0BAA+d;AACrf;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf;;AAEA;AACA,cAAc,mBAAO,CAAC,w0BAA+d;AACrf;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf,iCAAiC,wlB;;;;;;;;;;;ACAjC,iCAAiC,4O;;;;;;;;;;;;ACAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAoG;AACvC;AACL;AACsC;;;AAG9F;AAC6F;AAC7F,gBAAgB,2GAAU;AAC1B,EAAE,+EAAM;AACR,EAAE,gGAAM;AACR,EAAE,yGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AACnD;AACC;AACM;AACN;AACpD,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,mFAAU,CAAC,uEAAI,CAAC;;;AAGxD;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AChDf;AAAA;AAAA,wCAAkS,CAAgB,0UAAG,EAAC,C;;;;;;;;;;;;ACAtT;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiG;AACvC;AACL;AACsC;;;AAG3F;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,4EAAM;AACR,EAAE,6FAAM;AACR,EAAE,sGAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACrD;AACA;AACpD,oGAAiB,aAAa,uEAAI,CAAC,uEAAI,CAAC;;;AAGxC;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA,wCAA2S,CAAgB,uUAAG,EAAC,C;;;;;;;;;;;;ACA/T;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAuG;AACvC;AACL;AACsC;;;AAGjG;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACrD;AACA;AACpD,oGAAiB,aAAa,uEAAI,CAAC,uEAAI,CAAC;;;AAGxC;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA,wCAAiT,CAAgB,6UAAG,EAAC,C;;;;;;;;;;;;ACArU;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAuG;AACvC;AACL;AACsC;;;AAGjG;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACtD;AACC;AACA;AACpD,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,uEAAI,CAAC;;;AAG7C;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC/Cf;AAAA;AAAA,wCAAiT,CAAgB,6UAAG,EAAC,C;;;;;;;;;;;;ACArU;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA4G;AACvC;AACL;AACsC;;;AAGtG;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,uFAAM;AACR,EAAE,wGAAM;AACR,EAAE,iHAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACtD;AACC;AACD;AACC;AACpD,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,sEAAI,CAAC,uEAAI,CAAC;;;AAGlD;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AChDf;AAAA;AAAA,wCAAsT,CAAgB,kVAAG,EAAC,C;;;;;;;;;;;;ACA1U;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsG;AACvC;AACL;AACsC;;;AAGhG;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,iFAAM;AACR,EAAE,kGAAM;AACR,EAAE,2GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACtD;AACC;AACG;AACJ;AACE;AACI;AACJ;AACwB;AACJ;AACrB;AACpD,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,4EAAM,CAAC,sEAAI,CAAC,yEAAK,CAAC,iFAAS,CAAC,0EAAK,CAAC,8GAAiB,CAAC,wGAAe,CAAC,uEAAI,CAAC;;;AAGjH;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtDf;AAAA;AAAA,wCAAgT,CAAgB,4UAAG,EAAC,C;;;;;;;;;;;;ACApU;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsG;AACvC;AACL;AACsC;;;AAGhG;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,iFAAM;AACR,EAAE,kGAAM;AACR,EAAE,2GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACrD;AACyB;AAC7E,oGAAiB,aAAa,uEAAI,CAAC,6GAAiB,CAAC;;;AAGrD;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;AC9Cf;AAAA;AAAA,wCAAgT,CAAgB,4UAAG,EAAC,C;;;;;;;;;;;;ACApU;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/PrivateStoreCCTV.js","sourcesContent":["<template>\n\t<v-container fluid class=\"ma-0 pa-0\">\n    <Header />\n    <v-col class=\"pa-0\" id=\"main_content_maxwidthset\" cols=\"12\">\n\t\t\t<CCTVStatusBox class=\"mt-5\" />\n\n      <v-col class=\"ma-0 pa-0 pb-10\" cols=\"12\">\n\t\t\t\t<v-row class=\"ma-0 pa-0 mb-2\" align=\"center\">\n\t\t\t\t\t<v-btn width=\"9rem\" height=\"50px\" class=\"ma-0 pa-0\" \n\t\t\t\t\t\tid=\"header_btn\" elevation=\"0\" @click=\"view('cameraList')\"\n\t\t\t\t\t\t:class=\"{'current_btn': currentView === 'cameraList' }\">\n\t\t\t\t\t\t{{td('cameraList')}}\n\t\t\t\t\t</v-btn>\n\t\t\t\t\t<v-btn width=\"9rem\" height=\"50px\" class=\"ma-0 pa-0\" \n\t\t\t\t\t\tid=\"header_btn\" elevation=\"0\" @click=\"view('splitScreen')\"\n\t\t\t\t\t\t:class=\"{'current_btn': currentView === 'splitScreen' }\">\n\t\t\t\t\t\t{{'分割画面'}}\n\t\t\t\t\t</v-btn>\n\t\t\t\t</v-row>\n\t\t\t\t<template v-if=\"currentView == 'cameraList'\">\n        \t<ThumbnailBox />\n\t\t\t\t</template>\n\t\t\t\t<template v-else>\n\t\t\t\t\t<SplitScreen />\n\t\t\t\t</template>\n      </v-col>\n\t\t</v-col>\n\t</v-container>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport Header from './components/Header.vue';\nimport ThumbnailBox from './components/ThumbnailBox.vue';\nimport CCTVStatusBox from '@/views/dashboard/CCTVStatusBox.vue'\nimport SplitScreen from './split-screen/SplitScreen.vue';\nimport rtcViewer from '@/api/webrtc';\nimport { VideoErrorStatus } from '@/constants';\nexport default {\n\tcomponents: {\n    Header, ThumbnailBox, CCTVStatusBox, SplitScreen\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tauthorities: {},\n\t\tcurrentView: 'cameraList',\n\t}),\n  created() {\n\t\tthis.authorities = this.$store.getters.getAuthorities;\n  },\n  mounted() {\n    console.group('%cUser Data', \"font-size:14px;color:#008DD0;\");\n      // console.log(JSON.parse(sessionStorage.getItem('auth')));\n      console.log('%cUser Detail\\n', \"color:#008DD0;\", this.$store.state.userData.user);\n\t\t\tconsole.log('%cAuthorities\\n', \"color:#008DD0;\", this.$store.getters.getAuthorities);\n    console.groupEnd();\n\t\tthis.checkCameraAuthResult();\n\t\tif(this.$route.query.view != undefined) this.currentView = 'splitScreen';\n    this.$store.commit('player/SET_PLAYER_ALL_VALUE_DEFAULT');\n    setTimeout(() => rtcViewer.removeRTCRemnants(), 1000);\n  },\n  methods: {\n\t\ttd(t) {\n      return this.$t(\"lang.dashboard.\" + t);\n    },\n\t\tview(screen) {\n\t\t\tthis.currentView = screen;\n\t\t},\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.v-list {\n  background: #171921;\n\tborder: 1px solid #4A4A4A;\n}\n::v-deep {\n  .v-list-item__title{\n    color: white;\n  }\n}\n#header_btn {\n\tcolor: #fff;\n\tborder-bottom: 1px solid #484848;\n\tbackground-color: transparent;\n\tmin-width: 1rem;\n}\n.current_btn {\n\tcolor: white !important;\n\tbackground-color: transparent;\n\tmin-width: 1rem;\n\tborder-bottom: 4px solid #008DD0 !important;\n}\n</style>","<template>\n\t<v-col class=\"ma-0 pa-0\" cols=\"12\" id=\"header\">\n\t\t<v-col class=\"pa-0\" cols=\"12\" id=\"main_content_maxwidthset\">\n\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" id=\"header_body\">\n\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"auto\" style=\"font-weight:bold;font-size:1rem;\">\n\t\t\t\t\t{{ this.$i18n.locale == 'jp' ? formatDateLang(today, 'jp') : (this.$i18n.locale == 'en' ? formatDateLang(today, 'en') : formatDateLang(today, 'ko')) }}\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</v-col>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nexport default {\n\tcomponents: {\n\t\t\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\ttoday: new Date(),\n\t}),\n\tmethods: {\n\t\ttd(t) {\n      return this.$t(\"lang.dashboard.\" + t);\n    },\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#header {\n\tbackground-color: #272A33;\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 5;\n}\n#header_body {\n\theight: 50px;\n}\n.v-list {\n  background: #171921;\n}\n::v-deep {\n\t.v-list-item__title{\n\t\tcolor: white;\n\t}\n\t.v-input__slot {\n\t\tpadding-right: 2px !important;\n\t}\n\t.v-input__append-inner {\n\t\tmargin-top: 16px !important;\n\t\tpadding-left: 0px !important;\n\t}\n}\n</style>","<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 v-for=\"(item, index) in videoStreamList\" :key=\"index\" ref=\"thumbnailRefArr\" \n\t\t\t\tclass=\"ma-0 pa-2\" cols=\"4\" align=\"center\"\n\t\t\t\t:class=\"{'non_display': videoStreamList[index] == undefined || streamingUrlLoading }\">\n\t\t\t\t<ThumbnailListItem\n\t\t\t\t\t:item=\"item\" :index=\"index\" :imgLoaders=\"imgLoaders\"\n\t\t\t\t\t:streamingUrlLoading=\"streamingUrlLoading\" @onLoad=\"onLoadFunc\" />\n\t\t\t</v-col>\n\t\t\t<v-col class=\"ma-0 pa-15\" cols=\"12\" align=\"center\"\n\t\t\t\tv-if=\"videoStreamList.length == 0 && streamingUrlLoading == false\">\n\t\t\t\t{{t('noData')}}\n\t\t\t</v-col>\n\t\t</v-row>\n\n\t\t<template v-if=\"streamingUrlLoading\">\n\t\t\t<ImageSkeleton :loaderCount=\"9\" width='100%' height='208px' />\n\t\t</template>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport ThumbnailListItem from '@/components/ThumbnailListItem.vue';\nimport ImageSkeleton from '@/components/loader/ImageSkeleton.vue';\nexport default {\n\tcomponents: {\n\t\tThumbnailListItem, ImageSkeleton\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tstreamList: [],\n\t\tvideoStreamList: [],\n\t\tstreamingUrlLoading: false,\n\t\timgLoaders: [],\n    deviceStatusList: ['5', '10', '12', '17', '19', '20'],\n    deviceErrorStr: '',\n\t\ttempList: [],\n\t}),\n\twatch: {\n\t},\n\tfilters: {\n\t\tstatusFormat: function(str) {\n\t\t\tif(str != undefined) {\n\t\t\t\treturn str.length > 20 ? str.substring(0,20) + '...' : str;\n\t\t\t} else {\n\t\t\t\treturn '';\n\t\t\t}\n\t\t}\n\t},\n\tcreated() {\n\t\tfor(var i = 0; i < 99; i++) {\n\t\t\tthis.imgLoaders.push(true)\n\t\t}\n\t},\n\tmounted() {\n\t\tthis.getCameraList();\n\t},\n\tmethods: {\n\t\tgetCameraList() {\n\t\t\tthis.streamingUrlLoading = true;\n\t\t\tthis.imgLoaders = [];\n\t\t\tfor(var i = 0; i < 99; i++) {\n\t\t\t\tthis.imgLoaders.push(true)\n\t\t\t}\n\t\t\tlet params = {};\n\t\t\tthis.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\tif(res.data.length != 0) {\n\t\t\t\t\tthis.videoStreamList = [];\n\t\t\t\t\tthis.tempList = [];\n\t\t\t\t\tthis.streamList.forEach((item, index) => {\n\t\t\t\t\t\tif(this.checkVideoStreamAvailable(item) == false) {\n\t\t\t\t\t\t\tlet data = item;\n\t\t\t\t\t\t\tdata.streamAble = false;\n\t\t\t\t\t\t\tif(item.isUas == false) {\n\t\t\t\t\t\t\t\tthis.tempList.push(data);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif(index == this.streamList.length - 1) {\n\t\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\t\tthis.listSorting();\n\t\t\t\t\t\t\t\t}, 250);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tlet data = item;\n\t\t\t\t\t\t\tdata.streamAble = true;\n\t\t\t\t\t\t\tthis.tempList.push(data);\n\t\t\t\t\t\t\tif(index == this.streamList.length - 1) {\n\t\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\t\tthis.listSorting();\n\t\t\t\t\t\t\t\t}, 250);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tthis.streamingUrlLoading = false;\n\t\t\t\t}\n\t\t\t}).catch(error => { });\n\t\t},\n\t\tlistSorting() {\n\t\t\tthis.videoStreamList = this.tempList.sort(function(a, b) {\n\t\t\t\treturn (a.cameraName < b.cameraName) ? -1 : ((a.cameraName > b.cameraName) ? 1 : 0);\n\t\t\t});\n\t\t\tthis.streamingUrlLoading = false;\n\t\t},\n\t\tonLoadFunc(data) {\n\t\t\tthis.imgLoaders.splice(data.index, 1, data.value);\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.non_display {\n\tdisplay: none;\n}\n</style>","<template>\n\t<v-col class=\"ma-0 pa-5 mt-7\" cols=\"12\" align=\"center\">\n\t\t<v-col class=\"ma-0 pa-0\" cols=\"12\"\n\t\t\tv-if=\"viewCount == 4\">\n\t\t\t<v-row class=\"ma-0 pa-2\" align=\"center\">\n\t\t\t\t<v-col class=\"ma-0 pa-0 pr-2\" cols=\"6\" align=\"right\">\n\t\t\t\t\t<v-col v-for=\"(item, index) in 2\" :key=\"index\" id=\"camera_4box\" class=\"ma-0 pa-0 mb-4\" cols=\"12\">\n\t\t\t\t\t\t<v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n\t\t\t\t\t\t\t<v-btn width=\"9rem\" height=\"2rem\" class=\"ma-0 pa-0\" \n\t\t\t\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"cameraSelect(index, $event)\">\n\t\t\t\t\t\t\t\t{{tsg('selectCamera')}}\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</v-col>\n\t\t  \t\t\t<v-col id=\"camera_select_bottom_bar\" style=\"display:none;\" class=\"ma-0 pa-0 ellipsis\" cols=\"12\">\n              {{'cameraName'}}\n\t\t  \t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-col>\n\t\t\t\t<v-col class=\"ma-0 pa-0 pl-2\" cols=\"6\" align=\"left\">\n\t\t\t\t\t<v-col v-for=\"(item, index) in 2\" :key=\"index\" id=\"camera_4box\" class=\"ma-0 pa-0 mb-4\" cols=\"12\">\n\t\t\t\t\t\t<v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n\t\t\t\t\t\t\t<v-btn width=\"9rem\" height=\"2rem\" class=\"ma-0 pa-0\" \n\t\t\t\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"cameraSelect(index+2, $event)\">\n\t\t\t\t\t\t\t\t{{tsg('selectCamera')}}\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</v-col>\n\t\t  \t\t\t<v-col id=\"camera_select_bottom_bar\" style=\"display:none;\" class=\"ma-0 pa-0 ellipsis\" cols=\"12\">\n              {{'cameraName'}}\n\t\t  \t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</v-col>\n\n\t\t<v-col class=\"ma-0 pa-0\" cols=\"12\"\n\t\t\tv-if=\"viewCount == 9\">\n\t\t\t<v-row class=\"ma-0 pa-0 pl-1 pr-1\" align=\"center\">\n\t\t\t\t<v-col v-for=\"(item, index) in 3\" :key=\"index\" class=\"ma-0 pa-0 pr-1 pl-1\" cols=\"4\">\n\t\t\t\t\t<v-col v-for=\"(item_nest, index_nest) in 3\" :key=\"index_nest\" id=\"camera_9box\" \n\t\t\t\t\t\tclass=\"ma-0 pa-0 mb-2\" cols=\"12\">\n\t\t\t\t\t\t<v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n\t\t\t\t\t\t\t<v-btn width=\"9rem\" height=\"2rem\" class=\"ma-0 pa-0\" \n\t\t\t\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"cameraSelect(index_nest + 3*index, $event)\">\n\t\t\t\t\t\t\t\t{{tsg('selectCamera')}}\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</v-col>\n\t\t  \t\t\t<v-col id=\"camera_select_bottom_bar\" style=\"display:none;\" class=\"ma-0 pa-0 ellipsis\" cols=\"12\">\n              {{'cameraName'}}\n\t\t  \t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</v-col>\n\t\t\n\t\t<v-col class=\"ma-0 pa-0\" cols=\"12\"\n\t\t\tv-if=\"viewCount == 16\">\n\t\t\t<v-row class=\"ma-0 pa-2\" align=\"center\">\n\t\t\t\t<v-col v-for=\"(item, index) in 4\" :key=\"index\" class=\"ma-0 pa-0 pl-1 pr-1\" cols=\"3\">\n\t\t\t\t\t<v-col v-for=\"(item_nest, index_nest) in 4\" :key=\"index_nest\" id=\"camera_16box\" \n\t\t\t\t\t\tclass=\"ma-0 pa-0 mb-2\" cols=\"12\">\n\t\t\t\t\t\t<v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n\t\t\t\t\t\t\t<v-btn width=\"8rem\" height=\"2rem\" class=\"ma-0 pa-0\" \n\t\t\t\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"cameraSelect(index_nest + 4*index, $event)\">\n\t\t\t\t\t\t\t\t{{tsg('selectCamera')}}\n\t\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t\t</v-col>\n\t\t  \t\t\t<v-col id=\"camera_select_bottom_bar\" style=\"display:none;\" class=\"ma-0 pa-0 ellipsis\" cols=\"12\">\n              {{'cameraName'}}\n\t\t  \t\t\t</v-col>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-col>\n\t\t\t</v-row>\n\t\t</v-col>\n\t\t<v-col class=\"ma-0 pa-0 mt-3 mb-7\" cols=\"12\">\n\t\t\t<v-row class=\"ma-0 pa-0\" align=\"center\" justify=\"center\">\n\t\t\t\t<v-btn width=\"9rem\" height=\"2rem\" class=\"ma-0 pa-0\" \n\t\t\t\t\tid=\"grey_btn\" elevation=\"0\" @click=\"cancel\">\n\t\t\t\t\t{{t('cancel')}}\n\t\t\t\t</v-btn>\n\t\t\t\t<v-btn width=\"9rem\" height=\"2rem\" class=\"ma-0 pa-0 ml-3\" \n\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"makeSplitScreen\"\n\t\t\t\t\t:loading=\"createLoading\">\n\t\t\t\t\t{{t('create')}}\n\t\t\t\t</v-btn>\n\t\t\t</v-row>\n\t\t</v-col>\n\t\t<SelectCameraDialog :dialogVisible=\"selectCameraDialogVisible\"\n\t\t\t@selectCamera=\"selectCameraFunc\" @visible=\"selectCameraDialogVisibleFunc\" />\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport $ from 'jquery';\nimport SelectCameraDialog from '../components/SelectCameraDialog.vue';\nexport default {\n\tprops: {\n\t\tviewCount: { type: Number, default: 4 }\n\t},\n\tcomponents: {\n\t\tSelectCameraDialog\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tunisCustomerCd: '',\n\t\tselectCameraDialogVisible: false,\n\t\tselectedCamera: null,\n\t\tselectedCameraList: [],\n    selectedIndex: null,\n\t\tcreateLoading: false,\n\t}),\n\tmounted() {\n\t\tthis.unisCustomerCd = this.$store.getters.getUserunisCustomerCd;\n\t},\n\tmethods: {\n\t\ttsg(t) {\n      return this.$t(\"lang.group.\" + t);\n    },\n\t\tcameraSelect(index, event) {\n      this.selectCameraDialogVisible = true\n      this.selectedIndex = index;\n      this.selectedCamera = $(event.currentTarget).parent().parent();\n    },\n\t\tcancel() {\n\t\t\tthis.$emit('cancel', true);\n\t\t\tthis.selectedCamera = null;\n\t\t\tthis.selectedCameraList = [];\n\t\t},\n\t\tselectCameraDialogVisibleFunc(visible) {\n\t\t\tthis.selectCameraDialogVisible = visible;\n\t\t},\n\t\tselectCameraFunc(camera) {\n\t\t\tif(camera) {\n\t\t\t\tif(camera.thumbnail) this.selectedCamera.css({\"background-image\": 'url(' + camera.thumbnail + ')', \"background-size\": '100% 100%'});\n        else this.selectedCamera.css({\"background-image\" : 'none'});\n\t\t\t}\n\t\t\tthis.selectedCamera.children().eq(0).css({'display': 'none'});\n      this.selectedCamera.children().eq(1).html(camera.cameraName);\n      this.selectedCamera.children().eq(1).css({'display': 'block'});\n\t\t\tthis.selectedCameraList.push({\n        'index': this.selectedIndex,\n        'contractCd': camera.contractCd,\n        'portNo': camera.portNo,\n\t\t\t\t'thingType': camera.thingType\n      });\n      this.selectedCameraList = this.selectedCameraList.sort((a,b) => a.index - b.index);\n\t\t},\n\t\tmakeSplitScreen() {\n\t\t\tif(this.selectedCameraList.length == 0) {\n\t\t\t\tthis.showToastMessage(this.tmb('noCameraSelected'));\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tthis.createLoading = true;\n      let params = {\n        unisCustomerCd: this.unisCustomerCd,\n        splitName: \"名称未設定\" + Math.floor(Math.random() * 1001),\n        cameras: this.selectedCameraList,\n\t\t\t\tviewCount: this.viewCount\n      };\n      this.networkController.addPrivateUserSplitScreen(params)\n      .then((res) => {\n\t\t\t\tconsole.log(res.data);\n\t\t\t\tthis.createLoading = false;\n\t\t\t  this.$emit('addSuccess', res.data);\n      }).catch(error => {\n        this.createLoading = false;\n      });\n\t\t},\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#camera_4box {\n\tbackground-color: #4E4E4E;\n\tborder: 1px solid #FFFFFF;\n\twidth: 90%;\n\theight: 15rem;\n\tmin-width: 30rem;\n\tmin-height: 15rem;\n\tposition: relative;\n}\n#camera_9box {\n\tbackground-color: #4E4E4E;\n\tborder: 1px solid #FFFFFF;\n\twidth: 100%;\n\theight: 12rem;\n\tmin-height: 12rem;\n\tposition: relative;\n}\n#camera_16box {\n\tbackground-color: #4E4E4E;\n\tborder: 1px solid #FFFFFF;\n\twidth: 100%;\n\theight: 10rem;\n\tmin-height: 10rem;\n\tposition: relative;\n}\n#camera_select_btn {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tz-index: 3;\n}\n#camera_select_bottom_bar {\n  position: absolute;\n  bottom: 0%;\n  text-align: left;\n  padding-left: 1em !important;\n  font-size: 0.8em;\n  z-index: 3;\n  background-color: rgba(0, 0, 0, 0.7);\n  color: #A8A8A8;\n}\n</style>","<template>\n\t<v-col class=\"ma-0 pa-5\" cols=\"12\" align=\"center\">\n\t\t<v-col class=\"ma-0 pa-0 mt-15\" cols=\"12\" id=\"group_box\">\n\t\t\t<v-col class=\"ma-0 pa-2\" cols=\"12\" id=\"group_box_title\">\n\t\t\t\t{{tsg('selectSplitScreenLayout')}}\n        <v-col id=\"close_btn\" class=\"ma-0 pa-0\" cols=\"auto\"\n          v-if=\"splitListCount > 0\">\n          <v-btn width=\"2rem\" height=\"2rem\" class=\"ma-0 pa-0\"\n                 id=\"back_clean_btn\" elevation=\"0\" @click=\"clickClose\">\n            <img src=\"@/assets/images/popup_close.png\" id=\"btn_img\">\n          </v-btn>\n        </v-col>\n\t\t\t</v-col>\n\t\t\t<v-col class=\"ma-0 pt-6 pb-6 pl-15 pr-15\" cols=\"12\">\n\t\t\t\t<v-row class=\"ma-0 pa-0 pt-9 pb-9\" align=\"center\">\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t<v-img max-height=\"6rem\" max-width=\"8rem\" class=\"ma-0 pa-0 mb-4\"\n\t\t\t\t\t\t\tsrc=\"@/assets/images/4view.png\"></v-img>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"2rem\" class=\"ma-0 pa-0 pl-2 pr-2\" \n\t\t\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"selectCameraCount(4)\">\n\t\t\t\t\t\t\t{{'4' + tsg('createdLayoutWithCameras')}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t<v-img max-height=\"6rem\" max-width=\"8rem\" class=\"ma-0 pa-0 mb-4\"\n\t\t\t\t\t\t\tsrc=\"@/assets/images/9view.png\"></v-img>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"2rem\" class=\"ma-0 pa-0 pl-2 pr-2\" \n\t\t\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"selectCameraCount(9)\">\n\t\t\t\t\t\t\t{{'9' + tsg('createdLayoutWithCameras')}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</v-col>\n\t\t\t\t\t<v-col class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t<v-img max-height=\"6rem\" max-width=\"8rem\" class=\"ma-0 pa-0 mb-4\"\n\t\t\t\t\t\t\tsrc=\"@/assets/images/16view.png\"></v-img>\n\t\t\t\t\t\t<v-btn width=\"auto\" height=\"2rem\" class=\"ma-0 pa-0 pl-2 pr-2\" \n\t\t\t\t\t\t\tid=\"blue_btn\" elevation=\"0\" @click=\"selectCameraCount(16)\">\n\t\t\t\t\t\t\t{{'16' + tsg('createdLayoutWithCameras')}}\n\t\t\t\t\t\t</v-btn>\n\t\t\t\t\t</v-col>\n\t\t\t\t</v-row>\n\t\t\t</v-col>\n\t\t</v-col>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nexport default {\n  props: {\n    splitListCount: { type: Number, default: 0 }\n  },\n\tcomponents: {\n\t\t\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tselectedCameraCount: 4,\n\t}),\n\tmethods: {\n\t\ttsg(t) {\n      return this.$t(\"lang.group.\" + t);\n    },\n\t\tselectCameraCount(count) {\n\t\t\tthis.selectedCameraCount = count;\n\t\t\tthis.$emit('selectedCameraCount', count);\n\t\t},\n    clickClose() {\n      this.$emit('selectCancel', true);\n    }\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#group_box {\n\tbackground-color: #171921;\n\tborder: 1px solid #6A6A6A;\n\tcolor: white;\n\tborder-radius: 5px;\n\tmax-width: 700px;\n}\n#group_box_title {\n\tborder-bottom: 1px solid #6A6A6A;\n  position: relative;\n}\n#close_btn {\n  position: absolute;\n  top: 5px;\n  right: 15px;\n}\n</style>","<template>\n  <v-col class=\"ma-0 pa-0 pt-2\" cols=\"12\">\n\t\t<v-row class=\"ma-0 pa-0 mb-3\" justify=\"space-between\">\n      <v-col class=\"ma-0 pa-0\" cols=\"auto\">\n        <v-row class=\"ma-0 pa-0\" align=\"center\">\n          {{tsg('selectSplitScreen')}} : \n          <v-menu offset-y :close-on-content-click=\"false\" v-model=\"splitScreenSelectMenu\">\n            <template v-slot:activator=\"{on, attrs}\">\n              <v-btn id=\"split_screen_select_menu\" class=\"ml-2 text-none\" v-bind=\"attrs\" v-on=\"on\">\n                <v-row class=\"ma-0 pa-0\" justify=\"space-between\">\n                  <v-col class=\"ma-0 pa-0 pl-2 ellipsis\" cols=\"11\" id=\"select_menu_text\">\n                    {{splitscreenNameFormat(selectedSplitScreen)}}\n                  </v-col>\n                  <v-col class=\"ma-0 pa-0\" cols=\"1\" align-self=\"end\">\n                    <v-img src=\"@/assets/images/icon_arrow_down_small.png\"></v-img>\n                  </v-col>\n                </v-row>\n              </v-btn>\n            </template>\n            <v-list>\n              <v-list-item id=\"select_list_item\" v-for=\"(item, index) in splitScreenList\" :key=\"index\" @click=\"closeNameChangeDialog(item.splitName)\">\n                <v-row class=\"ma-0 pa-0\" justify=\"space-between\">\n                  <v-col class=\"ma-0 pa-0 pl-2\" cols=\"8\" align-self=\"center\">\n                    <v-row class=\"ma-0 pa-0\" justify=\"space-between\">\n                      <v-col class=\"ma-0 pa-0 pr-1\" cols=\"2\" align-self=\"center\">\n                        <v-img v-if=\"item.splitName == selectedSplitScreen\" src=\"@/assets/images/icon_check.png\"></v-img>\n                      </v-col>\n                      <v-col class=\"ma-0 pa-0 ellipsis\" cols=\"10\" style=\"text-align: left;max-width:200px;\">\n                        {{splitscreenNameFormat(item.splitName)}}\n                      </v-col>\n                    </v-row>\n                  </v-col>\n                  <v-col class=\"ma-0 pa-0\" cols=\"4\">\n                    <v-btn id=\"transparent_btn_select_small\" elevation=\"0\" @click=\"nameChangeDialogFunc(item.id, item.splitName)\">\n                      <v-img src=\"@/assets/images/icon_pen.png\"></v-img>\n                    </v-btn>\n                    <v-btn id=\"transparent_btn_select_small\" elevation=\"0\" @click=\"deleteSplitScreen(item.id)\">\n                      <v-img src=\"@/assets/images/close.png\"></v-img>\n                    </v-btn>\n                  </v-col>\n                </v-row>\n              </v-list-item>\n            </v-list>\n          </v-menu>\n          <v-btn id=\"blue_btn\" class=\"ml-2\" @click=\"goNewSplitScreen\">\n            {{tsg('createSplitScreen')}}\n          </v-btn>\n        </v-row>\n      </v-col>\n      <v-col class=\"ma-0 pa-0\" cols=\"auto\">\n        <v-row class=\"ma-0 pa-0\">\n          <v-btn id=\"transparent_btn\" elevation=\"0\" @click=\"splitScreenDialogVisible = true\">\n            <v-img src=\"@/assets/images/icon_split_screen.png\"></v-img>\n          </v-btn>\n          <v-btn id=\"transparent_btn\" elevation=\"0\" @click=\"handleFullScreen\">\n            <v-img src=\"@/assets/images/video_fullscreen.png\"></v-img>\n          </v-btn>\n        </v-row>\n      </v-col>\n    </v-row>\n\n\t\t<v-row class=\"ma-0 pa-0\" id=\"camera-area\" v-if=\"!loading\">\n\t\t  <v-col v-if=\"viewCount == 4\" class=\"ma-0 pa-0\" cols=\"12\" :key=\"view4\">\n\t\t  \t<v-row class=\"ma-0 pa-2\" justify=\"center\">\n          <v-col v-for=\"(item, index) in 2\" :key=\"index\" class=\"ma-0 pa-0\" cols=\"6\">\n            <v-col v-for=\"(item_nest, index_nest) in 2\" :key=\"index_nest\" class=\"ma-0 pa-0\" cols=\"12\">\n              <v-hover v-slot=\"{ hover }\">\n                <v-col v-if=\"checkSplitScreenCameraList(index, index_nest, 2)\" \n\t\t\t\t\t\t\t\t\tid=\"camera_4box\" class=\"ma-0 pa-0 ml-1 mr-1 mb-2\">\n                  <v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n                    <v-btn v-if=\"hover\" id=\"hover_btn\" @click=\"showMenu(index_nest + 2 * index, 4)\">\n                      <v-img src=\"@/assets/images/dots.png\"></v-img>\n                    </v-btn>\n\t\t  \t\t\t\t    </v-col>\n\t\t  \t\t\t\t    <v-col id=\"camera_select_bottom_bar\" class=\"ma-0 pa-0\" cols=\"12\">\n                    {{getSplitName(index, index_nest, 2)}}\n\t\t  \t\t\t\t    </v-col>\n                  <SplitScreenHoverMenuList v-if=\"hover\" :index=\"index\" :indexCalc=\"2\" video\n                                            :index_nest=\"index_nest\" :players=\"players\"\n                                            :splitScreenCameraList=\"splitScreenCameraList\"\n                                            :viewCount=\"viewCount\" :selectedSplitScreen=\"selectedSplitScreen\"\n                                            @deleteCamera=\"deleteSplitCamera\"\n                                            @openCameraSearchDialog=\"openCameraSearchDialogFunc\" />\n                  <v-progress-linear\n                    :id=\"'example-4-progress' + (index_nest + 2 * index)\"\n                    indeterminate\n                    color=\"blue\"\n                  />\n                  <video :id=\"'example-4-video' + (index_nest + 2 * index)\" width=\"100%\" height=\"100%\" \n\t\t\t\t\t\t\t\t\t\tmuted style=\"object-fit: fill;\"\n                    class=\"ma-2 pa-0 video-js vjs-default-skin vjs-big-play-centered vjs-custom\">\n                  </video>\n                </v-col>\n                <v-col v-else id=\"camera_4box\" class=\"ma-0 pa-0 ml-1 mr-1 mb-2\">\n\t\t  \t\t\t\t    <v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n                    <v-btn v-if=\"hover\" id=\"hover_btn\" @click=\"showMenu(index_nest + 2 * index, 4)\">\n                      <v-img src=\"@/assets/images/dots.png\"></v-img>\n                    </v-btn>\n\t\t  \t\t\t\t    </v-col>\n                  <SplitScreenHoverMenuList v-if=\"hover\" :index=\"index\" :indexCalc=\"2\"\n                                            :index_nest=\"index_nest\" :players=\"players\"\n                                            :splitScreenCameraList=\"splitScreenCameraList\"\n                                            :viewCount=\"viewCount\" :selectedSplitScreen=\"selectedSplitScreen\"\n                                            @deleteCamera=\"deleteSplitCamera\"\n                                            @openCameraSearchDialog=\"openCameraSearchDialogFunc\" />\n                  <v-progress-linear\n                    :id=\"'example-4-progress' + (index_nest + 2 * index)\"\n                    indeterminate\n                    color=\"blue\"\n                  />\n                  <video :id=\"'example-4-video' + (index_nest + 2 * index)\" width=\"100%\" height=\"100%\" \n\t\t\t\t\t\t\t\t\t\tmuted style=\"object-fit: fill;\"\n                    class=\"ma-2 pa-0 video-js vjs-default-skin vjs-big-play-centered vjs-custom\">\n                  </video>\n                  <v-col :id=\"'no-data-video' + (index_nest + 2 * index)\" class=\"video_grey_box\" style=\"display:flex;\">\n                    {{t('noData')}}\n                  </v-col>\n                </v-col>\n              </v-hover>\n            </v-col>\n          </v-col>\n\t\t  \t</v-row>\n\t\t  </v-col>\n\n\t\t  <v-col v-if=\"viewCount == 9\" class=\"ma-0 pa-0\" cols=\"12\" :key=\"view9\">\n\t\t  \t<v-row class=\"ma-0 pa-2\" align=\"center\">\n          <v-col v-for=\"(item, index) in 3\" :key=\"index\" class=\"ma-0 pa-0\" cols=\"4\">\n            <v-col v-for=\"(item_nest, index_nest) in 3\" :key=\"index_nest\" class=\"ma-0 pa-0 pr-1 pl-1 mb-2\" cols=\"12\">\n              <v-hover v-slot=\"{ hover }\">\n                <v-col v-if=\"checkSplitScreenCameraList(index, index_nest, 3)\" \n\t\t\t\t\t\t\t\t\tid=\"camera_9box\" class=\"ma-0 pa-0\">\n                  <v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n                    <v-btn v-if=\"hover\" id=\"hover_btn\" @click=\"showMenu(index_nest + 3 * index, 9)\">\n                      <v-img src=\"@/assets/images/dots.png\"></v-img>\n                    </v-btn>\n\t\t  \t\t\t\t    </v-col>\n                  <v-col id=\"camera_select_bottom_bar\" class=\"ma-0 pa-0\" cols=\"12\">\n                    {{getSplitName(index, index_nest, 3)}}\n\t\t  \t\t\t\t    </v-col>\n                  <SplitScreenHoverMenuList v-if=\"hover\" :index=\"index\" :indexCalc=\"3\" video\n                                            :index_nest=\"index_nest\" :players=\"players\"\n                                            :splitScreenCameraList=\"splitScreenCameraList\"\n                                            :viewCount=\"viewCount\" :selectedSplitScreen=\"selectedSplitScreen\"\n                                            @deleteCamera=\"deleteSplitCamera\"\n                                            @openCameraSearchDialog=\"openCameraSearchDialogFunc\" />\n                  <v-progress-linear\n                    :id=\"'example-9-progress' + (index_nest + 3 * index)\"\n                    indeterminate\n                    color=\"blue\"\n                  />\n                  <video :id=\"'example-9-video' + (index_nest + 3 * index)\" width=550 height=350 \n\t\t\t\t\t\t\t\t\t\tmuted style=\"object-fit: fill;\"\n                    class=\"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\">\n                  </video>\n                </v-col>\n                <v-col v-else id=\"camera_9box\" class=\"ma-0 pa-0\">\n\t\t  \t\t\t\t    <v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n                    <v-btn v-if=\"hover\" id=\"hover_btn\" @click=\"showMenu(index_nest + 3 * index, 9)\">\n                      <v-img src=\"@/assets/images/dots.png\"></v-img>\n                    </v-btn>\n\t\t  \t\t\t\t    </v-col>\n                  <SplitScreenHoverMenuList v-if=\"hover\" :index=\"index\" :indexCalc=\"3\"\n                                            :index_nest=\"index_nest\" :players=\"players\"\n                                            :splitScreenCameraList=\"splitScreenCameraList\"\n                                            :viewCount=\"viewCount\" :selectedSplitScreen=\"selectedSplitScreen\"\n                                            @deleteCamera=\"deleteSplitCamera\"\n                                            @openCameraSearchDialog=\"openCameraSearchDialogFunc\" />\n                  <v-progress-linear\n                    :id=\"'example-9-progress' + (index_nest + 3 * index)\"\n                    indeterminate\n                    color=\"blue\"\n                  />\n                  <video :id=\"'example-9-video' + (index_nest + 3 * index)\" muted\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: fill;\"\n                    class=\"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\">\n                  </video>\n                  <v-col :id=\"'no-data-video' + (index_nest + 3 * index)\" class=\"video_grey_box\" style=\"display:flex;\">\n                    {{t('noData')}}\n                  </v-col>\n                </v-col>\n              </v-hover>\n            </v-col>\n          </v-col>\n\t\t  \t</v-row>\n\t\t  </v-col>\n\n\t\t  <v-col v-if=\"viewCount == 16\" class=\"ma-0 pa-0\" cols=\"12\" :key=\"view16\">\n\t\t  \t<v-row class=\"ma-0 pa-2\" align=\"center\">\n          <v-col v-for=\"(item, index) in 4\" :key=\"index\" class=\"ma-0 pa-0\" cols=\"3\">\n            <v-col v-for=\"(item_nest, index_nest) in 4\" :key=\"index_nest\" class=\"ma-0 pa-0 pr-1 pl-1 mb-2\" cols=\"12\">\n              <v-hover v-slot=\"{ hover }\">\n                <v-col v-if=\"checkSplitScreenCameraList(index, index_nest, 4)\" \n\t\t\t\t\t\t\t\t\tid=\"camera_16box\" class=\"ma-0 pa-0\">\n                  <v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n                    <v-btn v-if=\"hover\" id=\"hover_btn\" @click=\"showMenu(index_nest + 4 * index, 16)\">\n                      <v-img src=\"@/assets/images/dots.png\"></v-img>\n                    </v-btn>\n\t\t  \t\t\t\t    </v-col>\n                  <v-col id=\"camera_select_bottom_bar\" class=\"ma-0 pa-0\" cols=\"12\">\n                    {{getSplitName(index, index_nest, 4)}}\n\t\t  \t\t\t\t    </v-col>\n                  <SplitScreenHoverMenuList v-if=\"hover\" :index=\"index\" :indexCalc=\"4\" video\n                                            :index_nest=\"index_nest\" :players=\"players\"\n                                            :splitScreenCameraList=\"splitScreenCameraList\"\n                                            :viewCount=\"viewCount\" :selectedSplitScreen=\"selectedSplitScreen\"\n                                            @deleteCamera=\"deleteSplitCamera\"\n                                            @openCameraSearchDialog=\"openCameraSearchDialogFunc\" />\n                  <v-progress-linear\n                    :id=\"'example-16-progress' + (index_nest + 4 * index)\"\n                    indeterminate\n                    color=\"blue\"\n                  />\n                  <video :id=\"'example-16-video' + (index_nest + 4 * index)\" width=550 height=350 \n\t\t\t\t\t\t\t\t\t\tmuted style=\"object-fit: fill;\"\n                    class=\"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\">\n                  </video>\n                </v-col>\n                <v-col v-else id=\"camera_16box\" class=\"ma-0 pa-0\">\n                  <v-col id=\"camera_select_btn\" class=\"ma-0 pa-0\" cols=\"auto\">\n                    <v-btn v-if=\"hover\" id=\"hover_btn\" @click=\"showMenu(index_nest + 4 * index, 16)\">\n                      <v-img src=\"@/assets/images/dots.png\"></v-img>\n                    </v-btn>\n\t\t  \t\t\t\t    </v-col>\n                  <SplitScreenHoverMenuList v-if=\"hover\" :index=\"index\" :indexCalc=\"4\"\n                                            :index_nest=\"index_nest\" :players=\"players\"\n                                            :splitScreenCameraList=\"splitScreenCameraList\"\n                                            :viewCount=\"viewCount\" :selectedSplitScreen=\"selectedSplitScreen\"\n                                            @deleteCamera=\"deleteSplitCamera\"\n                                            @openCameraSearchDialog=\"openCameraSearchDialogFunc\" />\n                  <v-progress-linear\n                    :id=\"'example-16-progress' + (index_nest + 4 * index)\"\n                    indeterminate\n                    color=\"blue\"\n                  />\n                  <video :id=\"'example-16-video' + (index_nest + 4 * index)\" muted\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: fill;\"\n                    class=\"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\">\n                  </video>\n                  <v-col :id=\"'no-data-video' + (index_nest + 4 * index)\" class=\"video_grey_box\" style=\"display:flex;\">\n                    {{t('noData')}}\n                  </v-col>\n                </v-col>\n              </v-hover>\n            </v-col>\n          </v-col>\n\t\t  \t</v-row>\n\t\t  </v-col>\n    </v-row>\n\t\t<v-row class=\"ma-0 pa-0\" v-else>\n\t\t\t<v-col class=\"ma-0 pa-10 mt-10\" cols=\"12\">\n\t\t\t\t<v-progress-circular indeterminate color=\"white\"\n          :width=\"6\" :size=\"50\"></v-progress-circular>\n\t\t\t</v-col>\n\t\t</v-row>\n\t\t<NameChangeDialog :dialogVisible=\"nameChangeDialogVisible\" :editType=\"editNameType\"\n      :currentId=\"currentId\" :currentName=\"currentName\"\n      @nameUpdate=\"nameUpdateFunc\" @visible=\"nameChangeDialogVisibleFunc\"/>\n\t\t<SplitScreenDialog :dialogVisible=\"splitScreenDialogVisible\" :viewCount=\"viewCount\"\n      @visible=\"splitScreenDialogVisibleFunc\" @selectedViewCount=\"selectedViewCountFunc\" />\n\t\t<SearchCameraDialog :dialogVisible=\"searchCameraDialogVisible\"\n\t\t\t@visible=\"searchCameraDialogVisibleFunc\" @selectCamera=\"selectCameraFunc\" />\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport privateSplitMixin from './mixin/privateSplitScreen';\nimport peerMixin from '@/views/player/mixin/peer';\nimport 'video.js/dist/video-js.css';\nimport videojs from 'video.js';\nimport ja from 'video.js/dist/lang/ja.json';\nimport 'videojs-contrib-hls';\nimport $ from 'jquery';\nimport NameChangeDialog from '@/components/dialogs/NameChangeDialog.vue';\nimport SplitScreenDialog from '@/components/dialogs/SplitScreenDialog.vue';\nimport SearchCameraDialog from '../components/SelectCameraDialog.vue';\nimport SplitScreenHoverMenuList from \"@/components/SplitScreenHoverMenuList.vue\";\nimport { isIOS, isSafari } from 'mobile-device-detect';\nimport rtcViewer from '@/api/webrtc';\nimport Offline from '@/api/offline';\nimport { ApiVersion } from '@/constants';\n\nexport default {\n\tprops: {\n\t\tviewCount: { type: Number, default: 4 }\n\t},\n\tcomponents: {\n    SplitScreenHoverMenuList,\n\t\tNameChangeDialog, SplitScreenDialog, SearchCameraDialog\n\t},\n\tmixins: [mixin.common, privateSplitMixin, peerMixin],\n\tdata: () => ({\n\t\tnameChangeDialogVisible: false,\n\t\tsplitScreenDialogVisible: false,\n\t\tsearchCameraDialogVisible: false,\n\t\tsplitScreenSelectMenu: false,\n\t\tsplitScreenCameraList: [],\n\t\tselectedSplitScreen: '',\n\t\tsplitScreenList: [],\n\t\tsplitScreenId: '',\n\t\teditNameType: 'privateSplitList',\n\t\tcurrentId: '',\n\t\tcurrentName: '',\n\t\tcurrentItemIndex: 0,\n\t\tloading: false,\n\t\tplayers: [],\n\t\tview4: 0,\n    view9: 10,\n    view16: 100,\n    playerOptions: { language: 'ja', languages: { ja }, autoplay: 'muted' },\n\t\tstreamingCount: 0,\n    pausePlayInterval: null, // 초기화\n    webrtcConnections: [],\n\t}),\n\twatch: {\n    selectedSplitScreen: function(item) {\n      this.$store.commit('setSelectedSplitScreen', item);\n      this.getSplitListCameras(0);\n    }\n  },\n\tasync mounted() {\n\t\tawait this.getSplitList();\n    if (isSafari) {\n      this.initializePausePlayInterval();\n    }\n\t},\n\tbeforeDestroy() {\n\t\tthis.closeAndDisposeAll();\n  },\n\tmethods: {\n\t\t/*\n\t\t* 함수가 없는경우 ./mixin/privateSplitScreen.js 에서 찾을것\n\t\t*/\n\t\ttsg(t) {\n      return this.$t(\"lang.group.\" + t);\n    },    \n\t\tcloseNameChangeDialog(value) {\n      if(this.nameChangeDialogVisible === false) this.splitScreenSelectMenu = false;\n      this.selectedSplitScreen = value;\n    },\n\t\tnameChangeDialogFunc(id, name) {\n      this.editNameType = 'privateSplitList';\n      this.currentId = id;\n      this.currentName = this.splitscreenNameFormat(name);\n      this.nameChangeDialogVisible = true;\n      this.splitScreenSelectMenu = true;\n      event.stopPropagation();\n    },\n\t\tgoNewSplitScreen() {\n\t\t\tthis.$emit('newSplit', true);\n\t\t},\n\t\tsplitScreenDialogVisibleFunc(visible) {\n      this.splitScreenDialogVisible = visible;\n    },\n\t\tselectedViewCountFunc(value) {\n\t\t\tif(value != this.viewCount) {\n\t\t\t\ttry {\n\t\t\t\t\t// viewCount 변경 전에 재생되고 있는 player들을 dispose 해야 새로 스트리밍 되는 비디오 재생 가능\n\t\t\t\t\tfor(let i = 0; i < this.players.length; i++) {\n\t\t\t\t\t\t// 중간에 스트리밍 되지 않은 비디오는 dispose 하면 에러가 나기 때문에 if문으로 처리\n\t\t\t\t\t\tif(this.players[i]) this.players[i].dispose();\n\t\t\t\t\t}\n\t\t\t\t\tthis.players = [];\n\t\t\t\t} catch(e) {\n          console.log(e);\n        }\n\t\t\t\tthis.$emit('changeViewCount', value);\n\n\t\t\t\tconst idx = this.splitScreenList.findIndex(r => r.splitName === this.selectedSplitScreen);\n\t\t\t\tconst params = {\n\t\t\t\t\tviewCount: value,\n\t\t\t\t\tsplitName: this.selectedSplitScreen\n\t\t\t\t};\n\t\t\t\tthis.networkController.updatePrivateUserSplitScreen(params, this.splitScreenList[idx].id)\n        .then(async (res) => {\n\t\t\t\t\t//rerendering을 위한 key값 변경\n\t\t\t\t\tif(value == 9) this.view9 += 1;\n\t\t\t\t\telse if(value == 16) this.view16 += 1;\n\t\t\t\t\telse this.view4 += 1;\n\t\t\t\t\tthis.showToastMessage(this.tmb('requestSuccess'));\n\t\t\t\t\tthis.getSplitListCameras(value);   \n        }).catch(error => { });\n\t\t\t}\n\t\t},\n    deleteSplitCamera(idx) {\n      // 지점분할화면 선택한 카메라 삭제\n      this.$vloading.show();\n      let params = {};\n      const index = this.splitScreenCameraList.findIndex(r => r.index === idx);\n      this.networkController.deletePrivateUserSplitScreenCamera(params, this.splitScreenId,\n        this.splitScreenCameraList[index].contractCd, this.splitScreenCameraList[index].portNo, idx)\n        .then((res) => {\n          for(let i=0; i<this.players.length; i++) {\n            if(this.players[i] != undefined && this.players[i].id() == 'example-'+this.viewCount+'-video' +idx){\n              // console.log(this.players[i].id());\n              // console.log('example-'+this.viewCount+'-video' +idx);\n              this.players[i].dispose();\n              this.players[i] = null;\n            }\n          }\n          this.splitScreenCameraList.splice(index, 1);\n          this.$vloading.hide();\n          this.showToastMessage(this.tmb('requestSuccess'));\n        }).catch(error => {\n        this.$vloading.hide();\n        console.log(\"delete split camera error\");\n      });\n    },\n\t\tnameUpdateFunc(item) {\n      let currentIndex = this.splitScreenList.findIndex(r => r.id === item.id);\n      this.splitScreenList[currentIndex].splitName = item.splitName;\n      this.selectedSplitScreen = item.splitName;\n    },\n\t\tnameChangeDialogVisibleFunc(visible) {\n      this.nameChangeDialogVisible = visible;\n    },\n\t\tsearchCameraDialogVisibleFunc(visible) {\n\t\t\tthis.searchCameraDialogVisible = visible;\n\t\t},\n\t\tselectCameraFunc(camera) {\n\t\t\tthis.$vloading.show();\n      let params = {\n        index: this.currentItemIndex,\n        contractCd: camera.contractCd,\n        portNo: camera.portNo,\n        thingType: camera.thingType\n      };\n      this.networkController.addPrivateUserSplitScreenCamera(params, this.splitScreenId)\n      .then((res) => {\n\t\t\t\tconsole.log(res.data);\n\t\t\t\tthis.splitScreenCameraList = res.data.cameras;\n        this.$vloading.hide();\n\t\t\t\tthis.getSplitListCameras(0);\n      }).catch(error => {\n        this.$vloading.hide();\n      });\n\t\t},\n    exitFullScreen() {\n      if (!document.fullscreenElement && !document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement)\n        this.changeCameraBoxStyle(false);\n    },\n    changeCameraBoxStyle(isAdd) {\n      const cameras = document.querySelectorAll(`#camera-area #camera_${this.viewCount}box`);\n      const className = `camera_full_${this.viewCount}box`;\n      cameras.forEach(ele => isAdd ? ele.classList.add(className) : ele.classList.remove(className));\n      if (this.viewCount === 4) {\n        const videos = document.querySelectorAll(`#camera-area #camera_${this.viewCount}box video`);\n        const style = `video-js-${this.viewCount}`;\n        videos.forEach(ele => isAdd ? ele.classList.add(style) : ele.classList.remove(style));\n      }\n      if (isAdd) {\n        document.addEventListener('fullscreenchange', this.exitFullScreen);\n        document.addEventListener('mozfullscreenchange', this.exitFullScreen);\n        document.addEventListener('webkitfullscreenchange', this.exitFullScreen);\n        document.addEventListener('MSFullscreenChange', this.exitFullScreen);\n      } else {\n        document.removeEventListener('fullscreenchange', this.exitFullScreen);\n        document.removeEventListener('mozfullscreenchange', this.exitFullScreen);\n        document.removeEventListener('webkitfullscreenchange', this.exitFullScreen);\n        document.removeEventListener('MSFullscreenChange', this.exitFullScreen);\n      }\n    },\n    handleFullScreen() {\n      this.changeCameraBoxStyle(true);\n      const ele = document.getElementById('camera-area');\n      if (ele.requestFullscreen) ele.requestFullscreen();\n      else if (ele.mozRequestFullScreen) ele.mozRequestFullScreen();\n      else if (ele.webkitRequestFullscreen) ele.webkitRequestFullscreen();\n      else if (ele.msRequestFullscreen) ele.msRequestFullscreen();\n    },\n\t\tgoFullScreen() {\n\t\t\tthis.$store.commit('setSelectedSplitScreen', this.selectedSplitScreen);\n      this.pushRoute('/private/split-screen/full', { viewCount: this.viewCount, splitScreenId: this.splitScreenId });\n\t\t},\n\t\tcheckSplitScreenCameraList(idx, index_nest, total) {\n\t\t\treturn this.splitScreenCameraList[this.splitScreenCameraList.findIndex(\n\t\t\t\tr => r.index === index_nest + total*idx)] !== undefined\n\t\t},\n    getSplitName(idx, index_nest, total) {\n      return this.splitScreenCameraList[this.splitScreenCameraList.findIndex(r => r.index === index_nest + total*idx)].cameraName;\n    },\n    openCameraSearchDialogFunc(index) {\n      this.currentItemIndex = index;\n      this.searchCameraDialogVisible = true;\n    },\n\t\tchangeViewCount(data) {\n\t\t\tif(data.viewCount) {\n\t\t\t\tthis.$emit('changeViewCount', data.viewCount);\n\t\t\t\tif(data.viewCount == 4) {\n\t\t\t\t\tthis.$emit('changeViewCount', 4);\n\t\t\t\t\tthis.view4 += 1;\n\t\t\t\t} else if(data.viewCount == 9) {\n\t\t\t\t\tthis.$emit('changeViewCount', 9);\n\t\t\t\t\tthis.view9 += 1;\n\t\t\t\t} else {\n\t\t\t\t\tthis.$emit('changeViewCount', 16);\n\t\t\t\t\tthis.view16 += 1;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif(this.splitScreenCameraList.length === 0) {\n\t\t\t\t\tthis.$emit('changeViewCount', 4);\n\t\t\t\t\tthis.view4 += 1;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet length = this.splitScreenCameraList.length-1;\n\t\t\t\tif(this.splitScreenCameraList[length].index < 4) {\n\t\t\t\t\tthis.$emit('changeViewCount', 4);\n\t\t\t\t\tthis.view4 += 1;\n\t\t\t\t} else if(this.splitScreenCameraList[length].index > 8) {\n\t\t\t\t\tthis.$emit('changeViewCount', 16);\n\t\t\t\t\tthis.view16 += 1;\n\t\t\t\t} else {\n\t\t\t\t\tthis.$emit('changeViewCount', 9);\n\t\t\t\t\tthis.view9 += 1;\n\t\t\t\t}\n\t\t\t}\n    },\n    stopProgressBar(id) {\n      const progress = document.getElementById(id);\n      if (progress) progress.style.display = 'none';\n    },\n    async getRTCPeerConStream(streamData, index) {\n      const isSessionFull = await this.checkSessionLimitFull(streamData.contractCd, streamData.portNo);\n      if (isSessionFull) {\n        this.stopProgressBar(`example-${this.viewCount}-progress${streamData.index}`);\n        this.printTextInPlayer(`example-${this.viewCount}-video${streamData.index}`, this.t('errorMsgMaxSession'));\n        return false;\n      }\n      await this.networkController.setCameraSignalingStart({}, streamData.contractCd, streamData.portNo);\n      const res = await this.networkController.getCameraInfo({}, streamData.contractCd, streamData.portNo);\n      const info = res.data;\n      await this.checkWebRTCReady(streamData.contractCd, streamData.portNo);\n      const informs = this.getWebRTCInformations(info);\n      const videoEle = document.getElementById(`example-${this.viewCount}-video${streamData.index}`);\n      this.createRTCPlayer(videoEle, informs, streamData.index, info);\n    },\n    async createRTCPlayer(player, webrtcInforms, streamingCount, cameraInfo) {\n      this.webrtcConnections.push(webrtcInforms);\n      await rtcViewer.startViewer(player, webrtcInforms);\n      this.players[streamingCount] = videojs(player.id, this.playerOptions);\n      if (cameraInfo.apiVersion > ApiVersion.NO_DATA_CH) {\n        const that = this.getOfflineThat(webrtcInforms, cameraInfo);\n        const offline = new Offline(that, rtcViewer);\n        offline.viewer.dataChannel.onopen = () => {\n          offline.sendMessage('live');\n        }\n        offline.viewer.dataChannel.onmessage = (evt) => {\n          offline.receiveMessageSimple(evt);\n        }\n      } \n      if (cameraInfo.webrtc.playback && cameraInfo.webrtc.playback.supported) {\n        const that = this.getOfflineThat(webrtcInforms, cameraInfo);\n        const offline = new Offline(that, rtcViewer);\n        offline.viewer.dataChannel.onopen = () => {\n          offline.sendMessage('live');\n        }\n        offline.viewer.dataChannel.onmessage = (evt) => {\n          offline.receiveMessageSimple(evt);\n        }\n      }\n      setTimeout(() => {\n        this.stopProgressBar(`example-${this.viewCount}-progress${streamingCount}`);\n        player.play();\n      }, 3000);\n      this.streamingCount = this.streamingCount + 1;\n    },\n\t\tgetAllStreamingUrl(streamData, index) {\n\t\t\tthis.streamingCount = 0;\n      let params = {};\n      this.networkController.getHlsStreamingUrl(params, streamData.streamName, '', '')\n      .then((res) => {\n        this.splitScreenCameraList.forEach((item) => {\n          if(item.streamName == streamData.streamName && item.index == streamData.index) { //이름과 index가 모두 같은 경우\n            this.createPlayer(res.data.hlsstreamingSessionURL, streamData.index);\n          }\n        });\n      }).catch(error => { });\n    },\n\t\tcreatePlayer(videoSourceUrl, streamingCount) {\n      const vm = this;\n      this.players[streamingCount] = videojs(`example-${this.viewCount}-video${streamingCount}`, this.playerOptions, function onPlayerReady() {\n\t\t\t  this.src({\n\t\t\t\t\tsrc: videoSourceUrl,\n\t\t\t\t\ttype: 'application/x-mpegURL'\n\t\t\t\t});\n        setTimeout(() => {\n          vm.stopProgressBar(`example-${vm.viewCount}-progress${streamingCount}`);\n          this.play(); \n        }, 500);\n        this.on('error', function(event) {\n          console.log(event);\n        })\n        this.on('waiting', () => {\n          setTimeout(() => {\n            if (this.readyState() < 3) {\n              vm.restartPlayer(streamingCount);\n            }\n          }, 20000);\n        });\n      });\n      this.streamingCount = this.streamingCount + 1;\n    },\n    closeAndDisposeAll() {\n      try {\n        for (let i = 0; i < this.players.length; i++) {\n          // 중간에 스트리밍 되지 않은 비디오는 dispose 하면 에러가 나기 때문에 if문으로 처리\n          if (this.players[i]) this.players[i].dispose();\n        }\n        if (this.pausePlayInterval) {\n          clearInterval(this.pausePlayInterval);\n        }\n      } catch (e) {\n        console.log(e);\n      }\n\n      this.webrtcConnections.forEach(informs => {\n        rtcViewer.stopViewer(informs);\n      })\n    },\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.camera_full_4box {\n  height: 49.5vh !important;\n  min-height: 49.5vh !important;\n  min-width: 49.5vw !important;\n}\n.camera_full_9box {\n  height: 33vh !important;\n  min-height: 33vh !important;\n}\n.camera_full_16box {\n  height: 24.5vh !important;\n  min-height: 24.5vh !important;\n}\n#camera_4box {\n\tbackground-color: #4E4E4E;\n\twidth: 98%;\n\theight: 17.5rem;\n\tmin-width: 30rem;\n\tposition: relative;\n}\n#camera_9box {\n\tbackground-color: #4E4E4E;\n\twidth: 100%;\n\theight: 12rem;\n\tposition: relative;\n}\n#camera_16box {\n\tbackground-color: #4E4E4E;\n\twidth: 100%;\n\theight: 10rem;\n\tposition: relative;\n}\n#camera_select_btn {\n\tposition: absolute;\n\ttop: 4%;\n  right: 2%;\n\tz-index: 3;\n}\n#transparent_btn {\n  background-color: transparent;\n  max-width: 4em;\n  min-width: 4em;\n}\n#transparent_btn_select_small {\n  background-color: transparent;\n  max-width: 3em;\n  min-width: 3em;\n}\n#camera_select_bottom_bar {\n  position: absolute;\n  bottom: 0%;\n  text-align: left;\n  padding-left: 1em !important;\n  font-size: 0.8em;\n  z-index: 3;\n  background-color: rgba(0, 0, 0, 0.7);\n  color: #A8A8A8;\n}\n.v-list {\n  background: #171921;\n\tborder: 1px solid #4A4A4A;\n}\n::v-deep {\n  .v-list-item{\n    min-height: 0px;\n    color: white !important;\n  }\n  .v-list-item__content{\n    color: white;\n    padding: 5px 0;\n  }\n}\n#split_screen_select_menu {\n  background-color: transparent;\n  border: 1px solid #4A4A4A;\n  color: white;\n  height: 2.7em;\n  width: 20em;\n  justify-content: start;\n}\n#select_list_item {\n  padding: 0px !important;\n}\n#select_menu_text {\n  text-align: start;\n\tmax-width: 185px;\n}\n#hover_btn {\n  background-color: rgba(0, 0, 0, 0.7);\n  color: white;\n  min-width: 3em;\n  max-width: 3em;\n}\n.video-js {\n\twidth: 100%;\n  height: 17.5rem;\n\tmin-width: 30rem;\n\tmin-height: 17.5rem;\n  //position: absolute;\n  top: 0px;\n  left: 0px;\n  padding: 0px;\n  margin: 0px !important;\n}\n.video-js-4 {\n  min-height: 49vh;\n }\n.video-js-9 {\n\twidth: 100%;\n  height: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n}\n.video_grey_box {\n  z-index:1;\n  position:absolute;\n  justify-content: center;\n  align-items: center;\n  display: none;\n  background: grey;\n  height: 100%;\n  top: 0px;\n}\n</style>","<template>\n  <v-col class=\"ma-0 pa-0\" cols=\"12\">\n\t\t<template v-if=\"currentView == 'selectCount'\">\n\t\t\t<SelectCameraCount :splitListCount=\"splitScreenList.length\"\n        @selectedCameraCount=\"selectedCameraCountFunc\"\n        @selectCancel=\"selectCancelFunc\" />\n\t\t</template>\n\t\t<template v-else-if=\"currentView == 'selectCamera'\">\n\t\t\t<SelectCamera :viewCount=\"selectedCameraCount\" @cancel=\"cancelFunc\" \n\t\t\t\t@addSuccess=\"addSuccessFunc\" />\n\t\t</template>\n\t\t<template v-else-if=\"currentView == 'selectSplitPlayer'\">\n\t\t\t<SplitPlayer :viewCount=\"selectedCameraCount\" @newSplit=\"newSplitFunc\"\n                   @changeViewCount=\"changeViewCountFunc\"\n                   @updateSplitScreenList=\"updateSplitScreenListFunc\" />\n\t\t</template>\n\t\t<template v-else>\n\t\t\t<v-col class=\"ma-0 pa-10 mt-10\" cols=\"12\">\n\t\t\t\t<v-progress-circular indeterminate color=\"white\"\n          :width=\"6\" :size=\"50\"></v-progress-circular>\n\t\t\t</v-col>\n\t\t</template>\n\t</v-col>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport SelectCameraCount from './SelectCameraCount.vue';\nimport SelectCamera from './SelectCamera.vue';\nimport SplitPlayer from './SplitPlayer.vue';\nexport default {\n\tcomponents: {\n\t\tSelectCameraCount, SelectCamera, SplitPlayer\n\t},\n\tmixins: [mixin.common],\n\tdata: () => ({\n\t\tcurrentView: 'loading',\n\t\tselectedCameraCount: 4,\n\t\tsplitScreenData: null,\n\t\tsplitScreenList: [],\n\t}),\n\tmounted() {\n\t\tthis.getSplitList();\n\t},\n\tmethods: {\n\t\tselectedCameraCountFunc(count) {\n\t\t\tthis.selectedCameraCount = count;\n\t\t\tthis.currentView = 'selectCamera';\n\t\t},\n    selectCancelFunc(status) {\n      this.currentView = 'selectSplitPlayer';\n    },\n\t\tcancelFunc(status) {\n\t\t\tthis.currentView = 'selectCount';\n\t\t},\n\t\taddSuccessFunc(splitData) {\n\t\t\tthis.splitScreenData = splitData;\n      this.$store.commit('setSelectedSplitScreen', splitData.splitName);\n\t\t\tthis.currentView = 'selectSplitPlayer';\n\t\t},\n\t\tnewSplitFunc(status) {\n\t\t\tthis.currentView = 'selectCount';\n\t\t},\n\t\tchangeViewCountFunc(cnt) {\n\t\t\tthis.selectedCameraCount = cnt;\n\t\t},\n    updateSplitScreenListFunc(data) {\n      this.splitScreenList = data;\n      this.$store.commit('setAllPrivateSplitScreenList', data);\n    },\n\t\tgetSplitList() { \n\t\t\t// 분할 화면 리스트 데이터 받아오기\n      let params = {};\n      this.networkController.getPrivateUserSplitScreenList(params)\n      .then((res) => {\n        this.splitScreenList = res.data;\n\t\t\t\tthis.$store.commit('setAllPrivateSplitScreenList', res.data);\n        console.log('getSplitList', this.splitScreenList.length, this.currentView);\n\t\t\t\tif(this.splitScreenList.length > 0) this.currentView = 'selectSplitPlayer';\n\t\t\t\telse this.currentView = 'selectCount';\n      }).catch(error => {\n\t\t\t\tthis.currentView = 'selectCount';\n\t\t\t});\n    },\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#group_box {\n\tbackground-color: #171921;\n\tborder: 1px solid #6A6A6A;\n\tcolor: white;\n\tborder-radius: 5px;\n\tmax-width: 700px;\n}\n#group_box_title {\n\tborder-bottom: 1px solid #6A6A6A;\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-container\",\n    { staticClass: \"ma-0 pa-0\", attrs: { fluid: \"\" } },\n    [\n      _c(\"Header\"),\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"pa-0\",\n          attrs: { id: \"main_content_maxwidthset\", cols: \"12\" },\n        },\n        [\n          _c(\"CCTVStatusBox\", { staticClass: \"mt-5\" }),\n          _c(\n            \"v-col\",\n            { staticClass: \"ma-0 pa-0 pb-10\", attrs: { cols: \"12\" } },\n            [\n              _c(\n                \"v-row\",\n                { staticClass: \"ma-0 pa-0 mb-2\", attrs: { align: \"center\" } },\n                [\n                  _c(\n                    \"v-btn\",\n                    {\n                      staticClass: \"ma-0 pa-0\",\n                      class: { current_btn: _vm.currentView === \"cameraList\" },\n                      attrs: {\n                        width: \"9rem\",\n                        height: \"50px\",\n                        id: \"header_btn\",\n                        elevation: \"0\",\n                      },\n                      on: {\n                        click: function ($event) {\n                          return _vm.view(\"cameraList\")\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(_vm.td(\"cameraList\")) + \" \")]\n                  ),\n                  _c(\n                    \"v-btn\",\n                    {\n                      staticClass: \"ma-0 pa-0\",\n                      class: { current_btn: _vm.currentView === \"splitScreen\" },\n                      attrs: {\n                        width: \"9rem\",\n                        height: \"50px\",\n                        id: \"header_btn\",\n                        elevation: \"0\",\n                      },\n                      on: {\n                        click: function ($event) {\n                          return _vm.view(\"splitScreen\")\n                        },\n                      },\n                    },\n                    [_vm._v(\" \" + _vm._s(\"分割画面\") + \" \")]\n                  ),\n                ],\n                1\n              ),\n              _vm.currentView == \"cameraList\"\n                ? [_c(\"ThumbnailBox\")]\n                : [_c(\"SplitScreen\")],\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: \"header\" } },\n    [\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"pa-0\",\n          attrs: { cols: \"12\", id: \"main_content_maxwidthset\" },\n        },\n        [\n          _c(\n            \"v-row\",\n            {\n              staticClass: \"ma-0 pa-0\",\n              attrs: { align: \"center\", id: \"header_body\" },\n            },\n            [\n              _c(\n                \"v-col\",\n                {\n                  staticClass: \"ma-0 pa-0\",\n                  staticStyle: { \"font-weight\": \"bold\", \"font-size\": \"1rem\" },\n                  attrs: { cols: \"auto\" },\n                },\n                [\n                  _vm._v(\n                    \" \" +\n                      _vm._s(\n                        this.$i18n.locale == \"jp\"\n                          ? _vm.formatDateLang(_vm.today, \"jp\")\n                          : this.$i18n.locale == \"en\"\n                          ? _vm.formatDateLang(_vm.today, \"en\")\n                          : _vm.formatDateLang(_vm.today, \"ko\")\n                      ) +\n                      \" \"\n                  ),\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-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        [\n          _vm._l(_vm.videoStreamList, function (item, index) {\n            return _c(\n              \"v-col\",\n              {\n                key: index,\n                ref: \"thumbnailRefArr\",\n                refInFor: true,\n                staticClass: \"ma-0 pa-2\",\n                class: {\n                  non_display:\n                    _vm.videoStreamList[index] == undefined ||\n                    _vm.streamingUrlLoading,\n                },\n                attrs: { cols: \"4\", align: \"center\" },\n              },\n              [\n                _c(\"ThumbnailListItem\", {\n                  attrs: {\n                    item: item,\n                    index: index,\n                    imgLoaders: _vm.imgLoaders,\n                    streamingUrlLoading: _vm.streamingUrlLoading,\n                  },\n                  on: { onLoad: _vm.onLoadFunc },\n                }),\n              ],\n              1\n            )\n          }),\n          _vm.videoStreamList.length == 0 && _vm.streamingUrlLoading == false\n            ? _c(\n                \"v-col\",\n                {\n                  staticClass: \"ma-0 pa-15\",\n                  attrs: { cols: \"12\", align: \"center\" },\n                },\n                [_vm._v(\" \" + _vm._s(_vm.t(\"noData\")) + \" \")]\n              )\n            : _vm._e(),\n        ],\n        2\n      ),\n      _vm.streamingUrlLoading\n        ? [\n            _c(\"ImageSkeleton\", {\n              attrs: { loaderCount: 9, width: \"100%\", height: \"208px\" },\n            }),\n          ]\n        : _vm._e(),\n    ],\n    2\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-5 mt-7\", attrs: { cols: \"12\", align: \"center\" } },\n    [\n      _vm.viewCount == 4\n        ? _c(\n            \"v-col\",\n            { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\" } },\n            [\n              _c(\n                \"v-row\",\n                { staticClass: \"ma-0 pa-2\", attrs: { align: \"center\" } },\n                [\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-0 pr-2\",\n                      attrs: { cols: \"6\", align: \"right\" },\n                    },\n                    _vm._l(2, function (item, index) {\n                      return _c(\n                        \"v-col\",\n                        {\n                          key: index,\n                          staticClass: \"ma-0 pa-0 mb-4\",\n                          attrs: { id: \"camera_4box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0\",\n                              attrs: { id: \"camera_select_btn\", cols: \"auto\" },\n                            },\n                            [\n                              _c(\n                                \"v-btn\",\n                                {\n                                  staticClass: \"ma-0 pa-0\",\n                                  attrs: {\n                                    width: \"9rem\",\n                                    height: \"2rem\",\n                                    id: \"blue_btn\",\n                                    elevation: \"0\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.cameraSelect(index, $event)\n                                    },\n                                  },\n                                },\n                                [\n                                  _vm._v(\n                                    \" \" + _vm._s(_vm.tsg(\"selectCamera\")) + \" \"\n                                  ),\n                                ]\n                              ),\n                            ],\n                            1\n                          ),\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0 ellipsis\",\n                              staticStyle: { display: \"none\" },\n                              attrs: {\n                                id: \"camera_select_bottom_bar\",\n                                cols: \"12\",\n                              },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"cameraName\") + \" \")]\n                          ),\n                        ],\n                        1\n                      )\n                    }),\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-0 pl-2\",\n                      attrs: { cols: \"6\", align: \"left\" },\n                    },\n                    _vm._l(2, function (item, index) {\n                      return _c(\n                        \"v-col\",\n                        {\n                          key: index,\n                          staticClass: \"ma-0 pa-0 mb-4\",\n                          attrs: { id: \"camera_4box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0\",\n                              attrs: { id: \"camera_select_btn\", cols: \"auto\" },\n                            },\n                            [\n                              _c(\n                                \"v-btn\",\n                                {\n                                  staticClass: \"ma-0 pa-0\",\n                                  attrs: {\n                                    width: \"9rem\",\n                                    height: \"2rem\",\n                                    id: \"blue_btn\",\n                                    elevation: \"0\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.cameraSelect(index + 2, $event)\n                                    },\n                                  },\n                                },\n                                [\n                                  _vm._v(\n                                    \" \" + _vm._s(_vm.tsg(\"selectCamera\")) + \" \"\n                                  ),\n                                ]\n                              ),\n                            ],\n                            1\n                          ),\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0 ellipsis\",\n                              staticStyle: { display: \"none\" },\n                              attrs: {\n                                id: \"camera_select_bottom_bar\",\n                                cols: \"12\",\n                              },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"cameraName\") + \" \")]\n                          ),\n                        ],\n                        1\n                      )\n                    }),\n                    1\n                  ),\n                ],\n                1\n              ),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.viewCount == 9\n        ? _c(\n            \"v-col\",\n            { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\" } },\n            [\n              _c(\n                \"v-row\",\n                {\n                  staticClass: \"ma-0 pa-0 pl-1 pr-1\",\n                  attrs: { align: \"center\" },\n                },\n                _vm._l(3, function (item, index) {\n                  return _c(\n                    \"v-col\",\n                    {\n                      key: index,\n                      staticClass: \"ma-0 pa-0 pr-1 pl-1\",\n                      attrs: { cols: \"4\" },\n                    },\n                    _vm._l(3, function (item_nest, index_nest) {\n                      return _c(\n                        \"v-col\",\n                        {\n                          key: index_nest,\n                          staticClass: \"ma-0 pa-0 mb-2\",\n                          attrs: { id: \"camera_9box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0\",\n                              attrs: { id: \"camera_select_btn\", cols: \"auto\" },\n                            },\n                            [\n                              _c(\n                                \"v-btn\",\n                                {\n                                  staticClass: \"ma-0 pa-0\",\n                                  attrs: {\n                                    width: \"9rem\",\n                                    height: \"2rem\",\n                                    id: \"blue_btn\",\n                                    elevation: \"0\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.cameraSelect(\n                                        index_nest + 3 * index,\n                                        $event\n                                      )\n                                    },\n                                  },\n                                },\n                                [\n                                  _vm._v(\n                                    \" \" + _vm._s(_vm.tsg(\"selectCamera\")) + \" \"\n                                  ),\n                                ]\n                              ),\n                            ],\n                            1\n                          ),\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0 ellipsis\",\n                              staticStyle: { display: \"none\" },\n                              attrs: {\n                                id: \"camera_select_bottom_bar\",\n                                cols: \"12\",\n                              },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"cameraName\") + \" \")]\n                          ),\n                        ],\n                        1\n                      )\n                    }),\n                    1\n                  )\n                }),\n                1\n              ),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.viewCount == 16\n        ? _c(\n            \"v-col\",\n            { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\" } },\n            [\n              _c(\n                \"v-row\",\n                { staticClass: \"ma-0 pa-2\", attrs: { align: \"center\" } },\n                _vm._l(4, function (item, index) {\n                  return _c(\n                    \"v-col\",\n                    {\n                      key: index,\n                      staticClass: \"ma-0 pa-0 pl-1 pr-1\",\n                      attrs: { cols: \"3\" },\n                    },\n                    _vm._l(4, function (item_nest, index_nest) {\n                      return _c(\n                        \"v-col\",\n                        {\n                          key: index_nest,\n                          staticClass: \"ma-0 pa-0 mb-2\",\n                          attrs: { id: \"camera_16box\", cols: \"12\" },\n                        },\n                        [\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0\",\n                              attrs: { id: \"camera_select_btn\", cols: \"auto\" },\n                            },\n                            [\n                              _c(\n                                \"v-btn\",\n                                {\n                                  staticClass: \"ma-0 pa-0\",\n                                  attrs: {\n                                    width: \"8rem\",\n                                    height: \"2rem\",\n                                    id: \"blue_btn\",\n                                    elevation: \"0\",\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.cameraSelect(\n                                        index_nest + 4 * index,\n                                        $event\n                                      )\n                                    },\n                                  },\n                                },\n                                [\n                                  _vm._v(\n                                    \" \" + _vm._s(_vm.tsg(\"selectCamera\")) + \" \"\n                                  ),\n                                ]\n                              ),\n                            ],\n                            1\n                          ),\n                          _c(\n                            \"v-col\",\n                            {\n                              staticClass: \"ma-0 pa-0 ellipsis\",\n                              staticStyle: { display: \"none\" },\n                              attrs: {\n                                id: \"camera_select_bottom_bar\",\n                                cols: \"12\",\n                              },\n                            },\n                            [_vm._v(\" \" + _vm._s(\"cameraName\") + \" \")]\n                          ),\n                        ],\n                        1\n                      )\n                    }),\n                    1\n                  )\n                }),\n                1\n              ),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"v-col\",\n        { staticClass: \"ma-0 pa-0 mt-3 mb-7\", attrs: { cols: \"12\" } },\n        [\n          _c(\n            \"v-row\",\n            {\n              staticClass: \"ma-0 pa-0\",\n              attrs: { align: \"center\", justify: \"center\" },\n            },\n            [\n              _c(\n                \"v-btn\",\n                {\n                  staticClass: \"ma-0 pa-0\",\n                  attrs: {\n                    width: \"9rem\",\n                    height: \"2rem\",\n                    id: \"grey_btn\",\n                    elevation: \"0\",\n                  },\n                  on: { click: _vm.cancel },\n                },\n                [_vm._v(\" \" + _vm._s(_vm.t(\"cancel\")) + \" \")]\n              ),\n              _c(\n                \"v-btn\",\n                {\n                  staticClass: \"ma-0 pa-0 ml-3\",\n                  attrs: {\n                    width: \"9rem\",\n                    height: \"2rem\",\n                    id: \"blue_btn\",\n                    elevation: \"0\",\n                    loading: _vm.createLoading,\n                  },\n                  on: { click: _vm.makeSplitScreen },\n                },\n                [_vm._v(\" \" + _vm._s(_vm.t(\"create\")) + \" \")]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"SelectCameraDialog\", {\n        attrs: { dialogVisible: _vm.selectCameraDialogVisible },\n        on: {\n          selectCamera: _vm.selectCameraFunc,\n          visible: _vm.selectCameraDialogVisibleFunc,\n        },\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-5\", attrs: { cols: \"12\", align: \"center\" } },\n    [\n      _c(\n        \"v-col\",\n        {\n          staticClass: \"ma-0 pa-0 mt-15\",\n          attrs: { cols: \"12\", id: \"group_box\" },\n        },\n        [\n          _c(\n            \"v-col\",\n            {\n              staticClass: \"ma-0 pa-2\",\n              attrs: { cols: \"12\", id: \"group_box_title\" },\n            },\n            [\n              _vm._v(\" \" + _vm._s(_vm.tsg(\"selectSplitScreenLayout\")) + \" \"),\n              _vm.splitListCount > 0\n                ? _c(\n                    \"v-col\",\n                    {\n                      staticClass: \"ma-0 pa-0\",\n                      attrs: { id: \"close_btn\", cols: \"auto\" },\n                    },\n                    [\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-0\",\n                          attrs: {\n                            width: \"2rem\",\n                            height: \"2rem\",\n                            id: \"back_clean_btn\",\n                            elevation: \"0\",\n                          },\n                          on: { click: _vm.clickClose },\n                        },\n                        [\n                          _c(\"img\", {\n                            attrs: {\n                              src: require(\"@/assets/images/popup_close.png\"),\n                              id: \"btn_img\",\n                            },\n                          }),\n                        ]\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n            ],\n            1\n          ),\n          _c(\n            \"v-col\",\n            {\n              staticClass: \"ma-0 pt-6 pb-6 pl-15 pr-15\",\n              attrs: { cols: \"12\" },\n            },\n            [\n              _c(\n                \"v-row\",\n                {\n                  staticClass: \"ma-0 pa-0 pt-9 pb-9\",\n                  attrs: { align: \"center\" },\n                },\n                [\n                  _c(\n                    \"v-col\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"4\" } },\n                    [\n                      _c(\"v-img\", {\n                        staticClass: \"ma-0 pa-0 mb-4\",\n                        attrs: {\n                          \"max-height\": \"6rem\",\n                          \"max-width\": \"8rem\",\n                          src: require(\"@/assets/images/4view.png\"),\n                        },\n                      }),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-0 pl-2 pr-2\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"2rem\",\n                            id: \"blue_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.selectCameraCount(4)\n                            },\n                          },\n                        },\n                        [\n                          _vm._v(\n                            \" \" +\n                              _vm._s(\n                                \"4\" + _vm.tsg(\"createdLayoutWithCameras\")\n                              ) +\n                              \" \"\n                          ),\n                        ]\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"4\" } },\n                    [\n                      _c(\"v-img\", {\n                        staticClass: \"ma-0 pa-0 mb-4\",\n                        attrs: {\n                          \"max-height\": \"6rem\",\n                          \"max-width\": \"8rem\",\n                          src: require(\"@/assets/images/9view.png\"),\n                        },\n                      }),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-0 pl-2 pr-2\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"2rem\",\n                            id: \"blue_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.selectCameraCount(9)\n                            },\n                          },\n                        },\n                        [\n                          _vm._v(\n                            \" \" +\n                              _vm._s(\n                                \"9\" + _vm.tsg(\"createdLayoutWithCameras\")\n                              ) +\n                              \" \"\n                          ),\n                        ]\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-col\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"4\" } },\n                    [\n                      _c(\"v-img\", {\n                        staticClass: \"ma-0 pa-0 mb-4\",\n                        attrs: {\n                          \"max-height\": \"6rem\",\n                          \"max-width\": \"8rem\",\n                          src: require(\"@/assets/images/16view.png\"),\n                        },\n                      }),\n                      _c(\n                        \"v-btn\",\n                        {\n                          staticClass: \"ma-0 pa-0 pl-2 pr-2\",\n                          attrs: {\n                            width: \"auto\",\n                            height: \"2rem\",\n                            id: \"blue_btn\",\n                            elevation: \"0\",\n                          },\n                          on: {\n                            click: function ($event) {\n                              return _vm.selectCameraCount(16)\n                            },\n                          },\n                        },\n                        [\n                          _vm._v(\n                            \" \" +\n                              _vm._s(\n                                \"16\" + _vm.tsg(\"createdLayoutWithCameras\")\n                              ) +\n                              \" \"\n                          ),\n                        ]\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 }","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 pt-2\", attrs: { cols: \"12\" } },\n    [\n      _c(\n        \"v-row\",\n        { staticClass: \"ma-0 pa-0 mb-3\", attrs: { justify: \"space-between\" } },\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                  _vm._v(\" \" + _vm._s(_vm.tsg(\"selectSplitScreen\")) + \" : \"),\n                  _c(\n                    \"v-menu\",\n                    {\n                      attrs: {\n                        \"offset-y\": \"\",\n                        \"close-on-content-click\": false,\n                      },\n                      scopedSlots: _vm._u([\n                        {\n                          key: \"activator\",\n                          fn: function (ref) {\n                            var on = ref.on\n                            var attrs = ref.attrs\n                            return [\n                              _c(\n                                \"v-btn\",\n                                _vm._g(\n                                  _vm._b(\n                                    {\n                                      staticClass: \"ml-2 text-none\",\n                                      attrs: { id: \"split_screen_select_menu\" },\n                                    },\n                                    \"v-btn\",\n                                    attrs,\n                                    false\n                                  ),\n                                  on\n                                ),\n                                [\n                                  _c(\n                                    \"v-row\",\n                                    {\n                                      staticClass: \"ma-0 pa-0\",\n                                      attrs: { justify: \"space-between\" },\n                                    },\n                                    [\n                                      _c(\n                                        \"v-col\",\n                                        {\n                                          staticClass:\n                                            \"ma-0 pa-0 pl-2 ellipsis\",\n                                          attrs: {\n                                            cols: \"11\",\n                                            id: \"select_menu_text\",\n                                          },\n                                        },\n                                        [\n                                          _vm._v(\n                                            \" \" +\n                                              _vm._s(\n                                                _vm.splitscreenNameFormat(\n                                                  _vm.selectedSplitScreen\n                                                )\n                                              ) +\n                                              \" \"\n                                          ),\n                                        ]\n                                      ),\n                                      _c(\n                                        \"v-col\",\n                                        {\n                                          staticClass: \"ma-0 pa-0\",\n                                          attrs: {\n                                            cols: \"1\",\n                                            \"align-self\": \"end\",\n                                          },\n                                        },\n                                        [\n                                          _c(\"v-img\", {\n                                            attrs: {\n                                              src: require(\"@/assets/images/icon_arrow_down_small.png\"),\n                                            },\n                                          }),\n                                        ],\n                                        1\n                                      ),\n                                    ],\n                                    1\n                                  ),\n                                ],\n                                1\n                              ),\n                            ]\n                          },\n                        },\n                      ]),\n                      model: {\n                        value: _vm.splitScreenSelectMenu,\n                        callback: function ($$v) {\n                          _vm.splitScreenSelectMenu = $$v\n                        },\n                        expression: \"splitScreenSelectMenu\",\n                      },\n                    },\n                    [\n                      _c(\n                        \"v-list\",\n                        _vm._l(_vm.splitScreenList, function (item, index) {\n                          return _c(\n                            \"v-list-item\",\n                            {\n                              key: index,\n                              attrs: { id: \"select_list_item\" },\n                              on: {\n                                click: function ($event) {\n                                  return _vm.closeNameChangeDialog(\n                                    item.splitName\n                                  )\n                                },\n                              },\n                            },\n                            [\n                              _c(\n                                \"v-row\",\n                                {\n                                  staticClass: \"ma-0 pa-0\",\n                                  attrs: { justify: \"space-between\" },\n                                },\n                                [\n                                  _c(\n                                    \"v-col\",\n                                    {\n                                      staticClass: \"ma-0 pa-0 pl-2\",\n                                      attrs: {\n                                        cols: \"8\",\n                                        \"align-self\": \"center\",\n                                      },\n                                    },\n                                    [\n                                      _c(\n                                        \"v-row\",\n                                        {\n                                          staticClass: \"ma-0 pa-0\",\n                                          attrs: { justify: \"space-between\" },\n                                        },\n                                        [\n                                          _c(\n                                            \"v-col\",\n                                            {\n                                              staticClass: \"ma-0 pa-0 pr-1\",\n                                              attrs: {\n                                                cols: \"2\",\n                                                \"align-self\": \"center\",\n                                              },\n                                            },\n                                            [\n                                              item.splitName ==\n                                              _vm.selectedSplitScreen\n                                                ? _c(\"v-img\", {\n                                                    attrs: {\n                                                      src: require(\"@/assets/images/icon_check.png\"),\n                                                    },\n                                                  })\n                                                : _vm._e(),\n                                            ],\n                                            1\n                                          ),\n                                          _c(\n                                            \"v-col\",\n                                            {\n                                              staticClass: \"ma-0 pa-0 ellipsis\",\n                                              staticStyle: {\n                                                \"text-align\": \"left\",\n                                                \"max-width\": \"200px\",\n                                              },\n                                              attrs: { cols: \"10\" },\n                                            },\n                                            [\n                                              _vm._v(\n                                                \" \" +\n                                                  _vm._s(\n                                                    _vm.splitscreenNameFormat(\n                                                      item.splitName\n                                                    )\n                                                  ) +\n                                                  \" \"\n                                              ),\n                                            ]\n                                          ),\n                                        ],\n                                        1\n                                      ),\n                                    ],\n                                    1\n                                  ),\n                                  _c(\n                                    \"v-col\",\n                                    {\n                                      staticClass: \"ma-0 pa-0\",\n                                      attrs: { cols: \"4\" },\n                                    },\n                                    [\n                                      _c(\n                                        \"v-btn\",\n                                        {\n                                          attrs: {\n                                            id: \"transparent_btn_select_small\",\n                                            elevation: \"0\",\n                                          },\n                                          on: {\n                                            click: function ($event) {\n                                              return _vm.nameChangeDialogFunc(\n                                                item.id,\n                                                item.splitName\n                                              )\n                                            },\n                                          },\n                                        },\n                                        [\n                                          _c(\"v-img\", {\n                                            attrs: {\n                                              src: require(\"@/assets/images/icon_pen.png\"),\n                                            },\n                                          }),\n                                        ],\n                                        1\n                                      ),\n                                      _c(\n                                        \"v-btn\",\n                                        {\n                                          attrs: {\n                                            id: \"transparent_btn_select_small\",\n                                            elevation: \"0\",\n                                          },\n                                          on: {\n                                            click: function ($event) {\n                                              return _vm.deleteSplitScreen(\n                                                item.id\n                                              )\n                                            },\n                                          },\n                                        },\n                                        [\n                                          _c(\"v-img\", {\n                                            attrs: {\n                                              src: require(\"@/assets/images/close.png\"),\n                                            },\n                                          }),\n                                        ],\n                                        1\n                                      ),\n                                    ],\n                                    1\n                                  ),\n                                ],\n                                1\n                              ),\n                            ],\n                            1\n                          )\n                        }),\n                        1\n                      ),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-btn\",\n                    {\n                      staticClass: \"ml-2\",\n                      attrs: { id: \"blue_btn\" },\n                      on: { click: _vm.goNewSplitScreen },\n                    },\n                    [_vm._v(\" \" + _vm._s(_vm.tsg(\"createSplitScreen\")) + \" \")]\n                  ),\n                ],\n                1\n              ),\n            ],\n            1\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\" },\n                [\n                  _c(\n                    \"v-btn\",\n                    {\n                      attrs: { id: \"transparent_btn\", elevation: \"0\" },\n                      on: {\n                        click: function ($event) {\n                          _vm.splitScreenDialogVisible = true\n                        },\n                      },\n                    },\n                    [\n                      _c(\"v-img\", {\n                        attrs: {\n                          src: require(\"@/assets/images/icon_split_screen.png\"),\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                  _c(\n                    \"v-btn\",\n                    {\n                      attrs: { id: \"transparent_btn\", elevation: \"0\" },\n                      on: { click: _vm.handleFullScreen },\n                    },\n                    [\n                      _c(\"v-img\", {\n                        attrs: {\n                          src: require(\"@/assets/images/video_fullscreen.png\"),\n                        },\n                      }),\n                    ],\n                    1\n                  ),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      !_vm.loading\n        ? _c(\n            \"v-row\",\n            { staticClass: \"ma-0 pa-0\", attrs: { id: \"camera-area\" } },\n            [\n              _vm.viewCount == 4\n                ? _c(\n                    \"v-col\",\n                    {\n                      key: _vm.view4,\n                      staticClass: \"ma-0 pa-0\",\n                      attrs: { cols: \"12\" },\n                    },\n                    [\n                      _c(\n                        \"v-row\",\n                        {\n                          staticClass: \"ma-0 pa-2\",\n                          attrs: { justify: \"center\" },\n                        },\n                        _vm._l(2, function (item, index) {\n                          return _c(\n                            \"v-col\",\n                            {\n                              key: index,\n                              staticClass: \"ma-0 pa-0\",\n                              attrs: { cols: \"6\" },\n                            },\n                            _vm._l(2, function (item_nest, index_nest) {\n                              return _c(\n                                \"v-col\",\n                                {\n                                  key: index_nest,\n                                  staticClass: \"ma-0 pa-0\",\n                                  attrs: { cols: \"12\" },\n                                },\n                                [\n                                  _c(\"v-hover\", {\n                                    scopedSlots: _vm._u(\n                                      [\n                                        {\n                                          key: \"default\",\n                                          fn: function (ref) {\n                                            var hover = ref.hover\n                                            return [\n                                              _vm.checkSplitScreenCameraList(\n                                                index,\n                                                index_nest,\n                                                2\n                                              )\n                                                ? _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass:\n                                                        \"ma-0 pa-0 ml-1 mr-1 mb-2\",\n                                                      attrs: {\n                                                        id: \"camera_4box\",\n                                                      },\n                                                    },\n                                                    [\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_btn\",\n                                                            cols: \"auto\",\n                                                          },\n                                                        },\n                                                        [\n                                                          hover\n                                                            ? _c(\n                                                                \"v-btn\",\n                                                                {\n                                                                  attrs: {\n                                                                    id: \"hover_btn\",\n                                                                  },\n                                                                  on: {\n                                                                    click:\n                                                                      function (\n                                                                        $event\n                                                                      ) {\n                                                                        return _vm.showMenu(\n                                                                          index_nest +\n                                                                            2 *\n                                                                              index,\n                                                                          4\n                                                                        )\n                                                                      },\n                                                                  },\n                                                                },\n                                                                [\n                                                                  _c(\"v-img\", {\n                                                                    attrs: {\n                                                                      src: require(\"@/assets/images/dots.png\"),\n                                                                    },\n                                                                  }),\n                                                                ],\n                                                                1\n                                                              )\n                                                            : _vm._e(),\n                                                        ],\n                                                        1\n                                                      ),\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_bottom_bar\",\n                                                            cols: \"12\",\n                                                          },\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            \" \" +\n                                                              _vm._s(\n                                                                _vm.getSplitName(\n                                                                  index,\n                                                                  index_nest,\n                                                                  2\n                                                                )\n                                                              ) +\n                                                              \" \"\n                                                          ),\n                                                        ]\n                                                      ),\n                                                      hover\n                                                        ? _c(\n                                                            \"SplitScreenHoverMenuList\",\n                                                            {\n                                                              attrs: {\n                                                                index: index,\n                                                                indexCalc: 2,\n                                                                video: \"\",\n                                                                index_nest:\n                                                                  index_nest,\n                                                                players:\n                                                                  _vm.players,\n                                                                splitScreenCameraList:\n                                                                  _vm.splitScreenCameraList,\n                                                                viewCount:\n                                                                  _vm.viewCount,\n                                                                selectedSplitScreen:\n                                                                  _vm.selectedSplitScreen,\n                                                              },\n                                                              on: {\n                                                                deleteCamera:\n                                                                  _vm.deleteSplitCamera,\n                                                                openCameraSearchDialog:\n                                                                  _vm.openCameraSearchDialogFunc,\n                                                              },\n                                                            }\n                                                          )\n                                                        : _vm._e(),\n                                                      _c(\"v-progress-linear\", {\n                                                        attrs: {\n                                                          id:\n                                                            \"example-4-progress\" +\n                                                            (index_nest +\n                                                              2 * index),\n                                                          indeterminate: \"\",\n                                                          color: \"blue\",\n                                                        },\n                                                      }),\n                                                      _c(\"video\", {\n                                                        staticClass:\n                                                          \"ma-2 pa-0 video-js vjs-default-skin vjs-big-play-centered vjs-custom\",\n                                                        staticStyle: {\n                                                          \"object-fit\": \"fill\",\n                                                        },\n                                                        attrs: {\n                                                          id:\n                                                            \"example-4-video\" +\n                                                            (index_nest +\n                                                              2 * index),\n                                                          width: \"100%\",\n                                                          height: \"100%\",\n                                                          muted: \"\",\n                                                        },\n                                                        domProps: {\n                                                          muted: true,\n                                                        },\n                                                      }),\n                                                    ],\n                                                    1\n                                                  )\n                                                : _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass:\n                                                        \"ma-0 pa-0 ml-1 mr-1 mb-2\",\n                                                      attrs: {\n                                                        id: \"camera_4box\",\n                                                      },\n                                                    },\n                                                    [\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_btn\",\n                                                            cols: \"auto\",\n                                                          },\n                                                        },\n                                                        [\n                                                          hover\n                                                            ? _c(\n                                                                \"v-btn\",\n                                                                {\n                                                                  attrs: {\n                                                                    id: \"hover_btn\",\n                                                                  },\n                                                                  on: {\n                                                                    click:\n                                                                      function (\n                                                                        $event\n                                                                      ) {\n                                                                        return _vm.showMenu(\n                                                                          index_nest +\n                                                                            2 *\n                                                                              index,\n                                                                          4\n                                                                        )\n                                                                      },\n                                                                  },\n                                                                },\n                                                                [\n                                                                  _c(\"v-img\", {\n                                                                    attrs: {\n                                                                      src: require(\"@/assets/images/dots.png\"),\n                                                                    },\n                                                                  }),\n                                                                ],\n                                                                1\n                                                              )\n                                                            : _vm._e(),\n                                                        ],\n                                                        1\n                                                      ),\n                                                      hover\n                                                        ? _c(\n                                                            \"SplitScreenHoverMenuList\",\n                                                            {\n                                                              attrs: {\n                                                                index: index,\n                                                                indexCalc: 2,\n                                                                index_nest:\n                                                                  index_nest,\n                                                                players:\n                                                                  _vm.players,\n                                                                splitScreenCameraList:\n                                                                  _vm.splitScreenCameraList,\n                                                                viewCount:\n                                                                  _vm.viewCount,\n                                                                selectedSplitScreen:\n                                                                  _vm.selectedSplitScreen,\n                                                              },\n                                                              on: {\n                                                                deleteCamera:\n                                                                  _vm.deleteSplitCamera,\n                                                                openCameraSearchDialog:\n                                                                  _vm.openCameraSearchDialogFunc,\n                                                              },\n                                                            }\n                                                          )\n                                                        : _vm._e(),\n                                                      _c(\"v-progress-linear\", {\n                                                        attrs: {\n                                                          id:\n                                                            \"example-4-progress\" +\n                                                            (index_nest +\n                                                              2 * index),\n                                                          indeterminate: \"\",\n                                                          color: \"blue\",\n                                                        },\n                                                      }),\n                                                      _c(\"video\", {\n                                                        staticClass:\n                                                          \"ma-2 pa-0 video-js vjs-default-skin vjs-big-play-centered vjs-custom\",\n                                                        staticStyle: {\n                                                          \"object-fit\": \"fill\",\n                                                        },\n                                                        attrs: {\n                                                          id:\n                                                            \"example-4-video\" +\n                                                            (index_nest +\n                                                              2 * index),\n                                                          width: \"100%\",\n                                                          height: \"100%\",\n                                                          muted: \"\",\n                                                        },\n                                                        domProps: {\n                                                          muted: true,\n                                                        },\n                                                      }),\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"video_grey_box\",\n                                                          staticStyle: {\n                                                            display: \"flex\",\n                                                          },\n                                                          attrs: {\n                                                            id:\n                                                              \"no-data-video\" +\n                                                              (index_nest +\n                                                                2 * index),\n                                                          },\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            \" \" +\n                                                              _vm._s(\n                                                                _vm.t(\"noData\")\n                                                              ) +\n                                                              \" \"\n                                                          ),\n                                                        ]\n                                                      ),\n                                                    ],\n                                                    1\n                                                  ),\n                                            ]\n                                          },\n                                        },\n                                      ],\n                                      null,\n                                      true\n                                    ),\n                                  }),\n                                ],\n                                1\n                              )\n                            }),\n                            1\n                          )\n                        }),\n                        1\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.viewCount == 9\n                ? _c(\n                    \"v-col\",\n                    {\n                      key: _vm.view9,\n                      staticClass: \"ma-0 pa-0\",\n                      attrs: { cols: \"12\" },\n                    },\n                    [\n                      _c(\n                        \"v-row\",\n                        {\n                          staticClass: \"ma-0 pa-2\",\n                          attrs: { align: \"center\" },\n                        },\n                        _vm._l(3, function (item, index) {\n                          return _c(\n                            \"v-col\",\n                            {\n                              key: index,\n                              staticClass: \"ma-0 pa-0\",\n                              attrs: { cols: \"4\" },\n                            },\n                            _vm._l(3, function (item_nest, index_nest) {\n                              return _c(\n                                \"v-col\",\n                                {\n                                  key: index_nest,\n                                  staticClass: \"ma-0 pa-0 pr-1 pl-1 mb-2\",\n                                  attrs: { cols: \"12\" },\n                                },\n                                [\n                                  _c(\"v-hover\", {\n                                    scopedSlots: _vm._u(\n                                      [\n                                        {\n                                          key: \"default\",\n                                          fn: function (ref) {\n                                            var hover = ref.hover\n                                            return [\n                                              _vm.checkSplitScreenCameraList(\n                                                index,\n                                                index_nest,\n                                                3\n                                              )\n                                                ? _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass: \"ma-0 pa-0\",\n                                                      attrs: {\n                                                        id: \"camera_9box\",\n                                                      },\n                                                    },\n                                                    [\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_btn\",\n                                                            cols: \"auto\",\n                                                          },\n                                                        },\n                                                        [\n                                                          hover\n                                                            ? _c(\n                                                                \"v-btn\",\n                                                                {\n                                                                  attrs: {\n                                                                    id: \"hover_btn\",\n                                                                  },\n                                                                  on: {\n                                                                    click:\n                                                                      function (\n                                                                        $event\n                                                                      ) {\n                                                                        return _vm.showMenu(\n                                                                          index_nest +\n                                                                            3 *\n                                                                              index,\n                                                                          9\n                                                                        )\n                                                                      },\n                                                                  },\n                                                                },\n                                                                [\n                                                                  _c(\"v-img\", {\n                                                                    attrs: {\n                                                                      src: require(\"@/assets/images/dots.png\"),\n                                                                    },\n                                                                  }),\n                                                                ],\n                                                                1\n                                                              )\n                                                            : _vm._e(),\n                                                        ],\n                                                        1\n                                                      ),\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_bottom_bar\",\n                                                            cols: \"12\",\n                                                          },\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            \" \" +\n                                                              _vm._s(\n                                                                _vm.getSplitName(\n                                                                  index,\n                                                                  index_nest,\n                                                                  3\n                                                                )\n                                                              ) +\n                                                              \" \"\n                                                          ),\n                                                        ]\n                                                      ),\n                                                      hover\n                                                        ? _c(\n                                                            \"SplitScreenHoverMenuList\",\n                                                            {\n                                                              attrs: {\n                                                                index: index,\n                                                                indexCalc: 3,\n                                                                video: \"\",\n                                                                index_nest:\n                                                                  index_nest,\n                                                                players:\n                                                                  _vm.players,\n                                                                splitScreenCameraList:\n                                                                  _vm.splitScreenCameraList,\n                                                                viewCount:\n                                                                  _vm.viewCount,\n                                                                selectedSplitScreen:\n                                                                  _vm.selectedSplitScreen,\n                                                              },\n                                                              on: {\n                                                                deleteCamera:\n                                                                  _vm.deleteSplitCamera,\n                                                                openCameraSearchDialog:\n                                                                  _vm.openCameraSearchDialogFunc,\n                                                              },\n                                                            }\n                                                          )\n                                                        : _vm._e(),\n                                                      _c(\"v-progress-linear\", {\n                                                        attrs: {\n                                                          id:\n                                                            \"example-9-progress\" +\n                                                            (index_nest +\n                                                              3 * index),\n                                                          indeterminate: \"\",\n                                                          color: \"blue\",\n                                                        },\n                                                      }),\n                                                      _c(\"video\", {\n                                                        staticClass:\n                                                          \"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\",\n                                                        staticStyle: {\n                                                          \"object-fit\": \"fill\",\n                                                        },\n                                                        attrs: {\n                                                          id:\n                                                            \"example-9-video\" +\n                                                            (index_nest +\n                                                              3 * index),\n                                                          width: \"550\",\n                                                          height: \"350\",\n                                                          muted: \"\",\n                                                        },\n                                                        domProps: {\n                                                          muted: true,\n                                                        },\n                                                      }),\n                                                    ],\n                                                    1\n                                                  )\n                                                : _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass: \"ma-0 pa-0\",\n                                                      attrs: {\n                                                        id: \"camera_9box\",\n                                                      },\n                                                    },\n                                                    [\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_btn\",\n                                                            cols: \"auto\",\n                                                          },\n                                                        },\n                                                        [\n                                                          hover\n                                                            ? _c(\n                                                                \"v-btn\",\n                                                                {\n                                                                  attrs: {\n                                                                    id: \"hover_btn\",\n                                                                  },\n                                                                  on: {\n                                                                    click:\n                                                                      function (\n                                                                        $event\n                                                                      ) {\n                                                                        return _vm.showMenu(\n                                                                          index_nest +\n                                                                            3 *\n                                                                              index,\n                                                                          9\n                                                                        )\n                                                                      },\n                                                                  },\n                                                                },\n                                                                [\n                                                                  _c(\"v-img\", {\n                                                                    attrs: {\n                                                                      src: require(\"@/assets/images/dots.png\"),\n                                                                    },\n                                                                  }),\n                                                                ],\n                                                                1\n                                                              )\n                                                            : _vm._e(),\n                                                        ],\n                                                        1\n                                                      ),\n                                                      hover\n                                                        ? _c(\n                                                            \"SplitScreenHoverMenuList\",\n                                                            {\n                                                              attrs: {\n                                                                index: index,\n                                                                indexCalc: 3,\n                                                                index_nest:\n                                                                  index_nest,\n                                                                players:\n                                                                  _vm.players,\n                                                                splitScreenCameraList:\n                                                                  _vm.splitScreenCameraList,\n                                                                viewCount:\n                                                                  _vm.viewCount,\n                                                                selectedSplitScreen:\n                                                                  _vm.selectedSplitScreen,\n                                                              },\n                                                              on: {\n                                                                deleteCamera:\n                                                                  _vm.deleteSplitCamera,\n                                                                openCameraSearchDialog:\n                                                                  _vm.openCameraSearchDialogFunc,\n                                                              },\n                                                            }\n                                                          )\n                                                        : _vm._e(),\n                                                      _c(\"v-progress-linear\", {\n                                                        attrs: {\n                                                          id:\n                                                            \"example-9-progress\" +\n                                                            (index_nest +\n                                                              3 * index),\n                                                          indeterminate: \"\",\n                                                          color: \"blue\",\n                                                        },\n                                                      }),\n                                                      _c(\"video\", {\n                                                        staticClass:\n                                                          \"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\",\n                                                        staticStyle: {\n                                                          \"object-fit\": \"fill\",\n                                                        },\n                                                        attrs: {\n                                                          id:\n                                                            \"example-9-video\" +\n                                                            (index_nest +\n                                                              3 * index),\n                                                          muted: \"\",\n                                                        },\n                                                        domProps: {\n                                                          muted: true,\n                                                        },\n                                                      }),\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"video_grey_box\",\n                                                          staticStyle: {\n                                                            display: \"flex\",\n                                                          },\n                                                          attrs: {\n                                                            id:\n                                                              \"no-data-video\" +\n                                                              (index_nest +\n                                                                3 * index),\n                                                          },\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            \" \" +\n                                                              _vm._s(\n                                                                _vm.t(\"noData\")\n                                                              ) +\n                                                              \" \"\n                                                          ),\n                                                        ]\n                                                      ),\n                                                    ],\n                                                    1\n                                                  ),\n                                            ]\n                                          },\n                                        },\n                                      ],\n                                      null,\n                                      true\n                                    ),\n                                  }),\n                                ],\n                                1\n                              )\n                            }),\n                            1\n                          )\n                        }),\n                        1\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n              _vm.viewCount == 16\n                ? _c(\n                    \"v-col\",\n                    {\n                      key: _vm.view16,\n                      staticClass: \"ma-0 pa-0\",\n                      attrs: { cols: \"12\" },\n                    },\n                    [\n                      _c(\n                        \"v-row\",\n                        {\n                          staticClass: \"ma-0 pa-2\",\n                          attrs: { align: \"center\" },\n                        },\n                        _vm._l(4, function (item, index) {\n                          return _c(\n                            \"v-col\",\n                            {\n                              key: index,\n                              staticClass: \"ma-0 pa-0\",\n                              attrs: { cols: \"3\" },\n                            },\n                            _vm._l(4, function (item_nest, index_nest) {\n                              return _c(\n                                \"v-col\",\n                                {\n                                  key: index_nest,\n                                  staticClass: \"ma-0 pa-0 pr-1 pl-1 mb-2\",\n                                  attrs: { cols: \"12\" },\n                                },\n                                [\n                                  _c(\"v-hover\", {\n                                    scopedSlots: _vm._u(\n                                      [\n                                        {\n                                          key: \"default\",\n                                          fn: function (ref) {\n                                            var hover = ref.hover\n                                            return [\n                                              _vm.checkSplitScreenCameraList(\n                                                index,\n                                                index_nest,\n                                                4\n                                              )\n                                                ? _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass: \"ma-0 pa-0\",\n                                                      attrs: {\n                                                        id: \"camera_16box\",\n                                                      },\n                                                    },\n                                                    [\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_btn\",\n                                                            cols: \"auto\",\n                                                          },\n                                                        },\n                                                        [\n                                                          hover\n                                                            ? _c(\n                                                                \"v-btn\",\n                                                                {\n                                                                  attrs: {\n                                                                    id: \"hover_btn\",\n                                                                  },\n                                                                  on: {\n                                                                    click:\n                                                                      function (\n                                                                        $event\n                                                                      ) {\n                                                                        return _vm.showMenu(\n                                                                          index_nest +\n                                                                            4 *\n                                                                              index,\n                                                                          16\n                                                                        )\n                                                                      },\n                                                                  },\n                                                                },\n                                                                [\n                                                                  _c(\"v-img\", {\n                                                                    attrs: {\n                                                                      src: require(\"@/assets/images/dots.png\"),\n                                                                    },\n                                                                  }),\n                                                                ],\n                                                                1\n                                                              )\n                                                            : _vm._e(),\n                                                        ],\n                                                        1\n                                                      ),\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_bottom_bar\",\n                                                            cols: \"12\",\n                                                          },\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            \" \" +\n                                                              _vm._s(\n                                                                _vm.getSplitName(\n                                                                  index,\n                                                                  index_nest,\n                                                                  4\n                                                                )\n                                                              ) +\n                                                              \" \"\n                                                          ),\n                                                        ]\n                                                      ),\n                                                      hover\n                                                        ? _c(\n                                                            \"SplitScreenHoverMenuList\",\n                                                            {\n                                                              attrs: {\n                                                                index: index,\n                                                                indexCalc: 4,\n                                                                video: \"\",\n                                                                index_nest:\n                                                                  index_nest,\n                                                                players:\n                                                                  _vm.players,\n                                                                splitScreenCameraList:\n                                                                  _vm.splitScreenCameraList,\n                                                                viewCount:\n                                                                  _vm.viewCount,\n                                                                selectedSplitScreen:\n                                                                  _vm.selectedSplitScreen,\n                                                              },\n                                                              on: {\n                                                                deleteCamera:\n                                                                  _vm.deleteSplitCamera,\n                                                                openCameraSearchDialog:\n                                                                  _vm.openCameraSearchDialogFunc,\n                                                              },\n                                                            }\n                                                          )\n                                                        : _vm._e(),\n                                                      _c(\"v-progress-linear\", {\n                                                        attrs: {\n                                                          id:\n                                                            \"example-16-progress\" +\n                                                            (index_nest +\n                                                              4 * index),\n                                                          indeterminate: \"\",\n                                                          color: \"blue\",\n                                                        },\n                                                      }),\n                                                      _c(\"video\", {\n                                                        staticClass:\n                                                          \"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\",\n                                                        staticStyle: {\n                                                          \"object-fit\": \"fill\",\n                                                        },\n                                                        attrs: {\n                                                          id:\n                                                            \"example-16-video\" +\n                                                            (index_nest +\n                                                              4 * index),\n                                                          width: \"550\",\n                                                          height: \"350\",\n                                                          muted: \"\",\n                                                        },\n                                                        domProps: {\n                                                          muted: true,\n                                                        },\n                                                      }),\n                                                    ],\n                                                    1\n                                                  )\n                                                : _c(\n                                                    \"v-col\",\n                                                    {\n                                                      staticClass: \"ma-0 pa-0\",\n                                                      attrs: {\n                                                        id: \"camera_16box\",\n                                                      },\n                                                    },\n                                                    [\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"ma-0 pa-0\",\n                                                          attrs: {\n                                                            id: \"camera_select_btn\",\n                                                            cols: \"auto\",\n                                                          },\n                                                        },\n                                                        [\n                                                          hover\n                                                            ? _c(\n                                                                \"v-btn\",\n                                                                {\n                                                                  attrs: {\n                                                                    id: \"hover_btn\",\n                                                                  },\n                                                                  on: {\n                                                                    click:\n                                                                      function (\n                                                                        $event\n                                                                      ) {\n                                                                        return _vm.showMenu(\n                                                                          index_nest +\n                                                                            4 *\n                                                                              index,\n                                                                          16\n                                                                        )\n                                                                      },\n                                                                  },\n                                                                },\n                                                                [\n                                                                  _c(\"v-img\", {\n                                                                    attrs: {\n                                                                      src: require(\"@/assets/images/dots.png\"),\n                                                                    },\n                                                                  }),\n                                                                ],\n                                                                1\n                                                              )\n                                                            : _vm._e(),\n                                                        ],\n                                                        1\n                                                      ),\n                                                      hover\n                                                        ? _c(\n                                                            \"SplitScreenHoverMenuList\",\n                                                            {\n                                                              attrs: {\n                                                                index: index,\n                                                                indexCalc: 4,\n                                                                index_nest:\n                                                                  index_nest,\n                                                                players:\n                                                                  _vm.players,\n                                                                splitScreenCameraList:\n                                                                  _vm.splitScreenCameraList,\n                                                                viewCount:\n                                                                  _vm.viewCount,\n                                                                selectedSplitScreen:\n                                                                  _vm.selectedSplitScreen,\n                                                              },\n                                                              on: {\n                                                                deleteCamera:\n                                                                  _vm.deleteSplitCamera,\n                                                                openCameraSearchDialog:\n                                                                  _vm.openCameraSearchDialogFunc,\n                                                              },\n                                                            }\n                                                          )\n                                                        : _vm._e(),\n                                                      _c(\"v-progress-linear\", {\n                                                        attrs: {\n                                                          id:\n                                                            \"example-16-progress\" +\n                                                            (index_nest +\n                                                              4 * index),\n                                                          indeterminate: \"\",\n                                                          color: \"blue\",\n                                                        },\n                                                      }),\n                                                      _c(\"video\", {\n                                                        staticClass:\n                                                          \"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\",\n                                                        staticStyle: {\n                                                          \"object-fit\": \"fill\",\n                                                        },\n                                                        attrs: {\n                                                          id:\n                                                            \"example-16-video\" +\n                                                            (index_nest +\n                                                              4 * index),\n                                                          muted: \"\",\n                                                        },\n                                                        domProps: {\n                                                          muted: true,\n                                                        },\n                                                      }),\n                                                      _c(\n                                                        \"v-col\",\n                                                        {\n                                                          staticClass:\n                                                            \"video_grey_box\",\n                                                          staticStyle: {\n                                                            display: \"flex\",\n                                                          },\n                                                          attrs: {\n                                                            id:\n                                                              \"no-data-video\" +\n                                                              (index_nest +\n                                                                4 * index),\n                                                          },\n                                                        },\n                                                        [\n                                                          _vm._v(\n                                                            \" \" +\n                                                              _vm._s(\n                                                                _vm.t(\"noData\")\n                                                              ) +\n                                                              \" \"\n                                                          ),\n                                                        ]\n                                                      ),\n                                                    ],\n                                                    1\n                                                  ),\n                                            ]\n                                          },\n                                        },\n                                      ],\n                                      null,\n                                      true\n                                    ),\n                                  }),\n                                ],\n                                1\n                              )\n                            }),\n                            1\n                          )\n                        }),\n                        1\n                      ),\n                    ],\n                    1\n                  )\n                : _vm._e(),\n            ],\n            1\n          )\n        : _c(\n            \"v-row\",\n            { staticClass: \"ma-0 pa-0\" },\n            [\n              _c(\n                \"v-col\",\n                { staticClass: \"ma-0 pa-10 mt-10\", attrs: { cols: \"12\" } },\n                [\n                  _c(\"v-progress-circular\", {\n                    attrs: {\n                      indeterminate: \"\",\n                      color: \"white\",\n                      width: 6,\n                      size: 50,\n                    },\n                  }),\n                ],\n                1\n              ),\n            ],\n            1\n          ),\n      _c(\"NameChangeDialog\", {\n        attrs: {\n          dialogVisible: _vm.nameChangeDialogVisible,\n          editType: _vm.editNameType,\n          currentId: _vm.currentId,\n          currentName: _vm.currentName,\n        },\n        on: {\n          nameUpdate: _vm.nameUpdateFunc,\n          visible: _vm.nameChangeDialogVisibleFunc,\n        },\n      }),\n      _c(\"SplitScreenDialog\", {\n        attrs: {\n          dialogVisible: _vm.splitScreenDialogVisible,\n          viewCount: _vm.viewCount,\n        },\n        on: {\n          visible: _vm.splitScreenDialogVisibleFunc,\n          selectedViewCount: _vm.selectedViewCountFunc,\n        },\n      }),\n      _c(\"SearchCameraDialog\", {\n        attrs: { dialogVisible: _vm.searchCameraDialogVisible },\n        on: {\n          visible: _vm.searchCameraDialogVisibleFunc,\n          selectCamera: _vm.selectCameraFunc,\n        },\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\" } },\n    [\n      _vm.currentView == \"selectCount\"\n        ? [\n            _c(\"SelectCameraCount\", {\n              attrs: { splitListCount: _vm.splitScreenList.length },\n              on: {\n                selectedCameraCount: _vm.selectedCameraCountFunc,\n                selectCancel: _vm.selectCancelFunc,\n              },\n            }),\n          ]\n        : _vm.currentView == \"selectCamera\"\n        ? [\n            _c(\"SelectCamera\", {\n              attrs: { viewCount: _vm.selectedCameraCount },\n              on: { cancel: _vm.cancelFunc, addSuccess: _vm.addSuccessFunc },\n            }),\n          ]\n        : _vm.currentView == \"selectSplitPlayer\"\n        ? [\n            _c(\"SplitPlayer\", {\n              attrs: { viewCount: _vm.selectedCameraCount },\n              on: {\n                newSplit: _vm.newSplitFunc,\n                changeViewCount: _vm.changeViewCountFunc,\n                updateSplitScreenList: _vm.updateSplitScreenListFunc,\n              },\n            }),\n          ]\n        : [\n            _c(\n              \"v-col\",\n              { staticClass: \"ma-0 pa-10 mt-10\", attrs: { cols: \"12\" } },\n              [\n                _c(\"v-progress-circular\", {\n                  attrs: {\n                    indeterminate: \"\",\n                    color: \"white\",\n                    width: 6,\n                    size: 50,\n                  },\n                }),\n              ],\n              1\n            ),\n          ],\n    ],\n    2\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, \".v-list[data-v-d0c4a7a2] {\\n  background: #171921;\\n  border: 1px solid #4A4A4A;\\n}\\n[data-v-d0c4a7a2] .v-list-item__title {\\n  color: white;\\n}\\n#header_btn[data-v-d0c4a7a2] {\\n  color: #fff;\\n  border-bottom: 1px solid #484848;\\n  background-color: transparent;\\n  min-width: 1rem;\\n}\\n.current_btn[data-v-d0c4a7a2] {\\n  color: white !important;\\n  background-color: transparent;\\n  min-width: 1rem;\\n  border-bottom: 4px solid #008DD0 !important;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// 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, \"#header[data-v-695adb52] {\\n  background-color: #272A33;\\n  position: sticky;\\n  top: 0;\\n  z-index: 5;\\n}\\n#header_body[data-v-695adb52] {\\n  height: 50px;\\n}\\n.v-list[data-v-695adb52] {\\n  background: #171921;\\n}\\n[data-v-695adb52] .v-list-item__title {\\n  color: white;\\n}\\n[data-v-695adb52] .v-input__slot {\\n  padding-right: 2px !important;\\n}\\n[data-v-695adb52] .v-input__append-inner {\\n  margin-top: 16px !important;\\n  padding-left: 0px !important;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// 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, \".non_display[data-v-b24f5178] {\\n  display: none;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// 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, \"#camera_4box[data-v-88e49206] {\\n  background-color: #4E4E4E;\\n  border: 1px solid #FFFFFF;\\n  width: 90%;\\n  height: 15rem;\\n  min-width: 30rem;\\n  min-height: 15rem;\\n  position: relative;\\n}\\n#camera_9box[data-v-88e49206] {\\n  background-color: #4E4E4E;\\n  border: 1px solid #FFFFFF;\\n  width: 100%;\\n  height: 12rem;\\n  min-height: 12rem;\\n  position: relative;\\n}\\n#camera_16box[data-v-88e49206] {\\n  background-color: #4E4E4E;\\n  border: 1px solid #FFFFFF;\\n  width: 100%;\\n  height: 10rem;\\n  min-height: 10rem;\\n  position: relative;\\n}\\n#camera_select_btn[data-v-88e49206] {\\n  position: absolute;\\n  top: 50%;\\n  left: 50%;\\n  transform: translate(-50%, -50%);\\n  z-index: 3;\\n}\\n#camera_select_bottom_bar[data-v-88e49206] {\\n  position: absolute;\\n  bottom: 0%;\\n  text-align: left;\\n  padding-left: 1em !important;\\n  font-size: 0.8em;\\n  z-index: 3;\\n  background-color: rgba(0, 0, 0, 0.7);\\n  color: #A8A8A8;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// 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, \"#group_box[data-v-1e97f6c2] {\\n  background-color: #171921;\\n  border: 1px solid #6A6A6A;\\n  color: white;\\n  border-radius: 5px;\\n  max-width: 700px;\\n}\\n#group_box_title[data-v-1e97f6c2] {\\n  border-bottom: 1px solid #6A6A6A;\\n  position: relative;\\n}\\n#close_btn[data-v-1e97f6c2] {\\n  position: absolute;\\n  top: 5px;\\n  right: 15px;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// 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, \".camera_full_4box[data-v-862c8ce2] {\\n  height: 49.5vh !important;\\n  min-height: 49.5vh !important;\\n  min-width: 49.5vw !important;\\n}\\n.camera_full_9box[data-v-862c8ce2] {\\n  height: 33vh !important;\\n  min-height: 33vh !important;\\n}\\n.camera_full_16box[data-v-862c8ce2] {\\n  height: 24.5vh !important;\\n  min-height: 24.5vh !important;\\n}\\n#camera_4box[data-v-862c8ce2] {\\n  background-color: #4E4E4E;\\n  width: 98%;\\n  height: 17.5rem;\\n  min-width: 30rem;\\n  position: relative;\\n}\\n#camera_9box[data-v-862c8ce2] {\\n  background-color: #4E4E4E;\\n  width: 100%;\\n  height: 12rem;\\n  position: relative;\\n}\\n#camera_16box[data-v-862c8ce2] {\\n  background-color: #4E4E4E;\\n  width: 100%;\\n  height: 10rem;\\n  position: relative;\\n}\\n#camera_select_btn[data-v-862c8ce2] {\\n  position: absolute;\\n  top: 4%;\\n  right: 2%;\\n  z-index: 3;\\n}\\n#transparent_btn[data-v-862c8ce2] {\\n  background-color: transparent;\\n  max-width: 4em;\\n  min-width: 4em;\\n}\\n#transparent_btn_select_small[data-v-862c8ce2] {\\n  background-color: transparent;\\n  max-width: 3em;\\n  min-width: 3em;\\n}\\n#camera_select_bottom_bar[data-v-862c8ce2] {\\n  position: absolute;\\n  bottom: 0%;\\n  text-align: left;\\n  padding-left: 1em !important;\\n  font-size: 0.8em;\\n  z-index: 3;\\n  background-color: rgba(0, 0, 0, 0.7);\\n  color: #A8A8A8;\\n}\\n.v-list[data-v-862c8ce2] {\\n  background: #171921;\\n  border: 1px solid #4A4A4A;\\n}\\n[data-v-862c8ce2] .v-list-item {\\n  min-height: 0px;\\n  color: white !important;\\n}\\n[data-v-862c8ce2] .v-list-item__content {\\n  color: white;\\n  padding: 5px 0;\\n}\\n#split_screen_select_menu[data-v-862c8ce2] {\\n  background-color: transparent;\\n  border: 1px solid #4A4A4A;\\n  color: white;\\n  height: 2.7em;\\n  width: 20em;\\n  justify-content: start;\\n}\\n#select_list_item[data-v-862c8ce2] {\\n  padding: 0px !important;\\n}\\n#select_menu_text[data-v-862c8ce2] {\\n  text-align: start;\\n  max-width: 185px;\\n}\\n#hover_btn[data-v-862c8ce2] {\\n  background-color: rgba(0, 0, 0, 0.7);\\n  color: white;\\n  min-width: 3em;\\n  max-width: 3em;\\n}\\n.video-js[data-v-862c8ce2] {\\n  width: 100%;\\n  height: 17.5rem;\\n  min-width: 30rem;\\n  min-height: 17.5rem;\\n  top: 0px;\\n  left: 0px;\\n  padding: 0px;\\n  margin: 0px !important;\\n}\\n.video-js-4[data-v-862c8ce2] {\\n  min-height: 49vh;\\n}\\n.video-js-9[data-v-862c8ce2] {\\n  width: 100%;\\n  height: 100%;\\n  min-width: 0;\\n  min-height: 0;\\n}\\n.video_grey_box[data-v-862c8ce2] {\\n  z-index: 1;\\n  position: absolute;\\n  justify-content: center;\\n  align-items: center;\\n  display: none;\\n  background: grey;\\n  height: 100%;\\n  top: 0px;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// 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, \"#group_box[data-v-271d219a] {\\n  background-color: #171921;\\n  border: 1px solid #6A6A6A;\\n  color: white;\\n  border-radius: 5px;\\n  max-width: 700px;\\n}\\n#group_box_title[data-v-271d219a] {\\n  border-bottom: 1px solid #6A6A6A;\\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!./StoreCCTV.vue?vue&type=style&index=0&id=d0c4a7a2&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(\"1cbbfb39\", 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!./StoreCCTV.vue?vue&type=style&index=0&id=d0c4a7a2&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!./StoreCCTV.vue?vue&type=style&index=0&id=d0c4a7a2&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}","// 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!./Header.vue?vue&type=style&index=0&id=695adb52&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(\"4a7f559a\", 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!./Header.vue?vue&type=style&index=0&id=695adb52&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!./Header.vue?vue&type=style&index=0&id=695adb52&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}","// 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!./ThumbnailBox.vue?vue&type=style&index=0&id=b24f5178&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(\"0535acaf\", 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!./ThumbnailBox.vue?vue&type=style&index=0&id=b24f5178&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!./ThumbnailBox.vue?vue&type=style&index=0&id=b24f5178&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}","// 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!./SelectCamera.vue?vue&type=style&index=0&id=88e49206&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(\"6de90296\", 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!./SelectCamera.vue?vue&type=style&index=0&id=88e49206&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!./SelectCamera.vue?vue&type=style&index=0&id=88e49206&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}","// 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!./SelectCameraCount.vue?vue&type=style&index=0&id=1e97f6c2&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(\"ea3c99fc\", 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!./SelectCameraCount.vue?vue&type=style&index=0&id=1e97f6c2&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!./SelectCameraCount.vue?vue&type=style&index=0&id=1e97f6c2&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}","// 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!./SplitPlayer.vue?vue&type=style&index=0&id=862c8ce2&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(\"1fdb7806\", 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!./SplitPlayer.vue?vue&type=style&index=0&id=862c8ce2&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!./SplitPlayer.vue?vue&type=style&index=0&id=862c8ce2&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}","// 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!./SplitScreen.vue?vue&type=style&index=0&id=271d219a&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(\"723ec9c4\", 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!./SplitScreen.vue?vue&type=style&index=0&id=271d219a&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!./SplitScreen.vue?vue&type=style&index=0&id=271d219a&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,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAXNJREFUSEu1Vl1LQkEQdS0UhCgSAiFIiKCop/yg//8kWG+CvggJQU+GEvgQxe2cy47sve7HKNcLg8ud2XNmz4yz19QiT5ZlDbjPYRewE1jLhm/w+wdbwdbGmJ8QjPE5LHAHvnYsAce3xPrTR7RDAHBmfAM7VYJL2C8WC5Cs3X0FAoBfwtndE7gc/g6SL3m5JagIXHDncpKcwGp+f4AsocNSrhlrIgTUXFtQrYJLECyMzf4psOsF70cJxFjMhARXALiOgLzB1/P465Z8GNn7QYI7BJwlsiyTaMAJ+U2CRyyaCmGFRAtOyA0JnhXgEkISjoiYLAW4fQgkc84kX028eWolKssSKnyZJJcoVeSQ5hqSvMixNk0VNEWStylnfuiP1ofvNdEEA/jHgZjJ8UcFme0pHrBkh1TxsJWn22FnSXjR3FaBDoziuBbQiu4E/4XjkPAk3QPkoiwED1+ZDgk76ziXvlsDW3x+svBUvs8WZruKfbb8AyZ5jDHV/tX5AAAAAElFTkSuQmCC\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAGCAYAAAAYLBS/AAAABHNCSVQICAgIfAhkiAAAAGJJREFUGFdjZACC////OwCp/SA2AeDIyMh4gBGqKQBIryekAyiP0ATVmACk5+PRmAi0ZQFIHmwTDACdaQBkHwBifiThj0C2A1DDBZgYiiaojcgaMTRg2IRmI8ifG5BtgMkDACrnIAegAYNNAAAAAElFTkSuQmCC\"","import { render, staticRenderFns } from \"./StoreCCTV.vue?vue&type=template&id=d0c4a7a2&scoped=true&\"\nimport script from \"./StoreCCTV.vue?vue&type=script&lang=js&\"\nexport * from \"./StoreCCTV.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StoreCCTV.vue?vue&type=style&index=0&id=d0c4a7a2&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  \"d0c4a7a2\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,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('d0c4a7a2')) {\n      api.createRecord('d0c4a7a2', component.options)\n    } else {\n      api.reload('d0c4a7a2', component.options)\n    }\n    module.hot.accept(\"./StoreCCTV.vue?vue&type=template&id=d0c4a7a2&scoped=true&\", function () {\n      api.rerender('d0c4a7a2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/StoreCCTV.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!./StoreCCTV.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!./StoreCCTV.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!./StoreCCTV.vue?vue&type=style&index=0&id=d0c4a7a2&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!./StoreCCTV.vue?vue&type=template&id=d0c4a7a2&scoped=true&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=695adb52&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=695adb52&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  \"695adb52\",\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';\ninstallComponents(component, {VCol,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('695adb52')) {\n      api.createRecord('695adb52', component.options)\n    } else {\n      api.reload('695adb52', component.options)\n    }\n    module.hot.accept(\"./Header.vue?vue&type=template&id=695adb52&scoped=true&\", function () {\n      api.rerender('695adb52', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/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/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!./Header.vue?vue&type=style&index=0&id=695adb52&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!./Header.vue?vue&type=template&id=695adb52&scoped=true&\"","import { render, staticRenderFns } from \"./ThumbnailBox.vue?vue&type=template&id=b24f5178&scoped=true&\"\nimport script from \"./ThumbnailBox.vue?vue&type=script&lang=js&\"\nexport * from \"./ThumbnailBox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThumbnailBox.vue?vue&type=style&index=0&id=b24f5178&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  \"b24f5178\",\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';\ninstallComponents(component, {VCol,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('b24f5178')) {\n      api.createRecord('b24f5178', component.options)\n    } else {\n      api.reload('b24f5178', component.options)\n    }\n    module.hot.accept(\"./ThumbnailBox.vue?vue&type=template&id=b24f5178&scoped=true&\", function () {\n      api.rerender('b24f5178', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/components/ThumbnailBox.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!./ThumbnailBox.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!./ThumbnailBox.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!./ThumbnailBox.vue?vue&type=style&index=0&id=b24f5178&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!./ThumbnailBox.vue?vue&type=template&id=b24f5178&scoped=true&\"","import { render, staticRenderFns } from \"./SelectCamera.vue?vue&type=template&id=88e49206&scoped=true&\"\nimport script from \"./SelectCamera.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectCamera.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectCamera.vue?vue&type=style&index=0&id=88e49206&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  \"88e49206\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,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('88e49206')) {\n      api.createRecord('88e49206', component.options)\n    } else {\n      api.reload('88e49206', component.options)\n    }\n    module.hot.accept(\"./SelectCamera.vue?vue&type=template&id=88e49206&scoped=true&\", function () {\n      api.rerender('88e49206', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/split-screen/SelectCamera.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!./SelectCamera.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!./SelectCamera.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!./SelectCamera.vue?vue&type=style&index=0&id=88e49206&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!./SelectCamera.vue?vue&type=template&id=88e49206&scoped=true&\"","import { render, staticRenderFns } from \"./SelectCameraCount.vue?vue&type=template&id=1e97f6c2&scoped=true&\"\nimport script from \"./SelectCameraCount.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectCameraCount.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SelectCameraCount.vue?vue&type=style&index=0&id=1e97f6c2&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  \"1e97f6c2\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,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('1e97f6c2')) {\n      api.createRecord('1e97f6c2', component.options)\n    } else {\n      api.reload('1e97f6c2', component.options)\n    }\n    module.hot.accept(\"./SelectCameraCount.vue?vue&type=template&id=1e97f6c2&scoped=true&\", function () {\n      api.rerender('1e97f6c2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/split-screen/SelectCameraCount.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!./SelectCameraCount.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!./SelectCameraCount.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!./SelectCameraCount.vue?vue&type=style&index=0&id=1e97f6c2&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!./SelectCameraCount.vue?vue&type=template&id=1e97f6c2&scoped=true&\"","import { render, staticRenderFns } from \"./SplitPlayer.vue?vue&type=template&id=862c8ce2&scoped=true&\"\nimport script from \"./SplitPlayer.vue?vue&type=script&lang=js&\"\nexport * from \"./SplitPlayer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SplitPlayer.vue?vue&type=style&index=0&id=862c8ce2&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  \"862c8ce2\",\n  null\n  \n)\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VHover } from 'vuetify/lib/components/VHover';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VProgressLinear } from 'vuetify/lib/components/VProgressLinear';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VHover,VImg,VList,VListItem,VMenu,VProgressCircular,VProgressLinear,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('862c8ce2')) {\n      api.createRecord('862c8ce2', component.options)\n    } else {\n      api.reload('862c8ce2', component.options)\n    }\n    module.hot.accept(\"./SplitPlayer.vue?vue&type=template&id=862c8ce2&scoped=true&\", function () {\n      api.rerender('862c8ce2', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/split-screen/SplitPlayer.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!./SplitPlayer.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!./SplitPlayer.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!./SplitPlayer.vue?vue&type=style&index=0&id=862c8ce2&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!./SplitPlayer.vue?vue&type=template&id=862c8ce2&scoped=true&\"","import { render, staticRenderFns } from \"./SplitScreen.vue?vue&type=template&id=271d219a&scoped=true&\"\nimport script from \"./SplitScreen.vue?vue&type=script&lang=js&\"\nexport * from \"./SplitScreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SplitScreen.vue?vue&type=style&index=0&id=271d219a&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  \"271d219a\",\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 { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VCol,VProgressCircular})\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('271d219a')) {\n      api.createRecord('271d219a', component.options)\n    } else {\n      api.reload('271d219a', component.options)\n    }\n    module.hot.accept(\"./SplitScreen.vue?vue&type=template&id=271d219a&scoped=true&\", function () {\n      api.rerender('271d219a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/split-screen/SplitScreen.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!./SplitScreen.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!./SplitScreen.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!./SplitScreen.vue?vue&type=style&index=0&id=271d219a&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!./SplitScreen.vue?vue&type=template&id=271d219a&scoped=true&\""],"sourceRoot":""}