cx 24.3.1 → 24.3.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.
Files changed (7) hide show
  1. package/dist/manifest.js +564 -564
  2. package/dist/util.js +4 -2
  3. package/dist/widgets.js +21 -8
  4. package/package.json +1 -1
  5. package/src/util/getParentFrameBoundingClientRect.js +6 -4
  6. package/src/widgets/grid/Grid.js +3288 -3275
  7. package/src/widgets/overlay/captureMouse.js +124 -124
package/src/widgets/overlay/captureMouse.js CHANGED
@@ -1,124 +1,124 @@
1
- import { batchUpdates } from "../../ui/batchUpdates";
2
- import { getParentFrameBoundingClientRect } from "../../util/getParentFrameBoundingClientRect";
3
-
4
- export function captureMouse2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
5
- let surface = document.createElement("div");
6
- surface.className = "cxb-mousecapture";
7
- surface.style.cursor = cursor || getComputedStyle(e.currentTarget).cursor;
8
-
9
- document.body.appendChild(surface);
10
-
11
- // In case when the event originates from an iframe,
12
- // we use that document as events do not bubble up. //
13
- let parentDocument = e.target.ownerDocument;
14
- let options = { capture: true };
15
-
16
- let active = true;
17
- parentDocument.addEventListener("mousemove", move, options);
18
- parentDocument.addEventListener("mouseup", end, options);
19
- if (onDblClick) parentDocument.addEventListener("dblclick", doubleClick), options;
20
-
21
- function tear() {
22
- if (surface == null) return;
23
- parentDocument.removeEventListener("mousemove", move, options);
24
- parentDocument.removeEventListener("mouseup", end, options);
25
- if (onDblClick) parentDocument.removeEventListener("dblclick", onDblClick, options);
26
- document.body.removeChild(surface);
27
- surface = null;
28
- }
29
-
30
- function doubleClick(e) {
31
- try {
32
- onDblClick(e);
33
- } finally {
34
- tear();
35
- }
36
- }
37
-
38
- e.stopPropagation();
39
-
40
- function move(e) {
41
- if (!active) {
42
- tear();
43
- return;
44
- }
45
-
46
- //if mouse moves double clicking is off
47
- onDblClick = null;
48
-
49
- batchUpdates(() => {
50
- if (onMouseMove) onMouseMove(e, captureData);
51
- e.stopPropagation();
52
- e.preventDefault(); //disable text selection
53
- });
54
- }
55
-
56
- function end(e) {
57
- active = false;
58
- batchUpdates(() => {
59
- // if (surface.releaseCapture)
60
- // surface.releaseCapture();
61
-
62
- if (!onDblClick) surface.style.display = "none";
63
- try {
64
- if (onMouseUp) onMouseUp(e, captureData);
65
- } finally {
66
- if (onDblClick) {
67
- //keep the surface a little longer to detect double clicks
68
- setTimeout(tear, 1500);
69
- } else tear();
70
- }
71
- });
72
- }
73
- }
74
-
75
- export function captureMouseOrTouch2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
76
- if (e.type.indexOf("touch") == 0) {
77
- let el = e.currentTarget;
78
-
79
- let move = (e) => {
80
- batchUpdates(() => {
81
- if (onMouseMove) onMouseMove(e, captureData);
82
- e.preventDefault();
83
- });
84
- };
85
-
86
- let end = (e) => {
87
- batchUpdates(() => {
88
- el.removeEventListener("touchmove", move);
89
- el.removeEventListener("touchend", end);
90
-
91
- if (onMouseUp) onMouseUp(e);
92
-
93
- e.preventDefault();
94
- });
95
- };
96
-
97
- el.addEventListener("touchmove", move);
98
- el.addEventListener("touchend", end);
99
-
100
- e.stopPropagation();
101
- } else captureMouse2(e, { onMouseMove, onMouseUp, captureData, onDblClick, cursor });
102
- }
103
-
104
- export function captureMouse(e, onMouseMove, onMouseUp, captureData, cursor) {
105
- captureMouse2(e, {
106
- onMouseMove,
107
- onMouseUp,
108
- captureData,
109
- cursor,
110
- });
111
- }
112
-
113
- export function captureMouseOrTouch(e, onMouseMove, onMouseUp, captureData, cursor) {
114
- captureMouseOrTouch2(e, { onMouseMove, onMouseUp, captureData, cursor });
115
- }
116
-
117
- export function getCursorPos(e) {
118
- let p = (e.touches && e.touches[0]) || e;
119
- let offset = getParentFrameBoundingClientRect(e.target);
120
- return {
121
- clientX: p.clientX + offset.left,
122
- clientY: p.clientY + offset.top,
123
- };
124
- }
1
+ import { batchUpdates } from "../../ui/batchUpdates";
2
+ import { getParentFrameBoundingClientRect } from "../../util/getParentFrameBoundingClientRect";
3
+
4
+ export function captureMouse2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
5
+ let surface = document.createElement("div");
6
+ surface.className = "cxb-mousecapture";
7
+ surface.style.cursor = cursor || getComputedStyle(e.currentTarget).cursor;
8
+
9
+ document.body.appendChild(surface);
10
+
11
+ // In case when the event originates from an iframe,
12
+ // we use that document as events do not bubble up. //
13
+ let parentDocument = e.target.ownerDocument;
14
+ let options = { capture: true };
15
+
16
+ let active = true;
17
+ parentDocument.addEventListener("mousemove", move, options);
18
+ parentDocument.addEventListener("mouseup", end, options);
19
+ if (onDblClick) parentDocument.addEventListener("dblclick", doubleClick), options;
20
+
21
+ function tear() {
22
+ if (surface == null) return;
23
+ parentDocument.removeEventListener("mousemove", move, options);
24
+ parentDocument.removeEventListener("mouseup", end, options);
25
+ if (onDblClick) parentDocument.removeEventListener("dblclick", onDblClick, options);
26
+ document.body.removeChild(surface);
27
+ surface = null;
28
+ }
29
+
30
+ function doubleClick(e) {
31
+ try {
32
+ onDblClick(e);
33
+ } finally {
34
+ tear();
35
+ }
36
+ }
37
+
38
+ e.stopPropagation();
39
+
40
+ function move(e) {
41
+ if (!active) {
42
+ tear();
43
+ return;
44
+ }
45
+
46
+ //if mouse moves double clicking is off
47
+ onDblClick = null;
48
+
49
+ batchUpdates(() => {
50
+ if (onMouseMove) onMouseMove(e, captureData);
51
+ e.stopPropagation();
52
+ e.preventDefault(); //disable text selection
53
+ });
54
+ }
55
+
56
+ function end(e) {
57
+ active = false;
58
+ batchUpdates(() => {
59
+ // if (surface.releaseCapture)
60
+ // surface.releaseCapture();
61
+
62
+ if (!onDblClick) surface.style.display = "none";
63
+ try {
64
+ if (onMouseUp) onMouseUp(e, captureData);
65
+ } finally {
66
+ if (onDblClick) {
67
+ //keep the surface a little longer to detect double clicks
68
+ setTimeout(tear, 1500);
69
+ } else tear();
70
+ }
71
+ });
72
+ }
73
+ }
74
+
75
+ export function captureMouseOrTouch2(e, { onMouseMove, onMouseUp, onDblClick, captureData, cursor }) {
76
+ if (e.type.indexOf("touch") == 0) {
77
+ let el = e.currentTarget;
78
+
79
+ let move = (e) => {
80
+ batchUpdates(() => {
81
+ if (onMouseMove) onMouseMove(e, captureData);
82
+ e.preventDefault();
83
+ });
84
+ };
85
+
86
+ let end = (e) => {
87
+ batchUpdates(() => {
88
+ el.removeEventListener("touchmove", move);
89
+ el.removeEventListener("touchend", end);
90
+
91
+ if (onMouseUp) onMouseUp(e);
92
+
93
+ e.preventDefault();
94
+ });
95
+ };
96
+
97
+ el.addEventListener("touchmove", move);
98
+ el.addEventListener("touchend", end);
99
+
100
+ e.stopPropagation();
101
+ } else captureMouse2(e, { onMouseMove, onMouseUp, captureData, onDblClick, cursor });
102
+ }
103
+
104
+ export function captureMouse(e, onMouseMove, onMouseUp, captureData, cursor) {
105
+ captureMouse2(e, {
106
+ onMouseMove,
107
+ onMouseUp,
108
+ captureData,
109
+ cursor,
110
+ });
111
+ }
112
+
113
+ export function captureMouseOrTouch(e, onMouseMove, onMouseUp, captureData, cursor) {
114
+ captureMouseOrTouch2(e, { onMouseMove, onMouseUp, captureData, cursor });
115
+ }
116
+
117
+ export function getCursorPos(e) {
118
+ let p = (e.touches && e.touches[0]) || e;
119
+ let offset = getParentFrameBoundingClientRect(e.target);
120
+ return {
121
+ clientX: p.clientX + offset.left,
122
+ clientY: p.clientY + offset.top,
123
+ };
124
+ }