{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/SplitpanesBar.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/SplitpanesBar.vue","mtime":1694990477371},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/thread-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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IEV2ZW50QnVzIGZyb20gJy4vRXZlbnRCdXMnOwppbXBvcnQgc3RvcmUgZnJvbSAiLi4vc3RvcmUiOwppbXBvcnQgQ29udGV4dENhcmQgZnJvbSAiLi9Db250ZXh0Q2FyZCI7CmltcG9ydCBGbGF0bWFwQ29udGV4dENhcmQgZnJvbSAnLi9GbGF0bWFwQ29udGV4dENhcmQudnVlJzsKaW1wb3J0IHsgSW5wdXQsIE9wdGlvbiwgUG9wb3ZlciwgUm93LCBTZWxlY3QgfSBmcm9tICJlbGVtZW50LXVpIjsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7Cgpsb2NhbGUudXNlKGxhbmcpOwpWdWUudXNlKElucHV0KTsKVnVlLnVzZShPcHRpb24pOwpWdWUudXNlKFNlbGVjdCk7ClZ1ZS51c2UoUG9wb3Zlcik7ClZ1ZS51c2UoUm93KTsKCi8vIHJlbW92ZSBkdXBsaWNhdGVzIGJ5IHN0cmluZ2lmeWluZyB0aGUgb2JqZWN0cwpjb25zdCByZW1vdmVEdXBsaWNhdGVzID0gZnVuY3Rpb24oYXJyYXlPZkFueXRoaW5nKXsKICByZXR1cm4gWy4uLm5ldyBTZXQoYXJyYXlPZkFueXRoaW5nLm1hcChlID0+IEpTT04uc3RyaW5naWZ5KGUpKSldLm1hcChlID0+IEpTT04ucGFyc2UoZSkpIAp9CgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIlNwbGl0cGFuZXNCYXIiLAogIGNvbXBvbmVudHM6IHsKICAgIENvbnRleHRDYXJkLAogICAgRmxhdG1hcENvbnRleHRDYXJkCiAgfSwKICBwcm9wczogewogICAgZW50cmllczogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogZnVuY3Rpb24oKSB7CiAgICAgICAgcmV0dXJuIFtdOwogICAgICB9CiAgICB9LAogICAgc3BsaXR0ZXIxOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNTAKICAgIH0sCiAgICBzcGxpdHRlcjI6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiA1MAogICAgfSwKICAgIHNwbGl0dGVyMzogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDUwCiAgICB9LAogIH0sCiAgZGF0YTogZnVuY3Rpb24oKSB7CiAgICByZXR1cm4gewogICAgICBjb250ZXh0Q2FyZFZpc2libGU6IHsKICAgICAgICBmaXJzdDogZmFsc2UsCiAgICAgICAgc2Vjb25kOiBmYWxzZSwKICAgICAgICB0aGlyZDogZmFsc2UsCiAgICAgICAgZm91cnRoOiBmYWxzZSwgCiAgICAgIH0sCiAgICAgIGJvdW5kYXJpZXNFbGVtZW50OiBudWxsLCAvLyB0aGlzIGlzIHNldCBAaG9vazptb3VudGVkIGJ5IHRoZSBwYXJlbnQgY29tcG9uZW50IHZpYSB0aGUgJ3NldEJvdW5kYXJ5JyBtZXRob2QKICAgICAgc2hvd0RldGFpbHM6IHRydWUsCiAgICAgIGNvbnRleHRDYXJkRW50cmllczogW10sCiAgICAgIGlzU2VhcmNoYWJsZTogewogICAgICAgIGZpcnN0OiB0cnVlLAogICAgICAgIHNlY29uZDogZmFsc2UsCiAgICAgICAgdGhpcmQ6IGZhbHNlLAogICAgICAgIGZvdXJ0aDogZmFsc2UsCiAgICAgIH0sCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgLy8gVGhpcyBjb21wdXRlZCBwcm9wZXJ0eSBwb3B1bGF0ZXMgZmlsdGVyIGRhdGEncyBlbnRyeSBvYmplY3Qgd2l0aCAkZGF0YSBmcm9tIHRoaXMgc2lkZWJhcgogICAgc2xvdEluZm86IGZ1bmN0aW9uKCkgewogICAgICByZXR1cm4gc3RvcmUuc3RhdGUuc3BsaXRGbG93LnNsb3RJbmZvOwogICAgfSwKICAgIGhlbHBEZWxheSgpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNldHRpbmdzLmhlbHBEZWxheTsKICAgIH0sCiAgICBhY3RpdmVWaWV3OiBmdW5jdGlvbigpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5hY3RpdmVWaWV3OwogICAgfSwKICAgIGVudlZhcnM6IGZ1bmN0aW9uICgpIHsKICAgICAgcmV0dXJuIHsKICAgICAgICBBUElfTE9DQVRJT046IHN0b3JlLnN0YXRlLnNldHRpbmdzLnNwYXJjQXBpLAogICAgICAgIEFMR09MSUFfSU5ERVg6IHN0b3JlLnN0YXRlLnNldHRpbmdzLmFsZ29saWFJbmRleCwKICAgICAgICBBTEdPTElBX0tFWTogc3RvcmUuc3RhdGUuc2V0dGluZ3MuYWxnb2xpYUtleSwKICAgICAgICBBTEdPTElBX0lEOiBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5hbGdvbGlhSWQsCiAgICAgICAgUEVOTlNJRVZFX0FQSV9MT0NBVElPTjogc3RvcmUuc3RhdGUuc2V0dGluZ3MucGVubnNpZXZlQXBpLAogICAgICAgIE5MX0xJTktfUFJFRklYOiBzdG9yZS5zdGF0ZS5zZXR0aW5ncy5ubExpbmtQcmVmaXgsCiAgICAgICAgUk9PVF9VUkw6IHN0b3JlLnN0YXRlLnNldHRpbmdzLnJvb3RVcmwsCiAgICAgIH07CiAgICB9LAogICAgcG9wcGVyT3B0aW9uczogZnVuY3Rpb24oKSB7IAogICAgICByZXR1cm4geyAKICAgICAgICBwcmV2ZW50T3ZlcmZsb3c6IHsKICAgICAgICAgIGVuYWJsZWQ6IHRydWUsCiAgICAgICAgICBib3VuZGFyaWVzRWxlbWVudDogdGhpcy5ib3VuZGFyaWVzRWxlbWVudCwKICAgICAgICB9CiAgICAgIH0KICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIGNsb3NlQW5kUmVtb3ZlOiBmdW5jdGlvbihzbG90KSB7CiAgICAgIGxldCBpZCA9IHNsb3QuaWQ7CiAgICAgIHN0b3JlLmNvbW1pdCgic3BsaXRGbG93L2Nsb3NlU2xvdCIsIAogICAgICAgIHsgc2xvdE5hbWU6IHNsb3QubmFtZSAsIGlkOiBpZCwgZW50cmllczogdGhpcy5lbnRyaWVzfSk7CiAgICAgIEV2ZW50QnVzLiRlbWl0KCJSZW1vdmVFbnRyeVJlcXVlc3QiLCBpZCk7CiAgICB9LAogICAgZ2V0RW50cnlUaXRsZTogZnVuY3Rpb24oZW50cnkpIHsKICAgICAgaWYgKGVudHJ5KSB7CiAgICAgICAgbGV0IHRpdGxlID0gZW50cnkubGFiZWwgPyBlbnRyeS5sYWJlbCArICIgIjogJyc7CiAgICAgICAgbGV0IHR5cGUgPSBlbnRyeS50eXBlOwogICAgICAgIGlmICh0eXBlID09ICJTY2FmZm9sZCIpCiAgICAgICAgICB0eXBlID0gIjNEIFNjYWZmb2xkIjsKICAgICAgICB0aXRsZSArPSB0eXBlOwogICAgICAgIGlmIChlbnRyeS5kYXRhc2V0SWQpCiAgICAgICAgICB0aXRsZSArPSAiICgiICsgZW50cnkuZGF0YXNldElkICsgIikiOwogICAgICAgIGVsc2UgaWYgKGVudHJ5LmRpc2NvdmVySWQpCiAgICAgICAgICB0aXRsZSArPSAiICgiICsgZW50cnkuZGlzY292ZXJJZCArICIpIjsKICAgICAgICByZXR1cm4gdGl0bGU7CiAgICAgIH0KICAgICAgcmV0dXJuICJWaWV3ZXIiOwogICAgfSwKICAgIGdldFNsb3RUaXRsZTogZnVuY3Rpb24oc2xvdCkgewogICAgICBsZXQgZW50cnkgPSB0aGlzLmVudHJpZXMuZmluZChlbnRyeSA9PiBlbnRyeS5pZCA9PT0gc2xvdC5pZCk7CiAgICAgIHJldHVybiB0aGlzLmdldEVudHJ5VGl0bGUoZW50cnkpOwogICAgfSwKICAgIGdldFRvb2xiYXJDbGFzczogZnVuY3Rpb24oc2xvdCkgewogICAgICBpZiAoc2xvdC5uYW1lID09ICJmaXJzdCIpIHsKICAgICAgICBzd2l0Y2ggKHRoaXMuYWN0aXZlVmlldykgewogICAgICAgICAgY2FzZSAic2luZ2xlcGFuZWwiOgogICAgICAgICAgY2FzZSAiMmhvcnBhbmVsIjoKICAgICAgICAgICAgcmV0dXJuICJzaW5nbGVwYW5lbC0xIjsKICAgICAgICAgIGNhc2UgIjJ2ZXJ0cGFuZWwiOgogICAgICAgICAgY2FzZSAiM3BhbmVsIjoKICAgICAgICAgIGNhc2UgIjRwYW5lbCI6CiAgICAgICAgICAgIHJldHVybiAidHdvdmVydHBhbmVsLTEiOwogICAgICAgIH0KICAgICAgfSBlbHNlIGlmIChzbG90Lm5hbWUgPT0gInNlY29uZCIpIHsKICAgICAgICBzd2l0Y2ggKHRoaXMuYWN0aXZlVmlldykgewogICAgICAgICAgY2FzZSAiMmhvcnBhbmVsIjoKICAgICAgICAgICAgcmV0dXJuICJ0d29ob3JwYW5lbC0yIjsKICAgICAgICAgIGNhc2UgIjJ2ZXJ0cGFuZWwiOgogICAgICAgICAgY2FzZSAiM3BhbmVsIjoKICAgICAgICAgIGNhc2UgIjRwYW5lbCI6CiAgICAgICAgICAgIHJldHVybiAidHdvdmVydHBhbmVsLTIiOwogICAgICAgIH0KICAgICAgfSBlbHNlIGlmIChzbG90Lm5hbWUgPT0gInRoaXJkIikgewogICAgICAgIHN3aXRjaCAodGhpcy5hY3RpdmVWaWV3KSB7CiAgICAgICAgICBjYXNlICIzcGFuZWwiOgogICAgICAgICAgY2FzZSAiNHBhbmVsIjoKICAgICAgICAgICAgcmV0dXJuICJ0aHJlZXBhbmVsLTMiOwogICAgICAgIH0KICAgICAgfSBlbHNlIGlmIChzbG90Lm5hbWUgPT0gImZvdXJ0aCIpIHsKICAgICAgICBzd2l0Y2ggKHRoaXMuYWN0aXZlVmlldykgewogICAgICAgICAgY2FzZSAiNHBhbmVsIjoKICAgICAgICAgICAgcmV0dXJuICJmb3VycGFuZWwtNCI7CiAgICAgICAgfQogICAgICB9CiAgICAgIHJldHVybiAiaW5hY3RpdmUiOwogICAgfSwKICAgIGdldFRvb2xiYXJTdHlsZTogZnVuY3Rpb24oc2xvdCkgewogICAgICAvKiAKICAgICAgICBTZXQgdGhlIHRvb2xiYXIgc3R5bGUgYmFzZWQgb24gdGhlIHBvc2l0aW9uIG9mIHRoZSBzcGx0dGVycyAKICAgICAgICBUaGUgc3BsaXR0ZXIgaXMgMXB4IGluIGhlaWdodC93aWR0aC4gCiAgICAgICAgVGhlIHdpZHRoIGFuZCBwb3NpdGlvbiBvZiB0aGUgdG9vbGJhciBzaG91bGQKICAgICAgICB0YWtlIHRoYXQgaW50byBhY2NvdW50LgogICAgICAqLwogICAgICBsZXQgc3R5bGUgPSB7fTsKICAgICAgaWYgKHNsb3QpIHsKICAgICAgICBpZiAoc2xvdC5uYW1lID09ICJmaXJzdCIpIHsKICAgICAgICAgIHN3aXRjaCAodGhpcy5hY3RpdmVWaWV3KSB7CiAgICAgICAgICAgIGNhc2UgIjJ2ZXJ0cGFuZWwiOgogICAgICAgICAgICBjYXNlICIzcGFuZWwiOgogICAgICAgICAgICBjYXNlICI0cGFuZWwiOgogICAgICAgICAgICAgIHN0eWxlWyJ3aWR0aCJdID0gImNhbGMoIiArIHRoaXMuc3BsaXR0ZXIxLnRvU3RyaW5nKCkgKyAiJSAtIDFweCkiOwogICAgICAgICAgICAgIGJyZWFrOwogICAgICAgICAgfQogICAgICAgIH0gZWxzZSBpZiAoc2xvdC5uYW1lID09ICJzZWNvbmQiKSB7CiAgICAgICAgICBzd2l0Y2ggKHRoaXMuYWN0aXZlVmlldykgewogICAgICAgICAgICBjYXNlICIyaG9ycGFuZWwiOgogICAgICAgICAgICAgIHN0eWxlWyJ0b3AiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMS50b1N0cmluZygpICsgIiUgKyAycHgpIjsKICAgICAgICAgICAgICBicmVhazsKICAgICAgICAgICAgY2FzZSAiMnZlcnRwYW5lbCI6CiAgICAgICAgICAgIGNhc2UgIjNwYW5lbCI6CiAgICAgICAgICAgIGNhc2UgIjRwYW5lbCI6CiAgICAgICAgICAgICAgc3R5bGVbIndpZHRoIl0gPQogICAgICAgICAgICAgICAgImNhbGMoIiArICgxMDAgLSB0aGlzLnNwbGl0dGVyMSkudG9TdHJpbmcoKSArICIlIC0gMXB4KSI7CiAgICAgICAgICAgICAgc3R5bGVbImxlZnQiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMS50b1N0cmluZygpICsgIiUgKyAycHgpIjsKICAgICAgICAgICAgICBicmVhazsKICAgICAgICAgIH0KICAgICAgICB9IGVsc2UgaWYgKHNsb3QubmFtZSA9PSAidGhpcmQiKSB7CiAgICAgICAgICBzd2l0Y2ggKHRoaXMuYWN0aXZlVmlldykgewogICAgICAgICAgICBjYXNlICIzcGFuZWwiOgogICAgICAgICAgICBjYXNlICI0cGFuZWwiOgogICAgICAgICAgICAgIHN0eWxlWyJ3aWR0aCJdID0KICAgICAgICAgICAgICAgICJjYWxjKCIgKyAoMTAwIC0gdGhpcy5zcGxpdHRlcjEpLnRvU3RyaW5nKCkgKyAiJSAtIDFweCkiOwogICAgICAgICAgICAgIHN0eWxlWyJsZWZ0Il0gPSAiY2FsYygiICsgdGhpcy5zcGxpdHRlcjEudG9TdHJpbmcoKSArICIlICsgMnB4KSI7CiAgICAgICAgICAgICAgc3R5bGVbInRvcCJdID0gImNhbGMoICIgKyB0aGlzLnNwbGl0dGVyMy50b1N0cmluZygpICsgIiUgKyAycHgpIjsKICAgICAgICAgICAgICBicmVhazsKICAgICAgICAgIH0KICAgICAgICB9IGVsc2UgaWYgKHNsb3QubmFtZSA9PSAiZm91cnRoIikgewogICAgICAgICAgc3dpdGNoICh0aGlzLmFjdGl2ZVZpZXcpIHsKICAgICAgICAgICAgY2FzZSAiNHBhbmVsIjoKICAgICAgICAgICAgICBzdHlsZVsid2lkdGgiXSA9ICJjYWxjKCIgKyB0aGlzLnNwbGl0dGVyMS50b1N0cmluZygpICsgIiUgLSAxcHgpIjsKICAgICAgICAgICAgICBzdHlsZVsidG9wIl0gPSAiY2FsYygiICsgdGhpcy5zcGxpdHRlcjIudG9TdHJpbmcoKSArICIlICsgMnB4KSI7CiAgICAgICAgICAgICAgYnJlYWs7CiAgICAgICAgICB9CiAgICAgICAgfQogICAgICB9CiAgICAgIHJldHVybiBzdHlsZTsKICAgIH0sCiAgICB1cGRhdGVpc1NlYXJjaGFibGVTbG90OiBmdW5jdGlvbihzbG90KSB7CiAgICAgIGxldCBlbnRyeSA9IHRoaXMuZW50cmllcy5maW5kKGVudHJ5ID0+IGVudHJ5LmlkID09PSBzbG90LmlkKTsKICAgICAgaWYgKGVudHJ5KSB7CiAgICAgICAgaWYgKGVudHJ5LnR5cGUgPT0gIkZsYXRtYXAiIHx8IGVudHJ5LnR5cGUgPT0gIk11bHRpRmxhdG1hcCIgfHwgZW50cnkudHlwZSA9PSAiU2NhZmZvbGQiKSB7CiAgICAgICAgICB0aGlzLmlzU2VhcmNoYWJsZVtzbG90Lm5hbWVdID0gdHJ1ZTsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgdGhpcy5pc1NlYXJjaGFibGVbc2xvdC5uYW1lXSA9IGZhbHNlOwogICAgICAgIH0KICAgICAgfQogICAgfSwKICAgIHVwZGF0ZWlzU2VhcmNoYWJsZTogZnVuY3Rpb24oKSB7CiAgICAgIHRoaXMuc2xvdEluZm8uZm9yRWFjaCggc2xvdCA9PiB0aGlzLnVwZGF0ZWlzU2VhcmNoYWJsZVNsb3Qoc2xvdCkpOwogICAgfSwKICAgIHZpZXdlckNoYW5nZWQ6IGZ1bmN0aW9uKHNsb3QsIHZhbHVlKSB7CiAgICAgIGlmIChzbG90LmlkICYmIHNsb3QuaWQgIT0gdmFsdWUpIHsKICAgICAgICBzdG9yZS5jb21taXQoInNwbGl0Rmxvdy9hc3NpZ25PclN3YXBJZFRvU2xvdCIsIHsKICAgICAgICAgIHNsb3Q6IHNsb3QsCiAgICAgICAgICBpZDogdmFsdWUKICAgICAgICB9KTsKICAgICAgICBWdWUubmV4dFRpY2soKCkgPT4gewogICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7CiAgICAgICAgICAgIHRoaXMuJGVtaXQoImNob29zZXItY2hhbmdlZCIpOwogICAgICAgICAgfSwgMTIwMCk7CiAgICAgICAgfSk7CiAgICAgICAgZm9yKGxldCBrZXkgaW4gdGhpcy5jb250ZXh0Q2FyZFZpc2libGUpewogICAgICAgICAgdGhpcy5jb250ZXh0Q2FyZFZpc2libGVba2V5XSA9IGZhbHNlOyAvLyBIaWRlIGFsbCBjb250ZXh0IGNhcmRzIHdoZW4gc3dpdGNoaW5nIHZpZXdlcnMKICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgICAvLyBjaGVjayBpZiBhIGNvbnRleHQgY2FyZCBleGlzdHMgZm9yIGEgZ2l2ZW4gcGFuZQogICAgY29udGV4dENhcmRFeGlzdHM6IGZ1bmN0aW9uKHBhbmVJZCkgewogICAgICByZXR1cm4gdGhpcy5jb250ZXh0Q2FyZEVudHJpZXMuc29tZShlbnRyeSA9PiBlbnRyeS5pZCA9PT0gcGFuZUlkKTsKICAgIH0sCiAgICAvLyBzZXRQb3BwZXIgd2l0aCBpcyBuZWVkZWQgYXMgdGhlIGZsYXRtYXAgY29udGV4dCBjYXJkIGRvZXMgbm90IGhhdmUgYW4gaW1hZ2UgYW5kIGhhcyBzbWFsbGVyIHdpdGgKICAgIHNldFBvcHBlcldpZHRoOiBmdW5jdGlvbihzbG90SWQpIHsKICAgICAgbGV0IGVudHJ5ID0gdGhpcy5lbnRyaWVzLmZpbmQoZW50cnkgPT4gZW50cnkuaWQgPT09IHNsb3RJZCk7CiAgICAgIGlmIChlbnRyeSkgewogICAgICAgIGlmIChlbnRyeS50eXBlID09ICJGbGF0bWFwIiB8fCBlbnRyeS50eXBlID09ICJNdWx0aUZsYXRtYXAiKSB7CiAgICAgICAgICByZXR1cm4gIjI0MHB4IjsKICAgICAgICB9IGVsc2UgewogICAgICAgICAgcmV0dXJuICI0NDBweCI7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgLy8gU2V0IHRoZSBib3VuZGFyaWVzIGVsZW1lbnQgZm9yIHRoZSBwb3BwZXIKICAgIHNldEJvdW5kYXJ5OiBmdW5jdGlvbihib3VuZGFyeUVsZW1lbnQpewogICAgICB0aGlzLmJvdW5kYXJpZXNFbGVtZW50ID0gYm91bmRhcnlFbGVtZW50OwogICAgfSwKICAgIHNldFVwQ29udGV4dFVwZGF0ZXJzOiBmdW5jdGlvbigpewogICAgICAvLyBzY2FmZm9sZCBjb250ZXh0IHVwZGF0ZQogICAgICBFdmVudEJ1cy4kb24oImNvbnRleHRVcGRhdGUiLCBlbnRyeSA9PiB7CiAgICAgICAgdGhpcy5jb250ZXh0Q2FyZFZpc2libGUuZmlyc3QgPSBmYWxzZTsgLy8gaGlkZSB0aGUgY29udGV4dCBjYXJkIHdoaWxlIGl0IGxvYWRzCiAgICAgICAgbGV0IGNvbnRleHRFbnRyeSA9IGVudHJ5OwogICAgICAgIGxldCBpZCA9IHRoaXMuZW50cmllc1t0aGlzLmVudHJpZXMubGVuZ3RoLTFdLmlkOyAvLyB3ZSBhbHdheXMgb3BlbiBjYXJkIG9uIGEgbmV3IHBhbmUKICAgICAgICBjb250ZXh0RW50cnkuaWQgPSBpZDsKICAgICAgICBjb250ZXh0RW50cnkudHlwZSA9ICdzY2FmZm9sZCc7CiAgICAgICAgdGhpcy5jb250ZXh0Q2FyZEVudHJpZXMucHVzaChjb250ZXh0RW50cnkpOwogICAgICAgIHRoaXMuY29udGV4dENhcmRWaXNpYmxlLmZpcnN0ID0gdHJ1ZTsgLy8gU2hvdyB0aGUgY29udGV4dCBjYXJkIG9uY2UgaXQgbG9hZHMKICAgICAgICB0aGlzLmNvbnRleHRDYXJkRW50cmllcyA9IHJlbW92ZUR1cGxpY2F0ZXModGhpcy5jb250ZXh0Q2FyZEVudHJpZXMpOyAvLyByZW1vdmUgZHVwbGljYXRlcwogICAgICB9KTsKCiAgICAgIC8vIGZsYXRtYXAgY29udGV4dCB1cGRhdGUKICAgICAgRXZlbnRCdXMuJG9uKCJtYXBJbXBQcm92IiwgbWFwSW1wUHJvdiA9PiB7CiAgICAgICAgLy8gVGhlIGJlbG93IGxvZ2ljIHdvcmtzIGJ5IHN0b3JpbmcgdGhlIGVudHJpZXMgaW5mbyBpbiB0aGUgY29udGV4dENhcmRFbnRyaWVzIGFycmF5LgogICAgICAgIC8vICAgVGhlc2UgdHdvIGNhbiBiZSBjb21wYXJlZCB0byBzZWUgaWYgdGhlIHJlc291cmNlIGhhcyBjaGFuZ2VkLgoKICAgICAgICBsZXQgc2xvdCA9IHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9nZXRTbG90QnlJZCJdKG1hcEltcFByb3YuaWQpOyAKICAgICAgICB0aGlzLmNvbnRleHRDYXJkVmlzaWJsZVtzbG90Lm5hbWVdID0gZmFsc2U7IC8vIGhpZGUgdGhlIGNvbnRleHQgY2FyZCB3aGVuIG5ldyBtYXAgbG9hZHMKCiAgICAgICAgLy8gQWRkIGNhcmQgaWYgd2UgaGF2ZSBtb3JlIGVudHJpZXMgdGhhbiBiZWZvcmUKICAgICAgICBpZiAodGhpcy5lbnRyaWVzLmxlbmd0aCA+IHRoaXMuY29udGV4dENhcmRFbnRyaWVzLmxlbmd0aCB8fCB0aGlzLmNvbnRleHRDYXJkRW50cmllcy5sZW5ndGggPT0gMCl7CiAgICAgICAgICBsZXQgY29udGV4dEVudHJ5ID0gT2JqZWN0LmFzc2lnbih7bWFwSW1wUHJvdjogbWFwSW1wUHJvdi5wcm92fSwgdGhpcy5lbnRyaWVzW3RoaXMuZW50cmllcy5sZW5ndGgtMV0pOwogICAgICAgICAgdGhpcy5jb250ZXh0Q2FyZEVudHJpZXMucHVzaChjb250ZXh0RW50cnkpOwoKICAgICAgICAvLyBDaGVjayBpZiB0aGUgcmVzb3VyY2UgaGFzIGNoYW5nZWQgYW5kIHVwZGF0ZSB0aGUgbWFwSW1wUHJvdgogICAgICAgIH0gZWxzZSBpZiAoIHRoaXMuZW50cmllcy5sZW5ndGggPT0gdGhpcy5jb250ZXh0Q2FyZEVudHJpZXMubGVuZ3RoKSB7IAogICAgICAgICAgZm9yIChsZXQgaSBpbiB0aGlzLmNvbnRleHRDYXJkRW50cmllcyl7CiAgICAgICAgICAgIGlmICggbWFwSW1wUHJvdi5pZCA9PSB0aGlzLmNvbnRleHRDYXJkRW50cmllc1tpXS5pZCl7CiAgICAgICAgICAgICAgdGhpcy5jb250ZXh0Q2FyZEVudHJpZXNbaV0gPSBPYmplY3QuYXNzaWduKHttYXBJbXBQcm92OiBtYXBJbXBQcm92LnByb3Z9LCB0aGlzLmVudHJpZXMuZmlsdGVyKGVudD0+ZW50LmlkPT1tYXBJbXBQcm92LmlkKVswXSk7IC8vIHVwZGF0ZSBjYXJkCiAgICAgICAgICAgIH0KICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0pOwogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIHNsb3RJbmZvOiB7CiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uKCkgewogICAgICAgIHRoaXMudXBkYXRlaXNTZWFyY2hhYmxlKCk7CiAgICAgIH0sCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbigpIHsKICAgIHRoaXMuc2V0VXBDb250ZXh0VXBkYXRlcnMoKTsKICB9Cn07Cg=="},{"version":3,"sources":["SplitpanesBar.vue"],"names":[],"mappings":";AAwFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;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","file":"SplitpanesBar.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div>\n    <div\n      v-for=\"slot in slotInfo\"\n      :key=\"slot.name\"\n      :style=\"getToolbarStyle(slot)\"\n      :class=\"[getToolbarClass(slot), 'toolbar']\"\n    >\n      <div class=\"toolbar-flex-container\">\n        <el-select\n          v-if=\"entries.length > 1\"\n          :popper-append-to-body=\"false\"\n          :value=\"slot.id\"\n          placeholder=\"Select\"\n          class=\"select-box\"\n          popper-class=\"viewer_dropdown\"\n          @change=\"viewerChanged(slot , $event)\"\n        >\n          <el-option\n            v-for=\"entry in entries\"\n            :key=\"entry.id\"\n            :label=\"getEntryTitle(entry)\"\n            :value=\"entry.id\"\n          />\n        </el-select>\n        <div v-else class=\"text title\">\n          {{ getEntryTitle(entries[0]) }}\n        </div>\n      </div>\n      <el-row class=\"icon-group\">\n        <el-popover class=\"tooltip\" content=\"Close and remove\" placement=\"bottom-end\" :open-delay=\"helpDelay\"\n          :appendToBody=false trigger=\"hover\" popper-class=\"header-popper\" >\n          <map-svg-icon icon=\"close\" slot=\"reference\" class=\"header-icon\"\n            v-if=\"(activeView !== 'singlepanel') && (isSearchable[slot.name] == false)\"\n            @click.native=\"closeAndRemove(slot)\"/>\n        </el-popover>\n\n        \n        <div v-show=\"contextCardExists(slot.id) && contextCardVisible[slot.name]\" class=\"hide\" @click=\"contextCardVisible[slot.name] = false\">\n          Hide information\n          <i class=\"el-icon-arrow-up\"></i>\n        </div>\n        <div v-show=\"contextCardExists(slot.id) && !contextCardVisible[slot.name]\" class=\"hide\" @click=\"contextCardVisible[slot.name] = true\">\n          Show information\n          <i class=\"el-icon-arrow-down\"></i>\n        </div>\n        <el-popover\n          placement=\"bottom\"\n          :appendToBody=\"false\"\n          trigger=\"manual\"\n          :width=\"setPopperWidth(slot.id)\"\n          offset=0\n          class=\"context-card-popover\"\n          :popper-options=\"popperOptions\"\n          v-model=\"contextCardVisible[slot.name]\"\n        >\n          <template v-for=\"(contextCardEntry, i) in contextCardEntries\">\n            <flatmap-context-card \n              class=\"flatmap-context-card\"\n              :key=\"'flatmapContextCard'+i\" \n              v-if=\"contextCardEntry.id === slot.id &&\n                    (contextCardEntry.type == 'Flatmap' || \n                    contextCardEntry.type == 'MultiFlatmap')\" \n              :mapImpProv=\"contextCardEntry.mapImpProv\"\n            />\n            <context-card \n              :key=\"'contextCard'+i\"\n              v-if=\"contextCardEntry.id === slot.id &&\n                    contextCardEntry.type.toLowerCase() == 'scaffold'\"\n              :entry=\"contextCardEntry\"\n              :envVars=\"envVars\"\n              class=\"context-card\"\n            />\n          </template>\n          <div class=\"el-icon-info info-icon\"\n            slot=\"reference\"\n            @click=\"contextCardVisible[slot.name] = !contextCardVisible[slot.name]\"\n            v-show=\"contextCardEntries.length > 0\"\n          >\n          </div>\n        </el-popover>\n      </el-row>\n    </div>    \n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport EventBus from './EventBus';\nimport store from \"../store\";\nimport ContextCard from \"./ContextCard\";\nimport FlatmapContextCard from './FlatmapContextCard.vue';\nimport { Input, Option, Popover, Row, Select } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\n\nlocale.use(lang);\nVue.use(Input);\nVue.use(Option);\nVue.use(Select);\nVue.use(Popover);\nVue.use(Row);\n\n// remove duplicates by stringifying the objects\nconst removeDuplicates = function(arrayOfAnything){\n  return [...new Set(arrayOfAnything.map(e => JSON.stringify(e)))].map(e => JSON.parse(e)) \n}\n\nexport default {\n  name: \"SplitpanesBar\",\n  components: {\n    ContextCard,\n    FlatmapContextCard\n  },\n  props: {\n    entries: {\n      type: Array,\n      default: function() {\n        return [];\n      }\n    },\n    splitter1: {\n      type: Number,\n      default: 50\n    },\n    splitter2: {\n      type: Number,\n      default: 50\n    },\n    splitter3: {\n      type: Number,\n      default: 50\n    },\n  },\n  data: function() {\n    return {\n      contextCardVisible: {\n        first: false,\n        second: false,\n        third: false,\n        fourth: false, \n      },\n      boundariesElement: null, // this is set @hook:mounted by the parent component via the 'setBoundary' method\n      showDetails: true,\n      contextCardEntries: [],\n      isSearchable: {\n        first: true,\n        second: false,\n        third: false,\n        fourth: false,\n      },\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    helpDelay() {\n      return store.state.settings.helpDelay;\n    },\n    activeView: function() {\n      return store.state.splitFlow.activeView;\n    },\n    envVars: function () {\n      return {\n        API_LOCATION: store.state.settings.sparcApi,\n        ALGOLIA_INDEX: store.state.settings.algoliaIndex,\n        ALGOLIA_KEY: store.state.settings.algoliaKey,\n        ALGOLIA_ID: store.state.settings.algoliaId,\n        PENNSIEVE_API_LOCATION: store.state.settings.pennsieveApi,\n        NL_LINK_PREFIX: store.state.settings.nlLinkPrefix,\n        ROOT_URL: store.state.settings.rootUrl,\n      };\n    },\n    popperOptions: function() { \n      return { \n        preventOverflow: {\n          enabled: true,\n          boundariesElement: this.boundariesElement,\n        }\n      }\n    }\n  },\n  methods: {\n    closeAndRemove: function(slot) {\n      let id = slot.id;\n      store.commit(\"splitFlow/closeSlot\", \n        { slotName: slot.name , id: id, entries: this.entries});\n      EventBus.$emit(\"RemoveEntryRequest\", id);\n    },\n    getEntryTitle: function(entry) {\n      if (entry) {\n        let title = entry.label ? entry.label + \" \": '';\n        let type = entry.type;\n        if (type == \"Scaffold\")\n          type = \"3D Scaffold\";\n        title += type;\n        if (entry.datasetId)\n          title += \" (\" + entry.datasetId + \")\";\n        else if (entry.discoverId)\n          title += \" (\" + entry.discoverId + \")\";\n        return title;\n      }\n      return \"Viewer\";\n    },\n    getSlotTitle: function(slot) {\n      let entry = this.entries.find(entry => entry.id === slot.id);\n      return this.getEntryTitle(entry);\n    },\n    getToolbarClass: function(slot) {\n      if (slot.name == \"first\") {\n        switch (this.activeView) {\n          case \"singlepanel\":\n          case \"2horpanel\":\n            return \"singlepanel-1\";\n          case \"2vertpanel\":\n          case \"3panel\":\n          case \"4panel\":\n            return \"twovertpanel-1\";\n        }\n      } else if (slot.name == \"second\") {\n        switch (this.activeView) {\n          case \"2horpanel\":\n            return \"twohorpanel-2\";\n          case \"2vertpanel\":\n          case \"3panel\":\n          case \"4panel\":\n            return \"twovertpanel-2\";\n        }\n      } else if (slot.name == \"third\") {\n        switch (this.activeView) {\n          case \"3panel\":\n          case \"4panel\":\n            return \"threepanel-3\";\n        }\n      } else if (slot.name == \"fourth\") {\n        switch (this.activeView) {\n          case \"4panel\":\n            return \"fourpanel-4\";\n        }\n      }\n      return \"inactive\";\n    },\n    getToolbarStyle: function(slot) {\n      /* \n        Set the toolbar style based on the position of the spltters \n        The splitter is 1px in height/width. \n        The width and position of the toolbar should\n        take that into account.\n      */\n      let style = {};\n      if (slot) {\n        if (slot.name == \"first\") {\n          switch (this.activeView) {\n            case \"2vertpanel\":\n            case \"3panel\":\n            case \"4panel\":\n              style[\"width\"] = \"calc(\" + this.splitter1.toString() + \"% - 1px)\";\n              break;\n          }\n        } else if (slot.name == \"second\") {\n          switch (this.activeView) {\n            case \"2horpanel\":\n              style[\"top\"] = \"calc(\" + this.splitter1.toString() + \"% + 2px)\";\n              break;\n            case \"2vertpanel\":\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              break;\n          }\n        } else if (slot.name == \"third\") {\n          switch (this.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[\"top\"] = \"calc( \" + this.splitter3.toString() + \"% + 2px)\";\n              break;\n          }\n        } else if (slot.name == \"fourth\") {\n          switch (this.activeView) {\n            case \"4panel\":\n              style[\"width\"] = \"calc(\" + this.splitter1.toString() + \"% - 1px)\";\n              style[\"top\"] = \"calc(\" + this.splitter2.toString() + \"% + 2px)\";\n              break;\n          }\n        }\n      }\n      return style;\n    },\n    updateisSearchableSlot: function(slot) {\n      let entry = this.entries.find(entry => entry.id === slot.id);\n      if (entry) {\n        if (entry.type == \"Flatmap\" || entry.type == \"MultiFlatmap\" || entry.type == \"Scaffold\") {\n          this.isSearchable[slot.name] = true;\n        } else {\n          this.isSearchable[slot.name] = false;\n        }\n      }\n    },\n    updateisSearchable: function() {\n      this.slotInfo.forEach( slot => this.updateisSearchableSlot(slot));\n    },\n    viewerChanged: function(slot, value) {\n      if (slot.id && slot.id != value) {\n        store.commit(\"splitFlow/assignOrSwapIdToSlot\", {\n          slot: slot,\n          id: value\n        });\n        Vue.nextTick(() => {\n          setTimeout(() => {\n            this.$emit(\"chooser-changed\");\n          }, 1200);\n        });\n        for(let key in this.contextCardVisible){\n          this.contextCardVisible[key] = false; // Hide all context cards when switching viewers\n        }\n      }\n    },\n    // check if a context card exists for a given pane\n    contextCardExists: function(paneId) {\n      return this.contextCardEntries.some(entry => entry.id === paneId);\n    },\n    // setPopper with is needed as the flatmap context card does not have an image and has smaller with\n    setPopperWidth: function(slotId) {\n      let entry = this.entries.find(entry => entry.id === slotId);\n      if (entry) {\n        if (entry.type == \"Flatmap\" || entry.type == \"MultiFlatmap\") {\n          return \"240px\";\n        } else {\n          return \"440px\";\n        }\n      }\n    },\n    // Set the boundaries element for the popper\n    setBoundary: function(boundaryElement){\n      this.boundariesElement = boundaryElement;\n    },\n    setUpContextUpdaters: function(){\n      // scaffold context update\n      EventBus.$on(\"contextUpdate\", entry => {\n        this.contextCardVisible.first = false; // hide the context card while it loads\n        let contextEntry = entry;\n        let id = this.entries[this.entries.length-1].id; // we always open card on a new pane\n        contextEntry.id = id;\n        contextEntry.type = 'scaffold';\n        this.contextCardEntries.push(contextEntry);\n        this.contextCardVisible.first = true; // Show the context card once it loads\n        this.contextCardEntries = removeDuplicates(this.contextCardEntries); // remove duplicates\n      });\n\n      // flatmap context update\n      EventBus.$on(\"mapImpProv\", mapImpProv => {\n        // The below logic works by storing the entries info in the contextCardEntries array.\n        //   These two can be compared to see if the resource has changed.\n\n        let slot = store.getters[\"splitFlow/getSlotById\"](mapImpProv.id); \n        this.contextCardVisible[slot.name] = false; // hide the context card when new map loads\n\n        // Add card if we have more entries than before\n        if (this.entries.length > this.contextCardEntries.length || this.contextCardEntries.length == 0){\n          let contextEntry = Object.assign({mapImpProv: mapImpProv.prov}, this.entries[this.entries.length-1]);\n          this.contextCardEntries.push(contextEntry);\n\n        // Check if the resource has changed and update the mapImpProv\n        } else if ( this.entries.length == this.contextCardEntries.length) { \n          for (let i in this.contextCardEntries){\n            if ( mapImpProv.id == this.contextCardEntries[i].id){\n              this.contextCardEntries[i] = Object.assign({mapImpProv: mapImpProv.prov}, this.entries.filter(ent=>ent.id==mapImpProv.id)[0]); // update card\n            }\n          }\n        }\n      });\n    }\n  },\n  watch: {\n    slotInfo: {\n      handler: function() {\n        this.updateisSearchable();\n      },\n      deep: true\n    },\n  },\n  mounted: function() {\n    this.setUpContextUpdaters();\n  }\n};\n</script>\n\n\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/select\";\n@import \"../assets/header-icon.scss\";\n\n.toolbar {\n  background-color: #f5f7fa !important;\n  position: absolute;\n  transition: all 1s ease;\n  height: 32px;\n  border-bottom: 1px solid rgb(220, 223, 230);\n  z-index: 5;\n\n  &.singlepanel-1 {\n    left: 0px;\n    top: 0px;\n    width: 100%;\n  }\n\n  &.twohorpanel-2 {\n    width: 100%;\n    left: 0px;\n    top: 50%;\n    border-top: 1px solid rgb(220, 223, 230);\n  }\n\n  &.twovertpanel-1 {\n    left: 0px;\n    top: 0px;\n    width: calc(50% - 1px);\n  }\n\n  &.twovertpanel-2 {\n    width: calc(50% - 1px);\n    left: calc(50% + 2px);\n    top: 0px;\n    border-left: 1px solid rgb(220, 223, 230);\n  }\n\n  &.threepanel-3 {\n    width: calc(50% - 1px);\n    left: calc(50% + 2px);\n    top: calc(50% + 2px);\n    border-top: 1px solid rgb(220, 223, 230);\n    border-left: 1px solid rgb(220, 223, 230);\n  }\n\n  &.fourpanel-4 {\n    width: calc(50% - 1px);\n    left: 0px;\n    top: calc(50% + 2px);\n    border-top: 1px solid rgb(220, 223, 230);\n  }\n\n  &.inactive {\n    display: none;\n    left: 0px;\n    top: 0px;\n  }\n}\n\n.toolbar-title {\n  width: 107px;\n  height: 20px;\n  color: $app-primary-color;\n  font-size: 14px;\n  font-weight: normal;\n  line-height: 20px;\n  margin-left: 11px;\n  margin-top: 4px;\n}\n\n.toolbar-flex-container {\n  display:flex;\n  flex-direction: row;\n  .select-box {\n    width: 200px;\n    border-radius: 4px;\n    border: 1px solid rgb(144, 147, 153);\n    background-color: $background;\n    font-weight: 500;\n    color: rgb(48, 49, 51);\n    margin-left: 8px;\n    margin-top: 3px;\n    margin-bottom: 2px;\n    ::v-deep .el-input__inner {\n      width:177px;\n      color: $app-primary-color;\n      height: 24px;\n      padding-left: 4px;\n      padding-right: 8px;\n      background-color: $background;\n      border-style: none;\n    }\n    \n    ::v-deep .el-input__icon {\n      line-height: 24px;\n      color: $lightGrey;\n    }\n  }\n  i .select-box ::v-deep .el-input__icon {\n    color: rgb(48, 49, 51);\n    height: 24px;\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n  .text {\n    margin-left: 8px;\n    margin-top: 7px;\n    font-weight: 500;\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    line-height:18px;\n  }\n  .title {\n    width: 140px;\n    color: $app-primary-color;\n  }\n}\n\n.viewer_dropdown {\n  z-index: 5;\n  .el-select-dropdown__item {\n    white-space: nowrap;\n    text-align: left;\n    &.selected {\n      color: $app-primary-color;\n      font-weight: normal;\n    }\n  }\n}\n\n.hide{\n  color: $app-primary-color;\n  cursor: pointer;\n  margin-right: 6px;\n  margin-top: 3px;\n}\n\n.icon-group {\n  font-size: 12px;\n}\n\n.info-icon {\n  margin-right: 8px;\n  font-size: 28px;\n  color: $app-primary-color;\n  cursor: pointer;\n  &::before { // since the icon is a font, we need to adjust the vertical alignment\n    position: relative;\n    top: -2px; \n  }\n}\n\n.flatmap-context-card {\n  width: 240px;\n}\n\n.context-card {\n  width: 440px;\n}\n\n.context-card-popover ::v-deep .el-popover{\n  max-width: calc(100vw - 100px);\n  padding-right: 0px;\n}\n</style>\n"]}]}