@plaidev/karte-action-sdk 1.1.130-27959366.bbbc1c28 → 1.1.130-27959430.3b76889a

package/dist/hydrate/index.es.js

@@ -2773,7 +2773,7 @@ function add_css$l(target) {
 	append_styles(target, "svelte-12dkw0q", ".modal.svelte-12dkw0q{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-12dkw0q{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-12dkw0q:hover{transform:rotate(90deg)}.modal-content.svelte-12dkw0q{display:flex;justify-content:center;align-items:center}");
 }
 
-// (142:0) {#if visible}
+// (149:0) {#if visible}
 function create_if_block$4(ctx) {
 	let div1;
 	let t;
@@ -2820,7 +2820,7 @@ function create_if_block$4(ctx) {
 			attr(div1, "class", "modal svelte-12dkw0q");
 			attr(div1, "role", "dialog");
 			attr(div1, "aria-modal", "true");
-			attr(div1, "style", div1_style_value = "" + /*pos*/ ctx[10] + " " + /*marginStyle*/ ctx[8] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[11]] + "");
+			attr(div1, "style", div1_style_value = "" + /*pos*/ ctx[11] + " " + /*marginStyle*/ ctx[9] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[12]] + "");
 		},
 		m(target, anchor) {
 			insert_hydration(target, div1, anchor);
@@ -2878,7 +2878,7 @@ function create_if_block$4(ctx) {
 				attr(div0, "style", /*_style*/ ctx[1]);
 			}
 
-			if (!current || dirty & /*pos, marginStyle, overwriteElasticity*/ 3328 && div1_style_value !== (div1_style_value = "" + /*pos*/ ctx[10] + " " + /*marginStyle*/ ctx[8] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[11]] + "")) {
+			if (!current || dirty & /*pos, marginStyle, overwriteElasticity*/ 6656 && div1_style_value !== (div1_style_value = "" + /*pos*/ ctx[11] + " " + /*marginStyle*/ ctx[9] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[12]] + "")) {
 				attr(div1, "style", div1_style_value);
 			}
 		},
