https://www.bang-olufsen.com/_next/static/chunks/3669.bd2c19f6d6e73571.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3669,9826,484,7534],{47534:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return E}});var o=i(90849),n=i(27378),r=i(35301),a=i(6234),l=i(34869),s=i(41408),c=i(83030),d=i(49366),u=(0,s.iv)(["&.carousels-storyHub-page{margin-bottom:96px;@media ","{margin-bottom:56px;}.tag-title-anchor{display:flex;width:fit-content;.tag-title{position:relative;display:flex;text-transform:uppercase;color:",";padding:32px 0;@media ","{.title-arrow{margin-left:16px;display:flex;::after{content:' ';border-right:2px solid ",";border-top:2px solid ",";width:10px;height:10px;cursor:pointer;opacity:1;position:relative;top:50%;left:0;transform:translate(-50%,-50%) rotate(45deg);}}}@media ","{width:600px;&:hover{.title-arrow{margin-left:40px;display:flex;::after{content:' ';border-right:2px solid ",";border-top:2px solid ",";width:10px;height:10px;cursor:pointer;opacity:1;position:relative;top:50%;left:0;transform:translate(-50%,-50%) rotate(45deg);}}}}}}.carousel-container{width:100%;margin:0;text-align:center;position:relative;.carousel-slides-wrapper{display:flex;overflow-x:auto;width:100%;&::-webkit-scrollbar{display:none;}}.slide-in-carousel{background-color:",";width:200px;height:100px;border:1px solid black;}.story__link{display:block;&:focus{","}&:focus:not(.focus-visible){","}}.carousel-story-list-item{@media ","{height:100%;width:210px;margin-right:15px;}.title-and-description{padding-right:20px;p{white-space:initial;}.story_title{text-transform:uppercase;margin-bottom:4px;margin-top:24px;text-align:left;}.story_description{margin-top:0;text-align:left;color:",";}}.video-btn-wrapper{position:relative;@media ","{padding-right:0;}}.pause-button-wrapper{position:absolute;width:32px;height:32px;right:16px;bottom:16px;background-color:",";z-index:",";border-radius:50%;}.-playPauseA11yButton{z-index:",";position:absolute;bottom:50%;right:50%;display:block;width:32px;height:32px;cursor:pointer;background-color:transparent;transform:translate(50%,50%);border-radius:50%;&.-pause{background-image:url('/static-assets/images/common/video-pause-button.svg');background-position:center;background-repeat:no-repeat;}&.-play{background-image:url('/static-assets/images/common/video-play-button.svg');background-position:center;background-repeat:no-repeat;}.vjs-control-text{font-size:",";display:none;}}.video-wrapper{aspect-ratio:1 / 1;.m-videoPlayer{&.-responsive{margin-top:initial;height:100%;}}width:100%;height:100%;.vjs-big-play-button{display:none;}@media ","{margin-bottom:0;padding-right:0;}}}.buttons-container{display:none;}&:hover{.buttons-container{display:block;}}}.next-btn-container{position:absolute;right:0;top:0;width:7%;height:100%;z-index:1;cursor:pointer;.next-btn{position:absolute;cursor:pointer;display:flex;right:56px;top:38%;height:60px;width:60px;background:url('/static-assets/images/common/chevron-black-right-white-bg.svg') 50% 50% no-repeat;@media ","{display:none;}:hover{background:url('/static-assets/images/common/chevron-white-right-black-bg.svg') 50% 50% no-repeat;}}}.previous-btn-container{position:absolute;left:0;top:0;width:7%;height:100%;z-index:1;cursor:pointer;.previous-btn{position:absolute;display:flex;top:38%;height:60px;width:60px;background:url('/static-assets/images/common/chevron-black-left-white-bg.svg') 50% 50% no-repeat;left:56px;@media ","{display:none;}:hover{background:url('/static-assets/images/common/chevron-white-left-black-bg.svg') 50% 50% no-repeat;}}}.slick-slider{height:100%;width:100%;margin:0 auto;box-sizing:border-box;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative;display:block;}.slick-track{top:0;left:0;position:relative;display:flex;width:fit-content;}.slick-list{position:relative;overflow:hidden;.slick-slide{margin-right:15px;@media ","{margin-right:24px;}&.slick-center{transform:scale(1.02);}& > div{height:100%;}}}}"],(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.colors.GREY1}),(0,d.Z)(),(0,d.Z)({revert:!0}),(function(e){return e.theme.mediaQuery.xSmallMax}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return"".concat(e.theme.colors.BEO_BLACK,"66")}

