https://www.bang-olufsen.com/_next/static/chunks/8267-b60d8c718320454d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8267],{18267:function(e,t,i){i.r(t),i.d(t,{default:function(){return F}});var n=i(43350),r=i(80040),o=i(59307),l=i(48415),a=i(73667),s=i(3117),c=i(90849),d=i(27378),u=i(60042),v=i.n(u),p=i(73546),f=i(41408),h=(0,f.iv)(["&.o-productReviews{> div{position:relative;}.a-container{padding-top:200px;padding-bottom:160px;@media ","{padding-top:200px;padding-bottom:200px;}}.a-loadMoreButton{transform:translateZ(0);}.title{margin-bottom:44px;}}"],(function(e){return e.theme.mediaQuery.medium})),m=i(34869),g=i(71377),b=i(44285),x=i(35301),y=i(49366),w=(0,f.iv)(["&.reviewCarousel{padding:20px 0;position:relative;display:block;@media ","{padding:0;}.reviewSlides{position:relative;display:block;&.slick-slider{box-sizing:border-box;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0);}.slick-list{position:relative;display:block;min-height:200px;overflow:hidden;}.slick-track{top:0;left:0;position:relative;display:flex;}.slick-slide{float:left;height:inherit;min-height:1px;display:flex;@media ","{height:inherit;& > div{height:100%;}}}.m-carousel__pagination{height:40px;padding:0;text-align:center;font-size:unset;max-width:180px;display:flex !important;overflow:hidden;scrollbar-width:none;scroll-behavior:smooth;transition:all 300ms ease-out;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:auto;transform:translateX(0);margin-top:48px;align-items:center;li{vertical-align:middle;width:4px;height:4px;min-width:36px;min-height:20px;margin:0;align-items:center;justify-content:center;display:flex;padding:unset;

