native-document 1.0.165 → 1.0.168

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 (488) hide show
  1. package/.vitepress/config.js +166 -0
  2. package/CHANGELOG.md +153 -0
  3. package/components.d.ts +2 -0
  4. package/components.js +2 -1
  5. package/devtools/widget.js +1 -1
  6. package/dist/native-document.components.min.js +11589 -2983
  7. package/dist/native-document.dev.js +2280 -396
  8. package/dist/native-document.dev.js.map +1 -1
  9. package/dist/native-document.min.js +1 -1
  10. package/docs/advanced-components.md +213 -608
  11. package/docs/anchor.md +173 -312
  12. package/docs/cache.md +95 -803
  13. package/docs/cli.md +179 -0
  14. package/docs/components/accordion.md +172 -0
  15. package/docs/components/alert.md +99 -0
  16. package/docs/components/avatar.md +160 -0
  17. package/docs/components/badge.md +102 -0
  18. package/docs/components/breadcrumb.md +89 -0
  19. package/docs/components/button.md +183 -0
  20. package/docs/components/card.md +69 -0
  21. package/docs/components/context-menu.md +118 -0
  22. package/docs/components/data-table.md +345 -0
  23. package/docs/components/dropdown.md +214 -0
  24. package/docs/components/form/autocomplete-field.md +81 -0
  25. package/docs/components/form/checkbox-field.md +41 -0
  26. package/docs/components/form/checkbox-group-field.md +54 -0
  27. package/docs/components/form/color-field.md +64 -0
  28. package/docs/components/form/date-field.md +92 -0
  29. package/docs/components/form/field-collection.md +63 -0
  30. package/docs/components/form/file-field.md +203 -0
  31. package/docs/components/form/form-control.md +87 -0
  32. package/docs/components/form/image-field.md +90 -0
  33. package/docs/components/form/index.md +115 -0
  34. package/docs/components/form/number-field.md +65 -0
  35. package/docs/components/form/radio-field.md +51 -0
  36. package/docs/components/form/select-field.md +123 -0
  37. package/docs/components/form/slider.md +136 -0
  38. package/docs/components/form/string-field.md +134 -0
  39. package/docs/components/form/textarea-field.md +65 -0
  40. package/docs/components/form-fields.md +372 -0
  41. package/docs/components/getting-started.md +264 -0
  42. package/docs/components/index.md +337 -0
  43. package/docs/components/layout.md +279 -0
  44. package/docs/components/list.md +73 -0
  45. package/docs/components/menu.md +215 -0
  46. package/docs/components/modal.md +156 -0
  47. package/docs/components/pagination.md +95 -0
  48. package/docs/components/popover.md +131 -0
  49. package/docs/components/progress.md +111 -0
  50. package/docs/components/shortcut-manager.md +221 -0
  51. package/docs/components/simple-table.md +107 -0
  52. package/docs/components/skeleton.md +155 -0
  53. package/docs/components/spinner.md +100 -0
  54. package/docs/components/splitter.md +133 -0
  55. package/docs/components/stepper.md +163 -0
  56. package/docs/components/switch.md +113 -0
  57. package/docs/components/tabs.md +153 -0
  58. package/docs/components/toast.md +119 -0
  59. package/docs/components/tooltip.md +151 -0
  60. package/docs/components/traits.md +261 -0
  61. package/docs/conditional-rendering.md +170 -588
  62. package/docs/contributing.md +300 -25
  63. package/docs/core-concepts.md +205 -374
  64. package/docs/elements.md +251 -367
  65. package/docs/extending-native-document-element.md +192 -207
  66. package/docs/filters.md +153 -1122
  67. package/docs/getting-started.md +193 -267
  68. package/docs/i18n.md +241 -0
  69. package/docs/index.md +76 -0
  70. package/docs/lifecycle-events.md +143 -75
  71. package/docs/list-rendering.md +227 -852
  72. package/docs/memory-management.md +134 -47
  73. package/docs/native-document-element.md +337 -186
  74. package/docs/native-fetch.md +99 -630
  75. package/docs/observable-resource.md +364 -0
  76. package/docs/observables.md +592 -526
  77. package/docs/routing.md +244 -653
  78. package/docs/state-management.md +134 -241
  79. package/docs/svg-elements.md +231 -0
  80. package/docs/theming.md +409 -0
  81. package/docs/validation.md +95 -97
  82. package/docs/vitepress-conventions.md +219 -0
  83. package/eslint.config.js +28 -33
  84. package/i18n.js +1 -1
  85. package/i18n.ts +2 -0
  86. package/index.js +3 -0
  87. package/package.json +36 -14
  88. package/readme.md +269 -89
  89. package/src/components/$traits/has-draggable/HasDraggable.d.ts +4 -0
  90. package/src/components/$traits/has-draggable/HasDraggable.js +13 -0
  91. package/src/components/$traits/has-items/HasItems.d.ts +9 -0
  92. package/src/components/$traits/has-items/HasItems.js +6 -6
  93. package/src/components/$traits/has-position/HasFullPosition.d.ts +14 -0
  94. package/src/components/$traits/has-position/HasFullPosition.js +44 -0
  95. package/src/components/$traits/has-position/HasPosition.d.ts +7 -0
  96. package/src/components/$traits/has-position/HasPosition.js +23 -1
  97. package/src/components/$traits/has-resizable/HasResizable.d.ts +13 -0
  98. package/src/components/$traits/has-resizable/HasResizable.js +9 -0
  99. package/src/components/$traits/has-validation/HasValidation.d.ts +17 -0
  100. package/src/components/$traits/has-validation/HasValidation.js +54 -7
  101. package/src/components/BaseComponent.d.ts +32 -0
  102. package/src/components/BaseComponent.js +65 -9
  103. package/src/components/accordion/Accordion.js +39 -14
  104. package/src/components/accordion/AccordionItem.js +45 -14
  105. package/src/components/accordion/index.js +2 -2
  106. package/src/components/accordion/types/Accordion.d.ts +47 -0
  107. package/src/components/accordion/types/AccordionItem.d.ts +48 -0
  108. package/src/components/alert/Alert.js +70 -38
  109. package/src/components/alert/index.js +2 -2
  110. package/src/components/alert/types/Alert.d.ts +62 -0
  111. package/src/components/avatar/Avatar.js +49 -12
  112. package/src/components/avatar/AvatarGroup.js +50 -2
  113. package/src/components/avatar/index.js +2 -2
  114. package/src/components/avatar/types/Avatar.d.ts +74 -0
  115. package/src/components/avatar/types/AvatarGroup.d.ts +32 -0
  116. package/src/components/badge/Badge.js +125 -5
  117. package/src/components/badge/index.js +2 -2
  118. package/src/components/badge/types/Badge.d.ts +51 -0
  119. package/src/components/breadcrumb/BreadCrumb.js +61 -5
  120. package/src/components/breadcrumb/index.js +2 -2
  121. package/src/components/breadcrumb/types/BreadCrumb.d.ts +42 -0
  122. package/src/components/button/Button.js +164 -9
  123. package/src/components/button/index.js +1 -1
  124. package/src/components/button/types/Button.d.ts +62 -0
  125. package/src/components/card/Card.js +204 -32
  126. package/src/components/card/index.js +4 -4
  127. package/src/components/card/types/Card.d.ts +42 -0
  128. package/src/components/context-menu/ContextMenu.js +49 -5
  129. package/src/components/context-menu/ContextMenuGroup.js +15 -2
  130. package/src/components/context-menu/ContextMenuItem.js +14 -2
  131. package/src/components/context-menu/index.js +5 -5
  132. package/src/components/context-menu/types/ContextMenu.d.ts +30 -0
  133. package/src/components/context-menu/types/ContextMenuGroup.d.ts +18 -0
  134. package/src/components/context-menu/types/ContextMenuItem.d.ts +18 -0
  135. package/src/components/divider/Divider.js +120 -4
  136. package/src/components/divider/index.js +3 -3
  137. package/src/components/divider/types/Divider.d.ts +55 -0
  138. package/src/components/dropdown/Dropdown.js +239 -16
  139. package/src/components/dropdown/DropdownDivider.js +22 -2
  140. package/src/components/dropdown/DropdownGroup.js +44 -5
  141. package/src/components/dropdown/DropdownItem.js +76 -3
  142. package/src/components/dropdown/DropdownTrigger.js +49 -20
  143. package/src/components/dropdown/helpers.js +1 -1
  144. package/src/components/dropdown/index.js +6 -6
  145. package/src/components/dropdown/types/Dropdown.d.ts +88 -0
  146. package/src/components/dropdown/types/DropdownDivider.d.ts +20 -0
  147. package/src/components/dropdown/types/DropdownGroup.d.ts +25 -0
  148. package/src/components/dropdown/types/DropdownItem.d.ts +41 -0
  149. package/src/components/dropdown/types/DropdownTrigger.d.ts +32 -0
  150. package/src/components/form/FormControl.js +156 -13
  151. package/src/components/form/field/Field.js +172 -9
  152. package/src/components/form/field/FieldCollection.js +116 -12
  153. package/src/components/form/field/types/AutocompleteField.js +92 -2
  154. package/src/components/form/field/types/CheckboxField.js +43 -2
  155. package/src/components/form/field/types/CheckboxGroupField.js +83 -6
  156. package/src/components/form/field/types/ColorField.js +56 -3
  157. package/src/components/form/field/types/DateField.js +155 -4
  158. package/src/components/form/field/types/EmailField.js +54 -4
  159. package/src/components/form/field/types/FileField.js +140 -6
  160. package/src/components/form/field/types/HiddenField.js +27 -1
  161. package/src/components/form/field/types/ImageField.js +82 -3
  162. package/src/components/form/field/types/NumberField.js +97 -4
  163. package/src/components/form/field/types/PasswordField.js +103 -7
  164. package/src/components/form/field/types/RadioField.js +75 -4
  165. package/src/components/form/field/types/RangeField.js +67 -1
  166. package/src/components/form/field/types/SearchField.js +41 -2
  167. package/src/components/form/field/types/SelectField.js +133 -4
  168. package/src/components/form/field/types/StringField.js +91 -2
  169. package/src/components/form/field/types/TelField.js +55 -4
  170. package/src/components/form/field/types/TextAreaField.js +76 -2
  171. package/src/components/form/field/types/TimeField.js +120 -5
  172. package/src/components/form/field/types/UrlField.js +59 -4
  173. package/src/components/form/field/types/file-field-mode/FileAvatarMode.js +83 -4
  174. package/src/components/form/field/types/file-field-mode/FileDropzoneMode.js +61 -3
  175. package/src/components/form/field/types/file-field-mode/FileItemPreview.js +79 -3
  176. package/src/components/form/field/types/file-field-mode/FileNativeMode.js +24 -2
  177. package/src/components/form/field/types/file-field-mode/FileUploadButtonMode.js +64 -3
  178. package/src/components/form/field/types/file-field-mode/FileWallMode.js +56 -3
  179. package/src/components/form/index.js +28 -28
  180. package/src/components/form/types/Field.d.ts +73 -0
  181. package/src/components/form/types/FieldCollection.d.ts +53 -0
  182. package/src/components/form/types/FormControl.d.ts +64 -0
  183. package/src/components/form/types/fields/AutocompleteField.d.ts +48 -0
  184. package/src/components/form/types/fields/CheckboxField.d.ts +33 -0
  185. package/src/components/form/types/fields/CheckboxGroupField.d.ts +49 -0
  186. package/src/components/form/types/fields/ColorField.d.ts +37 -0
  187. package/src/components/form/types/fields/DateField.d.ts +70 -0
  188. package/src/components/form/types/fields/EmailField.d.ts +35 -0
  189. package/src/components/form/types/fields/FileAvatarMode.d.ts +46 -0
  190. package/src/components/form/types/fields/FileDropzoneMode.d.ts +28 -0
  191. package/src/components/form/types/fields/FileField.d.ts +56 -0
  192. package/src/components/form/types/fields/FileItemPreview.d.ts +35 -0
  193. package/src/components/form/types/fields/FileNativeMode.d.ts +21 -0
  194. package/src/components/form/types/fields/FileUploadButtonMode.d.ts +34 -0
  195. package/src/components/form/types/fields/FileWallMode.d.ts +32 -0
  196. package/src/components/form/types/fields/HiddenField.d.ts +26 -0
  197. package/src/components/form/types/fields/ImageField.d.ts +45 -0
  198. package/src/components/form/types/fields/NumberField.d.ts +48 -0
  199. package/src/components/form/types/fields/PasswordField.d.ts +46 -0
  200. package/src/components/form/types/fields/RadioField.d.ts +48 -0
  201. package/src/components/form/types/fields/RangeField.d.ts +44 -0
  202. package/src/components/form/types/fields/SearchField.d.ts +34 -0
  203. package/src/components/form/types/fields/SelectField.d.ts +71 -0
  204. package/src/components/form/types/fields/StringField.d.ts +48 -0
  205. package/src/components/form/types/fields/TelField.d.ts +37 -0
  206. package/src/components/form/types/fields/TextAreaField.d.ts +44 -0
  207. package/src/components/form/types/fields/TimeField.d.ts +51 -0
  208. package/src/components/form/types/fields/UrlField.d.ts +35 -0
  209. package/src/components/form/validation/Validation.js +54 -54
  210. package/src/components/index.d.ts +160 -0
  211. package/src/components/list/HasListItem.js +171 -0
  212. package/src/components/list/List.js +85 -67
  213. package/src/components/list/ListDivider.js +39 -0
  214. package/src/components/list/ListGroup.js +105 -38
  215. package/src/components/list/ListItem.js +158 -49
  216. package/src/components/list/index.js +8 -6
  217. package/src/components/list/types/List.d.ts +43 -0
  218. package/src/components/list/types/ListGroup.d.ts +37 -0
  219. package/src/components/list/types/ListItem.d.ts +53 -0
  220. package/src/components/menu/HasMenuItem.js +55 -6
  221. package/src/components/menu/Menu.js +113 -22
  222. package/src/components/menu/MenuDivider.js +18 -2
  223. package/src/components/menu/MenuGroup.js +61 -6
  224. package/src/components/menu/MenuItem.js +95 -11
  225. package/src/components/menu/MenuLink.js +27 -2
  226. package/src/components/menu/index.js +6 -6
  227. package/src/components/menu/types/Menu.d.ts +60 -0
  228. package/src/components/menu/types/MenuDivider.d.ts +19 -0
  229. package/src/components/menu/types/MenuGroup.d.ts +44 -0
  230. package/src/components/menu/types/MenuItem.d.ts +46 -0
  231. package/src/components/menu/types/MenuLink.d.ts +16 -0
  232. package/src/components/modal/Modal.js +258 -17
  233. package/src/components/modal/index.js +3 -3
  234. package/src/components/modal/types/Modal.d.ts +94 -0
  235. package/src/components/pagination/Pagination.js +155 -7
  236. package/src/components/pagination/index.js +3 -3
  237. package/src/components/pagination/types/Pagination.d.ts +68 -0
  238. package/src/components/popover/Popover.js +198 -11
  239. package/src/components/popover/PopoverFooter.js +33 -9
  240. package/src/components/popover/PopoverHeader.js +33 -8
  241. package/src/components/popover/index.js +4 -4
  242. package/src/components/popover/types/Popover.d.ts +83 -0
  243. package/src/components/popover/types/PopoverFooter.d.ts +24 -0
  244. package/src/components/popover/types/PopoverHeader.d.ts +26 -0
  245. package/src/components/progress/Progress.js +182 -13
  246. package/src/components/progress/index.js +3 -3
  247. package/src/components/progress/types/Progress.d.ts +77 -0
  248. package/src/components/skeleton/Skeleton.js +117 -49
  249. package/src/components/skeleton/index.js +3 -3
  250. package/src/components/skeleton/types/Skeleton.d.ts +55 -0
  251. package/src/components/slider/Slider.js +207 -10
  252. package/src/components/slider/index.js +2 -2
  253. package/src/components/slider/types/Slider.d.ts +82 -0
  254. package/src/components/spacer/Spacer.js +12 -3
  255. package/src/components/spacer/index.js +2 -2
  256. package/src/components/spacer/types/Spacer.d.ts +19 -0
  257. package/src/components/spinner/Spinner.js +180 -9
  258. package/src/components/spinner/index.js +3 -3
  259. package/src/components/spinner/types/Spinner.d.ts +71 -0
  260. package/src/components/splitter/Splitter.js +76 -13
  261. package/src/components/splitter/SplitterGutter.js +67 -5
  262. package/src/components/splitter/SplitterPanel.js +69 -2
  263. package/src/components/splitter/index.js +5 -5
  264. package/src/components/splitter/types/Splitter.d.ts +38 -0
  265. package/src/components/splitter/types/SplitterGutter.d.ts +38 -0
  266. package/src/components/splitter/types/SplitterPanel.d.ts +41 -0
  267. package/src/components/stacks/AbsoluteStack.js +23 -3
  268. package/src/components/stacks/FixedStack.js +23 -3
  269. package/src/components/stacks/HStack.js +24 -3
  270. package/src/components/stacks/PositionStack.js +111 -3
  271. package/src/components/stacks/RelativeStack.js +23 -3
  272. package/src/components/stacks/Stack.js +73 -2
  273. package/src/components/stacks/VStack.js +24 -4
  274. package/src/components/stacks/index.js +7 -7
  275. package/src/components/stacks/types/AbsoluteStack.d.ts +16 -0
  276. package/src/components/stacks/types/FixedStack.d.ts +16 -0
  277. package/src/components/stacks/types/HStack.d.ts +16 -0
  278. package/src/components/stacks/types/PositionStack.d.ts +54 -0
  279. package/src/components/stacks/types/RelativeStack.d.ts +17 -0
  280. package/src/components/stacks/types/Stack.d.ts +39 -0
  281. package/src/components/stacks/types/VStack.d.ts +16 -0
  282. package/src/components/stepper/Stepper.js +152 -12
  283. package/src/components/stepper/StepperStep.js +104 -3
  284. package/src/components/stepper/index.js +4 -4
  285. package/src/components/stepper/types/Stepper.d.ts +68 -0
  286. package/src/components/stepper/types/StepperStep.d.ts +54 -0
  287. package/src/components/switch/Switch.js +143 -6
  288. package/src/components/switch/index.js +1 -1
  289. package/src/components/switch/types/Switch.d.ts +55 -0
  290. package/src/components/table/Column.js +105 -6
  291. package/src/components/table/ColumnGroup.js +48 -3
  292. package/src/components/table/DataTable.js +256 -19
  293. package/src/components/table/SimpleTable.js +58 -4
  294. package/src/components/table/index.js +2 -2
  295. package/src/components/table/types/Column.d.ts +49 -0
  296. package/src/components/table/types/ColumnGroup.d.ts +28 -0
  297. package/src/components/table/types/DataTable.d.ts +97 -0
  298. package/src/components/table/types/SimpleTable.d.ts +40 -0
  299. package/src/components/tabs/Tabs.js +192 -5
  300. package/src/components/tabs/index.js +3 -3
  301. package/src/components/tabs/types/Tabs.d.ts +78 -0
  302. package/src/components/toast/Toast.js +133 -5
  303. package/src/components/toast/index.js +3 -3
  304. package/src/components/toast/types/Toast.d.ts +57 -0
  305. package/src/components/toast/types/ToastError.d.ts +7 -0
  306. package/src/components/toast/types/ToastInfo.d.ts +7 -0
  307. package/src/components/toast/types/ToastSuccess.d.ts +7 -0
  308. package/src/components/toast/types/ToastWarning.d.ts +7 -0
  309. package/src/components/tooltip/Tooltip.js +157 -13
  310. package/src/components/tooltip/index.js +2 -2
  311. package/src/components/tooltip/prototypes.js +1 -1
  312. package/src/components/tooltip/types/Tooltip.d.ts +65 -0
  313. package/src/core/data/MemoryManager.js +2 -2
  314. package/src/core/data/Observable.js +15 -18
  315. package/src/core/data/ObservableArray.js +118 -46
  316. package/src/core/data/ObservableChecker.js +2 -2
  317. package/src/core/data/ObservableItem.js +135 -21
  318. package/src/core/data/ObservableObject.js +126 -35
  319. package/src/core/data/ObservableResource.js +118 -3
  320. package/src/core/data/Store.js +142 -26
  321. package/src/core/data/observable-helpers/observable.is-to.js +196 -1
  322. package/src/core/data/observable-helpers/observable.prototypes.js +35 -8
  323. package/src/core/elements/anchor/anchor-with-sentinel.js +23 -2
  324. package/src/core/elements/anchor/anchor.js +16 -7
  325. package/src/core/elements/anchor/one-child-anchor-overwriting.js +2 -2
  326. package/src/core/elements/content-formatter.js +1 -1
  327. package/src/core/elements/control/for-each-array.js +9 -9
  328. package/src/core/elements/control/for-each.js +14 -14
  329. package/src/core/elements/control/show-if.js +11 -11
  330. package/src/core/elements/control/show-when.js +5 -5
  331. package/src/core/elements/control/switch.js +14 -14
  332. package/src/core/elements/description-list.js +1 -1
  333. package/src/core/elements/form.js +2 -2
  334. package/src/core/elements/fragment.js +1 -1
  335. package/src/core/elements/html5-semantics.js +1 -1
  336. package/src/core/elements/img.js +3 -3
  337. package/src/core/elements/interactive.js +1 -1
  338. package/src/core/elements/list.js +1 -1
  339. package/src/core/elements/medias.js +1 -1
  340. package/src/core/elements/meta-data.js +1 -1
  341. package/src/core/elements/svg.js +1 -1
  342. package/src/core/elements/table.js +1 -1
  343. package/src/core/errors/ArgTypesError.js +1 -1
  344. package/src/core/utils/HasEventEmitter.js +36 -2
  345. package/src/core/utils/args-types.js +9 -9
  346. package/src/core/utils/cache.js +1 -1
  347. package/src/core/utils/callback-handler.js +29 -0
  348. package/src/core/utils/debug-manager.js +6 -6
  349. package/src/core/utils/events.js +139 -139
  350. package/src/core/utils/filters/date.js +84 -3
  351. package/src/core/utils/filters/standard.js +136 -11
  352. package/src/core/utils/filters/strings.js +34 -2
  353. package/src/core/utils/filters/utils.js +40 -4
  354. package/src/core/utils/formatters.js +4 -4
  355. package/src/core/utils/helpers.js +39 -7
  356. package/src/core/utils/localstorage.js +11 -11
  357. package/src/core/utils/memoize.js +56 -3
  358. package/src/core/utils/plugins-manager.js +3 -3
  359. package/src/core/utils/property-accumulator.js +6 -6
  360. package/src/core/utils/prototypes.js +26 -1
  361. package/src/core/utils/shortcut-manager.js +2 -2
  362. package/src/core/utils/validator.js +8 -8
  363. package/src/core/wrappers/AttributesWrapper.js +32 -22
  364. package/src/core/wrappers/DocumentObserver.js +3 -3
  365. package/src/core/wrappers/ElementCreator.js +5 -5
  366. package/src/core/wrappers/HtmlElementWrapper.js +38 -12
  367. package/src/core/wrappers/NDElement.js +328 -22
  368. package/src/core/wrappers/NdPrototype.js +60 -16
  369. package/src/core/wrappers/SingletonView.js +50 -2
  370. package/src/core/wrappers/SvgElementWrapper.js +1 -1
  371. package/src/core/wrappers/constants.js +35 -2
  372. package/src/core/wrappers/prototypes/attributes-extensions.js +7 -7
  373. package/src/core/wrappers/prototypes/nd-element-extensions.js +72 -6
  374. package/src/core/wrappers/prototypes/nd-element.transition.extensions.js +42 -2
  375. package/src/core/wrappers/template-cloner/NodeCloner.js +53 -8
  376. package/src/core/wrappers/template-cloner/TemplateCloner.js +75 -6
  377. package/src/core/wrappers/template-cloner/attributes-hydrator.js +58 -2
  378. package/src/core/wrappers/template-cloner/utils.js +42 -6
  379. package/src/fetch/NativeFetch.js +3 -3
  380. package/src/i18n/bin/scan.js +6 -6
  381. package/src/i18n/index.d.ts +2 -0
  382. package/src/i18n/service/I18nService.d.ts +27 -0
  383. package/src/i18n/service/I18nService.js +5 -5
  384. package/src/i18n/service/functions.d.ts +22 -0
  385. package/src/i18n/service/functions.js +2 -2
  386. package/src/router/Route.js +3 -3
  387. package/src/router/RouteGroupHelper.js +2 -2
  388. package/src/router/Router.js +15 -15
  389. package/src/router/RouterComponent.js +33 -7
  390. package/src/router/link.js +4 -4
  391. package/src/router/modes/HashRouter.js +2 -2
  392. package/src/router/modes/HistoryRouter.js +2 -2
  393. package/src/router/modes/MemoryRouter.js +1 -1
  394. package/src/ui/components/accordion/AccordionItemRender.js +3 -3
  395. package/src/ui/components/accordion/AccordionRender.js +1 -1
  396. package/src/ui/components/alert/AlertRender.js +10 -10
  397. package/src/ui/components/avatar/avata-group/AvatarGroupRender.js +1 -1
  398. package/src/ui/components/avatar/avatar/AvatarRender.js +1 -1
  399. package/src/ui/components/breadcrumb/BreadcrumbRender.js +2 -2
  400. package/src/ui/components/button/ButtonRender.js +1 -1
  401. package/src/ui/components/card/CardRender.js +133 -0
  402. package/src/ui/components/card/card.css +169 -0
  403. package/src/ui/components/contextmenu/ContextmenuRender.js +6 -6
  404. package/src/ui/components/dropdown/DropdownRender.js +8 -8
  405. package/src/ui/components/dropdown/group/DropdownGroupRender.js +2 -2
  406. package/src/ui/components/dropdown/item/DropdownItemRender.js +1 -1
  407. package/src/ui/components/form/FieldCollectionRender.js +2 -2
  408. package/src/ui/components/form/FormControlRender.js +5 -5
  409. package/src/ui/components/form/fields/AutocompleteFieldRender.js +3 -3
  410. package/src/ui/components/form/fields/CheckboxFieldRender.js +1 -1
  411. package/src/ui/components/form/fields/CheckboxGroupFieldRender.js +1 -1
  412. package/src/ui/components/form/fields/DateFieldRender.js +7 -7
  413. package/src/ui/components/form/fields/EmailFieldRender.js +1 -1
  414. package/src/ui/components/form/fields/FieldRender.js +4 -4
  415. package/src/ui/components/form/fields/FileFieldRender.js +1 -1
  416. package/src/ui/components/form/fields/PasswordFieldRender.js +2 -2
  417. package/src/ui/components/form/fields/RadioFieldRender.js +1 -1
  418. package/src/ui/components/form/fields/RangeFieldRender.js +1 -1
  419. package/src/ui/components/form/fields/SelectFieldRender.js +2 -2
  420. package/src/ui/components/form/fields/SliderFieldRender.js +6 -6
  421. package/src/ui/components/form/fields/StringFieldRender.js +1 -1
  422. package/src/ui/components/form/fields/TelFieldRender.js +1 -1
  423. package/src/ui/components/form/fields/TextAreaFieldRender.js +1 -1
  424. package/src/ui/components/form/fields/TimeFieldRender.js +3 -3
  425. package/src/ui/components/form/fields/UrlFieldRender.js +1 -1
  426. package/src/ui/components/form/file-upload-mode/FileAvatarModeRender.js +1 -1
  427. package/src/ui/components/form/file-upload-mode/FileDropzoneModeRender.js +2 -2
  428. package/src/ui/components/form/file-upload-mode/FileUploadButtonModeRender.js +2 -2
  429. package/src/ui/components/form/file-upload-mode/FileWallModeRender.js +1 -1
  430. package/src/ui/components/form/helpers.js +8 -8
  431. package/src/ui/components/form/index.js +27 -27
  432. package/src/ui/components/list/ListRender.js +18 -0
  433. package/src/ui/components/list/divider/ListDividerRender.js +10 -0
  434. package/src/ui/components/list/divider/list-divider.css +12 -0
  435. package/src/ui/components/list/group/ListGroupRender.js +61 -0
  436. package/src/ui/components/list/group/list-group.css +62 -0
  437. package/src/ui/components/list/item/ListItemRender.js +238 -0
  438. package/src/ui/components/list/item/list-item.css +191 -0
  439. package/src/ui/components/list/list.css +24 -0
  440. package/src/ui/components/menu/MenuDividerRender.js +1 -1
  441. package/src/ui/components/menu/MenuGroupRender.js +3 -3
  442. package/src/ui/components/menu/MenuItemRender.js +2 -2
  443. package/src/ui/components/menu/MenuLinkRender.js +3 -3
  444. package/src/ui/components/menu/helpers.js +4 -4
  445. package/src/ui/components/modal/ModalRender.js +4 -4
  446. package/src/ui/components/pagination/PaginationRender.js +9 -9
  447. package/src/ui/components/popover/PopoverRender.js +7 -7
  448. package/src/ui/components/progress/ProgressRender.js +12 -12
  449. package/src/ui/components/skeleton/SkeletonRender.js +56 -0
  450. package/src/ui/components/spacer/SpacerRender.js +10 -0
  451. package/src/ui/components/splitter/SplitterGutterRender.js +1 -1
  452. package/src/ui/components/splitter/SplitterPanelRender.js +2 -2
  453. package/src/ui/components/stacks/PositionStackRender.js +1 -1
  454. package/src/ui/components/stacks/StackRender.js +1 -1
  455. package/src/ui/components/stacks/absolute-stack/AbsoluteStackRender.js +1 -1
  456. package/src/ui/components/stacks/fixed-stack/FixedStackRender.js +1 -1
  457. package/src/ui/components/stacks/h-stack/HStackRender.js +1 -1
  458. package/src/ui/components/stacks/index.js +5 -5
  459. package/src/ui/components/stacks/relative-stack/RelativeStackRender.js +1 -1
  460. package/src/ui/components/stacks/v-stack/VStackRender.js +1 -1
  461. package/src/ui/components/stepper/StepperRender.js +2 -2
  462. package/src/ui/components/stepper/StepperStepRender.js +4 -4
  463. package/src/ui/components/switch/SwitchRender.js +4 -4
  464. package/src/ui/components/table/data-table/DataTableRender.js +5 -5
  465. package/src/ui/components/table/data-table/bulk-actions.js +7 -7
  466. package/src/ui/components/table/data-table/pagination.js +6 -6
  467. package/src/ui/components/table/data-table/tables.js +25 -25
  468. package/src/ui/components/table/data-table/toolbar.js +3 -3
  469. package/src/ui/components/table/simple-table/SimpleTableRender.js +8 -8
  470. package/src/ui/components/tabs/TabsRender.js +11 -11
  471. package/src/ui/components/toast/ToastRender.js +3 -3
  472. package/src/ui/components/tooltip/TooltipRender.js +1 -1
  473. package/src/ui/index.js +44 -36
  474. package/types/elements.d.ts +163 -1037
  475. package/types/forms.d.ts +16 -20
  476. package/types/globals.d.ts +543 -0
  477. package/types/images.d.ts +2 -2
  478. package/types/observable-resource.d.ts +3 -0
  479. package/types/property-accumulator.d.ts +4 -4
  480. package/types/store.d.ts +26 -2
  481. package/types/validator.ts +3 -3
  482. package/ui.js +1 -0
  483. package/src/components/form/field/DefaultRender.js +0 -77
  484. package/src/components/form/field/FieldFactory.js +0 -107
  485. package/src/components/skeleton/SkeletonList.js +0 -0
  486. package/src/components/skeleton/SkeletonParagraph.js +0 -0
  487. package/src/components/skeleton/SkeletonTable.js +0 -0
  488. /package/{src/components/skeleton/SkeletonCard.js → docs/tutorials/.gitkeep} +0 -0
