evo-vue-carousel 1.1.3 → 1.1.4

package/dist/evo-vue-carousel.js

@@ -351,6 +351,12 @@ function debounce(e, t, { signal: n, edges: r } = {}) {
 function identity(e) {
 	return e;
 }
+function range(e, t, n = 1) {
+	if (t ?? (t = e, e = 0), !Number.isInteger(n) || n === 0) throw Error("The step value must be a non-zero integer.");
+	let r = Math.max(Math.ceil((t - e) / n), 0), a = Array(r);
+	for (let t = 0; t < r; t++) a[t] = e + t * n;
+	return a;
+}
 function isPrimitive(e) {
 	return e == null || typeof e != "object" && typeof e != "function";
 }
@@ -1422,13 +1428,13 @@ var concatArrays = (e, t) => {
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], vi = () => ["no-repeat", { repeat: [
+	], yi = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], yi = () => [
+	] }], bi = () => [
 		"auto",
 		"cover",
 		"contain",
@@ -1456,7 +1462,7 @@ var concatArrays = (e, t) => {
 		"dashed",
 		"dotted",
 		"double"
-	], bi = () => [
+	], xi = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -1478,7 +1484,7 @@ var concatArrays = (e, t) => {
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], xi = () => [
+	], Si = () => [
 		"",
 		"none",
 		x,
@@ -1979,8 +1985,8 @@ var concatArrays = (e, t) => {
 				"content"
 			] }],
 			"bg-position": [{ bg: W() }],
