{"version":3,"sources":["webpack:///src/views/user-private/split-screen/SplitFullScreen.vue","webpack:///./src/views/user-private/split-screen/SplitFullScreen.vue?cde9","webpack:///./src/views/user-private/split-screen/SplitFullScreen.vue?ac2c","webpack:///./src/views/user-private/split-screen/SplitFullScreen.vue?eddb","webpack:///./src/assets/images/grey_box.png","webpack:///./src/views/user-private/split-screen/SplitFullScreen.vue","webpack:///./src/views/user-private/split-screen/SplitFullScreen.vue?c929","webpack:///./src/views/user-private/split-screen/SplitFullScreen.vue?3c5b","webpack:///./src/views/user-private/split-screen/SplitFullScreen.vue?e264"],"names":["components","SearchCameraDialog","NameChangeDialog","mixins","data","nameChangeDialogVisible","searchCameraDialogVisible","splitScreenSelectMenu","splitScreenCameraList","selectedSplitScreen","splitScreenList","splitScreenId","editNameType","currentId","currentName","currentItemIndex","loading","players","viewCount","view4","view9","view16","playerOptions","language","languages","ja","streamingCount","pausePlayInterval","watch","created","document","window","beforeDestroy","clearInterval","methods","tsg","goDashboard","view","escDetect","closeNameChangeDialog","nameChangeDialogFunc","nameUpdateFunc","nameChangeDialogVisibleFunc","searchCameraDialogVisibleFunc","selectCameraFunc","index","contractCd","portNo","thingType","then","checkSplitScreenCameraList","r","getSplitName","openCameraSearchDialog","from","name","unisCustomerCd","customerName","changeViewCount","getAllStreamingUrl","createPlayer","src","type","setTimeout","vm","goFullScreen","container","fullScreenChangeHandler"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8G4B;AAC5B;AACoC;AACL;AACa;AACf;AACN;AAC+C;AACG;AAClB;AAExC;EACfA;IACAC;IAAAC;EACA;EACAC;EACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;MAAAC;MAAAC;QAAAC;MAAA;IAAA;IACAC;IACAC;EACA;EACAC;IACAnB;MACA;MACA;IACA;EACA;EACAoB;IACA;IACA;IACAC;IACAA;IACAA;IACAA;EACA;EACA;IACA;IACA;IACAC;IACA;MACA;IACA;EACA;EACAC;IACAD;IACA;MACA;QACA;QACA;MACA;MACA;QACAE;MACA;IACA,aAEA;IACA;IACAH;IACAA;IACAA;IACAA;EACA;EACAI;IACA;AACA;AACA;IACAC;MACA;IACA;IACAC;MACA;QAAAC;MAAA;IACA;IACAC;MACA;QAAA;QACA;UAAAD;QAAA;MACA;IACA;IACAE;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;IACA;IACAC;MACA;MACA;QACAC;QACAC;QACAC;QACAC;MACA;MACA,mFACAC;QAEA;QACA;QACA;MACA;QACA;MACA;IACA;IACAC;MACA,uEACAC;IACA;IACAC;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;IACA;IACA;MACA;MACA;MACA;MAEA;QAAAC;QAAAC;MAAA;MAEA;MACA;MACA;QACAC;QACAC;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;MACA,iFACAV;QACA;UACA;YAAA;YACA;UACA;QACA;MACA;IACA;IACAW;MACA;MACA;QACA;UACAC;UACAC;QACA;QACAC;UAAA;QAAA;QACA,mCAEA;QACA;UACAA;YACA;cACAC;YACA;UACA;QACA;MACA;MACA;IACA;IACAC;MACA;MACA;QACAC;MACA;QACAA;MACA;QACAA;MACA;QACAA;MACA;IACA;IACAC;MACA,sIAGA;QACA;QACA;MAEA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACvWD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,mCAAmC,oCAAoC,EAAE;AAC9E;AACA;AACA;AACA,SAAS,mCAAmC,aAAa,EAAE;AAC3D;AACA;AACA;AACA;AACA;AACA,sBAAsB,8BAA8B;AACpD,aAAa;AACb;AACA;AACA;AACA,iBAAiB,wCAAwC,iBAAiB,EAAE;AAC5E;AACA;AACA;AACA,qBAAqB,mCAAmC,eAAe,EAAE;AACzE;AACA;AACA;AACA;AACA,kCAAkC,wCAAwC;AAC1E,+BAA+B,yBAAyB;AACxD,yBAAyB;AACzB;AACA;AACA;AACA,mCAAmC,mBAAO,CAAC,sFAAsC;AACjF,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB,2BAA2B;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,aAAa;AAC/C,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,sCAAsC,oBAAoB;AAC1D,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,YAAY;AACtD,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,aAAa;AAC3D,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,sDAAsD,oBAAoB;AAC1E;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,2DAA2D,cAAc;AACzE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sDAAsD,oBAAoB;AAC1E,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,2DAA2D,cAAc;AACzE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA,mDAAmD;AACnD,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,aAAa;AAC/C,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,YAAY;AACtD,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,aAAa;AAC3D,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,sDAAsD,oBAAoB;AAC1E;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,2DAA2D,cAAc;AACzE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sDAAsD,oBAAoB;AAC1E,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,2DAA2D,cAAc;AACzE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA,mDAAmD;AACnD,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,aAAa;AAC/C,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA,sCAAsC,kBAAkB;AACxD,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,0CAA0C,YAAY;AACtD,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8C,aAAa;AAC3D,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+CAA+C;AAC/C,sDAAsD,qBAAqB;AAC3E;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,+CAA+C;AAC/C,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,2DAA2D,cAAc;AACzE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sDAAsD,qBAAqB;AAC3E,6CAA6C;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD,2DAA2D,cAAc;AACzE,+CAA+C;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA,mDAAmD;AACnD,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;;;;;;;;;;;;;ACpiBA;AACA,kCAAkC,mBAAO,CAAC,8GAAyD;AACnG;AACA;AACA,cAAc,QAAS,kCAAkC,8BAA8B,iBAAiB,kBAAkB,qBAAqB,wBAAwB,uBAAuB,GAAG,iCAAiC,8BAA8B,gBAAgB,kBAAkB,sBAAsB,uBAAuB,GAAG,kCAAkC,8BAA8B,gBAAgB,kBAAkB,sBAAsB,uBAAuB,GAAG,qCAAqC,kCAAkC,mBAAmB,mBAAmB,GAAG,8CAA8C,uBAAuB,cAAc,qBAAqB,iCAAiC,qBAAqB,eAAe,yCAAyC,mBAAmB,GAAG,4BAA4B,wBAAwB,8BAA8B,GAAG,kCAAkC,oBAAoB,4BAA4B,GAAG,2CAA2C,iBAAiB,mBAAmB,GAAG,8CAA8C,kCAAkC,8BAA8B,iBAAiB,kBAAkB,iBAAiB,2BAA2B,GAAG,sCAAsC,4BAA4B,GAAG,sCAAsC,sBAAsB,qBAAqB,GAAG,qCAAqC,kCAAkC,mBAAmB,mBAAmB,GAAG,8BAA8B,gBAAgB,kBAAkB,qBAAqB,wBAAwB,aAAa,cAAc,iBAAiB,2BAA2B,GAAG,gCAAgC,gBAAgB,iBAAiB,iBAAiB,kBAAkB,GAAG,oCAAoC,eAAe,uBAAuB,4BAA4B,wBAAwB,kBAAkB,qBAAqB,iBAAiB,aAAa,GAAG,oCAAoC,8BAA8B,GAAG,8BAA8B,iCAAiC,sBAAsB,uBAAuB,GAAG,iCAAiC,uBAAuB,GAAG,kCAAkC,uBAAuB,GAAG,GAAG;AACvxE;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,g1BAAme;AACzf;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,gIAAmE;AACrF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf,iCAAiC,oK;;;;;;;;;;;;ACAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA0G;AACvC;AACL;AACsC;;;AAGpG;AACgG;AAChG,gBAAgB,2GAAU;AAC1B,EAAE,qFAAM;AACR,EAAE,sGAAM;AACR,EAAE,+GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACyG;AACtD;AACC;AACM;AACP;AACC;AACpD,oGAAiB,aAAa,sEAAI,CAAC,uEAAI,CAAC,mFAAU,CAAC,sEAAI,CAAC,uEAAI,CAAC;;;AAG7D;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACjDf;AAAA;AAAA,wCAAoT,CAAgB,gVAAG,EAAC,C;;;;;;;;;;;;ACAxU;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/PrivateSplitFullScreen.js","sourcesContent":["<template>\n\t<v-container id=\"split_fullscreen\" fluid class=\"ma-0 pa-0\">\n    <v-col class=\"ma-0 pa-0\" cols=\"12\">\n\t\t\t<v-col class=\"ma-0 pa-5\" cols=\"12\" align=\"center\">\n        <v-row class=\"ma-0 pa-0 mb-3\" justify=\"end\">\n          <v-col class=\"ma-0 pa-0\" cols=\"auto\">\n            <v-btn id=\"transparent_btn\" elevation=\"0\" @click=\"goDashboard\">\n              <v-img src=\"@/assets/images/video_fullscreen.png\"></v-img>\n            </v-btn>\n          </v-col>\n        </v-row>\n        <v-row class=\"ma-0 pa-0\">\n          <v-col v-if=\"viewCount === 4\" class=\"ma-0 pa-0\" cols=\"12\" :key=\"view4\">\n\t\t\t\t\t\t<v-row class=\"ma-0 pa-2\" justify=\"center\">\n\t\t\t\t\t\t\t<v-col v-for=\"(item, index) in 2\" :key=\"index\" class=\"ma-0 pa-0\" cols=\"6\">\n\t\t\t\t\t\t\t\t<v-col v-for=\"(item_nest, index_nest) in 2\" :key=\"index_nest\" class=\"ma-0 pa-0\" cols=\"12\">\n                  <v-col v-if=\"checkSplitScreenCameraList(index, index_nest, 2)\"\n                         id=\"camera_4box\" class=\"ma-0 pa-0 ml-1 mr-1 mb-2\"\n                         @click=\"goVideoPlayer(index_nest + 2*index)\"\n                         style=\"cursor: pointer\">\n                    <v-col id=\"camera_select_bottom_bar\" class=\"ma-0 pa-0\" cols=\"12\">\n                      {{getSplitName(index, index_nest, 2)}}\n                    </v-col>\n                    <video :id=\"'example-4-video' + (index_nest + 2*index)\" width=\"100%\" height=\"100%\" muted\n                           class=\"ma-2 pa-0 video-js vjs-default-skin vjs-big-play-centered vjs-custom\"\n                           style=\"object-fit: fill;width:100%;height:100%;\">\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                    <video :id=\"'example-4-video' + (index_nest + 2*index)\" width=\"100%\" height=\"100%\" muted\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\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</v-col>\n\n          <v-col v-if=\"viewCount === 9\" class=\"ma-0 pa-0\" cols=\"12\" :key=\"view9\">\n\t\t\t\t\t\t<v-row class=\"ma-0 pa-2\" align=\"center\">\n\t\t\t\t\t\t\t<v-col v-for=\"(item, index) in 3\" :key=\"index\" class=\"ma-0 pa-0\" cols=\"4\">\n\t\t\t\t\t\t\t\t<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-col v-if=\"checkSplitScreenCameraList(index, index_nest, 3)\"\n                         id=\"camera_9box\" class=\"ma-0 pa-0\"\n                         @click=\"goVideoPlayer(index_nest + 3*index)\"\n                         style=\"cursor: pointer\">\n                    <v-col id=\"camera_select_bottom_bar\" class=\"ma-0 pa-0\" cols=\"12\">\n                      {{getSplitName(index, index_nest, 3)}}\n                    </v-col>\n                    <video :id=\"'example-9-video' + (index_nest + 3*index)\" width=550 height=350 muted\n                           class=\"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\"\n                           style=\"object-fit: fill;width:100%;height:100%;\">\n                    </video>\n                  </v-col>\n                  <v-col v-else id=\"camera_9box\" class=\"ma-0 pa-0\">\n                    <video :id=\"'example-9-video' + (index_nest + 3*index)\" muted\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\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</v-col>\n\n          <v-col v-if=\"viewCount === 16\" class=\"ma-0 pa-0\" cols=\"12\" :key=\"view16\">\n\t\t\t\t\t\t<v-row class=\"ma-0 pa-2\" align=\"center\">\n\t\t\t\t\t\t\t<v-col v-for=\"(item, index) in 4\" :key=\"index\" class=\"ma-0 pa-0\" cols=\"3\">\n\t\t\t\t\t\t\t\t<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-col v-if=\"checkSplitScreenCameraList(index, index_nest, 4)\"\n                         id=\"camera_16box\" class=\"ma-0 pa-0\"\n                         @click=\"goVideoPlayer(index_nest + 4*index)\"\n                         style=\"cursor: pointer\">\n                    <v-col id=\"camera_select_bottom_bar\" class=\"ma-0 pa-0\" cols=\"12\">\n                      {{getSplitName(index, index_nest, 4)}}\n                    </v-col>\n                    <video :id=\"'example-16-video' + (index_nest + 4*index)\" width=550 height=350 muted\n                           class=\"ma-2 pa-0 video-js video-js-9 vjs-default-skin vjs-big-play-centered vjs-custom\"\n                           style=\"object-fit: fill;width:100%;height:100%;\">\n                    </video>\n                  </v-col>\n                  <v-col v-else id=\"camera_16box\" class=\"ma-0 pa-0\">\n                    <video :id=\"'example-16-video' + (index_nest + 4*index)\" muted\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\t\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t\t</v-col>\n\t\t\t\t\t\t</v-row>\n\t\t\t\t\t</v-col>\n        </v-row>\n\t\t\t</v-col>\n\t\t</v-col>\n    <NameChangeDialog :dialogVisible=\"nameChangeDialogVisible\" :editType=\"editNameType\"\n      :currentId=\"currentId\" :currentName=\"currentName\"\n      @nameUpdate=\"nameUpdateFunc\" @visible=\"nameChangeDialogVisibleFunc\"/>\n\t\t<SearchCameraDialog :dialogVisible=\"searchCameraDialogVisible\"\n\t\t\t@visible=\"searchCameraDialogVisibleFunc\" @selectCamera=\"selectCameraFunc\" />\n\t</v-container>\n</template>\n\n<script>\nimport mixin from '@/mixin';\nimport privateSplitMixin from './mixin/privateSplitScreen'\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 SearchCameraDialog from '../components/SelectCameraDialog.vue';\nimport NameChangeDialog from '@/components/dialogs/NameChangeDialog.vue';\nimport { isIOS, isSafari } from 'mobile-device-detect';\n\nexport default {\n\tcomponents: {\n\t\tSearchCameraDialog, NameChangeDialog\n\t},\n\tmixins: [mixin.common, privateSplitMixin],\n\tdata: () => ({\n    nameChangeDialogVisible: 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\tviewCount: 4,\n\t\tview4: 0,\n    view9: 10,\n    view16: 100,\n    playerOptions: { language: 'ja', languages: { ja }, },\n\t\tstreamingCount: 0,\n    pausePlayInterval: null, // 초기화\n\t}),\n\twatch: {\n\t\tselectedSplitScreen: function(item) {\n\t\t\tthis.$store.commit('setSelectedSplitScreen', item);\n\t\t\tthis.getSplitListCameras(0);\n\t\t}\n\t},\n  created() {\n    if(this.$route.query.viewCount != undefined) this.viewCount = Number(this.$route.query.viewCount);\n\t\t// 이벤트 리스너 등록\n    document.addEventListener(\"fullscreenchange\", this.fullScreenChangeHandler);\n    document.addEventListener(\"webkitfullscreenchange\", this.fullScreenChangeHandler);\n    document.addEventListener(\"mozfullscreenchange\", this.fullScreenChangeHandler);\n    document.addEventListener(\"MSFullscreenChange\", this.fullScreenChangeHandler);\n\t},\n  async mounted() {\n    await this.getSplitList();\n\t\tawait this.goFullScreen();\n\t\twindow.addEventListener('keyup', this.escDetect);\n    if (isSafari) {\n      this.initializePausePlayInterval();\n    }\n  },\n\tbeforeDestroy() {\n\t\twindow.removeEventListener('keyup', this.escDetect);\n\t\ttry {\n\t\t\tfor(let i = 0; i < this.players.length; i++) {\n\t\t\t\t// 중간에 스트리밍 되지 않은 비디오는 dispose 하면 에러가 나기 때문에 if문으로 처리\n\t\t\t\tif(this.players[i]) this.players[i].dispose();\n\t\t\t}\n      if (this.pausePlayInterval) {\n        clearInterval(this.pausePlayInterval);\n      }\n\t\t} catch(e) { \n      console.log(e);\n    }\n\t\t// 컴포넌트가 파괴되기 전에 이벤트 리스너 해제\n    document.removeEventListener(\"fullscreenchange\", this.fullScreenChangeHandler);\n    document.removeEventListener(\"webkitfullscreenchange\", this.fullScreenChangeHandler);\n    document.removeEventListener(\"mozfullscreenchange\", this.fullScreenChangeHandler);\n    document.removeEventListener(\"MSFullscreenChange\", this.fullScreenChangeHandler);\n  },\n  methods: {\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    goDashboard() {\n      this.pushRoute('/private/store-cctv', { view: 'split' });\n    },\n\t\tescDetect(event) {\n\t\t\tif(event.keyCode == 27 || event.which == 27) { // esc 감지\n\t\t\t\tthis.pushRoute('/private/store-cctv', { view: 'split' });\n\t\t\t}\n\t\t},\n\t\tcloseNameChangeDialog(value) {\n      if(this.nameChangeDialogVisible != true) this.splitScreenSelectMenu = false;\n      this.selectedSplitScreen = value;\n    },\n\t\tnameChangeDialogFunc(id, name) {\n      this.editNameType = 'privateSplitList';\n      this.currentId = id;\n      this.currentName = name;\n      this.nameChangeDialogVisible = true;\n      this.splitScreenSelectMenu = true;\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\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\t\topenCameraSearchDialog(index) {\n\t\t\t// console.log(index)\n\t\t\t// console.log(this.players[index])\n      this.currentItemIndex = index;\n      this.searchCameraDialogVisible = true;\n    },\n\t\tasync goVideoPlayer(index) {\n\t\t\tthis.$vloading.show();\n\t\t\tconst idx = this.splitScreenCameraList.findIndex(r => r.index === index);\n\t\t\tconst item = this.splitScreenCameraList[idx];\n\n      this.$store.commit('setPlayerFromWhere', { from: 'privateSplitScreen', name: this.selectedSplitScreen });\n\n      await this.$store.commit('setStreamInfo', item);\n      this.$vloading.hide();\n      this.pushRoute('/video-player', {\n        unisCustomerCd: item.unisCustomerCd,\n        customerName: item.cameraName,\n      })\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\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(() => {this.play(); }, 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\t\tgoFullScreen() {\n      const container = document.getElementById('split_fullscreen');\n      if (container.requestFullscreen) {\n        container.requestFullscreen();\n      } else if (container.mozRequestFullScreen) {\n        container.mozRequestFullScreen();\n      } else if (container.webkitRequestFullscreen) {\n        container.webkitRequestFullscreen();\n      } else if (container.msRequestFullscreen) {\n        container.msRequestFullscreen();\n      }\n    },\n\t\tfullScreenChangeHandler() {\n      if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement) {\n        // 전체화면 모드로 들어갔을 때 실행할 코드\n        console.log(\"전체화면으로 변경되었습니다.\");\n      } else {\n        // 전체화면 모드에서 나왔을 때 실행할 코드\n\t\t\t\tthis.goDashboard()\n        console.log(\"전체화면에서 나왔습니다.\");\n      }\n\t\t},\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n#camera_4box {\n\tbackground-color: #4E4E4E;\n\twidth: 99.5%;\n\theight: 15rem;\n\tmin-width: 38rem;\n\tmin-height: 18.5rem;\n\tposition: relative;\n}\n#camera_9box {\n\tbackground-color: #4E4E4E;\n\twidth: 100%;\n\theight: 12rem;\n\tmin-height: 12rem;\n\tposition: relative;\n}\n#camera_16box {\n\tbackground-color: #4E4E4E;\n\twidth: 100%;\n\theight: 10rem;\n\tmin-height: 10rem;\n\tposition: relative;\n}\n#transparent_btn {\n  background-color: transparent;\n  max-width: 4em;\n  min-width: 4em;\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: 20rem;\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: 250px;\n}\n#transparent_btn {\n  background-color: transparent;\n  max-width: 4em;\n  min-width: 4em;\n}\n.video-js {\n\twidth: 100%;\n  height: 15rem;\n\tmin-width: 38rem;\n\tmin-height: 18.5rem;\n  //position: absolute;\n  top: 0px;\n  left: 0px;\n  padding: 0px;\n  margin: 0px !important;\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#middle_divider {\n\tbackground-color: #4C4C4C;\n}\n@media ( min-width: 1400px ) { \n\t#camera_4box {\n\t\tmin-width: 47vw;\n\t\tmin-height: 40vh;\n\t}\n\t#camera_9box {\n\t\tmin-height: 25vh;\n\t}\n\t#camera_16box {\n\t\tmin-height: 20vh;\n\t}\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: { id: \"split_fullscreen\", fluid: \"\" } },\n    [\n      _c(\n        \"v-col\",\n        { staticClass: \"ma-0 pa-0\", attrs: { cols: \"12\" } },\n        [\n          _c(\n            \"v-col\",\n            {\n              staticClass: \"ma-0 pa-5\",\n              attrs: { cols: \"12\", align: \"center\" },\n            },\n            [\n              _c(\n                \"v-row\",\n                { staticClass: \"ma-0 pa-0 mb-3\", attrs: { justify: \"end\" } },\n                [\n                  _c(\n                    \"v-col\",\n                    { staticClass: \"ma-0 pa-0\", attrs: { cols: \"auto\" } },\n                    [\n                      _c(\n                        \"v-btn\",\n                        {\n                          attrs: { id: \"transparent_btn\", elevation: \"0\" },\n                          on: { click: _vm.goDashboard },\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              _c(\n                \"v-row\",\n                { staticClass: \"ma-0 pa-0\" },\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                                      _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                                              staticStyle: {\n                                                cursor: \"pointer\",\n                                              },\n                                              attrs: { id: \"camera_4box\" },\n                                              on: {\n                                                click: function ($event) {\n                                                  return _vm.goVideoPlayer(\n                                                    index_nest + 2 * index\n                                                  )\n                                                },\n                                              },\n                                            },\n                                            [\n                                              _c(\n                                                \"v-col\",\n                                                {\n                                                  staticClass: \"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                                              _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                                                  width: \"100%\",\n                                                  height: \"100%\",\n                                                },\n                                                attrs: {\n                                                  id:\n                                                    \"example-4-video\" +\n                                                    (index_nest + 2 * index),\n                                                  width: \"100%\",\n                                                  height: \"100%\",\n                                                  muted: \"\",\n                                                },\n                                                domProps: { muted: true },\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: { id: \"camera_4box\" },\n                                            },\n                                            [\n                                              _c(\"video\", {\n                                                staticClass:\n                                                  \"ma-2 pa-0 video-js vjs-default-skin vjs-big-play-centered vjs-custom\",\n                                                attrs: {\n                                                  id:\n                                                    \"example-4-video\" +\n                                                    (index_nest + 2 * index),\n                                                  width: \"100%\",\n                                                  height: \"100%\",\n                                                  muted: \"\",\n                                                },\n                                                domProps: { muted: true },\n                                              }),\n                                              _c(\n                                                \"v-col\",\n                                                {\n                                                  staticClass: \"video_grey_box\",\n                                                  staticStyle: {\n                                                    display: \"flex\",\n                                                  },\n                                                  attrs: {\n                                                    id:\n                                                      \"no-data-video\" +\n                                                      (index_nest + 2 * index),\n                                                  },\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    \" \" +\n                                                      _vm._s(_vm.t(\"noData\")) +\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                    : _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                                      _vm.checkSplitScreenCameraList(\n                                        index,\n                                        index_nest,\n                                        3\n                                      )\n                                        ? _c(\n                                            \"v-col\",\n                                            {\n                                              staticClass: \"ma-0 pa-0\",\n                                              staticStyle: {\n                                                cursor: \"pointer\",\n                                              },\n                                              attrs: { id: \"camera_9box\" },\n                                              on: {\n                                                click: function ($event) {\n                                                  return _vm.goVideoPlayer(\n                                                    index_nest + 3 * index\n                                                  )\n                                                },\n                                              },\n                                            },\n                                            [\n                                              _c(\n                                                \"v-col\",\n                                                {\n                                                  staticClass: \"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                                              _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                                                  width: \"100%\",\n                                                  height: \"100%\",\n                                                },\n                                                attrs: {\n                                                  id:\n                                                    \"example-9-video\" +\n                                                    (index_nest + 3 * index),\n                                                  width: \"550\",\n                                                  height: \"350\",\n                                                  muted: \"\",\n                                                },\n                                                domProps: { muted: true },\n                                              }),\n                                            ],\n                                            1\n                                          )\n                                        : _c(\n                                            \"v-col\",\n                                            {\n                                              staticClass: \"ma-0 pa-0\",\n                                              attrs: { id: \"camera_9box\" },\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                                                attrs: {\n                                                  id:\n                                                    \"example-9-video\" +\n                                                    (index_nest + 3 * index),\n                                                  muted: \"\",\n                                                },\n                                                domProps: { muted: true },\n                                              }),\n                                              _c(\n                                                \"v-col\",\n                                                {\n                                                  staticClass: \"video_grey_box\",\n                                                  staticStyle: {\n                                                    display: \"flex\",\n                                                  },\n                                                  attrs: {\n                                                    id:\n                                                      \"no-data-video\" +\n                                                      (index_nest + 3 * index),\n                                                  },\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    \" \" +\n                                                      _vm._s(_vm.t(\"noData\")) +\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                    : _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                                      _vm.checkSplitScreenCameraList(\n                                        index,\n                                        index_nest,\n                                        4\n                                      )\n                                        ? _c(\n                                            \"v-col\",\n                                            {\n                                              staticClass: \"ma-0 pa-0\",\n                                              staticStyle: {\n                                                cursor: \"pointer\",\n                                              },\n                                              attrs: { id: \"camera_16box\" },\n                                              on: {\n                                                click: function ($event) {\n                                                  return _vm.goVideoPlayer(\n                                                    index_nest + 4 * index\n                                                  )\n                                                },\n                                              },\n                                            },\n                                            [\n                                              _c(\n                                                \"v-col\",\n                                                {\n                                                  staticClass: \"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                                              _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                                                  width: \"100%\",\n                                                  height: \"100%\",\n                                                },\n                                                attrs: {\n                                                  id:\n                                                    \"example-16-video\" +\n                                                    (index_nest + 4 * index),\n                                                  width: \"550\",\n                                                  height: \"350\",\n                                                  muted: \"\",\n                                                },\n                                                domProps: { muted: true },\n                                              }),\n                                            ],\n                                            1\n                                          )\n                                        : _c(\n                                            \"v-col\",\n                                            {\n                                              staticClass: \"ma-0 pa-0\",\n                                              attrs: { id: \"camera_16box\" },\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                                                attrs: {\n                                                  id:\n                                                    \"example-16-video\" +\n                                                    (index_nest + 4 * index),\n                                                  muted: \"\",\n                                                },\n                                                domProps: { muted: true },\n                                              }),\n                                              _c(\n                                                \"v-col\",\n                                                {\n                                                  staticClass: \"video_grey_box\",\n                                                  staticStyle: {\n                                                    display: \"flex\",\n                                                  },\n                                                  attrs: {\n                                                    id:\n                                                      \"no-data-video\" +\n                                                      (index_nest + 4 * index),\n                                                  },\n                                                },\n                                                [\n                                                  _vm._v(\n                                                    \" \" +\n                                                      _vm._s(_vm.t(\"noData\")) +\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                    : _vm._e(),\n                ],\n                1\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(\"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 }","// 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-6e4782ee] {\\n  background-color: #4E4E4E;\\n  width: 99.5%;\\n  height: 15rem;\\n  min-width: 38rem;\\n  min-height: 18.5rem;\\n  position: relative;\\n}\\n#camera_9box[data-v-6e4782ee] {\\n  background-color: #4E4E4E;\\n  width: 100%;\\n  height: 12rem;\\n  min-height: 12rem;\\n  position: relative;\\n}\\n#camera_16box[data-v-6e4782ee] {\\n  background-color: #4E4E4E;\\n  width: 100%;\\n  height: 10rem;\\n  min-height: 10rem;\\n  position: relative;\\n}\\n#transparent_btn[data-v-6e4782ee] {\\n  background-color: transparent;\\n  max-width: 4em;\\n  min-width: 4em;\\n}\\n#camera_select_bottom_bar[data-v-6e4782ee] {\\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-6e4782ee] {\\n  background: #171921;\\n  border: 1px solid #4A4A4A;\\n}\\n[data-v-6e4782ee] .v-list-item {\\n  min-height: 0px;\\n  color: white !important;\\n}\\n[data-v-6e4782ee] .v-list-item__content {\\n  color: white;\\n  padding: 5px 0;\\n}\\n#split_screen_select_menu[data-v-6e4782ee] {\\n  background-color: transparent;\\n  border: 1px solid #4A4A4A;\\n  color: white;\\n  height: 2.7em;\\n  width: 20rem;\\n  justify-content: start;\\n}\\n#select_list_item[data-v-6e4782ee] {\\n  padding: 0px !important;\\n}\\n#select_menu_text[data-v-6e4782ee] {\\n  text-align: start;\\n  max-width: 250px;\\n}\\n#transparent_btn[data-v-6e4782ee] {\\n  background-color: transparent;\\n  max-width: 4em;\\n  min-width: 4em;\\n}\\n.video-js[data-v-6e4782ee] {\\n  width: 100%;\\n  height: 15rem;\\n  min-width: 38rem;\\n  min-height: 18.5rem;\\n  top: 0px;\\n  left: 0px;\\n  padding: 0px;\\n  margin: 0px !important;\\n}\\n.video-js-9[data-v-6e4782ee] {\\n  width: 100%;\\n  height: 100%;\\n  min-width: 0;\\n  min-height: 0;\\n}\\n.video_grey_box[data-v-6e4782ee] {\\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#middle_divider[data-v-6e4782ee] {\\n  background-color: #4C4C4C;\\n}\\n@media (min-width: 1400px) {\\n#camera_4box[data-v-6e4782ee] {\\n    min-width: 47vw;\\n    min-height: 40vh;\\n}\\n#camera_9box[data-v-6e4782ee] {\\n    min-height: 25vh;\\n}\\n#camera_16box[data-v-6e4782ee] {\\n    min-height: 20vh;\\n}\\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!./SplitFullScreen.vue?vue&type=style&index=0&id=6e4782ee&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(\"1509fcd6\", 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!./SplitFullScreen.vue?vue&type=style&index=0&id=6e4782ee&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!./SplitFullScreen.vue?vue&type=style&index=0&id=6e4782ee&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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAACtJREFUOE9jzMrK+s9ARcA4aiDFoTkahhQHIcNoGI6GIRkhMJpsyAg0NC0AiTws2RG0AsAAAAAASUVORK5CYII=\"","import { render, staticRenderFns } from \"./SplitFullScreen.vue?vue&type=template&id=6e4782ee&scoped=true&\"\nimport script from \"./SplitFullScreen.vue?vue&type=script&lang=js&\"\nexport * from \"./SplitFullScreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SplitFullScreen.vue?vue&type=style&index=0&id=6e4782ee&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  \"6e4782ee\",\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 { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VContainer,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('6e4782ee')) {\n      api.createRecord('6e4782ee', component.options)\n    } else {\n      api.reload('6e4782ee', component.options)\n    }\n    module.hot.accept(\"./SplitFullScreen.vue?vue&type=template&id=6e4782ee&scoped=true&\", function () {\n      api.rerender('6e4782ee', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/user-private/split-screen/SplitFullScreen.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!./SplitFullScreen.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!./SplitFullScreen.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!./SplitFullScreen.vue?vue&type=style&index=0&id=6e4782ee&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!./SplitFullScreen.vue?vue&type=template&id=6e4782ee&scoped=true&\""],"sourceRoot":""}