@ax-design/reveal-highlight 0.5.2 → 0.5.3
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/LICENSE +21 -21
- package/README.md +75 -75
- package/build/BaseConfig.d.ts +5 -1
- package/build/BaseConfig.d.ts.map +1 -1
- package/build/CanvasConfig.d.ts +7 -1
- package/build/CanvasConfig.d.ts.map +1 -1
- package/build/ComputedStyleStorage.d.ts.map +1 -1
- package/build/CustomElements.d.ts +20 -4
- package/build/CustomElements.d.ts.map +1 -1
- package/build/RevealBoundryStore.d.ts +4 -0
- package/build/RevealBoundryStore.d.ts.map +1 -1
- package/build/RevealStateManager.d.ts +5 -1
- package/build/RevealStateManager.d.ts.map +1 -1
- package/build/main.js +113 -82
- package/build/utils/types.d.ts +2 -10
- package/build/utils/types.d.ts.map +1 -1
- package/es/BaseConfig.d.ts +46 -42
- package/es/BaseConfig.d.ts.map +1 -1
- package/es/BaseConfig.js +241 -219
- package/es/BaseConfig.js.map +1 -1
- package/es/CanvasConfig.d.ts +21 -15
- package/es/CanvasConfig.d.ts.map +1 -1
- package/es/CanvasConfig.js +332 -320
- package/es/CanvasConfig.js.map +1 -1
- package/es/ComputedStyleStorage.d.ts +8 -8
- package/es/ComputedStyleStorage.d.ts.map +1 -1
- package/es/ComputedStyleStorage.js +68 -58
- package/es/ComputedStyleStorage.js.map +1 -1
- package/es/CustomElements.d.ts +75 -59
- package/es/CustomElements.d.ts.map +1 -1
- package/es/CustomElements.js +296 -233
- package/es/CustomElements.js.map +1 -1
- package/es/Profiler.d.ts +12 -12
- package/es/Profiler.js +31 -31
- package/es/RevealBoundryStore.d.ts +80 -76
- package/es/RevealBoundryStore.d.ts.map +1 -1
- package/es/RevealBoundryStore.js +269 -248
- package/es/RevealBoundryStore.js.map +1 -1
- package/es/RevealStateManager.d.ts +19 -15
- package/es/RevealStateManager.d.ts.map +1 -1
- package/es/RevealStateManager.js +99 -73
- package/es/RevealStateManager.js.map +1 -1
- package/es/SvgConfig.d.ts +16 -16
- package/es/SvgConfig.js +345 -345
- package/es/config.d.ts +4 -4
- package/es/config.js +21 -21
- package/es/index.d.ts +5 -5
- package/es/index.js +205 -205
- package/es/tsconfig.tsbuildinfo +1 -1
- package/es/utils/extractRGBValue.d.ts +1 -1
- package/es/utils/extractRGBValue.js +47 -47
- package/es/utils/isValidateBorderDecorationType.d.ts +2 -2
- package/es/utils/isValidateBorderDecorationType.js +9 -9
- package/es/utils/types.d.ts +94 -102
- package/es/utils/types.d.ts.map +1 -1
- package/es/utils/types.js +1 -1
- package/es/variables.d.ts +1 -1
- package/es/variables.js +1 -1
- package/package.json +36 -35
- package/src/BaseConfig.ts +332 -310
- package/src/CanvasConfig.ts +420 -415
- package/src/ComputedStyleStorage.ts +102 -89
- package/src/CustomElements.ts +344 -272
- package/src/Profiler.ts +44 -44
- package/src/RevealBoundryStore.ts +315 -291
- package/src/RevealStateManager.ts +109 -86
- package/src/SvgConfig.ts +422 -422
- package/src/config.ts +26 -26
- package/src/cssTypedOM.d.ts +52 -52
- package/src/index.ts +219 -219
- package/src/utils/extractRGBValue.ts +58 -58
- package/src/utils/isValidateBorderDecorationType.ts +8 -8
- package/src/utils/types.ts +97 -105
- package/src/variables.ts +1 -1
package/es/RevealBoundryStore.js
CHANGED
|
@@ -1,249 +1,270 @@
|
|
|
1
|
-
import { CanvasConfig } from './CanvasConfig.js';
|
|
2
|
-
import { SvgConfig } from './SvgConfig.js';
|
|
3
|
-
export class RevealBoundaryStore {
|
|
4
|
-
constructor(id, $el) {
|
|
5
|
-
// The current cursor position relative to window.
|
|
6
|
-
this.clientX = -1000;
|
|
7
|
-
this.clientY = -1000;
|
|
8
|
-
// The cursor position of painted reveal effect.
|
|
9
|
-
this.paintedClientX = -1000;
|
|
10
|
-
this.paintedClientY = -1000;
|
|
11
|
-
this.mouseInBoundary = false;
|
|
12
|
-
this.canvasList = [];
|
|
13
|
-
this.animationQueue = [];
|
|
14
|
-
this.animationFrame = null;
|
|
15
|
-
this.mouseUpClientX = null;
|
|
16
|
-
this.mouseUpClientY = null;
|
|
17
|
-
this.mouseDownAnimateStartFrame = null;
|
|
18
|
-
this.mouseDownAnimateCurrentFrame = null;
|
|
19
|
-
this.mouseDownAnimateReleasedFrame = null;
|
|
20
|
-
this.mouseDownAnimateLogicFrame = null;
|
|
21
|
-
this.mousePressed = false;
|
|
22
|
-
this.mouseReleased = false;
|
|
23
|
-
this.maxRadius = -1;
|
|
24
|
-
this.requestedAnimationFrame = false;
|
|
25
|
-
this.addReveal = ($element, $container) => {
|
|
26
|
-
let config;
|
|
27
|
-
const elementType = Object.prototype.toString.call($element);
|
|
28
|
-
if (elementType === '[object HTMLCanvasElement]') {
|
|
29
|
-
config = new CanvasConfig(this, $element, $container);
|
|
30
|
-
}
|
|
31
|
-
else if (elementType === '[object SVGSVGElement]') {
|
|
32
|
-
config = new SvgConfig(this, $element, $container);
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
throw new TypeError(`Unknown element type, got: ${elementType}, Canvas or SVG element expected.`);
|
|
36
|
-
}
|
|
37
|
-
config.cacheBoundingRect();
|
|
38
|
-
config.cacheCanvasPaintingStyle();
|
|
39
|
-
config.updateCachedBitmap();
|
|
40
|
-
this.canvasList.push(config);
|
|
41
|
-
};
|
|
42
|
-
this.removeReveal = ($el) => {
|
|
43
|
-
this.canvasList = this.canvasList.filter((config) => {
|
|
44
|
-
return config && config.element !== $el;
|
|
45
|
-
});
|
|
46
|
-
};
|
|
47
|
-
this.updateMaxRadius = (x) => {
|
|
48
|
-
this.maxRadius = Math.max(x, this.maxRadius);
|
|
49
|
-
};
|
|
50
|
-
this.requestPaintAll = (cleanup) => {
|
|
51
|
-
if (this.requestedAnimationFrame)
|
|
52
|
-
return;
|
|
53
|
-
this.requestedAnimationFrame = true;
|
|
54
|
-
this.animationFrame = window.requestAnimationFrame((frame) => {
|
|
55
|
-
this.requestedAnimationFrame = false;
|
|
56
|
-
this.paintAll(cleanup ? -1 : frame, true);
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
this.updatePointerPosition = (x, y) => {
|
|
60
|
-
this.clientX = x;
|
|
61
|
-
this.clientY = y;
|
|
62
|
-
const boundingBox = this.container.getBoundingClientRect();
|
|
63
|
-
let mouseInBoundary = true;
|
|
64
|
-
if (x < boundingBox.left - this.maxRadius)
|
|
65
|
-
mouseInBoundary = false;
|
|
66
|
-
if (x > boundingBox.right + this.maxRadius)
|
|
67
|
-
mouseInBoundary = false;
|
|
68
|
-
if (y < boundingBox.top - this.maxRadius)
|
|
69
|
-
mouseInBoundary = false;
|
|
70
|
-
if (y > boundingBox.bottom + this.maxRadius)
|
|
71
|
-
mouseInBoundary = false;
|
|
72
|
-
this.mouseInBoundary = mouseInBoundary;
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
if (
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
this.mouseInBoundary
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
*
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
if (!
|
|
105
|
-
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
config.
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
if (
|
|
179
|
-
this.
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
};
|
|
185
|
-
/**
|
|
186
|
-
*
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
this.animationQueue
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
1
|
+
import { CanvasConfig } from './CanvasConfig.js';
|
|
2
|
+
import { SvgConfig } from './SvgConfig.js';
|
|
3
|
+
export class RevealBoundaryStore {
|
|
4
|
+
constructor(id, $el) {
|
|
5
|
+
// The current cursor position relative to window.
|
|
6
|
+
this.clientX = -1000;
|
|
7
|
+
this.clientY = -1000;
|
|
8
|
+
// The cursor position of painted reveal effect.
|
|
9
|
+
this.paintedClientX = -1000;
|
|
10
|
+
this.paintedClientY = -1000;
|
|
11
|
+
this.mouseInBoundary = false;
|
|
12
|
+
this.canvasList = [];
|
|
13
|
+
this.animationQueue = [];
|
|
14
|
+
this.animationFrame = null;
|
|
15
|
+
this.mouseUpClientX = null;
|
|
16
|
+
this.mouseUpClientY = null;
|
|
17
|
+
this.mouseDownAnimateStartFrame = null;
|
|
18
|
+
this.mouseDownAnimateCurrentFrame = null;
|
|
19
|
+
this.mouseDownAnimateReleasedFrame = null;
|
|
20
|
+
this.mouseDownAnimateLogicFrame = null;
|
|
21
|
+
this.mousePressed = false;
|
|
22
|
+
this.mouseReleased = false;
|
|
23
|
+
this.maxRadius = -1;
|
|
24
|
+
this.requestedAnimationFrame = false;
|
|
25
|
+
this.addReveal = ($element, $container) => {
|
|
26
|
+
let config;
|
|
27
|
+
const elementType = Object.prototype.toString.call($element);
|
|
28
|
+
if (elementType === '[object HTMLCanvasElement]') {
|
|
29
|
+
config = new CanvasConfig(this, $element, $container);
|
|
30
|
+
}
|
|
31
|
+
else if (elementType === '[object SVGSVGElement]') {
|
|
32
|
+
config = new SvgConfig(this, $element, $container);
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
throw new TypeError(`Unknown element type, got: ${elementType}, Canvas or SVG element expected.`);
|
|
36
|
+
}
|
|
37
|
+
config.cacheBoundingRect();
|
|
38
|
+
config.cacheCanvasPaintingStyle();
|
|
39
|
+
config.updateCachedBitmap();
|
|
40
|
+
this.canvasList.push(config);
|
|
41
|
+
};
|
|
42
|
+
this.removeReveal = ($el) => {
|
|
43
|
+
this.canvasList = this.canvasList.filter((config) => {
|
|
44
|
+
return config && config.element !== $el;
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
this.updateMaxRadius = (x) => {
|
|
48
|
+
this.maxRadius = Math.max(x, this.maxRadius);
|
|
49
|
+
};
|
|
50
|
+
this.requestPaintAll = (cleanup) => {
|
|
51
|
+
if (this.requestedAnimationFrame)
|
|
52
|
+
return;
|
|
53
|
+
this.requestedAnimationFrame = true;
|
|
54
|
+
this.animationFrame = window.requestAnimationFrame((frame) => {
|
|
55
|
+
this.requestedAnimationFrame = false;
|
|
56
|
+
this.paintAll(cleanup ? -1 : frame, true);
|
|
57
|
+
});
|
|
58
|
+
};
|
|
59
|
+
this.updatePointerPosition = (x, y) => {
|
|
60
|
+
this.clientX = x;
|
|
61
|
+
this.clientY = y;
|
|
62
|
+
const boundingBox = this.container.getBoundingClientRect();
|
|
63
|
+
let mouseInBoundary = true;
|
|
64
|
+
if (x < boundingBox.left - this.maxRadius)
|
|
65
|
+
mouseInBoundary = false;
|
|
66
|
+
if (x > boundingBox.right + this.maxRadius)
|
|
67
|
+
mouseInBoundary = false;
|
|
68
|
+
if (y < boundingBox.top - this.maxRadius)
|
|
69
|
+
mouseInBoundary = false;
|
|
70
|
+
if (y > boundingBox.bottom + this.maxRadius)
|
|
71
|
+
mouseInBoundary = false;
|
|
72
|
+
this.mouseInBoundary = mouseInBoundary;
|
|
73
|
+
};
|
|
74
|
+
// While the browser scrolls under a finger, the finger stays on the same
|
|
75
|
+
// spot of the content, but touch events are throttled (~200ms in Chromium).
|
|
76
|
+
// The pointer is kept relative to the container and re-derived on every
|
|
77
|
+
// frame, otherwise it stays still on the screen while the content moves.
|
|
78
|
+
this.anchorOffsetX = null;
|
|
79
|
+
this.anchorOffsetY = null;
|
|
80
|
+
this.anchorPointer = () => {
|
|
81
|
+
const boundingBox = this.container.getBoundingClientRect();
|
|
82
|
+
this.anchorOffsetX = this.clientX - boundingBox.left;
|
|
83
|
+
this.anchorOffsetY = this.clientY - boundingBox.top;
|
|
84
|
+
};
|
|
85
|
+
this.followAnchor = () => {
|
|
86
|
+
if (this.anchorOffsetX === null || this.anchorOffsetY === null)
|
|
87
|
+
return;
|
|
88
|
+
const boundingBox = this.container.getBoundingClientRect();
|
|
89
|
+
this.clientX = boundingBox.left + this.anchorOffsetX;
|
|
90
|
+
this.clientY = boundingBox.top + this.anchorOffsetY;
|
|
91
|
+
};
|
|
92
|
+
this.onPointerMoveOnScreen = (x, y) => {
|
|
93
|
+
this.updatePointerPosition(x, y);
|
|
94
|
+
if (!this.mouseInBoundary)
|
|
95
|
+
return;
|
|
96
|
+
this.requestPaintAll();
|
|
97
|
+
return true;
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* Repaint all canvas while user's pointer has entered the boundary.
|
|
101
|
+
*/
|
|
102
|
+
this.onPointerEnterBoundary = () => {
|
|
103
|
+
this.mouseInBoundary = true;
|
|
104
|
+
if (!this.animationFrame) {
|
|
105
|
+
this.requestPaintAll();
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
/**
|
|
109
|
+
* Clear all canvas while user's pointer leave the bounary.
|
|
110
|
+
*/
|
|
111
|
+
this.onPointerLeaveBoundary = () => {
|
|
112
|
+
this.anchorOffsetX = null;
|
|
113
|
+
this.anchorOffsetY = null;
|
|
114
|
+
this.mouseInBoundary = false;
|
|
115
|
+
this.requestPaintAll(true);
|
|
116
|
+
};
|
|
117
|
+
/**
|
|
118
|
+
* The painting method that draw everything on your screen.
|
|
119
|
+
* @param frame current frame index, if this value is 0, it means all canvas
|
|
120
|
+
* should be cleaned.
|
|
121
|
+
* @param skipSamePointerPositionCheck Literally.
|
|
122
|
+
*/
|
|
123
|
+
this.paintAll = (frame, skipSamePointerPositionCheck) => {
|
|
124
|
+
if (!skipSamePointerPositionCheck && !this.mouseInBoundary && this.animationQueue.length === 0) {
|
|
125
|
+
return;
|
|
126
|
+
}
|
|
127
|
+
this.followAnchor();
|
|
128
|
+
// Animation duration checkup
|
|
129
|
+
for (let i = 0; i < this.animationQueue.length; i++) {
|
|
130
|
+
const config = this.animationQueue[i];
|
|
131
|
+
if (!frame || config.currentFrameId === frame) {
|
|
132
|
+
continue;
|
|
133
|
+
}
|
|
134
|
+
config.currentFrameId = frame;
|
|
135
|
+
// Initialize the animation parameter
|
|
136
|
+
if (config.mouseDownAnimateStartFrame === null) {
|
|
137
|
+
config.mouseDownAnimateStartFrame = frame;
|
|
138
|
+
}
|
|
139
|
+
// Calculate how long the animation has been playing
|
|
140
|
+
const relativeFrame = frame - config.mouseDownAnimateStartFrame;
|
|
141
|
+
config.mouseDownAnimateCurrentFrame = relativeFrame;
|
|
142
|
+
const speed = config.cachedStyle.pressAnimationSpeed;
|
|
143
|
+
const accelerateRate = config.cachedStyle.releaseAnimationAccelerateRate;
|
|
144
|
+
// We assume that Ripple is a one-way linear process from
|
|
145
|
+
// no diffusion to fully diffused,
|
|
146
|
+
// and Logic Frame represents the progress of the animation
|
|
147
|
+
// in this process.
|
|
148
|
+
let unitLogicFrame = relativeFrame;
|
|
149
|
+
if (config.mouseReleased && config.mouseDownAnimateReleasedFrame) {
|
|
150
|
+
unitLogicFrame += (relativeFrame - config.mouseDownAnimateReleasedFrame) * accelerateRate;
|
|
151
|
+
}
|
|
152
|
+
config.mouseDownAnimateLogicFrame = unitLogicFrame / speed;
|
|
153
|
+
if (config.mouseDownAnimateLogicFrame > 1) {
|
|
154
|
+
// It will be cleaned later
|
|
155
|
+
config.cleanedUpForAnimation = true;
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
// Paint the canvas one by one
|
|
159
|
+
for (let i = 0; i < this.canvasList.length; i++) {
|
|
160
|
+
const config = this.canvasList[i];
|
|
161
|
+
config.currentFrameId = frame;
|
|
162
|
+
if (config.cleanedUpForAnimation) {
|
|
163
|
+
this.cleanUpAnimationUnit(config, false);
|
|
164
|
+
config.cleanedUpForAnimation = false;
|
|
165
|
+
}
|
|
166
|
+
else {
|
|
167
|
+
const isPlayingAnimation = this.animationQueue.indexOf(config) === -1;
|
|
168
|
+
if (this.mouseInBoundary || isPlayingAnimation) {
|
|
169
|
+
config.paint(skipSamePointerPositionCheck);
|
|
170
|
+
}
|
|
171
|
+
else {
|
|
172
|
+
config.clear(false);
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
this.paintedClientX = this.clientX;
|
|
177
|
+
this.paintedClientY = this.clientY;
|
|
178
|
+
if (this.mouseInBoundary || this.animationQueue.length !== 0) {
|
|
179
|
+
this.requestPaintAll();
|
|
180
|
+
}
|
|
181
|
+
else {
|
|
182
|
+
this.animationFrame = null;
|
|
183
|
+
}
|
|
184
|
+
};
|
|
185
|
+
/**
|
|
186
|
+
* Clear all canvas.
|
|
187
|
+
*/
|
|
188
|
+
this.clearAll = (forAnimation) => {
|
|
189
|
+
this.cleanupAnimation(forAnimation, true);
|
|
190
|
+
};
|
|
191
|
+
/**
|
|
192
|
+
* This is the effect while user pressed on the reveal highlight,
|
|
193
|
+
* the ripple start to spread slowly.
|
|
194
|
+
*/
|
|
195
|
+
this.initializeAnimation = () => {
|
|
196
|
+
const config = this.canvasList.find((x) => x.mouseInCanvas());
|
|
197
|
+
if (!config)
|
|
198
|
+
return;
|
|
199
|
+
if (!this.animationQueue.includes(config)) {
|
|
200
|
+
this.animationQueue.push(config);
|
|
201
|
+
}
|
|
202
|
+
config.mouseDownAnimateStartFrame = null;
|
|
203
|
+
config.mousePressed = true;
|
|
204
|
+
config.mouseReleased = false;
|
|
205
|
+
};
|
|
206
|
+
/**
|
|
207
|
+
* This is the effect while user released it's pointer, the spreading
|
|
208
|
+
* ripple animation will start to accelerate.
|
|
209
|
+
*/
|
|
210
|
+
this.switchAnimation = () => {
|
|
211
|
+
for (let i = 0; i < this.animationQueue.length; i++) {
|
|
212
|
+
const config = this.animationQueue[i];
|
|
213
|
+
if (!config.mouseReleased) {
|
|
214
|
+
config.mouseReleased = true;
|
|
215
|
+
config.mouseDownAnimateReleasedFrame = config.mouseDownAnimateCurrentFrame;
|
|
216
|
+
config.mouseUpClientX = this.clientX;
|
|
217
|
+
config.mouseUpClientY = this.clientY;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
};
|
|
221
|
+
/**
|
|
222
|
+
* Cleanup all animations.
|
|
223
|
+
* @param skipPaint Only cleanup data or also clean up the canvas
|
|
224
|
+
* @param forceClean Clean the canvas or not
|
|
225
|
+
*/
|
|
226
|
+
this.cleanupAnimation = (skipPaint, forceClean) => {
|
|
227
|
+
for (let i = 0; i < this.animationQueue.length; i++) {
|
|
228
|
+
const config = this.animationQueue[i];
|
|
229
|
+
this.cleanUpAnimationUnit(config, skipPaint, forceClean);
|
|
230
|
+
}
|
|
231
|
+
};
|
|
232
|
+
/**
|
|
233
|
+
* Clean up the config of an animation, but the canvas won't cleaned up.
|
|
234
|
+
* @param config The config to be cleaned up.
|
|
235
|
+
* @param skipPaint Skip painting.
|
|
236
|
+
* @param forceClean Force clear the painting.
|
|
237
|
+
*/
|
|
238
|
+
this.cleanUpAnimationUnit = (config, skipPaint, forceClean) => {
|
|
239
|
+
config.mouseUpClientX = null;
|
|
240
|
+
config.mouseUpClientY = null;
|
|
241
|
+
config.mouseDownAnimateStartFrame = null;
|
|
242
|
+
config.mouseDownAnimateCurrentFrame = null;
|
|
243
|
+
config.mouseDownAnimateReleasedFrame = null;
|
|
244
|
+
config.mouseDownAnimateLogicFrame = null;
|
|
245
|
+
config.mousePressed = false;
|
|
246
|
+
config.mouseReleased = false;
|
|
247
|
+
const configIdx = this.animationQueue.indexOf(config);
|
|
248
|
+
if (configIdx > -1) {
|
|
249
|
+
this.animationQueue.splice(configIdx, 1);
|
|
250
|
+
}
|
|
251
|
+
if (!skipPaint) {
|
|
252
|
+
if (forceClean) {
|
|
253
|
+
config.clear(false);
|
|
254
|
+
}
|
|
255
|
+
else if (this.mouseInBoundary) {
|
|
256
|
+
config.paint(true);
|
|
257
|
+
}
|
|
258
|
+
else {
|
|
259
|
+
config.clear(true);
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
};
|
|
263
|
+
this.getRevealAnimationConfig = () => {
|
|
264
|
+
return this.canvasList.find((x) => x.mouseInCanvas()) || null;
|
|
265
|
+
};
|
|
266
|
+
this.id = id;
|
|
267
|
+
this.container = $el;
|
|
268
|
+
}
|
|
269
|
+
}
|
|
249
270
|
//# sourceMappingURL=RevealBoundryStore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevealBoundryStore.js","sourceRoot":"","sources":["../src/RevealBoundryStore.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"RevealBoundryStore.js","sourceRoot":"","sources":["../src/RevealBoundryStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,MAAM,OAAO,mBAAmB;IA+B5B,YAAY,EAAU,EAAE,GAAgB;QA3BxC,kDAAkD;QAClD,YAAO,GAAG,CAAC,IAAI,CAAC;QAChB,YAAO,GAAG,CAAC,IAAI,CAAC;QAEhB,gDAAgD;QAChD,mBAAc,GAAG,CAAC,IAAI,CAAC;QACvB,mBAAc,GAAG,CAAC,IAAI,CAAC;QAEvB,oBAAe,GAAG,KAAK,CAAC;QACxB,eAAU,GAAa,EAAE,CAAC;QAE1B,mBAAc,GAAa,EAAE,CAAC;QAC9B,mBAAc,GAAkB,IAAI,CAAC;QAErC,mBAAc,GAAG,IAAI,CAAC;QACtB,mBAAc,GAAG,IAAI,CAAC;QACtB,+BAA0B,GAAG,IAAI,CAAC;QAClC,iCAA4B,GAAG,IAAI,CAAC;QACpC,kCAA6B,GAAG,IAAI,CAAC;QACrC,+BAA0B,GAAG,IAAI,CAAC;QAClC,iBAAY,GAAG,KAAK,CAAC;QACrB,kBAAa,GAAG,KAAK,CAAC;QAEtB,cAAS,GAAG,CAAC,CAAC,CAAC;QAEf,4BAAuB,GAAG,KAAK,CAAC;QAOhC,cAAS,GAAG,CAAC,QAAwC,EAAE,UAAuB,EAAE,EAAE;YAC9E,IAAI,MAAc,CAAC;YACnB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAE7D,IAAI,WAAW,KAAK,4BAA4B,EAAE;gBAC9C,MAAM,GAAG,IAAI,YAAY,CAAC,IAAI,EAAE,QAA6B,EAAE,UAAU,CAAC,CAAC;aAC9E;iBAAM,IAAI,WAAW,KAAK,wBAAwB,EAAE;gBACjD,MAAM,GAAG,IAAI,SAAS,CAAC,IAAI,EAAE,QAAyB,EAAE,UAAU,CAAC,CAAC;aACvE;iBAAM;gBACH,MAAM,IAAI,SAAS,CAAC,8BAA8B,WAAW,mCAAmC,CAAC,CAAA;aACpG;YAED,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC3B,MAAM,CAAC,wBAAwB,EAAE,CAAC;YAClC,MAAM,CAAC,kBAAkB,EAAE,CAAC;YAE5B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC,CAAC;QAEF,iBAAY,GAAG,CAAC,GAAmC,EAAE,EAAE;YACnD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;gBAChD,OAAO,MAAM,IAAI,MAAM,CAAC,OAAO,KAAK,GAAG,CAAC;YAC5C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,oBAAe,GAAG,CAAC,CAAS,EAAE,EAAE;YAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC,CAAC;QAEF,oBAAe,GAAG,CAAC,OAAiB,EAAE,EAAE;YACpC,IAAI,IAAI,CAAC,uBAAuB;gBAAE,OAAO;YACzC,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;YAEpC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,KAAK,EAAE,EAAE;gBACzD,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;gBACrC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC9C,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,0BAAqB,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;YAC7C,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;YACjB,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;YAEjB,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAE3D,IAAI,eAAe,GAAG,IAAI,CAAC;YAE3B,IAAI,CAAC,GAAG,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS;gBAAE,eAAe,GAAG,KAAK,CAAC;YACnE,IAAI,CAAC,GAAG,WAAW,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS;gBAAE,eAAe,GAAG,KAAK,CAAC;YACpE,IAAI,CAAC,GAAG,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS;gBAAE,eAAe,GAAG,KAAK,CAAC;YAClE,IAAI,CAAC,GAAG,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS;gBAAE,eAAe,GAAG,KAAK,CAAC;YAErE,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QAC3C,CAAC,CAAA;QAED,yEAAyE;QACzE,4EAA4E;QAC5E,wEAAwE;QACxE,yEAAyE;QACjE,kBAAa,GAAkB,IAAI,CAAC;QACpC,kBAAa,GAAkB,IAAI,CAAC;QAE5C,kBAAa,GAAG,GAAG,EAAE;YACjB,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAC3D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC;YACrD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,CAAC;QACxD,CAAC,CAAC;QAEM,iBAAY,GAAG,GAAG,EAAE;YACxB,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI;gBAAE,OAAO;YACvE,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC;YAC3D,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC;YACrD,IAAI,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;QACxD,CAAC,CAAC;QAEF,0BAAqB,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;YAC7C,IAAI,CAAC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAI,CAAC,IAAI,CAAC,eAAe;gBAAE,OAAO;YAClC,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC;QAEF;;WAEG;QACH,2BAAsB,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAE5B,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;gBACtB,IAAI,CAAC,eAAe,EAAE,CAAC;aAC1B;QACL,CAAC,CAAC;QAEF;;WAEG;QACH,2BAAsB,GAAG,GAAG,EAAE;YAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC1B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;YAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEF;;;;;WAKG;QACK,aAAQ,GAAG,CAAC,KAAa,EAAE,4BAAsC,EAAE,EAAE;YACzE,IAAI,CAAC,4BAA4B,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC5F,OAAO;aACV;YAED,IAAI,CAAC,YAAY,EAAE,CAAC;YAEpB,6BAA6B;YAC7B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACjD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;gBAEtC,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,cAAc,KAAK,KAAK,EAAE;oBAC3C,SAAS;iBACZ;gBAED,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;gBAE9B,qCAAqC;gBACrC,IAAI,MAAM,CAAC,0BAA0B,KAAK,IAAI,EAAE;oBAC5C,MAAM,CAAC,0BAA0B,GAAG,KAAK,CAAC;iBAC7C;gBAED,oDAAoD;gBACpD,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,CAAC,0BAA0B,CAAC;gBAChE,MAAM,CAAC,4BAA4B,GAAG,aAAa,CAAC;gBAEpD,MAAM,KAAK,GAAG,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC;gBACrD,MAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,8BAA8B,CAAC;gBAEzE,yDAAyD;gBACzD,mCAAmC;gBACnC,2DAA2D;gBAC3D,mBAAmB;gBACnB,IAAI,cAAc,GAAG,aAAa,CAAC;gBACnC,IAAI,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,6BAA6B,EAAE;oBAC9D,cAAc,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,6BAA6B,CAAC,GAAG,cAAc,CAAC;iBAC7F;gBACD,MAAM,CAAC,0BAA0B,GAAG,cAAc,GAAG,KAAK,CAAC;gBAE3D,IAAI,MAAM,CAAC,0BAA0B,GAAG,CAAC,EAAE;oBACvC,2BAA2B;oBAC3B,MAAM,CAAC,qBAAqB,GAAG,IAAI,CAAC;iBACvC;aACJ;YAED,8BAA8B;YAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAC7C,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBAClC,MAAM,CAAC,cAAc,GAAG,KAAK,CAAC;gBAE9B,IAAI,MAAM,CAAC,qBAAqB,EAAE;oBAC9B,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;oBACzC,MAAM,CAAC,qBAAqB,GAAG,KAAK,CAAC;iBACxC;qBAAM;oBACH,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oBAEtE,IAAI,IAAI,CAAC,eAAe,IAAI,kBAAkB,EAAE;wBAC5C,MAAM,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC;qBAC9C;yBAAM;wBACH,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;qBACvB;iBACJ;aACJ;YAED,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;YAEnC,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC1D,IAAI,CAAC,eAAe,EAAE,CAAC;aAC1B;iBAAM;gBACH,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;aAC9B;QACL,CAAC,CAAC;QAEF;;WAEG;QACH,aAAQ,GAAG,CAAC,YAAqB,EAAE,EAAE;YACjC,IAAI,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAC9C,CAAC,CAAC;QAEF;;;WAGG;QACH,wBAAmB,GAAG,GAAG,EAAE;YACvB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC;YAE9D,IAAI,CAAC,MAAM;gBAAE,OAAO;YAEpB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBACvC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;aACpC;YAED,MAAM,CAAC,0BAA0B,GAAG,IAAI,CAAC;YACzC,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;YAC3B,MAAM,CAAC,aAAa,GAAG,KAAK,CAAC;QACjC,CAAC,CAAC;QAEF;;;WAGG;QACH,oBAAe,GAAG,GAAG,EAAE;YACnB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACjD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;gBAEtC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;oBACvB,MAAM,CAAC,aAAa,GAAG,IAAI,CAAC;oBAC5B,MAAM,CAAC,6BAA6B,GAAG,MAAM,CAAC,4BAA4B,CAAC;oBAC3E,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;oBACrC,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC,OAAO,CAAC;iBACxC;aACJ;QACL,CAAC,CAAC;QAEF;;;;WAIG;QACH,qBAAgB,GAAG,CAAC,SAAmB,EAAE,UAAoB,EAAE,EAAE;YAC7D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACjD,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;gBAEtC,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;aAC5D;QACL,CAAC,CAAA;QAED;;;;;WAKG;QACH,yBAAoB,GAAG,CAAC,MAAc,EAAE,SAAmB,EAAE,UAAoB,EAAE,EAAE;YACjF,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;YAC7B,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;YAC7B,MAAM,CAAC,0BAA0B,GAAG,IAAI,CAAC;YACzC,MAAM,CAAC,4BAA4B,GAAG,IAAI,CAAC;YAC3C,MAAM,CAAC,6BAA6B,GAAG,IAAI,CAAC;YAC5C,MAAM,CAAC,0BAA0B,GAAG,IAAI,CAAC;YACzC,MAAM,CAAC,YAAY,GAAG,KAAK,CAAC;YAC5B,MAAM,CAAC,aAAa,GAAG,KAAK,CAAC;YAE7B,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YACtD,IAAI,SAAS,GAAG,CAAC,CAAC,EAAE;gBAChB,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;aAC5C;YAED,IAAI,CAAC,SAAS,EAAE;gBACZ,IAAI,UAAU,EAAE;oBACZ,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;iBACvB;qBAAM,IAAI,IAAI,CAAC,eAAe,EAAE;oBAC7B,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;iBACtB;qBAAM;oBACH,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;iBACtB;aACJ;QACL,CAAC,CAAC;QAEF,6BAAwB,GAAG,GAAG,EAAE;YAC5B,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,IAAI,IAAI,CAAC;QAClE,CAAC,CAAC;QApRE,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACb,IAAI,CAAC,SAAS,GAAG,GAAG,CAAC;IACzB,CAAC;CAmRJ"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
|
-
import { RevealBoundaryStore } from './RevealBoundryStore.js';
|
|
2
|
-
export declare class RevealStateManager {
|
|
3
|
-
private _currentHashId;
|
|
4
|
-
private _storage;
|
|
5
|
-
private requestedTraverseBoundaries;
|
|
6
|
-
cachedMouseX: number;
|
|
7
|
-
cachedMouseY: number;
|
|
8
|
-
constructor();
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}
|
|
1
|
+
import { RevealBoundaryStore } from './RevealBoundryStore.js';
|
|
2
|
+
export declare class RevealStateManager {
|
|
3
|
+
private _currentHashId;
|
|
4
|
+
private _storage;
|
|
5
|
+
private requestedTraverseBoundaries;
|
|
6
|
+
cachedMouseX: number;
|
|
7
|
+
cachedMouseY: number;
|
|
8
|
+
constructor();
|
|
9
|
+
touchScrolling: boolean;
|
|
10
|
+
pointerLeaveScheduled: boolean;
|
|
11
|
+
handlePointerLeave: () => void;
|
|
12
|
+
handlePointerMove: (event: {
|
|
13
|
+
clientX: number;
|
|
14
|
+
clientY: number;
|
|
15
|
+
}) => void;
|
|
16
|
+
traverseBoundaries: () => void;
|
|
17
|
+
newBoundary: ($el: HTMLElement) => RevealBoundaryStore;
|
|
18
|
+
removeBoundary: (store: RevealBoundaryStore) => void;
|
|
19
|
+
}
|
|
16
20
|
//# sourceMappingURL=RevealStateManager.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevealStateManager.d.ts","sourceRoot":"","sources":["../src/RevealStateManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAI9D,qBAAa,kBAAkB;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,QAAQ,CAA6B;IAE7C,OAAO,CAAC,2BAA2B,CAAS;IAC5C,YAAY,SAAM;IAClB,YAAY,SAAM;;
|
|
1
|
+
{"version":3,"file":"RevealStateManager.d.ts","sourceRoot":"","sources":["../src/RevealStateManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAI9D,qBAAa,kBAAkB;IAC3B,OAAO,CAAC,cAAc,CAAK;IAC3B,OAAO,CAAC,QAAQ,CAA6B;IAE7C,OAAO,CAAC,2BAA2B,CAAS;IAC5C,YAAY,SAAM;IAClB,YAAY,SAAM;;IAkDlB,cAAc,UAAS;IAEvB,qBAAqB,UAAS;IAE9B,kBAAkB,aAYjB;IAED,iBAAiB,UAAW;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,UAQ9D;IAEF,kBAAkB,aAMhB;IAEF,WAAW,QAAS,WAAW,yBAO7B;IAEF,cAAc,UAAW,mBAAmB,UAE1C;CACL"}
|