import{r,c as e,h as i}from"./p-BxRAfMA5.js";import{f as o}from"./p-G840BFTB.js";const t=':host{display:block;font-size:16px;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index:99999}*{box-sizing:border-box}a{color:#fff}.overlay{position:relative;display:flex;align-items:center;text-align:center;justify-content:center;padding:48px;color:#fff;font-family:var(--plyr-font-family, "San Francisco", -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif);height:100%}.overlay:before{content:"";border-radius:var(--presto-player-border-radius, 0);opacity:var(--presto-player-email-background-opacity, 0.75);position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--presto-player-email-background, #000);z-index:-1;box-shadow:inset 0 0 100px black}.overlay.rtl form{flex-direction:row-reverse}.content{width:20em}form{display:flex;align-items:stretch;justify-content:center}input{background:#fff;border:none;font-size:0.8em;line-height:20px;padding:6px 8px;border-radius:0;border-width:1px;border-style:solid;border-color:transparent;border-radius:var(--presto-player-email-border-radius, 0) 0 0 var(--presto-player-email-border-radius);flex:1}@media screen and (min-width: 700px){input{padding:10px 14px}}input:focus{border-color:var(--plyr-color-main, #000);z-index:1}input:focus,input:hover{outline:none}.rtl input{border-radius:0 var(--presto-player-email-border-radius, 0) var(--presto-player-email-border-radius) 0}button{background-color:var(--presto-player-button-color, var(--plyr-color-main));border-color:var(--presto-player-button-color, var(--plyr-color-main));color:var(--presto-player-button-text, #fff);appearance:none;padding:6px 12px;align-items:center;display:inline-flex;border-width:1px;border-color:transparent;border-radius:0;cursor:pointer;font-size:0.8em;border-radius:0 var(--presto-player-email-border-radius, 0) var(--presto-player-email-border-radius) 0}@media screen and (min-width: 700px){button{padding:10px 18px}}button:focus{box-shadow:rgb(255, 255, 255) 0px 0px 0px 2px, var(--plyr-color-main, #000) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;z-index:1}button:focus,button:hover{outline:none}.rtl button{border-radius:var(--presto-player-email-border-radius, 0) 0 0 var(--presto-player-email-border-radius)}h1{font-size:1.5em;font-weight:500;margin:0 0 22px 0;max-width:600px;line-height:1.1em}h1.is-small{margin-bottom:1em;font-size:1.1em}.skip{font-size:0.8em;font-weight:600;position:absolute;top:0;right:0;padding:4%;cursor:pointer}p{font-size:0.7em;margin:0;margin-top:1.5em}p.is-small{font-size:0.9em;margin-top:1em}',a=class{constructor(i){r(this,i),this.submitForm=e(this,"submitForm"),this.skip=e(this,"skip")}handleSubmit(e){this.submitForm.emit({email:this.email}),e.preventDefault()}componentDidLoad(){let e=this.type||this.provider;this.isAudioProvider="audio"===e,o(this.textInput,3,{maxFontSize:this.isAudioProvider?15:20,minFontSize:8})}handleChange(e){this.email=e.target.value}render(){var e,r,o,t;return i("div",{key:"b8e118c613aa8700448994aed04447b6464a119b",class:"overlay "+("rtl"===this.direction?"rtl":""),ref:e=>this.textInput=e},i("div",{key:"5a14ca9fa2b25515cea4da5466a933912ad9a9ed",class:"content"},i("h1",{key:"bd756aebf1015cdd0b4efd84f81f282edd9d93ba",class:this.isAudioProvider&&"is-small"},this.headline||(null===(e=null==this?void 0:this.i18n)||void 0===e?void 0:e.emailDefaultHeadline)),this.isLoading?i("presto-player-spinner",null):i("form",{onSubmit:e=>this.handleSubmit(e)},i("input",{type:"email",placeholder:null===(r=null==this?void 0:this.i18n)||void 0===r?void 0:r.emailPlaceholder,value:this.email,onInput:e=>this.handleChange(e),required:!0}),i("button",{type:"submit"},this.buttonText||(null===(o=null==this?void 0:this.i18n)||void 0===o?void 0:o.play))),this.errorMessage&&i("p",{key:"6c5bbc81394175cda1efcc160b170159cc079c74",class:"error"},this.errorMessage),this.bottomText&&i("p",{key:"47891a20de1cb0c9ac22339348d683394a3529bd",innerHTML:this.bottomText,class:this.isAudioProvider&&"is-small"}),!!this.allowSkip&&i("div",{key:"338e4db6407a69a42f5a7b6ae03baa50646cd23b",class:"skip",onClick:()=>{this.skip.emit()}},null===(t=null==this?void 0:this.i18n)||void 0===t?void 0:t.skip," →")))}};a.style=t;const s=":host{position:relative;box-sizing:border-box;--track-color:#0d131e20;--indicator-color:var(--plyr-color-main);--stroke-width:2px;display:inline-flex}:host *,:host *:before,:host *:after{box-sizing:inherit}.spinner{display:inline-block;width:1em;height:1em;border-radius:50%;border:solid var(--stroke-width) var(--track-color);border-top-color:var(--indicator-color);border-right-color:var(--indicator-color);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}",n=class{constructor(e){r(this,e)}render(){return i("span",{key:"159a7d02b47ee7031c1848d0a2c050127e9a584b",part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}};n.style=s;export{a as presto_email_overlay_ui,n as presto_player_spinner};