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