@plaidev/karte-action-sdk 1.1.174-28032767.85495e8a → 1.1.174-28032911.de666439

package/dist/hydrate/index.es.js

@@ -3163,7 +3163,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}");
 }
 
-// (144:0) {#if visible}
+// (145:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3209,7 +3209,7 @@ function create_if_block$5(ctx) {
 		m(target, anchor) {
 			insert_hydration(target, div, anchor);
 			mount_component(button, div, null);
-			/*div_binding*/ ctx[28](div);
+			/*div_binding*/ ctx[29](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
@@ -3219,7 +3219,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*/ 538444784) {
+			if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 1075315696) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3253,12 +3253,12 @@ function create_if_block$5(ctx) {
 		d(detaching) {
 			if (detaching) detach(div);
 			destroy_component(button);
-			/*div_binding*/ ctx[28](null);
+			/*div_binding*/ ctx[29](null);
 		}
 	};
 }
 
-// (161:6) {#if closable}
+// (162:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3304,7 +3304,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*/ 536871168) {
+			if (dirty & /*$$scope, closeButtonColor*/ 1073742080) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3330,7 +3330,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
+// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
 function create_default_slot_1$1(ctx) {
 	let svg;
 	let path;
@@ -3387,14 +3387,14 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
+// (161: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[27].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
+	const default_slot_template = /*#slots*/ ctx[28].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
 
 	return {
 		c() {
@@ -3453,15 +3453,15 @@ function create_default_slot$6(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 1073741824)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[29],
+						/*$$scope*/ ctx[30],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[30])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[30], dirty, null),
 						null
 					);
 				}
