zoomora 1.2.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zoomora",
3
- "version": "1.2.1",
3
+ "version": "1.3.0",
4
4
  "description": "A modern, responsive lightbox plugin with zoom, fullscreen, and gallery features",
5
5
  "type": "module",
6
6
  "main": "dist/zoomora.umd.js",
@@ -39,8 +39,8 @@
39
39
  "clean": "rm -rf dist"
40
40
  },
41
41
  "devDependencies": {
42
- "@rollup/plugin-terser": "^0.4.4",
43
- "sass": "^1.89.2",
44
- "vite": "^7.0.4"
42
+ "@rollup/plugin-terser": "^1.0.0",
43
+ "sass": "^1.101.0",
44
+ "vite": "^8.1.2"
45
45
  }
46
46
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Zoomora Lightbox Plugin v1.2.1
2
+ * Zoomora Lightbox Plugin v1.3.0
3
3
  * A modern, responsive lightbox plugin with zoom, fullscreen, and gallery features
4
4
  *
5
5
  * Copyright (c) 2026 Faruk Ahmed (FrontTheme)
@@ -69,6 +69,25 @@
69
69
  content: "\e908";
70
70
  }
71
71
 
72
+ // ─── Runtime CSS custom properties ───────────────────────────────────────────
73
+ // Sass variables are compiled away at build time; these :root declarations
74
+ // expose the same values as overridable runtime variables so users can theme
75
+ // Zoomora with plain CSS without recompiling the Sass source.
76
+ //
77
+ // :root {
78
+ // --zoomora-overlay-bg: rgba(0, 0, 0, 0.92);
79
+ // --zoomora-control-bg: rgba(255, 255, 255, 0.15);
80
+ // --zoomora-control-hover: rgba(255, 255, 255, 0.25);
81
+ // --zoomora-primary: #ff6b6b;
82
+ // }
83
+ // ─────────────────────────────────────────────────────────────────────────────
84
+ :root {
85
+ --zoomora-overlay-bg: #{rgba($dark-color, 0.95)};
86
+ --zoomora-control-bg: rgba(255, 255, 255, 0.2);
87
+ --zoomora-control-hover: rgba(255, 255, 255, 0.3);
88
+ --zoomora-primary: #{$primary-color};
89
+ }
90
+
72
91
  //Zoomora Lightbox Styles
73
92
  .zoomora {
74
93
  position: fixed;
@@ -76,7 +95,7 @@
76
95
  left: 0;
77
96
  width: 100%;
78
97
  height: 100%;
79
- background: rgba($dark-color, 0.95);
98
+ background: var(--zoomora-overlay-bg);
80
99
  backdrop-filter: blur(20px);
81
100
  z-index: 10000;
82
101
  display: flex;
@@ -141,7 +160,7 @@
141
160
  height: 50px;
142
161
  border: none;
143
162
  border-radius: 50%;
144
- background: rgba(255, 255, 255, 0.2);
163
+ background: var(--zoomora-control-bg);
145
164
  color: white;
146
165
  cursor: pointer;
147
166
  display: flex;
@@ -153,7 +172,7 @@
153
172
  }
154
173
 
155
174
  .zoomora-btn:hover {
156
- background: rgba(255, 255, 255, 0.3);
175
+ background: var(--zoomora-control-hover);
157
176
  transform: scale(1.1);
158
177
  }
159
178
 
@@ -251,7 +270,7 @@ iframe.zoomora-video {
251
270
  }
252
271
 
253
272
  .zoomora-nav:hover {
254
- background: rgba(255, 255, 255, 0.3);
273
+ background: var(--zoomora-control-hover);
255
274
  transform: translateY(-50%) scale(1.1);
256
275
  }
257
276
 
@@ -550,7 +569,7 @@ iframe.zoomora-video {
550
569
  background-color: rgba(255, 255, 255, 0.2);
551
570
  }
552
571
 
553
- // Auto-hide button icon
572
+ // Auto-hide button active state
554
573
  #zoomoraAutoHideBtn.active {
555
- color: $primary-color;
574
+ color: var(--zoomora-primary);
556
575
  }
package/src/zoomora.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Zoomora Lightbox Plugin v1.2.1
2
+ * Zoomora Lightbox Plugin v1.3.0
3
3
  * A modern, responsive lightbox plugin with zoom, fullscreen, and gallery features
4
4
  *
5
5
  * Copyright (c) 2026 Faruk Ahmed (FrontTheme)
@@ -84,11 +84,8 @@ import './styles/zoomora.scss';
84
84
  this.autoHideTimeout = null;
85
85
  this.autoHideDelay = 3000;
86
86
  this.isControlsVisible = true;
87
- this.idleTimer = null;
88
87
 
89
88
  this.lastDragTime = 0;
90
-
91
- // Bound methods for event listeners
92
89
  this.boundMethods = {
93
90
  handleDocumentClick: this.handleDocumentClick.bind(this),
94
91
  handleKeydown: this.handleKeydown.bind(this),
@@ -101,6 +98,7 @@ import './styles/zoomora.scss';
101
98
  handleTouchStart: this.handleTouchStart.bind(this),
102
99
  handleTouchMove: this.handleTouchMove.bind(this),
103
100
  handleTouchEnd: this.handleTouchEnd.bind(this),
101
+ handleWheel: this.handleWheel.bind(this),
104
102
  };
105
103
 
106
104
  this.init();
@@ -274,6 +272,11 @@ import './styles/zoomora.scss';
274
272
  this.addEventListener(this.content, 'touchmove', this.boundMethods.handleTouchMove, {passive: false});
275
273
  this.addEventListener(this.content, 'touchend', this.boundMethods.handleTouchEnd);
276
274
 
275
+ // Scroll-wheel zoom
276
+ if (this.options.showZoom) {
277
+ this.addEventListener(this.content, 'wheel', this.boundMethods.handleWheel, {passive: false});
278
+ }
279
+
277
280
  // Add auto-hide toggle button handler (only if enabled)
