From 2a4017c747b51a6053a0848f0dbb1ebf52b6f186 Mon Sep 17 00:00:00 2001 From: XiongAmao Date: Thu, 23 Feb 2023 12:37:46 +0800 Subject: [PATCH 1/2] docs: update `rotateDisabled` prop description --- README-CN.md | 6 ++++++ docs/docs/guide/readme.md | 6 ++++++ docs/docs/pt-BR/guide/readme.md | 6 ++++++ docs/docs/zh/guide/readme.md | 6 ++++++ 4 files changed, 24 insertions(+) diff --git a/README-CN.md b/README-CN.md index e9a87c6..6d15945 100644 --- a/README-CN.md +++ b/README-CN.md @@ -447,6 +447,12 @@ Props false 传true时，禁用拖动图片功能，并启用swipe功能 + + rotateDisabled (rotate-disabled) + Boolean + false + 传true时，禁用图片旋转功能 + maskClosable (mask-closable) Boolean diff --git a/docs/docs/guide/readme.md b/docs/docs/guide/readme.md index 9d5d9e5..dc645d8 100644 --- a/docs/docs/guide/readme.md +++ b/docs/docs/guide/readme.md @@ -449,6 +449,12 @@ export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => { false Pass true to disable image movement and enable swipe. + + rotateDisabled (rotate-disabled) + Boolean + false + Pass true to disable image rotation. + maskClosable (mask-closable) Boolean diff --git a/docs/docs/pt-BR/guide/readme.md b/docs/docs/pt-BR/guide/readme.md index 697c632..60c9158 100644 --- a/docs/docs/pt-BR/guide/readme.md +++ b/docs/docs/pt-BR/guide/readme.md @@ -451,6 +451,12 @@ export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => { false Passe verdadeiro para desativar o movimento da imagem e permitir `swipe`. + + rotateDisabled (rotate-disabled) + Boolean + false + Passe verdadeiro para desativar a rotação da imagem. + maskClosable (mask-closable) Boolean diff --git a/docs/docs/zh/guide/readme.md b/docs/docs/zh/guide/readme.md index 5fdabc2..802f4dc 100644 --- a/docs/docs/zh/guide/readme.md +++ b/docs/docs/zh/guide/readme.md @@ -448,6 +448,12 @@ export declare const useEasyLightbox: (options: UseEasyLightboxOptions) => { false 传true时，禁用拖动图片功能，并启用手势swipe功能 + + rotateDisabled (rotate-disabled) + Boolean + false + 传true时，禁用图片旋转功能 + maskClosable (mask-closable) Boolean From 6bfbf869221c81a83cb6f5b7bf7d7d16fe502874 Mon Sep 17 00:00:00 2001 From: XiongAmao Date: Thu, 23 Feb 2023 17:46:33 +0800 Subject: [PATCH 2/2] build: release v1.13.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 2db82bd..aad9fe9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # Changelog +## [1.13.0] (23 Feb. 2023) + +- Feat: Add `rotateDisabled` prop to disable the rotation of the image. [#123](https://github.com/XiongAmao/vue-easy-lightbox/issues/123) [#62](https://github.com/XiongAmao/vue-easy-lightbox/issues/62) + ## [1.12.0] (3 Feb. 2023) - Refactor: using default icon svg with vue component. diff --git a/dist/external-css/vue-easy-lightbox.common.min.js b/dist/external-css/vue-easy-lightbox.common.min.js index eb74970..e6f5dc4 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");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 a=!1;if(o)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const n=function(e,t,l){let n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];o&&e.addEventListener(t,l,!!a&&{capture:!1,passive:n})},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)]),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=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),f=o?window:global;let h=Date.now();function y(e){const t=Date.now(),o=Math.max(0,16-(t-h)),l=setTimeout(e,o);return h=t+o,l}function N(e){return(f.requestAnimationFrame||y).call(f,e)}function V(e){(f.cancelAnimationFrame||f.clearTimeout).call(f,e)}function z(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function w(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function x(e){return(e=>!!e&&s("Object")(e))(e)&&d(e.src)}var M=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,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,"on-rotate":e=>!0},setup(o,l){let{emit:a,slots:c}=l;const{imgRef:f,imgState:h,setImgSize:y}=(()=>{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:a}=t.value;o.maxScale=a/e,o.width=e,o.height=l}}}})(),M=e.ref(0),S=e.ref(""),k=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),L=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}:x(e)?e:void 0)).filter(u):d(o.imgs)?[{src:o.imgs}]:[];var e})),D=e.computed((()=>{var e;return null===(e=C.value[M.value])||void 0===e?void 0:e.src})),Y=e.computed((()=>{var e;return null===(e=C.value[M.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[M.value])||void 0===e?void 0:e.alt})),X=e.computed((()=>({cursor:L.loadError?"default":o.moveDisabled?L.dragging?"grabbing":"grab":"move",top:`calc(50% + ${k.top}px)`,left:`calc(50% + ${k.left}px)`,transition:L.dragging||L.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${k.scale}) rotate(${k.rotateDeg}deg)`}))),B=()=>{a("hide")},E=()=>{k.scale=1,k.lastScale=1,k.rotateDeg=0,k.top=0,k.left=0,L.loadError=!1,L.dragging=!1,L.loading=!0},_=(t,l)=>{const n=M.value;E(),M.value=t,C.value[M.value]===C.value[t]&&e.nextTick((()=>{L.loading=!1})),o.visible&&n!==t&&(l&&l(n,t),a("on-index-change",n,t))},O=()=>{const e=M.value,t=o.loop?(e+1)%C.value.length:e+1;!o.loop&&t>C.value.length-1||_(t,((e,t)=>{a("on-next",e,t),a("on-next-click",e,t)}))},R=()=>{const e=M.value;let t=e-1;if(0===e){if(!o.loop)return;t=C.value.length-1}_(t,((e,t)=>{a("on-prev",e,t),a("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(h.maxScale-e)<.05&&(e=h.maxScale),k.lastScale=k.scale,k.scale=e},j=()=>{const e=k.scale+o.zoomScale;e{const e=k.scale-o.zoomScale;e>o.minZoom&&I(e)},H=()=>{const e=k.rotateDeg%360;a("on-rotate",Math.abs(e<0?e+360:e))},F=()=>{k.rotateDeg-=90,H()},P=()=>{k.rotateDeg+=90,H()},$=()=>{k.scale=1,k.top=0,k.left=0},Z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!o.moveDisabled&&0===e},{onMouseDown:q,onMouseMove:U,onMouseUp:W}=((e,t,o)=>{let l,a=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,a=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&V(l),t.dragging=!1,a=!1},onMouseMove:n=>{if(t.dragging)if(o(n.button)){if(a)return;a=!0,l=N((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+n.clientY,e.left=o-r+n.clientX,e.lastX=n.clientX,e.lastY=n.clientY,a=!1}))}else e.lastX=n.clientX,e.lastY=n.clientY;n.stopPropagation()}}})(k,L,Z),{onTouchStart:G,onTouchMove:J,onTouchEnd:K}=((e,t,o,l)=>{let a,n=!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(n)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()?a=N((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,n=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(a=N((()=>{const o=(z(t.touches[0],t.touches[1])-z(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),n=!1})))},onTouchEnd:()=>{V(a),o.dragging=!1,o.gesturing=!1,n=!1}}})(h,k,L,Z),Q=()=>{k.scale!==h.maxScale?(k.lastScale=k.scale,k.scale=h.maxScale):k.scale=k.lastScale},ee=e=>{L.loadError||L.gesturing||L.loading||L.dragging||L.wheeling||!o.scrollDisabled||(L.wheeling=!0,setTimeout((()=>{L.wheeling=!1}),80),e.deltaY<0?j():A())},te=e=>{const t=e;o.visible&&(!o.escDisabled&&"Escape"===t.key&&o.visible&&B(),"ArrowLeft"===t.key&&(o.rtl?O():R()),"ArrowRight"===t.key&&(o.rtl?R():O()))},oe=()=>{o.maskClosable&&B()},le=()=>{y()},ae=()=>{L.loading=!1},ne=e=>{L.loading=!1,L.loadError=!0,a("on-error",e)},re=()=>{o.visible&&y()};e.watch((()=>o.index),(e=>{e<0||e>=C.value.length||_(e)})),e.watch((()=>L.dragging),((e,t)=>{const l=!e&&t;if(!Z()&&l){const e=k.lastX-k.initX,t=k.lastY-k.initY,l=o.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*l?O():e>l&&R())}})),e.watch((()=>o.visible),(t=>{if(t){E();const t=C.value.length;if(0===t)return M.value=0,L.loading=!1,void e.nextTick((()=>L.loadError=!0));M.value=o.index>=t?t-1:o.index<0?0:o.index,o.scrollDisabled&&ie()}else o.scrollDisabled&&ce()}));const ie=()=>{document&&(S.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ce=()=>{document&&(document.body.style.overflowY=S.value)};e.onMounted((()=>{n(document,"keydown",te),n(window,"resize",re)})),e.onBeforeUnmount((()=>{r(document,"keydown",te),r(window,"resize",re),ce()}));const se=()=>L.loading?c.loading?c.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):L.loadError?c.onerror?c.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:X.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:f,draggable:"false",class:"vel-img",src:D.value,onMousedown:q,onMouseup:W,onMousemove:U,onTouchstart:G,onTouchmove:J,onTouchend:K,onLoad:le,onDblclick:Q,onDragstart:e=>{e.preventDefault()}},null)]),de=()=>{if(c["prev-btn"])return c["prev-btn"]({prev:R});if(C.value.length<=1)return;const l=!o.loop&&M.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:R},[o.rtl?e.createVNode(t,{type:"next"},null):e.createVNode(t,{type:"prev"},null)])},ue=()=>{if(c["next-btn"])return c["next-btn"]({next:O});if(C.value.length<=1)return;const l=!o.loop&&M.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:O},[o.rtl?e.createVNode(t,{type:"prev"},null):e.createVNode(t,{type:"next"},null)])},ve=()=>{if(Y.value&&!o.titleDisabled&&!L.loading&&!L.loadError)return c.title?c.title():e.createVNode(p,null,{default:()=>[Y.value]})},ge=()=>{let l;if(o.visible)return e.createVNode("div",{onTouchmove:i,class:["vel-modal",o.rtl?"is-rtl":""],onClick:e.withModifiers(oe,["self"]),onWheel:ee},[e.createVNode(b,null,null),e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},w(l=se())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:D.value,onError:ne,onLoad:ae},null),e.createVNode("div",{class:"vel-btns-wrapper"},[de(),ue(),ve(),c["close-btn"]?c["close-btn"]({close:B}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:B},[e.createVNode(t,{type:"close"},null)]),c.toolbar?c.toolbar({toolbarMethods:{zoomIn:j,zoomOut:A,rotate:F,rotateLeft:F,rotateRight:P,resize:$},zoomIn:j,zoomOut:A,rotate:F,rotateLeft:F,rotateRight:P,resize:$}):e.createVNode(v,{zoomIn:j,zoomOut:A,resize:$,rotateLeft:F,rotateRight:P},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"},w(t=ge())?t:{default:()=>[t]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},w(t=ge())?t:{default:()=>[t]})}}});const S=Object.assign(M,{install:e=>{e.component(M.name,M)}});exports.default=S,exports.useEasyLightbox=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,a=e.ref(o),n=e.ref(l),r=e.ref(!1),i=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;"number"==typeof t?c(t):e.isRef(t)&&"number"==typeof t.value?c(t.value):t instanceof Event&&c(n.value),r.value=!0},c=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;n.value=e},s=()=>{r.value=!1};return{imgsRef:a,indexRef:n,visibleRef:r,show:i,onHide:s,changeIndex:c}}; +"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("vue");const t="vel",o=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:o=>()=>e.createVNode("svg",{class:`${t}-icon icon`,"aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${o.type}`},null)])}),l="undefined"!=typeof window,a=()=>{};let n=!1;if(l)try{const e={};Object.defineProperty(e,"passive",{get(){n=!0}}),window.addEventListener("test-passive",a,e)}catch(e){}const r=function(e,t,o){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];l&&e.addEventListener(t,o,!!n&&{capture:!1,passive:a})},i=(e,t,o)=>{l&&e.removeEventListener(t,o)},c=e=>{e.preventDefault()},s=Object.prototype.toString,d=e=>t=>s.call(t).slice(8,-1)===e;const u=e=>!!e&&d("Object")(e),g=e=>!!e&&d("String")(e);function v(e){return null!=e}const m=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:a},zoomOut:{type:Function,default:a},rotateLeft:{type:Function,default:a},rotateRight:{type:Function,default:a},resize:{type:Function,default:a},rotateDisabled:{type:Boolean,default:!1}},setup:l=>()=>e.createVNode("div",{class:`${t}-toolbar`},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:l.zoomIn},[e.createVNode(o,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:l.zoomOut},[e.createVNode(o,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:l.resize},[e.createVNode(o,{type:"resize"},null)]),!l.rotateDisabled&&e.createVNode(e.Fragment,null,[e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:l.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:l.rotateRight},[e.createVNode(o,{type:"rotate-right"},null)])])])}),p=()=>e.createVNode("div",{class:`${t}-loading`},[e.createVNode("div",{class:"ring"},null)]),b=()=>e.createVNode("div",{class:`${t}-on-error`},[e.createVNode("div",{class:"ring"},null),e.createVNode(o,{type:"img-broken"},null)]),f=(o,l)=>{let{slots:a}=l;return e.createVNode("div",{class:`${t}-img-title`},[a.default?a.default():""])},h=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),y=l?window:global;let N=Date.now();function V(e){const t=Date.now(),o=Math.max(0,16-(t-N)),l=setTimeout(e,o);return N=t+o,l}function z(e){return(y.requestAnimationFrame||V).call(y,e)}function w(e){(y.cancelAnimationFrame||y.clearTimeout).call(y,e)}function x(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function M(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}var S=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,default:.1},rotateDisabled:{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,"on-rotate":e=>!0},setup(l,a){let{emit:n,slots:s}=a;const{imgRef:y,imgState:N,setImgSize:V}=(()=>{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:a}=t.value;o.maxScale=a/e,o.width=e,o.height=l}}}})(),S=e.ref(0),k=e.ref(""),D=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),L=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=l.imgs,d("Array")(e)?l.imgs.map((e=>"string"==typeof e?{src:e}:function(e){return u(e)&&g(e.src)}(e)?e:void 0)).filter(v):g(l.imgs)?[{src:l.imgs}]:[];var e})),Y=e.computed((()=>{const e=C.value[S.value]?.src;return e})),T=e.computed((()=>C.value[S.value]?.title)),X=e.computed((()=>C.value[S.value]?.alt)),B=e.computed((()=>({cursor:L.loadError?"default":l.moveDisabled?L.dragging?"grabbing":"grab":"move",top:`calc(50% + ${D.top}px)`,left:`calc(50% + ${D.left}px)`,transition:L.dragging||L.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${D.scale}) rotate(${D.rotateDeg}deg)`}))),E=()=>{n("hide")},_=()=>{D.scale=1,D.lastScale=1,D.rotateDeg=0,D.top=0,D.left=0,L.loadError=!1,L.dragging=!1,L.loading=!0},$=(t,o)=>{const a=S.value;_(),S.value=t,C.value[S.value]===C.value[t]&&e.nextTick((()=>{L.loading=!1})),l.visible&&a!==t&&(o&&o(a,t),n("on-index-change",a,t))},O=()=>{const e=S.value,t=l.loop?(e+1)%C.value.length:e+1;!l.loop&&t>C.value.length-1||$(t,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},R=()=>{const e=S.value;let t=e-1;if(0===e){if(!l.loop)return;t=C.value.length-1}$(t,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(N.maxScale-e)<.05&&(e=N.maxScale),D.lastScale=D.scale,D.scale=e},j=()=>{const e=D.scale+l.zoomScale;e{const e=D.scale-l.zoomScale;e>l.minZoom&&I(e)},F=()=>{const e=D.rotateDeg%360;n("on-rotate",Math.abs(e<0?e+360:e))},H=()=>{D.rotateDeg-=90,F()},P=()=>{D.rotateDeg+=90,F()},Z=()=>{D.scale=1,D.top=0,D.left=0},q=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!l.moveDisabled&&0===e},{onMouseDown:U,onMouseMove:W,onMouseUp:G}=((e,t,o)=>{let l,a=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,a=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&w(l),t.dragging=!1,a=!1},onMouseMove:n=>{if(t.dragging)if(o(n.button)){if(a)return;a=!0,l=z((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+n.clientY,e.left=o-r+n.clientX,e.lastX=n.clientX,e.lastY=n.clientY,a=!1}))}else e.lastX=n.clientX,e.lastY=n.clientY;n.stopPropagation()}}})(D,L,q),{onTouchStart:J,onTouchMove:K,onTouchEnd:Q}=((e,t,o,l)=>{let a,n=!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(n)return;const{touches:i}=r,{lastX:c,lastY:s,left:d,top:u,scale:g}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];l()?a=z((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,n=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(a=z((()=>{const o=(x(t.touches[0],t.touches[1])-x(i[0],i[1]))/e.width;t.touches=i;const l=g-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),n=!1})))},onTouchEnd:()=>{w(a),o.dragging=!1,o.gesturing=!1,n=!1}}})(N,D,L,q),ee=()=>{D.scale!==N.maxScale?(D.lastScale=D.scale,D.scale=N.maxScale):D.scale=D.lastScale},te=e=>{L.loadError||L.gesturing||L.loading||L.dragging||L.wheeling||!l.scrollDisabled||(L.wheeling=!0,setTimeout((()=>{L.wheeling=!1}),80),e.deltaY<0?j():A())},oe=e=>{const t=e;l.visible&&(!l.escDisabled&&"Escape"===t.key&&l.visible&&E(),"ArrowLeft"===t.key&&(l.rtl?O():R()),"ArrowRight"===t.key&&(l.rtl?R():O()))},le=()=>{l.maskClosable&&E()},ae=()=>{V()},ne=()=>{L.loading=!1},re=e=>{L.loading=!1,L.loadError=!0,n("on-error",e)},ie=()=>{l.visible&&V()};e.watch((()=>l.index),(e=>{e<0||e>=C.value.length||$(e)})),e.watch((()=>L.dragging),((e,t)=>{const o=!e&&t;if(!q()&&o){const e=D.lastX-D.initX,t=D.lastY-D.initY,o=l.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*o?O():e>o&&R())}})),e.watch((()=>l.visible),(t=>{if(t){_();const t=C.value.length;if(0===t)return S.value=0,L.loading=!1,void e.nextTick((()=>L.loadError=!0));S.value=l.index>=t?t-1:l.index<0?0:l.index,l.scrollDisabled&&ce()}else l.scrollDisabled&&se()}));const ce=()=>{document&&(k.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},se=()=>{document&&(document.body.style.overflowY=k.value)};e.onMounted((()=>{r(document,"keydown",oe),r(window,"resize",ie)})),e.onBeforeUnmount((()=>{i(document,"keydown",oe),i(window,"resize",ie),se()}));const de=()=>L.loading?s.loading?s.loading({key:"loading"}):e.createVNode(p,{key:"img-loading"},null):L.loadError?s.onerror?s.onerror({key:"onerror"}):e.createVNode(b,{key:"img-on-error"},null):e.createVNode("div",{class:`${t}-img-wrapper`,style:B.value,key:"img-wrapper"},[e.createVNode("img",{alt:X.value,ref:y,draggable:"false",class:`${t}-img`,src:Y.value,onMousedown:U,onMouseup:G,onMousemove:W,onTouchstart:J,onTouchmove:K,onTouchend:Q,onLoad:ae,onDblclick:ee,onDragstart:e=>{e.preventDefault()}},null)]),ue=()=>{if(s["prev-btn"])return s["prev-btn"]({prev:R});if(C.value.length<=1)return;const t=!l.loop&&S.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(t?"disable":""),onClick:R},[l.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ge=()=>{if(s["next-btn"])return s["next-btn"]({next:O});if(C.value.length<=1)return;const t=!l.loop&&S.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(t?"disable":""),onClick:O},[l.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},ve=()=>{if(T.value&&!l.titleDisabled&&!L.loading&&!L.loadError)return s.title?s.title():e.createVNode(f,null,{default:()=>[T.value]})},me=()=>{let a;if(l.visible)return e.createVNode("div",{onTouchmove:c,class:[`${t}-modal`,l.rtl?"is-rtl":""],onClick:e.withModifiers(le,["self"]),onWheel:te},[e.createVNode(h,null,null),e.createVNode(e.Transition,{name:`${t}-fade`,mode:"out-in"},M(a=de())?a:{default:()=>[a]}),e.createVNode("img",{style:"display:none;",src:Y.value,onError:re,onLoad:ne},null),e.createVNode("div",{class:`${t}-btns-wrapper`},[ue(),ge(),ve(),s["close-btn"]?s["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)]),s.toolbar?s.toolbar({toolbarMethods:{zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z},zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z}):e.createVNode(m,{zoomIn:j,zoomOut:A,resize:Z,rotateLeft:H,rotateRight:P,rotateDisabled:l.rotateDisabled},null)])])};return()=>{let o;if(l.teleport){let o;return e.createVNode(e.Teleport,{to:l.teleport},{default:()=>[e.createVNode(e.Transition,{name:`${t}-fade`},M(o=me())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:`${t}-fade`},M(o=me())?o:{default:()=>[o]})}}});const k=Object.assign(S,{install:e=>{e.component(S.name,S)}});exports.default=k,exports.useEasyLightbox=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,a=e.ref(o),n=e.ref(l),r=e.ref(!1),i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;n.value=e};return{imgsRef:a,indexRef:n,visibleRef:r,show:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;"number"==typeof t?i(t):e.isRef(t)&&"number"==typeof t.value?i(t.value):t instanceof Event&&i(n.value),r.value=!0},onHide:()=>{r.value=!1},changeIndex:i}}; diff --git a/dist/external-css/vue-easy-lightbox.esm.min.js b/dist/external-css/vue-easy-lightbox.esm.min.js index d0a3593..34c6339 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,isRef as g}from"vue";const m=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)])}),p="undefined"!=typeof window,b=()=>{};let f=!1;if(p)try{const e={};Object.defineProperty(e,"passive",{get(){f=!0}}),window.addEventListener("test-passive",b,e)}catch(e){}const h=function(e,t,l){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];p&&e.addEventListener(t,l,!!f&&{capture:!1,passive:o})},y=(e,t,l)=>{p&&e.removeEventListener(t,l)},z=e=>{e.preventDefault()},w=Object.prototype.toString,x=e=>t=>w.call(t).slice(8,-1)===e;const M=e=>!!e&&x("String")(e);function S(e){return null!=e}const L=e({name:"Toolbar",props:{zoomIn:{type:Function,default:b},zoomOut:{type:Function,default:b},rotateLeft:{type:Function,default:b},rotateRight:{type:Function,default:b},resize:{type:Function,default:b}},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(m,{type:"zoomin"},null)]),t("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:e.zoomOut},[t(m,{type:"zoomout"},null)]),t("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:e.resize},[t(m,{type:"resize"},null)]),t("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateLeft},[t(m,{type:"rotate-left"},null)]),t("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateRight},[t(m,{type:"rotate-right"},null)])])}),k=()=>t("div",{class:"vel-loading"},[t("div",{class:"ring"},null)]),D=()=>t("div",{class:"vel-on-error"},[t("div",{class:"ring"},null),t(m,{type:"img-broken"},null)]),Y=(e,l)=>{let{slots:o}=l;return t("div",{class:"vel-img-title"},[o.default?o.default():""])},C=e({name:"DefaultIcons",setup:()=>()=>t("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[t("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),t("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),t("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),X=p?window:global;let B=Date.now();function E(e){const t=Date.now(),l=Math.max(0,16-(t-B)),o=setTimeout(e,l);return B=t+l,o}function T(e){return(X.requestAnimationFrame||E).call(X,e)}function _(e){(X.cancelAnimationFrame||X.clearTimeout).call(X,e)}function O(e,t){const l=e.clientX-t.clientX,o=e.clientY-t.clientY;return Math.sqrt(l*l+o*o)}function I(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!d(e)}function R(e){return(e=>!!e&&x("Object")(e))(e)&&M(e.src)}var j=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,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,"on-rotate":e=>!0},setup(e,d){let{emit:g,slots:p}=d;const{imgRef:b,imgState:f,setImgSize:w}=(()=>{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}}}})(),X=l(0),B=l(""),E=o({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),j=o({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),A=n((()=>{return t=e.imgs,x("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:R(e)?e:void 0)).filter(S):M(e.imgs)?[{src:e.imgs}]:[];var t})),H=n((()=>{var e;return null===(e=A.value[X.value])||void 0===e?void 0:e.src})),F=n((()=>{var e;return null===(e=A.value[X.value])||void 0===e?void 0:e.title})),N=n((()=>{var e;return null===(e=A.value[X.value])||void 0===e?void 0:e.alt})),$=n((()=>({cursor:j.loadError?"default":e.moveDisabled?j.dragging?"grabbing":"grab":"move",top:`calc(50% + ${E.top}px)`,left:`calc(50% + ${E.left}px)`,transition:j.dragging||j.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${E.scale}) rotate(${E.rotateDeg}deg)`}))),P=()=>{g("hide")},V=()=>{E.scale=1,E.lastScale=1,E.rotateDeg=0,E.top=0,E.left=0,j.loadError=!1,j.dragging=!1,j.loading=!0},Z=(t,l)=>{const o=X.value;V(),X.value=t,A.value[X.value]===A.value[t]&&i((()=>{j.loading=!1})),e.visible&&o!==t&&(l&&l(o,t),g("on-index-change",o,t))},q=()=>{const t=X.value,l=e.loop?(t+1)%A.value.length:t+1;!e.loop&&l>A.value.length-1||Z(l,((e,t)=>{g("on-next",e,t),g("on-next-click",e,t)}))},U=()=>{const t=X.value;let l=t-1;if(0===t){if(!e.loop)return;l=A.value.length-1}Z(l,((e,t)=>{g("on-prev",e,t),g("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 t=E.scale+e.zoomScale;t{const t=E.scale-e.zoomScale;t>e.minZoom&&W(t)},K=()=>{const e=E.rotateDeg%360;g("on-rotate",Math.abs(e<0?e+360:e))},Q=()=>{E.rotateDeg-=90,K()},ee=()=>{E.rotateDeg+=90,K()},te=()=>{E.scale=1,E.top=0,E.left=0},le=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:oe,onMouseMove:ne,onMouseUp:ae}=((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)&&_(o),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(l(a.button)){if(n)return;n=!0,o=T((()=>{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()}}})(E,j,le),{onTouchStart:ie,onTouchMove:re,onTouchEnd:ce}=((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=T((()=>{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=T((()=>{const l=(O(t.touches[0],t.touches[1])-O(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:()=>{_(n),l.dragging=!1,l.gesturing=!1,a=!1}}})(f,E,j,le),se=()=>{E.scale!==f.maxScale?(E.lastScale=E.scale,E.scale=f.maxScale):E.scale=E.lastScale},ue=t=>{j.loadError||j.gesturing||j.loading||j.dragging||j.wheeling||!e.scrollDisabled||(j.wheeling=!0,setTimeout((()=>{j.wheeling=!1}),80),t.deltaY<0?G():J())},de=t=>{const l=t;e.visible&&(!e.escDisabled&&"Escape"===l.key&&e.visible&&P(),"ArrowLeft"===l.key&&(e.rtl?q():U()),"ArrowRight"===l.key&&(e.rtl?U():q()))},ve=()=>{e.maskClosable&&P()},ge=()=>{w()},me=()=>{j.loading=!1},pe=e=>{j.loading=!1,j.loadError=!0,g("on-error",e)},be=()=>{e.visible&&w()};a((()=>e.index),(e=>{e<0||e>=A.value.length||Z(e)})),a((()=>j.dragging),((t,l)=>{const o=!t&&l;if(!le()&&o){const t=E.lastX-E.initX,l=E.lastY-E.initY,o=e.swipeTolerance;Math.abs(t)>Math.abs(l)&&(t<-1*o?q():t>o&&U())}})),a((()=>e.visible),(t=>{if(t){V();const t=A.value.length;if(0===t)return X.value=0,j.loading=!1,void i((()=>j.loadError=!0));X.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&fe()}else e.scrollDisabled&&he()}));const fe=()=>{document&&(B.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},he=()=>{document&&(document.body.style.overflowY=B.value)};r((()=>{h(document,"keydown",de),h(window,"resize",be)})),c((()=>{y(document,"keydown",de),y(window,"resize",be),he()}));const ye=()=>j.loading?p.loading?p.loading({key:"loading"}):t(k,{key:"img-loading"},null):j.loadError?p.onerror?p.onerror({key:"onerror"}):t(D,{key:"img-on-error"},null):t("div",{class:"vel-img-wrapper",style:$.value,key:"img-wrapper"},[t("img",{alt:N.value,ref:b,draggable:"false",class:"vel-img",src:H.value,onMousedown:oe,onMouseup:ae,onMousemove:ne,onTouchstart:ie,onTouchmove:re,onTouchend:ce,onLoad:ge,onDblclick:se,onDragstart:e=>{e.preventDefault()}},null)]),ze=()=>{if(p["prev-btn"])return p["prev-btn"]({prev:U});if(A.value.length<=1)return;const l=!e.loop&&X.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:U},[e.rtl?t(m,{type:"next"},null):t(m,{type:"prev"},null)])},we=()=>{if(p["next-btn"])return p["next-btn"]({next:q});if(A.value.length<=1)return;const l=!e.loop&&X.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(m,{type:"prev"},null):t(m,{type:"next"},null)])},xe=()=>{if(F.value&&!e.titleDisabled&&!j.loading&&!j.loadError)return p.title?p.title():t(Y,null,{default:()=>[F.value]})},Me=()=>{let l;if(e.visible)return t("div",{onTouchmove:z,class:["vel-modal",e.rtl?"is-rtl":""],onClick:v(ve,["self"]),onWheel:ue},[t(C,null,null),t(u,{name:"vel-fade",mode:"out-in"},I(l=ye())?l:{default:()=>[l]}),t("img",{style:"display:none;",src:H.value,onError:pe,onLoad:me},null),t("div",{class:"vel-btns-wrapper"},[ze(),we(),xe(),p["close-btn"]?p["close-btn"]({close:P}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:P},[t(m,{type:"close"},null)]),p.toolbar?p.toolbar({toolbarMethods:{zoomIn:G,zoomOut:J,rotate:Q,rotateLeft:Q,rotateRight:ee,resize:te},zoomIn:G,zoomOut:J,rotate:Q,rotateLeft:Q,rotateRight:ee,resize:te}):t(L,{zoomIn:G,zoomOut:J,resize:te,rotateLeft:Q,rotateRight:ee},null)])])};return()=>{let l;if(e.teleport){let l;return t(s,{to:e.teleport},{default:()=>[t(u,{name:"vel-fade"},I(l=Me())?l:{default:()=>[l]})]})}return t(u,{name:"vel-fade"},I(l=Me())?l:{default:()=>[l]})}}});const A=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:t="",initIndex:o=0}=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;"number"==typeof e?c(e):g(e)&&"number"==typeof e.value?c(e.value):e instanceof Event&&c(a.value),i.value=!0},c=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e},s=()=>{i.value=!1};return{imgsRef:n,indexRef:a,visibleRef:i,show:r,onHide:s,changeIndex:c}},H=Object.assign(j,{install:e=>{e.component(j.name,j)}});export{H as default,A as useEasyLightbox}; +import{defineComponent as e,createVNode as t,Fragment as l,ref as o,reactive as n,computed as a,watch as i,nextTick as r,onMounted as s,onBeforeUnmount as c,Teleport as u,Transition as d,isVNode as g,withModifiers as v,isRef as m}from"vue";const b="vel",p=e({name:"SvgIcon",props:{type:{type:String,default:""}},setup:e=>()=>t("svg",{class:`${b}-icon icon`,"aria-hidden":"true"},[t("use",{"xlink:href":`#icon-${e.type}`},null)])}),f="undefined"!=typeof window,h=()=>{};let y=!1;if(f)try{const e={};Object.defineProperty(e,"passive",{get(){y=!0}}),window.addEventListener("test-passive",h,e)}catch(e){}const z=function(e,t,l){let o=arguments.length>3&&void 0!==arguments[3]&&arguments[3];f&&e.addEventListener(t,l,!!y&&{capture:!1,passive:o})},w=(e,t,l)=>{f&&e.removeEventListener(t,l)},x=e=>{e.preventDefault()},M=Object.prototype.toString,S=e=>t=>M.call(t).slice(8,-1)===e;const D=e=>!!e&&S("Object")(e),L=e=>!!e&&S("String")(e);function k(e){return null!=e}const Y=e({name:"Toolbar",props:{zoomIn:{type:Function,default:h},zoomOut:{type:Function,default:h},rotateLeft:{type:Function,default:h},rotateRight:{type:Function,default:h},resize:{type:Function,default:h},rotateDisabled:{type:Boolean,default:!1}},setup:e=>()=>t("div",{class:`${b}-toolbar`},[t("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:e.zoomIn},[t(p,{type:"zoomin"},null)]),t("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:e.zoomOut},[t(p,{type:"zoomout"},null)]),t("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:e.resize},[t(p,{type:"resize"},null)]),!e.rotateDisabled&&t(l,null,[t("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateLeft},[t(p,{type:"rotate-left"},null)]),t("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateRight},[t(p,{type:"rotate-right"},null)])])])}),C=()=>t("div",{class:`${b}-loading`},[t("div",{class:"ring"},null)]),X=()=>t("div",{class:`${b}-on-error`},[t("div",{class:"ring"},null),t(p,{type:"img-broken"},null)]),B=(e,l)=>{let{slots:o}=l;return t("div",{class:`${b}-img-title`},[o.default?o.default():""])},E=e({name:"DefaultIcons",setup:()=>()=>t("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[t("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),t("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),t("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),$=f?window:global;let T=Date.now();function _(e){const t=Date.now(),l=Math.max(0,16-(t-T)),o=setTimeout(e,l);return T=t+l,o}function O(e){return($.requestAnimationFrame||_).call($,e)}function I(e){($.cancelAnimationFrame||$.clearTimeout).call($,e)}function R(e,t){const l=e.clientX-t.clientX,o=e.clientY-t.clientY;return Math.sqrt(l*l+o*o)}function j(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!g(e)}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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,default:.1},rotateDisabled:{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,"on-rotate":e=>!0},setup(e,l){let{emit:g,slots:m}=l;const{imgRef:f,imgState:h,setImgSize:y}=(()=>{const e=o(),t=n({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}}}})(),M=o(0),$=o(""),T=n({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),_=n({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),A=a((()=>{return t=e.imgs,S("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:function(e){return D(e)&&L(e.src)}(e)?e:void 0)).filter(k):L(e.imgs)?[{src:e.imgs}]:[];var t})),H=a((()=>{const e=A.value[M.value]?.src;return e})),F=a((()=>A.value[M.value]?.title)),N=a((()=>A.value[M.value]?.alt)),P=a((()=>({cursor:_.loadError?"default":e.moveDisabled?_.dragging?"grabbing":"grab":"move",top:`calc(50% + ${T.top}px)`,left:`calc(50% + ${T.left}px)`,transition:_.dragging||_.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${T.scale}) rotate(${T.rotateDeg}deg)`}))),V=()=>{g("hide")},Z=()=>{T.scale=1,T.lastScale=1,T.rotateDeg=0,T.top=0,T.left=0,_.loadError=!1,_.dragging=!1,_.loading=!0},q=(t,l)=>{const o=M.value;Z(),M.value=t,A.value[M.value]===A.value[t]&&r((()=>{_.loading=!1})),e.visible&&o!==t&&(l&&l(o,t),g("on-index-change",o,t))},U=()=>{const t=M.value,l=e.loop?(t+1)%A.value.length:t+1;!e.loop&&l>A.value.length-1||q(l,((e,t)=>{g("on-next",e,t),g("on-next-click",e,t)}))},W=()=>{const t=M.value;let l=t-1;if(0===t){if(!e.loop)return;l=A.value.length-1}q(l,((e,t)=>{g("on-prev",e,t),g("on-prev-click",e,t)}))},G=e=>{Math.abs(1-e)<.05?e=1:Math.abs(h.maxScale-e)<.05&&(e=h.maxScale),T.lastScale=T.scale,T.scale=e},J=()=>{const t=T.scale+e.zoomScale;t{const t=T.scale-e.zoomScale;t>e.minZoom&&G(t)},Q=()=>{const e=T.rotateDeg%360;g("on-rotate",Math.abs(e<0?e+360:e))},ee=()=>{T.rotateDeg-=90,Q()},te=()=>{T.rotateDeg+=90,Q()},le=()=>{T.scale=1,T.top=0,T.left=0},oe=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:ne,onMouseMove:ae,onMouseUp:ie}=((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)&&I(o),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(l(a.button)){if(n)return;n=!0,o=O((()=>{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()}}})(T,_,oe),{onTouchStart:re,onTouchMove:se,onTouchEnd:ce}=((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:g}=t;if(!l.gesturing&&l.dragging){if(!r[0])return;const{clientX:e,clientY:l}=r[0];o()?n=O((()=>{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=O((()=>{const l=(R(t.touches[0],t.touches[1])-R(r[0],r[1]))/e.width;t.touches=r;const o=g-1.3*l;o>.5&&o<1.5*e.maxScale&&(t.scale=o),a=!1})))},onTouchEnd:()=>{I(n),l.dragging=!1,l.gesturing=!1,a=!1}}})(h,T,_,oe),ue=()=>{T.scale!==h.maxScale?(T.lastScale=T.scale,T.scale=h.maxScale):T.scale=T.lastScale},de=t=>{_.loadError||_.gesturing||_.loading||_.dragging||_.wheeling||!e.scrollDisabled||(_.wheeling=!0,setTimeout((()=>{_.wheeling=!1}),80),t.deltaY<0?J():K())},ge=t=>{const l=t;e.visible&&(!e.escDisabled&&"Escape"===l.key&&e.visible&&V(),"ArrowLeft"===l.key&&(e.rtl?U():W()),"ArrowRight"===l.key&&(e.rtl?W():U()))},ve=()=>{e.maskClosable&&V()},me=()=>{y()},be=()=>{_.loading=!1},pe=e=>{_.loading=!1,_.loadError=!0,g("on-error",e)},fe=()=>{e.visible&&y()};i((()=>e.index),(e=>{e<0||e>=A.value.length||q(e)})),i((()=>_.dragging),((t,l)=>{const o=!t&&l;if(!oe()&&o){const t=T.lastX-T.initX,l=T.lastY-T.initY,o=e.swipeTolerance;Math.abs(t)>Math.abs(l)&&(t<-1*o?U():t>o&&W())}})),i((()=>e.visible),(t=>{if(t){Z();const t=A.value.length;if(0===t)return M.value=0,_.loading=!1,void r((()=>_.loadError=!0));M.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&he()}else e.scrollDisabled&&ye()}));const he=()=>{document&&($.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ye=()=>{document&&(document.body.style.overflowY=$.value)};s((()=>{z(document,"keydown",ge),z(window,"resize",fe)})),c((()=>{w(document,"keydown",ge),w(window,"resize",fe),ye()}));const ze=()=>_.loading?m.loading?m.loading({key:"loading"}):t(C,{key:"img-loading"},null):_.loadError?m.onerror?m.onerror({key:"onerror"}):t(X,{key:"img-on-error"},null):t("div",{class:`${b}-img-wrapper`,style:P.value,key:"img-wrapper"},[t("img",{alt:N.value,ref:f,draggable:"false",class:`${b}-img`,src:H.value,onMousedown:ne,onMouseup:ie,onMousemove:ae,onTouchstart:re,onTouchmove:se,onTouchend:ce,onLoad:me,onDblclick:ue,onDragstart:e=>{e.preventDefault()}},null)]),we=()=>{if(m["prev-btn"])return m["prev-btn"]({prev:W});if(A.value.length<=1)return;const l=!e.loop&&M.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:W},[e.rtl?t(p,{type:"next"},null):t(p,{type:"prev"},null)])},xe=()=>{if(m["next-btn"])return m["next-btn"]({next:U});if(A.value.length<=1)return;const l=!e.loop&&M.value>=A.value.length-1;return t("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:U},[e.rtl?t(p,{type:"prev"},null):t(p,{type:"next"},null)])},Me=()=>{if(F.value&&!e.titleDisabled&&!_.loading&&!_.loadError)return m.title?m.title():t(B,null,{default:()=>[F.value]})},Se=()=>{let l;if(e.visible)return t("div",{onTouchmove:x,class:[`${b}-modal`,e.rtl?"is-rtl":""],onClick:v(ve,["self"]),onWheel:de},[t(E,null,null),t(d,{name:`${b}-fade`,mode:"out-in"},j(l=ze())?l:{default:()=>[l]}),t("img",{style:"display:none;",src:H.value,onError:pe,onLoad:be},null),t("div",{class:`${b}-btns-wrapper`},[we(),xe(),Me(),m["close-btn"]?m["close-btn"]({close:V}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:V},[t(p,{type:"close"},null)]),m.toolbar?m.toolbar({toolbarMethods:{zoomIn:J,zoomOut:K,rotate:ee,rotateLeft:ee,rotateRight:te,resize:le},zoomIn:J,zoomOut:K,rotate:ee,rotateLeft:ee,rotateRight:te,resize:le}):t(Y,{zoomIn:J,zoomOut:K,resize:le,rotateLeft:ee,rotateRight:te,rotateDisabled:e.rotateDisabled},null)])])};return()=>{let l;if(e.teleport){let l;return t(u,{to:e.teleport},{default:()=>[t(d,{name:`${b}-fade`},j(l=Se())?l:{default:()=>[l]})]})}return t(d,{name:`${b}-fade`},j(l=Se())?l:{default:()=>[l]})}}});const H=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:t="",initIndex:l=0}=e,n=o(t),a=o(l),i=o(!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;"number"==typeof e?r(e):m(e)&&"number"==typeof e.value?r(e.value):e instanceof Event&&r(a.value),i.value=!0},onHide:()=>{i.value=!1},changeIndex:r}},F=Object.assign(A,{install:e=>{e.component(A.name,A)}});export{F as default,H 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 783d479..33eb23a 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";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 a=!1;if(o)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",l,e)}catch(e){}const n=function(e,t,l){let n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];o&&e.addEventListener(t,l,!!a&&{capture:!1,passive:n})},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)]),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=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),b=o?window:global;let h=Date.now();function y(e){const t=Date.now(),o=Math.max(0,16-(t-h)),l=setTimeout(e,o);return h=t+o,l}function V(e){return(b.requestAnimationFrame||y).call(b,e)}function N(e){(b.cancelAnimationFrame||b.clearTimeout).call(b,e)}function z(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function w(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function x(e){return(e=>!!e&&s("Object")(e))(e)&&d(e.src)}var M=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,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,"on-rotate":e=>!0},setup(o,l){let{emit:a,slots:c}=l;const{imgRef:b,imgState:h,setImgSize:y}=(()=>{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:a}=t.value;o.maxScale=a/e,o.width=e,o.height=l}}}})(),M=e.ref(0),S=e.ref(""),L=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),k=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}:x(e)?e:void 0)).filter(u):d(o.imgs)?[{src:o.imgs}]:[];var e})),D=e.computed((()=>{var e;return null===(e=C.value[M.value])||void 0===e?void 0:e.src})),Y=e.computed((()=>{var e;return null===(e=C.value[M.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[M.value])||void 0===e?void 0:e.alt})),X=e.computed((()=>({cursor:k.loadError?"default":o.moveDisabled?k.dragging?"grabbing":"grab":"move",top:`calc(50% + ${L.top}px)`,left:`calc(50% + ${L.left}px)`,transition:k.dragging||k.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${L.scale}) rotate(${L.rotateDeg}deg)`}))),E=()=>{a("hide")},B=()=>{L.scale=1,L.lastScale=1,L.rotateDeg=0,L.top=0,L.left=0,k.loadError=!1,k.dragging=!1,k.loading=!0},_=(t,l)=>{const n=M.value;B(),M.value=t,C.value[M.value]===C.value[t]&&e.nextTick((()=>{k.loading=!1})),o.visible&&n!==t&&(l&&l(n,t),a("on-index-change",n,t))},O=()=>{const e=M.value,t=o.loop?(e+1)%C.value.length:e+1;!o.loop&&t>C.value.length-1||_(t,((e,t)=>{a("on-next",e,t),a("on-next-click",e,t)}))},R=()=>{const e=M.value;let t=e-1;if(0===e){if(!o.loop)return;t=C.value.length-1}_(t,((e,t)=>{a("on-prev",e,t),a("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(h.maxScale-e)<.05&&(e=h.maxScale),L.lastScale=L.scale,L.scale=e},j=()=>{const e=L.scale+o.zoomScale;e{const e=L.scale-o.zoomScale;e>o.minZoom&&I(e)},H=()=>{const e=L.rotateDeg%360;a("on-rotate",Math.abs(e<0?e+360:e))},F=()=>{L.rotateDeg-=90,H()},$=()=>{L.rotateDeg+=90,H()},P=()=>{L.scale=1,L.top=0,L.left=0},Z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!o.moveDisabled&&0===e},{onMouseDown:q,onMouseMove:U,onMouseUp:W}=((e,t,o)=>{let l,a=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,a=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&N(l),t.dragging=!1,a=!1},onMouseMove:n=>{if(t.dragging)if(o(n.button)){if(a)return;a=!0,l=V((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+n.clientY,e.left=o-r+n.clientX,e.lastX=n.clientX,e.lastY=n.clientY,a=!1}))}else e.lastX=n.clientX,e.lastY=n.clientY;n.stopPropagation()}}})(L,k,Z),{onTouchStart:G,onTouchMove:J,onTouchEnd:K}=((e,t,o,l)=>{let a,n=!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(n)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()?a=V((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,n=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(a=V((()=>{const o=(z(t.touches[0],t.touches[1])-z(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),n=!1})))},onTouchEnd:()=>{N(a),o.dragging=!1,o.gesturing=!1,n=!1}}})(h,L,k,Z),Q=()=>{L.scale!==h.maxScale?(L.lastScale=L.scale,L.scale=h.maxScale):L.scale=L.lastScale},ee=e=>{k.loadError||k.gesturing||k.loading||k.dragging||k.wheeling||!o.scrollDisabled||(k.wheeling=!0,setTimeout((()=>{k.wheeling=!1}),80),e.deltaY<0?j():A())},te=e=>{const t=e;o.visible&&(!o.escDisabled&&"Escape"===t.key&&o.visible&&E(),"ArrowLeft"===t.key&&(o.rtl?O():R()),"ArrowRight"===t.key&&(o.rtl?R():O()))},oe=()=>{o.maskClosable&&E()},le=()=>{y()},ae=()=>{k.loading=!1},ne=e=>{k.loading=!1,k.loadError=!0,a("on-error",e)},re=()=>{o.visible&&y()};e.watch((()=>o.index),(e=>{e<0||e>=C.value.length||_(e)})),e.watch((()=>k.dragging),((e,t)=>{const l=!e&&t;if(!Z()&&l){const e=L.lastX-L.initX,t=L.lastY-L.initY,l=o.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*l?O():e>l&&R())}})),e.watch((()=>o.visible),(t=>{if(t){B();const t=C.value.length;if(0===t)return M.value=0,k.loading=!1,void e.nextTick((()=>k.loadError=!0));M.value=o.index>=t?t-1:o.index<0?0:o.index,o.scrollDisabled&&ie()}else o.scrollDisabled&&ce()}));const ie=()=>{document&&(S.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ce=()=>{document&&(document.body.style.overflowY=S.value)};e.onMounted((()=>{n(document,"keydown",te),n(window,"resize",re)})),e.onBeforeUnmount((()=>{r(document,"keydown",te),r(window,"resize",re),ce()}));const se=()=>k.loading?c.loading?c.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):k.loadError?c.onerror?c.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:X.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:b,draggable:"false",class:"vel-img",src:D.value,onMousedown:q,onMouseup:W,onMousemove:U,onTouchstart:G,onTouchmove:J,onTouchend:K,onLoad:le,onDblclick:Q,onDragstart:e=>{e.preventDefault()}},null)]),de=()=>{if(c["prev-btn"])return c["prev-btn"]({prev:R});if(C.value.length<=1)return;const l=!o.loop&&M.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:R},[o.rtl?e.createVNode(t,{type:"next"},null):e.createVNode(t,{type:"prev"},null)])},ue=()=>{if(c["next-btn"])return c["next-btn"]({next:O});if(C.value.length<=1)return;const l=!o.loop&&M.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:O},[o.rtl?e.createVNode(t,{type:"prev"},null):e.createVNode(t,{type:"next"},null)])},ve=()=>{if(Y.value&&!o.titleDisabled&&!k.loading&&!k.loadError)return c.title?c.title():e.createVNode(p,null,{default:()=>[Y.value]})},ge=()=>{let l;if(o.visible)return e.createVNode("div",{onTouchmove:i,class:["vel-modal",o.rtl?"is-rtl":""],onClick:e.withModifiers(oe,["self"]),onWheel:ee},[e.createVNode(f,null,null),e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},w(l=se())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:D.value,onError:ne,onLoad:ae},null),e.createVNode("div",{class:"vel-btns-wrapper"},[de(),ue(),ve(),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:A,rotate:F,rotateLeft:F,rotateRight:$,resize:P},zoomIn:j,zoomOut:A,rotate:F,rotateLeft:F,rotateRight:$,resize:P}):e.createVNode(v,{zoomIn:j,zoomOut:A,resize:P,rotateLeft:F,rotateRight:$},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"},w(t=ge())?t:{default:()=>[t]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},w(t=ge())?t:{default:()=>[t]})}}});const S=Object.assign(M,{install:e=>{e.component(M.name,M)},useEasyLightbox:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,a=e.ref(o),n=e.ref(l),r=e.ref(!1),i=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;"number"==typeof t?c(t):e.isRef(t)&&"number"==typeof t.value?c(t.value):t instanceof Event&&c(n.value),r.value=!0},c=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;n.value=e},s=()=>{r.value=!1};return{imgsRef:a,indexRef:n,visibleRef:r,show:i,onHide:s,changeIndex:c}}});return S})); +!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";const t="vel",o=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:o=>()=>e.createVNode("svg",{class:`${t}-icon icon`,"aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${o.type}`},null)])}),l="undefined"!=typeof window,a=()=>{};let n=!1;if(l)try{const e={};Object.defineProperty(e,"passive",{get(){n=!0}}),window.addEventListener("test-passive",a,e)}catch(e){}const r=function(e,t,o){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];l&&e.addEventListener(t,o,!!n&&{capture:!1,passive:a})},i=(e,t,o)=>{l&&e.removeEventListener(t,o)},c=e=>{e.preventDefault()},s=Object.prototype.toString,d=e=>t=>s.call(t).slice(8,-1)===e;const u=e=>!!e&&d("Object")(e),g=e=>!!e&&d("String")(e);function v(e){return null!=e}const m=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:a},zoomOut:{type:Function,default:a},rotateLeft:{type:Function,default:a},rotateRight:{type:Function,default:a},resize:{type:Function,default:a},rotateDisabled:{type:Boolean,default:!1}},setup:l=>()=>e.createVNode("div",{class:`${t}-toolbar`},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:l.zoomIn},[e.createVNode(o,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:l.zoomOut},[e.createVNode(o,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:l.resize},[e.createVNode(o,{type:"resize"},null)]),!l.rotateDisabled&&e.createVNode(e.Fragment,null,[e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:l.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:l.rotateRight},[e.createVNode(o,{type:"rotate-right"},null)])])])}),p=()=>e.createVNode("div",{class:`${t}-loading`},[e.createVNode("div",{class:"ring"},null)]),f=()=>e.createVNode("div",{class:`${t}-on-error`},[e.createVNode("div",{class:"ring"},null),e.createVNode(o,{type:"img-broken"},null)]),b=(o,l)=>{let{slots:a}=l;return e.createVNode("div",{class:`${t}-img-title`},[a.default?a.default():""])},h=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),y=l?window:global;let V=Date.now();function N(e){const t=Date.now(),o=Math.max(0,16-(t-V)),l=setTimeout(e,o);return V=t+o,l}function z(e){return(y.requestAnimationFrame||N).call(y,e)}function w(e){(y.cancelAnimationFrame||y.clearTimeout).call(y,e)}function x(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function M(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}var S=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,default:.1},rotateDisabled:{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,"on-rotate":e=>!0},setup(l,a){let{emit:n,slots:s}=a;const{imgRef:y,imgState:V,setImgSize:N}=(()=>{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:a}=t.value;o.maxScale=a/e,o.width=e,o.height=l}}}})(),S=e.ref(0),L=e.ref(""),k=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),D=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),C=e.computed((()=>{return e=l.imgs,d("Array")(e)?l.imgs.map((e=>"string"==typeof e?{src:e}:function(e){return u(e)&&g(e.src)}(e)?e:void 0)).filter(v):g(l.imgs)?[{src:l.imgs}]:[];var e})),Y=e.computed((()=>{const e=C.value[S.value]?.src;return e})),T=e.computed((()=>C.value[S.value]?.title)),X=e.computed((()=>C.value[S.value]?.alt)),B=e.computed((()=>({cursor:D.loadError?"default":l.moveDisabled?D.dragging?"grabbing":"grab":"move",top:`calc(50% + ${k.top}px)`,left:`calc(50% + ${k.left}px)`,transition:D.dragging||D.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${k.scale}) rotate(${k.rotateDeg}deg)`}))),E=()=>{n("hide")},$=()=>{k.scale=1,k.lastScale=1,k.rotateDeg=0,k.top=0,k.left=0,D.loadError=!1,D.dragging=!1,D.loading=!0},_=(t,o)=>{const a=S.value;$(),S.value=t,C.value[S.value]===C.value[t]&&e.nextTick((()=>{D.loading=!1})),l.visible&&a!==t&&(o&&o(a,t),n("on-index-change",a,t))},O=()=>{const e=S.value,t=l.loop?(e+1)%C.value.length:e+1;!l.loop&&t>C.value.length-1||_(t,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},R=()=>{const e=S.value;let t=e-1;if(0===e){if(!l.loop)return;t=C.value.length-1}_(t,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(V.maxScale-e)<.05&&(e=V.maxScale),k.lastScale=k.scale,k.scale=e},j=()=>{const e=k.scale+l.zoomScale;e{const e=k.scale-l.zoomScale;e>l.minZoom&&I(e)},F=()=>{const e=k.rotateDeg%360;n("on-rotate",Math.abs(e<0?e+360:e))},H=()=>{k.rotateDeg-=90,F()},P=()=>{k.rotateDeg+=90,F()},Z=()=>{k.scale=1,k.top=0,k.left=0},q=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!l.moveDisabled&&0===e},{onMouseDown:U,onMouseMove:W,onMouseUp:G}=((e,t,o)=>{let l,a=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,a=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&w(l),t.dragging=!1,a=!1},onMouseMove:n=>{if(t.dragging)if(o(n.button)){if(a)return;a=!0,l=z((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+n.clientY,e.left=o-r+n.clientX,e.lastX=n.clientX,e.lastY=n.clientY,a=!1}))}else e.lastX=n.clientX,e.lastY=n.clientY;n.stopPropagation()}}})(k,D,q),{onTouchStart:J,onTouchMove:K,onTouchEnd:Q}=((e,t,o,l)=>{let a,n=!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(n)return;const{touches:i}=r,{lastX:c,lastY:s,left:d,top:u,scale:g}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];l()?a=z((()=>{t.lastX=e,t.lastY=o,t.top=u-s+o,t.left=d-c+e,n=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(a=z((()=>{const o=(x(t.touches[0],t.touches[1])-x(i[0],i[1]))/e.width;t.touches=i;const l=g-1.3*o;l>.5&&l<1.5*e.maxScale&&(t.scale=l),n=!1})))},onTouchEnd:()=>{w(a),o.dragging=!1,o.gesturing=!1,n=!1}}})(V,k,D,q),ee=()=>{k.scale!==V.maxScale?(k.lastScale=k.scale,k.scale=V.maxScale):k.scale=k.lastScale},te=e=>{D.loadError||D.gesturing||D.loading||D.dragging||D.wheeling||!l.scrollDisabled||(D.wheeling=!0,setTimeout((()=>{D.wheeling=!1}),80),e.deltaY<0?j():A())},oe=e=>{const t=e;l.visible&&(!l.escDisabled&&"Escape"===t.key&&l.visible&&E(),"ArrowLeft"===t.key&&(l.rtl?O():R()),"ArrowRight"===t.key&&(l.rtl?R():O()))},le=()=>{l.maskClosable&&E()},ae=()=>{N()},ne=()=>{D.loading=!1},re=e=>{D.loading=!1,D.loadError=!0,n("on-error",e)},ie=()=>{l.visible&&N()};e.watch((()=>l.index),(e=>{e<0||e>=C.value.length||_(e)})),e.watch((()=>D.dragging),((e,t)=>{const o=!e&&t;if(!q()&&o){const e=k.lastX-k.initX,t=k.lastY-k.initY,o=l.swipeTolerance;Math.abs(e)>Math.abs(t)&&(e<-1*o?O():e>o&&R())}})),e.watch((()=>l.visible),(t=>{if(t){$();const t=C.value.length;if(0===t)return S.value=0,D.loading=!1,void e.nextTick((()=>D.loadError=!0));S.value=l.index>=t?t-1:l.index<0?0:l.index,l.scrollDisabled&&ce()}else l.scrollDisabled&&se()}));const ce=()=>{document&&(L.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},se=()=>{document&&(document.body.style.overflowY=L.value)};e.onMounted((()=>{r(document,"keydown",oe),r(window,"resize",ie)})),e.onBeforeUnmount((()=>{i(document,"keydown",oe),i(window,"resize",ie),se()}));const de=()=>D.loading?s.loading?s.loading({key:"loading"}):e.createVNode(p,{key:"img-loading"},null):D.loadError?s.onerror?s.onerror({key:"onerror"}):e.createVNode(f,{key:"img-on-error"},null):e.createVNode("div",{class:`${t}-img-wrapper`,style:B.value,key:"img-wrapper"},[e.createVNode("img",{alt:X.value,ref:y,draggable:"false",class:`${t}-img`,src:Y.value,onMousedown:U,onMouseup:G,onMousemove:W,onTouchstart:J,onTouchmove:K,onTouchend:Q,onLoad:ae,onDblclick:ee,onDragstart:e=>{e.preventDefault()}},null)]),ue=()=>{if(s["prev-btn"])return s["prev-btn"]({prev:R});if(C.value.length<=1)return;const t=!l.loop&&S.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(t?"disable":""),onClick:R},[l.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ge=()=>{if(s["next-btn"])return s["next-btn"]({next:O});if(C.value.length<=1)return;const t=!l.loop&&S.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(t?"disable":""),onClick:O},[l.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},ve=()=>{if(T.value&&!l.titleDisabled&&!D.loading&&!D.loadError)return s.title?s.title():e.createVNode(b,null,{default:()=>[T.value]})},me=()=>{let a;if(l.visible)return e.createVNode("div",{onTouchmove:c,class:[`${t}-modal`,l.rtl?"is-rtl":""],onClick:e.withModifiers(le,["self"]),onWheel:te},[e.createVNode(h,null,null),e.createVNode(e.Transition,{name:`${t}-fade`,mode:"out-in"},M(a=de())?a:{default:()=>[a]}),e.createVNode("img",{style:"display:none;",src:Y.value,onError:re,onLoad:ne},null),e.createVNode("div",{class:`${t}-btns-wrapper`},[ue(),ge(),ve(),s["close-btn"]?s["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)]),s.toolbar?s.toolbar({toolbarMethods:{zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z},zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z}):e.createVNode(m,{zoomIn:j,zoomOut:A,resize:Z,rotateLeft:H,rotateRight:P,rotateDisabled:l.rotateDisabled},null)])])};return()=>{let o;if(l.teleport){let o;return e.createVNode(e.Teleport,{to:l.teleport},{default:()=>[e.createVNode(e.Transition,{name:`${t}-fade`},M(o=me())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:`${t}-fade`},M(o=me())?o:{default:()=>[o]})}}});const L=Object.assign(S,{install:e=>{e.component(S.name,S)},useEasyLightbox:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,a=e.ref(o),n=e.ref(l),r=e.ref(!1),i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;n.value=e};return{imgsRef:a,indexRef:n,visibleRef:r,show:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;"number"==typeof t?i(t):e.isRef(t)&&"number"==typeof t.value?i(t.value):t instanceof Event&&i(n.value),r.value=!0},onHide:()=>{r.value=!1},changeIndex:i}}});return L})); diff --git a/dist/vue-easy-lightbox.common.min.js b/dist/vue-easy-lightbox.common.min.js index f9d0d46..0dd9dcf 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 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))}}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{position:static}.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}");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)])}),l="undefined"!=typeof window,n=()=>{};let a=!1;if(l)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",n,e)}catch(e){}const r=function(e,t,o){let n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];l&&e.addEventListener(t,o,!!a&&{capture:!1,passive:n})},i=(e,t,o)=>{l&&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:n},zoomOut:{type:Function,default:n},rotateLeft:{type:Function,default:n},rotateRight:{type:Function,default:n},resize:{type:Function,default:n}},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:l}=o;return e.createVNode("div",{class:"vel-img-title"},[l.default?l.default():""])},f=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),h=l?window:global;let w=Date.now();function x(e){const t=Date.now(),o=Math.max(0,16-(t-w)),l=setTimeout(e,o);return w=t+o,l}function y(e){return(h.requestAnimationFrame||x).call(h,e)}function z(e){(h.cancelAnimationFrame||h.clearTimeout).call(h,e)}function N(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function k(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function V(e){return(e=>!!e&&d("Object")(e))(e)&&u(e.src)}var _=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,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,"on-rotate":e=>!0},setup(t,l){let{emit:n,slots:a}=l;const{imgRef:c,imgState:h,setImgSize:w}=(()=>{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}}}})(),x=e.ref(0),_=e.ref(""),M=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=t.imgs,d("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:V(e)?e:void 0)).filter(p):u(t.imgs)?[{src:t.imgs}]:[];var e})),L=e.computed((()=>{var e;return null===(e=C.value[x.value])||void 0===e?void 0:e.src})),Y=e.computed((()=>{var e;return null===(e=C.value[x.value])||void 0===e?void 0:e.title})),D=e.computed((()=>{var e;return null===(e=C.value[x.value])||void 0===e?void 0:e.alt})),T=e.computed((()=>({cursor:S.loadError?"default":t.moveDisabled?S.dragging?"grabbing":"grab":"move",top:`calc(50% + ${M.top}px)`,left:`calc(50% + ${M.left}px)`,transition:S.dragging||S.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${M.scale}) rotate(${M.rotateDeg}deg)`}))),X=()=>{n("hide")},B=()=>{M.scale=1,M.lastScale=1,M.rotateDeg=0,M.top=0,M.left=0,S.loadError=!1,S.dragging=!1,S.loading=!0},E=(o,l)=>{const a=x.value;B(),x.value=o,C.value[x.value]===C.value[o]&&e.nextTick((()=>{S.loading=!1})),t.visible&&a!==o&&(l&&l(a,o),n("on-index-change",a,o))},O=()=>{const e=x.value,o=t.loop?(e+1)%C.value.length:e+1;!t.loop&&o>C.value.length-1||E(o,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},R=()=>{const e=x.value;let o=e-1;if(0===e){if(!t.loop)return;o=C.value.length-1}E(o,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(h.maxScale-e)<.05&&(e=h.maxScale),M.lastScale=M.scale,M.scale=e},j=()=>{const e=M.scale+t.zoomScale;e{const e=M.scale-t.zoomScale;e>t.minZoom&&I(e)},H=()=>{const e=M.rotateDeg%360;n("on-rotate",Math.abs(e<0?e+360:e))},F=()=>{M.rotateDeg-=90,H()},P=()=>{M.rotateDeg+=90,H()},$=()=>{M.scale=1,M.top=0,M.left=0},Z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:q,onMouseMove:U,onMouseUp:W}=((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()}}})(M,S,Z),{onTouchStart:G,onTouchMove:J,onTouchEnd:K}=((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=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&&(n=y((()=>{const o=(N(t.touches[0],t.touches[1])-N(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:()=>{z(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(h,M,S,Z),Q=()=>{M.scale!==h.maxScale?(M.lastScale=M.scale,M.scale=h.maxScale):M.scale=M.lastScale},ee=e=>{S.loadError||S.gesturing||S.loading||S.dragging||S.wheeling||!t.scrollDisabled||(S.wheeling=!0,setTimeout((()=>{S.wheeling=!1}),80),e.deltaY<0?j():A())},te=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&X(),"ArrowLeft"===o.key&&(t.rtl?O():R()),"ArrowRight"===o.key&&(t.rtl?R():O()))},oe=()=>{t.maskClosable&&X()},le=()=>{w()},ne=()=>{S.loading=!1},ae=e=>{S.loading=!1,S.loadError=!0,n("on-error",e)},re=()=>{t.visible&&w()};e.watch((()=>t.index),(e=>{e<0||e>=C.value.length||E(e)})),e.watch((()=>S.dragging),((e,o)=>{const l=!e&&o;if(!Z()&&l){const e=M.lastX-M.initX,o=M.lastY-M.initY,l=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*l?O():e>l&&R())}})),e.watch((()=>t.visible),(o=>{if(o){B();const o=C.value.length;if(0===o)return x.value=0,S.loading=!1,void e.nextTick((()=>S.loadError=!0));x.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&ie()}else t.scrollDisabled&&se()}));const ie=()=>{document&&(_.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},se=()=>{document&&(document.body.style.overflowY=_.value)};e.onMounted((()=>{r(document,"keydown",te),r(window,"resize",re)})),e.onBeforeUnmount((()=>{i(document,"keydown",te),i(window,"resize",re),se()}));const ce=()=>S.loading?a.loading?a.loading({key:"loading"}):e.createVNode(b,{key:"img-loading"},null):S.loadError?a.onerror?a.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:T.value,key:"img-wrapper"},[e.createVNode("img",{alt:D.value,ref:c,draggable:"false",class:"vel-img",src:L.value,onMousedown:q,onMouseup:W,onMousemove:U,onTouchstart:G,onTouchmove:J,onTouchend:K,onLoad:le,onDblclick:Q,onDragstart:e=>{e.preventDefault()}},null)]),de=()=>{if(a["prev-btn"])return a["prev-btn"]({prev:R});if(C.value.length<=1)return;const l=!t.loop&&x.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:R},[t.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ue=()=>{if(a["next-btn"])return a["next-btn"]({next:O});if(C.value.length<=1)return;const l=!t.loop&&x.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:O},[t.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},pe=()=>{if(Y.value&&!t.titleDisabled&&!S.loading&&!S.loadError)return a.title?a.title():e.createVNode(g,null,{default:()=>[Y.value]})},ve=()=>{let l;if(t.visible)return e.createVNode("div",{onTouchmove:s,class:["vel-modal",t.rtl?"is-rtl":""],onClick:e.withModifiers(oe,["self"]),onWheel:ee},[e.createVNode(f,null,null),e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},k(l=ce())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:L.value,onError:ae,onLoad:ne},null),e.createVNode("div",{class:"vel-btns-wrapper"},[de(),ue(),pe(),a["close-btn"]?a["close-btn"]({close:X}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:X},[e.createVNode(o,{type:"close"},null)]),a.toolbar?a.toolbar({toolbarMethods:{zoomIn:j,zoomOut:A,rotate:F,rotateLeft:F,rotateRight:P,resize:$},zoomIn:j,zoomOut:A,rotate:F,rotateLeft:F,rotateRight:P,resize:$}):e.createVNode(v,{zoomIn:j,zoomOut:A,resize:$,rotateLeft:F,rotateRight:P},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"},k(o=ve())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},k(o=ve())?o:{default:()=>[o]})}}});const M=Object.assign(_,{install:e=>{e.component(_.name,_)}});exports.default=M,exports.useEasyLightbox=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,n=e.ref(o),a=e.ref(l),r=e.ref(!1),i=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;"number"==typeof t?s(t):e.isRef(t)&&"number"==typeof t.value?s(t.value):t instanceof Event&&s(a.value),r.value=!0},s=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e},c=()=>{r.value=!1};return{imgsRef:n,indexRef:a,visibleRef:r,show:i,onHide:c,changeIndex:s}}; +"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 l=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.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{position:static}.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}");const o="vel",l=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:`${o}-icon icon`,"aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),a="undefined"!=typeof window,n=()=>{};let r=!1;if(a)try{const e={};Object.defineProperty(e,"passive",{get(){r=!0}}),window.addEventListener("test-passive",n,e)}catch(e){}const i=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];a&&e.addEventListener(t,o,!!r&&{capture:!1,passive:l})},s=(e,t,o)=>{a&&e.removeEventListener(t,o)},c=e=>{e.preventDefault()},d=Object.prototype.toString,u=e=>t=>d.call(t).slice(8,-1)===e;const p=e=>!!e&&u("Object")(e),b=e=>!!e&&u("String")(e);function v(e){return null!=e}const m=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:n},zoomOut:{type:Function,default:n},rotateLeft:{type:Function,default:n},rotateRight:{type:Function,default:n},resize:{type:Function,default:n},rotateDisabled:{type:Boolean,default:!1}},setup:t=>()=>e.createVNode("div",{class:`${o}-toolbar`},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:t.zoomIn},[e.createVNode(l,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:t.zoomOut},[e.createVNode(l,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:t.resize},[e.createVNode(l,{type:"resize"},null)]),!t.rotateDisabled&&e.createVNode(e.Fragment,null,[e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateLeft},[e.createVNode(l,{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(l,{type:"rotate-right"},null)])])])}),g=()=>e.createVNode("div",{class:`${o}-loading`},[e.createVNode("div",{class:"ring"},null)]),f=()=>e.createVNode("div",{class:`${o}-on-error`},[e.createVNode("div",{class:"ring"},null),e.createVNode(l,{type:"img-broken"},null)]),h=(t,l)=>{let{slots:a}=l;return e.createVNode("div",{class:`${o}-img-title`},[a.default?a.default():""])},w=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),x=a?window:global;let y=Date.now();function N(e){const t=Date.now(),o=Math.max(0,16-(t-y)),l=setTimeout(e,o);return y=t+o,l}function z(e){return(x.requestAnimationFrame||N).call(x,e)}function k(e){(x.cancelAnimationFrame||x.clearTimeout).call(x,e)}function V(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function _(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}var M=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,default:.1},rotateDisabled:{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,"on-rotate":e=>!0},setup(t,a){let{emit:n,slots:r}=a;const{imgRef:d,imgState:x,setImgSize:y}=(()=>{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:a}=t.value;o.maxScale=a/e,o.width=e,o.height=l}}}})(),N=e.ref(0),M=e.ref(""),S=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),C=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),D=e.computed((()=>{return e=t.imgs,u("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:function(e){return p(e)&&b(e.src)}(e)?e:void 0)).filter(v):b(t.imgs)?[{src:t.imgs}]:[];var e})),L=e.computed((()=>{const e=D.value[N.value]?.src;return e})),Y=e.computed((()=>D.value[N.value]?.title)),T=e.computed((()=>D.value[N.value]?.alt)),B=e.computed((()=>({cursor:C.loadError?"default":t.moveDisabled?C.dragging?"grabbing":"grab":"move",top:`calc(50% + ${S.top}px)`,left:`calc(50% + ${S.left}px)`,transition:C.dragging||C.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${S.scale}) rotate(${S.rotateDeg}deg)`}))),X=()=>{n("hide")},E=()=>{S.scale=1,S.lastScale=1,S.rotateDeg=0,S.top=0,S.left=0,C.loadError=!1,C.dragging=!1,C.loading=!0},$=(o,l)=>{const a=N.value;E(),N.value=o,D.value[N.value]===D.value[o]&&e.nextTick((()=>{C.loading=!1})),t.visible&&a!==o&&(l&&l(a,o),n("on-index-change",a,o))},O=()=>{const e=N.value,o=t.loop?(e+1)%D.value.length:e+1;!t.loop&&o>D.value.length-1||$(o,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},R=()=>{const e=N.value;let o=e-1;if(0===e){if(!t.loop)return;o=D.value.length-1}$(o,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(x.maxScale-e)<.05&&(e=x.maxScale),S.lastScale=S.scale,S.scale=e},j=()=>{const e=S.scale+t.zoomScale;e{const e=S.scale-t.zoomScale;e>t.minZoom&&I(e)},F=()=>{const e=S.rotateDeg%360;n("on-rotate",Math.abs(e<0?e+360:e))},H=()=>{S.rotateDeg-=90,F()},P=()=>{S.rotateDeg+=90,F()},Z=()=>{S.scale=1,S.top=0,S.left=0},q=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:U,onMouseMove:W,onMouseUp:G}=((e,t,o)=>{let l,a=!1;return{onMouseDown:o=>{e.initX=e.lastX=o.clientX,e.initY=e.lastY=o.clientY,t.dragging=!0,a=!1,o.stopPropagation()},onMouseUp:e=>{o(e.button)&&k(l),t.dragging=!1,a=!1},onMouseMove:n=>{if(t.dragging)if(o(n.button)){if(a)return;a=!0,l=z((()=>{const{top:t,left:o,lastY:l,lastX:r}=e;e.top=t-l+n.clientY,e.left=o-r+n.clientX,e.lastX=n.clientX,e.lastY=n.clientY,a=!1}))}else e.lastX=n.clientX,e.lastY=n.clientY;n.stopPropagation()}}})(S,C,q),{onTouchStart:J,onTouchMove:K,onTouchEnd:Q}=((e,t,o,l)=>{let a,n=!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(n)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()?a=z((()=>{t.lastX=e,t.lastY=o,t.top=u-c+o,t.left=d-s+e,n=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(a=z((()=>{const o=(V(t.touches[0],t.touches[1])-V(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),n=!1})))},onTouchEnd:()=>{k(a),o.dragging=!1,o.gesturing=!1,n=!1}}})(x,S,C,q),ee=()=>{S.scale!==x.maxScale?(S.lastScale=S.scale,S.scale=x.maxScale):S.scale=S.lastScale},te=e=>{C.loadError||C.gesturing||C.loading||C.dragging||C.wheeling||!t.scrollDisabled||(C.wheeling=!0,setTimeout((()=>{C.wheeling=!1}),80),e.deltaY<0?j():A())},oe=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&X(),"ArrowLeft"===o.key&&(t.rtl?O():R()),"ArrowRight"===o.key&&(t.rtl?R():O()))},le=()=>{t.maskClosable&&X()},ae=()=>{y()},ne=()=>{C.loading=!1},re=e=>{C.loading=!1,C.loadError=!0,n("on-error",e)},ie=()=>{t.visible&&y()};e.watch((()=>t.index),(e=>{e<0||e>=D.value.length||$(e)})),e.watch((()=>C.dragging),((e,o)=>{const l=!e&&o;if(!q()&&l){const e=S.lastX-S.initX,o=S.lastY-S.initY,l=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*l?O():e>l&&R())}})),e.watch((()=>t.visible),(o=>{if(o){E();const o=D.value.length;if(0===o)return N.value=0,C.loading=!1,void e.nextTick((()=>C.loadError=!0));N.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&se()}else t.scrollDisabled&&ce()}));const se=()=>{document&&(M.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ce=()=>{document&&(document.body.style.overflowY=M.value)};e.onMounted((()=>{i(document,"keydown",oe),i(window,"resize",ie)})),e.onBeforeUnmount((()=>{s(document,"keydown",oe),s(window,"resize",ie),ce()}));const de=()=>C.loading?r.loading?r.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):C.loadError?r.onerror?r.onerror({key:"onerror"}):e.createVNode(f,{key:"img-on-error"},null):e.createVNode("div",{class:`${o}-img-wrapper`,style:B.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:d,draggable:"false",class:`${o}-img`,src:L.value,onMousedown:U,onMouseup:G,onMousemove:W,onTouchstart:J,onTouchmove:K,onTouchend:Q,onLoad:ae,onDblclick:ee,onDragstart:e=>{e.preventDefault()}},null)]),ue=()=>{if(r["prev-btn"])return r["prev-btn"]({prev:R});if(D.value.length<=1)return;const o=!t.loop&&N.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(o?"disable":""),onClick:R},[t.rtl?e.createVNode(l,{type:"next"},null):e.createVNode(l,{type:"prev"},null)])},pe=()=>{if(r["next-btn"])return r["next-btn"]({next:O});if(D.value.length<=1)return;const o=!t.loop&&N.value>=D.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(o?"disable":""),onClick:O},[t.rtl?e.createVNode(l,{type:"prev"},null):e.createVNode(l,{type:"next"},null)])},be=()=>{if(Y.value&&!t.titleDisabled&&!C.loading&&!C.loadError)return r.title?r.title():e.createVNode(h,null,{default:()=>[Y.value]})},ve=()=>{let a;if(t.visible)return e.createVNode("div",{onTouchmove:c,class:[`${o}-modal`,t.rtl?"is-rtl":""],onClick:e.withModifiers(le,["self"]),onWheel:te},[e.createVNode(w,null,null),e.createVNode(e.Transition,{name:`${o}-fade`,mode:"out-in"},_(a=de())?a:{default:()=>[a]}),e.createVNode("img",{style:"display:none;",src:L.value,onError:re,onLoad:ne},null),e.createVNode("div",{class:`${o}-btns-wrapper`},[ue(),pe(),be(),r["close-btn"]?r["close-btn"]({close:X}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:X},[e.createVNode(l,{type:"close"},null)]),r.toolbar?r.toolbar({toolbarMethods:{zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z},zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z}):e.createVNode(m,{zoomIn:j,zoomOut:A,resize:Z,rotateLeft:H,rotateRight:P,rotateDisabled:t.rotateDisabled},null)])])};return()=>{let l;if(t.teleport){let l;return e.createVNode(e.Teleport,{to:t.teleport},{default:()=>[e.createVNode(e.Transition,{name:`${o}-fade`},_(l=ve())?l:{default:()=>[l]})]})}return e.createVNode(e.Transition,{name:`${o}-fade`},_(l=ve())?l:{default:()=>[l]})}}});const S=Object.assign(M,{install:e=>{e.component(M.name,M)}});exports.default=S,exports.useEasyLightbox=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,a=e.ref(o),n=e.ref(l),r=e.ref(!1),i=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;n.value=e};return{imgsRef:a,indexRef:n,visibleRef:r,show:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:n.value;"number"==typeof t?i(t):e.isRef(t)&&"number"==typeof t.value?i(t.value):t instanceof Event&&i(n.value),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 2d4fc1a..744549c 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 u,isVNode as d,withModifiers as p,isRef as v}from"vue";function b(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))}}b(".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{position:static}.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}");b('.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)}}');b(".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}");b(".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}");b(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");b(".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}");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,f=()=>{};let h=!1;if(m)try{const e={};Object.defineProperty(e,"passive",{get(){h=!0}}),window.addEventListener("test-passive",f,e)}catch(e){}const w=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];m&&e.addEventListener(t,o,!!h&&{capture:!1,passive:l})},x=(e,t,o)=>{m&&e.removeEventListener(t,o)},y=e=>{e.preventDefault()},z=Object.prototype.toString,k=e=>t=>z.call(t).slice(8,-1)===e;const _=e=>!!e&&k("String")(e);function M(e){return null!=e}const S=e({name:"Toolbar",props:{zoomIn:{type:Function,default:f},zoomOut:{type:Function,default:f},rotateLeft:{type:Function,default:f},rotateRight:{type:Function,default:f},resize:{type:Function,default:f}},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)])])}),L=()=>t("div",{class:"vel-loading"},[t("div",{class:"ring"},null)]),C=()=>t("div",{class:"vel-on-error"},[t("div",{class:"ring"},null),t(g,{type:"img-broken"},null)]),Y=(e,o)=>{let{slots:l}=o;return t("div",{class:"vel-img-title"},[l.default?l.default():""])},D=e({name:"DefaultIcons",setup:()=>()=>t("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[t("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),t("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),t("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),X=m?window:global;let B=Date.now();function E(e){const t=Date.now(),o=Math.max(0,16-(t-B)),l=setTimeout(e,o);return B=t+o,l}function T(e){return(X.requestAnimationFrame||E).call(X,e)}function O(e){(X.cancelAnimationFrame||X.clearTimeout).call(X,e)}function I(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function R(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!d(e)}function A(e){return(e=>!!e&&k("Object")(e))(e)&&_(e.src)}var j=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,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,"on-rotate":e=>!0},setup(e,d){let{emit:v,slots:b}=d;const{imgRef:m,imgState:f,setImgSize:h}=(()=>{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}}}})(),z=o(0),X=o(""),B=l({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),E=l({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),j=n((()=>{return t=e.imgs,k("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:A(e)?e:void 0)).filter(M):_(e.imgs)?[{src:e.imgs}]:[];var t})),H=n((()=>{var e;return null===(e=j.value[z.value])||void 0===e?void 0:e.src})),F=n((()=>{var e;return null===(e=j.value[z.value])||void 0===e?void 0:e.title})),N=n((()=>{var e;return null===(e=j.value[z.value])||void 0===e?void 0:e.alt})),$=n((()=>({cursor:E.loadError?"default":e.moveDisabled?E.dragging?"grabbing":"grab":"move",top:`calc(50% + ${B.top}px)`,left:`calc(50% + ${B.left}px)`,transition:E.dragging||E.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${B.scale}) rotate(${B.rotateDeg}deg)`}))),P=()=>{v("hide")},V=()=>{B.scale=1,B.lastScale=1,B.rotateDeg=0,B.top=0,B.left=0,E.loadError=!1,E.dragging=!1,E.loading=!0},Z=(t,o)=>{const l=z.value;V(),z.value=t,j.value[z.value]===j.value[t]&&r((()=>{E.loading=!1})),e.visible&&l!==t&&(o&&o(l,t),v("on-index-change",l,t))},q=()=>{const t=z.value,o=e.loop?(t+1)%j.value.length:t+1;!e.loop&&o>j.value.length-1||Z(o,((e,t)=>{v("on-next",e,t),v("on-next-click",e,t)}))},U=()=>{const t=z.value;let o=t-1;if(0===t){if(!e.loop)return;o=j.value.length-1}Z(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),B.lastScale=B.scale,B.scale=e},G=()=>{const t=B.scale+e.zoomScale;t{const t=B.scale-e.zoomScale;t>e.minZoom&&W(t)},K=()=>{const e=B.rotateDeg%360;v("on-rotate",Math.abs(e<0?e+360:e))},Q=()=>{B.rotateDeg-=90,K()},ee=()=>{B.rotateDeg+=90,K()},te=()=>{B.scale=1,B.top=0,B.left=0},oe=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:le,onMouseMove:ne,onMouseUp:ae}=((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)&&O(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()}}})(B,E,oe),{onTouchStart:re,onTouchMove:ie,onTouchEnd:se}=((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:u,top:d,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=d-c+o,t.left=u-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(n=T((()=>{const o=(I(t.touches[0],t.touches[1])-I(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:()=>{O(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(f,B,E,oe),ce=()=>{B.scale!==f.maxScale?(B.lastScale=B.scale,B.scale=f.maxScale):B.scale=B.lastScale},ue=t=>{E.loadError||E.gesturing||E.loading||E.dragging||E.wheeling||!e.scrollDisabled||(E.wheeling=!0,setTimeout((()=>{E.wheeling=!1}),80),t.deltaY<0?G():J())},de=t=>{const o=t;e.visible&&(!e.escDisabled&&"Escape"===o.key&&e.visible&&P(),"ArrowLeft"===o.key&&(e.rtl?q():U()),"ArrowRight"===o.key&&(e.rtl?U():q()))},pe=()=>{e.maskClosable&&P()},ve=()=>{h()},be=()=>{E.loading=!1},ge=e=>{E.loading=!1,E.loadError=!0,v("on-error",e)},me=()=>{e.visible&&h()};a((()=>e.index),(e=>{e<0||e>=j.value.length||Z(e)})),a((()=>E.dragging),((t,o)=>{const l=!t&&o;if(!oe()&&l){const t=B.lastX-B.initX,o=B.lastY-B.initY,l=e.swipeTolerance;Math.abs(t)>Math.abs(o)&&(t<-1*l?q():t>l&&U())}})),a((()=>e.visible),(t=>{if(t){V();const t=j.value.length;if(0===t)return z.value=0,E.loading=!1,void r((()=>E.loadError=!0));z.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&fe()}else e.scrollDisabled&&he()}));const fe=()=>{document&&(X.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},he=()=>{document&&(document.body.style.overflowY=X.value)};i((()=>{w(document,"keydown",de),w(window,"resize",me)})),s((()=>{x(document,"keydown",de),x(window,"resize",me),he()}));const we=()=>E.loading?b.loading?b.loading({key:"loading"}):t(L,{key:"img-loading"},null):E.loadError?b.onerror?b.onerror({key:"onerror"}):t(C,{key:"img-on-error"},null):t("div",{class:"vel-img-wrapper",style:$.value,key:"img-wrapper"},[t("img",{alt:N.value,ref:m,draggable:"false",class:"vel-img",src:H.value,onMousedown:le,onMouseup:ae,onMousemove:ne,onTouchstart:re,onTouchmove:ie,onTouchend:se,onLoad:ve,onDblclick:ce,onDragstart:e=>{e.preventDefault()}},null)]),xe=()=>{if(b["prev-btn"])return b["prev-btn"]({prev:U});if(j.value.length<=1)return;const o=!e.loop&&z.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(o?"disable":""),onClick:U},[e.rtl?t(g,{type:"next"},null):t(g,{type:"prev"},null)])},ye=()=>{if(b["next-btn"])return b["next-btn"]({next:q});if(j.value.length<=1)return;const o=!e.loop&&z.value>=j.value.length-1;return t("div",{role:"button","aria-label":"next image button",class:"btn__next "+(o?"disable":""),onClick:q},[e.rtl?t(g,{type:"prev"},null):t(g,{type:"next"},null)])},ze=()=>{if(F.value&&!e.titleDisabled&&!E.loading&&!E.loadError)return b.title?b.title():t(Y,null,{default:()=>[F.value]})},ke=()=>{let o;if(e.visible)return t("div",{onTouchmove:y,class:["vel-modal",e.rtl?"is-rtl":""],onClick:p(pe,["self"]),onWheel:ue},[t(D,null,null),t(u,{name:"vel-fade",mode:"out-in"},R(o=we())?o:{default:()=>[o]}),t("img",{style:"display:none;",src:H.value,onError:ge,onLoad:be},null),t("div",{class:"vel-btns-wrapper"},[xe(),ye(),ze(),b["close-btn"]?b["close-btn"]({close:P}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:P},[t(g,{type:"close"},null)]),b.toolbar?b.toolbar({toolbarMethods:{zoomIn:G,zoomOut:J,rotate:Q,rotateLeft:Q,rotateRight:ee,resize:te},zoomIn:G,zoomOut:J,rotate:Q,rotateLeft:Q,rotateRight:ee,resize:te}):t(S,{zoomIn:G,zoomOut:J,resize:te,rotateLeft:Q,rotateRight:ee},null)])])};return()=>{let o;if(e.teleport){let o;return t(c,{to:e.teleport},{default:()=>[t(u,{name:"vel-fade"},R(o=ke())?o:{default:()=>[o]})]})}return t(u,{name:"vel-fade"},R(o=ke())?o:{default:()=>[o]})}}});const H=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:t="",initIndex:l=0}=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;"number"==typeof e?s(e):v(e)&&"number"==typeof e.value?s(e.value):e instanceof Event&&s(a.value),r.value=!0},s=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e},c=()=>{r.value=!1};return{imgsRef:n,indexRef:a,visibleRef:r,show:i,onHide:c,changeIndex:s}},F=Object.assign(j,{install:e=>{e.component(j.name,j)}});export{F as default,H as useEasyLightbox}; +import{defineComponent as e,createVNode as t,Fragment as o,ref as l,reactive as n,computed as a,watch as r,nextTick as i,onMounted as s,onBeforeUnmount as c,Teleport as u,Transition as d,isVNode as p,withModifiers as b,isRef as v}from"vue";function g(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))}}g(".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{position:static}.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}");g('.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)}}');g(".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}");g(".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}");g(".vel-icon{fill:currentColor;height:1em;overflow:hidden;vertical-align:-.15em;width:1em}");g(".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}");const m="vel",f=e({name:"SvgIcon",props:{type:{type:String,default:""}},setup:e=>()=>t("svg",{class:`${m}-icon icon`,"aria-hidden":"true"},[t("use",{"xlink:href":`#icon-${e.type}`},null)])}),h="undefined"!=typeof window,w=()=>{};let x=!1;if(h)try{const e={};Object.defineProperty(e,"passive",{get(){x=!0}}),window.addEventListener("test-passive",w,e)}catch(e){}const y=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];h&&e.addEventListener(t,o,!!x&&{capture:!1,passive:l})},z=(e,t,o)=>{h&&e.removeEventListener(t,o)},k=e=>{e.preventDefault()},_=Object.prototype.toString,M=e=>t=>_.call(t).slice(8,-1)===e;const S=e=>!!e&&M("Object")(e),D=e=>!!e&&M("String")(e);function L(e){return null!=e}const C=e({name:"Toolbar",props:{zoomIn:{type:Function,default:w},zoomOut:{type:Function,default:w},rotateLeft:{type:Function,default:w},rotateRight:{type:Function,default:w},resize:{type:Function,default:w},rotateDisabled:{type:Boolean,default:!1}},setup:e=>()=>t("div",{class:`${m}-toolbar`},[t("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:e.zoomIn},[t(f,{type:"zoomin"},null)]),t("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:e.zoomOut},[t(f,{type:"zoomout"},null)]),t("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:e.resize},[t(f,{type:"resize"},null)]),!e.rotateDisabled&&t(o,null,[t("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateLeft},[t(f,{type:"rotate-left"},null)]),t("div",{role:"button","aria-label":"image rotate right button",class:"toolbar-btn toolbar-btn__rotate",onClick:e.rotateRight},[t(f,{type:"rotate-right"},null)])])])}),Y=()=>t("div",{class:`${m}-loading`},[t("div",{class:"ring"},null)]),X=()=>t("div",{class:`${m}-on-error`},[t("div",{class:"ring"},null),t(f,{type:"img-broken"},null)]),B=(e,o)=>{let{slots:l}=o;return t("div",{class:`${m}-img-title`},[l.default?l.default():""])},E=e({name:"DefaultIcons",setup:()=>()=>t("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[t("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[t("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:""},null)]),t("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),t("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),t("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[t("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"},null)]),t("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[t("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"},null),t("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),T=h?window:global;let $=Date.now();function O(e){const t=Date.now(),o=Math.max(0,16-(t-$)),l=setTimeout(e,o);return $=t+o,l}function I(e){return(T.requestAnimationFrame||O).call(T,e)}function R(e){(T.cancelAnimationFrame||T.clearTimeout).call(T,e)}function A(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function j(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!p(e)}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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,default:.1},rotateDisabled:{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,"on-rotate":e=>!0},setup(e,o){let{emit:p,slots:v}=o;const{imgRef:g,imgState:h,setImgSize:w}=(()=>{const e=l(),t=n({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}}}})(),x=l(0),_=l(""),T=n({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),$=n({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),O=a((()=>{return t=e.imgs,M("Array")(t)?e.imgs.map((e=>"string"==typeof e?{src:e}:function(e){return S(e)&&D(e.src)}(e)?e:void 0)).filter(L):D(e.imgs)?[{src:e.imgs}]:[];var t})),H=a((()=>{const e=O.value[x.value]?.src;return e})),F=a((()=>O.value[x.value]?.title)),N=a((()=>O.value[x.value]?.alt)),P=a((()=>({cursor:$.loadError?"default":e.moveDisabled?$.dragging?"grabbing":"grab":"move",top:`calc(50% + ${T.top}px)`,left:`calc(50% + ${T.left}px)`,transition:$.dragging||$.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${T.scale}) rotate(${T.rotateDeg}deg)`}))),V=()=>{p("hide")},Z=()=>{T.scale=1,T.lastScale=1,T.rotateDeg=0,T.top=0,T.left=0,$.loadError=!1,$.dragging=!1,$.loading=!0},q=(t,o)=>{const l=x.value;Z(),x.value=t,O.value[x.value]===O.value[t]&&i((()=>{$.loading=!1})),e.visible&&l!==t&&(o&&o(l,t),p("on-index-change",l,t))},U=()=>{const t=x.value,o=e.loop?(t+1)%O.value.length:t+1;!e.loop&&o>O.value.length-1||q(o,((e,t)=>{p("on-next",e,t),p("on-next-click",e,t)}))},W=()=>{const t=x.value;let o=t-1;if(0===t){if(!e.loop)return;o=O.value.length-1}q(o,((e,t)=>{p("on-prev",e,t),p("on-prev-click",e,t)}))},G=e=>{Math.abs(1-e)<.05?e=1:Math.abs(h.maxScale-e)<.05&&(e=h.maxScale),T.lastScale=T.scale,T.scale=e},J=()=>{const t=T.scale+e.zoomScale;t{const t=T.scale-e.zoomScale;t>e.minZoom&&G(t)},Q=()=>{const e=T.rotateDeg%360;p("on-rotate",Math.abs(e<0?e+360:e))},ee=()=>{T.rotateDeg-=90,Q()},te=()=>{T.rotateDeg+=90,Q()},oe=()=>{T.scale=1,T.top=0,T.left=0},le=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!e.moveDisabled&&0===t},{onMouseDown:ne,onMouseMove:ae,onMouseUp:re}=((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)&&R(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=I((()=>{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()}}})(T,$,le),{onTouchStart:ie,onTouchMove:se,onTouchEnd:ce}=((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:u,top:d,scale:p}=t;if(!o.gesturing&&o.dragging){if(!i[0])return;const{clientX:e,clientY:o}=i[0];l()?n=I((()=>{t.lastX=e,t.lastY=o,t.top=d-c+o,t.left=u-s+e,a=!1})):(t.lastX=e,t.lastY=o)}else o.gesturing&&t.touches.length>1&&i.length>1&&(n=I((()=>{const o=(A(t.touches[0],t.touches[1])-A(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:()=>{R(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(h,T,$,le),ue=()=>{T.scale!==h.maxScale?(T.lastScale=T.scale,T.scale=h.maxScale):T.scale=T.lastScale},de=t=>{$.loadError||$.gesturing||$.loading||$.dragging||$.wheeling||!e.scrollDisabled||($.wheeling=!0,setTimeout((()=>{$.wheeling=!1}),80),t.deltaY<0?J():K())},pe=t=>{const o=t;e.visible&&(!e.escDisabled&&"Escape"===o.key&&e.visible&&V(),"ArrowLeft"===o.key&&(e.rtl?U():W()),"ArrowRight"===o.key&&(e.rtl?W():U()))},be=()=>{e.maskClosable&&V()},ve=()=>{w()},ge=()=>{$.loading=!1},me=e=>{$.loading=!1,$.loadError=!0,p("on-error",e)},fe=()=>{e.visible&&w()};r((()=>e.index),(e=>{e<0||e>=O.value.length||q(e)})),r((()=>$.dragging),((t,o)=>{const l=!t&&o;if(!le()&&l){const t=T.lastX-T.initX,o=T.lastY-T.initY,l=e.swipeTolerance;Math.abs(t)>Math.abs(o)&&(t<-1*l?U():t>l&&W())}})),r((()=>e.visible),(t=>{if(t){Z();const t=O.value.length;if(0===t)return x.value=0,$.loading=!1,void i((()=>$.loadError=!0));x.value=e.index>=t?t-1:e.index<0?0:e.index,e.scrollDisabled&&he()}else e.scrollDisabled&&we()}));const he=()=>{document&&(_.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},we=()=>{document&&(document.body.style.overflowY=_.value)};s((()=>{y(document,"keydown",pe),y(window,"resize",fe)})),c((()=>{z(document,"keydown",pe),z(window,"resize",fe),we()}));const xe=()=>$.loading?v.loading?v.loading({key:"loading"}):t(Y,{key:"img-loading"},null):$.loadError?v.onerror?v.onerror({key:"onerror"}):t(X,{key:"img-on-error"},null):t("div",{class:`${m}-img-wrapper`,style:P.value,key:"img-wrapper"},[t("img",{alt:N.value,ref:g,draggable:"false",class:`${m}-img`,src:H.value,onMousedown:ne,onMouseup:re,onMousemove:ae,onTouchstart:ie,onTouchmove:se,onTouchend:ce,onLoad:ve,onDblclick:ue,onDragstart:e=>{e.preventDefault()}},null)]),ye=()=>{if(v["prev-btn"])return v["prev-btn"]({prev:W});if(O.value.length<=1)return;const o=!e.loop&&x.value<=0;return t("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(o?"disable":""),onClick:W},[e.rtl?t(f,{type:"next"},null):t(f,{type:"prev"},null)])},ze=()=>{if(v["next-btn"])return v["next-btn"]({next:U});if(O.value.length<=1)return;const o=!e.loop&&x.value>=O.value.length-1;return t("div",{role:"button","aria-label":"next image button",class:"btn__next "+(o?"disable":""),onClick:U},[e.rtl?t(f,{type:"prev"},null):t(f,{type:"next"},null)])},ke=()=>{if(F.value&&!e.titleDisabled&&!$.loading&&!$.loadError)return v.title?v.title():t(B,null,{default:()=>[F.value]})},_e=()=>{let o;if(e.visible)return t("div",{onTouchmove:k,class:[`${m}-modal`,e.rtl?"is-rtl":""],onClick:b(be,["self"]),onWheel:de},[t(E,null,null),t(d,{name:`${m}-fade`,mode:"out-in"},j(o=xe())?o:{default:()=>[o]}),t("img",{style:"display:none;",src:H.value,onError:me,onLoad:ge},null),t("div",{class:`${m}-btns-wrapper`},[ye(),ze(),ke(),v["close-btn"]?v["close-btn"]({close:V}):t("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:V},[t(f,{type:"close"},null)]),v.toolbar?v.toolbar({toolbarMethods:{zoomIn:J,zoomOut:K,rotate:ee,rotateLeft:ee,rotateRight:te,resize:oe},zoomIn:J,zoomOut:K,rotate:ee,rotateLeft:ee,rotateRight:te,resize:oe}):t(C,{zoomIn:J,zoomOut:K,resize:oe,rotateLeft:ee,rotateRight:te,rotateDisabled:e.rotateDisabled},null)])])};return()=>{let o;if(e.teleport){let o;return t(u,{to:e.teleport},{default:()=>[t(d,{name:`${m}-fade`},j(o=_e())?o:{default:()=>[o]})]})}return t(d,{name:`${m}-fade`},j(o=_e())?o:{default:()=>[o]})}}});const F=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:t="",initIndex:o=0}=e,n=l(t),a=l(o),r=l(!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;"number"==typeof e?i(e):v(e)&&"number"==typeof e.value?i(e.value):e instanceof Event&&i(a.value),r.value=!0},onHide:()=>{r.value=!1},changeIndex:i}},N=Object.assign(H,{install:e=>{e.component(H.name,H)}});export{N as default,F as useEasyLightbox}; diff --git a/dist/vue-easy-lightbox.umd.min.js b/dist/vue-easy-lightbox.umd.min.js index a0eaf10..e8120f3 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 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))}}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{position:static}.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}");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)])}),l="undefined"!=typeof window,n=()=>{};let a=!1;if(l)try{const e={};Object.defineProperty(e,"passive",{get(){a=!0}}),window.addEventListener("test-passive",n,e)}catch(e){}const r=function(e,t,o){let n=arguments.length>3&&void 0!==arguments[3]&&arguments[3];l&&e.addEventListener(t,o,!!a&&{capture:!1,passive:n})},i=(e,t,o)=>{l&&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:n},zoomOut:{type:Function,default:n},rotateLeft:{type:Function,default:n},rotateRight:{type:Function,default:n},resize:{type:Function,default:n}},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:l}=o;return e.createVNode("div",{class:"vel-img-title"},[l.default?l.default():""])},f=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),h=l?window:global;let w=Date.now();function x(e){const t=Date.now(),o=Math.max(0,16-(t-w)),l=setTimeout(e,o);return w=t+o,l}function y(e){return(h.requestAnimationFrame||x).call(h,e)}function z(e){(h.cancelAnimationFrame||h.clearTimeout).call(h,e)}function N(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function V(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}function k(e){return(e=>!!e&&d("Object")(e))(e)&&u(e.src)}var _=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,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,"on-rotate":e=>!0},setup(t,l){let{emit:n,slots:a}=l;const{imgRef:c,imgState:h,setImgSize:w}=(()=>{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}}}})(),x=e.ref(0),_=e.ref(""),M=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=t.imgs,d("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:k(e)?e:void 0)).filter(p):u(t.imgs)?[{src:t.imgs}]:[];var e})),L=e.computed((()=>{var e;return null===(e=C.value[x.value])||void 0===e?void 0:e.src})),Y=e.computed((()=>{var e;return null===(e=C.value[x.value])||void 0===e?void 0:e.title})),T=e.computed((()=>{var e;return null===(e=C.value[x.value])||void 0===e?void 0:e.alt})),D=e.computed((()=>({cursor:S.loadError?"default":t.moveDisabled?S.dragging?"grabbing":"grab":"move",top:`calc(50% + ${M.top}px)`,left:`calc(50% + ${M.left}px)`,transition:S.dragging||S.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${M.scale}) rotate(${M.rotateDeg}deg)`}))),X=()=>{n("hide")},E=()=>{M.scale=1,M.lastScale=1,M.rotateDeg=0,M.top=0,M.left=0,S.loadError=!1,S.dragging=!1,S.loading=!0},B=(o,l)=>{const a=x.value;E(),x.value=o,C.value[x.value]===C.value[o]&&e.nextTick((()=>{S.loading=!1})),t.visible&&a!==o&&(l&&l(a,o),n("on-index-change",a,o))},O=()=>{const e=x.value,o=t.loop?(e+1)%C.value.length:e+1;!t.loop&&o>C.value.length-1||B(o,((e,t)=>{n("on-next",e,t),n("on-next-click",e,t)}))},R=()=>{const e=x.value;let o=e-1;if(0===e){if(!t.loop)return;o=C.value.length-1}B(o,((e,t)=>{n("on-prev",e,t),n("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(h.maxScale-e)<.05&&(e=h.maxScale),M.lastScale=M.scale,M.scale=e},j=()=>{const e=M.scale+t.zoomScale;e{const e=M.scale-t.zoomScale;e>t.minZoom&&I(e)},H=()=>{const e=M.rotateDeg%360;n("on-rotate",Math.abs(e<0?e+360:e))},F=()=>{M.rotateDeg-=90,H()},$=()=>{M.rotateDeg+=90,H()},P=()=>{M.scale=1,M.top=0,M.left=0},Z=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:q,onMouseMove:U,onMouseUp:W}=((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()}}})(M,S,Z),{onTouchStart:G,onTouchMove:J,onTouchEnd:K}=((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=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&&(n=y((()=>{const o=(N(t.touches[0],t.touches[1])-N(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:()=>{z(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(h,M,S,Z),Q=()=>{M.scale!==h.maxScale?(M.lastScale=M.scale,M.scale=h.maxScale):M.scale=M.lastScale},ee=e=>{S.loadError||S.gesturing||S.loading||S.dragging||S.wheeling||!t.scrollDisabled||(S.wheeling=!0,setTimeout((()=>{S.wheeling=!1}),80),e.deltaY<0?j():A())},te=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&X(),"ArrowLeft"===o.key&&(t.rtl?O():R()),"ArrowRight"===o.key&&(t.rtl?R():O()))},oe=()=>{t.maskClosable&&X()},le=()=>{w()},ne=()=>{S.loading=!1},ae=e=>{S.loading=!1,S.loadError=!0,n("on-error",e)},re=()=>{t.visible&&w()};e.watch((()=>t.index),(e=>{e<0||e>=C.value.length||B(e)})),e.watch((()=>S.dragging),((e,o)=>{const l=!e&&o;if(!Z()&&l){const e=M.lastX-M.initX,o=M.lastY-M.initY,l=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*l?O():e>l&&R())}})),e.watch((()=>t.visible),(o=>{if(o){E();const o=C.value.length;if(0===o)return x.value=0,S.loading=!1,void e.nextTick((()=>S.loadError=!0));x.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&ie()}else t.scrollDisabled&&se()}));const ie=()=>{document&&(_.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},se=()=>{document&&(document.body.style.overflowY=_.value)};e.onMounted((()=>{r(document,"keydown",te),r(window,"resize",re)})),e.onBeforeUnmount((()=>{i(document,"keydown",te),i(window,"resize",re),se()}));const ce=()=>S.loading?a.loading?a.loading({key:"loading"}):e.createVNode(b,{key:"img-loading"},null):S.loadError?a.onerror?a.onerror({key:"onerror"}):e.createVNode(m,{key:"img-on-error"},null):e.createVNode("div",{class:"vel-img-wrapper",style:D.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:c,draggable:"false",class:"vel-img",src:L.value,onMousedown:q,onMouseup:W,onMousemove:U,onTouchstart:G,onTouchmove:J,onTouchend:K,onLoad:le,onDblclick:Q,onDragstart:e=>{e.preventDefault()}},null)]),de=()=>{if(a["prev-btn"])return a["prev-btn"]({prev:R});if(C.value.length<=1)return;const l=!t.loop&&x.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(l?"disable":""),onClick:R},[t.rtl?e.createVNode(o,{type:"next"},null):e.createVNode(o,{type:"prev"},null)])},ue=()=>{if(a["next-btn"])return a["next-btn"]({next:O});if(C.value.length<=1)return;const l=!t.loop&&x.value>=C.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(l?"disable":""),onClick:O},[t.rtl?e.createVNode(o,{type:"prev"},null):e.createVNode(o,{type:"next"},null)])},pe=()=>{if(Y.value&&!t.titleDisabled&&!S.loading&&!S.loadError)return a.title?a.title():e.createVNode(g,null,{default:()=>[Y.value]})},ve=()=>{let l;if(t.visible)return e.createVNode("div",{onTouchmove:s,class:["vel-modal",t.rtl?"is-rtl":""],onClick:e.withModifiers(oe,["self"]),onWheel:ee},[e.createVNode(f,null,null),e.createVNode(e.Transition,{name:"vel-fade",mode:"out-in"},V(l=ce())?l:{default:()=>[l]}),e.createVNode("img",{style:"display:none;",src:L.value,onError:ae,onLoad:ne},null),e.createVNode("div",{class:"vel-btns-wrapper"},[de(),ue(),pe(),a["close-btn"]?a["close-btn"]({close:X}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:X},[e.createVNode(o,{type:"close"},null)]),a.toolbar?a.toolbar({toolbarMethods:{zoomIn:j,zoomOut:A,rotate:F,rotateLeft:F,rotateRight:$,resize:P},zoomIn:j,zoomOut:A,rotate:F,rotateLeft:F,rotateRight:$,resize:P}):e.createVNode(v,{zoomIn:j,zoomOut:A,resize:P,rotateLeft:F,rotateRight:$},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"},V(o=ve())?o:{default:()=>[o]})]})}return e.createVNode(e.Transition,{name:"vel-fade"},V(o=ve())?o:{default:()=>[o]})}}});const M=Object.assign(_,{install:e=>{e.component(_.name,_)},useEasyLightbox:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,n=e.ref(o),a=e.ref(l),r=e.ref(!1),i=function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;"number"==typeof t?s(t):e.isRef(t)&&"number"==typeof t.value?s(t.value):t instanceof Event&&s(a.value),r.value=!0},s=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;a.value=e},c=()=>{r.value=!1};return{imgsRef:n,indexRef:a,visibleRef:r,show:i,onHide:c,changeIndex:s}}});return 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 t(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))}}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{position:static}.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}");const o="vel",l=e.defineComponent({name:"SvgIcon",props:{type:{type:String,default:""}},setup:t=>()=>e.createVNode("svg",{class:`${o}-icon icon`,"aria-hidden":"true"},[e.createVNode("use",{"xlink:href":`#icon-${t.type}`},null)])}),n="undefined"!=typeof window,a=()=>{};let r=!1;if(n)try{const e={};Object.defineProperty(e,"passive",{get(){r=!0}}),window.addEventListener("test-passive",a,e)}catch(e){}const i=function(e,t,o){let l=arguments.length>3&&void 0!==arguments[3]&&arguments[3];n&&e.addEventListener(t,o,!!r&&{capture:!1,passive:l})},s=(e,t,o)=>{n&&e.removeEventListener(t,o)},c=e=>{e.preventDefault()},d=Object.prototype.toString,u=e=>t=>d.call(t).slice(8,-1)===e;const p=e=>!!e&&u("Object")(e),b=e=>!!e&&u("String")(e);function v(e){return null!=e}const m=e.defineComponent({name:"Toolbar",props:{zoomIn:{type:Function,default:a},zoomOut:{type:Function,default:a},rotateLeft:{type:Function,default:a},rotateRight:{type:Function,default:a},resize:{type:Function,default:a},rotateDisabled:{type:Boolean,default:!1}},setup:t=>()=>e.createVNode("div",{class:`${o}-toolbar`},[e.createVNode("div",{role:"button","aria-label":"zoom in button",class:"toolbar-btn toolbar-btn__zoomin",onClick:t.zoomIn},[e.createVNode(l,{type:"zoomin"},null)]),e.createVNode("div",{role:"button","aria-label":"zoom out button",class:"toolbar-btn toolbar-btn__zoomout",onClick:t.zoomOut},[e.createVNode(l,{type:"zoomout"},null)]),e.createVNode("div",{role:"button","aria-label":"resize image button",class:"toolbar-btn toolbar-btn__resize",onClick:t.resize},[e.createVNode(l,{type:"resize"},null)]),!t.rotateDisabled&&e.createVNode(e.Fragment,null,[e.createVNode("div",{role:"button","aria-label":"image rotate left button",class:"toolbar-btn toolbar-btn__rotate",onClick:t.rotateLeft},[e.createVNode(l,{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(l,{type:"rotate-right"},null)])])])}),g=()=>e.createVNode("div",{class:`${o}-loading`},[e.createVNode("div",{class:"ring"},null)]),f=()=>e.createVNode("div",{class:`${o}-on-error`},[e.createVNode("div",{class:"ring"},null),e.createVNode(l,{type:"img-broken"},null)]),h=(t,l)=>{let{slots:n}=l;return e.createVNode("div",{class:`${o}-img-title`},[n.default?n.default():""])},w=e.defineComponent({name:"DefaultIcons",setup:()=>()=>e.createVNode("svg",{"aria-hidden":!0,style:"position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden;"},[e.createVNode("symbol",{id:"icon-rotate-right",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-rotate-left",viewBox:"0 0 1024 1024"},[e.createVNode("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:""},null)]),e.createVNode("symbol",{id:"icon-resize",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-img-broken",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-prev",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-next",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomin",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null),e.createVNode("path",{d:"M367.488 238.144h127.104v390.72H367.488z"},null)]),e.createVNode("symbol",{id:"icon-close",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null)]),e.createVNode("symbol",{id:"icon-zoomout",viewBox:"0 0 1024 1024"},[e.createVNode("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"},null),e.createVNode("path",{d:"M235.712 369.92h390.72v127.104H235.712z"},null)])])}),x=n?window:global;let y=Date.now();function N(e){const t=Date.now(),o=Math.max(0,16-(t-y)),l=setTimeout(e,o);return y=t+o,l}function z(e){return(x.requestAnimationFrame||N).call(x,e)}function V(e){(x.cancelAnimationFrame||x.clearTimeout).call(x,e)}function k(e,t){const o=e.clientX-t.clientX,l=e.clientY-t.clientY;return Math.sqrt(o*o+l*l)}function _(t){return"function"==typeof t||"[object Object]"===Object.prototype.toString.call(t)&&!e.isVNode(t)}var M=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},zoomScale:{type:Number,default:.12},maxZoom:{type:Number,default:3},minZoom:{type:Number,default:.1},rotateDisabled:{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,"on-rotate":e=>!0},setup(t,n){let{emit:a,slots:r}=n;const{imgRef:d,imgState:x,setImgSize:y}=(()=>{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(""),S=e.reactive({scale:1,lastScale:1,rotateDeg:0,top:0,left:0,initX:0,initY:0,lastX:0,lastY:0,touches:[]}),C=e.reactive({loadError:!1,loading:!1,dragging:!1,gesturing:!1,wheeling:!1}),L=e.computed((()=>{return e=t.imgs,u("Array")(e)?t.imgs.map((e=>"string"==typeof e?{src:e}:function(e){return p(e)&&b(e.src)}(e)?e:void 0)).filter(v):b(t.imgs)?[{src:t.imgs}]:[];var e})),D=e.computed((()=>{const e=L.value[N.value]?.src;return e})),Y=e.computed((()=>L.value[N.value]?.title)),T=e.computed((()=>L.value[N.value]?.alt)),B=e.computed((()=>({cursor:C.loadError?"default":t.moveDisabled?C.dragging?"grabbing":"grab":"move",top:`calc(50% + ${S.top}px)`,left:`calc(50% + ${S.left}px)`,transition:C.dragging||C.gesturing?"none":"",transform:`translate(-50%, -50%) scale(${S.scale}) rotate(${S.rotateDeg}deg)`}))),X=()=>{a("hide")},E=()=>{S.scale=1,S.lastScale=1,S.rotateDeg=0,S.top=0,S.left=0,C.loadError=!1,C.dragging=!1,C.loading=!0},$=(o,l)=>{const n=N.value;E(),N.value=o,L.value[N.value]===L.value[o]&&e.nextTick((()=>{C.loading=!1})),t.visible&&n!==o&&(l&&l(n,o),a("on-index-change",n,o))},O=()=>{const e=N.value,o=t.loop?(e+1)%L.value.length:e+1;!t.loop&&o>L.value.length-1||$(o,((e,t)=>{a("on-next",e,t),a("on-next-click",e,t)}))},R=()=>{const e=N.value;let o=e-1;if(0===e){if(!t.loop)return;o=L.value.length-1}$(o,((e,t)=>{a("on-prev",e,t),a("on-prev-click",e,t)}))},I=e=>{Math.abs(1-e)<.05?e=1:Math.abs(x.maxScale-e)<.05&&(e=x.maxScale),S.lastScale=S.scale,S.scale=e},j=()=>{const e=S.scale+t.zoomScale;e{const e=S.scale-t.zoomScale;e>t.minZoom&&I(e)},F=()=>{const e=S.rotateDeg%360;a("on-rotate",Math.abs(e<0?e+360:e))},H=()=>{S.rotateDeg-=90,F()},P=()=>{S.rotateDeg+=90,F()},Z=()=>{S.scale=1,S.top=0,S.left=0},q=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return!t.moveDisabled&&0===e},{onMouseDown:U,onMouseMove:W,onMouseUp:G}=((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)&&V(l),t.dragging=!1,n=!1},onMouseMove:a=>{if(t.dragging)if(o(a.button)){if(n)return;n=!0,l=z((()=>{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()}}})(S,C,q),{onTouchStart:J,onTouchMove:K,onTouchEnd:Q}=((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=z((()=>{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=z((()=>{const o=(k(t.touches[0],t.touches[1])-k(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:()=>{V(n),o.dragging=!1,o.gesturing=!1,a=!1}}})(x,S,C,q),ee=()=>{S.scale!==x.maxScale?(S.lastScale=S.scale,S.scale=x.maxScale):S.scale=S.lastScale},te=e=>{C.loadError||C.gesturing||C.loading||C.dragging||C.wheeling||!t.scrollDisabled||(C.wheeling=!0,setTimeout((()=>{C.wheeling=!1}),80),e.deltaY<0?j():A())},oe=e=>{const o=e;t.visible&&(!t.escDisabled&&"Escape"===o.key&&t.visible&&X(),"ArrowLeft"===o.key&&(t.rtl?O():R()),"ArrowRight"===o.key&&(t.rtl?R():O()))},le=()=>{t.maskClosable&&X()},ne=()=>{y()},ae=()=>{C.loading=!1},re=e=>{C.loading=!1,C.loadError=!0,a("on-error",e)},ie=()=>{t.visible&&y()};e.watch((()=>t.index),(e=>{e<0||e>=L.value.length||$(e)})),e.watch((()=>C.dragging),((e,o)=>{const l=!e&&o;if(!q()&&l){const e=S.lastX-S.initX,o=S.lastY-S.initY,l=t.swipeTolerance;Math.abs(e)>Math.abs(o)&&(e<-1*l?O():e>l&&R())}})),e.watch((()=>t.visible),(o=>{if(o){E();const o=L.value.length;if(0===o)return N.value=0,C.loading=!1,void e.nextTick((()=>C.loadError=!0));N.value=t.index>=o?o-1:t.index<0?0:t.index,t.scrollDisabled&&se()}else t.scrollDisabled&&ce()}));const se=()=>{document&&(M.value=document.body.style.overflowY,document.body.style.overflowY="hidden")},ce=()=>{document&&(document.body.style.overflowY=M.value)};e.onMounted((()=>{i(document,"keydown",oe),i(window,"resize",ie)})),e.onBeforeUnmount((()=>{s(document,"keydown",oe),s(window,"resize",ie),ce()}));const de=()=>C.loading?r.loading?r.loading({key:"loading"}):e.createVNode(g,{key:"img-loading"},null):C.loadError?r.onerror?r.onerror({key:"onerror"}):e.createVNode(f,{key:"img-on-error"},null):e.createVNode("div",{class:`${o}-img-wrapper`,style:B.value,key:"img-wrapper"},[e.createVNode("img",{alt:T.value,ref:d,draggable:"false",class:`${o}-img`,src:D.value,onMousedown:U,onMouseup:G,onMousemove:W,onTouchstart:J,onTouchmove:K,onTouchend:Q,onLoad:ne,onDblclick:ee,onDragstart:e=>{e.preventDefault()}},null)]),ue=()=>{if(r["prev-btn"])return r["prev-btn"]({prev:R});if(L.value.length<=1)return;const o=!t.loop&&N.value<=0;return e.createVNode("div",{role:"button","aria-label":"previous image button",class:"btn__prev "+(o?"disable":""),onClick:R},[t.rtl?e.createVNode(l,{type:"next"},null):e.createVNode(l,{type:"prev"},null)])},pe=()=>{if(r["next-btn"])return r["next-btn"]({next:O});if(L.value.length<=1)return;const o=!t.loop&&N.value>=L.value.length-1;return e.createVNode("div",{role:"button","aria-label":"next image button",class:"btn__next "+(o?"disable":""),onClick:O},[t.rtl?e.createVNode(l,{type:"prev"},null):e.createVNode(l,{type:"next"},null)])},be=()=>{if(Y.value&&!t.titleDisabled&&!C.loading&&!C.loadError)return r.title?r.title():e.createVNode(h,null,{default:()=>[Y.value]})},ve=()=>{let n;if(t.visible)return e.createVNode("div",{onTouchmove:c,class:[`${o}-modal`,t.rtl?"is-rtl":""],onClick:e.withModifiers(le,["self"]),onWheel:te},[e.createVNode(w,null,null),e.createVNode(e.Transition,{name:`${o}-fade`,mode:"out-in"},_(n=de())?n:{default:()=>[n]}),e.createVNode("img",{style:"display:none;",src:D.value,onError:re,onLoad:ae},null),e.createVNode("div",{class:`${o}-btns-wrapper`},[ue(),pe(),be(),r["close-btn"]?r["close-btn"]({close:X}):e.createVNode("div",{role:"button","aria-label":"close image preview button",class:"btn__close",onClick:X},[e.createVNode(l,{type:"close"},null)]),r.toolbar?r.toolbar({toolbarMethods:{zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z},zoomIn:j,zoomOut:A,rotate:H,rotateLeft:H,rotateRight:P,resize:Z}):e.createVNode(m,{zoomIn:j,zoomOut:A,resize:Z,rotateLeft:H,rotateRight:P,rotateDisabled:t.rotateDisabled},null)])])};return()=>{let l;if(t.teleport){let l;return e.createVNode(e.Teleport,{to:t.teleport},{default:()=>[e.createVNode(e.Transition,{name:`${o}-fade`},_(l=ve())?l:{default:()=>[l]})]})}return e.createVNode(e.Transition,{name:`${o}-fade`},_(l=ve())?l:{default:()=>[l]})}}});const S=Object.assign(M,{install:e=>{e.component(M.name,M)},useEasyLightbox:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{imgs:""};const{imgs:o="",initIndex:l=0}=t,n=e.ref(o),a=e.ref(l),r=e.ref(!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 t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.value;"number"==typeof t?i(t):e.isRef(t)&&"number"==typeof t.value?i(t.value):t instanceof Event&&i(a.value),r.value=!0},onHide:()=>{r.value=!1},changeIndex:i}}});return S})); diff --git a/package.json b/package.json index 6ad2aed..259c74d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "vue-easy-lightbox", - "version": "1.12.0", + "version": "1.13.0", "description": "A Vue.js 3.0 image lightbox component with Zoom / Drag / Rotate / Switch", "keywords": [ "vue",