peryl 1.5.2 → 1.5.4

package/dist/demo/hsml-app-test_demo.36a210b8.js.map

@@ -0,0 +1 @@
+{"mappings":"gtCAGA,MAAMA,EAAMC,QAAQC,IACdC,EAAQF,QAAQG,MAChBC,EAAOJ,QAAQK,KAoBrB,IAAYC,EAAAC,EAmBAC,EAAAC,GAnBAF,EAAAD,MAAW,KACnB,iBACAC,EAAA,mBACAA,EAAA,qBACAA,EAAA,qBACAA,EAAA,qBACAA,EAAA,4BAaQE,EAAAD,MAAe,KACvB,kBACAC,EAAA,gBAgBJ,MAAMC,EAAWC,OAAOC,uBAKpB,SAAUC,GAAsBF,OAAOG,WAAWD,EAAU,IAAO,GAAK,EAEtEE,EAAaJ,OAAOK,sBAKtB,SAAUC,GAAkBN,OAAOO,aAAaD,EAAS,EAEvDE,EAAY,UACZC,EAAc,YACdC,EAAY,UAGZC,EAAO,OAkBP,SAAUC,EAAwCC,GASpD,OAAO,IAAIC,EACPD,EAAME,MACNF,EAAMG,KACNH,EAAMI,WACNJ,EAAMK,QACNL,EAAMM,MACNN,EAAMO,KAGd,CA4BM,SAAUC,EAA0CR,GAUtDS,eAAeC,OACX,GAAGZ,KAAQE,EAAMO,OACjB,cAA0BI,YACXC,gCACP,OAAOZ,EAAMa,UACjB,CAkBAC,oBAEIC,KAAKC,aAAa,CAAEC,KAAM,SAC1BF,KAAKG,QAAQC,MAAMJ,KAAKK,WAC5B,CAEAC,uBACIN,KAAKG,QAAQI,QACjB,CAEAC,kBACIR,KAAKG,QAAQM,QACjB,CAEAC,yBACIC,EACAC,EACAC,GAEAb,KAAKG,QAAQW,SAAS/C,EAAYgD,UAAW,C,SACzCJ,E,OACAC,E,OACAC,GAER,CAtCAG,cACIC,QACAjB,KAAKG,QAAU,IAAIjB,EACfD,EAAME,MACNF,EAAMG,KACNH,EAAMI,gBACN6B,EACAjC,EAAMM,MACNN,EAAMO,KACNP,EAAMa,YAETE,KAAKG,QAAgBgB,cAAgBnB,IAC1C,GA6BZ,CAKM,MAAOd,EAqDKkC,gBACVC,EACAC,EACAC,EACAC,G,yCAEA,GAAIxB,KAAKT,MAAO,CACZ/B,EAAIwC,KAAKR,KAAMZ,EAAW,C,KAAEyC,E,KAAMC,E,MAAMC,IACxC,MAAME,EAAKC,YAAYC,YACjB3B,KAAK4B,UAAUP,EAAMC,EAAMC,EAAOC,GACxC,MAAMK,EAAKH,YAAYC,MACvBnE,EAAIwC,KAAKR,KAAMX,EAAgBgD,EAAKJ,EAAR,MAAiBzB,KAAKb,MACrD,YACSa,KAAK4B,UAAUP,EAAMC,EAAMC,EAAOC,EAEhD,GAAC,CAEaI,UACVP,EACAC,EACAC,EACAC,G,yCAEA,UACUxB,KAAKX,WACP,CAAEgC,KAAMA,E,KAAqBC,E,MAAMC,GACnCvB,KAAKb,MACLa,KAAKc,UAETd,KAAKS,SACK,YAAVe,GAAuBxB,KAAK8B,iBAAiBT,EAAMC,GACzC,WAAVE,GAAsBxB,KAAK+B,gBAAgBV,EAAMC,EACpD,CAAC,MAAOU,GACLrE,EAAMqC,KAAKR,KAAMX,EAAamD,EACjC,CACL,GAAC,CAmBDC,mBACSjC,KAAKkC,qBAONrE,EAAK,uCANLmC,KAAKkC,qBAAwBX,IACzB,MAAMY,EAAUZ,EAAsBa,OACtCpC,KAAKoB,gBAAgBe,EAAOd,KAAMc,EAAOb,KAAI,EAEjDlD,OAAOiE,iBAAiBtE,EAAYoE,OAAQnC,KAAKkC,sBAIzD,CAEAI,oBACQtC,KAAKkC,sBACL9D,OAAOmE,oBAAoBxE,EAAYoE,OAAQnC,KAAKkC,qBAE5D,CAuCQM,WACJC,EACAC,EACAC,GAEA,GAAI3C,KAAKT,MAAO,CACZ,MAAMkC,EAAKC,YAAYC,OACvB,EAAAiB,EAAAC,iBAAgBJ,EAAIC,EAAMC,GAC1B,MAAMd,EAAKH,YAAYC,MACvBnE,EAAIwC,KAAKR,KA9SH,UA8SuBqC,EAAKJ,EAAR,MAAiBgB,EAC9C,MACG,EAAAG,EAAAC,iBAAgBJ,EAAIC,EAAMC,EAElC,CAzJA3B,YACI7B,EACAC,EACAC,EACAC,EACAC,EACAC,EACAM,GAjBKE,KAAA8C,KAAuC,GA4BhD9C,KAAAc,SAAoC,CAChCO,EACAC,EACAE,IAHJuB,EAAA/C,UAAA,sBAKI,OAAOA,KAAKoB,gBAAgBC,EAAMC,OAAMJ,EAAWM,EACvD,IA4CQxB,KAAA8B,iBAA4C,CAChDT,EACAC,IAFIyB,EAAA/C,UAAA,sBAIJA,KAAKmB,eAAiB6B,EAA2BhD,KAAKmB,cAAepD,EAAYoE,OAAQ,C,KAAEd,E,KAAMC,KAChGtB,KAAKmB,eAAiBnB,KAAKV,SAAW0D,EAA2BhD,KAAKV,QAASvB,EAAYoE,OAAQ,C,KAAEd,E,KAAMC,GAIhH,IAEQtB,KAAA+B,gBAA2C,CAC/CV,EACAC,IAFIyB,EAAA/C,UAAA,sBAGJ5B,OAAO6E,cAAc,IAAIC,YAAYnF,EAAYoE,OAAQ,CAAEC,OAAQ,C,KAAEf,E,KAAMC,KAC/E,IAoBAtB,KAAAmD,OAAS,KACL,GAAInD,KAAKT,MAAO,CACZ,MAAMkC,EAAKC,YAAYC,MACvB,IAAIyB,EACJ,IACIA,EAAQpD,KAAKZ,KAAKY,KAAKb,MAC1B,CAAC,MAAO6C,GACLrE,EAAMqC,KAAKR,KAAMV,EAAWkD,EAC/B,CACD,MAAMH,EAAKH,YAAYC,MAEvB,OADAnE,EAAIwC,KAAKR,KAAMV,EAAc+C,EAAKJ,EAAR,MAAiB2B,GACpCA,UAAS,EACnB,CAAM,CACH,IAAIA,EACJ,IACIA,EAAQpD,KAAKZ,KAAKY,KAAKb,MAC1B,CAAC,MAAO6C,GACLrE,EAAMqC,KAAKR,KAAMV,EAAWkD,EAC/B,CACD,OAAOoB,UAAS,EACnB,GAGLpD,KAAAqD,SAAW,CAACC,EAAyBhC,EAAmBC,UAIvCL,KAHbI,GAAQA,aAAI,EAAJA,EAAMN,eAAgBuC,SACvBjC,EAAwBC,GACzBD,IACoBC,IAElBD,EADAC,aAAiB2B,YACV3B,EAAMa,OA4G7B,SAAkBJ,GACd,MAAMS,EAAKT,EAAEwB,OACb,GACS,SADDf,EAAGgB,SACP,CACKzB,EAAY0B,iBACb,MAAMC,EAAOlB,EAAuBmB,SAC9BtC,EAAO,GACb,IAAK,IAAIuC,EAAI,EAAGA,EAAIF,EAAIG,OAAQD,IAAK,CACjC,MAAME,EAAIC,EAAcL,EAAIE,IAC5B,GAAiB,iBAANE,EAAgB,CACvB,MAAME,EAAQC,OAAOC,KAAKJ,GAC1B,GAAIE,EAAMH,OAAQ,CACd,MAAMtE,EAAOyE,EAAM,GACbG,EAASL,EAAUvE,QACN0B,IAAfI,EAAK9B,GACL8B,EAAK9B,GAAQ4E,EACgB,iBAAf9C,EAAK9B,IAAsB8B,EAAK9B,aAAiB6E,OAE3D/C,EAAK9B,GADL4E,aAAiBE,MACJ,CAAChD,EAAK9B,MAAoB4E,GAE1B,CAAC9C,EAAK9B,GAAiB4E,GAEjC9C,EAAK9B,aAAiB8E,MACzBF,aAAiBE,MACjBhD,EAAK9B,GAAS8B,EAAK9B,GAA+B+E,OAAOH,GAExD9C,EAAK9B,GAA+BgF,KAAKJ,GAI1C9C,EAAK9B,GADL4E,aAAiBE,MACJ,CAAChD,EAAK9B,MAAoB4E,GAE1B,CAAC9C,EAAK9B,GAAiB4E,GAGxC9C,EAAK9B,aAAiB8E,QACtBhD,EAAK9B,GAAS8B,EAAK9B,GACdiF,QAAOV,GAAW,OAANA,IACyB,UAArCJ,EAAIE,GAAwBxC,OAC7BC,EAAK9B,GAAS8B,EAAK9B,GAA+BsE,OAC3CxC,EAAK9B,GAA+B,GACrC,MAGjB,CACJ,CACJ,CACD,OAAO8B,CAAA,CAEP,OAAO0C,EAAcvB,EAEjC,CA7JuBiC,CAASnD,IAGxBvB,KAAKoB,gBAAgBkC,EAAYhC,EAAMC,EAAA,EAkB3CvB,KAAAI,MAAS4B,IACL,MAAMS,EAAmB,iBAANT,EAAkB2C,SAASC,eAAe5C,GAAKA,EAClE,GAAIS,GAAOA,EAAW1D,GAAO,CACd0D,EAAW1D,GACpBwB,QACL,CACD,GAAIkC,IAAOzC,KAAKV,QAAS,CACpBU,KAAaV,QAAUmD,EACvBA,EAAW1D,GAAQiB,KACpB,MAAMoD,EAASpD,KAAamD,SAC5BnD,KAAKwC,WAAwBC,EAAIW,EAAOpD,MACxCA,KAAKoB,gBAAgBrD,EAAYqC,MAAOJ,KAAKV,QAChD,CACD,OAAOU,IAAI,EAGfA,KAAAO,OAAS,KACL,GAAIP,KAAKV,QAAS,CACdU,KAAKoB,gBAAgBrD,EAAYwC,OAAQP,KAAKV,SAC1CU,KAAKV,QAAQuF,aAAa9F,IAC1BiB,KAAKV,QAAQwF,gBAAgB/F,GAEjC,MAAMgG,EAAS/E,KAAKV,QAAQ0F,iBAAiB,IAAIjG,MACjD,IAAK,IAAI8E,EAAI,EAAGA,EAAIkB,EAAOjB,OAAQD,IAAK,CACpC,MAAMoB,EAAKF,EAAOlB,GAAWqB,KAC7BD,WAAG1E,QACN,CACD,KAAOP,KAAKV,QAAQ6F,YAChBnF,KAAKV,QAAQ8F,YAAYpF,KAAKV,QAAQ6F,mBAElCnF,KAAKV,QAAgB4F,KAC5BlF,KAAaV,aAAU4B,CAC3B,CACD,OAAOlB,IAAI,EAGfA,KAAAS,OAAS,KACDT,KAAKV,UAAYU,KAAKqF,eACtBrF,KAAKqF,aAAelH,GAAS,KACzB,GAAI6B,KAAKV,QAAS,CACd,MAAM8D,EAAQpD,KAAKmD,SACnBnD,KAAKwC,WAAwBxC,KAAKV,QAAS8D,EAAOpD,KACrD,CACDA,KAAKqF,kBAAenE,CAAA,KAGrBlB,MAGXA,KAAAsF,OAAS,KACL,GAAItF,KAAKV,QAAS,CACd,IAAIU,KAAKqF,aAIL,MAAO,CAAC,MAAO,CAAEE,MAAM,IAHvB/G,EAAWwB,KAAKqF,cAChBrF,KAAKqF,kBAAenE,CAI3B,CACD,MAAMkC,EAAQpD,KAAKmD,SASnB,OARAC,EAAMoB,MACDxC,IACQhC,KAAKV,UACLU,KAAaV,QAAU0C,EACvBA,EAAUkD,KAAOlF,KAClBA,KAAKoB,gBAAgBrD,EAAYqC,MAAOJ,KAAKV,SAChD,IAEF,CAAC,MAAO8D,EAAM,EAGzBpD,KAAAwF,OAAS,IACExF,KAAKV,QAAUU,KAAKV,QAAQmG,UAAY,GAzN/CzF,KAAKT,MAAQA,WACbS,KAAKR,KAAOA,UAAQT,EACpBiB,KAAKF,WAAaA,UAAc,GAChCE,KAAKb,MAAQA,IACba,KAAKZ,KAAOA,EACZY,KAAKX,WAAaA,UAAsB4F,GAAKlC,EAAA/C,UAAA,sBAAC,OAAAxC,EAAIwC,KAAKR,KAAMZ,EAAWqG,EAAE5D,KAAM4D,EAAE3D,KAAK,IACvFtB,KAAKoB,gBAAgBrD,EAAY2H,KAAM1F,MAAM2F,MAAK,IAAMrG,GAAWU,KAAKI,MAAMd,IAClF,EAuNJ,SAAS0D,EACLP,EACApB,EACAC,G,QAEAmB,WAAIQ,cAAc,IAAIC,YAAY7B,EAAM,CAAEe,OAAQd,KAC1B,QAAxBsE,GAAAC,EAACpD,GAAW,KAAKpB,YAAO,IAAAuE,KAAAE,KAAAD,EAAG,IAAI3C,YAAY7B,EAAM,CAAEe,OAAQd,IAC/D,CAuDA,SAAS0C,EAAcvB,GACnB,IAAInB,EAA2I,KAC/I,OAAQmB,EAAGgB,UACP,IAAK,QACD,MAAMsC,EAAMtD,EACZ,OAAQsD,EAAI1E,MACR,IAAK,OACL,IAAK,SACL,IAAK,WACL,IAAK,QACL,IAAK,SACL,IAAK,SACL,IAAK,MACL,IAAK,MACL,IAAK,QACL,IAAK,OACL,IAAK,iBACL,IAAK,QACL,IAAK,QACL,IAAK,OACL,IAAK,OACL,IAAK,SACL,IAAK,SAEGC,EADAyE,EAAIvG,KACG,CAAE,CAACuG,EAAIvG,MAAOuG,EAAI3B,OAElB2B,EAAI3B,MAEf,MACJ,IAAK,QAEG9C,EADAyE,EAAIvG,KACG,CAAE,CAACuG,EAAIvG,MAAOuG,EAAIC,QAAUD,EAAI3B,MAAQ,MAExC2B,EAAIC,QAAUD,EAAI3B,MAAQ,KAErC,MACJ,IAAK,WAGO9C,EAFU,OAAdyE,EAAI3B,MACA2B,EAAIvG,KACG,CAAE,CAACuG,EAAIvG,MAAOuG,EAAIC,SAElBD,EAAIC,QAGXD,EAAIvG,KACG,CAAE,CAACuG,EAAIvG,MAAOuG,EAAIC,QACnB3B,OAAO0B,EAAI3B,OACX,MAEC2B,EAAIC,QACL3B,OAAO0B,EAAI3B,OACX,KAKtB,MACJ,IAAK,SACD,MAAM6B,EAAMxD,EACZ,GAAIwD,EAAIC,SAAU,CACd,MAAMC,EAAS7B,MAAM8B,KAAKH,EAAII,iBAAiBC,KAAIC,GAAKA,EAAEnC,QAEtD9C,EADA2E,EAAIzG,KACG,CAAE,CAACyG,EAAIzG,MAAO2G,GAEdA,CAEd,MAEO7E,EADA2E,EAAIzG,KACG,CAAE,CAACyG,EAAIzG,MAAOyG,EAAI7B,OAElB6B,EAAI7B,MAGnB,MACJ,IAAK,WACD,MAAMoC,EAAM/D,EAERnB,EADAkF,EAAIhH,KACG,CAAE,CAACgH,EAAIhH,MAAOgH,EAAIpC,OAElBoC,EAAIpC,MAEf,MACJ,IAAK,SACD,MAAMqC,EAAMhE,EAERnB,EADAmF,EAAIjH,KACG,CAAE,CAACiH,EAAIjH,MAAOiH,EAAIrC,OAElBqC,EAAIrC,MAIvB,OAAO9C,CACX,C,IClmBKoF,EAAAC,E,uSAAAA,EAAAD,MAAc,KACf,kBACAC,EAAA,kBAGJ,MAAMC,EAAqDzH,GAChD,CAAC,gBAAiB,CACrB,CAAC,KAAM,CAAC,YACR,CAAC,IAAK,CACF,CAAC,KAAM,CAAC,UAAW,KAAMA,EAAM0H,MAC/B,IACA,CAAC,SAAU,CAAEC,GAAI,CAAC,QAASJ,EAAeK,IAAK,IAAM,CAAC,MACtD,CAAC,SAAU,CAAED,GAAI,CAAC,QAASJ,EAAeM,IAAK,IAAM,CAAC,UAK5DC,EAA+D,SAA0D9E,EAAQhD,EAAO2B,G,yCAK1I,OAJArD,QAAQC,IAAI,kBAAmByE,GAIvBA,EAAOd,MACX,KAAK6F,EAAAlJ,YAAYoC,MACbJ,KAAKiC,mBACL,MACJ,KAAKiF,EAAAlJ,YAAYuC,OACbP,KAAKsC,oBACL,MAEJ,KAAKoE,EAAeM,IAChB7H,EAAM0H,MAAQ1H,EAAM0H,MAAQ1E,EAAOb,KACnC/C,YAAW,IAAMuC,EAAS4F,EAAeK,IAAK,IAAI,KAClD,MACJ,KAAKL,EAAeK,IAChB5H,EAAM0H,MAAQ1H,EAAM0H,MAAQ1E,EAAOb,KAG/C,GAAC,EAQD,IAAK6F,EAAAC,KAAAD,MAAO,KACR,cACAC,EAAA,cACAA,EAAA,wBACAA,EAAA,wBACAA,EAAA,UACAA,EAAA,MAGJ,MAsJMC,EAAM,IAAI,EAAAH,EAAAI,OAtJa,WACzB,MAAO,CACHC,MAAO,QACPC,QAAS,CACLX,MAAO,IAGnB,IAEqD,SAAU1H,GAC3D,MAAO,CACH,CAAC,KAAM,CAACA,EAAMoI,QACd,CAAC,IAAK,CACF,UACA,CAAC,QACG,CACIlG,KAAM,OAEN+C,MAAO,IAAIC,OAAOlF,EAAMoI,OACxBT,GAAI,CAAC,QAASK,EAAQI,SAE3B,IACH,CAAC,2BACG,CACIlG,KAAM,SACNyF,GAAI,CAAC,QAASK,EAAQM,QAE1B,CAAC,kBAGTb,EAAYzH,EAAMqI,SAClB,CAAC,KAAM,CAAC,SACR,CAAC,OACG,CACIV,GAAI,CACA,CAAC,SAAUK,EAAQO,YACnB,CAAC,SAAUP,EAAQQ,cAG3B,CACI,MACA,CAAC,QACG,CACItG,KAAM,OACN7B,KAAM,KACN4E,MAAO,MAGf,CAAC,QACG,CACI/C,KAAM,OACN7B,KAAM,KACN4E,MAAO,MAGf,CAAC,MACD,KACA,CAAC,QAAS,CAAC/C,KAAM,WAAY7B,KAAM,MACnC,CAAC,MACD,KACA,CAAC,QAAS,CAAC6B,KAAM,WAAY7B,KAAM,IAAK4E,MAAO,MAC/C,CAAC,MACD,KACA,CAAC,QAAS,CAAC/C,KAAM,WAAY7B,KAAM,MACnC,CAAC,QAAS,CAAC6B,KAAM,WAAY7B,KAAM,MACnC,CAAC,MACD,KACA,CAAC,QAAS,CAAC6B,KAAM,WAAY7B,KAAM,IAAK4E,MAAO,OAC/C,CAAC,QAAS,CAAC/C,KAAM,WAAY7B,KAAM,IAAK4E,MAAO,OAC/C,CAAC,MACD,KACA,CAAC,QAAS,CAAC/C,KAAM,QAAS7B,KAAM,IAAK4E,MAAO,OAC5C,CAAC,QAAS,CAAC/C,KAAM,QAAS7B,KAAM,IAAK4E,MAAO,OAC5C,CAAC,MACD,KACA,CAAC,SAAU,CAAE5E,KAAM,KACf,CAAC,KAAM,KAAM,MACR8G,KAAuBsB,GAAK,CAAC,SAAU,CAAExD,MAAOwD,GAAK,CAACA,OAE/D,CAAC,MACD,MACA,CAAC,SAAU,CAAEpI,KAAM,KAAM0G,UAAU,GAC/B,CAAC,MAAO,MAAO,OACVI,KAAuBsB,GAAK,CAAC,SAAU,CAAExD,MAAOwD,GAAK,CAACA,OAE/D,CAAC,MACD,CAAC,WAAY,CAAEpI,KAAM,MACjB,aAEJ,CAAC,MACD,CAAC,2BACG,CAAC,aAIb,CAAC,KAAM,CAAC,iBACR,CAAC,IAAK,CACF,CAAC,SAAU,CAAEsH,GAAI,CAAC,QAASK,EAAQU,MAAQ,CAAC,UAEhD,CAAC,KAAM,CAAC,iBACR,CAAC,QAAS,CAAExG,KAAM,WAAY7B,KAAM,IAAKsH,GAAI,CAAC,SAAUK,EAAQW,KAChE,CAAC,QAAS,CAAEzG,KAAM,WAAY2E,QAAS7G,EAAM2I,IAC7C,CAAC,QAAS,CAAEzG,KAAM,QAAS7B,KAAM,IAAKwG,QAAS7G,EAAM2I,IACrD,CAAC,QAAS,CAAEzG,KAAM,QAAS7B,KAAM,IAAKwG,SAAU7G,EAAM2I,IACtD,CAAC,QAAS,CAAEzG,KAAM,SAAU+C,MAAO,IAAK2D,SAAU5I,EAAM2I,IAEhE,IAEiE,SAAsB3F,EAAQhD,EAAO2B,G,yCAOlG,OANArD,QAAQC,IAAI,UAAWyE,GAIvB8E,EAAkBnB,KAAK9F,KAAMmC,EAAQhD,EAAMqI,QAAS1G,GAE5CqB,EAAOd,MACX,KAAK6F,EAAAlJ,YAAY0H,KACjB,KAAKwB,EAAAlJ,YAAYoC,MACjB,KAAK8G,EAAAlJ,YAAYuC,OACb,MACJ,KAAK4G,EAAQI,MACTpI,EAAMoI,MAAQpF,EAAOb,KACrB,MACJ,KAAK6F,EAAQM,MACTtI,EAAMoI,MAAQ,GACd,MACJ,KAAKJ,EAAQO,WACTjK,QAAQC,IAAI,cAAesK,KAAKC,UAAU9F,EAAOb,OACjD,MAAM4G,EAAK/F,EAAOZ,MAAOiC,OACnB2E,EAAK,IAAIC,SAASF,GACxBzK,QAAQC,IAAI,YAAasK,KAAKC,UAAU,IAAIE,EAAGE,aAC/C,MACJ,KAAKlB,EAAQQ,WACTlK,QAAQC,IAAI,cAAesK,KAAKC,UAAU9F,EAAOb,OACjD,MACJ,KAAK6F,EAAQU,IACT/G,EAAS4F,EAAeK,IAAK,EAAG,UAChC,MACJ,KAAKI,EAAQW,EACTrK,QAAQC,IAAI,gBAAiByE,EAAOb,KAAKwG,EAAG3F,EAAOb,KAAKwG,GAGxD3I,EAAM2I,EAAI,IAAIQ,QAAQnG,EAAOb,KAAKwG,GAM9C,GAAC,IAGDT,EAAI9H,MAAqC,cAA7BnB,OAAOmK,SAASC,SAC5BnB,EAAIjH,MAAMuE,SAASC,eAAe,QACjC6D,KAAaC,IAAMrB,C","sources":["src/hsml-app.ts","demo/hsml-app-test_demo.ts"],"sourcesContent":["import { HAttrOnData, HAttrOnDataFnc, HElement, HElements, HHandlerCtx } from \"./hsml\";\nimport { hsmls2idomPatch } from \"./hsml-idom\";\n\nconst log = console.log;\nconst error = console.error;\nconst warn = console.warn;\n\nexport type HState<State> = () => State;\n\nexport type HView<State, HActionType extends string> = (\n    state: State\n) => HElements<HActionType>;\n\nexport type HView1<State, HActionType extends string> = (\n    state: State\n) => HElement<HActionType>;\n\nexport type HAppActionType =\n    | \"happ-init\"\n    | \"happ-mount\"\n    | \"happ-umount\"\n    | \"happ-update\"\n    | \"happ-action\"\n    | \"happ-attribute\";\n\nexport enum HAppActions {\n    init = \"happ-init\",\n    mount = \"happ-mount\",\n    umount = \"happ-umount\",\n    update = \"happ-update\",\n    action = \"happ-action\",\n    attribute = \"happ-attribute\"\n}\n\nexport interface HAction<HActionType extends string> {\n    type: HActionType | HAppActionType | HAppActions;\n    data?: any;\n    event?: Event;\n}\n\nexport type HDispatchScope =\n    | \"element\"\n    | \"window\";\n\nexport enum HDispatchScopes {\n    element = \"element\",\n    window = \"window\"\n}\n\nexport type HDispatch<HActionType extends string> = (\n    type: HAction<HActionType>[\"type\"],\n    data?: HAction<HActionType>[\"data\"],\n    scope?: HDispatchScope | HDispatchScopes\n) => Promise<void>;\n\nexport type HDispatcher<State, HActionType extends string> = (\n    // this: HApp<State, HActionType>,\n    action: HAction<HActionType>,\n    state: State,\n    dispatch: HDispatch<HActionType>\n) => Promise<void>;\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 (callback: Function) { window.setTimeout(callback, 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 msgAction = \"action:\";\nconst msgDispatch = \"dispatch:\";\nconst msgRender = \"render:\";\nconst msgUpdate = \"update:\";\n\nconst HAPP = \"happ\";\n\nexport interface HAppI<State, HActionType extends string> {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element?: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    attributes?: string[];\n}\n\n/**\n * HApp definition\n *\n * @param hAppI HApp definition\n * @returns HApp instance\n */\nexport function happ<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    // attributes?: string[];\n}) {\n    return new HApp<State, HActionType>(\n        hAppI.state,\n        hAppI.view,\n        hAppI.dispatcher,\n        hAppI.element,\n        hAppI.debug,\n        hAppI.name\n        // hAppI!.attributes\n    );\n}\n\n// export type Class<T = object> = new (...args: any[]) => T;\n\n// export function happi<State, HActionType extends string>(\n//     hAppI: Class<HAppI<State, HActionType>>,\n//     element?: Element | string | null,\n//     debug? boolean,\n//     name?: string,\n//     attributes: string[]\n// ) {\n//     const hapi = new hAppI();\n//     return new HApp<State, HActionType>(\n//         hapi.state,\n//         hapi.view,\n//         hapi.dispatcher,\n//         element,\n//         debug\n//     );\n// }\n\n// HAppEl\n\n/**\n * HApp custom HTML element definition.\n *\n * @param hAppI HApp definition\n */\nexport function happel<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    /** Element suffix name, element name patern is `happ-${name}` */\n    name: string;\n    /** Element attribute list */\n    attributes: string[];\n    debug?: boolean;\n}): void {\n    customElements.define(\n        `${HAPP}-${hAppI.name}`,\n        class HAppElement extends HTMLElement {\n            static get observedAttributes() {\n                return hAppI.attributes;\n            }\n\n            private _happel: HApp<State, HActionType>;\n\n            constructor() {\n                super();\n                this._happel = new HApp<State, HActionType>(\n                    hAppI.state,\n                    hAppI.view,\n                    hAppI.dispatcher,\n                    undefined,\n                    hAppI.debug,\n                    hAppI.name,\n                    hAppI.attributes\n                );\n                (this._happel as any).customElement = this;\n            }\n\n            connectedCallback() {\n                // this._happel.mount(this);\n                this.attachShadow({ mode: \"open\" });\n                this._happel.mount(this.shadowRoot as any);\n            }\n\n            disconnectedCallback() {\n                this._happel.umount();\n            }\n\n            adoptedCallback() {\n                this._happel.update();\n            }\n\n            attributeChangedCallback(\n                attrName: string,\n                oldVal: string | null,\n                newVal: string | null\n            ) {\n                this._happel.dispatch(HAppActions.attribute, {\n                    attrName,\n                    oldVal,\n                    newVal,\n                });\n            }\n        }\n    );\n}\n\n/**\n * HSML App\n */\nexport class HApp<State, HActionType extends string> implements HHandlerCtx<HActionType> {\n\n    readonly state: State;\n    readonly view: HView<State, HActionType>;\n    readonly dispatcher: HDispatcher<State, HActionType>;\n\n    debug: boolean;\n\n    readonly name: string;\n    readonly attributes: string[];\n\n    readonly element?: HTMLElement;\n    readonly refs: { [key: string]: HTMLElement } = {};\n\n    readonly customElement?: HTMLElement; // happ custom html element\n\n    private _updateSched?: number;\n\n    // private _onDispatch?: HDispatcher<State>;\n\n    private _windowEventListener?: (event: Event) => void;\n\n    constructor(\n        state: HState<State>,\n        view: HView<State, HActionType>,\n        dispatcher?: HDispatcher<State, HActionType>,\n        element?: Element | string | null,\n        debug?: boolean ,\n        name?: string,\n        attributes?: string[]\n    ) {\n        this.debug = debug ?? false;\n        this.name = name ?? HAPP;\n        this.attributes = attributes ?? [];\n        this.state = state();\n        this.view = view;\n        this.dispatcher = dispatcher ?? (async (a) => log(this.name, msgAction, a.type, a.data));\n        this._dispatchAction(HAppActions.init, this).then(() => element && this.mount(element));\n    }\n\n    dispatch: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any,\n        scope?: HDispatchScope\n    ): Promise<void> => {\n        return this._dispatchAction(type, data, undefined, scope);\n    }\n\n    // onDispatch = (dispatcher: HDispatcher<State>): this => {\n    //     this._onDispatch = dispatcher;\n    //     return this;\n    // }\n\n    private async _dispatchAction(\n        type: HActionType | HAppActionType,\n        data?: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ): Promise<void> {\n        if (this.debug) {\n            log(this.name, msgAction, { type, data, event });\n            const t0 = performance.now();\n            await this._dispatch(type, data, event, scope);\n            const t1 = performance.now();\n            log(this.name, msgDispatch, `${t1 - t0} ms`, this.state);\n        } else {\n            await this._dispatch(type, data, event, scope);\n        }\n    }\n\n    private async _dispatch(\n        type: HActionType | HAppActionType,\n        data: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ) {\n        try {\n            await this.dispatcher(\n                { type: type as HActionType, data, event },\n                this.state,\n                this.dispatch\n            );\n            this.update();\n            scope === \"element\" && this._dispatchElement(type, data);\n            scope === \"window\" && this._dispatchWindow(type, data);\n        } catch (e) {\n            error(this.name, msgDispatch, e);\n        }\n    }\n\n    private _dispatchElement: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any\n    ): Promise<void> => {\n        this.customElement && elementDispatchCustomEvent(this.customElement, HAppActions.action, { type, data });\n        !this.customElement && this.element && elementDispatchCustomEvent(this.element, HAppActions.action, { type, data });\n        // this.customElement && elementDispatchCustomEvent(this.customElement, type, data);\n        // !this.customElement && this.element && elementDispatchCustomEvent(this.element, type, data);\n        // this._onDispatch?.({ type, data, event }, this.state, this.dispatch);\n    }\n\n    private _dispatchWindow: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any): Promise<void> => {\n        window.dispatchEvent(new CustomEvent(HAppActions.action, { detail: { type, data } }));\n    }\n\n    windowDispatchOn() {\n        if (!this._windowEventListener) {\n            this._windowEventListener = (event: Event) => {\n                const action = (event as CustomEvent).detail as HAction<HActionType>;\n                this._dispatchAction(action.type, action.data);\n            };\n            window.addEventListener(HAppActions.action, this._windowEventListener);\n        } else {\n            warn(\"windowEventListener olready setted\");\n        }\n    }\n\n    windowDispatchOff() {\n        if (this._windowEventListener) {\n            window.removeEventListener(HAppActions.action, this._windowEventListener);\n        }\n    }\n\n    render = (): HElements<HActionType> => {\n        if (this.debug) {\n            const t0 = performance.now();\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            const t1 = performance.now();\n            log(this.name, msgRender, `${t1 - t0} ms`, hsmls);\n            return hsmls ?? [];\n        } else {\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            return hsmls ?? [];\n        }\n    }\n\n    actionCb = (actionType: HActionType, data: HAttrOnData, event: Event): void => {\n        data = (data?.constructor === Function)\n            ? (data as HAttrOnDataFnc)(event)\n            : data;\n        if (data === undefined && event) {\n            if (event instanceof CustomEvent) {\n                data = event.detail;\n            } else {\n                data = formData(event);\n            }\n        }\n        this._dispatchAction(actionType, data, event);\n    }\n\n    private _updateDom<HActionType extends string>(\n        el: Element,\n        hsml: HElements<HActionType>,\n        ctx: HHandlerCtx<HActionType>\n    ): void {\n        if (this.debug) {\n            const t0 = performance.now();\n            hsmls2idomPatch(el, hsml, ctx);\n            const t1 = performance.now();\n            log(this.name, msgUpdate, `${t1 - t0} ms`, el);\n        } else {\n            hsmls2idomPatch(el, hsml, ctx);\n        }\n    }\n\n    mount = (e: Element | string | null): this => {\n        const el = (typeof e === \"string\") ? document.getElementById(e) : e;\n        if (el && (el as any)[HAPP]) {\n            const a = (el as any)[HAPP] as HApp<State, HActionType>;\n            a.umount();\n        }\n        if (el && !this.element) {\n            (this as any).element = el;\n            (el as any)[HAPP] = this;\n            const hsmls = (this as any).render();\n            this._updateDom<HActionType>(el, hsmls, this);\n            this._dispatchAction(HAppActions.mount, this.element);\n        }\n        return this;\n    }\n\n    umount = (): this => {\n        if (this.element) {\n            this._dispatchAction(HAppActions.umount, this.element);\n            if (this.element.hasAttribute(HAPP)) {\n                this.element.removeAttribute(HAPP);\n            }\n            const aNodes = this.element.querySelectorAll(`[${HAPP}]`);\n            for (let i = 0; i < aNodes.length; i++) {\n                const a = (aNodes[i] as any).happ as HApp<State, HActionType>;\n                a?.umount();\n            }\n            while (this.element.firstChild /*.hasChildNodes()*/) {\n                this.element.removeChild(this.element.firstChild);\n            }\n            delete (this.element as any).happ;\n            (this as any).element = undefined;\n        }\n        return this;\n    }\n\n    update = (): this => {\n        if (this.element && !this._updateSched) {\n            this._updateSched = schedule(() => {\n                if (this.element) {\n                    const hsmls = this.render();\n                    this._updateDom<HActionType>(this.element, hsmls, this);\n                }\n                this._updateSched = undefined;\n            });\n        }\n        return this;\n    }\n\n    toHsml = (): HElement<HActionType> => {\n        if (this.element) {\n            if (this._updateSched) {\n                unschedule(this._updateSched);\n                this._updateSched = undefined;\n            } else {\n                return [\"div\", { skip: true }];\n            }\n        }\n        const hsmls = this.render();\n        hsmls.push(\n            (e: Element) => {\n                if (!this.element) {\n                    (this as any).element = e;\n                    (e as any).happ = this;\n                    this._dispatchAction(HAppActions.mount, this.element);\n                }\n            });\n        return [\"div\", hsmls];\n    }\n\n    toHtml = (): string => {\n        return this.element ? this.element.outerHTML : \"\";\n    }\n\n}\n\nfunction elementDispatchCustomEvent<HActionType extends string>(\n    el: HTMLElement,\n    type: HActionType,\n    data: any\n) {\n    el?.dispatchEvent(new CustomEvent(type, { detail: data }));\n    (el as any)[`on${type}`]?.(new CustomEvent(type, { detail: data }));\n}\n\nfunction formData(e: Event): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    const el = e.target as HTMLElement;\n    switch (el.nodeName) {\n        case \"FORM\":\n            (e as Event).preventDefault();\n            const els = (el as HTMLFormElement).elements;\n            const data = {} as { [k: string]: string | null | Array<string | null> };\n            for (let i = 0; i < els.length; i++) {\n                const d = formInputData(els[i]);\n                if (typeof d === \"object\") {\n                    const names = Object.keys(d as object);\n                    if (names.length) {\n                        const name = names[0];\n                        const value = (d as any)[name];\n                        if (data[name] === undefined) {\n                            data[name] = value;\n                        } else if (typeof data[name] === \"string\" || data[name] instanceof String) {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value as string];\n                            }\n                        } else if (data[name] instanceof Array) {\n                            if (value instanceof Array) {\n                                data[name] = (data[name] as Array<string | null>).concat(value);\n                            } else {\n                                (data[name] as Array<string | null>).push(value);\n                            }\n                        } else {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value];\n                            }\n                        }\n                        if (data[name] instanceof Array) {\n                            data[name] = (data[name] as Array<string | null>)\n                                .filter(d => d !== null);\n                            if ((els[i] as HTMLInputElement).type === \"radio\") {\n                                data[name] = (data[name] as Array<string | null>).length\n                                    ? (data[name] as Array<string | null>)[0]\n                                    : null;\n                            }\n                        }\n                    }\n                }\n            }\n            return data;\n        default:\n            return formInputData(el);\n    }\n}\n\nfunction formInputData(el: Element): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    let data: { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> = null;\n    switch (el.nodeName) {\n        case \"INPUT\":\n            const iel = el as HTMLInputElement;\n            switch (iel.type) {\n                case \"text\":\n                case \"hidden\":\n                case \"password\":\n                case \"email\":\n                case \"number\":\n                case \"search\":\n                case \"url\":\n                case \"tel\":\n                case \"color\":\n                case \"date\":\n                case \"datetime-local\":\n                case \"month\":\n                case \"range\":\n                case \"time\":\n                case \"week\":\n                case \"submit\":\n                case \"button\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.value };\n                    } else {\n                        data = iel.value;\n                    }\n                    break;\n                case \"radio\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.checked ? iel.value : null };\n                    } else {\n                        data = iel.checked ? iel.value : null;\n                    }\n                    break;\n                case \"checkbox\":\n                    if (iel.value === \"on\") { // value not set in element\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked };\n                        } else {\n                            data = iel.checked;\n                        }\n                    } else {\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked\n                                ? String(iel.value)\n                                : null };\n                        } else {\n                            data = iel.checked\n                                ? String(iel.value)\n                                : null;\n                        }\n                    }\n                    break;\n            }\n            break;\n        case \"SELECT\":\n            const sel = el as HTMLSelectElement;\n            if (sel.multiple) {\n                const values = Array.from(sel.selectedOptions).map(o => o.value);\n                if (sel.name) {\n                    data = { [sel.name]: values };\n                } else {\n                    data = values;\n                }\n            } else {\n                if (sel.name) {\n                    data = { [sel.name]: sel.value };\n                } else {\n                    data = sel.value;\n                }\n            }\n            break;\n        case \"TEXTAREA\":\n            const tel = el as HTMLTextAreaElement;\n            if (tel.name) {\n                data = { [tel.name]: tel.value };\n            } else {\n                data = tel.value;\n            }\n            break;\n        case \"BUTTON\":\n            const bel = el as HTMLButtonElement;\n            if (bel.name) {\n                data = { [bel.name]: bel.value };\n            } else {\n                data = bel.value;\n            }\n            break;\n    }\n    return data;\n}\n","import { HElement } from \"../src/hsml\";\nimport { HApp, HAppActions, HDispatcher, HState, HView, HView1, happ } from \"../src/hsml-app\";\n\ninterface CounterState {\n    count: number;\n}\n\nenum CounterActions {\n    dec = \"counter-dec\",\n    inc = \"counter-inc\"\n}\n\nconst counterView: HView1<CounterState, CounterActions> = (state) => {\n    return [\"div~reference\", [\n        [\"h2\", [\"Counter\"]],\n        [\"p\", [\n            [\"em\", [\"Count\"]], \": \", state.count,\n            \" \",\n            [\"button\", { on: [\"click\", CounterActions.dec, 1] }, [\"-\"]],\n            [\"button\", { on: [\"click\", CounterActions.inc, 2] }, [\"+\"]]\n        ]]\n    ]];\n};\n\nconst counterDispatcher: HDispatcher<CounterState, CounterActions> = async function (this: HApp<CounterState, CounterActions>, action, state, dispatch) {\n    console.log(\"action counter:\", action);\n    // console.log(\"state counter:\", state);\n    // console.log(\"happ counter:\", this);\n\n    switch (action.type) {\n        case HAppActions.mount:\n            this.windowDispatchOn();\n            break;\n        case HAppActions.umount:\n            this.windowDispatchOff();\n            break;\n\n        case CounterActions.inc:\n            state.count = state.count + action.data as number;\n            setTimeout(() => dispatch(CounterActions.dec, 1), 1e3); // async call\n            break;\n        case CounterActions.dec:\n            state.count = state.count - action.data as number;\n            break;\n    }\n};\n\ninterface State {\n    title: string;\n    counter: CounterState;\n    x?: boolean | Boolean;\n}\n\nenum Actions {\n    title = \"title\",\n    clear = \"clear\",\n    formSubmit = \"formSubmit\",\n    formChange = \"formChange\",\n    xXx = \"xXx\",\n    x = \"x\"\n}\n\nconst state: HState<State> = function () {\n    return {\n        title: \"Title\",\n        counter: {\n            count: 77\n        }\n    };\n};\n\nconst view: HView<State, Actions | CounterActions> = function (state) {\n    return [\n        [\"h2\", [state.title]],\n        [\"p\", [\n            \"Title: \",\n            [\"input\",\n                {\n                    type: \"text\",\n                    // name: \"title\",\n                    value: new String(state.title),\n                    on: [\"input\", Actions.title]\n                }\n            ], \" \",\n            [\"button.w3-button.w3-blue\",\n                {\n                    type: \"button\",\n                    on: [\"click\", Actions.clear]\n                },\n                [\"Clear title\"]\n            ]\n        ]],\n        counterView(state.counter),\n        [\"h2\", [\"Form\"]],\n        [\"form\",\n            {\n                on: [\n                    [\"submit\", Actions.formSubmit],\n                    [\"change\", Actions.formChange]\n                ]\n            },\n            [\n                \"xy \",\n                [\"input\",\n                    {\n                        type: \"text\",\n                        name: \"xy\",\n                        value: \"x\"\n                    }\n                ],\n                [\"input\",\n                    {\n                        type: \"text\",\n                        name: \"xy\",\n                        value: \"y\"\n                    }\n                ],\n                [\"br\"],\n                \"a \",\n                [\"input\", {type: \"checkbox\", name: \"a\"}],\n                [\"br\"],\n                \"b \",\n                [\"input\", {type: \"checkbox\", name: \"b\", value: \"b\"}],\n                [\"br\"],\n                \"c \",\n                [\"input\", {type: \"checkbox\", name: \"c\"}],\n                [\"input\", {type: \"checkbox\", name: \"c\"}],\n                [\"br\"],\n                \"d \",\n                [\"input\", {type: \"checkbox\", name: \"d\", value: \"d1\"}],\n                [\"input\", {type: \"checkbox\", name: \"d\", value: \"d2\"}],\n                [\"br\"],\n                \"r \",\n                [\"input\", {type: \"radio\", name: \"r\", value: \"r1\"}],\n                [\"input\", {type: \"radio\", name: \"r\", value: \"r2\"}],\n                [\"br\"],\n                \"s \",\n                [\"select\", { name: \"s\" },\n                    [\"s1\", \"s2\", \"s3\"]\n                        .map<HElement<Actions>>(l => [\"option\", { value: l }, [l]])\n                ],\n                [\"br\"],\n                \"sm \",\n                [\"select\", { name: \"sm\", multiple: true },\n                    [\"sm1\", \"sm2\", \"sm3\"]\n                        .map<HElement<Actions>>(l => [\"option\", { value: l }, [l]])\n                ],\n                [\"br\"],\n                [\"textarea\", { name: \"ta\" },\n                    \"text area\"\n                ],\n                [\"br\"],\n                [\"button.w3-button.w3-blue\",\n                    [\"submit\"]\n                ]\n            ]\n        ],\n        [\"h2\", [\"Action event\"]],\n        [\"p\", [\n            [\"button\", { on: [\"click\", Actions.xXx] }, [\"xXx\"]]\n        ]],\n        [\"h2\", [\"Props update\"]],\n        [\"input\", { type: \"checkbox\", name: \"x\", on: [\"change\", Actions.x] }],\n        [\"input\", { type: \"checkbox\", checked: state.x }],\n        [\"input\", { type: \"radio\", name: \"y\", checked: state.x }],\n        [\"input\", { type: \"radio\", name: \"y\", checked: !state.x }],\n        [\"input\", { type: \"button\", value: \"x\", disabled: state.x }]\n    ];\n};\n\nconst dispatcher: HDispatcher<State, Actions | CounterActions> = async function (this, action, state, dispatch) {\n    console.log(\"action:\", action);\n    // console.log(\"state:\", state);\n    // console.log(\"happ:\", this);\n\n    counterDispatcher.call(this, action, state.counter, dispatch);\n\n    switch (action.type) {\n        case HAppActions.init:\n        case HAppActions.mount:\n        case HAppActions.umount:\n            break;\n        case Actions.title:\n            state.title = action.data;\n            break;\n        case Actions.clear:\n            state.title = \"\";\n            break;\n        case Actions.formSubmit:\n            console.log(\"FormSubmit:\", JSON.stringify(action.data));\n            const fe = action.event!.target as HTMLFormElement;\n            const fd = new FormData(fe);\n            console.log(\"FormData:\", JSON.stringify([...fd.entries()]));\n            break;\n        case Actions.formChange:\n            console.log(\"FormChange:\", JSON.stringify(action.data));\n            break;\n        case Actions.xXx:\n            dispatch(CounterActions.dec, 1, \"window\");\n            break;\n        case Actions.x:\n            console.log(\"data.x\", typeof action.data.x, action.data.x);\n            // state.x = new Boolean(action.data.x === \"true\");\n            // state.x = action.data.x === \"true\";\n            state.x = new Boolean(action.data.x);\n            // state.x = action.data.x;\n            break;\n        // default:\n        //     console.warn(\"action unhandled:\", action);\n    }\n};\n\nconst app = new HApp<State, Actions | CounterActions>(state, view, dispatcher);\napp.debug = window.location.hostname === \"localhost\";\napp.mount(document.getElementById(\"app\"));\n(self as any).app = app;\n\n\n// const html = app.toHtml();\n// console.log(html);\n"],"names":["$a85519cc1b20a4af$var$log","console","log","$a85519cc1b20a4af$var$error","error","$a85519cc1b20a4af$var$warn","warn","$a85519cc1b20a4af$export$3dcd9fad60135c2c","HAppActions","$a85519cc1b20a4af$export$3d736e925369e0e4","HDispatchScopes","$a85519cc1b20a4af$var$schedule","window","requestAnimationFrame","callback","setTimeout","$a85519cc1b20a4af$var$unschedule","cancelAnimationFrame","handle","clearTimeout","$a85519cc1b20a4af$var$msgAction","$a85519cc1b20a4af$var$msgDispatch","$a85519cc1b20a4af$var$msgRender","$a85519cc1b20a4af$var$HAPP","$a85519cc1b20a4af$export$eb8950696418f795","hAppI","$a85519cc1b20a4af$export$8cfef5dc37c46888","state","view","dispatcher","element","debug","name","$a85519cc1b20a4af$export$1cfc54b3834d3c50","customElements","define","HTMLElement","observedAttributes","attributes","connectedCallback","this","attachShadow","mode","_happel","mount","shadowRoot","disconnectedCallback","umount","adoptedCallback","update","attributeChangedCallback","attrName","oldVal","newVal","dispatch","attribute","constructor","super","undefined","customElement","_dispatchAction","type","data","event","scope","t0","performance","now","_dispatch","t1","_dispatchElement","_dispatchWindow","e","windowDispatchOn","_windowEventListener","action","detail","addEventListener","windowDispatchOff","removeEventListener","_updateDom","el","hsml","ctx","$8IJ2T","hsmls2idomPatch","refs","$a85519cc1b20a4af$var$__awaiter","$a85519cc1b20a4af$var$elementDispatchCustomEvent","dispatchEvent","CustomEvent","render","hsmls","actionCb","actionType","Function","target","nodeName","preventDefault","els","elements","i","length","d","$a85519cc1b20a4af$var$formInputData","names","Object","keys","value","String","Array","concat","push","filter","$a85519cc1b20a4af$var$formData","document","getElementById","hasAttribute","removeAttribute","aNodes","querySelectorAll","a","happ","firstChild","removeChild","_updateSched","toHsml","skip","toHtml","outerHTML","init","then","_b","_a","call","iel","checked","sel","multiple","values","from","selectedOptions","map","o","tel","bel","$4d311c4ad8ed9451$var$CounterActions","CounterActions","$4d311c4ad8ed9451$var$counterView","count","on","dec","inc","$4d311c4ad8ed9451$var$counterDispatcher","$a85519cc1b20a4af$exports","$4d311c4ad8ed9451$var$Actions","Actions","$4d311c4ad8ed9451$var$app","HApp","title","counter","clear","formSubmit","formChange","l","xXx","x","disabled","JSON","stringify","fe","fd","FormData","entries","Boolean","location","hostname","self","app"],"version":3,"file":"hsml-app-test_demo.36a210b8.js.map"}

