@plaidev/karte-action-sdk 1.1.181-28042089.f7e0349f → 1.1.181-28042947.ba6a2943

package/dist/hydrate/index.es.js

@@ -1,6 +1,6 @@
 import { writable, get } from 'svelte/store';
 import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, setContext, getContext, createEventDispatcher } from 'svelte';
-import { SvelteComponent, init, safe_not_equal, element, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, listen, null_to_empty, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, element, claim_element, children, detach, insert_hydration, noop, component_subscribe, attr, create_slot, create_component, space, claim_component, claim_space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, listen, assign, set_attributes, toggle_class, get_spread_update, null_to_empty, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, claim_svg_element, append_hydration, destroy_each, text, claim_text, set_data, src_url_equal, HtmlTagHydration, claim_html_tag, construct_svelte_component, subscribe } from 'svelte/internal';
 import 'svelte/easing';
 
 /** @internal */
@@ -2889,20 +2889,66 @@ class BackgroundOverlay extends SvelteComponent {
 	}
 }
 
+/**
+ * data属性とカスタムのイベントハンドラによるstopPropagation。
+ * デフォルトのstopPropagationだと伝播先のpreventDefaultも無効化されてしまうため、それの対策。
+ */
+function createDataAttrKey(eventName) {
+    return `data-stop-propagation-${eventName}-${actionId}`;
+}
+function dataAttrStopPropagation(eventName) {
+    const dataAttr = createDataAttrKey(eventName);
+    return {
+        [dataAttr]: true,
+    };
+}
+function checkStopPropagation(eventName, handler) {
+    const dataAttr = createDataAttrKey(eventName);
+    return function (event) {
+        let el = event.target;
+        do {
+            const _el = el;
+            if (_el === this) {
+                // handlerの中で伝播先のDOMが同期的に消されると
+                // preventDefaultが呼ばれずにデフォルトの挙動だけ残ってしまう
+                setTimeout(() => {
+                    handler(event);
+                }, 0);
+                break;
+            }
+            if (_el.hasAttribute(dataAttr))
+                break;
+            el = el.parentElement || el.parentNode;
+        } while (el !== null && el.nodeType === 1);
+    };
+}
+
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$r(target) {
 	append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
 }
 
