native-document 1.0.15 → 1.0.16-8.2

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 (649) hide show
  1. package/.npmrc.example +1 -0
  2. package/.vitepress/config.js +166 -0
  3. package/CHANGELOG.md +153 -0
  4. package/cdn.js +19 -0
  5. package/components.d.ts +2 -0
  6. package/components.js +30 -0
  7. package/devtools/ComponentRegistry.js +113 -0
  8. package/devtools/index.js +8 -0
  9. package/devtools/plugin/dev-tools-plugin.js +15 -0
  10. package/devtools/transformers/nd-vite-devtools.js +55 -0
  11. package/devtools/transformers/src/transformComponentForHrm.js +73 -0
  12. package/devtools/transformers/src/transformJsFile.js +9 -0
  13. package/devtools/transformers/src/utils.js +79 -0
  14. package/devtools/transformers/templates/hrm.hook.template.js +46 -0
  15. package/devtools/transformers/templates/hrm.orbservable.hook.template.js +76 -0
  16. package/devtools/widget/Widget.js +49 -0
  17. package/devtools/widget/widget.css +81 -0
  18. package/devtools/widget.js +23 -0
  19. package/dist/native-document.components.min.css +1 -0
  20. package/dist/native-document.components.min.js +23847 -0
  21. package/dist/native-document.dev.js +8421 -1492
  22. package/dist/native-document.dev.js.map +1 -0
  23. package/dist/native-document.devtools.min.js +1 -0
  24. package/dist/native-document.min.js +1 -1
  25. package/docs/advanced-components.md +419 -0
  26. package/docs/anchor.md +181 -257
  27. package/docs/cache.md +180 -0
  28. package/docs/cli.md +179 -0
  29. package/docs/components/accordion.md +172 -0
  30. package/docs/components/alert.md +99 -0
  31. package/docs/components/avatar.md +160 -0
  32. package/docs/components/badge.md +102 -0
  33. package/docs/components/breadcrumb.md +89 -0
  34. package/docs/components/button.md +183 -0
  35. package/docs/components/card.md +69 -0
  36. package/docs/components/context-menu.md +118 -0
  37. package/docs/components/data-table.md +345 -0
  38. package/docs/components/dropdown.md +214 -0
  39. package/docs/components/form/autocomplete-field.md +81 -0
  40. package/docs/components/form/checkbox-field.md +41 -0
  41. package/docs/components/form/checkbox-group-field.md +54 -0
  42. package/docs/components/form/color-field.md +64 -0
  43. package/docs/components/form/date-field.md +92 -0
  44. package/docs/components/form/field-collection.md +63 -0
  45. package/docs/components/form/file-field.md +203 -0
  46. package/docs/components/form/form-control.md +87 -0
  47. package/docs/components/form/image-field.md +90 -0
  48. package/docs/components/form/index.md +115 -0
  49. package/docs/components/form/number-field.md +65 -0
  50. package/docs/components/form/radio-field.md +51 -0
  51. package/docs/components/form/select-field.md +123 -0
  52. package/docs/components/form/slider.md +136 -0
  53. package/docs/components/form/string-field.md +134 -0
  54. package/docs/components/form/textarea-field.md +65 -0
  55. package/docs/components/form-fields.md +372 -0
  56. package/docs/components/getting-started.md +264 -0
  57. package/docs/components/index.md +337 -0
  58. package/docs/components/layout.md +279 -0
  59. package/docs/components/list.md +73 -0
  60. package/docs/components/menu.md +215 -0
  61. package/docs/components/modal.md +156 -0
  62. package/docs/components/pagination.md +95 -0
  63. package/docs/components/popover.md +131 -0
  64. package/docs/components/progress.md +111 -0
  65. package/docs/components/shortcut-manager.md +221 -0
  66. package/docs/components/simple-table.md +107 -0
  67. package/docs/components/skeleton.md +155 -0
  68. package/docs/components/spinner.md +100 -0
  69. package/docs/components/splitter.md +133 -0
  70. package/docs/components/stepper.md +163 -0
  71. package/docs/components/switch.md +113 -0
  72. package/docs/components/tabs.md +153 -0
  73. package/docs/components/toast.md +119 -0
  74. package/docs/components/tooltip.md +151 -0
  75. package/docs/components/traits.md +261 -0
  76. package/docs/conditional-rendering.md +177 -502
  77. package/docs/contributing.md +300 -25
  78. package/docs/core-concepts.md +207 -366
  79. package/docs/elements.md +266 -254
  80. package/docs/extending-native-document-element.md +259 -0
  81. package/docs/filters.md +247 -0
  82. package/docs/getting-started.md +195 -257
  83. package/docs/i18n.md +241 -0
  84. package/docs/index.md +76 -0
  85. package/docs/lifecycle-events.md +146 -67
  86. package/docs/list-rendering.md +240 -460
  87. package/docs/memory-management.md +135 -46
  88. package/docs/native-document-element.md +487 -0
  89. package/docs/native-fetch.md +213 -0
  90. package/docs/observable-resource.md +364 -0
  91. package/docs/observables.md +690 -357
  92. package/docs/routing.md +246 -646
  93. package/docs/state-management.md +213 -306
  94. package/docs/svg-elements.md +231 -0
  95. package/docs/theming.md +409 -0
  96. package/docs/tutorials/.gitkeep +0 -0
  97. package/docs/validation.md +98 -91
  98. package/docs/vitepress-conventions.md +219 -0
  99. package/elements.d.ts +7 -0
  100. package/elements.js +3 -4
  101. package/eslint.config.js +35 -0
  102. package/i18n.js +1 -0
  103. package/i18n.ts +2 -0
  104. package/index.d.ts +21 -0
  105. package/index.def.js +1086 -0
  106. package/index.js +19 -13
  107. package/package.json +59 -9
  108. package/readme.md +296 -93
  109. package/rollup.config.js +52 -3
  110. package/router.d.ts +7 -0
  111. package/router.js +0 -0
  112. package/src/components/$traits/has-draggable/HasDraggable.d.ts +4 -0
  113. package/src/components/$traits/has-draggable/HasDraggable.js +82 -0
  114. package/src/components/$traits/has-draggable/has-draggable.css +8 -0
  115. package/src/components/$traits/has-items/HasItems.d.ts +9 -0
  116. package/src/components/$traits/has-items/HasItems.js +64 -0
  117. package/src/components/$traits/has-position/HasFullPosition.d.ts +14 -0
  118. package/src/components/$traits/has-position/HasFullPosition.js +95 -0
  119. package/src/components/$traits/has-position/HasPosition.d.ts +7 -0
  120. package/src/components/$traits/has-position/HasPosition.js +45 -0
  121. package/src/components/$traits/has-resizable/HasResizable.d.ts +13 -0
  122. package/src/components/$traits/has-resizable/HasResizable.js +122 -0
  123. package/src/components/$traits/has-resizable/has-resizable.css +121 -0
  124. package/src/components/$traits/has-validation/HasValidation.d.ts +17 -0
  125. package/src/components/$traits/has-validation/HasValidation.js +133 -0
  126. package/src/components/BaseComponent.d.ts +32 -0
  127. package/src/components/BaseComponent.js +247 -0
  128. package/src/components/accordion/Accordion.js +268 -0
  129. package/src/components/accordion/AccordionItem.js +233 -0
  130. package/src/components/accordion/index.js +7 -0
  131. package/src/components/accordion/types/Accordion.d.ts +47 -0
  132. package/src/components/accordion/types/AccordionItem.d.ts +48 -0
  133. package/src/components/alert/Alert.js +350 -0
  134. package/src/components/alert/index.js +6 -0
  135. package/src/components/alert/types/Alert.d.ts +62 -0
  136. package/src/components/avatar/Avatar.js +430 -0
  137. package/src/components/avatar/AvatarGroup.js +97 -0
  138. package/src/components/avatar/index.js +7 -0
  139. package/src/components/avatar/types/Avatar.d.ts +74 -0
  140. package/src/components/avatar/types/AvatarGroup.d.ts +32 -0
  141. package/src/components/badge/Badge.js +245 -0
  142. package/src/components/badge/index.js +6 -0
  143. package/src/components/badge/types/Badge.d.ts +51 -0
  144. package/src/components/base-component.css +0 -0
  145. package/src/components/breadcrumb/BreadCrumb.js +138 -0
  146. package/src/components/breadcrumb/index.js +5 -0
  147. package/src/components/breadcrumb/types/BreadCrumb.d.ts +42 -0
  148. package/src/components/button/Button.js +320 -0
  149. package/src/components/button/index.js +5 -0
  150. package/src/components/button/types/Button.d.ts +62 -0
  151. package/src/components/card/Card.js +282 -0
  152. package/src/components/card/index.js +5 -0
  153. package/src/components/card/types/Card.d.ts +42 -0
  154. package/src/components/context-menu/ContextMenu.js +127 -0
  155. package/src/components/context-menu/ContextMenuGroup.js +29 -0
  156. package/src/components/context-menu/ContextMenuItem.js +28 -0
  157. package/src/components/context-menu/index.js +10 -0
  158. package/src/components/context-menu/types/ContextMenu.d.ts +30 -0
  159. package/src/components/context-menu/types/ContextMenuGroup.d.ts +18 -0
  160. package/src/components/context-menu/types/ContextMenuItem.d.ts +18 -0
  161. package/src/components/divider/Divider.js +256 -0
  162. package/src/components/divider/index.js +6 -0
  163. package/src/components/divider/types/Divider.d.ts +55 -0
  164. package/src/components/dropdown/Dropdown.js +531 -0
  165. package/src/components/dropdown/DropdownDivider.js +45 -0
  166. package/src/components/dropdown/DropdownGroup.js +83 -0
  167. package/src/components/dropdown/DropdownItem.js +150 -0
  168. package/src/components/dropdown/DropdownTrigger.js +93 -0
  169. package/src/components/dropdown/helpers.js +53 -0
  170. package/src/components/dropdown/index.js +13 -0
  171. package/src/components/dropdown/types/Dropdown.d.ts +88 -0
  172. package/src/components/dropdown/types/DropdownDivider.d.ts +20 -0
  173. package/src/components/dropdown/types/DropdownGroup.d.ts +25 -0
  174. package/src/components/dropdown/types/DropdownItem.d.ts +41 -0
  175. package/src/components/dropdown/types/DropdownTrigger.d.ts +32 -0
  176. package/src/components/form/FormControl.js +498 -0
  177. package/src/components/form/field/Field.js +419 -0
  178. package/src/components/form/field/FieldCollection.js +292 -0
  179. package/src/components/form/field/types/AutocompleteField.js +168 -0
  180. package/src/components/form/field/types/CheckboxField.js +77 -0
  181. package/src/components/form/field/types/CheckboxGroupField.js +171 -0
  182. package/src/components/form/field/types/ColorField.js +102 -0
  183. package/src/components/form/field/types/DateField.js +315 -0
  184. package/src/components/form/field/types/EmailField.js +104 -0
  185. package/src/components/form/field/types/FileField.js +276 -0
  186. package/src/components/form/field/types/HiddenField.js +44 -0
  187. package/src/components/form/field/types/ImageField.js +138 -0
  188. package/src/components/form/field/types/NumberField.js +177 -0
  189. package/src/components/form/field/types/PasswordField.js +200 -0
  190. package/src/components/form/field/types/RadioField.js +145 -0
  191. package/src/components/form/field/types/RangeField.js +117 -0
  192. package/src/components/form/field/types/SearchField.js +66 -0
  193. package/src/components/form/field/types/SelectField.js +247 -0
  194. package/src/components/form/field/types/StringField.js +148 -0
  195. package/src/components/form/field/types/TelField.js +98 -0
  196. package/src/components/form/field/types/TextAreaField.js +142 -0
  197. package/src/components/form/field/types/TimeField.js +215 -0
  198. package/src/components/form/field/types/UrlField.js +115 -0
  199. package/src/components/form/field/types/file-field-mode/FileAvatarMode.js +183 -0
  200. package/src/components/form/field/types/file-field-mode/FileDropzoneMode.js +117 -0
  201. package/src/components/form/field/types/file-field-mode/FileItemPreview.js +150 -0
  202. package/src/components/form/field/types/file-field-mode/FileNativeMode.js +43 -0
  203. package/src/components/form/field/types/file-field-mode/FileUploadButtonMode.js +120 -0
  204. package/src/components/form/field/types/file-field-mode/FileWallMode.js +106 -0
  205. package/src/components/form/index.js +61 -0
  206. package/src/components/form/merge +0 -0
  207. package/src/components/form/types/Field.d.ts +73 -0
  208. package/src/components/form/types/FieldCollection.d.ts +53 -0
  209. package/src/components/form/types/FormControl.d.ts +64 -0
  210. package/src/components/form/types/fields/AutocompleteField.d.ts +48 -0
  211. package/src/components/form/types/fields/CheckboxField.d.ts +33 -0
  212. package/src/components/form/types/fields/CheckboxGroupField.d.ts +49 -0
  213. package/src/components/form/types/fields/ColorField.d.ts +37 -0
  214. package/src/components/form/types/fields/DateField.d.ts +70 -0
  215. package/src/components/form/types/fields/EmailField.d.ts +35 -0
  216. package/src/components/form/types/fields/FileAvatarMode.d.ts +46 -0
  217. package/src/components/form/types/fields/FileDropzoneMode.d.ts +28 -0
  218. package/src/components/form/types/fields/FileField.d.ts +56 -0
  219. package/src/components/form/types/fields/FileItemPreview.d.ts +35 -0
  220. package/src/components/form/types/fields/FileNativeMode.d.ts +21 -0
  221. package/src/components/form/types/fields/FileUploadButtonMode.d.ts +34 -0
  222. package/src/components/form/types/fields/FileWallMode.d.ts +32 -0
  223. package/src/components/form/types/fields/HiddenField.d.ts +26 -0
  224. package/src/components/form/types/fields/ImageField.d.ts +45 -0
  225. package/src/components/form/types/fields/NumberField.d.ts +48 -0
  226. package/src/components/form/types/fields/PasswordField.d.ts +46 -0
  227. package/src/components/form/types/fields/RadioField.d.ts +48 -0
  228. package/src/components/form/types/fields/RangeField.d.ts +44 -0
  229. package/src/components/form/types/fields/SearchField.d.ts +34 -0
  230. package/src/components/form/types/fields/SelectField.d.ts +71 -0
  231. package/src/components/form/types/fields/StringField.d.ts +48 -0
  232. package/src/components/form/types/fields/TelField.d.ts +37 -0
  233. package/src/components/form/types/fields/TextAreaField.d.ts +44 -0
  234. package/src/components/form/types/fields/TimeField.d.ts +51 -0
  235. package/src/components/form/types/fields/UrlField.d.ts +35 -0
  236. package/src/components/form/utils.js +17 -0
  237. package/src/components/form/validation/Validation.js +565 -0
  238. package/src/components/index.d.ts +160 -0
  239. package/src/components/list/HasListItem.js +171 -0
  240. package/src/components/list/List.js +125 -0
  241. package/src/components/list/ListDivider.js +39 -0
  242. package/src/components/list/ListGroup.js +135 -0
  243. package/src/components/list/ListItem.js +212 -0
  244. package/src/components/list/index.js +12 -0
  245. package/src/components/list/types/List.d.ts +43 -0
  246. package/src/components/list/types/ListGroup.d.ts +37 -0
  247. package/src/components/list/types/ListItem.d.ts +53 -0
  248. package/src/components/menu/HasMenuItem.js +182 -0
  249. package/src/components/menu/Menu.js +227 -0
  250. package/src/components/menu/MenuDivider.js +37 -0
  251. package/src/components/menu/MenuGroup.js +126 -0
  252. package/src/components/menu/MenuItem.js +190 -0
  253. package/src/components/menu/MenuLink.js +51 -0
  254. package/src/components/menu/index.js +14 -0
  255. package/src/components/menu/types/Menu.d.ts +60 -0
  256. package/src/components/menu/types/MenuDivider.d.ts +19 -0
  257. package/src/components/menu/types/MenuGroup.d.ts +44 -0
  258. package/src/components/menu/types/MenuItem.d.ts +46 -0
  259. package/src/components/menu/types/MenuLink.d.ts +16 -0
  260. package/src/components/modal/Modal.js +524 -0
  261. package/src/components/modal/index.js +5 -0
  262. package/src/components/modal/types/Modal.d.ts +94 -0
  263. package/src/components/pagination/Pagination.js +411 -0
  264. package/src/components/pagination/index.js +5 -0
  265. package/src/components/pagination/types/Pagination.d.ts +68 -0
  266. package/src/components/popover/Popover.js +459 -0
  267. package/src/components/popover/PopoverFooter.js +61 -0
  268. package/src/components/popover/PopoverHeader.js +68 -0
  269. package/src/components/popover/index.js +10 -0
  270. package/src/components/popover/types/Popover.d.ts +83 -0
  271. package/src/components/popover/types/PopoverFooter.d.ts +24 -0
  272. package/src/components/popover/types/PopoverHeader.d.ts +26 -0
  273. package/src/components/progress/Progress.js +401 -0
  274. package/src/components/progress/index.js +6 -0
  275. package/src/components/progress/types/Progress.d.ts +77 -0
  276. package/src/components/skeleton/Skeleton.js +228 -0
  277. package/src/components/skeleton/index.js +6 -0
  278. package/src/components/skeleton/types/Skeleton.d.ts +55 -0
  279. package/src/components/slider/Slider.js +406 -0
  280. package/src/components/slider/index.js +5 -0
  281. package/src/components/slider/types/Slider.d.ts +82 -0
  282. package/src/components/spacer/Spacer.js +27 -0
  283. package/src/components/spacer/index.js +5 -0
  284. package/src/components/spacer/types/Spacer.d.ts +19 -0
  285. package/src/components/spinner/Spinner.js +350 -0
  286. package/src/components/spinner/index.js +5 -0
  287. package/src/components/spinner/types/Spinner.d.ts +71 -0
  288. package/src/components/splitter/Splitter.js +164 -0
  289. package/src/components/splitter/SplitterGutter.js +140 -0
  290. package/src/components/splitter/SplitterPanel.js +143 -0
  291. package/src/components/splitter/index.js +10 -0
  292. package/src/components/splitter/types/Splitter.d.ts +38 -0
  293. package/src/components/splitter/types/SplitterGutter.d.ts +38 -0
  294. package/src/components/splitter/types/SplitterPanel.d.ts +41 -0
  295. package/src/components/stacks/AbsoluteStack.js +53 -0
  296. package/src/components/stacks/FixedStack.js +53 -0
  297. package/src/components/stacks/HStack.js +54 -0
  298. package/src/components/stacks/PositionStack.js +254 -0
  299. package/src/components/stacks/RelativeStack.js +53 -0
  300. package/src/components/stacks/Stack.js +166 -0
  301. package/src/components/stacks/VStack.js +55 -0
  302. package/src/components/stacks/index.js +21 -0
  303. package/src/components/stacks/types/AbsoluteStack.d.ts +16 -0
  304. package/src/components/stacks/types/FixedStack.d.ts +16 -0
  305. package/src/components/stacks/types/HStack.d.ts +16 -0
  306. package/src/components/stacks/types/PositionStack.d.ts +54 -0
  307. package/src/components/stacks/types/RelativeStack.d.ts +17 -0
  308. package/src/components/stacks/types/Stack.d.ts +39 -0
  309. package/src/components/stacks/types/VStack.d.ts +16 -0
  310. package/src/components/stepper/Stepper.js +461 -0
  311. package/src/components/stepper/StepperStep.js +241 -0
  312. package/src/components/stepper/index.js +8 -0
  313. package/src/components/stepper/types/Stepper.d.ts +68 -0
  314. package/src/components/stepper/types/StepperStep.d.ts +54 -0
  315. package/src/components/switch/Switch.js +266 -0
  316. package/src/components/switch/index.js +6 -0
  317. package/src/components/switch/types/Switch.d.ts +55 -0
  318. package/src/components/table/Column.js +212 -0
  319. package/src/components/table/ColumnGroup.js +90 -0
  320. package/src/components/table/DataTable.js +720 -0
  321. package/src/components/table/SimpleTable.js +139 -0
  322. package/src/components/table/index.js +7 -0
  323. package/src/components/table/types/Column.d.ts +49 -0
  324. package/src/components/table/types/ColumnGroup.d.ts +28 -0
  325. package/src/components/table/types/DataTable.d.ts +97 -0
  326. package/src/components/table/types/SimpleTable.d.ts +40 -0
  327. package/src/components/tabs/Tabs.js +395 -0
  328. package/src/components/tabs/index.js +6 -0
  329. package/src/components/tabs/types/Tabs.d.ts +78 -0
  330. package/src/components/toast/Toast.js +262 -0
  331. package/src/components/toast/ToastError.js +0 -0
  332. package/src/components/toast/ToastInfo.js +0 -0
  333. package/src/components/toast/ToastSuccess.js +0 -0
  334. package/src/components/toast/ToastWarning.js +0 -0
  335. package/src/components/toast/index.js +5 -0
  336. package/src/components/toast/types/Toast.d.ts +57 -0
  337. package/src/components/toast/types/ToastError.d.ts +7 -0
  338. package/src/components/toast/types/ToastInfo.d.ts +7 -0
  339. package/src/components/toast/types/ToastSuccess.d.ts +7 -0
  340. package/src/components/toast/types/ToastWarning.d.ts +7 -0
  341. package/src/components/tooltip/Tooltip.js +359 -0
  342. package/src/components/tooltip/index.js +5 -0
  343. package/src/components/tooltip/prototypes.js +6 -0
  344. package/src/components/tooltip/types/Tooltip.d.ts +65 -0
  345. package/src/{data → core/data}/MemoryManager.js +2 -3
  346. package/src/core/data/Observable.js +227 -0
  347. package/src/core/data/ObservableArray.js +522 -0
  348. package/src/core/data/ObservableChecker.js +39 -0
  349. package/src/core/data/ObservableItem.js +611 -0
  350. package/src/core/data/ObservableObject.js +274 -0
  351. package/src/core/data/ObservableResource.js +315 -0
  352. package/src/core/data/ObservableWhen.js +54 -0
  353. package/src/core/data/Store.js +520 -0
  354. package/src/core/data/observable-helpers/observable.is-to.js +390 -0
  355. package/src/core/data/observable-helpers/observable.prototypes.js +145 -0
  356. package/src/core/elements/anchor/anchor-with-sentinel.js +66 -0
  357. package/src/core/elements/anchor/anchor.js +210 -0
  358. package/src/core/elements/anchor/one-child-anchor-overwriting.js +66 -0
  359. package/src/core/elements/content-formatter.js +169 -0
  360. package/src/core/elements/control/for-each-array.js +292 -0
  361. package/src/{elements → core/elements}/control/for-each.js +42 -23
  362. package/src/core/elements/control/show-if.js +94 -0
  363. package/src/core/elements/control/show-when.js +54 -0
  364. package/src/core/elements/control/switch.js +141 -0
  365. package/src/core/elements/description-list.js +19 -0
  366. package/src/core/elements/form.js +255 -0
  367. package/src/core/elements/fragment.js +8 -0
  368. package/src/core/elements/html5-semantics.js +55 -0
  369. package/src/core/elements/img.js +59 -0
  370. package/src/{elements → core/elements}/index.js +4 -4
  371. package/src/core/elements/interactive.js +25 -0
  372. package/src/core/elements/list.js +37 -0
  373. package/src/core/elements/medias.js +37 -0
  374. package/src/core/elements/meta-data.js +43 -0
  375. package/src/core/elements/svg.js +61 -0
  376. package/src/core/elements/table.js +73 -0
  377. package/src/{errors → core/errors}/ArgTypesError.js +1 -1
  378. package/src/{errors → core/errors}/NativeDocumentError.js +0 -0
  379. package/src/core/utils/HasEventEmitter.js +85 -0
  380. package/src/core/utils/args-types.js +140 -0
  381. package/src/core/utils/cache.js +5 -0
  382. package/src/core/utils/callback-handler.js +50 -0
  383. package/src/core/utils/debug-manager.js +40 -0
  384. package/src/core/utils/events.js +148 -0
  385. package/src/core/utils/filters/date.js +178 -0
  386. package/src/core/utils/filters/index.js +4 -0
  387. package/src/core/utils/filters/standard.js +263 -0
  388. package/src/core/utils/filters/strings.js +67 -0
  389. package/src/core/utils/filters/utils.js +77 -0
  390. package/src/core/utils/formatters.js +90 -0
  391. package/src/core/utils/helpers.js +144 -0
  392. package/src/core/utils/localstorage.js +57 -0
  393. package/src/core/utils/memoize.js +115 -0
  394. package/src/core/utils/plugins-manager.js +81 -0
  395. package/src/core/utils/property-accumulator.js +72 -0
  396. package/src/core/utils/prototypes.js +44 -0
  397. package/src/core/utils/shortcut-manager.js +242 -0
  398. package/src/{utils → core/utils}/validator.js +58 -22
  399. package/src/core/wrappers/AttributesWrapper.js +98 -0
  400. package/src/core/wrappers/DocumentObserver.js +182 -0
  401. package/src/core/wrappers/ElementCreator.js +120 -0
  402. package/src/core/wrappers/HtmlElementWrapper.js +98 -0
  403. package/src/core/wrappers/NDElement.js +613 -0
  404. package/src/core/wrappers/NdPrototype.js +233 -0
  405. package/src/core/wrappers/SingletonView.js +99 -0
  406. package/src/core/wrappers/SvgElementWrapper.js +15 -0
  407. package/src/core/wrappers/TemplateBinding.js +7 -0
  408. package/src/core/wrappers/constants.js +66 -0
  409. package/src/core/wrappers/prototypes/attributes-extensions.js +179 -0
  410. package/src/core/wrappers/prototypes/bind-class-extensions.js +0 -0
  411. package/src/core/wrappers/prototypes/nd-element-extensions.js +157 -0
  412. package/src/core/wrappers/prototypes/nd-element.transition.extensions.js +127 -0
  413. package/src/core/wrappers/template-cloner/NodeCloner.js +209 -0
  414. package/src/core/wrappers/template-cloner/TemplateCloner.js +192 -0
  415. package/src/core/wrappers/template-cloner/attributes-hydrator.js +142 -0
  416. package/src/core/wrappers/template-cloner/utils.js +173 -0
  417. package/src/fetch/NativeFetch.js +89 -0
  418. package/src/i18n/bin/scan.js +132 -0
  419. package/src/i18n/index.d.ts +2 -0
  420. package/src/i18n/service/I18nService.d.ts +27 -0
  421. package/src/i18n/service/I18nService.js +46 -0
  422. package/src/i18n/service/functions.d.ts +22 -0
  423. package/src/i18n/service/functions.js +29 -0
  424. package/src/router/Route.js +33 -8
  425. package/src/router/RouteGroupHelper.js +10 -2
  426. package/src/router/Router.js +63 -22
  427. package/src/router/RouterComponent.js +114 -6
  428. package/src/{errors → router/errors}/RouterError.js +0 -1
  429. package/src/router/link.js +9 -10
  430. package/src/router/modes/HashRouter.js +2 -2
  431. package/src/router/modes/HistoryRouter.js +2 -3
  432. package/src/router/modes/MemoryRouter.js +1 -1
  433. package/src/ui/components/accordion/AccordionItemRender.js +63 -0
  434. package/src/ui/components/accordion/AccordionRender.js +35 -0
  435. package/src/ui/components/accordion/accordion.css +121 -0
  436. package/src/ui/components/alert/AlertRender.js +81 -0
  437. package/src/ui/components/alert/alert.css +163 -0
  438. package/src/ui/components/avatar/avata-group/AvatarGroupRender.js +50 -0
  439. package/src/ui/components/avatar/avata-group/avatar-group.css +38 -0
  440. package/src/ui/components/avatar/avatar/AvatarRender.js +87 -0
  441. package/src/ui/components/avatar/avatar/avatar.css +189 -0
  442. package/src/ui/components/badge/BadgeRender.js +25 -0
  443. package/src/ui/components/badge/badge.css +168 -0
  444. package/src/ui/components/breadcrumb/BreadcrumbRender.js +44 -0
  445. package/src/ui/components/breadcrumb/breadcrumb.css +55 -0
  446. package/src/ui/components/button/ButtonRender.js +65 -0
  447. package/src/ui/components/button/button.css +296 -0
  448. package/src/ui/components/card/CardRender.js +133 -0
  449. package/src/ui/components/card/card.css +169 -0
  450. package/src/ui/components/contextmenu/ContextmenuRender.js +68 -0
  451. package/src/ui/components/contextmenu/contextmenu.css +36 -0
  452. package/src/ui/components/divider/DividerRender.js +70 -0
  453. package/src/ui/components/divider/divider.css +70 -0
  454. package/src/ui/components/dropdown/DropdownRender.js +92 -0
  455. package/src/ui/components/dropdown/divider/DropdownDividerRender.js +9 -0
  456. package/src/ui/components/dropdown/divider/dropdown-divider.css +0 -0
  457. package/src/ui/components/dropdown/dropdown.css +179 -0
  458. package/src/ui/components/dropdown/group/DropdownGroupRender.js +23 -0
  459. package/src/ui/components/dropdown/group/dropdown-group.css +0 -0
  460. package/src/ui/components/dropdown/item/DropdownItemRender.js +29 -0
  461. package/src/ui/components/dropdown/item/dropdown-item.css +0 -0
  462. package/src/ui/components/form/FieldCollectionRender.js +110 -0
  463. package/src/ui/components/form/FormControlRender.js +85 -0
  464. package/src/ui/components/form/field-collection.css +55 -0
  465. package/src/ui/components/form/fields/AutocompleteFieldRender.js +143 -0
  466. package/src/ui/components/form/fields/CheckboxFieldRender.js +59 -0
  467. package/src/ui/components/form/fields/CheckboxGroupFieldRender.js +92 -0
  468. package/src/ui/components/form/fields/ColorFieldRender.js +30 -0
  469. package/src/ui/components/form/fields/DateFieldRender.js +155 -0
  470. package/src/ui/components/form/fields/EmailFieldRender.js +5 -0
  471. package/src/ui/components/form/fields/FieldRender.js +118 -0
  472. package/src/ui/components/form/fields/FileFieldRender.js +41 -0
  473. package/src/ui/components/form/fields/HiddenFieldRender.js +13 -0
  474. package/src/ui/components/form/fields/ImageFieldRender.js +0 -0
  475. package/src/ui/components/form/fields/NumberFieldRender.js +52 -0
  476. package/src/ui/components/form/fields/PasswordFieldRender.js +65 -0
  477. package/src/ui/components/form/fields/RadioFieldRender.js +77 -0
  478. package/src/ui/components/form/fields/RangeFieldRender.js +122 -0
  479. package/src/ui/components/form/fields/SelectFieldRender.js +248 -0
  480. package/src/ui/components/form/fields/SliderFieldRender.js +359 -0
  481. package/src/ui/components/form/fields/StringFieldRender.js +6 -0
  482. package/src/ui/components/form/fields/TelFieldRender.js +6 -0
  483. package/src/ui/components/form/fields/TextAreaFieldRender.js +96 -0
  484. package/src/ui/components/form/fields/TimeFieldRender.js +142 -0
  485. package/src/ui/components/form/fields/UrlFieldRender.js +6 -0
  486. package/src/ui/components/form/fields/date-field.css +32 -0
  487. package/src/ui/components/form/fields/field.css +402 -0
  488. package/src/ui/components/form/fields/file-field.css +79 -0
  489. package/src/ui/components/form/fields/password-field.css +50 -0
  490. package/src/ui/components/form/fields/range-field.css +120 -0
  491. package/src/ui/components/form/fields/slider.css +195 -0
  492. package/src/ui/components/form/file-upload-mode/FileAvatarModeRender.js +143 -0
  493. package/src/ui/components/form/file-upload-mode/FileDropzoneModeRender.js +108 -0
  494. package/src/ui/components/form/file-upload-mode/FileNativeModeRender.js +22 -0
  495. package/src/ui/components/form/file-upload-mode/FileUploadButtonModeRender.js +89 -0
  496. package/src/ui/components/form/file-upload-mode/FileWallModeRender.js +90 -0
  497. package/src/ui/components/form/file-upload-mode/file-avatar-mode.css +139 -0
  498. package/src/ui/components/form/file-upload-mode/file-dropzone-mode.css +88 -0
  499. package/src/ui/components/form/file-upload-mode/file-upload-button-mode.css +44 -0
  500. package/src/ui/components/form/file-upload-mode/file-wall-mode.css +88 -0
  501. package/src/ui/components/form/form-control.css +40 -0
  502. package/src/ui/components/form/helpers.js +111 -0
  503. package/src/ui/components/form/index.js +27 -0
  504. package/src/ui/components/list/ListRender.js +18 -0
  505. package/src/ui/components/list/divider/ListDividerRender.js +10 -0
  506. package/src/ui/components/list/divider/list-divider.css +12 -0
  507. package/src/ui/components/list/group/ListGroupRender.js +61 -0
  508. package/src/ui/components/list/group/list-group.css +62 -0
  509. package/src/ui/components/list/item/ListItemRender.js +238 -0
  510. package/src/ui/components/list/item/list-item.css +191 -0
  511. package/src/ui/components/list/list.css +24 -0
  512. package/src/ui/components/menu/MenuDividerRender.js +12 -0
  513. package/src/ui/components/menu/MenuGroupRender.js +59 -0
  514. package/src/ui/components/menu/MenuItemRender.js +57 -0
  515. package/src/ui/components/menu/MenuLinkRender.js +55 -0
  516. package/src/ui/components/menu/MenuRender.js +22 -0
  517. package/src/ui/components/menu/helpers.js +121 -0
  518. package/src/ui/components/menu/menu.css +308 -0
  519. package/src/ui/components/modal/ModalRender.js +118 -0
  520. package/src/ui/components/modal/modal.css +156 -0
  521. package/src/ui/components/pagination/PaginationRender.js +112 -0
  522. package/src/ui/components/pagination/pagination.css +63 -0
  523. package/src/ui/components/popover/PopoverRender.js +233 -0
  524. package/src/ui/components/popover/popover.css +139 -0
  525. package/src/ui/components/progress/ProgressRender.js +168 -0
  526. package/src/ui/components/progress/progress.css +197 -0
  527. package/src/ui/components/skeleton/SkeletonRender.js +136 -0
  528. package/src/ui/components/skeleton/skeleton.css +154 -0
  529. package/src/ui/components/spacer/SpacerRender.js +10 -0
  530. package/src/ui/components/spinner/SpinnerRender.js +47 -0
  531. package/src/ui/components/spinner/spinner.css +152 -0
  532. package/src/ui/components/splitter/SplitterGutterRender.js +94 -0
  533. package/src/ui/components/splitter/SplitterPanelRender.js +38 -0
  534. package/src/ui/components/splitter/SplitterRender.js +75 -0
  535. package/src/ui/components/splitter/splitter.css +128 -0
  536. package/src/ui/components/stacks/PositionStackRender.js +39 -0
  537. package/src/ui/components/stacks/StackRender.js +41 -0
  538. package/src/ui/components/stacks/absolute-stack/AbsoluteStackRender.js +5 -0
  539. package/src/ui/components/stacks/fixed-stack/FixedStackRender.js +5 -0
  540. package/src/ui/components/stacks/h-stack/HStackRender.js +7 -0
  541. package/src/ui/components/stacks/h-stack/h-stack.css +4 -0
  542. package/src/ui/components/stacks/index.js +5 -0
  543. package/src/ui/components/stacks/position-stack.css +62 -0
  544. package/src/ui/components/stacks/relative-stack/RelativeStackRender.js +7 -0
  545. package/src/ui/components/stacks/relative-stack/relative-stack.css +3 -0
  546. package/src/ui/components/stacks/stack.css +78 -0
  547. package/src/ui/components/stacks/v-stack/VStackRender.js +6 -0
  548. package/src/ui/components/stacks/v-stack/v-stack.css +4 -0
  549. package/src/ui/components/stepper/StepperRender.js +71 -0
  550. package/src/ui/components/stepper/StepperStepRender.js +67 -0
  551. package/src/ui/components/stepper/stepper.css +359 -0
  552. package/src/ui/components/switch/SwitchRender.js +83 -0
  553. package/src/ui/components/switch/switch.css +143 -0
  554. package/src/ui/components/table/data-table/DataTableRender.js +50 -0
  555. package/src/ui/components/table/data-table/bulk-actions.js +34 -0
  556. package/src/ui/components/table/data-table/data-table.css +246 -0
  557. package/src/ui/components/table/data-table/pagination.js +56 -0
  558. package/src/ui/components/table/data-table/tables.js +368 -0
  559. package/src/ui/components/table/data-table/toolbar.js +67 -0
  560. package/src/ui/components/table/simple-table/SimpleTableRender.js +203 -0
  561. package/src/ui/components/table/simple-table/simple-table.css +50 -0
  562. package/src/ui/components/tabs/TabsRender.js +226 -0
  563. package/src/ui/components/tabs/tabs.css +253 -0
  564. package/src/ui/components/toast/ToastRender.js +99 -0
  565. package/src/ui/components/toast/toast.css +201 -0
  566. package/src/ui/components/tooltip/TooltipRender.js +8 -0
  567. package/src/ui/components/tooltip/tooltip.css +113 -0
  568. package/src/ui/index.js +47 -0
  569. package/src/ui/theme.js +0 -0
  570. package/src/ui/theme.scss +1 -0
  571. package/src/ui/tokens/animation.scss +36 -0
  572. package/src/ui/tokens/colors-dark.scss +58 -0
  573. package/src/ui/tokens/colors.scss +54 -0
  574. package/src/ui/tokens/components.scss +32 -0
  575. package/src/ui/tokens/fonts.scss +57 -0
  576. package/src/ui/tokens/glass.scss +10 -0
  577. package/src/ui/tokens/index.scss +38 -0
  578. package/src/ui/tokens/layouts.scss +228 -0
  579. package/src/ui/tokens/opacity.scss +21 -0
  580. package/src/ui/tokens/others.scss +11 -0
  581. package/src/ui/tokens/radius.scss +6 -0
  582. package/src/ui/tokens/reset.scss +51 -0
  583. package/src/ui/tokens/shadows.scss +29 -0
  584. package/src/ui/tokens/spacings.scss +13 -0
  585. package/src/ui/tokens/vars.scss +35 -0
  586. package/src/ui/tokens/viewports.scss +30 -0
  587. package/types/args-types.d.ts +58 -0
  588. package/types/control-flow.d.ts +62 -0
  589. package/types/elements.d.ts +231 -0
  590. package/types/filters/dates.d.ts +43 -0
  591. package/types/filters/index.d.ts +4 -0
  592. package/types/filters/standard.d.ts +70 -0
  593. package/types/filters/strings.d.ts +21 -0
  594. package/types/filters/types.d.ts +20 -0
  595. package/types/forms.d.ts +84 -0
  596. package/types/globals.d.ts +543 -0
  597. package/types/images.d.ts +23 -0
  598. package/types/localStorage.ts +102 -0
  599. package/types/memoize.d.ts +26 -0
  600. package/types/native-fetch.d.ts +72 -0
  601. package/types/nd-element.d.ts +407 -0
  602. package/types/observable-resource.d.ts +3 -0
  603. package/types/observable.d.ts +227 -0
  604. package/types/plugins-manager.d.ts +65 -0
  605. package/types/polyfill.d.ts +18 -0
  606. package/types/property-accumulator.d.ts +33 -0
  607. package/types/router.d.ts +85 -0
  608. package/types/service.d.ts +23 -0
  609. package/types/singleton.d.ts +19 -0
  610. package/types/store.d.ts +63 -0
  611. package/types/template-cloner.ts +43 -0
  612. package/types/validator.ts +66 -0
  613. package/ui.js +1 -0
  614. package/utils.d.ts +4 -0
  615. package/utils.js +12 -0
  616. package/src/data/Observable.js +0 -55
  617. package/src/data/ObservableChecker.js +0 -39
  618. package/src/data/ObservableItem.js +0 -195
  619. package/src/data/Store.js +0 -74
  620. package/src/data/observable-helpers/array.js +0 -74
  621. package/src/data/observable-helpers/batch.js +0 -22
  622. package/src/data/observable-helpers/computed.js +0 -28
  623. package/src/data/observable-helpers/object.js +0 -111
  624. package/src/elements/anchor.js +0 -129
  625. package/src/elements/content-formatter.js +0 -32
  626. package/src/elements/control/for-each-array.js +0 -280
  627. package/src/elements/control/show-if.js +0 -79
  628. package/src/elements/control/switch.js +0 -98
  629. package/src/elements/description-list.js +0 -5
  630. package/src/elements/form.js +0 -71
  631. package/src/elements/html5-semantics.js +0 -12
  632. package/src/elements/img.js +0 -45
  633. package/src/elements/interactive.js +0 -7
  634. package/src/elements/list.js +0 -10
  635. package/src/elements/medias.js +0 -8
  636. package/src/elements/meta-data.js +0 -9
  637. package/src/elements/table.js +0 -14
  638. package/src/utils/args-types.js +0 -100
  639. package/src/utils/debug-manager.js +0 -31
  640. package/src/utils/helpers.js +0 -60
  641. package/src/utils/plugins-manager.js +0 -12
  642. package/src/utils/prototypes.js +0 -45
  643. package/src/wrappers/AttributesWrapper.js +0 -144
  644. package/src/wrappers/DocumentObserver.js +0 -80
  645. package/src/wrappers/ElementCreator.js +0 -114
  646. package/src/wrappers/HtmlElementEventsWrapper.js +0 -64
  647. package/src/wrappers/HtmlElementWrapper.js +0 -50
  648. package/src/wrappers/NdPrototype.js +0 -109
  649. package/src/wrappers/constants.js +0 -2
