vevet 3.3.2 → 3.5.0

package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import { Plugin } from '../../base/Plugin';
 import { NSmoothScrollKeyboardPlugin } from './types';
 import type { SmoothScroll as SmoothScrollInstance } from '../SmoothScroll';
@@ -9,15 +10,15 @@ export declare class SmoothScrollKeyboardPlugin<StaticProps extends NSmoothScrol
     protected _getDefaultProps(): import("ts-essentials").DeepRequired<StaticProps & ChangeableProps> & {
         iterator: number;
     };
-    private _tabDebounceTimeout?;
+    protected _tabDebounceTimeout?: NodeJS.Timeout;
     /** Initialize the class */
     protected _init(): void;
     /** Check if keyboard events may be ignored */
-    private _canIgnoreKeyboardEvents;
+    protected _canIgnoreKeyboardEvents(): boolean;
     /** Check if scroll container is in viewport */
-    private _checkScrollContainerInViewport;
+    protected _checkScrollContainerInViewport(): boolean;
     /** Check if scroll ended */
-    private _checkIsEndOfScroll;
+    protected _checkIsEndOfScroll(): boolean;
     /** Event on `keydown` */
     protected _handleKeydown(event: KeyboardEvent): void;
     /** Handle Tab key */

package/lib/types/components/SmoothScrollKeyboardPlugin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5E,YAAY,EAAE,2BAA2B,EAAE,CAAC;AAE5C;;GAEG;AACH,qBAAa,0BAA0B,CACrC,WAAW,SAAS,2BAA2B,CAAC,YAAY,GAAG,2BAA2B,CAAC,YAAY,EACvG,eAAe,SAAS,2BAA2B,CAAC,gBAAgB,GAAG,2BAA2B,CAAC,gBAAgB,EACnH,cAAc,SAAS,2BAA2B,CAAC,eAAe,GAAG,2BAA2B,CAAC,eAAe,CAChH,SAAQ,MAAM,CACd,WAAW,EACX,eAAe,EACf,cAAc,EACd,oBAAoB,CACrB;IACC,SAAS,CAAC,gBAAgB;;;IAO1B,OAAO,CAAC,mBAAmB,CAAC,CAAiB;IAE7C,2BAA2B;IAC3B,SAAS,CAAC,KAAK;IAQf,8CAA8C;IAC9C,OAAO,CAAC,wBAAwB;IAUhC,+CAA+C;IAC/C,OAAO,CAAC,+BAA+B;IAavC,4BAA4B;IAC5B,OAAO,CAAC,mBAAmB;IAS3B,yBAAyB;IACzB,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAmF7C,qBAAqB;IACrB,SAAS,CAAC,UAAU;IAkCpB,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAOnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SmoothScrollKeyboardPlugin/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5E,YAAY,EAAE,2BAA2B,EAAE,CAAC;AAE5C;;GAEG;AACH,qBAAa,0BAA0B,CACrC,WAAW,SACT,2BAA2B,CAAC,YAAY,GAAG,2BAA2B,CAAC,YAAY,EACrF,eAAe,SACb,2BAA2B,CAAC,gBAAgB,GAAG,2BAA2B,CAAC,gBAAgB,EAC7F,cAAc,SACZ,2BAA2B,CAAC,eAAe,GAAG,2BAA2B,CAAC,eAAe,CAC3F,SAAQ,MAAM,CACd,WAAW,EACX,eAAe,EACf,cAAc,EACd,oBAAoB,CACrB;IACC,SAAS,CAAC,gBAAgB;;;IAO1B,SAAS,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAE/C,2BAA2B;IAC3B,SAAS,CAAC,KAAK;IAQf,8CAA8C;IAC9C,SAAS,CAAC,wBAAwB;IAUlC,+CAA+C;IAC/C,SAAS,CAAC,+BAA+B;IAazC,4BAA4B;IAC5B,SAAS,CAAC,mBAAmB;IAS7B,yBAAyB;IACzB,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAmF7C,qBAAqB;IACrB,SAAS,CAAC,UAAU;IAkCpB,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAOnB"}

