@plaidev/karte-action-sdk 1.1.81 → 1.1.82

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

@@ -243,7 +243,7 @@ type OPTIONS = {
 type CustomVariables = {
     [key: string]: any;
 };
-type CloseTrigger = "button" | "overlay";
+type CloseTrigger = "button" | "overlay" | "auto" | "none";
 type ActionEventHandler = (...args: any[]) => any | Promise<any>;
 declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
 declare const actionId: string;
@@ -251,27 +251,50 @@ declare const ACTION_SHOW_EVENT: string;
 declare const ACTION_CLOSE_EVENT: string;
 declare const ACTION_DESTROY_EVENT: string;
 declare const ACTION_CHANGE_STATE_EVENT: string;
-// Store to handle current state ID
+/**
+ * Store to handle current state ID
+ */
 declare const state: Store<string>;
-// Store to handle all state IDs
+/**
+ * Store to handle all state IDs
+ */
 declare const states: Store<string[]>;
-// Store to handle visibility of action
-declare const closed: Store<boolean>;
-// Store to handle max z-index for grid items
+/**
+ * Store to handle visibility of action
+ */
+declare const opened: Store<boolean>;
+/**
+ * Store to handle visibility of action
+ * @deprecated
+ */
+declare const closed: Store<boolean>; // deprecated
+/**
+ * Store to handle max z-index for grid items
+ */
 declare const maximumZindex: Store<number>;
-// Store to handle internal event handlers
+/**
+ * Store to handle internal event handlers
+ */
 declare const internalHandlers: Store<{
     [key: string]: ActionEventHandler;
 }>;
-// Store to handle custom event handlers
+/**
+ * Store to handle custom event handlers
+ */
 declare const customHandlers: Store<{
     [key: string]: ActionEventHandler;
 }>;
-// Store to handle destruction of action
+/**
+ * Store to handle destruction of action
+ */
 declare const destroyed: Store<boolean>;
-// Store to handle stop of action
+/**
+ * Store to handle stop of action
+ */
 declare const stopped: Store<boolean>;
-// Store to handle custom variables
+/**
+ * Store to handle custom variables
+ */
 declare const customVariables: Store<{
     [key: string]: any;
 }>;
@@ -566,11 +589,11 @@ declare function destroy(): void;
 /**
  * Show KARTE action
  */
-declare function show(): void;
+declare function showAction(): void;
 /**
  * Close KARTE action
  */
-declare function close(): void;
+declare function closeAction(trigger?: CloseTrigger): void;
 declare const KARTE_ACTION_ROOT = "karte-action-root";
 declare const KARTE_ACTION_RID = "karte-action-rid";
 declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
@@ -649,6 +672,8 @@ declare const showModal: typeof create; // @deprecated
 type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>; // @deprecated
 declare const KARTE_MODAL_ROOT = "karte-modal-root"; // @deprecated
 declare const ensureModalRoot: typeof ensureActionRoot; // @deprecated
+declare const show: typeof showAction; // deprecated
+declare const close: typeof closeAction; // deprecated
 /**
  * An options for {@link createApp}
  * @deprecated
@@ -693,7 +718,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 { Store, getStoreState, CustomVariables, CloseTrigger, ActionEventHandler, ALL_ACTION_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, state, states, closed, maximumZindex, internalHandlers, customHandlers, destroyed, stopped, customVariables, setAutoStart, setState, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, NOOP, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, 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, Border, Style, StateName, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorStripe, DefaultListSeparator, ListDirection, ListItemSize, DefaultListItemSize, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, show, close, KARTE_ACTION_ROOT, KARTE_ACTION_RID, ensureActionRoot, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, AppOptions, App, createApp, collection };
+export { Store, getStoreState, CustomVariables, CloseTrigger, ActionEventHandler, ALL_ACTION_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, state, states, opened, closed, maximumZindex, internalHandlers, customHandlers, destroyed, stopped, customVariables, setAutoStart, setState, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, NOOP, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, 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, Border, Style, StateName, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorStripe, DefaultListSeparator, ListDirection, ListItemSize, DefaultListItemSize, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, ensureActionRoot, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, 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

@@ -198,23 +198,46 @@ const ACTION_SHOW_EVENT = `KARTE-ACTION-SHOW-${actionId}`;
 const ACTION_CLOSE_EVENT = `KARTE-ACTION-CLOSE-${actionId}`;
 const ACTION_DESTROY_EVENT = `KARTE-ACTION-DESTROY-${actionId}`;
 const ACTION_CHANGE_STATE_EVENT = `KARTE-ACTION-CHANGE-STATE-${actionId}`;
-// Store to handle current state ID
+/**
+ * Store to handle current state ID
+ */
 const state = writable('/');
-// Store to handle all state IDs
+/**
+ * Store to handle all state IDs
+ */
 const states = writable([]);
-// Store to handle visibility of action
-const closed = writable(false);
-// Store to handle max z-index for grid items
+/**
+ * Store to handle visibility of action
+ */
+const opened = writable(true);
+/**
+ * Store to handle visibility of action
+ * @deprecated
+ */
+const closed = writable(false); // deprecated
+/**
+ * Store to handle max z-index for grid items
+ */
 const maximumZindex = writable(0);
-// Store to handle internal event handlers
+/**
+ * Store to handle internal event handlers
+ */
 const internalHandlers = writable({});
-// Store to handle custom event handlers
+/**
+ * Store to handle custom event handlers
+ */
 const customHandlers = writable({});
-// Store to handle destruction of action
+/**
+ * Store to handle destruction of action
+ */
 const destroyed = writable(false);
-// Store to handle stop of action
+/**
+ * Store to handle stop of action
+ */
 const stopped = writable(false);
-// Store to handle custom variables
+/**
+ * Store to handle custom variables
+ */
 const customVariables = writable({});
 /**
  * {@link setAutoStart} function to set auto start flag.
@@ -233,7 +256,8 @@ const initialize = (options) => {
     if (options?.initialState) {
         state.set(options?.initialState);
     }
-    closed.set(false);
+    opened.set(true);
+    closed.set(false); // deprecated
     functionOptions.set(options ?? {});
     return () => finalize();
 };
@@ -268,9 +292,7 @@ const linkTo = (to, targetBlank = true) => () => {
     }
 };
 const closeApp = (trigger) => () => {
-    send_event('message_close', { trigger, state: getStoreState(state) });
     window.dispatchEvent(new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } }));
-    closed.set(true);
 };
 const runScript = (handlerName) => () => {
     const handlers = getStoreState(customHandlers);
@@ -592,29 +614,35 @@ function create(App, options = {
 }) {
     let app = null;
     const data = { ...options.props, ...options.variables };
-    const close = (event = {}) => {
+    const close = (trigger = 'none') => {
         if (!app) {
             return;
         }
-        closed.set(true);
+        options.send('message_close', { trigger, state: getStoreState(state) });
+        opened.set(false);
+        closed.set(true); // deprecated
         window.removeEventListener(ACTION_CHANGE_STATE_EVENT, setState);
-        const trigger = event.detail?.trigger ? event.detail?.trigger : 'button';
         if (options.onClose) {
             options.onClose({ send: options.send, data: { ...data, ...getStoreState(customVariables) } }, trigger);
         }
         app.$destroy();
         app = null;
     };
-    window.addEventListener(ACTION_CLOSE_EVENT, close);
-    const show = (_event = {}) => {
+    const handleClose = (event) => {
+        const trigger = event.detail?.trigger ? event.detail?.trigger : 'none';
+        close(trigger);
+    };
+    window.addEventListener(ACTION_CLOSE_EVENT, handleClose);
+    const show = () => {
         if (app) {
             return;
         }
         options.send('message_open', { state: getStoreState(state) });
-        closed.set(false);
+        opened.set(true);
+        closed.set(false); // deprecated
         window.addEventListener(ACTION_CHANGE_STATE_EVENT, setState);
         app = new App({
-            target: ensureModalRoot(!true),
+            target: ensureActionRoot(!true),
             hydrate: true,
             props: {
                 send: options.send,
@@ -658,7 +686,7 @@ function create(App, options = {
         hideCleanup();
         showCleanup();
         window.removeEventListener(ACTION_SHOW_EVENT, show);
-        window.removeEventListener(ACTION_CLOSE_EVENT, close);
+        window.removeEventListener(ACTION_CLOSE_EVENT, handleClose);
     };
 }
 /**
@@ -678,15 +706,15 @@ function destroy() {
 /**
  * Show KARTE action
  */
-function show() {
+function showAction() {
     const event = new CustomEvent(ACTION_SHOW_EVENT);
     window.dispatchEvent(event);
 }
 /**
  * Close KARTE action
  */
-function close() {
-    const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger: 'button' } });
+function closeAction(trigger = 'none') {
+    const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
     window.dispatchEvent(event);
 }
 const KARTE_ACTION_ROOT = 'karte-action-root';
