@plaidev/karte-action-sdk 1.1.53 → 1.1.56

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

@@ -314,12 +314,56 @@ declare const handleKeydown: (handlers: {
     [eventName: string]: (e: any) => void;
 }) => (e: any) => void;
 declare const getPositionStyle: (position: ModalPosition) => string;
+declare const getTransform: (position: ModalPosition) => [
+    number,
+    number
+];
 declare const getMarginStyle: (margin: ModalMargin) => string;
 declare function onScroll(fn: Function, rate: number): () => void;
 declare function onTime(fn: Function, time: number): () => void;
 declare function hasSuffix<Suffix extends "px" | "em" | "rem" | "%" | "fr" | "vw" | "vh" | "">(value: string, suffix: Suffix): value is `${number}${Suffix}`;
 declare function toBr(text: string): string;
 declare function randStr(digit?: number): string;
+/**
+ * An option for svelte custom animation
+ */
+interface CustomAnimationOptions {
+    /**
+     * A Transform value in percent of target element
+     */
+    transform: [
+        number,
+        number
+    ];
+    /**
+     * A style of animation(e.g. fade, slide-in)
+     */
+    animationStyle: AnimationStyle;
+    /**
+     * A waiting time in milliseconds before starting animation
+     *
+     * @default 0
+     */
+    delay?: number;
+    /**
+     *  A total duration time in milliseconds of the animation
+     *
+     * @default 1000
+     */
+    duration?: number;
+}
+/**
+ * The function to activate svelte animation.
+ * @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
+ * @param {Element} node A target node of animation. This argument is passed by svelte, by default.
+ * @param {CustomAnimationOptions} customAnimationOptions A custom animation option object
+ */
+declare function customAnimation(node: Element, { transform, animationStyle, delay, duration }: CustomAnimationOptions): {
+    delay: number;
+    duration: number;
+    easing: (t: any) => any;
+    css: (progress: number) => string;
+};
 declare function hideOnScroll<Props extends {
     hide_on_scroll: boolean;
     hide_on_scroll_rate: number;
@@ -364,7 +408,7 @@ declare const collection: (config: {
     } | null | undefined, cb: (err: Error | null, items?: any) => void): void;
     set(key: string, value: string, cb: (err: Error | null) => void): void;
 };
-export { state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, AnimationStyleTranslations, ModalPositions, ModalPosition, ModalPositionTranslations, ModalMarginTranslations, ModalMargin, ModalPlacement, DefaultModalPlacement, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ensureModalRoot, h, createFog, EmbedLogic, embed, collection };
+export { state, closed, maximumZindex, initialize, finalize, send_event, isPreview, setMiximumZindex, none, moveTo, linkTo, closeApp, execOnClickOperation, handleFocus, setPreviousFocus, handleKeydown, getPositionStyle, getTransform, getMarginStyle, onScroll, onTime, hasSuffix, toBr, randStr, customAnimation, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, AnimationStyleTranslations, ModalPositions, ModalPosition, ModalPositionTranslations, ModalMarginTranslations, ModalMargin, ModalPlacement, DefaultModalPlacement, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, Image, LengthUnits, LengthUnit, Length, Color, Justifies, Justify, Alignments, Alignment, ObjectFits, ObjectFit, Repeats, Repeat, BackgroundSizes, BackgroundSize, Style, StateName, hideOnScroll, hideOnTime, showOnScroll, showOnTime, ensureModalRoot, h, createFog, EmbedLogic, embed, collection };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
 export { default as Modal } from './components/Modal.svelte';