package/lib/types/components/SplitText/index.d.ts

@@ -16,43 +16,43 @@ export declare class SplitText<StaticProps extends NSplitText.IStaticProps = NSp
     };
     get prefix(): string;
     /** Initial text */
-    private _initialText;
+    protected _initialText: string;
     /** Initial HTML content */
-    private _initialHTML;
+    protected _initialHTML: string;
     /** If the text is already split into letters and words */
-    private _isBaseSplit;
+    protected _isBaseSplit: boolean;
     /** Text container */
-    private _container;
+    protected _container: HTMLElement;
     /** Text container */
     get container(): HTMLElement;
     /** Letters */
-    private _letters;
+    protected _letters: NSplitText.ILetter[];
     /** Letters */
     get letters(): NSplitText.ILetter[];
     /** Words */
-    private _words;
+    protected _words: NSplitText.IWord[];
     /** Words */
     get words(): NSplitText.IWord[];
     /** Lines */
-    private _lines;
+    protected _lines: NSplitText.ILine[];
     /** Lines */
     get lines(): NSplitText.ILine[];
     constructor(initialProps: StaticProps & ChangeableProps, canInit?: boolean);
     protected _init(): void;
     /** Set resize events */
-    private _setResize;
+    protected _setResize(): void;
     /** Split the text */
     splitText(): void;
     /** Split the text into words */
-    private _splitIntoWords;
+    protected _splitIntoWords(): void;
     /** Split the text into letters */
-    private _splitIntoLetters;
+    protected _splitIntoLetters(): void;
     /** Append split words to the container */
-    private _appendWords;
+    protected _appendWords(): void;
     /** Split the text into lines */
-    private _splitIntoLines;
+    protected _splitIntoLines(): void;
     /** Remove all lines */
-    private _removeLines;
+    protected _removeLines(): void;
     /** Destroy the module */
     protected _destroy(): void;
 }

package/lib/types/components/SplitText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B;;;GAGG;AACH,qBAAa,SAAS,CACpB,WAAW,SAAS,UAAU,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,EACrE,eAAe,SAAS,UAAU,CAAC,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,EACjF,cAAc,SAAS,UAAU,CAAC,eAAe,GAAG,UAAU,CAAC,eAAe,CAC9E,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;IAY1B,IAAI,MAAM,WAET;IAED,mBAAmB;IACnB,OAAO,CAAC,YAAY,CAAS;IAE7B,2BAA2B;IAC3B,OAAO,CAAC,YAAY,CAAS;IAE7B,0DAA0D;IAC1D,OAAO,CAAC,YAAY,CAAU;IAE9B,qBAAqB;IACrB,OAAO,CAAC,UAAU,CAAc;IAEhC,qBAAqB;IACrB,IAAI,SAAS,gBAEZ;IAED,cAAc;IACd,OAAO,CAAC,QAAQ,CAAuB;IAEvC,cAAc;IACd,IAAI,OAAO,yBAEV;IAED,YAAY;IACZ,OAAO,CAAC,MAAM,CAAqB;IAEnC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,YAAY;IACZ,OAAO,CAAC,MAAM,CAAqB;IAEnC,YAAY;IACZ,IAAI,KAAK,uBAER;gBAEW,YAAY,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAkCvE,SAAS,CAAC,KAAK;IAMf,wBAAwB;IACxB,OAAO,CAAC,UAAU;IAqBlB,qBAAqB;IACd,SAAS;IAqBhB,gCAAgC;IAChC,OAAO,CAAC,eAAe;IAuFvB,kCAAkC;IAClC,OAAO,CAAC,iBAAiB;IAsCzB,0CAA0C;IAC1C,OAAO,CAAC,YAAY;IAcpB,gCAAgC;IAChC,OAAO,CAAC,eAAe;IAwEvB,uBAAuB;IACvB,OAAO,CAAC,YAAY;IAOpB,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAKnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitText/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B;;;GAGG;AACH,qBAAa,SAAS,CACpB,WAAW,SAAS,UAAU,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,EACrE,eAAe,SACb,UAAU,CAAC,gBAAgB,GAAG,UAAU,CAAC,gBAAgB,EAC3D,cAAc,SACZ,UAAU,CAAC,eAAe,GAAG,UAAU,CAAC,eAAe,CACzD,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;IAY1B,IAAI,MAAM,WAET;IAED,mBAAmB;IACnB,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAE/B,2BAA2B;IAC3B,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAE/B,0DAA0D;IAC1D,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAEhC,qBAAqB;IACrB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,qBAAqB;IACrB,IAAI,SAAS,gBAEZ;IAED,cAAc;IACd,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,CAAC;IAEzC,cAAc;IACd,IAAI,OAAO,yBAEV;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;IAED,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,CAAC;IAErC,YAAY;IACZ,IAAI,KAAK,uBAER;gBAEW,YAAY,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAkCvE,SAAS,CAAC,KAAK;IAMf,wBAAwB;IACxB,SAAS,CAAC,UAAU;IAqBpB,qBAAqB;IACd,SAAS;IAqBhB,gCAAgC;IAChC,SAAS,CAAC,eAAe;IAuFzB,kCAAkC;IAClC,SAAS,CAAC,iBAAiB;IAsC3B,0CAA0C;IAC1C,SAAS,CAAC,YAAY;IActB,gCAAgC;IAChC,SAAS,CAAC,eAAe;IAwEzB,uBAAuB;IACvB,SAAS,CAAC,YAAY;IAOtB,yBAAyB;IACzB,SAAS,CAAC,QAAQ;CAKnB"}

