vevet 5.0.2 → 5.0.4
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 +5 -5
- package/lib/cjs/base/Responsive/index.js +1 -1
- package/lib/cjs/base/Responsive/index.js.map +1 -1
- package/lib/cjs/components/ProgressPreloader/index.js +8 -4
- package/lib/cjs/components/ProgressPreloader/index.js.map +1 -1
- package/lib/cjs/components/ProgressPreloader/utils/preloadCustomElement.js +1 -1
- package/lib/cjs/components/ProgressPreloader/utils/preloadCustomElement.js.map +1 -1
- package/lib/cjs/components/Snap/Slide/index.js +22 -6
- package/lib/cjs/components/Snap/Slide/index.js.map +1 -1
- package/lib/cjs/components/Snap/Swipe/index.js +7 -6
- package/lib/cjs/components/Snap/Swipe/index.js.map +1 -1
- package/lib/cjs/components/Snap/Track/index.js +23 -0
- package/lib/cjs/components/Snap/Track/index.js.map +1 -1
- package/lib/cjs/components/Snap/Wheel/index.js +1 -1
- package/lib/cjs/components/Snap/Wheel/index.js.map +1 -1
- package/lib/cjs/components/Snap/index.js +55 -29
- package/lib/cjs/components/Snap/index.js.map +1 -1
- package/lib/cjs/components/SplitText/index.js +17 -12
- package/lib/cjs/components/SplitText/index.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/wrapLetters.js +4 -3
- package/lib/cjs/components/SplitText/utils/wrapLetters.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/wrapLines.js +12 -4
- package/lib/cjs/components/SplitText/utils/wrapLines.js.map +1 -1
- package/lib/cjs/components/SplitText/utils/wrapWords.js +10 -8
- package/lib/cjs/components/SplitText/utils/wrapWords.js.map +1 -1
- package/lib/cjs/core/handlers/createViewport/index.js +2 -2
- package/lib/cjs/core/index.js +1 -1
- package/lib/cjs/core/index.js.map +1 -1
- package/lib/cjs/utils/common/getClosest.js +15 -0
- package/lib/cjs/utils/common/getClosest.js.map +1 -0
- package/lib/cjs/utils/common/index.js +2 -1
- package/lib/cjs/utils/common/index.js.map +1 -1
- package/lib/cjs/utils/common/toPixels.js +1 -1
- package/lib/cjs/utils/common/toPixels.js.map +1 -1
- package/lib/cjs/utils/listeners/onResize.js +1 -1
- package/lib/cjs/utils/listeners/onResize.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/base/Responsive/index.js +1 -1
- package/lib/esm/base/Responsive/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/index.js +6 -4
- package/lib/esm/components/ProgressPreloader/index.js.map +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js +1 -1
- package/lib/esm/components/ProgressPreloader/utils/preloadCustomElement.js.map +1 -1
- package/lib/esm/components/Snap/Slide/index.js +18 -6
- package/lib/esm/components/Snap/Slide/index.js.map +1 -1
- package/lib/esm/components/Snap/Swipe/index.js +7 -6
- package/lib/esm/components/Snap/Swipe/index.js.map +1 -1
- package/lib/esm/components/Snap/Track/index.js +15 -0
- package/lib/esm/components/Snap/Track/index.js.map +1 -1
- package/lib/esm/components/Snap/Wheel/index.js +1 -1
- package/lib/esm/components/Snap/Wheel/index.js.map +1 -1
- package/lib/esm/components/Snap/index.js +44 -22
- package/lib/esm/components/Snap/index.js.map +1 -1
- package/lib/esm/components/SplitText/index.js +17 -12
- package/lib/esm/components/SplitText/index.js.map +1 -1
- package/lib/esm/components/SplitText/utils/wrapLetters.js +4 -3
- package/lib/esm/components/SplitText/utils/wrapLetters.js.map +1 -1
- package/lib/esm/components/SplitText/utils/wrapLines.js +12 -4
- package/lib/esm/components/SplitText/utils/wrapLines.js.map +1 -1
- package/lib/esm/components/SplitText/utils/wrapWords.js +10 -8
- package/lib/esm/components/SplitText/utils/wrapWords.js.map +1 -1
- package/lib/esm/core/handlers/createViewport/index.js +2 -2
- package/lib/esm/core/index.js +1 -1
- package/lib/esm/core/index.js.map +1 -1
- package/lib/esm/utils/common/getClosest.js +10 -0
- package/lib/esm/utils/common/getClosest.js.map +1 -0
- package/lib/esm/utils/common/index.js +2 -1
- package/lib/esm/utils/common/index.js.map +1 -1
- package/lib/esm/utils/common/toPixels.js +1 -1
- package/lib/esm/utils/common/toPixels.js.map +1 -1
- package/lib/esm/utils/listeners/onResize.js +1 -1
- package/lib/esm/utils/listeners/onResize.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/types/components/ProgressPreloader/index.d.ts.map +1 -1
- package/lib/types/components/Snap/Slide/index.d.ts +2 -0
- package/lib/types/components/Snap/Slide/index.d.ts.map +1 -1
- package/lib/types/components/Snap/Slide/types.d.ts +6 -4
- package/lib/types/components/Snap/Slide/types.d.ts.map +1 -1
- package/lib/types/components/Snap/Swipe/index.d.ts.map +1 -1
- package/lib/types/components/Snap/Track/index.d.ts +4 -0
- package/lib/types/components/Snap/Track/index.d.ts.map +1 -1
- package/lib/types/components/Snap/index.d.ts +6 -4
- package/lib/types/components/Snap/index.d.ts.map +1 -1
- package/lib/types/components/Snap/types.d.ts +23 -1
- package/lib/types/components/Snap/types.d.ts.map +1 -1
- package/lib/types/components/SplitText/index.d.ts +1 -1
- package/lib/types/components/SplitText/index.d.ts.map +1 -1
- package/lib/types/components/SplitText/types.d.ts +20 -0
- package/lib/types/components/SplitText/types.d.ts.map +1 -1
- package/lib/types/components/SplitText/utils/wrapLetters.d.ts.map +1 -1
- package/lib/types/components/SplitText/utils/wrapLines.d.ts.map +1 -1
- package/lib/types/components/SplitText/utils/wrapWords.d.ts.map +1 -1
- package/lib/types/core/global.d.ts +8 -8
- package/lib/types/core/global.d.ts.map +1 -1
- package/lib/types/core/handlers/createViewport/types.d.ts +2 -2
- package/lib/types/utils/common/getClosest.d.ts +8 -0
- package/lib/types/utils/common/getClosest.d.ts.map +1 -0
- package/lib/types/utils/common/index.d.ts +2 -1
- package/lib/types/utils/common/index.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +1 -1
- package/src/base/Responsive/index.ts +1 -1
- package/src/components/ProgressPreloader/index.ts +9 -4
- package/src/components/ProgressPreloader/utils/preloadCustomElement.ts +1 -1
- package/src/components/Snap/Slide/index.ts +20 -5
- package/src/components/Snap/Slide/types.ts +6 -4
- package/src/components/Snap/Swipe/index.ts +9 -6
- package/src/components/Snap/Track/index.ts +20 -0
- package/src/components/Snap/Wheel/index.ts +1 -1
- package/src/components/Snap/index.ts +65 -22
- package/src/components/Snap/types.ts +26 -1
- package/src/components/SplitText/index.ts +22 -11
- package/src/components/SplitText/types.ts +24 -0
- package/src/components/SplitText/utils/wrapLetters.ts +5 -3
- package/src/components/SplitText/utils/wrapLines.ts +16 -5
- package/src/components/SplitText/utils/wrapWords.ts +11 -8
- package/src/core/global.ts +8 -8
- package/src/core/handlers/createViewport/index.ts +2 -2
- package/src/core/handlers/createViewport/types.ts +2 -2
- package/src/core/index.ts +1 -1
- package/src/utils/common/getClosest.ts +11 -0
- package/src/utils/common/index.ts +2 -1
- package/src/utils/common/toPixels.ts +1 -1
- package/src/utils/listeners/onResize.ts +1 -1
- package/src/version.ts +1 -1
|
@@ -16,7 +16,7 @@ export function toPixels(value) {
|
|
|
16
16
|
const app = initVevet();
|
|
17
17
|
if (!window.vevet5_toPixelsCache) {
|
|
18
18
|
window.vevet5_toPixelsCache = new Map();
|
|
19
|
-
app.
|
|
19
|
+
app.onResize('any', () => {
|
|
20
20
|
window.vevet5_toPixelsCache.clear();
|
|
21
21
|
}, { name: 'toPixels' });
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toPixels.js","sourceRoot":"","sources":["../../../../src/utils/common/toPixels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAU/C,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEhD;;;;;;;;GAQG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CAAC,CAAC;IACX,CAAC;IACD,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IAExB,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QACjC,MAAM,CAAC,oBAAoB,GAAG,IAAI,GAAG,EAAE,CAAC;QAExC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"toPixels.js","sourceRoot":"","sources":["../../../../src/utils/common/toPixels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAU/C,MAAM,SAAS,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEhD;;;;;;;;GAQG;AACH,MAAM,UAAU,QAAQ,CAAC,KAAsB;IAC7C,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CAAC,CAAC;IACX,CAAC;IACD,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IAExB,IAAI,CAAC,MAAM,CAAC,oBAAoB,EAAE,CAAC;QACjC,MAAM,CAAC,oBAAoB,GAAG,IAAI,GAAG,EAAE,CAAC;QAExC,GAAG,CAAC,QAAQ,CACV,KAAK,EACL,GAAG,EAAE;YACH,MAAM,CAAC,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACtC,CAAC,EACD,EAAE,IAAI,EAAE,UAAU,EAAE,CACrB,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3C,OAAO,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,CAAE,CAAC;IACjD,CAAC;IAED,IAAI,UAAU,GAAG,CAAC,CAAC;IACnB,MAAM,GAAG,GAAG,UAAU,CAAC,GAAG,KAAK,EAAE,CAAC,CAAC;IAEnC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC9B,UAAU,GAAG,KAAK,CAAC;IACrB,CAAC;SAAM,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QAC7B,UAAU,GAAG,CAAC,CAAC;IACjB,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACjC,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;IAC7B,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAChC,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC;IAC5B,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QAChC,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC;IAC5B,CAAC;SAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QACjC,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;IAC7B,CAAC;IAED,MAAM,CAAC,oBAAoB,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAEnD,OAAO,UAAU,CAAC;AACpB,CAAC"}
|
|
@@ -49,7 +49,7 @@ export function onResize({ callback, element, viewportTarget, resizeDebounce = 0
|
|
|
49
49
|
}
|
|
50
50
|
// Attach viewport event listeners if specified
|
|
51
51
|
if (viewportTarget) {
|
|
52
|
-
viewportCallback = core.
|
|
52
|
+
viewportCallback = core.onResize(viewportTarget, () => debounceResize(), {
|
|
53
53
|
name,
|
|
54
54
|
});
|
|
55
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onResize.js","sourceRoot":"","sources":["../../../../src/utils/listeners/onResize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AA+C/C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,GAAG,CAAC,EAClB,IAAI,GACW;IACf,MAAM,IAAI,GAAG,SAAS,EAAE,CAAC;IAEzB,IAAI,OAAmC,CAAC;IACxC,IAAI,cAA0C,CAAC;IAC/C,IAAI,uBAAuB,GAAG,IAAI,CAAC;IAEnC,IAAI,gBAA0C,CAAC;IAE/C,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,SAAS,CAAC;QACtB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,mDAAmD;IACnD,IAAI,OAAO,EAAE,CAAC;QACZ,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,IAAI,uBAAuB,EAAE,CAAC;gBAC5B,uBAAuB,GAAG,KAAK,CAAC;gBAEhC,OAAO;YACT,CAAC;YAED,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC5D,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,+CAA+C;IAC/C,IAAI,cAAc,EAAE,CAAC;QACnB,gBAAgB,GAAG,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"onResize.js","sourceRoot":"","sources":["../../../../src/utils/listeners/onResize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AA+C/C;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,GAAG,CAAC,EAClB,IAAI,GACW;IACf,MAAM,IAAI,GAAG,SAAS,EAAE,CAAC;IAEzB,IAAI,OAAmC,CAAC;IACxC,IAAI,cAA0C,CAAC;IAC/C,IAAI,uBAAuB,GAAG,IAAI,CAAC;IAEnC,IAAI,gBAA0C,CAAC;IAE/C,MAAM,cAAc,GAAG,CAAC,KAAc,EAAE,EAAE;QACxC,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,OAAO,CAAC,CAAC;YACtB,OAAO,GAAG,SAAS,CAAC;QACtB,CAAC;QAED,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,mDAAmD;IACnD,IAAI,OAAO,EAAE,CAAC;QACZ,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,IAAI,uBAAuB,EAAE,CAAC;gBAC5B,uBAAuB,GAAG,KAAK,CAAC;gBAEhC,OAAO;YACT,CAAC;YAED,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC5D,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,EAAE,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAED,+CAA+C;IAC/C,IAAI,cAAc,EAAE,CAAC;QACnB,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE,EAAE;YACvE,IAAI;SACL,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,OAAO,EAAE,CAAC;gBACZ,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC;YAED,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,CAAC;YAC7B,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACvB,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE;QACxB,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE;KACvC,CAAC;AACJ,CAAC"}
|
package/lib/esm/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressPreloader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,OAAO,EACL,8BAA8B,EAC9B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAG7B,cAAc,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ProgressPreloader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAM1D,OAAO,EACL,8BAA8B,EAC9B,0BAA0B,EAC1B,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAG7B,cAAc,SAAS,CAAC;AAIxB;;;;;;;GAOG;AACH,qBAAa,iBAAiB,CAC5B,YAAY,SACV,8BAA8B,GAAG,8BAA8B,EACjE,WAAW,SACT,6BAA6B,GAAG,6BAA6B,EAC/D,YAAY,SACV,8BAA8B,GAAG,8BAA8B,CACjE,SAAQ,SAAS,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC;IAC1D;;OAEG;IACI,UAAU,IAAI,cAAc,CAAC,WAAW,CAAC;IAYhD;;OAEG;IACI,WAAW,IAAI,cAAc,CAAC,YAAY,CAAC;IAIlD;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,0BAA0B,EAAE,CAEhD;IAEF;;OAEG;IACH,IAAI,SAAS,iCAEZ;IAED;;OAEG;IACH,IAAI,WAAW,WAEd;IAED;;OAEG;IACH,IAAI,YAAY,WAEf;IAED;;OAEG;IACH,IAAI,YAAY,WAEf;IAED;;OAEG;IACH,SAAS,CAAC,SAAS,SAAK;IAExB;;OAEG;IACH,IAAI,QAAQ,WAEX;IAED,qEAAqE;IACrE,SAAS,CAAC,IAAI,EAAE,GAAG,CAAC;gBAER,KAAK,CAAC,EAAE,WAAW,GAAG,YAAY;IAqB9C,qBAAqB;IACrB,SAAS,CAAC,YAAY;IAyBtB,qBAAqB;IACrB,SAAS,CAAC,YAAY;IAuBtB,+BAA+B;IAC/B,SAAS,CAAC,eAAe;IAwBzB;;;;OAIG;IACI,WAAW,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,SAAI;IAcnD;;;OAGG;IACI,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM;IAgBlE;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,WAAW,EAAE,MAAM;IA8B3C;;OAEG;IACH,SAAS,CAAC,SAAS,CAAC,QAAQ,EAAE,MAAM,IAAI;IAexC;;OAEG;IACH,SAAS,CAAC,QAAQ;CAKnB"}
|
|
@@ -48,6 +48,8 @@ export declare class SnapSlide {
|
|
|
48
48
|
get progress(): number;
|
|
49
49
|
/** Current progress of slide movement: from -1 to 1. Do not update it manually! */
|
|
50
50
|
setProgress(value: number): void;
|
|
51
|
+
/** Size property */
|
|
52
|
+
get sizeProp(): string | number;
|
|
51
53
|
/** Slide size in pixels */
|
|
52
54
|
get size(): number;
|
|
53
55
|
/** Check if the slide is visible */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Slide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,SAAS,EAA2B,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,qBAAa,SAAS;IAElB,SAAS,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;gBAA5B,QAAQ,EAAE,WAAW,GAAG,IAAI,EACtC,SAAS,GAAE,eAAoB;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Slide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,SAAS,EAA2B,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,qBAAa,SAAS;IAElB,SAAS,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;gBAA5B,QAAQ,EAAE,WAAW,GAAG,IAAI,EACtC,SAAS,GAAE,eAAoB;IAmBjC,oBAAoB;IACpB,IAAI,OAAO,uBAEV;IAED,kBAAkB;IAClB,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC;IAE5C,uBAAuB;IACvB,IAAI,KAAK,8BAER;IAED,eAAe;IACf,SAAS,CAAC,GAAG,SAAC;IAEd,eAAe;IACf,IAAI,EAAE,WAEL;IAED,kBAAkB;IAClB,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzB,kBAAkB;IAClB,IAAI,KAAK,WAER;IAED,qBAAqB;IACrB,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IAEvB,qBAAqB;IACrB,SAAS,KAAK,IAAI,oHAEjB;IAED,6BAA6B;IAC7B,SAAS,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAEhC,0BAA0B;IAC1B,SAAS,CAAC,QAAQ,EAAE,SAAS,GAAG,MAAM,CAAC;IAEvC,yBAAyB;IACzB,SAAS,CAAC,MAAM,SAAK;IAErB,+BAA+B;IAC/B,SAAS,CAAC,WAAW,UAAS;IAE9B,8BAA8B;IAC9B,SAAS,CAAC,UAAU,UAAS;IAE7B,0DAA0D;IAC1D,SAAS,CAAC,YAAY,SAAK;IAE3B,uDAAuD;IACvD,SAAS,CAAC,SAAS,SAAK;IAExB,yBAAyB;IACzB,IAAI,KAAK,WAER;IAED,qDAAqD;IAC9C,QAAQ,CAAC,KAAK,EAAE,MAAM;IAS7B,0DAA0D;IAC1D,IAAI,WAAW,WAEd;IAED,uGAAuG;IAChG,cAAc,CAAC,KAAK,EAAE,MAAM;IAInC,uDAAuD;IACvD,IAAI,QAAQ,WAEX;IAED,mFAAmF;IAC5E,WAAW,CAAC,KAAK,EAAE,MAAM;IAIhC,oBAAoB;IACpB,IAAI,QAAQ,oBAEX;IAED,2BAA2B;IAC3B,IAAI,IAAI,WAgBP;IAED,oCAAoC;IACpC,IAAI,SAAS,YAEZ;IAED,6CAA6C;IACtC,MAAM,CAAC,QAAQ,UAAQ;IAmB9B,yCAAyC;IAClC,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM;IAiBvC,2CAA2C;IACpC,MAAM;IAKb,uBAAuB;IAChB,MAAM;IAIb,iCAAiC;IACjC,SAAS,CAAC,aAAa;IAiBvB,gEAAgE;IAChE,IAAI,OAAO,aAoCV;CACF"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
export interface ISnapSlideProps {
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
3
|
+
* Slide size. Supported values:
|
|
4
|
+
* - `auto` detects slide size depending on the element or container size.
|
|
5
|
+
* - `stretch` detects slide size as the container size.
|
|
6
|
+
* - `number` defines the slide size in pixels.
|
|
7
|
+
* - css units like `px`, `rem`, `vw`, `vh`, `svh`.
|
|
6
8
|
*/
|
|
7
|
-
size?: number | 'auto' | (string & {});
|
|
9
|
+
size?: number | 'auto' | 'stretch' | (string & {}) | null;
|
|
8
10
|
/**
|
|
9
11
|
* If the slide is virtual. When true, the element will be automatically appended to the container when it becomes visible.
|
|
10
12
|
* @default false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Slide/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Slide/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,IAAI,CAAC;IAE1D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Swipe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEzD,qBAAa,SAAS;IAUR,SAAS,CAAC,IAAI,EAAE,IAAI;IAThC,mBAAmB;IACnB,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC;IAExB,kCAAkC;IAClC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAE9B,uBAAuB;IACvB,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;gBAEP,IAAI,EAAE,IAAI;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Swipe/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEzD,qBAAa,SAAS;IAUR,SAAS,CAAC,IAAI,EAAE,IAAI;IAThC,mBAAmB;IACnB,SAAS,CAAC,MAAM,EAAE,KAAK,CAAC;IAExB,kCAAkC;IAClC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAE9B,uBAAuB;IACvB,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;gBAEP,IAAI,EAAE,IAAI;IAqChC,6CAA6C;IAC7C,IAAI,IAAI,cAIP;IAED,iCAAiC;IACjC,IAAI,SAAS,YAEZ;IAED,+BAA+B;IAC/B,IAAI,OAAO,YAUV;IAED,sCAAsC;IACtC,IAAI,aAAa,YAEhB;IAED,6DAA6D;IAC7D,SAAS,KAAK,IAAI,WAEjB;IAED;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,MAAM,EAAE,YAAY;IAkBhD;;OAEG;IACH,SAAS,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY;IAwB/C,gCAAgC;IAChC,SAAS,CAAC,eAAe,CAAC,MAAM,EAAE,YAAY;IAU9C,uBAAuB;IACvB,SAAS,CAAC,IAAI;IAiCd,sBAAsB;IACtB,SAAS,CAAC,SAAS;IA+BnB,gDAAgD;IAChD,SAAS,CAAC,YAAY;IAgBtB,oBAAoB;IACpB,SAAS,CAAC,QAAQ;CAGnB"}
|
|
@@ -20,6 +20,10 @@ export declare class SnapTrack {
|
|
|
20
20
|
get canLoop(): boolean;
|
|
21
21
|
/** Get looped current value */
|
|
22
22
|
get loopedCurrent(): number;
|
|
23
|
+
/** Get track offset */
|
|
24
|
+
get offset(): number;
|
|
25
|
+
/** Get loop count */
|
|
26
|
+
get loopCount(): number;
|
|
23
27
|
/** Interpolate the current track value */
|
|
24
28
|
lerp(factor: number): void;
|
|
25
29
|
/** Whether the track is interpolated */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Track/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAG1B,qBAAa,SAAS;IACR,SAAS,CAAC,IAAI,EAAE,IAAI;gBAAV,IAAI,EAAE,IAAI;IAEhC,8BAA8B;IAC9B,SAAS,CAAC,QAAQ,SAAK;IAEvB,6BAA6B;IAC7B,SAAS,CAAC,OAAO,SAAK;IAEtB,oCAAoC;IACpC,IAAI,OAAO,IAKQ,MAAM,CAHxB;IAED,mCAAmC;IACnC,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED,mCAAmC;IACnC,IAAI,MAAM,IAKQ,MAAM,CAHvB;IAED,kCAAkC;IAClC,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,sDAAsD;IAC/C,GAAG,CAAC,KAAK,EAAE,MAAM;IAKxB,kBAAkB;IAClB,IAAI,OAAO,YAEV;IAED,+BAA+B;IAC/B,IAAI,aAAa,WAEhB;IAED,0CAA0C;IACnC,IAAI,CAAC,MAAM,EAAE,MAAM;IA0B1B,wCAAwC;IACxC,IAAI,cAAc,YAEjB;IAED,8BAA8B;IAC9B,IAAI,GAAG,WAgBN;IAED,8BAA8B;IAC9B,IAAI,GAAG,WAiCN;IAED,sFAAsF;IACtF,IAAI,QAAQ,WAEX;IAED,iCAAiC;IAC1B,aAAa,CAAC,KAAK,EAAE,MAAM;IAUlC,oDAAoD;IAC7C,WAAW;IAYlB,oCAAoC;IACpC,IAAI,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Snap/Track/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAG1B,qBAAa,SAAS;IACR,SAAS,CAAC,IAAI,EAAE,IAAI;gBAAV,IAAI,EAAE,IAAI;IAEhC,8BAA8B;IAC9B,SAAS,CAAC,QAAQ,SAAK;IAEvB,6BAA6B;IAC7B,SAAS,CAAC,OAAO,SAAK;IAEtB,oCAAoC;IACpC,IAAI,OAAO,IAKQ,MAAM,CAHxB;IAED,mCAAmC;IACnC,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED,mCAAmC;IACnC,IAAI,MAAM,IAKQ,MAAM,CAHvB;IAED,kCAAkC;IAClC,IAAI,MAAM,CAAC,KAAK,EAAE,MAAM,EAEvB;IAED,sDAAsD;IAC/C,GAAG,CAAC,KAAK,EAAE,MAAM;IAKxB,kBAAkB;IAClB,IAAI,OAAO,YAEV;IAED,+BAA+B;IAC/B,IAAI,aAAa,WAEhB;IAED,uBAAuB;IACvB,IAAI,MAAM,WAIT;IAED,qBAAqB;IACrB,IAAI,SAAS,WAEZ;IAED,0CAA0C;IACnC,IAAI,CAAC,MAAM,EAAE,MAAM;IA0B1B,wCAAwC;IACxC,IAAI,cAAc,YAEjB;IAED,8BAA8B;IAC9B,IAAI,GAAG,WAgBN;IAED,8BAA8B;IAC9B,IAAI,GAAG,WAiCN;IAED,sFAAsF;IACtF,IAAI,QAAQ,WAEX;IAED,iCAAiC;IAC1B,aAAa,CAAC,KAAK,EAAE,MAAM;IAUlC,oDAAoD;IAC7C,WAAW;IAYlB,oCAAoC;IACpC,IAAI,OAAO,YAMV;IAED,kCAAkC;IAClC,IAAI,KAAK,YAMR;IAED,mFAAmF;IACnF,IAAI,gBAAgB,YAOnB;CACF"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Module } from '../../base';
|
|
2
2
|
import { Timeline } from '../Timeline';
|
|
3
|
-
import { ISnapCallbacksMap, ISnapMagnet, ISnapMutableProps, ISnapStaticProps } from './types';
|
|
3
|
+
import { ISnapCallbacksMap, ISnapMagnet, ISnapMutableProps, ISnapNexPrevArg, ISnapStaticProps, ISnapToSlideArg } from './types';
|
|
4
4
|
import { TRequiredProps } from '../../internal/requiredProps';
|
|
5
5
|
import { Raf } from '../Raf';
|
|
6
6
|
import { IOnResize } from '../../utils';
|
|
@@ -59,6 +59,8 @@ export declare class Snap<CallbacksMap extends ISnapCallbacksMap = ISnapCallback
|
|
|
59
59
|
protected _handleResize(): void;
|
|
60
60
|
/** Get container */
|
|
61
61
|
get container(): HTMLElement;
|
|
62
|
+
/** Get events emitter */
|
|
63
|
+
get eventsEmitter(): HTMLElement;
|
|
62
64
|
/** Container size depending on direction (width or height) */
|
|
63
65
|
get domSize(): number;
|
|
64
66
|
/** All slides */
|
|
@@ -97,11 +99,11 @@ export declare class Snap<CallbacksMap extends ISnapCallbacksMap = ISnapCallback
|
|
|
97
99
|
/** Go to a definite coordinate */
|
|
98
100
|
toCoord(coordinate: number, duration?: import("./types").TSnapDuration): void;
|
|
99
101
|
/** Go to a slide by index */
|
|
100
|
-
toSlide(targetIndex: number, duration?:
|
|
102
|
+
toSlide(targetIndex: number, { direction, duration }?: ISnapToSlideArg): void;
|
|
101
103
|
/** Go to next slide */
|
|
102
|
-
next(duration?:
|
|
104
|
+
next({ duration, skip, }?: ISnapNexPrevArg): void;
|
|
103
105
|
/** Go to previous slide */
|
|
104
|
-
prev(duration?:
|
|
106
|
+
prev({ duration, skip, }?: ISnapNexPrevArg): void;
|
|
105
107
|
/**
|
|
106
108
|
* Destroys the component and clears all timeouts and resources.
|
|
107
109
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Snap/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Snap/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,15 @@ import { ISnapWheelProps } from './Wheel/types';
|
|
|
5
5
|
import { ISnapSwipeProps } from './Swipe/types';
|
|
6
6
|
import { ISwipeCoords } from '../Swipe';
|
|
7
7
|
import { ITimelineProgressArg } from '../Timeline';
|
|
8
|
+
import { ISnapSlideProps } from './Slide/types';
|
|
8
9
|
/** Static properties for the Snap component */
|
|
9
10
|
export interface ISnapStaticProps extends IModuleStaticProps {
|
|
10
|
-
/** HTML container
|
|
11
|
+
/** HTML container */
|
|
11
12
|
container: HTMLElement;
|
|
13
|
+
/** HTML Element used to emit events
|
|
14
|
+
* @default null
|
|
15
|
+
*/
|
|
16
|
+
eventsEmitter?: HTMLElement | null;
|
|
12
17
|
/**
|
|
13
18
|
* Default active index
|
|
14
19
|
* @default 0
|
|
@@ -80,6 +85,15 @@ export interface ISnapMutableProps extends IModuleMutableProps, ISnapWheelProps,
|
|
|
80
85
|
* @default EaseOutCubic
|
|
81
86
|
*/
|
|
82
87
|
easing?: TEasingType;
|
|
88
|
+
/**
|
|
89
|
+
* Slide size. Supported values:
|
|
90
|
+
* - `auto` detects slide size depending on the element or container size.
|
|
91
|
+
* - `stretch` detects slide size as the container size.
|
|
92
|
+
* - `number` defines the slide size in pixels.
|
|
93
|
+
* - css units like `px`, `rem`, `vw`, `vh`, `svh`.
|
|
94
|
+
* @default 'auto'
|
|
95
|
+
*/
|
|
96
|
+
slideSize?: ISnapSlideProps['size'];
|
|
83
97
|
}
|
|
84
98
|
/** Callbacks map for the Snap component */
|
|
85
99
|
export interface ISnapCallbacksMap extends IModuleCallbacksMap {
|
|
@@ -123,4 +137,12 @@ export interface ISnapMagnet {
|
|
|
123
137
|
/** Difference with current coordinate */
|
|
124
138
|
diff: number;
|
|
125
139
|
}
|
|
140
|
+
export interface ISnapNexPrevArg {
|
|
141
|
+
duration?: TSnapDuration;
|
|
142
|
+
skip?: number;
|
|
143
|
+
}
|
|
144
|
+
export interface ISnapToSlideArg {
|
|
145
|
+
direction?: 'next' | 'prev' | null;
|
|
146
|
+
duration?: TSnapDuration;
|
|
147
|
+
}
|
|
126
148
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Snap/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Snap/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ export * from './types';
|
|
|
10
10
|
* Features:
|
|
11
11
|
* - Supports resizing, HTML content, and special symbols like emojis.
|
|
12
12
|
* - Handles multi-line breaks and non-breaking spaces.
|
|
13
|
-
* - Saves initial nodes
|
|
13
|
+
* - Saves initial nodes for easy restoration.
|
|
14
14
|
* - Allows splitting into lines, words, or letters as needed.
|
|
15
15
|
*
|
|
16
16
|
* **Note**: Apply `fontKerning: none` to prevent layout shifts.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,cAAc,SAAS,CAAC;AAExB;;;;;;;;;;;;;;GAcG;AACH,qBAAa,SAAS,CACpB,YAAY,SAAS,sBAAsB,GAAG,sBAAsB,EACpE,WAAW,SAAS,qBAAqB,GAAG,qBAAqB,EACjE,YAAY,SAAS,sBAAsB,GAAG,sBAAsB,CACpE,SAAQ,MAAM,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC;IACvD;;OAEG;IACI,UAAU,IAAI,cAAc,CAAC,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EACL,sBAAsB,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,cAAc,SAAS,CAAC;AAExB;;;;;;;;;;;;;;GAcG;AACH,qBAAa,SAAS,CACpB,YAAY,SAAS,sBAAsB,GAAG,sBAAsB,EACpE,WAAW,SAAS,qBAAqB,GAAG,qBAAqB,EACjE,YAAY,SAAS,sBAAsB,GAAG,sBAAsB,CACpE,SAAQ,MAAM,CAAC,YAAY,EAAE,WAAW,EAAE,YAAY,CAAC;IACvD;;OAEG;IACI,UAAU,IAAI,cAAc,CAAC,WAAW,CAAC;IAiBhD;;OAEG;IACI,WAAW,IAAI,cAAc,CAAC,YAAY,CAAC;IAIlD;;OAEG;IACH,IAAI,MAAM,WAET;IAED;;OAEG;IACH,SAAS,CAAC,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;IAE3D;;OAEG;IACH,SAAS,CAAC,YAAY,UAAS;IAE/B;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,oBAAoB,EAAE,CAAM;IAEpD;;OAEG;IACH,IAAI,WAAW,2BAEd;IAED;;OAEG;IACH,IAAI,OAAO,kBAEV;IAED;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,kBAAkB,EAAE,CAAM;IAEhD;;OAEG;IACH,IAAI,SAAS,yBAEZ;IAED;;OAEG;IACH,IAAI,KAAK,kBAER;IAED;;OAEG;IACH,SAAS,CAAC,UAAU,EAAE,kBAAkB,EAAE,CAAM;IAEhD;;OAEG;IACH,IAAI,SAAS,yBAEZ;IAED;;OAEG;IACH,IAAI,KAAK,kBAER;IAED;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;IAE3D;;OAEG;gBACS,KAAK,CAAC,EAAE,WAAW,GAAG,YAAY;IAiB9C;;OAEG;IACH,SAAS,CAAC,MAAM;IAsBhB;;OAEG;IACI,KAAK;IAYZ;;OAEG;IACH,SAAS,CAAC,UAAU;IAuBpB;;OAEG;IACH,SAAS,CAAC,WAAW;IAuBrB;;;OAGG;IACH,SAAS,CAAC,QAAQ;CAcnB"}
|
|
@@ -35,6 +35,26 @@ export interface ISplitTextStaticProps extends IModuleStaticProps {
|
|
|
35
35
|
* @default `span`
|
|
36
36
|
*/
|
|
37
37
|
lineTag?: keyof HTMLElementTagNameMap;
|
|
38
|
+
/**
|
|
39
|
+
* Letter class name.
|
|
40
|
+
* @default `v-split-text__letter`
|
|
41
|
+
*/
|
|
42
|
+
letterClass?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Word class name.
|
|
45
|
+
* @default `v-split-text__word`
|
|
46
|
+
*/
|
|
47
|
+
wordClass?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Line class name.
|
|
50
|
+
* @default `v-split-text__line`
|
|
51
|
+
*/
|
|
52
|
+
lineClass?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Line wrapper class name.
|
|
55
|
+
* @default `v-split-text__line-wrapper`
|
|
56
|
+
*/
|
|
57
|
+
lineWrapperClass?: string;
|
|
38
58
|
/**
|
|
39
59
|
* The debounce delay for the resize event in milliseconds.
|
|
40
60
|
* @default 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,QAAQ,CAAC;AAEhB,iDAAiD;AACjD,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAEtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAEtC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,kDAAkD;AAClD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;CAAG;AAEtE,6CAA6C;AAC7C,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,8BAA8B;AAC9B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,8BAA8B;AAC9B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,OAAO,EAAE,oBAAoB,EAAE,CAAC;CACjC;AAED,gCAAgC;AAChC,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC;CACtB"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,QAAQ,CAAC;AAEhB,iDAAiD;AACjD,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC;IAEvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAExC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAEtC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,qBAAqB,CAAC;IAEtC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,kDAAkD;AAClD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;CAAG;AAEtE,6CAA6C;AAC7C,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE;;OAEG;IACH,WAAW,EAAE,SAAS,CAAC;IAEvB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,8BAA8B;AAC9B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB;;OAEG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;CAC7B;AAED,8BAA8B;AAC9B,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,OAAO,EAAE,oBAAoB,EAAE,CAAC;CACjC;AAED,gCAAgC;AAChC,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC;CACtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wrapLetters.d.ts","sourceRoot":"","sources":["../../../../../src/components/SplitText/utils/wrapLetters.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEpE,UAAU,MAAM;IACd,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,qBAAqB,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,MAAM;;
|
|
1
|
+
{"version":3,"file":"wrapLetters.d.ts","sourceRoot":"","sources":["../../../../../src/components/SplitText/utils/wrapLetters.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEpE,UAAU,MAAM;IACd,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,qBAAqB,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,MAAM;;EA0CpE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wrapLines.d.ts","sourceRoot":"","sources":["../../../../../src/components/SplitText/utils/wrapLines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAElE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,EAAE,MAAM,qBAAqB,CAAC;CACtC;AAED,UAAU,KAAM,SAAQ,kBAAkB;IACxC,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;
|
|
1
|
+
{"version":3,"file":"wrapLines.d.ts","sourceRoot":"","sources":["../../../../../src/components/SplitText/utils/wrapLines.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAElE,UAAU,MAAM;IACd,SAAS,EAAE,WAAW,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,kBAAkB,EAAE,CAAC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,OAAO,EAAE,MAAM,qBAAqB,CAAC;CACtC;AAED,UAAU,KAAM,SAAQ,kBAAkB;IACxC,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAiBD,wBAAgB,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,WAUxD;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,eAAe,EACf,SAAS,EACT,aAAa,EACb,oBAAoB,EACpB,OAAO,GACR,EAAE,MAAM;;;EAyGR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wrapWords.d.ts","sourceRoot":"","sources":["../../../../../src/components/SplitText/utils/wrapWords.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,MAAM;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,qBAAqB,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"wrapWords.d.ts","sourceRoot":"","sources":["../../../../../src/components/SplitText/utils/wrapWords.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,MAAM;IACd,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,qBAAqB,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,MAAM,wBAkElE"}
|
|
@@ -65,23 +65,23 @@ export interface ICore extends IViewport {
|
|
|
65
65
|
*
|
|
66
66
|
* @example
|
|
67
67
|
*
|
|
68
|
-
* vevet.
|
|
68
|
+
* vevet.onResize('width', () => console.log('when the viewport width changes (ignores height)'));
|
|
69
69
|
*
|
|
70
|
-
* vevet.
|
|
70
|
+
* vevet.onResize('height', () => console.log('when the viewport height changes (ignores width)'));
|
|
71
71
|
*
|
|
72
|
-
* vevet.
|
|
72
|
+
* vevet.onResize('both', () => console.log('when both width and height change'));
|
|
73
73
|
*
|
|
74
|
-
* vevet.
|
|
74
|
+
* vevet.onResize('onlyWidth', () => console.log('only when the width changes (height remains the same)'));
|
|
75
75
|
*
|
|
76
|
-
* vevet.
|
|
76
|
+
* vevet.onResize('onlyHeight', () => console.log('only when the height changes (width remains the same)'));
|
|
77
77
|
*
|
|
78
|
-
* vevet.
|
|
78
|
+
* vevet.onResize('any', () => console.log('when either width or height changes'));
|
|
79
79
|
|
|
80
|
-
* const destruct = vevet.
|
|
80
|
+
* const destruct = vevet.onResize('trigger', () => console.log('on any resize event, including width, height, or body size changes'));
|
|
81
81
|
*
|
|
82
82
|
* // cancel the event
|
|
83
83
|
* destruct();
|
|
84
84
|
*/
|
|
85
|
-
|
|
85
|
+
onResize: TViewportCallbacksOn;
|
|
86
86
|
}
|
|
87
87
|
//# sourceMappingURL=global.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../../src/core/global.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,iBAAiB;AACjB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,KAAK,EAAE,UAAU,CAAC;IAElB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IAEf,sBAAsB;IACtB,KAAK,EAAE,OAAO,CAAC;IAEf,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAC;IAEhB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;;;OAOG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;OAaG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB,eAAe;IACf,GAAG,EAAE,QAAQ,CAAC;IAEd,mBAAmB;IACnB,IAAI,EAAE,WAAW,CAAC;IAElB,mBAAmB;IACnB,IAAI,EAAE,WAAW,CAAC;IAElB,4BAA4B;IAC5B,MAAM,EAAE,OAAO,CAAC;IAEhB,iCAAiC;IACjC,iBAAiB,EAAE,kBAAkB,CAAC;IAEtC;;;;;;;;;;OAUG;IACH,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAE7C;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,
|
|
1
|
+
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../../src/core/global.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,iBAAiB;AACjB,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAEhB,6BAA6B;IAC7B,KAAK,EAAE,UAAU,CAAC;IAElB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IAEf,sBAAsB;IACtB,KAAK,EAAE,OAAO,CAAC;IAEf,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAC;IAEhB,uBAAuB;IACvB,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;;;OAOG;IACH,MAAM,EAAE,MAAM,CAAC;IAEf;;;;;;;;;;;;;OAaG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB,eAAe;IACf,GAAG,EAAE,QAAQ,CAAC;IAEd,mBAAmB;IACnB,IAAI,EAAE,WAAW,CAAC;IAElB,mBAAmB;IACnB,IAAI,EAAE,WAAW,CAAC;IAElB,4BAA4B;IAC5B,MAAM,EAAE,OAAO,CAAC;IAEhB,iCAAiC;IACjC,iBAAiB,EAAE,kBAAkB,CAAC;IAEtC;;;;;;;;;;OAUG;IACH,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,MAAM,IAAI,CAAC;IAE7C;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,QAAQ,EAAE,oBAAoB,CAAC;CAChC"}
|
|
@@ -15,11 +15,11 @@ export interface IViewportCallbacksMap extends ICallbacksMap {
|
|
|
15
15
|
/**
|
|
16
16
|
* Triggered only when the width changes (height remains the same).
|
|
17
17
|
*/
|
|
18
|
-
|
|
18
|
+
onlyWidth: undefined;
|
|
19
19
|
/**
|
|
20
20
|
* Triggered only when the height changes (width remains the same).
|
|
21
21
|
*/
|
|
22
|
-
|
|
22
|
+
onlyHeight: undefined;
|
|
23
23
|
/**
|
|
24
24
|
* Triggered when either width or height changes.
|
|
25
25
|
*/
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getClosest.d.ts","sourceRoot":"","sources":["../../../../src/utils/common/getClosest.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAI1D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC"}
|
package/lib/types/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vevet",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.4",
|
|
4
4
|
"description": "Vevet is a JavaScript library for creative development that simplifies crafting rich interactions like split text animations, carousels, marquees, preloading, and more.",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"storybook": "storybook dev -p 6006",
|
|
@@ -68,7 +68,7 @@ export class Responsive<T extends TResponsiveSource> {
|
|
|
68
68
|
|
|
69
69
|
// Add viewport listener
|
|
70
70
|
this._destructors.push(
|
|
71
|
-
app.
|
|
71
|
+
app.onResize('any', () => this._handleUpdate(), {
|
|
72
72
|
name: `${this.constructor.name} / ${sourceName}`,
|
|
73
73
|
}),
|
|
74
74
|
);
|
|
@@ -16,6 +16,8 @@ import { initVevet } from '@/global/initVevet';
|
|
|
16
16
|
|
|
17
17
|
export * from './types';
|
|
18
18
|
|
|
19
|
+
const PAGE_RESOURCE = `vevet-page-${Math.random()}`;
|
|
20
|
+
|
|
19
21
|
/**
|
|
20
22
|
* Page preloader for calculating and displaying the loading progress of resources (images, videos, custom elements).
|
|
21
23
|
* Provides smooth progress transitions.
|
|
@@ -58,7 +60,7 @@ export class ProgressPreloader<
|
|
|
58
60
|
* List of custom resources to preload based on selectors.
|
|
59
61
|
*/
|
|
60
62
|
protected _resources: IProgressPreloaderResource[] = [
|
|
61
|
-
{ id:
|
|
63
|
+
{ id: PAGE_RESOURCE, weight: 1, loaded: 0 },
|
|
62
64
|
];
|
|
63
65
|
|
|
64
66
|
/**
|
|
@@ -122,7 +124,7 @@ export class ProgressPreloader<
|
|
|
122
124
|
this._fetchResources();
|
|
123
125
|
|
|
124
126
|
// Handle resources on page load
|
|
125
|
-
initVevet().onLoad(() => this.resolveResource(
|
|
127
|
+
initVevet().onLoad(() => this.resolveResource(PAGE_RESOURCE));
|
|
126
128
|
}
|
|
127
129
|
|
|
128
130
|
/** Preload images */
|
|
@@ -194,7 +196,9 @@ export class ProgressPreloader<
|
|
|
194
196
|
|
|
195
197
|
this._resources.push(resource);
|
|
196
198
|
|
|
197
|
-
preloadCustomElement(resource, () =>
|
|
199
|
+
preloadCustomElement(resource, (loadedWeight) =>
|
|
200
|
+
this.resolveResource(element, loadedWeight),
|
|
201
|
+
);
|
|
198
202
|
});
|
|
199
203
|
}
|
|
200
204
|
|
|
@@ -231,7 +235,8 @@ export class ProgressPreloader<
|
|
|
231
235
|
return;
|
|
232
236
|
}
|
|
233
237
|
|
|
234
|
-
|
|
238
|
+
const targetWeight = loadedWeight ?? resource.weight;
|
|
239
|
+
resource.loaded = clamp(targetWeight, 0, resource.weight);
|
|
235
240
|
|
|
236
241
|
this.callbacks.emit('resource', resource);
|
|
237
242
|
}
|
|
@@ -5,7 +5,7 @@ import { IProgressPreloaderResource } from '../types';
|
|
|
5
5
|
* Retrieves the load progress of a custom resource element based on its attributes.
|
|
6
6
|
*/
|
|
7
7
|
function getLoaded(element: Element) {
|
|
8
|
-
let loaded =
|
|
8
|
+
let loaded = parseFloat(element.getAttribute('data-loaded') || '0');
|
|
9
9
|
loaded = Number.isNaN(loaded) ? 0 : clamp(loaded, 0, Infinity);
|
|
10
10
|
|
|
11
11
|
return loaded;
|
|
@@ -11,7 +11,6 @@ export class SnapSlide {
|
|
|
11
11
|
this._index = 0;
|
|
12
12
|
|
|
13
13
|
const defaultProps: ISnapSlideProps = {
|
|
14
|
-
size: 'auto',
|
|
15
14
|
virtual: false,
|
|
16
15
|
};
|
|
17
16
|
|
|
@@ -118,13 +117,28 @@ export class SnapSlide {
|
|
|
118
117
|
this._progress = value;
|
|
119
118
|
}
|
|
120
119
|
|
|
120
|
+
/** Size property */
|
|
121
|
+
get sizeProp() {
|
|
122
|
+
return this.props.size ?? this.snap?.props.slideSize ?? 'auto';
|
|
123
|
+
}
|
|
124
|
+
|
|
121
125
|
/** Slide size in pixels */
|
|
122
126
|
get size() {
|
|
123
|
-
|
|
124
|
-
|
|
127
|
+
const { snap, sizeProp } = this;
|
|
128
|
+
|
|
129
|
+
if (!snap) {
|
|
130
|
+
return 0;
|
|
125
131
|
}
|
|
126
132
|
|
|
127
|
-
|
|
133
|
+
if (sizeProp === 'stretch') {
|
|
134
|
+
return snap.domSize;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
if (sizeProp === 'auto') {
|
|
138
|
+
return this._domSize ?? snap.domSize;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
return toPixels(sizeProp);
|
|
128
142
|
}
|
|
129
143
|
|
|
130
144
|
/** Check if the slide is visible */
|
|
@@ -159,7 +173,7 @@ export class SnapSlide {
|
|
|
159
173
|
this._snap = snap;
|
|
160
174
|
this._index = index;
|
|
161
175
|
|
|
162
|
-
if (this.element && this.
|
|
176
|
+
if (this.element && this.sizeProp === 'auto') {
|
|
163
177
|
this._onResize = onResize({
|
|
164
178
|
element: this.element,
|
|
165
179
|
callback: () => this.resize(),
|
|
@@ -217,6 +231,7 @@ export class SnapSlide {
|
|
|
217
231
|
const point = staticCoord + size / 2 - firstSlideSize / 2;
|
|
218
232
|
|
|
219
233
|
if (size > domSize) {
|
|
234
|
+
points.push(point);
|
|
220
235
|
points.push(point + (domSize - size) / 2);
|
|
221
236
|
points.push(point - (domSize - size) / 2);
|
|
222
237
|
} else {
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
export interface ISnapSlideProps {
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
3
|
+
* Slide size. Supported values:
|
|
4
|
+
* - `auto` detects slide size depending on the element or container size.
|
|
5
|
+
* - `stretch` detects slide size as the container size.
|
|
6
|
+
* - `number` defines the slide size in pixels.
|
|
7
|
+
* - css units like `px`, `rem`, `vw`, `vh`, `svh`.
|
|
6
8
|
*/
|
|
7
|
-
size?: number | 'auto' | (string & {});
|
|
9
|
+
size?: number | 'auto' | 'stretch' | (string & {}) | null;
|
|
8
10
|
|
|
9
11
|
/**
|
|
10
12
|
* If the slide is virtual. When true, the element will be automatically appended to the container when it becomes visible.
|
|
@@ -18,7 +18,7 @@ export class SnapSwipe {
|
|
|
18
18
|
this._startTime = 0;
|
|
19
19
|
|
|
20
20
|
this._swipe = new Swipe({
|
|
21
|
-
container: snap.
|
|
21
|
+
container: snap.eventsEmitter,
|
|
22
22
|
enabled: snap.props.swipe,
|
|
23
23
|
grabCursor: snap.props.grabCursor,
|
|
24
24
|
minTime: snap.props.swipeMinTime,
|
|
@@ -26,6 +26,7 @@ export class SnapSwipe {
|
|
|
26
26
|
axis: this.axis,
|
|
27
27
|
inertia: snap.props.freemode,
|
|
28
28
|
});
|
|
29
|
+
|
|
29
30
|
this._swipe.on('start', (data) => this._handleSwipeStart(data));
|
|
30
31
|
this._swipe.on('move', (data) => this._handleSwipeMove(data));
|
|
31
32
|
this._swipe.on('end', (data) => this._handleSwipeEnd(data));
|
|
@@ -92,7 +93,7 @@ export class SnapSwipe {
|
|
|
92
93
|
this._startTime = +new Date();
|
|
93
94
|
|
|
94
95
|
// disable pointer events
|
|
95
|
-
snap.
|
|
96
|
+
snap.eventsEmitter.style.pointerEvents = 'none';
|
|
96
97
|
|
|
97
98
|
// cancel sticky behavior
|
|
98
99
|
if (snap.props.followSwipe) {
|
|
@@ -135,7 +136,7 @@ export class SnapSwipe {
|
|
|
135
136
|
this._end();
|
|
136
137
|
|
|
137
138
|
// Enable pointer events
|
|
138
|
-
this.snap.
|
|
139
|
+
this.snap.eventsEmitter.style.pointerEvents = '';
|
|
139
140
|
|
|
140
141
|
// Emit end callbacks
|
|
141
142
|
this.snap.callbacks.emit('swipeEnd', coords);
|
|
@@ -186,10 +187,12 @@ export class SnapSwipe {
|
|
|
186
187
|
return;
|
|
187
188
|
}
|
|
188
189
|
|
|
190
|
+
const normalizedDiff = Math.sign(diff) * Math.sign(props.swipeSpeed);
|
|
191
|
+
|
|
189
192
|
if (this._startIndex !== snap.activeIndex) {
|
|
190
|
-
if (
|
|
193
|
+
if (normalizedDiff < 0 && activeSlide.progress > 0) {
|
|
191
194
|
snap.next();
|
|
192
|
-
} else if (
|
|
195
|
+
} else if (normalizedDiff > 0 && activeSlide.progress < 0) {
|
|
193
196
|
snap.prev();
|
|
194
197
|
} else {
|
|
195
198
|
snap.stick();
|
|
@@ -198,7 +201,7 @@ export class SnapSwipe {
|
|
|
198
201
|
return;
|
|
199
202
|
}
|
|
200
203
|
|
|
201
|
-
if (
|
|
204
|
+
if (normalizedDiff < 0) {
|
|
202
205
|
snap.next();
|
|
203
206
|
} else {
|
|
204
207
|
snap.prev();
|