@plaidev/karte-action-sdk 1.1.269-29160322.e3d433de → 1.1.269-29161921.5f4ecb39

package/dist/hydrate/components-flex/variants.d.ts

@@ -1,47 +1,62 @@
 import type { BrandKit } from "./brand-kit.js";
 import type { ShadowProps, FontFamilyProps, AspectProps, BackgroundColorProps, BorderColorProps } from "./props.js";
 export type VariantStyles<Props extends object = object> = Props & {
-	hover?: Props
-	active?: Props
+	hover?: Props;
+	active?: Props;
 };
 export type VariantDefinition<
 	Props extends object = object,
 	Meta extends object = object
 > = {
-	name: string
-	description?: string
-	getProps: (brandKit?: Partial<BrandKit>) => VariantStyles<Props>
-	meta?: Meta
+	name: string;
+	description?: string;
+	getProps: (brandKit?: Partial<BrandKit>) => VariantStyles<Props>;
+	meta?: Meta;
 };
 export type VariantDefinitionGroup<
 	Props extends object = object,
 	Meta extends object = object
 > = Record<string, VariantDefinition<Props, Meta>>;
 type ToVariantArrayReturn<T> = T[keyof T] & {
-	code: keyof T
+	code: keyof T;
 };
 declare const toVariantArray: <T extends VariantDefinitionGroup>(group: T) => ToVariantArrayReturn<T>[];
+// ================================
+// Aspect
+// ================================
 export declare const ASPECT_VARIANT: VariantDefinitionGroup<Omit<AspectProps, "aspectVariant">>;
 export type AspectVariantCode = keyof typeof ASPECT_VARIANT;
 export declare const ASPECT_VARIANTS: ReturnType<typeof toVariantArray>;
+// ================================
+// FontFamily
+// ================================
 export type FontVariantMeta = {
-	lang: "ja" | "en"
-	type: "kaku" | "maru" | "min"
+	lang: "ja" | "en";
+	type: "kaku" | "maru" | "min";
 };
 export declare const FONT_FAMILY_VARIANT: VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>;
 export type FontFamilyVariantCode = keyof typeof FONT_FAMILY_VARIANT;
 export declare const FONT_FAMILY_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<FontFamilyProps, "fontFamilyVariant">, FontVariantMeta>>[];
 type FontFamilyVariantGroup = {
-	label: string
-	variants: ReturnType<typeof toVariantArray>
+	label: string;
+	variants: ReturnType<typeof toVariantArray>;
 };
 export declare const FONT_FAMILY_VARIANT_GROUPS: FontFamilyVariantGroup[];
+// ================================
+// Shadow
+// ================================
 export declare const SHADOW_VARIANT: VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">>;
 export type ShadowVariantCode = keyof typeof SHADOW_VARIANT;
 export declare const SHADOW_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<ShadowProps, "shadowVariant">, object>>[];
+// ================================
+// Background
+// ================================
 export declare const BACKGROUND_COLOR_VARIANT: VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">>;
 export type BackgroundColorVariantCode = keyof typeof BACKGROUND_COLOR_VARIANT;
 export declare const BACKGROUND_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BackgroundColorProps, "backgroundColorVariant">, object>>[];
+// ================================
+// Border
+// ================================
 export declare const BORDER_COLOR_VARIANT: VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">>;
 export type BorderColorVariantCode = keyof typeof BORDER_COLOR_VARIANT;
 export declare const BORDER_COLOR_VARIANTS: ToVariantArrayReturn<VariantDefinitionGroup<Omit<BorderColorProps, "borderColorVariant">, object>>[];

package/dist/hydrate/components-flex/youtube/types.d.ts

@@ -2,15 +2,16 @@ import type { CommonProps, BorderProps } from "../props.js";
 import type { IMAGE_ROUND_SHAPE } from "../image/types.js";
 import type { Properties } from "csstype";
 export type YoutubeProps = CommonProps & BorderProps & {
-	videoId?: string
-	loop?: boolean
-	autoplay?: boolean
-	mute?: boolean
-	controls?: boolean
-	showInfo?: boolean
-	showSubtitle?: boolean
-	showFullScreen?: boolean
-	showRelatedMovies?: boolean
-	shape?: keyof typeof IMAGE_ROUND_SHAPE
-	width?: Properties["width"]
+	videoId?: string;
+	loop?: boolean;
+	autoplay?: boolean;
+	mute?: boolean;
+	controls?: boolean;
+	showInfo?: boolean;
+	showSubtitle?: boolean;
+	showFullScreen?: boolean;
+	showRelatedMovies?: boolean;
+	// styles
+	shape?: keyof typeof IMAGE_ROUND_SHAPE;
+	width?: Properties["width"];
 };

package/dist/hydrate/constants.d.ts

@@ -14,9 +14,10 @@ export declare const ALL_ACTION_SHORTEN_ID = "KARTE_ALL_ACTION_SHORTEN_ID";
 export declare const DEVICE_IDS: string[];
 /** @internal */
 export declare const DEVICE_QUERIES: {
-	readonly PC: "screen and (min-width: 641px)"
-	readonly SP: "screen and (max-width: 640px)"
+	readonly PC: "screen and (min-width: 641px)";
+	readonly SP: "screen and (max-width: 640px)";
 };
+// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *

package/dist/hydrate/enhancedStopPropagation.d.ts