@@ -1,148 +1,148 @@
1
1
  export const EVENTS = [
2
- "Click",
3
- "DblClick",
4
- "MouseDown",
5
- "MouseEnter",
6
- "MouseLeave",
7
- "MouseMove",
8
- "MouseOut",
9
- "MouseOver",
10
- "MouseUp",
11
- "Wheel",
12
- "KeyDown",
13
- "KeyPress",
14
- "KeyUp",
15
- "Blur",
16
- "Change",
17
- "Focus",
18
- "Input",
19
- "Invalid",
20
- "Reset",
21
- "Search",
22
- "Select",
23
- "Submit",
24
- "Drag",
25
- "DragEnd",
26
- "DragEnter",
27
- "DragLeave",
28
- "DragOver",
29
- "DragStart",
30
- "Drop",
31
- "AfterPrint",
32
- "BeforePrint",
33
- "BeforeUnload",
34
- "Error",
35
- "HashChange",
36
- "Load",
37
- "Offline",
38
- "Online",
39
- "PageHide",
40
- "PageShow",
41
- "Resize",
42
- "Scroll",
43
- "Unload",
44
- "Abort",
45
- "CanPlay",
46
- "CanPlayThrough",
47
- "DurationChange",
48
- "Emptied",
49
- "Ended",
50
- "LoadedData",
51
- "LoadedMetadata",
52
- "LoadStart",
53
- "Pause",
54
- "Play",
55
- "Playing",
56
- "Progress",
57
- "RateChange",
58
- "Seeked",
59
- "Seeking",
60
- "Stalled",
61
- "Suspend",
62
- "TimeUpdate",
63
- "VolumeChange",
64
- "Waiting",
2
+ 'Click',
3
+ 'DblClick',
4
+ 'MouseDown',
5
+ 'MouseEnter',
6
+ 'MouseLeave',
7
+ 'MouseMove',
8
+ 'MouseOut',
9
+ 'MouseOver',
10
+ 'MouseUp',
11
+ 'Wheel',
12
+ 'KeyDown',
13
+ 'KeyPress',
14
+ 'KeyUp',
15
+ 'Blur',
16
+ 'Change',
17
+ 'Focus',
18
+ 'Input',
19
+ 'Invalid',
20
+ 'Reset',
21
+ 'Search',
22
+ 'Select',
23
+ 'Submit',
24
+ 'Drag',
25
+ 'DragEnd',
26
+ 'DragEnter',
27
+ 'DragLeave',
28
+ 'DragOver',
29
+ 'DragStart',
30
+ 'Drop',
31
+ 'AfterPrint',
32
+ 'BeforePrint',
33
+ 'BeforeUnload',
34
+ 'Error',
35
+ 'HashChange',
36
+ 'Load',
37
+ 'Offline',
38
+ 'Online',
39
+ 'PageHide',
40
+ 'PageShow',
41
+ 'Resize',
42
+ 'Scroll',
43
+ 'Unload',
44
+ 'Abort',
45
+ 'CanPlay',
46
+ 'CanPlayThrough',
47
+ 'DurationChange',
48
+ 'Emptied',
49
+ 'Ended',
50
+ 'LoadedData',
51
+ 'LoadedMetadata',
52
+ 'LoadStart',
53
+ 'Pause',
54
+ 'Play',
55
+ 'Playing',
56
+ 'Progress',
57
+ 'RateChange',
58
+ 'Seeked',
59
+ 'Seeking',
60
+ 'Stalled',
61
+ 'Suspend',
62
+ 'TimeUpdate',
63
+ 'VolumeChange',
64
+ 'Waiting',
65
65
 
66
- "TouchCancel",
67
- "TouchEnd",
68
- "TouchMove",
69
- "TouchStart",
70
- "AnimationEnd",
71
- "AnimationIteration",
72
- "AnimationStart",
73
- "TransitionEnd",
74
- "Copy",
75
- "Cut",
76
- "Paste",
77
- "FocusIn",
78
- "FocusOut",
79
- "ContextMenu"
66
+ 'TouchCancel',
67
+ 'TouchEnd',
68
+ 'TouchMove',
69
+ 'TouchStart',
70
+ 'AnimationEnd',
71
+ 'AnimationIteration',
72
+ 'AnimationStart',
73
+ 'TransitionEnd',
74
+ 'Copy',
75
+ 'Cut',
76
+ 'Paste',
77
+ 'FocusIn',
78
+ 'FocusOut',
79
+ 'ContextMenu',
80
80
  ];
