@plaidev/karte-action-sdk 1.1.116-27927874.783c1fe4 → 1.1.116-27929049.d4f5759c

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { writable, get } from 'svelte/store';
 import { linear, elasticOut, cubicOut } from 'svelte/easing';
-import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, set_style, run_all } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, append_styles, create_slot, create_component, space, mount_component, insert, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, detach, empty, group_outros, check_outros, component_subscribe, element, attr, noop, listen, is_function, append, add_render_callback, create_in_transition, svg_element, binding_callbacks, destroy_each, text, set_data, null_to_empty, src_url_equal, set_style } from 'svelte/internal';
 import { setContext, getContext, createEventDispatcher, onMount, onDestroy as onDestroy$1 } from 'svelte';
 
 /** @internal */
@@ -1195,14 +1195,14 @@ const DefaultListBackgroundStripe = {
 const DefaultListBackground = DefaultListBackgroundNone;
 /** @internal */
 const ListDirections = ['vertical', 'horizontal'];
-const DefaultSliderButton = {
+const DefaultSlideButton = {
     type: 'icon',
     icon: 'chevron-left',
     color: '#999',
     fill: '#999',
     size: '20px',
 };
-const DefaultSliderNavigationButton = {
+const DefaultSlideNavigationButton = {
     type: 'circle',
     size: '8px',
     color: '#ddd',
@@ -2171,7 +2171,7 @@ function add_css$m(target) {
 }
 
 // (23:0) {#if $state === path}
-function create_if_block$4(ctx) {
+function create_if_block$5(ctx) {
 	let div;
 	let t;
 	let current;
@@ -2236,7 +2236,7 @@ function create_if_block$4(ctx) {
 function create_fragment$q(ctx) {
 	let if_block_anchor;
 	let current;
-	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$4(ctx);
+	let if_block = /*$state*/ ctx[1] === /*path*/ ctx[0] && create_if_block$5(ctx);
 
 	return {
 		c() {
@@ -2257,7 +2257,7 @@ function create_fragment$q(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$4(ctx);
+					if_block = create_if_block$5(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -2331,7 +2331,7 @@ function add_css$l(target) {
 }
 
 // (9:0) {#if backgroundOverray}
-function create_if_block$3(ctx) {
+function create_if_block$4(ctx) {
 	let div;
 	let mounted;
 	let dispose;
@@ -2360,7 +2360,7 @@ function create_if_block$3(ctx) {
 
 function create_fragment$p(ctx) {
 	let if_block_anchor;
-	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$3(ctx);
+	let if_block = /*backgroundOverray*/ ctx[0] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -2376,7 +2376,7 @@ function create_fragment$p(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block$3(ctx);
+					if_block = create_if_block$4(ctx);
 					if_block.c();
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
@@ -2420,7 +2420,7 @@ function add_css$k(target) {
 }
 
 // (142:0) {#if visible}
-function create_if_block$2(ctx) {
+function create_if_block$3(ctx) {
 	let div1;
 	let t;
 	let div0;
@@ -2429,7 +2429,7 @@ function create_if_block$2(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*closable*/ ctx[14] && create_if_block_1(ctx);
+	let if_block = /*closable*/ ctx[14] && create_if_block_1$1(ctx);
 	const default_slot_template = /*#slots*/ ctx[29].default;
 	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[28], null);
 
@@ -2475,7 +2475,7 @@ function create_if_block$2(ctx) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
-					if_block = create_if_block_1(ctx);
+					if_block = create_if_block_1$1(ctx);
 					if_block.c();
 					if_block.m(div1, t);
 				}
@@ -2540,7 +2540,7 @@ function create_if_block$2(ctx) {
 }
 
 // (159:4) {#if closable}
-function create_if_block_1(ctx) {
+function create_if_block_1$1(ctx) {
 	let button;
 	let svg;
 	let path;
@@ -2614,7 +2614,7 @@ function create_fragment$o(ctx) {
 		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$2(ctx);
+	let if_block = /*visible*/ ctx[6] && create_if_block$3(ctx);
 
 	return {
 		c() {
@@ -2652,7 +2652,7 @@ function create_fragment$o(ctx) {
 						transition_in(if_block, 1);
 					}
 				} else {
-					if_block = create_if_block$2(ctx);
+					if_block = create_if_block$3(ctx);
 					if_block.c();
 					transition_in(if_block, 1);
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
@@ -3715,7 +3715,7 @@ function create_else_block$1(ctx) {
 }
 
 // (10:2) {#if item.match(regexp)}
-function create_if_block$1(ctx) {
+function create_if_block$2(ctx) {
 	let br;
 
 	return {
@@ -3740,7 +3740,7 @@ function create_each_block$4(ctx) {
 	function select_block_type(ctx, dirty) {
 		if (dirty & /*items*/ 1) show_if = null;
 		if (show_if == null) show_if = !!/*item*/ ctx[2].match(regexp);
-		if (show_if) return create_if_block$1;
+		if (show_if) return create_if_block$2;
 		return create_else_block$1;
 	}
 
@@ -5528,7 +5528,7 @@ function create_else_block(ctx) {
 }
 
 // (26:8) {#if option}
-function create_if_block(ctx) {
+function create_if_block$1(ctx) {
 	let t_value = /*option*/ ctx[6] + "";
 	let t;
 
@@ -5555,7 +5555,7 @@ function create_each_block$2(ctx) {
 	let option_value_value;
 
 	function select_block_type(ctx, dirty) {
-		if (/*option*/ ctx[6]) return create_if_block;
+		if (/*option*/ ctx[6]) return create_if_block$1;
 		return create_else_block;
 	}
 
@@ -5895,7 +5895,7 @@ class FormCheckBoxes extends SvelteComponent {
 	}
 }
 
-/* src/components/Slider.svelte generated by Svelte v3.53.1 */
+/* src/components/Slide.svelte generated by Svelte v3.53.1 */
 
 function add_css$4(target) {
 	append_styles(target, "svelte-105wdod", ".root.svelte-105wdod{width:100%;height:100%;position:relative}.container.svelte-105wdod{width:100%;height:100%;position:relative;overflow:hidden}.slide.svelte-105wdod{height:100%;position:absolute;display:flex}.transition.svelte-105wdod{transition:left 0.2s cubic-bezier(.04,.67,.53,.96)}.item.svelte-105wdod{height:100%;flex:none}.prev-button.svelte-105wdod,.next-button.svelte-105wdod{top:50%;height:0;position:absolute;display:flex;overflow:visible;align-items:center}.prev-button.svelte-105wdod{left:0}.next-button.svelte-105wdod{right:0}.button-container.svelte-105wdod{display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.prev-icon.svelte-105wdod{width:20px;height:20px;box-sizing:border-box;border-right:solid 3px #000;border-top:solid 3px #000;transform:translateX(35.4%) rotate(-135deg)}.next-icon.svelte-105wdod{width:20px;height:20px;box-sizing:border-box;border-right:solid 3px #000;border-top:solid 3px #000;transform:translateX(-35.4%) rotate(45deg)}.navigation.svelte-105wdod{position:absolute;width:0;left:50%;bottom:0;display:flex;justify-content:center;overflow:visible}.navigation-item.svelte-105wdod{flex-shrink:0;cursor:pointer}.navigation-item-inner.circle.svelte-105wdod{border-radius:51%}");
@@ -5903,12 +5903,104 @@ function add_css$4(target) {
 
 function get_each_context(ctx, list, i) {
 	const child_ctx = ctx.slice();
-	child_ctx[50] = list[i];
-	child_ctx[52] = i;
+	child_ctx[52] = list[i];
+	child_ctx[54] = i;
 	return child_ctx;
 }
 
-// (327:4) {#each items as _, i}
+// (315:2) {#if isVisiblePrevButton}
+function create_if_block_1(ctx) {
+	let div2;
+	let div1;
+	let div0;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div2 = element("div");
+			div1 = element("div");
+			div0 = element("div");
+			attr(div0, "class", "prev-icon svelte-105wdod");
+			attr(div0, "style", /*prevIconStyle*/ ctx[9]);
+			attr(div1, "class", "button-container svelte-105wdod");
+			attr(div1, "style", /*prevButtonContainerStyle*/ ctx[0]);
+			attr(div2, "class", "prev-button svelte-105wdod");
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			append(div2, div1);
+			append(div1, div0);
+
+			if (!mounted) {
+				dispose = listen(div2, "click", /*prev*/ ctx[14]);
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty[0] & /*prevIconStyle*/ 512) {
+				attr(div0, "style", /*prevIconStyle*/ ctx[9]);
+			}
+
+			if (dirty[0] & /*prevButtonContainerStyle*/ 1) {
+				attr(div1, "style", /*prevButtonContainerStyle*/ ctx[0]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div2);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (322:2) {#if isVisibleNextButton}
+function create_if_block(ctx) {
+	let div2;
+	let div1;
+	let div0;
+	let mounted;
+	let dispose;
+
+	return {
+		c() {
+			div2 = element("div");
+			div1 = element("div");
+			div0 = element("div");
+			attr(div0, "class", "next-icon svelte-105wdod");
+			attr(div0, "style", /*nextIconStyle*/ ctx[8]);
+			attr(div1, "class", "button-container svelte-105wdod");
+			attr(div1, "style", /*nextButtonContainerStyle*/ ctx[1]);
+			attr(div2, "class", "next-button svelte-105wdod");
+		},
+		m(target, anchor) {
+			insert(target, div2, anchor);
+			append(div2, div1);
+			append(div1, div0);
+
+			if (!mounted) {
+				dispose = listen(div2, "click", /*next*/ ctx[15]);
+				mounted = true;
+			}
+		},
+		p(ctx, dirty) {
+			if (dirty[0] & /*nextIconStyle*/ 256) {
+				attr(div0, "style", /*nextIconStyle*/ ctx[8]);
+			}
+
+			if (dirty[0] & /*nextButtonContainerStyle*/ 2) {
+				attr(div1, "style", /*nextButtonContainerStyle*/ ctx[1]);
+			}
+		},
+		d(detaching) {
+			if (detaching) detach(div2);
+			mounted = false;
+			dispose();
+		}
+	};
+}
+
+// (333:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -5918,7 +6010,7 @@ function create_each_block(ctx) {
 	let dispose;
 
 	function click_handler() {
-		return /*click_handler*/ ctx[26](/*i*/ ctx[52]);
+		return /*click_handler*/ ctx[29](/*i*/ ctx[54]);
 	}
 
 	return {
@@ -5927,7 +6019,7 @@ function create_each_block(ctx) {
 			div0 = element("div");
 			t = space();
 			attr(div0, "class", "navigation-item-inner circle svelte-105wdod");
-			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[52]));
+			attr(div0, "style", div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[54]));
 			attr(div1, "class", "navigation-item svelte-105wdod");
 			attr(div1, "style", /*navigationItemStyle*/ ctx[7]);
 		},
@@ -5944,7 +6036,7 @@ function create_each_block(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (dirty[0] & /*getNavigationItemInnerStyle*/ 64 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[52]))) {
+			if (dirty[0] & /*getNavigationItemInnerStyle*/ 64 && div0_style_value !== (div0_style_value = /*getNavigationItemInnerStyle*/ ctx[6](/*i*/ ctx[54]))) {
 				attr(div0, "style", div0_style_value);
 			}
 
@@ -5961,25 +6053,19 @@ function create_each_block(ctx) {
 }
 
 function create_fragment$4(ctx) {
-	let div9;
+	let div3;
 	let div1;
 	let div0;
 	let div0_class_value;
 	let t0;
-	let div4;
-	let div3;
-	let div2;
 	let t1;
-	let div7;
-	let div6;
-	let div5;
 	let t2;
-	let div8;
+	let div2;
 	let current;
-	let mounted;
-	let dispose;
-	const default_slot_template = /*#slots*/ ctx[23].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[22], null);
+	const default_slot_template = /*#slots*/ ctx[26].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
+	let if_block0 = /*isVisiblePrevButton*/ ctx[11] && create_if_block_1(ctx);
+	let if_block1 = /*isVisibleNextButton*/ ctx[10] && create_if_block(ctx);
 	let each_value = /*items*/ ctx[3];
 	let each_blocks = [];
 
@@ -5989,120 +6075,103 @@ function create_fragment$4(ctx) {
 
 	return {
 		c() {
-			div9 = element("div");
+			div3 = element("div");
 			div1 = element("div");
 			div0 = element("div");
 			if (default_slot) default_slot.c();
 			t0 = space();
-			div4 = element("div");
-			div3 = element("div");
-			div2 = element("div");
+			if (if_block0) if_block0.c();
 			t1 = space();
-			div7 = element("div");
-			div6 = element("div");
-			div5 = element("div");
+			if (if_block1) if_block1.c();
 			t2 = space();
-			div8 = element("div");
+			div2 = element("div");
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
 				each_blocks[i].c();
 			}
 
-			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[10]) + " svelte-105wdod"));
-			attr(div0, "style", /*slideStyle*/ ctx[11]);
+			attr(div0, "class", div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-105wdod"));
+			attr(div0, "style", /*slideStyle*/ ctx[13]);
 			attr(div1, "class", "container svelte-105wdod");
-			attr(div2, "class", "prev-icon svelte-105wdod");
-			attr(div2, "style", /*prevIconStyle*/ ctx[9]);
-			attr(div3, "class", "button-container svelte-105wdod");
-			attr(div3, "style", /*prevButtonContainerStyle*/ ctx[0]);
-			attr(div4, "class", "prev-button svelte-105wdod");
-			attr(div5, "class", "next-icon svelte-105wdod");
-			attr(div5, "style", /*nextIconStyle*/ ctx[8]);
-			attr(div6, "class", "button-container svelte-105wdod");
-			attr(div6, "style", /*nextButtonContainerStyle*/ ctx[1]);
-			attr(div7, "class", "next-button svelte-105wdod");
-			attr(div8, "class", "navigation svelte-105wdod");
-			attr(div8, "style", /*navigationStyle*/ ctx[2]);
-			attr(div9, "class", "root svelte-105wdod");
+			attr(div2, "class", "navigation svelte-105wdod");
+			attr(div2, "style", /*navigationStyle*/ ctx[2]);
+			attr(div3, "class", "root svelte-105wdod");
 		},
 		m(target, anchor) {
-			insert(target, div9, anchor);
-			append(div9, div1);
+			insert(target, div3, anchor);
+			append(div3, div1);
 			append(div1, div0);
 
 			if (default_slot) {
 				default_slot.m(div0, null);
 			}
 
-			/*div0_binding*/ ctx[24](div0);
-			/*div1_binding*/ ctx[25](div1);
-			append(div9, t0);
-			append(div9, div4);
-			append(div4, div3);
+			/*div0_binding*/ ctx[27](div0);
+			/*div1_binding*/ ctx[28](div1);
+			append(div3, t0);
+			if (if_block0) if_block0.m(div3, null);
+			append(div3, t1);
+			if (if_block1) if_block1.m(div3, null);
+			append(div3, t2);
 			append(div3, div2);
-			append(div9, t1);
-			append(div9, div7);
-			append(div7, div6);
-			append(div6, div5);
-			append(div9, t2);
-			append(div9, div8);
 
 			for (let i = 0; i < each_blocks.length; i += 1) {
-				each_blocks[i].m(div8, null);
+				each_blocks[i].m(div2, null);
 			}
 
 			current = true;
-
-			if (!mounted) {
-				dispose = [
-					listen(div4, "click", /*prev*/ ctx[12]),
-					listen(div7, "click", /*next*/ ctx[13])
-				];
-
-				mounted = true;
-			}
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 4194304)) {
+				if (default_slot.p && (!current || dirty[0] & /*$$scope*/ 33554432)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[22],
+						/*$$scope*/ ctx[25],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[22])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[22], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty[0] & /*slideClass*/ 1024 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[10]) + " svelte-105wdod"))) {
+			if (!current || dirty[0] & /*slideClass*/ 4096 && div0_class_value !== (div0_class_value = "" + (null_to_empty(/*slideClass*/ ctx[12]) + " svelte-105wdod"))) {
 				attr(div0, "class", div0_class_value);
 			}
 
-			if (!current || dirty[0] & /*slideStyle*/ 2048) {
-				attr(div0, "style", /*slideStyle*/ ctx[11]);
-			}
-
-			if (!current || dirty[0] & /*prevIconStyle*/ 512) {
-				attr(div2, "style", /*prevIconStyle*/ ctx[9]);
-			}
-
-			if (!current || dirty[0] & /*prevButtonContainerStyle*/ 1) {
-				attr(div3, "style", /*prevButtonContainerStyle*/ ctx[0]);
+			if (!current || dirty[0] & /*slideStyle*/ 8192) {
+				attr(div0, "style", /*slideStyle*/ ctx[13]);
 			}
 
-			if (!current || dirty[0] & /*nextIconStyle*/ 256) {
-				attr(div5, "style", /*nextIconStyle*/ ctx[8]);
+			if (/*isVisiblePrevButton*/ ctx[11]) {
+				if (if_block0) {
+					if_block0.p(ctx, dirty);
+				} else {
+					if_block0 = create_if_block_1(ctx);
+					if_block0.c();
+					if_block0.m(div3, t1);
+				}
+			} else if (if_block0) {
+				if_block0.d(1);
+				if_block0 = null;
 			}
 
-			if (!current || dirty[0] & /*nextButtonContainerStyle*/ 2) {
-				attr(div6, "style", /*nextButtonContainerStyle*/ ctx[1]);
+			if (/*isVisibleNextButton*/ ctx[10]) {
+				if (if_block1) {
+					if_block1.p(ctx, dirty);
+				} else {
+					if_block1 = create_if_block(ctx);
+					if_block1.c();
+					if_block1.m(div3, t2);
+				}
+			} else if (if_block1) {
+				if_block1.d(1);
+				if_block1 = null;
 			}
 
-			if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 16584) {
+			if (dirty[0] & /*navigationItemStyle, set, getNavigationItemInnerStyle, items*/ 65736) {
 				each_value = /*items*/ ctx[3];
 				let i;
 
@@ -6114,7 +6183,7 @@ function create_fragment$4(ctx) {
 					} else {
 						each_blocks[i] = create_each_block(child_ctx);
 						each_blocks[i].c();
-						each_blocks[i].m(div8, null);
+						each_blocks[i].m(div2, null);
 					}
 				}
 
@@ -6126,7 +6195,7 @@ function create_fragment$4(ctx) {
 			}
 
 			if (!current || dirty[0] & /*navigationStyle*/ 4) {
-				attr(div8, "style", /*navigationStyle*/ ctx[2]);
+				attr(div2, "style", /*navigationStyle*/ ctx[2]);
 			}
 		},
 		i(local) {
@@ -6139,13 +6208,13 @@ function create_fragment$4(ctx) {
 			current = false;
 		},
 		d(detaching) {
-			if (detaching) detach(div9);
+			if (detaching) detach(div3);
 			if (default_slot) default_slot.d(detaching);
-			/*div0_binding*/ ctx[24](null);
-			/*div1_binding*/ ctx[25](null);
+			/*div0_binding*/ ctx[27](null);
+			/*div1_binding*/ ctx[28](null);
+			if (if_block0) if_block0.d();
+			if (if_block1) if_block1.d();
 			destroy_each(each_blocks, detaching);
-			mounted = false;
-			run_all(dispose);
 		}
 	};
 }
@@ -6166,6 +6235,8 @@ function instance$4($$self, $$props, $$invalidate) {
 	let slideStyle;
 	let slideClass;
 	let _loop;
+	let isVisiblePrevButton;
+	let isVisibleNextButton;
 	let prevIconStyle;
 	let nextIconStyle;
 	let navigationItemStyle;
@@ -6238,7 +6309,7 @@ function instance$4($$self, $$props, $$invalidate) {
 						onBeforeSlide({ shiftCount, index, length: items.length });
 					});
 
-					$$invalidate(20, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
+					$$invalidate(22, slidePosition = slidePosition + containerWidth * (calcPositionIndex(shiftCount, currentSlideId, items.length) - calcPositionIndex(previousShiftCount, currentSlideId, items.length)));
 					previousShiftCount = shiftCount;
 					resolve();
 				});
@@ -6249,8 +6320,8 @@ function instance$4($$self, $$props, $$invalidate) {
 		if (transitioning) {
 			const slideRect = slideElement.getBoundingClientRect();
 			const containerRect = containerElement.getBoundingClientRect();
-			$$invalidate(21, transitioning = false);
-			$$invalidate(20, slidePosition = slideRect.x - containerRect.x);
+			$$invalidate(23, transitioning = false);
+			$$invalidate(22, slidePosition = slideRect.x - containerRect.x);
 		}
 	}
 
@@ -6270,10 +6341,10 @@ function instance$4($$self, $$props, $$invalidate) {
 				}
 			}
 
-			$$invalidate(21, transitioning = true);
-			$$invalidate(20, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
+			$$invalidate(23, transitioning = true);
+			$$invalidate(22, slidePosition = containerWidth * calcPositionIndex(shiftCount, slideIndex, items.length));
 			dispatch('change', { nextIndex: slideIndex });
-			$$invalidate(19, currentSlideId = slideIndex);
+			$$invalidate(21, currentSlideId = slideIndex);
 		});
 	}
 
@@ -6295,7 +6366,7 @@ function instance$4($$self, $$props, $$invalidate) {
 			const updatedSlidePosition = slidePosition + dx;
 
 			window.requestAnimationFrame(() => {
-				$$invalidate(20, slidePosition = updatedSlidePosition);
+				$$invalidate(22, slidePosition = updatedSlidePosition);
 			});
 		}
 
@@ -6315,7 +6386,7 @@ function instance$4($$self, $$props, $$invalidate) {
 			});
 		});
 
-		$$invalidate(20, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
+		$$invalidate(22, slidePosition = containerWidth * calcPositionIndex(shiftCount, currentSlideId, items.length));
 	}
 
 	function handleMoveEnd() {
@@ -6368,7 +6439,7 @@ function instance$4($$self, $$props, $$invalidate) {
 	}
 
 	function handleTransitionEnd() {
-		$$invalidate(21, transitioning = false);
+		$$invalidate(23, transitioning = false);
 		fixSlidePosition();
 	}
 
@@ -6379,7 +6450,7 @@ function instance$4($$self, $$props, $$invalidate) {
 			item.onMount({ containerElement });
 		});
 
-		$$invalidate(19, currentSlideId = 0);
+		$$invalidate(21, currentSlideId = 0);
 
 		if (_loop) {
 			await fixSlidePosition();
@@ -6450,46 +6521,54 @@ function instance$4($$self, $$props, $$invalidate) {
 	const click_handler = i => set(i);
 
 	$$self.$$set = $$props => {
-		if ('loop' in $$props) $$invalidate(15, loop = $$props.loop);
-		if ('prevButton' in $$props) $$invalidate(16, prevButton = $$props.prevButton);
+		if ('loop' in $$props) $$invalidate(17, loop = $$props.loop);
+		if ('prevButton' in $$props) $$invalidate(18, prevButton = $$props.prevButton);
 		if ('prevButtonContainerStyle' in $$props) $$invalidate(0, prevButtonContainerStyle = $$props.prevButtonContainerStyle);
-		if ('nextButton' in $$props) $$invalidate(17, nextButton = $$props.nextButton);
+		if ('nextButton' in $$props) $$invalidate(19, nextButton = $$props.nextButton);
 		if ('nextButtonContainerStyle' in $$props) $$invalidate(1, nextButtonContainerStyle = $$props.nextButtonContainerStyle);
-		if ('navigationButton' in $$props) $$invalidate(18, navigationButton = $$props.navigationButton);
+		if ('navigationButton' in $$props) $$invalidate(20, navigationButton = $$props.navigationButton);
 		if ('navigationStyle' in $$props) $$invalidate(2, navigationStyle = $$props.navigationStyle);
-		if ('$$scope' in $$props) $$invalidate(22, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty[0] & /*slidePosition*/ 1048576) {
-			$$invalidate(11, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
+		if ($$self.$$.dirty[0] & /*slidePosition*/ 4194304) {
+			$$invalidate(13, slideStyle = slidePosition != null ? `left: ${slidePosition}px;` : '');
+		}
+
+		if ($$self.$$.dirty[0] & /*transitioning*/ 8388608) {
+			$$invalidate(12, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
 		}
 
-		if ($$self.$$.dirty[0] & /*transitioning*/ 2097152) {
-			$$invalidate(10, slideClass = ['slide', transitioning ? 'transition' : ''].join(' '));
+		if ($$self.$$.dirty[0] & /*items, loop*/ 131080) {
+			$$invalidate(24, _loop = items.length >= 3 ? loop : false);
 		}
 
-		if ($$self.$$.dirty[0] & /*items, loop*/ 32776) {
-			_loop = items.length >= 3 ? loop : false;
+		if ($$self.$$.dirty[0] & /*_loop, currentSlideId*/ 18874368) {
+			$$invalidate(11, isVisiblePrevButton = _loop || currentSlideId > 0);
 		}
 
-		if ($$self.$$.dirty[0] & /*prevButton*/ 65536) {
+		if ($$self.$$.dirty[0] & /*_loop, currentSlideId, items*/ 18874376) {
+			$$invalidate(10, isVisibleNextButton = _loop || currentSlideId < items.length - 1);
+		}
+
+		if ($$self.$$.dirty[0] & /*prevButton*/ 262144) {
 			$$invalidate(9, prevIconStyle = prevButton.type === 'icon'
 			? `width: ${prevButton.size}; height: ${prevButton.size}; border-color: ${prevButton.color};`
 			: '');
 		}
 
-		if ($$self.$$.dirty[0] & /*nextButton*/ 131072) {
+		if ($$self.$$.dirty[0] & /*nextButton*/ 524288) {
 			$$invalidate(8, nextIconStyle = nextButton.type === 'icon'
 			? `width: ${nextButton.size}; height: ${nextButton.size}; border-color: ${nextButton.color};`
 			: '');
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationButton*/ 262144) {
+		if ($$self.$$.dirty[0] & /*navigationButton*/ 1048576) {
 			$$invalidate(7, navigationItemStyle = `padding: calc(${navigationButton.size} / 2);`);
 		}
 
-		if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 786432) {
+		if ($$self.$$.dirty[0] & /*navigationButton, currentSlideId*/ 3145728) {
 			$$invalidate(6, getNavigationItemInnerStyle = i => `
 width: ${navigationButton.size};
 height: ${navigationButton.size};
@@ -6510,6 +6589,8 @@ background-color: ${i === currentSlideId
 		navigationItemStyle,
 		nextIconStyle,
 		prevIconStyle,
+		isVisibleNextButton,
+		isVisiblePrevButton,
 		slideClass,
 		slideStyle,
 		prev,
@@ -6522,6 +6603,7 @@ background-color: ${i === currentSlideId
 		currentSlideId,
 		slidePosition,
 		transitioning,
+		_loop,
 		$$scope,
 		slots,
 		div0_binding,
@@ -6530,7 +6612,7 @@ background-color: ${i === currentSlideId
 	];
 }
 
-class Slider extends SvelteComponent {
+class Slide extends SvelteComponent {
 	constructor(options) {
 		super();
 
@@ -6541,12 +6623,12 @@ class Slider extends SvelteComponent {
 			create_fragment$4,
 			safe_not_equal,
 			{
-				loop: 15,
-				prevButton: 16,
+				loop: 17,
+				prevButton: 18,
 				prevButtonContainerStyle: 0,
-				nextButton: 17,
+				nextButton: 19,
 				nextButtonContainerStyle: 1,
-				navigationButton: 18,
+				navigationButton: 20,
 				navigationStyle: 2
 			},
 			add_css$4,
@@ -6555,7 +6637,7 @@ class Slider extends SvelteComponent {
 	}
 }
 
-/* src/components/SliderItem.svelte generated by Svelte v3.53.1 */
+/* src/components/SlideItem.svelte generated by Svelte v3.53.1 */
 
 function add_css$3(target) {
 	append_styles(target, "svelte-xzo1un", ".item.svelte-xzo1un{height:100%;flex:none;position:relative}.item.svelte-xzo1un img{user-select:none;-webkit-user-drag:none}.item-inner.svelte-xzo1un{position:absolute;inset:0}");
@@ -6565,10 +6647,8 @@ function create_fragment$3(ctx) {
 	let div1;
 	let div0;
 	let current;
-	let mounted;
-	let dispose;
-	const default_slot_template = /*#slots*/ ctx[8].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[7], null);
+	const default_slot_template = /*#slots*/ ctx[5].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[4], null);
 
 	return {
 		c() {
@@ -6589,28 +6669,18 @@ function create_fragment$3(ctx) {
 			}
 
 			current = true;
-
-			if (!mounted) {
-				dispose = listen(div1, "click", function () {
-					if (is_function(/*click*/ ctx[2])) /*click*/ ctx[2].apply(this, arguments);
-				});
-
-				mounted = true;
-			}
 		},
-		p(new_ctx, [dirty]) {
-			ctx = new_ctx;
-
+		p(ctx, [dirty]) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 128)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 16)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[7],
+						/*$$scope*/ ctx[4],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[7])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[7], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[4])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[4], dirty, null),
 						null
 					);
 				}
@@ -6636,25 +6706,22 @@ function create_fragment$3(ctx) {
 		d(detaching) {
 			if (detaching) detach(div1);
 			if (default_slot) default_slot.d(detaching);
-			mounted = false;
-			dispose();
 		}
 	};
 }
 
 function instance$3($$self, $$props, $$invalidate) {
-	let click;
 	let itemStyle;
 	let { $$slots: slots = {}, $$scope } = $$props;
 	const { registerItem, unregisterItem } = getContext('SLIDE');
 
 	const id = registerItem({
 		onMount({ containerElement }) {
-			$$invalidate(5, itemWidth = containerElement.clientWidth);
+			$$invalidate(2, itemWidth = containerElement.clientWidth);
 		},
 		// TODO: onBeforeSlideと重複するロジックをまとめる
 		onResize({ containerElement, shiftCount, index, length }) {
-			$$invalidate(5, itemWidth = containerElement.clientWidth);
+			$$invalidate(2, itemWidth = containerElement.clientWidth);
 			let fixedShiftCount;
 
 			if (index - shiftCount < 0) {
@@ -6665,7 +6732,7 @@ function instance$3($$self, $$props, $$invalidate) {
 				fixedShiftCount = shiftCount;
 			}
 
-			$$invalidate(6, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
+			$$invalidate(3, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
 		},
 		onBeforeSlide({ shiftCount, index, length }) {
 			let fixedShiftCount;
@@ -6678,7 +6745,7 @@ function instance$3($$self, $$props, $$invalidate) {
 				fixedShiftCount = shiftCount;
 			}
 
-			$$invalidate(6, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
+			$$invalidate(3, itemTransform = -fixedShiftCount * (itemWidth ?? 0));
 		}
 	});
 
@@ -6686,54 +6753,30 @@ function instance$3($$self, $$props, $$invalidate) {
 		unregisterItem(id);
 	});
 
-	let { onClick = { operation: 'none', args: [] } } = $$props;
-	let { clickEventName = '' } = $$props;
 	let { _style = 'cursor: ' } = $$props;
 	let itemWidth = null;
 	let itemTransform = 0;
 
 	$$self.$$set = $$props => {
-		if ('onClick' in $$props) $$invalidate(3, onClick = $$props.onClick);
-		if ('clickEventName' in $$props) $$invalidate(4, clickEventName = $$props.clickEventName);
 		if ('_style' in $$props) $$invalidate(0, _style = $$props._style);
-		if ('$$scope' in $$props) $$invalidate(7, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(4, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*clickEventName, onClick*/ 24) {
-			$$invalidate(2, click = () => {
-				if (clickEventName) {
-					send_event(clickEventName);
-				}
-
-				execOnClickOperation(onClick);
-			});
-		}
-
-		if ($$self.$$.dirty & /*itemWidth, itemTransform*/ 96) {
+		if ($$self.$$.dirty & /*itemWidth, itemTransform*/ 12) {
 			$$invalidate(1, itemStyle = itemWidth != null
 			? `width: ${itemWidth}px; transform: translateX(${itemTransform}px);`
 			: '');
 		}
 	};
 
-	return [
-		_style,
-		itemStyle,
-		click,
-		onClick,
-		clickEventName,
-		itemWidth,
-		itemTransform,
-		$$scope,
-		slots
-	];
+	return [_style, itemStyle, itemWidth, itemTransform, $$scope, slots];
 }
 
-class SliderItem extends SvelteComponent {
+class SlideItem extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$3, create_fragment$3, safe_not_equal, { onClick: 3, clickEventName: 4, _style: 0 }, add_css$3);
+		init(this, options, instance$3, create_fragment$3, safe_not_equal, { _style: 0 }, add_css$3);
 	}
 }
 
@@ -7078,4 +7121,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSliderButton, DefaultSliderNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slider, SliderItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, formData, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };
+export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSlideButton, DefaultSlideNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slide, SlideItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, formData, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };