@dooboostore/dom-render 1.0.110 → 1.0.111

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (956) hide show
  1. package/README.MD +1 -2
  2. package/dist/cjs/DomRenderProxy.js +15 -5
  3. package/dist/cjs/DomRenderProxy.js.map +2 -2
  4. package/dist/cjs/components/forOf/ForOf.js +2 -2
  5. package/dist/cjs/components/forOf/ForOf.js.map +1 -1
  6. package/dist/cjs/components/index.js +3 -1
  7. package/dist/cjs/components/index.js.map +3 -3
  8. package/dist/cjs/components/router/RouterOutlet.js.map +1 -1
  9. package/dist/cjs/components/select/Select.js.map +1 -1
  10. package/dist/cjs/decorators/DomRenderNoProxy.js +3 -9
  11. package/dist/cjs/decorators/DomRenderNoProxy.js.map +2 -2
  12. package/dist/cjs/dist/DomRender.d.js +16 -0
  13. package/dist/cjs/dist/DomRender.d.js.map +7 -0
  14. package/dist/cjs/dist/DomRenderProxy.d.js +17 -0
  15. package/dist/cjs/dist/DomRenderProxy.d.js.map +7 -0
  16. package/dist/cjs/dist/components/ComponentBase.d.js +17 -0
  17. package/dist/cjs/dist/components/ComponentBase.d.js.map +7 -0
  18. package/dist/cjs/dist/components/ComponentSet.d.js +16 -0
  19. package/dist/cjs/dist/components/ComponentSet.d.js.map +7 -0
  20. package/dist/cjs/dist/components/appender/Appender.d.js +24 -0
  21. package/dist/cjs/dist/components/appender/Appender.d.js.map +7 -0
  22. package/dist/cjs/dist/components/checkbox/CheckBox.d.js +24 -0
  23. package/dist/cjs/dist/components/checkbox/CheckBox.d.js.map +7 -0
  24. package/dist/cjs/dist/components/choose/Choose.d.js +24 -0
  25. package/dist/cjs/dist/components/choose/Choose.d.js.map +7 -0
  26. package/dist/cjs/dist/components/details/Details.d.js +24 -0
  27. package/dist/cjs/dist/components/details/Details.d.js.map +7 -0
  28. package/dist/cjs/dist/components/dialog/Dialog.d.js +1 -0
  29. package/dist/cjs/dist/components/dialog/Dialog.d.js.map +7 -0
  30. package/dist/cjs/dist/components/dialog/example/ImageEditorDialog.d.js +1 -0
  31. package/dist/cjs/dist/components/dialog/example/ImageEditorDialog.d.js.map +7 -0
  32. package/dist/cjs/dist/components/forOf/ForOf.d.js +24 -0
  33. package/dist/cjs/dist/components/forOf/ForOf.d.js.map +7 -0
  34. package/dist/cjs/dist/components/if/If.d.js +24 -0
  35. package/dist/cjs/dist/components/if/If.d.js.map +7 -0
  36. package/dist/cjs/dist/components/index.d.js +16 -0
  37. package/dist/cjs/dist/components/index.d.js.map +7 -0
  38. package/dist/cjs/dist/components/input/Input.d.js +24 -0
  39. package/dist/cjs/dist/components/input/Input.d.js.map +7 -0
  40. package/dist/cjs/dist/components/promise/PromiseSwitch.d.js +24 -0
  41. package/dist/cjs/dist/components/promise/PromiseSwitch.d.js.map +7 -0
  42. package/dist/cjs/dist/components/radio/Radio.d.js +24 -0
  43. package/dist/cjs/dist/components/radio/Radio.d.js.map +7 -0
  44. package/dist/cjs/dist/components/router/Route.d.js +24 -0
  45. package/dist/cjs/dist/components/router/Route.d.js.map +7 -0
  46. package/dist/cjs/dist/components/select/Select.d.js +24 -0
  47. package/dist/cjs/dist/components/select/Select.d.js.map +7 -0
  48. package/dist/cjs/dist/components/this/This.d.js +24 -0
  49. package/dist/cjs/dist/components/this/This.d.js.map +7 -0
  50. package/dist/cjs/dist/components/timer/Timer.d.js +24 -0
  51. package/dist/cjs/dist/components/timer/Timer.d.js.map +7 -0
  52. package/dist/cjs/dist/configs/Config.d.js +16 -0
  53. package/dist/cjs/dist/configs/Config.d.js.map +7 -0
  54. package/dist/cjs/dist/configs/TargetAttr.d.js +16 -0
  55. package/dist/cjs/dist/configs/TargetAttr.d.js.map +7 -0
  56. package/dist/cjs/dist/configs/TargetElement.d.js +16 -0
  57. package/dist/cjs/dist/configs/TargetElement.d.js.map +7 -0
  58. package/dist/cjs/dist/decorators/DomRenderNoProxy.d.js +17 -0
  59. package/dist/cjs/dist/decorators/DomRenderNoProxy.d.js.map +7 -0
  60. package/dist/cjs/dist/events/EventManager.d.js +16 -0
  61. package/dist/cjs/dist/events/EventManager.d.js.map +7 -0
  62. package/dist/cjs/dist/index.d.js +95 -0
  63. package/dist/cjs/dist/index.d.js.map +7 -0
  64. package/dist/cjs/dist/iterators/Range.d.js +16 -0
  65. package/dist/cjs/dist/iterators/Range.d.js.map +7 -0
  66. package/dist/cjs/dist/lifecycle/OnBeforeReturnGet.d.js +16 -0
  67. package/dist/cjs/dist/lifecycle/OnBeforeReturnGet.d.js.map +7 -0
  68. package/dist/cjs/dist/lifecycle/OnBeforeReturnSet.d.js +16 -0
  69. package/dist/cjs/dist/lifecycle/OnBeforeReturnSet.d.js.map +7 -0
  70. package/dist/cjs/dist/lifecycle/OnChangeAttrRender.d.js +16 -0
  71. package/dist/cjs/dist/lifecycle/OnChangeAttrRender.d.js.map +7 -0
  72. package/dist/cjs/dist/lifecycle/OnChildRenderedByProperty.d.js +16 -0
  73. package/dist/cjs/dist/lifecycle/OnChildRenderedByProperty.d.js.map +7 -0
  74. package/dist/cjs/dist/lifecycle/OnCreateRender.d.js +16 -0
  75. package/dist/cjs/dist/lifecycle/OnCreateRender.d.js.map +7 -0
  76. package/dist/cjs/dist/lifecycle/OnCreateRenderData.d.js +16 -0
  77. package/dist/cjs/dist/lifecycle/OnCreateRenderData.d.js.map +7 -0
  78. package/dist/cjs/dist/lifecycle/OnCreateRendered.d.js +16 -0
  79. package/dist/cjs/dist/lifecycle/OnCreateRendered.d.js.map +7 -0
  80. package/dist/cjs/dist/lifecycle/OnCreatedThisChild.d.js +16 -0
  81. package/dist/cjs/dist/lifecycle/OnCreatedThisChild.d.js.map +7 -0
  82. package/dist/cjs/dist/lifecycle/OnDestroyRender.d.js +16 -0
  83. package/dist/cjs/dist/lifecycle/OnDestroyRender.d.js.map +7 -0
  84. package/dist/cjs/dist/lifecycle/OnInitRender.d.js +16 -0
  85. package/dist/cjs/dist/lifecycle/OnInitRender.d.js.map +7 -0
  86. package/dist/cjs/dist/lifecycle/OnProxyDomRender.d.js +16 -0
  87. package/dist/cjs/dist/lifecycle/OnProxyDomRender.d.js.map +7 -0
  88. package/dist/cjs/dist/lifecycle/dr-this/OnDrThisBind.d.js +16 -0
  89. package/dist/cjs/dist/lifecycle/dr-this/OnDrThisBind.d.js.map +7 -0
  90. package/dist/cjs/dist/lifecycle/dr-this/OnDrThisUnBind.d.js +16 -0
  91. package/dist/cjs/dist/lifecycle/dr-this/OnDrThisUnBind.d.js.map +7 -0
  92. package/dist/cjs/dist/managers/RenderManager.d.js +16 -0
  93. package/dist/cjs/dist/managers/RenderManager.d.js.map +7 -0
  94. package/dist/cjs/dist/messenger/DefaultMessenger.d.js +16 -0
  95. package/dist/cjs/dist/messenger/DefaultMessenger.d.js.map +7 -0
  96. package/dist/cjs/dist/messenger/Messenger.d.js +16 -0
  97. package/dist/cjs/dist/messenger/Messenger.d.js.map +7 -0
  98. package/dist/cjs/dist/operators/Appender.d.js +16 -0
  99. package/dist/cjs/dist/operators/Appender.d.js.map +7 -0
  100. package/dist/cjs/dist/operators/Dr.d.js +16 -0
  101. package/dist/cjs/dist/operators/Dr.d.js.map +7 -0
  102. package/dist/cjs/dist/operators/DrAppender.d.js +16 -0
  103. package/dist/cjs/dist/operators/DrAppender.d.js.map +7 -0
  104. package/dist/cjs/dist/operators/DrFor.d.js +16 -0
  105. package/dist/cjs/dist/operators/DrFor.d.js.map +7 -0
  106. package/dist/cjs/dist/operators/DrForOf.d.js +16 -0
  107. package/dist/cjs/dist/operators/DrForOf.d.js.map +7 -0
  108. package/dist/cjs/dist/operators/DrForm.d.js +16 -0
  109. package/dist/cjs/dist/operators/DrForm.d.js.map +7 -0
  110. package/dist/cjs/dist/operators/DrIf.d.js +16 -0
  111. package/dist/cjs/dist/operators/DrIf.d.js.map +7 -0
  112. package/dist/cjs/dist/operators/DrInnerHTML.d.js +16 -0
  113. package/dist/cjs/dist/operators/DrInnerHTML.d.js.map +7 -0
  114. package/dist/cjs/dist/operators/DrInnerText.d.js +16 -0
  115. package/dist/cjs/dist/operators/DrInnerText.d.js.map +7 -0
  116. package/dist/cjs/dist/operators/DrPre.d.js +16 -0
  117. package/dist/cjs/dist/operators/DrPre.d.js.map +7 -0
  118. package/dist/cjs/dist/operators/DrRepeat.d.js +16 -0
  119. package/dist/cjs/dist/operators/DrRepeat.d.js.map +7 -0
  120. package/dist/cjs/dist/operators/DrStripElement.d.js +16 -0
  121. package/dist/cjs/dist/operators/DrStripElement.d.js.map +7 -0
  122. package/dist/cjs/dist/operators/DrTargetAttr.d.js +16 -0
  123. package/dist/cjs/dist/operators/DrTargetAttr.d.js.map +7 -0
  124. package/dist/cjs/dist/operators/DrTargetElement.d.js +16 -0
  125. package/dist/cjs/dist/operators/DrTargetElement.d.js.map +7 -0
  126. package/dist/cjs/dist/operators/DrTargetElementIsElement.d.js +16 -0
  127. package/dist/cjs/dist/operators/DrTargetElementIsElement.d.js.map +7 -0
  128. package/dist/cjs/dist/operators/DrThis.d.js +16 -0
  129. package/dist/cjs/dist/operators/DrThis.d.js.map +7 -0
  130. package/dist/cjs/dist/operators/DrThisProperty.d.js +16 -0
  131. package/dist/cjs/dist/operators/DrThisProperty.d.js.map +7 -0
  132. package/dist/cjs/dist/operators/OperatorExecuter.d.js +16 -0
  133. package/dist/cjs/dist/operators/OperatorExecuter.d.js.map +7 -0
  134. package/dist/cjs/dist/operators/OperatorExecuterAttrRequire.d.js +16 -0
  135. package/dist/cjs/dist/operators/OperatorExecuterAttrRequire.d.js.map +7 -0
  136. package/dist/cjs/dist/rawsets/AttrInitCallBack.d.js +16 -0
  137. package/dist/cjs/dist/rawsets/AttrInitCallBack.d.js.map +7 -0
  138. package/dist/cjs/dist/rawsets/Attrs.d.js +16 -0
  139. package/dist/cjs/dist/rawsets/Attrs.d.js.map +7 -0
  140. package/dist/cjs/dist/rawsets/CreatorMetaData.d.js +16 -0
  141. package/dist/cjs/dist/rawsets/CreatorMetaData.d.js.map +7 -0
  142. package/dist/cjs/dist/rawsets/DestroyOptionType.d.js +16 -0
  143. package/dist/cjs/dist/rawsets/DestroyOptionType.d.js.map +7 -0
  144. package/dist/cjs/dist/rawsets/ElementInitCallBack.d.js +16 -0
  145. package/dist/cjs/dist/rawsets/ElementInitCallBack.d.js.map +7 -0
  146. package/dist/cjs/dist/rawsets/RawSet.d.js +16 -0
  147. package/dist/cjs/dist/rawsets/RawSet.d.js.map +7 -0
  148. package/dist/cjs/dist/rawsets/RawSetOperatorType.d.js +16 -0
  149. package/dist/cjs/dist/rawsets/RawSetOperatorType.d.js.map +7 -0
  150. package/dist/cjs/dist/rawsets/RawSetType.d.js +16 -0
  151. package/dist/cjs/dist/rawsets/RawSetType.d.js.map +7 -0
  152. package/dist/cjs/dist/rawsets/Render.d.js +16 -0
  153. package/dist/cjs/dist/rawsets/Render.d.js.map +7 -0
  154. package/dist/cjs/dist/routers/HashRouter.d.js +16 -0
  155. package/dist/cjs/dist/routers/HashRouter.d.js.map +7 -0
  156. package/dist/cjs/dist/routers/PathRouter.d.js +16 -0
  157. package/dist/cjs/dist/routers/PathRouter.d.js.map +7 -0
  158. package/dist/cjs/dist/routers/Router.d.js +17 -0
  159. package/dist/cjs/dist/routers/Router.d.js.map +7 -0
  160. package/dist/cjs/dist/types/Types.d.js +16 -0
  161. package/dist/cjs/dist/types/Types.d.js.map +7 -0
  162. package/dist/cjs/dist/validators/AllCheckedValidatorArray.d.js +16 -0
  163. package/dist/cjs/dist/validators/AllCheckedValidatorArray.d.js.map +7 -0
  164. package/dist/cjs/dist/validators/AllUnCheckedValidatorArray.d.js +16 -0
  165. package/dist/cjs/dist/validators/AllUnCheckedValidatorArray.d.js.map +7 -0
  166. package/dist/cjs/dist/validators/CheckedValidator.d.js +16 -0
  167. package/dist/cjs/dist/validators/CheckedValidator.d.js.map +7 -0
  168. package/dist/cjs/dist/validators/CountEqualsCheckedValidatorArray.d.js +16 -0
  169. package/dist/cjs/dist/validators/CountEqualsCheckedValidatorArray.d.js.map +7 -0
  170. package/dist/cjs/dist/validators/CountEqualsUnCheckedValidatorArray.d.js +16 -0
  171. package/dist/cjs/dist/validators/CountEqualsUnCheckedValidatorArray.d.js.map +7 -0
  172. package/dist/cjs/dist/validators/CountGreaterThanCheckedValidatorArray.d.js +16 -0
  173. package/dist/cjs/dist/validators/CountGreaterThanCheckedValidatorArray.d.js.map +7 -0
  174. package/dist/cjs/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.d.js +16 -0
  175. package/dist/cjs/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.d.js.map +7 -0
  176. package/dist/cjs/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.d.js +16 -0
  177. package/dist/cjs/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.d.js.map +7 -0
  178. package/dist/cjs/dist/validators/CountGreaterThanUnCheckedValidatorArray.d.js +16 -0
  179. package/dist/cjs/dist/validators/CountGreaterThanUnCheckedValidatorArray.d.js.map +7 -0
  180. package/dist/cjs/dist/validators/CountLessThanCheckedValidatorArray.d.js +16 -0
  181. package/dist/cjs/dist/validators/CountLessThanCheckedValidatorArray.d.js.map +7 -0
  182. package/dist/cjs/dist/validators/CountLessThanEqualsCheckedValidatorArray.d.js +16 -0
  183. package/dist/cjs/dist/validators/CountLessThanEqualsCheckedValidatorArray.d.js.map +7 -0
  184. package/dist/cjs/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.d.js +16 -0
  185. package/dist/cjs/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.d.js.map +7 -0
  186. package/dist/cjs/dist/validators/CountLessThanUnCheckedValidatorArray.d.js +16 -0
  187. package/dist/cjs/dist/validators/CountLessThanUnCheckedValidatorArray.d.js.map +7 -0
  188. package/dist/cjs/dist/validators/CountUnCheckedValidatorArray.d.js +16 -0
  189. package/dist/cjs/dist/validators/CountUnCheckedValidatorArray.d.js.map +7 -0
  190. package/dist/cjs/dist/validators/EmptyValidator.d.js +16 -0
  191. package/dist/cjs/dist/validators/EmptyValidator.d.js.map +7 -0
  192. package/dist/cjs/dist/validators/ExcludeCheckedValidatorArray.d.js +16 -0
  193. package/dist/cjs/dist/validators/ExcludeCheckedValidatorArray.d.js.map +7 -0
  194. package/dist/cjs/dist/validators/FormValidator.d.js +16 -0
  195. package/dist/cjs/dist/validators/FormValidator.d.js.map +7 -0
  196. package/dist/cjs/dist/validators/IncludeCheckedValidatorArray.d.js +16 -0
  197. package/dist/cjs/dist/validators/IncludeCheckedValidatorArray.d.js.map +7 -0
  198. package/dist/cjs/dist/validators/MultipleValidator.d.js +16 -0
  199. package/dist/cjs/dist/validators/MultipleValidator.d.js.map +7 -0
  200. package/dist/cjs/dist/validators/NonPassValidator.d.js +16 -0
  201. package/dist/cjs/dist/validators/NonPassValidator.d.js.map +7 -0
  202. package/dist/cjs/dist/validators/NotEmptyValidator.d.js +16 -0
  203. package/dist/cjs/dist/validators/NotEmptyValidator.d.js.map +7 -0
  204. package/dist/cjs/dist/validators/NotRegExpTestValidator.d.js +16 -0
  205. package/dist/cjs/dist/validators/NotRegExpTestValidator.d.js.map +7 -0
  206. package/dist/cjs/dist/validators/PassValidator.d.js +16 -0
  207. package/dist/cjs/dist/validators/PassValidator.d.js.map +7 -0
  208. package/dist/cjs/dist/validators/RegExpTestValidator.d.js +16 -0
  209. package/dist/cjs/dist/validators/RegExpTestValidator.d.js.map +7 -0
  210. package/dist/cjs/dist/validators/RequiredValidator.d.js +16 -0
  211. package/dist/cjs/dist/validators/RequiredValidator.d.js.map +7 -0
  212. package/dist/cjs/dist/validators/UnCheckedValidator.d.js +16 -0
  213. package/dist/cjs/dist/validators/UnCheckedValidator.d.js.map +7 -0
  214. package/dist/cjs/dist/validators/ValidMultipleValidator.d.js +16 -0
  215. package/dist/cjs/dist/validators/ValidMultipleValidator.d.js.map +7 -0
  216. package/dist/cjs/dist/validators/ValidValidator.d.js +16 -0
  217. package/dist/cjs/dist/validators/ValidValidator.d.js.map +7 -0
  218. package/dist/cjs/dist/validators/ValidValidatorArray.d.js +16 -0
  219. package/dist/cjs/dist/validators/ValidValidatorArray.d.js.map +7 -0
  220. package/dist/cjs/dist/validators/Validator.d.js +16 -0
  221. package/dist/cjs/dist/validators/Validator.d.js.map +7 -0
  222. package/dist/cjs/dist/validators/ValidatorArray.d.js +16 -0
  223. package/dist/cjs/dist/validators/ValidatorArray.d.js.map +7 -0
  224. package/dist/cjs/dist/validators/ValueEqualsValidator.d.js +16 -0
  225. package/dist/cjs/dist/validators/ValueEqualsValidator.d.js.map +7 -0
  226. package/dist/cjs/dist/validators/ValueNotEqualsValidator.d.js +16 -0
  227. package/dist/cjs/dist/validators/ValueNotEqualsValidator.d.js.map +7 -0
  228. package/dist/cjs/events/EventManager.js +32 -14
  229. package/dist/cjs/events/EventManager.js.map +2 -2
  230. package/dist/cjs/rawsets/RawSet.js +15 -17
  231. package/dist/cjs/rawsets/RawSet.js.map +2 -2
  232. package/dist/esm/DomRenderProxy.js +15 -5
  233. package/dist/esm/DomRenderProxy.js.map +2 -2
  234. package/dist/esm/components/forOf/ForOf.js +2 -2
  235. package/dist/esm/components/forOf/ForOf.js.map +1 -1
  236. package/dist/esm/components/index.js +3 -1
  237. package/dist/esm/components/index.js.map +2 -2
  238. package/dist/esm/components/router/RouterOutlet.js.map +1 -1
  239. package/dist/esm/components/select/Select.js.map +1 -1
  240. package/dist/esm/decorators/DomRenderNoProxy.js +3 -9
  241. package/dist/esm/decorators/DomRenderNoProxy.js.map +2 -2
  242. package/dist/esm/dist/DomRender.d.js +1 -0
  243. package/dist/esm/dist/DomRender.d.js.map +7 -0
  244. package/dist/esm/dist/DomRenderProxy.d.js +2 -0
  245. package/dist/esm/dist/DomRenderProxy.d.js.map +7 -0
  246. package/dist/esm/dist/components/ComponentBase.d.js +2 -0
  247. package/dist/esm/dist/components/ComponentBase.d.js.map +7 -0
  248. package/dist/esm/dist/components/ComponentSet.d.js +1 -0
  249. package/dist/esm/dist/components/ComponentSet.d.js.map +7 -0
  250. package/dist/esm/dist/components/appender/Appender.d.js +5 -0
  251. package/dist/esm/dist/components/appender/Appender.d.js.map +7 -0
  252. package/dist/esm/dist/components/checkbox/CheckBox.d.js +5 -0
  253. package/dist/esm/dist/components/checkbox/CheckBox.d.js.map +7 -0
  254. package/dist/esm/dist/components/choose/Choose.d.js +5 -0
  255. package/dist/esm/dist/components/choose/Choose.d.js.map +7 -0
  256. package/dist/esm/dist/components/details/Details.d.js +5 -0
  257. package/dist/esm/dist/components/details/Details.d.js.map +7 -0
  258. package/dist/esm/dist/components/dialog/Dialog.d.js +1 -0
  259. package/dist/esm/dist/components/dialog/Dialog.d.js.map +7 -0
  260. package/dist/esm/dist/components/dialog/example/ImageEditorDialog.d.js +1 -0
  261. package/dist/esm/dist/components/dialog/example/ImageEditorDialog.d.js.map +7 -0
  262. package/dist/esm/dist/components/forOf/ForOf.d.js +5 -0
  263. package/dist/esm/dist/components/forOf/ForOf.d.js.map +7 -0
  264. package/dist/esm/dist/components/if/If.d.js +5 -0
  265. package/dist/esm/dist/components/if/If.d.js.map +7 -0
  266. package/dist/esm/dist/components/index.d.js +1 -0
  267. package/dist/esm/dist/components/index.d.js.map +7 -0
  268. package/dist/esm/dist/components/input/Input.d.js +5 -0
  269. package/dist/esm/dist/components/input/Input.d.js.map +7 -0
  270. package/dist/esm/dist/components/promise/PromiseSwitch.d.js +5 -0
  271. package/dist/esm/dist/components/promise/PromiseSwitch.d.js.map +7 -0
  272. package/dist/esm/dist/components/radio/Radio.d.js +5 -0
  273. package/dist/esm/dist/components/radio/Radio.d.js.map +7 -0
  274. package/dist/esm/dist/components/router/Route.d.js +5 -0
  275. package/dist/esm/dist/components/router/Route.d.js.map +7 -0
  276. package/dist/esm/dist/components/select/Select.d.js +5 -0
  277. package/dist/esm/dist/components/select/Select.d.js.map +7 -0
  278. package/dist/esm/dist/components/this/This.d.js +5 -0
  279. package/dist/esm/dist/components/this/This.d.js.map +7 -0
  280. package/dist/esm/dist/components/timer/Timer.d.js +5 -0
  281. package/dist/esm/dist/components/timer/Timer.d.js.map +7 -0
  282. package/dist/esm/dist/configs/Config.d.js +1 -0
  283. package/dist/esm/dist/configs/Config.d.js.map +7 -0
  284. package/dist/esm/dist/configs/TargetAttr.d.js +1 -0
  285. package/dist/esm/dist/configs/TargetAttr.d.js.map +7 -0
  286. package/dist/esm/dist/configs/TargetElement.d.js +1 -0
  287. package/dist/esm/dist/configs/TargetElement.d.js.map +7 -0
  288. package/dist/esm/dist/decorators/DomRenderNoProxy.d.js +2 -0
  289. package/dist/esm/dist/decorators/DomRenderNoProxy.d.js.map +7 -0
  290. package/dist/esm/dist/events/EventManager.d.js +1 -0
  291. package/dist/esm/dist/events/EventManager.d.js.map +7 -0
  292. package/dist/esm/dist/index.d.js +76 -0
  293. package/dist/esm/dist/index.d.js.map +7 -0
  294. package/dist/esm/dist/iterators/Range.d.js +1 -0
  295. package/dist/esm/dist/iterators/Range.d.js.map +7 -0
  296. package/dist/esm/dist/lifecycle/OnBeforeReturnGet.d.js +1 -0
  297. package/dist/esm/dist/lifecycle/OnBeforeReturnGet.d.js.map +7 -0
  298. package/dist/esm/dist/lifecycle/OnBeforeReturnSet.d.js +1 -0
  299. package/dist/esm/dist/lifecycle/OnBeforeReturnSet.d.js.map +7 -0
  300. package/dist/esm/dist/lifecycle/OnChangeAttrRender.d.js +1 -0
  301. package/dist/esm/dist/lifecycle/OnChangeAttrRender.d.js.map +7 -0
  302. package/dist/esm/dist/lifecycle/OnChildRenderedByProperty.d.js +1 -0
  303. package/dist/esm/dist/lifecycle/OnChildRenderedByProperty.d.js.map +7 -0
  304. package/dist/esm/dist/lifecycle/OnCreateRender.d.js +1 -0
  305. package/dist/esm/dist/lifecycle/OnCreateRender.d.js.map +7 -0
  306. package/dist/esm/dist/lifecycle/OnCreateRenderData.d.js +1 -0
  307. package/dist/esm/dist/lifecycle/OnCreateRenderData.d.js.map +7 -0
  308. package/dist/esm/dist/lifecycle/OnCreateRendered.d.js +1 -0
  309. package/dist/esm/dist/lifecycle/OnCreateRendered.d.js.map +7 -0
  310. package/dist/esm/dist/lifecycle/OnCreatedThisChild.d.js +1 -0
  311. package/dist/esm/dist/lifecycle/OnCreatedThisChild.d.js.map +7 -0
  312. package/dist/esm/dist/lifecycle/OnDestroyRender.d.js +1 -0
  313. package/dist/esm/dist/lifecycle/OnDestroyRender.d.js.map +7 -0
  314. package/dist/esm/dist/lifecycle/OnInitRender.d.js +1 -0
  315. package/dist/esm/dist/lifecycle/OnInitRender.d.js.map +7 -0
  316. package/dist/esm/dist/lifecycle/OnProxyDomRender.d.js +1 -0
  317. package/dist/esm/dist/lifecycle/OnProxyDomRender.d.js.map +7 -0
  318. package/dist/esm/dist/lifecycle/dr-this/OnDrThisBind.d.js +1 -0
  319. package/dist/esm/dist/lifecycle/dr-this/OnDrThisBind.d.js.map +7 -0
  320. package/dist/esm/dist/lifecycle/dr-this/OnDrThisUnBind.d.js +1 -0
  321. package/dist/esm/dist/lifecycle/dr-this/OnDrThisUnBind.d.js.map +7 -0
  322. package/dist/esm/dist/managers/RenderManager.d.js +1 -0
  323. package/dist/esm/dist/managers/RenderManager.d.js.map +7 -0
  324. package/dist/esm/dist/messenger/DefaultMessenger.d.js +1 -0
  325. package/dist/esm/dist/messenger/DefaultMessenger.d.js.map +7 -0
  326. package/dist/esm/dist/messenger/Messenger.d.js +1 -0
  327. package/dist/esm/dist/messenger/Messenger.d.js.map +7 -0
  328. package/dist/esm/dist/operators/Appender.d.js +1 -0
  329. package/dist/esm/dist/operators/Appender.d.js.map +7 -0
  330. package/dist/esm/dist/operators/Dr.d.js +1 -0
  331. package/dist/esm/dist/operators/Dr.d.js.map +7 -0
  332. package/dist/esm/dist/operators/DrAppender.d.js +1 -0
  333. package/dist/esm/dist/operators/DrAppender.d.js.map +7 -0
  334. package/dist/esm/dist/operators/DrFor.d.js +1 -0
  335. package/dist/esm/dist/operators/DrFor.d.js.map +7 -0
  336. package/dist/esm/dist/operators/DrForOf.d.js +1 -0
  337. package/dist/esm/dist/operators/DrForOf.d.js.map +7 -0
  338. package/dist/esm/dist/operators/DrForm.d.js +1 -0
  339. package/dist/esm/dist/operators/DrForm.d.js.map +7 -0
  340. package/dist/esm/dist/operators/DrIf.d.js +1 -0
  341. package/dist/esm/dist/operators/DrIf.d.js.map +7 -0
  342. package/dist/esm/dist/operators/DrInnerHTML.d.js +1 -0
  343. package/dist/esm/dist/operators/DrInnerHTML.d.js.map +7 -0
  344. package/dist/esm/dist/operators/DrInnerText.d.js +1 -0
  345. package/dist/esm/dist/operators/DrInnerText.d.js.map +7 -0
  346. package/dist/esm/dist/operators/DrPre.d.js +1 -0
  347. package/dist/esm/dist/operators/DrPre.d.js.map +7 -0
  348. package/dist/esm/dist/operators/DrRepeat.d.js +1 -0
  349. package/dist/esm/dist/operators/DrRepeat.d.js.map +7 -0
  350. package/dist/esm/dist/operators/DrStripElement.d.js +1 -0
  351. package/dist/esm/dist/operators/DrStripElement.d.js.map +7 -0
  352. package/dist/esm/dist/operators/DrTargetAttr.d.js +1 -0
  353. package/dist/esm/dist/operators/DrTargetAttr.d.js.map +7 -0
  354. package/dist/esm/dist/operators/DrTargetElement.d.js +1 -0
  355. package/dist/esm/dist/operators/DrTargetElement.d.js.map +7 -0
  356. package/dist/esm/dist/operators/DrTargetElementIsElement.d.js +1 -0
  357. package/dist/esm/dist/operators/DrTargetElementIsElement.d.js.map +7 -0
  358. package/dist/esm/dist/operators/DrThis.d.js +1 -0
  359. package/dist/esm/dist/operators/DrThis.d.js.map +7 -0
  360. package/dist/esm/dist/operators/DrThisProperty.d.js +1 -0
  361. package/dist/esm/dist/operators/DrThisProperty.d.js.map +7 -0
  362. package/dist/esm/dist/operators/OperatorExecuter.d.js +1 -0
  363. package/dist/esm/dist/operators/OperatorExecuter.d.js.map +7 -0
  364. package/dist/esm/dist/operators/OperatorExecuterAttrRequire.d.js +1 -0
  365. package/dist/esm/dist/operators/OperatorExecuterAttrRequire.d.js.map +7 -0
  366. package/dist/esm/dist/rawsets/AttrInitCallBack.d.js +1 -0
  367. package/dist/esm/dist/rawsets/AttrInitCallBack.d.js.map +7 -0
  368. package/dist/esm/dist/rawsets/Attrs.d.js +1 -0
  369. package/dist/esm/dist/rawsets/Attrs.d.js.map +7 -0
  370. package/dist/esm/dist/rawsets/CreatorMetaData.d.js +1 -0
  371. package/dist/esm/dist/rawsets/CreatorMetaData.d.js.map +7 -0
  372. package/dist/esm/dist/rawsets/DestroyOptionType.d.js +1 -0
  373. package/dist/esm/dist/rawsets/DestroyOptionType.d.js.map +7 -0
  374. package/dist/esm/dist/rawsets/ElementInitCallBack.d.js +1 -0
  375. package/dist/esm/dist/rawsets/ElementInitCallBack.d.js.map +7 -0
  376. package/dist/esm/dist/rawsets/RawSet.d.js +1 -0
  377. package/dist/esm/dist/rawsets/RawSet.d.js.map +7 -0
  378. package/dist/esm/dist/rawsets/RawSetOperatorType.d.js +1 -0
  379. package/dist/esm/dist/rawsets/RawSetOperatorType.d.js.map +7 -0
  380. package/dist/esm/dist/rawsets/RawSetType.d.js +1 -0
  381. package/dist/esm/dist/rawsets/RawSetType.d.js.map +7 -0
  382. package/dist/esm/dist/rawsets/Render.d.js +1 -0
  383. package/dist/esm/dist/rawsets/Render.d.js.map +7 -0
  384. package/dist/esm/dist/routers/HashRouter.d.js +1 -0
  385. package/dist/esm/dist/routers/HashRouter.d.js.map +7 -0
  386. package/dist/esm/dist/routers/PathRouter.d.js +1 -0
  387. package/dist/esm/dist/routers/PathRouter.d.js.map +7 -0
  388. package/dist/esm/dist/routers/Router.d.js +2 -0
  389. package/dist/esm/dist/routers/Router.d.js.map +7 -0
  390. package/dist/esm/dist/types/Types.d.js +1 -0
  391. package/dist/esm/dist/types/Types.d.js.map +7 -0
  392. package/dist/esm/dist/validators/AllCheckedValidatorArray.d.js +1 -0
  393. package/dist/esm/dist/validators/AllCheckedValidatorArray.d.js.map +7 -0
  394. package/dist/esm/dist/validators/AllUnCheckedValidatorArray.d.js +1 -0
  395. package/dist/esm/dist/validators/AllUnCheckedValidatorArray.d.js.map +7 -0
  396. package/dist/esm/dist/validators/CheckedValidator.d.js +1 -0
  397. package/dist/esm/dist/validators/CheckedValidator.d.js.map +7 -0
  398. package/dist/esm/dist/validators/CountEqualsCheckedValidatorArray.d.js +1 -0
  399. package/dist/esm/dist/validators/CountEqualsCheckedValidatorArray.d.js.map +7 -0
  400. package/dist/esm/dist/validators/CountEqualsUnCheckedValidatorArray.d.js +1 -0
  401. package/dist/esm/dist/validators/CountEqualsUnCheckedValidatorArray.d.js.map +7 -0
  402. package/dist/esm/dist/validators/CountGreaterThanCheckedValidatorArray.d.js +1 -0
  403. package/dist/esm/dist/validators/CountGreaterThanCheckedValidatorArray.d.js.map +7 -0
  404. package/dist/esm/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.d.js +1 -0
  405. package/dist/esm/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.d.js.map +7 -0
  406. package/dist/esm/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.d.js +1 -0
  407. package/dist/esm/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.d.js.map +7 -0
  408. package/dist/esm/dist/validators/CountGreaterThanUnCheckedValidatorArray.d.js +1 -0
  409. package/dist/esm/dist/validators/CountGreaterThanUnCheckedValidatorArray.d.js.map +7 -0
  410. package/dist/esm/dist/validators/CountLessThanCheckedValidatorArray.d.js +1 -0
  411. package/dist/esm/dist/validators/CountLessThanCheckedValidatorArray.d.js.map +7 -0
  412. package/dist/esm/dist/validators/CountLessThanEqualsCheckedValidatorArray.d.js +1 -0
  413. package/dist/esm/dist/validators/CountLessThanEqualsCheckedValidatorArray.d.js.map +7 -0
  414. package/dist/esm/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.d.js +1 -0
  415. package/dist/esm/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.d.js.map +7 -0
  416. package/dist/esm/dist/validators/CountLessThanUnCheckedValidatorArray.d.js +1 -0
  417. package/dist/esm/dist/validators/CountLessThanUnCheckedValidatorArray.d.js.map +7 -0
  418. package/dist/esm/dist/validators/CountUnCheckedValidatorArray.d.js +1 -0
  419. package/dist/esm/dist/validators/CountUnCheckedValidatorArray.d.js.map +7 -0
  420. package/dist/esm/dist/validators/EmptyValidator.d.js +1 -0
  421. package/dist/esm/dist/validators/EmptyValidator.d.js.map +7 -0
  422. package/dist/esm/dist/validators/ExcludeCheckedValidatorArray.d.js +1 -0
  423. package/dist/esm/dist/validators/ExcludeCheckedValidatorArray.d.js.map +7 -0
  424. package/dist/esm/dist/validators/FormValidator.d.js +1 -0
  425. package/dist/esm/dist/validators/FormValidator.d.js.map +7 -0
  426. package/dist/esm/dist/validators/IncludeCheckedValidatorArray.d.js +1 -0
  427. package/dist/esm/dist/validators/IncludeCheckedValidatorArray.d.js.map +7 -0
  428. package/dist/esm/dist/validators/MultipleValidator.d.js +1 -0
  429. package/dist/esm/dist/validators/MultipleValidator.d.js.map +7 -0
  430. package/dist/esm/dist/validators/NonPassValidator.d.js +1 -0
  431. package/dist/esm/dist/validators/NonPassValidator.d.js.map +7 -0
  432. package/dist/esm/dist/validators/NotEmptyValidator.d.js +1 -0
  433. package/dist/esm/dist/validators/NotEmptyValidator.d.js.map +7 -0
  434. package/dist/esm/dist/validators/NotRegExpTestValidator.d.js +1 -0
  435. package/dist/esm/dist/validators/NotRegExpTestValidator.d.js.map +7 -0
  436. package/dist/esm/dist/validators/PassValidator.d.js +1 -0
  437. package/dist/esm/dist/validators/PassValidator.d.js.map +7 -0
  438. package/dist/esm/dist/validators/RegExpTestValidator.d.js +1 -0
  439. package/dist/esm/dist/validators/RegExpTestValidator.d.js.map +7 -0
  440. package/dist/esm/dist/validators/RequiredValidator.d.js +1 -0
  441. package/dist/esm/dist/validators/RequiredValidator.d.js.map +7 -0
  442. package/dist/esm/dist/validators/UnCheckedValidator.d.js +1 -0
  443. package/dist/esm/dist/validators/UnCheckedValidator.d.js.map +7 -0
  444. package/dist/esm/dist/validators/ValidMultipleValidator.d.js +1 -0
  445. package/dist/esm/dist/validators/ValidMultipleValidator.d.js.map +7 -0
  446. package/dist/esm/dist/validators/ValidValidator.d.js +1 -0
  447. package/dist/esm/dist/validators/ValidValidator.d.js.map +7 -0
  448. package/dist/esm/dist/validators/ValidValidatorArray.d.js +1 -0
  449. package/dist/esm/dist/validators/ValidValidatorArray.d.js.map +7 -0
  450. package/dist/esm/dist/validators/Validator.d.js +1 -0
  451. package/dist/esm/dist/validators/Validator.d.js.map +7 -0
  452. package/dist/esm/dist/validators/ValidatorArray.d.js +1 -0
  453. package/dist/esm/dist/validators/ValidatorArray.d.js.map +7 -0
  454. package/dist/esm/dist/validators/ValueEqualsValidator.d.js +1 -0
  455. package/dist/esm/dist/validators/ValueEqualsValidator.d.js.map +7 -0
  456. package/dist/esm/dist/validators/ValueNotEqualsValidator.d.js +1 -0
  457. package/dist/esm/dist/validators/ValueNotEqualsValidator.d.js.map +7 -0
  458. package/dist/esm/events/EventManager.js +32 -14
  459. package/dist/esm/events/EventManager.js.map +2 -2
  460. package/dist/esm/rawsets/RawSet.js +15 -17
  461. package/dist/esm/rawsets/RawSet.js.map +2 -2
  462. package/dist/esm-bundle/dooboostore-dom-render.esm.js +607 -2411
  463. package/dist/esm-bundle/dooboostore-dom-render.esm.js.map +4 -4
  464. package/dist/types/DomRenderProxy.d.ts.map +1 -1
  465. package/dist/types/components/forOf/ForOf.d.ts +1 -1
  466. package/dist/types/components/forOf/ForOf.d.ts.map +1 -1
  467. package/dist/types/components/index.d.ts +1 -0
  468. package/dist/types/components/index.d.ts.map +1 -1
  469. package/dist/types/components/promise/PromiseSwitch.d.ts +1 -1
  470. package/dist/types/components/router/RouterOutlet.d.ts +1 -1
  471. package/dist/types/components/router/RouterOutlet.d.ts.map +1 -1
  472. package/dist/types/components/select/Select.d.ts +1 -1
  473. package/dist/types/components/select/Select.d.ts.map +1 -1
  474. package/dist/types/decorators/DomRenderNoProxy.d.ts.map +1 -1
  475. package/dist/types/events/EventManager.d.ts +1 -0
  476. package/dist/types/events/EventManager.d.ts.map +1 -1
  477. package/dist/types/rawsets/RawSet.d.ts.map +1 -1
  478. package/dist/umd-bundle/dooboostore-dom-render.umd.js +607 -2411
  479. package/dist/umd-bundle/dooboostore-dom-render.umd.js.map +4 -4
  480. package/package.json +3 -3
  481. package/src/DomRenderProxy.ts +19 -5
  482. package/src/components/forOf/ForOf.ts +2 -2
  483. package/src/components/index.ts +3 -0
  484. package/src/components/router/RouterOutlet.ts +1 -1
  485. package/src/components/select/Select.ts +1 -1
  486. package/src/decorators/DomRenderNoProxy.ts +17 -14
  487. package/src/dist/DomRender.d.ts +39 -0
  488. package/src/dist/DomRender.d.ts.map +1 -0
  489. package/src/dist/DomRender.js +146 -0
  490. package/src/dist/DomRender.js.map +1 -0
  491. package/src/dist/DomRenderProxy.d.ts +42 -0
  492. package/src/dist/DomRenderProxy.d.ts.map +1 -0
  493. package/src/dist/DomRenderProxy.js +657 -0
  494. package/src/dist/DomRenderProxy.js.map +1 -0
  495. package/src/dist/README.MD +1467 -0
  496. package/src/dist/components/ComponentBase.d.ts +60 -0
  497. package/src/dist/components/ComponentBase.d.ts.map +1 -0
  498. package/src/dist/components/ComponentBase.js +295 -0
  499. package/src/dist/components/ComponentBase.js.map +1 -0
  500. package/src/dist/components/ComponentSet.d.ts +22 -0
  501. package/src/dist/components/ComponentSet.d.ts.map +1 -0
  502. package/src/dist/components/ComponentSet.js +23 -0
  503. package/src/dist/components/ComponentSet.js.map +1 -0
  504. package/src/dist/components/appender/Appender.d.ts +23 -0
  505. package/src/dist/components/appender/Appender.d.ts.map +1 -0
  506. package/src/dist/components/appender/Appender.js +59 -0
  507. package/src/dist/components/appender/Appender.js.map +1 -0
  508. package/src/dist/components/checkbox/CheckBox.d.ts +47 -0
  509. package/src/dist/components/checkbox/CheckBox.d.ts.map +1 -0
  510. package/src/dist/components/checkbox/CheckBox.js +118 -0
  511. package/src/dist/components/checkbox/CheckBox.js.map +1 -0
  512. package/src/dist/components/choose/Choose.d.ts +39 -0
  513. package/src/dist/components/choose/Choose.d.ts.map +1 -0
  514. package/src/dist/components/choose/Choose.js +94 -0
  515. package/src/dist/components/choose/Choose.js.map +1 -0
  516. package/src/dist/components/details/Details.d.ts +57 -0
  517. package/src/dist/components/details/Details.d.ts.map +1 -0
  518. package/src/dist/components/details/Details.js +199 -0
  519. package/src/dist/components/details/Details.js.map +1 -0
  520. package/src/dist/components/dialog/Dialog.d.ts +1 -0
  521. package/src/dist/components/dialog/Dialog.d.ts.map +1 -0
  522. package/src/dist/components/dialog/Dialog.js +85 -0
  523. package/src/dist/components/dialog/Dialog.js.map +1 -0
  524. package/src/dist/components/dialog/example/ImageEditorDialog.d.ts +1 -0
  525. package/src/dist/components/dialog/example/ImageEditorDialog.d.ts.map +1 -0
  526. package/src/dist/components/dialog/example/ImageEditorDialog.js +116 -0
  527. package/src/dist/components/dialog/example/ImageEditorDialog.js.map +1 -0
  528. package/src/dist/components/forOf/ForOf.d.ts +18 -0
  529. package/src/dist/components/forOf/ForOf.d.ts.map +1 -0
  530. package/src/dist/components/forOf/ForOf.js +32 -0
  531. package/src/dist/components/forOf/ForOf.js.map +1 -0
  532. package/src/dist/components/if/If.d.ts +21 -0
  533. package/src/dist/components/if/If.d.ts.map +1 -0
  534. package/src/dist/components/if/If.js +40 -0
  535. package/src/dist/components/if/If.js.map +1 -0
  536. package/src/dist/components/index.d.ts +29 -0
  537. package/src/dist/components/index.d.ts.map +1 -0
  538. package/src/dist/components/index.js +14 -0
  539. package/src/dist/components/index.js.map +1 -0
  540. package/src/dist/components/input/Input.d.ts +34 -0
  541. package/src/dist/components/input/Input.d.ts.map +1 -0
  542. package/src/dist/components/input/Input.js +89 -0
  543. package/src/dist/components/input/Input.js.map +1 -0
  544. package/src/dist/components/promise/PromiseSwitch.d.ts +55 -0
  545. package/src/dist/components/promise/PromiseSwitch.d.ts.map +1 -0
  546. package/src/dist/components/promise/PromiseSwitch.js +196 -0
  547. package/src/dist/components/promise/PromiseSwitch.js.map +1 -0
  548. package/src/dist/components/radio/Radio.d.ts +45 -0
  549. package/src/dist/components/radio/Radio.d.ts.map +1 -0
  550. package/src/dist/components/radio/Radio.js +123 -0
  551. package/src/dist/components/radio/Radio.js.map +1 -0
  552. package/src/dist/components/router/Route.d.ts +32 -0
  553. package/src/dist/components/router/Route.d.ts.map +1 -0
  554. package/src/dist/components/router/Route.js +116 -0
  555. package/src/dist/components/router/Route.js.map +1 -0
  556. package/src/dist/components/select/Select.d.ts +23 -0
  557. package/src/dist/components/select/Select.d.ts.map +1 -0
  558. package/src/dist/components/select/Select.js +52 -0
  559. package/src/dist/components/select/Select.js.map +1 -0
  560. package/src/dist/components/this/This.d.ts +31 -0
  561. package/src/dist/components/this/This.d.ts.map +1 -0
  562. package/src/dist/components/this/This.js +84 -0
  563. package/src/dist/components/this/This.js.map +1 -0
  564. package/src/dist/components/timer/Timer.d.ts +26 -0
  565. package/src/dist/components/timer/Timer.d.ts.map +1 -0
  566. package/src/dist/components/timer/Timer.js +102 -0
  567. package/src/dist/components/timer/Timer.js.map +1 -0
  568. package/src/dist/configs/Config.d.ts +39 -0
  569. package/src/dist/configs/Config.d.ts.map +1 -0
  570. package/src/dist/configs/Config.js +2 -0
  571. package/src/dist/configs/Config.js.map +1 -0
  572. package/src/dist/configs/TargetAttr.d.ts +7 -0
  573. package/src/dist/configs/TargetAttr.d.ts.map +1 -0
  574. package/src/dist/configs/TargetAttr.js +2 -0
  575. package/src/dist/configs/TargetAttr.js.map +1 -0
  576. package/src/dist/configs/TargetElement.d.ts +16 -0
  577. package/src/dist/configs/TargetElement.d.ts.map +1 -0
  578. package/src/dist/configs/TargetElement.js +2 -0
  579. package/src/dist/configs/TargetElement.js.map +1 -0
  580. package/src/dist/decorators/DomRenderNoProxy.d.ts +6 -0
  581. package/src/dist/decorators/DomRenderNoProxy.d.ts.map +1 -0
  582. package/src/dist/decorators/DomRenderNoProxy.js +30 -0
  583. package/src/dist/decorators/DomRenderNoProxy.js.map +1 -0
  584. package/src/dist/events/EventManager.d.ts +80 -0
  585. package/src/dist/events/EventManager.d.ts.map +1 -0
  586. package/src/dist/events/EventManager.js +657 -0
  587. package/src/dist/events/EventManager.js.map +1 -0
  588. package/src/dist/index.d.ts +49 -0
  589. package/src/dist/index.d.ts.map +1 -0
  590. package/src/dist/index.js +42 -0
  591. package/src/dist/index.js.map +1 -0
  592. package/src/dist/iterators/Range.d.ts +24 -0
  593. package/src/dist/iterators/Range.d.ts.map +1 -0
  594. package/src/dist/iterators/Range.js +70 -0
  595. package/src/dist/iterators/Range.js.map +1 -0
  596. package/src/dist/lifecycle/OnBeforeReturnGet.d.ts +4 -0
  597. package/src/dist/lifecycle/OnBeforeReturnGet.d.ts.map +1 -0
  598. package/src/dist/lifecycle/OnBeforeReturnGet.js +2 -0
  599. package/src/dist/lifecycle/OnBeforeReturnGet.js.map +1 -0
  600. package/src/dist/lifecycle/OnBeforeReturnSet.d.ts +5 -0
  601. package/src/dist/lifecycle/OnBeforeReturnSet.d.ts.map +1 -0
  602. package/src/dist/lifecycle/OnBeforeReturnSet.js +4 -0
  603. package/src/dist/lifecycle/OnBeforeReturnSet.js.map +1 -0
  604. package/src/dist/lifecycle/OnChangeAttrRender.d.ts +9 -0
  605. package/src/dist/lifecycle/OnChangeAttrRender.d.ts.map +1 -0
  606. package/src/dist/lifecycle/OnChangeAttrRender.js +4 -0
  607. package/src/dist/lifecycle/OnChangeAttrRender.js.map +1 -0
  608. package/src/dist/lifecycle/OnChildRenderedByProperty.d.ts +5 -0
  609. package/src/dist/lifecycle/OnChildRenderedByProperty.d.ts.map +1 -0
  610. package/src/dist/lifecycle/OnChildRenderedByProperty.js +4 -0
  611. package/src/dist/lifecycle/OnChildRenderedByProperty.js.map +1 -0
  612. package/src/dist/lifecycle/OnCreateRender.d.ts +5 -0
  613. package/src/dist/lifecycle/OnCreateRender.d.ts.map +1 -0
  614. package/src/dist/lifecycle/OnCreateRender.js +4 -0
  615. package/src/dist/lifecycle/OnCreateRender.js.map +1 -0
  616. package/src/dist/lifecycle/OnCreateRenderData.d.ts +10 -0
  617. package/src/dist/lifecycle/OnCreateRenderData.d.ts.map +1 -0
  618. package/src/dist/lifecycle/OnCreateRenderData.js +4 -0
  619. package/src/dist/lifecycle/OnCreateRenderData.js.map +1 -0
  620. package/src/dist/lifecycle/OnCreateRendered.d.ts +8 -0
  621. package/src/dist/lifecycle/OnCreateRendered.d.ts.map +1 -0
  622. package/src/dist/lifecycle/OnCreateRendered.js +4 -0
  623. package/src/dist/lifecycle/OnCreateRendered.js.map +1 -0
  624. package/src/dist/lifecycle/OnCreatedThisChild.d.ts +6 -0
  625. package/src/dist/lifecycle/OnCreatedThisChild.d.ts.map +1 -0
  626. package/src/dist/lifecycle/OnCreatedThisChild.js +4 -0
  627. package/src/dist/lifecycle/OnCreatedThisChild.js.map +1 -0
  628. package/src/dist/lifecycle/OnDestroyRender.d.ts +9 -0
  629. package/src/dist/lifecycle/OnDestroyRender.d.ts.map +1 -0
  630. package/src/dist/lifecycle/OnDestroyRender.js +4 -0
  631. package/src/dist/lifecycle/OnDestroyRender.js.map +1 -0
  632. package/src/dist/lifecycle/OnInitRender.d.ts +6 -0
  633. package/src/dist/lifecycle/OnInitRender.d.ts.map +1 -0
  634. package/src/dist/lifecycle/OnInitRender.js +4 -0
  635. package/src/dist/lifecycle/OnInitRender.js.map +1 -0
  636. package/src/dist/lifecycle/OnProxyDomRender.d.ts +6 -0
  637. package/src/dist/lifecycle/OnProxyDomRender.d.ts.map +1 -0
  638. package/src/dist/lifecycle/OnProxyDomRender.js +2 -0
  639. package/src/dist/lifecycle/OnProxyDomRender.js.map +1 -0
  640. package/src/dist/lifecycle/dr-this/OnDrThisBind.d.ts +5 -0
  641. package/src/dist/lifecycle/dr-this/OnDrThisBind.d.ts.map +1 -0
  642. package/src/dist/lifecycle/dr-this/OnDrThisBind.js +4 -0
  643. package/src/dist/lifecycle/dr-this/OnDrThisBind.js.map +1 -0
  644. package/src/dist/lifecycle/dr-this/OnDrThisUnBind.d.ts +5 -0
  645. package/src/dist/lifecycle/dr-this/OnDrThisUnBind.d.ts.map +1 -0
  646. package/src/dist/lifecycle/dr-this/OnDrThisUnBind.js +4 -0
  647. package/src/dist/lifecycle/dr-this/OnDrThisUnBind.js.map +1 -0
  648. package/src/dist/managers/RenderManager.d.ts +2 -0
  649. package/src/dist/managers/RenderManager.d.ts.map +1 -0
  650. package/src/dist/managers/RenderManager.js +12 -0
  651. package/src/dist/managers/RenderManager.js.map +1 -0
  652. package/src/dist/messenger/DefaultMessenger.d.ts +4 -0
  653. package/src/dist/messenger/DefaultMessenger.d.ts.map +1 -0
  654. package/src/dist/messenger/DefaultMessenger.js +4 -0
  655. package/src/dist/messenger/DefaultMessenger.js.map +1 -0
  656. package/src/dist/messenger/Messenger.d.ts +79 -0
  657. package/src/dist/messenger/Messenger.d.ts.map +1 -0
  658. package/src/dist/messenger/Messenger.js +185 -0
  659. package/src/dist/messenger/Messenger.js.map +1 -0
  660. package/src/dist/node_modules/.bin/eslint +21 -0
  661. package/src/dist/node_modules/.bin/sbf +21 -0
  662. package/src/dist/node_modules/.bin/ts-node +21 -0
  663. package/src/dist/node_modules/.bin/ts-node-cwd +21 -0
  664. package/src/dist/node_modules/.bin/ts-node-dev +21 -0
  665. package/src/dist/node_modules/.bin/ts-node-esm +21 -0
  666. package/src/dist/node_modules/.bin/ts-node-script +21 -0
  667. package/src/dist/node_modules/.bin/ts-node-transpile-only +21 -0
  668. package/src/dist/node_modules/.bin/ts-script +21 -0
  669. package/src/dist/node_modules/.bin/tsc +21 -0
  670. package/src/dist/node_modules/.bin/tsnd +21 -0
  671. package/src/dist/node_modules/.bin/tsserver +21 -0
  672. package/src/dist/node_modules/.bin/webpack +21 -0
  673. package/src/dist/node_modules/.bin/webpack-cli +21 -0
  674. package/src/dist/node_modules/.bin/webpack-dev-server +21 -0
  675. package/src/dist/operators/Appender.d.ts +15 -0
  676. package/src/dist/operators/Appender.d.ts.map +1 -0
  677. package/src/dist/operators/Appender.js +90 -0
  678. package/src/dist/operators/Appender.js.map +1 -0
  679. package/src/dist/operators/Dr.d.ts +9 -0
  680. package/src/dist/operators/Dr.d.ts.map +1 -0
  681. package/src/dist/operators/Dr.js +53 -0
  682. package/src/dist/operators/Dr.js.map +1 -0
  683. package/src/dist/operators/DrAppender.d.ts +9 -0
  684. package/src/dist/operators/DrAppender.d.ts.map +1 -0
  685. package/src/dist/operators/DrAppender.js +69 -0
  686. package/src/dist/operators/DrAppender.js.map +1 -0
  687. package/src/dist/operators/DrFor.d.ts +9 -0
  688. package/src/dist/operators/DrFor.d.ts.map +1 -0
  689. package/src/dist/operators/DrFor.js +58 -0
  690. package/src/dist/operators/DrFor.js.map +1 -0
  691. package/src/dist/operators/DrForOf.d.ts +9 -0
  692. package/src/dist/operators/DrForOf.d.ts.map +1 -0
  693. package/src/dist/operators/DrForOf.js +121 -0
  694. package/src/dist/operators/DrForOf.js.map +1 -0
  695. package/src/dist/operators/DrForm.d.ts +9 -0
  696. package/src/dist/operators/DrForm.d.ts.map +1 -0
  697. package/src/dist/operators/DrForm.js +79 -0
  698. package/src/dist/operators/DrForm.js.map +1 -0
  699. package/src/dist/operators/DrIf.d.ts +9 -0
  700. package/src/dist/operators/DrIf.d.ts.map +1 -0
  701. package/src/dist/operators/DrIf.js +71 -0
  702. package/src/dist/operators/DrIf.js.map +1 -0
  703. package/src/dist/operators/DrInnerHTML.d.ts +9 -0
  704. package/src/dist/operators/DrInnerHTML.d.ts.map +1 -0
  705. package/src/dist/operators/DrInnerHTML.js +48 -0
  706. package/src/dist/operators/DrInnerHTML.js.map +1 -0
  707. package/src/dist/operators/DrInnerText.d.ts +9 -0
  708. package/src/dist/operators/DrInnerText.d.ts.map +1 -0
  709. package/src/dist/operators/DrInnerText.js +46 -0
  710. package/src/dist/operators/DrInnerText.js.map +1 -0
  711. package/src/dist/operators/DrPre.d.ts +8 -0
  712. package/src/dist/operators/DrPre.d.ts.map +1 -0
  713. package/src/dist/operators/DrPre.js +22 -0
  714. package/src/dist/operators/DrPre.js.map +1 -0
  715. package/src/dist/operators/DrRepeat.d.ts +9 -0
  716. package/src/dist/operators/DrRepeat.d.ts.map +1 -0
  717. package/src/dist/operators/DrRepeat.js +70 -0
  718. package/src/dist/operators/DrRepeat.js.map +1 -0
  719. package/src/dist/operators/DrStripElement.d.ts +9 -0
  720. package/src/dist/operators/DrStripElement.d.ts.map +1 -0
  721. package/src/dist/operators/DrStripElement.js +50 -0
  722. package/src/dist/operators/DrStripElement.js.map +1 -0
  723. package/src/dist/operators/DrTargetAttr.d.ts +8 -0
  724. package/src/dist/operators/DrTargetAttr.d.ts.map +1 -0
  725. package/src/dist/operators/DrTargetAttr.js +45 -0
  726. package/src/dist/operators/DrTargetAttr.js.map +1 -0
  727. package/src/dist/operators/DrTargetElement.d.ts +13 -0
  728. package/src/dist/operators/DrTargetElement.d.ts.map +1 -0
  729. package/src/dist/operators/DrTargetElement.js +92 -0
  730. package/src/dist/operators/DrTargetElement.js.map +1 -0
  731. package/src/dist/operators/DrTargetElementIsElement.d.ts +8 -0
  732. package/src/dist/operators/DrTargetElementIsElement.d.ts.map +1 -0
  733. package/src/dist/operators/DrTargetElementIsElement.js +80 -0
  734. package/src/dist/operators/DrTargetElementIsElement.js.map +1 -0
  735. package/src/dist/operators/DrThis.d.ts +7 -0
  736. package/src/dist/operators/DrThis.d.ts.map +1 -0
  737. package/src/dist/operators/DrThis.js +101 -0
  738. package/src/dist/operators/DrThis.js.map +1 -0
  739. package/src/dist/operators/DrThisProperty.d.ts +11 -0
  740. package/src/dist/operators/DrThisProperty.d.ts.map +1 -0
  741. package/src/dist/operators/DrThisProperty.js +93 -0
  742. package/src/dist/operators/DrThisProperty.js.map +1 -0
  743. package/src/dist/operators/OperatorExecuter.d.ts +50 -0
  744. package/src/dist/operators/OperatorExecuter.d.ts.map +1 -0
  745. package/src/dist/operators/OperatorExecuter.js +52 -0
  746. package/src/dist/operators/OperatorExecuter.js.map +1 -0
  747. package/src/dist/operators/OperatorExecuterAttrRequire.d.ts +9 -0
  748. package/src/dist/operators/OperatorExecuterAttrRequire.d.ts.map +1 -0
  749. package/src/dist/operators/OperatorExecuterAttrRequire.js +25 -0
  750. package/src/dist/operators/OperatorExecuterAttrRequire.js.map +1 -0
  751. package/src/dist/package.json +88 -0
  752. package/src/dist/rawsets/AttrInitCallBack.d.ts +6 -0
  753. package/src/dist/rawsets/AttrInitCallBack.d.ts.map +1 -0
  754. package/src/dist/rawsets/AttrInitCallBack.js +2 -0
  755. package/src/dist/rawsets/AttrInitCallBack.js.map +1 -0
  756. package/src/dist/rawsets/Attrs.d.ts +29 -0
  757. package/src/dist/rawsets/Attrs.d.ts.map +1 -0
  758. package/src/dist/rawsets/Attrs.js +2 -0
  759. package/src/dist/rawsets/Attrs.js.map +1 -0
  760. package/src/dist/rawsets/CreatorMetaData.d.ts +20 -0
  761. package/src/dist/rawsets/CreatorMetaData.d.ts.map +1 -0
  762. package/src/dist/rawsets/CreatorMetaData.js +2 -0
  763. package/src/dist/rawsets/CreatorMetaData.js.map +1 -0
  764. package/src/dist/rawsets/DestroyOptionType.d.ts +5 -0
  765. package/src/dist/rawsets/DestroyOptionType.d.ts.map +1 -0
  766. package/src/dist/rawsets/DestroyOptionType.js +6 -0
  767. package/src/dist/rawsets/DestroyOptionType.js.map +1 -0
  768. package/src/dist/rawsets/ElementInitCallBack.d.ts +9 -0
  769. package/src/dist/rawsets/ElementInitCallBack.d.ts.map +1 -0
  770. package/src/dist/rawsets/ElementInitCallBack.js +2 -0
  771. package/src/dist/rawsets/ElementInitCallBack.js.map +1 -0
  772. package/src/dist/rawsets/RawSet.d.ts +180 -0
  773. package/src/dist/rawsets/RawSet.d.ts.map +1 -0
  774. package/src/dist/rawsets/RawSet.js +1469 -0
  775. package/src/dist/rawsets/RawSet.js.map +1 -0
  776. package/src/dist/rawsets/RawSetOperatorType.d.ts +4 -0
  777. package/src/dist/rawsets/RawSetOperatorType.d.ts.map +1 -0
  778. package/src/dist/rawsets/RawSetOperatorType.js +5 -0
  779. package/src/dist/rawsets/RawSetOperatorType.js.map +1 -0
  780. package/src/dist/rawsets/RawSetType.d.ts +8 -0
  781. package/src/dist/rawsets/RawSetType.d.ts.map +1 -0
  782. package/src/dist/rawsets/RawSetType.js +9 -0
  783. package/src/dist/rawsets/RawSetType.js.map +1 -0
  784. package/src/dist/rawsets/Render.d.ts +27 -0
  785. package/src/dist/rawsets/Render.d.ts.map +1 -0
  786. package/src/dist/rawsets/Render.js +2 -0
  787. package/src/dist/rawsets/Render.js.map +1 -0
  788. package/src/dist/routers/HashRouter.d.ts +25 -0
  789. package/src/dist/routers/HashRouter.d.ts.map +1 -0
  790. package/src/dist/routers/HashRouter.js +89 -0
  791. package/src/dist/routers/HashRouter.js.map +1 -0
  792. package/src/dist/routers/PathRouter.d.ts +24 -0
  793. package/src/dist/routers/PathRouter.d.ts.map +1 -0
  794. package/src/dist/routers/PathRouter.js +75 -0
  795. package/src/dist/routers/PathRouter.js.map +1 -0
  796. package/src/dist/routers/Router.d.ts +82 -0
  797. package/src/dist/routers/Router.d.ts.map +1 -0
  798. package/src/dist/routers/Router.js +152 -0
  799. package/src/dist/routers/Router.js.map +1 -0
  800. package/src/dist/tsconfig.build.tsbuildinfo +1 -0
  801. package/src/dist/types/Types.d.ts +12 -0
  802. package/src/dist/types/Types.d.ts.map +1 -0
  803. package/src/dist/types/Types.js +26 -0
  804. package/src/dist/types/Types.js.map +1 -0
  805. package/src/dist/validators/AllCheckedValidatorArray.d.ts +7 -0
  806. package/src/dist/validators/AllCheckedValidatorArray.d.ts.map +1 -0
  807. package/src/dist/validators/AllCheckedValidatorArray.js +11 -0
  808. package/src/dist/validators/AllCheckedValidatorArray.js.map +1 -0
  809. package/src/dist/validators/AllUnCheckedValidatorArray.d.ts +7 -0
  810. package/src/dist/validators/AllUnCheckedValidatorArray.d.ts.map +1 -0
  811. package/src/dist/validators/AllUnCheckedValidatorArray.js +11 -0
  812. package/src/dist/validators/AllUnCheckedValidatorArray.js.map +1 -0
  813. package/src/dist/validators/CheckedValidator.d.ts +6 -0
  814. package/src/dist/validators/CheckedValidator.d.ts.map +1 -0
  815. package/src/dist/validators/CheckedValidator.js +11 -0
  816. package/src/dist/validators/CheckedValidator.js.map +1 -0
  817. package/src/dist/validators/CountEqualsCheckedValidatorArray.d.ts +8 -0
  818. package/src/dist/validators/CountEqualsCheckedValidatorArray.d.ts.map +1 -0
  819. package/src/dist/validators/CountEqualsCheckedValidatorArray.js +12 -0
  820. package/src/dist/validators/CountEqualsCheckedValidatorArray.js.map +1 -0
  821. package/src/dist/validators/CountEqualsUnCheckedValidatorArray.d.ts +8 -0
  822. package/src/dist/validators/CountEqualsUnCheckedValidatorArray.d.ts.map +1 -0
  823. package/src/dist/validators/CountEqualsUnCheckedValidatorArray.js +12 -0
  824. package/src/dist/validators/CountEqualsUnCheckedValidatorArray.js.map +1 -0
  825. package/src/dist/validators/CountGreaterThanCheckedValidatorArray.d.ts +8 -0
  826. package/src/dist/validators/CountGreaterThanCheckedValidatorArray.d.ts.map +1 -0
  827. package/src/dist/validators/CountGreaterThanCheckedValidatorArray.js +12 -0
  828. package/src/dist/validators/CountGreaterThanCheckedValidatorArray.js.map +1 -0
  829. package/src/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.d.ts +8 -0
  830. package/src/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.d.ts.map +1 -0
  831. package/src/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.js +12 -0
  832. package/src/dist/validators/CountGreaterThanEqualsCheckedValidatorArray.js.map +1 -0
  833. package/src/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.d.ts +8 -0
  834. package/src/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.d.ts.map +1 -0
  835. package/src/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.js +12 -0
  836. package/src/dist/validators/CountGreaterThanEqualsUnCheckedValidatorArray.js.map +1 -0
  837. package/src/dist/validators/CountGreaterThanUnCheckedValidatorArray.d.ts +8 -0
  838. package/src/dist/validators/CountGreaterThanUnCheckedValidatorArray.d.ts.map +1 -0
  839. package/src/dist/validators/CountGreaterThanUnCheckedValidatorArray.js +12 -0
  840. package/src/dist/validators/CountGreaterThanUnCheckedValidatorArray.js.map +1 -0
  841. package/src/dist/validators/CountLessThanCheckedValidatorArray.d.ts +8 -0
  842. package/src/dist/validators/CountLessThanCheckedValidatorArray.d.ts.map +1 -0
  843. package/src/dist/validators/CountLessThanCheckedValidatorArray.js +12 -0
  844. package/src/dist/validators/CountLessThanCheckedValidatorArray.js.map +1 -0
  845. package/src/dist/validators/CountLessThanEqualsCheckedValidatorArray.d.ts +8 -0
  846. package/src/dist/validators/CountLessThanEqualsCheckedValidatorArray.d.ts.map +1 -0
  847. package/src/dist/validators/CountLessThanEqualsCheckedValidatorArray.js +12 -0
  848. package/src/dist/validators/CountLessThanEqualsCheckedValidatorArray.js.map +1 -0
  849. package/src/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.d.ts +8 -0
  850. package/src/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.d.ts.map +1 -0
  851. package/src/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.js +12 -0
  852. package/src/dist/validators/CountLessThanEqualsUnCheckedValidatorArray.js.map +1 -0
  853. package/src/dist/validators/CountLessThanUnCheckedValidatorArray.d.ts +8 -0
  854. package/src/dist/validators/CountLessThanUnCheckedValidatorArray.d.ts.map +1 -0
  855. package/src/dist/validators/CountLessThanUnCheckedValidatorArray.js +12 -0
  856. package/src/dist/validators/CountLessThanUnCheckedValidatorArray.js.map +1 -0
  857. package/src/dist/validators/CountUnCheckedValidatorArray.d.ts +8 -0
  858. package/src/dist/validators/CountUnCheckedValidatorArray.d.ts.map +1 -0
  859. package/src/dist/validators/CountUnCheckedValidatorArray.js +12 -0
  860. package/src/dist/validators/CountUnCheckedValidatorArray.js.map +1 -0
  861. package/src/dist/validators/EmptyValidator.d.ts +6 -0
  862. package/src/dist/validators/EmptyValidator.d.ts.map +1 -0
  863. package/src/dist/validators/EmptyValidator.js +12 -0
  864. package/src/dist/validators/EmptyValidator.js.map +1 -0
  865. package/src/dist/validators/ExcludeCheckedValidatorArray.d.ts +9 -0
  866. package/src/dist/validators/ExcludeCheckedValidatorArray.d.ts.map +1 -0
  867. package/src/dist/validators/ExcludeCheckedValidatorArray.js +17 -0
  868. package/src/dist/validators/ExcludeCheckedValidatorArray.js.map +1 -0
  869. package/src/dist/validators/FormValidator.d.ts +8 -0
  870. package/src/dist/validators/FormValidator.d.ts.map +1 -0
  871. package/src/dist/validators/FormValidator.js +16 -0
  872. package/src/dist/validators/FormValidator.js.map +1 -0
  873. package/src/dist/validators/IncludeCheckedValidatorArray.d.ts +9 -0
  874. package/src/dist/validators/IncludeCheckedValidatorArray.d.ts.map +1 -0
  875. package/src/dist/validators/IncludeCheckedValidatorArray.js +17 -0
  876. package/src/dist/validators/IncludeCheckedValidatorArray.js.map +1 -0
  877. package/src/dist/validators/MultipleValidator.d.ts +9 -0
  878. package/src/dist/validators/MultipleValidator.d.ts.map +1 -0
  879. package/src/dist/validators/MultipleValidator.js +25 -0
  880. package/src/dist/validators/MultipleValidator.js.map +1 -0
  881. package/src/dist/validators/NonPassValidator.d.ts +6 -0
  882. package/src/dist/validators/NonPassValidator.d.ts.map +1 -0
  883. package/src/dist/validators/NonPassValidator.js +10 -0
  884. package/src/dist/validators/NonPassValidator.js.map +1 -0
  885. package/src/dist/validators/NotEmptyValidator.d.ts +6 -0
  886. package/src/dist/validators/NotEmptyValidator.d.ts.map +1 -0
  887. package/src/dist/validators/NotEmptyValidator.js +13 -0
  888. package/src/dist/validators/NotEmptyValidator.js.map +1 -0
  889. package/src/dist/validators/NotRegExpTestValidator.d.ts +7 -0
  890. package/src/dist/validators/NotRegExpTestValidator.d.ts.map +1 -0
  891. package/src/dist/validators/NotRegExpTestValidator.js +20 -0
  892. package/src/dist/validators/NotRegExpTestValidator.js.map +1 -0
  893. package/src/dist/validators/PassValidator.d.ts +6 -0
  894. package/src/dist/validators/PassValidator.d.ts.map +1 -0
  895. package/src/dist/validators/PassValidator.js +10 -0
  896. package/src/dist/validators/PassValidator.js.map +1 -0
  897. package/src/dist/validators/RegExpTestValidator.d.ts +7 -0
  898. package/src/dist/validators/RegExpTestValidator.d.ts.map +1 -0
  899. package/src/dist/validators/RegExpTestValidator.js +21 -0
  900. package/src/dist/validators/RegExpTestValidator.js.map +1 -0
  901. package/src/dist/validators/RequiredValidator.d.ts +6 -0
  902. package/src/dist/validators/RequiredValidator.d.ts.map +1 -0
  903. package/src/dist/validators/RequiredValidator.js +12 -0
  904. package/src/dist/validators/RequiredValidator.js.map +1 -0
  905. package/src/dist/validators/UnCheckedValidator.d.ts +6 -0
  906. package/src/dist/validators/UnCheckedValidator.d.ts.map +1 -0
  907. package/src/dist/validators/UnCheckedValidator.js +11 -0
  908. package/src/dist/validators/UnCheckedValidator.js.map +1 -0
  909. package/src/dist/validators/ValidMultipleValidator.d.ts +10 -0
  910. package/src/dist/validators/ValidMultipleValidator.d.ts.map +1 -0
  911. package/src/dist/validators/ValidMultipleValidator.js +12 -0
  912. package/src/dist/validators/ValidMultipleValidator.js.map +1 -0
  913. package/src/dist/validators/ValidValidator.d.ts +7 -0
  914. package/src/dist/validators/ValidValidator.d.ts.map +1 -0
  915. package/src/dist/validators/ValidValidator.js +11 -0
  916. package/src/dist/validators/ValidValidator.js.map +1 -0
  917. package/src/dist/validators/ValidValidatorArray.d.ts +8 -0
  918. package/src/dist/validators/ValidValidatorArray.d.ts.map +1 -0
  919. package/src/dist/validators/ValidValidatorArray.js +11 -0
  920. package/src/dist/validators/ValidValidatorArray.js.map +1 -0
  921. package/src/dist/validators/Validator.d.ts +58 -0
  922. package/src/dist/validators/Validator.d.ts.map +1 -0
  923. package/src/dist/validators/Validator.js +203 -0
  924. package/src/dist/validators/Validator.js.map +1 -0
  925. package/src/dist/validators/ValidatorArray.d.ts +18 -0
  926. package/src/dist/validators/ValidatorArray.d.ts.map +1 -0
  927. package/src/dist/validators/ValidatorArray.js +77 -0
  928. package/src/dist/validators/ValidatorArray.js.map +1 -0
  929. package/src/dist/validators/ValueEqualsValidator.d.ts +7 -0
  930. package/src/dist/validators/ValueEqualsValidator.d.ts.map +1 -0
  931. package/src/dist/validators/ValueEqualsValidator.js +11 -0
  932. package/src/dist/validators/ValueEqualsValidator.js.map +1 -0
  933. package/src/dist/validators/ValueNotEqualsValidator.d.ts +7 -0
  934. package/src/dist/validators/ValueNotEqualsValidator.d.ts.map +1 -0
  935. package/src/dist/validators/ValueNotEqualsValidator.js +11 -0
  936. package/src/dist/validators/ValueNotEqualsValidator.js.map +1 -0
  937. package/src/events/EventManager.ts +41 -15
  938. package/src/node_modules/.bin/eslint +9 -5
  939. package/src/node_modules/.bin/sbf +7 -3
  940. package/src/node_modules/.bin/ts-node +7 -3
  941. package/src/node_modules/.bin/ts-node-cwd +7 -3
  942. package/src/node_modules/.bin/ts-node-dev +7 -3
  943. package/src/node_modules/.bin/ts-node-esm +7 -3
  944. package/src/node_modules/.bin/ts-node-script +7 -3
  945. package/src/node_modules/.bin/ts-node-transpile-only +7 -3
  946. package/src/node_modules/.bin/ts-script +7 -3
  947. package/src/node_modules/.bin/tsc +7 -3
  948. package/src/node_modules/.bin/tsnd +7 -3
  949. package/src/node_modules/.bin/tsserver +7 -3
  950. package/src/node_modules/.bin/webpack +7 -3
  951. package/src/node_modules/.bin/webpack-cli +7 -3
  952. package/src/node_modules/.bin/webpack-dev-server +7 -3
  953. package/src/rawsets/RawSet.ts +22 -77
  954. package/types.d.ts +2873 -0
  955. package/src/node_modules/.bin/acorn +0 -17
  956. package/src/node_modules/.bin/browserslist +0 -17
