evo-vue-carousel 2.0.2 → 2.1.1

package/dist/evo-vue-carousel.js

@@ -574,6 +574,7 @@ var Ot = [
 	"gap",
 	"slideBy",
 	"transitionSpeed",
+	"transitionDuration",
 	"pauseOnHover",
 	"slideTransitionTimingClass",
 	"hideNavigation",
@@ -680,7 +681,7 @@ var At = (e, t = !1) => {
 }, Ht = () => v(Bt), Ut = ["aria-label"], Wt = { class: "evo-vue-carousel__content h-full max-h-full relative" }, Gt = {
 	key: 0,
 	class: "evo-vue-carousel__overlay absolute inset-0"
-}, Kt = {
+}, Kt = /*@__PURE__*/ Object.assign({ name: "EvoVueCarousel" }, {
 	__name: "index",
 	props: /*@__PURE__*/ x({
 		autoplay: {
@@ -799,6 +800,10 @@ var At = (e, t = !1) => {
 		label: {
 			type: String,
 			default: "Image Carousel"
+		},
+		transitionDuration: {
+			type: Boolean,
+			default: !1
 		}
 	}, {
 		modelValue: {
@@ -910,7 +915,7 @@ var At = (e, t = !1) => {
 			}, 8, ["slots"])
 		], 10, Ut));
 	}
-};
+});
 //#endregion
 //#region node_modules/.pnpm/es-toolkit@1.52.0/node_modules/es-toolkit/dist/compat/predicate/isArrayLike.mjs
 function qt(e) {
@@ -3461,6 +3466,7 @@ var hi = /* @__PURE__ */ mi({
 	}
 	return r ?? e;
 }, bi = {
+	name: "EvoVueCarouselSlide",
 	props: {
 		isClone: {
 			type: Boolean,
@@ -3492,7 +3498,7 @@ var hi = /* @__PURE__ */ mi({
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Si = ["data-width", "data-height"], Ci = /*#__PURE__*/ xi({
+}, Si = ["data-width", "data-height"], Ci = /*#__PURE__*/ xi(/* @__PURE__ */ Object.assign({ name: "EvoVueCarouselSlider" }, {
 	__name: "Slider",
 	props: {
 		totalSlides: {
@@ -3505,14 +3511,14 @@ var hi = /* @__PURE__ */ mi({
 		}
 	},
 	setup(e) {
-		ae((e) => ({ v13ccef35: E.value }));
+		ae((e) => ({ d62beeb4: E.value }));
 		let t = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, n = Object.freeze({
 			element: !0,
 			component: !0,
 			static: !0,
 			comment: !1,
 			text: !1
-		}), r = e, { config: i, currentIndex: a, setCurrentIndex: s, isHovered: c, isNavigating: u, setIsNavigating: d, pauseAutoplay: p, resumeAutoplay: m, autoplayIsActive: h } = Rt(), _ = D(!0), v = (e, t) => e / t * 100, y = D(0), b = D(0), x = D(0), ee = o(() => Ge(x.value + 1, x.value + 1 + i.value.perPage)), te = o(() => ({
+		}), r = e, { config: i, currentIndex: a, setCurrentIndex: s, isHovered: c, isNavigating: u, setIsNavigating: d, pauseAutoplay: p, resumeAutoplay: m, autoplayIsActive: h } = Rt(), _ = D(!0), v = (e, t) => i.value.transitionDuration ? i.value.transitionDuration : e / t * 100, y = D(0), b = D(0), x = D(0), ee = o(() => Ge(x.value + 1, x.value + 1 + i.value.perPage)), te = o(() => ({
 			transform: `translate3d(${y.value}px, 0, 0)`,
 			transitionDuration: `${v(O.value, i.value.transitionSpeed)}ms`
 		})), C = (e) => {
@@ -3524,17 +3530,18 @@ var hi = /* @__PURE__ */ mi({
 		});
 		P(() => r.isInit, async (e) => {
 			e && (y.value = C(a.value), await oi(2), _.value = !1);
-		});
+		}, { immediate: !0 });
 		let O = o(() => Math.abs(y.value - b.value));
 		P(a, (e) => {
 			r.isInit && (u.value === !1 && (b.value = y.value), y.value = C(e), t && ie());
 		}, { immediate: !0 });
-		let k = () => {
-			d(!0);
-		}, ie = async () => {
+		let k = (e) => {
+			e.target.classList.contains("evo-vue-carousel__viewport-track") !== !1 && d(!0);
+		}, ie = async (e) => {
+			if (e.target.classList.contains("evo-vue-carousel__viewport-track") === !1) return;
 			_.value = !0, await oi();
-			let e = r.totalSlides;
-			s(ei(a.value, 0, e)), await oi(), _.value = !1, d(!1);
+			let t = r.totalSlides;
+			s(ei(a.value, 0, t)), await oi(), _.value = !1, d(!1);
 		};
 		P(c, (e) => {
 			i.value.pauseOnHover === !0 && (e ? p() : m());
@@ -3598,7 +3605,7 @@ var hi = /* @__PURE__ */ mi({
 			_: 1
 		}, 8, ["slots"])], 8, Si));
 	}
-}, [["__scopeId", "data-v-1a3c2409"]]), wi = ["data-height"], Ti = {
+}), [["__scopeId", "data-v-049f31e0"]]), wi = ["data-height"], Ti = {
 	__name: "Gallery",
 	props: {
 		totalSlides: {

package/dist/main.css

@@ -1 +1 @@
-.evo-vue-carousel__pagination{pointer-events:none}.evo-vue-carousel__pagination>*{pointer-events:auto}.evo-vue-carousel__navigation{pointer-events:none}.evo-vue-carousel__navigation>*{pointer-events:auto}.evo-vue-carousel__viewport-track[data-v-1a3c2409]{--slide-width:var(--v13ccef35)}
+.evo-vue-carousel__pagination{pointer-events:none}.evo-vue-carousel__pagination>*{pointer-events:auto}.evo-vue-carousel__navigation{pointer-events:none}.evo-vue-carousel__navigation>*{pointer-events:auto}.evo-vue-carousel__viewport-track[data-v-049f31e0]{--slide-width:var(--d62beeb4)}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "evo-vue-carousel",
-	"version": "2.0.2",
+	"version": "2.1.1",
 	"type": "module",
 	"license": "GPL-3.0-only",
 	"files": [