vevet 5.3.0 → 5.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/lib/cdn/vevet.iife.min.js +31 -34
- package/lib/cjs/components/Cursor/HoverElement/index.js +250 -0
- package/lib/cjs/components/Cursor/HoverElement/index.js.map +1 -0
- package/lib/cjs/components/Cursor/HoverElement/types.js +3 -0
- package/lib/cjs/components/Cursor/HoverElement/types.js.map +1 -0
- package/lib/cjs/components/Cursor/Path/index.js +109 -0
- package/lib/cjs/components/Cursor/Path/index.js.map +1 -0
- package/lib/cjs/components/Cursor/Path/svgQuadraticCurvePath.js.map +1 -0
- package/lib/cjs/components/Cursor/Path/types.js +3 -0
- package/lib/cjs/components/Cursor/Path/types.js.map +1 -0
- package/lib/cjs/components/Cursor/constants.js +5 -0
- package/lib/cjs/components/Cursor/constants.js.map +1 -0
- package/lib/cjs/components/Cursor/index.js +175 -191
- package/lib/cjs/components/Cursor/index.js.map +1 -1
- package/lib/cjs/components/Cursor/styles.js +3 -2
- package/lib/cjs/components/Cursor/styles.js.map +1 -1
- package/lib/cjs/components/ProgressPreloader/index.js +13 -4
- package/lib/cjs/components/ProgressPreloader/index.js.map +1 -1
- package/lib/cjs/components/Scrollbar/styles.js +2 -1
- package/lib/cjs/components/Scrollbar/styles.js.map +1 -1
- package/lib/cjs/components/Snap/logic/Track/index.js +2 -2
- package/lib/cjs/components/Snap/logic/Track/index.js.map +1 -1
- package/lib/cjs/components/Snap/slide/SlideParallax/index.js +30 -12
- package/lib/cjs/components/Snap/slide/SlideParallax/index.js.map +1 -1
- package/lib/cjs/internal/prependStyles.js +14 -0
- package/lib/cjs/internal/prependStyles.js.map +1 -0
- package/lib/cjs/manifest.json +1 -1
- package/lib/esm/components/Cursor/HoverElement/index.js +200 -0
- package/lib/esm/components/Cursor/HoverElement/index.js.map +1 -0
- package/lib/esm/components/Cursor/HoverElement/types.js +2 -0
- package/lib/esm/components/Cursor/HoverElement/types.js.map +1 -0
- package/lib/esm/components/Cursor/Path/index.js +91 -0
- package/lib/esm/components/Cursor/Path/index.js.map +1 -0
- package/lib/esm/components/Cursor/Path/svgQuadraticCurvePath.js.map +1 -0
- package/lib/esm/components/Cursor/Path/types.js +2 -0
- package/lib/esm/components/Cursor/Path/types.js.map +1 -0
- package/lib/esm/components/Cursor/constants.js +2 -0
- package/lib/esm/components/Cursor/constants.js.map +1 -0
- package/lib/esm/components/Cursor/index.js +171 -200
- package/lib/esm/components/Cursor/index.js.map +1 -1
- package/lib/esm/components/Cursor/styles.js +5 -7
- package/lib/esm/components/Cursor/styles.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/index.js +9 -4
- package/lib/esm/components/ProgressPreloader/index.js.map +1 -1
- package/lib/esm/components/Scrollbar/styles.js +3 -2
- package/lib/esm/components/Scrollbar/styles.js.map +1 -1
- package/lib/esm/components/Snap/logic/Track/index.js +2 -2
- package/lib/esm/components/Snap/logic/Track/index.js.map +1 -1
- package/lib/esm/components/Snap/slide/SlideParallax/index.js +30 -12
- package/lib/esm/components/Snap/slide/SlideParallax/index.js.map +1 -1
- package/lib/esm/internal/prependStyles.js +11 -0
- package/lib/esm/internal/prependStyles.js.map +1 -0
- package/lib/esm/manifest.json +1 -1
- package/lib/types/components/Cursor/HoverElement/index.d.ts +60 -0
- package/lib/types/components/Cursor/HoverElement/index.d.ts.map +1 -0
- package/lib/types/components/Cursor/HoverElement/types.d.ts +60 -0
- package/lib/types/components/Cursor/HoverElement/types.d.ts.map +1 -0
- package/lib/types/components/Cursor/Path/index.d.ts +26 -0
- package/lib/types/components/Cursor/Path/index.d.ts.map +1 -0
- package/lib/types/components/Cursor/Path/svgQuadraticCurvePath.d.ts +3 -0
- package/lib/types/components/Cursor/Path/svgQuadraticCurvePath.d.ts.map +1 -0
- package/lib/types/components/Cursor/Path/types.d.ts +11 -0
- package/lib/types/components/Cursor/Path/types.d.ts.map +1 -0
- package/lib/types/components/Cursor/constants.d.ts +2 -0
- package/lib/types/components/Cursor/constants.d.ts.map +1 -0
- package/lib/types/components/Cursor/index.d.ts +47 -59
- package/lib/types/components/Cursor/index.d.ts.map +1 -1
- package/lib/types/components/Cursor/styles.d.ts.map +1 -1
- package/lib/types/components/Cursor/types.d.ts +38 -42
- package/lib/types/components/Cursor/types.d.ts.map +1 -1
- package/lib/types/components/ProgressPreloader/index.d.ts +2 -0
- package/lib/types/components/ProgressPreloader/index.d.ts.map +1 -1
- package/lib/types/components/ProgressPreloader/types.d.ts +5 -0
- package/lib/types/components/ProgressPreloader/types.d.ts.map +1 -1
- package/lib/types/components/Scrollbar/styles.d.ts.map +1 -1
- package/lib/types/components/Snap/slide/SlideParallax/index.d.ts +4 -0
- package/lib/types/components/Snap/slide/SlideParallax/index.d.ts.map +1 -1
- package/lib/types/components/Snap/slide/SlideParallax/types.d.ts +3 -1
- package/lib/types/components/Snap/slide/SlideParallax/types.d.ts.map +1 -1
- package/lib/types/internal/prependStyles.d.ts +2 -0
- package/lib/types/internal/prependStyles.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/Cursor/HoverElement/index.ts +283 -0
- package/src/components/Cursor/HoverElement/types.ts +75 -0
- package/src/components/Cursor/Path/index.ts +120 -0
- package/src/components/Cursor/{utils → Path}/svgQuadraticCurvePath.ts +1 -1
- package/src/components/Cursor/Path/types.ts +11 -0
- package/src/components/Cursor/constants.ts +1 -0
- package/src/components/Cursor/index.ts +245 -282
- package/src/components/Cursor/styles.ts +5 -7
- package/src/components/Cursor/types.ts +41 -45
- package/src/components/ProgressPreloader/index.ts +12 -3
- package/src/components/ProgressPreloader/types.ts +6 -0
- package/src/components/Scrollbar/styles.ts +3 -2
- package/src/components/Snap/logic/Track/index.ts +2 -2
- package/src/components/Snap/slide/SlideParallax/index.ts +38 -10
- package/src/components/Snap/slide/SlideParallax/types.ts +3 -1
- package/src/internal/prependStyles.ts +9 -0
- package/src/manifest.json +1 -1
- package/lib/cjs/components/Cursor/utils/svgQuadraticCurvePath.js.map +0 -1
- package/lib/esm/components/Cursor/utils/svgQuadraticCurvePath.js.map +0 -1
- package/lib/types/components/Cursor/utils/svgQuadraticCurvePath.d.ts +0 -3
- package/lib/types/components/Cursor/utils/svgQuadraticCurvePath.d.ts.map +0 -1
- /package/lib/cjs/components/Cursor/{utils → Path}/svgQuadraticCurvePath.js +0 -0
- /package/lib/esm/components/Cursor/{utils → Path}/svgQuadraticCurvePath.js +0 -0
|
@@ -101,7 +101,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
|
|
|
101
101
|
* Retrieves the default static properties.
|
|
102
102
|
*/
|
|
103
103
|
ProgressPreloader.prototype._getStatic = function () {
|
|
104
|
-
return __assign(__assign({}, _super.prototype._getStatic.call(this)), { preloadImages: true, preloadVideos: false, customSelector: '.js-preload', ignoreClassName: 'js-preload-ignore', lerp: 0.1, endDuration: 500 });
|
|
104
|
+
return __assign(__assign({}, _super.prototype._getStatic.call(this)), { resourceContainer: null, preloadImages: true, preloadVideos: false, customSelector: '.js-preload', ignoreClassName: 'js-preload-ignore', lerp: 0.1, endDuration: 500 });
|
|
105
105
|
};
|
|
106
106
|
/**
|
|
107
107
|
* Retrieves the default mutable properties.
|
|
@@ -175,6 +175,15 @@ var ProgressPreloader = /** @class */ (function (_super) {
|
|
|
175
175
|
enumerable: false,
|
|
176
176
|
configurable: true
|
|
177
177
|
});
|
|
178
|
+
Object.defineProperty(ProgressPreloader.prototype, "resourceContainer", {
|
|
179
|
+
/** Container source for preloader resources. */
|
|
180
|
+
get: function () {
|
|
181
|
+
var _a;
|
|
182
|
+
return (_a = this.props.resourceContainer) !== null && _a !== void 0 ? _a : env_1.doc;
|
|
183
|
+
},
|
|
184
|
+
enumerable: false,
|
|
185
|
+
configurable: true
|
|
186
|
+
});
|
|
178
187
|
/** Preload images */
|
|
179
188
|
ProgressPreloader.prototype._fetchImages = function () {
|
|
180
189
|
var _a;
|
|
@@ -182,7 +191,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
|
|
|
182
191
|
if (!this.props.preloadImages) {
|
|
183
192
|
return;
|
|
184
193
|
}
|
|
185
|
-
var list = Array.from(
|
|
194
|
+
var list = Array.from(this.resourceContainer.querySelectorAll('img'));
|
|
186
195
|
list = list.filter(function (resource) {
|
|
187
196
|
var isIgnored = (0, cn_1.cnHas)(resource, _this.props.ignoreClassName);
|
|
188
197
|
return !isIgnored && resource.loading !== 'lazy';
|
|
@@ -203,7 +212,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
|
|
|
203
212
|
if (!this.props.preloadVideos) {
|
|
204
213
|
return;
|
|
205
214
|
}
|
|
206
|
-
var list = Array.from(
|
|
215
|
+
var list = Array.from(this.resourceContainer.querySelectorAll('video'));
|
|
207
216
|
list = list.filter(function (resource) { return !(0, cn_1.cnHas)(resource, _this.props.ignoreClassName); });
|
|
208
217
|
(_a = this._resources).push.apply(_a, list.map(function (resource) { return ({
|
|
209
218
|
id: resource,
|
|
@@ -217,7 +226,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
|
|
|
217
226
|
/** Preload custom resources */
|
|
218
227
|
ProgressPreloader.prototype._fetchResources = function () {
|
|
219
228
|
var _this = this;
|
|
220
|
-
var list = Array.from(
|
|
229
|
+
var list = Array.from(this.resourceContainer.querySelectorAll(this.props.customSelector));
|
|
221
230
|
list = list.filter(function (resource) { return !(0, cn_1.cnHas)(resource, _this.props.ignoreClassName); });
|
|
222
231
|
list.forEach(function (element) {
|
|
223
232
|
var weight = parseInt(element.getAttribute('data-weight') || '1', 10);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ProgressPreloader/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wCAAuC;AACvC,qCAA2C;AAC3C,qDAAoD;AACpD,qDAAoD;AACpD,qEAAoE;AAOpE,0CAAyC;AACzC,8BAA6B;AAC7B,gDAA+C;AAC/C,8DAA6D;AAC7D,oCAAsC;AACtC,sCAAqC;AAGrC,0CAAwB;AAExB,IAAM,aAAa,GAAG,qBAAc,IAAI,CAAC,MAAM,EAAE,CAAE,CAAC;AAEpD;;;;;;;GAOG;AACH;IAIU,qCAAkB;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ProgressPreloader/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,13 +2,14 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createScrollbarStyles = createScrollbarStyles;
|
|
4
4
|
var env_1 = require("../../internal/env");
|
|
5
|
+
var prependStyles_1 = require("../../internal/prependStyles");
|
|
5
6
|
var style = null;
|
|
6
7
|
function createScrollbarStyles(prefix) {
|
|
7
8
|
if (style) {
|
|
8
9
|
return style;
|
|
9
10
|
}
|
|
10
11
|
style = env_1.doc.createElement('style');
|
|
11
|
-
|
|
12
|
+
(0, prependStyles_1.prependStyles)(style);
|
|
12
13
|
style.innerHTML = "\n .".concat(prefix, "-scrollable {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n\n .").concat(prefix, "-scrollable::-webkit-scrollbar {\n display: none;\n appearance: none;\n width: 0;\n height: 0;\n }\n\n .").concat(prefix, " {\n position: absolute;\n z-index: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n \n opacity: 0;\n visibility: hidden;\n transition: opacity 0.25s linear, visibility 0.25s linear;\n }\n\n .").concat(prefix, ".").concat(prefix, "_in-window {\n position: fixed;\n z-index: 9;\n }\n\n .").concat(prefix, ".").concat(prefix, "_inited {\n opacity: 1;\n visibility: visible;\n }\n\n .").concat(prefix, ".").concat(prefix, "_empty {\n opacity: 0;\n visibility: hidden;\n }\n\n .").concat(prefix, ".").concat(prefix, "_auto-hide {\n opacity: 0;\n }\n\n .").concat(prefix, ".").concat(prefix, "_auto-hide:hover,\n .").concat(prefix, ".").concat(prefix, "_auto-hide:active,\n .").concat(prefix, ".").concat(prefix, "_in-action {\n opacity: 1;\n }\n\n .").concat(prefix, "_y {\n top: 0;\n right: 0;\n width: 10px;\n height: 100%;\n }\n\n .").concat(prefix, "_x {\n bottom: 0;\n left: 0;\n width: 100%;\n height: 10px;\n }\n\n .").concat(prefix, "__track {\n position: relative;\n width: 100%;\n height: 100%;\n background: #ccc;\n }\n\n .").concat(prefix, "__thumb {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: #333;\n }\n ");
|
|
13
14
|
return style;
|
|
14
15
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Scrollbar/styles.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Scrollbar/styles.ts"],"names":[],"mappings":";;AAKA,sDA4FC;AAjGD,sCAAqC;AACrC,0DAAyD;AAEzD,IAAI,KAAK,GAA4B,IAAI,CAAC;AAE1C,SAAgB,qBAAqB,CAAC,MAAc;IAClD,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAC;IACf,CAAC;IAED,KAAK,GAAG,SAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACnC,IAAA,6BAAa,EAAC,KAAK,CAAC,CAAC;IAErB,KAAK,CAAC,SAAS,GAAG,iBACb,MAAM,yGAKN,MAAM,+IAON,MAAM,qVAcN,MAAM,cAAI,MAAM,oFAKhB,MAAM,cAAI,MAAM,qFAKhB,MAAM,cAAI,MAAM,mFAKhB,MAAM,cAAI,MAAM,4DAIhB,MAAM,cAAI,MAAM,qCAChB,MAAM,cAAI,MAAM,sCAChB,MAAM,cAAI,MAAM,4DAIhB,MAAM,0GAON,MAAM,4GAON,MAAM,mIAON,MAAM,qJAQV,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC"}
|
|
@@ -90,7 +90,7 @@ var SnapTrack = /** @class */ (function (_super) {
|
|
|
90
90
|
var diff = value - this._target;
|
|
91
91
|
this._target = value;
|
|
92
92
|
this._influence.target += domSize ? diff / domSize : 0;
|
|
93
|
-
this._influence.target = (0, math_1.clamp)(this._influence.target, -
|
|
93
|
+
this._influence.target = (0, math_1.clamp)(this._influence.target, -1, 1);
|
|
94
94
|
},
|
|
95
95
|
enumerable: false,
|
|
96
96
|
configurable: true
|
|
@@ -185,7 +185,7 @@ var SnapTrack = /** @class */ (function (_super) {
|
|
|
185
185
|
}
|
|
186
186
|
this.$_current = (0, math_1.lerp)(this.current, target, lerpFactor, 0.000001);
|
|
187
187
|
// Interpolate influence
|
|
188
|
-
influence.target = (0, math_1.lerp)(influence.target, 0,
|
|
188
|
+
influence.target = (0, math_1.lerp)(influence.target, 0, lerpFactor, 0.000001);
|
|
189
189
|
influence.current = (0, math_1.lerp)(influence.current, influence.target, lerpFactor, 0.000001);
|
|
190
190
|
};
|
|
191
191
|
Object.defineProperty(SnapTrack.prototype, "isInterpolated", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Snap/logic/Track/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qCAAkE;AAClE,iCAAmC;AACnC,0CAAyC;AAEzC,wCAAuC;AAEvC;IAA+B,6BAAS;IACtC,mBAAY,IAAU;QACpB,YAAA,MAAK,YAAC,IAAI,CAAC,SAAC;QAed,8BAA8B;QACpB,gBAAU,GAAG;YACrB,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,CAAC;SACV,CAAC;QAaF,8BAA8B;QACpB,cAAQ,GAAG,CAAC,CAAC;QAEvB,6BAA6B;QACnB,aAAO,GAAG,CAAC,CAAC;QAlCpB,6BAA6B;QAC7B,KAAI,CAAC,IAAI,GAAG,IAAI,SAAG,EAAE,CAAC;QACtB,KAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,UAAU,EAAE,EAAjB,CAAiB,CAAC,CAAC;QAC/C,KAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,cAAM,OAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EAAzC,CAAyC,CAAC,CAAC;QACtE,KAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,cAAM,OAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,EAA1C,CAA0C,CAAC,CAAC;QAExE,cAAc;QACd,KAAI,CAAC,aAAa,CAAC,cAAM,OAAA,KAAI,CAAC,IAAI,CAAC,OAAO,EAAE,EAAnB,CAAmB,CAAC,CAAC;;IAChD,CAAC;IAYD,sBAAI,gCAAS;QADb,uCAAuC;aACvC;YACE,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;QACjC,CAAC;;;OAAA;IAGD,sBAAI,kCAAW;QADf,uCAAuC;aACvC,UAAgB,KAAa;YAC3B,IAAI,CAAC,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC;QACjC,CAAC;;;OAAA;IASD,sBAAI,8BAAO;QADX,oCAAoC;aACpC;YACE,OAAO,IAAI,CAAC,QAAQ,CAAC;QACvB,CAAC;;;OAAA;IAGD,sBAAI,gCAAS;QADb,mCAAmC;aACnC,UAAc,KAAa;YACzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACxB,CAAC;;;OAAA;IAGD,sBAAI,6BAAM;QADV,mCAAmC;aACnC;YACE,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;;;OAAA;IAGD,sBAAI,+BAAQ;QADZ,kCAAkC;aAClC,UAAa,KAAa;YAChB,IAAA,OAAO,GAAK,IAAI,CAAC,IAAI,QAAd,CAAe;YAC9B,IAAM,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;YAElC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YAErB,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;YACvD,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,IAAA,YAAK,EAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Snap/logic/Track/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -56,7 +56,6 @@ var SnapSlideParallax = /** @class */ (function () {
|
|
|
56
56
|
return element.hasAttribute(n);
|
|
57
57
|
});
|
|
58
58
|
this._items = this._types.map(function (_a) {
|
|
59
|
-
var _b, _c;
|
|
60
59
|
var n = _a.n, p = _a.p, defaultUnit = _a.u, isAbsProp = _a.isAbs, modifier = _a.modifier;
|
|
61
60
|
var group = constants_1.parallaxGroups.find(function (_a) {
|
|
62
61
|
var types = _a.types;
|
|
@@ -66,13 +65,16 @@ var SnapSlideParallax = /** @class */ (function () {
|
|
|
66
65
|
var scope = element.hasAttribute(scopeAttr)
|
|
67
66
|
? _this._getScope(element, scopeAttr, [-1, 1])
|
|
68
67
|
: defaultScope;
|
|
69
|
-
var attrValue = (
|
|
70
|
-
var target = parseFloat(attrValue) || 0;
|
|
68
|
+
var attrValue = _this._getAttr(element, n);
|
|
71
69
|
var unit = attrValue.replace(/[-\d.]+/g, '') || defaultUnit;
|
|
72
|
-
var
|
|
73
|
-
var offset =
|
|
70
|
+
var target = _this._getFloatAttr(element, n, 0);
|
|
71
|
+
var offset = _this._getFloatAttr(element, "".concat(n, "-offset"), 0);
|
|
72
|
+
var min = _this._getFloatAttr(element, "".concat(n, "-min"), -Infinity);
|
|
73
|
+
var max = _this._getFloatAttr(element, "".concat(n, "-max"), Infinity);
|
|
74
74
|
var influenceAttr = "".concat(n, "-influence");
|
|
75
|
-
var
|
|
75
|
+
var influence = element.hasAttribute(influenceAttr)
|
|
76
|
+
? _this._getFloatAttr(element, "".concat(n, "-influence"), 1)
|
|
77
|
+
: 0;
|
|
76
78
|
var directionalAttr = "".concat(n, "-directional");
|
|
77
79
|
var isDirectional = element.hasAttribute(directionalAttr);
|
|
78
80
|
var absAttr = "".concat(n, "-abs");
|
|
@@ -88,19 +90,34 @@ var SnapSlideParallax = /** @class */ (function () {
|
|
|
88
90
|
target: target,
|
|
89
91
|
value: 0,
|
|
90
92
|
offset: offset,
|
|
91
|
-
|
|
93
|
+
min: min,
|
|
94
|
+
max: max,
|
|
95
|
+
influence: influence,
|
|
92
96
|
isDirectional: isDirectional,
|
|
93
97
|
isAbs: isAbs,
|
|
94
98
|
};
|
|
95
99
|
});
|
|
96
100
|
};
|
|
101
|
+
/** Get parallax attribute */
|
|
102
|
+
SnapSlideParallax.prototype._getAttr = function (element, name) {
|
|
103
|
+
var _a;
|
|
104
|
+
return (_a = element.getAttribute(name)) !== null && _a !== void 0 ? _a : '';
|
|
105
|
+
};
|
|
106
|
+
/** Get parallax float attribute */
|
|
107
|
+
SnapSlideParallax.prototype._getFloatAttr = function (element, name, defaultValue) {
|
|
108
|
+
var float = parseFloat(this._getAttr(element, name));
|
|
109
|
+
return Number.isNaN(float) ? defaultValue : float;
|
|
110
|
+
};
|
|
97
111
|
/** Get parallax scope */
|
|
98
112
|
SnapSlideParallax.prototype._getScope = function (element, name, defaultValue) {
|
|
99
|
-
var
|
|
100
|
-
var
|
|
101
|
-
if (
|
|
113
|
+
var attrValue = this._getAttr(element, name);
|
|
114
|
+
var attrStringValue = attrValue.trim().toLowerCase();
|
|
115
|
+
if (attrStringValue === 'none') {
|
|
102
116
|
return [-Infinity, Infinity];
|
|
103
117
|
}
|
|
118
|
+
if (attrStringValue === 'const') {
|
|
119
|
+
return [1, 1];
|
|
120
|
+
}
|
|
104
121
|
var cleanValue = attrValue.replace(/[\s\\[\]]+/g, '');
|
|
105
122
|
var minMax = cleanValue.split(',');
|
|
106
123
|
var minRaw = parseFloat(minMax[0]);
|
|
@@ -116,8 +133,8 @@ var SnapSlideParallax = /** @class */ (function () {
|
|
|
116
133
|
// Calculate parallax values
|
|
117
134
|
items.forEach(function (item) {
|
|
118
135
|
var progress = utils_1.clamp.apply(void 0, __spreadArray([globalProgress], item.scope, false));
|
|
119
|
-
if (item.
|
|
120
|
-
progress *= Math.abs(snap.track.influence);
|
|
136
|
+
if (Math.abs(item.influence) > 0) {
|
|
137
|
+
progress *= Math.abs(snap.track.influence) * item.influence;
|
|
121
138
|
}
|
|
122
139
|
if (item.isDirectional) {
|
|
123
140
|
progress = Math.abs(progress) * Math.sign(snap.track.influence);
|
|
@@ -130,6 +147,7 @@ var SnapSlideParallax = /** @class */ (function () {
|
|
|
130
147
|
if (item.modifier) {
|
|
131
148
|
item.value = item.modifier(item.value);
|
|
132
149
|
}
|
|
150
|
+
item.value = (0, utils_1.clamp)(item.value, item.min, item.max);
|
|
133
151
|
});
|
|
134
152
|
constants_1.parallaxGroups.forEach(function (_a) {
|
|
135
153
|
var groupName = _a.name;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Snap/slide/SlideParallax/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yCAAgF;AAChF,qCAA+C;AAG/C,iCAAgC;AAEhC;IASE,2BACY,KAAW,EACX,MAAiB,EACjB,QAAqB;QAHjC,iBAgBC;QAfW,UAAK,GAAL,KAAK,CAAM;QACX,WAAM,GAAN,MAAM,CAAW;QACjB,aAAQ,GAAR,QAAQ,CAAa;QATvB,WAAM,GAA6B,EAAE,CAAC;QAEtC,WAAM,GAA6B,EAAE,CAAC;QAEtC,kBAAa,GAA0B,IAAI,CAAC;QAOpD,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,CAAC,SAAS,GAAG,IAAI,gBAAgB,CAAC,UAAC,SAAS;YAC9C,SAAS,CAAC,OAAO,CAAC,UAAC,EAAiB;oBAAf,aAAa,mBAAA;gBAChC,IAAI,aAAa,IAAI,8BAAkB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;oBAChE,KAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;IAC9D,CAAC;IAED,wCAAwC;IAC9B,yCAAa,GAAvB;QAAA,iBAMC;QALC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,YAAY,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QACnC,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,UAAU,CAAC,cAAM,OAAA,KAAI,CAAC,KAAK,EAAE,EAAZ,CAAY,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC;IAED,0BAA0B;IAChB,iCAAK,GAAf;QACE,IAAI,CAAC,YAAY,EAAE,CAAC;QAEpB,IAAI,CAAC,MAAM,EAAE,CAAC;IAChB,CAAC;IAED,4BAA4B;IAClB,wCAAY,GAAtB;QAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/Snap/slide/SlideParallax/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.prependStyles = prependStyles;
|
|
4
|
+
function prependStyles(style) {
|
|
5
|
+
var _a;
|
|
6
|
+
var firstStyles = document.querySelector('link[rel="stylesheet"], style');
|
|
7
|
+
if (firstStyles) {
|
|
8
|
+
(_a = firstStyles.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(style, firstStyles);
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
document.head.appendChild(style);
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=prependStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"prependStyles.js","sourceRoot":"","sources":["../../../src/internal/prependStyles.ts"],"names":[],"mappings":";;AAAA,sCAQC;AARD,SAAgB,aAAa,CAAC,KAAuB;;IACnD,IAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,+BAA+B,CAAC,CAAC;IAE5E,IAAI,WAAW,EAAE,CAAC;QAChB,MAAA,WAAW,CAAC,UAAU,0CAAE,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC;IAC3D,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;AACH,CAAC"}
|
package/lib/cjs/manifest.json
CHANGED
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
import { isNumber } from '../../../internal/isNumber';
|
|
2
|
+
import { addEventListener, clamp, lerp, toPixels } from '../../../utils';
|
|
3
|
+
import { LERP_APPROXIMATION } from '../constants';
|
|
4
|
+
import { isString } from '../../../internal/isString';
|
|
5
|
+
export class CursorHoverElement {
|
|
6
|
+
constructor(_data, _onEnter, _onLeave) {
|
|
7
|
+
this._data = _data;
|
|
8
|
+
this._onEnter = _onEnter;
|
|
9
|
+
this._onLeave = _onLeave;
|
|
10
|
+
this._debounce = null;
|
|
11
|
+
this._isHovered = false;
|
|
12
|
+
this._parallaxX = { current: 0, target: 0 };
|
|
13
|
+
this._parallaxY = { current: 0, target: 0 };
|
|
14
|
+
const { element } = this;
|
|
15
|
+
if (element.matches(':hover')) {
|
|
16
|
+
this._handleElementEnter();
|
|
17
|
+
}
|
|
18
|
+
this._mouseEnter = addEventListener(element, 'mouseenter', () => {
|
|
19
|
+
var _a;
|
|
20
|
+
this._debounce = setTimeout(() => this._handleElementEnter(), (_a = _data.hoverDebounce) !== null && _a !== void 0 ? _a : 16);
|
|
21
|
+
});
|
|
22
|
+
this._mouseLeave = addEventListener(element, 'mouseleave', () => {
|
|
23
|
+
if (this._debounce) {
|
|
24
|
+
clearTimeout(this._debounce);
|
|
25
|
+
}
|
|
26
|
+
this._handleElementLeave();
|
|
27
|
+
});
|
|
28
|
+
this._mouseMove = addEventListener(element, 'mousemove', (evt) => {
|
|
29
|
+
this._handleElementMove(evt);
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
get element() {
|
|
33
|
+
return this._data.element;
|
|
34
|
+
}
|
|
35
|
+
get type() {
|
|
36
|
+
return this._data.type;
|
|
37
|
+
}
|
|
38
|
+
get snap() {
|
|
39
|
+
var _a;
|
|
40
|
+
return (_a = this._data.snap) !== null && _a !== void 0 ? _a : false;
|
|
41
|
+
}
|
|
42
|
+
get width() {
|
|
43
|
+
if (this._data.width === 'auto') {
|
|
44
|
+
return 'auto';
|
|
45
|
+
}
|
|
46
|
+
if (this._data.width) {
|
|
47
|
+
return toPixels(this._data.width);
|
|
48
|
+
}
|
|
49
|
+
return null;
|
|
50
|
+
}
|
|
51
|
+
get height() {
|
|
52
|
+
if (this._data.height === 'auto') {
|
|
53
|
+
return 'auto';
|
|
54
|
+
}
|
|
55
|
+
if (this._data.height) {
|
|
56
|
+
return toPixels(this._data.height);
|
|
57
|
+
}
|
|
58
|
+
return null;
|
|
59
|
+
}
|
|
60
|
+
get padding() {
|
|
61
|
+
return this._data.padding ? toPixels(this._data.padding) : 0;
|
|
62
|
+
}
|
|
63
|
+
get sticky() {
|
|
64
|
+
var _a;
|
|
65
|
+
return (_a = this._data.sticky) !== null && _a !== void 0 ? _a : false;
|
|
66
|
+
}
|
|
67
|
+
get stickyLerp() {
|
|
68
|
+
var _a;
|
|
69
|
+
return (_a = this._data.stickyLerp) !== null && _a !== void 0 ? _a : undefined;
|
|
70
|
+
}
|
|
71
|
+
/** X value for sticky parallax */
|
|
72
|
+
get stickyX() {
|
|
73
|
+
return this._parallaxX.current;
|
|
74
|
+
}
|
|
75
|
+
/** Y value for sticky parallax */
|
|
76
|
+
get stickyY() {
|
|
77
|
+
return this._parallaxY.current;
|
|
78
|
+
}
|
|
79
|
+
/** Get element dimensions */
|
|
80
|
+
getDimensions() {
|
|
81
|
+
let x;
|
|
82
|
+
let y;
|
|
83
|
+
let width;
|
|
84
|
+
let height;
|
|
85
|
+
let padding = 0;
|
|
86
|
+
const bounding = this.element.getBoundingClientRect();
|
|
87
|
+
if (this.snap) {
|
|
88
|
+
x = bounding.left + bounding.width / 2;
|
|
89
|
+
y = bounding.top + bounding.height / 2;
|
|
90
|
+
}
|
|
91
|
+
if (this.width === 'auto') {
|
|
92
|
+
width = bounding.width;
|
|
93
|
+
}
|
|
94
|
+
else if (isNumber(this.width)) {
|
|
95
|
+
width = this.width;
|
|
96
|
+
}
|
|
97
|
+
if (this.height === 'auto') {
|
|
98
|
+
height = bounding.height;
|
|
99
|
+
}
|
|
100
|
+
else if (isNumber(this.height)) {
|
|
101
|
+
height = this.height;
|
|
102
|
+
}
|
|
103
|
+
padding = this.padding;
|
|
104
|
+
return { x, y, width, height, padding };
|
|
105
|
+
}
|
|
106
|
+
/** Destroy all events */
|
|
107
|
+
destroy() {
|
|
108
|
+
this._mouseEnter();
|
|
109
|
+
this._mouseLeave();
|
|
110
|
+
if (this._debounce) {
|
|
111
|
+
clearTimeout(this._debounce);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
/** Handle element enter */
|
|
115
|
+
_handleElementEnter() {
|
|
116
|
+
this._isHovered = true;
|
|
117
|
+
this._onEnter(this);
|
|
118
|
+
}
|
|
119
|
+
/** Handle element leave */
|
|
120
|
+
_handleElementLeave() {
|
|
121
|
+
this._isHovered = false;
|
|
122
|
+
this._parallaxX.target = 0;
|
|
123
|
+
this._parallaxY.target = 0;
|
|
124
|
+
this._onLeave(this);
|
|
125
|
+
}
|
|
126
|
+
/** Handle element move */
|
|
127
|
+
_handleElementMove(evt) {
|
|
128
|
+
if (!this.sticky || !this._isHovered) {
|
|
129
|
+
return;
|
|
130
|
+
}
|
|
131
|
+
const { element } = this;
|
|
132
|
+
const { clientX, clientY } = evt;
|
|
133
|
+
const bounding = element.getBoundingClientRect();
|
|
134
|
+
const computed = getComputedStyle(element).transform;
|
|
135
|
+
const matrix = computed === 'none' ? new DOMMatrix() : new DOMMatrix(computed);
|
|
136
|
+
const { width, height } = bounding;
|
|
137
|
+
const translateX = matrix.e;
|
|
138
|
+
const translateY = matrix.f;
|
|
139
|
+
const basicLeft = bounding.left - translateX;
|
|
140
|
+
const basicTop = bounding.top - translateY;
|
|
141
|
+
const basicCenterX = basicLeft + width / 2;
|
|
142
|
+
const basicCenterY = basicTop + height / 2;
|
|
143
|
+
const distanceX = clientX - basicCenterX;
|
|
144
|
+
const distanceY = clientY - basicCenterY;
|
|
145
|
+
const amp = this._getStickyAmplitude();
|
|
146
|
+
const maxX = amp.x === 'auto' ? width : Math.abs(amp.x);
|
|
147
|
+
const maxY = amp.y === 'auto' ? height : Math.abs(amp.y);
|
|
148
|
+
this._parallaxX.target = clamp(distanceX, -maxX, maxX);
|
|
149
|
+
this._parallaxY.target = clamp(distanceY, -maxY, maxY);
|
|
150
|
+
}
|
|
151
|
+
/** Get sticky amplitude for both axis */
|
|
152
|
+
_getStickyAmplitude() {
|
|
153
|
+
const { stickyAmplitude } = this._data;
|
|
154
|
+
let x = 'auto';
|
|
155
|
+
let y = 'auto';
|
|
156
|
+
if (!stickyAmplitude) {
|
|
157
|
+
return { x, y };
|
|
158
|
+
}
|
|
159
|
+
if (isNumber(stickyAmplitude) || isString(stickyAmplitude)) {
|
|
160
|
+
x = this._getStickyAmplitudeAxis(stickyAmplitude);
|
|
161
|
+
y = this._getStickyAmplitudeAxis(stickyAmplitude);
|
|
162
|
+
}
|
|
163
|
+
else {
|
|
164
|
+
if ('x' in stickyAmplitude) {
|
|
165
|
+
x = this._getStickyAmplitudeAxis(stickyAmplitude.x);
|
|
166
|
+
}
|
|
167
|
+
if ('y' in stickyAmplitude) {
|
|
168
|
+
y = this._getStickyAmplitudeAxis(stickyAmplitude.y);
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
return { x, y };
|
|
172
|
+
}
|
|
173
|
+
/** Get sticky amplitude for one axis */
|
|
174
|
+
_getStickyAmplitudeAxis(value) {
|
|
175
|
+
if (isNumber(value)) {
|
|
176
|
+
return value;
|
|
177
|
+
}
|
|
178
|
+
if (!value || value === 'auto') {
|
|
179
|
+
return 'auto';
|
|
180
|
+
}
|
|
181
|
+
return toPixels(value);
|
|
182
|
+
}
|
|
183
|
+
/** Check if the element is interpolated */
|
|
184
|
+
get isInterpolated() {
|
|
185
|
+
return (this._parallaxX.current === this._parallaxX.target &&
|
|
186
|
+
this._parallaxY.current === this._parallaxY.target);
|
|
187
|
+
}
|
|
188
|
+
/** Render the element */
|
|
189
|
+
render(lerpFactor) {
|
|
190
|
+
const { _parallaxX: parallaxX, _parallaxY: parallaxY } = this;
|
|
191
|
+
const element = this.element;
|
|
192
|
+
if (!this.sticky || this.isInterpolated) {
|
|
193
|
+
return;
|
|
194
|
+
}
|
|
195
|
+
parallaxX.current = lerp(parallaxX.current, parallaxX.target, lerpFactor, LERP_APPROXIMATION);
|
|
196
|
+
parallaxY.current = lerp(parallaxY.current, parallaxY.target, lerpFactor, LERP_APPROXIMATION);
|
|
197
|
+
element.style.transform = `translate3d(${parallaxX.current}px, ${parallaxY.current}px, 0)`;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Cursor/HoverElement/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/Cursor/HoverElement/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { lerp } from '../../../utils';
|
|
2
|
+
import { svgQuadraticCurvePath } from './svgQuadraticCurvePath';
|
|
3
|
+
import { LERP_APPROXIMATION } from '../constants';
|
|
4
|
+
export class CursorPath {
|
|
5
|
+
get path() {
|
|
6
|
+
return this._path;
|
|
7
|
+
}
|
|
8
|
+
constructor(_isEnabled) {
|
|
9
|
+
this._isEnabled = _isEnabled;
|
|
10
|
+
/** Cursor SVG Path Points */
|
|
11
|
+
this._points = [];
|
|
12
|
+
/** Cursor SVG Path Line */
|
|
13
|
+
this._line = { current: 0, target: 0 };
|
|
14
|
+
this._path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
|
|
15
|
+
}
|
|
16
|
+
/** Update SVG Path */
|
|
17
|
+
addPoint(coords, isInstant = false) {
|
|
18
|
+
if (!this._isEnabled) {
|
|
19
|
+
return;
|
|
20
|
+
}
|
|
21
|
+
const points = this._points;
|
|
22
|
+
const path = this._path;
|
|
23
|
+
const line = this._line;
|
|
24
|
+
// Add point
|
|
25
|
+
const newPoint = { x: coords.x, y: coords.y, length: 0 };
|
|
26
|
+
points.push(newPoint);
|
|
27
|
+
// Update path
|
|
28
|
+
path.setAttribute('d', svgQuadraticCurvePath(points));
|
|
29
|
+
// Update total length
|
|
30
|
+
const totalLength = path.getTotalLength();
|
|
31
|
+
newPoint.length = totalLength;
|
|
32
|
+
line.target = totalLength;
|
|
33
|
+
// Instant update of line
|
|
34
|
+
if (isInstant) {
|
|
35
|
+
line.current = line.target;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
/** Minimize SVG Path */
|
|
39
|
+
minimize() {
|
|
40
|
+
if (!this._isEnabled) {
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
const points = this._points;
|
|
44
|
+
const line = this._line;
|
|
45
|
+
if (points.length < 3) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
let accumulated = 0;
|
|
49
|
+
let removeCount = 0;
|
|
50
|
+
for (let i = 1; i < points.length; i += 1) {
|
|
51
|
+
const dx = points[i].x - points[i - 1].x;
|
|
52
|
+
const dy = points[i].y - points[i - 1].y;
|
|
53
|
+
const segLength = Math.hypot(dx, dy);
|
|
54
|
+
if (accumulated + segLength < line.current) {
|
|
55
|
+
accumulated += segLength;
|
|
56
|
+
removeCount += 1;
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
break;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
if (removeCount > 0) {
|
|
63
|
+
let removedLength = 0;
|
|
64
|
+
for (let i = 1; i <= removeCount; i += 1) {
|
|
65
|
+
const dx = points[i].x - points[i - 1].x;
|
|
66
|
+
const dy = points[i].y - points[i - 1].y;
|
|
67
|
+
removedLength += Math.hypot(dx, dy);
|
|
68
|
+
}
|
|
69
|
+
points.splice(0, removeCount);
|
|
70
|
+
// Fix line after points removed
|
|
71
|
+
line.current = Math.max(0, line.current - removedLength);
|
|
72
|
+
line.target = Math.max(0, line.target - removedLength);
|
|
73
|
+
// Update path
|
|
74
|
+
this._path.setAttribute('d', svgQuadraticCurvePath(points));
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
/** Check if the path is interpolated */
|
|
78
|
+
get isInterpolated() {
|
|
79
|
+
return this._line.current === this._line.target;
|
|
80
|
+
}
|
|
81
|
+
/** Interpolate line */
|
|
82
|
+
lerp(factor) {
|
|
83
|
+
const line = this._line;
|
|
84
|
+
line.current = lerp(line.current, line.target, factor, LERP_APPROXIMATION);
|
|
85
|
+
}
|
|
86
|
+
/** Get current coordinate */
|
|
87
|
+
get coord() {
|
|
88
|
+
return this._path.getPointAtLength(this._line.current);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Cursor/Path/index.ts"],"names":[],"mappings":"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"}
|