{"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=style&index=0&id=5350596b&scoped=true&lang=scss&","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/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvYnV0dG9uIjsNCkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9sb2FkaW5nIjsNCkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9yb3ciOw0KQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL3NlbGVjdCI7DQoNCi5iZXRhLXBvcG92ZXJzIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB0b3A6IDkwcHg7DQogIGxlZnQ6IDE2cHg7DQogIHRleHQtYWxpZ246IGxlZnQ7DQogIGZvbnQtc2l6ZTogMjVweDsNCn0NCg0KLndhcm5pbmctaWNvbiB7DQogIGNvbG9yOiAkd2FybmluZzsNCg0KICAmOmhvdmVyIHsNCiAgICBjdXJzb3I6IHBvaW50ZXI7DQogIH0NCn0NCg0KLndhcm5pbmctdGV4dCB7DQogIGZvbnQtZmFtaWx5OiBBc2FwLCBzYW5zLXNlcmlmOw0KICBmb250LXNpemU6IDE1cHg7DQogIHZlcnRpY2FsLWFsaWduOiA1cHg7DQp9DQoNCi5sYXRlc3QtbWFwLXRleHQgew0KICBjb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOw0KICBmb250LWZhbWlseTogQXNhcCwgc2Fucy1zZXJpZjsNCiAgZm9udC1zaXplOiAxMnB4Ow0KICBtYXJnaW4tdG9wOiA1cHg7DQogIHZlcnRpY2FsLWFsaWduOiAxMHB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCi5sYXRlc3QtY2hhbmdlc2ljb24gew0KICBjb2xvcjogJHN1Y2Nlc3M7DQoNCiAgJjpob3ZlciB7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQp9DQoNCi5sYXRlc3QtY2hhbmdlc3RleHQgew0KICBmb250LWZhbWlseTogQXNhcCwgc2Fucy1zZXJpZjsNCiAgZm9udC1zaXplOiAxNXB4Ow0KICB2ZXJ0aWNhbC1hbGlnbjogNXB4Ow0KfQ0KDQouZmxhdG1hcC1jb250YWluZXIgew0KICBoZWlnaHQ6IDEwMCU7DQogIHdpZHRoOiAxMDAlOw0KfQ0KDQoucGF0aHdheS1sb2NhdGlvbiB7DQogIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgYm90dG9tOiAwcHg7DQogIHRyYW5zaXRpb246IGFsbCAxcyBlYXNlOw0KICAmLm9wZW4gew0KICAgIGxlZnQ6IDBweDsNCiAgfQ0KICAmLmNsb3NlIHsNCiAgICBsZWZ0OiAtMjk4cHg7DQogIH0NCn0NCg0KLnN2Zy1sZWdlbmRzLWNvbnRhaW5lciB7DQogIHdpZHRoOiA3MCU7DQogIGhlaWdodDogYXV0bzsNCiAgcG9zaXRpb246IHJlbGF0aXZlOw0KICBtYXgtaGVpZ2h0OiAxNDBweDsNCn0NCg0KLnBhdGh3YXktY29udGFpbmVyIHsNCiAgZmxvYXQ6IGxlZnQ7DQogIHBhZGRpbmctbGVmdDogMTZweDsNCiAgcGFkZGluZy1yaWdodDogMThweDsNCiAgdGV4dC1hbGlnbjogbGVmdDsNCiAgb3ZlcmZsb3c6IGF1dG87DQogIGJvcmRlcjogMXB4IHNvbGlkIHJnYigyMjAsIDIyMywgMjMwKTsNCiAgcGFkZGluZy1ib3R0b206IDE2cHg7DQogIGJhY2tncm91bmQ6ICNmZmZmZmY7DQogIG92ZXJmbG93LXg6IGhpZGRlbjsNCiAgc2Nyb2xsYmFyLXdpZHRoOiB0aGluOw0KDQogIHRyYW5zaXRpb246IGFsbCAxcyBlYXNlOw0KICAmLm9wZW4gew0KICAgIG9wYWNpdHk6IDE7DQogIH0NCiAgJi5jbG9zZSB7DQogICAgb3BhY2l0eTogMDsNCiAgfQ0KDQogICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHsNCiAgICB3aWR0aDogNHB4Ow0KICB9DQoNCiAgJjo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWIgew0KICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7DQogICAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDZweCAjYzBjNGNjOw0KICB9DQp9DQoNCi5mbGF0bWFwLW1hcmtlci1oZWxwIHsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KfQ0KDQo6OnYtZGVlcCAucG9wcGVyLWJ1bXAtcmlnaHQgew0KICBsZWZ0OiAzMHB4Ow0KfQ0KDQouZWwtZHJvcGRvd24tbGluayB7DQogIGN1cnNvcjogcG9pbnRlcjsNCiAgY29sb3I6ICM0MDllZmY7DQp9DQouZWwtaWNvbi1hcnJvdy1kb3duIHsNCiAgZm9udC1zaXplOiAxMnB4Ow0KfQ0KLmRlbW9uc3RyYXRpb24gew0KICBkaXNwbGF5OiBibG9jazsNCiAgY29sb3I6ICM4NDkyYTY7DQogIGZvbnQtc2l6ZTogMTRweDsNCiAgbWFyZ2luLWJvdHRvbTogMjBweDsNCn0NCg0KLnRvb2x0aXAgew0KICBkaXNwbGF5OiBub25lOw0KfQ0KDQo6OnYtZGVlcCAubWFwbGlicmVnbC1wb3B1cCB7DQogIG1heC13aWR0aDogMzAwcHggIWltcG9ydGFudDsNCn0NCg0KOjp2LWRlZXAgLmZsYXRtYXAtdG9vbHRpcC1wb3B1cCB7DQogICYubWFwbGlicmVnbC1wb3B1cC1hbmNob3ItYm90dG9tIHsNCiAgICAubWFwbGlicmVnbC1wb3B1cC1jb250ZW50IHsNCiAgICAgIG1hcmdpbi1ib3R0b206IDEycHg7DQogICAgICAmOjphZnRlciwNCiAgICAgICY6OmJlZm9yZSB7DQogICAgICAgIHRvcDogMTAwJTsNCiAgICAgICAgYm9yZGVyLXdpZHRoOiAxMnB4Ow0KICAgICAgfQ0KICAgICAgLyogdGhpcyBib3JkZXIgY29sb3IgY29udHJvbGxzIHRoZSBjb2xvciBvZiB0aGUgdHJpYW5nbGUgKHdoYXQgbG9va3MgbGlrZSB0aGUgZmlsbCBvZiB0aGUgdHJpYW5nbGUpICovDQogICAgICAmOjphZnRlciB7DQogICAgICAgIG1hcmdpbi10b3A6IC0xcHg7DQogICAgICAgIGJvcmRlci1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50Ow0KICAgICAgfQ0KICAgICAgLyogdGhpcyBib3JkZXIgY29sb3IgY29udHJvbGxzIHRoZSBvdXRzaWRlLCB0aGluIGJvcmRlciAqLw0KICAgICAgJjo6YmVmb3JlIHsNCiAgICAgICAgbWFyZ2luOiAwIGF1dG87DQogICAgICAgIGJvcmRlci1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAmLm1hcGxpYnJlZ2wtcG9wdXAtYW5jaG9yLXRvcCB7DQogICAgLm1hcGxpYnJlZ2wtcG9wdXAtY29udGVudCB7DQogICAgICBtYXJnaW4tdG9wOiAxOHB4Ow0KICAgICAgJjo6YWZ0ZXIsDQogICAgICAmOjpiZWZvcmUgew0KICAgICAgICB0b3A6IGNhbGMoLTEwMCUgKyA2cHgpOw0KICAgICAgICBib3JkZXItd2lkdGg6IDEycHg7DQogICAgICB9DQogICAgICAvKiB0aGlzIGJvcmRlciBjb2xvciBjb250cm9sbHMgdGhlIGNvbG9yIG9mIHRoZSB0cmlhbmdsZSAod2hhdCBsb29rcyBsaWtlIHRoZSBmaWxsIG9mIHRoZSB0cmlhbmdsZSkgKi8NCiAgICAgICY6OmFmdGVyIHsNCiAgICAgICAgbWFyZ2luLXRvcDogMXB4Ow0KICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHJnYigyNTUsIDI1NSwgMjU1KSB0cmFuc3BhcmVudDsNCiAgICAgIH0NCiAgICAgICY6OmJlZm9yZSB7DQogICAgICAgIG1hcmdpbjogMCBhdXRvOw0KICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICRhcHAtcHJpbWFyeS1jb2xvciB0cmFuc3BhcmVudDsNCiAgICAgIH0NCiAgICB9DQogIH0NCiAgLm1hcGxpYnJlZ2wtcG9wdXAtY29udGVudCB7DQogICAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICAgIGJveC1zaGFkb3c6IDAgMXB4IDJweCByZ2JhKDAsIDAsIDAsIDAuMSk7DQogICAgcG9pbnRlci1ldmVudHM6IG5vbmU7DQogICAgZGlzcGxheTogbm9uZTsNCiAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICAgIGJvcmRlcjogMXB4IHNvbGlkICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICBwYWRkaW5nLWxlZnQ6IDZweDsNCiAgICBwYWRkaW5nLXJpZ2h0OiA2cHg7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICY6OmFmdGVyLA0KICAgICY6OmJlZm9yZSB7DQogICAgICBjb250ZW50OiAiIjsNCiAgICAgIGRpc3BsYXk6IGJsb2NrOw0KICAgICAgcG9zaXRpb246IGFic29sdXRlOw0KICAgICAgd2lkdGg6IDA7DQogICAgICBoZWlnaHQ6IDA7DQogICAgICBib3JkZXItc3R5bGU6IHNvbGlkOw0KICAgICAgZmxleC1zaHJpbms6IDA7DQogICAgfQ0KICB9DQogIC5tYXBsaWJyZWdsLXBvcHVwLXRpcCB7DQogICAgZGlzcGxheTogbm9uZTsNCiAgfQ0KfQ0KDQo6OnYtZGVlcCAubWFwbGlicmVnbC1wb3B1cCB7DQogICYuZmxhdG1hcC1tYXJrZXItcG9wdXAgew0KICAgIGJveC1zaGFkb3c6IDFweCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4xKTsNCiAgICBwb2ludGVyLWV2ZW50czogYXV0bzsNCiAgICBiYWNrZ3JvdW5kOiAjZmZmOw0KICB9DQp9DQoNCi8qIEZpeCBmb3IgY2hyb21lIGJ1ZyB3aGVyZSB1bmRlciB0cmlhbmdsZSBwb3BzIHVwIGFib3ZlIG9uZSBvbiB0b3Agb2YgaXQgICovDQouc2VsZWN0b3I6bm90KCo6cm9vdCksDQo6OnYtZGVlcC5mbGF0bWFwLXRvb2x0aXAtcG9wdXAgew0KICAubWFwbGlicmVnbC1wb3B1cC1jb250ZW50OjphZnRlciB7DQogICAgdG9wOiA5OS45JTsNCiAgfQ0KfQ0KDQo6OnYtZGVlcCAuZmxhdG1hcC10b29sdGlwLWRpYWxvZyB7DQogIC5tYXBsaWJyZWdsLXBvcHVwLXRpcCB7DQogICAgZGlzcGxheTogbm9uZTsNCiAgfQ0KfQ0KDQo6OnYtZGVlcCAuZmxhdG1hcC1tYXJrZXItcG9wdXAgew0KICAubWFwbGlicmVnbC1wb3B1cC1jb250ZW50IHsNCiAgICBwYWRkaW5nOiAwcHg7DQogIH0NCn0NCg0KOjp2LWRlZXAgLmZsYXRtYXB2dWVyLXBvcG92ZXIgew0KICAubWFwbGlicmVnbC1wb3B1cC1jbG9zZS1idXR0b24gew0KICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTsNCiAgICByaWdodDogMC41ZW07DQogICAgdG9wOiAwOw0KICAgIGJvcmRlcjogMDsNCiAgICBib3JkZXItcmFkaXVzOiAwIDNweCAwIDA7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50Ow0KICAgIGZvbnQtc2l6ZTogMi41ZW07DQogICAgY29sb3I6IGdyZXk7DQogICAgdG9wOiAwLjk1ZW07DQogIH0NCn0NCg0KLnpvb21PdXQgew0KICBwYWRkaW5nLWxlZnQ6IDhweDsNCn0NCg0KLmZpdFdpbmRvdyB7DQogIHBhZGRpbmctbGVmdDogOHB4Ow0KfQ0KDQoueWVsbG93LXN0YXItbGVnZW5kIHsNCiAgd2lkdGg6IDEzMHB4Ow0KICBjdXJzb3I6IHBvaW50ZXI7DQp9DQoNCi5zZXR0aW5ncy1ncm91cCB7DQogIGJvdHRvbTogMTZweDsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICB0cmFuc2l0aW9uOiBhbGwgMXMgZWFzZTsNCiAgJi5vcGVuIHsNCiAgICBsZWZ0OiAzMjJweDsNCiAgfQ0KICAmLmNsb3NlIHsNCiAgICBsZWZ0OiAyNHB4Ow0KICB9DQp9DQoNCjo6di1kZWVwIC5iYWNrZ3JvdW5kLXBvcHBlciB7DQogIHBhZGRpbmc6IDVweCAxMnB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmOw0KICBib3JkZXI6IDFweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7DQogIGJveC1zaGFkb3c6IDBweCAycHggMTJweCAwcHggcmdiYSgwLCAwLCAwLCAwLjA2KTsNCiAgaGVpZ2h0OiAyNzBweDsNCiAgd2lkdGg6IDE3NXB4Ow0KICBtaW4td2lkdGg6IDE3NXB4Ow0KICAmLmVsLXBvcHBlclt4LXBsYWNlbWVudF49InRvcCJdIHsNCiAgICAucG9wcGVyX19hcnJvdyB7DQogICAgICBib3JkZXItdG9wLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3IgIWltcG9ydGFudDsNCiAgICAgICY6OmFmdGVyIHsNCiAgICAgICAgYm9yZGVyLXRvcC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KDQo6OnYtZGVlcCAub3Blbi1tYXAtcG9wcGVyIHsNCiAgcGFkZGluZy10b3A6IDVweDsNCiAgcGFkZGluZy1ib3R0b206IDVweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsNCiAgYm9yZGVyOiAxcHggc29saWQgJGFwcC1wcmltYXJ5LWNvbG9yOw0KICBib3gtc2hhZG93OiAwcHggMnB4IDEycHggMHB4IHJnYmEoMCwgMCwgMCwgMC4wNik7DQogIHdpZHRoOiAxNzhweDsNCiAgbWluLXdpZHRoOiAxNzhweDsNCg0KICAuZWwtcm93IH4gLmVsLXJvdyB7DQogICAgbWFyZ2luLXRvcDogOHB4Ow0KICB9DQoNCiAgLmVsLWJ1dHRvbiB7DQogICAgcGFkZGluZy10b3A6IDVweDsNCiAgICBwYWRkaW5nLWJvdHRvbTogNXB4Ow0KICB9DQoNCiAgJi5lbC1wb3BwZXJbeC1wbGFjZW1lbnRePSJ0b3AiXSB7DQogICAgLnBvcHBlcl9fYXJyb3cgew0KICAgICAgYm9yZGVyLXRvcC1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yICFpbXBvcnRhbnQ7DQogICAgICAmOmFmdGVyIHsNCiAgICAgICAgYm9yZGVyLXRvcC1jb2xvcjogI2ZmZiAhaW1wb3J0YW50Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KDQouYmFja2dyb3VuZFRleHQgew0KICBjb2xvcjogcmdiKDQ4LCA0OSwgNTEpOw0KICBmb250LXNpemU6IDE0cHg7DQogIGZvbnQtd2VpZ2h0OiBub3JtYWw7DQogIGxpbmUtaGVpZ2h0OiAyMHB4Ow0KfQ0KDQouYmFja2dyb3VuZENvbnRyb2wgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBtYXJnaW4tdG9wOiAxMnB4Ow0KfQ0KDQouYmFja2dyb3VuZENob2ljZSB7DQogIHdpZHRoOiAyMHB4Ow0KICBoZWlnaHQ6IDIwcHg7DQogIGJvcmRlcjogMXB4IHNvbGlkIHJnYigxNDQsIDE0NywgMTUzKTsNCiAgbWFyZ2luLWxlZnQ6IDIwcHg7DQogICYuYWN0aXZlIHsNCiAgICBib3JkZXI6IDJweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7DQogIH0NCiAgJjpob3ZlciB7DQogICAgY3Vyc29yOiBwb2ludGVyOw0KICB9DQogICYud2hpdGUgew0KICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlOw0KICAgIG1hcmdpbi1sZWZ0OiAxMHB4Ow0KICB9DQogICYuYmxhY2sgew0KICAgIGJhY2tncm91bmQtY29sb3I6IGJsYWNrOw0KICB9DQogICYubGlnaHRza3libHVlIHsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodHNreWJsdWU7DQogIH0NCn0NCg0KLmljb24tYnV0dG9uIHsNCiAgaGVpZ2h0OiAyNHB4ICFpbXBvcnRhbnQ7DQogIHdpZHRoOiAyNHB4ICFpbXBvcnRhbnQ7DQogIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogICY6aG92ZXIgew0KICAgIGN1cnNvcjogcG9pbnRlcjsNCiAgfQ0KfQ0KDQo6OnYtZGVlcCAubWFwbGlicmVnbC1jdHJsLW1pbmltYXAgew0KICB0cmFuc2Zvcm0tb3JpZ2luOiB0b3AgcmlnaHQ7DQogIEBtZWRpYSAobWF4LXdpZHRoOiAxMjUwcHgpIHsNCiAgICBoZWlnaHQ6IDEyNXB4ICFpbXBvcnRhbnQ7IC8vIGltcG9ydGFudCBpcyBuZWVkZWQgaGVyZSBhcyB3ZSBhcmUgb3Zlci1yaWRpbmcgdGhlIHN0eWxlIHNldCBieSB0aGUgZmxhdG1hcA0KICAgIHdpZHRoOiAxODBweCAhaW1wb3J0YW50Ow0KICAgID4+PiAubWFwbGlicmVnbC1jYW52YXMgLm1hcGxpYnJlZ2wtY2FudmFzIHsNCiAgICAgIGhlaWdodDogMTI1cHggIWltcG9ydGFudDsNCiAgICAgIHdpZHRoOiAxODBweCAhaW1wb3J0YW50Ow0KICAgIH0NCiAgfQ0KICBAbWVkaWEgKG1pbi13aWR0aDogMTI1MXB4KSB7DQogICAgaGVpZ2h0OiAxOTBweCAhaW1wb3J0YW50Ow0KICAgIHdpZHRoOiAzMDBweCAhaW1wb3J0YW50Ow0KICAgID4+PiAubWFwbGlicmVnbC1jYW52YXMgLm1hcGxpYnJlZ2wtY2FudmFzIHsNCiAgICAgIGhlaWdodDogMTkwcHggIWltcG9ydGFudDsNCiAgICAgIHdpZHRoOiAzMDBweCAhaW1wb3J0YW50Ow0KICAgIH0NCiAgfQ0KICB0cmFuc2l0aW9uOiBhbGwgMXMgZWFzZTsNCiAgJi5zaHJpbmsgew0KICAgIHRyYW5zZm9ybTogc2NhbGUoMC41KTsNCiAgICB0cmFuc2Zvcm06IHNjYWxlKDAuNSk7DQogIH0NCn0NCg0KLm1pbmltYXAtcmVzaXplIHsNCiAgcG9zaXRpb246IGFic29sdXRlOw0KICBwb2ludGVyLWV2ZW50czogYWxsOw0KICBjdXJzb3I6IHBvaW50ZXI7DQogIHRvcDogMDsNCiAgcmlnaHQ6IDA7DQogIHBhZGRpbmctdG9wOiAzcHg7IC8vIG5lZWRlZCBhcyBpY29uIGlzIG9mZnNldA0KICB3aWR0aDogMjBweDsNCiAgaGVpZ2h0OiAxNHB4Ow0KICB6LWluZGV4OiA5Ow0KICB0cmFuc2l0aW9uOiBhbGwgMXMgZWFzZTsNCiAgJi5zaHJpbmsgew0KICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOw0KICB9DQogICYuZW5sYXJnZSB7DQogICAgdHJhbnNmb3JtOiByb3RhdGUoMTgwZGVnKSBzY2FsZSgyKTsNCiAgICBwYWRkaW5nLWJvdHRvbTogNXB4OyAvLyBub3RlIHBhZGRpbmcgaXMgYWRkZWQgdG8gdGhlIG9wcG9zaXRlIHNpZGUgc2luY2UgaXQgaXMgcm90YXRlZA0KICAgIHBhZGRpbmctbGVmdDogNXB4Ow0KICB9DQp9DQoNCjo6di1kZWVwIC5mbGF0bWFwLXBvcHBlciB7DQogIHBhZGRpbmc6IDZweCA0cHg7DQogIGZvbnQtc2l6ZTogMTJweDsNCiAgY29sb3I6IHJnYig0OCwgNDksIDUxKTsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2YzZWNmNjsNCiAgYm9yZGVyOiAxcHggc29saWQgJGFwcC1wcmltYXJ5LWNvbG9yOw0KICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KICBtaW4td2lkdGg6IHVuc2V0Ow0KICAmLndhcm5pbmctcG9wcGVyIHsNCiAgICBtaW4td2lkdGg6IDE1MHB4Ow0KICAgIG1heC13aWR0aDogNDAwcHg7DQogICAgd29yZC1icmVhazoga2VlcC1hbGw7DQogICAgd2hpdGUtc3BhY2U6IHVuc2V0Ow0KICB9DQogICYubGVmdC1wb3BwZXIgew0KICAgIC5wb3BwZXJfX2Fycm93IHsNCiAgICAgIGJvcmRlci1sZWZ0LWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3IgIWltcG9ydGFudDsNCiAgICAgICY6OmFmdGVyIHsNCiAgICAgICAgYm9yZGVyLWxlZnQtY29sb3I6ICNmM2VjZjYgIWltcG9ydGFudDsNCiAgICAgIH0NCiAgICB9DQogIH0NCiAgJi5yaWdodC1wb3BwZXIgew0KICAgIC5wb3BwZXJfX2Fycm93IHsNCiAgICAgIGJvcmRlci1yaWdodC1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yICFpbXBvcnRhbnQ7DQogICAgICAmOmFmdGVyIHsNCiAgICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiAjZjNlY2Y2ICFpbXBvcnRhbnQ7DQogICAgICB9DQogICAgfQ0KICB9DQogICYuZWwtcG9wcGVyW3gtcGxhY2VtZW50Xj0idG9wIl0gew0KICAgIC5wb3BwZXJfX2Fycm93IHsNCiAgICAgIGJvcmRlci10b3AtY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvciAhaW1wb3J0YW50Ow0KICAgICAgJjphZnRlciB7DQogICAgICAgIGJvcmRlci10b3AtY29sb3I6ICNmM2VjZjYgIWltcG9ydGFudDsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg0KOjp2LWRlZXAgLmVsLWxvYWRpbmctc3Bpbm5lciB7DQogIGksDQogIC5lbC1sb2FkaW5nLXRleHQgew0KICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogIH0NCn0NCg0KOjp2LWRlZXAgLmZsYXRtYXAtcG9wdXAtcG9wcGVyIHsNCiAgLm1hcGxpYnJlZ2wtcG9wdXAtdGlwIHsNCiAgICBib3JkZXItYm90dG9tLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogIH0NCiAgLm1hcGxpYnJlZ2wtcG9wdXAtY29udGVudCB7DQogICAgcGFkZGluZzogNnB4IDRweDsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgY29sb3I6IHJnYig0OCwgNDksIDUxKTsNCiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjNlY2Y2Ow0KICAgIGJvcmRlcjogMXB4IHNvbGlkICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICB3aGl0ZS1zcGFjZTogbm93cmFwOw0KICAgIG1pbi13aWR0aDogdW5zZXQ7DQogICAgLm1hcGxpYnJlZ2wtcG9wdXAtY2xvc2UtYnV0dG9uIHsNCiAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgfQ0KICB9DQp9DQoNCjo6di1kZWVwIC5wb3BwZXItem9vbW91dCB7DQogIHBhZGRpbmctcmlnaHQ6IDEzcHggIWltcG9ydGFudDsNCiAgbGVmdDogLTIxcHggIWltcG9ydGFudDsNCn0NCg0KOjp2LWRlZXAgLnBvcHBlci16b29tb3V0IHsNCiAgLnBvcHBlcl9fYXJyb3cgew0KICAgIGxlZnQ6IDUzcHggIWltcG9ydGFudDsNCiAgfQ0KfQ0KDQo6OnYtZGVlcCAubWFwbGlicmVnbC1wb3B1cC1jb250ZW50IHsNCiAgcGFkZGluZzogMHB4Ow0KfQ0KDQouYm90dG9tLXJpZ2h0LWNvbnRyb2wgew0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIHJpZ2h0OiAxNnB4Ow0KICBib3R0b206IDE2cHg7DQp9DQoNCjo6di1kZWVwIC5teS1kcmF3ZXIgew0KICBiYWNrZ3JvdW5kOiByZ2JhKDAsIDAsIDAsIDApOw0KICBib3gtc2hhZG93OiBub25lOw0KfQ0KDQouZHJhd2VyIHsNCiAgOjp2LWRlZXAgLmVsLWRyYXdlcjpmb2N1cyB7DQogICAgb3V0bGluZTogbm9uZTsNCiAgfQ0KfQ0KDQoub3Blbi1kcmF3ZXIsDQouZHJhd2VyLWJ1dHRvbiB7DQogIHotaW5kZXg6IDg7DQogIHdpZHRoOiAyMHB4Ow0KICBoZWlnaHQ6IDQwcHg7DQogIGJvcmRlcjogc29saWQgMXB4ICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgdGV4dC1hbGlnbjogY2VudGVyOw0KICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlOw0KICBjdXJzb3I6IHBvaW50ZXI7DQogIHBvaW50ZXItZXZlbnRzOiBhdXRvOw0KfQ0KDQoub3Blbi1kcmF3ZXIgew0KICBwb3NpdGlvbjogYWJzb2x1dGU7DQogIGxlZnQ6IDBweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2Y3ZmFmZjsNCiAgYm94LXNoYWRvdzogMCAycHggMTJweCAwIHJnYmEoMCwgMCwgMCwgMC4wNik7DQp9DQoNCi5kcmF3ZXItYnV0dG9uIHsNCiAgZmxvYXQ6IGxlZnQ7DQogIG1hcmdpbi10b3A6IGNhbGMoNTAlIC0gMzZweCk7DQogIGJhY2tncm91bmQtY29sb3I6ICNmOWYyZmM7DQoNCiAgaSB7DQogICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgICBtYXJnaW4tdG9wOiAxMnB4Ow0KICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogICAgdHJhbnNpdGlvbi1kZWxheTogMC45czsNCiAgfQ0KICAmLm9wZW4gew0KICAgIGkgew0KICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZykgc2NhbGVZKDIpOw0KICAgIH0NCiAgfQ0KICAmLmNsb3NlIHsNCiAgICBpIHsNCiAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZykgc2NhbGVZKDIpOw0KICAgIH0NCiAgfQ0KfQ0KDQo6OnYtZGVlcCAubWFwbGlicmVnbC1jYW52YXMtY29udGFpbmVyIHsNCiAgY2FudmFzIHsNCiAgICBvdXRsaW5lOiBub25lOw0KICB9DQp9DQoNCi5iYWNrZ3JvdW5kU3BhY2VyIHsNCiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICNlNGU3ZWQ7DQogIG1hcmdpbi1ib3R0b206IDEwcHg7DQp9DQoNCi5mbGF0bWFwLXJhZGlvIHsNCiAgOjp2LWRlZXAgbGFiZWwgew0KICAgIG1hcmdpbi1yaWdodDogMjBweDsNCiAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgbWFyZ2luLXJpZ2h0OiAwcHg7DQogICAgfQ0KICB9DQogIDo6di1kZWVwIC5lbC1yYWRpb19faW5wdXQgew0KICAgICYuaXMtY2hlY2tlZCB7DQogICAgICAmICsgLmVsLXJhZGlvX19sYWJlbCB7DQogICAgICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogICAgICB9DQogICAgICAuZWwtcmFkaW9fX2lubmVyIHsNCiAgICAgICAgYm9yZGVyLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogICAgICAgIGJhY2tncm91bmQ6ICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICAgIH0NCiAgICB9DQogICAgLmVsLXJhZGlvX19pbm5lcjpob3ZlciB7DQogICAgICBib3JkZXItY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICB9DQogIH0NCn0NCg0KOjp2LWRlZXAgLmN1c3RvbS1wb3B1cCB7DQogIC5tYXBsaWJyZWdsLXBvcHVwLXRpcCB7DQogICAgZGlzcGxheTogbm9uZTsNCiAgfQ0KICAubWFwbGlicmVnbC1wb3B1cC1jb250ZW50IHsNCiAgICBib3JkZXItcmFkaXVzOiA0cHg7DQogICAgYm94LXNoYWRvdzogMCAxcHggMnB4IHJnYmEoMCwgMCwgMCwgMC4xKTsNCiAgICBwb2ludGVyLWV2ZW50czogbm9uZTsNCiAgICBkaXNwbGF5OiBub25lOw0KICAgIGJhY2tncm91bmQ6ICNmZmY7DQogICAgZm9udC1mYW1pbHk6ICJBc2FwIiwgc2Fucy1zZXJpZjsNCiAgICBmb250LXNpemU6IDEycHQ7DQogICAgY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsNCiAgICBib3JkZXI6IDFweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7DQogICAgcGFkZGluZy1sZWZ0OiA2cHg7DQogICAgcGFkZGluZy1yaWdodDogNnB4Ow0KICAgIHBhZGRpbmctdG9wOiA2cHg7DQogICAgcGFkZGluZy1ib3R0b206IDZweDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgJjo6YWZ0ZXIsDQogICAgJjo6YmVmb3JlIHsNCiAgICAgIGNvbnRlbnQ6ICIiOw0KICAgICAgZGlzcGxheTogYmxvY2s7DQogICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICB3aWR0aDogMDsNCiAgICAgIGhlaWdodDogMDsNCiAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7DQogICAgICBmbGV4LXNocmluazogMDsNCiAgICB9DQogICAgLm1hcGxpYnJlZ2wtcG9wdXAtY2xvc2UtYnV0dG9uIHsNCiAgICAgIGRpc3BsYXk6IG5vbmU7DQogICAgfQ0KICB9DQogICYubWFwbGlicmVnbC1wb3B1cC1hbmNob3ItYm90dG9tIHsNCiAgICAubWFwbGlicmVnbC1wb3B1cC1jb250ZW50IHsNCiAgICAgIG1hcmdpbi1ib3R0b206IDEycHg7DQogICAgICAmOjphZnRlciwNCiAgICAgICY6OmJlZm9yZSB7DQogICAgICAgIHRvcDogMTAwJTsNCiAgICAgICAgYm9yZGVyLXdpZHRoOiAxMnB4Ow0KICAgICAgfQ0KICAgICAgLyogdGhpcyBib3JkZXIgY29sb3IgY29udHJvbGxzIHRoZSBjb2xvciBvZiB0aGUgdHJpYW5nbGUgKHdoYXQgbG9va3MgbGlrZSB0aGUgZmlsbCBvZiB0aGUgdHJpYW5nbGUpICovDQogICAgICAmOjphZnRlciB7DQogICAgICAgIG1hcmdpbi10b3A6IC0xcHg7DQogICAgICAgIGJvcmRlci1jb2xvcjogcmdiKDI1NSwgMjU1LCAyNTUpIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50Ow0KICAgICAgfQ0KICAgICAgLyogdGhpcyBib3JkZXIgY29sb3IgY29udHJvbGxzIHRoZSBvdXRzaWRlLCB0aGluIGJvcmRlciAqLw0KICAgICAgJjo6YmVmb3JlIHsNCiAgICAgICAgbWFyZ2luOiAwIGF1dG87DQogICAgICAgIGJvcmRlci1jb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yIHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KICAmLm1hcGxpYnJlZ2wtcG9wdXAtYW5jaG9yLXRvcCB7DQogICAgLm1hcGxpYnJlZ2wtcG9wdXAtY29udGVudCB7DQogICAgICBtYXJnaW4tdG9wOiAxOHB4Ow0KICAgICAgJjo6YWZ0ZXIsDQogICAgICAmOjpiZWZvcmUgew0KICAgICAgICB0b3A6IGNhbGMoLTEwMCUgKyA2cHgpOw0KICAgICAgICBib3JkZXItd2lkdGg6IDEycHg7DQogICAgICB9DQogICAgICAvKiB0aGlzIGJvcmRlciBjb2xvciBjb250cm9sbHMgdGhlIGNvbG9yIG9mIHRoZSB0cmlhbmdsZSAod2hhdCBsb29rcyBsaWtlIHRoZSBmaWxsIG9mIHRoZSB0cmlhbmdsZSkgKi8NCiAgICAgICY6OmFmdGVyIHsNCiAgICAgICAgbWFyZ2luLXRvcDogMXB4Ow0KICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHJnYigyNTUsIDI1NSwgMjU1KSB0cmFuc3BhcmVudDsNCiAgICAgIH0NCiAgICAgICY6OmJlZm9yZSB7DQogICAgICAgIG1hcmdpbjogMCBhdXRvOw0KICAgICAgICBib3JkZXItY29sb3I6IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50ICRhcHAtcHJpbWFyeS1jb2xvciB0cmFuc3BhcmVudDsNCiAgICAgIH0NCiAgICB9DQogIH0NCn0NCg0KLnNlbGVjdC1ib3ggew0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIGJvcmRlcjogMXB4IHNvbGlkIHJnYigxNDQsIDE0NywgMTUzKTsNCiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0td2hpdGUpOw0KICBmb250LXdlaWdodDogNTAwOw0KICBjb2xvcjogcmdiKDQ4LCA0OSwgNTEpOw0KICA6OnYtZGVlcCAuZWwtaW5wdXRfX2lubmVyIHsNCiAgICBoZWlnaHQ6IDMwcHg7DQogICAgY29sb3I6IHJnYig0OCwgNDksIDUxKTsNCiAgfQ0KICA6OnYtZGVlcCAuZWwtaW5wdXRfX2lubmVyIHsNCiAgICAmaXMtZm9jdXMsDQogICAgJjpmb2N1cyB7DQogICAgICBib3JkZXI6IDFweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7DQogICAgfQ0KICB9DQogIDo6di1kZWVwIC5lbC1pbnB1dF9faWNvbiB7DQogICAgbGluZS1oZWlnaHQ6IDMwcHg7DQogIH0NCn0NCg0KOjp2LWRlZXAgLmZsYXRtYXBfZHJvcGRvd24gew0KICBtaW4td2lkdGg6IDE2MHB4ICFpbXBvcnRhbnQ7DQogIC5lbC1zZWxlY3QtZHJvcGRvd25fX2l0ZW0gew0KICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7DQogICAgdGV4dC1hbGlnbjogbGVmdDsNCiAgICAmLnNlbGVjdGVkIHsNCiAgICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7DQogICAgICBmb250LXdlaWdodDogbm9ybWFsOw0KICAgIH0NCiAgfQ0KfQ0K"},{"version":3,"sources":["FlatmapVuer.vue"],"names":[],"mappings":";AAq2CA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;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;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;;AAEA;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","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\r\n      style=\"height: 100%; width: 100%; position: relative; overflow-y: none\"\r\n    >\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            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          >\r\n            <p\r\n              v-if=\"isLegacy\"\r\n              @mouseover=\"showToolitip(6)\"\r\n              @mouseout=\"hideToolitip(6)\"\r\n            >\r\n              This is a legacy map, you may view the latest map instead.\r\n            </p>\r\n            <p\r\n              v-else-if=\"isFC\"\r\n              @mouseover=\"showToolitip(6)\"\r\n              @mouseout=\"hideToolitip(6)\"\r\n            >\r\n              This map displays the connectivity of individual neurons.\r\n              Specifically, those which align with (parts of) the neuron\r\n              populations from the\r\n              <a\r\n                href=\"https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew\"\r\n                target=\"_blank\"\r\n              >\r\n                ApiNATOMY\r\n              </a>\r\n              models available in\r\n              <a\r\n                href=\"https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD\"\r\n                target=\"_blank\"\r\n              >\r\n                SCKAN </a\r\n              >.\r\n            </p>\r\n            <p v-else @mouseover=\"showToolitip(6)\" @mouseout=\"hideToolitip(6)\">\r\n              This map displays the connectivity of neuron populations.\r\n              Specifically, those from the primarily rat-based\r\n              <a\r\n                href=\"https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew\"\r\n                target=\"_blank\"\r\n              >\r\n                ApiNATOMY\r\n              </a>\r\n              models available in\r\n              <a\r\n                href=\"https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD\"\r\n                target=\"_blank\"\r\n              >\r\n                SCKAN </a\r\n              >. New connectivity and species specificity will be added as the\r\n              SPARC program progresses.\r\n            </p>\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\">\r\n                Click here for the latest map\r\n              </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          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        >\r\n          <template #reference> \r\n            <i\r\n              class=\"el-icon-warning latest-changesicon\"\r\n              v-if=\"displayLatestChanges\"\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          </template>\r\n          <template #default>\r\n            <b>Network discovery mode</b>\r\n            <p>\r\n              You can now view the network of neurons connected to a selected\r\n              neuron. This mode is located in the settings at the bottom right.\r\n              Once discovery mode is on, click on a neuron to see its connections.\r\n            </p>\r\n            <b>Now can display up to 6 panes</b>\r\n            <p>\r\n              You can now display up to 6 panes in the flatmap. This allows you to\r\n              compare between different datasets and/or different views of the\r\n              same dataset.\r\n            </p>\r\n          </template>\r\n        </el-popover>\r\n      </div>\r\n\r\n      <!-- The element below is placed onto the flatmap when it is ready -->\r\n      <i\r\n        class=\"el-icon-arrow-down minimap-resize\"\r\n        :class=\"{ enlarge: minimapSmall, shrink: !minimapSmall }\"\r\n        ref=\"minimapResize\"\r\n        v-show=\"minimapResizeShow\"\r\n        @click=\"closeMinimap\"\r\n      ></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\r\n        class=\"pathway-location\"\r\n        :class=\"{ open: drawerOpen, close: !drawerOpen }\"\r\n      >\r\n        <div\r\n          class=\"pathway-container\"\r\n          :class=\"{ open: drawerOpen, close: !drawerOpen }\"\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=\"Location of the featured dataset\"\r\n            placement=\"right\"\r\n            :appendToBody=\"false\"\r\n            trigger=\"hover\"\r\n            popper-class=\"flatmap-popper popper-bump-right right-popper\"\r\n            v-model=\"hoverVisibilities[9].value\"\r\n            ref=\"featuredMarkerPopover\"\r\n          >\r\n          </el-popover>\r\n          <div v-show=\"showStarInLegend\" v-popover:featuredMarkerPopover class=\"yellow-star-legend\" v-html=\"yellowstar\"></div>\r\n          <!-- The line below places the yellowstar svg on the left, and the text \"Featured markers on the right\" with css so they are both centered in the div -->\r\n\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          <tree-controls\r\n            v-if=\"isFC && systems && systems.length > 0\"\r\n            :active=\"currentActive\"\r\n            :hover=\"currentHover\"\r\n            :tree-data=\"systems\"\r\n            ref=\"treeControls\"\r\n            @changed=\"systemSelected\"\r\n            @checkAll=\"checkAllSystems\"\r\n            @change-active=\"ftuSelected\"\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          <!--\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=\"!isFC && taxonConnectivity && taxonConnectivity.length > 0\"\r\n            title=\"Observed in\"\r\n            labelKey=\"label\"\r\n            identifierKey=\"taxon\"\r\n            :selections=\"taxonConnectivity\"\r\n            @changed=\"taxonsSelected\"\r\n            @checkAll=\"checkAllTaxons\"\r\n            ref=\"taxonSelection\"\r\n            key=\"taxonSelection\"\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=\"open-map-popover\"\r\n        placement=\"top-start\"\r\n        width=\"128\"\r\n        :append-to-body=\"false\"\r\n        trigger=\"click\"\r\n        popper-class=\"open-map-popper non-selectable\"\r\n      >\r\n        <el-row v-for=\"item in openMapOptions\" :key=\"item.key\">\r\n          <el-button type=\"primary\" plain @click=\"$emit('open-map', item.key)\">\r\n            {{ item.display }}\r\n          </el-button>\r\n        </el-row>\r\n      </el-popover>\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        popper-class=\"background-popper\"\r\n      >\r\n        <el-row class=\"backgroundText\">Viewing Mode</el-row>\r\n        <el-row class=\"backgroundControl\">\r\n          <el-select\r\n            :popper-append-to-body=\"false\"\r\n            v-model=\"viewingMode\"\r\n            placeholder=\"Select\"\r\n            class=\"select-box\"\r\n            popper-class=\"flatmap_dropdown\"\r\n          >\r\n            <el-option\r\n              v-for=\"item in viewingModes\"\r\n              :key=\"item\"\r\n              :label=\"item\"\r\n              :value=\"item\"\r\n            >\r\n              <el-row>\r\n                <el-col :span=\"12\">{{ item }}</el-col>\r\n              </el-row>\r\n            </el-option>\r\n          </el-select>\r\n        </el-row>\r\n        <el-row class=\"backgroundSpacer\"></el-row>\r\n        <el-row class=\"backgroundText\">Organs display</el-row>\r\n        <el-row class=\"backgroundControl\">\r\n          <el-radio-group\r\n            v-model=\"colourRadio\"\r\n            class=\"flatmap-radio\"\r\n            @change=\"setColour\"\r\n          >\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\r\n            v-model=\"outlinesRadio\"\r\n            class=\"flatmap-radio\"\r\n            @change=\"setOutlines\"\r\n          >\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=\"[\r\n              'backgroundChoice',\r\n              item,\r\n              item == currentBackground ? 'active' : '',\r\n            ]\"\r\n            @click=\"backgroundChangeCallback(item)\"\r\n          />\r\n        </el-row>\r\n      </el-popover>\r\n      <div\r\n        class=\"settings-group\"\r\n        :class=\"{ open: drawerOpen, close: !drawerOpen }\"\r\n      >\r\n        <el-row>\r\n          <el-popover\r\n            v-model=\"hoverVisibilities[8].value\"\r\n            content=\"Open new map\"\r\n            placement=\"right\"\r\n            :append-to-body=\"false\"\r\n            trigger=\"manual\"\r\n            popper-class=\"flatmap-popper right-popper\"\r\n          >\r\n            <map-svg-icon\r\n              v-if=\"enableOpenMapUI && openMapOptions.length > 0\"\r\n              slot=\"reference\"\r\n              v-popover:open-map-popover\r\n              icon=\"openMap\"\r\n              class=\"icon-button\"\r\n              @mouseover.native=\"showToolitip(8)\"\r\n              @mouseout.native=\"hideToolitip(8)\"\r\n            />\r\n          </el-popover>\r\n        </el-row>\r\n        <el-row>\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\"\r\n              slot=\"reference\"\r\n              @mouseover.native=\"showToolitip(3)\"\r\n              @mouseout.native=\"hideToolitip(3)\"\r\n            />\r\n          </el-popover>\r\n        </el-row>\r\n      </div>\r\n      <Tooltip\r\n        ref=\"tooltip\"\r\n        class=\"tooltip\"\r\n        :annotationEntry=\"annotationEntry\"\r\n        :entry=\"tooltipEntry\"\r\n        :annotationDisplay=\"viewingMode === 'Annotation'\"\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\";\r\nimport TreeControls from \"./TreeControls\";\r\nimport { MapSvgIcon, MapSvgSpriteColor } from \"@abi-software/svg-sprite\";\r\nimport SvgLegends from \"./legends/SvgLegends\";\r\nimport {\r\n  Button,\r\n  Col,\r\n  Loading,\r\n  Radio,\r\n  RadioGroup,\r\n  Row,\r\n  Select,\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, findTaxonomyLabel} from \"../services/flatmapQueries.js\";\r\nimport yellowstar from \"../icons/yellowstar\";\r\n\r\nlocale.use(lang);\r\nVue.use(Button);\r\nVue.use(Col);\r\nVue.use(Loading.directive);\r\nVue.use(Radio);\r\nVue.use(RadioGroup);\r\nVue.use(Row);\r\nVue.use(Select);\r\nconst ResizeSensor = require(\"css-element-queries/src/ResizeSensor\");\r\n\r\nconst processTaxon = (flatmapAPI, taxonIdentifiers) => {\r\n  let processed = [];\r\n  taxonIdentifiers.forEach((taxon) => {\r\n    findTaxonomyLabel(flatmapAPI, taxon).then((value) => {\r\n      const item = { taxon, label: value };\r\n      processed.push(item);\r\n    });\r\n  });\r\n\r\n  return processed;\r\n};\r\n\r\nconst processFTUs = (parent, key) => {\r\n  const ftus = [];\r\n  let items = parent.organs ? parent.organs : parent.ftus;\r\n  const children = items\r\n    ? items.filter(\r\n        (obj, index) =>\r\n          items.findIndex((item) => item.label === obj.label) === index\r\n      )\r\n    : undefined;\r\n  if (children) {\r\n    children.forEach((child) => {\r\n      const data = {\r\n        label: child.label,\r\n        models: child.models,\r\n        key: `${key}.${child.label}`,\r\n      };\r\n      const grandChildren = processFTUs(child, data.key);\r\n      if (grandChildren.length > 0) {\r\n        data.children = grandChildren;\r\n      }\r\n      ftus.push(data);\r\n    });\r\n  }\r\n  return ftus;\r\n};\r\n\r\nconst processSystems = (systems) => {\r\n  const allSystems = [];\r\n  if (systems && systems.length > 0) {\r\n    const data = { label: \"All\", key: \"All\", children: [] };\r\n    systems.forEach((system) => {\r\n      const child = {\r\n        colour: system.colour,\r\n        enabled: system.enabled,\r\n        label: system.id,\r\n        key: system.id,\r\n      };\r\n      const children = processFTUs(system, child.key);\r\n      if (children.length > 0) child.children = children;\r\n      data.children.push(child);\r\n    });\r\n\r\n    allSystems.push(data);\r\n  }\r\n\r\n  return allSystems;\r\n};\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    TreeControls,\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) =>\r\n          this.mapImp.enableSckanPath(key, payload.value));\r\n      }\r\n    },\r\n    highlightConnectedPaths: function (payload) {\r\n      if (this.mapImp) {\r\n        let paths = [...this.mapImp.pathModelNodes(payload)];\r\n        // The line below matches the paths to the annIdToFeatureId map to get the feature ids\r\n\r\n        let pathFeatures = paths.map(p=>this.mapImp.featureProperties(p));\r\n        let toHighlight = [];\r\n        pathFeatures.forEach(p=>{\r\n          this.mapImp.nodePathModels(p.featureId).forEach(f=>{\r\n            toHighlight.push(f);\r\n          })\r\n        })\r\n        // display connected paths\r\n        this.mapImp.zoomToFeatures(toHighlight, {noZoomIn: true});\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 (flag) {\r\n      if (this.mapImp) {\r\n        this.systems[0].children.forEach((key) =>\r\n          this.mapImp.enableSystem(key.label, flag)\r\n        );\r\n      }\r\n    },\r\n    ftuSelected: function (models) {\r\n      this.searchAndShowResult(models, true);\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) =>\r\n          this.mapImp.enableLayer(key, payload.value)\r\n        );\r\n      }\r\n    },\r\n    taxonsSelected: function (payload) {\r\n      if (this.mapImp) {\r\n        this.mapImp.enableConnectivityByTaxonIds(payload.key, payload.value);\r\n      }\r\n    },\r\n    checkAllTaxons: function (payload) {\r\n      if (this.mapImp) {\r\n        payload.keys.forEach((key) =>\r\n          this.mapImp.enableConnectivityByTaxonIds(key, payload.value)\r\n        );\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) =>\r\n          this.mapImp.enablePath(key, payload.value)\r\n        );\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            provenanceTaxonomy: data.taxons\r\n              ? JSON.parse(data.taxons)\r\n              : undefined,\r\n          };\r\n          if (eventType === \"click\") {\r\n            if (this.viewingMode === \"Network Discovery\") {\r\n              this.highlightConnectedPaths([data.models]);\r\n            } else {\r\n              this.currentActive = data.models ? data.models : \"\";\r\n            }\r\n          } else if (eventType === \"mouseenter\" && \r\n          !(this.viewingMode === \"Network Discovery\")) {\r\n            this.currentHover = data.models ? data.models : \"\";\r\n          }\r\n          if (\r\n            data &&\r\n            data.type !== \"marker\" &&\r\n            eventType === \"click\" &&\r\n            !(this.viewingMode === \"Network Discovery\")\r\n          ) {\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      if (this.viewingMode  === \"Annotation\") {\r\n        if (data.feature && data.feature.featureId && data.feature.models) {\r\n          this.annotationEntry = { ...data.feature, resourceId: this.serverUUID };\r\n          this.displayTooltip(data.feature.models);\r\n        } else {\r\n          this.annotation = {};\r\n        }\r\n      } else {\r\n        let results =\r\n          await this.flatmapQueries.retrieveFlatmapKnowledgeForEvent(data);\r\n        // The line below only creates the tooltip if some data was found on the path\r\n        // result 0 is the connection, result 1 is the pubmed results from flatmap\r\n        if (\r\n          results[0] ||\r\n          results[1] ||\r\n          (data.feature.hyperlinks && data.feature.hyperlinks.length > 0)\r\n        ) {\r\n          this.resourceForTooltip = data.resource[0];\r\n          data.resourceForTooltip = this.resourceForTooltip;\r\n          this.createTooltipFromNeuronCuration(data);\r\n        }\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(\".maplibregl-popup-close-button\").style.display =\r\n        \"block\";\r\n      this.$refs.tooltip.$el.style.display = \"flex\";\r\n      document.querySelector(\".maplibregl-popup-close-button\").onclick = () => {\r\n        document.querySelector(\".flatmap-tooltip-popup\").style.display =\r\n          \"block\";\r\n      };\r\n    },\r\n    closeTooltip: function () {\r\n      this.$refs.tooltip.$el.style.display = \"none\";\r\n      document.querySelectorAll(\".maplibregl-popup\").forEach((item) => {\r\n        item.style.display = \"none\";\r\n      });\r\n    },\r\n    createTooltipFromNeuronCuration: async function (data) {\r\n      this.tooltipEntry = await this.flatmapQueries.createTooltipData(data);\r\n      this.displayTooltip(data.resource[0]);\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(\r\n        \".maplibregl-ctrl-minimap\"\r\n      ); // find minimap\r\n      if (this.minimapSmall) {\r\n        //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(\r\n        \".maplibregl-ctrl-minimap\"\r\n      );\r\n      if (minimapEl) {\r\n        this.$refs.minimapResize.parentNode.removeChild(\r\n          this.$refs.minimapResize\r\n        );\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        clearTimeout(this.tooltipWait[tooltipNumber]);\r\n        this.tooltipWait[tooltipNumber] = 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        clearTimeout(this.tooltipWait[tooltipNumber]);\r\n        this.tooltipWait[tooltipNumber] = setTimeout(() => {\r\n          this.hoverVisibilities[tooltipNumber].value = false;\r\n        }, 500);\r\n      }\r\n    },\r\n    displayTooltip: function (feature) {\r\n      this.mapImp.showPopup(\r\n        this.mapImp.modelFeatureIds(feature)[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(\".maplibregl-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) state[\"biologicalSex\"] = this.biologicalSex;\r\n        else if (identifier && identifier.biologicalSex)\r\n          state[\"biologicalSex\"] = identifier.biologicalSex;\r\n        if (identifier && identifier.uuid) 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 (\r\n          this.mapImp &&\r\n          state.entry &&\r\n          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) this.mapImp.setState(state.viewport);\r\n        if (state.searchTerm) 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        if (this.uuid) {\r\n          identifier.uuid = this.uuid;\r\n        }\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.serverUUID = this.mapImp.getIdentifier().uuid;\r\n          this.onFlatmapReady();\r\n          if (this._stateToBeSet) 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 = {\r\n          viewport: state.viewport,\r\n          searchTerm: state.searchTerm,\r\n        };\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 =\r\n          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(this.$refs.display, this.mapResize);\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 = processSystems(this.mapImp.getSystems());\r\n      this.taxonConnectivity = processTaxon(\r\n        this.flatmapAPI,\r\n        this.mapImp.taxonIdentifiers\r\n      );\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) 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 (\r\n            searchResults &&\r\n            searchResults.results &&\r\n            searchResults.results.length > 0\r\n          ) {\r\n            this.mapImp.showSearchResults(searchResults);\r\n            if (\r\n              displayLabel &&\r\n              searchResults.results[0].featureId &&\r\n              searchResults.results[0].text\r\n            ) {\r\n              const annotation = this.mapImp.annotation(\r\n                searchResults.results[0].featureId\r\n              );\r\n              this.mapImp.showPopup(\r\n                searchResults.results[0].featureId,\r\n                annotation.label,\r\n                {\r\n                  className: \"custom-popup\",\r\n                  positionAtLastClick: false,\r\n                  preserveSelection: true,\r\n                }\r\n              );\r\n            }\r\n            return true;\r\n          } else 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) return this.mapImp.search(term);\r\n      return [];\r\n    },\r\n  },\r\n  props: {\r\n    entry: String,\r\n    uuid: 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    /**\r\n     * Flag to determine rather open map UI should be\r\n     * presented or not.\r\n     */\r\n    enableOpenMapUI: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    openMapOptions: {\r\n      type: Array,\r\n      default: function () {\r\n        return [\r\n          {\r\n            display: \"Open AC Map\",\r\n            key: \"AC\",\r\n          },\r\n          {\r\n            display: \"Open FC Map\",\r\n            key: \"FC\",\r\n          },\r\n          {\r\n            display: \"Open 3D Human Map\",\r\n            key: \"3D\",\r\n          },\r\n        ];\r\n      },\r\n    },\r\n    showStarInLegend: {\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    /**\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      flatmapAPI: this.flatmapAPI,\r\n      sparcAPI: this.sparcAPI,\r\n    };\r\n  },\r\n  data: function () {\r\n    return {\r\n      annotationEntry: {},\r\n      serverUUID: undefined,\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      taxonConnectivity: [],\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        { value: false },\r\n        { value: false },\r\n      ],\r\n      yellowstar: yellowstar,\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      drawerOpen: false,\r\n      annotationRadio: false,\r\n      colourRadio: true,\r\n      outlinesRadio: true,\r\n      minimapResizeShow: false,\r\n      minimapSmall: false,\r\n      currentActive: \"\",\r\n      currentHover: \"\",\r\n      viewingMode: \"Exploration\",\r\n      viewingModes: [\"Annotation\", \"Exploration\", \"Network Discovery\"],\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  mounted: function () {\r\n    const flatmap = require(\"@abi-software/flatmap-viewer\");\r\n    this.tooltipWait = [];\r\n    this.tooltipWait.length = this.hoverVisibilities.length;\r\n    this.mapManager = new flatmap.MapManager(this.flatmapAPI);\r\n    this.flatmapQueries = new FlatmapQueries();\r\n    this.flatmapQueries.initialise(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@import \"~element-ui/packages/theme-chalk/src/select\";\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  transition: all 1s ease;\r\n  &.open {\r\n    opacity: 1;\r\n  }\r\n  &.close {\r\n    opacity: 0;\r\n  }\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 .maplibregl-popup {\r\n  max-width: 300px !important;\r\n}\r\n\r\n::v-deep .flatmap-tooltip-popup {\r\n  &.maplibregl-popup-anchor-bottom {\r\n    .maplibregl-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  &.maplibregl-popup-anchor-top {\r\n    .maplibregl-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  .maplibregl-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  .maplibregl-popup-tip {\r\n    display: none;\r\n  }\r\n}\r\n\r\n::v-deep .maplibregl-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  .maplibregl-popup-content::after {\r\n    top: 99.9%;\r\n  }\r\n}\r\n\r\n::v-deep .flatmap-tooltip-dialog {\r\n  .maplibregl-popup-tip {\r\n    display: none;\r\n  }\r\n}\r\n\r\n::v-deep .flatmap-marker-popup {\r\n  .maplibregl-popup-content {\r\n    padding: 0px;\r\n  }\r\n}\r\n\r\n::v-deep .flatmapvuer-popover {\r\n  .maplibregl-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.yellow-star-legend {\r\n  width: 130px;\r\n  cursor: pointer;\r\n}\r\n\r\n.settings-group {\r\n  bottom: 16px;\r\n  position: absolute;\r\n  transition: all 1s ease;\r\n  &.open {\r\n    left: 322px;\r\n  }\r\n  &.close {\r\n    left: 24px;\r\n  }\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: 270px;\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::v-deep .open-map-popper {\r\n  padding-top: 5px;\r\n  padding-bottom: 5px;\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  width: 178px;\r\n  min-width: 178px;\r\n\r\n  .el-row ~ .el-row {\r\n    margin-top: 8px;\r\n  }\r\n\r\n  .el-button {\r\n    padding-top: 5px;\r\n    padding-bottom: 5px;\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: #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: 12px;\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 .maplibregl-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 .maplibregl-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  .maplibregl-popup-tip {\r\n    border-bottom-color: $app-primary-color;\r\n  }\r\n  .maplibregl-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    .maplibregl-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 .maplibregl-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 .maplibregl-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  ::v-deep .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    .el-radio__inner:hover {\r\n      border-color: $app-primary-color;\r\n    }\r\n  }\r\n}\r\n\r\n::v-deep .custom-popup {\r\n  .maplibregl-popup-tip {\r\n    display: none;\r\n  }\r\n  .maplibregl-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    .maplibregl-popup-close-button {\r\n      display: none;\r\n    }\r\n  }\r\n  &.maplibregl-popup-anchor-bottom {\r\n    .maplibregl-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  &.maplibregl-popup-anchor-top {\r\n    .maplibregl-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\r\n.select-box {\r\n  border-radius: 4px;\r\n  border: 1px solid rgb(144, 147, 153);\r\n  background-color: var(--white);\r\n  font-weight: 500;\r\n  color: rgb(48, 49, 51);\r\n  ::v-deep .el-input__inner {\r\n    height: 30px;\r\n    color: rgb(48, 49, 51);\r\n  }\r\n  ::v-deep .el-input__inner {\r\n    &is-focus,\r\n    &:focus {\r\n      border: 1px solid $app-primary-color;\r\n    }\r\n  }\r\n  ::v-deep .el-input__icon {\r\n    line-height: 30px;\r\n  }\r\n}\r\n\r\n::v-deep .flatmap_dropdown {\r\n  min-width: 160px !important;\r\n  .el-select-dropdown__item {\r\n    white-space: nowrap;\r\n    text-align: left;\r\n    &.selected {\r\n      color: $app-primary-color;\r\n      font-weight: normal;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n"]}]}