{"file":"vds-footer.entry.js","mappings":";;AAAA,MAAM,YAAY,GAAG,8lPAA8lP,CAAC;AACpnP,wBAAe,YAAY;;MCOd,SAAS;;;;;;6BAoB6B,QAAQ;;;IAOzD,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC9E,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAC,kFAAkF,IAC3F,4DAAK,KAAK,EAAC,wDAAwD,IACjE,4DAAK,KAAK,EAAC,uCAAuC,IAChD,2DAAI,KAAK,EAAC,4EAA4E,IAClF,QAAQ,CACP,EACL,6DAAM,IAAI,EAAC,KAAK,GAAQ,CACpB,EACN,6EAAsB,IAAI,EAAG,WAAW,EAAG,MAAM,EAAG,aAAa,EAAG,KAAK,EAAC,yGAAyG,IAC/K,WAAW,CACQ,EACvB,4DAAK,KAAK,EAAC,6BAA6B,IACtC,4DAAK,KAAK,EAAC,iFAAiF,IAC1F,0DAAG,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,qHAAqH,IACnI,SAAS,CACT,CACA,EACN,4DAAK,KAAK,EAAC,0EAA0E,IACnF,4DAAK,KAAK,EAAC,wFAAwF,IACjG,6DAAM,IAAI,EAAC,oBAAoB,GAAQ,CACnC,EACN,4DAAK,KAAK,EAAC,sEAAsE,IAC/E,6DAAM,IAAI,EAAC,cAAc,GAAQ,CAC7B,CACF,CACF,CACF,CACF,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-footer/vds-footer.scss?tag=vds-footer&encapsulation=shadow","src/components/vds-footer/vds-footer.tsx"],"sourcesContent":[":host {\r\n  @apply block;\r\n}\r\n\r\n::slotted([slot=social-media-items]) {\r\n  @apply bg-no-repeat text-grey scale-100 sm:h-[35px] sm:w-[35px] w-[26px] h-[26px] md:ml-[30px] md:mr-0 md:mb-0 mx-[12px] mb-[15px] flex items-center overflow-visible;\r\n  transition: color 0.25s linear, transform 0.25s linear;\r\n}\r\n\r\n::slotted([slot=social-media-items]:hover) {\r\n  transform: scaleX(1.2) scaleY(1.2)\r\n}\r\n\r\n::slotted([slot=footer-links]) {\r\n  @apply text-grey-dark md:text-footer-desktop text-footer-mobile mr-[20px];\r\n}\r\n","import { Component, Host, h, Prop } from '@stencil/core';\r\nimport { HTMLAnchorElementTarget } from '../../utils/helpers';\r\n\r\n@Component({\r\n  tag: 'vds-footer',\r\n  styleUrl: 'vds-footer.scss',\r\n  shadow: true,\r\n})\r\nexport class VdsFooter {\r\n\r\n  /**\r\n   * Headline\r\n   */\r\n  @Prop() headline: string;\r\n\r\n  /**\r\n   * Top link text\r\n   */\r\n  @Prop() topLinkText: string;\r\n\r\n  /**\r\n   * Top link href\r\n   */\r\n  @Prop() topLinkHref: string;\r\n\r\n  /**\r\n   * Top link target\r\n   */\r\n  @Prop() topLinkTarget: HTMLAnchorElementTarget = '_blank';\r\n\r\n  /**\r\n   * Copyright\r\n   */\r\n  @Prop() copyright: string;\r\n\r\n  render() {\r\n    const { headline, topLinkText, topLinkHref, topLinkTarget, copyright } = this;\r\n    return (\r\n      <Host>\r\n        <div class=\"lg:mt-[100px] mt-[70px] md:pb-[20px] pb-[10px] border-b-8 border-yellow bg-white\">\r\n          <div class=\"flow-root box-content max-w-[1200px] mx-auto px-[30px]\">\r\n            <div class=\"mb-[85px] flex flex-wrap items-center\">\r\n              <h4 class=\"uppercase mr-[30px] mb-[20px] sm:mb-0 text-h4-desktop text-grey font-heavy\">\r\n                { headline }\r\n              </h4>\r\n              <slot name=\"cta\"></slot>\r\n            </div>\r\n            <vds-interactive-link href={ topLinkHref } target={ topLinkTarget } class=\"w-fit font-bold text-footer-mobile md:text-sidebar-mobile text-center md:text-left mx-auto md:mx-0 mb-4\">\r\n              { topLinkText }\r\n            </vds-interactive-link>\r\n            <div class=\"flex flex-wrap items-center\">\r\n              <div class=\"w-full max-w-full box-border md:text-left text-center md:order-first order-last\">\r\n                <a href=\"#\" class=\"relative text-grey-dark text-center md:text-footer-desktop text-footer-mobile mx-[10px] md:mx-0 pointer-events-none\">\r\n                  { copyright }\r\n                </a>\r\n              </div>\r\n              <div class=\"w-full max-w-full box-border flex flex-wrap items-center justify-between\">\r\n                <div class=\"w-full max-w-full md:w-auto box-border flex flex-wrap mb-[25px] md:mb-0 justify-center\">\r\n                  <slot name=\"social-media-items\"></slot>\r\n                </div>\r\n                <div class=\"flex flex-wrap md:order-first md:justify-start justify-center flex-1\">\r\n                  <slot name=\"footer-links\"></slot>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </Host>\r\n    );\r\n  }\r\n\r\n}\r\n"],"version":3}