peryl 1.5.2 → 1.5.4

package/src/hsml-convert.ts

@@ -114,14 +114,14 @@ interface Handler {
     close(tag: string): void;
 }
 
-class HsmlHandler implements Handler {
+class HsmlHandler<HActionType extends string> implements Handler {
 
-    private _root = [[]] as HElements[];
+    private _root = [[]] as HElements<HActionType>[];
     private _nodePath = [] as any; // path that consist of previous hsml nodes
     private _pointer = this._root;
     private _dataRegex = /data-(.+)/;
 
-    root(): HElement {
+    root(): HElement<HActionType> {
         return this._root[0][0];
     }
 
@@ -175,7 +175,7 @@ class HsmlHandler implements Handler {
         const children: any[] = [];
         hsmlNode.push(children);
 
-        this._pointer[this._pointer.length - 1].push(hsmlNode as HElement);
+        this._pointer[this._pointer.length - 1].push(hsmlNode as HElement<HActionType>);
         this._nodePath.push(hsmlNode);
         this._pointer = hsmlNode;
         // console.log(">>>", hsmlPath.map(x => x[0]));
@@ -222,13 +222,13 @@ function domTraverse(node: Node, handler: Handler ): void {
     }
 }
 
-export function dom2hsml(node: Node): HElement {
-    const h = new HsmlHandler();
+export function dom2hsml<HActionType extends string>(node: Node): HElement<HActionType> {
+    const h = new HsmlHandler<HActionType>();
     node && domTraverse(node, h);
     return h.root();
 }
 
-export function html2hsml(html: string): HElement {
+export function html2hsml<HActionType extends string>(html: string): HElement<HActionType> {
     const node = new DOMParser()
         .parseFromString(html, "text/html")
         .getElementsByTagName("body")[0]
@@ -236,7 +236,7 @@ export function html2hsml(html: string): HElement {
     return node && dom2hsml(node);
 }
 
-export function hsml2str(hsml: HElement, condense = true): HElement {
+export function hsml2str<HActionType extends string>(hsml: HElement<HActionType>, condense = true): HElement<HActionType> {
     let str = JSON.stringify(hsml, undefined, 4);
     if (condense) {
         str = str.replace(/(\[)\s+(\"[a-zA-Z0-9_\#\.-]+\")\s+(\],?)$/mg, "$1$2$3");

package/src/hsml-dom.ts

@@ -1,25 +1,25 @@
 import {
     HAttrClasses,
     HAttrData, HAttrOn, HAttrOnAct,
-    HAttrOnAction, HAttrOnCb, HAttrOnData, HAttrStyles, HElement,
+    HAttrOnCb, HAttrOnData, HAttrStyles, HElement,
     HElements, HFnc, HHandler,
     HHandlerCtx, HObj, hsml, HTagAttrs, HTagHeadName
 } from "./hsml";
 
-function ctxActionCb(ctx: HHandlerCtx | undefined, attrOn: HAttrOn, e: Event) {
+function ctxActionCb<HAttrOnActType extends string>(ctx: HHandlerCtx<HAttrOnActType> | undefined, attrOn: HAttrOn<HAttrOnActType>, e: Event) {
     ctx &&
     ctx.actionCb &&
     typeof ctx.actionCb === "function" &&
-    ctx.actionCb(attrOn[1] as HAttrOnAction, attrOn[2] as HAttrOnData, e);
+    ctx.actionCb(attrOn[1] as HAttrOnActType, attrOn[2] as HAttrOnData, e);
 }
 
-class HsmlDomHandler implements HHandler<HHandlerCtx> {
+class HsmlDomHandler<HAttrOnActType extends string> implements HHandler<HAttrOnActType, HHandlerCtx<HAttrOnActType>> {
 
     element?: HTMLElement;
 
     private _current?: HTMLElement;
 
-    open(tag: HTagHeadName, attrs: HTagAttrs, children: HElements, ctx?: HHandlerCtx): boolean {
+    open(tag: HTagHeadName, attrs: HTagAttrs<HAttrOnActType>, children: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): boolean {
         const e = document.createElement(tag);
         let id = attrs._id;
         let classes: string[] = attrs._classes ? attrs._classes : [];
@@ -31,9 +31,9 @@ class HsmlDomHandler implements HHandler<HHandlerCtx> {
                     case "_id":
                     case "_classes":
                     case "_ref":
-                    case "_key":
-                    case "_skip":
                     case "_hObj":
+                    case "key":
+                    case "skip":
                         break;
                     case "id":
                         id = attrs[a] as string;
@@ -73,7 +73,7 @@ class HsmlDomHandler implements HHandler<HHandlerCtx> {
                         }
                         break;
                     case "on":
-                        const attrOn = attrs[a] as HAttrOn;
+                        const attrOn = attrs[a] as HAttrOn<HAttrOnActType>;
                         if (typeof attrOn[0] === "string") {
                             if (typeof attrOn[1] === "function") {
                                 e.addEventListener(attrOn[0] as string, attrOn[1] as (e: Event) => void);
@@ -82,7 +82,7 @@ class HsmlDomHandler implements HHandler<HHandlerCtx> {
                                         (e: Event) => ctxActionCb(ctx, attrOn, e));
                             }
                         } else {
-                            (attrOn as Array<HAttrOnCb | HAttrOnAct>)
+                            (attrOn as Array<HAttrOnCb | HAttrOnAct<HAttrOnActType>>)
                                 .forEach(attr => {
                                     if (typeof attr[1] === "function") {
                                         e.addEventListener(attr[0] as string, attr[1] as (e: Event) => void);
@@ -123,26 +123,26 @@ class HsmlDomHandler implements HHandler<HHandlerCtx> {
         if (hObj && hObj.mount && hObj.mount.constructor === Function) {
             hObj.mount(e);
         }
-        return attrs._skip ? true : false;
+        return attrs.skip ? true : false;
     }
 
-    close(tag: HTagHeadName, children: HElements, ctx?: HHandlerCtx): void {
+    close(tag: HTagHeadName, children: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
         if (this._current !== this.element) {
             this._current && (this._current = this._current.parentElement ?? undefined);
         }
     }
 
-    text(text: string, ctx?: HHandlerCtx): void {
+    text(text: string, ctx?: HHandlerCtx<HAttrOnActType>): void {
         this._current && this._current.appendChild(document.createTextNode(text));
     }
 
-    fnc(fnc: HFnc, ctx?: HHandlerCtx): void {
+    fnc(fnc: HFnc, ctx?: HHandlerCtx<HAttrOnActType>): void {
         this._current && fnc(this._current);
     }
 
-    obj(obj: HObj, ctx?: HHandlerCtx): void {
+    obj(obj: HObj<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
         if ("toHsml" in obj) {
-            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx);
+            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx<HAttrOnActType>);
         } else {
             this.text("" + obj, ctx);
         }
@@ -150,13 +150,13 @@ class HsmlDomHandler implements HHandler<HHandlerCtx> {
 
 }
 
-export function hsml2dom(hml: HElement, ctx?: HHandlerCtx): HTMLElement | undefined {
+export function hsml2dom<HAttrOnActType extends string>(hml: HElement<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): HTMLElement | undefined {
     const handler = new HsmlDomHandler();
     hsml(hml, handler, ctx);
     return handler.element;
 }
 
-export function hsmls2dom(hmls: HElements, ctx?: HHandlerCtx): Node[] {
+export function hsmls2dom<HAttrOnActType extends string>(hmls: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): Node[] {
     const elems: Node[] = [];
     for (const hml of hmls) {
         if (hml === undefined || hml === null) {
@@ -165,7 +165,7 @@ export function hsmls2dom(hmls: HElements, ctx?: HHandlerCtx): Node[] {
         if (hml.constructor === String) {
             elems.push(document.createTextNode(hml as string));
         } else if ("toHsml" in (hml as object)) {
-            const obj = hml as HHandlerCtx;
+            const obj = hml as HHandlerCtx<HAttrOnActType>;
             if (obj.toHsml) {
                 elems.push(hsml2dom(obj.toHsml(), obj)!);
             }

package/src/hsml-h.ts

@@ -1,14 +1,14 @@
 import { HElement, HTagAttrs, HTagHead, HFnc, HTagChildren } from "./hsml";
 
-export function h(tag: HTagHead): HElement;
-export function h(tag: HTagHead, text: string | number): HElement;
-export function h(tag: HTagHead, children: HTagChildren): HElement;
-export function h(tag: HTagHead, fnc: HFnc): HElement;
-export function h(tag: HTagHead, attrs: HTagAttrs): HElement;
-export function h(tag: HTagHead, attrs: HTagAttrs, text: string | number): HElement;
-export function h(tag: HTagHead, attrs: HTagAttrs, children: HElement[]): HElement;
-export function h(tag: HTagHead, attrs: HTagAttrs, fnc: HFnc): HElement;
-export function h(tag: HTagHead, second?: HTagAttrs | HTagChildren, third?: HTagAttrs | HTagChildren): HElement {
+export function h<ActionType extends string>(tag: HTagHead): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, text: string | number): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, children: HTagChildren<ActionType>): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, fnc: HFnc): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, attrs: HTagAttrs<ActionType>): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, attrs: HTagAttrs<ActionType>, text: string | number): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, attrs: HTagAttrs<ActionType>, children: HElement<ActionType>[]): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, attrs: HTagAttrs<ActionType>, fnc: HFnc): HElement<ActionType>;
+export function h<ActionType extends string>(tag: HTagHead, second?: HTagAttrs<ActionType> | HTagChildren<ActionType>, third?: HTagAttrs<ActionType> | HTagChildren<ActionType>): HElement<ActionType> {
     const result: [string, ...any[]] = [tag];
     if (second) {
         if (typeof second === "string" || typeof second === "number") {
@@ -27,5 +27,5 @@ export function h(tag: HTagHead, second?: HTagAttrs | HTagChildren, third?: HTag
             result.push(third);
         }
     }
-    return result as HElement;
+    return result as HElement<ActionType>;
 }

package/src/hsml-html.ts

@@ -6,7 +6,7 @@ import {
     HHandlerCtx, HObj, hsml, HTagAttrs, HTagHeadName
 } from "./hsml";
 
-class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
+class HsmlHtmlHandler<HAttrOnActType extends string> implements HHandler<HAttrOnActType, HHandlerCtx<HAttrOnActType>> {
 
     private static _pairTags = [
         "script", "iframe",
@@ -29,7 +29,7 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
         this._indent = indent;
     }
 
-    open(tag: HTagHeadName, attrs: HTagAttrs, children: HElements, ctx?: HHandlerCtx): boolean {
+    open(tag: HTagHeadName, attrs: HTagAttrs<HAttrOnActType>, children: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): boolean {
         const props: any[] = [];
         let id = attrs._id;
         let classes: string[] = attrs._classes ? attrs._classes : [];
@@ -40,9 +40,9 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
                     case "_id":
                     case "_classes":
                     case "_ref":
-                    case "_key":
-                    case "_skip":
                     case "_hObj":
+                    case "key":
+                    case "skip":
                         break;
                     case "id":
                         id = attrs[a] as string;
@@ -57,7 +57,7 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
                                         : (c[1] ? c[0] as string : undefined))
                                 .filter((c): c is string => c !== undefined)
                             : [] as string[]);
-                    break;
+                        break;
                     case "class":
                         classes = classes.concat((attrs[a] as string).split(" "));
                         break;
@@ -121,7 +121,7 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
         }
         this._onHtml(html);
         if (hObj && "render" in hObj && hObj.render.constructor === Function) {
-            const hsmls = hObj.render() as HElements;
+            const hsmls = hObj.render() as HElements<HAttrOnActType>;
             for (const hml of hsmls) {
                 if (hml === undefined || hml === null) {
                     continue;
@@ -129,17 +129,17 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
                 if (hml.constructor === String) {
                     this._onHtml(hml + (this._pretty ? "\n" : ""));
                 } else if ("toHsml" in (hml as any)) {
-                    const obj = hml as HObj;
+                    const obj = hml as HObj<HAttrOnActType>;
                     obj.toHsml && hsml(obj.toHsml(), this);
                 } else {
-                    hsml(hml as HElement, this);
+                    hsml(hml as HElement<HAttrOnActType>, this);
                 }
             }
         }
         return false;
     }
 
-    close(tag: HTagHeadName, children: HElements, ctx?: HHandlerCtx): void {
+    close(tag: HTagHeadName, children: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
         let html = "";
         const pairTag = (children.length || HsmlHtmlHandler._pairTags.indexOf(tag) !== -1);
         if (this._pretty) {
@@ -157,7 +157,7 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
         }
     }
 
-    text(text: string, ctx?: HHandlerCtx): void {
+    text(text: string, ctx?: HHandlerCtx<HAttrOnActType>): void {
         let html = "";
         if (this._pretty) {
             html += this._mkIndent(this._depth);
@@ -171,12 +171,12 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
         this._onHtml(html);
     }
 
-    fnc(fnc: HFnc, ctx?: HHandlerCtx): void {
+    fnc(fnc: HFnc, ctx?: HHandlerCtx<HAttrOnActType>): void {
     }
 
-    obj(obj: HObj, ctx?: HHandlerCtx): void {
+    obj(obj: HObj<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
         if ("toHsml" in obj) {
-            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx);
+            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx<HAttrOnActType>);
         } else {
             this.text("" + obj, ctx);
         }
@@ -192,12 +192,12 @@ class HsmlHtmlHandler implements HHandler<HHandlerCtx> {
 
 }
 
-export function hsml2html(hsmlEl: HElement, onHtml: (html: string) => void, pretty = false): void {
+export function hsml2html<HAttrOnActType extends string>(hsmlEl: HElement<HAttrOnActType>, onHtml: (html: string) => void, pretty = false): void {
     const handler = new HsmlHtmlHandler(onHtml, pretty);
     hsml(hsmlEl, handler);
 }
 
-export function hsmls2html(hsmls: HElements, onHtml: (html: string) => void, pretty = false): void {
+export function hsmls2html<HAttrOnActType extends string>(hsmls: HElements<HAttrOnActType>, onHtml: (html: string) => void, pretty = false): void {
     for (const hml of hsmls) {
         if (hml === undefined || hml === null) {
             continue;
@@ -205,21 +205,21 @@ export function hsmls2html(hsmls: HElements, onHtml: (html: string) => void, pre
         if (hml.constructor === String) {
             onHtml(hml + (pretty ? "\n" : ""));
         } else if ("toHsml" in (hml as any)) {
-            const obj = hml as HObj;
+            const obj = hml as HObj<HAttrOnActType>;
             obj.toHsml && hsml2html(obj.toHsml(), onHtml, pretty);
         } else {
-            hsml2html(hml as HElement, onHtml, pretty);
+            hsml2html(hml as HElement<HAttrOnActType>, onHtml, pretty);
         }
     }
 }
 
-export function hsml2htmls(hsml: HElement, pretty = false): string[] {
+export function hsml2htmls<HAttrOnActType extends string>(hsml: HElement<HAttrOnActType>, pretty = false): string[] {
     const htmls: string[] = [];
     hsml2html(hsml, html => htmls.push(html), pretty);
     return htmls;
 }
 
-export function hsmls2htmls(hsmls: HElements, pretty = false): string[] {
+export function hsmls2htmls<HAttrOnActType extends string>(hsmls: HElements<HAttrOnActType>, pretty = false): string[] {
     const htmls: string[] = [];
     hsmls2html(hsmls, html => htmls.push(html), pretty);
     return htmls;

package/src/hsml-idom.ts

@@ -1,7 +1,7 @@
 import {
     HAttrClasses,
     HAttrData, HAttrOn, HAttrOnAct,
-    HAttrOnAction, HAttrOnCb, HAttrOnData, HAttrStyles, HElement,
+    HAttrOnCb, HAttrOnData, HAttrStyles, HElement,
     HElements, HFnc, HHandler,
     HHandlerCtx, HObj, hsml, HTagAttrs, HTagHeadName
 } from "./hsml";
@@ -52,16 +52,16 @@ import { currentElement, elementClose, elementOpen, patch, skip, text } from "./
 
 // boolAttrProps.forEach(a => idom.attributes[a] = setBoolAttrProp);
 
-function ctxActionCb(ctx: HHandlerCtx | undefined, attrOn: HAttrOn, e: Event) {
+function ctxActionCb<HAttrOnActType extends string>(ctx: HHandlerCtx<HAttrOnActType> | undefined, attrOn: HAttrOn<HAttrOnActType>, e: Event) {
     ctx &&
     ctx.actionCb &&
     typeof ctx.actionCb === "function" &&
-    ctx.actionCb(attrOn[1] as HAttrOnAction, attrOn[2] as HAttrOnData, e);
+    ctx.actionCb(attrOn[1] as HAttrOnActType, attrOn[2] as HAttrOnData, e);
 }
 
-class HsmlIDomHandler implements HHandler<HHandlerCtx> {
+class HsmlIDomHandler<HAttrOnActType extends string> implements HHandler<HAttrOnActType, HHandlerCtx<HAttrOnActType>> {
 
-    open(tag: HTagHeadName, attrs: HTagAttrs, children: HElements, ctx?: HHandlerCtx): boolean {
+    open(tag: HTagHeadName, attrs: HTagAttrs<HAttrOnActType>, children: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): boolean {
         const props: any[] = [];
         let id = attrs._id;
         let classes: string[] = attrs._classes ? attrs._classes : [];
@@ -73,9 +73,9 @@ class HsmlIDomHandler implements HHandler<HHandlerCtx> {
                     case "_id":
                     case "_classes":
                     case "_ref":
-                    case "_key":
-                    case "_skip":
                     case "_hObj":
+                    case "key":
+                    case "skip":
                         break;
                     case "id":
                         id = attrs[a] as string;
@@ -110,7 +110,7 @@ class HsmlIDomHandler implements HHandler<HHandlerCtx> {
                         props.push("style", attrs[a] as HAttrStyles);
                         break;
                     case "on":
-                        const attrOn = attrs[a] as HAttrOn;
+                        const attrOn = attrs[a] as HAttrOn<HAttrOnActType>;
                         if (typeof attrOn[0] === "string") {
                             if (typeof attrOn[1] === "function") {
                                 props.push("on" + attrOn[0], attrOn[1]);
@@ -119,7 +119,7 @@ class HsmlIDomHandler implements HHandler<HHandlerCtx> {
                                     (e: Event) => ctxActionCb(ctx, attrOn, e));
                             }
                         } else {
-                            (attrOn as Array<HAttrOnCb | HAttrOnAct>)
+                            (attrOn as Array<HAttrOnCb | HAttrOnAct<HAttrOnActType>>)
                                 .forEach(attr => {
                                     if (typeof attr[1] === "function") {
                                         props.push("on" + attr[0], attr[1]);
@@ -166,8 +166,8 @@ class HsmlIDomHandler implements HHandler<HHandlerCtx> {
         if (id) {
             props.unshift("id", id);
         }
-        elementOpen(tag, attrs._key, undefined, ...props);
-        if (attrs._skip) {
+        elementOpen(tag, attrs.key, undefined, ...props);
+        if (attrs.skip) {
             skip();
         }
         if (ctx && ref) {
@@ -177,25 +177,25 @@ class HsmlIDomHandler implements HHandler<HHandlerCtx> {
             hObj.mount(currentElement());
             skip();
         }
-        return attrs._skip ? true : false;
+        return attrs.skip ? true : false;
     }
 
-    close(tag: HTagHeadName, children: HElements, ctx?: HHandlerCtx): void {
+    close(tag: HTagHeadName, children: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
         elementClose(tag);
     }
 
-    text(txt: string, ctx?: HHandlerCtx): void {
+    text(txt: string, ctx?: HHandlerCtx<HAttrOnActType>): void {
         text(txt);
     }
 
-    fnc(fnc: HFnc, ctx?: HHandlerCtx): void {
+    fnc(fnc: HFnc, ctx?: HHandlerCtx<HAttrOnActType>): void {
         const skipFnc = fnc(currentElement());
         skipFnc && skip();
     }
 
-    obj(obj: HObj, ctx?: HHandlerCtx): void {
+    obj(obj: HObj<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
         if ("toHsml" in obj) {
-            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx);
+            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx<HAttrOnActType>);
         } else {
             this.text("" + obj, ctx);
         }
@@ -203,11 +203,11 @@ class HsmlIDomHandler implements HHandler<HHandlerCtx> {
 
 }
 
-function hsml2idom(hml: HElement, ctx?: HHandlerCtx): void {
+function hsml2idom<HAttrOnActType extends string>(hml: HElement<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
     hsml(hml, new HsmlIDomHandler(), ctx);
 }
 
-function hsmls2idom(hmls: HElements, ctx?: HHandlerCtx): void {
+function hsmls2idom<HAttrOnActType extends string>(hmls: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
     for (const hml of hmls) {
         if (hml === undefined || hml === null) {
             continue;
@@ -215,20 +215,20 @@ function hsmls2idom(hmls: HElements, ctx?: HHandlerCtx): void {
         if (hml.constructor === String) {
             text(hml as string);
         } else if ("toHsml" in (hml as any)) {
-            const obj = hml as HHandlerCtx;
+            const obj = hml as HHandlerCtx<HAttrOnActType>;
             obj.toHsml && hsml2idom(obj.toHsml(), obj);
         } else {
-            hsml2idom(hml as HElement, ctx);
+            hsml2idom(hml as HElement<HAttrOnActType>, ctx);
         }
     }
 }
 
-export function hsml2idomPatch(node: Element, hsmlEl: HElement, ctx?: HHandlerCtx): void {
+export function hsml2idomPatch<HAttrOnActType extends string>(node: Element, hsmlEl: HElement<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
     patch(node,
-        (data?: HElement) => (data && hsml2idom(data, ctx)), hsmlEl);
+        (data?: HElement<HAttrOnActType>) => (data && hsml2idom(data, ctx)), hsmlEl);
 }
 
-export function hsmls2idomPatch(node: Element, hsmlFr: HElements, ctx?: HHandlerCtx): void {
+export function hsmls2idomPatch<HAttrOnActType extends string>(node: Element, hsmlFr: HElements<HAttrOnActType>, ctx?: HHandlerCtx<HAttrOnActType>): void {
     patch(node,
-        (data?: HElements) => (data && hsmls2idom(data, ctx)), hsmlFr);
+        (data?: HElements<HAttrOnActType>) => (data && hsmls2idom(data, ctx)), hsmlFr);
 }