{"file":"presto-action-bar-ui2.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,muBAAmuB;;MCOnvB,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAA,WAAA,CAAA;;;;;;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;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"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"],"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"],"version":3}