@fiddle-digital/string-tune 0.0.62 → 0.0.64

package/dist/index.d.ts

@@ -1,25 +1,525 @@
-/// <reference path="../src/jsx-global.d.ts" />
-import { StringLazy } from './Loading/Modules/StringLazy';
-import { StringLoading } from './Loading/Modules/StringLoading';
-import { StringVideoAutoplay } from './Loading/Modules/StringVideoAutoplay';
-import { StringSVG } from './Media/Modules/StringSVG';
-import { StringCursor } from './Mouse/Modules/StringCursor';
-import { StringMagnetic } from './Mouse/Modules/StringMagnetic';
-import { StringObject } from './Objects/StringObject';
-import { StringResponsive } from './Screen/StringResponsive';
-import { StringScrollbar } from './Scroll/Modules/Scrollbar/StringScrollbar';
-import { StringAnchor } from './Scroll/Modules/StringAnchor';
-import { StringGlide } from './Scroll/Modules/StringGlide';
-import { StringLerp } from './Scroll/Modules/StringLerp';
-import { StringParallax } from './Scroll/Modules/StringParallax';
-import { StringProgress } from './Scroll/Modules/StringProgress';
-import { StringSplit } from './Split/Modules/StringSplit';
-import { StringModule } from './StringModule';
-import { StringDelayLerpTracker } from './Tracker/StringDelayLerpTracker';
-import { StringFPSTracker } from './Tracker/StringFPSTracker';
-import { StringLerpTracker } from './Tracker/StringLerpTracker';
-import { StringPositionTracker } from './Tracker/StringPositionTracker';
-import { StringData } from './Utils/StringData';
+declare class StringObject {
+    el: HTMLElement;
+    id: string;
+    key: string;
+    keys: string;
+    connects: Array<HTMLElement>;
+    private properties;
+    private modules;
+    onEnter: () => void;
+    onLeave: () => void;
+    setProperty<T>(key: string, value: T): void;
+    getProperty<T>(key: string): T;
+    constructor(element: HTMLElement);
+    enter(): void;
+    leave(): void;
+    show(): void;
+    hide(): void;
+    connect(module: IStringModule): void;
+}
+
+declare class StringData {
+    three: any;
+    t: number;
+    c: number;
+    d: number;
+    v: number;
+    dV: number;
+    sDB: boolean;
+    bS: number;
+    cF: number;
+    wS: number;
+    hnwS: number;
+    psW: number;
+    psH: number;
+    cL: any;
+    scsW: number;
+    scsH: number;
+    sD: 'vertical' | 'horizontal';
+    sC: any;
+    sM: 'smooth' | 'disable' | 'default';
+}
+
+interface IStringModule {
+    destructor(): void;
+    onStart(): void;
+    onUpdate(data: StringData): void;
+    onConnect(object: StringObject): void;
+    onResize(): void;
+    onRebuild(): void;
+    onScroll(data: StringData): void;
+    onScrollStop(): void;
+    onScrollStart(): void;
+    onChangeDirection(): void;
+    onMouseMove(e: MouseEvent): void;
+    onWheel(e: WheelEvent): void;
+    onChangeDevice(): void;
+    onChangeScrollDirection(): void;
+    onMutationObserver(added: NodeList, removed: NodeList): void;
+    onChangeScrollParams(): void;
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    tryConnect(object: StringObject): boolean;
+    connect(object: StringObject): void;
+    enterObject(id: string, object: StringObject): void;
+    leaveObject(id: string): void;
+}
+
+declare class StringVirtualCursor {
+    private _lF;
+    private lerp;
+    private _x;
+    private _y;
+    private _lerpX;
+    private _lerpY;
+    private targetX;
+    private targetY;
+    get x(): number;
+    get y(): number;
+    get smoothX(): number;
+    get smoothY(): number;
+    get lerpX(): number;
+    get lerpY(): number;
+    set mouseLerp(value: number);
+    constructor(mouseLerp?: number);
+    onMouseMove(e: MouseEvent): void;
+    onUpdate(): void;
+}
+
+declare class StringFPS {
+    private isAnimationStarted;
+    private fpsInterval;
+    private then;
+    private requestAnimationId;
+    private onFrameCallback;
+    private animate;
+    start(fps: number): void;
+    stop(): void;
+    setOnFrame(callback: () => void): void;
+}
+
+declare class StringAttribute {
+    process(e: any, n: string, d?: any): any;
+}
+
+declare class StringBoundingClientRect {
+    process(e: any): any;
+}
+
+declare class StringDefaultSettings {
+    stringOffsetStart: string;
+    stringOffsetEnd: string;
+    stringEnterEl: string;
+    stringExitEl: string;
+    stringEnterVp: string;
+    stringExitVp: string;
+    stringInviewTop: string;
+    stringInviewBottom: string;
+    stringKey: string;
+    stringStrength: number;
+    stringRadius: number;
+    stringLerp: number;
+    stringParallaxBias: number;
+    stringParallax: number;
+}
+
+declare class StringEvent {
+    private eventsByKey;
+    private events;
+    on(id: string, event: Function): void;
+    has(id: string): boolean;
+    emit(id: string, value: any): void;
+    off(id: string, event: Function): void;
+    all(value: any): void;
+    private updateAllEvents;
+}
+
+declare class StringLerpCalc {
+    process(current: number, target: number, amt: number): number;
+}
+
+declare class StringParser {
+    parseSingle(v: string, element: any, wH: any, baseRem: number): number;
+}
+
+declare class StringPosition {
+    process(e: any, container?: any): {
+        top: number;
+        left: number;
+    };
+}
+
+declare class StringModule implements IStringModule {
+    lerp: StringLerpCalc;
+    attribute: StringAttribute;
+    boundingClientRect: StringBoundingClientRect;
+    position: StringPosition;
+    events: StringEvent;
+    data: StringData;
+    virtualCursor: StringVirtualCursor;
+    loop: StringFPS;
+    settings: any;
+    parser: StringParser;
+    protected defaultSettings: StringDefaultSettings;
+    protected objectsMap: Map<string, StringObject>;
+    protected objects: Array<StringObject>;
+    protected htmlKey: string;
+    protected _type: number;
+    get type(): number;
+    constructor(visitor: any, settings?: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    onScrollStart(): void;
+    onScrollStop(): void;
+    onChangeDirection(): void;
+    destructor(): void;
+    onChangeScrollParams(): void;
+    tryConnect(object: StringObject): boolean;
+    connect(object: StringObject): void;
+    enterObject(id: string, object: StringObject): void;
+    leaveObject(id: string): void;
+    onStart(): void;
+    onUpdate(data: StringData): void;
+    onResize(): void;
+    onConnect(object: StringObject): void;
+    onRebuild(): void;
+    onScroll(data: StringData): void;
+    onMouseMove(e: MouseEvent): void;
+    onWheel(e: WheelEvent): void;
+    onChangeDevice(): void;
+    onChangeScrollDirection(): void;
+    onMutationObserver(added: NodeList, removed: NodeList): void;
+}
+
+declare class StringBase extends StringModule {
+    private oldLerp;
+    constructor(visitor: any, settings?: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+}
+
+declare class StringLazy extends StringBase {
+    private isStartLoaded;
+    private imageLoadingCount;
+    constructor(visitor: any);
+    onStart(): void;
+    onConnect(object: StringObject): void;
+    private load;
+    private getImageSize;
+}
+
+declare class StringLoading extends StringModule {
+    loadingTimeout: number;
+    constructor(visitor: any, settings?: any);
+    onStart(): void;
+}
+
+declare class StringVideoAutoplay extends StringModule {
+    private static isInternetSpeedCheckStarted;
+    private static internetSpeed;
+    private static intervalId;
+    constructor(visitor: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    onStart(): void;
+    onConnect(object: StringObject): Promise<void>;
+    private selectQuality;
+    private getQualityLevel;
+    private testInternetSpeed;
+    private startGlobalSpeedCheck;
+    private tryPlay;
+}
+
+declare class StringProgress extends StringBase {
+    constructor(visitor: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    onScroll(data: StringData): void;
+    onConnect(object: StringObject): void;
+    private setUpObject;
+    private applyProgress;
+    private calculatePositions;
+}
+
+declare class StringSVG extends StringProgress {
+    constructor(visitor: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): Promise<void>;
+    onScroll(data: StringData): void;
+    private loadSVG;
+    private morphPath;
+    private interpolatePaths;
+    private parsePathCommands;
+}
+
+declare class StringCursor extends StringBase {
+    private oldX;
+    private oldY;
+    protected enterObjectsMap: Map<string, StringObject>;
+    protected enterObjects: Array<StringObject>;
+    cursor: any;
+    cursorContent: any;
+    overCount: number;
+    constructor(visitor: any, settings?: any);
+    onStart(): void;
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    onUpdate(data: StringData): void;
+    onConnect(object: StringObject): void;
+    private setMouseCoordinates;
+    private calculateOffset;
+}
+
+declare class StringMagnetic extends StringBase {
+    constructor(visitor: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    onConnect(object: StringObject): void;
+    onMouseMove(e: MouseEvent): void;
+    onUpdate(data: StringData): void;
+}
+
+declare class StringResponsive extends StringModule {
+    private queries;
+    private matchMedias;
+    constructor(visitor: any, settings: any);
+    onConnect(): void;
+    onStart(): void;
+    onResize(): void;
+    private updateElements;
+}
+
+declare class StringScrollbar extends StringModule {
+    private scrollbar;
+    private thumb;
+    private scrollTimeout;
+    private isDragging;
+    private scrollMode;
+    private mouseUpEventBind;
+    private mouseDownEventBind;
+    private mouseMoveEventBind;
+    private scrollbarState;
+    private scrollbarStateHorizontal;
+    private scrollbarStateVertical;
+    constructor(visitor: any);
+    destructor(): void;
+    onStart(): void;
+    onScroll(data: StringData): void;
+    onResize(): void;
+    onChangeScrollParams(): void;
+    onChangeScrollDirection(): void;
+    private addCustomStyles;
+    private createScrollbar;
+    private updateThumb;
+    private mouseDownEvent;
+    private mouseMoveEvent;
+    private mouseUpEvent;
+    private showScrollbar;
+    private hideScrollbar;
+}
+
+declare class StringAnchor extends StringBase {
+    constructor(visitor: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    onConnect(object: StringObject): void;
+    private parseOrig;
+}
+
+declare class StringGlide extends StringBase {
+    private previousLerp;
+    private displacement;
+    private acceleration;
+    private velocityMultiplier;
+    private isInitialScroll;
+    private baseVelocityMultiplier;
+    private reducedVelocityMultiplier;
+    private negativeVelocityMultiplier;
+    private readonly ACCELERATION_STEP;
+    private readonly MIN_DISPLACEMENT;
+    private readonly MAX_DISPLACEMENT;
+    private readonly MIN_VELOCITY;
+    private readonly MAX_VELOCITY;
+    private maxDisplacementValue;
+    constructor(visitor: any, settings?: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    private setupItem;
+    private onUpdateDesktopEvent;
+    private onUpdateMobileEvent;
+    private onUpdateEvent;
+    private calcExpanderFactor;
+    onStart(): void;
+    onResize(): void;
+    private resetState;
+    onScrollStart(): void;
+    onScrollStop(): void;
+    onUpdate(data: StringData): void;
+}
+
+declare class StringLerp extends StringBase {
+    constructor(visitor: any);
+    onScrollStop(): void;
+    onScroll(data: StringData): void;
+}
+
+declare class StringParallax extends StringProgress {
+    constructor(visitor: any);
+    initObject(globalId: number, object: StringObject, el: HTMLElement, attributes: Record<string, any>): void;
+    private setupParallax;
+    private onScrollDesktopEvent;
+    private onScrollMobileEvent;
+    private onScrollEvent;
+    onScroll(data: StringData): void;
+    onResize(): void;
+}
+
+interface ISplitOptions {
+    line?: Array<{
+        align: string;
+        random?: {
+            min: number;
+            max: number;
+        };
+        abs?: boolean;
+    }>;
+    word?: Array<{
+        align: string;
+        random?: {
+            min: number;
+            max: number;
+        };
+        abs?: boolean;
+    }>;
+    char?: Array<{
+        align: string;
+        random?: {
+            min: number;
+            max: number;
+        };
+        abs?: boolean;
+    }>;
+    charLine?: Array<{
+        align: string;
+        random?: {
+            min: number;
+            max: number;
+        };
+        abs?: boolean;
+    }>;
+    charWord?: Array<{
+        align: string;
+        random?: {
+            min: number;
+            max: number;
+        };
+        abs?: boolean;
+    }>;
+    wordLine?: Array<{
+        align: string;
+        random?: {
+            min: number;
+            max: number;
+        };
+        abs?: boolean;
+    }>;
+}
+declare class StringSplit extends StringBase {
+    constructor(visitor: any);
+    onStart(): void;
+    onResize(): void;
+    onConnect(object: StringObject): void;
+    private parseSplitOptions;
+    private parseParam;
+    split(options: ISplitOptions, elementRoot: any): any;
+    private appendVirtualLineToDOM;
+    private applyOptions;
+    private createSpaceSpan;
+    private decodeHtmlEntity;
+    private calculateIndex;
+    private generateVariableName;
+}
+
+declare class StringDelayLerpTracker extends StringModule {
+    private canvas;
+    private context;
+    private positionHistory;
+    private maxHistory;
+    private currentPosition;
+    private targetPosition;
+    private canvasHeight;
+    constructor(visitor: any);
+    onStart(): void;
+    onScroll(data: StringData): void;
+    drawGraph(): void;
+    setTargetPosition(position: number): void;
+}
+
+declare class StringFPSTracker extends StringModule {
+    private callCount;
+    private intervalId;
+    private displayElement;
+    constructor(visitor: any);
+    private createDisplayElement;
+    onStart(): void;
+    onUpdate(data: StringData): void;
+    destructor(): void;
+}
+
+declare class StringLerpTracker extends StringModule {
+    private canvas;
+    private context;
+    private positionHistory;
+    private maxHistory;
+    private currentPosition;
+    private targetPosition;
+    constructor(visitor: any);
+    onStart(): void;
+    onScroll(data: StringData): void;
+    drawGraph(): void;
+    setTargetPosition(position: number): void;
+}
+
+declare class StringPositionTracker extends StringModule {
+    private callCount;
+    private intervalId;
+    private displayElement;
+    constructor(visitor: any);
+    private createDisplayElement;
+    onStart(): void;
+    onScroll(data: StringData): void;
+    onUpdate(data: StringData): void;
+    destructor(): void;
+}
+
+declare global {
+    namespace JSX {
+        interface HTMLAttributes<T> {
+            string?: string;
+            'string-parallax'?: string;
+            'string-parallax-bias'?: string;
+            'string-enter-el'?: string;
+            'string-enter-vp'?: string;
+            'string-exit-el'?: string;
+            'string-exit-vp'?: string;
+            'string-glide'?: string;
+            'string-anchor'?: string;
+            'string-lerp'?: string;
+            'string-radius'?: string;
+            'string-strength'?: string;
+            'string-cursor-target-disable'?: string;
+            'string-cursor-target-style-disable'?: string;
+            'string-alignment'?: string;
+            'string-cursor'?: string;
+            'string-cursor-content'?: string;
+            'string-lazy'?: string;
+            'string-high-src'?: string;
+            'string-medium-src'?: string;
+            'string-low-src'?: string;
+            'string-copy-from'?: string;
+            'string-offset-bottom'?: string;
+            'string-offset-top'?: string;
+            'string-inview-top'?: string;
+            'string-inview-bottom'?: string;
+            'string-key'?: string;
+            'string-id'?: string;
+            'string-abs'?: string;
+            'string-repeat'?: string;
+            'string-fixed'?: string;
+        }
+    }
+}
+
 declare class StringTune {
     private static i;
     private modules;
@@ -94,4 +594,5 @@ declare class StringTune {
     private initMutationObserver;
     private rebuild;
 }
-export { StringTune as default, StringSVG, StringCursor, StringDelayLerpTracker, StringFPSTracker, StringGlide, StringLazy, StringLerp, StringLerpTracker, StringLoading, StringMagnetic, StringParallax, StringPositionTracker, StringProgress, StringResponsive, StringScrollbar, StringSplit, StringAnchor, StringTune as StringTune, StringVideoAutoplay, StringModule, StringObject, StringData };
+
+export { StringAnchor, StringCursor, StringData, StringDelayLerpTracker, StringFPSTracker, StringGlide, StringLazy, StringLerp, StringLerpTracker, StringLoading, StringMagnetic, StringModule, StringObject, StringParallax, StringPositionTracker, StringProgress, StringResponsive, StringSVG, StringScrollbar, StringSplit, StringTune, StringVideoAutoplay, StringTune as default };