https://www.maria-black.com/static/js/views-Page-Magazine.f4a48da5.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6],{6955:function(n,t,e){var i,r,o,a,c,l,s=e(18489),u=e(83738),d=e(17186),p=e(95524),x=e(26551),g=e(61975),h=e(83437),f=(e(92421),e(31121),e(74607),e(96436)),Z=e(37607),v=e(57393),m=e(74630),j=["url","backgroundPosition","backgroundSize","mediaQuery"],b=(0,Z.Z)("div")(i||(i=(0,d.Z)(["\n    a {\n        color: inherit;\n        text-decoration: none;\n    }\n"]))),k=(0,Z.Z)("div")(r||(r=(0,d.Z)(["\n    padding: 0 0 46px 24px;\n"]))),A=(0,Z.Z)("p")(o||(o=(0,d.Z)(["\n    margin: 0;\n    padding-right: 6px;\n    font: 500 1.4rem/1 'new-science';\n"]))),w=(0,Z.Z)(g.Z)(a||(a=(0,d.Z)(["\n    font-size: 16px;\n    line-height: 26px;\n    margin-top: 4px;\n\n    "," {\n        font-size: 24px;\n        line-height: 29px;\n    }\n"])),v.aE.md),y=(0,Z.Z)("div")(c||(c=(0,d.Z)(["\n    display: flex;\n    padding: 24px 0;\n"]))),C=(0,Z.Z)("button")(l||(l=(0,d.Z)(["\n    margin: 0;\n    padding: 0;\n    outline: none;\n    box-shadow: none;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n    font: 500 1.4rem/1em 'new-science';\n    text-decoration: underline;\n\n    :hover {\n        opacity: 0.75;\n    }\n"]))),P=function(n){var t=n.contentPaddingRight,e=n.image,i=n.ratio,r=n.button,o=n.heading,a=n.tag,c=e.url,l=e.backgroundPosition,d=e.backgroundSize,g=e.mediaQuery,Z=(0,u.Z)(e,j),v=r&&r.link?r.link:null;return(0,m.jsx)(b,{children:(0,m.jsxs)(h.Z,{volatile:!0,to:v,children:[(0,m.jsx)(p.Z,{ratio:i,children:(0,m.jsx)(x.Z,(0,s.Z)({src:c||f.Z,position:l,size:d,query:g},Z))}),(0,m.jsxs)(k,{contentPaddingRight:t,children:[(0,m.jsxs)(y,{children:[a&&(0,m.jsxs)(A,{children:[a," |"]}),r&&(0,m.jsx)(C,{children:r.label})]}),o&&(0,m.jsx)(w,{as:"h3",size:"",children:o})]})]})})};P.defaultProps={button:void 0,contentPaddingRight:!1,heading:void 0,image:void 0,ratio:3/4,tag:void 0},t.Z=P},77623:function(n,t,e){var i,r,o,a=e(17186),c=(e(92421),e(6955)),l=e(37607),s=e(30195),u=e(74630),d=(0,l.Z)("div")(i||(i=(0,a.Z)(["\n    display: flex;\n"]))),p=(0,l.Z)("div")(r||(r=(0,a.Z)(["\n    width: 100%;\n    border-right: 1px solid ",";\n\n    &.marginBottom {\n        margin-bottom: 120px;\n    }\n"])),s.Z.gray1),x=(0,l.Z)("div")(o||(o=(0,a.Z)(["\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n"])));t.Z=function(n){var t=n.articles;return t?(0,u.jsx)(d,{children:(0,u.jsx)(x,{children:t.map((function(n,t){var e=n.background,i=n.button,r=n.heading,o=n.tag,a=e.desktop,l=a.meta.ratio>1?4/3:3/4;return(0,u.jsx)(p,{children:(0,u.jsx)(c.Z,{button:i,heading:r,image:a,ratio:l,tag:o})},"".concat(r,"-").concat(t))}))})}):null}},31442:function(n,t,e){var i,r=e(17186),o=(e(92421),e(6955)),a=e(37607),c=e(74630),l=(0,a.Z)("div")(i||(i=(0,r.Z)(["\n    margin-bottom: 32px;\n\n    &:last-of-type {\n        margin-bottom: 0px;\n    }\n"])));t.Z=function(n){var t=n.articles;return(0,c.jsx)("div",{children:t&&t.map((function(n,t){var e=n.background,i=n.button,r=n.heading,a=n.tag,s=e.mobile,u=s.meta.ratio>1?4/3:3/4,d=t%2;return(0,c.jsx)(l,{right:d,children:(0,c.jsx)(o.Z,{button:i,contentPaddingRight:!d,heading:r,image:s,ratio:u,tag:a})},r)}))})}},53575:function(n,t,e){var i=e(47111);t.Z=function(n,t){var e=["Uncategorized","Okategoriserad"],r=n.summary,o=n.categories_names,a=n.id,c=n.title,l=n.uri;return{id:a,background:(0,i.Z)(r.background_image,"image"),tag:o.filter((function(n){return-1===e.indexOf(n)})).sort().join(", "),heading:c,button:{label:t,link:l,buttonTheme:"transparentWhite"}}}},48355:function(n,t,e){e.r(t),e.d(t,{default:function(){return fn}});var i,r,o=e(27166),a=e(18489),c=e(33032),l=e(50678),s=e(17186),u=e(92421),d=e(62976),p=e(11815),x=e(3339),g=e(18213),h=e(37607),f=e(49466),Z=e(25824),v=e(50998),m=(e(34248),e(53575)),j=e(36926),b=e(78227),k=e(27194),A=e(57393),w=e(12942),y=e(61975),C=e(74630),P=["isActive"],_=(0,h.Z)("button",{shouldForwardProp:function(n){return-1===P.indexOf(n)}})(i||(i=(0,s.Z)(["\n    display: flex;\n    position: relative;\n    opacity: ",";\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin-right: 16px;\n    cursor: pointer;\n\n    "," {\n        margin-right: 24px;\n        &:hover {\n            opacity: ",";\n        }\n    }\n\n    &:first-of-type {\n        padding-left: 24px;\n    }\n\n    &:last-of-type {\n        padding-right: 24px;\n    }\n"])),(function(n){return n.isActive?1:.4}),A.aE.lg,(function(n){return n.isActive?.4:1})),z=(0,h.Z)(w.Z)(r||(r=(0,s.Z)(["\n    margin-left: 3px;

