vevet 4.0.2 → 4.1.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 +28 -31
- package/lib/cjs/Vevet/events/createViewport/index.js +0 -5
- package/lib/cjs/Vevet/events/createViewport/index.js.map +1 -1
- package/lib/cjs/Vevet/index.js +1 -2
- package/lib/cjs/Vevet/index.js.map +1 -1
- package/lib/cjs/utils/math/lerp.js +1 -1
- package/lib/cjs/utils/math/lerp.js.map +1 -1
- package/lib/cjs/version.js +1 -1
- package/lib/esm/Vevet/events/createViewport/index.js +0 -5
- package/lib/esm/Vevet/events/createViewport/index.js.map +1 -1
- package/lib/esm/Vevet/index.js +1 -2
- package/lib/esm/Vevet/index.js.map +1 -1
- package/lib/esm/utils/math/lerp.js +1 -1
- package/lib/esm/utils/math/lerp.js.map +1 -1
- package/lib/esm/version.js +1 -1
- package/lib/types/Vevet/events/createViewport/index.d.ts.map +1 -1
- package/lib/types/Vevet/events/createViewport/types.d.ts +0 -4
- package/lib/types/Vevet/events/createViewport/types.d.ts.map +1 -1
- package/lib/types/Vevet/global.d.ts +0 -3
- package/lib/types/Vevet/global.d.ts.map +1 -1
- package/lib/types/Vevet/index.d.ts.map +1 -1
- package/lib/types/utils/math/lerp.d.ts.map +1 -1
- package/lib/types/version.d.ts +1 -1
- package/package.json +2 -2
- package/src/Vevet/events/createViewport/index.ts +0 -5
- package/src/Vevet/events/createViewport/stories/index.tsx +0 -2
- package/src/Vevet/events/createViewport/types.ts +0 -4
- package/src/Vevet/global.ts +0 -3
- package/src/Vevet/index.ts +1 -2
- package/src/utils/math/lerp.ts +1 -1
- package/src/version.ts +1 -1
package/README.md
CHANGED
|
@@ -1,28 +1,15 @@
|
|
|
1
|
-
# Vevet -
|
|
1
|
+
# Vevet - a JavaScript Library for Creative Development
|
|
2
2
|
|
|
3
|
-
**Vevet** is a flexible
|
|
3
|
+
**Vevet** is a flexible JavaScript library designed for creative web development. It offers pre-built solutions like smooth scrolling, text splitting, custom cursors, and other interactive components, allowing developers to enhance the visual and functional aspects of their websites.
|
|
4
4
|
|
|
5
5
|
Vevet is highly customizable, seamlessly integrates into existing projects, and provides basic and advanced functionalities for developers aiming to boost site interactivity.
|
|
6
6
|
|
|
7
7
|
 
