@web-atoms/web-controls 2.6.4 → 2.6.6

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 (304) hide show
  1. package/dist/tsconfig.tsbuildinfo +1 -1
  2. package/dist-esm/ArrayLike.js +14 -12
  3. package/dist-esm/DataAttributes.js +18 -19
  4. package/dist-esm/Focusable.js +10 -11
  5. package/dist-esm/ModuleFiles.js +43 -42
  6. package/dist-esm/NumberFormats.js +60 -56
  7. package/dist-esm/PageNavigator.js +28 -30
  8. package/dist-esm/animations/Animations.global.css +2 -0
  9. package/dist-esm/animations/Animations.global.css.map +1 -0
  10. package/dist-esm/animations/Animations.js +36 -33
  11. package/dist-esm/basic/AtomChips.js +312 -305
  12. package/dist-esm/basic/AtomRepeater.js +1070 -1035
  13. package/dist-esm/basic/AtomSuggestions.js +97 -107
  14. package/dist-esm/basic/AttachedPopup.js +0 -1
  15. package/dist-esm/basic/Button.js +45 -19
  16. package/dist-esm/basic/Button.local.css +2 -0
  17. package/dist-esm/basic/Button.local.css.map +1 -0
  18. package/dist-esm/basic/ButtonBar.global.css +2 -0
  19. package/dist-esm/basic/ButtonBar.global.css.map +1 -0
  20. package/dist-esm/basic/ButtonBar.js +84 -64
  21. package/dist-esm/basic/Calendar.js +211 -203
  22. package/dist-esm/basic/CheckBoxList.js +90 -70
  23. package/dist-esm/basic/Checkbox.js +16 -8
  24. package/dist-esm/basic/Chip.js +36 -12
  25. package/dist-esm/basic/ComboBox.js +47 -51
  26. package/dist-esm/basic/DataGrid.js +258 -252
  27. package/dist-esm/basic/DateField.js +149 -127
  28. package/dist-esm/basic/DropDown.js +91 -103
  29. package/dist-esm/basic/DropDownInput.global.css +2 -0
  30. package/dist-esm/basic/DropDownInput.global.css.map +1 -0
  31. package/dist-esm/basic/DropDownInput.js +78 -106
  32. package/dist-esm/basic/Editable.js +82 -77
  33. package/dist-esm/basic/Expander.js +104 -86
  34. package/dist-esm/basic/FilesDragDrop.global.css +2 -0
  35. package/dist-esm/basic/FilesDragDrop.global.css.map +1 -0
  36. package/dist-esm/basic/FilesDragDrop.js +84 -80
  37. package/dist-esm/basic/Form.js +80 -52
  38. package/dist-esm/basic/FormField.js +164 -106
  39. package/dist-esm/basic/IElement.js +1 -2
  40. package/dist-esm/basic/InlinePopup.js +263 -234
  41. package/dist-esm/basic/InlinePopupButton.js +99 -88
  42. package/dist-esm/basic/InlinePopupControl.js +24 -23
  43. package/dist-esm/basic/ItemPath.js +59 -60
  44. package/dist-esm/basic/LimitedText.js +49 -38
  45. package/dist-esm/basic/ListRepeater.js +13 -14
  46. package/dist-esm/basic/MaskedInput.js +37 -29
  47. package/dist-esm/basic/MaskedInputDiv.js +55 -48
  48. package/dist-esm/basic/MergeNode.js +64 -35
  49. package/dist-esm/basic/PasswordBox.js +32 -17
  50. package/dist-esm/basic/PinchZoomView.js +221 -199
  51. package/dist-esm/basic/PopupButton.js +39 -16
  52. package/dist-esm/basic/PopupMenu.js +3 -4
  53. package/dist-esm/basic/RadioButtonList.js +35 -25
  54. package/dist-esm/basic/RefreshLock.js +41 -42
  55. package/dist-esm/basic/Resizable.js +43 -33
  56. package/dist-esm/basic/Select.js +72 -65
  57. package/dist-esm/basic/SortByButton.global.css +2 -0
  58. package/dist-esm/basic/SortByButton.global.css.map +1 -0
  59. package/dist-esm/basic/SortByButton.js +41 -31
  60. package/dist-esm/basic/Swipe.js +91 -84
  61. package/dist-esm/basic/Switch.js +22 -8
  62. package/dist-esm/basic/TableRepeater.js +29 -33
  63. package/dist-esm/basic/TimeEditor.js +97 -52
  64. package/dist-esm/basic/TitleEditor.js +115 -95
  65. package/dist-esm/basic/ToggleButtonBar.js +21 -22
  66. package/dist-esm/basic/Tooltip.js +49 -47
  67. package/dist-esm/basic/TypeWriter.js +45 -42
  68. package/dist-esm/basic/UploadEvent.js +211 -178
  69. package/dist-esm/basic/ZoomView.js +229 -198
  70. package/dist-esm/basic/combineClasses.js +2 -3
  71. package/dist-esm/basic/elements/AtomPopover.css +2 -0
  72. package/dist-esm/basic/elements/AtomPopover.css.map +1 -0
  73. package/dist-esm/basic/elements/AtomPopover.js +270 -253
  74. package/dist-esm/basic/elements/getContainingBlock.js +34 -35
  75. package/dist-esm/basic/elements/relativeRect.js +40 -21
  76. package/dist-esm/basic/styles/calendar.global.css +2 -0
  77. package/dist-esm/basic/styles/calendar.global.css.map +1 -0
  78. package/dist-esm/basic/styles/check-box-list.global.css +2 -0
  79. package/dist-esm/basic/styles/check-box-list.global.css.map +1 -0
  80. package/dist-esm/basic/styles/checkbox.global.css +2 -0
  81. package/dist-esm/basic/styles/checkbox.global.css.map +1 -0
  82. package/dist-esm/basic/styles/chip.global.css +2 -0
  83. package/dist-esm/basic/styles/chip.global.css.map +1 -0
  84. package/dist-esm/basic/styles/chips.global.css +2 -0
  85. package/dist-esm/basic/styles/chips.global.css.map +1 -0
  86. package/dist-esm/basic/styles/data-grid.global.css +2 -0
  87. package/dist-esm/basic/styles/data-grid.global.css.map +1 -0
  88. package/dist-esm/basic/styles/date-field.global.css +2 -0
  89. package/dist-esm/basic/styles/date-field.global.css.map +1 -0
  90. package/dist-esm/basic/styles/drop-down.global.css +2 -0
  91. package/dist-esm/basic/styles/drop-down.global.css.map +1 -0
  92. package/dist-esm/basic/styles/expander.global.css +2 -0
  93. package/dist-esm/basic/styles/expander.global.css.map +1 -0
  94. package/dist-esm/basic/styles/form-field.global.css +2 -0
  95. package/dist-esm/basic/styles/form-field.global.css.map +1 -0
  96. package/dist-esm/basic/styles/inline-popup.global.css +2 -0
  97. package/dist-esm/basic/styles/inline-popup.global.css.map +1 -0
  98. package/dist-esm/basic/styles/item-suggestion.global.css +2 -0
  99. package/dist-esm/basic/styles/item-suggestion.global.css.map +1 -0
  100. package/dist-esm/basic/styles/list-repeater.global.css +2 -0
  101. package/dist-esm/basic/styles/list-repeater.global.css.map +1 -0
  102. package/dist-esm/basic/styles/masked-input.global.css +2 -0
  103. package/dist-esm/basic/styles/masked-input.global.css.map +1 -0
  104. package/dist-esm/basic/styles/password-box.global.css +2 -0
  105. package/dist-esm/basic/styles/password-box.global.css.map +1 -0
  106. package/dist-esm/basic/styles/pinch-zoom-view.global.css +2 -0
  107. package/dist-esm/basic/styles/pinch-zoom-view.global.css.map +1 -0
  108. package/dist-esm/basic/styles/popup-button.global.css +2 -0
  109. package/dist-esm/basic/styles/popup-button.global.css.map +1 -0
  110. package/dist-esm/basic/styles/popup.global.css +2 -0
  111. package/dist-esm/basic/styles/popup.global.css.map +1 -0
  112. package/dist-esm/basic/styles/radio-button-list.global.css +2 -0
  113. package/dist-esm/basic/styles/radio-button-list.global.css.map +1 -0
  114. package/dist-esm/basic/styles/repeater.global.css +2 -0
  115. package/dist-esm/basic/styles/repeater.global.css.map +1 -0
  116. package/dist-esm/basic/styles/scale.svg +4 -0
  117. package/dist-esm/basic/styles/suggestion-popup.global.css +2 -0
  118. package/dist-esm/basic/styles/suggestion-popup.global.css.map +1 -0
  119. package/dist-esm/basic/styles/suggestion.global.css +2 -0
  120. package/dist-esm/basic/styles/suggestion.global.css.map +1 -0
  121. package/dist-esm/basic/styles/swipe.global.css +2 -0
  122. package/dist-esm/basic/styles/swipe.global.css.map +1 -0
  123. package/dist-esm/basic/styles/switch.global.css +2 -0
  124. package/dist-esm/basic/styles/switch.global.css.map +1 -0
  125. package/dist-esm/basic/styles/time-editor.global.css +2 -0
  126. package/dist-esm/basic/styles/time-editor.global.css.map +1 -0
  127. package/dist-esm/basic/styles/title-editor.global.css +2 -0
  128. package/dist-esm/basic/styles/title-editor.global.css.map +1 -0
  129. package/dist-esm/basic/styles/toggle-button-bar.global.css +2 -0
  130. package/dist-esm/basic/styles/toggle-button-bar.global.css.map +1 -0
  131. package/dist-esm/basic/styles/toggle-view.global.css +2 -0
  132. package/dist-esm/basic/styles/toggle-view.global.css.map +1 -0
  133. package/dist-esm/basic/styles/tooltip.global.css +2 -0
  134. package/dist-esm/basic/styles/tooltip.global.css.map +1 -0
  135. package/dist-esm/basic/styles/zoom-view.global.css +2 -0
  136. package/dist-esm/basic/styles/zoom-view.global.css.map +1 -0
  137. package/dist-esm/desktop-app/DesktopApp.js +65 -80
  138. package/dist-esm/desktop-app/MobileDesktopApp.js +20 -23
  139. package/dist-esm/html-editor/AtomHtmlEditor.js +243 -268
  140. package/dist-esm/html-editor/HtmlEditorCommands.js +6 -4
  141. package/dist-esm/html-editor/InlineHtmlEditor.js +174 -166
  142. package/dist-esm/html-editor/RangeEditor.js +49 -51
  143. package/dist-esm/html-editor/commands/AddImage.js +40 -35
  144. package/dist-esm/html-editor/commands/AddLink.js +56 -54
  145. package/dist-esm/html-editor/commands/AddLink.local.css +2 -0
  146. package/dist-esm/html-editor/commands/AddLink.local.css.map +1 -0
  147. package/dist-esm/html-editor/commands/Align.js +24 -7
  148. package/dist-esm/html-editor/commands/AttachFile.js +23 -13
  149. package/dist-esm/html-editor/commands/AttachImage.js +35 -25
  150. package/dist-esm/html-editor/commands/Bold.js +10 -11
  151. package/dist-esm/html-editor/commands/ChangeColor.js +31 -107
  152. package/dist-esm/html-editor/commands/ChangeColor.local.css +2 -0
  153. package/dist-esm/html-editor/commands/ChangeColor.local.css.map +1 -0
  154. package/dist-esm/html-editor/commands/ChangeFont.js +42 -42
  155. package/dist-esm/html-editor/commands/ChangeFont.local.css +2 -0
  156. package/dist-esm/html-editor/commands/ChangeFont.local.css.map +1 -0
  157. package/dist-esm/html-editor/commands/ChangeFontSize.js +15 -5
  158. package/dist-esm/html-editor/commands/Command.js +34 -16
  159. package/dist-esm/html-editor/commands/CommandButton.js +51 -32
  160. package/dist-esm/html-editor/commands/Headings.js +25 -9
  161. package/dist-esm/html-editor/commands/HorizontalRule.js +9 -10
  162. package/dist-esm/html-editor/commands/HtmlCommands.js +160 -65
  163. package/dist-esm/html-editor/commands/IndentLess.js +10 -11
  164. package/dist-esm/html-editor/commands/IndentMore.js +10 -11
  165. package/dist-esm/html-editor/commands/Italic.js +10 -11
  166. package/dist-esm/html-editor/commands/NumberedList.js +10 -11
  167. package/dist-esm/html-editor/commands/Quote.js +10 -11
  168. package/dist-esm/html-editor/commands/RemoveFormat.js +10 -11
  169. package/dist-esm/html-editor/commands/Separator.global.css +2 -0
  170. package/dist-esm/html-editor/commands/Separator.global.css.map +1 -0
  171. package/dist-esm/html-editor/commands/Separator.js +5 -4
  172. package/dist-esm/html-editor/commands/Source.js +29 -25
  173. package/dist-esm/html-editor/commands/Source.local.css +2 -0
  174. package/dist-esm/html-editor/commands/Source.local.css.map +1 -0
  175. package/dist-esm/html-editor/commands/StrikeThrough.js +10 -11
  176. package/dist-esm/html-editor/commands/Toolbar.js +6 -4
  177. package/dist-esm/html-editor/commands/Underline.js +10 -11
  178. package/dist-esm/html-editor/commands/Unlink.js +10 -9
  179. package/dist-esm/html-editor/commands/UnorderedList.js +10 -11
  180. package/dist-esm/mobile-app/BottomPopup.js +137 -148
  181. package/dist-esm/mobile-app/MasterDetailPage.global.css +2 -0
  182. package/dist-esm/mobile-app/MasterDetailPage.global.css.map +1 -0
  183. package/dist-esm/mobile-app/MasterDetailPage.js +153 -152
  184. package/dist-esm/mobile-app/MobileApp.global.css +2 -0
  185. package/dist-esm/mobile-app/MobileApp.global.css.map +1 -0
  186. package/dist-esm/mobile-app/MobileApp.js +577 -569
  187. package/dist-esm/mobile-app/bottom-popup.global.css +2 -0
  188. package/dist-esm/mobile-app/bottom-popup.global.css.map +1 -0
  189. package/dist-esm/player/AtomVideoPlayer.global.css +2 -0
  190. package/dist-esm/player/AtomVideoPlayer.global.css.map +1 -0
  191. package/dist-esm/player/AtomVideoPlayer.js +316 -270
  192. package/dist-esm/player/TrackProgress.js +11 -7
  193. package/dist-esm/player/input-range-style.js +97 -98
  194. package/dist-esm/styles/atom-html-editor.global.css +2 -0
  195. package/dist-esm/styles/atom-html-editor.global.css.map +1 -0
  196. package/dist-esm/styles/button-bar.global.css +2 -0
  197. package/dist-esm/styles/button-bar.global.css.map +1 -0
  198. package/dist-esm/styles/desktop-app.global.css +2 -0
  199. package/dist-esm/styles/desktop-app.global.css.map +1 -0
  200. package/dist-esm/styles/form.global.css +2 -0
  201. package/dist-esm/styles/form.global.css.map +1 -0
  202. package/dist-esm/styles/html-editor-toolbar.global.css +2 -0
  203. package/dist-esm/styles/html-editor-toolbar.global.css.map +1 -0
  204. package/dist-esm/styles/inline-html-editor.global.css +2 -0
  205. package/dist-esm/styles/inline-html-editor.global.css.map +1 -0
  206. package/dist-esm/styles/limited-text.global.css +2 -0
  207. package/dist-esm/styles/limited-text.global.css.map +1 -0
  208. package/dist-esm/styles/resizable.global.css +2 -0
  209. package/dist-esm/styles/resizable.global.css.map +1 -0
  210. package/dist-esm/styles/track-progress.global.css +2 -0
  211. package/dist-esm/styles/track-progress.global.css.map +1 -0
  212. package/dist-esm/styles/type-writer.global.css +2 -0
  213. package/dist-esm/styles/type-writer.global.css.map +1 -0
  214. package/dist-esm/tests/app-test/AppTestApp.js +12 -15
  215. package/dist-esm/tests/app-test/AppTestApp.pack.js +54 -0
  216. package/dist-esm/tests/app-test/commands/AppCommands.js +14 -11
  217. package/dist-esm/tests/app-test/drawer/AppDrawer.js +4 -6
  218. package/dist-esm/tests/app-test/model/model.js +1 -2
  219. package/dist-esm/tests/app-test/pages/detail/DetailPage.js +21 -15
  220. package/dist-esm/tests/app-test/pages/home/HomePage.js +7 -8
  221. package/dist-esm/tests/app-test/pages/list/ListPage.js +79 -62
  222. package/dist-esm/tests/app-test/pages/list/ListPage.local.css +2 -0
  223. package/dist-esm/tests/app-test/pages/list/ListPage.local.css.map +1 -0
  224. package/dist-esm/tests/basic/PopupTest.js +9 -7
  225. package/dist-esm/tests/basic/TimeEditorTest.js +5 -9
  226. package/dist-esm/tests/basic/TimeEditorTest.pack.js +39 -0
  227. package/dist-esm/tests/basic/TimerTest.js +27 -37
  228. package/dist-esm/tests/basic/TimerTest.pack.js +40 -0
  229. package/dist-esm/tests/basic/basic-form/BasicForm.js +47 -27
  230. package/dist-esm/tests/basic/basic-form/BasicForm.pack.js +44 -0
  231. package/dist-esm/tests/basic/calendar/BasicCalendarTest.js +5 -9
  232. package/dist-esm/tests/basic/calendar/BasicCalendarTest.pack.js +53 -0
  233. package/dist-esm/tests/basic/chips/ChipsTest.js +25 -15
  234. package/dist-esm/tests/basic/chips/ChipsTest.local.css +2 -0
  235. package/dist-esm/tests/basic/chips/ChipsTest.local.css.map +1 -0
  236. package/dist-esm/tests/basic/chips/ChipsTest.pack.js +56 -0
  237. package/dist-esm/tests/basic/data-grid/DataGridTest.js +55 -60
  238. package/dist-esm/tests/basic/data-grid/DataGridTest.pack.js +58 -0
  239. package/dist-esm/tests/basic/date/DateFieldTest.js +21 -96
  240. package/dist-esm/tests/basic/date/DateFieldTest.pack.js +57 -0
  241. package/dist-esm/tests/basic/drop-down/DropDownTest.js +25 -19
  242. package/dist-esm/tests/basic/drop-down/DropDownTest.pack.js +52 -0
  243. package/dist-esm/tests/basic/drop-down-input/DropDownTest.js +32 -32
  244. package/dist-esm/tests/basic/drop-down-input/DropDownTest.pack.js +54 -0
  245. package/dist-esm/tests/basic/expander/ExpanderMenuTest.js +20 -14
  246. package/dist-esm/tests/basic/expander/ExpanderMenuTest.pack.js +38 -0
  247. package/dist-esm/tests/basic/expander/ExpanderTest.js +11 -12
  248. package/dist-esm/tests/basic/expander/ExpanderTest.pack.js +38 -0
  249. package/dist-esm/tests/basic/form2/Form2Test.js +26 -24
  250. package/dist-esm/tests/basic/form2/Form2Test.pack.js +46 -0
  251. package/dist-esm/tests/basic/limited-text/LimitedTextTest.js +14 -11
  252. package/dist-esm/tests/basic/limited-text/LimitedTextTest.pack.js +38 -0
  253. package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.global.css +2 -0
  254. package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.global.css.map +1 -0
  255. package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.js +14 -14
  256. package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.pack.js +38 -0
  257. package/dist-esm/tests/basic/repeater/DragDropRepater.js +30 -12
  258. package/dist-esm/tests/basic/repeater/DragDropRepater.pack.js +51 -0
  259. package/dist-esm/tests/basic/repeater/RepeaterTest.js +45 -35
  260. package/dist-esm/tests/basic/repeater/RepeaterTest.pack.js +52 -0
  261. package/dist-esm/tests/basic/swipe/SwipeTest.js +13 -13
  262. package/dist-esm/tests/basic/swipe/SwipeTest.local.css +2 -0
  263. package/dist-esm/tests/basic/swipe/SwipeTest.local.css.map +1 -0
  264. package/dist-esm/tests/basic/swipe/SwipeTest.pack.js +52 -0
  265. package/dist-esm/tests/basic/switch-test/SwitchTest.js +8 -10
  266. package/dist-esm/tests/basic/switch-test/SwitchTest.pack.js +38 -0
  267. package/dist-esm/tests/basic/title-editor/TitleEditorTest.js +8 -9
  268. package/dist-esm/tests/basic/title-editor/TitleEditorTest.pack.js +38 -0
  269. package/dist-esm/tests/basic/tooltip/TooltipTest.js +30 -24
  270. package/dist-esm/tests/basic/tooltip/TooltipTest.pack.js +52 -0
  271. package/dist-esm/tests/basic/typewriter/TypeWriter.js +10 -9
  272. package/dist-esm/tests/basic/typewriter/TypeWriter.pack.js +39 -0
  273. package/dist-esm/tests/basic/video/AtomVideoTest.js +13 -10
  274. package/dist-esm/tests/basic/video/AtomVideoTest.local.css +2 -0
  275. package/dist-esm/tests/basic/video/AtomVideoTest.local.css.map +1 -0
  276. package/dist-esm/tests/basic/video/AtomVideoTest.pack.js +38 -0
  277. package/dist-esm/tests/basic/zoom/ZoomViewTest.js +13 -13
  278. package/dist-esm/tests/basic/zoom/ZoomViewTest.local.css +2 -0
  279. package/dist-esm/tests/basic/zoom/ZoomViewTest.local.css.map +1 -0
  280. package/dist-esm/tests/basic/zoom/ZoomViewTest.pack.js +38 -0
  281. package/dist-esm/tests/check-box-list/CheckBoxListSample.js +13 -12
  282. package/dist-esm/tests/check-box-list/CheckBoxListSample.pack.js +52 -0
  283. package/dist-esm/tests/data-grid/GridTestViewModel.js +203 -227
  284. package/dist-esm/tests/form/CustomHelp.js +6 -9
  285. package/dist-esm/tests/form/FormViewModel.js +21 -28
  286. package/dist-esm/tests/html-editor/HtmlEditorTest.js +7 -37
  287. package/dist-esm/tests/html-editor/HtmlEditorTest.pack.js +83 -0
  288. package/dist-esm/tests/html-editor/InlineHtmlEdiorTest.js +9 -38
  289. package/dist-esm/tests/html-editor/InlineHtmlEdiorTest.pack.js +85 -0
  290. package/dist-esm/tests/mask/MaskedInputTest.js +11 -12
  291. package/dist-esm/tests/mask/MaskedInputTest.pack.js +38 -0
  292. package/dist-esm/tests/mobile-app/DesktopAppTest.js +8 -9
  293. package/dist-esm/tests/mobile-app/DesktopAppTest.pack.js +60 -0
  294. package/dist-esm/tests/mobile-app/MobileAppTest.js +64 -53
  295. package/dist-esm/tests/mobile-app/MobileAppTest.pack.js +55 -0
  296. package/dist-esm/tests/pop-over/PopOverTest.js +37 -77
  297. package/dist-esm/tests/switch/SwitchTest.js +9 -8
  298. package/dist-esm/tests/toggle-view/ToggleView.local.css +2 -0
  299. package/dist-esm/tests/toggle-view/ToggleView.local.css.map +1 -0
  300. package/dist-esm/tests/toggle-view/ToggleViewTest.js +15 -22
  301. package/dist-esm/tests/toggle-view/ToggleViewTest.pack.js +45 -0
  302. package/dist-esm/toggle-view/AtomToggleView.js +77 -73
  303. package/dist-esm/tsconfig.esm.tsbuildinfo +1 -1
  304. package/package.json +3 -3