1button{cursor:pointer;width:4px;height:4px;border-radius:50%;text-indent:-9999px;position:relative;background-color:",";padding:0;&:focus{","}&:focus:not(.focus-visible){","}&:hover,&:active{outline:none;border-radius:50%;}&::before{display:none;}}&.slick-active{button{height:8px;width:8px;background-color:",";border-radius:50%;&::before{display:none;}}}}.m-carousel__pagination::-webkit-scrollbar{display:none;}}.reviewSlideContainer{height:100%;display:flex;&:focus{outline:none;}.reviewComment{margin-bottom:28px;@media ",'{margin-bottom:40px;}}.cardFooter{display:flex;flex-direction:column;justify-content:space-between;.userRatings{display:flex;svg{height:24px;width:24px;}}.review-size{margin-top:40px;margin-bottom:0;text-align:right;}}.expertName{text-decoration:underline;margin-bottom:24px;::after{content:\'\';position:absolute;background:url("/static-assets/images/common/external-link.svg") 50% 50% no-repeat;height:32px;width:32px;top:-4px;margin-left:8px;}}.reviewSlideWrapper{height:100%;&.eqWrap{display:flex;margin-right:32px;}.reviewCard{width:100%;display:flex;flex-direction:column;justify-content:space-between;}}.mobileSlideWrapper{justify-content:space-between;display:flex;height:100%;.mobileCard{display:flex;flex-direction:column;padding:20px;justify-content:space-between;flex-grow:1;}}}}.next-btn{position:absolute;cursor:pointer;right:0;top:25%;height:60px;width:60px;background:url("/static-assets/images/common/chevron-black-right-white-bg.svg") 50% 50% no-repeat;:hover{background:url("/static-assets/images/common/chevron-white-right-black-bg.svg") 50% 50% no-repeat;}@media ',"{display:none;}@media ",'{display:flex;}}.previous-btn{position:absolute;cursor:pointer;left:0;top:25%;height:60px;width:60px;background:url("/static-assets/images/common/chevron-black-left-white-bg.svg") 50% 50% no-repeat;:hover{background:url("/static-assets/images/common/chevron-white-left-black-bg.svg") 50% 50% no-repeat;}@media ',"{display:none;}@media ","{display:flex;}}}.small-font{button{width:2px !important;height:2px !important;}}"],(function(e){return e.theme.mediaQuery.xSmallMax}),(function(e){return e.theme.mediaQuery.xSmallMax}),(function(e){return e.theme.colors.GREY4}),(0,y.Z)(),(0,y.Z)({revert:!0}),(function(e){return e.theme.colors.BEO_BLACK}),(function(e){return e.theme.mediaQuery.xSmallMax}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.mediaQuery.medium}),(function(e){return e.theme.mediaQuery.smallMax}),(function(e){return e.theme.mediaQuery.medium})),k=i(20996),S=i(21318),Z=i(6234),C=i(71250),R=i(41605),j=i(5047),L=i(48323),N=i(24246);function A(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function O(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?A(Object(i),!0).forEach((function(t){(0,c.Z)(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):A(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function W(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 i,n=(0,s.Z)(e);if(t){var r=(0,s.Z)(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return(0,a.Z)(this,i)}}var B=function(e){(0,l.Z)(i,e);var t=W(i);function i(e){var r;return(0,n.Z)(this,i),r=t.call(this,e),(0,c.Z)((0,o.Z)(r),"onSliderResize",(function(){setTimeout(r.getSliderHeight,1e3)})),(0,c.Z)((0,o.Z)(r),"getSliderHeight",(function(){var e=r.sliderWrapperRef.current,t=e&&e.querySelector(".slick-track"),i=t&&t.childNodes,n=[];if(i){for(var o in i)Object.prototype.hasOwnProperty.call(i,o)&&n.push(i[o]);var l=Math.max.apply(Math,(0,b.Z)(n.map((function(e){return e.getBoundingClientRect().height}))));l&&(e.querySelector(".slick-list").style.minHeight="".concat(l,"px"))}})),(0,c.Z)((0,o.Z)(r),"handleClick",(function(e,t,i,n,r){var o={selection:t,event:e};(0,S.Cm)(o),(0,C.p_)({url:n,to:i,target:r})})),(0,c.Z)((0,o.Z)(r),"getUserRating",(function(e){var t=[],i=0;for(i=Math.round(2*e)/2;i>=1;i--)t.push((0,N.jsx)(k.Z,{icon:"reviewStarFilled"},"filled-".concat(i)));return.5===i&&t.push((0,N.jsx)(k.Z,{icon:"reviewStarHalfFilled"},"half-filled")),t})),(0,c.Z)((0,o.Z)(r),"getAriaLabel",(function(e){var t=r.props.openInNewTabLabel;return"_blank"===e?"(".concat(t,")"):null})),(0,c.Z)((0,o.Z)(r),"getDesktopSlides",(function(){var e=r.props,t=e.reviews,i=e.country,n=e.locale,o=null===i||void 0===i?void 0:i.toLowerCase();return t.map((function(e,t){var i=null===e||void 0===e?void 0:e.get("reviewComment"),l=null===e||void 0===e?void 0:e.get("expertName"),a=null===e||void 0===e?void 0:e.get("ratingProviderUrl"),s=null===e||void 0===e?void 0:e.get("UserRatings"),c=a&&a.get("linkText"),d=a&&a.get("url"),u=(0,L.Sv)(d)?d:"/".concat(n,"/").concat(o).concat(d),v=a&&a.get("target"),p=a&&a.get("ariaLabel"),f=!!(s&&s>0&&s<=5);return(0,N.jsx)("div",{className:"reviewSlideContainer",children:(0,N.jsx)("div",{className:"reviewSlideWrapper eqWrap",children:(0,N.jsx)("div",{className:"reviewSlideWrapper eqWrap",children:(0,N.jsxs)("div",{className:"reviewCard eq",children:[l&&(0,N.jsx)(j.Z,{cta:a,className:"expertLinkText",href:u,"aria-label":"".concat(c," ").concat(r.getAriaLabel(v)),target:v,forceClick:!0,ariaLabel:p,handleLinkClick:function(e){return r.handleClick(e,c,u,u,v)},children:(0,N.jsx)("div",{className:"h4A expertName",children:l})}),(0,N.jsx)("div",{className:"b1 reviewComment",children:i}),(0,N.jsx)("div",{className:"cardFooter",children:f&&(0,N.jsx)("div",{className:"userRatings",children:r.getUserRating(s,5)})})]},l)})})},"multiple-".concat(t))}))})),(0,c.Z)((0,o.Z)(r),"updateAriaHiddenForAnchor",(function(e){var t=null===e||void 0===e?void 0:e.querySelectorAll(".slick-slide");t&&t.forEach((function(e){var t=null===e||void 0===e?void 0:e.querySelector(".expertLinkText");t&&(t.setAttribute("aria-hidden",null===e||void 0===e?void 0:e.ariaHidden),t.setAttribute("tabindex","true"===(null===e||void 0===e?void 0:e.ariaHidden)?-1:0))}))})),(0,c.Z)((0,o.Z)(r),"applySmallFontClass",(function(e,t){var i,n,r,o,l,a;null===e||void 0===e||e.forEach((function(e){var t;return null===e||void 0===e||null===(t=e.classList)||void 0===t?void 0:t.remove("small-font")}));var s=(null===e||void 0===e?void 0:e.length)-1;if(e)switch(null===e||void 0===e||e.forEach((function(e){var t;return null===e||void 0===e||null===(t=e.classList)||void 0===t?void 0:t.remove("small-font")})),!0){case t<=2:null===(i=e[4])||void 0===i||i.classList.add("small-font");break;case 3===t:null===(n=e[0])||void 0===n||n.classList.add("small-font");break;case t>3&&t===s-1:null===(r=e[t-3])||void 0===r||r.classList.add("small-font");break;case t>3&&t===s:null===(o=e[t-4])||void 0===o||o.classList.add("small-font");break;case t>3:null===(l=e[t+1])||void 0===l||l.classList.add("small-font"),null===(a=e[t-3])||void 0===a||a.classList.add("small-font")}}

