@frybynite/image-cloud 0.9.0 → 0.9.2

package/dist/image-cloud.js

@@ -115,10 +115,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
@@ -136,16 +134,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({
@@ -181,19 +171,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({
@@ -327,9 +310,6 @@ function Zt(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,
@@ -354,9 +334,6 @@ function Zt(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
@@ -3329,14 +3306,14 @@ class Qe {
         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, qe);
         }
-      }), 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);
     }
@@ -3365,7 +3342,7 @@ class Qe {
     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());
@@ -3539,7 +3516,7 @@ class Qe {
       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)) {
@@ -3645,6 +3622,7 @@ export {
   Ke as FUNCTIONAL_CSS,
   Xe as GoogleDriveLoader,
   ye as GridPlacementLayout,
+  Fe as HoneycombPlacementLayout,
   Qe as ImageCloud,
   Je as ImageFilter,
   Qe as ImageGallery,