@@ -0,0 +1,38 @@
1
+ import "@web-atoms/core/dist/core/XNode.js";
2
+ import "@web-atoms/core/dist/Pack.js";
3
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
4
+ import "@web-atoms/web-controls/dist-esm/basic/Expander.js";
5
+ import "@web-atoms/core/dist/core/Bind.js";
6
+ import "@web-atoms/core/dist/core/AtomComponent.js";
7
+ import "@web-atoms/core/dist/core/BindableProperty.js";
8
+ import "@web-atoms/core/dist/core/Command.js";
9
+ import "@web-atoms/core/dist/core/FormattedString.js";
10
+ import "@web-atoms/core/dist/core/Hacks.js";
11
+ import "@web-atoms/core/dist/core/WebImage.js";
12
+ import "@web-atoms/core/dist/App.js";
13
+ import "@web-atoms/core/dist/core/types.js";
14
+ import "@web-atoms/core/dist/di/Inject.js";
15
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
16
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
17
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
18
+ import "@web-atoms/core/dist/core/PropertyMap.js";
19
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
20
+ import "@web-atoms/core/dist/core/AtomBinder.js";
21
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
22
+ import "@web-atoms/core/dist/core/EventScope.js";
23
+ import "@web-atoms/core/dist/core/Route.js";
24
+ import "@web-atoms/core/dist/core/AtomMap.js";
25
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
26
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
27
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
28
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
29
+ import "@web-atoms/core/dist/core/AtomList.js";
30
+ import "@web-atoms/date-time/dist/DateTime.js";
31
+ import "@web-atoms/date-time/dist/TimeSpan.js";
32
+ import "@web-atoms/core/dist/di/TypeKey.js";
33
+ import "@web-atoms/core/dist/core/StringHelper.js";
34
+ import "@web-atoms/core/dist/di/Register.js";
35
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
36
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
37
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/expander/ExpanderMenuTest.js";
38
+ export default app;
@@ -5,16 +5,15 @@ import Pack from "@web-atoms/core/dist/Pack.js";
5
5
  import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
