@everymatrix/general-input 1.10.2 → 1.15.0

package/dist/general-input/p-916a1319.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i}from"./p-b408093e.js";import{t as o}from"./p-f6132f1d.js";import{t as s}from"./p-f4f4ccda.js";const l=class{constructor(i){t(this,i),this.sendValidityState=e(this,"sendValidityState",7),this.sendInputValue=e(this,"sendInputValue",7),this.defaultValue="",this.clientStyling="",this.limitStylingAppends=!1,this.showTooltip=!1,this.value="",this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}validityStateHandler(t){this.sendValidityState.emit(t)}valueHandler(t){this.sendInputValue.emit(t)}handleClickOutside(t){t.composedPath()[0]!==this.tooltipIconReference&&t.composedPath()[0]!==this.tooltipReference&&(this.showTooltip=!1)}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}handleClick(){this.showFields=this.checkboxReference.checked,this.errorMessage=this.setErrorMessage(),this.isValid=this.setValidity()}setValidity(){return this.checkboxReference.validity.valid}setErrorMessage(){if(this.checkboxReference.validity.valueMissing)return o("requiredError",this.language)}renderLabel(){return i("label",{class:"togglecheckbox__label",htmlFor:`${this.name}__input`},i("div",{class:"togglecheckbox__label-text",innerHTML:`${this.displayName} ${this.validation.mandatory?"*":""}`}))}renderTooltip(){return this.showTooltip?i("div",{class:"togglecheckbox__tooltip "+(this.showTooltip?"visible":""),ref:t=>this.tooltipReference=t,innerHTML:this.tooltip}):null}render(){return i("div",{class:`togglecheckbox__wrapper  ${this.name}__input`,ref:t=>this.stylingContainer=t},i("div",{class:"togglecheckbox__wrapper--flex"},i("input",{class:"togglecheckbox__input",type:"checkbox",id:`${this.name}__input`,ref:t=>this.checkboxReference=t,name:this.name,checked:"true"===this.defaultValue,readOnly:this.autofilled,required:this.validation.mandatory,value:this.value,onClick:()=>this.handleClick()}),this.renderLabel()),i("small",{class:"togglecheckbox__error-message"},this.errorMessage),i("div",{class:"togglecheckbox__wrapper--relative"},this.tooltip&&i("img",{class:"togglecheckbox__tooltip-icon",src:s,alt:"",ref:t=>this.tooltipIconReference=t,onClick:()=>this.showTooltip=!this.showTooltip}),this.renderTooltip()),i("div",{class:"togglecheckbox__fields-wrapper "+(this.showFields?"":"hidden")},this.options.map((t=>i("general-input",{type:t.inputType,name:t.name,displayName:t.displayName,validation:t.validate,action:t.action||null,defaultValue:t.defaultValue,autofilled:t.autofill,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:t.tooltip,placeholder:null==t.placeholder?"":t.placeholder})))))}};l.style='*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:5px;align-content:flex-start}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:#2B2D3F;line-height:14px}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:#cc0000b3}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:#FFFFFF;border:1px solid #B0B0B0;color:#2B2D3F;padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}';export{l as toggle_checkbox_input}

package/dist/general-input/p-b408093e.js

