peryl 1.5.21 → 1.5.23

package/dist/browser-esmodule/index.js

@@ -757,7 +757,7 @@ const $b951870b67fa90fa$export$baec1e6ad0617c4b = (data)=>{
     const d = typeof data === "string" ? $b951870b67fa90fa$export$74e860f5d1acb08f(data) : data;
     const dpath = (_a = d.path) !== null && _a !== void 0 ? _a : [];
     const dquery = (_b = d.query) !== null && _b !== void 0 ? _b : {};
-    const path = dpath.map((p)=>encodeURIComponent(p)).join("/");
+    const path = dpath.map((p)=>encodeURIComponent(p !== null && p !== void 0 ? p : "")).join("/");
     const query = Object.entries(dquery).reduce((p, c)=>{
         if (typeof c[1] === "string") p.append(c[0], c[1]);
         else if (c[1] && typeof c[1].length === "number") c[1].forEach((v)=>p.append(c[0], v));
@@ -818,7 +818,7 @@ class $b951870b67fa90fa$export$ab85ecd77ce6a5cd {
         return this._decode(location.hash.slice(1));
     }
     write(data) {
-        location.hash = "#" + this._encode(data);
+        location.hash = this._encode(data);
         if (!this._emitWritten) {
             this._writtenDataJson = JSON.stringify(data);
             this._cb && this._cb(data);
@@ -1859,16 +1859,18 @@ 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);
+    return new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hAppI.state, hAppI.view, hAppI.dispatcher, hAppI.element, hAppI.debug, hAppI.id);
 }
 function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(hAppI) {
-    customElements.define(`${$9adf8bc2f1ba310f$var$HAPP}-${hAppI.name}`, class HAppElement extends HTMLElement {
+    if (!customElements.get(hAppI.id)) customElements.define(hAppI.id, class HAppElement extends HTMLElement {
         static get observedAttributes() {
-            return hAppI.attributes;
+            var _a;
+            const state = hAppI.state();
+            return ((_a = hAppI.attributes) !== null && _a !== void 0 ? _a : typeof state === "object") ? Object.keys(state) : [];
         }
         constructor(){
             super();
-            this._happel = new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hAppI.state, hAppI.view, hAppI.dispatcher, undefined, hAppI.debug, hAppI.name, hAppI.attributes);
+            this._happel = new $9adf8bc2f1ba310f$export$8cfef5dc37c46888(hAppI.state, hAppI.view, hAppI.dispatcher, undefined, hAppI.debug, hAppI.id);
             this._happel.customElement = this;
         }
         connectedCallback() {
@@ -1893,7 +1895,7 @@ function $9adf8bc2f1ba310f$export$1cfc54b3834d3c50(hAppI) {
     });
 }
 class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
-    constructor(state, view, dispatcher, element, debug, name, attributes){
+    constructor(state, view, dispatcher, element, debug, id){
         this.refs = {};
         this.dispatch = (type, data, scope)=>$9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
                 return this._dispatchAction(type, data, undefined, scope);
@@ -1905,17 +1907,17 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
                 try {
                     hsmls = this.view(this.state);
                 } catch (e) {
-                    $9adf8bc2f1ba310f$export$8cfef5dc37c46888.error(this.name, $9adf8bc2f1ba310f$var$msgRender, e);
+                    $9adf8bc2f1ba310f$export$8cfef5dc37c46888.error(this.id, $9adf8bc2f1ba310f$var$msgRender, e);
                 }
                 const t1 = performance.now();
-                $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.name, $9adf8bc2f1ba310f$var$msgRender, `${t1 - t0} ms`, hsmls);
+                $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.id, $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$export$8cfef5dc37c46888.error(this.name, $9adf8bc2f1ba310f$var$msgRender, e);
+                    $9adf8bc2f1ba310f$export$8cfef5dc37c46888.error(this.id, $9adf8bc2f1ba310f$var$msgRender, e);
                 }
                 return hsmls !== null && hsmls !== void 0 ? hsmls : [];
             }
@@ -1997,20 +1999,19 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
         this.toHtml = ()=>{
             return this.element ? this.element.outerHTML : "";
         };
+        this.id = id !== null && id !== void 0 ? id : $9adf8bc2f1ba310f$var$HAPP;
         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$export$8cfef5dc37c46888.log(this.name, $9adf8bc2f1ba310f$var$msgAction, a.type, a.data);
+                return $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.id, $9adf8bc2f1ba310f$var$msgAction, a.type, a.data);
             });
         this._dispatchAction($9adf8bc2f1ba310f$export$3dcd9fad60135c2c.init, this).then(()=>element && this.mount(element));
     }
     _dispatchAction(type, data, event, scope) {
         return $9adf8bc2f1ba310f$var$__awaiter(this, void 0, void 0, function*() {
             if (this.debug) {
-                $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.name, $9adf8bc2f1ba310f$var$msgAction, {
+                $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.id, $9adf8bc2f1ba310f$var$msgAction, {
                     type: type,
                     data: data,
                     event: event
@@ -2018,23 +2019,21 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
                 const t0 = performance.now();
                 yield this._dispatch(type, data, event, scope);
                 const t1 = performance.now();
-                $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.name, $9adf8bc2f1ba310f$var$msgDispatch, `${t1 - t0} ms`, this.state);
+                $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.id, $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*() {
-            if (!scope) {
-                try {
-                    yield this.dispatcher({
-                        type: type,
-                        data: data,
-                        event: event
-                    }, this.state, this.dispatch);
-                } catch (e) {
-                    $9adf8bc2f1ba310f$export$8cfef5dc37c46888.error(this.name, $9adf8bc2f1ba310f$var$msgDispatch, e);
-                }
-                this.update();
+            if (!scope) try {
+                const skipUpdate = yield this.dispatcher({
+                    type: type,
+                    data: data,
+                    event: event
+                }, this.state, this.dispatch);
+                if (!skipUpdate) this.update();
+            } catch (e) {
+                $9adf8bc2f1ba310f$export$8cfef5dc37c46888.error(this.id, $9adf8bc2f1ba310f$var$msgDispatch, e);
             }
             scope === "element" && this._dispatchElement(type, data);
             scope === "window" && this._dispatchWindow(type, data);
@@ -2076,7 +2075,7 @@ class $9adf8bc2f1ba310f$export$8cfef5dc37c46888 {
             const t0 = performance.now();
             (0, $32c8c7b45dace799$export$ccb3a8beff05eea9)(el, hsml, ctx);
             const t1 = performance.now();
-            $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.name, $9adf8bc2f1ba310f$var$msgUpdate, `${t1 - t0} ms`, el);
+            $9adf8bc2f1ba310f$export$8cfef5dc37c46888.log(this.id, $9adf8bc2f1ba310f$var$msgUpdate, `${t1 - t0} ms`, el);
         } else (0, $32c8c7b45dace799$export$ccb3a8beff05eea9)(el, hsml, ctx);
     }
 }