vevet 1.4.27 → 2.0.1-dev.3

package/build/types/components/scroll/custom-scroll/CustomScroll.d.ts

@@ -0,0 +1,322 @@
+import { Component, NComponent } from '../../../base/Component';
+import { DeepRequired } from '../../../utils/types/utility';
+import { AnimationFrame } from '../../animation-frame/AnimationFrame';
+import { ScrollableElement } from '../types';
+import { NCallbacks } from '../../../base/Callbacks';
+export declare namespace NCustomScroll {
+    /**
+     * Static properties
+     */
+    interface StaticProp extends NComponent.StaticProp {
+        /**
+         * Scroll elements
+         */
+        selectors: {
+            /**
+             * Scrollable wrapper.
+             * You may pass either a CSS selector to find the element or the element itself.
+             * @default '#v-custom-scroll'
+             */
+            outer: string | HTMLElement;
+            /**
+             * Scrollable elements inside the wrapper.
+             * You may pass either a CSS selector to find the elements or the elements themselves.
+             * @default '#v-custom-scroll'
+             */
+            elements: false | string | NodeListOf<HTMLElement> | HTMLElement | HTMLElement[];
+        };
+        /**
+         * Animation frame.
+         * Pass an AnimationFrame instance if you want to control the scrolling outside this class.
+         * @default false
+         */
+        animationFrame: false | AnimationFrame;
+    }
+    /**
+     * Changeable properties
+     */
+    interface ChangeableProp extends NComponent.ChangeableProp {
+        /**
+         * If scrolling is enabled
+         * @default true
+         */
+        enabled: boolean;
+        /**
+         * Recalculate sizes on each scroll update
+         * @default true
+         */
+        recalculateSizes: boolean;
+        /**
+         * Use wheel event
+         * @default true
+         */
+        useWheel: boolean;
+        /**
+         * If scrolling is horizontal
+         * @default false
+         */
+        isHorizontal: boolean;
+        /**
+         * Automatically stop scrolling after the target and current values are approximated.
+         * @default true
+         */
+        autoStop: boolean;
+        /**
+         * Linear interpolation ease
+         * @default 0.1
+         */
+        lerp: number;
+        /**
+         * Sometimes scrolling may be choppy because of large decimal values in transforms.
+         * In such cases you may want to use this property.
+         * It works on the basis of "toFixed()" method
+         * @default false
+         */
+        lerpToFixed: false | number;
+    }
+    /**
+     * Available callbacks
+     */
+    interface CallbacksTypes extends NComponent.CallbacksTypes {
+        'render': false;
+        'resize': false;
+        'approximate': false;
+        'wheel': WheelEvent;
+    }
+}
+interface ScrollInnerElement extends HTMLElement {
+    customScrollTop: number;
+    customScrollLeft: number;
+    customScrollLerpEase: number;
+}
+/**
+ * Create smooth scrolling.
+ */
+export declare class CustomScroll<StaticProp extends NCustomScroll.StaticProp = NCustomScroll.StaticProp, ChangeableProp extends NCustomScroll.ChangeableProp = NCustomScroll.ChangeableProp, CallbacksTypes extends NCustomScroll.CallbacksTypes = NCustomScroll.CallbacksTypes> extends Component<StaticProp, ChangeableProp, CallbacksTypes> implements ScrollableElement {
+    get prefix(): string;
+    /**
+     * Scroll parent
+     */
+    protected _outer: HTMLElement;
+    get outer(): HTMLElement;
+    /**
+     * Scroll container. If the element does not exist indide the outer,
+     * it will be created automatically
+     */
+    protected _container: HTMLElement;
+    get container(): HTMLElement;
+    /**
+     * If the container element existed before the class initialization
+     */
+    protected _containerExists: boolean;
+    /**
+     * Scrollable elements
+     */
+    protected _elements: ScrollInnerElement[];
+    get elements(): ScrollInnerElement[];
+    protected _elementsLength: number;
+    /**
+     * Scroll target value
+     */
+    protected _targetLeft: number;
+    get targetLeft(): number;
+    set targetLeft(val: number);
+    /**
+     * Set value without animation request
+     */
+    protected set targetLeftDry(val: number);
+    protected get targetLeftDry(): number;
+    /**
+     * Scroll target value
+     */
+    protected _targetTop: number;
+    get targetTop(): number;
+    set targetTop(val: number);
+    /**
+     * Set value without animation request
+     */
+    protected set targetTopDry(val: number);
+    protected get targetTopDry(): number;
+    /**
+     * Scroll left
+     */
+    protected _scrollLeft: number;
+    get scrollLeft(): number;
+    set scrollLeft(val: number);
+    /**
+     * Scroll top
+     */
+    protected _scrollTop: number;
+    get scrollTop(): number;
+    set scrollTop(val: number);
+    /**
+     * Scroll width
+     */
+    protected _scrollWidth: number;
+    get scrollWidth(): number;
+    /**
+     * Scroll height
+     */
+    protected _scrollHeight: number;
+    get scrollHeight(): number;
+    /**
+     * Parent width
+     */
+    protected _clientWidth: number;
+    get clientWidth(): number;
+    /**
+     * Parent height
+     */
+    protected _clientHeight: number;
+    get clientHeight(): number;
+    /**
+     * Maximum scrollable area of the X axis
+     */
+    get maxScrollableWidth(): number;
+    /**
+     * Maximum scrollable area of the Y axis
+     */
+    get maxScrollableHeight(): number;
+    /**
+     * If the approximation between the target and current scroll values must be instantaneous
+     */
+    protected _instant: boolean;
+    /**
+     * Inner AnimationFrame.
+     * The AnimationFrame is not create if an outer AnimationFrame is passed in properties.
+     */
+    protected _animationFrame?: AnimationFrame;
+    /**
+     * AnimationFrame callback is used for outer AnimationFrame only.
+     */
+    protected _outerAnimationFrameEvent?: NCallbacks.AddedCallback;
+    constructor(initialProp?: (StaticProp & ChangeableProp), init?: boolean);
+    protected _getDefaultProp(): DeepRequired<StaticProp & ChangeableProp> & {
+        selectors: {
+            outer: string | HTMLElement;
+            elements: string | false | HTMLElement | HTMLElement[] | {
+                [x: number]: HTMLElement;
+                item: (index: number) => HTMLElement;
+                forEach: (callbackfn: (value: HTMLElement, key: number, parent: NodeListOf<HTMLElement>) => void, thisArg?: any) => void;
+                entries: () => IterableIterator<[number, HTMLElement]>;
+                keys: () => IterableIterator<number>;
+                values: () => IterableIterator<HTMLElement>;
+                [Symbol.iterator]: () => IterableIterator<HTMLElement>;
+                readonly length: number;
+            };
+        };
+        animationFrame: false | {
+            readonly isPlaying: boolean;
+            play: () => void;
+            pause: () => void;
+            readonly prop: {
+                parent: any;
+                fps: number;
+                run: boolean;
+            };
+            readonly callbacks: {
+                readonly callbacks: {
+                    id: string;
+                    on: boolean;
+                    data: {
+                        target: keyof import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes;
+                        do: (arg: false | {
+                            fps: number;
+                            realFPS: number;
+                            prevFrameDuration: number;
+                        }) => void;
+                        name: string;
+                        timeout: number;
+                        protected: boolean;
+                        once: boolean;
+                    };
+                }[];
+                add: <Target extends keyof import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes>(target: Target, func: (arg: import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes[Target]) => void, data?: NCallbacks.CallbackBaseSettings) => NCallbacks.AddedCallback;
+                remove: (id: string, removeProtected?: boolean) => boolean;
+                removeAll: (removeProtected?: boolean) => void;
+                turn: (id: string, enabled?: boolean) => boolean;
+                get: (id: string) => false | NCallbacks.CallbacksData<import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes>;
+                tbt: <T extends keyof import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes>(target: T, arg: import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes[T]) => void;
+                destroy: () => void;
+            };
+            readonly prefix: string;
+            readonly name: string;
+            readonly destroyed: boolean;
+            addResponsiveProp: (rules: import("../../..").NMutableProp.Responsive<import("../../animation-frame/AnimationFrame").NAnimationFrame.ChangeableProp>) => void;
+            changeProp: (prop?: import("../../animation-frame/AnimationFrame").NAnimationFrame.ChangeableProp) => void;
+            init: () => void;
+            addViewportCallback: (target: keyof import("../../..").NViewport.CallbacksTypes, func: (arg: import("../../..").NViewport.Changes) => void, data?: NCallbacks.CallbackBaseSettings) => NCallbacks.AddedCallback;
+            addCallback: <Target_1 extends keyof import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes>(target: Target_1, func: (arg: import("../../animation-frame/AnimationFrame").NAnimationFrame.CallbacksTypes[Target_1]) => void, data?: NCallbacks.CallbackBaseSettings) => NCallbacks.AddedCallback;
+            addEventListeners: <El extends import("vevet-dom").ListenerElement, Target_2 extends keyof HTMLElementEventMap, Callback extends (evt: HTMLElementEventMap[Target_2]) => void>(el: El, target: Target_2, callback: Callback, options?: import("vevet-dom").IAddEventListenerOptions) => import("vevet-dom").IAddEventListener;
+            destroy: () => void;
+        };
+        enabled: boolean;
+        recalculateSizes: boolean;
+        useWheel: boolean;
+        isHorizontal: boolean;
+        autoStop: boolean;
+        lerp: number;
+        lerpToFixed: number | false;
+    };
+    protected _setEvents(): void;
+    protected _onPropMutate(): void;
+    /**
+     * Recalculate scroll sizes
+     */
+    resize(
+    /**
+     * If the method was called natively on window resize
+     */
+    native?: boolean): void;
+    /**
+     * Recalculate scroll sizes
+     */
+    protected _recalculateSizes(): void;
+    /**
+     * Update elements' properties
+     */
+    protected _updateElementsProp(): void;
+    /**
+     * Event on wheel
+     */
+    protected _handleWheel(evt: WheelEvent): void;
+    /**
+     * Toggle animation: Enable / Disable scrolling
+     */
+    protected _toggle(): void;
+    /**
+     * Enable scrolling
+     */
+    enable(): void;
+    /**
+     * Disable scrolling
+     */
+    disable(): void;
+    /**
+     * Render elements
+     */
+    render(): void;
+    /**
+     * Calculate elements' values.
+     * @param {boolean} instant - If animation is to be implemented instantly.
+     */
+    protected _calcElements(): void;
+    /**
+     * Interpolate values
+     */
+    protected _lerp(current: number, target: number, ease?: number): number;
+    /**
+     * Get element ease
+     */
+    protected _getLerpEase(el: ScrollInnerElement): number;
+    /**
+     * Render elements
+     */
+    protected _renderElements(): void;
+    /**
+     * Destroy the scroll
+     */
+    protected _destroy(): void;
+}
+export {};
+//# sourceMappingURL=CustomScroll.d.ts.map

