evo-vue-carousel 1.1.1 → 1.1.3

package/dist/evo-vue-carousel.js

@@ -68,11 +68,11 @@ var S = defineComponent({
 		return () => (n.default && typeof n.default == "function" ? n.default() : []).map(a);
 	}
 });
-function tryOnScopeDispose(e) {
-	return getCurrentScope() ? (onScopeDispose(e), !0) : !1;
+function tryOnScopeDispose(e, t) {
+	return getCurrentScope() ? (onScopeDispose(e, t), !0) : !1;
 }
-var localProvidedStateMap = /* @__PURE__ */ new WeakMap(), injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...e) => {
-	let t = e[0], n = getCurrentInstance()?.proxy;
+var localProvidedStateMap = /* @__PURE__ */ new WeakMap(), injectLocal = (...e) => {
+	let t = e[0], n = getCurrentInstance()?.proxy ?? getCurrentScope();
 	if (n == null && !hasInjectionContext()) throw Error("injectLocal must be called in setup");
 	return n && localProvidedStateMap.has(n) && t in localProvidedStateMap.get(n) ? localProvidedStateMap.get(n)[t] : inject(...e);
 }, isClient = typeof window < "u" && typeof document < "u";
@@ -123,26 +123,23 @@ 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();
-	};
 }
