@plaidev/karte-action-sdk 1.1.174-28032930.8633c15b → 1.1.174-28033114.16b04b8e

package/dist/hydrate/index.es.js

@@ -1,7 +1,7 @@
 import 'svelte/easing';
 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, append_styles, create_slot, create_component, space, claim_component, claim_space, mount_component, insert_hydration, 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, claim_element, children, attr, noop, 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, append_styles, create_slot, space, claim_space, insert_hydration, transition_in, group_outros, transition_out, check_outros, update_slot_base, get_all_dirty_from_scope, get_slot_changes, detach, create_component, claim_component, mount_component, destroy_component, empty, component_subscribe, element, claim_element, children, attr, noop, 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';
 
 /** @internal */
 const PropTypes = [
@@ -2315,27 +2315,57 @@ class Normalize extends SvelteComponent {
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$x(ctx) {
+function create_if_block$9(ctx) {
 	let normalize;
-	let t;
 	let current;
 	normalize = new Normalize({});
-	const default_slot_template = /*#slots*/ ctx[1].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
 
 	return {
 		c() {
 			create_component(normalize.$$.fragment);
+		},
+		l(nodes) {
+			claim_component(normalize.$$.fragment, nodes);
+		},
+		m(target, anchor) {
+			mount_component(normalize, target, anchor);
+			current = true;
+		},
+		i(local) {
+			if (current) return;
+			transition_in(normalize.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(normalize.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(normalize, detaching);
+		}
+	};
+}
+
+function create_fragment$x(ctx) {
+	let t;
+	let current;
+	let if_block = /*_enableNormalize*/ ctx[0] && create_if_block$9();
+	const default_slot_template = /*#slots*/ ctx[2].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
 			t = space();
 			if (default_slot) default_slot.c();
 		},
 		l(nodes) {
-			claim_component(normalize.$$.fragment, nodes);
+			if (if_block) if_block.l(nodes);
 			t = claim_space(nodes);
 			if (default_slot) default_slot.l(nodes);
 		},
 		m(target, anchor) {
-			mount_component(normalize, target, anchor);
+			if (if_block) if_block.m(target, anchor);
 			insert_hydration(target, t, anchor);
 
 			if (default_slot) {
@@ -2345,16 +2375,37 @@ function create_fragment$x(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
+			if (/*_enableNormalize*/ ctx[0]) {
+				if (if_block) {
+					if (dirty & /*_enableNormalize*/ 1) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block$9();
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(t.parentNode, t);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 1)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[0],
+						/*$$scope*/ ctx[1],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[0])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[0], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
 						null
 					);
 				}
@@ -2362,17 +2413,17 @@ function create_fragment$x(ctx) {
 		},
 		i(local) {
 			if (current) return;
-			transition_in(normalize.$$.fragment, local);
+			transition_in(if_block);
 			transition_in(default_slot, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(normalize.$$.fragment, local);
+			transition_out(if_block);
 			transition_out(default_slot, local);
 			current = false;
 		},
 		d(detaching) {
-			destroy_component(normalize, detaching);
+			if (if_block) if_block.d(detaching);
 			if (detaching) detach(t);
 			if (default_slot) default_slot.d(detaching);
 		}
@@ -2381,18 +2432,20 @@ function create_fragment$x(ctx) {
 
 function instance$x($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
+	let { _enableNormalize = true } = $$props;
 
 	$$self.$$set = $$props => {
-		if ('$$scope' in $$props) $$invalidate(0, $$scope = $$props.$$scope);
+		if ('_enableNormalize' in $$props) $$invalidate(0, _enableNormalize = $$props._enableNormalize);
+		if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
 	};
 
-	return [$$scope, slots];
+	return [_enableNormalize, $$scope, slots];
 }
 
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$x, create_fragment$x, safe_not_equal, {});
+		init(this, options, instance$x, create_fragment$x, safe_not_equal, { _enableNormalize: 0 });
 	}
 }
 
@@ -3163,7 +3216,7 @@ function add_css$q(target) {
 	append_styles(target, "svelte-yyiwdt", ".modal.svelte-yyiwdt{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yyiwdt > .button{flex:auto;display:flex}.close.svelte-yyiwdt{position:absolute;top:0;right:0}.close.svelte-yyiwdt > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-yyiwdt > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yyiwdt{flex:auto;display:flex;justify-content:center;align-items:center}");
 }
 
-// (145:0) {#if visible}
+// (144:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3209,7 +3262,7 @@ function create_if_block$5(ctx) {
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
 			mount_component(button, div, null);
-			/*div_binding*/ ctx[29](div);
+			/*div_binding*/ ctx[28](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
@@ -3219,7 +3272,7 @@ function create_if_block$5(ctx) {
 			if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
 			if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
 
-			if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 1075315696) {
+			if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3253,12 +3306,12 @@ function create_if_block$5(ctx) {
 		d(detaching) {
 			if (detaching) detach(div);
 			destroy_component(button);
-			/*div_binding*/ ctx[29](null);
+			/*div_binding*/ ctx[28](null);
 		}
 	};
 }
 
-// (162:6) {#if closable}
+// (161:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3304,7 +3357,7 @@ function create_if_block_1$1(ctx) {
 			if (dirty & /*closeEventName*/ 64) button_changes.eventName = /*closeEventName*/ ctx[6];
 			if (dirty & /*closeEventValue*/ 128) button_changes.eventValue = /*closeEventValue*/ ctx[7];
 
-			if (dirty & /*$$scope, closeButtonColor*/ 1073742080) {
+			if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3330,7 +3383,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
+// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
 function create_default_slot_1$1(ctx) {
 	let svg;
 	let path;
@@ -3387,14 +3440,14 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
+// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
 function create_default_slot$6(ctx) {
 	let t;
 	let div;
 	let current;
 	let if_block = /*closable*/ ctx[19] && create_if_block_1$1(ctx);
-	const default_slot_template = /*#slots*/ ctx[28].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
+	const default_slot_template = /*#slots*/ ctx[27].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
 
 	return {
 		c() {
@@ -3453,15 +3506,15 @@ function create_default_slot$6(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 1073741824)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[30],
+						/*$$scope*/ ctx[29],
 						!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[29])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
 						null
 					);
 				}
@@ -3620,7 +3673,6 @@ function instance$t($$self, $$props, $$invalidate) {
 	let backgroundOverray = DefaultModalPlacement.backgroundOverlay;
 	let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
 	let modal;
-	let { debugDisableAnimation = false } = $$props;
 
 	onMount$1(() => {
 		$$invalidate(12, visible = true);
@@ -3648,13 +3700,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ('closeEventValue' in $$props) $$invalidate(7, closeEventValue = $$props.closeEventValue);
 		if ('closeButtonColor' in $$props) $$invalidate(8, closeButtonColor = $$props.closeButtonColor);
 		if ('_closeStyle' in $$props) $$invalidate(9, _closeStyle = $$props._closeStyle);
-		if ('debugDisableAnimation' in $$props) $$invalidate(23, debugDisableAnimation = $$props.debugDisableAnimation);
-		if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
-			$$invalidate(25, close = () => {
+			$$invalidate(24, close = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -3678,12 +3729,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
 			{
 				if (placement && placement.backgroundClick) {
-					$$invalidate(24, backgroundClickFunction = placement.backgroundClick);
+					$$invalidate(23, backgroundClickFunction = placement.backgroundClick);
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 16777408) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
 			$$invalidate(18, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -3694,12 +3745,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(27, overwritePosition = 'center'
+			$$invalidate(26, overwritePosition = 'center'
 			);
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(26, overwriteMargin = {
+			$$invalidate(25, overwriteMargin = {
 					left: '0px',
 					right: '0px',
 					top: '0px',
@@ -3712,30 +3763,28 @@ function instance$t($$self, $$props, $$invalidate) {
 			$$invalidate(17, overwriteElasticity = 'none' );
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
 			$$invalidate(16, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
 			$$invalidate(15, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 67108864) {
+		if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
 			$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
-		if ($$self.$$.dirty & /*close, modal*/ 33555456) {
+		if ($$self.$$.dirty & /*close, modal*/ 16778240) {
 			$$invalidate(13, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
 		}
-
-		if ($$self.$$.dirty & /*debugDisableAnimation*/ 8388608) {
-			// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
-			$$invalidate(12, visible = debugDisableAnimation ? true : false);
-		}
 	};
 
 	$$invalidate(10, modal = null);
 
+	// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
+	$$invalidate(12, visible = false);
+
 	return [
 		onClick,
 		clickEventName,
@@ -3760,7 +3809,6 @@ function instance$t($$self, $$props, $$invalidate) {
 		$maximumZindex,
 		placement,
 		elasticity,
-		debugDisableAnimation,
 		backgroundClickFunction,
 		close,
 		overwriteMargin,
@@ -3793,8 +3841,7 @@ class Modal extends SvelteComponent {
 				closeEventName: 6,
 				closeEventValue: 7,
 				closeButtonColor: 8,
-				_closeStyle: 9,
-				debugDisableAnimation: 23
+				_closeStyle: 9
 			},
 			add_css$q
 		);

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { linear, elasticOut, cubicOut } from 'svelte/easing';
 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, 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, 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, append_styles, create_slot, space, insert, transition_in, group_outros, transition_out, check_outros, update_slot_base, get_all_dirty_from_scope, get_slot_changes, detach, create_component, mount_component, destroy_component, empty, component_subscribe, element, attr, noop, 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';
 
 /** @internal */
 const PropTypes = [
@@ -908,9 +908,11 @@ const ALL_ACTION_ID = 'KARTE_ALL_ACTION_ID';
 const ALL_ACTION_SHORTEN_ID = 'KARTE_ALL_ACTION_SHORTEN_ID';
 // prettier-ignore
 /** @internal */
-const actionId = typeof __FLYER_GEN_ACTION_ID_ON_BUILD__ === 'string'
-        ? __FLYER_GEN_ACTION_ID_ON_BUILD__
-        : randStr();
+const actionId = typeof __FIX_ACTION_CHANGE_STATE_EVENT__ === 'string'
+        ? __FIX_ACTION_CHANGE_STATE_EVENT__
+        : typeof __FLYER_GEN_ACTION_ID_ON_BUILD__ === 'string'
+            ? __FLYER_GEN_ACTION_ID_ON_BUILD__
+            : randStr();
 /** @internal */
 const ACTION_SHOW_EVENT = `KARTE-ACTION-SHOW-${actionId}`;
 /** @internal */
@@ -1066,9 +1068,6 @@ const EASING = {
  * @internal
  */
 function customAnimation(node, { transform, animationStyle, delay = 0, duration = 1000 }) {
-    if (animationStyle === 'none') {
-        return {};
-    }
     const [x, y] = transform;
     return {
         delay,
@@ -2425,22 +2424,49 @@ class Normalize extends SvelteComponent {
 
 /* src/components/State.svelte generated by Svelte v3.53.1 */
 
-function create_fragment$x(ctx) {
+function create_if_block$9(ctx) {
 	let normalize;
-	let t;
 	let current;
 	normalize = new Normalize({});
-	const default_slot_template = /*#slots*/ ctx[1].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[0], null);
 
 	return {
 		c() {
 			create_component(normalize.$$.fragment);
+		},
+		m(target, anchor) {
+			mount_component(normalize, target, anchor);
+			current = true;
+		},
+		i(local) {
+			if (current) return;
+			transition_in(normalize.$$.fragment, local);
+			current = true;
+		},
+		o(local) {
+			transition_out(normalize.$$.fragment, local);
+			current = false;
+		},
+		d(detaching) {
+			destroy_component(normalize, detaching);
+		}
+	};
+}
+
+function create_fragment$x(ctx) {
+	let t;
+	let current;
+	let if_block = /*_enableNormalize*/ ctx[0] && create_if_block$9();
+	const default_slot_template = /*#slots*/ ctx[2].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[1], null);
+
+	return {
+		c() {
+			if (if_block) if_block.c();
 			t = space();
 			if (default_slot) default_slot.c();
 		},
 		m(target, anchor) {
-			mount_component(normalize, target, anchor);
+			if (if_block) if_block.m(target, anchor);
 			insert(target, t, anchor);
 
 			if (default_slot) {
@@ -2450,16 +2476,37 @@ function create_fragment$x(ctx) {
 			current = true;
 		},
 		p(ctx, [dirty]) {
+			if (/*_enableNormalize*/ ctx[0]) {
+				if (if_block) {
+					if (dirty & /*_enableNormalize*/ 1) {
+						transition_in(if_block, 1);
+					}
+				} else {
+					if_block = create_if_block$9();
+					if_block.c();
+					transition_in(if_block, 1);
+					if_block.m(t.parentNode, t);
+				}
+			} else if (if_block) {
+				group_outros();
+
+				transition_out(if_block, 1, 1, () => {
+					if_block = null;
+				});
+
+				check_outros();
+			}
+
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 1)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 2)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[0],
+						/*$$scope*/ ctx[1],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[0])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[0], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[1])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[1], dirty, null),
 						null
 					);
 				}
@@ -2467,17 +2514,17 @@ function create_fragment$x(ctx) {
 		},
 		i(local) {
 			if (current) return;
-			transition_in(normalize.$$.fragment, local);
+			transition_in(if_block);
 			transition_in(default_slot, local);
 			current = true;
 		},
 		o(local) {
-			transition_out(normalize.$$.fragment, local);
+			transition_out(if_block);
 			transition_out(default_slot, local);
 			current = false;
 		},
 		d(detaching) {
-			destroy_component(normalize, detaching);
+			if (if_block) if_block.d(detaching);
 			if (detaching) detach(t);
 			if (default_slot) default_slot.d(detaching);
 		}
@@ -2486,18 +2533,20 @@ function create_fragment$x(ctx) {
 
 function instance$x($$self, $$props, $$invalidate) {
 	let { $$slots: slots = {}, $$scope } = $$props;
+	let { _enableNormalize = true } = $$props;
 
 	$$self.$$set = $$props => {
-		if ('$$scope' in $$props) $$invalidate(0, $$scope = $$props.$$scope);
+		if ('_enableNormalize' in $$props) $$invalidate(0, _enableNormalize = $$props._enableNormalize);
+		if ('$$scope' in $$props) $$invalidate(1, $$scope = $$props.$$scope);
 	};
 
-	return [$$scope, slots];
+	return [_enableNormalize, $$scope, slots];
 }
 
 class State extends SvelteComponent {
 	constructor(options) {
 		super();
-		init(this, options, instance$x, create_fragment$x, safe_not_equal, {});
+		init(this, options, instance$x, create_fragment$x, safe_not_equal, { _enableNormalize: 0 });
 	}
 }
 
@@ -3192,7 +3241,7 @@ function add_css$q(target) {
 	append_styles(target, "svelte-yyiwdt", ".modal.svelte-yyiwdt{position:fixed;box-sizing:border-box;z-index:2147483647;display:flex}.modal.svelte-yyiwdt > .button{flex:auto;display:flex}.close.svelte-yyiwdt{position:absolute;top:0;right:0}.close.svelte-yyiwdt > .button{position:absolute;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;padding:0;transition:all 0.25s}.close.svelte-yyiwdt > .button:hover{transform:rotate(90deg)}.modal-content.svelte-yyiwdt{flex:auto;display:flex;justify-content:center;align-items:center}");
 }
 
-// (145:0) {#if visible}
+// (144:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3222,7 +3271,7 @@ function create_if_block$5(ctx) {
 		m(target, anchor) {
 			insert(target, div, anchor);
 			mount_component(button, div, null);
-			/*div_binding*/ ctx[29](div);
+			/*div_binding*/ ctx[28](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
@@ -3232,7 +3281,7 @@ function create_if_block$5(ctx) {
 			if (dirty & /*clickEventName*/ 2) button_changes.eventName = /*clickEventName*/ ctx[1];
 			if (dirty & /*clickEventValue*/ 4) button_changes.eventValue = /*clickEventValue*/ ctx[2];
 
-			if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 1075315696) {
+			if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 538444784) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3266,12 +3315,12 @@ function create_if_block$5(ctx) {
 		d(detaching) {
 			if (detaching) detach(div);
 			destroy_component(button);
-			/*div_binding*/ ctx[29](null);
+			/*div_binding*/ ctx[28](null);
 		}
 	};
 }
 
-// (162:6) {#if closable}
+// (161:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3307,7 +3356,7 @@ function create_if_block_1$1(ctx) {
 			if (dirty & /*closeEventName*/ 64) button_changes.eventName = /*closeEventName*/ ctx[6];
 			if (dirty & /*closeEventValue*/ 128) button_changes.eventValue = /*closeEventValue*/ ctx[7];
 
-			if (dirty & /*$$scope, closeButtonColor*/ 1073742080) {
+			if (dirty & /*$$scope, closeButtonColor*/ 536871168) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3333,7 +3382,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
+// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
 function create_default_slot_1$1(ctx) {
 	let svg;
 	let path;
@@ -3366,14 +3415,14 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (161:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
+// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
 function create_default_slot$6(ctx) {
 	let t;
 	let div;
 	let current;
 	let if_block = /*closable*/ ctx[19] && create_if_block_1$1(ctx);
-	const default_slot_template = /*#slots*/ ctx[28].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
+	const default_slot_template = /*#slots*/ ctx[27].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
 
 	return {
 		c() {
@@ -3420,15 +3469,15 @@ function create_default_slot$6(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 1073741824)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[30],
+						/*$$scope*/ ctx[29],
 						!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[29])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
 						null
 					);
 				}
@@ -3581,7 +3630,6 @@ function instance$t($$self, $$props, $$invalidate) {
 	let backgroundOverray = DefaultModalPlacement.backgroundOverlay;
 	let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
 	let modal;
-	let { debugDisableAnimation = false } = $$props;
 
 	onMount$1(() => {
 		$$invalidate(12, visible = true);
@@ -3609,13 +3657,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ('closeEventValue' in $$props) $$invalidate(7, closeEventValue = $$props.closeEventValue);
 		if ('closeButtonColor' in $$props) $$invalidate(8, closeButtonColor = $$props.closeButtonColor);
 		if ('_closeStyle' in $$props) $$invalidate(9, _closeStyle = $$props._closeStyle);
-		if ('debugDisableAnimation' in $$props) $$invalidate(23, debugDisableAnimation = $$props.debugDisableAnimation);
-		if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
-			$$invalidate(25, close = () => {
+			$$invalidate(24, close = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -3639,12 +3686,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
 			{
 				if (placement && placement.backgroundClick) {
-					$$invalidate(24, backgroundClickFunction = placement.backgroundClick);
+					$$invalidate(23, backgroundClickFunction = placement.backgroundClick);
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 16777408) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
 			$$invalidate(18, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -3655,13 +3702,13 @@ function instance$t($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(27, overwritePosition = placement && placement.position != null
+			$$invalidate(26, overwritePosition = placement && placement.position != null
 				? placement.position
 				: DefaultModalPlacement.position);
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(26, overwriteMargin = placement && placement.margin != null
+			$$invalidate(25, overwriteMargin = placement && placement.margin != null
 				? placement.margin
 				: DefaultModalPlacement.margin);
 		}
@@ -3670,30 +3717,28 @@ function instance$t($$self, $$props, $$invalidate) {
 			$$invalidate(17, overwriteElasticity = elasticity);
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
 			$$invalidate(16, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
 			$$invalidate(15, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 67108864) {
+		if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
 			$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
-		if ($$self.$$.dirty & /*close, modal*/ 33555456) {
+		if ($$self.$$.dirty & /*close, modal*/ 16778240) {
 			$$invalidate(13, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
 		}
-
-		if ($$self.$$.dirty & /*debugDisableAnimation*/ 8388608) {
-			// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
-			$$invalidate(12, visible = debugDisableAnimation ? true : false);
-		}
 	};
 
 	$$invalidate(10, modal = null);
 
+	// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
+	$$invalidate(12, visible = false);
+
 	return [
 		onClick,
 		clickEventName,
@@ -3718,7 +3763,6 @@ function instance$t($$self, $$props, $$invalidate) {
 		$maximumZindex,
 		placement,
 		elasticity,
-		debugDisableAnimation,
 		backgroundClickFunction,
 		close,
 		overwriteMargin,
@@ -3751,8 +3795,7 @@ class Modal extends SvelteComponent {
 				closeEventName: 6,
 				closeEventValue: 7,
 				closeButtonColor: 8,
-				_closeStyle: 9,
-				debugDisableAnimation: 23
+				_closeStyle: 9
 			},
 			add_css$q
 		);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.174-28032930.8633c15b",
+  "version": "1.1.174-28033114.16b04b8e",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",