@plaidev/karte-action-sdk 1.1.232 → 1.1.233-28694229.5b158b84

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

@@ -5,6 +5,8 @@ import { onDestroy as onDestorySvelte } from "svelte";
 import { beforeUpdate as beforeUpdateSvelte } from "svelte";
 import { afterUpdate as afterUpdateSvelte } from "svelte";
 import { tick as tickSvelte } from "svelte";
+import { Properties } from "csstype";
+import IconArrowDown from "./variants/IconArrowDown.svelte";
 /** @internal */
 declare const ACTION_HOOK_LABEL = "__ACTION_HOOK__";
 // -------- The following codes are deprecated --------
@@ -2340,7 +2342,270 @@ declare const afterUpdate: typeof afterUpdateSvelte;
 declare const tick: typeof tickSvelte;
 // @internal
 declare const LAYOUT_COMPONENT_NAMES: string[];
-export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES };
+type ComponentBaseProps = {
+    layerId: string;
+    style: Properties;
+};
+declare const COMPONENT_PARAMETER_TYPES: {
+    readonly TEXT: "text";
+    readonly MULTILINE_TEXT: "multiline_text";
+    readonly SELECT: "select";
+    readonly RADIO: "radio";
+    readonly CHECKBOX: "checkbox";
+    readonly BOOLEAN: "boolean";
+    readonly IMAGE: "image";
+    readonly NUMBER: "number";
+    readonly WIDTH: "width";
+    readonly ASPECT: "aspect";
+    readonly COLOR: "color";
+    readonly ICON: "icon";
+};
+type ComponentParameterType = (typeof COMPONENT_PARAMETER_TYPES)[keyof typeof COMPONENT_PARAMETER_TYPES];
+type ComponentParameterOption = {
+    label: string;
+    value: string | number;
+};
+type ComponentParameter<P extends object = object> = {
+    id: string;
+    name: string;
+    type: ComponentParameterType;
+    options?: ComponentParameterOption[];
+    isEnabled?: (p: P) => boolean;
+};
+type PositionPlaceProps = {
+    top?: Properties["top"];
+    left?: Properties["left"];
+    right?: Properties["right"];
+    bottom?: Properties["bottom"];
+};
+type PositionProps = PositionPlaceProps & {
+    position?: Properties["position"];
+};
+type CommonProps = PositionProps;
+type BorderProps = {
+    borderTopWidth?: Properties["borderTopWidth"];
+    borderLeftWidth?: Properties["borderLeftWidth"];
+    borderRightWidth?: Properties["borderRightWidth"];
+    borderBottomWidth?: Properties["borderBottomWidth"];
+    borderColor?: Properties["borderColor"];
+};
+type PaddingProps = {
+    paddingTop?: Properties["paddingTop"];
+    paddingLeft?: Properties["paddingLeft"];
+    paddingBottom?: Properties["paddingBottom"];
+    paddingRight?: Properties["paddingRight"];
+};
+type RadiusProps = {
+    borderTopLeftRadius: Properties["borderTopLeftRadius"];
+    borderTopRightRadius: Properties["borderTopRightRadius"];
+    borderBottomLeftRadius: Properties["borderBottomLeftRadius"];
+    borderBottomRightRadius: Properties["borderBottomRightRadius"];
+};
+type BackgroundColorProps = {
+    backgroundColor: Properties["backgroundColor"];
+};
+type BackgroundImageProps = {
+    backgroundImageUrl: string;
+};
+type ShadowProps = {
+    shadow: Properties["boxShadow"];
+};
+declare const AVATAR_SIZE: {
+    readonly extra_small: "XS\uFF0848 x 48\uFF09";
+    readonly small: "S\uFF0864 x 64\uFF09";
+    readonly medium: "M\uFF0888 x 88\uFF09";
+    readonly large: "L\uFF08108 x 108\uFF09";
+    readonly extra_large: "XL\uFF08128 x 128\uFF09";
+};
+declare const AVATAR_SHAPE: {
+    readonly circle: "\u30B5\u30FC\u30AF\u30EB";
+    readonly square: "\u30B9\u30AF\u30A8\u30A2";
+};
+type AvatarProps = CommonProps & {
+    size?: number;
+    shape?: keyof typeof AVATAR_SHAPE;
+    image?: string;
+    caption?: string;
+    alt?: string;
+    bordered?: boolean;
+};
+declare const BUTTON_SIZE: {
+    readonly extra_small: "XSmall";
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+    readonly extra_large: "XLarge";
+};
+declare const BUTTON_COLOR: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly theme: "\u30C6\u30FC\u30DE\u30AB\u30E9\u30FC";
+    readonly alert: "\u30A2\u30E9\u30FC\u30C8";
+    readonly transparent: "\u80CC\u666F\u306A\u3057";
+};
+declare const BUTTON_ROUND: {
+    readonly default: "\u30C7\u30D5\u30A9\u30EB\u30C8";
+    readonly none: "\u306A\u3057";
+    readonly fulled: "\u5186\u5F62";
+};
+declare const BUTTON_LINK_TARGET: {
+    readonly _self: "\u753B\u9762\u5185\u9077\u79FB";
+    readonly _blank: "\u5225\u30BF\u30D6\u3067\u958B\u304F";
+};
+declare const BUTTON_ICON_ANGLE: {
+    readonly row: "\u5DE6\u5074";
+    readonly "row-reverse": "\u53F3\u5074";
+};
+type ButtonProps = CommonProps & {
+    label?: string;
+    size?: keyof typeof BUTTON_SIZE;
+    color?: keyof typeof BUTTON_COLOR;
+    round?: keyof typeof BUTTON_ROUND;
+    isLink?: boolean;
+    isIcon?: boolean;
+    linkUrl?: string;
+    linkTarget?: keyof typeof BUTTON_LINK_TARGET;
+    iconVariant?: string;
+    iconAngle?: keyof typeof BUTTON_ICON_ANGLE;
+    width?: Properties["width"];
+    wrap?: "wrap" | "nowrap";
+};
+type CloseButtonProps = CommonProps & {
+    size?: number;
+    bordered?: boolean;
+};
+declare const ICON_SIZE: {
+    readonly x_small: {
+        readonly label: "X Small";
+        readonly value: "12px";
+    };
+    readonly small: {
+        readonly label: "Small";
+        readonly value: "16px";
+    };
+    readonly medium: {
+        readonly label: "Medium";
+        readonly value: "20px";
+    };
+    readonly large: {
+        readonly label: "Large";
+        readonly value: "24px";
+    };
+    readonly x_large: {
+        readonly label: "X Large";
+        readonly value: "32px";
+    };
+    readonly x2_large: {
+        readonly label: "2X Large";
+        readonly value: "40px";
+    };
+    readonly x3_large: {
+        readonly label: "3X Large";
+        readonly value: "48px";
+    };
+};
+declare const ICON_VARIANTS: {
+    readonly arrow_down: typeof IconArrowDown;
+    readonly arrow_up: typeof IconArrowDown;
+    readonly arrow_left: typeof IconArrowDown;
+    readonly arrow_right: typeof IconArrowDown;
+    readonly arrow_up_from_square: typeof IconArrowDown;
+    readonly bell: typeof IconArrowDown;
+    readonly cart_shopping: typeof IconArrowDown;
+    readonly check: typeof IconArrowDown;
+    readonly circle: typeof IconArrowDown;
+    readonly circle_info: typeof IconArrowDown;
+    readonly circle_question: typeof IconArrowDown;
+    readonly circle_x_mark: typeof IconArrowDown;
+    readonly copy: typeof IconArrowDown;
+    readonly envelope: typeof IconArrowDown;
+    readonly fire: typeof IconArrowDown;
+    readonly gift: typeof IconArrowDown;
+    readonly heart: typeof IconArrowDown;
+    readonly link: typeof IconArrowDown;
+    readonly magnifying_grass: typeof IconArrowDown;
+    readonly paperclip: typeof IconArrowDown;
+    readonly paper_plane: typeof IconArrowDown;
+    readonly star: typeof IconArrowDown;
+    readonly ticket: typeof IconArrowDown;
+    readonly truck: typeof IconArrowDown;
+    readonly users: typeof IconArrowDown;
+    readonly x_mark: typeof IconArrowDown;
+};
+type IconVariant = (typeof ICON_VARIANTS)[keyof typeof ICON_VARIANTS];
+// @ts-ignore
+declare const ICON_PARAMS: ComponentParameter[];
+type IconProps = CommonProps & {
+    variant: string;
+    size: string;
+    color: string;
+};
+type ImageProps = CommonProps & {
+    image?: string;
+    width?: Properties["width"];
+    aspect?: string;
+    alt?: string;
+};
+declare const LAYOUT_DISPLAY_TYPE: readonly [
+    "inline-flex",
+    "flex",
+    "block"
+];
+type LayoutDisplayType = (typeof LAYOUT_DISPLAY_TYPE)[number];
+declare const LAYOUT_DIRECTION: readonly [
+    "column",
+    "column-reverse",
+    "row",
+    "row-reverse"
+];
+type LayoutFlexDirection = (typeof LAYOUT_DIRECTION)[number];
+declare const LAYOUT_ALIGN: readonly [
+    "flex-start",
+    "center",
+    "flex-end",
+    "stretch"
+];
+type LayoutFlexAlign = (typeof LAYOUT_ALIGN)[number];
+declare const LAYOUT_JUSTIFY: readonly [
+    "flex-start",
+    "center",
+    "flex-end",
+    "space-between"
+];
+type LayoutFlexJustify = (typeof LAYOUT_JUSTIFY)[number];
+type LayerLayoutProps = CommonProps & BorderProps & RadiusProps & ShadowProps & BackgroundColorProps & BackgroundImageProps & PaddingProps & {
+    display?: LayoutDisplayType;
+    direction?: LayoutFlexDirection;
+    align?: LayoutFlexAlign;
+    justify?: LayoutFlexJustify;
+    rowGap?: Properties["rowGap"];
+    columnGap?: Properties["columnGap"];
+    width?: Properties["width"];
+};
+declare const LAYER_TEXT_ALIGN_VALUES: readonly [
+    "center",
+    "left",
+    "right"
+];
+declare const LAYER_TEXT_FONT_WEIGHT_VALUES: readonly [
+    "bold",
+    "normal"
+];
+declare const LAYER_TEXT_SIZE: {
+    readonly small: "Small";
+    readonly medium: "Medium";
+    readonly large: "Large";
+    readonly extra_large: "XLarge";
+};
+type LayerTextProps = CommonProps & BorderProps & RadiusProps & BackgroundColorProps & PaddingProps & {
+    content: string;
+    variant?: string;
+    size?: keyof typeof LAYER_TEXT_SIZE;
+    align?: Properties["textAlign"];
+    fontWeight?: Properties["fontWeight"];
+    color?: Properties["color"];
+    width?: Properties["width"];
+};
+export { ACTION_HOOK_LABEL, KARTE_MODAL_ROOT, create, destroyAction, onCreate, onDestroy, showModal, destroy, initialize, finalize, loadGlobalScript, loadGlobalStyle, applyGlobalCss, getState, setState, getStates, isOpened, getVariables, setVariables, resetVariables, getEventHandlers, setEventHandlers, resetEventHandlers, getSystem, setSetting, eventHandlers, variables, formData, state, onScroll, onTime, getLogs, getEvents, logger, listenLogger, hideOnScroll, hideOnTime, showOnScroll, showOnTime, PropTypes, PropType, Code, MediaQueries, MediaQuery, Directions, Direction, AnimationStyles, AnimationStyle, ModalPositions, ModalPosition, ModalMargin, ModalPlacement, DefaultModalPlacement, Elasticities, Elasticity, ElasticityStyle, DefaultElasticity, TextDirections, TextDirection, OperationArgumentType, Operation, OnClickOperationOptions, OnClickOperation, LongText, Url, RegExpProp, Image, LengthUnits, LengthUnit, Length, Color, FontWeight, SYSTEM_FONT, Fonts, Font, Justifies, Justify, Alignments, Alignment, FlexDirections, FlexDirection, ObjectFits, ObjectFit, ClipPaths, ClipPath, Repeats, Repeat, BackgroundSizes, BackgroundSize, Cursors, Cursor, Overflows, Overflow, Border, BorderStyle, BorderWidth, BoxShadow, Style, TransitState, WritingModes, WritingMode, DateTime, Icon, ListSeparatorTypes, EdgePosition, DefaultEdgePosition, ListSeparatorNone, ListSeparatorBorder, ListSeparatorGap, ListSeparator, DefaultListSeparatorNone, DefaultListSeparatorBorder, DefaultListSeparatorGap, DefaultListSeparator, ListBackgroundTypes, ListBackgroundNone, ListBackgroundStripe, ListBackground, DefaultListBackgroundNone, DefaultListBackgroundStripe, DefaultListBackground, ListDirections, ListDirection, ListContext, SlideButtonIcon, SlideButtonText, SlideButton, DefaultSlideButton, SlideButtonPosition, SlideNavigationButton, DefaultSlideNavigationButton, FormInputName, FormButtonColor, DefaultFormButtonColor, ModalStyle, ModalBreakPoint, DefaultModalBreakPoint, FormIdentifyTextFields, FormIdentifyTextField, FormIdentifyTextFieldValidations, FormIdentifyTextFieldPlaceholders, DefaultFormIdentifyTextField, FormIdentifyBooleanFields, FormIdentifyBooleanField, DefaultFormIdentifyBooleanField, showAction, closeAction, loadStyle, applyCss, onShow, onClose, onChangeState, getActionRoot, getCssVariables, show, close, ensureModalRoot, createApp, createFog, collection, loadActionTableRow, loadActionTableRows, loadActionTableQuery, loadActionTable, addChoiceAnswer, addFreeAnswer, removeAnswer, getAnsweredQuestion, getAnsweredQuestionIds, sendAnswer, sendAnswers, widget, onMount, onDestory, beforeUpdate, afterUpdate, tick, LAYOUT_COMPONENT_NAMES, ComponentBaseProps, COMPONENT_PARAMETER_TYPES, ComponentParameterType, ComponentParameterOption, ComponentParameter, PositionProps, CommonProps, BorderProps, PaddingProps, RadiusProps, BackgroundColorProps, BackgroundImageProps, ShadowProps, AVATAR_SIZE, AVATAR_SHAPE, AvatarProps, BUTTON_SIZE, BUTTON_COLOR, BUTTON_ROUND, BUTTON_LINK_TARGET, BUTTON_ICON_ANGLE, ButtonProps, CloseButtonProps, ICON_SIZE, ICON_VARIANTS, IconVariant, ICON_PARAMS, IconProps, ImageProps, LAYOUT_DISPLAY_TYPE, LayoutDisplayType, LAYOUT_DIRECTION, LayoutFlexDirection, LAYOUT_ALIGN, LayoutFlexAlign, LAYOUT_JUSTIFY, LayoutFlexJustify, LayerLayoutProps, LAYER_TEXT_ALIGN_VALUES, LAYER_TEXT_FONT_WEIGHT_VALUES, LAYER_TEXT_SIZE, LayerTextProps };
 export type { SystemConfig, ActionVariables, ActionEventHandler, ActionProps, ActionOptions, ActionHook, ActionHookLog, ActionChangeStateHook, SendFunction, PublishFunction, OnScrollContext, OnScrollFunction, ScrollDirection, LogLevel, Log, Event, ActionCloseHook, ShowTrigger, CloseTrigger, CollectionConfig, ActionTableRowRequestConfig, ActionTableRowsRequestConfig, ActionTableQueryRequestConfig, ActionTableRequestConfig };
 export { default as State } from './components/State.svelte';
 export { default as StateItem } from './components/StateItem.svelte';
