From 21e42f70b459f4b290e1676be5ae2ddd82d0816e Mon Sep 17 00:00:00 2001
From: XiongAmao <onycat@live.cn>
Date: Sun, 17 Jul 2022 17:41:58 +0800
Subject: [PATCH 1/7] feat: add composables

---
 src/composables/index.ts | 42 ++++++++++++++++++++++++++++++++++++++++
 src/index.ts             |  2 ++
 2 files changed, 44 insertions(+)
 create mode 100644 src/composables/index.ts

diff --git a/src/composables/index.ts b/src/composables/index.ts
new file mode 100644
index 0000000..c0bc790
--- /dev/null
+++ b/src/composables/index.ts
@@ -0,0 +1,42 @@
+import type { PropsImgs } from 'src/types'
+import { ref } from 'vue'
+
+export interface UseEasyLightboxOptions {
+  /**
+   * Image's src / array of src / ImgObject:{ src, title?, alt? } / array of ImgObject / array of ImgObject.
+   */
+  imgs: PropsImgs
+  /**
+   * initial index of imgList
+   * @default 0
+   */
+  initIndex?: number
+}
+
+export const useEasyLightbox = (options: UseEasyLightboxOptions) => {
+  const { imgs = '', initIndex } = options
+
+  const imgsRef = ref(imgs)
+  const indexRef = ref(initIndex)
+  const visibleRef = ref(false)
+
+  const show = (index = indexRef.value) => {
+    setIndex(index)
+    visibleRef.value = true
+  }
+  const setIndex = (index = indexRef.value) => {
+    indexRef.value = index
+  }
+  const onHide = () => {
+    visibleRef.value = true
+  }
+
+  return {
+    imgsRef,
+    indexRef,
+    visibleRef,
+    show,
+    onHide,
+    setIndex
+  }
+}
diff --git a/src/index.ts b/src/index.ts
index c09f732..52b3952 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -3,6 +3,8 @@ import './styles/index'
 import type { App } from 'vue'
 import _VueEasyLightbox from './vue-easy-lightbox'
 
+export * from './composables'
+
 export type WithInstall<T> = T & {
   install(app: App): void
 }

From 7da130fa26026c97f9a5184fd8d898076c11592f Mon Sep 17 00:00:00 2001
From: XiongAmao <onycat@live.cn>
Date: Sun, 17 Jul 2022 20:39:28 +0800
Subject: [PATCH 2/7] feat: rename composables

---
 src/composables/index.ts           |  8 ++---
 src/dev-entry/App2.vue             | 50 ----------------------------
 src/dev-entry/AppCustomToolbar.vue | 52 +++++++++++++++++++++++++++++
 src/dev-entry/AppSetup.vue         | 53 ++++++++++++++++++++++++++++++
 src/dev-entry/main.ts              |  2 +-
 5 files changed, 110 insertions(+), 55 deletions(-)
 delete mode 100644 src/dev-entry/App2.vue
 create mode 100644 src/dev-entry/AppCustomToolbar.vue
 create mode 100644 src/dev-entry/AppSetup.vue

