@plaidev/karte-action-sdk 1.1.73 → 1.1.74

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

@@ -1,4 +1,8 @@
-import { Writable } from "svelte/store";
+/**
+ * UIから選択できる関数
+ */
+import { get as get_ } from "svelte/store";
+import { Writable as Writable_ } from "svelte/store";
 import { SvelteComponentDev } from "svelte/internal";
 declare const PropTypes: readonly [
     "BooleanKeyword",
@@ -73,6 +77,7 @@ type OperationArgumentTypes = {
     NumberKeyword: number;
     State: string;
     Url: string;
+    Handler: string;
 };
 type OperationArgumentType = keyof OperationArgumentTypes;
 type BaseOperationOptions = ReadonlyArray<{
@@ -123,6 +128,15 @@ declare const OnClickOperationOptions: readonly [
         readonly operation: "closeApp";
         readonly args: readonly [
         ];
+    },
+    {
+        readonly operation: "runScript";
+        readonly args: readonly [
+            {
+                readonly type: "Handler";
+                readonly default: "";
+            }
+        ];
     }
 ];
 type OnClickOperation = ConvertOperationOptions<typeof OnClickOperationOptions>;
@@ -177,19 +191,30 @@ declare const Overflows: string[];
 type Overflow = typeof Overflows[number];
 type Style = string;
 type StateName = string;
+// Svelteの機能の隠蔽
+type Store<T> = Writable_<T>;
+declare const getStoreState: typeof get_;
 type OPTIONS = {
     send?: (event_name: string, values?: any) => void;
     isPreview?: boolean;
     initialState?: string;
 };
+type ActionEventHandler = (...args: any[]) => any | Promise<any>;
 declare const CONSTANTS: {
     ALL_ACTION_ID: string;
     STATE_EVENT: string;
 };
 declare const actionId: string;
-declare const state: Writable<string>;
-declare const closed: Writable<boolean>;
-declare const maximumZindex: Writable<number>;
+// 現在のステートのストア
+declare const state: Store<string>;
+// アクションの表示を管理するストア
+declare const closed: Store<boolean>;
+// グリッドの最大z-indexを管理するストア
+declare const maximumZindex: Store<number>;
+// カスタムイベントハンドラを管理するストア
+declare const customHandlers: Store<{
+    [key: string]: ActionEventHandler;
+}>;
 declare const initialize: (options?: OPTIONS) => () => void;
 declare const finalize: () => void;
 declare const send_event: (event_name: string, values?: any) => void;
@@ -200,6 +225,7 @@ declare const none: () => () => void;
 declare const moveTo: (to: string) => () => void;
 declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
 declare const closeApp: () => () => void;
+declare const runScript: (handlerName: string) => () => void;
 declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
 declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
 /**
@@ -402,7 +428,7 @@ declare const collection: (config: {
     } | null | undefined, cb: (err: Error | null, items?: any) => void): void;
     set(key: string, value: string, cb: (err: Error | null) => void): void;
 };
-export { CONSTANTS, actionId, state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, KARTE_MODAL_ROOT, KARTE_ACTION_RID, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
+export { Store, getStoreState, ActionEventHandler, CONSTANTS, actionId, state, closed, maximumZindex, customHandlers, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, KARTE_MODAL_ROOT, KARTE_ACTION_RID, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';

package/dist/hydrate/index.es.js

@@ -132,15 +132,21 @@ function randStr(digit = 8) {
 /**
  * UIから選択できる関数
  */
+const getStoreState = get;
 const CONSTANTS = {
     ALL_ACTION_ID: 'KARTE_ALL_ACTION_ID',
     STATE_EVENT: 'KARTE-ACTION-CHANGE-STATE',
 };
 const functionOptions = writable({});
 const actionId = randStr();
+// 現在のステートのストア
 const state = writable('/');
+// アクションの表示を管理するストア
 const closed = writable(false);
+// グリッドの最大z-indexを管理するストア
 const maximumZindex = writable(0);
+// カスタムイベントハンドラを管理するストア
+const customHandlers = writable({});
 const setState = (event) => {
     if (event.detail.actionId === actionId || event.detail.actionId === CONSTANTS.ALL_ACTION_ID) {
         state.set(event.detail.to);
@@ -160,14 +166,14 @@ const finalize = () => {
     functionOptions.set({});
 };
 const send_event = (event_name, values) => {
-    const options = get(functionOptions);
+    const options = getStoreState(functionOptions);
     options?.send?.(event_name, values);
 };
 const isPreview = () => {
     return true;
 };
 const setMiximumZindex = (zindex) => {
-    if (!zindex || zindex < get(maximumZindex))
+    if (!zindex || zindex < getStoreState(maximumZindex))
         return;
     maximumZindex.set(zindex);
 };
@@ -190,6 +196,18 @@ const closeApp = () => () => {
     send_event('message_close', null);
     closed.set(true);
 };
+const runScript = (handlerName) => () => {
+    const handlers = getStoreState(customHandlers);
+    const handler = handlers[handlerName];
+    if (!handler)
+        return;
+    try {
+        handler();
+    }
+    catch (e) {
+        console.warn('Failed to run custom handler', handlerName, e);
+    }
+};
 const execOnClickOperation = (onClickOperation) => {
     if (onClickOperation.operation === 'linkTo') {
         linkTo(...onClickOperation.args)();
@@ -200,6 +218,9 @@ const execOnClickOperation = (onClickOperation) => {
     else if (onClickOperation.operation === 'closeApp') {
         closeApp()();
     }
+    else if (onClickOperation.operation === 'runScript') {
+        runScript(onClickOperation.args[0])();
+    }
 };
 const haveFunction = (onClickOperation) => {
     return onClickOperation.operation !== 'none';
@@ -272,7 +293,7 @@ const DefaultModalPlacement = {
         bottom: '0px',
     },
     backgroundOverlay: false,
-    backgroundClick: { operation: "closeApp", args: [] },
+    backgroundClick: { operation: 'closeApp', args: [] },
 };
 const OnClickOperationOptions = [
     {
@@ -305,6 +326,15 @@ const OnClickOperationOptions = [
         operation: 'closeApp',
         args: [],
     },
+    {
+        operation: 'runScript',
+        args: [
+            {
+                type: 'Handler',
+                default: '',
+            },
+        ],
+    },
 ];
 const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
 const Justifies = ['flex-start', 'center', 'flex-end'];
@@ -918,7 +948,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)}");
 }
 
-// (124:0) {#if visible}
+// (130:0) {#if visible}
 function create_if_block$1(ctx) {
 	let div;
 	let t;
@@ -928,8 +958,8 @@ function create_if_block$1(ctx) {
 	let mounted;
 	let dispose;
 	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);
+	const default_slot_template = /*#slots*/ ctx[27].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
 
 	return {
 		c() {
@@ -997,15 +1027,15 @@ function create_if_block$1(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 67108864)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[25],
+						/*$$scope*/ ctx[26],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
 						null
 					);
 				}
@@ -1047,7 +1077,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (141:4) {#if closable}
+// (147:4) {#if closable}
 function create_if_block_1(ctx) {
 	let button;
 	let svg;
@@ -1146,7 +1176,10 @@ function create_fragment$c(ctx) {
 			}
 		});
 
-	backgroundoverray.$on("click", /*click_handler*/ ctx[27]);
+	backgroundoverray.$on("click", function () {
+		if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
+	});
+
 	let if_block = /*visible*/ ctx[6] && create_if_block$1(ctx);
 
 	return {
@@ -1233,6 +1266,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundOverray;
+	let backgroundClickFunction;
 	let backgroundClick;
 	let overwritePosition;
 	let overwriteMargin;
@@ -1262,7 +1296,6 @@ function instance$c($$self, $$props, $$invalidate) {
 	});
 
 	onDestroy(() => setPreviousFocus());
-	const click_handler = () => execOnClickOperation(backgroundClick);
 
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
@@ -1283,7 +1316,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		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(25, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
@@ -1318,11 +1351,21 @@ function instance$c($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 524288) {
-			$$invalidate(11, backgroundClick = placement && placement.backgroundClick != null
+			$$invalidate(25, backgroundClickFunction = placement && placement.backgroundClick != null
 			? placement.backgroundClick
 			: DefaultModalPlacement.backgroundClick);
 		}
 
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 39845888) {
+			$$invalidate(11, backgroundClick = () => {
+				if (closeEventName) {
+					send_event(closeEventName, closeEventValue);
+				}
+
+				execOnClickOperation(backgroundClickFunction);
+			});
+		}
+
 		if ($$self.$$.dirty & /*placement*/ 524288) {
 			$$invalidate(24, overwritePosition = 'center'
 			);
@@ -1386,9 +1429,9 @@ function instance$c($$self, $$props, $$invalidate) {
 		closeEventValue,
 		overwriteMargin,
 		overwritePosition,
+		backgroundClickFunction,
 		$$scope,
 		slots,
-		click_handler,
 		div_binding
 	];
 }
@@ -3177,4 +3220,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, BackgroundSizes, CONSTANTS, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_MODAL_ROOT, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, closeApp, closed, collection, createApp, createFog, customAnimation, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };
+export { Alignments, AnimationStyles, BackgroundSizes, CONSTANTS, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_MODAL_ROOT, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, closeApp, closed, collection, createApp, createFog, customAnimation, customHandlers, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getStoreState, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, runScript, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };

package/dist/index.es.d.ts

@@ -1,4 +1,8 @@
-import { Writable } from "svelte/store";
+/**
+ * UIから選択できる関数
+ */
+import { get as get_ } from "svelte/store";
+import { Writable as Writable_ } from "svelte/store";
 import { SvelteComponentDev } from "svelte/internal";
 declare const PropTypes: readonly [
     "BooleanKeyword",
@@ -73,6 +77,7 @@ type OperationArgumentTypes = {
     NumberKeyword: number;
     State: string;
     Url: string;
+    Handler: string;
 };
 type OperationArgumentType = keyof OperationArgumentTypes;
 type BaseOperationOptions = ReadonlyArray<{
@@ -123,6 +128,15 @@ declare const OnClickOperationOptions: readonly [
         readonly operation: "closeApp";
         readonly args: readonly [
         ];
+    },
+    {
+        readonly operation: "runScript";
+        readonly args: readonly [
+            {
+                readonly type: "Handler";
+                readonly default: "";
+            }
+        ];
     }
 ];
 type OnClickOperation = ConvertOperationOptions<typeof OnClickOperationOptions>;
@@ -177,19 +191,30 @@ declare const Overflows: string[];
 type Overflow = typeof Overflows[number];
 type Style = string;
 type StateName = string;
+// Svelteの機能の隠蔽
+type Store<T> = Writable_<T>;
+declare const getStoreState: typeof get_;
 type OPTIONS = {
     send?: (event_name: string, values?: any) => void;
     isPreview?: boolean;
     initialState?: string;
 };
+type ActionEventHandler = (...args: any[]) => any | Promise<any>;
 declare const CONSTANTS: {
     ALL_ACTION_ID: string;
     STATE_EVENT: string;
 };
 declare const actionId: string;
-declare const state: Writable<string>;
-declare const closed: Writable<boolean>;
-declare const maximumZindex: Writable<number>;
+// 現在のステートのストア
+declare const state: Store<string>;
+// アクションの表示を管理するストア
+declare const closed: Store<boolean>;
+// グリッドの最大z-indexを管理するストア
+declare const maximumZindex: Store<number>;
+// カスタムイベントハンドラを管理するストア
+declare const customHandlers: Store<{
+    [key: string]: ActionEventHandler;
+}>;
 declare const initialize: (options?: OPTIONS) => () => void;
 declare const finalize: () => void;
 declare const send_event: (event_name: string, values?: any) => void;
@@ -200,6 +225,7 @@ declare const none: () => () => void;
 declare const moveTo: (to: string) => () => void;
 declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
 declare const closeApp: () => () => void;
+declare const runScript: (handlerName: string) => () => void;
 declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
 declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
 /**
@@ -402,7 +428,7 @@ declare const collection: (config: {
     } | null | undefined, cb: (err: Error | null, items?: any) => void): void;
     set(key: string, value: string, cb: (err: Error | null) => void): void;
 };
-export { CONSTANTS, actionId, state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, KARTE_MODAL_ROOT, KARTE_ACTION_RID, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
+export { Store, getStoreState, ActionEventHandler, CONSTANTS, actionId, state, closed, maximumZindex, customHandlers, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ModalOptions, showModal, KARTE_MODAL_ROOT, KARTE_ACTION_RID, ensureModalRoot, h, createFog, EmbedLogic, embed, AppOptions, App, createApp, collection };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';

package/dist/index.es.js

@@ -132,15 +132,21 @@ function randStr(digit = 8) {
 /**
  * UIから選択できる関数
  */
+const getStoreState = get;
 const CONSTANTS = {
     ALL_ACTION_ID: 'KARTE_ALL_ACTION_ID',
     STATE_EVENT: 'KARTE-ACTION-CHANGE-STATE',
 };
 const functionOptions = writable({});
 const actionId = randStr();
+// 現在のステートのストア
 const state = writable('/');
+// アクションの表示を管理するストア
 const closed = writable(false);
+// グリッドの最大z-indexを管理するストア
 const maximumZindex = writable(0);
+// カスタムイベントハンドラを管理するストア
+const customHandlers = writable({});
 const setState = (event) => {
     if (event.detail.actionId === actionId || event.detail.actionId === CONSTANTS.ALL_ACTION_ID) {
         state.set(event.detail.to);
@@ -160,14 +166,14 @@ const finalize = () => {
     functionOptions.set({});
 };
 const send_event = (event_name, values) => {
-    const options = get(functionOptions);
+    const options = getStoreState(functionOptions);
     options?.send?.(event_name, values);
 };
 const isPreview = () => {
     return false;
 };
 const setMiximumZindex = (zindex) => {
-    if (!zindex || zindex < get(maximumZindex))
+    if (!zindex || zindex < getStoreState(maximumZindex))
         return;
     maximumZindex.set(zindex);
 };
@@ -190,6 +196,18 @@ const closeApp = () => () => {
     send_event('message_close', null);
     closed.set(true);
 };
+const runScript = (handlerName) => () => {
+    const handlers = getStoreState(customHandlers);
+    const handler = handlers[handlerName];
+    if (!handler)
+        return;
+    try {
+        handler();
+    }
+    catch (e) {
+        console.warn('Failed to run custom handler', handlerName, e);
+    }
+};
 const execOnClickOperation = (onClickOperation) => {
     if (onClickOperation.operation === 'linkTo') {
         linkTo(...onClickOperation.args)();
@@ -200,6 +218,9 @@ const execOnClickOperation = (onClickOperation) => {
     else if (onClickOperation.operation === 'closeApp') {
         closeApp()();
     }
+    else if (onClickOperation.operation === 'runScript') {
+        runScript(onClickOperation.args[0])();
+    }
 };
 const haveFunction = (onClickOperation) => {
     return onClickOperation.operation !== 'none';
@@ -324,7 +345,7 @@ const DefaultModalPlacement = {
         bottom: '0px',
     },
     backgroundOverlay: false,
-    backgroundClick: { operation: "closeApp", args: [] },
+    backgroundClick: { operation: 'closeApp', args: [] },
 };
 const OnClickOperationOptions = [
     {
@@ -357,6 +378,15 @@ const OnClickOperationOptions = [
         operation: 'closeApp',
         args: [],
     },
+    {
+        operation: 'runScript',
+        args: [
+            {
+                type: 'Handler',
+                default: '',
+            },
+        ],
+    },
 ];
 const LengthUnits = ['px', 'em', 'rem', 'vw', 'fr', '%'];
 const Justifies = ['flex-start', 'center', 'flex-end'];
@@ -1006,7 +1036,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)}");
 }
 
-// (124:0) {#if visible}
+// (130:0) {#if visible}
 function create_if_block$1(ctx) {
 	let div;
 	let t;
@@ -1016,8 +1046,8 @@ function create_if_block$1(ctx) {
 	let mounted;
 	let dispose;
 	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);
+	const default_slot_template = /*#slots*/ ctx[27].default;
+	const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[26], null);
 
 	return {
 		c() {
@@ -1067,15 +1097,15 @@ function create_if_block$1(ctx) {
 			}
 
 			if (default_slot) {
-				if (default_slot.p && (!current || dirty & /*$$scope*/ 33554432)) {
+				if (default_slot.p && (!current || dirty & /*$$scope*/ 67108864)) {
 					update_slot_base(
 						default_slot,
 						default_slot_template,
 						ctx,
-						/*$$scope*/ ctx[25],
+						/*$$scope*/ ctx[26],
 						!current
-						? get_all_dirty_from_scope(/*$$scope*/ ctx[25])
-						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[25], dirty, null),
+						? get_all_dirty_from_scope(/*$$scope*/ ctx[26])
+						: get_slot_changes(default_slot_template, /*$$scope*/ ctx[26], dirty, null),
 						null
 					);
 				}
@@ -1117,7 +1147,7 @@ function create_if_block$1(ctx) {
 	};
 }
 
-// (141:4) {#if closable}
+// (147:4) {#if closable}
 function create_if_block_1(ctx) {
 	let button;
 	let svg;
@@ -1188,7 +1218,10 @@ function create_fragment$c(ctx) {
 			}
 		});
 
-	backgroundoverray.$on("click", /*click_handler*/ ctx[27]);
+	backgroundoverray.$on("click", function () {
+		if (is_function(/*backgroundClick*/ ctx[11])) /*backgroundClick*/ ctx[11].apply(this, arguments);
+	});
+
 	let if_block = /*visible*/ ctx[6] && create_if_block$1(ctx);
 
 	return {
@@ -1269,6 +1302,7 @@ function instance$c($$self, $$props, $$invalidate) {
 	let close;
 	let closable;
 	let backgroundOverray;
+	let backgroundClickFunction;
 	let backgroundClick;
 	let overwritePosition;
 	let overwriteMargin;
@@ -1298,7 +1332,6 @@ function instance$c($$self, $$props, $$invalidate) {
 	});
 
 	onDestroy(() => setPreviousFocus());
-	const click_handler = () => execOnClickOperation(backgroundClick);
 
 	function div_binding($$value) {
 		binding_callbacks[$$value ? 'unshift' : 'push'](() => {
@@ -1319,7 +1352,7 @@ function instance$c($$self, $$props, $$invalidate) {
 		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(25, $$scope = $$props.$$scope);
+		if ('$$scope' in $$props) $$invalidate(26, $$scope = $$props.$$scope);
 	};
 
 	$$self.$$.update = () => {
@@ -1354,11 +1387,21 @@ function instance$c($$self, $$props, $$invalidate) {
 		}
 
 		if ($$self.$$.dirty & /*placement*/ 524288) {
-			$$invalidate(11, backgroundClick = placement && placement.backgroundClick != null
+			$$invalidate(25, backgroundClickFunction = placement && placement.backgroundClick != null
 			? placement.backgroundClick
 			: DefaultModalPlacement.backgroundClick);
 		}
 
+		if ($$self.$$.dirty & /*closeEventName, closeEventValue, backgroundClickFunction*/ 39845888) {
+			$$invalidate(11, backgroundClick = () => {
+				if (closeEventName) {
+					send_event(closeEventName, closeEventValue);
+				}
+
+				execOnClickOperation(backgroundClickFunction);
+			});
+		}
+
 		if ($$self.$$.dirty & /*placement*/ 524288) {
 			$$invalidate(24, overwritePosition = placement && placement.position != null
 				? placement.position
@@ -1419,9 +1462,9 @@ function instance$c($$self, $$props, $$invalidate) {
 		closeEventValue,
 		overwriteMargin,
 		overwritePosition,
+		backgroundClickFunction,
 		$$scope,
 		slots,
-		click_handler,
 		div_binding
 	];
 }
@@ -3046,4 +3089,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, BackgroundSizes, CONSTANTS, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_MODAL_ROOT, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, closeApp, closed, collection, createApp, createFog, customAnimation, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };
+export { Alignments, AnimationStyles, BackgroundSizes, CONSTANTS, Cursors, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_MODAL_ROOT, LengthUnits, MediaQueries, Modal, ModalPositions, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, closeApp, closed, collection, createApp, createFog, customAnimation, customHandlers, embed, ensureModalRoot, execOnClickOperation, finalize, getMarginStyle, getPositionStyle, getStoreState, getTransform, h, handleFocus, handleKeydown, hasSuffix, haveFunction, hideOnScroll, hideOnTime, initialize, isPreview, linkTo, maximumZindex, moveTo, none, onScroll, onTime, randStr, runScript, send_event, setMiximumZindex, setPreviousFocus, showModal, showOnScroll, showOnTime, state, toBr };

package/package.json

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