@@ -2375,10 +2640,11 @@ export { default as GridModalState } from './components/GridModalState.svelte';
 export { default as TextBlock } from './components/TextBlock.svelte';
 export { default as TextButtonBlock } from './components/TextButtonBlock.svelte';
 export { default as ImageBlock } from './components/ImageBlock.svelte';
-export { default as V2Button } from './components-v2/button/Button.svelte';
-export { default as V2Icon } from './components-v2/icon/Icon.svelte';
-export { default as V2Layout } from './components-v2/layout/Layout.svelte';
-export { default as V2Text } from './components-v2/text/Text.svelte';
-export { default as V2Avatar } from './components-v2/avatar/Avatar.svelte';
-export { default as V2Image } from './components-v2/image/Image.svelte';
-export { default as V2CloseButton } from './components-v2/close-button/CloseButton.svelte';
+export { default as FlexAvatar } from './components-flex/avatar/Avatar.svelte';
+export { default as FlexButton } from './components-flex/button/Button.svelte';
+export { default as FlexCloseButton } from './components-flex/close-button/CloseButton.svelte';
+export { default as FlexIcon } from './components-flex/icon/Icon.svelte';
+export { default as FlexImage } from './components-flex/image/Image.svelte';
+export { default as FlexLayout } from './components-flex/layout/Layout.svelte';
+export { default as FlexText } from './components-flex/text/Text.svelte';
+export { default as FlexModal } from './components-flex/modal/Modal.svelte';