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

package/dist/hydrate/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/hydrate/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/hydrate/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/hydrate/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/hydrate/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/index.es.d.ts

@@ -17,6 +17,7 @@ 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 { default as State } from "./components/State.svelte.js";
 export { default as StateItem } from "./components/StateItem.svelte.js";
 export { default as Modal } from "./components/Modal.svelte.js";