package/build/types/components/scroll/custom-scroll/CustomScroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomScroll.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/custom-scroll/CustomScroll.ts"],"names":[],"mappings":"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"}

package/build/types/components/scroll/plugins/SmoothScrollDragPlugin.d.ts

@@ -0,0 +1,97 @@
+import { DraggerMove, NDraggerMove } from '../../dragger/DraggerMove';
+import { Plugin, NPlugin } from '../../../base/Plugin';
+import { NCallbacks } from '../../../base/Callbacks';
+import { SmoothScroll as SmoothScrollInstance } from '../smooth-scroll/SmoothScroll';
+import { RequiredModuleProp } from '../../../utils/types/utility';
+export declare namespace NSmoothScrollDragPlugin {
+    /**
+     * Static properties
+     */
+    interface StaticProp extends NPlugin.StaticProp {
+    }
+    /**
+     * Changeable Properties
+     */
+    interface ChangeableProp extends NPlugin.ChangeableProp {
+        /**
+         * If dragger is enabled
+         * @default true
+         */
+        enabled?: boolean;
+        /**
+         * Dragger speed
+         * @default 1
+         */
+        speed?: number;
+        /**
+         * Linear interpolation of SmoothScroll.
+         * If false, the current value will be used.
+         * @default false
+         */
+        lerp?: number | false;
+        /**
+         * If need to reverse dragger direction
+         * @default false
+         */
+        reverseDir?: boolean;
+    }
+    /**
+     * Available callbacks
+     */
+    interface CallbacksTypes extends NPlugin.CallbacksTypes {
+    }
+}
+/**
+ * A class for Plugins.
+ */
+export declare class SmoothScrollDragPlugin<StaticProp extends NSmoothScrollDragPlugin.StaticProp = NSmoothScrollDragPlugin.StaticProp, ChangeableProp extends NSmoothScrollDragPlugin.ChangeableProp = NSmoothScrollDragPlugin.ChangeableProp, CallbacksTypes extends NSmoothScrollDragPlugin.CallbacksTypes = NSmoothScrollDragPlugin.CallbacksTypes> extends Plugin<StaticProp, ChangeableProp, CallbacksTypes, SmoothScrollInstance> {
+    protected _getDefaultProp<T extends RequiredModuleProp<StaticProp & ChangeableProp>>(): T;
+    /**
+     * Dragger component
+     */
+    protected _dragger?: DraggerMove;
+    /**
+     * Component events
+     */
+    protected _componentEvents: NCallbacks.AddedCallback[];
+    /**
+     * If is dragging at the moment
+     */
+    get isDragging(): boolean;
+    /**
+     * Current lerp of SmoothScroll
+     */
+    protected _currentLerp: number | false;
+    constructor(initialProp?: (StaticProp & ChangeableProp));
+    protected _constructor(): void;
+    protected _onPropMutate(): void;
+    /**
+     * Add or remove dragger
+     */
+    protected _toggleDragger(): void;
+    /**
+     * Add dragger events
+     */
+    protected _addDragger(): void;
+    /**
+     * Remove dragger events
+     */
+    protected _removeDragger(): void;
+    /**
+     * Callback on dragging start
+     */
+    protected _handleDragStart(): void;
+    /**
+     * Callback on dragging move
+     */
+    protected _handleDragMove(data: NDraggerMove.CallbacksTypes['move']): void;
+    /**
+     * Callback on dragging end
+     */
+    protected _handleDragEnd(): void;
+    /**
+     * Destroy the plugin
+     */
+    protected _destroy(): void;
+}
+//# sourceMappingURL=SmoothScrollDragPlugin.d.ts.map

