@plaidev/karte-action-sdk 1.1.159-28012858.21df2a3f → 1.1.159-28012903.068ffccf

package/dist/hydrate/index.es.js

@@ -3992,6 +3992,8 @@ function create_fragment$r(ctx) {
 	};
 }
 
+const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
+
 function instance$r($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -4002,6 +4004,7 @@ function instance$r($$self, $$props, $$invalidate) {
 	let { z } = $$props;
 	let { background = 'transparent' } = $$props;
 	let { gridItemId } = $$props;
+	setContext(GRID_ITEM_CONTEXT_KEY, { gridItemId });
 
 	onMount$1(() => {
 		setMaximumZindex(z);
@@ -7359,12 +7362,12 @@ function add_css$a(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[58] = list[i];
-	child_ctx[60] = i;
+	child_ctx[61] = list[i];
+	child_ctx[63] = i;
 	return child_ctx;
 }
 
-// (357:2) {#if isVisiblePrevButton}
+// (371:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -7432,7 +7435,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (366:2) {#if isVisibleNextButton}
+// (380:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -7500,7 +7503,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (379:4) {#each items as _, i}
+// (393:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -7510,7 +7513,7 @@ function create_each_block(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[35](/*i*/ ctx[60]);
+		return /*click_handler*/ ctx[35](/*i*/ ctx[63]);
 	}
 
 	return {
@@ -7531,7 +7534,7 @@ function create_each_block(ctx) {
 		},
 		h() {
 			attr(div0, "class", "navigation-item-inner circle svelte-1wlcw5a");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]));
+			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
 			attr(div1, "class", "navigation-item svelte-1wlcw5a");
 			attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
 		},
@@ -7548,7 +7551,7 @@ function create_each_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]))) {
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
 				attr(div0, "style", div0_style_value);
 			}
 
@@ -7850,6 +7853,8 @@ function instance$b($$self, $$props, $$invalidate) {
 		}
 	});
 
+	const { gridItemId } = getContext(GRID_ITEM_CONTEXT_KEY);
+	const CHANGE_SLIDE_EVENT_NAME = `CHANGE_SLIDE_${gridItemId}`;
 	let containerElement;
 	let slideElement;
 	let containerWidth;
@@ -8051,6 +8056,20 @@ function instance$b($$self, $$props, $$invalidate) {
 		};
 	});
 
+	function handleChangeSlide(e) {
+		const index = e.detail.index;
+
+		if (index >= 0) {
+			set(index);
+		}
+	}
+
+	window.addEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+
+	onDestroy$1(() => {
+		window.removeEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+	});
+
 	async function prev() {
 		cancelTransition();
 		await fixSlidePosition();
@@ -8104,7 +8123,7 @@ function instance$b($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty[0] & /*transitioning*/ 536870912) {
-			$$invalidate(13, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
+			$$invalidate(13, slideClass = ['slide', ''].join(' '));
 		}
 
 		if ($$self.$$.dirty[0] & /*items, loop*/ 262146) {
@@ -8230,7 +8249,7 @@ class Slide extends SvelteComponent {
 				navigationEdgePosition: 26
 			},
 			add_css$a,
-			[-1, -1]
+			[-1, -1, -1]
 		);
 	}
 }
@@ -8364,7 +8383,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		unregisterItem(id);
 	});
 
-	let { _style = 'cursor: ' } = $$props;
+	let { _style = 'cursor: default;' } = $$props;
 	let itemWidth = null;
 	let itemTransform = 0;
 

package/dist/index.es.js

@@ -3919,6 +3919,8 @@ function create_fragment$r(ctx) {
 	};
 }
 
+const GRID_ITEM_CONTEXT_KEY = 'GRID_ITEM';
+
 function instance$r($$self, $$props, $$invalidate) {
 	let _style;
 	let { $$slots: slots = {}, $$scope } = $$props;
@@ -3929,6 +3931,7 @@ function instance$r($$self, $$props, $$invalidate) {
 	let { z } = $$props;
 	let { background = 'transparent' } = $$props;
 	let { gridItemId } = $$props;
+	setContext(GRID_ITEM_CONTEXT_KEY, { gridItemId });
 
 	onMount$1(() => {
 		setMaximumZindex(z);
@@ -6947,12 +6950,12 @@ function add_css$a(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[58] = list[i];
-	child_ctx[60] = i;
+	child_ctx[61] = list[i];
+	child_ctx[63] = i;
 	return child_ctx;
 }
 
-// (357:2) {#if isVisiblePrevButton}
+// (371:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -7003,7 +7006,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (366:2) {#if isVisibleNextButton}
+// (380:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -7054,7 +7057,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (379:4) {#each items as _, i}
+// (393:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -7064,7 +7067,7 @@ function create_each_block(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[35](/*i*/ ctx[60]);
+		return /*click_handler*/ ctx[35](/*i*/ ctx[63]);
 	}
 
 	return {
@@ -7073,7 +7076,7 @@ function create_each_block(ctx) {
 			div0 = element("div");
 			t = space();
 			attr(div0, "class", "navigation-item-inner circle svelte-1wlcw5a");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]));
+			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]));
 			attr(div1, "class", "navigation-item svelte-1wlcw5a");
 			attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
 		},
@@ -7090,7 +7093,7 @@ function create_each_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]))) {
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[63]))) {
 				attr(div0, "style", div0_style_value);
 			}
 
@@ -7363,6 +7366,8 @@ function instance$b($$self, $$props, $$invalidate) {
 		}
 	});
 
+	const { gridItemId } = getContext(GRID_ITEM_CONTEXT_KEY);
+	const CHANGE_SLIDE_EVENT_NAME = `CHANGE_SLIDE_${gridItemId}`;
 	let containerElement;
 	let slideElement;
 	let containerWidth;
@@ -7564,6 +7569,20 @@ function instance$b($$self, $$props, $$invalidate) {
 		};
 	});
 
+	function handleChangeSlide(e) {
+		const index = e.detail.index;
+
+		if (index >= 0) {
+			set(index);
+		}
+	}
+
+	window.addEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+
+	onDestroy$1(() => {
+		window.removeEventListener(CHANGE_SLIDE_EVENT_NAME, handleChangeSlide);
+	});
+
 	async function prev() {
 		cancelTransition();
 		await fixSlidePosition();
@@ -7743,7 +7762,7 @@ class Slide extends SvelteComponent {
 				navigationEdgePosition: 26
 			},
 			add_css$a,
-			[-1, -1]
+			[-1, -1, -1]
 		);
 	}
 }
@@ -7864,7 +7883,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		unregisterItem(id);
 	});
 
-	let { _style = 'cursor: ' } = $$props;
+	let { _style = 'cursor: default;' } = $$props;
 	let itemWidth = null;
 	let itemTransform = 0;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.159-28012858.21df2a3f",
+  "version": "1.1.159-28012903.068ffccf",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",