package/src/dist/README.MD ADDED
@@ -0,0 +1,1467 @@
1
+ DOM-RENDER
2
+ ===
3
+ [![typescript](https://img.shields.io/badge/-npm-black?logo=npm)](https://www.npmjs.com/package/@dooboostore/dom-render) [![license](https://img.shields.io/badge/license-MIT-green)](LICENSE.md)
4
+ * view template engine
5
+ * Dom control and reorder and render
6
+ * all internal variables are managed by proxy. (DomRenderProxy)
7
+
8
+ # 🚀 Quick start
9
+ ```typescript
10
+ import { DomRender } from '@dooboostore/dom-render';
11
+
12
+ class AppData {
13
+ name: string = 'my name is dom-render';
14
+ }
15
+
16
+ const data = new AppData();
17
+ DomRender.run(data, document.querySelector('#app')!);
18
+ ```
19
+ ```html
20
+ <!DOCTYPE html>
21
+ <html lang="en">
22
+ <head>
23
+ <meta charset="UTF-8">
24
+ <title>Title</title>
25
+ </head>
26
+ <body id="app">
27
+ ${this.name}$
28
+ </body>
29
+ </html>
30
+ ```
31
+
32
+ # 😃 examples
33
+ - [examples](./examples)
34
+
35
+
36
+ ## Expression
37
+ <details>
38
+ <summary>${...}$, #{...}# <strong>🔻(click)</strong></summary>
39
+
40
+ ### ${}$ innerTEXT, #{}# innerHTML
41
+ ```html
42
+ <body id="app">
43
+ ${this.name}$ <!-- outout: <i>my name is dom-render</i> -->
44
+ #{this.name}# <!-- outout text is italic: my name is dom-render -->
45
+ </body>
46
+ ```
47
+ ```typescript
48
+ import { DomRender } from '@dooboostore/dom-render';
49
+
50
+ class AppData {
51
+ name: string = '<i>my name is dom-render</i>';
52
+ }
53
+
54
+ const data = new AppData();
55
+ DomRender.run(data, document.querySelector('#app')!);
56
+ ```
57
+ </details>
58
+
59
+ # dom-render attributes
60
+
61
+
62
+ ## attribute change, bind
63
+ <details>
64
+ <summary>attribute<strong>🔻(click)</strong></summary>
65
+
66
+ ### attribute
67
+ ```html
68
+ <body id="app">
69
+ <input type="text" value="${this.name}$" style="${'color: '+this.color}$">
70
+ <button dr-event-click="this.changeData();">change</button>
71
+ </body>
72
+ ```
73
+ ```typescript
74
+ class Data {
75
+ name = 'my name is dom-render';
76
+ color = '#ff0000';
77
+
78
+ changeData() {
79
+ this.name = RandomUtils.getRandomString(10);
80
+ this.color = RandomUtils.getRandomColor();
81
+ }
82
+ }
83
+ const data = DomRender.run(new Data(), document.querySelector('#app')!);
84
+ ```
85
+ </details>
86
+
87
+
88
+ ## style css
89
+ ```typescript
90
+ export class IndexComponent implements OnInitRender, OnDestroyRender, OnInit, OnSimCreate, OnDrThisBind, OnDrThisUnBind, OnCreateRender, OnCreateRenderData, OnCreatedThisChild {
91
+ private canvas: HTMLCanvasElement | null = null;
92
+ private ctx: CanvasRenderingContext2D | null = null;
93
+
94
+ name = 'IndexComponent';
95
+ age = 10;
96
+ color = 'red';
97
+ img = 'url(\'https://pbs.twimg.com/media/F1FHR-saMAAMTKm?format=jpg&name=360x360\')';
98
+ //...
99
+ }
100
+ ```
101
+ ```css
102
+ .sign-container{
103
+ cursor: pointer;
104
+ width: 32px;
105
+ height: 28px;
106
+ background-image: ${@this@.img}$;
107
+ background-position: center; /* 정가운데 */
108
+ background-size: contain; /* 이미지 전체 표시 */
109
+ background-repeat: no-repeat; /* 반복 방지 */
110
+ }
111
+ ```
112
+ ```css
113
+ .#uuid# {
114
+ color:${@this@.color}$ ;
115
+ }
116
+ ```
117
+ ```css
118
+ @media (width >= /*$@this@.ss$*/) {
119
+ #profileDialog {
120
+ max-width: ${@this@.ss}$; /* 너비 조정 */
121
+ }
122
+ }
123
+ ```
124
+ ### Release the style that applies only to the inside of the component. Please write (1line) online
125
+ ```css
126
+ ## .wow {...}
127
+ ## body::-webkit-scrollbar {display: none;}
128
+ ```
129
+ ```html
130
+ <button dr-event-click="@this@.ss = '50rem'">aa</button>
131
+ ```
132
+
133
+ selector expression: /*$@this@.ss$*/
134
+ uuid: rawSetUUID
135
+ ##: escape scope
136
+
137
+
138
+
139
+ ## control, print Statement
140
+ <details>
141
+ <summary>dr-if<strong>🔻(click)</strong></summary>
142
+
143
+ ### if element render
144
+ ```html
145
+ <body id="app">
146
+ <div dr-if="true">true</div> <!-- render -->
147
+ <div dr-if="this.gender === 'M'">gender: M</div> <!-- No Render -->
148
+ </body>
149
+ ```
150
+ ```typescript
151
+ import { DomRender } from '@dooboostore/dom-render';
152
+
153
+ class AppData {
154
+ gender: string = 'F';
155
+ }
156
+
157
+ const data = new AppData();
158
+ DomRender.run(data, document.querySelector('#app')!);
159
+ ```
160
+ </details>
161
+
162
+
163
+
164
+
165
+
166
+ <details>
167
+ <summary>dr-for, dr-for-of<strong>🔻(click)</strong></summary>
168
+
169
+ ```html
170
+ <div dr-for="var i = 0; i < this.friends.length; i++"> friend</div>
171
+ <div dr-for-of="this.friends"> ${#it#.name}$</div>
172
+ <div dr-for-of="$range(10, 20)"><div>${#it#}$</div><div>
173
+ <div dr-for="var i = 1 ; i <= 9 ; i++" dr-it="i">
174
+ ${#it#}$ *
175
+ <scope dr-for="var y = 1 ; y <= 9 ; y++" dr-it="y" dr-var="superIt=#it#" dr-option-strip="true">
176
+ #it# = ${$var.superIt * #it#}$
177
+ </scope>
178
+ </div>
179
+ ```
180
+ </details>
181
+
182
+ <details>
183
+ <summary>dr-appender<strong>🔻(click)</strong></summary>
184
+
185
+ ```html
186
+ <h3>appender</h3>
187
+ <ul>
188
+ <li dr-appender="@this@.appender">
189
+ ${#it#}$
190
+ </li>
191
+ </ul>
192
+ <button dr-event-click="@this@.append()">appending</button>
193
+ <button dr-event-click="@this@.modifyAppender(0)">idx 0 modify</button>
194
+ <button dr-event-click="@this@.clearAppend()">appender clear</button>
195
+ ```
196
+
197
+ ```typescript
198
+ class Data {
199
+ appender = new Appender();
200
+
201
+ constructor() {
202
+ this.appender.push('init' + RandomUtils.uuid(), 'init' + RandomUtils.uuid());
203
+ }
204
+
205
+ append() {
206
+ this.appender.push(RandomUtils.uuid(), RandomUtils.uuid());
207
+ }
208
+
209
+ clearAppend() {
210
+ this.appender.clear()
211
+ }
212
+
213
+ modifyAppender(idx: number) {
214
+ this.appender[idx][0] = RandomUtils.uuid();
215
+ }
216
+ }
217
+
218
+ ```
219
+ </details>
220
+
221
+
222
+ ### dr-strip
223
+ ```html
224
+ <div dr-strip="true">aa</div>
225
+ ```
226
+ only "aa" result strip element
227
+
228
+
229
+
230
+ <details>
231
+ <summary>dr-repeat<strong>🔻(click)</strong></summary>
232
+
233
+ ```html
234
+ <div dr-repeat="10"><div>#it#</div></div>
235
+ <div dr-repeat="$range(10, 20)"><div>#it#</div></div>
236
+ <div dr-repeat="$range(10, 20, 5)"><div>#it#</div></div>
237
+ <div dr-repeat="$range('10..5, 2')"><div>#it#</div></div>
238
+ ```
239
+ </details>
240
+
241
+ <details>
242
+ <summary>dr-inner-text, dr-inner-html<strong>🔻(click)</strong></summary>
243
+
244
+ ```html
245
+ <div dr-inner-text="'<b>aa</b> <button dr-event-click=\'alert(1)\'>aa</button>'"> friend</div>
246
+ <div dr-inner-html="'<b>aa</b> <button dr-event-click=\'alert(1)\'>aa</button>'"> friend</div>
247
+ ```
248
+ </details>
249
+
250
+
251
+ ## event
252
+ <details>
253
+ <summary>dr-event-(name)<strong>🔻(click)</strong></summary>
254
+
255
+ * click, mousedown, mouseup, dblclick, mouseover, mouseout, mousemove, mouseenter, mouseleave, contextmenu, keyup, keydown, keypress, change, input, submit, resize, focus, blur
256
+ * ref: element
257
+ * variable: $event, $target
258
+ ```html
259
+ click: <button dr-event-click="@this@.name = 'name' + new Date()">click</button> <br>
260
+ change: <input type="text" dr-event-change="@this@.name = $target.value"> <br>
261
+ input: <input type="text" dr-event-input="@this@.name = $target.value"> <br>
262
+ keyup: <input type="text" dr-event-keyup="@this@.name = $target.value"> <br>
263
+ ...
264
+ keydown: <input type="text" dr-event-keydown="@this@.name = $target.value"><br>
265
+ submit: <form dr-event-submit="console.log($event); $event.preventDefault();"><input type="text"> <button type="submit">submit</button></form><br>
266
+ ```
267
+ </details>
268
+
269
+ <details>
270
+ <summary>dr-window-event-popstate<strong>🔻(click)</strong></summary>
271
+
272
+ * ref: window
273
+ * variable: $target
274
+
275
+ ```html
276
+ window-event-popstate: <input type="text" dr-window-event-popstate="alert(@this@.name)"><br>
277
+ ```
278
+ </details>
279
+
280
+ <details>
281
+ <summary>dr-event<strong>🔻(click)</strong></summary>
282
+
283
+ * other event
284
+ * ref: element
285
+ * variable: $params, $event
286
+
287
+
288
+ ```html
289
+ <input dr-event:bind='eventName1, eventName2' dr-event="console.log('event', $params, $event)" type="text">
290
+ ```
291
+ </details>
292
+
293
+
294
+ ## this
295
+ <details>
296
+ <summary>dr-this<strong>🔻(click)</strong></summary>
297
+ * dr-this
298
+ * object mapping
299
+
300
+ ```typescript
301
+ class data {
302
+ dictionary = {
303
+ name: 'visualkhh'
304
+ }
305
+ }
306
+ ```
307
+ ```html
308
+ <div dr-this="@this@.dictionary">
309
+ ${@this@.name}$
310
+ </div>
311
+ ```
312
+ </details>
313
+
314
+ <details>
315
+ <summary>dr-this-property<strong>🔻(click)</strong></summary>
316
+ * dr-property
317
+ * property forEach in object
318
+ * dynamic add, delete
319
+
320
+ ```typescript
321
+ class data {
322
+ dictionary = {
323
+ name1: 'visualkhh1',
324
+ name2: 'visualkhh2',
325
+ name3: 'visualkhh3'
326
+ }
327
+ }
328
+ ```
329
+ ```html
330
+ <home dr-this-property="@this@.dictionary" dr-on-init:arguments="[2,#this#]">
331
+ ${this}$
332
+ </home>
333
+ ```
334
+ </details>
335
+
336
+
337
+ ## Component Property binding with `@attribute` decorator
338
+ <details>
339
+ <summary>@attribute<strong>🔻(click)</strong></summary>
340
+
341
+ You can bind component properties directly to HTML attributes using the `@attribute` decorator. When the attribute on the custom element changes, the corresponding property in the component class instance is automatically updated.
342
+
343
+ This requires your component to extend `ComponentBase`.
344
+
345
+ ### Usage
346
+
347
+ The `@attribute` decorator options:
348
+
349
+ * `name: string`: Binds the property to a specifically named attribute. If not provided, the property name is used.
350
+ * `converter: (value: string | null) => any`: A function to convert the string attribute value to another type.
351
+
352
+ ### Example
353
+
354
+ **Component (`MyComponent.ts`)**
355
+ ```typescript
356
+ import { ComponentBase, attribute } from '@dooboostore/dom-render';
357
+
358
+ // Assuming MyComponent is registered with the tag 'my-component'
359
+ export class MyComponent extends ComponentBase<{ 'title': string, 'show-icon': string, 'created-at': string }> {
360
+ @attribute
361
+ title: string = 'Default Title';
362
+
363
+ @attribute({
364
+ name: 'show-icon',
365
+ converter: (val) => val === 'true'
366
+ })
367
+ showIcon: boolean; // The converter handles string -> boolean
368
+
369
+ @attribute({
370
+ name: 'created-at',
371
+ converter: (val) => val ? new Date(val) : null
372
+ })
373
+ createdAt: Date | null;
374
+ }
375
+ ```
376
+
377
+ **Template (`index.html`)**
378
+ ```html
379
+ <my-component
380
+ title="Hello World!"
381
+ show-icon="true"
382
+ created-at="2025-08-30T12:00:00Z">
383
+ </my-component>
384
+
385
+ <script>
386
+ // After some time, change the attribute
387
+ setTimeout(() => {
388
+ const comp = document.querySelector('my-component');
389
+ comp.setAttribute('title', 'New Title!');
390
+ comp.setAttribute('show-icon', 'false');
391
+ comp.setAttribute('created-at', new Date().toISOString());
392
+ }, 2000);
393
+ </script>
394
+ ```
395
+ When attributes change, the `converter` function will be executed before the value is assigned to the property. For `showIcon`, the string `"true"` or `"false"` will be converted to a boolean. For `createdAt`, the date string will be converted to a `Date` object.
396
+
397
+ ### Binding to Methods
398
+
399
+ The `@attribute` decorator can also be applied to methods. When the corresponding HTML attribute changes, the decorated method will be invoked with the new attribute value as its argument. This allows you to execute custom logic directly in response to attribute changes.
400
+
401
+ **Component (`MyComponent.ts`) - Method Example**
402
+ ```typescript
403
+ import { ComponentBase, attribute } from '@dooboostore/dom-render';
404
+
405
+ export class MyComponent extends ComponentBase<{ 'data-value': string }> {
406
+ public receivedData: string = '';
407
+
408
+ @attribute({ name: 'data-value' })
409
+ onDataValueChange(newValue: string): void {
410
+ this.receivedData = `Method received: ${newValue}`;
411
+ console.log(this.receivedData);
412
+ }
413
+ }
414
+ ```
415
+
416
+ **Template (`index.html`) - Method Example**
417
+ ```html
418
+ <my-component data-value="initial"></my-component>
419
+
420
+ <p>${@this@.receivedData}$</p>
421
+
422
+ <script>
423
+ setTimeout(() => {
424
+ const comp = document.querySelector('my-component');
425
+ comp.setAttribute('data-value', 'updated value');
426
+ }, 1000);
427
+ </script>
428
+ ```
429
+ When `data-value` attribute changes, the `onDataValueChange` method will be called with the new value.
430
+
431
+ </details>
432
+
433
+ ## Element Query with `@query` decorator
434
+ <details>
435
+ <summary>@query<strong>🔻(click)</strong></summary>
436
+
437
+ You can get a reference to DOM elements within your component's template using the `@query` decorator. It takes a CSS selector as an argument.
438
+
439
+ - If the decorated property is **not an array type**, it returns the **first** matching element (like `querySelector`).
440
+ - If the decorated property **is an array type** (e.g., `HTMLElement[]`), it returns **all** matching elements as an array (like `querySelectorAll`).
441
+ - When applied to a **method**, the method will be called with the queried element(s) as arguments after the component has been rendered. If the method expects a single element, the first match is passed. If it expects an array, all matches are passed.
442
+
443
+ This is useful for directly accessing and manipulating elements you need to interact with from your component's logic.
444
+
445
+ **Note:** This feature relies on TypeScript's decorator metadata (`emitDecoratorMetadata: true` in `tsconfig.json`).
446
+
447
+ ### Usage Example
448
+
449
+ ```typescript
450
+ import { ComponentBase, query } from '@dooboostore/dom-render';
451
+
452
+ // Assuming MyComponent is rendered with the template below
453
+ export class MyComponent extends ComponentBase<{}> {
454
+ // Gets the first element matching the selector
455
+ @query('h3.title')
456
+ private titleEl: HTMLHeadingElement;
457
+
458
+ // Gets all elements matching the selector as an array
459
+ @query('ul.item-list > li')
460
+ private items: HTMLLIElement[];
461
+
462
+ onInitRender() {
463
+ // The elements are available after the component has been rendered.
464
+ if (this.titleEl) {
465
+ this.titleEl.style.color = 'blue';
466
+ }
467
+
468
+ if (this.items && this.items.length > 0) {
469
+ this.items.forEach((item, index) => {
470
+ item.textContent = `Item ${index + 1} (updated)`;
471
+ });
472
+ }
473
+ }
474
+
475
+ // Method query: This method will be called with the first element matching '.my-button'
476
+ @query('.my-button')
477
+ private setupButton(button: HTMLButtonElement) {
478
+ if (button) {
479
+ button.addEventListener('click', () => alert('Button clicked from method query!'));
480
+ }
481
+ }
482
+
483
+ // Method query: This method will be called with an array of all elements matching 'span.item'
484
+ @query('span.item')
485
+ private processItems(spans: HTMLSpanElement[]) {
486
+ spans.forEach(span => {
487
+ span.style.fontWeight = 'bold';
488
+ });
489
+ }
490
+ }
491
+ ```
492
+
493
+ ### Template
494
+ ```html
495
+ <!-- Template for MyComponent -->
496
+ <div>
497
+ <h3 class="title">Original Title</h3>
498
+ <ul class="item-list">
499
+ <li>Item 1</li>
500
+ <li>Item 2</li>
501
+ <li>Item 3</li>
502
+ </ul>
503
+ <button class="my-button">Click Me</button>
504
+ <p><span class="item">First Span</span> <span class="item">Second Span</span></p>
505
+ </div>
506
+ ```
507
+ The `@query` decorator will assign the corresponding element(s) to the decorated property or pass them to the decorated method. The property will be `null`/`undefined` (for single query) or an empty array (for multiple query) if no elements are found or before the component is rendered. For methods, they will only be called if matching elements are found.
508
+
509
+ </details>
510
+
511
+ </details>
512
+
513
+ ## DOM Event Binding with `@event` decorator
514
+ <details>
515
+ <summary>@event<strong>🔻(click)</strong></summary>
516
+
517
+ You can bind component methods directly to DOM events on elements within your component's template using the `@event` decorator.
518
+
519
+ The decorator takes an options object with two properties:
520
+ - `query: string`: A CSS selector to find the target element(s).
521
+ - `name: string`: The name of the DOM event to listen for (e.g., `'click'`, `'input'`).
522
+
523
+ The framework will automatically add the event listener when the component is initialized and remove it when the component is destroyed, preventing memory leaks.
524
+
525
+ ### Usage Example
526
+
527
+ ```typescript
528
+ import { ComponentBase, event } from '@dooboostore/dom-render';
529
+
530
+ // Assuming MyComponent is rendered with the template below
531
+ export class MyComponent extends ComponentBase<{}> {
532
+
533
+ // This method will be called when any element matching 'button.action' is clicked.
534
+ @event({ query: 'button.action', name: 'click' })
535
+ onActionClick(e: MouseEvent) {
536
+ console.log('Action button clicked!', e.target);
537
+ alert('Action!');
538
+ }
539
+
540
+ // This method will be called for the 'input' event on all text inputs.
541
+ @event({ query: 'input[type="text"]', name: 'input' })
542
+ onTextInput(e: Event) {
543
+ const target = e.target as HTMLInputElement;
544
+ console.log(`Text changed in ${target.id}: ${target.value}`);
545
+ }
546
+ }
547
+ ```
548
+
549
+ ### Template
550
+ ```html
551
+ <!-- Template for MyComponent -->
552
+ <div>
553
+ <input type="text" id="firstname" placeholder="First Name">
554
+ <input type="text" id="lastname" placeholder="Last Name">
555
+ <button class="action">Submit</button>
556
+ </div>
557
+ ```
558
+ In this example, when the "Submit" button is clicked, the `onActionClick` method is executed. When the user types in either of the text inputs, the `onTextInput` method is executed for each keystroke.
559
+
560
+ </details>
561
+
562
+ ## nearThis
563
+ ```html
564
+ <div dr-this="@this@.dictionary"> (${@nearThis@.name}$) ${$nearThis.name}$ </div>
565
+ ```
566
+
567
+
568
+ ## dr-on-init
569
+ - element on-init event
570
+ ```html
571
+ <canvas id="gameCanvas" dr-on-init="console.log('--@@@@@@@---', $element)"></canvas>sssss
572
+ ```
573
+ ## value
574
+ <details>
575
+ <summary>dr-value, value-link<strong>🔻(click)</strong></summary>
576
+
577
+ * dr-value
578
+ * The value is assigned the first time.
579
+ * dr-value-link
580
+ * Value and variable values are referencing each other. It affects each other when changing. (Immediate reflection event: input)
581
+ * instance variable first
582
+ * dr-checked-link
583
+ * Value and variable values are referencing each other. It affects each other when changing. (Immediate reflection event: input)
584
+ * instance variable first
585
+ * dr-disabled-link
586
+ * Value and variable values are referencing each other. It affects each other when changing. (Immediate reflection event: input)
587
+ * instance variable first
588
+
589
+ ```html
590
+ dr-value: <input type="text" dr-value="@this@.office.name"> <br>
591
+ dr-value-link: <input type="text" dr-value-link="@this@.office.addr.street"> <br>
592
+ ```
593
+ </details>
594
+
595
+ ## Element State Attributes
596
+ <details>
597
+ <summary>dr-checked, dr-selected, dr-readonly, dr-disabled<strong>🔻(click)</strong></summary>
598
+
599
+ These attributes allow you to bind boolean values directly to the `checked`, `selected`, `readonly`, and `disabled` properties of HTML elements.
600
+
601
+ * `dr-checked`: Binds the `checked` attribute of an input (checkbox/radio) to a boolean value.
602
+ * `dr-selected`: Binds the `selected` attribute of an option to a boolean value.
603
+ * `dr-readonly`: Binds the `readonly` attribute of an input to a boolean value.
604
+ * `dr-disabled`: Binds the `disabled` attribute of an input/button/etc. to a boolean value.
605
+
606
+ ### Example
607
+
608
+ ```html
609
+ <!-- Example for dr-checked -->
610
+ <input type="checkbox" dr-checked="@this@.isChecked">
611
+ <p>Checkbox is: ${@this@.isChecked}$</p>
612
+
613
+ <!-- Example for dr-selected -->
614
+ <select>
615
+ <option value="apple" dr-selected="@this@.isAppleSelected">Apple</option>
616
+ <option value="banana" dr-selected="@this@.isBananaSelected">Banana</option>
617
+ </select>
618
+
619
+ <!-- Example for dr-readonly -->
620
+ <input type="text" dr-readonly="@this@.isReadOnly" value="Some text">
621
+
622
+ <!-- Example for dr-disabled -->
623
+ <button dr-disabled="@this@.isDisabled">Click Me</button>
624
+ <input type="text" dr-disabled="@this@.isDisabled" value="Disabled input">
625
+ ```
626
+ ```typescript
627
+ class Data {
628
+ isChecked = true;
629
+ isAppleSelected = false;
630
+ isBananaSelected = true;
631
+ isReadOnly = false;
632
+ isDisabled = true;
633
+ }
634
+ // ... DomRender.run(new Data(), ...)
635
+ ```
636
+ </details>
637
+
638
+ ## dr-on-rendered-init
639
+ - rendered call
640
+
641
+ ## other
642
+ <details>
643
+ <summary>dr-attr<strong>🔻(click)</strong></summary>
644
+
645
+ ```html
646
+ <textarea dr-attr="{rows: @this@.age/2, cols: @this@.age}"></textarea>
647
+ <div dr-attr="{wow: '123', good: 123444}"></div>
648
+ <div dr-attr="['wow=123', 'good=123444']"></div>
649
+ <div dr-attr="'wow=123, good=123444'"></div>
650
+ ```
651
+ </details>
652
+
653
+ <details>
654
+ <summary>dr-class<strong>🔻(click)</strong></summary>
655
+
656
+ ```html
657
+ <div dr-class="{big: @this@.age > 50, red: @this@.age > 50}"></div>
658
+ <div dr-class="'big yellow ' + (@this@.age > 50 ? 'old' : 'young')"></div>
659
+ <div dr-class="['small', 'yellow']"></div>
660
+ ```
661
+ </details>
662
+
663
+ <details>
664
+ <summary>dr-style<strong>🔻(click)</strong></summary>
665
+
666
+ ```html
667
+ <div dr-style="{'background-image': 'url(\' '+@this@.my?.image+'\')'}" >aa</div>
668
+ <div dr-style="{fontSize: @this@.age + 'px'}"> style </div>
669
+ <div dr-style="{'font-size': '20px'}"> style</div>
670
+ <div dr-style="'font-size: ' + @this@.age +'px; margin: ' + @this@.age + 'px'"> style </div>
671
+ <div dr-style="['font-size: ' + @this@.age +'px', 'margin: ' + @this@.age + 'px']"> style </div>
672
+ ```
673
+ </details>
674
+
675
+ <details>
676
+ <summary>dr-strip<strong>🔻(click)</strong></summary>
677
+
678
+ ```html
679
+ <div dr-strip="true"><span>hello</span></div> <!-- output html : <span>hello</span> -->
680
+ ```
681
+ </details>
682
+
683
+ <details>
684
+ <summary>dr-before, dr-after<strong>🔻(click)</strong></summary>
685
+
686
+ ```html
687
+ <div dr-before="console.log('process before')" dr-after="console.log('process after')"></div>
688
+ ```
689
+ </details>
690
+
691
+ <details>
692
+ <summary>dr-complete<strong>🔻(click)</strong></summary>
693
+
694
+ ```html
695
+ <select dr-value-link="@this@.currentContry" dr-event-change="@this@.contryChange($event)">
696
+ <option dr-for-of="@this@.languages" dr-value="#it#.key" dr-option-complete="@this@.currentContry='defaultValue'">${#it#.title}$</option>
697
+ </select>
698
+
699
+ <select id="object-type" name="type" class="select-input" dr-value-link="@this@.selectedObjetActionType">
700
+ <option dr-for-of="Object.values(@this@.objetActionType)" dr-detect-option-attr="{value: #it#, selected: @this@.selectedObjetActionType === #it# ? 'selected' : null}" >${@this@.objetActionMetaData[#it#].enName}$</option>
701
+ </select>
702
+ ```
703
+ #nearForOfIndex#
704
+ ```html
705
+ <select dr-value-link="@this@.selectedStationIndex" dr-event-change="@this@.onChangeStation($event)">
706
+ <option dr-for-of="@this@.stations" dr-value="#nearForOfIndex#">
707
+ ${#it#.name}$
708
+ </option>
709
+ </select>
710
+ ```
711
+
712
+ #it#
713
+ ```html
714
+ <input type="text" list="search-details-body-input-datalist" dr-on-init="@this@.onInitSearchElement($element);"> <button class="fa-solid fa-magnifying-glass"></button>
715
+ <datalist id="search-details-body-input-datalist">
716
+ <option dr-for-of="@this@.searchUsers" dr-value="#it#.name">
717
+ </datalist>
718
+
719
+ <div id="search-details-body-result-container">
720
+ <ul>
721
+ <li dr-for-of="@this@.searchUsers">
722
+ ${#it#.name}$
723
+ </li>
724
+ </ul>
725
+ </div>
726
+ ```
727
+ </details>
728
+
729
+ ## dr-form
730
+ <details>
731
+ <summary>form<strong>🔻(click)</strong></summary>
732
+ * event: change
733
+ * modify change: dr-form:event="input"
734
+
735
+ - [examples](./examples/forms)
736
+
737
+ ```html
738
+ <body id="app">
739
+ <form dr-form="@this@.form" dr-event-submit="@this@.submit(); $event.preventDefault();">
740
+ name: <input name="name">
741
+ age: <input name="age">
742
+ <button type="submit">submit</button>
743
+ </form>
744
+ </body>
745
+ ```
746
+ ```typescript
747
+ import { DomRender } from '@dooboostore/dom-render';
748
+
749
+ class FormData {
750
+ form: any = {};
751
+
752
+ submit() {
753
+ console.log(this.form);
754
+ }
755
+ }
756
+
757
+ const data = new FormData();
758
+ DomRender.run(data, document.querySelector('#app')!);
759
+ ```
760
+ <!-- 💥 submit call -->
761
+ <!-- console: {name: 'name data', age: 'age data'} -->
762
+ </details>
763
+
764
+ <details>
765
+ <summary>validator<strong>🔻(click)</strong></summary>
766
+
767
+ ```html
768
+ <body id="app">
769
+ <form dr-form="@this@.form" dr-event-submit="@this@.submit(); $event.preventDefault();">
770
+ name: <input name="name">
771
+ age: <input name="age">
772
+ <button type="submit">submit</button>
773
+ </form>
774
+ </body>
775
+ ```
776
+ ```typescript
777
+ import { DomRender } from '@dooboostore/dom-render';
778
+ import { FormValidator, NotEmptyValidator } from '@dooboostore/dom-render/validator';
779
+
780
+ class FormDataWithValidator {
781
+ form: FormValidator = new FormValidator();
782
+
783
+ constructor() {
784
+ this.form.name = new NotEmptyValidator();
785
+ this.form.age = new NotEmptyValidator();
786
+ }
787
+
788
+ submit() {
789
+ if (this.form.valid()){
790
+ console.log('valid');
791
+ } else {
792
+ console.log('inValid');
793
+ }
794
+ }
795
+ }
796
+
797
+ const data = new FormDataWithValidator();
798
+ DomRender.run(data, document.querySelector('#app')!);
799
+ ```
800
+ validator
801
+ - Validator (abstract)
802
+ - ValidatorArray (abstract)
803
+ - AllCheckedValidatorArray
804
+ - AllUnCheckedValidatorArray
805
+ - CheckedValidator
806
+ - CountEqualsCheckedValidatorArray
807
+ - CountEqualsUnCheckedValidatorArray
808
+ - CountGreaterThanCheckedValidatorArray
809
+ - CountGreaterThanEqualsCheckedValidatorArray
810
+ - CountGreaterThanEqualsUnCheckedValidatorArray
811
+ - CountGreaterThanUnCheckedValidatorArray
812
+ - CountLessThanCheckedValidatorArray
813
+ - CountLessThanEqualsCheckedValidatorArray
814
+ - CountLessThanEqualsUnCheckedValidatorArray
815
+ - CountLessThanUnCheckedValidatorArray
816
+ - CountUnCheckedValidatorArray
817
+ - EmptyValidator
818
+ - ExcludeCheckedValidatorArray
819
+ - FormValidator
820
+ - IncludeCheckedValidatorArray
821
+ - MultipleValidator
822
+ - NonPassValidator
823
+ - NotEmptyValidator
824
+ - NotRegExpTestValidator
825
+ - PassValidator
826
+ - RegExpTestValidator
827
+ - RequiredValidator
828
+ - UnCheckedValidator
829
+ - ValidMultipleValidator
830
+ - ValidValidator
831
+ - ValidValidatorArray
832
+ - ValueEqualsValidator
833
+ - ValueNotEqualsValidator
834
+ </details>
835
+
836
+
837
+
838
+ ## Route
839
+ <details>
840
+ <summary><strong>Route (click)</strong></summary>
841
+
842
+ Declarative routing is supported using the `dr-route-match` and `dr-route-regexp` components. This allows you to conditionally render parts of your UI based on the current URL path.
843
+
844
+ - [Example](./examples/route)
845
+
846
+ ### 1. Configuration
847
+
848
+ To enable routing, you must set the `routerType` in your `DomRender` configuration.
849
+
850
+ - `routerType`: Can be `'hash'`, `'path'`, or `'none'` (default).
851
+
852
+ ```typescript
853
+ // In your main setup file (e.g., index.ts)
854
+ import { DomRender, DomRenderRunConfig } from '@dooboostore/dom-render';
855
+
856
+ // ... your root object class (e.g., Index)
857
+
858
+ const config: DomRenderRunConfig<Index> = {
859
+ window: window,
860
+ routerType: 'path' // or 'hash'
861
+ };
862
+
863
+ const domRender = new DomRender({
864
+ rootObject: new Index(),
865
+ target: document.querySelector('#app')!,
866
+ config: config
867
+ }, {autoGo: '/'}); // autoGo navigates to the initial path
868
+ ```
869
+
870
+ ### 2. Template Usage
871
+
872
+ Use the `<dr-route-match>` and `<dr-route-regexp>` components in your HTML template to define which content appears for which route.
873
+
874
+ - **`<dr-route-match>`**: Renders its content when the path matches the `value` attribute. It supports simple paths and path parameters (e.g., `/{id}`).
875
+ - **`<dr-route-regexp>`**: Renders its content when the path matches the regular expression in the `value` attribute.
876
+
877
+ ```html
878
+ <!-- index.html -->
879
+ <header>
880
+ <!-- Navigation buttons -->
881
+ <button dr-event-click="$router?.go({path:'/'})">Main</button>
882
+ <button dr-event-click="$router?.go({path:'/second'})">Second</button>
883
+ <button dr-event-click="$router?.go({path:'/detail/42'})">Detail 42</button>
884
+ </header>
885
+
886
+ <main>
887
+ <!-- Content for the root path -->
888
+ <dr-route-match value="/">
889
+ <h1>Main Page</h1>
890
+ </dr-route-match>
891
+
892
+ <!-- Content for the /second path -->
893
+ <dr-route-match value="/second">
894
+ <h1>Second Page</h1>
895
+ </dr-route-match>
896
+
897
+ <!-- Content for a path with a numeric parameter -->
898
+ <dr-route-match value="/detail/{id:[0-9]+}">
899
+ <h1>Detail Page</h1>
900
+ <p>The router's pathData will contain the matched 'id'.</p>
901
+ </dr-route-match>
902
+
903
+ <!-- Content using a regular expression -->
904
+ <dr-route-regexp value="/second/[0-9]?$">
905
+ <p>This content appears for paths like /second/1, /second/2, etc.</p>
906
+ </dr-route-regexp>
907
+ </main>
908
+ ```
909
+
910
+ The `$router` object is automatically available in your templates for navigation (`$router.go(...)`) and testing (`$router.test(...)`).
911
+
912
+ </details>
913
+
914
+ ## Accessing the Root Object Proxy
915
+
916
+ After initializing `DomRender`, you can get a proxied reference to your `rootObject`. Any changes made to this proxy will be automatically detected and reflected in the DOM. This is useful for updating state from outside your component's methods, such as in `setTimeout` or in response to external events.
917
+
918
+ ```typescript
919
+ import { DomRender } from '@dooboostore/dom-render';
920
+
921
+ class App {
922
+ message = 'Hello, World!';
923
+ }
924
+
925
+ // 1. Initialize DomRender
926
+ const domRender = new DomRender({
927
+ rootObject: new App(),
928
+ target: document.querySelector('#app')!
929
+ });
930
+
931
+ // 2. Get the proxy to the rootObject
932
+ const data = domRender.rootObject;
933
+
934
+ // 3. Now you can modify the state from anywhere
935
+ setTimeout(() => {
936
+ // This change will automatically update the UI
937
+ data.message = 'Hello, DomRender!';
938
+ }, 2000);
939
+ ```
940
+
941
+ ```html
942
+ <!-- index.html -->
943
+ <div id="app">
944
+ ${@this@.message}$
945
+ </div>
946
+ ```
947
+
948
+ ## Core Components
949
+ This section describes the built-in components provided by `dom-render`.
950
+
951
+ <details>
952
+ <summary><strong>ComponentBase & Decorators (<code>@attribute</code>, <code>@query</code>, <code>@event</code>)</strong>🔻(click)</summary>
953
+
954
+ `ComponentBase` is the foundation for creating custom components that can interact with the `dom-render` lifecycle and attributes. When you extend `ComponentBase`, you gain access to powerful decorators for linking your class to the template.
955
+
956
+ - **`@attribute`**: Binds a class property to an HTML attribute. It can automatically convert values and even bind to methods.
957
+ - **`@query`**: Injects DOM elements from your component's template into class properties or method arguments.
958
+ - **`@event`**: Binds a class method to a DOM event on an element within the template, handling listener cleanup automatically.
959
+
960
+ *For detailed examples of these decorators, please see their dedicated sections above in the documentation.*
961
+
962
+ </details>
963
+
964
+ <details>
965
+ <summary><strong>ComponentSet</strong>🔻(click)</summary>
966
+
967
+ `ComponentSet` is a wrapper class that pairs a component instance with its own template and styles. It's the primary mechanism for dynamically rendering and swapping components within a `dr-this` block.
968
+
969
+ ### Usage
970
+ ```typescript
971
+ import { ComponentSet } from '@dooboostore/dom-render';
972
+
973
+ // Define two simple components
974
+ class ComponentA { message = 'This is Component A'; }
975
+ class ComponentB { message = 'Now you see Component B'; }
976
+
977
+ class App {
978
+ // Create ComponentSet instances for each component
979
+ componentA = new ComponentSet(new ComponentA(), { template: '<h1>${@this@.message}$</h1>' });
980
+ componentB = new ComponentSet(new ComponentB(), { template: '<h2>${@this@.message}$</h2>' });
981
+
982
+ // This property will hold the currently active component
983
+ activeComponent: ComponentSet;
984
+
985
+ constructor() {
986
+ this.activeComponent = this.componentA;
987
+ }
988
+
989
+ showA() { this.activeComponent = this.componentA; }
990
+ showB() { this.activeComponent = this.componentB; }
991
+ }
992
+ ```
993
+
994
+ ```html
995
+ <!-- This div will dynamically render the component held by 'activeComponent' -->
996
+ <div dr-this="@this@.activeComponent"></div>
997
+
998
+ <button dr-event-click="@this@.showA()">Show Component A</button>
999
+ <button dr-event-click="@this@.showB()">Show Component B</button>
1000
+ ```
1001
+ </details>
1002
+
1003
+ <details>
1004
+ <summary><strong><code>dr-this</code></strong>🔻(click)</summary>
1005
+
1006
+ The `dr-this` component is the target for rendering a `ComponentSet`. It dynamically renders the component instance and template defined in the `ComponentSet` object it's bound to.
1007
+
1008
+ See the `ComponentSet` example above for a practical demonstration.
1009
+
1010
+ </details>
1011
+
1012
+ <details>
1013
+ <summary><strong><code>dr-choose</code> / <code>dr-choose-when</code> / <code>dr-choose-other-wise</code></strong>🔻(click)</summary>
1014
+
1015
+ Provides a "switch-case" control flow for rendering blocks of HTML. It evaluates a data object and renders the first `dr-choose-when` block whose `test` condition returns true. If no `when` blocks match, the `dr-choose-other-wise` block is rendered.
1016
+
1017
+ ### Usage
1018
+ ```typescript
1019
+ class App {
1020
+ status: 'loading' | 'success' | 'error' = 'loading';
1021
+ }
1022
+ ```
1023
+ ```html
1024
+ <dr-choose data="${@this@.status}$">
1025
+ <dr-choose-when test="(status) => status === 'loading'">
1026
+ <p>Loading...</p>
1027
+ </dr-choose-when>
1028
+ <dr-choose-when test="(status) => status === 'success'">
1029
+ <p>Data loaded successfully!</p>
1030
+ </dr-choose-when>
1031
+ <dr-choose-other-wise>
1032
+ <p>An unknown error occurred.</p>
1033
+ </dr-choose-other-wise>
1034
+ </dr-choose>
1035
+ ```
1036
+ </details>
1037
+
1038
+ <details>
1039
+ <summary><strong><code>dr-promise-switch</code></strong>🔻(click)</summary>
1040
+
1041
+ Declaratively handles the different states of a JavaScript `Promise`. It provides child components to render content for `pending`, `fulfilled`, and `rejected` states.
1042
+
1043
+ ### Child Components
1044
+ - `<dr-promise-switch-pending>`: Shown while the promise is in flight.
1045
+ - `<dr-promise-switch-fulfilled>`: Shown when the promise resolves successfully. The resolved data is available inside via `#component#.data`.
1046
+ - `<dr-promise-switch-rejected>`: Shown when the promise is rejected. The error is available inside via `#component#.data`.
1047
+ - `<dr-promise-switch-default>`: Shown before the promise is triggered.
1048
+
1049
+ ### Usage
1050
+ ```typescript
1051
+ class App {
1052
+ userPromise = null;
1053
+
1054
+ fetchUser() {
1055
+ this.userPromise = fetch('/api/user').then(res => res.json());
1056
+ }
1057
+ }
1058
+ ```
1059
+ ```html
1060
+ <button dr-event-click="@this@.fetchUser()">Fetch User</button>
1061
+
1062
+ <dr-promise-switch data="${@this@.userPromise}$">
1063
+ <dr-promise-switch-pending>
1064
+ <p>Fetching user data...</p>
1065
+ </dr-promise-switch-pending>
1066
+ <dr-promise-switch-fulfilled>
1067
+ <p>Welcome, ${#component#.data.name}$!</p>
1068
+ </dr-promise-switch-fulfilled>
1069
+ <dr-promise-switch-rejected>
1070
+ <p>Failed to fetch user: ${#component#.data.message}$</p>
1071
+ </dr-promise-switch-rejected>
1072
+ </dr-promise-switch>
1073
+ ```
1074
+ </details>
1075
+
1076
+ <details>
1077
+ <summary><strong><code>dr-checkbox</code></strong>🔻(click)</summary>
1078
+
1079
+ A wrapper for creating a custom, stylable checkbox. It uses child components to define the appearance for checked and unchecked states.
1080
+
1081
+ ### Child Components
1082
+ - `<dr-checkbox-checked>`: Content to show when the box is checked.
1083
+ - `<dr-checkbox-unchecked>`: Content to show when the box is unchecked.
1084
+
1085
+ ### Usage
1086
+ ```typescript
1087
+ class App {
1088
+ agreed = false;
1089
+ }
1090
+ ```
1091
+ ```html
1092
+ <dr-checkbox name="terms" checked="${@this@.agreed}$" change="${(checked) => @this@.agreed = checked}$">
1093
+ <dr-checkbox-checked>
1094
+ <!-- Using FontAwesome icons as an example -->
1095
+ <i class="fas fa-check-square"></i> I agree to the terms.
1096
+ </dr-checkbox-checked>
1097
+ <dr-checkbox-unchecked>
1098
+ <i class="far fa-square"></i> I agree to the terms.
1099
+ </dr-checkbox-unchecked>
1100
+ </dr-checkbox>
1101
+
1102
+ <p>Agreed: ${@this@.agreed}$</p>
1103
+ ```
1104
+ </details>
1105
+
1106
+ <details>
1107
+ <summary><strong><code>dr-details</code></strong>🔻(click)</summary>
1108
+
1109
+ An enhanced version of the native `<details>` element. It provides child components for the summary and body, and includes extra functionality like closing when the user clicks outside of it.
1110
+
1111
+ ### Child Components
1112
+ - `<dr-details-summary>`: The clickable header of the details element.
1113
+ - `<dr-details-body>`: The collapsible content.
1114
+ - `<dr-details-form>`: A special body that is a form, with features like automatic reset on toggle.
1115
+
1116
+ ### Usage
1117
+ ```html
1118
+ <dr-details>
1119
+ <dr-details-summary>
1120
+ <h3>More Information</h3>
1121
+ </dr-details-summary>
1122
+ <dr-details-body>
1123
+ <p>Here is the hidden content that appears on click.</p>
1124
+ </dr-details-body>
1125
+ </dr-details>
1126
+ ```
1127
+ </details>
1128
+
1129
+ <details>
1130
+ <summary><strong><code>dr-input</code></strong>🔻(click)</summary>
1131
+
1132
+ A custom input component that enhances a standard `<input>` with powerful features like debouncing and distinct value change detection. This is useful for performance-intensive tasks like live search.
1133
+
1134
+ ### Attributes
1135
+ - `debounceTime`: (Optional) The time in milliseconds to wait after the user stops typing before firing the `input` event.
1136
+ - `distinct`: (Optional) If set to `true`, the `input` event will only fire if the new value is different from the previous one.
1137
+ - `input`: A callback function that receives the debounced/distinct value.
1138
+
1139
+ ### Usage
1140
+ ```typescript
1141
+ class App {
1142
+ searchQuery = '';
1143
+
1144
+ handleSearch(query: string) {
1145
+ console.log('Searching for:', query);
1146
+ this.searchQuery = query;
1147
+ }
1148
+ }
1149
+ ```
1150
+ ```html
1151
+ <label>Search:</label>
1152
+ <dr-input
1153
+ type="text"
1154
+ class="search-input"
1155
+ debounceTime="300"
1156
+ distinct="true"
1157
+ input="${(value) => @this@.handleSearch(value)}$"
1158
+ ></dr-input>
1159
+
1160
+ <p>Current query: ${@this@.searchQuery}$</p>
1161
+ ```
1162
+ </details>
1163
+
1164
+ ## Messenger (Data transmission)
1165
+ * publish, subscribe
1166
+ <details>
1167
+ <summary>publish<strong>🔻(click)</strong></summary>
1168
+
1169
+ ```typescript
1170
+ export class Home implements OnProxyDomRender {
1171
+ private channel?: Channel;
1172
+
1173
+ sendIndexMessage() {
1174
+ const rtn = this.channel?.publish(Index, {
1175
+ name: this.name,
1176
+ age: this.age,
1177
+ title: this.title
1178
+ });
1179
+ console.log('sendIndexMessage return value: ', rtn);
1180
+ }
1181
+
1182
+ onProxyDomRender({messenger}: Config): void {
1183
+ this.channel = messenger?.createChannel(Home);
1184
+ }
1185
+ }
1186
+ ```
1187
+ </details>
1188
+ <details>
1189
+ <summary>subscribe<strong>🔻(click)</strong></summary>
1190
+
1191
+ ```typescript
1192
+ class Index implements OnProxyDomRender {
1193
+ onProxyDomRender({messenger}: Config): void {
1194
+ messenger?.createChannel(this).filter((data) => (data.age ?? 0) > 5).subscribe((data) => {
1195
+ this.rcvData = data;
1196
+ return {data: 'good', action: 'actionGood'}
1197
+ });
1198
+ // messenger?.createChannel(this).subscribe((data) => {
1199
+ // this.rcvData = data;
1200
+ // return {data: 'good', action: 'actionGood'}
1201
+ // });
1202
+ }
1203
+ }
1204
+ ````
1205
+ </details>
1206
+
1207
+ ## Class
1208
+ <details>
1209
+ <summary>Range<strong>🔻(click)</strong></summary>
1210
+
1211
+ ```javascript
1212
+ const range = new Range(100,55, 10);
1213
+ for (let data of new Range(100,55, 10)) {
1214
+ console.log(data);
1215
+ }
1216
+ const rangeArray = new Range(100,55, 10).toArray();
1217
+ ```
1218
+ </details>
1219
+ <details>
1220
+ <summary>Appender<strong>🔻(click)</strong></summary>
1221
+
1222
+ ```javascript
1223
+ const appender = new Appender<number>([1, 2]);
1224
+ appender.push(3, 4)
1225
+ for (const data of appender) {
1226
+ console.log('----appender item---', data);
1227
+ }
1228
+ ```
1229
+ </details>
1230
+
1231
+ ## Detect Get, Set
1232
+ <details>
1233
+ <summary>Method Proxy<strong>🔻(click)</strong></summary>
1234
+
1235
+ ### using detect
1236
+ ```typescript
1237
+ {
1238
+ name: 'dom-render'
1239
+ onBeforeReturnSet: (name: string, value: any, fullpath: string[]) => {
1240
+ console.log('set name--', name, value, fullpath);
1241
+ }
1242
+ onBeforeReturnGet: (name: string, value: any, fullpath: string[]) => {
1243
+ console.log('get name--', name, value, fullpath);
1244
+ }
1245
+ }
1246
+ ```
1247
+ exclude detect property: Config
1248
+ - proxyExcludeOnBeforeReturnGets: ['propertyName']
1249
+ - proxyExcludeOnBeforeReturnSets: ['propertyName']
1250
+ ---
1251
+
1252
+ ### OnBeforeReturnSet
1253
+ ```typescript
1254
+ export interface OnBeforeReturnSet {
1255
+ onBeforeReturnSet(name: string, value: any, fullPath?: string[]): void;
1256
+ }
1257
+ ```
1258
+ ### OnBeforeReturnGet
1259
+ ```typescript
1260
+ export interface OnBeforeReturnGet {
1261
+ onBeforeReturnGet(name: string, value: any, fullPath?: string[]): void;
1262
+ }
1263
+ ```
1264
+ </details>
1265
+
1266
+
1267
+
1268
+ ## Proxy
1269
+ all internal variables are managed by proxy. (DomRenderProxy)
1270
+ ### exclude proxy (situation: Maximum call stack error)
1271
+ exclude detect property: Config
1272
+ - proxyExcludeTyps: [Class...]
1273
+
1274
+ Code base
1275
+ ```typescript
1276
+ // frezz
1277
+ {name : Object.freeze({...})}
1278
+
1279
+ // Shield Object type: {[k: string]: any}
1280
+ {name : new Shield()}
1281
+
1282
+ // DomRenderProxy Final
1283
+ {name : DomRenderProxy.final({...})}
1284
+ ```
1285
+ ---
1286
+
1287
+
1288
+ ## LifeCycle
1289
+ * OnCreateRender
1290
+ * onCreateRender(): created call
1291
+ * OnInitRender
1292
+ * onInitRender(): init render call
1293
+ * OnDestroyRender
1294
+ * onDestroyRender(): component Destroy call
1295
+
1296
+ ## Script
1297
+ ```typescript
1298
+ new DomRender.run(obj, target, {
1299
+ scripts: {
1300
+ concat: function (head: string, tail: string) {
1301
+ return head + tail;
1302
+ }
1303
+ }
1304
+ });
1305
+ ```
1306
+ using script
1307
+ ```typescript
1308
+ const data = config.scripts.concat('head', 'tail')
1309
+ ```
1310
+ ```html
1311
+ <div>${$scripts.concat('head', 'tail')}</div>
1312
+ <div dr-if="$scripts.concat('wow', 'good') === 'wowgood'"> is wowgood</div>
1313
+ ```
1314
+
1315
+ ---
1316
+ # Component, Attribute, AttributeCallBack
1317
+ # 😃 examples
1318
+ - [examples](./examples/component_script_attr) lazy load (html, css)
1319
+ ```html
1320
+ <body id="app">
1321
+ ${@this@.name}$
1322
+ <h1>component</h1>
1323
+ <profile dr-on-create:callback="$component.name='jhone'; $component.age=55;"><b>${#component#.details}$</b></profile>
1324
+ <profile dr-on-create:callback="$component.name='cal'; $component.age=56;"><b>detail-2</b></profile>
1325
+ <profile dr-on-create:callback="$component.name='rose'; $component.age=57;">
1326
+ <profile dr-on-create:callback="$component.name='rose-sub'; $component.age=156;">
1327
+ <b>${@this@.name}$</b>
1328
+ </profile>
1329
+ </profile>
1330
+ <h3>component data link and detect</h3>
1331
+ <Profile dr-if="@this@.toggle" dr-detect="$component.age = @this@.age" dr-on-create:callback="$component.name='papa'; $component.age=58;">
1332
+ <b>${@this@.name}$</b>
1333
+ </Profile>
1334
+ <Profile dr-if="@this@.toggle" dr-detect="$component.age = @this@.age" dr-on-constructor:arguments="[1,2]">
1335
+ <b>${@this@.name}$</b>
1336
+ </Profile>
1337
+
1338
+ <button dr-event-click="@this@.name = new Date().toString();">change name</button>
1339
+ <button dr-event-click="@this@.age = Date.now();">change age</button>
1340
+ <button dr-event-click="@this@.toggle = !@this@.toggle;">change toggle</button>
1341
+
1342
+ <j1>component constructor, on-create, dr-on-create:callback</j1>
1343
+ <home dr-constructor="[@this@.name, @this@.age, 'home welcom']" dr-on-create-arguments="{type: 'onCreate', data: 'datadata'}" dr-on-create:callback="$component.onInit('data')"></home>
1344
+
1345
+
1346
+
1347
+ <h1>scripts</h1>
1348
+ <div>
1349
+ ${$scripts.concat('hello', 'tail')}$
1350
+ </div>
1351
+
1352
+ <h1>attr</h1>
1353
+ <button link="@this@.link">
1354
+ link attribute
1355
+ </button>
1356
+ <h1>attrCallBack</h1>
1357
+ <input id="callback" type="text" wow>
1358
+ </body>
1359
+ ```
1360
+ ```typescript
1361
+ config.targetElements = [
1362
+ DomRender.createComponent({type: Profile, template: ProfileTemplate}), // lazy loading format 'lazy://component/home.html'
1363
+ DomRender.createComponent({type: Home, template: HomeTemplate, styles: HomeStyle})
1364
+ ]
1365
+
1366
+ config.targetAttrs = [
1367
+ DomRender.createAttribute('link',
1368
+ (element: Element, attrValue: string, obj: any, rawSet: RawSet) => {
1369
+ return obj;
1370
+ },
1371
+ (element: Element, attrValue: string, obj: any, rawSet: RawSet) => {
1372
+ const fag = window.document.createDocumentFragment();
1373
+ if (attrValue) {
1374
+ const n = element.cloneNode(true) as Element;
1375
+ attrValue = ScriptUtils.eval(`return ${attrValue}`, obj)
1376
+ n.addEventListener('click', () => {
1377
+ location.href = attrValue;
1378
+ });
1379
+ fag.append(n);
1380
+ }
1381
+ return fag;
1382
+ }
1383
+ )
1384
+ ]
1385
+
1386
+ config.applyEvents = [
1387
+ {
1388
+ attrName: 'wow',
1389
+ callBack: (e, a, o) => {
1390
+ e.addEventListener('click', (event) => {
1391
+ alert((event.target as any).value);
1392
+ })
1393
+ }
1394
+ }
1395
+ ]
1396
+ const data = DomRender.run(new Data(), document.querySelector('#app')!, config);
1397
+ ```
1398
+ using component
1399
+ ```html
1400
+ <my-element dr-on-create:callback="$component.say();"></my-element>
1401
+
1402
+ <home value="${@this@.name}$" wow="${@this@.color}$">
1403
+ ${#component#.homeName}$
1404
+ <home value="${#component#.homeName}$" wow="${#component#.homeColor}$" dr-component-name="sub_component" dr-component-inner-html-name="innerHTML">
1405
+ ${#sub_component#.homeName}$
1406
+ </home>
1407
+ </home>
1408
+ ```
1409
+ lazy loading rollup config
1410
+ ```javascript
1411
+ copy({
1412
+ targets: [
1413
+ {
1414
+ src: ['**/*.html', '**/*.css', '!node_modules/**/*.html', '!node_modules/**/*.css'], dest: 'dist',
1415
+ rename: (name, extension, fullPath) => `${fullPath}`
1416
+ },
1417
+ { src: 'assets', dest: 'dist' }
1418
+ ]
1419
+ })
1420
+ ```
1421
+
1422
+ ## parameter
1423
+ - dr-option-component-inner-html-name
1424
+ - dr-option-component-name
1425
+
1426
+ - callback
1427
+ - onChangeAttrRender
1428
+ - onCreateRenderData<T = any>(data: OnCreateRenderDataParams<T>): void
1429
+ - type OnCreateRenderDataParams<T = any> = { parent: T, render: Render };
1430
+ - OnCreateThisChild
1431
+ - thisChild created callback
1432
+ - OnChildRenderedByProperty
1433
+ - onChildRenderedByProperty(key: string, value: any, config: {rawSets:RawSet[]}): void;
1434
+ - event
1435
+ - dr-event-...:filter event filter!!
1436
+ - ex) dr-event-change:filter="false"
1437
+ - dr-event-...:dispatch
1438
+ - ```html
1439
+ <input name="${@this@.data.attribute.name}$"
1440
+ dr-event-change="@this@.change($element.checked)"
1441
+ dr-event-change:dispatch
1442
+ value="good"
1443
+ type="checkbox"
1444
+ checked
1445
+ />
1446
+ ```
1447
+ - attribute
1448
+ - dr-on-constructor:arguments: component constructor arguments
1449
+ - dr-on-create:callback: component created init callback script
1450
+ - dr-on-create:arguments: component onCreatedRender arguments
1451
+ - dr-on-init:arguments: component onInitRender arguments
1452
+ - dr-on-rendered-init: rendered
1453
+ - $component: component instance
1454
+ - $element: element instance
1455
+ - $attribute: element attribute object
1456
+ - $innerHTML: element innerHTML string
1457
+ - $creatorMetaData: metaData
1458
+ - #component#: component instance
1459
+ - #innerHTML#: element innerHTML
1460
+ - dr-option-this-name: renaming component variable name (default: component)
1461
+ - dr-option-component-name: renaming component variable name (default: component)
1462
+ - dr-option-inner-html-name: renaming innerHTML variable name (default: innerHTML)
1463
+ ---
1464
+
1465
+ # License
1466
+ * MIT
1467
+ * visualkhh@gmail.com