package/build/types/components/scroll/plugins/SmoothScrollDragPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothScrollDragPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/plugins/SmoothScrollDragPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAMlE,yBAAiB,uBAAuB,CAAC;IAErC;;OAEG;IACH,UAAiB,UAAW,SAAQ,OAAO,CAAC,UAAU;KAAG;IAEzD;;OAEG;IACH,UAAiB,cAAe,SAAQ,OAAO,CAAC,cAAc;QAC1D;;;WAGG;QACH,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB;;;WAGG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QACf;;;;WAIG;QACH,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;QACtB;;;WAGG;QACH,UAAU,CAAC,EAAE,OAAO,CAAC;KACxB;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,OAAO,CAAC,cAAc;KAAG;CAEpE;AAID;;GAEG;AACH,qBAAa,sBAAsB,CAC/B,UAAU,SAAS,uBAAuB,CAAC,UAAU,GAC/C,uBAAuB,CAAC,UAAU,EACxC,cAAc,SAAS,uBAAuB,CAAC,cAAc,GACvD,uBAAuB,CAAC,cAAc,EAC5C,cAAc,SAAS,uBAAuB,CAAC,cAAc,GACvD,uBAAuB,CAAC,cAAc,CAC9C,SAAQ,MAAM,CACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,oBAAoB,CACvB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IAUP;;OAEG;IACH,SAAS,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC;IACjC;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,UAAU,CAAC,aAAa,EAAE,CAAC;IAEvD;;OAEG;IACH,IAAI,UAAU,YAKb;IAED;;OAEG;IACH,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,KAAK,CAAC;gBAKnC,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC;IAO/C,SAAS,CAAC,YAAY;IAKtB,SAAS,CAAC,aAAa;IAOvB;;OAEG;IACH,SAAS,CAAC,cAAc;IAQxB;;OAEG;IACH,SAAS,CAAC,WAAW;IAoBrB;;OAEG;IACH,SAAS,CAAC,cAAc;IAgBxB;;OAEG;IACH,SAAS,CAAC,gBAAgB;IAoB1B;;OAEG;IACH,SAAS,CAAC,eAAe,CACrB,IAAI,EAAE,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC;IAe7C;;OAEG;IACH,SAAS,CAAC,cAAc;IAkBxB;;OAEG;IACH,SAAS,CAAC,QAAQ;CAIrB"}

