@plaidev/karte-action-sdk 1.1.268-29089896.0dceea5e → 1.1.268-29092453.64ab24dc

package/dist/svelte5/index.es.js

@@ -5430,11 +5430,11 @@ const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
 const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
 
 var root_1$2 = $.template(`<button><i></i></button>`);
-var root$d = $.template(`<div class="slider svelte-1rafop1"><div class="slider-container svelte-1rafop1"><ul class="slider-list svelte-1rafop1"><!></ul></div> <div></div></div>`);
+var root$d = $.template(`<div class="slider svelte-wwv1o"><div class="slider-container svelte-wwv1o"><ul class="slider-list svelte-wwv1o"><!></ul></div> <div></div></div>`);
 
 const $$css$e = {
-	hash: 'svelte-1rafop1',
-	code: '.slider.svelte-1rafop1 {width:100%;overflow:hidden;}.slider-container.svelte-1rafop1 {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-1rafop1 {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
+	hash: 'svelte-wwv1o',
+	code: '.slider.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-container.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-wwv1o {-webkit-user-drag:none;margin:0;padding:0;list-style:none;will-change:transform;}'
 };
 
 function Slider($$anchor, $$props) {
@@ -5453,6 +5453,7 @@ function Slider($$anchor, $$props) {
 
 	useInjectCustomizeCss(props());
 
+	let containerElement = $.mutable_state();
 	let slotElement = $.mutable_state();
 	let currentIndex = $.mutable_state(0);
 	let isDragging = false;
@@ -5460,8 +5461,8 @@ function Slider($$anchor, $$props) {
 	let movedX = $.mutable_state(null);
 	let childCount = $.mutable_state(0);
 	let transformX = $.mutable_state();
-
-	console.log('transformX', $.get(transformX));
+	let lastFrame = 0;
+	const THROTTLE = 16;
 
 	const computeTransformX = (
 		index,
@@ -5485,7 +5486,7 @@ function Slider($$anchor, $$props) {
 
 		const moved = movedX ? ` + ${-movedX}px` : '';
 
-		return `translateX(calc(-${result}% - ${gap * index}px${moved}))`;
+		return `translate3d(calc(-${result}% - ${gap * index}px${moved}), 0, 0)`;
 	};
 
 	const handleClickIndicator = (index) => {
@@ -5501,8 +5502,6 @@ function Slider($$anchor, $$props) {
 	};
 
 	const toNext = () => {
-		console.log('toNext');
-
 		if ($.get(currentIndex) < $.get(childCount) - 1) {
 			$.set(currentIndex, $.get(currentIndex) + 1);
 		} else if (props().loop) {
@@ -5519,20 +5518,33 @@ function Slider($$anchor, $$props) {
 	};
 
 	const handleClick = (e) => {
-		if (isDragging) {
+		const isParentContainer = (el) => {
+			if (!el) return false;
+			return el === $.get(containerElement) || isParentContainer(el.parentElement);
+		};
+
+		if (isParentContainer(e.target) && isDragging) {
 			e.preventDefault();
 			e.stopPropagation();
 		}
 	};
 
-	const handleTouchmove = (e) => {
-		$.set(movedX, startX - e.touches[0].clientX);
+	const move = (moved) => {
+		$.set(movedX, moved);
 
-		if ($.get(movedX) > 10 || $.get(movedX) < -10) {
+		if ((moved > 10 || moved < -10) && !isDragging) {
 			isDragging = true;
 		}
 	};
 
+	const handleTouchmove = (e) => {
+		const now = performance.now();
+
+		if (now - lastFrame < THROTTLE) return;
+		move(startX - e.touches[0].clientX);
+		lastFrame = now;
+	};
+
 	const handleTouchend = () => {
 		if ($.get(movedX) >= 32) {
 			toNext();
@@ -5550,16 +5562,12 @@ function Slider($$anchor, $$props) {
 		startX = e.touches[0].clientX;
 		isDragging = false;
 		document.addEventListener('touchmove', handleTouchmove, { passive: true });
-		document.addEventListener('touchend', handleTouchend, { passive: true });
-		document.addEventListener('click', handleClick, { capture: true });
+		document.addEventListener('touchend', handleTouchend, { passive: false });
+		document.addEventListener('click', handleClick);
 	};
 
 	const handleMousemove = (e) => {
-		$.set(movedX, startX - e.clientX);
-
-		if ($.get(movedX) > 10 || $.get(movedX) < -10) {
-			isDragging = true;
-		}
+		move(startX - e.clientX);
 	};
 
 	const handleMouseup = (e) => {
@@ -5572,7 +5580,6 @@ function Slider($$anchor, $$props) {
 		$.set(movedX, null);
 
 		if (isDragging) {
-			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -5604,7 +5611,6 @@ function Slider($$anchor, $$props) {
 		}
 
 		return () => {
-			// clearInterval(childCountTimer)
 			if (autoSlideTimer) clearInterval(autoSlideTimer);
 		};
 	});
@@ -5695,7 +5701,8 @@ function Slider($$anchor, $$props) {
 			borderRadius: '100%',
 			display: 'block',
 			background: '#AAAAAA',
-			border: 0
+			border: 0,
+			cursor: 'pointer'
 		});
 	});
 
@@ -5711,6 +5718,7 @@ function Slider($$anchor, $$props) {
 	$.reset(ul);
 	$.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
 	$.reset(div_1);
+	$.bind_this(div_1, ($$value) => $.set(containerElement, $$value), () => $.get(containerElement));
 
 	var div_2 = $.sibling(div_1, 2);
 
@@ -7369,10 +7377,10 @@ function CountDown($$anchor, $$props) {
 		const diffSec = Math.floor(ms / 1000) % 60;
 
 		return {
-			day: diffDay.toString(),
-			hour: diffHour.toString(),
-			min: diffMin.toString(),
-			sec: diffSec.toString()
+			day: diffDay,
+			hour: diffHour,
+			min: diffMin,
+			sec: diffSec
 		};
 	}
 
@@ -7550,16 +7558,16 @@ function CountDownValue($$anchor, $$props) {
 				const { day, hour, min, sec } = $countdownStore();
 
 				switch (props().type) {
-					case "day":
+					case 'day':
 						return day?.toString().padStart(2, '0') ?? '';
 
-					case "hour":
+					case 'hour':
 						return hour?.toString().padStart(2, '0') ?? '';
 
-					case "minute":
+					case 'minute':
 						return min?.toString().padStart(2, '0') ?? '';
 
-					case "second":
+					case 'second':
 						return sec?.toString().padStart(2, '0') ?? '';
 
 					default:

package/dist/svelte5/index.front2.es.js

@@ -5430,11 +5430,11 @@ const LAYOUT_ALIGN = ['flex-start', 'center', 'flex-end', 'stretch'];
 const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
 
 var root_1$2 = $.template(`<button><i></i></button>`);
-var root$d = $.template(`<div class="slider svelte-1rafop1"><div class="slider-container svelte-1rafop1"><ul class="slider-list svelte-1rafop1"><!></ul></div> <div></div></div>`);
+var root$d = $.template(`<div class="slider svelte-wwv1o"><div class="slider-container svelte-wwv1o"><ul class="slider-list svelte-wwv1o"><!></ul></div> <div></div></div>`);
 
 const $$css$e = {
-	hash: 'svelte-1rafop1',
-	code: '.slider.svelte-1rafop1 {width:100%;overflow:hidden;}.slider-container.svelte-1rafop1 {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-1rafop1 {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
+	hash: 'svelte-wwv1o',
+	code: '.slider.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-container.svelte-wwv1o {width:100%;overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;}.slider-list.svelte-wwv1o {-webkit-user-drag:none;margin:0;padding:0;list-style:none;will-change:transform;}'
 };
 
 function Slider($$anchor, $$props) {
@@ -5453,6 +5453,7 @@ function Slider($$anchor, $$props) {
 
 	useInjectCustomizeCss(props());
 
+	let containerElement = $.mutable_state();
 	let slotElement = $.mutable_state();
 	let currentIndex = $.mutable_state(0);
 	let isDragging = false;
@@ -5460,8 +5461,8 @@ function Slider($$anchor, $$props) {
 	let movedX = $.mutable_state(null);
 	let childCount = $.mutable_state(0);
 	let transformX = $.mutable_state();
-
-	console.log('transformX', $.get(transformX));
+	let lastFrame = 0;
+	const THROTTLE = 16;
 
 	const computeTransformX = (
 		index,
@@ -5485,7 +5486,7 @@ function Slider($$anchor, $$props) {
 
 		const moved = movedX ? ` + ${-movedX}px` : '';
 
-		return `translateX(calc(-${result}% - ${gap * index}px${moved}))`;
+		return `translate3d(calc(-${result}% - ${gap * index}px${moved}), 0, 0)`;
 	};
 
 	const handleClickIndicator = (index) => {
@@ -5501,8 +5502,6 @@ function Slider($$anchor, $$props) {
 	};
 
 	const toNext = () => {
-		console.log('toNext');
-
 		if ($.get(currentIndex) < $.get(childCount) - 1) {
 			$.set(currentIndex, $.get(currentIndex) + 1);
 		} else if (props().loop) {
@@ -5519,20 +5518,33 @@ function Slider($$anchor, $$props) {
 	};
 
 	const handleClick = (e) => {
-		if (isDragging) {
+		const isParentContainer = (el) => {
+			if (!el) return false;
+			return el === $.get(containerElement) || isParentContainer(el.parentElement);
+		};
+
+		if (isParentContainer(e.target) && isDragging) {
 			e.preventDefault();
 			e.stopPropagation();
 		}
 	};
 
-	const handleTouchmove = (e) => {
-		$.set(movedX, startX - e.touches[0].clientX);
+	const move = (moved) => {
+		$.set(movedX, moved);
 
-		if ($.get(movedX) > 10 || $.get(movedX) < -10) {
+		if ((moved > 10 || moved < -10) && !isDragging) {
 			isDragging = true;
 		}
 	};
 
+	const handleTouchmove = (e) => {
+		const now = performance.now();
+
+		if (now - lastFrame < THROTTLE) return;
+		move(startX - e.touches[0].clientX);
+		lastFrame = now;
+	};
+
 	const handleTouchend = () => {
 		if ($.get(movedX) >= 32) {
 			toNext();
@@ -5550,16 +5562,12 @@ function Slider($$anchor, $$props) {
 		startX = e.touches[0].clientX;
 		isDragging = false;
 		document.addEventListener('touchmove', handleTouchmove, { passive: true });
-		document.addEventListener('touchend', handleTouchend, { passive: true });
-		document.addEventListener('click', handleClick, { capture: true });
+		document.addEventListener('touchend', handleTouchend, { passive: false });
+		document.addEventListener('click', handleClick);
 	};
 
 	const handleMousemove = (e) => {
-		$.set(movedX, startX - e.clientX);
-
-		if ($.get(movedX) > 10 || $.get(movedX) < -10) {
-			isDragging = true;
-		}
+		move(startX - e.clientX);
 	};
 
 	const handleMouseup = (e) => {
@@ -5572,7 +5580,6 @@ function Slider($$anchor, $$props) {
 		$.set(movedX, null);
 
 		if (isDragging) {
-			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -5604,7 +5611,6 @@ function Slider($$anchor, $$props) {
 		}
 
 		return () => {
-			// clearInterval(childCountTimer)
 			if (autoSlideTimer) clearInterval(autoSlideTimer);
 		};
 	});
@@ -5695,7 +5701,8 @@ function Slider($$anchor, $$props) {
 			borderRadius: '100%',
 			display: 'block',
 			background: '#AAAAAA',
-			border: 0
+			border: 0,
+			cursor: 'pointer'
 		});
 	});
 
@@ -5711,6 +5718,7 @@ function Slider($$anchor, $$props) {
 	$.reset(ul);
 	$.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
 	$.reset(div_1);
+	$.bind_this(div_1, ($$value) => $.set(containerElement, $$value), () => $.get(containerElement));
 
 	var div_2 = $.sibling(div_1, 2);
 
@@ -7369,10 +7377,10 @@ function CountDown($$anchor, $$props) {
 		const diffSec = Math.floor(ms / 1000) % 60;
 
 		return {
-			day: diffDay.toString(),
-			hour: diffHour.toString(),
-			min: diffMin.toString(),
-			sec: diffSec.toString()
+			day: diffDay,
+			hour: diffHour,
+			min: diffMin,
+			sec: diffSec
 		};
 	}
 
@@ -7550,16 +7558,16 @@ function CountDownValue($$anchor, $$props) {
 				const { day, hour, min, sec } = $countdownStore();
 
 				switch (props().type) {
-					case "day":
+					case 'day':
 						return day?.toString().padStart(2, '0') ?? '';
 
-					case "hour":
+					case 'hour':
 						return hour?.toString().padStart(2, '0') ?? '';
 
-					case "minute":
+					case 'minute':
 						return min?.toString().padStart(2, '0') ?? '';
 
-					case "second":
+					case 'second':
 						return sec?.toString().padStart(2, '0') ?? '';
 
 					default:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.268-29089896.0dceea5e",
+  "version": "1.1.268-29092453.64ab24dc",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",
@@ -154,7 +154,7 @@
     "docs:preview": "vitepress preview docs",
     "docs:gen": "api-documenter markdown --input-folder ./meta --output-folder ./temp/markdown && mv ./temp/markdown/* ./docs",
     "check:svelte": "svelte-check --tsconfig ./tsconfig.json",
-    "check:type": "tsc --noEmit",
+    "typecheck": "tsc --noEmit",
     "test": "vitest run test",
     "test:watch": "vitest test",
     "test:ui": "vitest test --ui",