evo-vue-carousel 1.1.0 → 1.1.2

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";
@@ -142,7 +142,6 @@ function useEventListener(...e) {
 		s(), n();
 	};
 }
-/* @__NO_SIDE_EFFECTS__ */
 function useMounted() {
 	let e = shallowRef(!1), t = getCurrentInstance();
 	return t && onMounted(() => {
@@ -151,7 +150,7 @@ 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 = {}) {
@@ -199,7 +198,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 = {}) {
@@ -250,7 +249,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 +281,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 +533,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 +935,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;
@@ -952,8 +953,8 @@ function isObjectMatch(e, t, n, r) {
 	let a = Object.keys(t);
 	if (e == null) 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 +962,7 @@ function isObjectMatch(e, t, n, r) {
 		}
 		return !0;
 	} finally {
-		r && r.delete(t);
+		r?.delete(t);
 	}
 }
 function isMapMatch(e, t, n, r) {
@@ -3107,7 +3108,9 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 		}), () => h("div", {
 			ref: n,
 			role: "group",
-			"aria-roledescription": "Slide"
+			"aria-roledescription": "slide",
+			"aria-hidden": e.isClone,
+			tabindex: e.isClone ? -1 : void 0
 		}, t.default());
 	}
 }, __plugin_vue_export_helper_default = (e, t) => {
@@ -3127,7 +3130,7 @@ var COMPONENTS_AND_ELEMENTS = /* @__PURE__ */ freeze({
 		}
 	},
 	setup(e) {
-		useCssVars((e) => ({ v2ba4c4bc: P.value }));
+		useCssVars((e) => ({ v219904f5: P.value }));
 		let t = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, n = Object.freeze({
 			element: !0,
 			component: !0,
@@ -3175,11 +3178,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);
@@ -3204,7 +3207,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 +3217,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-ba78f683"]]), _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-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-ba78f683]{--slide-width:var(--v219904f5)}

package/package.json

@@ -1,10 +1,11 @@
 {
 	"name": "evo-vue-carousel",
-	"version": "1.1.0",
+	"version": "1.1.2",
 	"type": "module",
 	"license": "GPL-3.0-only",
 	"files": [
-		"dist"
+		"dist",
+		"tailwind.source.css"
 	],
 	"exports": {
 		".": {
@@ -24,28 +25,34 @@
 		"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.0.0",
+		"es-toolkit": "^1.41.0",
 		"vue3-icon": "^3.0.3"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.37.0",
+		"@eslint/js": "^9.39.1",
+		"@testing-library/vue": "^8.1.0",
 		"@vitejs/plugin-vue": "^6.0.1",
-		"eslint": "^9.37.0",
+		"@vue/test-utils": "^2.4.6",
+		"eslint": "^9.39.1",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-jsdoc": "^61.1.2",
-		"eslint-plugin-vue": "^10.5.0",
-		"globals": "^16.4.0",
+		"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.14",
-		"vite": "npm:rolldown-vite@^7.1.16",
+		"tailwindcss": "^4.1.16",
+		"vite": "npm:rolldown-vite@^7.2.0",
 		"vite-plugin-lib-inject-css": "^2.2.2",
+		"vitest": "^4.0.7",
+		"vitest-axe": "^0.1.0",
 		"vue": "^3.5.22",
 		"vue-eslint-parser": "^10.2.0"
 	},

package/tailwind.source.css

@@ -0,0 +1,2 @@
+@source "./dist/**/*";
+@source "./src/**/*";