https://www.lippewelle.de/chunk-P3WRUTNC.js

1import{a as X}from"./chunk-VPTDC3V6.js";import{a as D}from"./chunk-CXPUMGHU.js";import{a as Y,b as Z,c as J,d as ee}from"./chunk-7RLBX2HL.js";import"./chunk-XF6EBWRG.js";import{a as G}from"./chunk-QPQCECSN.js";import"./chunk-YIKHX72X.js";import"./chunk-P35ON6PX.js";import"./chunk-HLOHHFCD.js";import{a as U}from"./chunk-HJHBSEUQ.js";import{k as V}from"./chunk-CXWAFE77.js";import{Da as I,Eb as x,Fa as v,Gb as b,Hb as j,Jb as _,Kb as M,L as $,Mb as y,Nb as w,Ob as r,Pb as n,Qb as h,Ub as S,Yb as u,Zb as d,a as L,ab as A,b as z,bc as N,cc as O,dc as H,eb as l,gc as Q,hc as c,ic as K,jb as T,jc as B,lc as C,m as P,mc as E,nc as g,oc as q,qb as k,ra as p,sa as f,ub as m,vc as R,wc as W}from"./chunk-P5UROMFP.js";var oe=["recaptchaRef"];function le(t,i){t&1&&(r(0,"span",4),c(1,"Dieses Feld ist verpflichtend. Bitte gib einen Wert ein."),n())}function ce(t,i){t&1&&(r(0,"span",4),c(1,"Dieses Feld ist verpflichtend. Bitte gib einen Wert ein."),n())}function se(t,i){t&1&&(r(0,"span",4),c(1,"Dieses Feld ist verpflichtend. Bitte gib einen Wert ein."),n())}function de(t,i){t&1&&(r(0,"span",4),c(1,"Dieses Feld ist verpflichtend. Bitte gib einen Wert ein."),n())}function pe(t,i){if(t&1){let e=S();r(0,"re-captcha",25,0),u("resolved",function(a){p(e);let s=d(2);return f(a&&s.submit(a))}),n(),r(2,"button",26),u("click",function(){p(e);let a=Q(1);return f(a.execute())}),c(3," Absenden "),n()}if(t&2){let e=d(2);x("badge","inline")("id","app_widget_traffic_report_recaptcha"),l(2),x("disabled",e.isLoading())}}function fe(t,i){t&1&&h(0,"app-widget-consent-hint",24)}function me(t,i){if(t&1){let e=S();C(0),R(1,"async"),r(2,"div",3)(3,"div",5)(4,"h3",6),c(5,"Adressdetails"),n()(),r(6,"div",7)(7,"label",8),c(8," Name* "),n(),r(9,"input",9),u("change",function(a){p(e);let s=d();return f(s.valueChange("username",a))}),n(),m(10,le,2,0,"span",4),n(),r(11,"div",10)(12,"label",11),c(13," E-Mail-Adresse "),n(),r(14,"input",12),u("change",function(a){p(e);let s=d();return f(s.valueChange("usermail",a))}),n()(),r(15,"div",10)(16,"label",13),c(17," Telefonnummer "),n(),r(18,"input",14),u("change",function(a){p(e);let s=d();return f(s.valueChange("userphone",a))}),n()(),r(19,"div",5)(20,"h3",6),c(21,"St\xF6rungs-Details"),n()(),r(22,"div",7)(23,"label",15),c(24," Stra\xDFe & Hausnummer zur Meldung* "),n(),r(25,"input",16),u("change",function(a){p(e);let s=d();return f(s.valueChange("street",a))}),n(),m(26,ce,2,0,"span",4),n(),r(27,"div",10)(28,"label",17),c(29," PLZ zur Meldung "),n(),r(30,"input",18),u("change",function(a){p(e);let s=d();return f(s.valueChange("zipcode",a))}),n()(),r(31,"div",10)(32,"label",19),c(33," Ort zur Meldung* "),n(),r(34,"input",20),u("change",function(a){p(e);let s=d();return f(s.valueChange("city",a))}),n(),m(35,se,2,0,"span",4),n(),r(36,"div",21)(37,"label",22),c(38," Meldungsinhalt* "),n(),r(39,"textarea",23),u("change",function(a){p(e);let s=d();return f(s.valueChange("message",a))}),n(),m(40,de,2,0,"span",4),n(),m(41,pe,4,3)(42,fe,1,0,"app-widget-consent-hint",24),n()}if(t&2){let e=d(),o=W(1,15,e.cmpService.getConsent("recaptcha"));l(7),b("faulty",e.showErrors()&&e.errors().username),l(2),b("faulty",e.showErrors()&&e.errors().username),l(),_(e.showErrors()&&e.errors().username?10:-1),l(15),b("faulty",e.showErrors()&&e.errors().street),l(),_(e.showErrors()&&e.errors().street?26:-1),l(8),b("faulty",e.showErrors()&&e.errors().city),l(),_(e.showErrors()&&e.errors().city?35:-1),l(4),b("faulty",e.showErrors()&&e.errors().city),l(),_(e.showErrors()&&e.errors().message?40:-1),l(),_(o?41:42)}}function _e(t,i){t&1&&(r(0,"span"),c(1,"Vielen Dank f\xFCr Deine Meldung. Wir werden sie umgehend pr\xFCfen und freischalten."),n())}function ue(t,i){t&1&&(r(0,"span",4),c(1,"Es ist ein Fehler beim Versenden aufgetreten. Bitte versuche es sp\xE4ter noch einmal oder nutze die Kontaktm\xF6glichkeit auf unserer Kontaktseite."),n())}var F=class t{constructor(i,e){this.trafficService=i;this.cmpService=e}recaptchaRef;errors=v({});showErrors=v(!1);values=v({});isLoading=v(!1);isReportSuccessfull=v(0);reset(){this.errors.set({}),this.values.set({})}submit(i){this.showErrors.set(!0),this.validate(),this.isValid()&&(this.isLoading.set(!0),this.trafficService.dispatch(L({username:"",usermail:"",userphone:"",street:"",zipcode:"",city:"",message:"",coordX:0,coordY:0},this.values()),i).pipe($(1)).subscribe(e=>{this.isLoading.set(!1),this.isReportSuccessfull.set(e?1:-1)}))}valueChange(i,e){let o=e.target;this.values.set(z(L({},this.values()),{[i]:o.value})),this.validate()}isValid(){return Object.keys(this.errors()).length===0}validate(){let i={},e=this.values();e.username&&e.username.trim().length>0||(i.username=!0),e.street&&e.street.trim().length>0||(i.street=!0),e.city&&e.city.trim().length>0||(i.city=!0),e.message&&e.message.trim().length>0||(i.message=!0),this.errors.set(i)}static \u0275fac=function(e){return new(e||t)(T(D),T(G))};static \u0275cmp=k({type:t,selectors:[["app-widget-traffic-report"]],viewQuery:function(e,o){if(e&1&&N(oe,5),e&2){let a;O(a=H())&&(o.recaptchaRef=a.first)}},features:[q([{provide:Y,useValue:{siteKey:U.googleCaptchaSitekey}}])],decls:6,vars:1,consts:[["recaptchaRef",""],[1,"border-4","border-text","p-4","drop-shadow-lg","bg-white","mt-16","overflow-hidden"],[1,"headline-4","text-primary"],[1,"relative","mt-4","grid","col-span-1","lg:grid-cols-2","gap-2"],[1,"text-red-600"],[1,"col-span-full"],[1,"headline-6"],[1,"col-span-full","mb-4"],["for","traffic_report_username",1,"block","text-gray-700","text-sm","font-bold","mb-2"],["id","traffic_report_username","type","text","name","username",1,"shadow","appearance-none","border","rounded","w-full","py-2","px-3","text-gray-700","leading-tight","focus:outline-none","focus:shadow-outline",3,"change"],[1,"mb-4","col-span-1"],["for","traffic_report_usermail",1,"block","text-gray-700","text-sm","font-bold","mb-2"],["id","traffic_report_usermail","type","email","name","email",1,"shadow","appearance-none","border","rounded","w-full","py-3","px-3","text-gray-700","leading-tight","focus:outline-none","focus:shadow-outline",3,"change"],["for","traffic_report_userphone",1,"block","text-gray-700","text-sm","font-bold","mb-2"],["id","traffic_report_userphone","type","text","name","userphone",1,"shadow","appearance-none","border","rounded","w-full","py-3","px-3","text-gray-700","leading-tight","focus:outline-none","focus:shadow-outline",3,"change"],["for","traffic_report_street",1,"block","text-gray-700","text-sm","font-bold","mb-2"],["id","traffic_report_street","type","text","name","street",1,"shadow","appearance-none","border","rounded","w-full","py-2","px-3","text-gray-700","leading-tight","focus:outline-none","focus:shadow-outline",3,"change"],["for","traffic_report_zipcode",1,"block","text-gray-700","text-sm","font-bold","mb-2"],["id","traffic_report_zipcode","type","text","name","zipcode",1,"shadow","appearance-none","border","rounded","w-full","py-3","px-3","text-gray-700","leading-tight","focus:outline-none","focus:shadow-outline",3,"change"],["for","traffic_report_city",1,"block","text-gray-700","text-sm","font-bold","mb-2"],["id","traffic_report_city","type","text","name","city",1,"shadow","appearance-none","border","rounded","w-full","py-3","px-3","text-gray-700","leading-tight","focus:outline-none","focus:shadow-outline",3,"change"],[1,"mb-4","col-span-full"],["for","traffic_report_message",1,"block","text-gray-700","text-sm","font-bold","mb-2"],["id","traffic_report_message","type","text","placeholder","Ich m\xF6chte einen Stau auf der A3 Richtung Beispielstadt auf H\xF6he Abfa

1hrt Musterdorf melden. Aktuell ca. 10 Minuten Verz\xF6gerung","name","message",1,"shadow","appearance-none","border","rounded","w-full","py-3","px-3","text-gray-700","leading-tight","focus:outline-none","focus:shadow-outline",3,"change"],["key","recaptcha"],["size","invisible",3,"resolved","badge","id"],[1,"lg:col-start-2","button","primary","self-end","mt-4",3,"click","disabled"]],template:function(e,o){if(e&1&&(r(0,"div",1)(1,"h2",2),c(2,"St\xF6rung melden"),n(),m(3,me,43,17,"div",3)(4,_e,2,0,"span")(5,ue,2,0,"span",4),n()),e&2){let a;l(3),_((a=o.isReportSuccessfull())===0?3:a===1?4:a===-1?5:-1)}},dependencies:[J,Z,ee,V],encapsulation:2,changeDetection:0})};var ie=(t,i)=>i.codename;function ge(t,i){if(t&1){let e=S();r(0,"li",2)(1,"a",3),u("click",function(){let a=p(e).$implicit,s=d(2);return f(s.changeTab(a.codename))}),c(2),n()()}if(t&2){let e=i.$implicit;d(2);let o=g(2);l(),j(o===e.codename?"border-primary text-primary active":"border-transparent hover:text-gray-600 hover:border-gray-300"),l(),B(" ",e.label," ")}}function he(t,i){if(t&1&&(r(0,"div",7),h(1,"app-widget-traffic-element",8),n()),t&2){let e=i.$implicit,o=i.$index;d(2);let a=g(4);l(),x("element",e)("prevAutobahn",o>0?a.at(o-1).autobahn:"")}}function xe(t,i){if(t&1&&y(0,he,2,2,"div",7,M),t&2){d();let e=g(4);w(e)}}function Ce(t,i){if(t&1&&(r(0,"div",7)(1,"p"),c(2),n()()),t&2){let e=d().$implicit;l(2),B("Es liegen keine aktuellen Meldungen \xFCber ",e.label," vor.")}}function ve(t,i){if(t&1&&(r(0,"div",4),h(1,"img",5),r(2,"h2",6),c(3),n()(),C(4),m(5,xe,2,0)(6,Ce,3,1,"div",7)),t&2){let e=i.$implicit;d(3);let o=g(0),a=g(2);l(),x("src",e.icon,A)("alt",e.label),l(2),K(e.label),l();let s=E(o[a][e.codename]);l(),_(s!=null&&s.length?5:6)}}function be(t,i){if(t&1&&y(0,ve,7,5,null,null,ie),t&2){let e=d(2);w(e.trafficTypes)}}function Te(t,i){if(t&1&&(r(0,"div",7),h(1,"app-widget-traffic-element",10),n()),t&2){let e=i.$implicit;l(),x("element",e)}}function ye(t,i){if(t&1&&y(0,Te,2,1,"div",7,M),t&2){d();let e=g(4);w(e)}}function we(t,i){t&1&&(r(0,"div",7)(1,"p"),c(2,"Es liegen keine aktuellen Meldungen \xFCber Blitzer vor."),n()())}function Se(t,i){if(t&1&&(r(0,"div",4),h(1,"img",9),r(2,"h2",6),c(3,"Blitzer"),n()(),C(4),m(5,ye,2,0)(6,we,3,0,"div",7)),t&2){d(2);let e=g(0),o=g(2);l(4);let a=E(e[o]);l(),_(a.length?5:6)}}function Ee(t,i){if(t&1&&(r(0,"div",0)(1,"ul",1),y(2,ge,3,3,"li",2,ie),n()(),m(4,be,2,0)(5,Se,7,2)),t&2){let e=d(),o=g(2);

1l(2),w(e.tabs),l(2),_(o==="local"||o==="overregional"?4:5)}}var te=class t{constructor(i){this.trafficService=i;this.trafficDetails$=this.trafficService.trafficDetails$}widget=I.required();trafficDetails$;#e=new P("local");selectedTab$=this.#e.asObservable();tabs=[{label:"Lokal",codename:"local"},{label:"Blitzer",codename:"radars"},{label:"Landesweit",codename:"overregional"}];trafficTypes=[{label:"Unf\xE4lle",icon:"/icons/crash.svg",codename:"accident"},{label:"Staus",icon:"/icons/trafficjam.svg",codename:"trafficjam"},{label:"Baustellen",icon:"/icons/construction.svg",codename:"construction"},{label:"St\xF6rungen",icon:"/icons/trafficjam.svg",codename:"warning"}];changeTab(i){this.#e.next(i)}static \u0275fac=function(e){return new(e||t)(T(D))};static \u0275cmp=k({type:t,selectors:[["app-widget-traffic"]],inputs:{widget:[1,"widget"]},decls:6,vars:7,consts:[[1,"font-medium","text-center","text-gray-500","border-b","border-gray-300","mb-4"],[1,"flex","flex-wrap","-mb-px"],[1,"grow","me-2","cursor-pointer"],[1,"w-full","inline-block","p-4","font-bold","text-lg","border-b-4","rounded-t-lg",3,"click"],[1,"w-full","border-b","border-black","border-opacity-25","flex","flex-row","items-center","py-4","mb-4"],[1,"w-12","lg:w-16","h-12","lg:h-16","inline-block",3,"src","alt"],[1,"headline-4","ml-4"],[1,"w-full","flex","flex-col","gap-6","mt-4","mb-6"],[3,"element","prevAutobahn"],["src","/icons/speedcam.svg","alt","Blitzer",1,"w-12","lg:w-16","h-12","lg:h-16","inline-block"],[3,"element"]],template:function(e,o){if(e&1&&(C(0),R(1,"async"),C(2),R(3,"async"),m(4,Ee,6,1),h(5,"app-widget-traffic-report")),e&2){let a=E(W(1,1,o.trafficDetails$));l(2);let s=E(W(3,4,o.selectedTab$));l(2),_(a&&s?4:-1)}},dependencies:[V,X,F],encapsulation:2,changeDetection:0})};export{te as WidgetTrafficComponent};