{"file":"vds-stopper.entry.js","mappings":";;AAAA,MAAM,aAAa,GAAG,28MAA28M,CAAC;AACl+M,yBAAe,aAAa;;MCMf,UAAU;;;;;;wBAoB8B,KAAK;uBAKN,KAAK;;IAEvD,mBAAmB;QACjB,IAAG,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;YACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACxB;aACI;YACD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;SAC5C;KACF;IAED,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAElE,QACK,EAAC,IAAI,uDACF,4DAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,QAAQ,EAAC,IAC5B,4DAAK,KAAK,EAAC,0FAA0F,IACjG,4DAAK,KAAK,EAAE;gBACR,mPAAmP,EAAE,IAAI;gBACzP,gDAAgD,EAAE,OAAO;aAC5D,IACG,4DAAK,KAAK,EAAC,sFAAsF,IAC7F,+DAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,IACtC,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAC1F,0EAAgB,SAAS,eAAW,SAAS,EAAC,CAAC,EAAC,4mBAA4mB,EAAC,IAAI,EAAC,SAAS,GAAE,CAC3qB,CACD,CACP,EACN,4DAAK,KAAK,EAAC,0DAA0D,IACjE,2DAAI,KAAK,EAAC,8FAA8F,IAAG,QAAQ,CAAO,EAC1H,4DAAK,KAAK,EAAC,uDAAuD,IAC9D,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACvB,EACN,mEAAY,KAAK,EAAC,qBAAqB,EAAC,KAAK,EAAC,OAAO,oBAAgB,QAAQ,EAAC,IAAI,EAAG,QAAQ,EAAG,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAG,SAAS,GAAgB,EACjJ,sEAAe,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAG,QAAQ,EAAG,MAAM,EAAC,QAAQ,EAAC,KAAK,EAAG,SAAS,GAAmB,CAC3G,CACJ,CACJ,CACJ,CACH,EACT;KACH;IAEO,YAAY;QAClB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,UAAU,CAAC;YACP,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,YAAY,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YAC9C,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;SAC5C,EAAE,GAAG,CAAC,CAAC;KACT;;;;;;","names":[],"sources":["src/components/vds-stopper/vds-stopper.scss?tag=vds-stopper&encapsulation=shadow","src/components/vds-stopper/vds-stopper.tsx"],"sourcesContent":[":host {\r\n @apply block;\r\n}\r\n \r\n.bg-transparent-white {\r\n background-color: rgba(255, 255, 255, 0.8);\r\n}","import { Component, h, Host, Prop } from '@stencil/core'\r\n\r\n@Component({\r\n tag: 'vds-stopper',\r\n styleUrl: 'vds-stopper.scss',\r\n shadow: true,\r\n})\r\nexport class VdsStopper {\r\n\r\n /**\r\n * Headline\r\n */\r\n @Prop() headline: string;\r\n\r\n /**\r\n * Url of the link\r\n */\r\n @Prop() linkHref: string;\r\n\r\n /**\r\n * Label of the link\r\n */\r\n @Prop() linkLabel: string;\r\n\r\n /**\r\n * Toggles disabled status on and off\r\n */\r\n @Prop({ reflect: true, mutable: true }) disabled = false;\r\n\r\n /**\r\n * Toggles closing status on and off\r\n */\r\n @Prop({ reflect: true, mutable: true }) closing = false;\r\n\r\n componentWillRender(): void {\r\n if(localStorage.getItem('stopperClosed')) {\r\n this.disabled = true;\r\n }\r\n else {\r\n document.body.style.overflowY = \"hidden\";\r\n }\r\n }\r\n\r\n render() {\r\n const { headline, linkHref, linkLabel, disabled, closing } = this;\r\n\r\n return(\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n

{ headline }

\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n );\r\n }\r\n\r\n private closeStopper(): void {\r\n this.closing = true;\r\n setTimeout(() => {\r\n this.closing = false;\r\n this.disabled = true;\r\n localStorage.setItem('stopperClosed', 'true');\r\n document.body.style.overflowY = \"scroll\";\r\n }, 500); \r\n }\r\n}\r\n"],"version":3}