peryl 1.4.39 → 1.4.42

package/dist/umd/hsml-idom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./src/hsml.ts","webpack:///external \"IncrementalDOM\"","webpack:///./src/hsml-idom.ts"],"names":["root","factory","exports","module","require","define","amd","a","i","window","__WEBPACK_EXTERNAL_MODULE__1__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hsml","hml","handler","ctx","constructor","Array","hmlTag","console","error","head","attrsObj","hasAttrs","hFnc","hObj","children","htc","Function","String","Boolean","Number","Date","refSplit","split","ref","dotSplit","hashSplit","tag","id","classes","slice","attrs","_id","length","_classes","_ref","_hObj","skip","open","fnc","forEach","jml","close","hsmlTag","text","toLocaleString","toString","ds","obj","hsmls","sep","reduce","push","splice","HsmlIDomHandler","props","attrClasses","concat","map","undefined","filter","attrData","JSON","stringify","attrOn","e","actionCb","attr","unshift","join","idom","elementOpen","_key","_skip","refs","currentElement","mount","elementClose","toHsml","this","hsml2idom","node","hsmlEl","patch","data","hsmlFr","hmls","hsmls2idom"],"mappings":"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","file":"hsml-idom.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"IncrementalDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"IncrementalDOM\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"IncrementalDOM\")) : factory(root[\"IncrementalDOM\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(window, function(__WEBPACK_EXTERNAL_MODULE__1__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 2);\n","\nexport type HHead = keyof HTMLElementTagNameMap | string; // \"tag#id.class1.class2~handler\"\n\nexport type HAttrClasses = Array<string | [string, boolean]>;\n\nexport type HAttrStyles = { [key: string]: string };\n\nexport type HAttrData = {\n    [key: string]:\n        | string\n        | String\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | Array<any>\n        | Object;\n};\n\nexport type HAttrOnAction = string;\n\nexport type HAttrOnDataFnc = (e: Event) => any;\n\nexport type HAttrOnData =\n    | string\n    | String\n    | number\n    | Number\n    | boolean\n    | Boolean\n    | Date\n    | Array<any>\n    | Object\n    | HAttrOnDataFnc\n    | null;\n\nexport type HAttrOnCb = [keyof HTMLElementEventMap, EventListener];\n\nexport type HAttrOnAct = [\n    keyof HTMLElementEventMap,\n    HAttrOnAction,\n    HAttrOnData?\n];\n\nexport type HAttrOn = HAttrOnCb | HAttrOnAct | Array<HAttrOnCb | HAttrOnAct>;\n\nexport interface HAttrs {\n    readonly _id?: string;\n    readonly _classes?: string[];\n    readonly _ref?: string;\n    readonly _key?: string;\n    readonly _skip?: boolean;\n    readonly _hObj?: HObj;\n    readonly classes?: HAttrClasses;\n    readonly styles?: HAttrStyles;\n    readonly data?: HAttrData;\n    readonly on?: HAttrOn;\n    readonly [key: string]:\n        | string\n        | String\n        | string[]\n        | String[]\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | HAttrClasses\n        | HAttrStyles\n        // | HsmlAttrData\n        | HAttrOn\n        | EventListener\n        | HObj\n        | undefined;\n}\n\nexport type HFnc = (e: Element) => boolean | void;\n\nexport interface HObj {\n    toHsml?(): HElement;\n}\n\nexport interface HElements extends Array<HElement> {}\n\nexport type HChildren =\n    | HElements\n    | HFnc\n    | HObj\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport type HTagNoAttr = [HHead, HChildren?];\nexport type HTagAttr = [HHead, HAttrs, HChildren?];\n\nexport type HTag = HTagNoAttr | HTagAttr;\n\nexport type HElement =\n    | HFnc\n    | HObj\n    | HTag\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport interface HHandlerCtx extends HObj {\n    refs: { [name: string]: Element };\n    actionCb(action: HAttrOnAction, data: HAttrOnData, e: Event): void;\n}\n\nexport interface HHandler<C extends HHandlerCtx> {\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: C): boolean;\n    close(tag: HHead, children: HElements, ctx?: C): void;\n    text(text: string, ctx?: C): void;\n    fnc(fnc: HFnc, ctx?: C): void;\n    obj(obj: HObj, ctx?: C): void;\n}\n\nexport function hsml<C extends HHandlerCtx>(hml: HElement,\n                                            handler: HHandler<C>,\n                                            ctx?: C): void {\n    // console.log(\"hsml\", hsml);\n    if (hml === undefined || hml === null) {\n        return;\n    }\n    switch (hml.constructor) {\n        case Array:\n            // const tag = hml as HTag;\n            // if (\n            //     (\n            //         tag.length === 1 &&\n            //         tag[0].constructor === String\n            //     ) ||\n            //     (\n            //         tag.length === 2 &&\n            //         (\n            //             tag[0].constructor === String &&\n            //             (tag[1]!.constructor === Array || tag[1]!.constructor === Function)\n            //         ) ||\n            //         (\n            //             tag[0].constructor === String &&\n            //             tag[1]!.constructor === Object\n            //         )\n            //     ) ||\n            //     (\n            //         tag.length === 3 &&\n            //         tag[0].constructor === String &&\n            //         tag[1].constructor === Object &&\n            //         tag[2]!.constructor === Array\n            //     )\n            // ) {\n            //     hsmlTag(hml as HTag, handler, ctx);\n            // } else {\n            //     console.error(\"hsml parse error:\", hml);\n            //     // console.error(\"hsml parse error:\", JSON.stringify(hml, null, 4));\n            //     // throw Error(`hsml parse error: ${JSON.stringify(hml)}`);\n            // }\n            hsmlTag(hml as HTag, handler, ctx);\n            break;\n        case Function:\n            handler.fnc(hml as HFnc, ctx);\n            break;\n        case String:\n            handler.text(hml as string, ctx);\n            break;\n        case Boolean:\n            handler.text(\"\" + hml, ctx);\n            break;\n        case Number:\n            const n = hml as number;\n            const ns = n.toLocaleString ? n.toLocaleString() : n.toString();\n            handler.text(ns, ctx);\n            break;\n        case Date:\n            const d = hml as Date;\n            const ds = d.toLocaleString ? d.toLocaleString() : d.toString();\n            handler.text(ds, ctx);\n            break;\n        default: // HObj\n            handler.obj(hml as HObj, ctx);\n    }\n\n    function hsmlTag(hmlTag: HTag, handler: HHandler<C>, ctx?: C): void {\n        // console.log(\"hsml tag\", hmlTag);\n\n        if (typeof hmlTag[0] !== \"string\") {\n            console.error(\"HSML tag head not string:\", hmlTag);\n            return;\n        }\n\n        const head = hmlTag[0] as HHead;\n        const attrsObj = hmlTag[1] as any;\n        const hasAttrs = attrsObj && attrsObj.constructor === Object;\n        const childIdx = hasAttrs ? 2 : 1;\n\n        let children: HElements = [];\n        let hFnc: HFnc | undefined;\n        let hObj: HObj | undefined;\n\n        const htc = hmlTag[childIdx];\n        switch (htc && htc.constructor) {\n            case Array:\n                children = htc as HElements;\n                break;\n            case Function:\n                hFnc = htc as HFnc;\n                break;\n            case String:\n            case Boolean:\n            case Number:\n            case Date:\n                children = [htc as string | boolean | number | Date];\n                break;\n            default: // HObj\n                hObj = htc as HObj;\n                break;\n        }\n\n        const refSplit = head.split(\"~\");\n        const ref = refSplit[1];\n        const dotSplit = refSplit[0].split(\".\");\n        const hashSplit = dotSplit[0].split(\"#\");\n        const tag = hashSplit[0] || \"div\";\n        const id = hashSplit[1];\n        const classes = dotSplit.slice(1);\n\n        let attrs: HAttrs;\n        if (hasAttrs) {\n            attrs = attrsObj as HAttrs;\n        } else {\n            attrs = {} as HAttrs;\n        }\n\n        if (id) {\n            (attrs as any)._id = id;\n        }\n        if (classes.length) {\n            (attrs as any)._classes = classes;\n        }\n        if (ref) {\n            (attrs as any)._ref = ref;\n        }\n        if (hObj) {\n            (attrs as any)._hObj = hObj;\n        }\n\n        const skip = handler.open(tag, attrs, children, ctx);\n\n        if (hFnc) {\n            handler.fnc(hFnc, ctx);\n        }\n\n        if (!skip) {\n            children.forEach(jml => hsml(jml, handler, ctx));\n        }\n\n        handler.close(tag, children, ctx);\n    }\n}\n\nexport function hjoin(hsmls: HElements, sep: string | HElement): HElements {\n    const r = hsmls.reduce<HElements>(\n        (p, c) => (p.push(c, sep), p),\n        [] as HElements\n    );\n    r.splice(-1);\n    return r;\n}\n\n// Test\n\n// const hsmls: Hsmls = [\n//     \"text\",\n//     [\"tag\", [\n//         \"d\",\n//         [\"\"]\n//     ]],\n//     [\"taga\", { attr: \"attr\", classes: [\"class\"] }, [\n//         \"text\",\n//         123,\n//         true\n//     ]]\n// ];\n\n// const hml: Hsml = [\"xxx\", {}, [\n//         \"types\", \" \", 1235.456, \" \", new Date(), \" \",\n//         ...hsmls,\n//         [\"t\", [\"t\", \"a\", \"\"]],\n//         [\"t\", {}, [\"t\", \"a\", \"\"]],\n//         [\"t\"]\n//     ]];\n\n// console.log(hsmls, hml);\n\n// const hml1: Hsml = [\"div\", null, [\n//     [\"span\", null, [\n//         [\"a\",\n//             {\n//                 href: \"https://gitlab.com/peter-rybar/diasheet\",\n//                 title: \"GitLab\",\n//                 target: \"_blank\"\n//             },\n//             [[\"i.fa.fa-gitlab\"]]\n//         ]\n//     ]],\n//     [\"span\"]\n// ]];\n// console.log(hml1);\n\n// const hml2: Hsml = [\"div\", [\n//     [\"h2\", [\"title\"]],\n//     [\"div.w3-card-12\", [\n//         [\"header.w3-container w3-light-grey\", [\n//             [\"h3\", [\"Account: \", \"User\"]]\n//         ]],\n//         [\"div.w3-container.w3-light-grey\", [\n//             [\"p\", [\"Balance: 4 DCT\"]],\n//             [\"br\"]\n//         ]],\n//         [\"h4\", [\"Your account spending\"]],\n//         [\"div#piechart\"],\n//         [\"h4\", [\"Your account balance\"]],\n//         [\"div#linechart\"],\n//         [\"button.w3-button.w3-block.w3-dark-grey\", [\"Refresh\"]]\n//     ]],\n//     [\"br\"]\n// ]];\n// console.log(hml2);\n\n// TEST\n\n// import { hsmls2htmls } from \"./hsml-html\";\n// import { HDispatch } from \"./hsml-app\";\n\n// const dispatch: HDispatch = (type: string, data?: any, event?: Event): void => {\n//     console.log(\"action:\", type, data, event);\n// };\n\n// const data = { attr: \"action-data\" };\n\n// const hmls: HElements = [\n//     [\"button\", { on: [\"click\", \"action\", data] }, \"send\"],\n//     [\"h1\", \"aaa\"],\n//     [\"input\",\n//         {\n//             type: \"text\",\n//             on: [\n//                 [\"mouseover\", \"hover-action\", data],\n//                 [\"change\", \"click-action\", e => (e.target as HTMLInputElement).value],\n//                 [\"click\", e => dispatch(\"action\", data, e)],\n//             ],\n//             click: e => dispatch(\"action\", data, e)\n//         }\n//     ],\n//     [\"button\",\n//         {\n//             on: [\"click\", e => dispatch(\"action\", data, e)],\n//             click: e => dispatch(\"action\", data, e)\n//         },\n//         [\"Send\"]\n//     ]\n// ];\n\n// console.log(hsmls2htmls(hmls, true).join(\"\"));\n","module.exports = __WEBPACK_EXTERNAL_MODULE__1__;","import {\n    hsml,\n    HElement,\n    HElements,\n    HHead,\n    HAttrs,\n    HAttrClasses,\n    HAttrData,\n    HAttrStyles,\n    HAttrOn,\n    HAttrOnCb,\n    HAttrOnAct,\n    HAttrOnAction,\n    HAttrOnData,\n    HFnc,\n    HObj,\n    HHandler,\n    HHandlerCtx\n} from \"./hsml\";\nimport * as idom from \"incremental-dom\";\n\n// function setBoolAttrProp(el: any, attr: string, value: any) {\n//     // console.log(\"idom.attributes\", attr, value, typeof value, el);\n//     if (typeof value === \"string\") {\n//         let b;\n//         switch (value) {\n//             case \"true\":\n//             case \"1\":\n//             case \"on\":\n//             case \"yes\":\n//                 b = true;\n//                 break;\n//             default:\n//                 b = false;\n//         }\n//         if (b) {\n//             el.setAttribute(attr, value);\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = b;\n//     } else if (typeof value === \"boolean\") {\n//         if (value) {\n//             el.setAttribute(attr, \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = value;\n//     } else {\n//         if (value) {\n//             el.setAttribute(attr, value ? value : \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//     }\n// }\n\n// const boolAttrProps = [\n//     \"readonly\",\n//     \"disabled\",\n//     \"checked\",\n//     \"value\"\n// ];\n\n// boolAttrProps.forEach(a => idom.attributes[a] = setBoolAttrProp);\n\nclass HsmlIDomHandler implements HHandler<HHandlerCtx> {\n\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: HHandlerCtx): boolean {\n        const props: any[] = [];\n        let id = attrs._id;\n        let classes: string[] = attrs._classes ? attrs._classes : [];\n        let ref = attrs._ref;\n        let hObj: any = attrs._hObj;\n        for (const a in attrs) {\n            if (attrs.hasOwnProperty(a)) {\n                switch (a) {\n                    case \"_id\":\n                    case \"_classes\":\n                    case \"_ref\":\n                    case \"_key\":\n                    case \"_skip\":\n                    case \"_hObj\":\n                        break;\n                    case \"id\":\n                        id = attrs[a] as string;\n                        break;\n                    case \"classes\":\n                        const attrClasses = attrs[a] as HAttrClasses;\n                        classes = classes.concat(attrClasses\n                            ? attrClasses\n                                .map(c =>\n                                    c.constructor === String\n                                        ? c as string\n                                        : (c[1] ? c[0] as string : undefined))\n                                .filter((c): c is string => c !== undefined)\n                            : [] as string[]);\n                        break;\n                    case \"class\":\n                        classes = classes.concat((attrs[a] as string).split(\" \"));\n                        break;\n                    case \"data\":\n                        const attrData = attrs[a] as HAttrData;\n                        for (const d in attrData) {\n                            if (attrData.hasOwnProperty(d)) {\n                                if (attrData[d].constructor === String) {\n                                    props.push(\"data-\" + d, attrData[d]);\n                                } else {\n                                    props.push(\"data-\" + d, JSON.stringify(attrData[d]));\n                                }\n                            }\n                        }\n                        break;\n                    case \"styles\":\n                        props.push(\"style\", attrs[a] as HAttrStyles);\n                        break;\n                    case \"on\":\n                        const attrOn = attrs[a] as HAttrOn;\n                        if (typeof attrOn[0] === \"string\") {\n                            if (typeof attrOn[1] === \"function\") {\n                                props.push(\"on\" + attrOn[0], attrOn[1]);\n                            } else {\n                                props.push(\"on\" + attrOn[0], (e: Event) => {\n                                    ctx && ctx.actionCb &&\n                                    typeof ctx.actionCb === \"function\" &&\n                                    ctx.actionCb(attrOn[1] as HAttrOnAction,\n                                            attrOn[2] as HAttrOnData,\n                                            e);\n                                });\n                            }\n                        } else {\n                            (attrOn as Array<HAttrOnCb | HAttrOnAct>)\n                                .forEach(attr => {\n                                    if (typeof attr[1] === \"function\") {\n                                        props.push(\"on\" + attr[0], attr[1]);\n                                    } else {\n                                        props.push(\"on\" + attr[0], (e: Event) => {\n                                            ctx && ctx.actionCb &&\n                                            typeof ctx.actionCb === \"function\" &&\n                                            ctx.actionCb(attr[1] as HAttrOnAction,\n                                                    attr[2] as HAttrOnData,\n                                                    e);\n                                        });\n                                    }\n                                });\n                        }\n                        break;\n                    default:\n                        // http://google.github.io/incremental-dom/#attributes-and-properties\n                        switch (typeof attrs[a]) {\n                            case \"function\":\n                                props.push(\"on\" + a, attrs[a]);\n                                break;\n                            case \"object\":\n                                // console.log(\"---\", a, typeof attrs[a], attrs[a]);\n                                // console.log(\"---String \", attrs[a] instanceof String);\n                                // console.log(\"---Boolean\", attrs[a] instanceof Boolean);\n                                // console.log(\"---Number \", attrs[a] instanceof Number);\n                                props.push(a, attrs[a]);\n                                break;\n                            // case \"boolean\":\n                            //     if (boolAttrProps.includes(a)) {\n                            //         props.push(a, attrs[a]);\n                            //     } else {\n                            //         attrs[a] && props.push(a, \"\");\n                            //     }\n                            //     break;\n                            case \"boolean\":\n                                attrs[a] && props.push(a, \"\");\n                                break;\n                            default:\n                                props.push(a, attrs[a]);\n                                break;\n                        }\n                }\n            }\n        }\n        if (classes.length) {\n            props.unshift(\"class\", classes.join(\" \"));\n        }\n        if (id) {\n            props.unshift(\"id\", id);\n        }\n        idom.elementOpen(tag, attrs._key, undefined, ...props);\n        if (attrs._skip) {\n            idom.skip();\n        }\n        if (ctx && ref) {\n            ctx.refs[ref] = idom.currentElement();\n        }\n        if (hObj && hObj.mount && hObj.mount.constructor === Function) {\n            hObj.mount(idom.currentElement());\n            idom.skip();\n        }\n        return attrs._skip ? true : false;\n    }\n\n    close(tag: HHead, children: HElements, ctx?: HHandlerCtx): void {\n        idom.elementClose(tag);\n    }\n\n    text(text: string, ctx?: HHandlerCtx): void {\n        idom.text(text);\n    }\n\n    fnc(fnc: HFnc, ctx?: HHandlerCtx): void {\n        const skip = fnc(idom.currentElement());\n        skip && idom.skip();\n    }\n\n    obj(obj: HObj, ctx?: HHandlerCtx): void {\n        if (\"toHsml\" in obj) {\n            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx);\n        } else {\n            this.text(\"\" + obj, ctx);\n        }\n    }\n\n}\n\nfunction hsml2idom(hml: HElement, ctx?: HHandlerCtx): void {\n    hsml(hml, new HsmlIDomHandler(), ctx);\n}\n\nfunction hsmls2idom(hmls: HElements, ctx?: HHandlerCtx): void {\n    for (const hml of hmls) {\n        if (hml === undefined || hml === null) {\n            continue;\n        }\n        if (hml.constructor === String) {\n            idom.text(hml as string);\n        } else if (\"toHsml\" in (hml as any)) {\n            const obj = hml as HHandlerCtx;\n            obj.toHsml && hsml2idom(obj.toHsml(), obj);\n        } else {\n            hsml2idom(hml as HElement, ctx);\n        }\n    }\n}\n\nexport function hsml2idomPatch(node: Element, hsmlEl: HElement, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElement) => (data && hsml2idom(data, ctx)), hsmlEl);\n}\n\nexport function hsmls2idomPatch(node: Element, hsmlFr: HElements, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElements) => (data && hsmls2idom(data, ctx)), hsmlFr);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./src/hsml.ts","webpack:///external \"IncrementalDOM\"","webpack:///./src/hsml-idom.ts"],"names":["root","factory","exports","module","require","define","amd","a","i","window","__WEBPACK_EXTERNAL_MODULE__1__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hsml","hml","handler","ctx","constructor","Array","hmlTag","console","error","head","attrsObj","hasAttrs","hFnc","hObj","children","htc","Function","String","Boolean","Number","Date","refSplit","split","ref","dotSplit","hashSplit","tag","id","classes","slice","attrs","_id","length","_classes","_ref","_hObj","skip","open","fnc","forEach","jml","close","hsmlTag","text","toLocaleString","toString","ds","obj","hsmls","sep","reduce","push","splice","HsmlIDomHandler","props","attrClasses","concat","map","undefined","filter","attrData","JSON","stringify","attrOn","e","actionCb","attr","unshift","join","idom","elementOpen","_key","_skip","refs","currentElement","mount","elementClose","toHsml","this","hsml2idom","node","hsmlEl","patch","data","hsmlFr","hmls","hsmls2idom"],"mappings":"CAAA,SAA2CA,EAAMC,GAChD,GAAsB,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,EAAQG,QAAQ,wBAC7B,GAAqB,mBAAXC,QAAyBA,OAAOC,IAC9CD,OAAO,CAAC,kBAAmBJ,OACvB,CACJ,IAAIM,EAAuB,iBAAZL,QAAuBD,EAAQG,QAAQ,mBAAqBH,EAAQD,EAAqB,gBACxG,IAAI,IAAIQ,KAAKD,GAAuB,iBAAZL,QAAuBA,QAAUF,GAAMQ,GAAKD,EAAEC,IAPxE,CASGC,QAAQ,SAASC,GACpB,O,YCTE,IAAIC,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUX,QAGnC,IAAIC,EAASQ,EAAiBE,GAAY,CACzCL,EAAGK,EACHC,GAAG,EACHZ,QAAS,IAUV,OANAa,EAAQF,GAAUG,KAAKb,EAAOD,QAASC,EAAQA,EAAOD,QAASU,GAG/DT,EAAOW,GAAI,EAGJX,EAAOD,QA0Df,OArDAU,EAAoBK,EAAIF,EAGxBH,EAAoBM,EAAIP,EAGxBC,EAAoBO,EAAI,SAASjB,EAASkB,EAAMC,GAC3CT,EAAoBU,EAAEpB,EAASkB,IAClCG,OAAOC,eAAetB,EAASkB,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhET,EAAoBe,EAAI,SAASzB,GACX,oBAAX0B,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAetB,EAAS0B,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAetB,EAAS,aAAc,CAAE4B,OAAO,KAQvDlB,EAAoBmB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQlB,EAAoBkB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFAvB,EAAoBe,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOlB,EAAoBO,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRtB,EAAoB0B,EAAI,SAASnC,GAChC,IAAIkB,EAASlB,GAAUA,EAAO8B,WAC7B,WAAwB,OAAO9B,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAS,EAAoBO,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRT,EAAoBU,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG5B,EAAoB+B,EAAI,GAIjB/B,EAAoBA,EAAoBgC,EAAI,G,sGCiDrD,gBAAgBC,EAA4BC,EACAC,EACAC,GAExC,GAAIF,QAGJ,OAAQA,EAAIG,aACR,KAAKC,OAwDT,SAAiBC,EAAcJ,EAAsBC,GAGjD,GAAyB,iBAAdG,EAAO,GAEd,YADAC,QAAQC,MAAM,4BAA6BF,GAI/C,MAAMG,EAAOH,EAAO,GACdI,EAAWJ,EAAO,GAClBK,EAAWD,GAAYA,EAASN,cAAgB1B,OAGtD,IACIkC,EACAC,EAFAC,EAAsB,GAI1B,MAAMC,EAAMT,EANKK,EAAW,EAAI,GAOhC,OAAQI,GAAOA,EAAIX,aACf,KAAKC,MACDS,EAAWC,EACX,MACJ,KAAKC,SACDJ,EAAOG,EACP,MACJ,KAAKE,OACL,KAAKC,QACL,KAAKC,OACL,KAAKC,KACDN,EAAW,CAACC,GACZ,MACJ,QACIF,EAAOE,EAIf,MAAMM,EAAWZ,EAAKa,MAAM,KACtBC,EAAMF,EAAS,GACfG,EAAWH,EAAS,GAAGC,MAAM,KAC7BG,EAAYD,EAAS,GAAGF,MAAM,KAC9BI,EAAMD,EAAU,IAAM,MACtBE,EAAKF,EAAU,GACfG,EAAUJ,EAASK,MAAM,GAE/B,IAAIC,EAEAA,EADAnB,EACQD,EAEA,GAGRiB,IACCG,EAAcC,IAAMJ,GAErBC,EAAQI,SACPF,EAAcG,SAAWL,GAE1BL,IACCO,EAAcI,KAAOX,GAEtBV,IACCiB,EAAcK,MAAQtB,GAG3B,MAAMuB,EAAOlC,EAAQmC,KAAKX,EAAKI,EAAOhB,EAAUX,GAE5CS,GACAV,EAAQoC,IAAI1B,EAAMT,GAGjBiC,GACDtB,EAASyB,QAAQC,GAAOxC,EAAKwC,EAAKtC,EAASC,IAG/CD,EAAQuC,MAAMf,EAAKZ,EAAUX,GAnGzBuC,CAAQzC,EAAaC,EAASC,GAC9B,MACJ,KAAKa,SACDd,EAAQoC,IAAIrC,EAAaE,GACzB,MACJ,KAAKc,OACDf,EAAQyC,KAAK1C,EAAeE,GAC5B,MACJ,KAAKe,QACDhB,EAAQyC,KAAK,GAAK1C,EAAKE,GACvB,MACJ,KAAKgB,OACD,MAAM1B,EAAIQ,EACJZ,EAAKI,EAAEmD,eAAiBnD,EAAEmD,iBAAmBnD,EAAEoD,WACrD3C,EAAQyC,KAAKtD,EAAIc,GACjB,MACJ,KAAKiB,KACD,MAAM9C,EAAI2B,EACJ6C,EAAKxE,EAAEsE,eAAiBtE,EAAEsE,iBAAmBtE,EAAEuE,WACrD3C,EAAQyC,KAAKG,EAAI3C,GACjB,MACJ,QACID,EAAQ6C,IAAI9C,EAAaE,KAiFrC,iBAAsB6C,EAAkBC,GACpC,MAAMnE,EAAIkE,EAAME,OACZ,CAACpD,EAAGzB,KAAOyB,EAAEqD,KAAK9E,EAAG4E,GAAMnD,GAC3B,IAGJ,OADAhB,EAAEsE,QAAQ,GACHtE,I,cCvRXxB,EAAOD,QAAUQ,G,wHCAjB,aAmBA,OA+CA,MAAMwF,EAEF,KAAK3B,EAAYI,EAAehB,EAAqBX,GACjD,MAAMmD,EAAe,GACrB,IAAI3B,EAAKG,EAAMC,IACXH,EAAoBE,EAAMG,SAAWH,EAAMG,SAAW,GACtDV,EAAMO,EAAMI,KACZrB,EAAYiB,EAAMK,MACtB,IAAK,MAAMzE,KAAKoE,EACZ,GAAIA,EAAMjC,eAAenC,GACrB,OAAQA,GACJ,IAAK,MACL,IAAK,WACL,IAAK,OACL,IAAK,OACL,IAAK,QACL,IAAK,QACD,MACJ,IAAK,KACDiE,EAAKG,EAAMpE,GACX,MACJ,IAAK,UACD,MAAM6F,EAAczB,EAAMpE,GAC1BkE,EAAUA,EAAQ4B,OAAOD,EACnBA,EACGE,IAAIpF,GACDA,EAAE+B,cAAgBa,OACZ5C,EACCA,EAAE,GAAKA,EAAE,QAAeqF,GAClCC,OAAQtF,QAAyBqF,IAANrF,GAC9B,IACN,MACJ,IAAK,QACDuD,EAAUA,EAAQ4B,OAAQ1B,EAAMpE,GAAc4D,MAAM,MACpD,MACJ,IAAK,OACD,MAAMsC,EAAW9B,EAAMpE,GACvB,IAAK,MAAMY,KAAKsF,EACRA,EAAS/D,eAAevB,KACpBsF,EAAStF,GAAG8B,cAAgBa,OAC5BqC,EAAMH,KAAK,QAAU7E,EAAGsF,EAAStF,IAEjCgF,EAAMH,KAAK,QAAU7E,EAAGuF,KAAKC,UAAUF,EAAStF,MAI5D,MACJ,IAAK,SACDgF,EAAMH,KAAK,QAASrB,EAAMpE,IAC1B,MACJ,IAAK,KACD,MAAMqG,EAASjC,EAAMpE,GACI,iBAAdqG,EAAO,GACW,mBAAdA,EAAO,GACdT,EAAMH,KAAK,KAAOY,EAAO,GAAIA,EAAO,IAEpCT,EAAMH,KAAK,KAAOY,EAAO,GAAKC,IAC1B7D,GAAOA,EAAI8D,UACa,mBAAjB9D,EAAI8D,UACX9D,EAAI8D,SAASF,EAAO,GACZA,EAAO,GACPC,KAIfD,EACIxB,QAAQ2B,IACkB,mBAAZA,EAAK,GACZZ,EAAMH,KAAK,KAAOe,EAAK,GAAIA,EAAK,IAEhCZ,EAAMH,KAAK,KAAOe,EAAK,GAAKF,IACxB7D,GAAOA,EAAI8D,UACa,mBAAjB9D,EAAI8D,UACX9D,EAAI8D,SAASC,EAAK,GACVA,EAAK,GACLF,OAK5B,MACJ,QAEI,cAAelC,EAAMpE,IACjB,IAAK,WACD4F,EAAMH,KAAK,KAAOzF,EAAGoE,EAAMpE,IAC3B,MACJ,IAAK,SAKD4F,EAAMH,KAAKzF,EAAGoE,EAAMpE,IACpB,MAQJ,IAAK,UACDoE,EAAMpE,IAAM4F,EAAMH,KAAKzF,EAAGA,GAC1B,MACJ,QACI4F,EAAMH,KAAKzF,EAAGoE,EAAMpE,KAuB5C,OAjBIkE,EAAQI,QACRsB,EAAMa,QAAQ,QAASvC,EAAQwC,KAAK,MAEpCzC,GACA2B,EAAMa,QAAQ,KAAMxC,GAExB0C,EAAKC,YAAY5C,EAAKI,EAAMyC,UAAMb,KAAcJ,GAC5CxB,EAAM0C,OACNH,EAAKjC,OAELjC,GAAOoB,IACPpB,EAAIsE,KAAKlD,GAAO8C,EAAKK,kBAErB7D,GAAQA,EAAK8D,OAAS9D,EAAK8D,MAAMvE,cAAgBY,WACjDH,EAAK8D,MAAMN,EAAKK,kBAChBL,EAAKjC,UAEFN,EAAM0C,MAGjB,MAAM9C,EAAYZ,EAAqBX,GACnCkE,EAAKO,aAAalD,GAGtB,KAAKiB,EAAcxC,GACfkE,EAAK1B,KAAKA,GAGd,IAAIL,EAAWnC,GACEmC,EAAI+B,EAAKK,mBACdL,EAAKjC,OAGjB,IAAIW,EAAW5C,GACP,WAAY4C,EACZA,EAAI8B,QAAU,EAAA7E,KAAK+C,EAAI8B,SAAUC,KAAM/B,GAEvC+B,KAAKnC,KAAK,GAAKI,EAAK5C,IAMhC,SAAS4E,EAAU9E,EAAeE,GAC9B,EAAAH,KAAKC,EAAK,IAAIoD,EAAmBlD,GAmBrC,0BAA+B6E,EAAeC,EAAkB9E,GAC5DkE,EAAKa,MAAMF,EACNG,GAAqBA,GAAQJ,EAAUI,EAAMhF,GAAO8E,IAG7D,2BAAgCD,EAAeI,EAAmBjF,GAC9DkE,EAAKa,MAAMF,EACNG,GAAsBA,GAvB/B,SAAoBE,EAAiBlF,GACjC,IAAK,MAAMF,KAAOoF,EACd,GAAIpF,QAGJ,GAAIA,EAAIG,cAAgBa,OACpBoD,EAAK1B,KAAK1C,QACP,GAAI,WAAaA,EAAa,CACjC,MAAM8C,EAAM9C,EACZ8C,EAAI8B,QAAUE,EAAUhC,EAAI8B,SAAU9B,QAEtCgC,EAAU9E,EAAiBE,GAYAmF,CAAWH,EAAMhF,GAAOiF","file":"hsml-idom.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"IncrementalDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"IncrementalDOM\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"IncrementalDOM\")) : factory(root[\"IncrementalDOM\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(window, function(__WEBPACK_EXTERNAL_MODULE__1__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 2);\n","\nexport type HHead = keyof HTMLElementTagNameMap | string; // \"tag#id.class1.class2~handler\"\n\nexport type HAttrClasses = Array<string | [string, boolean]>;\n\nexport type HAttrStyles = { [key: string]: string };\n\nexport type HAttrData = {\n    [key: string]:\n        | string\n        | String\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | Array<any>\n        | Object;\n};\n\nexport type HAttrOnAction = string;\n\nexport type HAttrOnDataFnc = (e: Event) => any;\n\nexport type HAttrOnData =\n    | string\n    | String\n    | number\n    | Number\n    | boolean\n    | Boolean\n    | Date\n    | Array<any>\n    | Object\n    | HAttrOnDataFnc\n    | null;\n\nexport type HAttrOnCb = [keyof HTMLElementEventMap, EventListener];\n\nexport type HAttrOnAct = [\n    keyof HTMLElementEventMap,\n    HAttrOnAction,\n    HAttrOnData?\n];\n\nexport type HAttrOn = HAttrOnCb | HAttrOnAct | Array<HAttrOnCb | HAttrOnAct>;\n\nexport interface HAttrs {\n    readonly _id?: string;\n    readonly _classes?: string[];\n    readonly _ref?: string;\n    readonly _key?: string;\n    readonly _skip?: boolean;\n    readonly _hObj?: HObj;\n    readonly classes?: HAttrClasses;\n    readonly styles?: HAttrStyles;\n    readonly data?: HAttrData;\n    readonly on?: HAttrOn;\n    readonly [key: string]:\n        | string\n        | String\n        | string[]\n        | String[]\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | HAttrClasses\n        | HAttrStyles\n        // | HsmlAttrData\n        | HAttrOn\n        | EventListener\n        | HObj\n        | undefined;\n}\n\nexport type HFnc = (e: Element) => boolean | void;\n\nexport interface HObj {\n    toHsml?(): HElement;\n}\n\nexport interface HElements extends Array<HElement> {}\n\nexport type HChildren =\n    | HElements\n    | HFnc\n    | HObj\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport type HTagNoAttr = [HHead, HChildren?];\nexport type HTagAttr = [HHead, HAttrs, HChildren?];\n\nexport type HTag = HTagNoAttr | HTagAttr;\n\nexport type HElement =\n    | HFnc\n    | HObj\n    | HTag\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport interface HHandlerCtx extends HObj {\n    refs: { [name: string]: Element };\n    actionCb(action: HAttrOnAction, data: HAttrOnData, e: Event): void;\n}\n\nexport interface HHandler<C extends HHandlerCtx> {\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: C): boolean;\n    close(tag: HHead, children: HElements, ctx?: C): void;\n    text(text: string, ctx?: C): void;\n    fnc(fnc: HFnc, ctx?: C): void;\n    obj(obj: HObj, ctx?: C): void;\n}\n\nexport function hsml<C extends HHandlerCtx>(hml: HElement,\n                                            handler: HHandler<C>,\n                                            ctx?: C): void {\n    // console.log(\"hsml\", hsml);\n    if (hml === undefined || hml === null) {\n        return;\n    }\n    switch (hml.constructor) {\n        case Array:\n            // const tag = hml as HTag;\n            // if (\n            //     (\n            //         tag.length === 1 &&\n            //         tag[0].constructor === String\n            //     ) ||\n            //     (\n            //         tag.length === 2 &&\n            //         (\n            //             tag[0].constructor === String &&\n            //             (tag[1]!.constructor === Array || tag[1]!.constructor === Function)\n            //         ) ||\n            //         (\n            //             tag[0].constructor === String &&\n            //             tag[1]!.constructor === Object\n            //         )\n            //     ) ||\n            //     (\n            //         tag.length === 3 &&\n            //         tag[0].constructor === String &&\n            //         tag[1].constructor === Object &&\n            //         tag[2]!.constructor === Array\n            //     )\n            // ) {\n            //     hsmlTag(hml as HTag, handler, ctx);\n            // } else {\n            //     console.error(\"hsml parse error:\", hml);\n            //     // console.error(\"hsml parse error:\", JSON.stringify(hml, null, 4));\n            //     // throw Error(`hsml parse error: ${JSON.stringify(hml)}`);\n            // }\n            hsmlTag(hml as HTag, handler, ctx);\n            break;\n        case Function:\n            handler.fnc(hml as HFnc, ctx);\n            break;\n        case String:\n            handler.text(hml as string, ctx);\n            break;\n        case Boolean:\n            handler.text(\"\" + hml, ctx);\n            break;\n        case Number:\n            const n = hml as number;\n            const ns = n.toLocaleString ? n.toLocaleString() : n.toString();\n            handler.text(ns, ctx);\n            break;\n        case Date:\n            const d = hml as Date;\n            const ds = d.toLocaleString ? d.toLocaleString() : d.toString();\n            handler.text(ds, ctx);\n            break;\n        default: // HObj\n            handler.obj(hml as HObj, ctx);\n    }\n\n    function hsmlTag(hmlTag: HTag, handler: HHandler<C>, ctx?: C): void {\n        // console.log(\"hsml tag\", hmlTag);\n\n        if (typeof hmlTag[0] !== \"string\") {\n            console.error(\"HSML tag head not string:\", hmlTag);\n            return;\n        }\n\n        const head = hmlTag[0] as HHead;\n        const attrsObj = hmlTag[1] as any;\n        const hasAttrs = attrsObj && attrsObj.constructor === Object;\n        const childIdx = hasAttrs ? 2 : 1;\n\n        let children: HElements = [];\n        let hFnc: HFnc | undefined;\n        let hObj: HObj | undefined;\n\n        const htc = hmlTag[childIdx];\n        switch (htc && htc.constructor) {\n            case Array:\n                children = htc as HElements;\n                break;\n            case Function:\n                hFnc = htc as HFnc;\n                break;\n            case String:\n            case Boolean:\n            case Number:\n            case Date:\n                children = [htc as string | boolean | number | Date];\n                break;\n            default: // HObj\n                hObj = htc as HObj;\n                break;\n        }\n\n        const refSplit = head.split(\"~\");\n        const ref = refSplit[1];\n        const dotSplit = refSplit[0].split(\".\");\n        const hashSplit = dotSplit[0].split(\"#\");\n        const tag = hashSplit[0] || \"div\";\n        const id = hashSplit[1];\n        const classes = dotSplit.slice(1);\n\n        let attrs: HAttrs;\n        if (hasAttrs) {\n            attrs = attrsObj as HAttrs;\n        } else {\n            attrs = {} as HAttrs;\n        }\n\n        if (id) {\n            (attrs as any)._id = id;\n        }\n        if (classes.length) {\n            (attrs as any)._classes = classes;\n        }\n        if (ref) {\n            (attrs as any)._ref = ref;\n        }\n        if (hObj) {\n            (attrs as any)._hObj = hObj;\n        }\n\n        const skip = handler.open(tag, attrs, children, ctx);\n\n        if (hFnc) {\n            handler.fnc(hFnc, ctx);\n        }\n\n        if (!skip) {\n            children.forEach(jml => hsml(jml, handler, ctx));\n        }\n\n        handler.close(tag, children, ctx);\n    }\n}\n\nexport function hjoin(hsmls: HElements, sep: string | HElement): HElements {\n    const r = hsmls.reduce<HElements>(\n        (p, c) => (p.push(c, sep), p),\n        [] as HElements\n    );\n    r.splice(-1);\n    return r;\n}\n\n// Test\n\n// const hsmls: Hsmls = [\n//     \"text\",\n//     [\"tag\", [\n//         \"d\",\n//         [\"\"]\n//     ]],\n//     [\"taga\", { attr: \"attr\", classes: [\"class\"] }, [\n//         \"text\",\n//         123,\n//         true\n//     ]]\n// ];\n\n// const hml: Hsml = [\"xxx\", {}, [\n//         \"types\", \" \", 1235.456, \" \", new Date(), \" \",\n//         ...hsmls,\n//         [\"t\", [\"t\", \"a\", \"\"]],\n//         [\"t\", {}, [\"t\", \"a\", \"\"]],\n//         [\"t\"]\n//     ]];\n\n// console.log(hsmls, hml);\n\n// const hml1: Hsml = [\"div\", null, [\n//     [\"span\", null, [\n//         [\"a\",\n//             {\n//                 href: \"https://gitlab.com/peter-rybar/diasheet\",\n//                 title: \"GitLab\",\n//                 target: \"_blank\"\n//             },\n//             [[\"i.fa.fa-gitlab\"]]\n//         ]\n//     ]],\n//     [\"span\"]\n// ]];\n// console.log(hml1);\n\n// const hml2: Hsml = [\"div\", [\n//     [\"h2\", [\"title\"]],\n//     [\"div.w3-card-12\", [\n//         [\"header.w3-container w3-light-grey\", [\n//             [\"h3\", [\"Account: \", \"User\"]]\n//         ]],\n//         [\"div.w3-container.w3-light-grey\", [\n//             [\"p\", [\"Balance: 4 DCT\"]],\n//             [\"br\"]\n//         ]],\n//         [\"h4\", [\"Your account spending\"]],\n//         [\"div#piechart\"],\n//         [\"h4\", [\"Your account balance\"]],\n//         [\"div#linechart\"],\n//         [\"button.w3-button.w3-block.w3-dark-grey\", [\"Refresh\"]]\n//     ]],\n//     [\"br\"]\n// ]];\n// console.log(hml2);\n\n// TEST\n\n// import { hsmls2htmls } from \"./hsml-html\";\n// import { HDispatch } from \"./hsml-app\";\n\n// const dispatch: HDispatch = (type: string, data?: any, event?: Event): void => {\n//     console.log(\"action:\", type, data, event);\n// };\n\n// const data = { attr: \"action-data\" };\n\n// const hmls: HElements = [\n//     [\"button\", { on: [\"click\", \"action\", data] }, \"send\"],\n//     [\"h1\", \"aaa\"],\n//     [\"input\",\n//         {\n//             type: \"text\",\n//             on: [\n//                 [\"mouseover\", \"hover-action\", data],\n//                 [\"change\", \"click-action\", e => (e.target as HTMLInputElement).value],\n//                 [\"click\", e => dispatch(\"action\", data, e)],\n//             ],\n//             click: e => dispatch(\"action\", data, e)\n//         }\n//     ],\n//     [\"button\",\n//         {\n//             on: [\"click\", e => dispatch(\"action\", data, e)],\n//             click: e => dispatch(\"action\", data, e)\n//         },\n//         [\"Send\"]\n//     ]\n// ];\n\n// console.log(hsmls2htmls(hmls, true).join(\"\"));\n","module.exports = __WEBPACK_EXTERNAL_MODULE__1__;","import {\n    hsml,\n    HElement,\n    HElements,\n    HHead,\n    HAttrs,\n    HAttrClasses,\n    HAttrData,\n    HAttrStyles,\n    HAttrOn,\n    HAttrOnCb,\n    HAttrOnAct,\n    HAttrOnAction,\n    HAttrOnData,\n    HFnc,\n    HObj,\n    HHandler,\n    HHandlerCtx\n} from \"./hsml\";\nimport * as idom from \"incremental-dom\";\n\n// function setBoolAttrProp(el: any, attr: string, value: any) {\n//     // console.log(\"idom.attributes\", attr, value, typeof value, el);\n//     if (typeof value === \"string\") {\n//         let b;\n//         switch (value) {\n//             case \"true\":\n//             case \"1\":\n//             case \"on\":\n//             case \"yes\":\n//                 b = true;\n//                 break;\n//             default:\n//                 b = false;\n//         }\n//         if (b) {\n//             el.setAttribute(attr, value);\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = b;\n//     } else if (typeof value === \"boolean\") {\n//         if (value) {\n//             el.setAttribute(attr, \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = value;\n//     } else {\n//         if (value) {\n//             el.setAttribute(attr, value ? value : \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//     }\n// }\n\n// const boolAttrProps = [\n//     \"readonly\",\n//     \"disabled\",\n//     \"checked\",\n//     \"value\"\n// ];\n\n// boolAttrProps.forEach(a => idom.attributes[a] = setBoolAttrProp);\n\nclass HsmlIDomHandler implements HHandler<HHandlerCtx> {\n\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: HHandlerCtx): boolean {\n        const props: any[] = [];\n        let id = attrs._id;\n        let classes: string[] = attrs._classes ? attrs._classes : [];\n        let ref = attrs._ref;\n        let hObj: any = attrs._hObj;\n        for (const a in attrs) {\n            if (attrs.hasOwnProperty(a)) {\n                switch (a) {\n                    case \"_id\":\n                    case \"_classes\":\n                    case \"_ref\":\n                    case \"_key\":\n                    case \"_skip\":\n                    case \"_hObj\":\n                        break;\n                    case \"id\":\n                        id = attrs[a] as string;\n                        break;\n                    case \"classes\":\n                        const attrClasses = attrs[a] as HAttrClasses;\n                        classes = classes.concat(attrClasses\n                            ? attrClasses\n                                .map(c =>\n                                    c.constructor === String\n                                        ? c as string\n                                        : (c[1] ? c[0] as string : undefined))\n                                .filter((c): c is string => c !== undefined)\n                            : [] as string[]);\n                        break;\n                    case \"class\":\n                        classes = classes.concat((attrs[a] as string).split(\" \"));\n                        break;\n                    case \"data\":\n                        const attrData = attrs[a] as HAttrData;\n                        for (const d in attrData) {\n                            if (attrData.hasOwnProperty(d)) {\n                                if (attrData[d].constructor === String) {\n                                    props.push(\"data-\" + d, attrData[d]);\n                                } else {\n                                    props.push(\"data-\" + d, JSON.stringify(attrData[d]));\n                                }\n                            }\n                        }\n                        break;\n                    case \"styles\":\n                        props.push(\"style\", attrs[a] as HAttrStyles);\n                        break;\n                    case \"on\":\n                        const attrOn = attrs[a] as HAttrOn;\n                        if (typeof attrOn[0] === \"string\") {\n                            if (typeof attrOn[1] === \"function\") {\n                                props.push(\"on\" + attrOn[0], attrOn[1]);\n                            } else {\n                                props.push(\"on\" + attrOn[0], (e: Event) => {\n                                    ctx && ctx.actionCb &&\n                                    typeof ctx.actionCb === \"function\" &&\n                                    ctx.actionCb(attrOn[1] as HAttrOnAction,\n                                            attrOn[2] as HAttrOnData,\n                                            e);\n                                });\n                            }\n                        } else {\n                            (attrOn as Array<HAttrOnCb | HAttrOnAct>)\n                                .forEach(attr => {\n                                    if (typeof attr[1] === \"function\") {\n                                        props.push(\"on\" + attr[0], attr[1]);\n                                    } else {\n                                        props.push(\"on\" + attr[0], (e: Event) => {\n                                            ctx && ctx.actionCb &&\n                                            typeof ctx.actionCb === \"function\" &&\n                                            ctx.actionCb(attr[1] as HAttrOnAction,\n                                                    attr[2] as HAttrOnData,\n                                                    e);\n                                        });\n                                    }\n                                });\n                        }\n                        break;\n                    default:\n                        // http://google.github.io/incremental-dom/#attributes-and-properties\n                        switch (typeof attrs[a]) {\n                            case \"function\":\n                                props.push(\"on\" + a, attrs[a]);\n                                break;\n                            case \"object\":\n                                // console.log(\"---\", a, typeof attrs[a], attrs[a]);\n                                // console.log(\"---String \", attrs[a] instanceof String);\n                                // console.log(\"---Boolean\", attrs[a] instanceof Boolean);\n                                // console.log(\"---Number \", attrs[a] instanceof Number);\n                                props.push(a, attrs[a]);\n                                break;\n                            // case \"boolean\":\n                            //     if (boolAttrProps.includes(a)) {\n                            //         props.push(a, attrs[a]);\n                            //     } else {\n                            //         attrs[a] && props.push(a, a);\n                            //     }\n                            //     break;\n                            case \"boolean\":\n                                attrs[a] && props.push(a, a);\n                                break;\n                            default:\n                                props.push(a, attrs[a]);\n                                break;\n                        }\n                }\n            }\n        }\n        if (classes.length) {\n            props.unshift(\"class\", classes.join(\" \"));\n        }\n        if (id) {\n            props.unshift(\"id\", id);\n        }\n        idom.elementOpen(tag, attrs._key, undefined, ...props);\n        if (attrs._skip) {\n            idom.skip();\n        }\n        if (ctx && ref) {\n            ctx.refs[ref] = idom.currentElement();\n        }\n        if (hObj && hObj.mount && hObj.mount.constructor === Function) {\n            hObj.mount(idom.currentElement());\n            idom.skip();\n        }\n        return attrs._skip ? true : false;\n    }\n\n    close(tag: HHead, children: HElements, ctx?: HHandlerCtx): void {\n        idom.elementClose(tag);\n    }\n\n    text(text: string, ctx?: HHandlerCtx): void {\n        idom.text(text);\n    }\n\n    fnc(fnc: HFnc, ctx?: HHandlerCtx): void {\n        const skip = fnc(idom.currentElement());\n        skip && idom.skip();\n    }\n\n    obj(obj: HObj, ctx?: HHandlerCtx): void {\n        if (\"toHsml\" in obj) {\n            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx);\n        } else {\n            this.text(\"\" + obj, ctx);\n        }\n    }\n\n}\n\nfunction hsml2idom(hml: HElement, ctx?: HHandlerCtx): void {\n    hsml(hml, new HsmlIDomHandler(), ctx);\n}\n\nfunction hsmls2idom(hmls: HElements, ctx?: HHandlerCtx): void {\n    for (const hml of hmls) {\n        if (hml === undefined || hml === null) {\n            continue;\n        }\n        if (hml.constructor === String) {\n            idom.text(hml as string);\n        } else if (\"toHsml\" in (hml as any)) {\n            const obj = hml as HHandlerCtx;\n            obj.toHsml && hsml2idom(obj.toHsml(), obj);\n        } else {\n            hsml2idom(hml as HElement, ctx);\n        }\n    }\n}\n\nexport function hsml2idomPatch(node: Element, hsmlEl: HElement, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElement) => (data && hsml2idom(data, ctx)), hsmlEl);\n}\n\nexport function hsmls2idomPatch(node: Element, hsmlFr: HElements, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElements) => (data && hsmls2idom(data, ctx)), hsmlFr);\n}\n"],"sourceRoot":""}

