@plaidev/karte-action-sdk 1.1.115 → 1.1.116-27927874.783c1fe4

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

@@ -486,6 +486,18 @@ type ActionSetting = {
 type CustomVariables = {
     [key: string]: any;
 };
+/**
+ * Store to handle action setting
+ */
+declare const actionSetting: Store<ActionSetting>;
+/**
+ * {@link getActionSetting} function to get action setting.
+ *
+ * @returns Current action setting
+ *
+ * @internal
+ */
+declare function getActionSetting(): ActionSetting;
 /**
  * アクション設定を更新する
  *
@@ -499,6 +511,16 @@ type CustomVariables = {
  * @public
  */
 declare function setActionSetting(setting: ActionSetting): ActionSetting;
+/**
+ * {@link resetActionSetting} function to reset action setting
+ *
+ * @internal
+ */
+declare function resetActionSetting(): void;
+/**
+ * Store to read KARTE system config
+ */
+declare const system: Store<SystemConfig>;
 /**
  * KARTE の設定を取得する
  *
@@ -511,6 +533,12 @@ declare function setActionSetting(setting: ActionSetting): ActionSetting;
  * @public
  */
 declare function getSystem(): SystemConfig;
+/**
+ * {@link setSystem} function to set KARTE system config.
+ *
+ * @internal
+ */
+declare function setSystem(config: SystemConfig): void;
 /**
  * Store to handle current state ID
  *
@@ -540,6 +568,20 @@ declare function setState(stateId: string, force?: boolean): void;
  * @public
  */
 declare function getState(): string;
+/**
+ * Store to handle all state IDs
+ *
+ * @internal
+ */
+declare const states: Store<string[]>;
+/**
+ * {@link getStates} function to add new state ID to list of state IDs.
+ *
+ * @param stateId - New state ID
+ *
+ * @internal
+ */
+declare function addState(stateId: string): void;
 /**
  * ステートID一覧を取得する
  *
@@ -565,6 +607,12 @@ declare const opened: Store<boolean>;
  * @public
  */
 declare function isOpened(): boolean;
+/**
+ * {@link setOpened} function to set if action is opened.
+ *
+ * @internal
+ */
+declare function setOpened(on: boolean): void;
 /**
  * Store to handle visibility of action
  *
@@ -591,6 +639,56 @@ declare function isClosed(): boolean;
  * @internal
  */
 declare function setClosed(on: boolean): void;
+/**
+ * Store to handle max z-index for grid items
+ *
+ * @internal
+ */
+declare const maximumZindex: Store<number>;
+/**
+ * Set maximum z-index.
+ *
+ * @internal
+ */
+declare const setMaximumZindex: (zindex?: number) => void;
+/**
+ * Store to handle internal event handlers
+ *
+ * @internal
+ */
+declare const internalHandlers: Store<{
+    [key: string]: ActionEventHandler[];
+}>;
+/**
+ * {@link getInternalHandlers} function to get internal event handlers.
+ *
+ * @returns Current internal handlers
+ *
+ * @internal
+ */
+declare function getInternalHandlers(): {
+    [key: string]: ActionEventHandler[];
+};
+/**
+ * {@link setInternalHandlers} function to set internal event handlers.
+ *
+ * @internal
+ */
+declare function setInternalHandlers(handlers: {
+    [key: string]: ActionEventHandler[];
+}): void;
+/**
+ * {@link updateInternalHandlers} function to update internal event handlers.
+ *
+ * @param handlers - Updated internal event handlers
+ *
+ * @returns New internal handlers
+ */
+declare function updateInternalHandlers(handlers: {
+    [key: string]: ActionEventHandler[];
+}): {
+    [key: string]: ActionEventHandler[];
+};
 /**
  * Store to handle custom event handlers
  *
@@ -644,12 +742,38 @@ declare function updateCustomHandlers(handlers: {
  * @internal
  */
 declare const destroyed: Store<boolean>;
+/**
+ * {@link isDestroyed} function to check if action is destroyed.
+ *
+ * @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
+ *
+ * @internal
+ */
+declare function isDestroyed(): boolean;
+/**
+ * {@link setDestroyed} function to set if action is destroyed.
+ *
+ * @internal
+ */
+declare function setDestroyed(on: boolean): void;
 /**
  * Store to handle stopping action
  *
  * @internal
  */
 declare const stopped: Store<boolean>;
+/**
+ * {@link isStopped} function to check if action is stopped.
+ *
+ * @returns Flag if action is stopped / true: Stopped, false: Not stopped
+ */
+declare function isStopped(): boolean;
+/**
+ * {@link setStopped} function to set if action is stopped.
+ *
+ * @internal
+ */
+declare function setStopped(on: boolean): void;
 /**
  * Store to handle custom variables
  *
@@ -708,9 +832,41 @@ declare const formData: Writable_<FormData>;
  */
 type CloseTrigger = "button" | "overlay" | "auto" | "none";
 /** @internal */
+declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
+/** @internal */
+declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
+/** @internal */
+declare const actionId: string;
+/** @internal */
+declare const ACTION_SHOW_EVENT: string;
+/** @internal */
+declare const ACTION_CLOSE_EVENT: string;
+/** @internal */
+declare const ACTION_DESTROY_EVENT: string;
+/** @internal */
+declare const ACTION_CHANGE_STATE_EVENT: string;
+/** @internal */
+declare const handleState: (event: any) => void;
+/** @internal */
 declare const initialize: (setting?: ActionSetting) => () => void;
 /** @internal */
 declare const finalize: () => void;
+/** @internal */
+declare const send_event: (event_name: string, values?: any) => void;
+/** @internal */
+declare const none: () => () => void; // eslint-disable-next @typescript-eslint/no-empty-function
+/** @internal */
+declare const moveTo: (to: string) => () => void;
+/** @internal */
+declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
+/** @internal */
+declare const closeApp: (trigger: CloseTrigger) => () => void;
+/** @internal */
+declare const runScript: (handlerName: string) => () => void;
+/** @internal */
+declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
+/** @internal */
+declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
 /**
  * An option for svelte custom animation
  */
@@ -739,6 +895,27 @@ interface CustomAnimationOptions {
      */
     duration?: number;
 }
+/**
+ * The function to activate svelte animation.
+ *
+ * @param node - A target node of animation. This argument is passed by svelte, by default.
+ * @param customAnimationOptions - A custom animation option object
+ *
+ * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+ *
+ * @internal
+ */
+declare function customAnimation(node: Element, { transform, animationStyle, delay, duration }: CustomAnimationOptions): {
+    delay?: undefined;
+    duration?: undefined;
+    easing?: undefined;
+    css?: undefined;
+} | {
+    delay: number;
+    duration: number;
+    easing: (t: any) => any;
+    css: (progress: number) => string;
+};
 /**
  * ES Modules に対応していない JavaScript をページに読み込む
  *
@@ -763,6 +940,18 @@ declare function applyGlobalCss(css: string): Promise<any>;
  * @public
  */
 declare function loadGlobalStyle(href: string): Promise<any>;
+/**
+ * {@link hashCode} generate hash with FNV-1a hash
+ *
+ * @param s - Inputed string
+ *
+ * @returns Hashed string
+ *
+ * @see https://stackoverflow.com/a/22429679
+ *
+ * @internal
+ */
+declare function hashCode(s: string): string;
 /**
  * {@link setAutoStart} function to set auto start flag.
  *
@@ -773,6 +962,27 @@ declare function loadGlobalStyle(href: string): Promise<any>;
  * @internal
  */
 declare const setAutoStart: (on?: boolean) => void;
+/** @internal */
+declare const NOOP: Function; // eslint-disable-line @typescript-eslint/no-unused-vars
+/** @internal */
+declare const isPreview: () => boolean;
+/** @internal */
+declare const handleFocus: (node: HTMLElement | null) => (e: any) => void;
+/** @internal */
+declare const setPreviousFocus: () => void;
+/** @internal */
+declare const handleKeydown: (handlers: {
+    [eventName: string]: (e: any) => void;
+}) => (e: any) => void;
+/** @internal */
+declare const getPositionStyle: (position: ModalPosition) => string;
+/** @internal */
+declare const getTransform: (position: ModalPosition) => [
+    number,
+    number
+];
+/** @internal */
+declare const getMarginStyle: (margin: ModalMargin) => string;
 /**
  * スクロール方向
  *
@@ -843,6 +1053,12 @@ declare function onScroll(rate: number | number[], fn: OnScrollFunction): () =>
  * @public
  */
 declare function onTime(time: number, fn: Function): () => void;
+/** @internal */
+declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
+/** @internal */
+declare function toBr(text: string): string;
+/** @internal */
+declare function randStr(digit?: number): string;
 /**
  * プロパティ
  *
@@ -1101,6 +1317,12 @@ interface ActionOptions<Props, Variables> {
  * @public
  */
 declare function create<Props extends _Props$0, Variables>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & CustomVariables>): () => void;
