@plaidev/karte-action-sdk 1.1.270-29410833.25c7eb841 → 1.1.270-29420750.2ec690591

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

@@ -17,12 +17,13 @@ export type { CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequ
 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 * from "./preview.js";
 export * from "./components-flex/form.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 * from "./components-flex/responsive.js";
+export * from "./components-flex/responsiveProp.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";

package/dist/svelte5/preview.d.ts

@@ -0,0 +1,28 @@
+export type ElementInfoStyles = {
+	opacity: string;
+	rowGap: string;
+	columnGap: string;
+	direction: string;
+	paddingLeft: string;
+	paddingRight: string;
+	paddingTop: string;
+	paddingBottom: string;
+	zIndex: string;
+	position: string;
+	top: string;
+	left: string;
+	right: string;
+	bottom: string;
+};
+export type ElementInfo = {
+	top: number;
+	left: number;
+	width: number;
+	height: number;
+	layerId: string;
+	direction: "row" | "column" | "";
+	classNames: string[];
+	styles: ElementInfoStyles;
+};
+/** @internal */
+export declare const initPreview: () => (() => void);

package/dist/svelte5/stores.d.ts

@@ -1,6 +1,6 @@
 import { get as get_ } from "svelte/store";
 import type { Writable as Writable_ } from "svelte/store";
-import type { ActionSetting, ActionEventHandler, ActionVariables, SystemConfig, ActionRunnerContext } from "./types.js";
+import { ActionSetting, ActionEventHandler, ActionVariables, SystemConfig, ActionRunnerContext, Breakpoint } from "./types.js";
 /** @internal */
 export type Store<T> = Writable_<T>;
 /**
@@ -350,6 +350,27 @@ export declare function setDestroyed(on: boolean): void;
 *
 * @internal
 */
+export declare const breakpoints: Store<Breakpoint[]>;
+/**
+* ブレイクポイントの一覧を取得する
+*
+* @returns 現在のブレイクポイントの一覧
+*/
+export declare function getBreakpoints(): Breakpoint[];
+/**
+* 変数を設定する
+*
+* @remarks
+* 設定したブレイクポイントは、ビジュアルエディタでブレイクポイントとして利用できます。
+*
+* @param values - ブレイクポイントの一覧
+*/
+export declare function setBreakpoints(values: Breakpoint[]): Breakpoint[];
+/**
+* Store to handle variables
+*
+* @internal
+*/
 export declare const variables: Store<{
 	[key: string]: any;
 }>;

package/dist/svelte5/types.d.ts

@@ -18,6 +18,19 @@ export type ActionVariables = {
 	[key: string]: any;
 };
 /**
+* ブレイクポイント
+*
+* @public
+*/
+export type Breakpoint = {
+	id: string;
+	mediaQuery?: {
+		minWidth?: number;
+		maxWidth?: number;
+		orientation?: "portrait" | "landscape";
+	};
+};
+/**
 * アクションの send 関数
 *
 * @public

package/dist/svelte5/utils.d.ts

@@ -4,6 +4,7 @@ export declare const NOOP: Function;
 /** @internal */
 export declare const isPreview: () => boolean;
 export declare const isCanvasPreview: () => boolean;
+export declare const getPreviewId: () => string;
 export declare const isOnSite: () => boolean;
 export declare const isInFrame: () => boolean;
 /** @internal */

package/dist/templates.cjs.js

@@ -13,7 +13,7 @@ function createAppScript(script = "", icons = [], customComponents = []) {
 // DON'T TOUCH THIS: SDK generates the following code
 import type { ActionProps, ActionVariables } from '@plaidev/karte-action-sdk';
 import type { Data, Props, Variables } from './gen';
-import { onMount } from 'svelte';
+import { onMount, tick } from 'svelte';
 import { writable } from 'svelte/store';
 import {
   state,
@@ -95,7 +95,8 @@ let data = writable<Data & ActionVariables>({ ...data_ });
 export let onShow: (props: ActionProps<Props, Variables>) => void = _props => {};
 export let onChangeState: (props: ActionProps<Props, Variables>, stateId: string) => void = (_props, _state) => {};
 ${script}
-onMount(() => {
+onMount(async () => {
+  await tick();
   onShow({ send, data: $data });
 });
 

package/dist/templates.js

@@ -12,7 +12,7 @@ function createAppScript(script = "", icons = [], customComponents = []) {
 // DON'T TOUCH THIS: SDK generates the following code
 import type { ActionProps, ActionVariables } from '@plaidev/karte-action-sdk';
 import type { Data, Props, Variables } from './gen';
-import { onMount } from 'svelte';
+import { onMount, tick } from 'svelte';
 import { writable } from 'svelte/store';
 import {
   state,
@@ -94,7 +94,8 @@ let data = writable<Data & ActionVariables>({ ...data_ });
 export let onShow: (props: ActionProps<Props, Variables>) => void = _props => {};
 export let onChangeState: (props: ActionProps<Props, Variables>, stateId: string) => void = (_props, _state) => {};
 ${script}
-onMount(() => {
+onMount(async () => {
+  await tick();
   onShow({ send, data: $data });
 });
 

package/dist/types.d.ts

@@ -18,6 +18,19 @@ export type ActionVariables = {
 	[key: string]: any;
 };
 /**
+* ブレイクポイント
+*
+* @public
+*/
+export type Breakpoint = {
+	id: string;
+	mediaQuery?: {
+		minWidth?: number;
+		maxWidth?: number;
+		orientation?: "portrait" | "landscape";
+	};
+};
+/**
 * アクションの send 関数
 *
 * @public

package/dist/utils.d.ts

@@ -4,6 +4,7 @@ export declare const NOOP: Function;
 /** @internal */
 export declare const isPreview: () => boolean;
 export declare const isCanvasPreview: () => boolean;
+export declare const getPreviewId: () => string;
 export declare const isOnSite: () => boolean;
 export declare const isInFrame: () => boolean;
 /** @internal */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plaidev/karte-action-sdk",
-  "version": "1.1.270-29410833.25c7eb841",
+  "version": "1.1.270-29420750.2ec690591",
   "author": "Plaid Inc.",
   "license": "Apache-2.0",
   "type": "module",
@@ -93,7 +93,7 @@
     "picocolors": "^1.0.0",
     "playwright": "1.52.0",
     "preact": "10.5.7",
-    "rolldown": "1.0.0-beta.41",
+    "rolldown": "1.0.0-beta.53",
     "rollup-plugin-svelte": "^7.2.2",
     "serve": "^14.0.1",
     "serve-static": "^1.15.0",

package/dist/components-flex/responsive.d.ts

@@ -1,26 +0,0 @@
-import { FlexComponentProps } from "./props.js";
-import { Readable } from "svelte/store";
-export declare const USER_AGENT_VARIANT: Record<string, {
-	regex: RegExp;
-}>;
-export type MediaQueryCondition = {
-	range?: {
-		min?: number;
-		max?: number;
-	};
-	raw?: string;
-	orientation?: "portrait" | "landscape";
-};
-export type UserAgentVariant = keyof typeof USER_AGENT_VARIANT;
-export type UserAgentCondition = {
-	variants?: UserAgentVariant[];
-	regex?: string;
-};
-export type ResponsiveSetting<T extends object> = {
-	id: string;
-	label: string;
-	mediaQueryCondition?: MediaQueryCondition;
-	userAgentCondition?: UserAgentCondition;
-	props: Partial<T>;
-};
-export declare function useResponsiveProps<T extends object>(props: FlexComponentProps<T>): Readable<T>;

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

@@ -1,26 +0,0 @@
-import { FlexComponentProps } from "./props.js";
-import { Readable } from "svelte/store";
-export declare const USER_AGENT_VARIANT: Record<string, {
-	regex: RegExp;
-}>;
-export type MediaQueryCondition = {
-	range?: {
-		min?: number;
-		max?: number;
-	};
-	raw?: string;
-	orientation?: "portrait" | "landscape";
-};
-export type UserAgentVariant = keyof typeof USER_AGENT_VARIANT;
-export type UserAgentCondition = {
-	variants?: UserAgentVariant[];
-	regex?: string;
-};
-export type ResponsiveSetting<T extends object> = {
-	id: string;
-	label: string;
-	mediaQueryCondition?: MediaQueryCondition;
-	userAgentCondition?: UserAgentCondition;
-	props: Partial<T>;
-};
-export declare function useResponsiveProps<T extends object>(props: FlexComponentProps<T>): Readable<T>;

package/dist/svelte5/components-flex/responsive.d.ts

@@ -1,26 +0,0 @@
-import { FlexComponentProps } from "./props.js";
-import { Readable } from "svelte/store";
-export declare const USER_AGENT_VARIANT: Record<string, {
-	regex: RegExp;
-}>;
-export type MediaQueryCondition = {
-	range?: {
-		min?: number;
-		max?: number;
-	};
-	raw?: string;
-	orientation?: "portrait" | "landscape";
-};
-export type UserAgentVariant = keyof typeof USER_AGENT_VARIANT;
-export type UserAgentCondition = {
-	variants?: UserAgentVariant[];
-	regex?: string;
-};
-export type ResponsiveSetting<T extends object> = {
-	id: string;
-	label: string;
-	mediaQueryCondition?: MediaQueryCondition;
-	userAgentCondition?: UserAgentCondition;
-	props: Partial<T>;
-};
-export declare function useResponsiveProps<T extends object>(props: FlexComponentProps<T>): Readable<T>;

package/dist/svelte5/hydrate/components-flex/responsive.d.ts

@@ -1,26 +0,0 @@
-import { FlexComponentProps } from "./props.js";
-import { Readable } from "svelte/store";
-export declare const USER_AGENT_VARIANT: Record<string, {
-	regex: RegExp;
-}>;
-export type MediaQueryCondition = {
-	range?: {
-		min?: number;
-		max?: number;
-	};
-	raw?: string;
-	orientation?: "portrait" | "landscape";
-};
-export type UserAgentVariant = keyof typeof USER_AGENT_VARIANT;
-export type UserAgentCondition = {
-	variants?: UserAgentVariant[];
-	regex?: string;
-};
-export type ResponsiveSetting<T extends object> = {
-	id: string;
-	label: string;
-	mediaQueryCondition?: MediaQueryCondition;
-	userAgentCondition?: UserAgentCondition;
-	props: Partial<T>;
-};
-export declare function useResponsiveProps<T extends object>(props: FlexComponentProps<T>): Readable<T>;