adverich-kun-ui 0.1.643 → 0.1.644

package/AGENTS.md

@@ -811,6 +811,10 @@ autoplay:play, autoplay:stop, autoplay:interaction
 
 **Slots:** default (slides), #prev, #next, #dots
 
+**Clicks post-drag:** se suprimen automáticamente en captura; el contenido
+puede usar `useKunCarousel()` (inyecta `{ api, didDrag, selectedIndex,
+isDragging, isSettled }`) para no cablear refs en grillas/cards.
+
 **Showcase:** `/examples/KunCarousel` es una única página con todos los demos
 juntos, uno debajo del otro (Default, Loop, RightToLeft, SlidesToScroll,
 DragFree, Align, VariableWidths, YAxis, SlidesPerView, Thumbnails,

package/dist/AGENTS.md

@@ -811,6 +811,10 @@ autoplay:play, autoplay:stop, autoplay:interaction
 
 **Slots:** default (slides), #prev, #next, #dots
 
+**Clicks post-drag:** se suprimen automáticamente en captura; el contenido
+puede usar `useKunCarousel()` (inyecta `{ api, didDrag, selectedIndex,
+isDragging, isSettled }`) para no cablear refs en grillas/cards.
+
 **Showcase:** `/examples/KunCarousel` es una única página con todos los demos
 juntos, uno debajo del otro (Default, Loop, RightToLeft, SlidesToScroll,
 DragFree, Align, VariableWidths, YAxis, SlidesPerView, Thumbnails,

package/dist/components/KunCarousel/src/components/KunCarousel.js

@@ -1,10 +1,11 @@
 import { __exportAll as e } from "../../../../_virtual/_rolldown/runtime.js";
 import t from "../composables/kunCarouselProps.js";
 import n from "../composables/useKunCarouselEngine.js";
+import { KUN_CAROUSEL_KEY as r } from "../composables/kunCarouselContext.js";
 /* empty css                                            */
-import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, renderList as f, renderSlot as p, unref as m } from "vue";
+import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, normalizeClass as l, normalizeStyle as u, openBlock as d, provide as f, ref as p, renderList as m, renderSlot as h, unref as g } from "vue";
 //#region src/components/KunCarousel/src/components/KunCarousel.vue
-var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disabled", "aria-label"], v = {
+var _ = /* @__PURE__ */ e({ default: () => k }), v = ["aria-label"], y = ["disabled", "aria-label"], b = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -14,7 +15,7 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	class: "w-5 h-5"
-}, y = ["disabled", "aria-label"], b = {
+}, x = ["disabled", "aria-label"], S = {
 	key: 1,
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "0 0 24 24",
@@ -24,10 +25,10 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round",
 	class: "w-5 h-5"
-}, x = {
+}, ee = {
 	key: 1,
 	class: "mt-3 flex items-center justify-center gap-3"
-}, S = ["disabled", "aria-label"], C = {
+}, te = ["disabled", "aria-label"], C = {
 	key: 0,
 	d: "m15 18-6-6 6-6"
 }, w = {
@@ -77,17 +78,25 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 		"autoplay:stop",
 		"autoplay:interaction"
 	],
