@plaidev/karte-action-sdk 1.1.71 → 1.1.72

package/dist/hydrate/index.es.d.ts

@@ -64,6 +64,7 @@ type ModalPlacement<M = ModalMargin> = {
     position?: ModalPosition;
     margin?: M;
     backgroundOverlay?: boolean;
+    backgroundClick?: OnClickOperation;
 };
 declare const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
 type OperationArgumentTypes = {

package/dist/hydrate/index.es.js

@@ -272,6 +272,7 @@ const DefaultModalPlacement = {
         bottom: '0px',
     },
     backgroundOverlay: false,
+    backgroundClick: { operation: "closeApp", args: [] },
 };
 const OnClickOperationOptions = [
     {
@@ -917,7 +918,7 @@ function add_css$9(target) {
 	append_styles(target, "svelte-1bxl6mz", ".modal.svelte-1bxl6mz{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-1bxl6mz{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-1bxl6mz:hover{transform:rotate(90deg)}");
 }
 
-// (120:0) {#if visible}
+// (124:0) {#if visible}
 function create_if_block$1(ctx) {
 	let div;
 	let t;
@@ -926,9 +927,9 @@ function create_if_block$1(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*closable*/ ctx[12] && create_if_block_1(ctx);
-	const default_slot_template = /*#slots*/ ctx[25].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[24], null);
+	let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
+	const default_slot_template = /*#slots*/ ctx[26].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
 
 	return {
 		c() {
@@ -968,12 +969,12 @@ function create_if_block$1(ctx) {
 				default_slot.m(div, null);
 			}
 
-			/*div_binding*/ ctx[26](div);
+			/*div_binding*/ ctx[28](div);
 			current = true;
 
 			if (!mounted) {
 				dispose = listen(div, "click", function () {
-					if (is_function(/*click*/ ctx[13])) /*click*/ ctx[13].apply(this, arguments);
+					if (is_function(/*click*/ ctx[14])) /*click*/ ctx[14].apply(this, arguments);
 				});
 
 				mounted = true;
@@ -982,7 +983,7 @@ function create_if_block$1(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (/*closable*/ ctx[12]) {
+			if (/*closable*/ ctx[13]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
@@ -996,15 +997,15 @@ function create_if_block$1(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 16777216)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[24],
+						/*$$scope*/ ctx[25],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[24])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[24], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
 						null
 					);
 				}
@@ -1039,14 +1040,14 @@ function create_if_block$1(ctx) {
 			if (detaching) detach(div);
 			if (if_block) if_block.d();
 			if (default_slot) default_slot.d(detaching);
-			/*div_binding*/ ctx[26](null);
+			/*div_binding*/ ctx[28](null);
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
-// (137:4) {#if closable}
+// (141:4) {#if closable}
 function create_if_block_1(ctx) {
 	let button;
 	let svg;
@@ -1097,7 +1098,7 @@ function create_if_block_1(ctx) {
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(button, "class", "close svelte-1bxl6mz");
-			attr(button, "style", button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[14] + 1) + "; " + /*_closeStyle*/ ctx[3] + "");
+			attr(button, "style", button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[15] + 1) + "; " + /*_closeStyle*/ ctx[3] + "");
 		},
 		m(target, anchor) {
 			insert_hydration(target, button, anchor);
@@ -1119,7 +1120,7 @@ function create_if_block_1(ctx) {
 				attr(path, "fill", /*closeButtonColor*/ ctx[2]);
 			}
 
-			if (dirty & /*$maximumZindex, _closeStyle*/ 16392 && button_style_value !== (button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[14] + 1) + "; " + /*_closeStyle*/ ctx[3] + "")) {
+			if (dirty & /*$maximumZindex, _closeStyle*/ 32776 && button_style_value !== (button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[15] + 1) + "; " + /*_closeStyle*/ ctx[3] + "")) {
 				attr(button, "style", button_style_value);
 			}
 		},
@@ -1141,14 +1142,11 @@ function create_fragment$c(ctx) {
 
 	backgroundoverray = new BackgroundOverray({
 			props: {
-				backgroundOverray: /*backgroundOverray*/ ctx[11]
+				backgroundOverray: /*backgroundOverray*/ ctx[12]
 			}
 		});
 
-	backgroundoverray.$on("click", function () {
-		if (is_function(/*close*/ ctx[5])) /*close*/ ctx[5].apply(this, arguments);
-	});
-
+	backgroundoverray.$on("click", /*click_handler*/ ctx[27]);
 	let if_block = /*visible*/ ctx[6] && create_if_block$1(ctx);
 
 	return {
@@ -1182,7 +1180,7 @@ function create_fragment$c(ctx) {
 		p(new_ctx, [dirty]) {
 			ctx = new_ctx;
 			const backgroundoverray_changes = {};
-			if (dirty & /*backgroundOverray*/ 2048) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[11];
+			if (dirty & /*backgroundOverray*/ 4096) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[12];
 			backgroundoverray.$set(backgroundoverray_changes);
 
 			if (/*visible*/ ctx[6]) {
@@ -1235,6 +1233,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundOverray;
+	let backgroundClick;
 	let overwritePosition;
 	let overwriteMargin;
 	let pos;
@@ -1243,7 +1242,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let handle_keydown;
 	let visible;
 	let $maximumZindex;
-	component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
+	component_subscribe($$self, maximumZindex, $$value => $$invalidate(15, $maximumZindex = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { clickEventName = '' } = $$props;
@@ -1263,6 +1262,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	});
 
 	onDestroy(() => setPreviousFocus());
+	const click_handler = () => execOnClickOperation(backgroundClick);
 
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
@@ -1272,23 +1272,23 @@ function instance$c($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ('onClick' in $$props) $$invalidate(15, onClick = $$props.onClick);
-		if ('clickEventName' in $$props) $$invalidate(16, clickEventName = $$props.clickEventName);
-		if ('clickEventValue' in $$props) $$invalidate(17, clickEventValue = $$props.clickEventValue);
-		if ('placement' in $$props) $$invalidate(18, placement = $$props.placement);
+		if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
+		if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
+		if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
+		if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
 		if ('animation' in $$props) $$invalidate(0, animation = $$props.animation);
 		if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
-		if ('onClose' in $$props) $$invalidate(19, onClose = $$props.onClose);
+		if ('onClose' in $$props) $$invalidate(20, onClose = $$props.onClose);
 		if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
-		if ('closeEventName' in $$props) $$invalidate(20, closeEventName = $$props.closeEventName);
-		if ('closeEventValue' in $$props) $$invalidate(21, closeEventValue = $$props.closeEventValue);
+		if ('closeEventName' in $$props) $$invalidate(21, closeEventName = $$props.closeEventName);
+		if ('closeEventValue' in $$props) $$invalidate(22, closeEventValue = $$props.closeEventValue);
 		if ('_closeStyle' in $$props) $$invalidate(3, _closeStyle = $$props._closeStyle);
-		if ('$$scope' in $$props) $$invalidate(24, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*clickEventName, clickEventValue, onClick*/ 229376) {
-			$$invalidate(13, click = () => {
+		if ($$self.$$.dirty & /*clickEventName, clickEventValue, onClick*/ 458752) {
+			$$invalidate(14, click = () => {
 				if (clickEventName) {
 					send_event(clickEventName, clickEventValue);
 				}
@@ -1297,7 +1297,7 @@ function instance$c($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 3670016) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 7340032) {
 			$$invalidate(5, close = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -1307,23 +1307,29 @@ function instance$c($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*onClose*/ 524288) {
-			$$invalidate(12, closable = haveFunction(onClose));
+		if ($$self.$$.dirty & /*onClose*/ 1048576) {
+			$$invalidate(13, closable = haveFunction(onClose));
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 262144) {
-			$$invalidate(11, backgroundOverray = placement && placement.backgroundOverlay != null
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(12, backgroundOverray = placement && placement.backgroundOverlay != null
 			? placement.backgroundOverlay
 			: DefaultModalPlacement.backgroundOverlay);
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 262144) {
-			$$invalidate(23, overwritePosition = 'center'
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(11, backgroundClick = placement && placement.backgroundClick != null
+			? placement.backgroundClick
+			: DefaultModalPlacement.backgroundClick);
+		}
+
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(24, overwritePosition = 'center'
 			);
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 262144) {
-			$$invalidate(22, overwriteMargin = {
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(23, overwriteMargin = {
 					left: '0px',
 					right: '0px',
 					top: '0px',
@@ -1332,15 +1338,15 @@ function instance$c($$self, $$props, $$invalidate) {
 			);
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 8388608) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 16777216) {
 			$$invalidate(10, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 8388608) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 16777216) {
 			$$invalidate(9, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 4194304) {
+		if ($$self.$$.dirty & /*overwriteMargin*/ 8388608) {
 			$$invalidate(8, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
@@ -1366,6 +1372,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		marginStyle,
 		transform,
 		pos,
+		backgroundClick,
 		backgroundOverray,
 		closable,
 		click,
@@ -1381,6 +1388,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		overwritePosition,
 		$$scope,
 		slots,
+		click_handler,
 		div_binding
 	];
 }
@@ -1396,16 +1404,16 @@ class Modal extends SvelteComponent {
 			create_fragment$c,
 			safe_not_equal,
 			{
-				onClick: 15,
-				clickEventName: 16,
-				clickEventValue: 17,
-				placement: 18,
+				onClick: 16,
+				clickEventName: 17,
+				clickEventValue: 18,
+				placement: 19,
 				animation: 0,
 				_style: 1,
-				onClose: 19,
+				onClose: 20,
 				closeButtonColor: 2,
-				closeEventName: 20,
-				closeEventValue: 21,
+				closeEventName: 21,
+				closeEventValue: 22,
 				_closeStyle: 3
 			},
 			add_css$9

package/dist/index.es.d.ts

@@ -64,6 +64,7 @@ type ModalPlacement<M = ModalMargin> = {
     position?: ModalPosition;
     margin?: M;
     backgroundOverlay?: boolean;
+    backgroundClick?: OnClickOperation;
 };
 declare const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
 type OperationArgumentTypes = {

package/dist/index.es.js

@@ -324,6 +324,7 @@ const DefaultModalPlacement = {
         bottom: '0px',
     },
     backgroundOverlay: false,
+    backgroundClick: { operation: "closeApp", args: [] },
 };
 const OnClickOperationOptions = [
     {
@@ -1005,7 +1006,7 @@ function add_css$9(target) {
 	append_styles(target, "svelte-1bxl6mz", ".modal.svelte-1bxl6mz{position:fixed;box-sizing:border-box;z-index:2147483647}.close.svelte-1bxl6mz{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-1bxl6mz:hover{transform:rotate(90deg)}");
 }
 
-// (120:0) {#if visible}
+// (124:0) {#if visible}
 function create_if_block$1(ctx) {
 	let div;
 	let t;
@@ -1014,9 +1015,9 @@ function create_if_block$1(ctx) {
 	let current;
 	let mounted;
 	let dispose;
-	let if_block = /*closable*/ ctx[12] && create_if_block_1(ctx);
-	const default_slot_template = /*#slots*/ ctx[25].default;
-	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[24], null);
+	let if_block = /*closable*/ ctx[13] && create_if_block_1(ctx);
+	const default_slot_template = /*#slots*/ ctx[26].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[25], null);
 
 	return {
 		c() {
@@ -1038,12 +1039,12 @@ function create_if_block$1(ctx) {
 				default_slot.m(div, null);
 			}
 
-			/*div_binding*/ ctx[26](div);
+			/*div_binding*/ ctx[28](div);
 			current = true;
 
 			if (!mounted) {
 				dispose = listen(div, "click", function () {
-					if (is_function(/*click*/ ctx[13])) /*click*/ ctx[13].apply(this, arguments);
+					if (is_function(/*click*/ ctx[14])) /*click*/ ctx[14].apply(this, arguments);
 				});
 
 				mounted = true;
@@ -1052,7 +1053,7 @@ function create_if_block$1(ctx) {
 		p(new_ctx, dirty) {
 			ctx = new_ctx;
 
-			if (/*closable*/ ctx[12]) {
+			if (/*closable*/ ctx[13]) {
 				if (if_block) {
 					if_block.p(ctx, dirty);
 				} else {
@@ -1066,15 +1067,15 @@ function create_if_block$1(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 16777216)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[24],
+						/*$$scope*/ ctx[25],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[24])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[24], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
 						null
 					);
 				}
@@ -1109,14 +1110,14 @@ function create_if_block$1(ctx) {
 			if (detaching) detach(div);
 			if (if_block) if_block.d();
 			if (default_slot) default_slot.d(detaching);
-			/*div_binding*/ ctx[26](null);
+			/*div_binding*/ ctx[28](null);
 			mounted = false;
 			dispose();
 		}
 	};
 }
 
-// (137:4) {#if closable}
+// (141:4) {#if closable}
 function create_if_block_1(ctx) {
 	let button;
 	let svg;
@@ -1139,7 +1140,7 @@ function create_if_block_1(ctx) {
 			attr(svg, "fill", "none");
 			attr(svg, "xmlns", "http://www.w3.org/2000/svg");
 			attr(button, "class", "close svelte-1bxl6mz");
-			attr(button, "style", button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[14] + 1) + "; " + /*_closeStyle*/ ctx[3] + "");
+			attr(button, "style", button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[15] + 1) + "; " + /*_closeStyle*/ ctx[3] + "");
 		},
 		m(target, anchor) {
 			insert(target, button, anchor);
@@ -1161,7 +1162,7 @@ function create_if_block_1(ctx) {
 				attr(path, "fill", /*closeButtonColor*/ ctx[2]);
 			}
 
-			if (dirty & /*$maximumZindex, _closeStyle*/ 16392 && button_style_value !== (button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[14] + 1) + "; " + /*_closeStyle*/ ctx[3] + "")) {
+			if (dirty & /*$maximumZindex, _closeStyle*/ 32776 && button_style_value !== (button_style_value = "z-index:" + (/*$maximumZindex*/ ctx[15] + 1) + "; " + /*_closeStyle*/ ctx[3] + "")) {
 				attr(button, "style", button_style_value);
 			}
 		},
@@ -1183,14 +1184,11 @@ function create_fragment$c(ctx) {
 
 	backgroundoverray = new BackgroundOverray({
 			props: {
-				backgroundOverray: /*backgroundOverray*/ ctx[11]
+				backgroundOverray: /*backgroundOverray*/ ctx[12]
 			}
 		});
 
-	backgroundoverray.$on("click", function () {
-		if (is_function(/*close*/ ctx[5])) /*close*/ ctx[5].apply(this, arguments);
-	});
-
+	backgroundoverray.$on("click", /*click_handler*/ ctx[27]);
 	let if_block = /*visible*/ ctx[6] && create_if_block$1(ctx);
 
 	return {
@@ -1218,7 +1216,7 @@ function create_fragment$c(ctx) {
 		p(new_ctx, [dirty]) {
 			ctx = new_ctx;
 			const backgroundoverray_changes = {};
-			if (dirty & /*backgroundOverray*/ 2048) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[11];
+			if (dirty & /*backgroundOverray*/ 4096) backgroundoverray_changes.backgroundOverray = /*backgroundOverray*/ ctx[12];
 			backgroundoverray.$set(backgroundoverray_changes);
 
 			if (/*visible*/ ctx[6]) {
@@ -1271,6 +1269,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundOverray;
+	let backgroundClick;
 	let overwritePosition;
 	let overwriteMargin;
 	let pos;
@@ -1279,7 +1278,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let handle_keydown;
 	let visible;
 	let $maximumZindex;
-	component_subscribe($$self, maximumZindex, $$value => $$invalidate(14, $maximumZindex = $$value));
+	component_subscribe($$self, maximumZindex, $$value => $$invalidate(15, $maximumZindex = $$value));
 	let { $$slots: slots = {}, $$scope } = $$props;
 	let { onClick = { operation: 'none', args: [] } } = $$props;
 	let { clickEventName = '' } = $$props;
@@ -1299,6 +1298,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	});
 
 	onDestroy(() => setPreviousFocus());
+	const click_handler = () => execOnClickOperation(backgroundClick);
 
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
@@ -1308,23 +1308,23 @@ function instance$c($$self, $$props, $$invalidate) {
 	}
 
 	$$self.$$set = $$props => {
-		if ('onClick' in $$props) $$invalidate(15, onClick = $$props.onClick);
-		if ('clickEventName' in $$props) $$invalidate(16, clickEventName = $$props.clickEventName);
-		if ('clickEventValue' in $$props) $$invalidate(17, clickEventValue = $$props.clickEventValue);
-		if ('placement' in $$props) $$invalidate(18, placement = $$props.placement);
+		if ('onClick' in $$props) $$invalidate(16, onClick = $$props.onClick);
+		if ('clickEventName' in $$props) $$invalidate(17, clickEventName = $$props.clickEventName);
+		if ('clickEventValue' in $$props) $$invalidate(18, clickEventValue = $$props.clickEventValue);
+		if ('placement' in $$props) $$invalidate(19, placement = $$props.placement);
 		if ('animation' in $$props) $$invalidate(0, animation = $$props.animation);
 		if ('_style' in $$props) $$invalidate(1, _style = $$props._style);
-		if ('onClose' in $$props) $$invalidate(19, onClose = $$props.onClose);
+		if ('onClose' in $$props) $$invalidate(20, onClose = $$props.onClose);
 		if ('closeButtonColor' in $$props) $$invalidate(2, closeButtonColor = $$props.closeButtonColor);
-		if ('closeEventName' in $$props) $$invalidate(20, closeEventName = $$props.closeEventName);
-		if ('closeEventValue' in $$props) $$invalidate(21, closeEventValue = $$props.closeEventValue);
+		if ('closeEventName' in $$props) $$invalidate(21, closeEventName = $$props.closeEventName);
+		if ('closeEventValue' in $$props) $$invalidate(22, closeEventValue = $$props.closeEventValue);
 		if ('_closeStyle' in $$props) $$invalidate(3, _closeStyle = $$props._closeStyle);
-		if ('$$scope' in $$props) $$invalidate(24, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(25, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
-		if ($$self.$$.dirty & /*clickEventName, clickEventValue, onClick*/ 229376) {
-			$$invalidate(13, click = () => {
+		if ($$self.$$.dirty & /*clickEventName, clickEventValue, onClick*/ 458752) {
+			$$invalidate(14, click = () => {
 				if (clickEventName) {
 					send_event(clickEventName, clickEventValue);
 				}
@@ -1333,7 +1333,7 @@ function instance$c($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 3670016) {
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, onClose*/ 7340032) {
 			$$invalidate(5, close = () => {
 				if (closeEventName) {
 					send_event(closeEventName, closeEventValue);
@@ -1343,37 +1343,43 @@ function instance$c($$self, $$props, $$invalidate) {
 			});
 		}
 
-		if ($$self.$$.dirty & /*onClose*/ 524288) {
-			$$invalidate(12, closable = haveFunction(onClose));
+		if ($$self.$$.dirty & /*onClose*/ 1048576) {
+			$$invalidate(13, closable = haveFunction(onClose));
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 262144) {
-			$$invalidate(11, backgroundOverray = placement && placement.backgroundOverlay != null
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(12, backgroundOverray = placement && placement.backgroundOverlay != null
 			? placement.backgroundOverlay
 			: DefaultModalPlacement.backgroundOverlay);
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 262144) {
-			$$invalidate(23, overwritePosition = placement && placement.position != null
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(11, backgroundClick = placement && placement.backgroundClick != null
+			? placement.backgroundClick
+			: DefaultModalPlacement.backgroundClick);
+		}
+
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(24, overwritePosition = placement && placement.position != null
 				? placement.position
 				: DefaultModalPlacement.position);
 		}
 
-		if ($$self.$$.dirty & /*placement*/ 262144) {
-			$$invalidate(22, overwriteMargin = placement && placement.margin != null
+		if ($$self.$$.dirty & /*placement*/ 524288) {
+			$$invalidate(23, overwriteMargin = placement && placement.margin != null
 				? placement.margin
 				: DefaultModalPlacement.margin);
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 8388608) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 16777216) {
 			$$invalidate(10, pos = getPositionStyle(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwritePosition*/ 8388608) {
+		if ($$self.$$.dirty & /*overwritePosition*/ 16777216) {
 			$$invalidate(9, transform = getTransform(overwritePosition));
 		}
 
-		if ($$self.$$.dirty & /*overwriteMargin*/ 4194304) {
+		if ($$self.$$.dirty & /*overwriteMargin*/ 8388608) {
 			$$invalidate(8, marginStyle = getMarginStyle(overwriteMargin));
 		}
 
@@ -1399,6 +1405,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		marginStyle,
 		transform,
 		pos,
+		backgroundClick,
 		backgroundOverray,
 		closable,
 		click,
@@ -1414,6 +1421,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		overwritePosition,
 		$$scope,
 		slots,
+		click_handler,
 		div_binding
 	];
 }
@@ -1429,16 +1437,16 @@ class Modal extends SvelteComponent {
 			create_fragment$c,
 			safe_not_equal,
 			{
-				onClick: 15,
-				clickEventName: 16,
-				clickEventValue: 17,
-				placement: 18,
+				onClick: 16,
+				clickEventName: 17,
+				clickEventValue: 18,
+				placement: 19,
 				animation: 0,
 				_style: 1,
-				onClose: 19,
+				onClose: 20,
 				closeButtonColor: 2,
-				closeEventName: 20,
-				closeEventValue: 21,
+				closeEventName: 21,
+				closeEventValue: 22,
 				_closeStyle: 3
 			},
 			add_css$9

package/package.json

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