https://www.internations.org/content-assets/component---src-templa…gazine-overview-tsx-412b4e3c8b44accdc33a.js

1(self.webpackChunkcontent_platform=self.webpackChunkcontent_platform||[]).push([[946],{181:function(e,t,a){var r=/^\s+|\s+$/g,n=/^[-+]0x[0-9a-f]+$/i,o=/^0b[01]+$/i,i=/^0o[0-7]+$/i,l=parseInt,s="object"==typeof a.g&&a.g&&a.g.Object===Object&&a.g,c="object"==typeof self&&self&&self.Object===Object&&self,d=s||c||Function("return this")(),p=Object.prototype.toString,m=Math.max,u=Math.min,g=function(){return d.Date.now()};function f(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function v(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==p.call(e)}(e))return NaN;if(f(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=f(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(r,"");var a=o.test(e);return a||i.test(e)?l(e.slice(2),a?2:8):n.test(e)?NaN:+e}e.exports=function(e,t,a){var r,n,o,i,l,s,c=0,d=!1,p=!1,y=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function h(t){var a=r,o=n;return r=n=void 0,c=t,i=e.apply(o,a)}function b(e){var a=e-s;return void 0===s||a>=t||a<0||p&&e-c>=o}function w(){var e=g();if(b(e))return A(e);l=setTimeout(w,function(e){var a=t-(e-s);return p?u(a,o-(e-c)):a}(e))}function A(e){return l=void 0,y&&r?h(e):(r=n=void 0,i)}function x(){var e=g(),a=b(e);if(r=arguments,n=this,s=e,a){if(void 0===l)return function(e){return c=e,l=setTimeout(w,t),d?h(e):i}(s);if(p)return l=setTimeout(w,t),h(s)}return void 0===l&&(l=setTimeout(w,t)),i}return t=v(t)||0,f(a)&&(d=!!a.leading,o=(p="maxWait"in a)?m(v(a.maxWait)||0,t):o,y="trailing"in a?!!a.trailing:y),x.cancel=function(){void 0!==l&&clearTimeout(l),c=0,r=s=n=l=void 0},x.flush=function(){return void 0===l?i:A(g())},x}},1448:function(e,t,a){"use strict";var r=a(7171);t.A=(0,r.A)("M14.71 6.71c-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z")},4004:function(e,t,a){"use strict";a.r(t),a.d(t,{Head:function(){return He},default:function(){return Ge}});a(6910);var r=a(1413),n=a(5595),o=a(4165),i=a(6540),l=a(7939),s=a(8637),c=a(113),d=a(8350),p=a(2528),m=a(2532),u=a(7252),g=a(149),f=a(2267),v=a(6540);var y=e=>{let{article:t,divider:a}=e;const{id:n,title:o,uri:i,excerpt:l,featuredImage:s}=t,{classes:c}=(0,r.j)();return v.createElement(v.Fragment,null,v.createElement(d.A,{key:"article-"+n},v.createElement(d.A,{display:"flex",alignItems:"center"},v.createElement(d.A,{className:c.showDesktop},function(e,t,a){var r,l,c;const p=(0,m.c)(null==s||null===(r=s.node)||void 0===r||null===(l=r.localFile)||void 0===l||null===(c=l.childImageSharp)||void 0===c?void 0:c.gatsbyImageData);return p?v.createElement(d.A,{flexGrow:0,sx:{maxWidth:a,verticalAlign:"top",mr:2}},v.createElement(f.A,{to:i},v.createElement(m.G,{key:"article-image-"+n,image:p,alt:o,style:{borderRadius:e,padding:t}}))):null}("12%","80px",160)),v.createElement(d.A,null,v.createElement(g.A,{variant:"subtitle2"},v.createElement(f.A,{to:i},o)),v.createElement(d.A,{className:c.showDesktop},v.createElement(u.A,{enhancedCopy:l}))))),a)},h=a(6540);const b=l.Df.withName("ArticleListWithShowMore").withNestedSelectors().create(e=>{let{theme:t,classes:a}=e;return{paper:{marginBottom:t.spacing(2),paddingLeft:t.spacing(2),paddingRight:t.spacing(2),paddingTop:t.spacing(2),paddingBottom:t.spacing(2),[t.breakpoints.up("sm")]:{paddingTop:t.spacing(3),paddingBottom:t.spacing(3),["&."+a.dense]:{paddingTop:t.spacing(2),paddingBottom:t.spacing(2)}}},dense:{},isGrid:{},showButtonDivider:{},spacingTop:{marginTop:t.spacing(2),[t.breakpoints.up("sm")]:{marginTop:t.spacing(3),["&."+a.dense]:{marginTop:t.spacing(2)}}},spacingBottom:{marginBottom:t.spacing(2),[t.breakpoints.up("sm")]:{marginBottom:t.spacing(3),["&."+a.dense]:{marginBottom:t.spacing(2)}}},marginBottom:{marginBottom:t.spacing(2)},buttonWrapper:{textAlign:"center",marginBottom:0,paddingTop:t.spacing(2),["&."+a.showButtonDivider]:{paddingTop:0},[t.breakpoints.up("sm")]:{marginBottom:t.spacing(-1),["&."+a.dense+":not(."+a.isGrid+")"]:{marginBottom:0}}}}});var w=e=>

1{let{initialArticleDisplay:t=3,showMoreAmount:a=5,initialData:r}=e;const{classes:n,cx:o}=b(),{0:l,1:m}=(0,i.useState)(t),u=(0,i.useMemo)(()=>h.createElement(s.A,{className:o(n.spacingTop,n.spacingBottom,n.dense)}),[n.dense,n.spacingBottom,n.spacingTop,o]),g=r.slice(0,l);return h.createElement(c.A,{className:o(n.paper,n.dense)},g.map((e,t)=>h.createElement(y,{key:t,article:e,divider:g&&t!==g.length-1?u:void 0})),r.length>g.length?h.createElement(h.Fragment,null,u,h.createElement(d.A,{className:o(n.buttonWrapper,n.dense,n.showButtonDivider)},h.createElement(p.A,{onClick:()=>{m(e=>e+a)},fullWidth:!0,variant:"text"},"Show more"))):null)},A=a(4810);const x=e=>{let{title:t,description:a,pathname:r,children:n}=e;const{title:o,description:l,image:s,siteUrl:c}=(0,A.GR)("3764592887").site.siteMetadata,d={title:t||o,description:a||l,image:""+c+s,url:""+c+(r||"")};return i.createElement(i.Fragment,null,i.createElement("title",null,d.title),i.createElement("meta",{name:"description",content:d.description}),i.createElement("meta",{name:"image",content:d.image}),i.createElement("meta",{property:"og:title",content:d.title+" | InterNations"}),i.createElement("meta",{property:"og:url",content:""+d.url}),i.createElement("meta",{property:"og:image",content:""+d.image}),i.createElement("meta",{property:"og:description",content:""+d.description}),i.createElement("meta",{property:"og:type",content:"website"}),n)};var $=a(6258),E=a(461),C=a(2925),I=a(1053),k=a(8611),S=a(4848),T=(0,k.A)((0,S.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"}),"Cancel"),N=a(3590),O=a(8648),R=a(4068),L=a(7607),D=a(1298),B=a(2739),M=a(9903),z=a(4227);function _(e){return(0,z.Ay)("MuiChip",e)}var j=(0,M.A)("MuiChip",["root","sizeSmall","sizeMedium","colorDefault","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","disabled","clickable","clickableColorPrimary","clickableColorSecondary","deletable","deletableColorPrimary","deletableColorSecondary","outlined","filled","outlinedPrimary","outlinedSecondary","filledPrimary","filledSecondary","avatar","avatarSmall","avatarMedium","avatarColorPrimary","avatarColorSecondary","icon","iconSmall","iconMedium","iconColorPrimary","iconColorSecondary","label","labelSmall","labelMedium","deleteIcon","deleteIconSmall","deleteIconMedium","deleteIconColorPrimary","deleteIconColorSecondary","deleteIconOutlinedColorPrimary","deleteIconOutlinedColorSecondary","deleteIconFilledColorPrimary","deleteIconFilledColorSecondary","focusVisible"]);const P=(0,$.Ay)("div",{name:"MuiChip",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e,{color:r,iconColor:n,clickable:o,onDelete:i,size:l,variant:s}=a;return[{[`& .${j.avatar}`]:t.avatar},{[`& .${j.avatar}`]:t[`avatar${(0,O.A)(l)}`]},{[`& .${j.avatar}`]:t[`avatarColor${(0,O.A)(r)}`]},{[`& .${j.icon}`]:t.icon},{[`& .${j.icon}`]:t[`icon${(0,O.A)(l)}`]},{[`& .${j.icon}`]:t[`iconColor${(0,O.A)(n)}`]},{[`& .${j.deleteIcon}`]:t.deleteIcon},{[`& .${j.deleteIcon}`]:t[`deleteIcon${(0,O.A)(l)}`]},{[`& .${j.deleteIcon}`]:t[`deleteIconColor${(0,O.A)(r)}`]},{[`& .${j.deleteIcon}`]:t[`deleteIcon${(0,O.A)(s)}Color${(0,O.A)(r)}`]},t.root,t[`size${(0,O.A)(l)}`],t[`color${(0,O.A)(r)}`],o&&t.clickable,o&&"default"!==r&&t[`clickableColor${(0,O.A)(r)})`],i&&t.deletable,i&&"default"!==r&&t[`deletableColor${(0,O.A)(r)}`],t[s],t[`${s}${(0,O.A)(r)}`]]}})((0,L.A)(({theme:e})=>{const t="light"===e.palette.mode?e.palette.grey[700]:e.palette.grey[300];return{maxWidth:"100%",fontFamily:e.typography.fontFamily,fontSize:e.typography.pxToRem(13),display:"inline-flex",alignItems:"center",justifyContent:"center",height:32,color:(e.vars||e).palette.text.primary,backgroundColor:(e.vars||e).palette.action.selected,borderRadius:16,whiteSpace:"nowrap",transition:e.transitions.create(["background-color","box-shadow"]),cursor:"unset",outline:0,textDecoration:"none",border:0,padding:0,verticalAlign:"middle",boxSizing:"border-box",[`&.${j.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity,pointerEvents:"none"},[`& .${j.avatar}`]:{marginLeft:5,marginRight:-6,width:24,height:24,color:e.vars?e.vars.palette.Chip.defaultAvatarColor:t,fontSize:e.typography.pxToRem(12)},[`& .${j.avatarColorPrimary}`]:{color:(e.vars||e).palette.primary.contrastText,backgroundColor:(e.vars||e).palette.primary.dark},[`& .${j.avatarColorSecondary}

1`]:{color:(e.vars||e).palette.secondary.contrastText,backgroundColor:(e.vars||e).palette.secondary.dark},[`& .${j.avatarSmall}`]:{marginLeft:4,marginRight:-4,width:18,height:18,fontSize:e.typography.pxToRem(10)},[`& .${j.icon}`]:{marginLeft:5,marginRight:-6},[`& .${j.deleteIcon}`]:{WebkitTapHighlightColor:"transparent",color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.26)`:(0,I.X4)(e.palette.text.primary,.26),fontSize:22,cursor:"pointer",margin:"0 5px 0 -6px","&:hover":{color:e.vars?`rgba(${e.vars.palette.text.primaryChannel} / 0.4)`:(0,I.X4)(e.palette.text.primary,.4)}},variants:[{props:{size:"small"},style:{height:24,[`& .${j.icon}`]:{fontSize:18,marginLeft:4,marginRight:-4},[`& .${j.deleteIcon}`]:{fontSize:16,marginRight:4,marginLeft:-4}}},...Object.entries(e.palette).filter((0,D.A)(["contrastText"])).map(([t])=>({props:{color:t},style:{backgroundColor:(e.vars||e).palette[t].main,color:(e.vars||e).palette[t].contrastText,[`& .${j.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[t].contrastTextChannel} / 0.7)`:(0,I.X4)(e.palette[t].contrastText,.7),"&:hover, &:active":{color:(e.vars||e).palette[t].contrastText}}}})),{props:e=>e.iconColor===e.color,style:{[`& .${j.icon}`]:{color:e.vars?e.vars.palette.Chip.defaultIconColor:t}}},{props:e=>e.iconColor===e.color&&"default"!==e.color,style:{[`& .${j.icon}`]:{color:"inherit"}}},{props:{onDelete:!0},style:{[`&.${j.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:(0,I.X4)(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}}},...Object.entries(e.palette).filter((0,D.A)(["dark"])).map(([t])=>({props:{color:t,onDelete:!0},style:{[`&.${j.focusVisible}`]:{background:(e.vars||e).palette[t].dark}}})),{props:{clickable:!0},style:{userSelect:"none",WebkitTapHighlightColor:"transparent",cursor:"pointer","&:hover":{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:(0,I.X4)(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity)},[`&.${j.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.action.selectedChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:(0,I.X4)(e.palette.action.selected,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)},"&:active":{boxShadow:(e.vars||e).shadows[1]}}},...Object.entries(e.palette).filter((0,D.A)(["dark"])).map(([t])=>({props:{color:t,clickable:!0},style:{[`&:hover, &.${j.focusVisible}`]:{backgroundColor:(e.vars||e).palette[t].dark}}})),{props:{variant:"outlined"},style:{backgroundColor:"transparent",border:e.vars?`1px solid ${e.vars.palette.Chip.defaultBorder}`:`1px solid ${"light"===e.palette.mode?e.palette.grey[400]:e.palette.grey[700]}`,[`&.${j.clickable}:hover`]:{backgroundColor:(e.vars||e).palette.action.hover},[`&.${j.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`& .${j.avatar}`]:{marginLeft:4},[`& .${j.avatarSmall}`]:{marginLeft:2},[`& .${j.icon}`]:{marginLeft:4},[`& .${j.iconSmall}`]:{marginLeft:2},[`& .${j.deleteIcon}`]:{marginRight:5},[`& .${j.deleteIconSmall}`]:{marginRight:3}}},...Object.entries(e.palette).filter((0,D.A)()).map(([t])=>({props:{variant:"outlined",color:t},style:{color:(e.vars||e).palette[t].main,border:`1px solid ${e.vars?`rgba(${e.vars.palette[t].mainChannel} / 0.7)`:(0,I.X4)(e.palette[t].main,.7)}`,[`&.${j.clickable}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.hoverOpacity})`:(0,I.X4)(e.palette[t].main,e.palette.action.hoverOpacity)},[`&.${j.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette[t].mainChannel} / ${e.vars.palette.action.focusOpacity})`:(0,I.X4)(e.palette[t].main,e.palette.action.focusOpacity)},[`& .${j.deleteIcon}`]:{color:e.vars?`rgba(${e.vars.palette[t].mainChannel} / 0.7)`:(0,I.X4)(e.palette[t].main,.7),"&:hover, &:active":{color:(e.vars||e).palette[t].main}}}}))]}})),W=(0,$.Ay)("span",{name:"MuiChip",slot:"Label",overridesResolver:(e,t)=>{const{ownerState:a}=e,{size:r}=a;return[t.label,t[`label${(0,O.A)(r)}`]]}})({overflow:"hidden",textOverflow:"ellipsis",paddingLeft:12,paddingRight:12,whiteSpace:"nowrap",variants:[{props:{variant:"outlined"},style:{paddingLeft:11,paddingRight:11}},{props:{size:"small"},style:{paddingLeft:8,paddingRight:8}},{props:{size:"small",variant:"outlined"},style:{paddingLeft:7,paddingRight:7}}]});function F(e){return"Backspace"===e.key||"Delete"===e.key}var V=i.forwardRef(function(e,t){const a=(0,B.b)({props:e,name:"MuiChip"}),{avatar:r,className:n,clickable:o,color:l="default",component:s,deleteIcon:c,disabled:d=!1,icon:p,label:m,onClick:u,onDelete:g,onKeyDown:f,onKeyUp:v,size:y="medium",variant:h="filled",tabIndex:b,skipFocusWhenDisabled:w=!1,...A}=a,x=i.useRef(null),$=(0,N.A)(x,t),I=e=>{e.stopPropagation(),g&&g(e)},k=!(!1===o||!u)||o,L=k||g?R.A:s||"div",D={...a,component:L,disabled:d,size:y,color:l,iconColor:i.isValidElement(p)&&p.props.color||l,onDelete:!!g,clickable:k,variant:h},M=(e=>{const{classes:t,disabled:a,size:r,color:n,iconColor:o,onDelete:i,clickable:l,variant:s}=e,c={root:["root",s,a&&"disabled",`size${(0,O.A)(r)}`,`color${(0,O.A)(n)}`,l&&"clickable",l&&`clickableColor${(0,O.A)(n)}`,i&&"deletable",i&&`deletableColor${(0,O.A)(n)}`,`${s}${(0,O.A)(n)}`],label:["label",`label${(0,O.A)(r)}`],avatar:["avatar",`avatar${(0,O.A)(r)}`,`avatarColor${(0,O.A)(n)}`],icon:["icon",`icon${(0,O.A)(r)}`,`iconColor${(0,O.A)(o)}`],deleteIcon:["deleteIcon",`deleteIcon${(0,O.A)(r)}`,`deleteIconColor${(0,O.A)(n)}`,`deleteIcon${(0,O.A)(s)}Color${(0,O.A)(n)}`]};return(0,C.A)(c,_,t)}

1)(D),z=L===R.A?{component:s||"div",focusVisibleClassName:M.focusVisible,...g&&{disableRipple:!0}}:{};let j=null;g&&(j=c&&i.isValidElement(c)?i.cloneElement(c,{className:(0,E.A)(c.props.className,M.deleteIcon),onClick:I}):(0,S.jsx)(T,{className:(0,E.A)(M.deleteIcon),onClick:I}));let V=null;r&&i.isValidElement(r)&&(V=i.cloneElement(r,{className:(0,E.A)(M.avatar,r.props.className)}));let X=null;return p&&i.isValidElement(p)&&(X=i.cloneElement(p,{className:(0,E.A)(M.icon,p.props.className)})),(0,S.jsxs)(P,{as:L,className:(0,E.A)(M.root,n),disabled:!(!k||!d)||void 0,onClick:u,onKeyDown:e=>{e.currentTarget===e.target&&F(e)&&e.preventDefault(),f&&f(e)},onKeyUp:e=>{e.currentTarget===e.target&&g&&F(e)&&g(e),v&&v(e)},ref:$,tabIndex:w&&d?-1:b,ownerState:D,...z,...A,children:[V||X,(0,S.jsx)(W,{className:(0,E.A)(M.label),ownerState:D,children:m}),j]})}),X=a(6540);var G=function(e){let{isSelected:t,label:a,onClick:r,avatar:n,sx:o}=e;return X.createElement(V,{label:a,onClick:r,size:"medium",avatar:n,sx:Object.assign({p:.5,m:.5,ml:0,"&, &:active, &:focus":{color:t?"common.white":"primary",bgcolor:t?"primary.main":"grey.300"},"&:hover":{bgcolor:[void 0,t?"primary.dark":"action.selected"]}},o)})},H=a(6540);var K=function(e){let{display:t,mobile:a,desktop:r,children:n,width:o}=e;return a?t={sm:"none",xs:"block"}:r&&(t={xs:"none",sm:"block"}),H.createElement(d.A,{sx:{display:t,width:o}},n)},U=a(5953);var Y={useLayoutEffect:"undefined"!=typeof window?i.useLayoutEffect:i.useEffect};var J=a(6540);const{useLayoutEffect:q}=Y,Q=l.Df.create(e=>{let{theme:t}=e;return{basicRoot:{position:"relative",overflowY:"hidden"},basicInner:{display:"flex",alignItems:"flex-start",flexwrap:"nowrap",overflowX:"auto",paddingRight:t.spacing(2)}}});function Z(e){let{children:t}=e;const{0:a,1:r}=(0,i.useState)(0),n=(0,i.useRef)(null),o=(0,i.useRef)(null),{classes:l}=Q();return q(()=>{o.current&&r(o.current.offsetHeight)},[]),J.createElement("div",{className:l.basicRoot,style:{height:a}},J.createElement("div",{className:l.basicInner,style:{height:a+99},ref:n},J.createElement("div",{ref:o},t)))}var ee=a(3149),te=a(9820),ae=function(){return te.A.Date.now()},re=/\s/;var ne=function(e){for(var t=e.length;t--&&re.test(e.charAt(t)););return t},oe=/^\s+/;var ie=function(e){return e?e.slice(0,ne(e)+1).replace(oe,""):e},le=a(3030),se=/^[-+]0x[0-9a-f]+$/i,ce=/^0b[01]+$/i,de=/^0o[0-7]+$/i,pe=parseInt;var me=function(e){if("number"==typeof e)return e;if((0,le.A)(e))return NaN;if((0,ee.A)(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=(0,ee.A)(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=ie(e);var a=ce.test(e);return a||de.test(e)?pe(e.slice(2),a?2:8):se.test(e)?NaN:+e},ue=Math.max,ge=Math.min;var fe=function(e,t,a){var r,n,o,i,l,s,c=0,d=!1,p=!1,m=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function u(t){var a=r,o=n;return r=n=void 0,c=t,i=e.apply(o,a)}function g(e){var a=e-s;return void 0===s||a>=t||a<0||p&&e-c>=o}function f(){var e=ae();if(g(e))return v(e);l=setTimeout(f,function(e){var a=t-(e-s);return p?ge(a,o-(e-c)):a}(e))}function v(e){return l=void 0,m&&r?u(e):(r=n=void 0,i)}function y(){var e=ae(),a=g(e);if(r=arguments,n=this,s=e,a){if(void 0===l)return function(e){return c=e,l=setTimeout(f,t),d?u(e):i}(s);if(p)return clearTimeout(l),l=setTimeout(f,t),u(s)}return void 0===l&&(l=setTimeout(f,t)),i}return t=me(t)||0,(0,ee.A)(a)&&(d=!!a.leading,o=(p="maxWait"in a)?ue(me(a.maxWait)||0,t):o,m="trailing"in a?!!a.trailing:m),y.cancel=function(){void 0!==l&&clearTimeout(l),c=0,r=s=n=l=void 0},y.flush=function(){return void 0===l?i:v(ae())},y};a(181);"undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function ve({threshold:e=0,root:t=null,rootMargin:a="0%",freezeOnceVisible:r=!1,initialIsIntersecting:n=!1,onChange:o}={}){var l;const[s,c]=(0,i.useState)(null),[d,p]=(0,i.useState)(()=>({isIntersecting:n,entry:void 0})),m=(0,i.useRef)();m.current=o;const u=(null==(l=d.entry)?void 0:l.isIntersecting)&&r;(0,i.useEffect)(()=>{if(!s)return;if(!("IntersectionObserver"in window))return;if(u)return;let n;const o=new IntersectionObserver(e=>{const t=Array.isArray(o.thresholds)?o.thresholds:[o.thresholds];

1e.forEach(e=>{const a=e.isIntersecting&&t.some(t=>e.intersectionRatio>=t);p({isIntersecting:a,entry:e}),m.current&&m.current(a,e),a&&r&&n&&(n(),n=void 0)})},{threshold:e,root:t,rootMargin:a});return o.observe(s),()=>{o.disconnect()}},[s,JSON.stringify(e),t,a,u,r]);const g=(0,i.useRef)(null);(0,i.useEffect)(()=>{var e;s||!(null==(e=d.entry)?void 0:e.target)||r||u||g.current===d.entry.target||(g.current=d.entry.target,p({isIntersecting:n,entry:void 0}))},[s,d.entry,r,u,n]);const f=[c,!!d.isIntersecting,d.entry];return f.ref=f[0],f.isIntersecting=f[1],f.entry=f[2],f}var ye=a(1448),he=a(1233);var be=function(){const{0:e,1:t}=(0,i.useState)({width:void 0,height:void 0});return(0,i.useEffect)(()=>{function e(){t({width:window.innerWidth,height:window.innerHeight})}const a=fe(e,200);return window.addEventListener("resize",a),e(),()=>window.removeEventListener("resize",a)},[]),e},we=a(6540);const{useLayoutEffect:Ae}=Y,xe=l.Df.withName("Scroller").withNestedSelectors().create(e=>{let{theme:t,classes:a}=e;return{scrollButton:{position:"absolute",top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",width:28,height:32,color:t.palette.action.active,backgroundColor:t.palette.common.white,["&."+a.scrollButtonLeft]:{left:-8,display:"static",boxShadow:"6px 0 6px -6px rgba(0, 0, 0, 0.35)",["&."+a.isLeftIntersecting]:{display:"none"}},["&."+a.scrollButtonRight]:{right:-8,display:"static",boxShadow:"-6px 0 6px -6px rgba(0, 0, 0, 0.35)",["&."+a.isRightIntersecting]:{display:"none"}},"&:hover":{color:t.palette.primary.main,cursor:"pointer"}},scrollerRoot:{position:"relative"},childrenOuterWrapper:{overflowY:"hidden"},childrenInnerWrapper:{display:"flex",alignItems:"flex-start",flexwrap:"nowrap",overflowX:"auto"},scrollButtonLeft:{},scrollButtonRight:{},isRightIntersecting:{},isLeftIntersecting:{}}}),$e=e=>{let{direction:t,onClick:a,className:r,style:n}=e;const{classes:o,cx:i}=xe();return we.createElement("div",{role:"button",onClick:a,"aria-label":"scroll "+t,className:i(o.scrollButton,"left"===t&&o.scrollButtonLeft,"right"===t&&o.scrollButtonRight,r),style:n},"left"===t?we.createElement(ye.A,null):we.createElement(he.A,null))};function Ee(e){let{children:t,className:a}=e;const{classes:r,cx:n}=xe(),{0:o,1:l}=(0,i.useState)(0),{0:s,1:c}=(0,i.useState)(0),{0:d,1:p}=(0,i.useState)(0),m={height:o},{width:u}=be(),g=(0,i.useRef)(null),f=(0,i.useRef)(null),{isIntersecting:v,ref:y}=ve({root:g.current,rootMargin:"2px"}),{isIntersecting:h,ref:b}=ve({root:g.current,rootMargin:"2px"});return(0,i.useEffect)(()=>{const e=g.current;if(!e)return;const t=fe(()=>c(e.scrollLeft),300);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[]),Ae(()=>{f.current&&g.current&&(l(f.current.offsetHeight),p(g.current.offsetWidth),g.current.scrollLeft=s)},[u,s]),we.createElement("div",{className:n(r.scrollerRoot,a)},we.createElement("div",{className:r.childrenOuterWrapper,style:m},we.createElement("div",{className:r.childrenInnerWrapper,style:{height:o+99},ref:g},we.createElement("div",{ref:y}),we.createElement("div",{ref:f},t),we.createElement("div",{ref:b}))),we.createElement($e,{direction:"left",onClick:()=>c(e=>e-d),style:m,className:n(v&&r.isLeftIntersecting)}),we.createElement($e,{direction:"right",onClick:()=>c(e=>e+d),style:m,className:n(h&&r.isRightIntersecting)}))}var Ce=a(6540);var Ie=e=>{const{whenDesktop:t,whenMobile:a}=(0,U.A)();return e.forceButtons?Ce.createElement(Ee,e):Ce.createElement(Ce.Fragment,null,a(()=>Ce.createElement(Z,e)),t(()=>Ce.createElement(Ee,e)))},ke=a(3394),Se=a(3457),Te=a(7340),Ne=a(4512),Oe=a(5632),Re=a(8993);const Le=(0,$.Ay)(R.A,{shouldForwardProp:e=>(0,Te.A)(e)||"classes"===e,name:"MuiListItemButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,a.dense&&t.dense,"flex-start"===a.alignItems&&t.alignItemsFlexStart,a.divider&&t.divider,!a.disableGutters&&t.gutters]}})((0,L.A)(({theme:e})=>({display:"flex",flexGrow:1,justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minWidth:0,boxSizing:"border-box",textAlign:"left",paddingTop:8,paddingBottom:8,transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${Re.A.selected}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:(0,I.X4)(e.palette.primary.main,e.palette.action.selectedOpacity),[`&.${Re.A.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:(0,I.X4)(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},[`&.${Re.A.selected}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:(0,I.X4)(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:(0,I.X4)(e.palette.primary.main,e.palette.action.selectedOpacity)}},[`&.${Re.A.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`&.${Re.A.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity},variants:[{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:"padding-box"}},{props:{alignItems:"flex-start"},style:{alignItems:"flex-start"}},{props:({ownerState:e})=>!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>e.dense,style:{paddingTop:4,paddingBottom:4}}]})));var De=i.forwardRef(function(e,t){const a=(0,B.b)({props:e,name:"MuiListItemButton"}),{alignItems:r="center",autoFocus:n=!1,component:o="div",children:l,dense:s=!1,disableGutters:c=!1,divider:d=!1,focusVisibleClassName:p,selected:m=!1,className:u,...g}=a,f=i.useContext(Oe.A),v=i.useMemo(()=>({dense:s||f.dense||!1,alignItems:r,disableGutters:c}),[r,f.dense,s,c]),y=i.useRef(null);(0,Ne.A)(()=>{n&&y.current&&y.current.focus()},[n]);const h={...a,alignItems:r,dense:v.dense,disableGutters:c,divider:d,selected:m},b=(e=>{const{alignItems:t,classes:a,dense:r,disabled:n,disableGutters:o,divider:i,selected:l}=e,s={root:["root",r&&"dense",!o&&"gutters",i&&"divider",n&&"disabled","flex-start"===t&&"alignItemsFlexStart",l&&"selected"]},c=(0,C.A)(s,Re.Y,a);return{...a,...c}})(h),w=(0,N.A)(y,t);return(0,S.jsx)(Oe.A.Provider,{value:v,children:(0,S.jsx)(Le,{ref:w,href:g.href||g.to,component:(g.href||g.to)&&"div"===o?"button":o,focusVisibleClassName:(0,E.A)(b.focusVisible,p),ownerState:h,className:(0,E.A)(b.root,u),...g,classes:b,children:l})})}),Be=a(9245),Me=a(4923),ze=a(1807);const _e=(0,$.Ay)("div",{name:"MuiListItemText",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[{[`& .${Me.A.primary}`]:t.primary},{[`& .${Me.A.secondary}`]:t.secondary},t.root,a.inset&&t.inset,a.primary&&a.secondary&&t.multiline,a.dense&&t.dense]}})({flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4,[`.${Be.A.root}:where(& .${Me.A.primary})`]:{display:"block"},[`.${Be.A.root}:where(& .${Me.A.secondary})`]:{display:"block"},variants:[{props:({ownerState:e})=>e.primary&&e.secondary,style:{marginTop:6,marginBottom:6}},{props:({ownerState:e})=>e.inset,style:{paddingLeft:56}}]});var je=i.forwardRef(function(e,t){const a=(0,B.b)({props:e,name:"MuiListItemText"}),{children:r,className:n,disableTypography:o=!1,inset:l=!1,primary:s,primaryTypographyProps:c,secondary:d,secondaryTypographyProps:p,slots:m={},slotProps:u={},...f}=a,{dense:v}=i.useContext(Oe.A);let y=null!=s?s:r,h=d;const b={...a,disableTypography:o,inset:l,primary:!!y,secondary:!!h,dense:v},w=(e=>{const{classes:t,inset:a,primary:r,secondary:n,dense:o}=e,i={root:["root",a&&"inset",o&&"dense",r&&n&&"multiline"],primary:["primary"],secondary:["secondary"]};return(0,C.A)(i,Me.b,t)})(b),A={slots:m,slotProps:{primary:c,secondary:p,...u}},[x,$]=(0,ze.A)("primary",{className:w.primary,elementType:g.A,externalForwardedProps:A,ownerState:b}),[I,k]=(0,ze.A)("secondary",{className:w.secondary,elementType:g.A,externalForwardedProps:A,ownerState:b});return null==y||y.type===g.A||o||(y=(0,S.jsx)(x,{variant:v?"body2":"body1",component:$?.variant?void 0:"span",...$,children:y})),null==h||h.type===g.A||o||(h=(0,S.jsx)(I,{variant:"body2",color:"textSecondary",...k,children:h})),(0,S.jsxs)(_e,{className:(0,E.A)(w.root,n),ownerState:b,ref:t,...f,children:[y,h]})}),Pe=a(7057),We=a(9622),Fe=a(6540);const Ve=(0,$.Ay)(d.A)(()=>({display:"flex",flexDirection:"row",height:40,alignItems:"center",justifyContent:"space-between"})),Xe=(0,$.Ay)(c.A)(e=>{let{theme:t}=e;return{padding:t.spacing(2),marginBottom:t.spacing(2)}});var Ge=()=>{const e=(0,A.GR)("1405640522"),{classes:t}=(0,r.j)(),{data:n}=(0,Pe.i)(),l=e.allWpMagazinePage.nodes,s=e.allWpTopic.nodes,u=e.allWpSection.nodes;let f;

1if("undefined"!=typeof window)try{f=new URLSearchParams(window.location.search)}catch(I){}const{0:v,1:y}=(0,i.useState)(f&&parseInt(f.get("section")||"0",10)||0),h=s.find(e=>e.databaseId===v),b=Boolean(v);function x(e){const t=l.filter(t=>t.sections.nodes.some(t=>t.databaseId===e));return t.sort((e,t)=>new Date(t.date).getTime()-new Date(e.date).getTime()),t}const $=e=>{const t=l.filter(t=>t.topics.nodes.some(t=>t.databaseId===e));return t.sort((e,t)=>new Date(t.date).getTime()-new Date(e.date).getTime()),t},E=Fe.createElement(Fe.Fragment,null,b?Fe.createElement(d.A,null,Fe.createElement(g.A,{variant:"h2",sx:{mb:1}},null==h?void 0:h.name),$(v).length>0?Fe.createElement(w,{initialData:$(v),initialArticleDisplay:3,showMoreAmount:3}):Fe.createElement(c.A,{sx:{p:1}},Fe.createElement(g.A,{variant:"h4",sx:{p:2}},"No articles found"))):null,u.map(e=>{let{name:t,id:a,databaseId:r}=e;return Fe.createElement(d.A,{key:"section-"+a,sx:b?{display:"none"}:void 0},Fe.createElement(g.A,{variant:"h2",sx:{mb:1}},t),Fe.createElement(w,{initialData:x(r),initialArticleDisplay:3,showMoreAmount:5}))})),C=s.map(e=>{let{name:t,databaseId:a}=e;return Fe.createElement(G,{sx:{m:1},key:"topic-chip-"+a,label:t,onClick:()=>y(a===v?0:a),isSelected:a===v})});return Fe.createElement(o.A,{differentTopPadding:n?9:0},Fe.createElement(d.A,{sx:{mb:3}},Fe.createElement(m.S,{src:"../../images/magazine/overview_hero_image_with_logo.png",alt:"InterNations Magazine - Perspectives on Expat Life",__imageData:a(8537)})),Fe.createElement(d.A,{className:t.showMobile},Fe.createElement(g.A,{variant:"h2",sx:{mb:1}},"Magazine"),Fe.createElement(Xe,null,Fe.createElement(Ve,null,Fe.createElement(g.A,{variant:"h4"},"Topics ")),Fe.createElement(K,{desktop:!0},C),Fe.createElement(Ie,{className:"mobile-only"},Fe.createElement(d.A,{sx:{display:"flex",flexWrap:"nowrap"}},C))),E),Fe.createElement(d.A,{className:t.showDesktop},Fe.createElement(ke.A,{container:!0,spacing:2},Fe.createElement(ke.A,{size:{xs:3,md:3}},Fe.createElement(d.A,{display:"flex",flexDirection:"row",height:40,alignItems:"center",justifyContent:"space-between"},Fe.createElement(g.A,{variant:"h2",sx:{mb:1}},"Topics"),b?Fe.createElement(p.A,{variant:"text",onClick:()=>{y(0)}},"Reset all"):null),Fe.createElement(c.A,null,Fe.createElement(Se.A,{disablePadding:!0},s.map(e=>{let{name:t,databaseId:a}=e;return Fe.createElement("li",{key:"topics-"+a},Fe.createElement(De,{selected:a===v,divider:!0,onClick:()=>y(a===v?0:a)},Fe.createElement(je,{primary:t,sx:{component:"div",variant:"subtitle2",color:a===v?"textPrimary":"primary",paddingLeft:1}})))})))),Fe.createElement(ke.A,{size:{xs:9,md:9}},E))))};const He=()=>((0,We.b)(),Fe.createElement(Fe.Fragment,null,Fe.createElement("html",{lang:"en"}),Fe.createElement(x,{title:"Magazine | InterNations",description:"The leading network & guide for expats in 420 cities worldwide. Connect with fellow expatriates at top events and receive tips & advice on expat life."}),Fe.createElement(n.o,null)))},8537:function(e){"use strict";e.exports=JSON.parse('{"layout":"constrained","backgroundColor":"#e8f8f8","images":{"fallback":{"src":"/content-assets/static/05a587ab618b13f04c85cc7ac2c2ac6c/13d76/overview_hero_image_with_logo.png","srcSet":"/content-assets/static/05a587ab618b13f04c85cc7ac2c2ac6c/f4db8/overview_hero_image_with_logo.png 667w,\\n/content-assets/static/05a587ab618b13f04c85cc7ac2c2ac6c/805d7/overview_hero_image_with_logo.png 1334w,\\n/content-assets/static/05a587ab618b13f04c85cc7ac2c2ac6c/13d76/overview_hero_image_with_logo.png 2668w","sizes":"(min-width: 2668px) 2668px, 100vw"},"sources":[{"srcSet":"/content-assets/static/05a587ab618b13f04c85cc7ac2c2ac6c/b74d4/overview_hero_image_with_logo.webp 667w,\\n/content-assets/static/05a587ab618b13f04c85cc7ac2c2ac6c/9e6aa/overview_hero_image_with_logo.webp 1334w,\\n/content-assets/static/05a587ab618b13f04c85cc7ac2c2ac6c/4a608/overview_hero_image_with_logo.webp 2668w","type":"image/webp","sizes":"(min-width: 2668px) 2668px, 100vw"}]},"width":2668,"height":626}')},8993:function(e,t,a){"use strict";a.d(t,{Y:function(){return o}});var r=a(9903),n=a(4227);function o(e){return(0,n.Ay)("MuiListItemButton",e)}const i=(0,r.A)("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);t.A=i}}]);
2//# sourceMappingURL=component---src-templates-magazine-overview-tsx-412b4e3c8b44accdc33a.js.map