evo-vue-carousel 1.1.2 → 1.1.4

package/dist/evo-vue-carousel.js

@@ -123,24 +123,22 @@ function unrefElement(e) {
 	return t?.$el ?? t;
 }
 function useEventListener(...e) {
-	let t = [], n = () => {
-		t.forEach((e) => e()), t.length = 0;
-	}, r = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), a = computed(() => {
+	let t = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), n = computed(() => {
 		let t = toArray$1(toValue(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
-	}), s = watchImmediate(() => [
-		a.value?.map((e) => unrefElement(e)) ?? [defaultWindow].filter((e) => e != null),
-		toArray$1(toValue(a.value ? e[1] : e[0])),
-		toArray$1(unref(a.value ? e[2] : e[1])),
-		toValue(a.value ? e[3] : e[2])
-	], ([e, a, s, c]) => {
-		if (n(), !e?.length || !a?.length || !s?.length) return;
-		let l = isObject$1(c) ? { ...c } : c;
-		t.push(...e.flatMap((e) => a.flatMap((t) => s.map((n) => r(e, t, n, l)))));
+	});
+	return watchImmediate(() => [
+		n.value?.map((e) => unrefElement(e)) ?? [defaultWindow].filter((e) => e != null),
+		toArray$1(toValue(n.value ? e[1] : e[0])),
+		toArray$1(unref(n.value ? e[2] : e[1])),
+		toValue(n.value ? e[3] : e[2])
+	], ([e, n, r, a], s, c) => {
+		if (!e?.length || !n?.length || !r?.length) return;
+		let l = isObject$1(a) ? { ...a } : a, u = e.flatMap((e) => n.flatMap((n) => r.map((r) => t(e, n, r, l))));
+		c(() => {
+			u.forEach((e) => e());
+		});
 	}, { flush: "post" });
-	return tryOnScopeDispose(n), () => {
-		s(), n();
-	};
 }
 function useMounted() {
 	let e = shallowRef(!1), t = getCurrentInstance();
@@ -154,7 +152,7 @@ function useSupported(e) {
 	return computed(() => (t.value, !!e()));
 }
 function useMutationObserver(e, t, n = {}) {
-	let { window: r = defaultWindow,...a } = n, s, l = /* @__PURE__ */ useSupported(() => r && "MutationObserver" in r), u = () => {
+	let { window: r = defaultWindow, ...a } = n, s, l = /* @__PURE__ */ useSupported(() => r && "MutationObserver" in r), u = () => {
 		s &&= (s.disconnect(), void 0);
 	}, d = watch(computed(() => {
 		let t = toArray$1(toValue(e)).map(unrefElement).filter(notNullish);
@@ -217,7 +215,7 @@ function useMediaQuery(e, t = {}) {
 	}, { passive: !0 }), computed(() => u.value);
 }
 function useResizeObserver(e, t, n = {}) {
-	let { window: r = defaultWindow,...a } = n, s, l = /* @__PURE__ */ useSupported(() => r && "ResizeObserver" in r), u = () => {
+	let { window: r = defaultWindow, ...a } = n, s, l = /* @__PURE__ */ useSupported(() => r && "ResizeObserver" in r), u = () => {
 		s &&= (s.disconnect(), void 0);
 	}, d = watch(computed(() => {
 		let t = toValue(e);
@@ -353,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";
 }
@@ -951,7 +955,7 @@ function isObjectMatch(e, t, n, r) {
 	if (t instanceof Map) return isMapMatch(e, t, n, r);
 	if (t instanceof Set) return isSetMatch(e, t, n, r);
 	let a = Object.keys(t);
-	if (e == null) return a.length === 0;
+	if (e == null || isPrimitive(e)) return a.length === 0;
 	if (a.length === 0) return !0;
 	if (r?.has(t)) return r.get(t) === e;
 	r?.set(t, e);
@@ -1082,119 +1086,148 @@ function slice(e, t, n) {
 	for (let n = 0; n < a; ++n) s[n] = e[t + n];
 	return s;
 }
-var CLASS_PART_SEPARATOR = "-", createClassGroupUtils = (e) => {
+var concatArrays = (e, t) => {
+	let n = Array(e.length + t.length);
+	for (let t = 0; t < e.length; t++) n[t] = e[t];
+	for (let r = 0; r < t.length; r++) n[e.length + r] = t[r];
+	return n;
+}, createClassValidatorObject = (e, t) => ({
+	classGroupId: e,
+	validator: t
+}), createClassPartObject = (e = /* @__PURE__ */ new Map(), t = null, n) => ({
+	nextPart: e,
+	validators: t,
+	classGroupId: n
+}), CLASS_PART_SEPARATOR = "-", EMPTY_CONFLICTS = [], ARBITRARY_PROPERTY_PREFIX = "arbitrary..", createClassGroupUtils = (e) => {
 	let t = createClassMap(e), { conflictingClassGroups: n, conflictingClassGroupModifiers: r } = e;
 	return {
 		getClassGroupId: (e) => {
+			if (e.startsWith("[") && e.endsWith("]")) return getGroupIdForArbitraryProperty(e);
 			let n = e.split(CLASS_PART_SEPARATOR);
-			return n[0] === "" && n.length !== 1 && n.shift(), getGroupRecursive(n, t) || getGroupIdForArbitraryProperty(e);
+			return getGroupRecursive(n, n[0] === "" && n.length > 1 ? 1 : 0, t);
 		},
 		getConflictingClassGroupIds: (e, t) => {
-			let a = n[e] || [];
-			return t && r[e] ? [...a, ...r[e]] : a;
+			if (t) {
+				let t = r[e], a = n[e];
+				return t ? a ? concatArrays(a, t) : t : a || EMPTY_CONFLICTS;
+			}
+			return n[e] || EMPTY_CONFLICTS;
 		}
 	};
-}, getGroupRecursive = (e, t) => {
-	if (e.length === 0) return t.classGroupId;
-	let n = e[0], r = t.nextPart.get(n), a = r ? getGroupRecursive(e.slice(1), r) : void 0;
-	if (a) return a;
-	if (t.validators.length === 0) return;
-	let s = e.join(CLASS_PART_SEPARATOR);
-	return t.validators.find(({ validator: e }) => e(s))?.classGroupId;
-}, arbitraryPropertyRegex = /^\[(.+)\]$/, getGroupIdForArbitraryProperty = (e) => {
-	if (arbitraryPropertyRegex.test(e)) {
-		let t = arbitraryPropertyRegex.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
-		if (n) return "arbitrary.." + n;
+}, getGroupRecursive = (e, t, n) => {
+	if (e.length - t === 0) return n.classGroupId;
+	let r = e[t], a = n.nextPart.get(r);
+	if (a) {
+		let n = getGroupRecursive(e, t + 1, a);
+		if (n) return n;
 	}
-}, createClassMap = (e) => {
-	let { theme: t, classGroups: n } = e, r = {
-		nextPart: /* @__PURE__ */ new Map(),
-		validators: []
-	};
-	for (let e in n) processClassesRecursively(n[e], r, e, t);
-	return r;
+	let s = n.validators;
+	if (s === null) return;
+	let c = t === 0 ? e.join(CLASS_PART_SEPARATOR) : e.slice(t).join(CLASS_PART_SEPARATOR), l = s.length;
+	for (let e = 0; e < l; e++) {
+		let t = s[e];
+		if (t.validator(c)) return t.classGroupId;
+	}
+}, getGroupIdForArbitraryProperty = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+	let t = e.slice(1, -1), n = t.indexOf(":"), r = t.slice(0, n);
+	return r ? ARBITRARY_PROPERTY_PREFIX + r : void 0;
+})(), createClassMap = (e) => {
+	let { theme: t, classGroups: n } = e;
+	return processClassGroups(n, t);
+}, processClassGroups = (e, t) => {
+	let n = createClassPartObject();
+	for (let r in e) {
+		let a = e[r];
+		processClassesRecursively(a, n, r, t);
+	}
+	return n;
 }, processClassesRecursively = (e, t, n, r) => {
-	e.forEach((e) => {
-		if (typeof e == "string") {
-			let r = e === "" ? t : getPart(t, e);
-			r.classGroupId = n;
-			return;
-		}
-		if (typeof e == "function") {
-			if (isThemeGetter(e)) {
-				processClassesRecursively(e(r), t, n, r);
-				return;
-			}
-			t.validators.push({
-				validator: e,
-				classGroupId: n
-			});
-			return;
-		}
-		Object.entries(e).forEach(([e, a]) => {
-			processClassesRecursively(a, getPart(t, e), n, r);
-		});
-	});
+	let a = e.length;
+	for (let s = 0; s < a; s++) {
+		let a = e[s];
+		processClassDefinition(a, t, n, r);
+	}
+}, processClassDefinition = (e, t, n, r) => {
+	if (typeof e == "string") {
+		processStringDefinition(e, t, n);
+		return;
+	}
+	if (typeof e == "function") {
+		processFunctionDefinition(e, t, n, r);
+		return;
+	}
+	processObjectDefinition(e, t, n, r);
+}, processStringDefinition = (e, t, n) => {
+	let r = e === "" ? t : getPart(t, e);
+	r.classGroupId = n;
+}, processFunctionDefinition = (e, t, n, r) => {
+	if (isThemeGetter(e)) {
+		processClassesRecursively(e(r), t, n, r);
+		return;
+	}
+	t.validators === null && (t.validators = []), t.validators.push(createClassValidatorObject(n, e));
+}, processObjectDefinition = (e, t, n, r) => {
+	let a = Object.entries(e), s = a.length;
+	for (let e = 0; e < s; e++) {
+		let [s, c] = a[e];
+		processClassesRecursively(c, getPart(t, s), n, r);
+	}
 }, getPart = (e, t) => {
-	let n = e;
-	return t.split(CLASS_PART_SEPARATOR).forEach((e) => {
-		n.nextPart.has(e) || n.nextPart.set(e, {
-			nextPart: /* @__PURE__ */ new Map(),
-			validators: []
-		}), n = n.nextPart.get(e);
-	}), n;
-}, isThemeGetter = (e) => e.isThemeGetter, createLruCache = (e) => {
+	let n = e, r = t.split(CLASS_PART_SEPARATOR), a = r.length;
+	for (let e = 0; e < a; e++) {
+		let t = r[e], a = n.nextPart.get(t);
+		a || (a = createClassPartObject(), n.nextPart.set(t, a)), n = a;
+	}
+	return n;
+}, isThemeGetter = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, createLruCache = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
 	};
-	let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), a = (a, s) => {
-		n.set(a, s), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+	let t = 0, n = Object.create(null), r = Object.create(null), a = (a, s) => {
+		n[a] = s, t++, t > e && (t = 0, r = n, n = Object.create(null));
 	};
 	return {
 		get(e) {
-			let t = n.get(e);
+			let t = n[e];
 			if (t !== void 0) return t;
-			if ((t = r.get(e)) !== void 0) return a(e, t), t;
+			if ((t = r[e]) !== void 0) return a(e, t), t;
 		},
 		set(e, t) {
-			n.has(e) ? n.set(e, t) : a(e, t);
+			e in n ? n[e] = t : a(e, t);
 		}
 	};
-}, IMPORTANT_MODIFIER = "!", MODIFIER_SEPARATOR = ":", MODIFIER_SEPARATOR_LENGTH = 1, createParseClassName = (e) => {
+}, IMPORTANT_MODIFIER = "!", MODIFIER_SEPARATOR = ":", EMPTY_MODIFIERS = [], createResultObject = (e, t, n, r, a) => ({
+	modifiers: e,
+	hasImportantModifier: t,
+	baseClassName: n,
+	maybePostfixModifierPosition: r,
+	isExternal: a
+}), createParseClassName = (e) => {
 	let { prefix: t, experimentalParseClassName: n } = e, r = (e) => {
-		let t = [], n = 0, r = 0, a = 0, s;
-		for (let c = 0; c < e.length; c++) {
-			let l = e[c];
+		let t = [], n = 0, r = 0, a = 0, s, c = e.length;
+		for (let l = 0; l < c; l++) {
+			let c = e[l];
 			if (n === 0 && r === 0) {
-				if (l === MODIFIER_SEPARATOR) {
-					t.push(e.slice(a, c)), a = c + MODIFIER_SEPARATOR_LENGTH;
+				if (c === MODIFIER_SEPARATOR) {
+					t.push(e.slice(a, l)), a = l + 1;
 					continue;
 				}
-				if (l === "/") {
-					s = c;
+				if (c === "/") {
+					s = l;
 					continue;
 				}
 			}
-			l === "[" ? n++ : l === "]" ? n-- : l === "(" ? r++ : l === ")" && r--;
+			c === "[" ? n++ : c === "]" ? n-- : c === "(" ? r++ : c === ")" && r--;
 		}
-		let c = t.length === 0 ? e : e.substring(a), l = stripImportantModifier(c);
-		return {
-			modifiers: t,
-			hasImportantModifier: l !== c,
-			baseClassName: l,
-			maybePostfixModifierPosition: s && s > a ? s - a : void 0
-		};
+		let l = t.length === 0 ? e : e.slice(a), u = l, d = !1;
+		l.endsWith(IMPORTANT_MODIFIER) ? (u = l.slice(0, -1), d = !0) : l.startsWith(IMPORTANT_MODIFIER) && (u = l.slice(1), d = !0);
+		let p = s && s > a ? s - a : void 0;
+		return createResultObject(t, d, u, p);
 	};
 	if (t) {
 		let e = t + MODIFIER_SEPARATOR, n = r;
-		r = (t) => t.startsWith(e) ? n(t.substring(e.length)) : {
-			isExternal: !0,
-			modifiers: [],
-			hasImportantModifier: !1,
-			baseClassName: t,
-			maybePostfixModifierPosition: void 0
-		};
+		r = (t) => t.startsWith(e) ? n(t.slice(e.length)) : createResultObject(EMPTY_MODIFIERS, !1, t, void 0, !0);
 	}
 	if (n) {
 		let e = r;
@@ -1204,14 +1237,17 @@ var CLASS_PART_SEPARATOR = "-", createClassGroupUtils = (e) => {
 		});
 	}
 	return r;
-}, stripImportantModifier = (e) => e.endsWith(IMPORTANT_MODIFIER) ? e.substring(0, e.length - 1) : e.startsWith(IMPORTANT_MODIFIER) ? e.substring(1) : e, createSortModifiers = (e) => {
-	let t = Object.fromEntries(e.orderSensitiveModifiers.map((e) => [e, !0]));
-	return (e) => {
-		if (e.length <= 1) return e;
+}, createSortModifiers = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	return e.orderSensitiveModifiers.forEach((e, n) => {
+		t.set(e, 1e6 + n);
+	}), (e) => {
 		let n = [], r = [];
-		return e.forEach((e) => {
-			e[0] === "[" || t[e] ? (n.push(...r.sort(), e), r = []) : r.push(e);
-		}), n.push(...r.sort()), n;
+		for (let a = 0; a < e.length; a++) {
+			let s = e[a], c = s[0] === "[", l = t.has(s);
+			c || l ? (r.length > 0 && (r.sort(), n.push(...r), r = []), n.push(s)) : r.push(s);
+		}
+		return r.length > 0 && (r.sort(), n.push(...r)), n;
 	};
 }, createConfigUtils = (e) => ({
 	cache: createLruCache(e.cacheSize),
@@ -1238,8 +1274,8 @@ var CLASS_PART_SEPARATOR = "-", createClassGroupUtils = (e) => {
 			}
 			x = !1;
 		}
-		let w = s(p).join(":"), T = m ? w + IMPORTANT_MODIFIER : w, E = T + C;
-		if (c.includes(E)) continue;
+		let w = p.length === 0 ? "" : p.length === 1 ? p[0] : s(p).join(":"), T = m ? w + IMPORTANT_MODIFIER : w, E = T + C;
+		if (c.indexOf(E) > -1) continue;
 		c.push(E);
 		let D = a(C, x);
 		for (let e = 0; e < D.length; ++e) {
@@ -1249,35 +1285,25 @@ var CLASS_PART_SEPARATOR = "-", createClassGroupUtils = (e) => {
 		u = t + (u.length > 0 ? " " + u : u);
 	}
 	return u;
-};
-function twJoin() {
-	let e = 0, t, n, r = "";
-	for (; e < arguments.length;) (t = arguments[e++]) && (n = toValue$1(t)) && (r && (r += " "), r += n);
-	return r;
-}
-var toValue$1 = (e) => {
+}, twJoin = (...e) => {
+	let t = 0, n, r, a = "";
+	for (; t < e.length;) (n = e[t++]) && (r = toValue$1(n)) && (a && (a += " "), a += r);
+	return a;
+}, toValue$1 = (e) => {
 	if (typeof e == "string") return e;
 	let t, n = "";
 	for (let r = 0; r < e.length; r++) e[r] && (t = toValue$1(e[r])) && (n && (n += " "), n += t);
 	return n;
-};
-function createTailwindMerge(e, ...t) {
-	let n, r, a, s = c;
-	function c(c) {
-		return n = createConfigUtils(t.reduce((e, t) => t(e), e())), r = n.cache.get, a = n.cache.set, s = l, l(c);
-	}
-	function l(e) {
+}, createTailwindMerge = (e, ...t) => {
+	let n, r, a, s, c = (c) => (n = createConfigUtils(t.reduce((e, t) => t(e), e())), r = n.cache.get, a = n.cache.set, s = l, l(c)), l = (e) => {
 		let t = r(e);
 		if (t) return t;
 		let s = mergeClassList(e, n);
 		return a(e, s), s;
-	}
-	return function() {
-		return s(twJoin.apply(null, arguments));
 	};
-}
-var fromTheme = (e) => {
-	let t = (t) => t[e] || [];
+	return s = c, (...e) => s(twJoin(...e));
+}, fallbackThemeArr = [], fromTheme = (e) => {
+	let t = (t) => t[e] || fallbackThemeArr;
 	return t.isThemeGetter = !0, t;
 }, arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i, fractionRegex = /^\d+\/\d+$/, tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, isFraction = (e) => fractionRegex.test(e), isNumber = (e) => !!e && !Number.isNaN(Number(e)), isInteger = (e) => !!e && Number.isInteger(Number(e)), isPercent = (e) => e.endsWith("%") && isNumber(e.slice(0, -1)), isTshirtSize = (e) => tshirtUnitRegex.test(e), isAny = () => !0, isLengthOnly = (e) => lengthUnitRegex.test(e) && !colorFunctionRegex.test(e), isNever = () => !1, isShadow = (e) => shadowRegex.test(e), isImage = (e) => imageRegex.test(e), isAnyNonArbitrary = (e) => !isArbitraryValue(e) && !isArbitraryVariable(e), isArbitrarySize = (e) => getIsArbitraryValue(e, isLabelSize, isNever), isArbitraryValue = (e) => arbitraryValueRegex.test(e), isArbitraryLength = (e) => getIsArbitraryValue(e, isLabelLength, isLengthOnly), isArbitraryNumber = (e) => getIsArbitraryValue(e, isLabelNumber, isNumber), isArbitraryPosition = (e) => getIsArbitraryValue(e, isLabelPosition, isNever), isArbitraryImage = (e) => getIsArbitraryValue(e, isLabelImage, isImage), isArbitraryShadow = (e) => getIsArbitraryValue(e, isLabelShadow, isShadow), isArbitraryVariable = (e) => arbitraryVariableRegex.test(e), isArbitraryVariableLength = (e) => getIsArbitraryVariable(e, isLabelLength), isArbitraryVariableFamilyName = (e) => getIsArbitraryVariable(e, isLabelFamilyName), isArbitraryVariablePosition = (e) => getIsArbitraryVariable(e, isLabelPosition), isArbitraryVariableSize = (e) => getIsArbitraryVariable(e, isLabelSize), isArbitraryVariableImage = (e) => getIsArbitraryVariable(e, isLabelImage), isArbitraryVariableShadow = (e) => getIsArbitraryVariable(e, isLabelShadow, !0), getIsArbitraryValue = (e, t, n) => {
 	let r = arbitraryValueRegex.exec(e);
@@ -1402,13 +1428,13 @@ var fromTheme = (e) => {
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], ci = () => ["no-repeat", { repeat: [
+	], yi = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], li = () => [
+	] }], bi = () => [
 		"auto",
 		"cover",
 		"contain",
@@ -1436,7 +1462,7 @@ var fromTheme = (e) => {
 		"dashed",
 		"dotted",
 		"double"
-	], ui = () => [
+	], xi = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -1458,7 +1484,7 @@ var fromTheme = (e) => {
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], di = () => [
+	], Si = () => [
 		"",
 		"none",
 		x,
@@ -1959,8 +1985,8 @@ var fromTheme = (e) => {
 				"content"
 			] }],
 			"bg-position": [{ bg: W() }],
-			"bg-repeat": [{ bg: ci() }],
-			"bg-size": [{ bg: li() }],
+			"bg-repeat": [{ bg: yi() }],
+			"bg-size": [{ bg: bi() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -2100,11 +2126,11 @@ var fromTheme = (e) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...ui(),
+				...xi(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": ui() }],
+			"bg-blend": [{ "bg-blend": xi() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -2178,8 +2204,8 @@ var fromTheme = (e) => {
 				"view"
 			] }],
 			"mask-position": [{ mask: W() }],
-			"mask-repeat": [{ mask: ci() }],
-			"mask-size": [{ mask: li() }],
+			"mask-repeat": [{ mask: yi() }],
+			"mask-size": [{ mask: bi() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -2192,7 +2218,7 @@ var fromTheme = (e) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: di() }],
+			blur: [{ blur: Si() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -2245,7 +2271,7 @@ var fromTheme = (e) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": di() }],
+			"backdrop-blur": [{ "backdrop-blur": Si() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -3092,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(() => {
@@ -3107,10 +3139,10 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 			});
 		}), () => h("div", {
 			ref: n,
-			role: "group",
+			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) => {
@@ -3130,33 +3162,33 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 		}
 	},
 	setup(e) {
-		useCssVars((e) => ({ v219904f5: 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);
@@ -3164,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
@@ -3172,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([
@@ -3197,27 +3234,28 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 						T.value ? "transition-none" : "transition-all motion-reduce:transition-none",
 						a.value.slideTransitionTimingClass
 					]),
-					style: D.value,
-					onTransitionstart: B,
-					onTransitionend: V
+					role: "list",
+					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-ba78f683"]]), _hoisted_1 = ["data-height"], Gallery_default = {
+}, [["__scopeId", "data-v-06f26dae"]]), _hoisted_1 = ["data-height"], Gallery_default = {
 	__name: "Gallery",
 	props: {
 		totalSlides: {
@@ -3248,11 +3286,14 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 				let n = 0, r = replaceChildren(e, (e) => {
 					let t = h(Slide_default, {
 						class: normalizeClass(["evo-vue-carousel__slide evo-vue-carousel__slide--visible w-full h-full", { hidden: l.value.includes(n) === !1 }]),
-						role: "option"
+						role: "listitem"
 					}, { default: () => [e] });
 					return n++, t;
 				}, COMPONENTS_AND_ELEMENTS), c = concat(slice(r, s.value), slice(r, 0, s.value));
-				return h("div", { class: normalizeClass(["flex h-full overflow-hidden"]) }, c);
+				return h("div", {
+					role: "list",
+					class: normalizeClass(["flex h-full overflow-hidden"])
+				}, c);
 			};
 		} };
 		return (e, t) => (openBlock(), createElementBlock("div", {

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-ba78f683]{--slide-width:var(--v219904f5)}
+.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.2",
+	"version": "1.1.4",
 	"type": "module",
 	"license": "GPL-3.0-only",
 	"files": [
@@ -31,29 +31,29 @@
 	"dependencies": {
 		"@evomark/vue-forward-slots": "^6.2.2",
 		"@skirtle/vue-vnode-utils": "^0.2.0",
-		"@vueuse/core": "^14.0.0",
-		"es-toolkit": "^1.41.0",
+		"@vueuse/core": "^14.1.0",
+		"es-toolkit": "^1.43.0",
 		"vue3-icon": "^3.0.3"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.39.1",
+		"@eslint/js": "^9.39.2",
 		"@testing-library/vue": "^8.1.0",
-		"@vitejs/plugin-vue": "^6.0.1",
+		"@vitejs/plugin-vue": "^6.0.3",
 		"@vue/test-utils": "^2.4.6",
-		"eslint": "^9.39.1",
+		"eslint": "^9.39.2",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-jsdoc": "^61.1.12",
-		"eslint-plugin-vue": "^10.5.1",
-		"globals": "^16.5.0",
-		"jsdom": "^27.1.0",
-		"prettier": "^3.6.2",
-		"tailwind-merge": "^3.3.1",
-		"tailwindcss": "^4.1.16",
-		"vite": "npm:rolldown-vite@^7.2.0",
+		"eslint-plugin-jsdoc": "^62.0.0",
+		"eslint-plugin-vue": "^10.6.2",
+		"globals": "^17.0.0",
+		"jsdom": "^27.4.0",
+		"prettier": "^3.7.4",
+		"tailwind-merge": "^3.4.0",
+		"tailwindcss": "^4.1.18",
+		"vite": "npm:rolldown-vite@^7.3.1",
 		"vite-plugin-lib-inject-css": "^2.2.2",
-		"vitest": "^4.0.7",
+		"vitest": "^4.0.17",
 		"vitest-axe": "^0.1.0",
-		"vue": "^3.5.22",
+		"vue": "^3.5.26",
 		"vue-eslint-parser": "^10.2.0"
 	},
 	"peerDependencies": {
@@ -61,4 +61,4 @@
 		"vue": "^3.4.38"
 	},
 	"packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad"
-}
+}