@jdlien/validator 1.4.10 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/validator.js CHANGED
@@ -1 +1 @@
1
- (function(E,R){typeof exports=="object"&&typeof module<"u"?module.exports=R():typeof define=="function"&&define.amd?define(R):(E=typeof globalThis<"u"?globalThis:E||self,E.Validator=R())})(this,function(){"use strict";var ue=Object.defineProperty;var ce=(E,R,T)=>R in E?ue(E,R,{enumerable:!0,configurable:!0,writable:!0,value:T}):E[R]=T;var f=(E,R,T)=>ce(E,typeof R!="symbol"?R+"":R,T);var E={exports:{}},R=E.exports,T;function k(){return T||(T=1,function(L,t){(function(r,i){i(t)})(R,function(r){function i(e){return e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement}function l(e,s){typeof s=="string"&&(s=[s]);const a=e.dataset.type||"",n=e.type;return!!(s.includes(a)||s.includes(n))}function p(e){return e.replace(/YYYY/g,"Y").replace(/YY/g,"y").replace(/MMMM/g,"F").replace(/MMM/g,"{3}").replace(/MM/g,"{2}").replace(/M/g,"n").replace(/DD/g,"{5}").replace(/D/g,"j").replace(/dddd/g,"l").replace(/ddd/g,"D").replace(/dd/g,"D").replace(/d/g,"w").replace(/HH/g,"{6}").replace(/H/g,"G").replace(/hh/g,"h").replace(/mm/g,"i").replace(/m/g,"i").replace(/ss/g,"S").replace(/s/g,"s").replace(/A/gi,"K").replace(/\{3\}/g,"M").replace(/\{2\}/g,"m").replace(/\{5\}/g,"d").replace(/\{6\}/g,"H")}function b(e){const s=parseInt(e);if(typeof e=="number"||!isNaN(s))return s-1;const a=new Date(`1 ${e} 2000`).getMonth();if(!isNaN(a))return a;const n={ja:0,en:0,fe:1,fé:1,ap:3,ab:3,av:3,mai:4,juin:5,juil:6,au:7,ag:7,ao:7,se:8,o:9,n:10,d:11};for(const h in n)if(e.toLowerCase().startsWith(h))return n[h];throw new Error("Invalid month name: "+e)}function y(e){return typeof e=="string"&&(e=parseInt(e.replace(/\D/g,""))),e>99?e:e<(new Date().getFullYear()+20)%100?e+2e3:e+1900}function w(e){if(e instanceof Date)return e;e=e.trim().toLowerCase();let s=0,a=0,n=0,h=0,d=0,u=0;const m=new RegExp(/\d{1,2}\:\d\d(?:\:\d\ds?)?\s?(?:[a|p]m?)?/gi);if(m.test(e)){const v=e.match(m)[0];e=e.replace(v,"").trim();const I=M(v);if(I!==null&&({hour:h,minute:d,second:u}=I),e.length<=2){const A=new Date;return new Date(A.getFullYear(),A.getMonth(),A.getDate(),h,d,u)}}const g=/(^|\b)(mo|tu|we|th|fr|sa|su|lu|mard|mer|jeu|ve|dom)[\w]*\.?/gi;e=e.replace(g,"").trim();const c=new Date(new Date().setHours(0,0,0,0));if(/(now|today)/.test(e))return c;if(e.includes("tomorrow"))return new Date(c.setDate(c.getDate()+1));e.length===8&&(e=e.replace(/(\d\d\d\d)(\d\d)(\d\d)/,"$1-$2-$3")),e.length===6&&(e=e.replace(/(\d\d)(\d\d)(\d\d)/,y(e.slice(0,2))+"-$2-$3"));try{({year:s,month:a,day:n}=U(e))}catch{return new Date("")}return new Date(s,a-1,n,h,d,u)}function Y(e,s=[null,null,null]){const a=n=>n.filter(h=>!s.includes(h));return e===0||e>31?a(["y"]):e>12?a(["d","y"]):e>=1&&e<=12?a(["m","d","y"]):[]}function U(e){const s=e.split(/[\s-/:.,]+/).filter(d=>d!=="");if(s.length<3){if(e.match(/\d{4}/)!==null)throw new Error("Invalid Date");s.unshift(String(new Date().getFullYear()))}const a={year:0,month:0,day:0};function n(d,u){d==="year"?a.year=y(u):a[d]=u}let h=0;for(;!(a.year&&a.month&&a.day);){e:for(const d of s){if(h++,/^[a-zA-Zé]+$/.test(d)){a.month||n("month",b(d)+1);continue}if(/^'\d\d$/.test(d)||/^\d{3,5}$/.test(d)){a.year||n("year",parseInt(d.replace(/'/,"")));continue}const u=parseInt(d);if(isNaN(u))throw console.error(`not date because ${d} isNaN`),new Error("Invalid Date");const m=Y(u,[a.year?"y":null,a.month?"m":null,a.day?"d":null]);if(m.length==1){if(m[0]==="m"&&!a.month){n("month",u);continue e}if(m[0]==="d"&&!a.day){n("day",u);continue e}if(m[0]==="y"&&!a.year){n("year",u);continue e}}h>3&&(!a.month&&m.includes("m")?n("month",u):!a.day&&m.includes("d")&&n("day",u))}if(h>6)throw new Error("Invalid Date")}if(a.year&&a.month&&a.day)return a;throw new Error("Invalid Date")}function M(e){if(e=e.trim().toLowerCase(),e==="now"){const c=new Date;return{hour:c.getHours(),minute:c.getMinutes(),second:c.getSeconds()}}if(e==="noon")return{hour:12,minute:0,second:0};const s=e.match(/(\d{3,4})/);if(s){const c=s[1].length,v=s[1].slice(0,c==3?1:2),I=s[1].slice(-2);e=e.replace(s[1],v+":"+I)}const a=new RegExp(/^(\d{1,2})(?::(\d{1,2}))?\s*(?:(a|p)\.?m?\.?)?$/i);if(a.test(e)){const c=e.match(a);if(c===null)return null;e=c[1]+":"+(c[2]||"00")+(c[3]||"")}const n=new RegExp(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?\s*(?:(a|p)m?)?$/i);if(!n.test(e))return null;const h=e.match(n);if(h===null)return null;const d=parseInt(h[1]),u=parseInt(h[2]),m=h[3]?parseInt(h[3]):0,g=h[4];return isNaN(d)||isNaN(u)||isNaN(m)?null:g==="p"&&d<12?{hour:d+12,minute:u,second:m}:g==="a"&&d===12?{hour:0,minute:u,second:m}:d<0||d>23||u<0||u>59||m<0||m>59?null:{hour:d,minute:u,second:m}}function F(e,s="h:mm A"){const a=M(e);if(a){const n=new Date;return n.setHours(a.hour),n.setMinutes(a.minute),n.setSeconds(a.second),n.setMilliseconds(0),D(n,s)}return""}function C(e){if(e instanceof Date)return e;if(e.trim().length<3)return null;e=e.replace(/(\d)T(\d)/,"$1 $2");let s=e.split(/[\s,]+/).filter(g=>g!==""),a="",n="",h="";s.forEach((g,c)=>{const v=g.match(/^(\d{1,4})([apAP]\.?[mM]?\.?)/);v?n=v[0]:(g.includes(":")||g==="now"||g==="noon")&&(n=g),O(g)&&(h=g,!n&&c>0&&_(s[c-1])&&(n=s[c-1]))}),n?s=s.filter(g=>g!==n&&g!==h):[a,s]=P(s);const d=n?`${n} ${h}`:a?s.join(" "):"",u=M(d)||{hour:0,minute:0,second:0},m=w(a||s.join(" ").trim()||"today");return!m||isNaN(m.getTime())?null:new Date(m.getFullYear(),m.getMonth(),m.getDate(),u.hour,u.minute,u.second)}function P(e){for(let s=3;s>0;s--){const a=e.slice(0,s).join(" ");if(H(a))return[a,e.slice(s)]}return["",e]}function D(e,s="YYYY-MM-DD"){if(e=w(e),isNaN(e.getTime()))return"";const a={y:e.getFullYear(),M:e.getMonth(),D:e.getDate(),W:e.getDay(),H:e.getHours(),m:e.getMinutes(),s:e.getSeconds(),ms:e.getMilliseconds()},n=(c,v=2)=>(c+"").padStart(v,"0"),h=()=>a.H%12||12,d=c=>c<12?"AM":"PM",u=c=>"January|February|March|April|May|June|July|August|September|October|November|December".split("|")[c];function m(c,v=0){const I="Sunday|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday".split("|");return v?I[c].slice(0,v):I[c]}const g={YY:String(a.y).slice(-2),YYYY:a.y,M:a.M+1,MM:n(a.M+1),MMMM:u(a.M),MMM:u(a.M).slice(0,3),D:String(a.D),DD:n(a.D),d:String(a.W),dd:m(a.W,2),ddd:m(a.W,3),dddd:m(a.W),H:String(a.H),HH:n(a.H),h:h(),hh:n(h()),A:d(a.H),a:d(a.H).toLowerCase(),m:String(a.m),mm:n(a.m),s:String(a.s),ss:n(a.s),SSS:n(a.ms,3)};return s.replace(/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,(c,v)=>v||g[c])}function q(e,s){const a=w(e);return isNaN(a.getTime())?"":((!s||s.length===0)&&(s="YYYY-MMM-DD"),D(a,s))}function Z(e,s){const a=C(e);return a===null||isNaN(a.getTime())?"":((!s||s.length===0)&&(s="YYYY-MMM-DD h:mm A"),D(a,s))}function H(e){if(typeof e!="string"&&!(e instanceof Date))return!1;let s=w(e);return s==null?!1:!isNaN(s.getTime())}function z(e){if(typeof e!="string"&&!(e instanceof Date))return!1;let s=C(e);return s==null?!1:!isNaN(s.getTime())}function j(e,s){return!(s==="past"&&e>new Date||s==="future"&&e.getTime()<new Date().setHours(0,0,0,0))}function O(e){const s=e.toLowerCase().replace(/[.\s]/g,"");return["am","pm","a","p"].includes(s)}function _(e){let s=M(e);return s===null?!1:!isNaN(s.hour)&&!isNaN(s.minute)&&!isNaN(s.second)}function G(e){if(e.length>255||!new RegExp(/^.+@.+\.[a-zA-Z0-9]{2,}$/).test(e))return!1;let s="";return s+="^([a-zA-Z0-9!#$%'*+/=?^_`{|}~-]+",s+="(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*",s+="|",s+='"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*"',s+=")@(",s+="(",s+="(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+",s+="[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?",s+=")",s+=")$",new RegExp(s).test(e)}function B(e){return e=e.replace(/^[^2-90]+/g,""),e=e.replace(/(\d\d\d).*?(\d\d\d).*?(\d\d\d\d)(.*)/,"$1-$2-$3$4"),e}function K(e){return/^\d\d\d-\d\d\d-\d\d\d\d$/.test(e)}function W(e){return e.replace(/[^0-9]/g,"")}function J(e){return/^\-?\d*\.?\d*$/.test(e)}function Q(e){return e.replace(/[^\-0-9.]/g,"").replace(/(^-)|(-)/g,(s,a)=>a?"-":"").replace(/(\..*)\./g,"$1")}function X(e){return/^\-?\d*$/.test(e)}function ee(e){return e=e.trim(),new RegExp("^(?:[a-z+]+:)?//","i").test(e)?e:"https://"+e}function te(e){return new RegExp("^(?:[-a-z+]+:)?//","i").test(e)}function re(e){return e=e.replace(/[^0-9]/g,"").replace(/(.{5})(.*)/,"$1-$2").trim(),e.length===6&&(e=e.replace(/-/,"")),e}function se(e){return new RegExp(/^\d{5}(-\d{4})?$/).test(e)}function ae(e){return e=e.toUpperCase().replace(/[^A-Z0-9]/g,"").replace(/(.{3})\s*(.*)/,"$1 $2").trim(),e}function ie(e){return new RegExp(/^[ABCEGHJKLMNPRSTVXY][0-9][ABCEGHJKLMNPRSTVWXYZ] ?[0-9][ABCEGHJKLMNPRSTVWXYZ][0-9]$/).test(e)}function ne(e){return["transparent","currentColor"].includes(e)?!0:typeof e!="string"||!e.trim()?!1:typeof CSS=="object"&&typeof CSS.supports=="function"?CSS.supports("color",e):oe(e)}function oe(e){const s=new RegExp(/^rgba?\(\s*(\d{1,3}%?,\s*){2}\d{1,3}%?\s*(?:,\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),a=new RegExp(/^hsla?\(\s*\d+(deg|grad|rad|turn)?,\s*\d{1,3}%,\s*\s*\d{1,3}%(?:,\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),n=new RegExp(/^rgba?\(\s*(\d{1,3}%?\s+){2}\d{1,3}%?\s*(?:\s*\/\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),h=new RegExp(/^hsla?\(\s*\d+(deg|grad|rad|turn)?\s+\d{1,3}%\s+\s*\d{1,3}%(?:\s*\/\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),d=new RegExp(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);let u="aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen";const m=new RegExp(`^(${u})$`,"i");return s.test(e)||a.test(e)||n.test(e)||h.test(e)||d.test(e)||m.test(e)}let S=null;const N=new Map;function le(e){if(e=e.trim().toLowerCase(),["transparent","currentcolor"].includes(e))return e;if(N.has(e))return N.get(e);S===null&&(S=document.createElement("canvas"),S.willReadFrequently=!0);let s=S.getContext("2d");if(!s)throw new Error("Can't get context from colorCanvas");s.fillStyle=e,s.fillRect(0,0,1,1);let a=s.getImageData(0,0,1,1).data,n="#"+("000000"+(a[0]<<16|a[1]<<8|a[2]).toString(16)).slice(-6);return N.set(e,n),n}function de(e){let s={valid:!1,error:!1,messages:[]};return typeof e=="boolean"?{valid:e,error:!1,messages:[]}:typeof e=="string"?{valid:!1,error:!1,messages:[e]}:(typeof e.valid=="boolean"&&(s.valid=e.valid),typeof e.message=="string"&&(s.messages=[e.message]),typeof e.messages=="string"&&(s.messages=[e.messages]),Array.isArray(e.messages)&&(s.messages=e.messages),e.error===!0&&(s.error=!0),s)}r.formatDateTime=D,r.isColor=ne,r.isDate=H,r.isDateInRange=j,r.isDateTime=z,r.isEmail=G,r.isFormControl=i,r.isInteger=X,r.isMeridiem=O,r.isNANPTel=K,r.isNumber=J,r.isPostalCA=ie,r.isTime=_,r.isType=l,r.isUrl=te,r.isZip=se,r.momentToFPFormat=p,r.monthToNumber=b,r.normalizeValidationResult=de,r.parseColor=le,r.parseDate=w,r.parseDateTime=C,r.parseDateTimeToString=Z,r.parseDateToString=q,r.parseInteger=W,r.parseNANPTel=B,r.parseNumber=Q,r.parsePostalCA=ae,r.parseTime=M,r.parseTimeToString=F,r.parseUrl=ee,r.parseZip=re,r.yearToFull=y,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})})}(E,E.exports)),E.exports}var o=k();class x extends Event{constructor(r){super("validationSuccess",{cancelable:!0});f(this,"submitEvent");this.submitEvent=r}}class $ extends Event{constructor(r){super("validationError",{cancelable:!0});f(this,"submitEvent");this.submitEvent=r}}class V{constructor(t,r={}){f(this,"form");f(this,"inputs",[]);f(this,"inputErrors",{});f(this,"messages",{ERROR_MAIN:"There is a problem with your submission.",ERROR_GENERIC:"Enter a valid value.",ERROR_REQUIRED:"This field is required.",OPTION_REQUIRED:"An option must be selected.",CHECKED_REQUIRED:"This must be checked.",ERROR_MAXLENGTH:"This must be ${val} characters or fewer.",ERROR_MINLENGTH:"This must be at least ${val} characters.",ERROR_NUMBER:"This must be a number.",ERROR_INTEGER:"This must be a whole number.",ERROR_TEL:"This is not a valid telephone number.",ERROR_EMAIL:"This is not a valid email address.",ERROR_ZIP:"This is not a valid zip code.",ERROR_POSTAL:"This is not a valid postal code.",ERROR_DATE:"This is not a valid date.",ERROR_DATE_PAST:"The date must be in the past.",ERROR_DATE_FUTURE:"The date must be in the future.",ERROR_DATE_RANGE:"The date is outside the allowed range.",ERROR_DATETIME:"This is not a valid date and time.",ERROR_TIME:"This is not a valid time.",ERROR_TIME_RANGE:"The time is outside the allowed range.",ERROR_URL:"This is not a valid URL.",ERROR_COLOR:"This is not a valid CSS colour.",ERROR_CUSTOM_VALIDATION:"There was a problem validating this field."});f(this,"debug");f(this,"autoInit");f(this,"preventSubmit",!1);f(this,"hiddenClasses");f(this,"showMainError",!0);f(this,"errorMainClasses");f(this,"errorInputClasses");f(this,"dispatchTimeout",0);f(this,"timeoutId",0);f(this,"formMutationObserver",null);f(this,"debouncedInit");f(this,"originalNoValidate",!1);f(this,"validationSuccessCallback");f(this,"validationErrorCallback");f(this,"submitHandlerRef",this.submitHandler.bind(this));f(this,"inputInputHandlerRef",this.inputInputHandler.bind(this));f(this,"inputChangeHandlerRef",this.inputChangeHandler.bind(this));f(this,"inputKeydownHandlerRef",this.inputKeydownHandler.bind(this));f(this,"inputHandlers",{number:{parse:o.parseNumber,isValid:o.isNumber,error:this.messages.ERROR_NUMBER},integer:{parse:o.parseInteger,isValid:o.isInteger,error:this.messages.ERROR_INTEGER},tel:{parse:o.parseNANPTel,isValid:o.isNANPTel,error:this.messages.ERROR_TEL},email:{parse:t=>t.trim(),isValid:o.isEmail,error:this.messages.ERROR_EMAIL},zip:{parse:o.parseZip,isValid:o.isZip,error:this.messages.ERROR_ZIP},postal:{parse:o.parsePostalCA,isValid:o.isPostalCA,error:this.messages.ERROR_POSTAL},url:{parse:o.parseUrl,isValid:o.isUrl,error:this.messages.ERROR_URL},date:{parse:o.parseDateToString,isValid:o.isDate,error:this.messages.ERROR_DATE},datetime:{parse:o.parseDateTimeToString,isValid:o.isDateTime,error:this.messages.ERROR_DATETIME},time:{parse:o.parseTimeToString,isValid:o.isTime,error:this.messages.ERROR_TIME},color:{parse:t=>t.trim().toLowerCase(),isValid:o.isColor,error:this.messages.ERROR_COLOR}});f(this,"isSubmitting",!1);if(!t)throw new Error("Validator requires a form to be passed as the first argument.");if(!(t instanceof HTMLFormElement))throw new Error("form argument must be an instance of HTMLFormElement");this.form=t,(t.dataset.preventSubmit===""||t.dataset.preventSubmit)&&(this.preventSubmit=!0),Object.assign(this.messages,r.messages||{}),this.debug=r.debug||!1,this.autoInit=r.autoInit!==!1,this.preventSubmit=r.preventSubmit!==void 0?r.preventSubmit:this.preventSubmit,this.hiddenClasses=r.hiddenClasses||"hidden opacity-0",this.errorMainClasses=r.errorMainClasses||"m-2 border border-red-500 bg-red-100 p-3 dark:bg-red-900/80 text-center",this.errorInputClasses=r.errorInputClasses||"border-red-600 dark:border-red-500",this.showMainError=r.showMainError!==void 0?r.showMainError:!0,this.validationSuccessCallback=r.validationSuccessCallback||(()=>{}),this.validationErrorCallback=r.validationErrorCallback||(()=>{}),this.debouncedInit=this.debounce(this.init.bind(this),45),this.autoInit&&this.init(),this.formMutationObserver=new MutationObserver(()=>this.autoInit&&this.debouncedInit()),this.formMutationObserver.observe(t,{childList:!0})}debounce(t,r){return(...i)=>{clearTimeout(this.timeoutId),this.timeoutId=window.setTimeout(()=>t(...i),r)}}addEventListeners(){this.form.addEventListener("submit",this.submitHandlerRef),this.form.addEventListener("input",this.inputInputHandlerRef),this.form.addEventListener("change",this.inputChangeHandlerRef),this.form.addEventListener("keydown",this.inputKeydownHandlerRef),this.form.addEventListener("remove",this.destroy,{once:!0})}removeEventListeners(){this.form.removeEventListener("submit",this.submitHandlerRef),this.form.removeEventListener("input",this.inputInputHandlerRef),this.form.removeEventListener("change",this.inputChangeHandlerRef),this.form.removeEventListener("keydown",this.inputKeydownHandlerRef),this.form.removeEventListener("remove",this.destroy)}init(){this.inputs=Array.from(this.form.elements).filter(t=>t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement),this.inputs.forEach(t=>{!t.name&&!t.id&&(t.id=`vl-input-${Math.random().toString(36).slice(2)}`),this.inputErrors[t.name||t.id]=[]}),this.originalNoValidate=this.form.hasAttribute("novalidate"),this.form.setAttribute("novalidate","novalidate"),this.removeEventListeners(),this.addEventListeners()}getErrorEl(t){const r=y=>{const w=y.replace(/([.#{}()\\?*[\]-])/g,"\\$1");return this.form.querySelector(`#${w}`)||document.getElementById(y)||null},i=t.closest("[data-flux-field]");if(i){const y=i.querySelector("[data-flux-error]");if(y)return y}const l=t.getAttribute("aria-describedby");if(l){const y=r(l);if(y)return y}const p=r(t.id+"-error");return p||r(t.name+"-error")||null}addErrorMain(t){let r=this._getMainErrorElement();r||(r=document.createElement("div"),r.id="form-error-main",this.form.appendChild(r)),this.errorMainClasses.split(" ").forEach(i=>{r.classList.add(i)}),r.innerHTML=t||this.messages.ERROR_MAIN,this.hiddenClasses.split(" ").forEach(i=>{r.classList.remove(i)})}_getMainErrorElement(){if(this.form.id){const t=`${this.form.id}-error-main`,r=document.getElementById(t);if(r)return r}return this.form.querySelector("#form-error-main")}addInputError(t,r=t.dataset.errorDefault||this.messages.ERROR_GENERIC){const i=t.name||t.id;this.debug&&console.log("Invalid value for "+i+": "+r),i in this.inputErrors||(this.inputErrors[i]=[]),this.inputErrors[i].includes(r)||this.inputErrors[i].push(r)}showInputErrors(t){if(!t||!t.name&&!t.id)return;const r=t.name||t.id,i=r in this.inputErrors?this.inputErrors[r]:[];if(!i.length)return;t.setAttribute("aria-invalid","true"),this.errorInputClasses.split(" ").forEach(p=>{t.classList.add(p)});let l=this.getErrorEl(t);l&&(l.innerHTML=i.join("<br>"),this.hiddenClasses.split(" ").forEach(p=>{l&&l.classList.remove(p)}))}showFormErrors(){if(this.inputs.forEach(t=>this.showInputErrors(t)),this.showMainError&&Object.values(this.inputErrors).some(t=>Array.isArray(t)&&t.length)){let t=this._getMainErrorElement();t?(t.innerHTML||(t.innerHTML=this.messages.ERROR_MAIN),this.hiddenClasses.split(" ").forEach(r=>{t.classList.remove(r)})):this.addErrorMain()}}clearInputErrors(t){this.inputErrors[t.name||t.id]=[],t.removeAttribute("aria-invalid");let r=this.getErrorEl(t);r&&(this.errorInputClasses.split(" ").forEach(i=>{t.classList.remove(i)}),this.hiddenClasses.split(" ").forEach(i=>{r&&r.classList.add(i)}),r.textContent="")}clearFormErrors(){const t=this._getMainErrorElement();t&&this.hiddenClasses.split(" ").forEach(r=>{t.classList.add(r)}),this.inputs.forEach(r=>this.clearInputErrors(r))}validateRequired(t){let r=!0;if(t.required&&(t.value===""||t instanceof HTMLInputElement&&["checkbox","radio"].includes(t.type)&&!t.checked))if(t instanceof HTMLInputElement&&["checkbox","radio"].includes(t.type)){let i=!1,l=t.name;const p=this.form.querySelectorAll(`input[name="${l}"]`);if(p.forEach(b=>{if(b instanceof HTMLInputElement&&b.checked===!0){i=!0;return}}),i===!1){r=!1;let b=p.length>1?this.messages.OPTION_REQUIRED:this.messages.CHECKED_REQUIRED;t.dataset.errorDefault&&(b=t.dataset.errorDefault),this.addInputError(t,b)}}else o.isFormControl(t)&&(r=!1,this.addInputError(t,t.dataset.errorDefault||this.messages.ERROR_REQUIRED));return r}validateLength(t){let r=!0;if(t.disabled)return r;if((t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement)&&t.value.length){let i=t.minLength>0?t.minLength:t.dataset.minLength?parseInt(t.dataset.minLength):0,l=t.maxLength>0&&t.maxLength<5e5?t.maxLength:t.dataset.maxLength?parseInt(t.dataset.maxLength):1/0;i>0&&t.value.length<i&&(r=!1,this.addInputError(t,this.messages.ERROR_MINLENGTH.replace("${val}",i.toString()))),t.value.length>l&&(r=!1,this.addInputError(t,this.messages.ERROR_MAXLENGTH.replace("${val}",l.toString())))}return r}validateInputType(t){const r=t.dataset.type||t.type,i=this.inputHandlers[t.type]||this.inputHandlers[r];if(i){const l=t.dataset.dateFormat||t.dataset.timeFormat,p=i.parse(t.value,l),b=["date","time","datetime-local","month","week"];if(p.length&&!b.includes(t.type)&&(t.value=p),!i.isValid(t.value))return this.addInputError(t,i.error),!1}return!0}validateDateRange(t){if(t.dataset.dateRange){const r=t.dataset.dateRange,i=o.parseDate(t.value);if(!isNaN(i.getTime())&&!o.isDateInRange(i,r)){let l=t.dataset.errorDefault||this.messages.ERROR_DATE_RANGE;return r==="past"?l=this.messages.ERROR_DATE_PAST:r==="future"&&(l=this.messages.ERROR_DATE_FUTURE),this.addInputError(t,l),!1}}return!0}validatePattern(t){const r=t.dataset.pattern||t instanceof HTMLInputElement&&t.pattern||null;return r&&!new RegExp(r).test(t.value)?(this.addInputError(t),!1):!0}async validateCustom(t){if(t.disabled)return!0;const r=t.dataset.validation;if(!r||typeof r!="string")return!0;const i=window[r];if(!i||typeof i!="function")return!0;let l;try{l=await Promise.resolve(i(t.value)),l=o.normalizeValidationResult(l)}catch{return this.addInputError(t,this.messages.ERROR_CUSTOM_VALIDATION),!1}const p=l.messages.join("<br>")||this.messages.ERROR_CUSTOM_VALIDATION;return l.valid||this.addInputError(t,p),l.valid}async validateInput(t){if(!(t instanceof HTMLInputElement)||!t.value.length)return!0;let r=!0;return t.disabled||(r=this.validateInputType(t)&&r,r=this.validateDateRange(t)&&r,r=this.validatePattern(t)&&r,r=await this.validateCustom(t)&&r),r}async validate(t){let r=!0;for(const i of this.inputs)i.disabled||(r=this.validateRequired(i)&&r,r=this.validateLength(i)&&r,r=await this.validateInput(i)&&r,i.value.length||(r=await this.validateCustom(i)&&r));return r}async submitHandler(t){if(this.isSubmitting)return;t.preventDefault(),this.clearFormErrors();let r=await this.validate(t);this.showFormErrors();const i=new x(t),l=new $(t);r?(this.form.dispatchEvent(i),this.validationSuccessCallback&&this.validationSuccessCallback(t)):(this.form.dispatchEvent(l),this.validationErrorCallback&&this.validationErrorCallback(t)),r&&!this.preventSubmit&&(this.isSubmitting=!0,i.defaultPrevented||this.form.submit(),this.isSubmitting=!1)}shouldSkipValidation(t){return typeof t.dataset.novalidate>"u"?!1:t.dataset.novalidate===""?!0:t.dataset.novalidate==="true"}async inputChangeHandler(t){!(t.target instanceof HTMLInputElement)||this.shouldSkipValidation(t.target)||(this.clearInputErrors(t.target),this.validateLength(t.target),await this.validateInput(t.target),this.showInputErrors(t.target))}inputInputHandler(t){const r=t.target;this.shouldSkipValidation(r)||(o.isType(r,"integer")&&(r.value=o.parseInteger(r.value)),r.type!=="number"&&o.isType(r,["number","float","decimal"])&&(r.value=o.parseNumber(r.value)),o.isType(r,"color")&&this.syncColorInput(t))}syncColorInput(t){let r=t.target,i=r;r.type==="color"&&(i=this.form.querySelector(`#${r.id.replace(/-color/,"")}`));let l=this.form.querySelector(`#${i.id}-color-label`);if((r.dataset.type||"")==="color"){let p=this.form.querySelector(`input#${r.id}-color`);if(!p||!o.isColor(r.value))return;p.value=o.parseColor(r.value)}r.type==="color"&&(i.value=r.value),l&&(l.style.backgroundColor=r.value),clearTimeout(this.dispatchTimeout),this.dispatchTimeout=window.setTimeout(()=>{i.dispatchEvent(new Event("change",{bubbles:!0}))},200)}inputKeydownHandler(t){t.target instanceof HTMLInputElement&&o.isType(t.target,"integer")&&(t.key==="ArrowUp"?(t.preventDefault(),t.target.value===""&&(t.target.value="0"),t.target.value=(parseInt(t.target.value)+1).toString()):t.key==="ArrowDown"&&(parseInt(t.target.value)>0?t.target.value=(parseInt(t.target.value)-1).toString():t.target.value="0"))}destroy(){this.formMutationObserver&&(this.formMutationObserver.disconnect(),this.formMutationObserver=null),clearTimeout(this.timeoutId),clearTimeout(this.dispatchTimeout),this.removeEventListeners(),this.clearFormErrors(),this.originalNoValidate||this.form.removeAttribute("novalidate")}}return V});
1
+ (function(E,R){typeof exports=="object"&&typeof module<"u"?module.exports=R():typeof define=="function"&&define.amd?define(R):(E=typeof globalThis<"u"?globalThis:E||self,E.Validator=R())})(this,function(){"use strict";var ue=Object.defineProperty;var ce=(E,R,T)=>R in E?ue(E,R,{enumerable:!0,configurable:!0,writable:!0,value:T}):E[R]=T;var f=(E,R,T)=>ce(E,typeof R!="symbol"?R+"":R,T);var E={exports:{}},R=E.exports,T;function k(){return T||(T=1,function(L,t){(function(r,i){i(t)})(R,function(r){function i(e){return e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement}function l(e,s){typeof s=="string"&&(s=[s]);const a=e.dataset.type||"",n=e.type;return!!(s.includes(a)||s.includes(n))}function p(e){return e.replace(/YYYY/g,"Y").replace(/YY/g,"y").replace(/MMMM/g,"F").replace(/MMM/g,"{3}").replace(/MM/g,"{2}").replace(/M/g,"n").replace(/DD/g,"{5}").replace(/D/g,"j").replace(/dddd/g,"l").replace(/ddd/g,"D").replace(/dd/g,"D").replace(/d/g,"w").replace(/HH/g,"{6}").replace(/H/g,"G").replace(/hh/g,"h").replace(/mm/g,"i").replace(/m/g,"i").replace(/ss/g,"S").replace(/s/g,"s").replace(/A/gi,"K").replace(/\{3\}/g,"M").replace(/\{2\}/g,"m").replace(/\{5\}/g,"d").replace(/\{6\}/g,"H")}function b(e){const s=parseInt(e);if(typeof e=="number"||!isNaN(s))return s-1;const a=new Date(`1 ${e} 2000`).getMonth();if(!isNaN(a))return a;const n={ja:0,en:0,fe:1,fé:1,ap:3,ab:3,av:3,mai:4,juin:5,juil:6,au:7,ag:7,ao:7,se:8,o:9,n:10,d:11};for(const h in n)if(e.toLowerCase().startsWith(h))return n[h];throw new Error("Invalid month name: "+e)}function y(e){return typeof e=="string"&&(e=parseInt(e.replace(/\D/g,""))),e>99?e:e<(new Date().getFullYear()+20)%100?e+2e3:e+1900}function w(e){if(e instanceof Date)return e;e=e.trim().toLowerCase();let s=0,a=0,n=0,h=0,d=0,u=0;const m=new RegExp(/\d{1,2}\:\d\d(?:\:\d\ds?)?\s?(?:[a|p]m?)?/gi);if(m.test(e)){const v=e.match(m)[0];e=e.replace(v,"").trim();const I=M(v);if(I!==null&&({hour:h,minute:d,second:u}=I),e.length<=2){const A=new Date;return new Date(A.getFullYear(),A.getMonth(),A.getDate(),h,d,u)}}const g=/(^|\b)(mo|tu|we|th|fr|sa|su|lu|mard|mer|jeu|ve|dom)[\w]*\.?/gi;e=e.replace(g,"").trim();const c=new Date(new Date().setHours(0,0,0,0));if(/(now|today)/.test(e))return c;if(e.includes("tomorrow"))return new Date(c.setDate(c.getDate()+1));e.length===8&&(e=e.replace(/(\d\d\d\d)(\d\d)(\d\d)/,"$1-$2-$3")),e.length===6&&(e=e.replace(/(\d\d)(\d\d)(\d\d)/,y(e.slice(0,2))+"-$2-$3"));try{({year:s,month:a,day:n}=U(e))}catch{return new Date("")}return new Date(s,a-1,n,h,d,u)}function Y(e,s=[null,null,null]){const a=n=>n.filter(h=>!s.includes(h));return e===0||e>31?a(["y"]):e>12?a(["d","y"]):e>=1&&e<=12?a(["m","d","y"]):[]}function U(e){const s=e.split(/[\s-/:.,]+/).filter(d=>d!=="");if(s.length<3){if(e.match(/\d{4}/)!==null)throw new Error("Invalid Date");s.unshift(String(new Date().getFullYear()))}const a={year:0,month:0,day:0};function n(d,u){d==="year"?a.year=y(u):a[d]=u}let h=0;for(;!(a.year&&a.month&&a.day);){e:for(const d of s){if(h++,/^[a-zA-Zé]+$/.test(d)){a.month||n("month",b(d)+1);continue}if(/^'\d\d$/.test(d)||/^\d{3,5}$/.test(d)){a.year||n("year",parseInt(d.replace(/'/,"")));continue}const u=parseInt(d);if(isNaN(u))throw console.error(`not date because ${d} isNaN`),new Error("Invalid Date");const m=Y(u,[a.year?"y":null,a.month?"m":null,a.day?"d":null]);if(m.length==1){if(m[0]==="m"&&!a.month){n("month",u);continue e}if(m[0]==="d"&&!a.day){n("day",u);continue e}if(m[0]==="y"&&!a.year){n("year",u);continue e}}h>3&&(!a.month&&m.includes("m")?n("month",u):!a.day&&m.includes("d")&&n("day",u))}if(h>6)throw new Error("Invalid Date")}if(a.year&&a.month&&a.day)return a;throw new Error("Invalid Date")}function M(e){if(e=e.trim().toLowerCase(),e==="now"){const c=new Date;return{hour:c.getHours(),minute:c.getMinutes(),second:c.getSeconds()}}if(e==="noon")return{hour:12,minute:0,second:0};const s=e.match(/(\d{3,4})/);if(s){const c=s[1].length,v=s[1].slice(0,c==3?1:2),I=s[1].slice(-2);e=e.replace(s[1],v+":"+I)}const a=new RegExp(/^(\d{1,2})(?::(\d{1,2}))?\s*(?:(a|p)\.?m?\.?)?$/i);if(a.test(e)){const c=e.match(a);if(c===null)return null;e=c[1]+":"+(c[2]||"00")+(c[3]||"")}const n=new RegExp(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?\s*(?:(a|p)m?)?$/i);if(!n.test(e))return null;const h=e.match(n);if(h===null)return null;const d=parseInt(h[1]),u=parseInt(h[2]),m=h[3]?parseInt(h[3]):0,g=h[4];return isNaN(d)||isNaN(u)||isNaN(m)?null:g==="p"&&d<12?{hour:d+12,minute:u,second:m}:g==="a"&&d===12?{hour:0,minute:u,second:m}:d<0||d>23||u<0||u>59||m<0||m>59?null:{hour:d,minute:u,second:m}}function P(e,s="h:mm A"){const a=M(e);if(a){const n=new Date;return n.setHours(a.hour),n.setMinutes(a.minute),n.setSeconds(a.second),n.setMilliseconds(0),D(n,s)}return""}function C(e){if(e instanceof Date)return e;if(e.trim().length<3)return null;e=e.replace(/(\d)T(\d)/,"$1 $2");let s=e.split(/[\s,]+/).filter(g=>g!==""),a="",n="",h="";s.forEach((g,c)=>{const v=g.match(/^(\d{1,4})([apAP]\.?[mM]?\.?)/);v?n=v[0]:(g.includes(":")||g==="now"||g==="noon")&&(n=g),O(g)&&(h=g,!n&&c>0&&_(s[c-1])&&(n=s[c-1]))}),n?s=s.filter(g=>g!==n&&g!==h):[a,s]=F(s);const d=n?`${n} ${h}`:a?s.join(" "):"",u=M(d)||{hour:0,minute:0,second:0},m=w(a||s.join(" ").trim()||"today");return!m||isNaN(m.getTime())?null:new Date(m.getFullYear(),m.getMonth(),m.getDate(),u.hour,u.minute,u.second)}function F(e){for(let s=3;s>0;s--){const a=e.slice(0,s).join(" ");if(H(a))return[a,e.slice(s)]}return["",e]}function D(e,s="YYYY-MM-DD"){if(e=w(e),isNaN(e.getTime()))return"";const a={y:e.getFullYear(),M:e.getMonth(),D:e.getDate(),W:e.getDay(),H:e.getHours(),m:e.getMinutes(),s:e.getSeconds(),ms:e.getMilliseconds()},n=(c,v=2)=>(c+"").padStart(v,"0"),h=()=>a.H%12||12,d=c=>c<12?"AM":"PM",u=c=>"January|February|March|April|May|June|July|August|September|October|November|December".split("|")[c];function m(c,v=0){const I="Sunday|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday".split("|");return v?I[c].slice(0,v):I[c]}const g={YY:String(a.y).slice(-2),YYYY:a.y,M:a.M+1,MM:n(a.M+1),MMMM:u(a.M),MMM:u(a.M).slice(0,3),D:String(a.D),DD:n(a.D),d:String(a.W),dd:m(a.W,2),ddd:m(a.W,3),dddd:m(a.W),H:String(a.H),HH:n(a.H),h:h(),hh:n(h()),A:d(a.H),a:d(a.H).toLowerCase(),m:String(a.m),mm:n(a.m),s:String(a.s),ss:n(a.s),SSS:n(a.ms,3)};return s.replace(/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,(c,v)=>v||g[c])}function q(e,s){const a=w(e);return isNaN(a.getTime())?"":((!s||s.length===0)&&(s="YYYY-MMM-DD"),D(a,s))}function Z(e,s){const a=C(e);return a===null||isNaN(a.getTime())?"":((!s||s.length===0)&&(s="YYYY-MMM-DD h:mm A"),D(a,s))}function H(e){if(typeof e!="string"&&!(e instanceof Date))return!1;let s=w(e);return s==null?!1:!isNaN(s.getTime())}function z(e){if(typeof e!="string"&&!(e instanceof Date))return!1;let s=C(e);return s==null?!1:!isNaN(s.getTime())}function j(e,s){return!(s==="past"&&e>new Date||s==="future"&&e.getTime()<new Date().setHours(0,0,0,0))}function O(e){const s=e.toLowerCase().replace(/[.\s]/g,"");return["am","pm","a","p"].includes(s)}function _(e){let s=M(e);return s===null?!1:!isNaN(s.hour)&&!isNaN(s.minute)&&!isNaN(s.second)}function G(e){if(e.length>255||!new RegExp(/^.+@.+\.[a-zA-Z0-9]{2,}$/).test(e))return!1;let s="";return s+="^([a-zA-Z0-9!#$%'*+/=?^_`{|}~-]+",s+="(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*",s+="|",s+='"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*"',s+=")@(",s+="(",s+="(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+",s+="[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?",s+=")",s+=")$",new RegExp(s).test(e)}function B(e){return e=e.replace(/^[^2-90]+/g,""),e=e.replace(/(\d\d\d).*?(\d\d\d).*?(\d\d\d\d)(.*)/,"$1-$2-$3$4"),e}function K(e){return/^\d\d\d-\d\d\d-\d\d\d\d$/.test(e)}function W(e){return e.replace(/[^0-9]/g,"")}function J(e){return/^\-?\d*\.?\d*$/.test(e)}function Q(e){return e.replace(/[^\-0-9.]/g,"").replace(/(^-)|(-)/g,(s,a)=>a?"-":"").replace(/(\..*)\./g,"$1")}function X(e){return/^\-?\d*$/.test(e)}function ee(e){return e=e.trim(),new RegExp("^(?:[a-z+]+:)?//","i").test(e)?e:"https://"+e}function te(e){return new RegExp("^(?:[-a-z+]+:)?//","i").test(e)}function re(e){return e=e.replace(/[^0-9]/g,"").replace(/(.{5})(.*)/,"$1-$2").trim(),e.length===6&&(e=e.replace(/-/,"")),e}function se(e){return new RegExp(/^\d{5}(-\d{4})?$/).test(e)}function ae(e){return e=e.toUpperCase().replace(/[^A-Z0-9]/g,"").replace(/(.{3})\s*(.*)/,"$1 $2").trim(),e}function ie(e){return new RegExp(/^[ABCEGHJKLMNPRSTVXY][0-9][ABCEGHJKLMNPRSTVWXYZ] ?[0-9][ABCEGHJKLMNPRSTVWXYZ][0-9]$/).test(e)}function ne(e){return["transparent","currentColor"].includes(e)?!0:typeof e!="string"||!e.trim()?!1:typeof CSS=="object"&&typeof CSS.supports=="function"?CSS.supports("color",e):oe(e)}function oe(e){const s=new RegExp(/^rgba?\(\s*(\d{1,3}%?,\s*){2}\d{1,3}%?\s*(?:,\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),a=new RegExp(/^hsla?\(\s*\d+(deg|grad|rad|turn)?,\s*\d{1,3}%,\s*\s*\d{1,3}%(?:,\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),n=new RegExp(/^rgba?\(\s*(\d{1,3}%?\s+){2}\d{1,3}%?\s*(?:\s*\/\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),h=new RegExp(/^hsla?\(\s*\d+(deg|grad|rad|turn)?\s+\d{1,3}%\s+\s*\d{1,3}%(?:\s*\/\s*(\.\d+|0+(\.\d+)?|1(\.0+)?|0|1\.0|\d{1,2}(\.\d*)?%|100%))?\s*\)$/),d=new RegExp(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);let u="aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen";const m=new RegExp(`^(${u})$`,"i");return s.test(e)||a.test(e)||n.test(e)||h.test(e)||d.test(e)||m.test(e)}let S=null;const N=new Map;function le(e){if(e=e.trim().toLowerCase(),["transparent","currentcolor"].includes(e))return e;if(N.has(e))return N.get(e);S===null&&(S=document.createElement("canvas"),S.willReadFrequently=!0);let s=S.getContext("2d");if(!s)throw new Error("Can't get context from colorCanvas");s.fillStyle=e,s.fillRect(0,0,1,1);let a=s.getImageData(0,0,1,1).data,n="#"+("000000"+(a[0]<<16|a[1]<<8|a[2]).toString(16)).slice(-6);return N.set(e,n),n}function de(e){let s={valid:!1,error:!1,messages:[]};return typeof e=="boolean"?{valid:e,error:!1,messages:[]}:typeof e=="string"?{valid:!1,error:!1,messages:[e]}:(typeof e.valid=="boolean"&&(s.valid=e.valid),typeof e.message=="string"&&(s.messages=[e.message]),typeof e.messages=="string"&&(s.messages=[e.messages]),Array.isArray(e.messages)&&(s.messages=e.messages),e.error===!0&&(s.error=!0),s)}r.formatDateTime=D,r.isColor=ne,r.isDate=H,r.isDateInRange=j,r.isDateTime=z,r.isEmail=G,r.isFormControl=i,r.isInteger=X,r.isMeridiem=O,r.isNANPTel=K,r.isNumber=J,r.isPostalCA=ie,r.isTime=_,r.isType=l,r.isUrl=te,r.isZip=se,r.momentToFPFormat=p,r.monthToNumber=b,r.normalizeValidationResult=de,r.parseColor=le,r.parseDate=w,r.parseDateTime=C,r.parseDateTimeToString=Z,r.parseDateToString=q,r.parseInteger=W,r.parseNANPTel=B,r.parseNumber=Q,r.parsePostalCA=ae,r.parseTime=M,r.parseTimeToString=P,r.parseUrl=ee,r.parseZip=re,r.yearToFull=y,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})})}(E,E.exports)),E.exports}var o=k();class x extends Event{constructor(r){super("validationSuccess",{cancelable:!0});f(this,"submitEvent");this.submitEvent=r}}class $ extends Event{constructor(r){super("validationError",{cancelable:!0});f(this,"submitEvent");this.submitEvent=r}}class V{constructor(t,r={}){f(this,"form");f(this,"inputs",[]);f(this,"inputErrors",{});f(this,"messages",{ERROR_MAIN:"There is a problem with your submission.",ERROR_GENERIC:"Enter a valid value.",ERROR_REQUIRED:"This field is required.",OPTION_REQUIRED:"An option must be selected.",CHECKED_REQUIRED:"This must be checked.",ERROR_MAXLENGTH:"This must be ${val} characters or fewer.",ERROR_MINLENGTH:"This must be at least ${val} characters.",ERROR_NUMBER:"This must be a number.",ERROR_INTEGER:"This must be a whole number.",ERROR_TEL:"This is not a valid telephone number.",ERROR_EMAIL:"This is not a valid email address.",ERROR_ZIP:"This is not a valid zip code.",ERROR_POSTAL:"This is not a valid postal code.",ERROR_DATE:"This is not a valid date.",ERROR_DATE_PAST:"The date must be in the past.",ERROR_DATE_FUTURE:"The date must be in the future.",ERROR_DATE_RANGE:"The date is outside the allowed range.",ERROR_DATETIME:"This is not a valid date and time.",ERROR_TIME:"This is not a valid time.",ERROR_TIME_RANGE:"The time is outside the allowed range.",ERROR_URL:"This is not a valid URL.",ERROR_COLOR:"This is not a valid CSS colour.",ERROR_CUSTOM_VALIDATION:"There was a problem validating this field."});f(this,"debug");f(this,"autoInit");f(this,"preventSubmit",!1);f(this,"hiddenClasses");f(this,"showMainError",!0);f(this,"errorMainClasses");f(this,"errorInputClasses");f(this,"dispatchTimeout",0);f(this,"timeoutId",0);f(this,"formMutationObserver",null);f(this,"debouncedInit");f(this,"originalNoValidate",!1);f(this,"validationSuccessCallback");f(this,"validationErrorCallback");f(this,"submitHandlerRef",this.submitHandler.bind(this));f(this,"inputInputHandlerRef",this.inputInputHandler.bind(this));f(this,"inputChangeHandlerRef",this.inputChangeHandler.bind(this));f(this,"inputKeydownHandlerRef",this.inputKeydownHandler.bind(this));f(this,"inputHandlers",{number:{parse:o.parseNumber,isValid:o.isNumber,error:this.messages.ERROR_NUMBER},integer:{parse:o.parseInteger,isValid:o.isInteger,error:this.messages.ERROR_INTEGER},tel:{parse:o.parseNANPTel,isValid:o.isNANPTel,error:this.messages.ERROR_TEL},email:{parse:t=>t.trim(),isValid:o.isEmail,error:this.messages.ERROR_EMAIL},zip:{parse:o.parseZip,isValid:o.isZip,error:this.messages.ERROR_ZIP},postal:{parse:o.parsePostalCA,isValid:o.isPostalCA,error:this.messages.ERROR_POSTAL},url:{parse:o.parseUrl,isValid:o.isUrl,error:this.messages.ERROR_URL},date:{parse:o.parseDateToString,isValid:o.isDate,error:this.messages.ERROR_DATE},datetime:{parse:o.parseDateTimeToString,isValid:o.isDateTime,error:this.messages.ERROR_DATETIME},time:{parse:o.parseTimeToString,isValid:o.isTime,error:this.messages.ERROR_TIME},color:{parse:t=>t.trim().toLowerCase(),isValid:o.isColor,error:this.messages.ERROR_COLOR}});f(this,"isSubmitting",!1);if(!t)throw new Error("Validator requires a form to be passed as the first argument.");if(!(t instanceof HTMLFormElement))throw new Error("form argument must be an instance of HTMLFormElement");this.form=t,(t.dataset.preventSubmit===""||t.dataset.preventSubmit)&&(this.preventSubmit=!0),Object.assign(this.messages,r.messages||{}),this.debug=r.debug||!1,this.autoInit=r.autoInit!==!1,this.preventSubmit=r.preventSubmit!==void 0?r.preventSubmit:this.preventSubmit,this.hiddenClasses=r.hiddenClasses||"hidden opacity-0",this.errorMainClasses=r.errorMainClasses||"m-2 border border-red-500 bg-red-100 p-3 dark:bg-red-900/80 text-center",this.errorInputClasses=r.errorInputClasses||"border-red-600 dark:border-red-500",this.showMainError=r.showMainError!==void 0?r.showMainError:!0,this.validationSuccessCallback=r.validationSuccessCallback||(()=>{}),this.validationErrorCallback=r.validationErrorCallback||(()=>{}),this.debouncedInit=this.debounce(this.init.bind(this),45),this.autoInit&&this.init(),this.formMutationObserver=new MutationObserver(()=>this.autoInit&&this.debouncedInit()),this.formMutationObserver.observe(t,{childList:!0})}debounce(t,r){return(...i)=>{clearTimeout(this.timeoutId),this.timeoutId=window.setTimeout(()=>t(...i),r)}}addEventListeners(){this.form.addEventListener("submit",this.submitHandlerRef),this.form.addEventListener("input",this.inputInputHandlerRef),this.form.addEventListener("change",this.inputChangeHandlerRef),this.form.addEventListener("keydown",this.inputKeydownHandlerRef),this.form.addEventListener("remove",this.destroy,{once:!0})}removeEventListeners(){this.form.removeEventListener("submit",this.submitHandlerRef),this.form.removeEventListener("input",this.inputInputHandlerRef),this.form.removeEventListener("change",this.inputChangeHandlerRef),this.form.removeEventListener("keydown",this.inputKeydownHandlerRef),this.form.removeEventListener("remove",this.destroy)}init(){this.inputs=Array.from(this.form.elements).filter(t=>t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t instanceof HTMLSelectElement),this.inputs.forEach(t=>{!t.name&&!t.id&&(t.id=`vl-input-${Math.random().toString(36).slice(2)}`),this.inputErrors[t.name||t.id]=[]}),this.originalNoValidate=this.form.hasAttribute("novalidate"),this.form.setAttribute("novalidate","novalidate"),this.removeEventListeners(),this.addEventListeners()}getErrorEl(t){const r=y=>{const w=y.replace(/([.#{}()\\?*[\]-])/g,"\\$1");return this.form.querySelector(`#${w}`)||document.getElementById(y)||null},i=t.closest("[data-flux-field]");if(i){const y=i.querySelector("[data-flux-error]");if(y)return y}const l=t.getAttribute("aria-describedby");if(l){const y=r(l);if(y)return y}const p=r(t.id+"-error");return p||r(t.name+"-error")||null}addErrorMain(t){let r=this._getMainErrorElement();r||(r=document.createElement("div"),r.id="form-error-main",this.form.appendChild(r)),this.errorMainClasses.split(" ").forEach(i=>{r.classList.add(i)}),r.innerHTML=t||this.messages.ERROR_MAIN,this.hiddenClasses.split(" ").forEach(i=>{r.classList.remove(i)})}_getMainErrorElement(){if(this.form.id){const t=`${this.form.id}-error-main`,r=document.getElementById(t);if(r)return r}return this.form.querySelector("#form-error-main")}addInputError(t,r=t.dataset.errorDefault||this.messages.ERROR_GENERIC){const i=t.name||t.id;this.debug&&console.log("Invalid value for "+i+": "+r),i in this.inputErrors||(this.inputErrors[i]=[]),this.inputErrors[i].includes(r)||this.inputErrors[i].push(r)}showInputErrors(t){if(!t||!t.name&&!t.id)return;const r=t.name||t.id,i=r in this.inputErrors?this.inputErrors[r]:[];if(!i.length)return;t.setAttribute("aria-invalid","true"),this.errorInputClasses.split(" ").forEach(p=>{t.classList.add(p)});let l=this.getErrorEl(t);l&&(l.innerHTML=i.join("<br>"),this.hiddenClasses.split(" ").forEach(p=>{l&&l.classList.remove(p)}))}showFormErrors(){if(this.inputs.forEach(t=>this.showInputErrors(t)),this.showMainError&&Object.values(this.inputErrors).some(t=>Array.isArray(t)&&t.length)){let t=this._getMainErrorElement();t?(t.innerHTML||(t.innerHTML=this.messages.ERROR_MAIN),this.hiddenClasses.split(" ").forEach(r=>{t.classList.remove(r)})):this.addErrorMain()}}clearInputErrors(t){this.inputErrors[t.name||t.id]=[],t.removeAttribute("aria-invalid");let r=this.getErrorEl(t);r&&(this.errorInputClasses.split(" ").forEach(i=>{t.classList.remove(i)}),this.hiddenClasses.split(" ").forEach(i=>{r&&r.classList.add(i)}),r.textContent="")}clearFormErrors(){const t=this._getMainErrorElement();t&&this.hiddenClasses.split(" ").forEach(r=>{t.classList.add(r)}),this.inputs.forEach(r=>this.clearInputErrors(r))}validateRequired(t){let r=!0;if(t.required&&(t.value===""||t instanceof HTMLInputElement&&["checkbox","radio"].includes(t.type)&&!t.checked))if(t instanceof HTMLInputElement&&["checkbox","radio"].includes(t.type)){let i=!1,l=t.name;const p=this.form.querySelectorAll(`input[name="${l}"]`);if(p.forEach(b=>{if(b instanceof HTMLInputElement&&b.checked===!0){i=!0;return}}),i===!1){r=!1;let b=p.length>1?this.messages.OPTION_REQUIRED:this.messages.CHECKED_REQUIRED;t.dataset.errorDefault&&(b=t.dataset.errorDefault),this.addInputError(t,b)}}else o.isFormControl(t)&&(r=!1,this.addInputError(t,t.dataset.errorDefault||this.messages.ERROR_REQUIRED));return r}validateLength(t){let r=!0;if(t.disabled)return r;if((t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement)&&t.value.length){let i=t.minLength>0?t.minLength:t.dataset.minLength?parseInt(t.dataset.minLength):0,l=t.maxLength>0&&t.maxLength<5e5?t.maxLength:t.dataset.maxLength?parseInt(t.dataset.maxLength):1/0;i>0&&t.value.length<i&&(r=!1,this.addInputError(t,this.messages.ERROR_MINLENGTH.replace("${val}",i.toString()))),t.value.length>l&&(r=!1,this.addInputError(t,this.messages.ERROR_MAXLENGTH.replace("${val}",l.toString())))}return r}validateInputType(t){const r=t.dataset.type||t.type,i=this.inputHandlers[t.type]||this.inputHandlers[r];if(i){const l=t.dataset.dateFormat||t.dataset.timeFormat,p=i.parse(t.value,l),b=["date","time","datetime-local","month","week"];if(p.length&&!b.includes(t.type)&&(t.value=p),!i.isValid(t.value))return this.addInputError(t,i.error),!1}return!0}validateDateRange(t){if(t.dataset.dateRange){const r=t.dataset.dateRange,i=o.parseDate(t.value);if(!isNaN(i.getTime())&&!o.isDateInRange(i,r)){let l=t.dataset.errorDefault||this.messages.ERROR_DATE_RANGE;return r==="past"?l=this.messages.ERROR_DATE_PAST:r==="future"&&(l=this.messages.ERROR_DATE_FUTURE),this.addInputError(t,l),!1}}return!0}validatePattern(t){const r=t.dataset.pattern||t instanceof HTMLInputElement&&t.pattern||null;return r&&!new RegExp(r).test(t.value)?(this.addInputError(t),!1):!0}async validateCustom(t){if(t.disabled)return!0;const r=t.dataset.validation;if(!r||typeof r!="string")return!0;const i=window[r];if(!i||typeof i!="function")return!0;let l;try{l=await Promise.resolve(i(t.value)),l=o.normalizeValidationResult(l)}catch{return this.addInputError(t,this.messages.ERROR_CUSTOM_VALIDATION),!1}const p=l.messages.join("<br>")||this.messages.ERROR_CUSTOM_VALIDATION;return l.valid||this.addInputError(t,p),l.valid}async validateInput(t){if(!(t instanceof HTMLInputElement)||!t.value.length)return!0;let r=!0;return t.disabled||(r=this.validateInputType(t)&&r,r=this.validateDateRange(t)&&r,r=this.validatePattern(t)&&r,r=await this.validateCustom(t)&&r),r}async validate(t){let r=!0;for(const i of this.inputs)i.disabled||(r=this.validateRequired(i)&&r,r=this.validateLength(i)&&r,r=await this.validateInput(i)&&r,i.value.length||(r=await this.validateCustom(i)&&r));return r}async submitHandler(t){if(this.isSubmitting)return;t.preventDefault(),this.clearFormErrors();let r=await this.validate(t);this.showFormErrors();const i=new x(t),l=new $(t);r?(this.form.dispatchEvent(i),this.validationSuccessCallback&&this.validationSuccessCallback(t)):(this.form.dispatchEvent(l),this.validationErrorCallback&&this.validationErrorCallback(t)),r&&!this.preventSubmit&&(this.isSubmitting=!0,i.defaultPrevented||this.form.submit(),this.isSubmitting=!1)}shouldSkipValidation(t){return typeof t.dataset.novalidate>"u"?!1:t.dataset.novalidate===""?!0:t.dataset.novalidate==="true"}async inputChangeHandler(t){!(t.target instanceof HTMLInputElement)||this.shouldSkipValidation(t.target)||(this.clearInputErrors(t.target),this.validateLength(t.target),await this.validateInput(t.target),this.showInputErrors(t.target))}inputInputHandler(t){const r=t.target;this.shouldSkipValidation(r)||(o.isType(r,"integer")&&(r.value=o.parseInteger(r.value)),r.type!=="number"&&o.isType(r,["number","float","decimal"])&&(r.value=o.parseNumber(r.value)),o.isType(r,"color")&&this.syncColorInput(t))}syncColorInput(t){let r=t.target,i=r;r.type==="color"&&(i=this.form.querySelector(`#${r.id.replace(/-color/,"")}`));let l=this.form.querySelector(`#${i.id}-color-label`);if((r.dataset.type||"")==="color"){let p=this.form.querySelector(`input#${r.id}-color`);if(!p||!o.isColor(r.value))return;p.value=o.parseColor(r.value)}r.type==="color"&&(i.value=r.value),l&&(l.style.backgroundColor=r.value),clearTimeout(this.dispatchTimeout),this.dispatchTimeout=window.setTimeout(()=>{i.dispatchEvent(new Event("change",{bubbles:!0}))},200)}inputKeydownHandler(t){t.target instanceof HTMLInputElement&&o.isType(t.target,"integer")&&(t.key==="ArrowUp"?(t.preventDefault(),t.target.value===""&&(t.target.value="0"),t.target.value=(parseInt(t.target.value)+1).toString()):t.key==="ArrowDown"&&(parseInt(t.target.value)>0?t.target.value=(parseInt(t.target.value)-1).toString():t.target.value="0"))}destroy(){this.formMutationObserver&&(this.formMutationObserver.disconnect(),this.formMutationObserver=null),clearTimeout(this.timeoutId),clearTimeout(this.dispatchTimeout),this.removeEventListeners(),this.originalNoValidate||this.form.removeAttribute("novalidate")}}return V});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jdlien/validator",
3
- "version": "1.4.10",
3
+ "version": "1.5.0",
4
4
  "type": "module",
5
5
  "module": "dist/validator.js",
6
6
  "types": "dist/Validator.d.ts",
@@ -10,11 +10,11 @@
10
10
  "description": "Validates and sanitizes the inputs in a form using native HTML attributes.",
11
11
  "scripts": {
12
12
  "dev": "vite",
13
- "build": "vite build && tsc --emitDeclarationOnly && tailwindcss -i demo/demo-src.css -o demo/demo.css -m",
13
+ "build": "vite build && tsc --emitDeclarationOnly",
14
14
  "preview": "vite preview",
15
15
  "test": "vitest",
16
16
  "coverage": "vitest --coverage",
17
- "tw": "tailwindcss -i demo/demo-src.css -o demo/demo.css -w -m"
17
+ "build:css": "npx @tailwindcss/cli -i demo/demo-src.css -o demo/demo.css"
18
18
  },
19
19
  "repository": {
20
20
  "type": "git",
@@ -44,7 +44,6 @@
44
44
  "homepage": "https://github.com/jdlien/validator#readme",
45
45
  "devDependencies": {
46
46
  "@sheerun/mutationobserver-shim": "^0.3.3",
47
- "@tailwindcss/forms": "^0.5.10",
48
47
  "@types/jsdom": "^21.1.7",
49
48
  "@vitest/coverage-v8": "^3.1.1",
50
49
  "canvas": "^3.1.0",