-// (49:0) {:else}
+// (50:0) {:else}
 function create_else_block$3(ctx) {
 	let button;
 	let current;
 	let mounted;
 	let dispose;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+
+	let button_levels = [
+		{ class: BUTTON_CLASS },
+		{ style: /*style*/ ctx[1] },
+		dataAttrStopPropagation('click')
+	];
+
+	let button_data = {};
+
+	for (let i = 0; i < button_levels.length; i += 1) {
+		button_data = assign(button_data, button_levels[i]);
+	}
 
 	return {
 		c() {
@@ -2918,8 +2964,8 @@ function create_else_block$3(ctx) {
 			this.h();
 		},
 		h() {
-			attr(button, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
-			attr(button, "style", /*style*/ ctx[1]);
+			set_attributes(button, button_data);
+			toggle_class(button, "svelte-1tg0tf", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -2928,32 +2974,37 @@ function create_else_block$3(ctx) {
 				default_slot.m(button, null);
 			}
 
+			if (button.autofocus) button.focus();
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*handleClickButton*/ ctx[3]);
+				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(button, "style", /*style*/ ctx[1]);
-			}
+			set_attributes(button, button_data = get_spread_update(button_levels, [
+				{ class: BUTTON_CLASS },
+				(!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
+				dataAttrStopPropagation('click')
+			]));
+
+			toggle_class(button, "svelte-1tg0tf", true);
 		},
 		i(local) {
 			if (current) return;
@@ -2973,12 +3024,12 @@ function create_else_block$3(ctx) {
 	};
 }
 
-// (45:39) 
+// (46:39) 
 function create_if_block_2(ctx) {
 	let div;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
 
 	return {
 		c() {
@@ -3008,15 +3059,15 @@ function create_if_block_2(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
@@ -3042,7 +3093,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (41:41) 
+// (35:41) 
 function create_if_block_1$2(ctx) {
 	let a;
 	let a_href_value;
@@ -3050,8 +3101,26 @@ function create_if_block_1$2(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+
+	let a_levels = [
+		{ class: BUTTON_CLASS },
+		{ style: /*style*/ ctx[1] },
+		{
+			href: a_href_value = /*onClick*/ ctx[0].args[0]
+		},
+		{
+			target: a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null
+		},
+		dataAttrStopPropagation('click')
+	];
+
+	let a_data = {};
+
+	for (let i = 0; i < a_levels.length; i += 1) {
+		a_data = assign(a_data, a_levels[i]);
+	}
 
 	return {
 		c() {
@@ -3073,10 +3142,8 @@ function create_if_block_1$2(ctx) {
 			this.h();
 		},
 		h() {
-			attr(a, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
-			attr(a, "style", /*style*/ ctx[1]);
-			attr(a, "href", a_href_value = /*onClick*/ ctx[0].args[0]);
-			attr(a, "target", a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null);
+			set_attributes(a, a_data);
+			toggle_class(a, "svelte-1tg0tf", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, a, anchor);
@@ -3088,37 +3155,35 @@ function create_if_block_1$2(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(a, "click", /*handleClickAnchor*/ ctx[4]);
+				dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[3])));
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(a, "style", /*style*/ ctx[1]);
-			}
+			set_attributes(a, a_data = get_spread_update(a_levels, [
+				{ class: BUTTON_CLASS },
+				(!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
+				(!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[0])) && { href: a_href_value },
+				(!current || dirty & /*onClick*/ 1 && a_target_value !== (a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null)) && { target: a_target_value },
+				dataAttrStopPropagation('click')
+			]));
 
-			if (!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[0])) {
-				attr(a, "href", a_href_value);
-			}
-
-			if (!current || dirty & /*onClick*/ 1 && a_target_value !== (a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null)) {
-				attr(a, "target", a_target_value);
-			}
+			toggle_class(a, "svelte-1tg0tf", true);
 		},
 		i(local) {
 			if (current) return;
@@ -3138,12 +3203,12 @@ function create_if_block_1$2(ctx) {
 	};
 }
 
-// (37:0) {#if disabled}
+// (31:0) {#if disabled}
 function create_if_block$6(ctx) {
 	let div;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
 
 	return {
 		c() {
@@ -3173,15 +3238,15 @@ function create_if_block$6(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
@@ -3293,17 +3358,7 @@ function instance$u($$self, $$props, $$invalidate) {
 	let { eventValue = undefined } = $$props;
 	let { style = '' } = $$props;
 
-	function handleClickButton() {
-		if (eventName) {
-			send_event(eventName, eventValue);
-		}
-
-		execOnClickOperation(onClick);
-	}
-
-	function handleClickAnchor(e) {
-		e.preventDefault();
-
+	function handleClick() {
 		if (eventName) {
 			send_event(eventName, eventValue);
 		}
@@ -3313,18 +3368,18 @@ function instance$u($$self, $$props, $$invalidate) {
 
 	const { path: statePath } = getStateItemContext() ?? { path: '/' };
 	const valuesAreValid = getValuesAreValidReader(statePath);
-	component_subscribe($$self, valuesAreValid, value => $$invalidate(8, $valuesAreValid = value));
+	component_subscribe($$self, valuesAreValid, value => $$invalidate(7, $valuesAreValid = value));
 
 	$$self.$$set = $$props => {
 		if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
-		if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
-		if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
+		if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
 		if ('style' in $$props) $$invalidate(1, style = $$props.style);
-		if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*onClick, $valuesAreValid*/ 257) {
+		if ($$self.$$.dirty & /*onClick, $valuesAreValid*/ 129) {
 			$$invalidate(2, disabled = (() => {
 				let isEnabled = true;
 
@@ -3343,8 +3398,7 @@ function instance$u($$self, $$props, $$invalidate) {
 		onClick,
 		style,
 		disabled,
-		handleClickButton,
-		handleClickAnchor,
+		handleClick,
 		valuesAreValid,
 		eventName,
 		eventValue,
@@ -3366,8 +3420,8 @@ class Button extends SvelteComponent {
 			safe_not_equal,
 			{
 				onClick: 0,
-				eventName: 6,
-				eventValue: 7,
+				eventName: 5,
+				eventValue: 6,
 				style: 1
 			},
 			add_css$r
@@ -7687,7 +7741,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (369:2) {#if isVisiblePrevButton}
+// (371:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -7755,7 +7809,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (378:2) {#if isVisibleNextButton}
+// (380:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -7823,7 +7877,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (391:4) {#each items as _, i}
+// (393:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -7908,6 +7962,13 @@ function create_fragment$b(ctx) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
+	let div3_levels = [{ class: "root" }, dataAttrStopPropagation('click')];
+	let div3_data = {};
+
+	for (let i = 0; i < div3_levels.length; i += 1) {
+		div3_data = assign(div3_data, div3_levels[i]);
+	}
+
 	return {
 		c() {
 			div3 = element("div");
@@ -7960,7 +8021,8 @@ function create_fragment$b(ctx) {
 			attr(div1, "style", /*_style*/ ctx[0]);
 			attr(div2, "class", "navigation svelte-1wlcw5a");
 			attr(div2, "style", /*navigationStyle*/ ctx[4]);
-			attr(div3, "class", "root svelte-1wlcw5a");
+			set_attributes(div3, div3_data);
+			toggle_class(div3, "svelte-1wlcw5a", true);
 		},
 		m(target, anchor) {
 			insert_hydration(target, div3, anchor);
@@ -8066,6 +8128,9 @@ function create_fragment$b(ctx) {
 			if (!current || dirty[0] & /*navigationStyle*/ 16) {
 				attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			}
+
+			set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
+			toggle_class(div3, "svelte-1wlcw5a", true);
 		},
 		i(local) {
 			if (current) return;
@@ -8319,7 +8384,9 @@ function instance$b($$self, $$props, $$invalidate) {
 	}
 
 	function handleTouchMove(event) {
+		// ウィンドウのスクロールを防ぐ
 		event.preventDefault();
+
 		const clientX = event.touches[0].clientX;
 		const timeStamp = event.timeStamp;
 		handleMoving(clientX, timeStamp);

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { writable, get } from 'svelte/store';
 import { onMount as onMount$1, onDestroy as onDestroy$1, beforeUpdate as beforeUpdate$1, afterUpdate as afterUpdate$1, tick as tick$1, setContext, getContext, createEventDispatcher } from 'svelte';
-import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, listen, null_to_empty, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
+import { SvelteComponent, init, safe_not_equal, element, insert, noop, detach, component_subscribe, attr, create_slot, create_component, space, mount_component, update_slot_base, get_all_dirty_from_scope, get_slot_changes, transition_in, transition_out, destroy_component, append_styles, empty, group_outros, check_outros, listen, assign, set_attributes, toggle_class, get_spread_update, null_to_empty, prevent_default, is_function, add_render_callback, create_in_transition, binding_callbacks, set_style, svg_element, append, destroy_each, text, set_data, src_url_equal, HtmlTag, construct_svelte_component, subscribe } from 'svelte/internal';
 import { linear, elasticOut, cubicOut } from 'svelte/easing';
 
 /** @internal */
@@ -2953,27 +2953,73 @@ class BackgroundOverlay extends SvelteComponent {
 	}
 }
 
+/**
+ * data属性とカスタムのイベントハンドラによるstopPropagation。
+ * デフォルトのstopPropagationだと伝播先のpreventDefaultも無効化されてしまうため、それの対策。
+ */
+function createDataAttrKey(eventName) {
+    return `data-stop-propagation-${eventName}-${actionId}`;
+}
+function dataAttrStopPropagation(eventName) {
+    const dataAttr = createDataAttrKey(eventName);
+    return {
+        [dataAttr]: true,
+    };
+}
+function checkStopPropagation(eventName, handler) {
+    const dataAttr = createDataAttrKey(eventName);
+    return function (event) {
+        let el = event.target;
+        do {
+            const _el = el;
+            if (_el === this) {
+                // handlerの中で伝播先のDOMが同期的に消されると
+                // preventDefaultが呼ばれずにデフォルトの挙動だけ残ってしまう
+                setTimeout(() => {
+                    handler(event);
+                }, 0);
+                break;
+            }
+            if (_el.hasAttribute(dataAttr))
+                break;
+            el = el.parentElement || el.parentNode;
+        } while (el !== null && el.nodeType === 1);
+    };
+}
+
 /* src/components/Button.svelte generated by Svelte v3.53.1 */
 
 function add_css$r(target) {
 	append_styles(target, "svelte-1tg0tf", ".button.svelte-1tg0tf{display:block;text-decoration:none;color:inherit;border:none;background:none;margin:0;padding:0}.button.svelte-1tg0tf:link,.button.svelte-1tg0tf:visited,.button.svelte-1tg0tf:active,.button.svelte-1tg0tf:hover{color:inherit}");
 }
 
-// (49:0) {:else}
+// (50:0) {:else}
 function create_else_block$3(ctx) {
 	let button;
 	let current;
 	let mounted;
 	let dispose;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+
+	let button_levels = [
+		{ class: BUTTON_CLASS },
+		{ style: /*style*/ ctx[1] },
+		dataAttrStopPropagation('click')
+	];
+
+	let button_data = {};
+
+	for (let i = 0; i < button_levels.length; i += 1) {
+		button_data = assign(button_data, button_levels[i]);
+	}
 
 	return {
 		c() {
 			button = element("button");
 			if (default_slot) default_slot.c();
-			attr(button, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
-			attr(button, "style", /*style*/ ctx[1]);
+			set_attributes(button, button_data);
+			toggle_class(button, "svelte-1tg0tf", true);
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -2982,32 +3028,37 @@ function create_else_block$3(ctx) {
 				default_slot.m(button, null);
 			}
 
+			if (button.autofocus) button.focus();
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(button, "click", /*handleClickButton*/ ctx[3]);
+				dispose = listen(button, "click", checkStopPropagation('click', /*handleClick*/ ctx[3]));
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(button, "style", /*style*/ ctx[1]);
-			}
+			set_attributes(button, button_data = get_spread_update(button_levels, [
+				{ class: BUTTON_CLASS },
+				(!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
+				dataAttrStopPropagation('click')
+			]));
+
+			toggle_class(button, "svelte-1tg0tf", true);
 		},
 		i(local) {
 			if (current) return;
@@ -3027,12 +3078,12 @@ function create_else_block$3(ctx) {
 	};
 }
 
-// (45:39) 
+// (46:39) 
 function create_if_block_2(ctx) {
 	let div;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
 
 	return {
 		c() {
@@ -3052,15 +3103,15 @@ function create_if_block_2(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
@@ -3086,7 +3137,7 @@ function create_if_block_2(ctx) {
 	};
 }
 
-// (41:41) 
+// (35:41) 
 function create_if_block_1$2(ctx) {
 	let a;
 	let a_href_value;
@@ -3094,17 +3145,33 @@ function create_if_block_1$2(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
+
+	let a_levels = [
+		{ class: BUTTON_CLASS },
+		{ style: /*style*/ ctx[1] },
+		{
+			href: a_href_value = /*onClick*/ ctx[0].args[0]
+		},
+		{
+			target: a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null
+		},
+		dataAttrStopPropagation('click')
+	];
+
+	let a_data = {};
+
+	for (let i = 0; i < a_levels.length; i += 1) {
+		a_data = assign(a_data, a_levels[i]);
+	}
 
 	return {
 		c() {
 			a = element("a");
 			if (default_slot) default_slot.c();
-			attr(a, "class", "" + (null_to_empty(BUTTON_CLASS) + " svelte-1tg0tf"));
-			attr(a, "style", /*style*/ ctx[1]);
-			attr(a, "href", a_href_value = /*onClick*/ ctx[0].args[0]);
-			attr(a, "target", a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null);
+			set_attributes(a, a_data);
+			toggle_class(a, "svelte-1tg0tf", true);
 		},
 		m(target, anchor) {
 			insert(target, a, anchor);
@@ -3116,37 +3183,35 @@ function create_if_block_1$2(ctx) {
 			current = true;
 
 			if (!mounted) {
-				dispose = listen(a, "click", /*handleClickAnchor*/ ctx[4]);
+				dispose = listen(a, "click", prevent_default(checkStopPropagation('click', /*handleClick*/ ctx[3])));
 				mounted = true;
 			}
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
 			}
 
-			if (!current || dirty & /*style*/ 2) {
-				attr(a, "style", /*style*/ ctx[1]);
-			}
+			set_attributes(a, a_data = get_spread_update(a_levels, [
+				{ class: BUTTON_CLASS },
+				(!current || dirty & /*style*/ 2) && { style: /*style*/ ctx[1] },
+				(!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[0])) && { href: a_href_value },
+				(!current || dirty & /*onClick*/ 1 && a_target_value !== (a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null)) && { target: a_target_value },
+				dataAttrStopPropagation('click')
+			]));
 
-			if (!current || dirty & /*onClick*/ 1 && a_href_value !== (a_href_value = /*onClick*/ ctx[0].args[0])) {
-				attr(a, "href", a_href_value);
-			}
-
-			if (!current || dirty & /*onClick*/ 1 && a_target_value !== (a_target_value = /*onClick*/ ctx[0].args[1] === true ? '_blank' : null)) {
-				attr(a, "target", a_target_value);
-			}
+			toggle_class(a, "svelte-1tg0tf", true);
 		},
 		i(local) {
 			if (current) return;
@@ -3166,12 +3231,12 @@ function create_if_block_1$2(ctx) {
 	};
 }
 
-// (37:0) {#if disabled}
+// (31:0) {#if disabled}
 function create_if_block$6(ctx) {
 	let div;
 	let current;
-	const default_slot_template = /*#slots*/ ctx[10].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[9], null);
+	const default_slot_template = /*#slots*/ ctx[9].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[8], null);
 
 	return {
 		c() {
@@ -3191,15 +3256,15 @@ function create_if_block$6(ctx) {
 		},
 		p(ctx, dirty) {
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 512)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 256)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[9],
+						/*$$scope*/ ctx[8],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[9])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[9], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[8])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[8], dirty, null),
 						null
 					);
 				}
@@ -3307,17 +3372,7 @@ function instance$u($$self, $$props, $$invalidate) {
 	let { eventValue = undefined } = $$props;
 	let { style = '' } = $$props;
 
-	function handleClickButton() {
-		if (eventName) {
-			send_event(eventName, eventValue);
-		}
-
-		execOnClickOperation(onClick);
-	}
-
-	function handleClickAnchor(e) {
-		e.preventDefault();
-
+	function handleClick() {
 		if (eventName) {
 			send_event(eventName, eventValue);
 		}
@@ -3327,18 +3382,18 @@ function instance$u($$self, $$props, $$invalidate) {
 
 	const { path: statePath } = getStateItemContext() ?? { path: '/' };
 	const valuesAreValid = getValuesAreValidReader(statePath);
-	component_subscribe($$self, valuesAreValid, value => $$invalidate(8, $valuesAreValid = value));
+	component_subscribe($$self, valuesAreValid, value => $$invalidate(7, $valuesAreValid = value));
 
 	$$self.$$set = $$props => {
 		if ('onClick' in $$props) $$invalidate(0, onClick = $$props.onClick);
-		if ('eventName' in $$props) $$invalidate(6, eventName = $$props.eventName);
-		if ('eventValue' in $$props) $$invalidate(7, eventValue = $$props.eventValue);
+		if ('eventName' in $$props) $$invalidate(5, eventName = $$props.eventName);
+		if ('eventValue' in $$props) $$invalidate(6, eventValue = $$props.eventValue);
 		if ('style' in $$props) $$invalidate(1, style = $$props.style);
-		if ('$$scope' in $$props) $$invalidate(9, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(8, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*onClick, $valuesAreValid*/ 257) {
+		if ($$self.$$.dirty & /*onClick, $valuesAreValid*/ 129) {
 			$$invalidate(2, disabled = (() => {
 				let isEnabled = true;
 
@@ -3357,8 +3412,7 @@ function instance$u($$self, $$props, $$invalidate) {
 		onClick,
 		style,
 		disabled,
-		handleClickButton,
-		handleClickAnchor,
+		handleClick,
 		valuesAreValid,
 		eventName,
 		eventValue,
@@ -3380,8 +3434,8 @@ class Button extends SvelteComponent {
 			safe_not_equal,
 			{
 				onClick: 0,
-				eventName: 6,
-				eventValue: 7,
+				eventName: 5,
+				eventValue: 6,
 				style: 1
 			},
 			add_css$r
@@ -7261,7 +7315,7 @@ function get_each_context(ctx, list, i) {
 	return child_ctx;
 }
 
-// (369:2) {#if isVisiblePrevButton}
+// (371:2) {#if isVisiblePrevButton}
 function create_if_block_1(ctx) {
 	let div1;
 	let div0;
@@ -7312,7 +7366,7 @@ function create_if_block_1(ctx) {
 	};
 }
 
-// (378:2) {#if isVisibleNextButton}
+// (380:2) {#if isVisibleNextButton}
 function create_if_block$1(ctx) {
 	let div1;
 	let div0;
@@ -7363,7 +7417,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (391:4) {#each items as _, i}
+// (393:4) {#each items as _, i}
 function create_each_block(ctx) {
 	let div1;
 	let div0;
@@ -7436,6 +7490,13 @@ function create_fragment$b(ctx) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
+	let div3_levels = [{ class: "root" }, dataAttrStopPropagation('click')];
+	let div3_data = {};
+
+	for (let i = 0; i < div3_levels.length; i += 1) {
+		div3_data = assign(div3_data, div3_levels[i]);
+	}
+
 	return {
 		c() {
 			div3 = element("div");
@@ -7459,7 +7520,8 @@ function create_fragment$b(ctx) {
 			attr(div1, "style", /*_style*/ ctx[0]);
 			attr(div2, "class", "navigation svelte-1wlcw5a");
 			attr(div2, "style", /*navigationStyle*/ ctx[4]);
-			attr(div3, "class", "root svelte-1wlcw5a");
+			set_attributes(div3, div3_data);
+			toggle_class(div3, "svelte-1wlcw5a", true);
 		},
 		m(target, anchor) {
 			insert(target, div3, anchor);
@@ -7565,6 +7627,9 @@ function create_fragment$b(ctx) {
 			if (!current || dirty[0] & /*navigationStyle*/ 16) {
 				attr(div2, "style", /*navigationStyle*/ ctx[4]);
 			}
+
+			set_attributes(div3, div3_data = get_spread_update(div3_levels, [{ class: "root" }, dataAttrStopPropagation('click')]));
+			toggle_class(div3, "svelte-1wlcw5a", true);
 		},
 		i(local) {
 			if (current) return;
@@ -7818,7 +7883,9 @@ function instance$b($$self, $$props, $$invalidate) {
 	}
 
 	function handleTouchMove(event) {
+		// ウィンドウのスクロールを防ぐ
 		event.preventDefault();
+
 		const clientX = event.touches[0].clientX;
 		const timeStamp = event.timeStamp;
 		handleMoving(clientX, timeStamp);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.181-28042089.f7e0349f",
+  "version": "1.1.181-28042947.ba6a2943",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",