Merge branch 'development'

README.md

@@ -25,12 +25,12 @@ import {Ok} from "okjs";
  */
 const ok = new Ok({
     nameFirst: {
-        msg: "only 'Dave' allowed",
+        msg: "Only 'Dave' allowed",
         fn: val => val === "Dave"
     },
     emailDe: {
-        msg: "Please input your .de email",
-        fn: (val, element) => val.endsWith(".de")
+        msg: (val) => `Please input your .de email (You entered '${val}')`,
+        fn: (val, element, e) => val.endsWith(".de")
     }
 });
 

demo/demo_1/index.js

@@ -1,11 +1,11 @@
 const ok = new Ok({
     nameFirst: {
-        msg: "only 'Dave' allowed",
+        msg: "Only 'Dave' allowed",
         fn: val => val === "Dave"
     },
     emailDe: {
-        msg: "Please input your .de email",
-        fn: val => val.endsWith(".de")
+        msg: (val) => `Please input your .de email (You entered '${val}')`,
+        fn: (val, element, e) => val.endsWith(".de")
     }
 });
 

dist/esm/src/Ok.d.ts

@@ -5,17 +5,17 @@ import { ValidatorDictionary } from "./validator/ValidatorDictionary";
  */
 declare const Ok: {
     new (validators: ValidatorDictionary, invalidClass?: string | false): {
-        map: Map<string, Validator>;
-        invalidClass: string | false;
+        readonly map: Map<string, Validator>;
+        readonly invalidClass: string | false;
         /**
          * Validates an input element and returns the validity.
          *
          * @public
          * @param {HTMLInputElement} element HTMLInputElement to validate.
-         * @param {...any[]} args optional arguments to pass.
+         * @param {Event?} e optional event that triggered validation.
          * @returns {boolean} current validity of the element.
          */
-        validate(element: HTMLInputElement, ...args: any[]): boolean;
+        validate(element: HTMLInputElement, e?: Event | undefined): boolean;
         /**
          * Binds an event handler to an input element.
          *

dist/esm/src/dom/setCustomValidity.d.ts

@@ -0,0 +1,3 @@
+declare const setCustomValidity: (element: HTMLInputElement, msg: string) => void;
+export { setCustomValidity };
+//# sourceMappingURL=setCustomValidity.d.ts.map

dist/esm/src/validator/Validator.d.ts

@@ -1,6 +1,8 @@
+declare type HtmlInputValue = string | boolean;
+declare type ValidationFunction<T> = (val: HtmlInputValue, element: HTMLInputElement, e?: Event) => T;
 interface Validator {
-    msg: string;
-    fn: (val: string | boolean, element: Element, e?: Event) => boolean;
+    msg: string | ValidationFunction<string>;
+    fn: ValidationFunction<boolean>;
 }
 export { Validator };
 //# sourceMappingURL=Validator.d.ts.map