{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/CustomSplitter.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/CustomSplitter.vue","mtime":1702244729418},{"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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBDdXN0b21TcGxpdHRlciBmcm9tICIuL0N1c3RvbVNwbGl0dGVyIjsKaW1wb3J0IEV2ZW50QnVzIGZyb20gJy4vRXZlbnRCdXMnOwppbXBvcnQgUmVzaXplU2Vuc29yIGZyb20gIi4vUmVzaXplU2Vuc29yIjsKaW1wb3J0IHsgU3BsaXRwYW5lcywgUGFuZSB9IGZyb20gInNwbGl0cGFuZXMiOwppbXBvcnQgc3RvcmUgZnJvbSAiLi4vc3RvcmUiOwppbXBvcnQgInNwbGl0cGFuZXMvZGlzdC9zcGxpdHBhbmVzLmNzcyI7CgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkN1c3RvbVNwbGl0dGVyIiwKICBjb21wb25lbnRzOiB7CiAgICBDdXN0b21TcGxpdHRlciwKICAgIFNwbGl0cGFuZXMsCiAgICBQYW5lLAogICAgUmVzaXplU2Vuc29yCiAgfSwKICBwcm9wczogewogICAgaW5kZXg6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiBmdW5jdGlvbigpIHsKICAgICAgICByZXR1cm4gInNwbGl0LTEiOwogICAgICB9CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICByZXF1ZXN0U3R5bGVzVXBkYXRlOiBmdW5jdGlvbihyZWZOYW1lKSB7CiAgICAgIGlmICh0aGlzLiRyZWZzKSB7CiAgICAgICAgaWYgKHJlZk5hbWUgaW4gdGhpcy4kcmVmcyAmJiB0aGlzLiRyZWZzW3JlZk5hbWVdICYmIAogICAgICAgIHRoaXMuJHJlZnNbcmVmTmFtZV1bMF0gJiYgdGhpcy4kcmVmc1tyZWZOYW1lXVswXS4kZWwpIHsKICAgICAgICAgIGNvbnN0IGVsID0gdGhpcy4kcmVmc1tyZWZOYW1lXVswXS4kZWw7CiAgICAgICAgICBjb25zdCByZWN0ID0gZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7CiAgICAgICAgICBFdmVudEJ1cy4kZW1pdCgiUGFuZVJlc2l6ZSIsIHtyZWZOYW1lLCByZWN0fSk7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgLyoqCiAgICAgKiBDYWxsYmFjayB3aGVuIHRoZSB2dWVycyBlbWl0IGEgc2VsZWN0ZWQgZXZlbnQuCiAgICAgKi8KICAgIGNhbGN1bGF0ZVN0eWxlczogZnVuY3Rpb24ocmVmTmFtZSkgewogICAgICBpZiAodGhpcy4kcmVmcykgewogICAgICAgIGlmIChyZWZOYW1lLnN0YXJ0c1dpdGgoInBhbmUiKSkgewogICAgICAgICAgdGhpcy5yZXF1ZXN0U3R5bGVzVXBkYXRlKHJlZk5hbWUpOwogICAgICAgIH0gZWxzZSBpZiAocmVmTmFtZS5zdGFydHNXaXRoKCJzcGxpdCIpKSB7CiAgICAgICAgICB0aGlzLmN1c3RvbUxheW91dFtyZWZOYW1lXS5jaGlsZHJlbi5mb3JFYWNoKChjaGlsZE5hbWUpID0+IHsKICAgICAgICAgICAgaWYgKGNoaWxkTmFtZS5zdGFydHNXaXRoKCJwYW5lIikpIHsKICAgICAgICAgICAgICAgdGhpcy5yZXF1ZXN0U3R5bGVzVXBkYXRlKGNoaWxkTmFtZSk7CiAgICAgICAgICAgIH0KICAgICAgICAgIH0pOwogICAgICAgIH0KICAgICAgfQogICAgfSwKICB9LAogIGNvbXB1dGVkOiB7CiAgICBjaGlsZHJlbigpIHsKICAgICAgcmV0dXJuIHRoaXMuY3VzdG9tTGF5b3V0W3RoaXMuaW5kZXhdLmNoaWxkcmVuOwogICAgfSwKICAgIGN1c3RvbUxheW91dCgpIHsKICAgICAgcmV0dXJuIHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5jdXN0b21MYXlvdXQ7CiAgICB9LAogICAgaXNIb3Jpem9udGFsKCkgewogICAgICByZXR1cm4gdGhpcy5jdXN0b21MYXlvdXRbdGhpcy5pbmRleF0uaG9yaXpvbnRhbDsKICAgIH0sCiAgfSwKfTsK"},{"version":3,"sources":["CustomSplitter.vue"],"names":[],"mappings":";AA6BA;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","file":"CustomSplitter.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div style=\"height: 100%; width: 100%\">\n    <resize-sensor\n      @resize=\"calculateStyles(index)\">\n    </resize-sensor>\n    <splitpanes\n      class=\"default-theme\"\n      :horizontal=\"isHorizontal\"\n      :dbl-click-splitter=\"false\"\n    >\n      <template v-for=\"(child) in children\">\n        <pane :key=\"child\" :ref=\"child\">\n          <resize-sensor\n            v-if=\"customLayout[child].content\"\n            @resize=\"calculateStyles(child)\">\n          </resize-sensor>\n          <custom-splitter \n            v-else\n            :key=\"child\"\n            :index=\"child\"\n          />\n        </pane>\n      </template>\n    </splitpanes>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport CustomSplitter from \"./CustomSplitter\";\nimport EventBus from './EventBus';\nimport ResizeSensor from \"./ResizeSensor\";\nimport { Splitpanes, Pane } from \"splitpanes\";\nimport store from \"../store\";\nimport \"splitpanes/dist/splitpanes.css\";\n\nexport default {\n  name: \"CustomSplitter\",\n  components: {\n    CustomSplitter,\n    Splitpanes,\n    Pane,\n    ResizeSensor\n  },\n  props: {\n    index: {\n      type: String,\n      default: function() {\n        return \"split-1\";\n      }\n    }\n  },\n  methods: {\n    requestStylesUpdate: function(refName) {\n      if (this.$refs) {\n        if (refName in this.$refs && this.$refs[refName] && \n        this.$refs[refName][0] && this.$refs[refName][0].$el) {\n          const el = this.$refs[refName][0].$el;\n          const rect = el.getBoundingClientRect();\n          EventBus.$emit(\"PaneResize\", {refName, rect});\n        }\n      }\n    },\n    /**\n     * Callback when the vuers emit a selected event.\n     */\n    calculateStyles: function(refName) {\n      if (this.$refs) {\n        if (refName.startsWith(\"pane\")) {\n          this.requestStylesUpdate(refName);\n        } else if (refName.startsWith(\"split\")) {\n          this.customLayout[refName].children.forEach((childName) => {\n            if (childName.startsWith(\"pane\")) {\n               this.requestStylesUpdate(childName);\n            }\n          });\n        }\n      }\n    },\n  },\n  computed: {\n    children() {\n      return this.customLayout[this.index].children;\n    },\n    customLayout() {\n      return store.state.splitFlow.customLayout;\n    },\n    isHorizontal() {\n      return this.customLayout[this.index].horizontal;\n    },\n  },\n};\n</script>\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\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</style>\n"]}]}