@web-atoms/web-controls 2.2.0 → 2.2.2
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/ModuleFiles.js +45 -46
- package/dist/ModuleFiles.js.map +1 -1
- package/dist/PageNavigator.d.ts +2 -2
- package/dist/PageNavigator.d.ts.map +1 -1
- package/dist/PageNavigator.js +54 -39
- package/dist/PageNavigator.js.map +1 -1
- package/dist/animations/Animations.js +38 -52
- package/dist/animations/Animations.js.map +1 -1
- package/dist/auto-complete/AppComboBoxViewModel.js +16 -17
- package/dist/auto-complete/AppComboBoxViewModel.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBox.js +296 -273
- package/dist/auto-complete/AutoCompleteBox.js.map +1 -1
- package/dist/auto-complete/AutoCompleteBoxStyle.js +69 -65
- package/dist/auto-complete/AutoCompleteBoxStyle.js.map +1 -1
- package/dist/auto-complete/ItemHost.js +39 -28
- package/dist/auto-complete/ItemHost.js.map +1 -1
- package/dist/basic/AtomChips.js +348 -355
- package/dist/basic/AtomChips.js.map +1 -1
- package/dist/basic/AtomRepeater.js +1000 -1041
- package/dist/basic/AtomRepeater.js.map +1 -1
- package/dist/basic/AtomSuggestions.js +154 -161
- package/dist/basic/AtomSuggestions.js.map +1 -1
- package/dist/basic/Button.js +63 -60
- package/dist/basic/Button.js.map +1 -1
- package/dist/basic/Calendar.js +215 -255
- package/dist/basic/Calendar.js.map +1 -1
- package/dist/basic/CheckBoxList.js +73 -66
- package/dist/basic/CheckBoxList.js.map +1 -1
- package/dist/basic/Checkbox.js +30 -37
- package/dist/basic/Checkbox.js.map +1 -1
- package/dist/basic/Chip.js +52 -76
- package/dist/basic/Chip.js.map +1 -1
- package/dist/basic/ComboBox.js +75 -70
- package/dist/basic/ComboBox.js.map +1 -1
- package/dist/basic/DataGrid.js +289 -306
- package/dist/basic/DataGrid.js.map +1 -1
- package/dist/basic/DateField.js +90 -97
- package/dist/basic/DateField.js.map +1 -1
- package/dist/basic/DropDown.js +162 -142
- package/dist/basic/DropDown.js.map +1 -1
- package/dist/basic/Editable.js +109 -107
- package/dist/basic/Editable.js.map +1 -1
- package/dist/basic/Expander.js +111 -185
- package/dist/basic/Expander.js.map +1 -1
- package/dist/basic/Form.js +269 -264
- package/dist/basic/Form.js.map +1 -1
- package/dist/basic/FormDialog.js +27 -29
- package/dist/basic/FormDialog.js.map +1 -1
- package/dist/basic/FormField.js +183 -203
- package/dist/basic/FormField.js.map +1 -1
- package/dist/basic/IElement.js +8 -12
- package/dist/basic/IElement.js.map +1 -1
- package/dist/basic/InlinePopup.js +291 -262
- package/dist/basic/InlinePopup.js.map +1 -1
- package/dist/basic/InlinePopupControl.js +34 -33
- package/dist/basic/InlinePopupControl.js.map +1 -1
- package/dist/basic/Input.js +28 -28
- package/dist/basic/Input.js.map +1 -1
- package/dist/basic/ListRepeater.js +45 -61
- package/dist/basic/ListRepeater.js.map +1 -1
- package/dist/basic/MaskedInput.js +53 -66
- package/dist/basic/MaskedInput.js.map +1 -1
- package/dist/basic/MaskedInputDiv.js +78 -99
- package/dist/basic/MaskedInputDiv.js.map +1 -1
- package/dist/basic/Mix.js +34 -33
- package/dist/basic/Mix.js.map +1 -1
- package/dist/basic/Panel.js +34 -34
- package/dist/basic/Panel.js.map +1 -1
- package/dist/basic/PasswordBox.js +46 -49
- package/dist/basic/PasswordBox.js.map +1 -1
- package/dist/basic/PinchZoomView.js +250 -255
- package/dist/basic/PinchZoomView.js.map +1 -1
- package/dist/basic/PopupButton.js +70 -128
- package/dist/basic/PopupButton.js.map +1 -1
- package/dist/basic/RadioButtonList.js +63 -51
- package/dist/basic/RadioButtonList.js.map +1 -1
- package/dist/basic/RefreshLock.js +76 -60
- package/dist/basic/RefreshLock.js.map +1 -1
- package/dist/basic/Row.js +41 -43
- package/dist/basic/Row.js.map +1 -1
- package/dist/basic/Swipe.js +94 -101
- package/dist/basic/Swipe.js.map +1 -1
- package/dist/basic/Switch.js +58 -105
- package/dist/basic/Switch.js.map +1 -1
- package/dist/basic/TableRepeater.js +42 -43
- package/dist/basic/TableRepeater.js.map +1 -1
- package/dist/basic/ToggleButtonBar.js +58 -71
- package/dist/basic/ToggleButtonBar.js.map +1 -1
- package/dist/basic/Tooltip.js +89 -81
- package/dist/basic/Tooltip.js.map +1 -1
- package/dist/basic/combineClasses.js +12 -16
- package/dist/basic/combineClasses.js.map +1 -1
- package/dist/basic/in-built/InBuiltStyles.js +44 -43
- package/dist/basic/in-built/InBuiltStyles.js.map +1 -1
- package/dist/button-bar/AtomButtonBar.js +40 -50
- package/dist/button-bar/AtomButtonBar.js.map +1 -1
- package/dist/buttons/AtomPopupButton.js +18 -18
- package/dist/buttons/AtomPopupButton.js.map +1 -1
- package/dist/buttons/AtomPopupButtonStyle.js +28 -29
- package/dist/buttons/AtomPopupButtonStyle.js.map +1 -1
- package/dist/calendar/AtomCalendar.js +93 -61
- package/dist/calendar/AtomCalendar.js.map +1 -1
- package/dist/calendar/AtomCalendarStyle.js +165 -136
- package/dist/calendar/AtomCalendarStyle.js.map +1 -1
- package/dist/calendar/CalendarViewModel.js +105 -114
- package/dist/calendar/CalendarViewModel.js.map +1 -1
- package/dist/calendar/res/SRCalendar.js +85 -51
- package/dist/calendar/res/SRCalendar.js.map +1 -1
- package/dist/calendar/res/en-US/SRCalendar.js +74 -39
- package/dist/calendar/res/en-US/SRCalendar.js.map +1 -1
- package/dist/data-grid/AtomColumn.js +55 -72
- package/dist/data-grid/AtomColumn.js.map +1 -1
- package/dist/data-grid/AtomDataGrid.js +64 -63
- package/dist/data-grid/AtomDataGrid.js.map +1 -1
- package/dist/data-grid/AtomDataGridStyle.js +50 -50
- package/dist/data-grid/AtomDataGridStyle.js.map +1 -1
- package/dist/data-grid/AtomDataGridViewModel.js +71 -77
- package/dist/data-grid/AtomDataGridViewModel.js.map +1 -1
- package/dist/data-grid/GridTemplate.js +64 -66
- package/dist/data-grid/GridTemplate.js.map +1 -1
- package/dist/data-pager/AtomDataPager.js +104 -94
- package/dist/data-pager/AtomDataPager.js.map +1 -1
- package/dist/date-field/AtomDateField.js +52 -47
- package/dist/date-field/AtomDateField.js.map +1 -1
- package/dist/desktop-app/DesktopApp.js +87 -123
- package/dist/desktop-app/DesktopApp.js.map +1 -1
- package/dist/form/AtomField.js +131 -133
- package/dist/form/AtomField.js.map +1 -1
- package/dist/form/AtomForm.js +84 -98
- package/dist/form/AtomForm.js.map +1 -1
- package/dist/form/AtomFormGroup.js +15 -19
- package/dist/form/AtomFormGroup.js.map +1 -1
- package/dist/form/AtomFormStyle.js +67 -67
- package/dist/form/AtomFormStyle.js.map +1 -1
- package/dist/form/HelpPopup.js +23 -19
- package/dist/form/HelpPopup.js.map +1 -1
- package/dist/html-editor/AtomHtmlEditor.js +295 -383
- package/dist/html-editor/AtomHtmlEditor.js.map +1 -1
- package/dist/html-editor/commands/AddImage.js +79 -65
- package/dist/html-editor/commands/AddImage.js.map +1 -1
- package/dist/html-editor/commands/AddLink.js +98 -88
- package/dist/html-editor/commands/AddLink.js.map +1 -1
- package/dist/html-editor/commands/Align.js +40 -23
- package/dist/html-editor/commands/Align.js.map +1 -1
- package/dist/html-editor/commands/AttachFile.js +93 -73
- package/dist/html-editor/commands/AttachFile.js.map +1 -1
- package/dist/html-editor/commands/Bold.js +23 -19
- package/dist/html-editor/commands/Bold.js.map +1 -1
- package/dist/html-editor/commands/ChangeColor.js +55 -144
- package/dist/html-editor/commands/ChangeColor.js.map +1 -1
- package/dist/html-editor/commands/ChangeFont.js +67 -75
- package/dist/html-editor/commands/ChangeFont.js.map +1 -1
- package/dist/html-editor/commands/ChangeFontSize.js +32 -21
- package/dist/html-editor/commands/ChangeFontSize.js.map +1 -1
- package/dist/html-editor/commands/Command.js +53 -39
- package/dist/html-editor/commands/Command.js.map +1 -1
- package/dist/html-editor/commands/CommandButton.js +93 -56
- package/dist/html-editor/commands/CommandButton.js.map +1 -1
- package/dist/html-editor/commands/Headings.js +42 -25
- package/dist/html-editor/commands/Headings.js.map +1 -1
- package/dist/html-editor/commands/HorizontalRule.js +22 -19
- package/dist/html-editor/commands/HorizontalRule.js.map +1 -1
- package/dist/html-editor/commands/HtmlCommands.js +73 -76
- package/dist/html-editor/commands/HtmlCommands.js.map +1 -1
- package/dist/html-editor/commands/IndentLess.js +23 -19
- package/dist/html-editor/commands/IndentLess.js.map +1 -1
- package/dist/html-editor/commands/IndentMore.js +23 -19
- package/dist/html-editor/commands/IndentMore.js.map +1 -1
- package/dist/html-editor/commands/Italic.js +23 -19
- package/dist/html-editor/commands/Italic.js.map +1 -1
- package/dist/html-editor/commands/NumberedList.js +23 -19
- package/dist/html-editor/commands/NumberedList.js.map +1 -1
- package/dist/html-editor/commands/Quote.js +23 -19
- package/dist/html-editor/commands/Quote.js.map +1 -1
- package/dist/html-editor/commands/RemoveFormat.js +23 -19
- package/dist/html-editor/commands/RemoveFormat.js.map +1 -1
- package/dist/html-editor/commands/Separator.js +24 -27
- package/dist/html-editor/commands/Separator.js.map +1 -1
- package/dist/html-editor/commands/Source.js +95 -67
- package/dist/html-editor/commands/Source.js.map +1 -1
- package/dist/html-editor/commands/StrikeThrough.js +23 -19
- package/dist/html-editor/commands/StrikeThrough.js.map +1 -1
- package/dist/html-editor/commands/Underline.js +23 -19
- package/dist/html-editor/commands/Underline.js.map +1 -1
- package/dist/html-editor/commands/Unlink.js +24 -23
- package/dist/html-editor/commands/Unlink.js.map +1 -1
- package/dist/html-editor/commands/UnorderedList.js +23 -19
- package/dist/html-editor/commands/UnorderedList.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrame.js +177 -192
- package/dist/mobile/pages/AtomPageFrame.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameStyle.js +56 -54
- package/dist/mobile/pages/AtomPageFrameStyle.js.map +1 -1
- package/dist/mobile/pages/AtomPageFrameTemplate.js +48 -32
- package/dist/mobile/pages/AtomPageFrameTemplate.js.map +1 -1
- package/dist/mobile/pages/Page.js +23 -23
- package/dist/mobile/pages/Page.js.map +1 -1
- package/dist/mobile/pages/PageFrameViewModel.js +154 -148
- package/dist/mobile/pages/PageFrameViewModel.js.map +1 -1
- package/dist/mobile/pages/TitleTemplate.js +22 -22
- package/dist/mobile/pages/TitleTemplate.js.map +1 -1
- package/dist/mobile-app/BottomPopup.js +206 -240
- package/dist/mobile-app/BottomPopup.js.map +1 -1
- package/dist/mobile-app/MobileApp.js +552 -654
- package/dist/mobile-app/MobileApp.js.map +1 -1
- package/dist/player/AtomVideoPlayer.js +221 -267
- package/dist/player/AtomVideoPlayer.js.map +1 -1
- package/dist/player/TrackProgress.js +28 -27
- package/dist/player/TrackProgress.js.map +1 -1
- package/dist/setupBridge.js +74 -98
- package/dist/setupBridge.js.map +1 -1
- package/dist/switch/AtomSwitch.js +43 -37
- package/dist/switch/AtomSwitch.js.map +1 -1
- package/dist/switch/AtomSwitchStyle.js +68 -68
- package/dist/switch/AtomSwitchStyle.js.map +1 -1
- package/dist/time-field/AtomTimeField.js +97 -83
- package/dist/time-field/AtomTimeField.js.map +1 -1
- package/dist/time-field/AtomTimeFieldStyle.js +24 -25
- package/dist/time-field/AtomTimeFieldStyle.js.map +1 -1
- package/dist/toggle-view/AtomToggleView.js +96 -115
- package/dist/toggle-view/AtomToggleView.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -1
- package/src/PageNavigator.ts +2 -2
|
@@ -1,276 +1,271 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
.child((0, StyleRule_1.default)(".scale")
|
|
35
|
-
.absolutePosition({
|
|
1
|
+
System.register(["@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS"], function (_export, _context) {
|
|
2
|
+
"use strict";
|
|
3
|
+
|
|
4
|
+
var Bind, BindableProperty, Colors, XNode, StyleRule, AtomControl, CSS, PinchZoomView, __decorate, __metadata, center, distance;
|
|
5
|
+
_export("default", void 0);
|
|
6
|
+
return {
|
|
7
|
+
setters: [function (_webAtomsCoreDistCoreBind) {
|
|
8
|
+
Bind = _webAtomsCoreDistCoreBind.default;
|
|
9
|
+
}, function (_webAtomsCoreDistCoreBindableProperty) {
|
|
10
|
+
BindableProperty = _webAtomsCoreDistCoreBindableProperty.BindableProperty;
|
|
11
|
+
}, function (_webAtomsCoreDistCoreColors) {
|
|
12
|
+
Colors = _webAtomsCoreDistCoreColors.default;
|
|
13
|
+
}, function (_webAtomsCoreDistCoreXNode) {
|
|
14
|
+
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
15
|
+
}, function (_webAtomsCoreDistStyleStyleRule) {
|
|
16
|
+
StyleRule = _webAtomsCoreDistStyleStyleRule.default;
|
|
17
|
+
}, function (_webAtomsCoreDistWebControlsAtomControl) {
|
|
18
|
+
AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
|
|
19
|
+
}, function (_webAtomsCoreDistWebStylesCSS) {
|
|
20
|
+
CSS = _webAtomsCoreDistWebStylesCSS.default;
|
|
21
|
+
}],
|
|
22
|
+
execute: function () {
|
|
23
|
+
__decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
|
|
24
|
+
var c = arguments.length,
|
|
25
|
+
r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
|
|
26
|
+
d;
|
|
27
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
28
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
29
|
+
};
|
|
30
|
+
__metadata = void 0 && (void 0).__metadata || function (k, v) {
|
|
31
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
32
|
+
};
|
|
33
|
+
CSS(StyleRule().position("relative").overflow("hidden").cursor("grab").and(StyleRule("[data-state=grabbing]").cursor("grabbing")).child(StyleRule(".scale").absolutePosition({
|
|
36
34
|
right: 10,
|
|
37
35
|
top: 10
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
.borderRadius(4)
|
|
41
|
-
.backgroundColor(Colors_1.default.white)
|
|
42
|
-
.padding(4)
|
|
43
|
-
.color(Colors_1.default.black))
|
|
44
|
-
.child((0, StyleRule_1.default)(".image-container")
|
|
45
|
-
.maximizeAbsolute()
|
|
46
|
-
.overflow("hidden")
|
|
47
|
-
.display("grid")
|
|
48
|
-
.alignItems("center")
|
|
49
|
-
.justifyItems("center")
|
|
50
|
-
.justifyContent("center"))
|
|
51
|
-
.child((0, StyleRule_1.default)(".spinner")
|
|
52
|
-
.maximizeAbsolute()
|
|
53
|
-
.display("inline-grid")
|
|
54
|
-
.alignItems("center")
|
|
55
|
-
.justifyItems("center"))
|
|
56
|
-
.child((0, StyleRule_1.default)(".hide")
|
|
57
|
-
.display("none")), "div[data-pinch-zoom]");
|
|
58
|
-
const center = (ev) => {
|
|
36
|
+
}).border("solid 2px darkgray").borderRadius(4).backgroundColor(Colors.white).padding(4).color(Colors.black)).child(StyleRule(".image-container").maximizeAbsolute().overflow("hidden").display("grid").alignItems("center").justifyItems("center").justifyContent("center")).child(StyleRule(".spinner").maximizeAbsolute().display("inline-grid").alignItems("center").justifyItems("center")).child(StyleRule(".hide").display("none")), "div[data-pinch-zoom]");
|
|
37
|
+
center = ev => {
|
|
59
38
|
const touch = ev.touches[0];
|
|
60
39
|
if (touch) {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
40
|
+
return {
|
|
41
|
+
x: touch.clientX,
|
|
42
|
+
y: touch.clientY
|
|
43
|
+
};
|
|
65
44
|
}
|
|
66
45
|
return {
|
|
67
|
-
|
|
68
|
-
|
|
46
|
+
x: 0,
|
|
47
|
+
y: 0
|
|
69
48
|
};
|
|
70
|
-
|
|
71
|
-
|
|
49
|
+
};
|
|
50
|
+
distance = (first, second) => {
|
|
72
51
|
return Math.hypot(first.pageX - second.pageX, first.pageY - second.pageY);
|
|
73
|
-
|
|
74
|
-
|
|
52
|
+
};
|
|
53
|
+
_export("default", PinchZoomView = class PinchZoomView extends AtomControl {
|
|
75
54
|
preCreate() {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
55
|
+
this.element.title = "Use mouse wheel to zoom";
|
|
56
|
+
this.loading = false;
|
|
57
|
+
this.zoom = {
|
|
58
|
+
scale: 0,
|
|
59
|
+
anchorX: 0,
|
|
60
|
+
anchorY: 0,
|
|
61
|
+
x: 0,
|
|
62
|
+
y: 0
|
|
63
|
+
};
|
|
64
|
+
this.element.dataset.pinchZoom = "true";
|
|
65
|
+
this.render(XNode.create("div", null, XNode.create("div", {
|
|
66
|
+
class: "image-container"
|
|
67
|
+
}, XNode.create("img", {
|
|
68
|
+
src: Bind.oneWay(() => this.getSource(this.source)),
|
|
69
|
+
"event-load": () => {
|
|
70
|
+
this.loading = false;
|
|
71
|
+
this.updateZoom(this.zoom);
|
|
72
|
+
}
|
|
73
|
+
})), XNode.create("i", {
|
|
74
|
+
class: Bind.oneWay(() => this.loading ? "spinner fa-duotone fa-spinner fa-spin" : "hide")
|
|
75
|
+
}), XNode.create("i", {
|
|
76
|
+
"event-click": () => this.updateZoom(),
|
|
77
|
+
class: Bind.oneWay(() => this.zoom.scale ? "scale fa-solid fa-arrows-minimize" : "hide"),
|
|
78
|
+
title: "Display entire image"
|
|
79
|
+
})));
|
|
80
|
+
this.imageContainer = this.element.firstElementChild;
|
|
81
|
+
this.image = this.imageContainer.firstElementChild;
|
|
82
|
+
const scrollView = this.element;
|
|
83
|
+
let previous;
|
|
84
|
+
let touchMoveDisposable;
|
|
85
|
+
let touchEndDisposable;
|
|
86
|
+
this.bindEvent(scrollView, "touchstart", evs => {
|
|
87
|
+
previous = center(evs);
|
|
88
|
+
let previousDistance = undefined;
|
|
89
|
+
touchMoveDisposable !== null && touchMoveDisposable !== void 0 ? touchMoveDisposable : touchMoveDisposable = this.bindEvent(scrollView, "touchmove", ev => {
|
|
90
|
+
var _a;
|
|
91
|
+
ev.preventDefault();
|
|
92
|
+
(_a = ev.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(ev);
|
|
93
|
+
let {
|
|
94
|
+
x,
|
|
95
|
+
y,
|
|
96
|
+
anchorX,
|
|
97
|
+
anchorY,
|
|
98
|
+
scale
|
|
99
|
+
} = this.zoom;
|
|
100
|
+
if (ev.touches.length === 2) {
|
|
101
|
+
const rect = this.element.getBoundingClientRect();
|
|
102
|
+
const first = ev.touches[0];
|
|
103
|
+
const second = ev.touches[1];
|
|
104
|
+
anchorX = (first.clientX + second.clientX) / 2 - rect.left;
|
|
105
|
+
anchorY = (first.clientY + second.clientY) / 2 - rect.top;
|
|
106
|
+
const newScale = distance(first, second);
|
|
107
|
+
if (previousDistance === void 0) {
|
|
108
|
+
previousDistance = newScale;
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
if (previousDistance === newScale) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
scale += newScale - previousDistance;
|
|
115
|
+
previousDistance = newScale;
|
|
116
|
+
this.updateZoom({
|
|
117
|
+
anchorX,
|
|
118
|
+
anchorY,
|
|
119
|
+
x,
|
|
120
|
+
y,
|
|
121
|
+
scale
|
|
122
|
+
});
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
if (!previous) {
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
const cp = center(ev);
|
|
129
|
+
x += cp.x - previous.x;
|
|
130
|
+
y += cp.y - previous.y;
|
|
131
|
+
previous = cp;
|
|
132
|
+
this.updateZoom({
|
|
133
|
+
anchorX,
|
|
134
|
+
anchorY,
|
|
135
|
+
x,
|
|
136
|
+
y,
|
|
137
|
+
scale
|
|
138
|
+
});
|
|
139
|
+
});
|
|
140
|
+
touchEndDisposable !== null && touchEndDisposable !== void 0 ? touchEndDisposable : touchEndDisposable = this.bindEvent(scrollView, "touchend", ev => {
|
|
141
|
+
touchMoveDisposable === null || touchMoveDisposable === void 0 ? void 0 : touchMoveDisposable.dispose();
|
|
142
|
+
touchEndDisposable === null || touchEndDisposable === void 0 ? void 0 : touchEndDisposable.dispose();
|
|
143
|
+
touchMoveDisposable = undefined;
|
|
144
|
+
touchEndDisposable = undefined;
|
|
145
|
+
previousDistance = undefined;
|
|
146
|
+
});
|
|
147
|
+
});
|
|
148
|
+
let mouseMoveDisposable;
|
|
149
|
+
let mouseUpDisposable;
|
|
150
|
+
this.bindEvent(scrollView, "mousedown", ev => {
|
|
151
|
+
this.element.dataset.state = "grabbing";
|
|
152
|
+
previous = {
|
|
153
|
+
x: ev.clientX,
|
|
154
|
+
y: ev.clientY
|
|
84
155
|
};
|
|
85
|
-
this.
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
const rect = this.element.getBoundingClientRect();
|
|
113
|
-
const first = ev.touches[0];
|
|
114
|
-
const second = ev.touches[1];
|
|
115
|
-
anchorX = ((first.clientX + second.clientX) / 2) - rect.left;
|
|
116
|
-
anchorY = ((first.clientY + second.clientY) / 2) - rect.top;
|
|
117
|
-
const newScale = distance(first, second);
|
|
118
|
-
if (previousDistance === void 0) {
|
|
119
|
-
previousDistance = newScale;
|
|
120
|
-
return;
|
|
121
|
-
}
|
|
122
|
-
if (previousDistance === newScale) {
|
|
123
|
-
return;
|
|
124
|
-
}
|
|
125
|
-
scale += newScale - previousDistance;
|
|
126
|
-
previousDistance = newScale;
|
|
127
|
-
this.updateZoom({
|
|
128
|
-
anchorX,
|
|
129
|
-
anchorY,
|
|
130
|
-
x,
|
|
131
|
-
y,
|
|
132
|
-
scale
|
|
133
|
-
});
|
|
134
|
-
return;
|
|
135
|
-
}
|
|
136
|
-
if (!previous) {
|
|
137
|
-
return;
|
|
138
|
-
}
|
|
139
|
-
// enable panning...
|
|
140
|
-
const cp = center(ev);
|
|
141
|
-
x += (cp.x - previous.x);
|
|
142
|
-
y += (cp.y - previous.y);
|
|
143
|
-
previous = cp;
|
|
144
|
-
this.updateZoom({
|
|
145
|
-
anchorX,
|
|
146
|
-
anchorY,
|
|
147
|
-
x,
|
|
148
|
-
y,
|
|
149
|
-
scale
|
|
150
|
-
});
|
|
151
|
-
}));
|
|
152
|
-
touchEndDisposable !== null && touchEndDisposable !== void 0 ? touchEndDisposable : (touchEndDisposable = this.bindEvent(scrollView, "touchend", (ev) => {
|
|
153
|
-
// ev.preventDefault();
|
|
154
|
-
// ev.stopImmediatePropagation?.();
|
|
155
|
-
touchMoveDisposable === null || touchMoveDisposable === void 0 ? void 0 : touchMoveDisposable.dispose();
|
|
156
|
-
touchEndDisposable === null || touchEndDisposable === void 0 ? void 0 : touchEndDisposable.dispose();
|
|
157
|
-
touchMoveDisposable = undefined;
|
|
158
|
-
touchEndDisposable = undefined;
|
|
159
|
-
previousDistance = undefined;
|
|
160
|
-
}));
|
|
156
|
+
mouseMoveDisposable !== null && mouseMoveDisposable !== void 0 ? mouseMoveDisposable : mouseMoveDisposable = this.bindEvent(scrollView, "mousemove", e => {
|
|
157
|
+
var _a;
|
|
158
|
+
e.preventDefault();
|
|
159
|
+
(_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
|
|
160
|
+
const {
|
|
161
|
+
anchorX,
|
|
162
|
+
anchorY,
|
|
163
|
+
scale
|
|
164
|
+
} = this.zoom;
|
|
165
|
+
let {
|
|
166
|
+
x,
|
|
167
|
+
y
|
|
168
|
+
} = this.zoom;
|
|
169
|
+
const cp = {
|
|
170
|
+
x: e.clientX,
|
|
171
|
+
y: e.clientY
|
|
172
|
+
};
|
|
173
|
+
x += cp.x - previous.x;
|
|
174
|
+
y += cp.y - previous.y;
|
|
175
|
+
previous = cp;
|
|
176
|
+
this.updateZoom({
|
|
177
|
+
anchorX,
|
|
178
|
+
anchorY,
|
|
179
|
+
x,
|
|
180
|
+
y,
|
|
181
|
+
scale
|
|
182
|
+
});
|
|
161
183
|
});
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
e.preventDefault();
|
|
173
|
-
(_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
|
|
174
|
-
const { anchorX, anchorY, scale } = this.zoom;
|
|
175
|
-
let { x, y } = this.zoom;
|
|
176
|
-
const cp = { x: e.clientX, y: e.clientY };
|
|
177
|
-
x += (cp.x - previous.x);
|
|
178
|
-
y += (cp.y - previous.y);
|
|
179
|
-
previous = cp;
|
|
180
|
-
this.updateZoom({
|
|
181
|
-
anchorX,
|
|
182
|
-
anchorY,
|
|
183
|
-
x,
|
|
184
|
-
y,
|
|
185
|
-
scale
|
|
186
|
-
});
|
|
187
|
-
}));
|
|
188
|
-
mouseUpDisposable !== null && mouseUpDisposable !== void 0 ? mouseUpDisposable : (mouseUpDisposable = this.bindEvent(scrollView, "mouseup", (e) => {
|
|
189
|
-
var _a;
|
|
190
|
-
e.preventDefault();
|
|
191
|
-
(_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
|
|
192
|
-
this.element.dataset.state = "";
|
|
193
|
-
previous = null;
|
|
194
|
-
mouseMoveDisposable.dispose();
|
|
195
|
-
mouseUpDisposable.dispose();
|
|
196
|
-
mouseMoveDisposable = undefined;
|
|
197
|
-
mouseUpDisposable = undefined;
|
|
198
|
-
}));
|
|
184
|
+
mouseUpDisposable !== null && mouseUpDisposable !== void 0 ? mouseUpDisposable : mouseUpDisposable = this.bindEvent(scrollView, "mouseup", e => {
|
|
185
|
+
var _a;
|
|
186
|
+
e.preventDefault();
|
|
187
|
+
(_a = e.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(e);
|
|
188
|
+
this.element.dataset.state = "";
|
|
189
|
+
previous = null;
|
|
190
|
+
mouseMoveDisposable.dispose();
|
|
191
|
+
mouseUpDisposable.dispose();
|
|
192
|
+
mouseMoveDisposable = undefined;
|
|
193
|
+
mouseUpDisposable = undefined;
|
|
199
194
|
});
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
195
|
+
});
|
|
196
|
+
this.bindEvent(scrollView, "wheel", ev => {
|
|
197
|
+
var _a;
|
|
198
|
+
const target = ev.currentTarget;
|
|
199
|
+
ev.preventDefault();
|
|
200
|
+
(_a = ev.stopImmediatePropagation) === null || _a === void 0 ? void 0 : _a.call(ev);
|
|
201
|
+
const newScale = this.zoom.scale - (ev.deltaY < 0 ? -50 : 50);
|
|
202
|
+
const anchorX = ev.offsetX;
|
|
203
|
+
const anchorY = ev.offsetY;
|
|
204
|
+
const {
|
|
205
|
+
x,
|
|
206
|
+
y
|
|
207
|
+
} = this.zoom;
|
|
208
|
+
this.updateZoom({
|
|
209
|
+
anchorX,
|
|
210
|
+
anchorY,
|
|
211
|
+
x,
|
|
212
|
+
y,
|
|
213
|
+
scale: newScale < 0 ? 0 : newScale
|
|
218
214
|
});
|
|
215
|
+
}, undefined, {
|
|
216
|
+
passive: false
|
|
217
|
+
});
|
|
219
218
|
}
|
|
220
219
|
getSource(text) {
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
220
|
+
if (text) {
|
|
221
|
+
this.loading = true;
|
|
222
|
+
}
|
|
223
|
+
return text;
|
|
225
224
|
}
|
|
226
225
|
updateZoom(zoom = {
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
226
|
+
x: 0,
|
|
227
|
+
y: 0,
|
|
228
|
+
anchorX: 0,
|
|
229
|
+
anchorY: 0,
|
|
230
|
+
scale: 0
|
|
232
231
|
}) {
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
232
|
+
const {
|
|
233
|
+
anchorX,
|
|
234
|
+
anchorY,
|
|
235
|
+
x,
|
|
236
|
+
y
|
|
237
|
+
} = zoom;
|
|
238
|
+
let {
|
|
239
|
+
scale
|
|
240
|
+
} = zoom;
|
|
241
|
+
this.zoom = zoom;
|
|
242
|
+
const image = this.image;
|
|
243
|
+
if (!image.naturalHeight) {
|
|
244
|
+
return;
|
|
245
|
+
}
|
|
246
|
+
const maxHeight = this.element.clientWidth > this.element.clientHeight;
|
|
247
|
+
const s = maxHeight ? this.element.clientWidth / image.naturalWidth : this.element.clientHeight / image.naturalHeight;
|
|
248
|
+
if (scale <= 0) {
|
|
249
|
+
scale = 0;
|
|
250
|
+
}
|
|
251
|
+
const newWidth = this.element.clientWidth + scale + "px";
|
|
252
|
+
const newHeight = this.element.clientHeight + scale + "px";
|
|
253
|
+
this.image.style.maxWidth = this.element.clientWidth + "px";
|
|
254
|
+
this.image.style.maxHeight = this.element.clientHeight + "px";
|
|
255
|
+
if (scale <= 0) {
|
|
256
|
+
this.imageContainer.style.transform = "";
|
|
257
|
+
return;
|
|
258
|
+
}
|
|
259
|
+
const clientWidth = this.element.clientWidth;
|
|
260
|
+
const scaleFactor = (clientWidth + scale) / clientWidth;
|
|
261
|
+
this.imageContainer.style.transformOrigin = `${anchorX}px ${anchorY}`;
|
|
262
|
+
this.imageContainer.style.transform = `translate(${x}px, ${y}px) scale(${scaleFactor})`;
|
|
260
263
|
}
|
|
264
|
+
});
|
|
265
|
+
__decorate([BindableProperty, __metadata("design:type", Object)], PinchZoomView.prototype, "zoom", void 0);
|
|
266
|
+
__decorate([BindableProperty, __metadata("design:type", String)], PinchZoomView.prototype, "source", void 0);
|
|
267
|
+
__decorate([BindableProperty, __metadata("design:type", Boolean)], PinchZoomView.prototype, "loading", void 0);
|
|
261
268
|
}
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
__metadata("design:type", Object)
|
|
265
|
-
], PinchZoomView.prototype, "zoom", void 0);
|
|
266
|
-
__decorate([
|
|
267
|
-
BindableProperty_1.BindableProperty,
|
|
268
|
-
__metadata("design:type", String)
|
|
269
|
-
], PinchZoomView.prototype, "source", void 0);
|
|
270
|
-
__decorate([
|
|
271
|
-
BindableProperty_1.BindableProperty,
|
|
272
|
-
__metadata("design:type", Boolean)
|
|
273
|
-
], PinchZoomView.prototype, "loading", void 0);
|
|
274
|
-
exports.default = PinchZoomView;
|
|
275
|
-
});
|
|
269
|
+
};
|
|
270
|
+
});
|
|
276
271
|
//# sourceMappingURL=PinchZoomView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":"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","names":["PinchZoomView","Bind","BindableProperty","Colors","XNode","StyleRule","AtomControl","CSS","position","overflow","cursor","and","child","absolutePosition","right","top","border","borderRadius","backgroundColor","white","padding","color","black","maximizeAbsolute","display","alignItems","justifyItems","justifyContent","center","ev","touch","touches","x","clientX","y","clientY","distance","first","second","Math","hypot","pageX","pageY","preCreate","element","title","loading","zoom","scale","anchorX","anchorY","dataset","pinchZoom","render","class","src","oneWay","getSource","source","updateZoom","imageContainer","firstElementChild","image","scrollView","previous","touchMoveDisposable","touchEndDisposable","bindEvent","evs","previousDistance","undefined","preventDefault","stopImmediatePropagation","length","rect","getBoundingClientRect","left","newScale","cp","dispose","mouseMoveDisposable","mouseUpDisposable","state","e","target","currentTarget","deltaY","offsetX","offsetY","passive","text","naturalHeight","maxHeight","clientWidth","clientHeight","s","naturalWidth","newWidth","newHeight","style","maxWidth","transform","scaleFactor","transformOrigin","__decorate"],"sourceRoot":"","sources":["../../src/basic/PinchZoomView.tsx"],"sourcesContent":[null]}
|