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

1"use strict";(self.webpackChunkunia21=self.webpackChunkunia21||[]).push([[913,6887],{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(){}}},6887:(e,t,s)=>{s.r(t),s.d(t,{default:()=>h});var i=s(913),a=s(2492);class h 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"),h=document.createElement("canvas"),n=h.getContext("2d");i.width=.5*s.width,i.height=.5*s.height,h.width=.5*s.width,h.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(h,0,0,.5*i.width,.5*i.height,0,0,e.width,e.height);const l=document.createElement("img");l.src=e.toDataURL("image/png"),l.style.width="auto",this.$el.value=e.toDataURL("image/png")},s.src=this.$canvas.toDataURL("image/png")}}}}]);