81
81
 
82
82
  export const EVENTS_WITH_PREVENT = [
83
- "Click",
84
- "DblClick",
85
- "MouseDown",
86
- "MouseUp",
87
- "Wheel",
88
- "KeyDown",
89
- "KeyPress",
90
- "Invalid",
91
- "Reset",
92
- "Submit",
93
- "DragOver",
94
- "Drop",
95
- "BeforeUnload",
96
- "TouchCancel",
97
- "TouchEnd",
98
- "TouchMove",
99
- "TouchStart",
100
- "Copy",
101
- "Cut",
102
- "Paste",
103
- "ContextMenu"
83
+ 'Click',
84
+ 'DblClick',
85
+ 'MouseDown',
86
+ 'MouseUp',
87
+ 'Wheel',
88
+ 'KeyDown',
89
+ 'KeyPress',
90
+ 'Invalid',
91
+ 'Reset',
92
+ 'Submit',
93
+ 'DragOver',
94
+ 'Drop',
95
+ 'BeforeUnload',
96
+ 'TouchCancel',
97
+ 'TouchEnd',
98
+ 'TouchMove',
99
+ 'TouchStart',
100
+ 'Copy',
101
+ 'Cut',
102
+ 'Paste',
103
+ 'ContextMenu',
104
104
  ];
