vevet 4.1.0 → 4.3.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/README.md +1 -1
- package/lib/cjs/Vevet/events/createOnPageLoad/index.js +2 -2
- package/lib/cjs/Vevet/events/createOnPageLoad/index.js.map +1 -1
- package/lib/cjs/Vevet/events/createViewport/index.js +22 -19
- package/lib/cjs/Vevet/events/createViewport/index.js.map +1 -1
- package/lib/cjs/Vevet/events/createViewport/viewportCssVarsScript.js +5 -0
- package/lib/cjs/Vevet/events/createViewport/viewportCssVarsScript.js.map +1 -0
- package/lib/cjs/Vevet/exported.js +3 -0
- package/lib/cjs/Vevet/exported.js.map +1 -1
- package/lib/cjs/Vevet/index.js +1 -2
- package/lib/cjs/Vevet/index.js.map +1 -1
- package/lib/cjs/base/Module/index.js +6 -10
- package/lib/cjs/base/Module/index.js.map +1 -1
- package/lib/cjs/components/CustomCursor/index.js +19 -14
- package/lib/cjs/components/CustomCursor/index.js.map +1 -1
- package/lib/cjs/components/CustomScroll/Elements.js +11 -22
- package/lib/cjs/components/CustomScroll/Elements.js.map +1 -1
- package/lib/cjs/components/CustomScroll/index.js +2 -2
- package/lib/cjs/components/CustomScroll/index.js.map +1 -1
- package/lib/cjs/components/CustomScrollKeyboardPlugin/index.js +2 -2
- package/lib/cjs/components/CustomScrollKeyboardPlugin/index.js.map +1 -1
- package/lib/cjs/components/DraggerBase/index.js +11 -8
- package/lib/cjs/components/DraggerBase/index.js.map +1 -1
- package/lib/cjs/components/DraggerMove/index.js +3 -3
- package/lib/cjs/components/DraggerMove/index.js.map +1 -1
- package/lib/cjs/components/Marquee/index.js +2 -2
- package/lib/cjs/components/Marquee/index.js.map +1 -1
- package/lib/cjs/components/Preloader/index.js +2 -2
- package/lib/cjs/components/Preloader/index.js.map +1 -1
- package/lib/cjs/components/ProgressPreloader/index.js +4 -4
- package/lib/cjs/components/ProgressPreloader/index.js.map +1 -1
- package/lib/cjs/components/ScrollBar/Bar/index.js +4 -4
- package/lib/cjs/components/ScrollBar/Bar/index.js.map +1 -1
- package/lib/cjs/components/ScrollBar/index.js +2 -2
- package/lib/cjs/components/ScrollBar/index.js.map +1 -1
- package/lib/cjs/components/SectionScrollProgress/index.js +3 -3
- package/lib/cjs/components/SectionScrollProgress/index.js.map +1 -1
- package/lib/cjs/components/SplitText/index.js +2 -2
- package/lib/cjs/components/SplitText/index.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/wrapLines.js +2 -2
- package/lib/cjs/components/SplitText/utils/wrapLines.js.map +1 -1
- package/lib/cjs/utils/dom/addEventListener.js +32 -0
- package/lib/cjs/utils/dom/addEventListener.js.map +1 -0
- package/lib/cjs/utils/dom/childOf.js +17 -0
- package/lib/cjs/utils/dom/childOf.js.map +1 -0
- package/lib/cjs/utils/dom/isElement.js +8 -0
- package/lib/cjs/utils/dom/isElement.js.map +1 -0
- package/lib/cjs/utils/dom/isWindow.js +8 -0
- package/lib/cjs/utils/dom/isWindow.js.map +1 -0
- package/lib/cjs/utils/dom/selectAll.js +26 -0
- package/lib/cjs/utils/dom/selectAll.js.map +1 -0
- package/lib/cjs/utils/dom/selectOne.js +23 -0
- package/lib/cjs/utils/dom/selectOne.js.map +1 -0
- package/lib/cjs/utils/scroll/isPageScrolling.js +3 -3
- package/lib/cjs/utils/scroll/isPageScrolling.js.map +1 -1
- package/lib/cjs/utils/scroll/onScroll.js +15 -8
- package/lib/cjs/utils/scroll/onScroll.js.map +1 -1
- package/lib/cjs/utils/scroll/scrollToElement.js +2 -2
- package/lib/cjs/utils/scroll/scrollToElement.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/Vevet/events/createOnPageLoad/index.js +1 -1
- package/lib/esm/Vevet/events/createOnPageLoad/index.js.map +1 -1
- package/lib/esm/Vevet/events/createViewport/index.js +21 -18
- package/lib/esm/Vevet/events/createViewport/index.js.map +1 -1
- package/lib/esm/Vevet/events/createViewport/viewportCssVarsScript.js +18 -0
- package/lib/esm/Vevet/events/createViewport/viewportCssVarsScript.js.map +1 -0
- package/lib/esm/Vevet/exported.js +2 -1
- package/lib/esm/Vevet/exported.js.map +1 -1
- package/lib/esm/Vevet/index.js +1 -2
- package/lib/esm/Vevet/index.js.map +1 -1
- package/lib/esm/base/Module/index.js +6 -9
- package/lib/esm/base/Module/index.js.map +1 -1
- package/lib/esm/components/CustomCursor/index.js +16 -11
- package/lib/esm/components/CustomCursor/index.js.map +1 -1
- package/lib/esm/components/CustomScroll/Elements.js +9 -20
- package/lib/esm/components/CustomScroll/Elements.js.map +1 -1
- package/lib/esm/components/CustomScroll/index.js +1 -1
- package/lib/esm/components/CustomScroll/index.js.map +1 -1
- package/lib/esm/components/CustomScrollKeyboardPlugin/index.js +1 -1
- package/lib/esm/components/CustomScrollKeyboardPlugin/index.js.map +1 -1
- package/lib/esm/components/DraggerBase/index.js +5 -2
- package/lib/esm/components/DraggerBase/index.js.map +1 -1
- package/lib/esm/components/DraggerMove/index.js +1 -1
- package/lib/esm/components/DraggerMove/index.js.map +1 -1
- package/lib/esm/components/Marquee/index.js +1 -1
- package/lib/esm/components/Marquee/index.js.map +1 -1
- package/lib/esm/components/Preloader/index.js +1 -1
- package/lib/esm/components/Preloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/index.js +1 -1
- package/lib/esm/components/ProgressPreloader/index.js.map +1 -1
- package/lib/esm/components/ScrollBar/Bar/index.js +2 -2
- package/lib/esm/components/ScrollBar/Bar/index.js.map +1 -1
- package/lib/esm/components/ScrollBar/index.js +1 -1
- package/lib/esm/components/ScrollBar/index.js.map +1 -1
- package/lib/esm/components/SectionScrollProgress/index.js +1 -1
- package/lib/esm/components/SectionScrollProgress/index.js.map +1 -1
- package/lib/esm/components/SplitText/index.js +1 -1
- package/lib/esm/components/SplitText/index.js.map +1 -1
- package/lib/esm/components/SplitText/utils/wrapLines.js +1 -1
- package/lib/esm/components/SplitText/utils/wrapLines.js.map +1 -1
- package/lib/esm/utils/dom/addEventListener.js +28 -0
- package/lib/esm/utils/dom/addEventListener.js.map +1 -0
- package/lib/esm/utils/dom/childOf.js +13 -0
- package/lib/esm/utils/dom/childOf.js.map +1 -0
- package/lib/esm/utils/dom/isElement.js +4 -0
- package/lib/esm/utils/dom/isElement.js.map +1 -0
- package/lib/esm/utils/dom/isWindow.js +4 -0
- package/lib/esm/utils/dom/isWindow.js.map +1 -0
- package/lib/esm/utils/dom/selectAll.js +22 -0
- package/lib/esm/utils/dom/selectAll.js.map +1 -0
- package/lib/esm/utils/dom/selectOne.js +19 -0
- package/lib/esm/utils/dom/selectOne.js.map +1 -0
- package/lib/esm/utils/scroll/isPageScrolling.js +2 -2
- package/lib/esm/utils/scroll/isPageScrolling.js.map +1 -1
- package/lib/esm/utils/scroll/onScroll.js +14 -7
- package/lib/esm/utils/scroll/onScroll.js.map +1 -1
- package/lib/esm/utils/scroll/scrollToElement.js +1 -1
- package/lib/esm/utils/scroll/scrollToElement.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/styles/mixins/_viewport.scss +0 -8
- package/lib/types/Vevet/events/createOnPageLoad/index.d.ts.map +1 -1
- package/lib/types/Vevet/events/createViewport/index.d.ts +1 -1
- package/lib/types/Vevet/events/createViewport/index.d.ts.map +1 -1
- package/lib/types/Vevet/events/createViewport/types.d.ts +4 -0
- package/lib/types/Vevet/events/createViewport/types.d.ts.map +1 -1
- package/lib/types/Vevet/events/createViewport/viewportCssVarsScript.d.ts +2 -0
- package/lib/types/Vevet/events/createViewport/viewportCssVarsScript.d.ts.map +1 -0
- package/lib/types/Vevet/exported.d.ts +2 -0
- package/lib/types/Vevet/exported.d.ts.map +1 -1
- package/lib/types/Vevet/index.d.ts.map +1 -1
- package/lib/types/Vevet/types.d.ts +0 -6
- package/lib/types/Vevet/types.d.ts.map +1 -1
- package/lib/types/base/Module/index.d.ts +2 -3
- package/lib/types/base/Module/index.d.ts.map +1 -1
- package/lib/types/components/CustomCursor/index.d.ts +1 -1
- package/lib/types/components/CustomCursor/index.d.ts.map +1 -1
- package/lib/types/components/CustomScroll/Elements.d.ts +2 -3
- package/lib/types/components/CustomScroll/Elements.d.ts.map +1 -1
- package/lib/types/components/CustomScroll/index.d.ts.map +1 -1
- package/lib/types/components/CustomScrollKeyboardPlugin/index.d.ts.map +1 -1
- package/lib/types/components/DraggerBase/index.d.ts +2 -3
- package/lib/types/components/DraggerBase/index.d.ts.map +1 -1
- package/lib/types/components/DraggerDirection/index.d.ts +1 -4
- package/lib/types/components/DraggerDirection/index.d.ts.map +1 -1
- package/lib/types/components/Marquee/index.d.ts.map +1 -1
- package/lib/types/components/Preloader/index.d.ts.map +1 -1
- package/lib/types/components/ProgressPreloader/index.d.ts.map +1 -1
- package/lib/types/components/ScrollBar/Bar/index.d.ts.map +1 -1
- package/lib/types/components/ScrollBar/index.d.ts +1 -1
- package/lib/types/components/ScrollBar/index.d.ts.map +1 -1
- package/lib/types/components/SectionScrollProgress/index.d.ts +1 -1
- package/lib/types/components/SectionScrollProgress/index.d.ts.map +1 -1
- package/lib/types/components/SplitText/index.d.ts.map +1 -1
- package/lib/types/utils/dom/addEventListener.d.ts +22 -0
- package/lib/types/utils/dom/addEventListener.d.ts.map +1 -0
- package/lib/types/utils/dom/childOf.d.ts +2 -0
- package/lib/types/utils/dom/childOf.d.ts.map +1 -0
- package/lib/types/utils/dom/isElement.d.ts +2 -0
- package/lib/types/utils/dom/isElement.d.ts.map +1 -0
- package/lib/types/utils/dom/isWindow.d.ts +2 -0
- package/lib/types/utils/dom/isWindow.d.ts.map +1 -0
- package/lib/types/utils/dom/selectAll.d.ts +5 -0
- package/lib/types/utils/dom/selectAll.d.ts.map +1 -0
- package/lib/types/utils/dom/selectOne.d.ts +3 -0
- package/lib/types/utils/dom/selectOne.d.ts.map +1 -0
- package/lib/types/utils/scroll/isPageScrolling.d.ts.map +1 -1
- package/lib/types/utils/scroll/onScroll.d.ts +16 -0
- package/lib/types/utils/scroll/onScroll.d.ts.map +1 -1
- package/lib/types/utils/scroll/scrollToElement.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +2 -3
- package/src/Vevet/events/createOnPageLoad/index.ts +1 -1
- package/src/Vevet/events/createViewport/index.ts +26 -20
- package/src/Vevet/events/createViewport/stories/index.tsx +2 -0
- package/src/Vevet/events/createViewport/types.ts +4 -0
- package/src/Vevet/events/createViewport/viewportCssVarsScript.ts +17 -0
- package/src/Vevet/exported.ts +3 -0
- package/src/Vevet/index.ts +1 -2
- package/src/Vevet/types.ts +0 -7
- package/src/base/Module/index.ts +11 -26
- package/src/components/CustomCursor/index.ts +18 -13
- package/src/components/CustomScroll/Elements.ts +8 -27
- package/src/components/CustomScroll/index.ts +1 -1
- package/src/components/CustomScrollKeyboardPlugin/index.ts +1 -1
- package/src/components/DraggerBase/index.ts +6 -9
- package/src/components/DraggerMove/index.ts +1 -1
- package/src/components/Marquee/index.ts +1 -1
- package/src/components/Preloader/index.ts +1 -1
- package/src/components/ProgressPreloader/index.ts +1 -1
- package/src/components/ScrollBar/Bar/index.ts +3 -3
- package/src/components/ScrollBar/index.ts +1 -1
- package/src/components/SectionScrollProgress/index.ts +1 -1
- package/src/components/SplitText/index.ts +1 -1
- package/src/components/SplitText/stories/index.tsx +1 -1
- package/src/components/SplitText/utils/wrapLines.ts +1 -1
- package/src/styles/mixins/_viewport.scss +0 -8
- package/src/utils/dom/addEventListener.ts +37 -0
- package/src/utils/dom/childOf.ts +15 -0
- package/src/utils/dom/isElement.ts +3 -0
- package/src/utils/dom/isWindow.ts +3 -0
- package/src/utils/dom/selectAll.ts +42 -0
- package/src/utils/dom/selectOne.ts +31 -0
- package/src/utils/scroll/isPageScrolling.ts +3 -4
- package/src/utils/scroll/onScroll.ts +35 -19
- package/src/utils/scroll/scrollToElement.ts +1 -1
- package/src/version.ts +1 -1
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.addEventListener = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* A utility function to add an event listener to a specified element.
|
|
6
|
+
*
|
|
7
|
+
* This function adds an event listener for the specified event type and
|
|
8
|
+
* returns a function that can be called to remove the event listener.
|
|
9
|
+
*
|
|
10
|
+
* @param element - The target element to which the event listener will be attached.
|
|
11
|
+
* @param target - The name of the event to listen for (e.g., 'click', 'scroll').
|
|
12
|
+
* @param listener - The callback function to execute when the event occurs.
|
|
13
|
+
* @param options - Optional parameters for the event listener.
|
|
14
|
+
*
|
|
15
|
+
* @example
|
|
16
|
+
* const button = document.getElementById('myButton');
|
|
17
|
+
* const removeClickListener = addEventListener(button, 'click', (event) => {
|
|
18
|
+
* console.log('Button clicked!');
|
|
19
|
+
* });
|
|
20
|
+
*
|
|
21
|
+
* // To remove the event listener later
|
|
22
|
+
* removeClickListener();
|
|
23
|
+
*/
|
|
24
|
+
function addEventListener(element, target, listener, options) {
|
|
25
|
+
element.addEventListener(target, listener, options);
|
|
26
|
+
var remove = function () {
|
|
27
|
+
element.removeEventListener(target, listener, options);
|
|
28
|
+
};
|
|
29
|
+
return remove;
|
|
30
|
+
}
|
|
31
|
+
exports.addEventListener = addEventListener;
|
|
32
|
+
//# sourceMappingURL=addEventListener.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"addEventListener.js","sourceRoot":"","sources":["../../../../src/utils/dom/addEventListener.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,gBAAgB,CAI9B,OAAoC,EACpC,MAAc,EACd,QAAkB,EAClB,OAA2C;IAE3C,OAAO,CAAC,gBAAgB,CAAC,MAAM,EAAE,QAAe,EAAE,OAAO,CAAC,CAAC;IAE3D,IAAM,MAAM,GAAG;QACb,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,QAAe,EAAE,OAAO,CAAC,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC;AAhBD,4CAgBC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.childOf = void 0;
|
|
4
|
+
function childOfCheck(el, parent) {
|
|
5
|
+
if (el === parent) {
|
|
6
|
+
return true;
|
|
7
|
+
}
|
|
8
|
+
if (el !== null) {
|
|
9
|
+
return childOfCheck(el.parentNode, parent);
|
|
10
|
+
}
|
|
11
|
+
return false;
|
|
12
|
+
}
|
|
13
|
+
function childOf(element, parent) {
|
|
14
|
+
return childOfCheck(element, parent);
|
|
15
|
+
}
|
|
16
|
+
exports.childOf = childOf;
|
|
17
|
+
//# sourceMappingURL=childOf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"childOf.js","sourceRoot":"","sources":["../../../../src/utils/dom/childOf.ts"],"names":[],"mappings":";;;AAAA,SAAS,YAAY,CAAC,EAAW,EAAE,MAAe;IAChD,IAAI,EAAE,KAAK,MAAM,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;IAED,IAAI,EAAE,KAAK,IAAI,EAAE;QACf,OAAO,YAAY,CAAC,EAAE,CAAC,UAAqB,EAAE,MAAM,CAAC,CAAC;KACvD;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,SAAgB,OAAO,CAAC,OAAgB,EAAE,MAAe;IACvD,OAAO,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC;AAFD,0BAEC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"isElement.js","sourceRoot":"","sources":["../../../../src/utils/dom/isElement.ts"],"names":[],"mappings":";;;AAAA,SAAgB,SAAS,CAAC,OAAY;IACpC,OAAO,OAAO,YAAY,OAAO,CAAC;AACpC,CAAC;AAFD,8BAEC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"isWindow.js","sourceRoot":"","sources":["../../../../src/utils/dom/isWindow.ts"],"names":[],"mappings":";;;AAAA,SAAgB,QAAQ,CAAC,OAAY;IACnC,OAAO,OAAO,YAAY,MAAM,CAAC;AACnC,CAAC;AAFD,4BAEC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.selectAll = void 0;
|
|
4
|
+
var isElement_1 = require("./isElement");
|
|
5
|
+
var selectOne_1 = require("./selectOne");
|
|
6
|
+
function selectAll(selector, parent) {
|
|
7
|
+
if (selector instanceof NodeList) {
|
|
8
|
+
return selector;
|
|
9
|
+
}
|
|
10
|
+
if ((0, isElement_1.isElement)(selector)) {
|
|
11
|
+
return [selector];
|
|
12
|
+
}
|
|
13
|
+
if (Array.isArray(selector)) {
|
|
14
|
+
return selector;
|
|
15
|
+
}
|
|
16
|
+
// if string
|
|
17
|
+
if (typeof parent !== 'undefined') {
|
|
18
|
+
var parenElement = (0, selectOne_1.selectOne)(parent);
|
|
19
|
+
if (parenElement) {
|
|
20
|
+
return parenElement.querySelectorAll(selector);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
return document.querySelectorAll(selector);
|
|
24
|
+
}
|
|
25
|
+
exports.selectAll = selectAll;
|
|
26
|
+
//# sourceMappingURL=selectAll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selectAll.js","sourceRoot":"","sources":["../../../../src/utils/dom/selectAll.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AACxC,yCAAwC;AAQxC,SAAgB,SAAS,CACvB,QAAW,EACX,MAAyB;IAQzB,IAAI,QAAQ,YAAY,QAAQ,EAAE;QAChC,OAAO,QAAe,CAAC;KACxB;IAED,IAAI,IAAA,qBAAS,EAAC,QAAQ,CAAC,EAAE;QACvB,OAAO,CAAC,QAAQ,CAAQ,CAAC;KAC1B;IAED,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;QAC3B,OAAO,QAAe,CAAC;KACxB;IAED,YAAY;IACZ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,IAAM,YAAY,GAAG,IAAA,qBAAS,EAAC,MAAM,CAAC,CAAC;QAEvC,IAAI,YAAY,EAAE;YAChB,OAAO,YAAY,CAAC,gBAAgB,CAAC,QAAQ,CAAQ,CAAC;SACvD;KACF;IAED,OAAO,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAQ,CAAC;AACpD,CAAC;AAhCD,8BAgCC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.selectOne = void 0;
|
|
4
|
+
var isElement_1 = require("./isElement");
|
|
5
|
+
var isWindow_1 = require("./isWindow");
|
|
6
|
+
function selectOne(selector, parent) {
|
|
7
|
+
if ((0, isWindow_1.isWindow)(selector)) {
|
|
8
|
+
return selector;
|
|
9
|
+
}
|
|
10
|
+
if ((0, isElement_1.isElement)(selector)) {
|
|
11
|
+
return selector;
|
|
12
|
+
}
|
|
13
|
+
// if string
|
|
14
|
+
if (typeof parent !== 'undefined') {
|
|
15
|
+
var parenEl = selectOne(parent);
|
|
16
|
+
if (parenEl) {
|
|
17
|
+
return parenEl.querySelector(selector);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
return document.querySelector(selector);
|
|
21
|
+
}
|
|
22
|
+
exports.selectOne = selectOne;
|
|
23
|
+
//# sourceMappingURL=selectOne.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selectOne.js","sourceRoot":"","sources":["../../../../src/utils/dom/selectOne.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AACxC,uCAAsC;AAItC,SAAgB,SAAS,CACvB,QAAW,EACX,MAAyB;IAMzB,IAAI,IAAA,mBAAQ,EAAC,QAAQ,CAAC,EAAE;QACtB,OAAO,QAAe,CAAC;KACxB;IAED,IAAI,IAAA,qBAAS,EAAC,QAAQ,CAAC,EAAE;QACvB,OAAO,QAAe,CAAC;KACxB;IAED,YAAY;IACZ,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,IAAM,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;QAClC,IAAI,OAAO,EAAE;YACX,OAAO,OAAO,CAAC,aAAa,CAAC,QAAkB,CAAQ,CAAC;SACzD;KACF;IAED,OAAO,QAAQ,CAAC,aAAa,CAAC,QAAkB,CAAQ,CAAC;AAC3D,CAAC;AAzBD,8BAyBC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.createIsPageScrolling = void 0;
|
|
4
|
-
var vevet_dom_1 = require("vevet-dom");
|
|
5
4
|
var common_1 = require("../common");
|
|
5
|
+
var addEventListener_1 = require("../dom/addEventListener");
|
|
6
6
|
var ids = [];
|
|
7
7
|
var timeout = null;
|
|
8
8
|
var listener;
|
|
@@ -13,7 +13,7 @@ var isScrolling = false;
|
|
|
13
13
|
*/
|
|
14
14
|
function createListener() {
|
|
15
15
|
if (!listener) {
|
|
16
|
-
listener = (0,
|
|
16
|
+
listener = (0, addEventListener_1.addEventListener)(window, 'scroll', function () {
|
|
17
17
|
if (timeout) {
|
|
18
18
|
clearTimeout(timeout);
|
|
19
19
|
}
|
|
@@ -29,7 +29,7 @@ function createListener() {
|
|
|
29
29
|
*/
|
|
30
30
|
function destroyListener() {
|
|
31
31
|
if (ids.length === 0) {
|
|
32
|
-
listener === null || listener === void 0 ? void 0 : listener
|
|
32
|
+
listener === null || listener === void 0 ? void 0 : listener();
|
|
33
33
|
listener = undefined;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"isPageScrolling.js","sourceRoot":"","sources":["../../../../src/utils/scroll/isPageScrolling.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"isPageScrolling.js","sourceRoot":"","sources":["../../../../src/utils/scroll/isPageScrolling.ts"],"names":[],"mappings":";;;AAAA,oCAAgC;AAChC,4DAA2D;AAE3D,IAAI,GAAG,GAAa,EAAE,CAAC;AAEvB,IAAI,OAAO,GAA0B,IAAI,CAAC;AAC1C,IAAI,QAAkC,CAAC;AAEvC,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB;;;GAGG;AACH,SAAS,cAAc;IACrB,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,IAAA,mCAAgB,EAAC,MAAM,EAAE,QAAQ,EAAE;YAC5C,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;aACvB;YAED,WAAW,GAAG,IAAI,CAAC;YAEnB,OAAO,GAAG,UAAU,CAAC;gBACnB,WAAW,GAAG,KAAK,CAAC;YACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC,CAAC;KACJ;AACH,CAAC;AAED;;GAEG;AACH,SAAS,eAAe;IACtB,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;QACb,QAAQ,GAAG,SAAS,CAAC;KACtB;AACH,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,SAAgB,qBAAqB;IACnC,IAAM,EAAE,GAAG,IAAA,YAAG,EAAC,mBAAmB,CAAC,CAAC;IACpC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEb,cAAc,EAAE,CAAC;IAEjB;;OAEG;IACH,SAAS,OAAO;QACd,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,EAAE,EAAX,CAAW,CAAC,CAAC;QACxC,eAAe,EAAE,CAAC;IACpB,CAAC;IAED,OAAO;QACL;;WAEG;QACH,GAAG,EAAE,cAAM,OAAA,WAAW,EAAX,CAAW;QAEtB;;WAEG;QACH,OAAO,SAAA;KACR,CAAC;AACJ,CAAC;AAzBD,sDAyBC"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.onScroll = void 0;
|
|
4
|
-
var vevet_dom_1 = require("vevet-dom");
|
|
5
4
|
var common_1 = require("../common");
|
|
6
5
|
var getScrollValues_1 = require("./getScrollValues");
|
|
7
|
-
var
|
|
6
|
+
var selectOne_1 = require("../dom/selectOne");
|
|
7
|
+
var addEventListener_1 = require("../dom/addEventListener");
|
|
8
|
+
if (typeof window !== 'undefined') {
|
|
9
|
+
window.__vevetOnScrollInstances = [];
|
|
10
|
+
}
|
|
8
11
|
/**
|
|
9
12
|
* Add `onScroll` event listener to the provided container (DOM element, custom scroll, or window).
|
|
10
13
|
* It automatically manages multiple scroll listeners by stacking them in instances.
|
|
@@ -25,7 +28,7 @@ var instances = [];
|
|
|
25
28
|
function onScroll(_a) {
|
|
26
29
|
var container = _a.container, callback = _a.callback, _b = _a.isPassive, isPassive = _b === void 0 ? false : _b;
|
|
27
30
|
// Check if a listener for this container already exists
|
|
28
|
-
var instance =
|
|
31
|
+
var instance = window.__vevetOnScrollInstances.find(function (data) { return data.container === container && data.isPassive === isPassive; });
|
|
29
32
|
var callbackId = (0, common_1.uid)('scroll-event');
|
|
30
33
|
// If a listener exists, we just add a new callback to its stack
|
|
31
34
|
if (instance) {
|
|
@@ -40,7 +43,7 @@ function onScroll(_a) {
|
|
|
40
43
|
isPassive: isPassive,
|
|
41
44
|
listeners: [],
|
|
42
45
|
};
|
|
43
|
-
|
|
46
|
+
window.__vevetOnScrollInstances.push(instance);
|
|
44
47
|
// Custom scroll events
|
|
45
48
|
if (typeof container === 'object' && 'isCustomScroll' in container) {
|
|
46
49
|
instance.listeners.push(container.addCallback('render', function () {
|
|
@@ -52,14 +55,18 @@ function onScroll(_a) {
|
|
|
52
55
|
}
|
|
53
56
|
else {
|
|
54
57
|
// DOM scroll events
|
|
55
|
-
var domContainer_1 = (0,
|
|
56
|
-
|
|
58
|
+
var domContainer_1 = (0, selectOne_1.selectOne)(container);
|
|
59
|
+
var listener = (0, addEventListener_1.addEventListener)(domContainer_1, 'scroll', function () {
|
|
57
60
|
var data = (0, getScrollValues_1.getScrollValues)(domContainer_1);
|
|
58
61
|
if (!data) {
|
|
59
62
|
return;
|
|
60
63
|
}
|
|
61
64
|
instance.callbacks.forEach(function (item) { return item.callback(data); });
|
|
62
|
-
}, { passive: isPassive })
|
|
65
|
+
}, { passive: isPassive });
|
|
66
|
+
var removeListener = {
|
|
67
|
+
remove: listener,
|
|
68
|
+
};
|
|
69
|
+
instance.listeners.push(removeListener);
|
|
63
70
|
}
|
|
64
71
|
}
|
|
65
72
|
// Removes the scroll listener
|
|
@@ -68,7 +75,7 @@ function onScroll(_a) {
|
|
|
68
75
|
instance.callbacks = newCallbacks;
|
|
69
76
|
if (newCallbacks.length === 0) {
|
|
70
77
|
instance.listeners.forEach(function (listener) { return listener.remove(); });
|
|
71
|
-
|
|
78
|
+
window.__vevetOnScrollInstances = window.__vevetOnScrollInstances.filter(function (item) { return item.id !== instance.id; });
|
|
72
79
|
}
|
|
73
80
|
};
|
|
74
81
|
return { remove: remove };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onScroll.js","sourceRoot":"","sources":["../../../../src/utils/scroll/onScroll.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"onScroll.js","sourceRoot":"","sources":["../../../../src/utils/scroll/onScroll.ts"],"names":[],"mappings":"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"}
|
|
@@ -23,10 +23,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
exports.scrollToElement = void 0;
|
|
26
|
-
var vevet_dom_1 = require("vevet-dom");
|
|
27
26
|
var getScrollValues_1 = require("./getScrollValues");
|
|
28
27
|
var clamp_1 = require("../math/clamp");
|
|
29
28
|
var scrollTo_1 = require("./scrollTo");
|
|
29
|
+
var selectOne_1 = require("../dom/selectOne");
|
|
30
30
|
/**
|
|
31
31
|
* Smoothly scroll to a specific element inside a container.
|
|
32
32
|
* It uses the element's bounding box to calculate the scroll position
|
|
@@ -61,7 +61,7 @@ function scrollToElement(_a) {
|
|
|
61
61
|
var _b = _a.container, container = _b === void 0 ? window : _b, elementProp = _a.element, _c = _a.top, top = _c === void 0 ? 0 : _c, _d = _a.left, left = _d === void 0 ? 0 : _d, props = __rest(_a, ["container", "element", "top", "left"]);
|
|
62
62
|
return new Promise(function (resolve, reject) {
|
|
63
63
|
var startValues = (0, getScrollValues_1.getScrollValues)(container);
|
|
64
|
-
var element = (0,
|
|
64
|
+
var element = (0, selectOne_1.selectOne)(elementProp);
|
|
65
65
|
if (!startValues || !element) {
|
|
66
66
|
reject();
|
|
67
67
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scrollToElement.js","sourceRoot":"","sources":["../../../../src/utils/scroll/scrollToElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"scrollToElement.js","sourceRoot":"","sources":["../../../../src/utils/scroll/scrollToElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAoD;AACpD,uCAAsC;AACtC,uCAAsD;AACtD,8CAA6C;AAS7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,SAAgB,eAAe,CAAC,EAMR;IALtB,IAAA,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EACT,WAAW,aAAA,EACpB,WAAO,EAAP,GAAG,mBAAG,CAAC,KAAA,EACP,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACL,KAAK,cALsB,uCAM/B,CADS;IAER,OAAO,IAAI,OAAO,CAAO,UAAC,OAAO,EAAE,MAAM;QACvC,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,SAAS,CAAC,CAAC;QAC/C,IAAM,OAAO,GAAG,IAAA,qBAAS,EAAC,WAAW,CAAC,CAAC;QAEvC,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE;YAC5B,MAAM,EAAE,CAAC;YAET,OAAO;SACR;QAED,IAAM,QAAQ,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAEjD,IAAM,KAAK,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC,SAAS,GAAG,GAAG,EAAE;YAC9D,CAAC;YACD,QAAQ;SACT,CAAC,CAAC;QAEH,IAAM,MAAM,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC,UAAU,GAAG,IAAI,EAAE;YAClE,CAAC;YACD,QAAQ;SACT,CAAC,CAAC;QAEH,IAAA,mBAAQ,wBACH,KAAK,KACR,SAAS,WAAA,EACT,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,MAAM,IACZ;aACC,IAAI,CAAC,OAAO,CAAC;aACb,KAAK,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,CAAC,CAAC;AACL,CAAC;AAtCD,0CAsCC"}
|
package/lib/cjs/version.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { addEventListener } from 'vevet-dom';
|
|
2
1
|
import { Callbacks } from '../../../base/Callbacks';
|
|
2
|
+
import { addEventListener } from '../../../utils/dom/addEventListener';
|
|
3
3
|
export function createOnPageLoad(prefix) {
|
|
4
4
|
const callbacks = new Callbacks();
|
|
5
5
|
let isLoaded = false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createOnPageLoad/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createOnPageLoad/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,MAAM,UAAU,gBAAgB,CAAC,MAAc;IAC7C,MAAM,SAAS,GAAG,IAAI,SAAS,EAAmB,CAAC;IAEnD,IAAI,QAAQ,GAAG,KAAK,CAAC;IAErB,IAAI,QAAQ,CAAC,UAAU,KAAK,UAAU,EAAE;QACtC,YAAY,EAAE,CAAC;KAChB;SAAM;QACL,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;KACxD;IAED,8BAA8B;IAC9B,SAAS,YAAY;QACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC;QAE1B,QAAQ,GAAG,IAAI,CAAC;QAEhB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;QAC1C,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,CAAC;QAE1C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC;QAEtC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACrC,CAAC;IAED,kCAAkC;IAClC,SAAS,MAAM,CAAC,QAAoB;QAClC,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAC;YAEX,OAAO,SAAS,CAAC;SAClB;QAED,OAAO,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;AACjD,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { addEventListener } from 'vevet-dom';
|
|
2
1
|
import { EOrientationTypes, ESizeTypes, } from './types';
|
|
3
2
|
import { Callbacks } from '../../../base/Callbacks';
|
|
4
|
-
|
|
3
|
+
import { addEventListener } from '../../../utils/dom/addEventListener';
|
|
4
|
+
export function createViewport(props, isMobileDevice, prefix) {
|
|
5
5
|
const html = document.documentElement;
|
|
6
|
+
const mqDesktop = window.matchMedia(`(min-width: ${props.tablet + 0.001}px)`);
|
|
7
|
+
const mqTablet = window.matchMedia(`(min-width: ${props.phone + 0.001}px) and (max-width: ${props.tablet}px)`);
|
|
8
|
+
const mqPhone = window.matchMedia(`(max-width: ${props.phone}px)`);
|
|
6
9
|
// create callbacks
|
|
7
10
|
const callbacks = new Callbacks();
|
|
8
11
|
// default data
|
|
@@ -10,8 +13,10 @@ export function createViewport(props, isDesktopDevice, prefix) {
|
|
|
10
13
|
callbacks,
|
|
11
14
|
width: 0,
|
|
12
15
|
height: 0,
|
|
16
|
+
sHeight: 0,
|
|
13
17
|
vw: 0,
|
|
14
18
|
vh: 0,
|
|
19
|
+
svh: 0,
|
|
15
20
|
isLandscape: false,
|
|
16
21
|
isPortrait: false,
|
|
17
22
|
isDesktop: false,
|
|
@@ -58,27 +63,24 @@ export function createViewport(props, isDesktopDevice, prefix) {
|
|
|
58
63
|
}
|
|
59
64
|
/** Update viewport values */
|
|
60
65
|
function updateValues() {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
: html.clientWidth;
|
|
65
|
-
// set sizes
|
|
66
|
-
data.width = width;
|
|
67
|
-
data.height = html.clientHeight;
|
|
66
|
+
const { width: prevWidth } = data;
|
|
67
|
+
data.width = window.innerWidth;
|
|
68
|
+
data.height = window.innerHeight;
|
|
68
69
|
data.vw = data.width / 100;
|
|
69
70
|
data.vh = data.height / 100;
|
|
70
71
|
data.isLandscape = data.width > data.height;
|
|
71
72
|
data.isPortrait = data.width < data.height;
|
|
72
|
-
data.isDesktop =
|
|
73
|
-
data.isTablet =
|
|
74
|
-
data.isPhone =
|
|
73
|
+
data.isDesktop = mqDesktop.matches;
|
|
74
|
+
data.isTablet = mqTablet.matches;
|
|
75
|
+
data.isPhone = mqPhone.matches;
|
|
75
76
|
data.dpr = window.devicePixelRatio;
|
|
76
|
-
data.lowerDpr =
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
data.
|
|
80
|
-
|
|
81
|
-
|
|
77
|
+
data.lowerDpr = !isMobileDevice ? 1 : Math.min(data.dpr, 2);
|
|
78
|
+
// update sHeight && svh only when the width changes
|
|
79
|
+
// or for desktop
|
|
80
|
+
if (prevWidth !== data.width || !data.sHeight || !isMobileDevice) {
|
|
81
|
+
data.sHeight = document.documentElement.clientHeight;
|
|
82
|
+
data.svh = data.sHeight / 100;
|
|
83
|
+
}
|
|
82
84
|
// update states
|
|
83
85
|
updateClassNames();
|
|
84
86
|
updateCSSVars();
|
|
@@ -123,6 +125,7 @@ export function createViewport(props, isDesktopDevice, prefix) {
|
|
|
123
125
|
function updateCSSVars() {
|
|
124
126
|
html.style.setProperty('--vw', `${data.vw}px`);
|
|
125
127
|
html.style.setProperty('--vh', `${data.vh}px`);
|
|
128
|
+
html.style.setProperty('--svh', `${data.svh}px`);
|
|
126
129
|
}
|
|
127
130
|
return data;
|
|
128
131
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export const viewportCssVarsScript = `var updateVevetViewport = function update() {
|
|
2
|
+
if (window.vevetApp) {
|
|
3
|
+
return;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
var w = window.innerWidth;
|
|
7
|
+
var h = window.innerHeight;
|
|
8
|
+
var sh = document.documentElement.clientHeight;
|
|
9
|
+
|
|
10
|
+
document.documentElement.style.setProperty('--vw', w / 100 + "px");
|
|
11
|
+
document.documentElement.style.setProperty('--vh', h / 100 + "px");
|
|
12
|
+
document.documentElement.style.setProperty('--svh', sh / 100 + "px");
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
window.addEventListener('resize', updateVevetViewport);
|
|
16
|
+
|
|
17
|
+
updateVevetViewport();`;
|
|
18
|
+
//# sourceMappingURL=viewportCssVarsScript.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"viewportCssVarsScript.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/viewportCssVarsScript.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG;;;;;;;;;;;;;;;;uBAgBd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"exported.js","sourceRoot":"","sources":["../../../src/Vevet/exported.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"exported.js","sourceRoot":"","sources":["../../../src/Vevet/exported.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAEtF,OAAO,EAAE,qBAAqB,EAAE,CAAC"}
|
package/lib/esm/Vevet/index.js
CHANGED
|
@@ -12,7 +12,6 @@ export function Vevet(input) {
|
|
|
12
12
|
easing: [0.25, 0.1, 0.25, 1],
|
|
13
13
|
resizeDebounce: 16,
|
|
14
14
|
checkWebpSupport: true,
|
|
15
|
-
widthDetection: 'boundingRect',
|
|
16
15
|
};
|
|
17
16
|
const props = Object.assign(Object.assign({}, defaultProps), input);
|
|
18
17
|
const prefix = 'v-';
|
|
@@ -24,7 +23,7 @@ export function Vevet(input) {
|
|
|
24
23
|
const isDesktop = !isMobile;
|
|
25
24
|
// events
|
|
26
25
|
const pageLoad = createOnPageLoad(prefix);
|
|
27
|
-
const viewport = createViewport(props,
|
|
26
|
+
const viewport = createViewport(props, isMobile, prefix);
|
|
28
27
|
// output
|
|
29
28
|
const output = {
|
|
30
29
|
version,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Vevet/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,MAAM,UAAU,KAAK,CAAC,KAA2B;IAC/C,yBAAyB;IAEzB,MAAM,YAAY,GAAgB;QAChC,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QAC5B,cAAc,EAAE,EAAE;QAClB,gBAAgB,EAAE,IAAI;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Vevet/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { addEventListener, } from 'vevet-dom';
|
|
2
1
|
import { MutableProps } from '../MutableProps';
|
|
3
2
|
import { Callbacks } from '../Callbacks';
|
|
4
3
|
import { getApp } from '../../utils/internal/getApp';
|
|
4
|
+
import { addEventListener } from '../../utils/dom/addEventListener';
|
|
5
5
|
/**
|
|
6
6
|
* A base class for modules that handle responsive properties, event listeners, and custom callbacks.
|
|
7
7
|
* This class provides a structure for modules that can dynamically respond to viewport changes, property mutations, and various lifecycle events.
|
|
@@ -178,18 +178,15 @@ export class Module {
|
|
|
178
178
|
/**
|
|
179
179
|
* Adds a DOM event listener that will be automatically removed when the module is destroyed.
|
|
180
180
|
*
|
|
181
|
-
* @param
|
|
181
|
+
* @param element - The target element for the event listener.
|
|
182
182
|
* @param target - The event type to listen for (e.g., 'click', 'resize').
|
|
183
183
|
* @param callback - The callback function to execute when the event is triggered.
|
|
184
184
|
* @param options - Additional options for the event listener.
|
|
185
185
|
*/
|
|
186
|
-
addEventListener(
|
|
187
|
-
const listener = addEventListener(
|
|
186
|
+
addEventListener(element, target, callback, options) {
|
|
187
|
+
const listener = addEventListener(element, target, callback, options);
|
|
188
188
|
this._listeners.push(listener);
|
|
189
|
-
return
|
|
190
|
-
this._listeners = this._listeners.filter((item) => item.id !== listener.id);
|
|
191
|
-
return listener.remove();
|
|
192
|
-
} });
|
|
189
|
+
return listener;
|
|
193
190
|
}
|
|
194
191
|
/**
|
|
195
192
|
* Helper function to generate class names with the module's prefix.
|
|
@@ -232,7 +229,7 @@ export class Module {
|
|
|
232
229
|
this._callbacks.destroy();
|
|
233
230
|
this._mutableProps.destroy();
|
|
234
231
|
this._destroyableActions.forEach((action) => action());
|
|
235
|
-
this._listeners.forEach((listener) => listener
|
|
232
|
+
this._listeners.forEach((listener) => listener());
|
|
236
233
|
this._classNamesToRemove.forEach(({ element, className }) => element.classList.remove(className));
|
|
237
234
|
this._isDestroyed = true;
|
|
238
235
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Module/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base/Module/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { addEventListener, createElement, selectOne } from 'vevet-dom';
|
|
2
1
|
import { AnimationFrame } from '../AnimationFrame';
|
|
3
2
|
import { Component as ComponentClass } from '../../base/Component';
|
|
4
3
|
import { lerp } from '../../utils/math';
|
|
5
4
|
import { getApp } from '../../utils/internal/getApp';
|
|
5
|
+
import { selectOne } from '../../utils/dom/selectOne';
|
|
6
|
+
import { addEventListener } from '../../utils/dom/addEventListener';
|
|
6
7
|
/**
|
|
7
8
|
* Creates a smooth custom cursor that replaces the native cursor and follows mouse movements with smoothing and animations.
|
|
8
9
|
* The cursor's appearance and behavior can be customized, and it supports interacting with hoverable elements.
|
|
@@ -144,15 +145,19 @@ export class CustomCursor extends ComponentClass {
|
|
|
144
145
|
// Set class names
|
|
145
146
|
domContainer.classList.add(this.className('-container'));
|
|
146
147
|
// Create outer element
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
148
|
+
const outer = document.createElement('div');
|
|
149
|
+
this._outerElement = outer;
|
|
150
|
+
domContainer.append(outer);
|
|
151
|
+
outer.classList.add(this.className(''));
|
|
152
|
+
outer.classList.add(this.className(container instanceof Window ? '-in-window' : '-in-element'));
|
|
153
|
+
outer.classList.add(this.className('-disabled'));
|
|
151
154
|
// Create inner element
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
155
|
+
const inner = document.createElement('div');
|
|
156
|
+
this._innerElement = inner;
|
|
157
|
+
outer.append(inner);
|
|
158
|
+
inner.classList.add(this.className('__inner'));
|
|
159
|
+
inner.classList.add(this.className('-disabled'));
|
|
160
|
+
outer.append(inner);
|
|
156
161
|
// Call events
|
|
157
162
|
this.callbacks.tbt('create', {
|
|
158
163
|
outerElement: this.outerElement,
|
|
@@ -243,8 +248,8 @@ export class CustomCursor extends ComponentClass {
|
|
|
243
248
|
if (((_a = this.hoveredElement) === null || _a === void 0 ? void 0 : _a.element) === element) {
|
|
244
249
|
this.hoveredElement = undefined;
|
|
245
250
|
}
|
|
246
|
-
mouseEnter
|
|
247
|
-
mouseLeave
|
|
251
|
+
mouseEnter();
|
|
252
|
+
mouseLeave();
|
|
248
253
|
if (timeout) {
|
|
249
254
|
clearTimeout(timeout);
|
|
250
255
|
}
|