{"file":"vds-teaser-flexible.entry.js","mappings":"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","names":[],"sources":["src/components/vds-teaser-flexible/vds-teaser-flexible.scss?tag=vds-teaser-flexible&encapsulation=shadow","src/components/vds-teaser-flexible/vds-teaser-flexible.tsx"],"sourcesContent":[":host {\r\n @apply inline-block;\r\n}\r\n\r\n::slotted(img) {\r\n @apply w-full h-full object-cover;\r\n}\r\n\r\n::slotted(picture) {\r\n @apply flex w-full h-auto overflow-hidden;\r\n}\r\n\r\n::slotted(img),\r\n::slotted(picture) {\r\n @apply w-full rounded-t min-h-[1px];\r\n}\r\n\r\ndiv.action {\r\n @apply absolute bg-white rounded-t-[5px] left-0 right-0 py-[15px] px-[30px] transition-[bottom] duration-[750ms] ease-out shadow-[0_-14px_15px_-10px_rgba(0,0,0,0.15)] z-[33];\r\n}\r\n\r\n.animated-dots {\r\n &:hover {\r\n .dot-left {\r\n @apply animate-dotLeft;\r\n }\r\n .dot-middle {\r\n @apply animate-dotMiddle;\r\n }\r\n .dot-right {\r\n @apply animate-dotRight;\r\n }\r\n }\r\n}\r\n\r\nslot[name=\"read-more\"] {\r\n @apply flex flex-[1];\r\n}\r\n","import { Component, Host, h, Prop, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'vds-teaser-flexible',\r\n styleUrl: 'vds-teaser-flexible.scss',\r\n shadow: true,\r\n})\r\nexport class VdsTeaserFlexible {\r\n /**\r\n * Headline\r\n * Mandatory: yes\r\n */\r\n @Prop() headline = '';\r\n\r\n /**\r\n * Subline\r\n * Mandatory: yes\r\n */\r\n @Prop() subline = '';\r\n\r\n /**\r\n * Content\r\n * Mandatory: yes\r\n */\r\n @Prop() copy = '';\r\n\r\n /**\r\n * Caption\r\n * Mandatory: yes\r\n */\r\n @Prop() caption = '';\r\n\r\n /**\r\n * Copyright\r\n * Mandatory: yes\r\n */\r\n @Prop() copyright = '';\r\n\r\n /**\r\n * Event Start- / End-Date ISO String\r\n * mandatory: yes\r\n */\r\n @Prop() date: string;\r\n\r\n /**\r\n * Controls wether or not the share buttons are shown\r\n * in the actions panel.\r\n */\r\n @Prop() share?: string;\r\n\r\n /**\r\n * Controls wether or not the teaser flexible has\r\n * an actions panel.\r\n */\r\n @Prop() actions = true;\r\n\r\n /**\r\n * Controls wether or not the teaser flexible has\r\n * a read-more link.\r\n */\r\n @Prop() readMore = true;\r\n\r\n /**\r\n * Live event option (only for event teaser)\r\n */\r\n @Prop() live = false;\r\n\r\n /**\r\n * Visibility of the actions area\r\n */\r\n @State() private actionsVisible = false;\r\n\r\n render() {\r\n const { caption, copy, copyright, date, headline, live, subline, share, actions, readMore } = this;\r\n const parsedDate = this.parseStringToDate(date);\r\n\r\n return (\r\n \r\n
\r\n \r\n {live && this.renderLive()}\r\n
\r\n {parsedDate && this.renderDate(parsedDate)}\r\n
\r\n
\r\n {subline}\r\n

\r\n {copy}\r\n
\r\n \r\n \r\n {caption}\r\n {copyright}\r\n

\r\n
\r\n \r\n {actions && this.renderAnimatedDots()}\r\n
\r\n
\r\n {actions && this.renderActions(share)}\r\n
\r\n
\r\n \r\n \r\n );\r\n }\r\n\r\n private parseStringToDate(date: string): Date | null {\r\n const d = new Date(date);\r\n if (d instanceof Date && !isNaN(d.getTime())) {\r\n return d;\r\n }\r\n return null;\r\n }\r\n\r\n private renderDate(date: Date): string {\r\n return (\r\n
\r\n \r\n {String(date.getDate()).padStart(2, '0')}. {this.getMonthAbbreviation(date)}\r\n \r\n {date.getFullYear()}\r\n
\r\n );\r\n }\r\n\r\n private getMonthAbbreviation(date: Date): string {\r\n const monthName = date.toLocaleString(navigator.language, { month: 'long' });\r\n return monthName.length > 3 ? monthName.substring(0, 3) + '.' : monthName;\r\n }\r\n\r\n private renderAnimatedDots(): string {\r\n return (\r\n \r\n );\r\n }\r\n\r\n private renderActions(shareUrl: string): string {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {shareUrl && this.renderShareOptions(shareUrl)}\r\n \r\n );\r\n }\r\n\r\n private renderShareOptions(url: string): string {\r\n return (\r\n
\r\n

Share on:

\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 \r\n \r\n \r\n \r\n \r\n\r\n
\r\n
\r\n );\r\n }\r\n\r\n private renderLive(): string {\r\n return (\r\n
\r\n Live\r\n
\r\n );\r\n }\r\n}\r\n"],"version":3}