hy-masonry
Version:
Animated Masonry Layout as Web Component - Living organisms that morph and breathe
53 lines • 1.25 kB
TypeScript
import { MorphingState } from '../types';
export declare class MorphingManager {
private morphingItems;
private originalSizes;
private morphAnimationFrame;
private isRunning;
constructor();
/**
* Morph item to new size
*/
morphItem(itemId: string, targetSize: string, duration?: number): void;
/**
* Reset item to original size
*/
resetItem(itemId: string, duration?: number): void;
/**
* Check if item is currently morphing
*/
isMorphing(itemId: string): boolean;
/**
* Store original size for an item
*/
storeOriginalSize(itemId: string, size: string): void;
/**
* Start morphing animation loop
*/
start(): void;
/**
* Stop morphing animation loop
*/
stop(): void;
/**
* Main morphing animation loop
*/
private animate;
/**
* Dispatch custom event
*/
private dispatchEvent;
/**
* Get morphing items count
*/
getMorphingCount(): number;
/**
* Clear all morphing states
*/
clear(): void;
/**
* Get morphing state for an item
*/
getMorphingState(itemId: string): MorphingState | undefined;
}
//# sourceMappingURL=morphing-manager.d.ts.map