6
6
  import Expander from "../../../basic/Expander.js";
7
7
  let ExpanderTest = class ExpanderTest extends AtomControl {
8
- create() {
9
- this.isExpanded = false;
10
- this.render(XNode.create("div", null,
11
- XNode.create(Expander, { icon: ["fa-solid fa-cloud fa-xl", "fa-solid fa-dollar-sign fa-inverse"], isExpanded: Bind.oneWay(() => this.isExpanded), "event-collapsed": () => this.isExpanded = false, "event-expanded": () => this.isExpanded = true },
12
- XNode.create("h4", null, "This is the header"),
13
- XNode.create("div", null, "This is the detail"))));
14
- }
8
+ create() {
9
+ this.isExpanded = false;
10
+ this.render(XNode.create("div", null, XNode.create(Expander, {
11
+ icon: ["fa-solid fa-cloud fa-xl", "fa-solid fa-dollar-sign fa-inverse"],
12
+ isExpanded: Bind.oneWay(() => this.isExpanded),
13
+ "event-collapsed": () => this.isExpanded = false,
14
+ "event-expanded": () => this.isExpanded = true
15
+ }, XNode.create("h4", null, "This is the header"), XNode.create("div", null, "This is the detail"))));
16
+ }
15
17
  };
16
- ExpanderTest = __decorate([
17
- Pack
18
- ], ExpanderTest);
19
- export default ExpanderTest;
20
- //# sourceMappingURL=ExpanderTest.js.map
18
+ ExpanderTest = __decorate([Pack], ExpanderTest);
19
+ export default ExpanderTest;
@@ -0,0 +1,38 @@
1
+ import "@web-atoms/core/dist/core/Bind.js";
2
+ import "@web-atoms/core/dist/core/XNode.js";
3
+ import "@web-atoms/core/dist/Pack.js";
4
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
5
+ import "@web-atoms/web-controls/dist-esm/basic/Expander.js";
6
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
7
+ import "@web-atoms/core/dist/core/types.js";
8
+ import "@web-atoms/core/dist/core/AtomComponent.js";
9
+ import "@web-atoms/core/dist/core/BindableProperty.js";
10
+ import "@web-atoms/core/dist/core/Command.js";
11
+ import "@web-atoms/core/dist/core/FormattedString.js";
12
+ import "@web-atoms/core/dist/core/Hacks.js";
13
+ import "@web-atoms/core/dist/core/WebImage.js";
14
+ import "@web-atoms/core/dist/core/AtomMap.js";
15
+ import "@web-atoms/core/dist/App.js";
16
+ import "@web-atoms/core/dist/di/Inject.js";
17
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
18
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
19
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
20
+ import "@web-atoms/core/dist/core/PropertyMap.js";
21
+ import "@web-atoms/core/dist/core/AtomBinder.js";
22
+ import "@web-atoms/core/dist/core/EventScope.js";
23
+ import "@web-atoms/core/dist/core/Route.js";
24
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
25
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
26
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
27
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
28
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
29
+ import "@web-atoms/core/dist/core/AtomList.js";
30
+ import "@web-atoms/date-time/dist/DateTime.js";
31
+ import "@web-atoms/date-time/dist/TimeSpan.js";
32
+ import "@web-atoms/core/dist/di/TypeKey.js";
33
+ import "@web-atoms/core/dist/core/StringHelper.js";
34
+ import "@web-atoms/core/dist/di/Register.js";
35
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
36
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
37
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/expander/ExpanderTest.js";
38
+ export default app;
@@ -7,28 +7,30 @@ import FormField from "../../../basic/FormField.js";
7
7
  import Bind from "@web-atoms/core/dist/core/Bind.js";