|
|
8
8
|
|
|
9
9
|
### Links
|
|
10
|
+
- [Demo](https://antonbobrov.github.io/vevet-demo/)
|
|
10
11
|
- [Documentation](https://antonbobrov.github.io/vevet/)
|
|
11
12
|
|
|
12
|
-
---
|
|
13
|
-
|
|
14
|
-
## Development Environment
|
|
15
|
-
- **Node.js**: v20.17.0
|
|
16
|
-
|
|
17
|
-
## Installation via NPM
|
|
18
|
-
To install Vevet, use the following command:
|
|
19
|
-
|
|
20
|
-
```bash
|
|
21
|
-
npm install vevet
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
---
|
|
25
|
-
|
|
26
13
|
## Library Contents
|
|
27
14
|
|
|
28
15
|
### Core Features [Demo](https://antonbobrov.github.io/vevet-demo/application/) / [Docs](https://antonbobrov.github.io/vevet/interfaces/IVevet.html):
|
|
@@ -31,34 +18,43 @@ npm install vevet
|
|
|
31
18
|
- **Browser Information**
|
|
32
19
|
- `vevet.osName`, `vevet.browserName`, `vevet.isWebpSupported` (Check WebP support)
|
|
33
20
|
- **Page Load Detection**
|
|
34
|
-
- `vevet.pageLoad` (Detects when the page has loaded)
|
|
35
21
|
- `vevet.isPageLoaded`, `vevet.onPageLoad`
|
|
36
22
|
- **Viewport Management**
|
|
37
23
|
- `vevet.viewport` (Handles resize events efficiently)
|
|
24
|
+
- `width`, `height`, `vw`, `vh`, `isDesktop`, `isTablet`, `isPhone`, `isPortrait`, `isLandscape`, `dpr`, `lowerDpr `
|
|
38
25
|
|
|
39
|
-
### Animation
|
|
26
|
+
### Animation:
|
|
40
27
|
- **AnimationFrame** [Demo](https://antonbobrov.github.io/vevet-demo/animation-frame/) / [Docs](https://antonbobrov.github.io/vevet/classes/AnimationFrame.html): Simplifies the use of `requestAnimationFrame`, offering custom FPS control.
|
|
41
|
-
- **
|
|
42
|
-
|
|
28
|
+
- **Timeline** [Demo](https://antonbobrov.github.io/vevet-demo/timeline/) / [Docs](https://antonbobrov.github.io/vevet/classes/Timeline.html): Helps create simple, timeline-based animations.
|
|
29
|
+
|
|
30
|
+
### Graphics:
|
|
31
|
+
- **Ctx2D** [Demo](https://antonbobrov.github.io/vevet-demo/ctx2d/) / [Docs](https://antonbobrov.github.io/vevet/classes/Ctx2D.html): Manages canvas creation and 2D context with automatic resizing.
|
|
32
|
+
- **Ctx2DPrerender** [Demo](https://antonbobrov.github.io/vevet-demo/ctx2d-prerender/) / [Docs](https://antonbobrov.github.io/vevet/classes/Ctx2DPrerender.html): Optimizes texture handling by pre-rendering images for better performance.
|
|
43
33
|
|
|
44
|
-
###
|
|
45
|
-
- **CustomCursor**: Create a custom, smooth cursor for your website.
|
|
34
|
+
### Events:
|
|
46
35
|
- **DraggerDirection** [Demo](https://antonbobrov.github.io/vevet-demo/dragger-direction/) / [Docs](https://antonbobrov.github.io/vevet/classes/DraggerDirection.html): Detects the direction of swipes.
|
|
47
36
|
- **DraggerMove** [Demo](https://antonbobrov.github.io/vevet-demo/dragger-move/) / [Docs](https://antonbobrov.github.io/vevet/classes/DraggerMove.html): Ideal for building custom carousels with easy drag handling.
|
|
37
|
+
- **ScrollView** [Demo](https://antonbobrov.github.io/vevet-demo/scroll-view/) / [Docs](https://antonbobrov.github.io/vevet/classes/ScrollView.html): Manages elements' visibility in and out of the viewport.
|
|
38
|
+
- **SectionScrollProgress** [Demo](https://antonbobrov.github.io/vevet-demo/section-scroll-progress/) / [Docs](https://antonbobrov.github.io/vevet/classes/SectionScrollProgress.html): Tracks scroll progress within a specific section.
|
|
39
|
+
- **SlideProgress** [Demo](https://antonbobrov.github.io/vevet-demo/slide-progress/) / [Docs](https://antonbobrov.github.io/vevet/classes/SlideProgress.html): Helps you create a draggable carousel.
|
|
40
|
+
|
|
41
|
+
### Components:
|
|
42
|
+
- **CustomCursor** [Demo](https://antonbobrov.github.io/vevet-demo/custom-cursor/) / [Docs](https://antonbobrov.github.io/vevet/classes/CustomCursor.html): Create a custom, smooth cursor for your website.
|
|
48
43
|
- **Marquee** [Demo](https://antonbobrov.github.io/vevet-demo/marquee/) / [Docs](https://antonbobrov.github.io/vevet/classes/Marquee.html): Efficiently creates continuously running text.
|
|
49
44
|
- **Preloader** [Demo](https://antonbobrov.github.io/vevet-demo/preloader/) / [Docs](https://antonbobrov.github.io/vevet/classes/Preloader.html): Hides content until the page is fully loaded.
|
|
50
45
|
- **ProgressPreloader** [Demo](https://antonbobrov.github.io/vevet-demo/progress-preloader/) / [Docs](https://antonbobrov.github.io/vevet/classes/ProgressPreloader.html): A more powerful version, displaying real-time loading progress.
|
|
51
46
|
- **ScrollBar** [Demo](https://antonbobrov.github.io/vevet-demo/scrollbar/) / [Docs](https://antonbobrov.github.io/vevet/classes/ScrollBar.html): Customizes scrollbars by hiding default system bars.
|
|
52
|
-
- **
|
|
53
|
-
- **SectionScrollProgress**: Tracks scroll progress within a specific section.
|
|
54
|
-
- **SlideProgress**: Helps you create a draggable carousel.
|
|
55
|
-
- **CustomScroll**: Provides simple and smooth scrolling functionality.
|
|
47
|
+
- **CustomScroll** [Demo](https://antonbobrov.github.io/vevet-demo/custom-scroll/) / [Docs](https://antonbobrov.github.io/vevet/classes/CustomScroll.html): Provides simple and smooth scrolling functionality.
|
|
56
48
|
- **CustomScrollDragPlugin**: Adds drag-based navigation to smooth scrolling.
|
|
57
49
|
- **CustomScrollKeyboardPlugin**: Enables keyboard-based scrolling.
|
|
58
|
-
- **SplitText
|
|
59
|
-
- **Timeline**: Helps create simple, timeline-based animations.
|
|
50
|
+
- **SplitText** [Demo](https://antonbobrov.github.io/vevet-demo/split-text/) / [Docs](https://antonbobrov.github.io/vevet/classes/SplitText.html): Splits text into letters, words, or lines, offering high performance for animations, similar to SplitText or SplitType, but free and optimized.
|
|
60
51
|
|
|
61
|
-
|
|
52
|
+
## Installation via NPM
|
|
53
|
+
To install Vevet, use the following command:
|
|
54
|
+
|
|
55
|
+
```bash
|
|
56
|
+
npm install vevet
|
|
57
|
+
```
|
|
62
58
|
|
|
63
59
|
## Importing Styles
|
|
64
60
|
|
|
@@ -80,8 +76,6 @@ For example, to import styles for the custom cursor:
|
|
|
80
76
|
@import '~vevet/lib/styles/components/CustomCursor';
|
|
81
77
|
```
|
|
82
78
|
|
|
83
|
-
---
|
|
84
|
-
|
|
85
79
|
## Example: Initializing a Component
|
|
86
80
|
|
|
87
81
|
Below is an example of how to initialize the `CustomCursor` component:
|
|
@@ -94,6 +88,9 @@ const instance = new CustomCursor({
|
|
|
94
88
|
});
|
|
95
89
|
```
|
|
96
90
|
|
|
91
|
+
## Development Environment
|
|
92
|
+
- **Node.js**: v20.17.0
|
|
93
|
+
|
|
97
94
|
## License
|
|
98
95
|
|
|
99
96
|
This project is licensed under the terms of the
|
|
@@ -13,10 +13,8 @@ function createViewport(props, isDesktopDevice, prefix) {
|
|
|
13
13
|
callbacks: callbacks,
|
|
14
14
|
width: 0,
|
|
15
15
|
height: 0,
|
|
16
|
-
radius: 0,
|
|
17
16
|
vw: 0,
|
|
18
17
|
vh: 0,
|
|
19
|
-
vr: 0,
|
|
20
18
|
isLandscape: false,
|
|
21
19
|
isPortrait: false,
|
|
22
20
|
isDesktop: false,
|
|
@@ -70,10 +68,8 @@ function createViewport(props, isDesktopDevice, prefix) {
|
|
|
70
68
|
// set sizes
|
|
71
69
|
data.width = width;
|
|
72
70
|
data.height = html.clientHeight;
|
|
73
|
-
data.radius = Math.sqrt(Math.pow(data.width, 2) + Math.pow(data.height, 2)) / 2;
|
|
74
71
|
data.vw = data.width / 100;
|
|
75
72
|
data.vh = data.height / 100;
|
|
76
|
-
data.vr = data.radius / 100;
|
|
77
73
|
data.isLandscape = data.width > data.height;
|
|
78
74
|
data.isPortrait = data.width < data.height;
|
|
79
75
|
data.isDesktop = data.width > props.tablet;
|
|
@@ -130,7 +126,6 @@ function createViewport(props, isDesktopDevice, prefix) {
|
|
|
130
126
|
function updateCSSVars() {
|
|
131
127
|
html.style.setProperty('--vw', "".concat(data.vw, "px"));
|
|
132
128
|
html.style.setProperty('--vh', "".concat(data.vh, "px"));
|
|
133
|
-
html.style.setProperty('--vr', "".concat(data.vr, "px"));
|
|
134
129
|
}
|
|
135
130
|
return data;
|
|
136
131
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":";;;AAAA,uCAA6C;AAC7C,iCAKiB;AACjB,8CAA6C;AAG7C,SAAgB,cAAc,CAC5B,KAAkB,EAClB,eAAwB,EACxB,MAAc;IAEd,IAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IAEtC,mBAAmB;IACnB,IAAM,SAAS,GAAG,IAAI,qBAAS,EAA0B,CAAC;IAE1D,eAAe;IACf,IAAM,IAAI,GAAc;QACtB,SAAS,WAAA;QACT,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":";;;AAAA,uCAA6C;AAC7C,iCAKiB;AACjB,8CAA6C;AAG7C,SAAgB,cAAc,CAC5B,KAAkB,EAClB,eAAwB,EACxB,MAAc;IAEd,IAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IAEtC,mBAAmB;IACnB,IAAM,SAAS,GAAG,IAAI,qBAAS,EAA0B,CAAC;IAE1D,eAAe;IACf,IAAM,IAAI,GAAc;QACtB,SAAS,WAAA;QACT,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,GAAG,EAAE,MAAM,CAAC,gBAAgB;QAC5B,QAAQ,EAAE,MAAM,CAAC,gBAAgB;KAClC,CAAC;IAEF,mCAAmC;IACnC,YAAY,EAAE,CAAC;IAEf,oBAAoB;IAEpB,IAAI,aAAyC,CAAC;IAE9C,IAAA,4BAAgB,EAAC,MAAM,EAAE,QAAQ,EAAE;QACjC,IAAI,aAAa,EAAE;YACjB,YAAY,CAAC,aAAa,CAAC,CAAC;YAC5B,aAAa,GAAG,SAAS,CAAC;SAC3B;QAED,aAAa,GAAG,UAAU,CAAC;YACzB,QAAQ,EAAE,CAAC;YACX,aAAa,GAAG,SAAS,CAAC;QAC5B,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,6BAA6B;IAC7B,SAAS,QAAQ;QACP,IAAO,SAAS,GAAyB,IAAI,MAA7B,EAAU,UAAU,GAAK,IAAI,OAAT,CAAU;QAEtD,YAAY,EAAE,CAAC;QAEP,IAAA,KAAK,GAAa,IAAI,MAAjB,EAAE,MAAM,GAAK,IAAI,OAAT,CAAU;QAE/B,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,UAAU,EAAE;YAChD,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;SACvC;QACD,IAAI,MAAM,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,EAAE;YAChD,SAAS,CAAC,GAAG,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;SACxC;QACD,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,KAAK,UAAU,EAAE;YAChD,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;SAClC;QACD,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,SAAS,CAAC,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SACnC;QACD,IAAI,MAAM,KAAK,UAAU,EAAE;YACzB,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;SACpC;QAED,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IAClC,CAAC;IAED,6BAA6B;IAC7B,SAAS,YAAY;QACnB,YAAY;QACZ,IAAM,KAAK,GACT,KAAK,CAAC,cAAc,KAAK,cAAc;YACrC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YAC3D,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QAEvB,YAAY;QACZ,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;QAChC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;QAC3B,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC5C,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACvE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC;QACzC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACvE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC;QACzC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,gBAAgB,CAAC;QACnC,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAE5D,gBAAgB;QAChB,gBAAgB,EAAE,CAAC;QACnB,aAAa,EAAE,CAAC;IAClB,CAAC;IAED,4DAA4D;IAC5D,SAAS,gBAAgB;QACvB,IAAM,iBAAiB,GAAiB;YACtC,kBAAU,CAAC,OAAO;YAClB,kBAAU,CAAC,MAAM;YACjB,kBAAU,CAAC,KAAK;SACjB,CAAC;QAEF,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,0BAA0B,CAAC,kBAAU,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;SACnE;aAAM,IAAI,IAAI,CAAC,QAAQ,EAAE;YACxB,0BAA0B,CAAC,kBAAU,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC;SAClE;aAAM;YACL,0BAA0B,CAAC,kBAAU,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;SACjE;QAED,IAAM,gBAAgB,GAAwB;YAC5C,yBAAiB,CAAC,SAAS;YAC3B,yBAAiB,CAAC,QAAQ;SAC3B,CAAC;QAEF,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,0BAA0B,CAAC,yBAAiB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;SAC3E;aAAM,IAAI,IAAI,CAAC,UAAU,EAAE;YAC1B,0BAA0B,CAAC,yBAAiB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC;SAC1E;aAAM;YACL,0BAA0B,CAAC,EAAE,EAAE,gBAAgB,CAAC,CAAC;SAClD;IACH,CAAC;IAED,qBAAqB;IACrB,SAAS,0BAA0B,CAAC,UAAkB,EAAE,KAAe;QACrE,KAAK,CAAC,OAAO,CAAC,UAAC,IAAI;YACjB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAG,MAAM,sBAAY,IAAI,CAAE,EAAE,IAAI,KAAK,UAAU,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACL,CAAC;IAED,2BAA2B;IAC3B,SAAS,aAAa;QACpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,CAAC,CAAC;QAC/C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,UAAG,IAAI,CAAC,EAAE,OAAI,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAnJD,wCAmJC"}
|
package/lib/cjs/Vevet/index.js
CHANGED
|
@@ -54,7 +54,6 @@ function Vevet(input) {
|
|
|
54
54
|
osName: osName,
|
|
55
55
|
browserName: browserName,
|
|
56
56
|
isWebpSupported: false,
|
|
57
|
-
pageLoad: pageLoad,
|
|
58
57
|
isPageLoaded: false,
|
|
59
58
|
viewport: viewport,
|
|
60
59
|
doc: document,
|
|
@@ -67,7 +66,7 @@ function Vevet(input) {
|
|
|
67
66
|
},
|
|
68
67
|
};
|
|
69
68
|
// update props on page load
|
|
70
|
-
|
|
69
|
+
pageLoad.onLoad(function () {
|
|
71
70
|
output.isPageLoaded = true;
|
|
72
71
|
});
|
|
73
72
|
// set device features
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Vevet/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uDAAiC;AACjC,8DAA6D;AAE7D,6DAA4D;AAC5D,0DAAyD;AACzD,0DAAyD;AAEzD,uDAAsD;AAEtD,SAAgB,KAAK,CAAC,KAA2B;IAC/C,yBAAyB;IAEzB,IAAM,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;QACtB,cAAc,EAAE,cAAc;KAC/B,CAAC;IAEF,IAAM,KAAK,yBAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IAE5C,IAAM,MAAM,GAAG,IAAI,CAAC;IAEpB,cAAc;IAER,IAAA,KAAkC,IAAA,6BAAa,GAAE,EAA/C,MAAM,YAAA,EAAE,WAAW,iBAAA,EAAE,MAAM,YAAoB,CAAC;IACxD,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;IAC7B,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IAC/B,IAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC;IAC/C,IAAM,SAAS,GAAG,CAAC,QAAQ,CAAC;IAE5B,SAAS;IAET,IAAM,QAAQ,GAAG,IAAA,mCAAgB,EAAC,MAAM,CAAC,CAAC;IAC1C,IAAM,QAAQ,GAAG,IAAA,+BAAc,EAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAE1D,SAAS;IAET,IAAM,MAAM,GAAW;QACrB,OAAO,mBAAA;QACP,KAAK,OAAA;QACL,MAAM,QAAA;QACN,OAAO,SAAA;QACP,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,WAAW,aAAA;QACX,eAAe,EAAE,KAAK;QACtB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Vevet/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ exports.lerp = void 0;
|
|
|
18
18
|
* lerp(0.75, 0.8, 0.98); // => 0.799
|
|
19
19
|
*/
|
|
20
20
|
function lerp(current, target, factor, approximationLeft) {
|
|
21
|
-
if (approximationLeft === void 0) { approximationLeft = 0
|
|
21
|
+
if (approximationLeft === void 0) { approximationLeft = 0; }
|
|
22
22
|
var value = current * (1 - factor) + target * factor;
|
|
23
23
|
var difference = Math.abs(target - value);
|
|
24
24
|
if (difference <= approximationLeft) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lerp.js","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,IAAI,CAClB,OAAe,EACf,MAAc,EACd,MAAc,EACd,
|
|
1
|
+
{"version":3,"file":"lerp.js","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,IAAI,CAClB,OAAe,EACf,MAAc,EACd,MAAc,EACd,iBAAqB;IAArB,kCAAA,EAAA,qBAAqB;IAErB,IAAM,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;IAE5C,IAAI,UAAU,IAAI,iBAAiB,EAAE;QACnC,OAAO,MAAM,CAAC;KACf;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAdD,oBAcC"}
|
package/lib/cjs/version.js
CHANGED
|
@@ -10,10 +10,8 @@ export function createViewport(props, isDesktopDevice, prefix) {
|
|
|
10
10
|
callbacks,
|
|
11
11
|
width: 0,
|
|
12
12
|
height: 0,
|
|
13
|
-
radius: 0,
|
|
14
13
|
vw: 0,
|
|
15
14
|
vh: 0,
|
|
16
|
-
vr: 0,
|
|
17
15
|
isLandscape: false,
|
|
18
16
|
isPortrait: false,
|
|
19
17
|
isDesktop: false,
|
|
@@ -67,10 +65,8 @@ export function createViewport(props, isDesktopDevice, prefix) {
|
|
|
67
65
|
// set sizes
|
|
68
66
|
data.width = width;
|
|
69
67
|
data.height = html.clientHeight;
|
|
70
|
-
data.radius = Math.sqrt(Math.pow(data.width, 2) + Math.pow(data.height, 2)) / 2;
|
|
71
68
|
data.vw = data.width / 100;
|
|
72
69
|
data.vh = data.height / 100;
|
|
73
|
-
data.vr = data.radius / 100;
|
|
74
70
|
data.isLandscape = data.width > data.height;
|
|
75
71
|
data.isPortrait = data.width < data.height;
|
|
76
72
|
data.isDesktop = data.width > props.tablet;
|
|
@@ -127,7 +123,6 @@ export function createViewport(props, isDesktopDevice, prefix) {
|
|
|
127
123
|
function updateCSSVars() {
|
|
128
124
|
html.style.setProperty('--vw', `${data.vw}px`);
|
|
129
125
|
html.style.setProperty('--vh', `${data.vh}px`);
|
|
130
|
-
html.style.setProperty('--vr', `${data.vr}px`);
|
|
131
126
|
}
|
|
132
127
|
return data;
|
|
133
128
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EACL,iBAAiB,EACjB,UAAU,GAGX,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAG7C,MAAM,UAAU,cAAc,CAC5B,KAAkB,EAClB,eAAwB,EACxB,MAAc;IAEd,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;IAEtC,mBAAmB;IACnB,MAAM,SAAS,GAAG,IAAI,SAAS,EAA0B,CAAC;IAE1D,eAAe;IACf,MAAM,IAAI,GAAc;QACtB,SAAS;QACT,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":"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"}
|
package/lib/esm/Vevet/index.js
CHANGED
|
@@ -37,7 +37,6 @@ export function Vevet(input) {
|
|
|
37
37
|
osName,
|
|
38
38
|
browserName,
|
|
39
39
|
isWebpSupported: false,
|
|
40
|
-
pageLoad,
|
|
41
40
|
isPageLoaded: false,
|
|
42
41
|
viewport,
|
|
43
42
|
doc: document,
|
|
@@ -46,7 +45,7 @@ export function Vevet(input) {
|
|
|
46
45
|
onPageLoad: () => new PCancelable((resolve) => pageLoad.onLoad(resolve)),
|
|
47
46
|
};
|
|
48
47
|
// update props on page load
|
|
49
|
-
|
|
48
|
+
pageLoad.onLoad(() => {
|
|
50
49
|
output.isPageLoaded = true;
|
|
51
50
|
});
|
|
52
51
|
// set device features
|
|
@@ -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;QACtB,cAAc,EAAE,cAAc;KAC/B,CAAC;IAEF,MAAM,KAAK,mCAAQ,YAAY,GAAK,KAAK,CAAE,CAAC;IAE5C,MAAM,MAAM,GAAG,IAAI,CAAC;IAEpB,cAAc;IAEd,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,aAAa,EAAE,CAAC;IACxD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC;IAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC;IAC/C,MAAM,SAAS,GAAG,CAAC,QAAQ,CAAC;IAE5B,SAAS;IAET,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAE1D,SAAS;IAET,MAAM,MAAM,GAAW;QACrB,OAAO;QACP,KAAK;QACL,MAAM;QACN,OAAO;QACP,QAAQ;QACR,SAAS;QACT,QAAQ;QACR,MAAM;QACN,WAAW;QACX,eAAe,EAAE,KAAK;QACtB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Vevet/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
* lerp(0, 1, 0.4); // => 0.4
|
|
15
15
|
* lerp(0.75, 0.8, 0.98); // => 0.799
|
|
16
16
|
*/
|
|
17
|
-
export function lerp(current, target, factor, approximationLeft = 0
|
|
17
|
+
export function lerp(current, target, factor, approximationLeft = 0) {
|
|
18
18
|
const value = current * (1 - factor) + target * factor;
|
|
19
19
|
const difference = Math.abs(target - value);
|
|
20
20
|
if (difference <= approximationLeft) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lerp.js","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAClB,OAAe,EACf,MAAc,EACd,MAAc,EACd,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"lerp.js","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,IAAI,CAClB,OAAe,EACf,MAAc,EACd,MAAc,EACd,iBAAiB,GAAG,CAAC;IAErB,MAAM,KAAK,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC;IAE5C,IAAI,UAAU,IAAI,iBAAiB,EAAE;QACnC,OAAO,MAAM,CAAC;KACf;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}
|
package/lib/esm/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAEV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,wBAAgB,cAAc,CAC5B,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,OAAO,EACxB,MAAM,EAAE,MAAM,GACb,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAEV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,wBAAgB,cAAc,CAC5B,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,OAAO,EACxB,MAAM,EAAE,MAAM,GACb,SAAS,CA+IX"}
|
|
@@ -59,14 +59,10 @@ export interface IViewport {
|
|
|
59
59
|
width: number;
|
|
60
60
|
/** Current viewport height */
|
|
61
61
|
height: number;
|
|
62
|
-
/** Current viewport outer radius */
|
|
63
|
-
radius: number;
|
|
64
62
|
/** Current viewport width divided by 100 */
|
|
65
63
|
vw: number;
|
|
66
64
|
/** Current viewport height divided by 100 */
|
|
67
65
|
vh: number;
|
|
68
|
-
/** Current viewport radius divided by 100 */
|
|
69
|
-
vr: number;
|
|
70
66
|
/** Is viewport in landscape mode */
|
|
71
67
|
isLandscape: boolean;
|
|
72
68
|
/** Is viewport in portrait mode */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,UAAU,CAAC,MAAM;IAC/D;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,GAAG,EAAE,SAAS,CAAC;CAChB;AAED,0BAA0B;AAC1B,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,wBAAwB;AACxB,oBAAY,iBAAiB;IAC3B,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;;;;;;;OAgBG;IACH,SAAS,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAC7C,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,UAAU,CAAC,MAAM;IAC/D;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,GAAG,EAAE,SAAS,CAAC;CAChB;AAED,0BAA0B;AAC1B,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,wBAAwB;AACxB,oBAAY,iBAAiB;IAC3B,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;;;;;;;OAgBG;IACH,SAAS,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAC7C,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,QAAQ,EAAE,MAAM,CAAC;CAClB"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { IOnPageLoad } from './events/createOnPageLoad/types';
|
|
2
1
|
import { IViewport } from './events/createViewport/types';
|
|
3
2
|
import { IVevetProps } from './types';
|
|
4
3
|
import { PCancelable } from '../utils/common/PCancelable';
|
|
@@ -24,8 +23,6 @@ export interface IVevet {
|
|
|
24
23
|
browserName: string;
|
|
25
24
|
/** If WebP is supported in the browser */
|
|
26
25
|
isWebpSupported: boolean;
|
|
27
|
-
/** Page load handler */
|
|
28
|
-
pageLoad: IOnPageLoad;
|
|
29
26
|
/** If the page is loaded */
|
|
30
27
|
isPageLoaded: boolean;
|
|
31
28
|
/** Viewport handler */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../../src/Vevet/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../../src/Vevet/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,wBAAwB;AACxB,MAAM,WAAW,MAAM;IACrB,4BAA4B;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,wBAAwB;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,uBAAuB;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc;IACd,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,0CAA0C;IAC1C,eAAe,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe;IACf,GAAG,EAAE,QAAQ,CAAC;IACd,mBAAmB;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB,mBAAmB;IACnB,IAAI,EAAE,WAAW,CAAC;IAClB;;;;;;;;;OASG;IACH,UAAU,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;CACrC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Vevet/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,wBAAgB,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Vevet/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,wBAAgB,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,MAAM,CAuFzD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lerp.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAClB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,iBAAiB,
|
|
1
|
+
{"version":3,"file":"lerp.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAClB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,iBAAiB,SAAI,UAUtB"}
|
package/lib/types/version.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vevet",
|
|
3
|
-
"version": "4.0
|
|
4
|
-
"description": "Vevet is a flexible
|
|
3
|
+
"version": "4.1.0",
|
|
4
|
+
"description": "Vevet is a flexible JavaScript library designed for creative web development",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"storybook": "storybook dev -p 6006",
|
|
7
7
|
"lint": "npm run lint:js && npm run lint:style",
|
|
@@ -23,10 +23,8 @@ export function createViewport(
|
|
|
23
23
|
callbacks,
|
|
24
24
|
width: 0,
|
|
25
25
|
height: 0,
|
|
26
|
-
radius: 0,
|
|
27
26
|
vw: 0,
|
|
28
27
|
vh: 0,
|
|
29
|
-
vr: 0,
|
|
30
28
|
isLandscape: false,
|
|
31
29
|
isPortrait: false,
|
|
32
30
|
isDesktop: false,
|
|
@@ -93,10 +91,8 @@ export function createViewport(
|
|
|
93
91
|
// set sizes
|
|
94
92
|
data.width = width;
|
|
95
93
|
data.height = html.clientHeight;
|
|
96
|
-
data.radius = Math.sqrt(data.width ** 2 + data.height ** 2) / 2;
|
|
97
94
|
data.vw = data.width / 100;
|
|
98
95
|
data.vh = data.height / 100;
|
|
99
|
-
data.vr = data.radius / 100;
|
|
100
96
|
data.isLandscape = data.width > data.height;
|
|
101
97
|
data.isPortrait = data.width < data.height;
|
|
102
98
|
data.isDesktop = data.width > props.tablet;
|
|
@@ -156,7 +152,6 @@ export function createViewport(
|
|
|
156
152
|
function updateCSSVars() {
|
|
157
153
|
html.style.setProperty('--vw', `${data.vw}px`);
|
|
158
154
|
html.style.setProperty('--vh', `${data.vh}px`);
|
|
159
|
-
html.style.setProperty('--vr', `${data.vr}px`);
|
|
160
155
|
}
|
|
161
156
|
|
|
162
157
|
return data;
|
|
@@ -68,14 +68,10 @@ export interface IViewport {
|
|
|
68
68
|
width: number;
|
|
69
69
|
/** Current viewport height */
|
|
70
70
|
height: number;
|
|
71
|
-
/** Current viewport outer radius */
|
|
72
|
-
radius: number;
|
|
73
71
|
/** Current viewport width divided by 100 */
|
|
74
72
|
vw: number;
|
|
75
73
|
/** Current viewport height divided by 100 */
|
|
76
74
|
vh: number;
|
|
77
|
-
/** Current viewport radius divided by 100 */
|
|
78
|
-
vr: number;
|
|
79
75
|
/** Is viewport in landscape mode */
|
|
80
76
|
isLandscape: boolean;
|
|
81
77
|
/** Is viewport in portrait mode */
|
package/src/Vevet/global.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { IOnPageLoad } from './events/createOnPageLoad/types';
|
|
2
1
|
import { IViewport } from './events/createViewport/types';
|
|
3
2
|
import { IVevetProps } from './types';
|
|
4
3
|
import { PCancelable } from '@/utils/common/PCancelable';
|
|
@@ -25,8 +24,6 @@ export interface IVevet {
|
|
|
25
24
|
browserName: string;
|
|
26
25
|
/** If WebP is supported in the browser */
|
|
27
26
|
isWebpSupported: boolean;
|
|
28
|
-
/** Page load handler */
|
|
29
|
-
pageLoad: IOnPageLoad;
|
|
30
27
|
/** If the page is loaded */
|
|
31
28
|
isPageLoaded: boolean;
|
|
32
29
|
/** Viewport handler */
|
package/src/Vevet/index.ts
CHANGED
|
@@ -49,7 +49,6 @@ export function Vevet(input: Partial<IVevetProps>): IVevet {
|
|
|
49
49
|
osName,
|
|
50
50
|
browserName,
|
|
51
51
|
isWebpSupported: false,
|
|
52
|
-
pageLoad,
|
|
53
52
|
isPageLoaded: false,
|
|
54
53
|
viewport,
|
|
55
54
|
doc: document,
|
|
@@ -63,7 +62,7 @@ export function Vevet(input: Partial<IVevetProps>): IVevet {
|
|
|
63
62
|
|
|
64
63
|
// update props on page load
|
|
65
64
|
|
|
66
|
-
|
|
65
|
+
pageLoad.onLoad(() => {
|
|
67
66
|
output.isPageLoaded = true;
|
|
68
67
|
});
|
|
69
68
|
|
package/src/utils/math/lerp.ts
CHANGED
package/src/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const version = '4.0
|
|
1
|
+
const version = '4.1.0';
|
|
2
2
|
export default version;
|