@@ -883,6 +911,8 @@ async function loadStyle(href) {
 const showModal = create; // @deprecated
 const KARTE_MODAL_ROOT = 'karte-modal-root'; // @deprecated
 const ensureModalRoot = ensureActionRoot; // @deprecated
+const show = showAction; // deprecated
+const close = closeAction; // deprecated
 /**
  * Create an application instance
  * @deprecated
@@ -3984,4 +4014,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListItemSize, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorNone, DefaultListSeparatorStripe, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, applyCss, applyGlobalCss, close, closeApp, closed, collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionShadowRoot, getMarginStyle, getPositionStyle, getStoreState, getTransform, h, handleFocus, handleKeydown, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isPreview, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onDestroy, onScroll, onShow, onTime, randStr, runScript, send_event, setAutoStart, setMiximumZindex, setPreviousFocus, setState, show, showModal, showOnScroll, showOnTime, state, states, stopped, toBr };
+export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListItemSize, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorNone, DefaultListSeparatorStripe, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionShadowRoot, getMarginStyle, getPositionStyle, getStoreState, getTransform, h, handleFocus, handleKeydown, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isPreview, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onDestroy, onScroll, onShow, onTime, opened, randStr, runScript, send_event, setAutoStart, setMiximumZindex, setPreviousFocus, setState, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, toBr };

package/dist/index.es.d.ts

@@ -243,7 +243,7 @@ type OPTIONS = {
 type CustomVariables = {
     [key: string]: any;
 };
-type CloseTrigger = "button" | "overlay";
+type CloseTrigger = "button" | "overlay" | "auto" | "none";
 type ActionEventHandler = (...args: any[]) => any | Promise<any>;
 declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
 declare const actionId: string;
@@ -251,27 +251,50 @@ declare const ACTION_SHOW_EVENT: string;
 declare const ACTION_CLOSE_EVENT: string;
 declare const ACTION_DESTROY_EVENT: string;
 declare const ACTION_CHANGE_STATE_EVENT: string;
-// Store to handle current state ID
+/**
+ * Store to handle current state ID
+ */
 declare const state: Store<string>;
-// Store to handle all state IDs
+/**
+ * Store to handle all state IDs
+ */
 declare const states: Store<string[]>;
-// Store to handle visibility of action
-declare const closed: Store<boolean>;
-// Store to handle max z-index for grid items
+/**
+ * Store to handle visibility of action
+ */
+declare const opened: Store<boolean>;
+/**
+ * Store to handle visibility of action
+ * @deprecated
+ */
+declare const closed: Store<boolean>; // deprecated
+/**
+ * Store to handle max z-index for grid items
+ */
 declare const maximumZindex: Store<number>;
-// Store to handle internal event handlers
+/**
+ * Store to handle internal event handlers
+ */
 declare const internalHandlers: Store<{
     [key: string]: ActionEventHandler;
 }>;
-// Store to handle custom event handlers
+/**
+ * Store to handle custom event handlers
+ */
 declare const customHandlers: Store<{
     [key: string]: ActionEventHandler;
 }>;
-// Store to handle destruction of action
+/**
+ * Store to handle destruction of action
+ */
 declare const destroyed: Store<boolean>;
-// Store to handle stop of action
+/**
+ * Store to handle stop of action
+ */
 declare const stopped: Store<boolean>;
-// Store to handle custom variables
+/**
+ * Store to handle custom variables
+ */
 declare const customVariables: Store<{
     [key: string]: any;
 }>;
@@ -566,11 +589,11 @@ declare function destroy(): void;
 /**
  * Show KARTE action
  */
-declare function show(): void;
+declare function showAction(): void;
 /**
  * Close KARTE action
  */
-declare function close(): void;
+declare function closeAction(trigger?: CloseTrigger): void;
 declare const KARTE_ACTION_ROOT = "karte-action-root";
 declare const KARTE_ACTION_RID = "karte-action-rid";
 declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
@@ -649,6 +672,8 @@ declare const showModal: typeof create; // @deprecated
 type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>; // @deprecated
 declare const KARTE_MODAL_ROOT = "karte-modal-root"; // @deprecated
 declare const ensureModalRoot: typeof ensureActionRoot; // @deprecated
+declare const show: typeof showAction; // deprecated
+declare const close: typeof closeAction; // deprecated
 /**
  * An options for {@link createApp}
  * @deprecated
@@ -693,7 +718,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 { Store, getStoreState, CustomVariables, CloseTrigger, ActionEventHandler, ALL_ACTION_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, state, states, closed, maximumZindex, internalHandlers, customHandlers, destroyed, stopped, customVariables, setAutoStart, setState, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, NOOP, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, 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, Border, Style, StateName, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorStripe, DefaultListSeparator, ListDirection, ListItemSize, DefaultListItemSize, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, show, close, KARTE_ACTION_ROOT, KARTE_ACTION_RID, ensureActionRoot, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, AppOptions, App, createApp, collection };
+export { Store, getStoreState, CustomVariables, CloseTrigger, ActionEventHandler, ALL_ACTION_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, state, states, opened, closed, maximumZindex, internalHandlers, customHandlers, destroyed, stopped, customVariables, setAutoStart, setState, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, NOOP, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, 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, Border, Style, StateName, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorStripe, DefaultListSeparator, ListDirection, ListItemSize, DefaultListItemSize, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, ensureActionRoot, onShow, onClose, onDestroy, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, 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

@@ -198,23 +198,46 @@ const ACTION_SHOW_EVENT = `KARTE-ACTION-SHOW-${actionId}`;
 const ACTION_CLOSE_EVENT = `KARTE-ACTION-CLOSE-${actionId}`;
 const ACTION_DESTROY_EVENT = `KARTE-ACTION-DESTROY-${actionId}`;
 const ACTION_CHANGE_STATE_EVENT = `KARTE-ACTION-CHANGE-STATE-${actionId}`;
-// Store to handle current state ID
+/**
+ * Store to handle current state ID
+ */
 const state = writable('/');
-// Store to handle all state IDs
+/**
+ * Store to handle all state IDs
+ */
 const states = writable([]);
-// Store to handle visibility of action
-const closed = writable(false);
-// Store to handle max z-index for grid items
+/**
+ * Store to handle visibility of action
+ */
+const opened = writable(true);
+/**
+ * Store to handle visibility of action
+ * @deprecated
+ */
+const closed = writable(false); // deprecated
+/**
+ * Store to handle max z-index for grid items
+ */
 const maximumZindex = writable(0);
-// Store to handle internal event handlers
+/**
+ * Store to handle internal event handlers
+ */
 const internalHandlers = writable({});
-// Store to handle custom event handlers
+/**
+ * Store to handle custom event handlers
+ */
 const customHandlers = writable({});
-// Store to handle destruction of action
+/**
+ * Store to handle destruction of action
+ */
 const destroyed = writable(false);
-// Store to handle stop of action
+/**
+ * Store to handle stop of action
+ */
 const stopped = writable(false);
-// Store to handle custom variables
+/**
+ * Store to handle custom variables
+ */
 const customVariables = writable({});
 /**
  * {@link setAutoStart} function to set auto start flag.
@@ -233,7 +256,8 @@ const initialize = (options) => {
     if (options?.initialState) {
         state.set(options?.initialState);
     }
-    closed.set(false);
+    opened.set(true);
+    closed.set(false); // deprecated
     functionOptions.set(options ?? {});
     return () => finalize();
 };
@@ -268,9 +292,7 @@ const linkTo = (to, targetBlank = true) => () => {
     }
 };
 const closeApp = (trigger) => () => {
-    send_event('message_close', { trigger, state: getStoreState(state) });
     window.dispatchEvent(new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } }));
-    closed.set(true);
 };
 const runScript = (handlerName) => () => {
     const handlers = getStoreState(customHandlers);
@@ -694,29 +716,35 @@ function create(App, options = {
 }) {
     let app = null;
     const data = { ...options.props, ...options.variables };
-    const close = (event = {}) => {
+    const close = (trigger = 'none') => {
         if (!app) {
             return;
         }
-        closed.set(true);
+        options.send('message_close', { trigger, state: getStoreState(state) });
+        opened.set(false);
+        closed.set(true); // deprecated
         window.removeEventListener(ACTION_CHANGE_STATE_EVENT, setState);
-        const trigger = event.detail?.trigger ? event.detail?.trigger : 'button';
         if (options.onClose) {
             options.onClose({ send: options.send, data: { ...data, ...getStoreState(customVariables) } }, trigger);
         }
         app.$destroy();
         app = null;
     };
-    window.addEventListener(ACTION_CLOSE_EVENT, close);
-    const show = (_event = {}) => {
+    const handleClose = (event) => {
+        const trigger = event.detail?.trigger ? event.detail?.trigger : 'none';
+        close(trigger);
+    };
+    window.addEventListener(ACTION_CLOSE_EVENT, handleClose);
+    const show = () => {
         if (app) {
             return;
         }
         options.send('message_open', { state: getStoreState(state) });
-        closed.set(false);
+        opened.set(true);
+        closed.set(false); // deprecated
         window.addEventListener(ACTION_CHANGE_STATE_EVENT, setState);
         app = new App({
-            target: ensureModalRoot(!false),
+            target: ensureActionRoot(!false),
             hydrate: false,
             props: {
                 send: options.send,
@@ -728,6 +756,9 @@ function create(App, options = {
         });
     };
     window.addEventListener(ACTION_SHOW_EVENT, show);
+    const autoClose = () => {
+        return close('auto');
+    };
     const _show = () => {
         show();
         return close;
@@ -738,16 +769,16 @@ function create(App, options = {
         const curried = fn => hideOnScroll(options.props, fn, show);
         // if in hydrate mode (preview), nothing is done, since action will be disposed and closed in the preview module
         if (options.props.hide_and_condition) {
-            cleanup = and(close, curried, currying(hideOnTime, options)) || NOOP;
+            cleanup = and(autoClose, curried, currying(hideOnTime, options)) || NOOP;
         }
         else {
-            cleanup = or(close, curried, currying(hideOnTime, options)) || NOOP;
+            cleanup = or(autoClose, curried, currying(hideOnTime, options)) || NOOP;
         }
         return cleanup;
     };
     const startShow = () => {
         let cleanup;
-        const curried = fn => showOnScroll(options.props, fn, close);
+        const curried = fn => showOnScroll(options.props, fn, autoClose);
         // if in hydrate mode (preview), always show action
         if (options.props.show_and_condition) {
             cleanup = and(show, curried, currying(showOnTime, options)) || _show();
@@ -769,7 +800,7 @@ function create(App, options = {
         hideCleanup();
         showCleanup();
         window.removeEventListener(ACTION_SHOW_EVENT, show);
-        window.removeEventListener(ACTION_CLOSE_EVENT, close);
+        window.removeEventListener(ACTION_CLOSE_EVENT, handleClose);
     };
 }
 /**
@@ -789,15 +820,15 @@ function destroy() {
 /**
  * Show KARTE action
  */
-function show() {
+function showAction() {
     const event = new CustomEvent(ACTION_SHOW_EVENT);
     window.dispatchEvent(event);
 }
 /**
  * Close KARTE action
  */
-function close() {
-    const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger: 'button' } });
+function closeAction(trigger = 'none') {
+    const event = new CustomEvent(ACTION_CLOSE_EVENT, { detail: { trigger } });
     window.dispatchEvent(event);
 }
 const KARTE_ACTION_ROOT = 'karte-action-root';