+/**
+ * Dispatch the event to destroy KARTE action
+ *
+ * @internal
+ */
+declare function dispatchDestroyEvent(): void;
 /**
  * アクションの破棄する
  *
@@ -1122,7 +1344,15 @@ declare function showAction(): void;
  */
 declare function closeAction(trigger?: CloseTrigger): void;
 /** @internal */
+declare const KARTE_ACTION_ROOT = "karte-action-root";
+/** @internal */
+declare const KARTE_ACTION_RID = "karte-action-rid";
+/** @internal */
+declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
+/** @internal */
 declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
+/** @internal */
+declare const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
 /**
  * create a fog element
  *
@@ -1141,6 +1371,8 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
 };
 /** @internal */
 type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
+/** @internal */
+declare function embed(target: HTMLElement, replace: HTMLElement, embed_method: EmbedLogic): void;
 /**
  * アクションの Shadow Root の Element を取得する
  *
@@ -1177,6 +1409,14 @@ declare function loadStyle(href: string): Promise<void>;
  * @internal
  */
 declare const showModal: typeof create;
+/**
+ * 非推奨です
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>;
 /**
  * 非推奨です
  *
@@ -2759,8 +2999,8 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SliderButtonIcon, SliderButtonText, SliderButton, DefaultSliderButton, SliderButtonPosition, SliderNavigationButton, DefaultSliderNavigationButton, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
-export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
+export { CloseTrigger, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, handleState, initialize, finalize, send_event, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, setAutoStart, Store, getStoreState, SystemConfig, ActionEventHandler, ActionSetting, CustomVariables, actionSetting, getActionSetting, setActionSetting, resetActionSetting, system, getSystem, setSystem, state, setState, getState, states, addState, getStates, opened, isOpened, setOpened, closed, isClosed, setClosed, maximumZindex, setMaximumZindex, internalHandlers, getInternalHandlers, setInternalHandlers, updateInternalHandlers, customHandlers, getCustomHandlers, setCustomHandlers, updateCustomHandlers, destroyed, isDestroyed, setDestroyed, stopped, isStopped, setStopped, customVariables, getCustomVariables, setCustomVariables, updateCustomVariables, FormData, formData, NOOP, isPreview, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, onScroll, onTime, hasSuffix, toBr, randStr, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SliderButtonIcon, SliderButtonText, SliderButton, DefaultSliderButton, SliderButtonPosition, SliderNavigationButton, DefaultSliderNavigationButton, ActionHook, onCreate, onShow, ActionCloseHook, onClose, onDestroy, ActionChangeStateHook, onChangeState, SendFunction, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, KARTE_ACTION_SHORTEN_ID, ensureActionRoot, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, AppOptions, App, createApp, collection, widget };
+export type { CollectionConfig };
 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

@@ -193,6 +193,14 @@ function onTime(time, fn) {
 function hasSuffix(value, suffix) {
     return new RegExp(`[0-9]${suffix}$`).test(value);
 }
+/** @internal */
+function toBr(text) {
+    return text.replace(/\r?\n/g, '<br>');
+}
+/** @internal */
+function randStr(digit = 8) {
+    return Math.random().toString(32).substring(digit);
+}
 
 /**
  * get store state value
@@ -424,6 +432,14 @@ const internalHandlers = writable({});
 function getInternalHandlers() {
     return get(internalHandlers);
 }
+/**
+ * {@link setInternalHandlers} function to set internal event handlers.
+ *
+ * @internal
+ */
+function setInternalHandlers(handlers) {
+    internalHandlers.set(handlers);
+}
 /**
  * {@link updateInternalHandlers} function to update internal event handlers.
  *
@@ -626,6 +642,8 @@ const send_event = (event_name, values) => {
     setting?.send?.(event_name, values);
 };
 /** @internal */
