@plaidev/karte-action-sdk 1.1.268-29089806.0ded74d0 → 1.1.268-29089896.0dceea5e

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-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
+	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}");
 }
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[33] = list[i];
-	child_ctx[35] = i;
+	child_ctx[32] = list[i];
+	child_ctx[34] = i;
 	return child_ctx;
 }
 
-// (188:4) {#each indicators ?? [] as indicator, i}
+// (183: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[21](/*i*/ ctx[35]);
+		return /*click_handler*/ ctx[20](/*i*/ ctx[34]);
 	}
 
 	return {
@@ -17495,7 +17495,7 @@ function create_each_block$1(ctx) {
 			attr(i_1, "style", i_1_style_value = objToStyle({
 				.../*indicatorItemStyle*/ ctx[3],
 				...{
-					background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
+					background: /*indicator*/ ctx[32].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*/ 136 && i_1_style_value !== (i_1_style_value = objToStyle({
+			if (dirty[0] & /*indicatorItemStyle, indicators*/ 72 && i_1_style_value !== (i_1_style_value = objToStyle({
 				.../*indicatorItemStyle*/ ctx[3],
 				...{
-					background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
+					background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
 				}
 			}))) {
 				attr(i_1, "style", i_1_style_value);
@@ -17536,17 +17536,18 @@ function create_each_block$1(ctx) {
 }
 
 function create_fragment$j(ctx) {
-	let div1;
+	let div2;
+	let div0;
 	let ul;
 	let ul_style_value;
 	let t;
-	let div0;
+	let div1;
 	let current;
 	let mounted;
 	let dispose;
-	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] ?? [];
+	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] ?? [];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -17555,11 +17556,12 @@ function create_fragment$j(ctx) {
 
 	return {
 		c() {
-			div1 = element("div");
+			div2 = element("div");
+			div0 = element("div");
 			ul = element("ul");
 			if (default_slot) default_slot.c();
 			t = space();
-			div0 = element("div");
+			div1 = element("div");
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].c();
@@ -17568,59 +17570,58 @@ function create_fragment$j(ctx) {
 			this.h();
 		},
 		l(nodes) {
-			div1 = claim_element(nodes, "DIV", {
-				"data-layer-id": true,
-				style: true,
-				class: true
-			});
-
-			var div1_nodes = children(div1);
-			ul = claim_element(div1_nodes, "UL", { class: true, style: true });
+			div2 = claim_element(nodes, "DIV", { "data-layer-id": true, class: true });
+			var div2_nodes = children(div2);
+			div0 = claim_element(div2_nodes, "DIV", { class: true });
+			var div0_nodes = children(div0);
+			ul = claim_element(div0_nodes, "UL", { class: true, style: true });
 			var ul_nodes = children(ul);
 			if (default_slot) default_slot.l(ul_nodes);
 			ul_nodes.forEach(detach);
-			t = claim_space(div1_nodes);
-			div0 = claim_element(div1_nodes, "DIV", { style: true });
-			var div0_nodes = children(div0);
+			div0_nodes.forEach(detach);
+			t = claim_space(div2_nodes);
+			div1 = claim_element(div2_nodes, "DIV", { style: true });
+			var div1_nodes = children(div1);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].l(div0_nodes);
+				each_blocks[i].l(div1_nodes);
 			}
 
-			div0_nodes.forEach(detach);
 			div1_nodes.forEach(detach);
+			div2_nodes.forEach(detach);
 			this.h();
 		},
 		h() {
-			attr(ul, "class", "slider-list svelte-1slel1d");
+			attr(ul, "class", "slider-list svelte-1rafop1");
 			attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
-			attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
-			attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(div1, "style", /*style*/ ctx[6]);
-			attr(div1, "class", "slider svelte-1slel1d");
+			attr(div0, "class", "slider-container svelte-1rafop1");
+			attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
+			attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(div2, "class", "slider svelte-1rafop1");
 		},
 		m(target, anchor) {
-			insert_hydration(target, div1, anchor);
-			append_hydration(div1, ul);
+			insert_hydration(target, div2, anchor);
+			append_hydration(div2, div0);
+			append_hydration(div0, ul);
 
 			if (default_slot) {
 				default_slot.m(ul, null);
 			}
 
-			/*ul_binding*/ ctx[20](ul);
-			append_hydration(div1, t);
-			append_hydration(div1, div0);
+			/*ul_binding*/ ctx[19](ul);
+			append_hydration(div2, t);
+			append_hydration(div2, div1);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div0, null);
+				each_blocks[i].m(div1, null);
 			}
 
 			current = true;
 
 			if (!mounted) {
 				dispose = [
-					listen(ul, "mousedown", /*handleMousedown*/ ctx[10]),
-					listen(ul, "touchstart", /*handleTouchstart*/ ctx[9])
+					listen(div0, "mousedown", /*handleMousedown*/ ctx[9]),
+					listen(div0, "touchstart", /*handleTouchstart*/ ctx[8])
 				];
 
 				mounted = true;
@@ -17628,15 +17629,15 @@ function create_fragment$j(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 262144)) {
+				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 131072)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[18],
+						/*$$scope*/ ctx[17],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[18])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[18], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[17])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[17], dirty, null),
 						null
 					);
 				}
@@ -17646,8 +17647,8 @@ function create_fragment$j(ctx) {
 				attr(ul, "style", ul_style_value);
 			}
 
-			if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 392) {
-				each_value = /*indicators*/ ctx[7] ?? [];
+			if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 200) {
+				each_value = /*indicators*/ ctx[6] ?? [];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -17658,7 +17659,7 @@ function create_fragment$j(ctx) {
 					} else {
 						each_blocks[i] = create_each_block$1(child_ctx);
 						each_blocks[i].c();
-						each_blocks[i].m(div0, null);
+						each_blocks[i].m(div1, null);
 					}
 				}
 
@@ -17670,15 +17671,11 @@ function create_fragment$j(ctx) {
 			}
 
 			if (!current || dirty[0] & /*indicatorListStyle*/ 16) {
-				attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
+				attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
 			}
 
 			if (!current || dirty[0] & /*layerId*/ 1) {
-				attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
-			}
-
-			if (!current || dirty[0] & /*style*/ 64) {
-				attr(div1, "style", /*style*/ ctx[6]);
+				attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
 			}
 		},
 		i(local) {
@@ -17691,9 +17688,9 @@ function create_fragment$j(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div2);
 			if (default_slot) default_slot.d(detaching);
-			/*ul_binding*/ ctx[20](null);
+			/*ul_binding*/ ctx[19](null);
 			destroy_each(each_blocks, detaching);
 			mounted = false;
 			run_all(dispose);
@@ -17704,7 +17701,6 @@ function create_fragment$j(ctx) {
 function instance$j($$self, $$props, $$invalidate) {
 	let indicators;
 	let itemWidthPercentage;
-	let style;
 	let baseContainerStyle;
 	let containerStyle;
 	let indicatorListStyle;
@@ -17741,14 +17737,14 @@ function instance$j($$self, $$props, $$invalidate) {
 	};
 
 	const handleClickIndicator = index => {
-		$$invalidate(12, currentIndex = index);
+		$$invalidate(11, currentIndex = index);
 	};
 
 	const setChildCount = () => {
 		const count = slotElement?.children?.length ?? 0;
 
 		if (count !== childCount) {
-			$$invalidate(14, childCount = slotElement?.children?.length ?? 0);
+			$$invalidate(13, childCount = slotElement?.children?.length ?? 0);
 		}
 	};
 
@@ -17756,17 +17752,17 @@ function instance$j($$self, $$props, $$invalidate) {
 		console.log('toNext');
 
 		if (currentIndex < childCount - 1) {
-			$$invalidate(12, currentIndex = currentIndex + 1);
+			$$invalidate(11, currentIndex = currentIndex + 1);
 		} else if (props.loop) {
-			$$invalidate(12, currentIndex = 0);
+			$$invalidate(11, currentIndex = 0);
 		}
 	};
 
 	const toPrev = () => {
 		if (currentIndex > 0) {
-			$$invalidate(12, currentIndex = currentIndex - 1);
+			$$invalidate(11, currentIndex = currentIndex - 1);
 		} else if (props.loop) {
-			$$invalidate(12, currentIndex = childCount - 1);
+			$$invalidate(11, currentIndex = childCount - 1);
 		}
 	};
 
@@ -17778,7 +17774,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	};
 
 	const handleTouchmove = e => {
-		$$invalidate(13, movedX = startX - e.touches[0].clientX);
+		$$invalidate(12, movedX = startX - e.touches[0].clientX);
 
 		if (movedX > 10 || movedX < -10) {
 			isDragging = true;
@@ -17792,7 +17788,7 @@ function instance$j($$self, $$props, $$invalidate) {
 			toPrev();
 		}
 
-		$$invalidate(13, movedX = null);
+		$$invalidate(12, movedX = null);
 		document.removeEventListener('touchmove', handleTouchmove);
 		document.removeEventListener('touchend', handleTouchend);
 		document.removeEventListener('click', handleClick);
@@ -17807,7 +17803,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	};
 
 	const handleMousemove = e => {
-		$$invalidate(13, movedX = startX - e.clientX);
+		$$invalidate(12, movedX = startX - e.clientX);
 
 		if (movedX > 10 || movedX < -10) {
 			isDragging = true;
@@ -17821,10 +17817,10 @@ function instance$j($$self, $$props, $$invalidate) {
 			toPrev();
 		}
 
-		$$invalidate(13, movedX = null);
+		$$invalidate(12, movedX = null);
 
 		if (isDragging) {
-			e.preventDefault();
+			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -17843,8 +17839,6 @@ function instance$j($$self, $$props, $$invalidate) {
 
 	onMount$1(() => {
 		setChildCount();
-
-		// const childCountTimer = setInterval(setChildCount, 300);
 		let autoSlideTimer;
 
 		if (props.auto) {
@@ -17873,32 +17867,32 @@ function instance$j($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
-		if ('props' in $$props) $$invalidate(11, props = $$props.props);
+		if ('props' in $$props) $$invalidate(10, props = $$props.props);
 		if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
-		if ('$$scope' in $$props) $$invalidate(18, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(17, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty[0] & /*slotElement*/ 4) {
 			if (slotElement) {
-				$$invalidate(14, childCount = slotElement.children.length);
+				$$invalidate(13, childCount = slotElement.children.length);
 			}
 		}
 
-		if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 20480) {
-			$$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
+		if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 10240) {
+			$$invalidate(6, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
 		}
 
-		if ($$self.$$.dirty[0] & /*props*/ 2048) {
-			$$invalidate(17, itemWidthPercentage = props.itemWidthPercentage ?? 100);
+		if ($$self.$$.dirty[0] & /*props*/ 1024) {
+			$$invalidate(16, itemWidthPercentage = props.itemWidthPercentage ?? 100);
 		}
 
-		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] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 80896) {
+			$$invalidate(14, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
 		}
 
-		if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 141312) {
-			$$invalidate(16, baseContainerStyle = {
+		if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 70656) {
+			$$invalidate(15, baseContainerStyle = {
 				display: 'grid',
 				// marginInline: `-${props.gap}px`,
 				gap: `${props.gap}px`,
@@ -17911,7 +17905,7 @@ function instance$j($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 98304) {
+		if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 49152) {
 			$$invalidate(5, containerStyle = objToStyle({
 				...baseContainerStyle,
 				transform: transformX
@@ -17919,8 +17913,6 @@ function instance$j($$self, $$props, $$invalidate) {
 		}
 	};
 
-	$$invalidate(6, style = objToStyle({ overflow: 'hidden', width: '100%' }));
-
 	$$invalidate(4, indicatorListStyle = objToStyle({
 		display: 'flex',
 		justifyContent: 'center',
@@ -17944,7 +17936,6 @@ function instance$j($$self, $$props, $$invalidate) {
 		indicatorItemStyle,
 		indicatorListStyle,
 		containerStyle,
-		style,
 		indicators,
 		handleClickIndicator,
 		handleTouchstart,
@@ -17966,7 +17957,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: 11, overrideStyle: 1 }, add_css$f, [-1, -1]);
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 10, overrideStyle: 1 }, add_css$f, [-1, -1]);
 	}
 }
 

package/dist/index.es.js

@@ -16145,17 +16145,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-1slel1d", ".slider-list.svelte-1slel1d{-webkit-user-drag:none;margin:0;padding:0;list-style:none}");
+	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}");
 }
 
 function get_each_context$1(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[33] = list[i];
-	child_ctx[35] = i;
+	child_ctx[32] = list[i];
+	child_ctx[34] = i;
 	return child_ctx;
 }
 
-// (188:4) {#each indicators ?? [] as indicator, i}
+// (183:4) {#each indicators ?? [] as indicator, i}
 function create_each_block$1(ctx) {
 	let button;
 	let i_1;
@@ -16165,7 +16165,7 @@ function create_each_block$1(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[21](/*i*/ ctx[35]);
+		return /*click_handler*/ ctx[20](/*i*/ ctx[34]);
 	}
 
 	return {
@@ -16177,7 +16177,7 @@ function create_each_block$1(ctx) {
 			attr(i_1, "style", i_1_style_value = objToStyle({
 				.../*indicatorItemStyle*/ ctx[3],
 				...{
-					background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
+					background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
 				}
 			}));
 
@@ -16200,10 +16200,10 @@ function create_each_block$1(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*indicatorItemStyle, indicators*/ 136 && i_1_style_value !== (i_1_style_value = objToStyle({
+			if (dirty[0] & /*indicatorItemStyle, indicators*/ 72 && i_1_style_value !== (i_1_style_value = objToStyle({
 				.../*indicatorItemStyle*/ ctx[3],
 				...{
-					background: /*indicator*/ ctx[33].isActive ? '#555555' : '#AAAAAA'
+					background: /*indicator*/ ctx[32].isActive ? '#555555' : '#AAAAAA'
 				}
 			}))) {
 				attr(i_1, "style", i_1_style_value);
@@ -16218,17 +16218,18 @@ function create_each_block$1(ctx) {
 }
 
 function create_fragment$j(ctx) {
-	let div1;
+	let div2;
+	let div0;
 	let ul;
 	let ul_style_value;
 	let t;
-	let div0;
+	let div1;
 	let current;
 	let mounted;
 	let dispose;
-	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] ?? [];
+	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] ?? [];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -16237,45 +16238,47 @@ function create_fragment$j(ctx) {
 
 	return {
 		c() {
-			div1 = element("div");
+			div2 = element("div");
+			div0 = element("div");
 			ul = element("ul");
 			if (default_slot) default_slot.c();
 			t = space();
-			div0 = element("div");
+			div1 = element("div");
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].c();
 			}
 
-			attr(ul, "class", "slider-list svelte-1slel1d");
+			attr(ul, "class", "slider-list svelte-1rafop1");
 			attr(ul, "style", ul_style_value = [/*containerStyle*/ ctx[5], /*overrideStyle*/ ctx[1]].join(' '));
-			attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
-			attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
-			attr(div1, "style", /*style*/ ctx[6]);
-			attr(div1, "class", "slider svelte-1slel1d");
+			attr(div0, "class", "slider-container svelte-1rafop1");
+			attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
+			attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
+			attr(div2, "class", "slider svelte-1rafop1");
 		},
 		m(target, anchor) {
-			insert(target, div1, anchor);
-			append(div1, ul);
+			insert(target, div2, anchor);
+			append(div2, div0);
+			append(div0, ul);
 
 			if (default_slot) {
 				default_slot.m(ul, null);
 			}
 
-			/*ul_binding*/ ctx[20](ul);
-			append(div1, t);
-			append(div1, div0);
+			/*ul_binding*/ ctx[19](ul);
+			append(div2, t);
+			append(div2, div1);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div0, null);
+				each_blocks[i].m(div1, null);
 			}
 
 			current = true;
 
 			if (!mounted) {
 				dispose = [
-					listen(ul, "mousedown", /*handleMousedown*/ ctx[10]),
-					listen(ul, "touchstart", /*handleTouchstart*/ ctx[9])
+					listen(div0, "mousedown", /*handleMousedown*/ ctx[9]),
+					listen(div0, "touchstart", /*handleTouchstart*/ ctx[8])
 				];
 
 				mounted = true;
@@ -16283,15 +16286,15 @@ function create_fragment$j(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 262144)) {
+				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 131072)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[18],
+						/*$$scope*/ ctx[17],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[18])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[18], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[17])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[17], dirty, null),
 						null
 					);
 				}
@@ -16301,8 +16304,8 @@ function create_fragment$j(ctx) {
 				attr(ul, "style", ul_style_value);
 			}
 
-			if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 392) {
-				each_value = /*indicators*/ ctx[7] ?? [];
+			if (dirty[0] & /*handleClickIndicator, indicatorItemStyle, indicators*/ 200) {
+				each_value = /*indicators*/ ctx[6] ?? [];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -16313,7 +16316,7 @@ function create_fragment$j(ctx) {
 					} else {
 						each_blocks[i] = create_each_block$1(child_ctx);
 						each_blocks[i].c();
-						each_blocks[i].m(div0, null);
+						each_blocks[i].m(div1, null);
 					}
 				}
 
@@ -16325,15 +16328,11 @@ function create_fragment$j(ctx) {
 			}
 
 			if (!current || dirty[0] & /*indicatorListStyle*/ 16) {
-				attr(div0, "style", /*indicatorListStyle*/ ctx[4]);
+				attr(div1, "style", /*indicatorListStyle*/ ctx[4]);
 			}
 
 			if (!current || dirty[0] & /*layerId*/ 1) {
-				attr(div1, "data-layer-id", /*layerId*/ ctx[0]);
-			}
-
-			if (!current || dirty[0] & /*style*/ 64) {
-				attr(div1, "style", /*style*/ ctx[6]);
+				attr(div2, "data-layer-id", /*layerId*/ ctx[0]);
 			}
 		},
 		i(local) {
@@ -16346,9 +16345,9 @@ function create_fragment$j(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div1);
+			if (detaching) detach(div2);
 			if (default_slot) default_slot.d(detaching);
-			/*ul_binding*/ ctx[20](null);
+			/*ul_binding*/ ctx[19](null);
 			destroy_each(each_blocks, detaching);
 			mounted = false;
 			run_all(dispose);
@@ -16359,7 +16358,6 @@ function create_fragment$j(ctx) {
 function instance$j($$self, $$props, $$invalidate) {
 	let indicators;
 	let itemWidthPercentage;
-	let style;
 	let baseContainerStyle;
 	let containerStyle;
 	let indicatorListStyle;
@@ -16396,14 +16394,14 @@ function instance$j($$self, $$props, $$invalidate) {
 	};
 
 	const handleClickIndicator = index => {
-		$$invalidate(12, currentIndex = index);
+		$$invalidate(11, currentIndex = index);
 	};
 
 	const setChildCount = () => {
 		const count = slotElement?.children?.length ?? 0;
 
 		if (count !== childCount) {
-			$$invalidate(14, childCount = slotElement?.children?.length ?? 0);
+			$$invalidate(13, childCount = slotElement?.children?.length ?? 0);
 		}
 	};
 
@@ -16411,17 +16409,17 @@ function instance$j($$self, $$props, $$invalidate) {
 		console.log('toNext');
 
 		if (currentIndex < childCount - 1) {
-			$$invalidate(12, currentIndex = currentIndex + 1);
+			$$invalidate(11, currentIndex = currentIndex + 1);
 		} else if (props.loop) {
-			$$invalidate(12, currentIndex = 0);
+			$$invalidate(11, currentIndex = 0);
 		}
 	};
 
 	const toPrev = () => {
 		if (currentIndex > 0) {
-			$$invalidate(12, currentIndex = currentIndex - 1);
+			$$invalidate(11, currentIndex = currentIndex - 1);
 		} else if (props.loop) {
-			$$invalidate(12, currentIndex = childCount - 1);
+			$$invalidate(11, currentIndex = childCount - 1);
 		}
 	};
 
@@ -16433,7 +16431,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	};
 
 	const handleTouchmove = e => {
-		$$invalidate(13, movedX = startX - e.touches[0].clientX);
+		$$invalidate(12, movedX = startX - e.touches[0].clientX);
 
 		if (movedX > 10 || movedX < -10) {
 			isDragging = true;
@@ -16447,7 +16445,7 @@ function instance$j($$self, $$props, $$invalidate) {
 			toPrev();
 		}
 
-		$$invalidate(13, movedX = null);
+		$$invalidate(12, movedX = null);
 		document.removeEventListener('touchmove', handleTouchmove);
 		document.removeEventListener('touchend', handleTouchend);
 		document.removeEventListener('click', handleClick);
@@ -16462,7 +16460,7 @@ function instance$j($$self, $$props, $$invalidate) {
 	};
 
 	const handleMousemove = e => {
-		$$invalidate(13, movedX = startX - e.clientX);
+		$$invalidate(12, movedX = startX - e.clientX);
 
 		if (movedX > 10 || movedX < -10) {
 			isDragging = true;
@@ -16476,10 +16474,10 @@ function instance$j($$self, $$props, $$invalidate) {
 			toPrev();
 		}
 
-		$$invalidate(13, movedX = null);
+		$$invalidate(12, movedX = null);
 
 		if (isDragging) {
-			e.preventDefault();
+			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -16498,8 +16496,6 @@ function instance$j($$self, $$props, $$invalidate) {
 
 	onMount$1(() => {
 		setChildCount();
-
-		// const childCountTimer = setInterval(setChildCount, 300);
 		let autoSlideTimer;
 
 		if (props.auto) {
@@ -16528,32 +16524,32 @@ function instance$j($$self, $$props, $$invalidate) {
 
 	$$self.$$set = $$props => {
 		if ('layerId' in $$props) $$invalidate(0, layerId = $$props.layerId);
-		if ('props' in $$props) $$invalidate(11, props = $$props.props);
+		if ('props' in $$props) $$invalidate(10, props = $$props.props);
 		if ('overrideStyle' in $$props) $$invalidate(1, overrideStyle = $$props.overrideStyle);
-		if ('$$scope' in $$props) $$invalidate(18, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(17, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty[0] & /*slotElement*/ 4) {
 			if (slotElement) {
-				$$invalidate(14, childCount = slotElement.children.length);
+				$$invalidate(13, childCount = slotElement.children.length);
 			}
 		}
 
-		if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 20480) {
-			$$invalidate(7, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
+		if ($$self.$$.dirty[0] & /*childCount, currentIndex*/ 10240) {
+			$$invalidate(6, indicators = [...Array(childCount)].map((_, i) => ({ index: i, isActive: i === currentIndex })));
 		}
 
-		if ($$self.$$.dirty[0] & /*props*/ 2048) {
-			$$invalidate(17, itemWidthPercentage = props.itemWidthPercentage ?? 100);
+		if ($$self.$$.dirty[0] & /*props*/ 1024) {
+			$$invalidate(16, itemWidthPercentage = props.itemWidthPercentage ?? 100);
 		}
 
-		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] & /*currentIndex, childCount, movedX, itemWidthPercentage, props*/ 80896) {
+			$$invalidate(14, transformX = computeTransformX(currentIndex, childCount, movedX, itemWidthPercentage, props.gap ?? 0));
 		}
 
-		if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 141312) {
-			$$invalidate(16, baseContainerStyle = {
+		if ($$self.$$.dirty[0] & /*props, itemWidthPercentage, movedX*/ 70656) {
+			$$invalidate(15, baseContainerStyle = {
 				display: 'grid',
 				// marginInline: `-${props.gap}px`,
 				gap: `${props.gap}px`,
@@ -16566,7 +16562,7 @@ function instance$j($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 98304) {
+		if ($$self.$$.dirty[0] & /*baseContainerStyle, transformX*/ 49152) {
 			$$invalidate(5, containerStyle = objToStyle({
 				...baseContainerStyle,
 				transform: transformX
@@ -16574,8 +16570,6 @@ function instance$j($$self, $$props, $$invalidate) {
 		}
 	};
 
-	$$invalidate(6, style = objToStyle({ overflow: 'hidden', width: '100%' }));
-
 	$$invalidate(4, indicatorListStyle = objToStyle({
 		display: 'flex',
 		justifyContent: 'center',
@@ -16599,7 +16593,6 @@ function instance$j($$self, $$props, $$invalidate) {
 		indicatorItemStyle,
 		indicatorListStyle,
 		containerStyle,
-		style,
 		indicators,
 		handleClickIndicator,
 		handleTouchstart,
@@ -16621,7 +16614,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: 11, overrideStyle: 1 }, add_css$f, [-1, -1]);
+		init(this, options, instance$j, create_fragment$j, safe_not_equal, { layerId: 0, props: 10, overrideStyle: 1 }, add_css$f, [-1, -1]);
 	}
 }
 

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

@@ -5464,11 +5464,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-1slel1d"><ul class="slider-list svelte-1slel1d"><!></ul> <div></div></div>`);
+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>`);
 
 const $$css$e = {
-	hash: 'svelte-1slel1d',
-	code: '.slider-list.svelte-1slel1d {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
+	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;}'
 };
 
 function Slider($$anchor, $$props) {
@@ -5477,7 +5477,6 @@ function Slider($$anchor, $$props) {
 
 	const indicators = $.mutable_state();
 	const itemWidthPercentage = $.mutable_state();
-	const style = $.mutable_state();
 	const baseContainerStyle = $.mutable_state();
 	const containerStyle = $.mutable_state();
 	const indicatorListStyle = $.mutable_state();
@@ -5607,7 +5606,7 @@ function Slider($$anchor, $$props) {
 		$.set(movedX, null);
 
 		if (isDragging) {
-			e.preventDefault();
+			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -5627,7 +5626,6 @@ function Slider($$anchor, $$props) {
 	onMount$1(() => {
 		setChildCount();
 
-		// const childCountTimer = setInterval(setChildCount, 300);
 		let autoSlideTimer;
 
 		if (props().auto) {
@@ -5668,10 +5666,6 @@ function Slider($$anchor, $$props) {
 		$.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
 	});
 
-	$.legacy_pre_effect(() => (objToStyle), () => {
-		$.set(style, objToStyle({ overflow: 'hidden', width: '100%' }));
-	});
-
 	$.legacy_pre_effect(
 		() => (
 			$.get(currentIndex),
@@ -5743,16 +5737,18 @@ function Slider($$anchor, $$props) {
 	$.init();
 
 	var div = root$d();
-	var ul = $.child(div);
+	var div_1 = $.child(div);
+	var ul = $.child(div_1);
 	var node = $.child(ul);
 
 	$.slot(node, $$props, 'default', {}, null);
 	$.reset(ul);
 	$.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
+	$.reset(div_1);
 
-	var div_1 = $.sibling(ul, 2);
+	var div_2 = $.sibling(div_1, 2);
 
-	$.each(div_1, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
+	$.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
 		var button = root_1$2();
 		var i_1 = $.child(button);
 
@@ -5783,15 +5779,14 @@ function Slider($$anchor, $$props) {
 		$.append($$anchor, button);
 	});
 
-	$.reset(div_1);
+	$.reset(div_2);
 	$.reset(div);
 
 	$.template_effect(
 		($0) => {
 			$.set_attribute(div, 'data-layer-id', layerId());
-			$.set_style(div, $.get(style));
 			$.set_style(ul, $0);
-			$.set_style(div_1, $.get(indicatorListStyle));
+			$.set_style(div_2, $.get(indicatorListStyle));
 		},
 		[
 			() => [
@@ -5802,8 +5797,8 @@ function Slider($$anchor, $$props) {
 		$.derived_safe_equal
 	);
 
-	$.event('mousedown', ul, handleMousedown);
-	$.event('touchstart', ul, handleTouchstart);
+	$.event('mousedown', div_1, handleMousedown);
+	$.event('touchstart', div_1, handleTouchstart);
 	$.append($$anchor, div);
 	$.pop();
 }

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-1slel1d"><ul class="slider-list svelte-1slel1d"><!></ul> <div></div></div>`);
+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>`);
 
 const $$css$e = {
-	hash: 'svelte-1slel1d',
-	code: '.slider-list.svelte-1slel1d {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
+	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;}'
 };
 
 function Slider($$anchor, $$props) {
@@ -5443,7 +5443,6 @@ function Slider($$anchor, $$props) {
 
 	const indicators = $.mutable_state();
 	const itemWidthPercentage = $.mutable_state();
-	const style = $.mutable_state();
 	const baseContainerStyle = $.mutable_state();
 	const containerStyle = $.mutable_state();
 	const indicatorListStyle = $.mutable_state();
@@ -5573,7 +5572,7 @@ function Slider($$anchor, $$props) {
 		$.set(movedX, null);
 
 		if (isDragging) {
-			e.preventDefault();
+			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -5593,7 +5592,6 @@ function Slider($$anchor, $$props) {
 	onMount$1(() => {
 		setChildCount();
 
-		// const childCountTimer = setInterval(setChildCount, 300);
 		let autoSlideTimer;
 
 		if (props().auto) {
@@ -5634,10 +5632,6 @@ function Slider($$anchor, $$props) {
 		$.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
 	});
 
-	$.legacy_pre_effect(() => (objToStyle), () => {
-		$.set(style, objToStyle({ overflow: 'hidden', width: '100%' }));
-	});
-
 	$.legacy_pre_effect(
 		() => (
 			$.get(currentIndex),
@@ -5709,16 +5703,18 @@ function Slider($$anchor, $$props) {
 	$.init();
 
 	var div = root$d();
-	var ul = $.child(div);
+	var div_1 = $.child(div);
+	var ul = $.child(div_1);
 	var node = $.child(ul);
 
 	$.slot(node, $$props, 'default', {}, null);
 	$.reset(ul);
 	$.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
+	$.reset(div_1);
 
-	var div_1 = $.sibling(ul, 2);
+	var div_2 = $.sibling(div_1, 2);
 
-	$.each(div_1, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
+	$.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
 		var button = root_1$2();
 		var i_1 = $.child(button);
 
@@ -5749,15 +5745,14 @@ function Slider($$anchor, $$props) {
 		$.append($$anchor, button);
 	});
 
-	$.reset(div_1);
+	$.reset(div_2);
 	$.reset(div);
 
 	$.template_effect(
 		($0) => {
 			$.set_attribute(div, 'data-layer-id', layerId());
-			$.set_style(div, $.get(style));
 			$.set_style(ul, $0);
-			$.set_style(div_1, $.get(indicatorListStyle));
+			$.set_style(div_2, $.get(indicatorListStyle));
 		},
 		[
 			() => [
@@ -5768,8 +5763,8 @@ function Slider($$anchor, $$props) {
 		$.derived_safe_equal
 	);
 
-	$.event('mousedown', ul, handleMousedown);
-	$.event('touchstart', ul, handleTouchstart);
+	$.event('mousedown', div_1, handleMousedown);
+	$.event('touchstart', div_1, handleTouchstart);
 	$.append($$anchor, div);
 	$.pop();
 }

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-1slel1d"><ul class="slider-list svelte-1slel1d"><!></ul> <div></div></div>`);
+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>`);
 
 const $$css$e = {
-	hash: 'svelte-1slel1d',
-	code: '.slider-list.svelte-1slel1d {-webkit-user-drag:none;margin:0;padding:0;list-style:none;}'
+	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;}'
 };
 
 function Slider($$anchor, $$props) {
@@ -5443,7 +5443,6 @@ function Slider($$anchor, $$props) {
 
 	const indicators = $.mutable_state();
 	const itemWidthPercentage = $.mutable_state();
-	const style = $.mutable_state();
 	const baseContainerStyle = $.mutable_state();
 	const containerStyle = $.mutable_state();
 	const indicatorListStyle = $.mutable_state();
@@ -5573,7 +5572,7 @@ function Slider($$anchor, $$props) {
 		$.set(movedX, null);
 
 		if (isDragging) {
-			e.preventDefault();
+			// e.preventDefault()
 			e.stopPropagation();
 		}
 
@@ -5593,7 +5592,6 @@ function Slider($$anchor, $$props) {
 	onMount$1(() => {
 		setChildCount();
 
-		// const childCountTimer = setInterval(setChildCount, 300);
 		let autoSlideTimer;
 
 		if (props().auto) {
@@ -5634,10 +5632,6 @@ function Slider($$anchor, $$props) {
 		$.set(itemWidthPercentage, props().itemWidthPercentage ?? 100);
 	});
 
-	$.legacy_pre_effect(() => (objToStyle), () => {
-		$.set(style, objToStyle({ overflow: 'hidden', width: '100%' }));
-	});
-
 	$.legacy_pre_effect(
 		() => (
 			$.get(currentIndex),
@@ -5709,16 +5703,18 @@ function Slider($$anchor, $$props) {
 	$.init();
 
 	var div = root$d();
-	var ul = $.child(div);
+	var div_1 = $.child(div);
+	var ul = $.child(div_1);
 	var node = $.child(ul);
 
 	$.slot(node, $$props, 'default', {}, null);
 	$.reset(ul);
 	$.bind_this(ul, ($$value) => $.set(slotElement, $$value), () => $.get(slotElement));
+	$.reset(div_1);
 
-	var div_1 = $.sibling(ul, 2);
+	var div_2 = $.sibling(div_1, 2);
 
-	$.each(div_1, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
+	$.each(div_2, 5, () => $.get(indicators) ?? [], $.index, ($$anchor, indicator, i) => {
 		var button = root_1$2();
 		var i_1 = $.child(button);
 
@@ -5749,15 +5745,14 @@ function Slider($$anchor, $$props) {
 		$.append($$anchor, button);
 	});
 
-	$.reset(div_1);
+	$.reset(div_2);
 	$.reset(div);
 
 	$.template_effect(
 		($0) => {
 			$.set_attribute(div, 'data-layer-id', layerId());
-			$.set_style(div, $.get(style));
 			$.set_style(ul, $0);
-			$.set_style(div_1, $.get(indicatorListStyle));
+			$.set_style(div_2, $.get(indicatorListStyle));
 		},
 		[
 			() => [
@@ -5768,8 +5763,8 @@ function Slider($$anchor, $$props) {
 		$.derived_safe_equal
 	);
 
-	$.event('mousedown', ul, handleMousedown);
-	$.event('touchstart', ul, handleTouchstart);
+	$.event('mousedown', div_1, handleMousedown);
+	$.event('touchstart', div_1, handleTouchstart);
 	$.append($$anchor, div);
 	$.pop();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.268-29089806.0ded74d0",
+  "version": "1.1.268-29089896.0dceea5e",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",