{"version":3,"file":"client.mjs","sources":["../app/client.ts"],"sourcesContent":["/// \n\nimport type { Language } from '../.check24-home/types/check24';\nimport type { HomeClientComponentElement, HomeClientComponentProps, UserInfo } from '../.check24-home/types/client';\nimport styles from './styles.css?inline';\n\ninterface ShoautTeaserProps extends HomeClientComponentProps {\n // No custom props beyond HomeClientComponentProps\n}\n\nexport default class ShoautTeaserClient extends HTMLElement implements HomeClientComponentElement {\n deviceOutput: 'desktop' | 'mobile' | 'tabletapp' | 'app' = 'desktop';\n language: Language = 'de-DE';\n user?: UserInfo | undefined;\n platform: 'app' | 'web' = 'web';\n\n private shadow: ShadowRoot | null = null;\n private readonly productSlug = 'shoaut';\n\n constructor() {\n super();\n }\n\n static get observedAttributes(): string[] {\n return ['product-slug', 'deviceoutput', 'device-output', 'language', 'platform', 'env', 'sso-env', 'user'];\n }\n\n private applyAttributesFromHost(): void {\n type C24Global = { C24Home?: { validateAttributes?: (attrs: NamedNodeMap) => Partial } };\n const validator = (globalThis as C24Global).C24Home?.validateAttributes;\n\n if (typeof validator === 'function') {\n const validated = validator(this.attributes) as Partial;\n this.deviceOutput = (validated.deviceOutput ?? this.deviceOutput) as ShoautTeaserProps['deviceOutput'];\n this.platform = (validated.platform ?? this.platform) as ShoautTeaserProps['platform'];\n this.user = validated.user ?? this.user;\n this.language =\n validated.language !== undefined\n ? validated.language === 'en-GB'\n ? 'en-GB'\n : 'de-DE'\n : this.language;\n return;\n }\n\n const parsed: Partial = {};\n const attrs = this.attributes;\n for (let i = 0; i < attrs.length; i++) {\n const attr = attrs[i];\n const name = attr.name;\n const value = attr.value;\n const camelName = name.replace(/-([a-z])/g, (_, c: string) => c.toUpperCase());\n\n if (camelName === 'deviceOutput' || name === 'deviceoutput') {\n parsed.deviceOutput = (value || 'desktop') as ShoautTeaserProps['deviceOutput'];\n } else if (camelName === 'language') {\n parsed.language = (value || 'de-DE') as Language;\n } else if (camelName === 'platform') {\n parsed.platform = (value || 'web') as ShoautTeaserProps['platform'];\n } else if (camelName === 'user' && value) {\n try {\n parsed.user = JSON.parse(value) as UserInfo;\n } catch {\n parsed.user = undefined;\n }\n }\n }\n\n this.deviceOutput = (parsed.deviceOutput ?? 'desktop') as ShoautTeaserProps['deviceOutput'];\n this.platform = (parsed.platform ?? 'web') as ShoautTeaserProps['platform'];\n const rawLang = parsed.language ?? 'de-DE';\n this.language = rawLang === 'en-GB' ? 'en-GB' : 'de-DE';\n this.user = parsed.user;\n }\n\n attributeChangedCallback(_name: string, oldValue: string, newValue: string): void {\n if (oldValue === newValue) {\n return;\n }\n\n this.applyAttributesFromHost();\n\n if (this.shadow) {\n this.render();\n }\n }\n\n connectedCallback(): void {\n try {\n if (!this.shadow) {\n this.shadow = this.attachShadow({ mode: 'closed' });\n }\n\n this.applyAttributesFromHost();\n\n this.render();\n this.setupRadioButtons();\n this.setupKeyboardNavigation();\n this.setupResponsiveBackground();\n this.setupTracking();\n } catch (error) {\n this.handleError(error);\n }\n }\n\n private render(): void {\n const root = this.shadow;\n if (!root) {\n return;\n }\n\n const content = this.getDesktopContent();\n\n root.innerHTML = `\n \n
\n ${content}\n
\n `;\n\n this.setupRadioButtons();\n }\n\n private getDesktopContent(): string {\n return `\n
\n \n
\n
\n
Günstige Reifen bei CHECK24 kaufen
\n
\n
\n
und direkt wechseln lassen
\n
\n
\n \n
\n
\n\n
\n
\n \n \n \n
\n \n
\n
\n
\n
\n `;\n }\n\n private setupRadioButtons(): void {\n const root = this.shadow;\n if (!root) {\n return;\n }\n\n const radioButtons = root.querySelectorAll('input[type=\"radio\"][name=\"season\"]');\n const labels = root.querySelectorAll('label.c24-yellow-select');\n\n const checkedRadio = Array.from(radioButtons).find((radio) => radio.checked);\n if (!checkedRadio) {\n const winterRadio = Array.from(radioButtons).find((r) => r.value === 'winterreifen');\n if (winterRadio) {\n winterRadio.checked = true;\n this.updateActiveClass(winterRadio);\n }\n } else {\n this.updateActiveClass(checkedRadio);\n }\n\n labels.forEach((label) => {\n label.addEventListener('click', () => {\n const radio = label.querySelector('input[type=\"radio\"]');\n if (radio) {\n radio.checked = true;\n this.updateActiveClass(radio);\n }\n });\n });\n\n radioButtons.forEach((radio) => {\n radio.addEventListener('change', () => {\n if (radio.checked) {\n this.updateActiveClass(radio);\n }\n });\n\n radio.addEventListener('keydown', (e) => {\n if (e.key === ' ' || e.key === 'Enter') {\n e.preventDefault();\n radio.checked = true;\n radio.dispatchEvent(new Event('change'));\n }\n });\n });\n }\n\n private setupKeyboardNavigation(): void {\n const root = this.shadow;\n if (!root) {\n return;\n }\n\n const tabs = root.querySelectorAll('.c24-yellow-tab[role=\"tab\"]');\n\n tabs.forEach((tab, index) => {\n tab.addEventListener('keydown', (e) => {\n let targetIndex = index;\n\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n e.preventDefault();\n targetIndex = (index + 1) % tabs.length;\n } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n e.preventDefault();\n targetIndex = (index - 1 + tabs.length) % tabs.length;\n } else if (e.key === 'Home') {\n e.preventDefault();\n targetIndex = 0;\n } else if (e.key === 'End') {\n e.preventDefault();\n targetIndex = tabs.length - 1;\n }\n\n if (targetIndex !== index) {\n tabs[targetIndex].focus();\n tabs.forEach((t) => t.setAttribute('aria-selected', 'false'));\n tabs[targetIndex].setAttribute('aria-selected', 'true');\n }\n });\n });\n }\n\n private updateActiveClass(radio: HTMLInputElement): void {\n const form = radio.closest('form');\n\n if (!form) {\n return;\n }\n\n const allLabels = form.querySelectorAll('label.c24-yellow-select');\n allLabels.forEach((label) => {\n label.classList.remove('active');\n });\n\n if (radio.checked) {\n const label = radio.closest('label.c24-yellow-select');\n\n if (label) {\n label.classList.add('active');\n }\n }\n }\n\n private setupResponsiveBackground(): void {\n const mobileQuery = window.matchMedia('(max-width: 768px)');\n\n const updateBackground = (matches: boolean): void => {\n if (matches) {\n this.dispatchEvent(\n new CustomEvent('c24-background-update', {\n bubbles: true,\n detail: {\n productSlug: this.productSlug,\n backgroundPosition: 'center bottom',\n backgroundSize: 'cover',\n },\n })\n );\n } else {\n this.dispatchEvent(\n new CustomEvent('c24-background-update', {\n bubbles: true,\n detail: {\n productSlug: this.productSlug,\n backgroundSize: 'cover',\n },\n })\n );\n }\n };\n\n updateBackground(mobileQuery.matches);\n\n mobileQuery.addEventListener('change', (e) => updateBackground(e.matches));\n }\n \n private setupTracking(): void {\n const root = this.shadow;\n if (!root) return;\n\n root.querySelector('form')?.addEventListener('submit', (e) => {\n e.preventDefault();\n const form = e.currentTarget as HTMLFormElement;\n const season = new FormData(form).get('season');\n const url = new URL('https://reifen.auto.check24.de/suche');\n if (season) url.searchParams.set('season', String(season));\n url.searchParams.set('cpwpset', 'web_teaser_tires');\n window.location.href = url.toString();\n });\n }\n\n private handleError(error: unknown): void {\n const errorMessage = error instanceof Error ? error.message : 'Unknown error occurred';\n console.error('ShoautTeaser error:', errorMessage);\n\n const root = this.shadow;\n if (!root) {\n return;\n }\n\n root.innerHTML = `\n \n
\n
\n

Error loading teaser: ${errorMessage}

\n
\n
\n `;\n }\n}\n\nif (!customElements.get('shoaut-summer2026default')) {\n customElements.define('shoaut-summer2026default', ShoautTeaserClient);\n}"],"names":["ShoautTeaserClient","HTMLElement","constructor","super","__publicField","this","observedAttributes","applyAttributesFromHost","validator","_a","globalThis","C24Home","validateAttributes","validated","attributes","deviceOutput","_b","platform","_c","user","_d","language","parsed","attrs","i","length","attr","name","value","camelName","replace","_","c","toUpperCase","JSON","parse","e","_e","_f","rawLang","_g","attributeChangedCallback","_name","oldValue","newValue","shadow","render","connectedCallback","attachShadow","mode","setupRadioButtons","setupKeyboardNavigation","setupResponsiveBackground","setupTracking","error","handleError","root","content","getDesktopContent","innerHTML","styles","radioButtons","querySelectorAll","labels","checkedRadio","Array","from","find","radio","checked","updateActiveClass","winterRadio","r","forEach","label","addEventListener","querySelector","key","preventDefault","dispatchEvent","Event","tabs","tab","index","targetIndex","focus","t","setAttribute","form","closest","classList","remove","add","mobileQuery","window","matchMedia","updateBackground","matches","CustomEvent","bubbles","detail","productSlug","backgroundPosition","backgroundSize","currentTarget","season","FormData","get","url","URL","searchParams","set","String","location","href","toString","errorMessage","Error","message","console","customElements","define"],"mappings":"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"}