@jdlien/validator 1.0.6 → 1.0.7

package/dist/validator.js

@@ -0,0 +1 @@
+(function(m,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(m=typeof globalThis<"u"?globalThis:m||self,c(m.Validator={}))})(this,function(m){"use strict";var Q=Object.defineProperty;var X=(m,c,f)=>c in m?Q(m,c,{enumerable:!0,configurable:!0,writable:!0,value:f}):m[c]=f;var d=(m,c,f)=>(X(m,typeof c!="symbol"?c+"":c,f),f);function c(r){return r instanceof HTMLInputElement||r instanceof HTMLSelectElement||r instanceof HTMLTextAreaElement}function f(r,e){typeof e=="string"&&(e=[e]);const t=r.dataset.type||"",i=r.type||"";return!!(e.includes(t)||e.includes(i))}function Z(r){return r.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 L(r){const e=parseInt(r);if(typeof r=="number"||!isNaN(e))return e-1;const t=new Date(`1 ${r} 2000`).getMonth();if(!isNaN(t))return t;const i={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 s in i)if(r.toLowerCase().startsWith(s))return i[s];throw new Error("Invalid month name: "+r)}function b(r){return typeof r=="string"&&(r=parseInt(r.replace(/\D/g,""))),r>99?r:r<(new Date().getFullYear()+20)%100?r+2e3:r+1900}function p(r){if(r instanceof Date)return r;r=r.trim().toLowerCase();let e=0,t=0,i=0,s=0,a=0,n=0;const l=new RegExp(/\d{1,2}\:\d\d(?:\:\d\ds?)?\s?(?:[a|p]m?)?/gi);if(l.test(r)){const h=r.match(l)[0];r=r.replace(h,"").trim();const g=E(h);if(g!==null&&({hour:s,minute:a,second:n}=g),r.length<=2){const M=new Date;return new Date(M.getFullYear(),M.getMonth(),M.getDate(),s,a,n)}}const u=/(^|\b)(mo|tu|we|th|fr|sa|su|lu|mard|mer|jeu|ve|dom)[\w]*\.?/gi;r=r.replace(u,"").trim();const o=new Date(new Date().setHours(0,0,0,0));if(/(now|today)/.test(r))return o;if(r.includes("tomorrow"))return new Date(o.setDate(o.getDate()+1));r.length===8&&(r=r.replace(/(\d\d\d\d)(\d\d)(\d\d)/,"$1-$2-$3")),r.length===6&&(r=r.replace(/(\d\d)(\d\d)(\d\d)/,b(r.slice(0,2))+"-$2-$3"));try{({year:e,month:t,day:i}=j(r))}catch{return new Date("")}return new Date(e,t-1,i,s,a,n)}function j(r){function e(n,l=[null,null,null]){const u=o=>o.filter(h=>!l.includes(h));return n===0||n>31?u(["y"]):n>12?u(["d","y"]):n>=1||n<=12?u(["m","d","y"]):[]}const t=r.split(/[\s-/:.,]+/).filter(n=>n!=="");if(t.length<3){if(r.match(/\d{4}/)!==null)throw new Error("Invalid Date");t.unshift(String(new Date().getFullYear()))}const i={year:0,month:0,day:0};function s(n,l){n==="year"?i.year=b(l):i[n]=l}let a=0;for(;!(i.year&&i.month&&i.day);){e:for(const n of t){if(a++,/^[a-zA-Zé]+$/.test(n)){i.month||s("month",L(n)+1);continue}if(/^'\d\d$/.test(n)||/^\d{3,5}$/.test(n)){i.year||s("year",parseInt(n.replace(/'/,"")));continue}const l=parseInt(n);if(isNaN(l))throw console.error(`not date because ${n} isNaN`),new Error("Invalid Date");const u=e(l,[i.year?"y":null,i.month?"m":null,i.day?"d":null]);if(u.length==1)for(let o=0;o<u.length;o++){if(u[o]==="m"&&!i.month){s("month",l);continue e}if(u[o]==="d"&&!i.day){s("day",l);continue e}if(u[o]==="y"&&!i.year){s("year",l);continue e}}a>3&&(!i.month&&u.includes("m")?s("month",l):!i.day&&u.includes("d")?s("day",l):!i.year&&u.includes("y")&&s("year",l))}if(a>6)throw new Error("Invalid Date")}if(i.year&&i.month&&i.day)return i;throw new Error("Invalid Date")}function E(r){if(r=r.trim().toLowerCase(),r==="now"){const o=new Date;return{hour:o.getHours(),minute:o.getMinutes(),second:o.getSeconds()}}const e=r.match(/(\d{3,4})/);if(e){const o=e[1].length,h=e[1].slice(0,o==3?1:2),g=e[1].slice(-2);r=r.replace(e[1],h+":"+g)}const t=new RegExp(/^(\d{1,2})(?::(\d{1,2}))?\s*(?:(a|p)m?)?$/i);if(t.test(r)){const o=r.match(t);if(o===null)return null;r=o[1]+":"+(o[2]||"00")+(o[3]||"")}const i=new RegExp(/^(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?\s*(?:(a|p)m?)?$/i);if(!i.test(r))return null;const s=r.match(i);if(s===null)return null;const a=parseInt(s[1]),n=parseInt(s[2]),l=s[3]?parseInt(s[3]):0,u=s[4];return isNaN(a)||isNaN(n)||isNaN(l)?null:u==="p"&&a<12?{hour:a+12,minute:n,second:l}:u==="a"&&a===12?{hour:0,minute:n,second:l}:a<0||a>23||n<0||n>59||l<0||l>59?null:{hour:a,minute:n,second:l}}function S(r,e="h:mm A"){const t=E(r);if(t){const i=new Date;return i.setHours(t.hour),i.setMinutes(t.minute),i.setSeconds(t.second),i.setMilliseconds(0),y(i,e)}return""}function y(r,e="YYYY-MM-DD"){if(r=p(r),isNaN(r.getTime()))return"";const t={y:r.getFullYear(),M:r.getMonth(),D:r.getDate(),W:r.getDay(),H:r.getHours(),m:r.getMinutes(),s:r.getSeconds(),ms:r.getMilliseconds()},i=(o,h=2)=>(o+"").padStart(h,"0"),s=()=>t.H%12||12,a=o=>o<12?"AM":"PM",n=o=>"January|February|March|April|May|June|July|August|September|October|November|December".split("|")[o];function l(o,h=0){const g="Sunday|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday".split("|");return h?g[o].slice(0,h):g[o]}const u={YY:String(t.y).slice(-2),YYYY:t.y,M:t.M+1,MM:i(t.M+1),MMMM:n(t.M),MMM:n(t.M).slice(0,3),D:String(t.D),DD:i(t.D),d:String(t.W),dd:l(t.W,2),ddd:l(t.W,3),dddd:l(t.W),H:String(t.H),HH:i(t.H),h:s(),hh:i(s()),A:a(t.H),a:a(t.H).toLowerCase(),m:String(t.m),mm:i(t.m),s:String(t.s),ss:i(t.s),SSS:i(t.ms,3)};return e.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,(o,h)=>h||u[o])}function D(r,e){const t=p(r);return isNaN(t.getTime())?"":((!e||e.length===0)&&(e="YYYY-MMM-DD"),y(t,e))}function C(r){let e=p(r);return e==null?!1:!isNaN(e.getTime())}function x(r,e){return!(e==="past"&&r>new Date||e==="future"&&r.getTime()<new Date().setHours(0,0,0,0))}function H(r){let e=E(r);return e===null?!1:!isNaN(e.hour)&&!isNaN(e.minute)&&!isNaN(e.second)}function A(r){if(r.length>255||!new RegExp(/^.+@.+\.[a-zA-Z0-9]{2,}$/).test(r))return!1;let t="";return t+="^([a-zA-Z0-9!#$%'*+/=?^_`{|}~-]+",t+="(?:\\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*",t+="|",t+='"(?:[\\x01-\\x08\\x0b\\x0c\\x0e-\\x1f\\x21\\x23-\\x5b\\x5d-\\x7f]|\\\\[\\x01-\\x09\\x0b\\x0c\\x0e-\\x7f])*"',t+=")@(",t+="(",t+="(?:[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?\\.)+",t+="[a-zA-Z0-9](?:[a-zA-Z0-9-]*[a-zA-Z0-9])?",t+=")",t+=")$",new RegExp(t).test(r)}function N(r){return r=r.replace(/^[^2-90]+/g,""),r=r.replace(/(\d\d\d).*?(\d\d\d).*?(\d\d\d\d)(.*)/,"$1-$2-$3$4"),r}function O(r){return/^\d\d\d-\d\d\d-\d\d\d\d$/.test(r)}function v(r){return r.replace(/[^0-9]/g,"")}function _(r){return/^\-?\d*\.?\d*$/.test(r)}function w(r){return r.replace(/[^\-0-9.]/g,"").replace(/(^-)|(-)/g,(e,t)=>t?"-":"").replace(/(\..*)\./g,"$1")}function k(r){return/^\-?\d*$/.test(r)}function $(r){return r=r.trim(),new RegExp("^(?:[a-z+]+:)?//","i").test(r)?r:"https://"+r}function P(r){return new RegExp("^(?:[-a-z+]+:)?//","i").test(r)}function Y(r){return r=r.replace(/[^0-9]/g,"").replace(/(.{5})(.*)/,"$1-$2").trim(),r.length===6&&(r=r.replace(/-/,"")),r}function V(r){return new RegExp(/^\d{5}(-\d{4})?$/).test(r)}function U(r){return r=r.toUpperCase().replace(/[^A-Z0-9]/g,"").replace(/(.{3})\s*(.*)/,"$1 $2").trim(),r}function F(r){return new RegExp(/^[ABCEGHJKLMNPRSTVXY][0-9][ABCEGHJKLMNPRSTVWXYZ] ?[0-9][ABCEGHJKLMNPRSTVWXYZ][0-9]$/).test(r)}function T(r){return["transparent","currentColor"].includes(r)?!0:typeof r!="string"||!r.trim()?!1:typeof CSS=="object"&&typeof CSS.supports=="function"?CSS.supports("color",r):G(r)}function G(r){const e=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*\)$/),t=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*\)$/),i=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*\)$/),s=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*\)$/),a=new RegExp(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);let n="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 l=new RegExp(`^(${n})$`,"i");return e.test(r)||t.test(r)||i.test(r)||s.test(r)||a.test(r)||l.test(r)}let R=null;const I=new Map;function q(r){if(r=r.trim().toLowerCase(),r==="transparent")return"transparent";if(I.has(r))return I.get(r);R===null&&(R=document.createElement("canvas"),R.willReadFrequently=!0);let e=R.getContext("2d");if(!e)throw new Error("Can't get context from colorCanvas");e.fillStyle=r,e.fillRect(0,0,1,1);let t=e.getImageData(0,0,1,1).data,i="#"+("000000"+(t[0]<<16|t[1]<<8|t[2]).toString(16)).slice(-6);return I.set(r,i),i}function z(r){let e={valid:!1,error:!1,messages:[]};return typeof r=="boolean"?{valid:r,error:!1,messages:[]}:typeof r=="string"?{valid:!1,error:!1,messages:[r]}:(typeof r.valid=="boolean"&&(e.valid=r.valid),typeof r.message=="string"&&(e.messages=[r.message]),typeof r.messages=="string"&&(e.messages=[r.messages]),Array.isArray(r.messages)&&(e.messages=r.messages),r.error===!0&&(e.error=!0),e)}const K=Object.freeze(Object.defineProperty({__proto__:null,formatDateTime:y,isColor:T,isDate:C,isDateInRange:x,isEmail:A,isFormControl:c,isInteger:k,isNANPTel:O,isNumber:_,isPostalCA:F,isTime:H,isType:f,isUrl:P,isZip:V,momentToFPFormat:Z,monthToNumber:L,normalizeValidationResult:z,parseColor:q,parseDate:p,parseDateToString:D,parseInteger:v,parseNANPTel:N,parseNumber:w,parsePostalCA:U,parseTime:E,parseTimeToString:S,parseUrl:$,parseZip:Y,yearToFull:b},Symbol.toStringTag,{value:"Module"}));class W extends Event{constructor(t){super("validationSuccess",{cancelable:!0});d(this,"submitEvent");this.submitEvent=t}}class B extends Event{constructor(t){super("validationError",{cancelable:!0});d(this,"submitEvent");this.submitEvent=t}}class J{constructor(e,t={}){d(this,"form");d(this,"inputs",[]);d(this,"inputErrors",{});d(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_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."});d(this,"debug");d(this,"autoInit");d(this,"preventSubmit",!1);d(this,"hiddenClasses");d(this,"errorMainClasses");d(this,"errorInputClasses");d(this,"dispatchTimeout",0);d(this,"originalNoValidate",!1);d(this,"validationSuccessCallback");d(this,"validationErrorCallback");d(this,"submitHandlerRef",this.submitHandler.bind(this));d(this,"inputInputHandlerRef",this.inputInputHandler.bind(this));d(this,"inputChangeHandlerRef",this.inputChangeHandler.bind(this));d(this,"inputKeydownHandlerRef",this.inputKeydownHandler.bind(this));d(this,"inputHandlers",{number:{parse:w,isValid:_,error:this.messages.ERROR_NUMBER},integer:{parse:v,isValid:k,error:this.messages.ERROR_INTEGER},tel:{parse:N,isValid:O,error:this.messages.ERROR_TEL},email:{parse:e=>e.trim(),isValid:A,error:this.messages.ERROR_EMAIL},zip:{parse:Y,isValid:V,error:this.messages.ERROR_ZIP},postal:{parse:U,isValid:F,error:this.messages.ERROR_POSTAL},url:{parse:$,isValid:P,error:this.messages.ERROR_URL},date:{parse:D,isValid:C,error:this.messages.ERROR_DATE},time:{parse:S,isValid:H,error:this.messages.ERROR_TIME},color:{parse:e=>e.trim().toLowerCase(),isValid:T,error:this.messages.ERROR_COLOR}});d(this,"isSubmitting",!1);if(!e)throw new Error("Validator requires a form to be passed as the first argument.");if(!(e instanceof HTMLFormElement))throw new Error("form argument must be an instance of HTMLFormElement");this.form=e,(e.dataset.preventSubmit===""||e.dataset.preventSubmit)&&(this.preventSubmit=!0),Object.assign(this.messages,t.messages||{}),this.debug=t.debug||!1,this.autoInit=t.autoInit!==!1,this.preventSubmit=t.preventSubmit===!1?!1:this.preventSubmit,this.hiddenClasses=t.hiddenClasses||"hidden opacity-0",this.errorMainClasses=t.errorMainClasses||"m-2 border border-red-500 bg-red-100 p-3 dark:bg-red-900/80 text-center",this.errorInputClasses=t.errorInputClasses||"border-red-600 dark:border-red-500",this.validationSuccessCallback=t.validationSuccessCallback||(()=>{}),this.validationErrorCallback=t.validationErrorCallback||(()=>{}),this.autoInit&&this.init(),new MutationObserver(()=>this.autoInit&&this.init()).observe(e,{childList:!0})}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),this.inputs.forEach(e=>{!e.name&&!e.id&&(e.id=`vl-input-${Math.random().toString(36).slice(2)}`),this.inputErrors[e.name||e.id]=[]}),this.originalNoValidate=this.form.hasAttribute("novalidate"),this.form.setAttribute("novalidate","novalidate"),this.removeEventListeners(),this.addEventListeners()}getErrorEl(e){const t=document.getElementById(e.name+"-error");return t||document.getElementById(e.id+"-error")||null}addErrorMain(e){const t=document.createElement("div");t.id="form-error-main",this.errorMainClasses.split(" ").forEach(i=>{t.classList.add(i)}),e?t.innerHTML=e:t.innerHTML=this.messages.ERROR_MAIN,this.form.appendChild(t)}addInputError(e,t=e.dataset.errorDefault||this.messages.ERROR_GENERIC){const i=e.name||e.id;this.debug&&console.log("Invalid value for "+i+": "+t),i in this.inputErrors||(this.inputErrors[i]=[]),this.inputErrors[i].includes(t)||this.inputErrors[i].push(t)}showInputErrors(e){if(!e||!e.name&&!e.id)return;const t=e.name||e.id,i=t in this.inputErrors?this.inputErrors[t]:[];if(!i.length)return;e.setAttribute("aria-invalid","true"),this.errorInputClasses.split(" ").forEach(a=>{e.classList.add(a)});let s=this.getErrorEl(e);s&&(s.innerHTML=i.join("<br>"),this.hiddenClasses.split(" ").forEach(a=>{s&&s.classList.remove(a)}))}showFormErrors(){if(this.inputs.forEach(e=>this.showInputErrors(e)),Object.values(this.inputErrors).some(e=>Array.isArray(e)&&e.length)){const e=this.form.querySelectorAll("#form-error-main");e.length?e.forEach(t=>{t.innerHTML||(t.innerHTML=this.messages.ERROR_MAIN),this.hiddenClasses.split(" ").forEach(i=>{t.classList.remove(i)})}):this.addErrorMain()}}clearInputErrors(e){this.inputErrors[e.name||e.id]=[],e.removeAttribute("aria-invalid");let t=this.getErrorEl(e);t&&(this.errorInputClasses.split(" ").forEach(i=>{e.classList.remove(i)}),this.hiddenClasses.split(" ").forEach(i=>{t&&t.classList.add(i)}),t.textContent="")}clearFormErrors(){this.form.querySelectorAll("#form-error-main").forEach(e=>{this.hiddenClasses.split(" ").forEach(t=>{e.classList.add(t)})}),this.inputs.forEach(e=>this.clearInputErrors(e))}validateRequired(e){let t=!0;if(e.required&&(e.value===""||e instanceof HTMLInputElement&&["checkbox","radio"].includes(e.type)&&!e.checked))if(e instanceof HTMLInputElement&&["checkbox","radio"].includes(e.type)){let i=!1,s=e.name;const a=this.form.querySelectorAll(`input[name="${s}"]`);if(a.forEach(n=>{if(n instanceof HTMLInputElement&&n.checked===!0){i=!0;return}}),i===!1){t=!1;let n=a.length>1?this.messages.OPTION_REQUIRED:this.messages.CHECKED_REQUIRED;e.dataset.errorDefault&&(n=e.dataset.errorDefault),this.addInputError(e,n)}}else c(e)&&(t=!1,this.addInputError(e,e.dataset.errorDefault||this.messages.ERROR_REQUIRED));return t}validateLength(e){let t=!0;if((e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement)&&e.value.length){let i=e.minLength>0?e.minLength:e.dataset.minLength?parseInt(e.dataset.minLength):0,s=e.maxLength>0&&e.maxLength<5e5?e.maxLength:e.dataset.maxLength?parseInt(e.dataset.maxLength):1/0;i>0&&e.value.length<i&&(t=!1,this.addInputError(e,this.messages.ERROR_MINLENGTH.replace("${val}",i.toString()))),e.value.length>s&&(t=!1,this.addInputError(e,this.messages.ERROR_MAXLENGTH.replace("${val}",s.toString())))}return t}validateInputType(e){const t=e.dataset.type||e.type,i=this.inputHandlers[e.type]||this.inputHandlers[t];if(i){const s=e.dataset.dateFormat||e.dataset.timeFormat,a=i.parse(e.value,s),n=["date","time","datetime-local","month","week"];if(a.length&&!n.includes(e.type)&&(e.value=a),!i.isValid(e.value))return this.addInputError(e,i.error),!1}return!0}validateDateRange(e){if(e.dataset.dateRange){const t=e.dataset.dateRange,i=p(e.value);if(!isNaN(i.getTime())&&!x(i,t)){let s=e.dataset.errorDefault||this.messages.ERROR_DATE_RANGE;return t==="past"?s=this.messages.ERROR_DATE_PAST:t==="future"&&(s=this.messages.ERROR_DATE_FUTURE),this.addInputError(e,s),!1}}return!0}validatePattern(e){const t=e.dataset.pattern||e instanceof HTMLInputElement&&e.pattern||null;return t&&!new RegExp(t).test(e.value)?(this.addInputError(e),!1):!0}async validateCustom(e){const t=e.dataset.validation;if(!t||typeof t!="string")return!0;const i=window[t];if(!i||typeof i!="function")return!0;let s;try{s=await Promise.resolve(i(e.value)),s=z(s)}catch{return this.addInputError(e,this.messages.ERROR_CUSTOM_VALIDATION),!1}const a=s.messages.join("<br>")||this.messages.ERROR_CUSTOM_VALIDATION;return s.valid||this.addInputError(e,a),s.valid}async validateInput(e){if(!(e instanceof HTMLInputElement)||!e.value.length)return!0;let t=!0;return t=this.validateInputType(e)&&t,t=this.validateDateRange(e)&&t,t=this.validatePattern(e)&&t,t=await this.validateCustom(e)&&t,t}async validate(e){let t=!0;for(const i of this.inputs)t=this.validateRequired(i)&&t,t=this.validateLength(i)&&t,t=await this.validateInput(i)&&t;return t}async submitHandler(e){if(this.isSubmitting)return;e.preventDefault(),this.clearFormErrors();let t=await this.validate(e);this.showFormErrors();const i=new W(e),s=new B(e);t?(this.form.dispatchEvent(i),this.validationSuccessCallback&&this.validationSuccessCallback(e)):(this.form.dispatchEvent(s),this.validationErrorCallback&&this.validationErrorCallback(e)),t&&!this.preventSubmit&&(this.isSubmitting=!0,i.defaultPrevented||this.form.submit(),this.isSubmitting=!1)}async inputChangeHandler(e){e.target instanceof HTMLInputElement&&(this.clearInputErrors(e.target),await this.validateInput(e.target),this.showInputErrors(e.target))}inputInputHandler(e){const t=e.target;f(t,"integer")&&(t.value=v(t.value)),t.type!=="number"&&f(t,["number","float","decimal"])&&(t.value=w(t.value)),f(t,"color")&&this.syncColorInput(e)}syncColorInput(e){let t=e.target,i=t;t.type==="color"&&(i=this.form.querySelector(`#${t.id.replace(/-color/,"")}`));let s=this.form.querySelector(`#${i.id}-color-label`);if((t.dataset.type||"")==="color"){let a=this.form.querySelector(`input#${t.id}-color`);if(!a||!T(t.value))return;a.value=q(t.value)}t.type==="color"&&(i.value=t.value),s&&(s.style.backgroundColor=t.value),clearTimeout(this.dispatchTimeout),this.dispatchTimeout=window.setTimeout(()=>{i.dispatchEvent(new Event("change",{bubbles:!0}))},200)}inputKeydownHandler(e){e.target instanceof HTMLInputElement&&f(e.target,"integer")&&(e.key==="ArrowUp"?(e.preventDefault(),e.target.value===""&&(e.target.value="0"),e.target.value=(parseInt(e.target.value)+1).toString()):e.key==="ArrowDown"&&(parseInt(e.target.value)>0?e.target.value=(parseInt(e.target.value)-1).toString():e.target.value="0"))}destroy(){this.removeEventListeners(),this.originalNoValidate||this.form.removeAttribute("novalidate")}}m.default=J,m.validatorUtils=K,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "@jdlien/validator",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "type": "module",
   "module": "dist/validator.js",
