@frybynite/image-cloud 0.8.3 → 0.9.1

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export declare interface AnimationConfig {
     queue: AnimationQueueConfig;
     performance?: AnimationPerformanceConfig;
     entry?: EntryAnimationConfig;
+    idle?: IdleAnimationConfig;
 }
 
 declare interface AnimationEasingConfig {
@@ -130,7 +131,6 @@ declare interface AnimationPerformanceConfig {
 declare interface AnimationQueueConfig {
     enabled: boolean;
     interval: number;
-    maxConcurrent?: number;
 }
 
 /**
@@ -721,6 +721,52 @@ declare interface HoneycombAlgorithmConfig {
     spacing?: number;
 }
 
+declare interface IdleAnimationConfig {
+    type: IdleAnimationType;
+    wiggle?: IdleWiggleConfig;
+    pulse?: IdlePulseConfig;
+    blink?: IdleBlinkConfig;
+    spin?: IdleSpinConfig;
+    custom?: IdleCustomAnimationFn;
+    startDelay?: number;
+}
+
+declare type IdleAnimationType = 'wiggle' | 'pulse' | 'blink' | 'spin' | 'custom' | 'none';
+
+declare interface IdleBlinkConfig {
+    onRatio: number;
+    speed: number;
+    style: 'snap' | 'fade';
+}
+
+declare type IdleCustomAnimationFn = (ctx: IdleCustomContext) => Animation | (() => void);
+
+declare interface IdleCustomContext {
+    element: HTMLElement;
+    index: number;
+    totalImages: number;
+}
+
+declare interface IdlePulseConfig {
+    minScale: number;
+    maxScale: number;
+    speed: number;
+    sync: IdleSyncMode;
+}
+
+declare interface IdleSpinConfig {
+    speed: number;
+    direction: 'clockwise' | 'counterclockwise';
+}
+
+declare type IdleSyncMode = 'together' | 'random';
+
+declare interface IdleWiggleConfig {
+    maxAngle: number;
+    speed: number;
+    sync: IdleSyncMode;
+}
+
 /**
  * ImageFilter interface for filtering images by extension
  * Implemented by the ImageFilter class in loaders/ImageFilter.ts
@@ -749,6 +795,7 @@ declare class ImageCloud {
     private hoverClassName;
     private animationEngine;
     private entryAnimationEngine;
+    private idleAnimationEngine;
     private layoutEngine;
     private zoomEngine;
     private swipeEngine;
@@ -1010,6 +1057,7 @@ declare interface InteractionConfig {
     focus: FocusInteractionConfig;
     navigation?: NavigationInteractionConfig;
     gestures?: GestureInteractionConfig;
+    disableDragging?: boolean;
 }
 
 export declare type LayoutAlgorithm = 'random' | 'radial' | 'grid' | 'spiral' | 'cluster' | 'wave' | 'honeycomb';
@@ -1528,7 +1576,12 @@ export declare class ZoomEngine {
     private focusGeneration;
     private styling?;
     private focusedClassName;
+    private onUnfocusComplete;
     constructor(config: FocusInteractionConfig, animationEngine: AnimationEngine, styling?: ImageStylingConfig);
+    /**
+     * Set callback to be fired when an unfocus animation fully completes.
+     */
+    setOnUnfocusCompleteCallback(callback: ((element: HTMLElement) => void) | null): void;
     /**
      * Get current state machine state
      */

package/dist/react.d.ts

@@ -13,6 +13,7 @@ export declare interface AnimationConfig {
     queue: AnimationQueueConfig;
     performance?: AnimationPerformanceConfig;
     entry?: EntryAnimationConfig;
+    idle?: IdleAnimationConfig;
 }
 
 declare interface AnimationEasingConfig {
@@ -130,7 +131,6 @@ declare interface AnimationPerformanceConfig {
 declare interface AnimationQueueConfig {
     enabled: boolean;
     interval: number;
-    maxConcurrent?: number;
 }
 
 /**
@@ -721,6 +721,52 @@ declare interface HoneycombAlgorithmConfig {
     spacing?: number;
 }
 
+declare interface IdleAnimationConfig {
+    type: IdleAnimationType;
+    wiggle?: IdleWiggleConfig;
+    pulse?: IdlePulseConfig;
+    blink?: IdleBlinkConfig;
+    spin?: IdleSpinConfig;
+    custom?: IdleCustomAnimationFn;
+    startDelay?: number;
+}
+
+declare type IdleAnimationType = 'wiggle' | 'pulse' | 'blink' | 'spin' | 'custom' | 'none';
+
+declare interface IdleBlinkConfig {
+    onRatio: number;
+    speed: number;
+    style: 'snap' | 'fade';
+}
+
+declare type IdleCustomAnimationFn = (ctx: IdleCustomContext) => Animation | (() => void);
+
+declare interface IdleCustomContext {
+    element: HTMLElement;
+    index: number;
+    totalImages: number;
+}
+
+declare interface IdlePulseConfig {
+    minScale: number;
+    maxScale: number;
+    speed: number;
+    sync: IdleSyncMode;
+}
+
+declare interface IdleSpinConfig {
+    speed: number;
+    direction: 'clockwise' | 'counterclockwise';
+}
+
+declare type IdleSyncMode = 'together' | 'random';
+
+declare interface IdleWiggleConfig {
+    maxAngle: number;
+    speed: number;
+    sync: IdleSyncMode;
+}
+
 /**
  * ImageFilter interface for filtering images by extension
  * Implemented by the ImageFilter class in loaders/ImageFilter.ts
@@ -749,6 +795,7 @@ declare class ImageCloud {
     private hoverClassName;
     private animationEngine;
     private entryAnimationEngine;
+    private idleAnimationEngine;
     private layoutEngine;
     private zoomEngine;
     private swipeEngine;
@@ -1010,6 +1057,7 @@ declare interface InteractionConfig {
     focus: FocusInteractionConfig;
     navigation?: NavigationInteractionConfig;
     gestures?: GestureInteractionConfig;
+    disableDragging?: boolean;
 }
 
 export declare type LayoutAlgorithm = 'random' | 'radial' | 'grid' | 'spiral' | 'cluster' | 'wave' | 'honeycomb';
@@ -1528,7 +1576,12 @@ export declare class ZoomEngine {
     private focusGeneration;
     private styling?;
     private focusedClassName;
+    private onUnfocusComplete;
     constructor(config: FocusInteractionConfig, animationEngine: AnimationEngine, styling?: ImageStylingConfig);
+    /**
+     * Set callback to be fired when an unfocus animation fully completes.
+     */
+    setOnUnfocusCompleteCallback(callback: ((element: HTMLElement) => void) | null): void;
     /**
      * Get current state machine state
      */