{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/scaffoldvuer/src/components/TreeControls.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/scaffoldvuer/src/components/TreeControls.vue","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/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:Ci8qIGVzbGludC1kaXNhYmxlIG5vLWFsZXJ0LCBuby1jb25zb2xlICovCmltcG9ydCBWdWUgZnJvbSAidnVlIjsKaW1wb3J0IHsgQ2hlY2tib3gsIENoZWNrYm94R3JvdXAsIENvbG9yUGlja2VyLCBSb3csIFRyZWUgfSBmcm9tICJlbGVtZW50LXVpIjsKaW1wb3J0IGxhbmcgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlL2xhbmcvZW4iOwppbXBvcnQgbG9jYWxlIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZSI7CmltcG9ydCB7IGNyZWF0ZUxpc3RGcm9tUHJpbWl0aXZlcywgZXh0cmFjdEFsbElkcywgZmluZE9iamVjdHNXaXRoTmFtZXMgfSBmcm9tICIuLi9zY3JpcHRzL3V0aWxpdGllcy5qcyI7Cgpjb25zdCBvcmRlckJ5ID0gcmVxdWlyZSgibG9kYXNoL29yZGVyQnkiKTsKY29uc3QgdW5pcSA9IHJlcXVpcmUoImxvZGFzaC91bmlxIik7CmxvY2FsZS51c2UobGFuZyk7ClZ1ZS51c2UoQ2hlY2tib3gpOwpWdWUudXNlKENoZWNrYm94R3JvdXApOwpWdWUudXNlKENvbG9yUGlja2VyKTsKVnVlLnVzZShSb3cpOwpWdWUudXNlKFRyZWUpOwoKY29uc3QgbmFtZVNvcnRpbmcgPSAoYSwgYikgPT4gewogIGNvbnN0IGxhYmVsQSA9IGEubGFiZWwudG9VcHBlckNhc2UoKTsKICBjb25zdCBsYWJlbEIgPSBiLmxhYmVsLnRvVXBwZXJDYXNlKCk7CiAgaWYgKGxhYmVsQSA8IGxhYmVsQikgewogICAgcmV0dXJuIC0xOwogIH0KICBpZiAobGFiZWxBID4gbGFiZWxCKSB7CiAgICByZXR1cm4gMTsKICB9CiAgcmV0dXJuIDA7Cn07CgovKioKICogQSB2dWUgY29tcG9uZW50IGZvciB0b2dnbGluZyB2aXNpYmlsaXR5IG9mIHZhcmlvdXMgcmVnaW9ucy4KICovCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiVHJlZUNvbnRyb2xzIiwKICBwcm9wczogewogICAgLyoqCiAgICAgKiBFbmFibGUvZGlzYWJsZSBjb2xvdXIgcGlja2VyCiAgICAgKi8KICAgIHNob3dDb2xvdXJQaWNrZXI6IEJvb2xlYW4sCiAgfSwKICBkYXRhOiBmdW5jdGlvbiAoKSB7CiAgICByZXR1cm4gewogICAgICB0cmVlRGF0YTogW3sgbGFiZWw6ICJSb290IiwgaWQ6ICJfX3IvIiwgY2hpbGRyZW46IFtdIH1dLAogICAgICBhY3RpdmU6IFt7Z3JvdXA6ICIiLCByZWdpb25QYXRoOiB1bmRlZmluZWR9XSwKICAgICAgaG92ZXI6IFt7Z3JvdXA6ICIiLCByZWdpb25QYXRoOiB1bmRlZmluZWR9XSwKICAgICAgbXlQb3BwZXJDbGFzczogImhpZGUtc2NhZmZvbGQtY29sb3VyLXBvcHVwIiwKICAgICAgZHJhd2VyT3BlbjogdHJ1ZSwKICAgIH07CiAgfSwKICB3YXRjaDogewogICAgc2hvd0NvbG91clBpY2tlcjogewogICAgICBpbW1lZGlhdGU6IHRydWUsCiAgICAgIGhhbmRsZXI6IGZ1bmN0aW9uICgpIHsKICAgICAgICBpZiAodGhpcy5zaG93Q29sb3VyUGlja2VyKSB0aGlzLm15UG9wcGVyQ2xhc3MgPSAic2hvd1BpY2tlciI7CiAgICAgICAgZWxzZSB0aGlzLm15UG9wcGVyQ2xhc3MgPSAiaGlkZS1zY2FmZm9sZC1jb2xvdXItcG9wdXAiOwogICAgICB9LAogICAgfSwKICB9LAogIGRlc3Ryb3llZDogZnVuY3Rpb24gKCkgewogICAgdGhpcy5zb3J0ZWRQcmltaXRpdmVHcm91cHMgPSB1bmRlZmluZWQ7CiAgfSwKICBtZXRob2RzOiB7CiAgICBhZGRUcmVlSXRlbTogZnVuY3Rpb24gKHBhcmVudENvbnRhaW5lciwgaXRlbSkgewogICAgICAvL1RoZSBmb2xsb3dpbmcgYmxvY2sgcHJldmVudCBkdXBsaWNhdGUgZ3JhcGhpY3Mgd2l0aCB0aGUgc2FtZSBuYW1lCiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgcGFyZW50Q29udGFpbmVyLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgaWYgKHBhcmVudENvbnRhaW5lcltpXS5pZCA9PT0gaXRlbS5pZCkgewogICAgICAgICAgaWYgKGl0ZW0uaXNQcmltaXRpdmVzICYmIHBhcmVudENvbnRhaW5lcltpXS5pc1ByaW1pdGl2ZXMpIHsKICAgICAgICAgICAgcmV0dXJuOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgfQogICAgICBwYXJlbnRDb250YWluZXIucHVzaChpdGVtKTsKICAgICAgcGFyZW50Q29udGFpbmVyLnNvcnQoKGEsIGIpID0+IHsKICAgICAgICByZXR1cm4gbmFtZVNvcnRpbmcoYSwgYik7CiAgICAgIH0pOwogICAgICB0aGlzLl9fbm9kZU51bWJlcnMrKzsKICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gewogICAgICAgIHRoaXMuJHJlZnMucmVnaW9uVHJlZS5zZXRDaGVja2VkKGl0ZW0uaWQsIHRydWUpOwogICAgICB9KTsKICAgIH0sCiAgICAvLyBmaW5kIG9yIGNyZWF0ZSBuZXcgcmVnaW9uLCByZWdpb24gaWQgaXMgYWx3YXlzIHByZWZpeGVkIHdpdGgKICAgIC8vICdfX3IvJwogICAgZmluZE9yQ3JlYXRlUmVnaW9uOiBmdW5jdGlvbiAoZGF0YSwgcGF0aHMsIHByZWZpeCkgewogICAgICAvL2NoZWNrIGlmIHJvb3QgcmVnaW9uIGhhcyBiZWVuIHNldAogICAgICBpZiAoKHRoaXMudHJlZURhdGFbMF0ucmVnaW9uUGF0aCA9PT0gdW5kZWZpbmVkKSAmJiB0aGlzLiRtb2R1bGUgJiYgdGhpcy4kbW9kdWxlLnNjZW5lKSB7CiAgICAgICAgdGhpcy50cmVlRGF0YVswXS5yZWdpb25QYXRoID0gIiI7CiAgICAgICAgdGhpcy50cmVlRGF0YVswXS5pc1JlZ2lvbiA9IHRydWU7CiAgICAgIH0KICAgICAgaWYgKHBhdGhzLmxlbmd0aCA+IDApIHsKICAgICAgICBjb25zdCBfcGF0aHMgPSBbLi4ucGF0aHNdOwogICAgICAgIGxldCBjaGlsZFJlZ2lvbiA9IGRhdGEuY2hpbGRyZW4uZmluZCgKICAgICAgICAgIChjaGlsZCkgPT4gY2hpbGQubGFiZWwgPT0gX3BhdGhzWzBdCiAgICAgICAgKTsKICAgICAgICBjb25zdCBwYXRoID0gcHJlZml4ICsgIi8iICsgcGF0aHNbMF07CiAgICAgICAgY29uc3QgaWQgPSAiX19yIiArIHBhdGg7CiAgICAgICAgaWYgKCFjaGlsZFJlZ2lvbikgewogICAgICAgICAgY2hpbGRSZWdpb24gPSB7CiAgICAgICAgICAgIGxhYmVsOiBfcGF0aHNbMF0sCiAgICAgICAgICAgIGlkOiBpZCwKICAgICAgICAgICAgY2hpbGRyZW46IFtdLAogICAgICAgICAgICByZWdpb25QYXRoOiBwYXRoLAogICAgICAgICAgICBpc1JlZ2lvbjogdHJ1ZSwKICAgICAgICAgIH07CiAgICAgICAgICB0aGlzLmFkZFRyZWVJdGVtKGRhdGEuY2hpbGRyZW4sIGNoaWxkUmVnaW9uKTsKICAgICAgICB9CiAgICAgICAgX3BhdGhzLnNoaWZ0KCk7CiAgICAgICAgcmV0dXJuIHRoaXMuZmluZE9yQ3JlYXRlUmVnaW9uKGNoaWxkUmVnaW9uLCBfcGF0aHMsIHBhdGgpOwogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiBkYXRhOwogICAgICB9CiAgICB9LAogICAgbm9kZUlzQWN0aXZlOiBmdW5jdGlvbihkYXRhKSB7CiAgICAgIGZvciAobGV0IGkgPSAwOyBpIDwgdGhpcy5hY3RpdmUubGVuZ3RoOyBpKyspIHsKICAgICAgICBsZXQgaXRlbSA9IHRoaXMuYWN0aXZlW2ldOwogICAgICAgIGlmIChpdGVtLmdyb3VwID09PSBkYXRhLmxhYmVsICYmIAogICAgICAgICAgKChpdGVtLnJlZ2lvblBhdGggPT09IGRhdGEucmVnaW9uUGF0aCkgfHwgCiAgICAgICAgICBpdGVtLnJlZ2lvblBhdGggPT09IHVuZGVmaW5lZCkpIHsKICAgICAgICAgIHJldHVybiB0cnVlOwogICAgICAgIH0KICAgICAgfQogICAgICByZXR1cm4gZmFsc2U7CiAgICB9LAogICAgbm9kZUlzSG92ZXI6IGZ1bmN0aW9uKGRhdGEpIHsKICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLmhvdmVyLmxlbmd0aDsgaSsrKSB7CiAgICAgICAgbGV0IGl0ZW0gPSB0aGlzLmhvdmVyW2ldOwogICAgICAgIGlmIChpdGVtLmdyb3VwID09PSBkYXRhLmxhYmVsICYmIAogICAgICAgICAgKChpdGVtLnJlZ2lvblBhdGggPT09IGRhdGEucmVnaW9uUGF0aCkgfHwgCiAgICAgICAgICBpdGVtLnJlZ2lvblBhdGggPT09IHVuZGVmaW5lZCkpIHsKICAgICAgICAgIHJldHVybiB0cnVlOwogICAgICAgIH0KICAgICAgfQogICAgICByZXR1cm4gZmFsc2U7CiAgICB9LAogICAgLyoqCiAgICAgKiBUaGlzIGlzIGNhbGxlZCB3aGVuIGEgbmV3IHppbmMgb2JqZWN0IGlzIHJlYWQgaW50byB0aGUgc2NlbmUuCiAgICAgKi8KICAgIHppbmNPYmplY3RBZGRlZDogZnVuY3Rpb24gKHppbmNPYmplY3QpIHsKICAgICAgY29uc3QgcmVnaW9uID0gemluY09iamVjdC5yZWdpb247CiAgICAgIGlmIChyZWdpb24pIHsKICAgICAgICBjb25zdCBwYXRocyA9IHJlZ2lvbi5nZXRGdWxsU2VwYXJhdGVkUGF0aCgpOwogICAgICAgIGNvbnN0IHJlZ2lvbkRhdGEgPSB0aGlzLmZpbmRPckNyZWF0ZVJlZ2lvbih0aGlzLnRyZWVEYXRhWzBdLCBwYXRocywgIiIpOwogICAgICAgIGlmICh6aW5jT2JqZWN0Lmdyb3VwTmFtZSkgewogICAgICAgICAgaWYgKHJlZ2lvbkRhdGEpIHsKICAgICAgICAgICAgaWYgKCFyZWdpb25EYXRhLmNoaWxkcmVuKSB7CiAgICAgICAgICAgICAgcmVnaW9uRGF0YS5jaGlsZHJlbiA9IFtdOwogICAgICAgICAgICB9CiAgICAgICAgICAgIGxldCBpZCA9CiAgICAgICAgICAgICAgcmVnaW9uRGF0YS5pZC5yZXBsYWNlKCJfX3IvIiwgIiIpICsgIi8iICsgemluY09iamVjdC5ncm91cE5hbWU7CiAgICAgICAgICAgIGNvbnN0IGNoaWxkID0gewogICAgICAgICAgICAgIGxhYmVsOiB6aW5jT2JqZWN0Lmdyb3VwTmFtZSwKICAgICAgICAgICAgICBpZDogaWQsCiAgICAgICAgICAgICAgaXNQcmltaXRpdmVzOiB0cnVlLAogICAgICAgICAgICAgIHJlZ2lvblBhdGg6IHppbmNPYmplY3QucmVnaW9uLmdldEZ1bGxQYXRoKCksCiAgICAgICAgICAgIH07CiAgICAgICAgICAgIHRoaXMuYWRkVHJlZUl0ZW0ocmVnaW9uRGF0YS5jaGlsZHJlbiwgY2hpbGQpOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgfQogICAgfSwKICAgIGNoZWNrQ2hhbmdlZDogZnVuY3Rpb24gKG5vZGUsIGRhdGEpIHsKICAgICAgY29uc3QgaXNSZWdpb24gPSBub2RlLmlzUmVnaW9uOwogICAgICBjb25zdCBpc1ByaW1pdGl2ZXMgPSBub2RlLmlzUHJpbWl0aXZlczsKICAgICAgY29uc3QgaXNDaGVja2VkID0gZGF0YS5jaGVja2VkS2V5cy5pbmNsdWRlcyhub2RlLmlkKTsKICAgICAgY29uc3QgcmVnaW9uID0gdGhpcy4kbW9kdWxlLnNjZW5lLmdldFJvb3RSZWdpb24oKS5maW5kQ2hpbGRGcm9tUGF0aChub2RlLnJlZ2lvblBhdGgpOwogICAgICBpZiAoaXNSZWdpb24pIHsKICAgICAgICBpc0NoZWNrZWQgPyByZWdpb24uc2hvd0FsbFByaW1pdGl2ZXMoKSA6IHJlZ2lvbi5oaWRlQWxsUHJpbWl0aXZlcygpOwogICAgICB9CiAgICAgIGlmIChpc1ByaW1pdGl2ZXMpIHsKICAgICAgICBjb25zdCBwcmltaXRpdmVzID0gcmVnaW9uLmZpbmRPYmplY3RzV2l0aEdyb3VwTmFtZShub2RlLmxhYmVsKTsKICAgICAgICBwcmltaXRpdmVzLmZvckVhY2gocHJpbWl0aXZlID0+IHsKICAgICAgICAgIHByaW1pdGl2ZS5zZXRWaXNpYmlsaXR5KGlzQ2hlY2tlZCk7CiAgICAgICAgfSk7CiAgICAgIH0KICAgIH0sCiAgICB1cGRhdGVBY3RpdmVVSTogZnVuY3Rpb24gKHByaW1pdGl2ZXMpIHsKICAgICAgdGhpcy5hY3RpdmUubGVuZ3RoID0gMDsKICAgICAgY3JlYXRlTGlzdEZyb21QcmltaXRpdmVzKHByaW1pdGl2ZXMsIHRoaXMuYWN0aXZlKTsKICAgIH0sCiAgICBjaGFuZ2VBY3RpdmVCeVByaW1pdGl2ZXM6IGZ1bmN0aW9uIChwcmltaXRpdmVzLCBwcm9wYWdhdGUpIHsKICAgICAgaWYgKHByaW1pdGl2ZXMgJiYgcHJpbWl0aXZlcy5sZW5ndGggPiAwKSB7CiAgICAgICAgdGhpcy51cGRhdGVBY3RpdmVVSShwcmltaXRpdmVzKTsKICAgICAgICB0aGlzLiRlbWl0KCJvYmplY3Qtc2VsZWN0ZWQiLCBwcmltaXRpdmVzLCBwcm9wYWdhdGUpOwogICAgICB9IGVsc2UgewogICAgICAgIHRoaXMucmVtb3ZlQWN0aXZlKHByb3BhZ2F0ZSk7CiAgICAgIH0KICAgICAgdGhpcy5yZW1vdmVIb3Zlcihwcm9wYWdhdGUpOwogICAgfSwKICAgIHVwZGF0ZUhvdmVyVUk6IGZ1bmN0aW9uIChwcmltaXRpdmVzKSB7CiAgICAgIHRoaXMuaG92ZXIubGVuZ3RoID0gMDsKICAgICAgY3JlYXRlTGlzdEZyb21QcmltaXRpdmVzKHByaW1pdGl2ZXMsIHRoaXMuaG92ZXIpOwogICAgfSwKICAgIGNoYW5nZUhvdmVyQnlQcmltaXRpdmVzOiBmdW5jdGlvbiAocHJpbWl0aXZlcywgcHJvcGFnYXRlKSB7CiAgICAgIGlmIChwcmltaXRpdmVzICYmIHByaW1pdGl2ZXMubGVuZ3RoID4gMCkgewogICAgICAgIHRoaXMudXBkYXRlSG92ZXJVSShwcmltaXRpdmVzKTsKICAgICAgICB0aGlzLiRlbWl0KCJvYmplY3QtaG92ZXJlZCIsIHByaW1pdGl2ZXMsIHByb3BhZ2F0ZSk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5yZW1vdmVIb3Zlcihwcm9wYWdhdGUpOwogICAgICB9CiAgICB9LAogICAgLyoqCiAgICAgKiBTZWxlY3QgYSByZWdpb24gYnkgaXRzIG5hbWUuCiAgICAgKi8KICAgIGNoYW5nZUFjdGl2ZUJ5TmFtZXM6IGZ1bmN0aW9uIChuYW1lcywgcmVnaW9uUGF0aCwgcHJvcGFnYXRlKSB7CiAgICAgIGNvbnN0IHJvb3RSZWdpb24gPSB0aGlzLiRtb2R1bGUuc2NlbmUuZ2V0Um9vdFJlZ2lvbigpOwogICAgICBjb25zdCB0YXJnZXRPYmplY3RzID0gZmluZE9iamVjdHNXaXRoTmFtZXMocm9vdFJlZ2lvbiwgbmFtZXMsCiAgICAgICAgcmVnaW9uUGF0aCwgdHJ1ZSk7CiAgICAgIHRoaXMuY2hhbmdlQWN0aXZlQnlQcmltaXRpdmVzKHRhcmdldE9iamVjdHMsIHByb3BhZ2F0ZSk7CiAgICB9LAogICAgLyoqCiAgICAgKiBIb3ZlciBhIHJlZ2lvbiBieSBpdHMgbmFtZS4KICAgICAqLwogICAgY2hhbmdlSG92ZXJCeU5hbWVzOiBmdW5jdGlvbiAobmFtZXMsIHJlZ2lvblBhdGgsIHByb3BhZ2F0ZSkgewogICAgICBjb25zdCByb290UmVnaW9uID0gdGhpcy4kbW9kdWxlLnNjZW5lLmdldFJvb3RSZWdpb24oKTsKICAgICAgY29uc3QgdGFyZ2V0T2JqZWN0cyA9IGZpbmRPYmplY3RzV2l0aE5hbWVzKHJvb3RSZWdpb24sIG5hbWVzLAogICAgICAgIHJlZ2lvblBhdGgsIHRydWUpOwogICAgICB0aGlzLmNoYW5nZUhvdmVyQnlQcmltaXRpdmVzKHRhcmdldE9iamVjdHMsIHByb3BhZ2F0ZSk7CiAgICB9LAogICAgY2hhbmdlQWN0aXZlQnlOb2RlOiBmdW5jdGlvbiAobm9kZSwgcHJvcGFnYXRlKSB7CiAgICAgIGlmIChub2RlLmlzUHJpbWl0aXZlcykgewogICAgICAgIGNvbnN0IHRhcmdldE9iamVjdHMgPSB0aGlzLmdldFppbmNPYmplY3RzRnJvbU5vZGUobm9kZSwgZmFsc2UpOwogICAgICAgIHRoaXMuY2hhbmdlQWN0aXZlQnlQcmltaXRpdmVzKHRhcmdldE9iamVjdHMsIHByb3BhZ2F0ZSk7CiAgICAgIH0KICAgIH0sCiAgICBjaGFuZ2VIb3ZlckJ5Tm9kZTogZnVuY3Rpb24gKG5vZGUsIHByb3BhZ2F0ZSkgewogICAgICBpZiAobm9kZS5pc1ByaW1pdGl2ZXMpIHsKICAgICAgICBjb25zdCB0YXJnZXRPYmplY3RzID0gdGhpcy5nZXRaaW5jT2JqZWN0c0Zyb21Ob2RlKG5vZGUsIGZhbHNlKTsKICAgICAgICB0aGlzLmNoYW5nZUhvdmVyQnlQcmltaXRpdmVzKHRhcmdldE9iamVjdHMsIHByb3BhZ2F0ZSk7CiAgICAgIH0KICAgIH0sCiAgICAvKioKICAgICAqIFVuc2VsZWN0IHRoZSBjdXJyZW50IHNlbGVjdGVkIHJlZ2lvbi4KICAgICAqLwogICAgcmVtb3ZlQWN0aXZlOiBmdW5jdGlvbiAocHJvcGFnYXRlKSB7CiAgICAgIHRoaXMuYWN0aXZlID0gW107CiAgICAgIHRoaXMuJGVtaXQoIm9iamVjdC1zZWxlY3RlZCIsIHVuZGVmaW5lZCwgcHJvcGFnYXRlKTsKICAgIH0sCiAgICAvKioKICAgICAqIFVuc2VsZWN0IHRoZSBjdXJyZW50IGhvdmVyIHJlZ2lvbi4KICAgICAqLwogICAgcmVtb3ZlSG92ZXI6IGZ1bmN0aW9uIChwcm9wYWdhdGUpIHsKICAgICAgdGhpcy5ob3ZlciA9IFtdOwogICAgICB0aGlzLiRlbWl0KCJvYmplY3QtaG92ZXJlZCIsIHVuZGVmaW5lZCwgcHJvcGFnYXRlKTsKICAgIH0sCiAgICAvKioKICAgICAqIFJlc2V0IHRoZSBjb250cm9scy4KICAgICAqLwogICAgY2xlYXI6IGZ1bmN0aW9uICgpIHsKICAgICAgdGhpcy5hY3RpdmUuZ3JvdXAgPSAiIjsKICAgICAgdGhpcy5hY3RpdmUucmVnaW9uUGF0aCA9IHVuZGVmaW5lZDsKICAgICAgdGhpcy5ob3Zlci5ncm91cCA9ICIiOwogICAgICB0aGlzLmhvdmVyLnJlZ2lvblBhdGggPSB1bmRlZmluZWQ7CiAgICAgIHRoaXMuJHJlZnMucmVnaW9uVHJlZS51cGRhdGVLZXlDaGlsZHJlbiggIl9fci8iLCBbXSk7CiAgICAgIHRoaXMudHJlZURhdGFbMF0uY2hpbGRyZW4ubGVuZ3RoID0gMDsKICAgICAgdGhpcy4kZW1pdCgib2JqZWN0LXNlbGVjdGVkIiwgdW5kZWZpbmVkKTsKICAgIH0sCiAgICBnZXRDb2xvdXI6IGZ1bmN0aW9uIChub2RlRGF0YSkgewogICAgICAvL0RvIG5vdCBuZWVkIHRvIGNoZWNrIGZvciBwcmltaXRpdmVzIGFzIHRoaXMgaXMgY2hlY2tlZCBvbiB0aGUgdGVtcGxhdGUKICAgICAgaWYgKG5vZGVEYXRhKSB7CiAgICAgICAgY29uc3QgdGFyZ2V0T2JqZWN0cyA9IHRoaXMuZ2V0WmluY09iamVjdHNGcm9tTm9kZShub2RlRGF0YSwgZmFsc2UpOwogICAgICAgIGxldCBncmFwaGljID0gdGFyZ2V0T2JqZWN0c1swXTsKICAgICAgICBpZiAoZ3JhcGhpYykgewogICAgICAgICAgbGV0IGhleCA9IGdyYXBoaWMuZ2V0Q29sb3VySGV4KCk7CiAgICAgICAgICBpZiAoaGV4KSByZXR1cm4gIiMiICsgaGV4OwogICAgICAgIH0KICAgICAgfQogICAgICByZXR1cm4gIiNGRkZGRkYiOwogICAgfSwKICAgIGdldFppbmNPYmplY3RzRnJvbU5vZGU6IGZ1bmN0aW9uKG5vZGUsIHRyYW5zdmVyc2UpIHsKICAgICAgY29uc3Qgcm9vdFJlZ2lvbiA9IHRoaXMuJG1vZHVsZS5zY2VuZS5nZXRSb290UmVnaW9uKCk7CiAgICAgIHJldHVybiBmaW5kT2JqZWN0c1dpdGhOYW1lcyhyb290UmVnaW9uLCBub2RlLmxhYmVsLAogICAgICAgIG5vZGUucmVnaW9uUGF0aCwgdHJhbnN2ZXJzZSk7CiAgICB9LAogICAgLy9TZXQgdGhpcyByaWdodCBhdCB0aGUgYmVnaW5uaW5nLgogICAgc2V0TW9kdWxlOiBmdW5jdGlvbiAobW9kdWxlSW4pIHsKICAgICAgdGhpcy4kbW9kdWxlID0gbW9kdWxlSW47CiAgICAgIHRoaXMuJG1vZHVsZS5wcmltaXRpdmVEYXRhLmdlb21ldHJpZXMuZm9yRWFjaCh6aW5jT2JqZWN0ID0+IHsKICAgICAgICB0aGlzLnppbmNPYmplY3RBZGRlZCh6aW5jT2JqZWN0KTsKICAgICAgfSk7CiAgICAgIHRoaXMuJG1vZHVsZS5wcmltaXRpdmVEYXRhLmxpbmVzLmZvckVhY2goemluY09iamVjdCA9PiB7CiAgICAgICAgdGhpcy56aW5jT2JqZWN0QWRkZWQoemluY09iamVjdCk7CiAgICAgIH0pOwogICAgICB0aGlzLiRtb2R1bGUucHJpbWl0aXZlRGF0YS5nbHlwaHNldHMuZm9yRWFjaCh6aW5jT2JqZWN0ID0+IHsKICAgICAgICB0aGlzLnppbmNPYmplY3RBZGRlZCh6aW5jT2JqZWN0KTsKICAgICAgfSk7CiAgICAgIHRoaXMuJG1vZHVsZS5wcmltaXRpdmVEYXRhLnBvaW50c2V0cy5mb3JFYWNoKHppbmNPYmplY3QgPT4gewogICAgICAgIHRoaXMuemluY09iamVjdEFkZGVkKHppbmNPYmplY3QpOwogICAgICB9KTsKICAgICAgdGhpcy4kbW9kdWxlLmFkZE9yZ2FuUGFydEFkZGVkQ2FsbGJhY2sodGhpcy56aW5jT2JqZWN0QWRkZWQpOwogICAgICB0aGlzLl9fbm9kZU51bWJlcnMgPSAxOwogICAgfSwKICAgIHNldENvbG91cjogZnVuY3Rpb24gKG5vZGVEYXRhLCB2YWx1ZSkgewogICAgICBpZiAobm9kZURhdGEgJiYgbm9kZURhdGEuaXNQcmltaXRpdmVzKSB7CiAgICAgICAgY29uc3QgdGFyZ2V0T2JqZWN0cyA9IHRoaXMuZ2V0WmluY09iamVjdHNGcm9tTm9kZShub2RlRGF0YSwgZmFsc2UpOwogICAgICAgIHRhcmdldE9iamVjdHMuZm9yRWFjaChwcmltaXRpdmUgPT4gewogICAgICAgICAgbGV0IGhleFN0cmluZyA9IHZhbHVlLnJlcGxhY2UoIiMiLCAiMHgiKTsKICAgICAgICAgIHByaW1pdGl2ZS5zZXRDb2xvdXJIZXgoaGV4U3RyaW5nKTsKICAgICAgICB9KTsKICAgICAgfQogICAgfSwKICAgIHZpZXdBbGw6IGZ1bmN0aW9uICgpIHsKICAgICAgdGhpcy4kbW9kdWxlLnZpZXdBbGwoKTsKICAgIH0sCiAgICB2aXNpYmlsaXR5VG9nZ2xlOiBmdW5jdGlvbiAoaXRlbSwgZXZlbnQpIHsKICAgICAgdGhpcy4kbW9kdWxlLmNoYW5nZU9yZ2FuUGFydHNWaXNpYmlsaXR5KGl0ZW0sIGV2ZW50KTsKICAgICAgaWYgKGV2ZW50ID09IGZhbHNlKSB7CiAgICAgICAgaWYgKHRoaXMuYWN0aXZlUmVnaW9uID09PSBpdGVtKSB7CiAgICAgICAgICB0aGlzLnJlbW92ZUFjdGl2ZSh0cnVlKTsKICAgICAgICB9CiAgICAgICAgaWYgKHRoaXMuaG92ZXJSZWdpb24gPT09IGl0ZW0pIHsKICAgICAgICAgIHRoaXMucmVtb3ZlSG92ZXIodHJ1ZSk7CiAgICAgICAgfQogICAgICB9CiAgICB9LAogICAgdG9nZ2xlRHJhd2VyOiBmdW5jdGlvbiAoKSB7CiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9ICF0aGlzLmRyYXdlck9wZW47CiAgICAgIHRoaXMuJGVtaXQoImRyYXdlci10b2dnbGVkIiwgdGhpcy5kcmF3ZXJPcGVuKTsKICAgIH0sCiAgICBzZXRUcmVlVmlzaWJpbGl0eTogZnVuY3Rpb24obm9kZSwgbGlzdCkgewogICAgICBsZXQgZmxhZyA9IGZhbHNlOwogICAgICBpZiAobGlzdC5pbmNsdWRlcyhub2RlLmlkKSkgZmxhZyA9IHRydWU7CiAgICAgIGNvbnN0IHJlZ2lvbiA9IHRoaXMuJG1vZHVsZS5zY2VuZS5nZXRSb290UmVnaW9uKCkuZmluZENoaWxkRnJvbVBhdGgobm9kZS5yZWdpb25QYXRoKTsKICAgICAgaWYgKG5vZGUuaXNSZWdpb24pCiAgICAgICAgcmVnaW9uLnNldFZpc2liaWxpdHkoZmxhZyk7CiAgICAgIGlmIChub2RlLmlzUHJpbWl0aXZlcykgewogICAgICAgIGNvbnN0IHByaW1pdGl2ZXMgPSByZWdpb24uZmluZE9iamVjdHNXaXRoR3JvdXBOYW1lKG5vZGUubGFiZWwpOwogICAgICAgIHByaW1pdGl2ZXMuZm9yRWFjaChwcmltaXRpdmUgPT4gcHJpbWl0aXZlLnNldFZpc2liaWxpdHkoZmxhZykpCiAgICAgIH0KICAgICAgaWYgKG5vZGUuY2hpbGRyZW4pCiAgICAgICAgbm9kZS5jaGlsZHJlbi5mb3JFYWNoKGNoaWxkID0+IHRoaXMuc2V0VHJlZVZpc2liaWxpdHkoY2hpbGQsIGxpc3QpKTsKICAgIH0sCiAgICBjaGVja0FsbEtleXM6IGZ1bmN0aW9uICgpIHsKICAgICAgY29uc3Qga2V5c0xpc3QgPSBbXTsKICAgICAgZXh0cmFjdEFsbElkcyh0aGlzLnRyZWVEYXRhWzBdLCBrZXlzTGlzdCk7CiAgICAgIHRoaXMuc2V0VHJlZVZpc2liaWxpdHkodGhpcy50cmVlRGF0YVswXSwga2V5c0xpc3QpOwogICAgICB0aGlzLiRyZWZzLnJlZ2lvblRyZWUuc2V0Q2hlY2tlZEtleXMoa2V5c0xpc3QpOwogICAgfSwKICAgIGdldFN0YXRlOiBmdW5jdGlvbiAoKSB7CiAgICAgIGxldCBjaGVja2VkSXRlbXMgPSB0aGlzLiRyZWZzLnJlZ2lvblRyZWUuZ2V0Q2hlY2tlZEtleXMoKTsKICAgICAgaWYgKGNoZWNrZWRJdGVtcy5sZW5ndGggPT09IHRoaXMuX19ub2RlTnVtYmVycykKICAgICAgICByZXR1cm4geyBjaGVja0FsbDogdHJ1ZSwgdmVyc2lvbjogIjIuMCIgfTsKICAgICAgcmV0dXJuIHsgY2hlY2tlZEl0ZW1zOiBjaGVja2VkSXRlbXMsIHZlcnNpb246ICIyLjAiIH07CiAgICB9LAogICAgc2V0U3RhdGU6IGZ1bmN0aW9uIChzdGF0ZSkgewogICAgICBpZiAoc3RhdGUpIHsKICAgICAgICBpZiAoc3RhdGUuY2hlY2tBbGwpIHsKICAgICAgICAgIHRoaXMuY2hlY2tBbGxLZXlzKCk7IAogICAgICAgIH0gZWxzZSBpZiAoc3RhdGUuY2hlY2tlZEl0ZW1zKSB7CiAgICAgICAgICBsZXQgbGlzdCA9IFtdOwogICAgICAgICAgaWYgKHN0YXRlLnZlcnNpb24gIT09ICIyLjAiKSB7CiAgICAgICAgICAgIGxpc3QgPSBzdGF0ZS5jaGVja2VkSXRlbXMubWFwKGl0ZW0gPT4gIi8iICsgaXRlbSk7CiAgICAgICAgICAgIGxpc3Quc2hpZnQoIl9fci8iKTsKICAgICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAgIGxpc3QucHVzaCguLi5zdGF0ZS5jaGVja2VkSXRlbXMpOwogICAgICAgICAgfQogICAgICAgICAgdGhpcy5zZXRUcmVlVmlzaWJpbGl0eSh0aGlzLnRyZWVEYXRhWzBdLCBsaXN0KTsKICAgICAgICAgIHRoaXMuJHJlZnMucmVnaW9uVHJlZS5zZXRDaGVja2VkS2V5cyhsaXN0KTsKICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgfSwKfTsK"},{"version":3,"sources":["TreeControls.vue"],"names":[],"mappings":";AA0DA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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":"TreeControls.vue","sourceRoot":"node_modules/@abi-software/scaffoldvuer/src/components","sourcesContent":["<template>\n  <div\n    class=\"tree-controls\"\n    :class=\"{ open: drawerOpen, close: !drawerOpen }\"\n  >\n    <div class=\"traditional-container\">\n      <el-row>\n        <el-col :span=\"12\">\n          <div class=\"regions-display-text\">\n            Regions\n          </div>\n        </el-col>\n      </el-row>\n      <div class=\"tree-container\">\n        <el-tree\n          ref=\"regionTree\"\n          node-key=\"id\"\n          show-checkbox\n          :check-strictly=\"false\"\n          :data=\"treeData[0].children\"\n          :expand-on-click-node=\"false\"\n          :render-after-expand=\"false\"\n          @check=\"checkChanged\"\n        >\n          <span\n            slot-scope=\"{ node, data }\"\n            class=\"region-tree-node\"\n            :class=\"{\n              activeItem: nodeIsActive(data),\n              hoverItem: nodeIsHover(data),\n            }\"\n            @click=\"changeActiveByNode(data, true)\"\n            @mouseover=\"changeHoverByNode(data, true)\"\n          >\n            <el-color-picker\n              v-if=\"data.isPrimitives\"\n              :class=\"{ 'show-picker': showColourPicker }\"\n              :value=\"getColour(data)\"\n              size=\"small\"\n              :popper-class=\"myPopperClass\"\n              @change=\"setColour(data, $event)\"\n            />\n            <span>{{ node.label }}</span>\n          </span>\n        </el-tree>\n      </div>\n    </div>\n    <div\n      class=\"drawer-button\"\n      :class=\"{ open: drawerOpen, close: !drawerOpen }\"\n      @click=\"toggleDrawer\"\n    >\n      <i class=\"el-icon-arrow-left\" />\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport { Checkbox, CheckboxGroup, ColorPicker, Row, Tree } from \"element-ui\";\nimport lang from \"element-ui/lib/locale/lang/en\";\nimport locale from \"element-ui/lib/locale\";\nimport { createListFromPrimitives, extractAllIds, findObjectsWithNames } from \"../scripts/utilities.js\";\n\nconst orderBy = require(\"lodash/orderBy\");\nconst uniq = require(\"lodash/uniq\");\nlocale.use(lang);\nVue.use(Checkbox);\nVue.use(CheckboxGroup);\nVue.use(ColorPicker);\nVue.use(Row);\nVue.use(Tree);\n\nconst nameSorting = (a, b) => {\n  const labelA = a.label.toUpperCase();\n  const labelB = b.label.toUpperCase();\n  if (labelA < labelB) {\n    return -1;\n  }\n  if (labelA > labelB) {\n    return 1;\n  }\n  return 0;\n};\n\n/**\n * A vue component for toggling visibility of various regions.\n */\nexport default {\n  name: \"TreeControls\",\n  props: {\n    /**\n     * Enable/disable colour picker\n     */\n    showColourPicker: Boolean,\n  },\n  data: function () {\n    return {\n      treeData: [{ label: \"Root\", id: \"__r/\", children: [] }],\n      active: [{group: \"\", regionPath: undefined}],\n      hover: [{group: \"\", regionPath: undefined}],\n      myPopperClass: \"hide-scaffold-colour-popup\",\n      drawerOpen: true,\n    };\n  },\n  watch: {\n    showColourPicker: {\n      immediate: true,\n      handler: function () {\n        if (this.showColourPicker) this.myPopperClass = \"showPicker\";\n        else this.myPopperClass = \"hide-scaffold-colour-popup\";\n      },\n    },\n  },\n  destroyed: function () {\n    this.sortedPrimitiveGroups = undefined;\n  },\n  methods: {\n    addTreeItem: function (parentContainer, item) {\n      //The following block prevent duplicate graphics with the same name\n      for (let i = 0; i < parentContainer.length; i++) {\n        if (parentContainer[i].id === item.id) {\n          if (item.isPrimitives && parentContainer[i].isPrimitives) {\n            return;\n          }\n        }\n      }\n      parentContainer.push(item);\n      parentContainer.sort((a, b) => {\n        return nameSorting(a, b);\n      });\n      this.__nodeNumbers++;\n      this.$nextTick(() => {\n        this.$refs.regionTree.setChecked(item.id, true);\n      });\n    },\n    // find or create new region, region id is always prefixed with\n    // '__r/'\n    findOrCreateRegion: function (data, paths, prefix) {\n      //check if root region has been set\n      if ((this.treeData[0].regionPath === undefined) && this.$module && this.$module.scene) {\n        this.treeData[0].regionPath = \"\";\n        this.treeData[0].isRegion = true;\n      }\n      if (paths.length > 0) {\n        const _paths = [...paths];\n        let childRegion = data.children.find(\n          (child) => child.label == _paths[0]\n        );\n        const path = prefix + \"/\" + paths[0];\n        const id = \"__r\" + path;\n        if (!childRegion) {\n          childRegion = {\n            label: _paths[0],\n            id: id,\n            children: [],\n            regionPath: path,\n            isRegion: true,\n          };\n          this.addTreeItem(data.children, childRegion);\n        }\n        _paths.shift();\n        return this.findOrCreateRegion(childRegion, _paths, path);\n      } else {\n        return data;\n      }\n    },\n    nodeIsActive: function(data) {\n      for (let i = 0; i < this.active.length; i++) {\n        let item = this.active[i];\n        if (item.group === data.label && \n          ((item.regionPath === data.regionPath) || \n          item.regionPath === undefined)) {\n          return true;\n        }\n      }\n      return false;\n    },\n    nodeIsHover: function(data) {\n      for (let i = 0; i < this.hover.length; i++) {\n        let item = this.hover[i];\n        if (item.group === data.label && \n          ((item.regionPath === data.regionPath) || \n          item.regionPath === undefined)) {\n          return true;\n        }\n      }\n      return false;\n    },\n    /**\n     * This is called when a new zinc object is read into the scene.\n     */\n    zincObjectAdded: function (zincObject) {\n      const region = zincObject.region;\n      if (region) {\n        const paths = region.getFullSeparatedPath();\n        const regionData = this.findOrCreateRegion(this.treeData[0], paths, \"\");\n        if (zincObject.groupName) {\n          if (regionData) {\n            if (!regionData.children) {\n              regionData.children = [];\n            }\n            let id =\n              regionData.id.replace(\"__r/\", \"\") + \"/\" + zincObject.groupName;\n            const child = {\n              label: zincObject.groupName,\n              id: id,\n              isPrimitives: true,\n              regionPath: zincObject.region.getFullPath(),\n            };\n            this.addTreeItem(regionData.children, child);\n          }\n        }\n      }\n    },\n    checkChanged: function (node, data) {\n      const isRegion = node.isRegion;\n      const isPrimitives = node.isPrimitives;\n      const isChecked = data.checkedKeys.includes(node.id);\n      const region = this.$module.scene.getRootRegion().findChildFromPath(node.regionPath);\n      if (isRegion) {\n        isChecked ? region.showAllPrimitives() : region.hideAllPrimitives();\n      }\n      if (isPrimitives) {\n        const primitives = region.findObjectsWithGroupName(node.label);\n        primitives.forEach(primitive => {\n          primitive.setVisibility(isChecked);\n        });\n      }\n    },\n    updateActiveUI: function (primitives) {\n      this.active.length = 0;\n      createListFromPrimitives(primitives, this.active);\n    },\n    changeActiveByPrimitives: function (primitives, propagate) {\n      if (primitives && primitives.length > 0) {\n        this.updateActiveUI(primitives);\n        this.$emit(\"object-selected\", primitives, propagate);\n      } else {\n        this.removeActive(propagate);\n      }\n      this.removeHover(propagate);\n    },\n    updateHoverUI: function (primitives) {\n      this.hover.length = 0;\n      createListFromPrimitives(primitives, this.hover);\n    },\n    changeHoverByPrimitives: function (primitives, propagate) {\n      if (primitives && primitives.length > 0) {\n        this.updateHoverUI(primitives);\n        this.$emit(\"object-hovered\", primitives, propagate);\n      } else {\n        this.removeHover(propagate);\n      }\n    },\n    /**\n     * Select a region by its name.\n     */\n    changeActiveByNames: function (names, regionPath, propagate) {\n      const rootRegion = this.$module.scene.getRootRegion();\n      const targetObjects = findObjectsWithNames(rootRegion, names,\n        regionPath, true);\n      this.changeActiveByPrimitives(targetObjects, propagate);\n    },\n    /**\n     * Hover a region by its name.\n     */\n    changeHoverByNames: function (names, regionPath, propagate) {\n      const rootRegion = this.$module.scene.getRootRegion();\n      const targetObjects = findObjectsWithNames(rootRegion, names,\n        regionPath, true);\n      this.changeHoverByPrimitives(targetObjects, propagate);\n    },\n    changeActiveByNode: function (node, propagate) {\n      if (node.isPrimitives) {\n        const targetObjects = this.getZincObjectsFromNode(node, false);\n        this.changeActiveByPrimitives(targetObjects, propagate);\n      }\n    },\n    changeHoverByNode: function (node, propagate) {\n      if (node.isPrimitives) {\n        const targetObjects = this.getZincObjectsFromNode(node, false);\n        this.changeHoverByPrimitives(targetObjects, propagate);\n      }\n    },\n    /**\n     * Unselect the current selected region.\n     */\n    removeActive: function (propagate) {\n      this.active = [];\n      this.$emit(\"object-selected\", undefined, propagate);\n    },\n    /**\n     * Unselect the current hover region.\n     */\n    removeHover: function (propagate) {\n      this.hover = [];\n      this.$emit(\"object-hovered\", undefined, propagate);\n    },\n    /**\n     * Reset the controls.\n     */\n    clear: function () {\n      this.active.group = \"\";\n      this.active.regionPath = undefined;\n      this.hover.group = \"\";\n      this.hover.regionPath = undefined;\n      this.$refs.regionTree.updateKeyChildren( \"__r/\", []);\n      this.treeData[0].children.length = 0;\n      this.$emit(\"object-selected\", undefined);\n    },\n    getColour: function (nodeData) {\n      //Do not need to check for primitives as this is checked on the template\n      if (nodeData) {\n        const targetObjects = this.getZincObjectsFromNode(nodeData, false);\n        let graphic = targetObjects[0];\n        if (graphic) {\n          let hex = graphic.getColourHex();\n          if (hex) return \"#\" + hex;\n        }\n      }\n      return \"#FFFFFF\";\n    },\n    getZincObjectsFromNode: function(node, transverse) {\n      const rootRegion = this.$module.scene.getRootRegion();\n      return findObjectsWithNames(rootRegion, node.label,\n        node.regionPath, transverse);\n    },\n    //Set this right at the beginning.\n    setModule: function (moduleIn) {\n      this.$module = moduleIn;\n      this.$module.primitiveData.geometries.forEach(zincObject => {\n        this.zincObjectAdded(zincObject);\n      });\n      this.$module.primitiveData.lines.forEach(zincObject => {\n        this.zincObjectAdded(zincObject);\n      });\n      this.$module.primitiveData.glyphsets.forEach(zincObject => {\n        this.zincObjectAdded(zincObject);\n      });\n      this.$module.primitiveData.pointsets.forEach(zincObject => {\n        this.zincObjectAdded(zincObject);\n      });\n      this.$module.addOrganPartAddedCallback(this.zincObjectAdded);\n      this.__nodeNumbers = 1;\n    },\n    setColour: function (nodeData, value) {\n      if (nodeData && nodeData.isPrimitives) {\n        const targetObjects = this.getZincObjectsFromNode(nodeData, false);\n        targetObjects.forEach(primitive => {\n          let hexString = value.replace(\"#\", \"0x\");\n          primitive.setColourHex(hexString);\n        });\n      }\n    },\n    viewAll: function () {\n      this.$module.viewAll();\n    },\n    visibilityToggle: function (item, event) {\n      this.$module.changeOrganPartsVisibility(item, event);\n      if (event == false) {\n        if (this.activeRegion === item) {\n          this.removeActive(true);\n        }\n        if (this.hoverRegion === item) {\n          this.removeHover(true);\n        }\n      }\n    },\n    toggleDrawer: function () {\n      this.drawerOpen = !this.drawerOpen;\n      this.$emit(\"drawer-toggled\", this.drawerOpen);\n    },\n    setTreeVisibility: function(node, list) {\n      let flag = false;\n      if (list.includes(node.id)) flag = true;\n      const region = this.$module.scene.getRootRegion().findChildFromPath(node.regionPath);\n      if (node.isRegion)\n        region.setVisibility(flag);\n      if (node.isPrimitives) {\n        const primitives = region.findObjectsWithGroupName(node.label);\n        primitives.forEach(primitive => primitive.setVisibility(flag))\n      }\n      if (node.children)\n        node.children.forEach(child => this.setTreeVisibility(child, list));\n    },\n    checkAllKeys: function () {\n      const keysList = [];\n      extractAllIds(this.treeData[0], keysList);\n      this.setTreeVisibility(this.treeData[0], keysList);\n      this.$refs.regionTree.setCheckedKeys(keysList);\n    },\n    getState: function () {\n      let checkedItems = this.$refs.regionTree.getCheckedKeys();\n      if (checkedItems.length === this.__nodeNumbers)\n        return { checkAll: true, version: \"2.0\" };\n      return { checkedItems: checkedItems, version: \"2.0\" };\n    },\n    setState: function (state) {\n      if (state) {\n        if (state.checkAll) {\n          this.checkAllKeys(); \n        } else if (state.checkedItems) {\n          let list = [];\n          if (state.version !== \"2.0\") {\n            list = state.checkedItems.map(item => \"/\" + item);\n            list.shift(\"__r/\");\n          } else {\n            list.push(...state.checkedItems);\n          }\n          this.setTreeVisibility(this.treeData[0], list);\n          this.$refs.regionTree.setCheckedKeys(list);\n        }\n      }\n    },\n  },\n};\n</script>\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/checkbox\";\n@import \"~element-ui/packages/theme-chalk/src/color-picker\";\n@import \"~element-ui/packages/theme-chalk/src/row\";\n@import \"~element-ui/packages/theme-chalk/src/tree\";\n\n.checkbox-container {\n  display: flex;\n  cursor: pointer;\n}\n\n.tree-controls {\n  position: absolute;\n  bottom: 0px;\n  transition: all 1s ease;\n\n  &:focus {\n    outline: none;\n  }\n  &.open {\n    left: 0px;\n    .traditional-container {\n      opacity: 1;\n    }\n  }\n  &.close {\n    left: -298px;\n    .traditional-container {\n      pointer-events: none;\n      opacity: 0;\n    }\n  }\n}\n\n.traditional-container {\n  transition: all 1s ease;\n  float: left;\n  padding-left: 16px;\n  padding-right: 18px;\n  max-height: calc(100% - 154px);\n  text-align: left;\n  overflow: none;\n  border: 1px solid rgb(220, 223, 230);\n  padding-top: 7px;\n  padding-bottom: 16px;\n  background: #ffffff;\n}\n\n.regions-display-text {\n  width: 59px;\n  height: 20px;\n  color: rgb(48, 49, 51);\n  font-size: 14px;\n  font-weight: normal;\n  line-height: 20px;\n  margin-left: 8px;\n}\n\n.all-checkbox {\n  float: right;\n}\n\n.tree-container {\n  width: 260px;\n  border: 1px solid rgb(144, 147, 153);\n  border-radius: 4px;\n  background: #ffffff;\n  margin-top: 6px;\n  scrollbar-width: thin;\n\n  ::v-deep .el-tree {\n    max-height: 240px;\n    min-height: 130px;\n    overflow: auto;\n    &::-webkit-scrollbar {\n      width: 4px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 10px;\n      box-shadow: inset 0 0 6px #c0c4cc;\n    }\n  }\n\n  ::v-deep .el-tree-node__content {\n    height: 22px;\n  }\n}\n\n::v-deep .el-checkbox__input {\n  &.is-indeterminate,\n  &.is-checked {\n    .el-checkbox__inner {\n      background-color: $app-primary-color;\n      border-color: $app-primary-color;\n    }\n  }\n}\n\n::v-deep .el-color-picker__color {\n  border: 1px solid $app-primary-color;\n}\n\n::v-deep .el-checkbox__label {\n  padding-left: 5px;\n  color: $app-primary-color !important;\n  font-size: 12px;\n  font-weight: 500;\n  letter-spacing: 0px;\n  line-height: 14px;\n}\n\n.activeItem {\n  background-color: #bbb !important;\n}\n\n.region-tree-node {\n  flex: 1;\n  color: $app-primary-color !important;\n  display: flex;\n  font-size: 12px;\n  line-height: 14px;\n  padding-left: 0px;\n  background-color: #fff;\n  width: 100%;\n\n  ::v-deep .el-color-picker {\n    height: 14px !important;\n  }\n\n  ::v-deep .el-color-picker__trigger {\n    margin-left: 8px;\n    margin-right: 8px;\n    padding: 0px;\n    height: 14px;\n    width: 14px;\n    border: 0px;\n  }\n}\n\n.hoverItem {\n  background-color: #eee !important;\n}\n\n::v-deep .el-color-picker__icon {\n  &.el-icon-arrow-down {\n    display: none;\n  }\n}\n\n::v-deep .show-picker {\n  .el-color-picker__icon {\n    &.el-icon-arrow-down {\n      display: block;\n    }\n  }\n}\n\n::v-deep .my-drawer {\n  background: rgba(0, 0, 0, 0);\n  box-shadow: none;\n}\n\n.drawer {\n  ::v-deep .el-drawer:focus {\n    outline: none;\n  }\n}\n\n.open-drawer {\n  width: 20px;\n  height: 40px;\n  z-index: 8;\n  position: absolute;\n  left: 0px;\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);\n  border: solid 1px #e4e7ed;\n  background-color: #f7faff;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.drawer-button {\n  float: left;\n  width: 20px;\n  height: 40px;\n  z-index: 8;\n  margin-top: calc(50% - 52px);\n  border: solid 1px $app-primary-color;\n  background-color: #F9F2FC;\n  text-align: center;\n  vertical-align: middle;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.drawer-button {\n  i {\n    font-weight:600;\n    margin-top: 12px;\n    color: $app-primary-color;\n    transition-delay: 0.9s;\n  }\n  &.open {\n    i {\n      transform: rotate(0deg) scaleY(2);\n    }\n  }\n  &.close {\n    i {\n      transform: rotate(180deg) scaleY(2);\n    }\n  }\n}\n\n.drawer-button.open i {\n  transform: rotate(0deg) scaleY(2.5);\n}\n\n.drawer-button.close i {\n  transform: rotate(180deg) scaleY(2.5);\n}\n</style>\n\n<style>\n.hide-scaffold-colour-popup {\n  display: none;\n}\n</style>\n\n"]}]}