+  "files": [
+    "dist",
+    "src"
+  ],
   "description": "Validates and sanitizes the inputs in a form using native html attributes.",
   "scripts": {
     "dev": "vite",

package/.prettierrc

@@ -1,8 +0,0 @@
-{
-  "tabWidth": 2,
-  "useTabs": false,
-  "trailingComma": "es5",
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 100
-}

package/demo-src.css

@@ -1,106 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  [type='text'],
-  [type='email'],
-  [type='url'],
-  [type='password'],
-  [type='number'],
-  [type='date'],
-  [type='datetime-local'],
-  [type='month'],
-  [type='search'],
-  [type='tel'],
-  [type='time'],
-  [type='week'],
-  [type='color'],
-  [multiple],
-  textarea,
-  select {
-    @apply border border-zinc-300 rounded bg-zinc-50 px-2 py-1.5 text-zinc-700
-        placeholder-zinc-500 placeholder-opacity-50 shadow-inner
-        focus:bg-white focus:outline-none focus:ring-2 focus:ring-blue-400/50
-        focus:ring-offset-0 focus:ring-offset-transparent;
-
-    @apply dark:border-zinc-500 dark:bg-zinc-900 dark:text-white dark:focus:bg-zinc-800;
-
-    @apply disabled:bg-zinc-200 disabled:text-zinc-500 dark:disabled:bg-zinc-800 dark:disabled:text-zinc-300;
-  }
-
-  /* Form input variants (do not apply when disabled) */
-  [type='text']:not([disabled]),
-  [type='email']:not([disabled]),
-  [type='url']:not([disabled]),
-  [type='password']:not([disabled]),
-  [type='number']:not([disabled]),
-  [type='date']:not([disabled]),
-  [type='datetime-local']:not([disabled]),
-  [type='month']:not([disabled]),
-  [type='search']:not([disabled]),
-  [type='tel']:not([disabled]),
-  [type='time']:not([disabled]),
-  [type='week']:not([disabled]),
-  [type='color']:not([disabled]),
-  [multiple]:not([disabled]),
-  textarea:not([disabled]),
-  select:not([disabled]) {
-    @apply hover:bg-white dark:hover:bg-zinc-800;
-  }
-
-  [type='checkbox'],
-  [type='radio'] {
-    @apply border border-zinc-300 bg-zinc-50 text-blue-600 shadow-sm
-        checked:border checked:border-zinc-400 checked:bg-blue-600 focus:outline-none
-        focus:ring-2 focus:ring-blue-400/50 focus:ring-offset-0 focus:ring-offset-transparent focus:checked:bg-blue-500;
-
-    @apply dark:border-zinc-500 dark:bg-zinc-400 dark:checked:bg-blue-600 dark:focus:checked:bg-blue-400;
-
-    @apply disabled:opacity-60 disabled:checked:hover:bg-blue-600;
-
-    /* Prevents border change when disabled and hovered */
-    @apply disabled:checked:hover:border-zinc-400 disabled:dark:checked:bg-blue-600 dark:disabled:checked:hover:border-zinc-500;
-  }
-
-  [type='checkbox']:not([disabled]),
-  [type='radio']:not([disabled]) {
-    @apply hover:bg-zinc-200 checked:hover:bg-blue-500
-        dark:hover:bg-zinc-300 dark:hover:checked:bg-blue-400 dark:hover:focus:checked:bg-blue-400;
-  }
-
-  [type='radio'] {
-    @apply rounded-full;
-  }
-
-  select {
-    @apply pr-6;
-    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='rgb(120 113 108)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important; */
-    background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill=%22none%22 viewBox=%220 0 24 24%22 stroke-width=%221.5%22 stroke=%22rgb(120 113 108)%22%3E%3Cpath stroke-linecap=%22round%22 stroke-linejoin=%22round%22 d=%22M19.5 8.25l-7.5 7.5-7.5-7.5%22 %2F%3E%3C%2Fsvg%3E') !important;
-    background-size: 1.2rem;
-    background-position: right 0.1rem center;
-  }
-}
-
-@layer components {
-  .checked-label {
-    @apply ml-1.5 mr-1;
-    /* no styles are directly applied unless this is used with a checked input */
-  }
-
-  input:checked + .checked-label {
-    @apply text-black dark:text-white;
-    /* This is only really visible in dark mode, giving the text a subtle glow */
-    text-shadow: 0 0 5px hsl(0 0% 100%/25%);
-  }
-
-  /* Apply checked-border to labels for checkboxes and radio buttons for a label that colors up automatically when checked */
-  .checked-border {
-    @apply inline-flex items-center border border-zinc-300/30 bg-zinc-50 px-1 text-zinc-700 shadow-inner;
-    @apply hover:bg-white dark:border-zinc-500/10 dark:bg-zinc-900 dark:text-zinc-100 dark:hover:bg-zinc-800 dark:focus:bg-zinc-800;
-  }
-
-  .checked-border:has([type='checkbox']:checked, [type='radio']:checked) {
-    @apply border-blue-600 text-black hover:border-blue-500 dark:text-white;
-  }
-}