@get-set/gs-zoom 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (171) hide show
  1. package/README.md +129 -1
  2. package/actions/general.ts +29 -0
  3. package/actions/getAdjustTransform.ts +46 -0
  4. package/actions/getCurrentParams.ts +42 -0
  5. package/actions/getTranslateCoordToPoint.ts +37 -0
  6. package/actions/init.ts +25 -0
  7. package/actions/initActionEvents.ts +102 -0
  8. package/actions/initAdditionals.ts +91 -0
  9. package/actions/initAdjust.ts +120 -0
  10. package/actions/initAdjustAdditionalActive.ts +31 -0
  11. package/actions/initArrows.ts +36 -0
  12. package/actions/initAutoplay.ts +91 -0
  13. package/actions/initChange.ts +139 -0
  14. package/actions/initClose.ts +29 -0
  15. package/actions/initDraggle.ts +258 -0
  16. package/actions/initDraw.ts +83 -0
  17. package/actions/initDrawItem.ts +77 -0
  18. package/actions/initFullScreen.ts +30 -0
  19. package/actions/initLightBox.ts +13 -0
  20. package/actions/initMagnifier.ts +53 -0
  21. package/actions/initNavigateWithKeys.ts +22 -0
  22. package/actions/initOpen.ts +29 -0
  23. package/actions/initWheel.ts +44 -0
  24. package/actions/setStyles.ts +28 -0
  25. package/components/GSZoom.tsx +178 -0
  26. package/{dist/components → components}/styles/GSZoom.scss +252 -254
  27. package/components/styles/GSZoomCSS.ts +237 -0
  28. package/constants/defaultParams.ts +20 -0
  29. package/constants/icons.ts +25 -0
  30. package/constants/magnifierDefaultProps.ts +9 -0
  31. package/constants/types.ts +6 -0
  32. package/dist/GSZoom.d.ts +2 -0
  33. package/dist/actions/general.d.ts +7 -0
  34. package/dist/actions/general.d.ts.map +1 -0
  35. package/dist/actions/general.js +26 -30
  36. package/dist/actions/general.js.map +1 -0
  37. package/dist/actions/getAdjustTransform.d.ts +3 -0
  38. package/dist/actions/getAdjustTransform.d.ts.map +1 -0
  39. package/dist/actions/getAdjustTransform.js +41 -43
  40. package/dist/actions/getAdjustTransform.js.map +1 -0
  41. package/dist/actions/getCurrentParams.d.ts +4 -0
  42. package/dist/actions/getCurrentParams.d.ts.map +1 -0
  43. package/dist/actions/getCurrentParams.js +35 -42
  44. package/dist/actions/getCurrentParams.js.map +1 -0
  45. package/dist/actions/getTranslateCoordToPoint.d.ts +3 -0
  46. package/dist/actions/getTranslateCoordToPoint.d.ts.map +1 -0
  47. package/dist/actions/getTranslateCoordToPoint.js +21 -41
  48. package/dist/actions/getTranslateCoordToPoint.js.map +1 -0
  49. package/dist/actions/init.d.ts +4 -0
  50. package/dist/actions/init.d.ts.map +1 -0
  51. package/dist/actions/init.js +21 -21
  52. package/dist/actions/init.js.map +1 -0
  53. package/dist/actions/initActionEvents.d.ts +4 -0
  54. package/dist/actions/initActionEvents.d.ts.map +1 -0
  55. package/dist/actions/initActionEvents.js +80 -127
  56. package/dist/actions/initActionEvents.js.map +1 -0
  57. package/dist/actions/initAdditionals.d.ts +4 -0
  58. package/dist/actions/initAdditionals.d.ts.map +1 -0
  59. package/dist/actions/initAdditionals.js +78 -117
  60. package/dist/actions/initAdditionals.js.map +1 -0
  61. package/dist/actions/initAdjust.d.ts +4 -0
  62. package/dist/actions/initAdjust.d.ts.map +1 -0
  63. package/dist/actions/initAdjust.js +96 -107
  64. package/dist/actions/initAdjust.js.map +1 -0
  65. package/dist/actions/initAdjustAdditionalActive.d.ts +4 -0
  66. package/dist/actions/initAdjustAdditionalActive.d.ts.map +1 -0
  67. package/dist/actions/initAdjustAdditionalActive.js +25 -33
  68. package/dist/actions/initAdjustAdditionalActive.js.map +1 -0
  69. package/dist/actions/initArrows.d.ts +4 -0
  70. package/dist/actions/initArrows.d.ts.map +1 -0
  71. package/dist/actions/initArrows.js +28 -44
  72. package/dist/actions/initArrows.js.map +1 -0
  73. package/dist/actions/initAutoplay.d.ts +6 -0
  74. package/dist/actions/initAutoplay.d.ts.map +1 -0
  75. package/dist/actions/initAutoplay.js +85 -81
  76. package/dist/actions/initAutoplay.js.map +1 -0
  77. package/dist/actions/initChange.d.ts +4 -0
  78. package/dist/actions/initChange.d.ts.map +1 -0
  79. package/dist/actions/initChange.js +116 -137
  80. package/dist/actions/initChange.js.map +1 -0
  81. package/dist/actions/initClose.d.ts +3 -0
  82. package/dist/actions/initClose.d.ts.map +1 -0
  83. package/dist/actions/initClose.js +24 -28
  84. package/dist/actions/initClose.js.map +1 -0
  85. package/dist/actions/initDraggle.d.ts +4 -0
  86. package/dist/actions/initDraggle.d.ts.map +1 -0
  87. package/dist/actions/initDraggle.js +227 -303
  88. package/dist/actions/initDraggle.js.map +1 -0
  89. package/dist/actions/initDraw.d.ts +4 -0
  90. package/dist/actions/initDraw.d.ts.map +1 -0
  91. package/dist/actions/initDraw.js +74 -90
  92. package/dist/actions/initDraw.js.map +1 -0
  93. package/dist/actions/initDrawItem.d.ts +4 -0
  94. package/dist/actions/initDrawItem.d.ts.map +1 -0
  95. package/dist/actions/initDrawItem.js +63 -79
  96. package/dist/actions/initDrawItem.js.map +1 -0
  97. package/dist/actions/initFullScreen.d.ts +4 -0
  98. package/dist/actions/initFullScreen.d.ts.map +1 -0
  99. package/dist/actions/initFullScreen.js +32 -32
  100. package/dist/actions/initFullScreen.js.map +1 -0
  101. package/dist/actions/initLightBox.d.ts +4 -0
  102. package/dist/actions/initLightBox.d.ts.map +1 -0
  103. package/dist/actions/initLightBox.js +11 -12
  104. package/dist/actions/initLightBox.js.map +1 -0
  105. package/dist/actions/initMagnifier.d.ts +4 -0
  106. package/dist/actions/initMagnifier.d.ts.map +1 -0
  107. package/dist/actions/initMagnifier.js +42 -54
  108. package/dist/actions/initMagnifier.js.map +1 -0
  109. package/dist/actions/initNavigateWithKeys.d.ts +4 -0
  110. package/dist/actions/initNavigateWithKeys.d.ts.map +1 -0
  111. package/dist/actions/initNavigateWithKeys.js +18 -27
  112. package/dist/actions/initNavigateWithKeys.js.map +1 -0
  113. package/dist/actions/initOpen.d.ts +4 -0
  114. package/dist/actions/initOpen.d.ts.map +1 -0
  115. package/dist/actions/initOpen.js +27 -28
  116. package/dist/actions/initOpen.js.map +1 -0
  117. package/dist/actions/initWheel.d.ts +4 -0
  118. package/dist/actions/initWheel.d.ts.map +1 -0
  119. package/dist/actions/initWheel.js +27 -49
  120. package/dist/actions/initWheel.js.map +1 -0
  121. package/dist/actions/setStyles.d.ts +4 -0
  122. package/dist/actions/setStyles.d.ts.map +1 -0
  123. package/dist/actions/setStyles.js +23 -24
  124. package/dist/actions/setStyles.js.map +1 -0
  125. package/dist/components/GSZoom.d.ts +23 -0
  126. package/dist/components/GSZoom.d.ts.map +1 -0
  127. package/dist/components/GSZoom.js +122 -177
  128. package/dist/components/GSZoom.js.map +1 -0
  129. package/dist/components/styles/GSZoomCSS.d.ts +3 -0
  130. package/dist/components/styles/GSZoomCSS.d.ts.map +1 -0
  131. package/dist/components/styles/GSZoomCSS.js +238 -0
  132. package/dist/components/styles/GSZoomCSS.js.map +1 -0
  133. package/dist/constants/defaultParams.d.ts +4 -0
  134. package/dist/constants/defaultParams.d.ts.map +1 -0
  135. package/dist/constants/defaultParams.js +18 -19
  136. package/dist/constants/defaultParams.js.map +1 -0
  137. package/dist/constants/icons.d.ts +13 -0
  138. package/dist/constants/icons.d.ts.map +1 -0
  139. package/dist/constants/icons.js +16 -25
  140. package/dist/constants/icons.js.map +1 -0
  141. package/dist/constants/magnifierDefaultProps.d.ts +4 -0
  142. package/dist/constants/magnifierDefaultProps.d.ts.map +1 -0
  143. package/dist/constants/magnifierDefaultProps.js +7 -7
  144. package/dist/constants/magnifierDefaultProps.js.map +1 -0
  145. package/dist/constants/types.d.ts +6 -0
  146. package/dist/constants/types.d.ts.map +1 -0
  147. package/dist/constants/types.js +6 -6
  148. package/dist/constants/types.js.map +1 -0
  149. package/dist/helpers/uihelpers.d.ts +2 -0
  150. package/dist/helpers/uihelpers.d.ts.map +1 -0
  151. package/dist/helpers/uihelpers.js +8 -9
  152. package/dist/helpers/uihelpers.js.map +1 -0
  153. package/dist/types/params.d.ts +35 -0
  154. package/dist/types/params.d.ts.map +1 -0
  155. package/dist/types/params.js +2 -0
  156. package/dist/types/params.js.map +1 -0
  157. package/dist/types/ref.d.ts +23 -0
  158. package/dist/types/ref.d.ts.map +1 -0
  159. package/dist/types/ref.js +2 -0
  160. package/dist/types/ref.js.map +1 -0
  161. package/dist-js/bundle.js +1689 -0
  162. package/helpers/uihelpers.ts +7 -0
  163. package/package.json +74 -43
  164. package/styles/GSZoom.scss +252 -0
  165. package/types/global.d.ts +33 -0
  166. package/types/params.ts +36 -0
  167. package/types/ref.ts +23 -0
  168. package/dist/components/styles/GSZoom.css.map +0 -1
  169. package/index.js +0 -3
  170. /package/{dist → components/styles}/GSZoom.css +0 -0
  171. /package/{dist/components/styles → styles}/GSZoom.css +0 -0