package/dist/umd/hsml-svac-ctrl.js

@@ -1,2 +1,2 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("IncrementalDOM"));else if("function"==typeof define&&define.amd)define(["IncrementalDOM"],e);else{var o="object"==typeof exports?e(require("IncrementalDOM")):e(t.IncrementalDOM);for(var s in o)("object"==typeof exports?exports:t)[s]=o[s]}}(window,(function(t){return function(t){var e={};function o(s){if(e[s])return e[s].exports;var n=e[s]={i:s,l:!1,exports:{}};return t[s].call(n.exports,n,n.exports,o),n.l=!0,n.exports}return o.m=t,o.c=e,o.d=function(t,e,s){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var n in t)o.d(s,n,function(e){return t[e]}.bind(null,n));return s},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=15)}({0:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.hsml=function t(e,o,s){if(null!=e)switch(e.constructor){case Array:!function(e,o,s){if("string"!=typeof e[0])return void console.error("HSML tag head not string:",e);const n=e[0],i=e[1],c=i&&i.constructor===Object;let r,a,u=[];const l=e[c?2:1];switch(l&&l.constructor){case Array:u=l;break;case Function:r=l;break;case String:case Boolean:case Number:case Date:u=[l];break;default:a=l}const h=n.split("~"),d=h[1],f=h[0].split("."),p=f[0].split("#"),m=p[0]||"div",b=p[1],_=f.slice(1);let y;y=c?i:{};b&&(y._id=b);_.length&&(y._classes=_);d&&(y._ref=d);a&&(y._hObj=a);const v=o.open(m,y,u,s);r&&o.fnc(r,s);v||u.forEach(e=>t(e,o,s));o.close(m,u,s)}(e,o,s);break;case Function:o.fnc(e,s);break;case String:o.text(e,s);break;case Boolean:o.text(""+e,s);break;case Number:const n=e,i=n.toLocaleString?n.toLocaleString():n.toString();o.text(i,s);break;case Date:const c=e,r=c.toLocaleString?c.toLocaleString():c.toString();o.text(r,s);break;default:o.obj(e,s)}},e.hjoin=function(t,e){const o=t.reduce((t,o)=>(t.push(o,e),t),[]);return o.splice(-1),o}},1:function(e,o){e.exports=t},15:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=o(2),n=o(1),i=(t,e,o)=>s=>{if(s.ctrl){const n=s.ctrl;if(n.view===t.view)void 0!==e&&(n.state=e),n.update();else{n.umount();const i=new a(t,o);void 0!==e&&(i.state=e),i.mount(s)}}else{const n=new a(t,o);void 0!==e&&(n.state=e),n.mount(s)}return!0},c=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},r=window.cancelAnimationFrame||function(t){window.clearTimeout(t)};class a{constructor(t,e){this.type="Ctrl",this.id=this.type+"-"+a._count++,this.refs={},this.appAction=(t,e,o)=>{a.debug&&console.log("appAction",this.type,t,e,o),a.appActions&&a.appActions(this,t,e,o)},this.extAction=(t,e,o)=>{a.debug&&console.log("extAction",this.type,t,e,o),this._extAction&&this._extAction(t,e,o)},this.action=(t,e,o)=>{a.debug&&console.log("action",this.type,t,e,o),this._actions&&this._actions(this,t,e,o)},this.render=()=>this.view(this.state,this.action,i),this.actionCb=(t,e,o)=>{void 0===(e=e&&e.constructor===Function?e(o):e)&&o&&(e=function(t){const e={},o=t.target;switch(o.nodeName){case"INPUT":const t=o;switch(t.type){case"text":case"radio":case"number":e[t.name]=t.value;break;case"checkbox":e[t.name]=""+t.checked}break;case"SELECT":const s=o;e[s.name]=s.value;break;case"TEXTAREA":const n=o;e[n.name]=n.innerText;break;case"BUTTON":const i=o;e[i.name]=i.value}return e}(o)),this.action(t,e,o)},this.mount=t=>{const e="string"==typeof t?document.getElementById(t)||document.body:t||document.body;if(e.ctrl){const t=e.ctrl;t&&t.umount()}if(!this.dom){a._ctrls[this.id]=this,this.dom=e,e.ctrl=this;const t=this.render();s.hsmls2idomPatch(e,t,this),e.setAttribute("ctrl",this.type),this.action("_mount",this.dom)}return this},this.umount=()=>{if(this.dom){delete a._ctrls[this.id],this.action("_umount",this.dom),this.dom.hasAttribute("ctrl")&&this.dom.removeAttribute("ctrl");const t=this.dom.querySelectorAll("[ctrl]");for(let e=0;e<t.length;e++){const o=t[e].ctrl;o&&o.umount()}for(;this.dom.firstChild;)this.dom.removeChild(this.dom.firstChild);delete this.dom.ctrl,this.dom=void 0}return this},this.update=()=>(this.dom&&!this._updateSched&&(this._updateSched=c(()=>{this.dom&&s.hsmls2idomPatch(this.dom,this.render(),this),this._updateSched=void 0})),this),this.toHsml=()=>{if(this.dom){if(!this._updateSched)return["div",{_skip:!0,_id:this.id,_key:this.id,ctrl:this.type}];r(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push(t=>{this.dom||(this.dom=t,t.ctrl=this,a._ctrls[this.id]=this,this.action("_mount",this.dom))}),["div",{_id:this.id,_key:this.id,ctrl:this.type},t]},this.toHtml=()=>this.dom?this.dom.outerHTML:"",this.view=t.view,this.type=t.type,this.state=t.state,this._actions=t.actions,this._extAction=e||this.appAction,this.action("_init")}appActions(t){return a.appActions=t,this}appCtrls(){return Object.values(a._ctrls)}}e.HCtrl=a,a.debug=!1,a._count=0,a._ctrls={},n.notifications.nodesDeleted=t=>{t.forEach(t=>{if(1===t.nodeType&&t.ctrl){const e=t.ctrl;e&&e.umount()}})}},2:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=o(0),n=o(1);class i{open(t,e,o,s){const i=[];let c=e._id,r=e._classes?e._classes:[],a=e._ref,u=e._hObj;for(const t in e)if(e.hasOwnProperty(t))switch(t){case"_id":case"_classes":case"_ref":case"_key":case"_skip":case"_hObj":break;case"id":c=e[t];break;case"classes":const o=e[t];r=r.concat(o?o.map(t=>t.constructor===String?t:t[1]?t[0]:void 0).filter(t=>void 0!==t):[]);break;case"class":r=r.concat(e[t].split(" "));break;case"data":const n=e[t];for(const t in n)n.hasOwnProperty(t)&&(n[t].constructor===String?i.push("data-"+t,n[t]):i.push("data-"+t,JSON.stringify(n[t])));break;case"styles":i.push("style",e[t]);break;case"on":const a=e[t];"string"==typeof a[0]?"function"==typeof a[1]?i.push("on"+a[0],a[1]):i.push("on"+a[0],t=>{s&&s.actionCb&&"function"==typeof s.actionCb&&s.actionCb(a[1],a[2],t)}):a.forEach(t=>{"function"==typeof t[1]?i.push("on"+t[0],t[1]):i.push("on"+t[0],e=>{s&&s.actionCb&&"function"==typeof s.actionCb&&s.actionCb(t[1],t[2],e)})});break;default:switch(typeof e[t]){case"function":i.push("on"+t,e[t]);break;case"object":i.push(t,e[t]);break;case"boolean":e[t]&&i.push(t,"");break;default:i.push(t,e[t])}}return r.length&&i.unshift("class",r.join(" ")),c&&i.unshift("id",c),n.elementOpen(t,e._key,void 0,...i),e._skip&&n.skip(),s&&a&&(s.refs[a]=n.currentElement()),u&&u.mount&&u.mount.constructor===Function&&(u.mount(n.currentElement()),n.skip()),!!e._skip}close(t,e,o){n.elementClose(t)}text(t,e){n.text(t)}fnc(t,e){t(n.currentElement())&&n.skip()}obj(t,e){"toHsml"in t?t.toHsml&&s.hsml(t.toHsml(),this,t):this.text(""+t,e)}}function c(t,e){s.hsml(t,new i,e)}e.hsml2idomPatch=function(t,e,o){n.patch(t,t=>t&&c(t,o),e)},e.hsmls2idomPatch=function(t,e,o){n.patch(t,t=>t&&function(t,e){for(const o of t)if(null!=o)if(o.constructor===String)n.text(o);else if("toHsml"in o){const t=o;t.toHsml&&c(t.toHsml(),t)}else c(o,e)}(t,o),e)}}})}));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("IncrementalDOM"));else if("function"==typeof define&&define.amd)define(["IncrementalDOM"],e);else{var o="object"==typeof exports?e(require("IncrementalDOM")):e(t.IncrementalDOM);for(var s in o)("object"==typeof exports?exports:t)[s]=o[s]}}(window,(function(t){return function(t){var e={};function o(s){if(e[s])return e[s].exports;var i=e[s]={i:s,l:!1,exports:{}};return t[s].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=t,o.c=e,o.d=function(t,e,s){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)o.d(s,i,function(e){return t[e]}.bind(null,i));return s},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=15)}({0:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.hjoin=e.hsml=void 0,e.hsml=function t(e,o,s){if(null!=e)switch(e.constructor){case Array:!function(e,o,s){if("string"!=typeof e[0])return void console.error("HSML tag head not string:",e);const i=e[0],n=e[1],c=n&&n.constructor===Object;let r,a,u=[];const h=e[c?2:1];switch(h&&h.constructor){case Array:u=h;break;case Function:r=h;break;case String:case Boolean:case Number:case Date:u=[h];break;default:a=h}const l=i.split("~"),d=l[1],f=l[0].split("."),p=f[0].split("#"),m=p[0]||"div",b=p[1],_=f.slice(1);let y;y=c?n:{};b&&(y._id=b);_.length&&(y._classes=_);d&&(y._ref=d);a&&(y._hObj=a);const v=o.open(m,y,u,s);r&&o.fnc(r,s);v||u.forEach(e=>t(e,o,s));o.close(m,u,s)}(e,o,s);break;case Function:o.fnc(e,s);break;case String:o.text(e,s);break;case Boolean:o.text(""+e,s);break;case Number:const i=e,n=i.toLocaleString?i.toLocaleString():i.toString();o.text(n,s);break;case Date:const c=e,r=c.toLocaleString?c.toLocaleString():c.toString();o.text(r,s);break;default:o.obj(e,s)}},e.hjoin=function(t,e){const o=t.reduce((t,o)=>(t.push(o,e),t),[]);return o.splice(-1),o}},1:function(e,o){e.exports=t},15:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.HCtrl=void 0;const s=o(2),i=o(1),n=(t,e,o)=>s=>{if(s.ctrl){const i=s.ctrl;if(i.view===t.view)void 0!==e&&(i.state=e),i.update();else{i.umount();const n=new a(t,o);void 0!==e&&(n.state=e),n.mount(s)}}else{const i=new a(t,o);void 0!==e&&(i.state=e),i.mount(s)}return!0},c=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},r=window.cancelAnimationFrame||function(t){window.clearTimeout(t)};class a{constructor(t,e){this.type="Ctrl",this.id=this.type+"-"+a._count++,this.refs={},this.appAction=(t,e,o)=>{a.debug&&console.log("appAction",this.type,t,e,o),a.appActions&&a.appActions(this,t,e,o)},this.extAction=(t,e,o)=>{a.debug&&console.log("extAction",this.type,t,e,o),this._extAction&&this._extAction(t,e,o)},this.action=(t,e,o)=>{a.debug&&console.log("action",this.type,t,e,o),this._actions&&this._actions(this,t,e,o)},this.render=()=>this.view(this.state,this.action,n),this.actionCb=(t,e,o)=>{void 0===(e=e&&e.constructor===Function?e(o):e)&&o&&(e=function(t){const e={},o=t.target;switch(o.nodeName){case"INPUT":const t=o;switch(t.type){case"text":case"radio":case"number":e[t.name]=t.value;break;case"checkbox":e[t.name]=""+t.checked}break;case"SELECT":const s=o;e[s.name]=s.value;break;case"TEXTAREA":const i=o;e[i.name]=i.innerText;break;case"BUTTON":const n=o;e[n.name]=n.value}return e}(o)),this.action(t,e,o)},this.mount=t=>{const e="string"==typeof t?document.getElementById(t)||document.body:t||document.body;if(e.ctrl){const t=e.ctrl;t&&t.umount()}if(!this.dom){a._ctrls[this.id]=this,this.dom=e,e.ctrl=this;const t=this.render();s.hsmls2idomPatch(e,t,this),e.setAttribute("ctrl",this.type),this.action("_mount",this.dom)}return this},this.umount=()=>{if(this.dom){delete a._ctrls[this.id],this.action("_umount",this.dom),this.dom.hasAttribute("ctrl")&&this.dom.removeAttribute("ctrl");const t=this.dom.querySelectorAll("[ctrl]");for(let e=0;e<t.length;e++){const o=t[e].ctrl;o&&o.umount()}for(;this.dom.firstChild;)this.dom.removeChild(this.dom.firstChild);delete this.dom.ctrl,this.dom=void 0}return this},this.update=()=>(this.dom&&!this._updateSched&&(this._updateSched=c(()=>{this.dom&&s.hsmls2idomPatch(this.dom,this.render(),this),this._updateSched=void 0})),this),this.toHsml=()=>{if(this.dom){if(!this._updateSched)return["div",{_skip:!0,_id:this.id,_key:this.id,ctrl:this.type}];r(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push(t=>{this.dom||(this.dom=t,t.ctrl=this,a._ctrls[this.id]=this,this.action("_mount",this.dom))}),["div",{_id:this.id,_key:this.id,ctrl:this.type},t]},this.toHtml=()=>this.dom?this.dom.outerHTML:"",this.view=t.view,this.type=t.type,this.state=t.state,this._actions=t.actions,this._extAction=e||this.appAction,this.action("_init")}appActions(t){return a.appActions=t,this}appCtrls(){return Object.values(a._ctrls)}}e.HCtrl=a,a.debug=!1,a._count=0,a._ctrls={},i.notifications.nodesDeleted=t=>{t.forEach(t=>{if(1===t.nodeType&&t.ctrl){const e=t.ctrl;e&&e.umount()}})}},2:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.hsmls2idomPatch=e.hsml2idomPatch=void 0;const s=o(0),i=o(1);class n{open(t,e,o,s){const n=[];let c=e._id,r=e._classes?e._classes:[],a=e._ref,u=e._hObj;for(const t in e)if(e.hasOwnProperty(t))switch(t){case"_id":case"_classes":case"_ref":case"_key":case"_skip":case"_hObj":break;case"id":c=e[t];break;case"classes":const o=e[t];r=r.concat(o?o.map(t=>t.constructor===String?t:t[1]?t[0]:void 0).filter(t=>void 0!==t):[]);break;case"class":r=r.concat(e[t].split(" "));break;case"data":const i=e[t];for(const t in i)i.hasOwnProperty(t)&&(i[t].constructor===String?n.push("data-"+t,i[t]):n.push("data-"+t,JSON.stringify(i[t])));break;case"styles":n.push("style",e[t]);break;case"on":const a=e[t];"string"==typeof a[0]?"function"==typeof a[1]?n.push("on"+a[0],a[1]):n.push("on"+a[0],t=>{s&&s.actionCb&&"function"==typeof s.actionCb&&s.actionCb(a[1],a[2],t)}):a.forEach(t=>{"function"==typeof t[1]?n.push("on"+t[0],t[1]):n.push("on"+t[0],e=>{s&&s.actionCb&&"function"==typeof s.actionCb&&s.actionCb(t[1],t[2],e)})});break;default:switch(typeof e[t]){case"function":n.push("on"+t,e[t]);break;case"object":n.push(t,e[t]);break;case"boolean":e[t]&&n.push(t,t);break;default:n.push(t,e[t])}}return r.length&&n.unshift("class",r.join(" ")),c&&n.unshift("id",c),i.elementOpen(t,e._key,void 0,...n),e._skip&&i.skip(),s&&a&&(s.refs[a]=i.currentElement()),u&&u.mount&&u.mount.constructor===Function&&(u.mount(i.currentElement()),i.skip()),!!e._skip}close(t,e,o){i.elementClose(t)}text(t,e){i.text(t)}fnc(t,e){t(i.currentElement())&&i.skip()}obj(t,e){"toHsml"in t?t.toHsml&&s.hsml(t.toHsml(),this,t):this.text(""+t,e)}}function c(t,e){s.hsml(t,new n,e)}e.hsml2idomPatch=function(t,e,o){i.patch(t,t=>t&&c(t,o),e)},e.hsmls2idomPatch=function(t,e,o){i.patch(t,t=>t&&function(t,e){for(const o of t)if(null!=o)if(o.constructor===String)i.text(o);else if("toHsml"in o){const t=o;t.toHsml&&c(t.toHsml(),t)}else c(o,e)}(t,o),e)}}})}));
 //# sourceMappingURL=hsml-svac-ctrl.js.map

