{"file":"vds-read-more.entry.js","mappings":";;AAAA,MAAM,cAAc,GAAG,gxRAAgxR,CAAC;AACxyR,0BAAe,cAAc;;MCOhB,WAAW;;;;;sBAcoB,OAAO;;IAEjD,MAAM;QACJ,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QAErC,QACE,EAAC,IAAI,uDACH,0DACA,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,MAAM,KAAK,QAAQ,GAAG,UAAU,GAAG,SAAS,EACjD,KAAK,EAAC,oFAAoF,IAExF,6DAAM,KAAK,EAAC,sBAAsB,IAAE,KAAK,CAAQ,EACjD,4DAAK,OAAO,EAAC,WAAW,IACtB,iEAAU,MAAM,EAAC,+BAA+B,GAAY,CACxD,EACN,4DAAK,KAAK,EAAC,yBAAyB,GAAO,CACzC,CACC,EACP;KACH;;;;;;","names":[],"sources":["src/components/vds-read-more/vds-read-more.scss?tag=vds-read-more&encapsulation=shadow","src/components/vds-read-more/vds-read-more.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nspan.hover-underline-text {\n  @apply text-berry bg-no-repeat;\n  background-image: linear-gradient(0deg, var(--vt-color-berry-default, #D7004B) 0%, var(--vt-color-berry-default, #D7004B) 100%);\n  background-position: 100% 100.6%;\n  background-size: 0% 1.5px;\n  transition: background-size .2s ease-out 0s;\n  transform: translateZ(0);\n}\n\nsvg {\n  @apply align-top inline relative leading-[1] w-[26px] sm:h-[30px] h-[29px] -left-[4px] sm:top-[7.25px] top-[4px] stroke-berry;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 1px;\n  stroke-dasharray: 13.2 22;\n  stroke-dashoffset: 26;\n  transition: stroke-dashoffset .3s cubic-bezier(0.3, 0.75, 0.5, 0.75) .1s;\n}\n\ndiv.hover-underline-overlay {\n  @apply absolute w-[10px] h-[9px] right-[16px] bottom-[20px] bg-white;\n  transition: bottom .5s ease-in;\n}\n\na:hover, a[aria-hovered] {\n  span.hover-underline-text {\n    background-size: 100% 1.5px;\n    transition: background-size .2s ease-out .1s;\n  }\n\n  div.hover-underline-overlay {\n    transition: bottom .2s linear;\n    bottom: 16px;\n  }\n\n  svg {\n    stroke-dashoffset: 49;\n    transition: stroke-dashoffset .3s linear 0s;\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport { HTMLAnchorElementTarget } from '../../utils/helpers';\n\n@Component({\n  tag: 'vds-read-more',\n  styleUrl: 'vds-read-more.scss',\n  shadow: true,\n})\nexport class VdsReadMore {\n\n  /**\n   * Label of the button\n   */\n   @Prop() label: string;\n\n   /**\n   * Href of anchor\n   */\n  @Prop() href: string;\n  /**\n   * Target of anchor\n   */\n  @Prop() target: HTMLAnchorElementTarget = '_self';\n\n  render() {\n    const { href, label, target } = this;\n\n    return (\n      <Host>\n        <a\n        href={href}\n        target={target}\n        rel={target === '_blank' ? 'noopener' : undefined}\n        class=\"relative text-berry hover:no-underline sm:text-sidebar-desktop text-sidebar-mobile\"\n        >\n          <span class=\"hover-underline-text\">{label}</span>\n          <svg viewBox=\"0 0 18 24\">\n            <polyline points=\"0.5 19.5 3 19.5 12.5 10 3 0.5\"></polyline>\n          </svg>\n          <div class=\"hover-underline-overlay\"></div>\n        </a>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}