@plaidev/karte-action-sdk 1.1.268 → 1.1.269-29151822.663827f4

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

@@ -0,0 +1,79 @@
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT } from "./constants.js";
+export { create, destroyAction, onCreate, onDestroy, showModal, destroy } from "./action.js";
+export { initialize, finalize } from "./actionEvent.js";
+export { loadGlobalScript, loadGlobalStyle, applyGlobalCss } from "./script.js";
+export { getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state } from "./stores.js";
+export { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction } from "./types.js";
+export { onScroll, onTime } from "./utils.js";
+export { OnScrollContext, OnScrollFunction, ScrollDirection } from "./utils.js";
+export { getLogs, getEvents, logger, listenLogger } from "./logger.js";
+export { LogLevel, Log, Event } from "./logger.js";
+export { hideOnScroll, hideOnTime, showOnScroll, showOnTime } from "./display-logic.js";
+export * from "./prop.js";
+export { showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog } from "./modal.svelte5.js";
+export { ActionCloseHook, ShowTrigger, CloseTrigger } from "./modal.svelte5.js";
+export { collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable } from "./collection.js";
+export { CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig } from "./collection.js";
+export { addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers } from "./form.js";
+export * as widget from "./widget.js";
+export { onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES } from "./components/index.js";
+export { default as State } from "./components-flex/state/State.svelte.js";
+export { default as StateItem } from "./components-flex/state/StateItem.svelte.js";
+export * from "./components-flex/shared/types.js";
+export * from "./components-flex/props.js";
+export { default as FlexAvatar } from "./components-flex/avatar/Avatar.svelte.js";
+export * from "./components-flex/avatar/types.js";
+export * from "./components-flex/avatar/styles.js";
+export { default as FlexButton } from "./components-flex/button/Button.svelte.js";
+export * from "./components-flex/button/types.js";
+export * from "./components-flex/button/styles.js";
+export { default as FlexButtonOutlined } from "./components-flex/button-outlined/ButtonOutlined.svelte.js";
+export * from "./components-flex/button-outlined/types.js";
+export * from "./components-flex/button-outlined/styles.js";
+export { default as FlexButtonText } from "./components-flex/button-text/ButtonText.svelte.js";
+export * from "./components-flex/button-text/types.js";
+export * from "./components-flex/button-text/styles.js";
+export { default as FlexCloseButton } from "./components-flex/close-button/CloseButton.svelte.js";
+export * from "./components-flex/close-button/types.js";
+export { default as FlexIcon } from "./components-flex/icon/Icon.svelte.js";
+export * from "./components-flex/icon/types.js";
+export * from "./components-flex/icon/styles.js";
+export { default as FlexImage } from "./components-flex/image/Image.svelte.js";
+export * from "./components-flex/image/types.js";
+export * from "./components-flex/image/styles.js";
+export { default as FlexLayout } from "./components-flex/layout/Layout.svelte.js";
+export * from "./components-flex/layout/types.js";
+export { default as FlexSlider } from "./components-flex/slider/Slider.svelte.js";
+export { default as FlexSliderItem } from "./components-flex/slider/SliderItem.svelte.js";
+export * from "./components-flex/slider/types.js";
+export { default as FlexText } from "./components-flex/text/Text.svelte.js";
+export { default as FlexRichText } from "./components-flex/rich-text/RichText.svelte.js";
+export * from "./components-flex/text/types.js";
+export * from "./components-flex/text/styles.js";
+export * from "./components-flex/text/constants.js";
+export { default as FlexTextLink } from "./components-flex/text-link/TextLink.svelte.js";
+export * from "./components-flex/text-link/types.js";
+export * from "./components-flex/text-link/styles.js";
+export { default as FlexModal } from "./components-flex/modal/Modal.svelte.js";
+export * from "./components-flex/modal/types.js";
+export { default as FlexCode } from "./components-flex/code/Code.svelte.js";
+export { default as FlexList } from "./components-flex/list/List.svelte.js";
+export { default as FlexListItem } from "./components-flex/list/ListItem.svelte.js";
+export * from "./components-flex/list/types.js";
+export { default as FlexMultiColumn } from "./components-flex/multi-column/MultiColumn.svelte.js";
+export { default as FlexMultiColumnItem } from "./components-flex/multi-column/MultiColumnItem.svelte.js";
+export * from "./components-flex/multi-column/types.js";
+export { default as FlexYoutube } from "./components-flex/youtube/Youtube.svelte.js";
+export * from "./components-flex/youtube/types.js";
+export { default as FlexCountDown } from "./components-flex/count-down/CountDown.svelte.js";
+export { default as FlexCountDownValue } from "./components-flex/count-down/CountDownValue.svelte.js";
+export * from "./components-flex/count-down/types.js";
+export { default as FlexClipCopy } from "./components-flex/clip-copy/ClipCopy.svelte.js";
+export * from "./components-flex/clip-copy/types.js";
+export * from "./components-flex/code/types.js";
+export * from "./components-flex/brand-kit.js";
+export * from "./components-flex/shared/styles.js";
+export * from "./components-flex/shared/types.js";
+export * from "./components-flex/brand-kit.js";
+export * from "./components-flex/variants.js";
+export * from "./components-flex/schemas.js";

