@plaidev/karte-action-sdk 1.1.176 → 1.1.177-28039844.a230804c

package/dist/index.es.d.ts

@@ -1,529 +1,521 @@
+import { SvelteComponentDev } from "svelte/internal";
 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",
-    "NumberKeyword",
-    "StringKeyword",
-    "Function",
-    "Enum",
-    "Code",
-    "Direction",
-    "Url",
-    "Image",
-    "AnimationStyle",
-    "LongText",
-    "Length",
-    "Color",
-    "Alignment",
-    "State",
-    "TransitState",
-    "Style",
-    "ModalPlacement",
-    "OnClick"
-];
+declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
+// -------- The following codes are deprecated --------
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+declare const KARTE_MODAL_ROOT = "karte-modal-root";
+/**
+ * アクションの汎用的なタイプを定義する
+ *
+ * モーダル(ポップアップ)やアクションテーブルなど機能別のタイプは含めない。
+ */
+/**
+ * アクションのイベントハンドラ
+ *
+ * @public
+ */
+type ActionEventHandler = (...args: any[]) => any | Promise<any>;
+/**
+ * アクションの変数
+ *
+ * @public
+ */
+type ActionVariables = {
+    [key: string]: any;
+};
+/**
+ * アクション設定
+ *
+ * @public
+ */
+type ActionSetting = {
+    send?: (event_name: string, values?: any) => void;
+    initialState?: string;
+};
+/**
+ * アクションの send 関数
+ *
+ * @public
+ */
+type SendFunction = (event_name: string, values?: any) => void;
+/**
+ * アクションの publish 関数
+ *
+ * @public
+ */
+type PublishFunction = (topic: string, values?: any) => void;
+/**
+ * アクションのライフサイクル changeState で呼び出されるフック関数
+ *
+ * @param props - アクションのプロパティ
+ * @param newState - アクションの新しいステート
+ *
+ * @public
+ */
+type ActionChangeStateHook<Props, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
+/**
+ * アクションのプロパティ
+ *
+ * @public
+ */
+interface ActionProps<Props, Variables> {
+    /**
+     * アクションでイベントがトリガーされたときに受信するための関数
+     */
+    send: SendFunction;
+    /**
+     * アクション内でタグのQueueにリクエストを発行する関数
+     */
+    publish: PublishFunction;
+    /**
+     * アクションで使用されるデータ
+     */
+    data: Props & Variables & ActionVariables;
+    /**
+     * アクションが表示されたときにフックされる {@link onShow}
+     */
+    onShow?: ActionHook<Props, Variables & ActionVariables>;
+    /**
+     * アクションのステートが変更されたときにフックされる {@link onChangeState}
+     */
+    onChangeState?: ActionChangeStateHook<Props, Variables & ActionVariables>;
+}
+/**
+ * アクションのライフサイクルで呼び出されるフック
+ *
+ * @param props - アクションのプロパティ
+ *
+ * @public
+ */
+type ActionHook<Props, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
+/**
+ * {@link create} 向けのオプション
+ *
+ * @public
+ */
+interface ActionOptions<Props, Variables, VariablesQuery> {
+    /**
+     * アクション内でイベントを発火する関数
+     *
+     * @defaultValue `() => {}`
+     */
+    send?: SendFunction;
+    /**
+     * アクション内でタグのQueueにリクエストを発行する関数
+     *
+     * @defaultValue `() => {}`
+     */
+    publish?: PublishFunction;
+    /**
+     * アクションで使用されるプロパティ
+     *
+     * @defaultValue `{}`
+     */
+    props?: Props;
+    /**
+     * アクションで使用される解析時に取得される変数
+     *
+     * @defaultValue `{}`
+     */
+    variables?: Variables;
+    /**
+     * アクションで使用されるアクション実行時に取得される変数
+     *
+     * @defaultValue `[]`
+     */
+    localVariablesQuery?: VariablesQuery;
+    /**
+     * アクションが作成されているときにフックされる {@link onCreate}
+     *
+     * @defaultValue `() => {}`
+     */
+    onCreate?: ActionHook<Props, Variables & ActionVariables>;
+}
+/**
+ * KARTE のシステム設定情報
+ *
+ * @public
+ */
+type SystemConfig = {
+    /**
+     * API キー
+     */
+    apiKey?: string;
+    /**
+     * 接客ID
+     */
+    campaignId?: string;
+    shortenId?: string;
+};
+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 PropType = (typeof PropTypes)[number];
+type VariableQuery = {
+    resolver: string;
+    name: string;
+    query: any;
+    preview_value?: any;
+};
 /** @internal */
-type Code = string;
+type ActionTableRowRequestConfig = VariableQuery & {
+    resolver: "action-table-row";
+    query: {
+        table_name: string;
+        key: string;
+        default_value?: ActionTableResult;
+    };
+    preview_value?: ActionTableResult;
+};
 /** @internal */
-declare const MediaQueries: {
-    [key: string]: string;
+type ActionTableRowsRequestConfig = VariableQuery & {
+    resolver: "action-table-rows";
+    query: {
+        table_name: string;
+        key: Array<string>;
+        default_value?: Array<ActionTableResult>;
+    };
+    preview_value?: Array<ActionTableResult>;
 };
 /** @internal */
-type MediaQuery = string;
+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 */
-declare const Directions: readonly [
-    "row",
-    "column"
-];
+type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
 /** @internal */
-type Direction = (typeof Directions)[number];
+declare const loadActionTableRow: (config: ActionTableRowRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
 /** @internal */
-declare const AnimationStyles: readonly [
-    "none",
-    "fade",
-    "bounce",
-    "slide-down",
-    "slide-up",
-    "slide-left",
-    "slide-right"
-];
-/** @internal */
-type AnimationStyle = (typeof AnimationStyles)[number];
-/** @internal */
-declare const ModalPositions: readonly [
-    "top-left",
-    "top-center",
-    "top-right",
-    "center-left",
-    "center",
-    "center-right",
-    "bottom-left",
-    "bottom-center",
-    "bottom-right",
-    "none"
-];
-/** @internal */
-type ModalPosition = (typeof ModalPositions)[number];
-/** @internal */
-type ModalMargin = {
-    left?: string;
-    right?: string;
-    top?: string;
-    bottom?: string;
-};
-/** @internal */
-type ModalPlacement<M = ModalMargin> = {
-    position?: ModalPosition;
-    margin?: M;
-    backgroundOverlay?: boolean;
-    backgroundClick?: OnClickOperation;
-};
-/** @internal */
-declare const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
-/** @internal */
-declare const Elasticities: readonly [
-    "none",
-    "vertical",
-    "horizontal"
-];
-/** @internal */
-type Elasticity = (typeof Elasticities)[number];
-/** @internal */
-declare const ElasticityStyle: {
-    none: string;
-    vertical: string;
-    horizontal: string;
-};
+declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
 /** @internal */
-declare const TextDirections: readonly [
-    "horizontal",
-    "vertical"
-];
+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;
+}
+/**
+ * スクロールに応じてアクションを非表示にするトリガー関数
+ *
+ * @remarks
+ * スクロール率が `hide_on_scroll_rate` に達したときに `hide` 関数を呼び出します。
+ * `show_on_scroll_reenter` が `true` で、かつ `hide_on_scroll_rate` またはその値以下の場合、アクションに対して `show` 関数が呼び出されます。
+ *
+ * @param props - アクションのプロパティ。プロパティには `hide_on_scroll`、`hide_on_scroll_rate` そして `show_on_scroll_reenter` が必要です。
+ * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+ * @param show - アクションを再び表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+ *
+ * @returns
+ * スクロールが開始された場合は、クリーンアップする関数を返します。そうでない場合は `null` を返します。
+ *
+ * @internal
+ */
+declare function hideOnScroll<ModalProps extends Pick<Props, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: ModalProps, hide?: Function, show?: Function): (() => void) | null;
+/**
+ * 時間に応じてアクションを非表示にするトリガー関数
+ *
+ * @remarks
+ * 時間のカウントが `hide_on_time_count` に達したときに `hide` 関数を呼び出します。
+ *
+ * @param props - アクションのプロパティ。プロパティには `hide_on_time` そして `hide_on_time_count` が必要です。
+ * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+ *
+ * @returns
+ * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+ *
+ * @internal
+ */
+declare function hideOnTime<ModalProps extends Pick<Props, "hide_on_time" | "hide_on_time_count">>(props: ModalProps, hide?: Function): (() => void) | null;
+/**
+ * スクロールに応じてアクションを表示するトリガー関数
+ *
+ * @remarks
+ * スクロール率が `show_on_scroll_rate` に達したときに `show` 関数を呼び出します。
+ * `hide_on_scroll_releave` が `true` で、かつ `show_on_scroll_rate` 以下の場合は、アクションに対して `hide` 関数が呼び出されます。
+ *
+ * @param props - アクションのプロパティ。プロパティには `show_on_scroll`、`show_on_scroll_rate` そして `hide_on_scroll_releave` が必要です。
+ * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+ * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+ *
+ * @returns
+ * スクロールが開始されている場合は、クリーンアップ関数を返します。そうでない場合は `null` を返します
+ *
+ * @internal
+ */
+declare function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave">>(props: ModalProps, show?: Function, hide?: Function): (() => void) | null;
+/**
+ * 時間に応じてアクションを表示するトリガー関数
+ *
+ * @param props - アクションのプロパティ。プロパティには `show_on_time` そして `show_on_time_count` が必要です。
+ * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+ *
+ * @remarks
+ * 時間のカウントが `show_on_time_count` に達したときに `show` 関数を呼び出します。
+ *
+ * @returns
+ * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+ *
+ * @internal
+ */
+declare function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
+type ModalProps = Props;
 /** @internal */