package/dist/umd/hsml-svac-ctrl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./src/hsml.ts","webpack:///external \"IncrementalDOM\"","webpack:///./src/hsml-svac-ctrl.ts","webpack:///./src/hsml-idom.ts"],"names":["root","factory","exports","module","require","define","amd","a","i","window","__WEBPACK_EXTERNAL_MODULE__1__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hsml","hml","handler","ctx","constructor","Array","hmlTag","console","error","head","attrsObj","hasAttrs","hFnc","hObj","children","htc","Function","String","Boolean","Number","Date","refSplit","split","ref","dotSplit","hashSplit","tag","id","classes","slice","attrs","_id","length","_classes","_ref","_hObj","skip","open","fnc","forEach","jml","close","hsmlTag","text","toLocaleString","toString","ds","obj","hsmls","sep","reduce","push","splice","mount","component","state","action","e","ctrl","view","undefined","update","umount","c1","HCtrl","schedule","requestAnimationFrame","setTimeout","unschedule","cancelAnimationFrame","handle","clearTimeout","extAction","type","this","_count","refs","appAction","data","event","debug","log","appActions","_extAction","_actions","render","actionCb","el","target","nodeName","iel","checked","sel","tel","innerText","bel","formInputData","document","getElementById","body","dom","_ctrls","hsmls2idomPatch","setAttribute","hasAttribute","removeAttribute","cNodes","querySelectorAll","firstChild","removeChild","_updateSched","toHsml","_skip","_key","toHtml","outerHTML","actions","values","idom","notifications","nodesDeleted","nodes","node","nodeType","HsmlIDomHandler","props","attrClasses","concat","map","filter","attrData","JSON","stringify","attrOn","attr","unshift","join","elementOpen","currentElement","elementClose","hsml2idom","hsmlEl","patch","hsmlFr","hmls","hsmls2idom"],"mappings":"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","file":"hsml-svac-ctrl.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"IncrementalDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"IncrementalDOM\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"IncrementalDOM\")) : factory(root[\"IncrementalDOM\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(window, function(__WEBPACK_EXTERNAL_MODULE__1__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 15);\n","\nexport type HHead = keyof HTMLElementTagNameMap | string; // \"tag#id.class1.class2~handler\"\n\nexport type HAttrClasses = Array<string | [string, boolean]>;\n\nexport type HAttrStyles = { [key: string]: string };\n\nexport type HAttrData = {\n    [key: string]:\n        | string\n        | String\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | Array<any>\n        | Object;\n};\n\nexport type HAttrOnAction = string;\n\nexport type HAttrOnDataFnc = (e: Event) => any;\n\nexport type HAttrOnData =\n    | string\n    | String\n    | number\n    | Number\n    | boolean\n    | Boolean\n    | Date\n    | Array<any>\n    | Object\n    | HAttrOnDataFnc\n    | null;\n\nexport type HAttrOnCb = [keyof HTMLElementEventMap, EventListener];\n\nexport type HAttrOnAct = [\n    keyof HTMLElementEventMap,\n    HAttrOnAction,\n    HAttrOnData?\n];\n\nexport type HAttrOn = HAttrOnCb | HAttrOnAct | Array<HAttrOnCb | HAttrOnAct>;\n\nexport interface HAttrs {\n    readonly _id?: string;\n    readonly _classes?: string[];\n    readonly _ref?: string;\n    readonly _key?: string;\n    readonly _skip?: boolean;\n    readonly _hObj?: HObj;\n    readonly classes?: HAttrClasses;\n    readonly styles?: HAttrStyles;\n    readonly data?: HAttrData;\n    readonly on?: HAttrOn;\n    readonly [key: string]:\n        | string\n        | String\n        | string[]\n        | String[]\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | HAttrClasses\n        | HAttrStyles\n        // | HsmlAttrData\n        | HAttrOn\n        | EventListener\n        | HObj\n        | undefined;\n}\n\nexport type HFnc = (e: Element) => boolean | void;\n\nexport interface HObj {\n    toHsml?(): HElement;\n}\n\nexport interface HElements extends Array<HElement> {}\n\nexport type HChildren =\n    | HElements\n    | HFnc\n    | HObj\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport type HTagNoAttr = [HHead, HChildren?];\nexport type HTagAttr = [HHead, HAttrs, HChildren?];\n\nexport type HTag = HTagNoAttr | HTagAttr;\n\nexport type HElement =\n    | HFnc\n    | HObj\n    | HTag\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport interface HHandlerCtx extends HObj {\n    refs: { [name: string]: Element };\n    actionCb(action: HAttrOnAction, data: HAttrOnData, e: Event): void;\n}\n\nexport interface HHandler<C extends HHandlerCtx> {\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: C): boolean;\n    close(tag: HHead, children: HElements, ctx?: C): void;\n    text(text: string, ctx?: C): void;\n    fnc(fnc: HFnc, ctx?: C): void;\n    obj(obj: HObj, ctx?: C): void;\n}\n\nexport function hsml<C extends HHandlerCtx>(hml: HElement,\n                                            handler: HHandler<C>,\n                                            ctx?: C): void {\n    // console.log(\"hsml\", hsml);\n    if (hml === undefined || hml === null) {\n        return;\n    }\n    switch (hml.constructor) {\n        case Array:\n            // const tag = hml as HTag;\n            // if (\n            //     (\n            //         tag.length === 1 &&\n            //         tag[0].constructor === String\n            //     ) ||\n            //     (\n            //         tag.length === 2 &&\n            //         (\n            //             tag[0].constructor === String &&\n            //             (tag[1]!.constructor === Array || tag[1]!.constructor === Function)\n            //         ) ||\n            //         (\n            //             tag[0].constructor === String &&\n            //             tag[1]!.constructor === Object\n            //         )\n            //     ) ||\n            //     (\n            //         tag.length === 3 &&\n            //         tag[0].constructor === String &&\n            //         tag[1].constructor === Object &&\n            //         tag[2]!.constructor === Array\n            //     )\n            // ) {\n            //     hsmlTag(hml as HTag, handler, ctx);\n            // } else {\n            //     console.error(\"hsml parse error:\", hml);\n            //     // console.error(\"hsml parse error:\", JSON.stringify(hml, null, 4));\n            //     // throw Error(`hsml parse error: ${JSON.stringify(hml)}`);\n            // }\n            hsmlTag(hml as HTag, handler, ctx);\n            break;\n        case Function:\n            handler.fnc(hml as HFnc, ctx);\n            break;\n        case String:\n            handler.text(hml as string, ctx);\n            break;\n        case Boolean:\n            handler.text(\"\" + hml, ctx);\n            break;\n        case Number:\n            const n = hml as number;\n            const ns = n.toLocaleString ? n.toLocaleString() : n.toString();\n            handler.text(ns, ctx);\n            break;\n        case Date:\n            const d = hml as Date;\n            const ds = d.toLocaleString ? d.toLocaleString() : d.toString();\n            handler.text(ds, ctx);\n            break;\n        default: // HObj\n            handler.obj(hml as HObj, ctx);\n    }\n\n    function hsmlTag(hmlTag: HTag, handler: HHandler<C>, ctx?: C): void {\n        // console.log(\"hsml tag\", hmlTag);\n\n        if (typeof hmlTag[0] !== \"string\") {\n            console.error(\"HSML tag head not string:\", hmlTag);\n            return;\n        }\n\n        const head = hmlTag[0] as HHead;\n        const attrsObj = hmlTag[1] as any;\n        const hasAttrs = attrsObj && attrsObj.constructor === Object;\n        const childIdx = hasAttrs ? 2 : 1;\n\n        let children: HElements = [];\n        let hFnc: HFnc | undefined;\n        let hObj: HObj | undefined;\n\n        const htc = hmlTag[childIdx];\n        switch (htc && htc.constructor) {\n            case Array:\n                children = htc as HElements;\n                break;\n            case Function:\n                hFnc = htc as HFnc;\n                break;\n            case String:\n            case Boolean:\n            case Number:\n            case Date:\n                children = [htc as string | boolean | number | Date];\n                break;\n            default: // HObj\n                hObj = htc as HObj;\n                break;\n        }\n\n        const refSplit = head.split(\"~\");\n        const ref = refSplit[1];\n        const dotSplit = refSplit[0].split(\".\");\n        const hashSplit = dotSplit[0].split(\"#\");\n        const tag = hashSplit[0] || \"div\";\n        const id = hashSplit[1];\n        const classes = dotSplit.slice(1);\n\n        let attrs: HAttrs;\n        if (hasAttrs) {\n            attrs = attrsObj as HAttrs;\n        } else {\n            attrs = {} as HAttrs;\n        }\n\n        if (id) {\n            (attrs as any)._id = id;\n        }\n        if (classes.length) {\n            (attrs as any)._classes = classes;\n        }\n        if (ref) {\n            (attrs as any)._ref = ref;\n        }\n        if (hObj) {\n            (attrs as any)._hObj = hObj;\n        }\n\n        const skip = handler.open(tag, attrs, children, ctx);\n\n        if (hFnc) {\n            handler.fnc(hFnc, ctx);\n        }\n\n        if (!skip) {\n            children.forEach(jml => hsml(jml, handler, ctx));\n        }\n\n        handler.close(tag, children, ctx);\n    }\n}\n\nexport function hjoin(hsmls: HElements, sep: string | HElement): HElements {\n    const r = hsmls.reduce<HElements>(\n        (p, c) => (p.push(c, sep), p),\n        [] as HElements\n    );\n    r.splice(-1);\n    return r;\n}\n\n// Test\n\n// const hsmls: Hsmls = [\n//     \"text\",\n//     [\"tag\", [\n//         \"d\",\n//         [\"\"]\n//     ]],\n//     [\"taga\", { attr: \"attr\", classes: [\"class\"] }, [\n//         \"text\",\n//         123,\n//         true\n//     ]]\n// ];\n\n// const hml: Hsml = [\"xxx\", {}, [\n//         \"types\", \" \", 1235.456, \" \", new Date(), \" \",\n//         ...hsmls,\n//         [\"t\", [\"t\", \"a\", \"\"]],\n//         [\"t\", {}, [\"t\", \"a\", \"\"]],\n//         [\"t\"]\n//     ]];\n\n// console.log(hsmls, hml);\n\n// const hml1: Hsml = [\"div\", null, [\n//     [\"span\", null, [\n//         [\"a\",\n//             {\n//                 href: \"https://gitlab.com/peter-rybar/diasheet\",\n//                 title: \"GitLab\",\n//                 target: \"_blank\"\n//             },\n//             [[\"i.fa.fa-gitlab\"]]\n//         ]\n//     ]],\n//     [\"span\"]\n// ]];\n// console.log(hml1);\n\n// const hml2: Hsml = [\"div\", [\n//     [\"h2\", [\"title\"]],\n//     [\"div.w3-card-12\", [\n//         [\"header.w3-container w3-light-grey\", [\n//             [\"h3\", [\"Account: \", \"User\"]]\n//         ]],\n//         [\"div.w3-container.w3-light-grey\", [\n//             [\"p\", [\"Balance: 4 DCT\"]],\n//             [\"br\"]\n//         ]],\n//         [\"h4\", [\"Your account spending\"]],\n//         [\"div#piechart\"],\n//         [\"h4\", [\"Your account balance\"]],\n//         [\"div#linechart\"],\n//         [\"button.w3-button.w3-block.w3-dark-grey\", [\"Refresh\"]]\n//     ]],\n//     [\"br\"]\n// ]];\n// console.log(hml2);\n\n// TEST\n\n// import { hsmls2htmls } from \"./hsml-html\";\n// import { HDispatch } from \"./hsml-app\";\n\n// const dispatch: HDispatch = (type: string, data?: any, event?: Event): void => {\n//     console.log(\"action:\", type, data, event);\n// };\n\n// const data = { attr: \"action-data\" };\n\n// const hmls: HElements = [\n//     [\"button\", { on: [\"click\", \"action\", data] }, \"send\"],\n//     [\"h1\", \"aaa\"],\n//     [\"input\",\n//         {\n//             type: \"text\",\n//             on: [\n//                 [\"mouseover\", \"hover-action\", data],\n//                 [\"change\", \"click-action\", e => (e.target as HTMLInputElement).value],\n//                 [\"click\", e => dispatch(\"action\", data, e)],\n//             ],\n//             click: e => dispatch(\"action\", data, e)\n//         }\n//     ],\n//     [\"button\",\n//         {\n//             on: [\"click\", e => dispatch(\"action\", data, e)],\n//             click: e => dispatch(\"action\", data, e)\n//         },\n//         [\"Send\"]\n//     ]\n// ];\n\n// console.log(hsmls2htmls(hmls, true).join(\"\"));\n","module.exports = __WEBPACK_EXTERNAL_MODULE__1__;","import { HMount, HAction, HView, HComponent as SvacComponent } from \"./hsml-svac\";\nimport { HElement, HElements, HAttrOnData, HAttrOnDataFnc, HHandlerCtx, HFnc } from \"./hsml\";\nimport { hsmls2idomPatch } from \"./hsml-idom\";\nimport * as idom from \"incremental-dom\";\n\nexport interface HComponent<STATE> extends SvacComponent<STATE> {\n    actions?: HActions<STATE>;\n}\n\nexport type HActions<STATE> = (ctrl: HCtrl<STATE>,\n                               action: string | number,\n                               data?: any,\n                               event?: Event) => void;\n\nconst mount: HMount = <STATE>(\n    component: HComponent<STATE>,\n    state?: STATE,\n    action?: HAction): HFnc | HElements =>\n    (e: Element) => {\n        if ((e as any).ctrl) {\n            const c = (e as any).ctrl as HCtrl<STATE>;\n            if (c.view === component.view) {\n                if (state !== undefined) {\n                    c.state = state;\n                }\n                c.update();\n            } else {\n                c.umount();\n                const c1 = new HCtrl<STATE>(component, action);\n                if (state !== undefined) {\n                    c1.state = state;\n                }\n                c1.mount(e);\n            }\n        } else {\n            const c = new HCtrl<STATE>(component, action);\n            if (state !== undefined) {\n                c.state = state;\n            }\n            c.mount(e);\n        }\n        return true;\n    };\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 (handler: Function) { window.setTimeout(handler, 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 ctrlAttr = \"ctrl\";\n\nexport class HCtrl<STATE> implements HHandlerCtx {\n\n    static debug = false;\n\n    static appActions?: HActions<any>;\n\n    private static _count = 0;\n\n    private static _ctrls: { [ctrl: string]: HCtrl<any> } = {};\n\n    readonly type: string = \"Ctrl\";\n    readonly id: string = this.type + \"-\" + HCtrl._count++;\n    readonly dom?: Element;\n    readonly refs: { [key: string]: HTMLElement } = {};\n\n    state: STATE;\n\n    readonly view: HView<STATE>;\n\n    private _actions?: HActions<STATE>;\n    private _extAction?: HAction;\n\n    private _updateSched?: number;\n\n    constructor(component: HComponent<STATE>, extAction?: HAction) {\n        this.view = component.view;\n        this.type = component.type;\n        this.state = component.state;\n        this._actions = component.actions;\n        this._extAction = extAction || this.appAction;\n        this.action(\"_init\");\n    }\n\n    appAction = (action: string | number, data?: any, event?: Event): void => {\n        HCtrl.debug && console.log(\"appAction\", this.type, action, data, event);\n        HCtrl.appActions && HCtrl.appActions(this, action, data, event);\n    }\n\n    appActions(actions: HActions<STATE>): this {\n        HCtrl.appActions = actions;\n        return this;\n    }\n\n    extAction = (action: string | number, data?: any, event?: Event): void => {\n        HCtrl.debug && console.log(\"extAction\", this.type, action, data, event);\n        this._extAction && this._extAction(action, data, event);\n    }\n\n    action = (action: string | number, data?: any, event?: Event): void => {\n        HCtrl.debug && console.log(\"action\", this.type, action, data, event);\n        this._actions && this._actions(this, action, data, event);\n    }\n\n    appCtrls(): HCtrl<any>[] {\n        return Object.values(HCtrl._ctrls);\n    }\n\n    render = (): HElements => {\n        return this.view(this.state, this.action, mount);\n    }\n\n    actionCb = (action: string, data: HAttrOnData, event: Event): void => {\n        data = (data && data.constructor === Function)\n            ? (data as HAttrOnDataFnc)(event)\n            : data;\n        if (data === undefined && event) {\n            data = formInputData(event);\n        }\n        this.action(action, data, event);\n    }\n\n    mount = (e?: string | Element | null): this => {\n        const el = typeof e === \"string\"\n            ? document.getElementById(e) || document.body\n            : e || document.body;\n        if ((el as any).ctrl) {\n            const c = (el as any).ctrl as HCtrl<STATE>;\n            c && c.umount();\n        }\n        if (!this.dom) {\n            HCtrl._ctrls[this.id] = this;\n            (this as any).dom = el;\n            (el as any).ctrl = this;\n            const hsmls = (this as any).render();\n            hsmls2idomPatch(el, hsmls, this);\n            el.setAttribute(ctrlAttr, this.type);\n            this.action(\"_mount\", this.dom);\n        }\n        return this;\n    }\n\n    umount = (): this => {\n        if (this.dom) {\n            delete HCtrl._ctrls[this.id];\n            this.action(\"_umount\", this.dom);\n            if (this.dom.hasAttribute(ctrlAttr)) {\n                this.dom.removeAttribute(ctrlAttr);\n            }\n            const cNodes = this.dom.querySelectorAll(`[${ctrlAttr}]`);\n            for (let i = 0; i < cNodes.length; i++) {\n                const c = (cNodes[i] as any).ctrl as HCtrl<STATE>;\n                c && c.umount();\n            }\n            while (this.dom.firstChild) {\n                this.dom.removeChild(this.dom.firstChild);\n            }\n            delete (this.dom as any).ctrl;\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                    hsmls2idomPatch(this.dom, this.render(), this);\n                }\n                this._updateSched = undefined;\n            });\n        }\n        return this;\n    }\n\n    toHsml = (): HElement => {\n        if (this.dom) {\n            if (this._updateSched) {\n                unschedule(this._updateSched);\n                this._updateSched = undefined;\n            } else {\n                return (\n                    [\"div\",\n                        {\n                            _skip: true,\n                            _id: this.id,\n                            _key: this.id,\n                            ctrl: this.type\n                        }\n                    ]\n                );\n            }\n        }\n        const hsmls = this.render() as HElements;\n        hsmls.push(\n            (e: Element) => {\n                if (!this.dom) {\n                    (this as any).dom = e;\n                    (e as any).ctrl = this;\n                    HCtrl._ctrls[this.id] = this;\n                    this.action(\"_mount\", this.dom);\n                }\n            });\n        return (\n            [\"div\",\n                {\n                    _id: this.id,\n                    _key: this.id,\n                    ctrl: this.type\n                },\n                hsmls\n            ]\n        );\n    }\n\n    toHtml = (): string => {\n        return this.dom ? this.dom.outerHTML : \"\";\n    }\n\n}\n\n(idom as any).notifications.nodesDeleted = (nodes: Node[]) => {\n    nodes.forEach(node => {\n        if (node.nodeType === 1 && (node as any).ctrl) {\n            const c = (node as any).ctrl as HCtrl<any>;\n            c && c.umount();\n        }\n    });\n};\n\nfunction formInputData(e: Event): { [k: string]: string } {\n    const value = {} as { [k: string]: string };\n    const el = (e.target as HTMLElement);\n    switch (el.nodeName) {\n        case \"INPUT\":\n            const iel = (el as HTMLInputElement);\n            switch (iel.type) {\n                case \"text\":\n                case \"radio\":\n                    value[iel.name] = iel.value;\n                    break;\n                case \"number\":\n                    value[iel.name] = iel.value;\n                    break;\n                case \"checkbox\":\n                    value[iel.name] = \"\" + iel.checked;\n                    break;\n            }\n            break;\n        case \"SELECT\":\n            const sel = (el as HTMLSelectElement);\n            value[sel.name] = sel.value;\n            break;\n        case \"TEXTAREA\":\n            const tel = (el as HTMLTextAreaElement);\n            value[tel.name] = tel.innerText;\n            break;\n        case \"BUTTON\":\n            const bel = (el as HTMLButtonElement);\n            value[bel.name] = bel.value;\n            break;\n    }\n    return value;\n}\n","import {\n    hsml,\n    HElement,\n    HElements,\n    HHead,\n    HAttrs,\n    HAttrClasses,\n    HAttrData,\n    HAttrStyles,\n    HAttrOn,\n    HAttrOnCb,\n    HAttrOnAct,\n    HAttrOnAction,\n    HAttrOnData,\n    HFnc,\n    HObj,\n    HHandler,\n    HHandlerCtx\n} from \"./hsml\";\nimport * as idom from \"incremental-dom\";\n\n// function setBoolAttrProp(el: any, attr: string, value: any) {\n//     // console.log(\"idom.attributes\", attr, value, typeof value, el);\n//     if (typeof value === \"string\") {\n//         let b;\n//         switch (value) {\n//             case \"true\":\n//             case \"1\":\n//             case \"on\":\n//             case \"yes\":\n//                 b = true;\n//                 break;\n//             default:\n//                 b = false;\n//         }\n//         if (b) {\n//             el.setAttribute(attr, value);\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = b;\n//     } else if (typeof value === \"boolean\") {\n//         if (value) {\n//             el.setAttribute(attr, \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = value;\n//     } else {\n//         if (value) {\n//             el.setAttribute(attr, value ? value : \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//     }\n// }\n\n// const boolAttrProps = [\n//     \"readonly\",\n//     \"disabled\",\n//     \"checked\",\n//     \"value\"\n// ];\n\n// boolAttrProps.forEach(a => idom.attributes[a] = setBoolAttrProp);\n\nclass HsmlIDomHandler implements HHandler<HHandlerCtx> {\n\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: HHandlerCtx): boolean {\n        const props: any[] = [];\n        let id = attrs._id;\n        let classes: string[] = attrs._classes ? attrs._classes : [];\n        let ref = attrs._ref;\n        let hObj: any = attrs._hObj;\n        for (const a in attrs) {\n            if (attrs.hasOwnProperty(a)) {\n                switch (a) {\n                    case \"_id\":\n                    case \"_classes\":\n                    case \"_ref\":\n                    case \"_key\":\n                    case \"_skip\":\n                    case \"_hObj\":\n                        break;\n                    case \"id\":\n                        id = attrs[a] as string;\n                        break;\n                    case \"classes\":\n                        const attrClasses = attrs[a] as HAttrClasses;\n                        classes = classes.concat(attrClasses\n                            ? attrClasses\n                                .map(c =>\n                                    c.constructor === String\n                                        ? c as string\n                                        : (c[1] ? c[0] as string : undefined))\n                                .filter((c): c is string => c !== undefined)\n                            : [] as string[]);\n                        break;\n                    case \"class\":\n                        classes = classes.concat((attrs[a] as string).split(\" \"));\n                        break;\n                    case \"data\":\n                        const attrData = attrs[a] as HAttrData;\n                        for (const d in attrData) {\n                            if (attrData.hasOwnProperty(d)) {\n                                if (attrData[d].constructor === String) {\n                                    props.push(\"data-\" + d, attrData[d]);\n                                } else {\n                                    props.push(\"data-\" + d, JSON.stringify(attrData[d]));\n                                }\n                            }\n                        }\n                        break;\n                    case \"styles\":\n                        props.push(\"style\", attrs[a] as HAttrStyles);\n                        break;\n                    case \"on\":\n                        const attrOn = attrs[a] as HAttrOn;\n                        if (typeof attrOn[0] === \"string\") {\n                            if (typeof attrOn[1] === \"function\") {\n                                props.push(\"on\" + attrOn[0], attrOn[1]);\n                            } else {\n                                props.push(\"on\" + attrOn[0], (e: Event) => {\n                                    ctx && ctx.actionCb &&\n                                    typeof ctx.actionCb === \"function\" &&\n                                    ctx.actionCb(attrOn[1] as HAttrOnAction,\n                                            attrOn[2] as HAttrOnData,\n                                            e);\n                                });\n                            }\n                        } else {\n                            (attrOn as Array<HAttrOnCb | HAttrOnAct>)\n                                .forEach(attr => {\n                                    if (typeof attr[1] === \"function\") {\n                                        props.push(\"on\" + attr[0], attr[1]);\n                                    } else {\n                                        props.push(\"on\" + attr[0], (e: Event) => {\n                                            ctx && ctx.actionCb &&\n                                            typeof ctx.actionCb === \"function\" &&\n                                            ctx.actionCb(attr[1] as HAttrOnAction,\n                                                    attr[2] as HAttrOnData,\n                                                    e);\n                                        });\n                                    }\n                                });\n                        }\n                        break;\n                    default:\n                        // http://google.github.io/incremental-dom/#attributes-and-properties\n                        switch (typeof attrs[a]) {\n                            case \"function\":\n                                props.push(\"on\" + a, attrs[a]);\n                                break;\n                            case \"object\":\n                                // console.log(\"---\", a, typeof attrs[a], attrs[a]);\n                                // console.log(\"---String \", attrs[a] instanceof String);\n                                // console.log(\"---Boolean\", attrs[a] instanceof Boolean);\n                                // console.log(\"---Number \", attrs[a] instanceof Number);\n                                props.push(a, attrs[a]);\n                                break;\n                            // case \"boolean\":\n                            //     if (boolAttrProps.includes(a)) {\n                            //         props.push(a, attrs[a]);\n                            //     } else {\n                            //         attrs[a] && props.push(a, \"\");\n                            //     }\n                            //     break;\n                            case \"boolean\":\n                                attrs[a] && props.push(a, \"\");\n                                break;\n                            default:\n                                props.push(a, attrs[a]);\n                                break;\n                        }\n                }\n            }\n        }\n        if (classes.length) {\n            props.unshift(\"class\", classes.join(\" \"));\n        }\n        if (id) {\n            props.unshift(\"id\", id);\n        }\n        idom.elementOpen(tag, attrs._key, undefined, ...props);\n        if (attrs._skip) {\n            idom.skip();\n        }\n        if (ctx && ref) {\n            ctx.refs[ref] = idom.currentElement();\n        }\n        if (hObj && hObj.mount && hObj.mount.constructor === Function) {\n            hObj.mount(idom.currentElement());\n            idom.skip();\n        }\n        return attrs._skip ? true : false;\n    }\n\n    close(tag: HHead, children: HElements, ctx?: HHandlerCtx): void {\n        idom.elementClose(tag);\n    }\n\n    text(text: string, ctx?: HHandlerCtx): void {\n        idom.text(text);\n    }\n\n    fnc(fnc: HFnc, ctx?: HHandlerCtx): void {\n        const skip = fnc(idom.currentElement());\n        skip && idom.skip();\n    }\n\n    obj(obj: HObj, ctx?: HHandlerCtx): void {\n        if (\"toHsml\" in obj) {\n            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx);\n        } else {\n            this.text(\"\" + obj, ctx);\n        }\n    }\n\n}\n\nfunction hsml2idom(hml: HElement, ctx?: HHandlerCtx): void {\n    hsml(hml, new HsmlIDomHandler(), ctx);\n}\n\nfunction hsmls2idom(hmls: HElements, ctx?: HHandlerCtx): void {\n    for (const hml of hmls) {\n        if (hml === undefined || hml === null) {\n            continue;\n        }\n        if (hml.constructor === String) {\n            idom.text(hml as string);\n        } else if (\"toHsml\" in (hml as any)) {\n            const obj = hml as HHandlerCtx;\n            obj.toHsml && hsml2idom(obj.toHsml(), obj);\n        } else {\n            hsml2idom(hml as HElement, ctx);\n        }\n    }\n}\n\nexport function hsml2idomPatch(node: Element, hsmlEl: HElement, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElement) => (data && hsml2idom(data, ctx)), hsmlEl);\n}\n\nexport function hsmls2idomPatch(node: Element, hsmlFr: HElements, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElements) => (data && hsmls2idom(data, ctx)), hsmlFr);\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap","webpack:///./src/hsml.ts","webpack:///external \"IncrementalDOM\"","webpack:///./src/hsml-svac-ctrl.ts","webpack:///./src/hsml-idom.ts"],"names":["root","factory","exports","module","require","define","amd","a","i","window","__WEBPACK_EXTERNAL_MODULE__1__","installedModules","__webpack_require__","moduleId","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","hsml","hml","handler","ctx","constructor","Array","hmlTag","console","error","head","attrsObj","hasAttrs","hFnc","hObj","children","htc","Function","String","Boolean","Number","Date","refSplit","split","ref","dotSplit","hashSplit","tag","id","classes","slice","attrs","_id","length","_classes","_ref","_hObj","skip","open","fnc","forEach","jml","close","hsmlTag","text","toLocaleString","toString","ds","obj","hsmls","sep","reduce","push","splice","mount","component","state","action","e","ctrl","view","undefined","update","umount","c1","HCtrl","schedule","requestAnimationFrame","setTimeout","unschedule","cancelAnimationFrame","handle","clearTimeout","extAction","type","this","_count","refs","appAction","data","event","debug","log","appActions","_extAction","_actions","render","actionCb","el","target","nodeName","iel","checked","sel","tel","innerText","bel","formInputData","document","getElementById","body","dom","_ctrls","hsmls2idomPatch","setAttribute","hasAttribute","removeAttribute","cNodes","querySelectorAll","firstChild","removeChild","_updateSched","toHsml","_skip","_key","toHtml","outerHTML","actions","values","idom","notifications","nodesDeleted","nodes","node","nodeType","HsmlIDomHandler","props","attrClasses","concat","map","filter","attrData","JSON","stringify","attrOn","attr","unshift","join","elementOpen","currentElement","elementClose","hsml2idom","hsmlEl","patch","hsmlFr","hmls","hsmls2idom"],"mappings":"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","file":"hsml-svac-ctrl.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory(require(\"IncrementalDOM\"));\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([\"IncrementalDOM\"], factory);\n\telse {\n\t\tvar a = typeof exports === 'object' ? factory(require(\"IncrementalDOM\")) : factory(root[\"IncrementalDOM\"]);\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(window, function(__WEBPACK_EXTERNAL_MODULE__1__) {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 15);\n","\nexport type HHead = keyof HTMLElementTagNameMap | string; // \"tag#id.class1.class2~handler\"\n\nexport type HAttrClasses = Array<string | [string, boolean]>;\n\nexport type HAttrStyles = { [key: string]: string };\n\nexport type HAttrData = {\n    [key: string]:\n        | string\n        | String\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | Array<any>\n        | Object;\n};\n\nexport type HAttrOnAction = string;\n\nexport type HAttrOnDataFnc = (e: Event) => any;\n\nexport type HAttrOnData =\n    | string\n    | String\n    | number\n    | Number\n    | boolean\n    | Boolean\n    | Date\n    | Array<any>\n    | Object\n    | HAttrOnDataFnc\n    | null;\n\nexport type HAttrOnCb = [keyof HTMLElementEventMap, EventListener];\n\nexport type HAttrOnAct = [\n    keyof HTMLElementEventMap,\n    HAttrOnAction,\n    HAttrOnData?\n];\n\nexport type HAttrOn = HAttrOnCb | HAttrOnAct | Array<HAttrOnCb | HAttrOnAct>;\n\nexport interface HAttrs {\n    readonly _id?: string;\n    readonly _classes?: string[];\n    readonly _ref?: string;\n    readonly _key?: string;\n    readonly _skip?: boolean;\n    readonly _hObj?: HObj;\n    readonly classes?: HAttrClasses;\n    readonly styles?: HAttrStyles;\n    readonly data?: HAttrData;\n    readonly on?: HAttrOn;\n    readonly [key: string]:\n        | string\n        | String\n        | string[]\n        | String[]\n        | number\n        | Number\n        | boolean\n        | Boolean\n        | Date\n        | HAttrClasses\n        | HAttrStyles\n        // | HsmlAttrData\n        | HAttrOn\n        | EventListener\n        | HObj\n        | undefined;\n}\n\nexport type HFnc = (e: Element) => boolean | void;\n\nexport interface HObj {\n    toHsml?(): HElement;\n}\n\nexport interface HElements extends Array<HElement> {}\n\nexport type HChildren =\n    | HElements\n    | HFnc\n    | HObj\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport type HTagNoAttr = [HHead, HChildren?];\nexport type HTagAttr = [HHead, HAttrs, HChildren?];\n\nexport type HTag = HTagNoAttr | HTagAttr;\n\nexport type HElement =\n    | HFnc\n    | HObj\n    | HTag\n    | string\n    | String\n    | boolean\n    | Boolean\n    | number\n    | Number\n    | Date\n    | undefined\n    | null;\n\nexport interface HHandlerCtx extends HObj {\n    refs: { [name: string]: Element };\n    actionCb(action: HAttrOnAction, data: HAttrOnData, e: Event): void;\n}\n\nexport interface HHandler<C extends HHandlerCtx> {\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: C): boolean;\n    close(tag: HHead, children: HElements, ctx?: C): void;\n    text(text: string, ctx?: C): void;\n    fnc(fnc: HFnc, ctx?: C): void;\n    obj(obj: HObj, ctx?: C): void;\n}\n\nexport function hsml<C extends HHandlerCtx>(hml: HElement,\n                                            handler: HHandler<C>,\n                                            ctx?: C): void {\n    // console.log(\"hsml\", hsml);\n    if (hml === undefined || hml === null) {\n        return;\n    }\n    switch (hml.constructor) {\n        case Array:\n            // const tag = hml as HTag;\n            // if (\n            //     (\n            //         tag.length === 1 &&\n            //         tag[0].constructor === String\n            //     ) ||\n            //     (\n            //         tag.length === 2 &&\n            //         (\n            //             tag[0].constructor === String &&\n            //             (tag[1]!.constructor === Array || tag[1]!.constructor === Function)\n            //         ) ||\n            //         (\n            //             tag[0].constructor === String &&\n            //             tag[1]!.constructor === Object\n            //         )\n            //     ) ||\n            //     (\n            //         tag.length === 3 &&\n            //         tag[0].constructor === String &&\n            //         tag[1].constructor === Object &&\n            //         tag[2]!.constructor === Array\n            //     )\n            // ) {\n            //     hsmlTag(hml as HTag, handler, ctx);\n            // } else {\n            //     console.error(\"hsml parse error:\", hml);\n            //     // console.error(\"hsml parse error:\", JSON.stringify(hml, null, 4));\n            //     // throw Error(`hsml parse error: ${JSON.stringify(hml)}`);\n            // }\n            hsmlTag(hml as HTag, handler, ctx);\n            break;\n        case Function:\n            handler.fnc(hml as HFnc, ctx);\n            break;\n        case String:\n            handler.text(hml as string, ctx);\n            break;\n        case Boolean:\n            handler.text(\"\" + hml, ctx);\n            break;\n        case Number:\n            const n = hml as number;\n            const ns = n.toLocaleString ? n.toLocaleString() : n.toString();\n            handler.text(ns, ctx);\n            break;\n        case Date:\n            const d = hml as Date;\n            const ds = d.toLocaleString ? d.toLocaleString() : d.toString();\n            handler.text(ds, ctx);\n            break;\n        default: // HObj\n            handler.obj(hml as HObj, ctx);\n    }\n\n    function hsmlTag(hmlTag: HTag, handler: HHandler<C>, ctx?: C): void {\n        // console.log(\"hsml tag\", hmlTag);\n\n        if (typeof hmlTag[0] !== \"string\") {\n            console.error(\"HSML tag head not string:\", hmlTag);\n            return;\n        }\n\n        const head = hmlTag[0] as HHead;\n        const attrsObj = hmlTag[1] as any;\n        const hasAttrs = attrsObj && attrsObj.constructor === Object;\n        const childIdx = hasAttrs ? 2 : 1;\n\n        let children: HElements = [];\n        let hFnc: HFnc | undefined;\n        let hObj: HObj | undefined;\n\n        const htc = hmlTag[childIdx];\n        switch (htc && htc.constructor) {\n            case Array:\n                children = htc as HElements;\n                break;\n            case Function:\n                hFnc = htc as HFnc;\n                break;\n            case String:\n            case Boolean:\n            case Number:\n            case Date:\n                children = [htc as string | boolean | number | Date];\n                break;\n            default: // HObj\n                hObj = htc as HObj;\n                break;\n        }\n\n        const refSplit = head.split(\"~\");\n        const ref = refSplit[1];\n        const dotSplit = refSplit[0].split(\".\");\n        const hashSplit = dotSplit[0].split(\"#\");\n        const tag = hashSplit[0] || \"div\";\n        const id = hashSplit[1];\n        const classes = dotSplit.slice(1);\n\n        let attrs: HAttrs;\n        if (hasAttrs) {\n            attrs = attrsObj as HAttrs;\n        } else {\n            attrs = {} as HAttrs;\n        }\n\n        if (id) {\n            (attrs as any)._id = id;\n        }\n        if (classes.length) {\n            (attrs as any)._classes = classes;\n        }\n        if (ref) {\n            (attrs as any)._ref = ref;\n        }\n        if (hObj) {\n            (attrs as any)._hObj = hObj;\n        }\n\n        const skip = handler.open(tag, attrs, children, ctx);\n\n        if (hFnc) {\n            handler.fnc(hFnc, ctx);\n        }\n\n        if (!skip) {\n            children.forEach(jml => hsml(jml, handler, ctx));\n        }\n\n        handler.close(tag, children, ctx);\n    }\n}\n\nexport function hjoin(hsmls: HElements, sep: string | HElement): HElements {\n    const r = hsmls.reduce<HElements>(\n        (p, c) => (p.push(c, sep), p),\n        [] as HElements\n    );\n    r.splice(-1);\n    return r;\n}\n\n// Test\n\n// const hsmls: Hsmls = [\n//     \"text\",\n//     [\"tag\", [\n//         \"d\",\n//         [\"\"]\n//     ]],\n//     [\"taga\", { attr: \"attr\", classes: [\"class\"] }, [\n//         \"text\",\n//         123,\n//         true\n//     ]]\n// ];\n\n// const hml: Hsml = [\"xxx\", {}, [\n//         \"types\", \" \", 1235.456, \" \", new Date(), \" \",\n//         ...hsmls,\n//         [\"t\", [\"t\", \"a\", \"\"]],\n//         [\"t\", {}, [\"t\", \"a\", \"\"]],\n//         [\"t\"]\n//     ]];\n\n// console.log(hsmls, hml);\n\n// const hml1: Hsml = [\"div\", null, [\n//     [\"span\", null, [\n//         [\"a\",\n//             {\n//                 href: \"https://gitlab.com/peter-rybar/diasheet\",\n//                 title: \"GitLab\",\n//                 target: \"_blank\"\n//             },\n//             [[\"i.fa.fa-gitlab\"]]\n//         ]\n//     ]],\n//     [\"span\"]\n// ]];\n// console.log(hml1);\n\n// const hml2: Hsml = [\"div\", [\n//     [\"h2\", [\"title\"]],\n//     [\"div.w3-card-12\", [\n//         [\"header.w3-container w3-light-grey\", [\n//             [\"h3\", [\"Account: \", \"User\"]]\n//         ]],\n//         [\"div.w3-container.w3-light-grey\", [\n//             [\"p\", [\"Balance: 4 DCT\"]],\n//             [\"br\"]\n//         ]],\n//         [\"h4\", [\"Your account spending\"]],\n//         [\"div#piechart\"],\n//         [\"h4\", [\"Your account balance\"]],\n//         [\"div#linechart\"],\n//         [\"button.w3-button.w3-block.w3-dark-grey\", [\"Refresh\"]]\n//     ]],\n//     [\"br\"]\n// ]];\n// console.log(hml2);\n\n// TEST\n\n// import { hsmls2htmls } from \"./hsml-html\";\n// import { HDispatch } from \"./hsml-app\";\n\n// const dispatch: HDispatch = (type: string, data?: any, event?: Event): void => {\n//     console.log(\"action:\", type, data, event);\n// };\n\n// const data = { attr: \"action-data\" };\n\n// const hmls: HElements = [\n//     [\"button\", { on: [\"click\", \"action\", data] }, \"send\"],\n//     [\"h1\", \"aaa\"],\n//     [\"input\",\n//         {\n//             type: \"text\",\n//             on: [\n//                 [\"mouseover\", \"hover-action\", data],\n//                 [\"change\", \"click-action\", e => (e.target as HTMLInputElement).value],\n//                 [\"click\", e => dispatch(\"action\", data, e)],\n//             ],\n//             click: e => dispatch(\"action\", data, e)\n//         }\n//     ],\n//     [\"button\",\n//         {\n//             on: [\"click\", e => dispatch(\"action\", data, e)],\n//             click: e => dispatch(\"action\", data, e)\n//         },\n//         [\"Send\"]\n//     ]\n// ];\n\n// console.log(hsmls2htmls(hmls, true).join(\"\"));\n","module.exports = __WEBPACK_EXTERNAL_MODULE__1__;","import { HMount, HAction, HView, HComponent as SvacComponent } from \"./hsml-svac\";\nimport { HElement, HElements, HAttrOnData, HAttrOnDataFnc, HHandlerCtx, HFnc } from \"./hsml\";\nimport { hsmls2idomPatch } from \"./hsml-idom\";\nimport * as idom from \"incremental-dom\";\n\nexport interface HComponent<STATE> extends SvacComponent<STATE> {\n    actions?: HActions<STATE>;\n}\n\nexport type HActions<STATE> = (ctrl: HCtrl<STATE>,\n                               action: string | number,\n                               data?: any,\n                               event?: Event) => void;\n\nconst mount: HMount = <STATE>(\n    component: HComponent<STATE>,\n    state?: STATE,\n    action?: HAction): HFnc | HElements =>\n    (e: Element) => {\n        if ((e as any).ctrl) {\n            const c = (e as any).ctrl as HCtrl<STATE>;\n            if (c.view === component.view) {\n                if (state !== undefined) {\n                    c.state = state;\n                }\n                c.update();\n            } else {\n                c.umount();\n                const c1 = new HCtrl<STATE>(component, action);\n                if (state !== undefined) {\n                    c1.state = state;\n                }\n                c1.mount(e);\n            }\n        } else {\n            const c = new HCtrl<STATE>(component, action);\n            if (state !== undefined) {\n                c.state = state;\n            }\n            c.mount(e);\n        }\n        return true;\n    };\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 (handler: Function) { window.setTimeout(handler, 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 ctrlAttr = \"ctrl\";\n\nexport class HCtrl<STATE> implements HHandlerCtx {\n\n    static debug = false;\n\n    static appActions?: HActions<any>;\n\n    private static _count = 0;\n\n    private static _ctrls: { [ctrl: string]: HCtrl<any> } = {};\n\n    readonly type: string = \"Ctrl\";\n    readonly id: string = this.type + \"-\" + HCtrl._count++;\n    readonly dom?: Element;\n    readonly refs: { [key: string]: HTMLElement } = {};\n\n    state: STATE;\n\n    readonly view: HView<STATE>;\n\n    private _actions?: HActions<STATE>;\n    private _extAction?: HAction;\n\n    private _updateSched?: number;\n\n    constructor(component: HComponent<STATE>, extAction?: HAction) {\n        this.view = component.view;\n        this.type = component.type;\n        this.state = component.state;\n        this._actions = component.actions;\n        this._extAction = extAction || this.appAction;\n        this.action(\"_init\");\n    }\n\n    appAction = (action: string | number, data?: any, event?: Event): void => {\n        HCtrl.debug && console.log(\"appAction\", this.type, action, data, event);\n        HCtrl.appActions && HCtrl.appActions(this, action, data, event);\n    }\n\n    appActions(actions: HActions<STATE>): this {\n        HCtrl.appActions = actions;\n        return this;\n    }\n\n    extAction = (action: string | number, data?: any, event?: Event): void => {\n        HCtrl.debug && console.log(\"extAction\", this.type, action, data, event);\n        this._extAction && this._extAction(action, data, event);\n    }\n\n    action = (action: string | number, data?: any, event?: Event): void => {\n        HCtrl.debug && console.log(\"action\", this.type, action, data, event);\n        this._actions && this._actions(this, action, data, event);\n    }\n\n    appCtrls(): HCtrl<any>[] {\n        return Object.values(HCtrl._ctrls);\n    }\n\n    render = (): HElements => {\n        return this.view(this.state, this.action, mount);\n    }\n\n    actionCb = (action: string, data: HAttrOnData, event: Event): void => {\n        data = (data && data.constructor === Function)\n            ? (data as HAttrOnDataFnc)(event)\n            : data;\n        if (data === undefined && event) {\n            data = formInputData(event);\n        }\n        this.action(action, data, event);\n    }\n\n    mount = (e?: string | Element | null): this => {\n        const el = typeof e === \"string\"\n            ? document.getElementById(e) || document.body\n            : e || document.body;\n        if ((el as any).ctrl) {\n            const c = (el as any).ctrl as HCtrl<STATE>;\n            c && c.umount();\n        }\n        if (!this.dom) {\n            HCtrl._ctrls[this.id] = this;\n            (this as any).dom = el;\n            (el as any).ctrl = this;\n            const hsmls = (this as any).render();\n            hsmls2idomPatch(el, hsmls, this);\n            el.setAttribute(ctrlAttr, this.type);\n            this.action(\"_mount\", this.dom);\n        }\n        return this;\n    }\n\n    umount = (): this => {\n        if (this.dom) {\n            delete HCtrl._ctrls[this.id];\n            this.action(\"_umount\", this.dom);\n            if (this.dom.hasAttribute(ctrlAttr)) {\n                this.dom.removeAttribute(ctrlAttr);\n            }\n            const cNodes = this.dom.querySelectorAll(`[${ctrlAttr}]`);\n            for (let i = 0; i < cNodes.length; i++) {\n                const c = (cNodes[i] as any).ctrl as HCtrl<STATE>;\n                c && c.umount();\n            }\n            while (this.dom.firstChild) {\n                this.dom.removeChild(this.dom.firstChild);\n            }\n            delete (this.dom as any).ctrl;\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                    hsmls2idomPatch(this.dom, this.render(), this);\n                }\n                this._updateSched = undefined;\n            });\n        }\n        return this;\n    }\n\n    toHsml = (): HElement => {\n        if (this.dom) {\n            if (this._updateSched) {\n                unschedule(this._updateSched);\n                this._updateSched = undefined;\n            } else {\n                return (\n                    [\"div\",\n                        {\n                            _skip: true,\n                            _id: this.id,\n                            _key: this.id,\n                            ctrl: this.type\n                        }\n                    ]\n                );\n            }\n        }\n        const hsmls = this.render() as HElements;\n        hsmls.push(\n            (e: Element) => {\n                if (!this.dom) {\n                    (this as any).dom = e;\n                    (e as any).ctrl = this;\n                    HCtrl._ctrls[this.id] = this;\n                    this.action(\"_mount\", this.dom);\n                }\n            });\n        return (\n            [\"div\",\n                {\n                    _id: this.id,\n                    _key: this.id,\n                    ctrl: this.type\n                },\n                hsmls\n            ]\n        );\n    }\n\n    toHtml = (): string => {\n        return this.dom ? this.dom.outerHTML : \"\";\n    }\n\n}\n\n(idom as any).notifications.nodesDeleted = (nodes: Node[]) => {\n    nodes.forEach(node => {\n        if (node.nodeType === 1 && (node as any).ctrl) {\n            const c = (node as any).ctrl as HCtrl<any>;\n            c && c.umount();\n        }\n    });\n};\n\nfunction formInputData(e: Event): { [k: string]: string } {\n    const value = {} as { [k: string]: string };\n    const el = (e.target as HTMLElement);\n    switch (el.nodeName) {\n        case \"INPUT\":\n            const iel = (el as HTMLInputElement);\n            switch (iel.type) {\n                case \"text\":\n                case \"radio\":\n                    value[iel.name] = iel.value;\n                    break;\n                case \"number\":\n                    value[iel.name] = iel.value;\n                    break;\n                case \"checkbox\":\n                    value[iel.name] = \"\" + iel.checked;\n                    break;\n            }\n            break;\n        case \"SELECT\":\n            const sel = (el as HTMLSelectElement);\n            value[sel.name] = sel.value;\n            break;\n        case \"TEXTAREA\":\n            const tel = (el as HTMLTextAreaElement);\n            value[tel.name] = tel.innerText;\n            break;\n        case \"BUTTON\":\n            const bel = (el as HTMLButtonElement);\n            value[bel.name] = bel.value;\n            break;\n    }\n    return value;\n}\n","import {\n    hsml,\n    HElement,\n    HElements,\n    HHead,\n    HAttrs,\n    HAttrClasses,\n    HAttrData,\n    HAttrStyles,\n    HAttrOn,\n    HAttrOnCb,\n    HAttrOnAct,\n    HAttrOnAction,\n    HAttrOnData,\n    HFnc,\n    HObj,\n    HHandler,\n    HHandlerCtx\n} from \"./hsml\";\nimport * as idom from \"incremental-dom\";\n\n// function setBoolAttrProp(el: any, attr: string, value: any) {\n//     // console.log(\"idom.attributes\", attr, value, typeof value, el);\n//     if (typeof value === \"string\") {\n//         let b;\n//         switch (value) {\n//             case \"true\":\n//             case \"1\":\n//             case \"on\":\n//             case \"yes\":\n//                 b = true;\n//                 break;\n//             default:\n//                 b = false;\n//         }\n//         if (b) {\n//             el.setAttribute(attr, value);\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = b;\n//     } else if (typeof value === \"boolean\") {\n//         if (value) {\n//             el.setAttribute(attr, \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//         el[attr] = value;\n//     } else {\n//         if (value) {\n//             el.setAttribute(attr, value ? value : \"\");\n//         } else {\n//             el.removeAttribute(attr);\n//         }\n//     }\n// }\n\n// const boolAttrProps = [\n//     \"readonly\",\n//     \"disabled\",\n//     \"checked\",\n//     \"value\"\n// ];\n\n// boolAttrProps.forEach(a => idom.attributes[a] = setBoolAttrProp);\n\nclass HsmlIDomHandler implements HHandler<HHandlerCtx> {\n\n    open(tag: HHead, attrs: HAttrs, children: HElements, ctx?: HHandlerCtx): boolean {\n        const props: any[] = [];\n        let id = attrs._id;\n        let classes: string[] = attrs._classes ? attrs._classes : [];\n        let ref = attrs._ref;\n        let hObj: any = attrs._hObj;\n        for (const a in attrs) {\n            if (attrs.hasOwnProperty(a)) {\n                switch (a) {\n                    case \"_id\":\n                    case \"_classes\":\n                    case \"_ref\":\n                    case \"_key\":\n                    case \"_skip\":\n                    case \"_hObj\":\n                        break;\n                    case \"id\":\n                        id = attrs[a] as string;\n                        break;\n                    case \"classes\":\n                        const attrClasses = attrs[a] as HAttrClasses;\n                        classes = classes.concat(attrClasses\n                            ? attrClasses\n                                .map(c =>\n                                    c.constructor === String\n                                        ? c as string\n                                        : (c[1] ? c[0] as string : undefined))\n                                .filter((c): c is string => c !== undefined)\n                            : [] as string[]);\n                        break;\n                    case \"class\":\n                        classes = classes.concat((attrs[a] as string).split(\" \"));\n                        break;\n                    case \"data\":\n                        const attrData = attrs[a] as HAttrData;\n                        for (const d in attrData) {\n                            if (attrData.hasOwnProperty(d)) {\n                                if (attrData[d].constructor === String) {\n                                    props.push(\"data-\" + d, attrData[d]);\n                                } else {\n                                    props.push(\"data-\" + d, JSON.stringify(attrData[d]));\n                                }\n                            }\n                        }\n                        break;\n                    case \"styles\":\n                        props.push(\"style\", attrs[a] as HAttrStyles);\n                        break;\n                    case \"on\":\n                        const attrOn = attrs[a] as HAttrOn;\n                        if (typeof attrOn[0] === \"string\") {\n                            if (typeof attrOn[1] === \"function\") {\n                                props.push(\"on\" + attrOn[0], attrOn[1]);\n                            } else {\n                                props.push(\"on\" + attrOn[0], (e: Event) => {\n                                    ctx && ctx.actionCb &&\n                                    typeof ctx.actionCb === \"function\" &&\n                                    ctx.actionCb(attrOn[1] as HAttrOnAction,\n                                            attrOn[2] as HAttrOnData,\n                                            e);\n                                });\n                            }\n                        } else {\n                            (attrOn as Array<HAttrOnCb | HAttrOnAct>)\n                                .forEach(attr => {\n                                    if (typeof attr[1] === \"function\") {\n                                        props.push(\"on\" + attr[0], attr[1]);\n                                    } else {\n                                        props.push(\"on\" + attr[0], (e: Event) => {\n                                            ctx && ctx.actionCb &&\n                                            typeof ctx.actionCb === \"function\" &&\n                                            ctx.actionCb(attr[1] as HAttrOnAction,\n                                                    attr[2] as HAttrOnData,\n                                                    e);\n                                        });\n                                    }\n                                });\n                        }\n                        break;\n                    default:\n                        // http://google.github.io/incremental-dom/#attributes-and-properties\n                        switch (typeof attrs[a]) {\n                            case \"function\":\n                                props.push(\"on\" + a, attrs[a]);\n                                break;\n                            case \"object\":\n                                // console.log(\"---\", a, typeof attrs[a], attrs[a]);\n                                // console.log(\"---String \", attrs[a] instanceof String);\n                                // console.log(\"---Boolean\", attrs[a] instanceof Boolean);\n                                // console.log(\"---Number \", attrs[a] instanceof Number);\n                                props.push(a, attrs[a]);\n                                break;\n                            // case \"boolean\":\n                            //     if (boolAttrProps.includes(a)) {\n                            //         props.push(a, attrs[a]);\n                            //     } else {\n                            //         attrs[a] && props.push(a, a);\n                            //     }\n                            //     break;\n                            case \"boolean\":\n                                attrs[a] && props.push(a, a);\n                                break;\n                            default:\n                                props.push(a, attrs[a]);\n                                break;\n                        }\n                }\n            }\n        }\n        if (classes.length) {\n            props.unshift(\"class\", classes.join(\" \"));\n        }\n        if (id) {\n            props.unshift(\"id\", id);\n        }\n        idom.elementOpen(tag, attrs._key, undefined, ...props);\n        if (attrs._skip) {\n            idom.skip();\n        }\n        if (ctx && ref) {\n            ctx.refs[ref] = idom.currentElement();\n        }\n        if (hObj && hObj.mount && hObj.mount.constructor === Function) {\n            hObj.mount(idom.currentElement());\n            idom.skip();\n        }\n        return attrs._skip ? true : false;\n    }\n\n    close(tag: HHead, children: HElements, ctx?: HHandlerCtx): void {\n        idom.elementClose(tag);\n    }\n\n    text(text: string, ctx?: HHandlerCtx): void {\n        idom.text(text);\n    }\n\n    fnc(fnc: HFnc, ctx?: HHandlerCtx): void {\n        const skip = fnc(idom.currentElement());\n        skip && idom.skip();\n    }\n\n    obj(obj: HObj, ctx?: HHandlerCtx): void {\n        if (\"toHsml\" in obj) {\n            obj.toHsml && hsml(obj.toHsml(), this, obj as HHandlerCtx);\n        } else {\n            this.text(\"\" + obj, ctx);\n        }\n    }\n\n}\n\nfunction hsml2idom(hml: HElement, ctx?: HHandlerCtx): void {\n    hsml(hml, new HsmlIDomHandler(), ctx);\n}\n\nfunction hsmls2idom(hmls: HElements, ctx?: HHandlerCtx): void {\n    for (const hml of hmls) {\n        if (hml === undefined || hml === null) {\n            continue;\n        }\n        if (hml.constructor === String) {\n            idom.text(hml as string);\n        } else if (\"toHsml\" in (hml as any)) {\n            const obj = hml as HHandlerCtx;\n            obj.toHsml && hsml2idom(obj.toHsml(), obj);\n        } else {\n            hsml2idom(hml as HElement, ctx);\n        }\n    }\n}\n\nexport function hsml2idomPatch(node: Element, hsmlEl: HElement, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElement) => (data && hsml2idom(data, ctx)), hsmlEl);\n}\n\nexport function hsmls2idomPatch(node: Element, hsmlFr: HElements, ctx?: HHandlerCtx): void {\n    idom.patch(node,\n        (data?: HElements) => (data && hsmls2idom(data, ctx)), hsmlFr);\n}\n"],"sourceRoot":""}

