vevet 3.4.0 → 3.5.0

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 {
@@ -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
@@ -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 {
@@ -70,7 +72,7 @@ export class BaseTimeline<
     return {
       remove: () => {
         this._nestedTimelines = this._nestedTimelines.filter(
-          ({ id: nestedTimelineId }) => nestedTimelineId !== id
+          ({ id: nestedTimelineId }) => nestedTimelineId !== id,
         );
       },
     };
@@ -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);

package/src/components/Ctx2D/index.ts

@@ -12,7 +12,7 @@ export type { NCtx2D };
 export class Ctx2D<
   StaticProps extends NCtx2D.IStaticProps = NCtx2D.IStaticProps,
   ChangeableProps extends NCtx2D.IChangeableProps = NCtx2D.IChangeableProps,
-  CallbacksTypes extends NCtx2D.ICallbacksTypes = NCtx2D.ICallbacksTypes
+  CallbacksTypes extends NCtx2D.ICallbacksTypes = NCtx2D.ICallbacksTypes,
 > extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {

package/src/components/Ctx2DPrerender/index.ts

@@ -8,9 +8,12 @@ export type { NCtx2DPrerender } from './types';
  * The class allows you to prerender media for further use with reduced payloads.
  */
 export class Ctx2DPrerender<
-  StaticProps extends NCtx2DPrerender.IStaticProps = NCtx2DPrerender.IStaticProps,
-  ChangeableProps extends NCtx2DPrerender.IChangeableProps = NCtx2DPrerender.IChangeableProps,
-  CallbacksTypes extends NCtx2DPrerender.ICallbacksTypes = NCtx2DPrerender.ICallbacksTypes
+  StaticProps extends
+    NCtx2DPrerender.IStaticProps = NCtx2DPrerender.IStaticProps,
+  ChangeableProps extends
+    NCtx2DPrerender.IChangeableProps = NCtx2DPrerender.IChangeableProps,
+  CallbacksTypes extends
+    NCtx2DPrerender.ICallbacksTypes = NCtx2DPrerender.ICallbacksTypes,
 > extends Ctx2D<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {

package/src/components/CustomCursor/index.ts

@@ -11,8 +11,10 @@ export type { NCustomCursor };
  */
 export class CustomCursor<
   StaticProps extends NCustomCursor.IStaticProps = NCustomCursor.IStaticProps,
-  ChangeableProps extends NCustomCursor.IChangeableProps = NCustomCursor.IChangeableProps,
-  CallbacksTypes extends NCustomCursor.ICallbacksTypes = NCustomCursor.ICallbacksTypes
+  ChangeableProps extends
+    NCustomCursor.IChangeableProps = NCustomCursor.IChangeableProps,
+  CallbacksTypes extends
+    NCustomCursor.ICallbacksTypes = NCustomCursor.ICallbacksTypes,
 > extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -197,7 +199,7 @@ export class CustomCursor<
       class: this.className(
         '',
         container instanceof Window ? '-in-window' : '-in-element',
-        '-disabled'
+        '-disabled',
       ),
       parent: domContainer,
     });
@@ -235,31 +237,31 @@ export class CustomCursor<
     this.addEventListener(
       domContainer,
       'mouseenter',
-      this._handleMouseEnter.bind(this)
+      this._handleMouseEnter.bind(this),
     );
 
     this.addEventListener(
       domContainer,
       'mouseleave',
-      this._handleMouseLeave.bind(this)
+      this._handleMouseLeave.bind(this),
     );
 
     this.addEventListener(
       domContainer,
       'mousemove',
-      this._handleMouseMove.bind(this)
+      this._handleMouseMove.bind(this),
     );
 
     this.addEventListener(
       domContainer,
       'mousedown',
-      this._handleMouseDown.bind(this)
+      this._handleMouseDown.bind(this),
     );
 
     this.addEventListener(
       domContainer,
       'mouseup',
-      this._handleMouseUp.bind(this)
+      this._handleMouseUp.bind(this),
     );
 
     this.addEventListener(window, 'blur', this._handleWindowBlur.bind(this));
@@ -314,7 +316,7 @@ export class CustomCursor<
   /** Set hover events on an element */
   public addHoverElement(
     settingsProp: NCustomCursor.IHoveredElement,
-    enterTimeout = 100
+    enterTimeout = 100,
   ) {
     const settings: NCustomCursor.IHoveredElement = {
       width: 'auto',

package/src/components/DraggerBase/index.ts

@@ -15,8 +15,10 @@ export type { NDraggerBase };
  */
 export abstract class DraggerBase<
   StaticProps extends NDraggerBase.IStaticProps = NDraggerBase.IStaticProps,
-  ChangeableProps extends NDraggerBase.IChangeableProps = NDraggerBase.IChangeableProps,
-  CallbacksTypes extends NDraggerBase.ICallbacksTypes = NDraggerBase.ICallbacksTypes
+  ChangeableProps extends
+    NDraggerBase.IChangeableProps = NDraggerBase.IChangeableProps,
+  CallbacksTypes extends
+    NDraggerBase.ICallbacksTypes = NDraggerBase.ICallbacksTypes,
 > extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -132,14 +134,14 @@ export abstract class DraggerBase<
       this.container,
       'mousedown',
       (event) => this._handleStart(event),
-      { passive: this.props.isPassive }
+      { passive: this.props.isPassive },
     );
 
     this.addEventListener(
       this.container,
       'touchstart',
       (event) => this._handleStart(event),
-      { passive: this.props.isPassive }
+      { passive: this.props.isPassive },
     );
   }
 
@@ -150,25 +152,25 @@ export abstract class DraggerBase<
     this._runtimeListeners.push(
       addEventListener(window, 'mouseup', (event) => this.handleEnd(event), {
         passive: isPassive,
-      })
+      }),
     );
 
     this._runtimeListeners.push(
       addEventListener(window, 'touchend', (event) => this.handleEnd(event), {
         passive: isPassive,
-      })
+      }),
     );
 
     this._runtimeListeners.push(
       addEventListener(window, 'touchcancel', () => this.cancel(), {
         passive: isPassive,
-      })
+      }),
     );
 
     this._runtimeListeners.push(
       addEventListener(window, 'blur', () => this.cancel(), {
         passive: isPassive,
-      })
+      }),
     );
   }
 

