From 750b16d0bb63a38a71b4df3ad901d0258c84fb7a Mon Sep 17 00:00:00 2001 From: swift-river542 Date: Wed, 16 Sep 2026 23:19:23 -0500 Subject: [PATCH] Maps drop-in: tappable attribution --- .../country-posters/countries-map/index.html | 2 +- .../country-poster-wall/index.html | 2 +- .../country-posters/country-posters.js | 3 ++- .../doxa-research-map/doxa-research-map.js | 3 ++- .../doxa-research-map/research-map/index.html | 2 +- .../doxa-simple-map/doxa-simple-map.js | 3 ++- .../doxa-simple-map/adoption/index.html | 2 +- .../doxa-simple-map/engagement/index.html | 2 +- .../doxa-simple-map/index.html | 2 +- .../doxa-simple-map/prayer/index.html | 2 +- .../doxa-maps-build/doxa-maps/manifest.json | 22 +++++++++---------- .../my-upg-100-list/my-upg-100-list.js | 3 ++- .../my-upg-100-list/poster-wall/index.html | 2 +- .../my-upg-100-list/upg-100-list/index.html | 2 +- .../my-upg-100-list/upg-100-mfe/index.html | 2 +- public/embed/doxa-maps-build/index.html | 2 +- 16 files changed, 30 insertions(+), 26 deletions(-) diff --git a/public/embed/doxa-maps-build/doxa-maps/country-posters/countries-map/index.html b/public/embed/doxa-maps-build/doxa-maps/country-posters/countries-map/index.html index e384ec14..719fdae4 100644 --- a/public/embed/doxa-maps-build/doxa-maps/country-posters/countries-map/index.html +++ b/public/embed/doxa-maps-build/doxa-maps/country-posters/countries-map/index.html @@ -29,7 +29,7 @@ - + - + - + - + - + - + - + \n" + "script": "\n" } }, { @@ -106,7 +106,7 @@ "scriptUrl": "./country-posters/country-posters.js", "embed": { "iframe": "", - "script": "\n" + "script": "\n" } } ] @@ -156,7 +156,7 @@ "bundle": "doxa-research-map", "scriptUrl": "./doxa-research-map/doxa-research-map.js", "output": "doxa-maps/doxa-research-map/doxa-research-map.js", - "integrity": "sha384-8OxFWUpCML1mttvfK5Rjs1d+v2/FpMeQPfTegLfUL8LqeJ9vXCiJuemU37GdqYrM", + "integrity": "sha384-V1UWZkHJab3+7U/3I+fzciX/SYzbXng0WXbADcET4SlyBmgS7qoHNZ/QG8YlJMro", "elements": [ "doxa-research-map" ], @@ -170,7 +170,7 @@ "scriptUrl": "./doxa-research-map/doxa-research-map.js", "embed": { "iframe": "", - "script": "\n" + "script": "\n" } } ] @@ -179,7 +179,7 @@ "bundle": "doxa-simple-map", "scriptUrl": "./doxa-simple-map/doxa-simple-map.js", "output": "doxa-maps/doxa-simple-map/doxa-simple-map.js", - "integrity": "sha384-kETpuDve6FLV3IEwXZkwXzypPiG/9KrlEo5zFNsbYQIfEt+AUqBNSoQKN4o+f0ua", + "integrity": "sha384-fp+96iHumESwrb6AqH44iSWjEHLd+qaUpCaLLf4xfRMqXOVdLa02xiyhxtVF3L+1", "elements": [ "doxa-map", "doxa-simple-map" @@ -194,7 +194,7 @@ "scriptUrl": "./doxa-simple-map/doxa-simple-map.js", "embed": { "iframe": "", - "script": "\n" + "script": "\n" }, "instances": [ { @@ -333,7 +333,7 @@ "bundle": "my-upg-100-list", "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "output": "doxa-maps/my-upg-100-list/my-upg-100-list.js", - "integrity": "sha384-VCtUdAESowvQX6byobT+a2q9PVlyUuSWk6gKbVlV8ovTl13UxNrBH3gSnueVJ6Pi", + "integrity": "sha384-IJjKzDicKG0MDMSxqGm+yhsq+gVHtt1HfO4wDTXPmgVvtv13Z7FI4/NJ0Ifnt9L4", "elements": [ "my-upg-100-list-map" ], @@ -347,7 +347,7 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n" + "script": "\n" } }, { @@ -359,7 +359,7 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n" + "script": "\n" } }, { @@ -371,7 +371,7 @@ "scriptUrl": "./my-upg-100-list/my-upg-100-list.js", "embed": { "iframe": "", - "script": "\n" + "script": "\n" } } ] diff --git a/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/my-upg-100-list.js b/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/my-upg-100-list.js index 748467ec..4b1ed532 100644 --- a/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/my-upg-100-list.js +++ b/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/my-upg-100-list.js @@ -633,6 +633,7 @@ .legend-sheet-root>*{pointer-events:auto;} .mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{transform:translateY(calc(-1 * min(var(--legend-sheet-h,0px),48px)));} +.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{z-index:3;} .mapboxgl-ctrl-bottom-right,.maplibregl-ctrl-bottom-right{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2px;opacity:0.72;transform:translateY(calc(-1 * min(var(--legend-sheet-h,0px),48px))) scale(0.85);transform-origin:bottom right;transition:opacity 0.15s;} .mapboxgl-ctrl-bottom-right:hover,.maplibregl-ctrl-bottom-right:hover{opacity:1;} .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.maplibregl-ctrl-bottom-right .maplibregl-ctrl{margin:0 6px 6px 0;} @@ -715,7 +716,7 @@ .sheet-dark .pull-tab-handle{background:rgba(243,243,241,0.3)!important;} .sheet-dark .legend-content{background:#3b463d!important;} .sheet-dark .legend-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.2);} -`,"legend-mobile-sheet");const o=e,n=Ee("uiStore");Ee("mapStore");const a=Ee("dataStore"),r=Ee("onSemanticTreeSelect",()=>{}),s=sp(o,"legendType"),{items:i,columns:l,title:c,activeFilter:u,setFilter:d,totalCount:h,totalPopulation:k,fmtPop:f,fmtCount:y}=y0(s,_0),m=Ee("normalizedPeopleGroups",null),x=X(()=>{var Y,g;if((Y=m==null?void 0:m.value)!=null&&Y.length)return m.value;const Z=[];for(const _ in(a==null?void 0:a.sources)||{}){const R=a.sources[_];(g=R==null?void 0:R.features)!=null&&g.length&&Z.push(...R.features)}return Z}),S={get value(){return x.value}},{langTree:b}=Vu(S),{affinityTree:p}=q0(S),{regionsTree:v}=lv(S),C=[{id:"family",label:"Lang Family",info:"A language family is a group of languages descended from a common ancestor."},{id:"language",label:"Language",info:"A language is a system of communication used by a people."},{id:"dialect",label:"Dialect",info:"A dialect/variety is a regional or social form of a language."}],A=[{id:"bloc",label:"Block",info:"Affinity Block (rop1) — broadest grouping. 16 blocks total."},{id:"cluster",label:"Cluster",info:"Cluster (imb_reg_of_people_2, ROP 2) — finer grouping inside a block. 194 total."},{id:"group",label:"PG",info:"People Group (imb_reg_of_people_25, ROP 2.5) — abstract identity. 1,736 PGs."},{id:"pgic",label:"PGIC",info:"PG in Country (imb_reg_of_people_3 + country_code) — one row per PG-country pair. 2,106 rows."}],N=[{id:"region",label:"Region",info:'WAGF macro-region (e.g. "Asia", "Africa"). Color-coded on the map.'},{id:"block",label:"Bloc",info:'WAGF bloc — organizational sub-grouping within each region (e.g. "South East Asia").'},{id:"country",label:"Country",info:"Individual countries, listed by unreached-population size within their bloc."}],M=X(()=>["prayer","engagement","adoption","religion"].includes(o.legendType));function V(Z){const Y=[];for(const g of Z){Y.push({id:g.key,label:g.label,color:g.color,count:g.count??0,pop:g.population??0,filter:g.filterKey?["==",["get","_flat_filter"],g.filterKey]:null,children:[]});for(const _ of g.children||[])Y.push({id:_.key,label:_.label,color:_.color,count:_.count??0,pop:_.population??0,filter:_.filterKey?["==",["get","_flat_filter"],_.filterKey]:null,children:[]})}return Y}const G=X(()=>o.nodes?o.nodes:M.value?V(i.value):o.legendType==="affinity-block"?p.value:o.legendType==="doxa-regions"?v.value:b.value),U=X(()=>o.nodes?o.tabs:M.value?null:o.legendType==="affinity-block"?A:o.legendType==="doxa-regions"?N:C),re=X(()=>o.title?o.title:M.value?"Legend":o.legendType==="affinity-block"?"People Groups":o.legendType==="doxa-regions"?"WAGF Regions":"Languages"),B=X(()=>o.columnLabel!==null?o.columnLabel:o.legendType==="religion"?"UUPG Religions":o.legendType==="prayer"?"Prayer Status":o.legendType==="engagement"?"Engagement Status":o.legendType==="adoption"?"Adoption Status":M.value?"Status":""),H=ue(null),L=ue(!1),K={pending:null,active:!1,startY:0,startH:0,startState:"",containerH:0,maxH:0,lastH:0,contentEl:null};let se=0;const ye=()=>Date.now()-se<400,ne=X(()=>n.legendState),te=X(()=>n.legendHeight),fe=X(()=>n.caretRotation),Me=X(()=>n.showPullTab),We=X(()=>n.legendMode),Ze=X(()=>n.selectedPeopleGroup),Xe=X(()=>{var Z;return We.value==="detail"&&Ze.value?((Z=Ze.value.properties)==null?void 0:Z.name)||t("legend.header.peopleGroupFallback"):ne.value==="collapsed"?o.title||t("legend.header.collapsed"):o.title||c.value});function ot(Z){n.handleLegendItemClick(),d(Z)}function Qe(){ye()||n.toggleLegend()}function gt(){ye()||(n.selectPeopleGroup(null),n.openLegend())}const et=X(()=>{var Y;if(!Ze.value)return null;const Z=Ze.value.properties||{};return Z.imageUrl||((Y=Z._raw)==null?void 0:Y.ImageURL)||null});function xt(Z){var j;if(ne.value==="collapsed")return;const Y=Z.touches[0],g=H.value;if(!Y||!g)return;const R=Y.clientY-g.getBoundingClientRect().top<=t1?"grab":We.value==="detail"?"content":null;R&&(K.pending=R,K.active=!1,K.startY=Y.clientY,K.startH=g.offsetHeight,K.lastH=K.startH,K.startState=ne.value,K.containerH=((j=g.parentElement)==null?void 0:j.offsetHeight)||window.innerHeight,K.maxH=K.containerH-td,K.contentEl=g.querySelector(".legend-content"))}function $(Z){if(!K.pending&&!K.active)return;const Y=Z.touches[0];if(!Y)return;const g=K.startY-Y.clientY;if(!K.active){if(g===0)return;let R=K.pending==="grab";if(K.pending==="content"){const j=!K.contentEl||K.contentEl.scrollTop<=0;R=g>0?K.startH0?n.fullyOpenLegend():K.startState==="fullyOpen"?n.openLegend():n.collapseLegend()}function T(Z){Z==="fullyOpen"?n.fullyOpenLegend():Z==="collapsed"?n.collapseLegend():n.openLegend()}let O=null,W=null,q=null;return to(()=>{const Z=H.value;if(!Z||typeof ResizeObserver>"u")return;const Y=Z.getRootNode();W=Y instanceof ShadowRoot?Y.host:Y.documentElement||null,W&&(q=Z,O=new ResizeObserver(()=>{const g=Z.offsetHeight;g<=0||(W.style.setProperty(od,`${g}px`),W.__legendSheetVarOwner=Z)}),O.observe(Z))}),To(()=>{O&&(O.disconnect(),O=null),W&&W.__legendSheetVarOwner===q&&(W.style.removeProperty(od),W.__legendSheetVarOwner=null),W=null,q=null}),(Z,Y)=>{var g;return z(),Q("div",Hv,[We.value==="detail"&&Ze.value&&ne.value==="open"&&et.value?(z(),Q("div",{key:0,class:"floating-mini-image",onClick:Y[0]||(Y[0]=_=>be(n).fullyOpenLegend())},[E("img",{src:et.value,alt:(g=Ze.value.properties)==null?void 0:g.name,class:"mini-image"},null,8,zv)])):me("",!0),E("div",{ref_key:"sheetRef",ref:H,class:Le(["legend-mobile-sheet",[ne.value,{"sheet-dark":e.isDark,dragging:L.value}]]),style:tt({height:te.value,"--legend-sheet-top-reserve":td+"px"}),onTouchstart:xt,onTouchmove:$,onTouchend:P,onTouchcancel:P},[E("div",{class:"sheet-drag-strip",onClick:Qe},[Me.value?(z(),Q("div",Vv)):me("",!0)]),We.value==="detail"&&ne.value!=="collapsed"?(z(),Q("button",{key:0,class:"detail-collapse-btn-mobile",onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},null,8,Wv)):me("",!0),We.value==="detail"&&ne.value!=="collapsed"?(z(),Q("button",{key:1,class:"detail-close-btn",onClick:Ht(gt,["stop"]),"aria-label":be(t)("aria.backToLegend")},[...Y[1]||(Y[1]=[E("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none"},[E("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1)])],8,Yv)):me("",!0),ne.value==="collapsed"&&We.value==="detail"&&Ze.value?(z(),Q("div",{key:2,class:"collapsed-detail-footer",onClick:Qe},[E("button",{class:"mobile-collapse-caret",style:tt({transform:`rotate(${fe.value}deg)`}),"aria-label":be(t)("aria.toggleLegend"),tabindex:"-1"},[...Y[2]||(Y[2]=[E("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[E("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Jv),E("span",qv,ce(Xe.value),1)])):me("",!0),E("div",Zv,[We.value==="detail"&&Ze.value?(z(),Q(Ce,{key:0},[ne.value!=="collapsed"?(z(),st(ed,{key:0,peopleGroup:Ze.value,hideHeader:!0,dark:e.isDark,action:e.popupAction},null,8,["peopleGroup","dark","action"])):me("",!0)],64)):e.legendType!=="default"?(z(),st(Lu,{key:1,nodes:G.value,tabs:U.value,title:Xe.value||re.value,hideTabs:e.nodes?!e.tabs:M.value,columnLabel:B.value,columns:e.columns||["count","pop"],onSelect:be(r)},{"title-caret":Bt(()=>[E("button",{class:"mobile-collapse-caret",style:tt({transform:`rotate(${fe.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[3]||(Y[3]=[E("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[E("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Xv)]),_:1},8,["nodes","tabs","title","hideTabs","columnLabel","columns","onSelect"])):(z(),st(R0,{key:2,title:Xe.value,items:be(i),columns:be(l),activeFilter:be(u),isDark:e.isDark,hideColumnHeader:!1,showFooter:!1,disableCollapse:!0,totalCount:be(h),totalPopulation:be(k),fmtPop:be(f),fmtCount:be(y),onFilterClick:ot},{"title-caret":Bt(()=>[E("button",{class:"mobile-collapse-caret",style:tt({transform:`rotate(${fe.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[4]||(Y[4]=[E("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[E("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Qv)]),_:1},8,["title","items","columns","activeFilter","isDark","totalCount","totalPopulation","fmtPop","fmtCount"]))])],38)])}}},[["__scopeId","data-v-eb444f1b"]]),a1={__name:"MapToolbar",props:{hasGeocoder:{type:Boolean,default:!0}},setup(e){const t=ue(null);return Ft("mapToolbar",{el:t}),wt(` +`,"legend-mobile-sheet");const o=e,n=Ee("uiStore");Ee("mapStore");const a=Ee("dataStore"),r=Ee("onSemanticTreeSelect",()=>{}),s=sp(o,"legendType"),{items:i,columns:l,title:c,activeFilter:u,setFilter:d,totalCount:h,totalPopulation:k,fmtPop:f,fmtCount:y}=y0(s,_0),m=Ee("normalizedPeopleGroups",null),x=X(()=>{var Y,g;if((Y=m==null?void 0:m.value)!=null&&Y.length)return m.value;const Z=[];for(const _ in(a==null?void 0:a.sources)||{}){const R=a.sources[_];(g=R==null?void 0:R.features)!=null&&g.length&&Z.push(...R.features)}return Z}),S={get value(){return x.value}},{langTree:b}=Vu(S),{affinityTree:p}=q0(S),{regionsTree:v}=lv(S),C=[{id:"family",label:"Lang Family",info:"A language family is a group of languages descended from a common ancestor."},{id:"language",label:"Language",info:"A language is a system of communication used by a people."},{id:"dialect",label:"Dialect",info:"A dialect/variety is a regional or social form of a language."}],A=[{id:"bloc",label:"Block",info:"Affinity Block (rop1) — broadest grouping. 16 blocks total."},{id:"cluster",label:"Cluster",info:"Cluster (imb_reg_of_people_2, ROP 2) — finer grouping inside a block. 194 total."},{id:"group",label:"PG",info:"People Group (imb_reg_of_people_25, ROP 2.5) — abstract identity. 1,736 PGs."},{id:"pgic",label:"PGIC",info:"PG in Country (imb_reg_of_people_3 + country_code) — one row per PG-country pair. 2,106 rows."}],N=[{id:"region",label:"Region",info:'WAGF macro-region (e.g. "Asia", "Africa"). Color-coded on the map.'},{id:"block",label:"Bloc",info:'WAGF bloc — organizational sub-grouping within each region (e.g. "South East Asia").'},{id:"country",label:"Country",info:"Individual countries, listed by unreached-population size within their bloc."}],M=X(()=>["prayer","engagement","adoption","religion"].includes(o.legendType));function V(Z){const Y=[];for(const g of Z){Y.push({id:g.key,label:g.label,color:g.color,count:g.count??0,pop:g.population??0,filter:g.filterKey?["==",["get","_flat_filter"],g.filterKey]:null,children:[]});for(const _ of g.children||[])Y.push({id:_.key,label:_.label,color:_.color,count:_.count??0,pop:_.population??0,filter:_.filterKey?["==",["get","_flat_filter"],_.filterKey]:null,children:[]})}return Y}const G=X(()=>o.nodes?o.nodes:M.value?V(i.value):o.legendType==="affinity-block"?p.value:o.legendType==="doxa-regions"?v.value:b.value),U=X(()=>o.nodes?o.tabs:M.value?null:o.legendType==="affinity-block"?A:o.legendType==="doxa-regions"?N:C),re=X(()=>o.title?o.title:M.value?"Legend":o.legendType==="affinity-block"?"People Groups":o.legendType==="doxa-regions"?"WAGF Regions":"Languages"),B=X(()=>o.columnLabel!==null?o.columnLabel:o.legendType==="religion"?"UUPG Religions":o.legendType==="prayer"?"Prayer Status":o.legendType==="engagement"?"Engagement Status":o.legendType==="adoption"?"Adoption Status":M.value?"Status":""),H=ue(null),L=ue(!1),K={pending:null,active:!1,startY:0,startH:0,startState:"",containerH:0,maxH:0,lastH:0,contentEl:null};let se=0;const ye=()=>Date.now()-se<400,ne=X(()=>n.legendState),te=X(()=>n.legendHeight),fe=X(()=>n.caretRotation),Me=X(()=>n.showPullTab),We=X(()=>n.legendMode),Ze=X(()=>n.selectedPeopleGroup),Xe=X(()=>{var Z;return We.value==="detail"&&Ze.value?((Z=Ze.value.properties)==null?void 0:Z.name)||t("legend.header.peopleGroupFallback"):ne.value==="collapsed"?o.title||t("legend.header.collapsed"):o.title||c.value});function ot(Z){n.handleLegendItemClick(),d(Z)}function Qe(){ye()||n.toggleLegend()}function gt(){ye()||(n.selectPeopleGroup(null),n.openLegend())}const et=X(()=>{var Y;if(!Ze.value)return null;const Z=Ze.value.properties||{};return Z.imageUrl||((Y=Z._raw)==null?void 0:Y.ImageURL)||null});function xt(Z){var j;if(ne.value==="collapsed")return;const Y=Z.touches[0],g=H.value;if(!Y||!g)return;const R=Y.clientY-g.getBoundingClientRect().top<=t1?"grab":We.value==="detail"?"content":null;R&&(K.pending=R,K.active=!1,K.startY=Y.clientY,K.startH=g.offsetHeight,K.lastH=K.startH,K.startState=ne.value,K.containerH=((j=g.parentElement)==null?void 0:j.offsetHeight)||window.innerHeight,K.maxH=K.containerH-td,K.contentEl=g.querySelector(".legend-content"))}function $(Z){if(!K.pending&&!K.active)return;const Y=Z.touches[0];if(!Y)return;const g=K.startY-Y.clientY;if(!K.active){if(g===0)return;let R=K.pending==="grab";if(K.pending==="content"){const j=!K.contentEl||K.contentEl.scrollTop<=0;R=g>0?K.startH0?n.fullyOpenLegend():K.startState==="fullyOpen"?n.openLegend():n.collapseLegend()}function T(Z){Z==="fullyOpen"?n.fullyOpenLegend():Z==="collapsed"?n.collapseLegend():n.openLegend()}let O=null,W=null,q=null;return to(()=>{const Z=H.value;if(!Z||typeof ResizeObserver>"u")return;const Y=Z.getRootNode();W=Y instanceof ShadowRoot?Y.host:Y.documentElement||null,W&&(q=Z,O=new ResizeObserver(()=>{const g=Z.offsetHeight;g<=0||(W.style.setProperty(od,`${g}px`),W.__legendSheetVarOwner=Z)}),O.observe(Z))}),To(()=>{O&&(O.disconnect(),O=null),W&&W.__legendSheetVarOwner===q&&(W.style.removeProperty(od),W.__legendSheetVarOwner=null),W=null,q=null}),(Z,Y)=>{var g;return z(),Q("div",Hv,[We.value==="detail"&&Ze.value&&ne.value==="open"&&et.value?(z(),Q("div",{key:0,class:"floating-mini-image",onClick:Y[0]||(Y[0]=_=>be(n).fullyOpenLegend())},[E("img",{src:et.value,alt:(g=Ze.value.properties)==null?void 0:g.name,class:"mini-image"},null,8,zv)])):me("",!0),E("div",{ref_key:"sheetRef",ref:H,class:Le(["legend-mobile-sheet",[ne.value,{"sheet-dark":e.isDark,dragging:L.value}]]),style:tt({height:te.value,"--legend-sheet-top-reserve":td+"px"}),onTouchstart:xt,onTouchmove:$,onTouchend:P,onTouchcancel:P},[E("div",{class:"sheet-drag-strip",onClick:Qe},[Me.value?(z(),Q("div",Vv)):me("",!0)]),We.value==="detail"&&ne.value!=="collapsed"?(z(),Q("button",{key:0,class:"detail-collapse-btn-mobile",onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},null,8,Wv)):me("",!0),We.value==="detail"&&ne.value!=="collapsed"?(z(),Q("button",{key:1,class:"detail-close-btn",onClick:Ht(gt,["stop"]),"aria-label":be(t)("aria.backToLegend")},[...Y[1]||(Y[1]=[E("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none"},[E("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1)])],8,Yv)):me("",!0),ne.value==="collapsed"&&We.value==="detail"&&Ze.value?(z(),Q("div",{key:2,class:"collapsed-detail-footer",onClick:Qe},[E("button",{class:"mobile-collapse-caret",style:tt({transform:`rotate(${fe.value}deg)`}),"aria-label":be(t)("aria.toggleLegend"),tabindex:"-1"},[...Y[2]||(Y[2]=[E("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[E("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Jv),E("span",qv,ce(Xe.value),1)])):me("",!0),E("div",Zv,[We.value==="detail"&&Ze.value?(z(),Q(Ce,{key:0},[ne.value!=="collapsed"?(z(),st(ed,{key:0,peopleGroup:Ze.value,hideHeader:!0,dark:e.isDark,action:e.popupAction},null,8,["peopleGroup","dark","action"])):me("",!0)],64)):e.legendType!=="default"?(z(),st(Lu,{key:1,nodes:G.value,tabs:U.value,title:Xe.value||re.value,hideTabs:e.nodes?!e.tabs:M.value,columnLabel:B.value,columns:e.columns||["count","pop"],onSelect:be(r)},{"title-caret":Bt(()=>[E("button",{class:"mobile-collapse-caret",style:tt({transform:`rotate(${fe.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[3]||(Y[3]=[E("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[E("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Xv)]),_:1},8,["nodes","tabs","title","hideTabs","columnLabel","columns","onSelect"])):(z(),st(R0,{key:2,title:Xe.value,items:be(i),columns:be(l),activeFilter:be(u),isDark:e.isDark,hideColumnHeader:!1,showFooter:!1,disableCollapse:!0,totalCount:be(h),totalPopulation:be(k),fmtPop:be(f),fmtCount:be(y),onFilterClick:ot},{"title-caret":Bt(()=>[E("button",{class:"mobile-collapse-caret",style:tt({transform:`rotate(${fe.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[4]||(Y[4]=[E("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[E("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Qv)]),_:1},8,["title","items","columns","activeFilter","isDark","totalCount","totalPopulation","fmtPop","fmtCount"]))])],38)])}}},[["__scopeId","data-v-87b1df09"]]),a1={__name:"MapToolbar",props:{hasGeocoder:{type:Boolean,default:!0}},setup(e){const t=ue(null);return Ft("mapToolbar",{el:t}),wt(` .map-toolbar { position: absolute; top: 6px; diff --git a/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/poster-wall/index.html b/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/poster-wall/index.html index dc5a4a97..43d96d91 100644 --- a/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/poster-wall/index.html +++ b/public/embed/doxa-maps-build/doxa-maps/my-upg-100-list/poster-wall/index.html @@ -29,7 +29,7 @@ - + - + - +