{"file":"vds-header-slide-content.vds-header-slide-media.vds-header-slides.entry.js","mappings":"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","names":[],"sources":["src/components/vds-header-slide-content/vds-header-slide-content.scss?tag=vds-header-slide-content&encapsulation=shadow","src/components/vds-header-slide-content/vds-header-slide-content.tsx","src/components/vds-header-slide-media/vds-header-slide-media.scss?tag=vds-header-slide-media&encapsulation=shadow","src/components/vds-header-slide-media/vds-header-slide-media.tsx","src/components/vds-header-slides/vds-header-slides.scss?tag=vds-header-slides&encapsulation=shadow","src/components/vds-header-slides/vds-header-slides.tsx"],"sourcesContent":[":host {\r\n  @apply block w-full h-full bg-white;\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { stringTruncate } from '../../utils/helpers';\r\n\r\n@Component({\r\n  tag: 'vds-header-slide-content',\r\n  styleUrl: 'vds-header-slide-content.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsHeaderSlideContent {\r\n\r\n  /**\r\n   * Content Slide Headline\r\n   */\r\n  @Prop() headline: string = '';\r\n\r\n  render() {\r\n    const { headline } = this;\r\n\r\n    return (\r\n      <Host>\r\n        <div class=\"flex flex-col h-full w-full justify-center\">\r\n          <h3 class=\"inline-block text-grey font-heavy text-3xl leading-8 sm:text-[30px] sm:leading-[32px] uppercase mb-4 break-words\"\r\n              innerHTML={ stringTruncate(headline, 70) }></h3>\r\n          <slot></slot>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n",":host {\r\n  @apply block w-full h-full;\r\n}\r\n\r\n::slotted(img) {\r\n  @apply w-full min-h-full object-cover;\r\n}\r\n\r\n::slotted(picture) {\r\n  @apply w-full min-h-full object-cover;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'vds-header-slide-media',\r\n  styleUrl: 'vds-header-slide-media.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsHeaderSlideMedia {\r\n\r\n  render() {\r\n    return (\r\n      <Host>\r\n        <slot></slot>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n",":host {\r\n  @apply block;\r\n}\r\n\r\n::slotted(vds-slides[slot=media]) {\r\n  @apply w-full h-full;\r\n}\r\n\r\n::slotted(vds-slides[slot=content]) {\r\n  @apply min-w-full min-h-full flex items-center justify-center bg-white;\r\n}\r\n\r\nimg.separator {\r\n  @apply h-full max-h-[411px] block absolute top-0 bottom-0 z-20 translate-x-[-1px] select-none;\r\n\r\n  user-drag: none;\r\n  user-select: none;\r\n  -moz-user-select: none;\r\n  -webkit-user-drag: none;\r\n  -webkit-user-select: none;\r\n  -ms-user-select: none;\r\n}\r\n","import { Component, ComponentInterface, Element, h, Host, Listen, State } from '@stencil/core';\r\nimport { addEventListener, removeEventListener } from '../../utils/helpers';\r\n\r\n@Component({\r\n  tag: 'vds-header-slides',\r\n  styleUrl: 'vds-header-slides.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsHeaderSlides implements ComponentInterface {\r\n\r\n  private desktopMediaQuery = `(min-width: ${getComputedStyle(document.documentElement).getPropertyValue('--vt-breakpoint-sm').trim()})`;\r\n  private separatorImg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNjQuNCA0MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2NC40IDQxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkVEMDA7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyBpZD0iRWJlbmVfMV8xXyI+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQsMCAxLjUsNDEyIDkuNSw0MTIgMTU5LjYsMCAJIi8+CjwvZz4KPGcgaWQ9IkViZW5lXzJfMV8iPgoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIwLDAgMCw0MTIgMS41LDQxMiAxNTEuNiwwIAkiLz4KPC9nPgo8L3N2Zz4K';\r\n\r\n  @Element() el!: HTMLElement;\r\n\r\n  @State() contentSlides?: HTMLVdsSlidesElement;\r\n  @State() mediaSlides?: HTMLVdsSlidesElement;\r\n  @State() matches = window.matchMedia(this.desktopMediaQuery).matches;\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  handleResize() {\r\n    const matches = window.matchMedia(this.desktopMediaQuery).matches;\r\n    if (this.matches !== matches) {\r\n      this.matches = window.matchMedia(this.desktopMediaQuery).matches;\r\n    }\r\n  }\r\n\r\n  async componentDidRender(): Promise<void> {\r\n    this.mediaSlides = this.el.querySelector('vds-slides[slot=media]');\r\n    this.contentSlides = this.el.querySelector('vds-slides[slot=content]');\r\n\r\n    if (this.mediaSlides && this.contentSlides) {\r\n      this.mediaSlides.options.effect = 'fade';\r\n      this.mediaSlides.options.centeredSlides = true;\r\n      await this.mediaSlides.update();\r\n      await this.contentSlides.lockSwipes(true);\r\n      addEventListener(this.mediaSlides, 'vdsSlideDidChange', () => this.changeContentSlide(this.mediaSlides, this.contentSlides));\r\n    }\r\n  }\r\n\r\n  disconnectedCallback(): void {\r\n    if (this.mediaSlides) {\r\n      removeEventListener(this.mediaSlides, 'vdsSlideDidChange', () => this.changeContentSlide(this.mediaSlides, this.contentSlides));\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const { separatorImg, matches, mediaSlides, contentSlides } = this;\r\n\r\n    matches ?\r\n      contentSlides?.classList.add('swiper-horizontal-centered') :\r\n      contentSlides?.classList.remove('swiper-horizontal-centered');\r\n\r\n    return (\r\n      <Host>\r\n        <div class=\"relative flex flex-wrap overflow-hidden shadow-[-1px_1px_4px_rgb(237,237,236)] sm:rounded-b-[8px] my-[2px] sm:ml-[2px] ml-[-30px] sm:w-full w-[calc(100%+60px)]\">\r\n\r\n          { matches && (\r\n            <div class=\"relative flex items-center bg-white sm:max-w-[39.2%] max-w-full flex-1 sm:w-1/2 sm:pl-[30px] lg:pl-[50px] sm:mt-0 mt-[30px] sm:order-none order-2\">\r\n              <div class=\"block w-full max-w-full h-full\">\r\n                <div id=\"contentDesktopContainer\" class=\"relative grid items-center h-full min-h-auto z-0 overflow-hidden\">\r\n                  <slot name=\"content\"></slot>\r\n                </div>\r\n              </div>\r\n              <div>\r\n                <img class=\"separator\" src={ separatorImg } alt=\"separator\" />\r\n              </div>\r\n            </div>\r\n          )}\r\n\r\n          <div class=\"sm:w-1/2 flex-1 max-w-full\">\r\n            <div class=\"relative h-full text-[rgba(255, 255, 255, 0.7)]\">\r\n              <div class=\"relative z-0 overflow-hidden h-full box-border\">\r\n                  <slot name=\"media\"></slot>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"grid justify-items-end pt-[20px]\">\r\n          {\r\n            mediaSlides && (<vds-pagination-pill slides={mediaSlides}></vds-pagination-pill>)\r\n          }\r\n        </div>\r\n        <div id=\"contentMobileContainer\" class=\"block sm:hidden mt-10 sm:mt-0\">\r\n          {\r\n            !matches && (<slot name=\"content\"></slot>)\r\n          }\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  private async changeContentSlide(mediaSlides: HTMLVdsSlidesElement, contentSlides: HTMLVdsSlidesElement): Promise<void> {\r\n    const index = await mediaSlides.getActiveIndex();\r\n    await contentSlides.slideTo(index);\r\n  }\r\n\r\n}\r\n"],"version":3}