https://unia.ch/_assets/f47debafe7c72acba299e817b5fb3558/JavaScript/Bundles/bundle.bbde26b593e1da669b5f.js

1"use strict";(self.webpackChunkunia21=self.webpackChunkunia21||[]).push([[913,960,2597,4658,5737,5790,6887,8234,9436,9853],{913:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});class i{options={eventListeners:!0};constructor(e,t,s={}){this.$el=e,this.form=t,this.options=Object.assign(this.options,s),this.$el.Input=this,this.max=this.$el.max,this.setup(),this.$label=this.findClosest(this.$el,"label"),this.setFeedbackElement(),this.feedbackMessage=this.form.options.customRequired?this.form.options.customRequired:this.$feedback.innerHTML,this.feedbackMessage=this.$el.dataset.feedback?this.$el.dataset.feedback:this.feedbackMessage,this.valid=!1,this.validationMessage=e.validationMessage,this.value=e.value,this.data=e.dataset,this.options.eventListeners&&this.setEventListeners()}validate(){this.value=this.$el.value,!this.$el.checkValidity()||this.max&&this.max<this.value.length?(this.$el.classList.add("is-invalid"),this.$feedback&&!this.$feedback.innerHTML&&(this.$feedback.innerHTML=this.feedbackMessage||this.validationMessage),this.valid=!1,this.$el.dispatchEvent(new Event("field:error"))):(this.$el.classList.remove("is-invalid"),this.valid=!0,this.$el.dispatchEvent(new Event("field:success")))}focus(e){this.$el.dispatchEvent(new Event("field:focus:before")),console.log(this.$label),document.activeElement===this.$el||this.$el.value.length?(this.$label.classList.add("focused"),this.$el.classList.add("focused")):(this.$label.classList.remove("focused"),this.$el.classList.remove("focused")),this.$el.dispatchEvent(new Event("field:focus:after"))}blur(e){this.focus(e),this.$feedback.innerHTML=this.feedbackMessage,this.validate()}setEventListeners(){this.$el.addEventListener("focus",e=>this.focus(e)),this.$el.addEventListener("focusout",e=>this.blur(e)),this.$el.addEventListener("change",e=>this.validate(e))}setFeedbackElement(){this.$feedback=this.findClosest(this.$el,".invalid-feedback",0),this.$feedback||(this.$feedback=document.createElement("div"),this.$feedback.classList.add("invalid-feedback"),this.feedbackMessage&&(this.$feedback.innerHTML=this.feedbackMessage),this.$el.parentNode.appendChild(this.$feedback))}findClosest(e,t,s=5){const i=e.parentElement;return i.querySelector(t)||(s>=0?this.findClosest(i,t,s-1):null)}setError(e){this.$feedback.innerHTML=e}setup(){}}},960:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var i=s(913);s(7371);class a extends i.default{constructor(e,t,s={}){super(e,t,s)}}},2597:(e,t,s)=>{s.r(t),s.d(t,{default:()=>u});var i=s(913),a=s(9853),l=s(9436),n=s(8234),h=s(6887),o=s(4658),c=s(5737),d=s(960),r=s(5790);class u{options={onSubmit:Function,onSubmitError:Function,novalidate:!0,customSelect:!0,customRequired:null,customFeedback:null,tracking:!1,scroll:!0,scrollOffset:100,type:{Signature:h.default,Checkbox:l.default,Radio:o.default,Email:c.default,Tel:d.default,Select:a.default,Input:i.default,FileUpload:r.default},paging:{enabled:!1,pageSelector:"",btnPrevSelector:"",btnNextSelector:"",currentStep:0,scrollOffset:0,onStepChange:Function}};constructor(e,t={}){const s=this;if(this.selector=e,this.options=Object.assign(this.options,t),this.options.customSelect&&(this.options.type.Select=n.default),this.errors=!1,this.$el=document.querySelector(e),!this.$el)return void console.error("FORM DOES NOT EXIST");this.$el.setAttribute("novalidate",this.options.novalidate),this.submitted=!1;const i=HTMLFormElement.prototype.submit.bind(this.$el);this.$el.submit=()=>{this.submitted||(this.submitted=!0,i())},window.addEventListener("pageshow",e=>{e.persisted&&(this.submitted=!1)}),this.$el.addEventListener("submit",e=>this.submitEvent(e)),this.inputs={};const a=this.$el.querySelectorAll("input:not([type=hidden]):not([type=email]):not([type=tel]):not([readonly]):not([disabled])"),l=this.$el.querySelectorAll("input[type=hidden]"),h=this.$el.querySelectorAll("input[type=email]"),o=this.$el.querySelectorAll("input[type=tel]"),c=this.$el.querySelectorAll("select"),d=this.$el.querySelectorAll("textarea");a.forEach(e=>this.initializeInput(e,e.getAttribute("type"))),l.forEach(e=>this.initializeInput(e,e.dataset.type)),h.forEach(e=>

1this.initializeInput(e,e.getAttribute("type"))),o.forEach(e=>this.initializeInput(e,e.getAttribute("type"))),c.forEach(e=>this.initializeInput(e,"select")),d.forEach(e=>this.initializeInput(e,"textarea")),this.options.paging.enabled&&(this.paging={pages:null,currentStep:0},this.paging.pages=this.$el.querySelectorAll(this.options.paging.pageSelector),this.paging.pages.forEach((e,t)=>{const i=e.querySelectorAll("input, select, textarea");this.paging.pages[t].fields={},i.forEach(e=>{e.Input&&(this.paging.pages[t].fields[e.id]=e.Input)}),s.paging.currentStep!==t&&(e.style.display="none");let a=e.querySelector(s.options.paging.btnPrevSelector),l=e.querySelector(s.options.paging.btnNextSelector);if(t>0&&(a.style.display="inline-block",a.addEventListener("click",function(){s.changeStep(t-1)})),0==e.querySelectorAll("[type='submit']").length&&t<s.paging.pages.length&&(l.style.display="inline-block",l.addEventListener("click",function(){s.changeStep(t+1)})),t==s.paging.pages.length-1){const t=e.querySelector('[type="submit"]');l.style.display="inline-block",t.style=l.getAttribute("style"),l.parentNode.replaceChild(t,l)}}))}submitEvent(e){e.preventDefault(),this.validate(),this.errors?this.options.onSubmitError.toString()!==Function.toString()&&this.options.onSubmitError(e):this.options.onSubmit(e)}validate(e=null){e=e??this.inputs,this.errors=!1;for(const t in e){const s=e[t];if(s.validate(),!s.valid&&!this.errors){const e=s.$el.getBoundingClientRect();this.errors=!0,this.options.scroll&&window.scrollTo({top:e.top-this.options.scrollOffset-s.$label.offsetHeight-s.$feedback.offsetHeight+window.scrollY,behavior:"smooth"})}}}changeStep(e){this.paging.currentStep<e&&this.validate(this.paging.pages[this.paging.currentStep].fields),this.paging.pages[e]&&(!this.errors||this.paging.currentStep>e)&&(this.paging.pages.item(this.paging.currentStep).style.display="none",this.paging.pages.item(e).style.display="flex",this.paging.currentStep=e,this.options.paging.onStepChange.toString()!==Function.toString()&&this.options.paging.onStepChange(e),this.options.scroll&&window.scrollTo({top:this.$el.offsetTop-(this.options.paging.scrollOffset||this.options.scrollOffset),behavior:"smooth"}),this.options.tracking&&this.event("step-change",{step:e+1}))}initializeInput(e,t){if(void 0===(t=t?t.toLowerCase():void 0)||"hidden"===t||void 0!==e.id&&""!==e.id){if(void 0===t||"submit"!==t){switch(t){case"signature":this.inputs[e.id]=new this.options.type.Signature(e,this);break;case"select":this.inputs[e.id]=new this.options.type.Select(e,this);break;case"checkbox":this.inputs[e.id]=new this.options.type.Checkbox(e,this);break;case"radio":this.inputs[e.id]=new this.options.type.Radio(e,this);break;case"email":this.inputs[e.id]=new this.options.type.Email(e,this);break;case"tel":this.inputs[e.id]=new this.options.type.Tel(e,this);break;case"file":this.inputs[e.id]=new this.options.type.FileUpload(e,this);break;default:this.inputs[e.id]=new this.options.type.Input(e,this)}e.addEventListener("focus",()=>this.$el.dispatchEvent(new Event("fields:focus")))}}else console.error("INPUTS NEED AN ID")}get(e){return this.inputs[e].value}hide(){this.$el.classList.add("hidden")}event(e,t){dataLayer.push({event:e,...t})}}},4658:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var i=s(9436);class a extends i.default{constructor(e,t,s={}){s.eventListeners=!1,super(e,t,s),this.$label=this.findClosest(this.$el,"label:not(input ~ label):not(label ~ input)"),this.setEventListeners()}focus(e){this.$el.parentNode.querySelectorAll('input[type="radio"]').forEach(e=>{e.classList.remove("is-invalid")}),this.$el.checked?(this.$label.classList.add("focused"),this.$el.classList.add("focused")):(this.$label.classList.remove("focused"),this.$el.classList.remove("focused"))}}},5737:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var i=s(913);s(7371);class a extends i.default{constructor(e,t,s={}){super(e,t,s)}}},5790:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var i=s(913);s(7371);class a extends i.default{constructor(e,t,s={}){super(e,t,s);const i=this.form.$el.dataset.upload;this.$feedback.innerHTML=i??this.$feedback.innerHTML;const a=this.$el.dataset.maxfilesize,l=this.$el.dataset.maxnumoffiles;this.maxNumOfFiles=l||10,this.maxFileSize=a||1e7}checkNumUploadedFiles(e){let t=!0;return e.length>this.maxNumOfFiles&&(t=!1),t}checkMaxAccumulatedFileSize(e){let t=!0,s=0;for(let t=0;t<e.length;t++)s+=e[t].size;return s>this.maxFileSize&&(t=!1),t}

1validate(e){let t=this.$el.files;this.$el.checkValidity()?this.checkNumUploadedFiles(t)&&this.checkMaxAccumulatedFileSize(t)?(this.$el.classList.remove("is-invalid"),this.valid=!0,this.$el.dispatchEvent(new Event("field:success"))):(this.$el.classList.add("is-invalid"),this.$feedback.innerHTML=this.$el.dataset.uploadfilesizefeedback,this.$el.value="",this.valid=!1):(this.$el.classList.add("is-invalid"),this.$feedback&&!this.$feedback.innerHTML&&(this.$feedback.innerHTML=this.feedbackMessage||this.$el.validationMessage),this.valid=!1,this.$el.dispatchEvent(new Event("field:error")))}}},6887:(e,t,s)=>{s.r(t),s.d(t,{default:()=>l});var i=s(913),a=s(2492);class l extends i.default{constructor(e,t,s={}){s.eventListeners=!1,super(e,t,s),this.pad.onEnd=()=>this.setValue()}setup(){this.$parent=document.createElement("div"),this.$parent.id="input-signature-"+Date.now(),this.$parent.style.position="relative",this.$el.parentElement.appendChild(this.$parent),this.$parent.appendChild(this.$el),this.$el.dataset.placeholder&&(this.$placeholder=document.createElement("span"),this.$placeholder.id="input-signature-placeholder-"+Date.now(),this.$placeholder.style.position="absolute",this.$placeholder.style.padding="10px",this.$placeholder.style.zIndex="-1",this.$placeholder.innerHTML=this.$el.dataset.placeholder,this.$parent.appendChild(this.$placeholder)),this.$canvas=document.createElement("canvas"),this.$canvas.style.border="1px solid black",this.$canvas.style.width="100%",this.$canvas.style.height="330px",this.$parent.appendChild(this.$canvas),this.$clear=document.createElement("button"),this.$clear.id="input-signature-clear-"+Date.now(),this.$clear.type="button",this.$clear.innerHTML=this.$el.dataset.clear??"",this.$parent.appendChild(this.$clear),this.$el.type="text",this.$el.style.height="0px",this.$el.style.padding="0px",this.$el.style.border="none",this.$el.style.boxShadow="none",this.pad=new a.A(this.$canvas,{backgroundColor:"rgba(255, 255, 255, 0)",penColor:"rgb(0, 0, 0)"}),this.resizeCanvas(),this.setEventListeners(),this.$targetCanvas=document.createElement("canvas"),this.$targetCanvas.style.width="33.3333%",this.$targetCanvas.style.height="110px",this.resizeTargetCanvas()}focus(e){this.$el.dispatchEvent(new Event("field:focus:before")),this.$label.classList.add("focused"),this.$el.classList.remove("is-invalid"),this.$el.classList.add("focused"),this.$placeholder.style.display="none",this.$el.dispatchEvent(new Event("field:focus:after"))}clear(){this.$label.classList.remove("focused"),this.$el.classList.remove("focused"),this.$placeholder.style.display="inline",this.pad.clear()}setEventListeners(){this.$clear.addEventListener("click",e=>this.clear(e)),this.pad.addEventListener("beginStroke",e=>this.focus(e)),this.pad.addEventListener("endStroke",e=>this.setValue())}resizeCanvas(e=!0){const t=Math.max(window.devicePixelRatio||1,1);this.$canvas.width=this.$canvas.offsetWidth*t,this.$canvas.height=this.$canvas.offsetHeight*t,this.$canvas.getContext("2d").scale(t,t),e&&this.pad.clear()}resizeTargetCanvas(){const e=Math.max(window.devicePixelRatio||1,1);this.$targetCanvas.width=this.$canvas.offsetWidth*e/6,this.$targetCanvas.height=this.$canvas.offsetHeight*e/6,this.$targetCanvas.getContext("2d").scale(e,e)}setValue(){let e=this.$targetCanvas,t=e.getContext("2d");const s=document.createElement("img");s.onload=()=>{e.height=e.width*(s.height/s.width);let i=document.createElement("canvas"),a=i.getContext("2d"),l=document.createElement("canvas"),n=l.getContext("2d");i.width=.5*s.width,i.height=.5*s.height,l.width=.5*s.width,l.height=.5*s.height,a.drawImage(s,0,0,i.width,i.height),n.drawImage(i,0,0,.5*i.width,.5*i.height),t.drawImage(l,0,0,.5*i.width,.5*i.height,0,0,e.width,e.height);const h=document.createElement("img");h.src=e.toDataURL("image/png"),h.style.width="auto",this.$el.value=e.toDataURL("image/png")},s.src=this.$canvas.toDataURL("image/png")}}},8234:(e,t,s)=>{s.r(t),s.d(t,{default:()=>n});var i=s(913),a=s(7371),l=s.n(a);

1class n extends i.default{constructor(e,t,s={}){s.eventListeners=!1,super(e,t,s),this.allowSearch=e.hasAttribute("data-allow-search"),e.dataset.value&&(e.querySelector('option[value="'+e.dataset.value+'"]').selected=!0);let i=e.dataset.placeholder;void 0!==i&&i||(i=e.getAttribute("placeholder"),void 0!==i&&i||(i="")),this.customSelect=new(l())(e,{placeholder:i,create:!1,searchField:!!this.allowSearch&&["text","value"],openOnFocus:!this.allowSearch,onFocus:e=>this.focus(e),onBlur:e=>this.blur(e),onChange:e=>this.change(),maxOptions:999999,render:{no_results:null}}),this.allowSearch&&this.customSelect.wrapper.classList.add("ts-search");const a=this.form.$el.dataset.selection;this.$feedback.innerHTML=a??this.$feedback.innerHTML,1===this.customSelect.settings.maxItems&&this.setCustomPlaceholder(i)}focus(e){document.activeElement===this.customSelect.control_input||document.activeElement===this.$label||this.$el.value.length?(this.$label.classList.add("focused"),this.customSelect.wrapper.classList.add("focused")):(this.$label.classList.remove("focused"),this.customSelect.wrapper.classList.remove("focused"))}blur(e){this.$el.value.length&&this.$el.classList.remove("is-invalid"),this.focus(e),this.validate()}change(){1===this.customSelect.settings.maxItems&&0!=this.$el.value&&this.customSelect.placeholder_element.remove(),this.validate()}setCustomPlaceholder(e){const t=document.createElement("div");t.classList.add("placeholder"),t.style.backgroundColor="transparent",t.style.fontWeight="normal",t.innerHTML=e,this.allowSearch||(this.customSelect.control_input.before(t),this.customSelect.control_input.remove()),this.customSelect.placeholder_element=t}}},9436:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var i=s(913);class a extends i.default{constructor(e,t,s={}){super(e,t,s)}focus(e){this.$el.checked?(this.$label.classList.add("focused"),this.$el.classList.add("focused")):(this.$label.classList.remove("focused"),this.$el.classList.remove("focused"))}setEventListeners(){this.$el.addEventListener("click",e=>this.focus(e)),this.$el.addEventListener("change",e=>this.validate(e))}}},9853:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});var i=s(913);s(7371);class a extends i.default{constructor(e,t,s={}){super(e,t,s)}}}}]);