@plaidev/karte-action-sdk 1.1.143-27972314.e1a43341 → 1.1.143-27973887.953b1981

package/dist/hydrate/index.es.js

@@ -6605,12 +6605,12 @@ function add_css$9(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[57] = list[i];
-	child_ctx[59] = i;
+	child_ctx[58] = list[i];
+	child_ctx[60] = i;
 	return child_ctx;
 }
 
-// (349:2) {#if isVisiblePrevButton}
+// (357:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -6645,9 +6645,9 @@ function create_if_block_1(ctx) {
 			attr(polygon, "points", "8,0 10,2 4,8 10,14 8,16 0,8");
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-			attr(svg, "style", /*prevIconStyle*/ ctx[9]);
+			attr(svg, "style", /*prevIconStyle*/ ctx[10]);
 			attr(div0, "class", "button-container svelte-c7zaph");
-			attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
+			attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
 			attr(div1, "class", "prev-button svelte-c7zaph");
 		},
 		m(target, anchor) {
@@ -6657,17 +6657,17 @@ function create_if_block_1(ctx) {
 			append_hydration(svg, polygon);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*prev*/ ctx[14]);
+				dispose = listen(div1, "click", /*prev*/ ctx[15]);
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty[0] & /*prevIconStyle*/ 512) {
-				attr(svg, "style", /*prevIconStyle*/ ctx[9]);
+			if (dirty[0] & /*prevIconStyle*/ 1024) {
+				attr(svg, "style", /*prevIconStyle*/ ctx[10]);
 			}
 
-			if (dirty[0] & /*_prevButtonContainerStyle*/ 256) {
-				attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
+			if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
+				attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
 			}
 		},
 		d(detaching) {
@@ -6678,7 +6678,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (358:2) {#if isVisibleNextButton}
+// (366:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -6713,9 +6713,9 @@ function create_if_block$1(ctx) {
 			attr(polygon, "points", "2,0 10,8 2,16 0,14 6,8 0,2");
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-			attr(svg, "style", /*nextIconStyle*/ ctx[7]);
+			attr(svg, "style", /*nextIconStyle*/ ctx[8]);
 			attr(div0, "class", "button-container svelte-c7zaph");
-			attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
+			attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
 			attr(div1, "class", "next-button svelte-c7zaph");
 		},
 		m(target, anchor) {
@@ -6725,17 +6725,17 @@ function create_if_block$1(ctx) {
 			append_hydration(svg, polygon);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*next*/ ctx[15]);
+				dispose = listen(div1, "click", /*next*/ ctx[16]);
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty[0] & /*nextIconStyle*/ 128) {
-				attr(svg, "style", /*nextIconStyle*/ ctx[7]);
+			if (dirty[0] & /*nextIconStyle*/ 256) {
+				attr(svg, "style", /*nextIconStyle*/ ctx[8]);
 			}
 
-			if (dirty[0] & /*_nextButtonContainerStyle*/ 64) {
-				attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
+			if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
+				attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
 			}
 		},
 		d(detaching) {
@@ -6746,7 +6746,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (371:4) {#each items as _, i}
+// (379:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -6756,7 +6756,7 @@ function create_each_block(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[34](/*i*/ ctx[59]);
+		return /*click_handler*/ ctx[35](/*i*/ ctx[60]);
 	}
 
 	return {
@@ -6777,9 +6777,9 @@ function create_each_block(ctx) {
 		},
 		h() {
 			attr(div0, "class", "navigation-item-inner circle svelte-c7zaph");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]));
+			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]));
 			attr(div1, "class", "navigation-item svelte-c7zaph");
-			attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
+			attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div1, anchor);
@@ -6794,12 +6794,12 @@ function create_each_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 16 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]))) {
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]))) {
 				attr(div0, "style", div0_style_value);
 			}
 