-/* @__NO_SIDE_EFFECTS__ */
 function useMounted() {
 	let e = shallowRef(!1), t = getCurrentInstance();
 	return t && onMounted(() => {
@@ -151,11 +148,11 @@ function useMounted() {
 }
 /* @__NO_SIDE_EFFECTS__ */
 function useSupported(e) {
-	let t = /* @__PURE__ */ useMounted();
+	let t = useMounted();
 	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);
@@ -199,7 +196,7 @@ function onElementRemoval(e, t, n = {}) {
 var ssrWidthSymbol = Symbol("vueuse-ssr-width");
 /* @__NO_SIDE_EFFECTS__ */
 function useSSRWidth() {
-	let e = hasInjectionContext() ? /* @__PURE__ */ injectLocal(ssrWidthSymbol, null) : null;
+	let e = hasInjectionContext() ? injectLocal(ssrWidthSymbol, null) : null;
 	return typeof e == "number" ? e : void 0;
 }
 function useMediaQuery(e, t = {}) {
@@ -218,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);
@@ -250,7 +247,10 @@ function useElementSize(e, t = {
 	width: 0,
 	height: 0
 }, n = {}) {
-	let { window: r = defaultWindow, box: a = "content-box" } = n, s = computed(() => (unrefElement(e)?.namespaceURI)?.includes("svg")), l = shallowRef(t.width), u = shallowRef(t.height), { stop: d } = useResizeObserver(e, ([t]) => {
+	let { window: r = defaultWindow, box: a = "content-box" } = n, s = computed(() => {
+		var t;
+		return (t = unrefElement(e)) == null || (t = t.namespaceURI) == null ? void 0 : t.includes("svg");
+	}), l = shallowRef(t.width), u = shallowRef(t.height), { stop: d } = useResizeObserver(e, ([t]) => {
 		let n = a === "border-box" ? t.borderBoxSize : a === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
 		if (r && s.value) {
 			let t = unrefElement(e);
@@ -279,7 +279,6 @@ function useElementSize(e, t = {
 		stop: m
 	};
 }
-/* @__NO_SIDE_EFFECTS__ */
 function useWindowSize(e = {}) {
 	let { window: t = defaultWindow, initialWidth: n = Infinity, initialHeight: r = Infinity, listenOrientation: a = !0, includeScrollbar: s = !0, type: c = "inner" } = e, l = shallowRef(n), u = shallowRef(r), d = () => {
 		if (t) if (c === "outer") l.value = t.outerWidth, u.value = t.outerHeight;
@@ -532,7 +531,7 @@ function processConfigValues(e, t) {
 	}
 }
 const useResponsiveConfig = (e, t = !1) => {
-	let { width: n } = /* @__PURE__ */ useWindowSize(), r = computed(() => pick(e, responsiveProperties)), a = computed(() => Object.entries(e.responsive).map(([e, t]) => [parseInt(e), pick(t, responsiveProperties)]).filter((e) => isNaN(e[0]) === !1).sort((e, t) => t[0] - e[0])), s = computed(() => {
+	let { width: n } = useWindowSize(), r = computed(() => pick(e, responsiveProperties)), a = computed(() => Object.entries(e.responsive).map(([e, t]) => [parseInt(e), pick(t, responsiveProperties)]).filter((e) => isNaN(e[0]) === !1).sort((e, t) => t[0] - e[0])), s = computed(() => {
 		let e = a.value.find((e) => n.value >= e[0]);
 		return e ? e[1] : {};
 	});
@@ -934,7 +933,7 @@ function isMatchWith(e, t, n) {
 	return typeof n == "function" ? isMatchWithInternal(e, t, function e(t, r, a, s, c, l) {
 		let u = n(t, r, a, s, c, l);
 		return u === void 0 ? isMatchWithInternal(t, r, e, l) : !!u;
-	}, /* @__PURE__ */ new Map()) : isMatch(e, t);
+	}, /* @__PURE__ */ new Map()) : isMatchWith(e, t, () => void 0);
 }
 function isMatchWithInternal(e, t, n, r) {
 	if (t === e) return !0;
@@ -950,10 +949,10 @@ 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 && r.has(t)) return r.get(t) === e;
-	r && r.set(t, e);
+	if (r?.has(t)) return r.get(t) === e;
+	r?.set(t, e);
 	try {
 		for (let s = 0; s < a.length; s++) {
 			let c = a[s];
@@ -961,7 +960,7 @@ function isObjectMatch(e, t, n, r) {
 		}
 		return !0;
 	} finally {
-		r && r.delete(t);
+		r?.delete(t);
 	}
 }
 function isMapMatch(e, t, n, r) {
@@ -1081,119 +1080,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;
@@ -1203,14 +1231,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),
@@ -1237,8 +1268,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) {
@@ -1248,35 +1279,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);
@@ -1401,13 +1422,13 @@ var fromTheme = (e) => {
 		isArbitraryVariablePosition,
 		isArbitraryPosition,
 		{ position: [isArbitraryVariable, isArbitraryValue] }
-	], ci = () => ["no-repeat", { repeat: [
+	], vi = () => ["no-repeat", { repeat: [
 		"",
 		"x",
 		"y",
 		"space",
 		"round"
-	] }], li = () => [
+	] }], yi = () => [
 		"auto",
 		"cover",
 		"contain",
@@ -1435,7 +1456,7 @@ var fromTheme = (e) => {
 		"dashed",
 		"dotted",
 		"double"
-	], ui = () => [
+	], bi = () => [
 		"normal",
 		"multiply",
 		"screen",
@@ -1457,7 +1478,7 @@ var fromTheme = (e) => {
 		isPercent,
 		isArbitraryVariablePosition,
 		isArbitraryPosition
-	], di = () => [
+	], xi = () => [
 		"",
 		"none",
 		x,
@@ -1958,8 +1979,8 @@ var fromTheme = (e) => {
 				"content"
 			] }],
 			"bg-position": [{ bg: W() }],
-			"bg-repeat": [{ bg: ci() }],
-			"bg-size": [{ bg: li() }],
+			"bg-repeat": [{ bg: vi() }],
+			"bg-size": [{ bg: yi() }],
 			"bg-image": [{ bg: [
 				"none",
 				{
@@ -2099,11 +2120,11 @@ var fromTheme = (e) => {
 				isArbitraryValue
 			] }],
 			"mix-blend": [{ "mix-blend": [
-				...ui(),
+				...bi(),
 				"plus-darker",
 				"plus-lighter"
 			] }],
-			"bg-blend": [{ "bg-blend": ui() }],
+			"bg-blend": [{ "bg-blend": bi() }],
 			"mask-clip": [{ "mask-clip": [
 				"border",
 				"padding",
@@ -2177,8 +2198,8 @@ var fromTheme = (e) => {
 				"view"
 			] }],
 			"mask-position": [{ mask: W() }],
-			"mask-repeat": [{ mask: ci() }],
-			"mask-size": [{ mask: li() }],
+			"mask-repeat": [{ mask: vi() }],
+			"mask-size": [{ mask: yi() }],
 			"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
 			"mask-image": [{ mask: [
 				"none",
@@ -2191,7 +2212,7 @@ var fromTheme = (e) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			blur: [{ blur: di() }],
+			blur: [{ blur: xi() }],
 			brightness: [{ brightness: [
 				isNumber,
 				isArbitraryVariable,
@@ -2244,7 +2265,7 @@ var fromTheme = (e) => {
 				isArbitraryVariable,
 				isArbitraryValue
 			] }],
-			"backdrop-blur": [{ "backdrop-blur": di() }],
+			"backdrop-blur": [{ "backdrop-blur": xi() }],
 			"backdrop-brightness": [{ "backdrop-brightness": [
 				isNumber,
 				isArbitraryVariable,
@@ -3106,8 +3127,10 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 			});
 		}), () => h("div", {
 			ref: n,
-			role: "group",
-			"aria-roledescription": "Slide"
+			role: "listitem",
+			"aria-roledescription": "slide",
+			"aria-hidden": e.isClone,
+			tabindex: e.isClone ? -1 : void 0
 		}, t.default());
 	}
 }, __plugin_vue_export_helper_default = (e, t) => {
@@ -3127,7 +3150,7 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 		}
 	},
 	setup(e) {
-		useCssVars((e) => ({ v2ba4c4bc: P.value }));
+		useCssVars((e) => ({ v6ed04307: P.value }));
 		let t = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, n = Object.freeze({
 			element: !0,
 			component: !0,
@@ -3175,11 +3198,11 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 							"evo-vue-carousel__slide-prefix": t === "prefix",
 							"evo-vue-carousel__slide-suffix": t === "suffix"
 						}]),
-						role: "option",
 						style: {
 							flexBasis: "var(--slide-width, 0px)",
 							marginRight: `${e.gap}px`
 						},
+						ariaLabel: `Slide ${a}`,
 						key: `slide_${a}${s}`,
 						isClone: !!t
 					}, { default: () => [n] })), n);
@@ -3194,6 +3217,7 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 						T.value ? "transition-none" : "transition-all motion-reduce:transition-none",
 						a.value.slideTransitionTimingClass
 					]),
+					role: "list",
 					style: D.value,
 					onTransitionstart: B,
 					onTransitionend: V
@@ -3204,7 +3228,6 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 			ref_key: "viewportRef",
 			ref: k,
 			class: "evo-vue-carousel__viewport evo-vue-carousel__viewport--slider relative flex w-full h-full max-h-full overflow-hidden",
-			role: "listbox",
 			"data-width": unref(j),
 			"data-height": unref(N)
 		}, [createVNode(unref(S), {
@@ -3215,7 +3238,7 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 			_: 1
 		}, 8, ["slots"])], 8, _hoisted_1$1));
 	}
-}, [["__scopeId", "data-v-eb524f91"]]), _hoisted_1 = ["data-height"], Gallery_default = {
+}, [["__scopeId", "data-v-932c4d31"]]), _hoisted_1 = ["data-height"], Gallery_default = {
 	__name: "Gallery",
 	props: {
 		totalSlides: {
@@ -3246,11 +3269,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-eb524f91]{--slide-width:var(--v2ba4c4bc)}
+.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)}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "evo-vue-carousel",
-	"version": "1.1.1",
+	"version": "1.1.3",
 	"type": "module",
 	"license": "GPL-3.0-only",
 	"files": [
@@ -25,29 +25,35 @@
 		"demo": "pnpm --filter='./demo' run dev",
 		"demo:build": "pnpm --filter='./demo' run build",
 		"demo:preview": "pnpm --filter='./demo' run preview",
-		"prepublishOnly": "npm run build"
+		"prepublishOnly": "npm run build",
+		"test": "vitest"
 	},
 	"dependencies": {
 		"@evomark/vue-forward-slots": "^6.2.2",
 		"@skirtle/vue-vnode-utils": "^0.2.0",
-		"@vueuse/core": "^13.9.0",
-		"es-toolkit": "^1.40.0",
+		"@vueuse/core": "^14.1.0",
+		"es-toolkit": "^1.43.0",
 		"vue3-icon": "^3.0.3"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.37.0",
-		"@vitejs/plugin-vue": "^6.0.1",
-		"eslint": "^9.37.0",
+		"@eslint/js": "^9.39.2",
+		"@testing-library/vue": "^8.1.0",
+		"@vitejs/plugin-vue": "^6.0.3",
+		"@vue/test-utils": "^2.4.6",
+		"eslint": "^9.39.2",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-jsdoc": "^61.1.2",
-		"eslint-plugin-vue": "^10.5.0",
-		"globals": "^16.4.0",
-		"prettier": "^3.6.2",
-		"tailwind-merge": "^3.3.1",
-		"tailwindcss": "^4.1.14",
-		"vite": "npm:rolldown-vite@^7.1.16",
+		"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",
-		"vue": "^3.5.22",
+		"vitest": "^4.0.17",
+		"vitest-axe": "^0.1.0",
+		"vue": "^3.5.26",
 		"vue-eslint-parser": "^10.2.0"
 	},
 	"peerDependencies": {
@@ -55,4 +61,4 @@
 		"vue": "^3.4.38"
 	},
 	"packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad"
-}
+}