{const{target:t}=e;t===y?J():t===A?Q():(t===w||p.docClose&&!C&&!x&&t.classList.contains("parvus__slide"))&&U(),e.stopPropagation()},de=t=>{const r=(i=m,Array.from(i.querySelectorAll(e.join(", "))).filter((e=>null!==e.offsetParent)));var i;const n=r.indexOf(document.activeElement),s=r.length-1;switch(t.code){case"Tab":t.shiftKey?0===n&&(r[s].focus(),t.preventDefault()):n===s&&(r[0].focus(),t.preventDefault());break;case"Escape":U(),t.preventDefault();break;case"ArrowLeft":J(),t.preventDefault();break;case"ArrowRight":Q(),t.preventDefault()}},ue=e=>{e.preventDefault(),e.stopPropagation(),x=!1,C=!1,I=!0;const{pageX:t,pageY:r}=e;l.set(e.pointerId,e),_.startX=t,_.startY=r;const{slider:i}=a[u];i.classList.add("parvus__slider--is-dragging"),i.style.willChange="transform",h=getComputedStyle(g).opacity},ce=e=>{if(e.preventDefault(),!I)return;const t=a[u].contentElements[c];if(l.set(e.pointerId,e),t&&"IMG"===t.tagName){if(2===l.size){const e=Array.from(l.values()),r=Math.hypot(e[1].clientX-e[0].clientX,e[1].clientY-e[0].clientY);return N||(k=r,N=!0,S=T,m.classList.add("parvus--is-zooming")),M=S*(r/k),M=Math.min(Math.max(1,M),3),t.style.transform=`scale(${M})`,void(T=M)}if(M>1)return}const{pageX:r,pageY:i}=e;_.endX=r,_.endY=i,me()},pe=e=>{e.stopPropagation(),I=!1,N=!1;const{slider:t}=a[u];t.classList.remove("parvus__slider--is-dragging"),t.style.willChange="",(_.endX||_.endY)&&(()=>{const{startX:e,startY:t,endX:r,endY:i}=_,n=r-e,s=i-t,l=Math.abs(n),o=Math.abs(s),{triggerElements:d}=a[u],h=d.length;x?n>2&&l>=p.threshold&&c>0?J():n<2&&l>=p.threshold&&c!==h-1?Q():ee():C?(o>2&&p.swipeClose&&o>=p.threshold?U():(m.classList.remove("parvus--is-vertical-closing"),ee()),g.style.opacity=""):ee()})(),ie(),l.delete(e.pointerId),M>1?S=T:(k=0,m.classList.remove("parvus--is-zooming"))},me=()=>{const{startX:e,endX:t,startY:r,endY:i}=_,n=e-t,s=i-r,l=Math.abs(s);Math.abs(n)>2&&!C&&a[u].triggerElements.length>1?(a[u].slider.style.transform=`translate3d(${B-Math.round(n)}px, 0, 0)`,x=!0,C=!1):Math.abs(s)>2&&!x&&p.swipeClose&&(!q&&l<=100&&(g.style.opacity=h-l/100),m.classList.add("parvus--is-vertical-closing"),a[u].slider.style.transform=`translate3d(${B}px, ${Math.round(s)}px, 0)`,x=!1,C=!0)},ge=()=>{n.addEventListener("keydown",de),n.addEventListener("resize",se),n.addEventListener("popstate",U),X.addEventListener("change",Y),m.addEventListener("click",oe),m.addEventListener("pointerdown",ue),m.addEventListener("pointerup",pe),m.addEventListener("pointermove",ce)},he=()=>{n.removeEventListener("keydown",de),n.removeEventListener("resize",se),n.removeEventListener("popstate",U),X.removeEventListener("change",Y),m.removeEventListener("click",oe),m.removeEventListener("pointerdown",ue),m.removeEventListener("pointerup",pe),m.removeEventListener("pointermove",ce)},be=()=>m.hasAttribute("open"),ve=e=>{const t=new CustomEvent(e,{cancelable:!0});m.dispatchEvent(t)},fe=()=>{if(p=(e=>{const t={selector:".lightbox",gallerySelector:null,zoomIndicator:!0,captions:!0,captionsSelector:"self",captionsAttribute:"data-caption",docClose:!0,swipeClose:!0,simulateTouch:!0,threshold:50,hideScrollbar:!0,lightboxIndicatorIcon:'
Parvus
-
Overlays suck, but if you need one, you might consider using Parvus. Parvus is an open source, dependency free image lightbox with the goal of being accessible.
+
Overlays suck, but if you need one, consider using Parvus. Parvus is an open source, dependency free image lightbox with the goal of being accessible.
diff --git a/test/test.js b/test/test.js
index 65941a5..5e24645 100644
--- a/test/test.js
+++ b/test/test.js
@@ -1,8 +1,13 @@
/**
- * Import language file
+ * Import Parvus
*
*/
import Parvus from '../dist/js/parvus.esm.min.js'
+
+/**
+ * Import language file
+ *
+ */
import de from '../src/l10n/de.js'
/**
@@ -36,25 +41,22 @@ setTimeout(() => {
* Events
*
*/
-prvs.on('open', function (event) {
- console.log(`
- Opened by: ${event.detail.source}
- at index: ${prvs.currentIndex()},
- selected slide: ${prvs.currentIndex() + 1}
- `)
+prvs.on('open', () => {
+ console.log(`Open:
+ Index: ${prvs.currentIndex()},
+ Slide: ${prvs.currentIndex() + 1}`)
})
-prvs.on('select', function () {
- console.log(`
- Selected index: ${prvs.currentIndex()},
- selected slide: ${prvs.currentIndex() + 1}
- `)
+prvs.on('select', () => {
+ console.log(`Select:
+ Index: ${prvs.currentIndex()},
+ Slide: ${prvs.currentIndex() + 1}`)
})
-prvs.on('close', function () {
- console.log('Closed')
+prvs.on('close', () => {
+ console.log('Close')
})
-prvs.on('destroy', function () {
- console.log('Destroyed')
+prvs.on('destroy', () => {
+ console.log('Destroy')
})