+const none = () => () => { }; // eslint-disable-next @typescript-eslint/no-empty-function
+/** @internal */
 const moveTo = (to) => () => {
     send_event('_message_state_changed', { state: to });
     window.dispatchEvent(new CustomEvent(ACTION_CHANGE_STATE_EVENT, { detail: { to, actionId } }));
@@ -1415,6 +1433,26 @@ function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, })
     root.appendChild(fog);
     return { fog, close };
 }
+/** @internal */
+function embed(target, replace, embed_method) {
+    if (embed_method == 'replace') {
+        if (target.parentNode) {
+            target.parentNode.replaceChild(replace, target);
+        }
+    }
+    else if (embed_method == 'append') {
+        target.append(replace);
+    }
+    else if (embed_method == 'prepend') {
+        target.prepend(replace);
+    }
+    else if (embed_method == 'after') {
+        target.after(replace);
+    }
+    else if (embed_method == 'before') {
+        target.before(replace);
+    }
+}
 /**
  * アクションの Shadow Root の Element を取得する
  *
@@ -4613,7 +4651,7 @@ class ListItem extends SvelteComponent {
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(target) {
-	append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$c(ctx) {
@@ -4631,7 +4669,7 @@ function create_fragment$c(ctx) {
 			this.h();
 		},
 		h() {
-			attr(div, "class", "embed svelte-k86zna");
+			attr(div, "class", "embed svelte-17rkg8u");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4654,7 +4692,7 @@ function create_fragment$c(ctx) {
 
 function instance$c($$self, $$props, $$invalidate) {
 	let { code } = $$props;
-	let { _style = '' } = $$props;
+	let { _style = "" } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('code' in $$props) $$invalidate(0, code = $$props.code);
@@ -4674,7 +4712,7 @@ class EmbedElement extends SvelteComponent {
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$a(target) {
-	append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$b(ctx) {
@@ -4697,7 +4735,7 @@ function create_fragment$b(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-k86zna");
+			attr(div1, "class", "embed svelte-17rkg8u");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -4722,8 +4760,8 @@ function create_fragment$b(ctx) {
 function instance$b($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
-	let { videoId } = $$props;
-	let { sendEvent } = $$props;
+	let { videoId = "sSgN-L4DU0c" } = $$props;
+	let { sendEvent = true } = $$props;
 	let { autoplay = false } = $$props;
 	let { loop = false } = $$props;
 	let { mute = false } = $$props;
@@ -4917,7 +4955,7 @@ class MovieYouTubeElement extends SvelteComponent {
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$9(target) {
-	append_styles(target, "svelte-5l33p2", ".embed.svelte-5l33p2{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-5l33p2 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$a(ctx) {
@@ -4940,7 +4978,7 @@ function create_fragment$a(ctx) {
 		},
 		h() {
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-5l33p2");
+			attr(div1, "class", "embed svelte-17rkg8u");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -4965,18 +5003,18 @@ function create_fragment$a(ctx) {
 function instance$a($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
-	let { videoId } = $$props;
-	let { sendEvent } = $$props;
+	let { videoId = "201239468" } = $$props;
+	let { sendEvent = true } = $$props;
 	let { autoplay = false } = $$props;
 	let { loop = false } = $$props;
 	let { mute = false } = $$props;
-	let { _style = '' } = $$props;
+	let { _style = "" } = $$props;
 
 	// @ts-ignore
 	if (!window.Vimeo) {
-		const tag = document.createElement('script');
-		tag.src = 'https://player.vimeo.com/api/player.js';
-		const firstScriptTag = document.getElementsByTagName('script')[0];
+		const tag = document.createElement("script");
+		tag.src = "https://player.vimeo.com/api/player.js";
+		const firstScriptTag = document.getElementsByTagName("script")[0];
 		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 	}
 
@@ -5009,7 +5047,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		const playSeconds = Math.round((currentDate - startDate) / 1000);
 		totalPlaySeconds += playSeconds;
 
-		sendMovieEvent('_movie_playtime', {
+		sendMovieEvent("_movie_playtime", {
 			seconds: playSeconds,
 			total_seconds: totalPlaySeconds
 		});
@@ -5026,7 +5064,7 @@ function instance$a($$self, $$props, $$invalidate) {
 
 		if (!alreadyPlay) {
 			alreadyPlay = true;
-			sendMovieEvent('_movie_play');
+			sendMovieEvent("_movie_play");
 		}
 	}
 
@@ -5036,7 +5074,7 @@ function instance$a($$self, $$props, $$invalidate) {
 	}
 
 	function onFinish() {
-		sendMovieEvent('_movie_finish');
+		sendMovieEvent("_movie_finish");
 		sendPlaytime();
 		startDate = null;
 	}
@@ -5051,9 +5089,9 @@ function instance$a($$self, $$props, $$invalidate) {
 		// @ts-ignore
 		player = new window.Vimeo.Player(domRef, playerOptions);
 
-		player.on('play', onStart);
-		player.on('pause', onPause);
-		player.on('ended', onFinish);
+		player.on("play", onStart);
+		player.on("pause", onPause);
+		player.on("ended", onFinish);
 		onPlayerReady();
 	}
 
@@ -5075,7 +5113,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		}
 	});
 
-	window.addEventListener('beforeunload', () => {
+	window.addEventListener("beforeunload", () => {
 		sendPlaytime();
 	});
 
@@ -7422,4 +7460,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSliderButton, DefaultSliderNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slider, SliderItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
+export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSliderButton, DefaultSliderNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slider, SliderItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, formData, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };

package/dist/index.es.d.ts

@@ -486,6 +486,18 @@ type ActionSetting = {
 type CustomVariables = {
     [key: string]: any;
 };
+/**
+ * Store to handle action setting
+ */
+declare const actionSetting: Store<ActionSetting>;
+/**
+ * {@link getActionSetting} function to get action setting.
+ *
+ * @returns Current action setting
+ *
+ * @internal
+ */
+declare function getActionSetting(): ActionSetting;
 /**
  * アクション設定を更新する
  *
@@ -499,6 +511,16 @@ type CustomVariables = {
  * @public
  */
 declare function setActionSetting(setting: ActionSetting): ActionSetting;