diff --git a/src/composables/index.ts b/src/composables/index.ts
index c0bc790..05c4af0 100644
--- a/src/composables/index.ts
+++ b/src/composables/index.ts
@@ -21,14 +21,14 @@ export const useEasyLightbox = (options: UseEasyLightboxOptions) => {
   const visibleRef = ref(false)
 
   const show = (index = indexRef.value) => {
-    setIndex(index)
+    changeIndex(index)
     visibleRef.value = true
   }
-  const setIndex = (index = indexRef.value) => {
+  const changeIndex = (index = indexRef.value) => {
     indexRef.value = index
   }
   const onHide = () => {
-    visibleRef.value = true
+    visibleRef.value = false
   }
 
   return {
@@ -37,6 +37,6 @@ export const useEasyLightbox = (options: UseEasyLightboxOptions) => {
     visibleRef,
     show,
     onHide,
-    setIndex
+    changeIndex
   }
 }
diff --git a/src/dev-entry/App2.vue b/src/dev-entry/App2.vue
deleted file mode 100644
index 7554740..0000000
--- a/src/dev-entry/App2.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div>
-    <button @click="() => visible = true">show</button>
-    <vue-easy-lightbox
-      :visible="visible"
-      :imgs="imgs"
-      @hide="() => visible = false"
-    >
-      <template #toolbar="{ toolbarMethods }">
-        <button @click="toolbarMethods.zoomIn">zoom in</button>
-        <button @click="toolbarMethods.zoomOut">zoom out</button>
-        <button @click="toolbarMethods.rotateLeft">Anticlockwise rotation</button>
-        <button @click="toolbarMethods.rotateRight">clockwise rotation</button>
-      </template>
-    </vue-easy-lightbox>
-  </div>
-</template>
-<script lang="ts">
-  import { defineComponent } from 'vue'
-  import VueEasyLightbox from '../index'
-
-  export default defineComponent({
-    components: {
-      VueEasyLightbox
-    },
-    data() {
-      return {
-        imgs: [
-          {
-            title: "img's url: https://i.loli.net/2018/11/10/5be6852cdb002.jpeg",
-            src: ' https://i.loli.net/2018/11/10/5be6852cdb002.jpeg'
-          },
-          {
-            title: "There is img's description",
-            src: 'https://i.loli.net/2018/11/10/5be6852ce6965.jpeg'
-          },
-          'https://i.loli.net/2018/11/10/5be6852dec46e.jpeg',
-          'https://i.loli.net/2018/11/10/5be6852e1366d.jpeg',
-          'https://i.loli.net/2018/11/10/5be6852e33f19.jpeg',
-          'https://i.loli.net/2018/11/10/5be6852dec46e.jpeg',
-          'https://i.loli.net/2018/11/10/5be6852e1366d.jpeg',
-          'https://i.loli.net/2018/11/10/5be6852e33f19.jpeg',
-          'https://example.com/asdf.jpeg'
-        ],
-        visible: false,
-        index: 0 // default
-      }
-    }
-  })
-</script>
diff --git a/src/dev-entry/AppCustomToolbar.vue b/src/dev-entry/AppCustomToolbar.vue
new file mode 100644
index 0000000..2cacc06
--- /dev/null
+++ b/src/dev-entry/AppCustomToolbar.vue
@@ -0,0 +1,52 @@
+<template>
+  <div>
+    <button @click="() => (visible = true)">show</button>
+    <vue-easy-lightbox
+      :visible="visible"
+      :imgs="imgs"
+      @hide="() => (visible = false)"
+    >
+      <template #toolbar="{ toolbarMethods }">
+        <button @click="toolbarMethods.zoomIn">zoom in</button>
+        <button @click="toolbarMethods.zoomOut">zoom out</button>
+        <button @click="toolbarMethods.rotateLeft">
+          Anticlockwise rotation
+        </button>
+        <button @click="toolbarMethods.rotateRight">clockwise rotation</button>
+      </template>
+    </vue-easy-lightbox>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent } from 'vue'
+import VueEasyLightbox from '../index'
+
+export default defineComponent({
+  components: {
+    VueEasyLightbox
+  },
+  data() {
+    return {
+      imgs: [
+        {
+          title: "img's url: https://i.loli.net/2018/11/10/5be6852cdb002.jpeg",
+          src: ' https://i.loli.net/2018/11/10/5be6852cdb002.jpeg'
+        },
+        {
+          title: "There is img's description",
+          src: 'https://i.loli.net/2018/11/10/5be6852ce6965.jpeg'
+        },
+        'https://i.loli.net/2018/11/10/5be6852dec46e.jpeg',
+        'https://i.loli.net/2018/11/10/5be6852e1366d.jpeg',
+        'https://i.loli.net/2018/11/10/5be6852e33f19.jpeg',
+        'https://i.loli.net/2018/11/10/5be6852dec46e.jpeg',
+        'https://i.loli.net/2018/11/10/5be6852e1366d.jpeg',
+        'https://i.loli.net/2018/11/10/5be6852e33f19.jpeg',
+        'https://example.com/asdf.jpeg'
+      ],
+      visible: false,
+      index: 0 // default
+    }
+  }
+})
+</script>
diff --git a/src/dev-entry/AppSetup.vue b/src/dev-entry/AppSetup.vue
new file mode 100644
index 0000000..c401028
--- /dev/null
+++ b/src/dev-entry/AppSetup.vue
@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <button @click="showSingle">Show single picture.</button>
+    <button @click="showMultiple">Show a group of pictures.</button>
+
+    <vue-easy-lightbox
+      :visible="visibleRef"
+      :imgs="imgsRef"
+      :index="indexRef"
+      @hide="onHide"
+    ></vue-easy-lightbox>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { useEasyLightbox } from '../composables'
+import VueEasyLightbox from '../index'
+
+export default defineComponent({
+  components: {
+    VueEasyLightbox
+  },
+  setup() {
+    const { visibleRef, indexRef, imgsRef, show, changeIndex, onHide } =
+      useEasyLightbox({
+        imgs: []
+      })
+
+    const showSingle = () => {
+      imgsRef.value = 'http://via.placeholder.com/350x150'
+      show()
+    }
+    const showMultiple = () => {
+      imgsRef.value = [
+        'http://via.placeholder.com/350x150',
+        'http://via.placeholder.com/350x150'
+      ]
+      changeIndex()
+      show()
+    }
+
+    return {
+      visibleRef,
+      indexRef,
+      imgsRef,
+      showSingle,
+      showMultiple,
+      onHide
+    }
+  }
+})
+</script>
diff --git a/src/dev-entry/main.ts b/src/dev-entry/main.ts
index 43d27f6..6a8bff8 100644
--- a/src/dev-entry/main.ts
+++ b/src/dev-entry/main.ts
@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import App from './App.vue'
+import App from './AppSetup.vue'
 
 const app = createApp(App)
 app.mount('#app')

From af44ef08602405ae4d02446baf5e0a75ee71e5b9 Mon Sep 17 00:00:00 2001
From: XiongAmao <onycat@live.cn>
Date: Sun, 17 Jul 2022 21:27:45 +0800
Subject: [PATCH 3/7] fix(types): type path error

---
 src/composables/index.ts   |  6 ++++--
 src/dev-entry/AppSetup.vue | 27 ++++++++++++++++++++++++---
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/composables/index.ts b/src/composables/index.ts
index 05c4af0..af7a063 100644
--- a/src/composables/index.ts
+++ b/src/composables/index.ts
@@ -1,9 +1,11 @@
-import type { PropsImgs } from 'src/types'
 import { ref } from 'vue'
+import type { PropsImgs } from '../types'
 
 export interface UseEasyLightboxOptions {
   /**
-   * Image's src / array of src / ImgObject:{ src, title?, alt? } / array of ImgObject / array of ImgObject.
+   * image src/ImgObj or list of images src/ImgObj
+   * imgObj: { src: string, title?: string, alt?: string }
+   * @default ''
    */
   imgs: PropsImgs
   /**
diff --git a/src/dev-entry/AppSetup.vue b/src/dev-entry/AppSetup.vue
index c401028..2b2a88b 100644
--- a/src/dev-entry/AppSetup.vue
+++ b/src/dev-entry/AppSetup.vue
@@ -2,6 +2,9 @@
   <div>
     <button @click="showSingle">Show single picture.</button>
     <button @click="showMultiple">Show a group of pictures.</button>
+    <br />
+    <button @click="test">test1</button>
+    <button @click="test2">test2</button>
 
     <vue-easy-lightbox
       :visible="visibleRef"
@@ -13,7 +16,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent, isReactive, ref } from 'vue'
 import { useEasyLightbox } from '../composables'
 import VueEasyLightbox from '../index'
 
@@ -22,11 +25,27 @@ export default defineComponent({
     VueEasyLightbox
   },
   setup() {
+    const imgList = ref([
+      'http://via.placeholder.com/350x150',
+      'http://via.placeholder.com/250x150'
+    ])
+
     const { visibleRef, indexRef, imgsRef, show, changeIndex, onHide } =
       useEasyLightbox({
-        imgs: []
+        imgs: imgList.value,
+        initIndex: 0
       })
 
+    const test = () => {
+      console.log(isReactive(imgList.value))
+      console.log(imgList.value)
+      show()
+    }
+    const test2 = () => {
+      imgList.value.push('http://via.placeholder.com/250x150')
+      show()
+    }
+
     const showSingle = () => {
       imgsRef.value = 'http://via.placeholder.com/350x150'
       show()
@@ -46,7 +65,9 @@ export default defineComponent({
       imgsRef,
       showSingle,
       showMultiple,
-      onHide
+      onHide,
+      test,
+      test2
     }
   }
 })

From 6d0580166b525cc51df3b285e27cfde5c9c1c384 Mon Sep 17 00:00:00 2001
From: XiongAmao <onycat@live.cn>
Date: Sun, 17 Jul 2022 23:04:58 +0800
Subject: [PATCH 4/7] chore: config UMD build scripts for composables

---
 build-scripts/gen-types.js     |  1 +
 build-scripts/rollup.config.js |  1 +
 src/index.ts                   | 14 +++++---------
 src/index.umd.ts               | 14 ++++++++++++++
 4 files changed, 21 insertions(+), 9 deletions(-)
 create mode 100644 src/index.umd.ts

diff --git a/build-scripts/gen-types.js b/build-scripts/gen-types.js
index bf13ee1..d25265e 100644
--- a/build-scripts/gen-types.js
+++ b/build-scripts/gen-types.js
@@ -6,3 +6,4 @@ const resolveTypesPath = (...paths) => path.resolve(__dirname, '../types', ...pa
 
 // remove useless types
 fs.rm(resolveTypesPath('./dev-entry'), { recursive: true })
+fs.rm(resolveTypesPath('./index.umd.d.ts'))
diff --git a/build-scripts/rollup.config.js b/build-scripts/rollup.config.js
index b07a067..249de4b 100644
--- a/build-scripts/rollup.config.js
+++ b/build-scripts/rollup.config.js
@@ -79,6 +79,7 @@ const configs = builds.map((buildType) => {
     external: ['vue']
   }
   if (config.output.format === 'umd') {
+    config.input = 'src/index.umd.ts'
     config.output.name = Case.pascal(libraryName)
     config.output.globals = { vue: 'Vue' }
     config.output.exports = 'default'
diff --git a/src/index.ts b/src/index.ts
index 52b3952..43b7345 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -5,14 +5,10 @@ import _VueEasyLightbox from './vue-easy-lightbox'
 
 export * from './composables'
 
-export type WithInstall<T> = T & {
-  install(app: App): void
-}
-
-const VueEasyLightbox = _VueEasyLightbox as WithInstall<typeof _VueEasyLightbox>
-
-VueEasyLightbox.install = (app: App) => {
-  app.component(_VueEasyLightbox.name, _VueEasyLightbox)
-}
+const VueEasyLightbox = Object.assign(_VueEasyLightbox, {
+  install: (app: App) => {
+    app.component(_VueEasyLightbox.name, _VueEasyLightbox)
+  }
+})
 
 export default VueEasyLightbox
diff --git a/src/index.umd.ts b/src/index.umd.ts
new file mode 100644
index 0000000..3c4a705
--- /dev/null
+++ b/src/index.umd.ts
@@ -0,0 +1,14 @@
+import './styles/index'
+
+import type { App } from 'vue'
+import _VueEasyLightbox from './vue-easy-lightbox'
+import { useEasyLightbox } from './composables'
+
+const VueEasyLightbox = Object.assign(_VueEasyLightbox, {
+  install: (app: App) => {
+    app.component(_VueEasyLightbox.name, _VueEasyLightbox)
+  },
+  useEasyLightbox
+})
+
+export default VueEasyLightbox

From 9c15820223e9cb65e5cb84bcade7d2bd29f520cc Mon Sep 17 00:00:00 2001
From: XiongAmao <onycat@live.cn>
Date: Sun, 17 Jul 2022 23:53:24 +0800
Subject: [PATCH 5/7] docs: update

---
 README-CN.md                    | 60 +++++++++++++++++++++++++++++++++
 README.md                       | 60 +++++++++++++++++++++++++++++++++
 docs/docs/guide/readme.md       | 59 ++++++++++++++++++++++++++++++++
 docs/docs/pt-BR/guide/readme.md | 60 +++++++++++++++++++++++++++++++++
 docs/docs/zh/guide/readme.md    | 58 +++++++++++++++++++++++++++++++
 5 files changed, 297 insertions(+)

diff --git a/README-CN.md b/README-CN.md
index 9174df8..b01fce5 100644
--- a/README-CN.md
+++ b/README-CN.md
@@ -287,6 +287,66 @@ export default defineComponent({
 
 参考：[插槽 - Vue.js](https://staging-cn.vuejs.org/guide/components/slots.html)
 
+### 组合式函数 Composables
+
+> Added in `v1.7.0`
+
+`useEasyLightbox` 提供了一些简单的方法和state，方便你使用`setup()`。
+这个composable是可选的。你可以自定义自己的状态和方法。
+
+Usage:
+
+```html
+<template>
+  <div>
+    <button @click="show">show</button>
+    <vue-easy-lightbox
+      :visible="visibleRef"
+      :imgs="imgsRef"
+      :index="indexRef"
+      @hide="onHide"
+    />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import VueEasyLightbox, { useEasyLightbox } from 'vue-easy-lightbox'
+
+export default defineComponent({
+  components: {
+    VueEasyLightbox
+  },
+  setup() {
+    const {
+      // methods
+      show, onHide, changeIndex,
+      // refs
+      visibleRef, indexRef, imgsRef
+    } = useEasyLightbox({
+      // src / src[]
+      imgs: [
+        'http://via.placeholder.com/250x150',
+        'http://via.placeholder.com/300x150',
+        'http://via.placeholder.com/350x150'
+      ],
+      // initial index
+      initIndex: 0
+    })
+
+    return {
+      visibleRef,
+      indexRef,
+      imgsRef,
+      show,
+      onHide
+    }
+  }
+})
+</script>
+```
+
+
 ## 配置项
 
 Props
diff --git a/README.md b/README.md
index 6ec6ac0..e5b5395 100644
--- a/README.md
+++ b/README.md
@@ -288,6 +288,66 @@ export default defineComponent({
 
 Reference: [Slots](https://vuejs.org/guide/components/slots.html)
 
+### Composables
+
+> Added in `v1.7.0`
+
+`useEasyLightbox` provides some simple methods and states to help you use `setup()`.
+It is optional. You can customize your state.
+
+Usage:
+
+```html
+<template>
+  <div>
+    <button @click="show">show</button>
+    <vue-easy-lightbox
+      :visible="visibleRef"
+      :imgs="imgsRef"
+      :index="indexRef"
+      @hide="onHide"
+    />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import VueEasyLightbox, { useEasyLightbox } from 'vue-easy-lightbox'
+
+export default defineComponent({
+  components: {
+    VueEasyLightbox
+  },
+  setup() {
+    const {
+      // methods
+      show, onHide, changeIndex,
+      // refs
+      visibleRef, indexRef, imgsRef
+    } = useEasyLightbox({
+      // src / src[]
+      imgs: [
+        'http://via.placeholder.com/250x150',
+        'http://via.placeholder.com/300x150',
+        'http://via.placeholder.com/350x150'
+      ],
+      // initial index
+      initIndex: 0
+    })
+
+    return {
+      visibleRef,
+      indexRef,
+      imgsRef,
+      show,
+      onHide
+    }
+  }
+})
+</script>
+```
+
+
 ## Options
 
 Props
diff --git a/docs/docs/guide/readme.md b/docs/docs/guide/readme.md
index d0e3046..bd56a38 100644
--- a/docs/docs/guide/readme.md
+++ b/docs/docs/guide/readme.md
@@ -286,6 +286,65 @@ export default defineComponent({
 
 Reference: [Slots-Vue.js](https://vuejs.org/guide/components/slots.html)
 
+### Composables
+
+> Added in `v1.7.0`
+
+`useEasyLightbox()` provides some simple methods and states to help you use `setup()`.
+It is optional. You can customize your state.
+
+Usage:
+
+```html
+<template>
+  <div>
+    <button @click="show">show</button>
+    <vue-easy-lightbox
+      :visible="visibleRef"
+      :imgs="imgsRef"
+      :index="indexRef"
+      @hide="onHide"
+    />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import VueEasyLightbox, { useEasyLightbox } from 'vue-easy-lightbox'
+
+export default defineComponent({
+  components: {
+    VueEasyLightbox
+  },
+  setup() {
+    const {
+      // methods
+      show, onHide, changeIndex,
+      // refs
+      visibleRef, indexRef, imgsRef
+    } = useEasyLightbox({
+      // src / src[]
+      imgs: [
+        'http://via.placeholder.com/250x150',
+        'http://via.placeholder.com/300x150',
+        'http://via.placeholder.com/350x150'
+      ],
+      // initial index
+      initIndex: 0
+    })
+
+    return {
+      visibleRef,
+      indexRef,
+      imgsRef,
+      show,
+      onHide
+    }
+  }
+})
+</script>
+```
+
 ## Options
 
 ### Props
diff --git a/docs/docs/pt-BR/guide/readme.md b/docs/docs/pt-BR/guide/readme.md
index 3a4fde2..a7ddad5 100644
--- a/docs/docs/pt-BR/guide/readme.md
+++ b/docs/docs/pt-BR/guide/readme.md
@@ -287,6 +287,66 @@ export default defineComponent({
 
 Referência: [Slots-Vue.js](https://vuejs.org/guide/components/slots.html)
 
+
+### Composables
+
+> Added in `v1.7.0`
+
+O `useEasyLightbox` fornece alguns métodos e estados simples para ajudá-lo a utilizar o `setup()`.
+Isto é opcional. Você pode personalizar seu estado.
+
+Usage:
+
+```html
+<template>
+  <div>
+    <button @click="show">show</button>
+    <vue-easy-lightbox
+      :visible="visibleRef"
+      :imgs="imgsRef"
+      :index="indexRef"
+      @hide="onHide"
+    />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import VueEasyLightbox, { useEasyLightbox } from 'vue-easy-lightbox'
+
+export default defineComponent({
+  components: {
+    VueEasyLightbox
+  },
+  setup() {
+    const {
+      // methods
+      show, onHide, changeIndex,
+      // refs
+      visibleRef, indexRef, imgsRef
+    } = useEasyLightbox({
+      // src / src[]
+      imgs: [
+        'http://via.placeholder.com/250x150',
+        'http://via.placeholder.com/300x150',
+        'http://via.placeholder.com/350x150'
+      ],
+      // initial index
+      initIndex: 0
+    })
+
+    return {
+      visibleRef,
+      indexRef,
+      imgsRef,
+      show,
+      onHide
+    }
+  }
+})
+</script>
+```
+
 ## Opções
 
 ### Props
diff --git a/docs/docs/zh/guide/readme.md b/docs/docs/zh/guide/readme.md
index 7a901f3..8b1ea7c 100644
--- a/docs/docs/zh/guide/readme.md
+++ b/docs/docs/zh/guide/readme.md
@@ -286,6 +286,64 @@ export default defineComponent({
 
 参考：[插槽 - Vue.js](https://staging-cn.vuejs.org/guide/components/slots.html)
 
+### 组合式函数 Composables
+
+> Added in `v1.7.0`
+
+`useEasyLightbox` 提供了一些简单的方法和state，方便你使用`setup()`。
+这个composable是可选的。你可以自定义自己的状态和方法。
+
+Usage:
+
+```html
+<template>
+  <div>
+    <button @click="show">show</button>
+    <vue-easy-lightbox
+      :visible="visibleRef"
+      :imgs="imgsRef"
+      :index="indexRef"
+      @hide="onHide"
+    />
+  </div>
+</template>
+
+<script>
+import { defineComponent } from 'vue'
+import VueEasyLightbox, { useEasyLightbox } from 'vue-easy-lightbox'
+
+export default defineComponent({
+  components: {
+    VueEasyLightbox
+  },
+  setup() {
+    const {
+      // methods
+      show, onHide, changeIndex,
+      // refs
+      visibleRef, indexRef, imgsRef
+    } = useEasyLightbox({
+      // src / src[]
+      imgs: [
+        'http://via.placeholder.com/250x150',
+        'http://via.placeholder.com/300x150',
+        'http://via.placeholder.com/350x150'
+      ],
+      // initial index
+      initIndex: 0
+    })
+
+    return {
+      visibleRef,
+      indexRef,
+      imgsRef,
+      show,
+      onHide
+    }
+  }
+})
+</script>
+```
 
 ## 配置项
 

From 9de18cde1634517e3c9c6ff7b47095ee0e5b8be3 Mon Sep 17 00:00:00 2001
From: XiongAmao <onycat@live.cn>
Date: Mon, 18 Jul 2022 11:14:34 +0800
Subject: [PATCH 6/7] docs: update

---
 README-CN.md                    | 29 +++++++++++++++++++++++++++++
 README.md                       | 30 ++++++++++++++++++++++++++++++
 docs/docs/guide/readme.md       | 30 ++++++++++++++++++++++++++++++
 docs/docs/pt-BR/guide/readme.md | 30 ++++++++++++++++++++++++++++++
 docs/docs/zh/guide/readme.md    | 30 ++++++++++++++++++++++++++++++
 5 files changed, 149 insertions(+)

diff --git a/README-CN.md b/README-CN.md
index b01fce5..87cf51b 100644
--- a/README-CN.md
+++ b/README-CN.md
@@ -346,6 +346,35 @@ export default defineComponent({
 </script>
 ```
 
+#### Type declaration
+
+```ts
+export interface Img {
+  src?: string
+  title?: string
+  alt?: string
+}
+export interface UseEasyLightboxOptions {
+  /**
+   * image src/Img or list of images src/Img
+   * @default ''
+   */
+  imgs: Img | string | (Img | string)[];
+  /**
+   * initial index of imgList
+   * @default 0
+   */
+  initIndex?: number;
+}
+export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => {
+  imgsRef: Ref<Img | string | (Img | string)[]>;
+  indexRef: Ref<number | undefined>;
+  visibleRef: Ref<boolean>;
+  show: (index?: number | undefined) => void;
+  onHide: () => void;
+  changeIndex: (index?: number | undefined) => void;
+};
+```
 
 ## 配置项
 
diff --git a/README.md b/README.md
index e5b5395..14fbf5e 100644
--- a/README.md
+++ b/README.md
@@ -347,6 +347,36 @@ export default defineComponent({
 </script>
 ```
 
+#### Type declaration
+
+```ts
+export interface Img {
+  src?: string
+  title?: string
+  alt?: string
+}
+export interface UseEasyLightboxOptions {
+  /**
+   * image src/Img or list of images src/Img
+   * @default ''
+   */
+  imgs: Img | string | (Img | string)[];
+  /**
+   * initial index of imgList
+   * @default 0
+   */
+  initIndex?: number;
+}
+export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => {
+  imgsRef: Ref<Img | string | (Img | string)[]>;
+  indexRef: Ref<number | undefined>;
+  visibleRef: Ref<boolean>;
+  show: (index?: number | undefined) => void;
+  onHide: () => void;
+  changeIndex: (index?: number | undefined) => void;
+};
+```
+
 
 ## Options
 
diff --git a/docs/docs/guide/readme.md b/docs/docs/guide/readme.md
index bd56a38..773bf01 100644
--- a/docs/docs/guide/readme.md
+++ b/docs/docs/guide/readme.md
@@ -345,6 +345,36 @@ export default defineComponent({
 </script>
 ```
 
+#### Type declaration
+
+```ts
+export interface Img {
+  src?: string
+  title?: string
+  alt?: string
+}
+export interface UseEasyLightboxOptions {
+  /**
+   * image src/Img or list of images src/Img
+   * @default ''
+   */
+  imgs: Img | string | (Img | string)[];
+  /**
+   * initial index of imgList
+   * @default 0
+   */
+  initIndex?: number;
+}
+export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => {
+  imgsRef: Ref<Img | string | (Img | string)[]>;
+  indexRef: Ref<number | undefined>;
+  visibleRef: Ref<boolean>;
+  show: (index?: number | undefined) => void;
+  onHide: () => void;
+  changeIndex: (index?: number | undefined) => void;
+};
+```
+
 ## Options
 
 ### Props
diff --git a/docs/docs/pt-BR/guide/readme.md b/docs/docs/pt-BR/guide/readme.md
index a7ddad5..83d693a 100644
--- a/docs/docs/pt-BR/guide/readme.md
+++ b/docs/docs/pt-BR/guide/readme.md
@@ -347,6 +347,36 @@ export default defineComponent({
 </script>
 ```
 
+#### Type declaration
+
+```ts
+export interface Img {
+  src?: string
+  title?: string
+  alt?: string
+}
+export interface UseEasyLightboxOptions {
+  /**
+   * image src/Img or list of images src/Img
+   * @default ''
+   */
+  imgs: Img | string | (Img | string)[];
+  /**
+   * initial index of imgList
+   * @default 0
+   */
+  initIndex?: number;
+}
+export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => {
+  imgsRef: Ref<Img | string | (Img | string)[]>;
+  indexRef: Ref<number | undefined>;
+  visibleRef: Ref<boolean>;
+  show: (index?: number | undefined) => void;
+  onHide: () => void;
+  changeIndex: (index?: number | undefined) => void;
+};
+```
+
 ## Opções
 
 ### Props
diff --git a/docs/docs/zh/guide/readme.md b/docs/docs/zh/guide/readme.md
index 8b1ea7c..cd8f77d 100644
--- a/docs/docs/zh/guide/readme.md
+++ b/docs/docs/zh/guide/readme.md
@@ -345,6 +345,36 @@ export default defineComponent({
 </script>
 ```
 
+#### Type declaration
+
+```ts
+export interface Img {
+  src?: string
+  title?: string
+  alt?: string
+}
+export interface UseEasyLightboxOptions {
+  /**
+   * image src/Img or list of images src/Img
+   * @default ''
+   */
+  imgs: Img | string | (Img | string)[];
+  /**
+   * initial index of imgList
+   * @default 0
+   */
+  initIndex?: number;
+}
+export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => {
+  imgsRef: Ref<Img | string | (Img | string)[]>;
+  indexRef: Ref<number | undefined>;
+  visibleRef: Ref<boolean>;
+  show: (index?: number | undefined) => void;
+  onHide: () => void;
+  changeIndex: (index?: number | undefined) => void;
+};
+```
+
 ## 配置项
 
 ### Props

From 839f76f4b49ef18e3e50c9b4f2ca1b5d6b5cba1e Mon Sep 17 00:00:00 2001
From: XiongAmao <onycat@live.cn>
Date: Mon, 18 Jul 2022 11:17:11 +0800
Subject: [PATCH 7/7] release: v1.7.0

---
 CHANGELOG.md                                      | 4 ++++
 dist/external-css/vue-easy-lightbox.common.min.js | 2 +-
 dist/external-css/vue-easy-lightbox.esm.min.js    | 2 +-
 dist/external-css/vue-easy-lightbox.umd.min.js    | 2 +-
 dist/vue-easy-lightbox.common.min.js              | 2 +-
 dist/vue-easy-lightbox.esm.min.js                 | 2 +-
 dist/vue-easy-lightbox.umd.min.js                 | 2 +-
 package.json                                      | 2 +-
 8 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index aae6257..d242c6d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## [1.7.0] (18 July 2022)
+
+- Feat: Add composable `useEasyLightbox()` for `setup()`.
+
 ## [1.6.0] (15 July 2022)
 
 - Breaking Change: `ES5` bundles is removed.
diff --git a/dist/external-css/vue-easy-lightbox.common.min.js b/dist/external-css/vue-easy-lightbox.common.min.js
index 9134a87..f1b51af 100644
--- a/dist/external-css/vue-easy-lightbox.common.min.js
+++ b/dist/external-css/vue-easy-lightbox.common.min.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");!function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(n=t,a=e.document,r=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}l()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,l())});function l(){r||(r=!0,n())}var n,a,r,i}((function(){var e,o,l,n,a,r;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",l=o,(n=document.body).firstChild?(a=l,(r=n.firstChild).parentNode.insertBefore(a,r)):n.appendChild(l))}))}}();const t=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),o="undefined"!=typeof window,l=()=>{};let n=!1;if(o)try{const e={};Object.defineProperty(e,"passive",{get(){n=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const a=function(e,t,l){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];o&&e.addEventListener(t,l,!!n&&{capture:!1,passive:a})},r=(e,t,l)=>{o&&e.removeEventListener(t,l)},i=e=>{e.preventDefault()},c=Object.prototype.toString,s=e=>t=>c.call(t).slice(8,-1)===e;const d=e=>!!e&&s("String")(e);function u(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:o=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:o.zoomIn},[e.createVNode(t,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:o.zoomOut},[e.createVNode(t,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:o.resize},[e.createVNode(t,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateLeft},[e.createVNode(t,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateRight},[e.createVNode(t,{type:"rotate-right"},null)])])}),g=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),p=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(t,{type:"img-broken"},null)]),m=(t,o)=>{let{slots:l}=o;return e.createVNode("div",{class:"vel-img-title"},[l.default?l.default():""])},b=o?window:global;let f=Date.now();function h(e){const t=Date.now(),o=Math.max(0,16-(t-f)),l=setTimeout(e,o);return f=t+o,l}function y(e){return(b.requestAnimationFrame||h).call(b,e)}function z(e){(b.cancelAnimationFrame||b.clearTimeout).call(b,e)}function w(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function x(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function N(e){return(e=>!!e&&s("Object")(e))(e)&&d(e.src)}var V=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(o,l){let{emit:n,slots:c}=l;const{imgRef:b,imgState:f,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:l,naturalWidth:n}=t.value;o.maxScale=n/e,o.width=e,o.height=l}}}})(),V=e.ref(0),M=e.ref(""),L=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),S=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=o.imgs,s("Array")(e)?o.imgs.map((e=>"string"==typeof e?{src:e}:N(e)?e:void 0)).filter(u):d(o.imgs)?[{src:o.imgs}]:[];var e})),k=e.computed((()=>{var e;return null===(e=C.value[V.value])||void 0===e?void 0:e.src})),D=e.computed((()=>{var e;return null===(e=C.value[V.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[V.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:S.loadError?"default":o.moveDisabled?S.dragging?"grabbing":"grab":"move",top:`calc(50% + ${L.top}px)`,left:`calc(50% + ${L.left}px)`,transition:S.dragging||S.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${L.scale}) rotate(${L.rotateDeg}deg)`}))),E=()=>{n("hide")},X=()=>{L.scale=1,L.lastScale=1,L.rotateDeg=0,L.top=0,L.left=0,S.loadError=!1,S.dragging=!1,S.loading=!0},B=(t,l)=>{const a=V.value;X(),V.value=t,C.value[V.value]===C.value[t]&&e.nextTick((()=>{S.loading=!1})),o.visible&&a!==t&&(l&&l(a,t),n("on-index-change",a,t))},_=()=>{const e=V.value,t=o.loop?(e+1)%C.value.length:e+1;!o.loop&&t>C.value.length-1||B(t,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},O=()=>{const e=V.value;let t=e-1;if(0===e){if(!o.loop)return;t=C.value.length-1}B(t,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},A=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),L.lastScale=L.scale,L.scale=e},j=()=>{const e=L.scale+.12;e<3*f.maxScale&&A(e)},H=()=>{const e=L.scale-(L.scale<.7?.1:.12);e>.1&&A(e)},I=()=>{L.rotateDeg-=90},R=()=>{L.rotateDeg+=90},F=()=>{L.scale=1,L.top=0,L.left=0},P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!o.moveDisabled&&0===e},{onMouseDown:$,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let l,n=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,n=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&z(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=y((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+a.clientY,e.left=o-r+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(L,S,P),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,l)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:l}=e;l.length>1?(o.gesturing=!0,t.touches=l):(t.initX=t.lastX=l[0].clientX,t.initY=t.lastY=l[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:r=>{if(a)return;const{touches:i}=r,{lastX:c,lastY:s,left:d,top:u,scale:v}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];l()?n=y((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(n=y((()=>{const o=(w(t.touches[0],t.touches[1])-w(i[0],i[1]))/e.width;t.touches=i;const l=v-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),a=!1})))},onTouchEnd:()=>{z(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,L,S,P),K=()=>{L.scale!==f.maxScale?(L.lastScale=L.scale,L.scale=f.maxScale):L.scale=L.lastScale},Q=e=>{S.loadError||S.gesturing||S.loading||S.dragging||S.wheeling||!o.scrollDisabled||(S.wheeling=!0,setTimeout((()=>{S.wheeling=!1}),80),e.deltaY<0?j():H())},Z=e=>{const t=e;o.visible&&(!o.escDisabled&&"Escape"===t.key&&o.visible&&E(),"ArrowLeft"===t.key&&(o.rtl?_():O()),"ArrowRight"===t.key&&(o.rtl?O():_()))},ee=()=>{o.maskClosable&&E()},te=()=>{h()},oe=()=>{S.loading=!1},le=e=>{S.loading=!1,S.loadError=!0,n("on-error",e)},ne=()=>{o.visible&&h()};e.watch((()=>o.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>S.dragging),((e,t)=>{const l=!e&&t;if(!P()&&l){const e=L.lastX-L.initX,t=L.lastY-L.initY,l=o.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*l?_():e>l&&O())}})),e.watch((()=>o.visible),(t=>{if(t){X();const t=C.value.length;if(0===t)return V.value=0,S.loading=!1,void e.nextTick((()=>S.loadError=!0));V.value=o.index>=t?t-1:o.index<0?0:o.index,o.scrollDisabled&&ae()}else o.scrollDisabled&&re()}));const ae=()=>{document&&(M.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},re=()=>{document&&(document.body.style.overflowY=M.value)};e.onMounted((()=>{a(document,"keydown",Z),a(window,"resize",ne)})),e.onBeforeUnmount((()=>{r(document,"keydown",Z),r(window,"resize",ne)}));const ie=()=>S.loading?c.loading?c.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):S.loadError?c.onerror?c.onerror({key:"onerror"}):e.createVNode(p,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:b,draggable:"false",class:"vel-img",src:k.value,onMousedown:$,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),ce=()=>{if(c["prev-btn"])return c["prev-btn"]({prev:O});if(C.value.length<=1)return;const l=!o.loop&&V.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:O},[o.rtl?e.createVNode(t,{type:"next"},null):e.createVNode(t,{type:"prev"},null)])},se=()=>{if(c["next-btn"])return c["next-btn"]({next:_});if(C.value.length<=1)return;const l=!o.loop&&V.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:_},[o.rtl?e.createVNode(t,{type:"prev"},null):e.createVNode(t,{type:"next"},null)])},de=()=>{if(D.value&&!o.titleDisabled&&!S.loading&&!S.loadError)return c.title?c.title():e.createVNode(m,null,{default:()=>[D.value]})},ue=()=>{let l;if(o.visible)return e.createVNode("div",{onTouchmove:i,class:["vel-modal",o.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},x(l=ie())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:k.value,onError:le,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[ce(),se(),de(),c["close-btn"]?c["close-btn"]({close:E}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:E},[e.createVNode(t,{type:"close"},null)]),c.toolbar?c.toolbar({toolbarMethods:{zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F},zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F}):e.createVNode(v,{zoomIn:j,zoomOut:H,resize:F,rotateLeft:I,rotateRight:R},null)])])};return()=>{let t;if(o.teleport){let t;return e.createVNode(e.Teleport,{to:o.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})}}});const M=V;M.install=e=>{e.component(V.name,V)},exports.default=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");!function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(n=t,a=e.document,i=!1,(r=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(r,50)}l()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,l())});function l(){i||(i=!0,n())}var n,a,i,r}((function(){var e,o,l,n,a,i;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",l=o,(n=document.body).firstChild?(a=l,(i=n.firstChild).parentNode.insertBefore(a,i)):n.appendChild(l))}))}}();const t=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),o="undefined"!=typeof window,l=()=>{};let n=!1;if(o)try{const e={};Object.defineProperty(e,"passive",{get(){n=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const a=function(e,t,l){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];o&&e.addEventListener(t,l,!!n&&{capture:!1,passive:a})},i=(e,t,l)=>{o&&e.removeEventListener(t,l)},r=e=>{e.preventDefault()},c=Object.prototype.toString,s=e=>t=>c.call(t).slice(8,-1)===e;const d=e=>!!e&&s("String")(e);function u(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:o=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:o.zoomIn},[e.createVNode(t,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:o.zoomOut},[e.createVNode(t,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:o.resize},[e.createVNode(t,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateLeft},[e.createVNode(t,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateRight},[e.createVNode(t,{type:"rotate-right"},null)])])}),g=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),m=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(t,{type:"img-broken"},null)]),p=(t,o)=>{let{slots:l}=o;return e.createVNode("div",{class:"vel-img-title"},[l.default?l.default():""])},b=o?window:global;let f=Date.now();function h(e){const t=Date.now(),o=Math.max(0,16-(t-f)),l=setTimeout(e,o);return f=t+o,l}function y(e){return(b.requestAnimationFrame||h).call(b,e)}function z(e){(b.cancelAnimationFrame||b.clearTimeout).call(b,e)}function w(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function x(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function N(e){return(e=>!!e&&s("Object")(e))(e)&&d(e.src)}var V=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(o,l){let{emit:n,slots:c}=l;const{imgRef:b,imgState:f,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:l,naturalWidth:n}=t.value;o.maxScale=n/e,o.width=e,o.height=l}}}})(),V=e.ref(0),M=e.ref(""),L=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),S=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=o.imgs,s("Array")(e)?o.imgs.map((e=>"string"==typeof e?{src:e}:N(e)?e:void 0)).filter(u):d(o.imgs)?[{src:o.imgs}]:[];var e})),k=e.computed((()=>{var e;return null===(e=C.value[V.value])||void 0===e?void 0:e.src})),D=e.computed((()=>{var e;return null===(e=C.value[V.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[V.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:S.loadError?"default":o.moveDisabled?S.dragging?"grabbing":"grab":"move",top:`calc(50% + ${L.top}px)`,left:`calc(50% + ${L.left}px)`,transition:S.dragging||S.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${L.scale}) rotate(${L.rotateDeg}deg)`}))),E=()=>{n("hide")},X=()=>{L.scale=1,L.lastScale=1,L.rotateDeg=0,L.top=0,L.left=0,S.loadError=!1,S.dragging=!1,S.loading=!0},B=(t,l)=>{const a=V.value;X(),V.value=t,C.value[V.value]===C.value[t]&&e.nextTick((()=>{S.loading=!1})),o.visible&&a!==t&&(l&&l(a,t),n("on-index-change",a,t))},_=()=>{const e=V.value,t=o.loop?(e+1)%C.value.length:e+1;!o.loop&&t>C.value.length-1||B(t,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},O=()=>{const e=V.value;let t=e-1;if(0===e){if(!o.loop)return;t=C.value.length-1}B(t,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},R=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),L.lastScale=L.scale,L.scale=e},I=()=>{const e=L.scale+.12;e<3*f.maxScale&&R(e)},j=()=>{const e=L.scale-(L.scale<.7?.1:.12);e>.1&&R(e)},A=()=>{L.rotateDeg-=90},H=()=>{L.rotateDeg+=90},F=()=>{L.scale=1,L.top=0,L.left=0},P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!o.moveDisabled&&0===e},{onMouseDown:$,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let l,n=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,n=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&z(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=y((()=>{const{top:t,left:o,lastY:l,lastX:i}=e;e.top=t-l+a.clientY,e.left=o-i+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(L,S,P),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,l)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:l}=e;l.length>1?(o.gesturing=!0,t.touches=l):(t.initX=t.lastX=l[0].clientX,t.initY=t.lastY=l[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:i=>{if(a)return;const{touches:r}=i,{lastX:c,lastY:s,left:d,top:u,scale:v}=t;if(!o.gesturing&&o.dragging){if(!r[0])return;const{clientX:e,clientY:o}=r[0];l()?n=y((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&r.length>1&&(n=y((()=>{const o=(w(t.touches[0],t.touches[1])-w(r[0],r[1]))/e.width;t.touches=r;const l=v-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),a=!1})))},onTouchEnd:()=>{z(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,L,S,P),K=()=>{L.scale!==f.maxScale?(L.lastScale=L.scale,L.scale=f.maxScale):L.scale=L.lastScale},Q=e=>{S.loadError||S.gesturing||S.loading||S.dragging||S.wheeling||!o.scrollDisabled||(S.wheeling=!0,setTimeout((()=>{S.wheeling=!1}),80),e.deltaY<0?I():j())},Z=e=>{const t=e;o.visible&&(!o.escDisabled&&"Escape"===t.key&&o.visible&&E(),"ArrowLeft"===t.key&&(o.rtl?_():O()),"ArrowRight"===t.key&&(o.rtl?O():_()))},ee=()=>{o.maskClosable&&E()},te=()=>{h()},oe=()=>{S.loading=!1},le=e=>{S.loading=!1,S.loadError=!0,n("on-error",e)},ne=()=>{o.visible&&h()};e.watch((()=>o.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>S.dragging),((e,t)=>{const l=!e&&t;if(!P()&&l){const e=L.lastX-L.initX,t=L.lastY-L.initY,l=o.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*l?_():e>l&&O())}})),e.watch((()=>o.visible),(t=>{if(t){X();const t=C.value.length;if(0===t)return V.value=0,S.loading=!1,void e.nextTick((()=>S.loadError=!0));V.value=o.index>=t?t-1:o.index<0?0:o.index,o.scrollDisabled&&ae()}else o.scrollDisabled&&ie()}));const ae=()=>{document&&(M.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ie=()=>{document&&(document.body.style.overflowY=M.value)};e.onMounted((()=>{a(document,"keydown",Z),a(window,"resize",ne)})),e.onBeforeUnmount((()=>{i(document,"keydown",Z),i(window,"resize",ne)}));const re=()=>S.loading?c.loading?c.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):S.loadError?c.onerror?c.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:b,draggable:"false",class:"vel-img",src:k.value,onMousedown:$,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),ce=()=>{if(c["prev-btn"])return c["prev-btn"]({prev:O});if(C.value.length<=1)return;const l=!o.loop&&V.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:O},[o.rtl?e.createVNode(t,{type:"next"},null):e.createVNode(t,{type:"prev"},null)])},se=()=>{if(c["next-btn"])return c["next-btn"]({next:_});if(C.value.length<=1)return;const l=!o.loop&&V.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:_},[o.rtl?e.createVNode(t,{type:"prev"},null):e.createVNode(t,{type:"next"},null)])},de=()=>{if(D.value&&!o.titleDisabled&&!S.loading&&!S.loadError)return c.title?c.title():e.createVNode(p,null,{default:()=>[D.value]})},ue=()=>{let l;if(o.visible)return e.createVNode("div",{onTouchmove:r,class:["vel-modal",o.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},x(l=re())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:k.value,onError:le,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[ce(),se(),de(),c["close-btn"]?c["close-btn"]({close:E}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:E},[e.createVNode(t,{type:"close"},null)]),c.toolbar?c.toolbar({toolbarMethods:{zoomIn:I,zoomOut:j,rotate:A,rotateLeft:A,rotateRight:H,resize:F},zoomIn:I,zoomOut:j,rotate:A,rotateLeft:A,rotateRight:H,resize:F}):e.createVNode(v,{zoomIn:I,zoomOut:j,resize:F,rotateLeft:A,rotateRight:H},null)])])};return()=>{let t;if(o.teleport){let t;return e.createVNode(e.Teleport,{to:o.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})}}});const M=Object.assign(V,{install:e=>{e.component(V.name,V)}});exports.default=M,exports.useEasyLightbox=t=>{const{imgs:o="",initIndex:l}=t,n=e.ref(o),a=e.ref(l),i=e.ref(!1),r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e};return{imgsRef:n,indexRef:a,visibleRef:i,show:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;r(e),i.value=!0},onHide:()=>{i.value=!1},changeIndex:r}};
diff --git a/dist/external-css/vue-easy-lightbox.esm.min.js b/dist/external-css/vue-easy-lightbox.esm.min.js
index fac26a7..83cbc2c 100644
--- a/dist/external-css/vue-easy-lightbox.esm.min.js
+++ b/dist/external-css/vue-easy-lightbox.esm.min.js
@@ -1 +1 @@
-import{defineComponent as e,createVNode as t,ref as l,reactive as o,computed as n,watch as a,nextTick as i,onMounted as r,onBeforeUnmount as c,Teleport as s,Transition as u,isVNode as d,withModifiers as v}from"vue";!function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),t()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(n=t,a=e.document,i=!1,(r=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(r,50)}o()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,o())});function o(){i||(i=!0,n())}var n,a,i,r}((function(){var e,l,o,n,a,i;(e=document.createElement("div")).innerHTML=t,t=null,(l=e.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",o=l,(n=document.body).firstChild?(a=o,(i=n.firstChild).parentNode.insertBefore(a,i)):n.appendChild(o))}))}}();const g=e({name:"SvgIcon",props:{type:{type:String,default:""}},setup:e=>()=>t("svg",{class:"vel-icon icon","aria-hidden":"true"},[t("use",{"xlink:href":`#icon-${e.type}`},null)])}),m="undefined"!=typeof window,p=()=>{};let b=!1;if(m)try{const e={};Object.defineProperty(e,"passive",{get(){b=!0}}),window.addEventListener("test-passive",p,e)}catch(e){}const f=function(e,t,l){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];m&&e.addEventListener(t,l,!!b&&{capture:!1,passive:o})},h=(e,t,l)=>{m&&e.removeEventListener(t,l)},y=e=>{e.preventDefault()},z=Object.prototype.toString,w=e=>t=>z.call(t).slice(8,-1)===e;const x=e=>!!e&&w("String")(e);function M(e){return null!=e}const L=e({name:"Toolbar",props:{zoomIn:{type:Function,default:p},zoomOut:{type:Function,default:p},rotateLeft:{type:Function,default:p},rotateRight:{type:Function,default:p},resize:{type:Function,default:p}},setup:e=>()=>t("div",{class:"vel-toolbar"},[t("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:e.zoomIn},[t(g,{type:"zoomin"},null)]),t("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:e.zoomOut},[t(g,{type:"zoomout"},null)]),t("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:e.resize},[t(g,{type:"resize"},null)]),t("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateLeft},[t(g,{type:"rotate-left"},null)]),t("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateRight},[t(g,{type:"rotate-right"},null)])])}),S=()=>t("div",{class:"vel-loading"},[t("div",{class:"ring"},null)]),k=()=>t("div",{class:"vel-on-error"},[t("div",{class:"ring"},null),t(g,{type:"img-broken"},null)]),C=(e,l)=>{let{slots:o}=l;return t("div",{class:"vel-img-title"},[o.default?o.default():""])},D=m?window:global;let Y=Date.now();function E(e){const t=Date.now(),l=Math.max(0,16-(t-Y)),o=setTimeout(e,l);return Y=t+l,o}function X(e){return(D.requestAnimationFrame||E).call(D,e)}function T(e){(D.cancelAnimationFrame||D.clearTimeout).call(D,e)}function B(e,t){const l=e.clientX-t.clientX,o=e.clientY-t.clientY;return Math.sqrt(l*l+o*o)}function _(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!d(e)}function O(e){return(e=>!!e&&w("Object")(e))(e)&&x(e.src)}var A=e({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(e,d){let{emit:m,slots:p}=d;const{imgRef:b,imgState:z,setImgSize:D}=(()=>{const e=l(),t=o({width:0,height:0,maxScale:1});return{imgRef:e,imgState:t,setImgSize:()=>{if(e.value){const{width:l,height:o,naturalWidth:n}=e.value;t.maxScale=n/l,t.width=l,t.height=o}}}})(),Y=l(0),E=l(""),A=o({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),H=o({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),I=n((()=>{return t=e.imgs,w("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:O(e)?e:void 0)).filter(M):x(e.imgs)?[{src:e.imgs}]:[];var t})),R=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.src})),j=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.title})),F=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.alt})),$=n((()=>({cursor:H.loadError?"default":e.moveDisabled?H.dragging?"grabbing":"grab":"move",top:`calc(50% + ${A.top}px)`,left:`calc(50% + ${A.left}px)`,transition:H.dragging||H.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${A.scale}) rotate(${A.rotateDeg}deg)`}))),N=()=>{m("hide")},P=()=>{A.scale=1,A.lastScale=1,A.rotateDeg=0,A.top=0,A.left=0,H.loadError=!1,H.dragging=!1,H.loading=!0},V=(t,l)=>{const o=Y.value;P(),Y.value=t,I.value[Y.value]===I.value[t]&&i((()=>{H.loading=!1})),e.visible&&o!==t&&(l&&l(o,t),m("on-index-change",o,t))},q=()=>{const t=Y.value,l=e.loop?(t+1)%I.value.length:t+1;!e.loop&&l>I.value.length-1||V(l,((e,t)=>{m("on-next",e,t),m("on-next-click",e,t)}))},U=()=>{const t=Y.value;let l=t-1;if(0===t){if(!e.loop)return;l=I.value.length-1}V(l,((e,t)=>{m("on-prev",e,t),m("on-prev-click",e,t)}))},W=e=>{Math.abs(1-e)<.05?e=1:Math.abs(z.maxScale-e)<.05&&(e=z.maxScale),A.lastScale=A.scale,A.scale=e},G=()=>{const e=A.scale+.12;e<3*z.maxScale&&W(e)},J=()=>{const e=A.scale-(A.scale<.7?.1:.12);e>.1&&W(e)},K=()=>{A.rotateDeg-=90},Q=()=>{A.rotateDeg+=90},Z=()=>{A.scale=1,A.top=0,A.left=0},ee=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:te,onMouseMove:le,onMouseUp:oe}=((e,t,l)=>{let o,n=!1;return{onMouseDown:l=>{e.initX=e.lastX=l.clientX,e.initY=e.lastY=l.clientY,t.dragging=!0,n=!1,l.stopPropagation()},onMouseUp:e=>{l(e.button)&&T(o),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(l(a.button)){if(n)return;n=!0,o=X((()=>{const{top:t,left:l,lastY:o,lastX:i}=e;e.top=t-o+a.clientY,e.left=l-i+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(A,H,ee),{onTouchStart:ne,onTouchMove:ae,onTouchEnd:ie}=((e,t,l,o)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:o}=e;o.length>1?(l.gesturing=!0,t.touches=o):(t.initX=t.lastX=o[0].clientX,t.initY=t.lastY=o[0].clientY,l.dragging=!0),e.stopPropagation()},onTouchMove:i=>{if(a)return;const{touches:r}=i,{lastX:c,lastY:s,left:u,top:d,scale:v}=t;if(!l.gesturing&&l.dragging){if(!r[0])return;const{clientX:e,clientY:l}=r[0];o()?n=X((()=>{t.lastX=e,t.lastY=l,t.top=d-s+l,t.left=u-c+e,a=!1})):(t.lastX=e,t.lastY=l)}else l.gesturing&&t.touches.length>1&&r.length>1&&(n=X((()=>{const l=(B(t.touches[0],t.touches[1])-B(r[0],r[1]))/e.width;t.touches=r;const o=v-1.3*l;o>.5&&o<1.5*e.maxScale&&(t.scale=o),a=!1})))},onTouchEnd:()=>{T(n),l.dragging=!1,l.gesturing=!1,a=!1}}})(z,A,H,ee),re=()=>{A.scale!==z.maxScale?(A.lastScale=A.scale,A.scale=z.maxScale):A.scale=A.lastScale},ce=t=>{H.loadError||H.gesturing||H.loading||H.dragging||H.wheeling||!e.scrollDisabled||(H.wheeling=!0,setTimeout((()=>{H.wheeling=!1}),80),t.deltaY<0?G():J())},se=t=>{const l=t;e.visible&&(!e.escDisabled&&"Escape"===l.key&&e.visible&&N(),"ArrowLeft"===l.key&&(e.rtl?q():U()),"ArrowRight"===l.key&&(e.rtl?U():q()))},ue=()=>{e.maskClosable&&N()},de=()=>{D()},ve=()=>{H.loading=!1},ge=e=>{H.loading=!1,H.loadError=!0,m("on-error",e)},me=()=>{e.visible&&D()};a((()=>e.index),(e=>{e<0||e>=I.value.length||V(e)})),a((()=>H.dragging),((t,l)=>{const o=!t&&l;if(!ee()&&o){const t=A.lastX-A.initX,l=A.lastY-A.initY,o=e.swipeTolerance;Math.abs(t)>Math.abs(l)&&(t<-1*o?q():t>o&&U())}})),a((()=>e.visible),(t=>{if(t){P();const t=I.value.length;if(0===t)return Y.value=0,H.loading=!1,void i((()=>H.loadError=!0));Y.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&pe()}else e.scrollDisabled&&be()}));const pe=()=>{document&&(E.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},be=()=>{document&&(document.body.style.overflowY=E.value)};r((()=>{f(document,"keydown",se),f(window,"resize",me)})),c((()=>{h(document,"keydown",se),h(window,"resize",me)}));const fe=()=>H.loading?p.loading?p.loading({key:"loading"}):t(S,{key:"img-loading"},null):H.loadError?p.onerror?p.onerror({key:"onerror"}):t(k,{key:"img-on-error"},null):t("div",{class:"vel-img-wrapper",style:$.value,key:"img-wrapper"},[t("img",{alt:F.value,ref:b,draggable:"false",class:"vel-img",src:R.value,onMousedown:te,onMouseup:oe,onMousemove:le,onTouchstart:ne,onTouchmove:ae,onTouchend:ie,onLoad:de,onDblclick:re,onDragstart:e=>{e.preventDefault()}},null)]),he=()=>{if(p["prev-btn"])return p["prev-btn"]({prev:U});if(I.value.length<=1)return;const l=!e.loop&&Y.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:U},[e.rtl?t(g,{type:"next"},null):t(g,{type:"prev"},null)])},ye=()=>{if(p["next-btn"])return p["next-btn"]({next:q});if(I.value.length<=1)return;const l=!e.loop&&Y.value>=I.value.length-1;return t("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:q},[e.rtl?t(g,{type:"prev"},null):t(g,{type:"next"},null)])},ze=()=>{if(j.value&&!e.titleDisabled&&!H.loading&&!H.loadError)return p.title?p.title():t(C,null,{default:()=>[j.value]})},we=()=>{let l;if(e.visible)return t("div",{onTouchmove:y,class:["vel-modal",e.rtl?"is-rtl":""],onClick:v(ue,["self"]),onWheel:ce},[t(u,{name:"vel-fade",mode:"out-in"},_(l=fe())?l:{default:()=>[l]}),t("img",{style:"display:none;",src:R.value,onError:ge,onLoad:ve},null),t("div",{class:"vel-btns-wrapper"},[he(),ye(),ze(),p["close-btn"]?p["close-btn"]({close:N}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:N},[t(g,{type:"close"},null)]),p.toolbar?p.toolbar({toolbarMethods:{zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z},zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z}):t(L,{zoomIn:G,zoomOut:J,resize:Z,rotateLeft:K,rotateRight:Q},null)])])};return()=>{let l;if(e.teleport){let l;return t(s,{to:e.teleport},{default:()=>[t(u,{name:"vel-fade"},_(l=we())?l:{default:()=>[l]})]})}return t(u,{name:"vel-fade"},_(l=we())?l:{default:()=>[l]})}}});const H=A;H.install=e=>{e.component(A.name,A)};export{H as default};
+import{defineComponent as e,createVNode as t,ref as l,reactive as o,computed as n,watch as a,nextTick as i,onMounted as r,onBeforeUnmount as s,Teleport as c,Transition as u,isVNode as d,withModifiers as v}from"vue";!function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var l=function(){document.removeEventListener("DOMContentLoaded",l,!1),t()};document.addEventListener("DOMContentLoaded",l,!1)}else document.attachEvent&&(n=t,a=e.document,i=!1,(r=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(r,50)}o()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,o())});function o(){i||(i=!0,n())}var n,a,i,r}((function(){var e,l,o,n,a,i;(e=document.createElement("div")).innerHTML=t,t=null,(l=e.getElementsByTagName("svg")[0])&&(l.setAttribute("aria-hidden","true"),l.style.position="absolute",l.style.width=0,l.style.height=0,l.style.overflow="hidden",o=l,(n=document.body).firstChild?(a=o,(i=n.firstChild).parentNode.insertBefore(a,i)):n.appendChild(o))}))}}();const g=e({name:"SvgIcon",props:{type:{type:String,default:""}},setup:e=>()=>t("svg",{class:"vel-icon icon","aria-hidden":"true"},[t("use",{"xlink:href":`#icon-${e.type}`},null)])}),m="undefined"!=typeof window,p=()=>{};let b=!1;if(m)try{const e={};Object.defineProperty(e,"passive",{get(){b=!0}}),window.addEventListener("test-passive",p,e)}catch(e){}const f=function(e,t,l){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];m&&e.addEventListener(t,l,!!b&&{capture:!1,passive:o})},h=(e,t,l)=>{m&&e.removeEventListener(t,l)},y=e=>{e.preventDefault()},z=Object.prototype.toString,w=e=>t=>z.call(t).slice(8,-1)===e;const x=e=>!!e&&w("String")(e);function M(e){return null!=e}const L=e({name:"Toolbar",props:{zoomIn:{type:Function,default:p},zoomOut:{type:Function,default:p},rotateLeft:{type:Function,default:p},rotateRight:{type:Function,default:p},resize:{type:Function,default:p}},setup:e=>()=>t("div",{class:"vel-toolbar"},[t("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:e.zoomIn},[t(g,{type:"zoomin"},null)]),t("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:e.zoomOut},[t(g,{type:"zoomout"},null)]),t("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:e.resize},[t(g,{type:"resize"},null)]),t("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateLeft},[t(g,{type:"rotate-left"},null)]),t("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateRight},[t(g,{type:"rotate-right"},null)])])}),S=()=>t("div",{class:"vel-loading"},[t("div",{class:"ring"},null)]),k=()=>t("div",{class:"vel-on-error"},[t("div",{class:"ring"},null),t(g,{type:"img-broken"},null)]),C=(e,l)=>{let{slots:o}=l;return t("div",{class:"vel-img-title"},[o.default?o.default():""])},D=m?window:global;let Y=Date.now();function E(e){const t=Date.now(),l=Math.max(0,16-(t-Y)),o=setTimeout(e,l);return Y=t+l,o}function X(e){return(D.requestAnimationFrame||E).call(D,e)}function T(e){(D.cancelAnimationFrame||D.clearTimeout).call(D,e)}function B(e,t){const l=e.clientX-t.clientX,o=e.clientY-t.clientY;return Math.sqrt(l*l+o*o)}function _(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!d(e)}function O(e){return(e=>!!e&&w("Object")(e))(e)&&x(e.src)}var R=e({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(e,d){let{emit:m,slots:p}=d;const{imgRef:b,imgState:z,setImgSize:D}=(()=>{const e=l(),t=o({width:0,height:0,maxScale:1});return{imgRef:e,imgState:t,setImgSize:()=>{if(e.value){const{width:l,height:o,naturalWidth:n}=e.value;t.maxScale=n/l,t.width=l,t.height=o}}}})(),Y=l(0),E=l(""),R=o({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),I=o({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),A=n((()=>{return t=e.imgs,w("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:O(e)?e:void 0)).filter(M):x(e.imgs)?[{src:e.imgs}]:[];var t})),H=n((()=>{var e;return null===(e=A.value[Y.value])||void 0===e?void 0:e.src})),j=n((()=>{var e;return null===(e=A.value[Y.value])||void 0===e?void 0:e.title})),F=n((()=>{var e;return null===(e=A.value[Y.value])||void 0===e?void 0:e.alt})),$=n((()=>({cursor:I.loadError?"default":e.moveDisabled?I.dragging?"grabbing":"grab":"move",top:`calc(50% + ${R.top}px)`,left:`calc(50% + ${R.left}px)`,transition:I.dragging||I.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${R.scale}) rotate(${R.rotateDeg}deg)`}))),N=()=>{m("hide")},P=()=>{R.scale=1,R.lastScale=1,R.rotateDeg=0,R.top=0,R.left=0,I.loadError=!1,I.dragging=!1,I.loading=!0},V=(t,l)=>{const o=Y.value;P(),Y.value=t,A.value[Y.value]===A.value[t]&&i((()=>{I.loading=!1})),e.visible&&o!==t&&(l&&l(o,t),m("on-index-change",o,t))},q=()=>{const t=Y.value,l=e.loop?(t+1)%A.value.length:t+1;!e.loop&&l>A.value.length-1||V(l,((e,t)=>{m("on-next",e,t),m("on-next-click",e,t)}))},U=()=>{const t=Y.value;let l=t-1;if(0===t){if(!e.loop)return;l=A.value.length-1}V(l,((e,t)=>{m("on-prev",e,t),m("on-prev-click",e,t)}))},W=e=>{Math.abs(1-e)<.05?e=1:Math.abs(z.maxScale-e)<.05&&(e=z.maxScale),R.lastScale=R.scale,R.scale=e},G=()=>{const e=R.scale+.12;e<3*z.maxScale&&W(e)},J=()=>{const e=R.scale-(R.scale<.7?.1:.12);e>.1&&W(e)},K=()=>{R.rotateDeg-=90},Q=()=>{R.rotateDeg+=90},Z=()=>{R.scale=1,R.top=0,R.left=0},ee=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:te,onMouseMove:le,onMouseUp:oe}=((e,t,l)=>{let o,n=!1;return{onMouseDown:l=>{e.initX=e.lastX=l.clientX,e.initY=e.lastY=l.clientY,t.dragging=!0,n=!1,l.stopPropagation()},onMouseUp:e=>{l(e.button)&&T(o),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(l(a.button)){if(n)return;n=!0,o=X((()=>{const{top:t,left:l,lastY:o,lastX:i}=e;e.top=t-o+a.clientY,e.left=l-i+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(R,I,ee),{onTouchStart:ne,onTouchMove:ae,onTouchEnd:ie}=((e,t,l,o)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:o}=e;o.length>1?(l.gesturing=!0,t.touches=o):(t.initX=t.lastX=o[0].clientX,t.initY=t.lastY=o[0].clientY,l.dragging=!0),e.stopPropagation()},onTouchMove:i=>{if(a)return;const{touches:r}=i,{lastX:s,lastY:c,left:u,top:d,scale:v}=t;if(!l.gesturing&&l.dragging){if(!r[0])return;const{clientX:e,clientY:l}=r[0];o()?n=X((()=>{t.lastX=e,t.lastY=l,t.top=d-c+l,t.left=u-s+e,a=!1})):(t.lastX=e,t.lastY=l)}else l.gesturing&&t.touches.length>1&&r.length>1&&(n=X((()=>{const l=(B(t.touches[0],t.touches[1])-B(r[0],r[1]))/e.width;t.touches=r;const o=v-1.3*l;o>.5&&o<1.5*e.maxScale&&(t.scale=o),a=!1})))},onTouchEnd:()=>{T(n),l.dragging=!1,l.gesturing=!1,a=!1}}})(z,R,I,ee),re=()=>{R.scale!==z.maxScale?(R.lastScale=R.scale,R.scale=z.maxScale):R.scale=R.lastScale},se=t=>{I.loadError||I.gesturing||I.loading||I.dragging||I.wheeling||!e.scrollDisabled||(I.wheeling=!0,setTimeout((()=>{I.wheeling=!1}),80),t.deltaY<0?G():J())},ce=t=>{const l=t;e.visible&&(!e.escDisabled&&"Escape"===l.key&&e.visible&&N(),"ArrowLeft"===l.key&&(e.rtl?q():U()),"ArrowRight"===l.key&&(e.rtl?U():q()))},ue=()=>{e.maskClosable&&N()},de=()=>{D()},ve=()=>{I.loading=!1},ge=e=>{I.loading=!1,I.loadError=!0,m("on-error",e)},me=()=>{e.visible&&D()};a((()=>e.index),(e=>{e<0||e>=A.value.length||V(e)})),a((()=>I.dragging),((t,l)=>{const o=!t&&l;if(!ee()&&o){const t=R.lastX-R.initX,l=R.lastY-R.initY,o=e.swipeTolerance;Math.abs(t)>Math.abs(l)&&(t<-1*o?q():t>o&&U())}})),a((()=>e.visible),(t=>{if(t){P();const t=A.value.length;if(0===t)return Y.value=0,I.loading=!1,void i((()=>I.loadError=!0));Y.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&pe()}else e.scrollDisabled&&be()}));const pe=()=>{document&&(E.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},be=()=>{document&&(document.body.style.overflowY=E.value)};r((()=>{f(document,"keydown",ce),f(window,"resize",me)})),s((()=>{h(document,"keydown",ce),h(window,"resize",me)}));const fe=()=>I.loading?p.loading?p.loading({key:"loading"}):t(S,{key:"img-loading"},null):I.loadError?p.onerror?p.onerror({key:"onerror"}):t(k,{key:"img-on-error"},null):t("div",{class:"vel-img-wrapper",style:$.value,key:"img-wrapper"},[t("img",{alt:F.value,ref:b,draggable:"false",class:"vel-img",src:H.value,onMousedown:te,onMouseup:oe,onMousemove:le,onTouchstart:ne,onTouchmove:ae,onTouchend:ie,onLoad:de,onDblclick:re,onDragstart:e=>{e.preventDefault()}},null)]),he=()=>{if(p["prev-btn"])return p["prev-btn"]({prev:U});if(A.value.length<=1)return;const l=!e.loop&&Y.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:U},[e.rtl?t(g,{type:"next"},null):t(g,{type:"prev"},null)])},ye=()=>{if(p["next-btn"])return p["next-btn"]({next:q});if(A.value.length<=1)return;const l=!e.loop&&Y.value>=A.value.length-1;return t("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:q},[e.rtl?t(g,{type:"prev"},null):t(g,{type:"next"},null)])},ze=()=>{if(j.value&&!e.titleDisabled&&!I.loading&&!I.loadError)return p.title?p.title():t(C,null,{default:()=>[j.value]})},we=()=>{let l;if(e.visible)return t("div",{onTouchmove:y,class:["vel-modal",e.rtl?"is-rtl":""],onClick:v(ue,["self"]),onWheel:se},[t(u,{name:"vel-fade",mode:"out-in"},_(l=fe())?l:{default:()=>[l]}),t("img",{style:"display:none;",src:H.value,onError:ge,onLoad:ve},null),t("div",{class:"vel-btns-wrapper"},[he(),ye(),ze(),p["close-btn"]?p["close-btn"]({close:N}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:N},[t(g,{type:"close"},null)]),p.toolbar?p.toolbar({toolbarMethods:{zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z},zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z}):t(L,{zoomIn:G,zoomOut:J,resize:Z,rotateLeft:K,rotateRight:Q},null)])])};return()=>{let l;if(e.teleport){let l;return t(c,{to:e.teleport},{default:()=>[t(u,{name:"vel-fade"},_(l=we())?l:{default:()=>[l]})]})}return t(u,{name:"vel-fade"},_(l=we())?l:{default:()=>[l]})}}});const I=e=>{const{imgs:t="",initIndex:o}=e,n=l(t),a=l(o),i=l(!1),r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e};return{imgsRef:n,indexRef:a,visibleRef:i,show:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;r(e),i.value=!0},onHide:()=>{i.value=!1},changeIndex:r}},A=Object.assign(R,{install:e=>{e.component(R.name,R)}});export{A as default,I as useEasyLightbox};
diff --git a/dist/external-css/vue-easy-lightbox.umd.min.js b/dist/external-css/vue-easy-lightbox.umd.min.js
index 734d70c..e64c9d1 100644
--- a/dist/external-css/vue-easy-lightbox.umd.min.js
+++ b/dist/external-css/vue-easy-lightbox.umd.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueEasyLightbox=t(e.Vue)}(this,(function(e){"use strict";!function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(n=t,a=e.document,i=!1,(r=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(r,50)}l()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,l())});function l(){i||(i=!0,n())}var n,a,i,r}((function(){var e,o,l,n,a,i;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",l=o,(n=document.body).firstChild?(a=l,(i=n.firstChild).parentNode.insertBefore(a,i)):n.appendChild(l))}))}}();const t=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),o="undefined"!=typeof window,l=()=>{};let n=!1;if(o)try{const e={};Object.defineProperty(e,"passive",{get(){n=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const a=function(e,t,l){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];o&&e.addEventListener(t,l,!!n&&{capture:!1,passive:a})},i=(e,t,l)=>{o&&e.removeEventListener(t,l)},r=e=>{e.preventDefault()},c=Object.prototype.toString,s=e=>t=>c.call(t).slice(8,-1)===e;const d=e=>!!e&&s("String")(e);function u(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:o=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:o.zoomIn},[e.createVNode(t,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:o.zoomOut},[e.createVNode(t,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:o.resize},[e.createVNode(t,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateLeft},[e.createVNode(t,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateRight},[e.createVNode(t,{type:"rotate-right"},null)])])}),g=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),p=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(t,{type:"img-broken"},null)]),m=(t,o)=>{let{slots:l}=o;return e.createVNode("div",{class:"vel-img-title"},[l.default?l.default():""])},f=o?window:global;let b=Date.now();function h(e){const t=Date.now(),o=Math.max(0,16-(t-b)),l=setTimeout(e,o);return b=t+o,l}function y(e){return(f.requestAnimationFrame||h).call(f,e)}function z(e){(f.cancelAnimationFrame||f.clearTimeout).call(f,e)}function w(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function x(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function V(e){return(e=>!!e&&s("Object")(e))(e)&&d(e.src)}var N=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(o,l){let{emit:n,slots:c}=l;const{imgRef:f,imgState:b,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:l,naturalWidth:n}=t.value;o.maxScale=n/e,o.width=e,o.height=l}}}})(),N=e.ref(0),M=e.ref(""),L=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),S=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=o.imgs,s("Array")(e)?o.imgs.map((e=>"string"==typeof e?{src:e}:V(e)?e:void 0)).filter(u):d(o.imgs)?[{src:o.imgs}]:[];var e})),k=e.computed((()=>{var e;return null===(e=C.value[N.value])||void 0===e?void 0:e.src})),T=e.computed((()=>{var e;return null===(e=C.value[N.value])||void 0===e?void 0:e.title})),D=e.computed((()=>{var e;return null===(e=C.value[N.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:S.loadError?"default":o.moveDisabled?S.dragging?"grabbing":"grab":"move",top:`calc(50% + ${L.top}px)`,left:`calc(50% + ${L.left}px)`,transition:S.dragging||S.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${L.scale}) rotate(${L.rotateDeg}deg)`}))),E=()=>{n("hide")},X=()=>{L.scale=1,L.lastScale=1,L.rotateDeg=0,L.top=0,L.left=0,S.loadError=!1,S.dragging=!1,S.loading=!0},B=(t,l)=>{const a=N.value;X(),N.value=t,C.value[N.value]===C.value[t]&&e.nextTick((()=>{S.loading=!1})),o.visible&&a!==t&&(l&&l(a,t),n("on-index-change",a,t))},_=()=>{const e=N.value,t=o.loop?(e+1)%C.value.length:e+1;!o.loop&&t>C.value.length-1||B(t,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},O=()=>{const e=N.value;let t=e-1;if(0===e){if(!o.loop)return;t=C.value.length-1}B(t,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},A=e=>{Math.abs(1-e)<.05?e=1:Math.abs(b.maxScale-e)<.05&&(e=b.maxScale),L.lastScale=L.scale,L.scale=e},j=()=>{const e=L.scale+.12;e<3*b.maxScale&&A(e)},H=()=>{const e=L.scale-(L.scale<.7?.1:.12);e>.1&&A(e)},I=()=>{L.rotateDeg-=90},R=()=>{L.rotateDeg+=90},F=()=>{L.scale=1,L.top=0,L.left=0},$=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!o.moveDisabled&&0===e},{onMouseDown:P,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let l,n=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,n=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&z(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=y((()=>{const{top:t,left:o,lastY:l,lastX:i}=e;e.top=t-l+a.clientY,e.left=o-i+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(L,S,$),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,l)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:l}=e;l.length>1?(o.gesturing=!0,t.touches=l):(t.initX=t.lastX=l[0].clientX,t.initY=t.lastY=l[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:i=>{if(a)return;const{touches:r}=i,{lastX:c,lastY:s,left:d,top:u,scale:v}=t;if(!o.gesturing&&o.dragging){if(!r[0])return;const{clientX:e,clientY:o}=r[0];l()?n=y((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&r.length>1&&(n=y((()=>{const o=(w(t.touches[0],t.touches[1])-w(r[0],r[1]))/e.width;t.touches=r;const l=v-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),a=!1})))},onTouchEnd:()=>{z(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(b,L,S,$),K=()=>{L.scale!==b.maxScale?(L.lastScale=L.scale,L.scale=b.maxScale):L.scale=L.lastScale},Q=e=>{S.loadError||S.gesturing||S.loading||S.dragging||S.wheeling||!o.scrollDisabled||(S.wheeling=!0,setTimeout((()=>{S.wheeling=!1}),80),e.deltaY<0?j():H())},Z=e=>{const t=e;o.visible&&(!o.escDisabled&&"Escape"===t.key&&o.visible&&E(),"ArrowLeft"===t.key&&(o.rtl?_():O()),"ArrowRight"===t.key&&(o.rtl?O():_()))},ee=()=>{o.maskClosable&&E()},te=()=>{h()},oe=()=>{S.loading=!1},le=e=>{S.loading=!1,S.loadError=!0,n("on-error",e)},ne=()=>{o.visible&&h()};e.watch((()=>o.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>S.dragging),((e,t)=>{const l=!e&&t;if(!$()&&l){const e=L.lastX-L.initX,t=L.lastY-L.initY,l=o.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*l?_():e>l&&O())}})),e.watch((()=>o.visible),(t=>{if(t){X();const t=C.value.length;if(0===t)return N.value=0,S.loading=!1,void e.nextTick((()=>S.loadError=!0));N.value=o.index>=t?t-1:o.index<0?0:o.index,o.scrollDisabled&&ae()}else o.scrollDisabled&&ie()}));const ae=()=>{document&&(M.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ie=()=>{document&&(document.body.style.overflowY=M.value)};e.onMounted((()=>{a(document,"keydown",Z),a(window,"resize",ne)})),e.onBeforeUnmount((()=>{i(document,"keydown",Z),i(window,"resize",ne)}));const re=()=>S.loading?c.loading?c.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):S.loadError?c.onerror?c.onerror({key:"onerror"}):e.createVNode(p,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:D.value,ref:f,draggable:"false",class:"vel-img",src:k.value,onMousedown:P,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),ce=()=>{if(c["prev-btn"])return c["prev-btn"]({prev:O});if(C.value.length<=1)return;const l=!o.loop&&N.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:O},[o.rtl?e.createVNode(t,{type:"next"},null):e.createVNode(t,{type:"prev"},null)])},se=()=>{if(c["next-btn"])return c["next-btn"]({next:_});if(C.value.length<=1)return;const l=!o.loop&&N.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:_},[o.rtl?e.createVNode(t,{type:"prev"},null):e.createVNode(t,{type:"next"},null)])},de=()=>{if(T.value&&!o.titleDisabled&&!S.loading&&!S.loadError)return c.title?c.title():e.createVNode(m,null,{default:()=>[T.value]})},ue=()=>{let l;if(o.visible)return e.createVNode("div",{onTouchmove:r,class:["vel-modal",o.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},x(l=re())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:k.value,onError:le,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[ce(),se(),de(),c["close-btn"]?c["close-btn"]({close:E}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:E},[e.createVNode(t,{type:"close"},null)]),c.toolbar?c.toolbar({toolbarMethods:{zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F},zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F}):e.createVNode(v,{zoomIn:j,zoomOut:H,resize:F,rotateLeft:I,rotateRight:R},null)])])};return()=>{let t;if(o.teleport){let t;return e.createVNode(e.Teleport,{to:o.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})}}});const M=N;return M.install=e=>{e.component(N.name,N)},M}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueEasyLightbox=t(e.Vue)}(this,(function(e){"use strict";!function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(n=t,a=e.document,i=!1,(r=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(r,50)}l()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,l())});function l(){i||(i=!0,n())}var n,a,i,r}((function(){var e,o,l,n,a,i;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",l=o,(n=document.body).firstChild?(a=l,(i=n.firstChild).parentNode.insertBefore(a,i)):n.appendChild(l))}))}}();const t=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),o="undefined"!=typeof window,l=()=>{};let n=!1;if(o)try{const e={};Object.defineProperty(e,"passive",{get(){n=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const a=function(e,t,l){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];o&&e.addEventListener(t,l,!!n&&{capture:!1,passive:a})},i=(e,t,l)=>{o&&e.removeEventListener(t,l)},r=e=>{e.preventDefault()},c=Object.prototype.toString,s=e=>t=>c.call(t).slice(8,-1)===e;const d=e=>!!e&&s("String")(e);function u(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:o=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:o.zoomIn},[e.createVNode(t,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:o.zoomOut},[e.createVNode(t,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:o.resize},[e.createVNode(t,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateLeft},[e.createVNode(t,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:o.rotateRight},[e.createVNode(t,{type:"rotate-right"},null)])])}),g=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),m=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(t,{type:"img-broken"},null)]),p=(t,o)=>{let{slots:l}=o;return e.createVNode("div",{class:"vel-img-title"},[l.default?l.default():""])},f=o?window:global;let b=Date.now();function h(e){const t=Date.now(),o=Math.max(0,16-(t-b)),l=setTimeout(e,o);return b=t+o,l}function y(e){return(f.requestAnimationFrame||h).call(f,e)}function z(e){(f.cancelAnimationFrame||f.clearTimeout).call(f,e)}function w(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function x(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function V(e){return(e=>!!e&&s("Object")(e))(e)&&d(e.src)}var N=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(o,l){let{emit:n,slots:c}=l;const{imgRef:f,imgState:b,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:l,naturalWidth:n}=t.value;o.maxScale=n/e,o.width=e,o.height=l}}}})(),N=e.ref(0),M=e.ref(""),L=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),S=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=o.imgs,s("Array")(e)?o.imgs.map((e=>"string"==typeof e?{src:e}:V(e)?e:void 0)).filter(u):d(o.imgs)?[{src:o.imgs}]:[];var e})),k=e.computed((()=>{var e;return null===(e=C.value[N.value])||void 0===e?void 0:e.src})),T=e.computed((()=>{var e;return null===(e=C.value[N.value])||void 0===e?void 0:e.title})),D=e.computed((()=>{var e;return null===(e=C.value[N.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:S.loadError?"default":o.moveDisabled?S.dragging?"grabbing":"grab":"move",top:`calc(50% + ${L.top}px)`,left:`calc(50% + ${L.left}px)`,transition:S.dragging||S.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${L.scale}) rotate(${L.rotateDeg}deg)`}))),E=()=>{n("hide")},X=()=>{L.scale=1,L.lastScale=1,L.rotateDeg=0,L.top=0,L.left=0,S.loadError=!1,S.dragging=!1,S.loading=!0},B=(t,l)=>{const a=N.value;X(),N.value=t,C.value[N.value]===C.value[t]&&e.nextTick((()=>{S.loading=!1})),o.visible&&a!==t&&(l&&l(a,t),n("on-index-change",a,t))},_=()=>{const e=N.value,t=o.loop?(e+1)%C.value.length:e+1;!o.loop&&t>C.value.length-1||B(t,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},O=()=>{const e=N.value;let t=e-1;if(0===e){if(!o.loop)return;t=C.value.length-1}B(t,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},R=e=>{Math.abs(1-e)<.05?e=1:Math.abs(b.maxScale-e)<.05&&(e=b.maxScale),L.lastScale=L.scale,L.scale=e},I=()=>{const e=L.scale+.12;e<3*b.maxScale&&R(e)},j=()=>{const e=L.scale-(L.scale<.7?.1:.12);e>.1&&R(e)},A=()=>{L.rotateDeg-=90},H=()=>{L.rotateDeg+=90},F=()=>{L.scale=1,L.top=0,L.left=0},$=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!o.moveDisabled&&0===e},{onMouseDown:P,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let l,n=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,n=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&z(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=y((()=>{const{top:t,left:o,lastY:l,lastX:i}=e;e.top=t-l+a.clientY,e.left=o-i+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(L,S,$),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,l)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:l}=e;l.length>1?(o.gesturing=!0,t.touches=l):(t.initX=t.lastX=l[0].clientX,t.initY=t.lastY=l[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:i=>{if(a)return;const{touches:r}=i,{lastX:c,lastY:s,left:d,top:u,scale:v}=t;if(!o.gesturing&&o.dragging){if(!r[0])return;const{clientX:e,clientY:o}=r[0];l()?n=y((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&r.length>1&&(n=y((()=>{const o=(w(t.touches[0],t.touches[1])-w(r[0],r[1]))/e.width;t.touches=r;const l=v-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),a=!1})))},onTouchEnd:()=>{z(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(b,L,S,$),K=()=>{L.scale!==b.maxScale?(L.lastScale=L.scale,L.scale=b.maxScale):L.scale=L.lastScale},Q=e=>{S.loadError||S.gesturing||S.loading||S.dragging||S.wheeling||!o.scrollDisabled||(S.wheeling=!0,setTimeout((()=>{S.wheeling=!1}),80),e.deltaY<0?I():j())},Z=e=>{const t=e;o.visible&&(!o.escDisabled&&"Escape"===t.key&&o.visible&&E(),"ArrowLeft"===t.key&&(o.rtl?_():O()),"ArrowRight"===t.key&&(o.rtl?O():_()))},ee=()=>{o.maskClosable&&E()},te=()=>{h()},oe=()=>{S.loading=!1},le=e=>{S.loading=!1,S.loadError=!0,n("on-error",e)},ne=()=>{o.visible&&h()};e.watch((()=>o.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>S.dragging),((e,t)=>{const l=!e&&t;if(!$()&&l){const e=L.lastX-L.initX,t=L.lastY-L.initY,l=o.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*l?_():e>l&&O())}})),e.watch((()=>o.visible),(t=>{if(t){X();const t=C.value.length;if(0===t)return N.value=0,S.loading=!1,void e.nextTick((()=>S.loadError=!0));N.value=o.index>=t?t-1:o.index<0?0:o.index,o.scrollDisabled&&ae()}else o.scrollDisabled&&ie()}));const ae=()=>{document&&(M.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ie=()=>{document&&(document.body.style.overflowY=M.value)};e.onMounted((()=>{a(document,"keydown",Z),a(window,"resize",ne)})),e.onBeforeUnmount((()=>{i(document,"keydown",Z),i(window,"resize",ne)}));const re=()=>S.loading?c.loading?c.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):S.loadError?c.onerror?c.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:D.value,ref:f,draggable:"false",class:"vel-img",src:k.value,onMousedown:P,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),ce=()=>{if(c["prev-btn"])return c["prev-btn"]({prev:O});if(C.value.length<=1)return;const l=!o.loop&&N.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:O},[o.rtl?e.createVNode(t,{type:"next"},null):e.createVNode(t,{type:"prev"},null)])},se=()=>{if(c["next-btn"])return c["next-btn"]({next:_});if(C.value.length<=1)return;const l=!o.loop&&N.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:_},[o.rtl?e.createVNode(t,{type:"prev"},null):e.createVNode(t,{type:"next"},null)])},de=()=>{if(T.value&&!o.titleDisabled&&!S.loading&&!S.loadError)return c.title?c.title():e.createVNode(p,null,{default:()=>[T.value]})},ue=()=>{let l;if(o.visible)return e.createVNode("div",{onTouchmove:r,class:["vel-modal",o.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},x(l=re())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:k.value,onError:le,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[ce(),se(),de(),c["close-btn"]?c["close-btn"]({close:E}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:E},[e.createVNode(t,{type:"close"},null)]),c.toolbar?c.toolbar({toolbarMethods:{zoomIn:I,zoomOut:j,rotate:A,rotateLeft:A,rotateRight:H,resize:F},zoomIn:I,zoomOut:j,rotate:A,rotateLeft:A,rotateRight:H,resize:F}):e.createVNode(v,{zoomIn:I,zoomOut:j,resize:F,rotateLeft:A,rotateRight:H},null)])])};return()=>{let t;if(o.teleport){let t;return e.createVNode(e.Teleport,{to:o.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},x(t=ue())?t:{default:()=>[t]})}}});const M=Object.assign(N,{install:e=>{e.component(N.name,N)},useEasyLightbox:t=>{const{imgs:o="",initIndex:l}=t,n=e.ref(o),a=e.ref(l),i=e.ref(!1),r=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e};return{imgsRef:n,indexRef:a,visibleRef:i,show:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;r(e),i.value=!0},onHide:()=>{i.value=!1},changeIndex:r}}});return M}));
diff --git a/dist/vue-easy-lightbox.common.min.js b/dist/vue-easy-lightbox.common.min.js
index 3d48769..d6377d4 100644
--- a/dist/vue-easy-lightbox.common.min.js
+++ b/dist/vue-easy-lightbox.common.min.js
@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");function t(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===o&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}t(".vel-fade-enter-active,.vel-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:rgba(0,0,0,.5);bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);-webkit-transition:.3s linear;transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-img{background-color:rgba(0,0,0,.7);-webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,.7);box-shadow:0 5px 20px 2px rgba(0,0,0,.7);display:block;max-height:80vh;max-width:80vw;position:relative;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.15s linear;transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}");t('.vel-loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{-webkit-animation:ring 1.2s linear infinite;animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}');t(".vel-on-error{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}");t(".vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}");t(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");t(".vel-toolbar{border-radius:4px;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}"),function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(l=t,a=e.document,r=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}n()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,n())});function n(){r||(r=!0,l())}var l,a,r,i}((function(){var e,o,n,l,a,r;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",n=o,(l=document.body).firstChild?(a=n,(r=l.firstChild).parentNode.insertBefore(a,r)):l.appendChild(n))}))}}();const o=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),n="undefined"!=typeof window,l=()=>{};let a=!1;if(n)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const r=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n&&e.addEventListener(t,o,!!a&&{capture:!1,passive:l})},i=(e,t,o)=>{n&&e.removeEventListener(t,o)},s=e=>{e.preventDefault()},c=Object.prototype.toString,d=e=>t=>c.call(t).slice(8,-1)===e;const u=e=>!!e&&d("String")(e);function p(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:t=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:t.zoomIn},[e.createVNode(o,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:t.zoomOut},[e.createVNode(o,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:t.resize},[e.createVNode(o,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateLeft},[e.createVNode(o,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateRight},[e.createVNode(o,{type:"rotate-right"},null)])])}),b=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),m=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(o,{type:"img-broken"},null)]),g=(t,o)=>{let{slots:n}=o;return e.createVNode("div",{class:"vel-img-title"},[n.default?n.default():""])},f=n?window:global;let h=Date.now();function w(e){const t=Date.now(),o=Math.max(0,16-(t-h)),n=setTimeout(e,o);return h=t+o,n}function y(e){return(f.requestAnimationFrame||w).call(f,e)}function x(e){(f.cancelAnimationFrame||f.clearTimeout).call(f,e)}function k(e,t){const o=e.clientX-t.clientX,n=e.clientY-t.clientY;return Math.sqrt(o*o+n*n)}function z(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function _(e){return(e=>!!e&&d("Object")(e))(e)&&u(e.src)}var N=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(t,n){let{emit:l,slots:a}=n;const{imgRef:c,imgState:f,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:n,naturalWidth:l}=t.value;o.maxScale=l/e,o.width=e,o.height=n}}}})(),w=e.ref(0),N=e.ref(""),V=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),M=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=t.imgs,d("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:_(e)?e:void 0)).filter(p):u(t.imgs)?[{src:t.imgs}]:[];var e})),L=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.src})),S=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:M.loadError?"default":t.moveDisabled?M.dragging?"grabbing":"grab":"move",top:`calc(50% + ${V.top}px)`,left:`calc(50% + ${V.left}px)`,transition:M.dragging||M.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${V.scale}) rotate(${V.rotateDeg}deg)`}))),D=()=>{l("hide")},E=()=>{V.scale=1,V.lastScale=1,V.rotateDeg=0,V.top=0,V.left=0,M.loadError=!1,M.dragging=!1,M.loading=!0},B=(o,n)=>{const a=w.value;E(),w.value=o,C.value[w.value]===C.value[o]&&e.nextTick((()=>{M.loading=!1})),t.visible&&a!==o&&(n&&n(a,o),l("on-index-change",a,o))},X=()=>{const e=w.value,o=t.loop?(e+1)%C.value.length:e+1;!t.loop&&o>C.value.length-1||B(o,((e,t)=>{l("on-next",e,t),l("on-next-click",e,t)}))},O=()=>{const e=w.value;let o=e-1;if(0===e){if(!t.loop)return;o=C.value.length-1}B(o,((e,t)=>{l("on-prev",e,t),l("on-prev-click",e,t)}))},A=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),V.lastScale=V.scale,V.scale=e},j=()=>{const e=V.scale+.12;e<3*f.maxScale&&A(e)},H=()=>{const e=V.scale-(V.scale<.7?.1:.12);e>.1&&A(e)},I=()=>{V.rotateDeg-=90},R=()=>{V.rotateDeg+=90},F=()=>{V.scale=1,V.top=0,V.left=0},P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:$,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let n,l=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,l=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&x(n),t.dragging=!1,l=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(l)return;l=!0,n=y((()=>{const{top:t,left:o,lastY:n,lastX:r}=e;e.top=t-n+a.clientY,e.left=o-r+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,l=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(V,M,P),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,n)=>{let l,a=!1;return{onTouchStart:e=>{const{touches:n}=e;n.length>1?(o.gesturing=!0,t.touches=n):(t.initX=t.lastX=n[0].clientX,t.initY=t.lastY=n[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:r=>{if(a)return;const{touches:i}=r,{lastX:s,lastY:c,left:d,top:u,scale:p}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];n()?l=y((()=>{t.lastX=e,t.lastY=o,t.top=u-c+o,t.left=d-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(l=y((()=>{const o=(k(t.touches[0],t.touches[1])-k(i[0],i[1]))/e.width;t.touches=i;const n=p-1.3*o;n>.5&&n<1.5*e.maxScale&&(t.scale=n),a=!1})))},onTouchEnd:()=>{x(l),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,V,M,P),K=()=>{V.scale!==f.maxScale?(V.lastScale=V.scale,V.scale=f.maxScale):V.scale=V.lastScale},Q=e=>{M.loadError||M.gesturing||M.loading||M.dragging||M.wheeling||!t.scrollDisabled||(M.wheeling=!0,setTimeout((()=>{M.wheeling=!1}),80),e.deltaY<0?j():H())},Z=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&D(),"ArrowLeft"===o.key&&(t.rtl?X():O()),"ArrowRight"===o.key&&(t.rtl?O():X()))},ee=()=>{t.maskClosable&&D()},te=()=>{h()},oe=()=>{M.loading=!1},ne=e=>{M.loading=!1,M.loadError=!0,l("on-error",e)},le=()=>{t.visible&&h()};e.watch((()=>t.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>M.dragging),((e,o)=>{const n=!e&&o;if(!P()&&n){const e=V.lastX-V.initX,o=V.lastY-V.initY,n=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*n?X():e>n&&O())}})),e.watch((()=>t.visible),(o=>{if(o){E();const o=C.value.length;if(0===o)return w.value=0,M.loading=!1,void e.nextTick((()=>M.loadError=!0));w.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&ae()}else t.scrollDisabled&&re()}));const ae=()=>{document&&(N.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},re=()=>{document&&(document.body.style.overflowY=N.value)};e.onMounted((()=>{r(document,"keydown",Z),r(window,"resize",le)})),e.onBeforeUnmount((()=>{i(document,"keydown",Z),i(window,"resize",le)}));const ie=()=>M.loading?a.loading?a.loading({key:"loading"}):e.createVNode(b,{key:"img-loading"},null):M.loadError?a.onerror?a.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:c,draggable:"false",class:"vel-img",src:L.value,onMousedown:$,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),se=()=>{if(a["prev-btn"])return a["prev-btn"]({prev:O});if(C.value.length<=1)return;const n=!t.loop&&w.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(n?"disable":""),onClick:O},[t.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ce=()=>{if(a["next-btn"])return a["next-btn"]({next:X});if(C.value.length<=1)return;const n=!t.loop&&w.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(n?"disable":""),onClick:X},[t.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},de=()=>{if(S.value&&!t.titleDisabled&&!M.loading&&!M.loadError)return a.title?a.title():e.createVNode(g,null,{default:()=>[S.value]})},ue=()=>{let n;if(t.visible)return e.createVNode("div",{onTouchmove:s,class:["vel-modal",t.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},z(n=ie())?n:{default:()=>[n]}),e.createVNode("img",{style:"display:none;",src:L.value,onError:ne,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[se(),ce(),de(),a["close-btn"]?a["close-btn"]({close:D}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:D},[e.createVNode(o,{type:"close"},null)]),a.toolbar?a.toolbar({toolbarMethods:{zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F},zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F}):e.createVNode(v,{zoomIn:j,zoomOut:H,resize:F,rotateLeft:I,rotateRight:R},null)])])};return()=>{let o;if(t.teleport){let o;return e.createVNode(e.Teleport,{to:t.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})}}});const V=N;V.install=e=>{e.component(N.name,N)},exports.default=V;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");function t(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===o&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}t(".vel-fade-enter-active,.vel-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:rgba(0,0,0,.5);bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);-webkit-transition:.3s linear;transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-img{background-color:rgba(0,0,0,.7);-webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,.7);box-shadow:0 5px 20px 2px rgba(0,0,0,.7);display:block;max-height:80vh;max-width:80vw;position:relative;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.15s linear;transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}");t('.vel-loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{-webkit-animation:ring 1.2s linear infinite;animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}');t(".vel-on-error{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}");t(".vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}");t(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");t(".vel-toolbar{border-radius:4px;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}"),function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(l=t,a=e.document,r=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}n()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,n())});function n(){r||(r=!0,l())}var l,a,r,i}((function(){var e,o,n,l,a,r;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",n=o,(l=document.body).firstChild?(a=n,(r=l.firstChild).parentNode.insertBefore(a,r)):l.appendChild(n))}))}}();const o=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),n="undefined"!=typeof window,l=()=>{};let a=!1;if(n)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const r=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n&&e.addEventListener(t,o,!!a&&{capture:!1,passive:l})},i=(e,t,o)=>{n&&e.removeEventListener(t,o)},s=e=>{e.preventDefault()},c=Object.prototype.toString,d=e=>t=>c.call(t).slice(8,-1)===e;const u=e=>!!e&&d("String")(e);function p(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:t=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:t.zoomIn},[e.createVNode(o,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:t.zoomOut},[e.createVNode(o,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:t.resize},[e.createVNode(o,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateLeft},[e.createVNode(o,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateRight},[e.createVNode(o,{type:"rotate-right"},null)])])}),b=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),m=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(o,{type:"img-broken"},null)]),g=(t,o)=>{let{slots:n}=o;return e.createVNode("div",{class:"vel-img-title"},[n.default?n.default():""])},f=n?window:global;let h=Date.now();function w(e){const t=Date.now(),o=Math.max(0,16-(t-h)),n=setTimeout(e,o);return h=t+o,n}function x(e){return(f.requestAnimationFrame||w).call(f,e)}function y(e){(f.cancelAnimationFrame||f.clearTimeout).call(f,e)}function k(e,t){const o=e.clientX-t.clientX,n=e.clientY-t.clientY;return Math.sqrt(o*o+n*n)}function z(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function _(e){return(e=>!!e&&d("Object")(e))(e)&&u(e.src)}var N=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(t,n){let{emit:l,slots:a}=n;const{imgRef:c,imgState:f,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:n,naturalWidth:l}=t.value;o.maxScale=l/e,o.width=e,o.height=n}}}})(),w=e.ref(0),N=e.ref(""),V=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),M=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=t.imgs,d("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:_(e)?e:void 0)).filter(p):u(t.imgs)?[{src:t.imgs}]:[];var e})),L=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.src})),S=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:M.loadError?"default":t.moveDisabled?M.dragging?"grabbing":"grab":"move",top:`calc(50% + ${V.top}px)`,left:`calc(50% + ${V.left}px)`,transition:M.dragging||M.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${V.scale}) rotate(${V.rotateDeg}deg)`}))),D=()=>{l("hide")},E=()=>{V.scale=1,V.lastScale=1,V.rotateDeg=0,V.top=0,V.left=0,M.loadError=!1,M.dragging=!1,M.loading=!0},B=(o,n)=>{const a=w.value;E(),w.value=o,C.value[w.value]===C.value[o]&&e.nextTick((()=>{M.loading=!1})),t.visible&&a!==o&&(n&&n(a,o),l("on-index-change",a,o))},X=()=>{const e=w.value,o=t.loop?(e+1)%C.value.length:e+1;!t.loop&&o>C.value.length-1||B(o,((e,t)=>{l("on-next",e,t),l("on-next-click",e,t)}))},O=()=>{const e=w.value;let o=e-1;if(0===e){if(!t.loop)return;o=C.value.length-1}B(o,((e,t)=>{l("on-prev",e,t),l("on-prev-click",e,t)}))},R=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),V.lastScale=V.scale,V.scale=e},A=()=>{const e=V.scale+.12;e<3*f.maxScale&&R(e)},I=()=>{const e=V.scale-(V.scale<.7?.1:.12);e>.1&&R(e)},j=()=>{V.rotateDeg-=90},H=()=>{V.rotateDeg+=90},F=()=>{V.scale=1,V.top=0,V.left=0},P=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:$,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let n,l=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,l=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&y(n),t.dragging=!1,l=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(l)return;l=!0,n=x((()=>{const{top:t,left:o,lastY:n,lastX:r}=e;e.top=t-n+a.clientY,e.left=o-r+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,l=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(V,M,P),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,n)=>{let l,a=!1;return{onTouchStart:e=>{const{touches:n}=e;n.length>1?(o.gesturing=!0,t.touches=n):(t.initX=t.lastX=n[0].clientX,t.initY=t.lastY=n[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:r=>{if(a)return;const{touches:i}=r,{lastX:s,lastY:c,left:d,top:u,scale:p}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];n()?l=x((()=>{t.lastX=e,t.lastY=o,t.top=u-c+o,t.left=d-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(l=x((()=>{const o=(k(t.touches[0],t.touches[1])-k(i[0],i[1]))/e.width;t.touches=i;const n=p-1.3*o;n>.5&&n<1.5*e.maxScale&&(t.scale=n),a=!1})))},onTouchEnd:()=>{y(l),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,V,M,P),K=()=>{V.scale!==f.maxScale?(V.lastScale=V.scale,V.scale=f.maxScale):V.scale=V.lastScale},Q=e=>{M.loadError||M.gesturing||M.loading||M.dragging||M.wheeling||!t.scrollDisabled||(M.wheeling=!0,setTimeout((()=>{M.wheeling=!1}),80),e.deltaY<0?A():I())},Z=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&D(),"ArrowLeft"===o.key&&(t.rtl?X():O()),"ArrowRight"===o.key&&(t.rtl?O():X()))},ee=()=>{t.maskClosable&&D()},te=()=>{h()},oe=()=>{M.loading=!1},ne=e=>{M.loading=!1,M.loadError=!0,l("on-error",e)},le=()=>{t.visible&&h()};e.watch((()=>t.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>M.dragging),((e,o)=>{const n=!e&&o;if(!P()&&n){const e=V.lastX-V.initX,o=V.lastY-V.initY,n=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*n?X():e>n&&O())}})),e.watch((()=>t.visible),(o=>{if(o){E();const o=C.value.length;if(0===o)return w.value=0,M.loading=!1,void e.nextTick((()=>M.loadError=!0));w.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&ae()}else t.scrollDisabled&&re()}));const ae=()=>{document&&(N.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},re=()=>{document&&(document.body.style.overflowY=N.value)};e.onMounted((()=>{r(document,"keydown",Z),r(window,"resize",le)})),e.onBeforeUnmount((()=>{i(document,"keydown",Z),i(window,"resize",le)}));const ie=()=>M.loading?a.loading?a.loading({key:"loading"}):e.createVNode(b,{key:"img-loading"},null):M.loadError?a.onerror?a.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:c,draggable:"false",class:"vel-img",src:L.value,onMousedown:$,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),se=()=>{if(a["prev-btn"])return a["prev-btn"]({prev:O});if(C.value.length<=1)return;const n=!t.loop&&w.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(n?"disable":""),onClick:O},[t.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ce=()=>{if(a["next-btn"])return a["next-btn"]({next:X});if(C.value.length<=1)return;const n=!t.loop&&w.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(n?"disable":""),onClick:X},[t.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},de=()=>{if(S.value&&!t.titleDisabled&&!M.loading&&!M.loadError)return a.title?a.title():e.createVNode(g,null,{default:()=>[S.value]})},ue=()=>{let n;if(t.visible)return e.createVNode("div",{onTouchmove:s,class:["vel-modal",t.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},z(n=ie())?n:{default:()=>[n]}),e.createVNode("img",{style:"display:none;",src:L.value,onError:ne,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[se(),ce(),de(),a["close-btn"]?a["close-btn"]({close:D}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:D},[e.createVNode(o,{type:"close"},null)]),a.toolbar?a.toolbar({toolbarMethods:{zoomIn:A,zoomOut:I,rotate:j,rotateLeft:j,rotateRight:H,resize:F},zoomIn:A,zoomOut:I,rotate:j,rotateLeft:j,rotateRight:H,resize:F}):e.createVNode(v,{zoomIn:A,zoomOut:I,resize:F,rotateLeft:j,rotateRight:H},null)])])};return()=>{let o;if(t.teleport){let o;return e.createVNode(e.Teleport,{to:t.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})}}});const V=Object.assign(N,{install:e=>{e.component(N.name,N)}});exports.default=V,exports.useEasyLightbox=t=>{const{imgs:o="",initIndex:n}=t,l=e.ref(o),a=e.ref(n),r=e.ref(!1),i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e};return{imgsRef:l,indexRef:a,visibleRef:r,show:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;i(e),r.value=!0},onHide:()=>{r.value=!1},changeIndex:i}};
diff --git a/dist/vue-easy-lightbox.esm.min.js b/dist/vue-easy-lightbox.esm.min.js
index f280617..2008d87 100644
--- a/dist/vue-easy-lightbox.esm.min.js
+++ b/dist/vue-easy-lightbox.esm.min.js
@@ -1 +1 @@
-import{defineComponent as e,createVNode as t,ref as o,reactive as l,computed as n,watch as a,nextTick as r,onMounted as i,onBeforeUnmount as s,Teleport as c,Transition as d,isVNode as u,withModifiers as p}from"vue";function v(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}v(".vel-fade-enter-active,.vel-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:rgba(0,0,0,.5);bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);-webkit-transition:.3s linear;transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-img{background-color:rgba(0,0,0,.7);-webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,.7);box-shadow:0 5px 20px 2px rgba(0,0,0,.7);display:block;max-height:80vh;max-width:80vw;position:relative;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.15s linear;transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}");v('.vel-loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{-webkit-animation:ring 1.2s linear infinite;animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}');v(".vel-on-error{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}");v(".vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}");v(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");v(".vel-toolbar{border-radius:4px;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}"),function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(n=t,a=e.document,r=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}l()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,l())});function l(){r||(r=!0,n())}var n,a,r,i}((function(){var e,o,l,n,a,r;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",l=o,(n=document.body).firstChild?(a=l,(r=n.firstChild).parentNode.insertBefore(a,r)):n.appendChild(l))}))}}();const b=e({name:"SvgIcon",props:{type:{type:String,default:""}},setup:e=>()=>t("svg",{class:"vel-icon icon","aria-hidden":"true"},[t("use",{"xlink:href":`#icon-${e.type}`},null)])}),m="undefined"!=typeof window,g=()=>{};let f=!1;if(m)try{const e={};Object.defineProperty(e,"passive",{get(){f=!0}}),window.addEventListener("test-passive",g,e)}catch(e){}const h=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];m&&e.addEventListener(t,o,!!f&&{capture:!1,passive:l})},w=(e,t,o)=>{m&&e.removeEventListener(t,o)},y=e=>{e.preventDefault()},x=Object.prototype.toString,z=e=>t=>x.call(t).slice(8,-1)===e;const k=e=>!!e&&z("String")(e);function _(e){return null!=e}const M=e({name:"Toolbar",props:{zoomIn:{type:Function,default:g},zoomOut:{type:Function,default:g},rotateLeft:{type:Function,default:g},rotateRight:{type:Function,default:g},resize:{type:Function,default:g}},setup:e=>()=>t("div",{class:"vel-toolbar"},[t("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:e.zoomIn},[t(b,{type:"zoomin"},null)]),t("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:e.zoomOut},[t(b,{type:"zoomout"},null)]),t("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:e.resize},[t(b,{type:"resize"},null)]),t("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateLeft},[t(b,{type:"rotate-left"},null)]),t("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateRight},[t(b,{type:"rotate-right"},null)])])}),L=()=>t("div",{class:"vel-loading"},[t("div",{class:"ring"},null)]),S=()=>t("div",{class:"vel-on-error"},[t("div",{class:"ring"},null),t(b,{type:"img-broken"},null)]),C=(e,o)=>{let{slots:l}=o;return t("div",{class:"vel-img-title"},[l.default?l.default():""])},Y=m?window:global;let D=Date.now();function E(e){const t=Date.now(),o=Math.max(0,16-(t-D)),l=setTimeout(e,o);return D=t+o,l}function T(e){return(Y.requestAnimationFrame||E).call(Y,e)}function X(e){(Y.cancelAnimationFrame||Y.clearTimeout).call(Y,e)}function B(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function O(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!u(e)}function A(e){return(e=>!!e&&z("Object")(e))(e)&&k(e.src)}var H=e({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(e,u){let{emit:v,slots:m}=u;const{imgRef:g,imgState:f,setImgSize:x}=(()=>{const e=o(),t=l({width:0,height:0,maxScale:1});return{imgRef:e,imgState:t,setImgSize:()=>{if(e.value){const{width:o,height:l,naturalWidth:n}=e.value;t.maxScale=n/o,t.width=o,t.height=l}}}})(),Y=o(0),D=o(""),E=l({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),H=l({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),I=n((()=>{return t=e.imgs,z("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:A(e)?e:void 0)).filter(_):k(e.imgs)?[{src:e.imgs}]:[];var t})),R=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.src})),j=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.title})),F=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.alt})),N=n((()=>({cursor:H.loadError?"default":e.moveDisabled?H.dragging?"grabbing":"grab":"move",top:`calc(50% + ${E.top}px)`,left:`calc(50% + ${E.left}px)`,transition:H.dragging||H.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${E.scale}) rotate(${E.rotateDeg}deg)`}))),$=()=>{v("hide")},P=()=>{E.scale=1,E.lastScale=1,E.rotateDeg=0,E.top=0,E.left=0,H.loadError=!1,H.dragging=!1,H.loading=!0},V=(t,o)=>{const l=Y.value;P(),Y.value=t,I.value[Y.value]===I.value[t]&&r((()=>{H.loading=!1})),e.visible&&l!==t&&(o&&o(l,t),v("on-index-change",l,t))},q=()=>{const t=Y.value,o=e.loop?(t+1)%I.value.length:t+1;!e.loop&&o>I.value.length-1||V(o,((e,t)=>{v("on-next",e,t),v("on-next-click",e,t)}))},U=()=>{const t=Y.value;let o=t-1;if(0===t){if(!e.loop)return;o=I.value.length-1}V(o,((e,t)=>{v("on-prev",e,t),v("on-prev-click",e,t)}))},W=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),E.lastScale=E.scale,E.scale=e},G=()=>{const e=E.scale+.12;e<3*f.maxScale&&W(e)},J=()=>{const e=E.scale-(E.scale<.7?.1:.12);e>.1&&W(e)},K=()=>{E.rotateDeg-=90},Q=()=>{E.rotateDeg+=90},Z=()=>{E.scale=1,E.top=0,E.left=0},ee=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:te,onMouseMove:oe,onMouseUp:le}=((e,t,o)=>{let l,n=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,n=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&X(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=T((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+a.clientY,e.left=o-r+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(E,H,ee),{onTouchStart:ne,onTouchMove:ae,onTouchEnd:re}=((e,t,o,l)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:l}=e;l.length>1?(o.gesturing=!0,t.touches=l):(t.initX=t.lastX=l[0].clientX,t.initY=t.lastY=l[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:r=>{if(a)return;const{touches:i}=r,{lastX:s,lastY:c,left:d,top:u,scale:p}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];l()?n=T((()=>{t.lastX=e,t.lastY=o,t.top=u-c+o,t.left=d-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(n=T((()=>{const o=(B(t.touches[0],t.touches[1])-B(i[0],i[1]))/e.width;t.touches=i;const l=p-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),a=!1})))},onTouchEnd:()=>{X(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,E,H,ee),ie=()=>{E.scale!==f.maxScale?(E.lastScale=E.scale,E.scale=f.maxScale):E.scale=E.lastScale},se=t=>{H.loadError||H.gesturing||H.loading||H.dragging||H.wheeling||!e.scrollDisabled||(H.wheeling=!0,setTimeout((()=>{H.wheeling=!1}),80),t.deltaY<0?G():J())},ce=t=>{const o=t;e.visible&&(!e.escDisabled&&"Escape"===o.key&&e.visible&&$(),"ArrowLeft"===o.key&&(e.rtl?q():U()),"ArrowRight"===o.key&&(e.rtl?U():q()))},de=()=>{e.maskClosable&&$()},ue=()=>{x()},pe=()=>{H.loading=!1},ve=e=>{H.loading=!1,H.loadError=!0,v("on-error",e)},be=()=>{e.visible&&x()};a((()=>e.index),(e=>{e<0||e>=I.value.length||V(e)})),a((()=>H.dragging),((t,o)=>{const l=!t&&o;if(!ee()&&l){const t=E.lastX-E.initX,o=E.lastY-E.initY,l=e.swipeTolerance;Math.abs(t)>Math.abs(o)&&(t<-1*l?q():t>l&&U())}})),a((()=>e.visible),(t=>{if(t){P();const t=I.value.length;if(0===t)return Y.value=0,H.loading=!1,void r((()=>H.loadError=!0));Y.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&me()}else e.scrollDisabled&&ge()}));const me=()=>{document&&(D.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ge=()=>{document&&(document.body.style.overflowY=D.value)};i((()=>{h(document,"keydown",ce),h(window,"resize",be)})),s((()=>{w(document,"keydown",ce),w(window,"resize",be)}));const fe=()=>H.loading?m.loading?m.loading({key:"loading"}):t(L,{key:"img-loading"},null):H.loadError?m.onerror?m.onerror({key:"onerror"}):t(S,{key:"img-on-error"},null):t("div",{class:"vel-img-wrapper",style:N.value,key:"img-wrapper"},[t("img",{alt:F.value,ref:g,draggable:"false",class:"vel-img",src:R.value,onMousedown:te,onMouseup:le,onMousemove:oe,onTouchstart:ne,onTouchmove:ae,onTouchend:re,onLoad:ue,onDblclick:ie,onDragstart:e=>{e.preventDefault()}},null)]),he=()=>{if(m["prev-btn"])return m["prev-btn"]({prev:U});if(I.value.length<=1)return;const o=!e.loop&&Y.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(o?"disable":""),onClick:U},[e.rtl?t(b,{type:"next"},null):t(b,{type:"prev"},null)])},we=()=>{if(m["next-btn"])return m["next-btn"]({next:q});if(I.value.length<=1)return;const o=!e.loop&&Y.value>=I.value.length-1;return t("div",{role:"button","aria-label":"next image button",class:"btn__next "+(o?"disable":""),onClick:q},[e.rtl?t(b,{type:"prev"},null):t(b,{type:"next"},null)])},ye=()=>{if(j.value&&!e.titleDisabled&&!H.loading&&!H.loadError)return m.title?m.title():t(C,null,{default:()=>[j.value]})},xe=()=>{let o;if(e.visible)return t("div",{onTouchmove:y,class:["vel-modal",e.rtl?"is-rtl":""],onClick:p(de,["self"]),onWheel:se},[t(d,{name:"vel-fade",mode:"out-in"},O(o=fe())?o:{default:()=>[o]}),t("img",{style:"display:none;",src:R.value,onError:ve,onLoad:pe},null),t("div",{class:"vel-btns-wrapper"},[he(),we(),ye(),m["close-btn"]?m["close-btn"]({close:$}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:$},[t(b,{type:"close"},null)]),m.toolbar?m.toolbar({toolbarMethods:{zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z},zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z}):t(M,{zoomIn:G,zoomOut:J,resize:Z,rotateLeft:K,rotateRight:Q},null)])])};return()=>{let o;if(e.teleport){let o;return t(c,{to:e.teleport},{default:()=>[t(d,{name:"vel-fade"},O(o=xe())?o:{default:()=>[o]})]})}return t(d,{name:"vel-fade"},O(o=xe())?o:{default:()=>[o]})}}});const I=H;I.install=e=>{e.component(H.name,H)};export{I as default};
+import{defineComponent as e,createVNode as t,ref as o,reactive as l,computed as n,watch as a,nextTick as r,onMounted as i,onBeforeUnmount as s,Teleport as c,Transition as d,isVNode as u,withModifiers as p}from"vue";function v(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var l=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===o&&l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}v(".vel-fade-enter-active,.vel-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:rgba(0,0,0,.5);bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);-webkit-transition:.3s linear;transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-img{background-color:rgba(0,0,0,.7);-webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,.7);box-shadow:0 5px 20px 2px rgba(0,0,0,.7);display:block;max-height:80vh;max-width:80vw;position:relative;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.15s linear;transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}");v('.vel-loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{-webkit-animation:ring 1.2s linear infinite;animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}');v(".vel-on-error{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}");v(".vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}");v(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");v(".vel-toolbar{border-radius:4px;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}"),function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(n=t,a=e.document,r=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}l()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,l())});function l(){r||(r=!0,n())}var n,a,r,i}((function(){var e,o,l,n,a,r;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",l=o,(n=document.body).firstChild?(a=l,(r=n.firstChild).parentNode.insertBefore(a,r)):n.appendChild(l))}))}}();const b=e({name:"SvgIcon",props:{type:{type:String,default:""}},setup:e=>()=>t("svg",{class:"vel-icon icon","aria-hidden":"true"},[t("use",{"xlink:href":`#icon-${e.type}`},null)])}),m="undefined"!=typeof window,g=()=>{};let f=!1;if(m)try{const e={};Object.defineProperty(e,"passive",{get(){f=!0}}),window.addEventListener("test-passive",g,e)}catch(e){}const h=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];m&&e.addEventListener(t,o,!!f&&{capture:!1,passive:l})},w=(e,t,o)=>{m&&e.removeEventListener(t,o)},y=e=>{e.preventDefault()},x=Object.prototype.toString,z=e=>t=>x.call(t).slice(8,-1)===e;const k=e=>!!e&&z("String")(e);function _(e){return null!=e}const M=e({name:"Toolbar",props:{zoomIn:{type:Function,default:g},zoomOut:{type:Function,default:g},rotateLeft:{type:Function,default:g},rotateRight:{type:Function,default:g},resize:{type:Function,default:g}},setup:e=>()=>t("div",{class:"vel-toolbar"},[t("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:e.zoomIn},[t(b,{type:"zoomin"},null)]),t("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:e.zoomOut},[t(b,{type:"zoomout"},null)]),t("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:e.resize},[t(b,{type:"resize"},null)]),t("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateLeft},[t(b,{type:"rotate-left"},null)]),t("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateRight},[t(b,{type:"rotate-right"},null)])])}),L=()=>t("div",{class:"vel-loading"},[t("div",{class:"ring"},null)]),S=()=>t("div",{class:"vel-on-error"},[t("div",{class:"ring"},null),t(b,{type:"img-broken"},null)]),C=(e,o)=>{let{slots:l}=o;return t("div",{class:"vel-img-title"},[l.default?l.default():""])},Y=m?window:global;let D=Date.now();function E(e){const t=Date.now(),o=Math.max(0,16-(t-D)),l=setTimeout(e,o);return D=t+o,l}function T(e){return(Y.requestAnimationFrame||E).call(Y,e)}function X(e){(Y.cancelAnimationFrame||Y.clearTimeout).call(Y,e)}function B(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function O(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!u(e)}function R(e){return(e=>!!e&&z("Object")(e))(e)&&k(e.src)}var A=e({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(e,u){let{emit:v,slots:m}=u;const{imgRef:g,imgState:f,setImgSize:x}=(()=>{const e=o(),t=l({width:0,height:0,maxScale:1});return{imgRef:e,imgState:t,setImgSize:()=>{if(e.value){const{width:o,height:l,naturalWidth:n}=e.value;t.maxScale=n/o,t.width=o,t.height=l}}}})(),Y=o(0),D=o(""),E=l({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),A=l({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),I=n((()=>{return t=e.imgs,z("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:R(e)?e:void 0)).filter(_):k(e.imgs)?[{src:e.imgs}]:[];var t})),H=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.src})),j=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.title})),F=n((()=>{var e;return null===(e=I.value[Y.value])||void 0===e?void 0:e.alt})),N=n((()=>({cursor:A.loadError?"default":e.moveDisabled?A.dragging?"grabbing":"grab":"move",top:`calc(50% + ${E.top}px)`,left:`calc(50% + ${E.left}px)`,transition:A.dragging||A.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${E.scale}) rotate(${E.rotateDeg}deg)`}))),$=()=>{v("hide")},P=()=>{E.scale=1,E.lastScale=1,E.rotateDeg=0,E.top=0,E.left=0,A.loadError=!1,A.dragging=!1,A.loading=!0},V=(t,o)=>{const l=Y.value;P(),Y.value=t,I.value[Y.value]===I.value[t]&&r((()=>{A.loading=!1})),e.visible&&l!==t&&(o&&o(l,t),v("on-index-change",l,t))},q=()=>{const t=Y.value,o=e.loop?(t+1)%I.value.length:t+1;!e.loop&&o>I.value.length-1||V(o,((e,t)=>{v("on-next",e,t),v("on-next-click",e,t)}))},U=()=>{const t=Y.value;let o=t-1;if(0===t){if(!e.loop)return;o=I.value.length-1}V(o,((e,t)=>{v("on-prev",e,t),v("on-prev-click",e,t)}))},W=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),E.lastScale=E.scale,E.scale=e},G=()=>{const e=E.scale+.12;e<3*f.maxScale&&W(e)},J=()=>{const e=E.scale-(E.scale<.7?.1:.12);e>.1&&W(e)},K=()=>{E.rotateDeg-=90},Q=()=>{E.rotateDeg+=90},Z=()=>{E.scale=1,E.top=0,E.left=0},ee=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:te,onMouseMove:oe,onMouseUp:le}=((e,t,o)=>{let l,n=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,n=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&X(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=T((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+a.clientY,e.left=o-r+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,n=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(E,A,ee),{onTouchStart:ne,onTouchMove:ae,onTouchEnd:re}=((e,t,o,l)=>{let n,a=!1;return{onTouchStart:e=>{const{touches:l}=e;l.length>1?(o.gesturing=!0,t.touches=l):(t.initX=t.lastX=l[0].clientX,t.initY=t.lastY=l[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:r=>{if(a)return;const{touches:i}=r,{lastX:s,lastY:c,left:d,top:u,scale:p}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];l()?n=T((()=>{t.lastX=e,t.lastY=o,t.top=u-c+o,t.left=d-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(n=T((()=>{const o=(B(t.touches[0],t.touches[1])-B(i[0],i[1]))/e.width;t.touches=i;const l=p-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),a=!1})))},onTouchEnd:()=>{X(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,E,A,ee),ie=()=>{E.scale!==f.maxScale?(E.lastScale=E.scale,E.scale=f.maxScale):E.scale=E.lastScale},se=t=>{A.loadError||A.gesturing||A.loading||A.dragging||A.wheeling||!e.scrollDisabled||(A.wheeling=!0,setTimeout((()=>{A.wheeling=!1}),80),t.deltaY<0?G():J())},ce=t=>{const o=t;e.visible&&(!e.escDisabled&&"Escape"===o.key&&e.visible&&$(),"ArrowLeft"===o.key&&(e.rtl?q():U()),"ArrowRight"===o.key&&(e.rtl?U():q()))},de=()=>{e.maskClosable&&$()},ue=()=>{x()},pe=()=>{A.loading=!1},ve=e=>{A.loading=!1,A.loadError=!0,v("on-error",e)},be=()=>{e.visible&&x()};a((()=>e.index),(e=>{e<0||e>=I.value.length||V(e)})),a((()=>A.dragging),((t,o)=>{const l=!t&&o;if(!ee()&&l){const t=E.lastX-E.initX,o=E.lastY-E.initY,l=e.swipeTolerance;Math.abs(t)>Math.abs(o)&&(t<-1*l?q():t>l&&U())}})),a((()=>e.visible),(t=>{if(t){P();const t=I.value.length;if(0===t)return Y.value=0,A.loading=!1,void r((()=>A.loadError=!0));Y.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&me()}else e.scrollDisabled&&ge()}));const me=()=>{document&&(D.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ge=()=>{document&&(document.body.style.overflowY=D.value)};i((()=>{h(document,"keydown",ce),h(window,"resize",be)})),s((()=>{w(document,"keydown",ce),w(window,"resize",be)}));const fe=()=>A.loading?m.loading?m.loading({key:"loading"}):t(L,{key:"img-loading"},null):A.loadError?m.onerror?m.onerror({key:"onerror"}):t(S,{key:"img-on-error"},null):t("div",{class:"vel-img-wrapper",style:N.value,key:"img-wrapper"},[t("img",{alt:F.value,ref:g,draggable:"false",class:"vel-img",src:H.value,onMousedown:te,onMouseup:le,onMousemove:oe,onTouchstart:ne,onTouchmove:ae,onTouchend:re,onLoad:ue,onDblclick:ie,onDragstart:e=>{e.preventDefault()}},null)]),he=()=>{if(m["prev-btn"])return m["prev-btn"]({prev:U});if(I.value.length<=1)return;const o=!e.loop&&Y.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(o?"disable":""),onClick:U},[e.rtl?t(b,{type:"next"},null):t(b,{type:"prev"},null)])},we=()=>{if(m["next-btn"])return m["next-btn"]({next:q});if(I.value.length<=1)return;const o=!e.loop&&Y.value>=I.value.length-1;return t("div",{role:"button","aria-label":"next image button",class:"btn__next "+(o?"disable":""),onClick:q},[e.rtl?t(b,{type:"prev"},null):t(b,{type:"next"},null)])},ye=()=>{if(j.value&&!e.titleDisabled&&!A.loading&&!A.loadError)return m.title?m.title():t(C,null,{default:()=>[j.value]})},xe=()=>{let o;if(e.visible)return t("div",{onTouchmove:y,class:["vel-modal",e.rtl?"is-rtl":""],onClick:p(de,["self"]),onWheel:se},[t(d,{name:"vel-fade",mode:"out-in"},O(o=fe())?o:{default:()=>[o]}),t("img",{style:"display:none;",src:H.value,onError:ve,onLoad:pe},null),t("div",{class:"vel-btns-wrapper"},[he(),we(),ye(),m["close-btn"]?m["close-btn"]({close:$}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:$},[t(b,{type:"close"},null)]),m.toolbar?m.toolbar({toolbarMethods:{zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z},zoomIn:G,zoomOut:J,rotate:K,rotateLeft:K,rotateRight:Q,resize:Z}):t(M,{zoomIn:G,zoomOut:J,resize:Z,rotateLeft:K,rotateRight:Q},null)])])};return()=>{let o;if(e.teleport){let o;return t(c,{to:e.teleport},{default:()=>[t(d,{name:"vel-fade"},O(o=xe())?o:{default:()=>[o]})]})}return t(d,{name:"vel-fade"},O(o=xe())?o:{default:()=>[o]})}}});const I=e=>{const{imgs:t="",initIndex:l}=e,n=o(t),a=o(l),r=o(!1),i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e};return{imgsRef:n,indexRef:a,visibleRef:r,show:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;i(e),r.value=!0},onHide:()=>{r.value=!1},changeIndex:i}},H=Object.assign(A,{install:e=>{e.component(A.name,A)}});export{H as default,I as useEasyLightbox};
diff --git a/dist/vue-easy-lightbox.umd.min.js b/dist/vue-easy-lightbox.umd.min.js
index 5c7024d..7769363 100644
--- a/dist/vue-easy-lightbox.umd.min.js
+++ b/dist/vue-easy-lightbox.umd.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueEasyLightbox=t(e.Vue)}(this,(function(e){"use strict";function t(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===o&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}t(".vel-fade-enter-active,.vel-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:rgba(0,0,0,.5);bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);-webkit-transition:.3s linear;transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-img{background-color:rgba(0,0,0,.7);-webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,.7);box-shadow:0 5px 20px 2px rgba(0,0,0,.7);display:block;max-height:80vh;max-width:80vw;position:relative;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.15s linear;transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}");t('.vel-loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{-webkit-animation:ring 1.2s linear infinite;animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}');t(".vel-on-error{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}");t(".vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}");t(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");t(".vel-toolbar{border-radius:4px;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}"),function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(l=t,a=e.document,r=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}n()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,n())});function n(){r||(r=!0,l())}var l,a,r,i}((function(){var e,o,n,l,a,r;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",n=o,(l=document.body).firstChild?(a=n,(r=l.firstChild).parentNode.insertBefore(a,r)):l.appendChild(n))}))}}();const o=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),n="undefined"!=typeof window,l=()=>{};let a=!1;if(n)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const r=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n&&e.addEventListener(t,o,!!a&&{capture:!1,passive:l})},i=(e,t,o)=>{n&&e.removeEventListener(t,o)},s=e=>{e.preventDefault()},c=Object.prototype.toString,d=e=>t=>c.call(t).slice(8,-1)===e;const u=e=>!!e&&d("String")(e);function p(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:t=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:t.zoomIn},[e.createVNode(o,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:t.zoomOut},[e.createVNode(o,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:t.resize},[e.createVNode(o,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateLeft},[e.createVNode(o,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateRight},[e.createVNode(o,{type:"rotate-right"},null)])])}),b=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),m=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(o,{type:"img-broken"},null)]),g=(t,o)=>{let{slots:n}=o;return e.createVNode("div",{class:"vel-img-title"},[n.default?n.default():""])},f=n?window:global;let h=Date.now();function w(e){const t=Date.now(),o=Math.max(0,16-(t-h)),n=setTimeout(e,o);return h=t+o,n}function y(e){return(f.requestAnimationFrame||w).call(f,e)}function x(e){(f.cancelAnimationFrame||f.clearTimeout).call(f,e)}function k(e,t){const o=e.clientX-t.clientX,n=e.clientY-t.clientY;return Math.sqrt(o*o+n*n)}function z(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function _(e){return(e=>!!e&&d("Object")(e))(e)&&u(e.src)}var N=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(t,n){let{emit:l,slots:a}=n;const{imgRef:c,imgState:f,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:n,naturalWidth:l}=t.value;o.maxScale=l/e,o.width=e,o.height=n}}}})(),w=e.ref(0),N=e.ref(""),V=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),M=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=t.imgs,d("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:_(e)?e:void 0)).filter(p):u(t.imgs)?[{src:t.imgs}]:[];var e})),L=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.src})),S=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[w.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:M.loadError?"default":t.moveDisabled?M.dragging?"grabbing":"grab":"move",top:`calc(50% + ${V.top}px)`,left:`calc(50% + ${V.left}px)`,transition:M.dragging||M.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${V.scale}) rotate(${V.rotateDeg}deg)`}))),D=()=>{l("hide")},E=()=>{V.scale=1,V.lastScale=1,V.rotateDeg=0,V.top=0,V.left=0,M.loadError=!1,M.dragging=!1,M.loading=!0},B=(o,n)=>{const a=w.value;E(),w.value=o,C.value[w.value]===C.value[o]&&e.nextTick((()=>{M.loading=!1})),t.visible&&a!==o&&(n&&n(a,o),l("on-index-change",a,o))},X=()=>{const e=w.value,o=t.loop?(e+1)%C.value.length:e+1;!t.loop&&o>C.value.length-1||B(o,((e,t)=>{l("on-next",e,t),l("on-next-click",e,t)}))},O=()=>{const e=w.value;let o=e-1;if(0===e){if(!t.loop)return;o=C.value.length-1}B(o,((e,t)=>{l("on-prev",e,t),l("on-prev-click",e,t)}))},A=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),V.lastScale=V.scale,V.scale=e},j=()=>{const e=V.scale+.12;e<3*f.maxScale&&A(e)},H=()=>{const e=V.scale-(V.scale<.7?.1:.12);e>.1&&A(e)},I=()=>{V.rotateDeg-=90},R=()=>{V.rotateDeg+=90},F=()=>{V.scale=1,V.top=0,V.left=0},$=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:P,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let n,l=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,l=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&x(n),t.dragging=!1,l=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(l)return;l=!0,n=y((()=>{const{top:t,left:o,lastY:n,lastX:r}=e;e.top=t-n+a.clientY,e.left=o-r+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,l=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(V,M,$),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,n)=>{let l,a=!1;return{onTouchStart:e=>{const{touches:n}=e;n.length>1?(o.gesturing=!0,t.touches=n):(t.initX=t.lastX=n[0].clientX,t.initY=t.lastY=n[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:r=>{if(a)return;const{touches:i}=r,{lastX:s,lastY:c,left:d,top:u,scale:p}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];n()?l=y((()=>{t.lastX=e,t.lastY=o,t.top=u-c+o,t.left=d-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(l=y((()=>{const o=(k(t.touches[0],t.touches[1])-k(i[0],i[1]))/e.width;t.touches=i;const n=p-1.3*o;n>.5&&n<1.5*e.maxScale&&(t.scale=n),a=!1})))},onTouchEnd:()=>{x(l),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,V,M,$),K=()=>{V.scale!==f.maxScale?(V.lastScale=V.scale,V.scale=f.maxScale):V.scale=V.lastScale},Q=e=>{M.loadError||M.gesturing||M.loading||M.dragging||M.wheeling||!t.scrollDisabled||(M.wheeling=!0,setTimeout((()=>{M.wheeling=!1}),80),e.deltaY<0?j():H())},Z=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&D(),"ArrowLeft"===o.key&&(t.rtl?X():O()),"ArrowRight"===o.key&&(t.rtl?O():X()))},ee=()=>{t.maskClosable&&D()},te=()=>{h()},oe=()=>{M.loading=!1},ne=e=>{M.loading=!1,M.loadError=!0,l("on-error",e)},le=()=>{t.visible&&h()};e.watch((()=>t.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>M.dragging),((e,o)=>{const n=!e&&o;if(!$()&&n){const e=V.lastX-V.initX,o=V.lastY-V.initY,n=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*n?X():e>n&&O())}})),e.watch((()=>t.visible),(o=>{if(o){E();const o=C.value.length;if(0===o)return w.value=0,M.loading=!1,void e.nextTick((()=>M.loadError=!0));w.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&ae()}else t.scrollDisabled&&re()}));const ae=()=>{document&&(N.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},re=()=>{document&&(document.body.style.overflowY=N.value)};e.onMounted((()=>{r(document,"keydown",Z),r(window,"resize",le)})),e.onBeforeUnmount((()=>{i(document,"keydown",Z),i(window,"resize",le)}));const ie=()=>M.loading?a.loading?a.loading({key:"loading"}):e.createVNode(b,{key:"img-loading"},null):M.loadError?a.onerror?a.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:c,draggable:"false",class:"vel-img",src:L.value,onMousedown:P,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),se=()=>{if(a["prev-btn"])return a["prev-btn"]({prev:O});if(C.value.length<=1)return;const n=!t.loop&&w.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(n?"disable":""),onClick:O},[t.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ce=()=>{if(a["next-btn"])return a["next-btn"]({next:X});if(C.value.length<=1)return;const n=!t.loop&&w.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(n?"disable":""),onClick:X},[t.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},de=()=>{if(S.value&&!t.titleDisabled&&!M.loading&&!M.loadError)return a.title?a.title():e.createVNode(g,null,{default:()=>[S.value]})},ue=()=>{let n;if(t.visible)return e.createVNode("div",{onTouchmove:s,class:["vel-modal",t.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},z(n=ie())?n:{default:()=>[n]}),e.createVNode("img",{style:"display:none;",src:L.value,onError:ne,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[se(),ce(),de(),a["close-btn"]?a["close-btn"]({close:D}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:D},[e.createVNode(o,{type:"close"},null)]),a.toolbar?a.toolbar({toolbarMethods:{zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F},zoomIn:j,zoomOut:H,rotate:I,rotateLeft:I,rotateRight:R,resize:F}):e.createVNode(v,{zoomIn:j,zoomOut:H,resize:F,rotateLeft:I,rotateRight:R},null)])])};return()=>{let o;if(t.teleport){let o;return e.createVNode(e.Teleport,{to:t.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})}}});const V=N;return V.install=e=>{e.component(N.name,N)},V}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).VueEasyLightbox=t(e.Vue)}(this,(function(e){"use strict";function t(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===o&&n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}t(".vel-fade-enter-active,.vel-fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}.vel-fade-enter-from,.vel-fade-leave-to{opacity:0}.vel-img-swiper{display:block;position:relative}.vel-modal{background:rgba(0,0,0,.5);bottom:0;left:0;margin:0;position:fixed;right:0;top:0;z-index:9998}.vel-img-wrapper{left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50% -50%);transform:translate(-50% -50%);-webkit-transition:.3s linear;transition:.3s linear;will-change:transform opacity}.vel-img,.vel-img-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-img{background-color:rgba(0,0,0,.7);-webkit-box-shadow:0 5px 20px 2px rgba(0,0,0,.7);box-shadow:0 5px 20px 2px rgba(0,0,0,.7);display:block;max-height:80vh;max-width:80vw;position:relative;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}@media (max-width:750px){.vel-img{max-height:95vh;max-width:85vw}}.vel-btns-wrapper .btn__close,.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;font-size:32px;opacity:.6;outline:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.15s linear;transition:.15s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-btns-wrapper .btn__close:hover,.vel-btns-wrapper .btn__next:hover,.vel-btns-wrapper .btn__prev:hover{opacity:1}.vel-btns-wrapper .btn__close.disable,.vel-btns-wrapper .btn__close.disable:hover,.vel-btns-wrapper .btn__next.disable,.vel-btns-wrapper .btn__next.disable:hover,.vel-btns-wrapper .btn__prev.disable,.vel-btns-wrapper .btn__prev.disable:hover{cursor:default;opacity:.2}.vel-btns-wrapper .btn__next{right:12px}.vel-btns-wrapper .btn__prev{left:12px}.vel-btns-wrapper .btn__close{right:10px;top:24px}@media (max-width:750px){.vel-btns-wrapper .btn__next,.vel-btns-wrapper .btn__prev{font-size:20px}.vel-btns-wrapper .btn__close{font-size:24px}.vel-btns-wrapper .btn__next{right:4px}.vel-btns-wrapper .btn__prev{left:4px}}.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:12px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:12px}@media (max-width:750px){.vel-modal.is-rtl .vel-btns-wrapper .btn__next{left:4px;right:auto}.vel-modal.is-rtl .vel-btns-wrapper .btn__prev{left:auto;right:4px}}.vel-modal.is-rtl .vel-img-title{direction:rtl}");t('.vel-loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-loading .ring{display:inline-block;height:64px;width:64px}.vel-loading .ring:after{-webkit-animation:ring 1.2s linear infinite;animation:ring 1.2s linear infinite;border-color:hsla(0,0%,100%,.7) transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:46px;margin:1px;width:46px}@-webkit-keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}');t(".vel-on-error{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.vel-on-error .icon{color:#aaa;font-size:80px}");t(".vel-img-title{bottom:60px;color:#ccc;cursor:default;font-size:12px;left:50%;line-height:1;max-width:80%;opacity:.8;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;-webkit-transform:translate(-50%);transform:translate(-50%);-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.vel-img-title:hover{opacity:1}");t(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");t(".vel-toolbar{border-radius:4px;bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;left:50%;opacity:.9;overflow:hidden;padding:0;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.vel-toolbar,.vel-toolbar .toolbar-btn{background-color:#2d2d2d;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vel-toolbar .toolbar-btn{-ms-flex-negative:0;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;flex-shrink:0;font-size:20px;outline:none;padding:6px 10px}.vel-toolbar .toolbar-btn:active,.vel-toolbar .toolbar-btn:hover{background-color:#3d3d3d}"),function(){if("undefined"!=typeof window){var e=window,t='<svg><symbol id="icon-rotate-right" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973z m282.559912-479.07185A509.887841 509.887841 0 0 0 511.99984 0.00032C229.215928 0.00032 0 229.216248 0 512.00016s229.215928 511.99984 511.99984 511.99984 511.99984-229.215928 511.99984-511.99984c0-3.743999-0.032-7.455998-0.128-11.167997-1.631999-11.295996-8.159997-27.103992-31.87199-27.103991-27.487991 0-31.67999 21.247993-32.03199 32.06399l0.032 4.127999a30.62399 30.62399 0 0 0 0.16 2.079999H959.9997c0 247.423923-200.575937 447.99986-447.99986 447.99986S63.99998 759.424083 63.99998 512.00016 264.575917 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 1 277.439913 96.22397l-94.91197 91.679971c-25.439992 24.607992-17.439995 44.991986 17.887994 45.599986l188.031942 3.295999a64.31998 64.31998 0 0 0 65.055979-62.84798l3.295999-188.127942C969.407697 15.040315 949.311703 5.792318 923.871711 30.368311l-87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-rotate-left" viewBox="0 0 1024 1024"><path d="M275.199914 450.496179v20.031994c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399a120.255962 120.255962 0 0 1-72.991978-24.895992c-21.503993-15.839995-35.359989-38.751988-41.567987-68.735979h60.831981c9.247997 23.007993 27.167992 34.495989 53.759983 34.49599 37.535988-0.384 56.863982-21.407993 57.983982-63.071981v-38.751988c-28.095991 8.863997-54.303983 13.119996-78.623975 12.735996a91.263971 91.263971 0 0 1-68.447979-27.711991c-18.847994-18.303994-28.095991-47.231985-27.711991-86.847973z m62.55998 24.863992c7.103998 24.799992 25.215992 37.343988 54.271983 37.663989 27.103992-0.288 44.703986-11.327996 52.831984-33.11999 3.135999-8.383997 2.655999-29.599991-1.28-38.559988-8.607997-19.615994-25.791992-29.695991-51.551984-30.20799-28.383991 0.576-46.303986 12.639996-53.759983 36.159988a58.719982 58.719982 0 0 0-0.512 28.063991z m390.335878 115.711964v-116.895963c-1.12-41.311987-20.447994-62.335981-57.983981-63.07198-37.727988 0.768-56.959982 21.791993-57.695982 63.07198v116.895963c0.768 41.663987 19.999994 62.68798 57.695982 63.071981 37.535988-0.384 56.863982-21.407993 57.983981-63.071981z m-174.815945 3.391999v-123.935961c0.384-38.079988 12.543996-67.423979 36.479989-87.967973 22.431993-20.351994 49.215985-30.55999 80.319975-30.55999 32.06399 0 59.295981 10.175997 81.759974 30.55999 22.815993 20.543994 34.591989 49.887984 35.359989 87.967973v123.935961c-0.768 37.887988-12.543996 67.135979-35.359989 87.679973-22.431993 20.351994-49.695984 30.75199-81.759974 31.10399-31.10399-0.384-57.887982-10.751997-80.319975-31.10399-23.935993-20.543994-36.127989-49.791984-36.479989-87.679973zM188.159941 115.392284A509.887841 509.887841 0 0 1 511.99984 0.00032c282.783912 0 511.99984 229.215928 511.99984 511.99984s-229.215928 511.99984-511.99984 511.99984S0 794.784072 0 512.00016c0-3.743999 0.032-7.455998 0.128-11.167997 1.631999-11.295996 8.159997-27.103992 31.87199-27.103991 27.487991 0 31.67999 21.247993 32.03199 32.06399L63.99998 509.920161a30.62399 30.62399 0 0 1-0.16 2.079999H63.99998c0 247.423923 200.575937 447.99986 447.99986 447.99986s447.99986-200.575937 447.99986-447.99986S759.423763 64.0003 511.99984 64.0003a446.079861 446.079861 0 0 0-277.439913 96.22397l94.91197 91.679971c25.439992 24.607992 17.439995 44.991986-17.887994 45.599986L123.551961 300.800226a64.31998 64.31998 0 0 1-65.055979-62.84798l-3.295999-188.127942C54.591983 15.040315 74.687977 5.792318 100.127969 30.368311l87.999972 85.023973z" fill="" ></path></symbol><symbol id="icon-resize" viewBox="0 0 1024 1024"><path d="M456.036919 791.8108 270.553461 791.8108 460.818829 601.572038l-39.593763-39.567157L231.314785 751.915162l0.873903-183.953615c0-15.465227-12.515035-27.981285-27.981285-27.981285s-27.981285 12.515035-27.981285 27.981285l0 251.829516c0 8.3072 3.415796 14.975063 8.826016 19.564591 5.082762 5.192256 12.132318 8.416693 19.947308 8.416693l251.036453 0c15.46625 0 27.981285-12.514012 27.981285-27.981285C484.018204 804.325835 471.504192 791.8108 456.036919 791.8108zM838.945819 184.644347c-5.082762-5.191232-12.132318-8.416693-19.947308-8.416693L567.961034 176.227654c-15.46625 0-27.981285 12.515035-27.981285 27.981285 0 15.46625 12.514012 27.981285 27.981285 27.981285l185.483458 0L563.206754 422.427962l39.567157 39.567157 189.910281-189.910281-0.873903 183.953615c0 15.46625 12.514012 27.981285 27.981285 27.981285s27.981285-12.514012 27.981285-27.981285L847.772858 204.208938C847.771835 195.902762 844.356039 189.234899 838.945819 184.644347zM847.771835 64.303538 176.227142 64.303538c-61.809741 0-111.924115 50.115398-111.924115 111.924115l0 671.544693c0 61.809741 50.114374 111.924115 111.924115 111.924115l671.544693 0c61.809741 0 111.924115-50.114374 111.924115-111.924115l0-671.544693C959.69595 114.418936 909.581576 64.303538 847.771835 64.303538zM903.733381 847.772346c0 30.878265-25.056676 55.962569-55.962569 55.962569L176.227142 903.734916c-30.90487 0-55.962569-25.084305-55.962569-55.962569l0-671.544693c0-30.9325 25.056676-55.962569 55.962569-55.962569l671.544693 0c30.90487 0 55.962569 25.03007 55.962569 55.962569L903.734404 847.772346z"  ></path></symbol><symbol id="icon-img-broken" viewBox="0 0 1024 1024"><path d="M810.666667 128H213.333333c-46.933333 0-85.333333 38.4-85.333333 85.333333v597.333334c0 46.933333 38.4 85.333333 85.333333 85.333333h597.333334c46.933333 0 85.333333-38.4 85.333333-85.333333V213.333333c0-46.933333-38.4-85.333333-85.333333-85.333333z m0 682.666667H213.333333v-195.413334l42.24 42.24 170.666667-170.666666 170.666667 170.666666 170.666666-170.24L810.666667 530.346667V810.666667z m0-401.493334l-43.093334-43.093333-170.666666 171.093333-170.666667-170.666666-170.666667 170.666666-42.24-42.666666V213.333333h597.333334v195.84z"  ></path></symbol><symbol id="icon-prev" viewBox="0 0 1024 1024"><path d="M784.652701 955.6957 346.601985 517.644983c-2.822492-2.822492-2.822492-7.902977 0-11.289967l439.179713-439.179713c6.77398-6.77398 10.725469-16.370452 10.725469-25.966924L796.507166 36.692393c0-20.32194-16.370452-36.692393-36.692393-36.692393l-4.515987 0c-9.596472 0-19.192944 3.951488-25.966924 10.725469L250.072767 489.420066c-12.418964 12.418964-12.418964 32.740904 0 45.159868l477.565601 477.565601c7.338479 7.338479 17.499449 11.854465 28.224917 11.854465l0 0c22.015436 0 40.079383-18.063947 40.079383-40.079383l0 0C796.507166 973.759647 791.99118 963.598677 784.652701 955.6957z"  ></path></symbol><symbol id="icon-next" viewBox="0 0 1024 1024"><path d="M246.121279 955.6957l438.050717-438.050717c2.822492-2.822492 2.822492-7.902977 0-11.289967L244.992282 67.175303c-6.77398-6.77398-10.725469-16.370452-10.725469-25.966924L234.266814 36.692393C234.266814 16.370452 250.637266 0 270.959206 0l4.515987 0c9.596472 0 19.192944 3.951488 25.966924 10.725469l478.694598 478.694598c12.418964 12.418964 12.418964 32.740904 0 45.159868l-477.565601 477.565601c-7.338479 7.338479-17.499449 11.854465-28.224917 11.854465l0 0c-22.015436 0-40.079383-18.063947-40.079383-40.079383l0 0C234.266814 973.759647 238.7828 963.598677 246.121279 955.6957z"  ></path></symbol><symbol id="icon-zoomin" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path><path d="M367.488 238.144h127.104v390.72H367.488z"  ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M570.24 512l259.2 259.2-58.88 58.24L512 570.24l-261.12 261.12-58.24-58.24L453.76 512 194.56 252.8l58.24-58.24L512 453.76l261.12-261.12 58.24 58.24z"  ></path></symbol><symbol id="icon-zoomout" viewBox="0 0 1024 1024"><path d="M725.504 652.864c46.4-61.44 71.744-136.448 71.744-218.752C797.248 230.464 632.768 64 430.656 64S64 230.464 64 434.112C64 639.36 228.48 805.76 430.656 805.76c86.656 0 164.48-30.144 227.52-81.088L889.984 960 960 891.264l-234.496-238.4z m-294.848 67.456c-155.776 0-282.624-128.896-282.624-286.208s126.848-286.208 282.624-286.208 282.624 128.896 282.624 286.208-126.912 286.208-282.624 286.208z"  ></path><path d="M235.712 369.92h390.72v127.104H235.712z"  ></path></symbol></svg>';!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var o=function(){document.removeEventListener("DOMContentLoaded",o,!1),t()};document.addEventListener("DOMContentLoaded",o,!1)}else document.attachEvent&&(l=t,a=e.document,r=!1,(i=function(){try{a.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}n()})(),a.onreadystatechange=function(){"complete"==a.readyState&&(a.onreadystatechange=null,n())});function n(){r||(r=!0,l())}var l,a,r,i}((function(){var e,o,n,l,a,r;(e=document.createElement("div")).innerHTML=t,t=null,(o=e.getElementsByTagName("svg")[0])&&(o.setAttribute("aria-hidden","true"),o.style.position="absolute",o.style.width=0,o.style.height=0,o.style.overflow="hidden",n=o,(l=document.body).firstChild?(a=n,(r=l.firstChild).parentNode.insertBefore(a,r)):l.appendChild(n))}))}}();const o=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:"vel-icon icon","aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),n="undefined"!=typeof window,l=()=>{};let a=!1;if(n)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const r=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n&&e.addEventListener(t,o,!!a&&{capture:!1,passive:l})},i=(e,t,o)=>{n&&e.removeEventListener(t,o)},s=e=>{e.preventDefault()},c=Object.prototype.toString,d=e=>t=>c.call(t).slice(8,-1)===e;const u=e=>!!e&&d("String")(e);function p(e){return null!=e}const v=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:l},zoomOut:{type:Function,default:l},rotateLeft:{type:Function,default:l},rotateRight:{type:Function,default:l},resize:{type:Function,default:l}},setup:t=>()=>e.createVNode("div",{class:"vel-toolbar"},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:t.zoomIn},[e.createVNode(o,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:t.zoomOut},[e.createVNode(o,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:t.resize},[e.createVNode(o,{type:"resize"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateLeft},[e.createVNode(o,{type:"rotate-left"},null)]),e.createVNode("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateRight},[e.createVNode(o,{type:"rotate-right"},null)])])}),b=()=>e.createVNode("div",{class:"vel-loading"},[e.createVNode("div",{class:"ring"},null)]),m=()=>e.createVNode("div",{class:"vel-on-error"},[e.createVNode("div",{class:"ring"},null),e.createVNode(o,{type:"img-broken"},null)]),g=(t,o)=>{let{slots:n}=o;return e.createVNode("div",{class:"vel-img-title"},[n.default?n.default():""])},f=n?window:global;let h=Date.now();function w(e){const t=Date.now(),o=Math.max(0,16-(t-h)),n=setTimeout(e,o);return h=t+o,n}function y(e){return(f.requestAnimationFrame||w).call(f,e)}function x(e){(f.cancelAnimationFrame||f.clearTimeout).call(f,e)}function k(e,t){const o=e.clientX-t.clientX,n=e.clientY-t.clientY;return Math.sqrt(o*o+n*n)}function z(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function _(e){return(e=>!!e&&d("Object")(e))(e)&&u(e.src)}var N=e.defineComponent({name:"VueEasyLightbox",props:{imgs:{type:[Array,String],default:()=>""},visible:{type:Boolean,default:!1},index:{type:Number,default:0},scrollDisabled:{type:Boolean,default:!0},escDisabled:{type:Boolean,default:!1},moveDisabled:{type:Boolean,default:!1},titleDisabled:{type:Boolean,default:!1},maskClosable:{type:Boolean,default:!0},teleport:{type:[String,Object],default:null},swipeTolerance:{type:Number,default:50},loop:{type:Boolean,default:!1},rtl:{type:Boolean,default:!1}},emits:{hide:()=>!0,"on-error":e=>!0,"on-prev":(e,t)=>!0,"on-next":(e,t)=>!0,"on-prev-click":(e,t)=>!0,"on-next-click":(e,t)=>!0,"on-index-change":(e,t)=>!0},setup(t,n){let{emit:l,slots:a}=n;const{imgRef:c,imgState:f,setImgSize:h}=(()=>{const t=e.ref(),o=e.reactive({width:0,height:0,maxScale:1});return{imgRef:t,imgState:o,setImgSize:()=>{if(t.value){const{width:e,height:n,naturalWidth:l}=t.value;o.maxScale=l/e,o.width=e,o.height=n}}}})(),w=e.ref(0),N=e.ref(""),V=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),M=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),L=e.computed((()=>{return e=t.imgs,d("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:_(e)?e:void 0)).filter(p):u(t.imgs)?[{src:t.imgs}]:[];var e})),C=e.computed((()=>{var e;return null===(e=L.value[w.value])||void 0===e?void 0:e.src})),S=e.computed((()=>{var e;return null===(e=L.value[w.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=L.value[w.value])||void 0===e?void 0:e.alt})),Y=e.computed((()=>({cursor:M.loadError?"default":t.moveDisabled?M.dragging?"grabbing":"grab":"move",top:`calc(50% + ${V.top}px)`,left:`calc(50% + ${V.left}px)`,transition:M.dragging||M.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${V.scale}) rotate(${V.rotateDeg}deg)`}))),E=()=>{l("hide")},D=()=>{V.scale=1,V.lastScale=1,V.rotateDeg=0,V.top=0,V.left=0,M.loadError=!1,M.dragging=!1,M.loading=!0},B=(o,n)=>{const a=w.value;D(),w.value=o,L.value[w.value]===L.value[o]&&e.nextTick((()=>{M.loading=!1})),t.visible&&a!==o&&(n&&n(a,o),l("on-index-change",a,o))},X=()=>{const e=w.value,o=t.loop?(e+1)%L.value.length:e+1;!t.loop&&o>L.value.length-1||B(o,((e,t)=>{l("on-next",e,t),l("on-next-click",e,t)}))},O=()=>{const e=w.value;let o=e-1;if(0===e){if(!t.loop)return;o=L.value.length-1}B(o,((e,t)=>{l("on-prev",e,t),l("on-prev-click",e,t)}))},R=e=>{Math.abs(1-e)<.05?e=1:Math.abs(f.maxScale-e)<.05&&(e=f.maxScale),V.lastScale=V.scale,V.scale=e},A=()=>{const e=V.scale+.12;e<3*f.maxScale&&R(e)},I=()=>{const e=V.scale-(V.scale<.7?.1:.12);e>.1&&R(e)},j=()=>{V.rotateDeg-=90},H=()=>{V.rotateDeg+=90},F=()=>{V.scale=1,V.top=0,V.left=0},$=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:P,onMouseMove:q,onMouseUp:U}=((e,t,o)=>{let n,l=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,l=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&x(n),t.dragging=!1,l=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(l)return;l=!0,n=y((()=>{const{top:t,left:o,lastY:n,lastX:r}=e;e.top=t-n+a.clientY,e.left=o-r+a.clientX,e.lastX=a.clientX,e.lastY=a.clientY,l=!1}))}else e.lastX=a.clientX,e.lastY=a.clientY;a.stopPropagation()}}})(V,M,$),{onTouchStart:W,onTouchMove:G,onTouchEnd:J}=((e,t,o,n)=>{let l,a=!1;return{onTouchStart:e=>{const{touches:n}=e;n.length>1?(o.gesturing=!0,t.touches=n):(t.initX=t.lastX=n[0].clientX,t.initY=t.lastY=n[0].clientY,o.dragging=!0),e.stopPropagation()},onTouchMove:r=>{if(a)return;const{touches:i}=r,{lastX:s,lastY:c,left:d,top:u,scale:p}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];n()?l=y((()=>{t.lastX=e,t.lastY=o,t.top=u-c+o,t.left=d-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(l=y((()=>{const o=(k(t.touches[0],t.touches[1])-k(i[0],i[1]))/e.width;t.touches=i;const n=p-1.3*o;n>.5&&n<1.5*e.maxScale&&(t.scale=n),a=!1})))},onTouchEnd:()=>{x(l),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,V,M,$),K=()=>{V.scale!==f.maxScale?(V.lastScale=V.scale,V.scale=f.maxScale):V.scale=V.lastScale},Q=e=>{M.loadError||M.gesturing||M.loading||M.dragging||M.wheeling||!t.scrollDisabled||(M.wheeling=!0,setTimeout((()=>{M.wheeling=!1}),80),e.deltaY<0?A():I())},Z=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&E(),"ArrowLeft"===o.key&&(t.rtl?X():O()),"ArrowRight"===o.key&&(t.rtl?O():X()))},ee=()=>{t.maskClosable&&E()},te=()=>{h()},oe=()=>{M.loading=!1},ne=e=>{M.loading=!1,M.loadError=!0,l("on-error",e)},le=()=>{t.visible&&h()};e.watch((()=>t.index),(e=>{e<0||e>=L.value.length||B(e)})),e.watch((()=>M.dragging),((e,o)=>{const n=!e&&o;if(!$()&&n){const e=V.lastX-V.initX,o=V.lastY-V.initY,n=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*n?X():e>n&&O())}})),e.watch((()=>t.visible),(o=>{if(o){D();const o=L.value.length;if(0===o)return w.value=0,M.loading=!1,void e.nextTick((()=>M.loadError=!0));w.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&ae()}else t.scrollDisabled&&re()}));const ae=()=>{document&&(N.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},re=()=>{document&&(document.body.style.overflowY=N.value)};e.onMounted((()=>{r(document,"keydown",Z),r(window,"resize",le)})),e.onBeforeUnmount((()=>{i(document,"keydown",Z),i(window,"resize",le)}));const ie=()=>M.loading?a.loading?a.loading({key:"loading"}):e.createVNode(b,{key:"img-loading"},null):M.loadError?a.onerror?a.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:Y.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:c,draggable:"false",class:"vel-img",src:C.value,onMousedown:P,onMouseup:U,onMousemove:q,onTouchstart:W,onTouchmove:G,onTouchend:J,onLoad:te,onDblclick:K,onDragstart:e=>{e.preventDefault()}},null)]),se=()=>{if(a["prev-btn"])return a["prev-btn"]({prev:O});if(L.value.length<=1)return;const n=!t.loop&&w.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(n?"disable":""),onClick:O},[t.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ce=()=>{if(a["next-btn"])return a["next-btn"]({next:X});if(L.value.length<=1)return;const n=!t.loop&&w.value>=L.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(n?"disable":""),onClick:X},[t.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},de=()=>{if(S.value&&!t.titleDisabled&&!M.loading&&!M.loadError)return a.title?a.title():e.createVNode(g,null,{default:()=>[S.value]})},ue=()=>{let n;if(t.visible)return e.createVNode("div",{onTouchmove:s,class:["vel-modal",t.rtl?"is-rtl":""],onClick:e.withModifiers(ee,["self"]),onWheel:Q},[e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},z(n=ie())?n:{default:()=>[n]}),e.createVNode("img",{style:"display:none;",src:C.value,onError:ne,onLoad:oe},null),e.createVNode("div",{class:"vel-btns-wrapper"},[se(),ce(),de(),a["close-btn"]?a["close-btn"]({close:E}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:E},[e.createVNode(o,{type:"close"},null)]),a.toolbar?a.toolbar({toolbarMethods:{zoomIn:A,zoomOut:I,rotate:j,rotateLeft:j,rotateRight:H,resize:F},zoomIn:A,zoomOut:I,rotate:j,rotateLeft:j,rotateRight:H,resize:F}):e.createVNode(v,{zoomIn:A,zoomOut:I,resize:F,rotateLeft:j,rotateRight:H},null)])])};return()=>{let o;if(t.teleport){let o;return e.createVNode(e.Teleport,{to:t.teleport},{default:()=>[e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},z(o=ue())?o:{default:()=>[o]})}}});const V=Object.assign(N,{install:e=>{e.component(N.name,N)},useEasyLightbox:t=>{const{imgs:o="",initIndex:n}=t,l=e.ref(o),a=e.ref(n),r=e.ref(!1),i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e};return{imgsRef:l,indexRef:a,visibleRef:r,show:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;i(e),r.value=!0},onHide:()=>{r.value=!1},changeIndex:i}}});return V}));
diff --git a/package.json b/package.json
index 3dd6ae9..e48c51a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-easy-lightbox",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "A Vue.js 3.0 image lightbox component with Zoom / Drag / Rotate / Switch",
   "private": false,
   "author": "Zichao Xiong <onycat@live.cn>",