package/lib/types/components/Timeline/index.d.ts

@@ -13,17 +13,17 @@ export declare class Timeline<StaticProps extends NTimeline.IStaticProps = NTime
         hasNestedEasingProgress: boolean;
     };
     /** The animation frame */
-    private _animationFrame?;
+    protected _animationFrame?: number;
     /** Last time when animationFrame callback has been called */
-    private _animationFrameLastTime;
+    protected _animationFrameLastTime: number;
     /** Timeline is playing */
     get isPlaying(): boolean;
     /** Timeline is reversed */
-    private _isReversed;
+    protected _isReversed: boolean;
     /** Timeline is reversed */
     get isReversed(): boolean;
     /** Timeline is paused */
-    private _isPaused;
+    protected _isPaused: boolean;
     /** Timeline is paused */
     get isPaused(): boolean;
     constructor(initialProps?: StaticProps & ChangeableProps, canInit?: boolean);
@@ -36,7 +36,7 @@ export declare class Timeline<StaticProps extends NTimeline.IStaticProps = NTime
     /** Reset timeline */
     reset(): void;
     /** Start animation */
-    private _animate;
+    protected _animate(): void;
     /** Events on progress */
     protected _handleProgressUpdate(): void;
     /** Destroy the timeline */

package/lib/types/components/Timeline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;GAEG;AACH,qBAAa,QAAQ,CACnB,WAAW,SAAS,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EACnE,eAAe,SAAS,SAAS,CAAC,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EAC/E,cAAc,SAAS,SAAS,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAC5E,SAAQ,YAAY,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IAClE,SAAS,CAAC,gBAAgB;;;;;;;IAQ1B,0BAA0B;IAC1B,OAAO,CAAC,eAAe,CAAC,CAAS;IAEjC,6DAA6D;IAC7D,OAAO,CAAC,uBAAuB,CAAS;IAExC,0BAA0B;IAC1B,IAAI,SAAS,YAEZ;IAED,2BAA2B;IAC3B,OAAO,CAAC,WAAW,CAAU;IAE7B,2BAA2B;IAC3B,IAAI,UAAU,YAEb;IAED,yBAAyB;IACzB,OAAO,CAAC,SAAS,CAAU;IAE3B,yBAAyB;IACzB,IAAI,QAAQ,YAEX;gBAEW,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAcxE,wBAAwB;IACjB,IAAI;IAcX,uBAAuB;IAChB,OAAO;IAcd,sBAAsB;IACf,KAAK;IAaZ,qBAAqB;IACd,KAAK;IASZ,sBAAsB;IACtB,OAAO,CAAC,QAAQ;IAoChB,yBAAyB;IACzB,SAAS,CAAC,qBAAqB;IAkB/B,2BAA2B;IAC3B,SAAS,CAAC,QAAQ;CAKnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;GAEG;AACH,qBAAa,QAAQ,CACnB,WAAW,SAAS,SAAS,CAAC,YAAY,GAAG,SAAS,CAAC,YAAY,EACnE,eAAe,SACb,SAAS,CAAC,gBAAgB,GAAG,SAAS,CAAC,gBAAgB,EACzD,cAAc,SAAS,SAAS,CAAC,eAAe,GAAG,SAAS,CAAC,eAAe,CAC5E,SAAQ,YAAY,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IAClE,SAAS,CAAC,gBAAgB;;;;;;;IAQ1B,0BAA0B;IAC1B,SAAS,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAEnC,6DAA6D;IAC7D,SAAS,CAAC,uBAAuB,EAAE,MAAM,CAAC;IAE1C,0BAA0B;IAC1B,IAAI,SAAS,YAEZ;IAED,2BAA2B;IAC3B,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC;IAE/B,2BAA2B;IAC3B,IAAI,UAAU,YAEb;IAED,yBAAyB;IACzB,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC;IAE7B,yBAAyB;IACzB,IAAI,QAAQ,YAEX;gBAEW,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAcxE,wBAAwB;IACjB,IAAI;IAcX,uBAAuB;IAChB,OAAO;IAcd,sBAAsB;IACf,KAAK;IAaZ,qBAAqB;IACd,KAAK;IASZ,sBAAsB;IACtB,SAAS,CAAC,QAAQ;IAoClB,yBAAyB;IACzB,SAAS,CAAC,qBAAqB;IAkB/B,2BAA2B;IAC3B,SAAS,CAAC,QAAQ;CAKnB"}

