{"version":3,"names":["document","window","isCommonjs","module","exports","fn","val","fnMap","i","l","length","ret","eventNameMap","change","fullscreenchange","error","fullscreenerror","screenfull","request","element","options","Promise","resolve","reject","onFullScreenEntered","this","off","bind","on","documentElement","returnPromise","requestFullscreen","then","catch","exit","isFullscreen","onFullScreenExit","exitFullscreen","toggle","onchange","callback","onerror","event","eventName","addEventListener","removeEventListener","raw","isEnabled","Object","defineProperties","get","Boolean","fullscreenElement","enumerable","fullscreenEnabled","VIDEOPLAYER_LOCALIZATION","en","play","pause","continue","replay","toggleFullscreen","togglePlayPause","toggleMute","posterAltDefault","posterTitleDefault","percentPlayed","unableToPlay","videoTagNotSupported","de","sv","nl","it","hu","da","fr","es","pl","ro","hr","cs","sl","videoplayerCss","EonUiVideoplayerStyle0","Videoplayer","schemeConfig","VIDEOPLAYER_SCHEME_CONFIG","schemeMap","VIDEOPLAYER_SCHEME_MAP","localization","cacheBackgroundVideoProps","isPlaying","videoplayerInteract","emit","stop","hasError","hasFinishedPlaying","secondsPlayed","seekTime","isStopped","enterFullscreen","videoplayerElement","VIDEOPLAYER_TYPE_FILE","componentWillLoad","applyScheme","setCurrentLocalization","id","uniqueId","isIosMobileDevice","isIphoneOrIpod","prepareAutoplay","useAsBackground","handleFullscreenChange","EnterViewport","hostElement","imageAsPoster","handleHeadlineTag","prepareBackgroundVideo","componentDidLoad","setCssVariables","videoplayerLoad","applyHeadlineScheme","disconnectedCallback","setCurrentLocalizationDelegate","applySchemeDelegate","setCssVariablesDelegate","autoplay","isMuted","seoHeadlineTag","useTheRightHtmlTagForHeadline","headlineHtmlTag","HEADLINE_TAG_H3","showErrorMessage","hideControls","posterImage","keys","member","setActivePlayerEvent","CustomEvent","detail","bubbles","dispatchEvent","isMobile","isTouchDevice","isPausedOutOfViewport","startPlayback","stopPlayback","pausePlayback","handleActivePlayerChange","handleCanPlay","duration","handleError","handleEnded","handlePlayToggle","handleMuteToggle","handleMouseEnter","isMouseOver","handleMouseLeave","handleFullScreenToggle","handlePlay","console","log","handlePause","handleSeek","args","seconds","percent","handleTimeUpdate","headlineComponent","setAttribute","activeScheme","color","replace","handleKeyPress","isMuteOrFullscreenButton","target","classList","contains","key","KeyIds","SPACE","ENTER","RIGHT","LEFT","keyboardSeek","handleClick","_event","isSafari","type","VIDEOPLAYER_TYPE_MOVING_IMAGE","handleEnterViewport","handleLeaveViewport","IntersectionObserver","videoObserver","entries","forEach","entry","intersectionRatio","threshold","observe","image","getFirstNestedChild","_a","getAttribute","currentLocalization","_b","posterImagePlaceholder","render","canPlayButtonCoverYouTubeButton","VIDEOPLAYER_TYPE_YOUTUBE","headlineInvisibleOnYoutube","isPlayButtonHidden","headline","isPlaceholderVisible","isHeadlineVisible","filePlayerOnSafari","isPlayButtonHiddenInSafari","h","Host","class","pfx","videoplayer","ref","el","tabindex","onKeyDown","e","relative","fullscreen","player","safari","iOSYoutubeHack","placeholder","playing","role","source","src","onClick","noCookie","languageCode","captions","hideMuteButton","name","text","headlineTextShadow","alignment","HEADLINE_ALIGNMENT_LEFT","margin","centered","scheme","VIDEOPLAYER_BUTTON_SCHEME","icon","_e","title","semitransparent","tabIndex","shadowOnVideo"],"sources":["node_modules/screenfull/dist/screenfull.js","src/components/videoplayer/constants/videoplayer-i18n.ts","src/components/videoplayer/videoplayer.scss?tag=eon-ui-videoplayer&encapsulation=shadow","src/components/videoplayer/videoplayer.tsx"],"sourcesContent":["/*!\n* screenfull\n* v5.2.0 - 2021-11-03\n* (c) Sindre Sorhus; MIT License\n*/\n(function () {\n\t'use strict';\n\n\tvar document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};\n\tvar isCommonjs = typeof module !== 'undefined' && module.exports;\n\n\tvar fn = (function () {\n\t\tvar val;\n\n\t\tvar fnMap = [\n\t\t\t[\n\t\t\t\t'requestFullscreen',\n\t\t\t\t'exitFullscreen',\n\t\t\t\t'fullscreenElement',\n\t\t\t\t'fullscreenEnabled',\n\t\t\t\t'fullscreenchange',\n\t\t\t\t'fullscreenerror'\n\t\t\t],\n\t\t\t// New WebKit\n\t\t\t[\n\t\t\t\t'webkitRequestFullscreen',\n\t\t\t\t'webkitExitFullscreen',\n\t\t\t\t'webkitFullscreenElement',\n\t\t\t\t'webkitFullscreenEnabled',\n\t\t\t\t'webkitfullscreenchange',\n\t\t\t\t'webkitfullscreenerror'\n\n\t\t\t],\n\t\t\t// Old WebKit\n\t\t\t[\n\t\t\t\t'webkitRequestFullScreen',\n\t\t\t\t'webkitCancelFullScreen',\n\t\t\t\t'webkitCurrentFullScreenElement',\n\t\t\t\t'webkitCancelFullScreen',\n\t\t\t\t'webkitfullscreenchange',\n\t\t\t\t'webkitfullscreenerror'\n\n\t\t\t],\n\t\t\t[\n\t\t\t\t'mozRequestFullScreen',\n\t\t\t\t'mozCancelFullScreen',\n\t\t\t\t'mozFullScreenElement',\n\t\t\t\t'mozFullScreenEnabled',\n\t\t\t\t'mozfullscreenchange',\n\t\t\t\t'mozfullscreenerror'\n\t\t\t],\n\t\t\t[\n\t\t\t\t'msRequestFullscreen',\n\t\t\t\t'msExitFullscreen',\n\t\t\t\t'msFullscreenElement',\n\t\t\t\t'msFullscreenEnabled',\n\t\t\t\t'MSFullscreenChange',\n\t\t\t\t'MSFullscreenError'\n\t\t\t]\n\t\t];\n\n\t\tvar i = 0;\n\t\tvar l = fnMap.length;\n\t\tvar ret = {};\n\n\t\tfor (; i < l; i++) {\n\t\t\tval = fnMap[i];\n\t\t\tif (val && val[1] in document) {\n\t\t\t\tfor (i = 0; i < val.length; i++) {\n\t\t\t\t\tret[fnMap[0][i]] = val[i];\n\t\t\t\t}\n\t\t\t\treturn ret;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t})();\n\n\tvar eventNameMap = {\n\t\tchange: fn.fullscreenchange,\n\t\terror: fn.fullscreenerror\n\t};\n\n\tvar screenfull = {\n\t\trequest: function (element, options) {\n\t\t\treturn new Promise(function (resolve, reject) {\n\t\t\t\tvar onFullScreenEntered = function () {\n\t\t\t\t\tthis.off('change', onFullScreenEntered);\n\t\t\t\t\tresolve();\n\t\t\t\t}.bind(this);\n\n\t\t\t\tthis.on('change', onFullScreenEntered);\n\n\t\t\t\telement = element || document.documentElement;\n\n\t\t\t\tvar returnPromise = element[fn.requestFullscreen](options);\n\n\t\t\t\tif (returnPromise instanceof Promise) {\n\t\t\t\t\treturnPromise.then(onFullScreenEntered).catch(reject);\n\t\t\t\t}\n\t\t\t}.bind(this));\n\t\t},\n\t\texit: function () {\n\t\t\treturn new Promise(function (resolve, reject) {\n\t\t\t\tif (!this.isFullscreen) {\n\t\t\t\t\tresolve();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar onFullScreenExit = function () {\n\t\t\t\t\tthis.off('change', onFullScreenExit);\n\t\t\t\t\tresolve();\n\t\t\t\t}.bind(this);\n\n\t\t\t\tthis.on('change', onFullScreenExit);\n\n\t\t\t\tvar returnPromise = document[fn.exitFullscreen]();\n\n\t\t\t\tif (returnPromise instanceof Promise) {\n\t\t\t\t\treturnPromise.then(onFullScreenExit).catch(reject);\n\t\t\t\t}\n\t\t\t}.bind(this));\n\t\t},\n\t\ttoggle: function (element, options) {\n\t\t\treturn this.isFullscreen ? this.exit() : this.request(element, options);\n\t\t},\n\t\tonchange: function (callback) {\n\t\t\tthis.on('change', callback);\n\t\t},\n\t\tonerror: function (callback) {\n\t\t\tthis.on('error', callback);\n\t\t},\n\t\ton: function (event, callback) {\n\t\t\tvar eventName = eventNameMap[event];\n\t\t\tif (eventName) {\n\t\t\t\tdocument.addEventListener(eventName, callback, false);\n\t\t\t}\n\t\t},\n\t\toff: function (event, callback) {\n\t\t\tvar eventName = eventNameMap[event];\n\t\t\tif (eventName) {\n\t\t\t\tdocument.removeEventListener(eventName, callback, false);\n\t\t\t}\n\t\t},\n\t\traw: fn\n\t};\n\n\tif (!fn) {\n\t\tif (isCommonjs) {\n\t\t\tmodule.exports = {isEnabled: false};\n\t\t} else {\n\t\t\twindow.screenfull = {isEnabled: false};\n\t\t}\n\n\t\treturn;\n\t}\n\n\tObject.defineProperties(screenfull, {\n\t\tisFullscreen: {\n\t\t\tget: function () {\n\t\t\t\treturn Boolean(document[fn.fullscreenElement]);\n\t\t\t}\n\t\t},\n\t\telement: {\n\t\t\tenumerable: true,\n\t\t\tget: function () {\n\t\t\t\treturn document[fn.fullscreenElement];\n\t\t\t}\n\t\t},\n\t\tisEnabled: {\n\t\t\tenumerable: true,\n\t\t\tget: function () {\n\t\t\t\t// Coerce to boolean in case of old WebKit\n\t\t\t\treturn Boolean(document[fn.fullscreenEnabled]);\n\t\t\t}\n\t\t}\n\t});\n\n\tif (isCommonjs) {\n\t\tmodule.exports = screenfull;\n\t} else {\n\t\twindow.screenfull = screenfull;\n\t}\n})();\n","import { Localization } from \"../../../common/localizable-component\";\nimport { VideoplayerLocalization } from \"./videoplayer-types\";\n\nexport const VIDEOPLAYER_LOCALIZATION: Localization<VideoplayerLocalization> = {\n  en: {\n    play: \"Play\",\n    pause: \"Pause\",\n    continue: \"Continue\",\n    replay: \"Replay\",\n    toggleFullscreen: \"Enter/Leave Fullscreen Mode\",\n    togglePlayPause: \"Play/Pause\",\n    toggleMute: \"Mute/Unmute\",\n    posterAltDefault: \"video poster\",\n    posterTitleDefault: \"video poster\",\n    percentPlayed: \"{0} played\",\n    unableToPlay: \"Unfortunately, we are unable to play the video.\",\n    videoTagNotSupported: \"Your browser does not support the <video> tag.\"\n  },\n  de: {\n    play: \"Abspielen\",\n    pause: \"Pausieren\",\n    continue: \"Fortsetzen\",\n    replay: \"Nochmal abspielen\",\n    toggleFullscreen: \"Vollbild an/aus\",\n    togglePlayPause: \"Abspielen/Pausieren\",\n    toggleMute: \"Ton an/aus\",\n    posterAltDefault: \"Video Poster\",\n    posterTitleDefault: \"Video Poster\",\n    percentPlayed: \"{0} abgespielt\",\n    unableToPlay: \"Leider können wir das Video nicht abspielen.\",\n    videoTagNotSupported: \"Ihr Browser unterstützt das <video> tag leider nicht.\"\n  },\n  sv: {\n    play: \"Spela\",\n    pause: \"Pausa\",\n    continue: \"Fortsätt\",\n    replay: \"Spela igen\",\n    toggleFullscreen: \"Öppna/Lämna helskärmsläge\",\n    togglePlayPause: \"Spela/Pausa\",\n    toggleMute: \"Ljud av/Ljud på\",\n    posterAltDefault: \"bakgrundsbild video\",\n    posterTitleDefault: \"bakgrundsbild video\",\n    percentPlayed: \"{0} spelade\",\n    unableToPlay: \"Tyvärr kan vi inte spela upp videon.\",\n    videoTagNotSupported: \"Din webbläsare stöder inte <video>.\"\n  },\n  nl: {\n    play: \"Speel\",\n    pause: \"Pauzeer\",\n    continue: \"Ga door\",\n    replay: \"Replay\",\n    toggleFullscreen: \"Volledig scherm modus openen/verlaten\",\n    togglePlayPause: \"Afspelen/Pauze\",\n    toggleMute: \"Mute/Unmute\",\n    posterAltDefault: \"video poster\",\n    posterTitleDefault: \"video poster\",\n    percentPlayed: \"{0} gespeeld\",\n    unableToPlay: \"Helaas kunnen we de video niet afspelen.\",\n    videoTagNotSupported: \"Uw browser ondersteunt de <video> tag niet.\"\n  },\n  it: {\n    play: \"Riproduci\",\n    pause: \"Interrompi\",\n    continue: \"Continua\",\n    replay: \"Ripeti\",\n    toggleFullscreen: \"Entra/Esci dalla modalità a schermo intero\",\n    togglePlayPause: \"Riproduci/Interrompi\",\n    toggleMute: \"Silenzia/Attiva audio\",\n    posterAltDefault: \"avviso video\",\n    posterTitleDefault: \"avviso video\",\n    percentPlayed: \"{0} riprodotto\",\n    unableToPlay: \"Sfortunatamente, non siamo in grado di riprodurre il video.\",\n    videoTagNotSupported: \"Il tuo browser non supporta il tag di <video>.\"\n  },\n  hu: {\n    play: \"Lejátszás\",\n    pause: \"Szünet\",\n    continue: \"Folytatás\",\n    replay: \"Visszajátszás\",\n    toggleFullscreen: \"Teljes képernyőre váltás / Kilépés a teljes képernyős módból\",\n    togglePlayPause: \"Lejátszás/Szüneteltetés\",\n    toggleMute: \"Némítás/Némítás feloldása\",\n    posterAltDefault: \"Videó közzététele\",\n    posterTitleDefault: \"Videó közzététele\",\n    percentPlayed: \"{0} lejátszva\",\n    unableToPlay: \"Sajnos a videó lejátszása nem lehetséges.\",\n    videoTagNotSupported: \"Sajnos a használt böngésző nem támogatja a beágyazott videó használatát.\"\n  },\n  da: {\n    play: \"Afspil\",\n    pause: \"Pause\",\n    continue: \"Fortsæt\",\n    replay: \"Genafspil\",\n    toggleFullscreen: \"Fuld skærm/Afslut fuld skærm\",\n    togglePlayPause: \"Afspil/Pause\",\n    toggleMute: \"Lyd fra/Lyd til\",\n    posterAltDefault: \"video plakat\",\n    posterTitleDefault: \"video plakat\",\n    percentPlayed: \"{0} afspillet\",\n    unableToPlay: \"Vi kan desværre ikke afspille videoen.\",\n    videoTagNotSupported: \"Browseren understøtter ikke <video>\"\n  },\n  fr: {\n    play: \"Jouer\",\n    pause: \"Pause\",\n    continue: \"Continuer\",\n    replay: \"Replay\",\n    toggleFullscreen: \"Entrer/sortir du mode plein écran\",\n    togglePlayPause: \"Lecture/Pause\",\n    toggleMute: \"Mute/Unmute\",\n    posterAltDefault: \"poster vidéo\",\n    posterTitleDefault: \"poster vidéo\",\n    percentPlayed: \"{0} jouée\",\n    unableToPlay: \"Malheureusement, nous ne sommes pas en mesure de lire la vidéo.\",\n    videoTagNotSupported: \"Votre navigateur ne prend pas en charge la balise <video>.\"\n  },\n  es: {\n    play: \"Play\",\n    pause: \"Pausar\",\n    continue: \"Continuar\",\n    replay: \"Repetir\",\n    toggleFullscreen: \"Entrar/Salir del modo de pantalla completa\",\n    togglePlayPause: \"Play/Pausa\",\n    toggleMute: \"Silenciar/activar\",\n    posterAltDefault: \"póster de vídeo\",\n    posterTitleDefault: \"póster de vídeo\",\n    percentPlayed: \"jugados\",\n    unableToPlay: \"Lamentablemente, no podemos reproducir el vídeo.\",\n    videoTagNotSupported: \"Su navegador no soporta la etiqueta <video>.\"\n  },\n  pl: {\n    play: \"Odtwórz\",\n    pause: \"Wstrzymaj\",\n    continue: \"Kontynuuj\",\n    replay: \"Powtórz\",\n    toggleFullscreen: \"Wejście/wyjście z trybu pełnoekranowego\",\n    togglePlayPause: \"Odtwórz/Wstrzymaj\",\n    toggleMute: \"Wyciszenie/wyłączenie wyciszenia\",\n    posterAltDefault: \"plakat wideo\",\n    posterTitleDefault: \"plakat wideo\",\n    percentPlayed: \"{0} grano\",\n    unableToPlay: \"Niestety, nie jesteśmy w stanie odtworzyć tego filmu.\",\n    videoTagNotSupported: \"Twoja przeglądarka nie obsługuje znacznika <video>.\"\n  },\n  ro: {\n    play: \"Joacă\",\n    pause: \"Pauză\",\n    continue: \"Continuă\",\n    replay: \"Redare\",\n    toggleFullscreen: \"Intrați/ieșiți din modul ecran complet\",\n    togglePlayPause: \"Redare/Pauză\",\n    toggleMute: \"Mute/Unmute\",\n    posterAltDefault: \"poster video\",\n    posterTitleDefault: \"poster video\",\n    percentPlayed: \"{0} redat\",\n    unableToPlay: \"Din păcate, nu putem reda videoclipul.\",\n    videoTagNotSupported: \"Browserul dvs. nu acceptă tag-ul <video>.\"\n  },\n  hr: {\n    play: \"Igraj\",\n    pause: \"Pavza\",\n    continue: \"Nadaljuj\",\n    replay: \"Ponovitev\",\n    toggleFullscreen: \"Vstopite/zapustite celozaslonski način\",\n    togglePlayPause: \"Predvajaj/Premor\",\n    toggleMute: \"Izklopi/Vklopi zvok\",\n    posterAltDefault: \"video plakat\",\n    posterTitleDefault: \"video plakat\",\n    percentPlayed: \"{0} igral\",\n    unableToPlay: \"Žal videoposnetka ne moremo predvajati.\",\n    videoTagNotSupported: \"Vaš brskalnik ne podpira oznake <video>.\"\n  },\n  cs: {\n    play: \"Přehrát\",\n    pause: \"Pozastavit\",\n    continue: \"Pokračovat\",\n    replay: \"Přehrát\",\n    toggleFullscreen: \"Vstup/výstup z celoobrazovkového režimu\",\n    togglePlayPause: \"Přehrát/pozastavit\",\n    toggleMute: \"Ztlumit/vypnout zvuk\",\n    posterAltDefault: \"video plakát\",\n    posterTitleDefault: \"video plakát\",\n    percentPlayed: \"{0} přehrává se\",\n    unableToPlay: \"Video se nám bohužel nedaří přehrát.\",\n    videoTagNotSupported: \"Váš prohlížeč nepodporuje značku <video>\"\n  },\n  sl: {\n    play: \"Igraj\",\n    pause: \"Prekinitev\",\n    continue: \"Nadaljuj\",\n    replay: \"Ponovitev\",\n    toggleFullscreen: \"Vstop/izstop iz celozaslonskega načina\",\n    togglePlayPause: \"Predvajanje/počasno predvajanje\",\n    toggleMute: \"Izklop/izklop zvoka\",\n    posterAltDefault: \"video plakat\",\n    posterTitleDefault: \"video plakat\",\n    percentPlayed: \"{0} predvajano\",\n    unableToPlay: \"Žal ne moremo predvajati videoposnetka.\",\n    videoTagNotSupported: \"Vaš brskalnik ne podpira oznake <video>.\"\n  }\n};\n","$background-gradient: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.3) 100%);\n$background-gradient-hover: linear-gradient(\n  0deg,\n  rgba(0, 0, 0, 0.2) 0%,\n  rgba(0, 0, 0, 0.3) 50%,\n  rgba(0, 0, 0, 0.5) 100%\n);\n\n:host {\n  display: block;\n  font-family: $font-family-base;\n}\n\n:host([use-as-background=\"\"]),\n:host([use-as-background=\"true\"]) {\n  @include position-absolute();\n  width: 100%;\n  height: 100%;\n  z-index: auto;\n\n  .#{$prefix}videoplayer,\n  .#{$prefix}relative {\n    width: 100% !important;\n    height: 100% !important;\n  }\n}\n\n.#{$prefix}videoplayer {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  cursor: pointer;\n\n  &:not(.#{$prefix}force-full-height) {\n    @if variable-exists(videoplayer-default-shadow) {\n      box-shadow: $videoplayer-default-shadow;\n    }\n  }\n\n  &.#{$prefix}click-event {\n    pointer-events: none;\n  }\n\n  &:focus {\n    outline: 4px solid $videoplayer-focus-outline-color;\n  }\n\n  // don't combine this with other selectors as it won't work in legacy Edge which will then skip the entire block\n  &:focus-within {\n    outline: 4px solid $videoplayer-focus-outline-color;\n    eon-ui-button {\n      --primaryBackgroundColor: #{v(playButtonColor)} !important;\n    }\n  }\n\n  &:focus {\n    eon-ui-button {\n      --primaryBackgroundColor: #{v(playButtonColor)} !important;\n    }\n  }\n\n  &.#{$prefix}force-full-height {\n    height: 100%;\n  }\n\n  /* Without this, Safari on MacOS will just show a black screen in Fullscreen mode. */\n  /* stylelint-disable selector-no-vendor-prefix */\n  &:-webkit-full-screen {\n    height: 100%;\n    max-width: 100%;\n    width: 100%;\n  }\n\n  .#{$prefix}relative {\n    height: 0;\n    margin: 0;\n    max-height: 100%;\n    overflow: hidden;\n    padding: 0;\n    padding-top: 56.25%; /* 16:9 Aspect Ratio */\n    position: relative;\n    width: 100%;\n\n    &.#{$prefix}fullscreen {\n      height: 100%;\n      padding: 0;\n    }\n\n    &.#{$prefix}force-full-height {\n      height: 100%;\n      padding: 0;\n    }\n\n    .#{$prefix}absolute {\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n\n      .#{$prefix}player {\n        display: block;\n        height: 100%;\n        left: 50%;\n        min-width: 100%;\n        width: 100%;\n        position: absolute;\n        top: 50%;\n        transform: translate(-50%, -50%);\n\n        &.#{$prefix}iOSYoutubeHack {\n          z-index: 95;\n          visibility: visible;\n\n          &.#{$prefix}placeholder {\n            opacity: 0;\n          }\n\n          &.#{$prefix}playing {\n            z-index: auto;\n            opacity: 1;\n          }\n        }\n\n        &.#{$prefix}fullscreen {\n          left: 0;\n          position: absolute;\n          top: 50%;\n          transform: translateY(-50%);\n          width: 100%;\n          video {\n            width: 50%;\n          }\n        }\n\n        &.#{$prefix}fullscreen.#{$prefix}safari {\n          video {\n            transform: unset !important;\n          }\n        }\n\n        &.#{$prefix}click-event {\n          pointer-events: none;\n        }\n      }\n\n      .#{$prefix}video-wrapper {\n        outline: none;\n        &.#{$prefix}start {\n          display: block;\n          height: 100%;\n          left: 50%;\n          min-width: 100%;\n          position: absolute;\n          top: 50%;\n          transform: translate(-50%, -50%);\n          overflow: hidden;\n        }\n        &.#{$prefix}start::before {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 200%;\n          background: $background-gradient;\n          transition: ease-in 0.2s;\n        }\n        &.#{$prefix}playing::before {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 200%;\n          transition: ease-in 0.2s;\n        }\n        &.#{$prefix}playing:hover::before {\n          background: $background-gradient-hover;\n        }\n        &.#{$prefix}start:hover::before {\n          background: $background-gradient-hover;\n          transform: translateY(-10%);\n        }\n        &.#{$prefix}start:focus {\n          outline: none;\n        }\n        &.#{$prefix}pause {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 200%;\n          overflow: hidden;\n        }\n\n        &.#{$prefix}pause,\n        &.#{$prefix}pause-youtube {\n          &.#{$prefix}background-video::before {\n            background: none;\n          }\n        }\n\n        &.#{$prefix}pause::before,\n        &.#{$prefix}pause-youtube::before {\n          content: \"\";\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 200%;\n          background: $background-gradient-hover;\n          overflow: hidden;\n          animation: fadeIn ease 0.5s;\n        }\n\n        &.#{$prefix}pause-youtube::before {\n          pointer-events: none;\n        }\n\n        @keyframes fadeIn {\n          0% {\n            opacity: 0;\n          }\n          100% {\n            opacity: 1;\n          }\n        }\n\n        &.#{$prefix}click-event {\n          pointer-events: none;\n        }\n\n        &.#{$prefix}shadow-overlay {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 200%;\n          overflow: hidden;\n          background: $background-gradient-hover;\n        }\n      }\n    }\n  }\n\n  .#{$prefix}placeholder {\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n\n    .#{$prefix}adaptiveImage {\n      display: block;\n      height: 100%;\n      left: 50%;\n      min-height: 100%;\n      min-width: 100%;\n      object-fit: cover; // unstretches 2x1 images in the 16:9 container\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n    }\n\n    &.#{$prefix}click-event {\n      pointer-events: none;\n    }\n  }\n\n  .#{$prefix}video-container {\n    height: 100%;\n    left: 0;\n    position: absolute;\n    top: 0;\n    width: 100%;\n    pointer-events: none;\n    z-index: 1;\n\n    .#{$prefix}content {\n      &-wrapper {\n        background: transparent;\n      }\n\n      &-headline {\n        position: absolute;\n        left: 40px;\n        top: 40px;\n        margin: 0;\n        padding: 0;\n        text-align: left;\n        &.#{$prefix}invisible-in-small-grids {\n          opacity: 0;\n        }\n      }\n\n      &-button {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        margin: 0;\n        padding: 0;\n        .#{$prefix}invisible-in-small-grids {\n          opacity: 0;\n        }\n        .#{$prefix}video-replay {\n          opacity: 1;\n        }\n\n        @if variable-exists(videoplayer-button-radius) {\n          --buttonRadius: #{$videoplayer-button-radius} !important;\n        }\n      }\n\n      .#{$prefix}iconButton {\n        &.#{$prefix}centered {\n          text-align: center;\n        }\n      }\n\n      .#{$prefix}headline + .#{$prefix}iconButton {\n        margin-top: 32px;\n\n        @include for-size(tablet-or-smaller) {\n          margin-top: 24px;\n        }\n      }\n    }\n  }\n\n  .#{$prefix}error {\n    align-items: center;\n    color: $videoplayer-error-color;\n    display: flex;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    text-align: center;\n    top: 0;\n    width: 100%;\n    z-index: 1;\n\n    &::after {\n      // background layer\n      background: $videoplayer-error-background-color;\n      content: \"\";\n      height: 100%;\n      left: 0;\n      position: absolute;\n      top: 0;\n      width: 100%;\n      z-index: -1;\n    }\n\n    &.#{$prefix}semitransparent::after {\n      opacity: 0.75;\n    }\n\n    &-content {\n      align-items: center;\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: center;\n      margin: auto;\n      z-index: 2;\n\n      .#{$prefix}error-text {\n        margin: 0;\n        text-align: center;\n      }\n\n      .#{$prefix}error-icon {\n        height: 32px;\n        margin: 15px;\n        width: 32px;\n      }\n    }\n  }\n\n  &.#{$prefix}is-touch {\n    .#{$prefix}video-wrapper.#{$prefix}playing:hover::before {\n      background: none !important;\n    }\n  }\n}\n","import { Component, Element, h, Host, Listen, Method, Prop, State, Watch, Event, EventEmitter } from \"@stencil/core\";\nimport { applySchemeDelegate, ColorableComponent, setCssVariablesDelegate } from \"../../common/colorable-component\";\nimport {\n  VideoplayerLocalization,\n  VideoplayerProgressEventArgs,\n  VideoplayerSchemeDefinition,\n  VideoplayerSchemeName,\n  VideoPlayerType\n} from \"./constants/videoplayer-types\";\nimport {\n  VIDEOPLAYER_SCHEME_CONFIG,\n  VIDEOPLAYER_SCHEME_MAP,\n  VIDEOPLAYER_TYPE_FILE,\n  VIDEOPLAYER_TYPE_MOVING_IMAGE,\n  VIDEOPLAYER_TYPE_YOUTUBE\n} from \"./constants/videoplayer-constants\";\nimport { KeyIds } from \"../../constants/keys\";\nimport screenfull from \"screenfull\";\nimport { isMobile } from \"../../utils/screen-helper\";\nimport { uniqueId } from \"../../utils/unique-id\";\nimport { isIphoneOrIpod, isSafari } from \"../../utils/device-helper\";\nimport { LocalizableComponent, Localization, setCurrentLocalizationDelegate } from \"../../common/localizable-component\";\nimport { HEADLINE_TAG_H3 } from \"../headline/constants/headline-constants\";\nimport pfx from \"../../utils/style-class-prefix-helper\";\nimport { getFirstNestedChild } from \"../../utils/dom-helper\";\nimport { VIDEOPLAYER_LOCALIZATION } from \"./constants/videoplayer-i18n\";\nimport { HeadlineTag } from \"../headline/constants/headline-types\";\nimport { useTheRightHtmlTagForHeadline } from \"../../utils/headline-helper\";\nimport {\n  HEADLINE_ALIGNMENT_LEFT,\n  VIDEOPLAYER_BUTTON_SCHEME,\n  VIDEOPLAYER_FILLED_ICON\n} from \"../../constants/global-constants\";\nimport { VideoplayerSchemeConfiguration } from \"../../constants/colors\";\nimport { isTouchDevice } from \"../../utils/touch-helper\";\n// import { InitLogging } from \"../../decorators/init-logging\";\n\n/**\n * @slot image - You can put an <eon-ui-image> component in that slot for Poster-Image of VideoPlayer.\n */\n\n@Component({\n  tag: \"eon-ui-videoplayer\",\n  styleUrl: \"videoplayer.scss\",\n  assetsDirs: [\"assets-videoplayer\"],\n  shadow: true\n})\nexport class Videoplayer\n  implements\n    ColorableComponent<VideoplayerSchemeConfiguration<VideoplayerSchemeDefinition>>,\n    LocalizableComponent<VideoplayerLocalization> {\n  // @InitLogging() sentryTransaction;\n  schemeConfig: VideoplayerSchemeConfiguration<VideoplayerSchemeDefinition> = VIDEOPLAYER_SCHEME_CONFIG;\n  schemeMap = VIDEOPLAYER_SCHEME_MAP;\n\n  localization: Localization<VideoplayerLocalization> = VIDEOPLAYER_LOCALIZATION;\n  currentLocalization: VideoplayerLocalization;\n\n  private id: string;\n  private videoplayerElement: HTMLDivElement;\n  private cacheBackgroundVideoProps: object = {};\n  private headlineComponent: HTMLEonUiHeadlineElement;\n\n  /**\n   * The components active scheme. If {@link scheme} is set, it will be set to the corresponding scheme.\n   * If not set, the component will try to calculate it based on the nearest enclosing background information given by inner-background attribute or eon-ui-background component.\n   */\n  @State() activeScheme: VideoplayerSchemeDefinition;\n\n  @State() isPlaying: boolean;\n  @State() isMuted: boolean;\n  @State() isFullscreen: boolean;\n  @State() duration: number = 0;\n  @State() seekTime: number = 0;\n  @State() secondsPlayed: number = 0;\n  @State() percentPlayed: number = 0;\n  @State() isPausedOutOfViewport: boolean;\n  @State() hasError: boolean;\n  @State() isStopped: boolean;\n  @State() hasFinishedPlaying: boolean;\n  @State() isIosMobileDevice: boolean;\n  @State() isMouseOver: boolean;\n  @State() posterImagePlaceholder: boolean;\n  @State() seoHeadlineTag: string;\n\n  /**\n   * Can be set to provide further information about the video, e.g. if it's appearance is bright or dark.\n   */\n  @Prop() appearance: \"bright\" | \"dark\";\n\n  /**\n   * The source URL of the video | Video ID Youtube.\n   */\n  @Prop() src: string;\n\n  /**\n   * Set to true to hide the control bar of the videoplayer.\n   */\n  @Prop() hideControls: boolean;\n\n  /**\n   * Set to true to hide the Mute button in the control bar of the videoplayer.\n   */\n  @Prop() hideMuteButton: boolean;\n\n  /**\n   * Set to true if the player should attempt to autoplay the video.\n   * This doesn't work on iPhones and requires the video to be muted as well.\n   */\n\n  @Prop() autoplay: boolean = false;\n\n  /**\n   * A headline displayed on top of the poster-image.\n   */\n  @Prop() headline?: string;\n\n  /**\n   * this property is used for SEO-Optimisation.<br>\n   *   If this property is used and fill-out, this property is used for HTML-Tag for headline.\n   */\n  @Prop() headlineHtmlTag: HeadlineTag;\n\n  /**\n   * Whether or not the headline text should have a text shadow. Use this if you need more contrast between poster-image and headline.\n   */\n  @Prop() headlineTextShadow: boolean;\n\n  /**\n   * Set this to true if the video will be used as a full size background video of the parent div.\n   */\n  @Prop() useAsBackground: boolean = false;\n\n  /**\n   * The src to an image displayed as poster-image before the video has started and after it has ended.\n   * poster-image property shows or hides the image on video player depending on the value\n   */\n  @Prop() posterImage?: boolean;\n\n  /**\n   * Set to false to hide the error message layer when video can't play\n   */\n  @Prop() showErrorMessage: boolean = true;\n\n  /**\n   * Flexibility to editor for choosing player: flie player or youtube?\n   */\n  @Prop() type: VideoPlayerType = VIDEOPLAYER_TYPE_FILE;\n\n  @Element() hostElement: HTMLEonUiVideoplayerElement;\n\n  /**\n   * The name of the color scheme of the component.\n   * If not set, the component will try to calculate it based on the nearest enclosing background information given by inner-background attribute or eon-ui-background component.\n   */\n  @Prop({ reflect: true }) scheme: VideoplayerSchemeName;\n\n  /**\n   * noCookie property will embed nocookie term into youTube video url\n   * which prevent youtube from tracking user's viewing behaviour,\n   * hence no activity is collected to personalise the viewing experience.\n   * @disableControlInStorybook true\n   */\n  @Prop({ reflect: true }) noCookie: boolean;\n\n  /**\n   * This property used for darkening the video.\n   */\n  @Prop() shadowOnVideo: boolean = false;\n\n  /**\n   * captions property sets Caption/Subtitles on Video\n   */\n  @Prop() captions: boolean = true;\n\n  /**\n   * Caption language Code can be set with languageCode property\n   * Youtube: As per ISO 639-1 two-letter language code: https://www.loc.gov/standards/iso639-2/php/code_list.php\n   */\n  @Prop() languageCode: string;\n\n  /**\n   * Raised when the videoplayer has been loaded.\n   */\n  @Event() videoplayerLoad: EventEmitter;\n\n  /**\n   * Emitted when user interacts with player. The event detail contains the new status, e.g. \"play\", \"pause\", \"mute\", ...\n   */\n  @Event() videoplayerInteract: EventEmitter;\n\n  componentWillLoad() {\n    this.applyScheme();\n    this.setCurrentLocalization();\n\n    this.id = uniqueId();\n    this.isStopped = true;\n    this.isIosMobileDevice = isIphoneOrIpod(); // Videos are launched in the native player on iOS mobile devices. The player also controls the fullscreen mode.\n\n    this.prepareAutoplay();\n\n    if (!this.useAsBackground && screenfull.isEnabled) {\n      screenfull.on(\"change\", () => this.handleFullscreenChange());\n    }\n    this.EnterViewport(this.hostElement);\n    this.imageAsPoster();\n    this.handleHeadlineTag();\n    this.prepareBackgroundVideo();\n  }\n\n  componentDidLoad() {\n    this.setCssVariables();\n    this.videoplayerLoad.emit();\n    this.applyHeadlineScheme();\n  }\n\n  disconnectedCallback() {\n    if (screenfull.isEnabled) {\n      screenfull.off(\"change\", () => this.handleFullscreenChange());\n    }\n  }\n\n  setCurrentLocalization() {\n    setCurrentLocalizationDelegate(this);\n  }\n\n  @Watch(\"scheme\")\n  applyScheme() {\n    applySchemeDelegate(this);\n  }\n\n  @Watch(\"activeScheme\")\n  setCssVariables(): void {\n    setCssVariablesDelegate(this);\n  }\n\n  @Watch(\"autoplay\")\n  prepareAutoplay(): void {\n    if (this.autoplay) {\n      this.isMuted = true;\n      this.isPlaying = true;\n    }\n  }\n\n  @Watch(\"headlineHtmlTag\")\n  handleHeadlineTag() {\n    this.seoHeadlineTag = useTheRightHtmlTagForHeadline(this.headlineHtmlTag, HEADLINE_TAG_H3);\n  }\n\n  @Watch(\"useAsBackground\")\n  prepareBackgroundVideo(): void {\n    if (this.useAsBackground === true) {\n      // create a cache to store property settings\n      this.cacheBackgroundVideoProps = {\n        showErrorMessage: this.showErrorMessage,\n        hideControls: this.hideControls,\n        posterImage: this.posterImage,\n        autoplay: this.autoplay\n      };\n\n      this.showErrorMessage = false;\n      this.hideControls = true;\n      this.posterImage = true;\n      this.autoplay = true;\n      this.EnterViewport(this.hostElement);\n    } else if (Object.keys(this.cacheBackgroundVideoProps).length) {\n      // recreate property settings if cached\n      this.showErrorMessage = this.cacheBackgroundVideoProps[\"showErrorMessage\"];\n      this.hideControls = this.cacheBackgroundVideoProps[\"hideControls\"];\n      this.posterImage = this.cacheBackgroundVideoProps[\"posterImage\"];\n      this.autoplay = this.cacheBackgroundVideoProps[\"autoplay\"];\n      // after recreate of the property settings clear entries from cache\n      for (var member in this.cacheBackgroundVideoProps) delete this.cacheBackgroundVideoProps[member];\n    }\n  }\n\n  play() {\n    !this.isPlaying && this.videoplayerInteract.emit(\"play\"); // Check for isPlaying as player event is emitted too often\n    this.isPlaying = true;\n    this.isStopped = false;\n\n    const setActivePlayerEvent = new CustomEvent(\"activePlayerChange\", {\n      detail: this.id,\n      bubbles: true\n    });\n\n    document.dispatchEvent(setActivePlayerEvent);\n\n    if (\n      isMobile() &&\n      this.isIosMobileDevice &&\n      isTouchDevice() &&\n      !this.useAsBackground &&\n      !this.isPausedOutOfViewport\n    ) {\n      this.enterFullscreen();\n    }\n  }\n\n  pause = () => {\n    this.isPlaying && this.videoplayerInteract.emit(\"pause\"); // Check for isPlaying as player event is emitted too often\n    this.isPlaying = false;\n  };\n\n  stop = () => {\n    if (this.isFullscreen) {\n      this.exitFullscreen();\n    }\n\n    this.hasError = false;\n    this.hasFinishedPlaying = true;\n    this.isPlaying = false;\n    this.secondsPlayed = 0;\n    this.percentPlayed = 0;\n    this.seekTime = 0;\n    this.isStopped = true;\n    this.videoplayerInteract.emit(\"stop\");\n  };\n\n  // Note that this will call handleFullscreenChange indirectly.\n  // State is updated there, so we don't need to do it here.\n  enterFullscreen = () => {\n    if (screenfull.isEnabled) {\n      screenfull.request(this.videoplayerElement);\n      this.videoplayerInteract.emit(\"enterFullscreen\");\n    }\n  };\n\n  exitFullscreen = () => {\n    if (screenfull.isEnabled) {\n      screenfull.exit();\n      this.videoplayerInteract.emit(\"exitFullscreen\");\n    }\n  };\n\n  /**\n   * Method to play the video, e.g. videoElement.startPlayback();\n   */\n  @Method()\n  async startPlayback(): Promise<void> {\n    this.play();\n  }\n\n  /**\n   * Method to stop the video, e.g. videoElement.stopPlayback();\n   */\n  @Method()\n  async stopPlayback(): Promise<void> {\n    this.stop();\n  }\n\n  /**\n   * Method to pause the video, e.g. videoElement.pausePlayback();\n   */\n  @Method()\n  async pausePlayback(): Promise<void> {\n    this.pause();\n  }\n\n  @Listen(\"activePlayerChange\", { target: \"document\" })\n  handleActivePlayerChange(event: Event) {\n    // another player started playing\n    if (!this.autoplay && this.isPlaying && (event as any).detail !== this.id) {\n      this.pause();\n    }\n  }\n\n  @Listen(\"canPlayEvent\")\n  handleCanPlay(event: Event) {\n    const duration: number = event[\"detail\"];\n    if (duration === 0) {\n      this.handleError();\n    }\n    this.duration = duration;\n  }\n\n  @Listen(\"endedEvent\")\n  handleEnded() {\n    this.stop();\n  }\n\n  @Listen(\"errorEvent\")\n  handleError() {\n    this.hasError = true;\n    this.hasFinishedPlaying = false;\n    this.isPlaying = false;\n    this.isStopped = true;\n  }\n\n  @Listen(\"playToggleEvent\")\n  private handlePlayToggle() {\n    if (this.isPlaying) {\n      this.pause();\n    } else {\n      this.play();\n    }\n  }\n\n  @Listen(\"muteToggleEvent\")\n  handleMuteToggle() {\n    this.isMuted = !this.isMuted;\n    this.videoplayerInteract.emit(`${this.isMuted ? \"mute\" : \"unmute\"}`);\n  }\n\n  @Listen(\"mouseenter\")\n  handleMouseEnter() {\n    this.isMouseOver = true;\n  }\n\n  @Listen(\"mouseleave\")\n  handleMouseLeave() {\n    this.isMouseOver = false;\n  }\n\n  // This is a document-wide listener called by the browser when fullscreen mode is entered/exited.\n  // Note that ALL instances of the VideoPlayer listen to that event.\n  // So please don't do anything instance-specific here like pausing the video.\n  @Listen(\"nativePlayerFullscreenChangeEvent\")\n  handleFullscreenChange() {\n    // see https://github.com/sindresorhus/screenfull.js/issues/173\n    this.isFullscreen = (screenfull as any).isFullscreen;\n  }\n\n  @Listen(\"fullscreenToggleEvent\")\n  handleFullScreenToggle() {\n    if (this.isFullscreen) {\n      this.exitFullscreen();\n    } else {\n      this.enterFullscreen();\n    }\n  }\n\n  @Listen(\"playEvent\")\n  handlePlay() {\n    console.log(\"PLAY EVENT\");\n    this.play();\n  }\n\n  @Listen(\"pauseEvent\")\n  handlePause() {\n    this.pause();\n  }\n\n  @Listen(\"seekEvent\")\n  handleSeek(event: Event) {\n    const args: VideoplayerProgressEventArgs = event[\"detail\"];\n    this.seekTime = args.seconds;\n    this.secondsPlayed = args.seconds;\n    this.percentPlayed = args.percent;\n    this.videoplayerInteract.emit(\"seek\");\n  }\n\n  @Listen(\"timeUpdateEvent\")\n  handleTimeUpdate(event: Event) {\n    const args: VideoplayerProgressEventArgs = event[\"detail\"];\n    this.secondsPlayed = args.seconds;\n    this.percentPlayed = args.percent;\n  }\n\n  @Watch(\"scheme\")\n  applyHeadlineScheme(): void {\n    this.headlineComponent &&\n      this.headlineComponent.setAttribute(\"scheme\", this.activeScheme.color.replace(\"eon-\", \"\"));\n  }\n\n  handleKeyPress(event: KeyboardEvent) {\n    if (this.hideControls) {\n      return;\n    }\n\n    const isMuteOrFullscreenButton =\n      (event.target as HTMLElement).classList.contains(\"eonui-mute\") ||\n      (event.target as HTMLElement).classList.contains(\"eonui-fullscreen\");\n\n    if (event.key === KeyIds.SPACE || event.key === KeyIds.ENTER) {\n      if (isMuteOrFullscreenButton) return;\n      this.handlePlayToggle();\n    }\n\n    if (event.key === KeyIds.RIGHT || event.key === KeyIds.LEFT) {\n      this.keyboardSeek(event);\n    }\n  }\n\n  private keyboardSeek(event) {\n    if (event.key === KeyIds.RIGHT) {\n      this.seekTime = this.secondsPlayed + 5 <= this.duration ? this.secondsPlayed + 5 : this.duration;\n    }\n\n    if (event.key === KeyIds.LEFT) {\n      this.seekTime = this.secondsPlayed - 5 > 0 ? this.secondsPlayed - 5 : 0;\n    }\n  }\n\n  private handleClick(_event: MouseEvent) {\n    if (this.hideControls) {\n      return;\n    }\n    if (\n      isSafari() &&\n      (this.type === VIDEOPLAYER_TYPE_FILE || this.type === VIDEOPLAYER_TYPE_MOVING_IMAGE) &&\n      this.isPlaying\n    ) {\n      return;\n    }\n    this.handlePlayToggle();\n  }\n\n  handleEnterViewport() {\n    if (this.autoplay || this.isPausedOutOfViewport) {\n      this.play();\n      this.isPausedOutOfViewport = false;\n    }\n  }\n\n  handleLeaveViewport() {\n    if (this.isPlaying && !this.isFullscreen) {\n      this.pause();\n      this.isPausedOutOfViewport = true;\n    }\n  }\n\n  private EnterViewport(element: HTMLElement) {\n    if (window && window.IntersectionObserver) {\n      const videoObserver = new window.IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          entries.forEach((entry) => {\n            if (entry.intersectionRatio > 0) {\n              this.handleEnterViewport();\n            } else {\n              this.handleLeaveViewport();\n            }\n          });\n        },\n        {\n          threshold: [0, 1]\n        }\n      );\n      videoObserver.observe(element);\n    }\n  }\n\n  imageAsPoster() {\n    const image: HTMLEonUiLinkElement = getFirstNestedChild(this.hostElement, \"eon-ui-image\");\n    if (image) {\n      image.getAttribute(\"alt\") ?? image.setAttribute(\"alt\", this.currentLocalization.posterAltDefault);\n      image.getAttribute(\"title\") ?? image.setAttribute(\"title\", this.currentLocalization.posterTitleDefault);\n      image.setAttribute(\"use-as-background\", \"true\");\n      this.posterImagePlaceholder = true;\n    } else {\n      this.posterImagePlaceholder = false;\n    }\n  }\n\n  render() {\n    const canPlayButtonCoverYouTubeButton =\n      this.type === VIDEOPLAYER_TYPE_YOUTUBE && !(this.posterImagePlaceholder && this.posterImage);\n    const headlineInvisibleOnYoutube =\n      this.type === VIDEOPLAYER_TYPE_YOUTUBE && (this.isPlaying || (!this.isPlaying && !this.isStopped));\n    const isPlayButtonHidden = canPlayButtonCoverYouTubeButton && !this.headline;\n    const isPlaceholderVisible = (this.isStopped && !this.autoplay && !isPlayButtonHidden) || this.hasError;\n    const isHeadlineVisible =\n      this.isStopped || !this.isPlaying || (this.isMouseOver && this.isPlaying && !this.hideControls);\n    const filePlayerOnSafari =\n      isSafari() && (this.type === VIDEOPLAYER_TYPE_FILE || this.type === VIDEOPLAYER_TYPE_MOVING_IMAGE);\n    const isPlayButtonHiddenInSafari = filePlayerOnSafari && !(this.posterImagePlaceholder && this.posterImage);\n\n    return (\n      <Host>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n        <div\n          class={pfx({\n            videoplayer: true,\n            [\"click-event\"]: this.hideControls,\n            [\"force-full-height\"]: this.useAsBackground,\n            [\"is-touch\"]: isTouchDevice()\n          })}\n          ref={(el) => (this.videoplayerElement = el)}\n          tabindex={`${filePlayerOnSafari ? \"1\" : \"-1\"}`}\n          onKeyDown={(e: KeyboardEvent) => this.handleKeyPress(e)}\n        >\n          <div\n            class={pfx({\n              relative: true,\n              fullscreen: this.isFullscreen,\n              [\"force-full-height\"]: this.useAsBackground\n            })}\n          >\n            <div class={pfx(\"absolute\")}>\n              {\n                /* The actual video player */\n                <div\n                  class={pfx({\n                    player: true,\n                    fullscreen: this.isFullscreen,\n                    safari: isSafari(),\n                    [\"click-event\"]: this.hideControls,\n                    iOSYoutubeHack: this.type === VIDEOPLAYER_TYPE_YOUTUBE && this.isIosMobileDevice,\n                    placeholder: this.posterImagePlaceholder && this.posterImage && isPlaceholderVisible,\n                    playing: this.isPlaying\n                  })}\n                  role=\"presentation\"\n                >\n                  {(this.type === VIDEOPLAYER_TYPE_FILE || this.type === VIDEOPLAYER_TYPE_MOVING_IMAGE) && (\n                    <eon-ui-videoplayer-file\n                      autoplay={this.autoplay}\n                      is-muted={this.isMuted}\n                      is-playing={this.isPlaying}\n                      is-fullscreen={this.isFullscreen}\n                      seek-time={this.seekTime}\n                      source={this.src}\n                      currentLocalization={this.currentLocalization}\n                      onClick={(e) => this.handleClick(e)}\n                      type={this.type}\n                    ></eon-ui-videoplayer-file>\n                  )}\n                  {this.type === VIDEOPLAYER_TYPE_YOUTUBE && (\n                    <eon-ui-youtubeplayer\n                      autoplay={this.autoplay}\n                      is-muted={this.isMuted}\n                      is-playing={this.isPlaying}\n                      seek-time={this.seekTime}\n                      source={this.src}\n                      hide-controls={this.hideControls}\n                      onClick={(e) => this.handleClick(e)}\n                      no-cookie={this.noCookie}\n                      language-code={this.languageCode}\n                      captions={this.captions}\n                    />\n                  )}\n                </div>\n              }\n              {\n                /* Custom controls */\n                !this.hasError && !this.hideControls && !filePlayerOnSafari && (\n                  <eon-ui-videoplayer-controls\n                    duration={this.duration}\n                    hide-mute-button={this.hideMuteButton}\n                    hide-full-screen-button={this.isIosMobileDevice}\n                    is-fullscreen={this.isFullscreen}\n                    is-muted={this.isMuted}\n                    is-playing={this.isPlaying}\n                    percent-played={this.percentPlayed}\n                    seconds-played={this.secondsPlayed}\n                    currentLocalization={this.currentLocalization}\n                  ></eon-ui-videoplayer-controls>\n                )\n              }\n              {\n                /* Poster */\n                isPlaceholderVisible && (\n                  <div\n                    class={pfx({\n                      placeholder: true,\n                      [\"click-event\"]: filePlayerOnSafari\n                    })}\n                  >\n                    {this.posterImagePlaceholder && this.posterImage && (\n                      /* Poster */\n                      <slot name=\"image\"></slot>\n                    )}\n                  </div>\n                )\n              }\n              {\n                /* Headline, Play button */\n                !this.hasError && (\n                  <div class={pfx(\"video-container\")}>\n                    <div class={pfx(\"content\")}>\n                      {this.headline && (\n                        <div\n                          class={pfx({\n                            \"content-headline\": true,\n                            [\"invisible-in-small-grids\"]:\n                              canPlayButtonCoverYouTubeButton || headlineInvisibleOnYoutube || !isHeadlineVisible\n                          })}\n                        >\n                          {\n                            /* Headline */\n                            <span class={pfx(\"headline\")}>\n                              <eon-ui-headline\n                                ref={(ref) => {\n                                  this.headlineComponent = ref;\n                                }}\n                                text={this.headline}\n                                headline-html-tag={this.seoHeadlineTag}\n                                text-shadow={this.headlineTextShadow}\n                                alignment={HEADLINE_ALIGNMENT_LEFT}\n                                margin={false}\n                              ></eon-ui-headline>\n                            </span>\n                          }\n                        </div>\n                      )}\n                      <div class={pfx(\"content-button\")}>\n                        {\n                          /* Play button */\n                          !isPlayButtonHidden && isPlaceholderVisible && !isPlayButtonHiddenInSafari && (\n                            <eon-ui-button\n                              class={pfx({\n                                centered: !!this.headline,\n                                \"invisible-in-small-grids\": canPlayButtonCoverYouTubeButton,\n                                \"video-replay\": this.hasFinishedPlaying\n                              })}\n                              scheme={VIDEOPLAYER_BUTTON_SCHEME}\n                              icon={\n                                this.hasFinishedPlaying\n                                  ? \"video_replay\"\n                                  : VIDEOPLAYER_FILLED_ICON\n                                  ? \"play_filled\"\n                                  : \"play\"\n                              }\n                              onClick={(_e) => this.handlePlay()}\n                              aria-label={\n                                this.hasFinishedPlaying\n                                  ? this.currentLocalization.replay\n                                  : this.currentLocalization.play\n                              }\n                              title={\n                                this.hasFinishedPlaying\n                                  ? this.currentLocalization.replay\n                                  : this.currentLocalization.play\n                              }\n                            ></eon-ui-button>\n                          )\n                        }\n                      </div>\n                    </div>\n                  </div>\n                )\n              }\n              {\n                /* Error */\n                this.hasError && this.showErrorMessage && (\n                  <div class={pfx({ error: true, semitransparent: isPlaceholderVisible })}>\n                    <div class={pfx(\"error-content\")}>\n                      <p class={pfx(\"error-text\")}>{this.currentLocalization.unableToPlay}</p>\n                    </div>\n                  </div>\n                )\n              }\n              {\n                <div\n                  role=\"button\"\n                  tabIndex={0}\n                  onClick={(_e) => {\n                    this.handlePlayToggle();\n                  }}\n                  onKeyDown={(e: KeyboardEvent) => this.handleKeyPress(e)}\n                  class={pfx({\n                    [\"video-wrapper\"]: true,\n                    [\"start\"]: this.isStopped,\n                    [\"playing\"]: this.isPlaying,\n                    [`pause${this.type === VIDEOPLAYER_TYPE_YOUTUBE ? \"-youtube\" : \"\"}`]:\n                      !this.isPlaying && !this.isStopped,\n                    [\"click-event\"]: filePlayerOnSafari,\n                    [\"shadow-overlay\"]: this.shadowOnVideo,\n                    [\"background-video\"]: this.useAsBackground\n                  })}\n                ></div>\n              }\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}