https://www.bang-olufsen.com/_next/static/chunks/9650-19405173984c2fd9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9650],{24227:function(e,t,n){n.d(t,{Z:function(){return Q}});var i=n(43350),o=n(80040),r=n(59307),a=n(48415),s=n(73667),c=n(3117),u=n(90849),d=n(27378),l=n(86677),p=n.n(l),h=n(60042),m=n.n(h),f=n(63594),g=n.n(f),y=n(41408),v=n(83030),b=n(96667),x=n(20996),P=n(31035),k=n(24681),w=n(70448),O=(0,y.F4)([" "," "],w.Z.fadeInUp),j=(0,y.iv)(["&.a-heroCarouselSlide{position:relative;.-dark{&::after{","}}.-heroCarouselSlide{margin:0 auto;padding:0;position:relative;.a-responsiveImage{opacity:1;}.o-hero__bgVideo{.pause-button-wrapper{position:absolute;width:32px;height:32px;right:16px;bottom:16px;background-color:",";z-index:",";border-radius:50%;@media ","{width:45px;height:45px;}}.-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%;@media ",'{width:45px;height:45px;}&.-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;}}opacity:0;height:100%;}img{height:100%;width:100%;max-width:none;object-fit:cover;object-position:center;}}.-heroText{height:85%;width:100%;padding-left:16px;padding-right:16px;margin-top:30px;word-wrap:break-word;opacity:0;position:absolute;top:0;color:white;font-size:",";@media ","{padding-left:20px;padding-right:20px;}@media ","{padding-left:30px;padding-right:20px;margin-top:40px;}@media ","{margin-top:80px;padding-left:40px;padding-right:20px;}.-storyTitle{display:flex;align-items:center;.-title{margin-bottom:0;}}.-subTitle{margin:10px 0 0;@media ","{padding-left:0;}}.-description{position:absolute;bottom:40px;padding-right:16px;padding-left:0;@media ","{margin-top:10%;bottom:45px;}@media ","{margin-top:6%;}@media ","{padding-left:0;margin-top:20%;bottom:100px;}}}}&.-active{cursor:pointer;.-heroText{opacity:1;transition:opacity 400ms cubic-bezier(0.165,0.84,0.44,1) 0s;animation-delay:500ms;animation:"," "," "," forwards;}}"],(function(e){return b.Z.imageOverlay([{hex:e.theme.colors.BEO_BLACK,opacity:.5}])}),(function(e){return"".concat(e.theme.colors.BEO_BLACK,"66")}),(function(e){return e.theme.zIndex.zCookiePopup}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.zIndex.zVideo}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return(0,v.hO)(e.theme.fonts.fontSize.body.custom.custom_6)}),(function(e){return(0,v.hO)(e.theme.fonts.fontSize.body.small.septenary)}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.large}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.large}),O,k.Z.xslow,P.Z.easeOutQuart),C=y.ZP.div.withConfig({componentId:"wiy5az-0"})(["&.a-heroCarouselSlide{.-heroCarouselSlide{.a-responsiveImage{transition:opacity 0s ease 0.6s;opacity:1;}.o-hero__bgVideo{transition:opacity 0s ease 0s;opacity:",";height:100%;}}}"],(function(e){return e.hasTextRendered?"1":"0"})),Z=(0,y.ZP)(x.Z).withConfig({componentId:"wiy5az-1"})(["&.a-svgIcon{fill:",";width:30px;height:30px;margin-right:10px;&.-microphone{stroke:",";stroke-width:2px;}}"],(function(e){return e.textColor}),(function(e){return e.textColor})),S=n(34869),I=n(71250),T=n(48500),B=n(31357),V=n(79341),E=n(5337),N=n(41605),z=n(50813),R=n(21318),L=n(2463),A=n(24246);function U(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?U(Object(n),!0).forEach((function(t){(0,u.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):U(Object(n)).forEac

