@frybynite/image-cloud 0.9.0 → 0.9.2

package/dist/index.d.ts

@@ -11,7 +11,6 @@ export declare interface AnimationConfig {
     duration: number;
     easing: AnimationEasingConfig;
     queue: AnimationQueueConfig;
-    performance?: AnimationPerformanceConfig;
     entry?: EntryAnimationConfig;
     idle?: IdleAnimationConfig;
 }
@@ -123,15 +122,9 @@ declare interface AnimationParams {
     easing: string;
 }
 
-declare interface AnimationPerformanceConfig {
-    useGPU?: boolean;
-    reduceMotion?: boolean;
-}
-
 declare interface AnimationQueueConfig {
     enabled: boolean;
     interval: number;
-    maxConcurrent?: number;
 }
 
 /**
@@ -563,11 +556,6 @@ export declare const FUNCTIONAL_CSS = "\n.fbn-ic-gallery {\n  position: relative
 
 export declare type GalleryConfig = ImageCloudConfig;
 
-declare interface GestureInteractionConfig {
-    pinchToZoom?: boolean;
-    doubleTapToFocus?: boolean;
-}
-
 export declare interface GoogleDriveFilesSource {
     files: string[];
 }
@@ -722,6 +710,14 @@ declare interface HoneycombAlgorithmConfig {
     spacing?: number;
 }
 
+export declare class HoneycombPlacementLayout implements PlacementLayout {
+    private config;
+    constructor(config: LayoutConfig, _imageConfig?: ImageConfig);
+    generate(imageCount: number, containerBounds: ContainerBounds, options?: Partial<LayoutConfig> & {
+        fixedHeight?: number;
+    }): ImageLayout[];
+}
+
 declare interface IdleAnimationConfig {
     type: IdleAnimationType;
     wiggle?: IdleWiggleConfig;
@@ -1057,7 +1053,7 @@ export declare function injectFunctionalStyles(): void;
 declare interface InteractionConfig {
     focus: FocusInteractionConfig;
     navigation?: NavigationInteractionConfig;
-    gestures?: GestureInteractionConfig;
+    dragging?: boolean;
 }
 
 export declare type LayoutAlgorithm = 'random' | 'radial' | 'grid' | 'spiral' | 'cluster' | 'wave' | 'honeycomb';
@@ -1153,7 +1149,6 @@ declare interface LayoutEngineConfig {
 
 declare interface LayoutSpacingConfig {
     padding: number;
-    minGap: number;
 }
 
 export declare type LoaderEntry = StaticLoaderEntry | GoogleDriveLoaderEntry;

package/dist/react.d.ts

@@ -11,7 +11,6 @@ export declare interface AnimationConfig {
     duration: number;
     easing: AnimationEasingConfig;
     queue: AnimationQueueConfig;
-    performance?: AnimationPerformanceConfig;
     entry?: EntryAnimationConfig;
     idle?: IdleAnimationConfig;
 }
@@ -123,15 +122,9 @@ declare interface AnimationParams {
     easing: string;
 }
 
-declare interface AnimationPerformanceConfig {
-    useGPU?: boolean;
-    reduceMotion?: boolean;
-}
-
 declare interface AnimationQueueConfig {
     enabled: boolean;
     interval: number;
-    maxConcurrent?: number;
 }
 
 /**
@@ -563,11 +556,6 @@ export declare const FUNCTIONAL_CSS = "\n.fbn-ic-gallery {\n  position: relative
 
 export declare type GalleryConfig = ImageCloudConfig;
 
-declare interface GestureInteractionConfig {
-    pinchToZoom?: boolean;
-    doubleTapToFocus?: boolean;
-}
-
 export declare interface GoogleDriveFilesSource {
     files: string[];
 }
@@ -722,6 +710,14 @@ declare interface HoneycombAlgorithmConfig {
     spacing?: number;
 }
 
+export declare class HoneycombPlacementLayout implements PlacementLayout {
+    private config;
+    constructor(config: LayoutConfig, _imageConfig?: ImageConfig);
+    generate(imageCount: number, containerBounds: ContainerBounds, options?: Partial<LayoutConfig> & {
+        fixedHeight?: number;
+    }): ImageLayout[];
+}
+
 declare interface IdleAnimationConfig {
     type: IdleAnimationType;
     wiggle?: IdleWiggleConfig;
@@ -1057,7 +1053,7 @@ export declare function injectFunctionalStyles(): void;
 declare interface InteractionConfig {
     focus: FocusInteractionConfig;
     navigation?: NavigationInteractionConfig;
-    gestures?: GestureInteractionConfig;
+    dragging?: boolean;
 }
 
 export declare type LayoutAlgorithm = 'random' | 'radial' | 'grid' | 'spiral' | 'cluster' | 'wave' | 'honeycomb';
@@ -1153,7 +1149,6 @@ declare interface LayoutEngineConfig {
 
 declare interface LayoutSpacingConfig {
     padding: number;
-    minGap: number;
 }
 
 export declare type LoaderEntry = StaticLoaderEntry | GoogleDriveLoaderEntry;

package/dist/react.js

@@ -117,10 +117,8 @@ const mt = Object.freeze({
     densityFactor: 1,
     // Default density
     spacing: Object.freeze({
-      padding: 50,
+      padding: 50
       // padding from viewport edges
-      minGap: 20
-      // minimum spacing between images
     })
   }),
   // Pattern-based animation configuration
@@ -138,16 +136,8 @@ const mt = Object.freeze({
     queue: Object.freeze({
       enabled: !0,
       // When false, all images display simultaneously
-      interval: 150,
+      interval: 150
       // ms between processing queue items (when enabled)
-      maxConcurrent: void 0
-      // STUB: Not implemented yet
-    }),
-    performance: Object.freeze({
-      useGPU: void 0,
-      // STUB: Not implemented yet
-      reduceMotion: void 0
-      // STUB: Not implemented yet
     }),
     entry: Object.freeze({
       start: Object.freeze({
@@ -183,19 +173,12 @@ const mt = Object.freeze({
       // Use default animation duration
     }),
     navigation: Object.freeze({
-      keyboard: void 0,
-      // STUB: Not implemented yet
-      swipe: void 0,
-      // STUB: Not implemented yet
+      keyboard: !0,
+      swipe: !0,
       mouseWheel: void 0
       // STUB: Not implemented yet
     }),
-    gestures: Object.freeze({
-      pinchToZoom: void 0,
-      // STUB: Not implemented yet
-      doubleTapToFocus: void 0
-      // STUB: Not implemented yet
-    })
+    dragging: !0
   }),
   // Pattern-based rendering configuration
   rendering: Object.freeze({
@@ -329,9 +312,6 @@ function ne(o = {}) {
   }), o.animation.queue && (s.animation.queue = {
     ...E.animation.queue,
     ...o.animation.queue
-  }), o.animation.performance && (s.animation.performance = {
-    ...E.animation.performance,
-    ...o.animation.performance
   }), o.animation.entry && (s.animation.entry = {
     ...E.animation.entry,
     ...o.animation.entry,
@@ -356,9 +336,6 @@ function ne(o = {}) {
   }), o.interaction.navigation && (s.interaction.navigation = {
     ...E.interaction.navigation,
     ...o.interaction.navigation
-  }), o.interaction.gestures && (s.interaction.gestures = {
-    ...E.interaction.gestures,
-    ...o.interaction.gestures
   })), o.rendering && (s.rendering = {
     ...E.rendering,
     ...o.rendering
@@ -3331,14 +3308,14 @@ let oi = class {
         this.containerEl = this.containerRef;
       else if (this.containerEl = document.getElementById(this.containerId), !this.containerEl)
         throw new Error(`Container #${this.containerId} not found`);
-      this.containerEl.classList.add("fbn-ic-gallery"), this.swipeEngine = new bt(this.containerEl, {
+      this.containerEl.classList.add("fbn-ic-gallery"), this.containerEl.setAttribute("tabindex", "0"), this.fullConfig.interaction.navigation?.swipe !== !1 && (this.swipeEngine = new bt(this.containerEl, {
         onNext: () => this.navigateToNextImage(),
         onPrev: () => this.navigateToPreviousImage(),
         onDragOffset: (t) => this.zoomEngine.setDragOffset(t),
         onDragEnd: (t) => {
           t ? this.zoomEngine.clearDragOffset(!1) : this.zoomEngine.clearDragOffset(!0, Je);
         }
-      }), this.setupUI(), this.setupEventListeners(), this.logDebug("ImageCloud initialized"), await this.loadImages();
+      })), this.setupUI(), this.setupEventListeners(), this.logDebug("ImageCloud initialized"), await this.loadImages();
     } catch (t) {
       console.error("Gallery initialization failed:", t), this.errorEl && t instanceof Error && this.showError("Gallery failed to initialize: " + t.message);
     }
@@ -3367,7 +3344,7 @@ let oi = class {
     return t.className = "fbn-ic-counter fbn-ic-hidden", this.containerEl.appendChild(t), t;
   }
   setupEventListeners() {
-    document.addEventListener("keydown", (t) => {
+    this.fullConfig.interaction.navigation?.keyboard !== !1 && this.containerEl.addEventListener("keydown", (t) => {
       t.key === "Escape" ? (this.zoomEngine.unfocusImage(), this.currentFocusIndex = null, this.swipeEngine?.disable(), this.hideCounter()) : t.key === "ArrowRight" ? this.navigateToNextImage() : t.key === "ArrowLeft" ? this.navigateToPreviousImage() : (t.key === "Enter" || t.key === " ") && this.hoveredImage && (this.handleImageClick(this.hoveredImage.element, this.hoveredImage.layout), t.preventDefault());
     }), document.addEventListener("click", (t) => {
       this.swipeEngine?.hadRecentTouch() || t.target.closest(".fbn-ic-image") || (this.zoomEngine.unfocusImage(), this.currentFocusIndex = null, this.swipeEngine?.disable(), this.hideCounter());
@@ -3541,7 +3518,7 @@ let oi = class {
       h.style.left = `${d - 6}px`, h.style.top = `${f - 6}px`, h.title = `Image ${u}: center (${Math.round(d)}, ${Math.round(f)})`, this.containerEl.appendChild(h);
     })), t.forEach((l, u) => {
       const h = document.createElement("img");
-      h.referrerPolicy = "no-referrer", h.classList.add("fbn-ic-image"), h.dataset.imageId = String(u), h.dataset.createdFlag = "true";
+      h.referrerPolicy = "no-referrer", h.classList.add("fbn-ic-image"), this.fullConfig.interaction.dragging === !1 && (h.draggable = !1), h.dataset.imageId = String(u), h.dataset.createdFlag = "true";
       const d = a[u];
       h.style.position = "absolute", h.style.width = "auto", h.style.height = `${i}px`, h.style.left = `${d.x}px`, h.style.top = `${d.y}px`, d.zIndex && (h.style.zIndex = String(d.zIndex)), st(h, this.defaultClassName), h.addEventListener("mouseenter", () => {
         if (this.hoveredImage = { element: h, layout: d }, !this.zoomEngine.isInvolved(h)) {