https://www.rabensjogren.se/static/js/BookShelf.85908e5a.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[456],{16548:function(n,e,r){var t=r(95764),o=r(81034),i=r(57994),s=r(98907),a=r(90889),l=r(2391),u=r(30969),d=r(37574),c=["promise","error","success","placeholder","loading","renderProps"],p=function(n){(0,a.Z)(r,n);var e=(0,l.Z)(r);function r(){var n;(0,i.Z)(this,r);for(var t=arguments.length,o=new Array(t),s=0;s<t;s++)o[s]=arguments[s];return(n=e.call.apply(e,[this].concat(o))).state={fetched:!1,loading:!1,renderer:null,response:null},n}return(0,s.Z)(r,[{key:"componentDidMount",value:function(){this.handle()}},{key:"shouldComponentUpdate",value:function(n,e){var r=this.props,t=r.renderProps,o=r.response,i=this.state,s=i.renderer,a=i.loading;return JSON.stringify(t)!==JSON.stringify(n.renderProps)||(o!==n.response||(s!==e.renderer||a!==e.loading))}},{key:"componentDidUpdate",value:function(n){this.props.promise!==n.promise&&this.handle(this.props)}},{key:"handle",value:function(){var n=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.props;e.promise instanceof Promise&&(this.setState({loading:!0}),e.promise.then((function(){n.setState({loading:!1,fetched:!0,renderer:e.success})})).catch((function(){n.setState({loading:!1,fetched:!0,renderer:e.error})})))}},{key:"render",value:function(){var n=this.props,e=(n.promise,n.error,n.success,n.placeholder),r=n.loading,i=n.renderProps,s=(0,o.Z)(n,c),a=this.state,l=a.fetched,p=a.response,f=a.loading,h=a.renderer;return!l&&e?e():(0,d.jsxs)(u.Fragment,{children:[f&&r(),h((0,t.Z)((0,t.Z)((0,t.Z)({},s),p),i))]})}}],[{key:"getDerivedStateFromProps",value:function(n,e){return null!==n.response&&JSON.stringify(n.response)!==JSON.stringify(e.response)&&(e.response=n.response,e.renderer=n.success,e.fetched=!0),e}}]),r}(u.Component);p.defaultProps={error:function(){return null},loading:function(){return null},placeholder:function(){return null},promise:new Promise((function(){})),renderProps:{},response:null},e.Z=p},26019:function(n,e,r){var t=r(30969),o=r(16809),i=r(72915);e.Z=function(n){var e=n.ids,r=n.render,s=n.renderProps,a=(0,o.v9)((function(n){var r=n.products;return e.map((function(n){var e;return null===(e=r.byIds[n])||void 0===e?void 0:e.data})).filter((function(n){return n}))}),(function(n,e){return JSON.stringify(n)===JSON.stringify(e)})),l=(0,o.I0)();return(0,t.useEffect)((function(){l((0,i.aN)(e))}),[JSON.stringify(e)]),r({renderProps:s,response:{products:a},promise:a.length?Promise.resolve():null})}},4351:function(n,e,r){var t=r(69932),o=r(52892),i=r(45119),s=r(47317);e.Z=function(n){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"yyyy-MM-dd";if(!n)return null;var r={},a=((arguments.length>2&&void 0!==arguments[2]?arguments[2]:"sv_SE")||"sv_SE").slice(0,2),l={sv:o.Z,fi:i.Z,de:s.Z}[a];return l&&(r.locale=l),(0,t.Z)(n,e,r)}},56507:function(n,e,r){r.d(e,{j:function(){return l},x:function(){return u}});var t=r(99710),o=r(30969),i=r(37574),s={setBookshelfContext:function(){},bookshelfContext:{open:"",hovered:""}},a=(0,o.createContext)(s),l=function(n){var e=n.children,r=(0,o.useState)({open:"",hovered:""}),s=(0,t.Z)(r,2),l=s[0],u=s[1];return(0,i.jsx)(a.Provider,{value:{bookshelfContext:l,setBookshelfContext:u},children:e})},u=function(){return(0,o.useContext)(a)}},87321:function(n,e,r){var t,o,i=r(95764),s=r(81034),a=r(99500),l=r(85255),u=r(80722),d=r(86470),c=r(37574),p=["alt","url"],f=(0,l.Z)("div")(t||(t=(0,a.Z)(["\n    position: absolute;\n    z-index: 1;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n        to right,\n        rgba(255, 255, 255, 0.5) 1%,\n        rgba(255, 255, 255, 0.25) 2%,\n        rgba(255, 255, 255, 0.25) 3%,\n        transparent 4%,\n        transparent 1%,\n        rgba(255, 255, 255, 0.25) 5%,\n        transparent 7%\n    );\n"]))),h=(0,l.Z)("div")(o||(o=(0,a.Z)(["\n    position: relative;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;