package/src/components/DraggerDirection/index.ts

@@ -7,9 +7,12 @@ export type { NDraggerDirection };
  * `Dragger` that detects swipe direction
  */
 export class DraggerDirection<
-  StaticProps extends NDraggerDirection.IStaticProps = NDraggerDirection.IStaticProps,
-  ChangeableProps extends NDraggerDirection.IChangeableProps = NDraggerDirection.IChangeableProps,
-  CallbacksTypes extends NDraggerDirection.ICallbacksTypes = NDraggerDirection.ICallbacksTypes
+  StaticProps extends
+    NDraggerDirection.IStaticProps = NDraggerDirection.IStaticProps,
+  ChangeableProps extends
+    NDraggerDirection.IChangeableProps = NDraggerDirection.IChangeableProps,
+  CallbacksTypes extends
+    NDraggerDirection.ICallbacksTypes = NDraggerDirection.ICallbacksTypes,
 > extends DraggerBase<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {

package/src/components/DraggerMove/index.ts

@@ -9,8 +9,10 @@ export type { NDraggerMove };
  */
 export class DraggerMove<
   StaticProps extends NDraggerMove.IStaticProps = NDraggerMove.IStaticProps,
-  ChangeableProps extends NDraggerMove.IChangeableProps = NDraggerMove.IChangeableProps,
-  CallbacksTypes extends NDraggerMove.ICallbacksTypes = NDraggerMove.ICallbacksTypes
+  ChangeableProps extends
+    NDraggerMove.IChangeableProps = NDraggerMove.IChangeableProps,
+  CallbacksTypes extends
+    NDraggerMove.ICallbacksTypes = NDraggerMove.ICallbacksTypes,
 > extends DraggerBase<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -52,8 +54,8 @@ export class DraggerMove<
         },
         {
           passive: isPassive,
-        }
-      )
+        },
+      ),
     );
 
     this._runtimeListeners.push(
@@ -67,8 +69,8 @@ export class DraggerMove<
         },
         {
           passive: isPassive,
-        }
-      )
+        },
+      ),
     );
   }
 

package/src/components/Marquee/index.ts

@@ -13,7 +13,7 @@ export type { NMarquee };
 export class Marquee<
   StaticProps extends NMarquee.IStaticProps = NMarquee.IStaticProps,
   ChangeableProps extends NMarquee.IChangeableProps = NMarquee.IChangeableProps,
-  CallbacksTypes extends NMarquee.ICallbacksTypes = NMarquee.ICallbacksTypes
+  CallbacksTypes extends NMarquee.ICallbacksTypes = NMarquee.ICallbacksTypes,
 > extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -190,7 +190,7 @@ export class Marquee<
     // get items quantity
     if (itemWidth < container.clientWidth) {
       this._quantity = Math.ceil(
-        (container.clientWidth + itemWidth) / itemWidth
+        (container.clientWidth + itemWidth) / itemWidth,
       );
     }
     this._quantity = Math.max(this._quantity, 4);

