peryl 1.5.2 → 1.5.4

package/demo/js/hsml-app-js_demo.html

@@ -18,10 +18,10 @@
     <script src="../../dist/browser-umd/hsml-app.js"></script>
     <!-- <script src="https://unpkg.com/peryl/dist/browser-umd/hsml-app.js"></script> -->
     <script type="module">
-        // import { HApp, HAppAction } from "../../dist/browser-esmodule/hsml-app.js";
-        // import { HApp, HAppAction } from "https://unpkg.com/peryl/dist/browser-esmodule/hsml-app.js";
+        // import { HApp, HAppActions } from "../../dist/browser-esmodule/hsml-app.js";
+        // import { HApp, HAppActions } from "https://unpkg.com/peryl/dist/browser-esmodule/hsml-app.js";
 
-        const Action = {
+        const Actions = {
             title: "title",
             dec: "dec",
             inc: "inc",
@@ -47,12 +47,12 @@
                         type: "text",
                         name: "title",
                         value: new String(state.title),
-                        on: ["input", Action.title]
+                        on: ["input", Actions.title]
                     }]
                 ]],
                 ["p", [
                     ["button.w3-button.w3-blue",
-                        { on: ["click", Action.clear] },
+                        { on: ["click", Actions.clear] },
                         "Clear title"
                     ]
                 ]],
@@ -71,12 +71,12 @@
                         ]
                     ]],
                     ["button.w3-button.w3-blue",
-                        { on: ["click", Action.dec, 1] },
+                        { on: ["click", Actions.dec, 1] },
                         [["i.fa.fa-chevron-left"]]
                     ],
                     " ",
                     ["button.w3-button.w3-blue",
-                        { on: ["click", Action.inc, 2] },
+                        { on: ["click", Actions.inc, 2] },
                         [["i.fa.fa-chevron-right"]]
                     ]
                 ]]
@@ -89,26 +89,26 @@
             console.log("happ:", this);
 
             switch (action.type) {
-                case HAppAction._init:
-                case HAppAction._mount:
-                case HAppAction._umount:
+                case HAppActions.init:
+                case HAppActions.mount:
+                case HAppActions.umount:
                     break;
 
-                case Action.title:
+                case Actions.title:
                     state.title = action.data.title;
                     break;
 
-                case Action.inc:
+                case Actions.inc:
                     state.count = state.count + action.data;
                     // async action call
-                    setTimeout(() => dispatch(Action.dec, 1), 1e3);
+                    setTimeout(() => dispatch(Actions.dec, 1), 1e3);
                     break;
 
-                case Action.dec:
+                case Actions.dec:
                     state.count = state.count - action.data;
                     break;
 
-                case Action.clear:
+                case Actions.clear:
                     state.title = "";
                     break;
 
@@ -117,8 +117,6 @@
             }
         };
 
-        // HApp.debug = true;
-
         new HApp(state, view, dispatcher, "app");
 
     </script>

