https://www.bang-olufsen.com/_next/static/chunks/7534.bfb17ea90f438d1b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7534],{47534:function(e,t,i){i.r(t),i.d(t,{default:function(){return N}});var o=i(90849),n=i(27378),r=i(35301),l=i(6234),a=i(34869),s=i(41408),d=i(83030),u=i(49366),c=(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,u.Z)(),(0,u.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,d.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),k=i(24246);function w(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 j(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?w(Object(i),!0).forEach((function(t){(0,o.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):w(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var B=(0,l.Z)((function(e){var t=e.className,i=e.data,o=e.locale,l=e.country,a=e.deviceInfo,s=e.viewportInfo,d=e.isCorporatePage,u=e.pageQuery,c=e.cmsLabel,w=null===c||void 0===c?void 0:c.get("playLabel"),B=null===c||void 0===c?void 0:c.get("pauseLabel"),N=null===c||void 0===c?void 0:c.get("nextLabel"),C=null===c||void 0===c?void 0:c.get("previousLabel"),O=(0,n.useRef)(null),E=(0,n.useRef)(null),I=(0,n.useRef)(null),L=(0,n.useRef)(null),S=null===s||void 0===s?void 0:s.getIn(["isSmallerThan","small"]),_=(0,n.useState)(!1),P=_[0],A=_[1],Z=(0,n.use

1State)(!0),q=Z[0],z=Z[1],R=(0,n.useState)("38%"),H=R[0],K=R[1],Q=function(){var e,t,i=Math.floor(((null===L||void 0===L||null===(e=L.current)||void 0===e?void 0:e.clientHeight)||(null===I||void 0===I||null===(t=I.current)||void 0===t?void 0:t.clientHeight))/2-21)||179;K(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&&z(!1);var r=Math.floor(((null===L||void 0===L||null===(e=L.current)||void 0===e?void 0:e.clientHeight)||(null===I||void 0===I||null===(t=I.current)||void 0===t?void 0:t.clientHeight))/2-21)||179;K(r),window.addEventListener("resize",Q)}),[]);var T={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===E||void 0===E||null===(e=E.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}}]},M=null===i||void 0===i?void 0:i.get("item"),D=null===i||void 0===i?void 0:i.getIn(["tags","0","key"]),U=null===i||void 0===i?void 0:i.getIn(["tags","0","value"]),W=null===l||void 0===l?void 0:l.toLowerCase(),Y=null===u||void 0===u?void 0:u.get("slug"),V=d?{href:{pathname:"/[language]/[country]/[slug]/[tag]",query:{slug:Y,language:o,country:null===l||void 0===l?void 0:l.toLowerCase(),tag:D}}}:{href:{pathname:"/[language]/[country]/stories/[slug]",query:{slug:D,language:o,country:W}}},G=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)}z(!0),e.current.slickPrev()},$=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"),l=r&&(null===r||void 0===r?void 0:r.length)&&r[0];if(l){var a=null===l||void 0===l?void 0:l.getAttribute("data-index"),s=a&&Number(a)+3;z(n-s>3)}A(!0),e.current.slickNext()},F=a&&a.getIn(["featureSupport","touch"]),J=function(){return null===M||void 0===M?void 0:M.map((function(e,t){var i,r,a,s=null===e||void 0===e?void 0:e.get("description"),d=null===e||void 0===e?void 0:e.get("title"),u="carousel-item-".concat(t,"-").concat(null===d||void 0===d||null===(i=d.toLowerCase())||void 0===i||null===(r=i.split(" "))||void 0===r?void 0:r.join("-")),c=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"]),N=null===e||void 0===e?void 0:e.getIn(["square","mediaType"]),C=null===e||void 0===e?void 0:e.get("square"),O=(0,n.useState)(!1),E=O[0],S=O[1],_=function(e){e.preventDefault(),e.stopPropagation(),a()},P=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"),z=q?{href:{pathname:"/[language]/[country]/[slug]/[tag]/[corporateDetailSlug]",query:{slug:q,language:o,country:null===l||void 0===l?void 0:l.toLowerCase(),tag:Z,corporateDetailSlug:p}}}:{href:{pathname:"/[language]/[country]/story/[slug]",query:{slug:p,language:o,country:W}}};return(0,k.jsx)(g.Z,j(j({cta:null,className:"story__link"},z),{},{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"),l=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(l&&l.contains(n)){e.preventDefault();var a=o.getElementsByClassName("next-btn");a&&a[0]&&a[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,U,c)},children:(0,k.jsxs)("div",{className:"carousel-story-list-item my-slide",id:u,children:["video"===N?(0,k.jsxs)("div",{className:"video-btn-wrapper",children:[(0,k.jsx)("div",{className:"pause-button-wrapper",children:(0,k.jsx)(y.Z,{isPaused:E,onKeyUp:function(e){return(null===e||void 0===e?void 0:e.keyCode)===m.q70&&_(e)},onClick:_,tabIndex:"0",playLabel:null!==w&&void 0!==w?w:m.VOb,pauseLabel:null!==B&&void 0!==B?B:m.eWc})}),(0,k.jsx)("div",{className:"video-wrapper",ref:L,children:(0,k.jsx)(x.default,{mediaItem:C,responsive:!0,ratio:[1,1],autoplay:P,loop:A,controls:!1,trackVideo:!1,inheritedClass:"-fadeIn",setPlayPauseOptions:function(e){a=e},setPlayPauseState:function(e){S(e)}})})]}):(0,k.jsx)("div",{ref:I,children:(0,k.jsx)(v.Z,{size:v.Z.SIZES.LARGE,media:f,ratio:[1,1],className:"story_carousel_image"})}),(0,k.jsxs)("div",{className:"title-and-description",children:[(0,k.jsxs)("p",{className:"h6 story_title",children:[c," "]}),(0,k.jsx)("p",{className:"b1 story_description",children:d||s})]})]},u)}))}))};return(0,k.jsx)(p.Z,{disablePadding:!0,children:(0,k.jsxs)("div",{className:"".concat(t," carousels-storyHub-page"),id:U,ref:E,children:[(0,k.jsx)(g.Z,j(j({cta:null},V),{},{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===U||void 0===U?void 0:U.toLowerCase())};(0,h.Cm)(e)}()},children:(0,k.jsxs)("p",{className:"h4A tag-title",children:[U,(0,k.jsx)("span",{className:"title-arrow"})]})})),(0,k.jsx)("div",{className:"carousel-story-list",children:(0,k.jsxs)("div",{className:"carousel-container",children:[S&&(0,k.jsx)("div",{className:"carousel-slides-wrapper",children:J()}),!S&&(0,k.jsx)(r.Z,j(j({},T),{},{ref:O,children:J()})),(0,k.jsxs)("div",{className:"buttons-container",children:[P&&!F&&(0,k.jsx)("div",{className:"previous-btn-container",tabIndex:"0",role:"button","aria-label":C,onKeyUp:function(e){return(null===e||void 0===e?void 0:e.keyCode)===m.q70&&G(O,U)},onClick:function(){return G(O,U)},children:(0,k.jsx)("div",{className:"previous-btn",style:{top:"".concat(H,"px")}})}),q&&!F&&(0,k.jsx)("div",{className:"next-btn-container",tabIndex:"0",role:"button","aria-label":N,onKeyUp:function(e){return(null===e||void 0===e?void 0:e.keyCode)===m.q70&&$(O,U)},onClick:function(){return $(O,U)},children:(0,k.jsx)("div",{className:"next-btn",style:{top:"".concat(H,"px")}})})]})]})})]})})})),N=(0,a.Z)(B,c)}}]);