https://www.stuttgarter-zeitung.de/static/assets/DBVa__-T.js

1import Y from"./jZ8yHuX0.js";import{_ as Z}from"./BRt1k1zY.js";import{_ as ee}from"./CG6XhFhd.js";import{_ as te}from"./CFctxbxw.js";import{d as D,m as se,ae as re,K as d,r as K,ba as ae,A as U,o as oe,R as x,a0 as ne,e as u,f,F as le,l as ie,g as t,i as g,c as n,v as ue,a as me,bu as de,ar as fe,k as i,t as k,j as N,L as ce,w as pe,n as z,s as _e,aS as we,_ as ge,h as be,I as ve}from"./2wZnQC37.js";import{_ as he}from"./B4x0vQqQ.js";import{u as ye}from"./BHXuokti.js";import{_ as Ae}from"./tpVCwrFi.js";import{_ as ke}from"./D7Flu0i_.js";import{u as j}from"./BehRJDZa.js";import{S as Ce}from"./DEHJaEqD.js";const Ve={class:"splide__track"},Ne={class:"splide__list"},Se={class:"splide__arrows-wrapper"},Le={class:"splide__arrows"},Te={class:"splide__arrow splide__arrow--prev",type:"button","aria-label":"Vorherige Newsletter"},Fe={class:"splide__arrow splide__arrow--next",type:"button","aria-label":"Nächste Newsletter"},Ie=D({__name:"NewsletterCardSlider",props:{newsletterList:{default:()=>[]}},emits:["updateAbo"],setup(S,{emit:L}){const o=se(),T=L,A=re({}),F=S,b=d(()=>{const e=F.newsletterList,l=o?.newsletter_svg_base_url;return e?.length?e.filter(a=>a.active&&a.salescloud_key).map(a=>{const h=a.salescloud_key?.startsWith("nl_");return{newsletterIcon:l+(h?a.salescloud_key:"nl_default")+".svg",newsletterNotificationTime:a.interval,previewUrl:a.preview_url,title:a.title,text:a.teaser,cardKey:a.salescloud_key}}):[]});function C(e,l){const a=e==="add";A[l]=a,T("updateAbo",l,a)}const v=K(null),m=ae(null);let c=null;function V(){c===null&&(c=window.requestAnimationFrame(()=>{m.value?.refresh(),c=null}))}const I=d(()=>b.value.map(e=>[e.cardKey,e.title,e.text,e.previewUrl,e.newsletterNotificationTime,e.newsletterIcon].join("|")).join("||"));U(()=>I.value,async()=>{b.value.length&&(!v.value&&(await x(),!v.value)||(await x(),m.value?m.value.refresh():p()))},{immediate:!0,flush:"post"}),oe(async()=>{window.addEventListener("resize",V),await x(),b.value.length&&p()}),ne(()=>{window.removeEventListener("resize",V),c!==null&&(window.cancelAnimationFrame(c),c=null),m.value?.destroy(!0),m.value=null});function p(){!v.value||m.value||(m.value=new Ce(v.value,{pagination:!1,mediaQuery:"min",perMove:1,width:"100%",fixedWidth:"315px",gap:"10px",padding:{right:24,left:24},breakpoints:{619:{perPage:1},950:{perPage:2},1280:{perPage:3}}}),m.value.mount())}return(e,l)=>{const a=Ae,h=ke;return n(),u("div",{ref_key:"sliderRef",ref:v,class:"u-newsletter-slider__slider splide"},[f("div",Ve,[f("ul",Ne,[(n(!0),u(le,null,ie(t(b),_=>(n(),u("li",{class:"splide__slide",key:_.cardKey},[g(a,ue({ref_for:!0},_,{onSelect:l[0]||(l[0]=y=>C("add",y)),onUnselect:l[1]||(l[1]=y=>C("remove",y)),"data-tracking":("useTrackingData"in e?e.useTrackingData:t(j))(_?.title,t(A)[_.cardKey]??!1,t(b).indexOf(_)),newsletterNotificationTimeIcon:!0}),null,16,["data-tracking"])]))),128))])]),f("div",Se,[f("div",Le,[f("button",Te,[g(h,{longArrow:"",direction:"left"})]),f("button",Fe,[g(h,{longArrow:"",direction:"right"})])])])],512)}}}),Ee=Object.assign(Ie,{__name:"OrganismsNewsletterCardSlider"}),xe={key:0,class:"u-newsletter-form__meta-wrapper mb-4"},Me=["src"],Be={class:"u-newsletter-form__title-wrapper"},$e=["textContent"],ze=["textContent"],De={key:2,class:"u-newsletter-form__input-wrapper mt-1"},Ke={key:3,class:"u-newsletter-form__footer-wrapper"},Ue=["innerHTML"],je={key:5,class:"my-4 text-center u-newsletter-form__response"},Oe={key:0,class:"mb-2 font-set-5-bold"},He=D({inheritAttrs:!1,__name:"NewsletterForm",props:{countAbos:{default:0},displayHeader:{type:Boolean,default:!0},formAgreementText:{},formBackgroundColor:{default:""},formButtonLabel:{default:"Einfach anmelden"},formInfoText:{},formText:{default:"Melden Sie sich jetzt unkompliziert an und bleiben Sie automatisch informiert."},formTitle:{default:"Kein Newsletter ausgewählt"},formConsentText:{default:"Mit der Anmeldung erkläre ich mein Einverständnis zur Auswertung meiner Nutzungsdaten. <a href='/privacy'>Widerruf und Datenschutz</a>"},newsletterIcon:{},newsletterNotificationTime:{},formPrivacyText:{},tagList:{},loggedIn:{type:Boolean,default:!1},newsletterCardAbos:{default:()=>[]},interval:{},terms:{type:Boolean,default:!1},userData:{},formKey:{default:""},response:{default:()=>({title:"Ihre Anmeldung war erfolgreich",message:"In Kürze erhalten Sie eine Aktivierungsmail. Bitte beachten Sie: Wenn Sie Ihre E-Mail-Adresse schon einmal bei uns bestätigt haben, erhalten Sie keine Aktivierungsmail mehr.",status:null})},newsletterList:{default:()=>[]}},emits:["submit"],setup(S,{emit:L}){const o=S,T=L,{showIdentityChangeCTAHint:A,isValidated:F,formErrorMessage:b,salutationOptions:C,createFormFields:v,isValid:m,handleCardSliderAbo:c,setupIdentityChangeCTA:V,computeUserObjIncomplete:I}=ye(),p=K([]),e=v(o.userData,p.value),l=d(()=>o.response?.status==="success"),a=d(()=>o.formTitle.split("Kein")[1]??""),h=d(()=>o.countAbos<=0?o.formTitle:`${o.countAbos}${a.value}`),_=d(()=>p.value.length?p.value.length:o.countAbos),y=me(),M={lr:"#E6F6FA",moz:"#E6F6FA",sb:"#E5F4EC",stn:"#E5F2F9",stz:"#FDF6E6",swp:"#E6F6FA"},B=de(),$=d(()=>{const s=B.class;return s?typeof s=="string"?s.includes("u-newsletter__form--article"):Array.isArray(s)?s.some(r=>typeof r=="string"&&r.includes("u-newsletter__form--article")):!1:!1}),O=fe(),H=d(()=>

1{if(O.value)return $.value?{backgroundColor:"var(--_color-primary-10--darkmode)"}:{backgroundColor:"#262626"};if($.value)return{backgroundColor:o.formBackgroundColor||"#e7e5dd"};const s="#E6F6FA";return y&&M[y]?{backgroundColor:M[y]}:{backgroundColor:s}}),P=d(()=>I(o.userData));U(()=>o.newsletterIcon&&o.formKey,s=>{const r=s?[o.formKey]:[];p.value=r,e.formAboList.fieldValue=r},{immediate:!0});function q(s,r){c(s,r,p,e.formAboList)}async function R(){await m(e)&&(F.value=!0,b.value="",T("submit",{salutation:e.formSalutation.fieldValue,firstName:e.formFirstName.fieldValue,lastName:e.formLastName.fieldValue,email:e.formEmail.fieldValue,aboList:e.formAboList.fieldValue.length===0?o.newsletterCardAbos:e.formAboList.fieldValue}))}return V(),(s,r)=>{const W=Y,Q=Z,G=ee,E=te,J=ge,X=he;return n(),u("form",{style:we(t(H)),class:z(["u-newsletter-form",t(B).class]),onSubmit:r[4]||(r[4]=_e(w=>R(),["prevent"])),novalidate:"true"},[t(l)?i("",!0):(n(),u("div",xe,[s.newsletterIcon?(n(),u("img",{key:0,class:"u-newsletter-form__icon",alt:"",role:"presentation",src:s.newsletterIcon},null,8,Me)):i("",!0),f("div",Be,[s.tagList?i("",!0):(n(),u("span",{key:0,class:"u-newsletter-form__title fw-bold d-block",textContent:k(t(h))},null,8,$e)),s.tagList&&!t(l)?(n(),N(W,{key:1,title:t(h),titleHref:"/newsletter"},null,8,["title"])):i("",!0),s.newsletterNotificationTime?(n(),N(Q,{key:2,customClass:"u-newsletter-form__notification-time fallback",newsletterNotificationTime:s.newsletterNotificationTime},null,8,["newsletterNotificationTime"])):i("",!0)]),f("span",{class:"u-newsletter-form__text d-block mt-2 fs-4 lh-sm",textContent:k(s.formText)},null,8,ze)])),s.displayHeader&&s.tagList&&!t(l)?(n(),N(Ee,{key:1,class:"u-newsletter-form__slider",onUpdateAbo:q,newsletterList:s.newsletterList},null,8,["newsletterList"])):i("",!0),ce(s.$slots,"interval",{},void 0,!0),t(P)&&!t(l)?(n(),u("div",De,[g(G,{label:"Anrede",name:"salutation",options:t(C),modelValue:t(e).formSalutation.fieldValue,"onUpdate:modelValue":r[0]||(r[0]=w=>t(e).formSalutation.fieldValue=w),"error-message":t(e).formSalutation.errorMessage,isValidated:t(e).formSalutation.isValidated,emptyOptionLabel:"Bitte wählen",onChange:t(e).formSalutation.validate,required:!0},null,8,["options","modelValue","error-message","isValidated","onChange"]),g(E,{name:"firstName",label:"Vorname",modelValue:t(e).formFirstName.fieldValue,"onUpdate:modelValue":r[1]||(r[1]=w=>t(e).formFirstName.fieldValue=w),"error-message":t(e).formFirstName.errorMessage,isValidated:t(e).formFirstName.isValidated,onChange:t(e).formFirstName.validate,required:!0},null,8,["modelValue","error-message","isValidated","onChange"]),g(E,{name:"lastName",label:"Nachname",modelValue:t(e).formLastName.fieldValue,"onUpdate:modelValue":r[2]||(r[2]=w=>t(e).formLastName.fieldValue=w),"error-message":t(e).formLastName.errorMessage,isValidated:t(e).formLastName.isValidated,onChange:t(e).formLastName.validate,required:!0},null,8,["modelValue","error-message","isValidated","onChange"]),g(E,{name:"email",label:"E-Mail-Adresse",modelValue:t(e).formEmail.fieldValue,"onUpdate:modelValue":r[3]||(r[3]=w=>t(e).formEmail.fieldValue=w),"error-message":t(e).formEmail.errorMessage,isValidated:t(e).formEmail.isValidated,onChange:t(e).formEmail.validate,required:!0},null,8,["modelValue","error-message","isValidated","onChange"])])):i("",!0),t(l)?i("",!0):(n(),u("div",Ke,[f("span",{class:"u-newsletter-form__consent-text",innerHTML:s.formConsentText},null,8,Ue),g(J,{class:"u-newsletter-form__submit-button",version:"primary",disabled:t(_)===0||t(A),"data-tracking":s.tagList===void 0?t(j)(o.formTitle,!0,0):void 0,type:"submit"},{default:pe(()=>[be(k(s.formButtonLabel),1)]),_:1},8,["disabled","data-tracking"])])),t(A)?(n(),N(X,{key:4})):i("",!0),s.response?.status?(n(),u("div",je,[s.response.status==="success"?(n(),u("div",Oe,k(s.response.title),1)):i("",!0),s.response?.message?(n(),u("p",{key:1,class:z(`mb-2 font-set-5-bold text-color-${s.response.status}`)},k(s.response?.message),3)):i("",!0)])):i("",!0)],38)}}}),tt=Object.assign(ve(He,[["__scopeId","data-v-171a5bfa"]]),{__name:"NewsletterForm"});export{tt as N};