vevet 3.2.2 → 3.3.0

package/lib/esm/components/ScrollBar/Bar/index.js

@@ -173,6 +173,8 @@ export default class Bar {
     resize() {
         const { outer, thumb, scrollLine, scrollWidth, scrollHeight, isHorizontal, } = this;
         const { minSize, shouldAutoSize } = this.props;
+        // define if empty before other calculations
+        outer.classList.toggle(this.className('_is-empty'), scrollLine === 0);
         // get outer sizes
         this._outerHeight = outer.clientHeight;
         this._outerWidth = outer.clientWidth;
@@ -190,8 +192,6 @@ export default class Bar {
         // get thumb sizes
         this._thumbHeight = thumb.clientHeight;
         this._thumbWidth = thumb.clientWidth;
-        // define if empty
-        outer.classList.toggle(this.className('_is-empty'), scrollLine === 0);
         // render elements
         this._renderThumb();
     }

package/lib/esm/components/ScrollBar/Bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ScrollBar/Bar/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/ScrollBar/Bar/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/index.js

@@ -5,6 +5,7 @@ export * from './Ctx2DPrerender';
 export * from './CustomCursor';
 export * from './DraggerDirection';
 export * from './DraggerMove';
+export * from './Marquee';
 export * from './Preloader';
 export * from './ProgressPreloader';
 export * from './ScrollBar';

package/lib/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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,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.js","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"}

package/lib/esm/utils/listeners/onResize.js

@@ -42,7 +42,7 @@ export function onResize({ onResize: handleResize, element, viewportTarget = 'an
                 isFirstResizeObserverCallback = false;
                 return;
             }
-            debounceResize({ trigger: 'ResizeObserver' }, window.vevetApp.props.resizeDebounce);
+            debounceResize({ trigger: 'ResizeObserver' }, window.vevetApp.props.resizeDebounce + resizeDebounce);
         });
         if (Array.isArray(element)) {
             element.forEach((item) => resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe(item));

package/lib/esm/utils/listeners/onResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"onResize.js","sourceRoot":"","sources":["../../../../src/utils/listeners/onResize.ts"],"names":[],"mappings":"AA8CA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAO,EACP,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,cAAc,GAAG,CAAC,GACH;IACf,IAAI,OAAmC,CAAC;IACxC,IAAI,cAA0C,CAAC;IAC/C,IAAI,6BAA6B,GAAG,IAAI,CAAC;IAEzC,IAAI,gBAAuD,CAAC;IAE5D,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAE,KAAc,EAAE,EAAE;QACxE,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;SACvB;QAED,OAAO,GAAG,UAAU,CAClB,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EACnD,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CACxB,CAAC;IACJ,CAAC,CAAC;IAEF,IACE,OAAO;QACP,CAAC,OAAO,YAAY,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,gBAAgB,IAAI,MAAM,EAC1B;QACA,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,IAAI,6BAA6B,EAAE;gBACjC,6BAA6B,GAAG,KAAK,CAAC;gBAEtC,OAAO;aACR;YAED,cAAc,CACZ,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAC7B,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CACrC,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;SAC1D;aAAM;YACL,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SACjC;KACF;IAED,IAAI,aAAa,IAAI,CAAC,cAAc,EAAE;QACpC,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE,CACnE,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CACxC,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;aACvB;YAED,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,CAAC;YAC7B,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE;QACtC,iBAAiB,EAAE,CAAC,CAAC,cAAc;KACpC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"onResize.js","sourceRoot":"","sources":["../../../../src/utils/listeners/onResize.ts"],"names":[],"mappings":"AA8CA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EAAE,YAAY,EACtB,OAAO,EACP,cAAc,GAAG,KAAK,EACtB,aAAa,GAAG,KAAK,EACrB,cAAc,GAAG,CAAC,GACH;IACf,IAAI,OAAmC,CAAC;IACxC,IAAI,cAA0C,CAAC;IAC/C,IAAI,6BAA6B,GAAG,IAAI,CAAC;IAEzC,IAAI,gBAAuD,CAAC;IAE5D,MAAM,cAAc,GAAG,CAAC,KAA8B,EAAE,KAAc,EAAE,EAAE;QACxE,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAC;SACvB;QAED,OAAO,GAAG,UAAU,CAClB,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EACnD,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,cAAc,CACxB,CAAC;IACJ,CAAC,CAAC;IAEF,IACE,OAAO;QACP,CAAC,OAAO,YAAY,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,gBAAgB,IAAI,MAAM,EAC1B;QACA,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACvC,IAAI,6BAA6B,EAAE;gBACjC,6BAA6B,GAAG,KAAK,CAAC;gBAEtC,OAAO;aACR;YAED,cAAc,CACZ,EAAE,OAAO,EAAE,gBAAgB,EAAE,EAC7B,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,GAAG,cAAc,CACtD,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;SAC1D;aAAM;YACL,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;SACjC;KACF;IAED,IAAI,aAAa,IAAI,CAAC,cAAc,EAAE;QACpC,gBAAgB,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE,CACnE,cAAc,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CACxC,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,GAAG,EAAE;YACX,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;aACvB;YAED,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,EAAE,CAAC;YAC7B,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,EAAE,CAAC;QAC7B,CAAC;QACD,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,EAAE;QACtC,iBAAiB,EAAE,CAAC,CAAC,cAAc;KACpC,CAAC;AACJ,CAAC"}

package/lib/esm/version.js

@@ -1,3 +1,3 @@
-const version = '3.2.2';
+const version = '3.3.0';
 export default version;
 //# sourceMappingURL=version.js.map

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

@@ -10,7 +10,7 @@ export declare namespace NAnimationFrame {
         fps?: 'auto' | number;
         /**
          * How many frames to be tested to detect real FPS
-         * @default 50
+         * @default 10
          */
         autoFpsFrames?: number;
         /**

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

@@ -0,0 +1,66 @@
+import { NMarquee } from './types';
+import { Component as ComponentClass } from '../../base/Component';
+export type { NMarquee };
+/**
+ * Custom Marquee
+ */
+export declare class Marquee<StaticProps extends NMarquee.IStaticProps = NMarquee.IStaticProps, ChangeableProps extends NMarquee.IChangeableProps = NMarquee.IChangeableProps, CallbacksTypes extends NMarquee.ICallbacksTypes = NMarquee.ICallbacksTypes> extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
+    protected _getDefaultProps(): import("ts-essentials").DeepRequired<StaticProps & ChangeableProps> & {
+        container: string;
+        viewportTarget: string;
+        resizeDebounce: number;
+        speed: number;
+        isEnabled: boolean;
+        pauseOnHover: boolean;
+        prependWhitespace: boolean;
+        isFpsNormalized: boolean;
+    };
+    get prefix(): string;
+    /** Marquee container */
+    protected _container: HTMLElement;
+    /** Marquee container */
+    get container(): HTMLElement;
+    /** Initial html */
+    protected _initialHTML: string;
+    /** Mutation observer */
+    protected _mutationObserver?: MutationObserver;
+    /** Items quantity */
+    protected _quantity: number;
+    /** Items */
+    protected _items: HTMLElement[];
+    /** Single item width */
+    protected _itemWidth: number;
+    /** X Coordinate */
+    protected _xCoord: number;
+    /** Can play */
+    protected _canPlay: boolean;
+    /** Animation frame */
+    private _animationFrame?;
+    constructor(initialProps?: StaticProps & ChangeableProps, canInit?: boolean);
+    /** Init the class */
+    protected _init(): void;
+    /** Handle properties mutation */
+    protected _onPropsMutate(): void;
+    /** Set module event */
+    protected _setEvents(): void;
+    resize(): void;
+    protected _createItems(): void;
+    /** Create a single item */
+    protected _createItem(isFirst?: boolean): HTMLDivElement;
+    /**
+     * Observe DOM changes
+     * If a change happens inside the parent element,
+     * we recreate the marquee element
+     */
+    protected _observeMutations(): void;
+    /**
+     * Destroy mutation observer
+     */
+    protected _disconnectMutations(): void;
+    /** Render marquee */
+    render(speed?: number): void;
+    /** Render marquee */
+    protected _render(speedProp?: number): void;
+    protected _destroy(): void;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Marquee/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAK/D,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB;;GAEG;AACH,qBAAa,OAAO,CAClB,WAAW,SAAS,QAAQ,CAAC,YAAY,GAAG,QAAQ,CAAC,YAAY,EACjE,eAAe,SAAS,QAAQ,CAAC,gBAAgB,GAAG,QAAQ,CAAC,gBAAgB,EAC7E,cAAc,SAAS,QAAQ,CAAC,eAAe,GAAG,QAAQ,CAAC,eAAe,CAC1E,SAAQ,cAAc,CAAC,WAAW,EAAE,eAAe,EAAE,cAAc,CAAC;IACpE,SAAS,CAAC,gBAAgB;;;;;;;;;;IAc1B,IAAI,MAAM,WAET;IAED,wBAAwB;IACxB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,wBAAwB;IACxB,IAAI,SAAS,gBAEZ;IAED,mBAAmB;IACnB,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC;IAE/B,wBAAwB;IACxB,SAAS,CAAC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IAE/C,qBAAqB;IACrB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,YAAY;IACZ,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC;IAEhC,wBAAwB;IACxB,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAE7B,mBAAmB;IACnB,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,eAAe;IACf,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC;IAE5B,sBAAsB;IACtB,OAAO,CAAC,eAAe,CAAC,CAAiB;gBAE7B,YAAY,CAAC,EAAE,WAAW,GAAG,eAAe,EAAE,OAAO,UAAO;IAwBxE,qBAAqB;IACrB,SAAS,CAAC,KAAK;IAMf,iCAAiC;IACjC,SAAS,CAAC,cAAc;IAUxB,uBAAuB;IACvB,SAAS,CAAC,UAAU;IAyCb,MAAM;IAIb,SAAS,CAAC,YAAY;IAiDtB,2BAA2B;IAC3B,SAAS,CAAC,WAAW,CAAC,OAAO,UAAQ;IA6BrC;;;;OAIG;IACH,SAAS,CAAC,iBAAiB;IAuB3B;;OAEG;IACH,SAAS,CAAC,oBAAoB;IAK9B,qBAAqB;IACd,MAAM,CAAC,KAAK,SAAmB;IAItC,qBAAqB;IACrB,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM;IAmCpC,SAAS,CAAC,QAAQ;CAOnB"}

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

@@ -0,0 +1,53 @@
+import { NComponent } from '../../base/Component/types';
+import { TOnResizeTarget } from '../../utils/listeners/onResize';
+export declare namespace NMarquee {
+    interface IStaticProps extends NComponent.IStaticProps {
+        /**
+         * Marquee container. You may use a CSS selector or the element itself.
+         * @default '#v-marquee'
+         */
+        container?: string | HTMLElement;
+        /**
+         * Viewport target
+         * @default 'width'
+         */
+        viewportTarget?: TOnResizeTarget;
+        /**
+         * Timeout of resize event
+         * @default 0
+         */
+        resizeDebounce?: number;
+    }
+    interface IChangeableProps extends NComponent.IChangeableProps {
+        /**
+         * Marquee speed
+         * @default 1
+         */
+        speed?: number;
+        /**
+         * Enable animation
+         * @default true
+         */
+        isEnabled?: boolean;
+        /**
+         * Pause on hover
+         * @default false
+         */
+        pauseOnHover?: boolean;
+        /**
+         * Prepend a whitespace
+         * @default true
+         */
+        prependWhitespace?: boolean;
+        /**
+         * On different screens with different FPS, animation may be slower or faster.
+         * This property is to normalize animation speed across different screens.
+         * @default true
+         */
+        isFpsNormalized?: boolean;
+    }
+    interface ICallbacksTypes extends NComponent.ICallbacksTypes {
+        render: undefined;
+    }
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Marquee/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,YAAa,SAAQ,UAAU,CAAC,YAAY;QAC3D;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;QACjC;;;WAGG;QACH,cAAc,CAAC,EAAE,eAAe,CAAC;QACjC;;;WAGG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB;IAED,UAAiB,gBAAiB,SAAQ,UAAU,CAAC,gBAAgB;QACnE;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB;;;WAGG;QACH,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB;;;WAGG;QACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;QAC5B;;;;WAIG;QACH,eAAe,CAAC,EAAE,OAAO,CAAC;KAC3B;IAED,UAAiB,eAAgB,SAAQ,UAAU,CAAC,eAAe;QACjE,MAAM,EAAE,SAAS,CAAC;KACnB;CACF"}

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

@@ -5,6 +5,7 @@ export * from './Ctx2DPrerender';
 export * from './CustomCursor';
 export * from './DraggerDirection';
 export * from './DraggerMove';
+export * from './Marquee';
 export * from './Preloader';
 export * from './ProgressPreloader';
 export * from './ScrollBar';

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,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,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.2.2";
+declare const version = "3.3.0";
 export default version;
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "3.2.2",
+  "version": "3.3.0",
   "description": "Vevet - a JavaScript library of ready-made solutions and helpers",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -44,6 +44,7 @@
     "cursor",
     "drag",
     "swipe",
+    "marquee",
     "preloader",
     "scrollbar",
     "smooth scroll",

package/src/components/AnimationFrame/index.ts

@@ -15,7 +15,7 @@ export class AnimationFrame<
     return {
       ...super._getDefaultProps(),
       fps: 'auto',
-      autoFpsFrames: 50,
+      autoFpsFrames: 10,
       isEnabled: false,
     };
   }

package/src/components/AnimationFrame/types.ts

@@ -11,7 +11,7 @@ export namespace NAnimationFrame {
     fps?: 'auto' | number;
     /**
      * How many frames to be tested to detect real FPS
-     * @default 50
+     * @default 10
      */
     autoFpsFrames?: number;
     /**

package/src/components/Marquee/index.ts

@@ -0,0 +1,319 @@
+import { selectOne } from 'vevet-dom';
+import { NMarquee } from './types';
+import { Component as ComponentClass } from '@/base/Component';
+import { wrap } from '@/utils/math';
+import { onResize } from '@/utils/listeners/onResize';
+import { AnimationFrame } from '../AnimationFrame';
+
+export type { NMarquee };
+
+/**
+ * Custom Marquee
+ */
+export class Marquee<
+  StaticProps extends NMarquee.IStaticProps = NMarquee.IStaticProps,
+  ChangeableProps extends NMarquee.IChangeableProps = NMarquee.IChangeableProps,
+  CallbacksTypes extends NMarquee.ICallbacksTypes = NMarquee.ICallbacksTypes
+> extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
+  protected _getDefaultProps() {
+    return {
+      ...super._getDefaultProps(),
+      container: `#${this.prefix}`,
+      viewportTarget: 'width',
+      resizeDebounce: 0,
+      speed: 1,
+      isEnabled: true,
+      pauseOnHover: false,
+      prependWhitespace: true,
+      isFpsNormalized: true,
+    };
+  }
+
+  get prefix() {
+    return `${this.app.prefix}marquee`;
+  }
+
+  /** Marquee container */
+  protected _container: HTMLElement;
+
+  /** Marquee container */
+  get container() {
+    return this._container;
+  }
+
+  /** Initial html */
+  protected _initialHTML: string;
+
+  /** Mutation observer */
+  protected _mutationObserver?: MutationObserver;
+
+  /** Items quantity */
+  protected _quantity: number;
+
+  /** Items */
+  protected _items: HTMLElement[];
+
+  /** Single item width */
+  protected _itemWidth: number;
+
+  /** X Coordinate */
+  protected _xCoord: number;
+
+  /** Can play */
+  protected _canPlay: boolean;
+
+  /** Animation frame */
+  private _animationFrame?: AnimationFrame;
+
+  constructor(initialProps?: StaticProps & ChangeableProps, canInit = true) {
+    super(initialProps, false);
+
+    this._container = selectOne(this.props.container)! as HTMLElement;
+    if (!(this._container instanceof HTMLElement)) {
+      throw new Error('No container');
+    }
+
+    this.toggleClassName(this._container, this.className(''), true);
+
+    this._initialHTML = this._container.innerHTML;
+    this._quantity = 0;
+    this._items = [];
+    this._itemWidth = 0;
+    this._xCoord = 0;
+    this._canPlay = true;
+
+    this.resize();
+
+    if (canInit) {
+      this.init();
+    }
+  }
+
+  /** Init the class */
+  protected _init() {
+    super._init();
+
+    this._setEvents();
+  }
+
+  /** Handle properties mutation */
+  protected _onPropsMutate() {
+    super._onPropsMutate();
+
+    if (this.props.isEnabled) {
+      this._animationFrame?.play();
+    } else {
+      this._animationFrame?.pause();
+    }
+  }
+
+  /** Set module event */
+  protected _setEvents() {
+    const { container, props } = this;
+    const {
+      pauseOnHover: hasPauseOnHover,
+      viewportTarget,
+      resizeDebounce,
+    } = props;
+
+    // create animation frame
+    this._animationFrame = new AnimationFrame();
+    this._animationFrame.addCallback('frame', () => this._render());
+    this.addDestroyableAction(() => this._animationFrame?.destroy());
+
+    // initial play
+    if (this.props.isEnabled) {
+      this._animationFrame.play();
+    }
+
+    // pause on hover
+    this.addEventListener(container, 'mouseenter', () => {
+      if (hasPauseOnHover) {
+        this._canPlay = false;
+      }
+    });
+
+    // play on mouseleave
+    this.addEventListener(container, 'mouseleave', () => {
+      this._canPlay = true;
+    });
+
+    // resize the scene
+    const resizeHandler = onResize({
+      onResize: () => this.resize(),
+      element: this.container,
+      viewportTarget,
+      resizeDebounce,
+      hasBothEvents: true,
+    });
+    this.addDestroyableAction(() => resizeHandler.remove());
+  }
+
+  public resize() {
+    this._createItems();
+  }
+
+  protected _createItems() {
+    this._disconnectMutations();
+
+    const { container } = this;
+
+    // clear
+    this._quantity = 0;
+    this._items = [];
+    this.container.innerHTML = '';
+
+    // apply styles to the container
+    container.style.position = 'relative';
+    container.style.display = 'block';
+    container.style.width = '100%';
+    container.style.overflow = 'hidden';
+    container.style.whiteSpace = 'nowrap';
+
+    // create the first item and get its sizes
+    // to calculate the further quantity of inner elements
+    const firstItem = this._createItem(true);
+
+    // get first item width
+    let itemWidth = firstItem.clientWidth;
+    if (itemWidth <= 0) {
+      itemWidth = window.innerWidth;
+    }
+    this._itemWidth = itemWidth;
+
+    // get items quantity
+    if (itemWidth < container.clientWidth) {
+      this._quantity = Math.ceil(
+        (container.clientWidth + itemWidth) / itemWidth
+      );
+    }
+    this._quantity = Math.max(this._quantity, 4);
+
+    // now when we know the total quantity,
+    // we can create the rest of the items
+    for (let index = 1; index < this._quantity; index += 1) {
+      this._createItem(false);
+    }
+
+    // render for the first time
+    this._render(0);
+
+    // enable mutation observer
+    this._observeMutations();
+  }
+
+  /** Create a single item */
+  protected _createItem(isFirst = false) {
+    const element = document.createElement('div');
+    element.classList.add(this.className('__element'));
+
+    if (!isFirst) {
+      element.setAttribute('aria-hidden', 'true');
+    }
+
+    const prefix = `${this.props.prependWhitespace ? '&nbsp;' : ''}`;
+    const body = this._initialHTML;
+
+    element.innerHTML = `${prefix}${body}`;
+
+    // apply styles
+    if (!isFirst) {
+      element.style.position = 'absolute';
+      element.style.top = '0';
+      element.style.left = '0';
+    }
+
+    element.style.display = 'inline-block';
+
+    // append the element
+    this.container.appendChild(element);
+    this._items.push(element);
+
+    return element;
+  }
+
+  /**
+   * Observe DOM changes
+   * If a change happens inside the parent element,
+   * we recreate the marquee element
+   */
+  protected _observeMutations() {
+    if (this._mutationObserver) {
+      return;
+    }
+
+    const config: MutationObserverInit = {
+      childList: true,
+    };
+
+    const callback: MutationCallback = (mutationsList) => {
+      mutationsList.forEach((mutation) => {
+        if (mutation.type === 'childList') {
+          this._initialHTML = this.container.innerHTML;
+
+          this._createItems();
+        }
+      });
+    };
+
+    this._mutationObserver = new MutationObserver(callback);
+    this._mutationObserver.observe(this.container, config);
+  }
+
+  /**
+   * Destroy mutation observer
+   */
+  protected _disconnectMutations() {
+    this._mutationObserver?.disconnect();
+    this._mutationObserver = undefined;
+  }
+
+  /** Render marquee */
+  public render(speed = this.props.speed) {
+    this._render(speed);
+  }
+
+  /** Render marquee */
+  protected _render(speedProp?: number) {
+    if (!this._canPlay) {
+      return;
+    }
+
+    const { _quantity: qunantity, _itemWidth: itemWidth, props } = this;
+    const { isFpsNormalized } = props;
+
+    const fpsMultiplier = isFpsNormalized
+      ? this._animationFrame?.easeMultiplier ?? 1
+      : 1;
+
+    const defaultSpeed = props.speed * fpsMultiplier;
+    const speed = speedProp ?? defaultSpeed;
+
+    this._xCoord -= speed;
+
+    // get total width
+    const totalWidth = itemWidth * (qunantity - 1);
+
+    // render elements
+    for (let index = 0; index < qunantity; index += 1) {
+      const element = this._items[index];
+
+      // calulate transforms
+      const x = wrap(-itemWidth, totalWidth, this._xCoord + itemWidth * index);
+
+      // apply transforms
+      element.style.transform = `matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0, ${x}, 0, 0,1)`;
+    }
+
+    // callbacks
+    this.callbacks.tbt('render', undefined);
+  }
+
+  protected _destroy() {
+    super._destroy();
+
+    this._disconnectMutations();
+
+    this.container.innerHTML = this._initialHTML;
+  }
+}

package/src/components/Marquee/stories/index.stories.tsx

@@ -0,0 +1,27 @@
+import type { StoryObj, Meta } from '@storybook/react';
+import { Component } from '.';
+
+type TComponent = typeof Component;
+
+const meta: Meta<TComponent> = {
+  title: 'Components/Marquee',
+  component: Component,
+};
+
+export default meta;
+
+export const Default: StoryObj<TComponent> = {
+  args: {},
+};
+
+export const WithPauseOnHover: StoryObj<TComponent> = {
+  args: {
+    pauseOnHover: true,
+  },
+};
+
+export const WithReverseSpeed: StoryObj<TComponent> = {
+  args: {
+    speed: -1,
+  },
+};