105
105
 
106
106
  export const EVENTS_WITH_STOP = [
107
- "Click",
108
- "DblClick",
109
- "MouseDown",
110
- "MouseMove",
111
- "MouseOut",
112
- "MouseOver",
113
- "MouseUp",
114
- "Wheel",
115
- "KeyDown",
116
- "KeyPress",
117
- "KeyUp",
118
- "Change",
119
- "Input",
120
- "Invalid",
121
- "Reset",
122
- "Search",
123
- "Select",
124
- "Submit",
125
- "Drag",
126
- "DragEnd",
127
- "DragEnter",
128
- "DragLeave",
129
- "DragOver",
130
- "DragStart",
131
- "Drop",
132
- "BeforeUnload",
133
- "HashChange",
134
- "TouchCancel",
135
- "TouchEnd",
136
- "TouchMove",
137
- "TouchStart",
138
- "AnimationEnd",
139
- "AnimationIteration",
140
- "AnimationStart",
141
- "TransitionEnd",
142
- "Copy",
143
- "Cut",
144
- "Paste",
145
- "FocusIn",
146
- "FocusOut",
147
- "ContextMenu"
107
+ 'Click',
108
+ 'DblClick',
109
+ 'MouseDown',
110
+ 'MouseMove',
111
+ 'MouseOut',
112
+ 'MouseOver',
113
+ 'MouseUp',
114
+ 'Wheel',
115
+ 'KeyDown',
116
+ 'KeyPress',
117
+ 'KeyUp',
118
+ 'Change',
119
+ 'Input',
120
+ 'Invalid',
121
+ 'Reset',
122
+ 'Search',
123
+ 'Select',
124
+ 'Submit',
125
+ 'Drag',
126
+ 'DragEnd',
127
+ 'DragEnter',
128
+ 'DragLeave',
129
+ 'DragOver',
130
+ 'DragStart',
131
+ 'Drop',
132
+ 'BeforeUnload',
133
+ 'HashChange',
134
+ 'TouchCancel',
135
+ 'TouchEnd',
136
+ 'TouchMove',
137
+ 'TouchStart',
138
+ 'AnimationEnd',
139
+ 'AnimationIteration',
140
+ 'AnimationStart',
141
+ 'TransitionEnd',
142
+ 'Copy',
143
+ 'Cut',
144
+ 'Paste',
145
+ 'FocusIn',
146
+ 'FocusOut',
147
+ 'ContextMenu',
148
148
  ];