+/**
+ * {@link resetActionSetting} function to reset action setting
+ *
+ * @internal
+ */
+declare function resetActionSetting(): void;
+/**
+ * Store to read KARTE system config
+ */
+declare const system: Store<SystemConfig>;
 /**
  * KARTE の設定を取得する
  *
@@ -511,6 +533,12 @@ declare function setActionSetting(setting: ActionSetting): ActionSetting;
  * @public
  */
 declare function getSystem(): SystemConfig;
+/**
+ * {@link setSystem} function to set KARTE system config.
+ *
+ * @internal
+ */
+declare function setSystem(config: SystemConfig): void;
 /**
  * Store to handle current state ID
  *
@@ -540,6 +568,20 @@ declare function setState(stateId: string, force?: boolean): void;
  * @public
  */
 declare function getState(): string;
+/**
+ * Store to handle all state IDs
+ *
+ * @internal
+ */
+declare const states: Store<string[]>;
+/**
+ * {@link getStates} function to add new state ID to list of state IDs.
+ *
+ * @param stateId - New state ID
+ *
+ * @internal
+ */
+declare function addState(stateId: string): void;
 /**
  * ステートID一覧を取得する
  *
@@ -565,6 +607,12 @@ declare const opened: Store<boolean>;
  * @public
  */
 declare function isOpened(): boolean;
+/**
+ * {@link setOpened} function to set if action is opened.
+ *
+ * @internal
+ */
+declare function setOpened(on: boolean): void;
 /**
  * Store to handle visibility of action
  *
@@ -591,6 +639,56 @@ declare function isClosed(): boolean;
  * @internal
  */
 declare function setClosed(on: boolean): void;