1)),(0,c.Z)((0,o.Z)(r),"focusOnNewSLide",(function(){var e=r.state,t=e.prev,i=e.next,n=r.sliderWrapperRef&&r.sliderWrapperRef.current;r.updateAriaHiddenForAnchor(n);var o=n&&n.querySelectorAll(".slick-current")[0],l=o&&o.querySelectorAll(".reviewCard");if(l){var a=t?l[0]:i?l[l.length-1]:null;a&&a.setAttribute("tabindex","-1"),a&&a.focus()}})),(0,c.Z)((0,o.Z)(r),"nextBtnClickAction",(function(e){e.current.slickNext()})),(0,c.Z)((0,o.Z)(r),"prevBtnClickAction",(function(e){e.current.slickPrev()})),(0,c.Z)((0,o.Z)(r),"newReviewCarousel",(function(e){var t=e;return t&&(t.initialSlide=r.state.activeSlide||r.props.initialSlide||0,t.beforeChange=function(e,t){r.animationFn(t)},t.afterChange=r.focusOnNewSLide()),t})),r.sliderWrapperRef=d.createRef(),r.arrowsContainerRef=d.createRef(),r.state={prev:!1,next:!1,activeSlide:0},r}return(0,r.Z)(i,[{key:"componentDidMount",value:function(){var e,t=this;(0,C.Ei)([R.ddy.externalLink,R.ddy.chevronBlackRightWhiteBg,R.ddy.chevronWhiteRightBlackBg,R.ddy.chevronBlackLeftWhiteBg,R.ddy.chevronWhiteLeftBlackBg]),this.getSliderHeight(),window.addEventListener("resize",this.onSliderResize,!1);var i=this.sliderWrapperRef&&this.sliderWrapperRef.current;this.updateAriaHiddenForAnchor(i);var n=null===i||void 0===i?void 0:i.querySelectorAll(".slick-arrow.slick-prev")[0],r=null===i||void 0===i?void 0:i.querySelectorAll(".slick-arrow.slick-next")[0];r&&r.addEventListener("click",(function(){t.setState({prev:!1,next:!0})})),n&&n.addEventListener("click",(function(){t.setState({prev:!0,next:!1})}));var o=null===(e=this.sliderWrapperRef)||void 0===e?void 0:e.current,l=null===o||void 0===o?void 0:o.querySelector(".slick-slider"),a=null===l||void 0===l?void 0:l.querySelector(".m-carousel__pagination");if(a){var s,c=null===a||void 0===a?void 0:a.querySelectorAll("li");if((null===c||void 0===c?void 0:c.length)>5)null===this||void 0===this||this.animationFn(null===this||void 0===this||null===(s=this.state)||void 0===s?void 0:s.activeSlide);else a.style.justifyContent="center"}}},{key:"componentDidUpdate",value:function(){this.getSliderHeight();var e=this.sliderWrapperRef&&this.sliderWrapperRef.current;this.updateAriaHiddenForAnchor(e)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.onSliderResize)}},{key:"animationFn",value:function(e){var t,i=this,n=null===(t=this.sliderWrapperRef)||void 0===t?void 0:t.current,r=null===n||void 0===n?void 0:n.querySelector(".slick-slider"),o=null===r||void 0===r?void 0:r.querySelector(".m-carousel__pagination"),l=null===o||void 0===o?void 0:o.querySelectorAll("li"),a=l&&l[e];if(a){var s=(null===a||void 0===a?void 0:a.offsetLeft)-((null===o||void 0===o?void 0:o.offsetWidth)/2-(null===a||void 0===a?void 0:a.offsetWidth)/2)-36;null===o||void 0===o||o.scrollTo({left:s,behavior:"smooth"})}(null===l||void 0===l?void 0:l.length)>5&&l&&setTimeout((function(){i.applySmallFontClass(l,e)}),1)}},{key:"render",value:function(){var e=this,t=this.props,i=t.reviews,n=t.className,r=t.viewportInfo,o=t.cmsLabelsGlobal,l=null===o||void 0===o?void 0:o.get("previousButton"),a=null===o||void 0===o?void 0:o.get("nextButton"),s={dots:!0,infinite:(null===i||void 0===i?void 0:i.size)>1,speed:700,slidesToShow:1,arrows:!1,slidesToScroll:1,className:"reviewSlides",dotsClass:"m-carousel__pagination",responsive:[{breakpoint:1023,settings:{infinite:!0,speed:1e3,slidesToShow:1,arrows:!1,slidesToScroll:1,className:"reviewSlides",easing:"easeInOutQuart"}}]},c=this.newReviewCarousel(s),d=O(O({},s),c),u=r&&r.getIn(["isSmallerThan","small"]),p=v()("col-xs-12 col-sm-10 col-sm-offset-1 col-md-7 col-md-offset-2",n),f=null===i||void 0===i?void 0:i.size;return(0,N.jsxs)("div",{className:"".concat(n," ").concat(u?"":"row"," reviewCarousel"),children:[(0,N.jsx)("div",{className:p,ref:this.sliderWrapperRef,children:i&&(0,N.jsx)(x.Z,O(O({},d),{},{ref:this.arrowsContainerRef,children:this.getDesktopSlides()}))}),i&&f>1&&(0,N.jsx)("div",{className:"col-md-3 previous-btn",tabIndex:"0",role:"button","aria-label":"".concat(l),onKeyUp:function(t){return(null===t||void 0===t?void 0:t.keyCode)===R.q70&&e.prevBtnClickAction(e.arrowsContainerRef)},onClick:function(){return e.prevBtnClickAction(e.arrowsContainerRef)}}),i&&f>1&&(0,N.jsx)("div",{className:"col-md-3 next-btn",tabIndex:"0",role:"button","aria-label":"".concat(a),onKeyUp:function(t){return(null===t||void 0===t?void 0:t.keyCode)===R.q70&&e.nextBtnClickAction(e.arrowsContainerRef)},onClick:function(){return e.nextBtnClickAction(e.arrowsContainerRef)}})]})}}]),i}

