peryl 1.5.2 → 1.5.3

package/dist/demo/encode_demo.f40a44eb.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["src/encode.ts","demo/encode_demo.ts"],"sourcesContent":["\nexport class UrlEncodedData {\n\n    static encode(data: any, prefix = \"\"): string {\n        let str: string;\n        if (typeof data !== \"object\") {\n            str = data;\n        } else {\n            const params: string[] = [];\n            let size = 0;\n            for (let key in data) {\n                if (data.hasOwnProperty(key)) {\n                    let value = data[key];\n                    if (!(value instanceof Array)) {\n                        value = [value];\n                    }\n                    const valueLength = value.length;\n                    for (let i = 0; i < valueLength; i++) {\n                        const val = value[i];\n                        if ((typeof val === \"object\") && (val != null)) {\n                            params[size++] = arguments.callee(val, prefix + key + \".\");\n                        } else { // list\n                            params[size] = encodeURIComponent(prefix + key);\n                            if (val != null) {\n                                params[size] += \"=\" + encodeURIComponent(val);\n                            }\n                            size++;\n                        }\n                    }\n                }\n            }\n            str = params.join(\"&\");\n        }\n        return str;\n    }\n\n    static decode(str: string): any {\n        const data: any = {};\n        if (str) {\n            const params = str.split(\"&\");\n            const paramsLength = params.length;\n            for (let j = 0; j < paramsLength; j++) {\n                const parameter = params[j].split(\"=\");\n                const key = decodeURIComponent(parameter[0]);\n                if (parameter.length > 1) {\n                    const value = decodeURIComponent(parameter[1]);\n                    const path = key.split(\".\");\n                    const size = path.length;\n                    let obj = data;\n                    for (let i = 0; i < size; i++) {\n                        const property = path[i];\n                        const o = obj[property];\n                        if (i === (size - 1)) { // list\n                            if (!o) {\n                                obj[property] = value;\n                            } else if (o instanceof Array) {\n                                obj[property].push(value);\n                            } else { // create array\n                                obj[property] = [o];\n                                obj[property][1] = value;\n                            }\n                        } else {\n                            if (!o) {\n                                obj[property] = {};\n                            }\n                            obj = obj[property];\n                        }\n                    }\n                } else {\n                    data[key] = null;\n                }\n            }\n        }\n        return data;\n    }\n\n}\n\nexport class Base64 {\n\n    private static _keyStr = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\n\n    static encode(e: string): string {\n        let t = \"\";\n        let n: any, r: any, i: any, s: any, o: any, u: any, a: any;\n        let f = 0;\n        e = Base64._utf8_encode(e);\n        while (f < e.length) {\n            n = e.charCodeAt(f++);\n            r = e.charCodeAt(f++);\n            i = e.charCodeAt(f++);\n            s = n >> 2;\n            o = (n & 3) << 4 | r >> 4;\n            u = (r & 15) << 2 | i >> 6;\n            a = i & 63;\n            if (isNaN(r)) {\n                u = a = 64;\n            } else if (isNaN(i)) {\n                a = 64;\n            }\n            t = t + Base64._keyStr.charAt(s) + Base64._keyStr.charAt(o) + Base64._keyStr.charAt(u) + Base64._keyStr.charAt(a);\n        }\n        return t;\n    }\n\n    static decode(e: string): string {\n        let t = \"\";\n        let n: any, r: any, i: any;\n        let s: any, o: any, u: any, a: any;\n        let f = 0;\n        e = e.replace(/[^A-Za-z0-9\\+\\/\\=]/g, \"\");\n        while (f < e.length) {\n            s = this._keyStr.indexOf(e.charAt(f++));\n            o = this._keyStr.indexOf(e.charAt(f++));\n            u = this._keyStr.indexOf(e.charAt(f++));\n            a = this._keyStr.indexOf(e.charAt(f++));\n            n = s << 2 | o >> 4;\n            r = (o & 15) << 4 | u >> 2;\n            i = (u & 3) << 6 | a;\n            t = t + String.fromCharCode(n);\n            if (u !== 64) {\n                t = t + String.fromCharCode(r);\n            }\n            if (a !== 64) {\n                t = t + String.fromCharCode(i);\n            }\n        }\n        t = Base64._utf8_decode(t);\n        return t;\n    }\n\n    private static _utf8_encode(e: string): string {\n        e = e.replace(/\\r\\n/g, \"\\n\");\n        let t = \"\";\n        for (let n = 0; n < e.length; n++) {\n            const r = e.charCodeAt(n);\n            if (r < 128) {\n                t += String.fromCharCode(r);\n            } else if (r > 127 && r < 2048) {\n                t += String.fromCharCode(r >> 6 | 192);\n                t += String.fromCharCode(r & 63 | 128);\n            } else {\n                t += String.fromCharCode(r >> 12 | 224);\n                t += String.fromCharCode(r >> 6 & 63 | 128);\n                t += String.fromCharCode(r & 63 | 128);\n            }\n        }\n        return t;\n    }\n\n    private static _utf8_decode(e: string): string {\n        let t = \"\";\n        let n = 0;\n        let r = 0;\n        let c1 = 0;\n        let c2 = 0;\n        while (n < e.length) {\n            r = e.charCodeAt(n);\n            if (r < 128) {\n                t += String.fromCharCode(r);\n                n++;\n            } else if (r > 191 && r < 224) {\n                c1 = e.charCodeAt(n + 1);\n                t += String.fromCharCode((r & 31) << 6 | c1 & 63);\n                n += 2;\n            } else {\n                c1 = e.charCodeAt(n + 1);\n                c2 = e.charCodeAt(n + 2);\n                t += String.fromCharCode((r & 15) << 12 | (c1 & 63) << 6 | c2 & 63);\n                n += 3;\n            }\n        }\n        return t;\n    }\n}\n","import { UrlEncodedData, Base64 } from \"../src/encode\";\n\n\n// UrlEncodedData\nconst dataObj = {text: \"Hello World!\", num: 5, a: [1, 2, \"33\"]};\nconsole.log(dataObj);\n\nconst encodedData = UrlEncodedData.encode(dataObj);\nconsole.log(\"UrlEncodedData encode: \", encodedData,\n    encodedData === \"text=Hello%20World!&num=5&a=1&a=2&a=33\");\n\nconst decodedData = UrlEncodedData.decode(encodedData);\nconsole.log(\"UrlEncodedData decode: \", JSON.stringify(decodedData),\n    JSON.stringify(decodedData) === `{\"text\":\"Hello World!\",\"num\":\"5\",\"a\":[\"1\",\"2\",\"33\"]}`);\n\n\n// Base64\nconst dataStr = \"Hello World!\";\nconsole.log(dataStr);\n\nconst encodedString = Base64.encode(dataStr);\nconsole.log(\"Base64 encode: \", encodedString, encodedString === \"SGVsbG8gV29ybGQh\");\n\nconst decodedString = Base64.decode(encodedString);\nconsole.log(\"Base64 decode: \", decodedString, decodedString === \"Hello World!\");\n"],"names":["$161bee74d05bfaa4$export$650092b01c62e427","static","data","prefix","str","params","size","key","hasOwnProperty","value","Array","valueLength","length","i","val","arguments","callee","encodeURIComponent","join","split","paramsLength","j","parameter","decodeURIComponent","path","obj","property","o","push","$161bee74d05bfaa4$export$f436b0c2107cbd35","e","n","r","s","u","a","t","f","_utf8_encode","charCodeAt","isNaN","_keyStr","charAt","replace","this","indexOf","String","fromCharCode","_utf8_decode","c1","c2","$483fa1c38fcc1bf2$var$dataObj","text","num","console","log","$483fa1c38fcc1bf2$var$encodedData","encode","$483fa1c38fcc1bf2$var$decodedData","decode","JSON","stringify","$483fa1c38fcc1bf2$var$dataStr","$483fa1c38fcc1bf2$var$encodedString","$483fa1c38fcc1bf2$var$decodedString"],"version":3,"file":"encode_demo.f40a44eb.js.map"}
+{"mappings":"AACM,MAAOA,EAETC,cAAcC,EAAWC,EAAS,IAC9B,IAAIC,EACJ,GAAoB,iBAATF,EACPE,EAAMF,MACH,CACH,MAAMG,EAAmB,GACzB,IAAIC,EAAO,EACX,IAAK,IAAIC,KAAOL,EACZ,GAAIA,EAAKM,eAAeD,GAAM,CAC1B,IAAIE,EAAQP,EAAKK,GACXE,aAAiBC,QACnBD,EAAQ,CAACA,IAEb,MAAME,EAAcF,EAAMG,OAC1B,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAAaE,IAAK,CAClC,MAAMC,EAAML,EAAMI,GACE,iBAARC,GAA6B,MAAPA,EAC9BT,EAAOC,KAAUS,UAAUC,OAAOF,EAAKX,EAASI,EAAM,MAEtDF,EAAOC,GAAQW,mBAAmBd,EAASI,GAChC,MAAPO,IACAT,EAAOC,IAAS,IAAMW,mBAAmBH,IAE7CR,IAEP,CACJ,CAELF,EAAMC,EAAOa,KAAK,IACrB,CACD,OAAOd,CACX,CAEAH,cAAcG,GACV,MAAMF,EAAY,GAClB,GAAIE,EAAK,CACL,MAAMC,EAASD,EAAIe,MAAM,KACnBC,EAAef,EAAOO,OAC5B,IAAK,IAAIS,EAAI,EAAGA,EAAID,EAAcC,IAAK,CACnC,MAAMC,EAAYjB,EAAOgB,GAAGF,MAAM,KAC5BZ,EAAMgB,mBAAmBD,EAAU,IACzC,GAAIA,EAAUV,OAAS,EAAG,CACtB,MAAMH,EAAQc,mBAAmBD,EAAU,IACrCE,EAAOjB,EAAIY,MAAM,KACjBb,EAAOkB,EAAKZ,OAClB,IAAIa,EAAMvB,EACV,IAAK,IAAIW,EAAI,EAAGA,EAAIP,EAAMO,IAAK,CAC3B,MAAMa,EAAWF,EAAKX,GAChBc,EAAIF,EAAIC,GACVb,IAAOP,EAAO,EACTqB,EAEMA,aAAajB,MACpBe,EAAIC,GAAUE,KAAKnB,IAEnBgB,EAAIC,GAAY,CAACC,GACjBF,EAAIC,GAAU,GAAKjB,GALnBgB,EAAIC,GAAYjB,GAQfkB,IACDF,EAAIC,GAAY,IAEpBD,EAAMA,EAAIC,GAEjB,CACJ,MACGxB,EAAKK,GAAO,IAEnB,CACJ,CACD,OAAOL,CACX,EAIJ,MAAa2B,EAIT5B,cAAc6B,GACV,IACIC,EAAQC,EAAQnB,EAAQoB,EAAQN,EAAQO,EAAQC,EADhDC,EAAI,GAEJC,EAAI,EAER,IADAP,EAAID,EAAOS,aAAaR,GACjBO,EAAIP,EAAElB,QACTmB,EAAID,EAAES,WAAWF,KACjBL,EAAIF,EAAES,WAAWF,KACjBxB,EAAIiB,EAAES,WAAWF,KACjBJ,EAAIF,GAAK,EACTJ,GAAS,EAAJI,IAAU,EAAIC,GAAK,EACxBE,GAAS,GAAJF,IAAW,EAAInB,GAAK,EACzBsB,EAAQ,GAAJtB,EACA2B,MAAMR,GACNE,EAAIC,EAAI,GACDK,MAAM3B,KACbsB,EAAI,IAERC,EAAIA,EAAIP,EAAOY,QAAQC,OAAOT,GAAKJ,EAAOY,QAAQC,OAAOf,GAAKE,EAAOY,QAAQC,OAAOR,GAAKL,EAAOY,QAAQC,OAAOP,GAEnH,OAAOC,CACX,CAEAnC,cAAc6B,GACV,IACIC,EAAQC,EAAQnB,EAChBoB,EAAQN,EAAQO,EAAQC,EAFxBC,EAAI,GAGJC,EAAI,EAER,IADAP,EAAIA,EAAEa,QAAQ,sBAAuB,IAC9BN,EAAIP,EAAElB,QACTqB,EAAIW,KAAKH,QAAQI,QAAQf,EAAEY,OAAOL,MAClCV,EAAIiB,KAAKH,QAAQI,QAAQf,EAAEY,OAAOL,MAClCH,EAAIU,KAAKH,QAAQI,QAAQf,EAAEY,OAAOL,MAClCF,EAAIS,KAAKH,QAAQI,QAAQf,EAAEY,OAAOL,MAClCN,EAAIE,GAAK,EAAIN,GAAK,EAClBK,GAAS,GAAJL,IAAW,EAAIO,GAAK,EACzBrB,GAAS,EAAJqB,IAAU,EAAIC,EACnBC,GAAQU,OAAOC,aAAahB,GAClB,KAANG,IACAE,GAAQU,OAAOC,aAAaf,IAEtB,KAANG,IACAC,GAAQU,OAAOC,aAAalC,IAIpC,OADAuB,EAAIP,EAAOmB,aAAaZ,GACjBA,CACX,CAEQnC,oBAAoB6B,GACxBA,EAAIA,EAAEa,QAAQ,QAAS,MACvB,IAAIP,EAAI,GACR,IAAK,IAAIL,EAAI,EAAGA,EAAID,EAAElB,OAAQmB,IAAK,CAC/B,MAAMC,EAAIF,EAAES,WAAWR,GACnBC,EAAI,IACJI,GAAKU,OAAOC,aAAaf,GAClBA,EAAI,KAAOA,EAAI,MACtBI,GAAKU,OAAOC,aAAaf,GAAK,EAAI,KAClCI,GAAKU,OAAOC,aAAiB,GAAJf,EAAS,OAElCI,GAAKU,OAAOC,aAAaf,GAAK,GAAK,KACnCI,GAAKU,OAAOC,aAAaf,GAAK,EAAI,GAAK,KACvCI,GAAKU,OAAOC,aAAiB,GAAJf,EAAS,KAEzC,CACD,OAAOI,CACX,CAEQnC,oBAAoB6B,GACxB,IAAIM,EAAI,GACJL,EAAI,EACJC,EAAI,EACJiB,EAAK,EACLC,EAAK,EACT,KAAOnB,EAAID,EAAElB,QACToB,EAAIF,EAAES,WAAWR,GACbC,EAAI,KACJI,GAAKU,OAAOC,aAAaf,GACzBD,KACOC,EAAI,KAAOA,EAAI,KACtBiB,EAAKnB,EAAES,WAAWR,EAAI,GACtBK,GAAKU,OAAOC,cAAkB,GAAJf,IAAW,EAAS,GAALiB,GACzClB,GAAK,IAELkB,EAAKnB,EAAES,WAAWR,EAAI,GACtBmB,EAAKpB,EAAES,WAAWR,EAAI,GACtBK,GAAKU,OAAOC,cAAkB,GAAJf,IAAW,IAAW,GAALiB,IAAY,EAAS,GAALC,GAC3DnB,GAAK,GAGb,OAAOK,CACX,EA7FeP,EAAAY,QAAU,oEC5E7B,MAAMU,EAAU,CAACC,KAAM,eAAgBC,IAAK,EAAGlB,EAAG,CAAC,EAAG,EAAG,OACzDmB,QAAQC,IAAIJ,GAEZ,MAAMK,EAAcxD,EAAeyD,OAAON,GAC1CG,QAAQC,IAAI,0BAA2BC,EACnB,2CAAhBA,GAEJ,MAAME,EAAc1D,EAAe2D,OAAOH,GAC1CF,QAAQC,IAAI,0BAA2BK,KAAKC,UAAUH,GAClB,yDAAhCE,KAAKC,UAAUH,IAInB,MAAMI,EAAU,eAChBR,QAAQC,IAAIO,GAEZ,MAAMC,EAAgBlC,EAAO4B,OAAOK,GACpCR,QAAQC,IAAI,kBAAmBQ,EAAiC,qBAAlBA,GAE9C,MAAMC,EAAgBnC,EAAO8B,OAAOI,GACpCT,QAAQC,IAAI,kBAAmBS,EAAiC,iBAAlBA","sources":["src/encode.ts","demo/encode_demo.ts"],"sourcesContent":["\nexport class UrlEncodedData {\n\n    static encode(data: any, prefix = \"\"): string {\n        let str: string;\n        if (typeof data !== \"object\") {\n            str = data;\n        } else {\n            const params: string[] = [];\n            let size = 0;\n            for (let key in data) {\n                if (data.hasOwnProperty(key)) {\n                    let value = data[key];\n                    if (!(value instanceof Array)) {\n                        value = [value];\n                    }\n                    const valueLength = value.length;\n                    for (let i = 0; i < valueLength; i++) {\n                        const val = value[i];\n                        if ((typeof val === \"object\") && (val != null)) {\n                            params[size++] = arguments.callee(val, prefix + key + \".\");\n                        } else { // list\n                            params[size] = encodeURIComponent(prefix + key);\n                            if (val != null) {\n                                params[size] += \"=\" + encodeURIComponent(val);\n                            }\n                            size++;\n                        }\n                    }\n                }\n            }\n            str = params.join(\"&\");\n        }\n        return str;\n    }\n\n    static decode(str: string): any {\n        const data: any = {};\n        if (str) {\n            const params = str.split(\"&\");\n            const paramsLength = params.length;\n            for (let j = 0; j < paramsLength; j++) {\n                const parameter = params[j].split(\"=\");\n                const key = decodeURIComponent(parameter[0]);\n                if (parameter.length > 1) {\n                    const value = decodeURIComponent(parameter[1]);\n                    const path = key.split(\".\");\n                    const size = path.length;\n                    let obj = data;\n                    for (let i = 0; i < size; i++) {\n                        const property = path[i];\n                        const o = obj[property];\n                        if (i === (size - 1)) { // list\n                            if (!o) {\n                                obj[property] = value;\n                            } else if (o instanceof Array) {\n                                obj[property].push(value);\n                            } else { // create array\n                                obj[property] = [o];\n                                obj[property][1] = value;\n                            }\n                        } else {\n                            if (!o) {\n                                obj[property] = {};\n                            }\n                            obj = obj[property];\n                        }\n                    }\n                } else {\n                    data[key] = null;\n                }\n            }\n        }\n        return data;\n    }\n\n}\n\nexport class Base64 {\n\n    private static _keyStr = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\";\n\n    static encode(e: string): string {\n        let t = \"\";\n        let n: any, r: any, i: any, s: any, o: any, u: any, a: any;\n        let f = 0;\n        e = Base64._utf8_encode(e);\n        while (f < e.length) {\n            n = e.charCodeAt(f++);\n            r = e.charCodeAt(f++);\n            i = e.charCodeAt(f++);\n            s = n >> 2;\n            o = (n & 3) << 4 | r >> 4;\n            u = (r & 15) << 2 | i >> 6;\n            a = i & 63;\n            if (isNaN(r)) {\n                u = a = 64;\n            } else if (isNaN(i)) {\n                a = 64;\n            }\n            t = t + Base64._keyStr.charAt(s) + Base64._keyStr.charAt(o) + Base64._keyStr.charAt(u) + Base64._keyStr.charAt(a);\n        }\n        return t;\n    }\n\n    static decode(e: string): string {\n        let t = \"\";\n        let n: any, r: any, i: any;\n        let s: any, o: any, u: any, a: any;\n        let f = 0;\n        e = e.replace(/[^A-Za-z0-9\\+\\/\\=]/g, \"\");\n        while (f < e.length) {\n            s = this._keyStr.indexOf(e.charAt(f++));\n            o = this._keyStr.indexOf(e.charAt(f++));\n            u = this._keyStr.indexOf(e.charAt(f++));\n            a = this._keyStr.indexOf(e.charAt(f++));\n            n = s << 2 | o >> 4;\n            r = (o & 15) << 4 | u >> 2;\n            i = (u & 3) << 6 | a;\n            t = t + String.fromCharCode(n);\n            if (u !== 64) {\n                t = t + String.fromCharCode(r);\n            }\n            if (a !== 64) {\n                t = t + String.fromCharCode(i);\n            }\n        }\n        t = Base64._utf8_decode(t);\n        return t;\n    }\n\n    private static _utf8_encode(e: string): string {\n        e = e.replace(/\\r\\n/g, \"\\n\");\n        let t = \"\";\n        for (let n = 0; n < e.length; n++) {\n            const r = e.charCodeAt(n);\n            if (r < 128) {\n                t += String.fromCharCode(r);\n            } else if (r > 127 && r < 2048) {\n                t += String.fromCharCode(r >> 6 | 192);\n                t += String.fromCharCode(r & 63 | 128);\n            } else {\n                t += String.fromCharCode(r >> 12 | 224);\n                t += String.fromCharCode(r >> 6 & 63 | 128);\n                t += String.fromCharCode(r & 63 | 128);\n            }\n        }\n        return t;\n    }\n\n    private static _utf8_decode(e: string): string {\n        let t = \"\";\n        let n = 0;\n        let r = 0;\n        let c1 = 0;\n        let c2 = 0;\n        while (n < e.length) {\n            r = e.charCodeAt(n);\n            if (r < 128) {\n                t += String.fromCharCode(r);\n                n++;\n            } else if (r > 191 && r < 224) {\n                c1 = e.charCodeAt(n + 1);\n                t += String.fromCharCode((r & 31) << 6 | c1 & 63);\n                n += 2;\n            } else {\n                c1 = e.charCodeAt(n + 1);\n                c2 = e.charCodeAt(n + 2);\n                t += String.fromCharCode((r & 15) << 12 | (c1 & 63) << 6 | c2 & 63);\n                n += 3;\n            }\n        }\n        return t;\n    }\n}\n","import { UrlEncodedData, Base64 } from \"../src/encode\";\n\n\n// UrlEncodedData\nconst dataObj = {text: \"Hello World!\", num: 5, a: [1, 2, \"33\"]};\nconsole.log(dataObj);\n\nconst encodedData = UrlEncodedData.encode(dataObj);\nconsole.log(\"UrlEncodedData encode: \", encodedData,\n    encodedData === \"text=Hello%20World!&num=5&a=1&a=2&a=33\");\n\nconst decodedData = UrlEncodedData.decode(encodedData);\nconsole.log(\"UrlEncodedData decode: \", JSON.stringify(decodedData),\n    JSON.stringify(decodedData) === `{\"text\":\"Hello World!\",\"num\":\"5\",\"a\":[\"1\",\"2\",\"33\"]}`);\n\n\n// Base64\nconst dataStr = \"Hello World!\";\nconsole.log(dataStr);\n\nconst encodedString = Base64.encode(dataStr);\nconsole.log(\"Base64 encode: \", encodedString, encodedString === \"SGVsbG8gV29ybGQh\");\n\nconst decodedString = Base64.decode(encodedString);\nconsole.log(\"Base64 decode: \", decodedString, decodedString === \"Hello World!\");\n"],"names":["$161bee74d05bfaa4$export$650092b01c62e427","static","data","prefix","str","params","size","key","hasOwnProperty","value","Array","valueLength","length","i","val","arguments","callee","encodeURIComponent","join","split","paramsLength","j","parameter","decodeURIComponent","path","obj","property","o","push","$161bee74d05bfaa4$export$f436b0c2107cbd35","e","n","r","s","u","a","t","f","_utf8_encode","charCodeAt","isNaN","_keyStr","charAt","replace","this","indexOf","String","fromCharCode","_utf8_decode","c1","c2","$483fa1c38fcc1bf2$var$dataObj","text","num","console","log","$483fa1c38fcc1bf2$var$encodedData","encode","$483fa1c38fcc1bf2$var$decodedData","decode","JSON","stringify","$483fa1c38fcc1bf2$var$dataStr","$483fa1c38fcc1bf2$var$encodedString","$483fa1c38fcc1bf2$var$decodedString"],"version":3,"file":"encode_demo.f40a44eb.js.map"}