1\n"])));e.Z=function(n){var e=n.alt,r=void 0===e?"":e,t=n.url,o=void 0===t?"":t,a=(0,s.Z)(n,p);return(0,c.jsxs)(h,{children:[(0,c.jsx)(f,{}),(0,c.jsx)(u.Z,(0,i.Z)({alt:r,placeholder:(0,d.$o)(o,{m:"max",w:280,h:280}),src:{url:o,width:[200,300,400,500]},sizes:["50vw","25vw"],boxShadow:"0px 0px 10px -5px rgba(0,0,0,0.75)",width:"100%",maxHeight:"100%",borderRadius:"2px"},a))]})}},18439:function(n,e,r){r.d(e,{Z:function(){return p}});var t,o=r(95764),i=r(81034),s=r(99500),a=r(85255),l=function(n){return Array.isArray(n)?n:[n]},u=r(37574),d=["columns","columnGap","rows","rowGap"],c=(0,a.Z)("div")(t||(t=(0,s.Z)([""]))),p=function(n){var e=n.columns,r=void 0===e?"none":e,t=n.columnGap,s=void 0===t?"0px":t,a=n.rows,p=void 0===a?"none":a,f=n.rowGap,h=void 0===f?"0px":f,v=(0,i.Z)(n,d);return(0,u.jsx)(c,(0,o.Z)({display:"grid",gridTemplateColumns:l(r).map((function(n){return n?"repeat(".concat(n,", 1fr)"):null})),gridTemplateRows:l(p).map((function(n){return n?"repeat(".concat(n,", 1fr)"):null})),columnGap:s,rowGap:h},v))}},37788:function(n,e,r){r.r(e),r.d(e,{default:function(){return B}});var t,o,i,s,a,l,u=r(95764),d=r(16548),c=r(26019),p=r(99500),f=r(85255),h=r(77137),v=r(4351),x=r(56507),m=r(18439),Z=r(51194),g=r(81034),b=r(37574),j=["height","width","open","hovered"],y=(0,f.Z)("button")(t||(t=(0,p.Z)(["\n    z-index: 2;\n    height: 100%;\n    width: 100%;\n    display: flex;\n    position: absolute;\n    align-items: center;\n    justify-content: center;