1(d.PureComponent);B.displayName="ReviewCarousel";var q=(0,Z.Z)(B),D=(0,m.Z)(q,w),I=(0,p.connect)((function(e){return{pageQuery:e.getIn(["global","globalData","pageQuery"]),country:e.getIn(["global","globalData","country"]),locale:e.getIn(["global","globalData","userlanguage"]),viewportInfo:e.getIn(["global","globalData","viewportInfo"]),cmsLabels:e.getIn(["global","cmsData","ProductDetailPage"]),openInNewTabLabel:e.getIn(["global","cmsData","Global","openInNewTabLabel"]),cmsLabelsGlobal:null===e||void 0===e?void 0:e.getIn(["global","cmsData","Global"])}}),null)(D);function P(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 i,n=(0,s.Z)(e);if(t){var r=(0,s.Z)(this).constructor;i=Reflect.construct(n,arguments,r)}else i=n.apply(this,arguments);return(0,a.Z)(this,i)}}var _=function(e){(0,l.Z)(i,e);var t=P(i);function i(){var e;(0,n.Z)(this,i);for(var r=arguments.length,l=new Array(r),a=0;a<r;a++)l[a]=arguments[a];return e=t.call.apply(t,[this].concat(l)),(0,c.Z)((0,o.Z)(e),"transformData",(function(e){return e&&e.get("item")})),e}return(0,r.Z)(i,[{key:"render",value:function(){var e=this.props,t=e.className,i=e.reviews,n=e.slnId,r=e.reviewData,o=e.cmsLabels,l=e.title,a=v()("o-productReviews",t),s=l||o&&o.get("productTechSpecCarouselTitle"),c=i;return r&&!i&&(c=this.transformData(r)),(0,N.jsx)("div",{className:a,"data-sln-id":"".concat(n,"_

1container"),children:(0,N.jsx)(g.Z,{children:(0,N.jsxs)("div",{className:"col-sm-12 col-md-12",children:[(null===s||void 0===s?void 0:s.trim())&&(0,N.jsx)("div",{className:"col-xs-12 col-sm-10 col-sm-offset-1 col-md-7 col-md-offset-2",children:(0,N.jsx)("h3",{className:"h4 title",children:(0,N.jsx)("span",{children:s})})}),(0,N.jsx)(I,{reviews:c})]})})})}}]),i}(d.PureComponent);_.displayName="ProductReviews";var T=(0,Z.Z)(_),E=(0,m.Z)(T,h),F=(0,p.connect)((function(e){return{cmsLabels:e.getIn(["global","cmsData","Global"])}}),null)(E)}}]);