278
281
  if (this.options.showAutoHideToggle) {
279
282
  this.addEventListener(document.getElementById('zoomoraAutoHideBtn'), 'click', () => this.toggleAutoHide());
@@ -287,7 +290,7 @@ import './styles/zoomora.scss';
287
290
 
288
291
  /**
289
292
  * Add event listener with cleanup tracking
290
- * @param {Element} element - DOM element
293
+ * @param {EventTarget} element - DOM element or document
291
294
  * @param {string} event - Event type
292
295
  * @param {Function} handler - Event handler
293
296
  * @param {Object} options - Event options
@@ -501,6 +504,54 @@ import './styles/zoomora.scss';
501
504
  this.endDrag();
502
505
  }
503
506
 
507
+ /**
508
+ * Handle scroll-wheel zoom
509
+ * @param {WheelEvent} e - Wheel event
510
+ */
511
+ handleWheel(e) {
512
+ const media = this.content.querySelector('.zoomora-media');
513
+ if (!media || media.tagName !== 'IMG') return;
514
+
515
+ const zoomConfig = this.calculateZoomLevels(media);
516
+ if (!zoomConfig.canZoom) return;
517
+
518
+ e.preventDefault();
519
+
520
+ const maxScale = zoomConfig.levels[zoomConfig.levels.length - 1];
521
+ const step = this.options.zoomStep || 0.1;
522
+ const direction = e.deltaY < 0 ? 1 : -1; // scroll/pinch up = zoom in
523
+
524
+ let newScale = (this.currentScale || 1) + (direction * step * maxScale);
525
+ newScale = Math.max(1, Math.min(maxScale, newScale));
526
+
527
+ if (newScale === this.currentScale) return;
528
+
529
+ this.currentScale = newScale;
530
+ this.isZoomed = newScale > 1;
531
+ this.currentX = 0;
532
+ this.currentY = 0;
533
+
534
+ if (this.isZoomed) {
535
+ media.style.transform = `scale(${newScale})`;
536
+ media.style.cursor = 'grab';
537
+ media.classList.add('zoomed');
538
+ } else {
539
+ media.style.transform = '';
540
+ media.style.cursor = 'pointer';
541
+ media.classList.remove('zoomed');
542
+ }
543
+
544
+ // Keep the click-to-cycle zoom index roughly in sync with the
545
+ // continuous wheel scale, so a click after scrolling cycles sensibly.
546
+ let nearestIndex = 0;
547
+ zoomConfig.levels.forEach((level, index) => {
548
+ if (Math.abs(level - newScale) < Math.abs(zoomConfig.levels[nearestIndex] - newScale)) {
549
+ nearestIndex = index;
550
+ }
551
+ });
552
+ media.dataset.zoomLevel = nearestIndex.toString();
553
+ }
554
+
504
555
  /**
505
556
  * Get image source from element
506
557
  * @param {Element} item - DOM element
@@ -635,6 +686,79 @@ import './styles/zoomora.scss';
635
686
  this.items = Array.from(document.querySelectorAll(groupSelector));
636
687
  this.currentIndex = Math.max(0, this.items.indexOf(element));
637
688
 
689
+ this._activateLightbox();
690
+
691
+ // Trigger callback
692
+ if (typeof this.options.onOpen === 'function') {
693
+ this.options.onOpen(element, this.currentIndex);
694
+ }
695
+ }
696
+
697
+ /**
698
+ * Open lightbox programmatically with image(s) not present in the DOM.
699
+ * Accepts a single URL, an array of URLs, a config object, or an array
700
+ * of config objects — so all of these work:
701
+ *
702
+ * lightbox.openImage('photo.jpg');
703
+ * lightbox.openImage(['a.jpg', 'b.jpg'], { startIndex: 1 });
704
+ * lightbox.openImage({ src: 'photo.jpg', caption: 'Hello' });
705
+ * lightbox.openImage([
706
+ * { src: 'a.jpg', caption: 'First' },
707
+ * { src: 'https://youtu.be/xyz', type: 'video', thumb: 'poster.jpg' },
708
+ * ]);
709
+ *
710
+ * @param {string|string[]|Object|Object[]} images - URL(s) or config object(s)
711
+ * @param {Object} [opts] - Options
712
+ * @param {number} [opts.startIndex=0] - Index to open at when passing an array
713
+ */
714
+ openImage(images, opts = {}) {
715
+ const list = Array.isArray(images) ? images : [images];
716
+
717
+ this.items = list.map(entry =>
718
+ this.createVirtualItem(typeof entry === 'string' ? {src: entry} : entry)
719
+ );
720
+
721
+ this.currentIndex = Math.max(
722
+ 0,
723
+ Math.min(opts.startIndex || 0, this.items.length - 1)
724
+ );
725
+
726
+ this._activateLightbox();
727
+
728
+ // Trigger callback
729
+ if (typeof this.options.onOpen === 'function') {
730
+ this.options.onOpen(this.items[this.currentIndex], this.currentIndex);
731
+ }
732
+ }
733
+
734
+ /**
735
+ * Create a virtual item that mimics a DOM element's interface so
736
+ * programmatic images work through the existing render pipeline without
737
+ * any changes to getImageSource, getThumbnailSource, updateCaption, etc.
738
+ * @param {Object} config
739
+ * @param {string} config.src - Full-size image/video/iframe URL
740
+ * @param {string} [config.thumb] - Thumbnail URL (falls back to src)
741
+ * @param {string} [config.type='image'] - 'image', 'video', or 'iframe'
742
+ * @param {string} [config.caption=''] - Caption text
743
+ * @param {string} [config.alt=''] - Alt text for the thumbnail img
744
+ * @returns {Object} Virtual item
745
+ */
746
+ createVirtualItem({src, thumb, type = 'image', caption = '', alt = ''}) {
747
+ const thumbSrc = thumb || src;
748
+ return {
749
+ dataset: {src, type, caption},
750
+ src: thumbSrc,
751
+ alt,
752
+ title: caption,
753
+ getAttribute: (name) => name === 'src' ? thumbSrc : null,
754
+ };
755
+ }
756
+
757
+ /**
758
+ * Shared activation sequence used by both open() and openImage().
759
+ * Resets state, shows the lightbox, and triggers all UI updates.
760
+ */
761
+ _activateLightbox() {
638
762
  // Reset states
639
763
  this.isZoomed = false;
640
764
  this.isFullscreen = false;
@@ -653,17 +777,12 @@ import './styles/zoomora.scss';
653
777
  this.updateCaption();
654
778
  this.updateButtons();
655
779
 
656
- // Initialize auto-hide if enabled
780
+ // Initialize auto-hide
657
781
  if (this.autoHideEnabled) {
658
782
  this.startAutoHideTimer();
659
783
  } else {
660
784
  this.showControls();
661
785
  }
662
-
663
- // Trigger callback
664
- if (typeof this.options.onOpen === 'function') {
665
- this.options.onOpen(element, this.currentIndex);
666
- }
667
786
  }
668
787
 
669
788
  /**
@@ -1029,11 +1148,11 @@ import './styles/zoomora.scss';
1029
1148
  const maxZoomRatio = Math.max(zoomRatioX, zoomRatioY);
1030
1149
 
1031
1150
  // Store zoom info
1032
- img.dataset.zoomRatio = maxZoomRatio;
1033
- img.dataset.naturalWidth = naturalWidth;
1034
- img.dataset.naturalHeight = naturalHeight;
1035
- img.dataset.renderedWidth = renderedWidth;
1036
- img.dataset.renderedHeight = renderedHeight;
1151
+ img.dataset.zoomRatio = maxZoomRatio.toString();
1152
+ img.dataset.naturalWidth = naturalWidth.toString();
1153
+ img.dataset.naturalHeight = naturalHeight.toString();
1154
+ img.dataset.renderedWidth = renderedWidth.toString();
1155
+ img.dataset.renderedHeight = renderedHeight.toString();
1037
1156
 
1038
1157
  // Enable zoom if significantly scaled down
1039
1158
  if (isScaledDown && maxZoomRatio > 1.1) {
@@ -1071,16 +1190,24 @@ import './styles/zoomora.scss';
1071
1190
  return {canZoom: false, levels: [], currentLevel: 0};
1072
1191
  }
1073
1192
 
1193
+ // Respect the configured ceiling (falls back to 3x only if misconfigured)
1194
+ const configuredMax = Number(this.options.maxZoomScale);
1195
+ const maxZoom = Number.isFinite(configuredMax) && configuredMax > 0
1196
+ ? Math.max(1, configuredMax)
1197
+ : 3;
1198
+
1074
1199
  // Calculate zoom levels based on FIT scale (not current scale)
1075
1200
  const levels = [1]; // Start with fit-to-screen
1076
1201
 
1077
- // Add progressive levels: 1.5x, 2x, 3x
1078
- if (fitScale * 1.5 <= 1) levels.push(1.5);
1079
- if (fitScale * 2 <= 1) levels.push(2);
1080
- if (fitScale * 3 <= 1) levels.push(3);
1202
+ // Add progressive levels up to the configured max: 1.5x, 2x, 3x, 4x, 5x...
1203
+ [1.5, 2, 3, 4, 5].forEach((candidate) => {
1204
+ if (candidate <= maxZoom && fitScale * candidate <= 1) {
1205
+ levels.push(candidate);
1206
+ }
1207
+ });
1081
1208
 
1082
- // Add actual size (100%) as final level
1083
- const actualSizeScale = 1 / fitScale;
1209
+ // Add actual size (100%) as final level, capped at the configured max
1210
+ const actualSizeScale = Math.min(1 / fitScale, maxZoom);
1084
1211
  if (actualSizeScale > levels[levels.length - 1]) {
1085
1212
  levels.push(actualSizeScale);
1086
1213
  }
@@ -1263,23 +1390,6 @@ import './styles/zoomora.scss';
1263
1390
  }
1264
1391
  }
1265
1392
 
1266
- /**
1267
- * Update image transform based on current state
1268
- * @param {HTMLElement} media - Media element
1269
- */
1270
- updateImageTransform(media) {
1271
- if (!media) return;
1272
-
1273
- if (this.currentScale === 1) {
1274
- media.style.transform = '';
1275
- } else {
1276
- // IMPORTANT: translate in scaled space, so divide by scale
1277
- const translateX = this.currentX / this.currentScale;
1278
- const translateY = this.currentY / this.currentScale;
1279
- media.style.transform = `scale(${this.currentScale}) translate(${translateX}px, ${translateY}px)`;
1280
- }
1281
- }
1282
-
1283
1393
  /**
1284
1394
  * Toggle fullscreen mode
1285
1395
  */
@@ -1621,7 +1731,7 @@ import './styles/zoomora.scss';
1621
1731
  this.stopAutoHideTimer();
1622
1732
 
1623
1733
  // Remove all event listeners
1624
- this.eventListeners.forEach((listeners, key) => {
1734
+ this.eventListeners.forEach((listeners, _key) => {
1625
1735
  listeners.forEach(({element, event, handler, options}) => {
1626
1736
  if (element && element.removeEventListener) {
1627
1737
  element.removeEventListener(event, handler, options);
@@ -1 +0,0 @@
1
- {"version":3,"file":"zoomora.es.min.js","sources":["../src/zoomora.js"],"sourcesContent":["/*!\n * Zoomora Lightbox Plugin v1.2.1\n * A modern, responsive lightbox plugin with zoom, fullscreen, and gallery features\n *\n * Copyright (c) 2026 Faruk Ahmed (FrontTheme)\n * Licensed under MIT License\n */\n\n// Import styles\nimport './styles/zoomora.scss';\n\n(function (global, factory) {\n 'use strict';\n\n if (typeof module === 'object' && typeof module.exports === 'object') {\n // CommonJS/Node.js\n module.exports = factory();\n } else if (typeof define === 'function' && define.amd) {\n // AMD\n define(factory);\n } else {\n // Browser globals\n global.Zoomora = factory();\n }\n}(typeof window !== 'undefined' ? window : this, function () {\n 'use strict';\n\n /**\n * Zoomora Lightbox Plugin\n * @class\n */\n class Zoomora {\n /**\n * Default configuration options\n * @type {Object}\n */\n static get defaults() {\n return {\n selector: '[data-zoomora]',\n showCounter: true,\n showThumbnails: true,\n showFullscreen: true,\n showZoom: true,\n transition: 'fade', // 'fade' or 'slide'\n useHref: false, // Use href instead of data-src\n maxZoomScale: 3, // Maximum zoom scale\n zoomStep: 0.1, // Zoom step for scroll wheel\n animationDuration: 300, // Animation duration in ms\n closeOnBackgroundClick: true, // Close lightbox when clicking on background\n onOpen: null, // Callback when lightbox opens\n onClose: null, // Callback when lightbox closes\n onNext: null, // Callback when navigating to next item\n onPrev: null, // Callback when navigating to previous item\n\n // Auto-hide controls\n showAutoHideToggle: true, // Show auto-hide toggle button\n autoHideDelay: 3000, // Delay in ms before hiding controls\n autoHideEnabled: false, // Default state of auto-hide\n };\n }\n\n /**\n * Constructor\n * @param {Object} options - Configuration options\n */\n constructor(options = {}) {\n this.options = {...Zoomora.defaults, ...options};\n this.currentIndex = 0;\n this.items = [];\n this.isZoomed = false;\n this.isFullscreen = false;\n this.isDragging = false;\n this.thumbnailsVisible = true;\n this.startX = 0;\n this.startY = 0;\n this.currentX = 0;\n this.currentY = 0;\n this.currentScale = 1;\n this.isInitialized = false;\n this.eventListeners = new Map();\n\n // Auto-hide controls\n this.autoHideEnabled = false;\n this.autoHideTimeout = null;\n this.autoHideDelay = 3000;\n this.isControlsVisible = true;\n this.idleTimer = null;\n\n this.lastDragTime = 0;\n\n // Bound methods for event listeners\n this.boundMethods = {\n handleDocumentClick: this.handleDocumentClick.bind(this),\n handleKeydown: this.handleKeydown.bind(this),\n handleFullscreenChange: this.handleFullscreenChange.bind(this),\n handleZoomoraClick: this.handleZoomoraClick.bind(this),\n handleContentClick: this.handleContentClick.bind(this),\n handleMouseDown: this.handleMouseDown.bind(this),\n handleMouseMove: this.handleMouseMove.bind(this),\n handleMouseUp: this.handleMouseUp.bind(this),\n handleTouchStart: this.handleTouchStart.bind(this),\n handleTouchMove: this.handleTouchMove.bind(this),\n handleTouchEnd: this.handleTouchEnd.bind(this),\n };\n\n this.init();\n }\n\n /**\n * Initialize the plugin\n */\n init() {\n if (this.isInitialized) {\n console.warn('Zoomora: Plugin already initialized');\n return;\n }\n\n try {\n this.createLightbox();\n this.bindEvents();\n\n this.isInitialized = true;\n } catch (error) {\n console.error('Zoomora: Initialization failed', error);\n }\n }\n\n /**\n * Static method to bind to anchor tags with href\n * @param {string} selector - CSS selector\n * @param {Object} options - Configuration options\n * @returns {Zoomora} - New Zoomora instance\n */\n static bind(selector, options = {}) {\n const enhancedOptions = {\n ...options,\n selector: selector,\n useHref: true\n };\n return new Zoomora(enhancedOptions);\n }\n\n /**\n * Create lightbox HTML structure\n */\n createLightbox() {\n // Check if lightbox already exists\n if (document.getElementById('zoomoraLightbox')) {\n console.warn('Zoomora: Lightbox already exists in DOM');\n return;\n }\n\n // Build auto-hide button conditionally\n const autoHideButtonHTML = this.options.showAutoHideToggle ? `\n <button class=\"zoomora-btn\" id=\"zoomoraAutoHideBtn\" title=\"Toggle Auto-Hide Controls\">\n <i class=\"zoomorai-controls-off\"></i>\n </button>\n ` : '';\n\n const zoomoraHTML = `\n <div class=\"zoomora\" id=\"zoomoraLightbox\">\n <div class=\"zoomora-container\">\n <div class=\"zoomora-header\" id=\"zoomoraHeader\">\n <div class=\"zoomora-counter\" id=\"zoomoraCounter\" ${!this.options.showCounter ? 'style=\"opacity:0;visibility:hidden;\"' : ''}>1 / 1</div>\n <div class=\"zoomora-controls\">\n ${this.options.showThumbnails ? `\n <button class=\"zoomora-btn\" id=\"zoomoraThumbnailBtn\" title=\"Toggle Thumbnails\">\n <i class=\"zoomorai-thumbnails\"></i>\n </button>\n ` : ''}\n ${autoHideButtonHTML}\n ${this.options.showZoom ? `\n <button class=\"zoomora-btn\" id=\"zoomoraZoomBtn\" title=\"Zoom\">\n <i class=\"zoomorai-zoom\"></i>\n </button>\n ` : ''}\n ${this.options.showFullscreen ? `\n <button class=\"zoomora-btn\" id=\"zoomoraFullscreenBtn\" title=\"Fullscreen\">\n <i class=\"zoomorai-expand\"></i>\n </button>\n <button class=\"zoomora-btn\" id=\"zoomoraCollapseBtn\" title=\"Exit Fullscreen\" style=\"display: none;\">\n <i class=\"zoomorai-collapse\"></i>\n </button>\n ` : ''}\n <button class=\"zoomora-btn\" id=\"zoomoraCloseBtn\" title=\"Close\">\n <i class=\"zoomorai-close\"></i>\n </button>\n </div>\n </div>\n \n <div class=\"zoomora-content\" id=\"zoomoraContent\">\n <div class=\"zoomora-loading\" id=\"zoomoraLoading\"></div>\n <div class=\"zoomora-slides-container\" id=\"zoomoraSlidesContainer\"></div>\n </div>\n \n <button class=\"zoomora-nav prev\" id=\"zoomoraPrevBtn\">\n <i class=\"zoomorai-arrow-left\"></i>\n </button>\n <button class=\"zoomora-nav next\" id=\"zoomoraNextBtn\">\n <i class=\"zoomorai-arrow-right\"></i>\n </button>\n \n <div class=\"zoomora-caption\" id=\"zoomoraCaption\" ${!this.options.showThumbnails ? 'style=\"bottom:20px;\"' : ''}></div>\n <div class=\"zoomora-thumbnails\" id=\"zoomoraThumbs\" ${!this.options.showThumbnails ? 'style=\"display:none;\"' : ''}></div>\n </div>\n </div>\n `;\n\n document.body.insertAdjacentHTML('beforeend', zoomoraHTML);\n\n // Cache DOM elements\n this.zoomora = document.getElementById('zoomoraLightbox');\n this.header = document.getElementById('zoomoraHeader');\n this.content = document.getElementById('zoomoraContent');\n this.slidesContainer = document.getElementById('zoomoraSlidesContainer');\n this.counter = document.getElementById('zoomoraCounter');\n this.thumbs = document.getElementById('zoomoraThumbs');\n this.loading = document.getElementById('zoomoraLoading');\n this.caption = document.getElementById('zoomoraCaption');\n this.prevBtn = document.getElementById('zoomoraPrevBtn');\n this.nextBtn = document.getElementById('zoomoraNextBtn');\n\n // Verify all elements were created\n if (!this.zoomora || !this.content || !this.counter || !this.thumbs || !this.loading || !this.caption) {\n throw new Error('Failed to create required DOM elements');\n }\n }\n\n /**\n * Bind event listeners\n */\n bindEvents() {\n // Document click handler for opening lightbox\n this.addEventListener(document, 'click', this.boundMethods.handleDocumentClick);\n\n // Control button handlers\n this.addEventListener(document.getElementById('zoomoraCloseBtn'), 'click', () => this.close());\n this.addEventListener(document.getElementById('zoomoraPrevBtn'), 'click', () => this.prev());\n this.addEventListener(document.getElementById('zoomoraNextBtn'), 'click', () => this.next());\n if (this.options.showZoom) {\n this.addEventListener(document.getElementById('zoomoraZoomBtn'), 'click', () => this.toggleZoom());\n }\n if (this.options.showFullscreen) {\n this.addEventListener(document.getElementById('zoomoraFullscreenBtn'), 'click', () => this.toggleFullscreen());\n this.addEventListener(document.getElementById('zoomoraCollapseBtn'), 'click', () => this.exitFullscreen());\n }\n if (this.options.showThumbnails) {\n this.addEventListener(document.getElementById('zoomoraThumbnailBtn'), 'click', () => this.toggleThumbnails());\n }\n\n // Fullscreen change events\n this.addEventListener(document, 'fullscreenchange', this.boundMethods.handleFullscreenChange);\n this.addEventListener(document, 'webkitfullscreenchange', this.boundMethods.handleFullscreenChange);\n this.addEventListener(document, 'mozfullscreenchange', this.boundMethods.handleFullscreenChange);\n this.addEventListener(document, 'MSFullscreenChange', this.boundMethods.handleFullscreenChange);\n\n // Keyboard navigation\n this.addEventListener(document, 'keydown', this.boundMethods.handleKeydown);\n\n // Lightbox click to close\n this.addEventListener(this.zoomora, 'click', this.boundMethods.handleZoomoraClick);\n\n // Content click for zoom toggle and background click\n this.addEventListener(this.content, 'click', this.boundMethods.handleContentClick);\n\n // Mouse drag events\n this.addEventListener(this.content, 'mousedown', this.boundMethods.handleMouseDown);\n this.addEventListener(this.content, 'mousemove', this.boundMethods.handleMouseMove);\n this.addEventListener(this.content, 'mouseup', this.boundMethods.handleMouseUp);\n this.addEventListener(this.content, 'mouseleave', this.boundMethods.handleMouseUp);\n\n // Touch events\n this.addEventListener(this.content, 'touchstart', this.boundMethods.handleTouchStart, {passive: false});\n this.addEventListener(this.content, 'touchmove', this.boundMethods.handleTouchMove, {passive: false});\n this.addEventListener(this.content, 'touchend', this.boundMethods.handleTouchEnd);\n\n // Add auto-hide toggle button handler (only if enabled)\n if (this.options.showAutoHideToggle) {\n this.addEventListener(document.getElementById('zoomoraAutoHideBtn'), 'click', () => this.toggleAutoHide());\n\n // Add mouse/touch activity listeners for auto-hide\n this.addEventListener(this.zoomora, 'mousemove', () => this.handleUserActivity());\n this.addEventListener(this.zoomora, 'touchstart', () => this.handleUserActivity());\n this.addEventListener(this.zoomora, 'keydown', () => this.handleUserActivity());\n }\n }\n\n /**\n * Add event listener with cleanup tracking\n * @param {Element} element - DOM element\n * @param {string} event - Event type\n * @param {Function} handler - Event handler\n * @param {Object} options - Event options\n */\n addEventListener(element, event, handler, options = {}) {\n if (!element) return;\n\n element.addEventListener(event, handler, options);\n\n // Track for cleanup\n const key = `${element.constructor.name}_${event}`;\n if (!this.eventListeners.has(key)) {\n this.eventListeners.set(key, []);\n }\n this.eventListeners.get(key).push({element, event, handler, options});\n }\n\n /**\n * Handle document click events\n * @param {Event} e - Click event\n */\n handleDocumentClick(e) {\n const target = e.target.closest(this.options.selector);\n if (target) {\n e.preventDefault();\n this.open(target);\n }\n }\n\n /**\n * Handle keyboard events\n * @param {KeyboardEvent} e - Keyboard event\n */\n handleKeydown(e) {\n if (!this.zoomora.classList.contains('active')) return;\n\n switch (e.key) {\n case 'Escape':\n if (this.isFullscreen) {\n this.exitFullscreen();\n } else {\n this.close();\n }\n break;\n case 'ArrowLeft':\n this.prev();\n break;\n case 'ArrowRight':\n this.next();\n break;\n case 'z':\n case 'Z':\n this.toggleZoom();\n break;\n case 'f':\n case 'F':\n this.toggleFullscreen();\n break;\n case 't':\n case 'T':\n this.toggleThumbnails();\n break;\n }\n }\n\n /**\n * Handle fullscreen change events\n */\n handleFullscreenChange() {\n const isInFullscreen = !!(\n document.fullscreenElement ||\n document.webkitFullscreenElement ||\n document.mozFullScreenElement ||\n document.msFullscreenElement\n );\n\n // Only update if state changed from fullscreen to not fullscreen\n if (!isInFullscreen && this.isFullscreen) {\n this.isFullscreen = false;\n this.zoomora.classList.remove('fullscreen');\n this.updateButtons();\n }\n // Update if entering fullscreen\n else if (isInFullscreen && !this.isFullscreen) {\n this.isFullscreen = true;\n this.zoomora.classList.add('fullscreen');\n this.updateButtons();\n }\n }\n\n /**\n * Handle zoomora container clicks\n * @param {Event} e - Click event\n */\n handleZoomoraClick(e) {\n if (e.target === this.zoomora && this.options.closeOnBackgroundClick) {\n this.close();\n }\n }\n\n /**\n * Handle content clicks\n * @param {Event} e - Click event\n */\n handleContentClick(e) {\n // Ignore click if we just finished dragging (within 200ms)\n if (Date.now() - this.lastDragTime < 200) {\n return;\n }\n\n // Don't close on header clicks\n if (this.header && this.header.contains(e.target)) {\n return;\n }\n\n // Don't close on button clicks\n if (e.target.closest('button')) {\n return;\n }\n\n // Check if click is directly on actual media element (img, video, iframe)\n const mediaElement = e.target.closest('.zoomora-media, .zoomora-video, .zoomora-iframe');\n\n if (mediaElement) {\n // Only toggle zoom for images\n if (mediaElement.classList.contains('zoomora-media') && !mediaElement.classList.contains('no-zoom')) {\n this.toggleZoom();\n }\n return;\n }\n\n // Check if clicking inside video container but not on video itself\n const videoContainer = e.target.closest('.zoomora-video-container');\n if (videoContainer) {\n // If clicking on the play button, don't close\n if (e.target.closest('.zoomora-play-button')) {\n return;\n }\n // If clicking on background area of video container, close\n if (this.options.closeOnBackgroundClick) {\n this.close();\n }\n return;\n }\n\n // Check if clicking on background elements (including when zoomed)\n // This checks the actual target element, not just closest()\n const clickedElement = e.target;\n const isBackgroundElement =\n clickedElement.classList.contains('zoomora-content') ||\n clickedElement.classList.contains('zoomora-slide-container') ||\n clickedElement.classList.contains('zoomora-slide') ||\n clickedElement.classList.contains('zoomora-slides-container') ||\n clickedElement.id === 'zoomoraContent' ||\n clickedElement.id === 'zoomoraSlidesContainer';\n\n if (isBackgroundElement && this.options.closeOnBackgroundClick) {\n this.close();\n return;\n }\n\n // If we reach here and no media was clicked, close\n if (this.options.closeOnBackgroundClick) {\n this.close();\n }\n }\n\n /**\n * Handle mouse down events\n * @param {MouseEvent} e - Mouse event\n */\n handleMouseDown(e) {\n this.startDrag(e);\n }\n\n /**\n * Handle mouse move events\n * @param {MouseEvent} e - Mouse event\n */\n handleMouseMove(e) {\n this.drag(e);\n }\n\n /**\n * Handle mouse up events\n */\n handleMouseUp() {\n this.endDrag();\n }\n\n /**\n * Handle touch start events\n * @param {TouchEvent} e - Touch event\n */\n handleTouchStart(e) {\n this.startDrag(e);\n }\n\n /**\n * Handle touch move events\n * @param {TouchEvent} e - Touch event\n */\n handleTouchMove(e) {\n this.drag(e);\n }\n\n /**\n * Handle touch end events\n */\n handleTouchEnd() {\n this.endDrag();\n }\n\n /**\n * Get image source from element\n * @param {Element} item - DOM element\n * @returns {string} - Image source URL\n */\n getImageSource(item) {\n const src = item.dataset.src || item.src || item.getAttribute('src');\n const type = item.dataset.type || 'image';\n\n // Handle YouTube URLs for video types\n if (type === 'video' && src) {\n return this.convertToEmbedUrl(src);\n }\n\n return src;\n }\n\n /**\n * Convert YouTube URLs to embed format\n * @param url\n * @returns {*|string}\n */\n convertToEmbedUrl(url) {\n // If already an embed URL, return as is\n if (url.includes('youtube.com/embed/')) {\n return url;\n }\n\n // Handle different YouTube URL formats\n let videoId = null;\n let startTime = null;\n\n // Extract video ID and start time from different YouTube URL formats\n if (url.includes('youtube.com/watch')) {\n const urlParams = new URLSearchParams(url.split('?')[1]);\n videoId = urlParams.get('v');\n const t = urlParams.get('t');\n if (t) {\n // Convert time format (e.g., \"111s\" to seconds)\n startTime = t.replace('s', '');\n }\n } else if (url.includes('youtu.be/')) {\n const parts = url.split('/');\n const videoAndParams = parts[parts.length - 1];\n if (videoAndParams.includes('?')) {\n videoId = videoAndParams.split('?')[0];\n const urlParams = new URLSearchParams(videoAndParams.split('?')[1]);\n const t = urlParams.get('t');\n if (t) startTime = t.replace('s', '');\n } else {\n videoId = videoAndParams;\n }\n }\n\n if (videoId) {\n let embedUrl = `https://www.youtube.com/embed/${videoId}`;\n const params = new URLSearchParams();\n\n if (startTime) {\n params.append('start', startTime);\n }\n\n // Add other useful parameters\n params.append('rel', '0'); // Don't show related videos\n params.append('modestbranding', '1'); // Modest branding\n\n // Option: Add autoplay for YouTube videos (uncomment if desired)\n // params.append('autoplay', '1');\n\n if (params.toString()) {\n embedUrl += '?' + params.toString();\n }\n\n return embedUrl;\n }\n\n // If not a YouTube URL or couldn't parse, return original\n return url;\n }\n\n /**\n * Get thumbnail source from element\n * @param {Element} item - DOM element\n * @returns {string} - Thumbnail source URL\n */\n getThumbnailSource(item) {\n const type = item.dataset.type || 'image';\n\n // For video items, always use the img.src as thumbnail (poster image)\n if (type === 'video') {\n return item.src || item.getAttribute('src');\n }\n\n // For regular images, use data-src or fallback to src\n return item.dataset.src || item.src || item.getAttribute('src');\n }\n\n /**\n * Get group identifier from element\n * @param {Element} element - DOM element\n * @returns {string} - Group identifier\n */\n getGroup(element) {\n if (this.options.useHref) {\n return element.dataset.lightbox || element.dataset.gallery || 'default';\n }\n return element.dataset.zoomora || 'default';\n }\n\n /**\n * Open lightbox with specified element\n * @param {Element} element - DOM element to open\n */\n open(element) {\n if (!element) return;\n\n const group = this.getGroup(element);\n let groupSelector;\n\n if (this.options.useHref) {\n if (element.dataset.lightbox) {\n groupSelector = `[data-lightbox=\"${group}\"]`;\n } else if (element.dataset.gallery) {\n groupSelector = `[data-gallery=\"${group}\"]`;\n } else {\n groupSelector = this.options.selector;\n }\n } else {\n groupSelector = `[data-zoomora=\"${group}\"]`;\n }\n\n this.items = Array.from(document.querySelectorAll(groupSelector));\n this.currentIndex = Math.max(0, this.items.indexOf(element));\n\n // Reset states\n this.isZoomed = false;\n this.isFullscreen = false;\n this.thumbnailsVisible = true;\n this.currentX = 0;\n this.currentY = 0;\n this.currentScale = 1;\n\n this.zoomora.classList.add('active');\n document.body.style.overflow = 'hidden';\n\n this.loadContent();\n this.updateThumbnails();\n this.updateCounter();\n this.updateNavigation();\n this.updateCaption();\n this.updateButtons();\n\n // Initialize auto-hide if enabled\n if (this.autoHideEnabled) {\n this.startAutoHideTimer();\n } else {\n this.showControls();\n }\n\n // Trigger callback\n if (typeof this.options.onOpen === 'function') {\n this.options.onOpen(element, this.currentIndex);\n }\n }\n\n /**\n * Close lightbox\n */\n close() {\n if (this.isFullscreen) {\n this.exitFullscreen();\n }\n\n this.zoomora.classList.remove('active');\n document.body.style.overflow = '';\n this.isZoomed = false;\n this.isFullscreen = false;\n this.currentX = 0;\n this.currentY = 0;\n this.currentScale = 1;\n\n const media = this.content.querySelector('.zoomora-media');\n if (media) {\n media.classList.remove('zoomed');\n media.style.transform = '';\n media.style.cursor = '';\n }\n\n this.zoomora.classList.remove('fullscreen');\n this.updateButtons();\n\n // Clean up auto-hide\n this.stopAutoHideTimer();\n this.showControls();\n\n // Trigger callback\n if (typeof this.options.onClose === 'function') {\n this.options.onClose(this.currentIndex);\n }\n }\n\n /**\n * Navigate to previous item\n */\n prev() {\n if (this.currentIndex > 0) {\n this.currentIndex--;\n this.loadContent();\n this.updateCounter();\n this.updateThumbnails();\n this.updateNavigation();\n this.updateCaption();\n\n // Trigger callback\n if (typeof this.options.onPrev === 'function') {\n this.options.onPrev(this.currentIndex);\n }\n }\n }\n\n /**\n * Navigate to next item\n */\n next() {\n if (this.currentIndex < this.items.length - 1) {\n this.currentIndex++;\n this.loadContent();\n this.updateCounter();\n this.updateThumbnails();\n this.updateNavigation();\n this.updateCaption();\n\n // Trigger callback\n if (typeof this.options.onNext === 'function') {\n this.options.onNext(this.currentIndex);\n }\n }\n }\n\n /**\n * Load content for current item\n */\n loadContent() {\n if (!this.items[this.currentIndex]) return;\n\n const item = this.items[this.currentIndex];\n const src = this.getImageSource(item);\n const type = item.dataset.type || 'image';\n\n if (!src) {\n console.error('Zoomora: No source found for item');\n return;\n }\n\n // Reset zoom state\n this.isZoomed = false;\n this.currentX = 0;\n this.currentY = 0;\n this.currentScale = 1;\n\n // Show loading spinner\n this.loading.style.display = 'block';\n\n if (this.slidesContainer) {\n this.slidesContainer.innerHTML = '';\n }\n\n setTimeout(() => {\n this.renderContent(src, type, item);\n }, 100);\n }\n\n /**\n * Render content based on type\n * @param {string} src - Source URL\n * @param {string} type - Content type\n * @param {Element} item - Original item element\n */\n renderContent(src, type, item) {\n const slideContainer = document.createElement('div');\n slideContainer.className = 'zoomora-slide-container';\n\n // Create slide wrapper\n const slide = document.createElement('div');\n slide.className = `zoomora-slide ${this.options.transition === 'slide' ? 'slide-effect' : 'fade-effect'}`;\n slide.style.opacity = '0';\n slide.style.transform = this.options.transition === 'slide' ? 'translateX(100%)' : 'scale(0.8)';\n\n let mediaElement;\n\n try {\n switch (type) {\n case 'video':\n if (src.endsWith('.mp4') || src.endsWith('.webm') || src.endsWith('.ogg')) {\n const videoContainer = document.createElement('div');\n videoContainer.className = 'zoomora-video-container';\n\n mediaElement = document.createElement('video');\n mediaElement.src = src;\n mediaElement.className = 'zoomora-video';\n mediaElement.setAttribute('preload', 'metadata');\n\n const posterSrc = item.src || item.getAttribute('src');\n if (posterSrc) {\n mediaElement.setAttribute('poster', posterSrc);\n }\n\n const playButton = document.createElement('div');\n playButton.className = 'zoomora-play-button';\n playButton.innerHTML = `<svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 5v14l11-7z\"/></svg>`;\n\n playButton.addEventListener('click', () => {\n mediaElement.play();\n playButton.style.display = 'none';\n mediaElement.setAttribute('controls', '');\n });\n\n mediaElement.addEventListener('ended', () => {\n playButton.style.display = 'flex';\n });\n\n videoContainer.appendChild(mediaElement);\n videoContainer.appendChild(playButton);\n slideContainer.appendChild(videoContainer);\n } else {\n mediaElement = document.createElement('iframe');\n mediaElement.src = src;\n mediaElement.className = 'zoomora-video';\n mediaElement.setAttribute('allowfullscreen', '');\n mediaElement.setAttribute('frameborder', '0');\n slideContainer.appendChild(mediaElement);\n }\n break;\n\n case 'iframe':\n mediaElement = document.createElement('iframe');\n mediaElement.src = src;\n mediaElement.className = 'zoomora-iframe';\n mediaElement.setAttribute('frameborder', '0');\n slideContainer.appendChild(mediaElement);\n break;\n\n default:\n mediaElement = document.createElement('img');\n mediaElement.src = src;\n mediaElement.className = 'zoomora-media';\n mediaElement.alt = item.alt || item.title || '';\n\n mediaElement.onload = () => {\n this.loading.style.display = 'none';\n this.checkZoomability(mediaElement);\n this.animateSlideIn(slide);\n };\n\n mediaElement.onerror = () => {\n this.loading.style.display = 'none';\n console.error('Zoomora: Failed to load image:', src);\n this.animateSlideIn(slide);\n };\n\n slideContainer.appendChild(mediaElement);\n }\n\n slide.appendChild(slideContainer);\n\n // Clear existing slides and add new one\n this.slidesContainer.innerHTML = '';\n this.slidesContainer.appendChild(slide);\n\n if (type !== 'image') {\n this.loading.style.display = 'none';\n this.animateSlideIn(slide);\n }\n\n } catch (error) {\n console.error('Zoomora: Error rendering content:', error);\n this.loading.style.display = 'none';\n }\n }\n\n // Animation helper\n animateSlideIn(slide) {\n // Force reflow\n slide.offsetHeight;\n\n // Add active class and animate\n slide.classList.add('active');\n\n if (this.options.transition === 'slide') {\n slide.style.transition = `transform ${this.options.animationDuration}ms ease, opacity ${this.options.animationDuration}ms ease`;\n slide.style.transform = 'translateX(0)';\n slide.style.opacity = '1';\n } else {\n slide.style.transition = `transform ${this.options.animationDuration}ms ease, opacity ${this.options.animationDuration}ms ease`;\n slide.style.transform = 'scale(1)';\n slide.style.opacity = '1';\n }\n }\n\n // Toggle auto-hide controls\n toggleAutoHide() {\n this.autoHideEnabled = !this.autoHideEnabled;\n const autoHideBtn = document.getElementById('zoomoraAutoHideBtn');\n\n if (this.autoHideEnabled) {\n autoHideBtn.classList.add('active');\n autoHideBtn.title = 'Disable Auto-Hide Controls';\n this.startAutoHideTimer();\n } else {\n autoHideBtn.classList.remove('active');\n autoHideBtn.title = 'Enable Auto-Hide Controls';\n this.stopAutoHideTimer();\n this.showControls();\n }\n }\n\n // Handle user activity\n handleUserActivity() {\n if (!this.autoHideEnabled) return;\n\n this.showControls();\n this.startAutoHideTimer();\n }\n\n // Start auto-hide timer\n startAutoHideTimer() {\n this.stopAutoHideTimer();\n\n this.autoHideTimeout = setTimeout(() => {\n this.hideControls();\n }, this.options.autoHideDelay);\n }\n\n // Stop auto-hide timer\n stopAutoHideTimer() {\n if (this.autoHideTimeout) {\n clearTimeout(this.autoHideTimeout);\n this.autoHideTimeout = null;\n }\n }\n\n // Show controls\n showControls() {\n if (this.isControlsVisible) return;\n\n this.isControlsVisible = true;\n this.zoomora.classList.remove('controls-hidden');\n\n // Animate controls back in\n if (this.header) {\n this.header.style.transform = 'translateY(0)';\n this.header.style.opacity = '1';\n }\n\n if (this.caption) {\n this.caption.style.transform = 'translateX(-50%) translateY(0)';\n this.caption.style.opacity = '1';\n }\n\n if (this.thumbs) {\n this.thumbs.style.transform = 'translateX(-50%) translateY(0)';\n this.thumbs.style.opacity = '1';\n }\n\n if (this.prevBtn) {\n this.prevBtn.style.transform = 'translateX(0)';\n this.prevBtn.style.opacity = '1';\n }\n\n if (this.nextBtn) {\n this.nextBtn.style.transform = 'translateX(0)';\n this.nextBtn.style.opacity = '1';\n }\n }\n\n // Hide controls\n hideControls() {\n if (!this.isControlsVisible) return;\n\n this.isControlsVisible = false;\n this.zoomora.classList.add('controls-hidden');\n\n // Animate controls out\n if (this.header) {\n this.header.style.transform = 'translateY(-100%)';\n this.header.style.opacity = '0';\n }\n\n if (this.caption) {\n this.caption.style.transform = 'translateX(-50%) translateY(100%)';\n this.caption.style.opacity = '0';\n }\n\n if (this.thumbs) {\n this.thumbs.style.transform = 'translateX(-50%) translateY(100%)';\n this.thumbs.style.opacity = '0';\n }\n\n if (this.prevBtn) {\n this.prevBtn.style.transform = 'translateX(-100%)';\n this.prevBtn.style.opacity = '0';\n }\n\n if (this.nextBtn) {\n this.nextBtn.style.transform = 'translateX(100%)';\n this.nextBtn.style.opacity = '0';\n }\n }\n\n /**\n * Check if image can be zoomed\n * @param {HTMLImageElement} img - Image element\n */\n checkZoomability(img) {\n if (!img || !img.naturalWidth || !img.naturalHeight) return;\n\n const imgRect = img.getBoundingClientRect();\n const renderedWidth = imgRect.width;\n const renderedHeight = imgRect.height;\n const naturalWidth = img.naturalWidth;\n const naturalHeight = img.naturalHeight;\n\n const isScaledDown = naturalWidth > renderedWidth || naturalHeight > renderedHeight;\n const zoomRatioX = naturalWidth / renderedWidth;\n const zoomRatioY = naturalHeight / renderedHeight;\n const maxZoomRatio = Math.max(zoomRatioX, zoomRatioY);\n\n // Store zoom info\n img.dataset.zoomRatio = maxZoomRatio;\n img.dataset.naturalWidth = naturalWidth;\n img.dataset.naturalHeight = naturalHeight;\n img.dataset.renderedWidth = renderedWidth;\n img.dataset.renderedHeight = renderedHeight;\n\n // Enable zoom if significantly scaled down\n if (isScaledDown && maxZoomRatio > 1.1) {\n img.classList.remove('no-zoom');\n } else {\n img.classList.add('no-zoom');\n }\n }\n\n /**\n * Calculate zoom levels for an image\n * @param {HTMLImageElement} img - Image element\n * @returns {Object} Zoom configuration\n */\n calculateZoomLevels(img) {\n if (!img || !img.naturalWidth || !img.naturalHeight) {\n return {canZoom: false, levels: [], currentLevel: 0};\n }\n\n // Get CONTAINER size (not current displayed image size)\n const container = this.content.getBoundingClientRect();\n const containerWidth = container.width;\n const containerHeight = container.height;\n\n const naturalWidth = img.naturalWidth;\n const naturalHeight = img.naturalHeight;\n\n // Calculate what the ORIGINAL fit-to-screen scale would be\n const scaleToFitWidth = containerWidth / naturalWidth;\n const scaleToFitHeight = containerHeight / naturalHeight;\n const fitScale = Math.min(scaleToFitWidth, scaleToFitHeight);\n\n // If image naturally fits or is smaller than container, can't zoom\n if (fitScale >= 0.95) {\n return {canZoom: false, levels: [], currentLevel: 0};\n }\n\n // Calculate zoom levels based on FIT scale (not current scale)\n const levels = [1]; // Start with fit-to-screen\n\n // Add progressive levels: 1.5x, 2x, 3x\n if (fitScale * 1.5 <= 1) levels.push(1.5);\n if (fitScale * 2 <= 1) levels.push(2);\n if (fitScale * 3 <= 1) levels.push(3);\n\n // Add actual size (100%) as final level\n const actualSizeScale = 1 / fitScale;\n if (actualSizeScale > levels[levels.length - 1]) {\n levels.push(actualSizeScale);\n }\n\n return {\n canZoom: levels.length > 1,\n levels: levels,\n currentLevel: 0,\n baseScale: fitScale,\n naturalWidth: naturalWidth,\n naturalHeight: naturalHeight\n };\n }\n\n /**\n * Update counter display\n */\n updateCounter() {\n if (this.options.showCounter && this.counter) {\n this.counter.textContent = `${this.currentIndex + 1} / ${this.items.length}`;\n }\n }\n\n /**\n * Update caption display\n */\n updateCaption() {\n if (!this.caption || !this.items[this.currentIndex]) return;\n\n const item = this.items[this.currentIndex];\n const caption = item.dataset.caption || item.title || '';\n\n if (caption) {\n this.caption.textContent = caption;\n this.caption.style.transform = 'translateX(-50%) translateY(0)';\n this.caption.style.opacity = '1';\n this.caption.style.pointerEvents = 'auto';\n this.caption.style.transition = 'opacity 0.3s ease, transform 0.3s ease';\n } else {\n this.caption.style.transform = 'translateX(-50%) translateY(100%)';\n this.caption.style.opacity = '0';\n this.caption.style.pointerEvents = 'none';\n this.caption.style.transition = 'opacity 0.3s ease, transform 0.3s ease';\n }\n }\n\n /**\n * Update thumbnails display\n */\n updateThumbnails() {\n if (!this.options.showThumbnails || !this.thumbs) return;\n\n if (this.items.length === 1) {\n this.caption.classList.add('single-item-thumbnail');\n this.thumbs.style.display = 'none';\n return;\n }\n\n this.caption.classList.remove('single-item-thumbnail');\n\n this.thumbs.style.display = 'flex';\n this.thumbs.innerHTML = '';\n\n this.items.forEach((item, index) => {\n const thumb = document.createElement('div');\n thumb.className = 'zoomora-thumb';\n if (index === this.currentIndex) thumb.classList.add('active');\n\n const img = document.createElement('img');\n const thumbSrc = this.getThumbnailSource(item);\n\n if (thumbSrc) {\n img.src = thumbSrc;\n img.alt = item.alt || item.title || '';\n img.onerror = () => {\n thumb.style.display = 'none';\n };\n }\n\n thumb.appendChild(img);\n\n thumb.addEventListener('click', () => {\n this.currentIndex = index;\n this.loadContent();\n this.updateCounter();\n this.updateThumbnails();\n this.updateNavigation();\n this.updateCaption();\n });\n\n this.thumbs.appendChild(thumb);\n });\n }\n\n /**\n * Update navigation buttons\n */\n updateNavigation() {\n const prevBtn = document.getElementById('zoomoraPrevBtn');\n const nextBtn = document.getElementById('zoomoraNextBtn');\n\n if (prevBtn) {\n prevBtn.style.display = this.currentIndex > 0 ? 'flex' : 'none';\n }\n if (nextBtn) {\n nextBtn.style.display = this.currentIndex < this.items.length - 1 ? 'flex' : 'none';\n }\n }\n\n /**\n * Update control buttons\n */\n updateButtons() {\n const fullscreenBtn = document.getElementById('zoomoraFullscreenBtn');\n const collapseBtn = document.getElementById('zoomoraCollapseBtn');\n\n if (fullscreenBtn && collapseBtn) {\n if (this.isFullscreen) {\n fullscreenBtn.style.display = 'none';\n collapseBtn.style.display = 'flex';\n } else {\n fullscreenBtn.style.display = 'flex';\n collapseBtn.style.display = 'none';\n }\n }\n }\n\n /**\n * Toggle zoom state\n */\n toggleZoom() {\n const media = this.content.querySelector('.zoomora-media');\n if (!media || media.tagName !== 'IMG') return;\n\n // Calculate zoom levels\n const zoomConfig = this.calculateZoomLevels(media);\n\n if (!zoomConfig.canZoom) {\n return;\n }\n\n // Get or initialize current zoom level\n if (!media.dataset.zoomLevel) {\n media.dataset.zoomLevel = '0';\n }\n\n let currentLevel = parseInt(media.dataset.zoomLevel) || 0;\n\n // Cycle to next level\n currentLevel++;\n if (currentLevel >= zoomConfig.levels.length) {\n // Reset to fit-to-screen\n currentLevel = 0;\n }\n\n const targetScale = zoomConfig.levels[currentLevel];\n media.dataset.zoomLevel = currentLevel.toString();\n\n if (currentLevel === 0) {\n // Back to fit-to-screen\n this.isZoomed = false;\n this.isDragging = false;\n media.classList.remove('dragging');\n media.style.transform = '';\n media.style.cursor = 'pointer';\n media.classList.remove('zoomed');\n this.currentX = 0;\n this.currentY = 0;\n this.currentScale = 1;\n } else {\n // Zoom in - reset position to center\n this.isZoomed = true;\n this.currentScale = targetScale;\n this.currentX = 0; // Always reset to center on zoom change\n this.currentY = 0;\n\n media.style.transform = `translate(0px, 0px) scale(${targetScale})`;\n media.style.cursor = 'grab';\n media.classList.add('zoomed');\n }\n }\n\n /**\n * Update image transform based on current state\n * @param {HTMLElement} media - Media element\n */\n updateImageTransform(media) {\n if (!media) return;\n\n if (this.currentScale === 1) {\n media.style.transform = '';\n } else {\n // IMPORTANT: translate in scaled space, so divide by scale\n const translateX = this.currentX / this.currentScale;\n const translateY = this.currentY / this.currentScale;\n media.style.transform = `scale(${this.currentScale}) translate(${translateX}px, ${translateY}px)`;\n }\n }\n\n /**\n * Toggle fullscreen mode\n */\n toggleFullscreen() {\n if (!this.isFullscreen) {\n this.enterFullscreen();\n } else {\n this.exitFullscreen();\n }\n }\n\n /**\n * Enter fullscreen mode\n */\n enterFullscreen() {\n const element = this.zoomora;\n\n try {\n // Try standard API first\n if (element.requestFullscreen) {\n element.requestFullscreen()\n .then(() => {\n this.isFullscreen = true;\n this.zoomora.classList.add('fullscreen');\n this.updateButtons();\n })\n .catch(err => {\n console.warn('Zoomora: Fullscreen request failed:', err.message);\n this.fallbackFullscreen();\n });\n }\n // Try webkit (Safari, older Chrome)\n else if (element.webkitRequestFullscreen) {\n element.webkitRequestFullscreen();\n // Webkit doesn't return a promise, so set state immediately\n this.isFullscreen = true;\n this.zoomora.classList.add('fullscreen');\n this.updateButtons();\n }\n // Try moz (Firefox)\n else if (element.mozRequestFullScreen) {\n element.mozRequestFullScreen();\n this.isFullscreen = true;\n this.zoomora.classList.add('fullscreen');\n this.updateButtons();\n }\n // Try ms (IE11)\n else if (element.msRequestFullscreen) {\n element.msRequestFullscreen();\n this.isFullscreen = true;\n this.zoomora.classList.add('fullscreen');\n this.updateButtons();\n }\n // Fallback to CSS fullscreen\n else {\n console.warn('Zoomora: Fullscreen API not supported, using CSS fallback');\n this.fallbackFullscreen();\n }\n } catch (error) {\n console.error('Zoomora: Error entering fullscreen:', error);\n this.fallbackFullscreen();\n }\n }\n\n /**\n * Exit fullscreen mode\n */\n exitFullscreen() {\n // First check if we're actually in fullscreen\n const isInFullscreen = !!(\n document.fullscreenElement ||\n document.webkitFullscreenElement ||\n document.mozFullScreenElement ||\n document.msFullscreenElement\n );\n\n if (!isInFullscreen) {\n // Not in real fullscreen, just exit CSS fullscreen\n this.fallbackExitFullscreen();\n return;\n }\n\n try {\n // Try standard API first\n if (document.exitFullscreen) {\n document.exitFullscreen()\n .then(() => {\n this.isFullscreen = false;\n this.zoomora.classList.remove('fullscreen');\n this.updateButtons();\n })\n .catch(err => {\n console.warn('Zoomora: Exit fullscreen failed:', err.message);\n this.fallbackExitFullscreen();\n });\n }\n // Try webkit\n else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n this.isFullscreen = false;\n this.zoomora.classList.remove('fullscreen');\n this.updateButtons();\n }\n // Try moz\n else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n this.isFullscreen = false;\n this.zoomora.classList.remove('fullscreen');\n this.updateButtons();\n }\n // Try ms\n else if (document.msExitFullscreen) {\n document.msExitFullscreen();\n this.isFullscreen = false;\n this.zoomora.classList.remove('fullscreen');\n this.updateButtons();\n }\n // Fallback\n else {\n this.fallbackExitFullscreen();\n }\n } catch (error) {\n console.error('Zoomora: Error exiting fullscreen:', error);\n this.fallbackExitFullscreen();\n }\n }\n\n /**\n * Fallback fullscreen using CSS\n */\n fallbackFullscreen() {\n this.isFullscreen = true;\n this.zoomora.classList.add('fullscreen');\n this.updateButtons();\n }\n\n /**\n * Exit CSS fullscreen\n */\n fallbackExitFullscreen() {\n this.isFullscreen = false;\n this.zoomora.classList.remove('fullscreen');\n this.updateButtons();\n }\n\n /**\n * Toggle thumbnails visibility\n */\n toggleThumbnails() {\n if (this.items.length === 1) return;\n\n this.thumbnailsVisible = !this.thumbnailsVisible;\n if (this.thumbs) {\n this.thumbs.classList.toggle('thumbs-hidden', !this.thumbnailsVisible);\n\n if (!this.caption || !this.items[this.currentIndex]) return;\n\n const item = this.items[this.currentIndex];\n const caption = item.dataset.caption || item.title || '';\n\n if (caption && this.thumbs.classList.contains('thumbs-hidden')) {\n this.caption.style.bottom = '20px';\n this.caption.style.transition = 'bottom 0.3s ease, transform 0.3s ease';\n } else {\n this.caption.style.bottom = '120px';\n }\n }\n }\n\n /**\n * Start drag operation\n * @param {Event} e - Mouse or touch event\n */\n startDrag(e) {\n const media = this.content.querySelector('.zoomora-media');\n if (!media || !this.isZoomed) return;\n\n this.isDragging = true;\n media.classList.add('dragging');\n media.style.cursor = 'grabbing';\n\n this.startX = e.clientX || (e.touches && e.touches[0].clientX) || 0;\n this.startY = e.clientY || (e.touches && e.touches[0].clientY) || 0;\n\n // Read current position from transform\n const transform = window.getComputedStyle(media).transform;\n if (transform && transform !== 'none') {\n const matrix = new DOMMatrix(transform);\n this.currentX = matrix.m41;\n this.currentY = matrix.m42;\n } else {\n this.currentX = 0;\n this.currentY = 0;\n }\n\n e.preventDefault();\n }\n\n /**\n * Handle drag movement\n * @param {Event} e - Mouse or touch event\n */\n drag(e) {\n if (!this.isDragging) return;\n e.preventDefault();\n\n const media = this.content.querySelector('.zoomora-media');\n if (!media) return;\n\n const clientX = e.clientX || (e.touches && e.touches[0].clientX) || 0;\n const clientY = e.clientY || (e.touches && e.touches[0].clientY) || 0;\n\n const deltaX = clientX - this.startX;\n const deltaY = clientY - this.startY;\n\n let newX = this.currentX + deltaX;\n let newY = this.currentY + deltaY;\n\n // Calculate boundaries for BOTH width AND height\n const container = this.content.getBoundingClientRect();\n const mediaRect = media.getBoundingClientRect();\n\n // How much the scaled image overflows the container\n const overflowX = Math.max(0, (mediaRect.width - container.width) / 2);\n const overflowY = Math.max(0, (mediaRect.height - container.height) / 2);\n\n // Constrain drag to overflow boundaries\n if (overflowX > 0) {\n newX = Math.max(-overflowX, Math.min(overflowX, newX));\n } else {\n newX = 0; // Center horizontally if no overflow\n }\n\n if (overflowY > 0) {\n newY = Math.max(-overflowY, Math.min(overflowY, newY));\n } else {\n newY = 0; // Center vertically if no overflow\n }\n\n // Apply transform\n media.style.transform = `translate(${newX}px, ${newY}px) scale(${this.currentScale})`;\n\n // Update for next frame\n this.startX = clientX;\n this.startY = clientY;\n this.currentX = newX;\n this.currentY = newY;\n }\n\n /**\n * End drag operation\n */\n endDrag() {\n if (!this.isDragging) return;\n\n this.isDragging = false;\n this.lastDragTime = Date.now();\n\n const media = this.content.querySelector('.zoomora-media');\n if (media) {\n media.classList.remove('dragging');\n if (this.isZoomed) {\n media.style.cursor = 'grab';\n }\n }\n }\n\n /**\n * Go to specific item by index\n * @param {number} index - Item index\n */\n goTo(index) {\n if (index < 0 || index >= this.items.length) return;\n\n this.currentIndex = index;\n this.loadContent();\n this.updateCounter();\n this.updateThumbnails();\n this.updateNavigation();\n this.updateCaption();\n }\n\n /**\n * Get current item index\n * @returns {number} - Current index\n */\n getCurrentIndex() {\n return this.currentIndex;\n }\n\n /**\n * Get total number of items\n * @returns {number} - Total items\n */\n getTotalItems() {\n return this.items.length;\n }\n\n /**\n * Check if lightbox is open\n * @returns {boolean} - True if open\n */\n isOpen() {\n return this.zoomora && this.zoomora.classList.contains('active');\n }\n\n /**\n * Update options\n * @param {Object} newOptions - New options to merge\n */\n updateOptions(newOptions) {\n this.options = {...this.options, ...newOptions};\n }\n\n /**\n * Refresh the lightbox (re-scan for items)\n */\n refresh() {\n if (this.isOpen()) {\n const currentItem = this.items[this.currentIndex];\n if (currentItem) {\n this.open(currentItem);\n }\n }\n }\n\n /**\n * Destroy the lightbox instance\n */\n destroy() {\n if (!this.isInitialized) return;\n\n // Close if open\n if (this.isOpen()) {\n this.close();\n }\n\n // Clean up auto-hide\n this.stopAutoHideTimer();\n\n // Remove all event listeners\n this.eventListeners.forEach((listeners, key) => {\n listeners.forEach(({element, event, handler, options}) => {\n if (element && element.removeEventListener) {\n element.removeEventListener(event, handler, options);\n }\n });\n });\n this.eventListeners.clear();\n\n // Remove DOM elements\n if (this.zoomora && this.zoomora.parentNode) {\n this.zoomora.parentNode.removeChild(this.zoomora);\n }\n\n // Reset properties\n this.isInitialized = false;\n this.items = [];\n this.currentIndex = 0;\n this.zoomora = null;\n this.content = null;\n this.counter = null;\n this.thumbs = null;\n this.loading = null;\n this.caption = null;\n }\n }\n\n // Export the class\n return Zoomora;\n}));"],"names":["require_zoomora_es_min","exports","module","global","factory","window","this","Zoomora","defaults","selector","showCounter","showThumbnails","showFullscreen","showZoom","transition","useHref","maxZoomScale","zoomStep","animationDuration","closeOnBackgroundClick","onOpen","onClose","onNext","onPrev","showAutoHideToggle","autoHideDelay","autoHideEnabled","constructor","options","__spreadValues","currentIndex","items","isZoomed","isFullscreen","isDragging","thumbnailsVisible","startX","startY","currentX","currentY","currentScale","isInitialized","eventListeners","Map","autoHideTimeout","isControlsVisible","idleTimer","lastDragTime","boundMethods","handleDocumentClick","bind","handleKeydown","handleFullscreenChange","handleZoomoraClick","handleContentClick","handleMouseDown","handleMouseMove","handleMouseUp","handleTouchStart","handleTouchMove","handleTouchEnd","init","createLightbox","bindEvents","error","enhancedOptions","document","getElementById","autoHideButtonHTML","zoomoraHTML","body","insertAdjacentHTML","zoomora","header","content","slidesContainer","counter","thumbs","loading","caption","prevBtn","nextBtn","Error","addEventListener","close","prev","next","toggleZoom","toggleFullscreen","exitFullscreen","toggleThumbnails","passive","toggleAutoHide","handleUserActivity","element","event","handler","key","name","has","set","get","push","e","target","closest","preventDefault","open","classList","contains","isInFullscreen","fullscreenElement","webkitFullscreenElement","mozFullScreenElement","msFullscreenElement","remove","updateButtons","add","Date","now","mediaElement","clickedElement","id","startDrag","drag","endDrag","getImageSource","item","src","dataset","getAttribute","type","convertToEmbedUrl","url","includes","videoId","startTime","urlParams","URLSearchParams","split","t","replace","parts","videoAndParams","length","embedUrl","params","append","toString","getThumbnailSource","getGroup","lightbox","gallery","group","groupSelector","Array","from","querySelectorAll","Math","max","indexOf","style","overflow","loadContent","updateThumbnails","updateCounter","updateNavigation","updateCaption","startAutoHideTimer","showControls","media","querySelector","transform","cursor","stopAutoHideTimer","display","innerHTML","setTimeout","renderContent","slideContainer","createElement","className","slide","opacity","endsWith","videoContainer","setAttribute","posterSrc","playButton","play","appendChild","alt","title","onload","checkZoomability","animateSlideIn","onerror","offsetHeight","autoHideBtn","hideControls","clearTimeout","img","naturalWidth","naturalHeight","imgRect","getBoundingClientRect","renderedWidth","width","renderedHeight","height","isScaledDown","zoomRatioX","zoomRatioY","maxZoomRatio","zoomRatio","calculateZoomLevels","canZoom","levels","currentLevel","container","containerWidth","containerHeight","scaleToFitWidth","scaleToFitHeight","fitScale","min","actualSizeScale","baseScale","textContent","pointerEvents","forEach","index","thumb","thumbSrc","fullscreenBtn","collapseBtn","tagName","zoomConfig","zoomLevel","parseInt","targetScale","updateImageTransform","translateX","translateY","enterFullscreen","requestFullscreen","then","catch","err","fallbackFullscreen","webkitRequestFullscreen","mozRequestFullScreen","msRequestFullscreen","fallbackExitFullscreen","webkitExitFullscreen","mozCancelFullScreen","msExitFullscreen","toggle","bottom","clientX","touches","clientY","getComputedStyle","matrix","DOMMatrix","m41","m42","deltaX","deltaY","newX","newY","mediaRect","overflowX","overflowY","goTo","getCurrentIndex","getTotalItems","isOpen","updateOptions","newOptions","refresh","currentItem","destroy","listeners","removeEventListener","clear","parentNode","removeChild","define","amd"],"mappings":"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"}