{"file":"vds-content-media.entry.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,ogKAAogK,CAAC;AAChiK,8BAAe,kBAAkB;;MCOpB,eAAe;;;wBASP,EAAE;uBAOH,EAAE;6BAKI,KAAK;wBAKV,KAAK;;IAGxB,YAAY;QACV,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAED,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAElD,QACE,EAAC,IAAI,uDACH,yEAAkB,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,oBAAkB,aAAa,IAEnF,4DAAK,IAAI,EAAC,YAAY,IACpB,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EAEN,4DAAK,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,wBAAwB,IAC9C,6DAAM,IAAI,EAAC,OAAO,GAAQ,EAC1B,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EAEN,4DAAK,IAAI,EAAC,YAAY,IACpB,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EAEJ,aAAa,KACb,4DAAK,IAAI,EAAC,WAAW,IACnB,6DAAM,IAAI,EAAC,WAAW,GAAQ,CAC1B,CACP,CACgB,EAEjB,IAAI,CAAC,QAAQ;YACb,4DAAK,KAAK,EAAC,4DAA4D,IACrE,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CAEH,EACP;KACH;IAED,kBAAkB;QAChB,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IAEO,WAAW;QACjB,MAAM,eAAe,GAAG,eAAe,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,IAAI,EAAE,GAAG,CAAC;QACnI,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QAErD,IAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,OAAO,EAAE;YAC7C,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,CAAC,EAAE,CAAC,CAAC;SAC/B;aACI;YACH,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,CAAC,EAAE,CAAC,CAAC;SAC/B;KACF;;;;;;;","names":[],"sources":["src/components/vds-content-media/vds-content-media.scss?tag=vds-content-media&encapsulation=shadow","src/components/vds-content-media/vds-content-media.tsx"],"sourcesContent":[":host {\r\n  @apply block;\r\n}\r\n\r\n::slotted([slot=pagination]) {\r\n  @apply w-full flex justify-center mt-[35px];\r\n}\r\n","import { Component, Host, h, Prop, Element, Listen } from '@stencil/core';\r\nimport { VdsContentBaseProperties } from '../vds-content-base/vds-content-base.interface';\r\n\r\n@Component({\r\n  tag: 'vds-content-media',\r\n  styleUrl: 'vds-content-media.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsContentMedia implements VdsContentBaseProperties {\r\n\r\n  @Element() el!: HTMLElement;\r\n\r\n  /**\r\n   * Headline for the Content Modules\r\n   * Mandatory: no\r\n   * Max Chars: 50\r\n   */\r\n  @Prop() headline = '';\r\n\r\n  /**\r\n   * Subline for the Content Module\r\n   * Mandatory: no\r\n   * Max Chars: 150\r\n   */\r\n  @Prop() subline = '';\r\n\r\n  /**\r\n   * Controls wether or not the downloads should be displayed\r\n   */\r\n  @Prop() showDownloads = false;\r\n\r\n  /**\r\n   * Controls wether or not the call-to-action buttons should be displayed\r\n   */\r\n  @Prop() showCtas = false;\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  handleResize() {\r\n    this.setupSlides();\r\n  }\r\n\r\n  render() {\r\n    const { headline, subline, showDownloads } = this;\r\n\r\n    return (\r\n      <Host>\r\n        <vds-content-base headline={headline} subline={subline} show-downloads={showDownloads}>\r\n\r\n          <div slot=\"copy-above\">\r\n            <slot name=\"copy-above\"></slot>\r\n          </div>\r\n\r\n          <div slot=\"media\" class=\"w-full overflow-hidden\">\r\n            <slot name=\"media\"></slot>\r\n            <slot name=\"pagination\"></slot>\r\n          </div>\r\n\r\n          <div slot=\"copy-below\">\r\n            <slot name=\"copy-below\"></slot>\r\n          </div>\r\n\r\n          { showDownloads && (\r\n            <div slot=\"downloads\">\r\n              <slot name=\"downloads\"></slot>\r\n            </div>\r\n          )}\r\n        </vds-content-base>\r\n        {\r\n          this.showCtas &&\r\n          <div class=\"flex flex-wrap flex-row justify-start gap-y-3 gap-x-6 mt-6\">\r\n            <slot name=\"ctas\"></slot>\r\n          </div>\r\n        }\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  componentDidRender(): void {\r\n    this.setupSlides();\r\n  }\r\n\r\n  private setupSlides(): void {\r\n    const largeMediaQuery = `(min-width: ${getComputedStyle(document.documentElement).getPropertyValue('--vt-breakpoint-lg').trim()})`;\r\n    const slidesEl = this.el.querySelector('vds-slides');\r\n\r\n    if(window.matchMedia(largeMediaQuery).matches) {\r\n      slidesEl?.setSpaceBetween(50);\r\n    }\r\n    else {\r\n      slidesEl?.setSpaceBetween(30);\r\n    }\r\n  }\r\n\r\n}\r\n"],"version":3}