package/build/types/components/scroll/plugins/SmoothScrollKeyboardPlugin.d.ts

@@ -0,0 +1,34 @@
+import { Plugin, NPlugin } from '../../../base/Plugin';
+import { SmoothScroll as SmoothScrollInstance } from '../smooth-scroll/SmoothScroll';
+export declare namespace NSmoothScrollKeyboardPlugin {
+    /**
+     * Static properties
+     */
+    interface StaticProp extends NPlugin.StaticProp {
+    }
+    /**
+     * Changeable Properties
+     */
+    interface ChangeableProp extends NPlugin.ChangeableProp {
+    }
+    /**
+     * Available callbacks
+     */
+    interface CallbacksTypes extends NPlugin.CallbacksTypes {
+    }
+}
+/**
+ * A class for Plugins.
+ */
+export declare class SmoothScrollKeyboardPlugin<StaticProp extends NSmoothScrollKeyboardPlugin.StaticProp = NSmoothScrollKeyboardPlugin.StaticProp, ChangeableProp extends NSmoothScrollKeyboardPlugin.ChangeableProp = NSmoothScrollKeyboardPlugin.ChangeableProp, CallbacksTypes extends NSmoothScrollKeyboardPlugin.CallbacksTypes = NSmoothScrollKeyboardPlugin.CallbacksTypes> extends Plugin<StaticProp, ChangeableProp, CallbacksTypes, SmoothScrollInstance> {
+    protected _setEvents(): void;
+    /**
+     * Event on a key pressed
+     */
+    protected _handleKeydown(e: KeyboardEvent): void;
+    /**
+     * Handle Tab key pressed
+     */
+    protected _handleTab(): void;
+}
+//# sourceMappingURL=SmoothScrollKeyboardPlugin.d.ts.map