package/dist/hydrate/logger.d.ts

@@ -0,0 +1,48 @@
+/**
+* アクションのログの記録の管理
+*/
+/** @internal */
+export type LogLevel = "info" | "error" | "warn" | "system";
+/** @internal */
+export type Log = {
+	level: LogLevel
+	messages: any
+	date?: Date
+};
+/** @internal */
+export type Event = {
+	name: string
+	values?: any
+	date?: Date
+};
+/** @internal */
+export declare function getLogs(): Log[];
+/** @internal */
+export declare function getEvents(): Event[];
+/**
+* ログを送信する関数群
+*
+* @internal
+*/
+export 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
+*/
+export declare function listenLogger(): () => void;
+/**
+* consoleログを実行ログに表示する
+*
+* @internal
+*/
+export declare function listenConsoleLogger(): () => void;

package/dist/hydrate/modal.d.ts

@@ -0,0 +1,214 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { ActionVariables, ActionOptions, ActionHook, ActionChangeStateHook } from "./types.js";
+import type { VariableQuery } from "./collection.js";
+import type { Props as ModalProps } from "./display-logic.js";
+/**
+* 表示アクショントリガー
+*
+* @internal */
+export type ShowTrigger = "custom" | "auto" | "none";
+/**
+* 閉じるアクショントリガー
+*
+* @public
+*/
+export type CloseTrigger = "button" | "overlay" | "auto" | "none";
+/** @internal */
+export declare const handleState: (event: any) => void;
+/**
+* アクションが表示 (show) された後にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onShow<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+/**
+* アクションのライフサイクル close で呼び出されるフックする関数
+*
+* @param props - アクションのプロパティ
+* @param trigger - Close トリガー
+*
+* @public
+*/
+export type ActionCloseHook<
+	Props extends ModalProps,
+	Variables
+> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
+/**
+* アクションがクローズ (close) される前にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onClose<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
+/**
+* アクションのステートが変更された (changeState) 後にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onChangeState<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
+/**
+* アクションを表示する
+*
+* @public
+*/
+export declare function showAction(): void;
+/**
+* アクションを閉じる
+*
+* @param trigger - 閉じた時のトリガー。デフォルト `'none'`
+*
+* @public
+*/
+export declare function closeAction(trigger?: CloseTrigger): void;
+/**
+* アクションに CSS を適用する
+*
+* @param css - 適用する CSS
+*
+* @returns 適用された style 要素を返す Promise
+*
+* @public
+*/
+export declare function applyCss(css: string): Promise<HTMLStyleElement>;
+/**
+* アクションにグローバルなスタイルを読み込む
+*
+* @param href - style ファイルのリンク URL
+*
+* @public
+*/
+export declare function loadStyle(href: string): Promise<void>;
+export declare function getCssVariables(data: {
+	[key: string]: string | number
+}): string;
+/**
+* アクションのルートの DOM 要素を取得する
+*
+* @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
+*
+* @public
+*/
+export declare function getActionRoot(): ShadowRoot | null;
+/** @internal */
+export declare function createModal<
+	Props extends ModalProps,
+	Variables,
+	VariablesQuery extends Array<VariableQuery>
+>(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+/** @internal */
+export declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare function getActionShadowRoot(): ShadowRoot | null;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const show: typeof showAction;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const close: typeof closeAction;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export interface App {
+	/**
+	* The method to destroy an app instance.
+	*/
+	close: () => void;
+	/**
+	* The method to show an app instance.
+	*/
+	show: () => void;
+}
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export type AppOptions<
+	Props,
+	Variables,
+	VariablesQuery
+> = ActionOptions<Props, Variables, VariablesQuery>;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export type ModalOptions<
+	Props,
+	Variables,
+	VariablesQuery
+> = ActionOptions<Props, Variables, VariablesQuery>;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const ensureModalRoot: typeof ensureActionRoot;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare function createApp<
+	Props,
+	Variables,
+	VariablesQuery
+>(App: SvelteComponentTyped, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare function createFog({ color, opacity, zIndex, onclick }: {
+	color?: string
+	opacity?: string
+	zIndex?: number
+	onclick: () => void
+}): {
+	fog: HTMLElement | null
+	close: () => void
+};

package/dist/hydrate/modal.svelte5.d.ts

@@ -0,0 +1,214 @@
+import type { SvelteComponentTyped } from "svelte";
+import type { ActionVariables, ActionOptions, ActionHook, ActionChangeStateHook } from "./types.js";
+import type { VariableQuery } from "./collection.js";
+import type { Props as ModalProps } from "./display-logic.js";
+/**
+* 表示アクショントリガー
+*
+* @internal */
+export type ShowTrigger = "custom" | "auto" | "none";
+/**
+* 閉じるアクショントリガー
+*
+* @public
+*/
+export type CloseTrigger = "button" | "overlay" | "auto" | "none";
+/** @internal */
+export declare const handleState: (event: any) => void;
+/**
+* アクションが表示 (show) された後にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onShow<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionHook<Props, Variables & ActionVariables>): void;
+/**
+* アクションのライフサイクル close で呼び出されるフックする関数
+*
+* @param props - アクションのプロパティ
+* @param trigger - Close トリガー
+*
+* @public
+*/
+export type ActionCloseHook<
+	Props extends ModalProps,
+	Variables
+> = (props: Parameters<ActionHook<Props, Variables & ActionVariables>>[0], trigger: CloseTrigger) => void | Promise<void>;
+/**
+* アクションがクローズ (close) される前にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onClose<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionCloseHook<Props, Variables & ActionVariables>): void;
+/**
+* アクションのステートが変更された (changeState) 後にフックする関数
+*
+* @param fn - 呼び出されるフック関数
+*
+* @public
+*/
+export declare function onChangeState<
+	Props extends ModalProps,
+	Variables
+>(fn: ActionChangeStateHook<Props, Variables & ActionVariables>): void;
+/**
+* アクションを表示する
+*
+* @public
+*/
+export declare function showAction(): void;
+/**
+* アクションを閉じる
+*
+* @param trigger - 閉じた時のトリガー。デフォルト `'none'`
+*
+* @public
+*/
+export declare function closeAction(trigger?: CloseTrigger): void;
+/**
+* アクションに CSS を適用する
+*
+* @param css - 適用する CSS
+*
+* @returns 適用された style 要素を返す Promise
+*
+* @public
+*/
+export declare function applyCss(css: string): Promise<HTMLStyleElement>;
+/**
+* アクションにグローバルなスタイルを読み込む
+*
+* @param href - style ファイルのリンク URL
+*
+* @public
+*/
+export declare function loadStyle(href: string): Promise<void>;
+export declare function getCssVariables(data: {
+	[key: string]: string | number
+}): string;
+/**
+* アクションのルートの DOM 要素を取得する
+*
+* @returns アクションがルートの DOM 要素 を持つ場合は DOM 要素を返します。ない場合は `null` を返します
+*
+* @public
+*/
+export declare function getActionRoot(): ShadowRoot | null;
+/** @internal */
+export declare function createModal<
+	Props extends ModalProps,
+	Variables,
+	VariablesQuery extends Array<VariableQuery>
+>(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
+/** @internal */
+export declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare function getActionShadowRoot(): ShadowRoot | null;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const show: typeof showAction;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const close: typeof closeAction;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export interface App {
+	/**
+	* The method to destroy an app instance.
+	*/
+	close: () => void;
+	/**
+	* The method to show an app instance.
+	*/
+	show: () => void;
+}
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export type AppOptions<
+	Props,
+	Variables,
+	VariablesQuery
+> = ActionOptions<Props, Variables, VariablesQuery>;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export type ModalOptions<
+	Props,
+	Variables,
+	VariablesQuery
+> = ActionOptions<Props, Variables, VariablesQuery>;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare const ensureModalRoot: typeof ensureActionRoot;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare function createApp<
+	Props,
+	Variables,
+	VariablesQuery
+>(App: SvelteComponentTyped, options?: AppOptions<Props, Variables, VariablesQuery>): App;
+/**
+* 非推奨
+*
+* @deprecated 非推奨
+*
+* @internal
+*/
+export declare function createFog({ color, opacity, zIndex, onclick }: {
+	color?: string
+	opacity?: string
+	zIndex?: number
+	onclick: () => void
+}): {
+	fog: HTMLElement | null
+	close: () => void
+};