{"file":"presto-action-bar-ui.presto-youtube-subscribe-button.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,muBAAmuB;;MCOnvB,iBAAiB,GAAA,MAAA;;;;IAG5B,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,IAAI;gBACX,WAAW,EAAE,IAAI,CAAC,IAAI;AACvB,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAA,EACvC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,aAAa,EAAA,EACrC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACH;;;;;ACxBZ,MAAM,+BAA+B,GAAG,sBAAsB;;MCOjD,4BAA4B,GAAA,MAAA;AALzC,IAAA,WAAA,CAAA,OAAA,EAAA;;AASU,QAAA,IAAM,CAAA,MAAA,GAAW,SAAS;AAgCnC;AA7BC,IAAA,UAAU,CAAC,QAAQ,EAAA;QACjB,IAAI,QAAQ,GAAG,WAAW,CAAC,YAAA;;AACzB,YAAA,IAAI,CAAA,EAAA,GAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,EAAE;gBAC7B,aAAa,CAAC,QAAQ,CAAC;AACvB,gBAAA,QAAQ,EAAE;;SAEb,EAAE,EAAE,CAAC;;IAGR,gBAAgB,GAAA;QACd,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AAC3C,QAAA,EAAE,CAAC,IAAI,GAAG,iBAAiB;AAC3B,QAAA,EAAE,CAAC,KAAK,GAAG,KAAK;AAChB,QAAA,EAAE,CAAC,GAAG,GAAG,wCAAwC;QACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,CAAC,CAAC;AAErC,QAAA,IAAI,CAAC,UAAU,CAAC,MAAK;YACnB,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;gBAC7C,SAAS,EAAE,IAAI,CAAC,OAAO;gBACvB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,SAAS,GAAG,QAAQ;AAC7C,aAAA,CAAC;AACJ,SAAC,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,OAAO,4DAAK,KAAK,EAAC,eAAe,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAiB,CAAC,GAAQ;;;;;;;","names":[],"sources":["src/components/core/features/presto-action-bar/ui/presto-action-bar-ui.scss?tag=presto-action-bar-ui&encapsulation=shadow","src/components/core/features/presto-action-bar/ui/presto-action-bar-ui.tsx","src/components/ui/presto-youtube-subscribe-button/presto-youtube-subscribe-button.css?tag=presto-youtube-subscribe-button","src/components/ui/presto-youtube-subscribe-button/presto-youtube-subscribe-button.tsx"],"sourcesContent":[":host {\n display: block;\n overflow: hidden;\n}\n\n.bar {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: center;\n background: var(--presto-action-bar-background, #1d1d1d);\n color: #fff;\n padding: 0 var(--presto-action-bar-padding, 6px);\n line-height: 1em;\n font-size: 16px;\n margin-top: -100%;\n transition: margin var(--presto-action-bar-animation-speed, 0.5s) ease-in-out;\n transform: translate3d(0);\n border-radius: 0px 0px var(--presto-player-border-radius) var(--presto-player-border-radius);\n &.bar--open {\n margin-top: 0;\n }\n}\n\n.bar__button {\n margin: var(--presto-action-bar-padding, 6px);\n display: flex;\n align-items: center;\n}\n\n.bar__content {\n margin: var(--presto-action-bar-padding, 6px);\n width: 100%;\n text-align: center;\n\n @media screen and (min-width: 480px) {\n width: auto;\n }\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'presto-action-bar-ui',\n styleUrl: 'presto-action-bar-ui.scss',\n shadow: true,\n})\nexport class PrestoActionBarUi {\n @Prop() open?: boolean;\n\n render() {\n return (\n <div\n class={{\n 'bar': true,\n 'bar--open': this.open,\n }}\n >\n <span part=\"content\" class=\"bar__content\">\n <slot />\n </span>\n <span part=\"button\" class=\"bar__button\">\n <slot name=\"button\" />\n </span>\n </div>\n );\n }\n}\n",":host {\n display: block;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'presto-youtube-subscribe-button',\n styleUrl: 'presto-youtube-subscribe-button.css',\n shadow: false,\n})\nexport class PrestoYoutubeSubscribeButton {\n private textInput?: HTMLElement;\n\n @Prop() channel: string;\n @Prop() layout: string = 'default';\n @Prop() showCount: boolean;\n\n waitForApi(callback) {\n var interval = setInterval(function () {\n if (window?.gapi?.ytsubscribe) {\n clearInterval(interval);\n callback();\n }\n }, 50);\n }\n\n componentDidLoad() {\n const po = document.createElement('script');\n po.type = 'text/javascript';\n po.async = false;\n po.src = 'https://apis.google.com/js/platform.js';\n const s = document.getElementsByTagName('script')[0];\n s && s.parentNode.insertBefore(po, s);\n\n this.waitForApi(() => {\n window.gapi.ytsubscribe.render(this.textInput, {\n channelId: this.channel,\n layout: this.layout,\n count: this.showCount ? 'default' : 'hidden',\n });\n });\n }\n\n render() {\n return <div class=\"g-ytsubscribe\" ref={el => (this.textInput = el as HTMLElement)}></div>;\n }\n}\n"],"version":3}