+/**
+ * Store to handle max z-index for grid items
+ *
+ * @internal
+ */
+declare const maximumZindex: Store<number>;
+/**
+ * Set maximum z-index.
+ *
+ * @internal
+ */
+declare const setMaximumZindex: (zindex?: number) => void;
+/**
+ * Store to handle internal event handlers
+ *
+ * @internal
+ */
+declare const internalHandlers: Store<{
+    [key: string]: ActionEventHandler[];
+}>;
+/**
+ * {@link getInternalHandlers} function to get internal event handlers.
+ *
+ * @returns Current internal handlers
+ *
+ * @internal
+ */
+declare function getInternalHandlers(): {
+    [key: string]: ActionEventHandler[];
+};
+/**
+ * {@link setInternalHandlers} function to set internal event handlers.
+ *
+ * @internal
+ */
+declare function setInternalHandlers(handlers: {
+    [key: string]: ActionEventHandler[];
+}): void;
+/**
+ * {@link updateInternalHandlers} function to update internal event handlers.
+ *
+ * @param handlers - Updated internal event handlers
+ *
+ * @returns New internal handlers
+ */
+declare function updateInternalHandlers(handlers: {
+    [key: string]: ActionEventHandler[];
+}): {
+    [key: string]: ActionEventHandler[];
+};
 /**
  * Store to handle custom event handlers
  *
@@ -644,12 +742,38 @@ declare function updateCustomHandlers(handlers: {
  * @internal
  */
 declare const destroyed: Store<boolean>;
+/**
+ * {@link isDestroyed} function to check if action is destroyed.
+ *
+ * @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
+ *
+ * @internal
+ */
+declare function isDestroyed(): boolean;
+/**
+ * {@link setDestroyed} function to set if action is destroyed.
+ *
+ * @internal
+ */
+declare function setDestroyed(on: boolean): void;
 /**
  * Store to handle stopping action
  *
  * @internal
  */
 declare const stopped: Store<boolean>;
+/**
+ * {@link isStopped} function to check if action is stopped.
+ *
+ * @returns Flag if action is stopped / true: Stopped, false: Not stopped
+ */
+declare function isStopped(): boolean;
+/**
+ * {@link setStopped} function to set if action is stopped.
+ *
+ * @internal
+ */
+declare function setStopped(on: boolean): void;
 /**
  * Store to handle custom variables
  *
@@ -708,9 +832,41 @@ declare const formData: Writable_<FormData>;
  */
 type CloseTrigger = "button" | "overlay" | "auto" | "none";
 /** @internal */
+declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
+/** @internal */
+declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
+/** @internal */
+declare const actionId: string;
+/** @internal */
+declare const ACTION_SHOW_EVENT: string;
+/** @internal */
+declare const ACTION_CLOSE_EVENT: string;
+/** @internal */
+declare const ACTION_DESTROY_EVENT: string;
+/** @internal */
+declare const ACTION_CHANGE_STATE_EVENT: string;
+/** @internal */
+declare const handleState: (event: any) => void;
+/** @internal */
 declare const initialize: (setting?: ActionSetting) => () => void;
 /** @internal */
 declare const finalize: () => void;
+/** @internal */
+declare const send_event: (event_name: string, values?: any) => void;
+/** @internal */
+declare const none: () => () => void; // eslint-disable-next @typescript-eslint/no-empty-function
+/** @internal */
+declare const moveTo: (to: string) => () => void;
+/** @internal */
+declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
+/** @internal */
+declare const closeApp: (trigger: CloseTrigger) => () => void;
+/** @internal */
+declare const runScript: (handlerName: string) => () => void;
+/** @internal */
+declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
+/** @internal */
+declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
 /**
  * An option for svelte custom animation
  */
@@ -739,6 +895,27 @@ interface CustomAnimationOptions {
      */
     duration?: number;
 }
+/**
+ * The function to activate svelte animation.
+ *
+ * @param node - A target node of animation. This argument is passed by svelte, by default.
+ * @param customAnimationOptions - A custom animation option object
+ *
+ * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+ *
+ * @internal
+ */
+declare function customAnimation(node: Element, { transform, animationStyle, delay, duration }: CustomAnimationOptions): {
+    delay?: undefined;
+    duration?: undefined;
+    easing?: undefined;
+    css?: undefined;
+} | {
+    delay: number;
+    duration: number;
+    easing: (t: any) => any;
+    css: (progress: number) => string;
+};
 /**
  * ES Modules に対応していない JavaScript をページに読み込む
  *
@@ -763,6 +940,18 @@ declare function applyGlobalCss(css: string): Promise<any>;
  * @public
  */
 declare function loadGlobalStyle(href: string): Promise<any>;
+/**
+ * {@link hashCode} generate hash with FNV-1a hash
+ *
+ * @param s - Inputed string
+ *
+ * @returns Hashed string
+ *
+ * @see https://stackoverflow.com/a/22429679
+ *
+ * @internal
+ */
+declare function hashCode(s: string): string;
 /**
  * {@link setAutoStart} function to set auto start flag.
  *
@@ -773,6 +962,27 @@ declare function loadGlobalStyle(href: string): Promise<any>;
  * @internal
  */
 declare const setAutoStart: (on?: boolean) => void;
