https://www.bang-olufsen.com/_next/static/chunks/pages/[language]/…/brand-history/[slug]-db4b5fed1dad58c9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3749],{54293:function(e,t,n){"use strict";n(27378);var r=n(36371),a=n(41605),o=n(76305),i=n(34919),c=n(24246);t.Z=function(e){var t=e.expandImage,n=e.zoomInLabel,u=e.zoomOutLabel,l=e.lastFocusTargetRef,s=e.handleOnKeyDown,d=e.handleExpandAndMinimizeImage;return(0,c.jsx)(r.Z,{slnId:"expand-minimize-btn-sln",className:"expand-minimize-btn",ariaLabel:t?u:n,onClick:d,"data-focus-id":o.hv.ZOOM,onFocus:function(){l&&(l.current=o.hv.ZOOM)},onKeyDown:s(d),children:(0,c.jsx)("div",{className:"expand-minimize-wrapper",children:(0,c.jsx)(i.Z,{className:"expand-minimize-icon",imgSrc:t?a.qRs:a.X60,height:32,width:32})})})}},20470:function(e,t,n){"use strict";n.d(t,{Bi:function(){return c},aM:function(){return u},ef:function(){return a},sV:function(){return l}});var r=n(27378),a=function(){var e=(0,r.useState)(!1),t=e[0],n=e[1];return(0,r.useEffect)((function(){var e,t,r=!0;return null!==(e=document)&&void 0!==e&&null!==(t=e.fonts)&&void 0!==t&&t.ready?document.fonts.ready.finally((function(){r&&n(!0)})):n(!0),function(){r=!1}}),[]),{fontsReady:t}},o=function(e,t,n){return Math.min(Math.max(e,t),n)},i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=Math.abs(e);return n<20?.5*t:n<50?.8*t:n<100?1.2*t:1.5*t},c=function(){var e=(0,r.useState)(!1),t=e[0],n=e[1];return(0,r.useEffect)((function(){var e=function(){n(!0)};return window.addEventListener("wheel",e,{passive:!0,once:!0}),window.addEventListener("touchstart",e,{passive:!0,once:!0}),window.addEventListener("keydown",e,{once:!0}),function(){window.removeEventListener("wheel",e),window.removeEventListener("touchstart",e),window.removeEventListener("keydown",e)}}),[]),{isScrolled:t}};function u(e){var t=e.topOffset,n=void 0===t?0:t,a=e.sensitivity,c=void 0===a?1:a,u=(0,r.useRef)(null),l=(0,r.useRef)(0),s=(0,r.useRef)(null),d=(0,r.useRef)(null),f=(0,r.useRef)(!1),v=(0,r.useRef)(0),m=(0,r.useRef)(0),g=(0,r.useRef)(0),p=(0,r.useRef)(0),b=(0,r.useRef)(0),h=(0,r.useRef)(0),w=(0,r.useState)(0),y=w[0],L=w[1];return(0,r.useEffect)((function(){var e=u.current;if(e){var t=function(){var t=window.innerHeight,r=e.offsetHeight;h.current=Math.max(r-(t-n),0),l.current=o(l.current,0,h.current),L(l.current)};t();var r=new ResizeObserver(t);r.observe(e);var a=function(){null===s.current&&(s.current=requestAnimationFrame((function(){s.current=null,L(l.current)})))},w=function e(){Math.abs(b.current)<.5?b.current=0:(l.current+=b.current,l.current=o(l.current,0,h.current),b.current*=.95,a(),d.current=requestAnimationFrame(e))},y=function(e){e.preventDefault(),null!==d.current&&(cancelAnimationFrame(d.current),d.current=null);var t=i(e.deltaY,c);l.current+=e.deltaY*t,l.current=o(l.current,0,h.current),b.current=e.deltaY*t*.3,a()},x=function(t){if(void 0===t.button||0===t.button){var n=t.target;"BUTTON"===n.tagName||"A"===n.tagName||"INPUT"===n.tagName||"TEXTAREA"===n.tagName||n.closest("button")||n.closest("a[href]")||n.closest('[role="button"]')||(null!==d.current&&(cancelAnimationFrame(d.current),d.current=null),f.current=!0,v.current=t.clientY,g.current=t.clientY,p.current=Date.now(),m.current=l.current,b.current=0,e.setPointerCapture(t.pointerId),e.style.userSelect="none")}},E=function(e){if(f.current){var t=e.clientY-v.current,n=i(t,c);l.current=o(m.current-t*n,0,h.current);var r=Date.now(),u=Math.max(r-p.current,1),s=e.clientY-g.current;b.current=-s*n/(u/16),g.current=e.clientY,p.current=r,a()}},D=function(t){if(f.current){f.current=!1;try{e.releasePointerCapture(t.pointerId)}catch(n){e.style.userSelect="auto"}e.style.userSelect="auto",Math.abs(b.current)>.5&&(d.current=requestAnimationFrame(w))}};return e.style.touchAction="pan-x pinch-zoom",e.style.overscrollBehavior="contain",e.addEventListener("wheel",y,{passive:!1}),e.addEventListener("pointerdown",x),e.addEventListener("pointermove",E),e.addEventListener("pointerup",D),e.addEventListener("pointercancel",D),function(){r.disconnect(),e.removeEventListener("wheel",y),e.removeEventListener("pointerdown",x),e.removeEventListener("pointermove",E),e.removeEventListener("pointerup",D),e.removeEventListener("pointercancel",D),null!==s.current&&cancelAnimationFrame(s.current),null!==d.current&&(cancelAnimationFrame(d.current),d.current=null)}}}),[n,c]),{ref:u,translateY:y,isAtTop:y<=0,isAtBottom:y>=h.current,translateYStyle:{transform:"translate3d(0, ".concat(-y,"px, 0)"),transition:"transform 0.05s ease-out",willChange:"transform"}}}var l=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(!1),n=(0,r.useRef)(!1),a=(0,r.useRef)(0),o=(0,r.useRef)(0),i=(0,r.useRef)(0),c=(0,r.useRef)(0),u=(0,r.useRef)(0),l=(0,r.useRef)(0),s=(0,r.useRef)(0),d=(0,r.useRef)(0),f=(0,r.useRef)(null),v=.1,m=function(r){var v=e.current;v&&(t.current=!0,n.current=!1,a.current=r.clientX,o.current=r.clientY,s.current=r.clientX,d.current=r.clientY,i.current=v.scrollLeft,c.current=v.scrollTop,u.current=0,l.current=0,f.current&&cancelAnimationFrame(f.current),v.style.cursor="grabbing")},g=function(r){if(t.current){var f=e.current;if(f){var v=r.clientX-a.current,m=r.clientY-o.current;(Math.abs(v)>5||Math.abs(m)>5)&&(n.current=!0),f.scrollLeft=i.current-v,f.scrollTop=c.current-m,u.current=r.clientX-s.current,l.current=r.clientY-d.current,s.current=r.clientX,d.current=r.clientY}}},p=function t(){var n=e.current;n&&(n.scrollLeft-=u.current,n.scrollTop-=l.current,u.current*=.95,l.current*=.95,(M