package/lib/types/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './ProgressPreloader';
 export * from './ScrollBar';
 export * from './ScrollView';
 export * from './SectionScrollProgress';
+export * from './SlideProgress';
 export * from './SmoothScroll';
 export * from './SmoothScrollDragPlugin';
 export * from './SmoothScrollKeyboardPlugin';

package/lib/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

package/lib/types/version.d.ts

@@ -1,3 +1,3 @@
-declare const version = "3.3.2";
+declare const version = "3.5.0";
 export default version;
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "3.3.2",
+  "version": "3.5.0",
   "description": "Vevet - a JavaScript library of ready-made solutions and helpers",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -68,7 +68,7 @@
     "vevet-dom": "^0.0.15"
   },
   "devDependencies": {
-    "@anton.bobrov/eslint-config": "1.3.0",
+    "@anton.bobrov/eslint-config": "1.4.0",
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.22.5",
@@ -84,11 +84,11 @@
     "@types/normalize-wheel": "^1.0.1",
     "@types/react": "18.0.18",
     "copyfiles": "^2.4.1",
-    "eslint": "^8.23.0",
+    "eslint": "^8.53.0",
     "eslint-plugin-storybook": "^0.6.13",
     "gh-pages": "^6.0.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.4",
+    "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rimraf": "^5.0.1",

package/src/Application/events/PageLoad/index.ts

@@ -40,7 +40,7 @@ export class PageLoad extends Callbacks<NPageLoad.ICallbacksTypes> {
     }
 
     this._loadListener = addEventListener(window, 'load', () =>
-      this._handleLoaded()
+      this._handleLoaded(),
     );
   }
 