1\n"]))),B=function(n){var t=n.isActive,e=n.text,i=n.count,r=n.click,o=n.textColor;return(0,C.jsxs)(_,{color:o,isActive:t,onClick:r,children:[(0,C.jsx)(y.Z,{color:o,size:"20 / 26 Bold CAPS",whiteSpace:"nowrap",children:e}),(0,C.jsx)(z,{color:o,size:"12 / 12 Regular CAPS",children:i})]})};B.defaultProps={isActive:!1};var S,O=B,D=(0,h.Z)("div")(S||(S=(0,s.Z)(["\n    display: flex;\n    width: 100%;\n    margin: 64px 0 72px;\n"]))),F=function(n){var t=n.filters,e=n.totalCount,i=n.click,r=n.textColor,o=(0,d.$)().t,a=(0,u.useState)(""),c=(0,l.Z)(a,2),s=c[0],p=c[1],x=function(n){p(n||""),i(n)};return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(b.Z,{breakpoint:"lg",render:function(){return(0,C.jsx)(k.Z,{direction:"horizontal",width:"100%",children:(0,C.jsxs)(D,{margin:"0 39px",mb:"72px",justifyContent:["flex-start",null,"center"],textAlign:"center",whiteSpace:"nowrap",children:[(0,C.jsx)(O,{isMobile:!0,count:e,textColor:r,click:function(){return x(null)},isActive:""===s,text:o("magazine.see_all")}),t.map((function(n){var t=n.name,e=n.count;return(0,C.jsx)(O,{isMobile:!0,text:t,count:e,textColor:r,click:function(){return x(t)},isActive:s===t},t)}))]})})}}),(0,C.jsx)(j.Z,{breakpoint:"lg",render:function(){return(0,C.jsxs)(D,{color:r,width:"100%",flexWrap:"wrap",justifyContent:"center",children:[(0,C.jsx)(O,{to:"/",count:e,textColor:r,click:function(){return x(null)},isActive:""===s,text:o("articles.see_all")}),t.map((function(n){var t=n.name,e=n.count;return(0,C.jsx)(O,{text:t,count:e,textColor:r,click:function(){return x(t)},isActive:s===t},t)}))]})}})]})};F.defaultProps={filters:[]};var E=F,L=e(30195),N=e(83437),R=e(83738),H=e(98714),M=e(26893),U=["color","height","viewBox","width"],q=function(n){var t=n.color,e=n.height,i=n.viewBox,r=n.width,o=(0,R.Z)(n,U);return(0,C.jsx)(H.Z,(0,a.Z)((0,a.Z)({width:r,height:e,viewBox:i,fill:"none"},o),{},{children:(0,C.jsx)(M.Z,{d:"M10.0286 0.915051L1.00032 9.94331C1.00032 9.94331 7.07924 16.0222 10.0286 18.9716",stroke:t})}))};q.defaultProps={color:"black",height:"20px",viewBox:"0 0 11 20",width:"auto"};var $,I,K=q,Q=e(46734),T=(0,h.Z)("div",{shouldForwardProp:function(n){return-1===["next"].indexOf(n)}})($||($=(0,s.Z)(["\n    display: flex;\n    justify-content: ",";\n    align-items: center;\n"])),(function(n){return n.next?"flex-end":"flex-start"})),W=(0,h.Z)(N.Z,{shouldForwardProp:function(n){return-1===["isActive"].indexOf(n)}})(I||(I=(0,s.Z)(["\n    color: ",";\n    position: relative;\n    margin-right: 12px;\n    opacity: ",";\n    text-decoration: none;\n\n    > span {\n        opacity: ",";\n    }\n    &:last-child {\n        margin: 0;\n    }\n"])),L.Z.black,(function(n){return n.isActive?1:.4}),(function(n){return n.isActive?1:.4})),X=function(n){var t=n.next,e=n.isActive,i=n.url,r=n.handleClick,o=n.color,a=(0,d.$)().t;return(0,C.jsx)(T,{next:t,children:(0,C.jsxs)(W,{isActive:e,to:i,onClick:r,children:[(0,C.jsx)(b.Z,{breakpoint:"lg",render:function(){return(0,C.jsx)(C.Fragment,{children:t?(0,C.jsx)(Q.Z,{color:o,opacity:e?1:.4,width:"17px",height:"16px"}):(0,C.jsx)(K,{color:o,opacity:e?1:.4,width:"17px",height:"16px"})})}}),(0,C.jsx)(j.Z,{breakpoint:"lg",render:function(){return(0,C.jsx)(y.Z,{color:o,opacity:e?1:.4,size:"20 / 26 Bold CAPS",children:a(t?"utils.pagination_next":"utils.pagination_prev")})}})]})})};X.defaultProps={color:L.Z.black,handleClick:function(){},isActive:!1,next:!1,url:""};var G,J,V,Y,nn,tn=X,en=(0,h.Z)("div")(G||(G=(0,s.Z)(["\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    padding: 16px 0;\n    border-top: 1px solid ",";\n\n    "," {\n        padding: 25px 0 70px;\n    }\n    "," {\n        padding: 28px 0 92px;\n    }\n"])),L.Z.gray1,A.B2.lg,A.B2.lg),rn=(0,h.Z)("div")(J||(J=(0,s.Z)(["\n    display: flex;\n"]))),on=(0,h.Z)("div")(V||(V=(0,s.Z)(["\n    width: 100%;\n    max-width: 33%;\n    display: flex;\n    justify-content: space-between;\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    gap: 12px;\n\n    "," {\n        max-width: 100%;\n        padding: 0 24px;\n    }\n"])),A.B2.lg),an=(0,h.Z)(y.Z)(Y||(Y=(0,s.Z)(["\n    margin: 0 6px;\n    opacity: 0.4;\n\n    "," {\n        margin: 0;\n    }\n"])),A.B2.lg),cn=(0,h.Z)(N.Z,{shouldForwardProp:function(n){return-1===["isActive","textColor"].indexOf(n)}})(nn||(nn=(0,s.Z)(["\n    position: relative;\n    margin: 0 6px;\n    opacity: ",";\n    text-decoration: none;\n\n    > span {\n        opacity: ",";\n    }\n"])),(function(n){return n.isActive?1:.4}),(function(n){return n.isActive?1:.4})),ln=function(n){var t=n.isActive,e=n.url,i=n.handleClick,r=n.showDots,o=n.page,a=n.color;return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(cn,{isActive:t,to:e,onClick:i,children:(0,C.jsx)(y.Z,{color:a,size:"20 / 26 Bold CAPS",children:o})}),r&&(0,C.jsx)(an,{as:"h4",size:"20 / 26 Bold CAPS",children:".."})]})},sn=function(n){var t=n.isActive,e=n.url,i=n.handleClick,r=n.showDots,o=n.page,a=n.color;return(0,C.jsxs)(C.Fragment,{children:[r&&(0,C.jsx)(an,{as:"h4",size:"20 / 26 Bold CAPS",children:".."}),(0,C.jsx)(cn,{isActive:t,to:e,onClick:i,children:(0,C.jsx)(y.Z,{color:a,size:"20 / 26 Bold CAPS",children:o})})]})},un=function(n){var t=n.pages,e=n.currentPage,i=n.path,r=n.click,o=n.textColor,a=function(n,t){for(var o=function(){var n=a;c.push((0,C.jsx)(cn,{isActive:e===n,to:"".concat(i,"?page=").concat(n),onClick:function(){return r(n)},children:(0,C.jsx)(y.Z,{color:L.Z.black,size:"20 / 26 Bold CAPS",children:n})},a))},a=n;a<t;a++)o()},c=[],l=e<4,s=e>t-3;if(t>5){if(e>=4&&e<=t-3){var u=e>3?e:3,d=t>u?u:t;a(t>e?d-1:d-3,t>e+1?e+2:t)}else if(l){a(2,5)}else if(s){a(t-3,t)}}else{a(1,t+1)}var p=t,x=t>e?"".concat(i,"?page=").concat(e+1):null,g=e>1?"".concat(i,"?page=").concat(e-1):null;return(0,C.jsx)(en,{color:o,children:(0,C.jsxs)(on,{children:[(0,C.jsx)(tn,{url:g,color:o,handleClick:function(){return r(e-1)},isActive:1!==e}),(0,C.jsxs)(rn,{children:[t>5&&(0,C.jsx)(ln,{page:1,color:o,isActive:1===e,showDots:e>3,url:"".concat(i,"?page=").concat(1),handleClick:function(){return r(1)}}),c,t>5&&(0,C.jsx)(sn,{page:p,color:o,url:"".concat(i,"?page=").concat(p),showDots:e<t-2,handleClick:function(){return r(p)},isActive:e===p})]}),(0,C.jsx)(tn,{next:!0,url:x,color:o,isActive:e!==p,handleClick:function(){return r(e+1)}})]})})};un.defaultProps={click:function(){},currentPage:1,pages:1,path:"",textColor:L.Z.black};var dn,pn=un,xn=e(31442),gn=e(77623),hn=(0,h.Z)(y.Z)(dn||(dn=(0,s.Z)(["\n    margin-top: 80px;\n"]))),fn=(0,x.injectModels)(["application"])((function(n){var t=n.application,e=n.data,i=(0,p.k6)(),r=(0,p.TH)(),s=(0,d.$)().t,x=e.heading.heading,h=e.article_category_filters,k=x.text,A=x.type,w=(0,u.useState)(""),y=(0,l.Z)(w,2),P=y[0],_=y[1],z=(0,u.useState)({pages:0,articles:[],filters:h,numberOfArticles:0}),B=(0,l.Z)(z,2),S=B[0],O=B[1],D=t.applicationId,F=f.N9?r:window.location,L=parseInt((0,v.Z)(F).page,10)||1;(0,u.useEffect)((function(){N(P,L)}),[]);var N=function(){var n=(0,c.Z)((0,o.Z)().mark((function n(t,e){var i,r,c,l,u,d,p,x;return(0,o.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.prev=0,i=[{indexName:"articles",query:"",params:{page:e,facets:["*"],hitsPerPage:8,filters:[["application_id: ".concat(D)]]}}],t&&i.push({indexName:"articles",query:"",params:{page:e,facets:["*"],hitsPerPage:8,filters:[["application_id: ".concat(D)],['categories_names: "'.concat(t,'"')]]}}),n.next=5,(0,g.bU)(i);case 5:r=n.sent,c=r.results.length>1?r.results[1]:r.results[0],l=c.nbPages,u=r.results[0].nbHits,d=c.hits.map((function(n){return(0,m.Z)(n,s("articles.read_article"))})),p=r.results[0].facets.categories_names||{},x=h.filter((function(n){return n.name in p})).map((function(n){return(0,a.Z)((0,a.Z)({},n),{},{count:p[n.name]})})),O({pages:l,articles:d,filters:x,numberOfArticles:u}),n.next=18;break;case 15:n.prev=15,n.t0=n.catch(0),console.error("error",n.t0);case 18:case"end":return n.stop()}}),n,null,[[0,15]])})));return function(t,e){return n.apply(this,arguments)}}();return(0,C.jsxs)("div",{children:[x&&(0,C.jsx)(hn,{textAlign:"center",as:A,size:"large",children:k}),(0,C.jsx)(E,{filters:S.filters,totalCount:S.numberOfArticles,click:function(n){_(n),N(n),i.replace({pathname:F.pathname})}}),(0,C.jsx)(b.Z,{breakpoint:"md",render:function(){return(0,C.jsx)(xn.Z,{articles:S.articles})}}),(0,C.jsx)(j.Z,{breakpoint:"md",render:function(){return(0,C.jsx)(gn.Z,{articles:S.articles})}}),S.pages>1&&(0,C.jsx)(pn,{pages:S.pages,currentPage:L,path:F.pathname,click:function(n){N(P,n),(0,Z.X5)({smooth:!0,top:0})}})]})}))}}]);