@web-atoms/web-controls 2.6.5 → 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 (177) 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.js +36 -33
  9. package/dist-esm/basic/AtomChips.js +312 -305
  10. package/dist-esm/basic/AtomRepeater.js +1070 -1035
  11. package/dist-esm/basic/AtomSuggestions.js +97 -107
  12. package/dist-esm/basic/AttachedPopup.js +0 -1
  13. package/dist-esm/basic/Button.js +45 -19
  14. package/dist-esm/basic/ButtonBar.js +84 -64
  15. package/dist-esm/basic/Calendar.js +211 -203
  16. package/dist-esm/basic/CheckBoxList.js +90 -70
  17. package/dist-esm/basic/Checkbox.js +16 -8
  18. package/dist-esm/basic/Chip.js +36 -12
  19. package/dist-esm/basic/ComboBox.js +47 -51
  20. package/dist-esm/basic/DataGrid.js +258 -252
  21. package/dist-esm/basic/DateField.js +149 -127
  22. package/dist-esm/basic/DropDown.js +91 -103
  23. package/dist-esm/basic/DropDownInput.js +78 -106
  24. package/dist-esm/basic/Editable.js +82 -77
  25. package/dist-esm/basic/Expander.js +104 -86
  26. package/dist-esm/basic/FilesDragDrop.js +84 -80
  27. package/dist-esm/basic/Form.js +80 -52
  28. package/dist-esm/basic/FormField.js +164 -106
  29. package/dist-esm/basic/IElement.js +1 -2
  30. package/dist-esm/basic/InlinePopup.js +263 -234
  31. package/dist-esm/basic/InlinePopupButton.js +99 -88
  32. package/dist-esm/basic/InlinePopupControl.js +24 -23
  33. package/dist-esm/basic/ItemPath.js +59 -60
  34. package/dist-esm/basic/LimitedText.js +49 -38
  35. package/dist-esm/basic/ListRepeater.js +13 -14
  36. package/dist-esm/basic/MaskedInput.js +37 -29
  37. package/dist-esm/basic/MaskedInputDiv.js +55 -48
  38. package/dist-esm/basic/MergeNode.js +64 -35
  39. package/dist-esm/basic/PasswordBox.js +32 -17
  40. package/dist-esm/basic/PinchZoomView.js +221 -199
  41. package/dist-esm/basic/PopupButton.js +39 -16
  42. package/dist-esm/basic/PopupMenu.js +3 -4
  43. package/dist-esm/basic/RadioButtonList.js +35 -25
  44. package/dist-esm/basic/RefreshLock.js +41 -42
  45. package/dist-esm/basic/Resizable.js +43 -33
  46. package/dist-esm/basic/Select.js +72 -65
  47. package/dist-esm/basic/SortByButton.js +41 -31
  48. package/dist-esm/basic/Swipe.js +91 -84
  49. package/dist-esm/basic/Switch.js +22 -8
  50. package/dist-esm/basic/TableRepeater.js +29 -33
  51. package/dist-esm/basic/TimeEditor.js +97 -52
  52. package/dist-esm/basic/TitleEditor.js +115 -95
  53. package/dist-esm/basic/ToggleButtonBar.js +21 -22
  54. package/dist-esm/basic/Tooltip.js +49 -47
  55. package/dist-esm/basic/TypeWriter.js +45 -42
  56. package/dist-esm/basic/UploadEvent.js +211 -178
  57. package/dist-esm/basic/ZoomView.js +229 -198
  58. package/dist-esm/basic/combineClasses.js +2 -3
  59. package/dist-esm/basic/elements/AtomPopover.js +270 -253
  60. package/dist-esm/basic/elements/getContainingBlock.js +34 -35
  61. package/dist-esm/basic/elements/relativeRect.js +40 -21
  62. package/dist-esm/desktop-app/DesktopApp.js +65 -80
  63. package/dist-esm/desktop-app/MobileDesktopApp.js +20 -23
  64. package/dist-esm/html-editor/AtomHtmlEditor.js +243 -268
  65. package/dist-esm/html-editor/HtmlEditorCommands.js +6 -4
  66. package/dist-esm/html-editor/InlineHtmlEditor.js +174 -166
  67. package/dist-esm/html-editor/RangeEditor.js +49 -51
  68. package/dist-esm/html-editor/commands/AddImage.js +40 -35
  69. package/dist-esm/html-editor/commands/AddLink.js +56 -54
  70. package/dist-esm/html-editor/commands/Align.js +24 -7
  71. package/dist-esm/html-editor/commands/AttachFile.js +23 -13
  72. package/dist-esm/html-editor/commands/AttachImage.js +35 -25
  73. package/dist-esm/html-editor/commands/Bold.js +10 -11
  74. package/dist-esm/html-editor/commands/ChangeColor.js +31 -107
  75. package/dist-esm/html-editor/commands/ChangeFont.js +42 -42
  76. package/dist-esm/html-editor/commands/ChangeFontSize.js +15 -5
  77. package/dist-esm/html-editor/commands/Command.js +34 -16
  78. package/dist-esm/html-editor/commands/CommandButton.js +51 -32
  79. package/dist-esm/html-editor/commands/Headings.js +25 -9
  80. package/dist-esm/html-editor/commands/HorizontalRule.js +9 -10
  81. package/dist-esm/html-editor/commands/HtmlCommands.js +160 -65
  82. package/dist-esm/html-editor/commands/IndentLess.js +10 -11
  83. package/dist-esm/html-editor/commands/IndentMore.js +10 -11
  84. package/dist-esm/html-editor/commands/Italic.js +10 -11
  85. package/dist-esm/html-editor/commands/NumberedList.js +10 -11
  86. package/dist-esm/html-editor/commands/Quote.js +10 -11
  87. package/dist-esm/html-editor/commands/RemoveFormat.js +10 -11
  88. package/dist-esm/html-editor/commands/Separator.js +5 -4
  89. package/dist-esm/html-editor/commands/Source.js +29 -25
  90. package/dist-esm/html-editor/commands/StrikeThrough.js +10 -11
  91. package/dist-esm/html-editor/commands/Toolbar.js +6 -4
  92. package/dist-esm/html-editor/commands/Underline.js +10 -11
  93. package/dist-esm/html-editor/commands/Unlink.js +10 -9
  94. package/dist-esm/html-editor/commands/UnorderedList.js +10 -11
  95. package/dist-esm/mobile-app/BottomPopup.js +137 -148
  96. package/dist-esm/mobile-app/MasterDetailPage.js +153 -152
  97. package/dist-esm/mobile-app/MobileApp.js +577 -569
  98. package/dist-esm/player/AtomVideoPlayer.js +316 -270
  99. package/dist-esm/player/TrackProgress.js +11 -7
  100. package/dist-esm/player/input-range-style.js +97 -98
  101. package/dist-esm/tests/app-test/AppTestApp.js +12 -15
  102. package/dist-esm/tests/app-test/AppTestApp.pack.js +54 -0
  103. package/dist-esm/tests/app-test/commands/AppCommands.js +14 -11
  104. package/dist-esm/tests/app-test/drawer/AppDrawer.js +4 -6
  105. package/dist-esm/tests/app-test/model/model.js +1 -2
  106. package/dist-esm/tests/app-test/pages/detail/DetailPage.js +21 -15
  107. package/dist-esm/tests/app-test/pages/home/HomePage.js +7 -8
  108. package/dist-esm/tests/app-test/pages/list/ListPage.js +79 -62
  109. package/dist-esm/tests/basic/PopupTest.js +9 -7
  110. package/dist-esm/tests/basic/TimeEditorTest.js +5 -9
  111. package/dist-esm/tests/basic/TimeEditorTest.pack.js +39 -0
  112. package/dist-esm/tests/basic/TimerTest.js +27 -37
  113. package/dist-esm/tests/basic/TimerTest.pack.js +40 -0
  114. package/dist-esm/tests/basic/basic-form/BasicForm.js +47 -27
  115. package/dist-esm/tests/basic/basic-form/BasicForm.pack.js +44 -0
  116. package/dist-esm/tests/basic/calendar/BasicCalendarTest.js +5 -9
  117. package/dist-esm/tests/basic/calendar/BasicCalendarTest.pack.js +53 -0
  118. package/dist-esm/tests/basic/chips/ChipsTest.js +25 -15
  119. package/dist-esm/tests/basic/chips/ChipsTest.pack.js +56 -0
  120. package/dist-esm/tests/basic/data-grid/DataGridTest.js +55 -60
  121. package/dist-esm/tests/basic/data-grid/DataGridTest.pack.js +58 -0
  122. package/dist-esm/tests/basic/date/DateFieldTest.js +21 -96
  123. package/dist-esm/tests/basic/date/DateFieldTest.pack.js +57 -0
  124. package/dist-esm/tests/basic/drop-down/DropDownTest.js +25 -19
  125. package/dist-esm/tests/basic/drop-down/DropDownTest.pack.js +52 -0
  126. package/dist-esm/tests/basic/drop-down-input/DropDownTest.js +32 -32
  127. package/dist-esm/tests/basic/drop-down-input/DropDownTest.pack.js +54 -0
  128. package/dist-esm/tests/basic/expander/ExpanderMenuTest.js +20 -14
  129. package/dist-esm/tests/basic/expander/ExpanderMenuTest.pack.js +38 -0
  130. package/dist-esm/tests/basic/expander/ExpanderTest.js +11 -12
  131. package/dist-esm/tests/basic/expander/ExpanderTest.pack.js +38 -0
  132. package/dist-esm/tests/basic/form2/Form2Test.js +26 -24
  133. package/dist-esm/tests/basic/form2/Form2Test.pack.js +46 -0
  134. package/dist-esm/tests/basic/limited-text/LimitedTextTest.js +14 -11
  135. package/dist-esm/tests/basic/limited-text/LimitedTextTest.pack.js +38 -0
  136. package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.js +14 -14
  137. package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.pack.js +38 -0
  138. package/dist-esm/tests/basic/repeater/DragDropRepater.js +30 -12
  139. package/dist-esm/tests/basic/repeater/DragDropRepater.pack.js +51 -0
  140. package/dist-esm/tests/basic/repeater/RepeaterTest.js +45 -35
  141. package/dist-esm/tests/basic/repeater/RepeaterTest.pack.js +52 -0
  142. package/dist-esm/tests/basic/swipe/SwipeTest.js +13 -13
  143. package/dist-esm/tests/basic/swipe/SwipeTest.pack.js +52 -0
  144. package/dist-esm/tests/basic/switch-test/SwitchTest.js +8 -10
  145. package/dist-esm/tests/basic/switch-test/SwitchTest.pack.js +38 -0
  146. package/dist-esm/tests/basic/title-editor/TitleEditorTest.js +8 -9
  147. package/dist-esm/tests/basic/title-editor/TitleEditorTest.pack.js +38 -0
  148. package/dist-esm/tests/basic/tooltip/TooltipTest.js +30 -24
  149. package/dist-esm/tests/basic/tooltip/TooltipTest.pack.js +52 -0
  150. package/dist-esm/tests/basic/typewriter/TypeWriter.js +10 -9
  151. package/dist-esm/tests/basic/typewriter/TypeWriter.pack.js +39 -0
  152. package/dist-esm/tests/basic/video/AtomVideoTest.js +13 -10
  153. package/dist-esm/tests/basic/video/AtomVideoTest.pack.js +38 -0
  154. package/dist-esm/tests/basic/zoom/ZoomViewTest.js +13 -13
  155. package/dist-esm/tests/basic/zoom/ZoomViewTest.pack.js +38 -0
  156. package/dist-esm/tests/check-box-list/CheckBoxListSample.js +13 -12
  157. package/dist-esm/tests/check-box-list/CheckBoxListSample.pack.js +52 -0
  158. package/dist-esm/tests/data-grid/GridTestViewModel.js +203 -227
  159. package/dist-esm/tests/form/CustomHelp.js +6 -9
  160. package/dist-esm/tests/form/FormViewModel.js +21 -28
  161. package/dist-esm/tests/html-editor/HtmlEditorTest.js +7 -37
  162. package/dist-esm/tests/html-editor/HtmlEditorTest.pack.js +83 -0
  163. package/dist-esm/tests/html-editor/InlineHtmlEdiorTest.js +9 -38
  164. package/dist-esm/tests/html-editor/InlineHtmlEdiorTest.pack.js +85 -0
  165. package/dist-esm/tests/mask/MaskedInputTest.js +11 -12
  166. package/dist-esm/tests/mask/MaskedInputTest.pack.js +38 -0
  167. package/dist-esm/tests/mobile-app/DesktopAppTest.js +8 -9
  168. package/dist-esm/tests/mobile-app/DesktopAppTest.pack.js +60 -0
  169. package/dist-esm/tests/mobile-app/MobileAppTest.js +64 -53
  170. package/dist-esm/tests/mobile-app/MobileAppTest.pack.js +55 -0
  171. package/dist-esm/tests/pop-over/PopOverTest.js +37 -77
  172. package/dist-esm/tests/switch/SwitchTest.js +9 -8
  173. package/dist-esm/tests/toggle-view/ToggleViewTest.js +15 -22
  174. package/dist-esm/tests/toggle-view/ToggleViewTest.pack.js +45 -0
  175. package/dist-esm/toggle-view/AtomToggleView.js +77 -73
  176. package/dist-esm/tsconfig.esm.tsbuildinfo +1 -1
  177. package/package.json +3 -3
