var e=Object.defineProperty,t=(t,i,r)=>((t,i,r)=>i in t?e(t,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[i]=r)(t,"symbol"!=typeof i?i+"":i,r);const i="utm=hochzeitsfotograf_2026",r=e=>{return(t=`${e}/events/hochzeitsfotograf`).includes("?")?`${t}&${i}`:`${t}?${i}`;var t};class a extends HTMLElement{constructor(){super(),t(this,"title","Die besten Fotografen"),t(this,"subtitle","Besondere Momente für immer festhalten"),t(this,"imageUrl",""),t(this,"deviceOutput","desktop"),t(this,"env",null),t(this,"ssoEnv",null),t(this,"language","de-DE"),t(this,"user"),t(this,"platform","web"),t(this,"shadow",null),t(this,"actions",null),t(this,"apiBaseUrl","")}static get observedAttributes(){return["title","subtitle","image-url","device-output","language","user","platform"]}attributeChangedCallback(e,t,i){if(t===i)return;const r=e.replace(/-([a-z])/g,e=>e[1].toUpperCase());"title"===r?this.title=i||"":"subtitle"===r?this.subtitle=i||"":"imageUrl"===r&&(this.imageUrl=i||"");const a=C24Home.validateAttributes(this.attributes);this.deviceOutput=a.deviceOutput,this.language=a.language,this.user=a.user,this.platform=a.platform,this.shadow&&this.renderInitial()}connectedCallback(){this.shadow||(this.shadow=this.attachShadow({mode:"open"})),this.initializeAttributes(),this.initializeActions(),this.renderInitial(),this.attachEventListeners()}initializeAttributes(){const e=this.getAttribute("title"),t=this.getAttribute("subtitle"),i=this.getAttribute("image-url"),r=this.getAttribute("env"),a=this.getAttribute("sso-env");e&&(this.title=e),t&&(this.subtitle=t),i&&(this.imageUrl=i);const s=C24Home.validateAttributes(this.attributes);this.deviceOutput=s.deviceOutput,this.language=s.language,this.user=s.user,this.platform=s.platform,this.env=r,this.ssoEnv=a}initializeActions(){var e;this.apiBaseUrl=(e=>{switch(e){case"dev":return"https://consumer.events.check24-dev.de";case"int":case"test":return"https://consumer-stg.events.check24-test.de";default:return"https://events.check24.de"}})(this.env),this.actions=(e=this.apiBaseUrl,{performSearch:()=>{const t=r(e);window.location.href=t}})}renderInitial(){this.shadow&&(this.shadow.innerHTML=((e,t,i,a)=>{const s=r(a);return`\n        <style>${i}</style>\n        <div class="profis-events-wedding-photographer-teaser-wrapper">\n            <a href="${s}" class="teaser-link"></a>\n            <div class="teaser-header-wrapper">\n                <div class="teaser-header">\n                    <div class="title">${e}</div>\n                    <div class="subtitle">${t}</div>\n                </div>\n            </div>\n            <div class="teaser-content">\n                <div class="searchbar-container">\n                    <div class="searchbar-text-container">\n                        <div class="searchbar-text">\n                            Fotografen f&uuml;r eure Hochzeit &amp; weitere Events\n                        </div>\n                    </div>\n                    <div class="searchbar-action" data-section="location">\n                        <a href="${s}" class="find-button" data-action="search">\n                            <span class="find-button-text">Profis finden</span>\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </div>\n    `})(this.title,this.subtitle,":host{display:block;position:relative}.profis-events-wedding-photographer-teaser-wrapper{position:relative;height:360px;display:flex;justify-content:space-between;gap:50px;align-items:center;flex-direction:column}@media(max-width:959px){.profis-events-wedding-photographer-teaser-wrapper{justify-content:center}}@media(max-width:768px){.profis-events-wedding-photographer-teaser-wrapper{height:230px}}.profis-events-wedding-photographer-teaser-wrapper .teaser-link{position:absolute;inset:0;z-index:1;color:inherit;text-decoration:none}@media(min-width:960px){.profis-events-wedding-photographer-teaser-wrapper .teaser-link{display:none}}@media(max-width:959px){.profis-events-wedding-photographer-teaser-wrapper .teaser-link{display:block;cursor:pointer;z-index:5}}.profis-events-wedding-photographer-teaser-wrapper .teaser-header-wrapper{display:flex;align-items:flex-start;position:relative;padding-top:50px;justify-content:center}@media(max-width:959px){.profis-events-wedding-photographer-teaser-wrapper .teaser-header-wrapper{justify-content:start;max-width:626px;padding:0;width:100%;left:-50px}}@media(max-width:810px){.profis-events-wedding-photographer-teaser-wrapper .teaser-header-wrapper{justify-content:start;padding:0;width:100%;left:-30px}}@media(max-width:768px){.profis-events-wedding-photographer-teaser-wrapper .teaser-header-wrapper{justify-content:start;padding:0;width:100%;left:20px}}.profis-events-wedding-photographer-teaser-wrapper .teaser-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}@media(max-width:959px){.profis-events-wedding-photographer-teaser-wrapper .teaser-header{position:relative;justify-content:flex-start;align-items:flex-start;gap:8px}}@media(max-width:768px){.profis-events-wedding-photographer-teaser-wrapper .teaser-header{z-index:2}}@media(max-width:400px){.profis-events-wedding-photographer-teaser-wrapper .teaser-header{max-width:calc(100% - 40px)}}.profis-events-wedding-photographer-teaser-wrapper .title{color:#fff;font-size:30px;font-weight:700;line-height:36px;font-family:Verdana,Geneva,Tahoma,sans-serif}@media(max-width:768px){.profis-events-wedding-photographer-teaser-wrapper .title{padding-top:30px;font-size:20px;line-height:20px;text-align:left;font-family:Arial,sans-serif}}.profis-events-wedding-photographer-teaser-wrapper .subtitle{max-width:660px;text-align:center;color:#fff;font-size:18px;font-weight:400;line-height:22px;font-family:Verdana,Geneva,Tahoma,sans-serif}@media(max-width:768px){.profis-events-wedding-photographer-teaser-wrapper .subtitle{max-width:100%;font-size:16px;line-height:100%;font-family:Arial,sans-serif}}@media(max-width:500px){.profis-events-wedding-photographer-teaser-wrapper .subtitle{text-align:left}}.profis-events-wedding-photographer-teaser-wrapper .teaser-content{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:60px}@media(max-width:959px){.profis-events-wedding-photographer-teaser-wrapper .teaser-content{display:none}}.profis-events-wedding-photographer-teaser-wrapper .searchbar-container{width:100%;max-width:586px;height:64px;display:inline-flex;gap:2px;align-items:flex-start;justify-content:flex-start;background:#fff;box-shadow:0 3px 12px #0000001a;overflow:hidden;border-radius:50px;outline:3px solid #ffbb1b;outline-offset:-3px;pointer-events:auto}@media(max-width:959px){.profis-events-wedding-photographer-teaser-wrapper .searchbar-container{display:none}}.profis-events-wedding-photographer-teaser-wrapper .searchbar-text-container{flex:1;min-width:0;height:64px;padding:8px 24px 9px;border-radius:50px;display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;box-sizing:border-box}.profis-events-wedding-photographer-teaser-wrapper .searchbar-text{color:#181818;font-size:16px;font-weight:400;line-height:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profis-events-wedding-photographer-teaser-wrapper .searchbar-action{height:64px;padding-right:8px;border-radius:100px;display:flex;justify-content:flex-start;align-items:center}.profis-events-wedding-photographer-teaser-wrapper .find-button{height:48px;padding:0 18px;background:#0563c1;border-radius:100px;border:none;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;text-decoration:none}.profis-events-wedding-photographer-teaser-wrapper .find-button:hover{background:#063773}.profis-events-wedding-photographer-teaser-wrapper .find-button:visited{color:#fff}.profis-events-wedding-photographer-teaser-wrapper .find-button-text{color:#fff;font-size:16px;font-weight:400;line-height:22px;text-align:center}",this.apiBaseUrl))}attachEventListeners(){this.shadow&&this.shadow.addEventListener("click",e=>this.handleClick(e))}handleClick(e){if(!this.actions)return;return e.target.closest("[data-action='search']")?(e.stopPropagation(),e.preventDefault(),void this.actions.performSearch()):void 0}}export{a as default};
//# sourceMappingURL=teaser_profis-events-photographer.client.mjs.map