@@ -1,303 +1,227 @@
1
- import { getTranslateCoord } from "./general";
2
- import getAdjustTransform from "./getAdjustTransform";
3
- import getTranslateCoordToPoint from "./getTranslateCoordToPoint";
4
- import initAdjust from "./initAdjust";
5
- import { pauseAutoplay, resumeAutoplay } from "./initAutoplay";
6
- import initChange from "./initChange";
7
- import setStyles from "./setStyles";
8
-
9
- const initDraggle = (ref, index) => {
10
- const params = ref.currentParams;
11
- const $container = ref.$container;
12
- const $imgList = ref.$imgList;
13
-
14
- [
15
- ...ref.$imgList.querySelectorAll(
16
- `.gs-zoom-main-img:not([data-index='${index}']) .gs-zoom-img-touch`
17
- ),
18
- ].map(($touch) => {
19
- $touch.onclick = null;
20
- $touch.ontouchstart = null;
21
- $touch.onmousedown = null;
22
- $touch.ontouchmove = null;
23
- $touch.onmousemove = null;
24
- $touch.onmouseleave = null;
25
- $touch.onmouseup = null;
26
- $touch.ontouchend = null;
27
- });
28
- const item = ref.$imgList.querySelector(
29
- `.gs-zoom-main-img[data-index='${index}']`
30
- );
31
- if (item != null) {
32
- const $imgTouch = item.querySelector(".gs-zoom-img-touch");
33
- const $img = item.querySelector(".gs-zoom-img");
34
-
35
- $imgTouch.onclick = (e) => {
36
- const timeNow = new Date().getTime();
37
- const timeDifference = timeNow - window.lastClickTime;
38
- if (timeDifference < 300) {
39
- const scale =
40
- $img.dataset.scale != undefined ? parseFloat($img.dataset.scale) : 1;
41
- let newScale = 1;
42
- if (scale < params.maxZoom) {
43
- newScale = params.maxZoom;
44
- }
45
- const clientX =
46
- e.targetTouches !== null &&
47
- typeof e.targetTouches !== "undefined" &&
48
- e.targetTouches.length > 0
49
- ? e.targetTouches[0].clientX
50
- : e.clientX;
51
- const clientY =
52
- e.targetTouches !== null &&
53
- typeof e.targetTouches !== "undefined" &&
54
- e.targetTouches.length > 0
55
- ? e.targetTouches[0].clientY
56
- : e.clientY;
57
-
58
- let [newTranslatex, newTranslatey] = getTranslateCoordToPoint(
59
- $img,
60
- $container,
61
- scale,
62
- newScale,
63
- clientX,
64
- clientY
65
- );
66
- [newTranslatex, newTranslatey] = getAdjustTransform(
67
- newScale,
68
- newTranslatex,
69
- newTranslatey,
70
- $img,
71
- $container
72
- );
73
- const transform = `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`;
74
- $img.dataset.scale = newScale;
75
- setStyles(ref, $img, {
76
- transition: "4s ease-in-out",
77
- transform: transform,
78
- });
79
- $img.classList.add("gs-zoom-is-adjusting");
80
- setTimeout(() => {
81
- $img.classList.remove("gs-zoom-is-adjusting");
82
- setStyles(ref, $img, {
83
- transition: "unset",
84
- });
85
- }, 400);
86
- }
87
- window.lastClickTime = timeNow;
88
- };
89
- $imgTouch.ontouchstart = (e) => {
90
- pauseAutoplay(ref);
91
- if (e.targetTouches.length > 1) {
92
- document
93
- .querySelector("html")
94
- .classList.add("gs-disable-apple-touchzoom");
95
- }
96
- if (!ref.isZoomed && e.targetTouches.length == 1) {
97
- const coords = getTranslateCoord($imgList);
98
- window.initListX = e.targetTouches[0].clientX;
99
- window.initListY = e.targetTouches[0].clientY;
100
- window.initListTranslateX = parseFloat(coords.x);
101
- window.initListTranslateY = parseFloat(coords.y);
102
- $imgList.classList.add("gs-zoom-listisdragging");
103
- } else {
104
- if (!$img.classList.contains("gs-zoom-is-adjusting")) {
105
- const coords = getTranslateCoord($img);
106
- $img.dataset.translatex = coords.x;
107
- $img.dataset.translatey = coords.y;
108
- window.initX = e.targetTouches[0].clientX;
109
- window.initY = e.targetTouches[0].clientY;
110
- if (e.targetTouches.length > 1) {
111
- window.initX2 = e.targetTouches[1].clientX;
112
- window.initY2 = e.targetTouches[1].clientY;
113
- window.touchDistance = Math.sqrt(
114
- Math.pow(window.initX2 - window.initX, 2) +
115
- Math.pow(window.initY2 - window.initY, 2)
116
- );
117
- window.initCenterX = (window.initX2 + window.initX) / 2;
118
- window.initCenterY = (window.initY2 + window.initY) / 2;
119
- }
120
- window.initTranslateX = parseFloat($img.dataset.translatex);
121
- window.initTranslateY = parseFloat($img.dataset.translatey);
122
- $img.classList.add("gs-zoom-isdragging");
123
- }
124
- }
125
- };
126
- $imgTouch.onmousedown = (e) => {
127
- pauseAutoplay(ref);
128
- if (!ref.isZoomed) {
129
- const coords = getTranslateCoord($imgList);
130
- window.initListX = e.clientX;
131
- window.initListTranslateX = parseFloat(coords.x);
132
- window.initListY = e.clientY;
133
- window.initListTranslateY = parseFloat(coords.y);
134
- $imgList.classList.add("gs-zoom-listisdragging");
135
- } else {
136
- if (!$img.classList.contains("gs-zoom-is-adjusting")) {
137
- const coords = getTranslateCoord($img);
138
- $img.dataset.translatex = coords.x;
139
- $img.dataset.translatey = coords.y;
140
- window.initX = e.clientX;
141
- window.initTranslateX = parseFloat($img.dataset.translatex);
142
- window.initY = e.clientY;
143
- window.initTranslateY = parseFloat($img.dataset.translatey);
144
- $img.classList.add("gs-zoom-isdragging");
145
- }
146
- }
147
- };
148
- $imgTouch.ontouchmove = (e) => {
149
- const towTouchPoints = e.targetTouches.length > 1;
150
- window.clientX = e.targetTouches[0].clientX;
151
- window.clientY = e.targetTouches[0].clientY;
152
- if (towTouchPoints) {
153
- window.clientX2 = e.targetTouches[1].clientX;
154
- window.clientY2 = e.targetTouches[1].clientY;
155
- }
156
- if (!ref.isZoomed && !towTouchPoints) {
157
- ref.listMoved = true;
158
- if ($imgList.classList.contains("gs-zoom-listisdragging")) {
159
- const movedX = window.clientX - window.initListX;
160
- const newTranslateX = window.initListTranslateX + movedX;
161
- $imgList.style.transform = `translateX(${newTranslateX}px)`;
162
- $imgList.dataset.moved = movedX;
163
- }
164
- } else if (
165
- $imgList.dataset.moved === undefined ||
166
- $imgList.dataset.moved == 0
167
- ) {
168
- if ($img.classList.contains("gs-zoom-isdragging")) {
169
- if (towTouchPoints) {
170
- const clientCenterX = (window.clientX + window.clientX2) / 2;
171
- const clientCenterY = (window.clientY + window.clientY2) / 2;
172
- let scale =
173
- $img.dataset.scale != undefined
174
- ? parseFloat($img.dataset.scale)
175
- : 1;
176
- let oldScale =
177
- $img.dataset.tempscale != undefined
178
- ? parseFloat($img.dataset.tempscale)
179
- : scale;
180
- const currentDistance = Math.sqrt(
181
- Math.pow(window.clientX - window.clientX2, 2) +
182
- Math.pow(window.clientY - window.clientY2, 2)
183
- );
184
- scale = (scale * currentDistance) / window.touchDistance;
185
-
186
- if (scale < 1) {
187
- scale = 1;
188
- }
189
- $img.dataset.tempscale = scale;
190
-
191
- let [newTranslatex, newTranslatey] = getTranslateCoordToPoint(
192
- $img,
193
- $container,
194
- oldScale,
195
- scale,
196
- window.initCenterX,
197
- window.initCenterY
198
- );
199
- const movedX = clientCenterX - window.initCenterX;
200
- const movedY = clientCenterY - window.initCenterY;
201
- window.initCenterX = clientCenterX;
202
- window.initCenterY = clientCenterY;
203
- $img.dataset.translatex = newTranslatex + movedX;
204
- $img.dataset.translatey = newTranslatey + movedY;
205
- const transform = `scale(${scale}) translate(${
206
- (newTranslatex + movedX) / scale
207
- }px, ${(newTranslatey + movedY) / scale}px)`;
208
- setStyles(ref, $img, {
209
- transform: transform,
210
- });
211
- } else {
212
- const movedY = window.clientY - window.initY;
213
- const movedX = window.clientX - window.initX;
214
- $img.dataset.translatex = window.initTranslateX + movedX;
215
- $img.dataset.translatey = window.initTranslateY + movedY;
216
- let scale =
217
- $img.dataset.scale != undefined
218
- ? parseFloat($img.dataset.scale)
219
- : 1;
220
-
221
- const transform = `scale(${scale}) translate(${
222
- (window.initTranslateX + movedX) / scale
223
- }px, ${(window.initTranslateY + movedY) / scale}px)`;
224
- setStyles(ref, $img, {
225
- transform: transform,
226
- });
227
- }
228
- }
229
- }
230
- };
231
- $imgTouch.onmousemove = (e) => {
232
- window.clientX = e.clientX;
233
- window.clientY = e.clientY;
234
- if (!ref.isZoomed) {
235
- ref.listMoved = true;
236
- if ($imgList.classList.contains("gs-zoom-listisdragging")) {
237
- const movedX = window.clientX - window.initListX;
238
- const newTranslateX = window.initListTranslateX + movedX;
239
- $imgList.style.transform = `translateX(${newTranslateX}px)`;
240
- $imgList.dataset.moved = movedX;
241
- }
242
- } else if (
243
- $imgList.dataset.moved === undefined ||
244
- $imgList.dataset.moved == 0
245
- ) {
246
- if ($img.classList.contains("gs-zoom-isdragging")) {
247
- const movedY = clientY - window.initY;
248
- const movedX = clientX - window.initX;
249
- $img.dataset.translatex = window.initTranslateX + movedX;
250
- $img.dataset.translatey = window.initTranslateY + movedY;
251
- let scale =
252
- $img.dataset.scale != undefined
253
- ? parseFloat($img.dataset.scale)
254
- : 1;
255
-
256
- const transform = `scale(${scale}) translate(${
257
- (initTranslateX + movedX) / scale
258
- }px, ${(initTranslateY + movedY) / scale}px)`;
259
- setStyles(ref, $img, {
260
- transform: transform,
261
- });
262
- }
263
- }
264
- };
265
- $imgTouch.onmouseleave =
266
- $imgTouch.onmouseup =
267
- $imgTouch.ontouchend =
268
- () => {
269
- if (
270
- $img.classList.contains("gs-zoom-isdragging") &&
271
- ($imgList.dataset.moved === undefined ||
272
- $imgList.dataset.moved == 0)
273
- ) {
274
- if ($img.dataset.tempscale != undefined) {
275
- $img.dataset.scale = $img.dataset.tempscale;
276
- $img.removeAttribute("data-tempscale");
277
- }
278
-
279
- initAdjust(ref, $container, $img);
280
- resumeAutoplay(ref);
281
- $imgList.classList.remove("gs-zoom-listisdragging");
282
- } else if ($imgList.classList.contains("gs-zoom-listisdragging")) {
283
- $imgList.classList.remove("gs-zoom-listisdragging");
284
- if (+$imgList.dataset.moved < 0) {
285
- initChange(
286
- ref,
287
- Math.min(ref.currentIndex + 1, ref.list.length - 1)
288
- );
289
- } else if (+$imgList.dataset.moved > 0) {
290
- initChange(ref, Math.max(ref.currentIndex - 1, 0));
291
- } else {
292
- resumeAutoplay(ref);
293
- }
294
- $imgList.dataset.moved = 0;
295
- }
296
- document
297
- .querySelector("html")
298
- .classList.remove("gs-disable-apple-touchzoom");
299
- };
300
- }
301
- };
302
-
303
- export default initDraggle;
1
+ import { getTranslateCoord } from './general';
2
+ import getAdjustTransform from './getAdjustTransform';
3
+ import getTranslateCoordToPoint from './getTranslateCoordToPoint';
4
+ import initAdjust from './initAdjust';
5
+ import { pauseAutoplay, resumeAutoplay } from './initAutoplay';
6
+ import initChange from './initChange';
7
+ import setStyles from './setStyles';
8
+ const initDraggle = (ref, index) => {
9
+ const params = ref.currentParams;
10
+ const $container = ref.$container;
11
+ const $imgList = ref.$imgList;
12
+ // Detach old handlers from non-active slides
13
+ [
14
+ ...ref.$imgList.querySelectorAll(`.gs-zoom-main-img:not([data-index='${index}']) .gs-zoom-img-touch`),
15
+ ].forEach(($touch) => {
16
+ const t = $touch;
17
+ t.onclick = null;
18
+ t.ontouchstart = null;
19
+ t.onmousedown = null;
20
+ t.ontouchmove = null;
21
+ t.onmousemove = null;
22
+ t.onmouseleave = null;
23
+ t.onmouseup = null;
24
+ t.ontouchend = null;
25
+ });
26
+ const item = ref.$imgList.querySelector(`.gs-zoom-main-img[data-index='${index}']`);
27
+ if (item == null)
28
+ return;
29
+ const $imgTouch = item.querySelector('.gs-zoom-img-touch');
30
+ const $img = item.querySelector('.gs-zoom-img');
31
+ // Double-click / double-tap to toggle max zoom
32
+ $imgTouch.onclick = (e) => {
33
+ const timeNow = new Date().getTime();
34
+ const timeDifference = timeNow - (window.lastClickTime || 0);
35
+ if (timeDifference < 300) {
36
+ const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
37
+ const newScale = scale < params.maxZoom ? params.maxZoom : 1;
38
+ const te = e;
39
+ const clientX = te.targetTouches?.length > 0 ? te.targetTouches[0].clientX : e.clientX;
40
+ const clientY = te.targetTouches?.length > 0 ? te.targetTouches[0].clientY : e.clientY;
41
+ let [newTranslatex, newTranslatey] = getTranslateCoordToPoint($img, $container, scale, newScale, clientX, clientY);
42
+ [newTranslatex, newTranslatey] = getAdjustTransform(newScale, newTranslatex, newTranslatey, $img, $container);
43
+ $img.dataset.scale = String(newScale);
44
+ setStyles(ref, $img, {
45
+ transition: '4s ease-in-out',
46
+ transform: `scale(${newScale}) translate(${newTranslatex}px, ${newTranslatey}px)`,
47
+ });
48
+ $img.classList.add('gs-zoom-is-adjusting');
49
+ setTimeout(() => {
50
+ $img.classList.remove('gs-zoom-is-adjusting');
51
+ setStyles(ref, $img, { transition: 'unset' });
52
+ }, 400);
53
+ }
54
+ window.lastClickTime = timeNow;
55
+ };
56
+ $imgTouch.ontouchstart = (e) => {
57
+ pauseAutoplay(ref);
58
+ if (e.targetTouches.length > 1) {
59
+ document.querySelector('html').classList.add('gs-disable-apple-touchzoom');
60
+ }
61
+ if (!ref.isZoomed && e.targetTouches.length === 1) {
62
+ const coords = getTranslateCoord($imgList);
63
+ window.initListX = e.targetTouches[0].clientX;
64
+ window.initListY = e.targetTouches[0].clientY;
65
+ window.initListTranslateX = coords.x;
66
+ window.initListTranslateY = coords.y;
67
+ $imgList.classList.add('gs-zoom-listisdragging');
68
+ }
69
+ else {
70
+ if (!$img.classList.contains('gs-zoom-is-adjusting')) {
71
+ const coords = getTranslateCoord($img);
72
+ $img.dataset.translatex = String(coords.x);
73
+ $img.dataset.translatey = String(coords.y);
74
+ window.initX = e.targetTouches[0].clientX;
75
+ window.initY = e.targetTouches[0].clientY;
76
+ if (e.targetTouches.length > 1) {
77
+ window.initX2 = e.targetTouches[1].clientX;
78
+ window.initY2 = e.targetTouches[1].clientY;
79
+ window.touchDistance = Math.sqrt(Math.pow(window.initX2 - window.initX, 2) +
80
+ Math.pow(window.initY2 - window.initY, 2));
81
+ window.initCenterX = (window.initX2 + window.initX) / 2;
82
+ window.initCenterY = (window.initY2 + window.initY) / 2;
83
+ }
84
+ window.initTranslateX = parseFloat($img.dataset.translatex);
85
+ window.initTranslateY = parseFloat($img.dataset.translatey);
86
+ $img.classList.add('gs-zoom-isdragging');
87
+ }
88
+ }
89
+ };
90
+ $imgTouch.onmousedown = (e) => {
91
+ pauseAutoplay(ref);
92
+ if (!ref.isZoomed) {
93
+ const coords = getTranslateCoord($imgList);
94
+ window.initListX = e.clientX;
95
+ window.initListTranslateX = coords.x;
96
+ window.initListY = e.clientY;
97
+ window.initListTranslateY = coords.y;
98
+ $imgList.classList.add('gs-zoom-listisdragging');
99
+ }
100
+ else {
101
+ if (!$img.classList.contains('gs-zoom-is-adjusting')) {
102
+ const coords = getTranslateCoord($img);
103
+ $img.dataset.translatex = String(coords.x);
104
+ $img.dataset.translatey = String(coords.y);
105
+ window.initX = e.clientX;
106
+ window.initTranslateX = parseFloat($img.dataset.translatex);
107
+ window.initY = e.clientY;
108
+ window.initTranslateY = parseFloat($img.dataset.translatey);
109
+ $img.classList.add('gs-zoom-isdragging');
110
+ }
111
+ }
112
+ };
113
+ $imgTouch.ontouchmove = (e) => {
114
+ const twoTouchPoints = e.targetTouches.length > 1;
115
+ window.clientX = e.targetTouches[0].clientX;
116
+ window.clientY = e.targetTouches[0].clientY;
117
+ if (twoTouchPoints) {
118
+ window.clientX2 = e.targetTouches[1].clientX;
119
+ window.clientY2 = e.targetTouches[1].clientY;
120
+ }
121
+ if (!ref.isZoomed && !twoTouchPoints) {
122
+ if ($imgList.classList.contains('gs-zoom-listisdragging')) {
123
+ const movedX = window.clientX - window.initListX;
124
+ const newTranslateX = window.initListTranslateX + movedX;
125
+ $imgList.style.transform = `translateX(${newTranslateX}px)`;
126
+ $imgList.dataset.moved = String(movedX);
127
+ }
128
+ }
129
+ else if ($imgList.dataset.moved === undefined ||
130
+ $imgList.dataset.moved === '0') {
131
+ if ($img.classList.contains('gs-zoom-isdragging')) {
132
+ if (twoTouchPoints) {
133
+ const clientCenterX = (window.clientX + window.clientX2) / 2;
134
+ const clientCenterY = (window.clientY + window.clientY2) / 2;
135
+ let scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
136
+ const oldScale = $img.dataset.tempscale !== undefined
137
+ ? parseFloat($img.dataset.tempscale)
138
+ : scale;
139
+ const currentDistance = Math.sqrt(Math.pow(window.clientX - window.clientX2, 2) +
140
+ Math.pow(window.clientY - window.clientY2, 2));
141
+ scale = (scale * currentDistance) / window.touchDistance;
142
+ if (scale < 1)
143
+ scale = 1;
144
+ $img.dataset.tempscale = String(scale);
145
+ let [newTranslatex, newTranslatey] = getTranslateCoordToPoint($img, $container, oldScale, scale, window.initCenterX, window.initCenterY);
146
+ const movedX = clientCenterX - window.initCenterX;
147
+ const movedY = clientCenterY - window.initCenterY;
148
+ window.initCenterX = clientCenterX;
149
+ window.initCenterY = clientCenterY;
150
+ $img.dataset.translatex = String(newTranslatex + movedX);
151
+ $img.dataset.translatey = String(newTranslatey + movedY);
152
+ setStyles(ref, $img, {
153
+ transform: `scale(${scale}) translate(${(newTranslatex + movedX) / scale}px, ${(newTranslatey + movedY) / scale}px)`,
154
+ });
155
+ }
156
+ else {
157
+ const movedY = window.clientY - window.initY;
158
+ const movedX = window.clientX - window.initX;
159
+ $img.dataset.translatex = String(window.initTranslateX + movedX);
160
+ $img.dataset.translatey = String(window.initTranslateY + movedY);
161
+ const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
162
+ setStyles(ref, $img, {
163
+ transform: `scale(${scale}) translate(${(window.initTranslateX + movedX) / scale}px, ${(window.initTranslateY + movedY) / scale}px)`,
164
+ });
165
+ }
166
+ }
167
+ }
168
+ };
169
+ // Bug fix: original used bare `clientX`, `clientY`, `initTranslateX`, `initTranslateY`
170
+ // (undefined references). Correctly prefixed with `window.` here.
171
+ $imgTouch.onmousemove = (e) => {
172
+ window.clientX = e.clientX;
173
+ window.clientY = e.clientY;
174
+ if (!ref.isZoomed) {
175
+ if ($imgList.classList.contains('gs-zoom-listisdragging')) {
176
+ const movedX = window.clientX - window.initListX;
177
+ const newTranslateX = window.initListTranslateX + movedX;
178
+ $imgList.style.transform = `translateX(${newTranslateX}px)`;
179
+ $imgList.dataset.moved = String(movedX);
180
+ }
181
+ }
182
+ else if ($imgList.dataset.moved === undefined ||
183
+ $imgList.dataset.moved === '0') {
184
+ if ($img.classList.contains('gs-zoom-isdragging')) {
185
+ const movedY = window.clientY - window.initY;
186
+ const movedX = window.clientX - window.initX;
187
+ $img.dataset.translatex = String(window.initTranslateX + movedX);
188
+ $img.dataset.translatey = String(window.initTranslateY + movedY);
189
+ const scale = $img.dataset.scale !== undefined ? parseFloat($img.dataset.scale) : 1;
190
+ setStyles(ref, $img, {
191
+ transform: `scale(${scale}) translate(${(window.initTranslateX + movedX) / scale}px, ${(window.initTranslateY + movedY) / scale}px)`,
192
+ });
193
+ }
194
+ }
195
+ };
196
+ const onDragEnd = () => {
197
+ if ($img.classList.contains('gs-zoom-isdragging') &&
198
+ ($imgList.dataset.moved === undefined || $imgList.dataset.moved === '0')) {
199
+ if ($img.dataset.tempscale !== undefined) {
200
+ $img.dataset.scale = $img.dataset.tempscale;
201
+ $img.removeAttribute('data-tempscale');
202
+ }
203
+ initAdjust(ref, $container, $img);
204
+ resumeAutoplay(ref);
205
+ $imgList.classList.remove('gs-zoom-listisdragging');
206
+ }
207
+ else if ($imgList.classList.contains('gs-zoom-listisdragging')) {
208
+ $imgList.classList.remove('gs-zoom-listisdragging');
209
+ if (+($imgList.dataset.moved ?? 0) < 0) {
210
+ initChange(ref, Math.min(ref.currentIndex + 1, ref.list.length - 1));
211
+ }
212
+ else if (+($imgList.dataset.moved ?? 0) > 0) {
213
+ initChange(ref, Math.max(ref.currentIndex - 1, 0));
214
+ }
215
+ else {
216
+ resumeAutoplay(ref);
217
+ }
218
+ $imgList.dataset.moved = '0';
219
+ }
220
+ document.querySelector('html').classList.remove('gs-disable-apple-touchzoom');
221
+ };
222
+ $imgTouch.onmouseleave = onDragEnd;
223
+ $imgTouch.onmouseup = onDragEnd;
224
+ $imgTouch.ontouchend = onDragEnd;
225
+ };
226
+ export default initDraggle;
227
+ //# sourceMappingURL=initDraggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initDraggle.js","sourceRoot":"","sources":["../../actions/initDraggle.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import { Ref } from '../types/ref';
2
+ declare const initDraw: (ref: Ref) => void;
3
+ export default initDraw;
4
+ //# sourceMappingURL=initDraw.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"initDraw.d.ts","sourceRoot":"","sources":["../../actions/initDraw.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AAEnC,QAAA,MAAM,QAAQ,GAAI,KAAK,GAAG,KAAG,IA4E5B,CAAC;AAEF,eAAe,QAAQ,CAAC"}