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

package/dist/hydrate/index.es.d.ts

@@ -2886,10 +2886,10 @@ type CountDownValueProps = LayerTextProps & {
     type: CountDownValueType;
 };
 type CountDownValues = {
-    day: string;
-    hour: string;
-    min: string;
-    sec: string;
+    day: number;
+    hour: number;
+    min: number;
+    sec: number;
 };
 type ClipboardProps = CommonProps & {
     content?: string;

package/dist/hydrate/index.es.js

@@ -17452,17 +17452,17 @@ const LAYOUT_JUSTIFY = ['flex-start', 'center', 'flex-end', 'space-between'];
 /* src/components-flex/slider/Slider.svelte generated by Svelte v3.53.1 */
 
 function add_css$f(target) {
-	append_styles(target, "svelte-1rafop1", ".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}");
+	append_styles(target, "svelte-wwv1o", ".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 get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[32] = list[i];
-	child_ctx[34] = i;
+	child_ctx[36] = list[i];
+	child_ctx[38] = i;
 	return child_ctx;
 }
 
-// (183:4) {#each indicators ?? [] as indicator, i}
+// (192:4) {#each indicators ?? [] as indicator, i}
 function create_each_block$1(ctx) {
 	let button;
 	let i_1;
@@ -17472,7 +17472,7 @@ function create_each_block$1(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[20](/*i*/ ctx[34]);
+		return /*click_handler*/ ctx[22](/*i*/ ctx[38]);
 	}
 
 	return {
@@ -17493,9 +17493,9 @@ function create_each_block$1(ctx) {
 		},
 		h() {
 			attr(i_1, "style", i_1_style_value = objToStyle({
-				.../*indicatorItemStyle*/ ctx[3],
+				.../*indicatorItemStyle*/ ctx[4],
 				...{
-					background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
+					background: /*indicator*/ ctx[36].isActive ? '#555555' : '#AAAAAA'
 				}
 			}));
 
@@ -17518,10 +17518,10 @@ function create_each_block$1(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*indicatorItemStyle, indicators*/ 72 && i_1_style_value !== (i_1_style_value = objToStyle({
-				.../*indicatorItemStyle*/ ctx[3],
+			if (dirty[0] & /*indicatorItemStyle, indicators*/ 144 && i_1_style_value !== (i_1_style_value = objToStyle({
+				.../*indicatorItemStyle*/ ctx[4],
 				...{
-					background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
+					background: /*indicator*/ ctx[36].isActive ? '#555555' : '#AAAAAA'
 				}
 			}))) {
 				attr(i_1, "style", i_1_style_value);
@@ -17545,9 +17545,9 @@ function create_fragment$j(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	const default_slot_template = /*#slots*/ ctx[18].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[17], null);
-	let each_value = /*indicators*/ ctx[6] ?? [];
+	const default_slot_template = /*#slots*/ ctx[19].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[18], null);
+	let each_value = /*indicators*/ ctx[7] ?? [];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -17592,12 +17592,12 @@ function create_fragment$j(ctx) {
 			this.h();
 		},
 		h() {
-			attr(ul, "class", "slider-list svelte-1rafop1");
-			attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
-			attr(div0, "class", "slider-container svelte-1rafop1");
-			attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
+			attr(ul, "class", "slider-list svelte-wwv1o");
+			attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[6], /*overrideStyle*/ ctx[1]].join(' '));
+			attr(div0, "class", "slider-container svelte-wwv1o");
+			attr(div1, "style", /*indicatorListStyle*/ ctx[5]);
 			attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(div2, "class", "slider svelte-1rafop1");
+			attr(div2, "class", "slider svelte-wwv1o");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div2, anchor);
@@ -17608,7 +17608,8 @@ function create_fragment$j(ctx) {
 				default_slot.m(ul, null);
 			}
 
-			/*ul_binding*/ ctx[19](ul);
+			/*ul_binding*/ ctx[20](ul);
+			/*div0_binding*/ ctx[21](div0);
 			append_hydration(div2, t);
 			append_hydration(div2, div1);
 
@@ -17620,8 +17621,8 @@ function create_fragment$j(ctx) {
 
 			if (!mounted) {
 				dispose = [
-					listen(div0, "mousedown", /*handleMousedown*/ ctx[9]),
-					listen(div0, "touchstart", /*handleTouchstart*/ ctx[8])
+					listen(div0, "mousedown", /*handleMousedown*/ ctx[10]),
+					listen(div0, "touchstart", /*handleTouchstart*/ ctx[9])
 				];
 
 				mounted = true;
@@ -17629,26 +17630,26 @@ function create_fragment$j(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 131072)) {
+				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 262144)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[17],
+						/*$$scope*/ ctx[18],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[17])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[17], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[18])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[18], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty[0] & /*containerStyle, overrideStyle*/ 34 && ul_style_value !== (ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '))) {
+			if (!current || dirty[0] & /*containerStyle, overrideStyle*/ 66 && ul_style_value !== (ul_style_value = [/*containerStyle*/ ctx[6], /*overrideStyle*/ ctx[1]].join(' '))) {
 				attr(ul, "style", ul_style_value);
 			}
 
-			if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 200) {
-				each_value = /*indicators*/ ctx[6] ?? [];
+			if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 400) {
+				each_value = /*indicators*/ ctx[7] ?? [];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -17670,8 +17671,8 @@ function create_fragment$j(ctx) {
 				each_blocks.length = each_value.length;
 			}
 
-			if (!current || dirty[0] & /*indicatorListStyle*/ 16) {
-				attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
+			if (!current || dirty[0] & /*indicatorListStyle*/ 32) {
+				attr(div1, "style", /*indicatorListStyle*/ ctx[5]);
 			}
 
 			if (!current || dirty[0] & /*layerId*/ 1) {
@@ -17690,7 +17691,8 @@ function create_fragment$j(ctx) {
 		d(detaching) {
 			if (detaching) detach(div2);
 			if (default_slot) default_slot.d(detaching);
-			/*ul_binding*/ ctx[19](null);
+			/*ul_binding*/ ctx[20](null);
+			/*div0_binding*/ ctx[21](null);
 			destroy_each(each_blocks, detaching);
 			mounted = false;
 			run_all(dispose);
@@ -17698,6 +17700,8 @@ function create_fragment$j(ctx) {
 	};
 }
 
+const THROTTLE = 16;
+
 function instance$j($$self, $$props, $$invalidate) {
 	let indicators;
 	let itemWidthPercentage;
@@ -17710,6 +17714,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	let { props } = $$props;
 	let { overrideStyle } = $$props;
 	useInjectCustomizeCss(props);
+	let containerElement;
 	let slotElement;
 	let currentIndex = 0;
 	let isDragging = false;
@@ -17717,7 +17722,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	let movedX = null;
 	let childCount = 0;
 	let transformX;
-	console.log('transformX', transformX);
+	let lastFrame = 0;
 
 	const computeTransformX = (index, itemCount, movedX, itemWidthPercentage, gap) => {
 		if (index === 0) return;
@@ -17733,54 +17738,64 @@ function instance$j($$self, $$props, $$invalidate) {
 		}
 
 		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 => {
-		$$invalidate(11, currentIndex = index);
+		$$invalidate(12, currentIndex = index);
 	};
 
 	const setChildCount = () => {
 		const count = slotElement?.children?.length ?? 0;
 
 		if (count !== childCount) {
-			$$invalidate(13, childCount = slotElement?.children?.length ?? 0);
+			$$invalidate(14, childCount = slotElement?.children?.length ?? 0);
 		}
 	};
 
 	const toNext = () => {
-		console.log('toNext');
-
 		if (currentIndex < childCount - 1) {
-			$$invalidate(11, currentIndex = currentIndex + 1);
+			$$invalidate(12, currentIndex = currentIndex + 1);
 		} else if (props.loop) {
-			$$invalidate(11, currentIndex = 0);
+			$$invalidate(12, currentIndex = 0);
 		}
 	};
 
 	const toPrev = () => {
 		if (currentIndex > 0) {
-			$$invalidate(11, currentIndex = currentIndex - 1);
+			$$invalidate(12, currentIndex = currentIndex - 1);
 		} else if (props.loop) {
-			$$invalidate(11, currentIndex = childCount - 1);
+			$$invalidate(12, currentIndex = childCount - 1);
 		}
 	};
 
 	const handleClick = e => {
-		if (isDragging) {
+		const isParentContainer = el => {
+			if (!el) return false;
+			return el === containerElement || isParentContainer(el.parentElement);
+		};
+
+		if (isParentContainer(e.target) && isDragging) {
 			e.preventDefault();
 			e.stopPropagation();
 		}
 	};
 
-	const handleTouchmove = e => {
-		$$invalidate(12, movedX = startX - e.touches[0].clientX);
+	const move = moved => {
+		$$invalidate(13, movedX = moved);
 
-		if (movedX > 10 || 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 (movedX >= 32) {
 			toNext();
@@ -17788,7 +17803,7 @@ function instance$j($$self, $$props, $$invalidate) {
 			toPrev();
 		}
 
-		$$invalidate(12, movedX = null);
+		$$invalidate(13, movedX = null);
 		document.removeEventListener('touchmove', handleTouchmove);
 		document.removeEventListener('touchend', handleTouchend);
 		document.removeEventListener('click', handleClick);
@@ -17798,16 +17813,12 @@ function instance$j($$self, $$props, $$invalidate) {
 		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 => {
-		$$invalidate(12, movedX = startX - e.clientX);
-
-		if (movedX > 10 || movedX < -10) {
-			isDragging = true;
-		}
+		move(startX - e.clientX);
 	};
 
 	const handleMouseup = e => {
@@ -17817,10 +17828,9 @@ function instance$j($$self, $$props, $$invalidate) {
 			toPrev();
 		}
 
-		$$invalidate(12, movedX = null);
+		$$invalidate(13, movedX = null);
 
 		if (isDragging) {
-			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -17851,7 +17861,6 @@ function instance$j($$self, $$props, $$invalidate) {
 		}
 
 		return () => {
-			// clearInterval(childCountTimer)
 			if (autoSlideTimer) clearInterval(autoSlideTimer);
 		};
 	});
@@ -17863,36 +17872,43 @@ function instance$j($$self, $$props, $$invalidate) {
 		});
 	}
 
+	function div0_binding($$value) {
+		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
+			containerElement = $$value;
+			$$invalidate(3, containerElement);
+		});
+	}
+
 	const click_handler = i => handleClickIndicator(i);
 
 	$$self.$$set = $$props => {
 		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
-		if ('props' in $$props) $$invalidate(10, props = $$props.props);
+		if ('props' in $$props) $$invalidate(11, props = $$props.props);
 		if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
-		if ('$$scope' in $$props) $$invalidate(17, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(18, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty[0] & /*slotElement*/ 4) {
 			if (slotElement) {
-				$$invalidate(13, childCount = slotElement.children.length);
+				$$invalidate(14, childCount = slotElement.children.length);
 			}
 		}
 
-		if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 10240) {
-			$$invalidate(6, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
+		if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 20480) {
+			$$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
 		}
 
-		if ($$self.$$.dirty[0] & /*props*/ 1024) {
-			$$invalidate(16, itemWidthPercentage = props.itemWidthPercentage ?? 100);
+		if ($$self.$$.dirty[0] & /*props*/ 2048) {
+			$$invalidate(17, itemWidthPercentage = props.itemWidthPercentage ?? 100);
 		}
 
-		if ($$self.$$.dirty[0] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 80896) {
-			$$invalidate(14, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
+		if ($$self.$$.dirty[0] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 161792) {
+			$$invalidate(15, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
 		}
 
-		if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 70656) {
-			$$invalidate(15, baseContainerStyle = {
+		if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 141312) {
+			$$invalidate(16, baseContainerStyle = {
 				display: 'grid',
 				// marginInline: `-${props.gap}px`,
 				gap: `${props.gap}px`,
@@ -17905,34 +17921,36 @@ function instance$j($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 49152) {
-			$$invalidate(5, containerStyle = objToStyle({
+		if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 98304) {
+			$$invalidate(6, containerStyle = objToStyle({
 				...baseContainerStyle,
 				transform: transformX
 			}));
 		}
 	};
 
-	$$invalidate(4, indicatorListStyle = objToStyle({
+	$$invalidate(5, indicatorListStyle = objToStyle({
 		display: 'flex',
 		justifyContent: 'center',
 		gap: '4px',
 		marginTop: '12px'
 	}));
 
-	$$invalidate(3, indicatorItemStyle = {
+	$$invalidate(4, indicatorItemStyle = {
 		width: '8px',
 		height: '8px',
 		borderRadius: '100%',
 		display: 'block',
 		background: '#AAAAAA',
-		border: 0
+		border: 0,
+		cursor: 'pointer'
 	});
 
 	return [
 		layerId,
 		overrideStyle,
 		slotElement,
+		containerElement,
 		indicatorItemStyle,
 		indicatorListStyle,
 		containerStyle,
@@ -17950,6 +17968,7 @@ function instance$j($$self, $$props, $$invalidate) {
 		$$scope,
 		slots,
 		ul_binding,
+		div0_binding,
 		click_handler
 	];
 }
@@ -17957,7 +17976,7 @@ function instance$j($$self, $$props, $$invalidate) {
 class Slider extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 10, overrideStyle: 1 }, add_css$f, [-1, -1]);
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 11, overrideStyle: 1 }, add_css$f, [-1, -1]);
 	}
 }
 
@@ -20887,10 +20906,10 @@ function formatTimeDiff(ms) {
 	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
 	};
 }
 
@@ -21110,13 +21129,13 @@ function instance$5($$self, $$props, $$invalidate) {
 				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:
 						return '';

package/dist/index.es.d.ts

@@ -2886,10 +2886,10 @@ type CountDownValueProps = LayerTextProps & {
     type: CountDownValueType;
 };
 type CountDownValues = {
-    day: string;
-    hour: string;
-    min: string;
-    sec: string;
+    day: number;
+    hour: number;
+    min: number;
+    sec: number;
 };
 type ClipboardProps = CommonProps & {
     content?: string;