zoomora 1.2.1 → 1.4.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 +173 -81
- package/dist/zoomora.css +4 -2
- package/dist/zoomora.es.js +1297 -1281
- package/dist/zoomora.es.js.map +1 -1
- package/dist/zoomora.es.min.js +535 -9
- package/dist/zoomora.umd.js +1293 -1276
- package/dist/zoomora.umd.js.map +1 -1
- package/dist/zoomora.umd.min.js +539 -10
- package/package.json +5 -4
- package/src/styles/zoomora.scss +45 -7
- package/src/zoomora.js +1477 -1338
- 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.4.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",
|
|
@@ -34,13 +34,14 @@
|
|
|
34
34
|
"license": "MIT",
|
|
35
35
|
"scripts": {
|
|
36
36
|
"dev": "vite",
|
|
37
|
+
"watch": "vite build --watch",
|
|
37
38
|
"build": "vite build",
|
|
38
39
|
"preview": "vite preview",
|
|
39
40
|
"clean": "rm -rf dist"
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
42
|
-
"@rollup/plugin-terser": "^0.
|
|
43
|
-
"sass": "^1.
|
|
44
|
-
"vite": "^
|
|
43
|
+
"@rollup/plugin-terser": "^1.0.0",
|
|
44
|
+
"sass": "^1.101.0",
|
|
45
|
+
"vite": "^8.1.2"
|
|
45
46
|
}
|
|
46
47
|
}
|
package/src/styles/zoomora.scss
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Zoomora Lightbox Plugin v1.
|
|
2
|
+
* Zoomora Lightbox Plugin v1.4.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
|
|
|
@@ -228,6 +247,18 @@ iframe.zoomora-video {
|
|
|
228
247
|
overflow: hidden;
|
|
229
248
|
}
|
|
230
249
|
|
|
250
|
+
@media (max-width: 767px) {
|
|
251
|
+
iframe.zoomora-video {
|
|
252
|
+
width: calc(100% - 100px);
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
@media (max-width: 575px) {
|
|
257
|
+
iframe.zoomora-video {
|
|
258
|
+
width: calc(100% - 40px);
|
|
259
|
+
}
|
|
260
|
+
}
|
|
261
|
+
|
|
231
262
|
.zoomora-slide.slide-effect {
|
|
232
263
|
transform: translateX(100%);
|
|
233
264
|
}
|
|
@@ -251,7 +282,7 @@ iframe.zoomora-video {
|
|
|
251
282
|
}
|
|
252
283
|
|
|
253
284
|
.zoomora-nav:hover {
|
|
254
|
-
background:
|
|
285
|
+
background: var(--zoomora-control-hover);
|
|
255
286
|
transform: translateY(-50%) scale(1.1);
|
|
256
287
|
}
|
|
257
288
|
|
|
@@ -284,6 +315,11 @@ iframe.zoomora-video {
|
|
|
284
315
|
bottom: 20px !important;
|
|
285
316
|
}
|
|
286
317
|
|
|
318
|
+
.zoomora-caption:empty {
|
|
319
|
+
visibility: hidden;
|
|
320
|
+
pointer-events: none;
|
|
321
|
+
}
|
|
322
|
+
|
|
287
323
|
.zoomora-thumbnails {
|
|
288
324
|
position: absolute;
|
|
289
325
|
bottom: 20px;
|
|
@@ -406,8 +442,10 @@ iframe.zoomora-video {
|
|
|
406
442
|
}
|
|
407
443
|
|
|
408
444
|
.zoomora-video-container video {
|
|
445
|
+
display: block;
|
|
409
446
|
width: 100%;
|
|
410
447
|
height: 100%;
|
|
448
|
+
margin: 0 auto;
|
|
411
449
|
object-fit: contain;
|
|
412
450
|
max-width: max-content;
|
|
413
451
|
}
|
|
@@ -550,7 +588,7 @@ iframe.zoomora-video {
|
|
|
550
588
|
background-color: rgba(255, 255, 255, 0.2);
|
|
551
589
|
}
|
|
552
590
|
|
|
553
|
-
// Auto-hide button
|
|
591
|
+
// Auto-hide button active state
|
|
554
592
|
#zoomoraAutoHideBtn.active {
|
|
555
|
-
color:
|
|
593
|
+
color: var(--zoomora-primary);
|
|
556
594
|
}
|