-type TextDirection = (typeof TextDirections)[number];
-type OperationArgumentTypes = {
-    StringKeyword: string;
-    BooleanKeyword: boolean;
-    NumberKeyword: number;
-    TransitState: string;
-    Url: string;
-    Handler: string;
-    Trigger: string;
+type ActionHookLog = {
+    name: string;
+    values?: any;
 };
 /** @internal */
-type OperationArgumentType = keyof OperationArgumentTypes;
-type BaseOperationOptions = ReadonlyArray<{
-    operation: string;
-    args: ReadonlyArray<{
-        type: OperationArgumentType;
-        default: any;
-    }>;
-}>;
-type ConvertOperationOptions<O extends BaseOperationOptions> = ConvertOperationOption<O[number]>;
-type ConvertOperationOption<Option extends BaseOperationOptions[number]> = Option extends any ? {
-    operation: Option["operation"];
-    args: ConvertOperationOptionArguments<Option["args"]>;
-} : never;
-type ConvertOperationOptionArguments<Arguments extends BaseOperationOptions[number]["args"]> = {
-    -readonly [Index in keyof Arguments]: Arguments[Index] extends BaseOperationOptions[number]["args"][number] ? OperationArgumentTypes[Arguments[Index]["type"]] : never;
-};
+declare const initialize: (setting?: ActionSetting) => () => void;
 /** @internal */
-type Operation = ConvertOperationOptions<ReadonlyArray<any>>;
+declare const finalize: () => void;
+/**
+ * アクションを作成する
+ *
+ * @param App - Svelte コンポーネントのエントリポイント
+ * @param options - {@link ActionOptions | オプション}
+ *
+ * @returns アクションを破棄する関数
+ *
+ * @public
+ */
+declare function create<Props extends ModalProps, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
 /** @internal */
-declare const OnClickOperationOptions: readonly [
-    {
-        readonly operation: "none";
-        readonly args: readonly [
-        ];
-    },
-    {
-        readonly operation: "linkTo";
-        readonly args: readonly [
-            {
-                readonly type: "Url";
-                readonly default: "";
-            },
-            {
-                readonly type: "BooleanKeyword";
-                readonly default: true;
-            }
-        ];
-    },
-    {
-        readonly operation: "moveTo";
-        readonly args: readonly [
-            {
-                readonly type: "TransitState";
-                readonly default: "/";
-            }
-        ];
-    },
-    {
-        readonly operation: "closeApp";
-        readonly args: readonly [
-            {
-                readonly type: "Trigger";
-                readonly default: "button";
-            }
-        ];
-    },
-    {
-        readonly operation: "runScript";
-        readonly args: readonly [
-            {
-                readonly type: "Handler";
-                readonly default: "";
-            }
-        ];
-    },
-    {
-        readonly operation: "submitForm";
-        readonly args: readonly [
-            {
-                readonly type: "TransitState";
-                readonly default: "/";
-            }
-        ];
-    }
-];
-/** @internal */
-type OnClickOperation = ConvertOperationOptions<typeof OnClickOperationOptions>;
-/** @internal */
-type LongText = string;
-/** @internal */
-type Url = string;
-/** @internal */
-type Image = string;
-/** @internal */
-declare const LengthUnits: readonly [
-    "px",
-    "em",
-    "rem",
-    "vw",
-    "fr",
-    "%"
-];
-/** @internal */
-type LengthUnit = (typeof LengthUnits)[number];
-/** @internal */
-type Length = `${number}${LengthUnit}` | "auto";
-/** @internal */
-type Color = `#${string}` | `rgba(${string})`;
-/** @internal */
-type FontWeight = string;
-/** @internal */
-declare const Fonts: readonly [
-    "Noto Sans JP",
-    "M PLUS Rounded 1c",
-    "M PLUS 1p",
-    "Kosugi Maru",
-    "Kosugi",
-    "BIZ UDPGothic",
-    "Noto Serif JP",
-    "BIZ UDPMincho",
-    "Roboto",
-    "Open Sans",
-    "Montserrat",
-    "Lato",
-    "Poppins",
-    "Raleway",
-    "Nunito",
-    "Playfair Display",
-    "Merriweather",
-    "Lora",
-    "Libre Baskerville",
-    "EB Garamond"
-];
-/** @internal */
-declare const Justifies: readonly [
-    "flex-start",
-    "center",
-    "flex-end"
-];
-/** @internal */
-type Justify = (typeof Justifies)[number];
-/** @internal */
-declare const Alignments: readonly [
-    "flex-start",
-    "center",
-    "flex-end"
-];
-/** @internal */
-type Alignment = (typeof Alignments)[number];
-/** @internal */
-declare const FlexDirections: readonly [
-    "row",
-    "column"
-];
-/** @internal */
-type FlexDirection = (typeof FlexDirections)[number];
-/** @internal */
-declare const ObjectFits: readonly [
-    "fill",
-    "contain",
-    "cover"
-];
-/** @internal */
-type ObjectFit = (typeof ObjectFits)[number];
-/** @internal */
-declare const ClipPaths: readonly [
-    "none",
-    "circle(closest-side)"
-];
-/** @internal */
-type ClipPath = (typeof ClipPaths)[number];
-/** @internal */
-declare const Repeats: readonly [
-    "repeat",
-    "space",
-    "round",
-    "no-repeat"
-];
-/** @internal */
-type Repeat = (typeof Repeats)[number];
-/** @internal */
-declare const BackgroundSizes: readonly [
-    "cover",
-    "contain",
-    "auto"
-];
-/** @internal */
-type BackgroundSize = (typeof BackgroundSizes)[number];
-/** @internal */
-declare const Cursors: readonly [
-    "default",
-    "pointer"
-];
-/** @internal */
-type Cursor = (typeof Cursors)[number];
-/** @internal */
-declare const Overflows: readonly [
-    "visible",
-    "auto",
-    "hidden"
-];
-/** @internal */
-type Overflow = (typeof Overflows)[number];
-/** @internal */
-type Border = string;
-/** @internal */
-type BorderStyle = string;
-/** @internal */
-type BorderWidth = `${number}px`;
-/** @internal */
-type BoxShadow = string;
-/** @internal */
-type Style = string;
-/** @internal */
-type TransitState = string;
-/** @internal */
-declare const WritingModes: readonly [
-    "horizontal-tb",
-    "vertical-lr"
-];
-/** @internal */
-type WritingMode = (typeof WritingModes)[number];
-/** @internal */
-type DateTime = string;
-/** @internal */
-type Icon = string;
-/** @internal */
-declare const ListSeparatorTypes: readonly [
-    "none",
-    "border",
-    "gap"
-];
-/** @internal */
-interface EdgePosition {
-    edgeDistance: Length;
-    edgeDirectionOffset: Length;
-}
-/** @internal */
-declare const DefaultEdgePosition: EdgePosition;
-type ListSeparatorType = (typeof ListSeparatorTypes)[number];
-interface BaseListSeparator {
-    type: ListSeparatorType;
-}
-/** @internal */
-interface ListSeparatorNone extends BaseListSeparator {
-    type: "none";
-}
-/** @internal */
-interface ListSeparatorBorder extends BaseListSeparator {
-    type: "border";
-    borderStyle: BorderStyle;
-    borderWidth?: BorderWidth;
-    borderColor?: Color;
-}
-/** @internal */
-interface ListSeparatorGap extends BaseListSeparator {
-    type: "gap";
-    gap: Length;
-}
-/** @internal */
-type ListSeparator = ListSeparatorNone | ListSeparatorBorder | ListSeparatorGap;
-/** @internal */
-declare const DefaultListSeparatorNone: Required<ListSeparatorNone>;
-/** @internal */
-declare const DefaultListSeparatorBorder: Required<ListSeparatorBorder>;
-/** @internal */
-declare const DefaultListSeparatorGap: Required<ListSeparatorGap>;
-/** @internal */
-declare const DefaultListSeparator: Required<ListSeparatorBorder>;
-/** @internal */
-declare const ListBackgroundTypes: readonly [
-    "none",
-    "stripe"
-];
-type ListBackgroundType = (typeof ListBackgroundTypes)[number];
-interface BaseListBackground {
-    type: ListBackgroundType;
-}
-/** @internal */
-interface ListBackgroundNone extends BaseListBackground {
-    type: "none";
-}
-/** @internal */
-interface ListBackgroundStripe extends BaseListBackground {
-    type: "stripe";
-    background1?: Color;
-    background2?: Color;
-}
+declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
 /**
- * @internal
+ * アクションの破棄する
+ *
+ * @public
  */
-type ListBackground = ListBackgroundNone | ListBackgroundStripe;
-/** @internal */
-declare const DefaultListBackgroundNone: Required<ListBackgroundNone>;
-/** @internal */
-declare const DefaultListBackgroundStripe: Required<ListBackgroundStripe>;
-/** @internal */
-declare const DefaultListBackground: Required<ListBackgroundNone>;
-/** @internal */
-declare const ListDirections: readonly [
-    "vertical",
-    "horizontal"
-];
-/** @internal */
-type ListDirection = (typeof ListDirections)[number];
-/** @internal */
-type ListContext = {
-    separator: ListSeparator;
-    background: ListBackground;
-    direction: ListDirection;
-    registerItem: (props: {
-        onMount: (props: {
-            index: number;
-            length: number;
-        }) => void;
-    }) => string;
-    unregisterItem: (id: string) => void;
-};
-type SlideButtonType = "icon" | "text";
-type BaseSlideButton = {
-    type: SlideButtonType;
-};
-/** @internal */
-interface SlideButtonIcon extends BaseSlideButton {
-    type: "icon";
-    icon: string;
-    size: Length;
-    color: Color;
-    fill: Color;
-}
-/** @internal */
-interface SlideButtonText extends BaseSlideButton {
-    type: "text";
-    text: string;
-}
-/** @internal */
-type SlideButton = SlideButtonIcon | SlideButtonText;
-/** @internal */
-declare const DefaultSlideButton: {
-    readonly type: "icon";
-    readonly icon: "chevron-left";
-    readonly color: "#999";
-    readonly fill: "#999";
-    readonly size: "20px";
-};
-/** @internal */
-type SlideButtonPosition = "top" | "middle" | "bottom";
-/** @internal */
-interface SlideNavigationButton {
-    type: "circle";
-    size: Length;
-    color: Color;
-    colorActive: Color;
-}
-/** @internal */
-declare const DefaultSlideNavigationButton: {
-    readonly type: "circle";
-    readonly size: "8px";
-    readonly color: "#ddd";
-    readonly colorActive: "#666";
-};
-/** @internal */
-type FormInputName = string;
-/** @internal */
-interface FormButtonColor {
-    main: Color;
-    sub: Color;
-}
-/** @internal */
-declare const DefaultFormButtonColor: {
-    readonly main: "#2aab9f";
-    readonly sub: "#fff";
-};
-/** @internal */
-type Store<T> = Writable_<T>; // Wrap svelte tools
+declare function destroyAction(): void;
 /**
- * KARTE のシステム設定情報
+ * アクションが作成 (create) される前にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
  *
  * @public
  */
-type SystemConfig = {
+declare function onCreate<Props extends ModalProps, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+/**
+ * アクションが破棄 (destroy) される前にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+declare function onDestroy<Props extends ModalProps, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+// -------- The following codes are deprecated --------
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+interface App {
     /**
-     * API キー
+     * The method to destroy an app instance.
      */
-    apiKey?: string;
+    close: () => void;
     /**
-     * 接客ID
+     * The method to show an app instance.
      */
-    campaignId?: string;
-    shortenId?: string;
+    show: () => void;
+}
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+declare const showModal: typeof create;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+declare const ensureModalRoot: typeof ensureActionRoot;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+declare function destroy(): void;
+/**
+ * 非推奨
+ *
+ * @deprecated 非推奨
+ *
+ * @internal
+ */
+declare function createFog({ color, opacity, zIndex, onclick }: {
+    color?: string;
+    opacity?: string;
+    zIndex?: number;
+    onclick: () => void;
+}): {
+    fog: HTMLDivElement;
+    close: () => void;
 };
 /**
- * アクションのイベントハンドラ
+ * スクリプト接客が利用するコードの管理
+ */
+/**
+ * ES Modules に対応していない JavaScript をページに読み込む
+ *
+ * @param src - JavaScript ファイルのリンク URL
  *
  * @public
  */
-type ActionEventHandler = (...args: any[]) => any | Promise<any>;
+declare function loadGlobalScript(src: string): Promise<any>;
 /**
- * アクション設定
+ * グローバル CSS をページに適用する
+ *
+ * @param css - CSS
  *
  * @public
  */
-type ActionSetting = {
-    send?: (event_name: string, values?: any) => void;
-    initialState?: string;
-};
+declare function applyGlobalCss(css: string): Promise<any>;
 /**
- * 変数
+ * style ファイルをページに読み込む
+ *
+ * @param href - style ファイルのリンク URL
  *
  * @public
  */
-type ActionVariables = {
-    [key: string]: any;
-};
+declare function loadGlobalStyle(href: string): Promise<any>;
+/** @internal */
+type Store<T> = Writable_<T>; // Wrap svelte tools
 /**
  * アクション設定を更新する
  *
@@ -669,704 +661,698 @@ declare function setVariables(vars: ActionVariables): ActionVariables;
  */
 declare function resetVariables(): void;
 /** @internal */
-interface FormData {
-    [name: string]: {
-        statePath: string;
-        value: any;
-        isValid: boolean;
-    };
-}
-/**
- * Store for form data
- *
- * @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[];
+interface FormData {
+    [name: string]: {
+        statePath: string;
+        value: any;
+        isValid: boolean;
+    };
+}
+/**
+ * Store for form data
+ *
+ * @internal
+ */
+declare const formData: Writable_<FormData>;
+/**
+ * 静的変数に関連するコードを管理する
+ */
+/** @internal */
+declare const PropTypes: readonly [
+    "BooleanKeyword",
+    "NumberKeyword",
+    "StringKeyword",
+    "Function",
+    "Enum",
+    "Code",
+    "Direction",
+    "Url",
+    "Image",
+    "AnimationStyle",
+    "LongText",
+    "Length",
+    "Color",
+    "Alignment",
+    "State",
+    "TransitState",
+    "Style",
+    "ModalPlacement",
+    "OnClick"
+];
+/** @internal */
+type PropType = (typeof PropTypes)[number];
+/** @internal */
+type Code = string;
+/** @internal */
+declare const MediaQueries: {
+    [key: string]: string;
+};
+/** @internal */
+type MediaQuery = string;
+/** @internal */
+declare const Directions: readonly [
+    "row",
+    "column"
+];
+/** @internal */
+type Direction = (typeof Directions)[number];
+/** @internal */
+declare const AnimationStyles: readonly [
+    "none",
+    "fade",
+    "bounce",
+    "slide-down",
+    "slide-up",
+    "slide-left",
+    "slide-right"
+];
+/** @internal */
+type AnimationStyle = (typeof AnimationStyles)[number];
+/** @internal */
+declare const ModalPositions: readonly [
+    "top-left",
+    "top-center",
+    "top-right",
+    "center-left",
+    "center",
+    "center-right",
+    "bottom-left",
+    "bottom-center",
+    "bottom-right",
+    "none"
+];
+/** @internal */
+type ModalPosition = (typeof ModalPositions)[number];
+/** @internal */
+type ModalMargin = {
+    left?: string;
+    right?: string;
+    top?: string;
+    bottom?: string;
 };
-/**
- * アクションテーブルの設定情報
- *
- * @public
- */
-type CollectionConfig = {
-    /**
-     * APIキー
-     */
-    api_key: string;
-    /**
-     * テーブル名
-     */
-    table: string;
-    /**
-     * エンドポイント
-     */
-    endpoint?: string;
+/** @internal */
+type ModalPlacement<M = ModalMargin> = {
+    position?: ModalPosition;
+    margin?: M;
+    backgroundOverlay?: boolean;
+    backgroundClick?: OnClickOperation;
 };
-/**
- * アクションテーブルを管理するメソッドを取得する
- *
- * @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 */
+declare const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
+/** @internal */
+declare const Elasticities: readonly [
+    "none",
+    "vertical",
+    "horizontal"
+];
+/** @internal */
+type Elasticity = (typeof Elasticities)[number];
+/** @internal */
+declare const ElasticityStyle: {
+    none: string;
+    vertical: string;
+    horizontal: string;
+};
+/** @internal */
+declare const TextDirections: readonly [
+    "horizontal",
+    "vertical"
+];
+/** @internal */
+type TextDirection = (typeof TextDirections)[number];
+type OperationArgumentTypes = {
+    StringKeyword: string;
+    BooleanKeyword: boolean;
+    NumberKeyword: number;
+    TransitState: string;
+    Url: string;
+    Handler: string;
+    Trigger: string;
+};
+/** @internal */
+type OperationArgumentType = keyof OperationArgumentTypes;
+type BaseOperationOptions = ReadonlyArray<{
+    operation: string;
+    args: ReadonlyArray<{
+        type: OperationArgumentType;
+        default: any;
+    }>;
+}>;
+type ConvertOperationOptions<O extends BaseOperationOptions> = ConvertOperationOption<O[number]>;
+type ConvertOperationOption<Option extends BaseOperationOptions[number]> = Option extends any ? {
+    operation: Option["operation"];
+    args: ConvertOperationOptionArguments<Option["args"]>;
+} : never;
+type ConvertOperationOptionArguments<Arguments extends BaseOperationOptions[number]["args"]> = {
+    -readonly [Index in keyof Arguments]: Arguments[Index] extends BaseOperationOptions[number]["args"][number] ? OperationArgumentTypes[Arguments[Index]["type"]] : never;
 };
 /** @internal */
-type VariableQuery = {
-    resolver: string;
-    name: string;
-    query: any;
-    preview_value?: any;
-};
+type Operation = ConvertOperationOptions<ReadonlyArray<any>>;
+/** @internal */
+declare const OnClickOperationOptions: readonly [
+    {
+        readonly operation: "none";
+        readonly args: readonly [
+        ];
+    },
+    {
+        readonly operation: "linkTo";
+        readonly args: readonly [
+            {
+                readonly type: "Url";
+                readonly default: "";
+            },
+            {
+                readonly type: "BooleanKeyword";
+                readonly default: true;
+            }
+        ];
+    },
+    {
+        readonly operation: "moveTo";
+        readonly args: readonly [
+            {
+                readonly type: "TransitState";
+                readonly default: "/";
+            }
+        ];
+    },
+    {
+        readonly operation: "closeApp";
+        readonly args: readonly [
+            {
+                readonly type: "Trigger";
+                readonly default: "button";
+            }
+        ];
+    },
+    {
+        readonly operation: "runScript";
+        readonly args: readonly [
+            {
+                readonly type: "Handler";
+                readonly default: "";
+            }
+        ];
+    },
+    {
+        readonly operation: "submitForm";
+        readonly args: readonly [
+            {
+                readonly type: "TransitState";
+                readonly default: "/";
+            }
+        ];
+    }
+];
+/** @internal */
+type OnClickOperation = ConvertOperationOptions<typeof OnClickOperationOptions>;
+/** @internal */
+type LongText = string;
+/** @internal */
+type Url = string;
+/** @internal */
+type Image = string;
+/** @internal */
+declare const LengthUnits: readonly [
+    "px",
+    "em",
+    "rem",
+    "vw",
+    "fr",
+    "%"
+];
+/** @internal */
+type LengthUnit = (typeof LengthUnits)[number];
+/** @internal */
+type Length = `${number}${LengthUnit}` | "auto";
+/** @internal */
+type Color = `#${string}` | `rgba(${string})`;
+/** @internal */
+type FontWeight = string;
+/** @internal */
+declare const Fonts: readonly [
+    "Noto Sans JP",
+    "M PLUS Rounded 1c",
+    "M PLUS 1p",
+    "Kosugi Maru",
+    "Kosugi",
+    "BIZ UDPGothic",
+    "Noto Serif JP",
+    "BIZ UDPMincho",
+    "Roboto",
+    "Open Sans",
+    "Montserrat",
+    "Lato",
+    "Poppins",
+    "Raleway",
+    "Nunito",
+    "Playfair Display",
+    "Merriweather",
+    "Lora",
+    "Libre Baskerville",
+    "EB Garamond"
+];
+/** @internal */
+declare const Justifies: readonly [
+    "flex-start",
+    "center",
+    "flex-end"
+];
+/** @internal */
+type Justify = (typeof Justifies)[number];
+/** @internal */
+declare const Alignments: readonly [
+    "flex-start",
+    "center",
+    "flex-end"
+];
+/** @internal */
+type Alignment = (typeof Alignments)[number];
+/** @internal */
+declare const FlexDirections: readonly [
+    "row",
+    "column"
+];
+/** @internal */
+type FlexDirection = (typeof FlexDirections)[number];
+/** @internal */
+declare const ObjectFits: readonly [
+    "fill",
+    "contain",
+    "cover"
+];
+/** @internal */
+type ObjectFit = (typeof ObjectFits)[number];
+/** @internal */
+declare const ClipPaths: readonly [
+    "none",
+    "circle(closest-side)"
+];
 /** @internal */
-type ActionTableRowRequestConfig = VariableQuery & {
-    resolver: "action-table-row";
-    query: {
-        table_name: string;
-        key: string;
-        default_value?: ActionTableResult;
-    };
-    preview_value?: ActionTableResult;
-};
+type ClipPath = (typeof ClipPaths)[number];
 /** @internal */
-type ActionTableRowsRequestConfig = VariableQuery & {
-    resolver: "action-table-rows";
-    query: {
-        table_name: string;
-        key: Array<string>;
-        default_value?: Array<ActionTableResult>;
-    };
-    preview_value?: Array<ActionTableResult>;
-};
+declare const Repeats: readonly [
+    "repeat",
+    "space",
+    "round",
+    "no-repeat"
+];
 /** @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>;
-};
+type Repeat = (typeof Repeats)[number];
 /** @internal */
-type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
+declare const BackgroundSizes: readonly [
+    "cover",
+    "contain",
+    "auto"
+];
 /** @internal */
-declare const loadActionTableRow: (config: ActionTableRowRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
+type BackgroundSize = (typeof BackgroundSizes)[number];
 /** @internal */
-declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, api_key: string, endpoint?: string) => Promise<unknown>;
+declare const Cursors: readonly [
+    "default",
+    "pointer"
+];
 /** @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 Cursor = (typeof Cursors)[number];
+/** @internal */
+declare const Overflows: readonly [
+    "visible",
+    "auto",
+    "hidden"
+];
+/** @internal */
+type Overflow = (typeof Overflows)[number];
+/** @internal */
+type Border = string;
+/** @internal */
+type BorderStyle = string;
+/** @internal */
+type BorderWidth = `${number}px`;
+/** @internal */
+type BoxShadow = string;
+/** @internal */
+type Style = string;
+/** @internal */
+type TransitState = string;
+/** @internal */
+declare const WritingModes: readonly [
+    "horizontal-tb",
+    "vertical-lr"
+];
+/** @internal */
+type WritingMode = (typeof WritingModes)[number];
+/** @internal */
+type DateTime = string;
+/** @internal */
+type Icon = string;
+/** @internal */
+declare const ListSeparatorTypes: readonly [
+    "none",
+    "border",
+    "gap"
+];
+/** @internal */
+interface EdgePosition {
+    edgeDistance: Length;
+    edgeDirectionOffset: Length;
 }
-type _Props = Props;
-/**
- * 閉じるアクショントリガー
- *
- * @public
- */
-type CloseTrigger = "button" | "overlay" | "auto" | "none";
 /** @internal */
-declare const initialize: (setting?: ActionSetting) => () => void;
+declare const DefaultEdgePosition: EdgePosition;
+type ListSeparatorType = (typeof ListSeparatorTypes)[number];
+interface BaseListSeparator {
+    type: ListSeparatorType;
+}
 /** @internal */
-declare const finalize: () => void;
-/**
- * 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;
+interface ListSeparatorNone extends BaseListSeparator {
+    type: "none";
 }
-/**
- * ES Modules に対応していない JavaScript をページに読み込む
- *
- * @param src - JavaScript ファイルのリンク URL
- *
- * @public
- */
-declare function loadGlobalScript(src: string): Promise<any>;
-/**
- * グローバル CSS をページに適用する
- *
- * @param css - CSS
- *
- * @public
- */
-declare function applyGlobalCss(css: string): Promise<any>;
-/**
- * style ファイルをページに読み込む
- *
- * @param href - style ファイルのリンク URL
- *
- * @public
- */
-declare function loadGlobalStyle(href: string): Promise<any>;
-// @internal
-declare function getCssVariables<Props extends _Props, Variables>(data: Writable<Props & Variables & ActionVariables & VariableQuery>): string;
-/**
- * スクロール方向
- *
- * @public
- *
- * @see {@link onScroll}
- */
-type ScrollDirection = "up" | "down";
-/**
- * {@link onScroll} のスクロールコンテキスト情報
- *
- * @remarks
- * このコンテキスト情報は、{@link OnScrollFunction} が呼び出されたタイミングの情報が格納されています
- *
- * @see {@link onScroll}
- *
- * @public
- */
-interface OnScrollContext {
-    /**
-     * {@link onScroll} によって指定されたスクロール率
-     */
-    rate: number;
-    /**
-     * ページのスクロール率
-     */
-    scrollRate: number;
-    /**
-     * 前のスクロール率
-     */
-    previousRate: number;
-    /**
-     * 現在のスクロール率と前のスクロール率との差分値
-     */
-    deltaRate: number;
-    /**
-     * スクロール方向
-     */
-    direction: ScrollDirection;
+/** @internal */
+interface ListSeparatorBorder extends BaseListSeparator {
+    type: "border";
+    borderStyle: BorderStyle;
+    borderWidth?: BorderWidth;
+    borderColor?: Color;
+}
+/** @internal */
+interface ListSeparatorGap extends BaseListSeparator {
+    type: "gap";
+    gap: Length;
 }
-/**
- * {@link onScroll} によって呼び出されるコールバック関数
- *
- * @see {@link onScroll}
- *
- * @public
- */
-type OnScrollFunction = (ctx: OnScrollContext) => boolean;
-/**
- * スクロール率が達したときに呼び出すコールバックを登録します
- *
- * @param rate - スクロール率。この値は viewport でのスクロールのパーセンテージ
- * @param fn - スクロール率が達したときに呼び出されるコールバック関数
- *
- * @returns スクロール率によって呼び出されるコールバックを停止する関数を返します
- *
- * @public
- */
-declare function onScroll(rate: number | number[], fn: OnScrollFunction): () => void;
-/**
- * 指定した時間の経過後に呼び出すコールバックを登録します
- *
- * @param time - コールバックを呼び出すまでの時間。単位はミリセカンド(ms)
- * @param fn - 指定した時間が経過後に呼び出されるコールバック関数
- *
- * @returns コールバックを呼び出すためのタイマーを停止する関数を返します
- *
- * @public
- */
-declare function onTime(time: number, fn: Function): () => void;
-/**
- * アクションのログの記録の管理
- */
 /** @internal */
-type LogLevel = "info" | "error" | "warn" | "system";
+type ListSeparator = ListSeparatorNone | ListSeparatorBorder | ListSeparatorGap;
 /** @internal */
-type Log = {
-    level: LogLevel;
-    messages: any;
-    date?: Date;
-};
+declare const DefaultListSeparatorNone: Required<ListSeparatorNone>;
 /** @internal */
-type Event = {
-    name: string;
-    values?: any;
-    date?: Date;
-};
+declare const DefaultListSeparatorBorder: Required<ListSeparatorBorder>;
 /** @internal */
-declare function getLogs(): Log[];
+declare const DefaultListSeparatorGap: Required<ListSeparatorGap>;
 /** @internal */
-declare function getEvents(): Event[];
+declare const DefaultListSeparator: Required<ListSeparatorBorder>;
+/** @internal */
+declare const ListBackgroundTypes: readonly [
+    "none",
+    "stripe"
+];
+type ListBackgroundType = (typeof ListBackgroundTypes)[number];
+interface BaseListBackground {
+    type: ListBackgroundType;
+}
+/** @internal */
+interface ListBackgroundNone extends BaseListBackground {
+    type: "none";
+}
+/** @internal */
+interface ListBackgroundStripe extends BaseListBackground {
+    type: "stripe";
+    background1?: Color;
+    background2?: Color;
+}
 /**
- * ログを送信する関数群
- *
  * @internal
  */
-declare const logger: {
-    info: (...messages: any[]) => void;
-    log: (...messages: any[]) => void;
-    error: (...messages: any[]) => void;
-    warn: (...messages: any[]) => void;
-    system: (...messages: any[]) => void;
-    event: (name: string, values?: any) => void;
-    clear: () => void;
-    clearEvents: () => void;
+type ListBackground = ListBackgroundNone | ListBackgroundStripe;
+/** @internal */
+declare const DefaultListBackgroundNone: Required<ListBackgroundNone>;
+/** @internal */
+declare const DefaultListBackgroundStripe: Required<ListBackgroundStripe>;
+/** @internal */
+declare const DefaultListBackground: Required<ListBackgroundNone>;
+/** @internal */
+declare const ListDirections: readonly [
+    "vertical",
+    "horizontal"
+];
+/** @internal */
+type ListDirection = (typeof ListDirections)[number];
+/** @internal */
+type ListContext = {
+    separator: ListSeparator;
+    background: ListBackground;
+    direction: ListDirection;
+    registerItem: (props: {
+        onMount: (props: {
+            index: number;
+            length: number;
+        }) => void;
+    }) => string;
+    unregisterItem: (id: string) => void;
+};
+type SlideButtonType = "icon" | "text";
+type BaseSlideButton = {
+    type: SlideButtonType;
 };
-/**
- * メッセージを実行ログに表示する
- *
- * @internal
- */
-declare function listenLogger(): () => void;
-type _Props$0 = Props;
-/**
- * スクロールに応じてアクションを非表示にするトリガー関数
- *
- * @remarks
- * スクロール率が `hide_on_scroll_rate` に達したときに `hide` 関数を呼び出します。
- * `show_on_scroll_reenter` が `true` で、かつ `hide_on_scroll_rate` またはその値以下の場合、アクションに対して `show` 関数が呼び出されます。
- *
- * @param props - アクションのプロパティ。プロパティには `hide_on_scroll`、`hide_on_scroll_rate` そして `show_on_scroll_reenter` が必要です。
- * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
- * @param show - アクションを再び表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
- *
- * @returns
- * スクロールが開始された場合は、クリーンアップする関数を返します。そうでない場合は `null` を返します。
- *
- * @internal
- */
-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;
-/**
- * 時間に応じてアクションを非表示にするトリガー関数
- *
- * @remarks
- * 時間のカウントが `hide_on_time_count` に達したときに `hide` 関数を呼び出します。
- *
- * @param props - アクションのプロパティ。プロパティには `hide_on_time` そして `hide_on_time_count` が必要です。
- * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
- *
- * @returns
- * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
- *
- * @internal
- */
-declare function hideOnTime<Props extends Pick<_Props$0, "hide_on_time" | "hide_on_time_count">>(props: Props, hide?: Function): (() => void) | null;
-/**
- * スクロールに応じてアクションを表示するトリガー関数
- *
- * @remarks
- * スクロール率が `show_on_scroll_rate` に達したときに `show` 関数を呼び出します。
- * `hide_on_scroll_releave` が `true` で、かつ `show_on_scroll_rate` 以下の場合は、アクションに対して `hide` 関数が呼び出されます。
- *
- * @param props - アクションのプロパティ。プロパティには `show_on_scroll`、`show_on_scroll_rate` そして `hide_on_scroll_releave` が必要です。
- * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
- * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
- *
- * @returns
- * スクロールが開始されている場合は、クリーンアップ関数を返します。そうでない場合は `null` を返します
- *
- * @internal
- */
-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;
-/**
- * 時間に応じてアクションを表示するトリガー関数
- *
- * @param props - アクションのプロパティ。プロパティには `show_on_time` そして `show_on_time_count` が必要です。
- * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
- *
- * @remarks
- * 時間のカウントが `show_on_time_count` に達したときに `show` 関数を呼び出します。
- *
- * @returns
- * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
- *
- * @internal
- */
-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__";
+interface SlideButtonIcon extends BaseSlideButton {
+    type: "icon";
+    icon: string;
+    size: Length;
+    color: Color;
+    fill: Color;
+}
 /** @internal */
-type ActionHookLog = {
-    name: string;
-    values?: any;
+interface SlideButtonText extends BaseSlideButton {
+    type: "text";
+    text: string;
+}
+/** @internal */
+type SlideButton = SlideButtonIcon | SlideButtonText;
+/** @internal */
+declare const DefaultSlideButton: {
+    readonly type: "icon";
+    readonly icon: "chevron-left";
+    readonly color: "#999";
+    readonly fill: "#999";
+    readonly size: "20px";
+};
+/** @internal */
+type SlideButtonPosition = "top" | "middle" | "bottom";
+/** @internal */
+interface SlideNavigationButton {
+    type: "circle";
+    size: Length;
+    color: Color;
+    colorActive: Color;
+}
+/** @internal */
+declare const DefaultSlideNavigationButton: {
+    readonly type: "circle";
+    readonly size: "8px";
+    readonly color: "#ddd";
+    readonly colorActive: "#666";
+};
+/** @internal */
+type FormInputName = string;
+/** @internal */
+interface FormButtonColor {
+    main: Color;
+    sub: Color;
+}
+/** @internal */
+declare const DefaultFormButtonColor: {
+    readonly main: "#2aab9f";
+    readonly sub: "#fff";
 };
 /**
- * アクションのライフサイクルで呼び出されるフック
- *
- * @param props - アクションのプロパティ
- *
- * @public
- */
-type ActionHook<Props extends _Props$1, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
-/**
- * アクションが作成 (create) される前にフックする関数
- *
- * @param fn - 呼び出されるフック関数
- *
- * @public
- */
-declare function onCreate<Props extends _Props$1, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
-/**
- * アクションが表示 (show) された後にフックする関数
- *
- * @param fn - 呼び出されるフック関数
- *
- * @public
- */
-declare function onShow<Props extends _Props$1, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
-/**
- * アクションのライフサイクル close で呼び出されるフックする関数
- *
- * @param props - アクションのプロパティ
- * @param trigger - Close トリガー
- *
- * @public
- */
-type ActionCloseHook<Props extends _Props$1, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
-/**
- * アクションがクローズ (close) される前にフックする関数
- *
- * @param fn - 呼び出されるフック関数
- *
- * @public
- */
-declare function onClose<Props extends _Props$1, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
-/**
- * アクションが破棄 (destroy) される前にフックする関数
- *
- * @param fn - 呼び出されるフック関数
- *
- * @public
- */
-declare function onDestroy<Props extends _Props$1, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
-/**
- * アクションのライフサイクル changeState で呼び出されるフック関数
- *
- * @param props - アクションのプロパティ
- * @param newState - アクションの新しいステート
+ * スクロール方向
  *
  * @public
- */
-type ActionChangeStateHook<Props extends _Props$1, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
-/**
- * アクションのステートが変更された (changeState) 後にフックする関数
  *
- * @param fn - 呼び出されるフック関数
- *
- * @public
+ * @see {@link onScroll}
  */
-declare function onChangeState<Props extends _Props$1, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
+type ScrollDirection = "up" | "down";
 /**
- * アクションの send 関数
+ * {@link onScroll} のスクロールコンテキスト情報
  *
- * @public
- */
-type SendFunction = (event_name: string, values?: any) => void;
-/**
- * アクションの publish 関数
+ * @remarks
+ * このコンテキスト情報は、{@link OnScrollFunction} が呼び出されたタイミングの情報が格納されています
  *
- * @public
- */
-type PublishFunction = (topic: string, values?: any) => void;
-/**
- * アクションのプロパティ
+ * @see {@link onScroll}
  *
  * @public
  */
-interface ActionProps<Props, Variables> {
+interface OnScrollContext {
     /**
-     * アクションでイベントがトリガーされたときに受信するための関数
+     * {@link onScroll} によって指定されたスクロール率
      */
-    send: SendFunction;
+    rate: number;
     /**
-     * アクション内でタグのQueueにリクエストを発行する関数
+     * ページのスクロール率
      */
-    publish: PublishFunction;
+    scrollRate: number;
     /**
-     * アクションで使用されるデータ
+     * 前のスクロール率
      */
-    data: Props & Variables & ActionVariables;
+    previousRate: number;
     /**
-     * アクションが表示されたときにフックされる {@link onShow}
+     * 現在のスクロール率と前のスクロール率との差分値
      */
-    onShow?: ActionHook<Props, Variables & ActionVariables>;
+    deltaRate: number;
     /**
-     * アクションのステートが変更されたときにフックされる {@link onChangeState}
+     * スクロール方向
      */
-    onChangeState?: ActionChangeStateHook<Props, Variables & ActionVariables>;
+    direction: ScrollDirection;
 }
 /**
- * {@link create} 向けのオプション
+ * {@link onScroll} によって呼び出されるコールバック関数
+ *
+ * @see {@link onScroll}
  *
  * @public
  */
-interface ActionOptions<Props, Variables, VariablesQuery> {
-    /**
-     * アクション内でイベントを発火する関数
-     *
-     * @defaultValue `() => {}`
-     */
-    send?: SendFunction;
-    /**
-     * アクション内でタグのQueueにリクエストを発行する関数
-     *
-     * @defaultValue `() => {}`
-     */
-    publish?: PublishFunction;
-    /**
-     * アクションで使用されるプロパティ
-     *
-     * @defaultValue `{}`
-     */
-    props?: Props;
-    /**
-     * アクションで使用される解析時に取得される変数
-     *
-     * @defaultValue `{}`
-     */
-    variables?: Variables;
-    /**
-     * アクションで使用されるアクション実行時に取得される変数
-     *
-     * @defaultValue `[]`
-     */
-    localVariablesQuery?: VariablesQuery;
-    /**
-     * アクションが作成されているときにフックされる {@link onCreate}
-     *
-     * @defaultValue `() => {}`
-     */
-    onCreate?: ActionHook<Props, Variables & ActionVariables>;
-}
+type OnScrollFunction = (ctx: OnScrollContext) => boolean;
 /**
- * アクションを作成する
+ * スクロール率が達したときに呼び出すコールバックを登録します
  *
- * @param App - Svelte コンポーネントのエントリポイント
- * @param options - {@link ActionOptions | オプション}
+ * @param rate - スクロール率。この値は viewport でのスクロールのパーセンテージ
+ * @param fn - スクロール率が達したときに呼び出されるコールバック関数
  *
- * @returns アクションを破棄する関数
+ * @returns スクロール率によって呼び出されるコールバックを停止する関数を返します
  *
  * @public
  */
-declare function create<Props extends _Props$1, Variables, VariablesQuery extends Array<VariableQuery>>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+declare function onScroll(rate: number | number[], fn: OnScrollFunction): () => void;
 /**
- * アクションの破棄する
+ * 指定した時間の経過後に呼び出すコールバックを登録します
  *
- * @public
- */
-declare function destroyAction(): void;
-/**
- * アクションを表示する
+ * @param time - コールバックを呼び出すまでの時間。単位はミリセカンド(ms)
+ * @param fn - 指定した時間が経過後に呼び出されるコールバック関数
+ *
+ * @returns コールバックを呼び出すためのタイマーを停止する関数を返します
  *
  * @public
  */
-declare function showAction(): void;
+declare function onTime(time: number, fn: Function): () => void;
 /**
- * アクションを閉じる
- *
- * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
- *
- * @public
+ * アクションのログの記録の管理
  */
-declare function closeAction(trigger?: CloseTrigger): void;
 /** @internal */
-declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
+type LogLevel = "info" | "error" | "warn" | "system";
+/** @internal */
+type Log = {
+    level: LogLevel;
+    messages: any;
+    date?: Date;
+};
+/** @internal */
+type Event = {
+    name: string;
+    values?: any;
+    date?: Date;
+};
+/** @internal */
+declare function getLogs(): Log[];
+/** @internal */
+declare function getEvents(): Event[];
 /**
- * 非推奨
- *
- * @deprecated 非推奨
+ * ログを送信する関数群
  *
  * @internal
  */
-declare function createFog({ color, opacity, zIndex, onclick }: {
-    color?: string;
-    opacity?: string;
-    zIndex?: number;
-    onclick: () => void;
-}): {
-    fog: HTMLDivElement;
-    close: () => void;
+declare const logger: {
+    info: (...messages: any[]) => void;
+    log: (...messages: any[]) => void;
+    error: (...messages: any[]) => void;
+    warn: (...messages: any[]) => void;
+    system: (...messages: any[]) => void;
+    event: (name: string, values?: any) => void;
+    clear: () => void;
+    clearEvents: () => void;
 };
-/** @internal */
-type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
 /**
- * アクションのルートの DOM 要素を取得する
+ * メッセージを実行ログに表示する
  *
- * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
+ * @internal
+ */
+declare function listenLogger(): () => void;
+type ModalProps$0 = Props;
+/**
+ * 表示アクショントリガー
+ *
+ * @internal */
+type ShowTrigger = "custom" | "auto" | "none";
+/**
+ * 閉じるアクショントリガー
  *
  * @public
  */
-declare function getActionRoot(): ShadowRoot | null;
+type CloseTrigger = "button" | "overlay" | "auto" | "none";
 /**
- * アクションに CSS を適用する
- *
- * @param css - 適用する CSS
+ * アクションが表示 (show) された後にフックする関数
  *
- * @returns 適用された style 要素を返す Promise
+ * @param fn - 呼び出されるフック関数
  *
  * @public
  */
-declare function applyCss(css: string): Promise<HTMLStyleElement>;
+declare function onShow<Props extends ModalProps$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
 /**
- * アクションにグローバルなスタイルを読み込む
+ * アクションのライフサイクル close で呼び出されるフックする関数
  *
- * @param href - style ファイルのリンク URL
+ * @param props - アクションのプロパティ
+ * @param trigger - Close トリガー
  *
  * @public
  */
-declare function loadStyle(href: string): Promise<void>;
-// -------- The following codes are deprecated --------
+type ActionCloseHook<Props extends ModalProps$0, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
 /**
- * 非推奨
+ * アクションがクローズ (close) される前にフックする関数
  *
- * @deprecated 非推奨
+ * @param fn - 呼び出されるフック関数
  *
- * @internal
+ * @public
  */
-declare const showModal: typeof create;
+declare function onClose<Props extends ModalProps$0, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
 /**
- * 非推奨
+ * アクションのステートが変更された (changeState) 後にフックする関数
  *
- * @deprecated 非推奨
+ * @param fn - 呼び出されるフック関数
  *
- * @internal
+ * @public
  */
-declare const KARTE_MODAL_ROOT = "karte-modal-root";
+declare function onChangeState<Props extends ModalProps$0, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
 /**
- * 非推奨
- *
- * @deprecated 非推奨
+ * アクションを表示する
  *
- * @internal
+ * @public
  */
-declare const ensureModalRoot: typeof ensureActionRoot;
+declare function showAction(): void;
 /**
- * 非推奨
+ * アクションを閉じる
  *
- * @deprecated 非推奨
+ * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
  *
- * @internal
+ * @public
  */
-declare const show: typeof showAction;
+declare function closeAction(trigger?: CloseTrigger): void;
 /**
- * 非推奨
+ * アクションに CSS を適用する
  *
- * @deprecated 非推奨
+ * @param css - 適用する CSS
  *
- * @internal
+ * @returns 適用された style 要素を返す Promise
+ *
+ * @public
  */
-declare const close: typeof closeAction;
+declare function applyCss(css: string): Promise<HTMLStyleElement>;
 /**
- * 非推奨
+ * アクションにグローバルなスタイルを読み込む
  *
- * @deprecated 非推奨
+ * @param href - style ファイルのリンク URL
  *
- * @internal
+ * @public
  */
-type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+declare function loadStyle(href: string): Promise<void>;
+// @internal
+declare function getCssVariables<Props extends ModalProps$0, Variables>(data: Writable<Props & Variables & ActionVariables & VariableQuery>): string;
 /**
- * 非推奨
+ * アクションのルートの DOM 要素を取得する
  *
- * @deprecated 非推奨
+ * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
  *
- * @internal
+ * @public
  */
-interface App {
-    /**
-     * The method to destroy an app instance.
-     */
-    close: () => void;
-    /**
-     * The method to show an app instance.
-     */
-    show: () => void;
-}
+declare function getActionRoot(): ShadowRoot | null;
+// -------- The following codes are deprecated --------
 /**
  * 非推奨
  *
@@ -1374,7 +1360,7 @@ interface App {
  *
  * @internal
  */
-declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+declare const show: typeof showAction;
 /**
  * 非推奨
  *
@@ -1382,865 +1368,151 @@ declare function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteC
  *
  * @internal
  */
-declare function destroy(): void;
+declare const close: typeof closeAction;
 declare namespace widget {
-    /** @internal */
-    const PropTypes: readonly [
-        "BooleanKeyword",
-        "NumberKeyword",
-        "StringKeyword",
-        "Function",
-        "Enum",
-        "Code",
-        "Direction",
-        "Url",
-        "Image",
-        "AnimationStyle",
-        "LongText",
-        "Length",
-        "Color",
-        "Alignment",
-        "State",
-        "TransitState",
-        "Style",
-        "ModalPlacement",
-        "OnClick"
-    ];
-    /** @internal */
-    type PropType = (typeof PropTypes)[number];
-    /** @internal */
-    type Code = string;
-    /** @internal */
-    const MediaQueries: {
-        [key: string]: string;
-    };
-    /** @internal */
-    type MediaQuery = string;
-    /** @internal */
-    const Directions: readonly [
-        "row",
-        "column"
-    ];
-    /** @internal */
-    type Direction = (typeof Directions)[number];
-    /** @internal */
-    const AnimationStyles: readonly [
-        "none",
-        "fade",
-        "bounce",
-        "slide-down",
-        "slide-up",
-        "slide-left",
-        "slide-right"
-    ];
-    /** @internal */
-    type AnimationStyle = (typeof AnimationStyles)[number];
-    /** @internal */
-    const ModalPositions: readonly [
-        "top-left",
-        "top-center",
-        "top-right",
-        "center-left",
-        "center",
-        "center-right",
-        "bottom-left",
-        "bottom-center",
-        "bottom-right",
-        "none"
-    ];
-    /** @internal */
-    type ModalPosition = (typeof ModalPositions)[number];
-    /** @internal */
-    type ModalMargin = {
-        left?: string;
-        right?: string;
-        top?: string;
-        bottom?: string;
-    };
-    /** @internal */
-    type ModalPlacement<M = ModalMargin> = {
-        position?: ModalPosition;
-        margin?: M;
-        backgroundOverlay?: boolean;
-        backgroundClick?: OnClickOperation;
-    };
-    /** @internal */
-    const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
-    /** @internal */
-    const Elasticities: readonly [
-        "none",
-        "vertical",
-        "horizontal"
-    ];
-    /** @internal */
-    type Elasticity = (typeof Elasticities)[number];
-    /** @internal */
-    const ElasticityStyle: {
-        none: string;
-        vertical: string;
-        horizontal: string;
-    };
-    /** @internal */
-    const TextDirections: readonly [
-        "horizontal",
-        "vertical"
-    ];
-    /** @internal */
-    type TextDirection = (typeof TextDirections)[number];
-    type OperationArgumentTypes = {
-        StringKeyword: string;
-        BooleanKeyword: boolean;
-        NumberKeyword: number;
-        TransitState: string;
-        Url: string;
-        Handler: string;
-        Trigger: string;
-    };
-    /** @internal */
-    type OperationArgumentType = keyof OperationArgumentTypes;
-    type BaseOperationOptions = ReadonlyArray<{
-        operation: string;
-        args: ReadonlyArray<{
-            type: OperationArgumentType;
-            default: any;
-        }>;
-    }>;
-    type ConvertOperationOptions<O extends BaseOperationOptions> = ConvertOperationOption<O[number]>;
-    type ConvertOperationOption<Option extends BaseOperationOptions[number]> = Option extends any ? {
-        operation: Option["operation"];
-        args: ConvertOperationOptionArguments<Option["args"]>;
-    } : never;
-    type ConvertOperationOptionArguments<Arguments extends BaseOperationOptions[number]["args"]> = {
-        -readonly [Index in keyof Arguments]: Arguments[Index] extends BaseOperationOptions[number]["args"][number] ? OperationArgumentTypes[Arguments[Index]["type"]] : never;
-    };
-    /** @internal */
-    type Operation = ConvertOperationOptions<ReadonlyArray<any>>;
-    /** @internal */
-    const OnClickOperationOptions: readonly [
-        {
-            readonly operation: "none";
-            readonly args: readonly [
-            ];
-        },
-        {
-            readonly operation: "linkTo";
-            readonly args: readonly [
-                {
-                    readonly type: "Url";
-                    readonly default: "";
-                },
-                {
-                    readonly type: "BooleanKeyword";
-                    readonly default: true;
-                }
-            ];
-        },
-        {
-            readonly operation: "moveTo";
-            readonly args: readonly [
-                {
-                    readonly type: "TransitState";
-                    readonly default: "/";
-                }
-            ];
-        },
-        {
-            readonly operation: "closeApp";
-            readonly args: readonly [
-                {
-                    readonly type: "Trigger";
-                    readonly default: "button";
-                }
-            ];
-        },
-        {
-            readonly operation: "runScript";
-            readonly args: readonly [
-                {
-                    readonly type: "Handler";
-                    readonly default: "";
-                }
-            ];
-        },
-        {
-            readonly operation: "submitForm";
-            readonly args: readonly [
-                {
-                    readonly type: "TransitState";
-                    readonly default: "/";
-                }
-            ];
-        }
-    ];
-    /** @internal */
-    type OnClickOperation = ConvertOperationOptions<typeof OnClickOperationOptions>;
-    /** @internal */
-    type LongText = string;
-    /** @internal */
-    type Url = string;
-    /** @internal */
-    type Image = string;
-    /** @internal */
-    const LengthUnits: readonly [
-        "px",
-        "em",
-        "rem",
-        "vw",
-        "fr",
-        "%"
-    ];
-    /** @internal */
-    type LengthUnit = (typeof LengthUnits)[number];
-    /** @internal */
-    type Length = `${number}${LengthUnit}` | "auto";
-    /** @internal */
-    type Color = `#${string}` | `rgba(${string})`;
-    /** @internal */
-    type FontWeight = string;
-    /** @internal */
-    const Fonts: readonly [
-        "Noto Sans JP",
-        "M PLUS Rounded 1c",
-        "M PLUS 1p",
-        "Kosugi Maru",
-        "Kosugi",
-        "BIZ UDPGothic",
-        "Noto Serif JP",
-        "BIZ UDPMincho",
-        "Roboto",
-        "Open Sans",
-        "Montserrat",
-        "Lato",
-        "Poppins",
-        "Raleway",
-        "Nunito",
-        "Playfair Display",
-        "Merriweather",
-        "Lora",
-        "Libre Baskerville",
-        "EB Garamond"
-    ];
-    /** @internal */
-    const Justifies: readonly [
-        "flex-start",
-        "center",
-        "flex-end"
-    ];
-    /** @internal */
-    type Justify = (typeof Justifies)[number];
-    /** @internal */
-    const Alignments: readonly [
-        "flex-start",
-        "center",
-        "flex-end"
-    ];
-    /** @internal */
-    type Alignment = (typeof Alignments)[number];
-    /** @internal */
-    const FlexDirections: readonly [
-        "row",
-        "column"
-    ];
-    /** @internal */
-    type FlexDirection = (typeof FlexDirections)[number];
-    /** @internal */
-    const ObjectFits: readonly [
-        "fill",
-        "contain",
-        "cover"
-    ];
-    /** @internal */
-    type ObjectFit = (typeof ObjectFits)[number];
-    /** @internal */
-    const ClipPaths: readonly [
-        "none",
-        "circle(closest-side)"
-    ];
-    /** @internal */
-    type ClipPath = (typeof ClipPaths)[number];
-    /** @internal */
-    const Repeats: readonly [
-        "repeat",
-        "space",
-        "round",
-        "no-repeat"
-    ];
-    /** @internal */
-    type Repeat = (typeof Repeats)[number];
-    /** @internal */
-    const BackgroundSizes: readonly [
-        "cover",
-        "contain",
-        "auto"
-    ];
-    /** @internal */
-    type BackgroundSize = (typeof BackgroundSizes)[number];
-    /** @internal */
-    const Cursors: readonly [
-        "default",
-        "pointer"
-    ];
-    /** @internal */
-    type Cursor = (typeof Cursors)[number];
-    /** @internal */
-    const Overflows: readonly [
-        "visible",
-        "auto",
-        "hidden"
-    ];
-    /** @internal */
-    type Overflow = (typeof Overflows)[number];
-    /** @internal */
-    type Border = string;
-    /** @internal */
-    type BorderStyle = string;
-    /** @internal */
-    type BorderWidth = `${number}px`;
-    /** @internal */
-    type BoxShadow = string;
-    /** @internal */
-    type Style = string;
-    /** @internal */
-    type TransitState = string;
-    /** @internal */
-    const WritingModes: readonly [
-        "horizontal-tb",
-        "vertical-lr"
-    ];
-    /** @internal */
-    type WritingMode = (typeof WritingModes)[number];
-    /** @internal */
-    type DateTime = string;
-    /** @internal */
-    type Icon = string;
-    /** @internal */
-    const ListSeparatorTypes: readonly [
-        "none",
-        "border",
-        "gap"
-    ];
-    /** @internal */
-    interface EdgePosition {
-        edgeDistance: Length;
-        edgeDirectionOffset: Length;
-    }
-    /** @internal */
-    const DefaultEdgePosition: EdgePosition;
-    type ListSeparatorType = (typeof ListSeparatorTypes)[number];
-    interface BaseListSeparator {
-        type: ListSeparatorType;
-    }
-    /** @internal */
-    interface ListSeparatorNone extends BaseListSeparator {
-        type: "none";
-    }
-    /** @internal */
-    interface ListSeparatorBorder extends BaseListSeparator {
-        type: "border";
-        borderStyle: BorderStyle;
-        borderWidth?: BorderWidth;
-        borderColor?: Color;
-    }
-    /** @internal */
-    interface ListSeparatorGap extends BaseListSeparator {
-        type: "gap";
-        gap: Length;
-    }
-    /** @internal */
-    type ListSeparator = ListSeparatorNone | ListSeparatorBorder | ListSeparatorGap;
-    /** @internal */
-    const DefaultListSeparatorNone: Required<ListSeparatorNone>;
-    /** @internal */
-    const DefaultListSeparatorBorder: Required<ListSeparatorBorder>;
-    /** @internal */
-    const DefaultListSeparatorGap: Required<ListSeparatorGap>;
-    /** @internal */
-    const DefaultListSeparator: Required<ListSeparatorBorder>;
-    /** @internal */
-    const ListBackgroundTypes: readonly [
-        "none",
-        "stripe"
-    ];
-    type ListBackgroundType = (typeof ListBackgroundTypes)[number];
-    interface BaseListBackground {
-        type: ListBackgroundType;
-    }
-    /** @internal */
-    interface ListBackgroundNone extends BaseListBackground {
-        type: "none";
-    }
-    /** @internal */
-    interface ListBackgroundStripe extends BaseListBackground {
-        type: "stripe";
-        background1?: Color;
-        background2?: Color;
-    }
-    /**
-     * @internal
-     */
-    type ListBackground = ListBackgroundNone | ListBackgroundStripe;
-    /** @internal */
-    const DefaultListBackgroundNone: Required<ListBackgroundNone>;
-    /** @internal */
-    const DefaultListBackgroundStripe: Required<ListBackgroundStripe>;
-    /** @internal */
-    const DefaultListBackground: Required<ListBackgroundNone>;
-    /** @internal */
-    const ListDirections: readonly [
-        "vertical",
-        "horizontal"
-    ];
-    /** @internal */
-    type ListDirection = (typeof ListDirections)[number];
-    /** @internal */
-    type ListContext = {
-        separator: ListSeparator;
-        background: ListBackground;
-        direction: ListDirection;
-        registerItem: (props: {
-            onMount: (props: {
-                index: number;
-                length: number;
-            }) => void;
-        }) => string;
-        unregisterItem: (id: string) => void;
-    };
-    type SlideButtonType = "icon" | "text";
-    type BaseSlideButton = {
-        type: SlideButtonType;
-    };
-    /** @internal */
-    interface SlideButtonIcon extends BaseSlideButton {
-        type: "icon";
-        icon: string;
-        size: Length;
-        color: Color;
-        fill: Color;
-    }
-    /** @internal */
-    interface SlideButtonText extends BaseSlideButton {
-        type: "text";
-        text: string;
-    }
-    /** @internal */
-    type SlideButton = SlideButtonIcon | SlideButtonText;
-    /** @internal */
-    const DefaultSlideButton: {
-        readonly type: "icon";
-        readonly icon: "chevron-left";
-        readonly color: "#999";
-        readonly fill: "#999";
-        readonly size: "20px";
-    };
-    /** @internal */
-    type SlideButtonPosition = "top" | "middle" | "bottom";
-    /** @internal */
-    interface SlideNavigationButton {
-        type: "circle";
-        size: Length;
-        color: Color;
-        colorActive: Color;
-    }
-    /** @internal */
-    const DefaultSlideNavigationButton: {
-        readonly type: "circle";
-        readonly size: "8px";
-        readonly color: "#ddd";
-        readonly colorActive: "#666";
-    };
-    /** @internal */
-    type FormInputName = string;
-    /** @internal */
-    interface FormButtonColor {
-        main: Color;
-        sub: Color;
-    }
-    /** @internal */
-    const DefaultFormButtonColor: {
-        readonly main: "#2aab9f";
-        readonly sub: "#fff";
-    };
-    /** @internal */
-    type Store<T> = Writable_<T>; // Wrap svelte tools
-    /**
-     * get store state value
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    const getStoreState: typeof get_;
-    /**
-     * KARTE のシステム設定情報
-     *
-     * @public
-     */
-    type SystemConfig = {
-        /**
-         * API キー
-         */
-        apiKey?: string;
-        /**
-         * 接客ID
-         */
-        campaignId?: string;
-        shortenId?: string;
-    };
-    /**
-     * アクションのイベントハンドラ
-     *
-     * @public
-     */
-    type ActionEventHandler = (...args: any[]) => any | Promise<any>;
-    /**
-     * アクション設定
-     *
-     * @public
-     */
-    type ActionSetting = {
-        send?: (event_name: string, values?: any) => void;
-        initialState?: string;
-    };
-    /**
-     * 変数
-     *
-     * @public
-     */
-    type ActionVariables = {
-        [key: string]: any;
-    };
-    /**
-     * Store to handle action setting
-     *
-     * @internal
-     */
-    const actionSetting: Store<ActionSetting>;
-    /**
-     * {@link getSetting} function to get action setting.
-     *
-     * @returns Current action setting
-     *
-     * @internal
-     */
-    function getSetting(): ActionSetting;
-    /**
-     * アクション設定を更新する
-     *
-     * @param setting - 更新するアクション設定
-     *
-     * @returns 新しいアクション設定
-     *
-     * @public
-     */
-    function setSetting(setting: ActionSetting): ActionSetting;
-    /**
-     * {@link resetSetting} function to reset action setting
-     *
-     * @internal
-     */
-    function resetSetting(): void;
-    /**
-     * Store to read KARTE system config
-     *
-     * @internal
-     */
-    const system: Store<SystemConfig>;
-    /**
-     * KARTE の設定を取得する
-     *
-     * @remarks
-     * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
-     * 取得できる設定は、APIキー、接客ID、アクションショートIDなどです。
-     *
-     * @returns 現在の KARTE システムの設定を返します
-     *
-     * @public
-     */
-    function getSystem(): SystemConfig;
-    /**
-     * {@link setSystem} function to set KARTE system config.
-     *
-     * @internal
-     */
-    function setSystem(config: SystemConfig): void;
-    /**
-     * Store to handle current state ID
-     *
-     * This is exported becase of compatible interface for App.svelte.
-     * Don't use directly.
-     *
-     * @internal
-     */
-    const state: Store<string>;
-    /**
-     * 現在のステートを設定する
-     *
-     * @param stateId - 表示するステートID
-     * @param options - オプション。`options.disableInPreview`でプレビュー時のステート遷移を無効化できます。
-     *
-     * @public
-     */
-    function setState(stateId: string, options?: {
-        disableInPreview: boolean;
-    }): void;
-    /**
-     * 現在のステートを取得する
-     *
-     * @remarks
-     * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
-     *
-     * @returns 現在のステートID
-     *
-     * @public
-     */
-    function getState(): string;
-    /**
-     * Store to handle all state IDs
-     *
-     * @internal
-     */
-    const states: Store<string[]>;
-    /**
-     * {@link getStates} function to add new state ID to list of state IDs.
-     *
-     * @param stateId - New state ID
-     *
-     * @internal
-     */
-    function addState(stateId: string): void;
-    /**
-     * ステートID一覧を取得する
-     *
-     * @remarks
-     * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
-     *
-     * @returns すべてのステートID
-     *
-     * @public
-     */
-    function getStates(): string[];
     /**
-     * Store to handle visibility of action
+     * アクションの汎用的なタイプを定義する
      *
-     * @internal
+     * モーダル(ポップアップ)やアクションテーブルなど機能別のタイプは含めない。
      */
-    const opened: Store<boolean>;
     /**
-     * アクションの表示・非表示の状態を取得する
-     *
-     * @returns アクションが表示されているときは `true`、非表示のときは `false` を返します。
+     * アクションのイベントハンドラ
      *
      * @public
      */
-    function isOpened(): boolean;
-    /**
-     * {@link setOpened} function to set if action is opened.
-     *
-     * @internal
-     */
-    function setOpened(on: boolean): void;
-    /**
-     * Store to handle visibility of action
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    const closed: Store<boolean>; // deprecated
-    /**
-     * {@link isClosed} function to check if action is clsoed.
-     *
-     * @returns Flag if action is closed / true: Closed, false: Not closed
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    function isClosed(): boolean;
-    /**
-     * {@link setClosed} function to set if action is closed.
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    function setClosed(on: boolean): void;
-    /**
-     * Store to handle max z-index for grid items
-     *
-     * @internal
-     */
-    const maximumZindex: Store<number>;
-    /**
-     * Set maximum z-index.
-     *
-     * @internal
-     */
-    const setMaximumZindex: (zindex?: number) => void;
-    /**
-     * Store to handle internal event handlers
-     *
-     * @internal
-     */
-    const internalHandlers: Store<{
-        [key: string]: ActionEventHandler[];
-    }>;
-    /**
-     * {@link getInternalHandlers} function to get internal event handlers.
-     *
-     * @returns Current internal handlers
-     *
-     * @internal
-     */
-    function getInternalHandlers(): {
-        [key: string]: ActionEventHandler[];
-    };
-    /**
-     * {@link setInternalHandlers} function to set internal event handlers.
-     *
-     * @param handlers - New internal event handlers
-     *
-     * @internal
-     */
-    function setInternalHandlers(handlers: {
-        [key: string]: ActionEventHandler[];
-    }): {
-        [key: string]: ActionEventHandler[];
-    };
-    /**
-     * Store to handle internal event handlers for widget API
-     *
-     * @internal
-     */
-    const widgetHandlers: Store<{
-        [key: string]: ActionEventHandler[];
-    }>;
-    /**
-     * {@link getWidgetHandlers} function to get internal event handlers for widget API.
-     *
-     * @param handlers - New internal widget event handlers
-     *
-     * @returns Current internal widget handlers
-     *
-     * @internal
-     */
-    function getWidgetHandlers(): {
-        [key: string]: ActionEventHandler[];
-    };
-    /**
-     * {@link setWidgetHandlers} function to set internal event handlers.
-     *
-     * @internal
-     */
-    function setWidgetHandlers(handlers: {
-        [key: string]: ActionEventHandler[];
-    }): void;
-    /**
-     * Store to handle event handlers
-     *
-     * This is used internally.
-     *
-     * @internal
-     */
-    const eventHandlers: Store<{
-        [key: string]: ActionEventHandler;
-    }>;
+    type ActionEventHandler = (...args: any[]) => any | Promise<any>;
     /**
-     * イベントハンドラーの一覧を取得する
-     *
-     * @returns 現在のイベントハンドラー
+     * アクションの変数
      *
      * @public
      */
-    function getEventHandlers(): {
-        [key: string]: ActionEventHandler;
+    type ActionVariables = {
+        [key: string]: any;
     };
     /**
-     * イベントハンドラーを登録する
-     *
-     * @remarks
-     * 登録したイベントハンドラーは、ビジュアルエディタでアクション本体とのテキストボタンのクリック時の動作で利用できます。
-     *
-     * @param handlers - 登録するイベントハンドラー
+     * アクション設定
      *
      * @public
      */
-    function setEventHandlers(handlers: {
-        [key: string]: ActionEventHandler;
-    }): {
-        [key: string]: ActionEventHandler;
+    type ActionSetting = {
+        send?: (event_name: string, values?: any) => void;
+        initialState?: string;
     };
     /**
-     * イベントハンドラーをリセットする
-     *
-     */
-    function resetEventHandlers(): void;
-    /**
-     * Store to handle destruction of action
+     * アクションの send 関数
      *
-     * @internal
+     * @public
      */
-    const destroyed: Store<boolean>;
+    type SendFunction = (event_name: string, values?: any) => void;
     /**
-     * {@link isDestroyed} function to check if action is destroyed.
-     *
-     * @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
+     * アクションの publish 関数
      *
-     * @internal
+     * @public
      */
-    function isDestroyed(): boolean;
+    type PublishFunction = (topic: string, values?: any) => void;
     /**
-     * {@link setDestroyed} function to set if action is destroyed.
+     * アクションのライフサイクル changeState で呼び出されるフック関数
      *
-     * @internal
-     */
-    function setDestroyed(on: boolean): void;
-    /**
-     * Store to handle variables
+     * @param props - アクションのプロパティ
+     * @param newState - アクションの新しいステート
      *
-     * @internal
+     * @public
      */
-    const variables: Store<{
-        [key: string]: any;
-    }>;
+    type ActionChangeStateHook<Props, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
     /**
-     * 変数の一覧を取得する
-     *
-     * @returns 現在の変数の一覧
+     * アクションのプロパティ
      *
-     * @internal
+     * @public
      */
-    function getVariables(): ActionVariables;
+    interface ActionProps<Props, Variables> {
+        /**
+         * アクションでイベントがトリガーされたときに受信するための関数
+         */
+        send: SendFunction;
+        /**
+         * アクション内でタグのQueueにリクエストを発行する関数
+         */
+        publish: PublishFunction;
+        /**
+         * アクションで使用されるデータ
+         */
+        data: Props & Variables & ActionVariables;
+        /**
+         * アクションが表示されたときにフックされる {@link onShow}
+         */
+        onShow?: ActionHook<Props, Variables & ActionVariables>;
+        /**
+         * アクションのステートが変更されたときにフックされる {@link onChangeState}
+         */
+        onChangeState?: ActionChangeStateHook<Props, Variables & ActionVariables>;
+    }
     /**
-     * 変数を設定する
-     *
-     * @remarks
-     * 設定した変数は、ビジュアルエディタのテキストフォームなどで利用できます。
+     * アクションのライフサイクルで呼び出されるフック
      *
-     * @param vars - 変数
+     * @param props - アクションのプロパティ
      *
-     * @internal
+     * @public
      */
-    function setVariables(vars: ActionVariables): ActionVariables;
+    type ActionHook<Props, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
     /**
-     * 変数をリセットする
+     * {@link create} 向けのオプション
      *
+     * @public
      */
-    function resetVariables(): void;
-    /** @internal */
-    interface FormData {
-        [name: string]: {
-            statePath: string;
-            value: any;
-            isValid: boolean;
-        };
+    interface ActionOptions<Props, Variables, VariablesQuery> {
+        /**
+         * アクション内でイベントを発火する関数
+         *
+         * @defaultValue `() => {}`
+         */
+        send?: SendFunction;
+        /**
+         * アクション内でタグのQueueにリクエストを発行する関数
+         *
+         * @defaultValue `() => {}`
+         */
+        publish?: PublishFunction;
+        /**
+         * アクションで使用されるプロパティ
+         *
+         * @defaultValue `{}`
+         */
+        props?: Props;
+        /**
+         * アクションで使用される解析時に取得される変数
+         *
+         * @defaultValue `{}`
+         */
+        variables?: Variables;
+        /**
+         * アクションで使用されるアクション実行時に取得される変数
+         *
+         * @defaultValue `[]`
+         */
+        localVariablesQuery?: VariablesQuery;
+        /**
+         * アクションが作成されているときにフックされる {@link onCreate}
+         *
+         * @defaultValue `() => {}`
+         */
+        onCreate?: ActionHook<Props, Variables & ActionVariables>;
     }
     /**
-     * Store for form data
+     * KARTE のシステム設定情報
      *
-     * @internal
+     * @public
      */
-    const formData: Writable_<FormData>;
+    type SystemConfig = {
+        /**
+         * API キー
+         */
+        apiKey?: string;
+        /**
+         * 接客ID
+         */
+        campaignId?: string;
+        shortenId?: string;
+    };
     type ActionTableResult = number | string | boolean | Date | null | undefined;
     type ActionTableQueryParam = string | number | boolean | Date;
     type ActionTableQueryParams = {
@@ -2331,7 +1603,7 @@ declare namespace widget {
         [key: string]: any;
     }>;
     /**
-     * プロパティ
+     * モーダル(ポップアップ)のプロパティ
      *
      * @internal
      */
@@ -2357,185 +1629,114 @@ declare namespace widget {
          */
         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;
-    /**
-     * 表示アクショントリガー
-     *
-     * @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 {
+         * 表示する秒数
+         */
+        show_on_time_count?: number;
         /**
-         * A Transform value in percent of target element
+         * 全ての条件を満たしたら非表示するかどうか
          */
-        transform: [
-            number,
-            number
-        ];
+        hide_and_condition?: boolean;
+        /**
+         * スクロール率で非表示を有効化するかどうか
+         */
+        hide_on_scroll?: boolean;
         /**
-         * A style of animation(e.g. fade, slide-in)
+         * 非表示にするスクロール率
          */
-        animationStyle: AnimationStyle;
+        hide_on_scroll_rate?: number;
         /**
-         * A waiting time in milliseconds before starting animation
-         *
-         * @defaultValue 0
+         * 条件を満たした時に表示するかどうか
          */
-        delay?: number;
+        hide_on_scroll_releave?: boolean;
         /**
-         *  A total duration time in milliseconds of the animation
-         *
-         * @defaultValue 1000
+         * 時間による非表示を有効化するかどうか
+         */
+        hide_on_time?: boolean;
+        /**
+         * 非表示にする秒数
          */
-        duration?: number;
+        hide_on_time_count?: number;
     }
     /**
-     * The function to activate svelte animation.
+     * スクロールに応じてアクションを非表示にするトリガー関数
+     *
+     * @remarks
+     * スクロール率が `hide_on_scroll_rate` に達したときに `hide` 関数を呼び出します。
+     * `show_on_scroll_reenter` が `true` で、かつ `hide_on_scroll_rate` またはその値以下の場合、アクションに対して `show` 関数が呼び出されます。
      *
-     * @param node - A target node of animation. This argument is passed by svelte, by default.
-     * @param customAnimationOptions - A custom animation option object
+     * @param props - アクションのプロパティ。プロパティには `hide_on_scroll`、`hide_on_scroll_rate` そして `show_on_scroll_reenter` が必要です。
+     * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+     * @param show - アクションを再び表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
      *
-     * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+     * @returns
+     * スクロールが開始された場合は、クリーンアップする関数を返します。そうでない場合は `null` を返します。
      *
      * @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;
-    };
+    function hideOnScroll<ModalProps extends Pick<Props, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: ModalProps, hide?: Function, show?: Function): (() => void) | null;
     /**
-     * ES Modules に対応していない JavaScript をページに読み込む
+     * 時間に応じてアクションを非表示にするトリガー関数
+     *
+     * @remarks
+     * 時間のカウントが `hide_on_time_count` に達したときに `hide` 関数を呼び出します。
      *
-     * @param src - JavaScript ファイルのリンク URL
+     * @param props - アクションのプロパティ。プロパティには `hide_on_time` そして `hide_on_time_count` が必要です。
+     * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
      *
-     * @public
+     * @returns
+     * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+     *
+     * @internal
      */
-    function loadGlobalScript(src: string): Promise<any>;
+    function hideOnTime<ModalProps extends Pick<Props, "hide_on_time" | "hide_on_time_count">>(props: ModalProps, hide?: Function): (() => void) | null;
     /**
-     * グローバル CSS をページに適用する
+     * スクロールに応じてアクションを表示するトリガー関数
      *
-     * @param css - CSS
+     * @remarks
+     * スクロール率が `show_on_scroll_rate` に達したときに `show` 関数を呼び出します。
+     * `hide_on_scroll_releave` が `true` で、かつ `show_on_scroll_rate` 以下の場合は、アクションに対して `hide` 関数が呼び出されます。
      *
-     * @public
+     * @param props - アクションのプロパティ。プロパティには `show_on_scroll`、`show_on_scroll_rate` そして `hide_on_scroll_releave` が必要です。
+     * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+     * @param hide - アクションを非表示にするロジックが実装された関数。指定ない場合は noop 関数が使用されます。
+     *
+     * @returns
+     * スクロールが開始されている場合は、クリーンアップ関数を返します。そうでない場合は `null` を返します
+     *
+     * @internal
      */
-    function applyGlobalCss(css: string): Promise<any>;
+    function showOnScroll<ModalProps extends Pick<Props, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave">>(props: ModalProps, show?: Function, hide?: Function): (() => void) | null;
     /**
-     * style ファイルをページに読み込む
+     * 時間に応じてアクションを表示するトリガー関数
      *
-     * @param href - style ファイルのリンク URL
+     * @param props - アクションのプロパティ。プロパティには `show_on_time` そして `show_on_time_count` が必要です。
+     * @param show - アクションを表示するロジックが実装された関数。指定ない場合は noop 関数が使用されます。
      *
-     * @public
+     * @remarks
+     * 時間のカウントが `show_on_time_count` に達したときに `show` 関数を呼び出します。
+     *
+     * @returns
+     * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+     *
+     * @internal
      */
-    function loadGlobalStyle(href: string): Promise<any>;
-    // @internal
-    function getCssVariables<Props extends _Props, Variables>(data: Writable<Props & Variables & ActionVariables & VariableQuery>): string;
-    type _Props$0 = Props;
+    function showOnTime<ModalProps extends Pick<Props, "show_on_time" | "show_on_time_count">>(props: ModalProps, show?: Function): (() => void) | null;
     /** @internal */
-    const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
+    function and(fn: Function, ...conditionFns: Function[]): () => void;
     /** @internal */
-    type ActionHookLog = {
-        name: string;
-        values?: any;
-    };
+    function or(fn: Function, ...conditionFns: Function[]): () => void;
+    type ModalProps = Props;
     /**
-     * アクションのライフサイクルで呼び出されるフック
-     *
-     * @param props - アクションのプロパティ
+     * 表示アクショントリガー
      *
-     * @public
-     */
-    type ActionHook<Props extends _Props$0, Variables> = (props: ActionProps<Props, Variables & ActionVariables>) => void | Promise<void>;
+     * @internal */
+    type ShowTrigger = "custom" | "auto" | "none";
     /**
-     * アクションが作成 (create) される前にフックする関数
-     *
-     * @param fn - 呼び出されるフック関数
+     * 閉じるアクショントリガー
      *
      * @public
      */
-    function onCreate<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+    type CloseTrigger = "button" | "overlay" | "auto" | "none";
     /**
      * アクションが表示 (show) された後にフックする関数
      *
@@ -2543,7 +1744,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onShow<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+    function onShow<Props extends ModalProps, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションのライフサイクル close で呼び出されるフックする関数
      *
@@ -2552,7 +1753,7 @@ declare namespace widget {
      *
      * @public
      */
-    type ActionCloseHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
+    type ActionCloseHook<Props extends ModalProps, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
     /**
      * アクションがクローズ (close) される前にフックする関数
      *
@@ -2560,24 +1761,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onClose<Props extends _Props$0, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
-    /**
-     * アクションが破棄 (destroy) される前にフックする関数
-     *
-     * @param fn - 呼び出されるフック関数
-     *
-     * @public
-     */
-    function onDestroy<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & ActionVariables>): void;
-    /**
-     * アクションのライフサイクル changeState で呼び出されるフック関数
-     *
-     * @param props - アクションのプロパティ
-     * @param newState - アクションの新しいステート
-     *
-     * @public
-     */
-    type ActionChangeStateHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], newState: string) => void | Promise<void>;
+    function onClose<Props extends ModalProps, Variables>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションのステートが変更された (changeState) 後にフックする関数
      *
@@ -2585,112 +1769,7 @@ declare namespace widget {
      *
      * @public
      */
-    function onChangeState<Props extends _Props$0, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
-    /**
-     * アクションの send 関数
-     *
-     * @public
-     */
-    type SendFunction = (event_name: string, values?: any) => void;
-    /**
-     * アクションの publish 関数
-     *
-     * @public
-     */
-    type PublishFunction = (topic: string, values?: any) => void;
-    /**
-     * アクションのプロパティ
-     *
-     * @public
-     */
-    interface ActionProps<Props, Variables> {
-        /**
-         * アクションでイベントがトリガーされたときに受信するための関数
-         */
-        send: SendFunction;
-        /**
-         * アクション内でタグのQueueにリクエストを発行する関数
-         */
-        publish: PublishFunction;
-        /**
-         * アクションで使用されるデータ
-         */
-        data: Props & Variables & ActionVariables;
-        /**
-         * アクションが表示されたときにフックされる {@link onShow}
-         */
-        onShow?: ActionHook<Props, Variables & ActionVariables>;
-        /**
-         * アクションのステートが変更されたときにフックされる {@link onChangeState}
-         */
-        onChangeState?: ActionChangeStateHook<Props, Variables & ActionVariables>;
-    }
-    /**
-     * {@link create} 向けのオプション
-     *
-     * @public
-     */
-    interface ActionOptions<Props, Variables, VariablesQuery> {
-        /**
-         * アクション内でイベントを発火する関数
-         *
-         * @defaultValue `() => {}`
-         */
-        send?: SendFunction;
-        /**
-         * アクション内でタグのQueueにリクエストを発行する関数
-         *
-         * @defaultValue `() => {}`
-         */
-        publish?: PublishFunction;
-        /**
-         * アクションで使用されるプロパティ
-         *
-         * @defaultValue `{}`
-         */
-        props?: Props;
-        /**
-         * アクションで使用される解析時に取得される変数
-         *
-         * @defaultValue `{}`
-         */
-        variables?: Variables;
-        /**
-         * アクションで使用されるアクション実行時に取得される変数
-         *
-         * @defaultValue `[]`
-         */
-        localVariablesQuery?: VariablesQuery;
-        /**
-         * アクションが作成されているときにフックされる {@link onCreate}
-         *
-         * @defaultValue `() => {}`
-         */
-        onCreate?: ActionHook<Props, Variables & ActionVariables>;
-    }
-    /**
-     * アクションを作成する
-     *
-     * @param App - Svelte コンポーネントのエントリポイント
-     * @param options - {@link ActionOptions | オプション}
-     *
-     * @returns アクションを破棄する関数
-     *
-     * @public
-     */
-    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
-     *
-     * @internal
-     */
-    function dispatchDestroyEvent(): void;
-    /**
-     * アクションの破棄する
-     *
-     * @public
-     */
-    function destroyAction(): void;
+    function onChangeState<Props extends ModalProps, Variables>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
     /**
      * アクションを表示する
      *
@@ -2705,44 +1784,6 @@ declare namespace widget {
      * @public
      */
     function closeAction(trigger?: CloseTrigger): void;
-    /** @internal */
-    const KARTE_ACTION_ROOT = "karte-action-root";
-    /** @internal */
-    const KARTE_ACTION_RID = "karte-action-rid";
-    /** @internal */
-    const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
-    /** @internal */
-    function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
-    /** @internal */
-    const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    function createFog({ color, opacity, zIndex, onclick }: {
-        color?: string;
-        opacity?: string;
-        zIndex?: number;
-        onclick: () => void;
-    }): {
-        fog: HTMLDivElement;
-        close: () => void;
-    };
-    /** @internal */
-    type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
-    /** @internal */
-    function embed(target: HTMLElement, replace: HTMLElement, embed_method: EmbedLogic): void;
-    /**
-     * アクションのルートの DOM 要素を取得する
-     *
-     * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
-     *
-     * @public
-     */
-    function getActionRoot(): ShadowRoot | null;
     /**
      * アクションに CSS を適用する
      *
@@ -2761,31 +1802,17 @@ declare namespace widget {
      * @public
      */
     function loadStyle(href: string): Promise<void>;
-    // -------- The following codes are deprecated --------
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    const showModal: typeof create;
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    type ModalOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
+    // @internal
+    function getCssVariables<Props extends ModalProps, Variables>(data: Writable<Props & Variables & ActionVariables & VariableQuery>): string;
     /**
-     * 非推奨
+     * アクションのルートの DOM 要素を取得する
      *
-     * @deprecated 非推奨
+     * @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
      *
-     * @internal
+     * @public
      */
-    const KARTE_MODAL_ROOT = "karte-modal-root";
+    function getActionRoot(): ShadowRoot | null;
+    // -------- The following codes are deprecated --------
     /**
      * 非推奨
      *
@@ -2793,7 +1820,8 @@ declare namespace widget {
      *
      * @internal
      */
-    const ensureModalRoot: typeof ensureActionRoot;
+    function getActionShadowRoot(): ShadowRoot | null;
+    // -------- The following codes are deprecated --------
     /**
      * 非推奨
      *
@@ -2810,55 +1838,6 @@ declare namespace widget {
      * @internal
      */
     const close: typeof closeAction;
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    type AppOptions<Props, Variables, VariablesQuery> = ActionOptions<Props, Variables, VariablesQuery>;
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    interface App {
-        /**
-         * The method to destroy an app instance.
-         */
-        close: () => void;
-        /**
-         * The method to show an app instance.
-         */
-        show: () => void;
-    }
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    function createApp<Props, Variables, VariablesQuery>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables, VariablesQuery>): App;
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    function getActionShadowRoot(): ShadowRoot | null;
-    /**
-     * 非推奨
-     *
-     * @deprecated 非推奨
-     *
-     * @internal
-     */
-    function destroy(): void;
     // @ts-ignore
     type ChangeValCallback = ({ newVal, oldVal, key }: {
         newVal: any;
@@ -2920,7 +1899,7 @@ declare namespace widget {
      *
      * @public
      */
-    function setState$0(stateId: string): void;
+    function setState(stateId: string): void;
     /**
      * 現在のステートを取得する
      *
@@ -2928,7 +1907,7 @@ declare namespace widget {
      *
      * @public
      */
-    function getState$0(): string;
+    function getState(): string;
     /**
      * ページ内の変数を設定する
      *
@@ -3037,8 +2016,8 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 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 { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, onCreate, destroyAction, onDestroy, initialize, finalize, showModal, ensureModalRoot, destroy, createApp, createFog, loadGlobalScript, loadGlobalStyle, applyGlobalCss, 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, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES };
+export type { ActionHookLog, SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';