@@ -2889,7 +2889,7 @@ function create_if_block$4(ctx) {
 			if (!div1_intro) {
 				add_render_callback(() => {
 					div1_intro = create_in_transition(div1, customAnimation, {
-						transform: /*transform*/ ctx[9],
+						transform: /*transform*/ ctx[10],
 						animationStyle: /*animation*/ ctx[0]
 					});
 
@@ -2914,7 +2914,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-// (159:4) {#if closable}
+// (166:4) {#if closable}
 function create_if_block_1$1(ctx) {
 	let button;
 	let svg;
@@ -3009,15 +3009,15 @@ function create_fragment$o(ctx) {
 
 	backgroundoverray = new BackgroundOverray({
 			props: {
-				backgroundOverray: /*backgroundOverray*/ ctx[13]
+				backgroundOverray: /*backgroundOverray*/ ctx[6]
 			}
 		});
 
 	backgroundoverray.$on("click", function () {
-		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
+		if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$4(ctx);
+	let if_block = /*visible*/ ctx[7] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -3041,7 +3041,7 @@ function create_fragment$o(ctx) {
 
 			if (!mounted) {
 				dispose = listen(window, "keydown", function () {
-					if (is_function(/*handle_keydown*/ ctx[7])) /*handle_keydown*/ ctx[7].apply(this, arguments);
+					if (is_function(/*handle_keydown*/ ctx[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
 				});
 
 				mounted = true;
@@ -3050,14 +3050,14 @@ function create_fragment$o(ctx) {
 		p(new_ctx, [dirty]) {
 			ctx = new_ctx;
 			const backgroundoverray_changes = {};
-			if (dirty & /*backgroundOverray*/ 8192) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[13];
+			if (dirty & /*backgroundOverray*/ 64) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[6];
 			backgroundoverray.$set(backgroundoverray_changes);
 
-			if (/*visible*/ ctx[6]) {
+			if (/*visible*/ ctx[7]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*visible*/ 64) {
+					if (dirty & /*visible*/ 128) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -3102,8 +3102,6 @@ function instance$o($$self, $$props, $$invalidate) {
 	let click;
 	let close;
 	let closable;
-	let backgroundOverray;
-	let backgroundClickFunction;
 	let backgroundClick;
 	let overwritePosition;
 	let overwriteMargin;
@@ -3128,10 +3126,12 @@ function instance$o($$self, $$props, $$invalidate) {
 	let { closeEventValue = null } = $$props;
 	let { closeButtonColor = '#000000' } = $$props;
 	let { _closeStyle = '' } = $$props;
+	let backgroundOverray = DefaultModalPlacement.backgroundOverlay;
+	let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
 	let modal;
 
 	onMount(() => {
-		$$invalidate(6, visible = true);
+		$$invalidate(7, visible = true);
 	});
 
 	onDestroy$1(() => setPreviousFocus());
@@ -3185,19 +3185,23 @@ function instance$o($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(13, backgroundOverray = placement && placement.backgroundOverlay != null
-			? placement.backgroundOverlay
-			: DefaultModalPlacement.backgroundOverlay);
+			{
+				{
+					$$invalidate(6, backgroundOverray = false);
+				}
+			}
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(27, backgroundClickFunction = placement && placement.backgroundClick != null
-			? placement.backgroundClick
-			: DefaultModalPlacement.backgroundClick);
+			{
+				if (placement && placement.backgroundClick !== null) {
+					$$invalidate(25, backgroundClickFunction = placement.backgroundClick);
+				}
+			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 159383552) {
-			$$invalidate(12, backgroundClick = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
+			$$invalidate(13, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -3207,12 +3211,12 @@ function instance$o($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(26, overwritePosition = 'center'
+			$$invalidate(27, overwritePosition = 'center'
 			);
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(25, overwriteMargin = {
+			$$invalidate(26, overwriteMargin = {
 					left: '0px',
 					right: '0px',
 					top: '0px',
@@ -3222,30 +3226,30 @@ function instance$o($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*elasticity*/ 2097152) {
-			$$invalidate(11, overwriteElasticity = 'none' );
+			$$invalidate(12, overwriteElasticity = 'none' );
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
-			$$invalidate(10, pos = getPositionStyle(overwritePosition));
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+			$$invalidate(11, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
-			$$invalidate(9, transform = getTransform(overwritePosition));
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+			$$invalidate(10, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
-			$$invalidate(8, marginStyle = getMarginStyle(overwriteMargin));
+		if ($$self.$$.dirty & /*overwriteMargin*/ 67108864) {
+			$$invalidate(9, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
 		if ($$self.$$.dirty & /*close, modal*/ 48) {
-			$$invalidate(7, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
+			$$invalidate(8, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
 		}
 	};
 
 	$$invalidate(4, modal = null);
 
 	// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
-	$$invalidate(6, visible = false);
+	$$invalidate(7, visible = false);
 
 	return [
 		animation,
@@ -3254,6 +3258,7 @@ function instance$o($$self, $$props, $$invalidate) {
 		_closeStyle,
 		modal,
 		close,
+		backgroundOverray,
 		visible,
 		handle_keydown,
 		marginStyle,
@@ -3261,7 +3266,6 @@ function instance$o($$self, $$props, $$invalidate) {
 		pos,
 		overwriteElasticity,
 		backgroundClick,
-		backgroundOverray,
 		closable,
 		click,
 		$maximumZindex,
@@ -3273,9 +3277,9 @@ function instance$o($$self, $$props, $$invalidate) {
 		onClose,
 		closeEventName,
 		closeEventValue,
+		backgroundClickFunction,
 		overwriteMargin,
 		overwritePosition,
-		backgroundClickFunction,
 		$$scope,
 		slots,
 		div1_binding

package/dist/index.es.js

@@ -2833,7 +2833,7 @@ function add_css$l(target) {
 	append_styles(target, "svelte-12dkw0q", ".modal.svelte-12dkw0q{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-12dkw0q{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-12dkw0q:hover{transform:rotate(90deg)}.modal-content.svelte-12dkw0q{display:flex;justify-content:center;align-items:center}");
 }
 
-// (142:0) {#if visible}
+// (149:0) {#if visible}
 function create_if_block$4(ctx) {
 	let div1;
 	let t;
@@ -2859,7 +2859,7 @@ function create_if_block$4(ctx) {
 			attr(div1, "class", "modal svelte-12dkw0q");
 			attr(div1, "role", "dialog");
 			attr(div1, "aria-modal", "true");
-			attr(div1, "style", div1_style_value = "" + /*pos*/ ctx[10] + " " + /*marginStyle*/ ctx[8] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[11]] + "");
+			attr(div1, "style", div1_style_value = "" + /*pos*/ ctx[11] + " " + /*marginStyle*/ ctx[9] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[12]] + "");
 		},
 		m(target, anchor) {
 			insert(target, div1, anchor);
@@ -2917,7 +2917,7 @@ function create_if_block$4(ctx) {
 				attr(div0, "style", /*_style*/ ctx[1]);
 			}
 
-			if (!current || dirty & /*pos, marginStyle, overwriteElasticity*/ 3328 && div1_style_value !== (div1_style_value = "" + /*pos*/ ctx[10] + " " + /*marginStyle*/ ctx[8] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[11]] + "")) {
+			if (!current || dirty & /*pos, marginStyle, overwriteElasticity*/ 6656 && div1_style_value !== (div1_style_value = "" + /*pos*/ ctx[11] + " " + /*marginStyle*/ ctx[9] + " " + ElasticityStyle[/*overwriteElasticity*/ ctx[12]] + "")) {
 				attr(div1, "style", div1_style_value);
 			}
 		},
@@ -2928,7 +2928,7 @@ function create_if_block$4(ctx) {
 			if (!div1_intro) {
 				add_render_callback(() => {
 					div1_intro = create_in_transition(div1, customAnimation, {
-						transform: /*transform*/ ctx[9],
+						transform: /*transform*/ ctx[10],
 						animationStyle: /*animation*/ ctx[0]
 					});
 
@@ -2953,7 +2953,7 @@ function create_if_block$4(ctx) {
 	};
 }
 
-// (159:4) {#if closable}
+// (166:4) {#if closable}
 function create_if_block_1$1(ctx) {
 	let button;
 	let svg;
@@ -3020,15 +3020,15 @@ function create_fragment$o(ctx) {
 
 	backgroundoverray = new BackgroundOverray({
 			props: {
-				backgroundOverray: /*backgroundOverray*/ ctx[13]
+				backgroundOverray: /*backgroundOverray*/ ctx[6]
 			}
 		});
 
 	backgroundoverray.$on("click", function () {
-		if (is_function(/*backgroundClick*/ ctx[12])) /*backgroundClick*/ ctx[12].apply(this, arguments);
+		if (is_function(/*backgroundClick*/ ctx[13])) /*backgroundClick*/ ctx[13].apply(this, arguments);
 	});
 
-	let if_block = /*visible*/ ctx[6] && create_if_block$4(ctx);
+	let if_block = /*visible*/ ctx[7] && create_if_block$4(ctx);
 
 	return {
 		c() {
@@ -3046,7 +3046,7 @@ function create_fragment$o(ctx) {
 
 			if (!mounted) {
 				dispose = listen(window, "keydown", function () {
-					if (is_function(/*handle_keydown*/ ctx[7])) /*handle_keydown*/ ctx[7].apply(this, arguments);
+					if (is_function(/*handle_keydown*/ ctx[8])) /*handle_keydown*/ ctx[8].apply(this, arguments);
 				});
 
 				mounted = true;
@@ -3055,14 +3055,14 @@ function create_fragment$o(ctx) {
 		p(new_ctx, [dirty]) {
 			ctx = new_ctx;
 			const backgroundoverray_changes = {};
-			if (dirty & /*backgroundOverray*/ 8192) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[13];
+			if (dirty & /*backgroundOverray*/ 64) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[6];
 			backgroundoverray.$set(backgroundoverray_changes);
 
-			if (/*visible*/ ctx[6]) {
+			if (/*visible*/ ctx[7]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 
-					if (dirty & /*visible*/ 64) {
+					if (dirty & /*visible*/ 128) {
 						transition_in(if_block, 1);
 					}
 				} else {
@@ -3107,8 +3107,6 @@ function instance$o($$self, $$props, $$invalidate) {
 	let click;
 	let close;
 	let closable;
-	let backgroundOverray;
-	let backgroundClickFunction;
 	let backgroundClick;
 	let overwritePosition;
 	let overwriteMargin;
@@ -3133,10 +3131,12 @@ function instance$o($$self, $$props, $$invalidate) {
 	let { closeEventValue = null } = $$props;
 	let { closeButtonColor = '#000000' } = $$props;
 	let { _closeStyle = '' } = $$props;
+	let backgroundOverray = DefaultModalPlacement.backgroundOverlay;
+	let backgroundClickFunction = DefaultModalPlacement.backgroundClick;
 	let modal;
 
 	onMount(() => {
-		$$invalidate(6, visible = true);
+		$$invalidate(7, visible = true);
 	});
 
 	onDestroy$1(() => setPreviousFocus());
@@ -3190,19 +3190,23 @@ function instance$o($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(13, backgroundOverray = placement && placement.backgroundOverlay != null
-			? placement.backgroundOverlay
-			: DefaultModalPlacement.backgroundOverlay);
+			{
+				if (placement && placement.backgroundOverlay !== null) {
+					$$invalidate(6, backgroundOverray = placement.backgroundOverlay);
+				}
+			}
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(27, backgroundClickFunction = placement && placement.backgroundClick != null
-			? placement.backgroundClick
-			: DefaultModalPlacement.backgroundClick);
+			{
+				if (placement && placement.backgroundClick !== null) {
+					$$invalidate(25, backgroundClickFunction = placement.backgroundClick);
+				}
+			}
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 159383552) {
-			$$invalidate(12, backgroundClick = () => {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 58720256) {
+			$$invalidate(13, backgroundClick = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
 				}
@@ -3212,42 +3216,42 @@ function instance$o($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(26, overwritePosition = placement && placement.position != null
+			$$invalidate(27, overwritePosition = placement && placement.position != null
 				? placement.position
 				: DefaultModalPlacement.position);
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 1048576) {
-			$$invalidate(25, overwriteMargin = placement && placement.margin != null
+			$$invalidate(26, overwriteMargin = placement && placement.margin != null
 				? placement.margin
 				: DefaultModalPlacement.margin);
 		}
 
 		if ($$self.$$.dirty & /*elasticity*/ 2097152) {
-			$$invalidate(11, overwriteElasticity = elasticity);
+			$$invalidate(12, overwriteElasticity = elasticity);
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
-			$$invalidate(10, pos = getPositionStyle(overwritePosition));
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+			$$invalidate(11, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 67108864) {
-			$$invalidate(9, transform = getTransform(overwritePosition));
+		if ($$self.$$.dirty & /*overwritePosition*/ 134217728) {
+			$$invalidate(10, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 33554432) {
-			$$invalidate(8, marginStyle = getMarginStyle(overwriteMargin));
+		if ($$self.$$.dirty & /*overwriteMargin*/ 67108864) {
+			$$invalidate(9, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
 		if ($$self.$$.dirty & /*close, modal*/ 48) {
-			$$invalidate(7, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
+			$$invalidate(8, handle_keydown = handleKeydown({ Escape: close, Tab: handleFocus(modal) }));
 		}
 	};
 
 	$$invalidate(4, modal = null);
 
 	// svelteコンポーネントのアニメーションを発火させるためにマウント時にvisibleをtrueにする。
-	$$invalidate(6, visible = false);
+	$$invalidate(7, visible = false);
 
 	return [
 		animation,
@@ -3256,6 +3260,7 @@ function instance$o($$self, $$props, $$invalidate) {
 		_closeStyle,
 		modal,
 		close,
+		backgroundOverray,
 		visible,
 		handle_keydown,
 		marginStyle,
@@ -3263,7 +3268,6 @@ function instance$o($$self, $$props, $$invalidate) {
 		pos,
 		overwriteElasticity,
 		backgroundClick,
-		backgroundOverray,
 		closable,
 		click,
 		$maximumZindex,
@@ -3275,9 +3279,9 @@ function instance$o($$self, $$props, $$invalidate) {
 		onClose,
 		closeEventName,
 		closeEventValue,
+		backgroundClickFunction,
 		overwriteMargin,
 		overwritePosition,
-		backgroundClickFunction,
 		$$scope,
 		slots,
 		div1_binding

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.130-27959366.bbbc1c28",
+  "version": "1.1.130-27959430.3b76889a",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "module": "./dist/index.es.js",