-	setup(e, { expose: t, emit: h }) {
-		let k = e, A = h, j = d(null), M = d(null), { api: N, selectedIndex: P, previousIndex: F, snaps: I, inView: L, scrollProgress: R, canPrev: z, canNext: B, isDragging: V, isSettled: H, autoplayPlaying: U, effectiveOptions: W, reInit: G } = n({
+	setup(e, { expose: t, emit: _ }) {
+		let k = e, A = _, j = p(null), M = p(null), { api: N, selectedIndex: P, previousIndex: F, snaps: I, inView: L, scrollProgress: R, canPrev: z, canNext: B, isDragging: V, isSettled: H, didDrag: U, autoplayPlaying: W, effectiveOptions: G, reInit: ne } = n({
 			props: k,
 			emit: A,
 			viewportRef: j,
 			containerRef: M
-		}), K = i(() => W.value.axis === "y"), q = i(() => !K.value && W.value.direction === "rtl"), J = i(() => ({
+		});
+		f(r, {
+			api: N,
+			didDrag: U,
+			selectedIndex: P,
+			isDragging: V,
+			isSettled: H
+		});
+		let K = a(() => G.value.axis === "y"), q = a(() => !K.value && G.value.direction === "rtl"), J = a(() => ({
 			...K.value ? { height: k.height } : {},
 			direction: q.value ? "rtl" : "ltr",
 			touchAction: K.value ? "pan-x" : "pan-y"
-		})), Y = i(() => ({
+		})), Y = a(() => ({
 			"--kun-slide-size": k.slideSize,
 			gap: k.gap
 		}));
@@ -140,42 +149,43 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 			canNext: B,
 			isDragging: V,
 			isSettled: H,
-			autoplayPlaying: U,
-			options: W
-		}), (t, n) => (u(), o("div", { class: c(["kun-carousel relative w-full", k.wrapperClass]) }, [
-			s("div", {
+			didDrag: U,
+			autoplayPlaying: W,
+			options: G
+		}), (t, n) => (d(), s("div", { class: l(["kun-carousel relative w-full", k.wrapperClass]) }, [
+			c("div", {
 				ref_key: "viewportRef",
 				ref: j,
 				tabindex: "0",
-				class: c([
+				class: l([
 					"kun-carousel__viewport overflow-hidden outline-none select-none",
 					K.value ? "" : "w-full",
 					t.axis === "x" ? "kun-carousel__viewport--x" : "kun-carousel__viewport--y",
-					m(V) ? "cursor-grabbing" : "cursor-grab",
+					g(V) ? "cursor-grabbing" : "cursor-grab",
 					k.viewportClass
 				]),
-				style: l(J.value),
+				style: u(J.value),
 				role: "region",
 				"aria-roledescription": "carousel",
 				"aria-label": e.ariaLabel
-			}, [s("div", {
+			}, [c("div", {
 				ref_key: "containerRef",
 				ref: M,
-				class: c([
+				class: l([
 					"kun-carousel__container flex will-change-transform",
 					K.value ? "flex-col" : "flex-row",
 					k.containerClass
 				]),
-				style: l(Y.value)
-			}, [p(t.$slots, "default")], 6)], 14, g),
-			k.showArrows && k.arrowsPosition === "sides" ? (u(), o(r, { key: 0 }, [p(t.$slots, "prev", {
+				style: u(Y.value)
+			}, [h(t.$slots, "default")], 6)], 14, v),
+			k.showArrows && k.arrowsPosition === "sides" ? (d(), s(i, { key: 0 }, [h(t.$slots, "prev", {
 				goToPrev: Z,
-				disabled: !m(z),
-				canGoToPrev: m(z)
-			}, () => [s("button", {
+				disabled: !g(z),
+				canGoToPrev: g(z)
+			}, () => [c("button", {
 				type: "button",
-				disabled: !m(z),
-				class: c([
+				disabled: !g(z),
+				class: l([
 					"kun-carousel__arrow kun-carousel__arrow--prev",
 					"absolute top-1/2 -translate-y-1/2 left-2 z-10",
 					"flex items-center justify-center w-9 h-9 rounded-full",
@@ -185,7 +195,7 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 				]),
 				"aria-label": e.prevLabel,
 				onClick: Z
-			}, [K.value ? (u(), o("svg", v, [...n[1] ||= [s("path", { d: "m18 15-6-6-6 6" }, null, -1)]])) : (u(), o("svg", {
+			}, [K.value ? (d(), s("svg", b, [...n[1] ||= [c("path", { d: "m18 15-6-6-6 6" }, null, -1)]])) : (d(), s("svg", {
 				key: 0,
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 24 24",
@@ -194,15 +204,15 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
-				class: c(["w-5 h-5", { "rotate-180": q.value }])
-			}, [...n[0] ||= [s("path", { d: "m15 18-6-6 6-6" }, null, -1)]], 2))], 10, _)]), p(t.$slots, "next", {
+				class: l(["w-5 h-5", { "rotate-180": q.value }])
+			}, [...n[0] ||= [c("path", { d: "m15 18-6-6 6-6" }, null, -1)]], 2))], 10, y)]), h(t.$slots, "next", {
 				goToNext: Q,
-				disabled: !m(B),
-				canGoToNext: m(B)
-			}, () => [s("button", {
+				disabled: !g(B),
+				canGoToNext: g(B)
+			}, () => [c("button", {
 				type: "button",
-				disabled: !m(B),
-				class: c([
+				disabled: !g(B),
+				class: l([
 					"kun-carousel__arrow kun-carousel__arrow--next",
 					"absolute top-1/2 -translate-y-1/2 right-2 z-10",
 					"flex items-center justify-center w-9 h-9 rounded-full",
@@ -212,7 +222,7 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 				]),
 				"aria-label": e.nextLabel,
 				onClick: Q
-			}, [K.value ? (u(), o("svg", b, [...n[3] ||= [s("path", { d: "m6 9 6 6 6-6" }, null, -1)]])) : (u(), o("svg", {
+			}, [K.value ? (d(), s("svg", S, [...n[3] ||= [c("path", { d: "m6 9 6 6 6-6" }, null, -1)]])) : (d(), s("svg", {
 				key: 0,
 				xmlns: "http://www.w3.org/2000/svg",
 				viewBox: "0 0 24 24",
@@ -221,17 +231,17 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
-				class: c(["w-5 h-5", { "rotate-180": q.value }])
-			}, [...n[2] ||= [s("path", { d: "m9 18 6-6-6-6" }, null, -1)]], 2))], 10, y)])], 64)) : a("", !0),
-			k.showArrows && k.arrowsPosition === "bottom" || k.showDots ? (u(), o("div", x, [
-				k.showArrows && k.arrowsPosition === "bottom" ? p(t.$slots, "prev", {
+				class: l(["w-5 h-5", { "rotate-180": q.value }])
+			}, [...n[2] ||= [c("path", { d: "m9 18 6-6-6-6" }, null, -1)]], 2))], 10, x)])], 64)) : o("", !0),
+			k.showArrows && k.arrowsPosition === "bottom" || k.showDots ? (d(), s("div", ee, [
+				k.showArrows && k.arrowsPosition === "bottom" ? h(t.$slots, "prev", {
 					goToPrev: Z,
-					disabled: !m(z),
-					canGoToPrev: m(z)
-				}, () => [s("button", {
+					disabled: !g(z),
+					canGoToPrev: g(z)
+				}, () => [c("button", {
 					type: "button",
-					disabled: !m(z),
-					class: c([
+					disabled: !g(z),
+					class: l([
 						"kun-carousel__arrow kun-carousel__arrow--prev",
 						"flex items-center justify-center w-8 h-8 rounded-full",
 						"bg-surface-dark text-ui border border-surface cursor-pointer",
@@ -240,7 +250,7 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 					]),
 					"aria-label": e.prevLabel,
 					onClick: Z
-				}, [(u(), o("svg", {
+				}, [(d(), s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -248,33 +258,33 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					class: c(["w-4 h-4", { "rotate-180": q.value && !K.value }])
-				}, [K.value ? (u(), o("path", w)) : (u(), o("path", C))], 2))], 10, S)], void 0, 0) : a("", !0),
-				k.showDots ? p(t.$slots, "dots", {
-					snaps: m(I),
-					selectedIndex: m(P),
+					class: l(["w-4 h-4", { "rotate-180": q.value && !K.value }])
+				}, [K.value ? (d(), s("path", w)) : (d(), s("path", C))], 2))], 10, te)], void 0, 0) : o("", !0),
+				k.showDots ? h(t.$slots, "dots", {
+					snaps: g(I),
+					selectedIndex: g(P),
 					goTo: $
-				}, () => [s("div", {
-					class: c(["flex items-center gap-2", k.dotsClass]),
+				}, () => [c("div", {
+					class: l(["flex items-center gap-2", k.dotsClass]),
 					role: "tablist",
 					"aria-label": "Slides"
-				}, [(u(!0), o(r, null, f(m(I), (e, t) => (u(), o("button", {
+				}, [(d(!0), s(i, null, m(g(I), (e, t) => (d(), s("button", {
 					key: t,
 					type: "button",
 					role: "tab",
-					"aria-selected": t === m(P),
+					"aria-selected": t === g(P),
 					"aria-label": `Ir al slide ${t + 1}`,
-					class: c(["h-2 rounded-full transition-all cursor-pointer", t === m(P) ? "w-6 bg-primary" : "w-2 bg-surface-light hover:bg-surface"]),
+					class: l(["h-2 rounded-full transition-all cursor-pointer", t === g(P) ? "w-6 bg-primary" : "w-2 bg-surface-light hover:bg-surface"]),
 					onClick: (e) => $(t)
-				}, null, 10, T))), 128))], 2)], void 0, 1) : a("", !0),
-				k.showArrows && k.arrowsPosition === "bottom" ? p(t.$slots, "next", {
+				}, null, 10, T))), 128))], 2)], void 0, 1) : o("", !0),
+				k.showArrows && k.arrowsPosition === "bottom" ? h(t.$slots, "next", {
 					goToNext: Q,
-					disabled: !m(B),
-					canGoToNext: m(B)
-				}, () => [s("button", {
+					disabled: !g(B),
+					canGoToNext: g(B)
+				}, () => [c("button", {
 					type: "button",
-					disabled: !m(B),
-					class: c([
+					disabled: !g(B),
+					class: l([
 						"kun-carousel__arrow kun-carousel__arrow--next",
 						"flex items-center justify-center w-8 h-8 rounded-full",
 						"bg-surface-dark text-ui border border-surface cursor-pointer",
@@ -283,7 +293,7 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 					]),
 					"aria-label": e.nextLabel,
 					onClick: Q
-				}, [(u(), o("svg", {
+				}, [(d(), s("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -291,11 +301,11 @@ var h = /* @__PURE__ */ e({ default: () => k }), g = ["aria-label"], _ = ["disab
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					"stroke-linejoin": "round",
-					class: c(["w-4 h-4", { "rotate-180": q.value && !K.value }])
-				}, [K.value ? (u(), o("path", O)) : (u(), o("path", D))], 2))], 10, E)], void 0, 2) : a("", !0)
-			])) : a("", !0)
+					class: l(["w-4 h-4", { "rotate-180": q.value && !K.value }])
+				}, [K.value ? (d(), s("path", O)) : (d(), s("path", D))], 2))], 10, E)], void 0, 2) : o("", !0)
+			])) : o("", !0)
 		], 2));
 	}
 };
 //#endregion
-export { h as KunCarousel_exports, k as default };
+export { _ as KunCarousel_exports, k as default };

package/dist/components/KunCarousel/src/composables/kunCarouselContext.js

@@ -0,0 +1,8 @@
+import { inject as e } from "vue";
+//#region src/components/KunCarousel/src/composables/kunCarouselContext.js
+var t = Symbol("kun-carousel");
+function n() {
+	return e(t, null);
+}
+//#endregion
+export { t as KUN_CAROUSEL_KEY, n as default, n as useKunCarousel };