package/src/Application/events/Viewport/index.ts

@@ -159,12 +159,12 @@ export class Viewport extends Callbacks<NViewport.ICallbacksTypes> {
     if (this.isLandscape) {
       this._updateBreakpointClassNames(
         EOrientationTypes.Landscape,
-        orientationTypes
+        orientationTypes,
       );
     } else if (this.isPortrait) {
       this._updateBreakpointClassNames(
         EOrientationTypes.Portrait,
-        orientationTypes
+        orientationTypes,
       );
     } else {
       this._updateBreakpointClassNames('', orientationTypes);
@@ -195,7 +195,7 @@ export class Viewport extends Callbacks<NViewport.ICallbacksTypes> {
   /** Launch callbacks on resize. */
   private _onResize(
     /** force all callbacks */
-    force = false
+    force = false,
   ) {
     const { _width: prevWidth, _height: prevHeight } = this;
 

package/src/Application/index.ts

@@ -192,7 +192,7 @@ export class Application {
   /** Action on page loaded */
   public onPageLoad() {
     return new PCancelable((resolve: (...arg: any) => void) =>
-      this._pageLoad.onLoad(resolve)
+      this._pageLoad.onLoad(resolve),
     );
   }
 

package/src/base/Callbacks/index.ts

@@ -64,7 +64,7 @@ export class Callbacks<Types extends NCallbacks.ITypes = NCallbacks.ITypes> {
   public add<T extends keyof Types>(
     target: T,
     action: NCallbacks.TAction<Types[T]>,
-    settings: NCallbacks.ISettings = {}
+    settings: NCallbacks.ISettings = {},
   ): NCallbacks.IAddedCallback {
     const id = uid('callback');
 
@@ -160,7 +160,7 @@ export class Callbacks<Types extends NCallbacks.ITypes = NCallbacks.ITypes> {
    */
   private _callAction(
     { id, isEnabled, timeout, isOnce, action }: NCallbacks.ICallback<Types>,
-    parameter: Types[keyof Types]
+    parameter: Types[keyof Types],
   ) {
     if (!isEnabled) {
       return;

package/src/base/Component/index.ts

@@ -9,8 +9,10 @@ export type { NComponent };
  */
 export class Component<
   StaticProps extends NComponent.IStaticProps = NComponent.IStaticProps,
-  ChangeableProps extends NComponent.IChangeableProps = NComponent.IChangeableProps,
-  CallbacksTypes extends NComponent.ICallbacksTypes = NComponent.ICallbacksTypes
+  ChangeableProps extends
+    NComponent.IChangeableProps = NComponent.IChangeableProps,
+  CallbacksTypes extends
+    NComponent.ICallbacksTypes = NComponent.ICallbacksTypes,
 > extends Module<StaticProps, ChangeableProps, CallbacksTypes> {
   /** Inner plugins */
   private _plugins?: Plugin[];

package/src/base/Module/index.ts

@@ -22,7 +22,7 @@ type TViewportAdd = Viewport['add'];
 export class Module<
   StaticProps extends NModule.IStaticProps = NModule.IStaticProps,
   ChangeableProps extends NModule.IChangeableProps = NModule.IChangeableProps,
-  CallbacksTypes extends NModule.ICallbacksTypes = NModule.ICallbacksTypes
+  CallbacksTypes extends NModule.ICallbacksTypes = NModule.ICallbacksTypes,
 > {
   /**
    * Get Default properties (should be extended)
@@ -139,13 +139,13 @@ export class Module<
      * Defines if you need to call {@linkcode Module.init} at the constructor's end.
      * If you want to add responsive properties, set this parameter to `false`.
      */
-    canInit = true
+    canInit = true,
   ) {
     if (window.vevetApp) {
       this._app = window.vevetApp;
     } else {
       throw new Error(
-        'Vevet.Application does not exist yet. Call "new Vevet.Application()" before using all the stuff'
+        'Vevet.Application does not exist yet. Call "new Vevet.Application()" before using all the stuff',
       );
     }
 
@@ -156,13 +156,13 @@ export class Module<
 
     const props = mergeWithoutArrays(
       this._getDefaultProps(),
-      initialProps || {}
+      initialProps || {},
     );
 
     this._mutableProps = new MutableProps(
       props as StaticProps & ChangeableProps,
       () => this._onPropsMutate(),
-      this.name
+      this.name,
     );
 
     if (canInit) {
@@ -174,7 +174,7 @@ export class Module<
   public addResponsiveProps(rules: NMutableProps.IResponsive<ChangeableProps>) {
     if (this.isInitialized) {
       throw new Error(
-        'Responsive properties cannot be added after `init` is called'
+        'Responsive properties cannot be added after `init` is called',
       );
     } else {
       this._mutableProps.addResponsiveProps(rules);
@@ -232,7 +232,7 @@ export class Module<
   public addViewportCallback(
     target: Parameters<TViewportAdd>[0],
     action: Parameters<TViewportAdd>[1],
-    data: Parameters<TViewportAdd>[2] = {}
+    data: Parameters<TViewportAdd>[2] = {},
   ) {
     const callback = this._app.viewport.add(target, action, {
       ...data,
@@ -246,7 +246,7 @@ export class Module<
   public addCallback<T extends keyof CallbacksTypes>(
     target: T,
     action: NCallbacks.TAction<CallbacksTypes[T]>,
-    settings: NCallbacks.ISettings = {}
+    settings: NCallbacks.ISettings = {},
   ) {
     return this.callbacks.add(target, action, settings);
   }
@@ -255,12 +255,12 @@ export class Module<
   public addEventListener<
     El extends ListenerElement,
     Target extends keyof HTMLElementEventMap,
-    Callback extends (evt: HTMLElementEventMap[Target]) => void
+    Callback extends (evt: HTMLElementEventMap[Target]) => void,
   >(
     el: El,
     target: Target,
     callback: Callback,
-    options?: IAddEventListenerOptions
+    options?: IAddEventListenerOptions,
   ): IAddEventListener {
     const listener = addEventListener(el, target, callback, options);
     this._listeners.push(listener);
@@ -269,7 +269,7 @@ export class Module<
       ...listener,
       remove: () => {
         this._listeners = this._listeners.filter(
-          (item) => item.id !== listener.id
+          (item) => item.id !== listener.id,
         );
 
         return listener.remove();
@@ -285,7 +285,7 @@ export class Module<
   protected toggleClassName(
     element: Element,
     className: string,
-    isActive: boolean
+    isActive: boolean,
   ) {
     const isAlreadyExists = element.classList.contains(className);
 
@@ -316,7 +316,7 @@ export class Module<
     this._listeners.forEach((listener) => listener.remove());
 
     this._classNamesToRemove.forEach(({ element, className }) =>
-      element.classList.remove(className)
+      element.classList.remove(className),
     );
 
     this._isDestroyed = true;

package/src/base/Module/stories/index.tsx

@@ -22,7 +22,7 @@ export const Component: FC = () => {
         weight: 70,
         height: 175,
       },
-      false
+      false,
     );
 
     module.addResponsiveProps({

package/src/base/MutableProps/index.ts

@@ -48,7 +48,7 @@ export class MutableProps<
    * Mutable Properties
    * (may change on window resize or through {@linkcode MutableProps.changeProps})
    */
-  ChangeableProps extends Record<string, any>
+  ChangeableProps extends Record<string, any>,
 > {
   /**
    * Vevet Application.
@@ -120,7 +120,7 @@ export class MutableProps<
     /**
      * Name of the responsive properties.
      */
-    private _name = 'Responsive Props'
+    private _name = 'Responsive Props',
   ) {
     this._app = window.vevetApp;
     this._refProps = mergeWithoutArrays({}, _initProps);
@@ -144,7 +144,7 @@ export class MutableProps<
     this._viewportCallback = this._app.viewport.add(
       'width',
       this._responseProps.bind(this),
-      { name: this._name }
+      { name: this._name },
     );
   }
 

package/src/base/MutableProps/stories/index.tsx

@@ -27,7 +27,7 @@ export const Component: FC = () => {
         console.log('changed on viewport resize', { ...props.props });
 
         setFeatures({ ...props.props });
-      }
+      },
     );
 
     props.changeProps({ name: 'second name' });

package/src/base/Plugin/index.ts

@@ -10,7 +10,7 @@ export abstract class Plugin<
   StaticProps extends NPlugin.IStaticProps = NPlugin.IStaticProps,
   ChangeableProps extends NPlugin.IChangeableProps = NPlugin.IChangeableProps,
   CallbacksTypes extends NPlugin.ICallbacksTypes = NPlugin.ICallbacksTypes,
-  Component = any
+  Component = any,
 > extends Module<StaticProps, ChangeableProps, CallbacksTypes> {
   constructor(initialProps?: StaticProps & ChangeableProps) {
     super(initialProps, false);
@@ -29,7 +29,7 @@ export abstract class Plugin<
   public init() {
     if (!this.component) {
       throw new Error(
-        'Component is unknown. Be sure that `plugin.component` is non-nullable.'
+        'Component is unknown. Be sure that `plugin.component` is non-nullable.',
       );
     }
 

package/src/components/AnimationFrame/index.ts

@@ -7,9 +7,12 @@ export type { NAnimationFrame };
  * Launch an animation frame with a certain FPS
  */
 export class AnimationFrame<
-  StaticProps extends NAnimationFrame.IStaticProps = NAnimationFrame.IStaticProps,
-  ChangeableProps extends NAnimationFrame.IChangeableProps = NAnimationFrame.IChangeableProps,
-  CallbacksTypes extends NAnimationFrame.ICallbacksTypes = NAnimationFrame.ICallbacksTypes
+  StaticProps extends
+    NAnimationFrame.IStaticProps = NAnimationFrame.IStaticProps,
+  ChangeableProps extends
+    NAnimationFrame.IChangeableProps = NAnimationFrame.IChangeableProps,
+  CallbacksTypes extends
+    NAnimationFrame.ICallbacksTypes = NAnimationFrame.ICallbacksTypes,
 > extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -21,29 +24,29 @@ export class AnimationFrame<
   }
 
   /** If the frame is launched */
-  private _isPlaying: boolean;
+  protected _isPlaying: boolean;
 
   get isPlaying() {
     return this._isPlaying;
   }
 
   /** The animation frame */
-  private _frame: number | null;
+  protected _frame: number | null;
 
   /** Last frame time */
-  private _frameIndex: number;
+  protected _frameIndex: number;
 
   /** First frame time */
-  private _firstFrameTime: null | number;
+  protected _firstFrameTime: null | number;
 
   /** Last frame time */
-  private _lastFrameTime: null | number;
+  protected _lastFrameTime: null | number;
 
   /** Array of frame time durations */
-  private _frameDurations: number[];
+  protected _frameDurations: number[];
 
   /** Computed fps */
-  private _computedFPS: number;
+  protected _computedFPS: number;
 
   /** Computed real time fps */
   get computedFPS() {
@@ -107,7 +110,7 @@ export class AnimationFrame<
   }
 
   /** Play animation */
-  private _play() {
+  protected _play() {
     if (this.isPlaying) {
       return;
     }
@@ -130,7 +133,7 @@ export class AnimationFrame<
   }
 
   /** Pause animation */
-  private _pause() {
+  protected _pause() {
     if (!this.isPlaying) {
       return;
     }
@@ -147,7 +150,7 @@ export class AnimationFrame<
   }
 
   /** Launch the animation frame */
-  private _animate() {
+  protected _animate() {
     if (!this._isPlaying) {
       return;
     }
@@ -164,7 +167,7 @@ export class AnimationFrame<
     const minFrameDuration =
       this.props.fps === 'auto' ? 1 : 1000 / this.props.fps;
     const newFrameIndex = Math.floor(
-      (startTime - this._firstFrameTime) / minFrameDuration
+      (startTime - this._firstFrameTime) / minFrameDuration,
     );
 
     // break if frame index the same
@@ -186,7 +189,7 @@ export class AnimationFrame<
   }
 
   /** Compute real-time FPS */
-  private _computeFPS(startTime: number) {
+  protected _computeFPS(startTime: number) {
     const lastFrameDuration = startTime - (this._lastFrameTime ?? startTime);
 
     // skip frames that seem not real
@@ -201,7 +204,7 @@ export class AnimationFrame<
     }
 
     const totalFramesDuration = this._frameDurations.reduce(
-      (prev, curr) => prev + curr
+      (prev, curr) => prev + curr,
     );
 
     const approximateFrameDuration =

package/src/components/BaseTimeline/index.ts

@@ -11,8 +11,10 @@ export type { NBaseTimeline };
  */
 export class BaseTimeline<
   StaticProps extends NBaseTimeline.IStaticProps = NBaseTimeline.IStaticProps,
-  ChangeableProps extends NBaseTimeline.IChangeableProps = NBaseTimeline.IChangeableProps,
-  CallbacksTypes extends NBaseTimeline.ICallbacksTypes = NBaseTimeline.ICallbacksTypes
+  ChangeableProps extends
+    NBaseTimeline.IChangeableProps = NBaseTimeline.IChangeableProps,
+  CallbacksTypes extends
+    NBaseTimeline.ICallbacksTypes = NBaseTimeline.ICallbacksTypes,
 > extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -24,7 +26,7 @@ export class BaseTimeline<
   }
 
   /** Global timeline progress */
-  private _progress: number;
+  protected _progress: number;
 
   /** Global timeline progress */
   get progress() {
@@ -38,7 +40,7 @@ export class BaseTimeline<
   }
 
   /** Easing progress */
-  private _easing: number;
+  protected _easing: number;
 
   /** Easing progress */
   get easing() {
@@ -46,7 +48,7 @@ export class BaseTimeline<
   }
 
   /** Nested timelines */
-  private _nestedTimelines: { id: string; timeline: BaseTimeline }[];
+  protected _nestedTimelines: { id: string; timeline: BaseTimeline }[];
 
   constructor(initialProps?: StaticProps & ChangeableProps, canInit = true) {
     super(initialProps, false);
@@ -70,7 +72,7 @@ export class BaseTimeline<
     return {
       remove: () => {
         this._nestedTimelines = this._nestedTimelines.filter(
-          ({ id: nestedTimelineId }) => nestedTimelineId !== id
+          ({ id: nestedTimelineId }) => nestedTimelineId !== id,
         );
       },
     };
@@ -89,7 +91,7 @@ export class BaseTimeline<
   }
 
   /** Render nested timelines */
-  private _renderNestedTimelines() {
+  protected _renderNestedTimelines() {
     const { length } = this._nestedTimelines;
     if (length === 0) {
       return;
@@ -103,7 +105,7 @@ export class BaseTimeline<
       const timelineProgress = clampScope(
         progressForNestedTimeline,
         timeline.props.nestedScope,
-        [0, 1]
+        [0, 1],
       );
 
       // eslint-disable-next-line no-param-reassign

package/src/components/BaseTimeline/stories/Nested.tsx

@@ -15,7 +15,7 @@ export const Nested: FC = () => {
 
     if (containerRef.current) {
       const children = Array.from(
-        containerRef.current.children
+        containerRef.current.children,
       ) as HTMLElement[];
 
       const scopes = spreadScope(children.length, 0.9);