8
8
  import Action from "@web-atoms/core/dist/view-model/Action.js";
9
9
  let Form2Test = class Form2Test extends AtomControl {
10
- create() {
11
- this.username = "";
12
- this.password = "";
13
- this.render(XNode.create("div", null,
14
- XNode.create(Form, null,
15
- XNode.create(FormField, { label: "Username", required: true, error: BindError({ value: () => this.username }) },
16
- XNode.create("input", { value: Bind.twoWaysImmediate(() => this.username) })),
17
- XNode.create("div", { "data-layout": "command-row" },
18
- XNode.create("button", { type: "submit", text: "Send" })))));
19
- }
20
- submitForm() {
21
- alert("Submitted");
22
- }
10
+ create() {
11
+ this.username = "";
12
+ this.password = "";
13
+ this.render(XNode.create("div", null, XNode.create(Form, null, XNode.create(FormField, {
14
+ label: "Username",
15
+ required: true,
16
+ error: BindError({
17
+ value: () => this.username
18
+ })
19
+ }, XNode.create("input", {
20
+ value: Bind.twoWaysImmediate(() => this.username)
21
+ })), XNode.create("div", {
22
+ "data-layout": "command-row"
23
+ }, XNode.create("button", {
24
+ type: "submit",
25
+ text: "Send"
26
+ })))));
27
+ }
28
+ submitForm() {
29
+ alert("Submitted");
30
+ }
23
31
  };