+/** @internal */
+declare const NOOP: Function; // eslint-disable-line @typescript-eslint/no-unused-vars
+/** @internal */
+declare const isPreview: () => boolean;
+/** @internal */
+declare const handleFocus: (node: HTMLElement | null) => (e: any) => void;
+/** @internal */
+declare const setPreviousFocus: () => void;
+/** @internal */
+declare const handleKeydown: (handlers: {
+    [eventName: string]: (e: any) => void;
+}) => (e: any) => void;
+/** @internal */
+declare const getPositionStyle: (position: ModalPosition) => string;
+/** @internal */
+declare const getTransform: (position: ModalPosition) => [
+    number,
+    number
+];
+/** @internal */
+declare const getMarginStyle: (margin: ModalMargin) => string;
 /**
  * スクロール方向
  *
@@ -843,6 +1053,12 @@ declare function onScroll(rate: number | number[], fn: OnScrollFunction): () =>
  * @public
  */
 declare function onTime(time: number, fn: Function): () => void;
+/** @internal */
+declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
+/** @internal */
+declare function toBr(text: string): string;
+/** @internal */
+declare function randStr(digit?: number): string;
 /**
  * プロパティ
  *
@@ -1101,6 +1317,12 @@ interface ActionOptions<Props, Variables> {
  * @public
  */
 declare function create<Props extends _Props$0, Variables>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & CustomVariables>): () => void;
+/**
+ * Dispatch the event to destroy KARTE action
+ *
+ * @internal
+ */
+declare function dispatchDestroyEvent(): void;
 /**
  * アクションの破棄する
  *
@@ -1122,7 +1344,15 @@ declare function showAction(): void;
  */
 declare function closeAction(trigger?: CloseTrigger): void;
 /** @internal */
+declare const KARTE_ACTION_ROOT = "karte-action-root";
+/** @internal */
+declare const KARTE_ACTION_RID = "karte-action-rid";
+/** @internal */
+declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
+/** @internal */
 declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
+/** @internal */
+declare const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
 /**
  * create a fog element
  *
@@ -1141,6 +1371,8 @@ declare function createFog({ color, opacity, zIndex, onclick }: {
 };
 /** @internal */
 type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
+/** @internal */
+declare function embed(target: HTMLElement, replace: HTMLElement, embed_method: EmbedLogic): void;
 /**
  * アクションの Shadow Root の Element を取得する
  *
@@ -1177,6 +1409,14 @@ declare function loadStyle(href: string): Promise<void>;
  * @internal
  */
 declare const showModal: typeof create;
+/**
+ * 非推奨です
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>;
 /**
  * 非推奨です
  *
@@ -2759,8 +2999,8 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SliderButtonIcon, SliderButtonText, SliderButton, DefaultSliderButton, SliderButtonPosition, SliderNavigationButton, DefaultSliderNavigationButton, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
-export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
+export { CloseTrigger, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, handleState, initialize, finalize, send_event, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, setAutoStart, Store, getStoreState, SystemConfig, ActionEventHandler, ActionSetting, CustomVariables, actionSetting, getActionSetting, setActionSetting, resetActionSetting, system, getSystem, setSystem, state, setState, getState, states, addState, getStates, opened, isOpened, setOpened, closed, isClosed, setClosed, maximumZindex, setMaximumZindex, internalHandlers, getInternalHandlers, setInternalHandlers, updateInternalHandlers, customHandlers, getCustomHandlers, setCustomHandlers, updateCustomHandlers, destroyed, isDestroyed, setDestroyed, stopped, isStopped, setStopped, customVariables, getCustomVariables, setCustomVariables, updateCustomVariables, FormData, formData, NOOP, isPreview, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, onScroll, onTime, hasSuffix, toBr, randStr, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SliderButtonIcon, SliderButtonText, SliderButton, DefaultSliderButton, SliderButtonPosition, SliderNavigationButton, DefaultSliderNavigationButton, ActionHook, onCreate, onShow, ActionCloseHook, onClose, onDestroy, ActionChangeStateHook, onChangeState, SendFunction, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, KARTE_ACTION_SHORTEN_ID, ensureActionRoot, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, AppOptions, App, createApp, collection, widget };
+export type { CollectionConfig };
 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

@@ -194,6 +194,10 @@ function hasSuffix(value, suffix) {
     return new RegExp(`[0-9]${suffix}$`).test(value);
 }
 /** @internal */
+function toBr(text) {
+    return text.replace(/\r?\n/g, '<br>');
+}
+/** @internal */
 function randStr(digit = 8) {
     return Math.random().toString(32).substring(digit);
 }
@@ -428,6 +432,14 @@ const internalHandlers = writable({});
 function getInternalHandlers() {
     return get(internalHandlers);
 }
+/**
+ * {@link setInternalHandlers} function to set internal event handlers.
+ *
+ * @internal
+ */
+function setInternalHandlers(handlers) {
+    internalHandlers.set(handlers);
+}
 /**
  * {@link updateInternalHandlers} function to update internal event handlers.
  *
@@ -630,6 +642,8 @@ const send_event = (event_name, values) => {
     setting?.send?.(event_name, values);
 };
 /** @internal */
