`,nn=function(e){return e?[...new Set(e.map(t=>JSON.stringify(t)))].map(t=>JSON.parse(t)):[]},ii=[],ai=async function(e,t){const o=t.filter(r=>ii.some(s=>s.taxon===r)),i=ii.filter(r=>o.includes(r.taxon)),a=t.filter(r=>!o.includes(r));if(a.length){const r=await e.queryLabels(a);if(r.length)return r.forEach(s=>{let{entity:l,label:c}=s;c==="Mammalia"&&(c="Mammalia not otherwise specified");const d={taxon:l,label:c};i.push(d),ii.push(d)}),i}else return i},ri=function(e,t){if(!e||!t)return!1;let o=JSON.stringify(e),i=JSON.stringify(t);return o.indexOf(i)!==-1},Ot=(e,t)=>{const o=e.name??e,i=t.name??t,a=o.toUpperCase(),r=i.toUpperCase();return ar?1:0};let yy=function(){this.initialise=function(e){this.flatmapAPI=e,this.destinations=[],this.origins=[],this.components=[],this.rawURLs=[],this.controller=void 0,this.uberons=[],this.lookUp=[],this.connectivitySource="map",this.noMapConnectivity=!1},this.createTooltipData=async function(e,t){let o=[];t.feature.hyperlinks&&t.feature.hyperlinks.length>0?o=t.feature.hyperlinks:o=this.rawURLs;let i;if(t.provenanceTaxonomy){i=[];try{const r=await ai(e,t.provenanceTaxonomy);r.length&&r.forEach(s=>{const{label:l}=s;i.push(l)})}catch(r){console.log(r)}}return{destinations:this.destinations,origins:this.origins,components:this.components,destinationsWithDatasets:this.destinationsWithDatasets,originsWithDatasets:this.originsWithDatasets,componentsWithDatasets:this.componentsWithDatasets,title:t.label,featureId:t.resource,hyperlinks:o,provenanceTaxonomy:t.provenanceTaxonomy,provenanceTaxonomyLabel:i,connectivitySource:this.connectivitySource,noMapConnectivity:this.noMapConnectivity}},this.updateTooltipData=function(e){return{...e,origins:this.origins,originsWithDatasets:this.originsWithDatasets,components:this.components,componentsWithDatasets:this.componentsWithDatasets,destinations:this.destinations,destinationsWithDatasets:this.destinationsWithDatasets,connectivitySource:this.connectivitySource,noMapConnectivity:this.noMapConnectivity}},this.createComponentsLabelList=function(e,t){let o=[];return e.forEach(i=>{o.push(this.createLabelFromNeuralNode(i[0]),t),i.length===2&&o.push(this.createLabelFromNeuralNode(i[1]),t)}),o},this.createLabelLookup=function(e,t){return new Promise(async o=>{let i={};this.uberons=[];const a=await ai(e,t);a.length&&(a.forEach(r=>{const{taxon:s,label:l}=r;i[s]=l,this.uberons.push({id:s,name:l})}),o(i))})},this.buildConnectivitySqlStatement=function(e){let t="select knowledge from knowledge where entity in (";if(e.length===1)t+=`'${e[0]}')`;else if(e.length>1)for(let o in e)t+=`'${e[o]}'${o>=e.length-1?")":","} `;return t},this.buildLabelSqlStatement=function(e){let t="select entity, label from labels where entity in (";if(e.length===1)t+=`'${e[0]}')`;else if(e.length>1)for(let o in e)t+=`'${e[o]}'${o>=e.length-1?")":","} `;return t},this.findAllIdsFromConnectivity=function(e){let t=e.connectivity.flat(),o=[...new Set(t)],i=[];return o.forEach(a=>{Array.isArray(a)?i.push(a.flat()):i.push(a)}),[...new Set(i.flat())]},this.flattenConnectivity=function(e){let t=e.flat(),o=[...new Set(t)],i=[];return o.forEach(a=>{Array.isArray(a)?i.push(a.flat()):i.push(a)}),i.flat()},this.findComponents=function(e,t,o,i){let a=e.connectivity.flat(),r=nn(a),s=[],l=!1;return r.forEach(c=>{l=!1,ri(t,c)&&(l=!0),i&&ri(i,c)&&(l=!0),ri(o,c)&&(l=!0),l||s.push(c)}),s},this.retrieveFlatmapKnowledgeForEvent=async function(e,t){this.controller&&this.controller.abort(),this.controller=new AbortController,this.controller.signal;const o=t.resource;if(this.destinations=[],this.origins=[],this.components=[],this.rawURLs=[],!o||o.length===0||!o[0])return;let i=this.queryForConnectivityNew(e,o[0]);return await Promise.all([i])},this.queryForConnectivityNew=function(e,t,o="map",i=!0){return this.connectivitySource=o,new Promise(a=>{(o==="map"?this.queryMapConnectivity(e.provenance.uuid,t):e.queryKnowledge(t)).then(s=>{if(this.checkConnectivityExists(s)){o==="map"&&(this.noMapConnectivity=!1);let l=s;i?this.processConnectivity(e,l).then(c=>{s.references&&(this.rawURLs=[...s.references]),a(c)}):a(l)}else o==="map"?(this.connectivitySource="sckan",this.noMapConnectivity=!0,e.queryKnowledge(t).then(l=>{if(this.checkConnectivityExists(l)){let c=l;i?this.processConnectivity(e,c).then(d=>{l.references&&(this.rawURLs=[...l.references]),a(d)}):a(c)}else a(!1)}).catch(()=>a(!1))):a(!1)}).catch(s=>{s.name==="AbortError"||console.warn(`Unable to get the knowledge for the entity ${t}.`),a(!1)})})},this.queryMapConnectivity=async function(e,t){const o=this.flatmapAPI+`flatmap/${e}/connectivity/${t}`;try{const i=await fetch(o);if(!i.ok)throw new Error(`Response status: ${i.status}`);return await i.json()}catch(i){throw new Error(i)}},this.queryForConnectivity=function(e,t,o,i=!0){const a={sql:this.buildConnectivitySqlStatement(t)},r={method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a),...o?{signal:o}:{}};return new Promise(s=>{fetch(`${this.flatmapAPI}knowledge/query/`,r).then(l=>l.json()).then(l=>{if(this.connectivityExists(l)){let c=JSON.parse(l.values[0][0]);i?this.processConnectivity(e,c).then(d=>{s(d)}):s(c)}else s(!1)}).catch(l=>{l.name==="AbortError"||console.error("Error:",l),s(!1)})})},this.checkConnectivityExists=function(e){var t;return e&&((t=e.connectivity)==null?void 0:t.length)},this.connectivityExists=function(e){return!!(e.values&&e.values.length>0&&JSON.parse(e.values[0][0]).connectivity&&JSON.parse(e.values[0][0]).connectivity.length>0)},this.findIfNodeIsSingle=function(e){return e.length===1?(console.error("Server returns a single node",e),e[0]):e.length===2&&e[1].length===0?e[0]:!1},this.createLabelFromNeuralNode=function(e,t){let o=this.findIfNodeIsSingle(e);if(o)return t[o];let i=t[e[0]];return e.length===2&&e[1].length>0&&e[1].forEach(a=>{t[a]==null?i+=`, ${a}`:i+=`, ${t[a]}`}),i},this.flattenAndFindDatasets=function(e,t,o){let i=this.flattenConnectivity(e),a=this.flattenConnectivity(t),r=this.flattenConnectivity(o);this.originsWithDatasets=this.uberons.filter(s=>i.indexOf(s.id)!==-1).sort(Ot),this.componentsWithDatasets=this.uberons.filter(s=>a.indexOf(s.id)!==-1).sort(Ot),this.destinationsWithDatasets=this.uberons.filter(s=>r.indexOf(s.id)!==-1).sort(Ot)},this.processConnectivity=function(e,t){return new Promise(o=>{let i=[],a=[],r;if(t&&t["node-phenotypes"]){const c=["ilxtr:hasSomaLocatedIn"],d=["ilxtr:hasAxonPresynapticElementIn","ilxtr:hasAxonSensorySubcellularElementIn"];c.forEach(f=>{f in t["node-phenotypes"]&&i.push(...t["node-phenotypes"][f])}),i=nn(i),d.forEach(f=>{f in t["node-phenotypes"]&&a.push(...t["node-phenotypes"][f])}),a=nn(a)}else a=nn(t.axons),t.somas&&t.somas.length>0&&i.push(...t.somas),t.dendrites&&t.dendrites.length>0&&i.push(...t.dendrites),i=nn(i),r=t.somas;const s=this.findComponents(t,a,i,r),l=this.findAllIdsFromConnectivity(t);this.createLabelLookup(e,l).then(c=>{this.origins=i.map(d=>this.createLabelFromNeuralNode(d,c)).sort(Ot),this.components=s.map(d=>this.createLabelFromNeuralNode(d,c)).sort(Ot),this.destinations=a.map(d=>this.createLabelFromNeuralNode(d,c)).sort(Ot),this.flattenAndFindDatasets(i,s,a),o({ids:{dendrites:i,components:s,axons:a},labels:{origins:this.origins,components:this.components,destinations:this.destinations}})})})},this.buildPubmedSqlStatement=function(e){let t="select distinct publication from publications where entity in (";if(e.length===1)t+=`'${e[0]}')`;else if(e.length>1)for(let o in e)t+=`'${e[o]}'${o>=e.length-1?")":","} `;return t},this.buildPubmedSqlStatementForModels=function(e){return`select distinct publication from publications where entity = '${e}'`},this.queryKnowledge=async(e,t)=>{const o=`${this.flatmapAPI}/knowledge/query/`,a=await fetch(o,{method:"POST",headers:{Accept:"application/json"},body:JSON.stringify({sql:e,params:t})});if(!a.ok)throw new Error(`Cannot access ${o}`);const r=await a.json();if("error"in r)throw new TypeError(r.error);return r.values}};async function by(e){const t=sessionStorage.getItem("flatmap-knowledge");if(t){const a=JSON.parse(t).filter(r=>r.references&&r.references.length).filter(r=>r.references.includes(e));if(a.length)return a.map(s=>s.id)}return[]}async function wy(e,t,o){const a=`select knowledge from knowledge where source="${si(e)}" and knowledge like "%${t}%" order by source desc`;return(await o.queryKnowledge(a)).map(c=>JSON.parse(c)).map(c=>c.id)}function si(e){return Cy(e.provenance)}function Cy(e){let t="";if(e!=null&&e.connectivity){const o=e.connectivity;"knowledge-source"in o?t=o["knowledge-source"]:"npo"in o&&(t=`${o.npo.release}-npo`)}return t}async function vy(e,t){const o=si(e),i=`select knowledge from knowledge where source="${o}" order by source desc`;us();const a=sessionStorage.getItem("flatmap-knowledge"),r=sessionStorage.getItem("flatmap-knowledge-source");if(!a||r!==o){const l=(await t.queryKnowledge(i)).map(c=>JSON.parse(c));return sessionStorage.setItem("flatmap-knowledge",JSON.stringify(l)),sessionStorage.setItem("flatmap-knowledge-source",o),Sy(),l}return JSON.parse(a)}function Sy(){const o=new Date().getTime()+864e5;sessionStorage.setItem("flatmap-knowledge-expiry",o)}function ky(){["flatmap-knowledge","flatmap-knowledge-expiry","flatmap-knowledge-source"].forEach(t=>{sessionStorage.removeItem(t)})}function us(){const e=sessionStorage.getItem("flatmap-knowledge-expiry");new Date().getTime()>e&&ky()}const li=e=>e&&e.charAt(0).toUpperCase()+e.slice(1),Ey='';var ps={exports:{}};(function(e,t){(function(o,i){e.exports=i()})(typeof window<"u"?window:pm,function(){if(typeof window>"u")return null;var o=typeof window<"u"&&window.Math==Math?window:typeof self<"u"&&self.Math==Math?self:Function("return this")(),i=o.requestAnimationFrame||o.mozRequestAnimationFrame||o.webkitRequestAnimationFrame||function(f){return o.setTimeout(f,20)},a=o.cancelAnimationFrame||o.mozCancelAnimationFrame||o.webkitCancelAnimationFrame||function(f){o.clearTimeout(f)};function r(f,u){var p=Object.prototype.toString.call(f),g=p==="[object Array]"||p==="[object NodeList]"||p==="[object HTMLCollection]"||p==="[object Object]"||typeof jQuery<"u"&&f instanceof jQuery||typeof Elements<"u"&&f instanceof Elements,h=0,m=f.length;if(g)for(;h({userProfile:{token:""}}),getters:{userToken(e){return e.userProfile.token}},actions:{setUserToken(e){this.userProfile.token=e}}});function Oy(e){return{all:e=e||new Map,on:function(t,o){var i=e.get(t);i?i.push(o):e.set(t,[o])},off:function(t,o){var i=e.get(t);i&&(o?i.splice(i.indexOf(o)>>>0,1):e.set(t,[]))},emit:function(t,o){var i=e.get(t);i&&i.slice().map(function(a){a(o)}),(i=e.get("*"))&&i.slice().map(function(a){a(t,o)})}}}const ci=new Oy,My="cannot be found on the map.",xy=e=>{let t={lng:0,lat:0},o;return e.type==="Polygon"?e.coordinates.length&&(o=e.coordinates[0]):o=e.coordinates,o&&(e.type!=="Point"?(o.map(i=>{t.lng+=parseFloat(i[0]),t.lat+=parseFloat(i[1])}),t.lng=t.lng/o.length,t.lat=t.lat/o.length):(t.lng+=parseFloat(o[0]),t.lat+=parseFloat(o[1]))),t},hs=(e,t)=>{const o=[];let i=e.organs?e.organs:e.ftus;const a=i?i.filter((r,s)=>i.findIndex(l=>l.label===r.label)===s):void 0;return a&&a.forEach(r=>{const s={label:r.label,models:r.models,key:`${t}.${r.label}`},l=hs(r,s.key);l.length>0&&(s.children=l),o.push(s)}),o},By={name:"FlatmapVuer",components:{Button:Fr,Col:en,Loading:Jg,Radio:Xr,Icon:ke,RadioGroup:es,Row:Xt,Select:Hn,Dialog:hg,MapSvgIcon:mi.MapSvgIcon,MapSvgSpriteColor:mi.MapSvgSpriteColor,Tooltip:Pt.Tooltip,TreeControls:Pt.TreeControls,SelectionsGroup:fs,SvgLegends:my,ElIconWarningFilled:K.WarningFilled,ElIconArrowDown:K.ArrowDown,ElIconArrowLeft:K.ArrowLeft,DrawToolbar:Pt.DrawToolbar},beforeCreate:function(){this.setStateRequired=!1},setup(e){let t=n.inject("$annotator");return t||(t=n.markRaw(new Es.AnnotationService(`${e.flatmapAPI}annotator`)),n.provide("$annotator",t)),{annotator:t}},methods:{enableFeatureResetOnClick:function(e){this.mapImp&&this.mapImp.enableFeatureResetOnClick(e)},setVisibilityFilter:function(e){this.mapImp&&(e?this.mapImp.setVisibilityFilter(e):this.mapImp.clearVisibilityFilter())},manualAbortedOnClose:function(){this.annotationSidebar&&this.$emit("annotation-close"),this.closeTooltip(),this.annotationEventCallback({},{type:"aborted"}),this.initialiseDrawing()},initialiseDrawing:function(){this.connectionEntry={},this.activeDrawTool=void 0,this.activeDrawMode=void 0,this.drawnCreatedEvent={}},cancelDrawnFeature:function(){this.isValidDrawnCreated&&(this.annotationSidebar&&this.$emit("annotation-close"),this.closeTooltip(),this.annotationEntry=[{...this.drawnCreatedEvent.feature,resourceId:this.serverURL}],this.rollbackAnnotationEvent(),this.initialiseDrawing())},connectedFeatureTooltip:function(e){if(this.mapImp)if(e){const t=Number(e);let i={feature:t?this.mapImp.featureProperties(t):{feature:this.existDrawnFeatures.find(a=>a.id===e.trim())}};this.checkAndCreatePopups([i],!1)}else this.closeTooltip()},confirmDrawnFeature:function(){this.isValidDrawnCreated&&(this.checkAndCreatePopups([this.drawnCreatedEvent],!1),Object.keys(this.connectionEntry).length>0&&(this.annotationEntry[0].feature.connection=this.connectionEntry),this.initialiseDrawing())},toolbarEvent:function(e,t){if(!this.isValidDrawnCreated){if(this.manualAbortedOnClose(),this.doubleClickedFeature=!1,this.changeAnnotationDrawMode({mode:"simple_select"}),e==="mode")this.activeDrawMode=t;else if(e==="tool"){if(this.cancelDrawnFeature(),t){const o=t.replace(/[A-Z]/g,i=>`_${i.toLowerCase()}`);this.changeAnnotationDrawMode({mode:`draw${o}`})}this.activeDrawTool=t}}},annotationDrawModeEvent:function(e){this.activeDrawMode==="Edit"?this.doubleClickedFeature&&(e.feature.feature.geometry.type!=="Point"&&(this.changeAnnotationDrawMode({mode:"direct_select",options:{featureId:e.feature.feature.id}}),this.modifyAnnotationFeature()),this.doubleClickedFeature=!1):this.activeDrawMode==="Delete"&&(this.changeAnnotationDrawMode({mode:"simple_select",options:{featureIds:[e.feature.feature.id]}}),this.modifyAnnotationFeature())},createConnectivityBody:function(){if(Object.keys(this.connectionEntry).length>0){const e=Object.values(this.connectionEntry),t={type:"connectivity",source:e[0],target:e[e.length-1],intermediates:e.filter((o,i)=>i!==0&&i!==e.length-1)};this.annotationEntry[0].body=t}},changeAnnotationDrawMode:function(e){this.mapImp&&this.mapImp.changeAnnotationDrawMode(e)},clearAnnotationFeature:function(){this.mapImp&&this.mapImp.clearAnnotationFeature()},modifyAnnotationFeature:function(){this.mapImp&&this.mapImp.removeAnnotationFeature()},rollbackAnnotationEvent:function(){this.mapImp&&this.annotationEntry.length>0&&["created","updated","deleted"].includes(this.annotationEntry[0].type)&&(this.mapImp.rollbackAnnotationEvent(this.annotationEntry[0]),this.annotationEntry=[])},commitAnnotationEvent:function(e){this.mapImp&&(this.offlineAnnotationEnabled&&(this.offlineAnnotations=JSON.parse(sessionStorage.getItem("anonymous-annotation"))||[],this.offlineAnnotations.push(e),this.annotationEntry[0].type==="deleted"&&(this.offlineAnnotations=this.offlineAnnotations.filter(t=>t.resource!==this.serverURL||t.item.id!==e.item.id)),sessionStorage.setItem("anonymous-annotation",JSON.stringify(this.offlineAnnotations))),["created","updated","deleted"].includes(this.annotationEntry[0].type)&&(this.featureAnnotationSubmitted=!0,this.mapImp.commitAnnotationEvent(this.annotationEntry[0]),e.body.comment==="Position Updated"?this.annotationEntry[0].positionUpdated=!1:this.annotationEntry[0].type==="deleted"&&(this.annotationSidebar&&this.$emit("annotation-close"),this.closeTooltip(),this.annotationEntry=[]),this.addAnnotationFeature()))},fetchAnnotatedItemIds:async function(e=void 0,t=void 0){let o;return this.offlineAnnotationEnabled?(this.offlineAnnotations=JSON.parse(sessionStorage.getItem("anonymous-annotation"))||[],o=this.offlineAnnotations.filter(i=>i.resource===this.serverURL).map(i=>i.item.id)):(o=await this.annotator.annotatedItemIds(this.userToken,this.serverURL,e,t),"resource"in o&&(o=o.itemIds)),o},setFeatureAnnotated:async function(){if(this.mapImp){const e=await this.fetchAnnotatedItemIds();for(const t of e)this.mapImp.setFeatureAnnotated(t)}},fetchDrawnFeatures:async function(e,t){let o;if(this.offlineAnnotationEnabled)this.offlineAnnotations=JSON.parse(sessionStorage.getItem("anonymous-annotation"))||[],o=this.offlineAnnotations.filter(i=>i.feature&&i.resource===this.serverURL).map(i=>i.feature);else{const i=await this.fetchAnnotatedItemIds(e,t);o=await this.annotator.drawnFeatures(this.userToken,this.serverURL,i),"resource"in o&&(o=o.features)}return o},addAnnotationFeature:async function(){if(this.mapImp){this.featureAnnotationSubmitted||(this.clearAnnotationFeature(),this.loading=!0);const e=this.annotationFrom==="Anyone"?void 0:this.authorisedUser.orcid?this.authorisedUser.orcid:"0000-0000-0000-0000",t=this.annotationFrom==="Anyone"?void 0:this.annotationFrom==="Me",o=await this.fetchDrawnFeatures(e,t);if(this.existDrawnFeatures=o,this.loading=!1,!this.featureAnnotationSubmitted)for(const i of o)this.mapImp.addAnnotationFeature(i)}},showAnnotator:function(e){this.mapImp&&(this.mapImp.showAnnotator(e),this.$el.querySelector(".maplibregl-ctrl-group").style.display="none")},setAnnotationFrom:function(e){this.annotationFrom=e,this.mapImp&&(this.manualAbortedOnClose(),this.addAnnotationFeature())},emitOfflineAnnotationUpdate:function(){this.$emit("update-offline-annotation-enabled",this.offlineAnnotationEnabled)},setFlightPath3D:function(e){this.flightPath3DRadio=e,this.mapImp&&this.mapImp.enableFlightPaths(e)},viewLatestMap:function(){let e=this.biologicalSex?this.biologicalSex:void 0;this.entry==="NCBITaxon:9606"&&(e="PATO:0000384");const t={entry:this.entry,biologicalSex:e,viewport:this.mapImp.getState()};this.$emit("view-latest-map",t)},backgroundChangeCallback:function(e){this.currentBackground=e,this.mapImp&&this.mapImp.setBackgroundColour(this.currentBackground,1)},processSystems:function(e){if(this.systems.length=0,e&&e.length>0){const t={label:"All",key:"All",children:[]};e.forEach(o=>{const i={colour:o.colour,enabled:o.enabled,label:o.id,key:o.id},a=hs(o,i.key);a.length>0&&(i.children=a),t.children.push(i)}),this.systems.push(t)}},processTaxon:function(e,t){this.taxonConnectivity.length=0,ai(this.mapImp,e).then(o=>{o.length&&o.forEach(i=>{let a=!0;t&&(a=t.checkAll?!0:t.checked.includes(i.taxon)),this.taxonConnectivity.push({...i,enabled:a}),this.mapImp&&this.mapImp.enableConnectivityByTaxonIds(i.taxon,a)})})},toggleDrawer:function(){this.drawerOpen=!this.drawerOpen},setColour:function(e){this.colourRadio=e,this.mapImp&&this.mapImp.setPaint({coloured:e,outlined:this.outlinesRadio})},setOutlines:function(e){this.outlinesRadio=e,this.mapImp&&this.mapImp.setPaint({coloured:this.colourRadio,outlined:e})},setInitMapState:function(){if(this.mapImp){const e=this.mapImp.map,t=this.mapImp.options.bounds,o=[[t[0],t[1]],[t[2],t[3]]];e.setMaxBounds(null),e.setRenderWorldCopies(!1),this.initMapState=n.markRaw({initBounds:o})}},resetView:function(){if(this.mapImp){const e=this.mapImp.map,{initBounds:t}=this.initMapState;e.resetNorthPitch({animate:!1}),t&&e.fitBounds(t,{animate:!1}),this.$refs.skcanSelection&&this.$refs.skcanSelection.reset(),this.$refs.layersSelection&&this.$refs.layersSelection.reset(),this.$refs.systemsSelection&&this.$refs.pathwaysSelection.reset(),this.$refs.pathwaysSelection&&this.$refs.pathwaysSelection.reset()}},zoomIn:function(){this.mapImp&&this.mapImp.zoomIn()},zoomOut:function(){this.mapImp&&this.mapImp.zoomOut()},onSelectionsDataChanged:function(e){this.$emit("pathway-selection-changed",e)},sckanSelected:function(e){this.mapImp&&this.mapImp.enableSckanPath(e.key,e.value)},checkAllSCKAN:function(e){this.mapImp&&e.keys.forEach(t=>this.mapImp.enableSckanPath(t,e.value))},zoomToFeatures:function(e){this.mapImp&&this.mapImp.zoomToFeatures(e)},retrieveConnectedPaths:async function(e,t={}){var o,i,a,r,s;if(this.mapImp){let l=[],c=(o=t.target)!=null&&o.length?t.target:[];const d=[...this.mapImp.pathModelNodes(e)],f=await this.mapImp.queryPathsForFeatures(e);if(d.length){if(!c.length){const u=(i=t.type)!=null&&i.length?t.type:["all"],p=await this.flatmapQueries.queryForConnectivityNew(this.mapImp,e[0]),g=(a=p==null?void 0:p.ids)==null?void 0:a.dendrites.flat(1/0),h=(r=p==null?void 0:p.ids)==null?void 0:r.components.flat(1/0),m=(s=p==null?void 0:p.ids)==null?void 0:s.axons.flat(1/0);let y=[];u.includes("origins")&&y.push(...g),u.includes("components")&&y.push(...h),u.includes("destinations")&&y.push(...m),u.includes("all")&&y.push(...g,...h,...m),c=[...new Set(y)]}d.forEach(u=>{this.mapImp.nodePathModels(u).forEach(g=>{const m=this.mapImp.pathModelNodes(g).map(b=>this.mapImp.featureProperties(b).models);c.filter(b=>m.includes(b)).length&&!l.includes(g)&&l.push(g)})})}else f.length&&(c.length?f.forEach(u=>{const g=this.mapImp.pathModelNodes(u).map(m=>this.mapImp.featureProperties(m).models);c.filter(m=>g.includes(m)).length&&!l.includes(u)&&l.push(u)}):l=f);return l=[...new Set([...l,...e])],l}},resetMapFilter:function(){const e=this.mapFilters.alert;let t;const o={"tile-layer":"pathways"},i={NOT:o};e.with&&!e.without?t={OR:[i,{AND:[o,{HAS:"alert"}]}]}:!e.with&&e.without?t={OR:[i,{AND:[o,{NOT:{HAS:"alert"}}]}]}:!e.with&&!e.without&&(t=i),this.setVisibilityFilter(t)},alertMouseEnterEmitted:function(e){if(this.mapImp)if(e.value){let t;const o={"tile-layer":"pathways"},i={NOT:o};if(e.key==="alert"||e.key==="withoutAlert"){const a=e.key==="alert"?{HAS:"alert"}:{NOT:{HAS:"alert"}};t={OR:[i,{AND:[o,a]}]}}this.setVisibilityFilter(t)}else this.resetMapFilter()},alertSelected:function(e){this.mapImp&&(e.key==="alert"?e.value?this.mapFilters.alert.with=!0:this.mapFilters.alert.with=!1:e.key==="withoutAlert"&&(e.value?this.mapFilters.alert.without=!0:this.mapFilters.alert.without=!1),this.resetMapFilter())},checkAllAlerts:function(e){this.mapImp&&(e.value?(this.mapFilters.alert.without=!0,this.mapFilters.alert.with=!0):(this.mapFilters.alert.without=!1,this.mapFilters.alert.with=!1),this.resetMapFilter())},systemSelected:function(e){this.mapImp&&this.mapImp.enableSystem(e.key,e.value)},checkAllSystems:function(e){this.mapImp&&this.systems[0].children.forEach(t=>this.mapImp.enableSystem(t.label,e))},ftuSelected:function(e){this.searchAndShowResult(e,!0,!0)},layersSelected:function(e){this.mapImp&&this.mapImp.enableLayer(e.key,e.value)},checkAllLayers:function(e){this.mapImp&&e.keys.forEach(t=>this.mapImp.enableLayer(t,e.value))},taxonsSelected:function(e){this.mapImp&&this.mapImp.enableConnectivityByTaxonIds(e.key,e.value)},taxonMouseEnterEmitted:function(e){if(this.mapImp)if(e.value){clearTimeout(this.taxonLeaveDelay);let t=this.mapImp.taxonFeatureIds(e.key);this.mapImp.enableConnectivityByTaxonIds(e.key,e.value),this.mapImp.zoomToGeoJSONFeatures(t,{noZoomIn:!0})}else this.taxonLeaveDelay=setTimeout(()=>{this.mapImp.unselectGeoJSONFeatures(),e.selections.forEach(t=>{let o=e.checked.includes(t.taxon);this.mapImp.enableConnectivityByTaxonIds(t.taxon,o)})},1e3)},checkAllTaxons:function(e){this.mapImp&&this.mapImp.enableConnectivityByTaxonIds(e.keys,e.value)},pathwaysSelected:function(e){this.mapImp&&this.mapImp.enablePath(e.key,e.value)},checkAllPathways:function(e){this.mapImp&&e.keys.forEach(t=>this.mapImp.enablePath(t,e.value))},enablePanZoomEvents:function(e){this.mapImp.enablePanZoomEvents(e)},annotationEventCallback:function(e,t){if(t.type==="aborted")this.featureAnnotationSubmitted?this.featureAnnotationSubmitted=!1:this.rollbackAnnotationEvent(),this.annotationEntry=[];else if(t.type==="modeChanged")t.feature.mode==="direct_select"&&(this.doubleClickedFeature=!0),this.annotationSidebar&&t.feature.mode==="simple_select"&&this.activeDrawMode==="Deleted"&&this.annotationEventCallback({},{type:"aborted"});else if(t.type==="selectionChanged"){if(this.selectedDrawnFeature=t.feature.features.length===0?void 0:t.feature.features[0],e.feature.feature=this.selectedDrawnFeature,!this.activeDrawTool)if(this.connectionEntry={},this.selectedDrawnFeature){const o=this.existDrawnFeatures.find(i=>i.id===this.selectedDrawnFeature.id);o&&o.connection&&(this.connectionEntry=o.connection),this.annotationDrawModeEvent(e)}else this.annotationSidebar&&this.previousEditEvent.type==="updated"&&(this.annotationEntry=[{...this.previousEditEvent,resourceId:this.serverURL}],this.annotationEventCallback({},{type:"aborted"})),this.previousEditEvent={}}else{if(t.type==="created"||t.type==="updated"){t.type==="updated"&&t.feature.action&&(t.positionUpdated=t.feature.action==="move");const o=this.mapImp.refreshAnnotationFeatureGeometry(t.feature);e.feature.feature=o}t.type==="created"?this.drawnCreatedEvent=e:this.checkAndCreatePopups([e])}t.type==="updated"&&(this.previousEditEvent=t),t.type==="deleted"?this.previousDeletedEvent=t:this.previousDeletedEvent={}},eventCallback:function(){return(e,t,...o)=>{if(e==="annotation"){const i={feature:t,userData:o,eventType:e};this.annotationEventCallback(i,t)}else if(e!=="pan-zoom"){const i=t.label,a=[t.models],r=this.entry,s=this.biologicalSex,l=t.alert;let c;t.taxons&&(typeof t.taxons!="object"?c=JSON.parse(t.taxons):c=t.taxons);let d=[{dataset:t.dataset,biologicalSex:s,taxonomy:r,resource:a,label:i,feature:t,userData:o,eventType:e,provenanceTaxonomy:c,alert:l}];if(e==="click"){const f=Object.keys(t).includes("id");if(!f){d=[];const p=t.mapUUID,g=new Set;for(let[h,m]of Object.entries(t))if(h!=="mapUUID"){const y=m.id,b=m.label,w=[m.models];let T;if(m.taxons&&(typeof m.taxons!="object"?T=JSON.parse(m.taxons):T=m.taxons),g.has(y))continue;g.add(y),d.push({dataset:m.dataset,biologicalSex:s,taxonomy:r,resource:w,label:b,feature:m,userData:o,eventType:e,provenanceTaxonomy:T,alert:m.alert,mapUUID:p})}}const u=f?t:t[0];if(this.setConnectivityDataSource(this.viewingMode,u),this.viewingMode!=="Neuron Connection"){if(this.currentActive=u.models?u.models:"",this.activeDrawTool&&!this.isValidDrawnCreated){const p=u.featureId||this.existDrawnFeatures.find(g=>g.id===u.id);if(this.activeDrawTool==="LineString"&&p){const g=u.featureId?u.featureId:u.id,h=u.label?u.label:`Feature ${u.id}`;this.connectionEntry[` ${g}`]=Object.assign({label:h},Object.fromEntries(Object.entries(u).filter(([m])=>["featureId","models"].includes(m)).map(([m,y])=>[m==="featureId"?"id":m,y])))}}}}else e==="mouseenter"&&this.viewingMode!=="Neuron Connection"&&(this.currentHover=t.models?t.models:"");t&&t.type!=="marker"&&e==="click"&&!this.activeDrawTool&&this.checkAndCreatePopups(d),this.$emit("resource-selected",d)}else this.$emit("pan-zoom-callback",t)}},setConnectivityDataSource:function(e,t){this.connectivityDataSource=t.source,(e==="Neuron Connection"||e==="Annotation")&&(this.connectivityDataSource=t.featureId)},changeViewingMode:function(e){e&&(this.viewingMode=e),this.manualAbortedOnClose()},removeActiveTooltips:function(){this.mapImp&&this.mapImp.removePopup(),this.$el.querySelectorAll(".flatmap-tooltip-popup").forEach(t=>t.remove())},createTooltipForConnectivity:function(e,t){const o=document.createElement("div");o.classList.add("flatmap-feature-label"),e.forEach((i,a)=>{const{label:r}=i;if(o.append(li(r)),a+1{const g=this.mapImp.search(p.id);if(g!=null&&g.results.length){const h=g==null?void 0:g.results[0].featureId;r.push({featureId:h,...p})}else s.push(p)}),r.length){let p=r[0].featureId;this.mapImp.annotations.forEach(g=>{const h=g["anatomical-nodes"];if(h){const m=h.join("");r.every(b=>m.indexOf(b.id)!==-1)&&(p=g.featureId,a.push(p))}}),this.createTooltipForConnectivity(r,p)}else this.removeActiveTooltips();this.emitConnectivityError(s);const l=i.reduce((p,g)=>{const h=this.mapImp.pathways.paths[g],m=h?h.connectivity:null;if(m){const y=m.flat(1/0);p.push(...y)}return p},[]),c=[...new Set(l)],d=[...i,...c],u=[...this.mapImp.modelFeatureIdList(d),...a];this.mapImp.selectGeoJSONFeatures(u)}},showConnectivitiesByReference:function(e){this.searchConnectivitiesByReference(e).then(t=>{this.mapImp.selectFeatures(t)})},searchConnectivitiesByReference:async function(e){const t=sessionStorage.getItem("flatmap-knowledge");let o=[];return t?o=await by(e):o=await wy(this.mapImp,e,this.flatmapQueries),o},getFlatmapKnowledge:function(){let e=[];const t=sessionStorage.getItem("flatmap-knowledge");return t&&(e=JSON.parse(t)),e},emitConnectivityError:function(e){this.$emit("connectivity-error",{data:{errorData:e,errorMessage:My}})},checkConnectivityTooltipEntry:function(e){return e!=null&&e.length?e.find(t=>{var o,i;return((o=t==null?void 0:t.destinations)==null?void 0:o.length)||((i=t==null?void 0:t.components)==null?void 0:i.length)})!==void 0:!1},changeConnectivitySource:async function(e){const{entry:t,connectivitySource:o}=e;t.mapId===this.mapImp.id&&(await this.flatmapQueries.queryForConnectivityNew(this.mapImp,t.featureId[0],o),this.tooltipEntry=this.tooltipEntry.map(i=>i.featureId[0]===t.featureId[0]?this.flatmapQueries.updateTooltipData(i):i),this.checkConnectivityTooltipEntry(this.tooltipEntry)&&this.$emit("connectivity-info-open",this.tooltipEntry))},checkAndCreatePopups:async function(e,t=!0){var o;if(this.viewingMode==="Annotation"){const i=e.filter(a=>a.feature).map(a=>a.feature);if(i.length>0)if(this.annotationSidebar&&this.previousDeletedEvent.type==="deleted"&&(this.annotationEntry=[{...this.previousDeletedEvent,resourceId:this.serverURL}],this.annotationEventCallback({},{type:"aborted"})),this.annotationEntry=[],i.forEach(a=>{var r;this.annotationEntry.push({...a,resourceId:this.serverURL,featureId:a.featureId?a.featureId:(r=a.feature)==null?void 0:r.id,offline:this.offlineAnnotationEnabled})}),i[0].feature)this.activeDrawTool||this.activeDrawMode||this.isValidDrawnCreated?(this.featureAnnotationSubmitted=!1,this.activeDrawTool&&this.createConnectivityBody(),this.displayTooltip(i[0].feature.id,xy(i[0].feature.geometry))):this.rollbackAnnotationEvent();else{const a=this.annotationEntry.filter(r=>r.featureId&&r.models).map(r=>r.models);a.length>0&&this.displayTooltip(a)}else this.annotation={}}else if(this.viewingMode==="Neuron Connection"&&t){const i=e.map(r=>r.resource[0]);if(i.find(r=>!r.startsWith("ilxtr:"))){const r=Array.isArray(i)?[...i]:[i];r.length===1&&r.push([]);const s=(o=e[0].feature)==null?void 0:o.featureId,l=this.mapImp.annotations.get(s),c=l==null?void 0:l["anatomical-nodes"],d=l==null?void 0:l.models;let f,u=r;const p=l==null?void 0:l.models;c!=null&&c.length&&(f=c.find(v=>JSON.parse(v)[0]===d)),f?u=JSON.parse(f):p&&(u=[p,[]]);const g=u.flat(1/0),h=[...new Set(g)],y=(await Pt.fetchLabels(this.flatmapAPI,h)).reduce((v,E)=>{const I=E[0],M=JSON.parse(E[1]);return M.source===this.mapImp.knowledgeSource&&v.push({id:I,label:M.label}),v},[]),b=[];for(let v=0;vI.id===h[v]);E&&b.push(E.label)}const w=li(b.join(", ")),T={facet:JSON.stringify(u),facetPropPath:`flatmap.connectivity.source.${this.connectionType.toLowerCase()}`,tagLabel:w,term:this.connectionType};this.connectivityFilters.some(v=>v.facet===T.facet&&v.facetPropPath===T.facetPropPath)||this.connectivityFilters.push(T),this.$emit("neuron-connection-feature-click",{filters:this.connectivityFilters,search:""})}else{const r=i.join();this.connectionType.toLowerCase()==="all"&&this.$emit("neuron-connection-feature-click",{filters:[],search:r})}}else{vy(this.mapImp,this.flatmapQueries);let i=[];if(this.tooltipEntry=e.filter(a=>a.resource[0]in this.mapImp.pathways.paths).map(a=>({title:a.label,featureId:a.resource,ready:!1})),this.tooltipEntry.length){this.$emit("connectivity-info-open",this.tooltipEntry);for(let r=0;rr.featureId[0]);a.length>0&&this.displayTooltip(a)}}},updateConnectivityFilters:function(e){e.length&&(this.connectivityFilters=e.filter(t=>t.facet.toLowerCase()!=="show all"))},resetConnectivityfilters:function(e){e.length?this.connectivityFilters=this.connectivityFilters.filter(t=>e.some(o=>o.facetPropPath===t.facetPropPath&&o.facet!==t.facet)):this.connectivityFilters=[]},getKnowledgeTooltip:async function(e){const t=await this.flatmapQueries.retrieveFlatmapKnowledgeForEvent(this.mapImp,e);let o=await this.flatmapQueries.createTooltipData(this.mapImp,e);return(t&&t[0]||e.feature.hyperlinks&&e.feature.hyperlinks.length>0)&&(o.featuresAlert=e.alert,o.knowledgeSource=si(this.mapImp),o.mapId=this.mapImp.provenance.id,o.mapuuid=this.mapImp.provenance.uuid),o.ready=!0,o},popUpCssHacks:function(){const e=document.querySelector(".flatmap-tooltip-popup"),t=document.querySelector(".maplibregl-popup-close-button");e&&(e.style.display="none"),t.style.display="block",this.$refs.tooltip.$el.style.display="flex",t.onclick=()=>{this.$emit("connectivity-info-close"),e&&(e.style.display="block")}},closeTooltip:function(){this.$refs.tooltip&&(this.$refs.tooltip.$el.style.display="none"),document.querySelectorAll(".maplibregl-popup").forEach(e=>{e.style.display="none"})},showPopup:function(e,t,o){let i=o;this.mapImp&&(i?i.className||(i.className="custom-popup"):i={className:"custom-popup",positionAtLastClick:!0},this.mapImp.showPopup(e,t,i))},showMarkerPopup:function(e,t,o){this.mapImp&&this.mapImp.showMarkerPopup(e,t,o)},closeMinimap:function(){let e=this.$refs.flatmapContainer.querySelector(".maplibregl-ctrl-minimap");this.minimapSmall?(e.classList.add("enlarge"),e.classList.remove("shrink")):(e.classList.add("shrink"),e.classList.remove("enlarge")),this.minimapSmall=!this.minimapSmall},addResizeButtonToMinimap:function(){let e=this.$refs.flatmapContainer.querySelector(".maplibregl-ctrl-minimap");e&&(this.$refs.minimapResize&&this.$refs.minimapResize.$el.parentNode&&this.$refs.minimapResize.$el.parentNode.removeChild(this.$refs.minimapResize.$el),e.appendChild(this.$refs.minimapResize.$el),this.minimapResizeShow=!0)},setHelpMode:function(e){const t=this.hoverVisibilities.length,o=t-1,i=this.hoverVisibilities[this.helpModeActiveIndex];if(i){const a=i==null?void 0:i.refs,r=i==null?void 0:i.ref,s=this.$refs[a||r];if(s){const{parentElement:l,nextElementSibling:c}=s.$el,d=f=>f&&(f.classList.contains("pathway-container")||f.classList.contains("pathway-location"));(d(l)||d(c))&&(this.requiresDrawer?this.drawerOpen=!0:this.helpModeActiveIndex+=1)}else this.helpModeActiveIndex+=1}e||(this.helpModeActiveIndex=this.helpModeInitialIndex),this.viewingMode!=="Annotation"&&this.helpModeActiveIndex>9&&(this.helpModeActiveIndex=o),e&&this.helpModeActiveIndex>=o&&this.$emit("help-mode-last-item",!0),e&&!this.helpModeDialog?(this.inHelp=!0,this.hoverVisibilities.forEach(a=>{a.value=!0})):e&&this.helpModeDialog&&t>this.helpModeActiveIndex?this.helpModeActiveIndex>-1?(this.closeFlatmapHelpPopup(),setTimeout(()=>{this.inHelp=!1,this.hoverVisibilities.forEach(a=>{a.value=!1}),this.showTooltip(this.helpModeActiveIndex,200)},300)):this.helpModeActiveIndex===-1&&this.openFlatmapHelpPopup():(this.inHelp=!1,this.hoverVisibilities.forEach(a=>{a.value=!1}),this.closeFlatmapHelpPopup())},showTooltip:function(e,t=500){this.inHelp||(clearTimeout(this.tooltipWait[e]),this.tooltipWait[e]=setTimeout(()=>{this.hoverVisibilities[e].value=!0,this.$emit("shown-tooltip")},t))},hideTooltip:function(e,t=500){this.inHelp||(clearTimeout(this.tooltipWait[e]),this.tooltipWait[e]=setTimeout(()=>{this.hoverVisibilities[e].value=!1},t))},displayTooltip:function(e,t=void 0){let o,i={className:"flatmapvuer-popover"};if(t)o=e,i.annotationFeatureGeometry=t;else{const a=Array.isArray(e)?e[0]:e;a&&(o=this.mapImp.modelFeatureIds(a)[0]),this.activeDrawTool||(i.positionAtLastClick=!0)}this.connectivityInfoSidebar&&this.tooltipEntry.length&&this.viewingMode!=="Annotation"&&this.checkConnectivityTooltipEntry(this.tooltipEntry)&&this.$emit("connectivity-info-open",this.tooltipEntry),this.annotationSidebar&&this.viewingMode==="Annotation"&&this.$emit("annotation-open",{annotationEntry:this.annotationEntry,commitCallback:this.commitAnnotationEvent}),o&&!this.disableUI&&(this.viewingMode==="Annotation"&&!this.annotationSidebar||this.viewingMode==="Exploration"&&!this.connectivityInfoSidebar)&&(this.tooltipDisplay=!0,this.$nextTick(()=>{this.mapImp.showPopup(o,this.$refs.tooltip.$el,i),this.popUpCssHacks()}))},moveMap:function(e,t={}){if(this.mapImp){const{offsetX:o=0,offsetY:i=0,zoom:a=4}=t,r=this.mapImp.map,s=this.mapImp.bounds.toArray();this.mapImp.zoomToFeatures(e,{noZoomIn:!0}),this.showPathwaysDrawer(!1),s!=null&&s.length&&setTimeout(()=>{r.fitBounds(s,{offset:[o,i],zoom:a,animate:!0})})}},openFlatmapHelpPopup:function(){if(this.mapImp){let e=this.mapImp.modelFeatureIds("UBERON:0000948");e&&e.length>0&&(this.mapImp.showPopup(e[0],"Click for more information",{anchor:"top",className:"flatmap-popup-popper"}),this.$emit("shown-map-tooltip"))}},closeFlatmapHelpPopup:function(){this.$el.querySelectorAll(".maplibregl-popup-close-button").forEach(e=>{e.click()})},getLabels:function(){let e=[];if(this.mapImp){let t=this.mapImp.annotations;for(let o of t.values())o.label&&e.push(o.label);return Array.from(new Set(e))}},getVisibilityState:function(e){if(["alertSelection","pathwaysSelection","taxonSelection"].forEach(o=>{let i=this.$refs[o];i&&(e[o]=i.getState())}),this.$refs.treeControls){const o=this.$refs.treeControls.$refs.regionTree.getCheckedKeys();e.systemsSelection=o.filter(i=>!i.includes("."))}},setVisibilityState:function(e){["alertSelection","pathwaysSelection","taxonSelection"].forEach(o=>{const i=e[o];if(i){const a=this.$refs[o];a&&a.setState(i)}}),"systemsSelection"in e&&this.$refs.treeControls&&(this.$refs.treeControls.$refs.regionTree.setCheckedKeys(e.systemsSelection),this.systems[0].children.forEach(o=>{this.mapImp.enableSystem(o.key,e.systemsSelection.includes(o.key))}))},getState:function(){if(this.mapImp){let e={entry:this.entry,viewport:this.mapImp.getState()};const t=this.mapImp.getIdentifier();return this.biologicalSex?e.biologicalSex=this.biologicalSex:t&&t.biologicalSex&&(e.biologicalSex=t.biologicalSex),t&&t.uuid&&(e.uuid=t.uuid),e.viewingMode=this.viewingMode,e.searchTerm=this.searchTerm,e.flightPath3D=this.flightPath3DRadio,e.colour=this.colourRadio,e.outlines=this.outlinesRadio,e.background=this.currentBackground,this.offlineAnnotationEnabled&&(e.offlineAnnotations=sessionStorage.getItem("anonymous-annotation")),this.getVisibilityState(e),e}},setState:function(e){e&&(this.mapImp&&e.entry&&this.entry==e.entry&&(!e.biologicalSex||e.biologicalSex===this.biologicalSex)?this.restoreMapState(e):this.createFlatmap(e),this.setStateRequired=!1)},restoreMapState:function(e){if(e){if(e.viewport&&this.mapImp.setState(e.viewport),e.offlineAnnotations&&sessionStorage.setItem("anonymous-annotation",e.offlineAnnotations),e.viewingMode&&this.changeViewingMode(e.viewingMode),"flightPath3D"in e&&this.setFlightPath3D(e.flightPath3D),"colour"in e&&this.setColour(e.colour),"outlines"in e&&this.setOutlines(e.outlines),e.background&&this.backgroundChangeCallback(e.background),e.searchTerm){const t=e.searchTerm;this.searchAndShowResult(t,!0,!0)}this.setVisibilityState(e)}},setFlightPathInfo:function(e){(e===1.6||e>1.6)&&(this.displayFlightPathOption=!0,this.setFlightPath3D(!1))},createFlatmap:function(e){if(!this.mapImp&&!this.loading){this.loading=!0;let t=!1;this.displayMinimap&&(t={position:"top-right"});let o={taxon:this.entry};this.uuid&&(o.uuid=this.uuid),e?(e.uuid?o={uuid:e.uuid}:e.entry&&(o.taxon=e.entry),e.biologicalSex?o.biologicalSex=e.biologicalSex:o.taxon==="NCBITaxon:9606"&&(o.biologicalSex="PATO:0000384")):this.biologicalSex&&(o.biologicalSex=this.biologicalSex),this.mapManagerRef.loadMap(o,this.eventCallback(),{minZoom:this.minZoom,tooltips:this.tooltips,minimap:t,container:this.$refs.display}).then(a=>{this.mapImp=a,this.serverURL=this.mapImp.makeServerUrl("").slice(0,-1);let r=this.mapImp.details.version;this.setFlightPathInfo(r);const s=this._stateToBeSet?this._stateToBeSet:e;this.onFlatmapReady(s),this.$nextTick(()=>this.restoreMapState(s))})}else e&&(this._stateToBeSet={...e},this.mapImp&&!this.loading&&this.restoreMapState(this._stateToBeSet))},computePathControlsMaximumHeight(){const e=this.$refs.display;if(e){const t=getComputedStyle(e),o=parseInt(t.paddingTop)+parseInt(t.paddingBottom),i=e.clientHeight-o;this.pathwaysMaxHeight=i-170}},mapResize:function(){try{this.computePathControlsMaximumHeight(),this.mapImp&&(this.mapImp.resize(),this.showMinimap(this.displayMinimap))}catch{console.error("Map resize error")}},getFilterSources:function(){const e=["kind","taxons"];let t=new Set,o=new Set,i=new Map;for(const r of this.mapImp.annotations.values())if(r.source){"alert"in r?t.add(r.source):o.add(r.source);for(const[s,l]of Object.entries(r))if(e.includes(s)){i.has(s)||i.set(s,new Map);const c=i.get(s),d=f=>{const u=f;c.has(u)||c.set(u,new Set),c.get(u).add(`${r.source}`)};Array.isArray(l)?l.forEach(d):d(l)}}let a={alert:{with:[...t],without:[...o]}};for(const[r,s]of i.entries()){a[r]={};for(const[l,c]of s.entries())a[r][l]=[...c.values()]}return a},getFilterOptions:async function(e,t){const o=t||this.getFlatmapKnowledge(),i=this.pathways;return await Pt.getFlatmapFilterOptions(this.flatmapAPI,e,o,i)},onFlatmapReady:function(e){var t;this.sensor=n.markRaw(new Ty(this.$refs.display,this.mapResize)),((t=this.mapImp.options)==null?void 0:t.style)==="functional"&&(this.isFC=!0),this.mapImp.setBackgroundOpacity(1),this.backgroundChangeCallback(this.currentBackground),this.pathways=this.mapImp.pathTypes(),this.pathways=this.pathways.filter(o=>o.enabled&&o.type!=="other"),this.processSystems(this.mapImp.getSystems()),this.processTaxon(this.mapImp.taxonIdentifiers,e?e.taxonSelection:void 0),this.containsAlert="alert"in this.mapImp.featureFilterRanges(),this.flatmapLegends=this.mapImp.flatmapLegend,this.addResizeButtonToMinimap(),this.loading=!1,this.computePathControlsMaximumHeight(),this.mapResize(),this.handleMapClick(),this.setInitMapState(),this.$emit("ready",this)},handleMapClick:function(){const e=this.mapImp.map;e&&e.on("click",t=>{this.connectivityDataSource||this.$emit("connectivity-info-close"),this.connectivityDataSource=""})},showMinimap:function(e){this.mapImp&&this.mapImp.showMinimap(e)},showPathwaysDrawer:function(e){this.drawerOpen=e},searchAndShowResult:function(e,t,o=!0){var i;if(this.mapImp){if(e===void 0||e==="")return this.mapImp.clearSearchResults(),this.viewingMode==="Exploration"?this.$emit("connectivity-info-close"):this.viewingMode==="Annotation"&&this.manualAbortedOnClose(),this.searchTerm="",!0;{const a=this.mapImp.search(e);if((i=a==null?void 0:a.results)!=null&&i.length){if(this.mapImp.showSearchResults(a),t){let r;for(let s=0;si in this.mapImp.pathways.paths),o=this.mapImp.modelFeatureIdList(t);this.mapImp.selectGeoJSONFeatures(o)}},searchSuggestions:function(e){return this.mapImp?this.mapImp.search(e):[]},onActionClick:function(e){ci.emit("onActionClick",e)},setConnectionType:function(e){this.connectionType=e}},props:{entry:{type:String,required:!0},uuid:String,biologicalSex:{type:String,default:""},minZoom:{type:Number,default:1},tooltips:{type:Boolean,default:!0},helpMode:{type:Boolean,default:!1},helpModeActiveItem:{type:Number,default:0},helpModeDialog:{type:Boolean,default:!1},helpModeLastItem:{type:Boolean,default:!1},helpModeInitialIndex:{type:Number,default:0},renderAtMounted:{type:Boolean,default:!0},displayMinimap:{type:Boolean,default:!1},displayWarning:{type:Boolean,default:!1},enableOpenMapUI:{type:Boolean,default:!1},openMapOptions:{type:Array,default:function(){return[{display:"Open AC Map",key:"AC"},{display:"Open FC Map",key:"FC"},{display:"Open 3D Human Map",key:"3D"}]}},showStarInLegend:{type:Boolean,default:!1},isLegacy:{type:Boolean,default:!1},displayLatestChanges:{type:Boolean,default:!1},state:{type:Object,default:void 0},mapManager:{type:Object,default:void 0},flatmapAPI:{type:String,default:"https://mapcore-demo.org/current/flatmap/v3/"},sparcAPI:{type:String,default:"https://api.sparc.science/"},disableUI:{type:Boolean,default:!1},connectivityInfoSidebar:{type:Boolean,default:!1},annotationSidebar:{type:Boolean,default:!1},showLocalSettings:{type:Boolean,default:!0},showOpenMapButton:{type:Boolean,default:!0},showPathwayFilter:{type:Boolean,default:!0},externalLegends:{type:Array,default:[]}},provide(){return{flatmapAPI:this.flatmapAPI,sparcAPI:this.sparcAPI,userApiKey:this.userToken}},data:function(){return{sensor:null,mapManagerRef:void 0,flatmapQueries:void 0,annotationEntry:[],tooltipDisplay:!1,serverURL:void 0,layers:[],pathways:[],initMapState:n.markRaw({}),sckanDisplay:[{label:"Display Path with SCKAN",key:"VALID"}],systems:[],taxonConnectivity:[],pathwaysMaxHeight:1e3,tooltipWait:n.markRaw([]),hoverVisibilities:[{value:!1,ref:"markerPopover"},{value:!1,ref:"zoomInPopover"},{value:!1,ref:"zoomOutPopover"},{value:!1,ref:"zoomFitPopover"},{value:!1,ref:"openMapPopover"},{value:!1,ref:"settingsPopover"},{value:!1,ref:"checkBoxPopover"},{value:!1,ref:"warningPopover"},{value:!1,ref:"whatsNewPopover"},{value:!1,ref:"featuredMarkerPopover"},{value:!1,refs:"toolbarPopover",ref:"editPopover"},{value:!1,refs:"toolbarPopover",ref:"deletePopover"},{value:!1,refs:"toolbarPopover",ref:"pointPopover"},{value:!1,refs:"toolbarPopover",ref:"lineStringPopover"},{value:!1,refs:"toolbarPopover",ref:"polygonPopover"},{value:!1,refs:"toolbarPopover",ref:"connectionPopover"}],helpModeActiveIndex:this.helpModeInitialIndex,yellowstar:Ey,isFC:!1,inHelp:!1,currentBackground:"white",availableBackground:["white","lightskyblue","black"],loading:!1,flatmapMarker:gy,tooltipEntry:[],connectivityDataSource:"",connectivityTooltipVisible:!1,drawerOpen:!1,flightPath3DRadio:!1,displayFlightPathOption:!1,colourRadio:!0,outlinesRadio:!0,minimapResizeShow:!1,minimapSmall:!1,currentActive:"",selectedDrawnFeature:void 0,currentHover:"",viewingMode:"Exploration",viewingModes:{Exploration:"Find relevant research and view detail of neural pathways by selecting a pathway to view its connections and data sources","Neuron Connection":"Discover Neuron connections by selecting a neuron and viewing its associated network connections",Annotation:["View feature annotations","Add, comment on and view feature annotations"]},connectionType:"All",offlineAnnotationEnabled:!1,offlineAnnotations:[],annotationFrom:"Anyone",annotatedSource:["Anyone","Me","Others"],openMapRef:void 0,backgroundIconRef:void 0,toolbarOptions:["Edit","Delete","Point","LineString","Polygon","Connection"],annotator:void 0,authorisedUser:void 0,activeDrawMode:void 0,activeDrawTool:void 0,featureAnnotationSubmitted:!1,drawnCreatedEvent:{},previousEditEvent:{},previousDeletedEvent:{},connectionEntry:{},existDrawnFeatures:[],doubleClickedFeature:!1,containsAlert:!1,alertOptions:[{label:"Display Path With Alerts",key:"alert",enabled:!0},{label:"Display Path Without Alerts",key:"withoutAlert",enabled:!0}],mapFilters:n.markRaw({alert:{with:!0,without:!0}}),searchTerm:"",taxonLeaveDelay:void 0,connectivityFilters:[],flatmapLegends:[]}},computed:{...gi.mapState(Ay,["userToken"]),isValidDrawnCreated:function(){return Object.keys(this.drawnCreatedEvent).length>0},requiresDrawer:function(){var e,t,o,i;return this.loading?(this.drawerOpen=!1,!1):((e=this.systems)==null?void 0:e.length)>0||this.containsAlert&&this.alertOptions||((t=this.pathways)==null?void 0:t.length)>0||((o=this.taxonConnectivity)==null?void 0:o.length)>0||((i=this.legendEntry)==null?void 0:i.length)>0?(this.drawerOpen=!0,!0):(this.drawerOpen=!1,!1)},modeDescription:function(){let e=this.viewingModes[this.viewingMode];return this.viewingMode==="Annotation"?this.authorisedUser?e[1]:e[0]:e},legendEntry:function(){return[...this.flatmapLegends,...this.externalLegends]}},watch:{entry:function(){this.state||this.createFlatmap()},helpMode:function(e,t){e!==t&&this.setHelpMode(e)},helpModeActiveItem:function(){this.helpMode&&(this.helpModeActiveIndex+=1,this.setHelpMode(this.helpMode))},state:{handler:function(e,t){e!==t&&(this.mapManagerRef?this.setState(e):this.setStateRequired=!0)},immediate:!0,deep:!0},viewingMode:function(e){this.clearAnnotationFeature(),e==="Annotation"&&(this.loading=!0,this.annotator.authenticate(this.userToken).then(t=>{t.name&&t.email&&t.canUpdate?(this.authorisedUser=t,this.offlineAnnotationEnabled=!1):(this.authorisedUser=void 0,this.offlineAnnotationEnabled=!0),this.emitOfflineAnnotationUpdate(),this.setFeatureAnnotated(),this.addAnnotationFeature(),this.loading=!1}))},disableUI:function(e){e&&this.closeTooltip()},activeDrawTool:function(e){let t=[],o={x:null,y:null};const i=this.$el.querySelector(".maplibregl-canvas"),a=()=>{i.removeEventListener("keydown",r),i.removeEventListener("click",s)},r=l=>{if(!["Escape","Enter"].includes(l.key))return;const c=e==="Point"&&t.length===1||e==="LineString"&&t.length>=2||e==="Polygon"&&t.length>=3;(l.key==="Escape"||l.key==="Enter"&&!c)&&(this.activeDrawTool=void 0),a()},s=l=>{const c=i.getBoundingClientRect(),d=l.clientX-c.left,f=l.clientY-c.top;if(Math.sqrt((d-o.x)**2+(f-o.y)**2)<8){this.isValidDrawnCreated||(this.activeDrawTool=void 0),a();return}o={x:d,y:f},t.push(o)};e&&(a(),i.addEventListener("keydown",r),i.addEventListener("click",s))}},created:function(){this.mapManager?this.mapManagerRef=this.mapManager:(this.mapManagerRef=n.markRaw(new yi.MapViewer(this.flatmapAPI,{container:void 0})),this.$emit("mapmanager-loaded",this.mapManagerRef))},mounted:function(){this.openMapRef=n.shallowRef(this.$refs.openMapRef),this.backgroundIconRef=n.shallowRef(this.$refs.backgroundIconRef),this.tooltipWait.length=this.hoverVisibilities.length,this.flatmapQueries=n.markRaw(new yy),this.flatmapQueries.initialise(this.flatmapAPI),this.state?this.setStateRequired&&this.setState(this.state):this.renderAtMounted&&this.createFlatmap(),us()}},Ny={class:"flatmap-container",ref:"flatmapContainer","element-loading-text":"Loading...","element-loading-background":"rgba(0, 0, 0, 0.3)"},Py={style:{height:"100%",width:"100%",position:"relative","overflow-y":"none"}},_y={style:{height:"100%",width:"100%"},ref:"display"},Ly={class:"beta-popovers"},Vy={key:2,class:"warning-text"},Ry={class:"bottom-right-control"},Fy=["innerHTML"],Dy={style:{"margin-bottom":"2px"}},$y={key:0,class:"viewing-mode-title"},zy=["onClick"],jy=["onClick"];function Hy(e,t,o,i,a,r){const s=n.resolveComponent("map-svg-sprite-color"),l=K.WarningFilled,c=ke,d=Kn,f=K.ArrowDown,u=n.resolveComponent("DrawToolbar"),p=n.resolveComponent("map-svg-icon"),g=dy,h=n.resolveComponent("tree-controls"),m=fs,y=K.ArrowLeft,b=Fr,w=Xt,T=en,k=ti,v=Hn,E=Xr,I=es,M=n.resolveComponent("Tooltip"),x=ls,B=oi;return n.withDirectives((n.openBlock(),n.createElementBlock("div",Ny,[n.createVNode(s),n.createElementVNode("div",Py,[n.createElementVNode("div",_y,null,512),n.withDirectives(n.createElementVNode("div",Ly,[n.createElementVNode("div",null,[n.createVNode(d,{placement:"right","popper-class":"warning-popper flatmap-popper",teleported:!1,visible:e.hoverVisibilities[7].value,ref:"warningPopover"},{reference:n.withCtx(()=>[n.createElementVNode("div",{class:"warning-icon",onMouseover:t[7]||(t[7]=S=>r.showTooltip(7)),onMouseout:t[8]||(t[8]=S=>r.hideTooltip(7))},[o.displayWarning||o.isLegacy?(n.openBlock(),n.createBlock(c,{key:0},{default:n.withCtx(()=>[n.createVNode(l)]),_:1})):n.createCommentVNode("",!0),o.isLegacy?(n.openBlock(),n.createElementBlock(n.Fragment,{key:1},[t[33]||(t[33]=n.createElementVNode("span",{class:"warning-text"},"Legacy Map",-1)),n.createElementVNode("div",{class:"latest-map-text",onClick:t[6]||(t[6]=(...S)=>r.viewLatestMap&&r.viewLatestMap(...S))}," Click here for the latest map ")],64)):o.displayWarning?(n.openBlock(),n.createElementBlock("span",Vy,"Beta")):n.createCommentVNode("",!0)],32)]),default:n.withCtx(()=>[o.isLegacy?(n.openBlock(),n.createElementBlock("p",{key:0,onMouseover:t[0]||(t[0]=S=>r.showTooltip(7)),onMouseout:t[1]||(t[1]=S=>r.hideTooltip(7))}," This is a legacy map, you may view the latest map instead. ",32)):e.isFC?(n.openBlock(),n.createElementBlock("p",{key:1,onMouseover:t[2]||(t[2]=S=>r.showTooltip(7)),onMouseout:t[3]||(t[3]=S=>r.hideTooltip(7))},t[31]||(t[31]=[n.createTextVNode(" This map displays the connectivity of individual neurons. Specifically, those which align with (parts of) the neuron populations from the "),n.createElementVNode("a",{href:"https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew",target:"_blank"}," ApiNATOMY ",-1),n.createTextVNode(" models available in "),n.createElementVNode("a",{href:"https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD",target:"_blank"}," SCKAN ",-1),n.createTextVNode(". ")]),32)):(n.openBlock(),n.createElementBlock("p",{key:2,onMouseover:t[4]||(t[4]=S=>r.showTooltip(7)),onMouseout:t[5]||(t[5]=S=>r.hideTooltip(7))},t[32]||(t[32]=[n.createTextVNode(" This map displays the connectivity of neuron populations. Specifically, those from the primarily rat-based "),n.createElementVNode("a",{href:"https://sparc.science/resources/1ZUKXU2YmLcn2reCyXjlew",target:"_blank"}," ApiNATOMY ",-1),n.createTextVNode(" models available in "),n.createElementVNode("a",{href:"https://sparc.science/resources/6eg3VpJbwQR4B84CjrvmyD",target:"_blank"}," SCKAN ",-1),n.createTextVNode(". New connectivity and species specificity will be added as the SPARC program progresses. ")]),32))]),_:1},8,["visible"])]),o.displayLatestChanges?(n.openBlock(),n.createBlock(d,{key:0,placement:"right",teleported:!1,trigger:"manual","popper-class":"warning-popper flatmap-popper",visible:e.hoverVisibilities[8].value,ref:"whatsNewPopover"},{reference:n.withCtx(()=>[o.displayLatestChanges?(n.openBlock(),n.createElementBlock("div",{key:0,class:"latest-changesicon",onMouseover:t[9]||(t[9]=S=>r.showTooltip(8)),onMouseout:t[10]||(t[10]=S=>r.hideTooltip(8))},[n.createVNode(c,null,{default:n.withCtx(()=>[n.createVNode(l)]),_:1}),t[34]||(t[34]=n.createElementVNode("span",{class:"warning-text"},"What's new?",-1))],32)):n.createCommentVNode("",!0)]),default:n.withCtx(()=>t[35]||(t[35]=[n.createElementVNode("b",null,"Connectivity References",-1),n.createElementVNode("p",null," Connectivity references have been improved and available in various formats. ",-1),n.createElementVNode("b",null,"Improved state storing",-1),n.createElementVNode("p",null," Current selection and visibility filters are now stored when creating a permalink. ",-1)])),_:1},8,["visible"])):n.createCommentVNode("",!0)],512),[[n.vShow,!o.disableUI]]),n.withDirectives(n.createVNode(c,{class:n.normalizeClass(["minimap-resize",{enlarge:e.minimapSmall,shrink:!e.minimapSmall}]),ref:"minimapResize",onClick:r.closeMinimap},{default:n.withCtx(()=>[n.createVNode(f)]),_:1},8,["class","onClick"]),[[n.vShow,e.minimapResizeShow]]),e.viewingMode==="Annotation"&&(e.authorisedUser||e.offlineAnnotationEnabled)&&!o.disableUI?(n.openBlock(),n.createBlock(u,{key:0,mapCanvas:{containerHTML:this.$el,class:".maplibregl-canvas"},toolbarOptions:e.toolbarOptions,activeDrawTool:e.activeDrawTool,activeDrawMode:e.activeDrawMode,newlyDrawnEntry:e.drawnCreatedEvent,connectionEntry:e.connectionEntry,hoverVisibilities:e.hoverVisibilities,onClickToolbar:r.toolbarEvent,onFeatureTooltip:r.connectedFeatureTooltip,onConfirmDrawn:r.confirmDrawnFeature,onCancelDrawn:r.cancelDrawnFeature,onShowTooltip:r.showTooltip,onHideTooltip:r.hideTooltip,ref:"toolbarPopover"},null,8,["mapCanvas","toolbarOptions","activeDrawTool","activeDrawMode","newlyDrawnEntry","connectionEntry","hoverVisibilities","onClickToolbar","onFeatureTooltip","onConfirmDrawn","onCancelDrawn","onShowTooltip","onHideTooltip"])):n.createCommentVNode("",!0),n.withDirectives(n.createElementVNode("div",Ry,[n.createVNode(d,{content:"Zoom in",placement:"left",teleported:!1,trigger:"manual",width:"70","popper-class":"flatmap-popper",visible:e.hoverVisibilities[1].value,ref:"zoomInPopover"},{reference:n.withCtx(()=>[n.createElementVNode("div",{class:"icon-button-container",onClick:t[11]||(t[11]=S=>r.zoomIn()),onMouseover:t[12]||(t[12]=S=>r.showTooltip(1)),onMouseout:t[13]||(t[13]=S=>r.hideTooltip(1))},[n.createVNode(p,{class:"icon-button zoomIn",icon:"zoomIn"})],32)]),_:1},8,["visible"]),n.createVNode(d,{content:"Zoom out",placement:"top-end",teleported:!1,trigger:"manual",width:"70","popper-class":"flatmap-popper",visible:e.hoverVisibilities[2].value,ref:"zoomOutPopover"},{reference:n.withCtx(()=>[n.createElementVNode("div",{class:"icon-button-container",onClick:t[14]||(t[14]=S=>r.zoomOut()),onMouseover:t[15]||(t[15]=S=>r.showTooltip(2)),onMouseout:t[16]||(t[16]=S=>r.hideTooltip(2))},[n.createVNode(p,{class:"icon-button zoomOut",icon:"zoomOut"})],32)]),_:1},8,["visible"]),n.createVNode(d,{content:"Reset",placement:"top",teleported:!1,trigger:"manual",width:"70","popper-class":"flatmap-popper",visible:e.hoverVisibilities[3].value,ref:"zoomFitPopover"},{reference:n.withCtx(()=>[n.createElementVNode("div",{class:"icon-button-container",onClick:t[17]||(t[17]=S=>r.resetView()),onMouseover:t[18]||(t[18]=S=>r.showTooltip(3)),onMouseout:t[19]||(t[19]=S=>r.hideTooltip(3))},[n.createVNode(p,{class:"icon-button fitWindow",icon:"fitWindow"})],32)]),default:n.withCtx(()=>[t[36]||(t[36]=n.createElementVNode("div",null,[n.createTextVNode(" Fit to "),n.createElementVNode("br"),n.createTextVNode(" window ")],-1))]),_:1},8,["visible"])],512),[[n.vShow,!o.disableUI]]),n.createVNode(d,{content:"Change pathway visibility",placement:"right",teleported:!1,trigger:"manual",offset:-18,"popper-class":"flatmap-popper",visible:e.hoverVisibilities[6].value,ref:"checkBoxPopover"},{reference:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["pathway-location",{open:e.drawerOpen,close:!e.drawerOpen}])},[n.withDirectives((n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["pathway-container",{open:e.drawerOpen,close:!e.drawerOpen}]),style:n.normalizeStyle({"max-height":e.pathwaysMaxHeight+"px"})},[n.createVNode(d,{content:"Location of the featured dataset",placement:"bottom",teleported:!0,trigger:"manual",width:"max-content",offset:-10,"popper-class":"flatmap-popper flatmap-teleport-popper",visible:e.hoverVisibilities[9].value&&o.showStarInLegend,ref:"featuredMarkerPopover"},{reference:n.withCtx(()=>[n.withDirectives((n.openBlock(),n.createElementBlock("div",{onMouseover:t[20]||(t[20]=S=>r.showTooltip(9)),onMouseout:t[21]||(t[21]=S=>r.hideTooltip(9))},[r.legendEntry.length?(n.openBlock(),n.createBlock(g,{key:0,identifierKey:"prompt",colourKey:"colour",styleKey:"style",legends:r.legendEntry,showStarInLegend:!0,class:"svg-legends-container"},null,8,["legends"])):n.createCommentVNode("",!0)],32)),[[x,void 0,"featuredMarkerPopover"]])]),_:1},8,["visible"]),n.createVNode(d,{content:"Find these markers for data. The number inside the markers is the number of datasets available for each marker.",placement:"right",teleported:!1,width:"200",trigger:"manual","popper-class":"flatmap-popper flatmap-marker-popper",visible:e.hoverVisibilities[0].value,ref:"markerPopover"},{reference:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{class:"flatmap-marker-help",innerHTML:e.flatmapMarker},null,8,Fy),[[n.vShow,e.hoverVisibilities[0].value],[x,void 0,"markerPopover"]])]),_:1},8,["visible"]),e.isFC&&e.systems&&e.systems.length>0?(n.openBlock(),n.createBlock(h,{key:0,class:"treeControls",mapType:"flatmap",title:"Systems",treeData:e.systems,active:e.currentActive,hover:e.currentHover,onCheckChanged:r.systemSelected,onCheckAll:r.checkAllSystems,onChangeActive:r.ftuSelected,ref:"treeControls"},null,8,["treeData","active","hover","onCheckChanged","onCheckAll","onChangeActive"])):n.createCommentVNode("",!0),e.containsAlert&&e.alertOptions&&o.showPathwayFilter?(n.openBlock(),n.createBlock(m,{title:"Alert",labelKey:"label",identifierKey:"key",selections:e.alertOptions,onChanged:r.alertSelected,onCheckboxMouseEnter:r.alertMouseEnterEmitted,onSelectionsDataChanged:r.onSelectionsDataChanged,onCheckAll:r.checkAllAlerts,ref:"alertSelection",key:"alertSelection"},null,8,["selections","onChanged","onCheckboxMouseEnter","onSelectionsDataChanged","onCheckAll"])):n.createCommentVNode("",!0),e.pathways&&e.pathways.length>0?(n.openBlock(),n.createBlock(m,{title:"Pathways",labelKey:"label",identifierKey:"type",colourStyle:"line",selections:e.pathways,showAsLegend:!o.showPathwayFilter,onChanged:r.pathwaysSelected,onSelectionsDataChanged:r.onSelectionsDataChanged,onCheckAll:r.checkAllPathways,ref:"pathwaysSelection",key:"pathwaysSelection"},null,8,["selections","showAsLegend","onChanged","onSelectionsDataChanged","onCheckAll"])):n.createCommentVNode("",!0),e.taxonConnectivity&&e.taxonConnectivity.length>0&&o.showPathwayFilter?(n.openBlock(),n.createBlock(m,{title:"Studied in",labelKey:"label",identifierKey:"taxon",helpMessage:"Evidence exists that this set of neuron populations have been studied in the given species.",selections:e.taxonConnectivity,onChanged:r.taxonsSelected,onCheckboxMouseEnter:r.taxonMouseEnterEmitted,onSelectionsDataChanged:r.onSelectionsDataChanged,onCheckAll:r.checkAllTaxons,ref:"taxonSelection",key:"taxonSelection"},null,8,["selections","onChanged","onCheckboxMouseEnter","onSelectionsDataChanged","onCheckAll"])):n.createCommentVNode("",!0)],6)),[[x,void 0,"checkBoxPopover"]]),n.createElementVNode("div",{onClick:t[22]||(t[22]=(...S)=>r.toggleDrawer&&r.toggleDrawer(...S)),class:n.normalizeClass(["drawer-button",{open:e.drawerOpen,close:!e.drawerOpen}])},[n.createVNode(c,null,{default:n.withCtx(()=>[n.createVNode(y)]),_:1})],2)],2),[[n.vShow,!o.disableUI&&r.requiresDrawer]])]),_:1},8,["visible"]),e.openMapRef?(n.openBlock(),n.createBlock(d,{key:1,ref:"open-map-popover","virtual-ref":e.openMapRef,placement:"top-start",width:"136",teleported:!1,trigger:"click","popper-class":"open-map-popper non-selectable","virtual-triggering":""},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(o.openMapOptions,S=>(n.openBlock(),n.createBlock(w,{key:S.key},{default:n.withCtx(()=>[n.createVNode(b,{type:"primary",plain:"",onClick:P=>e.$emit("open-map",S.key)},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(S.display),1)]),_:2},1032,["onClick"])]),_:2},1024))),128))]),_:1},8,["virtual-ref"])):n.createCommentVNode("",!0),n.createVNode(d,{ref:"backgroundPopover","virtual-ref":e.backgroundIconRef,placement:"top-start",width:"320",teleported:!1,trigger:"click","popper-class":"background-popper h-auto","virtual-triggering":""},{default:n.withCtx(()=>[n.createElementVNode("div",null,[n.createVNode(w,{class:"backgroundText"},{default:n.withCtx(()=>t[37]||(t[37]=[n.createTextVNode("Viewing Mode")])),_:1}),n.createVNode(w,{class:"backgroundControl"},{default:n.withCtx(()=>[n.createElementVNode("div",Dy,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.viewingModes,(S,P,L)=>(n.openBlock(),n.createElementBlock(n.Fragment,{key:P},[P===e.viewingMode?(n.openBlock(),n.createElementBlock("span",$y,[n.createElementVNode("b",null,n.toDisplayString(P),1)])):(n.openBlock(),n.createElementBlock("span",{key:1,class:"viewing-mode-unselected",onClick:q=>r.changeViewingMode(P)},n.toDisplayString(P),9,zy))],64))),128))]),n.createVNode(w,{class:"viewing-mode-description"},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(r.modeDescription),1)]),_:1}),e.viewingMode==="Annotation"&&e.offlineAnnotationEnabled?(n.openBlock(),n.createBlock(w,{key:0,class:"viewing-mode-description"},{default:n.withCtx(()=>t[38]||(t[38]=[n.createTextVNode(" (Anonymous annotate) ")])),_:1})):n.createCommentVNode("",!0)]),_:1}),e.viewingMode==="Annotation"&&e.authorisedUser?(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[n.createVNode(w,{class:"backgroundText"},{default:n.withCtx(()=>t[39]||(t[39]=[n.createTextVNode("Annotations From")])),_:1}),n.createVNode(w,{class:"backgroundControl"},{default:n.withCtx(()=>[n.createVNode(v,{teleported:!1,modelValue:e.annotationFrom,"onUpdate:modelValue":t[23]||(t[23]=S=>e.annotationFrom=S),placeholder:"Select",class:"select-box","popper-class":"flatmap_dropdown",onChange:r.setAnnotationFrom},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.annotatedSource,S=>(n.openBlock(),n.createBlock(k,{key:S,label:S,value:S},{default:n.withCtx(()=>[n.createVNode(w,null,{default:n.withCtx(()=>[n.createVNode(T,{span:12},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(S),1)]),_:2},1024)]),_:2},1024)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","onChange"])]),_:1})],64)):n.createCommentVNode("",!0),e.displayFlightPathOption?(n.openBlock(),n.createBlock(w,{key:1,class:"backgroundSpacer"})):n.createCommentVNode("",!0),e.displayFlightPathOption?(n.openBlock(),n.createBlock(w,{key:2,class:"backgroundText"},{default:n.withCtx(()=>t[40]||(t[40]=[n.createTextVNode("Flight path display")])),_:1})):n.createCommentVNode("",!0),e.displayFlightPathOption?(n.openBlock(),n.createBlock(w,{key:3,class:"backgroundControl"},{default:n.withCtx(()=>[n.createVNode(I,{modelValue:e.flightPath3DRadio,"onUpdate:modelValue":t[24]||(t[24]=S=>e.flightPath3DRadio=S),class:"flatmap-radio",onChange:r.setFlightPath3D},{default:n.withCtx(()=>[n.createVNode(E,{value:!1},{default:n.withCtx(()=>t[41]||(t[41]=[n.createTextVNode("2D")])),_:1}),n.createVNode(E,{value:!0},{default:n.withCtx(()=>t[42]||(t[42]=[n.createTextVNode("3D")])),_:1})]),_:1},8,["modelValue","onChange"])]),_:1})):n.createCommentVNode("",!0),n.createVNode(w,{class:"backgroundSpacer"}),n.createVNode(w,{class:"backgroundText"},{default:n.withCtx(()=>t[43]||(t[43]=[n.createTextVNode("Organs display")])),_:1}),n.createVNode(w,{class:"backgroundControl"},{default:n.withCtx(()=>[n.createVNode(I,{modelValue:e.colourRadio,"onUpdate:modelValue":t[25]||(t[25]=S=>e.colourRadio=S),class:"flatmap-radio",onChange:r.setColour},{default:n.withCtx(()=>[n.createVNode(E,{value:!0},{default:n.withCtx(()=>t[44]||(t[44]=[n.createTextVNode("Colour")])),_:1}),n.createVNode(E,{value:!1},{default:n.withCtx(()=>t[45]||(t[45]=[n.createTextVNode("Greyscale")])),_:1})]),_:1},8,["modelValue","onChange"])]),_:1}),n.createVNode(w,{class:"backgroundSpacer"}),n.createVNode(w,{class:"backgroundText"},{default:n.withCtx(()=>t[46]||(t[46]=[n.createTextVNode("Outlines display")])),_:1}),n.createVNode(w,{class:"backgroundControl"},{default:n.withCtx(()=>[n.createVNode(I,{modelValue:e.outlinesRadio,"onUpdate:modelValue":t[26]||(t[26]=S=>e.outlinesRadio=S),class:"flatmap-radio",onChange:r.setOutlines},{default:n.withCtx(()=>[n.createVNode(E,{value:!0},{default:n.withCtx(()=>t[47]||(t[47]=[n.createTextVNode("Show")])),_:1}),n.createVNode(E,{value:!1},{default:n.withCtx(()=>t[48]||(t[48]=[n.createTextVNode("Hide")])),_:1})]),_:1},8,["modelValue","onChange"])]),_:1}),n.createVNode(w,{class:"backgroundSpacer"}),n.createVNode(w,{class:"backgroundText"},{default:n.withCtx(()=>t[49]||(t[49]=[n.createTextVNode("Change background")])),_:1}),n.createVNode(w,{class:"backgroundControl"},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.availableBackground,S=>(n.openBlock(),n.createElementBlock("div",{key:S,class:n.normalizeClass(["backgroundChoice",S,S==e.currentBackground?"active":""]),onClick:P=>r.backgroundChangeCallback(S)},null,10,jy))),128))]),_:1})])]),_:1},8,["virtual-ref"]),n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(["settings-group",{open:e.drawerOpen,close:!e.drawerOpen}])},[o.showOpenMapButton?(n.openBlock(),n.createBlock(w,{key:0},{default:n.withCtx(()=>[n.createVNode(d,{visible:e.hoverVisibilities[4].value,content:"Open new map",placement:"right",teleported:!1,"popper-class":"flatmap-popper",ref:"openMapPopover"},{reference:n.withCtx(()=>[o.enableOpenMapUI&&o.openMapOptions.length>0?(n.openBlock(),n.createElementBlock("div",{key:0,ref:"openMapRef",class:"icon-button-container",onMouseover:t[27]||(t[27]=S=>r.showTooltip(4)),onMouseout:t[28]||(t[28]=S=>r.hideTooltip(4))},[n.createVNode(p,{icon:"openMap",class:"icon-button open-map-button"})],544)):n.createCommentVNode("",!0)]),_:1},8,["visible"])]),_:1})):n.createCommentVNode("",!0),o.showLocalSettings?(n.openBlock(),n.createBlock(w,{key:1},{default:n.withCtx(()=>[n.createVNode(d,{content:"Change settings",placement:"right",visible:e.hoverVisibilities[5].value,teleported:!1,trigger:"manual","popper-class":"flatmap-popper",ref:"settingsPopover"},{reference:n.withCtx(()=>[n.createElementVNode("div",{ref:"backgroundIconRef",class:"icon-button-container",onMouseover:t[29]||(t[29]=S=>r.showTooltip(5)),onMouseout:t[30]||(t[30]=S=>r.hideTooltip(5))},[n.createVNode(p,{icon:"changeBckgd",class:"icon-button"})],544)]),_:1},8,["visible"])]),_:1})):n.createCommentVNode("",!0)],2),[[n.vShow,!o.disableUI]]),e.tooltipDisplay?(n.openBlock(),n.createBlock(M,{key:2,ref:"tooltip",class:"tooltip",annotationEntry:e.annotationEntry,tooltipEntry:e.tooltipEntry,annotationDisplay:e.viewingMode==="Annotation",onAnnotation:r.commitAnnotationEvent,onOnActionClick:r.onActionClick},null,8,["annotationEntry","tooltipEntry","annotationDisplay","onAnnotation","onOnActionClick"])):n.createCommentVNode("",!0)])])),[[B,e.loading]])}const di=tn(By,[["render",Hy],["__scopeId","data-v-6afc0531"]]),ms={"NCBITaxon:10114":"01fedbf9-d783-509c-a10c-827941ab13da","NCBITaxon:9823":"a336ac04-24db-561f-a25f-1c994fe17410","NCBITaxon:9606":"42ed6323-f645-5fbe-bada-9581819cf689","NCBITaxon:10090":"25285fab-48a0-5620-a6a0-f9a0374837d5","NCBITaxon:9685":"73060497-46a6-52bf-b975-cac511c127cb"},Ky={name:"MultiFlatmapVuer",components:{Col:en,Row:Xt,Option:ti,Select:Hn,Popover:Kn,FlatmapVuer:di},created:function(){this.loadMapManager()},mounted:function(){this.initialise(),ci.on("onActionClick",e=>{this.resourceSelected(e)}),ci.on("open-pubmed-url",e=>{this.$emit("open-pubmed-url",e)})},methods:{initialise:function(){return new Promise(e=>{this.requireInitialisation?(this.requireInitialisation=!1,fetch(this.flatmapAPI).then(t=>t.json()).then(t=>{Object.keys(this.availableSpecies).forEach(i=>{const a=this.availableSpecies[i].uuid;if(a&&t.map(r=>r.uuid).indexOf(a)>0)this.speciesList[i]=this.availableSpecies[i];else for(let r=0;r{i()})})):this.initialised?e():this.resolveList.push(e)})},loadMapManager:function(){this.mapManagerRef||(this.mapManager?this.mapManagerRef=this.mapManager:(this.mapManagerRef=n.markRaw(new yi.MapViewer(this.flatmapAPI,{container:void 0})),this.$emit("mapmanager-loaded",this.mapManagerRef)))},resourceSelected:function(e){this.$emit("resource-selected",e)},FlatmapReady:function(e){this.$emit("ready",e)},getCurrentFlatmap:function(){return this.$refs[this.activeSpecies][0]},panZoomCallback:function(e){this.$emit("pan-zoom-callback",e)},onAnnotationClose:function(){this.$emit("annotation-close")},onAnnotationOpen:function(e){this.$emit("annotation-open",e)},updateOfflineAnnotationEnabled:function(e){this.$emit("update-offline-annotation-enabled",e)},onConnectivityInfoClose:function(){this.$emit("connectivity-info-close")},onConnectivityInfoOpen:function(e){this.$emit("connectivity-info-open",e)},onConnectivityError:function(e){this.$emit("connectivity-error",e)},onNeuronConnectionFeatureClick:function(e){this.$emit("neuron-connection-feature-click",e)},onSelectionsDataChanged:function(e){this.$emit("pathway-selection-changed",e)},showPopup:function(e,t,o){this.getCurrentFlatmap().showPopup(e,t,o)},showMarkerPopup:function(e,t,o){this.getCurrentFlatmap().showMarkerPopup(e,t,o)},setSpecies:function(e,t,o){if(this.$refs&&e in this.$refs)this.activeSpecies=e,this.$refs[this.activeSpecies][0].createFlatmap(t),this.$emit("flatmapChanged",this.activeSpecies);else if(o){const i=o-1;i>=0&&this.$nextTick(()=>{this.setSpecies(e,t,i)})}},viewLatestMap:function(e){const t=Object.keys(this.speciesList);for(let o=0;o{if(e&&e.state){const o=e.state;if(o.uuid){if(o.entry)return new Promise(()=>{const i={taxon:o.entry};o.biologicalSex&&(i.biologicalSex=o.biologicalSex),this.mapManagerRef.findMap(i).then(a=>{if(a.uuid!==o.uuid)return this.createLegacyEntry(e,o.entry,o.uuid)}).then(a=>{t(a||e)}).catch(()=>{t(e)})})}else if(o.entry){const i=o.entry in ms?ms[o.entry]:void 0,a=this.createLegacyEntry(e,o.entry,i);t(a||e)}}t(e)})},getState:function(){let e={species:this.activeSpecies,state:void 0},t=this.getCurrentFlatmap();return e.state=t.getState(),e},setState:function(e){e&&(this.loadMapManager(),this.updateState(e).then(t=>{this.initialise().then(()=>{t.species&&t.species!==this.activeSpecies?this.setSpecies(t.species,t.state,5):t.state&&this.getCurrentFlatmap().setState(t.state)})}))},activateTooltipByIndex:function(e){return e===this.helpModeActiveItem&&this.helpMode},onHelpModeLastItem:function(e){e&&this.$emit("help-mode-last-item",!0)},onTooltipShown:function(){this.$emit("shown-tooltip")},onMapTooltipShown:function(){this.$emit("shown-map-tooltip")},changeViewingMode:function(e){this.getCurrentFlatmap().changeViewingMode(e)},setConnectionType:function(e){this.getCurrentFlatmap().setConnectionType(e)}},props:{initial:{type:String,default:""},minZoom:{type:Number,default:1},renderAtMounted:{type:Boolean,default:!1},helpMode:{type:Boolean,default:!1},helpModeActiveItem:{type:Number,default:0},helpModeDialog:{type:Boolean,default:!1},helpModeLastItem:{type:Boolean,default:!1},displayMinimap:{type:Boolean,default:!1},showStarInLegend:{type:Boolean,default:!1},enableOpenMapUI:{type:Boolean,default:!1},openMapOptions:{type:Array},availableSpecies:{type:Object,default:function(){return{"Human Female":{taxo:"NCBITaxon:9606",biologicalSex:"PATO:0000383",iconClass:"mapicon-icon_human",displayWarning:!0},"Human Male":{taxo:"NCBITaxon:9606",biologicalSex:"PATO:0000384",iconClass:"mapicon-icon_human",displayWarning:!0},Rat:{taxo:"NCBITaxon:10114",iconClass:"mapicon-icon_rat",displayLatestChanges:!0},Mouse:{taxo:"NCBITaxon:10090",iconClass:"mapicon-icon_mouse",displayWarning:!0},Pig:{taxo:"NCBITaxon:9823",iconClass:"mapicon-icon_pig",displayWarning:!0},Cat:{taxo:"NCBITaxon:9685",iconClass:"mapicon-icon_cat",displayWarning:!0}}}},state:{type:Object,default:void 0},mapManager:{type:Object,default:void 0},flatmapAPI:{type:String,default:"https://mapcore-demo.org/current/flatmap/v3/"},sparcAPI:{type:String,default:"https://api.sparc.science/"},disableUI:{type:Boolean,default:!1},connectivityInfoSidebar:{type:Boolean,default:!1},annotationSidebar:{type:Boolean,default:!1},showLocalSettings:{type:Boolean,default:!0},showOpenMapButton:{type:Boolean,default:!0},showPathwayFilter:{type:Boolean,default:!0},externalLegends:{type:Array,default:[]}},data:function(){return{activeSpecies:void 0,speciesList:{},requireInitialisation:!0,resolveList:n.markRaw([]),initialised:!1,mapManagerRef:void 0}},watch:{state:{handler:function(e){this.setState(e)},immediate:!0,deep:!0}}},Uy={class:"multi-container",ref:"multiContainer"},Wy={key:0,style:{position:"absolute","z-index":"100"}},qy={class:"select-box-icon"};function Gy(e,t,o,i,a,r){const s=ti,l=Hn,c=Kn,d=di;return n.openBlock(),n.createElementBlock("div",Uy,[o.disableUI?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",Wy,[t[2]||(t[2]=n.createElementVNode("div",{class:"species-display-text"},"Species",-1)),n.createVNode(c,{content:"Select a species",placement:"right",trigger:"manual","popper-class":"flatmap-popper flatmap-teleport-popper right-popper",width:"max-content",visible:r.activateTooltipByIndex(0),teleported:!1,ref:"selectPopover"},{reference:n.withCtx(()=>[n.createVNode(l,{id:"flatmap-select",teleported:!1,modelValue:e.activeSpecies,"onUpdate:modelValue":t[0]||(t[0]=f=>e.activeSpecies=f),placeholder:"Select",class:"select-box","popper-class":"flatmap-dropdown",onChange:r.setSpecies},{default:n.withCtx(()=>[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.speciesList,(f,u)=>(n.openBlock(),n.createBlock(s,{key:u,label:u,value:u},{default:n.withCtx(()=>[n.createElementVNode("span",qy,[n.createElementVNode("i",{class:n.normalizeClass(f.iconClass)},null,2)]),n.createTextVNode(" "+n.toDisplayString(u),1)]),_:2},1032,["label","value"]))),128))]),_:1},8,["modelValue","onChange"])]),_:1},8,["visible"])])),(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(e.speciesList,(f,u)=>n.withDirectives((n.openBlock(),n.createBlock(d,{key:u,entry:f.taxo,uuid:f.uuid,biologicalSex:f.biologicalSex,displayWarning:f.displayWarning,displayLatestChanges:f.displayLatestChanges,isLegacy:f.isLegacy,ref_for:!0,ref:u,enableOpenMapUI:o.enableOpenMapUI,openMapOptions:o.openMapOptions,disableUI:o.disableUI,onViewLatestMap:r.viewLatestMap,onResourceSelected:r.resourceSelected,onReady:r.FlatmapReady,onPanZoomCallback:r.panZoomCallback,annotationSidebar:o.annotationSidebar,onAnnotationOpen:r.onAnnotationOpen,onAnnotationClose:r.onAnnotationClose,onUpdateOfflineAnnotationEnabled:r.updateOfflineAnnotationEnabled,connectivityInfoSidebar:o.connectivityInfoSidebar,onConnectivityInfoOpen:r.onConnectivityInfoOpen,onConnectivityInfoClose:r.onConnectivityInfoClose,onConnectivityError:r.onConnectivityError,onNeuronConnectionFeatureClick:r.onNeuronConnectionFeatureClick,onOpenMap:t[1]||(t[1]=p=>e.$emit("open-map",p)),onPathwaySelectionChanged:r.onSelectionsDataChanged,minZoom:o.minZoom,helpMode:e.activeSpecies==u&&o.helpMode,helpModeActiveItem:o.helpModeActiveItem,helpModeDialog:o.helpModeDialog,helpModeInitialIndex:-2,onHelpModeLastItem:r.onHelpModeLastItem,onShownTooltip:r.onTooltipShown,onShownMapTooltip:r.onMapTooltipShown,renderAtMounted:o.renderAtMounted,displayMinimap:o.displayMinimap,showStarInLegend:o.showStarInLegend,style:{height:"100%"},mapManager:e.mapManagerRef,flatmapAPI:o.flatmapAPI,sparcAPI:o.sparcAPI,showLocalSettings:o.showLocalSettings,showOpenMapButton:o.showOpenMapButton,showPathwayFilter:o.showPathwayFilter,externalLegends:o.externalLegends},null,8,["entry","uuid","biologicalSex","displayWarning","displayLatestChanges","isLegacy","enableOpenMapUI","openMapOptions","disableUI","onViewLatestMap","onResourceSelected","onReady","onPanZoomCallback","annotationSidebar","onAnnotationOpen","onAnnotationClose","onUpdateOfflineAnnotationEnabled","connectivityInfoSidebar","onConnectivityInfoOpen","onConnectivityInfoClose","onConnectivityError","onNeuronConnectionFeatureClick","onPathwaySelectionChanged","minZoom","helpMode","helpModeActiveItem","helpModeDialog","onHelpModeLastItem","onShownTooltip","onShownMapTooltip","renderAtMounted","displayMinimap","showStarInLegend","mapManager","flatmapAPI","sparcAPI","showLocalSettings","showOpenMapButton","showPathwayFilter","externalLegends"])),[[n.vShow,e.activeSpecies==u]])),128))],512)}const Jy=tn(Ky,[["render",Gy],["__scopeId","data-v-d3d2df18"]]);H.FlatmapVuer=di,H.MultiFlatmapVuer=Jy,Object.defineProperty(H,Symbol.toStringTag,{value:"Module"})});