@@ -0,0 +1,102 @@
1
+ export interface LocalStorageStatic {
2
+ /**
3
+ * Retrieves a value from localStorage and parses it as JSON.
4
+ * Throws a NativeDocumentError if the value is not valid JSON.
5
+ *
6
+ * @param key - The storage key
7
+ * @returns The parsed JSON value
8
+ * @throws NativeDocumentError if JSON parsing fails
9
+ */
10
+ getJson<T = unknown>(key: string): T;
11
+
12
+ /**
13
+ * Retrieves a value from localStorage and converts it to a number.
14
+ *
15
+ * @param key - The storage key
16
+ * @returns The numeric value, or NaN if conversion fails
17
+ */
18
+ getNumber(key: string): number;
19
+
20
+ /**
21
+ * Retrieves a value from localStorage and converts it to a boolean.
22
+ * Returns true if the stored value is 'true' or '1'.
23
+ *
24
+ * @param key - The storage key
25
+ * @returns The boolean value
26
+ */
27
+ getBool(key: string): boolean;
28
+
29
+ /**
30
+ * Serializes a value as JSON and stores it in localStorage.
31
+ *
32
+ * @param key - The storage key
33
+ * @param value - The value to serialize and store
34
+ */
35
+ setJson<T = unknown>(key: string, value: T): void;
36
+
37
+ /**
38
+ * Stores a boolean value in localStorage as 'true' or 'false'.
39
+ *
40
+ * @param key - The storage key
41
+ * @param value - The boolean value to store
42
+ */
43
+ setBool(key: string, value: boolean): void;
44
+
45
+ /**
46
+ * Retrieves a raw string value from localStorage.
47
+ *
48
+ * @param key - The storage key
49
+ * @param defaultValue - Value returned if the key does not exist (default: null)
50
+ * @returns The stored string value, or defaultValue if not found
51
+ */
52
+ get(key: string, defaultValue?: string | null): string | null;
53
+
54
+ /**
55
+ * Stores a value in localStorage.
56
+ *
57
+ * @param key - The storage key
58
+ * @param value - The value to store
59
+ */
60
+ set(key: string, value: string): void;
61
+
62
+ /**
63
+ * Removes an entry from localStorage.
64
+ *
65
+ * @param key - The storage key to remove
66
+ */
67
+ remove(key: string): void;
68
+
69
+ /**
70
+ * Checks whether a key exists in localStorage.
71
+ *
72
+ * @param key - The storage key to check
73
+ * @returns true if the key exists, false otherwise
74
+ */
75
+ has(key: string): boolean;
76
+ }
77
+
78
+ export declare const LocalStorage: LocalStorageStatic;
79
+
80
+ /**
81
+ * Retrieves a value from localStorage, automatically casting it to the type of the provided default value.
82
+ * Returns the default value if the key does not exist.
83
+ *
84
+ * @param key - The storage key
85
+ * @param value - The default value (also determines the expected type)
86
+ * @returns The stored value cast to T, or the default value
87
+ */
88
+ export declare function $getFromStorage<T>(key: string, value: T): T;
89
+
90
+ /**
91
+ * Returns the appropriate LocalStorage setter function based on the type of the provided value.
92
+ *
93
+ * @param value - The value whose type determines the setter to use
94
+ * @returns setJson for objects, setBool for booleans, set for all other types
95
+ */
96
+ export declare function $saveToStorage<T>(
97
+ value: T
98
+ ): T extends object
99
+ ? typeof LocalStorage.setJson
100
+ : T extends boolean
101
+ ? typeof LocalStorage.setBool
102
+ : typeof LocalStorage.set;
@@ -0,0 +1,26 @@
1
+
2
+ type OnceProxy<T> = {
3
+ [K in keyof T]: T[K];
4
+ };
5
+
6
+ type MemoizeProxy<T> = {
7
+ [key: string]: T;
8
+ [key: symbol]: T;
9
+ };
10
+
11
+ export function once<T extends (...args: any[]) => any>(
12
+ fn: T
13
+ ): (...args: Parameters<T>) => ReturnType<T>;
14
+
15
+
16
+ export function autoOnce<T extends object>(fn: () => T): OnceProxy<T>;
17
+
18
+ export function memoize<T extends (...args: any[]) => any>(
19
+ fn: T
20
+ ): (key: any, ...args: Parameters<T>) => ReturnType<T>;
21
+
22
+ export function autoMemoize<T>(fn: () => T): MemoizeProxy<T>;
23
+
24
+ export function autoMemoize<T, Args extends any[]>(
25
+ fn: (...args: Args) => T
26
+ ): MemoizeProxy<(...args: Args) => T>;
@@ -0,0 +1,72 @@
1
+ type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH';
2
+
3
+ interface FetchConfig {
4
+ method: HttpMethod;
5
+ headers: Record<string, string>;
6
+ body?: string | FormData;
7
+ params?: Record<string, any>;
8
+ }
9
+
10
+ interface FetchOptions {
11
+ headers?: Record<string, string>;
12
+ formData?: boolean;
13
+ }
14
+
15
+ type RequestInterceptor = (
16
+ config: FetchConfig,
17
+ endpoint: string
18
+ ) => Promise<FetchConfig | void> | FetchConfig | void;
19
+
20
+ type ResponseInterceptor = (
21
+ response: Response,
22
+ endpoint: string
23
+ ) => Promise<Response | void> | Response | void;
24
+
25
+ interface NativeFetchError extends Error {
26
+ status: number;
27
+ data: any;
28
+ }
29
+
30
+ interface Interceptors {
31
+ request: (callback: RequestInterceptor) => void;
32
+ response: (callback: ResponseInterceptor) => void;
33
+ }
34
+
35
+ declare class NativeFetch {
36
+ constructor(baseUrl: string);
37
+
38
+ interceptors: Interceptors;
39
+
40
+ fetch<T = any>(
41
+ method: HttpMethod,
42
+ endpoint: string,
43
+ params?: Record<string, any> | FormData,
44
+ options?: FetchOptions
45
+ ): Promise<T>;
46
+
47
+ get<T = any>(
48
+ endpoint: string,
49
+ params?: Record<string, any>,
50
+ options?: FetchOptions
51
+ ): Promise<T>;
52
+
53
+ post<T = any>(
54
+ endpoint: string,
55
+ params?: Record<string, any> | FormData,
56
+ options?: FetchOptions
57
+ ): Promise<T>;
58
+
59
+ put<T = any>(
60
+ endpoint: string,
61
+ params?: Record<string, any> | FormData,
62
+ options?: FetchOptions
63
+ ): Promise<T>;
64
+
65
+ delete<T = any>(
66
+ endpoint: string,
67
+ params?: Record<string, any>,
68
+ options?: FetchOptions
69
+ ): Promise<T>;
70
+ }
71
+
72
+ export default NativeFetch;
@@ -0,0 +1,407 @@
1
+ import {BindingHydrator} from "./template-cloner";
2
+
3
+ type ShadowMode = 'open' | 'closed';
4
+
5
+ interface MethodsObject {
6
+ [methodName: string]: (this: NDElement, ...args: any[]) => any;
7
+ }
8
+
9
+ export type ExtractMethods<T extends MethodsObject> = {
10
+ [K in keyof T]: T[K] extends (this: NDElement, ...args: infer Args) => infer R
11
+ ? (...args: Args) => R
12
+ : never;
13
+ };
14
+
15
+ export interface NDElement {
16
+ readonly __$isNDElement: true;
17
+ readonly $element: HTMLElement;
18
+ readonly $observer: any;
19
+ readonly nd: this;
20
+
21
+ ref(target: any, name: string): this;
22
+ refSelf(target: any, name: string): this;
23
+ with<T extends MethodsObject>(methods: T): this & ExtractMethods<T>;
24
+ extend(methods: MethodsObject): NDElement;
25
+ extend<T extends MethodsObject>(
26
+ methods: T
27
+ ): NDElement & { prototype: NDElement & ExtractMethods<T> };
28
+
29
+ unmountChildren(): this;
30
+ remove(): this;
31
+
32
+ lifecycle(states: { mounted?: (node: HTMLElement) => void; unmounted?: (node: HTMLElement) => boolean | void }): this;
33
+ mounted(callback: (node: HTMLElement) => void): this;
34
+ unmounted(callback: (node: HTMLElement) => boolean | void): this;
35
+
36
+ beforeUnmount(id: string, callback: (this: NDElement, el: HTMLElement) => void | Promise<void>): this;
37
+ transition(transitionName: string): this;
38
+ transitionIn(transitionName: string): this;
39
+ transitionOut(transitionName: string): this;
40
+ animate(animationName: string): this;
41
+
42
+ htmlElement(): HTMLElement;
43
+ node(): HTMLElement;
44
+ shadow(mode: ShadowMode, style?: string | null): this;
45
+ openShadow(style?: string | null): this;
46
+ closedShadow(style?: string | null): this;
47
+ attach(methodName: string, bindingHydrator: BindingHydrator): HTMLElement;
48
+
49
+ on(name: string, callback: EventListener, options?: boolean | AddEventListenerOptions): this;
50
+
51
+ // Mouse Events
52
+ onClick(callback: (event: MouseEvent) => void): this;
53
+ onDblClick(callback: (event: MouseEvent) => void): this;
54
+ onMouseDown(callback: (event: MouseEvent) => void): this;
55
+ onMouseEnter(callback: (event: MouseEvent) => void): this;
56
+ onMouseLeave(callback: (event: MouseEvent) => void): this;
57
+ onMouseMove(callback: (event: MouseEvent) => void): this;
58
+ onMouseOut(callback: (event: MouseEvent) => void): this;
59
+ onMouseOver(callback: (event: MouseEvent) => void): this;
60
+ onMouseUp(callback: (event: MouseEvent) => void): this;
61
+ onWheel(callback: (event: WheelEvent) => void): this;
62
+ onContextMenu(callback: (event: MouseEvent) => void): this; // Extra event
63
+
64
+ // Keyboard Events
65
+ onKeyDown(callback: (event: KeyboardEvent) => void): this;
66
+ onKeyPress(callback: (event: KeyboardEvent) => void): this;
67
+ onKeyUp(callback: (event: KeyboardEvent) => void): this;
68
+
69
+ // Form Events
70
+ onBlur(callback: (event: FocusEvent) => void): this;
71
+ onChange(callback: (event: Event) => void): this;
72
+ onFocus(callback: (event: FocusEvent) => void): this;
73
+ onFocusIn(callback: (event: FocusEvent) => void): this; // Extra event
74
+ onFocusOut(callback: (event: FocusEvent) => void): this; // Extra event
75
+ onInput(callback: (event: Event) => void): this;
76
+ onInvalid(callback: (event: Event) => void): this;
77
+ onReset(callback: (event: Event) => void): this;
78
+ onSearch(callback: (event: Event) => void): this;
79
+ onSelect(callback: (event: Event) => void): this;
80
+ onSubmit(callback: (event: Event) => void): this;
81
+
82
+ // Drag Events
83
+ onDrag(callback: (event: DragEvent) => void): this;
84
+ onDragEnd(callback: (event: DragEvent) => void): this;
85
+ onDragEnter(callback: (event: DragEvent) => void): this;
86
+ onDragLeave(callback: (event: DragEvent) => void): this;
87
+ onDragOver(callback: (event: DragEvent) => void): this;
88
+ onDragStart(callback: (event: DragEvent) => void): this;
89
+ onDrop(callback: (event: DragEvent) => void): this;
90
+
91
+ // Window/Page Events
92
+ onAfterPrint(callback: (event: Event) => void): this;
93
+ onBeforePrint(callback: (event: Event) => void): this;
94
+ onBeforeUnload(callback: (event: BeforeUnloadEvent) => void): this;
95
+ onError(callback: (event: Event) => void): this;
96
+ onHashChange(callback: (event: HashChangeEvent) => void): this;
97
+ onLoad(callback: (event: Event) => void): this;
98
+ onOffline(callback: (event: Event) => void): this;
99
+ onOnline(callback: (event: Event) => void): this;
100
+ onPageHide(callback: (event: PageTransitionEvent) => void): this;
101
+ onPageShow(callback: (event: PageTransitionEvent) => void): this;
102
+ onResize(callback: (event: UIEvent) => void): this;
103
+ onScroll(callback: (event: Event) => void): this;
104
+ onUnload(callback: (event: Event) => void): this;
105
+
106
+ // Media Events
107
+ onAbort(callback: (event: Event) => void): this;
108
+ onCanPlay(callback: (event: Event) => void): this;
109
+ onCanPlayThrough(callback: (event: Event) => void): this;
110
+ onDurationChange(callback: (event: Event) => void): this;
111
+ onEmptied(callback: (event: Event) => void): this;
112
+ onEnded(callback: (event: Event) => void): this;
113
+ onLoadedData(callback: (event: Event) => void): this;
114
+ onLoadedMetadata(callback: (event: Event) => void): this;
115
+ onLoadStart(callback: (event: Event) => void): this;
116
+ onPause(callback: (event: Event) => void): this;
117
+ onPlay(callback: (event: Event) => void): this;
118
+ onPlaying(callback: (event: Event) => void): this;
119
+ onProgress(callback: (event: ProgressEvent) => void): this;
120
+ onRateChange(callback: (event: Event) => void): this;
121
+ onSeeked(callback: (event: Event) => void): this;
122
+ onSeeking(callback: (event: Event) => void): this;
123
+ onStalled(callback: (event: Event) => void): this;
124
+ onSuspend(callback: (event: Event) => void): this;
125
+ onTimeUpdate(callback: (event: Event) => void): this;
126
+ onVolumeChange(callback: (event: Event) => void): this;
127
+ onWaiting(callback: (event: Event) => void): this;
128
+
129
+ // Touch Events (Extra events)
130
+ onTouchCancel(callback: (event: TouchEvent) => void): this;
131
+ onTouchEnd(callback: (event: TouchEvent) => void): this;
132
+ onTouchMove(callback: (event: TouchEvent) => void): this;
133
+ onTouchStart(callback: (event: TouchEvent) => void): this;
134
+
135
+ // Animation Events (Extra events)
136
+ onAnimationEnd(callback: (event: AnimationEvent) => void): this;
137
+ onAnimationIteration(callback: (event: AnimationEvent) => void): this;
138
+ onAnimationStart(callback: (event: AnimationEvent) => void): this;
139
+
140
+ // Transition Events (Extra events)
141
+ onTransitionEnd(callback: (event: TransitionEvent) => void): this;
142
+
143
+ // Clipboard Events (Extra events)
144
+ onCopy(callback: (event: ClipboardEvent) => void): this;
145
+ onCut(callback: (event: ClipboardEvent) => void): this;
146
+ onPaste(callback: (event: ClipboardEvent) => void): this;
147
+
148
+ // PREVENT DEFAULT VERSIONS
149
+
150
+ // Prevent default versions for Mouse Events
151
+ onPreventClick(callback?: (event: MouseEvent) => void): this;
152
+ onPreventDblClick(callback?: (event: MouseEvent) => void): this;
153
+ onPreventMouseDown(callback?: (event: MouseEvent) => void): this;
154
+ onPreventMouseEnter(callback?: (event: MouseEvent) => void): this;
155
+ onPreventMouseLeave(callback?: (event: MouseEvent) => void): this;
156
+ onPreventMouseMove(callback?: (event: MouseEvent) => void): this;
157
+ onPreventMouseOut(callback?: (event: MouseEvent) => void): this;
158
+ onPreventMouseOver(callback?: (event: MouseEvent) => void): this;
159
+ onPreventMouseUp(callback?: (event: MouseEvent) => void): this;
160
+ onPreventWheel(callback?: (event: WheelEvent) => void): this;
161
+ onPreventContextMenu(callback?: (event: MouseEvent) => void): this;
162
+
163
+ // Prevent default versions for Keyboard Events
164
+ onPreventKeyDown(callback?: (event: KeyboardEvent) => void): this;
165
+ onPreventKeyPress(callback?: (event: KeyboardEvent) => void): this;
166
+ onPreventKeyUp(callback?: (event: KeyboardEvent) => void): this;
167
+
168
+ // Prevent default versions for Form Events
169
+ onPreventBlur(callback?: (event: FocusEvent) => void): this;
170
+ onPreventChange(callback?: (event: Event) => void): this;
171
+ onPreventFocus(callback?: (event: FocusEvent) => void): this;
172
+ onPreventFocusIn(callback?: (event: FocusEvent) => void): this;
173
+ onPreventFocusOut(callback?: (event: FocusEvent) => void): this;
174
+ onPreventInput(callback?: (event: Event) => void): this;
175
+ onPreventInvalid(callback?: (event: Event) => void): this;
176
+ onPreventReset(callback?: (event: Event) => void): this;
177
+ onPreventSearch(callback?: (event: Event) => void): this;
178
+ onPreventSelect(callback?: (event: Event) => void): this;
179
+ onPreventSubmit(callback?: (event: Event) => void): this;
180
+
181
+ // Prevent default versions for Drag Events
182
+ onPreventDrag(callback?: (event: DragEvent) => void): this;
183
+ onPreventDragEnd(callback?: (event: DragEvent) => void): this;
184
+ onPreventDragEnter(callback?: (event: DragEvent) => void): this;
185
+ onPreventDragLeave(callback?: (event: DragEvent) => void): this;
186
+ onPreventDragOver(callback?: (event: DragEvent) => void): this;
187
+ onPreventDragStart(callback?: (event: DragEvent) => void): this;
188
+ onPreventDrop(callback?: (event: DragEvent) => void): this;
189
+
190
+ // Prevent default versions for Window/Page Events
191
+ onPreventAfterPrint(callback?: (event: Event) => void): this;
192
+ onPreventBeforePrint(callback?: (event: Event) => void): this;
193
+ onPreventBeforeUnload(callback?: (event: BeforeUnloadEvent) => void): this;
194
+ onPreventError(callback?: (event: Event) => void): this;
195
+ onPreventHashChange(callback?: (event: HashChangeEvent) => void): this;
196
+ onPreventLoad(callback?: (event: Event) => void): this;
197
+ onPreventOffline(callback?: (event: Event) => void): this;
198
+ onPreventOnline(callback?: (event: Event) => void): this;
199
+ onPreventPageHide(callback?: (event: PageTransitionEvent) => void): this;
200
+ onPreventPageShow(callback?: (event: PageTransitionEvent) => void): this;
201
+ onPreventResize(callback?: (event: UIEvent) => void): this;
202
+ onPreventScroll(callback?: (event: Event) => void): this;
203
+ onPreventUnload(callback?: (event: Event) => void): this;
204
+
205
+ // Prevent default versions for Media Events
206
+ onPreventAbort(callback?: (event: Event) => void): this;
207
+ onPreventCanPlay(callback?: (event: Event) => void): this;
208
+ onPreventCanPlayThrough(callback?: (event: Event) => void): this;
209
+ onPreventDurationChange(callback?: (event: Event) => void): this;
210
+ onPreventEmptied(callback?: (event: Event) => void): this;
211
+ onPreventEnded(callback?: (event: Event) => void): this;
212
+ onPreventLoadedData(callback?: (event: Event) => void): this;
213
+ onPreventLoadedMetadata(callback?: (event: Event) => void): this;
214
+ onPreventLoadStart(callback?: (event: Event) => void): this;
215
+ onPreventPause(callback?: (event: Event) => void): this;
216
+ onPreventPlay(callback?: (event: Event) => void): this;
217
+ onPreventPlaying(callback?: (event: Event) => void): this;
218
+ onPreventProgress(callback?: (event: ProgressEvent) => void): this;
219
+ onPreventRateChange(callback?: (event: Event) => void): this;
220
+ onPreventSeeked(callback?: (event: Event) => void): this;
221
+ onPreventSeeking(callback?: (event: Event) => void): this;
222
+ onPreventStalled(callback?: (event: Event) => void): this;
223
+ onPreventSuspend(callback?: (event: Event) => void): this;
224
+ onPreventTimeUpdate(callback?: (event: Event) => void): this;
225
+ onPreventVolumeChange(callback?: (event: Event) => void): this;
226
+ onPreventWaiting(callback?: (event: Event) => void): this;
227
+
228
+ // Prevent default versions for Touch Events
229
+ onPreventTouchCancel(callback?: (event: TouchEvent) => void): this;
230
+ onPreventTouchEnd(callback?: (event: TouchEvent) => void): this;
231
+ onPreventTouchMove(callback?: (event: TouchEvent) => void): this;
232
+ onPreventTouchStart(callback?: (event: TouchEvent) => void): this;
233
+
234
+ // Prevent default versions for Animation Events
235
+ onPreventAnimationEnd(callback?: (event: AnimationEvent) => void): this;
236
+ onPreventAnimationIteration(callback?: (event: AnimationEvent) => void): this;
237
+ onPreventAnimationStart(callback?: (event: AnimationEvent) => void): this;
238
+
239
+ // Prevent default versions for Transition Events
240
+ onPreventTransitionEnd(callback?: (event: TransitionEvent) => void): this;
241
+
242
+ // Prevent default versions for Clipboard Events
243
+ onPreventCopy(callback?: (event: ClipboardEvent) => void): this;
244
+ onPreventCut(callback?: (event: ClipboardEvent) => void): this;
245
+ onPreventPaste(callback?: (event: ClipboardEvent) => void): this;
246
+
247
+ // STOP PROPAGATION VERSIONS
248
+
249
+ // Stop propagation versions for Mouse Events
250
+ onStopClick(callback?: (event: MouseEvent) => void): this;
251
+ onStopDblClick(callback?: (event: MouseEvent) => void): this;
252
+ onStopMouseDown(callback?: (event: MouseEvent) => void): this;
253
+ onStopMouseEnter(callback?: (event: MouseEvent) => void): this;
254
+ onStopMouseLeave(callback?: (event: MouseEvent) => void): this;
255
+ onStopMouseMove(callback?: (event: MouseEvent) => void): this;
256
+ onStopMouseOut(callback?: (event: MouseEvent) => void): this;
257
+ onStopMouseOver(callback?: (event: MouseEvent) => void): this;
258
+ onStopMouseUp(callback?: (event: MouseEvent) => void): this;
259
+ onStopWheel(callback?: (event: WheelEvent) => void): this;
260
+ onStopContextMenu(callback?: (event: MouseEvent) => void): this;
261
+
262
+ // Stop propagation versions for Keyboard Events
263
+ onStopKeyDown(callback?: (event: KeyboardEvent) => void): this;
264
+ onStopKeyPress(callback?: (event: KeyboardEvent) => void): this;
265
+ onStopKeyUp(callback?: (event: KeyboardEvent) => void): this;
266
+
267
+ // Stop propagation versions for Form Events
268
+ onStopBlur(callback?: (event: FocusEvent) => void): this;
269
+ onStopChange(callback?: (event: Event) => void): this;
270
+ onStopFocus(callback?: (event: FocusEvent) => void): this;
271
+ onStopFocusIn(callback?: (event: FocusEvent) => void): this;
272
+ onStopFocusOut(callback?: (event: FocusEvent) => void): this;
273
+ onStopInput(callback?: (event: Event) => void): this;
274
+ onStopInvalid(callback?: (event: Event) => void): this;
275
+ onStopReset(callback?: (event: Event) => void): this;
276
+ onStopSearch(callback?: (event: Event) => void): this;
277
+ onStopSelect(callback?: (event: Event) => void): this;
278
+ onStopSubmit(callback?: (event: Event) => void): this;
279
+
280
+ // Stop propagation versions for Drag Events
281
+ onStopDrag(callback?: (event: DragEvent) => void): this;
282
+ onStopDragEnd(callback?: (event: DragEvent) => void): this;
283
+ onStopDragEnter(callback?: (event: DragEvent) => void): this;
284
+ onStopDragLeave(callback?: (event: DragEvent) => void): this;
285
+ onStopDragOver(callback?: (event: DragEvent) => void): this;
286
+ onStopDragStart(callback?: (event: DragEvent) => void): this;
287
+ onStopDrop(callback?: (event: DragEvent) => void): this;
288
+
289
+ // Stop propagation versions for Window/Page Events
290
+ onStopAfterPrint(callback?: (event: Event) => void): this;
291
+ onStopBeforePrint(callback?: (event: Event) => void): this;
292
+ onStopBeforeUnload(callback?: (event: BeforeUnloadEvent) => void): this;
293
+ onStopError(callback?: (event: Event) => void): this;
294
+ onStopHashChange(callback?: (event: HashChangeEvent) => void): this;
295
+ onStopLoad(callback?: (event: Event) => void): this;
296
+ onStopOffline(callback?: (event: Event) => void): this;
297
+ onStopOnline(callback?: (event: Event) => void): this;
298
+ onStopPageHide(callback?: (event: PageTransitionEvent) => void): this;
299
+ onStopPageShow(callback?: (event: PageTransitionEvent) => void): this;
300
+ onStopResize(callback?: (event: UIEvent) => void): this;
301
+ onStopScroll(callback?: (event: Event) => void): this;
302
+ onStopUnload(callback?: (event: Event) => void): this;
303
+
304
+ // Stop propagation versions for Media Events
305
+ onStopAbort(callback?: (event: Event) => void): this;
306
+ onStopCanPlay(callback?: (event: Event) => void): this;
307
+ onStopCanPlayThrough(callback?: (event: Event) => void): this;
308
+ onStopDurationChange(callback?: (event: Event) => void): this;
309
+ onStopEmptied(callback?: (event: Event) => void): this;
310
+ onStopEnded(callback?: (event: Event) => void): this;
311
+ onStopLoadedData(callback?: (event: Event) => void): this;
312
+ onStopLoadedMetadata(callback?: (event: Event) => void): this;
313
+ onStopLoadStart(callback?: (event: Event) => void): this;
314
+ onStopPause(callback?: (event: Event) => void): this;
315
+ onStopPlay(callback?: (event: Event) => void): this;
316
+ onStopPlaying(callback?: (event: Event) => void): this;
317
+ onStopProgress(callback?: (event: ProgressEvent) => void): this;
318
+ onStopRateChange(callback?: (event: Event) => void): this;
319
+ onStopSeeked(callback?: (event: Event) => void): this;
320
+ onStopSeeking(callback?: (event: Event) => void): this;
321
+ onStopStalled(callback?: (event: Event) => void): this;
322
+ onStopSuspend(callback?: (event: Event) => void): this;
323
+ onStopTimeUpdate(callback?: (event: Event) => void): this;
324
+ onStopVolumeChange(callback?: (event: Event) => void): this;
325
+ onStopWaiting(callback?: (event: Event) => void): this;
326
+
327
+ // Stop propagation versions for Touch Events
328
+ onStopTouchCancel(callback?: (event: TouchEvent) => void): this;
329
+ onStopTouchEnd(callback?: (event: TouchEvent) => void): this;
330
+ onStopTouchMove(callback?: (event: TouchEvent) => void): this;
331
+ onStopTouchStart(callback?: (event: TouchEvent) => void): this;
332
+
333
+ // Stop propagation versions for Animation Events
334
+ onStopAnimationEnd(callback?: (event: AnimationEvent) => void): this;
335
+ onStopAnimationIteration(callback?: (event: AnimationEvent) => void): this;
336
+ onStopAnimationStart(callback?: (event: AnimationEvent) => void): this;
337
+
338
+ // Stop propagation versions for Transition Events
339
+ onStopTransitionEnd(callback?: (event: TransitionEvent) => void): this;
340
+
341
+ // Stop propagation versions for Clipboard Events
342
+ onStopCopy(callback?: (event: ClipboardEvent) => void): this;
343
+ onStopCut(callback?: (event: ClipboardEvent) => void): this;
344
+ onStopPaste(callback?: (event: ClipboardEvent) => void): this;
345
+
346
+ // PREVENT + STOP VERSIONS
347
+
348
+ // Prevent + Stop versions for Mouse Events
349
+ onPreventStopClick(callback?: (event: MouseEvent) => void): this;
350
+ onPreventStopDblClick(callback?: (event: MouseEvent) => void): this;
351
+ onPreventStopMouseDown(callback?: (event: MouseEvent) => void): this;
352
+ onPreventStopMouseMove(callback?: (event: MouseEvent) => void): this;
353
+ onPreventStopMouseOut(callback?: (event: MouseEvent) => void): this;
354
+ onPreventStopMouseOver(callback?: (event: MouseEvent) => void): this;
355
+ onPreventStopMouseUp(callback?: (event: MouseEvent) => void): this;
356
+ onPreventStopWheel(callback?: (event: WheelEvent) => void): this;
357
+ onPreventStopContextMenu(callback?: (event: MouseEvent) => void): this;
358
+
359
+ // Prevent + Stop versions for Keyboard Events
360
+ onPreventStopKeyDown(callback?: (event: KeyboardEvent) => void): this;
361
+ onPreventStopKeyPress(callback?: (event: KeyboardEvent) => void): this;
362
+ onPreventStopKeyUp(callback?: (event: KeyboardEvent) => void): this;
363
+
364
+ // Prevent + Stop versions for Form Events
365
+ onPreventStopChange(callback?: (event: Event) => void): this;
366
+ onPreventStopInput(callback?: (event: Event) => void): this;
367
+ onPreventStopInvalid(callback?: (event: Event) => void): this;
368
+ onPreventStopReset(callback?: (event: Event) => void): this;
369
+ onPreventStopSearch(callback?: (event: Event) => void): this;
370
+ onPreventStopSelect(callback?: (event: Event) => void): this;
371
+ onPreventStopSubmit(callback?: (event: Event) => void): this;
372
+ onPreventStopFocusIn(callback?: (event: FocusEvent) => void): this;
373
+ onPreventStopFocusOut(callback?: (event: FocusEvent) => void): this;
374
+
375
+ // Prevent + Stop versions for Drag Events
376
+ onPreventStopDrag(callback?: (event: DragEvent) => void): this;
377
+ onPreventStopDragEnd(callback?: (event: DragEvent) => void): this;
378
+ onPreventStopDragEnter(callback?: (event: DragEvent) => void): this;
379
+ onPreventStopDragLeave(callback?: (event: DragEvent) => void): this;
380
+ onPreventStopDragOver(callback?: (event: DragEvent) => void): this;
381
+ onPreventStopDragStart(callback?: (event: DragEvent) => void): this;
382
+ onPreventStopDrop(callback?: (event: DragEvent) => void): this;
383
+
384
+ // Prevent + Stop versions for Window/Page Events
385
+ onPreventStopBeforeUnload(callback?: (event: BeforeUnloadEvent) => void): this;
386
+ onPreventStopHashChange(callback?: (event: HashChangeEvent) => void): this;
387
+
388
+ // Prevent + Stop versions for Touch Events
389
+ onPreventStopTouchCancel(callback?: (event: TouchEvent) => void): this;
390
+ onPreventStopTouchEnd(callback?: (event: TouchEvent) => void): this;
391
+ onPreventStopTouchMove(callback?: (event: TouchEvent) => void): this;
392
+ onPreventStopTouchStart(callback?: (event: TouchEvent) => void): this;
393
+
394
+ // Prevent + Stop versions for Animation Events
395
+ onPreventStopAnimationEnd(callback?: (event: AnimationEvent) => void): this;
396
+ onPreventStopAnimationIteration(callback?: (event: AnimationEvent) => void): this;
397
+ onPreventStopAnimationStart(callback?: (event: AnimationEvent) => void): this;
398
+
399
+ // Prevent + Stop versions for Transition Events
400
+ onPreventStopTransitionEnd(callback?: (event: TransitionEvent) => void): this;
401
+
402
+ // Prevent + Stop versions for Clipboard Events
403
+ onPreventStopCopy(callback?: (event: ClipboardEvent) => void): this;
404
+ onPreventStopCut(callback?: (event: ClipboardEvent) => void): this;
405
+ onPreventStopPaste(callback?: (event: ClipboardEvent) => void): this;
406
+
407
+ }
@@ -0,0 +1,3 @@
1
+ import { ObservableItem, ObservableChecker, ObservableResourceConfig, ObservableResource } from './observable';
2
+
3
+ export type { ObservableResource, ObservableResourceConfig };