+const none = () => () => { }; // eslint-disable-next @typescript-eslint/no-empty-function
+/** @internal */
 const moveTo = (to) => () => {
     send_event('_message_state_changed', { state: to });
     window.dispatchEvent(new CustomEvent(ACTION_CHANGE_STATE_EVENT, { detail: { to, actionId } }));
@@ -1535,6 +1549,26 @@ function createFog({ color = '#000', opacity = '50%', zIndex = 999, onclick, })
     root.appendChild(fog);
     return { fog, close };
 }
+/** @internal */
+function embed(target, replace, embed_method) {
+    if (embed_method == 'replace') {
+        if (target.parentNode) {
+            target.parentNode.replaceChild(replace, target);
+        }
+    }
+    else if (embed_method == 'append') {
+        target.append(replace);
+    }
+    else if (embed_method == 'prepend') {
+        target.prepend(replace);
+    }
+    else if (embed_method == 'after') {
+        target.after(replace);
+    }
+    else if (embed_method == 'before') {
+        target.before(replace);
+    }
+}
 /**
  * アクションの Shadow Root の Element を取得する
  *
@@ -4497,7 +4531,7 @@ class ListItem extends SvelteComponent {
 /* src/components/EmbedElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$b(target) {
-	append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$c(ctx) {
@@ -4506,7 +4540,7 @@ function create_fragment$c(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "embed svelte-k86zna");
+			attr(div, "class", "embed svelte-17rkg8u");
 			attr(div, "style", /*_style*/ ctx[1]);
 		},
 		m(target, anchor) {
@@ -4529,7 +4563,7 @@ function create_fragment$c(ctx) {
 
 function instance$c($$self, $$props, $$invalidate) {
 	let { code } = $$props;
-	let { _style = '' } = $$props;
+	let { _style = "" } = $$props;
 
 	$$self.$$set = $$props => {
 		if ('code' in $$props) $$invalidate(0, code = $$props.code);
@@ -4549,7 +4583,7 @@ class EmbedElement extends SvelteComponent {
 /* src/components/MovieYouTubeElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$a(target) {
-	append_styles(target, "svelte-k86zna", ".embed.svelte-k86zna{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-k86zna iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$b(ctx) {
@@ -4561,7 +4595,7 @@ function create_fragment$b(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-k86zna");
+			attr(div1, "class", "embed svelte-17rkg8u");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -4586,8 +4620,8 @@ function create_fragment$b(ctx) {
 function instance$b($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
-	let { videoId } = $$props;
-	let { sendEvent } = $$props;
+	let { videoId = "sSgN-L4DU0c" } = $$props;
+	let { sendEvent = true } = $$props;
 	let { autoplay = false } = $$props;
 	let { loop = false } = $$props;
 	let { mute = false } = $$props;
@@ -4781,7 +4815,7 @@ class MovieYouTubeElement extends SvelteComponent {
 /* src/components/MovieVimeoElement.svelte generated by Svelte v3.53.1 */
 
 function add_css$9(target) {
-	append_styles(target, "svelte-5l33p2", ".embed.svelte-5l33p2{position:relative;box-shadow:0 1px rgba(0, 0, 0, 0.06);padding-top:56.25%;overflow:hidden}.embed.svelte-5l33p2 iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
+	append_styles(target, "svelte-17rkg8u", ".embed.svelte-17rkg8u{box-shadow:0 1px rgba(0, 0, 0, 0.06);overflow:hidden;width:100%;height:100%}.embed.svelte-17rkg8u iframe{position:absolute;top:0;left:0;width:100%;height:100%}");
 }
 
 function create_fragment$a(ctx) {
@@ -4793,7 +4827,7 @@ function create_fragment$a(ctx) {
 			div1 = element("div");
 			div0 = element("div");
 			attr(div0, "class", "karte-player");
-			attr(div1, "class", "embed svelte-5l33p2");
+			attr(div1, "class", "embed svelte-17rkg8u");
 			attr(div1, "style", /*_style*/ ctx[0]);
 		},
 		m(target, anchor) {
@@ -4818,18 +4852,18 @@ function create_fragment$a(ctx) {
 function instance$a($$self, $$props, $$invalidate) {
 	let $system;
 	component_subscribe($$self, system, $$value => $$invalidate(12, $system = $$value));
-	let { videoId } = $$props;
-	let { sendEvent } = $$props;
+	let { videoId = "201239468" } = $$props;
+	let { sendEvent = true } = $$props;
 	let { autoplay = false } = $$props;
 	let { loop = false } = $$props;
 	let { mute = false } = $$props;
-	let { _style = '' } = $$props;
+	let { _style = "" } = $$props;
 
 	// @ts-ignore
 	if (!window.Vimeo) {
-		const tag = document.createElement('script');
-		tag.src = 'https://player.vimeo.com/api/player.js';
-		const firstScriptTag = document.getElementsByTagName('script')[0];
+		const tag = document.createElement("script");
+		tag.src = "https://player.vimeo.com/api/player.js";
+		const firstScriptTag = document.getElementsByTagName("script")[0];
 		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 	}
 
@@ -4862,7 +4896,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		const playSeconds = Math.round((currentDate - startDate) / 1000);
 		totalPlaySeconds += playSeconds;
 
-		sendMovieEvent('_movie_playtime', {
+		sendMovieEvent("_movie_playtime", {
 			seconds: playSeconds,
 			total_seconds: totalPlaySeconds
 		});
@@ -4879,7 +4913,7 @@ function instance$a($$self, $$props, $$invalidate) {
 
 		if (!alreadyPlay) {
 			alreadyPlay = true;
-			sendMovieEvent('_movie_play');
+			sendMovieEvent("_movie_play");
 		}
 	}
 
@@ -4889,7 +4923,7 @@ function instance$a($$self, $$props, $$invalidate) {
 	}
 
 	function onFinish() {
-		sendMovieEvent('_movie_finish');
+		sendMovieEvent("_movie_finish");
 		sendPlaytime();
 		startDate = null;
 	}
@@ -4904,9 +4938,9 @@ function instance$a($$self, $$props, $$invalidate) {
 		// @ts-ignore
 		player = new window.Vimeo.Player(domRef, playerOptions);
 
-		player.on('play', onStart);
-		player.on('pause', onPause);
-		player.on('ended', onFinish);
+		player.on("play", onStart);
+		player.on("pause", onPause);
+		player.on("ended", onFinish);
 		onPlayerReady();
 	}
 
@@ -4928,7 +4962,7 @@ function instance$a($$self, $$props, $$invalidate) {
 		}
 	});
 
-	window.addEventListener('beforeunload', () => {
+	window.addEventListener("beforeunload", () => {
 		sendPlaytime();
 	});
 
@@ -7044,4 +7078,4 @@ class ImageBlock extends SvelteComponent {
 	}
 }
 
-export { Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSliderButton, DefaultSliderNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slider, SliderItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, applyCss, applyGlobalCss, close, closeAction, closed, collection$1 as collection, create, createApp, createFog, customHandlers, customVariables, destroy, destroyed, ensureModalRoot, finalize, formData, getActionShadowRoot, getCustomHandlers, getCustomVariables, getState$1 as getState, getStates, getStoreState, getSystem, hideOnScroll, hideOnTime, initialize, isClosed, isOpened, loadGlobalScript, loadGlobalStyle, loadStyle, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setState$1 as setState, show, showAction, showModal, showOnScroll, showOnTime, state, stopped, updateCustomHandlers, updateCustomVariables, widget };
+export { ACTION_CHANGE_STATE_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_SHOW_EVENT, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, Alignments, AnimationStyles, BackgroundSizes, ClipPaths, Cursors, DefaultListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListSeparator, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparatorNone, DefaultModalPlacement, DefaultSliderButton, DefaultSliderNavigationButton, Directions, Elasticities, ElasticityStyle, EmbedElement, Flex, FlexItem, FormButton, FormCheckBoxes, FormOperationOptions, FormRadioButtons, FormSelect, FormTextarea, Grid, GridItem, GridModalState, ImageBlock, ImageElement, Justifies, KARTE_ACTION_RID, KARTE_ACTION_ROOT, KARTE_ACTION_SHORTEN_ID, KARTE_MODAL_ROOT, LengthUnits, List, ListBackgroundTypes, ListDirections, ListItem, ListSeparatorTypes, MediaQueries, Modal, ModalPositions, MovieVimeoElement, MovieYouTubeElement, NOOP, ObjectFits, OnClickOperationOptions, Overflows, PropTypes, Repeats, Slider, SliderItem, State, StateItem, TextBlock, TextButtonBlock, TextButtonElement, TextDirections, TextElement, WritingModes, actionId, actionSetting, addState, applyCss, applyGlobalCss, close, closeAction, closeApp, closed, collection$1 as collection, create, createApp, createFog, customAnimation, customHandlers, customVariables, destroy, destroyed, dispatchDestroyEvent, embed, ensureActionRoot, ensureModalRoot, execOnClickOperation, finalize, formData, getActionSetting, getActionShadowRoot, getCustomHandlers, getCustomVariables, getInternalHandlers, getMarginStyle, getPositionStyle, getState$1 as getState, getStates, getStoreState, getSystem, getTransform, h, handleFocus, handleKeydown, handleState, hasSuffix, hashCode, haveFunction, hideOnScroll, hideOnTime, initialize, internalHandlers, isClosed, isDestroyed, isOpened, isPreview, isStopped, linkTo, loadGlobalScript, loadGlobalStyle, loadStyle, maximumZindex, moveTo, none, onChangeState, onClose, onCreate, onDestroy, onScroll, onShow, onTime, opened, randStr, resetActionSetting, runScript, send_event, setActionSetting, setAutoStart, setClosed, setCustomHandlers, setCustomVariables, setDestroyed, setInternalHandlers, setMaximumZindex, setOpened, setPreviousFocus, setState$1 as setState, setStopped, setSystem, show, showAction, showModal, showOnScroll, showOnTime, state, states, stopped, system, toBr, updateCustomHandlers, updateCustomVariables, updateInternalHandlers, widget };

package/package.json

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