{"version":3,"names":["slideCss","LgrSlideStyle0","Slide","render","h","Host","key","class","style","background","this","gradient","imageSrc","textBackground","name"],"sources":["src/components/slider/slide.scss?tag=lgr-slide","src/components/slider/slide.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nlgr-slide {\n  padding: 32px;\n  box-sizing: border-box;\n\n  .container-background {\n    padding: 16px;\n    border-radius: 16px;\n    background-color: #ED9539;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'lgr-slide',\n  styleUrl: 'slide.scss',\n  shadow: false,\n})\nexport class Slide {\n\n  /**\n   * Background of text.\n   */\n  @Prop({ reflect: true }) textBackground: boolean = true;\n  /**\n   * Image source of slide's background image.\n   */\n  @Prop({ reflect: true }) imageSrc?: string;\n  /**\n   * \n   */\n  @Prop({ reflect: true }) gradient: boolean = true;\n\n  render() {\n    return (\n      <Host\n        class='swiper-slide'\n        style={{\n          'background': `\n            ${this.gradient ? 'linear-gradient(90deg, rgba(51, 51, 51, 0.50) 0%, rgba(51, 51, 51, 0.00) 88.77%), ' : ''}\n            ${this.imageSrc !== \"\" ? `url(${this.imageSrc}) center / cover no-repeat ` : ''}\n          `\n        }}\n      >\n        <div class={{\n          'container-background': this.textBackground\n        }}>\n          <slot name='text' />\n        </div>\n        <div>\n          <slot name='button' />\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAW,6JACjB,MAAAC,EAAeD,E,MCMFE,EAAK,M,6CAKmC,K,sCAQN,I,CAE7C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAM,eACNC,MAAO,CACLC,WAAc,iBACVC,KAAKC,SAAW,qFAAuF,mBACvGD,KAAKE,WAAa,GAAK,OAAOF,KAAKE,sCAAwC,mBAIjFR,EAAA,OAAAE,IAAA,2CAAKC,MAAO,CACV,uBAAwBG,KAAKG,iBAE7BT,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,UAEbV,EAAA,OAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,Y"}