package/dist/umd/hsml-svac-html.js

@@ -1,2 +1,2 @@
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var s in n)("object"==typeof exports?exports:t)[s]=n[s]}}(window,(function(){return function(t){var e={};function n(s){if(e[s])return e[s].exports;var o=e[s]={i:s,l:!1,exports:{}};return t[s].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,s){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(s,o,function(e){return t[e]}.bind(null,o));return s},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=16)}({0:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.hsml=function t(e,n,s){if(null!=e)switch(e.constructor){case Array:!function(e,n,s){if("string"!=typeof e[0])return void console.error("HSML tag head not string:",e);const o=e[0],r=e[1],i=r&&r.constructor===Object;let c,l,a=[];const u=e[i?2:1];switch(u&&u.constructor){case Array:a=u;break;case Function:c=u;break;case String:case Boolean:case Number:case Date:a=[u];break;default:l=u}const f=o.split("~"),h=f[1],p=f[0].split("."),d=p[0].split("#"),b=d[0]||"div",m=d[1],_=p.slice(1);let y;y=i?r:{};m&&(y._id=m);_.length&&(y._classes=_);h&&(y._ref=h);l&&(y._hObj=l);const g=n.open(b,y,a,s);c&&n.fnc(c,s);g||a.forEach(e=>t(e,n,s));n.close(b,a,s)}(e,n,s);break;case Function:n.fnc(e,s);break;case String:n.text(e,s);break;case Boolean:n.text(""+e,s);break;case Number:const o=e,r=o.toLocaleString?o.toLocaleString():o.toString();n.text(r,s);break;case Date:const i=e,c=i.toLocaleString?i.toLocaleString():i.toString();n.text(c,s);break;default:n.obj(e,s)}},e.hjoin=function(t,e){const n=t.reduce((t,n)=>(t.push(n,e),t),[]);return n.splice(-1),n}},16:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(5),o=(t,e,n)=>{},r=(t,e)=>t.view(e||t.state,o,r);e.html=function(t,e,n,i=!1){s.hsmls2html(t.view(e,o,r),n,i)},e.htmls=function(t,e,n=!1){return s.hsmls2htmls(t.view(e,o,r),n).join("")}},5:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=n(0);class o{constructor(t,e=!1,n="    "){this._depth=0,this._onHtml=t,this._pretty=e,this._indent=n}open(t,e,n,r){const i=[];let c=e._id,a=e._classes?e._classes:[],u=e._hObj;for(const t in e)if(e.hasOwnProperty(t))switch(t){case"_id":case"_classes":case"_ref":case"_key":case"_skip":case"_hObj":break;case"id":c=e[t];break;case"classes":const n=e[t];a=a.concat(n?n.map(t=>t.constructor===String?t:t[1]?t[0]:void 0).filter(t=>void 0!==t):[]);break;case"class":a=a.concat(e[t].split(" "));break;case"data":const s=e[t];for(const t in s)s.hasOwnProperty(t)&&(s[t].constructor===String?i.push(["data-"+t,s[t]]):i.push(["data-"+t,JSON.stringify(s[t])]));break;case"styles":const o=e[t];let r="";for(const t in o)if(o.hasOwnProperty(t)){r+=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()+":"+o[t]+";"}i.push(["style",r]);break;case"styles":case"on":break;default:"function"==typeof e[t]||("boolean"==typeof e[t]?e[t]&&i.push([t,""]):i.push([t,e[t]]))}a.length&&i.unshift(["class",a.join(" ")]),c&&i.unshift(["id",c]),u&&"type"in u&&i.unshift(["hObj",u.type]);const f=i.map(t=>`${t[0]}="${l(t[1])}"`).join(" ");let h="";if(this._pretty&&(h+=this._mkIndent(this._depth),this._depth++),h+="<"+t+(f?" "+f:"")+(n.length||-1!==o._pairTags.indexOf(t)?">":"/>"),this._pretty&&(h+="\n"),this._onHtml(h),u&&"render"in u&&u.render.constructor===Function){const t=u.render();for(const e of t)if(null!=e)if(e.constructor===String)this._onHtml(e+(this._pretty?"\n":""));else if("toHsml"in e){const t=e;t.toHsml&&s.hsml(t.toHsml(),this)}else s.hsml(e,this)}return!1}close(t,e,n){let s="";const r=e.length||-1!==o._pairTags.indexOf(t);this._pretty&&(this._depth--,r&&(s+=this._mkIndent(this._depth))),r&&(s+="</"+t+">",this._pretty&&(s+="\n"),this._onHtml(s))}text(t,e){let n="";this._pretty&&(n+=this._mkIndent(this._depth)),n+=t instanceof String?t:l(t),this._pretty&&(n+="\n"),this._onHtml(n)}fnc(t,e){}obj(t,e){"toHsml"in t?t.toHsml&&s.hsml(t.toHsml(),this,t):this.text(""+t,e)}_mkIndent(t){let e="";for(let n=0;n<t;n++)e+=this._indent;return e}}function r(t,e,n=!1){const r=new o(e,n);s.hsml(t,r)}function i(t,e,n=!1){for(const s of t)if(null!=s)if(s.constructor===String)e(s+(n?"\n":""));else if("toHsml"in s){const t=s;t.toHsml&&r(t.toHsml(),e,n)}else r(s,e,n)}o._pairTags=["script","iframe","html","head","body","title","div","h1","h2","h3","h4","h5","h6","p","a","pre","blockquote","i","b","em","strong","tt","cite","ol","ul","li","dl","dt","dd","table","tr","td","textarea","select","option"],e.hsml2html=r,e.hsmls2html=i,e.hsml2htmls=function(t,e=!1){const n=[];return r(t,t=>n.push(t),e),n},e.hsmls2htmls=function(t,e=!1){const n=[];return i(t,t=>n.push(t),e),n};const c=/["'&<>]/;function l(t){const e=""+t,n=c.exec(e);if(!n)return e;let s,o="",r=0,i=0;for(r=n.index;r<e.length;r++){switch(e.charCodeAt(r)){case 34:s="&quot;";break;case 38:s="&amp;";break;case 39:s="&#39;";break;case 60:s="&lt;";break;case 62:s="&gt;";break;default:continue}i!==r&&(o+=e.substring(i,r)),i=r+1,o+=s}return i!==r?o+e.substring(i,r):o}}})}));
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var n=e();for(var s in n)("object"==typeof exports?exports:t)[s]=n[s]}}(window,(function(){return function(t){var e={};function n(s){if(e[s])return e[s].exports;var o=e[s]={i:s,l:!1,exports:{}};return t[s].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,s){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:s})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var s=Object.create(null);if(n.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(s,o,function(e){return t[e]}.bind(null,o));return s},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=16)}({0:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.hjoin=e.hsml=void 0,e.hsml=function t(e,n,s){if(null!=e)switch(e.constructor){case Array:!function(e,n,s){if("string"!=typeof e[0])return void console.error("HSML tag head not string:",e);const o=e[0],r=e[1],i=r&&r.constructor===Object;let c,l,a=[];const u=e[i?2:1];switch(u&&u.constructor){case Array:a=u;break;case Function:c=u;break;case String:case Boolean:case Number:case Date:a=[u];break;default:l=u}const h=o.split("~"),f=h[1],d=h[0].split("."),p=d[0].split("#"),m=p[0]||"div",b=p[1],_=d.slice(1);let y;y=i?r:{};b&&(y._id=b);_.length&&(y._classes=_);f&&(y._ref=f);l&&(y._hObj=l);const g=n.open(m,y,a,s);c&&n.fnc(c,s);g||a.forEach(e=>t(e,n,s));n.close(m,a,s)}(e,n,s);break;case Function:n.fnc(e,s);break;case String:n.text(e,s);break;case Boolean:n.text(""+e,s);break;case Number:const o=e,r=o.toLocaleString?o.toLocaleString():o.toString();n.text(r,s);break;case Date:const i=e,c=i.toLocaleString?i.toLocaleString():i.toString();n.text(c,s);break;default:n.obj(e,s)}},e.hjoin=function(t,e){const n=t.reduce((t,n)=>(t.push(n,e),t),[]);return n.splice(-1),n}},16:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.htmls=e.html=void 0;const s=n(5),o=(t,e,n)=>{},r=(t,e)=>t.view(e||t.state,o,r);e.html=function(t,e,n,i=!1){s.hsmls2html(t.view(e,o,r),n,i)},e.htmls=function(t,e,n=!1){return s.hsmls2htmls(t.view(e,o,r),n).join("")}},5:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.hsmls2htmls=e.hsml2htmls=e.hsmls2html=e.hsml2html=void 0;const s=n(0);class o{constructor(t,e=!1,n="    "){this._depth=0,this._onHtml=t,this._pretty=e,this._indent=n}open(t,e,n,r){const i=[];let c=e._id,a=e._classes?e._classes:[],u=e._hObj;for(const t in e)if(e.hasOwnProperty(t))switch(t){case"_id":case"_classes":case"_ref":case"_key":case"_skip":case"_hObj":break;case"id":c=e[t];break;case"classes":const n=e[t];a=a.concat(n?n.map(t=>t.constructor===String?t:t[1]?t[0]:void 0).filter(t=>void 0!==t):[]);break;case"class":a=a.concat(e[t].split(" "));break;case"data":const s=e[t];for(const t in s)s.hasOwnProperty(t)&&(s[t].constructor===String?i.push(["data-"+t,s[t]]):i.push(["data-"+t,JSON.stringify(s[t])]));break;case"styles":const o=e[t];let r="";for(const t in o)if(o.hasOwnProperty(t)){r+=t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()+":"+o[t]+";"}i.push(["style",r]);break;case"styles":case"on":break;default:"function"==typeof e[t]||("boolean"==typeof e[t]?e[t]&&i.push([t,""]):i.push([t,e[t]]))}a.length&&i.unshift(["class",a.join(" ")]),c&&i.unshift(["id",c]),u&&"type"in u&&i.unshift(["hObj",u.type]);const h=i.map(t=>`${t[0]}="${l(t[1])}"`).join(" ");let f="";this._pretty&&(f+=this._mkIndent(this._depth),this._depth++);if(f+="<"+t+(h?" "+h:"")+(n.length||-1!==o._pairTags.indexOf(t)?">":"/>"),this._pretty&&(f+="\n"),this._onHtml(f),u&&"render"in u&&u.render.constructor===Function){const t=u.render();for(const e of t)if(null!=e)if(e.constructor===String)this._onHtml(e+(this._pretty?"\n":""));else if("toHsml"in e){const t=e;t.toHsml&&s.hsml(t.toHsml(),this)}else s.hsml(e,this)}return!1}close(t,e,n){let s="";const r=e.length||-1!==o._pairTags.indexOf(t);this._pretty&&(this._depth--,r&&(s+=this._mkIndent(this._depth))),r&&(s+="</"+t+">",this._pretty&&(s+="\n"),this._onHtml(s))}text(t,e){let n="";this._pretty&&(n+=this._mkIndent(this._depth)),n+=t instanceof String?t:l(t),this._pretty&&(n+="\n"),this._onHtml(n)}fnc(t,e){}obj(t,e){"toHsml"in t?t.toHsml&&s.hsml(t.toHsml(),this,t):this.text(""+t,e)}_mkIndent(t){let e="";for(let n=0;n<t;n++)e+=this._indent;return e}}function r(t,e,n=!1){const r=new o(e,n);s.hsml(t,r)}function i(t,e,n=!1){for(const s of t)if(null!=s)if(s.constructor===String)e(s+(n?"\n":""));else if("toHsml"in s){const t=s;t.toHsml&&r(t.toHsml(),e,n)}else r(s,e,n)}o._pairTags=["script","iframe","html","head","body","title","div","h1","h2","h3","h4","h5","h6","p","a","pre","blockquote","i","b","em","strong","tt","cite","ol","ul","li","dl","dt","dd","table","tr","td","textarea","select","option"],e.hsml2html=r,e.hsmls2html=i,e.hsml2htmls=function(t,e=!1){const n=[];return r(t,t=>n.push(t),e),n},e.hsmls2htmls=function(t,e=!1){const n=[];return i(t,t=>n.push(t),e),n};const c=/["'&<>]/;function l(t){const e=""+t,n=c.exec(e);if(!n)return e;let s,o="",r=0,i=0;for(r=n.index;r<e.length;r++){switch(e.charCodeAt(r)){case 34:s="&quot;";break;case 38:s="&amp;";break;case 39:s="&#39;";break;case 60:s="&lt;";break;case 62:s="&gt;";break;default:continue}i!==r&&(o+=e.substring(i,r)),i=r+1,o+=s}return i!==r?o+e.substring(i,r):o}}})}));
 //# sourceMappingURL=hsml-svac-html.js.map