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/LICENSE +1 -1
- package/README.md +69 -26
- package/dist/zoomora.css +4 -2
- package/dist/zoomora.es.js +1307 -1280
- package/dist/zoomora.es.js.map +1 -1
- package/dist/zoomora.es.min.js +547 -10
- package/dist/zoomora.umd.js +1308 -1276
- package/dist/zoomora.umd.js.map +1 -1
- package/dist/zoomora.umd.min.js +554 -10
- package/package.json +4 -4
- package/src/styles/zoomora.scss +26 -7
- package/src/zoomora.js +150 -40
- package/dist/zoomora.es.min.js.map +0 -1
- package/dist/zoomora.umd.min.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "zoomora",
|
|
3
|
-
"version": "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.
|
|
43
|
-
"sass": "^1.
|
|
44
|
-
"vite": "^
|
|
42
|
+
"@rollup/plugin-terser": "^1.0.0",
|
|
43
|
+
"sass": "^1.101.0",
|
|
44
|
+
"vite": "^8.1.2"
|
|
45
45
|
}
|
|
46
46
|
}
|
package/src/styles/zoomora.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Zoomora Lightbox Plugin v1.
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
|
572
|
+
// Auto-hide button active state
|
|
554
573
|
#zoomoraAutoHideBtn.active {
|
|
555
|
-
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
|
+
* 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 {
|
|
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
|
|
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
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
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,
|
|
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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"}
|