From acf57749237b5cd5db4f7734a95ff2436788d9f6 Mon Sep 17 00:00:00 2001 From: swift-river542 Date: Wed, 16 Sep 2026 22:08:51 -0500 Subject: [PATCH] Maps drop-in: image offset restored, gutters match the controls --- .../country-posters/countries-map/index.html | 2 +- .../country-poster-wall/index.html | 2 +- .../country-posters/country-posters.js | 4 ++-- .../doxa-research-map/doxa-research-map.js | 6 ++--- .../doxa-research-map/research-map/index.html | 2 +- .../doxa-simple-map/doxa-simple-map.js | 10 ++++----- .../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 | 4 ++-- .../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, 34 insertions(+), 34 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 47531713..d94ef823 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-RLQjHW1ujtBn2N82gRcdub3jm7eG0Yol52IcWgzv/sjGzEnXEaHupIVT3Ei4QtOL", + "integrity": "sha384-++1FLMg8Gtk0U74DEb5Ph/ssmRf1XPYoh0HjZUZsjDY2qEA9j7E2jcdIBWp1RDvx", "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-3zg7SenU3WZA9wbCdAR9749ksktoSOyRacCAkhbi1uHhJ9SamP+n7ocrHSWRcxdV", + "integrity": "sha384-xSHOBOCWceazH+o+MtO+Uer82MQwBWRUI65eI7InjtIJKphOnJJl7JINIeokLjPL", "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-wfPvwhYksJPp8IRjmd3lEzrK0BerRgIOeQYr6JxJ/6XcqLXzAzcVj4OKW6tIFADc", + "integrity": "sha384-+qn4Jgd/wiWiIpPyTQZ2X5v2txHBN8TfCeQ4aUU1iOrJbUWLkD6ZAVq+yWmgDTVs", "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 acae2fa8..86d5e27b 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 @@ -627,7 +627,7 @@ .description-text.empty{color:#999;font-style:italic;} .dark-mode .description-text.empty{color:#6b7280;} `,"legend-people-group-detail");const n=e,r=Ee("uiStore"),a=Ee("profileConfig",null),s=Q(()=>r.legendState),i=Q(()=>r.isMobile),l=Q(()=>!i.value||s.value==="fullyOpen"),c=Q(()=>Uu(n.peopleGroup.properties.name)),u=Q(()=>c.value.letter),d=Q(()=>Q0(n.peopleGroup.properties.name,{size:32,borderRadius:4})),f=Q(()=>n.peopleGroup.properties),x=ue(null),b=ue(!1),v=Q(()=>f.value.slug||"");async function _(K){if(!K)return;const pe=xu();if(pe)try{const ge=await fetch(`${pe}/api/people-groups/detail/${encodeURIComponent(K)}?lang=${encodeURIComponent(o.value)}`);if(!ge.ok)throw new Error(`HTTP ${ge.status}`);x.value=await ge.json()}catch{x.value=null}}ut(v,K=>{b.value=!1,x.value=null,_(K)},{immediate:!0});const w=Q(()=>{var K;return f.value.countryName||f.value.countryIsoLabel||f.value.country||f.value.countryIso||((K=f.value._raw)==null?void 0:K.Country)||""}),S=Q(()=>{var ge;const K=f.value.status||((ge=f.value._raw)==null?void 0:ge.Status),pe=w.value||"Unknown";return K?`${pe} • ${K}`:pe}),m=Q(()=>{var pe;const K=f.value.language||((pe=f.value._raw)==null?void 0:pe.Language);if(!K)return"Unknown";if(typeof K=="object"&&K.label)return K.label;if(typeof K=="string"&&K.startsWith("{"))try{const ge=JSON.parse(K);if(ge!=null&&ge.label)return ge.label}catch{}return K}),g=Q(()=>{var K;return f.value.population||((K=f.value._raw)==null?void 0:K.Population)||0}),y=Q(()=>{var pe,ge;const K=[(pe=x.value)==null?void 0:pe.people_praying,f.value.peoplePraying,(ge=f.value._raw)==null?void 0:ge.people_praying];for(const Ge of K)if(Ge!=null&&Ge!=="")return Number(Ge);return null}),L=Q(()=>y.value===null?"—":y.value.toLocaleString()),P=Q(()=>{var K;return f.value.religionName||f.value.religionLabel||f.value.religion||((K=f.value._raw)==null?void 0:K.Religion)||""}),N=Q(()=>{var K,pe,ge;return((K=x.value)==null?void 0:K.imb_people_description)||((pe=x.value)==null?void 0:pe.description)||f.value.description||((ge=f.value._raw)==null?void 0:ge.Description)||""}),M=Q(()=>{var K,pe,ge;return((K=x.value)==null?void 0:K.image_url)||((pe=x.value)==null?void 0:pe.imageUrl)||f.value.imageUrl||((ge=f.value._raw)==null?void 0:ge.ImageURL)||Ku}),I=Q(()=>{const K=parseInt(g.value);return K>=1e6?`${(K/1e6).toFixed(1)}M`:K>=1e3?`${(K/1e3).toFixed(1)}K`:K.toLocaleString()});function z(){r.selectPeopleGroup(null)}function V(){var Ge;let K="";try{K=new URLSearchParams(window.location.search).get("utm_source")||""}catch{}const pe=(Ge=a==null?void 0:a.value)==null?void 0:Ge.utmSource,ge=typeof window<"u"&&window.DOXA_UTM_SOURCE||"";return encodeURIComponent(String(K||pe||ge||"agwm"))}function ae(K){return`https://pray.doxa.life/${encodeURIComponent(K)}?source=doxalife&utm_source=${V()}`}function j(K){return`${q()}/adopt/${encodeURIComponent(K)}/?source=doxalife&utm_source=${V()}`}function q(){const K=typeof window<"u"&&window.DOXA_SITE_URL||"";return String(K||"https://doxa.life").replace(/\/+$/,"")}function A(K){return`${q()}/research/${encodeURIComponent(K)}/?utm_source=${V()}`}function G(){const K=v.value;if(!K)return;n.action!=="adopt"&&X0(K);const pe=n.action==="adopt"?j(K):ae(K);window.open(pe,"_blank","noopener")}function re(){const K=v.value;K&&window.open(A(K),"_blank","noopener")}function ye(K){K.target.dataset.usedFallback||(K.target.dataset.usedFallback="true",K.target.src=Ku)}return(K,pe)=>(H(),ee("div",{class:Ce(["people-group-detail",{"dark-mode":e.dark}])},[e.hideHeader?me("",!0):(H(),ee("div",ev,[T("div",tv,[T("div",{class:"avatar",style:nt(d.value)},ce(u.value),5),T("div",ov,[T("h3",nv,ce(e.peopleGroup.properties.name),1),T("p",av,ce(S.value),1)])]),T("button",{class:"close-button",onClick:z,"aria-label":be(t)("aria.closeDetailView")},[...pe[1]||(pe[1]=[T("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none"},[T("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1)])],8,rv)])),T("div",sv,[e.hideHeader?(H(),ee("h3",iv,ce(e.peopleGroup.properties.name||be(t)("legend.header.peopleGroupFallback")),1)):me("",!0),T("div",lv,[e.action==="pray"||e.action==="adopt"?(H(),ee("button",{key:0,class:"action-btn primary",onClick:G},[pe[2]||(pe[2]=T("svg",{class:"btn-icon",width:"16",height:"16",viewBox:"0 0 16 16"},[T("path",{d:"M8 2L10 6L14 6.5L11 9.5L11.5 14L8 12L4.5 14L5 9.5L2 6.5L6 6L8 2Z",fill:"currentColor"})],-1)),T("span",null,ce(e.action==="adopt"?be(t)("buttons.adoptThem"):be(t)("buttons.prayForThem")),1)])):me("",!0),T("button",{class:"action-btn secondary",onClick:re},[pe[3]||(pe[3]=T("svg",{class:"btn-icon",width:"16",height:"16",viewBox:"0 0 16 16"},[T("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor","stroke-width":"2",fill:"none"}),T("path",{d:"M8 6V8M8 10H8.01",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1)),T("span",null,ce(be(t)("buttons.moreInfo")),1)])]),T("div",cv,[T("div",uv,[T("span",dv,ce(be(t)("detail.labels.country")),1),T("span",pv,ce(w.value||"—"),1)]),T("div",gv,[T("span",fv,ce(be(t)("detail.labels.population")),1),T("span",hv,ce(I.value||"—"),1)]),T("div",mv,[T("span",bv,ce(be(t)("detail.labels.language")),1),T("span",yv,ce(m.value||"—"),1)]),T("div",_v,[T("span",vv,ce(be(t)("detail.labels.religion")),1),T("span",kv,ce(P.value||"—"),1)]),T("div",wv,[T("span",xv,ce(be(t)("detail.labels.peopleCommitted")),1),T("span",Sv,ce(L.value),1)])]),l.value?(H(),ee("div",Av,[T("div",{class:Ce(["image-placeholder-svg",{hidden:b.value}])},[...pe[4]||(pe[4]=[T("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 120",width:"80",height:"96","aria-hidden":"true"},[T("circle",{cx:"50",cy:"36",r:"22",fill:"#ccc"}),T("ellipse",{cx:"50",cy:"95",rx:"36",ry:"28",fill:"#ccc"})],-1)])],2),M.value?(H(),ee("img",{key:0,src:M.value,alt:`${e.peopleGroup.properties.name} people group`,class:Ce(["people-group-image",{loaded:b.value}]),onLoad:pe[0]||(pe[0]=ge=>b.value=!0),onError:ye},null,42,$v)):me("",!0)])):me("",!0),l.value?(H(),ee("div",Lv,[N.value?(H(),ee("p",Cv,ce(N.value),1)):(H(),ee("p",Tv,ce(be(t)("detail.messages.noDescription")),1))])):me("",!0)])],2))}},[["__scopeId","data-v-8142ca9c"]]),Ev=Object.freeze(Object.defineProperty({__proto__:null,default:Hu},Symbol.toStringTag,{value:"Module"})),Pv={class:"legend-sheet-root"},Nv=["src","alt"],Mv={key:0,class:"pull-tab-handle"},Iv=["aria-label"],Rv=["aria-label"],Fv=["aria-label"],Ov={class:"collapsed-detail-title"},Dv={class:"legend-content"},Bv=["aria-label"],jv=["aria-label"],zu=80,Gv=48,Uv=44,Kv=24,Vu="--legend-sheet-h",Hv=fn({__name:"LegendMobile",props:{legendType:{type:String,required:!0},nodes:{type:Array,default:null},tabs:{type:Array,default:null},columnLabel:{type:String,default:null},title:{type:String,default:null},columns:{type:Array,default:null},isDark:{type:Boolean,default:!1},popupAction:{type:String,default:"pray",validator:e=>["pray","adopt","none"].includes(e)},disableCollapse:{type:Boolean,default:!1}},setup(e){const{t}=kt();At(` -.floating-mini-image{position:absolute;left:16px;bottom:calc(30% + 44px);z-index:999;pointer-events:auto;cursor:pointer;} +.floating-mini-image{position:absolute;left:16px;bottom:calc(30% + 16px);z-index:999;pointer-events:auto;cursor:pointer;} .mini-image{width:120px;height:150px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.25);display:block;} .legend-sheet-root{position:absolute;inset:0;pointer-events:none;overflow:hidden;} .legend-sheet-root>*{pointer-events:auto;} @@ -715,7 +715,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 r=Ee("dataStore"),a=Ee("onSemanticTreeSelect",()=>{}),s=qd(o,"legendType"),{items:i,columns:l,title:c,activeFilter:u,setFilter:d,totalCount:f,totalPopulation:x,fmtPop:b,fmtCount:v}=r0(s,s0),_=Ee("normalizedPeopleGroups",null),w=Q(()=>{var Y,p;if((Y=_==null?void 0:_.value)!=null&&Y.length)return _.value;const X=[];for(const h in(r==null?void 0:r.sources)||{}){const F=r.sources[h];(p=F==null?void 0:F.features)!=null&&p.length&&X.push(...F.features)}return X}),S={get value(){return w.value}},{langTree:m}=Fu(S),{affinityTree:g}=O0(S),{regionsTree:y}=J0(S),L=[{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."}],P=[{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=Q(()=>["prayer","engagement","adoption","religion"].includes(o.legendType));function I(X){const Y=[];for(const p of X){Y.push({id:p.key,label:p.label,color:p.color,count:p.count??0,pop:p.population??0,filter:p.filterKey?["==",["get","_flat_filter"],p.filterKey]:null,children:[]});for(const h of p.children||[])Y.push({id:h.key,label:h.label,color:h.color,count:h.count??0,pop:h.population??0,filter:h.filterKey?["==",["get","_flat_filter"],h.filterKey]:null,children:[]})}return Y}const z=Q(()=>o.nodes?o.nodes:M.value?I(i.value):o.legendType==="affinity-block"?g.value:o.legendType==="doxa-regions"?y.value:m.value),V=Q(()=>o.nodes?o.tabs:M.value?null:o.legendType==="affinity-block"?P:o.legendType==="doxa-regions"?N:L),ae=Q(()=>o.title?o.title:M.value?"Legend":o.legendType==="affinity-block"?"People Groups":o.legendType==="doxa-regions"?"WAGF Regions":"Languages"),j=Q(()=>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":""),q=ue(null),A=ue(!1),G={pending:null,active:!1,startY:0,startH:0,startState:"",containerH:0,maxH:0,lastH:0,contentEl:null};let re=0;const ye=()=>Date.now()-re<400,K=Q(()=>n.legendState),pe=Q(()=>n.legendHeight),ge=Q(()=>n.caretRotation),Ge=Q(()=>n.showPullTab),Ve=Q(()=>n.legendMode),Ze=Q(()=>n.selectedPeopleGroup),Xe=Q(()=>{var X;return Ve.value==="detail"&&Ze.value?((X=Ze.value.properties)==null?void 0:X.name)||t("legend.header.peopleGroupFallback"):K.value==="collapsed"?o.title||t("legend.header.collapsed"):o.title||c.value});function tt(X){n.handleLegendItemClick(),d(X)}function Qe(){ye()||n.toggleLegend()}function gt(){ye()||(n.selectPeopleGroup(null),n.openLegend())}const et=Q(()=>{var Y;if(!Ze.value)return null;const X=Ze.value.properties||{};return X.imageUrl||((Y=X._raw)==null?void 0:Y.ImageURL)||null});function wt(X){var U;if(K.value==="collapsed")return;const Y=X.touches[0],p=q.value;if(!Y||!p)return;const F=Y.clientY-p.getBoundingClientRect().top<=Uv?"grab":Ve.value==="detail"?"content":null;F&&(G.pending=F,G.active=!1,G.startY=Y.clientY,G.startH=p.offsetHeight,G.lastH=G.startH,G.startState=K.value,G.containerH=((U=p.parentElement)==null?void 0:U.offsetHeight)||window.innerHeight,G.maxH=G.containerH-zu,G.contentEl=p.querySelector(".legend-content"))}function $(X){if(!G.pending&&!G.active)return;const Y=X.touches[0];if(!Y)return;const p=G.startY-Y.clientY;if(!G.active){if(p===0)return;let F=G.pending==="grab";if(G.pending==="content"){const U=!G.contentEl||G.contentEl.scrollTop<=0;F=p>0?G.startH0?n.fullyOpenLegend():G.startState==="fullyOpen"?n.openLegend():n.collapseLegend()}function C(X){X==="fullyOpen"?n.fullyOpenLegend():X==="collapsed"?n.collapseLegend():n.openLegend()}let D=null,W=null,Z=null;return to(()=>{const X=q.value;if(!X||typeof ResizeObserver>"u")return;const Y=X.getRootNode();W=Y instanceof ShadowRoot?Y.host:Y.documentElement||null,W&&(Z=X,D=new ResizeObserver(()=>{const p=X.offsetHeight;p<=0||(W.style.setProperty(Vu,`${p}px`),W.__legendSheetVarOwner=X)}),D.observe(X))}),Lo(()=>{D&&(D.disconnect(),D=null),W&&W.__legendSheetVarOwner===Z&&(W.style.removeProperty(Vu),W.__legendSheetVarOwner=null),W=null,Z=null}),(X,Y)=>{var p;return H(),ee("div",Pv,[Ve.value==="detail"&&Ze.value&&K.value==="open"&&et.value?(H(),ee("div",{key:0,class:"floating-mini-image",onClick:Y[0]||(Y[0]=h=>be(n).fullyOpenLegend())},[T("img",{src:et.value,alt:(p=Ze.value.properties)==null?void 0:p.name,class:"mini-image"},null,8,Nv)])):me("",!0),T("div",{ref_key:"sheetRef",ref:q,class:Ce(["legend-mobile-sheet",[K.value,{"sheet-dark":e.isDark,dragging:A.value}]]),style:nt({height:pe.value,"--legend-sheet-top-reserve":zu+"px"}),onTouchstart:wt,onTouchmove:$,onTouchend:E,onTouchcancel:E},[T("div",{class:"sheet-drag-strip",onClick:Qe},[Ge.value?(H(),ee("div",Mv)):me("",!0)]),Ve.value==="detail"&&K.value!=="collapsed"?(H(),ee("button",{key:0,class:"detail-collapse-btn-mobile",onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},null,8,Iv)):me("",!0),Ve.value==="detail"&&K.value!=="collapsed"?(H(),ee("button",{key:1,class:"detail-close-btn",onClick:Ht(gt,["stop"]),"aria-label":be(t)("aria.backToLegend")},[...Y[1]||(Y[1]=[T("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none"},[T("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1)])],8,Rv)):me("",!0),K.value==="collapsed"&&Ve.value==="detail"&&Ze.value?(H(),ee("div",{key:2,class:"collapsed-detail-footer",onClick:Qe},[T("button",{class:"mobile-collapse-caret",style:nt({transform:`rotate(${ge.value}deg)`}),"aria-label":be(t)("aria.toggleLegend"),tabindex:"-1"},[...Y[2]||(Y[2]=[T("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[T("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Fv),T("span",Ov,ce(Xe.value),1)])):me("",!0),T("div",Dv,[Ve.value==="detail"&&Ze.value?(H(),ee(Le,{key:0},[K.value!=="collapsed"?(H(),lt(Hu,{key:0,peopleGroup:Ze.value,hideHeader:!0,dark:e.isDark,action:e.popupAction},null,8,["peopleGroup","dark","action"])):me("",!0)],64)):e.legendType!=="default"?(H(),lt(bu,{key:1,nodes:z.value,tabs:V.value,title:Xe.value||ae.value,hideTabs:e.nodes?!e.tabs:M.value,columnLabel:j.value,columns:e.columns||["count","pop"],onSelect:be(a)},{"title-caret":Kt(()=>[T("button",{class:"mobile-collapse-caret",style:nt({transform:`rotate(${ge.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[3]||(Y[3]=[T("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[T("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Bv)]),_:1},8,["nodes","tabs","title","hideTabs","columnLabel","columns","onSelect"])):(H(),lt(w0,{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(f),totalPopulation:be(x),fmtPop:be(b),fmtCount:be(v),onFilterClick:tt},{"title-caret":Kt(()=>[T("button",{class:"mobile-collapse-caret",style:nt({transform:`rotate(${ge.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[4]||(Y[4]=[T("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[T("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,jv)]),_:1},8,["title","items","columns","activeFilter","isDark","totalCount","totalPopulation","fmtPop","fmtCount"]))])],38)])}}},[["__scopeId","data-v-c4d3f00d"]]),zv={__name:"MapToolbar",props:{hasGeocoder:{type:Boolean,default:!0}},setup(e){return At(` +`,"legend-mobile-sheet");const o=e,n=Ee("uiStore");Ee("mapStore");const r=Ee("dataStore"),a=Ee("onSemanticTreeSelect",()=>{}),s=qd(o,"legendType"),{items:i,columns:l,title:c,activeFilter:u,setFilter:d,totalCount:f,totalPopulation:x,fmtPop:b,fmtCount:v}=r0(s,s0),_=Ee("normalizedPeopleGroups",null),w=Q(()=>{var Y,p;if((Y=_==null?void 0:_.value)!=null&&Y.length)return _.value;const X=[];for(const h in(r==null?void 0:r.sources)||{}){const F=r.sources[h];(p=F==null?void 0:F.features)!=null&&p.length&&X.push(...F.features)}return X}),S={get value(){return w.value}},{langTree:m}=Fu(S),{affinityTree:g}=O0(S),{regionsTree:y}=J0(S),L=[{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."}],P=[{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=Q(()=>["prayer","engagement","adoption","religion"].includes(o.legendType));function I(X){const Y=[];for(const p of X){Y.push({id:p.key,label:p.label,color:p.color,count:p.count??0,pop:p.population??0,filter:p.filterKey?["==",["get","_flat_filter"],p.filterKey]:null,children:[]});for(const h of p.children||[])Y.push({id:h.key,label:h.label,color:h.color,count:h.count??0,pop:h.population??0,filter:h.filterKey?["==",["get","_flat_filter"],h.filterKey]:null,children:[]})}return Y}const z=Q(()=>o.nodes?o.nodes:M.value?I(i.value):o.legendType==="affinity-block"?g.value:o.legendType==="doxa-regions"?y.value:m.value),V=Q(()=>o.nodes?o.tabs:M.value?null:o.legendType==="affinity-block"?P:o.legendType==="doxa-regions"?N:L),ae=Q(()=>o.title?o.title:M.value?"Legend":o.legendType==="affinity-block"?"People Groups":o.legendType==="doxa-regions"?"WAGF Regions":"Languages"),j=Q(()=>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":""),q=ue(null),A=ue(!1),G={pending:null,active:!1,startY:0,startH:0,startState:"",containerH:0,maxH:0,lastH:0,contentEl:null};let re=0;const ye=()=>Date.now()-re<400,K=Q(()=>n.legendState),pe=Q(()=>n.legendHeight),ge=Q(()=>n.caretRotation),Ge=Q(()=>n.showPullTab),Ve=Q(()=>n.legendMode),Ze=Q(()=>n.selectedPeopleGroup),Xe=Q(()=>{var X;return Ve.value==="detail"&&Ze.value?((X=Ze.value.properties)==null?void 0:X.name)||t("legend.header.peopleGroupFallback"):K.value==="collapsed"?o.title||t("legend.header.collapsed"):o.title||c.value});function tt(X){n.handleLegendItemClick(),d(X)}function Qe(){ye()||n.toggleLegend()}function gt(){ye()||(n.selectPeopleGroup(null),n.openLegend())}const et=Q(()=>{var Y;if(!Ze.value)return null;const X=Ze.value.properties||{};return X.imageUrl||((Y=X._raw)==null?void 0:Y.ImageURL)||null});function wt(X){var U;if(K.value==="collapsed")return;const Y=X.touches[0],p=q.value;if(!Y||!p)return;const F=Y.clientY-p.getBoundingClientRect().top<=Uv?"grab":Ve.value==="detail"?"content":null;F&&(G.pending=F,G.active=!1,G.startY=Y.clientY,G.startH=p.offsetHeight,G.lastH=G.startH,G.startState=K.value,G.containerH=((U=p.parentElement)==null?void 0:U.offsetHeight)||window.innerHeight,G.maxH=G.containerH-zu,G.contentEl=p.querySelector(".legend-content"))}function $(X){if(!G.pending&&!G.active)return;const Y=X.touches[0];if(!Y)return;const p=G.startY-Y.clientY;if(!G.active){if(p===0)return;let F=G.pending==="grab";if(G.pending==="content"){const U=!G.contentEl||G.contentEl.scrollTop<=0;F=p>0?G.startH0?n.fullyOpenLegend():G.startState==="fullyOpen"?n.openLegend():n.collapseLegend()}function C(X){X==="fullyOpen"?n.fullyOpenLegend():X==="collapsed"?n.collapseLegend():n.openLegend()}let D=null,W=null,Z=null;return to(()=>{const X=q.value;if(!X||typeof ResizeObserver>"u")return;const Y=X.getRootNode();W=Y instanceof ShadowRoot?Y.host:Y.documentElement||null,W&&(Z=X,D=new ResizeObserver(()=>{const p=X.offsetHeight;p<=0||(W.style.setProperty(Vu,`${p}px`),W.__legendSheetVarOwner=X)}),D.observe(X))}),Lo(()=>{D&&(D.disconnect(),D=null),W&&W.__legendSheetVarOwner===Z&&(W.style.removeProperty(Vu),W.__legendSheetVarOwner=null),W=null,Z=null}),(X,Y)=>{var p;return H(),ee("div",Pv,[Ve.value==="detail"&&Ze.value&&K.value==="open"&&et.value?(H(),ee("div",{key:0,class:"floating-mini-image",onClick:Y[0]||(Y[0]=h=>be(n).fullyOpenLegend())},[T("img",{src:et.value,alt:(p=Ze.value.properties)==null?void 0:p.name,class:"mini-image"},null,8,Nv)])):me("",!0),T("div",{ref_key:"sheetRef",ref:q,class:Ce(["legend-mobile-sheet",[K.value,{"sheet-dark":e.isDark,dragging:A.value}]]),style:nt({height:pe.value,"--legend-sheet-top-reserve":zu+"px"}),onTouchstart:wt,onTouchmove:$,onTouchend:E,onTouchcancel:E},[T("div",{class:"sheet-drag-strip",onClick:Qe},[Ge.value?(H(),ee("div",Mv)):me("",!0)]),Ve.value==="detail"&&K.value!=="collapsed"?(H(),ee("button",{key:0,class:"detail-collapse-btn-mobile",onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},null,8,Iv)):me("",!0),Ve.value==="detail"&&K.value!=="collapsed"?(H(),ee("button",{key:1,class:"detail-close-btn",onClick:Ht(gt,["stop"]),"aria-label":be(t)("aria.backToLegend")},[...Y[1]||(Y[1]=[T("svg",{width:"18",height:"18",viewBox:"0 0 20 20",fill:"none"},[T("path",{d:"M15 5L5 15M5 5L15 15",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round"})],-1)])],8,Rv)):me("",!0),K.value==="collapsed"&&Ve.value==="detail"&&Ze.value?(H(),ee("div",{key:2,class:"collapsed-detail-footer",onClick:Qe},[T("button",{class:"mobile-collapse-caret",style:nt({transform:`rotate(${ge.value}deg)`}),"aria-label":be(t)("aria.toggleLegend"),tabindex:"-1"},[...Y[2]||(Y[2]=[T("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[T("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Fv),T("span",Ov,ce(Xe.value),1)])):me("",!0),T("div",Dv,[Ve.value==="detail"&&Ze.value?(H(),ee(Le,{key:0},[K.value!=="collapsed"?(H(),lt(Hu,{key:0,peopleGroup:Ze.value,hideHeader:!0,dark:e.isDark,action:e.popupAction},null,8,["peopleGroup","dark","action"])):me("",!0)],64)):e.legendType!=="default"?(H(),lt(bu,{key:1,nodes:z.value,tabs:V.value,title:Xe.value||ae.value,hideTabs:e.nodes?!e.tabs:M.value,columnLabel:j.value,columns:e.columns||["count","pop"],onSelect:be(a)},{"title-caret":Kt(()=>[T("button",{class:"mobile-collapse-caret",style:nt({transform:`rotate(${ge.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[3]||(Y[3]=[T("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[T("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,Bv)]),_:1},8,["nodes","tabs","title","hideTabs","columnLabel","columns","onSelect"])):(H(),lt(w0,{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(f),totalPopulation:be(x),fmtPop:be(b),fmtCount:be(v),onFilterClick:tt},{"title-caret":Kt(()=>[T("button",{class:"mobile-collapse-caret",style:nt({transform:`rotate(${ge.value}deg)`}),onClick:Ht(Qe,["stop"]),"aria-label":be(t)("aria.toggleLegend")},[...Y[4]||(Y[4]=[T("svg",{width:"9",height:"9",viewBox:"0 0 12 12",fill:"none"},[T("path",{d:"M4.5 3L7.5 6L4.5 9",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round"})],-1)])],12,jv)]),_:1},8,["title","items","columns","activeFilter","isDark","totalCount","totalPopulation","fmtPop","fmtCount"]))])],38)])}}},[["__scopeId","data-v-eb444f1b"]]),zv={__name:"MapToolbar",props:{hasGeocoder:{type:Boolean,default:!0}},setup(e){return At(` .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 e3347476..73883e48 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 @@ - + - + - +