vevet 5.3.0 → 5.5.0

package/src/components/Snap/slide/SlideParallax/index.ts

@@ -70,15 +70,18 @@ export class SnapSlideParallax {
           ? this._getScope(element, scopeAttr, [-1, 1])
           : defaultScope;
 
-        const attrValue = element.getAttribute(n) ?? '';
-        const target = parseFloat(attrValue) || 0;
+        const attrValue = this._getAttr(element, n);
         const unit = attrValue.replace(/[-\d.]+/g, '') || defaultUnit;
+        const target = this._getFloatAttr(element, n, 0);
 
-        const offsetAttr = `${n}-offset`;
-        const offset = parseFloat(element.getAttribute(offsetAttr) ?? '') || 0;
+        const offset = this._getFloatAttr(element, `${n}-offset`, 0);
+        const min = this._getFloatAttr(element, `${n}-min`, -Infinity);
+        const max = this._getFloatAttr(element, `${n}-max`, Infinity);
 
         const influenceAttr = `${n}-influence`;
-        const isInfluence = element.hasAttribute(influenceAttr);
+        const influence = element.hasAttribute(influenceAttr)
+          ? this._getFloatAttr(element, `${n}-influence`, 1)
+          : 0;
 
         const directionalAttr = `${n}-directional`;
         const isDirectional = element.hasAttribute(directionalAttr);
@@ -97,7 +100,9 @@ export class SnapSlideParallax {
           target,
           value: 0,
           offset,
-          isInfluence,
+          min,
+          max,
+          influence,
           isDirectional,
           isAbs,
         };
@@ -105,18 +110,39 @@ export class SnapSlideParallax {
     );
   }
 
+  /** Get parallax attribute */
+  protected _getAttr(element: HTMLElement, name: string) {
+    return element.getAttribute(name) ?? '';
+  }
+
+  /** Get parallax float attribute */
+  protected _getFloatAttr(
+    element: HTMLElement,
+    name: string,
+    defaultValue: number,
+  ) {
+    const float = parseFloat(this._getAttr(element, name));
+
+    return Number.isNaN(float) ? defaultValue : float;
+  }
+
   /** Get parallax scope */
   protected _getScope(
     element: HTMLElement,
     name: string,
     defaultValue: number[],
   ) {
-    const attrValue = element.getAttribute(name) ?? '';
+    const attrValue = this._getAttr(element, name);
+    const attrStringValue = attrValue.trim().toLowerCase();
 
-    if (attrValue.trim().toLowerCase() === 'none') {
+    if (attrStringValue === 'none') {
       return [-Infinity, Infinity];
     }
 
+    if (attrStringValue === 'const') {
+      return [1, 1];
+    }
+
     const cleanValue = attrValue.replace(/[\s\\[\]]+/g, '');
     const minMax = cleanValue.split(',');
     const minRaw = parseFloat(minMax[0]);
@@ -144,8 +170,8 @@ export class SnapSlideParallax {
     items.forEach((item) => {
       let progress = clamp(globalProgress, ...item.scope);
 
-      if (item.isInfluence) {
-        progress *= Math.abs(snap.track.influence);
+      if (Math.abs(item.influence) > 0) {
+        progress *= Math.abs(snap.track.influence) * item.influence;
       }
 
       if (item.isDirectional) {
@@ -162,6 +188,8 @@ export class SnapSlideParallax {
       if (item.modifier) {
         item.value = item.modifier(item.value);
       }
+
+      item.value = clamp(item.value, item.min, item.max);
     });
 
     parallaxGroups.forEach(({ name: groupName }) => {

package/src/components/Snap/slide/SlideParallax/types.ts

@@ -26,7 +26,9 @@ export interface ISnapSlideParallaxItem extends ISnapSlideParallaxType {
   target: number;
   value: number;
   offset: number;
-  isInfluence: boolean;
+  min: number;
+  max: number;
+  influence: number;
   isDirectional: boolean;
   isAbs: boolean;
 }

package/src/components/Snap/types.ts

@@ -37,6 +37,15 @@ export interface ISnapMutableProps
    */
   slides?: (HTMLElement | SnapSlide)[] | false;
 
+  /**
+   * Container size. Supported values:
+   * - `auto` detects slide size depending on the container size.
+   * - `number` defines the slide size in pixels.
+   * - css units like `px`, `rem`, `vw`, `vh`, `svh`.
+   * @default 'auto'
+   */
+  containerSize?: number | 'auto' | (string & {});
+
   /**
    * Indicates the number of slides to scroll on swipe or wheel.
    * @default 1

package/src/internal/isFiniteNumber.ts

@@ -0,0 +1,5 @@
+import { isNumber } from './isNumber';
+
+export function isFiniteNumber(value: any): value is number {
+  return isNumber(value) && !Number.isNaN(value) && Number.isFinite(value);
+}

package/src/internal/prependStyles.ts

@@ -0,0 +1,9 @@
+export function prependStyles(style: HTMLStyleElement) {
+  const firstStyles = document.querySelector('link[rel="stylesheet"], style');
+
+  if (firstStyles) {
+    firstStyles.parentNode?.insertBefore(style, firstStyles);
+  } else {
+    document.head.appendChild(style);
+  }
+}

package/src/manifest.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.3.0"
+  "version": "5.5.0"
 }

package/lib/cjs/components/Cursor/utils/svgQuadraticCurvePath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"svgQuadraticCurvePath.js","sourceRoot":"","sources":["../../../../../src/components/Cursor/utils/svgQuadraticCurvePath.ts"],"names":[],"mappings":";;;AAEO,IAAM,qBAAqB,GAAG,UAAC,MAA0B;IAC9D,IAAI,IAAI,GAAG,WAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,cAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC;IAE5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,IAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACjD,IAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAEjD,IAAI,IAAI,YAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,eAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,eAAK,IAAI,eAAK,IAAI,CAAE,CAAC;IAC/D,CAAC;IAED,IAAI,IAAI,YAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC;IAE3E,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAbW,QAAA,qBAAqB,yBAahC"}

package/lib/esm/components/Cursor/utils/svgQuadraticCurvePath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"svgQuadraticCurvePath.js","sourceRoot":"","sources":["../../../../../src/components/Cursor/utils/svgQuadraticCurvePath.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAA0B,EAAE,EAAE;IAClE,IAAI,IAAI,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QACjD,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAEjD,IAAI,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,IAAI,EAAE,CAAC;IAC/D,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3E,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/lib/types/components/Cursor/utils/svgQuadraticCurvePath.d.ts

@@ -1,3 +0,0 @@
-import { ICursorPathPoint } from '../types';
-export declare const svgQuadraticCurvePath: (points: ICursorPathPoint[]) => string;
-//# sourceMappingURL=svgQuadraticCurvePath.d.ts.map

package/lib/types/components/Cursor/utils/svgQuadraticCurvePath.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"svgQuadraticCurvePath.d.ts","sourceRoot":"","sources":["../../../../../src/components/Cursor/utils/svgQuadraticCurvePath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C,eAAO,MAAM,qBAAqB,WAAY,gBAAgB,EAAE,WAa/D,CAAC"}