OwlCyberSecurity - MANAGER

Edit File: p-0665e072.entry.js

import{r as e,c as i,h as r}from"./p-43f79dfb.js";import{f as t}from"./p-dfe6b15e.js";const o=':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=o,s=class{constructor(r){e(this,r),this.submitForm=i(this,"submitForm",7),this.skip=i(this,"skip",7),this.headline=void 0,this.bottomText=void 0,this.buttonText=void 0,this.allowSkip=void 0,this.borderRadius=void 0,this.isLoading=void 0,this.errorMessage=void 0,this.direction=void 0,this.i18n=void 0,this.provider=void 0,this.type=void 0,this.email=void 0,this.isAudioProvider=void 0}handleSubmit(i){this.submitForm.emit({email:this.email}),i.preventDefault()}componentDidLoad(){let i=this.type||this.provider;this.isAudioProvider="audio"===i,t(this.textInput,3,{maxFontSize:this.isAudioProvider?15:20,minFontSize:8})}handleChange(i){this.email=i.target.value}render(){var i,e,o,t;return r("div",{key:"b8e118c613aa8700448994aed04447b6464a119b",class:"overlay "+("rtl"===this.direction?"rtl":""),ref:i=>this.textInput=i},r("div",{key:"5a14ca9fa2b25515cea4da5466a933912ad9a9ed",class:"content"},r("h1",{key:"bd756aebf1015cdd0b4efd84f81f282edd9d93ba",class:this.isAudioProvider&&"is-small"},this.headline||(null===(i=null==this?void 0:this.i18n)||void 0===i?void 0:i.emailDefaultHeadline)),this.isLoading?r("presto-player-spinner",null):r("form",{onSubmit:i=>this.handleSubmit(i)},r("input",{type:"email",placeholder:null===(e=null==this?void 0:this.i18n)||void 0===e?void 0:e.emailPlaceholder,value:this.email,onInput:i=>this.handleChange(i),required:!0}),r("button",{type:"submit"},this.buttonText||(null===(o=null==this?void 0:this.i18n)||void 0===o?void 0:o.play))),this.errorMessage&&r("p",{key:"6c5bbc81394175cda1efcc160b170159cc079c74",class:"error"},this.errorMessage),this.bottomText&&r("p",{key:"47891a20de1cb0c9ac22339348d683394a3529bd",innerHTML:this.bottomText,class:this.isAudioProvider&&"is-small"}),!!this.allowSkip&&r("div",{key:"338e4db6407a69a42f5a7b6ae03baa50646cd23b",class:"skip",onClick:()=>{this.skip.emit()}},null===(t=null==this?void 0:this.i18n)||void 0===t?void 0:t.skip," →")))}};s.style=a;const n=":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)}}",d=n,l=class{constructor(i){e(this,i)}render(){return r("span",{key:"159a7d02b47ee7031c1848d0a2c050127e9a584b",part:"base",class:"spinner","aria-busy":"true","aria-live":"polite"})}};l.style=d;export{s as presto_email_overlay_ui,l as presto_player_spinner};