package/build/types/components/scroll/plugins/SmoothScrollKeyboardPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmoothScrollKeyboardPlugin.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/plugins/SmoothScrollKeyboardPlugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAIrF,yBAAiB,2BAA2B,CAAC;IAEzC;;OAEG;IACH,UAAiB,UAAW,SAAQ,OAAO,CAAC,UAAU;KAAG;IAEzD;;OAEG;IACH,UAAiB,cAAe,SAAQ,OAAO,CAAC,cAAc;KAAG;IAEjE;;OAEG;IACH,UAAiB,cAAe,SAAQ,OAAO,CAAC,cAAc;KAAG;CAEpE;AAID;;GAEG;AACH,qBAAa,0BAA0B,CACnC,UAAU,SAAS,2BAA2B,CAAC,UAAU,GACnD,2BAA2B,CAAC,UAAU,EAC5C,cAAc,SAAS,2BAA2B,CAAC,cAAc,GAC3D,2BAA2B,CAAC,cAAc,EAChD,cAAc,SAAS,2BAA2B,CAAC,cAAc,GAC3D,2BAA2B,CAAC,cAAc,CAClD,SAAQ,MAAM,CACZ,UAAU,EACV,cAAc,EACd,cAAc,EACd,oBAAoB,CACvB;IACG,SAAS,CAAC,UAAU;IASpB;;OAEG;IACH,SAAS,CAAC,cAAc,CAAE,CAAC,EAAE,aAAa;IA2E1C;;OAEG;IACH,SAAS,CAAC,UAAU;CA+BvB"}

package/build/types/components/scroll/scrollable/ScrollEventsBase.d.ts