-			"bg-repeat": [{ bg: vi() }],
-			"bg-size": [{ bg: yi() }],
+			"bg-repeat": [{ bg: yi() }],
+			"bg-size": [{ bg: bi() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -2120,11 +2126,11 @@ var concatArrays = (e, t) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...bi(),
+				...xi(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": bi() }],
+			"bg-blend": [{ "bg-blend": xi() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -2198,8 +2204,8 @@ var concatArrays = (e, t) => {
 				"view"
 			] }],
 			"mask-position": [{ mask: W() }],
-			"mask-repeat": [{ mask: vi() }],
-			"mask-size": [{ mask: yi() }],
+			"mask-repeat": [{ mask: yi() }],
+			"mask-size": [{ mask: bi() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -2212,7 +2218,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: xi() }],
+			blur: [{ blur: Si() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -2265,7 +2271,7 @@ var concatArrays = (e, t) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": xi() }],
+			"backdrop-blur": [{ "backdrop-blur": Si() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -3112,10 +3118,16 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 	}
 	return r ?? e;
 }, Slide_default = {
-	props: { isClone: {
-		type: Boolean,
-		default: !1
-	} },
+	props: {
+		isClone: {
+			type: Boolean,
+			default: !1
+		},
+		isVisible: {
+			type: Boolean,
+			default: !1
+		}
+	},
 	setup(e, { slots: t }) {
 		let n = ref(null), r = useId(), a = getCurrentInstance(), { width: s, height: c, stop: l } = useElementSize(n), { registerSlide: u, updateSlide: d, unregisterSlide: p } = useRegisterSlideClient();
 		return e.isClone === !1 ? u(r, a) : l(), onUnmounted(() => {
@@ -3129,8 +3141,8 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 			ref: n,
 			role: "listitem",
 			"aria-roledescription": "slide",
-			"aria-hidden": e.isClone,
-			tabindex: e.isClone ? -1 : void 0
+			"aria-hidden": !e.isVisible,
+			tabindex: e.isVisible ? void 0 : -1
 		}, t.default());
 	}
 }, __plugin_vue_export_helper_default = (e, t) => {
@@ -3150,33 +3162,33 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 		}
 	},
 	setup(e) {
-		useCssVars((e) => ({ v6ed04307: P.value }));
+		useCssVars((e) => ({ v0b0e0d5c: B.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: a, currentIndex: s, setCurrentIndex: l, isHovered: u, isNavigating: p, setIsNavigating: m, pauseAutoplay: b, resumeAutoplay: x, autoplayIsActive: C } = useCarouselClient(), T = ref(!0), E = (e, t) => e / t * 100, D = computed(() => ({
-			transform: `translate3d(${F.value}px, 0, 0)`,
-			transitionDuration: `${E(R.value, a.value.transitionSpeed)}ms`
-		})), O = (e) => {
-			let t = parseFloat(P.value), n = a.value.wrap ? r.totalSlides + e : e;
-			return (t + a.value.gap) * n * -1;
-		}, k = ref(null), { width: j, height: N } = useElementSize(k), P = computed(() => {
+		}), r = e, { config: a, currentIndex: s, setCurrentIndex: l, isHovered: u, isNavigating: p, setIsNavigating: m, pauseAutoplay: b, resumeAutoplay: x, autoplayIsActive: C } = useCarouselClient(), T = ref(!0), E = (e, t) => e / t * 100, D = ref(0), O = ref(0), k = ref(0), j = computed(() => range(k.value + 1, k.value + 1 + a.value.perPage)), N = computed(() => ({
+			transform: `translate3d(${D.value}px, 0, 0)`,
+			transitionDuration: `${E(V.value, a.value.transitionSpeed)}ms`
+		})), P = (e) => {
+			let t = parseFloat(B.value);
+			return k.value = a.value.wrap ? r.totalSlides + e : e, (t + a.value.gap) * k.value * -1;
+		}, F = ref(null), { width: L, height: R } = useElementSize(F), B = computed(() => {
 			let e = a.value.gap > 0 ? a.value.gap * (a.value.perPage - 1) : 0;
-			return (j.value - e) / a.value.perPage + "px";
-		}), F = ref(0), L = ref(0);
+			return (L.value - e) / a.value.perPage + "px";
+		});
 		watch(() => r.isInit, async (e) => {
-			e && (F.value = O(s.value), await nextFrame(2), T.value = !1);
+			e && (D.value = P(s.value), await nextFrame(2), T.value = !1);
 		});
-		let R = computed(() => Math.abs(F.value - L.value));
+		let V = computed(() => Math.abs(D.value - O.value));
 		watch(s, (e) => {
-			p.value === !1 && (L.value = F.value), F.value = O(e), t && V();
+			p.value === !1 && (O.value = D.value), D.value = P(e), t && U();
 		});
-		let B = () => {
+		let H = () => {
 			m(!0);
-		}, V = async () => {
+		}, U = async () => {
 			T.value = !0, await nextFrame();
 			let e = r.totalSlides;
 			l(loopedValue(s.value, 0, e)), await nextFrame(), T.value = !1, m(!1);
@@ -3184,7 +3196,7 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 		watch(u, (e) => {
 			a.value.pauseOnHover === !0 && (e ? b() : x());
 		});
-		let H = {
+		let W = (e, t) => (t === "prefix" ? 0 : t === "suffix" ? r.totalSlides * 2 : r.totalSlides) + e, G = {
 			props: { gap: {
 				type: Number,
 				default: 0
@@ -3192,20 +3204,25 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 			setup(e, { slots: t }) {
 				let r = () => t.default?.() || [], s = (t) => {
 					let a = 0, s = t ? `_${t}` : "";
-					return replaceChildren(r(), (n) => (a++, h(Slide_default, {
-						class: normalizeClass(["evo-vue-carousel__slide shrink-0 grow-0", {
-							"evo-vue-carousel__slide-clone": !!t,
-							"evo-vue-carousel__slide-prefix": t === "prefix",
-							"evo-vue-carousel__slide-suffix": t === "suffix"
-						}]),
-						style: {
-							flexBasis: "var(--slide-width, 0px)",
-							marginRight: `${e.gap}px`
-						},
-						ariaLabel: `Slide ${a}`,
-						key: `slide_${a}${s}`,
-						isClone: !!t
-					}, { default: () => [n] })), n);
+					return replaceChildren(r(), (n) => {
+						a++;
+						let r = W(a, t);
+						return h(Slide_default, {
+							class: normalizeClass(["evo-vue-carousel__slide shrink-0 grow-0", {
+								"evo-vue-carousel__slide-clone": !!t,
+								"evo-vue-carousel__slide-prefix": t === "prefix",
+								"evo-vue-carousel__slide-suffix": t === "suffix"
+							}]),
+							style: {
+								flexBasis: "var(--slide-width, 0px)",
+								marginRight: `${e.gap}px`
+							},
+							ariaLabel: `Slide ${a}`,
+							key: `slide_${a}${s}`,
+							isClone: !!t,
+							isVisible: j.value.includes(r)
+						}, { default: () => [n] });
+					}, n);
 				};
 				return () => h("div", {
 					class: normalizeClass([
@@ -3218,27 +3235,27 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 						a.value.slideTransitionTimingClass
 					]),
 					role: "list",
-					style: D.value,
-					onTransitionstart: B,
-					onTransitionend: V
+					style: N.value,
+					onTransitionstart: H,
+					onTransitionend: U
 				}, a.value.wrap ? concat(s("prefix"), s(), s("suffix")) : s());
 			}
 		};
 		return (e, t) => (openBlock(), createElementBlock("div", {
 			ref_key: "viewportRef",
-			ref: k,
+			ref: F,
 			class: "evo-vue-carousel__viewport evo-vue-carousel__viewport--slider relative flex w-full h-full max-h-full overflow-hidden",
-			"data-width": unref(j),
-			"data-height": unref(N)
+			"data-width": unref(L),
+			"data-height": unref(R)
 		}, [createVNode(unref(S), {
 			slots: e.$slots,
 			only: "default"
 		}, {
-			default: withCtx(() => [createVNode(H, { gap: unref(a).gap }, null, 8, ["gap"])]),
+			default: withCtx(() => [createVNode(G, { gap: unref(a).gap }, null, 8, ["gap"])]),
 			_: 1
 		}, 8, ["slots"])], 8, _hoisted_1$1));
 	}
-}, [["__scopeId", "data-v-932c4d31"]]), _hoisted_1 = ["data-height"], Gallery_default = {
+}, [["__scopeId", "data-v-06f26dae"]]), _hoisted_1 = ["data-height"], Gallery_default = {
 	__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-932c4d31]{--slide-width:var(--v6ed04307)}
+.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-06f26dae]{--slide-width:var(--v0b0e0d5c)}

package/package.json

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