package/dist/demo/hsml-app-form-validation_demo.a9e2c583.js

@@ -0,0 +1,2 @@
+!function(){function t(t,e,n,i){Object.defineProperty(t,e,{get:n,set:i,enumerable:!0,configurable:!0})}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},n={},i={},r=e.parcelRequirede31;null==r&&((r=function(t){if(t in n)return n[t].exports;if(t in i){var e=i[t];delete i[t];var r={id:t,exports:{}};return n[t]=r,e.call(r.exports,r,r.exports),r.exports}var a=new Error("Cannot find module '"+t+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(t,e){i[t]=e},e.parcelRequirede31=r);var a=r("g7NCG"),o={};t(o,"HAppActions",(function(){return h}),(function(t){return h=t})),t(o,"HDispatchScopes",(function(){return p}),(function(t){return p=t})),t(o,"happ",(function(){return _}),(function(t){return _=t})),t(o,"HApp",(function(){return q}),(function(t){return q=t})),t(o,"happi",(function(){return y}),(function(t){return y=t})),t(o,"happel",(function(){return O}),(function(t){return O=t}));var s=r("8IJ2T"),l=function(t,e,n,i){return new(n||(n=Promise))((function(r,a){function o(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i.throw(t))}catch(t){a(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,s)}l((i=i.apply(t,e||[])).next())}))};const d=console.log,u=console.error,c=console.warn;var h,m,p,v;(m=h||(h={})).init="init",m.mount="mount",m.umount="umount",m.action="action",m.elementAttr="elementAttr",(v=p||(p={})).element="element",v.window="window";const b=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},f=window.cancelAnimationFrame||function(t){window.clearTimeout(t)},g="HApp action:",w="HApp dispatch:",j="HApp render:",x="HApp update:";function _(t,e,n,i=document.body){return new q(t,e,n,i)}function y(t,e=document.body){const n=new t;return new q(n.state,n.view,n.dispatcher,e)}function O(t,e,n,i,r){customElements.define(t,class extends HTMLElement{static get observedAttributes(){return e}connectedCallback(){this.attachShadow({mode:"open"}),this._happel.mount(this.shadowRoot)}disconnectedCallback(){this._happel.umount()}adoptedCallback(){this._happel.update()}attributeChangedCallback(t,e,n){this._happel.dispatch("elementAttr",{attrName:t,oldVal:e,newVal:n})}constructor(){super(),this._happel=new q(n,i,r),this._happel.customElement=this}})}const S="happ";class q{_dispatchAction(t,e,n,i){return l(this,void 0,void 0,(function*(){if(q.debug){d(g,{type:t,data:e,event:n});const r=performance.now();yield this._dispatch(t,e,n,i);const a=performance.now();d(w,a-r+" ms",this.state)}else yield this._dispatch(t,e,n,i)}))}_dispatch(t,e,n,i){return l(this,void 0,void 0,(function*(){try{yield this.dispatcher({type:t,data:e,event:n},this.state,this.dispatch),this.update(),"element"===i&&this._dispatchElement(t,e),"window"===i&&this._dispatchWindow(t,e)}catch(t){u(w,t)}}))}windowDispatchOn(){this._windowEventListener?c("windowEventListener olready setted"):(this._windowEventListener=t=>{const e=t.detail;this._dispatchAction(e.type,e.data)},window.addEventListener("action",this._windowEventListener))}windowDispatchOff(){this._windowEventListener&&window.removeEventListener("action",this._windowEventListener)}constructor(t,e,n,i=document.body){this.refs={},this.dispatch=(t,e,n)=>l(this,void 0,void 0,(function*(){return this._dispatchAction(t,e,void 0,n)})),this._dispatchElement=(t,e)=>l(this,void 0,void 0,(function*(){this.customElement&&T(this.customElement,"action",{type:t,data:e}),!this.customElement&&this.dom&&T(this.dom,"action",{type:t,data:e})})),this._dispatchWindow=(t,e)=>l(this,void 0,void 0,(function*(){window.dispatchEvent(new CustomEvent("action",{detail:{type:t,data:e}}))})),this.render=()=>{if(q.debug){const t=performance.now();let e;try{e=this.view(this.state)}catch(t){u(j,t)}const n=performance.now();return d(j,n-t+" ms",e),null!=e?e:[]}{let t;try{t=this.view(this.state)}catch(t){u(j,t)}return null!=t?t:[]}},this.actionCb=(t,e,n)=>{void 0===(e=(null==e?void 0:e.constructor)===Function?e(n):e)&&n&&(e=n instanceof CustomEvent?n.detail:function(t){const e=t.target;if("FORM"===e.nodeName){t.preventDefault();const n=e.elements,i={};for(let t=0;t<n.length;t++){const e=k(n[t]);if("object"==typeof e){const r=Object.keys(e);if(r.length){const a=r[0],o=e[a];void 0===i[a]?i[a]=o:"string"==typeof i[a]||i[a]instanceof String?i[a]=o instanceof Array?[i[a],...o]:[i[a],o]:i[a]instanceof Array?o instanceof Array?i[a]=i[a].concat(o):i[a].push(o):i[a]=o instanceof Array?[i[a],...o]:[i[a],o],i[a]instanceof Array&&(i[a]=i[a].filter((t=>null!==t)),"radio"===n[t].type&&(i[a]=i[a].length?i[a][0]:null))}}}return i}return k(e)}(n)),this._dispatchAction(t,e,n)},this.mount=(t=document.body)=>{var e;const n="string"==typeof t?null!==(e=document.getElementById(t))&&void 0!==e?e:document.body:null!=t?t:document.body;if(n[S]){n[S].umount()}if(!this.dom){this.dom=n,n[S]=this;D(n,this.render(),this),this._dispatchAction("mount",this.dom)}return this},this.umount=()=>{if(this.dom){this._dispatchAction("umount",this.dom),this.dom.hasAttribute(S)&&this.dom.removeAttribute(S);const t=this.dom.querySelectorAll(`[${S}]`);for(let e=0;e<t.length;e++){const n=t[e].happ;null==n||n.umount()}for(;this.dom.firstChild;)this.dom.removeChild(this.dom.firstChild);delete this.dom.happ,this.dom=void 0}return this},this.update=()=>(this.dom&&!this._updateSched&&(this._updateSched=b((()=>{if(this.dom){const t=this.render();D(this.dom,t,this)}this._updateSched=void 0}))),this),this.toHsml=()=>{if(this.dom){if(!this._updateSched)return["div",{skip:!0}];f(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push((t=>{this.dom||(this.dom=t,t.happ=this,this._dispatchAction("mount",this.dom))})),["div",t]},this.toHtml=()=>this.dom?this.dom.outerHTML:"",this.state=t(),this.view=e,this.dispatcher=null!=n?n:t=>l(this,void 0,void 0,(function*(){return d(g,t.type,t.data)})),this._dispatchAction("init",this).then((()=>this.mount(i)))}}function D(t,e,n){if(q.debug){const i=performance.now();(0,s.hsmls2idomPatch)(t,e,n);const r=performance.now();d(x,r-i+" ms",t)}else(0,s.hsmls2idomPatch)(t,e,n)}function T(t,e,n){var i,r;null==t||t.dispatchEvent(new CustomEvent(e,{detail:n})),null===(r=(i=t)[`on${e}`])||void 0===r||r.call(i,new CustomEvent(e,{detail:n}))}function k(t){let e=null;switch(t.nodeName){case"INPUT":const n=t;switch(n.type){case"text":case"hidden":case"password":case"email":case"number":case"search":case"url":case"tel":case"color":case"date":case"datetime-local":case"month":case"range":case"time":case"week":case"submit":case"button":e=n.name?{[n.name]:n.value}:n.value;break;case"radio":e=n.name?{[n.name]:n.checked?n.value:null}:n.checked?n.value:null;break;case"checkbox":e="on"===n.value?n.name?{[n.name]:n.checked}:n.checked:n.name?{[n.name]:n.checked?String(n.value):null}:n.checked?String(n.value):null}break;case"SELECT":const i=t;if(i.multiple){const t=Array.from(i.selectedOptions).map((t=>t.value));e=i.name?{[i.name]:t}:t}else e=i.name?{[i.name]:i.value}:i.value;break;case"TEXTAREA":const r=t;e=r.name?{[r.name]:r.value}:r.value;break;case"BUTTON":const a=t;e=a.name?{[a.name]:a.value}:a.value}return e}q.debug=!1;const A="required",E="not_in_range",N="invalid_format";class C{validate(t){if("string"==typeof t||null==t){const e=t;this.str=e;const n=this.strToObj(e);if(this.obj=n.obj,n.err)return this.err=n.err,{str:null!=e?e:"",obj:n.obj,err:n.err};const i=this.objCheck(n.obj);return this.err=i,{str:null!=e?e:"",obj:n.obj,err:i}}{this.str=null==t?null:""+t;const e=this.objCheck(t);return this.err=e,{str:this.str,obj:t,err:e}}}format(t,e){var n;const i=this.objToStr(t,e);return{str:null!==(n=i.str)&&void 0!==n?n:"",err:i.err}}constructor(t,e){this.str=null,this.err=null,this.obj=null,this.opts=null!=t?t:{},this.msgs=null!=e?e:{}}}function L(t,e){return Object.keys(e).map((t=>[t,e[t]])).reduce(((t,e)=>t.replace(new RegExp(`\\{\\{${e[0]}\\}\\}`,"g"),String(e[1]))),t)}class F extends C{strToObj(t){const e=this.opts,n=this.msgs;return"required"in e&&e.required&&!t?{obj:null,err:n.required?L(n.required,Object.assign(Object.assign({},e.data),{options:"options"in e?e.options.join(", "):""})):A}:{obj:void 0===t?null:t,err:""}}objCheck(t){if(null==t)return"";const e=this.opts,n=this.msgs;return"options"in e&&t&&-1===e.options.indexOf(t)?n.invalid_option?L(n.invalid_option,Object.assign(Object.assign({},e.data),{option:null===t?"":t,options:"options"in e?e.options.join(", "):""})):"invalid_option":""}objToStr(t,e){return{str:null!=t?t:"",err:""}}constructor(t,e){super(t,e)}}class H extends C{strToObj(t){var e,n,i,r;const a=this.opts,o=this.msgs;return"required"in a&&a.required&&!t?{obj:null,err:o.required?L(o.required,Object.assign(Object.assign({},a.data),{min:"min"in a?""+(null!==(e=a.min)&&void 0!==e?e:""):"",max:"max"in a?""+(null!==(n=a.max)&&void 0!==n?n:""):"",regexp:"regexp"in a?""+(null!==(i=a.regexp)&&void 0!==i?i:""):""})):A}:t?"regexp"in a&&!a.regexp.test(t)?{obj:null,err:o.invalid_format?L(o.invalid_format,Object.assign(Object.assign({},a.data),{regexp:"regexp"in a?""+(null!==(r=a.regexp)&&void 0!==r?r:""):""})):N}:{obj:t,err:""}:{obj:null,err:""}}objCheck(t){var e,n;if(null==t)return"";const i=this.opts,r=this.msgs;let a=!1;return"max"in i&&t.length>i.max&&(a=!0),"min"in i&&t.length<i.min&&(a=!0),"min"in i&&"max"in i&&t.length>i.max&&t.length<i.min&&(a=!0),a?r.not_in_range?L(r.not_in_range,Object.assign(Object.assign({},i.data),{min:"min"in i?""+(null!==(e=i.min)&&void 0!==e?e:""):"",max:"max"in i?""+(null!==(n=i.max)&&void 0!==n?n:""):""})):E:""}objToStr(t,e){return{str:null!=t?t:"",err:""}}constructor(t,e){super(t,e)}}class I extends C{strToObj(t){var e,n,i;const r=this.opts,a=this.msgs;if("required"in r&&r.required&&!t)return{obj:null,err:a.required?L(a.required,Object.assign(Object.assign({},r.data),{min:"min"in r?""+(null!==(e=r.min)&&void 0!==e?e:""):"",max:"max"in r?""+(null!==(n=r.max)&&void 0!==n?n:""):""})):A};if(t){const e=Number(t);let n=!1;if(isNaN(e)&&(n=!0),r.strict&&t!==this.objToStr(e).str&&(n=!0),n){const t=isNaN(e)?1234.45:e;return{obj:isNaN(e)?null:e,err:a.invalid_format?L(a.invalid_format,Object.assign(Object.assign({},r.data),{num:null!==(i=this.objToStr(t).str)&&void 0!==i?i:""})):N}}return{obj:e,err:""}}return{obj:null,err:""}}objCheck(t){var e,n;if(null==t)return"";const i=this.opts,r=this.msgs;let a=!1;return"max"in i&&t>i.max&&(a=!0),"min"in i&&t<i.min&&(a=!0),a?r.not_in_range?L(r.not_in_range,Object.assign(Object.assign({},i.data),{min:"min"in i?""+(null!==(e=i.min)&&void 0!==e?e:""):"",max:"max"in i?""+(null!==(n=i.max)&&void 0!==n?n:""):""})):E:""}objToStr(t,e){let n;return n=null==t?"":"decimals"in this.opts?t.toFixed(this.opts.decimals):String(t),{str:n,err:""}}constructor(t,e){super(t,e)}}const R=t=>t.toLocaleString(),M=t=>t.toLocaleDateString(),V=t=>t.toISOString(),P=t=>new Date(t.toDateString()).toISOString();class U extends C{strToObj(t){var e;const n=this.opts,i=this.msgs;if("required"in n&&n.required&&!t)return{obj:null,err:i.required?L(i.required,Object.assign(Object.assign({},n.data),{min:"min"in n&&n.min?this.dateToStr(n.min):"",max:"max"in n&&n.max?this.dateToStr(n.max):""})):A};if(t){const r=Date.parse(t);let a=new Date(r);n.dateOnly&&(a=new Date(a.getFullYear(),a.getMonth(),a.getDate()));let o=!1;if(isNaN(r)&&(o=!0),o){const t=isNaN(r)?new Date:a;return{obj:isNaN(r)?null:a,err:i.invalid_format?L(i.invalid_format,Object.assign(Object.assign({},n.data),{date:null!==(e=this.objToStr(t).str)&&void 0!==e?e:""})):N}}return{obj:a,err:""}}return{obj:null,err:""}}objCheck(t){if(null==t)return"";const e=this.opts,n=this.msgs;let i=!1;return"max"in e&&e.max&&t.getTime()>e.max.getTime()&&(i=!0),"min"in e&&e.min&&t<e.min&&(i=!0),i?n.not_in_range?L(n.not_in_range,Object.assign(Object.assign({},e.data),{min:"min"in e&&e.min?this.dateToStr(e.min):"",max:"max"in e&&e.max?this.dateToStr(e.max):""})):E:""}objToStr(t,e){return{str:null==t?"":this.dateToStr(t),err:""}}constructor(t,e){super(t,e),(null==t?void 0:t.iso)?this.dateToStr=(null==t?void 0:t.dateOnly)?P:V:this.dateToStr=(null==t?void 0:t.dateOnly)?M:R,(null==t?void 0:t.dateOnly)&&(null==t?void 0:t.min)&&(t.min=new Date(t.min.getFullYear(),t.min.getMonth(),t.min.getDate())),(null==t?void 0:t.dateOnly)&&(null==t?void 0:t.max)&&(t.max=new Date(t.max.getFullYear(),t.max.getMonth(),t.max.getDate()+1))}}class Y extends C{strToObj(t){const e=this.opts,n=this.msgs;if("required"in e&&e.required&&!t)return{obj:null,err:n.required?L(n.required,Object.assign({},e.data)):A};let i;switch(t){case"true":case"1":case"on":case"yes":i=!0;break;default:i=!1}return{obj:i,err:""}}objCheck(t){var e;if(null==t)return"";const n=this.opts,i=this.msgs;let r=!1;return"value"in n&&t!==n.value&&(r=!0),r?i.invalid_value?L(i.invalid_value,Object.assign(Object.assign({},n.data),{value:"value"in n?""+(null!==(e=n.value)&&void 0!==e?e:""):""})):"invalid_value":""}objToStr(t,e){return{str:null==t?"":""+t,err:""}}constructor(t,e){super(t,e)}}class ${addValidator(t,e){return this.validators[t]=e,this}validate(t){const e=Object.keys(this.validators).reduce(((e,n)=>{const i=t[n],r=this.validators[n].validate(i);return e.str[n]=r.str,e.obj[n]=r.obj,e.err[n]=r.err,r.err&&(e.valid=!1),e}),{str:{},obj:{},err:{},valid:!0});return this.str=e.str,this.obj=e.obj,this.err=e.err,this.valid=e.valid,this}format(t){const e=Object.keys(this.validators).reduce(((e,n)=>{const i=t[n],r=this.validators[n].format(i);return e.str[n]=r.str,e.obj[n]=i,e.err[n]=r.err,r.err&&(e.valid=!1),e}),{str:{},obj:{},err:{},valid:!0});return this.str=e.str,this.obj=e.obj,this.err=e.err,this.valid=e.valid,this}data(){return{str:this.str,obj:this.obj,err:this.err,valid:this.valid}}constructor(){this.validators={}}}var B=function(t,e,n,i){return new(n||(n=Promise))((function(r,a){function o(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i.throw(t))}catch(t){a(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,s)}l((i=i.apply(t,e||[])).next())}))};var J,W;(W=J||(J={})).change="form-validation-change",W.submit="form-validation-submit";let z;function G(t){if(!t)return"";if(0===-t.getTimezoneOffset())return t.toISOString();{const e=function(t,e=2){return String(t).padStart(e,"0")};return t.getFullYear()+"-"+e(t.getMonth()+1)+"-"+e(t.getDate())+"T"+e(t.getHours())+":"+e(t.getMinutes())}}(0,o.happ)((function(){return{title:"Form Validation",data:{name:"Ema",born:new Date,children:0,married:!1,gender:"female",sport:"gymnastics"},genders:[{label:"Male",value:"male"},{label:"Female",value:"female"}],sports:["football","gymnastics"]}}),(function(t){return[["div.w3-content",[["h1",t.title],["form.w3-container",{on:[["change",J.change],["submit",J.submit]]},[["p",[["label",["Name",["input.w3-input",{type:"text",name:"name",value:t.validatorData.str.name,on:["input",J.change]}]]]]],["p.w3-text-red",[t.validatorData.err.name]],["p",[["label",["Born",["input.w3-input",{type:"datetime-local",name:"born",value:G(t.validatorData.obj.born)}]]]]],["p.w3-text-red",[t.validatorData.err.born]],["p",[["label",["Children",["input.w3-input",{type:"number",name:"children",value:t.validatorData.str.children}]]]]],["p.w3-text-red",[t.validatorData.err.children]],["p",[["label",[["input.w3-check",{type:"checkbox",name:"married",checked:t.validatorData.obj.married}]," Married"]]]],["p.w3-text-red",[t.validatorData.err.married]],["p",(0,a.hjoin)(t.genders.map((e=>["label",[["input.w3-radio",{type:"radio",name:"gender",value:e.value,checked:t.validatorData.obj.gender===e.value}]," ",e.label]])),["br"])],["p.w3-text-red",[t.validatorData.err.gender]],["p",[["select.w3-select",{name:"sport"},[["option",{value:"",disabled:!0,selected:!0},"Sport"],...t.sports.map((e=>["option",{value:e,selected:e===t.validatorData.obj.sport},e]))]]]],["p.w3-text-red",t.validatorData.err.sport],["button.w3-btn.w3-blue","Submit"]]]]]]}),(function(t,e){return B(this,void 0,void 0,(function*(){switch(console.log("action",t),t.type){case o.HAppActions.init:n=e,z=(new $).addValidator("name",new H({required:!0,min:3,max:5},{required:"Required {{min}} - {{max}} {{regexp}}",invalid_format:"Invalid format {{regexp}}",not_in_range:"Not in range {{min}} - {{max}}"})).addValidator("born",new U({required:!0,max:new Date,dateOnly:!1,iso:!0},{required:"Required {{min}} - {{max}}",invalid_format:"Invalid format {{date}}",not_in_range:"Not in range {{min}} - {{max}}"})).addValidator("children",new I({required:!0,min:0,max:10},{required:"Required {{min}} - {{max}}",invalid_format:"Invalid format, use format {{num}}",not_in_range:"Not in range {{min}} - {{max}}"})).addValidator("gender",new F({required:!0,options:n.genders.map((t=>t.value))},{required:"Required {{options}}",invalid_option:"Invalod option {{option}} {{options}}"})).addValidator("married",new Y({required:!0},{required:"Required",invalid_value:"Invalid value {{value}}"})).addValidator("sport",new F({required:!0,options:n.sports},{required:"Required {{options}}",invalid_option:"Invalod option {{option}} {{options}}"})).format(n.data),e.validatorData=z.data();break;case J.change:z.validate(Object.assign(Object.assign({},e.validatorData.str),t.data)),e.validatorData=z.data(),console.log("obj:",JSON.stringify(e.validatorData,null,4));break;case J.submit:if(t.event.preventDefault(),z.validate(t.data),e.validatorData=z.data(),e.validatorData=z.data(),z.valid){console.log(z),e.data=z.obj;const t=JSON.stringify(e.data,null,4);console.dir(t),alert(`Form submit: \n${t}`)}}var n}))}))}();
+//# sourceMappingURL=hsml-app-form-validation_demo.a9e2c583.js.map

package/dist/demo/hsml-app-form-validation_demo.a9e2c583.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/hsml-app.ts","src/validators.ts","demo/hsml-app-form-validation_demo.ts"],"sourcesContent":["import { HAttrOnData, HAttrOnDataFnc, HElement, HElements, HHandlerCtx } from \"./hsml\";\nimport { hsmls2idomPatch } from \"./hsml-idom\";\n\nconst log = console.log;\nconst error = console.error;\nconst warn = console.warn;\n\nexport type HState<State> = () => State;\n\nexport type HView<State, HActionType extends string> = (\n    state: State\n) => HElements<HActionType>;\n\nexport type HView1<State, HActionType extends string> = (\n    state: State\n) => HElement<HActionType>;\n\nexport type HAppActionType =\n    | \"init\"\n    | \"mount\"\n    | \"umount\"\n    | \"action\"\n    | \"elementAttr\";\n\nexport enum HAppActions {\n    init = \"init\",\n    mount = \"mount\",\n    umount = \"umount\",\n    action = \"action\",\n    elementAttr = \"elementAttr\"\n}\n\nexport interface HAction<HActionType extends string> {\n    type: HActionType | HAppActionType | HAppActions;\n    data?: any;\n    event?: Event;\n}\n\nexport type HDispatchScope =\n    | \"element\"\n    | \"window\";\n\nexport enum HDispatchScopes {\n    element = \"element\",\n    window = \"window\"\n}\n\nexport type HDispatch<HActionType extends string> = (\n    type: HAction<HActionType>[\"type\"],\n    data?: HAction<HActionType>[\"data\"],\n    scope?: HDispatchScope | HDispatchScopes\n) => Promise<void>;\n\nexport type HDispatcher<State, HActionType extends string> = (\n    // this: HApp<State, HActionType>,\n    action: HAction<HActionType>,\n    state: State,\n    dispatch: HDispatch<HActionType>\n) => Promise<void>;\n\nconst schedule = window.requestAnimationFrame ||\n    // window.webkitRequestAnimationFrame ||\n    // (window as any).mozRequestAnimationFrame ||\n    // (window as any).oRequestAnimationFrame ||\n    // (window as any).msRequestAnimationFrame ||\n    function (callback: Function) { window.setTimeout(callback, 1000 / 60); };\n\nconst unschedule = window.cancelAnimationFrame ||\n    // window.webkitCancelAnimationFrame ||\n    // (window as any).mozCancelAnimationFrame ||\n    // (window as any).oCancelAnimationFrame ||\n    // (window as any).msCancelAnimationFrame ||\n    function (handle: number) { window.clearTimeout(handle); };\n\nconst msgAction = \"HApp action:\";\nconst msgDispatch = \"HApp dispatch:\";\nconst msgRender = \"HApp render:\";\nconst msgUpdate = \"HApp update:\";\n\nexport function happ<State, HActionType extends string>(\n    state: HState<State>,\n    view: HView<State, HActionType>,\n    dispatcher: HDispatcher<State, HActionType>,\n    element: Element | string | null = document.body\n) {\n    return new HApp<State, HActionType>(state, view, dispatcher, element);\n}\n\n// HAppI\n\nexport type Class<T = object> = new (...args: any[]) => T;\n\nexport interface HAppI<State, HActionType extends string> {\n    state(): State;\n    view(state: State): HElements<HActionType>;\n    dispatcher(\n        // this: HApp<State, HActionType>,\n        action: HAction<HActionType>,\n        state: State,\n        dispatch: HDispatch<HActionType>\n    ): Promise<void>;\n}\n\nexport function happi<State, HActionType extends string>(\n    hAppI: Class<HAppI<State, HActionType>>,\n    element: Element | string | null = document.body\n) {\n    const hapi = new hAppI();\n    return new HApp<State, HActionType>(\n        hapi.state,\n        hapi.view,\n        hapi.dispatcher,\n        element\n    );\n}\n\n// HAppEl\n\nexport function happel<State, HActionType extends string>(\n    elementName: string,\n    elementAttrs: string[],\n    state: HState<State>,\n    view: HView<State, HActionType>,\n    dispatcher: HDispatcher<State, HActionType>\n): void {\n    customElements.define(\n        elementName,\n        class HAppElement extends HTMLElement {\n            static get observedAttributes() {\n                return elementAttrs;\n            }\n\n            private _happel: HApp<State, HActionType>;\n\n            constructor() {\n                super();\n                this._happel = new HApp<State, HActionType>(\n                    state,\n                    view,\n                    dispatcher\n                );\n                (this._happel as any).customElement = this;\n            }\n\n            connectedCallback() {\n                // this._happel.mount(this);\n                this.attachShadow({ mode: \"open\" });\n                this._happel.mount(this.shadowRoot as any);\n            }\n\n            disconnectedCallback() {\n                this._happel.umount();\n            }\n\n            adoptedCallback() {\n                this._happel.update();\n            }\n\n            attributeChangedCallback(\n                attrName: string,\n                oldVal: string | null,\n                newVal: string | null\n            ) {\n                this._happel.dispatch(\"elementAttr\", {\n                    attrName,\n                    oldVal,\n                    newVal,\n                });\n            }\n        }\n    );\n}\n\nconst HAPP = \"happ\";\n\nexport class HApp<State, HActionType extends string> implements HHandlerCtx<HActionType> {\n    static debug = false;\n\n    readonly state: State;\n    readonly view: HView<State, HActionType>;\n    readonly dispatcher: HDispatcher<State, HActionType>;\n\n    readonly customElement?: HTMLElement; // happ custom html element\n\n    readonly dom?: HTMLElement;\n    readonly refs: { [key: string]: HTMLElement } = {};\n\n    private _updateSched?: number;\n\n    // private _onDispatch?: HDispatcher<State>;\n\n    private _windowEventListener?: (event: Event) => void;\n\n    constructor(\n        state: HState<State>,\n        view: HView<State, HActionType>,\n        dispatcher?: HDispatcher<State, HActionType>,\n        element: Element | string | null = document.body\n    ) {\n        this.state = state();\n        this.view = view;\n        this.dispatcher = dispatcher ?? (async (a) => log(msgAction, a.type, a.data));\n        this._dispatchAction(\"init\", this).then(() => this.mount(element));\n    }\n\n    dispatch: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any,\n        scope?: HDispatchScope\n    ): Promise<void> => {\n        return this._dispatchAction(type, data, undefined, scope);\n    }\n\n    // onDispatch = (dispatcher: HDispatcher<State>): this => {\n    //     this._onDispatch = dispatcher;\n    //     return this;\n    // }\n\n    private async _dispatchAction(\n        type: HActionType | HAppActionType,\n        data?: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ): Promise<void> {\n        if (HApp.debug) {\n            log(msgAction, { type, data, event });\n            const t0 = performance.now();\n            await this._dispatch(type, data, event, scope);\n            const t1 = performance.now();\n            log(msgDispatch, `${t1 - t0} ms`, this.state);\n        } else {\n            await this._dispatch(type, data, event, scope);\n        }\n    }\n\n    private async _dispatch(\n        type: HActionType | HAppActionType,\n        data: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ) {\n        try {\n            await this.dispatcher(\n                { type: type as HActionType, data, event },\n                this.state,\n                this.dispatch\n            );\n            this.update();\n            scope === \"element\" && this._dispatchElement(type, data);\n            scope === \"window\" && this._dispatchWindow(type, data);\n        } catch (e) {\n            error(msgDispatch, e);\n        }\n    }\n\n    private _dispatchElement: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any\n    ): Promise<void> => {\n        this.customElement && elementDispatchCustomEvent(this.customElement, \"action\", { type, data });\n        !this.customElement && this.dom && elementDispatchCustomEvent(this.dom, \"action\", { type, data });\n        // this.customElement && elementDispatchCustomEvent(this.customElement, type, data);\n        // !this.customElement && this.dom && elementDispatchCustomEvent(this.dom, type, data);\n        // this._onDispatch?.({ type, data, event }, this.state, this.dispatch);\n    }\n\n    private _dispatchWindow: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any): Promise<void> => {\n        window.dispatchEvent(new CustomEvent(\"action\", { detail: { type, data } }));\n    }\n\n    windowDispatchOn() {\n        if (!this._windowEventListener) {\n            this._windowEventListener = (event: Event) => {\n                const action = (event as CustomEvent).detail as HAction<HActionType>;\n                this._dispatchAction(action.type, action.data);\n            };\n            window.addEventListener(\"action\", this._windowEventListener);\n        } else {\n            warn(\"windowEventListener olready setted\");\n        }\n    }\n\n    windowDispatchOff() {\n        if (this._windowEventListener) {\n            window.removeEventListener(\"action\", this._windowEventListener);\n        }\n    }\n\n    render = (): HElements<HActionType> => {\n        if (HApp.debug) {\n            const t0 = performance.now();\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(msgRender, e);\n            }\n            const t1 = performance.now();\n            log(msgRender, `${t1 - t0} ms`, hsmls);\n            return hsmls ?? [];\n        } else {\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(msgRender, e);\n            }\n            return hsmls ?? [];\n        }\n    }\n\n    actionCb = (actionType: HActionType, data: HAttrOnData, event: Event): void => {\n        data = (data?.constructor === Function)\n            ? (data as HAttrOnDataFnc)(event)\n            : data;\n        if (data === undefined && event) {\n            if (event instanceof CustomEvent) {\n                data = event.detail;\n            } else {\n                data = formData(event);\n            }\n        }\n        this._dispatchAction(actionType, data, event);\n    }\n\n    mount = (e: Element | string | null = document.body): this => {\n        const el = (typeof e === \"string\")\n            ? document.getElementById(e) ?? document.body\n            : e ?? document.body;\n        if ((el as any)[HAPP]) {\n            const a = (el as any)[HAPP] as HApp<State, HActionType>;\n            a.umount();\n        }\n        if (!this.dom) {\n            (this as any).dom = el;\n            (el as any)[HAPP] = this;\n            const hsmls = (this as any).render();\n            updateDom<HActionType>(el, hsmls, this);\n            this._dispatchAction(\"mount\", this.dom);\n        }\n        return this;\n    }\n\n    umount = (): this => {\n        if (this.dom) {\n            this._dispatchAction(\"umount\", this.dom);\n            if (this.dom.hasAttribute(HAPP)) {\n                this.dom.removeAttribute(HAPP);\n            }\n            const aNodes = this.dom.querySelectorAll(`[${HAPP}]`);\n            for (let i = 0; i < aNodes.length; i++) {\n                const a = (aNodes[i] as any).happ as HApp<State, HActionType>;\n                a?.umount();\n            }\n            while (this.dom.firstChild /*.hasChildNodes()*/) {\n                this.dom.removeChild(this.dom.firstChild);\n            }\n            delete (this.dom as any).happ;\n            (this as any).dom = undefined;\n        }\n        return this;\n    }\n\n    update = (): this => {\n        if (this.dom && !this._updateSched) {\n            this._updateSched = schedule(() => {\n                if (this.dom) {\n                    const hsmls = this.render();\n                    updateDom<HActionType>(this.dom, hsmls, this);\n                }\n                this._updateSched = undefined;\n            });\n        }\n        return this;\n    }\n\n    toHsml = (): HElement<HActionType> => {\n        if (this.dom) {\n            if (this._updateSched) {\n                unschedule(this._updateSched);\n                this._updateSched = undefined;\n            } else {\n                return [\"div\", { skip: true }];\n            }\n        }\n        const hsmls = this.render();\n        hsmls.push(\n            (e: Element) => {\n                if (!this.dom) {\n                    (this as any).dom = e;\n                    (e as any).happ = this;\n                    this._dispatchAction(\"mount\", this.dom);\n                }\n            });\n        return [\"div\", hsmls];\n    }\n\n    toHtml = (): string => {\n        return this.dom ? this.dom.outerHTML : \"\";\n    }\n\n}\n\nfunction updateDom<HActionType extends string>(\n    el: Element,\n    hsml: HElements<HActionType>,\n    ctx: HHandlerCtx<HActionType>\n): void {\n    if (HApp.debug) {\n        const t0 = performance.now();\n        hsmls2idomPatch(el, hsml, ctx);\n        const t1 = performance.now();\n        log(msgUpdate, `${t1 - t0} ms`, el);\n    } else {\n        hsmls2idomPatch(el, hsml, ctx);\n    }\n}\n\nfunction elementDispatchCustomEvent<HActionType extends string>(\n    el: HTMLElement,\n    type: HActionType,\n    data: any\n) {\n    el?.dispatchEvent(new CustomEvent(type, { detail: data }));\n    (el as any)[`on${type}`]?.(new CustomEvent(type, { detail: data }));\n}\n\nfunction formData(e: Event): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    const el = e.target as HTMLElement;\n    switch (el.nodeName) {\n        case \"FORM\":\n            (e as Event).preventDefault();\n            const els = (el as HTMLFormElement).elements;\n            const data = {} as { [k: string]: string | null | Array<string | null> };\n            for (let i = 0; i < els.length; i++) {\n                const d = formInputData(els[i]);\n                if (typeof d === \"object\") {\n                    const names = Object.keys(d as object);\n                    if (names.length) {\n                        const name = names[0];\n                        const value = (d as any)[name];\n                        if (data[name] === undefined) {\n                            data[name] = value;\n                        } else if (typeof data[name] === \"string\" || data[name] instanceof String) {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value as string];\n                            }\n                        } else if (data[name] instanceof Array) {\n                            if (value instanceof Array) {\n                                data[name] = (data[name] as Array<string | null>).concat(value);\n                            } else {\n                                (data[name] as Array<string | null>).push(value);\n                            }\n                        } else {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value];\n                            }\n                        }\n                        if (data[name] instanceof Array) {\n                            data[name] = (data[name] as Array<string | null>)\n                                .filter(d => d !== null);\n                            if ((els[i] as HTMLInputElement).type === \"radio\") {\n                                data[name] = (data[name] as Array<string | null>).length\n                                    ? (data[name] as Array<string | null>)[0]\n                                    : null;\n                            }\n                        }\n                    }\n                }\n            }\n            return data;\n        default:\n            return formInputData(el);\n    }\n}\n\nfunction formInputData(el: Element): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    let data: { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> = null;\n    switch (el.nodeName) {\n        case \"INPUT\":\n            const iel = el as HTMLInputElement;\n            switch (iel.type) {\n                case \"text\":\n                case \"hidden\":\n                case \"password\":\n                case \"email\":\n                case \"number\":\n                case \"search\":\n                case \"url\":\n                case \"tel\":\n                case \"color\":\n                case \"date\":\n                case \"datetime-local\":\n                case \"month\":\n                case \"range\":\n                case \"time\":\n                case \"week\":\n                case \"submit\":\n                case \"button\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.value };\n                    } else {\n                        data = iel.value;\n                    }\n                    break;\n                case \"radio\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.checked ? iel.value : null };\n                    } else {\n                        data = iel.checked ? iel.value : null;\n                    }\n                    break;\n                case \"checkbox\":\n                    if (iel.value === \"on\") { // value not set in element\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked };\n                        } else {\n                            data = iel.checked;\n                        }\n                    } else {\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked\n                                ? String(iel.value)\n                                : null };\n                        } else {\n                            data = iel.checked\n                                ? String(iel.value)\n                                : null;\n                        }\n                    }\n                    break;\n            }\n            break;\n        case \"SELECT\":\n            const sel = el as HTMLSelectElement;\n            if (sel.multiple) {\n                const values = Array.from(sel.selectedOptions).map(o => o.value);\n                if (sel.name) {\n                    data = { [sel.name]: values };\n                } else {\n                    data = values;\n                }\n            } else {\n                if (sel.name) {\n                    data = { [sel.name]: sel.value };\n                } else {\n                    data = sel.value;\n                }\n            }\n            break;\n        case \"TEXTAREA\":\n            const tel = el as HTMLTextAreaElement;\n            if (tel.name) {\n                data = { [tel.name]: tel.value };\n            } else {\n                data = tel.value;\n            }\n            break;\n        case \"BUTTON\":\n            const bel = el as HTMLButtonElement;\n            if (bel.name) {\n                data = { [bel.name]: bel.value };\n            } else {\n                data = bel.value;\n            }\n            break;\n    }\n    return data;\n}\n","const requiredMsg = \"required\";\nconst notInRangeMsg = \"not_in_range\";\nconst invalidFormatMsg = \"invalid_format\";\nconst invalidOptionMsg = \"invalid_option\";\nconst invalidValueMsg = \"invalid_value\";\n\n// name@doamin.net\nexport const emailRegex = /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;\n\n// +421901123456 or +421 901 123 456 or +421-901-123-456 or 901123456 or 901 123 456 or 901-123-456\nexport const phoneRgex = /^(((00)([- ]?)|\\+)(\\d{1,3})([- ]?))?((\\d{3})([- ]?))((\\d{3})([- ]?))(\\d{3})$/;\n\n// 123 45 or 12345\nexport const pscRgex = /^\\d{3} ?\\d{2}$/;\n\n// 450115/8346\nexport const rodneCisloRgex = /^\\s*(\\d\\d)(\\d\\d)(\\d\\d)[ /]*(\\d\\d\\d)(\\d?)\\s*$/;\n\nexport abstract class Validator<TYPE, OPTS, MSGS> {\n\n    readonly opts: OPTS;\n    readonly msgs: MSGS;\n\n    readonly str: string | null = null;\n    readonly err: string | null = null;\n    readonly obj: TYPE | null = null;\n\n    constructor(opts?: OPTS, msgs?: MSGS) {\n        this.opts = opts ?? {} as OPTS;\n        this.msgs = msgs ?? {} as MSGS;\n    }\n\n    protected abstract strToObj(str?: string | null): { obj: TYPE | null, err: string };\n\n    protected abstract objCheck(obj?: TYPE | null): string;\n\n    protected abstract objToStr(obj?: TYPE | null,\n                                format?: string): { str: string, err: string };\n\n    validate(value?: string | TYPE): { str?: string | null, obj?: TYPE | null, err: string } {\n        if (typeof value === \"string\" || value === undefined || value === null) {\n            const v = value as string | null | undefined;\n            (this.str as any) = v;\n            const sto = this.strToObj(v);\n            (this.obj as any) = sto.obj;\n            if (sto.err) {\n                (this.err as any) = sto.err;\n                return {\n                    str: v ?? \"\",\n                    obj: sto.obj,\n                    err: sto.err\n                };\n            }\n            const err = this.objCheck(sto.obj);\n            (this.err as any) = err;\n            return {\n                str: v ?? \"\",\n                obj: sto.obj,\n                err\n            };\n        } else {\n            (this.str as any) = (value === undefined || value === null) ? null : (\"\" + value);\n            const err = this.objCheck(value);\n            (this.err as any) = err;\n            return {\n                str: this.str,\n                obj: value,\n                err\n            };\n        }\n    }\n\n    format(obj?: TYPE | null, format?: string): { str: string, err: string } {\n        // const err = this.objCheck(obj);\n        const ots = this.objToStr(obj, format);\n        return {\n            str: ots.str ?? \"\",\n            // err: ots.err ? ots.err : err\n            err: ots.err\n        };\n    }\n\n}\n\nexport function tpl(tmpl: string, data: { [k: string]: any }): string {\n    return Object.keys(data)\n        .map(k => [k, data[k]])\n        .reduce((t, d) =>\n            t.replace(new RegExp(`\\\\{\\\\{${d[0]}\\\\}\\\\}`, \"g\"), String(d[1])), tmpl);\n}\n\nexport interface ValidatorDataOpts {\n    data?: { [key: string]: any };\n}\n\nexport interface SelectValidatorOpts extends ValidatorDataOpts {\n    required?: boolean;\n    options?: string[];\n}\n\nexport interface SelectValidatorMsgs {\n    required?: string;\n    invalid_option?: string;\n}\n\nexport class SelectValidator\n    extends Validator<string, SelectValidatorOpts, SelectValidatorMsgs> {\n\n    constructor(opts?: SelectValidatorOpts, msgs?: SelectValidatorMsgs) {\n        super(opts, msgs);\n    }\n\n    protected strToObj(str?: string | null): { obj: string | null, err: string } {\n        const opts = this.opts;\n        const msgs = this.msgs;\n        if (\"required\" in opts) {\n            if (opts.required && !str) {\n                return {\n                    obj: null,\n                    err: msgs.required\n                        ? tpl(msgs.required,\n                            {\n                                ...opts.data,\n                                options: (\"options\" in opts)\n                                    ? opts.options!.join(\", \")\n                                    : \"\"\n                            })\n                        : requiredMsg\n                };\n            }\n        }\n        return {\n            obj: str === undefined ? null : str,\n            err: \"\"\n        };\n    }\n\n    protected objCheck(obj?: string | null): string {\n        if (obj === undefined || obj === null) {\n            return \"\";\n        }\n        const opts = this.opts;\n        const msgs = this.msgs;\n        if (\"options\" in opts) {\n            if (obj && opts.options!.indexOf(obj) === -1) {\n                return msgs.invalid_option\n                    ? tpl(msgs.invalid_option,\n                        {\n                            ...opts.data,\n                            option: obj === null ? \"\" : obj,\n                            options: (\"options\" in opts)\n                                ? opts.options!.join(\", \")\n                                : \"\"\n                        })\n                    : invalidOptionMsg;\n            }\n        }\n        return \"\";\n    }\n\n    protected objToStr(obj?: string | null,\n                       format?: string): { str: string, err: string } {\n        return { str: obj ?? \"\", err: \"\" };\n    }\n\n}\n\nexport interface StringValidatorOpts extends ValidatorDataOpts {\n    required?: boolean;\n    min?: number;\n    max?: number;\n    regexp?: RegExp;\n}\n\nexport interface StringValidatorMsgs {\n    required?: string;\n    invalid_format?: string;\n    not_in_range?: string;\n}\n\nexport class StringValidator\n    extends Validator<string, StringValidatorOpts, StringValidatorMsgs> {\n\n    constructor(opts?: StringValidatorOpts, msgs?: StringValidatorMsgs) {\n        super(opts, msgs);\n    }\n\n    protected strToObj(str?: string | null): { obj: string | null, err: string } {\n        const opts = this.opts;\n        const msgs = this.msgs;\n        if (\"required\" in opts) {\n            if (opts.required && !str) {\n                return {\n                    obj: null,\n                    err: msgs.required\n                        ? tpl(msgs.required,\n                            {\n                                ...opts.data,\n                                min: (\"min\" in opts) ? (\"\" + (opts.min ?? \"\")) : \"\",\n                                max: (\"max\" in opts) ? (\"\" + (opts.max ?? \"\")) : \"\",\n                                regexp: (\"regexp\" in opts)\n                                    ? (\"\" + (opts.regexp ?? \"\"))\n                                    : \"\"\n                            })\n                        : requiredMsg\n                };\n            }\n        }\n        if (str) {\n            if (\"regexp\" in opts) {\n                if (!opts.regexp!.test(str)) {\n                    return {\n                        obj: null,\n                        err: msgs.invalid_format\n                            ? tpl(msgs.invalid_format,\n                                {\n                                    ...opts.data,\n                                    regexp: (\"regexp\" in opts)\n                                        ? (\"\" + (opts.regexp ?? \"\"))\n                                        : \"\"\n                                })\n                            : invalidFormatMsg\n                    };\n                }\n            }\n            return { obj: str , err: \"\" };\n        } else {\n            return { obj: null, err: \"\" };\n        }\n    }\n\n    protected objCheck(obj?: string | null): string {\n        if (obj === undefined || obj === null) {\n            return \"\";\n        }\n        const opts = this.opts;\n        const msgs = this.msgs;\n        let err: boolean = false;\n        if (\"max\" in opts) {\n            if (obj.length > opts.max!) {\n                err = true;\n            }\n        }\n        if (\"min\" in opts) {\n            if (obj.length < opts.min!) {\n                err = true;\n            }\n        }\n        if ((\"min\" in opts) && (\"max\" in opts)) {\n            if (obj.length > opts.max! && obj.length < opts.min!) {\n                err = true;\n            }\n        }\n        if (err) {\n            return msgs.not_in_range\n                ? tpl(msgs.not_in_range,\n                    {\n                        ...opts.data,\n                        min: (\"min\" in opts) ? (\"\" + (opts.min ?? \"\")) : \"\",\n                        max: (\"max\" in opts) ? (\"\" + (opts.max ?? \"\")) : \"\",\n                    })\n                : notInRangeMsg;\n        }\n        return \"\";\n    }\n\n    protected objToStr(obj?: string | null,\n                       format?: string): { str: string, err: string } {\n        return { str: obj ?? \"\", err: \"\" };\n    }\n\n}\n\nexport interface NumberValidatorOpts extends ValidatorDataOpts {\n    required?: boolean;\n    min?: number;\n    max?: number;\n    strict?: boolean;\n    decimals?: number;\n}\n\nexport interface NumberValidatorMsgs {\n    required?: string;\n    invalid_format?: string;\n    not_in_range?: string;\n}\n\nexport class NumberValidator\n    extends Validator<number, NumberValidatorOpts, NumberValidatorMsgs> {\n\n    constructor(opts?: NumberValidatorOpts, msgs?: NumberValidatorMsgs) {\n        super(opts, msgs);\n    }\n\n    protected strToObj(str?: string | null): { obj: number | null, err: string } {\n        const opts = this.opts;\n        const msgs = this.msgs;\n        if (\"required\" in opts) {\n            if (opts.required && !str) {\n                return {\n                    obj: null,\n                    err: msgs.required\n                        ? tpl(msgs.required,\n                            {\n                                ...opts.data,\n                                min: (\"min\" in opts) ? (\"\" + (opts.min ?? \"\")) : \"\",\n                                max: (\"max\" in opts) ? (\"\" + (opts.max ?? \"\")) : \"\",\n                            })\n                        : requiredMsg\n                };\n            }\n        }\n        if (str) {\n            const n = Number(str);\n            let err: boolean = false;\n            if (isNaN(n)) {\n                err = true;\n            }\n            if (opts.strict && (str !== this.objToStr(n).str)) {\n                err = true;\n            }\n            if (err) {\n                const num = isNaN(n) ? 1234.45 : n;\n                return {\n                    obj: isNaN(n) ? null : n,\n                    err: msgs.invalid_format\n                        ? tpl(msgs.invalid_format,\n                            {\n                                ...opts.data,\n                                num: this.objToStr(num).str ?? \"\"\n                            })\n                        : invalidFormatMsg\n                };\n            }\n            return { obj: n, err: \"\" };\n        } else {\n            return { obj: null, err: \"\" };\n        }\n    }\n\n    protected objCheck(obj?: number | null): string {\n        if (obj === undefined || obj === null) {\n            return \"\";\n        }\n        const opts = this.opts;\n        const msgs = this.msgs;\n        let err: boolean = false;\n        if (\"max\" in opts) {\n            if (obj > opts.max!) {\n                err = true;\n            }\n        }\n        if (\"min\" in opts) {\n            if (obj < opts.min!) {\n                err = true;\n            }\n        }\n        if (err) {\n            return msgs.not_in_range\n                ? tpl(msgs.not_in_range,\n                    {\n                        ...opts.data,\n                        min: (\"min\" in opts) ? (\"\" + (opts.min ?? \"\")) : \"\",\n                        max: (\"max\" in opts) ? (\"\" + (opts.max ?? \"\")) : \"\",\n                    })\n                : notInRangeMsg;\n        }\n        return \"\";\n    }\n\n    protected objToStr(obj?: number | null,\n                       format?: string): { str: string, err: string } {\n        let str;\n        if (obj === undefined || obj === null) {\n            str = \"\";\n        } else {\n            if (\"decimals\" in this.opts) {\n                str = obj.toFixed(this.opts.decimals);\n            } else {\n                str = String(obj);\n            }\n        }\n        return {\n            str,\n            err: \"\"\n        };\n    }\n\n}\n\nexport interface DateValidatorOpts extends ValidatorDataOpts {\n    required?: boolean;\n    min?: Date;\n    max?: Date;\n    dateOnly?: boolean;\n    iso?: boolean;\n    // strict?: boolean;\n\n}\n\nexport interface DateValidatorMsgs {\n    required?: string;\n    invalid_format?: string;\n    not_in_range?: string;\n}\n\nconst dateToLocaleString = (date: Date) => date.toLocaleString();\nconst dateToLocaleDateString = (date: Date) => date.toLocaleDateString();\n\nconst dateToIsoString = (date: Date) => date.toISOString();\nconst dateToIsoDateString = (date: Date) => new Date(date.toDateString()).toISOString();\n\nexport class DateValidator\n    extends Validator<Date, DateValidatorOpts, DateValidatorMsgs> {\n\n    dateToStr: (date: Date) => string;\n\n    constructor(opts?: DateValidatorOpts, msgs?: DateValidatorMsgs) {\n        super(opts, msgs);\n        if (opts?.iso) {\n            this.dateToStr = opts?.dateOnly ? dateToIsoDateString : dateToIsoString;\n        } else {\n            this.dateToStr = opts?.dateOnly ? dateToLocaleDateString : dateToLocaleString;\n        }\n        if (opts?.dateOnly && opts?.min) {\n            opts.min = new Date(opts.min.getFullYear(), opts.min.getMonth(), opts.min.getDate());\n        }\n        if (opts?.dateOnly && opts?.max) {\n            opts.max = new Date(opts.max.getFullYear(), opts.max.getMonth(), opts.max.getDate() + 1);\n        }\n    }\n\n    protected strToObj(str?: string | null): { obj: Date | null, err: string } {\n        const opts = this.opts;\n        const msgs = this.msgs;\n        if (\"required\" in opts) {\n            if (opts.required && !str) {\n                return {\n                    obj: null,\n                    err: msgs.required\n                        ? tpl(msgs.required,\n                            {\n                                ...opts.data,\n                                min: (\"min\" in opts && opts.min) ? this.dateToStr(opts.min) : \"\",\n                                max: (\"max\" in opts && opts.max) ? this.dateToStr(opts.max) : \"\"\n                            })\n                        : requiredMsg\n                };\n            }\n        }\n        if (str) {\n            const dt = Date.parse(str);\n            let d = new Date(dt);\n            if (opts.dateOnly) {\n                d = new Date(d.getFullYear(), d.getMonth(), d.getDate());\n            }\n            let err: boolean = false;\n            if (isNaN(dt)) {\n                err = true;\n            }\n            // if (opts.strict && (str !== this.objToStr(d).str)) {\n            //     err = true;\n            // }\n            if (err) {\n                const date = isNaN(dt) ? new Date() : d;\n                return {\n                    obj: isNaN(dt) ? null : d,\n                    err: msgs.invalid_format\n                        ? tpl(msgs.invalid_format,\n                            {\n                                ...opts.data,\n                                date: this.objToStr(date).str ?? \"\"\n                            })\n                        : invalidFormatMsg\n                };\n            }\n            return { obj: d, err: \"\" };\n        } else {\n            return { obj: null, err: \"\" };\n        }\n    }\n\n    protected objCheck(obj?: Date | null): string {\n        if (obj === undefined || obj === null) {\n            return \"\";\n        }\n        const opts = this.opts;\n        const msgs = this.msgs;\n        let err: boolean = false;\n        if (\"max\" in opts) {\n            if (opts.max && obj.getTime() > opts.max.getTime()) {\n                err = true;\n            }\n        }\n        if (\"min\" in opts) {\n            if (opts.min && obj < opts.min) {\n                err = true;\n            }\n        }\n        if (err) {\n            return msgs.not_in_range\n                ? tpl(msgs.not_in_range,\n                    {\n                        ...opts.data,\n                        min: (\"min\" in opts && opts.min) ? this.dateToStr(opts.min) : \"\",\n                        max: (\"max\" in opts && opts.max) ? this.dateToStr(opts.max) : \"\"\n                    })\n                : notInRangeMsg;\n        }\n        return \"\";\n    }\n\n    protected objToStr(obj?: Date | null,\n                       format?: string): { str: string, err: string } {\n        return {\n            str: (obj === undefined || obj === null) ? \"\" : this.dateToStr(obj),\n            err: \"\"\n        };\n    }\n\n}\n\nexport interface BooleanValidatorOpts extends ValidatorDataOpts {\n    required?: boolean;\n    value?: boolean;\n}\n\nexport interface BooleanValidatorMsgs {\n    required?: string;\n    invalid_value?: string;\n}\n\nexport class BooleanValidator\n    extends Validator<boolean, BooleanValidatorOpts, BooleanValidatorMsgs> {\n\n    constructor(opts?: BooleanValidatorOpts, msgs?: BooleanValidatorMsgs) {\n        super(opts, msgs);\n    }\n\n    protected strToObj(str?: string | null): { obj: boolean | null, err: string } {\n        const opts = this.opts;\n        const msgs = this.msgs;\n        if (\"required\" in opts) {\n            if (opts.required && !str) {\n                return {\n                    obj: null,\n                    err: msgs.required\n                        ? tpl(msgs.required,\n                            {\n                                ...opts.data\n                            })\n                        : requiredMsg\n                };\n            }\n        }\n        let b;\n        switch (str) {\n            case \"true\":\n            case \"1\":\n            case \"on\":\n            case \"yes\":\n                b = true;\n                break;\n            default:\n                b = false;\n        }\n        return { obj: b, err: \"\" };\n    }\n\n    protected objCheck(obj?: boolean | null): string {\n        if (obj === undefined || obj === null) {\n            return \"\";\n        }\n        const opts = this.opts;\n        const msgs = this.msgs;\n        let err = false;\n        if (\"value\" in opts) {\n            if (obj !== opts.value) {\n                err = true;\n            }\n        }\n        if (err) {\n            return msgs.invalid_value\n                ? tpl(msgs.invalid_value,\n                    {\n                        ...opts.data,\n                        value: (\"value\" in opts) ? (\"\" + (opts.value ?? \"\")) : \"\",\n                    })\n                : invalidValueMsg;\n        }\n        return \"\";\n    }\n\n    protected objToStr(obj?: boolean | null,\n                       format?: string): { str: string, err: string } {\n        return {\n            str: (obj === undefined || obj === null) ? \"\" : (\"\" + obj),\n            err: \"\"\n        };\n    }\n\n}\n\ntype FormValidators<TYPE> = { [key in keyof TYPE]: Validator<any, any, any> };\n\nexport type Str<TYPE> = { [key in keyof TYPE]: string };\nexport type Obj<TYPE> = { [key in keyof TYPE]: any };\nexport type Err<TYPE> = { [key in keyof TYPE]: string };\n\nexport interface FormValidatorData<TYPE> {\n    str: Str<TYPE>;\n    obj: Obj<TYPE>;\n    err: Err<TYPE>;\n    valid: boolean;\n}\n\nexport class FormValidator<TYPE extends { [key: string]: any }> {\n\n    readonly validators: FormValidators<TYPE> = {} as FormValidators<TYPE>;\n\n    readonly str?: Str<TYPE>;\n    readonly obj?: Obj<TYPE>;\n    readonly err?: Err<TYPE>;\n\n    readonly valid?: boolean;\n\n    addValidator(field: keyof TYPE, validator: Validator<any, any, any>): this {\n        this.validators[field] = validator;\n        return this;\n    }\n\n    validate(data: { [key in keyof TYPE]?: string }): this {\n        const res = Object.keys(this.validators)\n            .reduce(\n                (a, k) => {\n                    const v = (data as any)[k];\n                    const r = (this.validators as any)[k].validate(v);\n                    (a.str as any)[k] = r.str;\n                    (a.obj as any)[k] = r.obj;\n                    (a.err as any)[k] = r.err;\n                    r.err && (a.valid = false);\n                    return a;\n                },\n                { str: {}, obj: {}, err: {}, valid: true });\n        (this.str as any) = res.str;\n        (this.obj as any) = res.obj;\n        (this.err as any) = res.err;\n        (this.valid as any) = res.valid;\n        return this;\n    }\n\n    format(data: { [key in keyof TYPE]: any }): this {\n        const res = Object.keys(this.validators)\n            .reduce(\n                (a, k) => {\n                    const v = (data as any)[k];\n                    const r = (this.validators as any)[k].format(v);\n                    (a.str as any)[k] = r.str;\n                    (a.obj as any)[k] = v;\n                    (a.err as any)[k] = r.err;\n                    r.err && (a.valid = false);\n                    return a;\n                },\n                { str: {}, obj: {}, err: {}, valid: true });\n        (this.str as any) = res.str;\n        (this.obj as any) = res.obj;\n        (this.err as any) = res.err;\n        (this.valid as any) = res.valid;\n        return this;\n    }\n\n    data(): FormValidatorData<TYPE> {\n        return {\n            str: this.str!,\n            obj: this.obj!,\n            err: this.err!,\n            valid: this.valid!\n        };\n    }\n\n}\n\n\n// TEST\n\n// const sv = new StringValidator(\n//     {\n//         required: true,\n//         min: 3,\n//         max: 5,\n//         // regexp: /^[0123]+$/\n//         data: {\n//             xxx: \"xXx\"\n//         }\n//     },\n//     {\n//         required: \"required {{min}} {{max}} {{regexp}}\",\n//         invalid_format: \"invalid_format {{regexp}}\",\n//         not_in_range: \"not_in_range {{min}} {{max}} | data.xxx={{xxx}}\"\n//     });\n\n// [\n//     \"x1234\",\n//     \"x1234y\",\n//     \"xy\"\n// ].forEach(v => {\n//     console.log();\n//     console.log(v);\n//     const r = sv.validate(v);\n//     console.log(r);\n//     if (r.obj) {\n//         const f = sv.format(r.obj);\n//         console.log(f);\n//     }\n// });\n\n// console.log();\n\n// const nv = new NumberValidator(\n//     {\n//         required: true,\n//         min: 3,\n//         max: 500000,\n//         decimals: 2,\n//         strict: true\n//     },\n//     {\n//         required: \"required {{min}} {{max}}\",\n//         invalid_format: \"invalid_format {{num}}\",\n//         not_in_range: \"not_in_range {{min}} {{max}}\"\n//     });\n\n// console.log(nv.format(undefined));\n// console.log(nv.format(12345.6789));\n\n// console.log(nv.validate(\"12345.6789\"));\n// console.log(nv.validate(\"12345,6789\"));\n// console.log(nv.validate(\"12,345.6789\"));\n\n// const dv = new DateValidator(\n//     {\n//         required: false,\n//         // min: new Date(),\n//         max: new Date(),\n//         clearTime: false\n//         // strict: true\n//     },\n//     {\n//         required: \"required {{min}} {{max}}\",\n//         invalid_format: \"invalid_format {{date}}\",\n//         not_in_range: \"not_in_range {{min}} {{max}}\"\n//     });\n\n// console.log(dv.opts);\n\n// console.log(dv.format(undefined));\n\n// console.log(dv.format(new Date));\n\n// console.log(dv.validate(\"9/17/2020, 10:46:07 AM\"));\n// console.log(dv.format(dv.obj).str);\n// console.log(dv.validate(\"9/17/2020\"));\n// console.log(dv.format(dv.obj).str);\n// console.log(dv.validate(\"2020-09-17T08:46:07.000Z\"));\n// console.log(dv.format(dv.obj).str);\n// console.log(dv.validate(\"\"));\n// console.log(dv.format(dv.obj).str);\n\n// console.log(new Date().toString());\n// console.log(new Date().toDateString());\n// console.log(new Date().toTimeString());\n// console.log(new Date().toLocaleString());\n// console.log(new Date().toLocaleDateString());\n// console.log(new Date().toLocaleTimeString());\n// console.log();\n// console.log(new Date(Date.parse(new Date().toString())));\n// console.log(new Date(Date.parse(new Date().toDateString())));\n// console.log(new Date(Date.parse(new Date().toTimeString())));\n// console.log(new Date(Date.parse(new Date().toLocaleString())));\n// console.log(new Date(Date.parse(new Date().toLocaleDateString())));\n// console.log(new Date(Date.parse(new Date().toLocaleTimeString())));\n\n// const formData = { str: \"123a\", num: \"123456.789\", date: \"9/17/2020, 10:46:07 AM\" };\n// const formData = { str: \"\", num: \"\", date: \"\" };\n// const formData = { str: undefined, num: undefined, date: undefined };\n\n// const fv = new FormValidator<typeof formData>()\n//     .addValidator(\"str\", sv)\n//     .addValidator(\"num\", nv)\n//     .addValidator(\"date\", dv)\n//     .validate(formData);\n\n// console.log(fv.data());\n\n// fv.format(fv.obj!);\n// console.log(fv);\n\n// const ovData = { str: \"123a\", num: \"123.45\", date: \"02.01.2019 12:12\" };\n\n// const ov = new ObjectValidator<typeof ovData>()\n//     .addValidator(\"str\", sv)\n//     .addValidator(\"num\", nv)\n//     // .addValidator(\"date\", dv)\n//     .validate(ovData);\n\n// // console.log(ov);\n\n// ov.format(ov.obj!);\n// console.log(ov);\n\n// console.log();\n\n// interface ReportFormData {\n//     spz: string;\n//     tachometer: string;\n//     dateCreated: string;\n//     user: {\n//         // name: string[];\n//         email: string;\n//     };\n// }\n\n// const dov = new ObjectValidator<ReportFormData>()\n//             .addValidator(\"spz\", new StringValidator({ required: true }))\n//             .addValidator(\"tachometer\", new NumberValidator({ required: true, min: 1 } ))\n//             .addValidator(\"dateCreated\", new StringValidator({ required: true }))\n//             .addValidator(\"user\", new ObjectValidator<ReportFormData[\"user\"]>()\n//                 .addValidator(\"email\", new StringValidator({ required: true}))\n//                 // .addValidator(\"name\", { })\n//                 // new ArrayValidator({\n//                 //     required: true,\n//                 //     validator: new StringValidator({ required: true })\n//                 // })\n//             );\n\n// dov.validate(\n//     {\n//         spz: \"dasdas\",\n//         tachometer: \"111222\",\n//         // dateCreated: \"10.02.2019\",\n//         user: {\n//             // email: \"dsafasdf\",\n//         }\n//     },\n//     {\n//         dateCreated: \"01.03.2011\",\n//         spz: \"32ds9f0f\",\n//         tachometer: \"3213214214\",\n//         user: {\n//             email: \"sadmaskdmk2@dsadsamkl.com\"\n//         }\n//     });\n\n// const avn = new ArrayValidator<number>(new NumberValidator());\n// const rn = avn.validate([345, 123]);\n// console.log(rn);\n\n\n// interface D {\n//     a: number;\n//     b?: string;\n// }\n\n// const av = new ArrayValidator<T>(new ObjectValidator<T>()\n//     .addValidator(\"a\", new NumberValidator())\n//     .addValidator(\"b\", new StringValidator({ required: true }))\n// );\n\n// const d: D[] = [\n//     { a: 123, b: \"text\" },\n//     // { a: 5.6, b: \"\" },\n//     { a: 5.6 }\n// ];\n\n// const r = av.validate(d);\n// console.log(r);\n\n// const ro = new ObjectValidator<T>()\n//     .addValidator(\"a\", new NumberValidator())\n//     .addValidator(\"b\", new StringValidator({ required: true }))\n//     .validate({\n//         a: \"5.6\",\n//         b: undefined\n//         // b: \"text\"\n//     });\n// console.log(\"---\", ro);\n\n// const v = new StringValidator({ required: true });\n// const str = undefined;\n// const sr = v.validate(str!);\n// console.log(sr);\n\n// const v = new StringValidator({ required: true, min: 8 });\n// const str = \"\";\n// const sr = v.format(str);\n// console.log(sr, v);\n","import { HElement, hjoin } from \"../src/hsml\";\nimport { HAppActions, HDispatcher, HState, HView, happ } from \"../src/hsml-app\";\nimport { BooleanValidator, DateValidator, FormValidator, FormValidatorData, NumberValidator, SelectValidator, StringValidator } from \"../src/validators\";\n\nexport interface Data {\n    name: string;\n    born: Date;\n    children: number;\n    married: boolean;\n    gender: string;\n    sport: string;\n}\n\nexport interface State {\n    title: string;\n    data: Data;\n    genders: {\n        label: string;\n        value: string;\n    }[];\n    sports: string[];\n    validatorData?: FormValidatorData<Data>;\n}\n\nexport const state: HState<State> = function () {\n    return {\n        title: \"Form Validation\",\n        data: {\n            name: \"Ema\",\n            born: new Date(),\n            children: 0,\n            married: false,\n            gender: \"female\",\n            sport: \"gymnastics\"\n        },\n        genders: [\n            { label: \"Male\", value: \"male\" },\n            { label: \"Female\", value: \"female\" }\n        ],\n        sports: [\"football\", \"gymnastics\"]\n    }\n};\n\nexport enum Actions {\n    change = \"form-validation-change\",\n    submit = \"form-validation-submit\"\n}\n\nexport const view: HView<State, Actions> = function (state) {\n    return [\n        [\"div.w3-content\", [\n            [\"h1\", state.title],\n            [\"form.w3-container\",\n                {\n                    on: [\n                        [\"change\", Actions.change],\n                        [\"submit\", Actions.submit]\n                    ]\n                },\n                [\n                    [\"p\", [\n                        [\"label\", [\"Name\",\n                            [\"input.w3-input\", {\n                                type: \"text\",\n                                name: \"name\",\n                                value: state.validatorData!.str.name,\n                                on: [\"input\", Actions.change]\n                            }]\n                        ]]\n                    ]],\n                    [\"p.w3-text-red\", [state.validatorData!.err.name]],\n                    [\"p\", [\n                        [\"label\", [\"Born\",\n                            [\"input.w3-input\", {\n                                type: \"datetime-local\",\n                                name: \"born\",\n                                // placeholder: new DateValidator().format(new Date()).str,\n                                value: datetimeLocal(state.validatorData!.obj.born)\n                            }]\n                        ]]\n                    ]],\n                    [\"p.w3-text-red\", [state.validatorData!.err.born]],\n                    [\"p\", [\n                        [\"label\", [\"Children\",\n                            [\"input.w3-input\", {\n                                type: \"number\",\n                                name: \"children\",\n                                value: state.validatorData!.str.children\n                            }]\n                        ]]\n                    ]],\n                    [\"p.w3-text-red\", [state.validatorData!.err.children]],\n                    [\"p\", [\n                        [\"label\", [\n                            [\"input.w3-check\", {\n                                type: \"checkbox\",\n                                name: \"married\",\n                                checked: state.validatorData!.obj.married\n                            }],\n                            \" Married\"\n                        ]]\n                    ]],\n                    [\"p.w3-text-red\", [state.validatorData!.err.married]],\n                    [\"p\",\n                        hjoin(\n                            state.genders.map<HElement<Actions>>(gender => (\n                                [\"label\", [\n                                    [\"input.w3-radio\", {\n                                        type: \"radio\",\n                                        name: \"gender\",\n                                        value: gender.value,\n                                        checked: state.validatorData!.obj.gender === gender.value\n                                    }],\n                                    \" \", gender.label\n                                ]]\n                            )),\n                            [\"br\"]\n                        )\n                    ],\n                    [\"p.w3-text-red\", [state.validatorData!.err.gender]],\n                    [\"p\", [\n                        [\"select.w3-select\", { name: \"sport\" },\n                            [\n                                [\"option\",\n                                    { value: \"\", disabled: true, selected: true },\n                                    \"Sport\"\n                                ],\n                                ...state.sports.map<HElement<Actions>>(sport => (\n                                    [\"option\",\n                                        {\n                                            value: sport,\n                                            selected: sport === state.validatorData!.obj.sport\n                                        },\n                                        sport\n                                    ])\n                                )\n                            ]\n                        ]\n                    ]],\n                    [\"p.w3-text-red\", state.validatorData!.err.sport],\n                    [\"button.w3-btn.w3-blue\", \"Submit\"]\n                ]\n            ]\n        ]]\n    ];\n};\n\nlet formValidator: FormValidator<Data>;\n\nexport const dispatcher: HDispatcher<State, Actions> = async function (action, state) {\n    console.log(\"action\", action);\n\n    switch (action.type) {\n\n        case HAppActions.init:\n            formValidator = validator(state);\n            state.validatorData = formValidator.data();\n            break;\n\n        case Actions.change:\n            formValidator.validate({\n                ...state.validatorData!.str,\n                ...action.data\n            });\n            state.validatorData = formValidator.data();\n            console.log(\"obj:\", JSON.stringify(state.validatorData, null, 4));\n            break;\n\n        case Actions.submit:\n            action.event!.preventDefault();\n            // console.log(action.data);\n            formValidator.validate(action.data);\n            state.validatorData = formValidator.data();\n            // console.log(state.validatorData);\n            state.validatorData = formValidator.data();\n            if (formValidator.valid) {\n                console.log(formValidator);\n                state.data = formValidator.obj!;\n                const formData = JSON.stringify(state.data, null, 4);\n                console.dir(formData);\n                alert(`Form submit: \\n${formData}`);\n            }\n            break;\n    }\n};\n\nexport function validator(formState: State): FormValidator<Data> {\n    return new FormValidator<Data>()\n        .addValidator(\"name\", new StringValidator(\n            {\n                required: true,\n                min: 3,\n                max: 5\n            },\n            {\n                required: \"Required {{min}} - {{max}} {{regexp}}\",\n                invalid_format: \"Invalid format {{regexp}}\",\n                not_in_range: \"Not in range {{min}} - {{max}}\"\n            }))\n        .addValidator(\"born\", new DateValidator(\n            {\n                required: true,\n                // min: new Date(),\n                max: new Date(),\n                dateOnly: false,\n                iso: true\n            },\n            {\n                required: \"Required {{min}} - {{max}}\",\n                invalid_format: \"Invalid format {{date}}\",\n                not_in_range: \"Not in range {{min}} - {{max}}\"\n            }))\n        .addValidator(\"children\", new NumberValidator(\n            {\n                required: true,\n                min: 0,\n                max: 10\n            },\n            {\n                required: \"Required {{min}} - {{max}}\",\n                invalid_format: \"Invalid format, use format {{num}}\",\n                not_in_range: \"Not in range {{min}} - {{max}}\"\n            }))\n        .addValidator(\"gender\", new SelectValidator(\n            {\n                required: true,\n                options: formState.genders.map(g => g.value)\n            },\n            {\n                required: \"Required {{options}}\",\n                invalid_option: \"Invalod option {{option}} {{options}}\"\n            }))\n        .addValidator(\"married\", new BooleanValidator(\n            {\n                required: true\n            },\n            {\n                required: \"Required\",\n                invalid_value: \"Invalid value {{value}}\"\n            }))\n        .addValidator(\"sport\", new SelectValidator(\n            {\n                required: true,\n                options: formState.sports\n            },\n            {\n                required: \"Required {{options}}\",\n                invalid_option: \"Invalod option {{option}} {{options}}\"\n            }))\n        .format(formState.data);\n}\n\nfunction datetimeLocal(date: Date) {\n    if (!date) {\n        return \"\";\n    }\n    const tzo = - date.getTimezoneOffset();\n    if (tzo === 0) {\n        return date.toISOString();\n    } else {\n        // let dif = tzo >= 0 ? \"+\" : \"-\";\n        const pad = function (num: number, digits = 2) {\n            return String(num).padStart(digits, \"0\");\n        };\n        return (\n            date.getFullYear() +\n            \"-\" +\n            pad(date.getMonth() + 1) +\n            \"-\" +\n            pad(date.getDate()) +\n            \"T\" +\n            pad(date.getHours()) +\n            \":\" +\n            pad(date.getMinutes())\n            // pad(tzo >= 0 ? date.getHours() + (tzo / 60) : date.getHours() - (tzo / 60)) +\n            // \":\" +\n            // pad(tzo >= 0 ? date.getMinutes() + (tzo % 60) : date.getMinutes() - (tzo % 60))\n        );\n        // return (\n        //     date.getFullYear() +\n        //     \"-\" +\n        //     pad(date.getMonth() + 1) +\n        //     \"-\" +\n        //     pad(date.getDate()) +\n        //     \"T\" +\n        //     pad(date.getHours()) +\n        //     \":\" +\n        //     pad(date.getMinutes()) +\n        //     \":\" +\n        //     pad(date.getSeconds()) +\n        //     dif +\n        //     pad(tzo / 60) +\n        //     \":\" +\n        //     pad(tzo % 60) +\n        //     \".\" +\n        //     pad(date.getMilliseconds(), 3)\n        // );\n    }\n}\n\nhapp<State, Actions>(state, view, dispatcher);\n"],"names":["$a85519cc1b20a4af$var$log","console","log","$a85519cc1b20a4af$var$error","error","$a85519cc1b20a4af$var$warn","warn","$a85519cc1b20a4af$export$3dcd9fad60135c2c","HAppActions","$a85519cc1b20a4af$export$3d736e925369e0e4","HDispatchScopes","$a85519cc1b20a4af$var$schedule","window","requestAnimationFrame","callback","setTimeout","$a85519cc1b20a4af$var$unschedule","cancelAnimationFrame","handle","clearTimeout","$a85519cc1b20a4af$var$msgAction","$a85519cc1b20a4af$var$msgDispatch","$a85519cc1b20a4af$var$msgRender","$a85519cc1b20a4af$var$msgUpdate","$a85519cc1b20a4af$export$eb8950696418f795","state","view","dispatcher","element","document","body","$a85519cc1b20a4af$export$8cfef5dc37c46888","$a85519cc1b20a4af$export$e905700d74a7763f","hAppI","hapi","$a85519cc1b20a4af$export$1cfc54b3834d3c50","elementName","elementAttrs","customElements","define","HTMLElement","observedAttributes","connectedCallback","this","attachShadow","mode","_happel","mount","shadowRoot","disconnectedCallback","umount","adoptedCallback","update","attributeChangedCallback","attrName","oldVal","newVal","dispatch","constructor","super","customElement","$a85519cc1b20a4af$var$HAPP","_dispatchAction","type","data","event","scope","debug","t0","performance","now","_dispatch","t1","_dispatchElement","_dispatchWindow","e","windowDispatchOn","_windowEventListener","action","detail","addEventListener","windowDispatchOff","removeEventListener","refs","$a85519cc1b20a4af$var$__awaiter","undefined","$a85519cc1b20a4af$var$elementDispatchCustomEvent","dom","dispatchEvent","CustomEvent","render","hsmls","actionCb","actionType","Function","el","target","nodeName","preventDefault","els","elements","i","length","d","$a85519cc1b20a4af$var$formInputData","names","Object","keys","name","value","String","Array","concat","push","filter","$a85519cc1b20a4af$var$formData","_a","getElementById","$a85519cc1b20a4af$var$updateDom","hasAttribute","removeAttribute","aNodes","querySelectorAll","a","happ","firstChild","removeChild","_updateSched","toHsml","skip","toHtml","outerHTML","then","hsml","ctx","$8IJ2T","hsmls2idomPatch","_b","call","iel","checked","sel","multiple","values","from","selectedOptions","map","o","tel","bel","$f8ef79223f7b25f5$var$requiredMsg","$f8ef79223f7b25f5$var$notInRangeMsg","$f8ef79223f7b25f5$var$invalidFormatMsg","$f8ef79223f7b25f5$export$9eeb22c0bba4ed5e","validate","v","str","sto","strToObj","obj","err","objCheck","format","ots","objToStr","opts","msgs","$f8ef79223f7b25f5$export$5dfe2efd653fcea4","tmpl","k","reduce","t","replace","RegExp","$f8ef79223f7b25f5$export$d25426df72e77dd3","required","assign","options","join","indexOf","invalid_option","option","$f8ef79223f7b25f5$export$312ff19fe6f84b5e","min","max","regexp","_c","test","invalid_format","_d","not_in_range","$f8ef79223f7b25f5$export$5464fb7e86e4a9f1","n","Number","isNaN","strict","num","toFixed","decimals","$f8ef79223f7b25f5$var$dateToLocaleString","date","toLocaleString","$f8ef79223f7b25f5$var$dateToLocaleDateString","toLocaleDateString","$f8ef79223f7b25f5$var$dateToIsoString","toISOString","$f8ef79223f7b25f5$var$dateToIsoDateString","Date","toDateString","$f8ef79223f7b25f5$export$73e260ca9e9e4b55","dateToStr","dt","parse","dateOnly","getFullYear","getMonth","getDate","getTime","iso","$f8ef79223f7b25f5$export$d74a5d77bac81ab5","b","invalid_value","$f8ef79223f7b25f5$export$7c385359179c028a","addValidator","field","validator","validators","res","r","valid","$19850c2a6f6be7d2$export$b52183d5cfb26dc9","Actions","$19850c2a6f6be7d2$var$formValidator","$19850c2a6f6be7d2$var$datetimeLocal","getTimezoneOffset","pad","digits","padStart","getHours","getMinutes","$a85519cc1b20a4af$exports","title","born","children","married","gender","sport","genders","label","sports","on","change","submit","validatorData","$g7NCG","hjoin","disabled","selected","init","formState","g","JSON","stringify","formData","dir","alert"],"version":3,"file":"hsml-app-form-validation_demo.a9e2c583.js.map"}