@@ -1,5 +1,5 @@
 export declare function dataAttrStopPropagation<K extends keyof WindowEventMap>(eventName: K): {
-	[key: string]: boolean
+	[key: string]: boolean;
 };
 type EventHandler<K extends keyof WindowEventMap> = (event: WindowEventMap[K]) => void;
 export declare function checkStopPropagation<K extends keyof WindowEventMap>(eventName: K, handler: (event: WindowEventMap[K]) => void): EventHandler<K>;

package/dist/hydrate/form.d.ts

@@ -1,22 +1,22 @@
 import type { FormData } from "./stores.js";
 import type { Readable, Writable } from "svelte/store";
 type AnswerValue = {
-	choices: string[]
+	choices: string[];
 } | {
-	free_answer: string
+	free_answer: string;
 };
 type InputValue = any;
 type RegisterInputFuncArg<T extends InputValue> = {
-	name: string
-	statePath: string
-	validator?: (value: T) => boolean
-	initialValue: T
+	name: string;
+	statePath: string;
+	validator?: (value: T) => boolean;
+	initialValue: T;
 };
 type RegisterInputFunc = {
 	<T extends InputValue>(arg: RegisterInputFuncArg<T>): {
-		value: Writable<T>
-		isValid: Readable<boolean>
-	}
+		value: Writable<T>;
+		isValid: Readable<boolean>;
+	};
 };
 /** @internal */
 export declare function createInputRegisterer(formData: Writable<FormData>): RegisterInputFunc;
@@ -30,8 +30,8 @@ export declare function deleteValues(statePath: string): void;
 export declare const getValuesAreValidReadable: (statePath: string) => Readable<boolean>;
 /** @internal */
 export declare function submit(): {
-	values?: any
-	identifyValues?: any
+	values?: any;
+	identifyValues?: any;
 };
 /**
 * 選択式のアンケート回答を追加する
@@ -42,8 +42,8 @@ export declare function submit(): {
 * @public
 */
 export declare function addChoiceAnswer(questionId: string, choices: string[], validation?: {
-	isValid: boolean
-	statePath: string
+	isValid: boolean;
+	statePath: string;
 }): void;
 /**
 * 自由記述式のアンケート回答を追加する
@@ -54,8 +54,8 @@ export declare function addChoiceAnswer(questionId: string, choices: string[], v
 * @public
 */
 export declare function addFreeAnswer(questionId: string, freeAnswer: string, validation?: {
-	isValid: boolean
-	statePath: string
+	isValid: boolean;
+	statePath: string;
 }): void;
 /**
 * 回答済の回答を削除

package/dist/hydrate/functions.d.ts

@@ -26,9 +26,9 @@ interface CustomAnimationOptions {
 	* A Transform value in percent of target element
 	*/
 	transforms: Array<{
-		query: string | null
-		x: number
-		y: number
+		query: string | null;
+		x: number;
+		y: number;
 	}>;
 	/**
 	* A style of animation(e.g. fade, slide-in)
@@ -58,14 +58,14 @@ interface CustomAnimationOptions {
 * @internal
 */
 export declare function customAnimation(node: Element, { transforms, animationStyle, delay, duration }: CustomAnimationOptions): {
-	delay?: undefined
-	duration?: undefined
-	easing?: undefined
-	css?: undefined
+	delay?: undefined;
+	duration?: undefined;
+	easing?: undefined;
+	css?: undefined;
 } | {
-	delay: number
-	duration: number
-	easing: (t: any) => any
-	css: (progress: number) => string
+	delay: number;
+	duration: number;
+	easing: (t: any) => any;
+	css: (progress: number) => string;
 };
 export {};

package/dist/hydrate/hooks/useClickable.d.ts

@@ -1,7 +1,7 @@
 import type { ClickableProps } from "../components-flex/props.js";
 declare const useClickable: ({ eventValue, eventName, onClick, element }: ClickableProps) => {
-	element: string
-	attributes: Record<string, any>
-	handleClick: (e: MouseEvent) => void
+	element: string;
+	attributes: Record<string, any>;
+	handleClick: (e: MouseEvent) => void;
 };
 export default useClickable;

package/dist/hydrate/hooks/useText.d.ts

@@ -1,5 +1,5 @@
 import type { LayerTextProps } from "../components-flex/text/types.js";
 export declare const useText: (props: LayerTextProps) => {
-	escapedHTML: string
-	style: string
+	escapedHTML: string;
+	style: string;
 };

package/dist/hydrate/index.d.ts

@@ -3,17 +3,18 @@ export { create, destroyAction, onCreate, onDestroy, showModal, destroy } from "
 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 type { 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 type { OnScrollContext, OnScrollFunction, ScrollDirection } from "./utils.js";
 export { getLogs, getEvents, logger, listenLogger } from "./logger.js";
-export { LogLevel, Log, Event } from "./logger.js";
+export type { 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.js";
-export { ActionCloseHook, ShowTrigger, CloseTrigger } from "./modal.js";
+export type { ActionCloseHook, ShowTrigger, CloseTrigger } from "./modal.js";
 export { collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable } from "./collection.js";
-export { CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig } from "./collection.js";
+export type { 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";
@@ -44,6 +45,7 @@ export { default as Countdown } from "./components/Countdown.svelte.js";
 export { default as Box } from "./components/Box.svelte.js";
 export { default as IconElement } from "./components/IconElement.svelte.js";
 export { default as CodeElement } from "./components/CodeElement.svelte.js";
+// 以下は互換性のため
 export { default as Flex } from "./components/Flex.svelte.js";
 export { default as FlexItem } from "./components/FlexItem.svelte.js";
 export { default as GridModalState } from "./components/GridModalState.svelte.js";