1\n"]))),S=(0,f.Z)("div")(o||(o=(0,p.Z)(["\n    position: relative;\n    display: flex;\n    margin: auto;\n    border-radius: 50%;\n    overflow: visible;\n    justify-content: center;\n    align-items: center;\n\n    &::after,\n    &::before {\n        content: '';\n        display: block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n    }\n    &::after {\n        right: -50%;\n        border-radius: 50%;\n    }\n    &::before {\n        left: -50%;\n        border-radius: 50%;\n    }\n"]))),k=function(n){var e=n.height,r=void 0===e?"100%":e,t=n.width,o=void 0===t?"100%":t,i=n.open,s=void 0!==i&&i,a=n.hovered,l=void 0!==a&&a,d=(0,g.Z)(n,j);return(0,b.jsx)(y,{children:(0,b.jsx)(S,(0,u.Z)({height:r,width:o,opacity:s||l?1:0,transform:s||l?"rotate(5deg)":"none",transition:s||l?"opacity 0s 0.1s":"none"},d))})},w=r(87321),_=r(39660),C=r(52555),P=r(22626),G=r(33747),O=r(31619),A=(0,f.Z)("div")(i||(i=(0,p.Z)([""]))),D=function(n){var e=n.name,r=void 0===e?"":e,t=n.url,o=void 0===t?"":t,i=n.image,s=void 0===i?"":i,a=n.date,l=void 0===a?"":a,d=n.authors,c=void 0===d?[]:d,p=n.illustrator,f=void 0===p?[]:p,h=(0,x.x)(),v=h.bookshelfContext,m=h.setBookshelfContext,g=v.open===o,j=v.hovered===o,y=(0,_.Z)("lg"),S=(0,C.$)().t;return(0,b.jsx)(P.Z,{to:o,children:(0,b.jsxs)(A,{height:"100%",children:[(0,b.jsx)(A,{transform:g||j?"rotate(-5deg)":"none",transition:"transform 0.3s",onMouseEnter:function(){return y&&m((0,u.Z)((0,u.Z)({},v),{},{hovered:o}))},onMouseLeave:function(){return y&&m((0,u.Z)((0,u.Z)({},v),{},{hovered:""}))},mb:"16px",children:(0,b.jsx)(Z.Z,{ratio:"0.75",cursor:"pointer",children:(0,b.jsxs)(A,{justifyContent:"center",display:"flex",alignItems:"center",children:[(0,b.jsx)(k,{open:g,hovered:j,width:"45%",height:"45%"}),(0,b.jsx)(w.Z,{alt:"Omslag f\xf6r ".concat(r),url:s})]})})}),r&&(0,b.jsx)(G.Z,{as:"p",textStyles:"Stabil Grotesk/18-120",mb:"4px",children:r}),c&&c.map((function(n){return(0,b.jsx)(G.Z,{as:"p",textStyles:"Stabil Grotesk/14-140",mb:"4px",children:n})})),f&&f.map((function(n){return(0,b.jsx)(G.Z,{as:"p",textStyles:"Stabil Grotesk/14-140",mb:"4px",children:n})})),l&&(0,b.jsx)(G.Z,{as:"p",textStyles:"Stabil Grotesk/12-140",color:O.Z.black50,children:S("product_card.publishing_date")+" "+l})]})})},N=r(44465),L=r(433),E=(0,f.Z)("div")(s||(s=(0,p.Z)([""]))),I=(0,f.Z)("div")(a||(a=(0,p.Z)([""]))),J=(0,f.Z)("div")(l||(l=(0,p.Z)([""]))),T=function(n){var e=n.products,r=void 0===e?[]:e,t=n.title,o=void 0===t?"":t,i=n.text,s=void 0===i?[]:i;return(0,b.jsxs)(x.j,{children:[o||s?(0,b.jsx)(J,{mt:"52px",mb:"32px",children:(0,b.jsxs)(L.Z,{children:[(0,b.jsx)(G.Z,{as:"h3",textStyles:"Stabil Grotesk/24-130",mb:["10px",0,null],gridColumn:["1 / span 12","1 / span 5","1 / span 3"],children:o}),(0,b.jsx)(I,{gridColumn:["1 / span 12","7 / span 6","4 / span 3"],children:(0,b.jsx)(N.Z,{data:s,textComponent:function(n){var e=n.children;return(0,b.jsx)(G.Z,{as:"p",textStyles:"Tiempos/14-140",children:e})}})})]})}):null,(0,b.jsx)(E,{mx:[h.w.mobile.margin,h.w.tablet.margin,h.w.desktop.margin],mb:"120px",position:"relative",children:(0,b.jsx)(m.Z,{columns:["2","3","6"],columnGap:"24px",rowGap:"24px",children:r.map((function(n){var e,r,t=n.name,o=n.description,i=n.url,s=n.image,a=n.parametrics,l=[a.PUBLISHING_DATE.value[0].value][0],u=null===(e=a.MAIN_AUTHOR)||void 0===e?void 0:e.value.map((function(n){return n.value})),d=null===(r=a.ILLUSTRATOR)||void 0===r?void 0:r.value.map((function(n){return n.value})),c=new Date(1e3*l),p=(0,v.Z)(c);return(0,b.jsx)(D,{name:t,description:o,url:i,image:s,date:p,authors:u,illustrator:d},i)}))})})]})},U=function(n){return(0,b.jsx)(d.Z,(0,u.Z)((0,u.Z)({},n),{},{success:function(n){var e=n.response,r=n.title,t=n.text,o=n.link,i=n.bookshelf_products,s=e.products,a=(i||[]).map((function(n){return s.find((function(e){return e.objectID===n}))})).filter((function(n){return n}));return(0,b.jsx)(T,{products:a,title:r,text:t,link:o})}}))},B=function(n){var e=n.data,r=e.title,t=e.link,o=e.bookshelf_products,i=e.text;return(0,b.jsx)(c.Z,{ids:o||[],renderProps:{title:r,text:i,link:t,bookshelf_products:o},render:function(n){return(0,b.jsx)(U,(0,u.Z)({},n))}})}}}]);
2//# sourceMappingURL=BookShelf.85908e5a.chunk.js.map