peryl 1.5.2 → 1.5.3

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

@@ -3,12 +3,12 @@ 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 +846,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 +898,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,13 +973,19 @@ 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"] = "init";
+    HAppActions["mount"] = "mount";
+    HAppActions["umount"] = "umount";
+    HAppActions["action"] = "action";
+    HAppActions["elementAttr"] = "elementAttr";
+})($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);
 };
@@ -993,9 +999,9 @@ 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) {
+function $9adf8bc2f1ba310f$export$e905700d74a7763f(hAppI, element = document.body) {
     const hapi = new hAppI();
-    return new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hapi.state, hapi.view, hapi.dispatcher, e);
+    return new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hapi.state, hapi.view, hapi.dispatcher, element);
 }
 function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(elementName, elementAttrs, state, view, dispatcher) {
     customElements.define(elementName, class HAppElement extends HTMLElement {
@@ -1015,7 +1021,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("elementAttr", {
                 attrName: attrName,
                 oldVal: oldVal,
                 newVal: newVal
@@ -1028,42 +1034,34 @@ function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(elementName, elementAttrs, st
         }
     });
 }
-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 ($9adf8bc2f1ba310f$export$8cfef5dc37c46888.debug) {
+                $9adf8bc2f1ba310f$var$log($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($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);
             }
@@ -1073,35 +1071,31 @@ 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("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("action", this._windowEventListener);
     }
-    constructor(state, view, dispatcher, e = document.body){
+    constructor(state, view, dispatcher, element = document.body){
         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, "action", {
+                    type: type,
+                    data: data
+                });
+                !this.customElement && this.dom && $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(this.dom, "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("action", {
                     detail: {
                         type: type,
                         data: data
@@ -1130,13 +1124,13 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
                 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;
@@ -1150,13 +1144,13 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
                 el[$9adf8bc2f1ba310f$var$HAPP] = this;
                 const hsmls = this.render();
                 $9adf8bc2f1ba310f$var$updateDom(el, hsmls, this);
-                this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._mount, this.dom);
+                this._dispatchAction("mount", this.dom);
             }
             return this;
         };
         this.umount = ()=>{
             if (this.dom) {
-                this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._umount, this.dom);
+                this._dispatchAction("umount", this.dom);
                 if (this.dom.hasAttribute($9adf8bc2f1ba310f$var$HAPP)) this.dom.removeAttribute($9adf8bc2f1ba310f$var$HAPP);
                 const aNodes = this.dom.querySelectorAll(`[${$9adf8bc2f1ba310f$var$HAPP}]`);
                 for(let i = 0; i < aNodes.length; i++){
@@ -1187,7 +1181,7 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
                 } else return [
                     "div",
                     {
-                        _skip: true
+                        skip: true
                     }
                 ];
             }
@@ -1196,7 +1190,7 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
                 if (!this.dom) {
                     this.dom = e;
                     e.happ = this;
-                    this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._mount, this.dom);
+                    this._dispatchAction("mount", this.dom);
                 }
             });
             return [
@@ -1212,7 +1206,7 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
         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);
             });
-        this.dispatch($9adf8bc2f1ba310f$export$15cfcbba5b21308e._init, this).then(()=>this.mount(e));
+        this._dispatchAction("init", this).then(()=>this.mount(element));
     }
 }
 $9adf8bc2f1ba310f$export$8cfef5dc37c46888.debug = false;
@@ -1229,7 +1223,7 @@ function $9adf8bc2f1ba310f$var$elementDispatchCustomEvent(el, type, data) {
     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 +1353,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$e905700d74a7763f as happi, $9adf8bc2f1ba310f$export$1cfc54b3834d3c50 as happel, $9adf8bc2f1ba310f$exports as default};
 //# sourceMappingURL=hsml-app.js.map