@plaidev/karte-action-sdk 1.1.269-29160322.e3d433de → 1.1.269-29170394.d1cf0fa0

package/dist/svelte5/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/svelte5/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/svelte5/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/svelte5/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/svelte5/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/svelte5/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/svelte5/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/svelte5/hydrate/index.es.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.svelte5.js";
-export { ActionCloseHook, ShowTrigger, CloseTrigger } from "./modal.svelte5.js";
+export type { 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 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";

package/dist/svelte5/hydrate/index.es.js

@@ -220,7 +220,7 @@ function onScroll(rate, fn) {
 	const rates = Array.isArray(rate) ? rate : [rate];
 	const body = window.document.body;
 	const html = window.document.documentElement;
-	const contexts = new Map();
+	const contexts = /* @__PURE__ */ new Map();
 	rates.forEach((rate$1) => {
 		contexts.set(rate$1, {
 			rate: rate$1,
@@ -1171,7 +1171,7 @@ const logger = {
 		const log$1 = cloneToJson({
 			level: "info",
 			messages,
-			date: new Date()
+			date: /* @__PURE__ */ new Date()
 		});
 		w(window).postMessage({
 			type: "KARTE-ACTION-LOGGER",
@@ -1185,7 +1185,7 @@ const logger = {
 		const log$1 = cloneToJson({
 			level: "info",
 			messages,
-			date: new Date()
+			date: /* @__PURE__ */ new Date()
 		});
 		w(window).postMessage({
 			type: "KARTE-ACTION-LOGGER",
@@ -1199,7 +1199,7 @@ const logger = {
 		const log$1 = cloneToJson({
 			level: "error",
 			messages,
-			date: new Date()
+			date: /* @__PURE__ */ new Date()
 		});
 		w(window).postMessage({
 			type: "KARTE-ACTION-LOGGER",
@@ -1213,7 +1213,7 @@ const logger = {
 		const log$1 = cloneToJson({
 			level: "warn",
 			messages,
-			date: new Date()
+			date: /* @__PURE__ */ new Date()
 		});
 		w(window).postMessage({
 			type: "KARTE-ACTION-LOGGER",
@@ -1227,7 +1227,7 @@ const logger = {
 		const log$1 = cloneToJson({
 			level: "system",
 			messages,
-			date: new Date()
+			date: /* @__PURE__ */ new Date()
 		});
 		w(window).postMessage({
 			type: "KARTE-ACTION-LOGGER",
@@ -1241,10 +1241,10 @@ const logger = {
 		const event = values ? {
 			name,
 			values,
-			date: new Date()
+			date: /* @__PURE__ */ new Date()
 		} : {
 			name,
-			date: new Date()
+			date: /* @__PURE__ */ new Date()
 		};
 		w(window).postMessage({
 			type: "KARTE-ACTION-LOGGER",
@@ -1286,7 +1286,7 @@ function listenLogger() {
 			const log$1 = {
 				level,
 				messages,
-				date: new Date()
+				date: /* @__PURE__ */ new Date()
 			};
 			logs.push(log$1);
 		} else if (detail.method === "event") {
@@ -1295,10 +1295,10 @@ function listenLogger() {
 			const karteEvent = values ? {
 				name,
 				values,
-				date: new Date()
+				date: /* @__PURE__ */ new Date()
 			} : {
 				name,
-				date: new Date()
+				date: /* @__PURE__ */ new Date()
 			};
 			events.push(karteEvent);
 		}
@@ -1843,11 +1843,7 @@ async function fixFontFaceIssue(href, cssRules) {
 		const split = href.split("/");
 		const stylePath = split.slice(0, split.length - 1).join("/");
 		const cssText = cssRule.cssText;
-		const newCssText = cssText.replace(
-			// relative paths
-			/url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g,
-			`url("${stylePath}/$4")`
-);
+		const newCssText = cssText.replace(/url\s*\(\s*['"]?(?!((\/)|((?:https?:)?\/\/)|(?:data:?:)))([^'")]+)['"]?\s*\)/g, `url("${stylePath}/$4")`);
 		if (cssText === newCssText) return;
 		fixedRules.push(newCssText);
 	});
@@ -2817,7 +2813,7 @@ function getMemoryStore(key) {
 function setLocalStore(key, value, options = { expire: false }) {
 	const item = {
 		val: value,
-		last: new Date().getTime()
+		last: (/* @__PURE__ */ new Date()).getTime()
 	};
 	if (options.expire) item.expire = options.expire;
 	localStorage.setItem(STORE_LS_KEY_PREFIX + key, JSON.stringify(item));
@@ -2842,7 +2838,7 @@ function getLocalStore(key) {
 		return;
 	}
 	if (item.val === void 0) return;
-	const now = new Date().getTime();
+	const now = (/* @__PURE__ */ new Date()).getTime();
 	if (now - item.last > item.expire) {
 		localStorage.removeItem(lsKey);
 		return;
@@ -6610,9 +6606,9 @@ function CountDown($$anchor, $$props) {
 	let layerId = $$2.prop($$props, "layerId", 8, "");
 	useInjectCustomizeCss(props());
 	let remainingTime = $$2.mutable_state();
-	let timeLimit = props().timeLimit ? new Date(props().timeLimit) : new Date();
+	let timeLimit = props().timeLimit ? new Date(props().timeLimit) : /* @__PURE__ */ new Date();
 	function calcRemainingTime(limit) {
-		return limit - new Date().getTime();
+		return limit - (/* @__PURE__ */ new Date()).getTime();
 	}
 	function formatTimeDiff(ms) {
 		const diffDay = Math.floor(ms / 1e3 / 60 / 60 / 24);

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

@@ -5,15 +5,15 @@
 export type LogLevel = "info" | "error" | "warn" | "system";
 /** @internal */
 export type Log = {
-	level: LogLevel
-	messages: any
-	date?: Date
+	level: LogLevel;
+	messages: any;
+	date?: Date;
 };
 /** @internal */
 export type Event = {
-	name: string
-	values?: any
-	date?: Date
+	name: string;
+	values?: any;
+	date?: Date;
 };
 /** @internal */
 export declare function getLogs(): Log[];
@@ -25,14 +25,14 @@ 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
+	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;
 };
 /**
 * メッセージを実行ログに表示する

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

@@ -92,8 +92,9 @@ export declare function applyCss(css: string): Promise<HTMLStyleElement>;
 * @public
 */
 export declare function loadStyle(href: string): Promise<void>;
+// @internal
 export declare function getCssVariables(data: {
-	[key: string]: string | number
+	[key: string]: string | number;
 }): string;
 /**
 * アクションのルートの DOM 要素を取得する
@@ -111,6 +112,7 @@ export declare function createModal<
 >(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
 /** @internal */
 export declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
+// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *
@@ -204,11 +206,11 @@ export declare function createApp<
 * @internal
 */
 export declare function createFog({ color, opacity, zIndex, onclick }: {
-	color?: string
-	opacity?: string
-	zIndex?: number
-	onclick: () => void
+	color?: string;
+	opacity?: string;
+	zIndex?: number;
+	onclick: () => void;
 }): {
-	fog: HTMLElement | null
-	close: () => void
+	fog: HTMLElement | null;
+	close: () => void;
 };

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

@@ -92,8 +92,9 @@ export declare function applyCss(css: string): Promise<HTMLStyleElement>;
 * @public
 */
 export declare function loadStyle(href: string): Promise<void>;
+// @internal
 export declare function getCssVariables(data: {
-	[key: string]: string | number
+	[key: string]: string | number;
 }): string;
 /**
 * アクションのルートの DOM 要素を取得する
@@ -111,6 +112,7 @@ export declare function createModal<
 >(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
 /** @internal */
 export declare function ensureActionRoot(useShadow?: boolean): ShadowRoot | HTMLElement;
+// -------- The following codes are deprecated --------
 /**
 * 非推奨
 *
@@ -204,11 +206,11 @@ export declare function createApp<
 * @internal
 */
 export declare function createFog({ color, opacity, zIndex, onclick }: {
-	color?: string
-	opacity?: string
-	zIndex?: number
-	onclick: () => void
+	color?: string;
+	opacity?: string;
+	zIndex?: number;
+	onclick: () => void;
 }): {
-	fog: HTMLElement | null
-	close: () => void
+	fog: HTMLElement | null;
+	close: () => void;
 };