1),(function(e){return e.theme.zIndex.zCookiePopup}),(function(e){return e.theme.zIndex.zVideo}),(function(e){return(0,c.hO)(e.theme.fonts.fontSize.body.custom.custom_6)}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.mediaQuery.medium})),p=i(71377),v=i(31357),g=i(5047),m=i(41605),h=i(21318),f=i(71250),b=i(50813),y=i(48500),x=i(2463),j=i(24246);function k(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,o)}return i}function w(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?k(Object(i),!0).forEach((function(t){(0,o.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):k(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var C=(0,a.Z)((function(e){var t=e.className,i=e.data,o=e.locale,a=e.country,l=e.deviceInfo,s=e.viewportInfo,c=e.isCorporatePage,d=e.pageQuery,u=e.cmsLabel,k=null===u||void 0===u?void 0:u.get("playLabel"),C=null===u||void 0===u?void 0:u.get("pauseLabel"),E=null===u||void 0===u?void 0:u.get("nextLabel"),N=null===u||void 0===u?void 0:u.get("previousLabel"),B=(0,n.useRef)(null),L=(0,n.useRef)(null),O=(0,n.useRef)(null),S=(0,n.useRef)(null),I=null===s||void 0===s?void 0:s.getIn(["isSmallerThan","small"]),P=(0,n.useState)(!1),_=P[0],A=P[1],z=(0,n.useState)(!0),q=z[0],M=z[1],Z=(0,n.use

1State)("38%"),T=Z[0],H=Z[1],R=function(){var e,t,i=Math.floor(((null===S||void 0===S||null===(e=S.current)||void 0===e?void 0:e.clientHeight)||(null===O||void 0===O||null===(t=O.current)||void 0===t?void 0:t.clientHeight))/2-21)||179;H(i)};(0,f.$Z)([m.ddy.chevronBlackRightWhiteBg,m.ddy.chevronWhiteRightBlackBg,m.ddy.chevronBlackLeftWhiteBg,m.ddy.chevronWhiteLeftBlackBg]),(0,n.useEffect)((function(){var e,t,o=null===i||void 0===i?void 0:i.getIn(["tags","0","value"]),n=document.getElementById(o).getElementsByClassName("slick-slide");(null===n||void 0===n?void 0:n.length)<4&&M(!1);var r=Math.floor(((null===S||void 0===S||null===(e=S.current)||void 0===e?void 0:e.clientHeight)||(null===O||void 0===O||null===(t=O.current)||void 0===t?void 0:t.clientHeight))/2-21)||179;H(r),window.addEventListener("resize",R)}),[]);var K={className:"center",dots:!1,infinite:!1,speed:500,slidesToShow:3.4,slidesToScroll:3,arrows:!1,draggable:!1,accessibility:!0,afterChange:function(){for(var e,t=null===L||void 0===L||null===(e=L.current)||void 0===e?void 0:e.querySelectorAll(".story__link"),i=0;i<(null===t||void 0===t?void 0:t.length);i++){var o=t[i];null===o||void 0===o||o.setAttribute("tabindex","0")}}(),responsive:[{breakpoint:480,settings:{speed:1e3,cssEase:"ease",swipeToSlide:!0,touchThreshold:10,slidesToShow:1.75,slidesToScroll:1}}]},Q=null===i||void 0===i?void 0:i.get("item"),U=null===i||void 0===i?void 0:i.getIn(["tags","0","key"]),W=null===i||void 0===i?void 0:i.getIn(["tags","0","value"]),D=null===a||void 0===a?void 0:a.toLowerCase(),Y=null===d||void 0===d?void 0:d.get("slug"),F=c?{href:{pathname:"/[language]/[country]/[slug]/[tag]",query:{slug:Y,language:o,country:null===a||void 0===a?void 0:a.toLowerCase(),tag:U}}}:{href:{pathname:"/[language]/[country]/stories/[slug]",query:{slug:U,language:o,country:D}}},V=function(e,t){var i=document.getElementById(t).getElementsByClassName("slick-slide slick-active slick-current"),o=i&&(null===i||void 0===i?void 0:i.length)&&i[0];if(o){var n=null===o||void 0===o?void 0:o.getAttribute("data-index"),r=n&&Number(n)-3;A(r-3>=0)}M(!0),e.current.slickPrev()},G=function(e,t){var i=document.getElementById(t),o=i.getElementsByClassName("slick-slide"),n=null===o||void 0===o?void 0:o.length,r=i.getElementsByClassName("slick-slide slick-active slick-current"),a=r&&(null===r||void 0===r?void 0:r.length)&&r[0];if(a){var l=null===a||void 0===a?void 0:a.getAttribute("data-index"),s=l&&Number(l)+3;M(n-s>3)}A(!0),e.current.slickNext()},$=l&&l.getIn(["featureSupport","touch"]),J=function(){return null===Q||void 0===Q?void 0:Q.map((function(e,t){var i,r,l,s=null===e||void 0===e?void 0:e.get("description"),c=null===e||void 0===e?void 0:e.get("title"),d="carousel-item-".concat(t,"-").concat(null===c||void 0===c||null===(i=c.toLowerCase())||void 0===i||null===(r=i.split(" "))||void 0===r?void 0:r.join("-")),u=null===e||void 0===e?void 0:e.get("subtitle"),p=null===e||void 0===e?void 0:e.get("slug"),f=null===e||void 0===e?void 0:e.getIn(["square","media"]),E=null===e||void 0===e?void 0:e.getIn(["square","mediaType"]),N=null===e||void 0===e?void 0:e.get("square"),B=(0,n.useState)(!1),L=B[0],I=B[1],P=function(e){e.preventDefault(),e.stopPropagation(),l()},_=null===e||void 0===e?void 0:e.getIn(["square","media","autoPlay"]),A=null===e||void 0===e?void 0:e.getIn(["square","media","enableLoop"]),z=null===e||void 0===e?void 0:e.getIn(["tags","0","key"]),q=null===e||void 0===e?void 0:e.get("

1corporateParentPage"),M=q?{href:{pathname:"/[language]/[country]/[slug]/[tag]/[corporateDetailSlug]",query:{slug:q,language:o,country:null===a||void 0===a?void 0:a.toLowerCase(),tag:z,corporateDetailSlug:p}}}:{href:{pathname:"/[language]/[country]/story/[slug]",query:{slug:p,language:o,country:D}}};return(0,j.jsx)(g.Z,w(w({cta:null,className:"story__link"},M),{},{tabIndex:0,onClick:function(e){return function(e,t,i){var o=document.getElementById(t),n=null===e||void 0===e?void 0:e.target;if(o&&n){var r=o.getElementsByClassName("slick-slide slick-active"),a=r&&(null===r||void 0===r?void 0:r.length)&&4===(null===r||void 0===r?void 0:r.length)&&r[r.length-1];if(a&&a.contains(n)){e.preventDefault();var l=o.getElementsByClassName("next-btn");l&&l[0]&&l[0].click()}}var s={eventName:b.otR,subSection:b.eUB,section:b.Hao.STORYHUB,selection:"".concat(b.i1j," : ").concat(null===i||void 0===i?void 0:i.toLowerCase())};(0,h.Cm)(s)}(e,W,u)},children:(0,j.jsxs)("div",{className:"carousel-story-list-item my-slide",id:d,children:["video"===E?(0,j.jsxs)("div",{className:"video-btn-wrapper",children:[(0,j.jsx)("div",{className:"pause-button-wrapper",children:(0,j.jsx)(y.Z,{isPaused:L,onKeyUp:function(e){return(null===e||void 0===e?void 0:e.keyCode)===m.q70&&P(e)},onClick:P,tabIndex:"0",playLabel:null!==k&&void 0!==k?k:m.VOb,pauseLabel:null!==C&&void 0!==C?C:m.eWc})}

1),(0,j.jsx)("div",{className:"video-wrapper",ref:S,children:(0,j.jsx)(x.default,{mediaItem:N,responsive:!0,ratio:[1,1],autoplay:_,loop:A,controls:!1,trackVideo:!1,inheritedClass:"-fadeIn",setPlayPauseOptions:function(e){l=e},setPlayPauseState:function(e){I(e)}})})]}):(0,j.jsx)("div",{ref:O,children:(0,j.jsx)(v.Z,{size:v.Z.SIZES.LARGE,media:f,ratio:[1,1],className:"story_carousel_image"})}),(0,j.jsxs)("div",{className:"title-and-description",children:[(0,j.jsxs)("p",{className:"h6 story_title",children:[u," "]}),(0,j.jsx)("p",{className:"b1 story_description",children:c||s})]})]},d)}))}))};return(0,j.jsx)(p.Z,{disablePadding:!0,children:(0,j.jsxs)("div",{className:"".concat(t," carousels-storyHub-page"),id:W,ref:L,children:[(0,j.jsx)(g.Z,w(w({cta:null},F),{},{className:"tag-title-anchor",tabIndex:0,onClick:function(){return function(){var e={eventName:b.MlY,subSection:b.MlY,section:b.Hao.STORYHUB,selection:"".concat(null===W||void 0===W?void 0:W.toLowerCase())};(0,h.Cm)(e)}()},children:(0,j.jsxs)("p",{className:"h4A tag-title",children:[W,(0,j.jsx)("span",{className:"title-arrow"})]})})),(0,j.jsx)("div",{className:"carousel-story-list",children:(0,j.jsxs)("div",{className:"carousel-container",children:[I&&(0,j.jsx)("div",{className:"carousel-slides-wrapper",children:J()}),!I&&(0,j.jsx)(r.Z,w(w({},K),{},{ref:B,children:J()})),(0,j.jsxs)("div",{className:"buttons-container",children:[_&&!$&&(0,j.jsx)("div",{className:"previous-btn-container",tabIndex:"0",role:"button","aria-label":N,onKeyUp:function(e){return(null===e||void 0===e?void 0:e.keyCode)===m.q70&&V(B,W)},onClick:function(){return V(B,W)},children:(0,j.jsx)("div",{className:"previous-btn",style:{top:"".concat(T,"px")}})}),q&&!$&&(0,j.jsx)("div",{className:"next-btn-container",tabIndex:"0",role:"button","aria-label":E,onKeyUp:function(e){return(null===e||void 0===e?void 0:e.keyCode)===m.q70&&G(B,W)},onClick:function(){return G(B,W)},children:(0,j.jsx)("div",{className:"next-btn",style:{top:"".concat(T,"px")}})})]})]})})]})})})),E=(0,l.Z)(C,u)},48500:function(e,t,i){"use strict";i.d(t,{Z:function(){return a}});var o=i(41605),n=i(51321),r=i(24246),a=function(e){var t=e.isPaused,i=e.onClick,a=e.onKeyUp,l=e.tabIndex,s=e.playLabel,c=e.pauseLabel;return(0,r.jsxs)("button",{className:"-playPauseA11yButton ".concat(t?"-play":"-pause"),type:"button",title:t?n.F.PLAY:n.F.PAUSE,"aria-pressed":!t,"aria-label":t?s||o.VOb:c||o.eWc,onClick:function(e){i&&i(e)},onKeyUp:function(e){a&&a(e)},tabIndex:l,children:[(0,r.jsx)("span",{"aria-hidden":"true",className:"vjs-icon-placeholder"}),(0,r.jsx)("div",{"aria-live":"assertive",role:"alert","aria-atomic":"true",children:(0,r.jsx)("span",{className:"vjs-control-text",children:t?n.F.PLAY:n.F.PAUSE})})]})}},20484:function(e){"undefined"!==typeof e.exports&&(e.exports=function(e){"use strict";var t=navigator.userAgent.indexOf("Edge/")>=0,i=new Image,o="object-fit"in i.style&&!t,n="object-position"in i.style&&!t,r=/(object-fit|object-position)\s*:\s*([-\w\s%]+)/g;function a(e){for(var t=getComputedStyle(e).fontFamily,i=null,o={};null!==(i=r.exec(t));)o[i[1]]=i[2];return o["object-position"]?function(e){~e["object-position"].indexOf("left")?e["object-position-x"]="left":~e["object-position"].indexOf("right")?e["object-position-x"]="right":e["object-position-x"]="center";~e["object-position"].indexOf("top")?e["object-position-y"]="top":~e["object-position"].indexOf("bottom")?e["object-position-y"]="bottom":e["object-position-y"]="center";return e}(o):o}function l(e,t){if("fill"!==t["object-fit"]){var i=e.style,o=window.getComputedStyle(e),n=document.createElement("object-fit");n.appendChild(e.parentNode.replaceChild(n,e));var r={height:"100%",width:"100%",boxSizing:"content-box",display:"inline-block",overflow:"hidden"};for(var a in"backgroundColor backgroundImage borderColor borderStyle borderWidth bottom fontSize lineHeight left opacity margin position right top visibility".replace(/\w+/g,(function(e){r[e]=o[e]})),r)n.style[a]=r[a];i.border=i.margin=i.padding=0,i.display="block",i.opacity=1,e.addEventListener("loadedmetadata",l),window.addEventListener("optimizedResize",l),e.readyState>=1&&(e.removeEventListener("loadedmetadata",l),l())}function l(){var o=e.videoWidth/e.videoHeight,r=n.clientWidth,a=n.clientHeight,l=r/a,s=0,c=0;i.marginLeft=i.marginTop=0,(o<l?"contain"===t["object-fit"]:"cover"===t["object-fit"])?(s=a*o,c=r/o,i.width=Math.round(s)+"px",i.height=a+"px","left"===t["object-position-x"]?i.marginLeft=0:"right"===t["object-position-x"]?i.marginLeft=Math.round(r-s)+"px":i.marginLeft=Math.round((r-s)/2)+"px"):(c=r/o,i.width=r+"px",i.height=Math.round(c)+"px","top"===t["object-position-y"]?i.marginTop=0:"bottom"===t["object-position-y"]?i.marginTop=Math.round(a-c)+"px":i.marginTop=Math.round((a-c)/2)+"px"),e.autoplay&&e.play()}}o&&n||(function(e){var t=-1;e?"length"in e||(e=[e]):e=document.querySelectorAll("video");for(;e[++t];){var i=a(e[t]);(i["object-fit"]||i["object-position"])&&(i["object-fit"]=i["object-fit"]||"fill",l(e[t],i))}}(e),function(e,t,i){i=i||window;var o=!1,n=null;try{n=new CustomEvent(t)}catch(a){(n=document.createEvent("Event")).initEvent(t,!0,!0)}

1var r=function(){o||(o=!0,requestAnimationFrame((function(){i.dispatchEvent(n),o=!1})))};i.addEventListener(e,r)}("resize","optimizedResize"))})}}]);