@rdlabo/ionic-theme-ios26 1.2.3 → 1.2.4

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 (4) hide show
  1. package/dist/sheets-of-glass/index.d.ts.map +1 -1
  2. package/dist/sheets-of-glass/index.js +10 -12
  3. package/package.json +1 -1
  4. package/src/sheets-of-glass/index.ts +10 -13
package/dist/sheets-of-glass/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sheets-of-glass/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAUjF,eAAO,MAAM,cAAc,GACzB,eAAe,WAAW,EAC1B,eAAe,MAAM,EACrB,mBAAmB,MAAM,EACzB,QAAQ,YAAY,KACnB,gBAAgB,GAAG,SAmMrB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sheets-of-glass/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAUjF,eAAO,MAAM,cAAc,GACzB,eAAe,WAAW,EAC1B,eAAe,MAAM,EACrB,mBAAmB,MAAM,EACzB,QAAQ,YAAY,KACnB,gBAAgB,GAAG,SAgMrB,CAAC"}
package/dist/sheets-of-glass/index.js CHANGED
@@ -19,22 +19,21 @@ export const registerEffect = (targetElement, effectTagName, selectedClassName,
19
19
  let isRealUserClick = false;
20
20
  const effectElement = cloneElement(effectTagName);
21
21
  const onPointerDown = (event) => {
22
- targetElement.setPointerCapture(event.pointerId);
23
22
  clearActivated();
24
23
  gesture.destroy();
25
24
  createAnimationGesture();
26
- };
27
- const onPointerUp = (event) => {
28
- targetElement.releasePointerCapture(event.pointerId);
29
- isRealUserClick = true;
30
- clearActivatedTimer = setTimeout(async () => {
31
- await onEndGesture();
32
- gesture.destroy();
33
- createAnimationGesture();
34
- });
25
+ const onPointerUp = async (e) => {
26
+ isRealUserClick = true;
27
+ clearActivatedTimer = setTimeout(async () => {
28
+ await onEndGesture();
29
+ gesture.destroy();
30
+ createAnimationGesture();
31
+ });
32
+ document.removeEventListener('pointerup', onPointerUp);
33
+ };
34
+ document.addEventListener('pointerup', onPointerUp);
35
35
  };
36
36
  targetElement.addEventListener('pointerdown', onPointerDown);
37
- targetElement.addEventListener('pointerup', onPointerUp);
38
37
  const createAnimationGesture = () => {
39
38
  targetElement.classList.add(GESTURE_NAME);
40
39
  gesture = createGesture({
@@ -155,7 +154,6 @@ export const registerEffect = (targetElement, effectTagName, selectedClassName,
155
154
  return {
156
155
  destroy: () => {
157
156
  targetElement.removeEventListener('pointerdown', onPointerDown);
158
- targetElement.removeEventListener('pointerup', onPointerUp);
159
157
  if (clearActivatedTimer !== undefined) {
160
158
  clearTimeout(clearActivatedTimer);
161
159
  clearActivatedTimer = undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rdlabo/ionic-theme-ios26",
3
- "version": "1.2.3",
3
+ "version": "1.2.4",
4
4
  "description": "iOS26 Theme for Ionic Framework",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
package/src/sheets-of-glass/index.ts CHANGED
@@ -35,23 +35,21 @@ export const registerEffect = (
35
35
  * They terminate the gesture using native events as a fallback.
36
36
  */
37
37
  const onPointerDown = (event: PointerEvent) => {
38
- targetElement.setPointerCapture(event.pointerId);
39
38
  clearActivated();
40
39
  gesture.destroy();
41
40
  createAnimationGesture();
41
+ const onPointerUp = async (e: PointerEvent) => {
42
+ isRealUserClick = true;
43
+ clearActivatedTimer = setTimeout(async () => {
44
+ await onEndGesture();
45
+ gesture.destroy();
46
+ createAnimationGesture();
47
+ });
48
+ document.removeEventListener('pointerup', onPointerUp);
49
+ };
50
+ document.addEventListener('pointerup', onPointerUp);
42
51
  };
43
- const onPointerUp = (event: PointerEvent) => {
44
- targetElement.releasePointerCapture(event.pointerId);
45
- isRealUserClick = true;
46
- clearActivatedTimer = setTimeout(async () => {
47
- await onEndGesture();
48
- gesture.destroy();
49
- createAnimationGesture();
50
- });
51
- };
52
-
53
52
  targetElement.addEventListener('pointerdown', onPointerDown);
54
- targetElement.addEventListener('pointerup', onPointerUp);
55
53
 
56
54
  const createAnimationGesture = () => {
57
55
  targetElement.classList.add(GESTURE_NAME);
@@ -189,7 +187,6 @@ export const registerEffect = (
189
187
  destroy: () => {
190
188
  // Remove event listeners
191
189
  targetElement.removeEventListener('pointerdown', onPointerDown);
192
- targetElement.removeEventListener('pointerup', onPointerUp);
193
190
 
194
191
  // Clear any pending timer
195
192
  if (clearActivatedTimer !== undefined) {