1h((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function D(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,i=(0,c.Z)(e);if(t){var o=(0,c.Z)(this).constructor;n=Reflect.construct(i,arguments,o)}else n=i.apply(this,arguments);return(0,s.Z)(this,n)}}var K=function(e){(0,a.Z)(n,e);var t=D(n);function n(e){var o;return(0,i.Z)(this,n),o=t.call(this,e),(0,u.Z)((0,r.Z)(o),"onPlayPauseClick",null),(0,u.Z)((0,r.Z)(o),"onDivClick",(function(e,t,n){var i=o.props,r=i.activeSlide,a=i.slideIndex,s=i.locale,c=i.pageType,u=i.country,d=e&&e.get("url"),l={language:s,country:u},h=(0,I.LK)({pathname:d,query:l}),m={eventName:z.cjk,section:z.T6s,subSection:"".concat(r,":").concat(c),selection:t?"".concat(t,":").concat(n):n};if((0,R.Cm)(m),r===a){var f=u?"/".concat(u.toLowerCase()):"";p().push(h,"/".concat(s).concat(f).concat(d))}else o.props.redirectToSlide()})),(0,u.Z)((0,r.Z)(o),"onPlayPauseBtnClick",(function(e){e.stopPropagation(),o.trackAnalytics(),o.onPlayPauseClick()})),(0,u.Z)((0,r.Z)(o),"trackAnalytics",(function(){var e=o.props.slide.get("backgroundVideo"),t=e&&e.getIn(["media","altText"]),n=e&&e.getIn(["media","titleText"]),i=t||n,r=o.state.displayPlayButton?z.F$d.PLAY:z.F$d.PAUSE,a={eventName:z.XPM,section:z.pXW,subSection:r,selection:"".concat(z.yqP,":").concat(i)};(0,R.Cm)(a)})),(0,u.Z)((0,r.Z)(o),"setPlayPauseOptions",(function(e){o.onPlayPauseClick=e})),(0,u.Z)((0,r.Z)(o),"renderPosterImage",(function(e,t){return(0,A.jsx)(B.Z,{src:e.posterImageAssetUrl,ratio:t})})),(0,u.Z)((0,r.Z)(o),"renderImage",(function(e,t){var n={media:e.get("media"),ratio:t};return(0,A.jsx)(B.Z,_({},n))})),(0,u.Z)((0,r.Z)(o),"setPlayPauseState",(function(e){o.setState({displayPlayButton:e})})),(0,u.Z)((0,r.Z)(o),"onKeyUp",(function(e,t,n,i){e.stopPropagation(),e.which!==N.q70&&e.which!==N.Fx2||o.onDivClick(t,n,i)})),(0,u.Z)((0,r.Z)(o),"checkViewPort",(function(){setTimeout((function(){o.setState({isMobileView:window.matchMedia("(max-width: ".concat(E.m$-1,"px)")).matches})}))})),(0,u.Z)((0,r.Z)(o),"onPlayPauseKeyUp",(function(e){e.which!==N.q70&&e.which!==N.Fx2||e.stopPropagation()})),(0,u.Z)((0,r.Z)(o),"renderBackgroundVideo",(function(e){var t=_({mediaItem:e,trackVideo:!1},{cover:!0,controls:!1,autoplay:o.state.hasTextRendered,muted:!0,loop:!0}),n=e.getIn(["media","defaultAssetUrl"]);return(0,A.jsxs)("div",{className:"o-hero__bgVideo",children:[o.props.activeSlide===o.props.slideIndex&&(0,A.jsx)("div",{className:"pause-button-wrapper",children:(0,A.jsx)(T.Z,{isPaused:o.state.displayPlayButton,onClick:o.onPlayPauseBtnClick,onKeyUp:o.onPlayPauseKeyUp})}),o.state.hasTextRendered&&(0,A.jsx)(L.default,_(_({},t),{},{setPlayPauseOptions:o.setPlayPauseOptions,setPlayPauseState:o.setPlayPauseState}),n)]})})),o.state={showPlayer:!1,isMobileView:!1,hasTextRendered:!1,displayPlayButton:!0},o}return(0,o.Z)(n,[{key:"componentDidMount",value:function(){var e=this;g()(),this.checkViewPort(),window.addEventListener("orientationchange",(function(){e.checkViewPort()})),this.props.activeSlide===this.props.slideIndex&&setTimeout((function(){e.setState({hasTextRendered:!0})}),1e3)}},{key:"componentDidUpdate",value:function(e){var t=this;e.activeSlide!==this.props.activeSlide&&this.props.activeSlide===this.props.slideIndex?setTimeout((function(){t.setState({hasTextRendered:!0})}),1e3):e.activeSlide!==this.props.activeSlide&&this.setState({hasTextRendered:!1})}},{key:"render",value:function(){var e=this,t=this.props,n=t.className,i=t.inheritedClass,o=t.slide,r=t.slnId,a=t.activeSlide,s=t.slideIndex,c=this.state,u=c.showPlayer,d=c.isMobileView,l=c.hasTextRendered,p=d?[4,6]:[9,4],h=o.get("backgroundVideo"),f=o.get("backgroundImage"),g=o.get("colorTheme"),y=o.get("textColor"),v="dark"===g?"-dark":"-light",b=o.getIn(["item","0"]),x=b.get("callToAction"),P=x&&x.get("pageType"),k=b.get("title"),w=b.get("subtitle"),O=b.get("description"),j=b.get("descriptionRichText"),S=h&&h.get("media"),T=h&&h.get("mediaType"),B=T&&("video"===T||"externalVideo"===T),E=B&&(0,I.Yl)(S),N={color:y},z="";P&&"ImmersiveStory"===P&&(z="audio");var R=m()(n,i||"","a-heroCarouselSlide",{"-playing":u,"-active":a===s});return(0,A.jsxs)(C,{className:"".concat(R),onKeyUp:function(t){return e.onKeyUp(t,x,k,w)},hasTextRendered:l,tabIndex:a===s?"0":"-1",onClick:function(){return e.onDivClick(x,k,w)},children:[(0,A.jsxs)("div",{className:"-heroCarouselSlide col-xs-12 ".concat(v),"data-sln-id":r,children:[f&&this.renderImage(f,p),h&&(0,A.jsxs)(A.Fragment,{children:[B&&this.renderPosterImage(E,p),this.renderBackgroun

1dVideo(h)]})]}),(0,A.jsxs)("div",{className:"-heroText",children:[(0,A.jsxs)("div",{className:"-storyTitle",children:[z&&(0,A.jsx)(Z,{icon:z,textColor:y}),k&&(0,A.jsx)("p",{className:"-title b2",style:N,children:k})]}),w&&(0,A.jsx)("p",{className:"-subTitle col-sm-7 col-lg-6 h1",style:N,children:w}),O&&(0,A.jsx)("p",{className:"-description col-sm-7 col-lg-6 b1",style:N,children:O}),j&&(0,A.jsx)(V.Z,{data:j,className:"-description col-sm-7 col-lg-6 b1"})]})]})}}]),n}(d.PureComponent);K.displayName="HeroCarouselSlide";var Q=(0,S.Z)(K,j)},6819:function(e,t,n){n.d(t,{Z:function(){return y}});var i=n(90849),o=n(60042),r=n.n(o),a=n(27378),s=n(2463),c=n(48500),u=n(6234),d=n(34869),l=(0,n(41408).iv)(["&.a-richMediaVideo{position:relative;width:100%;height:100%;&.setRatio{aspect-ratio:1/1;}.pause-button-wrapper{position:absolute;width:32px;height:32px;right:16px;bottom:16px;background-color:",";z-index:",";border-radius:50%;@media ","{width:45px;height:45px;}&.show-btn{visibility:visible;}&.hide-btn{visibility:hidden;}&.-isSmallBtn{width:32px;height:32px;.-playPauseA11yButton{width:32px;height:32px;}}}&.has-sticky-play-pause{.m-videoPlayer{position:absolute;inset:0;}.pause-button-track{position:sticky;top:0;height:100vh;width:100%;pointer-events:none;z-index:",";.pause-button-wrapper{pointer-events:auto;}}}&.isCarouselVideo{.pause-button-wrapper{@media ","{bottom:36px;}@media ","{bottom:8.5%;}}}.-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%;@media ","{width:45px;height:45px;}&.-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{visibility:hidden;}}}"],(function(e){return"".concat(e.theme.colors.BEO_BLACK,"66")}),(function(e){return e.theme.zIndex.zCookiePopup}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.zIndex.zCookiePopup}),(function(e){return e.theme.mediaQuery.small}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.zIndex.zVideo}),(function(e){return e.theme.mediaQuery.medium})),p=n(41605),h=n(24246);function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var g=(0,u.Z)((function(e){var t,n=e.backgroundVideo,i=e.className,o=e.isRichMediaVideoOnCategoryPageProductCardCarousel,u=e.ratio,d=e.storyAutoPlayed,l=e.parentRef,m=e.isSmallBtn,g=e.isCarouselVideo,y=e.videoInlineStyles,v=e.alwaysShowPlayPauseButton,b=e.enableStickyPlayPauseButton,x=void 0!==b&&b,P=e.enableFullScreenOnClick,k=void 0!==P&&P,w=(0,a.useState)(!1),O=w[0],j=w[1],C=(0,a.useState)(!1),Z=C[0],S=C[1],I=(0,a.useRef)(null),T=function(e){e.stopPropagation(),o&&e.preventDefault(),t()},B=function(e){var t=null===I||void 0===I?void 0:I.current,n=null===t||void 0===t?void 0:t.getElementsByClassName("pause-button-wrapper"),i=n&&(null===n||void 0===n?void 0:n.length)&&n[0];i&&!t.contains(e.relatedTarget)&&(i.classList.remove("show-btn"),i.classList.add("hide-btn"))};(0,a.useEffect)((function(){var e=null===I||void 0===I?void 0:I.current;return e.addEventListener("focusout",B),function(){e.removeEventListener("focusout",B)}}),[]);var V=function(){var e=null===I||void 0===I?void 0:I.current,t=null===e||void 0===e?void 0:e.getElementsByClassName("pause-button-wrapper"),n=t&&(null===t||void 0===t?void 0:t.length)&&t[0];n&&(n.classList.remove("hide-btn"),n.classList.add("show-btn"))};(0,a.useEffect)((function(){var e=null===l||void 0===l?void 0:l.current;return e&&(e.addEventListener("mouseover",V),e.addEventListener("mouseout",B)),function(){e&&(e.addEventListener("mouseover",V),e.addEventListener("mouseout",B))}}),[]);var E=null===n||void 0===n?void 0:n.getIn(["media","defaultAssetUrl"]),N=d||(null===n||void 0===n?void 0:n.getIn(["media","autoPlay"])),z=null===n||void 0===n?void 0:n.getIn(["media","enableLoop"]),R=d||(null===n||void 0===n?void 0:n.getIn(["media","autoPlay"])),L={mediaItem:n,trackVideo:!1,controls:!R},A=Z||v?"show-btn":"hide-btn",U=r()(i,"a-richMediaVideo",{setRatio:u,isCarouselVideo:g,"has-sticky-play-pause":x&&R}),_=g?-1:0;return(0,h.jsxs)("div",{className:U,ref:I,onMouseOver:function(e){e.stopPropagation(),Z||S(!0)},onMouseLeave:function(e){e.stopPropagation(),Z&&S(!1)},tabIndex:_,onFocus:function(e){return V()},role:"group","aria-label":"Rich Media Video",children:[R&&function(){var e=(0,h.jsx)("div",{className:"pause-button-wrapper ".concat(A," ").concat(m?"-isSmallBtn":""),tabIndex:_,role:"button",onClick:T,onKeyUp:function(e){return(null===e||void 0===e?void 0:e.keyCode)===

1p.q70&&T(e)},"aria-pressed":!O,"aria-label":O?p.VOb:p.eWc,children:(0,h.jsx)(c.Z,{isPaused:O,tabIndex:"-1"})});return x?(0,h.jsx)("div",{className:"pause-button-track",children:e}):e}(),(0,h.jsx)(s.default,f(f({className:"-staggerIn -stagger0",autoplay:N,loop:z,setPlayPauseOptions:function(e){t=e},setPlayPauseState:function(e){j(e)},isRichMediaVideoOnCategoryPageProductCardCarousel:o,videoInlineStyles:y},L),{},{enableFullScreenOnClick:k}),E)]})})),y=(0,d.Z)(g,l)},84596:function(e,t,n){n.d(t,{Z:function(){return i.Z}});var i=n(6819)},48500:function(e,t,n){n.d(t,{Z:function(){return a}});var i=n(41605),o=n(51321),r=n(24246),a=function(e){var t=e.isPaused,n=e.onClick,a=e.onKeyUp,s=e.tabIndex,c=e.playLabel,u=e.pauseLabel;return(0,r.jsxs)("button",{className:"-playPauseA11yButton ".concat(t?"-play":"-pause"),type:"button",title:t?o.F.PLAY:o.F.PAUSE,"aria-pressed":!t,"aria-label":t?c||i.VOb:u||i.eWc,onClick:function(e){n&&n(e)},onKeyUp:function(e){a&&a(e)},tabIndex:s,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?o.F.PLAY:o.F.PAUSE})})]})}},44592:function(e,t,n){n.d(t,{$W:function(){return s},Is:function(){return p},Tz:function(){return u},U:function(){return r},X1:function(){return a},ZC:function(){return o},_8:function(){return c},_h:function(){return l},vS:function(){return d}});var i={BOTH:"both",BUY:"buy",EXPERIENCEINSTORE:"experienceinstore"};Object.freeze(i),t.ZP=i;var o="variants",r="variantKey",a="serviceOffer",s="productOffer",c=66,u=46,d="preorder",l="backorder",p=1}}]);