@plaidev/karte-action-sdk 1.1.156 → 1.1.157-28011607.f788fa7c

package/dist/index.es.d.ts

@@ -1,6 +1,12 @@
+import { Writable } from "svelte/store";
 import { get as get_ } from "svelte/store";
 import { Writable as Writable_ } from "svelte/store";
 import { SvelteComponentDev } from "svelte/internal";
+import { onMount as onMountSvelte } from "svelte";
+import { onDestroy as onDestorySvelte } from "svelte";
+import { beforeUpdate as beforeUpdateSvelte } from "svelte";
+import { afterUpdate as afterUpdateSvelte } from "svelte";
+import { tick as tickSvelte } from "svelte";
 /** @internal */
 declare const PropTypes: readonly [
     "BooleanKeyword",
@@ -676,6 +682,151 @@ interface FormData {
  * @internal
  */
 declare const formData: Writable_<FormData>;
+type ActionTableResult = number | string | boolean | Date | null | undefined;
+type ActionTableQueryParam = string | number | boolean | Date;
+type ActionTableQueryParams = {
+    [key: string]: ActionTableQueryParam | ActionTableQueryParam[];
+};
+/**
+ * アクションテーブルの設定情報
+ *
+ * @public
+ */
+type CollectionConfig = {
+    /**
+     * APIキー
+     */
+    api_key: string;
+    /**
+     * テーブル名
+     */
+    table: string;
+    /**
+     * エンドポイント
+     */
+    endpoint?: string;
+};
+/**
+ * アクションテーブルを管理するメソッドを取得する
+ *
+ * @param config - 設定情報
+ *
+ * @returns メソッドを返します
+ *
+ * @public
+ */
+declare function collection(config: CollectionConfig): {
+    get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void;
+    getByQuery(query_name: string, params: ActionTableQueryParams, options: {
+        ignore_fields?: string[];
+    } | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void;
+    set(key: string, value: string, cb: (err: Error | null) => void): void;
+};
+/** @internal */
+type VariableQuery = {
+    resolver: string;
+    name: string;
+    query: any;
+    preview_value?: any;
+};
+/** @internal */
+type ActionTableRowRequestConfig = VariableQuery & {
+    resolver: "action-table-row";
+    query: {
+        table_name: string;
+        key: string;
+        default_value?: ActionTableResult;
+    };
+    preview_value?: ActionTableResult;
+};
+/** @internal */
+type ActionTableRowsRequestConfig = VariableQuery & {
+    resolver: "action-table-rows";
+    query: {
+        table_name: string;
+        key: Array<string>;
+        default_value?: Array<ActionTableResult>;
+    };
+    preview_value?: Array<ActionTableResult>;
+};
+/** @internal */
+type ActionTableQueryRequestConfig = VariableQuery & {
+    resolver: "action-table-query";
+    query: {
+        table_name: string;
+        query_name: string;
+        params?: ActionTableQueryParams;
+        default_value?: Array<ActionTableResult>;
+    };
+    preview_value?: Array<ActionTableResult>;
+};
+/** @internal */
+type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
+/** @internal */
+declare const loadActionTableRow: (config: ActionTableRowRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
+/** @internal */
+declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
+/** @internal */
+declare const loadActionTableQuery: (config: ActionTableQueryRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
+declare const loadActionTable: (config: Array<VariableQuery>, api_key: string, endpoint?: string) => Promise<{
+    [key: string]: any;
+}>;
+/**
+ * プロパティ
+ *
+ * @internal
+ */
+interface Props {
+    /**
+     * 全ての条件を満たしたら表示するかどうか
+     */
+    show_and_condition?: boolean;
+    /**
+     * スクロール率による表示を有効化するかどうか
+     */
+    show_on_scroll?: boolean;
+    /**
+     * 表示するスクロール率
+     */
+    show_on_scroll_rate?: number;
+    /**
+     * 条件を満たした時に再表示するかどうか
+     */
+    show_on_scroll_reenter?: boolean;
+    /**
+     * 時間による表示を有効化するかどうか
+     */
+    show_on_time?: boolean;
+    /**
+     * 表示する秒数
+     */
+    show_on_time_count?: number;
+    /**
+     * 全ての条件を満たしたら非表示するかどうか
+     */
+    hide_and_condition?: boolean;
+    /**
+     * スクロール率で非表示を有効化するかどうか
+     */
+    hide_on_scroll?: boolean;
+    /**
+     * 非表示にするスクロール率
+     */
+    hide_on_scroll_rate?: number;
+    /**
+     * 条件を満たした時に表示するかどうか
+     */
+    hide_on_scroll_releave?: boolean;
+    /**
+     * 時間による非表示を有効化するかどうか
+     */
+    hide_on_time?: boolean;
+    /**
+     * 非表示にする秒数
+     */
+    hide_on_time_count?: number;
+}
+type _Props = Props;
 /**
  * 閉じるアクショントリガー
  *
@@ -738,6 +889,8 @@ declare function applyGlobalCss(css: string): Promise<any>;
  * @public
  */
 declare function loadGlobalStyle(href: string): Promise<any>;
+// @internal
+declare function getCssVariables<Props extends _Props, Variables>(data: Writable<Props & Variables & ActionVariables & VariableQuery>): string;
 /**
  * スクロール方向
  *
@@ -850,62 +1003,7 @@ declare const logger: {
  * @internal
  */
 declare function listenLogger(): () => void;
-/**
- * プロパティ
- *
- * @internal
- */
-interface Props {
-    /**
-     * 全ての条件を満たしたら表示するかどうか
-     */
-    show_and_condition?: boolean;
-    /**
-     * スクロール率による表示を有効化するかどうか
-     */
-    show_on_scroll?: boolean;
-    /**
-     * 表示するスクロール率
-     */
-    show_on_scroll_rate?: number;
-    /**
-     * 条件を満たした時に再表示するかどうか
-     */
-    show_on_scroll_reenter?: boolean;
-    /**
-     * 時間による表示を有効化するかどうか
-     */
-    show_on_time?: boolean;
-    /**
-     * 表示する秒数
-     */
-    show_on_time_count?: number;
-    /**
-     * 全ての条件を満たしたら非表示するかどうか
-     */
-    hide_and_condition?: boolean;
-    /**
-     * スクロール率で非表示を有効化するかどうか
-     */
-    hide_on_scroll?: boolean;
-    /**
-     * 非表示にするスクロール率
-     */
-    hide_on_scroll_rate?: number;
-    /**
-     * 条件を満たした時に表示するかどうか
-     */
-    hide_on_scroll_releave?: boolean;
-    /**
-     * 時間による非表示を有効化するかどうか
-     */
-    hide_on_time?: boolean;
-    /**
-     * 非表示にする秒数
-     */
-    hide_on_time_count?: number;
-}
-type _Props = Props;
+type _Props$0 = Props;
 /**
  * スクロールに応じてアクションを非表示にするトリガー関数
  *
@@ -922,7 +1020,7 @@ type _Props = Props;
  *
  * @internal
  */
-declare function hideOnScroll<Props extends Pick<_Props, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: Props, hide?: Function, show?: Function): (() => void) | null;
+declare function hideOnScroll<Props extends Pick<_Props$0, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: Props, hide?: Function, show?: Function): (() => void) | null;
 /**
  * 時間に応じてアクションを非表示にするトリガー関数
  *
@@ -937,7 +1035,7 @@ declare function hideOnScroll<Props extends Pick<_Props, "hide_on_scroll" | "hid
  *
  * @internal
  */
-declare function hideOnTime<Props extends Pick<_Props, "hide_on_time" | "hide_on_time_count">>(props: Props, hide?: Function): (() => void) | null;
+declare function hideOnTime<Props extends Pick<_Props$0, "hide_on_time" | "hide_on_time_count">>(props: Props, hide?: Function): (() => void) | null;
 /**
  * スクロールに応じてアクションを表示するトリガー関数
  *
@@ -954,7 +1052,7 @@ declare function hideOnTime<Props extends Pick<_Props, "hide_on_time" | "hide_on
  *
  * @internal
  */
-declare function showOnScroll<Props extends Pick<_Props, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave">>(props: Props, show?: Function, hide?: Function): (() => void) | null;
+declare function showOnScroll<Props extends Pick<_Props$0, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave">>(props: Props, show?: Function, hide?: Function): (() => void) | null;
 /**
  * 時間に応じてアクションを表示するトリガー関数
  *
@@ -969,97 +1067,8 @@ declare function showOnScroll<Props extends Pick<_Props, "show_on_scroll" | "sho
  *
  * @internal
  */
-declare function showOnTime<Props extends Pick<_Props, "show_on_time" | "show_on_time_count">>(props: Props, show?: Function): (() => void) | null;
-type ActionTableResult = number | string | boolean | Date | null | undefined;
-type ActionTableQueryParam = string | number | boolean | Date;
-type ActionTableQueryParams = {
-    [key: string]: ActionTableQueryParam | ActionTableQueryParam[];
-};
-/**
- * アクションテーブルの設定情報
- *
- * @public
- */
-type CollectionConfig = {
-    /**
-     * APIキー
-     */
-    api_key: string;
-    /**
-     * テーブル名
-     */
-    table: string;
-    /**
-     * エンドポイント
-     */
-    endpoint?: string;
-};
-/**
- * アクションテーブルを管理するメソッドを取得する
- *
- * @param config - 設定情報
- *
- * @returns メソッドを返します
- *
- * @public
- */
-declare function collection(config: CollectionConfig): {
-    get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void;
-    getByQuery(query_name: string, params: ActionTableQueryParams, options: {
-        ignore_fields?: string[];
-    } | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void;
-    set(key: string, value: string, cb: (err: Error | null) => void): void;
-};
-/** @internal */
-type VariableQuery = {
-    resolver: string;
-    name: string;
-    query: any;
-    preview_value?: any;
-};
-/** @internal */
-type ActionTableRowRequestConfig = VariableQuery & {
-    resolver: "action-table-row";
-    query: {
-        table_name: string;
-        key: string;
-        default_value?: ActionTableResult;
-    };
-    preview_value?: ActionTableResult;
-};
-/** @internal */
-type ActionTableRowsRequestConfig = VariableQuery & {
-    resolver: "action-table-rows";
-    query: {
-        table_name: string;
-        key: Array<string>;
-        default_value?: Array<ActionTableResult>;
-    };
-    preview_value?: Array<ActionTableResult>;
-};
-/** @internal */
-type ActionTableQueryRequestConfig = VariableQuery & {
-    resolver: "action-table-query";
-    query: {
-        table_name: string;
-        query_name: string;
-        params?: ActionTableQueryParams;
-        default_value?: Array<ActionTableResult>;
-    };
-    preview_value?: Array<ActionTableResult>;
-};
-/** @internal */
-type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
-/** @internal */
-declare const loadActionTableRow: (config: ActionTableRowRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
-/** @internal */
-declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
-/** @internal */
-declare const loadActionTableQuery: (config: ActionTableQueryRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
-declare const loadActionTable: (config: Array<VariableQuery>, api_key: string, endpoint?: string) => Promise<{
-    [key: string]: any;
-}>;
-type _Props$0 = Props;
+declare function showOnTime<Props extends Pick<_Props$0, "show_on_time" | "show_on_time_count">>(props: Props, show?: Function): (() => void) | null;
+type _Props$1 = Props;
 /** @internal */
 declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
 /** @internal */
@@ -1074,7 +1083,7 @@ type ActionHookLog = {
  *
  * @public
  */
-type ActionHook<Props extends _Props$0, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
+type ActionHook<Props extends _Props$1, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
 /**
  * アクションが作成 (create) される前にフックする関数
  *
@@ -1082,7 +1091,7 @@ type ActionHook<Props extends _Props$0, Variables> = (props: ActionProps<Props,
  *
  * @public
  */
-declare function onCreate<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+declare function onCreate<Props extends _Props$1, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
 /**
  * アクションが表示 (show) された後にフックする関数
  *
@@ -1090,7 +1099,7 @@ declare function onCreate<Props extends _Props$0, Variables>(fn: ActionHook<Prop
  *
  * @public
  */
-declare function onShow<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+declare function onShow<Props extends _Props$1, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
 /**
  * アクションのライフサイクル close で呼び出されるフックする関数
  *
@@ -1099,7 +1108,7 @@ declare function onShow<Props extends _Props$0, Variables>(fn: ActionHook<Props,
  *
  * @public
  */
-type ActionCloseHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
+type ActionCloseHook<Props extends _Props$1, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
 /**
  * アクションがクローズ (close) される前にフックする関数
  *
@@ -1107,7 +1116,7 @@ type ActionCloseHook<Props extends _Props$0, Variables> = (props: Parameters<Act
  *
  * @public
  */
-declare function onClose<Props extends _Props$0, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
+declare function onClose<Props extends _Props$1, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
 /**
  * アクションが破棄 (destroy) される前にフックする関数
  *
@@ -1115,7 +1124,7 @@ declare function onClose<Props extends _Props$0, Variables>(fn: ActionCloseHook<
  *
  * @public
  */
-declare function onDestroy<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+declare function onDestroy<Props extends _Props$1, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
 /**
  * アクションのライフサイクル changeState で呼び出されるフック関数
  *
@@ -1124,7 +1133,7 @@ declare function onDestroy<Props extends _Props$0, Variables>(fn: ActionHook<Pro
  *
  * @public
  */
-type ActionChangeStateHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
+type ActionChangeStateHook<Props extends _Props$1, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
 /**
  * アクションのステートが変更された (changeState) 後にフックする関数
  *
@@ -1132,7 +1141,7 @@ type ActionChangeStateHook<Props extends _Props$0, Variables> = (props: Paramete
  *
  * @public
  */
-declare function onChangeState<Props extends _Props$0, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
+declare function onChangeState<Props extends _Props$1, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
 /**
  * アクションの send 関数
  *
@@ -1225,7 +1234,7 @@ interface ActionOptions<Props, Variables, VariablesQuery> {
  *
  * @public
  */
-declare function create<Props extends _Props$0, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+declare function create<Props extends _Props$1, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
 /**
  * アクションの破棄する
  *
@@ -2134,240 +2143,104 @@ declare namespace widget {
      * @internal
      */
     const eventHandlers: Store<{
-        [key: string]: ActionEventHandler;
-    }>;
-    /**
-     * イベントハンドラーの一覧を取得する
-     *
-     * @returns 現在のイベントハンドラー
-     *
-     * @public
-     */
-    function getEventHandlers(): {
-        [key: string]: ActionEventHandler;
-    };
-    /**
-     * イベントハンドラーを登録する
-     *
-     * @remarks
-     * 登録したイベントハンドラーは、ビジュアルエディタでアクション本体とのテキストボタンのクリック時の動作で利用できます。
-     *
-     * @param handlers - 登録するイベントハンドラー
-     *
-     * @public
-     */
-    function setEventHandlers(handlers: {
-        [key: string]: ActionEventHandler;
-    }): {
-        [key: string]: ActionEventHandler;
-    };
-    /**
-     * イベントハンドラーをリセットする
-     *
-     */
-    function resetEventHandlers(): void;
-    /**
-     * Store to handle destruction of action
-     *
-     * @internal
-     */
-    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
-     */
-    function isDestroyed(): boolean;
-    /**
-     * {@link setDestroyed} function to set if action is destroyed.
-     *
-     * @internal
-     */
-    function setDestroyed(on: boolean): void;
-    /**
-     * Store to handle variables
-     *
-     * @internal
-     */
-    const variables: Store<{
-        [key: string]: any;
-    }>;
-    /**
-     * 変数の一覧を取得する
-     *
-     * @returns 現在の変数の一覧
-     *
-     * @internal
-     */
-    function getVariables(): ActionVariables;
-    /**
-     * 変数を設定する
-     *
-     * @remarks
-     * 設定した変数は、ビジュアルエディタのテキストフォームなどで利用できます。
-     *
-     * @param vars - 変数
-     *
-     * @internal
-     */
-    function setVariables(vars: ActionVariables): ActionVariables;
-    /**
-     * 変数をリセットする
-     *
-     */
-    function resetVariables(): void;
-    /** @internal */
-    interface FormData {
-        [name: string]: {
-            statePath: string;
-            value: any;
-            isValid: boolean;
-        };
-    }
-    /**
-     * Store for form data
-     *
-     * @internal
-     */
-    const formData: Writable_<FormData>;
-    /**
-     * 表示アクショントリガー
-     *
-     * @internal
-     */
-    type ShowTrigger = "custom" | "auto" | "none";
-    /**
-     * 閉じるアクショントリガー
-     *
-     * @public
-     */
-    type CloseTrigger = "button" | "overlay" | "auto" | "none";
-    /** @internal */
-    const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
-    /** @internal */
-    const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
-    // prettier-ignore
-    /** @internal */
-    const actionId: string;
-    /** @internal */
-    const ACTION_SHOW_EVENT: string;
-    /** @internal */
-    const ACTION_CLOSE_EVENT: string;
-    /** @internal */
-    const ACTION_DESTROY_EVENT: string;
-    /** @internal */
-    const ACTION_CHANGE_STATE_EVENT: string;
-    /** @internal */
-    const handleState: (event: any) => void;
-    /** @internal */
-    const initialize: (setting?: ActionSetting) => () => void;
-    /** @internal */
-    const finalize: () => void;
-    /** @internal */
-    const send_event: (event_name: string, values?: any) => void;
-    /** @internal */
-    const none: () => () => void; // eslint-disable-next @typescript-eslint/no-empty-function
-    /** @internal */
-    const moveTo: (to: string) => () => void;
-    /** @internal */
-    const linkTo: (to: string, targetBlank?: boolean) => () => void;
-    /** @internal */
-    const closeApp: (trigger: CloseTrigger) => () => void;
-    /** @internal */
-    const runScript: (handlerName: string) => () => void;
-    /** @internal */
-    const submitForm: (to: string) => () => void;
-    /** @internal */
-    const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
-    /** @internal */
-    const haveFunction: (onClickOperation: OnClickOperation) => boolean;
-    /**
-     * An option for svelte custom animation
-     */
-    interface CustomAnimationOptions {
-        /**
-         * A Transform value in percent of target element
-         */
-        transform: [
-            number,
-            number
-        ];
-        /**
-         * A style of animation(e.g. fade, slide-in)
-         */
-        animationStyle: AnimationStyle;
-        /**
-         * A waiting time in milliseconds before starting animation
-         *
-         * @defaultValue 0
-         */
-        delay?: number;
-        /**
-         *  A total duration time in milliseconds of the animation
-         *
-         * @defaultValue 1000
-         */
-        duration?: number;
-    }
+        [key: string]: ActionEventHandler;
+    }>;
     /**
-     * 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
+     * @returns 現在のイベントハンドラー
      *
-     * @internal
+     * @public
      */
-    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;
+    function getEventHandlers(): {
+        [key: string]: ActionEventHandler;
     };
     /**
-     * ES Modules に対応していない JavaScript をページに読み込む
+     * イベントハンドラーを登録する
      *
-     * @param src - JavaScript ファイルのリンク URL
+     * @remarks
+     * 登録したイベントハンドラーは、ビジュアルエディタでアクション本体とのテキストボタンのクリック時の動作で利用できます。
+     *
+     * @param handlers - 登録するイベントハンドラー
      *
      * @public
      */
-    function loadGlobalScript(src: string): Promise<any>;
+    function setEventHandlers(handlers: {
+        [key: string]: ActionEventHandler;
+    }): {
+        [key: string]: ActionEventHandler;
+    };
     /**
-     * グローバル CSS をページに適用する
+     * イベントハンドラーをリセットする
      *
-     * @param css - CSS
+     */
+    function resetEventHandlers(): void;
+    /**
+     * Store to handle destruction of action
      *
-     * @public
+     * @internal
      */
-    function applyGlobalCss(css: string): Promise<any>;
+    const destroyed: Store<boolean>;
     /**
-     * style ファイルをページに読み込む
+     * {@link isDestroyed} function to check if action is destroyed.
      *
-     * @param href - style ファイルのリンク URL
+     * @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
      *
-     * @public
+     * @internal
      */
-    function loadGlobalStyle(href: string): Promise<any>;
+    function isDestroyed(): boolean;
     /**
-     * {@link hashCode} generate hash with FNV-1a hash
+     * {@link setDestroyed} function to set if action is destroyed.
      *
-     * @param s - Inputed string
+     * @internal
+     */
+    function setDestroyed(on: boolean): void;
+    /**
+     * Store to handle variables
      *
-     * @returns Hashed string
+     * @internal
+     */
+    const variables: Store<{
+        [key: string]: any;
+    }>;
+    /**
+     * 変数の一覧を取得する
      *
-     * @see https://stackoverflow.com/a/22429679
+     * @returns 現在の変数の一覧
      *
      * @internal
      */
-    function hashCode(s: string): string;
+    function getVariables(): ActionVariables;
+    /**
+     * 変数を設定する
+     *
+     * @remarks
+     * 設定した変数は、ビジュアルエディタのテキストフォームなどで利用できます。
+     *
+     * @param vars - 変数
+     *
+     * @internal
+     */
+    function setVariables(vars: ActionVariables): ActionVariables;
+    /**
+     * 変数をリセットする
+     *
+     */
+    function resetVariables(): void;
+    /** @internal */
+    interface FormData {
+        [name: string]: {
+            statePath: string;
+            value: any;
+            isValid: boolean;
+        };
+    }
+    /**
+     * Store for form data
+     *
+     * @internal
+     */
+    const formData: Writable_<FormData>;
     type ActionTableResult = number | string | boolean | Date | null | undefined;
     type ActionTableQueryParam = string | number | boolean | Date;
     type ActionTableQueryParams = {
@@ -2513,6 +2386,145 @@ declare namespace widget {
         hide_on_time_count?: number;
     }
     type _Props = Props;
+    /**
+     * 表示アクショントリガー
+     *
+     * @internal
+     */
+    type ShowTrigger = "custom" | "auto" | "none";
+    /**
+     * 閉じるアクショントリガー
+     *
+     * @public
+     */
+    type CloseTrigger = "button" | "overlay" | "auto" | "none";
+    /** @internal */
+    const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
+    /** @internal */
+    const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
+    // prettier-ignore
+    /** @internal */
+    const actionId: string;
+    /** @internal */
+    const ACTION_SHOW_EVENT: string;
+    /** @internal */
+    const ACTION_CLOSE_EVENT: string;
+    /** @internal */
+    const ACTION_DESTROY_EVENT: string;
+    /** @internal */
+    const ACTION_CHANGE_STATE_EVENT: string;
+    /** @internal */
+    const handleState: (event: any) => void;
+    /** @internal */
+    const initialize: (setting?: ActionSetting) => () => void;
+    /** @internal */
+    const finalize: () => void;
+    /** @internal */
+    const send_event: (event_name: string, values?: any) => void;
+    /** @internal */
+    const none: () => () => void; // eslint-disable-next @typescript-eslint/no-empty-function
+    /** @internal */
+    const moveTo: (to: string) => () => void;
+    /** @internal */
+    const linkTo: (to: string, targetBlank?: boolean) => () => void;
+    /** @internal */
+    const closeApp: (trigger: CloseTrigger) => () => void;
+    /** @internal */
+    const runScript: (handlerName: string) => () => void;
+    /** @internal */
+    const submitForm: (to: string) => () => void;
+    /** @internal */
+    const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
+    /** @internal */
+    const haveFunction: (onClickOperation: OnClickOperation) => boolean;
+    /**
+     * An option for svelte custom animation
+     */
+    interface CustomAnimationOptions {
+        /**
+         * A Transform value in percent of target element
+         */
+        transform: [
+            number,
+            number
+        ];
+        /**
+         * A style of animation(e.g. fade, slide-in)
+         */
+        animationStyle: AnimationStyle;
+        /**
+         * A waiting time in milliseconds before starting animation
+         *
+         * @defaultValue 0
+         */
+        delay?: number;
+        /**
+         *  A total duration time in milliseconds of the animation
+         *
+         * @defaultValue 1000
+         */
+        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
+     */
+    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 をページに読み込む
+     *
+     * @param src - JavaScript ファイルのリンク URL
+     *
+     * @public
+     */
+    function loadGlobalScript(src: string): Promise<any>;
+    /**
+     * グローバル CSS をページに適用する
+     *
+     * @param css - CSS
+     *
+     * @public
+     */
+    function applyGlobalCss(css: string): Promise<any>;
+    /**
+     * style ファイルをページに読み込む
+     *
+     * @param href - style ファイルのリンク URL
+     *
+     * @public
+     */
+    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
+     */
+    function hashCode(s: string): string;
+    // @internal
+    function getCssVariables<Props extends _Props, Variables>(data: Writable<Props & Variables & ActionVariables & VariableQuery>): string;
+    type _Props$0 = Props;
     /** @internal */
     const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
     /** @internal */
@@ -2527,7 +2539,7 @@ declare namespace widget {
      *
      * @public
      */
-    type ActionHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
+    type ActionHook<Props extends _Props$0, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
     /**
      * アクションが作成 (create) される前にフックする関数
      *
@@ -2535,7 +2547,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onCreate<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+    function onCreate<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションが表示 (show) された後にフックする関数
      *
@@ -2543,7 +2555,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onShow<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+    function onShow<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションのライフサイクル close で呼び出されるフックする関数
      *
@@ -2552,7 +2564,7 @@ declare namespace widget {
      *
      * @public
      */
-    type ActionCloseHook<Props extends _Props, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
+    type ActionCloseHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
     /**
      * アクションがクローズ (close) される前にフックする関数
      *
@@ -2560,7 +2572,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onClose<Props extends _Props, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
+    function onClose<Props extends _Props$0, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションが破棄 (destroy) される前にフックする関数
      *
@@ -2568,7 +2580,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onDestroy<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+    function onDestroy<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションのライフサイクル changeState で呼び出されるフック関数
      *
@@ -2577,7 +2589,7 @@ declare namespace widget {
      *
      * @public
      */
-    type ActionChangeStateHook<Props extends _Props, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
+    type ActionChangeStateHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
     /**
      * アクションのステートが変更された (changeState) 後にフックする関数
      *
@@ -2585,7 +2597,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onChangeState<Props extends _Props, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
+    function onChangeState<Props extends _Props$0, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションの send 関数
      *
@@ -2678,7 +2690,7 @@ declare namespace widget {
      *
      * @public
      */
-    function create<Props extends _Props, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+    function create<Props extends _Props$0, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
     /**
      * Dispatch the event to destroy KARTE action
      *
@@ -3005,9 +3017,40 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, 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, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, Fonts, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, create, showAction, closeAction, destroyAction, loadStyle, applyCss, getActionRoot, onCreate, onShow, onClose, onDestroy, onChangeState, ACTION_HOOK_LABEL, showModal, ensureModalRoot, show, close, destroy, createApp, createFog, KARTE_MODAL_ROOT, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, widget };
+/**
+ * エレメントをマウントしたときに実行される関数の登録
+ *
+ * @param fn - マウントしたときに実行される関数
+ */
+declare const onMount: typeof onMountSvelte;
+/**
+ * エレメントを破棄したときに実行される関数の登録
+ *
+ * @param fn - マウントしたときに実行される関数
+ */
+declare const onDestory: typeof onDestorySvelte;
+/**
+ * エレメントを更新する前に実行される関数の登録
+ *
+ * @param fn - マウントしたときに実行される関数
+ */
+declare const beforeUpdate: typeof beforeUpdateSvelte;
+/**
+ * エレメントを更新した後に実行される関数の登録
+ *
+ * @param fn - マウントしたときに実行される関数
+ */
+declare const afterUpdate: typeof afterUpdateSvelte;
+/**
+ * エレメントのライフサイクルを進める
+ *
+ * @returns Promise<void>
+ */
+declare const tick: typeof tickSvelte;
+// @internal
+declare const LAYOUT_COMPONENT_NAMES: string[];
+export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, getCssVariables, initialize, finalize, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, 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, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, Fonts, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, create, showAction, closeAction, destroyAction, loadStyle, applyCss, getActionRoot, onCreate, onShow, onClose, onDestroy, onChangeState, ACTION_HOOK_LABEL, showModal, ensureModalRoot, show, close, destroy, createApp, createFog, KARTE_MODAL_ROOT, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES };
 export type { CloseTrigger, ActionVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, ActionHookLog, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
-export { onMount } from "svelte";
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';
@@ -3032,6 +3075,7 @@ export { default as SlideItem } from './components/SlideItem.svelte';
 export { default as Countdown } from './components/Countdown.svelte';
 export { default as Box } from './components/Box.svelte';
 export { default as IconElement } from './components/IconElement.svelte';
+export { default as CustomElement } from './components/CustomElement.svelte';
 export { default as Flex } from './components/Flex.svelte';
 export { default as FlexItem } from './components/FlexItem.svelte';
 export { default as GridModalState } from './components/GridModalState.svelte';