package/src/components/Preloader/index.ts

@@ -11,8 +11,10 @@ export type { NPreloader };
  */
 export class Preloader<
   StaticProps extends NPreloader.IStaticProps = NPreloader.IStaticProps,
-  ChangeableProps extends NPreloader.IChangeableProps = NPreloader.IChangeableProps,
-  CallbacksTypes extends NPreloader.ICallbacksTypes = NPreloader.ICallbacksTypes
+  ChangeableProps extends
+    NPreloader.IChangeableProps = NPreloader.IChangeableProps,
+  CallbacksTypes extends
+    NPreloader.ICallbacksTypes = NPreloader.ICallbacksTypes,
 > extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -136,7 +138,7 @@ export class Preloader<
   public hide(
     duration = typeof this.props.hideAnimation !== 'boolean'
       ? this.props.hideAnimation
-      : 250
+      : 250,
   ) {
     this._isToBeHidden = true;
     this.callbacks.tbt('hide', undefined);

package/src/components/ProgressPreloader/index.ts

@@ -15,9 +15,12 @@ export type { NProgressPreloader };
  * Page preloader with smooth progress calculation
  */
 export class ProgressPreloader<
-  StaticProps extends NProgressPreloader.IStaticProps = NProgressPreloader.IStaticProps,
-  ChangeableProps extends NProgressPreloader.IChangeableProps = NProgressPreloader.IChangeableProps,
-  CallbacksTypes extends NProgressPreloader.ICallbacksTypes = NProgressPreloader.ICallbacksTypes
+  StaticProps extends
+    NProgressPreloader.IStaticProps = NProgressPreloader.IStaticProps,
+  ChangeableProps extends
+    NProgressPreloader.IChangeableProps = NProgressPreloader.IChangeableProps,
+  CallbacksTypes extends
+    NProgressPreloader.ICallbacksTypes = NProgressPreloader.ICallbacksTypes,
 > extends Preloader<StaticProps, ChangeableProps, CallbacksTypes> {
   protected _getDefaultProps() {
     return {
@@ -190,7 +193,7 @@ export class ProgressPreloader<
 
         let loadCount = parseInt(
           element.getAttribute('data-load-count') || '1',
-          10
+          10,
         );
 
         loadCount = Number.isNaN(loadCount)
@@ -224,7 +227,7 @@ export class ProgressPreloader<
             resolve();
           }
         },
-        { isProtected: true, name: this.name }
+        { isProtected: true, name: this.name },
       );
     });
   }
@@ -233,22 +236,25 @@ export class ProgressPreloader<
   protected _preloadResources() {
     this.images.forEach((image) =>
       preloadImage(image, (isSuccess) =>
-        this._handleLoadedResource({ element: image, isSuccess })
-      )
+        this._handleLoadedResource({ element: image, isSuccess }),
+      ),
     );
 
     // preload videos
     this.videos.forEach((video) =>
       preloadVideo(video, (isSuccess) =>
-        this._handleLoadedResource({ element: video, isSuccess })
-      )
+        this._handleLoadedResource({ element: video, isSuccess }),
+      ),
     );
 
     // preload custom resources
     this._customResources.forEach((data) => {
       preloadCustomElement(data, this)
         .then(() =>
-          this._handleLoadedResource({ element: data.element, isSuccess: true })
+          this._handleLoadedResource({
+            element: data.element,
+            isSuccess: true,
+          }),
         )
         .catch(() => {});
     });

package/src/components/ProgressPreloader/utils/preloadCustomElement.ts

@@ -48,7 +48,7 @@ function getLoadProgress({
 
 export function preloadCustomElement(
   data: NProgressPreloader.ICustomResourceData,
-  instance: Module<any, any, any>
+  instance: Module<any, any, any>,
 ) {
   return new Promise<void>((resolve) => {
     const { targetProgress } = data;

package/src/components/ProgressPreloader/utils/preloadImage.ts

@@ -1,6 +1,6 @@
 export function preloadImage(
   imageProp: HTMLImageElement,
-  action: (isSuccess: boolean) => void
+  action: (isSuccess: boolean) => void,
 ) {
   if (imageProp.complete) {
     action(true);

package/src/components/ProgressPreloader/utils/preloadVideo.ts

@@ -1,6 +1,6 @@
 export function preloadVideo(
   video: HTMLVideoElement,
-  action: (isSuccess: boolean) => void
+  action: (isSuccess: boolean) => void,
 ) {
   if (video.readyState > 0) {
     action(true);