@@ -1,100 +1,99 @@
1
1
  export function installInputRangeStyle() {
2
- if (document.head.querySelector(`[data-id="input-range-style"]`)) {
3
- return;
4
- }
5
- const css = `input[type=range] {
6
- height: 22px;
7
- -webkit-appearance: none;
8
- margin: 10px 0;
9
- width: 100%;
10
- }
11
- input[type=range]:focus {
12
- outline: none;
13
- }
14
- input[type=range]::-webkit-slider-runnable-track {
15
- width: 100%;
16
- height: 5px;
17
- cursor: pointer;
18
- animate: 0.2s;
19
- box-shadow: 0px 0px 0px #000000;
20
- background: var(--accent-track-color,#2497E3);
21
- border-radius: 1px;
22
- border: 0px solid #000000;
23
- }
24
- input[type=range]::-webkit-slider-thumb {
25
- box-shadow: 0px 0px 0px #000000;
26
- border: 1px solid var(--accent-track-color,#2497E3);
27
- height: 15px;
28
- width: 15px;
29
- border-radius: 50px;
30
- background: var(--accent-thumb-color,#A1D0FF)
31
- cursor: pointer;
32
- -webkit-appearance: none;
33
- margin-top: -5.5px;
34
- }
35
- input[type=range]:focus::-webkit-slider-runnable-track {
36
- background: var(--accent-track-color,#2497E3);
37
- }
38
- input[type=range]::-moz-range-track {
39
- width: 100%;
40
- height: 5px;
41
- cursor: pointer;
42
- animate: 0.2s;
43
- box-shadow: 0px 0px 0px #000000;
44
- background: var(--accent-track-color,#2497E3);
45
- border-radius: 1px;
46
- border: 0px solid #000000;
47
- }
48
- input[type=range]::-moz-range-thumb {
49
- box-shadow: 0px 0px 0px #000000;
50
- border: 1px solid var(--accent-track-color,#2497E3);
51
- height: 15px;
52
- width: 15px;
53
- border-radius: 50px;
54
- background: var(--accent-thumb-color,#A1D0FF)
55
- cursor: pointer;
56
- }
57
- input[type=range]::-ms-track {
58
- width: 100%;
59
- height: 5px;
60
- cursor: pointer;
61
- animate: 0.2s;
62
- background: transparent;
63
- border-color: transparent;
64
- color: transparent;
65
- }
66
- input[type=range]::-ms-fill-lower {
67
- background: var(--accent-track-color,#2497E3);
68
- border: 0px solid #000000;
69
- border-radius: 2px;
70
- box-shadow: 0px 0px 0px #000000;
71
- }
72
- input[type=range]::-ms-fill-upper {
73
- background: var(--accent-track-color,#2497E3);
74
- border: 0px solid #000000;
75
- border-radius: 2px;
76
- box-shadow: 0px 0px 0px #000000;
77
- }
78
- input[type=range]::-ms-thumb {
79
- margin-top: 1px;
80
- box-shadow: 0px 0px 0px #000000;
81
- border: 1px solid var(--accent-track-color,#2497E3);
82
- height: 15px;
83
- width: 15px;
84
- border-radius: 50px;
85
- background: var(--accent-thumb-color,#A1D0FF)
86
- cursor: pointer;
87
- }
88
- input[type=range]:focus::-ms-fill-lower {
89
- background: var(--accent-track-color,#2497E3);
90
- }
91
- input[type=range]:focus::-ms-fill-upper {
92
- background: var(--accent-track-color,#2497E3);
93
- }
2
+ if (document.head.querySelector(`[data-id="input-range-style"]`)) {
3
+ return;
4
+ }
5
+ const css = `input[type=range] {
6
+ height: 22px;
7
+ -webkit-appearance: none;
8
+ margin: 10px 0;
9
+ width: 100%;
10
+ }
11
+ input[type=range]:focus {
12
+ outline: none;
13
+ }
14
+ input[type=range]::-webkit-slider-runnable-track {
15
+ width: 100%;
16
+ height: 5px;
17
+ cursor: pointer;
18
+ animate: 0.2s;
19
+ box-shadow: 0px 0px 0px #000000;
20
+ background: var(--accent-track-color,#2497E3);
21
+ border-radius: 1px;
22
+ border: 0px solid #000000;
23
+ }
24
+ input[type=range]::-webkit-slider-thumb {
25
+ box-shadow: 0px 0px 0px #000000;
26
+ border: 1px solid var(--accent-track-color,#2497E3);
27
+ height: 15px;
28
+ width: 15px;
29
+ border-radius: 50px;
30
+ background: var(--accent-thumb-color,#A1D0FF)
31
+ cursor: pointer;
32
+ -webkit-appearance: none;
33
+ margin-top: -5.5px;
34
+ }
35
+ input[type=range]:focus::-webkit-slider-runnable-track {
36
+ background: var(--accent-track-color,#2497E3);
37
+ }
38
+ input[type=range]::-moz-range-track {
39
+ width: 100%;
40
+ height: 5px;
41
+ cursor: pointer;
42
+ animate: 0.2s;
43
+ box-shadow: 0px 0px 0px #000000;
44
+ background: var(--accent-track-color,#2497E3);
45
+ border-radius: 1px;
46
+ border: 0px solid #000000;
47
+ }
48
+ input[type=range]::-moz-range-thumb {
49
+ box-shadow: 0px 0px 0px #000000;
50
+ border: 1px solid var(--accent-track-color,#2497E3);
51
+ height: 15px;
52
+ width: 15px;
53
+ border-radius: 50px;
54
+ background: var(--accent-thumb-color,#A1D0FF)
55
+ cursor: pointer;
56
+ }
57
+ input[type=range]::-ms-track {
58
+ width: 100%;
59
+ height: 5px;
60
+ cursor: pointer;
61
+ animate: 0.2s;
62
+ background: transparent;
63
+ border-color: transparent;
64
+ color: transparent;
65
+ }
66
+ input[type=range]::-ms-fill-lower {
67
+ background: var(--accent-track-color,#2497E3);
68
+ border: 0px solid #000000;
69
+ border-radius: 2px;
70
+ box-shadow: 0px 0px 0px #000000;
71
+ }
72
+ input[type=range]::-ms-fill-upper {
73
+ background: var(--accent-track-color,#2497E3);
74
+ border: 0px solid #000000;
75
+ border-radius: 2px;
76
+ box-shadow: 0px 0px 0px #000000;
77
+ }
78
+ input[type=range]::-ms-thumb {
79
+ margin-top: 1px;
80
+ box-shadow: 0px 0px 0px #000000;
81
+ border: 1px solid var(--accent-track-color,#2497E3);
82
+ height: 15px;
83
+ width: 15px;
84
+ border-radius: 50px;
85
+ background: var(--accent-thumb-color,#A1D0FF)
86
+ cursor: pointer;
87
+ }
88
+ input[type=range]:focus::-ms-fill-lower {
89
+ background: var(--accent-track-color,#2497E3);
90
+ }
91
+ input[type=range]:focus::-ms-fill-upper {
92
+ background: var(--accent-track-color,#2497E3);
93
+ }
94
94
  `.replace(/input\[/g, "input.player[");
95
- const style = document.createElement("style");
96
- style.textContent = css;
97
- style.setAttribute("data-id", "input-range-style");
98
- document.head.appendChild(style);
99
- }
100
- //# sourceMappingURL=input-range-style.js.map
95
+ const style = document.createElement("style");
96
+ style.textContent = css;
97
+ style.setAttribute("data-id", "input-range-style");
98
+ document.head.appendChild(style);
99
+ }
@@ -10,21 +10,18 @@ fa.crossOrigin = "anonymous";
10
10
  fa.rel = "stylesheet";
11
11
  document.head.appendChild(fa);
12
12
  let AppTestApp = class AppTestApp extends MobileDesktopApp {
13
- async init() {
14
- AppCommands.install(this);
15
- if (!Command.invokeRoute()) {
16
- AppCommands.home.dispatch();
17
- }
13
+ async init() {
14
+ AppCommands.install(this);
15
+ if (!Command.invokeRoute()) {
16
+ AppCommands.home.dispatch();
18
17
  }
18
+ }
19
19
  };
20
- AppTestApp = __decorate([
21
- Pack
22
- ], AppTestApp);
20
+ AppTestApp = __decorate([Pack], AppTestApp);
23
21
  export default AppTestApp;
24
- Route.encodeUrl = (url) => {
25
- if (url.startsWith("#")) {
26
- return url;
27
- }
28
- return "#!" + url;
29
- };
30
- //# sourceMappingURL=AppTestApp.js.map
22
+ Route.encodeUrl = url => {
23
+ if (url.startsWith("#")) {
24
+ return url;
25
+ }
26
+ return "#!" + url;
27
+ };
@@ -0,0 +1,54 @@
1
+ import "@web-atoms/core/dist/core/Route.js";
2
+ import "@web-atoms/web-controls/dist-esm/desktop-app/MobileDesktopApp.js";
3
+ import "@web-atoms/web-controls/dist-esm/tests/app-test/commands/AppCommands.js";
4
+ import "@web-atoms/core/dist/core/Command.js";
5
+ import "@web-atoms/core/dist/Pack.js";
6
+ import "@web-atoms/web-controls/dist-esm/mobile-app/MobileApp.js";
7
+ import "@web-atoms/web-controls/dist-esm/desktop-app/DesktopApp.js";
8
+ import "@web-atoms/core/dist/core/XNode.js";
9
+ import "@web-atoms/core/dist/web/services/PopupService.js";
10
+ import "@web-atoms/core/dist/core/StringHelper.js";
11
+ import "@web-atoms/core/dist/core/EventScope.js";
12
+ import "@web-atoms/core/dist/core/types.js";
13
+ import "@web-atoms/core/dist/core/AtomLoader.js";
14
+ import "@web-atoms/core/dist/core/sleep.js";
15
+ import "@web-atoms/core/dist/web/controls/AtomControl.js";
16
+ import "@web-atoms/web-controls/dist-esm/PageNavigator.js";
17
+ import "@web-atoms/core/dist/core/BindableProperty.js";
18
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
19
+ import "@web-atoms/core/dist/core/Bind.js";
20
+ import "@web-atoms/core/dist/web/core/AtomUI.js";
21
+ import "@web-atoms/core/dist/view-model/Action.js";
22
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
23
+ import "@web-atoms/core/dist/web/services/LastTarget.js";
24
+ import "@web-atoms/core/dist/web/services/NotificationPopup.js";
25
+ import "@web-atoms/core/dist/web/services/PopupWindow.js";
26
+ import "@web-atoms/date-time/dist/DateTime.js";
27
+ import "@web-atoms/core/dist/core/AtomMap.js";
28
+ import "@web-atoms/core/dist/services/JsonService.js";
29
+ import "@web-atoms/core/dist/services/ReferenceService.js";
30
+ import "@web-atoms/core/dist/core/AtomUri.js";
31
+ import "@web-atoms/core/dist/core/AtomComponent.js";
32
+ import "@web-atoms/core/dist/core/FormattedString.js";
33
+ import "@web-atoms/core/dist/core/Hacks.js";
34
+ import "@web-atoms/core/dist/core/WebImage.js";
35
+ import "@web-atoms/core/dist/core/AtomBinder.js";
36
+ import "@web-atoms/core/dist/core/ExpressionParser.js";
37
+ import "@web-atoms/core/dist/App.js";
38
+ import "@web-atoms/core/dist/services/http/JsonError.js";
39
+ import "@web-atoms/date-time/dist/TimeSpan.js";
40
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
41
+ import "@web-atoms/core/dist/di/DISingleton.js";
42
+ import "@web-atoms/core/dist/di/Inject.js";
43
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
44
+ import "@web-atoms/core/dist/core/PropertyMap.js";
45
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
46
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
47
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
48
+ import "@web-atoms/core/dist/core/AtomList.js";
49
+ import "@web-atoms/core/dist/di/Register.js";
50
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
51
+ import "@web-atoms/core/dist/di/TypeKey.js";
52
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
53
+ import app from "@web-atoms/web-controls/dist-esm/tests/app-test/AppTestApp.js";
54
+ export default app;
@@ -1,13 +1,16 @@
1
1
  import Command, { Commands } from "@web-atoms/core/dist/core/Command.js";
2
2
  export default class AppCommands extends Commands {
3
- static { this.home = Command.create({
4
- route: "/",
5
- routeOrder: 1000,
6
- openPage: () => import("../pages/home/HomePage")
7
- }); }
8
- static { this.list = Command.create({
9
- route: "/list",
10
- openPage: () => import("../pages/list/ListPage")
11
- }); }
12
- }
13
- //# sourceMappingURL=AppCommands.js.map
3
+ static {
4
+ this.home = Command.create({
5
+ route: "/",
6
+ routeOrder: 1000,
7
+ openPage: () => import("../pages/home/HomePage")
8
+ });
9
+ }
10
+ static {
11
+ this.list = Command.create({
12
+ route: "/list",
13
+ openPage: () => import("../pages/list/ListPage")
14
+ });
15
+ }
16
+ }
@@ -1,9 +1,7 @@
1
1
  import XNode from "@web-atoms/core/dist/core/XNode.js";
2
2
  import { Drawer } from "../../../mobile-app/MobileApp.js";
3
3
  export default class AppDrawer extends Drawer {
4
- async init() {
5
- this.render(XNode.create("div", null,
6
- XNode.create("div", null)));
7
- }
8
- }
9
- //# sourceMappingURL=AppDrawer.js.map
4
+ async init() {
5
+ this.render(XNode.create("div", null, XNode.create("div", null)));
6
+ }
7
+ }
@@ -1,2 +1 @@
1
- export {};
2
- //# sourceMappingURL=model.js.map
1
+ export {};
@@ -2,18 +2,24 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
2
2
  import { ContentPage } from "../../../../mobile-app/MobileApp.js";
3
3
  import FormField from "../../../../basic/FormField.js";
4
4
  export default class DetailPage extends ContentPage {
5
- async init() {
6
- this.model = this.parameters;
7
- this.renderer = XNode.create("div", null,
8
- XNode.create("section", null,
9
- XNode.create(FormField, { label: "ID" },
10
- XNode.create("span", { text: this.model.id })),
11
- XNode.create(FormField, { label: "Title" },
12
- XNode.create("span", { text: this.model.title })),
13
- XNode.create(FormField, { label: "User" },
14
- XNode.create("span", { text: this.model.userId })),
15
- XNode.create(FormField, { label: "Reactions" },
16
- XNode.create("span", { text: this.model.reactions }))));
17
- }
18
- }
19
- //# sourceMappingURL=DetailPage.js.map
5
+ async init() {
6
+ this.model = this.parameters;
7
+ this.renderer = XNode.create("div", null, XNode.create("section", null, XNode.create(FormField, {
8
+ label: "ID"
9
+ }, XNode.create("span", {
10
+ text: this.model.id
11
+ })), XNode.create(FormField, {
12
+ label: "Title"
13
+ }, XNode.create("span", {
14
+ text: this.model.title
15
+ })), XNode.create(FormField, {
16
+ label: "User"
17
+ }, XNode.create("span", {
18
+ text: this.model.userId
19
+ })), XNode.create(FormField, {
20
+ label: "Reactions"
21
+ }, XNode.create("span", {
22
+ text: this.model.reactions
23
+ }))));
24
+ }
25
+ }
@@ -2,11 +2,10 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
2
2
  import { ContentPage } from "../../../../mobile-app/MobileApp.js";
3
3
  import AppCommands from "../../commands/AppCommands.js";
4
4
  export default class HomePage extends ContentPage {
5
- async init() {
6
- this.renderer = XNode.create("div", null,
7
- "This is a Home Page",
8
- XNode.create("br", null),
9
- XNode.create("a", { href: AppCommands.list.displayRoute({}), "data-click-event": "route" }, "List"));
10
- }
11
- }
12
- //# sourceMappingURL=HomePage.js.map
5
+ async init() {
6
+ this.renderer = XNode.create("div", null, "This is a Home Page", XNode.create("br", null), XNode.create("a", {
7
+ href: AppCommands.list.displayRoute({}),
8
+ "data-click-event": "route"
9
+ }, "List"));
10
+ }
11
+ }
@@ -6,70 +6,87 @@ import FetchBuilder from "@web-atoms/core/dist/services/FetchBuilder.js";
6
6
  import Action from "@web-atoms/core/dist/view-model/Action.js";
7
7
  import MasterDetailPage from "../../../../mobile-app/MasterDetailPage.js";
8
8
  import DetailPage from "../detail/DetailPage.js";
9
- import "./ListPage.local.css";
9
+ ESMPack.installStyleSheet(import.meta.resolve("./ListPage.local.css"));
10
10
  export default class ListPage extends MasterDetailPage {
11
- constructor() {
12
- super(...arguments);
13
- this.start = 0;
14
- this.size = 20;
15
- this.search = "";
11
+ constructor() {
12
+ super(...arguments);
13
+ this.start = 0;
14
+ this.size = 20;
15
+ this.search = "";
16
+ }
17
+ async init() {
18
+ this.element.className = "list-page";
19
+ this.renderer = XNode.create("div", {
20
+ "data-layout": "center-all"
21
+ }, XNode.create("div", null, "Loading...."));
22
+ this.headerRenderer = () => XNode.create("div", {
23
+ "data-layout": "row"
24
+ }, XNode.create("input", {
25
+ type: "search",
26
+ "event-input": () => this.start = 0,
27
+ value: Bind.twoWaysImmediate(() => this.search),
28
+ placeholder: "Search in post title..."
29
+ }));
30
+ this.renderer = XNode.create("div", null, XNode.create(AtomRepeater, {
31
+ selectOnClick: true,
32
+ "data-items-updated-event": "items-updated",
33
+ "data-selection-updated-event": "selection-updated",
34
+ presenter: Bind.presenter(c => this.repeater = c),
35
+ items: Bind.oneWayAsync((c, e, cancelToken) => this.searchPosts({
36
+ q: this.search,
37
+ skip: this.start,
38
+ limit: this.size,
39
+ cancelToken
40
+ })),
41
+ itemRenderer: item => XNode.create("div", null, XNode.create("span", {
42
+ class: "title",
43
+ text: item.title
44
+ }), XNode.create("div", {
45
+ class: "reaction"
46
+ }, XNode.create("i", {
47
+ class: "fas fa-heart"
48
+ }), XNode.create("span", {
49
+ text: item.reactions
50
+ })), XNode.create("div", {
51
+ class: "tags"
52
+ }, ...item.tags.map(x => XNode.create("span", {
53
+ text: "#" + x
54
+ }))))
55
+ }));
56
+ }
57
+ itemsUpdated() {
58
+ if (!this.repeater.items.length) {
59
+ return;
16
60
  }
17
- async init() {
18
- this.element.className = "list-page";
19
- this.renderer = XNode.create("div", { "data-layout": "center-all" },
20
- XNode.create("div", null, "Loading...."));
21
- this.headerRenderer = () => XNode.create("div", { "data-layout": "row" },
22
- XNode.create("input", { type: "search", "event-input": () => this.start = 0, value: Bind.twoWaysImmediate(() => this.search), placeholder: "Search in post title..." }));
23
- this.renderer = XNode.create("div", null,
24
- XNode.create(AtomRepeater, { selectOnClick: true, "data-items-updated-event": "items-updated", "data-selection-updated-event": "selection-updated", presenter: Bind.presenter((c) => this.repeater = c), items: Bind.oneWayAsync((c, e, cancelToken) => this.searchPosts({
25
- q: this.search,
26
- skip: this.start,
27
- limit: this.size,
28
- cancelToken
29
- })), itemRenderer: (item) => XNode.create("div", null,
30
- XNode.create("span", { class: "title", text: item.title }),
31
- XNode.create("div", { class: "reaction" },
32
- XNode.create("i", { class: "fas fa-heart" }),
33
- XNode.create("span", { text: item.reactions })),
34
- XNode.create("div", { class: "tags" }, ...item.tags.map((x) => XNode.create("span", { text: "#" + x })))) }));
61
+ if (this.repeater.selectedItem) {
62
+ return;
35
63
  }
36
- itemsUpdated() {
37
- if (!this.repeater.items.length) {
38
- return;
39
- }
40
- if (this.repeater.selectedItem) {
41
- return;
42
- }
43
- this.repeater.selectedItem = this.repeater.items[0];
44
- }
45
- selectionUpdated() {
46
- if (!this.repeater.selectedItem) {
47
- return;
48
- }
49
- this.openDetail(DetailPage, this.repeater.selectedItem);
50
- }
51
- async searchPosts({ q = "", skip = 0, limit = 20, cancelToken = null }) {
52
- const results = await FetchBuilder.get("https://dummyjson.com/posts/search")
53
- .queries({
54
- q,
55
- skip,
56
- limit
57
- })
58
- .cancelToken(cancelToken)
59
- .asJson();
60
- return results.posts;
64
+ this.repeater.selectedItem = this.repeater.items[0];
65
+ }
66
+ selectionUpdated() {
67
+ if (!this.repeater.selectedItem) {
68
+ return;
61
69
  }
70
+ this.openDetail(DetailPage, this.repeater.selectedItem);
71
+ }
72
+ async searchPosts({
73
+ q = "",
74
+ skip = 0,
75
+ limit = 20,
76
+ cancelToken = null
77
+ }) {
78
+ const results = await FetchBuilder.get("https://dummyjson.com/posts/search").queries({
79
+ q,
80
+ skip,
81
+ limit
82
+ }).cancelToken(cancelToken).asJson();
83
+ return results.posts;
84
+ }
62
85
  }
63
- __decorate([
64
- Action({ onEvent: "items-updated" }),
65
- __metadata("design:type", Function),
66
- __metadata("design:paramtypes", []),
67
- __metadata("design:returntype", void 0)
68
- ], ListPage.prototype, "itemsUpdated", null);
69
- __decorate([
70
- Action({ onEvent: "selection-updated", defer: 10 }),
71
- __metadata("design:type", Function),
72
- __metadata("design:paramtypes", []),
73
- __metadata("design:returntype", void 0)
74
- ], ListPage.prototype, "selectionUpdated", null);
75
- //# sourceMappingURL=ListPage.js.map
86
+ __decorate([Action({
87
+ onEvent: "items-updated"
88
+ }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ListPage.prototype, "itemsUpdated", null);
89
+ __decorate([Action({
90
+ onEvent: "selection-updated",
91
+ defer: 10
92
+ }), __metadata("design:type", Function), __metadata("design:paramtypes", []), __metadata("design:returntype", void 0)], ListPage.prototype, "selectionUpdated", null);
@@ -2,10 +2,12 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
2
2
  import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
3
3
  import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
4
4
  export default class PopupTest extends AtomControl {
5
- create() {
6
- this.render(XNode.create("div", null,
7
- XNode.create(PopupButton, { icon: "fad fa-plus" },
8
- XNode.create(MenuItem, { label: "Add a", eventClick: () => alert("a") }))));
9
- }
10
- }
11
- //# sourceMappingURL=PopupTest.js.map
5
+ create() {
6
+ this.render(XNode.create("div", null, XNode.create(PopupButton, {
7
+ icon: "fad fa-plus"
8
+ }, XNode.create(MenuItem, {
9
+ label: "Add a",
10
+ eventClick: () => alert("a")
11
+ }))));
12
+ }
13
+ }
@@ -4,13 +4,9 @@ import XNode from "@web-atoms/core/dist/core/XNode.js";
4
4
  import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
5
5
  import TimeEditor from "../../basic/TimeEditor.js";
6
6
  let TimeEditorTest = class TimeEditorTest extends AtomControl {
7
- create() {
8
- this.render(XNode.create("div", null,
9
- XNode.create(TimeEditor, null)));
10
- }
7
+ create() {
8
+ this.render(XNode.create("div", null, XNode.create(TimeEditor, null)));
9
+ }
11
10
  };
12
- TimeEditorTest = __decorate([
13
- Pack
14
- ], TimeEditorTest);
15
- export default TimeEditorTest;
16
- //# sourceMappingURL=TimeEditorTest.js.map
11
+ TimeEditorTest = __decorate([Pack], TimeEditorTest);
12
+ export default TimeEditorTest;
@@ -0,0 +1,39 @@
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/TimeEditor.js";
5
+ import "@web-atoms/core/dist/core/AtomComponent.js";
6
+ import "@web-atoms/core/dist/core/BindableProperty.js";
7
+ import "@web-atoms/core/dist/core/Command.js";
8
+ import "@web-atoms/core/dist/core/FormattedString.js";
9
+ import "@web-atoms/core/dist/core/Hacks.js";
10
+ import "@web-atoms/core/dist/core/WebImage.js";
11
+ import "@web-atoms/core/dist/core/Bind.js";
12
+ import "@web-atoms/core/dist/core/AtomBinder.js";
13
+ import "@web-atoms/date-time/dist/TimeSpan.js";
14
+ import "@web-atoms/web-controls/dist-esm/basic/Select.js";
15
+ import "@web-atoms/core/dist/App.js";
16
+ import "@web-atoms/core/dist/core/types.js";
17
+ import "@web-atoms/core/dist/di/Inject.js";
18
+ import "@web-atoms/core/dist/core/AtomDisposableList.js";
19
+ import "@web-atoms/core/dist/core/AtomWatcher.js";
20
+ import "@web-atoms/core/dist/core/InheritedProperty.js";
21
+ import "@web-atoms/core/dist/core/PropertyMap.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/ExpressionParser.js";
26
+ import "@web-atoms/core/dist/core/AtomDispatcher.js";
27
+ import "@web-atoms/core/dist/di/RegisterSingleton.js";
28
+ import "@web-atoms/core/dist/di/ServiceProvider.js";
29
+ import "@web-atoms/core/dist/services/BusyIndicatorService.js";
30
+ import "@web-atoms/core/dist/core/AtomList.js";
31
+ import "@web-atoms/date-time/dist/DateTime.js";
32
+ import "@web-atoms/core/dist/core/AtomMap.js";
33
+ import "@web-atoms/core/dist/di/TypeKey.js";
34
+ import "@web-atoms/core/dist/core/StringHelper.js";
35
+ import "@web-atoms/core/dist/di/Register.js";
36
+ import "@web-atoms/core/dist/di/ServiceCollection.js";
37
+ import "@web-atoms/core/dist/core/TransientDisposable.js";
38
+ import app from "@web-atoms/web-controls/dist-esm/tests/basic/TimeEditorTest.js";
39
+ export default app;