package/dist/browser-esmodule/encode.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;AACM,MAAO;IAET,OAAO,OAAO,IAAS,EAAE,SAAS,EAAE,EAApC;QACI,IAAI;QACJ,IAAI,OAAO,SAAS,UAChB,MAAM;aACH;YACH,MAAM,SAAmB,EAAE;YAC3B,IAAI,OAAO;YACX,IAAK,IAAI,OAAO,KACZ,IAAI,KAAK,cAAc,CAAC,MAAM;gBAC1B,IAAI,QAAQ,IAAI,CAAC,IAAI;gBACrB,IAAI,CAAE,CAAA,iBAAiB,KAAA,GACnB,QAAQ;oBAAC;iBAAM;gBAEnB,MAAM,cAAc,MAAM,MAAM;gBAChC,IAAK,IAAI,IAAI,GAAG,IAAI,aAAa,IAAK;oBAClC,MAAM,MAAM,KAAK,CAAC,EAAE;oBACpB,IAAI,AAAC,OAAO,QAAQ,YAAc,OAAO,IAAI,EACzC,MAAM,CAAC,OAAO,GAAG,UAAU,MAAM,CAAC,KAAK,SAAS,MAAM;yBACnD;wBACH,MAAM,CAAC,KAAK,GAAG,mBAAmB,SAAS;wBAC3C,IAAI,OAAO,IAAI,EACX,MAAM,CAAC,KAAK,IAAI,MAAM,mBAAmB;wBAE7C;oBACH,CAAA;gBACJ;YACJ,CAAA;YAEL,MAAM,OAAO,IAAI,CAAC;QACrB,CAAA;QACD,OAAO;IACX;IAEA,OAAO,OAAO,GAAW,EAAzB;QACI,MAAM,OAAY,CAAA;QAClB,IAAI,KAAK;YACL,MAAM,SAAS,IAAI,KAAK,CAAC;YACzB,MAAM,eAAe,OAAO,MAAM;YAClC,IAAK,IAAI,IAAI,GAAG,IAAI,cAAc,IAAK;gBACnC,MAAM,YAAY,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC;gBAClC,MAAM,MAAM,mBAAmB,SAAS,CAAC,EAAE;gBAC3C,IAAI,UAAU,MAAM,GAAG,GAAG;oBACtB,MAAM,QAAQ,mBAAmB,SAAS,CAAC,EAAE;oBAC7C,MAAM,OAAO,IAAI,KAAK,CAAC;oBACvB,MAAM,OAAO,KAAK,MAAM;oBACxB,IAAI,MAAM;oBACV,IAAK,IAAI,IAAI,GAAG,IAAI,MAAM,IAAK;wBAC3B,MAAM,WAAW,IAAI,CAAC,EAAE;wBACxB,MAAM,IAAI,GAAG,CAAC,SAAS;wBACvB,IAAI,MAAO,OAAO,GAAI;4BAClB,IAAI,CAAC,GACD,GAAG,CAAC,SAAS,GAAG;iCACb,IAAI,aAAa,OACpB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC;iCAChB;gCACH,GAAG,CAAC,SAAS,GAAG;oCAAC;iCAAE;gCACnB,GAAG,CAAC,SAAS,CAAC,EAAE,GAAG;4BACtB,CAAA;wBACJ,OAAM;4BACH,IAAI,CAAC,GACD,GAAG,CAAC,SAAS,GAAG,CAAA;4BAEpB,MAAM,GAAG,CAAC,SAAS;wBACtB,CAAA;oBACJ;gBACJ,OACG,IAAI,CAAC,IAAI,GAAG,IAAI;YAEvB;QACJ,CAAA;QACD,OAAO;IACX;AAEH;AAEK,MAAO;IAIT,OAAO,OAAO,CAAS,EAAvB;QACI,IAAI,IAAI;QACR,IAAI,GAAQ,GAAQ,GAAQ,GAAQ,GAAQ,GAAQ;QACpD,IAAI,IAAI;QACR,IAAI,0CAAO,YAAY,CAAC;QACxB,MAAO,IAAI,EAAE,MAAM,CAAE;YACjB,IAAI,EAAE,UAAU,CAAC;YACjB,IAAI,EAAE,UAAU,CAAC;YACjB,IAAI,EAAE,UAAU,CAAC;YACjB,IAAI,KAAK;YACT,IAAI,AAAC,CAAA,IAAI,CAAA,KAAM,IAAI,KAAK;YACxB,IAAI,AAAC,CAAA,IAAI,EAAA,KAAO,IAAI,KAAK;YACzB,IAAI,IAAI;YACR,IAAI,MAAM,IACN,IAAI,IAAI;iBACL,IAAI,MAAM,IACb,IAAI;YAER,IAAI,IAAI,0CAAO,OAAO,CAAC,MAAM,CAAC,KAAK,0CAAO,OAAO,CAAC,MAAM,CAAC,KAAK,0CAAO,OAAO,CAAC,MAAM,CAAC,KAAK,0CAAO,OAAO,CAAC,MAAM,CAAC;QAClH;QACD,OAAO;IACX;IAEA,OAAO,OAAO,CAAS,EAAvB;QACI,IAAI,IAAI;QACR,IAAI,GAAQ,GAAQ;QACpB,IAAI,GAAQ,GAAQ,GAAQ;QAC5B,IAAI,IAAI;QACR,IAAI,EAAE,OAAO,CAAC,uBAAuB;QACrC,MAAO,IAAI,EAAE,MAAM,CAAE;YACjB,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;YAClC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;YAClC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;YAClC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;YAClC,IAAI,KAAK,IAAI,KAAK;YAClB,IAAI,AAAC,CAAA,IAAI,EAAA,KAAO,IAAI,KAAK;YACzB,IAAI,AAAC,CAAA,IAAI,CAAA,KAAM,IAAI;YACnB,IAAI,IAAI,OAAO,YAAY,CAAC;YAC5B,IAAI,MAAM,IACN,IAAI,IAAI,OAAO,YAAY,CAAC;YAEhC,IAAI,MAAM,IACN,IAAI,IAAI,OAAO,YAAY,CAAC;QAEnC;QACD,IAAI,0CAAO,YAAY,CAAC;QACxB,OAAO;IACX;IAEQ,OAAO,aAAa,CAAS,EAA7B;QACJ,IAAI,EAAE,OAAO,CAAC,SAAS;QACvB,IAAI,IAAI;QACR,IAAK,IAAI,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,IAAK;YAC/B,MAAM,IAAI,EAAE,UAAU,CAAC;YACvB,IAAI,IAAI,KACJ,KAAK,OAAO,YAAY,CAAC;iBACtB,IAAI,IAAI,OAAO,IAAI,MAAM;gBAC5B,KAAK,OAAO,YAAY,CAAC,KAAK,IAAI;gBAClC,KAAK,OAAO,YAAY,CAAC,IAAI,KAAK;YACrC,OAAM;gBACH,KAAK,OAAO,YAAY,CAAC,KAAK,KAAK;gBACnC,KAAK,OAAO,YAAY,CAAC,KAAK,IAAI,KAAK;gBACvC,KAAK,OAAO,YAAY,CAAC,IAAI,KAAK;YACrC,CAAA;QACJ;QACD,OAAO;IACX;IAEQ,OAAO,aAAa,CAAS,EAA7B;QACJ,IAAI,IAAI;QACR,IAAI,IAAI;QACR,IAAI,IAAI;QACR,IAAI,KAAK;QACT,IAAI,KAAK;QACT,MAAO,IAAI,EAAE,MAAM,CAAE;YACjB,IAAI,EAAE,UAAU,CAAC;YACjB,IAAI,IAAI,KAAK;gBACT,KAAK,OAAO,YAAY,CAAC;gBACzB;YACH,OAAM,IAAI,IAAI,OAAO,IAAI,KAAK;gBAC3B,KAAK,EAAE,UAAU,CAAC,IAAI;gBACtB,KAAK,OAAO,YAAY,CAAC,AAAC,CAAA,IAAI,EAAA,KAAO,IAAI,KAAK;gBAC9C,KAAK;YACR,OAAM;gBACH,KAAK,EAAE,UAAU,CAAC,IAAI;gBACtB,KAAK,EAAE,UAAU,CAAC,IAAI;gBACtB,KAAK,OAAO,YAAY,CAAC,AAAC,CAAA,IAAI,EAAA,KAAO,KAAK,AAAC,CAAA,KAAK,EAAA,KAAO,IAAI,KAAK;gBAChE,KAAK;YACR,CAAA;QACJ;QACD,OAAO;IACX;A;AA7Fe,0CAAA,OAAO,GAAG","sources":["src/encode.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"],"names":[],"version":3,"file":"encode.js.map"}
+{"mappings":"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","sources":["src/encode.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"],"names":[],"version":3,"file":"encode.js.map"}

