https://vbnoe.at/iwov-resources/ui-frameworks/tigital/assets/js/mo…/employeeContactForm/employeeContactForm.js

1"use strict";(function(m,r){if(typeof exports=="object"&&typeof module=="object")module.exports=r();else if(typeof define=="function"&&define.amd)define([],r);else{var p=r();for(var _ in p)(typeof exports=="object"?exports:m)[_]=p[_]}})(self,()=>(self.webpackChunkvolksbank_frontend_2024=self.webpackChunkvolksbank_frontend_2024||[]).push([[3194],{3075:(E,m,r)=>{r.r(m)},4961:(E,m,r)=>{var p=r(4876),_=r(1395),S=r(4891),A=r.n(S);let l;const u={};let b=!1;const s="disabled-loading-animation",o=t=>{if(t==null)return;const c=t.querySelector("[data-tigital-captcha]");if(c==null)return;const f=c.querySelector("[data-tigital-captcha-image]");if(f===void 0)return;const i=c.dataset.tigitalCaptchaUrl;if(i===void 0)return;const a=new XMLHttpRequest;a.addEventListener("readystatechange",function(){this.status===200&&this.readyState===4&&(f.src=`data:image/jpg;base64, ${this.responseText}`)}),a.open("GET",i,!0),a.send()},e=t=>{const{detail:c,target:f}=t;if(!f)return;const i=f.dataset.dropdowngroup,a=f.dataset.dropdowngroupOrder;if(!u[i]||a!=="1")return;const{index:v}=c,w=u[i].find(d=>d.dataset.dropdowngroupOrder!==a);if(w){const d=w.parentElement,y=v-1;d.querySelectorAll("li").forEach((L,T)=>{if(L.classList.remove("disabled"),T<=y){if(L.getAttribute("aria-selected")==="true"){L.setAttribute("aria-selected","false"),L.classList.remove("active"),L.classList.add("disabled");const I=new CustomEvent("selectindex",{detail:{index:y+1}});d.dispatchEvent(I)}L.classList.add("disabled")}})}},n=t=>{const c=t.querySelector(".employeeContactForm__contactform--call"),f=t.querySelector(".employeeContactForm__contactform--appointment"),i=t.querySelector(".employeeContactForm__date--call"),a=t.querySelector(".employeeContactForm__date--appointment"),v=t.querySelector(".employeeContactForm__date--appointmentFrom"),g=t.querySelector(".employeeContactForm__date--appointmentTo");function w(){c.checked?(a.setAttribute("hidden",""),v.setAttribute("disabled",""),g.setAttribute("disabled",""),i.removeAttribute("hidden"),i.removeAttribute("disabled")):f.checked&&(i.setAttribute("hidden",""),i.setAttribute("disabled",""),a.removeAttribute("hidden"),v.removeAttribute("disabled"),g.removeAttribute("disabled"))}c.addEventListener("change",w),f.addEventListener("change",w),w()},h=t=>{t.classList.add(s)},M=t=>{t.classList.remove(s)},C=()=>{const t=document.querySelector("[data-kw-employeecontactform]");if(t==null)return;h(t),setTimeout(()=>{M(t)},_.$5),n(t),o(t),t.querySelectorAll("[data-kw-selectable-dropdown]").forEach(i=>{new p.Q(i).selectDefaultIndex()}),l=t.querySelectorAll("[data-dropdowngroup]"),l.forEach(i=>{const a=i.dataset.dropdowngroup;u[a]||(u[a]=[]),u[a].push(i),i.addEventListener("selectionchange",e.bind(void 0))});const f=new(A())("[data-kw-employeecontactform]",{messageCustom:"data-bouncer-mismatch-message",patterns:{tel:/^(?:\d{3}[\s-]?){2}\d{3}$/},customValidations:{missingValue:i=>!(!i.hasAttribute("required")||i.disabled||i.closest("fieldset")?.disabled||!b||i.value!=="")},messages:{missingValue:{default:i=>{const a=i.dataset.bouncerMessageMissing;return a||""}}}});t.addEventListener("click",i=>{const{target:a}=i;a&&a.classList.contains("js-dropdown-toggle")&&i.preventDefault()}),t.addEventListener("keydown",i=>{const{key:a}=i;a!=="Tab"&&a!=="Shift"&&(b=!0)}),t.addEventListener("submit",()=>{if(b=!0,f.validateAll(t).length===0){if(t?.querySelectorAll("[data-category]")===void 0)return;const a=t?.dataset?.tigitalFormSitename,v=t?.dataset?.tigitalFormType,g=v==="standard"?"t":"f",w=new URLSearchParams(window.location.search);let d=document.createElement("input");d.hidden=!0,d.name="branch",d.value=a,t.append(d),d=document.createElement("input"),d.hidden=!0,d.name="vbbranch",d.value=w.has("vbbranch")?w.get("vbbranch"):"",t.append(d),d=document.createElement("input"),d.hidden=!0,d.name="standardformular",d.value=g,t.append(d),d=document.createElement("input"),d.hidden=!0,d.name="formType",d.value=v,t.append(d),t.action=t.dataset.tigitalAction,t.submit(),b=!1}else o(t)})},O=()=>{C()};document.readyState!=="loading"?O():document.addEventListener("DOMContentLoaded",O)},936:(E,m,r)=>{r.d(m,{r:()=>s});var p=r(1395);const _="js-dropdown-toggle",S="js-dropdown-content",A="js-dropdown-item",l="show",u="opened",b="closing";class s{constructor(e){if(!e){console.warm("No dropdown provided");return}this.baseElement=e,this.root=e,this.hasClosingAnimation=e.dataset?.kwDropdownHasClosingAnimation==="true",this.dropdownSwitch=e.querySelector(`.${_}`),this.dropdownMenu=e.querySelector(`.${S}`),this.menuitemNodes=[...this.dropdownMenu.querySelectorAll(`.${A}`)],this.firstMenuitem=!1,this.lastMenuitem=!1,this.initEvents(),this.clickOutsideReference=this.clickOutside.bind(this)}toggle(){if(this.dropdownMenu.classList.contains(l)){this.hide();return}this.show()}

1hide(){if(this.dropdownMenu.classList.contains(l)){if(this.hasClosingAnimation){this.dropdownMenu.classList.add(b),this.dropdownMenu.classList.remove(l),this.dropdownSwitch.classList.remove(l),setTimeout(()=>{this.dropdownMenu.classList.remove(b),this.baseElement.classList.remove(u),this.dropdownSwitch.setAttribute("aria-expanded","false"),document.removeEventListener("click",this.clickOutsideReference,!1)},p.$5);return}this.dropdownMenu.classList.remove(l),this.dropdownSwitch.classList.remove(l),this.baseElement.classList.remove(u),this.dropdownSwitch.setAttribute("aria-expanded","false"),document.removeEventListener("click",this.clickOutsideReference,!1)}}show(){this.dropdownMenu.classList.contains(l)||(this.dropdownSwitch.setAttribute("aria-expanded",!0),this.dropdownSwitch.classList.add(l),this.dropdownMenu.classList.add(l),this.baseElement.classList.add(u),document.addEventListener("click",this.clickOutsideReference,!1),this.setFocusToMenuitem(this.firstMenuitem))}disable(){this.dropdownSwitch.disabled=!0,this.hide()}enable(){this.dropdownSwitch.disabled=!1}clickOutside(e){e&&!(this.dropdownMenu.contains(e.target)||this.dropdownSwitch.contains(e.target))&&this.hide()}onEnterKey(e){this.dropdownSwitch.focus()}onSwitchKeydown(e){const{key:n}=e;let h=!1;switch(n){case" ":case"Enter":case"ArrowDown":case"Down":case"Up":case"ArrowUp":this.show(),h=!0;break;case"Esc":case"Escape":this.hide(),h=!0;break;default:break}h&&(e.stopPropagation(),e.preventDefault())}onMenuitemKeydown(e){const n=e.currentTarget,{key:h,altKey:M,metaKey:C,ctrlKey:O,shiftKey:t}=e;let c=!1;if(!(O||M||C)){if(t)h==="Tab"&&(this.dropdownSwitch.focus(),this.hide(),c=!0);else switch(h){case"Esc":case"Escape":this.hide(),this.dropdownSwitch.focus(),c=!0;break;case"Up":case"ArrowUp":this.setFocusToPreviousMenuitem(n),c=!0;break;case"ArrowDown":case"Down":this.setFocusToNextMenuitem(n),c=!0;break;case"Home":case"PageUp":this.setFocusToFirstMenuitem(),c=!0;break;case"End":case"PageDown":this.setFocusToLastMenuitem(),c=!0;break;case"Tab":this.hide();break;case"Enter":this.onEnterKey(n);break;default:break}c&&(e.stopPropagation(),e.preventDefault())}}setFocusToMenuitem(e){this.menuitemNodes.forEach(n=>{n===e?(n.tabIndex=0,e.focus()):n.tabIndex=-1})}setFocusToFirstMenuitem(){this.setFocusToMenuitem(this.firstMenuitem)}setFocusToLastMenuitem(){this.setFocusToMenuitem(this.lastMenuitem)}setFocusToPreviousMenuitem(e){let n,h;return e===this.firstMenuitem?n=this.lastMenuitem:(h=this.menuitemNodes.indexOf(e),n=this.menuitemNodes[h-1]),this.setFocusToMenuitem(n),n}setFocusToNextMenuitem(e){let n,h;return e===this.lastMenuitem?n=this.firstMenuitem:(h=this.menuitemNodes.indexOf(e),n=this.menuitemNodes[h+1]),this.setFocusToMenuitem(n),n}initEvents(){this.dropdownSwitch.addEventListener("click",this.toggle.bind(this)),this.dropdownSwitch.addEventListener("keydown",this.onSwitchKeydown.bind(this)),this.menuitemNodes.forEach(e=>{this.firstMenuitem||(this.firstMenuitem=e),this.lastMenuitem=e,e.addEventListener("keydown",this.onMenuitemKeydown.bind(this))})}}},4876:(E,m,r)=>{r.d(m,{Q:()=>u,u:()=>l});var p=r(8898),_=r.n(p),S=r(936),A=r(2170);const l="active";class u extends S.r{constructor(s){super(s),s||console.warm("No dropdown provided"),this.valueEl=this.baseElement.querySelector("[data-kw-dropdown-value]"),this.hiddenSelect=this.baseElement.querySelector("[data-kw-dropdown-hidden-select]"),this.optionEls=this.baseElement.querySelectorAll("[data-kw-dropdown-option]"),this.defaultOpenIndex=this.baseElement.dataset.kwSelectableDropdownDefaultindex,this.optionEls.forEach(o=>{o.addEventListener("click",this.onOptionClick.bind(this)),o.addEventListener("keydown",this.onOptionKeydown.bind(this))}),this.baseElement.addEventListener("selectindex",this.onSelectIndex.bind(this))}static selectOptionByElement(s){s.setAttribute("aria-selected","true"),s.classList.add(l)}static deselectOptionByElement(s){s.setAttribute("aria-selected","false"),s.classList.remove(l)}onSelectionChange(s){this.optionEls.forEach((o,e)=>{if(o===s){u.selectOptionByElement(s);const n=new CustomEvent("selectionchange",{detail:{selectedOption:s,index:e}});this.hiddenSelect.dispatchEvent(n)}else u.deselectOptionByElement(o)})}onOptionClick(s){const o=(0,A.il)(s,"li");if(!o)return;const{label:e,value:n}=o.dataset;this.valueEl.textContent=e,this.valueEl.removeAttribute("unfilled"),this.hiddenSelect.value=n,this.onSelectionChange(o),this.toggle()}onOptionKeydown(s){s.preventDefault();const{key:o}=s;(o==="Enter"||o===" ")&&this.onOptionClick(s)}selectDefaultIndex(){const s=Number.parseInt(this.defaultOpenIndex,10),o=[...this.optionEls].at(s);if(o){const{label:e,value:n}=o.dataset;this.valueEl.textContent=e,this.valueEl.removeAttribute("unfilled"),this.hiddenSelect.value=n,this.onSelectionChange(o)}}onSelectIndex(s){const{index:o}=s.detail;this.selectIndex(o)}selectIndex(s){const o=[...this.optionEls].at(s);if(o){const{label:e,value:n}=o.dataset;this.valueEl.textContent=e,this.valueEl.removeAttribute("unfilled"),this.hiddenSelect.value=n,this.onSelectionChange(o)}}}},1395:(E,m,r)=>{r.d(m,{$5:()=>_,YH:()=>M,d5:()=>n,f5:()=>e,mr:()=>b,u4:()=>s,x3:()=>o});const p=100,_=300,S=600,A=800,l=1600,u=150,b=992,s=1200,o="no-transition",e="keyboardnav",n=`
2  a[href],
3  area[href],
4  input:not([disabled]),
5  select:not([disabled]),
6  textarea:not([disabled]),
7  button:not([disabled]),
8  iframe,
9  object,
10  embed,
11  [tabindex="0"],
12  [contenteditable]`,h=null,M=["J\xE4nner","Februar","M\xE4rz","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"]}},E=>{var m=p=>E(E.s=p);E.O(0,[3614,3297,5597],()=>(m(4961),m(3075)));var r=E.O();return r}]));