@@ -0,0 +1,60 @@
+import { Component, NComponent } from '../../../base/Component';
+import { RequiredModuleProp } from '../../../utils/types/utility';
+import { SmoothScroll } from '../smooth-scroll/SmoothScroll';
+export declare namespace NScrollEventsBase {
+    /**
+     * Static properties
+     */
+    interface StaticProp extends NComponent.StaticProp {
+        /**
+         * The scrollable element
+         * @default window
+         */
+        container?: string | Element | SmoothScroll | Window;
+    }
+    /**
+     * Changeable properties
+     */
+    interface ChangeableProp extends NComponent.ChangeableProp {
+    }
+    /**
+     * Available callbacks
+     */
+    interface CallbacksTypes extends NComponent.CallbacksTypes {
+    }
+    /**
+     * BoundingRect
+     */
+    interface BoundingRect {
+        top: number;
+        left: number;
+        width: number;
+        height: number;
+    }
+}
+/**
+ * A base for scroll event components
+ */
+export declare abstract class ScrollEventsBase<StaticProp extends NScrollEventsBase.StaticProp = NScrollEventsBase.StaticProp, ChangeableProp extends NScrollEventsBase.ChangeableProp = NScrollEventsBase.ChangeableProp, CallbacksTypes extends NScrollEventsBase.CallbacksTypes = NScrollEventsBase.CallbacksTypes> extends Component<StaticProp, ChangeableProp, CallbacksTypes> {
+    protected _getDefaultProp<T extends RequiredModuleProp<StaticProp & ChangeableProp>>(): T;
+    /**
+     * Scroll container
+     */
+    protected _scrollContainer: Element | SmoothScroll | Window;
+    get scrollContainer(): Element | Window | SmoothScroll<import("../smooth-scroll/SmoothScroll").NSmoothScroll.StaticProp, import("../smooth-scroll/SmoothScroll").NSmoothScroll.ChangeableProp, import("../smooth-scroll/SmoothScroll").NSmoothScroll.CallbacksTypes>;
+    get scrollableElement(): Element | SmoothScroll<import("../smooth-scroll/SmoothScroll").NSmoothScroll.StaticProp, import("../smooth-scroll/SmoothScroll").NSmoothScroll.ChangeableProp, import("../smooth-scroll/SmoothScroll").NSmoothScroll.CallbacksTypes>;
+    /**
+     * Parent of inner elements
+     */
+    protected get domParent(): Element;
+    /**
+     * Used as a "root" for IntersectionObserver
+     */
+    protected get intersectionRoot(): Element;
+    /**
+     * BoundingRect of 'scrollContainer'
+     */
+    protected get scrollContainerBounding(): NScrollEventsBase.BoundingRect;
+    constructor(initialProp?: (StaticProp & ChangeableProp), init?: boolean);
+}
+//# sourceMappingURL=ScrollEventsBase.d.ts.map

package/build/types/components/scroll/scrollable/ScrollEventsBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollEventsBase.d.ts","sourceRoot":"","sources":["../../../../../src/ts/components/scroll/scrollable/ScrollEventsBase.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAI7D,yBAAiB,iBAAiB,CAAC;IAE/B;;OAEG;IACH,UAAiB,UAAW,SAAQ,UAAU,CAAC,UAAU;QACrD;;;WAGG;QACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;KACxD;IAED;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,cAAe,SAAQ,UAAU,CAAC,cAAc;KAAI;IAErE;;OAEG;IACH,UAAiB,YAAY;QACzB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB;CAEJ;AAID;;GAEG;AACH,8BAAsB,gBAAgB,CAClC,UAAU,SAAS,iBAAiB,CAAC,UAAU,GAAG,iBAAiB,CAAC,UAAU,EAC9E,cAAc,SAAS,iBAAiB,CAAC,cAAc,GAAG,iBAAiB,CAAC,cAAc,EAC1F,cAAc,SAAS,iBAAiB,CAAC,cAAc,GAAG,iBAAiB,CAAC,cAAc,CAC5F,SAAQ,SAAS,CACf,UAAU,EACV,cAAc,EACd,cAAc,CACjB;IACG,SAAS,CAAC,eAAe,CACrB,CAAC,SAAS,kBAAkB,CAAC,UAAU,GAAG,cAAc,CAAC,KACvD,CAAC;IASP;;OAEG;IACH,SAAS,CAAC,gBAAgB,EAAE,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC;IAC5D,IAAI,eAAe,kPAElB;IACD,IAAI,iBAAiB,yOAKpB;IAED;;OAEG;IACH,SAAS,KAAK,SAAS,YAStB;IAED;;OAEG;IACH,SAAS,KAAK,gBAAgB,YAS7B;IAED;;OAEG;IACH,SAAS,KAAK,uBAAuB,IAAK,iBAAiB,CAAC,YAAY,CAgBvE;gBAKG,WAAW,CAAC,EAAE,CAAC,UAAU,GAAG,cAAc,CAAC,EAC3C,IAAI,UAAO;CAgBlB"}

package/build/types/components/scroll/scrollable/ScrollView.d.ts

