@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.
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist-esm/ArrayLike.js +14 -12
- package/dist-esm/DataAttributes.js +18 -19
- package/dist-esm/Focusable.js +10 -11
- package/dist-esm/ModuleFiles.js +43 -42
- package/dist-esm/NumberFormats.js +60 -56
- package/dist-esm/PageNavigator.js +28 -30
- package/dist-esm/animations/Animations.js +36 -33
- package/dist-esm/basic/AtomChips.js +312 -305
- package/dist-esm/basic/AtomRepeater.js +1070 -1035
- package/dist-esm/basic/AtomSuggestions.js +97 -107
- package/dist-esm/basic/AttachedPopup.js +0 -1
- package/dist-esm/basic/Button.js +45 -19
- package/dist-esm/basic/ButtonBar.js +84 -64
- package/dist-esm/basic/Calendar.js +211 -203
- package/dist-esm/basic/CheckBoxList.js +90 -70
- package/dist-esm/basic/Checkbox.js +16 -8
- package/dist-esm/basic/Chip.js +36 -12
- package/dist-esm/basic/ComboBox.js +47 -51
- package/dist-esm/basic/DataGrid.js +258 -252
- package/dist-esm/basic/DateField.js +149 -127
- package/dist-esm/basic/DropDown.js +91 -103
- package/dist-esm/basic/DropDownInput.js +78 -106
- package/dist-esm/basic/Editable.js +82 -77
- package/dist-esm/basic/Expander.js +104 -86
- package/dist-esm/basic/FilesDragDrop.js +84 -80
- package/dist-esm/basic/Form.js +80 -52
- package/dist-esm/basic/FormField.js +164 -106
- package/dist-esm/basic/IElement.js +1 -2
- package/dist-esm/basic/InlinePopup.js +263 -234
- package/dist-esm/basic/InlinePopupButton.js +99 -88
- package/dist-esm/basic/InlinePopupControl.js +24 -23
- package/dist-esm/basic/ItemPath.js +59 -60
- package/dist-esm/basic/LimitedText.js +49 -38
- package/dist-esm/basic/ListRepeater.js +13 -14
- package/dist-esm/basic/MaskedInput.js +37 -29
- package/dist-esm/basic/MaskedInputDiv.js +55 -48
- package/dist-esm/basic/MergeNode.js +64 -35
- package/dist-esm/basic/PasswordBox.js +32 -17
- package/dist-esm/basic/PinchZoomView.js +221 -199
- package/dist-esm/basic/PopupButton.js +39 -16
- package/dist-esm/basic/PopupMenu.js +3 -4
- package/dist-esm/basic/RadioButtonList.js +35 -25
- package/dist-esm/basic/RefreshLock.js +41 -42
- package/dist-esm/basic/Resizable.js +43 -33
- package/dist-esm/basic/Select.js +72 -65
- package/dist-esm/basic/SortByButton.js +41 -31
- package/dist-esm/basic/Swipe.js +91 -84
- package/dist-esm/basic/Switch.js +22 -8
- package/dist-esm/basic/TableRepeater.js +29 -33
- package/dist-esm/basic/TimeEditor.js +97 -52
- package/dist-esm/basic/TitleEditor.js +115 -95
- package/dist-esm/basic/ToggleButtonBar.js +21 -22
- package/dist-esm/basic/Tooltip.js +49 -47
- package/dist-esm/basic/TypeWriter.js +45 -42
- package/dist-esm/basic/UploadEvent.js +211 -178
- package/dist-esm/basic/ZoomView.js +229 -198
- package/dist-esm/basic/combineClasses.js +2 -3
- package/dist-esm/basic/elements/AtomPopover.js +270 -253
- package/dist-esm/basic/elements/getContainingBlock.js +34 -35
- package/dist-esm/basic/elements/relativeRect.js +40 -21
- package/dist-esm/desktop-app/DesktopApp.js +65 -80
- package/dist-esm/desktop-app/MobileDesktopApp.js +20 -23
- package/dist-esm/html-editor/AtomHtmlEditor.js +243 -268
- package/dist-esm/html-editor/HtmlEditorCommands.js +6 -4
- package/dist-esm/html-editor/InlineHtmlEditor.js +174 -166
- package/dist-esm/html-editor/RangeEditor.js +49 -51
- package/dist-esm/html-editor/commands/AddImage.js +40 -35
- package/dist-esm/html-editor/commands/AddLink.js +56 -54
- package/dist-esm/html-editor/commands/Align.js +24 -7
- package/dist-esm/html-editor/commands/AttachFile.js +23 -13
- package/dist-esm/html-editor/commands/AttachImage.js +35 -25
- package/dist-esm/html-editor/commands/Bold.js +10 -11
- package/dist-esm/html-editor/commands/ChangeColor.js +31 -107
- package/dist-esm/html-editor/commands/ChangeFont.js +42 -42
- package/dist-esm/html-editor/commands/ChangeFontSize.js +15 -5
- package/dist-esm/html-editor/commands/Command.js +34 -16
- package/dist-esm/html-editor/commands/CommandButton.js +51 -32
- package/dist-esm/html-editor/commands/Headings.js +25 -9
- package/dist-esm/html-editor/commands/HorizontalRule.js +9 -10
- package/dist-esm/html-editor/commands/HtmlCommands.js +160 -65
- package/dist-esm/html-editor/commands/IndentLess.js +10 -11
- package/dist-esm/html-editor/commands/IndentMore.js +10 -11
- package/dist-esm/html-editor/commands/Italic.js +10 -11
- package/dist-esm/html-editor/commands/NumberedList.js +10 -11
- package/dist-esm/html-editor/commands/Quote.js +10 -11
- package/dist-esm/html-editor/commands/RemoveFormat.js +10 -11
- package/dist-esm/html-editor/commands/Separator.js +5 -4
- package/dist-esm/html-editor/commands/Source.js +29 -25
- package/dist-esm/html-editor/commands/StrikeThrough.js +10 -11
- package/dist-esm/html-editor/commands/Toolbar.js +6 -4
- package/dist-esm/html-editor/commands/Underline.js +10 -11
- package/dist-esm/html-editor/commands/Unlink.js +10 -9
- package/dist-esm/html-editor/commands/UnorderedList.js +10 -11
- package/dist-esm/mobile-app/BottomPopup.js +137 -148
- package/dist-esm/mobile-app/MasterDetailPage.js +153 -152
- package/dist-esm/mobile-app/MobileApp.js +577 -569
- package/dist-esm/player/AtomVideoPlayer.js +316 -270
- package/dist-esm/player/TrackProgress.js +11 -7
- package/dist-esm/player/input-range-style.js +97 -98
- package/dist-esm/tests/app-test/AppTestApp.js +12 -15
- package/dist-esm/tests/app-test/AppTestApp.pack.js +54 -0
- package/dist-esm/tests/app-test/commands/AppCommands.js +14 -11
- package/dist-esm/tests/app-test/drawer/AppDrawer.js +4 -6
- package/dist-esm/tests/app-test/model/model.js +1 -2
- package/dist-esm/tests/app-test/pages/detail/DetailPage.js +21 -15
- package/dist-esm/tests/app-test/pages/home/HomePage.js +7 -8
- package/dist-esm/tests/app-test/pages/list/ListPage.js +79 -62
- package/dist-esm/tests/basic/PopupTest.js +9 -7
- package/dist-esm/tests/basic/TimeEditorTest.js +5 -9
- package/dist-esm/tests/basic/TimeEditorTest.pack.js +39 -0
- package/dist-esm/tests/basic/TimerTest.js +27 -37
- package/dist-esm/tests/basic/TimerTest.pack.js +40 -0
- package/dist-esm/tests/basic/basic-form/BasicForm.js +47 -27
- package/dist-esm/tests/basic/basic-form/BasicForm.pack.js +44 -0
- package/dist-esm/tests/basic/calendar/BasicCalendarTest.js +5 -9
- package/dist-esm/tests/basic/calendar/BasicCalendarTest.pack.js +53 -0
- package/dist-esm/tests/basic/chips/ChipsTest.js +25 -15
- package/dist-esm/tests/basic/chips/ChipsTest.pack.js +56 -0
- package/dist-esm/tests/basic/data-grid/DataGridTest.js +55 -60
- package/dist-esm/tests/basic/data-grid/DataGridTest.pack.js +58 -0
- package/dist-esm/tests/basic/date/DateFieldTest.js +21 -96
- package/dist-esm/tests/basic/date/DateFieldTest.pack.js +57 -0
- package/dist-esm/tests/basic/drop-down/DropDownTest.js +25 -19
- package/dist-esm/tests/basic/drop-down/DropDownTest.pack.js +52 -0
- package/dist-esm/tests/basic/drop-down-input/DropDownTest.js +32 -32
- package/dist-esm/tests/basic/drop-down-input/DropDownTest.pack.js +54 -0
- package/dist-esm/tests/basic/expander/ExpanderMenuTest.js +20 -14
- package/dist-esm/tests/basic/expander/ExpanderMenuTest.pack.js +38 -0
- package/dist-esm/tests/basic/expander/ExpanderTest.js +11 -12
- package/dist-esm/tests/basic/expander/ExpanderTest.pack.js +38 -0
- package/dist-esm/tests/basic/form2/Form2Test.js +26 -24
- package/dist-esm/tests/basic/form2/Form2Test.pack.js +46 -0
- package/dist-esm/tests/basic/limited-text/LimitedTextTest.js +14 -11
- package/dist-esm/tests/basic/limited-text/LimitedTextTest.pack.js +38 -0
- package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.js +14 -14
- package/dist-esm/tests/basic/pinch-zoom/PinchZoomViewTest.pack.js +38 -0
- package/dist-esm/tests/basic/repeater/DragDropRepater.js +30 -12
- package/dist-esm/tests/basic/repeater/DragDropRepater.pack.js +51 -0
- package/dist-esm/tests/basic/repeater/RepeaterTest.js +45 -35
- package/dist-esm/tests/basic/repeater/RepeaterTest.pack.js +52 -0
- package/dist-esm/tests/basic/swipe/SwipeTest.js +13 -13
- package/dist-esm/tests/basic/swipe/SwipeTest.pack.js +52 -0
- package/dist-esm/tests/basic/switch-test/SwitchTest.js +8 -10
- package/dist-esm/tests/basic/switch-test/SwitchTest.pack.js +38 -0
- package/dist-esm/tests/basic/title-editor/TitleEditorTest.js +8 -9
- package/dist-esm/tests/basic/title-editor/TitleEditorTest.pack.js +38 -0
- package/dist-esm/tests/basic/tooltip/TooltipTest.js +30 -24
- package/dist-esm/tests/basic/tooltip/TooltipTest.pack.js +52 -0
- package/dist-esm/tests/basic/typewriter/TypeWriter.js +10 -9
- package/dist-esm/tests/basic/typewriter/TypeWriter.pack.js +39 -0
- package/dist-esm/tests/basic/video/AtomVideoTest.js +13 -10
- package/dist-esm/tests/basic/video/AtomVideoTest.pack.js +38 -0
- package/dist-esm/tests/basic/zoom/ZoomViewTest.js +13 -13
- package/dist-esm/tests/basic/zoom/ZoomViewTest.pack.js +38 -0
- package/dist-esm/tests/check-box-list/CheckBoxListSample.js +13 -12
- package/dist-esm/tests/check-box-list/CheckBoxListSample.pack.js +52 -0
- package/dist-esm/tests/data-grid/GridTestViewModel.js +203 -227
- package/dist-esm/tests/form/CustomHelp.js +6 -9
- package/dist-esm/tests/form/FormViewModel.js +21 -28
- package/dist-esm/tests/html-editor/HtmlEditorTest.js +7 -37
- package/dist-esm/tests/html-editor/HtmlEditorTest.pack.js +83 -0
- package/dist-esm/tests/html-editor/InlineHtmlEdiorTest.js +9 -38
- package/dist-esm/tests/html-editor/InlineHtmlEdiorTest.pack.js +85 -0
- package/dist-esm/tests/mask/MaskedInputTest.js +11 -12
- package/dist-esm/tests/mask/MaskedInputTest.pack.js +38 -0
- package/dist-esm/tests/mobile-app/DesktopAppTest.js +8 -9
- package/dist-esm/tests/mobile-app/DesktopAppTest.pack.js +60 -0
- package/dist-esm/tests/mobile-app/MobileAppTest.js +64 -53
- package/dist-esm/tests/mobile-app/MobileAppTest.pack.js +55 -0
- package/dist-esm/tests/pop-over/PopOverTest.js +37 -77
- package/dist-esm/tests/switch/SwitchTest.js +9 -8
- package/dist-esm/tests/toggle-view/ToggleViewTest.js +15 -22
- package/dist-esm/tests/toggle-view/ToggleViewTest.pack.js +45 -0
- package/dist-esm/toggle-view/AtomToggleView.js +77 -73
- package/dist-esm/tsconfig.esm.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1,100 +1,99 @@
|
|
|
1
1
|
export function installInputRangeStyle() {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
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
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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 =
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
|
9
|
+
ESMPack.installStyleSheet(import.meta.resolve("./ListPage.local.css"));
|
|
10
10
|
export default class ListPage extends MasterDetailPage {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
18
|
-
|
|
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
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
7
|
+
create() {
|
|
8
|
+
this.render(XNode.create("div", null, XNode.create(TimeEditor, null)));
|
|
9
|
+
}
|
|
11
10
|
};
|
|
12
|
-
TimeEditorTest = __decorate([
|
|
13
|
-
|
|
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;
|