@@ -1,5 +1,15 @@
1
- import {createFilter, createMultiSourceFilter, getSecondsOfDay, isSameDay, toDate} from "./utils";
1
+ import {createFilter, createMultiSourceFilter, getSecondsOfDay, isSameDay, toDate} from './utils';
2
2
 
3
+ /**
4
+ * Creates a filter that passes when the date value is on the same day as the target date.
5
+ * Accepts Date objects, timestamps, or ISO strings.
6
+ *
7
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target date to compare against
8
+ * @returns {FilterResult}
9
+ * @example
10
+ * const today = new Date();
11
+ * events.where({ date: dateEquals(today) });
12
+ */
3
13
  export const dateEquals = (observableOrValue) => {
4
14
  return createFilter(observableOrValue, (value, target) => {
5
15
  if (!value || !target) return false;
@@ -7,6 +17,12 @@ export const dateEquals = (observableOrValue) => {
7
17
  });
8
18
  };
9
19
 
20
+ /**
21
+ * Creates a filter that passes when the date value is strictly before the target date (day comparison).
22
+ *
23
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target date
24
+ * @returns {FilterResult}
25
+ */
10
26
  export const dateBefore = (observableOrValue) => {
11
27
  return createFilter(observableOrValue, (value, target) => {
12
28
  if (!value || !target) return false;
@@ -14,6 +30,12 @@ export const dateBefore = (observableOrValue) => {
14
30
  });
15
31
  };
16
32
 
33
+ /**
34
+ * Creates a filter that passes when the date value is strictly after the target date (day comparison).
35
+ *
36
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target date
37
+ * @returns {FilterResult}
38
+ */
17
39
  export const dateAfter = (observableOrValue) => {
18
40
  return createFilter(observableOrValue, (value, target) => {
19
41
  if (!value || !target) return false;
@@ -21,6 +43,15 @@ export const dateAfter = (observableOrValue) => {
21
43
  });
22
44
  };
23
45
 
46
+ /**
47
+ * Creates a filter that passes when the date value falls within the given date range (inclusive, day comparison).
48
+ *
49
+ * @param {Date|number|string|ObservableItem} startObservableOrValue - Start of the range
50
+ * @param {Date|number|string|ObservableItem} endObservableOrValue - End of the range
51
+ * @returns {FilterResult}
52
+ * @example
53
+ * events.where({ date: dateBetween(startDate, endDate) });
54
+ */
24
55
  export const dateBetween = (startObservableOrValue, endObservableOrValue) => {
25
56
  return createMultiSourceFilter(
26
57
  [startObservableOrValue, endObservableOrValue],
@@ -28,10 +59,16 @@ export const dateBetween = (startObservableOrValue, endObservableOrValue) => {
28
59
  if (!value || !start || !end) return false;
29
60
  const date = toDate(value);
30
61
  return date >= toDate(start) && date <= toDate(end);
31
- }
62
+ },
32
63
  );
33
64
  };
34
65
 
66
+ /**
67
+ * Creates a filter that passes when the time component (HH:MM:SS) equals the target time.
68
+ *
69
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target time
70
+ * @returns {FilterResult}
71
+ */
35
72
  export const timeEquals = (observableOrValue) => {
36
73
  return createFilter(observableOrValue, (value, target) => {
37
74
  if (!value || !target) return false;
@@ -43,6 +80,12 @@ export const timeEquals = (observableOrValue) => {
43
80
  });
44
81
  };
45
82
 
83
+ /**
84
+ * Creates a filter that passes when the time component is strictly after the target time.
85
+ *
86
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target time
87
+ * @returns {FilterResult}
88
+ */
46
89
  export const timeAfter = (observableOrValue) => {
47
90
  return createFilter(observableOrValue, (value, target) => {
48
91
  if (!value || !target) return false;
@@ -50,6 +93,12 @@ export const timeAfter = (observableOrValue) => {
50
93
  });
51
94
  };
52
95
 
96
+ /**
97
+ * Creates a filter that passes when the time component is strictly before the target time.
98
+ *
99
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target time
100
+ * @returns {FilterResult}
101
+ */
53
102
  export const timeBefore = (observableOrValue) => {
54
103
  return createFilter(observableOrValue, (value, target) => {
55
104
  if (!value || !target) return false;
@@ -57,16 +106,29 @@ export const timeBefore = (observableOrValue) => {
57
106
  });
58
107
  };
59
108
 
109
+ /**
110
+ * Creates a filter that passes when the time component falls within the given time range (inclusive).
111
+ *
112
+ * @param {Date|number|string|ObservableItem} startObservableOrValue - Start time
113
+ * @param {Date|number|string|ObservableItem} endObservableOrValue - End time
114
+ * @returns {FilterResult}
115
+ */
60
116
  export const timeBetween = (startObservableOrValue, endObservableOrValue) => {
61
117
  return createMultiSourceFilter([startObservableOrValue, endObservableOrValue],
62
118
  (value, [start, end]) => {
63
119
  if (!value || !start || !end) return false;
64
120
  const date = getSecondsOfDay(value);
65
121
  return date >= getSecondsOfDay(start) && date <= getSecondsOfDay(end);
66
- }
122
+ },
67
123
  );
68
124
  };
69
125
 
126
+ /**
127
+ * Creates a filter that passes when the full datetime (date + time) equals the target exactly.
128
+ *
129
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target datetime
130
+ * @returns {FilterResult}
131
+ */
70
132
  export const dateTimeEquals = (observableOrValue) => {
71
133
  return createFilter(observableOrValue, (value, target) => {
72
134
  if (!value || !target) return false;
@@ -74,6 +136,12 @@ export const dateTimeEquals = (observableOrValue) => {
74
136
  });
75
137
  };
76
138
 
139
+ /**
140
+ * Creates a filter that passes when the full datetime is strictly after the target.
141
+ *
142
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target datetime
143
+ * @returns {FilterResult}
144
+ */
77
145
  export const dateTimeAfter = (observableOrValue) => {
78
146
  return createFilter(observableOrValue, (value, target) => {
79
147
  if (!value || !target) return false;
@@ -81,6 +149,12 @@ export const dateTimeAfter = (observableOrValue) => {
81
149
  });
82
150
  };
83
151
 
152
+ /**
153
+ * Creates a filter that passes when the full datetime is strictly before the target.
154
+ *
155
+ * @param {Date|number|string|ObservableItem} observableOrValue - Target datetime
156
+ * @returns {FilterResult}
157
+ */
84
158
  export const dateTimeBefore = (observableOrValue) => {
85
159
  return createFilter(observableOrValue, (value, target) => {
86
160
  if (!value || !target) return false;
@@ -88,6 +162,13 @@ export const dateTimeBefore = (observableOrValue) => {
88
162
  });
89
163
  };
90
164
 
165
+ /**
166
+ * Creates a filter that passes when the full datetime falls within the given range (inclusive).
167
+ *
168
+ * @param {Date|number|string|ObservableItem} startObservableOrValue - Start of the range
169
+ * @param {Date|number|string|ObservableItem} endObservableOrValue - End of the range
170
+ * @returns {FilterResult}
171
+ */
91
172
  export const dateTimeBetween = (startObservableOrValue, endObservableOrValue) => {
92
173
  return createMultiSourceFilter([startObservableOrValue, endObservableOrValue], (value, [start, end]) => {
93
174
  if (!value || !start || !end) return false;