1ath.abs(u.current)>v||Math.abs(l.current)>v)&&(f.current=requestAnimationFrame(t)))},b=function(){if(t.current){t.current=!1;var n=e.current;n&&(n.style.cursor="grab"),f.current&&(cancelAnimationFrame(f.current),f.current=null),(Math.abs(u.current)>v||Math.abs(l.current)>v)&&(f.current=requestAnimationFrame(p))}};return(0,r.useEffect)((function(){return window.addEventListener("mousedown",m),window.addEventListener("mousemove",g),window.addEventListener("mouseup",b),window.addEventListener("mouseleave",b),function(){window.removeEventListener("mousedown",m),window.removeEventListener("mousemove",g),window.removeEventListener("mouseup",b),window.removeEventListener("mouseleave",b)}}),[]),{canvasRef:e,hasDragged:n}}},16761:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return ee}});var r=n(90849),a=n(11246),o=n(27378),i=n(86677),c=n(6234),u=n(34707),l=n.n(u),s=n(22278),d=n(14334),f=n(65508),v=n(90888),m="GET_BRAND_HISTORY_DETAIL_PAGE_DATA",g="GET_BRAND_HISTORY_DETAIL_PAGE_DATA_SUCCESS",p=function(e){return{type:g,data:e}},b=[function(e){return{type:m,data:e}}],h=l().mark(y),w=l().mark(L);function y(e){var t,n;return l().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return t=e.data.slug,r.prev=1,r.next=4,(0,s.RE)(d.Z.fetch,"".concat(f.Y.timelineStoryDetail,"/").concat(t),e);case 4:if(!(n=r.sent)){r.next=8;break}return r.next=8,(0,s.gz)(p(n));case 8:r.next=14;break;case 10:return r.prev=10,r.t0=r.catch(1),r.next=14,(0,s.gz)((0,v.PU)(r.t0));case 14:case"end":return r.stop()}}),h,null,[[1,10]])}function L(){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,s.Fm)(m,y);case 3:e.next=9;break;case 5:return e.prev=5,e.t0=e.catch(0),e.next=9,(0,s.gz)((0,v.PU)(e.t0));case 9:case"end":return e.stop()}}),w,null,[[0,5]])}var x=n(34051),E=function(e,t){return e.set("brandHistoryDetailPageData",(0,x.fromJS)(t.data))},D=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:(0,x.fromJS)({}),t=arguments.length>1?arguments[1]:void 0;return t.type===g?E(e,t):e},O=n(62557),j=n(71250),P=n(3514),R=n(60042),N=n.n(R),I=n(4798),T=n(21318),A=n(50813),_=n(79341),S=n(81365),k=n(41605),z=n(74661),C=n(54293),Z=n(34869),H=(0,n(41408).iv)(["&.brand-history-content-wrapper{overflow:scroll;text-align:center;&::-webkit-scrollbar{display:none;}.brand-history-content-wrapper__content{gap:32px;margin:auto;display:flex;flex-direction:column;align-items:center;max-width:660px;}}p.h1.title{margin:0;}p.h3{margin:0;}.year-title{font-family:",";font-weight:",";letter-spacing:1.7px;}.view-in-timeline-cta-wrapper{.a-anchorButton.-underlined{color:",";}}.cta-wrapper{margin-top:24px;}.description-p{color:",";}.overlay-img{margin:auto;margin-top:4.5rem;position:relative;@media ","{margin-left:6.5rem;margin-right:6.5rem;}img{width:100%;aspect-ratio:auto;}&.-expanded{background-color:white;position:absolute;width:100vw;height:calc(100dvh - var(--banner-offset,0));top:0;left:0;margin-top:0;padding:0;z-index:99999;margin:0;img{object-fit:contain;}}}.expand-minimize-btn{z-index:999;background:none;position:absolute;bottom:1rem;right:1rem;cursor:pointer;height:min-content;}"],(function(e){return e.theme.fonts.beologueFontFamily}),(function(e){return e.theme.fonts.fontWeight.medium}),(function(e){return e.theme.colors.FUTURE_BLUE}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.medium})),M=n(48323),F=n(41003),Y=n(20470),B=n(24246);function q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var K=(0,Z.Z)((function(e){var t=e.brandHistoryDetailPageData,n=e.className,a=e.cmsLabelsGlobal,c=e.locale,u=e.country,l=e.bannerTotalHeight,s=void 0===l?0:l,d=(0,Y.ef)().fontsReady,f=(0,o.useState)(!1),v=f[0],m=f[1],g=null===a||void 0===a?void 0:a.get("zoomInLabel"),p=null===a||void 0===a?void 0:a.get("zoomOutLabel"),b=(0,o.useState)({}),h=b[0],w=b[1],y=(0,i.useRouter)();if((0,o.useEffect)((function(){var e=function(){var e=window.location.href;y.push(e)};return window.addEventListener("popstate",e),function(){window.removeEventListener("popstate",e)}}),[]),(0,o.useEffect)((function(){return function(){var e=null===t||void 0===t?void 0:t.getIn(["seoCard","title"]);(0,T.v8)({pageType:A.Hao.TIMELINE,pageName:A.jN_,addToDL:!0,breadcrumbs:"/brand-history",commonPageName:e})}(),function(){(0,I.ZP)(!1)}}),[]),!d)return null;var L=null===t||void 0===t?void 0:t.get("title"),x=null===t||void 0===t?void 0:t.get("description"),E=null===t||void 0===t?void 0:t.get("storyYear"),D=null===t||void 0===t?void 0:t.get("mediaList"),O=null===t||void 0===t?void 0:t.get("cta"),P=null===O||void 0===O?void 0:O.get("url"),R=(0,M.Sv)(P)?P:(0,j.LK)({pathname:P,query:{language:c,country:null===u||void 0===u?void 0:u.toLowerCase()}}),Z={cta:O,href:R,slnId:"timelineStory",target:null===O||void 0===O?void 0:O.get("target"),variant:(null===O||void 0===O?void 0:O.get("theme"))||"secondary",forceClick:!0,labelText:null===O||void 0===O?void 0:O.get("linkText"),disabled:P?!(P.length>1):null,ariaLabel:null===O||void 0===O?void 0:O.get("ariaLabel"),centered:!0,buttonColor:(null===O||void 0===O?void 0:O.get("buttonColor"))||"",onClick:function(){var e,t=null!==(e=null===O||void 0===O?void 0:O.get("linkText"))&&void 0!==e?e:"";!function(e){var t=e.eventAction,n=e.eventLabel,r=G({event:A.cHh,eventCategory:A.jN_,eventAction:t,eventLabel:null!==n&&void 0!==n?n:"",story_year:E},Boolean(L)&&{story_name:L});(0,T.q8)(r)}({eventAction:A.tnm,eventLabel:t})}},H={variant:"underline",className:"country-btn",labelText:k.SoJ,onClick:function(){},target:"_blank",href:(0,j.LK)({pathname:"/brand-history",query:{language:c,country:null===u||void 0===u?void 0:u.toLowerCase(),slug:null===t||void 0===t?void 0:t.get("slug")}}),ariaLabel:k.SoJ,tabIndex:"0"},q=function(){window.scrollTo(0,0),m((function(e){return(0,I.ZP)(!e),!e}))},K=function(e){return function(t){t.key!==k.Ab0&&t.key!==k.wF1||(t.preventDefault(),e())}}

1,X=N()("overlay-img","".concat(v?"-expanded ":""," "));return(0,B.jsx)(F.Z,{children:(0,B.jsxs)("div",{className:N()(n,"brand-history-content-wrapper"),style:{"--banner-offset":"".concat(s,"px")},children:[(0,B.jsxs)("div",{className:"brand-history-content-wrapper__content",children:[E&&(0,B.jsx)("p",{className:"year-title h3 small",children:E}),L&&(0,B.jsx)("p",{className:"title h1",children:L}),H&&(0,B.jsx)("div",{className:"view-in-timeline-cta-wrapper",children:(0,B.jsx)(S.Z,G({},H))}),x&&(0,B.jsx)("div",{className:N()("description",{}),children:(0,B.jsx)(_.Z,{data:x,paragraphClassName:"b1 description-p"})})]}),O&&(0,B.jsx)("div",{className:N()("cta-wrapper"),children:(0,B.jsx)(S.Z,G({cta:O},Z))}),D.map((function(e){var t,n,a=e.get("entryName"),o=e.get("media");return(0,B.jsxs)("div",{className:X,style:{aspectRatio:"".concat((null===h||void 0===h||null===(t=h[a])||void 0===t?void 0:t.width)/(null===h||void 0===h||null===(n=h[a])||void 0===n?void 0:n.height))},children:[o&&(0,B.jsx)(z.Z,{media:o,contentfulImage:!0,layout:"fill",onLoad:function(e){return function(e,t){var n=e.currentTarget,a=n.naturalWidth,o=n.naturalHeight;w((function(e){return G(G({},e),{},(0,r.Z)({},t,{width:a,height:o}))}))}(e,a)},priority:!0,loading:"eager"}),(0,B.jsx)(C.Z,{expandImage:v,zoomInLabel:g,zoomOutLabel:p,handleOnKeyDown:K,handleExpandAndMinimizeImage:q,ariaLabel:v?p:g,onClick:q})]},a)}))]})})}),H),X=K,U=n(86107),J=n(72641);function Q(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Q(Object(n),!0).forEach((function(t){(0,r.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function V(e){var t=e.brandHistoryDetailPageData,n=e.className,r=void 0===n?"brand-history-page-wrapper":n,o=e.viewportInfo,c=e.country,u=e.globalData,l=e.locale,s=e.cmsLabelsGlobal,d=e.secondaryLocales,f=e.defaultLocale,v=(0,i.useRouter)(),m=J.Z.Consumer;return(0,B.jsxs)(B.Fragment,{children:[function(){var e=t&&t.get("seoCard"),n=((null===e||void 0===e?void 0:e.toJS())||{}).includeNoIndexMetaTag,r=(0,j.Kc)(e,v);if(r){var o=(0,a.Z)(r,2),i=o[0],s=o[1],m=c?"/".concat(c.toLowerCase()):"",g=(0,j.aj)({locale:l,secondaryLocales:d,defaultLocale:f})||l,p="".concat(null!==k.zDf&&void 0!==k.zDf?k.zDf:"","/").concat(g).concat(m).concat((0,j.TY)(v.asPath)),b=(0,j.L5)({localizedSlugs:null,localizedKeys:null,currentPath:v.asPath,globalData:u}),h=W(W({},i),{},{canonical:p,alternate:b});return(0,B.jsx)(P.Z,W(W({},h),{},{schemas:s.schemaInfo,includeNoIndexMetaTag:n}))}return null}(),(0,B.jsx)(U.Z,{hasCountryNotification:!1,showHeader:!0,showFooter:!0,children:(0,B.jsx)(m,{children:function(e){var n=(0,j.Kb)(e);return(0,B.jsx)(X,{defaultLocale:f,secondaryLocales:d,brandHistoryDetailPageData:t,className:r,viewportInfo:o,country:c,globalData:u,locale:l,cmsLabelsGlobal:s,bannerTotalHeight:n})}})})]})}V.displayName="BrandHistoryDetailPage";var $=(0,c.Z)(V),ee=(0,O.Z)((0,i.withRouter)($),{mapStateToProps:function(e){return{brandHistoryDetailPageData:e.getIn(["BrandHistoryDetailPage","brandHistoryDetailPageData"]),locale:e.getIn(["global","globalData","userlanguage"]),country:e.getIn(["global","globalData","country"]),globalData:e.getIn(["global","globalData"]),cmsLabelsGlobal:e.getIn(["global","cmsData","Global"]),compareLabels:e.getIn(["global","cmsData","Comparison"]),viewportInfo:e.getIn(["global","globalData","viewportInfo"]),defaultLocale:e.getIn(["global","globalData","siteSettings","defaultLocale"]),secondaryLocales:e.getIn(["global","globalData","siteSettings","secondaryLocales"])}},key:"BrandHistoryDetailPage",reducer:D,saga:L,initialActions:b,useQuery:!0,criticalState:[["BrandHistoryDetailPage","brandHistoryDetailPageData"]]})},36656:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[language]/[country]/brand-history/[slug]",function(){return n(16761)}])}},function(e){e.O(0,[9774,2888,179],(function(){return t=36656,e(e.s=t);var t}));var t=e.O();_N_E=t}]);