@@ -0,0 +1 @@
+let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},i=e=>Promise.resolve(e),c=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),r=(e,t,n)=>{n&&n.map((([n,l,s])=>{const i=a(e,n),c=u(t,s),r=f(n);o.ael(i,l,c,r),(t.o=t.o||[]).push((()=>o.rel(i,l,c,r)))}))},u=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){Q(e)}},a=(e,t)=>4&t?s:16&t?s.body:e,f=e=>0!=(2&e),d=new WeakMap,$=e=>"sc-"+e.$,h={},y=e=>"object"==(e=typeof e)||"function"===e,m=(e,t,...n)=>{let l=null,s=null,o=!1,i=!1,c=[];const r=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((o="function"!=typeof e&&!y(l))&&(l+=""),o&&i?c[c.length-1].h+=l:c.push(o?p(null,l):l),i=o)};if(r(n),t){t.key&&(s=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=p(e,null);return u.m=t,c.length>0&&(u.p=c),u.S=s,u},p=(e,t)=>({t:0,g:e,h:t,k:null,p:null,m:null,S:null}),b={},w=(e,t,n,s,i,c)=>{if(n!==s){let r=K(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,l=g(n),o=g(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if("key"===t);else if("ref"===t)s&&s(e);else if(r||"o"!==t[0]||"n"!==t[1]){const l=y(s);if((r||l&&null!==s)&&!i)try{if(e.tagName.includes("-"))e[t]=s;else{let l=null==s?"":s;"list"===t?r=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}null==s||!1===s?!1===s&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&c||i)&&!l&&e.setAttribute(t,s=!0===s?"":s)}else t="-"===t[2]?t.slice(3):K(l,u)?u.slice(2):u[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},S=/\s/,g=e=>e?e.split(S):[],k=(e,t,n,l)=>{const s=11===t.k.nodeType&&t.k.host?t.k.host:t.k,o=e&&e.m||h,i=t.m||h;for(l in o)l in i||w(s,l,o[l],void 0,n,t.t);for(l in i)w(s,l,o[l],i[l],n,t.t)},j=(t,n,l)=>{let o,i,c=n.p[l],r=0;if(null!==c.h)o=c.k=s.createTextNode(c.h);else if(o=c.k=s.createElement(c.g),k(null,c,!1),null!=e&&o["s-si"]!==e&&o.classList.add(o["s-si"]=e),c.p)for(r=0;r<c.p.length;++r)i=j(t,c,r),i&&o.appendChild(i);return o},v=(e,n,l,s,o,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);o<=i;++o)s[o]&&(c=j(null,l,o),c&&(s[o].k=c,r.insertBefore(c,n)))},M=(e,t,n,l,s)=>{for(;t<=n;++t)(l=e[t])&&(s=l.k,L(l),s.remove())},C=(e,t)=>e.g===t.g&&e.S===t.S,O=(e,t)=>{const n=t.k=e.k,l=e.p,s=t.p,o=t.h;null===o?(k(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o,i=0,c=0,r=0,u=0,a=t.length-1,f=t[0],d=t[a],$=l.length-1,h=l[0],y=l[$];for(;i<=a&&c<=$;)if(null==f)f=t[++i];else if(null==d)d=t[--a];else if(null==h)h=l[++c];else if(null==y)y=l[--$];else if(C(f,h))O(f,h),f=t[++i],h=l[++c];else if(C(d,y))O(d,y),d=t[--a],y=l[--$];else if(C(f,y))O(f,y),e.insertBefore(f.k,d.k.nextSibling),f=t[++i],y=l[--$];else if(C(d,h))O(d,h),e.insertBefore(d.k,f.k),d=t[--a],h=l[++c];else{for(r=-1,u=i;u<=a;++u)if(t[u]&&null!==t[u].S&&t[u].S===h.S){r=u;break}r>=0?(o=t[r],o.g!==h.g?s=j(t&&t[c],n,r):(O(o,h),t[r]=void 0,s=o.k),h=l[++c]):(s=j(t&&t[c],n,c),h=l[++c]),s&&f.k.parentNode.insertBefore(s,f.k)}i>a?v(e,null==l[$+1]?null:l[$+1].k,n,l,c,$):c>$&&M(t,i,a)})(n,l,t,s):null!==s?(null!==e.h&&(n.textContent=""),v(n,null,t,s,0,s.length-1)):null!==l&&M(l,0,l.length-1)):e.h!==o&&(n.data=o)},L=e=>{e.m&&e.m.ref&&e.m.ref(null),e.p&&e.p.map(L)},P=e=>G(e).j,x=(e,t,n)=>{const l=P(e);return{emit:e=>E(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},E=(e,t,n)=>{const l=o.ce(t,n);return e.dispatchEvent(l),l},N=(e,t)=>{t&&!e.v&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.v=t)))},R=(e,t)=>{if(e.t|=16,!(4&e.t))return N(e,e.M),ie((()=>T(e,t)));e.t|=512},T=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>U(n,e,t))),e.u=null),l=U(n,"componentWillLoad")),q(l,(()=>W(e,n,t)))},W=async(e,t,n)=>{const l=e.j,o=l["s-rc"];n&&(e=>{const t=e.C,n=e.j,l=t.t,o=((e,t)=>{let n=$(t),l=Z.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=d.get(e=e.head||e);o||d.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);A(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>D(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},A=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.j,o=n.C,i=n.O||p(null,null),c=(e=>e&&e.g===b)(l)?l:m(null,null,l);t=s.tagName,o.L&&(c.m=c.m||{},o.L.map((([e,t])=>c.m[t]=s[e]))),c.g=null,c.t|=4,n.O=c,c.k=i.k=s.shadowRoot||s,e=s["s-sc"],O(i,c)})(n,l)}catch(e){Q(e,n.j)}return null},D=e=>{const t=e.j,n=e.i,l=e.M;U(n,"componentDidRender"),64&e.t||(e.t|=64,F(t),U(n,"componentDidLoad"),e.P(t),l||H()),e.v&&(e.v(),e.v=void 0),512&e.t&&oe((()=>R(e,!1))),e.t&=-517},H=()=>{F(s.documentElement),oe((()=>E(l,"appload",{detail:{namespace:"general-input"}})))},U=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){Q(e)}},q=(e,t)=>e&&e.then?e.then(t):t(),F=e=>e.classList.add("hydrated"),V=(e,t,n)=>{if(t.N){e.watchers&&(t.R=e.watchers);const l=Object.entries(t.N),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>G(this).T.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=G(e),o=s.j,i=s.T.get(t),c=s.t,r=s.i;if(n=((e,t)=>null==e||y(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(n,l.N[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(s.T.set(t,n),r)){if(l.R&&128&c){const e=l.R[t];e&&e.map((e=>{try{r[e](n,i,t)}catch(e){Q(e,o)}}))}2==(18&c)&&R(s,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){o.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.L.push([e,s]),s}))}}return e},_=e=>{U(e,"connectedCallback")},z=(e,t={})=>{const n=[],i=t.exclude||[],u=l.customElements,a=s.head,f=a.querySelector("meta[charset]"),d=s.createElement("style"),h=[];let y,m=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],$:t[1],N:t[2],W:t[3]};l.N=t[2],l.W=t[3],l.L=[],l.R={};const s=l.$,a=class extends HTMLElement{constructor(e){super(e),J(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){y&&(clearTimeout(y),y=null),m?h.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=G(e),n=t.C,l=()=>{};if(1&t.t)r(e,t,n.W),_(t.i);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){N(t,t.M=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=Y(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.R=s.watchers,V(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){Q(e)}t.t&=-9,t.t|=128,e(),_(t.i)}if(s.style){let e=s.style;const t=$(n);if(!Z.has(t)){const l=()=>{};((e,t,n)=>{let l=Z.get(e);c&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,Z.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.M,i=()=>R(t,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>(()=>{if(0==(1&o.t)){const e=G(this);e.o&&(e.o.map((e=>e())),e.o=void 0)}})()))}componentOnReady(){return G(this).A}};l.D=e[0],i.includes(s)||u.get(s)||(n.push(s),u.define(s,V(a,l,1)))}))})),d.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),a.insertBefore(d,f?f.nextSibling:a.firstChild),m=!1,h.length?h.map((e=>e.connectedCallback())):o.jmp((()=>y=setTimeout(H,30)))},B=new WeakMap,G=e=>B.get(e),I=(e,t)=>B.set(t.i=e,t),J=(e,t)=>{const n={t:0,j:e,C:t,T:new Map};return n.A=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[],r(e,n,t.W),B.set(e,n)},K=(e,t)=>t in e,Q=(e,t)=>(0,console.error)(e,t),X=new Map,Y=e=>{const t=e.$.replace(/-/g,"_"),n=e.D,l=X.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(X.set(n,e),e[t])),Q)},Z=new Map,ee=[],te=[],ne=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?oe(se):o.raf(se))},le=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){Q(e)}e.length=0},se=()=>{le(ee),le(te),(n=ee.length>0)&&o.raf(se)},oe=e=>i().then(e),ie=ne(te,!0);export{b as H,z as b,x as c,P as g,m as h,i as p,I as r}