package/dist/browser-esmodule/hsml-app.js

@@ -3,12 +3,11 @@ function $parcel$export(e, n, v, s) {
 }
 var $9adf8bc2f1ba310f$exports = {};
 
-$parcel$export($9adf8bc2f1ba310f$exports, "HAppAction", function () { return $9adf8bc2f1ba310f$export$15cfcbba5b21308e; }, function (v) { return $9adf8bc2f1ba310f$export$15cfcbba5b21308e = v; });
+$parcel$export($9adf8bc2f1ba310f$exports, "HAppActions", function () { return $9adf8bc2f1ba310f$export$3dcd9fad60135c2c; }, function (v) { return $9adf8bc2f1ba310f$export$3dcd9fad60135c2c = v; });
+$parcel$export($9adf8bc2f1ba310f$exports, "HDispatchScopes", function () { return $9adf8bc2f1ba310f$export$3d736e925369e0e4; }, function (v) { return $9adf8bc2f1ba310f$export$3d736e925369e0e4 = v; });
 $parcel$export($9adf8bc2f1ba310f$exports, "happ", function () { return $9adf8bc2f1ba310f$export$eb8950696418f795; }, function (v) { return $9adf8bc2f1ba310f$export$eb8950696418f795 = v; });
 $parcel$export($9adf8bc2f1ba310f$exports, "HApp", function () { return $9adf8bc2f1ba310f$export$8cfef5dc37c46888; }, function (v) { return $9adf8bc2f1ba310f$export$8cfef5dc37c46888 = v; });
