{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/SplitDialog.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/SplitDialog.vue","mtime":1684261475133},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBDb250ZW50VnVlciBmcm9tICIuL0NvbnRlbnRWdWVyIjsKaW1wb3J0IFNwbGl0cGFuZXNCYXIgZnJvbSAiLi9TcGxpdHBhbmVzQmFyIjsKaW1wb3J0IHsgU3BsaXRwYW5lcywgUGFuZSB9IGZyb20gInNwbGl0cGFuZXMiOwppbXBvcnQgc3RvcmUgZnJvbSAiLi4vc3RvcmUiOwppbXBvcnQgVnVlIGZyb20gInZ1ZSI7CmltcG9ydCAic3BsaXRwYW5lcy9kaXN0L3NwbGl0cGFuZXMuY3NzIjsKaW1wb3J0IHsKICBJbnB1dCwKICBPcHRpb24sCiAgUG9wb3ZlciwKICBTZWxlY3QKfSBmcm9tICJlbGVtZW50LXVpIjsKVnVlLnVzZShJbnB1dCk7ClZ1ZS51c2UoT3B0aW9uKTsKVnVlLnVzZShQb3BvdmVyKTsKVnVlLnVzZShTZWxlY3QpOwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJTcGxpdERpYWxvZyIsCiAgY29tcG9uZW50czogewogICAgQ29udGVudFZ1ZXIsCiAgICBTcGxpdHBhbmVzLAogICAgU3BsaXRwYW5lc0JhciwKICAgIFBhbmUKICB9LAogIHByb3BzOiB7CiAgICBlbnRyaWVzOiB7CiAgICAgIHR5cGU6IEFycmF5LAogICAgICBkZWZhdWx0OiBmdW5jdGlvbigpIHsKICAgICAgICByZXR1cm4gW107CiAgICAgIH0KICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uKCkgewogICAgcmV0dXJuIHsKICAgICAgc3BsaXR0ZXIxOiA1MCwKICAgICAgc3BsaXR0ZXIyOiA1MCwKICAgICAgc3BsaXR0ZXIzOiA1MCwKICAgICAgc2VhcmNoVGV4dDogW10sCiAgICAgIGlzRmxhdG1hcDogewogICAgICAgIGZpcnN0OiB0cnVlLAogICAgICAgIHNlY29uZDogZmFsc2UsCiAgICAgICAgdGhpcmQ6IGZhbHNlLAogICAgICAgIGZvdXJ0aDogZmFsc2UKICAgICAgfSwKICAgICAgZmFpbGVkU2VhcmNoOiB7CiAgICAgICAgZmlyc3Q6IHVuZGVmaW5lZCwKICAgICAgICBzZWNvbmQ6IHVuZGVmaW5lZCwKICAgICAgICB0aGlyZDogdW5kZWZpbmVkLAogICAgICAgIGZvdXJ0aDogdW5kZWZpbmVkLAogICAgICB9CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICAvKioKICAgICAqIENhbGxiYWNrIHdoZW4gdGhlIHZ1ZXJzIGVtaXQgYSBzZWxlY3RlZCBldmVudC4KICAgICAqLwogICAgcmVzb3VyY2VTZWxlY3RlZDogZnVuY3Rpb24ocmVzdWx0KSB7CiAgICAgIHRoaXMuJGVtaXQoInJlc291cmNlLXNlbGVjdGVkIiwgcmVzdWx0KTsKICAgIH0sCiAgICBnZXRDbGFzczogZnVuY3Rpb24oaWQpIHsKICAgICAgbGV0IHNsb3QgPSBzdG9yZS5nZXR0ZXJzWyJzcGxpdEZsb3cvZ2V0U2xvdEJ5SWQiXShpZCk7CiAgICAgIGlmIChzbG90KSB7CiAgICAgICAgaWYgKHNsb3QubmFtZSA9PSAiZmlyc3QiKSB7CiAgICAgICAgICBzd2l0Y2ggKHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5hY3RpdmVWaWV3KSB7CiAgICAgICAgICAgIGNhc2UgInNpbmdsZXBhbmVsIjoKICAgICAgICAgICAgICByZXR1cm4gInNpbmdsZXBhbmVsLTEiOwogICAgICAgICAgICBjYXNlICIyaG9ycGFuZWwiOgogICAgICAgICAgICAgIHJldHVybiAidHdvaG9ycGFuZWwtMSI7CiAgICAgICAgICAgIGNhc2UgIjJ2ZXJ0cGFuZWwiOgogICAgICAgICAgICBjYXNlICIzcGFuZWwiOgogICAgICAgICAgICAgIHJldHVybiAidHdvdmVydHBhbmVsLTEiOwogICAgICAgICAgICBjYXNlICI0cGFuZWwiOgogICAgICAgICAgICAgIHJldHVybiAiZm91cnBhbmVsLTEiOwogICAgICAgICAgfQogICAgICAgIH0gZWxzZSBpZiAoc2xvdC5uYW1lID09ICJzZWNvbmQiKSB7CiAgICAgICAgICBzd2l0Y2ggKHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5hY3RpdmVWaWV3KSB7CiAgICAgICAgICAgIGNhc2UgIjJob3JwYW5lbCI6CiAgICAgICAgICAgICAgcmV0dXJuICJ0d29ob3JwYW5lbC0yIjsKICAgICAgICAgICAgY2FzZSAiMnZlcnRwYW5lbCI6CiAgICAgICAgICAgICAgcmV0dXJuICJ0d292ZXJ0cGFuZWwtMiI7CiAgICAgICAgICAgIGNhc2UgIjNwYW5lbCI6CiAgICAgICAgICAgIGNhc2UgIjRwYW5lbCI6CiAgICAgICAgICAgICAgcmV0dXJuICJ0aHJlZXBhbmVsLTIiOwogICAgICAgICAgfQogICAgICAgIH0gZWxzZSBpZiAoc2xvdC5uYW1lID09ICJ0aGlyZCIpIHsKICAgICAgICAgIHN3aXRjaCAoc3RvcmUuc3RhdGUuc3BsaXRGbG93LmFjdGl2ZVZpZXcpIHsKICAgICAgICAgICAgY2FzZSAiM3BhbmVsIjoKICAgICAgICAgICAgY2FzZSAiNHBhbmVsIjoKICAgICAgICAgICAgICByZXR1cm4gInRocmVlcGFuZWwtMyI7CiAgICAgICAgICB9CiAgICAgICAgfSBlbHNlIGlmIChzbG90Lm5hbWUgPT0gImZvdXJ0aCIpIHsKICAgICAgICAgIHN3aXRjaCAoc3RvcmUuc3RhdGUuc3BsaXRGbG93LmFjdGl2ZVZpZXcpIHsKICAgICAgICAgICAgY2FzZSAiNHBhbmVsIjoKICAgICAgICAgICAgICByZXR1cm4gImZvdXJwYW5lbC00IjsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0KICAgICAgcmV0dXJuICJpbmFjdGl2ZSI7CiAgICB9LAogICAgZ2V0U3R5bGU6IGZ1bmN0aW9uKGlkKSB7CiAgICAgIC8qIAogICAgICAgIFNldCB0aGUgc3R5bGUgYmFzZWQgb24gdGhlIHBvc2l0aW9uIG9mIHRoZSBzcGx0dGVycyAKICAgICAgICBIZWFkZXIgaXMgMzBweCBpbiBoZWlnaHQgYW5kIHRoZSBzcGxpdHRlciBpcyAxcHggaW4KICAgICAgICBoZWlnaHQvd2lkdGguIFRoZSB3aWR0aCwgaGVpZ2h0IGFuZCBwb3NpdG9uIG9mIHRoZSAKICAgICAgICB2aWV3ZXIgc2hvdWxkIHRha2UgdGhhdCBpbnRvIGFjY291bnQuCiAgICAgICovCiAgICAgIGxldCBzdHlsZSA9IHt9OwogICAgICBsZXQgc2xvdCA9IHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9nZXRTbG90QnlJZCJdKGlkKTsKICAgICAgaWYgKHNsb3QpIHsKICAgICAgICBpZiAoc2xvdC5uYW1lID09ICJmaXJzdCIpIHsKICAgICAgICAgIHN3aXRjaCAoc3RvcmUuc3RhdGUuc3BsaXRGbG93LmFjdGl2ZVZpZXcpIHsKICAgICAgICAgICAgY2FzZSAiMmhvcnBhbmVsIjoKICAgICAgICAgICAgICBzdHlsZVsiaGVpZ2h0Il0gPSAiY2FsYygiICsgdGhpcy5zcGxpdHRlcjEudG9TdHJpbmcoKSArICIlIC0gMzFweCkiOwogICAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgICBjYXNlICIydmVydHBhbmVsIjoKICAgICAgICAgICAgY2FzZSAiM3BhbmVsIjoKICAgICAgICAgICAgICBzdHlsZVsid2lkdGgiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMS50b1N0cmluZygpICsgIiUgLSAxcHgpIjsKICAgICAgICAgICAgICBicmVhazsKICAgICAgICAgICAgY2FzZSAiNHBhbmVsIjoKICAgICAgICAgICAgICBzdHlsZVsid2lkdGgiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMS50b1N0cmluZygpICsgIiUgLSAxcHgpIjsKICAgICAgICAgICAgICBzdHlsZVsiaGVpZ2h0Il0gPSAiY2FsYygiICsgdGhpcy5zcGxpdHRlcjIudG9TdHJpbmcoKSArICIlIC0gMzFweCkiOwogICAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgfQogICAgICAgIH0gZWxzZSBpZiAoc2xvdC5uYW1lID09ICJzZWNvbmQiKSB7CiAgICAgICAgICBzd2l0Y2ggKHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5hY3RpdmVWaWV3KSB7CiAgICAgICAgICAgIGNhc2UgIjJob3JwYW5lbCI6CiAgICAgICAgICAgICAgc3R5bGVbImhlaWdodCJdID0KICAgICAgICAgICAgICAgICJjYWxjKCIgKyAoMTAwIC0gdGhpcy5zcGxpdHRlcjEpLnRvU3RyaW5nKCkgKyAiJSAtIDMxcHgpIjsKICAgICAgICAgICAgICBzdHlsZVsidG9wIl0gPSAiY2FsYygiICsgdGhpcy5zcGxpdHRlcjEudG9TdHJpbmcoKSArICIlICsgMzJweCkiOwogICAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgICBjYXNlICIydmVydHBhbmVsIjoKICAgICAgICAgICAgICBzdHlsZVsid2lkdGgiXSA9CiAgICAgICAgICAgICAgICAiY2FsYygiICsgKDEwMCAtIHRoaXMuc3BsaXR0ZXIxKS50b1N0cmluZygpICsgIiUgLSAxcHgpIjsKICAgICAgICAgICAgICBzdHlsZVsibGVmdCJdID0gImNhbGMoIiArIHRoaXMuc3BsaXR0ZXIxLnRvU3RyaW5nKCkgKyAiJSArIDJweCkiOwogICAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgICBjYXNlICIzcGFuZWwiOgogICAgICAgICAgICBjYXNlICI0cGFuZWwiOgogICAgICAgICAgICAgIHN0eWxlWyJ3aWR0aCJdID0KICAgICAgICAgICAgICAgICJjYWxjKCIgKyAoMTAwIC0gdGhpcy5zcGxpdHRlcjEpLnRvU3RyaW5nKCkgKyAiJSAtIDFweCkiOwogICAgICAgICAgICAgIHN0eWxlWyJsZWZ0Il0gPSAiY2FsYygiICsgdGhpcy5zcGxpdHRlcjEudG9TdHJpbmcoKSArICIlICsgMnB4KSI7CiAgICAgICAgICAgICAgc3R5bGVbImhlaWdodCJdID0gImNhbGMoIiArIHRoaXMuc3BsaXR0ZXIzLnRvU3RyaW5nKCkgKyAiJSAtIDMxcHgpIjsKICAgICAgICAgICAgICBicmVhazsKICAgICAgICAgIH0KICAgICAgICB9IGVsc2UgaWYgKHNsb3QubmFtZSA9PSAidGhpcmQiKSB7CiAgICAgICAgICBzd2l0Y2ggKHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5hY3RpdmVWaWV3KSB7CiAgICAgICAgICAgIGNhc2UgIjNwYW5lbCI6CiAgICAgICAgICAgIGNhc2UgIjRwYW5lbCI6CiAgICAgICAgICAgICAgc3R5bGVbIndpZHRoIl0gPQogICAgICAgICAgICAgICAgImNhbGMoIiArICgxMDAgLSB0aGlzLnNwbGl0dGVyMSkudG9TdHJpbmcoKSArICIlIC0gMXB4KSI7CiAgICAgICAgICAgICAgc3R5bGVbImxlZnQiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMS50b1N0cmluZygpICsgIiUgKyAycHgpIjsKICAgICAgICAgICAgICBzdHlsZVsiaGVpZ2h0Il0gPQogICAgICAgICAgICAgICAgImNhbGMoIiArICgxMDAgLSB0aGlzLnNwbGl0dGVyMykudG9TdHJpbmcoKSArICIlIC0gMzFweCkiOwogICAgICAgICAgICAgIHN0eWxlWyJ0b3AiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMy50b1N0cmluZygpICsgIiUgKyAzMnB4KSI7CiAgICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICB9CiAgICAgICAgfSBlbHNlIGlmIChzbG90Lm5hbWUgPT0gImZvdXJ0aCIpIHsKICAgICAgICAgIHN3aXRjaCAoc3RvcmUuc3RhdGUuc3BsaXRGbG93LmFjdGl2ZVZpZXcpIHsKICAgICAgICAgICAgY2FzZSAiNHBhbmVsIjoKICAgICAgICAgICAgICBzdHlsZVsid2lkdGgiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMS50b1N0cmluZygpICsgIiUgLSAxcHgpIjsKICAgICAgICAgICAgICBzdHlsZVsiaGVpZ2h0Il0gPQogICAgICAgICAgICAgICAgImNhbGMoIiArICgxMDAgLSB0aGlzLnNwbGl0dGVyMikudG9TdHJpbmcoKSArICIlIC0gMzFweCkiOwogICAgICAgICAgICAgIHN0eWxlWyJ0b3AiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMi50b1N0cmluZygpICsgIiUgKyAzMnB4KSI7CiAgICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICB9CiAgICAgIHJldHVybiBzdHlsZTsKICAgIH0sCiAgICBnZXRBY3RpdmVDb250ZW50czogZnVuY3Rpb24oKSB7CiAgICAgIGNvbnN0IGFjdGl2ZUNvbnRlbnRzID0gW107CiAgICAgIGNvbnN0IHZ1ZXJzID0gdGhpcy4kcmVmc1snY29udGVudCddOwogICAgICBpZiAodnVlcnMpIHsKICAgICAgICB2dWVycy5mb3JFYWNoKHZ1ZXIgPT4gewogICAgICAgICAgaWYgKHZ1ZXIuaXNWaXNpYmxlKCkpCiAgICAgICAgICAgIGFjdGl2ZUNvbnRlbnRzLnB1c2godnVlcik7CiAgICAgICAgfSk7CiAgICAgIH0KICAgICAgcmV0dXJuIGFjdGl2ZUNvbnRlbnRzOwogICAgfSwKICAgIGlzU2xvdEFjdGl2ZTogZnVuY3Rpb24obmFtZSkgewogICAgICBsZXQgc2xvdCA9IHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9nZXRTbG90QnlOYW1lIl0obmFtZSk7CiAgICAgIGlmIChzbG90KSByZXR1cm4gc3RvcmUuZ2V0dGVyc1sic3BsaXRGbG93L2lzU2xvdEFjdGl2ZSJdKHNsb3QpOwogICAgICByZXR1cm4gZmFsc2U7CiAgICB9LAogICAgaXNJZFZpc2libGU6IGZ1bmN0aW9uKGlkKSB7CiAgICAgIGxldCBzbG90ID0gc3RvcmUuZ2V0dGVyc1sic3BsaXRGbG93L2dldFNsb3RCeUlkIl0oaWQpOwogICAgICBpZiAoc2xvdCkgcmV0dXJuIHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9pc1Nsb3RBY3RpdmUiXShzbG90KTsKICAgICAgcmV0dXJuIGZhbHNlOwogICAgfSwKICAgIHNlbmRTeW5jaHJvbmlzZWRFdmVudDogZnVuY3Rpb24ocmVzb3VyY2UpIHsKICAgICAgY29uc3QgYWN0aXZlQ29udGVudHMgPSB0aGlzLmdldEFjdGl2ZUNvbnRlbnRzKCk7CiAgICAgIGFjdGl2ZUNvbnRlbnRzLmZvckVhY2goY29udGVudCA9PiB7CiAgICAgICAgY29udGVudC5yZWNlaXZlU3luY2hyb25pc2VkRXZlbnQocmVzb3VyY2UpOwogICAgICB9KTsKICAgIH0sCiAgICBzZWFyY2g6IGZ1bmN0aW9uKHBheWxvYWQpIHsKICAgICAgbGV0IHNlYXJjaEZvdW5kID0gZmFsc2U7CiAgICAgIC8vU2VhcmNoIGFsbCBhY3RpdmUgdmlld2VycyB3aGVuIGdsb2JhbCBjYWxsYmFjayBpcyBvbgogICAgICBpZiAoc3RvcmUuc3RhdGUuc3BsaXRGbG93Lmdsb2JhbENhbGxiYWNrICYmCiAgICAgICAgc3RvcmUuc3RhdGUuc3BsaXRGbG93LnN5bmNNb2RlKSB7CiAgICAgICAgY29uc3QgYWN0aXZlQ29udGVudHMgPSB0aGlzLmdldEFjdGl2ZUNvbnRlbnRzKCk7CiAgICAgICAgYWN0aXZlQ29udGVudHMuZm9yRWFjaChjb250ZW50ID0+IHsKICAgICAgICAgIGlmIChjb250ZW50LnNlYXJjaChwYXlsb2FkLnRlcm0pKSB7CiAgICAgICAgICAgIHNlYXJjaEZvdW5kID0gdHJ1ZTsKICAgICAgICAgIH0KICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICBjb25zdCBjb250ZW50ID0gdGhpcy5nZXRDb250ZW50c1dpdGhJZChwYXlsb2FkLnNsb3QuaWQpOwogICAgICAgIGlmIChjb250ZW50KSB7CiAgICAgICAgICBzZWFyY2hGb3VuZCA9IGNvbnRlbnQuc2VhcmNoKHBheWxvYWQudGVybSk7CiAgICAgICAgfQogICAgICB9CiAgICAgIGlmIChzZWFyY2hGb3VuZCkKICAgICAgICB0aGlzLmZhaWxlZFNlYXJjaFtwYXlsb2FkLnNsb3QubmFtZV0gPSB1bmRlZmluZWQ7CiAgICAgIGVsc2UKICAgICAgICB0aGlzLmZhaWxlZFNlYXJjaFtwYXlsb2FkLnNsb3QubmFtZV0gPSBwYXlsb2FkLnRlcm07CiAgICB9LAogICAgZmV0Y2hTdWdnZXN0aW9uczogZnVuY3Rpb24ocGF5bG9hZCkgewogICAgICBjb25zdCBzdWdnZXN0aW9ucyA9IFtdOwogICAgICAvL1NlYXJjaCBhbGwgYWN0aXZlIHZpZXdlcnMgd2hlbiBnbG9iYWwgY2FsbGJhY2sgaXMgb24KICAgICAgaWYgKHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5nbG9iYWxDYWxsYmFjayAmJgogICAgICAgIHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5zeW5jTW9kZSkgewogICAgICAgIGNvbnN0IGFjdGl2ZUNvbnRlbnRzID0gdGhpcy5nZXRBY3RpdmVDb250ZW50cygpOwogICAgICAgIC8vUHVzaCBuZXcgc3VnZ2VzdGlvbnMgaW50byB0aGUgcHJlLWV4aXN0aW5nIHN1Z2dlc3Rpb25zIGFycmF5CiAgICAgICAgYWN0aXZlQ29udGVudHMuZm9yRWFjaChjb250ZW50ID0+IGNvbnRlbnQuc2VhcmNoU3VnZ2VzdGlvbnMocGF5bG9hZC5kYXRhLnRlcm0sIHN1Z2dlc3Rpb25zKSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgY29uc3QgY29udGVudCA9IHRoaXMuZ2V0Q29udGVudHNXaXRoSWQocGF5bG9hZC5zbG90LmlkLCBzdWdnZXN0aW9ucyk7CiAgICAgICAgaWYgKGNvbnRlbnQpIGNvbnRlbnQuc2VhcmNoU3VnZ2VzdGlvbnMocGF5bG9hZC5kYXRhLnRlcm0sIHN1Z2dlc3Rpb25zKTsKICAgICAgfQogICAgICBjb25zdCB1bmlxdWUgPSBuZXcgU2V0KHN1Z2dlc3Rpb25zKTsKICAgICAgc3VnZ2VzdGlvbnMubGVuZ3RoID0gMDsKICAgICAgZm9yIChjb25zdCBpdGVtIG9mIHVuaXF1ZSkgewogICAgICAgIHN1Z2dlc3Rpb25zLnB1c2goeyJ2YWx1ZSI6ICJcIiIgKyBpdGVtICsiXCIifSk7CiAgICAgIH0KICAgICAgcGF5bG9hZC5kYXRhLmNiKHN1Z2dlc3Rpb25zKTsKICAgIH0sCiAgICBnZXRDb250ZW50c1dpdGhJZDogZnVuY3Rpb24oaWQpIHsKICAgICAgbGV0IGNvbnRlbnRzID0gdGhpcy4kcmVmc1siY29udGVudCJdOwogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IGNvbnRlbnRzLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgaWYgKGNvbnRlbnRzW2ldLmdldElkKCkgPT0gaWQpIHsKICAgICAgICAgIHJldHVybiBjb250ZW50c1tpXTsKICAgICAgICB9CiAgICAgIH0KICAgICAgcmV0dXJuIHVuZGVmaW5lZDsKICAgIH0sCiAgICBnZXRDb250ZW50c1N0YXRlOiBmdW5jdGlvbigpIHsKICAgICAgbGV0IHN0YXRlcyA9IFtdOwogICAgICBsZXQgY29udGVudHMgPSB0aGlzLiRyZWZzWyJjb250ZW50Il07CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY29udGVudHMubGVuZ3RoOyBpKyspIHsKICAgICAgICBzdGF0ZXMucHVzaChjb250ZW50c1tpXS5nZXRTdGF0ZSgpKTsKICAgICAgfQogICAgICByZXR1cm4gc3RhdGVzOwogICAgfSwKICAgIHZpZXdlckNoYW5nZWQ6IGZ1bmN0aW9uKCkgewogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuJHJlZnMuY29udGVudC5sZW5ndGg7IGkrKykgewogICAgICAgIHRoaXMuJHJlZnMuY29udGVudFtpXS5vblJlc2l6ZSgpOwogICAgICB9CiAgICB9LAogICAgcmVzaXplOiBmdW5jdGlvbigpIHsKICAgICAgdGhpcy5fX3VzZXJSZXNpemVfXyA9IHRydWU7CiAgICB9LAogICAgcmVzaXplZDogZnVuY3Rpb24oc3BsaXR0ZXJOYW1lLCBldmVudCkgewogICAgICBpZiAodGhpcy5fX3VzZXJSZXNpemVfXykgewogICAgICAgIHN0b3JlLmNvbW1pdCgic3BsaXRGbG93L3NldFNwbGl0dGVyIiwgewogICAgICAgICAgbmFtZTogc3BsaXR0ZXJOYW1lLAogICAgICAgICAgdmFsdWU6IGV2ZW50WzBdLnNpemUKICAgICAgICB9KTsKICAgICAgfQogICAgICB0aGlzLl9fdXNlclJlc2l6ZV9fID0gZmFsc2U7CiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgLy8gVGhpcyBjb21wdXRlZCBwcm9wZXJ0eSBwb3B1bGF0ZXMgZmlsdGVyIGRhdGEncyBlbnRyeSBvYmplY3Qgd2l0aCAkZGF0YSBmcm9tIHRoaXMgc2lkZWJhcgogICAgc2xvdEluZm86IGZ1bmN0aW9uKCkgewogICAgICByZXR1cm4gc3RvcmUuc3RhdGUuc3BsaXRGbG93LnNsb3RJbmZvOwogICAgfSwKICAgIGhvcml6b250YWwoKSB7CiAgICAgIGlmIChzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuYWN0aXZlVmlldyA9PT0gIjJob3JwYW5lbCIpIHsKICAgICAgICByZXR1cm4gdHJ1ZTsKICAgICAgfQogICAgICByZXR1cm4gZmFsc2U7CiAgICB9LAogICAgc3BsaXR0ZXJzKCkgewogICAgICByZXR1cm4gc3RvcmUuc3RhdGUuc3BsaXRGbG93LnNwbGl0dGVyczsKICAgIH0sCiAgICBnbG9iYWxDYWxsYmFjaygpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5nbG9iYWxDYWxsYmFjazsKICAgIH0KICB9LAogIHdhdGNoOiB7CiAgICBzcGxpdHRlcnM6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24oKSB7CiAgICAgICAgdGhpcy5zcGxpdHRlcjEgPSBzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuc3BsaXR0ZXJzLmZpcnN0OwogICAgICAgIHRoaXMuc3BsaXR0ZXIyID0gc3RvcmUuc3RhdGUuc3BsaXRGbG93LnNwbGl0dGVycy5zZWNvbmQ7CiAgICAgICAgdGhpcy5zcGxpdHRlcjMgPSBzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuc3BsaXR0ZXJzLnRoaXJkOwogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICBnbG9iYWxDYWxsYmFjazogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbih2YWwpIHsKICAgICAgICAvL09ubHkgYWN0aXZhdGUgZm9yIGFjdGl2ZQogICAgICAgIGlmICh2YWwpIHsKICAgICAgICAgIGNvbnN0IGNvbnRlbnRzID0gdGhpcy5nZXRBY3RpdmVDb250ZW50cygpOwogICAgICAgICAgaWYgKGNvbnRlbnRzKSB7CiAgICAgICAgICAgIGNvbnRlbnRzLmZvckVhY2goY29udGVudCA9PiB7CiAgICAgICAgICAgICAgY29udGVudC5yZXF1ZXN0U3luY2hyb25pc2VkRXZlbnQodmFsKTsKICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIC8vVHVybiBzeW5jIG9mZiwgdGhpcyBjYW4gYmUgcmVxdWVzdGVkIGZvciBhbGwgY29udGVudHMKICAgICAgICAgIGNvbnN0IGNvbnRlbnRzID0gdGhpcy4kcmVmc1snY29udGVudCddOwogICAgICAgICAgaWYgKGNvbnRlbnRzKSB7CiAgICAgICAgICAgIGNvbnRlbnRzLmZvckVhY2goY29udGVudCA9PiB7CiAgICAgICAgICAgICAgY29udGVudC5yZXF1ZXN0U3luY2hyb25pc2VkRXZlbnQoZmFsc2UpOwogICAgICAgICAgICB9KTsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0sCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICB9Cn07Cg=="},{"version":3,"sources":["SplitDialog.vue"],"names":[],"mappings":";AA+DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;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;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;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;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;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;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;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"SplitDialog.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div class=\"tab-container\" ref=\"container\">\n    <splitpanes\n      class=\"default-theme\"\n      :horizontal=\"horizontal\"\n      :dbl-click-splitter=\"false\"\n      @resized=\"resized('first', $event)\"\n      @resize=\"resize\"\n    >\n      <pane min-size=\"20\" :size=\"splitter1\">\n        <splitpanes\n          class=\"default-theme\"\n          :horizontal=\"true\"\n          :dbl-click-splitter=\"false\"\n          @resized=\"resized('second', $event)\"\n          @resize=\"resize\"\n        >\n          <pane key=\"one\" min-size=\"20\" :size=\"splitter2\"></pane>\n          <pane v-if=\"isSlotActive('fourth')\" :size=\"100 - splitter2\" key=\"four\" min-size=\"20\"></pane>\n        </splitpanes>\n      </pane>\n      <pane v-if=\"isSlotActive('second')\" min-size=\"20\" :size=\"100 - splitter1\">\n        <splitpanes\n          class=\"default-theme\"\n          :horizontal=\"true\"\n          :dbl-click-splitter=\"false\"\n          @resized=\"resized('third', $event)\"\n          @resize=\"resize\"\n        >\n          <pane key=\"two\" min-size=\"20\" :size=\"splitter3\"></pane>\n          <pane v-if=\"isSlotActive('third')\" key=\"three\" min-size=\"20\" :size=\"100 - splitter3\"></pane>\n        </splitpanes>\n      </pane>\n    </splitpanes>\n    <splitpanes-bar\n      :entries=\"entries\" \n      :splitter1=\"splitter1\"\n      :splitter2=\"splitter2\"\n      :splitter3=\"splitter3\"\n      @chooser-changed=\"viewerChanged\"\n      @local-search=\"search\"\n      @fetch-suggestions=\"fetchSuggestions\"\n      :failed-search=\"failedSearch\"\n      />\n    <div\n      v-for=\"entry in entries\"\n      :key=\"entry.id\"\n      :style=\"getStyle(entry.id)\"\n      :class=\"[getClass(entry.id), 'contentvuer']\"\n    >\n      <ContentVuer\n        :key=\"entry.id\"\n        :entry=\"entry\"\n        ref=\"content\"\n        @resource-selected=\"resourceSelected\"\n        :visible=\"isIdVisible(entry.id)\"\n      />\n    </div>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport ContentVuer from \"./ContentVuer\";\nimport SplitpanesBar from \"./SplitpanesBar\";\nimport { Splitpanes, Pane } from \"splitpanes\";\nimport store from \"../store\";\nimport Vue from \"vue\";\nimport \"splitpanes/dist/splitpanes.css\";\nimport {\n  Input,\n  Option,\n  Popover,\n  Select\n} from \"element-ui\";\nVue.use(Input);\nVue.use(Option);\nVue.use(Popover);\nVue.use(Select);\n\nexport default {\n  name: \"SplitDialog\",\n  components: {\n    ContentVuer,\n    Splitpanes,\n    SplitpanesBar,\n    Pane\n  },\n  props: {\n    entries: {\n      type: Array,\n      default: function() {\n        return [];\n      }\n    }\n  },\n  data: function() {\n    return {\n      splitter1: 50,\n      splitter2: 50,\n      splitter3: 50,\n      searchText: [],\n      isFlatmap: {\n        first: true,\n        second: false,\n        third: false,\n        fourth: false\n      },\n      failedSearch: {\n        first: undefined,\n        second: undefined,\n        third: undefined,\n        fourth: undefined,\n      }\n    }\n  },\n  methods: {\n    /**\n     * Callback when the vuers emit a selected event.\n     */\n    resourceSelected: function(result) {\n      this.$emit(\"resource-selected\", result);\n    },\n    getClass: function(id) {\n      let slot = store.getters[\"splitFlow/getSlotById\"](id);\n      if (slot) {\n        if (slot.name == \"first\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"singlepanel\":\n              return \"singlepanel-1\";\n            case \"2horpanel\":\n              return \"twohorpanel-1\";\n            case \"2vertpanel\":\n            case \"3panel\":\n              return \"twovertpanel-1\";\n            case \"4panel\":\n              return \"fourpanel-1\";\n          }\n        } else if (slot.name == \"second\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"2horpanel\":\n              return \"twohorpanel-2\";\n            case \"2vertpanel\":\n              return \"twovertpanel-2\";\n            case \"3panel\":\n            case \"4panel\":\n              return \"threepanel-2\";\n          }\n        } else if (slot.name == \"third\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"3panel\":\n            case \"4panel\":\n              return \"threepanel-3\";\n          }\n        } else if (slot.name == \"fourth\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"4panel\":\n              return \"fourpanel-4\";\n          }\n        }\n      }\n      return \"inactive\";\n    },\n    getStyle: function(id) {\n      /* \n        Set the style based on the position of the spltters \n        Header is 30px in height and the splitter is 1px in\n        height/width. The width, height and positon of the \n        viewer should take that into account.\n      */\n      let style = {};\n      let slot = store.getters[\"splitFlow/getSlotById\"](id);\n      if (slot) {\n        if (slot.name == \"first\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"2horpanel\":\n              style[\"height\"] = \"calc(\" + this.splitter1.toString() + \"% - 31px)\";\n              break;\n            case \"2vertpanel\":\n            case \"3panel\":\n              style[\"width\"] = \"calc(\" + this.splitter1.toString() + \"% - 1px)\";\n              break;\n            case \"4panel\":\n              style[\"width\"] = \"calc(\" + this.splitter1.toString() + \"% - 1px)\";\n              style[\"height\"] = \"calc(\" + this.splitter2.toString() + \"% - 31px)\";\n              break;\n          }\n        } else if (slot.name == \"second\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"2horpanel\":\n              style[\"height\"] =\n                \"calc(\" + (100 - this.splitter1).toString() + \"% - 31px)\";\n              style[\"top\"] = \"calc(\" + this.splitter1.toString() + \"% + 32px)\";\n              break;\n            case \"2vertpanel\":\n              style[\"width\"] =\n                \"calc(\" + (100 - this.splitter1).toString() + \"% - 1px)\";\n              style[\"left\"] = \"calc(\" + this.splitter1.toString() + \"% + 2px)\";\n              break;\n            case \"3panel\":\n            case \"4panel\":\n              style[\"width\"] =\n                \"calc(\" + (100 - this.splitter1).toString() + \"% - 1px)\";\n              style[\"left\"] = \"calc(\" + this.splitter1.toString() + \"% + 2px)\";\n              style[\"height\"] = \"calc(\" + this.splitter3.toString() + \"% - 31px)\";\n              break;\n          }\n        } else if (slot.name == \"third\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"3panel\":\n            case \"4panel\":\n              style[\"width\"] =\n                \"calc(\" + (100 - this.splitter1).toString() + \"% - 1px)\";\n              style[\"left\"] = \"calc(\" + this.splitter1.toString() + \"% + 2px)\";\n              style[\"height\"] =\n                \"calc(\" + (100 - this.splitter3).toString() + \"% - 31px)\";\n              style[\"top\"] = \"calc(\" + this.splitter3.toString() + \"% + 32px)\";\n              break;\n          }\n        } else if (slot.name == \"fourth\") {\n          switch (store.state.splitFlow.activeView) {\n            case \"4panel\":\n              style[\"width\"] = \"calc(\" + this.splitter1.toString() + \"% - 1px)\";\n              style[\"height\"] =\n                \"calc(\" + (100 - this.splitter2).toString() + \"% - 31px)\";\n              style[\"top\"] = \"calc(\" + this.splitter2.toString() + \"% + 32px)\";\n              break;\n          }\n        }\n      }\n      return style;\n    },\n    getActiveContents: function() {\n      const activeContents = [];\n      const vuers = this.$refs['content'];\n      if (vuers) {\n        vuers.forEach(vuer => {\n          if (vuer.isVisible())\n            activeContents.push(vuer);\n        });\n      }\n      return activeContents;\n    },\n    isSlotActive: function(name) {\n      let slot = store.getters[\"splitFlow/getSlotByName\"](name);\n      if (slot) return store.getters[\"splitFlow/isSlotActive\"](slot);\n      return false;\n    },\n    isIdVisible: function(id) {\n      let slot = store.getters[\"splitFlow/getSlotById\"](id);\n      if (slot) return store.getters[\"splitFlow/isSlotActive\"](slot);\n      return false;\n    },\n    sendSynchronisedEvent: function(resource) {\n      const activeContents = this.getActiveContents();\n      activeContents.forEach(content => {\n        content.receiveSynchronisedEvent(resource);\n      });\n    },\n    search: function(payload) {\n      let searchFound = false;\n      //Search all active viewers when global callback is on\n      if (store.state.splitFlow.globalCallback &&\n        store.state.splitFlow.syncMode) {\n        const activeContents = this.getActiveContents();\n        activeContents.forEach(content => {\n          if (content.search(payload.term)) {\n            searchFound = true;\n          }\n        });\n      } else {\n        const content = this.getContentsWithId(payload.slot.id);\n        if (content) {\n          searchFound = content.search(payload.term);\n        }\n      }\n      if (searchFound)\n        this.failedSearch[payload.slot.name] = undefined;\n      else\n        this.failedSearch[payload.slot.name] = payload.term;\n    },\n    fetchSuggestions: function(payload) {\n      const suggestions = [];\n      //Search all active viewers when global callback is on\n      if (store.state.splitFlow.globalCallback &&\n        store.state.splitFlow.syncMode) {\n        const activeContents = this.getActiveContents();\n        //Push new suggestions into the pre-existing suggestions array\n        activeContents.forEach(content => content.searchSuggestions(payload.data.term, suggestions));\n      } else {\n        const content = this.getContentsWithId(payload.slot.id, suggestions);\n        if (content) content.searchSuggestions(payload.data.term, suggestions);\n      }\n      const unique = new Set(suggestions);\n      suggestions.length = 0;\n      for (const item of unique) {\n        suggestions.push({\"value\": \"\\\"\" + item +\"\\\"\"});\n      }\n      payload.data.cb(suggestions);\n    },\n    getContentsWithId: function(id) {\n      let contents = this.$refs[\"content\"];\n      for (let i = 0; i < contents.length; i++) {\n        if (contents[i].getId() == id) {\n          return contents[i];\n        }\n      }\n      return undefined;\n    },\n    getContentsState: function() {\n      let states = [];\n      let contents = this.$refs[\"content\"];\n      for (let i = 0; i < contents.length; i++) {\n        states.push(contents[i].getState());\n      }\n      return states;\n    },\n    viewerChanged: function() {\n      for (let i = 0; i < this.$refs.content.length; i++) {\n        this.$refs.content[i].onResize();\n      }\n    },\n    resize: function() {\n      this.__userResize__ = true;\n    },\n    resized: function(splitterName, event) {\n      if (this.__userResize__) {\n        store.commit(\"splitFlow/setSplitter\", {\n          name: splitterName,\n          value: event[0].size\n        });\n      }\n      this.__userResize__ = false;\n    }\n  },\n  computed: {\n    // This computed property populates filter data's entry object with $data from this sidebar\n    slotInfo: function() {\n      return store.state.splitFlow.slotInfo;\n    },\n    horizontal() {\n      if (store.state.splitFlow.activeView === \"2horpanel\") {\n        return true;\n      }\n      return false;\n    },\n    splitters() {\n      return store.state.splitFlow.splitters;\n    },\n    globalCallback() {\n      return store.state.splitFlow.globalCallback;\n    }\n  },\n  watch: {\n    splitters: {\n      handler: function() {\n        this.splitter1 = store.state.splitFlow.splitters.first;\n        this.splitter2 = store.state.splitFlow.splitters.second;\n        this.splitter3 = store.state.splitFlow.splitters.third;\n      },\n      immediate: true,\n      deep: true\n    },\n    globalCallback: {\n      handler: function(val) {\n        //Only activate for active\n        if (val) {\n          const contents = this.getActiveContents();\n          if (contents) {\n            contents.forEach(content => {\n              content.requestSynchronisedEvent(val);\n            });\n          }\n        } else {\n          //Turn sync off, this can be requested for all contents\n          const contents = this.$refs['content'];\n          if (contents) {\n            contents.forEach(content => {\n              content.requestSynchronisedEvent(false);\n            });\n          }\n        }\n      },\n      immediate: true,\n      deep: true\n    },\n  }\n};\n</script>\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/input\";\n@import \"~element-ui/packages/theme-chalk/src/option\";\n@import \"~element-ui/packages/theme-chalk/src/popover\";\n@import \"~element-ui/packages/theme-chalk/src/select\";\n\n::v-deep .splitpanes.default-theme .splitpanes__pane {\n  background-color: #ccc !important;\n  position: relative;\n}\n\n::v-deep .splitpanes__splitter {\n  margin: 0px 0px 0px 0px !important;\n  z-index: 6 !important;\n  &::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    transition: opacity 0.4s;\n    background-color: rgba(131, 0, 191, 0.3) !important;\n    opacity: 0;\n    z-index: 6 !important;\n    &:hover {\n      opacity: 1;\n    }\n  }\n}\n\n::v-deep .splitpanes--horizontal > .splitpanes__splitter,\n::v-deep .splitpanes--vertical > .splitpanes__splitter {\n  background-color: #ccc !important;\n  border-left: unset;\n}\n\n::v-deep .splitpanes--horizontal > .splitpanes__splitter {\n  height: 1px;\n  &::before {\n    top: -2px;\n    height: 10px;\n    width: 100%;\n  }\n}\n\n::v-deep .splitpanes--vertical > .splitpanes__splitter {\n  width: 1px;\n  &::before {\n    left: -3px;\n    width: 11px;\n    height: 100%;\n  }\n}\n\n.tab-container {\n  position: absolute;\n  width: 100% !important;\n  height: 100% !important;\n  left: 0px !important;\n  top: 0px !important;\n}\n\n.button-group {\n  position: absolute;\n  top: 1%;\n  right: 1%;\n}\n\n.contentvuer {\n  position: absolute;\n  transition: all 1s ease;\n  background: rgba(255, 255, 255, 1);\n}\n\n.contentvuer {\n  &.singlepanel-1 {\n    width: 100%;\n    height: calc(100% - 30px);\n    left: 0px;\n    top: 30px;\n    z-index: 2;\n }\n\n &.twohorpanel-1 {\n    width: 100%;\n    height: calc(50% - 31px);\n    left: 0px;\n    top: 30px;\n    z-index: 2;\n  }\n\n  &.twohorpanel-2 {\n    width: 100%;\n    height: calc(50% - 31px);\n    left: 0px;\n    top: calc(50% + 32px);\n    z-index: 2;\n  }\n\n  &.twovertpanel-1 {\n    width: calc(50% - 1px);\n    height: calc(100% - 30px);\n    left: 0px;\n    top: 30px;\n    z-index: 3;\n  }\n\n  &.twovertpanel-2 {\n    width: calc(50% - 1px);\n    height: calc(100% - 30px);\n    left: calc(50% + 2px);\n    top: 30px;\n    z-index: 2;\n  }\n\n  &.threepanel-2 {\n    width: calc(50% - 1px);\n    height: calc(50% - 32px);\n    left: calc(50% + 2px);\n    top: 30px;\n    z-index: 2;\n  }\n\n  &.threepanel-3 {\n    width: calc(50% - 1px);\n    height: calc(50% - 31px);\n    left: calc(50% + 2px);\n    top: calc(50% + 32px);\n    z-index: 2;\n  }\n\n  &.fourpanel-1 {\n    width: calc(50% - 1px);\n    height: calc(50% - 31px);\n    left: 0px;\n    top: 30px;\n    z-index: 4;\n  }\n\n  &.fourpanel-4 {\n    width: calc(50% - 1px);\n    height: calc(50% - 31px);\n    left: 0px;\n    top: calc(50% + 32px);\n    z-index: 3;\n  }\n\n  &.inactive {\n    display: none;\n    width: 0%;\n    height: 0%;\n    left: 0px;\n    top: 30px;\n  }\n}\n</style>\n"]}]}