package/dist/general-input/p-c2d4d6ac.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,H as s}from"./p-b408093e.js";import{g as e}from"./p-f6132f1d.js";const a=class{constructor(i){t(this,i),this.type="text",this.clientStyling="",this.translationUrl=""}connectedCallback(){this.translationUrl&&e(this.translationUrl)}renderInput(){var t;switch(null===(t=this.type)||void 0===t?void 0:t.toLowerCase()){case"text":return i("text-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"email":return i("email-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"number":return i("number-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"checkbox":return i("checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,emitValue:this.emitValue,defaultValue:this.defaultValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip});case"checkboxgroup":return i("checkbox-group-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options});case"togglecheckbox":return i("toggle-checkbox-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,options:this.options});case"datetime":return i("date-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder,dateFormat:this.dateFormat});case"password":return i("password-input",{name:this.name,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,autofilled:this.autofilled,emitValue:this.emitValue,language:this.language,isDuplicateInput:this.isDuplicateInput,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"radio":return i("radio-input",{name:this.name,displayName:this.displayName,optionsGroup:this.options,validation:this.validation,emitValue:this.emitValue,language:this.language,"client-styling":this.clientStyling});case"tel":return i("tel-input",{name:this.name,action:this.action,displayName:this.displayName,validation:this.validation,defaultValue:this.defaultValue,emitValue:this.emitValue,language:this.language,autofilled:this.autofilled,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});case"dropdown":return i("select-input",{name:this.name,action:this.action,defaultValue:this.defaultValue,displayName:this.displayName,options:this.options,validation:this.validation,emitValue:this.emitValue,autofilled:this.autofilled,language:this.language,"client-styling":this.clientStyling,tooltip:this.tooltip,placeholder:this.placeholder});default:return i("p",null,"The ",this.type," input type is not valid")}}render(){return i(s,{class:`general-input--${this.name}`},this.renderInput())}};a.style=":host{display:block}";export{a as general_input}

package/dist/general-input/p-f4f4ccda.js

@@ -0,0 +1 @@
+const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==";export{I as t}

package/dist/general-input/p-f6132f1d.js

@@ -0,0 +1 @@
+const e={en:{dateError:"The selected date should be between {min} and {max}",dateError2:"The selected date is not within the accepted range",numberLengthError:"The number should be between {min} and {max}",lengthError:"The length should be between {minLength} and {maxLength}",requiredError:"This input is required.",invalidOriginalPasswordError:"Initial password field does not validate all criteria.",passwordStrength:"Password strength",passwordStrengthWeak:"is not adequate",passwordStrengthStrong:"is adequate",SpecialCharactersNotAllowed:"Should not contain special characters",InvalidEmailFormat:"Invalid email format.",EmailNotMatching:"Emails not matching!",PasswordNotMatching:"Passwords not matching",MustIncludeNumber:"include a number",MustContainCapital:"contain capital letters",MustIncludePunctation:"punctuation",OnlyNumbers:"Should contains only numbers."},hu:{dateError:"A választott dátumnak {min} és {max} között kell lennie",numberLengthError:"A számnak {min} és {max} között kell lennie",lengthError:"A hossznak {minLength} és {maxLength} között kell lennie",requiredError:"Ez a beviteli mező kötelező.",invalidOriginalPasswordError:"Initial password field does not validate all criteria.",passwordStrength:"Jelszó erőssége",passwordStrengthWeak:"nem megfelelő",passwordStrengthStrong:"megfelelő",SpecialCharactersNotAllowed:"Nem tartalmazhat speciális karaktereket",InvalidEmailFormat:"Érvénytelen e-mail formátum.",EmailNotMatching:"Az e-mailek nem egyeznek!",PasswordNotMatching:"A jelszavak nem egyeznek",MustIncludeNumber:"tartalmaznia kell egy számot",MustContainCapital:"nagybetűket kell tartalmaznia",MustIncludePunctation:"írásjelet",OnlyNumbers:"Csak számokat kell tartalmaznia."}},t=(t,a,n)=>{let r=e[void 0!==a?a:"en"][t];if(void 0!==n)for(const[e,t]of Object.entries(n.values)){const a=new RegExp(`{${e}}`,"g");r=r.replace(a,t)}return r},a=t=>new Promise((a=>{fetch(t).then((e=>e.json())).then((t=>{Object.keys(t).forEach((a=>{for(let n in t[a])e[a][n]=t[a][n]})),a(!0)}))}));export{a as g,t}

package/dist/types/components/checkbox-group-input/checkbox-group-input.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent, RegCfgContentField } from '../../utils/types';
+import '@vaadin/checkbox';
+import '@vaadin/checkbox-group';
+export declare class CheckboxGroupInput {
+  /**
+   * Name of the input.
+   */
+  name: string;
+  /**
+   * Name of input to be shown to the user.
+   */
+  displayName: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
+  /**
+   * Options of the input.
+   */
+  options: RegCfgContentField[];
+  /**
+   * Object of validation rules for the input.
+   */
+  validation: ValidationSchema;
+  /**
+   * Currently selected language.
+   */
+  language: string;
+  /**
+   * State passed down from the parent element. Will trigger the input to send it's value through an event.
+   */
+  emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  private element;
+  errorMessage: string;
+  isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  selectedValues: string[];
+  private stylingContainer;
+  private inputReference;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: any;
+  validityChanged(): void;
+  setValue(): void;
+  sendValidityState: EventEmitter<InputStateEvent>;
+  validityStateHandler(inputStateEvent: InputStateEvent): void;
+  emitValueHandler(newValue: boolean): void;
+  sendInputValue: EventEmitter<InputValueEvent>;
+  valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  setValidity(): boolean;
+  setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  handleParentCheckbox(e: Event): void;
+  renderLabel(): any;
+  render(): any;
+}

package/dist/types/components/checkbox-input/checkbox-input.d.ts

@@ -9,6 +9,18 @@ export declare class CheckboxInput {
    * Name of input to be shown to the user.
    */
   displayName: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Object of validation rules for the input.
    */
@@ -21,19 +33,33 @@ export declare class CheckboxInput {
    * State passed down from the parent element. Will trigger the input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
   errorMessage: string;
   isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
   private inputReference;
-  value: boolean;
+  private tooltipReference;
+  private tooltipIconReference;
+  value: string;
   validityChanged(): void;
   sendValidityState: EventEmitter<InputStateEvent>;
   validityStateHandler(inputStateEvent: InputStateEvent): void;
   emitValueHandler(newValue: boolean): void;
   sendInputValue: EventEmitter<InputValueEvent>;
   valueHandler(inputValueEvent: InputValueEvent): void;
-  connectedCallback(): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
   handleClick(): void;
   setValidity(): boolean;
   setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderLabel(): any;
+  renderTooltip(): any;
   render(): any;
 }

package/dist/types/components/date-input/date-input.d.ts

@@ -1,5 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+import '@vaadin/date-picker';
+import type { DatePicker, DatePickerDate, DatePickerChangeEvent } from '@vaadin/date-picker';
 export declare class DateInput {
   /**
    * Name of the input.
@@ -9,6 +11,10 @@ export declare class DateInput {
    * Name of input to be shown to the user.
    */
   displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
   /**
    * Object of validation rules for the input.
    */
@@ -17,6 +23,14 @@ export declare class DateInput {
    * Default value for the input.
    */
   defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Currently selected language.
    */
@@ -25,18 +39,46 @@ export declare class DateInput {
    * State passed down from the parent element. Will trigger the input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
+  /**
+   * Date format for date picker.
+   */
+  dateFormat: string;
   errorMessage: string;
   isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private element;
+  datePicker: DatePicker;
+  private stylingContainer;
   inputReference: HTMLInputElement;
+  private tooltipReference;
+  private tooltipIconReference;
   value: string;
+  touched: boolean;
+  minDate: Date;
+  maxDate: Date;
+  valueAsDate: Date;
   validityChanged(): void;
   sendValidityState: EventEmitter<InputStateEvent>;
   validityStateHandler(inputStateEvent: InputStateEvent): void;
   emitValueHandler(newValue: boolean): void;
   sendInputValue: EventEmitter<InputValueEvent>;
   valueHandler(inputValueEvent: InputValueEvent): void;
-  handleInput(event: any): void;
+  handleClickOutside(event: MouseEvent): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  formatDate: (dateParts: DatePickerDate) => string;
+  parseDate: (inputValue: string) => DatePickerDate;
+  handleInput(event: DatePickerChangeEvent): void;
+  handleBlur: () => void;
   setValidity(): boolean;
   setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
   render(): any;
 }

package/dist/types/components/email-input/email-input.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { Event, EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
 export declare class EmailInput {
   /**
@@ -9,6 +9,10 @@ export declare class EmailInput {
    * Name of input to be shown to the user.
    */
   displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
   /**
    * Object of validation rules for the input.
    */
@@ -17,6 +21,14 @@ export declare class EmailInput {
    * Default value for the input.
    */
   defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Currently selected language.
    */
@@ -25,22 +37,44 @@ export declare class EmailInput {
    * State passed down from the parent element. Will trigger the input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Flag for duplicate inputs, it sets up the input for certain validation rules.
+   */
+  isDuplicateInput: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
   errorMessage: string;
   isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
+  private tooltipReference;
+  private tooltipIconReference;
   value: string;
   inputReference: HTMLInputElement;
   debounceTime: ReturnType<typeof setTimeout>;
   validationPattern: string;
+  duplicateInputValue: string;
+  touched: boolean;
   validityChanged(): void;
+  emitValueHandler(newValue: boolean): void;
   sendValidityState: EventEmitter<InputStateEvent>;
   validityStateHandler(inputStateEvent: InputStateEvent): void;
-  emitValueHandler(newValue: boolean): void;
   sendInputValue: EventEmitter<InputValueEvent>;
   valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
+  valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
   connectedCallback(): void;
-  handleInput(event: any): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleInput: (event: Event) => void;
+  handleBlur: () => void;
   setValidity(): boolean;
   setPattern(): string;
   setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
   render(): any;
 }

package/dist/types/components/general-input/general-input.d.ts

@@ -12,6 +12,10 @@ export declare class GeneralInput {
    * Name of input to be shown to the user.
    */
   displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
   /**
    * Special behaviour an input should have. Can be fetching for data.
    */
@@ -28,6 +32,14 @@ export declare class GeneralInput {
    * Currently selected language.
    */
   language: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Default value for the input.
    */
@@ -36,5 +48,23 @@ export declare class GeneralInput {
    * State passed down from the parent element. Will trigger the child specialised input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Boolean that triggers certain validation rules, for duplicated inputs.
+   */
+  isDuplicateInput: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: any;
+  /**
+   * Date format for date picker.
+   */
+  dateFormat: string;
+  /**
+   * Translations via URL
+   */
+  translationUrl: string;
+  connectedCallback(): void;
+  renderInput(): any;
   render(): any;
 }

package/dist/types/components/number-input/number-input.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { Event, EventEmitter } from '../../stencil-public-runtime';
 import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
 export declare class NumberInput {
   /**
@@ -9,6 +9,10 @@ export declare class NumberInput {
    * Name of input to be shown to the user.
    */
   displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
   /**
    * Object of validation rules for the input.
    */
@@ -16,7 +20,15 @@ export declare class NumberInput {
   /**
    * Default value for the input.
    */
-  defaultValue: number;
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Currently selected language.
    */
@@ -25,19 +37,38 @@ export declare class NumberInput {
    * State passed down from the parent element. Will trigger the input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
   errorMessage: string;
   isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
+  private tooltipReference;
+  private tooltipIconReference;
   value: string;
   inputReference: HTMLInputElement;
+  validationPattern: string;
   debounceTime: ReturnType<typeof setTimeout>;
+  touched: boolean;
   validityChanged(): void;
   sendValidityState: EventEmitter<InputStateEvent>;
   validityStateHandler(inputStateEvent: InputStateEvent): void;
   emitValueHandler(newValue: boolean): void;
   sendInputValue: EventEmitter<InputValueEvent>;
   valueHandler(inputValueEvent: InputValueEvent): void;
-  handleInput(event: any): void;
+  handleClickOutside(event: MouseEvent): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleInput: (event: Event) => void;
+  handleBlur: () => void;
   setValidity(): boolean;
+  setPattern(): string;
   setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
   render(): any;
 }

package/dist/types/components/password-input/password-input.d.ts

@@ -1,5 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ValidationSchema, InputStateEvent, InputValueEvent } from '../../utils/types';
+import { Event, EventEmitter } from '../../stencil-public-runtime';
+import { ValidationSchema, InputStateEvent, InputValueEvent, PasswordComplexity } from '../../utils/types';
+import '@vaadin/password-field';
 export declare class PasswordInput {
   /**
    * Name of the input.
@@ -9,6 +10,22 @@ export declare class PasswordInput {
    * Name of input to be shown to the user.
    */
   displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Object of validation rules for the input.
    */
@@ -21,22 +38,54 @@ export declare class PasswordInput {
    * State passed down from the parent element. Will trigger the input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Flag for duplicate inputs, it sets up the input for certain validation rules.
+   */
+  isDuplicateInput: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
   isValid: boolean;
   errorMessage: string;
-  private inputReference;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  passwordComplexity: PasswordComplexity[];
+  showPopup: boolean;
   value: string;
-  validationPattern: string;
+  private element;
+  private inputReference;
+  private passwordButton;
+  private stylingContainer;
+  private tooltipReference;
+  private tooltipIconReference;
+  private touched;
+  private originalValid;
   debounceTime: ReturnType<typeof setTimeout>;
+  validationPattern: string;
+  duplicateInputValue: string;
   validityChanged(): void;
+  valueChanged(): void;
+  emitValueHandler(newValue: boolean): void;
+  sendOriginalValidityState: EventEmitter<InputStateEvent>;
   sendValidityState: EventEmitter<InputStateEvent>;
   validityStateHandler(inputStateEvent: InputStateEvent): void;
-  emitValueHandler(newValue: boolean): void;
   sendInputValue: EventEmitter<InputValueEvent>;
   valueHandler(inputValueEvent: InputValueEvent): void;
-  connectedCallback(): void;
-  handleInput(event: any): void;
+  originalValidityChangedHandler(event: CustomEvent<InputStateEvent>): void;
+  valueChangedHandler(event: CustomEvent<InputValueEvent>): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  handleInput: (event: Event) => void;
+  handleBlur: (event: Event) => void;
+  handleFocus: () => void;
+  calculateComplexity(password: string): void;
   setValidity(): boolean;
   setPattern(): string;
   setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
+  renderComplexityPopup(): any;
   render(): any;
 }

package/dist/types/components/radio-input/radio-input.d.ts

@@ -17,6 +17,10 @@ export declare class RadioInput {
    * Object of validation rules for the input.
    */
   validation: ValidationSchema;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Currently selected language.
    */
@@ -25,9 +29,18 @@ export declare class RadioInput {
    * State passed down from the parent element. Will trigger the input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
   errorMessage: string;
   isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private stylingContainer;
   private inputReference;
+  private tooltipReference;
+  private tooltipIconReference;
   value: any;
   validityChanged(): void;
   emitValueHandler(newValue: boolean): void;
@@ -35,9 +48,12 @@ export declare class RadioInput {
   valueHandler(inputValueEvent: InputValueEvent): void;
   sendValidityState: EventEmitter<InputStateEvent>;
   validityStateHandler(inputStateEvent: InputStateEvent): void;
-  connectedCallback(): void;
+  handleClickOutside(event: MouseEvent): void;
+  componentDidRender(): void;
   handleClick(event: any): void;
   setValidity(): boolean;
   setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
   render(): any;
 }

package/dist/types/components/select-input/select-input.d.ts

@@ -1,5 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { Event, EventEmitter } from '../../stencil-public-runtime';
 import type { ValidationSchema, InputStateEvent, InputValueEvent, Option } from '../../utils/types';
+import '@vaadin/combo-box';
 export declare class SelectInput {
   /**
    * Name of the input.
@@ -9,10 +10,26 @@ export declare class SelectInput {
    * Name of input to be shown to the user.
    */
   displayName: string;
+  /**
+   * Placeholder text to be shown.
+   */
+  placeholder: string;
   /**
    * Special behaviour an input should have. Can be fetching for data.
    */
   action: string;
+  /**
+   * Default value for the input.
+   */
+  defaultValue: string;
+  /**
+   * Boolean. Determines if input should be readonly.
+   */
+  autofilled: boolean;
+  /**
+   * Tooltip text.
+   */
+  tooltip: string;
   /**
    * Options of the input.
    */
@@ -29,22 +46,38 @@ export declare class SelectInput {
    * State passed down from the parent element. Will trigger the input to send it's value through an event.
    */
   emitValue: boolean;
+  /**
+   * Client custom styling via inline style
+   */
+  clientStyling: string;
   errorMessage: string;
   isValid: boolean;
+  private limitStylingAppends;
+  showTooltip: boolean;
+  private element;
   private inputReference;
+  private stylingContainer;
+  private tooltipReference;
+  private tooltipIconReference;
   value: string;
   displayedOptions: Option[];
+  touched: boolean;
   validityChanged(): void;
   sendValidityState: EventEmitter<InputStateEvent>;
   validityStateHandler(inputStateEvent: InputStateEvent): void;
   emitValueHandler(newValue: boolean): void;
   sendInputValue: EventEmitter<InputValueEvent>;
   valueHandler(inputValueEvent: InputValueEvent): void;
+  handleClickOutside(event: MouseEvent): void;
   connectedCallback(): void;
   componentWillLoad(): Promise<void>;
-  getOptions(): Promise<unknown>;
-  handleChange(event: any): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  getOptions(endpoint: string): Promise<unknown>;
+  handleChange: (event: Event) => void;
   setValidity(): boolean;
   setErrorMessage(): string;
+  setClientStyling: () => void;
+  renderTooltip(): any;
   render(): any;
 }