{"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/flatmapvuer/src/components/FlatmapVuer.vue?vue&type=script&lang=js&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/@abi-software/flatmapvuer/src/components/FlatmapVuer.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/thread-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/babel-loader/lib/index.js","mtime":456789000000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQovKiBlc2xpbnQtZGlzYWJsZSBuby1hbGVydCwgbm8tY29uc29sZSAqLw0KaW1wb3J0IFZ1ZSBmcm9tICJ2dWUiOw0KaW1wb3J0IFRvb2x0aXAgZnJvbSAiLi9Ub29sdGlwIjsNCmltcG9ydCBTZWxlY3Rpb25zR3JvdXAgZnJvbSAiLi9TZWxlY3Rpb25zR3JvdXAudnVlIjsNCmltcG9ydCB7IE1hcFN2Z0ljb24sIE1hcFN2Z1Nwcml0ZUNvbG9yIH0gZnJvbSAiQGFiaS1zb2Z0d2FyZS9zdmctc3ByaXRlIjsNCmltcG9ydCBTdmdMZWdlbmRzIGZyb20gIi4vbGVnZW5kcy9TdmdMZWdlbmRzIjsNCmltcG9ydCB7DQogIENvbCwNCiAgTG9hZGluZywNCiAgUmFkaW8sDQogIFJhZGlvR3JvdXAsDQogIFJvdw0KfSBmcm9tICJlbGVtZW50LXVpIjsNCmltcG9ydCBsYW5nIGZyb20gImVsZW1lbnQtdWkvbGliL2xvY2FsZS9sYW5nL2VuIjsNCmltcG9ydCBsb2NhbGUgZnJvbSAiZWxlbWVudC11aS9saWIvbG9jYWxlIjsNCmltcG9ydCBmbGF0bWFwTWFya2VyIGZyb20gIi4uL2ljb25zL2ZsYXRtYXAtbWFya2VyIjsNCmltcG9ydCB7RmxhdG1hcFF1ZXJpZXN9IGZyb20gIi4uL3NlcnZpY2VzL2ZsYXRtYXBRdWVyaWVzLmpzIjsNCg0KbG9jYWxlLnVzZShsYW5nKTsNClZ1ZS51c2UoQ29sKTsNClZ1ZS51c2UoTG9hZGluZy5kaXJlY3RpdmUpOw0KVnVlLnVzZShSYWRpbyk7DQpWdWUudXNlKFJhZGlvR3JvdXApOw0KVnVlLnVzZShSb3cpOw0KY29uc3QgUmVzaXplU2Vuc29yID0gcmVxdWlyZSgiY3NzLWVsZW1lbnQtcXVlcmllcy9zcmMvUmVzaXplU2Vuc29yIik7DQoNCmNvbnN0IGNyZWF0ZVVuZmlsbGVkVG9vbHRpcERhdGEgPSBmdW5jdGlvbiAoKXsNCiAgcmV0dXJuIHsNCiAgICBkZXN0aW5hdGlvbnM6IFtdLA0KICAgIG9yaWdpbnM6IFtdLA0KICAgIGNvbXBvbmVudHM6IFtdLA0KICAgIGRlc3RpbmF0aW9uc1dpdGhEYXRhc2V0czogW10sDQogICAgb3JpZ2luc1dpdGhEYXRhc2V0czogW10sDQogICAgY29tcG9uZW50c1dpdGhEYXRhc2V0czogW10sDQogICAgcmVzb3VyY2U6IHVuZGVmaW5lZA0KICB9DQp9DQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIkZsYXRtYXBWdWVyIiwNCiAgY29tcG9uZW50czogew0KICAgIE1hcFN2Z0ljb24sDQogICAgTWFwU3ZnU3ByaXRlQ29sb3IsDQogICAgVG9vbHRpcCwNCiAgICBTZWxlY3Rpb25zR3JvdXAsDQogICAgU3ZnTGVnZW5kcw0KICB9LA0KICBiZWZvcmVDcmVhdGU6IGZ1bmN0aW9uKCkgew0KICAgIHRoaXMubWFwTWFuYWdlciA9IHVuZGVmaW5lZDsNCiAgICB0aGlzLm1hcEltcCA9IHVuZGVmaW5lZDsNCiAgICAvL1RoZSBzdGF0ZSB3YXRjaGVyIG1heSB0cmlnZ2VyZWQgYmVmb3JlDQogICAgLy9jcmVhdGVkIGNhdXNpbmcgaXNzdWUsIFRoaXMgZmxhZyB3aWxsDQogICAgLy9yZXNvbHZlIHRoaXMgaXNzdWUuDQogICAgdGhpcy5zZXRTdGF0ZVJlcXVpcmVkID0gZmFsc2U7DQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICB2aWV3TGF0ZXN0TWFwOiBmdW5jdGlvbigpIHsNCiAgICAgIGxldCBiaW9sb2dpY2FsU2V4ID0gdGhpcy5iaW9sb2dpY2FsU2V4ID8gdGhpcy5iaW9sb2dpY2FsU2V4IDogdW5kZWZpbmVkOw0KICAgICAgLy9IdW1hbiByZXF1aXJlcyBzcGVjaWFsIGhhbmRsaW5nDQogICAgICBpZiAodGhpcy5lbnRyeSA9PT0gIk5DQklUYXhvbjo5NjA2Iikgew0KICAgICAgICBiaW9sb2dpY2FsU2V4ID0gIlBBVE86MDAwMDM4NCI7DQogICAgICB9DQogICAgICBjb25zdCBzdGF0ZSA9IHsNCiAgICAgICAgZW50cnk6IHRoaXMuZW50cnksDQogICAgICAgIGJpb2xvZ2ljYWxTZXgsDQogICAgICAgIHZpZXdwb3J0OiB0aGlzLm1hcEltcC5nZXRTdGF0ZSgpDQogICAgICB9Ow0KICAgICAgdGhpcy4kZW1pdCgidmlldy1sYXRlc3QtbWFwIiwgc3RhdGUpOw0KICAgIH0sDQogICAgYmFja2dyb3VuZENoYW5nZUNhbGxiYWNrOiBmdW5jdGlvbihjb2xvdXIpIHsNCiAgICAgIHRoaXMuY3VycmVudEJhY2tncm91bmQgPSBjb2xvdXI7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgdGhpcy5tYXBJbXAuc2V0QmFja2dyb3VuZENvbG91cih0aGlzLmN1cnJlbnRCYWNrZ3JvdW5kLCAxKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHRvZ2dsZURyYXdlcjogZnVuY3Rpb24oKSB7DQogICAgICB0aGlzLmRyYXdlck9wZW4gPSAhdGhpcy5kcmF3ZXJPcGVuOw0KICAgIH0sDQogICAgLyoqDQogICAgICogRnVuY3Rpb24gdG8gdG9nZ2xlIGNvbG91ci9ncmV5c2NhbGUgb2Ygb3JnYW5zLg0KICAgICAqLw0KICAgIHNldENvbG91cjogZnVuY3Rpb24oZmxhZykgew0KICAgICAgdGhpcy5jb2xvdXJSYWRpbyA9IGZsYWc7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgdGhpcy5tYXBJbXAuc2V0Q29sb3VyKHsgY29sb3VyOiBmbGFnLCBvdXRsaW5lOiB0aGlzLm91dGxpbmVzUmFkaW8gfSk7DQogICAgICB9DQogICAgfSwNCiAgICAvKioNCiAgICAgKiBGdW5jdGlvbiB0byB0b2dnbGUgb3V0bGluZXMgZiBvcmdhbnMuDQogICAgICovDQogICAgc2V0T3V0bGluZXM6IGZ1bmN0aW9uKGZsYWcpIHsNCiAgICAgIHRoaXMub3V0bGluZVJhZGlvID0gZmxhZzsNCiAgICAgIGlmICh0aGlzLm1hcEltcCkgew0KICAgICAgICB0aGlzLm1hcEltcC5zZXRDb2xvdXIoeyBjb2xvdXI6IHRoaXMuY29sb3VyUmFkaW8sIG91dGxpbmU6IGZsYWcgfSk7DQogICAgICB9DQogICAgfSwNCiAgICAvKioNCiAgICAgKiBGdW5jdGlvbiB0byB0b2dnbGUgcGF0aHMgdG8gZGVmYXVsdC4NCiAgICAgKiBBbHNvIGNhbGxlZCB3aGVuIHRoZSBhc3NvY2lhdGVkIGJ1dHRvbiBpcyBwcmVzc2VkLg0KICAgICAqLw0KICAgIHJlc2V0VmlldzogZnVuY3Rpb24oKSB7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgdGhpcy5tYXBJbXAucmVzZXRNYXAoKTsNCiAgICAgICAgaWYgKHRoaXMuJHJlZnMuY2VudHJlbGluZXNTZWxlY3Rpb24pIHsNCiAgICAgICAgICB0aGlzLiRyZWZzLmNlbnRyZWxpbmVzU2VsZWN0aW9uLnJlc2V0KCk7DQogICAgICAgIH0NCiAgICAgICAgaWYgKHRoaXMuJHJlZnMuc2tjYW5TZWxlY3Rpb24pIHsNCiAgICAgICAgICB0aGlzLiRyZWZzLnNrY2FuU2VsZWN0aW9uLnJlc2V0KCk7DQogICAgICAgIH0NCiAgICAgICAgaWYgKHRoaXMuJHJlZnMubGF5ZXJzU2VsZWN0aW9uKSB7DQogICAgICAgICAgdGhpcy4kcmVmcy5sYXllcnNTZWxlY3Rpb24ucmVzZXQoKTsNCiAgICAgICAgfQ0KICAgICAgICBpZiAodGhpcy4kcmVmcy5zeXN0ZW1zU2VsZWN0aW9uKSB7DQogICAgICAgICAgdGhpcy4kcmVmcy5wYXRod2F5c1NlbGVjdGlvbi5yZXNldCgpOw0KICAgICAgICB9DQogICAgICAgIGlmICh0aGlzLiRyZWZzLnBhdGh3YXlzU2VsZWN0aW9uKSB7DQogICAgICAgICAgdGhpcy4kcmVmcy5wYXRod2F5c1NlbGVjdGlvbi5yZXNldCgpOw0KICAgICAgICB9DQogICAgICB9DQogICAgfSwNCiAgICAvKioNCiAgICAgKiBGdW5jdGlvbiB0byB6b29tIGluLg0KICAgICAqIEFsc28gY2FsbGVkIHdoZW4gdGhlIGFzc29jaWF0ZWQgYnV0dG9uIGlzIHByZXNzZWQuDQogICAgICovDQogICAgem9vbUluOiBmdW5jdGlvbigpIHsNCiAgICAgIGlmICh0aGlzLm1hcEltcCkgew0KICAgICAgICB0aGlzLm1hcEltcC56b29tSW4oKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIC8qKg0KICAgICAqIEZ1bmN0aW9uIHRvIHpvb20gb3V0Lg0KICAgICAqIEFsc28gY2FsbGVkIHdoZW4gdGhlIGFzc29jaWF0ZWQgYnV0dG9uIGlzIHByZXNzZWQuDQogICAgICovDQogICAgem9vbU91dDogZnVuY3Rpb24oKSB7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgdGhpcy5tYXBJbXAuem9vbU91dCgpOw0KICAgICAgfQ0KICAgIH0sDQogICAgY2VudHJlTGluZXNTZWxlY3RlZDogZnVuY3Rpb24ocGF5bG9hZCkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIHRoaXMubWFwSW1wLmVuYWJsZUNlbnRyZWxpbmVzKHBheWxvYWQudmFsdWUpOw0KICAgICAgfQ0KICAgIH0sDQogICAgc2NrYW5TZWxlY3RlZDogZnVuY3Rpb24ocGF5bG9hZCkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIHRoaXMubWFwSW1wLmVuYWJsZVNja2FuUGF0aChwYXlsb2FkLmtleSwgcGF5bG9hZC52YWx1ZSk7DQogICAgICB9DQogICAgfSwNCiAgICBjaGVja0FsbFNDS0FOOiBmdW5jdGlvbihwYXlsb2FkKSB7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgcGF5bG9hZC5rZXlzLmZvckVhY2goa2V5ID0+IHRoaXMubWFwSW1wLmVuYWJsZVNja2FuUGF0aChrZXksIHBheWxvYWQudmFsdWUpKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHN5c3RlbVNlbGVjdGVkOiBmdW5jdGlvbihwYXlsb2FkKSB7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgdGhpcy5tYXBJbXAuZW5hYmxlU3lzdGVtKHBheWxvYWQua2V5LCBwYXlsb2FkLnZhbHVlKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGNoZWNrQWxsU3lzdGVtczogZnVuY3Rpb24ocGF5bG9hZCkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIHBheWxvYWQua2V5cy5mb3JFYWNoKGtleSA9PiB0aGlzLm1hcEltcC5lbmFibGVTeXN0ZW0oa2V5LCBwYXlsb2FkLnZhbHVlKSk7DQogICAgICB9DQogICAgfSwNCiAgICBsYXllcnNTZWxlY3RlZDogZnVuY3Rpb24ocGF5bG9hZCkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIHRoaXMubWFwSW1wLmVuYWJsZUxheWVyKHBheWxvYWQua2V5LCBwYXlsb2FkLnZhbHVlKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGNoZWNrQWxsTGF5ZXJzOiBmdW5jdGlvbihwYXlsb2FkKSB7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgcGF5bG9hZC5rZXlzLmZvckVhY2goa2V5ID0+IHRoaXMubWFwSW1wLmVuYWJsZUxheWVyKGtleSwgcGF5bG9hZC52YWx1ZSkpOw0KICAgICAgfQ0KICAgIH0sDQogICAgcGF0aHdheXNTZWxlY3RlZDogZnVuY3Rpb24ocGF5bG9hZCkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIHRoaXMubWFwSW1wLmVuYWJsZVBhdGgocGF5bG9hZC5rZXksIHBheWxvYWQudmFsdWUpOw0KICAgICAgfQ0KICAgIH0sDQogICAgY2hlY2tBbGxQYXRod2F5czogZnVuY3Rpb24ocGF5bG9hZCkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIHBheWxvYWQua2V5cy5mb3JFYWNoKGtleSA9PiB0aGlzLm1hcEltcC5lbmFibGVQYXRoKGtleSwgcGF5bG9hZC52YWx1ZSkpOw0KICAgICAgfQ0KICAgIH0sDQogICAgZW5hYmxlUGFuWm9vbUV2ZW50czogZnVuY3Rpb24oZmxhZykgew0KICAgICAgdGhpcy5tYXBJbXAuZW5hYmxlUGFuWm9vbUV2ZW50cyhmbGFnKTsNCiAgICB9LA0KICAgIGV2ZW50Q2FsbGJhY2s6IGZ1bmN0aW9uKCkgew0KICAgICAgcmV0dXJuIChldmVudFR5cGUsIGRhdGEsIC4uLmFyZ3MpID0+IHsNCiAgICAgICAgaWYgKGV2ZW50VHlwZSAhPT0gInBhbi16b29tIikgew0KICAgICAgICAgIGNvbnN0IGxhYmVsID0gZGF0YS5sYWJlbDsNCiAgICAgICAgICBjb25zdCByZXNvdXJjZSA9IFtkYXRhLm1vZGVsc107DQogICAgICAgICAgY29uc3QgdGF4b25vbXkgPSB0aGlzLmVudHJ5Ow0KICAgICAgICAgIGNvbnN0IGJpb2xvZ2ljYWxTZXggPSB0aGlzLmJpb2xvZ2ljYWxTZXg7DQogICAgICAgICAgY29uc3QgcGF5bG9hZCA9IHsNCiAgICAgICAgICAgIGRhdGFzZXQ6IGRhdGEuZGF0YXNldCwNCiAgICAgICAgICAgIGJpb2xvZ2ljYWxTZXg6IGJpb2xvZ2ljYWxTZXgsDQogICAgICAgICAgICB0YXhvbm9teTogdGF4b25vbXksDQogICAgICAgICAgICByZXNvdXJjZTogcmVzb3VyY2UsDQogICAgICAgICAgICBsYWJlbDogbGFiZWwsDQogICAgICAgICAgICBmZWF0dXJlOiBkYXRhLA0KICAgICAgICAgICAgdXNlckRhdGE6IGFyZ3MsDQogICAgICAgICAgICBldmVudFR5cGU6IGV2ZW50VHlwZQ0KICAgICAgICAgIH07DQogICAgICAgICAgaWYgKGRhdGEgJiYgZGF0YS50eXBlICE9PSAibWFya2VyIiAmJiBldmVudFR5cGUgPT09ICJjbGljayIpew0KICAgICAgICAgICAgdGhpcy5jaGVja0FuZENyZWF0ZVBvcHVwcyhwYXlsb2FkKTsNCiAgICAgICAgICB9DQogICAgICAgICAgdGhpcy4kZW1pdCgicmVzb3VyY2Utc2VsZWN0ZWQiLCBwYXlsb2FkKTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB0aGlzLiRlbWl0KCJwYW4tem9vbS1jYWxsYmFjayIsIGRhdGEpOw0KICAgICAgICB9DQogICAgICB9Ow0KICAgIH0sDQogICAgLy8gY2hlY2tOZXVyb25DbGlja2VkIHNob3dzIGEgbmV1cm9uIHBhdGggcG9wIHVwIGlmIGEgcGF0aCB3YXMgcmVjZW50bHkgY2xpY2tlZA0KICAgIGNoZWNrQW5kQ3JlYXRlUG9wdXBzOiAgYXN5bmMgZnVuY3Rpb24oZGF0YSkgew0KICAgICAgLy8gQ2FsbCBmbGF0bWFwIGRhdGFiYXNlIHRvIGdldCB0aGUgY29ubmVjdGlvbiBkYXRhDQogICAgICBsZXQgcmVzdWx0cyA9IGF3YWl0IHRoaXMuZmxhdG1hcFF1ZXJpZXMucmV0cmlldmVGbGF0bWFwS25vd2xlZGdlRm9yRXZlbnQoZGF0YSkNCiAgICAgIGlmKCFyZXN1bHRzKXsNCiAgICAgICAgaWYoZGF0YS5mZWF0dXJlLmh5cGVybGlua3MgJiYgZGF0YS5mZWF0dXJlLmh5cGVybGlua3MubGVuZ3RoID4gMCl7DQogICAgICAgICAgdGhpcy5yZXNvdXJjZUZvclRvb2x0aXAgPSAgZGF0YS5yZXNvdXJjZVswXTsNCiAgICAgICAgICB0aGlzLmNyZWF0ZVRvb2x0aXBGcm9tTmV1cm9uQ3VyYXRpb24oZGF0YSk7DQogICAgICAgIH0NCiAgICAgIH0gZWxzZSB7DQogICAgICAgIHRoaXMucmVzb3VyY2VGb3JUb29sdGlwID0gIGRhdGEucmVzb3VyY2VbMF07DQogICAgICAgIHRoaXMuY3JlYXRlVG9vbHRpcEZyb21OZXVyb25DdXJhdGlvbihkYXRhKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHBvcFVwQ3NzSGFja3M6IGZ1bmN0aW9uKCkgew0KICAgICAgLy8gQmVsb3cgaXMgYSBoYWNrIHRvIHJlbW92ZSBmbGF0bWFwIHRvb2x0aXBzIHdoaWxlIHBvcHVwIGlzIG9wZW4NCiAgICAgIGxldCBmdG9vbHRpcCA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIi5mbGF0bWFwLXRvb2x0aXAtcG9wdXAiKTsNCiAgICAgIGlmIChmdG9vbHRpcCkgZnRvb2x0aXAuc3R5bGUuZGlzcGxheSA9ICJub25lIjsNCiAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIi5tYXBib3hnbC1wb3B1cC1jbG9zZS1idXR0b24iKS5zdHlsZS5kaXNwbGF5ID0NCiAgICAgICAgImJsb2NrIjsNCiAgICAgIHRoaXMuJHJlZnMudG9vbHRpcC4kZWwuc3R5bGUuZGlzcGxheSA9ICJmbGV4IjsNCiAgICAgIGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3IoIi5tYXBib3hnbC1wb3B1cC1jbG9zZS1idXR0b24iKS5vbmNsaWNrID0gKCkgPT4gew0KICAgICAgICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCIuZmxhdG1hcC10b29sdGlwLXBvcHVwIikuc3R5bGUuZGlzcGxheSA9DQogICAgICAgICAgImJsb2NrIjsNCiAgICAgIH07DQogICAgfSwNCiAgICByZXNvdXJjZVNlbGVjdGVkOiBmdW5jdGlvbihhY3Rpb24pIHsNCiAgICAgIHRoaXMuJGVtaXQoInJlc291cmNlLXNlbGVjdGVkIiwgYWN0aW9uKTsNCiAgICB9LA0KICAgIGNyZWF0ZVRvb2x0aXBGcm9tTmV1cm9uQ3VyYXRpb246IGZ1bmN0aW9uKGRhdGEpIHsNCiAgICAgIHRoaXMudG9vbHRpcEVudHJ5ID0gdGhpcy5mbGF0bWFwUXVlcmllcy5jcmVhdGVUb29sdGlwRGF0YShkYXRhKTsNCiAgICAgIHRoaXMuZGlzcGxheVRvb2x0aXAoKTsNCiAgICB9LA0KICAgIC8vIEtlZXBpbmcgdGhpcyBhcyBhbiBBUEkNCiAgICBzaG93UG9wdXA6IGZ1bmN0aW9uKGZlYXR1cmVJZCwgbm9kZSwgb3B0aW9ucykgew0KICAgICAgbGV0IG15T3B0aW9ucyA9IG9wdGlvbnM7DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgaWYgKG15T3B0aW9ucykgew0KICAgICAgICAgIGlmICghbXlPcHRpb25zLmNsYXNzTmFtZSkgbXlPcHRpb25zLmNsYXNzTmFtZSA9ICJjdXN0b20tcG9wdXAiOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIG15T3B0aW9ucyA9IHsgY2xhc3NOYW1lOiAiY3VzdG9tLXBvcHVwIiwgcG9zaXRpb25BdExhc3RDbGljazogdHJ1ZSB9Ow0KICAgICAgICB9DQogICAgICAgIHRoaXMubWFwSW1wLnNob3dQb3B1cChmZWF0dXJlSWQsIG5vZGUsIG15T3B0aW9ucyk7DQogICAgICB9DQogICAgfSwNCiAgICBzaG93TWFya2VyUG9wdXA6IGZ1bmN0aW9uKGZlYXR1cmVJZCwgbm9kZSwgb3B0aW9ucykgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIHRoaXMubWFwSW1wLnNob3dNYXJrZXJQb3B1cChmZWF0dXJlSWQsIG5vZGUsIG9wdGlvbnMpOw0KICAgICAgfQ0KICAgIH0sDQogICAgY2xvc2VNaW5pbWFwOiBmdW5jdGlvbigpew0KICAgICAgbGV0IG1pbmltYXBFbCA9IHRoaXMuJHJlZnMuZmxhdG1hcENvbnRhaW5lci5xdWVyeVNlbGVjdG9yKCcubWFwbGlicmVnbC1jdHJsLW1pbmltYXAnKTsgLy8gZmluZCBtaW5pbWFwDQogICAgICBpZiAodGhpcy5taW5pbWFwU21hbGwpIHsgLy9zd2l0Y2ggdGhlIGNsYXNzZXMgb24gdGhlIG1pbmltYXANCiAgICAgICAgbWluaW1hcEVsLmNsYXNzTGlzdC5hZGQoJ2VubGFyZ2UnKTsNCiAgICAgICAgbWluaW1hcEVsLmNsYXNzTGlzdC5yZW1vdmUoJ3NocmluaycpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgbWluaW1hcEVsLmNsYXNzTGlzdC5hZGQoJ3NocmluaycpOw0KICAgICAgICBtaW5pbWFwRWwuY2xhc3NMaXN0LnJlbW92ZSgnZW5sYXJnZScpOw0KICAgICAgfQ0KICAgICAgdGhpcy5taW5pbWFwU21hbGwgPSAhdGhpcy5taW5pbWFwU21hbGw7DQogICAgfSwNCiAgICBhZGRSZXNpemVCdXR0b25Ub01pbmltYXA6IGZ1bmN0aW9uKCl7DQogICAgICBsZXQgbWluaW1hcEVsID0gdGhpcy4kcmVmcy5mbGF0bWFwQ29udGFpbmVyLnF1ZXJ5U2VsZWN0b3IoJy5tYXBsaWJyZWdsLWN0cmwtbWluaW1hcCcpOw0KICAgICAgaWYgKG1pbmltYXBFbCl7DQogICAgICAgIHRoaXMuJHJlZnMubWluaW1hcFJlc2l6ZS5wYXJlbnROb2RlLnJlbW92ZUNoaWxkKHRoaXMuJHJlZnMubWluaW1hcFJlc2l6ZSk7DQogICAgICAgIG1pbmltYXBFbC5hcHBlbmRDaGlsZCh0aGlzLiRyZWZzLm1pbmltYXBSZXNpemUpOw0KICAgICAgICB0aGlzLm1pbmltYXBSZXNpemVTaG93ID0gdHJ1ZTsNCiAgICAgIH0NCiAgICB9LA0KICAgIHNldEhlbHBNb2RlOiBmdW5jdGlvbihoZWxwTW9kZSkgew0KICAgICAgaWYgKGhlbHBNb2RlKSB7DQogICAgICAgIHRoaXMuaW5IZWxwID0gdHJ1ZTsNCiAgICAgICAgdGhpcy5ob3ZlclZpc2liaWxpdGllcy5mb3JFYWNoKGl0ZW0gPT4gew0KICAgICAgICAgIGl0ZW0udmFsdWUgPSB0cnVlOw0KICAgICAgICB9KTsNCiAgICAgICAgdGhpcy5vcGVuRmxhdG1hcEhlbHBQb3B1cCgpOw0KICAgICAgfSBlbHNlIHsNCiAgICAgICAgdGhpcy5pbkhlbHAgPSBmYWxzZTsNCiAgICAgICAgdGhpcy5ob3ZlclZpc2liaWxpdGllcy5mb3JFYWNoKGl0ZW0gPT4gew0KICAgICAgICAgIGl0ZW0udmFsdWUgPSBmYWxzZTsNCiAgICAgICAgfSk7DQogICAgICAgIHRoaXMuY2xvc2VGbGF0bWFwSGVscFBvcHVwKCk7DQogICAgICB9DQogICAgfSwNCiAgICBzaG93VG9vbGl0aXA6IGZ1bmN0aW9uKHRvb2x0aXBOdW1iZXIpIHsNCiAgICAgIGlmICghdGhpcy5pbkhlbHApIHsNCiAgICAgICAgdGhpcy50b29sdGlwV2FpdCA9IHNldFRpbWVvdXQoKCkgPT4gew0KICAgICAgICAgIHRoaXMuaG92ZXJWaXNpYmlsaXRpZXNbdG9vbHRpcE51bWJlcl0udmFsdWUgPSB0cnVlOw0KICAgICAgICB9LCA1MDApOw0KICAgICAgfQ0KICAgIH0sDQogICAgaGlkZVRvb2xpdGlwOiBmdW5jdGlvbih0b29sdGlwTnVtYmVyKSB7DQogICAgICBpZiAoIXRoaXMuaW5IZWxwKSB7DQogICAgICAgIHRoaXMuaG92ZXJWaXNpYmlsaXRpZXNbdG9vbHRpcE51bWJlcl0udmFsdWUgPSBmYWxzZTsNCiAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMudG9vbHRpcFdhaXQpOw0KICAgICAgfQ0KICAgIH0sDQogICAgZGlzcGxheVRvb2x0aXA6IGZ1bmN0aW9uKCkgew0KICAgICAgdGhpcy5tYXBJbXAuc2hvd1BvcHVwKA0KICAgICAgICB0aGlzLm1hcEltcC5tb2RlbEZlYXR1cmVJZHModGhpcy5yZXNvdXJjZUZvclRvb2x0aXApWzBdLA0KICAgICAgICB0aGlzLiRyZWZzLnRvb2x0aXAuJGVsLA0KICAgICAgICB7IGNsYXNzTmFtZTogImZsYXRtYXB2dWVyLXBvcG92ZXIiLCBwb3NpdGlvbkF0TGFzdENsaWNrOiB0cnVlIH0NCiAgICAgICk7DQogICAgICB0aGlzLnBvcFVwQ3NzSGFja3MoKTsNCiAgICB9LA0KICAgIG9wZW5GbGF0bWFwSGVscFBvcHVwOiBmdW5jdGlvbigpIHsNCiAgICAgIGlmICh0aGlzLm1hcEltcCkgew0KICAgICAgICBsZXQgaGVhcnRJZCA9IHRoaXMubWFwSW1wLmZlYXR1cmVJZHNGb3JNb2RlbCgiVUJFUk9OOjAwMDA5NDgiKVswXTsNCiAgICAgICAgY29uc3QgZWxtID0gIkNsaWNrIGZvciBtb3JlIGluZm9ybWF0aW9uIjsNCiAgICAgICAgdGhpcy5tYXBJbXAuc2hvd1BvcHVwKGhlYXJ0SWQsIGVsbSwgew0KICAgICAgICAgIGFuY2hvcjogInRvcCIsDQogICAgICAgICAgY2xhc3NOYW1lOiAiZmxhdG1hcC1wb3B1cC1wb3BwZXIiDQogICAgICAgIH0pOw0KICAgICAgfQ0KICAgIH0sDQogICAgY2xvc2VGbGF0bWFwSGVscFBvcHVwOiBmdW5jdGlvbigpIHsNCiAgICAgIHRoaXMuJGVsDQogICAgICAgIC5xdWVyeVNlbGVjdG9yQWxsKCIubWFwYm94Z2wtcG9wdXAtY2xvc2UtYnV0dG9uIikNCiAgICAgICAgLmZvckVhY2goaXRlbSA9PiB7DQogICAgICAgICAgaXRlbS5jbGljaygpOw0KICAgICAgICB9KTsNCiAgICB9LA0KICAgIGdldExhYmVsczogZnVuY3Rpb24oKSB7DQogICAgICBsZXQgbGFiZWxzID0gW107DQogICAgICBpZiAodGhpcy5tYXBJbXApIHsNCiAgICAgICAgbGV0IGFubm90YXRpb25zID0gdGhpcy5tYXBJbXAuYW5ub3RhdGlvbnM7DQogICAgICAgIGZvciAobGV0IHZhbHVlIG9mIGFubm90YXRpb25zLnZhbHVlcygpKSB7DQogICAgICAgICAgaWYgKHZhbHVlLmxhYmVsKSBsYWJlbHMucHVzaCh2YWx1ZS5sYWJlbCk7DQogICAgICAgIH0NCiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20obmV3IFNldChsYWJlbHMpKTsNCiAgICAgIH0NCiAgICB9LA0KICAgIGdldFN0YXRlOiBmdW5jdGlvbigpIHsNCiAgICAgIGlmICh0aGlzLm1hcEltcCkgew0KICAgICAgICBsZXQgc3RhdGUgPSB7DQogICAgICAgICAgZW50cnk6IHRoaXMuZW50cnksDQogICAgICAgICAgdmlld3BvcnQ6IHRoaXMubWFwSW1wLmdldFN0YXRlKCkNCiAgICAgICAgfTsNCiAgICAgICAgY29uc3QgaWRlbnRpZmllciA9IHRoaXMubWFwSW1wLmdldElkZW50aWZpZXIoKTsNCiAgICAgICAgaWYgKHRoaXMuYmlvbG9naWNhbFNleCkNCiAgICAgICAgICBzdGF0ZVsnYmlvbG9naWNhbFNleCddID0gdGhpcy5iaW9sb2dpY2FsU2V4Ow0KICAgICAgICBlbHNlIGlmIChpZGVudGlmaWVyICYmIGlkZW50aWZpZXIuYmlvbG9naWNhbFNleCkNCiAgICAgICAgICBzdGF0ZVsnYmlvbG9naWNhbFNleCddID0gaWRlbnRpZmllci5iaW9sb2dpY2FsU2V4Ow0KICAgICAgICBpZiAoaWRlbnRpZmllciAmJiBpZGVudGlmaWVyLnV1aWQpDQogICAgICAgICAgc3RhdGVbJ3V1aWQnXSA9IGlkZW50aWZpZXIudXVpZDsNCiAgICAgICAgcmV0dXJuIHN0YXRlOw0KICAgICAgfQ0KICAgICAgcmV0dXJuIHVuZGVmaW5lZDsNCiAgICB9LA0KICAgIHNldFN0YXRlOiBmdW5jdGlvbihzdGF0ZSkgew0KICAgICAgaWYgKHN0YXRlKSB7DQogICAgICAgIGlmICh0aGlzLm1hcEltcCAmJiANCiAgICAgICAgICAoc3RhdGUuZW50cnkgJiYgKHRoaXMuZW50cnkgPT0gc3RhdGUuZW50cnkpKSAmJg0KICAgICAgICAgICghc3RhdGUuYmlvbG9naWNhbFNleCB8fCAoc3RhdGUuYmlvbG9naWNhbFNleCA9PT0gdGhpcy5iaW9sb2dpY2FsU2V4KSkpIA0KICAgICAgICB7DQogICAgICAgICAgaWYgKHN0YXRlLnZpZXdwb3J0KSB7DQogICAgICAgICAgICB0aGlzLm1hcEltcC5zZXRTdGF0ZShzdGF0ZS52aWV3cG9ydCk7DQogICAgICAgICAgfQ0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIHRoaXMuY3JlYXRlRmxhdG1hcChzdGF0ZSk7DQogICAgICAgIH0NCiAgICAgICAgdGhpcy5zZXRTdGF0ZVJlcXVpcmVkID0gZmFsc2U7DQogICAgICB9DQogICAgfSwNCiAgICByZXN0b3JlTWFwU3RhdGU6IGZ1bmN0aW9uKHN0YXRlKSB7DQogICAgICBpZiAoc3RhdGUpIHsNCiAgICAgICAgaWYgKHN0YXRlLnZpZXdwb3J0KQ0KICAgICAgICAgIHRoaXMubWFwSW1wLnNldFN0YXRlKHN0YXRlLnZpZXdwb3J0KTsNCiAgICAgICAgaWYgKHN0YXRlLnNlYXJjaFRlcm0pDQogICAgICAgICAgdGhpcy5zZWFyY2hBbmRTaG93UmVzdWx0KHN0YXRlLnNlYXJjaFRlcm0sIHRydWUpOw0KICAgICAgfQ0KICAgIH0sDQogICAgY3JlYXRlRmxhdG1hcDogZnVuY3Rpb24oc3RhdGUpIHsNCiAgICAgIGlmICghdGhpcy5tYXBJbXAgJiYgIXRoaXMubG9hZGluZykgew0KICAgICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOw0KICAgICAgICBsZXQgbWluaW1hcCA9IGZhbHNlOw0KICAgICAgICBpZiAodGhpcy5kaXNwbGF5TWluaW1hcCkgew0KICAgICAgICAgIG1pbmltYXAgPSB7IHBvc2l0aW9uOiAidG9wLXJpZ2h0IiB9Ow0KICAgICAgICB9DQoNCiAgICAgICAgLy9BcyBmb3IgZmxhdG1hcC12aWV3ZXJAMi4yLjcsIHNlZSBiZWxvdyBmb3IgdGhlIGRvY3VtZW50YXRpb24gDQogICAgICAgIC8vZm9yIHRoZSBpZGVudGlmaWVyOg0KDQogICAgICAgIC8vQGFyZyBpZGVudGlmaWVyIHtzdHJpbmd8T2JqZWN0fQ0KICAgICAgICAvLyBBIHN0cmluZyBvciBvYmplY3QgaWRlbnRpZnlpbmcgdGhlIG1hcCB0byBsb2FkLiBJZiBhIHN0cmluZyBpdHMNCiAgICAgICAgLy8gdmFsdWUgY2FuIGJlIGVpdGhlciB0aGUgbWFwJ3MgYGB1dWlkYGAsIGFzc2lnbmVkIGF0IGdlbmVyYXRpb24gdGltZSwNCiAgICAgICAgLy8gb3IgdGF4b24gYW5kIGJpb2xvZ2ljYWwgc2V4IGlkZW50aWZpZXJzIG9mIHRoZSBzcGVjaWVzIHRoYXQgdGhlIG1hcA0KICAgICAgICAvLyByZXByZXNlbnRzLiBUaGUgbGF0ZXN0IHZlcnNpb24gb2YgYSBtYXAgaXMgbG9hZGVkIHVubGVzcyBpdCBoYXMgYmVlbg0KICAgICAgICAvLyBpZGVudGlmaWVkIHVzaW5nIGEgYGB1dWlkYGAgKHNlZSBiZWxvdykuDQogICAgICAgIC8vIEBhcmcgaWRlbnRpZmllci50YXhvbiB7c3RyaW5nfSBUaGUgdGF4b24gaWRlbnRpZmllciBvZiB0aGUgc3BlY2llcyANCiAgICAgICAgLy8gIHJlcHJlc2VudGVkIGJ5IHRoZSBtYXAuIFRoaXMgaXMgc3BlY2lmaWVkIGFzIG1ldGFkYXRhIGluIHRoZSBtYXAncyBzb3VyY2UgZmlsZS4NCiAgICAgICAgLy8gQGFyZyBpZGVudGlmaWVyLmJpb2xvZ2ljYWxTZXgge3N0cmluZ30gVGhlIGJpb2xvZ2ljYWwgc2V4IG9mIHRoZSBzcGVjaWVzDQogICAgICAgIC8vIHJlcHJlc2VudGVkIGJ5IHRoZSBtYXAuIFRoaXMgaXMgc3BlY2lmaWVkIGFzIG1ldGFkYXRhaW4gdGhlIG1hcCdzIHNvdXJjZSBmaWxlLg0KICAgICAgICAvLyBAYXJnIGlkZW50aWZpZXIudXVpZCB7c3RyaW5nfSBUaGUgdW5pcXVlIHV1aWQgdGhlIGZsYXRtYXAuIElmIGdpdmVuIHRoZW4gdGhpcyBleGFjdCBtYXAgd2lsbA0KICAgICAgICAvLyAgYmUgbG9hZGVkLCBvdmVycmlkaW5nIGBgdGF4b25gYCBhbmQgYGBiaW9sb2dpY2FsU2V4YGAuDQoNCiAgICAgICAgbGV0IGlkZW50aWZpZXIgPSB7IHRheG9uOiB0aGlzLmVudHJ5IH07DQogICAgICAgIC8vVGhpcyBub3cgaGFuZGxlIHRoZSB1c2VzIG9mIHV1aWQgd2hlbiByZXN1bWluZyBzdGF0ZXMNCiAgICAgICAgaWYgKHN0YXRlKSB7DQogICAgICAgICAgaWYgKHN0YXRlLnV1aWQpIHsNCiAgICAgICAgICAgIGlkZW50aWZpZXIgPSB7IHV1aWQ6IHN0YXRlLnV1aWQgfTsNCiAgICAgICAgICB9IGVsc2UgaWYgKHN0YXRlLmVudHJ5KSB7DQogICAgICAgICAgICBpZGVudGlmaWVyLnRheG9uID0gc3RhdGUuZW50cnk7DQogICAgICAgICAgICBpZiAoc3RhdGUuYmlvbG9naWNhbFNleCkgew0KICAgICAgICAgICAgICBpZGVudGlmaWVyWyJiaW9sb2dpY2FsU2V4Il0gPSBzdGF0ZS5iaW9sb2dpY2FsU2V4Ow0KICAgICAgICAgICAgfSBlbHNlIGlmIChpZGVudGlmaWVyLnRheG9uID09PSAiTkNCSVRheG9uOjk2MDYiKSB7DQogICAgICAgICAgICAgIC8vRm9yIGJhY2t3YXJkIGNvbXBhdGliaWxpdHkNCiAgICAgICAgICAgICAgaWRlbnRpZmllclsiYmlvbG9naWNhbFNleCJdID0iUEFUTzowMDAwMzg0IjsNCiAgICAgICAgICAgIH0NCiAgICAgICAgICB9DQogICAgICAgIH0gZWxzZSB7DQogICAgICAgICAgLy8gU2V0IHRoZSBiaW9sb2ljYWxTZXggbm93IGlmIG1hcCBpcyBub3QgcmVzdW1lZCBmcm9tDQogICAgICAgICAgLy8gYSBzYXZlZCBzdGF0ZQ0KICAgICAgICAgIGlmICh0aGlzLmJpb2xvZ2ljYWxTZXgpIHsNCiAgICAgICAgICAgIGlkZW50aWZpZXJbImJpb2xvZ2ljYWxTZXgiXSA9IHRoaXMuYmlvbG9naWNhbFNleDsNCiAgICAgICAgICB9DQogICAgICAgIH0NCg0KICAgICAgICBsZXQgcHJvbWlzZTEgPSB0aGlzLm1hcE1hbmFnZXIubG9hZE1hcCgNCiAgICAgICAgICBpZGVudGlmaWVyLA0KICAgICAgICAgIHRoaXMuJHJlZnMuZGlzcGxheSwNCiAgICAgICAgICB0aGlzLmV2ZW50Q2FsbGJhY2soKSwNCiAgICAgICAgICB7DQogICAgICAgICAgICAvL2Z1bGxzY3JlZW5Db250cm9sOiBmYWxzZSwNCiAgICAgICAgICAgIC8vYW5ub3RhdGFibGU6IGZhbHNlLA0KICAgICAgICAgICAgLy9kZWJ1ZzogdHJ1ZSwNCiAgICAgICAgICAgIGZlYXR1cmVJbmZvOiB0aGlzLmZlYXR1cmVJbmZvLA0KICAgICAgICAgICAgIm1pbi16b29tIjogdGhpcy5taW5ab29tLA0KICAgICAgICAgICAgbGF5ZXJDb250cm9sOiB0cnVlLA0KICAgICAgICAgICAgcGF0aENvbnRyb2xzOiB0cnVlLA0KICAgICAgICAgICAgc2VhcmNoYWJsZTogdGhpcy5zZWFyY2hhYmxlLA0KICAgICAgICAgICAgdG9vbHRpcHM6IHRoaXMudG9vbHRpcHMsDQogICAgICAgICAgICBtaW5pbWFwOiBtaW5pbWFwDQogICAgICAgICAgfQ0KICAgICAgICApOw0KICAgICAgICBwcm9taXNlMS50aGVuKHJldHVybmVkT2JqZWN0ID0+IHsNCiAgICAgICAgICB0aGlzLm1hcEltcCA9IHJldHVybmVkT2JqZWN0Ow0KICAgICAgICAgIHRoaXMub25GbGF0bWFwUmVhZHkoKTsNCiAgICAgICAgICBpZiAodGhpcy5fc3RhdGVUb0JlU2V0KQ0KICAgICAgICAgICAgdGhpcy5yZXN0b3JlTWFwU3RhdGUodGhpcy5fc3RhdGVUb0JlU2V0KTsNCiAgICAgICAgICBlbHNlIHsNCiAgICAgICAgICAgIHRoaXMucmVzdG9yZU1hcFN0YXRlKHN0YXRlKTsNCiAgICAgICAgICB9DQogICAgICAgIH0pOw0KICAgICAgfSBlbHNlIGlmIChzdGF0ZSkgew0KICAgICAgICB0aGlzLl9zdGF0ZVRvQmVTZXQgPSB7IHZpZXdwb3J0OiBzdGF0ZS52aWV3cG9ydCwgc2VhcmNoVGVybTogc3RhdGUuc2VhcmNoVGVybSB9Ow0KICAgICAgICBpZiAodGhpcy5tYXBJbXAgJiYgIXRoaXMubG9hZGluZykNCiAgICAgICAgICB0aGlzLnJlc3RvcmVNYXBTdGF0ZSh0aGlzLl9zdGF0ZVRvQmVTZXQpOw0KICAgICAgfQ0KICAgIH0sDQogICAgY29tcHV0ZVBhdGhDb250cm9sc01heGltdW1IZWlnaHQoKSB7DQogICAgICBjb25zdCBlbGVtID0gdGhpcy4kcmVmcy5kaXNwbGF5Ow0KICAgICAgaWYgKGVsZW0pIHsNCiAgICAgICAgY29uc3QgY29tcHV0ZWQgPSBnZXRDb21wdXRlZFN0eWxlKGVsZW0pOw0KICAgICAgICBjb25zdCBwYWRkaW5nID0gcGFyc2VJbnQoY29tcHV0ZWQucGFkZGluZ1RvcCkgKyBwYXJzZUludChjb21wdXRlZC5wYWRkaW5nQm90dG9tKTsNCiAgICAgICAgY29uc3QgaGVpZ2h0ID0gZWxlbS5jbGllbnRIZWlnaHQgLSBwYWRkaW5nOw0KICAgICAgICB0aGlzLnBhdGh3YXlzTWF4SGVpZ2h0ID0gaGVpZ2h0IC0gMTcwOw0KICAgICAgfQ0KICAgIH0sDQogICAgbWFwUmVzaXplOiBmdW5jdGlvbigpIHsNCiAgICAgIHRyeSB7DQogICAgICAgIHRoaXMuY29tcHV0ZVBhdGhDb250cm9sc01heGltdW1IZWlnaHQoKTsNCiAgICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgICAgdGhpcy5tYXBJbXAucmVzaXplKCk7DQogICAgICAgICAgdGhpcy5zaG93TWluaW1hcCh0aGlzLmRpc3BsYXlNaW5pbWFwKTsNCiAgICAgICAgICBpZiAodGhpcy5tYXBJbXAuX21pbmltYXApIHsNCiAgICAgICAgICAgICAgdGhpcy5tYXBJbXAuX21pbmltYXAucmVzaXplKCk7DQogICAgICAgICAgfQ0KICAgICAgICB9DQogICAgICB9IGNhdGNoIHsNCiAgICAgICAgY29uc29sZS5lcnJvcigiTWFwIHJlc2l6ZSBlcnJvciIpOw0KICAgICAgfQ0KICAgIH0sDQogICAgb25GbGF0bWFwUmVhZHk6IGZ1bmN0aW9uKCl7DQogICAgICAvLyBvbkZsYXRtYXBSZWFkeSBpcyB1c2VkIGZvciBmdW5jdGlvbnMgdGhhdCBuZWVkIHRvIHJ1biBpbW1lZGlhdGVseSBhZnRlciB0aGUgZmxhdG1hcCBpcyBsb2FkZWQNCiAgICAgIHRoaXMuc2Vuc29yID0gbmV3IFJlc2l6ZVNlbnNvcigNCiAgICAgICAgdGhpcy4kcmVmcy5kaXNwbGF5LA0KICAgICAgICB0aGlzLm1hcFJlc2l6ZQ0KICAgICAgKTsNCiAgICAgIGlmICh0aGlzLm1hcEltcC5vcHRpb25zICYmIHRoaXMubWFwSW1wLm9wdGlvbnMuc3R5bGUgPT09ICJmdW5jdGlvbmFsIikgew0KICAgICAgICB0aGlzLmlzRkMgPSB0cnVlOw0KICAgICAgfQ0KICAgICAgdGhpcy5tYXBJbXAuc2V0QmFja2dyb3VuZE9wYWNpdHkoMSk7DQogICAgICB0aGlzLmJhY2tncm91bmRDaGFuZ2VDYWxsYmFjayh0aGlzLmN1cnJlbnRCYWNrZ3JvdW5kKTsNCiAgICAgIHRoaXMucGF0aHdheXMgPSB0aGlzLm1hcEltcC5wYXRoVHlwZXMoKTsNCiAgICAgIHRoaXMubWFwSW1wLmVuYWJsZUNlbnRyZWxpbmVzKGZhbHNlKTsNCiAgICAgIC8vRGlzYWJsZSBsYXllcnMgZm9yIG5vdw0KICAgICAgLy90aGlzLmxheWVycyA9IHRoaXMubWFwSW1wLmdldExheWVycygpOw0KICAgICAgdGhpcy5zeXN0ZW1zID0gdGhpcy5tYXBJbXAuZ2V0U3lzdGVtcygpOw0KICAgICAgdGhpcy5hZGRSZXNpemVCdXR0b25Ub01pbmltYXAoKTsNCiAgICAgIHRoaXMubG9hZGluZyA9IGZhbHNlOw0KICAgICAgdGhpcy5jb21wdXRlUGF0aENvbnRyb2xzTWF4aW11bUhlaWdodCgpOw0KICAgICAgdGhpcy5kcmF3ZXJPcGVuID0gdHJ1ZTsNCiAgICAgIHRoaXMubWFwUmVzaXplKCk7DQogICAgICB0aGlzLiRlbWl0KCJyZWFkeSIsIHRoaXMpOw0KICAgIH0sDQogICAgc2hvd01pbmltYXA6IGZ1bmN0aW9uKGZsYWcpIHsNCiAgICAgIGlmICh0aGlzLm1hcEltcCkNCiAgICAgICAgdGhpcy5tYXBJbXAuc2hvd01pbmltYXAoZmxhZyk7DQogICAgfSwNCiAgICBzaG93UGF0aHdheXNEcmF3ZXI6IGZ1bmN0aW9uKGZsYWcpIHsNCiAgICAgIHRoaXMuZHJhd2VyT3BlbiA9IGZsYWc7DQogICAgfSwNCiAgICAvKioNCiAgICAgKiBGdW5jdGlvbiB0byBkaXNwbGF5IGZlYXR1cmVzIHdpdGggYW5ub3RhdGlvbiBtYXRjaGluZyB0aGUgcHJvdmlkZWQgdGVybSwNCiAgICAgKiB3aXRoIHRoZSBvcHRpb24gdG8gZGlzcGxheSB0aGUgbGFiZWwgdXNpbmcgZGlzcGxheUxhYmVsIGZsYWcuIA0KICAgICAqLw0KICAgIHNlYXJjaEFuZFNob3dSZXN1bHQ6IGZ1bmN0aW9uKHRlcm0sIGRpc3BsYXlMYWJlbCkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKSB7DQogICAgICAgIGlmICh0ZXJtID09PSB1bmRlZmluZWQgfHwgdGVybSA9PT0gIiIpIHsNCiAgICAgICAgICB0aGlzLm1hcEltcC5jbGVhclNlYXJjaFJlc3VsdHMoKTsNCiAgICAgICAgICByZXR1cm4gdHJ1ZTsNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICBjb25zdCBzZWFyY2hSZXN1bHRzID0gdGhpcy5tYXBJbXAuc2VhcmNoKHRlcm0pOw0KICAgICAgICAgIGlmIChzZWFyY2hSZXN1bHRzICYmIHNlYXJjaFJlc3VsdHMucmVzdWx0cyAmJg0KICAgICAgICAgICAgc2VhcmNoUmVzdWx0cy5yZXN1bHRzLmxlbmd0aCA+IDApIHsNCiAgICAgICAgICAgIHRoaXMubWFwSW1wLnNob3dTZWFyY2hSZXN1bHRzKHNlYXJjaFJlc3VsdHMpOw0KICAgICAgICAgICAgaWYgKGRpc3BsYXlMYWJlbCAmJiANCiAgICAgICAgICAgICAgc2VhcmNoUmVzdWx0cy5yZXN1bHRzWzBdLmZlYXR1cmVJZCAmJiANCiAgICAgICAgICAgICAgc2VhcmNoUmVzdWx0cy5yZXN1bHRzWzBdLnRleHQpIHsNCiAgICAgICAgICAgICAgdGhpcy5tYXBJbXAuc2hvd1BvcHVwKA0KICAgICAgICAgICAgICAgIHNlYXJjaFJlc3VsdHMucmVzdWx0c1swXS5mZWF0dXJlSWQsDQogICAgICAgICAgICAgICAgc2VhcmNoUmVzdWx0cy5yZXN1bHRzWzBdLnRleHQsDQogICAgICAgICAgICAgICAgeyBjbGFzc05hbWU6ICJjdXN0b20tcG9wdXAiLCBwb3NpdGlvbkF0TGFzdENsaWNrOiBmYWxzZSwgcHJlc2VydmVTZWxlY3Rpb246IHRydWUgfQ0KICAgICAgICAgICAgICApDQogICAgICAgICAgICB9DQogICAgICAgICAgICByZXR1cm4gdHJ1ZTsNCiAgICAgICAgICB9DQogICAgICAgICAgZWxzZQ0KICAgICAgICAgICAgdGhpcy5tYXBJbXAuY2xlYXJTZWFyY2hSZXN1bHRzKCk7DQogICAgICAgIH0NCiAgICAgIH0NCiAgICAgIHJldHVybiBmYWxzZTsNCiAgICB9LA0KICAgIC8qKg0KICAgICAqIEdldCB0aGUgbGlzdCBvZiBzdWdnZXN0ZWQgdGVybXMNCiAgICAgKi8NCiAgICBzZWFyY2hTdWdnZXN0aW9uczogZnVuY3Rpb24odGVybSkgew0KICAgICAgaWYgKHRoaXMubWFwSW1wKQ0KICAgICAgICByZXR1cm4gdGhpcy5tYXBJbXAuc2VhcmNoKHRlcm0pOw0KICAgICAgcmV0dXJuIFtdOw0KICAgIH0sDQogIH0sDQogIHByb3BzOiB7DQogICAgZW50cnk6IFN0cmluZywNCiAgICBiaW9sb2dpY2FsU2V4OiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAiIg0KICAgIH0sDQogICAgZmVhdHVyZUluZm86IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiBmYWxzZQ0KICAgIH0sDQogICAgbWluWm9vbTogew0KICAgICAgdHlwZTogTnVtYmVyLA0KICAgICAgZGVmYXVsdDogNA0KICAgIH0sDQogICAgcGF0aENvbnRyb2xzOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9LA0KICAgIHNlYXJjaGFibGU6IHsNCiAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICBkZWZhdWx0OiBmYWxzZQ0KICAgIH0sDQogICAgbGF5ZXJDb250cm9sOiB7DQogICAgICAgIHR5cGU6IEJvb2xlYW4sDQogICAgICAgIGRlZmF1bHQ6IGZhbHNlDQogICAgfSwNCiAgICB0b29sdGlwczogew0KICAgICAgdHlwZTogQm9vbGVhbiwNCiAgICAgIGRlZmF1bHQ6IHRydWUNCiAgICB9LA0KICAgIGhlbHBNb2RlOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9LA0KICAgIHJlbmRlckF0TW91bnRlZDogew0KICAgICAgdHlwZTogQm9vbGVhbiwNCiAgICAgIGRlZmF1bHQ6IHRydWUNCiAgICB9LA0KICAgIGRpc3BsYXlNaW5pbWFwOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9LA0KICAgIGRpc3BsYXlXYXJuaW5nOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9LA0KICAgIGlzTGVnYWN5OiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UNCiAgICB9LA0KICAgIGRpc3BsYXlMYXRlc3RDaGFuZ2VzOiB7DQogICAgICB0eXBlOiBCb29sZWFuLA0KICAgICAgZGVmYXVsdDogZmFsc2UsDQogICAgfSwNCiAgICBsYXRlc3RDaGFuZ2VzTWVzc2FnZTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogIlNlYXJjaCBub3cgcHJvdmlkZSBzdWdnZXN0ZWQgdGVybXMuIEFkZCBuZXcgbGVnZW5kcy4gTmV3IHRpbGVzZXRzLiBOZXcgZmVtYWxlIG1hcC4gSW1wcm92ZSB1cHN0cmVhbSBkb3duc3RyZWFtIGluZm9ybWF0aW9uLiIsDQogICAgfSwNCiAgICAvKioNCiAgICAgKiBTdGF0ZSBjb250YWluaW5nIHN0YXRlIG9mIHRoZSBmbGF0bWFwLg0KICAgICAqLw0KICAgIHN0YXRlOiB7DQogICAgICB0eXBlOiBPYmplY3QsDQogICAgICBkZWZhdWx0OiB1bmRlZmluZWQNCiAgICB9LA0KICAgIC8qKg0KICAgICAqIFNwZWNpZnkgdGhlIGVuZHBvaW50IG9mIHRoZSBmbGF0bWFwIHNlcnZlci4NCiAgICAgKi8NCiAgICBmbGF0bWFwQVBJOiB7DQogICAgICB0eXBlOiBTdHJpbmcsDQogICAgICBkZWZhdWx0OiAiaHR0cHM6Ly9tYXBjb3JlLWRlbW8ub3JnL2N1cnJlbnQvZmxhdG1hcC92My8iDQogICAgfSwNCiAgICBzcGFyY0FQSTogew0KICAgICAgdHlwZTogU3RyaW5nLA0KICAgICAgZGVmYXVsdDogImh0dHBzOi8vYXBpLnNwYXJjLnNjaWVuY2UvIg0KICAgIH0sDQogIH0sDQogIHByb3ZpZGUoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIHNwYXJjQVBJOiB0aGlzLnNwYXJjQVBJLA0KICAgICAgZmxhdG1hcEFQSTogdGhpcy5mbGF0bWFwQVBJDQogICAgfQ0KICB9LA0KICBkYXRhOiBmdW5jdGlvbigpIHsNCiAgICByZXR1cm4gew0KICAgICAgbGF5ZXJzOiBbXSwNCiAgICAgIHBhdGh3YXlzOiBbXSwNCiAgICAgIHNja2FuRGlzcGxheTogWw0KICAgICAgICB7DQogICAgICAgICAgbGFiZWw6ICJEaXNwbGF5IFBhdGggd2l0aCBTQ0tBTiIsDQogICAgICAgICAga2V5OiAiVkFMSUQiLA0KICAgICAgICB9LA0KICAgICAgXSwNCiAgICAgIGNlbnRyZUxpbmVzOiBbDQogICAgICAgIHsNCiAgICAgICAgICBsYWJlbDogIkRpc3BsYXkgTmVydmVzIiwNCiAgICAgICAgICBrZXk6ICJjZW50cmVsaW5lcyIsDQogICAgICAgICAgZW5hYmxlZDogZmFsc2UNCiAgICAgICAgfQ0KICAgICAgXSwNCiAgICAgIHN5c3RlbXM6IFtdLA0KICAgICAgcGF0aHdheXNNYXhIZWlnaHQ6IDEwMDAsDQogICAgICBob3ZlclZpc2liaWxpdGllczogWw0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9LA0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9LA0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9LA0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9LA0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9LA0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9LA0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9LA0KICAgICAgICB7IHZhbHVlOiBmYWxzZSB9DQogICAgICBdLA0KICAgICAgaXNGQzogZmFsc2UsDQogICAgICBpbkhlbHA6IGZhbHNlLA0KICAgICAgY3VycmVudEJhY2tncm91bmQ6ICJ3aGl0ZSIsDQogICAgICBhdmFpbGFibGVCYWNrZ3JvdW5kOiBbIndoaXRlIiwgImxpZ2h0c2t5Ymx1ZSIsICJibGFjayJdLA0KICAgICAgbG9hZGluZzogZmFsc2UsDQogICAgICBmbGF0bWFwTWFya2VyOiBmbGF0bWFwTWFya2VyLA0KICAgICAgdG9vbHRpcEVudHJ5OiBjcmVhdGVVbmZpbGxlZFRvb2x0aXBEYXRhKCksDQogICAgICBjb25uZWN0aXZpdHlUb29sdGlwVmlzaWJsZTogZmFsc2UsDQogICAgICByZXNvdXJjZUZvclRvb2x0aXA6IHVuZGVmaW5lZCwNCiAgICAgIGRyYXdlck9wZW46IGZhbHNlLA0KICAgICAgY29sb3VyUmFkaW86IHRydWUsDQogICAgICBvdXRsaW5lc1JhZGlvOiB0cnVlLA0KICAgICAgbWluaW1hcFJlc2l6ZVNob3c6IGZhbHNlLA0KICAgICAgbWluaW1hcFNtYWxsOiBmYWxzZSwNCiAgICB9Ow0KICB9LA0KICB3YXRjaDogew0KICAgIGVudHJ5OiBmdW5jdGlvbigpIHsNCiAgICAgIGlmICghdGhpcy5zdGF0ZSkgdGhpcy5jcmVhdGVGbGF0bWFwKCk7DQogICAgfSwNCiAgICBoZWxwTW9kZTogZnVuY3Rpb24odmFsKSB7DQogICAgICB0aGlzLnNldEhlbHBNb2RlKHZhbCk7DQogICAgfSwNCiAgICBzdGF0ZTogew0KICAgICAgaGFuZGxlcjogZnVuY3Rpb24oc3RhdGUpIHsNCiAgICAgICAgaWYgKHRoaXMubWFwTWFuYWdlcikgew0KICAgICAgICAgIHRoaXMuc2V0U3RhdGUoc3RhdGUpOw0KICAgICAgICB9IGVsc2Ugew0KICAgICAgICAgIC8vdGhpcyBjb21wb25lbnQgaGFzIG5vdCBiZWVuIG1vdW50ZWQgeWV0DQogICAgICAgICAgdGhpcy5zZXRTdGF0ZVJlcXVpcmVkID0gdHJ1ZTsNCiAgICAgICAgfQ0KICAgICAgfSwNCiAgICAgIGltbWVkaWF0ZTogdHJ1ZSwNCiAgICAgIGRlZXA6IHRydWUNCiAgICB9DQogIH0sDQogIGNvbXB1dGVkOiB7DQogICAgZ2V0V2FybmluZ01lc3NhZ2U6IGZ1bmN0aW9uKCkgew0KICAgICAgaWYgKHRoaXMuaXNMZWdhY3kpIHsNCiAgICAgICAgcmV0dXJuICJUaGlzIGlzIGEgbGVnYWN5IG1hcCwgeW91IG1heSB2aWV3IHRoZSBsYXRlc3QgbWFwIGluc3RlYWQuIjsNCiAgICAgIH0gZWxzZSBpZiAodGhpcy5pc0ZDKSB7DQogICAgICAgIHJldHVybiAiQmV0YSBmZWF0dXJlIC0gVGhlIGNvbm5lY3Rpdml0eSBzaG93biBoZXJlIGlzIHRoZSBzdWJzZXQgb2YgbmV1cm9ucyBmcm9tIHRoZSBuZXVyb24gcG9wdWxhdGlvbnMgaW4gQXBpTkFUT01ZIG1vZGVscyB3aGljaCBhcmUgYXQgdGhlIHNhbWUgc3BhdGlhbCBzY2FsZSBhbmQgbGV2ZWwgb2YgZ3JhbnVsYXJpdHkuIjsNCiAgICAgIH0NCiAgICAgIHJldHVybiAiQmV0YSBmZWF0dXJlIC0gVGhpcyBtYXAgaXMgYmFzZWQgb24gdGhlIGNvbm5lY3Rpdml0eSBvZiBhIHJhdC4gTmV3IGNvbm5lY3Rpdml0eSBhbmQgc3BlY2llcyBzcGVjaWZpY2l0eSB3aWxsIGJlIGFkZGVkIGFzIHRoZSBTUEFSQyBwcm9ncmFtIHByb2dyZXNzLiI7DQogICAgfSwNCiAgfSwNCiAgbW91bnRlZDogZnVuY3Rpb24oKSB7DQogICAgY29uc3QgZmxhdG1hcCA9IHJlcXVpcmUoIkBhYmktc29mdHdhcmUvZmxhdG1hcC12aWV3ZXIiKTsNCiAgICB0aGlzLm1hcE1hbmFnZXIgPSBuZXcgZmxhdG1hcC5NYXBNYW5hZ2VyKHRoaXMuZmxhdG1hcEFQSSk7DQogICAgdGhpcy5mbGF0bWFwUXVlcmllcyA9IG5ldyBGbGF0bWFwUXVlcmllcygpOw0KICAgIHRoaXMuZmxhdG1hcFF1ZXJpZXMuaW5pdGlhbGlzZSh0aGlzLnNwYXJjQVBJLCB0aGlzLmZsYXRtYXBBUEkpOw0KICAgIGlmICh0aGlzLnN0YXRlKSB7DQogICAgICAvL1N0YXRlIGlzIHNldCBhbmQgcmVxdWlyZSB0byBzZXQgdGhlIHN0YXRlDQogICAgICBpZiAodGhpcy5zZXRTdGF0ZVJlcXVpcmVkKSB7DQogICAgICAgIHRoaXMuc2V0U3RhdGUodGhpcy5zdGF0ZSk7DQogICAgICB9DQogICAgfSBlbHNlIGlmKHRoaXMucmVuZGVyQXRNb3VudGVkKSB7DQogICAgICB0aGlzLmNyZWF0ZUZsYXRtYXAoKTsNCiAgICB9DQogIH0NCn07DQo="},{"version":3,"sources":["FlatmapVuer.vue"],"names":[],"mappings":";AA4RA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;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;;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","file":"FlatmapVuer.vue","sourceRoot":"node_modules/@abi-software/flatmapvuer/src/components","sourcesContent":["<template>\r\n  <div\r\n    class=\"flatmap-container\"\r\n    ref=\"flatmapContainer\"\r\n    v-loading=\"loading\"\r\n    element-loading-text=\"Loading...\"\r\n    element-loading-spinner=\"el-icon-loading\"\r\n    element-loading-background=\"rgba(0, 0, 0, 0.3)\"\r\n  >\r\n    <map-svg-sprite-color />\r\n    <div style=\"height:100%;width:100%;position:relative;overflow-y:none\">\r\n      <div style=\"height:100%;width:100%;\" ref=\"display\"></div>\r\n      <div class=\"beta-popovers\">\r\n        <div>\r\n          <el-popover\r\n            :content=\"getWarningMessage\"\r\n            placement=\"right\"\r\n            :appendToBody=\"false\"\r\n            trigger=\"manual\"\r\n            popper-class=\"warning-popper flatmap-popper right-popper\"\r\n            v-model=\"hoverVisibilities[6].value\"\r\n            ref=\"warningPopover\"\r\n          ></el-popover>\r\n          <i\r\n            class=\"el-icon-warning warning-icon\"\r\n            v-if=\"displayWarning\"\r\n            @mouseover=\"showToolitip(6)\"\r\n            @mouseout=\"hideToolitip(6)\"\r\n            v-popover:warningPopover\r\n          >\r\n            <template v-if=\"isLegacy\">\r\n              <span class=\"warning-text\">Legacy Map</span>\r\n              <div class=\"latest-map-text\" @click=\"viewLatestMap\">Click here for the latest map</div>\r\n            </template>\r\n            <template v-else>\r\n              <span class=\"warning-text\">Beta</span>\r\n            </template>\r\n        </i>\r\n        </div>\r\n        <el-popover\r\n          :content=\"latestChangesMessage\"\r\n          placement=\"right\"\r\n          v-if=\"displayLatestChanges\"\r\n          :appendToBody=\"false\"\r\n          trigger=\"manual\"\r\n          popper-class=\"warning-popper flatmap-popper right-popper\"\r\n          v-model=\"hoverVisibilities[7].value\"\r\n          ref=\"latestChangesPopover\"\r\n        ></el-popover>\r\n        <i\r\n          class=\"el-icon-warning latest-changesicon\"\r\n          v-if=\"displayLatestChanges && latestChangesMessage\"\r\n          @mouseover=\"showToolitip(7)\"\r\n          @mouseout=\"hideToolitip(7)\"\r\n          v-popover:latestChangesPopover\r\n        >\r\n          <span class=\"warning-text\">What's new?</span>\r\n        </i>\r\n      </div>\r\n      \r\n      <!-- The element below is placed onto the flatmap when it is ready -->\r\n      <i class=\"el-icon-arrow-down minimap-resize\" :class=\"{ enlarge: minimapSmall, shrink: !minimapSmall}\" ref=\"minimapResize\" v-show=\"minimapResizeShow\" @click=\"closeMinimap\"></i>\r\n\r\n      <div class=\"bottom-right-control\">\r\n        <el-popover\r\n          content=\"Zoom in\"\r\n          placement=\"left\"\r\n          :appendToBody=\"false\"\r\n          trigger=\"manual\"\r\n          popper-class=\"flatmap-popper left-popper\"\r\n          v-model=\"hoverVisibilities[0].value\"\r\n        >\r\n          <map-svg-icon\r\n            icon=\"zoomIn\"\r\n            class=\"icon-button zoomIn\"\r\n            slot=\"reference\"\r\n            @click.native=\"zoomIn()\"\r\n            @mouseover.native=\"showToolitip(0)\"\r\n            @mouseout.native=\"hideToolitip(0)\"\r\n          />\r\n        </el-popover>\r\n        <el-popover\r\n          content=\"Zoom out\"\r\n          placement=\"top-end\"\r\n          :appendToBody=\"false\"\r\n          trigger=\"manual\"\r\n          popper-class=\"flatmap-popper popper-zoomout\"\r\n          v-model=\"hoverVisibilities[1].value\"\r\n        >\r\n          <map-svg-icon\r\n            icon=\"zoomOut\"\r\n            class=\"icon-button zoomOut\"\r\n            slot=\"reference\"\r\n            @click.native=\"zoomOut()\"\r\n            @mouseover.native=\"showToolitip(1)\"\r\n            @mouseout.native=\"hideToolitip(1)\"\r\n          />\r\n        </el-popover>\r\n        <el-popover\r\n          content=\"Reset\"\r\n          placement=\"top\"\r\n          :appendToBody=\"false\"\r\n          trigger=\"manual\"\r\n          popper-class=\"flatmap-popper\"\r\n          v-model=\"hoverVisibilities[2].value\"\r\n        >\r\n          <div>\r\n            Fit to\r\n            <br>\r\n            window\r\n          </div>\r\n          <map-svg-icon\r\n            slot=\"reference\"\r\n            icon=\"fitWindow\"\r\n            class=\"icon-button fitWindow\"\r\n            @click.native=\"resetView()\"\r\n            @mouseover.native=\"showToolitip(2)\"\r\n            @mouseout.native=\"hideToolitip(2)\"\r\n          />\r\n        </el-popover>\r\n      </div>\r\n      <el-popover\r\n        content=\"Change pathway visibility\"\r\n        placement=\"right\"\r\n        :appendToBody=\"false\"\r\n        trigger=\"manual\"\r\n        popper-class=\"flatmap-popper right-popper\"\r\n        v-model=\"hoverVisibilities[4].value\"\r\n        ref=\"checkBoxPopover\"\r\n      />\r\n      <div class=\"pathway-location\" :class=\"{ open: drawerOpen, close: !drawerOpen }\">\r\n        <div\r\n          class=\"pathway-container\"\r\n          :style=\"{'max-height': pathwaysMaxHeight + 'px'}\"\r\n          v-if=\"pathControls\"\r\n          v-popover:checkBoxPopover\r\n        >\r\n          <svg-legends v-if=\"!isFC\" class=\"svg-legends-container\"/>\r\n          <el-popover\r\n            content=\"Find these markers for data\"\r\n            placement=\"right\"\r\n            :appendToBody=\"false\"\r\n            trigger=\"manual\"\r\n            popper-class=\"flatmap-popper popper-bump-right  right-popper\"\r\n            v-model=\"hoverVisibilities[5].value\"\r\n            ref=\"markerPopover\"\r\n          ></el-popover>\r\n          <div\r\n            v-show=\"hoverVisibilities[5].value\"\r\n            class=\"flatmap-marker-help\"\r\n            v-html=\"flatmapMarker\"\r\n            v-popover:markerPopover\r\n          ></div>\r\n          <selections-group\r\n            v-if=\"isFC && systems && systems.length > 0\"\r\n            title=\"Systems\"\r\n            labelKey=\"name\"\r\n            identifierKey=\"id\"\r\n            :selections=\"systems\"\r\n            colourStyle=\"background\"\r\n            @changed=\"systemSelected\"\r\n            @checkAll=\"checkAllSystems\"\r\n            ref=\"systemsSelection\"\r\n            key=\"systemsSelection\"\r\n          />\r\n                    <!--\r\n          <selections-group\r\n            v-if=\"!isFC && centreLines && centreLines.length > 0\"\r\n            title=\"Nerves\"\r\n            labelKey=\"label\"\r\n            identifierKey=\"key\"\r\n            :selections=\"centreLines\"\r\n            @changed=\"centreLinesSelected\"\r\n            ref=\"centrelinesSelection\"\r\n            key=\"centrelinesSelection\"\r\n          />\r\n          <selections-group\r\n            v-if=\"isFC && sckanDisplay && sckanDisplay.length > 0\"\r\n            title=\"SCKAN\"\r\n            labelKey=\"label\"\r\n            identifierKey=\"key\"\r\n            :selections=\"sckanDisplay\"\r\n            @changed=\"sckanSelected\"\r\n            @checkAll=\"checkAllSCKAN\"\r\n            ref=\"skcanSelection\"\r\n            key=\"skcanSelection\"\r\n          />\r\n          <selections-group\r\n            v-if=\"layers && layers.length > 0\"\r\n            title=\"Layers\"\r\n            labelKey=\"description\"\r\n            identifierKey=\"id\"\r\n            :selections=\"layers\"\r\n            @changed=\"layersSelected\"\r\n            @checkAll=\"checkAllLayers\"\r\n            ref=\"layersSelection\"\r\n            key=\"layersSelection\"\r\n          />\r\n          -->\r\n          <selections-group\r\n            v-if=\"pathways && pathways.length > 0\"\r\n            title=\"Pathways\"\r\n            labelKey=\"label\"\r\n            identifierKey=\"type\"\r\n            colourStyle=\"line\"\r\n            :selections=\"pathways\"\r\n            @changed=\"pathwaysSelected\"\r\n            @checkAll=\"checkAllPathways\"\r\n            ref=\"pathwaysSelection\"\r\n            key=\"pathwaysSelection\"\r\n          />\r\n        </div>\r\n        <div\r\n          @click=\"toggleDrawer\"\r\n          class=\"drawer-button\"\r\n          :class=\"{ open: drawerOpen, close: !drawerOpen }\"\r\n        >\r\n          <i class=\"el-icon-arrow-left\"></i>\r\n        </div>\r\n      </div>\r\n      <el-popover\r\n        ref=\"backgroundPopover\"\r\n        placement=\"top-start\"\r\n        width=\"175\"\r\n        :appendToBody=\"false\"\r\n        trigger=\"click\"\r\n\r\n        popper-class=\"background-popper\"\r\n      >\r\n        <el-row class=\"backgroundText\">Organs display</el-row>\r\n        <el-row class=\"backgroundControl\">\r\n          <el-radio-group v-model=\"colourRadio\" class=\"flatmap-radio\" @change=\"setColour\">\r\n            <el-radio :label=\"true\">Colour</el-radio>\r\n            <el-radio :label=\"false\">Greyscale</el-radio>\r\n          </el-radio-group>\r\n        </el-row>\r\n        <el-row class=\"backgroundSpacer\"></el-row>\r\n        <el-row class=\"backgroundText\">Outlines display</el-row>\r\n        <el-row class=\"backgroundControl\">\r\n          <el-radio-group v-model=\"outlinesRadio\" class=\"flatmap-radio\" @change=\"setOutlines\">\r\n            <el-radio :label=\"true\">Show</el-radio>\r\n            <el-radio :label=\"false\">Hide</el-radio>\r\n          </el-radio-group>\r\n        </el-row>\r\n        <el-row class=\"backgroundSpacer\"></el-row>\r\n        <el-row class=\"backgroundText\">Change background</el-row>\r\n        <el-row class=\"backgroundControl\">\r\n          <div\r\n            v-for=\"item in availableBackground\"\r\n            :key=\"item\"\r\n            :class=\"['backgroundChoice', item, item == currentBackground ? 'active' :'']\"\r\n            @click=\"backgroundChangeCallback(item)\"\r\n          />\r\n        </el-row>\r\n      </el-popover>\r\n      <el-popover\r\n        content=\"Change settings\"\r\n        placement=\"right\"\r\n        v-model=\"hoverVisibilities[3].value\"\r\n        :appendToBody=\"false\"\r\n        trigger=\"manual\"\r\n        popper-class=\"flatmap-popper right-popper\"\r\n      >\r\n        <map-svg-icon\r\n          v-popover:backgroundPopover\r\n          icon=\"changeBckgd\"\r\n          class=\"icon-button background-colour\"\r\n          :class=\"{ open: drawerOpen, close: !drawerOpen }\"\r\n          slot=\"reference\"\r\n          @mouseover.native=\"showToolitip(3)\"\r\n          @mouseout.native=\"hideToolitip(3)\"\r\n        />\r\n      </el-popover>\r\n      <Tooltip\r\n        ref=\"tooltip\"\r\n        class=\"tooltip\"\r\n        :entry=\"tooltipEntry\"\r\n        @resource-selected=\"resourceSelected\"\r\n      />\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 Tooltip from \"./Tooltip\";\r\nimport SelectionsGroup from \"./SelectionsGroup.vue\";\r\nimport { MapSvgIcon, MapSvgSpriteColor } from \"@abi-software/svg-sprite\";\r\nimport SvgLegends from \"./legends/SvgLegends\";\r\nimport {\r\n  Col,\r\n  Loading,\r\n  Radio,\r\n  RadioGroup,\r\n  Row\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 flatmapMarker from \"../icons/flatmap-marker\";\r\nimport {FlatmapQueries} from \"../services/flatmapQueries.js\";\r\n\r\nlocale.use(lang);\r\nVue.use(Col);\r\nVue.use(Loading.directive);\r\nVue.use(Radio);\r\nVue.use(RadioGroup);\r\nVue.use(Row);\r\nconst ResizeSensor = require(\"css-element-queries/src/ResizeSensor\");\r\n\r\nconst createUnfilledTooltipData = function (){\r\n  return {\r\n    destinations: [],\r\n    origins: [],\r\n    components: [],\r\n    destinationsWithDatasets: [],\r\n    originsWithDatasets: [],\r\n    componentsWithDatasets: [],\r\n    resource: undefined\r\n  }\r\n}\r\n\r\nexport default {\r\n  name: \"FlatmapVuer\",\r\n  components: {\r\n    MapSvgIcon,\r\n    MapSvgSpriteColor,\r\n    Tooltip,\r\n    SelectionsGroup,\r\n    SvgLegends\r\n  },\r\n  beforeCreate: function() {\r\n    this.mapManager = undefined;\r\n    this.mapImp = undefined;\r\n    //The state watcher may triggered before\r\n    //created causing issue, This flag will\r\n    //resolve this issue.\r\n    this.setStateRequired = false;\r\n  },\r\n  methods: {\r\n    viewLatestMap: function() {\r\n      let biologicalSex = this.biologicalSex ? this.biologicalSex : undefined;\r\n      //Human requires special handling\r\n      if (this.entry === \"NCBITaxon:9606\") {\r\n        biologicalSex = \"PATO:0000384\";\r\n      }\r\n      const state = {\r\n        entry: this.entry,\r\n        biologicalSex,\r\n        viewport: this.mapImp.getState()\r\n      };\r\n      this.$emit(\"view-latest-map\", state);\r\n    },\r\n    backgroundChangeCallback: function(colour) {\r\n      this.currentBackground = colour;\r\n      if (this.mapImp) {\r\n        this.mapImp.setBackgroundColour(this.currentBackground, 1);\r\n      }\r\n    },\r\n    toggleDrawer: function() {\r\n      this.drawerOpen = !this.drawerOpen;\r\n    },\r\n    /**\r\n     * Function to toggle colour/greyscale of organs.\r\n     */\r\n    setColour: function(flag) {\r\n      this.colourRadio = flag;\r\n      if (this.mapImp) {\r\n        this.mapImp.setColour({ colour: flag, outline: this.outlinesRadio });\r\n      }\r\n    },\r\n    /**\r\n     * Function to toggle outlines f organs.\r\n     */\r\n    setOutlines: function(flag) {\r\n      this.outlineRadio = flag;\r\n      if (this.mapImp) {\r\n        this.mapImp.setColour({ colour: this.colourRadio, outline: flag });\r\n      }\r\n    },\r\n    /**\r\n     * Function to toggle paths to default.\r\n     * Also called when the associated button is pressed.\r\n     */\r\n    resetView: function() {\r\n      if (this.mapImp) {\r\n        this.mapImp.resetMap();\r\n        if (this.$refs.centrelinesSelection) {\r\n          this.$refs.centrelinesSelection.reset();\r\n        }\r\n        if (this.$refs.skcanSelection) {\r\n          this.$refs.skcanSelection.reset();\r\n        }\r\n        if (this.$refs.layersSelection) {\r\n          this.$refs.layersSelection.reset();\r\n        }\r\n        if (this.$refs.systemsSelection) {\r\n          this.$refs.pathwaysSelection.reset();\r\n        }\r\n        if (this.$refs.pathwaysSelection) {\r\n          this.$refs.pathwaysSelection.reset();\r\n        }\r\n      }\r\n    },\r\n    /**\r\n     * Function to zoom in.\r\n     * Also called when the associated button is pressed.\r\n     */\r\n    zoomIn: function() {\r\n      if (this.mapImp) {\r\n        this.mapImp.zoomIn();\r\n      }\r\n    },\r\n    /**\r\n     * Function to zoom out.\r\n     * Also called when the associated button is pressed.\r\n     */\r\n    zoomOut: function() {\r\n      if (this.mapImp) {\r\n        this.mapImp.zoomOut();\r\n      }\r\n    },\r\n    centreLinesSelected: function(payload) {\r\n      if (this.mapImp) {\r\n        this.mapImp.enableCentrelines(payload.value);\r\n      }\r\n    },\r\n    sckanSelected: function(payload) {\r\n      if (this.mapImp) {\r\n        this.mapImp.enableSckanPath(payload.key, payload.value);\r\n      }\r\n    },\r\n    checkAllSCKAN: function(payload) {\r\n      if (this.mapImp) {\r\n        payload.keys.forEach(key => this.mapImp.enableSckanPath(key, payload.value));\r\n      }\r\n    },\r\n    systemSelected: function(payload) {\r\n      if (this.mapImp) {\r\n        this.mapImp.enableSystem(payload.key, payload.value);\r\n      }\r\n    },\r\n    checkAllSystems: function(payload) {\r\n      if (this.mapImp) {\r\n        payload.keys.forEach(key => this.mapImp.enableSystem(key, payload.value));\r\n      }\r\n    },\r\n    layersSelected: function(payload) {\r\n      if (this.mapImp) {\r\n        this.mapImp.enableLayer(payload.key, payload.value);\r\n      }\r\n    },\r\n    checkAllLayers: function(payload) {\r\n      if (this.mapImp) {\r\n        payload.keys.forEach(key => this.mapImp.enableLayer(key, payload.value));\r\n      }\r\n    },\r\n    pathwaysSelected: function(payload) {\r\n      if (this.mapImp) {\r\n        this.mapImp.enablePath(payload.key, payload.value);\r\n      }\r\n    },\r\n    checkAllPathways: function(payload) {\r\n      if (this.mapImp) {\r\n        payload.keys.forEach(key => this.mapImp.enablePath(key, payload.value));\r\n      }\r\n    },\r\n    enablePanZoomEvents: function(flag) {\r\n      this.mapImp.enablePanZoomEvents(flag);\r\n    },\r\n    eventCallback: function() {\r\n      return (eventType, data, ...args) => {\r\n        if (eventType !== \"pan-zoom\") {\r\n          const label = data.label;\r\n          const resource = [data.models];\r\n          const taxonomy = this.entry;\r\n          const biologicalSex = this.biologicalSex;\r\n          const payload = {\r\n            dataset: data.dataset,\r\n            biologicalSex: biologicalSex,\r\n            taxonomy: taxonomy,\r\n            resource: resource,\r\n            label: label,\r\n            feature: data,\r\n            userData: args,\r\n            eventType: eventType\r\n          };\r\n          if (data && data.type !== \"marker\" && eventType === \"click\"){\r\n            this.checkAndCreatePopups(payload);\r\n          }\r\n          this.$emit(\"resource-selected\", payload);\r\n        } else {\r\n          this.$emit(\"pan-zoom-callback\", data);\r\n        }\r\n      };\r\n    },\r\n    // checkNeuronClicked shows a neuron path pop up if a path was recently clicked\r\n    checkAndCreatePopups:  async function(data) {\r\n      // Call flatmap database to get the connection data\r\n      let results = await this.flatmapQueries.retrieveFlatmapKnowledgeForEvent(data)\r\n      if(!results){\r\n        if(data.feature.hyperlinks && data.feature.hyperlinks.length > 0){\r\n          this.resourceForTooltip =  data.resource[0];\r\n          this.createTooltipFromNeuronCuration(data);\r\n        }\r\n      } else {\r\n        this.resourceForTooltip =  data.resource[0];\r\n        this.createTooltipFromNeuronCuration(data);\r\n      }\r\n    },\r\n    popUpCssHacks: function() {\r\n      // Below is a hack to remove flatmap tooltips while popup is open\r\n      let ftooltip = document.querySelector(\".flatmap-tooltip-popup\");\r\n      if (ftooltip) ftooltip.style.display = \"none\";\r\n      document.querySelector(\".mapboxgl-popup-close-button\").style.display =\r\n        \"block\";\r\n      this.$refs.tooltip.$el.style.display = \"flex\";\r\n      document.querySelector(\".mapboxgl-popup-close-button\").onclick = () => {\r\n        document.querySelector(\".flatmap-tooltip-popup\").style.display =\r\n          \"block\";\r\n      };\r\n    },\r\n    resourceSelected: function(action) {\r\n      this.$emit(\"resource-selected\", action);\r\n    },\r\n    createTooltipFromNeuronCuration: function(data) {\r\n      this.tooltipEntry = this.flatmapQueries.createTooltipData(data);\r\n      this.displayTooltip();\r\n    },\r\n    // Keeping this as an API\r\n    showPopup: function(featureId, node, options) {\r\n      let myOptions = options;\r\n      if (this.mapImp) {\r\n        if (myOptions) {\r\n          if (!myOptions.className) myOptions.className = \"custom-popup\";\r\n        } else {\r\n          myOptions = { className: \"custom-popup\", positionAtLastClick: true };\r\n        }\r\n        this.mapImp.showPopup(featureId, node, myOptions);\r\n      }\r\n    },\r\n    showMarkerPopup: function(featureId, node, options) {\r\n      if (this.mapImp) {\r\n        this.mapImp.showMarkerPopup(featureId, node, options);\r\n      }\r\n    },\r\n    closeMinimap: function(){\r\n      let minimapEl = this.$refs.flatmapContainer.querySelector('.maplibregl-ctrl-minimap'); // find minimap\r\n      if (this.minimapSmall) { //switch the classes on the minimap\r\n        minimapEl.classList.add('enlarge');\r\n        minimapEl.classList.remove('shrink');\r\n      } else {\r\n        minimapEl.classList.add('shrink');\r\n        minimapEl.classList.remove('enlarge');\r\n      }\r\n      this.minimapSmall = !this.minimapSmall;\r\n    },\r\n    addResizeButtonToMinimap: function(){\r\n      let minimapEl = this.$refs.flatmapContainer.querySelector('.maplibregl-ctrl-minimap');\r\n      if (minimapEl){\r\n        this.$refs.minimapResize.parentNode.removeChild(this.$refs.minimapResize);\r\n        minimapEl.appendChild(this.$refs.minimapResize);\r\n        this.minimapResizeShow = true;\r\n      }\r\n    },\r\n    setHelpMode: function(helpMode) {\r\n      if (helpMode) {\r\n        this.inHelp = true;\r\n        this.hoverVisibilities.forEach(item => {\r\n          item.value = true;\r\n        });\r\n        this.openFlatmapHelpPopup();\r\n      } else {\r\n        this.inHelp = false;\r\n        this.hoverVisibilities.forEach(item => {\r\n          item.value = false;\r\n        });\r\n        this.closeFlatmapHelpPopup();\r\n      }\r\n    },\r\n    showToolitip: function(tooltipNumber) {\r\n      if (!this.inHelp) {\r\n        this.tooltipWait = setTimeout(() => {\r\n          this.hoverVisibilities[tooltipNumber].value = true;\r\n        }, 500);\r\n      }\r\n    },\r\n    hideToolitip: function(tooltipNumber) {\r\n      if (!this.inHelp) {\r\n        this.hoverVisibilities[tooltipNumber].value = false;\r\n        clearTimeout(this.tooltipWait);\r\n      }\r\n    },\r\n    displayTooltip: function() {\r\n      this.mapImp.showPopup(\r\n        this.mapImp.modelFeatureIds(this.resourceForTooltip)[0],\r\n        this.$refs.tooltip.$el,\r\n        { className: \"flatmapvuer-popover\", positionAtLastClick: true }\r\n      );\r\n      this.popUpCssHacks();\r\n    },\r\n    openFlatmapHelpPopup: function() {\r\n      if (this.mapImp) {\r\n        let heartId = this.mapImp.featureIdsForModel(\"UBERON:0000948\")[0];\r\n        const elm = \"Click for more information\";\r\n        this.mapImp.showPopup(heartId, elm, {\r\n          anchor: \"top\",\r\n          className: \"flatmap-popup-popper\"\r\n        });\r\n      }\r\n    },\r\n    closeFlatmapHelpPopup: function() {\r\n      this.$el\r\n        .querySelectorAll(\".mapboxgl-popup-close-button\")\r\n        .forEach(item => {\r\n          item.click();\r\n        });\r\n    },\r\n    getLabels: function() {\r\n      let labels = [];\r\n      if (this.mapImp) {\r\n        let annotations = this.mapImp.annotations;\r\n        for (let value of annotations.values()) {\r\n          if (value.label) labels.push(value.label);\r\n        }\r\n        return Array.from(new Set(labels));\r\n      }\r\n    },\r\n    getState: function() {\r\n      if (this.mapImp) {\r\n        let state = {\r\n          entry: this.entry,\r\n          viewport: this.mapImp.getState()\r\n        };\r\n        const identifier = this.mapImp.getIdentifier();\r\n        if (this.biologicalSex)\r\n          state['biologicalSex'] = this.biologicalSex;\r\n        else if (identifier && identifier.biologicalSex)\r\n          state['biologicalSex'] = identifier.biologicalSex;\r\n        if (identifier && identifier.uuid)\r\n          state['uuid'] = identifier.uuid;\r\n        return state;\r\n      }\r\n      return undefined;\r\n    },\r\n    setState: function(state) {\r\n      if (state) {\r\n        if (this.mapImp && \r\n          (state.entry && (this.entry == state.entry)) &&\r\n          (!state.biologicalSex || (state.biologicalSex === this.biologicalSex))) \r\n        {\r\n          if (state.viewport) {\r\n            this.mapImp.setState(state.viewport);\r\n          }\r\n        } else {\r\n          this.createFlatmap(state);\r\n        }\r\n        this.setStateRequired = false;\r\n      }\r\n    },\r\n    restoreMapState: function(state) {\r\n      if (state) {\r\n        if (state.viewport)\r\n          this.mapImp.setState(state.viewport);\r\n        if (state.searchTerm)\r\n          this.searchAndShowResult(state.searchTerm, true);\r\n      }\r\n    },\r\n    createFlatmap: function(state) {\r\n      if (!this.mapImp && !this.loading) {\r\n        this.loading = true;\r\n        let minimap = false;\r\n        if (this.displayMinimap) {\r\n          minimap = { position: \"top-right\" };\r\n        }\r\n\r\n        //As for flatmap-viewer@2.2.7, see below for the documentation \r\n        //for the identifier:\r\n\r\n        //@arg identifier {string|Object}\r\n        // A string or object identifying the map to load. If a string its\r\n        // value can be either the map's ``uuid``, assigned at generation time,\r\n        // or taxon and biological sex identifiers of the species that the map\r\n        // represents. The latest version of a map is loaded unless it has been\r\n        // identified using a ``uuid`` (see below).\r\n        // @arg identifier.taxon {string} The taxon identifier of the species \r\n        //  represented by the map. This is specified as metadata in the map's source file.\r\n        // @arg identifier.biologicalSex {string} The biological sex of the species\r\n        // represented by the map. This is specified as metadatain the map's source file.\r\n        // @arg identifier.uuid {string} The unique uuid the flatmap. If given then this exact map will\r\n        //  be loaded, overriding ``taxon`` and ``biologicalSex``.\r\n\r\n        let identifier = { taxon: this.entry };\r\n        //This now handle the uses of uuid when resuming states\r\n        if (state) {\r\n          if (state.uuid) {\r\n            identifier = { uuid: state.uuid };\r\n          } else if (state.entry) {\r\n            identifier.taxon = state.entry;\r\n            if (state.biologicalSex) {\r\n              identifier[\"biologicalSex\"] = state.biologicalSex;\r\n            } else if (identifier.taxon === \"NCBITaxon:9606\") {\r\n              //For backward compatibility\r\n              identifier[\"biologicalSex\"] =\"PATO:0000384\";\r\n            }\r\n          }\r\n        } else {\r\n          // Set the bioloicalSex now if map is not resumed from\r\n          // a saved state\r\n          if (this.biologicalSex) {\r\n            identifier[\"biologicalSex\"] = this.biologicalSex;\r\n          }\r\n        }\r\n\r\n        let promise1 = this.mapManager.loadMap(\r\n          identifier,\r\n          this.$refs.display,\r\n          this.eventCallback(),\r\n          {\r\n            //fullscreenControl: false,\r\n            //annotatable: false,\r\n            //debug: true,\r\n            featureInfo: this.featureInfo,\r\n            \"min-zoom\": this.minZoom,\r\n            layerControl: true,\r\n            pathControls: true,\r\n            searchable: this.searchable,\r\n            tooltips: this.tooltips,\r\n            minimap: minimap\r\n          }\r\n        );\r\n        promise1.then(returnedObject => {\r\n          this.mapImp = returnedObject;\r\n          this.onFlatmapReady();\r\n          if (this._stateToBeSet)\r\n            this.restoreMapState(this._stateToBeSet);\r\n          else {\r\n            this.restoreMapState(state);\r\n          }\r\n        });\r\n      } else if (state) {\r\n        this._stateToBeSet = { viewport: state.viewport, searchTerm: state.searchTerm };\r\n        if (this.mapImp && !this.loading)\r\n          this.restoreMapState(this._stateToBeSet);\r\n      }\r\n    },\r\n    computePathControlsMaximumHeight() {\r\n      const elem = this.$refs.display;\r\n      if (elem) {\r\n        const computed = getComputedStyle(elem);\r\n        const padding = parseInt(computed.paddingTop) + parseInt(computed.paddingBottom);\r\n        const height = elem.clientHeight - padding;\r\n        this.pathwaysMaxHeight = height - 170;\r\n      }\r\n    },\r\n    mapResize: function() {\r\n      try {\r\n        this.computePathControlsMaximumHeight();\r\n        if (this.mapImp) {\r\n          this.mapImp.resize();\r\n          this.showMinimap(this.displayMinimap);\r\n          if (this.mapImp._minimap) {\r\n              this.mapImp._minimap.resize();\r\n          }\r\n        }\r\n      } catch {\r\n        console.error(\"Map resize error\");\r\n      }\r\n    },\r\n    onFlatmapReady: function(){\r\n      // onFlatmapReady is used for functions that need to run immediately after the flatmap is loaded\r\n      this.sensor = new ResizeSensor(\r\n        this.$refs.display,\r\n        this.mapResize\r\n      );\r\n      if (this.mapImp.options && this.mapImp.options.style === \"functional\") {\r\n        this.isFC = true;\r\n      }\r\n      this.mapImp.setBackgroundOpacity(1);\r\n      this.backgroundChangeCallback(this.currentBackground);\r\n      this.pathways = this.mapImp.pathTypes();\r\n      this.mapImp.enableCentrelines(false);\r\n      //Disable layers for now\r\n      //this.layers = this.mapImp.getLayers();\r\n      this.systems = this.mapImp.getSystems();\r\n      this.addResizeButtonToMinimap();\r\n      this.loading = false;\r\n      this.computePathControlsMaximumHeight();\r\n      this.drawerOpen = true;\r\n      this.mapResize();\r\n      this.$emit(\"ready\", this);\r\n    },\r\n    showMinimap: function(flag) {\r\n      if (this.mapImp)\r\n        this.mapImp.showMinimap(flag);\r\n    },\r\n    showPathwaysDrawer: function(flag) {\r\n      this.drawerOpen = flag;\r\n    },\r\n    /**\r\n     * Function to display features with annotation matching the provided term,\r\n     * with the option to display the label using displayLabel flag. \r\n     */\r\n    searchAndShowResult: function(term, displayLabel) {\r\n      if (this.mapImp) {\r\n        if (term === undefined || term === \"\") {\r\n          this.mapImp.clearSearchResults();\r\n          return true;\r\n        } else {\r\n          const searchResults = this.mapImp.search(term);\r\n          if (searchResults && searchResults.results &&\r\n            searchResults.results.length > 0) {\r\n            this.mapImp.showSearchResults(searchResults);\r\n            if (displayLabel && \r\n              searchResults.results[0].featureId && \r\n              searchResults.results[0].text) {\r\n              this.mapImp.showPopup(\r\n                searchResults.results[0].featureId,\r\n                searchResults.results[0].text,\r\n                { className: \"custom-popup\", positionAtLastClick: false, preserveSelection: true }\r\n              )\r\n            }\r\n            return true;\r\n          }\r\n          else\r\n            this.mapImp.clearSearchResults();\r\n        }\r\n      }\r\n      return false;\r\n    },\r\n    /**\r\n     * Get the list of suggested terms\r\n     */\r\n    searchSuggestions: function(term) {\r\n      if (this.mapImp)\r\n        return this.mapImp.search(term);\r\n      return [];\r\n    },\r\n  },\r\n  props: {\r\n    entry: String,\r\n    biologicalSex: {\r\n      type: String,\r\n      default: \"\"\r\n    },\r\n    featureInfo: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    minZoom: {\r\n      type: Number,\r\n      default: 4\r\n    },\r\n    pathControls: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    searchable: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    layerControl: {\r\n        type: Boolean,\r\n        default: false\r\n    },\r\n    tooltips: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    helpMode: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    renderAtMounted: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    displayMinimap: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    displayWarning: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    isLegacy: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    displayLatestChanges: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    latestChangesMessage: {\r\n      type: String,\r\n      default: \"Search now provide suggested terms. Add new legends. New tilesets. New female map. Improve upstream downstream information.\",\r\n    },\r\n    /**\r\n     * State containing state of the flatmap.\r\n     */\r\n    state: {\r\n      type: Object,\r\n      default: undefined\r\n    },\r\n    /**\r\n     * Specify the endpoint of the flatmap server.\r\n     */\r\n    flatmapAPI: {\r\n      type: String,\r\n      default: \"https://mapcore-demo.org/current/flatmap/v3/\"\r\n    },\r\n    sparcAPI: {\r\n      type: String,\r\n      default: \"https://api.sparc.science/\"\r\n    },\r\n  },\r\n  provide() {\r\n    return {\r\n      sparcAPI: this.sparcAPI,\r\n      flatmapAPI: this.flatmapAPI\r\n    }\r\n  },\r\n  data: function() {\r\n    return {\r\n      layers: [],\r\n      pathways: [],\r\n      sckanDisplay: [\r\n        {\r\n          label: \"Display Path with SCKAN\",\r\n          key: \"VALID\",\r\n        },\r\n      ],\r\n      centreLines: [\r\n        {\r\n          label: \"Display Nerves\",\r\n          key: \"centrelines\",\r\n          enabled: false\r\n        }\r\n      ],\r\n      systems: [],\r\n      pathwaysMaxHeight: 1000,\r\n      hoverVisibilities: [\r\n        { value: false },\r\n        { value: false },\r\n        { value: false },\r\n        { value: false },\r\n        { value: false },\r\n        { value: false },\r\n        { value: false },\r\n        { value: false }\r\n      ],\r\n      isFC: false,\r\n      inHelp: false,\r\n      currentBackground: \"white\",\r\n      availableBackground: [\"white\", \"lightskyblue\", \"black\"],\r\n      loading: false,\r\n      flatmapMarker: flatmapMarker,\r\n      tooltipEntry: createUnfilledTooltipData(),\r\n      connectivityTooltipVisible: false,\r\n      resourceForTooltip: undefined,\r\n      drawerOpen: false,\r\n      colourRadio: true,\r\n      outlinesRadio: true,\r\n      minimapResizeShow: false,\r\n      minimapSmall: false,\r\n    };\r\n  },\r\n  watch: {\r\n    entry: function() {\r\n      if (!this.state) this.createFlatmap();\r\n    },\r\n    helpMode: function(val) {\r\n      this.setHelpMode(val);\r\n    },\r\n    state: {\r\n      handler: function(state) {\r\n        if (this.mapManager) {\r\n          this.setState(state);\r\n        } else {\r\n          //this component has not been mounted yet\r\n          this.setStateRequired = true;\r\n        }\r\n      },\r\n      immediate: true,\r\n      deep: true\r\n    }\r\n  },\r\n  computed: {\r\n    getWarningMessage: function() {\r\n      if (this.isLegacy) {\r\n        return \"This is a legacy map, you may view the latest map instead.\";\r\n      } else if (this.isFC) {\r\n        return \"Beta feature - The connectivity shown here is the subset of neurons from the neuron populations in ApiNATOMY models which are at the same spatial scale and level of granularity.\";\r\n      }\r\n      return \"Beta feature - This map is based on the connectivity of a rat. New connectivity and species specificity will be added as the SPARC program progress.\";\r\n    },\r\n  },\r\n  mounted: function() {\r\n    const flatmap = require(\"@abi-software/flatmap-viewer\");\r\n    this.mapManager = new flatmap.MapManager(this.flatmapAPI);\r\n    this.flatmapQueries = new FlatmapQueries();\r\n    this.flatmapQueries.initialise(this.sparcAPI, this.flatmapAPI);\r\n    if (this.state) {\r\n      //State is set and require to set the state\r\n      if (this.setStateRequired) {\r\n        this.setState(this.state);\r\n      }\r\n    } else if(this.renderAtMounted) {\r\n      this.createFlatmap();\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/button\";\r\n@import \"~element-ui/packages/theme-chalk/src/loading\";\r\n@import \"~element-ui/packages/theme-chalk/src/row\";\r\n\r\n.beta-popovers {\r\n  position: absolute;\r\n  top: 90px;\r\n  left: 16px;\r\n  text-align: left;\r\n  font-size: 25px;  \r\n}\r\n\r\n.warning-icon {\r\n  color: $warning;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.warning-text {\r\n  font-family: Asap, sans-serif;\r\n  font-size: 15px;\r\n  vertical-align: 5px;\r\n}\r\n\r\n.latest-map-text {\r\n  color: $app-primary-color;;\r\n  font-family: Asap, sans-serif;\r\n  font-size: 12px;\r\n  margin-top: 5px;\r\n  vertical-align: 10px;\r\n  cursor: pointer;\r\n}\r\n\r\n.latest-changesicon {\r\n  color: $success;\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.latest-changestext {\r\n  font-family: Asap, sans-serif;\r\n  font-size: 15px;\r\n  vertical-align: 5px;\r\n}\r\n\r\n.flatmap-container {\r\n  height: 100%;\r\n  width: 100%;\r\n}\r\n\r\n.pathway-location {\r\n  position: absolute;\r\n  bottom: 0px;\r\n  transition: all 1s ease;\r\n  &.open {\r\n    left: 0px;\r\n  }\r\n  &.close {\r\n    left: -298px;\r\n  }\r\n}\r\n\r\n.svg-legends-container {\r\n  width:70%;\r\n  height:auto;\r\n  position:relative;\r\n  max-height:140px;\r\n}\r\n\r\n.pathway-container {\r\n  float: left;\r\n  padding-left: 16px;\r\n  padding-right: 18px;\r\n  text-align: left;\r\n  overflow: auto;\r\n  border: 1px solid rgb(220, 223, 230);\r\n  padding-bottom: 16px;\r\n  background: #ffffff;\r\n  overflow-x: hidden;\r\n  scrollbar-width: thin;\r\n\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.flatmap-marker-help {\r\n  display: inline-block;\r\n}\r\n\r\n::v-deep .popper-bump-right {\r\n  left: 30px;\r\n}\r\n\r\n.el-dropdown-link {\r\n  cursor: pointer;\r\n  color: #409eff;\r\n}\r\n.el-icon-arrow-down {\r\n  font-size: 12px;\r\n}\r\n.demonstration {\r\n  display: block;\r\n  color: #8492a6;\r\n  font-size: 14px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.tooltip {\r\n  display: none;\r\n}\r\n\r\n::v-deep .mapboxgl-popup {\r\n  max-width: 300px !important;\r\n}\r\n\r\n::v-deep .flatmap-tooltip-popup {\r\n  &.mapboxgl-popup-anchor-bottom {\r\n    .mapboxgl-popup-content {\r\n      margin-bottom: 12px;\r\n      &::after,\r\n      &::before {\r\n        top: 100%;\r\n        border-width: 12px;\r\n      }\r\n      /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */\r\n      &::after {\r\n        margin-top: -1px;\r\n        border-color: rgb(255, 255, 255) transparent transparent transparent;\r\n      }\r\n      /* this border color controlls the outside, thin border */\r\n      &::before {\r\n        margin: 0 auto;\r\n        border-color: $app-primary-color transparent transparent transparent;\r\n      }\r\n    }\r\n  }\r\n  &.mapboxgl-popup-anchor-top {\r\n    .mapboxgl-popup-content {\r\n      margin-top: 18px;\r\n      &::after,\r\n      &::before {\r\n        top: calc(-100% + 6px);\r\n        border-width: 12px;\r\n      }\r\n      /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */\r\n      &::after {\r\n        margin-top: 1px;\r\n        border-color: transparent transparent rgb(255, 255, 255) transparent;\r\n      }\r\n      &::before {\r\n        margin: 0 auto;\r\n        border-color: transparent transparent $app-primary-color transparent;\r\n      }\r\n    }\r\n  }\r\n  .mapboxgl-popup-content {\r\n    border-radius: 4px;\r\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n    pointer-events: none;\r\n    display: none;\r\n    background: #fff;\r\n    border: 1px solid $app-primary-color;\r\n    padding-left: 6px;\r\n    padding-right: 6px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    &::after,\r\n    &::before {\r\n      content: \"\";\r\n      display: block;\r\n      position: absolute;\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      flex-shrink: 0;\r\n    }\r\n  }\r\n  .mapboxgl-popup-tip {\r\n    display: none;\r\n  }\r\n}\r\n\r\n::v-deep .mapboxgl-popup {\r\n  &.flatmap-marker-popup {\r\n    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);\r\n    pointer-events: auto;\r\n    background: #fff;\r\n  }\r\n}\r\n\r\n/* Fix for chrome bug where under triangle pops up above one on top of it  */\r\n.selector:not(*:root),\r\n::v-deep.flatmap-tooltip-popup {\r\n  .mapboxgl-popup-content::after {\r\n    top: 99.9%;\r\n  }\r\n}\r\n\r\n::v-deep .flatmap-tooltip-dialog {\r\n  .mapboxgl-popup-tip {\r\n    display: none;\r\n  }\r\n}\r\n\r\n::v-deep .flatmap-marker-popup {\r\n  .mapboxgl-popup-content {\r\n    padding: 0px;\r\n  }\r\n}\r\n\r\n::v-deep .flatmapvuer-popover {\r\n  .mapboxgl-popup-close-button {\r\n    position: absolute;\r\n    right: 0.5em;\r\n    top: 0;\r\n    border: 0;\r\n    border-radius: 0 3px 0 0;\r\n    cursor: pointer;\r\n    background-color: transparent;\r\n    font-size: 2.5em;\r\n    color: grey;\r\n    top: 0.95em;\r\n  }\r\n}\r\n\r\n.zoomOut {\r\n  padding-left: 8px;\r\n}\r\n\r\n.fitWindow {\r\n  padding-left: 8px;\r\n}\r\n\r\n.background-colour {\r\n  bottom: 16px;\r\n  position: absolute;\r\n  transition: all 1s ease;\r\n}\r\n.background-colour.open {\r\n  left: 322px;\r\n}\r\n.background-colour.close {\r\n  left: 24px;\r\n}\r\n\r\n::v-deep .background-popper {\r\n  padding: 5px 12px;\r\n  background-color: #ffffff;\r\n  border: 1px solid $app-primary-color;\r\n  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);\r\n  height: 200px;\r\n  width: 175px;\r\n  min-width: 175px;\r\n  &.el-popper[x-placement^=\"top\"] {\r\n    .popper__arrow {\r\n      border-top-color: $app-primary-color !important;\r\n      &::after {\r\n        border-top-color: #fff !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.backgroundText {\r\n  color: rgb(48, 49, 51);\r\n  font-size: 14px;\r\n  font-weight: normal;\r\n  line-height: 20px;\r\n}\r\n\r\n.backgroundControl {\r\n  display: flex;\r\n  margin-top: 16px;\r\n}\r\n\r\n.backgroundChoice {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 1px solid rgb(144, 147, 153);\r\n  margin-left: 20px;\r\n  &.active {\r\n    border: 2px solid $app-primary-color;\r\n  }\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  &.white {\r\n    background-color: white;\r\n    margin-left: 10px;\r\n  }\r\n  &.black {\r\n    background-color: black;\r\n  }\r\n  &.lightskyblue {\r\n    background-color: lightskyblue;\r\n  }\r\n}\r\n\r\n.icon-button {\r\n  height: 24px !important;\r\n  width: 24px !important;\r\n  color: $app-primary-color;\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n::v-deep .maplibregl-ctrl-minimap {\r\n  transform-origin: top right;\r\n  @media (max-width: 1250px) {\r\n    height: 125px !important;// important is needed here as we are over-riding the style set by the flatmap\r\n    width: 180px !important;\r\n    >>> .maplibregl-canvas .mapboxgl-canvas {\r\n      height: 125px !important;\r\n      width: 180px !important;\r\n    }\r\n  }\r\n  @media (min-width: 1251px) {\r\n    height: 190px !important;\r\n    width: 300px !important;\r\n    >>> .maplibregl-canvas .mapboxgl-canvas {\r\n      height: 190px !important;\r\n      width: 300px !important;\r\n    }\r\n  }\r\n  transition: all 1s ease;\r\n  &.shrink {\r\n    transform: scale(0.5); \r\n    transform: scale(0.5);\r\n  }\r\n}\r\n\r\n.minimap-resize {\r\n  position: absolute;\r\n  pointer-events: all;\r\n  cursor: pointer;\r\n  top: 0;\r\n  right: 0;\r\n  padding-top: 3px; // needed as icon is offset\r\n  width: 20px;\r\n  height: 14px;\r\n  z-index: 9;\r\n  transition: all 1s ease;\r\n  &.shrink {\r\n    transform: rotate(0deg);\r\n  }\r\n  &.enlarge {\r\n    transform: rotate(180deg) scale(2);\r\n    padding-bottom: 5px; // note padding is added to the opposite side since it is rotated\r\n    padding-left: 5px;\r\n  }\r\n}\r\n\r\n::v-deep .flatmap-popper {\r\n  padding: 6px 4px;\r\n  font-size: 12px;\r\n  color: rgb(48, 49, 51);\r\n  background-color: #f3ecf6;\r\n  border: 1px solid $app-primary-color;\r\n  white-space: nowrap;\r\n  min-width: unset;\r\n  &.warning-popper {\r\n    min-width: 150px;\r\n    max-width: 400px;\r\n    word-break: keep-all;\r\n    white-space: unset;\r\n  }\r\n  &.left-popper {\r\n    .popper__arrow {\r\n      border-left-color: $app-primary-color !important;\r\n      &::after {\r\n        border-left-color: #f3ecf6 !important;\r\n      }\r\n    }\r\n  }\r\n  &.right-popper {\r\n    .popper__arrow {\r\n      border-right-color: $app-primary-color !important;\r\n      &:after {\r\n        border-right-color: #f3ecf6 !important;\r\n      }\r\n    }\r\n  }\r\n  &.el-popper[x-placement^=\"top\"] {\r\n    .popper__arrow {\r\n      border-top-color: $app-primary-color !important;\r\n      &:after {\r\n        border-top-color: #f3ecf6 !important;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n::v-deep .el-loading-spinner {\r\n  i,\r\n  .el-loading-text {\r\n    color: $app-primary-color;\r\n  }\r\n}\r\n\r\n::v-deep .flatmap-popup-popper {\r\n  .mapboxgl-popup-tip {\r\n    border-bottom-color: $app-primary-color;\r\n  }\r\n  .mapboxgl-popup-content {\r\n    padding: 6px 4px;\r\n    font-size: 12px;\r\n    color: rgb(48, 49, 51);\r\n    background-color: #f3ecf6;\r\n    border: 1px solid $app-primary-color;\r\n    white-space: nowrap;\r\n    min-width: unset;\r\n    .mapboxgl-popup-close-button {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n::v-deep .popper-zoomout {\r\n  padding-right: 13px !important;\r\n  left: -21px !important;\r\n}\r\n\r\n::v-deep .popper-zoomout {\r\n  .popper__arrow {\r\n    left: 53px !important;\r\n  }\r\n}\r\n\r\n::v-deep .mapboxgl-popup-content {\r\n  padding: 0px;\r\n}\r\n\r\n.bottom-right-control {\r\n  position: absolute;\r\n  right: 16px;\r\n  bottom: 16px;\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.drawer-button {\r\n  z-index: 8;\r\n  width: 20px;\r\n  height: 40px;\r\n  border: solid 1px $app-primary-color;\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.open-drawer {\r\n  position: absolute;\r\n  left: 0px;\r\n  background-color: #f7faff;\r\n  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);\r\n}\r\n\r\n.drawer-button {\r\n  float: left;\r\n  margin-top: calc(50% - 36px);\r\n  background-color: #F9F2FC;\r\n\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::v-deep .mapboxgl-canvas-container {\r\n  canvas {\r\n    outline: none;\r\n  }\r\n}\r\n\r\n.backgroundSpacer {\r\n  border-bottom: 1px solid #e4e7ed;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.flatmap-radio {\r\n  ::v-deep label {\r\n    margin-right: 20px;\r\n    &:last-child {\r\n      margin-right: 0px;\r\n    }\r\n  }\r\n  .el-radio__input {\r\n    &.is-checked {\r\n      & + .el-radio__label {\r\n        color: $app-primary-color;\r\n      }\r\n      .el-radio__inner {\r\n        border-color: $app-primary-color;\r\n        background: $app-primary-color;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n::v-deep .custom-popup {\r\n  .mapboxgl-popup-tip {\r\n    display: none;\r\n  }\r\n  .mapboxgl-popup-content {\r\n    border-radius: 4px;\r\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n    pointer-events: none;\r\n    display: none;\r\n    background: #fff;\r\n    font-family: \"Asap\",sans-serif;\r\n    font-size: 12pt;\r\n    color: $app-primary-color;\r\n    border: 1px solid $app-primary-color;\r\n    padding-left: 6px;\r\n    padding-right: 6px;\r\n    padding-top: 6px;\r\n    padding-bottom: 6px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    &::after,\r\n    &::before {\r\n      content: \"\";\r\n      display: block;\r\n      position: absolute;\r\n      width: 0;\r\n      height: 0;\r\n      border-style: solid;\r\n      flex-shrink: 0;\r\n    }\r\n    .mapboxgl-popup-close-button {\r\n      display: none;\r\n    }\r\n  }\r\n  &.mapboxgl-popup-anchor-bottom {\r\n    .mapboxgl-popup-content {\r\n      margin-bottom: 12px;\r\n      &::after,\r\n      &::before {\r\n        top: 100%;\r\n        border-width: 12px;\r\n      }\r\n      /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */\r\n      &::after {\r\n        margin-top: -1px;\r\n        border-color: rgb(255, 255, 255) transparent transparent transparent;\r\n      }\r\n      /* this border color controlls the outside, thin border */\r\n      &::before {\r\n        margin: 0 auto;\r\n        border-color: $app-primary-color transparent transparent transparent;\r\n      }\r\n    }\r\n  }\r\n  &.mapboxgl-popup-anchor-top {\r\n    .mapboxgl-popup-content {\r\n      margin-top: 18px;\r\n      &::after,\r\n      &::before {\r\n        top: calc(-100% + 6px);\r\n        border-width: 12px;\r\n      }\r\n      /* this border color controlls the color of the triangle (what looks like the fill of the triangle) */\r\n      &::after {\r\n        margin-top: 1px;\r\n        border-color: transparent transparent rgb(255, 255, 255) transparent;\r\n      }\r\n      &::before {\r\n        margin: 0 auto;\r\n        border-color: transparent transparent $app-primary-color transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n"]}]}