@@ -3620,6 +3620,7 @@ 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);
@@ -3647,12 +3648,13 @@ 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 ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
+		if ('debugDisableAnimation' in $$props) $$invalidate(23, debugDisableAnimation = $$props.debugDisableAnimation);
+		if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
-			$$invalidate(24, close = () => {
+			$$invalidate(25, close = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -3676,12 +3678,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
 			{
 				if (placement && placement.backgroundClick) {
-					$$invalidate(23, backgroundClickFunction = placement.backgroundClick);
+					$$invalidate(24, backgroundClickFunction = placement.backgroundClick);
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 16777408) {
 			$$invalidate(18, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -3692,12 +3694,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(26, overwritePosition = 'center'
+			$$invalidate(27, overwritePosition = 'center'
 			);
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(25, overwriteMargin = {
+			$$invalidate(26, overwriteMargin = {
 					left: '0px',
 					right: '0px',
 					top: '0px',
@@ -3710,28 +3712,30 @@ function instance$t($$self, $$props, $$invalidate) {
 			$$invalidate(17, overwriteElasticity = 'none' );
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
 			$$invalidate(16, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
 			$$invalidate(15, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
+		if ($$self.$$.dirty & /*overwriteMargin*/ 67108864) {
 			$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
-		if ($$self.$$.dirty & /*close, modal*/ 16778240) {
+		if ($$self.$$.dirty & /*close, modal*/ 33555456) {
 			$$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,
@@ -3756,6 +3760,7 @@ function instance$t($$self, $$props, $$invalidate) {
 		$maximumZindex,
 		placement,
 		elasticity,
+		debugDisableAnimation,
 		backgroundClickFunction,
 		close,
 		overwriteMargin,
@@ -3788,7 +3793,8 @@ class Modal extends SvelteComponent {
 				closeEventName: 6,
 				closeEventValue: 7,
 				closeButtonColor: 8,
-				_closeStyle: 9
+				_closeStyle: 9,
+				debugDisableAnimation: 23
 			},
 			add_css$q
 		);

package/dist/index.es.js

@@ -1066,6 +1066,9 @@ const EASING = {
  * @internal
  */
 function customAnimation(node, { transform, animationStyle, delay = 0, duration = 1000 }) {
+    if (animationStyle === 'none') {
+        return {};
+    }
     const [x, y] = transform;
     return {
         delay,
@@ -3189,7 +3192,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}");
 }
 
-// (144:0) {#if visible}
+// (145:0) {#if visible}
 function create_if_block$5(ctx) {
 	let div;
 	let button;
@@ -3219,7 +3222,7 @@ function create_if_block$5(ctx) {
 		m(target, anchor) {
 			insert(target, div, anchor);
 			mount_component(button, div, null);
-			/*div_binding*/ ctx[28](div);
+			/*div_binding*/ ctx[29](div);
 			current = true;
 		},
 		p(new_ctx, dirty) {
@@ -3229,7 +3232,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*/ 538444784) {
+			if (dirty & /*$$scope, _style, $maximumZindex, onClose, _closeStyle, closeEventName, closeEventValue, closeButtonColor, closable*/ 1075315696) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3263,12 +3266,12 @@ function create_if_block$5(ctx) {
 		d(detaching) {
 			if (detaching) detach(div);
 			destroy_component(button);
-			/*div_binding*/ ctx[28](null);
+			/*div_binding*/ ctx[29](null);
 		}
 	};
 }
 
-// (161:6) {#if closable}
+// (162:6) {#if closable}
 function create_if_block_1$1(ctx) {
 	let div;
 	let button;
@@ -3304,7 +3307,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*/ 536871168) {
+			if (dirty & /*$$scope, closeButtonColor*/ 1073742080) {
 				button_changes.$$scope = { dirty, ctx };
 			}
 
@@ -3330,7 +3333,7 @@ function create_if_block_1$1(ctx) {
 	};
 }
 
-// (163:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
+// (164:10) <Button onClick={onClose} style={_closeStyle} eventName={closeEventName} eventValue={closeEventValue}>
 function create_default_slot_1$1(ctx) {
 	let svg;
 	let path;
@@ -3363,14 +3366,14 @@ function create_default_slot_1$1(ctx) {
 	};
 }
 
-// (160:4) <Button {onClick} eventName={clickEventName} eventValue={clickEventValue}>
+// (161: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[27].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[29], null);
+	const default_slot_template = /*#slots*/ ctx[28].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[30], null);
 
 	return {
 		c() {
@@ -3417,15 +3420,15 @@ function create_default_slot$6(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 536870912)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 1073741824)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[29],
+						/*$$scope*/ ctx[30],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[29])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[29], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[30])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[30], dirty, null),
 						null
 					);
 				}
@@ -3578,6 +3581,7 @@ 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);
@@ -3605,12 +3609,13 @@ 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 ('$$scope' in $$props) $$invalidate(29, $$scope = $$props.$$scope);
+		if ('debugDisableAnimation' in $$props) $$invalidate(23, debugDisableAnimation = $$props.debugDisableAnimation);
+		if ('$$scope' in $$props) $$invalidate(30, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
 		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 224) {
-			$$invalidate(24, close = () => {
+			$$invalidate(25, close = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -3634,12 +3639,12 @@ function instance$t($$self, $$props, $$invalidate) {
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
 			{
 				if (placement && placement.backgroundClick) {
-					$$invalidate(23, backgroundClickFunction = placement.backgroundClick);
+					$$invalidate(24, backgroundClickFunction = placement.backgroundClick);
 				}
 			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 8388800) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 16777408) {
 			$$invalidate(18, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -3650,13 +3655,13 @@ function instance$t($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(26, overwritePosition = placement && placement.position != null
+			$$invalidate(27, overwritePosition = placement && placement.position != null
 				? placement.position
 				: DefaultModalPlacement.position);
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 2097152) {
-			$$invalidate(25, overwriteMargin = placement && placement.margin != null
+			$$invalidate(26, overwriteMargin = placement && placement.margin != null
 				? placement.margin
 				: DefaultModalPlacement.margin);
 		}
@@ -3665,28 +3670,30 @@ function instance$t($$self, $$props, $$invalidate) {
 			$$invalidate(17, overwriteElasticity = elasticity);
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
 			$$invalidate(16, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
 			$$invalidate(15, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
+		if ($$self.$$.dirty & /*overwriteMargin*/ 67108864) {
 			$$invalidate(14, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
-		if ($$self.$$.dirty & /*close, modal*/ 16778240) {
+		if ($$self.$$.dirty & /*close, modal*/ 33555456) {
 			$$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,
@@ -3711,6 +3718,7 @@ function instance$t($$self, $$props, $$invalidate) {
 		$maximumZindex,
 		placement,
 		elasticity,
+		debugDisableAnimation,
 		backgroundClickFunction,
 		close,
 		overwriteMargin,
@@ -3743,7 +3751,8 @@ class Modal extends SvelteComponent {
 				closeEventName: 6,
 				closeEventValue: 7,
 				closeButtonColor: 8,
-				_closeStyle: 9
+				_closeStyle: 9,
+				debugDisableAnimation: 23
 			},
 			add_css$q
 		);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.174-28032767.85495e8a",
+  "version": "1.1.174-28032911.de666439",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",