@@ -0,0 +1,140 @@
+import { SelectorAll } from 'vevet-dom';
+import { ScrollEventsBase, NScrollEventsBase } from './ScrollEventsBase';
+import { IRemovable } from '../../../utils/types/general';
+import { RequiredModuleProp } from '../../../utils/types/utility';
+export declare namespace NScrollView {
+    /**
+     * Static properties
+     */
+    interface StaticProp extends NScrollEventsBase.StaticProp {
+        /**
+         * Elements to seek
+         * @default '.v-scroll-view__el'
+         */
+        elements?: SelectorAll;
+        /**
+         * The moment at which the element is considered to be in the viewport.
+         * The value is calculated from top to bottom or from left to right.
+         * @default 0.95
+         */
+        threshold?: number;
+        /**
+         * Define what states to trace.
+         * @default 'in'
+         */
+        states?: 'in' | 'inout';
+        /**
+         * A class to be toggled on state change
+         * @default 'viewed'
+         */
+        classToToggle?: string;
+        /**
+         * If need to use delays on firstStart
+         * @default false
+         */
+        useDelay?: false | {
+            max: number;
+            dir: 'x' | 'y';
+        };
+        /**
+         * Use IntersectionObserver is supported
+         * @default true
+         */
+        useIntersectionObserver?: boolean;
+    }
+    /**
+     * Changeable properties
+     */
+    interface ChangeableProp extends NScrollEventsBase.ChangeableProp {
+    }
+    /**
+     * View element
+     */
+    interface El extends Element {
+        scrollViewIn?: boolean;
+    }
+    /**
+     * Available callbacks
+     */
+    interface CallbacksTypes extends NScrollEventsBase.CallbacksTypes {
+        'in': El;
+        'out': El;
+    }
+}
+/**
+ * Elements into viewport
+ */
+export declare class ScrollView<StaticProp extends NScrollView.StaticProp = NScrollView.StaticProp, ChangeableProp extends NScrollView.ChangeableProp = NScrollView.ChangeableProp, CallbacksTypes extends NScrollView.CallbacksTypes = NScrollView.CallbacksTypes> extends ScrollEventsBase<StaticProp, ChangeableProp, CallbacksTypes> {
+    get prefix(): string;
+    protected _getDefaultProp<T extends RequiredModuleProp<StaticProp & ChangeableProp>>(): T;
+    /**
+     * Scroll event
+     */
+    protected _scrollEvent?: IRemovable;
+    /**
+     * Intersection observer
+     */
+    protected _intersectionObserver?: IntersectionObserver;
+    /**
+     * If first start
+     */
+    protected _firstStart: boolean;
+    constructor(initialProp?: (StaticProp & ChangeableProp), init?: boolean);
+    init(): void;
+    protected _setEvents(): void;
+    protected _onPropMutate(): void;
+    /**
+     * Resize the scene
+     */
+    resize(): void;
+    /**
+     * Set View events: scroll or intersection
+     */
+    protected _setViewEvents(): void;
+    /**
+     * Remove View events: scroll or intersection
+     */
+    protected _removeViewEvents(): void;
+    protected _elements: NScrollView.El[];
+    /**
+     * Element to seek
+     */
+    get elements(): NScrollView.El[];
+    /**
+     * Update elements
+     */
+    updateElements(): void;
+    /**
+     * Event on IntersectionObserver
+     */
+    protected _handleIntersectionObserver(data: IntersectionObserverEntry[]): void;
+    /**
+     * Event on Scroll
+     */
+    protected _handleScroll(): void;
+    /**
+     * Seek the elements by their bounding.
+     * Only if IntersectionObserver is not used.
+     */
+    seekBounding(): void;
+    /**
+     * Check element's bounding to define if it is in viewport
+     */
+    protected _elementInViewportData(el: Element, parentBounding: NScrollEventsBase.BoundingRect): {
+        isIntersecting: boolean;
+        delay: number;
+    };
+    /**
+     * Event that is triggered when an element appears or disappears
+     */
+    protected _handleInOut(el: NScrollView.El, inViewport: boolean, delay?: number): void;
+    /**
+     * Remove elements that are mo more in need
+     */
+    protected _processUnusedElements(): void;
+    /**
+     * Destroy the module
+     */
+    protected _destroy(): void;
+}
+//# sourceMappingURL=ScrollView.d.ts.map