vevet 2.1.0 → 2.4.0
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/build/cdn/index.js +1 -1
- package/build/cjs/app/events/Viewport.js +17 -6
- package/build/cjs/components/text/SplitText.js +2 -2
- package/build/cjs/index.js +2 -0
- package/build/cjs/utils/scroll/getScrollValues.js +20 -0
- package/build/cjs/utils/scroll/index.js +12 -0
- package/build/cjs/utils/scroll/scrollTo.js +41 -0
- package/build/cjs/utils/scroll/scrollToElement.js +39 -0
- package/build/cjs/utils/scroll/to.js +41 -0
- package/build/es/app/events/Viewport.js +16 -6
- package/build/es/components/text/SplitText.js +2 -2
- package/build/es/index.js +2 -0
- package/build/es/utils/scroll/getScrollValues.js +16 -0
- package/build/es/utils/scroll/index.js +4 -0
- package/build/es/utils/scroll/scrollTo.js +34 -0
- package/build/es/utils/scroll/scrollToElement.js +32 -0
- package/build/es/utils/scroll/to.js +34 -0
- package/build/types/app/events/Viewport.d.ts +9 -1
- package/build/types/app/events/Viewport.d.ts.map +1 -1
- package/build/types/components/scroll/types.d.ts +2 -5
- package/build/types/components/scroll/types.d.ts.map +1 -1
- package/build/types/components/text/SplitText.d.ts +5 -0
- package/build/types/components/text/SplitText.d.ts.map +1 -1
- package/build/types/index.d.ts +2 -0
- package/build/types/index.d.ts.map +1 -1
- package/build/types/utils/scroll/getScrollValues.d.ts +9 -0
- package/build/types/utils/scroll/getScrollValues.d.ts.map +1 -0
- package/build/types/utils/scroll/index.d.ts +5 -0
- package/build/types/utils/scroll/index.d.ts.map +1 -0
- package/build/types/utils/scroll/scrollTo.d.ts +28 -0
- package/build/types/utils/scroll/scrollTo.d.ts.map +1 -0
- package/build/types/utils/scroll/scrollToElement.d.ts +32 -0
- package/build/types/utils/scroll/scrollToElement.d.ts.map +1 -0
- package/build/types/utils/scroll/to.d.ts +28 -0
- package/build/types/utils/scroll/to.d.ts.map +1 -0
- package/build/types/utils/types/general.d.ts +6 -0
- package/build/types/utils/types/general.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/ts/app/events/Viewport.ts +18 -6
- package/src/ts/components/scroll/types.ts +3 -5
- package/src/ts/components/text/SplitText.ts +7 -1
- package/src/ts/index.ts +2 -0
- package/src/ts/utils/scroll/getScrollValues.ts +20 -0
- package/src/ts/utils/scroll/index.ts +9 -0
- package/src/ts/utils/scroll/scrollTo.ts +65 -0
- package/src/ts/utils/scroll/scrollToElement.ts +74 -0
- package/src/ts/utils/types/general.ts +7 -0
|
@@ -263,7 +263,12 @@ var Viewport = /** @class */ (function (_super) {
|
|
|
263
263
|
/**
|
|
264
264
|
* Launch callbacks on resize.
|
|
265
265
|
*/
|
|
266
|
-
Viewport.prototype._onResize = function (
|
|
266
|
+
Viewport.prototype._onResize = function (
|
|
267
|
+
/**
|
|
268
|
+
* force all callbacks
|
|
269
|
+
*/
|
|
270
|
+
force) {
|
|
271
|
+
if (force === void 0) { force = false; }
|
|
267
272
|
// copy previous values
|
|
268
273
|
var prevWidth = this._prevSize.w;
|
|
269
274
|
var prevHeight = this._prevSize.h;
|
|
@@ -278,29 +283,35 @@ var Viewport = /** @class */ (function (_super) {
|
|
|
278
283
|
orientationChanged: (width > height) !== (prevWidth > prevHeight),
|
|
279
284
|
};
|
|
280
285
|
// only when width is changed
|
|
281
|
-
if (width !== prevWidth && height === prevHeight) {
|
|
286
|
+
if (force || (width !== prevWidth && height === prevHeight)) {
|
|
282
287
|
this.tbt('w_', changes);
|
|
283
288
|
}
|
|
284
289
|
// only when height is changed
|
|
285
|
-
if (height !== prevHeight && width === prevWidth) {
|
|
290
|
+
if (force || (height !== prevHeight && width === prevWidth)) {
|
|
286
291
|
this.tbt('h_', changes);
|
|
287
292
|
}
|
|
288
293
|
// when height & width are changed
|
|
289
|
-
if (width !== prevWidth && height !== prevHeight) {
|
|
294
|
+
if (force || (width !== prevWidth && height !== prevHeight)) {
|
|
290
295
|
this.tbt('wh', changes);
|
|
291
296
|
this.tbt('hw', changes);
|
|
292
297
|
}
|
|
293
298
|
// when width is changed
|
|
294
|
-
if (width !== prevWidth) {
|
|
299
|
+
if (force || width !== prevWidth) {
|
|
295
300
|
this.tbt('w', changes);
|
|
296
301
|
}
|
|
297
302
|
// when height changed
|
|
298
|
-
if (height !== prevHeight) {
|
|
303
|
+
if (force || height !== prevHeight) {
|
|
299
304
|
this.tbt('h', changes);
|
|
300
305
|
}
|
|
301
306
|
// on any change
|
|
302
307
|
this.tbt('', changes);
|
|
303
308
|
};
|
|
309
|
+
/**
|
|
310
|
+
* Force launching all callbacks
|
|
311
|
+
*/
|
|
312
|
+
Viewport.prototype.forceResize = function () {
|
|
313
|
+
this._onResize(true);
|
|
314
|
+
};
|
|
304
315
|
return Viewport;
|
|
305
316
|
}(Callbacks_1.Callbacks));
|
|
306
317
|
exports.Viewport = Viewport;
|
|
@@ -52,7 +52,7 @@ var SplitText = /** @class */ (function (_super) {
|
|
|
52
52
|
}
|
|
53
53
|
// get initial text
|
|
54
54
|
_this._initHTML = _this._container.innerHTML;
|
|
55
|
-
var innerText = _this._container
|
|
55
|
+
var innerText = _this._container[_this.prop.textSource].trim();
|
|
56
56
|
_this._initText = innerText || 'no rendered text';
|
|
57
57
|
_this._initText = _this._initText.replace(/\s+\n/gm, '\n');
|
|
58
58
|
_this._initText = _this._initText.replace(/<br>/gm, String.fromCharCode(10));
|
|
@@ -71,7 +71,7 @@ var SplitText = /** @class */ (function (_super) {
|
|
|
71
71
|
return _this;
|
|
72
72
|
}
|
|
73
73
|
SplitText.prototype._getDefaultProp = function () {
|
|
74
|
-
return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#".concat(this.prefix), appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
|
|
74
|
+
return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#".concat(this.prefix), textSource: 'innerText', appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
|
|
75
75
|
};
|
|
76
76
|
Object.defineProperty(SplitText.prototype, "prefix", {
|
|
77
77
|
get: function () {
|
package/build/cjs/index.js
CHANGED
|
@@ -23,6 +23,7 @@ exports.CustomCursor = exports.SplitText = exports.SmoothScrollDragPlugin = expo
|
|
|
23
23
|
var common = __importStar(require("./utils/common"));
|
|
24
24
|
var listeners = __importStar(require("./utils/listeners"));
|
|
25
25
|
var math = __importStar(require("./utils/math"));
|
|
26
|
+
var scroll = __importStar(require("./utils/scroll"));
|
|
26
27
|
var GeneralTypes = __importStar(require("./utils/types/general"));
|
|
27
28
|
exports.GeneralTypes = GeneralTypes;
|
|
28
29
|
var Application_1 = require("./app/Application");
|
|
@@ -85,5 +86,6 @@ var utils = {
|
|
|
85
86
|
common: common,
|
|
86
87
|
listeners: listeners,
|
|
87
88
|
math: math,
|
|
89
|
+
scroll: scroll,
|
|
88
90
|
};
|
|
89
91
|
exports.utils = utils;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
/**
|
|
4
|
+
* Get scroll values of a certain element
|
|
5
|
+
*/
|
|
6
|
+
function getScrollValues(selector) {
|
|
7
|
+
if (selector === void 0) { selector = window; }
|
|
8
|
+
if (selector) {
|
|
9
|
+
var scrollTop = selector instanceof Window
|
|
10
|
+
? selector.pageYOffset : selector.scrollTop;
|
|
11
|
+
var scrollLeft = selector instanceof Window
|
|
12
|
+
? selector.pageXOffset : selector.scrollLeft;
|
|
13
|
+
return {
|
|
14
|
+
scrollTop: scrollTop,
|
|
15
|
+
scrollLeft: scrollLeft,
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
return undefined;
|
|
19
|
+
}
|
|
20
|
+
exports.default = getScrollValues;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.toElement = exports.to = exports.getValues = void 0;
|
|
7
|
+
var getScrollValues_1 = __importDefault(require("./getScrollValues"));
|
|
8
|
+
exports.getValues = getScrollValues_1.default;
|
|
9
|
+
var scrollTo_1 = __importDefault(require("./scrollTo"));
|
|
10
|
+
exports.to = scrollTo_1.default;
|
|
11
|
+
var scrollToElement_1 = __importDefault(require("./scrollToElement"));
|
|
12
|
+
exports.toElement = scrollToElement_1.default;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var Timeline_1 = require("../../components/timeline/Timeline");
|
|
7
|
+
var getScrollValues_1 = __importDefault(require("./getScrollValues"));
|
|
8
|
+
/**
|
|
9
|
+
* Scroll to coordinates
|
|
10
|
+
*/
|
|
11
|
+
function scrollTo(_a) {
|
|
12
|
+
var _b = _a.container, container = _b === void 0 ? window : _b, _c = _a.top, top = _c === void 0 ? 0 : _c, _d = _a.left, left = _d === void 0 ? 0 : _d, _e = _a.duration, duration = _e === void 0 ? 250 : _e;
|
|
13
|
+
return new Promise(function (resolve, reject) {
|
|
14
|
+
// save start values
|
|
15
|
+
var startValues = (0, getScrollValues_1.default)(container);
|
|
16
|
+
if (startValues) {
|
|
17
|
+
// create animation
|
|
18
|
+
var timeline = new Timeline_1.Timeline({
|
|
19
|
+
duration: duration,
|
|
20
|
+
});
|
|
21
|
+
timeline.addCallback('progress', function (data) {
|
|
22
|
+
if (container) {
|
|
23
|
+
container.scrollTo({
|
|
24
|
+
top: startValues.scrollTop
|
|
25
|
+
+ (top - startValues.scrollTop) * data.easing,
|
|
26
|
+
left: startValues.scrollLeft
|
|
27
|
+
+ (left - startValues.scrollLeft) * data.easing,
|
|
28
|
+
behavior: 'auto',
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
timeline.addCallback('end', function () {
|
|
33
|
+
resolve();
|
|
34
|
+
});
|
|
35
|
+
timeline.play();
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
reject();
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
exports.default = scrollTo;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var vevet_dom_1 = require("vevet-dom");
|
|
7
|
+
var getScrollValues_1 = __importDefault(require("./getScrollValues"));
|
|
8
|
+
var clamp_1 = __importDefault(require("../math/clamp"));
|
|
9
|
+
var scrollTo_1 = __importDefault(require("./scrollTo"));
|
|
10
|
+
/**
|
|
11
|
+
* Scroll to element
|
|
12
|
+
*/
|
|
13
|
+
function scrollToElement(_a) {
|
|
14
|
+
var _b = _a.container, container = _b === void 0 ? window : _b, el = _a.el, _c = _a.top, top = _c === void 0 ? 0 : _c, _d = _a.left, left = _d === void 0 ? 0 : _d, _e = _a.duration, duration = _e === void 0 ? 250 : _e;
|
|
15
|
+
return new Promise(function (resolve, reject) {
|
|
16
|
+
var startValues = (0, getScrollValues_1.default)(container);
|
|
17
|
+
if (startValues) {
|
|
18
|
+
var element = (0, vevet_dom_1.selectOne)(el);
|
|
19
|
+
if (element) {
|
|
20
|
+
var bounding = element.getBoundingClientRect();
|
|
21
|
+
var toTop = (0, clamp_1.default)(bounding.top + startValues.scrollTop - top, [0, Infinity]);
|
|
22
|
+
var toLeft = (0, clamp_1.default)(bounding.left + startValues.scrollLeft - left, [0, Infinity]);
|
|
23
|
+
(0, scrollTo_1.default)({
|
|
24
|
+
container: container,
|
|
25
|
+
top: toTop,
|
|
26
|
+
left: toLeft,
|
|
27
|
+
duration: duration,
|
|
28
|
+
}).then(function () {
|
|
29
|
+
resolve();
|
|
30
|
+
}).catch(function () {
|
|
31
|
+
reject();
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
reject();
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
exports.default = scrollToElement;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var Timeline_1 = require("../../components/timeline/Timeline");
|
|
7
|
+
var getScrollValues_1 = __importDefault(require("./getScrollValues"));
|
|
8
|
+
/**
|
|
9
|
+
* Scroll to coordinates
|
|
10
|
+
*/
|
|
11
|
+
function scrollTo(_a) {
|
|
12
|
+
var _b = _a.container, container = _b === void 0 ? window : _b, _c = _a.top, top = _c === void 0 ? 0 : _c, _d = _a.left, left = _d === void 0 ? 0 : _d, _e = _a.duration, duration = _e === void 0 ? 250 : _e;
|
|
13
|
+
return new Promise(function (resolve, reject) {
|
|
14
|
+
// save start values
|
|
15
|
+
var startValues = (0, getScrollValues_1.default)(container);
|
|
16
|
+
if (startValues) {
|
|
17
|
+
// create animation
|
|
18
|
+
var timeline = new Timeline_1.Timeline({
|
|
19
|
+
duration: duration,
|
|
20
|
+
});
|
|
21
|
+
timeline.addCallback('progress', function (data) {
|
|
22
|
+
if (container) {
|
|
23
|
+
container.scrollTo({
|
|
24
|
+
top: startValues.scrollTop
|
|
25
|
+
+ (top - startValues.scrollTop) * data.easing,
|
|
26
|
+
left: startValues.scrollLeft
|
|
27
|
+
+ (left - startValues.scrollLeft) * data.easing,
|
|
28
|
+
behavior: 'auto',
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
timeline.addCallback('end', function () {
|
|
33
|
+
resolve();
|
|
34
|
+
});
|
|
35
|
+
timeline.play();
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
reject();
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
exports.default = scrollTo;
|
|
@@ -194,7 +194,11 @@ export class Viewport extends Callbacks {
|
|
|
194
194
|
/**
|
|
195
195
|
* Launch callbacks on resize.
|
|
196
196
|
*/
|
|
197
|
-
_onResize(
|
|
197
|
+
_onResize(
|
|
198
|
+
/**
|
|
199
|
+
* force all callbacks
|
|
200
|
+
*/
|
|
201
|
+
force = false) {
|
|
198
202
|
// copy previous values
|
|
199
203
|
const prevWidth = this._prevSize.w;
|
|
200
204
|
const prevHeight = this._prevSize.h;
|
|
@@ -209,27 +213,33 @@ export class Viewport extends Callbacks {
|
|
|
209
213
|
orientationChanged: (width > height) !== (prevWidth > prevHeight),
|
|
210
214
|
};
|
|
211
215
|
// only when width is changed
|
|
212
|
-
if (width !== prevWidth && height === prevHeight) {
|
|
216
|
+
if (force || (width !== prevWidth && height === prevHeight)) {
|
|
213
217
|
this.tbt('w_', changes);
|
|
214
218
|
}
|
|
215
219
|
// only when height is changed
|
|
216
|
-
if (height !== prevHeight && width === prevWidth) {
|
|
220
|
+
if (force || (height !== prevHeight && width === prevWidth)) {
|
|
217
221
|
this.tbt('h_', changes);
|
|
218
222
|
}
|
|
219
223
|
// when height & width are changed
|
|
220
|
-
if (width !== prevWidth && height !== prevHeight) {
|
|
224
|
+
if (force || (width !== prevWidth && height !== prevHeight)) {
|
|
221
225
|
this.tbt('wh', changes);
|
|
222
226
|
this.tbt('hw', changes);
|
|
223
227
|
}
|
|
224
228
|
// when width is changed
|
|
225
|
-
if (width !== prevWidth) {
|
|
229
|
+
if (force || width !== prevWidth) {
|
|
226
230
|
this.tbt('w', changes);
|
|
227
231
|
}
|
|
228
232
|
// when height changed
|
|
229
|
-
if (height !== prevHeight) {
|
|
233
|
+
if (force || height !== prevHeight) {
|
|
230
234
|
this.tbt('h', changes);
|
|
231
235
|
}
|
|
232
236
|
// on any change
|
|
233
237
|
this.tbt('', changes);
|
|
234
238
|
}
|
|
239
|
+
/**
|
|
240
|
+
* Force launching all callbacks
|
|
241
|
+
*/
|
|
242
|
+
forceResize() {
|
|
243
|
+
this._onResize(true);
|
|
244
|
+
}
|
|
235
245
|
}
|
|
@@ -21,7 +21,7 @@ export class SplitText extends Component {
|
|
|
21
21
|
}
|
|
22
22
|
// get initial text
|
|
23
23
|
this._initHTML = this._container.innerHTML;
|
|
24
|
-
const innerText = this._container
|
|
24
|
+
const innerText = this._container[this.prop.textSource].trim();
|
|
25
25
|
this._initText = innerText || 'no rendered text';
|
|
26
26
|
this._initText = this._initText.replace(/\s+\n/gm, '\n');
|
|
27
27
|
this._initText = this._initText.replace(/<br>/gm, String.fromCharCode(10));
|
|
@@ -39,7 +39,7 @@ export class SplitText extends Component {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
_getDefaultProp() {
|
|
42
|
-
return Object.assign(Object.assign({}, super._getDefaultProp()), { container: `#${this.prefix}`, appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
|
|
42
|
+
return Object.assign(Object.assign({}, super._getDefaultProp()), { container: `#${this.prefix}`, textSource: 'innerText', appendLetters: true, appendLines: false, viewportTarget: '', resizeTimeout: 0 });
|
|
43
43
|
}
|
|
44
44
|
get prefix() {
|
|
45
45
|
return `${this._app.prefix}split-text`;
|
package/build/es/index.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as common from './utils/common';
|
|
2
2
|
import * as listeners from './utils/listeners';
|
|
3
3
|
import * as math from './utils/math';
|
|
4
|
+
import * as scroll from './utils/scroll';
|
|
4
5
|
import * as GeneralTypes from './utils/types/general';
|
|
5
6
|
import { Application } from './app/Application';
|
|
6
7
|
import { Viewport } from './app/events/Viewport';
|
|
@@ -34,5 +35,6 @@ const utils = {
|
|
|
34
35
|
common,
|
|
35
36
|
listeners,
|
|
36
37
|
math,
|
|
38
|
+
scroll,
|
|
37
39
|
};
|
|
38
40
|
export { utils, GeneralTypes, Application, Viewport, PageLoad, Callbacks, MutableProp, Module, Component, Plugin, Page, WheelHandler, AnimationFrame, StaticTimeline, Timeline, Preloader, ProgressPreloader, Dragger, DraggerMove, DraggerDirection, Ctx2D, Ctx2DPrerender, SmoothScroll, ScrollBar, ScrollEventsBase, ScrollView, SmoothScrollKeyboardPlugin, SmoothScrollDragPlugin, SplitText, CustomCursor, };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Get scroll values of a certain element
|
|
3
|
+
*/
|
|
4
|
+
export default function getScrollValues(selector = window) {
|
|
5
|
+
if (selector) {
|
|
6
|
+
const scrollTop = selector instanceof Window
|
|
7
|
+
? selector.pageYOffset : selector.scrollTop;
|
|
8
|
+
const scrollLeft = selector instanceof Window
|
|
9
|
+
? selector.pageXOffset : selector.scrollLeft;
|
|
10
|
+
return {
|
|
11
|
+
scrollTop,
|
|
12
|
+
scrollLeft,
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
return undefined;
|
|
16
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Timeline } from '../../components/timeline/Timeline';
|
|
2
|
+
import getScrollValues from './getScrollValues';
|
|
3
|
+
/**
|
|
4
|
+
* Scroll to coordinates
|
|
5
|
+
*/
|
|
6
|
+
export default function scrollTo({ container = window, top = 0, left = 0, duration = 250, }) {
|
|
7
|
+
return new Promise((resolve, reject) => {
|
|
8
|
+
// save start values
|
|
9
|
+
const startValues = getScrollValues(container);
|
|
10
|
+
if (startValues) {
|
|
11
|
+
// create animation
|
|
12
|
+
const timeline = new Timeline({
|
|
13
|
+
duration,
|
|
14
|
+
});
|
|
15
|
+
timeline.addCallback('progress', (data) => {
|
|
16
|
+
if (container) {
|
|
17
|
+
container.scrollTo({
|
|
18
|
+
top: startValues.scrollTop
|
|
19
|
+
+ (top - startValues.scrollTop) * data.easing,
|
|
20
|
+
left: startValues.scrollLeft
|
|
21
|
+
+ (left - startValues.scrollLeft) * data.easing,
|
|
22
|
+
behavior: 'auto',
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
timeline.addCallback('end', () => {
|
|
27
|
+
resolve();
|
|
28
|
+
});
|
|
29
|
+
timeline.play();
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
reject();
|
|
33
|
+
});
|
|
34
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { selectOne } from 'vevet-dom';
|
|
2
|
+
import getScrollValues from './getScrollValues';
|
|
3
|
+
import clamp from '../math/clamp';
|
|
4
|
+
import scrollTo from './scrollTo';
|
|
5
|
+
/**
|
|
6
|
+
* Scroll to element
|
|
7
|
+
*/
|
|
8
|
+
export default function scrollToElement({ container = window, el, top = 0, left = 0, duration = 250, }) {
|
|
9
|
+
return new Promise((resolve, reject) => {
|
|
10
|
+
const startValues = getScrollValues(container);
|
|
11
|
+
if (startValues) {
|
|
12
|
+
const element = selectOne(el);
|
|
13
|
+
if (element) {
|
|
14
|
+
const bounding = element.getBoundingClientRect();
|
|
15
|
+
const toTop = clamp(bounding.top + startValues.scrollTop - top, [0, Infinity]);
|
|
16
|
+
const toLeft = clamp(bounding.left + startValues.scrollLeft - left, [0, Infinity]);
|
|
17
|
+
scrollTo({
|
|
18
|
+
container,
|
|
19
|
+
top: toTop,
|
|
20
|
+
left: toLeft,
|
|
21
|
+
duration,
|
|
22
|
+
}).then(() => {
|
|
23
|
+
resolve();
|
|
24
|
+
}).catch(() => {
|
|
25
|
+
reject();
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
reject();
|
|
31
|
+
});
|
|
32
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Timeline } from '../../components/timeline/Timeline';
|
|
2
|
+
import getScrollValues from './getScrollValues';
|
|
3
|
+
/**
|
|
4
|
+
* Scroll to coordinates
|
|
5
|
+
*/
|
|
6
|
+
export default function scrollTo({ container = window, top = 0, left = 0, duration = 250, }) {
|
|
7
|
+
return new Promise((resolve, reject) => {
|
|
8
|
+
// save start values
|
|
9
|
+
const startValues = getScrollValues(container);
|
|
10
|
+
if (startValues) {
|
|
11
|
+
// create animation
|
|
12
|
+
const timeline = new Timeline({
|
|
13
|
+
duration,
|
|
14
|
+
});
|
|
15
|
+
timeline.addCallback('progress', (data) => {
|
|
16
|
+
if (container) {
|
|
17
|
+
container.scrollTo({
|
|
18
|
+
top: startValues.scrollTop
|
|
19
|
+
+ (top - startValues.scrollTop) * data.easing,
|
|
20
|
+
left: startValues.scrollLeft
|
|
21
|
+
+ (left - startValues.scrollLeft) * data.easing,
|
|
22
|
+
behavior: 'auto',
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
timeline.addCallback('end', () => {
|
|
27
|
+
resolve();
|
|
28
|
+
});
|
|
29
|
+
timeline.play();
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
reject();
|
|
33
|
+
});
|
|
34
|
+
}
|
|
@@ -134,6 +134,14 @@ export declare class Viewport extends Callbacks<NViewport.CallbacksTypes> {
|
|
|
134
134
|
/**
|
|
135
135
|
* Launch callbacks on resize.
|
|
136
136
|
*/
|
|
137
|
-
protected _onResize(
|
|
137
|
+
protected _onResize(
|
|
138
|
+
/**
|
|
139
|
+
* force all callbacks
|
|
140
|
+
*/
|
|
141
|
+
force?: boolean): void;
|
|
142
|
+
/**
|
|
143
|
+
* Force launching all callbacks
|
|
144
|
+
*/
|
|
145
|
+
forceResize(): void;
|
|
138
146
|
}
|
|
139
147
|
//# sourceMappingURL=Viewport.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../../src/ts/app/events/Viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,yBAAiB,SAAS,CAAC;IAEvB;;OAEG;IACH,UAAiB,OAAO;QACpB,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;KAC/B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAA;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,EAAE,EAAE,OAAO,CAAC;KACf;CAEJ;AAqBD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,SAAS,CACnC,SAAS,CAAC,cAAc,CAC3B;IACG;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,IAAI,KAAK,WAER;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,EAAE,WAEL;IACD;;OAEG;IACH,IAAI,EAAE,WAEL;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE;QACjB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IAEF;;OAEG;IACH,IAAI,QAAQ;;;MAEX;IAED;;OAEG;IACH,IAAI,WAAW,YAEd;IAED;;OAEG;IACH,IAAI,UAAU,YAEb;IAED;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC;IAC9B,IAAI,SAAS,YAEZ;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7B,IAAI,QAAQ,YAEX;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,IAAI,GAAG,WAKN;IAED;;OAEG;IACH,IAAI,eAAe,WAKlB;IAED,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;;IAgB9D,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,UAAU;IAapB;;OAEG;IACH,SAAS,CAAC,UAAU;IA0BpB;;OAEG;IACH,SAAS,CAAC,cAAc;IA4CxB;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAC9B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,EAAE;IAenB;;OAEG;IACH,SAAS,CAAC,cAAc;IAQxB;;OAEG;IACH,SAAS,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"Viewport.d.ts","sourceRoot":"","sources":["../../../../src/ts/app/events/Viewport.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,yBAAiB,SAAS,CAAC;IAEvB;;OAEG;IACH,UAAiB,OAAO;QACpB,YAAY,EAAE,OAAO,CAAC;QACtB,aAAa,EAAE,OAAO,CAAC;QACvB,kBAAkB,EAAE,OAAO,CAAC;KAC/B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,GAAG,EAAE,OAAO,CAAC;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAA;QACb;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,IAAI,EAAE,OAAO,CAAC;QACd;;WAEG;QACH,EAAE,EAAE,OAAO,CAAC;KACf;CAEJ;AAqBD;;;GAGG;AACH,qBAAa,QAAS,SAAQ,SAAS,CACnC,SAAS,CAAC,cAAc,CAC3B;IACG;;OAEG;IACH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IACzB,IAAI,KAAK,WAER;IAED;;OAEG;IACH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,IAAI,MAAM,WAET;IAED;;OAEG;IACH,IAAI,EAAE,WAEL;IACD;;OAEG;IACH,IAAI,EAAE,WAEL;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE;QACjB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IAEF;;OAEG;IACH,IAAI,QAAQ;;;MAEX;IAED;;OAEG;IACH,IAAI,WAAW,YAEd;IAED;;OAEG;IACH,IAAI,UAAU,YAEb;IAED;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,OAAO,CAAC;IAC9B,IAAI,SAAS,YAEZ;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAC7B,IAAI,QAAQ,YAEX;IAED;;OAEG;IACH,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAC5B,IAAI,OAAO,YAEV;IAED;;OAEG;IACH,IAAI,GAAG,WAKN;IAED;;OAEG;IACH,IAAI,eAAe,WAKlB;IAED,SAAS,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;;IAgB9D,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,UAAU;IAapB;;OAEG;IACH,SAAS,CAAC,UAAU;IA0BpB;;OAEG;IACH,SAAS,CAAC,cAAc;IA4CxB;;OAEG;IACH,SAAS,CAAC,wBAAwB,CAC9B,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,EAAE;IAenB;;OAEG;IACH,SAAS,CAAC,cAAc;IAQxB;;OAEG;IACH,SAAS,CAAC,SAAS;IACf;;OAEG;IACH,KAAK,UAAQ;IA6CjB;;OAEG;IACI,WAAW;CAGrB"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
scrollTo(options: ScrollToOptions): void;
|
|
4
|
-
scrollTo(x: number, y: number): void;
|
|
5
|
-
scrollLeft: number;
|
|
1
|
+
import { ScrollLike } from '../../utils/types/general';
|
|
2
|
+
export interface ScrollableElement extends ScrollLike {
|
|
6
3
|
scrollWidth: number;
|
|
7
4
|
scrollHeight: number;
|
|
8
5
|
clientWidth: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/scroll/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/scroll/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB"}
|
|
@@ -11,6 +11,11 @@ export declare namespace NSplitText {
|
|
|
11
11
|
* @default '#v-split-text'
|
|
12
12
|
*/
|
|
13
13
|
container?: string | Element;
|
|
14
|
+
/**
|
|
15
|
+
* Text content
|
|
16
|
+
* @default 'innerText'
|
|
17
|
+
*/
|
|
18
|
+
textSource?: 'textContent' | 'innerText' | 'innerHTML';
|
|
14
19
|
/**
|
|
15
20
|
* If need to split text into letters.
|
|
16
21
|
* @default true
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitText.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/text/SplitText.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAI/D,yBAAiB,UAAU,CAAC;IAExB;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC7B;;;WAGG;QACH,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB;;;WAGG;QACH,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,SAAS,CAAC,cAAc,CAAC;QAChD;;WAEG;QACH,aAAa,CAAC,EAAE,MAAM,CAAC;KAC1B;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;QAC7D,OAAO,EAAE,KAAK,CAAC;KAClB;IAED,UAAiB,IAAI;QACjB,EAAE,EAAE,WAAW,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC;KAC5B;IAED,UAAiB,IAAI;QACjB,EAAE,EAAE,WAAW,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,UAAU,EAAE,OAAO,CAAC;QACpB,EAAE,CAAC,EAAE,aAAa,CAAC;QACnB,UAAU,CAAC,EAAE,IAAI,CAAC;QAClB,OAAO,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC;KAChC;IAED,UAAiB,MAAM;QACnB,EAAE,EAAE,WAAW,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC;KACzB;CAEJ;AAID;;GAEG;AACH,qBAAa,SAAS,CAClB,UAAU,SAAS,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,EAChE,cAAc,SAAS,UAAU,CAAC,cAAc,GAAG,UAAU,CAAC,cAAc,EAC5E,cAAc,SAAS,UAAU,CAAC,cAAc,GAAG,UAAU,CAAC,cAAc,CAC9E,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;
|
|
1
|
+
{"version":3,"file":"SplitText.d.ts","sourceRoot":"","sources":["../../../../src/ts/components/text/SplitText.ts"],"names":[],"mappings":"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"}
|
package/build/types/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as common from './utils/common';
|
|
2
2
|
import * as listeners from './utils/listeners';
|
|
3
3
|
import * as math from './utils/math';
|
|
4
|
+
import * as scroll from './utils/scroll';
|
|
4
5
|
import * as GeneralTypes from './utils/types/general';
|
|
5
6
|
import { Application, NApplication } from './app/Application';
|
|
6
7
|
import { Viewport, NViewport } from './app/events/Viewport';
|
|
@@ -34,6 +35,7 @@ declare const utils: {
|
|
|
34
35
|
common: typeof common;
|
|
35
36
|
listeners: typeof listeners;
|
|
36
37
|
math: typeof math;
|
|
38
|
+
scroll: typeof scroll;
|
|
37
39
|
};
|
|
38
40
|
export { utils, GeneralTypes, Application, NApplication, Viewport, NViewport, PageLoad, NPageLoad, Callbacks, NCallbacks, MutableProp, NMutableProp, Module, NModule, Component, NComponent, Plugin, NPlugin, Page, NPage, WheelHandler, NWheelHandler, AnimationFrame, NAnimationFrame, StaticTimeline, NStaticTimeline, Timeline, NTimeline, Preloader, NPreloader, ProgressPreloader, NProgressPreloader, Dragger, NDragger, DraggerMove, NDraggerMove, DraggerDirection, NDraggerDirection, Ctx2D, NCtx2D, Ctx2DPrerender, NCtx2DPrerender, SmoothScroll, NSmoothScroll, ScrollBar, NScrollBar, ScrollEventsBase, NScrollEventsBase, ScrollView, NScrollView, SmoothScrollKeyboardPlugin, NSmoothScrollKeyboardPlugin, SmoothScrollDragPlugin, NSmoothScrollDragPlugin, SplitText, NSplitText, CustomCursor, NCustomCursor, };
|
|
39
41
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ts/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,SAAS,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ts/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ScrollLike } from '../types/general';
|
|
2
|
+
/**
|
|
3
|
+
* Get scroll values of a certain element
|
|
4
|
+
*/
|
|
5
|
+
export default function getScrollValues(selector?: (Window | Element | ScrollLike | undefined)): {
|
|
6
|
+
scrollTop: number;
|
|
7
|
+
scrollLeft: number;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=getScrollValues.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getScrollValues.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/scroll/getScrollValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CACnC,QAAQ,GAAE,CAAC,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAU;;;EAajE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/scroll/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACH,SAAS,EACT,QAAQ,IAAI,EAAE,EACd,eAAe,IAAI,SAAS,GAC/B,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ScrollLike } from '../types/general';
|
|
2
|
+
interface Props {
|
|
3
|
+
/**
|
|
4
|
+
* @default window
|
|
5
|
+
*/
|
|
6
|
+
container?: Window | Element | ScrollLike;
|
|
7
|
+
/**
|
|
8
|
+
* top padding
|
|
9
|
+
* @default 0
|
|
10
|
+
*/
|
|
11
|
+
top?: number;
|
|
12
|
+
/**
|
|
13
|
+
* left padding
|
|
14
|
+
* @default 0
|
|
15
|
+
*/
|
|
16
|
+
left?: number;
|
|
17
|
+
/**
|
|
18
|
+
* scroll duration
|
|
19
|
+
* @default 250
|
|
20
|
+
*/
|
|
21
|
+
duration?: number;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Scroll to coordinates
|
|
25
|
+
*/
|
|
26
|
+
export default function scrollTo({ container, top, left, duration, }: Props): Promise<void>;
|
|
27
|
+
export {};
|
|
28
|
+
//# sourceMappingURL=scrollTo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scrollTo.d.ts","sourceRoot":"","sources":["../../../../src/ts/utils/scroll/scrollTo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAG9C,UAAU,KAAK;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IAC1C;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,EAC9B,SAAkB,EAClB,GAAO,EACP,IAAQ,EACR,QAAc,GACjB,EAAE,KAAK,iBA8BP"}
|