{"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":1700602007097},{"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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBDb250ZW50VnVlciBmcm9tICIuL0NvbnRlbnRWdWVyIjsKaW1wb3J0IFJlc2l6ZVNlbnNvciBmcm9tICJ2dWUtcmVzaXplLXNlbnNvciI7Ci8vaW1wb3J0IFNwbGl0cGFuZXNCYXIgZnJvbSAiLi9TcGxpdHBhbmVzQmFyIjsKaW1wb3J0IHsgU3BsaXRwYW5lcywgUGFuZSB9IGZyb20gInNwbGl0cGFuZXMiOwppbXBvcnQgc3RvcmUgZnJvbSAiLi4vc3RvcmUiOwppbXBvcnQgVnVlIGZyb20gInZ1ZSI7CmltcG9ydCAic3BsaXRwYW5lcy9kaXN0L3NwbGl0cGFuZXMuY3NzIjsKaW1wb3J0IHsKICBJbnB1dCwKICBPcHRpb24sCiAgUG9wb3ZlciwKICBTZWxlY3QKfSBmcm9tICJlbGVtZW50LXVpIjsKVnVlLnVzZShJbnB1dCk7ClZ1ZS51c2UoT3B0aW9uKTsKVnVlLnVzZShQb3BvdmVyKTsKVnVlLnVzZShTZWxlY3QpOwoKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICJTcGxpdERpYWxvZyIsCiAgY29tcG9uZW50czogewogICAgQ29udGVudFZ1ZXIsCiAgICBTcGxpdHBhbmVzLAovLyAgICBTcGxpdHBhbmVzQmFyLAogICAgUGFuZSwKICAgIFJlc2l6ZVNlbnNvcgogIH0sCiAgcHJvcHM6IHsKICAgIGVudHJpZXM6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uKCkgewogICAgICAgIHJldHVybiBbXTsKICAgICAgfQogICAgfQogIH0sCiAgZGF0YTogZnVuY3Rpb24oKSB7CiAgICByZXR1cm4gewogICAgICBzcGxpdHRlcjE6IDUwLAogICAgICBzcGxpdHRlcjI6IDUwLAogICAgICBzcGxpdHRlcjM6IDUwLAogICAgICBzZWFyY2hUZXh0OiBbXSwKICAgICAgaXNGbGF0bWFwOiB7CiAgICAgICAgZmlyc3Q6IHRydWUsCiAgICAgICAgc2Vjb25kOiBmYWxzZSwKICAgICAgICB0aGlyZDogZmFsc2UsCiAgICAgICAgZm91cnRoOiBmYWxzZQogICAgICB9LAogICAgICBzdHlsZXM6IHsgCgogICAgICB9CiAgICB9CiAgfSwKICBtZXRob2RzOiB7CiAgICAvKioKICAgICAqIENhbGxiYWNrIHdoZW4gdGhlIHZ1ZXJzIGVtaXQgYSBzZWxlY3RlZCBldmVudC4KICAgICAqLwogICAgcmVzb3VyY2VTZWxlY3RlZDogZnVuY3Rpb24ocmVzdWx0KSB7CiAgICAgIHRoaXMuJGVtaXQoInJlc291cmNlLXNlbGVjdGVkIiwgcmVzdWx0KTsKICAgIH0sCiAgICBnZXRDbGFzczogZnVuY3Rpb24oaWQpIHsKICAgICAgaWYgKHRoaXMuaXNJZFZpc2libGUoaWQpKSB7CiAgICAgICAgcmV0dXJuICJhY3RpdmUiOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiAiaW5hY3RpdmUiOwogICAgICB9CiAgICB9LAogICAgZ2V0UmVmc05hbWU6IGZ1bmN0aW9uKGlkKSB7CiAgICAgIGxldCBzbG90ID0gc3RvcmUuZ2V0dGVyc1sic3BsaXRGbG93L2dldFNsb3RCeUlkIl0oaWQpOwogICAgICBsZXQgaW5kZXggPSAwOwogICAgICBpZiAoc2xvdCkgewogICAgICAgIGlmIChzbG90Lm5hbWUgPT0gImZpcnN0IikgewogICAgICAgICAgaW5kZXggPSAxOwogICAgICAgIH0gZWxzZSBpZiAoc2xvdC5uYW1lID09ICJzZWNvbmQiKSB7CiAgICAgICAgICBpbmRleCA9IDI7CiAgICAgICAgfSBlbHNlIGlmIChzbG90Lm5hbWUgPT0gInRoaXJkIikgewogICAgICAgICAgaW5kZXggPSAzOwogICAgICAgIH0gZWxzZSBpZiAoc2xvdC5uYW1lID09ICJmb3VydGgiKSB7CiAgICAgICAgICBpbmRleCA9IDQ7CiAgICAgICAgfQogICAgICB9CiAgICAgIGNvbnN0IHJlZk5hbWUgPSBgcGFuZS0ke2luZGV4fWA7CiAgICAgIGlmIChpbmRleCAhPT0gMCkgewogICAgICAgIGlmICghKHJlZk5hbWUgaW4gdGhpcy5zdHlsZXMpKSB7CiAgICAgICAgICAgVnVlLnNldCh0aGlzLnN0eWxlcywgcmVmTmFtZSwge30pOwogICAgICAgIH0KICAgICAgfSAKCiAgICAgIHJldHVybiByZWZOYW1lOwogICAgfSwKICAgIGdldFN0eWxlOiBmdW5jdGlvbihpZCkgewogICAgICAvKiAKICAgICAgICBTZXQgdGhlIHN0eWxlIGJhc2VkIG9uIHRoZSBwb3NpdGlvbiBvZiB0aGUgc3BsdHRlcnMgCiAgICAgICAgSGVhZGVyIGlzIDMwcHggaW4gaGVpZ2h0IGFuZCB0aGUgc3BsaXR0ZXIgaXMgMXB4IGluCiAgICAgICAgaGVpZ2h0L3dpZHRoLiBUaGUgd2lkdGgsIGhlaWdodCBhbmQgcG9zaXRvbiBvZiB0aGUgCiAgICAgICAgdmlld2VyIHNob3VsZCB0YWtlIHRoYXQgaW50byBhY2NvdW50LgogICAgICAqLwogICAgICBjb25zdCByZWZOYW1lID0gdGhpcy5nZXRSZWZzTmFtZShpZCk7CiAgICAgIGlmIChyZWZOYW1lIGluIHRoaXMuc3R5bGVzICYmIHRoaXMuc3R5bGVzW3JlZk5hbWVdKSB7CiAgICAgICAgcmV0dXJuIHRoaXMuc3R5bGVzW3JlZk5hbWVdOwogICAgICB9CiAgICAgIHJldHVybiB7fTsKICAgIH0sCiAgICBnZXRBY3RpdmVDb250ZW50czogZnVuY3Rpb24oKSB7CiAgICAgIGNvbnN0IGFjdGl2ZUNvbnRlbnRzID0gW107CiAgICAgIGNvbnN0IHZ1ZXJzID0gdGhpcy4kcmVmc1snY29udGVudCddOwogICAgICBpZiAodnVlcnMpIHsKICAgICAgICB2dWVycy5mb3JFYWNoKHZ1ZXIgPT4gewogICAgICAgICAgaWYgKHZ1ZXIuaXNWaXNpYmxlKCkpCiAgICAgICAgICAgIGFjdGl2ZUNvbnRlbnRzLnB1c2godnVlcik7CiAgICAgICAgfSk7CiAgICAgIH0KICAgICAgcmV0dXJuIGFjdGl2ZUNvbnRlbnRzOwogICAgfSwKICAgIGlzU2xvdEFjdGl2ZTogZnVuY3Rpb24obmFtZSkgewogICAgICBsZXQgc2xvdCA9IHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9nZXRTbG90QnlOYW1lIl0obmFtZSk7CiAgICAgIGlmIChzbG90KSByZXR1cm4gc3RvcmUuZ2V0dGVyc1sic3BsaXRGbG93L2lzU2xvdEFjdGl2ZSJdKHNsb3QpOwogICAgICByZXR1cm4gZmFsc2U7CiAgICB9LAogICAgaXNJZFZpc2libGU6IGZ1bmN0aW9uKGlkKSB7CiAgICAgIGxldCBzbG90ID0gc3RvcmUuZ2V0dGVyc1sic3BsaXRGbG93L2dldFNsb3RCeUlkIl0oaWQpOwogICAgICBpZiAoc2xvdCkgcmV0dXJuIHN0b3JlLmdldHRlcnNbInNwbGl0Rmxvdy9pc1Nsb3RBY3RpdmUiXShzbG90KTsKICAgICAgcmV0dXJuIGZhbHNlOwogICAgfSwKICAgIHNlbmRTeW5jaHJvbmlzZWRFdmVudDogZnVuY3Rpb24ocmVzb3VyY2UpIHsKICAgICAgY29uc3QgYWN0aXZlQ29udGVudHMgPSB0aGlzLmdldEFjdGl2ZUNvbnRlbnRzKCk7CiAgICAgIGFjdGl2ZUNvbnRlbnRzLmZvckVhY2goY29udGVudCA9PiB7CiAgICAgICAgY29udGVudC5yZWNlaXZlU3luY2hyb25pc2VkRXZlbnQocmVzb3VyY2UpOwogICAgICB9KTsKICAgIH0sCiAgICBnZXRDb250ZW50c1dpdGhJZDogZnVuY3Rpb24oaWQpIHsKICAgICAgbGV0IGNvbnRlbnRzID0gdGhpcy4kcmVmc1siY29udGVudCJdOwogICAgICBmb3IgKGxldCBpID0gMDsgaSA8IGNvbnRlbnRzLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgaWYgKGNvbnRlbnRzW2ldLmdldElkKCkgPT0gaWQpIHsKICAgICAgICAgIHJldHVybiBjb250ZW50c1tpXTsKICAgICAgICB9CiAgICAgIH0KICAgICAgcmV0dXJuIHVuZGVmaW5lZDsKICAgIH0sCiAgICBnZXRDb250ZW50c1N0YXRlOiBmdW5jdGlvbigpIHsKICAgICAgbGV0IHN0YXRlcyA9IFtdOwogICAgICBsZXQgY29udGVudHMgPSB0aGlzLiRyZWZzWyJjb250ZW50Il07CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgY29udGVudHMubGVuZ3RoOyBpKyspIHsKICAgICAgICBzdGF0ZXMucHVzaChjb250ZW50c1tpXS5nZXRTdGF0ZSgpKTsKICAgICAgfQogICAgICByZXR1cm4gc3RhdGVzOwogICAgfSwKICAgIGNhbGN1bGF0ZVN0eWxlczogZnVuY3Rpb24oaW5kZXgpIHsKICAgICAgaWYgKHRoaXMuJHJlZnMgJiYgKCd0YWJDb250YWluZXInIGluIHRoaXMuJHJlZnMpKSB7CiAgICAgICAgY29uc3QgYm91bmQgPSB0aGlzLiRyZWZzWyd0YWJDb250YWluZXInXS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTsKICAgICAgICBjb25zdCByZWZOYW1lID0gYHBhbmUtJHtpbmRleH1gOwogICAgICAgIGlmIChyZWZOYW1lIGluIHRoaXMuJHJlZnMgJiYgdGhpcy4kcmVmc1tyZWZOYW1lXSAmJiB0aGlzLiRyZWZzW3JlZk5hbWVdLiRlbCkgewogICAgICAgICAgY29uc3QgZWwgPSB0aGlzLiRyZWZzW3JlZk5hbWVdLiRlbDsKICAgICAgICAgIGNvbnN0IHt0b3AsIGxlZnQsIHdpZHRoLCBoZWlnaHR9ID0gZWwuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7CiAgICAgICAgICBjb25zdCBzdHlsZSA9IHt9OwogICAgICAgICAgc3R5bGVbIndpZHRoIl0gPSBgJHt3aWR0aH1weGA7CiAgICAgICAgICBzdHlsZVsibGVmdCJdID0gYCR7bGVmdCAtIGJvdW5kLmxlZnR9cHhgOwogICAgICAgICAgc3R5bGVbImhlaWdodCJdID0gYCR7aGVpZ2h0fXB4YDsKICAgICAgICAgIHN0eWxlWyJ0b3AiXSA9IGAke3RvcCAtIGJvdW5kLnRvcH1weGA7CiAgICAgICAgICBWdWUuc2V0KHRoaXMuc3R5bGVzLCByZWZOYW1lLCBzdHlsZSk7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgdXBkYXRlU3R5bGVzOiBmdW5jdGlvbihpbmRleCkgewogICAgICAvL05lZWQgdG8gd2FpdCBmb3IgdGhlIHBhbmUgdG8gYmUgcmVzaXplZCBmaXJzdAogICAgICBpZiAoaW5kZXggIT09IC0xKSB7CiAgICAgICAgdGhpcy5jYWxjdWxhdGVTdHlsZXMoaW5kZXgpOwogICAgICB9IGVsc2UgewogICAgICAgIGZvciAobGV0IGkgPSAxOyBpIDw9IDQ7IGkrKykgewogICAgICAgICAgdGhpcy5jYWxjdWxhdGVTdHlsZXMoaSk7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgcmVzaXplOiBmdW5jdGlvbigpIHsKICAgICAgdGhpcy5fX3VzZXJSZXNpemVfXyA9IHRydWU7CiAgICB9LAogICAgcmVzaXplZDogZnVuY3Rpb24oc3BsaXR0ZXJOYW1lLCBldmVudCkgewogICAgICBpZiAodGhpcy5fX3VzZXJSZXNpemVfXykgewogICAgICAgIHN0b3JlLmNvbW1pdCgic3BsaXRGbG93L3NldFNwbGl0dGVyIiwgewogICAgICAgICAgbmFtZTogc3BsaXR0ZXJOYW1lLAogICAgICAgICAgdmFsdWU6IGV2ZW50WzBdLnNpemUKICAgICAgICB9KTsKICAgICAgfQogICAgICB0aGlzLl9fdXNlclJlc2l6ZV9fID0gZmFsc2U7CiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgaG9yaXpvbnRhbCgpIHsKICAgICAgaWYgKHN0b3JlLnN0YXRlLnNwbGl0Rmxvdy5hY3RpdmVWaWV3ID09PSAiMmhvcnBhbmVsIikgewogICAgICAgIHJldHVybiB0cnVlOwogICAgICB9CiAgICAgIHJldHVybiBmYWxzZTsKICAgIH0sCiAgICBzcGxpdHRlcnMoKSB7CiAgICAgIHJldHVybiBzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuc3BsaXR0ZXJzOwogICAgfSwKICAgIGdsb2JhbENhbGxiYWNrKCkgewogICAgICByZXR1cm4gc3RvcmUuc3RhdGUuc3BsaXRGbG93Lmdsb2JhbENhbGxiYWNrOwogICAgfSwKICB9LAogIHdhdGNoOiB7CiAgICBzcGxpdHRlcnM6IHsKICAgICAgaGFuZGxlcjogZnVuY3Rpb24oKSB7CiAgICAgICAgdGhpcy5zcGxpdHRlcjEgPSBzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuc3BsaXR0ZXJzLmZpcnN0OwogICAgICAgIHRoaXMuc3BsaXR0ZXIyID0gc3RvcmUuc3RhdGUuc3BsaXRGbG93LnNwbGl0dGVycy5zZWNvbmQ7CiAgICAgICAgdGhpcy5zcGxpdHRlcjMgPSBzdG9yZS5zdGF0ZS5zcGxpdEZsb3cuc3BsaXR0ZXJzLnRoaXJkOwogICAgICB9LAogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICAgIGRlZXA6IHRydWUKICAgIH0sCiAgICBnbG9iYWxDYWxsYmFjazogewogICAgICBoYW5kbGVyOiBmdW5jdGlvbih2YWwpIHsKICAgICAgICAvL09ubHkgYWN0aXZhdGUgZm9yIGFjdGl2ZQogICAgICAgIGlmICh2YWwpIHsKICAgICAgICAgIGNvbnN0IGNvbnRlbnRzID0gdGhpcy5nZXRBY3RpdmVDb250ZW50cygpOwogICAgICAgICAgaWYgKGNvbnRlbnRzKSB7CiAgICAgICAgICAgIGNvbnRlbnRzLmZvckVhY2goY29udGVudCA9PiB7CiAgICAgICAgICAgICAgY29udGVudC5yZXF1ZXN0U3luY2hyb25pc2VkRXZlbnQodmFsKTsKICAgICAgICAgICAgfSk7CiAgICAgICAgICB9CiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgIC8vVHVybiBzeW5jIG9mZiwgdGhpcyBjYW4gYmUgcmVxdWVzdGVkIGZvciBhbGwgY29udGVudHMKICAgICAgICAgIGNvbnN0IGNvbnRlbnRzID0gdGhpcy4kcmVmc1snY29udGVudCddOwogICAgICAgICAgaWYgKGNvbnRlbnRzKSB7CiAgICAgICAgICAgIGNvbnRlbnRzLmZvckVhY2goY29udGVudCA9PiB7CiAgICAgICAgICAgICAgY29udGVudC5yZXF1ZXN0U3luY2hyb25pc2VkRXZlbnQoZmFsc2UpOwogICAgICAgICAgICB9KTsKICAgICAgICAgIH0KICAgICAgICB9CiAgICAgIH0sCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwKICAgICAgZGVlcDogdHJ1ZQogICAgfSwKICB9Cn07Cg=="},{"version":3,"sources":["SplitDialog.vue"],"names":[],"mappings":";AA6DA;AACA;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;;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;;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","file":"SplitDialog.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div class=\"tab-container\" ref=\"tabContainer\">\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\" ref=\"pane-1\">\n            <resize-sensor :initial=\"true\" @resize=\"calculateStyles(1)\"></resize-sensor>\n          </pane>\n          <pane v-if=\"isSlotActive('fourth')\" :size=\"100 - splitter2\" key=\"four\" min-size=\"20\" ref=\"pane-4\">\n            <resize-sensor :initial=\"true\" @resize=\"calculateStyles(4)\"></resize-sensor>\n          </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\" ref=\"pane-2\">\n            <resize-sensor :initial=\"true\" @resize=\"calculateStyles(2)\"></resize-sensor>\n          </pane>\n          <pane v-if=\"isSlotActive('third')\" key=\"three\" min-size=\"20\" :size=\"100 - splitter3\" ref=\"pane-3\">\n            <resize-sensor :initial=\"true\" @resize=\"calculateStyles(3)\"></resize-sensor>\n          </pane>\n        </splitpanes>\n      </pane>\n    </splitpanes>\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 ResizeSensor from \"vue-resize-sensor\";\n//import 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    ResizeSensor\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      styles: { \n\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      if (this.isIdVisible(id)) {\n        return \"active\";\n      } else {\n        return \"inactive\";\n      }\n    },\n    getRefsName: function(id) {\n      let slot = store.getters[\"splitFlow/getSlotById\"](id);\n      let index = 0;\n      if (slot) {\n        if (slot.name == \"first\") {\n          index = 1;\n        } else if (slot.name == \"second\") {\n          index = 2;\n        } else if (slot.name == \"third\") {\n          index = 3;\n        } else if (slot.name == \"fourth\") {\n          index = 4;\n        }\n      }\n      const refName = `pane-${index}`;\n      if (index !== 0) {\n        if (!(refName in this.styles)) {\n           Vue.set(this.styles, refName, {});\n        }\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 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    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    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 && ('tabContainer' in this.$refs)) {\n        const bound = this.$refs['tabContainer'].getBoundingClientRect();\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 {top, left, width, height} = el.getBoundingClientRect();\n          const style = {};\n          style[\"width\"] = `${width}px`;\n          style[\"left\"] = `${left - bound.left}px`;\n          style[\"height\"] = `${height}px`;\n          style[\"top\"] = `${top - bound.top}px`;\n          Vue.set(this.styles, refName, style);\n        }\n      }\n    },\n    updateStyles: function(index) {\n      //Need to wait for the pane to be resized first\n      if (index !== -1) {\n        this.calculateStyles(index);\n      } else {\n        for (let i = 1; i <= 4; i++) {\n          this.calculateStyles(i);\n        }\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    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: 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"]}]}