{"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=style&index=0&id=27e3bed0&prod&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/CustomSplitter.vue","mtime":1702244729418},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"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:Cgo6OnYtZGVlcCAuc3BsaXRwYW5lcy5kZWZhdWx0LXRoZW1lIC5zcGxpdHBhbmVzX19wYW5lIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2NjICFpbXBvcnRhbnQ7CiAgcG9zaXRpb246IHJlbGF0aXZlOwp9Cgo6OnYtZGVlcCAuc3BsaXRwYW5lc19fc3BsaXR0ZXIgewogIG1hcmdpbjogMHB4IDBweCAwcHggMHB4ICFpbXBvcnRhbnQ7CiAgei1pbmRleDogNiAhaW1wb3J0YW50OwogICY6OmJlZm9yZSB7CiAgICBjb250ZW50OiAiIjsKICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICAgIGxlZnQ6IDA7CiAgICB0b3A6IDA7CiAgICB0cmFuc2l0aW9uOiBvcGFjaXR5IDAuNHM7CiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDEzMSwgMCwgMTkxLCAwLjMpICFpbXBvcnRhbnQ7CiAgICBvcGFjaXR5OiAwOwogICAgei1pbmRleDogNyAhaW1wb3J0YW50OwogICAgJjpob3ZlciB7CiAgICAgIG9wYWNpdHk6IDE7CiAgICB9CiAgfQp9Cgo6OnYtZGVlcCAuc3BsaXRwYW5lcy0taG9yaXpvbnRhbCA+IC5zcGxpdHBhbmVzX19zcGxpdHRlciwKOjp2LWRlZXAgLnNwbGl0cGFuZXMtLXZlcnRpY2FsID4gLnNwbGl0cGFuZXNfX3NwbGl0dGVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjY2NjICFpbXBvcnRhbnQ7CiAgYm9yZGVyLWxlZnQ6IHVuc2V0Owp9Cgo6OnYtZGVlcCAuc3BsaXRwYW5lcy0taG9yaXpvbnRhbCA+IC5zcGxpdHBhbmVzX19zcGxpdHRlciB7CiAgaGVpZ2h0OiAxcHg7CiAgJjo6YmVmb3JlIHsKICAgIHRvcDogLTJweDsKICAgIGhlaWdodDogMTBweDsKICAgIHdpZHRoOiAxMDAlOwogIH0KfQoKOjp2LWRlZXAgLnNwbGl0cGFuZXMtLXZlcnRpY2FsID4gLnNwbGl0cGFuZXNfX3NwbGl0dGVyIHsKICB3aWR0aDogMXB4OwogICY6OmJlZm9yZSB7CiAgICBsZWZ0OiAtM3B4OwogICAgd2lkdGg6IDExcHg7CiAgICBoZWlnaHQ6IDEwMCU7CiAgfQp9Cgo="},{"version":3,"sources":["CustomSplitter.vue"],"names":[],"mappings":";;AAiGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}