24
- __decorate([
25
- Action({ onEvent: "submit-form" }),
26
- __metadata("design:type", Function),
27
- __metadata("design:paramtypes", []),
28
- __metadata("design:returntype", void 0)
29
- ], Form2Test.prototype, "submitForm", null);
30
- Form2Test = __decorate([
31
- Pack
32
- ], Form2Test);
33
- export default Form2Test;
34
- //# sourceMappingURL=Form2Test.js.map
32
+ __decorate([Action({
33
+ onEvent: "submit-form"
34
+ }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], Form2Test.prototype, "submitForm", null);
35
+ Form2Test = __decorate([Pack], Form2Test);
36
+ export default Form2Test;
@@ -0,0 +1,46 @@
1
+ import "@web-atoms/core/dist/Pack.js";
2
+ import "@web-atoms/core/dist/core/XNode.js";
3
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
4
+ import "@web-atoms/web-controls/dist-esm/basic/Form.js";
5
+ import "@web-atoms/web-controls/dist-esm/basic/FormField.js";
6
+ import "@web-atoms/core/dist/core/Bind.js";
7
+ import "@web-atoms/core/dist/view-model/Action.js";
8
+ import "@web-atoms/core/dist/core/AtomComponent.js";
9
+ import "@web-atoms/core/dist/core/BindableProperty.js";
10
+ import "@web-atoms/core/dist/core/Command.js";
11
+ import "@web-atoms/core/dist/core/FormattedString.js";
12
+ import "@web-atoms/core/dist/core/Hacks.js";
13
+ import "@web-atoms/core/dist/core/WebImage.js";
14
+ import "@web-atoms/core/dist/core/StringHelper.js";
15
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
16
+ import "@web-atoms/core/dist/core/types.js";
17
+ import "@web-atoms/core/dist/web/services/PopupService.js";
18
+ import "@web-atoms/core/dist/App.js";
19
+ import "@web-atoms/core/dist/core/EventScope.js";
20
+ import "@web-atoms/core/dist/services/http/JsonError.js";
21
+ import "@web-atoms/core/dist/di/Inject.js";
22
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
23
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
24
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
25
+ import "@web-atoms/core/dist/core/PropertyMap.js";
26
+ import "@web-atoms/core/dist/core/AtomBinder.js";
27
+ import "@web-atoms/core/dist/core/Route.js";
28
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
29
+ import "@web-atoms/core/dist/core/AtomMap.js";
30
+ import "@web-atoms/core/dist/web/services/LastTarget.js";
31
+ import "@web-atoms/core/dist/web/services/NotificationPopup.js";
32
+ import "@web-atoms/core/dist/web/services/PopupWindow.js";
33
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
34
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
35
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
36
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
37
+ import "@web-atoms/core/dist/core/AtomList.js";
38
+ import "@web-atoms/date-time/dist/DateTime.js";
39
+ import "@web-atoms/date-time/dist/TimeSpan.js";
40
+ import "@web-atoms/core/dist/di/TypeKey.js";
41
+ import "@web-atoms/core/dist/core/sleep.js";
42
+ import "@web-atoms/core/dist/di/Register.js";
43
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
44
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
45
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/form2/Form2Test.js";
46
+ export default app;
@@ -5,15 +5,18 @@ import LimitedText from "../../../basic/LimitedText.js";
5
5
  import Pack from "@web-atoms/core/dist/Pack.js";
6
6
  const p = `Paragraphs are the building blocks of papers. Many students define paragraphs in terms of length: a paragraph is a group of at least five sentences, a paragraph is half a page long, etc. In reality, though, the unity and coherence of ideas among sentences is what constitutes a paragraph. A paragraph is defined as “a group of sentences or a single sentence that forms a unit” (Lunsford and Connors 116). Length and appearance do not determine whether a section in a paper is a paragraph. For instance, in some styles of writing, particularly journalistic styles, a paragraph can be just one sentence long. Ultimately, a paragraph is a sentence or group of sentences that support one main idea. In this handout, we will refer to this as the “controlling idea,” because it controls what happens in the rest of the paragraph.`;
7
7
  let LimitedTextTest = class LimitedTextTest extends AtomControl {
8
- create() {
9
- this.render(XNode.create("div", { style: "width: 400px; height: 400px; position: relative;" },
10
- XNode.create("div", { "data-layout": "vertical-flex-stretch-items", style: "position: absolute; left: 0; right: 0; bottom: 0; top: 0;" },
11
- XNode.create(LimitedText, { text: p }),
12
- XNode.create(LimitedText, { text: "One line of text" }))));
13
- }
8
+ create() {
9
+ this.render(XNode.create("div", {
10
+ style: "width: 400px; height: 400px; position: relative;"
11
+ }, XNode.create("div", {
12
+ "data-layout": "vertical-flex-stretch-items",
13
+ style: "position: absolute; left: 0; right: 0; bottom: 0; top: 0;"
14
+ }, XNode.create(LimitedText, {
15
+ text: p
16
+ }), XNode.create(LimitedText, {
17
+ text: "One line of text"
18
+ }))));
19
+ }
14
20
  };
15
- LimitedTextTest = __decorate([
16
- Pack
17
- ], LimitedTextTest);
18
- export default LimitedTextTest;
19
- //# sourceMappingURL=LimitedTextTest.js.map
21
+ LimitedTextTest = __decorate([Pack], LimitedTextTest);
22
+ export default LimitedTextTest;
@@ -0,0 +1,38 @@
1
+ import "@web-atoms/core/dist/core/XNode.js";
2
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
3
+ import "@web-atoms/web-controls/dist-esm/basic/LimitedText.js";
4
+ import "@web-atoms/core/dist/Pack.js";
5
+ import "@web-atoms/core/dist/core/Bind.js";
6
+ import "@web-atoms/core/dist/core/AtomComponent.js";
7
+ import "@web-atoms/core/dist/core/BindableProperty.js";
8
+ import "@web-atoms/core/dist/core/Command.js";
9
+ import "@web-atoms/core/dist/core/FormattedString.js";
10
+ import "@web-atoms/core/dist/core/Hacks.js";
11
+ import "@web-atoms/core/dist/core/WebImage.js";
12
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
13
+ import "@web-atoms/core/dist/core/types.js";
14
+ import "@web-atoms/core/dist/App.js";
15
+ import "@web-atoms/core/dist/di/Inject.js";
16
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
17
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
18
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
19
+ import "@web-atoms/core/dist/core/PropertyMap.js";
20
+ import "@web-atoms/core/dist/core/AtomBinder.js";
21
+ import "@web-atoms/core/dist/core/EventScope.js";
22
+ import "@web-atoms/core/dist/core/Route.js";
23
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
24
+ import "@web-atoms/core/dist/core/AtomMap.js";
25
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
26
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
27
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
28
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
29
+ import "@web-atoms/core/dist/core/AtomList.js";
30
+ import "@web-atoms/date-time/dist/DateTime.js";
31
+ import "@web-atoms/date-time/dist/TimeSpan.js";
32
+ import "@web-atoms/core/dist/di/TypeKey.js";
33
+ import "@web-atoms/core/dist/core/StringHelper.js";
34
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
35
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
36
+ import "@web-atoms/core/dist/di/Register.js";
37
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/limited-text/LimitedTextTest.js";
38
+ export default app;
@@ -0,0 +1,2 @@
1
+ @media (max-width:700px){body,html{overflow:hidden;position:flex}}.pinch-zoom-local-test{align-items:stretch;display:grid;height:600px;justify-items:stretch;left:50px;position:absolute;top:50px;width:600px}@media (max-width:700px){.pinch-zoom-local-test{bottom:0;height:unset;left:0;right:0;top:0;width:unset}}
2
+ /*# sourceMappingURL=PinchZoomViewTest.global.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/tests/basic/pinch-zoom/PinchZoomViewTest.global.css"],"names":[],"mappings":"AAEI,yBAFJ,UAIQ,eAAgB,CADhB,aAIR,CAFI,CAIJ,uBAOI,mBAAoB,CADpB,YAAa,CADb,YAAa,CAGb,qBAAsB,CANtB,SAAU,CADV,iBAAkB,CAElB,QAAS,CACT,WAeJ,CATI,yBAVJ,uBAcQ,QAAS,CAET,YAAY,CALZ,MAAO,CAEP,OAAQ,CADR,KAAM,CAGN,WAIR,CAFI","file":"PinchZoomViewTest.global.css"}
@@ -3,25 +3,25 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
3
3
  import Pack from "@web-atoms/core/dist/Pack.js";
4
4
  import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
5
5
  import PinchZoomView from "../../../basic/PinchZoomView.js";
6
- import "./PinchZoomViewTest.global.css";
6
+ ESMPack.installStyleSheet(import.meta.resolve("./PinchZoomViewTest.global.css"));
7
7
  let meta = document.head.querySelector("meta[name=viewport]");
8
8
  if (!meta) {
9
- meta = document.createElement("meta");
10
- meta.name = "viewport";
11
- document.head.appendChild(meta);
9
+ meta = document.createElement("meta");
10
+ meta.name = "viewport";
11
+ document.head.appendChild(meta);
12
12
  }
13
13
  meta.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no";
14
14
  const isMobile = window.innerHeight > window.innerWidth;
15
- import "./PinchZoomViewTest.global.css";
15
+ ESMPack.installStyleSheet(import.meta.resolve("./PinchZoomViewTest.global.css"));
16
16
  const url = "https://test-gush.azureedge.net/photos/size(2000)/files/tfs/14171/9ccc415481024aabbc9c0bc3b4efc831/meritt-thomas-MQ9U2GFnnDc-unsplash.jpg/meritt-thomas-MQ9U2GFnnDc-unsplash.2000.jpg";
17
17
  let PinchZoomViewTest = class PinchZoomViewTest extends AtomControl {
18
- create() {
19
- this.render(XNode.create("div", { class: "pinch-zoom-local-test" },
20
- XNode.create(PinchZoomView, { source: url })));
21
- }
18
+ create() {
19
+ this.render(XNode.create("div", {
20
+ class: "pinch-zoom-local-test"
21
+ }, XNode.create(PinchZoomView, {
22
+ source: url
23
+ })));
24
+ }
22
25
  };
23
- PinchZoomViewTest = __decorate([
24
- Pack
25
- ], PinchZoomViewTest);
26
- export default PinchZoomViewTest;
27
- //# sourceMappingURL=PinchZoomViewTest.js.map
26
+ PinchZoomViewTest = __decorate([Pack], PinchZoomViewTest);
27
+ export default PinchZoomViewTest;
@@ -0,0 +1,38 @@
1
+ import "@web-atoms/core/dist/core/XNode.js";
2
+ import "@web-atoms/core/dist/Pack.js";
3
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
4
+ import "@web-atoms/web-controls/dist-esm/basic/PinchZoomView.js";
5
+ import "@web-atoms/core/dist/core/Bind.js";
6
+ import "@web-atoms/core/dist/core/BindableProperty.js";
7
+ import "@web-atoms/core/dist/core/AtomComponent.js";
8
+ import "@web-atoms/core/dist/core/Command.js";
9
+ import "@web-atoms/core/dist/core/FormattedString.js";
10
+ import "@web-atoms/core/dist/core/Hacks.js";
11
+ import "@web-atoms/core/dist/core/WebImage.js";
12
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
13
+ import "@web-atoms/core/dist/core/types.js";
14
+ import "@web-atoms/core/dist/core/AtomBinder.js";
15
+ import "@web-atoms/core/dist/core/EventScope.js";
16
+ import "@web-atoms/core/dist/core/Route.js";
17
+ import "@web-atoms/core/dist/App.js";
18
+ import "@web-atoms/core/dist/di/Inject.js";
19
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
20
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
21
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
22
+ import "@web-atoms/core/dist/core/PropertyMap.js";
23
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
24
+ import "@web-atoms/date-time/dist/DateTime.js";
25
+ import "@web-atoms/core/dist/core/AtomMap.js";
26
+ import "@web-atoms/core/dist/core/StringHelper.js";
27
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
28
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
29
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
30
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
31
+ import "@web-atoms/core/dist/core/AtomList.js";
32
+ import "@web-atoms/date-time/dist/TimeSpan.js";
33
+ import "@web-atoms/core/dist/di/TypeKey.js";
34
+ import "@web-atoms/core/dist/di/Register.js";
35
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
36
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
37
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.js";
38
+ export default app;
@@ -6,17 +6,35 @@ import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
6
6
  import AtomRepeater from "../../../basic/AtomRepeater.js";
7
7
  const images1 = [1, 2, 3, 4];
8
8
  const images2 = [5, 6, 7, 8];
9
- const renderer = (item) => XNode.create("div", { draggable: true, "style-margin": "5px", "style-padding": "5px", "style-border-radius": "5px", "style-background": Colors.white },
10
- XNode.create("div", { draggable: true, "style-margin": "5px", "style-padding": "5px", "style-border-radius": "5px", "style-background": Colors.lightYellow, "style-font-size": "20px", text: item }));
9
+ const renderer = item => XNode.create("div", {
10
+ draggable: true,
11
+ "style-margin": "5px",
12
+ "style-padding": "5px",
13
+ "style-border-radius": "5px",
14
+ "style-background": Colors.white
15
+ }, XNode.create("div", {
16
+ draggable: true,
17
+ "style-margin": "5px",
18
+ "style-padding": "5px",
19
+ "style-border-radius": "5px",
20
+ "style-background": Colors.lightYellow,
21
+ "style-font-size": "20px",
22
+ text: item
23
+ }));
11
24
  let DragDropRepeater = class DragDropRepeater extends AtomControl {
12
- create() {
13
- this.render(XNode.create("div", { "style-background-color": Colors.lightGray },
14
- XNode.create(AtomRepeater, { enableDragDrop: true, items: images1, itemRenderer: renderer }),
15
- XNode.create(AtomRepeater, { enableDragDrop: true, items: images2, itemRenderer: renderer })));
16
- }
25
+ create() {
26
+ this.render(XNode.create("div", {
27
+ "style-background-color": Colors.lightGray
28
+ }, XNode.create(AtomRepeater, {
29
+ enableDragDrop: true,
30
+ items: images1,
31
+ itemRenderer: renderer
32
+ }), XNode.create(AtomRepeater, {
33
+ enableDragDrop: true,
34
+ items: images2,
35
+ itemRenderer: renderer
36
+ })));
37
+ }
17
38
  };
18
- DragDropRepeater = __decorate([
19
- Pack
20
- ], DragDropRepeater);
21
- export default DragDropRepeater;
22
- //# sourceMappingURL=DragDropRepater.js.map
39
+ DragDropRepeater = __decorate([Pack], DragDropRepeater);
40
+ export default DragDropRepeater;
@@ -0,0 +1,51 @@
1
+ import "@web-atoms/core/dist/core/Colors.js";
2
+ import "@web-atoms/core/dist/core/XNode.js";
3
+ import "@web-atoms/core/dist/Pack.js";
4
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
5
+ import "@web-atoms/web-controls/dist-esm/basic/AtomRepeater.js";
6
+ import "@web-atoms/core/dist/core/Bind.js";
7
+ import "@web-atoms/core/dist/core/AtomComponent.js";
8
+ import "@web-atoms/core/dist/core/BindableProperty.js";
9
+ import "@web-atoms/core/dist/core/Command.js";
10
+ import "@web-atoms/core/dist/core/FormattedString.js";
11
+ import "@web-atoms/core/dist/core/Hacks.js";
12
+ import "@web-atoms/core/dist/core/WebImage.js";
13
+ import "@web-atoms/core/dist/core/AtomBinder.js";
14
+ import "@web-atoms/core/dist/core/StringHelper.js";
15
+ import "@web-atoms/core/dist/core/WatchProperty.js";
16
+ import "@web-atoms/core/dist/web/services/PopupService.js";
17
+ import "@web-atoms/web-controls/dist-esm/basic/MergeNode.js";
18
+ import "@web-atoms/web-controls/dist-esm/basic/ItemPath.js";
19
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
20
+ import "@web-atoms/web-controls/dist-esm/DataAttributes.js";
21
+ import "@web-atoms/web-controls/dist-esm/basic/elements/AtomPopover.js";
22
+ import "@web-atoms/core/dist/core/sleep.js";
23
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
24
+ import "@web-atoms/core/dist/core/types.js";
25
+ import "@web-atoms/core/dist/App.js";
26
+ import "@web-atoms/core/dist/di/Inject.js";
27
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
28
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
29
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
30
+ import "@web-atoms/core/dist/core/PropertyMap.js";
31
+ import "@web-atoms/core/dist/core/EventScope.js";
32
+ import "@web-atoms/core/dist/core/Route.js";
33
+ import "@web-atoms/core/dist/web/services/LastTarget.js";
34
+ import "@web-atoms/core/dist/web/services/NotificationPopup.js";
35
+ import "@web-atoms/core/dist/web/services/PopupWindow.js";
36
+ import "@web-atoms/web-controls/dist-esm/basic/elements/relativeRect.js";
37
+ import "@web-atoms/web-controls/dist-esm/basic/elements/getContainingBlock.js";
38
+ import "@web-atoms/core/dist/core/AtomMap.js";
39
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
40
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
41
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
42
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
43
+ import "@web-atoms/core/dist/core/AtomList.js";
44
+ import "@web-atoms/date-time/dist/DateTime.js";
45
+ import "@web-atoms/date-time/dist/TimeSpan.js";
46
+ import "@web-atoms/core/dist/di/TypeKey.js";
47
+ import "@web-atoms/core/dist/di/Register.js";
48
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
49
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
50
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/repeater/DragDropRepater.js";
51
+ export default app;
@@ -7,40 +7,50 @@ import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
7
7
  import AtomRepeater, { SelectAll, SelectorCheckBox } from "../../../basic/AtomRepeater.js";
8
8
  import MergeNode from "../../../basic/MergeNode.js";
9
9
  import ToggleButtonBar from "../../../basic/ToggleButtonBar.js";
10
- const allOptions = [
11
- { label: "Audio", value: "audio" },
12
- { label: "Document", value: "document" },
13
- { label: "Photo", value: "photo" },
14
- { label: "Video", value: "video" },
15
- ];
10
+ const allOptions = [{
11
+ label: "Audio",
12
+ value: "audio"
13
+ }, {
14
+ label: "Document",
15
+ value: "document"
16
+ }, {
17
+ label: "Photo",
18
+ value: "photo"
19
+ }, {
20
+ label: "Video",
21
+ value: "video"
22
+ }];
16
23
  let RepeaterTest = class RepeaterTest extends AtomControl {
17
- create() {
18
- this.options = [];
19
- this.render(XNode.create("div", null,
20
- XNode.create("h5", null, "Select"),
21
- XNode.create("div", null,
22
- XNode.create(SelectAll, { items: allOptions, selectedItems: this.options })),
23
- XNode.create(AtomRepeater, { allowMultipleSelection: true, "event-change-name": Bind.event((s, e) => s.refreshItem(e.detail, this.changeName(e.detail))), selectedItems: this.options, items: allOptions, itemRenderer: (item) => XNode.create("div", null,
24
- XNode.create(SelectorCheckBox, null),
25
- XNode.create("span", { "style-font-weight": item.label.indexOf('*') !== -1 ? "bold" : "", text: item.label }),
26
- XNode.create("button", { "data-click-event": "change-name" }, "Change")) }),
27
- XNode.create("hr", null),
28
- XNode.create("h6", null, "Selected"),
29
- XNode.create(AtomRepeater, { items: Bind.oneWay(() => this.options), itemRenderer: (item) => XNode.create("div", { text: item.label }) }),
30
- XNode.create("h6", null, "Toggle Sample"),
31
- XNode.create(ToggleButtonBar, { items: allOptions })));
32
- }
33
- changeName(data) {
34
- data.label = data.label + "*";
35
- return MergeNode.childSelector("span");
36
- }
24
+ create() {
25
+ this.options = [];
26
+ this.render(XNode.create("div", null, XNode.create("h5", null, "Select"), XNode.create("div", null, XNode.create(SelectAll, {
27
+ items: allOptions,
28
+ selectedItems: this.options
29
+ })), XNode.create(AtomRepeater, {
30
+ allowMultipleSelection: true,
31
+ "event-change-name": Bind.event((s, e) => s.refreshItem(e.detail, this.changeName(e.detail))),
32
+ selectedItems: this.options,
33
+ items: allOptions,
34
+ itemRenderer: item => XNode.create("div", null, XNode.create(SelectorCheckBox, null), XNode.create("span", {
35
+ "style-font-weight": item.label.indexOf('*') !== -1 ? "bold" : "",
36
+ text: item.label
37
+ }), XNode.create("button", {
38
+ "data-click-event": "change-name"
39
+ }, "Change"))
40
+ }), XNode.create("hr", null), XNode.create("h6", null, "Selected"), XNode.create(AtomRepeater, {
41
+ items: Bind.oneWay(() => this.options),
42
+ itemRenderer: item => XNode.create("div", {
43
+ text: item.label
44
+ })
45
+ }), XNode.create("h6", null, "Toggle Sample"), XNode.create(ToggleButtonBar, {
46
+ items: allOptions
47
+ })));
48
+ }
49
+ changeName(data) {
50
+ data.label = data.label + "*";
51
+ return MergeNode.childSelector("span");
52
+ }
37
53
  };
38
- __decorate([
39
- BindableProperty,
40
- __metadata("design:type", Array)
41
- ], RepeaterTest.prototype, "options", void 0);
42
- RepeaterTest = __decorate([
43
- Pack
44
- ], RepeaterTest);
45
- export default RepeaterTest;
46
- //# sourceMappingURL=RepeaterTest.js.map
54
+ __decorate([BindableProperty, __metadata("design:type", Array)], RepeaterTest.prototype, "options", void 0);
55
+ RepeaterTest = __decorate([Pack], RepeaterTest);
56
+ export default RepeaterTest;
@@ -0,0 +1,52 @@
1
+ import "@web-atoms/core/dist/core/Bind.js";
2
+ import "@web-atoms/core/dist/core/BindableProperty.js";
3
+ import "@web-atoms/core/dist/core/XNode.js";
4
+ import "@web-atoms/core/dist/Pack.js";
5
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
6
+ import "@web-atoms/web-controls/dist-esm/basic/AtomRepeater.js";
7
+ import "@web-atoms/web-controls/dist-esm/basic/MergeNode.js";
8
+ import "@web-atoms/web-controls/dist-esm/basic/ToggleButtonBar.js";
9
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
10
+ import "@web-atoms/core/dist/core/types.js";
11
+ import "@web-atoms/core/dist/core/AtomBinder.js";
12
+ import "@web-atoms/core/dist/core/AtomComponent.js";
13
+ import "@web-atoms/core/dist/core/Command.js";
14
+ import "@web-atoms/core/dist/core/FormattedString.js";
15
+ import "@web-atoms/core/dist/core/Hacks.js";
16
+ import "@web-atoms/core/dist/core/WebImage.js";
17
+ import "@web-atoms/core/dist/core/Colors.js";
18
+ import "@web-atoms/core/dist/core/StringHelper.js";
19
+ import "@web-atoms/core/dist/core/WatchProperty.js";
20
+ import "@web-atoms/core/dist/web/services/PopupService.js";
21
+ import "@web-atoms/web-controls/dist-esm/basic/ItemPath.js";
22
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
23
+ import "@web-atoms/web-controls/dist-esm/DataAttributes.js";
24
+ import "@web-atoms/web-controls/dist-esm/basic/elements/AtomPopover.js";
25
+ import "@web-atoms/core/dist/core/sleep.js";
26
+ import "@web-atoms/core/dist/core/AtomMap.js";
27
+ import "@web-atoms/core/dist/App.js";
28
+ import "@web-atoms/core/dist/di/Inject.js";
29
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
30
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
31
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
32
+ import "@web-atoms/core/dist/core/PropertyMap.js";
33
+ import "@web-atoms/core/dist/core/EventScope.js";
34
+ import "@web-atoms/core/dist/core/Route.js";
35
+ import "@web-atoms/core/dist/web/services/LastTarget.js";
36
+ import "@web-atoms/core/dist/web/services/NotificationPopup.js";
37
+ import "@web-atoms/core/dist/web/services/PopupWindow.js";
38
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
39
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
40
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
41
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
42
+ import "@web-atoms/core/dist/core/AtomList.js";
43
+ import "@web-atoms/date-time/dist/DateTime.js";
44
+ import "@web-atoms/date-time/dist/TimeSpan.js";
45
+ import "@web-atoms/web-controls/dist-esm/basic/elements/relativeRect.js";
46
+ import "@web-atoms/web-controls/dist-esm/basic/elements/getContainingBlock.js";
47
+ import "@web-atoms/core/dist/di/TypeKey.js";
48
+ import "@web-atoms/core/dist/di/Register.js";
49
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
50
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
51
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/repeater/RepeaterTest.js";
52
+ export default app;