@web-atoms/web-controls 2.6.5 → 2.6.7
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/html-editor/InlineHtmlEditor.d.ts +1 -1
- package/dist/html-editor/InlineHtmlEditor.d.ts.map +1 -1
- package/dist/html-editor/InlineHtmlEditor.js +2 -2
- package/dist/html-editor/InlineHtmlEditor.js.map +1 -1
- 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.d.ts +1 -1
- package/dist-esm/html-editor/InlineHtmlEditor.d.ts.map +1 -1
- package/dist-esm/html-editor/InlineHtmlEditor.js +175 -167
- package/dist-esm/html-editor/InlineHtmlEditor.js.map +1 -1
- 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
- package/src/html-editor/InlineHtmlEditor.tsx +1 -1
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import Command from "./Command.js";
|
|
2
2
|
export default function Underline(cmd) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=Underline.js.map
|
|
3
|
+
return Command({
|
|
4
|
+
icon: "ri-underline",
|
|
5
|
+
queryState: "underline",
|
|
6
|
+
title: "Underline",
|
|
7
|
+
...cmd,
|
|
8
|
+
command(editor) {
|
|
9
|
+
editor.executeCommand("underline");
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import CommandButton from "./CommandButton.js";
|
|
2
2
|
import HtmlCommands from "./HtmlCommands.js";
|
|
3
|
-
export default function Unlink({
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
export default function Unlink({
|
|
4
|
+
insertCommand = HtmlCommands.unlink
|
|
5
|
+
}) {
|
|
6
|
+
return CommandButton({
|
|
7
|
+
icon: "ri-link-unlink-m",
|
|
8
|
+
insertCommand,
|
|
9
|
+
eventInsertHtml: () => "",
|
|
10
|
+
title: "Remove Hyperlink"
|
|
11
|
+
});
|
|
12
|
+
}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import Command from "./Command.js";
|
|
2
2
|
export default function UnorderedList(cmd) {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=UnorderedList.js.map
|
|
3
|
+
return Command({
|
|
4
|
+
icon: "ri-list-unordered",
|
|
5
|
+
queryState: "insertUnorderedList",
|
|
6
|
+
title: "Create List",
|
|
7
|
+
...cmd,
|
|
8
|
+
command(editor) {
|
|
9
|
+
editor.executeCommand("insertUnorderedList");
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
}
|
|
@@ -7,162 +7,151 @@ import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
|
|
|
7
7
|
import PopupService from "@web-atoms/core/dist/web/services/PopupService.js";
|
|
8
8
|
export * as zDoNotUse from "../animations/Animations.js";
|
|
9
9
|
import MobileApp from "./MobileApp.js";
|
|
10
|
-
import
|
|
10
|
+
ESMPack.installStyleSheet(import.meta.resolve("./bottom-popup.global.css"));
|
|
11
11
|
export default class BottomPopup extends AtomControl {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
container.remove();
|
|
38
|
-
} });
|
|
39
|
-
container.append(popup.element);
|
|
40
|
-
current.element.append(container);
|
|
41
|
-
}
|
|
42
|
-
else {
|
|
43
|
-
current.element.append(popup.element);
|
|
12
|
+
static showModal(options) {
|
|
13
|
+
return this.show(options);
|
|
14
|
+
}
|
|
15
|
+
static async show({
|
|
16
|
+
parameters,
|
|
17
|
+
cancelToken
|
|
18
|
+
} = {}) {
|
|
19
|
+
const last = PopupService.lastTarget;
|
|
20
|
+
const current = MobileApp.current;
|
|
21
|
+
const popup = new this(current.app);
|
|
22
|
+
popup.parameters = parameters;
|
|
23
|
+
popup.bindEvent(window, "backButton", ce => {
|
|
24
|
+
ce.preventDefault();
|
|
25
|
+
return popup.cancelRequested();
|
|
26
|
+
}, void 0, true);
|
|
27
|
+
popup.bindEvent(popup.element, "cancelPopup", () => popup.cancelRequested());
|
|
28
|
+
if (popup.modal) {
|
|
29
|
+
const container = document.createElement("div");
|
|
30
|
+
container.setAttribute("data-bottom-popup-container", "1");
|
|
31
|
+
popup.bindEvent(container, "click", e => {
|
|
32
|
+
if (e.target === e.currentTarget) {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
e.stopImmediatePropagation();
|
|
35
|
+
e.stopPropagation();
|
|
36
|
+
popup.element.dispatchEvent(new CustomEvent("cancelPopup"));
|
|
44
37
|
}
|
|
45
|
-
|
|
46
|
-
|
|
38
|
+
});
|
|
39
|
+
popup.registerDisposable({
|
|
40
|
+
dispose: () => {
|
|
41
|
+
container.remove();
|
|
47
42
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
resolve(r);
|
|
57
|
-
PopupService.lastTarget = last;
|
|
58
|
-
};
|
|
59
|
-
popup.cancel = (reason = "cancelled") => {
|
|
60
|
-
if (disposed) {
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
63
|
-
disposed = true;
|
|
64
|
-
popup.dispose();
|
|
65
|
-
reject(reason);
|
|
66
|
-
PopupService.lastTarget = last;
|
|
67
|
-
};
|
|
68
|
-
});
|
|
69
|
-
const pr = popup.init?.();
|
|
70
|
-
if (pr) {
|
|
71
|
-
try {
|
|
72
|
-
await pr;
|
|
73
|
-
}
|
|
74
|
-
catch (e) {
|
|
75
|
-
popup.cancel(e);
|
|
76
|
-
}
|
|
77
|
-
}
|
|
78
|
-
return await result;
|
|
43
|
+
});
|
|
44
|
+
container.append(popup.element);
|
|
45
|
+
current.element.append(container);
|
|
46
|
+
} else {
|
|
47
|
+
current.element.append(popup.element);
|
|
48
|
+
}
|
|
49
|
+
if (cancelToken) {
|
|
50
|
+
cancelToken.registerForCancel(popup.cancel);
|
|
79
51
|
}
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
52
|
+
const result = new Promise((resolve, reject) => {
|
|
53
|
+
let disposed = false;
|
|
54
|
+
popup.close = r => {
|
|
55
|
+
if (disposed) {
|
|
56
|
+
return;
|
|
84
57
|
}
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
58
|
+
disposed = true;
|
|
59
|
+
popup.dispose();
|
|
60
|
+
resolve(r);
|
|
61
|
+
PopupService.lastTarget = last;
|
|
62
|
+
};
|
|
63
|
+
popup.cancel = (reason = "cancelled") => {
|
|
64
|
+
if (disposed) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
disposed = true;
|
|
68
|
+
popup.dispose();
|
|
69
|
+
reject(reason);
|
|
70
|
+
PopupService.lastTarget = last;
|
|
71
|
+
};
|
|
72
|
+
});
|
|
73
|
+
const pr = popup.init?.();
|
|
74
|
+
if (pr) {
|
|
75
|
+
try {
|
|
76
|
+
await pr;
|
|
77
|
+
} catch (e) {
|
|
78
|
+
popup.cancel(e);
|
|
79
|
+
}
|
|
91
80
|
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
super.preCreate();
|
|
99
|
-
this.barRenderer = () => XNode.create("div", null);
|
|
100
|
-
this.popupCancelToken = new CancelToken();
|
|
101
|
-
this.registerDisposable({ dispose: () => {
|
|
102
|
-
this.popupCancelToken.cancel();
|
|
103
|
-
} });
|
|
104
|
-
this.bindEvent(this.element, "closeClick", () => this.cancelRequested());
|
|
81
|
+
return await result;
|
|
82
|
+
}
|
|
83
|
+
dispose(e) {
|
|
84
|
+
if (e) {
|
|
85
|
+
super.dispose(e);
|
|
86
|
+
return;
|
|
105
87
|
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
88
|
+
const element = this.element;
|
|
89
|
+
this.element.setAttribute("data-animation-state", "down");
|
|
90
|
+
setTimeout(() => {
|
|
91
|
+
super.dispose(e);
|
|
92
|
+
element.remove();
|
|
93
|
+
}, 500);
|
|
94
|
+
}
|
|
95
|
+
async init() {}
|
|
96
|
+
preCreate() {
|
|
97
|
+
this.modal = true;
|
|
98
|
+
const element = this.element;
|
|
99
|
+
element.dataset.bottomPopup = "bottom-popup";
|
|
100
|
+
this.animate = true;
|
|
101
|
+
super.preCreate();
|
|
102
|
+
this.barRenderer = () => XNode.create("div", null);
|
|
103
|
+
this.popupCancelToken = new CancelToken();
|
|
104
|
+
this.registerDisposable({
|
|
105
|
+
dispose: () => {
|
|
106
|
+
this.popupCancelToken.cancel();
|
|
107
|
+
}
|
|
108
|
+
});
|
|
109
|
+
this.bindEvent(this.element, "closeClick", () => this.cancelRequested());
|
|
110
|
+
}
|
|
111
|
+
render(node, e, creator) {
|
|
112
|
+
this.render = super.render;
|
|
113
|
+
const na = node.attributes ??= {};
|
|
114
|
+
na["data-element"] = "content";
|
|
115
|
+
na["data-click-event"] ??= "popupClick";
|
|
116
|
+
this.render(XNode.create("div", null, node));
|
|
117
|
+
this.updateElement("title");
|
|
118
|
+
this.updateElement("bar");
|
|
119
|
+
this.updateElement("icon");
|
|
120
|
+
this.updateElement("close");
|
|
121
|
+
this.updateElement("footer");
|
|
122
|
+
if (!this.animate) {
|
|
123
|
+
return;
|
|
126
124
|
}
|
|
127
|
-
|
|
128
|
-
|
|
125
|
+
this.element.setAttribute("data-animate-slide", this.animate ? "from-bottom" : "normal");
|
|
126
|
+
this.element.setAttribute("data-animation-state", "down");
|
|
127
|
+
this.animate = false;
|
|
128
|
+
setTimeout(() => {
|
|
129
|
+
this.element.setAttribute("data-animation-state", "normal");
|
|
130
|
+
}, 10);
|
|
131
|
+
}
|
|
132
|
+
cancelRequested() {
|
|
133
|
+
return this.cancel();
|
|
134
|
+
}
|
|
135
|
+
updateElement(name, property = name + "Renderer") {
|
|
136
|
+
const r = this[property];
|
|
137
|
+
const child = ChildEnumerator.find(this.element, e => e.dataset.element === name);
|
|
138
|
+
if (child) {
|
|
139
|
+
this.dispose(child);
|
|
140
|
+
child.remove();
|
|
129
141
|
}
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
if (child) {
|
|
134
|
-
this.dispose(child);
|
|
135
|
-
child.remove();
|
|
136
|
-
}
|
|
137
|
-
const node = r?.();
|
|
138
|
-
if (!node) {
|
|
139
|
-
return;
|
|
140
|
-
}
|
|
141
|
-
const na = (node.attributes ??= {});
|
|
142
|
-
na["data-element"] = name;
|
|
143
|
-
na["data-click-event"] ??= name + "-click";
|
|
144
|
-
this.render(XNode.create("div", null, node));
|
|
142
|
+
const node = r?.();
|
|
143
|
+
if (!node) {
|
|
144
|
+
return;
|
|
145
145
|
}
|
|
146
|
+
const na = node.attributes ??= {};
|
|
147
|
+
na["data-element"] = name;
|
|
148
|
+
na["data-click-event"] ??= name + "-click";
|
|
149
|
+
this.render(XNode.create("div", null, node));
|
|
150
|
+
}
|
|
146
151
|
}
|
|
147
|
-
__decorate([
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
], BottomPopup.prototype, "
|
|
151
|
-
__decorate([
|
|
152
|
-
|
|
153
|
-
__metadata("design:type", Function)
|
|
154
|
-
], BottomPopup.prototype, "headerRenderer", void 0);
|
|
155
|
-
__decorate([
|
|
156
|
-
BindableProperty,
|
|
157
|
-
__metadata("design:type", Function)
|
|
158
|
-
], BottomPopup.prototype, "closeRenderer", void 0);
|
|
159
|
-
__decorate([
|
|
160
|
-
BindableProperty,
|
|
161
|
-
__metadata("design:type", Function)
|
|
162
|
-
], BottomPopup.prototype, "footerRenderer", void 0);
|
|
163
|
-
__decorate([
|
|
164
|
-
BindableProperty,
|
|
165
|
-
__metadata("design:type", Function)
|
|
166
|
-
], BottomPopup.prototype, "barRenderer", void 0);
|
|
167
|
-
delete BottomPopup.prototype.init;
|
|
168
|
-
//# sourceMappingURL=BottomPopup.js.map
|
|
152
|
+
__decorate([BindableProperty, __metadata("design:type", Function)], BottomPopup.prototype, "titleRenderer", void 0);
|
|
153
|
+
__decorate([BindableProperty, __metadata("design:type", Function)], BottomPopup.prototype, "headerRenderer", void 0);
|
|
154
|
+
__decorate([BindableProperty, __metadata("design:type", Function)], BottomPopup.prototype, "closeRenderer", void 0);
|
|
155
|
+
__decorate([BindableProperty, __metadata("design:type", Function)], BottomPopup.prototype, "footerRenderer", void 0);
|
|
156
|
+
__decorate([BindableProperty, __metadata("design:type", Function)], BottomPopup.prototype, "barRenderer", void 0);
|
|
157
|
+
delete BottomPopup.prototype.init;
|