package/dist/demo/hsml-app-test_demo.6ab4ea94.js

@@ -0,0 +1,2 @@
+function t(t,e,n,i){Object.defineProperty(t,e,{get:n,set:i,enumerable:!0,configurable:!0})}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},n={},i={},a=e.parcelRequirede31;null==a&&((a=function(t){if(t in n)return n[t].exports;if(t in i){var e=i[t];delete i[t];var a={id:t,exports:{}};return n[t]=a,e.call(a.exports,a,a.exports),a.exports}var o=new Error("Cannot find module '"+t+"'");throw o.code="MODULE_NOT_FOUND",o}).register=function(t,e){i[t]=e},e.parcelRequirede31=a);var o={};t(o,"HAppActions",(function(){return l}),(function(t){return l=t})),t(o,"HDispatchScopes",(function(){return p}),(function(t){return p=t})),t(o,"happ",(function(){return g}),(function(t){return g=t})),t(o,"HApp",(function(){return A}),(function(t){return A=t})),t(o,"happel",(function(){return k}),(function(t){return k=t}));var s=a("hrCkK"),c=function(t,e,n,i){return new(n||(n=Promise))((function(a,o){function s(t){try{r(i.next(t))}catch(t){o(t)}}function c(t){try{r(i.throw(t))}catch(t){o(t)}}function r(t){var e;t.done?a(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,c)}r((i=i.apply(t,e||[])).next())}))};const r=console.log,u=console.error,h=console.warn;var l,d,p,m;(d=l||(l={})).init="happ-init",d.mount="happ-mount",d.umount="happ-umount",d.update="happ-update",d.action="happ-action",d.attribute="happ-attribute",(m=p||(p={})).element="element",m.window="window";const f=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},v=window.cancelAnimationFrame||function(t){window.clearTimeout(t)},w="action:",b="dispatch:",y="render:",x="happ";function g(t){return new A(t.state,t.view,t.dispatcher,t.element,t.debug,t.name)}function k(t){customElements.define(`${x}-${t.name}`,class extends HTMLElement{static get observedAttributes(){return t.attributes}connectedCallback(){this.attachShadow({mode:"open"}),this._happel.mount(this.shadowRoot)}disconnectedCallback(){this._happel.umount()}adoptedCallback(){this._happel.update()}attributeChangedCallback(t,e,n){this._happel.dispatch(l.attribute,{attrName:t,oldVal:e,newVal:n})}constructor(){super(),this._happel=new A(t.state,t.view,t.dispatcher,void 0,t.debug,t.name,t.attributes),this._happel.customElement=this}})}class A{_dispatchAction(t,e,n,i){return c(this,void 0,void 0,(function*(){if(this.debug){r(this.name,w,{type:t,data:e,event:n});const a=performance.now();yield this._dispatch(t,e,n,i);const o=performance.now();r(this.name,b,o-a+" ms",this.state)}else yield this._dispatch(t,e,n,i)}))}_dispatch(t,e,n,i){return c(this,void 0,void 0,(function*(){try{yield this.dispatcher({type:t,data:e,event:n},this.state,this.dispatch),this.update(),"element"===i&&this._dispatchElement(t,e),"window"===i&&this._dispatchWindow(t,e)}catch(t){u(this.name,b,t)}}))}windowDispatchOn(){this._windowEventListener?h("windowEventListener olready setted"):(this._windowEventListener=t=>{const e=t.detail;this._dispatchAction(e.type,e.data)},window.addEventListener(l.action,this._windowEventListener))}windowDispatchOff(){this._windowEventListener&&window.removeEventListener(l.action,this._windowEventListener)}_updateDom(t,e,n){if(this.debug){const i=performance.now();(0,s.hsmls2idomPatch)(t,e,n);const a=performance.now();r(this.name,"update:",a-i+" ms",t)}else(0,s.hsmls2idomPatch)(t,e,n)}constructor(t,e,n,i,a,o,s){this.refs={},this.dispatch=(t,e,n)=>c(this,void 0,void 0,(function*(){return this._dispatchAction(t,e,void 0,n)})),this._dispatchElement=(t,e)=>c(this,void 0,void 0,(function*(){this.customElement&&_(this.customElement,l.action,{type:t,data:e}),!this.customElement&&this.element&&_(this.element,l.action,{type:t,data:e})})),this._dispatchWindow=(t,e)=>c(this,void 0,void 0,(function*(){window.dispatchEvent(new CustomEvent(l.action,{detail:{type:t,data:e}}))})),this.render=()=>{if(this.debug){const t=performance.now();let e;try{e=this.view(this.state)}catch(t){u(this.name,y,t)}const n=performance.now();return r(this.name,y,n-t+" ms",e),null!=e?e:[]}{let t;try{t=this.view(this.state)}catch(t){u(this.name,y,t)}return null!=t?t:[]}},this.actionCb=(t,e,n)=>{void 0===(e=(null==e?void 0:e.constructor)===Function?e(n):e)&&n&&(e=n instanceof CustomEvent?n.detail:function(t){const e=t.target;if("FORM"===e.nodeName){t.preventDefault();const n=e.elements,i={};for(let t=0;t<n.length;t++){const e=E(n[t]);if("object"==typeof e){const a=Object.keys(e);if(a.length){const o=a[0],s=e[o];void 0===i[o]?i[o]=s:"string"==typeof i[o]||i[o]instanceof String?i[o]=s instanceof Array?[i[o],...s]:[i[o],s]:i[o]instanceof Array?s instanceof Array?i[o]=i[o].concat(s):i[o].push(s):i[o]=s instanceof Array?[i[o],...s]:[i[o],s],i[o]instanceof Array&&(i[o]=i[o].filter((t=>null!==t)),"radio"===n[t].type&&(i[o]=i[o].length?i[o][0]:null))}}}return i}return E(e)}(n)),this._dispatchAction(t,e,n)},this.mount=t=>{const e="string"==typeof t?document.getElementById(t):t;if(e&&e[x]){e[x].umount()}if(e&&!this.element){this.element=e,e[x]=this;const t=this.render();this._updateDom(e,t,this),this._dispatchAction(l.mount,this.element)}return this},this.umount=()=>{if(this.element){this._dispatchAction(l.umount,this.element),this.element.hasAttribute(x)&&this.element.removeAttribute(x);const t=this.element.querySelectorAll(`[${x}]`);for(let e=0;e<t.length;e++){const n=t[e].happ;null==n||n.umount()}for(;this.element.firstChild;)this.element.removeChild(this.element.firstChild);delete this.element.happ,this.element=void 0}return this},this.update=()=>(this.element&&!this._updateSched&&(this._updateSched=f((()=>{if(this.element){const t=this.render();this._updateDom(this.element,t,this)}this._updateSched=void 0}))),this),this.toHsml=()=>{if(this.element){if(!this._updateSched)return["div",{skip:!0}];v(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push((t=>{this.element||(this.element=t,t.happ=this,this._dispatchAction(l.mount,this.element))})),["div",t]},this.toHtml=()=>this.element?this.element.outerHTML:"",this.debug=null!=a&&a,this.name=null!=o?o:x,this.attributes=null!=s?s:[],this.state=t(),this.view=e,this.dispatcher=null!=n?n:t=>c(this,void 0,void 0,(function*(){return r(this.name,w,t.type,t.data)})),this._dispatchAction(l.init,this).then((()=>i&&this.mount(i)))}}function _(t,e,n){var i,a;null==t||t.dispatchEvent(new CustomEvent(e,{detail:n})),null===(a=(i=t)[`on${e}`])||void 0===a||a.call(i,new CustomEvent(e,{detail:n}))}function E(t){let e=null;switch(t.nodeName){case"INPUT":const n=t;switch(n.type){case"text":case"hidden":case"password":case"email":case"number":case"search":case"url":case"tel":case"color":case"date":case"datetime-local":case"month":case"range":case"time":case"week":case"submit":case"button":e=n.name?{[n.name]:n.value}:n.value;break;case"radio":e=n.name?{[n.name]:n.checked?n.value:null}:n.checked?n.value:null;break;case"checkbox":e="on"===n.value?n.name?{[n.name]:n.checked}:n.checked:n.name?{[n.name]:n.checked?String(n.value):null}:n.checked?String(n.value):null}break;case"SELECT":const i=t;if(i.multiple){const t=Array.from(i.selectedOptions).map((t=>t.value));e=i.name?{[i.name]:t}:t}else e=i.name?{[i.name]:i.value}:i.value;break;case"TEXTAREA":const a=t;e=a.name?{[a.name]:a.value}:a.value;break;case"BUTTON":const o=t;e=o.name?{[o.name]:o.value}:o.value}return e}var C,S,T=function(t,e,n,i){return new(n||(n=Promise))((function(a,o){function s(t){try{r(i.next(t))}catch(t){o(t)}}function c(t){try{r(i.throw(t))}catch(t){o(t)}}function r(t){var e;t.done?a(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(s,c)}r((i=i.apply(t,e||[])).next())}))};(S=C||(C={})).dec="counter-dec",S.inc="counter-inc";const O=t=>["div~reference",[["h2",["Counter"]],["p",[["em",["Count"]],": ",t.count," ",["button",{on:["click",C.dec,1]},["-"]],["button",{on:["click",C.inc,2]},["+"]]]]]],D=function(t,e,n){return T(this,void 0,void 0,(function*(){switch(console.log("action counter:",t),t.type){case o.HAppActions.mount:this.windowDispatchOn();break;case o.HAppActions.umount:this.windowDispatchOff();break;case C.inc:e.count=e.count+t.data,setTimeout((()=>n(C.dec,1)),1e3);break;case C.dec:e.count=e.count-t.data}}))};var H,L;(L=H||(H={})).title="title",L.clear="clear",L.formSubmit="formSubmit",L.formChange="formChange",L.xXx="xXx",L.x="x";const F=new(0,o.HApp)((function(){return{title:"Title",counter:{count:77}}}),(function(t){return[["h2",[t.title]],["p",["Title: ",["input",{type:"text",value:new String(t.title),on:["input",H.title]}]," ",["button.w3-button.w3-blue",{type:"button",on:["click",H.clear]},["Clear title"]]]],O(t.counter),["h2",["Form"]],["form",{on:[["submit",H.formSubmit],["change",H.formChange]]},["xy ",["input",{type:"text",name:"xy",value:"x"}],["input",{type:"text",name:"xy",value:"y"}],["br"],"a ",["input",{type:"checkbox",name:"a"}],["br"],"b ",["input",{type:"checkbox",name:"b",value:"b"}],["br"],"c ",["input",{type:"checkbox",name:"c"}],["input",{type:"checkbox",name:"c"}],["br"],"d ",["input",{type:"checkbox",name:"d",value:"d1"}],["input",{type:"checkbox",name:"d",value:"d2"}],["br"],"r ",["input",{type:"radio",name:"r",value:"r1"}],["input",{type:"radio",name:"r",value:"r2"}],["br"],"s ",["select",{name:"s"},["s1","s2","s3"].map((t=>["option",{value:t},[t]]))],["br"],"sm ",["select",{name:"sm",multiple:!0},["sm1","sm2","sm3"].map((t=>["option",{value:t},[t]]))],["br"],["textarea",{name:"ta"},"text area"],["br"],["button.w3-button.w3-blue",["submit"]]]],["h2",["Action event"]],["p",[["button",{on:["click",H.xXx]},["xXx"]]]],["h2",["Props update"]],["input",{type:"checkbox",name:"x",on:["change",H.x]}],["input",{type:"checkbox",checked:t.x}],["input",{type:"radio",name:"y",checked:t.x}],["input",{type:"radio",name:"y",checked:!t.x}],["input",{type:"button",value:"x",disabled:t.x}]]}),(function(t,e,n){return T(this,void 0,void 0,(function*(){switch(console.log("action:",t),D.call(this,t,e.counter,n),t.type){case o.HAppActions.init:case o.HAppActions.mount:case o.HAppActions.umount:break;case H.title:e.title=t.data;break;case H.clear:e.title="";break;case H.formSubmit:console.log("FormSubmit:",JSON.stringify(t.data));const i=t.event.target,a=new FormData(i);console.log("FormData:",JSON.stringify([...a.entries()]));break;case H.formChange:console.log("FormChange:",JSON.stringify(t.data));break;case H.xXx:n(C.dec,1,"window");break;case H.x:console.log("data.x",typeof t.data.x,t.data.x),e.x=new Boolean(t.data.x)}}))}));F.debug="localhost"===window.location.hostname,F.mount(document.getElementById("app")),self.app=F;
+//# sourceMappingURL=hsml-app-test_demo.6ab4ea94.js.map

package/dist/demo/hsml-app-test_demo.6ab4ea94.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/hsml-app.ts","demo/hsml-app-test_demo.ts"],"sourcesContent":["import { HAttrOnData, HAttrOnDataFnc, HElement, HElements, HHandlerCtx } from \"./hsml\";\nimport { hsmls2idomPatch } from \"./hsml-idom\";\n\nconst log = console.log;\nconst error = console.error;\nconst warn = console.warn;\n\nexport type HState<State> = () => State;\n\nexport type HView<State, HActionType extends string> = (\n    state: State\n) => HElements<HActionType>;\n\nexport type HView1<State, HActionType extends string> = (\n    state: State\n) => HElement<HActionType>;\n\nexport type HAppActionType =\n    | \"happ-init\"\n    | \"happ-mount\"\n    | \"happ-umount\"\n    | \"happ-update\"\n    | \"happ-action\"\n    | \"happ-attribute\";\n\nexport enum HAppActions {\n    init = \"happ-init\",\n    mount = \"happ-mount\",\n    umount = \"happ-umount\",\n    update = \"happ-update\",\n    action = \"happ-action\",\n    attribute = \"happ-attribute\"\n}\n\nexport interface HAction<HActionType extends string> {\n    type: HActionType | HAppActionType | HAppActions;\n    data?: any;\n    event?: Event;\n}\n\nexport type HDispatchScope =\n    | \"element\"\n    | \"window\";\n\nexport enum HDispatchScopes {\n    element = \"element\",\n    window = \"window\"\n}\n\nexport type HDispatch<HActionType extends string> = (\n    type: HAction<HActionType>[\"type\"],\n    data?: HAction<HActionType>[\"data\"],\n    scope?: HDispatchScope | HDispatchScopes\n) => Promise<void>;\n\nexport type HDispatcher<State, HActionType extends string> = (\n    // this: HApp<State, HActionType>,\n    action: HAction<HActionType>,\n    state: State,\n    dispatch: HDispatch<HActionType>\n) => Promise<void>;\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 (callback: Function) { window.setTimeout(callback, 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 msgAction = \"action:\";\nconst msgDispatch = \"dispatch:\";\nconst msgRender = \"render:\";\nconst msgUpdate = \"update:\";\n\nconst HAPP = \"happ\";\n\nexport interface HAppI<State, HActionType extends string> {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element?: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    attributes?: string[];\n}\n\n/**\n * HApp definition\n *\n * @param hAppI HApp definition\n * @returns HApp instance\n */\nexport function happ<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    // attributes?: string[];\n}) {\n    return new HApp<State, HActionType>(\n        hAppI.state,\n        hAppI.view,\n        hAppI.dispatcher,\n        hAppI.element,\n        hAppI.debug,\n        hAppI.name\n        // hAppI!.attributes\n    );\n}\n\n// export type Class<T = object> = new (...args: any[]) => T;\n\n// export function happi<State, HActionType extends string>(\n//     hAppI: Class<HAppI<State, HActionType>>,\n//     element?: Element | string | null,\n//     debug? boolean,\n//     name?: string,\n//     attributes: string[]\n// ) {\n//     const hapi = new hAppI();\n//     return new HApp<State, HActionType>(\n//         hapi.state,\n//         hapi.view,\n//         hapi.dispatcher,\n//         element,\n//         debug\n//     );\n// }\n\n// HAppEl\n\n/**\n * HApp custom HTML element definition.\n *\n * @param hAppI HApp definition\n */\nexport function happel<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    /** Element suffix name, element name patern is `happ-${name}` */\n    name: string;\n    /** Element attribute list */\n    attributes: string[];\n    debug?: boolean;\n}): void {\n    customElements.define(\n        `${HAPP}-${hAppI.name}`,\n        class HAppElement extends HTMLElement {\n            static get observedAttributes() {\n                return hAppI.attributes;\n            }\n\n            private _happel: HApp<State, HActionType>;\n\n            constructor() {\n                super();\n                this._happel = new HApp<State, HActionType>(\n                    hAppI.state,\n                    hAppI.view,\n                    hAppI.dispatcher,\n                    undefined,\n                    hAppI.debug,\n                    hAppI.name,\n                    hAppI.attributes\n                );\n                (this._happel as any).customElement = this;\n            }\n\n            connectedCallback() {\n                // this._happel.mount(this);\n                this.attachShadow({ mode: \"open\" });\n                this._happel.mount(this.shadowRoot as any);\n            }\n\n            disconnectedCallback() {\n                this._happel.umount();\n            }\n\n            adoptedCallback() {\n                this._happel.update();\n            }\n\n            attributeChangedCallback(\n                attrName: string,\n                oldVal: string | null,\n                newVal: string | null\n            ) {\n                this._happel.dispatch(HAppActions.attribute, {\n                    attrName,\n                    oldVal,\n                    newVal,\n                });\n            }\n        }\n    );\n}\n\n/**\n * HSML App\n */\nexport class HApp<State, HActionType extends string> implements HHandlerCtx<HActionType> {\n\n    readonly state: State;\n    readonly view: HView<State, HActionType>;\n    readonly dispatcher: HDispatcher<State, HActionType>;\n\n    debug: boolean;\n\n    readonly name: string;\n    readonly attributes: string[];\n\n    readonly element?: HTMLElement;\n    readonly refs: { [key: string]: HTMLElement } = {};\n\n    readonly customElement?: HTMLElement; // happ custom html element\n\n    private _updateSched?: number;\n\n    // private _onDispatch?: HDispatcher<State>;\n\n    private _windowEventListener?: (event: Event) => void;\n\n    constructor(\n        state: HState<State>,\n        view: HView<State, HActionType>,\n        dispatcher?: HDispatcher<State, HActionType>,\n        element?: Element | string | null,\n        debug?: boolean ,\n        name?: string,\n        attributes?: string[]\n    ) {\n        this.debug = debug ?? false;\n        this.name = name ?? HAPP;\n        this.attributes = attributes ?? [];\n        this.state = state();\n        this.view = view;\n        this.dispatcher = dispatcher ?? (async (a) => log(this.name, msgAction, a.type, a.data));\n        this._dispatchAction(HAppActions.init, this).then(() => element && this.mount(element));\n    }\n\n    dispatch: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any,\n        scope?: HDispatchScope\n    ): Promise<void> => {\n        return this._dispatchAction(type, data, undefined, scope);\n    }\n\n    // onDispatch = (dispatcher: HDispatcher<State>): this => {\n    //     this._onDispatch = dispatcher;\n    //     return this;\n    // }\n\n    private async _dispatchAction(\n        type: HActionType | HAppActionType,\n        data?: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ): Promise<void> {\n        if (this.debug) {\n            log(this.name, msgAction, { type, data, event });\n            const t0 = performance.now();\n            await this._dispatch(type, data, event, scope);\n            const t1 = performance.now();\n            log(this.name, msgDispatch, `${t1 - t0} ms`, this.state);\n        } else {\n            await this._dispatch(type, data, event, scope);\n        }\n    }\n\n    private async _dispatch(\n        type: HActionType | HAppActionType,\n        data: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ) {\n        try {\n            await this.dispatcher(\n                { type: type as HActionType, data, event },\n                this.state,\n                this.dispatch\n            );\n            this.update();\n            scope === \"element\" && this._dispatchElement(type, data);\n            scope === \"window\" && this._dispatchWindow(type, data);\n        } catch (e) {\n            error(this.name, msgDispatch, e);\n        }\n    }\n\n    private _dispatchElement: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any\n    ): Promise<void> => {\n        this.customElement && elementDispatchCustomEvent(this.customElement, HAppActions.action, { type, data });\n        !this.customElement && this.element && elementDispatchCustomEvent(this.element, HAppActions.action, { type, data });\n        // this.customElement && elementDispatchCustomEvent(this.customElement, type, data);\n        // !this.customElement && this.element && elementDispatchCustomEvent(this.element, type, data);\n        // this._onDispatch?.({ type, data, event }, this.state, this.dispatch);\n    }\n\n    private _dispatchWindow: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any): Promise<void> => {\n        window.dispatchEvent(new CustomEvent(HAppActions.action, { detail: { type, data } }));\n    }\n\n    windowDispatchOn() {\n        if (!this._windowEventListener) {\n            this._windowEventListener = (event: Event) => {\n                const action = (event as CustomEvent).detail as HAction<HActionType>;\n                this._dispatchAction(action.type, action.data);\n            };\n            window.addEventListener(HAppActions.action, this._windowEventListener);\n        } else {\n            warn(\"windowEventListener olready setted\");\n        }\n    }\n\n    windowDispatchOff() {\n        if (this._windowEventListener) {\n            window.removeEventListener(HAppActions.action, this._windowEventListener);\n        }\n    }\n\n    render = (): HElements<HActionType> => {\n        if (this.debug) {\n            const t0 = performance.now();\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            const t1 = performance.now();\n            log(this.name, msgRender, `${t1 - t0} ms`, hsmls);\n            return hsmls ?? [];\n        } else {\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            return hsmls ?? [];\n        }\n    }\n\n    actionCb = (actionType: HActionType, data: HAttrOnData, event: Event): void => {\n        data = (data?.constructor === Function)\n            ? (data as HAttrOnDataFnc)(event)\n            : data;\n        if (data === undefined && event) {\n            if (event instanceof CustomEvent) {\n                data = event.detail;\n            } else {\n                data = formData(event);\n            }\n        }\n        this._dispatchAction(actionType, data, event);\n    }\n\n    private _updateDom<HActionType extends string>(\n        el: Element,\n        hsml: HElements<HActionType>,\n        ctx: HHandlerCtx<HActionType>\n    ): void {\n        if (this.debug) {\n            const t0 = performance.now();\n            hsmls2idomPatch(el, hsml, ctx);\n            const t1 = performance.now();\n            log(this.name, msgUpdate, `${t1 - t0} ms`, el);\n        } else {\n            hsmls2idomPatch(el, hsml, ctx);\n        }\n    }\n\n    mount = (e: Element | string | null): this => {\n        const el = (typeof e === \"string\") ? document.getElementById(e) : e;\n        if (el && (el as any)[HAPP]) {\n            const a = (el as any)[HAPP] as HApp<State, HActionType>;\n            a.umount();\n        }\n        if (el && !this.element) {\n            (this as any).element = el;\n            (el as any)[HAPP] = this;\n            const hsmls = (this as any).render();\n            this._updateDom<HActionType>(el, hsmls, this);\n            this._dispatchAction(HAppActions.mount, this.element);\n        }\n        return this;\n    }\n\n    umount = (): this => {\n        if (this.element) {\n            this._dispatchAction(HAppActions.umount, this.element);\n            if (this.element.hasAttribute(HAPP)) {\n                this.element.removeAttribute(HAPP);\n            }\n            const aNodes = this.element.querySelectorAll(`[${HAPP}]`);\n            for (let i = 0; i < aNodes.length; i++) {\n                const a = (aNodes[i] as any).happ as HApp<State, HActionType>;\n                a?.umount();\n            }\n            while (this.element.firstChild /*.hasChildNodes()*/) {\n                this.element.removeChild(this.element.firstChild);\n            }\n            delete (this.element as any).happ;\n            (this as any).element = undefined;\n        }\n        return this;\n    }\n\n    update = (): this => {\n        if (this.element && !this._updateSched) {\n            this._updateSched = schedule(() => {\n                if (this.element) {\n                    const hsmls = this.render();\n                    this._updateDom<HActionType>(this.element, hsmls, this);\n                }\n                this._updateSched = undefined;\n            });\n        }\n        return this;\n    }\n\n    toHsml = (): HElement<HActionType> => {\n        if (this.element) {\n            if (this._updateSched) {\n                unschedule(this._updateSched);\n                this._updateSched = undefined;\n            } else {\n                return [\"div\", { skip: true }];\n            }\n        }\n        const hsmls = this.render();\n        hsmls.push(\n            (e: Element) => {\n                if (!this.element) {\n                    (this as any).element = e;\n                    (e as any).happ = this;\n                    this._dispatchAction(HAppActions.mount, this.element);\n                }\n            });\n        return [\"div\", hsmls];\n    }\n\n    toHtml = (): string => {\n        return this.element ? this.element.outerHTML : \"\";\n    }\n\n}\n\nfunction elementDispatchCustomEvent<HActionType extends string>(\n    el: HTMLElement,\n    type: HActionType,\n    data: any\n) {\n    el?.dispatchEvent(new CustomEvent(type, { detail: data }));\n    (el as any)[`on${type}`]?.(new CustomEvent(type, { detail: data }));\n}\n\nfunction formData(e: Event): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    const el = e.target as HTMLElement;\n    switch (el.nodeName) {\n        case \"FORM\":\n            (e as Event).preventDefault();\n            const els = (el as HTMLFormElement).elements;\n            const data = {} as { [k: string]: string | null | Array<string | null> };\n            for (let i = 0; i < els.length; i++) {\n                const d = formInputData(els[i]);\n                if (typeof d === \"object\") {\n                    const names = Object.keys(d as object);\n                    if (names.length) {\n                        const name = names[0];\n                        const value = (d as any)[name];\n                        if (data[name] === undefined) {\n                            data[name] = value;\n                        } else if (typeof data[name] === \"string\" || data[name] instanceof String) {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value as string];\n                            }\n                        } else if (data[name] instanceof Array) {\n                            if (value instanceof Array) {\n                                data[name] = (data[name] as Array<string | null>).concat(value);\n                            } else {\n                                (data[name] as Array<string | null>).push(value);\n                            }\n                        } else {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value];\n                            }\n                        }\n                        if (data[name] instanceof Array) {\n                            data[name] = (data[name] as Array<string | null>)\n                                .filter(d => d !== null);\n                            if ((els[i] as HTMLInputElement).type === \"radio\") {\n                                data[name] = (data[name] as Array<string | null>).length\n                                    ? (data[name] as Array<string | null>)[0]\n                                    : null;\n                            }\n                        }\n                    }\n                }\n            }\n            return data;\n        default:\n            return formInputData(el);\n    }\n}\n\nfunction formInputData(el: Element): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    let data: { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> = null;\n    switch (el.nodeName) {\n        case \"INPUT\":\n            const iel = el as HTMLInputElement;\n            switch (iel.type) {\n                case \"text\":\n                case \"hidden\":\n                case \"password\":\n                case \"email\":\n                case \"number\":\n                case \"search\":\n                case \"url\":\n                case \"tel\":\n                case \"color\":\n                case \"date\":\n                case \"datetime-local\":\n                case \"month\":\n                case \"range\":\n                case \"time\":\n                case \"week\":\n                case \"submit\":\n                case \"button\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.value };\n                    } else {\n                        data = iel.value;\n                    }\n                    break;\n                case \"radio\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.checked ? iel.value : null };\n                    } else {\n                        data = iel.checked ? iel.value : null;\n                    }\n                    break;\n                case \"checkbox\":\n                    if (iel.value === \"on\") { // value not set in element\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked };\n                        } else {\n                            data = iel.checked;\n                        }\n                    } else {\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked\n                                ? String(iel.value)\n                                : null };\n                        } else {\n                            data = iel.checked\n                                ? String(iel.value)\n                                : null;\n                        }\n                    }\n                    break;\n            }\n            break;\n        case \"SELECT\":\n            const sel = el as HTMLSelectElement;\n            if (sel.multiple) {\n                const values = Array.from(sel.selectedOptions).map(o => o.value);\n                if (sel.name) {\n                    data = { [sel.name]: values };\n                } else {\n                    data = values;\n                }\n            } else {\n                if (sel.name) {\n                    data = { [sel.name]: sel.value };\n                } else {\n                    data = sel.value;\n                }\n            }\n            break;\n        case \"TEXTAREA\":\n            const tel = el as HTMLTextAreaElement;\n            if (tel.name) {\n                data = { [tel.name]: tel.value };\n            } else {\n                data = tel.value;\n            }\n            break;\n        case \"BUTTON\":\n            const bel = el as HTMLButtonElement;\n            if (bel.name) {\n                data = { [bel.name]: bel.value };\n            } else {\n                data = bel.value;\n            }\n            break;\n    }\n    return data;\n}\n","import { HElement } from \"../src/hsml\";\nimport { HApp, HAppActions, HDispatcher, HState, HView, HView1, happ } from \"../src/hsml-app\";\n\ninterface CounterState {\n    count: number;\n}\n\nenum CounterActions {\n    dec = \"counter-dec\",\n    inc = \"counter-inc\"\n}\n\nconst counterView: HView1<CounterState, CounterActions> = (state) => {\n    return [\"div~reference\", [\n        [\"h2\", [\"Counter\"]],\n        [\"p\", [\n            [\"em\", [\"Count\"]], \": \", state.count,\n            \" \",\n            [\"button\", { on: [\"click\", CounterActions.dec, 1] }, [\"-\"]],\n            [\"button\", { on: [\"click\", CounterActions.inc, 2] }, [\"+\"]]\n        ]]\n    ]];\n};\n\nconst counterDispatcher: HDispatcher<CounterState, CounterActions> = async function (this: HApp<CounterState, CounterActions>, action, state, dispatch) {\n    console.log(\"action counter:\", action);\n    // console.log(\"state counter:\", state);\n    // console.log(\"happ counter:\", this);\n\n    switch (action.type) {\n        case HAppActions.mount:\n            this.windowDispatchOn();\n            break;\n        case HAppActions.umount:\n            this.windowDispatchOff();\n            break;\n\n        case CounterActions.inc:\n            state.count = state.count + action.data as number;\n            setTimeout(() => dispatch(CounterActions.dec, 1), 1e3); // async call\n            break;\n        case CounterActions.dec:\n            state.count = state.count - action.data as number;\n            break;\n    }\n};\n\ninterface State {\n    title: string;\n    counter: CounterState;\n    x?: boolean | Boolean;\n}\n\nenum Actions {\n    title = \"title\",\n    clear = \"clear\",\n    formSubmit = \"formSubmit\",\n    formChange = \"formChange\",\n    xXx = \"xXx\",\n    x = \"x\"\n}\n\nconst state: HState<State> = function () {\n    return {\n        title: \"Title\",\n        counter: {\n            count: 77\n        }\n    };\n};\n\nconst view: HView<State, Actions | CounterActions> = function (state) {\n    return [\n        [\"h2\", [state.title]],\n        [\"p\", [\n            \"Title: \",\n            [\"input\",\n                {\n                    type: \"text\",\n                    // name: \"title\",\n                    value: new String(state.title),\n                    on: [\"input\", Actions.title]\n                }\n            ], \" \",\n            [\"button.w3-button.w3-blue\",\n                {\n                    type: \"button\",\n                    on: [\"click\", Actions.clear]\n                },\n                [\"Clear title\"]\n            ]\n        ]],\n        counterView(state.counter),\n        [\"h2\", [\"Form\"]],\n        [\"form\",\n            {\n                on: [\n                    [\"submit\", Actions.formSubmit],\n                    [\"change\", Actions.formChange]\n                ]\n            },\n            [\n                \"xy \",\n                [\"input\",\n                    {\n                        type: \"text\",\n                        name: \"xy\",\n                        value: \"x\"\n                    }\n                ],\n                [\"input\",\n                    {\n                        type: \"text\",\n                        name: \"xy\",\n                        value: \"y\"\n                    }\n                ],\n                [\"br\"],\n                \"a \",\n                [\"input\", {type: \"checkbox\", name: \"a\"}],\n                [\"br\"],\n                \"b \",\n                [\"input\", {type: \"checkbox\", name: \"b\", value: \"b\"}],\n                [\"br\"],\n                \"c \",\n                [\"input\", {type: \"checkbox\", name: \"c\"}],\n                [\"input\", {type: \"checkbox\", name: \"c\"}],\n                [\"br\"],\n                \"d \",\n                [\"input\", {type: \"checkbox\", name: \"d\", value: \"d1\"}],\n                [\"input\", {type: \"checkbox\", name: \"d\", value: \"d2\"}],\n                [\"br\"],\n                \"r \",\n                [\"input\", {type: \"radio\", name: \"r\", value: \"r1\"}],\n                [\"input\", {type: \"radio\", name: \"r\", value: \"r2\"}],\n                [\"br\"],\n                \"s \",\n                [\"select\", { name: \"s\" },\n                    [\"s1\", \"s2\", \"s3\"]\n                        .map<HElement<Actions>>(l => [\"option\", { value: l }, [l]])\n                ],\n                [\"br\"],\n                \"sm \",\n                [\"select\", { name: \"sm\", multiple: true },\n                    [\"sm1\", \"sm2\", \"sm3\"]\n                        .map<HElement<Actions>>(l => [\"option\", { value: l }, [l]])\n                ],\n                [\"br\"],\n                [\"textarea\", { name: \"ta\" },\n                    \"text area\"\n                ],\n                [\"br\"],\n                [\"button.w3-button.w3-blue\",\n                    [\"submit\"]\n                ]\n            ]\n        ],\n        [\"h2\", [\"Action event\"]],\n        [\"p\", [\n            [\"button\", { on: [\"click\", Actions.xXx] }, [\"xXx\"]]\n        ]],\n        [\"h2\", [\"Props update\"]],\n        [\"input\", { type: \"checkbox\", name: \"x\", on: [\"change\", Actions.x] }],\n        [\"input\", { type: \"checkbox\", checked: state.x }],\n        [\"input\", { type: \"radio\", name: \"y\", checked: state.x }],\n        [\"input\", { type: \"radio\", name: \"y\", checked: !state.x }],\n        [\"input\", { type: \"button\", value: \"x\", disabled: state.x }]\n    ];\n};\n\nconst dispatcher: HDispatcher<State, Actions | CounterActions> = async function (this, action, state, dispatch) {\n    console.log(\"action:\", action);\n    // console.log(\"state:\", state);\n    // console.log(\"happ:\", this);\n\n    counterDispatcher.call(this, action, state.counter, dispatch);\n\n    switch (action.type) {\n        case HAppActions.init:\n        case HAppActions.mount:\n        case HAppActions.umount:\n            break;\n        case Actions.title:\n            state.title = action.data;\n            break;\n        case Actions.clear:\n            state.title = \"\";\n            break;\n        case Actions.formSubmit:\n            console.log(\"FormSubmit:\", JSON.stringify(action.data));\n            const fe = action.event!.target as HTMLFormElement;\n            const fd = new FormData(fe);\n            console.log(\"FormData:\", JSON.stringify([...fd.entries()]));\n            break;\n        case Actions.formChange:\n            console.log(\"FormChange:\", JSON.stringify(action.data));\n            break;\n        case Actions.xXx:\n            dispatch(CounterActions.dec, 1, \"window\");\n            break;\n        case Actions.x:\n            console.log(\"data.x\", typeof action.data.x, action.data.x);\n            // state.x = new Boolean(action.data.x === \"true\");\n            // state.x = action.data.x === \"true\";\n            state.x = new Boolean(action.data.x);\n            // state.x = action.data.x;\n            break;\n        // default:\n        //     console.warn(\"action unhandled:\", action);\n    }\n};\n\nconst app = new HApp<State, Actions | CounterActions>(state, view, dispatcher);\napp.debug = window.location.hostname === \"localhost\";\napp.mount(document.getElementById(\"app\"));\n(self as any).app = app;\n\n\n// const html = app.toHtml();\n// console.log(html);\n"],"names":["$fe5fa9c04fc86188$var$log","console","log","$fe5fa9c04fc86188$var$error","error","$fe5fa9c04fc86188$var$warn","warn","$fe5fa9c04fc86188$export$3dcd9fad60135c2c","HAppActions","$fe5fa9c04fc86188$export$3d736e925369e0e4","HDispatchScopes","$fe5fa9c04fc86188$var$schedule","window","requestAnimationFrame","callback","setTimeout","$fe5fa9c04fc86188$var$unschedule","cancelAnimationFrame","handle","clearTimeout","$fe5fa9c04fc86188$var$msgAction","$fe5fa9c04fc86188$var$msgDispatch","$fe5fa9c04fc86188$var$msgRender","$fe5fa9c04fc86188$var$HAPP","$fe5fa9c04fc86188$export$eb8950696418f795","hAppI","$fe5fa9c04fc86188$export$8cfef5dc37c46888","state","view","dispatcher","element","debug","name","$fe5fa9c04fc86188$export$1cfc54b3834d3c50","customElements","define","HTMLElement","observedAttributes","attributes","connectedCallback","this","attachShadow","mode","_happel","mount","shadowRoot","disconnectedCallback","umount","adoptedCallback","update","attributeChangedCallback","attrName","oldVal","newVal","dispatch","attribute","constructor","super","undefined","customElement","_dispatchAction","type","data","event","scope","t0","performance","now","_dispatch","t1","_dispatchElement","_dispatchWindow","e","windowDispatchOn","_windowEventListener","action","detail","addEventListener","windowDispatchOff","removeEventListener","_updateDom","el","hsml","ctx","$hrCkK","hsmls2idomPatch","refs","$fe5fa9c04fc86188$var$__awaiter","$fe5fa9c04fc86188$var$elementDispatchCustomEvent","dispatchEvent","CustomEvent","render","hsmls","actionCb","actionType","Function","target","nodeName","preventDefault","els","elements","i","length","d","$fe5fa9c04fc86188$var$formInputData","names","Object","keys","value","String","Array","concat","push","filter","$fe5fa9c04fc86188$var$formData","document","getElementById","hasAttribute","removeAttribute","aNodes","querySelectorAll","a","happ","firstChild","removeChild","_updateSched","toHsml","skip","toHtml","outerHTML","init","then","_b","_a","call","iel","checked","sel","multiple","values","from","selectedOptions","map","o","tel","bel","$7a40690ab54246c9$var$CounterActions","CounterActions","$7a40690ab54246c9$var$counterView","count","on","dec","inc","$7a40690ab54246c9$var$counterDispatcher","$fe5fa9c04fc86188$exports","$7a40690ab54246c9$var$Actions","Actions","$7a40690ab54246c9$var$app","HApp","title","counter","clear","formSubmit","formChange","l","xXx","x","disabled","JSON","stringify","fe","fd","FormData","entries","Boolean","location","hostname","self","app"],"version":3,"file":"hsml-app-test_demo.6ab4ea94.js.map"}

package/dist/demo/hsml-app-test_demo.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><script nomodule defer src="hsml-app-form-validation_demo.d3925067.js"></script><script type="module" src="hsml-app-form-validation_demo.b3a5c810.js"></script><meta charset="utf-8"><title>PeRyL hsml app demo</title></head><body> <h1>PeRyL hsml app demo</h1> <div id="app"></div>  <script type="module" src="hsml-app-test_demo.3c7e16ae.js"></script><script src="hsml-app-test_demo.35c14dc9.js" nomodule defer></script> </body></html>
+<!DOCTYPE html><html lang="en"><head><script nomodule defer src="hsml-app-form-validation_demo.fdcc0b2d.js"></script><script type="module" src="hsml-app-form-validation_demo.c6856b02.js"></script><meta charset="utf-8"><title>PeRyL hsml app demo</title></head><body> <h1>PeRyL hsml app demo</h1> <div id="app"></div>  <script type="module" src="hsml-app-test_demo.6ab4ea94.js"></script><script src="hsml-app-test_demo.36a210b8.js" nomodule defer></script> </body></html>

package/dist/demo/hsml-app-tictactoe_demo.7a91c368.js

@@ -0,0 +1,2 @@
+!function(){function t(t,e,n,i){Object.defineProperty(t,e,{get:n,set:i,enumerable:!0,configurable:!0})}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},n={},i={},s=e.parcelRequirede31;null==s&&((s=function(t){if(t in n)return n[t].exports;if(t in i){var e=i[t];delete i[t];var s={id:t,exports:{}};return n[t]=s,e.call(s.exports,s,s.exports),s.exports}var a=new Error("Cannot find module '"+t+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(t,e){i[t]=e},e.parcelRequirede31=s);var a={};t(a,"HAppActions",(function(){return l}),(function(t){return l=t})),t(a,"HDispatchScopes",(function(){return m}),(function(t){return m=t})),t(a,"happ",(function(){return g}),(function(t){return g=t})),t(a,"HApp",(function(){return k}),(function(t){return k=t})),t(a,"happel",(function(){return E}),(function(t){return E=t}));var o=s("8IJ2T"),c=function(t,e,n,i){return new(n||(n=Promise))((function(s,a){function o(t){try{r(i.next(t))}catch(t){a(t)}}function c(t){try{r(i.throw(t))}catch(t){a(t)}}function r(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,c)}r((i=i.apply(t,e||[])).next())}))};const r=console.log,h=console.error,u=console.warn;var l,d,m,p;(d=l||(l={})).init="happ-init",d.mount="happ-mount",d.umount="happ-umount",d.update="happ-update",d.action="happ-action",d.attribute="happ-attribute",(p=m||(m={})).element="element",p.window="window";const f=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},w=window.cancelAnimationFrame||function(t){window.clearTimeout(t)},v="action:",b="dispatch:",y="render:",_="happ";function g(t){return new k(t.state,t.view,t.dispatcher,t.element,t.debug,t.name)}function E(t){customElements.define(`${_}-${t.name}`,class extends HTMLElement{static get observedAttributes(){return t.attributes}connectedCallback(){this.attachShadow({mode:"open"}),this._happel.mount(this.shadowRoot)}disconnectedCallback(){this._happel.umount()}adoptedCallback(){this._happel.update()}attributeChangedCallback(t,e,n){this._happel.dispatch(l.attribute,{attrName:t,oldVal:e,newVal:n})}constructor(){super(),this._happel=new k(t.state,t.view,t.dispatcher,void 0,t.debug,t.name,t.attributes),this._happel.customElement=this}})}class k{_dispatchAction(t,e,n,i){return c(this,void 0,void 0,(function*(){if(this.debug){r(this.name,v,{type:t,data:e,event:n});const s=performance.now();yield this._dispatch(t,e,n,i);const a=performance.now();r(this.name,b,a-s+" ms",this.state)}else yield this._dispatch(t,e,n,i)}))}_dispatch(t,e,n,i){return c(this,void 0,void 0,(function*(){try{yield this.dispatcher({type:t,data:e,event:n},this.state,this.dispatch),this.update(),"element"===i&&this._dispatchElement(t,e),"window"===i&&this._dispatchWindow(t,e)}catch(t){h(this.name,b,t)}}))}windowDispatchOn(){this._windowEventListener?u("windowEventListener olready setted"):(this._windowEventListener=t=>{const e=t.detail;this._dispatchAction(e.type,e.data)},window.addEventListener(l.action,this._windowEventListener))}windowDispatchOff(){this._windowEventListener&&window.removeEventListener(l.action,this._windowEventListener)}_updateDom(t,e,n){if(this.debug){const i=performance.now();(0,o.hsmls2idomPatch)(t,e,n);const s=performance.now();r(this.name,"update:",s-i+" ms",t)}else(0,o.hsmls2idomPatch)(t,e,n)}constructor(t,e,n,i,s,a,o){this.refs={},this.dispatch=(t,e,n)=>c(this,void 0,void 0,(function*(){return this._dispatchAction(t,e,void 0,n)})),this._dispatchElement=(t,e)=>c(this,void 0,void 0,(function*(){this.customElement&&A(this.customElement,l.action,{type:t,data:e}),!this.customElement&&this.element&&A(this.element,l.action,{type:t,data:e})})),this._dispatchWindow=(t,e)=>c(this,void 0,void 0,(function*(){window.dispatchEvent(new CustomEvent(l.action,{detail:{type:t,data:e}}))})),this.render=()=>{if(this.debug){const t=performance.now();let e;try{e=this.view(this.state)}catch(t){h(this.name,y,t)}const n=performance.now();return r(this.name,y,n-t+" ms",e),null!=e?e:[]}{let t;try{t=this.view(this.state)}catch(t){h(this.name,y,t)}return null!=t?t:[]}},this.actionCb=(t,e,n)=>{void 0===(e=(null==e?void 0:e.constructor)===Function?e(n):e)&&n&&(e=n instanceof CustomEvent?n.detail:function(t){const e=t.target;if("FORM"===e.nodeName){t.preventDefault();const n=e.elements,i={};for(let t=0;t<n.length;t++){const e=T(n[t]);if("object"==typeof e){const s=Object.keys(e);if(s.length){const a=s[0],o=e[a];void 0===i[a]?i[a]=o:"string"==typeof i[a]||i[a]instanceof String?i[a]=o instanceof Array?[i[a],...o]:[i[a],o]:i[a]instanceof Array?o instanceof Array?i[a]=i[a].concat(o):i[a].push(o):i[a]=o instanceof Array?[i[a],...o]:[i[a],o],i[a]instanceof Array&&(i[a]=i[a].filter((t=>null!==t)),"radio"===n[t].type&&(i[a]=i[a].length?i[a][0]:null))}}}return i}return T(e)}(n)),this._dispatchAction(t,e,n)},this.mount=t=>{const e="string"==typeof t?document.getElementById(t):t;if(e&&e[_]){e[_].umount()}if(e&&!this.element){this.element=e,e[_]=this;const t=this.render();this._updateDom(e,t,this),this._dispatchAction(l.mount,this.element)}return this},this.umount=()=>{if(this.element){this._dispatchAction(l.umount,this.element),this.element.hasAttribute(_)&&this.element.removeAttribute(_);const t=this.element.querySelectorAll(`[${_}]`);for(let e=0;e<t.length;e++){const n=t[e].happ;null==n||n.umount()}for(;this.element.firstChild;)this.element.removeChild(this.element.firstChild);delete this.element.happ,this.element=void 0}return this},this.update=()=>(this.element&&!this._updateSched&&(this._updateSched=f((()=>{if(this.element){const t=this.render();this._updateDom(this.element,t,this)}this._updateSched=void 0}))),this),this.toHsml=()=>{if(this.element){if(!this._updateSched)return["div",{skip:!0}];w(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push((t=>{this.element||(this.element=t,t.happ=this,this._dispatchAction(l.mount,this.element))})),["div",t]},this.toHtml=()=>this.element?this.element.outerHTML:"",this.debug=null!=s&&s,this.name=null!=a?a:_,this.attributes=null!=o?o:[],this.state=t(),this.view=e,this.dispatcher=null!=n?n:t=>c(this,void 0,void 0,(function*(){return r(this.name,v,t.type,t.data)})),this._dispatchAction(l.init,this).then((()=>i&&this.mount(i)))}}function A(t,e,n){var i,s;null==t||t.dispatchEvent(new CustomEvent(e,{detail:n})),null===(s=(i=t)[`on${e}`])||void 0===s||s.call(i,new CustomEvent(e,{detail:n}))}function T(t){let e=null;switch(t.nodeName){case"INPUT":const n=t;switch(n.type){case"text":case"hidden":case"password":case"email":case"number":case"search":case"url":case"tel":case"color":case"date":case"datetime-local":case"month":case"range":case"time":case"week":case"submit":case"button":e=n.name?{[n.name]:n.value}:n.value;break;case"radio":e=n.name?{[n.name]:n.checked?n.value:null}:n.checked?n.value:null;break;case"checkbox":e="on"===n.value?n.name?{[n.name]:n.checked}:n.checked:n.name?{[n.name]:n.checked?String(n.value):null}:n.checked?String(n.value):null}break;case"SELECT":const i=t;if(i.multiple){const t=Array.from(i.selectedOptions).map((t=>t.value));e=i.name?{[i.name]:t}:t}else e=i.name?{[i.name]:i.value}:i.value;break;case"TEXTAREA":const s=t;e=s.name?{[s.name]:s.value}:s.value;break;case"BUTTON":const a=t;e=a.name?{[a.name]:a.value}:a.value}return e}var x=function(t,e,n,i){return new(n||(n=Promise))((function(s,a){function o(t){try{r(i.next(t))}catch(t){a(t)}}function c(t){try{r(i.throw(t))}catch(t){a(t)}}function r(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,c)}r((i=i.apply(t,e||[])).next())}))};const C=" ",S="◯",L="⨯";var D,O;(O=D||(D={})).mark="mark",O.reset="reset",O.noop="noop";const H=()=>[[C,C,C],[C,C,C],[C,C,C]];const N=new(0,a.HApp)((function(){return{board:H(),turn:0}}),(function(t){return[["div.w3-content",[["h1",["Tic-Tac-Toe Demo"]],["div.w3-center",[["p.w3-xlarge",["Player: ",t.turn?L:S]],["div",t.board.map(((e,n)=>["div",e.map(((e,i)=>["button.w3-button.w3-white.w3-border.w3-border-gray",{styles:{fontFamily:"monospace",fontSize:"300%",display:"inline-block",width:"2em",height:"2em"},on:e===C?["click",D.mark,{x:i,y:n,turn:t.turn}]:["click",D.noop]},e]))]))],["p",[["button.w3-button.w3-blue",{on:["click",D.reset]},"Reset"]]]]]]]]}),(function(t,e,n){return x(this,void 0,void 0,(function*(){switch(console.log("action",t),t.type){case D.reset:e.board=H();break;case D.mark:e.board[t.data.y][t.data.x]=t.data.turn?L:S,e.turn=t.data.turn?0:1}}))}),"app");self.app=N}();
+//# sourceMappingURL=hsml-app-tictactoe_demo.7a91c368.js.map

package/dist/demo/hsml-app-tictactoe_demo.7a91c368.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/hsml-app.ts","demo/hsml-app-tictactoe_demo.ts"],"sourcesContent":["import { HAttrOnData, HAttrOnDataFnc, HElement, HElements, HHandlerCtx } from \"./hsml\";\nimport { hsmls2idomPatch } from \"./hsml-idom\";\n\nconst log = console.log;\nconst error = console.error;\nconst warn = console.warn;\n\nexport type HState<State> = () => State;\n\nexport type HView<State, HActionType extends string> = (\n    state: State\n) => HElements<HActionType>;\n\nexport type HView1<State, HActionType extends string> = (\n    state: State\n) => HElement<HActionType>;\n\nexport type HAppActionType =\n    | \"happ-init\"\n    | \"happ-mount\"\n    | \"happ-umount\"\n    | \"happ-update\"\n    | \"happ-action\"\n    | \"happ-attribute\";\n\nexport enum HAppActions {\n    init = \"happ-init\",\n    mount = \"happ-mount\",\n    umount = \"happ-umount\",\n    update = \"happ-update\",\n    action = \"happ-action\",\n    attribute = \"happ-attribute\"\n}\n\nexport interface HAction<HActionType extends string> {\n    type: HActionType | HAppActionType | HAppActions;\n    data?: any;\n    event?: Event;\n}\n\nexport type HDispatchScope =\n    | \"element\"\n    | \"window\";\n\nexport enum HDispatchScopes {\n    element = \"element\",\n    window = \"window\"\n}\n\nexport type HDispatch<HActionType extends string> = (\n    type: HAction<HActionType>[\"type\"],\n    data?: HAction<HActionType>[\"data\"],\n    scope?: HDispatchScope | HDispatchScopes\n) => Promise<void>;\n\nexport type HDispatcher<State, HActionType extends string> = (\n    // this: HApp<State, HActionType>,\n    action: HAction<HActionType>,\n    state: State,\n    dispatch: HDispatch<HActionType>\n) => Promise<void>;\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 (callback: Function) { window.setTimeout(callback, 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 msgAction = \"action:\";\nconst msgDispatch = \"dispatch:\";\nconst msgRender = \"render:\";\nconst msgUpdate = \"update:\";\n\nconst HAPP = \"happ\";\n\nexport interface HAppI<State, HActionType extends string> {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element?: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    attributes?: string[];\n}\n\n/**\n * HApp definition\n *\n * @param hAppI HApp definition\n * @returns HApp instance\n */\nexport function happ<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    // attributes?: string[];\n}) {\n    return new HApp<State, HActionType>(\n        hAppI.state,\n        hAppI.view,\n        hAppI.dispatcher,\n        hAppI.element,\n        hAppI.debug,\n        hAppI.name\n        // hAppI!.attributes\n    );\n}\n\n// export type Class<T = object> = new (...args: any[]) => T;\n\n// export function happi<State, HActionType extends string>(\n//     hAppI: Class<HAppI<State, HActionType>>,\n//     element?: Element | string | null,\n//     debug? boolean,\n//     name?: string,\n//     attributes: string[]\n// ) {\n//     const hapi = new hAppI();\n//     return new HApp<State, HActionType>(\n//         hapi.state,\n//         hapi.view,\n//         hapi.dispatcher,\n//         element,\n//         debug\n//     );\n// }\n\n// HAppEl\n\n/**\n * HApp custom HTML element definition.\n *\n * @param hAppI HApp definition\n */\nexport function happel<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    /** Element suffix name, element name patern is `happ-${name}` */\n    name: string;\n    /** Element attribute list */\n    attributes: string[];\n    debug?: boolean;\n}): void {\n    customElements.define(\n        `${HAPP}-${hAppI.name}`,\n        class HAppElement extends HTMLElement {\n            static get observedAttributes() {\n                return hAppI.attributes;\n            }\n\n            private _happel: HApp<State, HActionType>;\n\n            constructor() {\n                super();\n                this._happel = new HApp<State, HActionType>(\n                    hAppI.state,\n                    hAppI.view,\n                    hAppI.dispatcher,\n                    undefined,\n                    hAppI.debug,\n                    hAppI.name,\n                    hAppI.attributes\n                );\n                (this._happel as any).customElement = this;\n            }\n\n            connectedCallback() {\n                // this._happel.mount(this);\n                this.attachShadow({ mode: \"open\" });\n                this._happel.mount(this.shadowRoot as any);\n            }\n\n            disconnectedCallback() {\n                this._happel.umount();\n            }\n\n            adoptedCallback() {\n                this._happel.update();\n            }\n\n            attributeChangedCallback(\n                attrName: string,\n                oldVal: string | null,\n                newVal: string | null\n            ) {\n                this._happel.dispatch(HAppActions.attribute, {\n                    attrName,\n                    oldVal,\n                    newVal,\n                });\n            }\n        }\n    );\n}\n\n/**\n * HSML App\n */\nexport class HApp<State, HActionType extends string> implements HHandlerCtx<HActionType> {\n\n    readonly state: State;\n    readonly view: HView<State, HActionType>;\n    readonly dispatcher: HDispatcher<State, HActionType>;\n\n    debug: boolean;\n\n    readonly name: string;\n    readonly attributes: string[];\n\n    readonly element?: HTMLElement;\n    readonly refs: { [key: string]: HTMLElement } = {};\n\n    readonly customElement?: HTMLElement; // happ custom html element\n\n    private _updateSched?: number;\n\n    // private _onDispatch?: HDispatcher<State>;\n\n    private _windowEventListener?: (event: Event) => void;\n\n    constructor(\n        state: HState<State>,\n        view: HView<State, HActionType>,\n        dispatcher?: HDispatcher<State, HActionType>,\n        element?: Element | string | null,\n        debug?: boolean ,\n        name?: string,\n        attributes?: string[]\n    ) {\n        this.debug = debug ?? false;\n        this.name = name ?? HAPP;\n        this.attributes = attributes ?? [];\n        this.state = state();\n        this.view = view;\n        this.dispatcher = dispatcher ?? (async (a) => log(this.name, msgAction, a.type, a.data));\n        this._dispatchAction(HAppActions.init, this).then(() => element && this.mount(element));\n    }\n\n    dispatch: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any,\n        scope?: HDispatchScope\n    ): Promise<void> => {\n        return this._dispatchAction(type, data, undefined, scope);\n    }\n\n    // onDispatch = (dispatcher: HDispatcher<State>): this => {\n    //     this._onDispatch = dispatcher;\n    //     return this;\n    // }\n\n    private async _dispatchAction(\n        type: HActionType | HAppActionType,\n        data?: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ): Promise<void> {\n        if (this.debug) {\n            log(this.name, msgAction, { type, data, event });\n            const t0 = performance.now();\n            await this._dispatch(type, data, event, scope);\n            const t1 = performance.now();\n            log(this.name, msgDispatch, `${t1 - t0} ms`, this.state);\n        } else {\n            await this._dispatch(type, data, event, scope);\n        }\n    }\n\n    private async _dispatch(\n        type: HActionType | HAppActionType,\n        data: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ) {\n        try {\n            await this.dispatcher(\n                { type: type as HActionType, data, event },\n                this.state,\n                this.dispatch\n            );\n            this.update();\n            scope === \"element\" && this._dispatchElement(type, data);\n            scope === \"window\" && this._dispatchWindow(type, data);\n        } catch (e) {\n            error(this.name, msgDispatch, e);\n        }\n    }\n\n    private _dispatchElement: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any\n    ): Promise<void> => {\n        this.customElement && elementDispatchCustomEvent(this.customElement, HAppActions.action, { type, data });\n        !this.customElement && this.element && elementDispatchCustomEvent(this.element, HAppActions.action, { type, data });\n        // this.customElement && elementDispatchCustomEvent(this.customElement, type, data);\n        // !this.customElement && this.element && elementDispatchCustomEvent(this.element, type, data);\n        // this._onDispatch?.({ type, data, event }, this.state, this.dispatch);\n    }\n\n    private _dispatchWindow: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any): Promise<void> => {\n        window.dispatchEvent(new CustomEvent(HAppActions.action, { detail: { type, data } }));\n    }\n\n    windowDispatchOn() {\n        if (!this._windowEventListener) {\n            this._windowEventListener = (event: Event) => {\n                const action = (event as CustomEvent).detail as HAction<HActionType>;\n                this._dispatchAction(action.type, action.data);\n            };\n            window.addEventListener(HAppActions.action, this._windowEventListener);\n        } else {\n            warn(\"windowEventListener olready setted\");\n        }\n    }\n\n    windowDispatchOff() {\n        if (this._windowEventListener) {\n            window.removeEventListener(HAppActions.action, this._windowEventListener);\n        }\n    }\n\n    render = (): HElements<HActionType> => {\n        if (this.debug) {\n            const t0 = performance.now();\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            const t1 = performance.now();\n            log(this.name, msgRender, `${t1 - t0} ms`, hsmls);\n            return hsmls ?? [];\n        } else {\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            return hsmls ?? [];\n        }\n    }\n\n    actionCb = (actionType: HActionType, data: HAttrOnData, event: Event): void => {\n        data = (data?.constructor === Function)\n            ? (data as HAttrOnDataFnc)(event)\n            : data;\n        if (data === undefined && event) {\n            if (event instanceof CustomEvent) {\n                data = event.detail;\n            } else {\n                data = formData(event);\n            }\n        }\n        this._dispatchAction(actionType, data, event);\n    }\n\n    private _updateDom<HActionType extends string>(\n        el: Element,\n        hsml: HElements<HActionType>,\n        ctx: HHandlerCtx<HActionType>\n    ): void {\n        if (this.debug) {\n            const t0 = performance.now();\n            hsmls2idomPatch(el, hsml, ctx);\n            const t1 = performance.now();\n            log(this.name, msgUpdate, `${t1 - t0} ms`, el);\n        } else {\n            hsmls2idomPatch(el, hsml, ctx);\n        }\n    }\n\n    mount = (e: Element | string | null): this => {\n        const el = (typeof e === \"string\") ? document.getElementById(e) : e;\n        if (el && (el as any)[HAPP]) {\n            const a = (el as any)[HAPP] as HApp<State, HActionType>;\n            a.umount();\n        }\n        if (el && !this.element) {\n            (this as any).element = el;\n            (el as any)[HAPP] = this;\n            const hsmls = (this as any).render();\n            this._updateDom<HActionType>(el, hsmls, this);\n            this._dispatchAction(HAppActions.mount, this.element);\n        }\n        return this;\n    }\n\n    umount = (): this => {\n        if (this.element) {\n            this._dispatchAction(HAppActions.umount, this.element);\n            if (this.element.hasAttribute(HAPP)) {\n                this.element.removeAttribute(HAPP);\n            }\n            const aNodes = this.element.querySelectorAll(`[${HAPP}]`);\n            for (let i = 0; i < aNodes.length; i++) {\n                const a = (aNodes[i] as any).happ as HApp<State, HActionType>;\n                a?.umount();\n            }\n            while (this.element.firstChild /*.hasChildNodes()*/) {\n                this.element.removeChild(this.element.firstChild);\n            }\n            delete (this.element as any).happ;\n            (this as any).element = undefined;\n        }\n        return this;\n    }\n\n    update = (): this => {\n        if (this.element && !this._updateSched) {\n            this._updateSched = schedule(() => {\n                if (this.element) {\n                    const hsmls = this.render();\n                    this._updateDom<HActionType>(this.element, hsmls, this);\n                }\n                this._updateSched = undefined;\n            });\n        }\n        return this;\n    }\n\n    toHsml = (): HElement<HActionType> => {\n        if (this.element) {\n            if (this._updateSched) {\n                unschedule(this._updateSched);\n                this._updateSched = undefined;\n            } else {\n                return [\"div\", { skip: true }];\n            }\n        }\n        const hsmls = this.render();\n        hsmls.push(\n            (e: Element) => {\n                if (!this.element) {\n                    (this as any).element = e;\n                    (e as any).happ = this;\n                    this._dispatchAction(HAppActions.mount, this.element);\n                }\n            });\n        return [\"div\", hsmls];\n    }\n\n    toHtml = (): string => {\n        return this.element ? this.element.outerHTML : \"\";\n    }\n\n}\n\nfunction elementDispatchCustomEvent<HActionType extends string>(\n    el: HTMLElement,\n    type: HActionType,\n    data: any\n) {\n    el?.dispatchEvent(new CustomEvent(type, { detail: data }));\n    (el as any)[`on${type}`]?.(new CustomEvent(type, { detail: data }));\n}\n\nfunction formData(e: Event): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    const el = e.target as HTMLElement;\n    switch (el.nodeName) {\n        case \"FORM\":\n            (e as Event).preventDefault();\n            const els = (el as HTMLFormElement).elements;\n            const data = {} as { [k: string]: string | null | Array<string | null> };\n            for (let i = 0; i < els.length; i++) {\n                const d = formInputData(els[i]);\n                if (typeof d === \"object\") {\n                    const names = Object.keys(d as object);\n                    if (names.length) {\n                        const name = names[0];\n                        const value = (d as any)[name];\n                        if (data[name] === undefined) {\n                            data[name] = value;\n                        } else if (typeof data[name] === \"string\" || data[name] instanceof String) {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value as string];\n                            }\n                        } else if (data[name] instanceof Array) {\n                            if (value instanceof Array) {\n                                data[name] = (data[name] as Array<string | null>).concat(value);\n                            } else {\n                                (data[name] as Array<string | null>).push(value);\n                            }\n                        } else {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value];\n                            }\n                        }\n                        if (data[name] instanceof Array) {\n                            data[name] = (data[name] as Array<string | null>)\n                                .filter(d => d !== null);\n                            if ((els[i] as HTMLInputElement).type === \"radio\") {\n                                data[name] = (data[name] as Array<string | null>).length\n                                    ? (data[name] as Array<string | null>)[0]\n                                    : null;\n                            }\n                        }\n                    }\n                }\n            }\n            return data;\n        default:\n            return formInputData(el);\n    }\n}\n\nfunction formInputData(el: Element): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    let data: { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> = null;\n    switch (el.nodeName) {\n        case \"INPUT\":\n            const iel = el as HTMLInputElement;\n            switch (iel.type) {\n                case \"text\":\n                case \"hidden\":\n                case \"password\":\n                case \"email\":\n                case \"number\":\n                case \"search\":\n                case \"url\":\n                case \"tel\":\n                case \"color\":\n                case \"date\":\n                case \"datetime-local\":\n                case \"month\":\n                case \"range\":\n                case \"time\":\n                case \"week\":\n                case \"submit\":\n                case \"button\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.value };\n                    } else {\n                        data = iel.value;\n                    }\n                    break;\n                case \"radio\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.checked ? iel.value : null };\n                    } else {\n                        data = iel.checked ? iel.value : null;\n                    }\n                    break;\n                case \"checkbox\":\n                    if (iel.value === \"on\") { // value not set in element\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked };\n                        } else {\n                            data = iel.checked;\n                        }\n                    } else {\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked\n                                ? String(iel.value)\n                                : null };\n                        } else {\n                            data = iel.checked\n                                ? String(iel.value)\n                                : null;\n                        }\n                    }\n                    break;\n            }\n            break;\n        case \"SELECT\":\n            const sel = el as HTMLSelectElement;\n            if (sel.multiple) {\n                const values = Array.from(sel.selectedOptions).map(o => o.value);\n                if (sel.name) {\n                    data = { [sel.name]: values };\n                } else {\n                    data = values;\n                }\n            } else {\n                if (sel.name) {\n                    data = { [sel.name]: sel.value };\n                } else {\n                    data = sel.value;\n                }\n            }\n            break;\n        case \"TEXTAREA\":\n            const tel = el as HTMLTextAreaElement;\n            if (tel.name) {\n                data = { [tel.name]: tel.value };\n            } else {\n                data = tel.value;\n            }\n            break;\n        case \"BUTTON\":\n            const bel = el as HTMLButtonElement;\n            if (bel.name) {\n                data = { [bel.name]: bel.value };\n            } else {\n                data = bel.value;\n            }\n            break;\n    }\n    return data;\n}\n","import { HElement, HElements } from \"../src/hsml\";\nimport { HAction, HApp, HDispatch } from \"../src/hsml-app\";\n\nconst NBSP = \"\\u00A0\";\nconst CIRC = \"\\u25EF\";\nconst CROS = \"\\u2A2F\";\n\ninterface State {\n    board: string[][];\n    turn: number;\n}\n\nconst enum Actions {\n    mark = \"mark\",\n    reset = \"reset\",\n    noop = \"noop\"\n}\n\nconst boardInit = () => [\n    [NBSP, NBSP, NBSP],\n    [NBSP, NBSP, NBSP],\n    [NBSP, NBSP, NBSP]\n];\n\nfunction state(): State {\n    return {\n        board: boardInit(),\n        turn: 0\n    };\n}\n\nfunction view(state: State): HElements<Actions> {\n    return [\n        [\"div.w3-content\", [\n            [\"h1\", [\"Tic-Tac-Toe Demo\"]],\n            [\"div.w3-center\", [\n                [\"p.w3-xlarge\", [\n                    \"Player: \", state.turn ? CROS : CIRC,\n                ]],\n                [\"div\", state.board.map<HElement<Actions>>((row, y) =>\n                    [\"div\", row.map<HElement<Actions>>((col, x) =>\n                        [\"button.w3-button.w3-white.w3-border.w3-border-gray\",\n                            {\n                                styles: {\n                                    fontFamily: \"monospace\",\n                                    fontSize: \"300%\",\n                                    display: \"inline-block\",\n                                    width: \"2em\",\n                                    height: \"2em\"\n                                },\n                                on: (col === NBSP)\n                                    ? [\"click\", Actions.mark, { x, y, turn: state.turn }]\n                                    : [\"click\", Actions.noop]\n                            },\n                            col\n                        ])\n                    ])\n                ],\n                [\"p\", [\n                    [\"button.w3-button.w3-blue\", { on: [\"click\", Actions.reset] }, \"Reset\"]\n                ]]\n            ]]\n        ]]\n    ];\n}\n\n\nasync function dispatcher(action: HAction<Actions>, state: State, dispatch: HDispatch<Actions>): Promise<void> {\n    console.log(\"action\", action);\n\n    switch (action.type) {\n\n        case Actions.reset:\n            state.board = boardInit();\n            break;\n\n        case Actions.mark:\n            state.board[action.data.y][action.data.x] = action.data.turn ? CROS : CIRC;\n            state.turn = action.data.turn ? 0 : 1;\n            break;\n    }\n}\n\nconst app =  new HApp<State, Actions>(state, view, dispatcher, \"app\");\n\n(self as any).app = app;\n"],"names":["$a85519cc1b20a4af$var$log","console","log","$a85519cc1b20a4af$var$error","error","$a85519cc1b20a4af$var$warn","warn","$a85519cc1b20a4af$export$3dcd9fad60135c2c","HAppActions","$a85519cc1b20a4af$export$3d736e925369e0e4","HDispatchScopes","$a85519cc1b20a4af$var$schedule","window","requestAnimationFrame","callback","setTimeout","$a85519cc1b20a4af$var$unschedule","cancelAnimationFrame","handle","clearTimeout","$a85519cc1b20a4af$var$msgAction","$a85519cc1b20a4af$var$msgDispatch","$a85519cc1b20a4af$var$msgRender","$a85519cc1b20a4af$var$HAPP","$a85519cc1b20a4af$export$eb8950696418f795","hAppI","$a85519cc1b20a4af$export$8cfef5dc37c46888","state","view","dispatcher","element","debug","name","$a85519cc1b20a4af$export$1cfc54b3834d3c50","customElements","define","HTMLElement","observedAttributes","attributes","connectedCallback","this","attachShadow","mode","_happel","mount","shadowRoot","disconnectedCallback","umount","adoptedCallback","update","attributeChangedCallback","attrName","oldVal","newVal","dispatch","attribute","constructor","super","undefined","customElement","_dispatchAction","type","data","event","scope","t0","performance","now","_dispatch","t1","_dispatchElement","_dispatchWindow","e","windowDispatchOn","_windowEventListener","action","detail","addEventListener","windowDispatchOff","removeEventListener","_updateDom","el","hsml","ctx","$8IJ2T","hsmls2idomPatch","refs","$a85519cc1b20a4af$var$__awaiter","$a85519cc1b20a4af$var$elementDispatchCustomEvent","dispatchEvent","CustomEvent","render","hsmls","actionCb","actionType","Function","target","nodeName","preventDefault","els","elements","i","length","d","$a85519cc1b20a4af$var$formInputData","names","Object","keys","value","String","Array","concat","push","filter","$a85519cc1b20a4af$var$formData","document","getElementById","hasAttribute","removeAttribute","aNodes","querySelectorAll","a","happ","firstChild","removeChild","_updateSched","toHsml","skip","toHtml","outerHTML","init","then","_b","_a","call","iel","checked","sel","multiple","values","from","selectedOptions","map","o","tel","bel","$94175cc66aed1527$var$NBSP","$94175cc66aed1527$var$CIRC","$94175cc66aed1527$var$CROS","$94175cc66aed1527$var$Actions","Actions","$94175cc66aed1527$var$boardInit","$94175cc66aed1527$var$app","$a85519cc1b20a4af$exports","HApp","board","turn","row","y","col","x","styles","fontFamily","fontSize","display","width","height","on","mark","noop","reset","self","app"],"version":3,"file":"hsml-app-tictactoe_demo.7a91c368.js.map"}