@@ -994,6 +1025,8 @@ async function loadStyle(href) {
 const showModal = create; // @deprecated
 const KARTE_MODAL_ROOT = 'karte-modal-root'; // @deprecated
 const ensureModalRoot = ensureActionRoot; // @deprecated
+const show = showAction; // deprecated
+const close = closeAction; // deprecated
 /**
  * Create an application instance
  * @deprecated
@@ -3819,4 +3852,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListItemSize, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorNone, DefaultListSeparatorStripe, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, applyCss, applyGlobalCss, close, closeApp, closed, collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionShadowRoot, getMarginStyle, getPositionStyle, getStoreState, getTransform, h, handleFocus, handleKeydown, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isPreview, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onDestroy, onScroll, onShow, onTime, randStr, runScript, send_event, setAutoStart, setMiximumZindex, setPreviousFocus, setState, show, showModal, showOnScroll, showOnTime, state, states, stopped, toBr };
+export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, Alignments, AnimationStyles, BackgroundSizes, Cursors, DefaultListItemSize, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorNone, DefaultListSeparatorStripe, DefaultModalPlacement, Directions, Flex, FlexItem, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_MODAL_ROOT, LengthUnits, List, ListItem, MediaQueries, Modal, ModalPositions, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextElement, actionId, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, getActionShadowRoot, getMarginStyle, getPositionStyle, getStoreState, getTransform, h, handleFocus, handleKeydown, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isPreview, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onDestroy, onScroll, onShow, onTime, opened, randStr, runScript, send_event, setAutoStart, setMiximumZindex, setPreviousFocus, setState, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, toBr };

package/package.json

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