https://wageindicator.org/_nuxt/DrcXZmmI.js

1import{d as S,c as L,l as I,o as r,e as c,f as a,n as i,t as p,g as k,T as y,F as $,i as M,C as T,A as H,E as U,H as w,S as z,s as j,v as D,h as q,a6 as R,b as g,j as f,I as W,aH as P,K}from"./BkWO0B9t.js";import{u as Q}from"./C29BZHjb.js";import{A as G,f as J}from"./BlGfAdwy.js";const X={class:"w-full max-w-[1440px] mx-auto flex flex-col justify-start items-start gap-6"},Y={class:"self-stretch flex flex-col justify-start items-start"},Z={key:0,class:"self-stretch flex flex-col md:flex-row justify-start items-start md:items-center gap-6 md:gap-10"},ee={class:"flex flex-col md:flex-row justify-start items-start md:items-center gap-4"},te={class:"flex justify-start items-center gap-3 flex-wrap"},se=["onClick"],le={class:"flex-1 flex justify-start items-center gap-2"},ae={class:"w-5 h-5 relative overflow-hidden"},ne=["placeholder"],oe={class:"self-stretch"},re={key:0,class:"w-full flex justify-center items-center py-20"},ie={key:1,class:"grid grid-cols-1 lg:grid-cols-3 lg:gap-x-6"},ce=["src","alt"],ue={class:"flex-1 justify-start min-w-0"},de={key:2,class:"w-full flex flex-col items-center justify-center py-20"},ve=S({__name:"ContentInstanceOverview",props:{initialInstances:{},title:{},totalCount:{},variant:{}},setup(b){const u=b,v=L(),{filterAndRankBySearchTokens:_}=Q(),d=g(""),o=g("A-C"),h=g([]),x=g(!1),N=f(()=>u.totalCount&&h.value.length===u.totalCount);I(()=>u.initialInstances,s=>{s&&s.length>0?(h.value=[...s],x.value=!1):(h.value=[],x.value=!1)}),u.initialInstances&&u.initialInstances.length>0?(h.value=[...u.initialInstances],x.value=!1):(h.value=[],x.value=!1);const A=G,V=f(()=>u.title||"Content instances"),O=f(()=>u.variant||"light"),n=f(()=>O.value==="dark"),B=f(()=>{let s=h.value||[];if(d.value)s=_(s,d.value,e=>e.search_tokens,e=>e.country_name_en||e.title,e=>[e.country_name_local].filter(Boolean));else{if(o.value&&o.value!=="All"){const e=A.find(l=>l.key===o.value);e&&(s=s.filter(l=>J(l.country_name_en||l.title,e.range)))}s=s.slice().sort((e,l)=>(e.country_name_en||e.title).localeCompare(l.country_name_en||l.title))}return s}),C=s=>{const e=s.url_path;return e.startsWith("/")?e:`/${e}`};I(d,s=>{s&&o.value!=="All"&&(o.value="All")});const E=s=>{const e=s.target;e.style.display="none";const l=e.parentElement;if(l){const t=n.value?"bg-white/10":"bg-gray-200",m=n.value?"text-white/60":"text-gray-500";l.innerHTML=`
2      <div class="w-12 h-8 p-1.5 rounded ${t} flex items-center justify-center">
3        <svg class="w-4 h-4 ${m}" fill="none" stroke="currentColor" viewBox="0 0 24 24">
4          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
5        </svg>
6      </div>
7    `}},F=async s=>{try{const e=C(s),l=e.startsWith("/")?e:`/${e}`;if(window.location.pathname===l)return;await P(l)}catch(e){console.error("Navigation failed for instance:",s.country_name_en||s.title,e);const l=C(s);if(l&&l!=="#"&&l!==""){const t=l.startsWith("/")?l:`/${l}`;window.location.href=t}}};return(s,e)=>{const l=W;return r(),c("div",X,[a("div",Y,[a("h2",{class:i(["self-stretch text-left mt-0",n.value?"text-white":"text-slate-900"])},p(V.value),3),N.value?(r(),c("div",Z,[a("div",ee,[a("div",{class:i(["text-center text-sm font-semibold leading-4",n.value?"text-white":"text-slate-900"])},[k(y,{id:"country_overview__filters|Filters:"})],2),a("div",te,[(r(!0),c($,null,M(T(A),t=>(r(),c("button",{key:t.key,onClick:m=>o.value=t.key,class:i(["px-3 py-3 rounded-lg flex justify-center items-center gap-1 transition-colors min-w-[48px]",n.value?o.value===t.key?"bg-white/20":"outline outline-1 outline-offset-[-1px] outline-white/30 hover:bg-white/10":o.value===t.key?"bg-gray-300":"outline outline-1 outline-offset-[-1px] outline-gray-300 hover:bg-gray-100"])},[a("div",{class:i(["text-sm font-medium leading-7",n.value?o.value===t.key?"text-white":"text-white/80":o.value===t.key?"text-slate-900":"text-slate-600"])},p(t.label),3)],10,se))),128))])]),a("div",{class:i(["w-full md:w-96 px-5 py-1 rounded-[50px] outline outline-1 outline-offset-[-1px] backdrop-blur-xl flex justify-between items-center",n.value?"bg-white/10 outline-white/30":"bg-white outline-gray-200"])},[a("div",le,[a("div",ae,[(r(),c("svg",{class:i(["w-4 h-4 absolute left-[2.25px] top-[2.25px]",n.value?"text-white":"text-slate-900"]),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[...e[1]||(e[1]=[a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"},null,-1)])],2))]),H(a("input",{"onUpdate:modelValue":e[0]||(e[0]=t=>d.value=t),type:"text",id:"content-instance-search",name:"content-search",placeholder:T(v).trans("country_overview__search_your_country|Search your country..."),class:i(["flex-1 text-base font-normal leading-7 bg-transparent border-none outline-none p-2.5",

7n.value?"text-white placeholder-white/60":"text-slate-900 placeholder-slate-600"])},null,10,ne),[[U,d.value]])])],2)])):w("",!0)]),a("div",oe,[x.value?(r(),c("div",re,[k(z,{size:"h-6 w-6",color:"primary"})])):B.value.length>0?(r(),c("div",ie,[(r(!0),c($,null,M(B.value,(t,m)=>(r(),j(l,{key:`instance-${t.id}-${t.url_path}`,class:i(["w-full inline-flex justify-start items-center gap-3 cursor-pointer transition-colors p-2 h-16",n.value?m===0?"pb-4 border-b border-white/20 hover:bg-white/5":"py-4 border-b border-white/20 hover:bg-white/5":m===0?"pb-4 border-b border-gray-200 hover:bg-gray-50":"py-4 border-b border-gray-200 hover:bg-gray-50"]),to:C(t),onClick:me=>F(t)},{default:D(()=>[t.country_code?(r(),c("img",{key:0,src:`https://flagcdn.com/w40/${t.country_code.toLowerCase()}.png`,alt:`${t.country_name_en||t.title} flag`,class:"w-12 h-8 rounded object-cover flex-shrink-0",onError:E},null,40,ce)):w("",!0),a("div",ue,[a("div",{class:i(["text-sm font-medium leading-tight flex items-center gap-1",n.value?"text-white":"text-slate-900"])},[q(p(t.country_name_en||t.title),1),t.is_global?(r(),c("svg",{key:0,class:i(["w-3 h-3 inline-block flex-shrink-0",n.value?"text-white/60":"text-slate-600"]),fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[...e[2]||(e[2]=[a("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},null,-1)])],2)):w("",!0)],2),t.language_name_en?(r(),c("div",{key:0,class:i(["text-sm font-normal leading-tight",n.value?"text-white/80":"text-slate-900"])}," ("+p(t.language_name_en)+") ",3)):w("",!0)]),a("div",{class:i(["p-1.5 rounded-[50px] flex justify-center items-center gap-2.5 flex-shrink-0",n.value?"bg-white/10":"bg-gray-200"])},[a("img",{src:R,alt:"","aria-hidden":"true",class:i(["w-4 h-4 rtl:scale-x-[-1]",n.value?"filter brightness-0 invert":""])},null,2)],2)]),_:2},1032,["class","to","onClick"]))),128))])):(r(),c("div",de,[a("div",{class:i(["text-lg font-medium mb-2",n.value?"text-white/80":"text-slate-600"])},[k(y,{id:"country_overview__no_countries_found|No countries found"})],2),a("div",{class:i(["text-sm",n.value?"text-white/60":"text-slate-500"])},[d.value?(r(),j(y,{key:0,id:"country_overview__no_results_for_query|No results for {query}",context:{query:d.value}},null,8,["context"])):(r(),j(y,{key:1,id:"country_overview__no_countries_match_filter|No countries match the selected filter"}))],2)]))])])}}}),he=Object.assign(K(ve,[["__scopeId","data-v-59786ebf"]]),{__name:"ContentInstanceOverview"}),fe={class:"inline-flex w-full flex-col gap-10"},_e={class:"container max-w-[1440px] mx-auto"},xe=S({inheritAttrs:!1,__name:"ContentInstanceOverviewBlock",props:{block:{}},setup(b){const u=b,v=f(()=>u.block?.data),_=g([]),d=()=>{const o=v.value?.instances;o&&Array.isArray(o)&&o.length>0?_.value=o:_.value=[]};return I(v,()=>{d()},{immediate:!0}),(o,h)=>(r(),c("div",fe,[a("div",_e,[k(he,{title:v.value?.title,"initial-instances":_.value,"total-count":v.value?.count,variant:v.value?.variant||"light"},null,8,["title","initial-instances","total-count","variant"])])]))}}),we=Object.assign(xe,{__name:"BlocksContentInstanceOverviewBlock"});export{we as default};
8//# sourceMappingURL=DrcXZmmI.js.map