{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js??ref--1-0!/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":1702265337630},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/babel.config.js","mtime":1684261475125},{"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:aW1wb3J0IF9TZWxlY3QyIGZyb20gImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL3NlbGVjdC5jc3MiOwppbXBvcnQgImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL2Jhc2UuY3NzIjsKaW1wb3J0IF9TZWxlY3QgZnJvbSAiZWxlbWVudC11aS9saWIvc2VsZWN0IjsKaW1wb3J0IF9Qb3BvdmVyMiBmcm9tICJlbGVtZW50LXVpL2xpYi90aGVtZS1jaGFsay9wb3BvdmVyLmNzcyI7CmltcG9ydCAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvYmFzZS5jc3MiOwppbXBvcnQgX1BvcG92ZXIgZnJvbSAiZWxlbWVudC11aS9saWIvcG9wb3ZlciI7CmltcG9ydCBfT3B0aW9uMiBmcm9tICJlbGVtZW50LXVpL2xpYi90aGVtZS1jaGFsay9vcHRpb24uY3NzIjsKaW1wb3J0ICJlbGVtZW50LXVpL2xpYi90aGVtZS1jaGFsay9iYXNlLmNzcyI7CmltcG9ydCBfT3B0aW9uIGZyb20gImVsZW1lbnQtdWkvbGliL29wdGlvbiI7CmltcG9ydCBfSW5wdXQyIGZyb20gImVsZW1lbnQtdWkvbGliL3RoZW1lLWNoYWxrL2lucHV0LmNzcyI7CmltcG9ydCAiZWxlbWVudC11aS9saWIvdGhlbWUtY2hhbGsvYmFzZS5jc3MiOwppbXBvcnQgX0lucHV0IGZyb20gImVsZW1lbnQtdWkvbGliL2lucHV0IjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyI7CmltcG9ydCAiY29yZS1qcy9tb2R1bGVzL3dlYi5kb20tY29sbGVjdGlvbnMuZm9yLWVhY2guanMiOwppbXBvcnQgImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5wdXNoLmpzIjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuanNvbi5zdHJpbmdpZnkuanMiOwovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLwppbXBvcnQgQ29udGVudFZ1ZXIgZnJvbSAiLi9Db250ZW50VnVlciI7CmltcG9ydCBDdXN0b21TcGxpdHRlciBmcm9tICIuL0N1c3RvbVNwbGl0dGVyIjsKaW1wb3J0IEV2ZW50QnVzIGZyb20gJy4vRXZlbnRCdXMnOwovL2ltcG9ydCBTcGxpdHBhbmVzQmFyIGZyb20gIi4vU3BsaXRwYW5lc0JhciI7CmltcG9ydCBzdG9yZSBmcm9tICIuLi9zdG9yZSI7CmltcG9ydCBWdWUgZnJvbSAidnVlIjsKVnVlLnVzZShfSW5wdXQpOwpWdWUudXNlKF9PcHRpb24pOwpWdWUudXNlKF9Qb3BvdmVyKTsKVnVlLnVzZShfU2VsZWN0KTsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJTcGxpdERpYWxvZyIsCiAgY29tcG9uZW50czogewogICAgQ29udGVudFZ1ZXI6IENvbnRlbnRWdWVyLAogICAgQ3VzdG9tU3BsaXR0ZXI6IEN1c3RvbVNwbGl0dGVyCiAgfSwKICBwcm9wczogewogICAgZW50cmllczogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogZnVuY3Rpb24gX2RlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIFtdOwogICAgICB9CiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc3R5bGVzOiB7fQogICAgfTsKICB9LAogIG1ldGhvZHM6IHsKICAgIC8qKgogICAgICogQ2FsbGJhY2sgd2hlbiB0aGUgdnVlcnMgZW1pdCBhIHNlbGVjdGVkIGV2ZW50LgogICAgICovCiAgICByZXNvdXJjZVNlbGVjdGVkOiBmdW5jdGlvbiByZXNvdXJjZVNlbGVjdGVkKHJlc3VsdCkgewogICAgICB0aGlzLiRlbWl0KCJyZXNvdXJjZS1zZWxlY3RlZCIsIHJlc3VsdCk7CiAgICB9LAogICAgZ2V0Q2xhc3M6IGZ1bmN0aW9uIGdldENsYXNzKGlkKSB7CiAgICAgIGlmICh0aGlzLmlzSWRWaXNpYmxlKGlkKSkgewogICAgICAgIHJldHVybiB0aGlzLmdldFJlZnNOYW1lKGlkKTsKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gImluYWN0aXZlIjsKICAgICAgfQogICAgfSwKICAgIGdldFJlZnNOYW1lOiBmdW5jdGlvbiBnZXRSZWZzTmFtZShpZCkgewogICAgICB2YXIgcmVmTmFtZSA9IHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9nZXRQYW5lTmFtZUJ5SWQiXShpZCk7CiAgICAgIGlmIChyZWZOYW1lKSB7CiAgICAgICAgaWYgKCEocmVmTmFtZSBpbiB0aGlzLnN0eWxlcykpIHsKICAgICAgICAgIFZ1ZS5zZXQodGhpcy5zdHlsZXMsIHJlZk5hbWUsIHt9KTsKICAgICAgICB9CiAgICAgIH0KICAgICAgcmV0dXJuIHJlZk5hbWU7CiAgICB9LAogICAgZ2V0U3R5bGU6IGZ1bmN0aW9uIGdldFN0eWxlKGlkKSB7CiAgICAgIC8qIAogICAgICAgIFNldCB0aGUgc3R5bGUgYmFzZWQgb24gdGhlIHBvc2l0aW9uIG9mIHRoZSBzcGx0dGVycyAKICAgICAgICBIZWFkZXIgaXMgMzBweCBpbiBoZWlnaHQgYW5kIHRoZSBzcGxpdHRlciBpcyAxcHggaW4KICAgICAgICBoZWlnaHQvd2lkdGguIFRoZSB3aWR0aCwgaGVpZ2h0IGFuZCBwb3NpdG9uIG9mIHRoZSAKICAgICAgICB2aWV3ZXIgc2hvdWxkIHRha2UgdGhhdCBpbnRvIGFjY291bnQuCiAgICAgICovCiAgICAgIHZhciByZWZOYW1lID0gdGhpcy5nZXRSZWZzTmFtZShpZCk7CiAgICAgIGlmIChyZWZOYW1lICYmIHJlZk5hbWUgaW4gdGhpcy5zdHlsZXMgJiYgdGhpcy5zdHlsZXNbcmVmTmFtZV0pIHsKICAgICAgICByZXR1cm4gdGhpcy5zdHlsZXNbcmVmTmFtZV07CiAgICAgIH0KICAgICAgcmV0dXJuIHt9OwogICAgfSwKICAgIGdldEFjdGl2ZUNvbnRlbnRzOiBmdW5jdGlvbiBnZXRBY3RpdmVDb250ZW50cygpIHsKICAgICAgdmFyIGFjdGl2ZUNvbnRlbnRzID0gW107CiAgICAgIHZhciB2dWVycyA9IHRoaXMuJHJlZnNbJ2NvbnRlbnQnXTsKICAgICAgaWYgKHZ1ZXJzKSB7CiAgICAgICAgdnVlcnMuZm9yRWFjaChmdW5jdGlvbiAodnVlcikgewogICAgICAgICAgaWYgKHZ1ZXIuaXNWaXNpYmxlKCkpIGFjdGl2ZUNvbnRlbnRzLnB1c2godnVlcik7CiAgICAgICAgfSk7CiAgICAgIH0KICAgICAgcmV0dXJuIGFjdGl2ZUNvbnRlbnRzOwogICAgfSwKICAgIGlzSWRWaXNpYmxlOiBmdW5jdGlvbiBpc0lkVmlzaWJsZShpZCkgewogICAgICB2YXIgcmVmTmFtZSA9IHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9nZXRQYW5lTmFtZUJ5SWQiXShpZCk7CiAgICAgIHJldHVybiByZWZOYW1lICE9PSB1bmRlZmluZWQ7CiAgICB9LAogICAgc2VuZFN5bmNocm9uaXNlZEV2ZW50OiBmdW5jdGlvbiBzZW5kU3luY2hyb25pc2VkRXZlbnQocmVzb3VyY2UpIHsKICAgICAgdmFyIGFjdGl2ZUNvbnRlbnRzID0gdGhpcy5nZXRBY3RpdmVDb250ZW50cygpOwogICAgICBhY3RpdmVDb250ZW50cy5mb3JFYWNoKGZ1bmN0aW9uIChjb250ZW50KSB7CiAgICAgICAgY29udGVudC5yZWNlaXZlU3luY2hyb25pc2VkRXZlbnQocmVzb3VyY2UpOwogICAgICB9KTsKICAgIH0sCiAgICBnZXRDb250ZW50c1dpdGhJZDogZnVuY3Rpb24gZ2V0Q29udGVudHNXaXRoSWQoaWQpIHsKICAgICAgdmFyIGNvbnRlbnRzID0gdGhpcy4kcmVmc1siY29udGVudCJdOwogICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGNvbnRlbnRzLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgaWYgKGNvbnRlbnRzW2ldLmdldElkKCkgPT0gaWQpIHsKICAgICAgICAgIHJldHVybiBjb250ZW50c1tpXTsKICAgICAgICB9CiAgICAgIH0KICAgICAgcmV0dXJuIHVuZGVmaW5lZDsKICAgIH0sCiAgICBnZXRDb250ZW50c1N0YXRlOiBmdW5jdGlvbiBnZXRDb250ZW50c1N0YXRlKCkgewogICAgICB2YXIgc3RhdGVzID0gW107CiAgICAgIHZhciBjb250ZW50cyA9IHRoaXMuJHJlZnNbImNvbnRlbnQiXTsKICAgICAgZm9yICh2YXIgaSA9IDA7IGkgPCBjb250ZW50cy5sZW5ndGg7IGkrKykgewogICAgICAgIHN0YXRlcy5wdXNoKGNvbnRlbnRzW2ldLmdldFN0YXRlKCkpOwogICAgICB9CiAgICAgIHJldHVybiBzdGF0ZXM7CiAgICB9LAogICAgY2FsY3VsYXRlU3R5bGVzOiBmdW5jdGlvbiBjYWxjdWxhdGVTdHlsZXMoaW5kZXgpIHsKICAgICAgaWYgKHRoaXMuJHJlZnMpIHsKICAgICAgICB2YXIgcmVmTmFtZSA9ICJwYW5lLSIuY29uY2F0KGluZGV4KTsKICAgICAgICBpZiAocmVmTmFtZSBpbiB0aGlzLiRyZWZzICYmIHRoaXMuJHJlZnNbcmVmTmFtZV0gJiYgdGhpcy4kcmVmc1tyZWZOYW1lXS4kZWwpIHsKICAgICAgICAgIHZhciBlbCA9IHRoaXMuJHJlZnNbcmVmTmFtZV0uJGVsOwogICAgICAgICAgdmFyIHJlY3QgPSBlbC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTsKICAgICAgICAgIHRoaXMuc2V0U3R5bGVzKHJlZk5hbWUsIHJlY3QpOwogICAgICAgIH0KICAgICAgfQogICAgfSwKICAgIHNldFN0eWxlczogZnVuY3Rpb24gc2V0U3R5bGVzKHJlZk5hbWUsIHJlY3QpIHsKICAgICAgaWYgKHRoaXMuJHJlZnMgJiYgJ3RhYkNvbnRhaW5lcicgaW4gdGhpcy4kcmVmcykgewogICAgICAgIHZhciBib3VuZCA9IHRoaXMuJHJlZnNbJ3RhYkNvbnRhaW5lciddLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpOwogICAgICAgIHZhciBzdHlsZSA9IHt9OwogICAgICAgIHN0eWxlWyJ3aWR0aCJdID0gIiIuY29uY2F0KHJlY3Qud2lkdGgsICJweCIpOwogICAgICAgIHN0eWxlWyJsZWZ0Il0gPSAiIi5jb25jYXQocmVjdC5sZWZ0IC0gYm91bmQubGVmdCwgInB4Iik7CiAgICAgICAgc3R5bGVbImhlaWdodCJdID0gIiIuY29uY2F0KHJlY3QuaGVpZ2h0LCAicHgiKTsKICAgICAgICBzdHlsZVsidG9wIl0gPSAiIi5jb25jYXQocmVjdC50b3AgLSBib3VuZC50b3AsICJweCIpOwogICAgICAgIGNvbnNvbGUubG9nKHJlZk5hbWUsIEpTT04uc3RyaW5naWZ5KHN0eWxlKSk7CiAgICAgICAgVnVlLnNldCh0aGlzLnN0eWxlcywgcmVmTmFtZSwgc3R5bGUpOwogICAgICB9CiAgICB9LAogICAgcmVzaXplOiBmdW5jdGlvbiByZXNpemUoKSB7CiAgICAgIHRoaXMuX191c2VyUmVzaXplX18gPSB0cnVlOwogICAgfSwKICAgIHJlc2l6ZWQ6IGZ1bmN0aW9uIHJlc2l6ZWQoc3BsaXR0ZXJOYW1lLCBldmVudCkgewogICAgICBpZiAodGhpcy5fX3VzZXJSZXNpemVfXykgewogICAgICAgIHN0b3JlLmNvbW1pdCgic3BsaXRGbG93L3NldFNwbGl0dGVyIiwgewogICAgICAgICAgbmFtZTogc3BsaXR0ZXJOYW1lLAogICAgICAgICAgdmFsdWU6IGV2ZW50WzBdLnNpemUKICAgICAgICB9KTsKICAgICAgfQogICAgICB0aGlzLl9fdXNlclJlc2l6ZV9fID0gZmFsc2U7CiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgYWN0aXZlVmlldzogZnVuY3Rpb24gYWN0aXZlVmlldygpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5hY3RpdmVWaWV3OwogICAgfSwKICAgIGhvcml6b250YWw6IGZ1bmN0aW9uIGhvcml6b250YWwoKSB7CiAgICAgIGlmIChzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuYWN0aXZlVmlldyA9PT0gIjJob3JwYW5lbCIpIHsKICAgICAgICByZXR1cm4gdHJ1ZTsKICAgICAgfQogICAgICByZXR1cm4gZmFsc2U7CiAgICB9LAogICAgc3BsaXR0ZXJzOiBmdW5jdGlvbiBzcGxpdHRlcnMoKSB7CiAgICAgIHJldHVybiBzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuc3BsaXR0ZXJzOwogICAgfSwKICAgIGdsb2JhbENhbGxiYWNrOiBmdW5jdGlvbiBnbG9iYWxDYWxsYmFjaygpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5nbG9iYWxDYWxsYmFjazsKICAgIH0KICB9LAogIHdhdGNoOiB7CiAgICBnbG9iYWxDYWxsYmFjazogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbiBoYW5kbGVyKHZhbCkgewogICAgICAgIC8vT25seSBhY3RpdmF0ZSBmb3IgYWN0aXZlCiAgICAgICAgaWYgKHZhbCkgewogICAgICAgICAgdmFyIGNvbnRlbnRzID0gdGhpcy5nZXRBY3RpdmVDb250ZW50cygpOwogICAgICAgICAgaWYgKGNvbnRlbnRzKSB7CiAgICAgICAgICAgIGNvbnRlbnRzLmZvckVhY2goZnVuY3Rpb24gKGNvbnRlbnQpIHsKICAgICAgICAgICAgICBjb250ZW50LnJlcXVlc3RTeW5jaHJvbmlzZWRFdmVudCh2YWwpOwogICAgICAgICAgICB9KTsKICAgICAgICAgIH0KICAgICAgICB9IGVsc2UgewogICAgICAgICAgLy9UdXJuIHN5bmMgb2ZmLCB0aGlzIGNhbiBiZSByZXF1ZXN0ZWQgZm9yIGFsbCBjb250ZW50cwogICAgICAgICAgdmFyIF9jb250ZW50cyA9IHRoaXMuJHJlZnNbJ2NvbnRlbnQnXTsKICAgICAgICAgIGlmIChfY29udGVudHMpIHsKICAgICAgICAgICAgX2NvbnRlbnRzLmZvckVhY2goZnVuY3Rpb24gKGNvbnRlbnQpIHsKICAgICAgICAgICAgICBjb250ZW50LnJlcXVlc3RTeW5jaHJvbmlzZWRFdmVudChmYWxzZSk7CiAgICAgICAgICAgIH0pOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgfSwKICAgICAgaW1tZWRpYXRlOiB0cnVlLAogICAgICBkZWVwOiB0cnVlCiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKICAgIEV2ZW50QnVzLiRvbigiUGFuZVJlc2l6ZSIsIGZ1bmN0aW9uIChwYXlsb2FkKSB7CiAgICAgIF90aGlzLnNldFN0eWxlcyhwYXlsb2FkLnJlZk5hbWUsIHBheWxvYWQucmVjdCk7CiAgICB9KTsKICB9Cn07"},{"version":3,"names":["ContentVuer","CustomSplitter","EventBus","store","Vue","use","_Input","_Option","_Popover","_Select","name","components","props","entries","type","Array","default","_default","data","styles","methods","resourceSelected","result","$emit","getClass","id","isIdVisible","getRefsName","refName","getters","set","getStyle","getActiveContents","activeContents","vuers","$refs","forEach","vuer","isVisible","push","undefined","sendSynchronisedEvent","resource","content","receiveSynchronisedEvent","getContentsWithId","contents","i","length","getId","getContentsState","states","getState","calculateStyles","index","concat","$el","el","rect","getBoundingClientRect","setStyles","bound","style","width","left","height","top","console","log","JSON","stringify","resize","__userResize__","resized","splitterName","event","commit","value","size","computed","activeView","state","splitFlow","horizontal","splitters","globalCallback","watch","handler","val","requestSynchronisedEvent","immediate","deep","mounted","_this","$on","payload"],"sources":["src/components/SplitDialog.vue"],"sourcesContent":["<template>\n  <div class=\"tab-container\" ref=\"tabContainer\">\n    <custom-splitter\n      index=\"split-1\"\n      key=\"split-1\"\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 CustomSplitter from \"./CustomSplitter\";\nimport EventBus from './EventBus';\n//import SplitpanesBar from \"./SplitpanesBar\";\nimport store from \"../store\";\nimport Vue from \"vue\";\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    CustomSplitter,\n  },\n  props: {\n    entries: {\n      type: Array,\n      default: function() {\n        return [];\n      }\n    }\n  },\n  data: function() {\n    return {\n      styles: { }\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      if (this.isIdVisible(id)) {\n        return this.getRefsName(id);\n      } else {\n        return \"inactive\";\n      }\n    },\n    getRefsName: function(id) {\n      const refName = store.getters[\"splitFlow/getPaneNameById\"](id);\n      if (refName) {\n        if (!(refName in this.styles)) {\n          Vue.set(this.styles, refName, {});\n        }\n      }\n      return refName;\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      const refName = this.getRefsName(id);\n      if (refName && refName in this.styles && this.styles[refName]) {\n        return this.styles[refName];\n      }\n      return {};\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    isIdVisible: function(id) {\n      const refName = store.getters[\"splitFlow/getPaneNameById\"](id);\n      return refName !== undefined;\n    },\n    sendSynchronisedEvent: function(resource) {\n      const activeContents = this.getActiveContents();\n      activeContents.forEach(content => {\n        content.receiveSynchronisedEvent(resource);\n      });\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    calculateStyles: function(index) {\n      if (this.$refs) {\n        const refName = `pane-${index}`;\n        if (refName in this.$refs && this.$refs[refName] && this.$refs[refName].$el) {\n          const el = this.$refs[refName].$el;\n          const rect = el.getBoundingClientRect();\n          this.setStyles(refName, rect);\n        }\n      }\n    },\n    setStyles: function(refName, rect) {\n      if (this.$refs && ('tabContainer' in this.$refs)) {\n        const bound = this.$refs['tabContainer'].getBoundingClientRect();\n        const style = {};\n        style[\"width\"] = `${rect.width}px`;\n        style[\"left\"] = `${rect.left - bound.left}px`;\n        style[\"height\"] = `${rect.height}px`;\n        style[\"top\"] = `${rect.top - bound.top}px`;\n        console.log(refName, JSON.stringify(style));\n        Vue.set(this.styles, refName, style);\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    activeView: function() {\n      return store.state.splitFlow.activeView;\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    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  mounted: function () {\n    EventBus.$on(\"PaneResize\", payload => {\n      this.setStyles(payload.refName, payload.rect);\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: 7 !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  &.inactive {\n    display: none;\n    width: 0%;\n    height: 0%;\n    left: 0px;\n    top: 30px;\n  }\n}\n</style>\n"],"mappings":"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"}]}