@plaidev/karte-action-sdk 1.1.113 → 1.1.114-27926953.05c19bb7

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

@@ -1,9 +1,7 @@
-import { Writable as Writable_ } from "svelte/store";
 import { get as get_ } from "svelte/store";
+import { Writable as Writable_ } from "svelte/store";
 import { SvelteComponentDev } from "svelte/internal";
-/**
- * @internal
- */
+/** @internal */
 declare const PropTypes: readonly [
     "BooleanKeyword",
     "NumberKeyword",
@@ -25,38 +23,24 @@ declare const PropTypes: readonly [
     "ModalPlacement",
     "OnClick"
 ];
-/**
- * @internal
- */
+/** @internal */
 type PropType = (typeof PropTypes)[number];
-/**
- * @internal
- */
+/** @internal */
 type Code = string;
-/**
- * @internal
- */
+/** @internal */
 declare const MediaQueries: {
     [key: string]: string;
 };
-/**
- * @internal
- */
+/** @internal */
 type MediaQuery = string;
-/**
- * @internal
- */
+/** @internal */
 declare const Directions: readonly [
     "row",
     "column"
 ];
-/**
- * @internal
- */
+/** @internal */
 type Direction = (typeof Directions)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const AnimationStyles: readonly [
     "none",
     "fade",
@@ -66,13 +50,9 @@ declare const AnimationStyles: readonly [
     "slide-left",
     "slide-right"
 ];
-/**
- * @internal
- */
+/** @internal */
 type AnimationStyle = (typeof AnimationStyles)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const ModalPositions: readonly [
     "top-left",
     "top-center",
@@ -85,62 +65,44 @@ declare const ModalPositions: readonly [
     "bottom-right",
     "none"
 ];
-/**
- * @internal
- */
+/** @internal */
 type ModalPosition = (typeof ModalPositions)[number];
-/**
- * @internal
- */
+/** @internal */
 type ModalMargin = {
     left?: string;
     right?: string;
     top?: string;
     bottom?: string;
 };
-/**
- * @internal
- */
+/** @internal */
 type ModalPlacement<M = ModalMargin> = {
     position?: ModalPosition;
     margin?: M;
     backgroundOverlay?: boolean;
     backgroundClick?: OnClickOperation;
 };
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
-/**
- * @internal
- */
+/** @internal */
 declare const Elasticities: readonly [
     "none",
     "vertical",
     "horizontal"
 ];
-/**
- * @internal
- */
+/** @internal */
 type Elasticity = (typeof Elasticities)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const ElasticityStyle: {
     none: string;
     vertical: string;
     horizontal: string;
 };
-/**
- * @internal
- */
+/** @internal */
 declare const TextDirections: readonly [
     "horizontal",
     "vertical"
 ];
-/**
- * @internal
- */
+/** @internal */
 type TextDirection = (typeof TextDirections)[number];
 type OperationArgumentTypes = {
     StringKeyword: string;
@@ -151,9 +113,7 @@ type OperationArgumentTypes = {
     Handler: string;
     Trigger: string;
 };
-/**
- * @internal
- */
+/** @internal */
 type OperationArgumentType = keyof OperationArgumentTypes;
 type BaseOperationOptions = ReadonlyArray<{
     operation: string;
@@ -170,13 +130,9 @@ type ConvertOperationOption<Option extends BaseOperationOptions[number]> = Optio
 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
- */
+/** @internal */
 type Operation = ConvertOperationOptions<ReadonlyArray<any>>;
-/**
- * @internal
- */
+/** @internal */
 declare const OnClickOperationOptions: readonly [
     {
         readonly operation: "none";
@@ -224,13 +180,9 @@ declare const OnClickOperationOptions: readonly [
         ];
     }
 ];
-/**
- * @internal
- */
+/** @internal */
 type OnClickOperation = ConvertOperationOptions<typeof OnClickOperationOptions>;
-/**
- * @internal
- */
+/** @internal */
 declare const FormOperationOptions: readonly [
     {
         readonly operation: "submit";
@@ -260,25 +212,15 @@ declare const FormOperationOptions: readonly [
         ];
     }
 ];
-/**
- * @internal
- */
+/** @internal */
 type FormOperation = ConvertOperationOptions<typeof FormOperationOptions>;
-/**
- * @internal
- */
+/** @internal */
 type LongText = string;
-/**
- * @internal
- */
+/** @internal */
 type Url = string;
-/**
- * @internal
- */
+/** @internal */
 type Image = string;
-/**
- * @internal
- */
+/** @internal */
 declare const LengthUnits: readonly [
     "px",
     "em",
@@ -287,147 +229,93 @@ declare const LengthUnits: readonly [
     "fr",
     "%"
 ];
-/**
- * @internal
- */
+/** @internal */
 type LengthUnit = (typeof LengthUnits)[number];
-/**
- * @internal
- */
+/** @internal */
 type Length = `${number}${LengthUnit}` | "auto";
-/**
- * @internal
- */
+/** @internal */
 type Color = `#${string}` | `rgba(${string})`;
-/**
- * @internal
- */
+/** @internal */
 declare const Justifies: readonly [
     "flex-start",
     "center",
     "flex-end"
 ];
-/**
- * @internal
- */
+/** @internal */
 type Justify = (typeof Justifies)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const Alignments: readonly [
     "flex-start",
     "center",
     "flex-end"
 ];
-/**
- * @internal
- */
+/** @internal */
 type Alignment = (typeof Alignments)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const ObjectFits: readonly [
     "fill",
     "contain",
     "cover"
 ];
-/**
- * @internal
- */
+/** @internal */
 type ObjectFit = (typeof ObjectFits)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const ClipPaths: readonly [
     "none",
     "circle(closest-side)"
 ];
-/**
- * @internal
- */
+/** @internal */
 type ClipPath = (typeof ClipPaths)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const Repeats: readonly [
     "repeat",
     "space",
     "round",
     "no-repeat"
 ];
-/**
- * @internal
- */
+/** @internal */
 type Repeat = (typeof Repeats)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const BackgroundSizes: readonly [
     "cover",
     "contain",
     "auto"
 ];
-/**
- * @internal
- */
+/** @internal */
 type BackgroundSize = (typeof BackgroundSizes)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const Cursors: readonly [
     "default",
     "pointer"
 ];
-/**
- * @internal
- */
+/** @internal */
 type Cursor = (typeof Cursors)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const Overflows: readonly [
     "visible",
     "auto",
     "hidden"
 ];
-/**
- * @internal
- */
+/** @internal */
 type Overflow = (typeof Overflows)[number];
-/**
- * @internal
- */
+/** @internal */
 type Border = string;
-/**
- * @internal
- */
+/** @internal */
 type BorderStyle = string;
-/**
- * @internal
- */
+/** @internal */
 type BorderWidth = `${number}px`;
-/**
- * @internal
- */
+/** @internal */
 type Style = string;
-/**
- * @internal
- */
+/** @internal */
 type StateName = string;
-/**
- * @internal
- */
+/** @internal */
 declare const WritingModes: readonly [
     "horizontal-tb",
     "vertical-lr"
 ];
-/**
- * @internal
- */
+/** @internal */
 type WritingMode = (typeof WritingModes)[number];
-/**
- * @internal
- */
+/** @internal */
 declare const ListSeparatorTypes: readonly [
     "none",
     "border",
@@ -437,51 +325,33 @@ type ListSeparatorType = (typeof ListSeparatorTypes)[number];
 interface BaseListSeparator {
     type: ListSeparatorType;
 }
-/**
- * @internal
- */
+/** @internal */
 interface ListSeparatorNone extends BaseListSeparator {
     type: "none";
 }
-/**
- * @internal
- */
+/** @internal */
 interface ListSeparatorBorder extends BaseListSeparator {
     type: "border";
     borderStyle: BorderStyle;
     borderWidth?: BorderWidth;
     borderColor?: Color;
 }
-/**
- * @internal
- */
+/** @internal */
 interface ListSeparatorGap extends BaseListSeparator {
     type: "gap";
     gap: Length;
 }
-/**
- * @internal
- */
+/** @internal */
 type ListSeparator = ListSeparatorNone | ListSeparatorBorder | ListSeparatorGap;
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultListSeparatorNone: Required<ListSeparatorNone>;
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultListSeparatorBorder: Required<ListSeparatorBorder>;
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultListSeparatorGap: Required<ListSeparatorGap>;
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultListSeparator: Required<ListSeparatorBorder>;
-/**
- * @internal
- */
+/** @internal */
 declare const ListBackgroundTypes: readonly [
     "none",
     "stripe"
@@ -490,15 +360,11 @@ type ListBackgroundType = (typeof ListBackgroundTypes)[number];
 interface BaseListBackground {
     type: ListBackgroundType;
 }
-/**
- * @internal
- */
+/** @internal */
 interface ListBackgroundNone extends BaseListBackground {
     type: "none";
 }
-/**
- * @internal
- */
+/** @internal */
 interface ListBackgroundStripe extends BaseListBackground {
     type: "stripe";
     background1?: Color;
@@ -508,32 +374,20 @@ interface ListBackgroundStripe extends BaseListBackground {
  * @internal
  */
 type ListBackground = ListBackgroundNone | ListBackgroundStripe;
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultListBackgroundNone: Required<ListBackgroundNone>;
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultListBackgroundStripe: Required<ListBackgroundStripe>;
-/**
- * @internal
- */
+/** @internal */
 declare const DefaultListBackground: Required<ListBackgroundNone>;
-/**
- * @internal
- */
+/** @internal */
 declare const ListDirections: readonly [
     "vertical",
     "horizontal"
 ];
-/**
- * @internal
- */
+/** @internal */
 type ListDirection = (typeof ListDirections)[number];
-/**
- * @internal
- */
+/** @internal */
 type ListContext = {
     separator: ListSeparator;
     background: ListBackground;
@@ -546,115 +400,177 @@ type ListContext = {
     }) => string;
     unregisterItem: (id: string) => void;
 };
-// Wrap svelte tools
-type Store<T> = Writable_<T>;
+type SliderButtonType = "icon" | "text";
+type BaseSliderButton = {
+    type: SliderButtonType;
+};
+interface SliderButtonIcon extends BaseSliderButton {
+    type: "icon";
+    icon: string;
+    size: Length;
+    color: Color;
+    fill: Color;
+}
+interface SliderButtonText extends BaseSliderButton {
+    type: "text";
+    text: string;
+}
+type SliderButton = SliderButtonIcon | SliderButtonText;
+declare const DefaultSliderButton: {
+    readonly type: "icon";
+    readonly icon: "chevron-left";
+    readonly color: "#999";
+    readonly fill: "#999";
+    readonly size: "20px";
+};
+type SliderButtonPosition = "top" | "middle" | "bottom";
+interface SliderNavigationButton {
+    type: "circle";
+    size: Length;
+    color: Color;
+    colorActive: Color;
+}
+declare const DefaultSliderNavigationButton: {
+    readonly type: "circle";
+    readonly size: "8px";
+    readonly color: "#ddd";
+    readonly colorActive: "#666";
+};
+/** @internal */
+type Store<T> = Writable_<T>; // Wrap svelte tools
 /**
  * get store state value
  *
  * @deprecated 非推奨
+ *
+ * @internal
  */
 declare 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;
     autoStart?: boolean;
 };
+/**
+ * カスタム変数
+ *
+ * @public
+ */
 type CustomVariables = {
     [key: string]: any;
 };
 /**
- * Store to handle action setting
- */
-declare const actionSetting: Store<ActionSetting>;
-/**
- * {@link getActionSetting} function to get action setting.
+ * アクション設定を更新する
  *
- * @returns Current action setting
- */
-declare function getActionSetting(): ActionSetting;
-/**
- * {@link setActionSetting} function to "update" action setting
+ * @remarks
+ * アクションの自動起動 (autoStart) を設定できます。
  *
- * @param setting - Updated action setting
+ * @param setting - 更新するアクション設定
  *
- * @returns New action setting
+ * @returns 新しいアクション設定
+ *
+ * @public
  */
 declare function setActionSetting(setting: ActionSetting): ActionSetting;
 /**
- * {@link resetActionSetting} function to reset action setting
- */
-declare function resetActionSetting(): void;
-/**
- * Store to read KARTE system config
- */
-declare const system: Store<SystemConfig>;
-/**
- * {@link getSystem} function to get KARTE system config.
+ * KARTE の設定を取得する
+ *
+ * @remarks
+ * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
+ * 取得できる設定は、APIキー、接客ID、アクションショートIDなどです。
  *
- * @returns Current karte system config
+ * @returns 現在の KARTE システムの設定を返します
+ *
+ * @public
  */
 declare function getSystem(): SystemConfig;
-/**
- * {@link setSystem} function to set KARTE system config.
- */
-declare 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
  */
 declare const state: Store<string>;
 /**
- * {@link setState} function to set current state ID.
+ * 現在のステートを設定する
+ *
+ * @param stateId - 表示するステートID
+ * @param force - 強制的にステートを設定するフラグ。デフォルトは `false`
+ *
+ * @public
  */
 declare function setState(stateId: string, force?: boolean): void;
 /**
- * {@link getState} function to get current state ID.
+ * 現在のステートを取得する
+ *
+ * @remarks
+ * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
+ *
+ * @returns 現在のステートID
  *
- * @returns Current state ID
+ * @public
  */
 declare function getState(): string;
 /**
- * Store to handle all state IDs
- */
-declare const states: Store<string[]>;
-/**
- * {@link getStates} function to add new state ID to list of state IDs.
+ * ステートID一覧を取得する
  *
- * @param stateId - New state ID
- */
-declare function addState(stateId: string): void;
-/**
- * {@link getStates} function to get a list of all state IDs.
+ * @remarks
+ * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
+ *
+ * @returns すべてのステートID
  *
- * @returns All state IDs
+ * @public
  */
 declare function getStates(): string[];
 /**
  * Store to handle visibility of action
+ *
+ * @internal
  */
 declare const opened: Store<boolean>;
 /**
- * {@link isOpened} function to check if action is opened.
+ * アクションの表示・非表示の状態を取得する
+ *
+ * @returns アクションが表示されているときは `true`、非表示のときは `false` を返します。
  *
- * @returns Flag if action is opend / true: Opend, false: Not opened
+ * @public
  */
 declare function isOpened(): boolean;
-/**
- * {@link setOpened} function to set if action is opened.
- */
-declare function setOpened(on: boolean): void;
 /**
  * Store to handle visibility of action
  *
  * @deprecated 非推奨
+ *
+ * @internal
  */
 declare const closed: Store<boolean>; // deprecated
 /**
@@ -663,86 +579,59 @@ declare const closed: Store<boolean>; // deprecated
  * @returns Flag if action is closed / true: Closed, false: Not closed
  *
  * @deprecated 非推奨
+ *
+ * @internal
  */
 declare function isClosed(): boolean;
 /**
  * {@link setClosed} function to set if action is closed.
  *
  * @deprecated 非推奨
- */
-declare function setClosed(on: boolean): void;
-/**
- * Store to handle max z-index for grid items
- */
-declare const maximumZindex: Store<number>;
-/**
- * Set maximum z-index.
- */
-declare const setMaximumZindex: (zindex?: number) => void;
-/**
- * Store to handle internal event handlers
  *
- * This is used internally.
- */
-declare const internalHandlers: Store<{
-    [key: string]: ActionEventHandler[];
-}>;
-/**
- * {@link getInternalHandlers} function to get internal event handlers.
- *
- * @returns Current internal handlers
- */
-declare function getInternalHandlers(): {
-    [key: string]: ActionEventHandler[];
-};
-/**
- * {@link setInternalHandlers} function to set internal event handlers.
- */
-declare function setInternalHandlers(handlers: {
-    [key: string]: ActionEventHandler[];
-}): void;
-/**
- * {@link updateInternalHandlers} function to update internal event handlers.
- *
- * @param handlers - Updated internal event handlers
- *
- * @returns New internal handlers
+ * @internal
  */
-declare function updateInternalHandlers(handlers: {
-    [key: string]: ActionEventHandler[];
-}): {
-    [key: string]: ActionEventHandler[];
-};
+declare function setClosed(on: boolean): void;
 /**
  * Store to handle custom event handlers
  *
  * This is used internally.
+ *
+ * @internal
  */
 declare const customHandlers: Store<{
     [key: string]: ActionEventHandler;
 }>;
 /**
- * {@link getCustomHandlers} function to get custom event handlers.
+ * カスタムイベントハンドラーの一覧を取得する
  *
- * @returns Current custom event handlers
+ * @returns 現在のカスタムイベントハンドラー
+ *
+ * @public
  */
 declare function getCustomHandlers(): {
     [key: string]: ActionEventHandler;
 };
 /**
- * {@link setCustomHandlers} function to set custom event handlers.
+ * カスタムイベントハンドラーを登録する
+ *
+ * @remarks
+ * 登録したカスタムイベントハンドラーは、ビジュアルエディタでアクション本体とのテキストボタンのクリック時の動作で利用できます。
+ *
+ * @param handlers - 登録するカスタムイベントハンドラー
  *
- * @param handlers - New custom event handlers
+ * @public
  */
 declare function setCustomHandlers(handlers: {
     [key: string]: ActionEventHandler;
 }): void;
 /**
- * {@link updateCustomHandlers} function to update custom event handlers.
+ * カスタムイベントハンドラーを更新する
+ *
+ * @param handlers - 対象となるカスタムイベントハンドラー
  *
- * @param handlers - Updated custom event handlers
+ * @returns 新しいカスタムイベントハンドラーを返します。
  *
- * @returns New custom event handlers
+ * @public
  */
 declare function updateCustomHandlers(handlers: {
     [key: string]: ActionEventHandler;
@@ -751,57 +640,54 @@ declare function updateCustomHandlers(handlers: {
 };
 /**
  * Store to handle destruction of action
- */
-declare const destroyed: Store<boolean>;
-/**
- * {@link isDestroyed} function to check if action is destroyed.
  *
- * @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
+ * @internal
  */
-declare function isDestroyed(): boolean;
-/**
- * {@link setDestroyed} function to set if action is destroyed. */
-declare function setDestroyed(on: boolean): void;
+declare const destroyed: Store<boolean>;
 /**
  * Store to handle stopping action
- */
-declare const stopped: Store<boolean>;
-/**
- * {@link isStopped} function to check if action is stopped.
  *
- * @returns Flag if action is stopped / true: Stopped, false: Not stopped
- */
-declare function isStopped(): boolean;
-/**
- * {@link setStopped} function to set if action is stopped.
+ * @internal
  */
-declare function setStopped(on: boolean): void;
+declare const stopped: Store<boolean>;
 /**
  * Store to handle custom variables
+ *
+ * @internal
  */
 declare const customVariables: Store<{
     [key: string]: any;
 }>;
 /**
- * {@link getCustomVariables} function to get custom variables.
+ * カスタム変数の一覧を取得する
+ *
+ * @returns 現在のカスタム変数の一覧
  *
- * @returns Current custom variables
+ * @public
  */
 declare function getCustomVariables(): CustomVariables;
 /**
- * {@link setCustomVariables} function to set custom variables.
+ * カスタム変数を設定する
+ *
+ * @remarks
+ * 設定した変数は、ビジュアルエディタのテキストフォームなどで利用できます。
  *
- * @param variables - New custom variables
+ * @param variables - カスタム変数
+ *
+ * @public
  */
 declare function setCustomVariables(variables: CustomVariables): void;
 /**
- * {@link updateCustomVariables} function to update custom variables.
+ * カスタム変数を更新する
+ *
+ * @param variables - 更新するカスタム変数
  *
- * @param variables - Updated custom variables
+ * @returns 新しいカスタム変数を返します。
  *
- * @returns New custom variables
+ * @public
  */
 declare function updateCustomVariables(variables: CustomVariables): CustomVariables;
+/** @internal */
 interface FormData {
     [name: string]: {
         statePath: string;
@@ -811,28 +697,20 @@ interface FormData {
 }
 /**
  * Store for form data
+ *
+ * @internal
  */
 declare const formData: Writable_<FormData>;
+/**
+ * 閉じるアクショントリガー
+ *
+ * @public
+ */
 type CloseTrigger = "button" | "overlay" | "auto" | "none";
-declare const ALL_ACTION_ID = "KARTE_ALL_ACTION_ID";
-declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
-declare const actionId: string;
-declare const ACTION_SHOW_EVENT: string;
-declare const ACTION_CLOSE_EVENT: string;
-declare const ACTION_DESTROY_EVENT: string;
-declare const ACTION_CHANGE_STATE_EVENT: string;
-declare const handleState: (event: any) => void;
+/** @internal */
 declare const initialize: (setting?: ActionSetting) => () => void;
+/** @internal */
 declare const finalize: () => void;
-declare const send_event: (event_name: string, values?: any) => void;
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-declare const none: () => () => void;
-declare const moveTo: (to: string) => () => void;
-declare const linkTo: (to: string, targetBlank?: boolean) => () => void;
-declare const closeApp: (trigger: CloseTrigger) => () => void;
-declare const runScript: (handlerName: string) => () => void;
-declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
-declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
 /**
  * An option for svelte custom animation
  */
@@ -862,81 +740,45 @@ interface CustomAnimationOptions {
     duration?: number;
 }
 /**
- * The function to activate svelte animation.
+ * ES Modules に対応していない JavaScript をページに読み込む
  *
- * @param node - A target node of animation. This argument is passed by svelte, by default.
- * @param customAnimationOptions - A custom animation option object
+ * @param src - JavaScript ファイルのリンク URL
  *
- * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
- */
-declare function customAnimation(node: Element, { transform, animationStyle, delay, duration }: CustomAnimationOptions): {
-    delay?: undefined;
-    duration?: undefined;
-    easing?: undefined;
-    css?: undefined;
-} | {
-    delay: number;
-    duration: number;
-    easing: (t: any) => any;
-    css: (progress: number) => string;
-};
-/**
- * {@link loadGlobalScript} load JavaScript that does not support ESM.
- *
- * @param src - Link of JavaScript file
+ * @public
  */
 declare function loadGlobalScript(src: string): Promise<any>;
 /**
- * {@link applyGlobalCss} apply global CSS to WEB page.
+ * グローバル CSS をページに適用する
  *
  * @param css - CSS
- */
-declare function applyGlobalCss(css: string): Promise<any>;
-/**
- * {@link loadGlobalStyle} load global style to WEB page.
  *
- * @param href - Link of style file
+ * @public
  */
-declare function loadGlobalStyle(href: string): Promise<any>;
+declare function applyGlobalCss(css: string): Promise<any>;
 /**
- * {@link hashCode} generate hash with FNV-1a hash
+ * style ファイルをページに読み込む
  *
- * @param s - Inputed string
+ * @param href - style ファイルのリンク URL
  *
- * @returns Hashed string
- *
- * @see https://stackoverflow.com/a/22429679
+ * @public
  */
-declare function hashCode(s: string): string;
+declare function loadGlobalStyle(href: string): Promise<any>;
 /**
  * {@link setAutoStart} function to set auto start flag.
  *
  * @param on - true: auto start, false: not auto start
  *
  * @deprecated 非推奨。`setActionConfig({ autoStart: false })` を使ってください。
- */
-declare const setAutoStart: (on?: boolean) => void;
-/**
- * @internal
- */
-declare const NOOP: Function; // eslint-disable-line @typescript-eslint/no-unused-vars
-/**
+ *
  * @internal
  */
-declare const isPreview: () => boolean;
-declare const handleFocus: (node: HTMLElement | null) => (e: any) => void;
-declare const setPreviousFocus: () => void;
-declare const handleKeydown: (handlers: {
-    [eventName: string]: (e: any) => void;
-}) => (e: any) => void;
-declare const getPositionStyle: (position: ModalPosition) => string;
-declare const getTransform: (position: ModalPosition) => [
-    number,
-    number
-];
-declare const getMarginStyle: (margin: ModalMargin) => string;
+declare const setAutoStart: (on?: boolean) => void;
 /**
  * スクロール方向
+ *
+ * @public
+ *
+ * @see {@link onScroll}
  */
 type ScrollDirection = "up" | "down";
 /**
@@ -944,6 +786,10 @@ type ScrollDirection = "up" | "down";
  *
  * @remarks
  * このコンテキスト情報は、{@link OnScrollFunction} が呼び出されたタイミングの情報が格納されています
+ *
+ * @see {@link onScroll}
+ *
+ * @public
  */
 interface OnScrollContext {
     /**
@@ -969,6 +815,10 @@ interface OnScrollContext {
 }
 /**
  * {@link onScroll} によって呼び出されるコールバック関数
+ *
+ * @see {@link onScroll}
+ *
+ * @public
  */
 type OnScrollFunction = (ctx: OnScrollContext) => boolean;
 /**
@@ -978,6 +828,8 @@ type OnScrollFunction = (ctx: OnScrollContext) => boolean;
  * @param fn - スクロール率が達したときに呼び出されるコールバック関数
  *
  * @returns スクロール率によって呼び出されるコールバックを停止する関数を返します
+ *
+ * @public
  */
 declare function onScroll(rate: number | number[], fn: OnScrollFunction): () => void;
 /**
@@ -987,26 +839,66 @@ declare function onScroll(rate: number | number[], fn: OnScrollFunction): () =>
  * @param fn - 指定した時間が経過後に呼び出されるコールバック関数
  *
  * @returns コールバックを呼び出すためのタイマーを停止する関数を返します
+ *
+ * @public
  */
 declare function onTime(time: number, fn: Function): () => void;
-declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
-declare function toBr(text: string): string;
-declare function randStr(digit?: number): string;
-// types of props to reference for internaly
-interface _Props {
+/**
+ * プロパティ
+ *
+ * @internal
+ */
+interface Props {
+    /**
+     * 全ての条件を満たしたら表示するかどうか
+     */
     show_and_condition?: boolean;
+    /**
+     * スクロール率による表示を有効化するかどうか
+     */
     show_on_scroll?: boolean;
+    /**
+     * 表示するスクロール率
+     */
     show_on_scroll_rate?: number;
+    /**
+     * 条件を満たした時に再表示するかどうか
+     */
     show_on_scroll_reenter?: boolean;
+    /**
+     * 時間による表示を有効化するかどうか
+     */
     show_on_time?: boolean;
+    /**
+     * 表示する秒数
+     */
     show_on_time_count?: number;
+    /**
+     * 全ての条件を満たしたら非表示するかどうか
+     */
     hide_and_condition?: boolean;
+    /**
+     * スクロール率で非表示を有効化するかどうか
+     */
     hide_on_scroll?: boolean;
+    /**
+     * 非表示にするスクロール率
+     */
     hide_on_scroll_rate?: number;
+    /**
+     * 条件を満たした時に表示するかどうか
+     */
     hide_on_scroll_releave?: boolean;
+    /**
+     * 時間による非表示を有効化するかどうか
+     */
     hide_on_time?: boolean;
+    /**
+     * 非表示にする秒数
+     */
     hide_on_time_count?: number;
 }
+type _Props = Props;
 /**
  * スクロールに応じてアクションを非表示にするトリガー関数
  *
@@ -1020,6 +912,8 @@ interface _Props {
  *
  * @returns
  * スクロールが開始された場合は、クリーンアップする関数を返します。そうでない場合は `null` を返します。
+ *
+ * @internal
  */
 declare function hideOnScroll<Props extends Pick<_Props, "hide_on_scroll" | "hide_on_scroll_rate" | "show_on_scroll_reenter">>(props: Props, hide?: Function, show?: Function): (() => void) | null;
 /**
@@ -1033,6 +927,8 @@ declare function hideOnScroll<Props extends Pick<_Props, "hide_on_scroll" | "hid
  *
  * @returns
  * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+ *
+ * @internal
  */
 declare function hideOnTime<Props extends Pick<_Props, "hide_on_time" | "hide_on_time_count">>(props: Props, hide?: Function): (() => void) | null;
 /**
@@ -1048,6 +944,8 @@ declare function hideOnTime<Props extends Pick<_Props, "hide_on_time" | "hide_on
  *
  * @returns
  * スクロールが開始されている場合は、クリーンアップ関数を返します。そうでない場合は `null` を返します
+ *
+ * @internal
  */
 declare function showOnScroll<Props extends Pick<_Props, "show_on_scroll" | "show_on_scroll_rate" | "hide_on_scroll_releave">>(props: Props, show?: Function, hide?: Function): (() => void) | null;
 /**
@@ -1061,16 +959,105 @@ declare function showOnScroll<Props extends Pick<_Props, "show_on_scroll" | "sho
  *
  * @returns
  * タイマーが開始された場合、タイマーをクリーンアップする関数を返します。それ以外は `null` を返します。
+ *
+ * @internal
  */
 declare function showOnTime<Props extends Pick<_Props, "show_on_time" | "show_on_time_count">>(props: Props, show?: Function): (() => void) | null;
+type _Props$0 = Props;
 /**
- * @internal
+ * アクションのライフサイクルで呼び出されるフック
+ *
+ * @param props - アクションのプロパティ
+ *
+ * @public
+ */
+type ActionHook<Props extends _Props$0, Variables> = (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
+/**
+ * アクションが作成 (create) される前にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+declare function onCreate<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+/**
+ * アクションが表示 (show) された後にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+declare function onShow<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+/**
+ * アクションのライフサイクル close で呼び出されるフックする関数
+ *
+ * @param props - アクションのプロパティ
+ * @param trigger - Close トリガー
+ *
+ * @public
+ */
+type ActionCloseHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & CustomVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
+/**
+ * アクションがクローズ (close) される前にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+declare function onClose<Props extends _Props$0, Variables>(fn: ActionCloseHook<Props, Variables & CustomVariables>): void;
+/**
+ * アクションが破棄 (destroy) される前にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+declare function onDestroy<Props extends _Props$0, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+/**
+ * アクションのライフサイクル changeState で呼び出されるフック関数
+ *
+ * @param props - アクションのプロパティ
+ * @param newState - アクションの新しいステート
+ *
+ * @public
+ */
+type ActionChangeStateHook<Props extends _Props$0, Variables> = (props: Parameters<ActionHook<Props, Variables & CustomVariables>>[0], newState: string) => void | Promise<void>;
+/**
+ * アクションのステートが変更された (changeState) 後にフックする関数
+ *
+ * @param fn - 呼び出されるフック関数
+ *
+ * @public
+ */
+declare function onChangeState<Props extends _Props$0, Variables>(fn: ActionChangeStateHook<Props, Variables & CustomVariables>): void;
+/**
+ * アクションの send 関数
+ *
+ * @public
+ */
+type SendFunction = (event_name: string, values?: any) => void;
+/**
+ * アクションのプロパティ
+ *
+ * @public
  */
 interface ActionProps<Props, Variables> {
-    send: (event_name: string, values?: any) => void;
+    /**
+     * アクションでイベントがトリガーされたときに受信するための関数
+     */
+    send: SendFunction;
+    /**
+     * アクションで使用されるデータ
+     */
     data: Props & Variables & CustomVariables;
-    onShow?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-    onChangeState?: (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
+    /**
+     * アクションが表示されたときにフックされる {@link onShow}
+     */
+    onShow?: ActionHook<Props, Variables & CustomVariables>;
+    /**
+     * アクションのステートが変更されたときにフックされる {@link onChangeState}
+     */
+    onChangeState?: ActionChangeStateHook<Props, Variables & CustomVariables>;
 }
 /**
  * {@link create} 向けのオプション
@@ -1079,172 +1066,155 @@ interface ActionProps<Props, Variables> {
  */
 interface ActionOptions<Props, Variables> {
     /**
-     * KARTE アクションでイベントがトリガーされたときに受信するための関数
+     * アクションでイベントがトリガーされたときに受信するための関数
      *
      * @defaultValue `() => {}`
      */
-    send?: (event_name: string, values?: any) => void;
+    send?: SendFunction;
     /**
-     * KARTE アクションで使用されるプロパティ
+     * アクションで使用されるプロパティ
      *
      * @defaultValue `{}`
      */
     props?: Props;
     /**
-     * KARTE アクションで使用されるアクションテーブルのユーザー環境変数
+     * アクションで使用されるアクションテーブルのユーザー環境変数
      *
      * @defaultValue `{}`
      */
     variables?: Variables;
     /**
-     * KARTE アクションでアクションが作成されているときにフックされる {@link onCreate}
+     * アクションが作成されているときにフックされる {@link onCreate}
      *
      * @defaultValue `() => {}`
      */
-    onCreate?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
+    onCreate?: ActionHook<Props, Variables & CustomVariables>;
 }
 /**
- * KARTE アクションを作成する
+ * アクションを作成する
  *
  * @param App - Svelte コンポーネントのエントリポイント
  * @param options - {@link ActionOptions | オプション}
  *
- * @returns KARTE アクションを破棄する関数
+ * @returns アクションを破棄する関数
  *
  * @public
  */
-declare function create<Props extends _Props, Variables>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & CustomVariables>): () => void;
+declare function create<Props extends _Props$0, Variables>(App: typeof SvelteComponentDev, options?: ActionOptions<Props, Variables & CustomVariables>): () => void;
 /**
- * Dispatch the event to destroy KARTE action
+ * アクションの破棄する
  *
- * @internal
- */
-declare function dispatchDestroyEvent(): void;
-/**
- * Destory KARTE action
+ * @public
  */
 declare function destroy(): void;
 /**
- * Show KARTE action
- */
-declare function showAction(): void;
-/**
- * Close KARTE action
- */
-declare function closeAction(trigger?: CloseTrigger): void;
-declare const KARTE_ACTION_ROOT = "karte-action-root";
-declare const KARTE_ACTION_RID = "karte-action-rid";
-declare const KARTE_ACTION_SHORTEN_ID = "karte-action-id";
-declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
-/**
- * KARTE アクションのライフサイクルで呼び出されるフック
- *
- * @param props - KARTE アクションのプロパティ
+ * アクションを表示する
  *
  * @public
  */
-type ActionHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
+declare function showAction(): void;
 /**
- * アクションが作成 (create) される前にフックする
+ * アクションを閉じる
  *
- * @param fn - 呼び出されるフック関数
+ * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
  *
  * @public
  */
-declare function onCreate<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+declare function closeAction(trigger?: CloseTrigger): void;
+/** @internal */
+declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
 /**
- * アクションが表示 (show) された後にフックする
+ * create a fog element
  *
- * @param fn - 呼び出されるフック関数
+ * @deprecated 非推奨
  *
- * @public
+ * @internal
  */
-declare function onShow<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+declare 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";
 /**
- * KARTE アクションのライフサイクル close で呼び出されるフック
+ * アクションの Shadow Root の Element を取得する
  *
- * @param props - KARTE アクションのプロパティ
- * @param trigger - Close トリガー
+ * @returns
+ * アクションが Shadow Root を持つ場合は Shadow Root の Element 返します。ない場合は `null` を返します
  *
  * @public
  */
-type ActionCloseHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & CustomVariables>, trigger: CloseTrigger) => void | Promise<void>;
+declare function getActionShadowRoot(): ShadowRoot | null;
 /**
- * アクションがクローズ (close) される前にフックする
+ * アクションに CSS を適用する
  *
- * @param fn - 呼び出されるフック関数
+ * @param css - 適用する CSS
+ *
+ * @returns 適用された style 要素を返す Promise
  *
  * @public
  */
-declare function onClose<Props extends _Props, Variables>(fn: ActionCloseHook<Props, Variables & CustomVariables>): void;
+declare function applyCss(css: string): Promise<HTMLStyleElement>;
 /**
- * アクションが破棄 (destroy) される前にフックする
+ * アクションにグローバルなスタイルを読み込む
  *
- * @param fn - 呼び出されるフック関数
+ * @param href - style ファイルのリンク URL
  *
  * @public
  */
-declare function onDestroy<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+declare function loadStyle(href: string): Promise<void>;
+// -------- The following codes are deprecated --------
 /**
- * KARTE アクションのライフサイクル changeState で呼び出されるフック関数
+ * 非推奨です
  *
- * @param props - KARTE アクションのプロパティ
- * @param newState - KARTE アクションの新しいステート
+ * @deprecated 非推奨
  *
- * @public
+ * @internal
  */
-type ActionChangeStateHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
+declare const showModal: typeof create;
 /**
- * アクションのステートが変更された (changeState) 後にフックする
+ * 非推奨です
  *
- * @param fn - 呼び出されるフック関数
+ * @deprecated 非推奨
  *
- * @public
+ * @internal
  */
-declare function onChangeState<Props extends _Props, Variables>(fn: ActionChangeStateHook<Props, Variables & CustomVariables>): void;
-declare const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
+declare const KARTE_MODAL_ROOT = "karte-modal-root";
 /**
- * create a fog element
+ * 非推奨です
  *
  * @deprecated 非推奨
+ *
+ * @internal
  */
-declare function createFog({ color, opacity, zIndex, onclick }: {
-    color?: string;
-    opacity?: string;
-    zIndex?: number;
-    onclick: () => void;
-}): {
-    fog: HTMLDivElement;
-    close: () => void;
-};
-type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
-declare function embed(target: HTMLElement, replace: HTMLElement, embed_method: EmbedLogic): void;
-declare function getActionShadowRoot(): ShadowRoot | null;
+declare const ensureModalRoot: typeof ensureActionRoot;
 /**
- * KARTE アクションに CSS を適用する
+ * 非推奨です
  *
- * @param css - 適用する CSS
+ * @deprecated 非推奨
  *
- * @returns 適用された style 要素を返す Promise
+ * @internal
  */
-declare function applyCss(css: string): Promise<HTMLStyleElement>;
+declare const show: typeof showAction;
 /**
- * KARTE アクションにグローバルなスタイルをロードする
+ * 非推奨です
+ *
+ * @deprecated 非推奨
  *
- * @param href - style ファイルのリンク先 URL
+ * @internal
  */
-declare function loadStyle(href: string): Promise<void>;
-// -------- The following codes are deprecated --------
-declare const showModal: typeof create; // @deprecated
-type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>; // @deprecated
-declare const KARTE_MODAL_ROOT = "karte-modal-root"; // @deprecated
-declare const ensureModalRoot: typeof ensureActionRoot; // @deprecated
-declare const show: typeof showAction; // deprecated
-declare const close: typeof closeAction; // deprecated
+declare const close: typeof closeAction;
 /**
  * An options for {@link createApp}
  *
  * @deprecated 非推奨
+ *
+ * @internal
  */
 type AppOptions<Props, Variables> = ActionOptions<Props, Variables>;
 /**
@@ -1253,6 +1223,8 @@ type AppOptions<Props, Variables> = ActionOptions<Props, Variables>;
  * @remarks Currently, svelte component is supported only.
  *
  * @deprecated 非推奨
+ *
+ * @internal
  */
 interface App {
     /**
@@ -1273,13 +1245,39 @@ interface App {
  * @returns A function to close the modal
  *
  * @deprecated 非推奨
+ *
+ * @internal
  */
 declare function createApp<Props, Variables>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables>): App;
-declare const collection: (config: {
+/**
+ * アクションテーブルの設定情報
+ *
+ * @public
+ */
+type CollectionConfig = {
+    /**
+     * APIキー
+     */
     api_key: string;
+    /**
+     * テーブル名
+     */
     table: string;
+    /**
+     * エンドポイント
+     */
     endpoint?: string;
-}) => {
+};
+/**
+ * アクションテーブルを管理するメソッドを取得する
+ *
+ * @param config - 設定情報
+ *
+ * @returns メソッドを返します
+ *
+ * @public
+ */
+declare function collection(config: CollectionConfig): {
     get(key: string | string[], cb: (err: Error | null, items?: any) => void): void;
     getByQuery(query_name: string, params: {
         [p: string]: string | number | boolean | (string | number | boolean)[];
@@ -1289,9 +1287,7 @@ declare const collection: (config: {
     set(key: string, value: string, cb: (err: Error | null) => void): void;
 };
 declare namespace widget {
-    /**
-     * @internal
-     */
+    /** @internal */
     const PropTypes: readonly [
         "BooleanKeyword",
         "NumberKeyword",
@@ -1313,38 +1309,24 @@ declare namespace widget {
         "ModalPlacement",
         "OnClick"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type PropType = (typeof PropTypes)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Code = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     const MediaQueries: {
         [key: string]: string;
     };
-    /**
-     * @internal
-     */
+    /** @internal */
     type MediaQuery = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     const Directions: readonly [
         "row",
         "column"
-    ];
-    /**
-     * @internal
-     */
-    type Direction = (typeof Directions)[number];
-    /**
-     * @internal
-     */
+    ];
+    /** @internal */
+    type Direction = (typeof Directions)[number];
+    /** @internal */
     const AnimationStyles: readonly [
         "none",
         "fade",
@@ -1354,13 +1336,9 @@ declare namespace widget {
         "slide-left",
         "slide-right"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type AnimationStyle = (typeof AnimationStyles)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const ModalPositions: readonly [
         "top-left",
         "top-center",
@@ -1373,62 +1351,44 @@ declare namespace widget {
         "bottom-right",
         "none"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type ModalPosition = (typeof ModalPositions)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     type ModalMargin = {
         left?: string;
         right?: string;
         top?: string;
         bottom?: string;
     };
-    /**
-     * @internal
-     */
+    /** @internal */
     type ModalPlacement<M = ModalMargin> = {
         position?: ModalPosition;
         margin?: M;
         backgroundOverlay?: boolean;
         backgroundClick?: OnClickOperation;
     };
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultModalPlacement: Required<ModalPlacement<Required<ModalMargin>>>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const Elasticities: readonly [
         "none",
         "vertical",
         "horizontal"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Elasticity = (typeof Elasticities)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const ElasticityStyle: {
         none: string;
         vertical: string;
         horizontal: string;
     };
-    /**
-     * @internal
-     */
+    /** @internal */
     const TextDirections: readonly [
         "horizontal",
         "vertical"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type TextDirection = (typeof TextDirections)[number];
     type OperationArgumentTypes = {
         StringKeyword: string;
@@ -1439,9 +1399,7 @@ declare namespace widget {
         Handler: string;
         Trigger: string;
     };
-    /**
-     * @internal
-     */
+    /** @internal */
     type OperationArgumentType = keyof OperationArgumentTypes;
     type BaseOperationOptions = ReadonlyArray<{
         operation: string;
@@ -1458,13 +1416,9 @@ declare namespace widget {
     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
-     */
+    /** @internal */
     type Operation = ConvertOperationOptions<ReadonlyArray<any>>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const OnClickOperationOptions: readonly [
         {
             readonly operation: "none";
@@ -1512,13 +1466,9 @@ declare namespace widget {
             ];
         }
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type OnClickOperation = ConvertOperationOptions<typeof OnClickOperationOptions>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const FormOperationOptions: readonly [
         {
             readonly operation: "submit";
@@ -1548,25 +1498,15 @@ declare namespace widget {
             ];
         }
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type FormOperation = ConvertOperationOptions<typeof FormOperationOptions>;
-    /**
-     * @internal
-     */
+    /** @internal */
     type LongText = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     type Url = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     type Image = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     const LengthUnits: readonly [
         "px",
         "em",
@@ -1575,147 +1515,93 @@ declare namespace widget {
         "fr",
         "%"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type LengthUnit = (typeof LengthUnits)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Length = `${number}${LengthUnit}` | "auto";
-    /**
-     * @internal
-     */
+    /** @internal */
     type Color = `#${string}` | `rgba(${string})`;
-    /**
-     * @internal
-     */
+    /** @internal */
     const Justifies: readonly [
         "flex-start",
         "center",
         "flex-end"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Justify = (typeof Justifies)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const Alignments: readonly [
         "flex-start",
         "center",
         "flex-end"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Alignment = (typeof Alignments)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const ObjectFits: readonly [
         "fill",
         "contain",
         "cover"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type ObjectFit = (typeof ObjectFits)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const ClipPaths: readonly [
         "none",
         "circle(closest-side)"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type ClipPath = (typeof ClipPaths)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const Repeats: readonly [
         "repeat",
         "space",
         "round",
         "no-repeat"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Repeat = (typeof Repeats)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const BackgroundSizes: readonly [
         "cover",
         "contain",
         "auto"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type BackgroundSize = (typeof BackgroundSizes)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const Cursors: readonly [
         "default",
         "pointer"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Cursor = (typeof Cursors)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const Overflows: readonly [
         "visible",
         "auto",
         "hidden"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Overflow = (typeof Overflows)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     type Border = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     type BorderStyle = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     type BorderWidth = `${number}px`;
-    /**
-     * @internal
-     */
+    /** @internal */
     type Style = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     type StateName = string;
-    /**
-     * @internal
-     */
+    /** @internal */
     const WritingModes: readonly [
         "horizontal-tb",
         "vertical-lr"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type WritingMode = (typeof WritingModes)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     const ListSeparatorTypes: readonly [
         "none",
         "border",
@@ -1725,51 +1611,33 @@ declare namespace widget {
     interface BaseListSeparator {
         type: ListSeparatorType;
     }
-    /**
-     * @internal
-     */
+    /** @internal */
     interface ListSeparatorNone extends BaseListSeparator {
         type: "none";
     }
-    /**
-     * @internal
-     */
+    /** @internal */
     interface ListSeparatorBorder extends BaseListSeparator {
         type: "border";
         borderStyle: BorderStyle;
         borderWidth?: BorderWidth;
         borderColor?: Color;
     }
-    /**
-     * @internal
-     */
+    /** @internal */
     interface ListSeparatorGap extends BaseListSeparator {
         type: "gap";
         gap: Length;
     }
-    /**
-     * @internal
-     */
+    /** @internal */
     type ListSeparator = ListSeparatorNone | ListSeparatorBorder | ListSeparatorGap;
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultListSeparatorNone: Required<ListSeparatorNone>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultListSeparatorBorder: Required<ListSeparatorBorder>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultListSeparatorGap: Required<ListSeparatorGap>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultListSeparator: Required<ListSeparatorBorder>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const ListBackgroundTypes: readonly [
         "none",
         "stripe"
@@ -1778,15 +1646,11 @@ declare namespace widget {
     interface BaseListBackground {
         type: ListBackgroundType;
     }
-    /**
-     * @internal
-     */
+    /** @internal */
     interface ListBackgroundNone extends BaseListBackground {
         type: "none";
     }
-    /**
-     * @internal
-     */
+    /** @internal */
     interface ListBackgroundStripe extends BaseListBackground {
         type: "stripe";
         background1?: Color;
@@ -1796,32 +1660,20 @@ declare namespace widget {
      * @internal
      */
     type ListBackground = ListBackgroundNone | ListBackgroundStripe;
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultListBackgroundNone: Required<ListBackgroundNone>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultListBackgroundStripe: Required<ListBackgroundStripe>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const DefaultListBackground: Required<ListBackgroundNone>;
-    /**
-     * @internal
-     */
+    /** @internal */
     const ListDirections: readonly [
         "vertical",
         "horizontal"
     ];
-    /**
-     * @internal
-     */
+    /** @internal */
     type ListDirection = (typeof ListDirections)[number];
-    /**
-     * @internal
-     */
+    /** @internal */
     type ListContext = {
         separator: ListSeparator;
         background: ListBackground;
@@ -1834,25 +1686,89 @@ declare namespace widget {
         }) => string;
         unregisterItem: (id: string) => void;
     };
-    // Wrap svelte tools
-    type Store<T> = Writable_<T>;
+    type SliderButtonType = "icon" | "text";
+    type BaseSliderButton = {
+        type: SliderButtonType;
+    };
+    interface SliderButtonIcon extends BaseSliderButton {
+        type: "icon";
+        icon: string;
+        size: Length;
+        color: Color;
+        fill: Color;
+    }
+    interface SliderButtonText extends BaseSliderButton {
+        type: "text";
+        text: string;
+    }
+    type SliderButton = SliderButtonIcon | SliderButtonText;
+    const DefaultSliderButton: {
+        readonly type: "icon";
+        readonly icon: "chevron-left";
+        readonly color: "#999";
+        readonly fill: "#999";
+        readonly size: "20px";
+    };
+    type SliderButtonPosition = "top" | "middle" | "bottom";
+    interface SliderNavigationButton {
+        type: "circle";
+        size: Length;
+        color: Color;
+        colorActive: Color;
+    }
+    const DefaultSliderNavigationButton: {
+        readonly type: "circle";
+        readonly size: "8px";
+        readonly color: "#ddd";
+        readonly colorActive: "#666";
+    };
+    /** @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;
         autoStart?: boolean;
     };
+    /**
+     * カスタム変数
+     *
+     * @public
+     */
     type CustomVariables = {
         [key: string]: any;
     };
@@ -1864,18 +1780,27 @@ declare namespace widget {
      * {@link getActionSetting} function to get action setting.
      *
      * @returns Current action setting
+     *
+     * @internal
      */
     function getActionSetting(): ActionSetting;
     /**
-     * {@link setActionSetting} function to "update" action setting
+     * アクション設定を更新する
+     *
+     * @remarks
+     * アクションの自動起動 (autoStart) を設定できます。
+     *
+     * @param setting - 更新するアクション設定
      *
-     * @param setting - Updated action setting
+     * @returns 新しいアクション設定
      *
-     * @returns New action setting
+     * @public
      */
     function setActionSetting(setting: ActionSetting): ActionSetting;
     /**
      * {@link resetActionSetting} function to reset action setting
+     *
+     * @internal
      */
     function resetActionSetting(): void;
     /**
@@ -1883,13 +1808,21 @@ declare namespace widget {
      */
     const system: Store<SystemConfig>;
     /**
-     * {@link getSystem} function to get KARTE system config.
+     * KARTE の設定を取得する
+     *
+     * @remarks
+     * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
+     * 取得できる設定は、APIキー、接客ID、アクションショートIDなどです。
+     *
+     * @returns 現在の KARTE システムの設定を返します
      *
-     * @returns Current karte system config
+     * @public
      */
     function getSystem(): SystemConfig;
     /**
      * {@link setSystem} function to set KARTE system config.
+     *
+     * @internal
      */
     function setSystem(config: SystemConfig): void;
     /**
@@ -1897,52 +1830,81 @@ declare namespace widget {
      *
      * This is exported becase of compatible interface for App.svelte.
      * Don't use directly.
+     *
+     * @internal
      */
     const state: Store<string>;
     /**
-     * {@link setState} function to set current state ID.
+     * 現在のステートを設定する
+     *
+     * @param stateId - 表示するステートID
+     * @param force - 強制的にステートを設定するフラグ。デフォルトは `false`
+     *
+     * @public
      */
     function setState(stateId: string, force?: boolean): void;
     /**
-     * {@link getState} function to get current state ID.
+     * 現在のステートを取得する
+     *
+     * @remarks
+     * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
      *
-     * @returns Current state ID
+     * @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;
     /**
-     * {@link getStates} function to get a list of all state IDs.
+     * ステートID一覧を取得する
+     *
+     * @remarks
+     * アクションが表示されて設定されるため、{@link onShow} フック関数で利用できます。
      *
-     * @returns All state IDs
+     * @returns すべてのステートID
+     *
+     * @public
      */
     function getStates(): string[];
     /**
      * Store to handle visibility of action
+     *
+     * @internal
      */
     const opened: Store<boolean>;
     /**
-     * {@link isOpened} function to check if action is opened.
+     * アクションの表示・非表示の状態を取得する
      *
-     * @returns Flag if action is opend / true: Opend, false: Not opened
+     * @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
     /**
@@ -1951,26 +1913,34 @@ declare namespace widget {
      * @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
      *
-     * This is used internally.
+     * @internal
      */
     const internalHandlers: Store<{
         [key: string]: ActionEventHandler[];
@@ -1979,12 +1949,16 @@ declare namespace widget {
      * {@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.
+     *
+     * @internal
      */
     function setInternalHandlers(handlers: {
         [key: string]: ActionEventHandler[];
@@ -2005,32 +1979,43 @@ declare namespace widget {
      * Store to handle custom event handlers
      *
      * This is used internally.
+     *
+     * @internal
      */
     const customHandlers: Store<{
         [key: string]: ActionEventHandler;
     }>;
     /**
-     * {@link getCustomHandlers} function to get custom event handlers.
+     * カスタムイベントハンドラーの一覧を取得する
      *
-     * @returns Current custom event handlers
+     * @returns 現在のカスタムイベントハンドラー
+     *
+     * @public
      */
     function getCustomHandlers(): {
         [key: string]: ActionEventHandler;
     };
     /**
-     * {@link setCustomHandlers} function to set custom event handlers.
+     * カスタムイベントハンドラーを登録する
      *
-     * @param handlers - New custom event handlers
+     * @remarks
+     * 登録したカスタムイベントハンドラーは、ビジュアルエディタでアクション本体とのテキストボタンのクリック時の動作で利用できます。
+     *
+     * @param handlers - 登録するカスタムイベントハンドラー
+     *
+     * @public
      */
     function setCustomHandlers(handlers: {
         [key: string]: ActionEventHandler;
     }): void;
     /**
-     * {@link updateCustomHandlers} function to update custom event handlers.
+     * カスタムイベントハンドラーを更新する
      *
-     * @param handlers - Updated custom event handlers
+     * @param handlers - 対象となるカスタムイベントハンドラー
      *
-     * @returns New custom event handlers
+     * @returns 新しいカスタムイベントハンドラーを返します。
+     *
+     * @public
      */
     function updateCustomHandlers(handlers: {
         [key: string]: ActionEventHandler;
@@ -2039,19 +2024,28 @@ declare namespace widget {
     };
     /**
      * Store to handle destruction of action
+     *
+     * @internal
      */
     const destroyed: Store<boolean>;
     /**
      * {@link isDestroyed} function to check if action is destroyed.
      *
      * @returns Flag if action is destoryed / true: Destroyed, false: Not Destroyed
+     *
+     * @internal
      */
     function isDestroyed(): boolean;
     /**
-     * {@link setDestroyed} function to set if action is destroyed. */
+     * {@link setDestroyed} function to set if action is destroyed.
+     *
+     * @internal
+     */
     function setDestroyed(on: boolean): void;
     /**
      * Store to handle stopping action
+     *
+     * @internal
      */
     const stopped: Store<boolean>;
     /**
@@ -2062,34 +2056,48 @@ declare namespace widget {
     function isStopped(): boolean;
     /**
      * {@link setStopped} function to set if action is stopped.
+     *
+     * @internal
      */
     function setStopped(on: boolean): void;
     /**
      * Store to handle custom variables
+     *
+     * @internal
      */
     const customVariables: Store<{
         [key: string]: any;
     }>;
     /**
-     * {@link getCustomVariables} function to get custom variables.
+     * カスタム変数の一覧を取得する
+     *
+     * @returns 現在のカスタム変数の一覧
      *
-     * @returns Current custom variables
+     * @public
      */
     function getCustomVariables(): CustomVariables;
     /**
-     * {@link setCustomVariables} function to set custom variables.
+     * カスタム変数を設定する
+     *
+     * @remarks
+     * 設定した変数は、ビジュアルエディタのテキストフォームなどで利用できます。
+     *
+     * @param variables - カスタム変数
      *
-     * @param variables - New custom variables
+     * @public
      */
     function setCustomVariables(variables: CustomVariables): void;
     /**
-     * {@link updateCustomVariables} function to update custom variables.
+     * カスタム変数を更新する
+     *
+     * @param variables - 更新するカスタム変数
      *
-     * @param variables - Updated custom variables
+     * @returns 新しいカスタム変数を返します。
      *
-     * @returns New custom variables
+     * @public
      */
     function updateCustomVariables(variables: CustomVariables): CustomVariables;
+    /** @internal */
     interface FormData {
         [name: string]: {
             statePath: string;
@@ -2099,27 +2107,51 @@ declare namespace widget {
     }
     /**
      * Store for form data
+     *
+     * @internal
      */
     const formData: Writable_<FormData>;
+    /**
+     * 閉じるアクショントリガー
+     *
+     * @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";
+    /** @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;
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    const none: () => () => 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 execOnClickOperation: (onClickOperation: OnClickOperation) => void;
+    /** @internal */
     const haveFunction: (onClickOperation: OnClickOperation) => boolean;
     /**
      * An option for svelte custom animation
@@ -2156,6 +2188,8 @@ declare namespace widget {
      * @param customAnimationOptions - A custom animation option object
      *
      * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+     *
+     * @internal
      */
     function customAnimation(node: Element, { transform, animationStyle, delay, duration }: CustomAnimationOptions): {
         delay?: undefined;
@@ -2169,21 +2203,27 @@ declare namespace widget {
         css: (progress: number) => string;
     };
     /**
-     * {@link loadGlobalScript} load JavaScript that does not support ESM.
+     * ES Modules に対応していない JavaScript をページに読み込む
+     *
+     * @param src - JavaScript ファイルのリンク URL
      *
-     * @param src - Link of JavaScript file
+     * @public
      */
     function loadGlobalScript(src: string): Promise<any>;
     /**
-     * {@link applyGlobalCss} apply global CSS to WEB page.
+     * グローバル CSS をページに適用する
      *
      * @param css - CSS
+     *
+     * @public
      */
     function applyGlobalCss(css: string): Promise<any>;
     /**
-     * {@link loadGlobalStyle} load global style to WEB page.
+     * style ファイルをページに読み込む
+     *
+     * @param href - style ファイルのリンク URL
      *
-     * @param href - Link of style file
+     * @public
      */
     function loadGlobalStyle(href: string): Promise<any>;
     /**
@@ -2194,6 +2234,8 @@ declare namespace widget {
      * @returns Hashed string
      *
      * @see https://stackoverflow.com/a/22429679
+     *
+     * @internal
      */
     function hashCode(s: string): string;
     /**
@@ -2202,31 +2244,160 @@ declare namespace widget {
      * @param on - true: auto start, false: not auto start
      *
      * @deprecated 非推奨。`setActionConfig({ autoStart: false })` を使ってください。
+     *
+     * @internal
      */
     const setAutoStart: (on?: boolean) => void;
-    // types of props to reference for internaly
-    interface _Props {
+    /**
+     * プロパティ
+     *
+     * @internal
+     */
+    interface Props {
+        /**
+         * 全ての条件を満たしたら表示するかどうか
+         */
         show_and_condition?: boolean;
+        /**
+         * スクロール率による表示を有効化するかどうか
+         */
         show_on_scroll?: boolean;
+        /**
+         * 表示するスクロール率
+         */
         show_on_scroll_rate?: number;
+        /**
+         * 条件を満たした時に再表示するかどうか
+         */
         show_on_scroll_reenter?: boolean;
+        /**
+         * 時間による表示を有効化するかどうか
+         */
         show_on_time?: boolean;
+        /**
+         * 表示する秒数
+         */
         show_on_time_count?: number;
+        /**
+         * 全ての条件を満たしたら非表示するかどうか
+         */
         hide_and_condition?: boolean;
+        /**
+         * スクロール率で非表示を有効化するかどうか
+         */
         hide_on_scroll?: boolean;
+        /**
+         * 非表示にするスクロール率
+         */
         hide_on_scroll_rate?: number;
+        /**
+         * 条件を満たした時に表示するかどうか
+         */
         hide_on_scroll_releave?: boolean;
+        /**
+         * 時間による非表示を有効化するかどうか
+         */
         hide_on_time?: boolean;
+        /**
+         * 非表示にする秒数
+         */
         hide_on_time_count?: number;
     }
+    type _Props = Props;
     /**
-     * @internal
+     * アクションのライフサイクルで呼び出されるフック
+     *
+     * @param props - アクションのプロパティ
+     *
+     * @public
+     */
+    type ActionHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
+    /**
+     * アクションが作成 (create) される前にフックする関数
+     *
+     * @param fn - 呼び出されるフック関数
+     *
+     * @public
+     */
+    function onCreate<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+    /**
+     * アクションが表示 (show) された後にフックする関数
+     *
+     * @param fn - 呼び出されるフック関数
+     *
+     * @public
+     */
+    function onShow<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+    /**
+     * アクションのライフサイクル close で呼び出されるフックする関数
+     *
+     * @param props - アクションのプロパティ
+     * @param trigger - Close トリガー
+     *
+     * @public
+     */
+    type ActionCloseHook<Props extends _Props, Variables> = (props: Parameters<ActionHook<Props, Variables & CustomVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
+    /**
+     * アクションがクローズ (close) される前にフックする関数
+     *
+     * @param fn - 呼び出されるフック関数
+     *
+     * @public
+     */
+    function onClose<Props extends _Props, Variables>(fn: ActionCloseHook<Props, Variables & CustomVariables>): void;
+    /**
+     * アクションが破棄 (destroy) される前にフックする関数
+     *
+     * @param fn - 呼び出されるフック関数
+     *
+     * @public
+     */
+    function onDestroy<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+    /**
+     * アクションのライフサイクル changeState で呼び出されるフック関数
+     *
+     * @param props - アクションのプロパティ
+     * @param newState - アクションの新しいステート
+     *
+     * @public
+     */
+    type ActionChangeStateHook<Props extends _Props, Variables> = (props: Parameters<ActionHook<Props, Variables & CustomVariables>>[0], newState: string) => void | Promise<void>;
+    /**
+     * アクションのステートが変更された (changeState) 後にフックする関数
+     *
+     * @param fn - 呼び出されるフック関数
+     *
+     * @public
+     */
+    function onChangeState<Props extends _Props, Variables>(fn: ActionChangeStateHook<Props, Variables & CustomVariables>): void;
+    /**
+     * アクションの send 関数
+     *
+     * @public
+     */
+    type SendFunction = (event_name: string, values?: any) => void;
+    /**
+     * アクションのプロパティ
+     *
+     * @public
      */
     interface ActionProps<Props, Variables> {
-        send: (event_name: string, values?: any) => void;
+        /**
+         * アクションでイベントがトリガーされたときに受信するための関数
+         */
+        send: SendFunction;
+        /**
+         * アクションで使用されるデータ
+         */
         data: Props & Variables & CustomVariables;
-        onShow?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
-        onChangeState?: (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
+        /**
+         * アクションが表示されたときにフックされる {@link onShow}
+         */
+        onShow?: ActionHook<Props, Variables & CustomVariables>;
+        /**
+         * アクションのステートが変更されたときにフックされる {@link onChangeState}
+         */
+        onChangeState?: ActionChangeStateHook<Props, Variables & CustomVariables>;
     }
     /**
      * {@link create} 向けのオプション
@@ -2235,37 +2406,37 @@ declare namespace widget {
      */
     interface ActionOptions<Props, Variables> {
         /**
-         * KARTE アクションでイベントがトリガーされたときに受信するための関数
+         * アクションでイベントがトリガーされたときに受信するための関数
          *
          * @defaultValue `() => {}`
          */
-        send?: (event_name: string, values?: any) => void;
+        send?: SendFunction;
         /**
-         * KARTE アクションで使用されるプロパティ
+         * アクションで使用されるプロパティ
          *
          * @defaultValue `{}`
          */
         props?: Props;
         /**
-         * KARTE アクションで使用されるアクションテーブルのユーザー環境変数
+         * アクションで使用されるアクションテーブルのユーザー環境変数
          *
          * @defaultValue `{}`
          */
         variables?: Variables;
         /**
-         * KARTE アクションでアクションが作成されているときにフックされる {@link onCreate}
+         * アクションが作成されているときにフックされる {@link onCreate}
          *
          * @defaultValue `() => {}`
          */
-        onCreate?: (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
+        onCreate?: ActionHook<Props, Variables & CustomVariables>;
     }
     /**
-     * KARTE アクションを作成する
+     * アクションを作成する
      *
      * @param App - Svelte コンポーネントのエントリポイント
      * @param options - {@link ActionOptions | オプション}
      *
-     * @returns KARTE アクションを破棄する関数
+     * @returns アクションを破棄する関数
      *
      * @public
      */
@@ -2277,130 +2448,137 @@ declare namespace widget {
      */
     function dispatchDestroyEvent(): void;
     /**
-     * Destory KARTE action
+     * アクションの破棄する
+     *
+     * @public
      */
     function destroy(): void;
     /**
-     * Show KARTE action
+     * アクションを表示する
+     *
+     * @public
      */
     function showAction(): void;
     /**
-     * Close KARTE action
+     * アクションを閉じる
+     *
+     * @param trigger - 閉じた時のトリガー。デフォルト `'none'`
+     *
+     * @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;
     /**
-     * KARTE アクションのライフサイクルで呼び出されるフック
+     * create a fog element
      *
-     * @param props - KARTE アクションのプロパティ
+     * @deprecated 非推奨
      *
-     * @public
+     * @internal
      */
-    type ActionHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & CustomVariables>) => void | Promise<void>;
+    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;
     /**
-     * アクションが作成 (create) される前にフックする
+     * アクションの Shadow Root の Element を取得する
      *
-     * @param fn - 呼び出されるフック関数
+     * @returns
+     * アクションが Shadow Root を持つ場合は Shadow Root の Element 返します。ない場合は `null` を返します
      *
      * @public
      */
-    function onCreate<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+    function getActionShadowRoot(): ShadowRoot | null;
     /**
-     * アクションが表示 (show) された後にフックする
-     *
-     * @param fn - 呼び出されるフック関数
+     * アクションに CSS を適用する
      *
-     * @public
-     */
-    function onShow<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
-    /**
-     * KARTE アクションのライフサイクル close で呼び出されるフック
+     * @param css - 適用する CSS
      *
-     * @param props - KARTE アクションのプロパティ
-     * @param trigger - Close トリガー
+     * @returns 適用された style 要素を返す Promise
      *
      * @public
      */
-    type ActionCloseHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & CustomVariables>, trigger: CloseTrigger) => void | Promise<void>;
+    function applyCss(css: string): Promise<HTMLStyleElement>;
     /**
-     * アクションがクローズ (close) される前にフックする
+     * アクションにグローバルなスタイルを読み込む
      *
-     * @param fn - 呼び出されるフック関数
+     * @param href - style ファイルのリンク URL
      *
      * @public
      */
-    function onClose<Props extends _Props, Variables>(fn: ActionCloseHook<Props, Variables & CustomVariables>): void;
+    function loadStyle(href: string): Promise<void>;
+    // -------- The following codes are deprecated --------
     /**
-     * アクションが破棄 (destroy) される前にフックする
+     * 非推奨です
      *
-     * @param fn - 呼び出されるフック関数
+     * @deprecated 非推奨
      *
-     * @public
+     * @internal
      */
-    function onDestroy<Props extends _Props, Variables>(fn: ActionHook<Props, Variables & CustomVariables>): void;
+    const showModal: typeof create;
     /**
-     * KARTE アクションのライフサイクル changeState で呼び出されるフック関数
+     * 非推奨です
      *
-     * @param props - KARTE アクションのプロパティ
-     * @param newState - KARTE アクションの新しいステート
+     * @deprecated 非推奨
      *
-     * @public
+     * @internal
      */
-    type ActionChangeStateHook<Props extends _Props, Variables> = (props: ActionProps<Props, Variables & CustomVariables>, newState: string) => void | Promise<void>;
+    type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>;
     /**
-     * アクションのステートが変更された (changeState) 後にフックする
+     * 非推奨です
      *
-     * @param fn - 呼び出されるフック関数
+     * @deprecated 非推奨
      *
-     * @public
+     * @internal
      */
-    function onChangeState<Props extends _Props, Variables>(fn: ActionChangeStateHook<Props, Variables & CustomVariables>): void;
-    const h: (type: string, props: any, ...children: Array<any>) => HTMLElement;
+    const KARTE_MODAL_ROOT = "karte-modal-root";
     /**
-     * create a fog element
+     * 非推奨です
      *
      * @deprecated 非推奨
+     *
+     * @internal
      */
-    function createFog({ color, opacity, zIndex, onclick }: {
-        color?: string;
-        opacity?: string;
-        zIndex?: number;
-        onclick: () => void;
-    }): {
-        fog: HTMLDivElement;
-        close: () => void;
-    };
-    type EmbedLogic = "replace" | "append" | "prepend" | "after" | "before";
-    function embed(target: HTMLElement, replace: HTMLElement, embed_method: EmbedLogic): void;
-    function getActionShadowRoot(): ShadowRoot | null;
+    const ensureModalRoot: typeof ensureActionRoot;
     /**
-     * KARTE アクションに CSS を適用する
+     * 非推奨です
      *
-     * @param css - 適用する CSS
+     * @deprecated 非推奨
      *
-     * @returns 適用された style 要素を返す Promise
+     * @internal
      */
-    function applyCss(css: string): Promise<HTMLStyleElement>;
+    const show: typeof showAction;
     /**
-     * KARTE アクションにグローバルなスタイルをロードする
+     * 非推奨です
+     *
+     * @deprecated 非推奨
      *
-     * @param href - style ファイルのリンク先 URL
+     * @internal
      */
-    function loadStyle(href: string): Promise<void>;
-    // -------- The following codes are deprecated --------
-    const showModal: typeof create; // @deprecated
-    type ModalOptions<Props, Variables> = ActionOptions<Props, Variables>; // @deprecated
-    const KARTE_MODAL_ROOT = "karte-modal-root"; // @deprecated
-    const ensureModalRoot: typeof ensureActionRoot; // @deprecated
-    const show: typeof showAction; // deprecated
-    const close: typeof closeAction; // deprecated
+    const close: typeof closeAction;
     /**
      * An options for {@link createApp}
      *
      * @deprecated 非推奨
+     *
+     * @internal
      */
     type AppOptions<Props, Variables> = ActionOptions<Props, Variables>;
     /**
@@ -2409,6 +2587,8 @@ declare namespace widget {
      * @remarks Currently, svelte component is supported only.
      *
      * @deprecated 非推奨
+     *
+     * @internal
      */
     interface App {
         /**
@@ -2429,6 +2609,8 @@ declare namespace widget {
      * @returns A function to close the modal
      *
      * @deprecated 非推奨
+     *
+     * @internal
      */
     function createApp<Props, Variables>(App: typeof SvelteComponentDev, options?: AppOptions<Props, Variables>): App;
     // @ts-ignore
@@ -2577,7 +2759,8 @@ declare namespace widget {
      */
     export { showAction as show, closeAction as hide };
 }
-export { CloseTrigger, ALL_ACTION_ID, ALL_ACTION_SHORTEN_ID, actionId, ACTION_SHOW_EVENT, ACTION_CLOSE_EVENT, ACTION_DESTROY_EVENT, ACTION_CHANGE_STATE_EVENT, handleState, initialize, finalize, send_event, none, moveTo, linkTo, closeApp, runScript, execOnClickOperation, haveFunction, customAnimation, loadGlobalScript, applyGlobalCss, loadGlobalStyle, hashCode, setAutoStart, Store, getStoreState, SystemConfig, ActionEventHandler, ActionSetting, CustomVariables, actionSetting, getActionSetting, setActionSetting, resetActionSetting, system, getSystem, setSystem, state, setState, getState, states, addState, getStates, opened, isOpened, setOpened, closed, isClosed, setClosed, maximumZindex, setMaximumZindex, internalHandlers, getInternalHandlers, setInternalHandlers, updateInternalHandlers, customHandlers, getCustomHandlers, setCustomHandlers, updateCustomHandlers, destroyed, isDestroyed, setDestroyed, stopped, isStopped, setStopped, customVariables, getCustomVariables, setCustomVariables, updateCustomVariables, FormData, formData, NOOP, isPreview, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, ScrollDirection, OnScrollContext, OnScrollFunction, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ActionProps, ActionOptions, create, dispatchDestroyEvent, destroy, showAction, closeAction, KARTE_ACTION_ROOT, KARTE_ACTION_RID, KARTE_ACTION_SHORTEN_ID, ensureActionRoot, ActionHook, onCreate, onShow, ActionCloseHook, onClose, onDestroy, ActionChangeStateHook, onChangeState, h, createFog, EmbedLogic, embed, getActionShadowRoot, applyCss, loadStyle, showModal, ModalOptions, KARTE_MODAL_ROOT, ensureModalRoot, show, close, AppOptions, App, createApp, collection, widget };
+export { loadGlobalScript, loadGlobalStyle, applyGlobalCss, initialize, finalize, setAutoStart, getState, setState, getStates, isOpened, getCustomVariables, setCustomVariables, updateCustomVariables, getCustomHandlers, setCustomHandlers, updateCustomHandlers, getSystem, setActionSetting, customHandlers, customVariables, formData, state, opened, closed, destroyed, stopped, isClosed, setClosed, getStoreState, onScroll, onTime, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, FormOperationOptions, FormOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, Style, StateName, WritingModes, WritingMode, ListSeparatorTypes, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SliderButtonIcon, SliderButtonText, SliderButton, DefaultSliderButton, SliderButtonPosition, SliderNavigationButton, DefaultSliderNavigationButton, create, destroy, closeAction, showAction, loadStyle, applyCss, getActionShadowRoot, onCreate, onShow, onClose, onDestroy, onChangeState, showModal, ensureModalRoot, show, close, createApp, createFog, KARTE_MODAL_ROOT, collection, widget };
+export type { CloseTrigger, CustomVariables, ActionEventHandler, SystemConfig, OnScrollContext, OnScrollFunction, ScrollDirection, ActionProps, ActionOptions, ActionHook, ActionCloseHook, ActionChangeStateHook, SendFunction, CollectionConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';