@studiometa/js-toolkit 2.4.1 → 2.4.4-alpha.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/Base/index.cjs +10 -3
- package/Base/index.js +6 -2
- package/Base/managers/AbstractManager.cjs +13 -8
- package/Base/managers/AbstractManager.js +13 -8
- package/Base/managers/ChildrenManager.cjs +10 -3
- package/Base/managers/ChildrenManager.js +6 -2
- package/Base/managers/EventsManager.cjs +17 -4
- package/Base/managers/EventsManager.js +13 -3
- package/Base/managers/OptionsManager.cjs +18 -5
- package/Base/managers/OptionsManager.js +14 -4
- package/Base/managers/RefsManager.cjs +17 -4
- package/Base/managers/RefsManager.js +13 -3
- package/Base/managers/ResponsiveOptionsManager.cjs +4 -1
- package/Base/managers/ServicesManager.cjs +12 -5
- package/Base/managers/ServicesManager.js +8 -4
- package/Base/utils.cjs +5 -1
- package/Base/utils.js +5 -1
- package/decorators/index.cjs +5 -2
- package/decorators/withBreakpointManager.cjs +6 -4
- package/decorators/withBreakpointManager.js +1 -2
- package/decorators/withBreakpointObserver.cjs +12 -5
- package/decorators/withBreakpointObserver.js +7 -3
- package/decorators/withDrag.cjs +9 -3
- package/decorators/withDrag.js +4 -1
- package/decorators/withExtraConfig.cjs +5 -2
- package/decorators/withFreezedOptions.cjs +9 -7
- package/decorators/withFreezedOptions.js +8 -6
- package/decorators/withIntersectionObserver.cjs +11 -7
- package/decorators/withIntersectionObserver.js +10 -6
- package/decorators/withMountWhenInView.cjs +14 -11
- package/decorators/withMountWhenInView.js +13 -10
- package/decorators/withResponsiveOptions.cjs +6 -3
- package/decorators/withResponsiveOptions.js +1 -1
- package/decorators/withScrolledInView.cjs +77 -25
- package/decorators/withScrolledInView.js +72 -23
- package/decorators/withVue2.cjs +4 -4
- package/decorators/withVue2.js +3 -3
- package/helpers/importWhenIdle.cjs +8 -5
- package/helpers/importWhenIdle.js +8 -5
- package/helpers/index.cjs +4 -1
- package/index.cjs +5 -2
- package/package.json +2 -2
- package/services/drag.cjs +4 -1
- package/services/index.cjs +4 -1
- package/services/index.d.ts +7 -0
- package/services/key.cjs +4 -1
- package/services/resize.cjs +4 -1
- package/services/scroll.cjs +4 -1
- package/utils/collide/index.cjs +4 -1
- package/utils/css/animate.cjs +24 -13
- package/utils/css/animate.js +20 -12
- package/utils/css/index.cjs +4 -1
- package/utils/css/transition.cjs +4 -4
- package/utils/css/transition.js +0 -3
- package/utils/focusTrap.cjs +4 -1
- package/utils/history.cjs +4 -1
- package/utils/history.js +4 -1
- package/utils/index.cjs +4 -1
- package/utils/math/clamp01.cjs +4 -1
- package/utils/math/index.cjs +4 -1
- package/utils/math/inertiaFinalValue.cjs +4 -1
- package/utils/nextTick.cjs +5 -3
- package/utils/nextTick.js +5 -3
- package/utils/object/autoBind.cjs +4 -1
- package/utils/object/index.cjs +4 -1
- package/utils/scrollTo.cjs +4 -1
- package/utils/string/index.cjs +4 -1
- package/utils/string/withLeadingCharacters.cjs +4 -1
- package/utils/string/withLeadingSlash.cjs +4 -1
- package/utils/string/withTrailingCharacters.cjs +4 -1
- package/utils/string/withTrailingSlash.cjs +4 -1
- package/utils/string/withoutLeadingCharactersRecursive.cjs +4 -1
- package/utils/string/withoutLeadingSlash.cjs +4 -1
- package/utils/string/withoutTrailingCharactersRecursive.cjs +4 -1
- package/utils/string/withoutTrailingSlash.cjs +4 -1
- package/utils/tween.cjs +4 -1
- package/Base/index.d.ts +0 -290
- package/Base/managers/AbstractManager.d.ts +0 -44
- package/Base/managers/ChildrenManager.d.ts +0 -41
- package/Base/managers/EventsManager.d.ts +0 -112
- package/Base/managers/OptionsManager.d.ts +0 -87
- package/Base/managers/RefsManager.d.ts +0 -32
- package/Base/managers/ResponsiveOptionsManager.d.ts +0 -26
- package/Base/managers/ServicesManager.d.ts +0 -109
- package/Base/utils.d.ts +0 -40
- package/decorators/index.d.ts +0 -10
- package/decorators/withBreakpointManager.d.ts +0 -10
- package/decorators/withBreakpointObserver.d.ts +0 -17
- package/decorators/withDrag.d.ts +0 -23
- package/decorators/withExtraConfig.d.ts +0 -18
- package/decorators/withFreezedOptions.d.ts +0 -14
- package/decorators/withIntersectionObserver.d.ts +0 -23
- package/decorators/withMountWhenInView.d.ts +0 -33
- package/decorators/withResponsiveOptions.d.ts +0 -8
- package/decorators/withScrolledInView.d.ts +0 -19
- package/decorators/withVue2.d.ts +0 -7
- package/helpers/createApp.d.ts +0 -14
- package/helpers/getDirectChildren.d.ts +0 -24
- package/helpers/getInstanceFromElement.d.ts +0 -14
- package/helpers/importOnInteraction.d.ts +0 -23
- package/helpers/importWhenIdle.d.ts +0 -21
- package/helpers/importWhenVisible.d.ts +0 -23
- package/helpers/index.d.ts +0 -6
- package/helpers/utils.d.ts +0 -10
- package/index.d.ts +0 -4
package/decorators/withVue2.cjs
CHANGED
|
@@ -21,14 +21,14 @@ var __publicField = (obj, key, value) => {
|
|
|
21
21
|
return value;
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
// packages/js-toolkit/decorators/withVue2.
|
|
24
|
+
// packages/js-toolkit/decorators/withVue2.ts
|
|
25
25
|
var withVue2_exports = {};
|
|
26
26
|
__export(withVue2_exports, {
|
|
27
|
-
default: () =>
|
|
27
|
+
default: () => withVue2
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(withVue2_exports);
|
|
30
30
|
var import_utils = require("../utils/index.cjs");
|
|
31
|
-
|
|
31
|
+
function withVue2(BaseClass, Vue) {
|
|
32
32
|
var _a, _b, _c;
|
|
33
33
|
return _c = class extends BaseClass {
|
|
34
34
|
constructor(element) {
|
|
@@ -64,5 +64,5 @@ var withVue2_default = (BaseClass, Vue) => {
|
|
|
64
64
|
name: `${BaseClass.config.name}WithVue`,
|
|
65
65
|
refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
|
|
66
66
|
}), __publicField(_c, "vueConfig"), _c;
|
|
67
|
-
}
|
|
67
|
+
}
|
|
68
68
|
if (module.exports.default) module.exports = module.exports.default;
|
package/decorators/withVue2.js
CHANGED
|
@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
|
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
7
|
import { isDev, isFunction } from "../utils/index.js";
|
|
8
|
-
|
|
8
|
+
function withVue2(BaseClass, Vue) {
|
|
9
9
|
var _a, _b, _c;
|
|
10
10
|
return _c = class extends BaseClass {
|
|
11
11
|
constructor(element) {
|
|
@@ -41,7 +41,7 @@ var withVue2_default = (BaseClass, Vue) => {
|
|
|
41
41
|
name: `${BaseClass.config.name}WithVue`,
|
|
42
42
|
refs: [...(_b = (_a = BaseClass.config) == null ? void 0 : _a.refs) != null ? _b : [], "vue"]
|
|
43
43
|
}), __publicField(_c, "vueConfig"), _c;
|
|
44
|
-
}
|
|
44
|
+
}
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
withVue2 as default
|
|
47
47
|
};
|
|
@@ -38,11 +38,14 @@ function importWhenIdle(fn, options) {
|
|
|
38
38
|
resolver(resolve);
|
|
39
39
|
}, timeout);
|
|
40
40
|
} else {
|
|
41
|
-
window.requestIdleCallback(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
41
|
+
window.requestIdleCallback(
|
|
42
|
+
() => {
|
|
43
|
+
setTimeout(() => {
|
|
44
|
+
resolver(resolve);
|
|
45
|
+
}, 0);
|
|
46
|
+
},
|
|
47
|
+
{ timeout: options == null ? void 0 : options.timeout }
|
|
48
|
+
);
|
|
46
49
|
}
|
|
47
50
|
});
|
|
48
51
|
}
|
|
@@ -14,11 +14,14 @@ function importWhenIdle(fn, options) {
|
|
|
14
14
|
resolver(resolve);
|
|
15
15
|
}, timeout);
|
|
16
16
|
} else {
|
|
17
|
-
window.requestIdleCallback(
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
window.requestIdleCallback(
|
|
18
|
+
() => {
|
|
19
|
+
setTimeout(() => {
|
|
20
|
+
resolver(resolve);
|
|
21
|
+
}, 0);
|
|
22
|
+
},
|
|
23
|
+
{ timeout: options == null ? void 0 : options.timeout }
|
|
24
|
+
);
|
|
22
25
|
}
|
|
23
26
|
});
|
|
24
27
|
}
|
package/helpers/index.cjs
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
19
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
|
|
23
26
|
// packages/js-toolkit/helpers/index.js
|
package/index.cjs
CHANGED
|
@@ -17,10 +17,13 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
19
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
|
|
23
|
-
// packages/js-toolkit/index.
|
|
26
|
+
// packages/js-toolkit/index.ts
|
|
24
27
|
var js_toolkit_exports = {};
|
|
25
28
|
__export(js_toolkit_exports, {
|
|
26
29
|
Base: () => import_Base.default
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@studiometa/js-toolkit",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.4-alpha.0",
|
|
4
4
|
"description": "A set of useful little bits of JavaScript to boost your project! 🚀",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"toolkit"
|
|
40
40
|
],
|
|
41
41
|
"dependencies": {
|
|
42
|
-
"@motionone/easing": "^10.
|
|
42
|
+
"@motionone/easing": "^10.14.0",
|
|
43
43
|
"deepmerge": "^4.2.2"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
package/services/drag.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/services/drag.js
|
package/services/index.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/services/index.js
|
package/services/index.d.ts
CHANGED
|
@@ -24,3 +24,10 @@ export type ServiceInterface<T> = {
|
|
|
24
24
|
*/
|
|
25
25
|
props: () => T;
|
|
26
26
|
};
|
|
27
|
+
export type DragServiceProps = import('./drag').DragServiceProps;
|
|
28
|
+
export type KeyServiceProps = import('./key').KeyServiceProps;
|
|
29
|
+
export type LoadServiceProps = import('./load').LoadServiceProps;
|
|
30
|
+
export type PointerServiceProps = import('./pointer').PointerServiceProps;
|
|
31
|
+
export type RafServiceProps = import('./raf').RafServiceProps;
|
|
32
|
+
export type ResizeServiceProps = import('./resize').ResizeServiceProps;
|
|
33
|
+
export type ScrollServiceProps = import('./scroll').ScrollServiceProps;
|
package/services/key.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/services/key.js
|
package/services/resize.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/services/resize.js
|
package/services/scroll.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/services/scroll.js
|
package/utils/collide/index.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/collide/index.js
|
package/utils/css/animate.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/css/animate.js
|
|
@@ -48,7 +51,11 @@ function getAnimationStepValue(val, getSizeRef) {
|
|
|
48
51
|
}
|
|
49
52
|
return CSSUnitConverter[val[1]](val[0], getSizeRef);
|
|
50
53
|
}
|
|
51
|
-
var generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(
|
|
54
|
+
var generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(
|
|
55
|
+
getAnimationStepValue(fromValue != null ? fromValue : 0, () => element[sizeRef]),
|
|
56
|
+
getAnimationStepValue(toValue != null ? toValue : 0, () => element[sizeRef]),
|
|
57
|
+
progress
|
|
58
|
+
);
|
|
52
59
|
var widthBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetWidth");
|
|
53
60
|
var heightBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetHeight");
|
|
54
61
|
var generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => (0, import_math.lerp)(fromValue != null ? fromValue : defaultValue, toValue != null ? toValue : defaultValue, progress);
|
|
@@ -86,9 +93,11 @@ function render(element, from, to, progress) {
|
|
|
86
93
|
} else if (element.style.transformOrigin) {
|
|
87
94
|
transformOrigin = "";
|
|
88
95
|
}
|
|
89
|
-
const props = Object.fromEntries(
|
|
90
|
-
|
|
91
|
-
|
|
96
|
+
const props = Object.fromEntries(
|
|
97
|
+
import_transform.TRANSFORM_PROPS.filter((name) => (0, import_is.isDefined)(from[name]) || (0, import_is.isDefined)(to[name])).map((name) => {
|
|
98
|
+
return [name, transformRenderStrategies[name](element, from[name], to[name], stepProgress)];
|
|
99
|
+
})
|
|
100
|
+
);
|
|
92
101
|
import_scheduler.domScheduler.write(function renderWrite() {
|
|
93
102
|
if (opacity !== false) {
|
|
94
103
|
element.style.opacity = opacity;
|
|
@@ -102,14 +111,16 @@ function render(element, from, to, progress) {
|
|
|
102
111
|
}
|
|
103
112
|
function animate(element, keyframes, options = {}) {
|
|
104
113
|
const keyframesCount = keyframes.length - 1;
|
|
105
|
-
const normalizedKeyframes = keyframes.map(
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
114
|
+
const normalizedKeyframes = keyframes.map(
|
|
115
|
+
(keyframe, index) => {
|
|
116
|
+
var _a;
|
|
117
|
+
return {
|
|
118
|
+
...keyframe,
|
|
119
|
+
offset: (_a = keyframe.offset) != null ? _a : index / keyframesCount,
|
|
120
|
+
easing: (0, import_tween.normalizeEase)(keyframe.easing)
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
);
|
|
113
124
|
if (!running.has(element)) {
|
|
114
125
|
running.set(element, /* @__PURE__ */ new Map());
|
|
115
126
|
}
|
package/utils/css/animate.js
CHANGED
|
@@ -21,7 +21,11 @@ function getAnimationStepValue(val, getSizeRef) {
|
|
|
21
21
|
}
|
|
22
22
|
return CSSUnitConverter[val[1]](val[0], getSizeRef);
|
|
23
23
|
}
|
|
24
|
-
const generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => lerp(
|
|
24
|
+
const generateTranslateRenderStrategy = (sizeRef) => (element, fromValue, toValue, progress) => lerp(
|
|
25
|
+
getAnimationStepValue(fromValue != null ? fromValue : 0, () => element[sizeRef]),
|
|
26
|
+
getAnimationStepValue(toValue != null ? toValue : 0, () => element[sizeRef]),
|
|
27
|
+
progress
|
|
28
|
+
);
|
|
25
29
|
const widthBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetWidth");
|
|
26
30
|
const heightBasedTranslateRenderStrategy = generateTranslateRenderStrategy("offsetHeight");
|
|
27
31
|
const generateLerpRenderStrategy = (defaultValue) => (element, fromValue, toValue, progress) => lerp(fromValue != null ? fromValue : defaultValue, toValue != null ? toValue : defaultValue, progress);
|
|
@@ -59,9 +63,11 @@ function render(element, from, to, progress) {
|
|
|
59
63
|
} else if (element.style.transformOrigin) {
|
|
60
64
|
transformOrigin = "";
|
|
61
65
|
}
|
|
62
|
-
const props = Object.fromEntries(
|
|
63
|
-
|
|
64
|
-
|
|
66
|
+
const props = Object.fromEntries(
|
|
67
|
+
TRANSFORM_PROPS.filter((name) => isDefined(from[name]) || isDefined(to[name])).map((name) => {
|
|
68
|
+
return [name, transformRenderStrategies[name](element, from[name], to[name], stepProgress)];
|
|
69
|
+
})
|
|
70
|
+
);
|
|
65
71
|
scheduler.write(function renderWrite() {
|
|
66
72
|
if (opacity !== false) {
|
|
67
73
|
element.style.opacity = opacity;
|
|
@@ -75,14 +81,16 @@ function render(element, from, to, progress) {
|
|
|
75
81
|
}
|
|
76
82
|
function animate(element, keyframes, options = {}) {
|
|
77
83
|
const keyframesCount = keyframes.length - 1;
|
|
78
|
-
const normalizedKeyframes = keyframes.map(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
84
|
+
const normalizedKeyframes = keyframes.map(
|
|
85
|
+
(keyframe, index) => {
|
|
86
|
+
var _a;
|
|
87
|
+
return {
|
|
88
|
+
...keyframe,
|
|
89
|
+
offset: (_a = keyframe.offset) != null ? _a : index / keyframesCount,
|
|
90
|
+
easing: normalizeEase(keyframe.easing)
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
);
|
|
86
94
|
if (!running.has(element)) {
|
|
87
95
|
running.set(element, /* @__PURE__ */ new Map());
|
|
88
96
|
}
|
package/utils/css/index.cjs
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
19
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
|
|
23
26
|
// packages/js-toolkit/utils/css/index.js
|
package/utils/css/transition.cjs
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var __publicField = (obj, key, value) => {
|
|
23
26
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
@@ -70,10 +73,7 @@ async function start(element, classesOrStyles) {
|
|
|
70
73
|
trs.isTransitioning = true;
|
|
71
74
|
setClassesOrStyles(element, classesOrStyles.from);
|
|
72
75
|
await (0, import_nextFrame.nextFrame)();
|
|
73
|
-
await (0, import_nextFrame.nextFrame)();
|
|
74
76
|
setClassesOrStyles(element, classesOrStyles.active);
|
|
75
|
-
await (0, import_nextFrame.nextFrame)();
|
|
76
|
-
await (0, import_nextFrame.nextFrame)();
|
|
77
77
|
}
|
|
78
78
|
async function next(element, classesOrStyles) {
|
|
79
79
|
const hasTransition = testTransition(element);
|
package/utils/css/transition.js
CHANGED
|
@@ -43,10 +43,7 @@ async function start(element, classesOrStyles) {
|
|
|
43
43
|
trs.isTransitioning = true;
|
|
44
44
|
setClassesOrStyles(element, classesOrStyles.from);
|
|
45
45
|
await nextFrame();
|
|
46
|
-
await nextFrame();
|
|
47
46
|
setClassesOrStyles(element, classesOrStyles.active);
|
|
48
|
-
await nextFrame();
|
|
49
|
-
await nextFrame();
|
|
50
47
|
}
|
|
51
48
|
async function next(element, classesOrStyles) {
|
|
52
49
|
const hasTransition = testTransition(element);
|
package/utils/focusTrap.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/focusTrap.js
|
package/utils/history.cjs
CHANGED
|
@@ -51,7 +51,10 @@ function updateUrlSearchParam(params, name, value) {
|
|
|
51
51
|
return params;
|
|
52
52
|
}
|
|
53
53
|
function objectToURLSearchParams(obj, defaultSearch = (0, import_has.hasWindow)() ? window.location.search : "") {
|
|
54
|
-
return Object.entries(obj).reduce(
|
|
54
|
+
return Object.entries(obj).reduce(
|
|
55
|
+
(urlSearchParams, [name, value]) => updateUrlSearchParam(urlSearchParams, name, value),
|
|
56
|
+
new URLSearchParams(defaultSearch)
|
|
57
|
+
);
|
|
55
58
|
}
|
|
56
59
|
function updateHistory(mode, options, data = {}, title = "") {
|
|
57
60
|
if (!window.history) {
|
package/utils/history.js
CHANGED
|
@@ -25,7 +25,10 @@ function updateUrlSearchParam(params, name, value) {
|
|
|
25
25
|
return params;
|
|
26
26
|
}
|
|
27
27
|
function objectToURLSearchParams(obj, defaultSearch = hasWindow() ? window.location.search : "") {
|
|
28
|
-
return Object.entries(obj).reduce(
|
|
28
|
+
return Object.entries(obj).reduce(
|
|
29
|
+
(urlSearchParams, [name, value]) => updateUrlSearchParam(urlSearchParams, name, value),
|
|
30
|
+
new URLSearchParams(defaultSearch)
|
|
31
|
+
);
|
|
29
32
|
}
|
|
30
33
|
function updateHistory(mode, options, data = {}, title = "") {
|
|
31
34
|
if (!window.history) {
|
package/utils/index.cjs
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
19
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
|
|
23
26
|
// packages/js-toolkit/utils/index.js
|
package/utils/math/clamp01.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/math/clamp01.js
|
package/utils/math/index.cjs
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
19
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
|
|
23
26
|
// packages/js-toolkit/utils/math/index.js
|
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/math/inertiaFinalValue.js
|
package/utils/nextTick.cjs
CHANGED
|
@@ -24,8 +24,10 @@ __export(nextTick_exports, {
|
|
|
24
24
|
module.exports = __toCommonJS(nextTick_exports);
|
|
25
25
|
var import_is = require("./is.cjs");
|
|
26
26
|
async function nextTick(fn) {
|
|
27
|
-
return new Promise(
|
|
28
|
-
resolve((
|
|
29
|
-
|
|
27
|
+
return new Promise(
|
|
28
|
+
(resolve) => setTimeout(() => {
|
|
29
|
+
resolve((0, import_is.isFunction)(fn) && fn());
|
|
30
|
+
}, 0)
|
|
31
|
+
);
|
|
30
32
|
}
|
|
31
33
|
if (module.exports.default) module.exports = module.exports.default;
|
package/utils/nextTick.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { isFunction } from "./is.js";
|
|
2
2
|
async function nextTick(fn) {
|
|
3
|
-
return new Promise(
|
|
4
|
-
resolve(
|
|
5
|
-
|
|
3
|
+
return new Promise(
|
|
4
|
+
(resolve) => setTimeout(() => {
|
|
5
|
+
resolve(isFunction(fn) && fn());
|
|
6
|
+
}, 0)
|
|
7
|
+
);
|
|
6
8
|
}
|
|
7
9
|
export {
|
|
8
10
|
nextTick as default
|
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/object/autoBind.js
|
package/utils/object/index.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/object/index.js
|
package/utils/scrollTo.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/scrollTo.js
|
package/utils/string/index.cjs
CHANGED
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/string/index.js
|
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/string/withLeadingCharacters.js
|
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/string/withLeadingSlash.js
|
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/string/withTrailingCharacters.js
|
|
@@ -16,7 +16,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
16
16
|
}
|
|
17
17
|
return to;
|
|
18
18
|
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
21
|
+
mod
|
|
22
|
+
));
|
|
20
23
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
24
|
|
|
22
25
|
// packages/js-toolkit/utils/string/withTrailingSlash.js
|