1"use strict";(self.webpackChunkacco_brands_europe=self.webpackChunkacco_brands_europe||[]).push([[4096],{4096:(e,t,n)=>{n.r(t),n.d(t,{default:()=>s});var i=n(6540),r=n(961),o=n(6275);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function l(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,u(i.key),i)}}function u(e){var t=function(e){if("object"!=a(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==a(t)?t:t+""}var s=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.node=t,this.ui={video:t.querySelector("video"),playButton:t.querySelector(".play-button"),overlay:t.querySelector(".video-overlay")},this.dictionary={play:this.node.dataset.playlabel}},(t=[{key:"init",value:function(){this.ui.video&&(this.renderReactPlayButton(),this.setupEventListeners(),this.setupVideoControls())}},{key:"renderReactPlayButton",value:function(){var e=this,t=this.node.querySelector(".abc-contentBanner__videoContainer");t||((t=document.createElement("div")).className=".abc-contentBanner__videoContainer",this.node.appendChild(t)),r.render(i.createElement(o.default,{video:this.ui.video,onPlay:function(){return e.handleVideoPlay()},onPause:function(){return e.handleVideoPause()},playLabel:this.dictionary.play}),t),this.ui.reactPlayButton=t}},{key:"handleVideoPlay",value:function(){this.ui.overlay&&(this.ui.overlay.style.display="none")}},{key:"handleVideoPause",value:function(){this.ui.overlay&&(this.ui.overlay.style.display="block")}},{key:"setupEventListeners",value:function(){var e=this;this.ui.playButton&&this.ui.playButton.addEventListener("click",function(){return e.playVideo()}),this.ui.video&&(this.ui.video.addEventListener("click",function(){return e.togglePlayPause()}),this.ui.video.addEventListener("ended",function(){return e.onVideoEnded()})),this.ui.overlay&&this.ui.overlay.addEventListener("click",function(){return e.playVideo()})}},{key:"setupVideoControls",value:function(){this.ui.video&&(this.ui.video.setAttribute("playsinline",""),this.ui.video.setAttribute("preload","metadata"))}},{key:"playVideo",value:function(){this.ui.video&&(this.ui.video.play(),this.ui.overlay&&(this.ui.overlay.style.display="none"),this.ui.playButton&&(this.ui.playButton.style.display="none"))}},{key:"togglePlayPause",value:function(){this.ui.video&&(this.ui.video.paused?this.ui.video.play():this.ui.video.pause())}},{key:"onVideoEnded",value:function(){this.ui.overlay&&(this.ui.overlay.style.display="block"),this.ui.playButton&&(this.ui.playButton.style.display="block")}}])&&l(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}()},6275:(e,t,n)=>{n.r(t),n.d(t,{default:()=>o});var i=n(6540);function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}const o=function(e){var t,n,o=e.video,a=e.onPlay,l=e.onPause,u=e.playLabel,s=(t=(0,i.useState)(!1),n=2,function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,r,o,a,l=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(i=o.call(n)).done)&&(l.push(i.value),l.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}(t,n)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(e,t):void 0}}
1(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),c=s[0],d=s[1];return(0,i.useEffect)(function(){if(o){var e=function(){d(!0),a&&a()},t=function(){d(!1),l&&l()},n=function(){d(!1)};return o.addEventListener("play",e),o.addEventListener("pause",t),o.addEventListener("ended",n),d(!o.paused),function(){o.removeEventListener("play",e),o.removeEventListener("pause",t),o.removeEventListener("ended",n)}}},[o,a,l]),i.createElement(i.Fragment,null,i.createElement("button",{className:"abc-contentBanner__videoButton test",onClick:function(){o&&(o.paused?o.play():o.pause())},"aria-label":u},c?i.createElement("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("rect",{x:"22",y:"20",width:"6",height:"20",fill:"black"}),i.createElement("rect",{x:"32",y:"20",width:"6",height:"20",fill:"black"})):i.createElement("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M23 20L40 30L23 40V20Z",fill:"black"}))))}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.