package/dist/demo/hsml-app-form-validation_demo.bb392ab0.js

@@ -0,0 +1,2 @@
+function t(t,e,n,i){Object.defineProperty(t,e,{get:n,set:i,enumerable:!0,configurable:!0})}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},n={},i={},r=e.parcelRequirede31;null==r&&((r=function(t){if(t in n)return n[t].exports;if(t in i){var e=i[t];delete i[t];var r={id:t,exports:{}};return n[t]=r,e.call(r.exports,r,r.exports),r.exports}var a=new Error("Cannot find module '"+t+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(t,e){i[t]=e},e.parcelRequirede31=r);var a=r("enc1X"),o={};t(o,"HAppActions",(function(){return h}),(function(t){return h=t})),t(o,"HDispatchScopes",(function(){return p}),(function(t){return p=t})),t(o,"happ",(function(){return _}),(function(t){return _=t})),t(o,"HApp",(function(){return q}),(function(t){return q=t})),t(o,"happi",(function(){return y}),(function(t){return y=t})),t(o,"happel",(function(){return O}),(function(t){return O=t}));var s=r("hrCkK"),l=function(t,e,n,i){return new(n||(n=Promise))((function(r,a){function o(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i.throw(t))}catch(t){a(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,s)}l((i=i.apply(t,e||[])).next())}))};const d=console.log,u=console.error,c=console.warn;var h,m,p,v;(m=h||(h={})).init="init",m.mount="mount",m.umount="umount",m.action="action",m.elementAttr="elementAttr",(v=p||(p={})).element="element",v.window="window";const b=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},f=window.cancelAnimationFrame||function(t){window.clearTimeout(t)},g="HApp action:",w="HApp dispatch:",j="HApp render:",x="HApp update:";function _(t,e,n,i=document.body){return new q(t,e,n,i)}function y(t,e=document.body){const n=new t;return new q(n.state,n.view,n.dispatcher,e)}function O(t,e,n,i,r){customElements.define(t,class extends HTMLElement{static get observedAttributes(){return e}connectedCallback(){this.attachShadow({mode:"open"}),this._happel.mount(this.shadowRoot)}disconnectedCallback(){this._happel.umount()}adoptedCallback(){this._happel.update()}attributeChangedCallback(t,e,n){this._happel.dispatch("elementAttr",{attrName:t,oldVal:e,newVal:n})}constructor(){super(),this._happel=new q(n,i,r),this._happel.customElement=this}})}const S="happ";class q{_dispatchAction(t,e,n,i){return l(this,void 0,void 0,(function*(){if(q.debug){d(g,{type:t,data:e,event:n});const r=performance.now();yield this._dispatch(t,e,n,i);const a=performance.now();d(w,a-r+" ms",this.state)}else yield this._dispatch(t,e,n,i)}))}_dispatch(t,e,n,i){return l(this,void 0,void 0,(function*(){try{yield this.dispatcher({type:t,data:e,event:n},this.state,this.dispatch),this.update(),"element"===i&&this._dispatchElement(t,e),"window"===i&&this._dispatchWindow(t,e)}catch(t){u(w,t)}}))}windowDispatchOn(){this._windowEventListener?c("windowEventListener olready setted"):(this._windowEventListener=t=>{const e=t.detail;this._dispatchAction(e.type,e.data)},window.addEventListener("action",this._windowEventListener))}windowDispatchOff(){this._windowEventListener&&window.removeEventListener("action",this._windowEventListener)}constructor(t,e,n,i=document.body){this.refs={},this.dispatch=(t,e,n)=>l(this,void 0,void 0,(function*(){return this._dispatchAction(t,e,void 0,n)})),this._dispatchElement=(t,e)=>l(this,void 0,void 0,(function*(){this.customElement&&T(this.customElement,"action",{type:t,data:e}),!this.customElement&&this.dom&&T(this.dom,"action",{type:t,data:e})})),this._dispatchWindow=(t,e)=>l(this,void 0,void 0,(function*(){window.dispatchEvent(new CustomEvent("action",{detail:{type:t,data:e}}))})),this.render=()=>{if(q.debug){const t=performance.now();let e;try{e=this.view(this.state)}catch(t){u(j,t)}const n=performance.now();return d(j,n-t+" ms",e),null!=e?e:[]}{let t;try{t=this.view(this.state)}catch(t){u(j,t)}return null!=t?t:[]}},this.actionCb=(t,e,n)=>{void 0===(e=(null==e?void 0:e.constructor)===Function?e(n):e)&&n&&(e=n instanceof CustomEvent?n.detail:function(t){const e=t.target;if("FORM"===e.nodeName){t.preventDefault();const n=e.elements,i={};for(let t=0;t<n.length;t++){const e=k(n[t]);if("object"==typeof e){const r=Object.keys(e);if(r.length){const a=r[0],o=e[a];void 0===i[a]?i[a]=o:"string"==typeof i[a]||i[a]instanceof String?i[a]=o instanceof Array?[i[a],...o]:[i[a],o]:i[a]instanceof Array?o instanceof Array?i[a]=i[a].concat(o):i[a].push(o):i[a]=o instanceof Array?[i[a],...o]:[i[a],o],i[a]instanceof Array&&(i[a]=i[a].filter((t=>null!==t)),"radio"===n[t].type&&(i[a]=i[a].length?i[a][0]:null))}}}return i}return k(e)}(n)),this._dispatchAction(t,e,n)},this.mount=(t=document.body)=>{var e;const n="string"==typeof t?null!==(e=document.getElementById(t))&&void 0!==e?e:document.body:null!=t?t:document.body;if(n[S]){n[S].umount()}if(!this.dom){this.dom=n,n[S]=this;D(n,this.render(),this),this._dispatchAction("mount",this.dom)}return this},this.umount=()=>{if(this.dom){this._dispatchAction("umount",this.dom),this.dom.hasAttribute(S)&&this.dom.removeAttribute(S);const t=this.dom.querySelectorAll(`[${S}]`);for(let e=0;e<t.length;e++){const n=t[e].happ;null==n||n.umount()}for(;this.dom.firstChild;)this.dom.removeChild(this.dom.firstChild);delete this.dom.happ,this.dom=void 0}return this},this.update=()=>(this.dom&&!this._updateSched&&(this._updateSched=b((()=>{if(this.dom){const t=this.render();D(this.dom,t,this)}this._updateSched=void 0}))),this),this.toHsml=()=>{if(this.dom){if(!this._updateSched)return["div",{skip:!0}];f(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push((t=>{this.dom||(this.dom=t,t.happ=this,this._dispatchAction("mount",this.dom))})),["div",t]},this.toHtml=()=>this.dom?this.dom.outerHTML:"",this.state=t(),this.view=e,this.dispatcher=null!=n?n:t=>l(this,void 0,void 0,(function*(){return d(g,t.type,t.data)})),this._dispatchAction("init",this).then((()=>this.mount(i)))}}function D(t,e,n){if(q.debug){const i=performance.now();(0,s.hsmls2idomPatch)(t,e,n);const r=performance.now();d(x,r-i+" ms",t)}else(0,s.hsmls2idomPatch)(t,e,n)}function T(t,e,n){var i,r;null==t||t.dispatchEvent(new CustomEvent(e,{detail:n})),null===(r=(i=t)[`on${e}`])||void 0===r||r.call(i,new CustomEvent(e,{detail:n}))}function k(t){let e=null;switch(t.nodeName){case"INPUT":const n=t;switch(n.type){case"text":case"hidden":case"password":case"email":case"number":case"search":case"url":case"tel":case"color":case"date":case"datetime-local":case"month":case"range":case"time":case"week":case"submit":case"button":e=n.name?{[n.name]:n.value}:n.value;break;case"radio":e=n.name?{[n.name]:n.checked?n.value:null}:n.checked?n.value:null;break;case"checkbox":e="on"===n.value?n.name?{[n.name]:n.checked}:n.checked:n.name?{[n.name]:n.checked?String(n.value):null}:n.checked?String(n.value):null}break;case"SELECT":const i=t;if(i.multiple){const t=Array.from(i.selectedOptions).map((t=>t.value));e=i.name?{[i.name]:t}:t}else e=i.name?{[i.name]:i.value}:i.value;break;case"TEXTAREA":const r=t;e=r.name?{[r.name]:r.value}:r.value;break;case"BUTTON":const a=t;e=a.name?{[a.name]:a.value}:a.value}return e}q.debug=!1;const A="required",E="not_in_range",N="invalid_format";class C{validate(t){if("string"==typeof t||null==t){const e=t;this.str=e;const n=this.strToObj(e);if(this.obj=n.obj,n.err)return this.err=n.err,{str:null!=e?e:"",obj:n.obj,err:n.err};const i=this.objCheck(n.obj);return this.err=i,{str:null!=e?e:"",obj:n.obj,err:i}}{this.str=null==t?null:""+t;const e=this.objCheck(t);return this.err=e,{str:this.str,obj:t,err:e}}}format(t,e){var n;const i=this.objToStr(t,e);return{str:null!==(n=i.str)&&void 0!==n?n:"",err:i.err}}constructor(t,e){this.str=null,this.err=null,this.obj=null,this.opts=null!=t?t:{},this.msgs=null!=e?e:{}}}function L(t,e){return Object.keys(e).map((t=>[t,e[t]])).reduce(((t,e)=>t.replace(new RegExp(`\\{\\{${e[0]}\\}\\}`,"g"),String(e[1]))),t)}class F extends C{strToObj(t){const e=this.opts,n=this.msgs;return"required"in e&&e.required&&!t?{obj:null,err:n.required?L(n.required,Object.assign(Object.assign({},e.data),{options:"options"in e?e.options.join(", "):""})):A}:{obj:void 0===t?null:t,err:""}}objCheck(t){if(null==t)return"";const e=this.opts,n=this.msgs;return"options"in e&&t&&-1===e.options.indexOf(t)?n.invalid_option?L(n.invalid_option,Object.assign(Object.assign({},e.data),{option:null===t?"":t,options:"options"in e?e.options.join(", "):""})):"invalid_option":""}objToStr(t,e){return{str:null!=t?t:"",err:""}}constructor(t,e){super(t,e)}}class H extends C{strToObj(t){var e,n,i,r;const a=this.opts,o=this.msgs;return"required"in a&&a.required&&!t?{obj:null,err:o.required?L(o.required,Object.assign(Object.assign({},a.data),{min:"min"in a?""+(null!==(e=a.min)&&void 0!==e?e:""):"",max:"max"in a?""+(null!==(n=a.max)&&void 0!==n?n:""):"",regexp:"regexp"in a?""+(null!==(i=a.regexp)&&void 0!==i?i:""):""})):A}:t?"regexp"in a&&!a.regexp.test(t)?{obj:null,err:o.invalid_format?L(o.invalid_format,Object.assign(Object.assign({},a.data),{regexp:"regexp"in a?""+(null!==(r=a.regexp)&&void 0!==r?r:""):""})):N}:{obj:t,err:""}:{obj:null,err:""}}objCheck(t){var e,n;if(null==t)return"";const i=this.opts,r=this.msgs;let a=!1;return"max"in i&&t.length>i.max&&(a=!0),"min"in i&&t.length<i.min&&(a=!0),"min"in i&&"max"in i&&t.length>i.max&&t.length<i.min&&(a=!0),a?r.not_in_range?L(r.not_in_range,Object.assign(Object.assign({},i.data),{min:"min"in i?""+(null!==(e=i.min)&&void 0!==e?e:""):"",max:"max"in i?""+(null!==(n=i.max)&&void 0!==n?n:""):""})):E:""}objToStr(t,e){return{str:null!=t?t:"",err:""}}constructor(t,e){super(t,e)}}class R extends C{strToObj(t){var e,n,i;const r=this.opts,a=this.msgs;if("required"in r&&r.required&&!t)return{obj:null,err:a.required?L(a.required,Object.assign(Object.assign({},r.data),{min:"min"in r?""+(null!==(e=r.min)&&void 0!==e?e:""):"",max:"max"in r?""+(null!==(n=r.max)&&void 0!==n?n:""):""})):A};if(t){const e=Number(t);let n=!1;if(isNaN(e)&&(n=!0),r.strict&&t!==this.objToStr(e).str&&(n=!0),n){const t=isNaN(e)?1234.45:e;return{obj:isNaN(e)?null:e,err:a.invalid_format?L(a.invalid_format,Object.assign(Object.assign({},r.data),{num:null!==(i=this.objToStr(t).str)&&void 0!==i?i:""})):N}}return{obj:e,err:""}}return{obj:null,err:""}}objCheck(t){var e,n;if(null==t)return"";const i=this.opts,r=this.msgs;let a=!1;return"max"in i&&t>i.max&&(a=!0),"min"in i&&t<i.min&&(a=!0),a?r.not_in_range?L(r.not_in_range,Object.assign(Object.assign({},i.data),{min:"min"in i?""+(null!==(e=i.min)&&void 0!==e?e:""):"",max:"max"in i?""+(null!==(n=i.max)&&void 0!==n?n:""):""})):E:""}objToStr(t,e){let n;return n=null==t?"":"decimals"in this.opts?t.toFixed(this.opts.decimals):String(t),{str:n,err:""}}constructor(t,e){super(t,e)}}const I=t=>t.toLocaleString(),M=t=>t.toLocaleDateString(),V=t=>t.toISOString(),P=t=>new Date(t.toDateString()).toISOString();class U extends C{strToObj(t){var e;const n=this.opts,i=this.msgs;if("required"in n&&n.required&&!t)return{obj:null,err:i.required?L(i.required,Object.assign(Object.assign({},n.data),{min:"min"in n&&n.min?this.dateToStr(n.min):"",max:"max"in n&&n.max?this.dateToStr(n.max):""})):A};if(t){const r=Date.parse(t);let a=new Date(r);n.dateOnly&&(a=new Date(a.getFullYear(),a.getMonth(),a.getDate()));let o=!1;if(isNaN(r)&&(o=!0),o){const t=isNaN(r)?new Date:a;return{obj:isNaN(r)?null:a,err:i.invalid_format?L(i.invalid_format,Object.assign(Object.assign({},n.data),{date:null!==(e=this.objToStr(t).str)&&void 0!==e?e:""})):N}}return{obj:a,err:""}}return{obj:null,err:""}}objCheck(t){if(null==t)return"";const e=this.opts,n=this.msgs;let i=!1;return"max"in e&&e.max&&t.getTime()>e.max.getTime()&&(i=!0),"min"in e&&e.min&&t<e.min&&(i=!0),i?n.not_in_range?L(n.not_in_range,Object.assign(Object.assign({},e.data),{min:"min"in e&&e.min?this.dateToStr(e.min):"",max:"max"in e&&e.max?this.dateToStr(e.max):""})):E:""}objToStr(t,e){return{str:null==t?"":this.dateToStr(t),err:""}}constructor(t,e){super(t,e),(null==t?void 0:t.iso)?this.dateToStr=(null==t?void 0:t.dateOnly)?P:V:this.dateToStr=(null==t?void 0:t.dateOnly)?M:I,(null==t?void 0:t.dateOnly)&&(null==t?void 0:t.min)&&(t.min=new Date(t.min.getFullYear(),t.min.getMonth(),t.min.getDate())),(null==t?void 0:t.dateOnly)&&(null==t?void 0:t.max)&&(t.max=new Date(t.max.getFullYear(),t.max.getMonth(),t.max.getDate()+1))}}class Y extends C{strToObj(t){const e=this.opts,n=this.msgs;if("required"in e&&e.required&&!t)return{obj:null,err:n.required?L(n.required,Object.assign({},e.data)):A};let i;switch(t){case"true":case"1":case"on":case"yes":i=!0;break;default:i=!1}return{obj:i,err:""}}objCheck(t){var e;if(null==t)return"";const n=this.opts,i=this.msgs;let r=!1;return"value"in n&&t!==n.value&&(r=!0),r?i.invalid_value?L(i.invalid_value,Object.assign(Object.assign({},n.data),{value:"value"in n?""+(null!==(e=n.value)&&void 0!==e?e:""):""})):"invalid_value":""}objToStr(t,e){return{str:null==t?"":""+t,err:""}}constructor(t,e){super(t,e)}}class ${addValidator(t,e){return this.validators[t]=e,this}validate(t){const e=Object.keys(this.validators).reduce(((e,n)=>{const i=t[n],r=this.validators[n].validate(i);return e.str[n]=r.str,e.obj[n]=r.obj,e.err[n]=r.err,r.err&&(e.valid=!1),e}),{str:{},obj:{},err:{},valid:!0});return this.str=e.str,this.obj=e.obj,this.err=e.err,this.valid=e.valid,this}format(t){const e=Object.keys(this.validators).reduce(((e,n)=>{const i=t[n],r=this.validators[n].format(i);return e.str[n]=r.str,e.obj[n]=i,e.err[n]=r.err,r.err&&(e.valid=!1),e}),{str:{},obj:{},err:{},valid:!0});return this.str=e.str,this.obj=e.obj,this.err=e.err,this.valid=e.valid,this}data(){return{str:this.str,obj:this.obj,err:this.err,valid:this.valid}}constructor(){this.validators={}}}var B=function(t,e,n,i){return new(n||(n=Promise))((function(r,a){function o(t){try{l(i.next(t))}catch(t){a(t)}}function s(t){try{l(i.throw(t))}catch(t){a(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,s)}l((i=i.apply(t,e||[])).next())}))};var J,W;(W=J||(J={})).change="form-validation-change",W.submit="form-validation-submit";let X;function z(t){if(!t)return"";if(0===-t.getTimezoneOffset())return t.toISOString();{const e=function(t,e=2){return String(t).padStart(e,"0")};return t.getFullYear()+"-"+e(t.getMonth()+1)+"-"+e(t.getDate())+"T"+e(t.getHours())+":"+e(t.getMinutes())}}(0,o.happ)((function(){return{title:"Form Validation",data:{name:"Ema",born:new Date,children:0,married:!1,gender:"female",sport:"gymnastics"},genders:[{label:"Male",value:"male"},{label:"Female",value:"female"}],sports:["football","gymnastics"]}}),(function(t){return[["div.w3-content",[["h1",t.title],["form.w3-container",{on:[["change",J.change],["submit",J.submit]]},[["p",[["label",["Name",["input.w3-input",{type:"text",name:"name",value:t.validatorData.str.name,on:["input",J.change]}]]]]],["p.w3-text-red",[t.validatorData.err.name]],["p",[["label",["Born",["input.w3-input",{type:"datetime-local",name:"born",value:z(t.validatorData.obj.born)}]]]]],["p.w3-text-red",[t.validatorData.err.born]],["p",[["label",["Children",["input.w3-input",{type:"number",name:"children",value:t.validatorData.str.children}]]]]],["p.w3-text-red",[t.validatorData.err.children]],["p",[["label",[["input.w3-check",{type:"checkbox",name:"married",checked:t.validatorData.obj.married}]," Married"]]]],["p.w3-text-red",[t.validatorData.err.married]],["p",(0,a.hjoin)(t.genders.map((e=>["label",[["input.w3-radio",{type:"radio",name:"gender",value:e.value,checked:t.validatorData.obj.gender===e.value}]," ",e.label]])),["br"])],["p.w3-text-red",[t.validatorData.err.gender]],["p",[["select.w3-select",{name:"sport"},[["option",{value:"",disabled:!0,selected:!0},"Sport"],...t.sports.map((e=>["option",{value:e,selected:e===t.validatorData.obj.sport},e]))]]]],["p.w3-text-red",t.validatorData.err.sport],["button.w3-btn.w3-blue","Submit"]]]]]]}),(function(t,e){return B(this,void 0,void 0,(function*(){switch(console.log("action",t),t.type){case o.HAppActions.init:n=e,X=(new $).addValidator("name",new H({required:!0,min:3,max:5},{required:"Required {{min}} - {{max}} {{regexp}}",invalid_format:"Invalid format {{regexp}}",not_in_range:"Not in range {{min}} - {{max}}"})).addValidator("born",new U({required:!0,max:new Date,dateOnly:!1,iso:!0},{required:"Required {{min}} - {{max}}",invalid_format:"Invalid format {{date}}",not_in_range:"Not in range {{min}} - {{max}}"})).addValidator("children",new R({required:!0,min:0,max:10},{required:"Required {{min}} - {{max}}",invalid_format:"Invalid format, use format {{num}}",not_in_range:"Not in range {{min}} - {{max}}"})).addValidator("gender",new F({required:!0,options:n.genders.map((t=>t.value))},{required:"Required {{options}}",invalid_option:"Invalod option {{option}} {{options}}"})).addValidator("married",new Y({required:!0},{required:"Required",invalid_value:"Invalid value {{value}}"})).addValidator("sport",new F({required:!0,options:n.sports},{required:"Required {{options}}",invalid_option:"Invalod option {{option}} {{options}}"})).format(n.data),e.validatorData=X.data();break;case J.change:X.validate(Object.assign(Object.assign({},e.validatorData.str),t.data)),e.validatorData=X.data(),console.log("obj:",JSON.stringify(e.validatorData,null,4));break;case J.submit:if(t.event.preventDefault(),X.validate(t.data),e.validatorData=X.data(),e.validatorData=X.data(),X.valid){console.log(X),e.data=X.obj;const t=JSON.stringify(e.data,null,4);console.dir(t),alert(`Form submit: \n${t}`)}}var n}))}));
+//# sourceMappingURL=hsml-app-form-validation_demo.bb392ab0.js.map