package/dist/demo/hsml-app-tictactoe_demo.97905c2f.js

@@ -0,0 +1,2 @@
+function t(t,e,n,i){Object.defineProperty(t,e,{get:n,set:i,enumerable:!0,configurable:!0})}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},n={},i={},s=e.parcelRequirede31;null==s&&((s=function(t){if(t in n)return n[t].exports;if(t in i){var e=i[t];delete i[t];var s={id:t,exports:{}};return n[t]=s,e.call(s.exports,s,s.exports),s.exports}var a=new Error("Cannot find module '"+t+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(t,e){i[t]=e},e.parcelRequirede31=s);var a={};t(a,"HAppActions",(function(){return l}),(function(t){return l=t})),t(a,"HDispatchScopes",(function(){return m}),(function(t){return m=t})),t(a,"happ",(function(){return g}),(function(t){return g=t})),t(a,"HApp",(function(){return E}),(function(t){return E=t})),t(a,"happel",(function(){return k}),(function(t){return k=t}));var o=s("hrCkK"),c=function(t,e,n,i){return new(n||(n=Promise))((function(s,a){function o(t){try{r(i.next(t))}catch(t){a(t)}}function c(t){try{r(i.throw(t))}catch(t){a(t)}}function r(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,c)}r((i=i.apply(t,e||[])).next())}))};const r=console.log,h=console.error,u=console.warn;var l,d,m,p;(d=l||(l={})).init="happ-init",d.mount="happ-mount",d.umount="happ-umount",d.update="happ-update",d.action="happ-action",d.attribute="happ-attribute",(p=m||(m={})).element="element",p.window="window";const f=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},w=window.cancelAnimationFrame||function(t){window.clearTimeout(t)},v="action:",b="dispatch:",y="render:",_="happ";function g(t){return new E(t.state,t.view,t.dispatcher,t.element,t.debug,t.name)}function k(t){customElements.define(`${_}-${t.name}`,class extends HTMLElement{static get observedAttributes(){return t.attributes}connectedCallback(){this.attachShadow({mode:"open"}),this._happel.mount(this.shadowRoot)}disconnectedCallback(){this._happel.umount()}adoptedCallback(){this._happel.update()}attributeChangedCallback(t,e,n){this._happel.dispatch(l.attribute,{attrName:t,oldVal:e,newVal:n})}constructor(){super(),this._happel=new E(t.state,t.view,t.dispatcher,void 0,t.debug,t.name,t.attributes),this._happel.customElement=this}})}class E{_dispatchAction(t,e,n,i){return c(this,void 0,void 0,(function*(){if(this.debug){r(this.name,v,{type:t,data:e,event:n});const s=performance.now();yield this._dispatch(t,e,n,i);const a=performance.now();r(this.name,b,a-s+" ms",this.state)}else yield this._dispatch(t,e,n,i)}))}_dispatch(t,e,n,i){return c(this,void 0,void 0,(function*(){try{yield this.dispatcher({type:t,data:e,event:n},this.state,this.dispatch),this.update(),"element"===i&&this._dispatchElement(t,e),"window"===i&&this._dispatchWindow(t,e)}catch(t){h(this.name,b,t)}}))}windowDispatchOn(){this._windowEventListener?u("windowEventListener olready setted"):(this._windowEventListener=t=>{const e=t.detail;this._dispatchAction(e.type,e.data)},window.addEventListener(l.action,this._windowEventListener))}windowDispatchOff(){this._windowEventListener&&window.removeEventListener(l.action,this._windowEventListener)}_updateDom(t,e,n){if(this.debug){const i=performance.now();(0,o.hsmls2idomPatch)(t,e,n);const s=performance.now();r(this.name,"update:",s-i+" ms",t)}else(0,o.hsmls2idomPatch)(t,e,n)}constructor(t,e,n,i,s,a,o){this.refs={},this.dispatch=(t,e,n)=>c(this,void 0,void 0,(function*(){return this._dispatchAction(t,e,void 0,n)})),this._dispatchElement=(t,e)=>c(this,void 0,void 0,(function*(){this.customElement&&A(this.customElement,l.action,{type:t,data:e}),!this.customElement&&this.element&&A(this.element,l.action,{type:t,data:e})})),this._dispatchWindow=(t,e)=>c(this,void 0,void 0,(function*(){window.dispatchEvent(new CustomEvent(l.action,{detail:{type:t,data:e}}))})),this.render=()=>{if(this.debug){const t=performance.now();let e;try{e=this.view(this.state)}catch(t){h(this.name,y,t)}const n=performance.now();return r(this.name,y,n-t+" ms",e),null!=e?e:[]}{let t;try{t=this.view(this.state)}catch(t){h(this.name,y,t)}return null!=t?t:[]}},this.actionCb=(t,e,n)=>{void 0===(e=(null==e?void 0:e.constructor)===Function?e(n):e)&&n&&(e=n instanceof CustomEvent?n.detail:function(t){const e=t.target;if("FORM"===e.nodeName){t.preventDefault();const n=e.elements,i={};for(let t=0;t<n.length;t++){const e=C(n[t]);if("object"==typeof e){const s=Object.keys(e);if(s.length){const a=s[0],o=e[a];void 0===i[a]?i[a]=o:"string"==typeof i[a]||i[a]instanceof String?i[a]=o instanceof Array?[i[a],...o]:[i[a],o]:i[a]instanceof Array?o instanceof Array?i[a]=i[a].concat(o):i[a].push(o):i[a]=o instanceof Array?[i[a],...o]:[i[a],o],i[a]instanceof Array&&(i[a]=i[a].filter((t=>null!==t)),"radio"===n[t].type&&(i[a]=i[a].length?i[a][0]:null))}}}return i}return C(e)}(n)),this._dispatchAction(t,e,n)},this.mount=t=>{const e="string"==typeof t?document.getElementById(t):t;if(e&&e[_]){e[_].umount()}if(e&&!this.element){this.element=e,e[_]=this;const t=this.render();this._updateDom(e,t,this),this._dispatchAction(l.mount,this.element)}return this},this.umount=()=>{if(this.element){this._dispatchAction(l.umount,this.element),this.element.hasAttribute(_)&&this.element.removeAttribute(_);const t=this.element.querySelectorAll(`[${_}]`);for(let e=0;e<t.length;e++){const n=t[e].happ;null==n||n.umount()}for(;this.element.firstChild;)this.element.removeChild(this.element.firstChild);delete this.element.happ,this.element=void 0}return this},this.update=()=>(this.element&&!this._updateSched&&(this._updateSched=f((()=>{if(this.element){const t=this.render();this._updateDom(this.element,t,this)}this._updateSched=void 0}))),this),this.toHsml=()=>{if(this.element){if(!this._updateSched)return["div",{skip:!0}];w(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push((t=>{this.element||(this.element=t,t.happ=this,this._dispatchAction(l.mount,this.element))})),["div",t]},this.toHtml=()=>this.element?this.element.outerHTML:"",this.debug=null!=s&&s,this.name=null!=a?a:_,this.attributes=null!=o?o:[],this.state=t(),this.view=e,this.dispatcher=null!=n?n:t=>c(this,void 0,void 0,(function*(){return r(this.name,v,t.type,t.data)})),this._dispatchAction(l.init,this).then((()=>i&&this.mount(i)))}}function A(t,e,n){var i,s;null==t||t.dispatchEvent(new CustomEvent(e,{detail:n})),null===(s=(i=t)[`on${e}`])||void 0===s||s.call(i,new CustomEvent(e,{detail:n}))}function C(t){let e=null;switch(t.nodeName){case"INPUT":const n=t;switch(n.type){case"text":case"hidden":case"password":case"email":case"number":case"search":case"url":case"tel":case"color":case"date":case"datetime-local":case"month":case"range":case"time":case"week":case"submit":case"button":e=n.name?{[n.name]:n.value}:n.value;break;case"radio":e=n.name?{[n.name]:n.checked?n.value:null}:n.checked?n.value:null;break;case"checkbox":e="on"===n.value?n.name?{[n.name]:n.checked}:n.checked:n.name?{[n.name]:n.checked?String(n.value):null}:n.checked?String(n.value):null}break;case"SELECT":const i=t;if(i.multiple){const t=Array.from(i.selectedOptions).map((t=>t.value));e=i.name?{[i.name]:t}:t}else e=i.name?{[i.name]:i.value}:i.value;break;case"TEXTAREA":const s=t;e=s.name?{[s.name]:s.value}:s.value;break;case"BUTTON":const a=t;e=a.name?{[a.name]:a.value}:a.value}return e}var T=function(t,e,n,i){return new(n||(n=Promise))((function(s,a){function o(t){try{r(i.next(t))}catch(t){a(t)}}function c(t){try{r(i.throw(t))}catch(t){a(t)}}function r(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,c)}r((i=i.apply(t,e||[])).next())}))};const x=" ",S="◯",L="⨯";var D,O;(O=D||(D={})).mark="mark",O.reset="reset",O.noop="noop";const H=()=>[[x,x,x],[x,x,x],[x,x,x]];const N=new(0,a.HApp)((function(){return{board:H(),turn:0}}),(function(t){return[["div.w3-content",[["h1",["Tic-Tac-Toe Demo"]],["div.w3-center",[["p.w3-xlarge",["Player: ",t.turn?L:S]],["div",t.board.map(((e,n)=>["div",e.map(((e,i)=>["button.w3-button.w3-white.w3-border.w3-border-gray",{styles:{fontFamily:"monospace",fontSize:"300%",display:"inline-block",width:"2em",height:"2em"},on:e===x?["click",D.mark,{x:i,y:n,turn:t.turn}]:["click",D.noop]},e]))]))],["p",[["button.w3-button.w3-blue",{on:["click",D.reset]},"Reset"]]]]]]]]}),(function(t,e,n){return T(this,void 0,void 0,(function*(){switch(console.log("action",t),t.type){case D.reset:e.board=H();break;case D.mark:e.board[t.data.y][t.data.x]=t.data.turn?L:S,e.turn=t.data.turn?0:1}}))}),"app");self.app=N;
+//# sourceMappingURL=hsml-app-tictactoe_demo.97905c2f.js.map

package/dist/demo/hsml-app-tictactoe_demo.97905c2f.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/hsml-app.ts","demo/hsml-app-tictactoe_demo.ts"],"sourcesContent":["import { HAttrOnData, HAttrOnDataFnc, HElement, HElements, HHandlerCtx } from \"./hsml\";\nimport { hsmls2idomPatch } from \"./hsml-idom\";\n\nconst log = console.log;\nconst error = console.error;\nconst warn = console.warn;\n\nexport type HState<State> = () => State;\n\nexport type HView<State, HActionType extends string> = (\n    state: State\n) => HElements<HActionType>;\n\nexport type HView1<State, HActionType extends string> = (\n    state: State\n) => HElement<HActionType>;\n\nexport type HAppActionType =\n    | \"happ-init\"\n    | \"happ-mount\"\n    | \"happ-umount\"\n    | \"happ-update\"\n    | \"happ-action\"\n    | \"happ-attribute\";\n\nexport enum HAppActions {\n    init = \"happ-init\",\n    mount = \"happ-mount\",\n    umount = \"happ-umount\",\n    update = \"happ-update\",\n    action = \"happ-action\",\n    attribute = \"happ-attribute\"\n}\n\nexport interface HAction<HActionType extends string> {\n    type: HActionType | HAppActionType | HAppActions;\n    data?: any;\n    event?: Event;\n}\n\nexport type HDispatchScope =\n    | \"element\"\n    | \"window\";\n\nexport enum HDispatchScopes {\n    element = \"element\",\n    window = \"window\"\n}\n\nexport type HDispatch<HActionType extends string> = (\n    type: HAction<HActionType>[\"type\"],\n    data?: HAction<HActionType>[\"data\"],\n    scope?: HDispatchScope | HDispatchScopes\n) => Promise<void>;\n\nexport type HDispatcher<State, HActionType extends string> = (\n    // this: HApp<State, HActionType>,\n    action: HAction<HActionType>,\n    state: State,\n    dispatch: HDispatch<HActionType>\n) => Promise<void>;\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 (callback: Function) { window.setTimeout(callback, 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 msgAction = \"action:\";\nconst msgDispatch = \"dispatch:\";\nconst msgRender = \"render:\";\nconst msgUpdate = \"update:\";\n\nconst HAPP = \"happ\";\n\nexport interface HAppI<State, HActionType extends string> {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element?: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    attributes?: string[];\n}\n\n/**\n * HApp definition\n *\n * @param hAppI HApp definition\n * @returns HApp instance\n */\nexport function happ<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    element: Element | string | null;\n    debug?: boolean;\n    name?: string;\n    // attributes?: string[];\n}) {\n    return new HApp<State, HActionType>(\n        hAppI.state,\n        hAppI.view,\n        hAppI.dispatcher,\n        hAppI.element,\n        hAppI.debug,\n        hAppI.name\n        // hAppI!.attributes\n    );\n}\n\n// export type Class<T = object> = new (...args: any[]) => T;\n\n// export function happi<State, HActionType extends string>(\n//     hAppI: Class<HAppI<State, HActionType>>,\n//     element?: Element | string | null,\n//     debug? boolean,\n//     name?: string,\n//     attributes: string[]\n// ) {\n//     const hapi = new hAppI();\n//     return new HApp<State, HActionType>(\n//         hapi.state,\n//         hapi.view,\n//         hapi.dispatcher,\n//         element,\n//         debug\n//     );\n// }\n\n// HAppEl\n\n/**\n * HApp custom HTML element definition.\n *\n * @param hAppI HApp definition\n */\nexport function happel<State, HActionType extends string>(hAppI: {\n    state: HState<State>;\n    view: HView<State, HActionType>;\n    dispatcher: HDispatcher<State, HActionType>;\n    /** Element suffix name, element name patern is `happ-${name}` */\n    name: string;\n    /** Element attribute list */\n    attributes: string[];\n    debug?: boolean;\n}): void {\n    customElements.define(\n        `${HAPP}-${hAppI.name}`,\n        class HAppElement extends HTMLElement {\n            static get observedAttributes() {\n                return hAppI.attributes;\n            }\n\n            private _happel: HApp<State, HActionType>;\n\n            constructor() {\n                super();\n                this._happel = new HApp<State, HActionType>(\n                    hAppI.state,\n                    hAppI.view,\n                    hAppI.dispatcher,\n                    undefined,\n                    hAppI.debug,\n                    hAppI.name,\n                    hAppI.attributes\n                );\n                (this._happel as any).customElement = this;\n            }\n\n            connectedCallback() {\n                // this._happel.mount(this);\n                this.attachShadow({ mode: \"open\" });\n                this._happel.mount(this.shadowRoot as any);\n            }\n\n            disconnectedCallback() {\n                this._happel.umount();\n            }\n\n            adoptedCallback() {\n                this._happel.update();\n            }\n\n            attributeChangedCallback(\n                attrName: string,\n                oldVal: string | null,\n                newVal: string | null\n            ) {\n                this._happel.dispatch(HAppActions.attribute, {\n                    attrName,\n                    oldVal,\n                    newVal,\n                });\n            }\n        }\n    );\n}\n\n/**\n * HSML App\n */\nexport class HApp<State, HActionType extends string> implements HHandlerCtx<HActionType> {\n\n    readonly state: State;\n    readonly view: HView<State, HActionType>;\n    readonly dispatcher: HDispatcher<State, HActionType>;\n\n    debug: boolean;\n\n    readonly name: string;\n    readonly attributes: string[];\n\n    readonly element?: HTMLElement;\n    readonly refs: { [key: string]: HTMLElement } = {};\n\n    readonly customElement?: HTMLElement; // happ custom html element\n\n    private _updateSched?: number;\n\n    // private _onDispatch?: HDispatcher<State>;\n\n    private _windowEventListener?: (event: Event) => void;\n\n    constructor(\n        state: HState<State>,\n        view: HView<State, HActionType>,\n        dispatcher?: HDispatcher<State, HActionType>,\n        element?: Element | string | null,\n        debug?: boolean ,\n        name?: string,\n        attributes?: string[]\n    ) {\n        this.debug = debug ?? false;\n        this.name = name ?? HAPP;\n        this.attributes = attributes ?? [];\n        this.state = state();\n        this.view = view;\n        this.dispatcher = dispatcher ?? (async (a) => log(this.name, msgAction, a.type, a.data));\n        this._dispatchAction(HAppActions.init, this).then(() => element && this.mount(element));\n    }\n\n    dispatch: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any,\n        scope?: HDispatchScope\n    ): Promise<void> => {\n        return this._dispatchAction(type, data, undefined, scope);\n    }\n\n    // onDispatch = (dispatcher: HDispatcher<State>): this => {\n    //     this._onDispatch = dispatcher;\n    //     return this;\n    // }\n\n    private async _dispatchAction(\n        type: HActionType | HAppActionType,\n        data?: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ): Promise<void> {\n        if (this.debug) {\n            log(this.name, msgAction, { type, data, event });\n            const t0 = performance.now();\n            await this._dispatch(type, data, event, scope);\n            const t1 = performance.now();\n            log(this.name, msgDispatch, `${t1 - t0} ms`, this.state);\n        } else {\n            await this._dispatch(type, data, event, scope);\n        }\n    }\n\n    private async _dispatch(\n        type: HActionType | HAppActionType,\n        data: any,\n        event?: Event,\n        scope?: HDispatchScope\n    ) {\n        try {\n            await this.dispatcher(\n                { type: type as HActionType, data, event },\n                this.state,\n                this.dispatch\n            );\n            this.update();\n            scope === \"element\" && this._dispatchElement(type, data);\n            scope === \"window\" && this._dispatchWindow(type, data);\n        } catch (e) {\n            error(this.name, msgDispatch, e);\n        }\n    }\n\n    private _dispatchElement: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any\n    ): Promise<void> => {\n        this.customElement && elementDispatchCustomEvent(this.customElement, HAppActions.action, { type, data });\n        !this.customElement && this.element && elementDispatchCustomEvent(this.element, HAppActions.action, { type, data });\n        // this.customElement && elementDispatchCustomEvent(this.customElement, type, data);\n        // !this.customElement && this.element && elementDispatchCustomEvent(this.element, type, data);\n        // this._onDispatch?.({ type, data, event }, this.state, this.dispatch);\n    }\n\n    private _dispatchWindow: HDispatch<HActionType> =  async (\n        type: HActionType | HAppActionType,\n        data?: any): Promise<void> => {\n        window.dispatchEvent(new CustomEvent(HAppActions.action, { detail: { type, data } }));\n    }\n\n    windowDispatchOn() {\n        if (!this._windowEventListener) {\n            this._windowEventListener = (event: Event) => {\n                const action = (event as CustomEvent).detail as HAction<HActionType>;\n                this._dispatchAction(action.type, action.data);\n            };\n            window.addEventListener(HAppActions.action, this._windowEventListener);\n        } else {\n            warn(\"windowEventListener olready setted\");\n        }\n    }\n\n    windowDispatchOff() {\n        if (this._windowEventListener) {\n            window.removeEventListener(HAppActions.action, this._windowEventListener);\n        }\n    }\n\n    render = (): HElements<HActionType> => {\n        if (this.debug) {\n            const t0 = performance.now();\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            const t1 = performance.now();\n            log(this.name, msgRender, `${t1 - t0} ms`, hsmls);\n            return hsmls ?? [];\n        } else {\n            let hsmls;\n            try {\n                hsmls = this.view(this.state);\n            } catch (e) {\n                error(this.name, msgRender, e);\n            }\n            return hsmls ?? [];\n        }\n    }\n\n    actionCb = (actionType: HActionType, data: HAttrOnData, event: Event): void => {\n        data = (data?.constructor === Function)\n            ? (data as HAttrOnDataFnc)(event)\n            : data;\n        if (data === undefined && event) {\n            if (event instanceof CustomEvent) {\n                data = event.detail;\n            } else {\n                data = formData(event);\n            }\n        }\n        this._dispatchAction(actionType, data, event);\n    }\n\n    private _updateDom<HActionType extends string>(\n        el: Element,\n        hsml: HElements<HActionType>,\n        ctx: HHandlerCtx<HActionType>\n    ): void {\n        if (this.debug) {\n            const t0 = performance.now();\n            hsmls2idomPatch(el, hsml, ctx);\n            const t1 = performance.now();\n            log(this.name, msgUpdate, `${t1 - t0} ms`, el);\n        } else {\n            hsmls2idomPatch(el, hsml, ctx);\n        }\n    }\n\n    mount = (e: Element | string | null): this => {\n        const el = (typeof e === \"string\") ? document.getElementById(e) : e;\n        if (el && (el as any)[HAPP]) {\n            const a = (el as any)[HAPP] as HApp<State, HActionType>;\n            a.umount();\n        }\n        if (el && !this.element) {\n            (this as any).element = el;\n            (el as any)[HAPP] = this;\n            const hsmls = (this as any).render();\n            this._updateDom<HActionType>(el, hsmls, this);\n            this._dispatchAction(HAppActions.mount, this.element);\n        }\n        return this;\n    }\n\n    umount = (): this => {\n        if (this.element) {\n            this._dispatchAction(HAppActions.umount, this.element);\n            if (this.element.hasAttribute(HAPP)) {\n                this.element.removeAttribute(HAPP);\n            }\n            const aNodes = this.element.querySelectorAll(`[${HAPP}]`);\n            for (let i = 0; i < aNodes.length; i++) {\n                const a = (aNodes[i] as any).happ as HApp<State, HActionType>;\n                a?.umount();\n            }\n            while (this.element.firstChild /*.hasChildNodes()*/) {\n                this.element.removeChild(this.element.firstChild);\n            }\n            delete (this.element as any).happ;\n            (this as any).element = undefined;\n        }\n        return this;\n    }\n\n    update = (): this => {\n        if (this.element && !this._updateSched) {\n            this._updateSched = schedule(() => {\n                if (this.element) {\n                    const hsmls = this.render();\n                    this._updateDom<HActionType>(this.element, hsmls, this);\n                }\n                this._updateSched = undefined;\n            });\n        }\n        return this;\n    }\n\n    toHsml = (): HElement<HActionType> => {\n        if (this.element) {\n            if (this._updateSched) {\n                unschedule(this._updateSched);\n                this._updateSched = undefined;\n            } else {\n                return [\"div\", { skip: true }];\n            }\n        }\n        const hsmls = this.render();\n        hsmls.push(\n            (e: Element) => {\n                if (!this.element) {\n                    (this as any).element = e;\n                    (e as any).happ = this;\n                    this._dispatchAction(HAppActions.mount, this.element);\n                }\n            });\n        return [\"div\", hsmls];\n    }\n\n    toHtml = (): string => {\n        return this.element ? this.element.outerHTML : \"\";\n    }\n\n}\n\nfunction elementDispatchCustomEvent<HActionType extends string>(\n    el: HTMLElement,\n    type: HActionType,\n    data: any\n) {\n    el?.dispatchEvent(new CustomEvent(type, { detail: data }));\n    (el as any)[`on${type}`]?.(new CustomEvent(type, { detail: data }));\n}\n\nfunction formData(e: Event): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    const el = e.target as HTMLElement;\n    switch (el.nodeName) {\n        case \"FORM\":\n            (e as Event).preventDefault();\n            const els = (el as HTMLFormElement).elements;\n            const data = {} as { [k: string]: string | null | Array<string | null> };\n            for (let i = 0; i < els.length; i++) {\n                const d = formInputData(els[i]);\n                if (typeof d === \"object\") {\n                    const names = Object.keys(d as object);\n                    if (names.length) {\n                        const name = names[0];\n                        const value = (d as any)[name];\n                        if (data[name] === undefined) {\n                            data[name] = value;\n                        } else if (typeof data[name] === \"string\" || data[name] instanceof String) {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value as string];\n                            }\n                        } else if (data[name] instanceof Array) {\n                            if (value instanceof Array) {\n                                data[name] = (data[name] as Array<string | null>).concat(value);\n                            } else {\n                                (data[name] as Array<string | null>).push(value);\n                            }\n                        } else {\n                            if (value instanceof Array) {\n                                data[name] = [data[name] as string, ...value];\n                            } else {\n                                data[name] = [data[name] as string, value];\n                            }\n                        }\n                        if (data[name] instanceof Array) {\n                            data[name] = (data[name] as Array<string | null>)\n                                .filter(d => d !== null);\n                            if ((els[i] as HTMLInputElement).type === \"radio\") {\n                                data[name] = (data[name] as Array<string | null>).length\n                                    ? (data[name] as Array<string | null>)[0]\n                                    : null;\n                            }\n                        }\n                    }\n                }\n            }\n            return data;\n        default:\n            return formInputData(el);\n    }\n}\n\nfunction formInputData(el: Element): { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> {\n    let data: { [k: string]: string | number | boolean | null | Array<string | null> } | string | number | boolean | null | Array<string | null> = null;\n    switch (el.nodeName) {\n        case \"INPUT\":\n            const iel = el as HTMLInputElement;\n            switch (iel.type) {\n                case \"text\":\n                case \"hidden\":\n                case \"password\":\n                case \"email\":\n                case \"number\":\n                case \"search\":\n                case \"url\":\n                case \"tel\":\n                case \"color\":\n                case \"date\":\n                case \"datetime-local\":\n                case \"month\":\n                case \"range\":\n                case \"time\":\n                case \"week\":\n                case \"submit\":\n                case \"button\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.value };\n                    } else {\n                        data = iel.value;\n                    }\n                    break;\n                case \"radio\":\n                    if (iel.name) {\n                        data = { [iel.name]: iel.checked ? iel.value : null };\n                    } else {\n                        data = iel.checked ? iel.value : null;\n                    }\n                    break;\n                case \"checkbox\":\n                    if (iel.value === \"on\") { // value not set in element\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked };\n                        } else {\n                            data = iel.checked;\n                        }\n                    } else {\n                        if (iel.name) {\n                            data = { [iel.name]: iel.checked\n                                ? String(iel.value)\n                                : null };\n                        } else {\n                            data = iel.checked\n                                ? String(iel.value)\n                                : null;\n                        }\n                    }\n                    break;\n            }\n            break;\n        case \"SELECT\":\n            const sel = el as HTMLSelectElement;\n            if (sel.multiple) {\n                const values = Array.from(sel.selectedOptions).map(o => o.value);\n                if (sel.name) {\n                    data = { [sel.name]: values };\n                } else {\n                    data = values;\n                }\n            } else {\n                if (sel.name) {\n                    data = { [sel.name]: sel.value };\n                } else {\n                    data = sel.value;\n                }\n            }\n            break;\n        case \"TEXTAREA\":\n            const tel = el as HTMLTextAreaElement;\n            if (tel.name) {\n                data = { [tel.name]: tel.value };\n            } else {\n                data = tel.value;\n            }\n            break;\n        case \"BUTTON\":\n            const bel = el as HTMLButtonElement;\n            if (bel.name) {\n                data = { [bel.name]: bel.value };\n            } else {\n                data = bel.value;\n            }\n            break;\n    }\n    return data;\n}\n","import { HElement, HElements } from \"../src/hsml\";\nimport { HAction, HApp, HDispatch } from \"../src/hsml-app\";\n\nconst NBSP = \"\\u00A0\";\nconst CIRC = \"\\u25EF\";\nconst CROS = \"\\u2A2F\";\n\ninterface State {\n    board: string[][];\n    turn: number;\n}\n\nconst enum Actions {\n    mark = \"mark\",\n    reset = \"reset\",\n    noop = \"noop\"\n}\n\nconst boardInit = () => [\n    [NBSP, NBSP, NBSP],\n    [NBSP, NBSP, NBSP],\n    [NBSP, NBSP, NBSP]\n];\n\nfunction state(): State {\n    return {\n        board: boardInit(),\n        turn: 0\n    };\n}\n\nfunction view(state: State): HElements<Actions> {\n    return [\n        [\"div.w3-content\", [\n            [\"h1\", [\"Tic-Tac-Toe Demo\"]],\n            [\"div.w3-center\", [\n                [\"p.w3-xlarge\", [\n                    \"Player: \", state.turn ? CROS : CIRC,\n                ]],\n                [\"div\", state.board.map<HElement<Actions>>((row, y) =>\n                    [\"div\", row.map<HElement<Actions>>((col, x) =>\n                        [\"button.w3-button.w3-white.w3-border.w3-border-gray\",\n                            {\n                                styles: {\n                                    fontFamily: \"monospace\",\n                                    fontSize: \"300%\",\n                                    display: \"inline-block\",\n                                    width: \"2em\",\n                                    height: \"2em\"\n                                },\n                                on: (col === NBSP)\n                                    ? [\"click\", Actions.mark, { x, y, turn: state.turn }]\n                                    : [\"click\", Actions.noop]\n                            },\n                            col\n                        ])\n                    ])\n                ],\n                [\"p\", [\n                    [\"button.w3-button.w3-blue\", { on: [\"click\", Actions.reset] }, \"Reset\"]\n                ]]\n            ]]\n        ]]\n    ];\n}\n\n\nasync function dispatcher(action: HAction<Actions>, state: State, dispatch: HDispatch<Actions>): Promise<void> {\n    console.log(\"action\", action);\n\n    switch (action.type) {\n\n        case Actions.reset:\n            state.board = boardInit();\n            break;\n\n        case Actions.mark:\n            state.board[action.data.y][action.data.x] = action.data.turn ? CROS : CIRC;\n            state.turn = action.data.turn ? 0 : 1;\n            break;\n    }\n}\n\nconst app =  new HApp<State, Actions>(state, view, dispatcher, \"app\");\n\n(self as any).app = app;\n"],"names":["$fe5fa9c04fc86188$var$log","console","log","$fe5fa9c04fc86188$var$error","error","$fe5fa9c04fc86188$var$warn","warn","$fe5fa9c04fc86188$export$3dcd9fad60135c2c","HAppActions","$fe5fa9c04fc86188$export$3d736e925369e0e4","HDispatchScopes","$fe5fa9c04fc86188$var$schedule","window","requestAnimationFrame","callback","setTimeout","$fe5fa9c04fc86188$var$unschedule","cancelAnimationFrame","handle","clearTimeout","$fe5fa9c04fc86188$var$msgAction","$fe5fa9c04fc86188$var$msgDispatch","$fe5fa9c04fc86188$var$msgRender","$fe5fa9c04fc86188$var$HAPP","$fe5fa9c04fc86188$export$eb8950696418f795","hAppI","$fe5fa9c04fc86188$export$8cfef5dc37c46888","state","view","dispatcher","element","debug","name","$fe5fa9c04fc86188$export$1cfc54b3834d3c50","customElements","define","HTMLElement","observedAttributes","attributes","connectedCallback","this","attachShadow","mode","_happel","mount","shadowRoot","disconnectedCallback","umount","adoptedCallback","update","attributeChangedCallback","attrName","oldVal","newVal","dispatch","attribute","constructor","super","undefined","customElement","_dispatchAction","type","data","event","scope","t0","performance","now","_dispatch","t1","_dispatchElement","_dispatchWindow","e","windowDispatchOn","_windowEventListener","action","detail","addEventListener","windowDispatchOff","removeEventListener","_updateDom","el","hsml","ctx","$hrCkK","hsmls2idomPatch","refs","$fe5fa9c04fc86188$var$__awaiter","$fe5fa9c04fc86188$var$elementDispatchCustomEvent","dispatchEvent","CustomEvent","render","hsmls","actionCb","actionType","Function","target","nodeName","preventDefault","els","elements","i","length","d","$fe5fa9c04fc86188$var$formInputData","names","Object","keys","value","String","Array","concat","push","filter","$fe5fa9c04fc86188$var$formData","document","getElementById","hasAttribute","removeAttribute","aNodes","querySelectorAll","a","happ","firstChild","removeChild","_updateSched","toHsml","skip","toHtml","outerHTML","init","then","_b","_a","call","iel","checked","sel","multiple","values","from","selectedOptions","map","o","tel","bel","$28c4e665e35b51d0$var$NBSP","$28c4e665e35b51d0$var$CIRC","$28c4e665e35b51d0$var$CROS","$28c4e665e35b51d0$var$Actions","Actions","$28c4e665e35b51d0$var$boardInit","$28c4e665e35b51d0$var$app","$fe5fa9c04fc86188$exports","HApp","board","turn","row","y","col","x","styles","fontFamily","fontSize","display","width","height","on","mark","noop","reset","self","app"],"version":3,"file":"hsml-app-tictactoe_demo.97905c2f.js.map"}