-			if (dirty[0] & /*navigationItemStyle*/ 32) {
-				attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
+			if (dirty[0] & /*navigationItemStyle*/ 64) {
+				attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
 			}
 		},
 		d(detaching) {
@@ -6820,11 +6820,11 @@ function create_fragment$a(ctx) {
 	let t2;
 	let div2;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[31].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
-	let if_block0 = /*isVisiblePrevButton*/ ctx[11] && create_if_block_1(ctx);
-	let if_block1 = /*isVisibleNextButton*/ ctx[10] && create_if_block$1(ctx);
-	let each_value = /*items*/ ctx[0];
+	const default_slot_template = /*#slots*/ ctx[32].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
+	let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
+	let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$1(ctx);
+	let each_value = /*items*/ ctx[1];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -6853,7 +6853,7 @@ function create_fragment$a(ctx) {
 		l(nodes) {
 			div3 = claim_element(nodes, "DIV", { class: true });
 			var div3_nodes = children(div3);
-			div1 = claim_element(div3_nodes, "DIV", { class: true });
+			div1 = claim_element(div3_nodes, "DIV", { class: true, style: true });
 			var div1_nodes = children(div1);
 			div0 = claim_element(div1_nodes, "DIV", { class: true, style: true });
 			var div0_nodes = children(div0);
@@ -6877,11 +6877,12 @@ function create_fragment$a(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"));
-			attr(div0, "style", /*slideStyle*/ ctx[13]);
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-c7zaph"));
+			attr(div0, "style", /*slideStyle*/ ctx[14]);
 			attr(div1, "class", "container svelte-c7zaph");
+			attr(div1, "style", /*_style*/ ctx[0]);
 			attr(div2, "class", "navigation svelte-c7zaph");
-			attr(div2, "style", /*navigationStyle*/ ctx[3]);
+			attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			attr(div3, "class", "root svelte-c7zaph");
 		},
 		m(target, anchor) {
@@ -6893,8 +6894,8 @@ function create_fragment$a(ctx) {
 				default_slot.m(div0, null);
 			}
 
-			/*div0_binding*/ ctx[32](div0);
-			/*div1_binding*/ ctx[33](div1);
+			/*div0_binding*/ ctx[33](div0);
+			/*div1_binding*/ ctx[34](div1);
 			append_hydration(div3, t0);
 			if (if_block0) if_block0.m(div3, null);
 			append_hydration(div3, t1);
@@ -6910,29 +6911,33 @@ function create_fragment$a(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 1073741824)) {
+				if (default_slot.p && (!current || dirty[1] & /*$$scope*/ 1)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[30],
+						/*$$scope*/ ctx[31],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[30])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[30], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[31])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[31], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty[0] & /*slideClass*/ 4096 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"))) {
+			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-c7zaph"))) {
 				attr(div0, "class", div0_class_value);
 			}
 
-			if (!current || dirty[0] & /*slideStyle*/ 8192) {
-				attr(div0, "style", /*slideStyle*/ ctx[13]);
+			if (!current || dirty[0] & /*slideStyle*/ 16384) {
+				attr(div0, "style", /*slideStyle*/ ctx[14]);
+			}
+
+			if (!current || dirty[0] & /*_style*/ 1) {
+				attr(div1, "style", /*_style*/ ctx[0]);
 			}
 
-			if (/*isVisiblePrevButton*/ ctx[11]) {
+			if (/*isVisiblePrevButton*/ ctx[12]) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
@@ -6945,7 +6950,7 @@ function create_fragment$a(ctx) {
 				if_block0 = null;
 			}
 
-			if (/*isVisibleNextButton*/ ctx[10]) {
+			if (/*isVisibleNextButton*/ ctx[11]) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
@@ -6958,8 +6963,8 @@ function create_fragment$a(ctx) {
 				if_block1 = null;
 			}
 
-			if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 65585) {
-				each_value = /*items*/ ctx[0];
+			if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 131170) {
+				each_value = /*items*/ ctx[1];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -6981,8 +6986,8 @@ function create_fragment$a(ctx) {
 				each_blocks.length = each_value.length;
 			}
 
-			if (!current || dirty[0] & /*navigationStyle*/ 8) {
-				attr(div2, "style", /*navigationStyle*/ ctx[3]);
+			if (!current || dirty[0] & /*navigationStyle*/ 16) {
+				attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			}
 		},
 		i(local) {
@@ -6997,8 +7002,8 @@ function create_fragment$a(ctx) {
 		d(detaching) {
 			if (detaching) detach(div3);
 			if (default_slot) default_slot.d(detaching);
-			/*div0_binding*/ ctx[32](null);
-			/*div1_binding*/ ctx[33](null);
+			/*div0_binding*/ ctx[33](null);
+			/*div1_binding*/ ctx[34](null);
 			if (if_block0) if_block0.d();
 			if (if_block1) if_block1.d();
 			destroy_each(each_blocks, detaching);
@@ -7033,33 +7038,34 @@ function instance$a($$self, $$props, $$invalidate) {
 	let navigationStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { loop = false } = $$props;
+	let { _style = '' } = $$props;
 
-	let { prevButton = {
+	let { nextButton = {
 		type: 'icon',
-		icon: 'chevron-left',
+		icon: 'chevron-right',
 		color: '#666',
 		fill: '#666',
 		size: '20px'
 	} } = $$props;
 
-	let { prevButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
+	let { nextButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
 
-	let { prevButtonEdgePosition = {
+	let { nextButtonEdgePosition = {
 		edgeDistance: '8px',
 		edgeDirectionOffset: '0px'
 	} } = $$props;
 
-	let { nextButton = {
+	let { prevButton = {
 		type: 'icon',
-		icon: 'chevron-right',
+		icon: 'chevron-left',
 		color: '#666',
 		fill: '#666',
 		size: '20px'
 	} } = $$props;
 
-	let { nextButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
+	let { prevButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
 
-	let { nextButtonEdgePosition = {
+	let { prevButtonEdgePosition = {
 		edgeDistance: '8px',
 		edgeDirectionOffset: '0px'
 	} } = $$props;
@@ -7082,11 +7088,11 @@ function instance$a($$self, $$props, $$invalidate) {
 	setContext('SLIDE', {
 		registerItem: ({ onBeforeSlide, onMount, onResize }) => {
 			const id = new Date().getTime().toString();
-			$$invalidate(0, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
+			$$invalidate(1, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
 			return id;
 		},
 		unregisterItem: id => {
-			$$invalidate(0, items = items.filter(item => item.id !== id));
+			$$invalidate(1, items = items.filter(item => item.id !== id));
 		}
 	});
 
@@ -7113,7 +7119,7 @@ function instance$a($$self, $$props, $$invalidate) {
 						onBeforeSlide({ shiftCount, index, length: items.length });
 					});
 
-					$$invalidate(27, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
+					$$invalidate(28, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
 					previousShiftCount = shiftCount;
 					resolve();
 				});
@@ -7124,8 +7130,8 @@ function instance$a($$self, $$props, $$invalidate) {
 		if (transitioning) {
 			const slideRect = slideElement.getBoundingClientRect();
 			const containerRect = containerElement.getBoundingClientRect();
-			$$invalidate(28, transitioning = false);
-			$$invalidate(27, slidePosition = slideRect.x - containerRect.x);
+			$$invalidate(29, transitioning = false);
+			$$invalidate(28, slidePosition = slideRect.x - containerRect.x);
 		}
 	}
 
@@ -7145,10 +7151,10 @@ function instance$a($$self, $$props, $$invalidate) {
 				}
 			}
 
-			$$invalidate(28, transitioning = true);
-			$$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
+			$$invalidate(29, transitioning = true);
+			$$invalidate(28, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
 			dispatch('change', { nextIndex: slideIndex });
-			$$invalidate(26, currentSlideId = slideIndex);
+			$$invalidate(27, currentSlideId = slideIndex);
 		});
 	}
 
@@ -7170,7 +7176,7 @@ function instance$a($$self, $$props, $$invalidate) {
 			const updatedSlidePosition = slidePosition + dx;
 
 			window.requestAnimationFrame(() => {
-				$$invalidate(27, slidePosition = updatedSlidePosition);
+				$$invalidate(28, slidePosition = updatedSlidePosition);
 			});
 		}
 
@@ -7190,7 +7196,7 @@ function instance$a($$self, $$props, $$invalidate) {
 			});
 		});
 
-		$$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
+		$$invalidate(28, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
 	}
 
 	function handleMoveEnd() {
@@ -7243,7 +7249,7 @@ function instance$a($$self, $$props, $$invalidate) {
 	}
 
 	function handleTransitionEnd() {
-		$$invalidate(28, transitioning = false);
+		$$invalidate(29, transitioning = false);
 		fixSlidePosition();
 	}
 
@@ -7254,7 +7260,7 @@ function instance$a($$self, $$props, $$invalidate) {
 			item.onMount({ containerElement });
 		});
 
-		$$invalidate(26, currentSlideId = 0);
+		$$invalidate(27, currentSlideId = 0);
 
 		if (_loop) {
 			await fixSlidePosition();
@@ -7311,61 +7317,62 @@ function instance$a($$self, $$props, $$invalidate) {
 	function div0_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			slideElement = $$value;
-			$$invalidate(2, slideElement);
+			$$invalidate(3, slideElement);
 		});
 	}
 
 	function div1_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			containerElement = $$value;
-			$$invalidate(1, containerElement);
+			$$invalidate(2, containerElement);
 		});
 	}
 
 	const click_handler = i => set(i);
 
 	$$self.$$set = $$props => {
-		if ('loop' in $$props) $$invalidate(17, loop = $$props.loop);
-		if ('prevButton' in $$props) $$invalidate(18, prevButton = $$props.prevButton);
-		if ('prevButtonContainerStyle' in $$props) $$invalidate(19, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
-		if ('prevButtonEdgePosition' in $$props) $$invalidate(20, prevButtonEdgePosition = $$props.prevButtonEdgePosition);
-		if ('nextButton' in $$props) $$invalidate(21, nextButton = $$props.nextButton);
-		if ('nextButtonContainerStyle' in $$props) $$invalidate(22, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
-		if ('nextButtonEdgePosition' in $$props) $$invalidate(23, nextButtonEdgePosition = $$props.nextButtonEdgePosition);
-		if ('navigationButton' in $$props) $$invalidate(24, navigationButton = $$props.navigationButton);
-		if ('navigationEdgePosition' in $$props) $$invalidate(25, navigationEdgePosition = $$props.navigationEdgePosition);
-		if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
+		if ('loop' in $$props) $$invalidate(18, loop = $$props.loop);
+		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
+		if ('nextButton' in $$props) $$invalidate(19, nextButton = $$props.nextButton);
+		if ('nextButtonContainerStyle' in $$props) $$invalidate(20, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
+		if ('nextButtonEdgePosition' in $$props) $$invalidate(21, nextButtonEdgePosition = $$props.nextButtonEdgePosition);
+		if ('prevButton' in $$props) $$invalidate(22, prevButton = $$props.prevButton);
+		if ('prevButtonContainerStyle' in $$props) $$invalidate(23, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
+		if ('prevButtonEdgePosition' in $$props) $$invalidate(24, prevButtonEdgePosition = $$props.prevButtonEdgePosition);
+		if ('navigationButton' in $$props) $$invalidate(25, navigationButton = $$props.navigationButton);
+		if ('navigationEdgePosition' in $$props) $$invalidate(26, navigationEdgePosition = $$props.navigationEdgePosition);
+		if ('$$scope' in $$props) $$invalidate(31, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty[0] & /*slidePosition*/ 134217728) {
-			$$invalidate(13, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
+		if ($$self.$$.dirty[0] & /*slidePosition*/ 268435456) {
+			$$invalidate(14, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
 		}
 
-		if ($$self.$$.dirty[0] & /*transitioning*/ 268435456) {
-			$$invalidate(12, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
+		if ($$self.$$.dirty[0] & /*transitioning*/ 536870912) {
+			$$invalidate(13, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
 		}
 
-		if ($$self.$$.dirty[0] & /*items, loop*/ 131073) {
-			$$invalidate(29, _loop = items.length >= 3 ? loop : false);
+		if ($$self.$$.dirty[0] & /*items, loop*/ 262146) {
+			$$invalidate(30, _loop = items.length >= 3 ? loop : false);
 		}
 
-		if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 603979776) {
-			$$invalidate(11, isVisiblePrevButton = _loop || currentSlideId > 0);
+		if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 1207959552) {
+			$$invalidate(12, isVisiblePrevButton = _loop || currentSlideId > 0);
 		}
 
-		if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 603979777) {
-			$$invalidate(10, isVisibleNextButton = _loop || currentSlideId < items.length - 1);
+		if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 1207959554) {
+			$$invalidate(11, isVisibleNextButton = _loop || currentSlideId < items.length - 1);
 		}
 
-		if ($$self.$$.dirty[0] & /*prevButton*/ 262144) {
-			$$invalidate(9, prevIconStyle = prevButton.type === 'icon'
+		if ($$self.$$.dirty[0] & /*prevButton*/ 4194304) {
+			$$invalidate(10, prevIconStyle = prevButton.type === 'icon'
 			? `height: ${prevButton.size}; fill: ${prevButton.color};`
 			: '');
 		}
 
-		if ($$self.$$.dirty[0] & /*prevButtonEdgePosition, prevButtonContainerStyle*/ 1572864) {
-			$$invalidate(8, _prevButtonContainerStyle = (() => {
+		if ($$self.$$.dirty[0] & /*prevButtonEdgePosition, prevButtonContainerStyle*/ 25165824) {
+			$$invalidate(9, _prevButtonContainerStyle = (() => {
 				const marginLeft = prevButtonEdgePosition.edgeDistance;
 				const marginTop = prevButtonEdgePosition.edgeDirectionOffset;
 				const marginString = `margin:${marginTop} 0 0 ${marginLeft}`;
@@ -7373,14 +7380,14 @@ function instance$a($$self, $$props, $$invalidate) {
 			})());
 		}
 
-		if ($$self.$$.dirty[0] & /*nextButton*/ 2097152) {
-			$$invalidate(7, nextIconStyle = nextButton.type === 'icon'
+		if ($$self.$$.dirty[0] & /*nextButton*/ 524288) {
+			$$invalidate(8, nextIconStyle = nextButton.type === 'icon'
 			? `height: ${nextButton.size}; fill: ${nextButton.color};`
 			: '');
 		}
 
-		if ($$self.$$.dirty[0] & /*nextButtonEdgePosition, nextButtonContainerStyle*/ 12582912) {
-			$$invalidate(6, _nextButtonContainerStyle = (() => {
+		if ($$self.$$.dirty[0] & /*nextButtonEdgePosition, nextButtonContainerStyle*/ 3145728) {
+			$$invalidate(7, _nextButtonContainerStyle = (() => {
 				const marginRight = nextButtonEdgePosition.edgeDistance;
 				const marginTop = nextButtonEdgePosition.edgeDirectionOffset;
 				const marginString = `margin:${marginTop} ${marginRight} 0 0`;
@@ -7388,12 +7395,12 @@ function instance$a($$self, $$props, $$invalidate) {
 			})());
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationButton*/ 16777216) {
-			$$invalidate(5, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
+		if ($$self.$$.dirty[0] & /*navigationButton*/ 33554432) {
+			$$invalidate(6, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 83886080) {
-			$$invalidate(4, getNavigationItemInnerStyle = i => `
+		if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 167772160) {
+			$$invalidate(5, getNavigationItemInnerStyle = i => `
 width: ${navigationButton.size};
 height: ${navigationButton.size};
 background-color: ${i === currentSlideId
@@ -7401,12 +7408,13 @@ background-color: ${i === currentSlideId
 			: navigationButton.color};`);
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationEdgePosition*/ 33554432) {
-			$$invalidate(3, navigationStyle = `margin:0 0 ${navigationEdgePosition.edgeDistance} ${navigationEdgePosition.edgeDirectionOffset}`);
+		if ($$self.$$.dirty[0] & /*navigationEdgePosition*/ 67108864) {
+			$$invalidate(4, navigationStyle = `margin:0 0 ${navigationEdgePosition.edgeDistance} ${navigationEdgePosition.edgeDirectionOffset}`);
 		}
 	};
 
 	return [
+		_style,
 		items,
 		containerElement,
 		slideElement,
@@ -7425,12 +7433,12 @@ background-color: ${i === currentSlideId
 		next,
 		set,
 		loop,
-		prevButton,
-		prevButtonContainerStyle,
-		prevButtonEdgePosition,
 		nextButton,
 		nextButtonContainerStyle,
 		nextButtonEdgePosition,
+		prevButton,
+		prevButtonContainerStyle,
+		prevButtonEdgePosition,
 		navigationButton,
 		navigationEdgePosition,
 		currentSlideId,
@@ -7456,15 +7464,16 @@ class Slide extends SvelteComponent {
 			create_fragment$a,
 			safe_not_equal,
 			{
-				loop: 17,
-				prevButton: 18,
-				prevButtonContainerStyle: 19,
-				prevButtonEdgePosition: 20,
-				nextButton: 21,
-				nextButtonContainerStyle: 22,
-				nextButtonEdgePosition: 23,
-				navigationButton: 24,
-				navigationEdgePosition: 25
+				loop: 18,
+				_style: 0,
+				nextButton: 19,
+				nextButtonContainerStyle: 20,
+				nextButtonEdgePosition: 21,
+				prevButton: 22,
+				prevButtonContainerStyle: 23,
+				prevButtonEdgePosition: 24,
+				navigationButton: 25,
+				navigationEdgePosition: 26
 			},
 			add_css$9,
 			[-1, -1]

package/dist/index.es.js

@@ -6274,12 +6274,12 @@ function add_css$9(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[57] = list[i];
-	child_ctx[59] = i;
+	child_ctx[58] = list[i];
+	child_ctx[60] = i;
 	return child_ctx;
 }
 
-// (349:2) {#if isVisiblePrevButton}
+// (357:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -6297,9 +6297,9 @@ function create_if_block_1(ctx) {
 			attr(polygon, "points", "8,0 10,2 4,8 10,14 8,16 0,8");
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-			attr(svg, "style", /*prevIconStyle*/ ctx[9]);
+			attr(svg, "style", /*prevIconStyle*/ ctx[10]);
 			attr(div0, "class", "button-container svelte-c7zaph");
-			attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
+			attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
 			attr(div1, "class", "prev-button svelte-c7zaph");
 		},
 		m(target, anchor) {
@@ -6309,17 +6309,17 @@ function create_if_block_1(ctx) {
 			append(svg, polygon);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*prev*/ ctx[14]);
+				dispose = listen(div1, "click", /*prev*/ ctx[15]);
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty[0] & /*prevIconStyle*/ 512) {
-				attr(svg, "style", /*prevIconStyle*/ ctx[9]);
+			if (dirty[0] & /*prevIconStyle*/ 1024) {
+				attr(svg, "style", /*prevIconStyle*/ ctx[10]);
 			}
 
-			if (dirty[0] & /*_prevButtonContainerStyle*/ 256) {
-				attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[8]);
+			if (dirty[0] & /*_prevButtonContainerStyle*/ 512) {
+				attr(div0, "style", /*_prevButtonContainerStyle*/ ctx[9]);
 			}
 		},
 		d(detaching) {
@@ -6330,7 +6330,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (358:2) {#if isVisibleNextButton}
+// (366:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -6348,9 +6348,9 @@ function create_if_block$1(ctx) {
 			attr(polygon, "points", "2,0 10,8 2,16 0,14 6,8 0,2");
 			attr(svg, "viewBox", "0 0 10 16");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
-			attr(svg, "style", /*nextIconStyle*/ ctx[7]);
+			attr(svg, "style", /*nextIconStyle*/ ctx[8]);
 			attr(div0, "class", "button-container svelte-c7zaph");
-			attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
+			attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
 			attr(div1, "class", "next-button svelte-c7zaph");
 		},
 		m(target, anchor) {
@@ -6360,17 +6360,17 @@ function create_if_block$1(ctx) {
 			append(svg, polygon);
 
 			if (!mounted) {
-				dispose = listen(div1, "click", /*next*/ ctx[15]);
+				dispose = listen(div1, "click", /*next*/ ctx[16]);
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
-			if (dirty[0] & /*nextIconStyle*/ 128) {
-				attr(svg, "style", /*nextIconStyle*/ ctx[7]);
+			if (dirty[0] & /*nextIconStyle*/ 256) {
+				attr(svg, "style", /*nextIconStyle*/ ctx[8]);
 			}
 
-			if (dirty[0] & /*_nextButtonContainerStyle*/ 64) {
-				attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[6]);
+			if (dirty[0] & /*_nextButtonContainerStyle*/ 128) {
+				attr(div0, "style", /*_nextButtonContainerStyle*/ ctx[7]);
 			}
 		},
 		d(detaching) {
@@ -6381,7 +6381,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (371:4) {#each items as _, i}
+// (379:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -6391,7 +6391,7 @@ function create_each_block(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[34](/*i*/ ctx[59]);
+		return /*click_handler*/ ctx[35](/*i*/ ctx[60]);
 	}
 
 	return {
@@ -6400,9 +6400,9 @@ function create_each_block(ctx) {
 			div0 = element("div");
 			t = space();
 			attr(div0, "class", "navigation-item-inner circle svelte-c7zaph");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]));
+			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]));
 			attr(div1, "class", "navigation-item svelte-c7zaph");
-			attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
+			attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -6417,12 +6417,12 @@ function create_each_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 16 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[4](/*i*/ ctx[59]))) {
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 32 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[5](/*i*/ ctx[60]))) {
 				attr(div0, "style", div0_style_value);
 			}
 
-			if (dirty[0] & /*navigationItemStyle*/ 32) {
-				attr(div1, "style", /*navigationItemStyle*/ ctx[5]);
+			if (dirty[0] & /*navigationItemStyle*/ 64) {
+				attr(div1, "style", /*navigationItemStyle*/ ctx[6]);
 			}
 		},
 		d(detaching) {
@@ -6443,11 +6443,11 @@ function create_fragment$a(ctx) {
 	let t2;
 	let div2;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[31].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
-	let if_block0 = /*isVisiblePrevButton*/ ctx[11] && create_if_block_1(ctx);
-	let if_block1 = /*isVisibleNextButton*/ ctx[10] && create_if_block$1(ctx);
-	let each_value = /*items*/ ctx[0];
+	const default_slot_template = /*#slots*/ ctx[32].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[31], null);
+	let if_block0 = /*isVisiblePrevButton*/ ctx[12] && create_if_block_1(ctx);
+	let if_block1 = /*isVisibleNextButton*/ ctx[11] && create_if_block$1(ctx);
+	let each_value = /*items*/ ctx[1];
 	let each_blocks = [];
 
 	for (let i = 0; i < each_value.length; i += 1) {
@@ -6471,11 +6471,12 @@ function create_fragment$a(ctx) {
 				each_blocks[i].c();
 			}
 
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"));
-			attr(div0, "style", /*slideStyle*/ ctx[13]);
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-c7zaph"));
+			attr(div0, "style", /*slideStyle*/ ctx[14]);
 			attr(div1, "class", "container svelte-c7zaph");
+			attr(div1, "style", /*_style*/ ctx[0]);
 			attr(div2, "class", "navigation svelte-c7zaph");
-			attr(div2, "style", /*navigationStyle*/ ctx[3]);
+			attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			attr(div3, "class", "root svelte-c7zaph");
 		},
 		m(target, anchor) {
@@ -6487,8 +6488,8 @@ function create_fragment$a(ctx) {
 				default_slot.m(div0, null);
 			}
 
-			/*div0_binding*/ ctx[32](div0);
-			/*div1_binding*/ ctx[33](div1);
+			/*div0_binding*/ ctx[33](div0);
+			/*div1_binding*/ ctx[34](div1);
 			append(div3, t0);
 			if (if_block0) if_block0.m(div3, null);
 			append(div3, t1);
@@ -6504,29 +6505,33 @@ function create_fragment$a(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 1073741824)) {
+				if (default_slot.p && (!current || dirty[1] & /*$$scope*/ 1)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[30],
+						/*$$scope*/ ctx[31],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[30])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[30], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[31])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[31], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty[0] & /*slideClass*/ 4096 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-c7zaph"))) {
+			if (!current || dirty[0] & /*slideClass*/ 8192 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[13]) + " svelte-c7zaph"))) {
 				attr(div0, "class", div0_class_value);
 			}
 
-			if (!current || dirty[0] & /*slideStyle*/ 8192) {
-				attr(div0, "style", /*slideStyle*/ ctx[13]);
+			if (!current || dirty[0] & /*slideStyle*/ 16384) {
+				attr(div0, "style", /*slideStyle*/ ctx[14]);
+			}
+
+			if (!current || dirty[0] & /*_style*/ 1) {
+				attr(div1, "style", /*_style*/ ctx[0]);
 			}
 
-			if (/*isVisiblePrevButton*/ ctx[11]) {
+			if (/*isVisiblePrevButton*/ ctx[12]) {
 				if (if_block0) {
 					if_block0.p(ctx, dirty);
 				} else {
@@ -6539,7 +6544,7 @@ function create_fragment$a(ctx) {
 				if_block0 = null;
 			}
 
-			if (/*isVisibleNextButton*/ ctx[10]) {
+			if (/*isVisibleNextButton*/ ctx[11]) {
 				if (if_block1) {
 					if_block1.p(ctx, dirty);
 				} else {
@@ -6552,8 +6557,8 @@ function create_fragment$a(ctx) {
 				if_block1 = null;
 			}
 
-			if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 65585) {
-				each_value = /*items*/ ctx[0];
+			if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 131170) {
+				each_value = /*items*/ ctx[1];
 				let i;
 
 				for (i = 0; i < each_value.length; i += 1) {
@@ -6575,8 +6580,8 @@ function create_fragment$a(ctx) {
 				each_blocks.length = each_value.length;
 			}
 
-			if (!current || dirty[0] & /*navigationStyle*/ 8) {
-				attr(div2, "style", /*navigationStyle*/ ctx[3]);
+			if (!current || dirty[0] & /*navigationStyle*/ 16) {
+				attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			}
 		},
 		i(local) {
@@ -6591,8 +6596,8 @@ function create_fragment$a(ctx) {
 		d(detaching) {
 			if (detaching) detach(div3);
 			if (default_slot) default_slot.d(detaching);
-			/*div0_binding*/ ctx[32](null);
-			/*div1_binding*/ ctx[33](null);
+			/*div0_binding*/ ctx[33](null);
+			/*div1_binding*/ ctx[34](null);
 			if (if_block0) if_block0.d();
 			if (if_block1) if_block1.d();
 			destroy_each(each_blocks, detaching);
@@ -6627,33 +6632,34 @@ function instance$a($$self, $$props, $$invalidate) {
 	let navigationStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { loop = false } = $$props;
+	let { _style = '' } = $$props;
 
-	let { prevButton = {
+	let { nextButton = {
 		type: 'icon',
-		icon: 'chevron-left',
+		icon: 'chevron-right',
 		color: '#666',
 		fill: '#666',
 		size: '20px'
 	} } = $$props;
 
-	let { prevButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
+	let { nextButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
 
-	let { prevButtonEdgePosition = {
+	let { nextButtonEdgePosition = {
 		edgeDistance: '8px',
 		edgeDirectionOffset: '0px'
 	} } = $$props;
 
-	let { nextButton = {
+	let { prevButton = {
 		type: 'icon',
-		icon: 'chevron-right',
+		icon: 'chevron-left',
 		color: '#666',
 		fill: '#666',
 		size: '20px'
 	} } = $$props;
 
-	let { nextButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
+	let { prevButtonContainerStyle = 'height: 48px; width: 24px;' } = $$props;
 
-	let { nextButtonEdgePosition = {
+	let { prevButtonEdgePosition = {
 		edgeDistance: '8px',
 		edgeDirectionOffset: '0px'
 	} } = $$props;
@@ -6676,11 +6682,11 @@ function instance$a($$self, $$props, $$invalidate) {
 	setContext('SLIDE', {
 		registerItem: ({ onBeforeSlide, onMount, onResize }) => {
 			const id = new Date().getTime().toString();
-			$$invalidate(0, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
+			$$invalidate(1, items = [...items, { id, onBeforeSlide, onMount, onResize }]);
 			return id;
 		},
 		unregisterItem: id => {
-			$$invalidate(0, items = items.filter(item => item.id !== id));
+			$$invalidate(1, items = items.filter(item => item.id !== id));
 		}
 	});
 
@@ -6707,7 +6713,7 @@ function instance$a($$self, $$props, $$invalidate) {
 						onBeforeSlide({ shiftCount, index, length: items.length });
 					});
 
-					$$invalidate(27, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
+					$$invalidate(28, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
 					previousShiftCount = shiftCount;
 					resolve();
 				});
@@ -6718,8 +6724,8 @@ function instance$a($$self, $$props, $$invalidate) {
 		if (transitioning) {
 			const slideRect = slideElement.getBoundingClientRect();
 			const containerRect = containerElement.getBoundingClientRect();
-			$$invalidate(28, transitioning = false);
-			$$invalidate(27, slidePosition = slideRect.x - containerRect.x);
+			$$invalidate(29, transitioning = false);
+			$$invalidate(28, slidePosition = slideRect.x - containerRect.x);
 		}
 	}
 
@@ -6739,10 +6745,10 @@ function instance$a($$self, $$props, $$invalidate) {
 				}
 			}
 
-			$$invalidate(28, transitioning = true);
-			$$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
+			$$invalidate(29, transitioning = true);
+			$$invalidate(28, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
 			dispatch('change', { nextIndex: slideIndex });
-			$$invalidate(26, currentSlideId = slideIndex);
+			$$invalidate(27, currentSlideId = slideIndex);
 		});
 	}
 
@@ -6764,7 +6770,7 @@ function instance$a($$self, $$props, $$invalidate) {
 			const updatedSlidePosition = slidePosition + dx;
 
 			window.requestAnimationFrame(() => {
-				$$invalidate(27, slidePosition = updatedSlidePosition);
+				$$invalidate(28, slidePosition = updatedSlidePosition);
 			});
 		}
 
@@ -6784,7 +6790,7 @@ function instance$a($$self, $$props, $$invalidate) {
 			});
 		});
 
-		$$invalidate(27, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
+		$$invalidate(28, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
 	}
 
 	function handleMoveEnd() {
@@ -6837,7 +6843,7 @@ function instance$a($$self, $$props, $$invalidate) {
 	}
 
 	function handleTransitionEnd() {
-		$$invalidate(28, transitioning = false);
+		$$invalidate(29, transitioning = false);
 		fixSlidePosition();
 	}
 
@@ -6848,7 +6854,7 @@ function instance$a($$self, $$props, $$invalidate) {
 			item.onMount({ containerElement });
 		});
 
-		$$invalidate(26, currentSlideId = 0);
+		$$invalidate(27, currentSlideId = 0);
 
 		if (_loop) {
 			await fixSlidePosition();
@@ -6905,61 +6911,62 @@ function instance$a($$self, $$props, $$invalidate) {
 	function div0_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			slideElement = $$value;
-			$$invalidate(2, slideElement);
+			$$invalidate(3, slideElement);
 		});
 	}
 
 	function div1_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
 			containerElement = $$value;
-			$$invalidate(1, containerElement);
+			$$invalidate(2, containerElement);
 		});
 	}
 
 	const click_handler = i => set(i);
 
 	$$self.$$set = $$props => {
-		if ('loop' in $$props) $$invalidate(17, loop = $$props.loop);
-		if ('prevButton' in $$props) $$invalidate(18, prevButton = $$props.prevButton);
-		if ('prevButtonContainerStyle' in $$props) $$invalidate(19, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
-		if ('prevButtonEdgePosition' in $$props) $$invalidate(20, prevButtonEdgePosition = $$props.prevButtonEdgePosition);
-		if ('nextButton' in $$props) $$invalidate(21, nextButton = $$props.nextButton);
-		if ('nextButtonContainerStyle' in $$props) $$invalidate(22, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
-		if ('nextButtonEdgePosition' in $$props) $$invalidate(23, nextButtonEdgePosition = $$props.nextButtonEdgePosition);
-		if ('navigationButton' in $$props) $$invalidate(24, navigationButton = $$props.navigationButton);
-		if ('navigationEdgePosition' in $$props) $$invalidate(25, navigationEdgePosition = $$props.navigationEdgePosition);
-		if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
+		if ('loop' in $$props) $$invalidate(18, loop = $$props.loop);
+		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
+		if ('nextButton' in $$props) $$invalidate(19, nextButton = $$props.nextButton);
+		if ('nextButtonContainerStyle' in $$props) $$invalidate(20, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
+		if ('nextButtonEdgePosition' in $$props) $$invalidate(21, nextButtonEdgePosition = $$props.nextButtonEdgePosition);
+		if ('prevButton' in $$props) $$invalidate(22, prevButton = $$props.prevButton);
+		if ('prevButtonContainerStyle' in $$props) $$invalidate(23, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
+		if ('prevButtonEdgePosition' in $$props) $$invalidate(24, prevButtonEdgePosition = $$props.prevButtonEdgePosition);
+		if ('navigationButton' in $$props) $$invalidate(25, navigationButton = $$props.navigationButton);
+		if ('navigationEdgePosition' in $$props) $$invalidate(26, navigationEdgePosition = $$props.navigationEdgePosition);
+		if ('$$scope' in $$props) $$invalidate(31, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty[0] & /*slidePosition*/ 134217728) {
-			$$invalidate(13, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
+		if ($$self.$$.dirty[0] & /*slidePosition*/ 268435456) {
+			$$invalidate(14, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
 		}
 
-		if ($$self.$$.dirty[0] & /*transitioning*/ 268435456) {
-			$$invalidate(12, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
+		if ($$self.$$.dirty[0] & /*transitioning*/ 536870912) {
+			$$invalidate(13, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
 		}
 
-		if ($$self.$$.dirty[0] & /*items, loop*/ 131073) {
-			$$invalidate(29, _loop = items.length >= 3 ? loop : false);
+		if ($$self.$$.dirty[0] & /*items, loop*/ 262146) {
+			$$invalidate(30, _loop = items.length >= 3 ? loop : false);
 		}
 
-		if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 603979776) {
-			$$invalidate(11, isVisiblePrevButton = _loop || currentSlideId > 0);
+		if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 1207959552) {
+			$$invalidate(12, isVisiblePrevButton = _loop || currentSlideId > 0);
 		}
 
-		if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 603979777) {
-			$$invalidate(10, isVisibleNextButton = _loop || currentSlideId < items.length - 1);
+		if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 1207959554) {
+			$$invalidate(11, isVisibleNextButton = _loop || currentSlideId < items.length - 1);
 		}
 
-		if ($$self.$$.dirty[0] & /*prevButton*/ 262144) {
-			$$invalidate(9, prevIconStyle = prevButton.type === 'icon'
+		if ($$self.$$.dirty[0] & /*prevButton*/ 4194304) {
+			$$invalidate(10, prevIconStyle = prevButton.type === 'icon'
 			? `height: ${prevButton.size}; fill: ${prevButton.color};`
 			: '');
 		}
 
-		if ($$self.$$.dirty[0] & /*prevButtonEdgePosition, prevButtonContainerStyle*/ 1572864) {
-			$$invalidate(8, _prevButtonContainerStyle = (() => {
+		if ($$self.$$.dirty[0] & /*prevButtonEdgePosition, prevButtonContainerStyle*/ 25165824) {
+			$$invalidate(9, _prevButtonContainerStyle = (() => {
 				const marginLeft = prevButtonEdgePosition.edgeDistance;
 				const marginTop = prevButtonEdgePosition.edgeDirectionOffset;
 				const marginString = `margin:${marginTop} 0 0 ${marginLeft}`;
@@ -6967,14 +6974,14 @@ function instance$a($$self, $$props, $$invalidate) {
 			})());
 		}
 
-		if ($$self.$$.dirty[0] & /*nextButton*/ 2097152) {
-			$$invalidate(7, nextIconStyle = nextButton.type === 'icon'
+		if ($$self.$$.dirty[0] & /*nextButton*/ 524288) {
+			$$invalidate(8, nextIconStyle = nextButton.type === 'icon'
 			? `height: ${nextButton.size}; fill: ${nextButton.color};`
 			: '');
 		}
 
-		if ($$self.$$.dirty[0] & /*nextButtonEdgePosition, nextButtonContainerStyle*/ 12582912) {
-			$$invalidate(6, _nextButtonContainerStyle = (() => {
+		if ($$self.$$.dirty[0] & /*nextButtonEdgePosition, nextButtonContainerStyle*/ 3145728) {
+			$$invalidate(7, _nextButtonContainerStyle = (() => {
 				const marginRight = nextButtonEdgePosition.edgeDistance;
 				const marginTop = nextButtonEdgePosition.edgeDirectionOffset;
 				const marginString = `margin:${marginTop} ${marginRight} 0 0`;
@@ -6982,12 +6989,12 @@ function instance$a($$self, $$props, $$invalidate) {
 			})());
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationButton*/ 16777216) {
-			$$invalidate(5, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
+		if ($$self.$$.dirty[0] & /*navigationButton*/ 33554432) {
+			$$invalidate(6, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 83886080) {
-			$$invalidate(4, getNavigationItemInnerStyle = i => `
+		if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 167772160) {
+			$$invalidate(5, getNavigationItemInnerStyle = i => `
 width: ${navigationButton.size};
 height: ${navigationButton.size};
 background-color: ${i === currentSlideId
@@ -6995,12 +7002,13 @@ background-color: ${i === currentSlideId
 			: navigationButton.color};`);
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationEdgePosition*/ 33554432) {
-			$$invalidate(3, navigationStyle = `margin:0 0 ${navigationEdgePosition.edgeDistance} ${navigationEdgePosition.edgeDirectionOffset}`);
+		if ($$self.$$.dirty[0] & /*navigationEdgePosition*/ 67108864) {
+			$$invalidate(4, navigationStyle = `margin:0 0 ${navigationEdgePosition.edgeDistance} ${navigationEdgePosition.edgeDirectionOffset}`);
 		}
 	};
 
 	return [
+		_style,
 		items,
 		containerElement,
 		slideElement,
@@ -7019,12 +7027,12 @@ background-color: ${i === currentSlideId
 		next,
 		set,
 		loop,
-		prevButton,
-		prevButtonContainerStyle,
-		prevButtonEdgePosition,
 		nextButton,
 		nextButtonContainerStyle,
 		nextButtonEdgePosition,
+		prevButton,
+		prevButtonContainerStyle,
+		prevButtonEdgePosition,
 		navigationButton,
 		navigationEdgePosition,
 		currentSlideId,
@@ -7050,15 +7058,16 @@ class Slide extends SvelteComponent {
 			create_fragment$a,
 			safe_not_equal,
 			{
-				loop: 17,
-				prevButton: 18,
-				prevButtonContainerStyle: 19,
-				prevButtonEdgePosition: 20,
-				nextButton: 21,
-				nextButtonContainerStyle: 22,
-				nextButtonEdgePosition: 23,
-				navigationButton: 24,
-				navigationEdgePosition: 25
+				loop: 18,
+				_style: 0,
+				nextButton: 19,
+				nextButtonContainerStyle: 20,
+				nextButtonEdgePosition: 21,
+				prevButton: 22,
+				prevButtonContainerStyle: 23,
+				prevButtonEdgePosition: 24,
+				navigationButton: 25,
+				navigationEdgePosition: 26
 			},
 			add_css$9,
 			[-1, -1]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.143-27972314.e1a43341",
+  "version": "1.1.143-27973887.953b1981",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",