-$parcel$export($9adf8bc2f1ba310f$exports, "happi", function () { return $9adf8bc2f1ba310f$export$e905700d74a7763f; }, function (v) { return $9adf8bc2f1ba310f$export$e905700d74a7763f = v; });
 $parcel$export($9adf8bc2f1ba310f$exports, "happel", function () { return $9adf8bc2f1ba310f$export$1cfc54b3834d3c50; }, function (v) { return $9adf8bc2f1ba310f$export$1cfc54b3834d3c50 = v; });
-$parcel$export($9adf8bc2f1ba310f$exports, "controllersDdispatcher", function () { return $9adf8bc2f1ba310f$export$dd8a94d3c5ec9827; }, function (v) { return $9adf8bc2f1ba310f$export$dd8a94d3c5ec9827 = v; });
 var $32c8c7b45dace799$exports = {};
 
 $parcel$export($32c8c7b45dace799$exports, "hsml2idomPatch", function () { return $32c8c7b45dace799$export$c539705c0f97f623; });
@@ -846,9 +845,9 @@ class $32c8c7b45dace799$var$HsmlIDomHandler {
             case "_id":
             case "_classes":
             case "_ref":
-            case "_key":
-            case "_skip":
             case "_hObj":
+            case "key":
+            case "skip":
                 break;
             case "id":
                 id = attrs[a];
@@ -898,14 +897,14 @@ class $32c8c7b45dace799$var$HsmlIDomHandler {
         }
         if (classes.length) props.unshift("class", classes.join(" "));
         if (id) props.unshift("id", id);
-        (0, $820cd2154730c00b$export$c08238b528ee4605)(tag, attrs._key, undefined, ...props);
-        if (attrs._skip) (0, $f070ae32bf01fca2$export$955fc4a6c4be454d)();
+        (0, $820cd2154730c00b$export$c08238b528ee4605)(tag, attrs.key, undefined, ...props);
+        if (attrs.skip) (0, $f070ae32bf01fca2$export$955fc4a6c4be454d)();
         if (ctx && ref) ctx.refs[ref] = (0, $f070ae32bf01fca2$export$910f131cbf8f9c16)();
         if (hObj && hObj.mount && hObj.mount.constructor === Function) {
             hObj.mount((0, $f070ae32bf01fca2$export$910f131cbf8f9c16)());
             (0, $f070ae32bf01fca2$export$955fc4a6c4be454d)();
         }
-        return attrs._skip ? true : false;
+        return attrs.skip ? true : false;
     }
     close(tag, children, ctx) {
         (0, $820cd2154730c00b$export$5a9f50133313a819)(tag);
@@ -973,34 +972,38 @@ var $9adf8bc2f1ba310f$var$__awaiter = undefined && undefined.__awaiter || functi
 const $9adf8bc2f1ba310f$var$log = console.log;
 const $9adf8bc2f1ba310f$var$error = console.error;
 const $9adf8bc2f1ba310f$var$warn = console.warn;
-var $9adf8bc2f1ba310f$export$15cfcbba5b21308e;
-(function(HAppAction) {
-    HAppAction["_init"] = "_init";
-    HAppAction["_mount"] = "_mount";
-    HAppAction["_umount"] = "_umount";
-    HAppAction["_element"] = "_element";
-})($9adf8bc2f1ba310f$export$15cfcbba5b21308e || ($9adf8bc2f1ba310f$export$15cfcbba5b21308e = {}));
+var $9adf8bc2f1ba310f$export$3dcd9fad60135c2c;
+(function(HAppActions) {
+    HAppActions["init"] = "happ-init";
+    HAppActions["mount"] = "happ-mount";
+    HAppActions["umount"] = "happ-umount";
+    HAppActions["update"] = "happ-update";
+    HAppActions["action"] = "happ-action";
+    HAppActions["attribute"] = "happ-attribute";
+})($9adf8bc2f1ba310f$export$3dcd9fad60135c2c || ($9adf8bc2f1ba310f$export$3dcd9fad60135c2c = {}));
+var $9adf8bc2f1ba310f$export$3d736e925369e0e4;
+(function(HDispatchScopes) {
+    HDispatchScopes["element"] = "element";
+    HDispatchScopes["window"] = "window";
+})($9adf8bc2f1ba310f$export$3d736e925369e0e4 || ($9adf8bc2f1ba310f$export$3d736e925369e0e4 = {}));
 const $9adf8bc2f1ba310f$var$schedule = window.requestAnimationFrame || function(callback) {
     window.setTimeout(callback, 1000 / 60);
 };
 const $9adf8bc2f1ba310f$var$unschedule = window.cancelAnimationFrame || function(handle) {
     window.clearTimeout(handle);
 };
-const $9adf8bc2f1ba310f$var$msgAction = "HApp action:";
-const $9adf8bc2f1ba310f$var$msgDispatch = "HApp dispatch:";
-const $9adf8bc2f1ba310f$var$msgRender = "HApp render:";
-const $9adf8bc2f1ba310f$var$msgUpdate = "HApp update:";
-function $9adf8bc2f1ba310f$export$eb8950696418f795(state, view, dispatcher, element = document.body) {
-    return new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(state, view, dispatcher, element);
-}
-function $9adf8bc2f1ba310f$export$e905700d74a7763f(hAppI, e = document.body) {
-    const hapi = new hAppI();
-    return new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hapi.state, hapi.view, hapi.dispatcher, e);
-}
-function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(elementName, elementAttrs, state, view, dispatcher) {
-    customElements.define(elementName, class HAppElement extends HTMLElement {
+const $9adf8bc2f1ba310f$var$msgAction = "action:";
+const $9adf8bc2f1ba310f$var$msgDispatch = "dispatch:";
+const $9adf8bc2f1ba310f$var$msgRender = "render:";
+const $9adf8bc2f1ba310f$var$msgUpdate = "update:";
+const $9adf8bc2f1ba310f$var$HAPP = "happ";
+function $9adf8bc2f1ba310f$export$eb8950696418f795(hAppI) {
+    return new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hAppI.state, hAppI.view, hAppI.dispatcher, hAppI.element, hAppI.debug, hAppI.name);
+}
+function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(hAppI) {
+    customElements.define(`${$9adf8bc2f1ba310f$var$HAPP}-${hAppI.name}`, class HAppElement extends HTMLElement {
         static get observedAttributes() {
-            return elementAttrs;
+            return hAppI.attributes;
         }
         connectedCallback() {
             this.attachShadow({
@@ -1015,7 +1018,7 @@ function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(elementName, elementAttrs, st
             this._happel.update();
         }
         attributeChangedCallback(attrName, oldVal, newVal) {
-            this._happel.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._element, {
+            this._happel.dispatch($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.attribute, {
                 attrName: attrName,
                 oldVal: oldVal,
                 newVal: newVal
@@ -1023,49 +1026,40 @@ function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(elementName, elementAttrs, st
         }
         constructor(){
             super();
-            this._happel = new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(state, view, dispatcher);
+            this._happel = new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hAppI.state, hAppI.view, hAppI.dispatcher, undefined, hAppI.debug, hAppI.name, hAppI.attributes);
             this._happel.customElement = this;
         }
     });
 }
-function $9adf8bc2f1ba310f$export$dd8a94d3c5ec9827(controllers) {
-    return function(action) {
-        return $9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
-            const controller = controllers[action.type];
-            if (controller) controller.apply(this, [
-                action.data,
-                action.event
-            ]);
-            else $9adf8bc2f1ba310f$var$warn("no controller for action", action);
-        });
-    };
-}
-const $9adf8bc2f1ba310f$var$HAPP = "happ";
 class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
-    _dispatch(type, data, event) {
-        var _a;
+    _dispatchAction(type, data, event, scope) {
         return $9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
-            try {
-                yield this.dispatcher({
+            if (this.debug) {
+                $9adf8bc2f1ba310f$var$log(this.name, $9adf8bc2f1ba310f$var$msgAction, {
                     type: type,
                     data: data,
                     event: event
-                }, this.state, this.dispatch);
-                (_a = this._onDispatch) === null || _a === void 0 || _a.call(this, {
+                });
+                const t0 = performance.now();
+                yield this._dispatch(type, data, event, scope);
+                const t1 = performance.now();
+                $9adf8bc2f1ba310f$var$log(this.name, $9adf8bc2f1ba310f$var$msgDispatch, `${t1 - t0} ms`, this.state);
+            } else yield this._dispatch(type, data, event, scope);
+        });
+    }
+    _dispatch(type, data, event, scope) {
+        return $9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
+            try {
+                yield this.dispatcher({
                     type: type,
                     data: data,
                     event: event
                 }, this.state, this.dispatch);
-                this.dom && $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(this.dom, $9adf8bc2f1ba310f$var$HAPP, {
-                    type: type,
-                    data: data,
-                    event: event
-                });
-                this.customElement && $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(this.customElement, type, data);
-                !this.customElement && this.dom && $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(this.dom, type, data);
                 this.update();
+                scope === "element" && this._dispatchElement(type, data);
+                scope === "window" && this._dispatchWindow(type, data);
             } catch (e) {
-                $9adf8bc2f1ba310f$var$error($9adf8bc2f1ba310f$var$msgDispatch, e);
+                $9adf8bc2f1ba310f$var$error(this.name, $9adf8bc2f1ba310f$var$msgDispatch, e);
             }
         });
     }
@@ -1073,35 +1067,39 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
         if (!this._windowEventListener) {
             this._windowEventListener = (event)=>{
                 const action = event.detail;
-                this.dispatch(action.type, action.data, event);
+                this._dispatchAction(action.type, action.data);
             };
-            window.addEventListener($9adf8bc2f1ba310f$var$HAPP, this._windowEventListener);
+            window.addEventListener($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.action, this._windowEventListener);
         } else $9adf8bc2f1ba310f$var$warn("windowEventListener olready setted");
     }
     windowDispatchOff() {
-        if (this._windowEventListener) window.removeEventListener($9adf8bc2f1ba310f$var$HAPP, this._windowEventListener);
+        if (this._windowEventListener) window.removeEventListener($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.action, this._windowEventListener);
     }
-    constructor(state, view, dispatcher, e = document.body){
+    _updateDom(el, hsml, ctx) {
+        if (this.debug) {
+            const t0 = performance.now();
+            (0, $32c8c7b45dace799$export$ccb3a8beff05eea9)(el, hsml, ctx);
+            const t1 = performance.now();
+            $9adf8bc2f1ba310f$var$log(this.name, $9adf8bc2f1ba310f$var$msgUpdate, `${t1 - t0} ms`, el);
+        } else (0, $32c8c7b45dace799$export$ccb3a8beff05eea9)(el, hsml, ctx);
+    }
+    constructor(state, view, dispatcher, element, debug, name, attributes){
         this.refs = {};
-        this.onDispatch = (dispatcher)=>{
-            this._onDispatch = dispatcher;
-            return this;
-        };
-        this.dispatch = (type, data, event)=>$9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
-                if ($9adf8bc2f1ba310f$export$8cfef5dc37c46888.debug) {
-                    $9adf8bc2f1ba310f$var$log($9adf8bc2f1ba310f$var$msgAction, {
-                        type: type,
-                        data: data,
-                        event: event
-                    });
-                    const t0 = performance.now();
-                    yield this._dispatch(type, data, event);
-                    const t1 = performance.now();
-                    $9adf8bc2f1ba310f$var$log($9adf8bc2f1ba310f$var$msgDispatch, `${t1 - t0} ms`, this.state);
-                } else yield this._dispatch(type, data, event);
+        this.dispatch = (type, data, scope)=>$9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
+                return this._dispatchAction(type, data, undefined, scope);
+            });
+        this._dispatchElement = (type, data)=>$9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
+                this.customElement && $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(this.customElement, $9adf8bc2f1ba310f$export$3dcd9fad60135c2c.action, {
+                    type: type,
+                    data: data
+                });
+                !this.customElement && this.element && $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(this.element, $9adf8bc2f1ba310f$export$3dcd9fad60135c2c.action, {
+                    type: type,
+                    data: data
+                });
             });
-        this.windowDispatch = (type, data, event)=>$9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
-                window.dispatchEvent(new CustomEvent($9adf8bc2f1ba310f$var$HAPP, {
+        this._dispatchWindow = (type, data)=>$9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
+                window.dispatchEvent(new CustomEvent($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.action, {
                     detail: {
                         type: type,
                         data: data
@@ -1109,94 +1107,93 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
                 }));
             });
         this.render = ()=>{
-            if ($9adf8bc2f1ba310f$export$8cfef5dc37c46888.debug) {
+            if (this.debug) {
                 const t0 = performance.now();
                 let hsmls;
                 try {
                     hsmls = this.view(this.state);
                 } catch (e) {
-                    $9adf8bc2f1ba310f$var$error($9adf8bc2f1ba310f$var$msgRender, e);
+                    $9adf8bc2f1ba310f$var$error(this.name, $9adf8bc2f1ba310f$var$msgRender, e);
                 }
                 const t1 = performance.now();
-                $9adf8bc2f1ba310f$var$log($9adf8bc2f1ba310f$var$msgRender, `${t1 - t0} ms`, hsmls);
+                $9adf8bc2f1ba310f$var$log(this.name, $9adf8bc2f1ba310f$var$msgRender, `${t1 - t0} ms`, hsmls);
                 return hsmls !== null && hsmls !== void 0 ? hsmls : [];
             } else {
                 let hsmls;
                 try {
                     hsmls = this.view(this.state);
                 } catch (e) {
-                    $9adf8bc2f1ba310f$var$error($9adf8bc2f1ba310f$var$msgRender, e);
+                    $9adf8bc2f1ba310f$var$error(this.name, $9adf8bc2f1ba310f$var$msgRender, e);
                 }
                 return hsmls !== null && hsmls !== void 0 ? hsmls : [];
             }
         };
-        this.actionCb = (action, data, event)=>{
+        this.actionCb = (actionType, data, event)=>{
             data = (data === null || data === void 0 ? void 0 : data.constructor) === Function ? data(event) : data;
             if (data === undefined && event) {
                 if (event instanceof CustomEvent) data = event.detail;
                 else data = $9adf8bc2f1ba310f$var$formData(event);
             }
-            this.dispatch(action, data, event);
+            this._dispatchAction(actionType, data, event);
         };
-        this.mount = (e = document.body)=>{
-            var _a;
-            const el = typeof e === "string" ? (_a = document.getElementById(e)) !== null && _a !== void 0 ? _a : document.body : e !== null && e !== void 0 ? e : document.body;
-            if (el[$9adf8bc2f1ba310f$var$HAPP]) {
+        this.mount = (e)=>{
+            const el = typeof e === "string" ? document.getElementById(e) : e;
+            if (el && el[$9adf8bc2f1ba310f$var$HAPP]) {
                 const a = el[$9adf8bc2f1ba310f$var$HAPP];
                 a.umount();
             }
-            if (!this.dom) {
-                this.dom = el;
+            if (el && !this.element) {
+                this.element = el;
                 el[$9adf8bc2f1ba310f$var$HAPP] = this;
                 const hsmls = this.render();
-                $9adf8bc2f1ba310f$var$updateDom(el, hsmls, this);
-                this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._mount, this.dom);
+                this._updateDom(el, hsmls, this);
+                this._dispatchAction($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.mount, this.element);
             }
             return this;
         };
         this.umount = ()=>{
-            if (this.dom) {
-                this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._umount, this.dom);
-                if (this.dom.hasAttribute($9adf8bc2f1ba310f$var$HAPP)) this.dom.removeAttribute($9adf8bc2f1ba310f$var$HAPP);
-                const aNodes = this.dom.querySelectorAll(`[${$9adf8bc2f1ba310f$var$HAPP}]`);
+            if (this.element) {
+                this._dispatchAction($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.umount, this.element);
+                if (this.element.hasAttribute($9adf8bc2f1ba310f$var$HAPP)) this.element.removeAttribute($9adf8bc2f1ba310f$var$HAPP);
+                const aNodes = this.element.querySelectorAll(`[${$9adf8bc2f1ba310f$var$HAPP}]`);
                 for(let i = 0; i < aNodes.length; i++){
                     const a = aNodes[i].happ;
                     a === null || a === void 0 || a.umount();
                 }
-                while(this.dom.firstChild)this.dom.removeChild(this.dom.firstChild);
-                delete this.dom.happ;
-                this.dom = undefined;
+                while(this.element.firstChild)this.element.removeChild(this.element.firstChild);
+                delete this.element.happ;
+                this.element = undefined;
             }
             return this;
         };
         this.update = ()=>{
-            if (this.dom && !this._updateSched) this._updateSched = $9adf8bc2f1ba310f$var$schedule(()=>{
-                if (this.dom) {
+            if (this.element && !this._updateSched) this._updateSched = $9adf8bc2f1ba310f$var$schedule(()=>{
+                if (this.element) {
                     const hsmls = this.render();
-                    $9adf8bc2f1ba310f$var$updateDom(this.dom, hsmls, this);
+                    this._updateDom(this.element, hsmls, this);
                 }
                 this._updateSched = undefined;
             });
             return this;
         };
         this.toHsml = ()=>{
-            if (this.dom) {
+            if (this.element) {
                 if (this._updateSched) {
                     $9adf8bc2f1ba310f$var$unschedule(this._updateSched);
                     this._updateSched = undefined;
                 } else return [
                     "div",
                     {
-                        _skip: true
+                        skip: true
                     }
                 ];
             }
             const hsmls = this.render();
             hsmls.push((e)=>{
-                if (!this.dom) {
-                    this.dom = e;
+                if (!this.element) {
+                    this.element = e;
                     e.happ = this;
-                    this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._mount, this.dom);
+                    this._dispatchAction($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.mount, this.element);
                 }
             });
             return [
@@ -1205,31 +1202,25 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
             ];
         };
         this.toHtml = ()=>{
-            return this.dom ? this.dom.outerHTML : "";
+            return this.element ? this.element.outerHTML : "";
         };
+        this.debug = debug !== null && debug !== void 0 ? debug : false;
+        this.name = name !== null && name !== void 0 ? name : $9adf8bc2f1ba310f$var$HAPP;
+        this.attributes = attributes !== null && attributes !== void 0 ? attributes : [];
         this.state = state();
         this.view = view;
         this.dispatcher = dispatcher !== null && dispatcher !== void 0 ? dispatcher : (a)=>$9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
-                return $9adf8bc2f1ba310f$var$log($9adf8bc2f1ba310f$var$msgAction, a.type, a.data);
+                return $9adf8bc2f1ba310f$var$log(this.name, $9adf8bc2f1ba310f$var$msgAction, a.type, a.data);
             });
-        this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._init, this).then(()=>this.mount(e));
+        this._dispatchAction($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.init, this).then(()=>element && this.mount(element));
     }
 }
-$9adf8bc2f1ba310f$export$8cfef5dc37c46888.debug = false;
-function $9adf8bc2f1ba310f$var$updateDom(el, hsml, ctx) {
-    if ($9adf8bc2f1ba310f$export$8cfef5dc37c46888.debug) {
-        const t0 = performance.now();
-        (0, $32c8c7b45dace799$export$ccb3a8beff05eea9)(el, hsml, ctx);
-        const t1 = performance.now();
-        $9adf8bc2f1ba310f$var$log($9adf8bc2f1ba310f$var$msgUpdate, `${t1 - t0} ms`, el);
-    } else (0, $32c8c7b45dace799$export$ccb3a8beff05eea9)(el, hsml, ctx);
-}
 function $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(el, type, data) {
     var _a, _b;
     el === null || el === void 0 || el.dispatchEvent(new CustomEvent(type, {
         detail: data
     }));
-    (_b = (_a = el)[`on${type.toLowerCase()}`]) === null || _b === void 0 || _b.call(_a, new CustomEvent(type, {
+    (_b = (_a = el)[`on${type}`]) === null || _b === void 0 || _b.call(_a, new CustomEvent(type, {
         detail: data
     }));
 }
@@ -1359,5 +1350,5 @@ function $9adf8bc2f1ba310f$var$formInputData(el) {
 }
 
 
-export {$9adf8bc2f1ba310f$export$15cfcbba5b21308e as HAppAction, $9adf8bc2f1ba310f$export$eb8950696418f795 as happ, $9adf8bc2f1ba310f$export$8cfef5dc37c46888 as HApp, $9adf8bc2f1ba310f$export$e905700d74a7763f as happi, $9adf8bc2f1ba310f$export$1cfc54b3834d3c50 as happel, $9adf8bc2f1ba310f$export$dd8a94d3c5ec9827 as controllersDdispatcher, $9adf8bc2f1ba310f$exports as default};
+export {$9adf8bc2f1ba310f$export$3dcd9fad60135c2c as HAppActions, $9adf8bc2f1ba310f$export$3d736e925369e0e4 as HDispatchScopes, $9adf8bc2f1ba310f$export$eb8950696418f795 as happ, $9adf8bc2f1ba310f$export$8cfef5dc37c46888 as HApp, $9adf8bc2f1ba310f$export$1cfc54b3834d3c50 as happel, $9adf8bc2f1ba310f$exports as default};
 //# sourceMappingURL=hsml-app.js.map