package/dist/demo/hsml-app-tictactoe_demo.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang="en"><head><script nomodule defer src="hsml-app-form-validation_demo.d3925067.js"></script><script type="module" src="hsml-app-form-validation_demo.b3a5c810.js"></script><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>hsml tictactoe demo</title><link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></head><body> <div id="app"></div> <script type="module" src="hsml-app-tictactoe_demo.7deeabad.js"></script><script src="hsml-app-tictactoe_demo.5f4861c1.js" nomodule defer></script> </body></html>
+<!DOCTYPE html><html lang="en"><head><script nomodule defer src="hsml-app-form-validation_demo.fdcc0b2d.js"></script><script type="module" src="hsml-app-form-validation_demo.c6856b02.js"></script><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>hsml tictactoe demo</title><link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></head><body> <div id="app"></div> <script type="module" src="hsml-app-tictactoe_demo.97905c2f.js"></script><script src="hsml-app-tictactoe_demo.7a91c368.js" nomodule defer></script> </body></html>

package/dist/demo/hsml-app_demo.b5c1d27d.js

@@ -0,0 +1,2 @@
+!function(){function t(t,e,n,i){Object.defineProperty(t,e,{get:n,set:i,enumerable:!0,configurable:!0})}var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:"undefined"!=typeof global?global:{},n={},i={},s=e.parcelRequirede31;null==s&&((s=function(t){if(t in n)return n[t].exports;if(t in i){var e=i[t];delete i[t];var s={id:t,exports:{}};return n[t]=s,e.call(s.exports,s,s.exports),s.exports}var a=new Error("Cannot find module '"+t+"'");throw a.code="MODULE_NOT_FOUND",a}).register=function(t,e){i[t]=e},e.parcelRequirede31=s);var a={};t(a,"HAppActions",(function(){return l}),(function(t){return l=t})),t(a,"HDispatchScopes",(function(){return p}),(function(t){return p=t})),t(a,"happ",(function(){return g}),(function(t){return g=t})),t(a,"HApp",(function(){return A}),(function(t){return A=t})),t(a,"happel",(function(){return E}),(function(t){return E=t}));var o=s("8IJ2T"),c=function(t,e,n,i){return new(n||(n=Promise))((function(s,a){function o(t){try{r(i.next(t))}catch(t){a(t)}}function c(t){try{r(i.throw(t))}catch(t){a(t)}}function r(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,c)}r((i=i.apply(t,e||[])).next())}))};const r=console.log,h=console.error,u=console.warn;var l,d,p,m;(d=l||(l={})).init="happ-init",d.mount="happ-mount",d.umount="happ-umount",d.update="happ-update",d.action="happ-action",d.attribute="happ-attribute",(m=p||(p={})).element="element",m.window="window";const f=window.requestAnimationFrame||function(t){window.setTimeout(t,1e3/60)},v=window.cancelAnimationFrame||function(t){window.clearTimeout(t)},w="action:",y="dispatch:",b="render:",_="happ";function g(t){return new A(t.state,t.view,t.dispatcher,t.element,t.debug,t.name)}function E(t){customElements.define(`${_}-${t.name}`,class extends HTMLElement{static get observedAttributes(){return t.attributes}connectedCallback(){this.attachShadow({mode:"open"}),this._happel.mount(this.shadowRoot)}disconnectedCallback(){this._happel.umount()}adoptedCallback(){this._happel.update()}attributeChangedCallback(t,e,n){this._happel.dispatch(l.attribute,{attrName:t,oldVal:e,newVal:n})}constructor(){super(),this._happel=new A(t.state,t.view,t.dispatcher,void 0,t.debug,t.name,t.attributes),this._happel.customElement=this}})}class A{_dispatchAction(t,e,n,i){return c(this,void 0,void 0,(function*(){if(this.debug){r(this.name,w,{type:t,data:e,event:n});const s=performance.now();yield this._dispatch(t,e,n,i);const a=performance.now();r(this.name,y,a-s+" ms",this.state)}else yield this._dispatch(t,e,n,i)}))}_dispatch(t,e,n,i){return c(this,void 0,void 0,(function*(){try{yield this.dispatcher({type:t,data:e,event:n},this.state,this.dispatch),this.update(),"element"===i&&this._dispatchElement(t,e),"window"===i&&this._dispatchWindow(t,e)}catch(t){h(this.name,y,t)}}))}windowDispatchOn(){this._windowEventListener?u("windowEventListener olready setted"):(this._windowEventListener=t=>{const e=t.detail;this._dispatchAction(e.type,e.data)},window.addEventListener(l.action,this._windowEventListener))}windowDispatchOff(){this._windowEventListener&&window.removeEventListener(l.action,this._windowEventListener)}_updateDom(t,e,n){if(this.debug){const i=performance.now();(0,o.hsmls2idomPatch)(t,e,n);const s=performance.now();r(this.name,"update:",s-i+" ms",t)}else(0,o.hsmls2idomPatch)(t,e,n)}constructor(t,e,n,i,s,a,o){this.refs={},this.dispatch=(t,e,n)=>c(this,void 0,void 0,(function*(){return this._dispatchAction(t,e,void 0,n)})),this._dispatchElement=(t,e)=>c(this,void 0,void 0,(function*(){this.customElement&&k(this.customElement,l.action,{type:t,data:e}),!this.customElement&&this.element&&k(this.element,l.action,{type:t,data:e})})),this._dispatchWindow=(t,e)=>c(this,void 0,void 0,(function*(){window.dispatchEvent(new CustomEvent(l.action,{detail:{type:t,data:e}}))})),this.render=()=>{if(this.debug){const t=performance.now();let e;try{e=this.view(this.state)}catch(t){h(this.name,b,t)}const n=performance.now();return r(this.name,b,n-t+" ms",e),null!=e?e:[]}{let t;try{t=this.view(this.state)}catch(t){h(this.name,b,t)}return null!=t?t:[]}},this.actionCb=(t,e,n)=>{void 0===(e=(null==e?void 0:e.constructor)===Function?e(n):e)&&n&&(e=n instanceof CustomEvent?n.detail:function(t){const e=t.target;if("FORM"===e.nodeName){t.preventDefault();const n=e.elements,i={};for(let t=0;t<n.length;t++){const e=S(n[t]);if("object"==typeof e){const s=Object.keys(e);if(s.length){const a=s[0],o=e[a];void 0===i[a]?i[a]=o:"string"==typeof i[a]||i[a]instanceof String?i[a]=o instanceof Array?[i[a],...o]:[i[a],o]:i[a]instanceof Array?o instanceof Array?i[a]=i[a].concat(o):i[a].push(o):i[a]=o instanceof Array?[i[a],...o]:[i[a],o],i[a]instanceof Array&&(i[a]=i[a].filter((t=>null!==t)),"radio"===n[t].type&&(i[a]=i[a].length?i[a][0]:null))}}}return i}return S(e)}(n)),this._dispatchAction(t,e,n)},this.mount=t=>{const e="string"==typeof t?document.getElementById(t):t;if(e&&e[_]){e[_].umount()}if(e&&!this.element){this.element=e,e[_]=this;const t=this.render();this._updateDom(e,t,this),this._dispatchAction(l.mount,this.element)}return this},this.umount=()=>{if(this.element){this._dispatchAction(l.umount,this.element),this.element.hasAttribute(_)&&this.element.removeAttribute(_);const t=this.element.querySelectorAll(`[${_}]`);for(let e=0;e<t.length;e++){const n=t[e].happ;null==n||n.umount()}for(;this.element.firstChild;)this.element.removeChild(this.element.firstChild);delete this.element.happ,this.element=void 0}return this},this.update=()=>(this.element&&!this._updateSched&&(this._updateSched=f((()=>{if(this.element){const t=this.render();this._updateDom(this.element,t,this)}this._updateSched=void 0}))),this),this.toHsml=()=>{if(this.element){if(!this._updateSched)return["div",{skip:!0}];v(this._updateSched),this._updateSched=void 0}const t=this.render();return t.push((t=>{this.element||(this.element=t,t.happ=this,this._dispatchAction(l.mount,this.element))})),["div",t]},this.toHtml=()=>this.element?this.element.outerHTML:"",this.debug=null!=s&&s,this.name=null!=a?a:_,this.attributes=null!=o?o:[],this.state=t(),this.view=e,this.dispatcher=null!=n?n:t=>c(this,void 0,void 0,(function*(){return r(this.name,w,t.type,t.data)})),this._dispatchAction(l.init,this).then((()=>i&&this.mount(i)))}}function k(t,e,n){var i,s;null==t||t.dispatchEvent(new CustomEvent(e,{detail:n})),null===(s=(i=t)[`on${e}`])||void 0===s||s.call(i,new CustomEvent(e,{detail:n}))}function S(t){let e=null;switch(t.nodeName){case"INPUT":const n=t;switch(n.type){case"text":case"hidden":case"password":case"email":case"number":case"search":case"url":case"tel":case"color":case"date":case"datetime-local":case"month":case"range":case"time":case"week":case"submit":case"button":e=n.name?{[n.name]:n.value}:n.value;break;case"radio":e=n.name?{[n.name]:n.checked?n.value:null}:n.checked?n.value:null;break;case"checkbox":e="on"===n.value?n.name?{[n.name]:n.checked}:n.checked:n.name?{[n.name]:n.checked?String(n.value):null}:n.checked?String(n.value):null}break;case"SELECT":const i=t;if(i.multiple){const t=Array.from(i.selectedOptions).map((t=>t.value));e=i.name?{[i.name]:t}:t}else e=i.name?{[i.name]:i.value}:i.value;break;case"TEXTAREA":const s=t;e=s.name?{[s.name]:s.value}:s.value;break;case"BUTTON":const a=t;e=a.name?{[a.name]:a.value}:a.value}return e}var C=function(t,e,n,i){return new(n||(n=Promise))((function(s,a){function o(t){try{r(i.next(t))}catch(t){a(t)}}function c(t){try{r(i.throw(t))}catch(t){a(t)}}function r(t){var e;t.done?s(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(o,c)}r((i=i.apply(t,e||[])).next())}))};window.app=new(0,a.HApp)((function(){return{message:"",json:""}}),(function(t){return[["p",["Greeting: ",t.message]],["p",[["button",{on:["click","say","Hello"]},"Say Hello"]," ",["button",{on:["click","say","Hi"]},"Say Hi"]]],["p",[["button",{on:["click","fetch"]},"Server fetch time"],["pre",t.json]]]]}),(function(t,e,n){return C(this,void 0,void 0,(function*(){switch(t.type){case"say":e.message=t.data;break;case"fetch":try{const t=yield fetch("http://date.jsontest.com"),n=yield t.json();e.json=JSON.stringify(n,null,4)}catch(t){e.json=String(t)}}}))}),"app",!0)}();
+//# sourceMappingURL=hsml-app_demo.b5c1d27d.js.map