{"file":"vds-thumbnail-list.vds-thumbnail-list-item.entry.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,8zHAA8zH,CAAC;AAC31H,+BAAe,mBAAmB;;MCMrB,gBAAgB;;;;IAE3B,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,CACR,EACP;KACH;;;;ACfH,MAAM,uBAAuB,GAAG,iiOAAiiO,CAAC;AAClkO,mCAAe,uBAAuB;;MCMzB,oBAAoB;;;;;;;;;;;;IA4C/B,MAAM;QACJ,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAEvE,QACE,EAAC,IAAI,uDACH,0DAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,IAClH,4DAAK,KAAK,EAAC,sKAAsK,IAC9K,4DAAK,KAAK,EAAC,kEAAkE,IAC3E,6DAAM,IAAI,EAAC,OAAO,GAAQ,EAExB,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,CAE/D,EACN,4DAAK,KAAK,EAAC,6DAA6D,IACtE,4DAAK,KAAK,EAAC,6DAA6D,IAAE,KAAK,CAAO,EACtF,2DAAI,KAAK,EAAC,kDAAkD,IAAE,QAAQ,CAAM,EAC5E,0DAAG,KAAK,EAAC,MAAM,IAAE,IAAI,CAAK,EAE1B,4DAAK,KAAK,EAAC,mBAAmB,IAC5B,4DAAK,KAAK,EAAC,oEAAoE,IAC7E,4DAAK,KAAK,EAAC,6DAA6D,IACtE,6DAAM,IAAI,EAAC,YAAY,GAAQ,CAC3B,EACN,4DAAK,KAAK,EAAC,6EAA6E,IACtF,6DAAM,IAAI,EAAC,aAAa,GAAQ,CAC5B,CACF,CACF,CAEF,CACF,CACJ,CAEC,EACP;KACH;IAEO,kBAAkB,CAAC,GAAW,EAAE,KAAa,EAAE,IAAY;QACjE,QACE,WAAK,KAAK,EAAC,yHAAyH,IAClI,WAAK,KAAK,EAAC,qIAAqI,IAC9I,YAAM,KAAK,EAAC,WAAW,IAAE,GAAG,OAAG,KAAK,CAAQ,CACxC,EACN,WAAK,KAAK,EAAC,qIAAqI,IAC9I,YAAM,KAAK,EAAC,WAAW,IAAE,IAAI,CAAQ,CACjC,CACF,EACN;KACH;IAEO,cAAc;QACpB,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;QACnE,gBAAgB,CAAC,OAAO,CAAC,OAAO;YAC9B,MAAM,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACnD,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;SACtC,CAAC,CAAC;KACJ;;;;;;;","names":[],"sources":["src/components/vds-thumbnail-list/vds-thumbnail-list.scss?tag=vds-thumbnail-list&encapsulation=shadow","src/components/vds-thumbnail-list/vds-thumbnail-list.tsx","src/components/vds-thumbnail-list-item/vds-thumbnail-list-item.scss?tag=vds-thumbnail-list-item&encapsulation=shadow","src/components/vds-thumbnail-list-item/vds-thumbnail-list-item.tsx"],"sourcesContent":[":host {\r\n @apply block;\r\n}\r\n\r\n::slotted(vds-thumbnail-list-item) {\r\n @apply py-[10px];\r\n}\r\n\r\n::slotted(:first-child) {\r\n @apply pt-0;\r\n}\r\n\r\n::slotted(:last-child) {\r\n @apply pb-0;\r\n}\r\n","import { Component, Host, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'vds-thumbnail-list',\r\n styleUrl: 'vds-thumbnail-list.scss',\r\n shadow: true,\r\n})\r\nexport class VdsThumbnailList {\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n}\r\n",":host {\r\n display: block;\r\n}\r\n\r\n::slotted(picture[slot=image]),\r\n::slotted(img[slot=image]) {\r\n @apply flex w-full h-auto rounded-[5px] overflow-hidden;\r\n}\r\n\r\n::slotted([slot=links-left]:not(:last-of-type)) {\r\n @apply pb-[10px];\r\n}\r\n\r\n::slotted([slot=links-left]:nth-of-type(odd):not(:last-of-type)) {\r\n @apply border-0 border-b-[2px] border-grey-lighter border-solid tablet-portrait:border-b-0;\r\n}\r\n\r\n::slotted([slot=links-right]:first-of-type) {\r\n @apply mt-[30px] tablet-portrait:mt-0;\r\n}\r\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'vds-thumbnail-list-item',\r\n styleUrl: 'vds-thumbnail-list-item.scss',\r\n shadow: true,\r\n})\r\nexport class VdsThumbnailListItem {\r\n\r\n @Element() el: HTMLVdsThumbnailListItemElement;\r\n\r\n /**\r\n * Item Headline\r\n */\r\n @Prop() headline: string;\r\n\r\n /**\r\n * Item Subline above headline\r\n */\r\n @Prop() label: string;\r\n\r\n /**\r\n * Item body text\r\n */\r\n @Prop() copy: string;\r\n\r\n /**\r\n * Item link href\r\n */\r\n @Prop() href: string;\r\n\r\n /**\r\n * Item link target\r\n */\r\n @Prop() target: string;\r\n\r\n /**\r\n * The day (format: dd.) displayed in the calender page.\r\n */\r\n @Prop() day: string;\r\n\r\n /**\r\n * The month (format: MMM.) displayed in the calender page.\r\n */\r\n @Prop() month: string;\r\n\r\n /**\r\n * The year (format: yyyy) displayed in the calender page.\r\n */\r\n @Prop() year: string;\r\n\r\n render() {\r\n const { headline, label, copy, href, target, day, month, year } = this;\r\n\r\n return (\r\n \r\n this.toggleReadMore()} onMouseLeave={() => this.toggleReadMore()}>\r\n
\r\n
\r\n \r\n\r\n { day && month && year && this.renderCalendarPage(day, month, year) }\r\n\r\n
\r\n
\r\n
{label}
\r\n
{headline}
\r\n

{copy}

\r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n\r\n \r\n );\r\n }\r\n\r\n private renderCalendarPage(day: string, month: string, year: string): string {\r\n return(\r\n
\r\n
\r\n {day} {month}\r\n
\r\n
\r\n {year}\r\n
\r\n
\r\n );\r\n }\r\n\r\n private toggleReadMore(): void {\r\n const readMoreElements = this.el.querySelectorAll('vds-read-more');\r\n readMoreElements.forEach(element => {\r\n const link = element.shadowRoot.querySelector('a');\r\n link.toggleAttribute('aria-hovered');\r\n });\r\n }\r\n\r\n}\r\n"],"version":3}