@plaidev/karte-action-sdk 1.1.268-29092791.2e040b65 → 1.1.268-29127137.d0ff6db4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/action.d.ts +63 -0
- package/dist/actionEvent.d.ts +25 -0
- package/dist/collection.d.ts +121 -0
- package/dist/components/index.d.ts +32 -0
- package/dist/components-flex/avatar/styles.d.ts +3 -0
- package/dist/components-flex/avatar/types.d.ts +24 -0
- package/dist/components-flex/brand-kit.d.ts +16 -0
- package/dist/components-flex/button/styles.d.ts +8 -0
- package/dist/components-flex/button/types.d.ts +57 -0
- package/dist/components-flex/button-outlined/styles.d.ts +8 -0
- package/dist/components-flex/button-outlined/types.d.ts +20 -0
- package/dist/components-flex/button-text/styles.d.ts +6 -0
- package/dist/components-flex/button-text/types.d.ts +33 -0
- package/dist/components-flex/clip-copy/types.d.ts +6 -0
- package/dist/components-flex/close-button/types.d.ts +32 -0
- package/dist/components-flex/code/types.d.ts +6 -0
- package/dist/components-flex/count-down/types.d.ts +17 -0
- package/dist/components-flex/icon/styles.d.ts +3 -0
- package/dist/components-flex/icon/types.d.ts +18 -0
- package/dist/components-flex/image/styles.d.ts +3 -0
- package/dist/components-flex/image/types.d.ts +26 -0
- package/dist/components-flex/layout/types.d.ts +20 -0
- package/dist/components-flex/list/types.d.ts +30 -0
- package/dist/components-flex/modal/types.d.ts +5 -0
- package/dist/components-flex/multi-column/types.d.ts +31 -0
- package/dist/components-flex/props.d.ts +87 -0
- package/dist/components-flex/schemas.d.ts +36 -0
- package/dist/components-flex/shared/styles.d.ts +3 -0
- package/dist/components-flex/shared/types.d.ts +13 -0
- package/dist/components-flex/slider/types.d.ts +10 -0
- package/dist/components-flex/styles.d.ts +9 -0
- package/dist/components-flex/text/constants.d.ts +4 -0
- package/dist/components-flex/text/styles.d.ts +7 -0
- package/dist/components-flex/text/types.d.ts +37 -0
- package/dist/components-flex/text-link/styles.d.ts +6 -0
- package/dist/components-flex/text-link/types.d.ts +31 -0
- package/dist/components-flex/utils/color.d.ts +7 -0
- package/dist/components-flex/utils/obj-to-style.d.ts +2 -0
- package/dist/components-flex/utils/parser.d.ts +5 -0
- package/dist/components-flex/utils/prop-to-style.d.ts +11 -0
- package/dist/components-flex/variants.d.ts +42 -0
- package/dist/components-flex/youtube/types.d.ts +16 -0
- package/dist/constants.d.ts +27 -0
- package/dist/display-logic.d.ts +125 -0
- package/dist/enhancedStopPropagation.d.ts +6 -0
- package/dist/form.d.ts +100 -0
- package/dist/functions.d.ts +71 -0
- package/dist/hooks/useClickable.d.ts +7 -0
- package/dist/hooks/useInjectCustomizeCss.d.ts +2 -0
- package/dist/hooks/useText.d.ts +5 -0
- package/dist/hydrate/action.d.ts +63 -0
- package/dist/hydrate/actionEvent.d.ts +25 -0
- package/dist/hydrate/collection.d.ts +121 -0
- package/dist/hydrate/components/index.d.ts +32 -0
- package/dist/hydrate/components-flex/avatar/styles.d.ts +3 -0
- package/dist/hydrate/components-flex/avatar/types.d.ts +24 -0
- package/dist/hydrate/components-flex/brand-kit.d.ts +16 -0
- package/dist/hydrate/components-flex/button/styles.d.ts +8 -0
- package/dist/hydrate/components-flex/button/types.d.ts +57 -0
- package/dist/hydrate/components-flex/button-outlined/styles.d.ts +8 -0
- package/dist/hydrate/components-flex/button-outlined/types.d.ts +20 -0
- package/dist/hydrate/components-flex/button-text/styles.d.ts +6 -0
- package/dist/hydrate/components-flex/button-text/types.d.ts +33 -0
- package/dist/hydrate/components-flex/clip-copy/types.d.ts +6 -0
- package/dist/hydrate/components-flex/close-button/types.d.ts +32 -0
- package/dist/hydrate/components-flex/code/types.d.ts +6 -0
- package/dist/hydrate/components-flex/count-down/types.d.ts +17 -0
- package/dist/hydrate/components-flex/icon/styles.d.ts +3 -0
- package/dist/hydrate/components-flex/icon/types.d.ts +18 -0
- package/dist/hydrate/components-flex/image/styles.d.ts +3 -0
- package/dist/hydrate/components-flex/image/types.d.ts +26 -0
- package/dist/hydrate/components-flex/layout/types.d.ts +20 -0
- package/dist/hydrate/components-flex/list/types.d.ts +30 -0
- package/dist/hydrate/components-flex/modal/types.d.ts +5 -0
- package/dist/hydrate/components-flex/multi-column/types.d.ts +31 -0
- package/dist/hydrate/components-flex/props.d.ts +87 -0
- package/dist/hydrate/components-flex/schemas.d.ts +36 -0
- package/dist/hydrate/components-flex/shared/styles.d.ts +3 -0
- package/dist/hydrate/components-flex/shared/types.d.ts +13 -0
- package/dist/hydrate/components-flex/slider/types.d.ts +10 -0
- package/dist/hydrate/components-flex/styles.d.ts +9 -0
- package/dist/hydrate/components-flex/text/constants.d.ts +4 -0
- package/dist/hydrate/components-flex/text/styles.d.ts +7 -0
- package/dist/hydrate/components-flex/text/types.d.ts +37 -0
- package/dist/hydrate/components-flex/text-link/styles.d.ts +6 -0
- package/dist/hydrate/components-flex/text-link/types.d.ts +31 -0
- package/dist/hydrate/components-flex/utils/color.d.ts +7 -0
- package/dist/hydrate/components-flex/utils/obj-to-style.d.ts +2 -0
- package/dist/hydrate/components-flex/utils/parser.d.ts +5 -0
- package/dist/hydrate/components-flex/utils/prop-to-style.d.ts +11 -0
- package/dist/hydrate/components-flex/variants.d.ts +42 -0
- package/dist/hydrate/components-flex/youtube/types.d.ts +16 -0
- package/dist/hydrate/constants.d.ts +27 -0
- package/dist/hydrate/display-logic.d.ts +125 -0
- package/dist/hydrate/enhancedStopPropagation.d.ts +6 -0
- package/dist/hydrate/form.d.ts +100 -0
- package/dist/hydrate/functions.d.ts +71 -0
- package/dist/hydrate/hooks/useClickable.d.ts +7 -0
- package/dist/hydrate/hooks/useInjectCustomizeCss.d.ts +2 -0
- package/dist/hydrate/hooks/useText.d.ts +5 -0
- package/dist/hydrate/index.d.ts +111 -0
- package/dist/hydrate/index.es.js +12718 -12529
- package/dist/hydrate/index.svelte5.d.ts +79 -0
- package/dist/hydrate/logger.d.ts +48 -0
- package/dist/hydrate/modal.d.ts +214 -0
- package/dist/hydrate/modal.svelte5.d.ts +214 -0
- package/dist/hydrate/prop.d.ts +431 -0
- package/dist/hydrate/script.d.ts +33 -0
- package/dist/hydrate/stores.d.ts +376 -0
- package/dist/hydrate/types.d.ts +183 -0
- package/dist/hydrate/utils.d.ts +171 -0
- package/dist/hydrate/widget.d.ts +148 -0
- package/dist/icons.d.ts +27 -28
- package/dist/icons.js +225 -159
- package/dist/index.es.d.ts +111 -2988
- package/dist/index.es.js +11910 -12372
- package/dist/logger.d.ts +48 -0
- package/dist/modal.d.ts +214 -0
- package/dist/modal.svelte5.d.ts +214 -0
- package/dist/prop.d.ts +431 -0
- package/dist/script.d.ts +33 -0
- package/dist/stores.d.ts +376 -0
- package/dist/svelte5/action.d.ts +63 -0
- package/dist/svelte5/actionEvent.d.ts +25 -0
- package/dist/svelte5/collection.d.ts +121 -0
- package/dist/svelte5/components/index.d.ts +32 -0
- package/dist/svelte5/components-flex/avatar/styles.d.ts +3 -0
- package/dist/svelte5/components-flex/avatar/types.d.ts +24 -0
- package/dist/svelte5/components-flex/brand-kit.d.ts +16 -0
- package/dist/svelte5/components-flex/button/styles.d.ts +8 -0
- package/dist/svelte5/components-flex/button/types.d.ts +57 -0
- package/dist/svelte5/components-flex/button-outlined/styles.d.ts +8 -0
- package/dist/svelte5/components-flex/button-outlined/types.d.ts +20 -0
- package/dist/svelte5/components-flex/button-text/styles.d.ts +6 -0
- package/dist/svelte5/components-flex/button-text/types.d.ts +33 -0
- package/dist/svelte5/components-flex/clip-copy/types.d.ts +6 -0
- package/dist/svelte5/components-flex/close-button/types.d.ts +32 -0
- package/dist/svelte5/components-flex/code/types.d.ts +6 -0
- package/dist/svelte5/components-flex/count-down/types.d.ts +17 -0
- package/dist/svelte5/components-flex/icon/styles.d.ts +3 -0
- package/dist/svelte5/components-flex/icon/types.d.ts +18 -0
- package/dist/svelte5/components-flex/image/styles.d.ts +3 -0
- package/dist/svelte5/components-flex/image/types.d.ts +26 -0
- package/dist/svelte5/components-flex/layout/types.d.ts +20 -0
- package/dist/svelte5/components-flex/list/types.d.ts +30 -0
- package/dist/svelte5/components-flex/modal/types.d.ts +5 -0
- package/dist/svelte5/components-flex/multi-column/types.d.ts +31 -0
- package/dist/svelte5/components-flex/props.d.ts +87 -0
- package/dist/svelte5/components-flex/schemas.d.ts +36 -0
- package/dist/svelte5/components-flex/shared/styles.d.ts +3 -0
- package/dist/svelte5/components-flex/shared/types.d.ts +13 -0
- package/dist/svelte5/components-flex/slider/types.d.ts +10 -0
- package/dist/svelte5/components-flex/styles.d.ts +9 -0
- package/dist/svelte5/components-flex/text/constants.d.ts +4 -0
- package/dist/svelte5/components-flex/text/styles.d.ts +7 -0
- package/dist/svelte5/components-flex/text/types.d.ts +37 -0
- package/dist/svelte5/components-flex/text-link/styles.d.ts +6 -0
- package/dist/svelte5/components-flex/text-link/types.d.ts +31 -0
- package/dist/svelte5/components-flex/utils/color.d.ts +7 -0
- package/dist/svelte5/components-flex/utils/obj-to-style.d.ts +2 -0
- package/dist/svelte5/components-flex/utils/parser.d.ts +5 -0
- package/dist/svelte5/components-flex/utils/prop-to-style.d.ts +11 -0
- package/dist/svelte5/components-flex/variants.d.ts +42 -0
- package/dist/svelte5/components-flex/youtube/types.d.ts +16 -0
- package/dist/svelte5/constants.d.ts +27 -0
- package/dist/svelte5/display-logic.d.ts +125 -0
- package/dist/svelte5/form.d.ts +100 -0
- package/dist/svelte5/functions.d.ts +71 -0
- package/dist/svelte5/hooks/useClickable.d.ts +7 -0
- package/dist/svelte5/hooks/useInjectCustomizeCss.d.ts +2 -0
- package/dist/svelte5/hooks/useText.d.ts +5 -0
- package/dist/svelte5/hydrate/action.d.ts +63 -0
- package/dist/svelte5/hydrate/actionEvent.d.ts +25 -0
- package/dist/svelte5/hydrate/collection.d.ts +121 -0
- package/dist/svelte5/hydrate/components/index.d.ts +32 -0
- package/dist/svelte5/hydrate/components-flex/avatar/styles.d.ts +3 -0
- package/dist/svelte5/hydrate/components-flex/avatar/types.d.ts +24 -0
- package/dist/svelte5/hydrate/components-flex/brand-kit.d.ts +16 -0
- package/dist/svelte5/hydrate/components-flex/button/styles.d.ts +8 -0
- package/dist/svelte5/hydrate/components-flex/button/types.d.ts +57 -0
- package/dist/svelte5/hydrate/components-flex/button-outlined/styles.d.ts +8 -0
- package/dist/svelte5/hydrate/components-flex/button-outlined/types.d.ts +20 -0
- package/dist/svelte5/hydrate/components-flex/button-text/styles.d.ts +6 -0
- package/dist/svelte5/hydrate/components-flex/button-text/types.d.ts +33 -0
- package/dist/svelte5/hydrate/components-flex/clip-copy/types.d.ts +6 -0
- package/dist/svelte5/hydrate/components-flex/close-button/types.d.ts +32 -0
- package/dist/svelte5/hydrate/components-flex/code/types.d.ts +6 -0
- package/dist/svelte5/hydrate/components-flex/count-down/types.d.ts +17 -0
- package/dist/svelte5/hydrate/components-flex/icon/styles.d.ts +3 -0
- package/dist/svelte5/hydrate/components-flex/icon/types.d.ts +18 -0
- package/dist/svelte5/hydrate/components-flex/image/styles.d.ts +3 -0
- package/dist/svelte5/hydrate/components-flex/image/types.d.ts +26 -0
- package/dist/svelte5/hydrate/components-flex/layout/types.d.ts +20 -0
- package/dist/svelte5/hydrate/components-flex/list/types.d.ts +30 -0
- package/dist/svelte5/hydrate/components-flex/modal/types.d.ts +5 -0
- package/dist/svelte5/hydrate/components-flex/multi-column/types.d.ts +31 -0
- package/dist/svelte5/hydrate/components-flex/props.d.ts +87 -0
- package/dist/svelte5/hydrate/components-flex/schemas.d.ts +36 -0
- package/dist/svelte5/hydrate/components-flex/shared/styles.d.ts +3 -0
- package/dist/svelte5/hydrate/components-flex/shared/types.d.ts +13 -0
- package/dist/svelte5/hydrate/components-flex/slider/types.d.ts +10 -0
- package/dist/svelte5/hydrate/components-flex/styles.d.ts +9 -0
- package/dist/svelte5/hydrate/components-flex/text/constants.d.ts +4 -0
- package/dist/svelte5/hydrate/components-flex/text/styles.d.ts +7 -0
- package/dist/svelte5/hydrate/components-flex/text/types.d.ts +37 -0
- package/dist/svelte5/hydrate/components-flex/text-link/styles.d.ts +6 -0
- package/dist/svelte5/hydrate/components-flex/text-link/types.d.ts +31 -0
- package/dist/svelte5/hydrate/components-flex/utils/color.d.ts +7 -0
- package/dist/svelte5/hydrate/components-flex/utils/obj-to-style.d.ts +2 -0
- package/dist/svelte5/hydrate/components-flex/utils/parser.d.ts +5 -0
- package/dist/svelte5/hydrate/components-flex/utils/prop-to-style.d.ts +11 -0
- package/dist/svelte5/hydrate/components-flex/variants.d.ts +42 -0
- package/dist/svelte5/hydrate/components-flex/youtube/types.d.ts +16 -0
- package/dist/svelte5/hydrate/constants.d.ts +27 -0
- package/dist/svelte5/hydrate/display-logic.d.ts +125 -0
- package/dist/svelte5/hydrate/form.d.ts +100 -0
- package/dist/svelte5/hydrate/functions.d.ts +71 -0
- package/dist/svelte5/hydrate/hooks/useClickable.d.ts +7 -0
- package/dist/svelte5/hydrate/hooks/useInjectCustomizeCss.d.ts +2 -0
- package/dist/svelte5/hydrate/hooks/useText.d.ts +5 -0
- package/dist/svelte5/hydrate/index.es.d.ts +79 -2956
- package/dist/svelte5/hydrate/index.es.js +5441 -6490
- package/dist/svelte5/hydrate/logger.d.ts +48 -0
- package/dist/svelte5/hydrate/modal.d.ts +214 -0
- package/dist/svelte5/hydrate/modal.svelte5.d.ts +214 -0
- package/dist/svelte5/hydrate/prop.d.ts +431 -0
- package/dist/svelte5/hydrate/script.d.ts +33 -0
- package/dist/svelte5/hydrate/stores.d.ts +376 -0
- package/dist/svelte5/hydrate/types.d.ts +183 -0
- package/dist/svelte5/hydrate/utils.d.ts +171 -0
- package/dist/svelte5/hydrate/widget.d.ts +148 -0
- package/dist/svelte5/index.es.d.ts +79 -2956
- package/dist/svelte5/index.es.js +5413 -6459
- package/dist/svelte5/index.front2.es.d.ts +1 -2
- package/dist/svelte5/index.front2.es.js +5654 -6715
- package/dist/svelte5/index.svelte5.d.ts +79 -0
- package/dist/svelte5/logger.d.ts +48 -0
- package/dist/svelte5/modal.d.ts +214 -0
- package/dist/svelte5/modal.svelte5.d.ts +214 -0
- package/dist/svelte5/prop.d.ts +431 -0
- package/dist/svelte5/script.d.ts +33 -0
- package/dist/svelte5/stores.d.ts +376 -0
- package/dist/svelte5/types.d.ts +183 -0
- package/dist/svelte5/utils.d.ts +171 -0
- package/dist/svelte5/widget.d.ts +148 -0
- package/dist/templates.cjs.js +38 -47
- package/dist/templates.d.ts +27 -28
- package/dist/templates.js +37 -46
- package/dist/types.d.ts +183 -0
- package/dist/utils.d.ts +171 -0
- package/dist/widget.d.ts +148 -0
- package/package.json +10 -19
- package/dist/hydrate/index.es.d.ts +0 -2988
- package/dist/templates.cjs.d.ts +0 -34
@@ -0,0 +1,71 @@
|
|
1
|
+
import type { OnClickOperation, AnimationStyle } from "./prop.js";
|
2
|
+
import type { CloseTrigger } from "./modal.js";
|
3
|
+
/** @internal */
|
4
|
+
export declare const none: () => () => void;
|
5
|
+
/** @internal */
|
6
|
+
export declare const moveTo: (to: string) => () => void;
|
7
|
+
/** @internal */
|
8
|
+
export declare const linkTo: (to: string, targetBlank?: boolean, decode?: boolean) => () => void;
|
9
|
+
/** @internal */
|
10
|
+
export declare const closeApp: (trigger: CloseTrigger) => () => void;
|
11
|
+
/** @internal */
|
12
|
+
export declare const runScript: (handlerName: string) => () => void;
|
13
|
+
/** @internal */
|
14
|
+
export declare const submitForm: (to: string) => () => void;
|
15
|
+
/** @internal */
|
16
|
+
export declare const bootChat: (hide_launcher: boolean, placement_pc: string, placement_mobile: string, horizontal_spacing_pc: number, horizontal_spacing_mobile: number, vertical_spacing_pc: number, vertical_spacing_mobile: number, theme_color: string, header_title: string, header_description: string, launcher_image: string) => () => void;
|
17
|
+
/** @internal */
|
18
|
+
export declare const execOnClickOperation: (onClickOperation: OnClickOperation) => void;
|
19
|
+
/** @internal */
|
20
|
+
export declare const haveFunction: (onClickOperation: OnClickOperation) => boolean;
|
21
|
+
/**
|
22
|
+
* An option for svelte custom animation
|
23
|
+
*/
|
24
|
+
interface CustomAnimationOptions {
|
25
|
+
/**
|
26
|
+
* A Transform value in percent of target element
|
27
|
+
*/
|
28
|
+
transforms: Array<{
|
29
|
+
query: string | null
|
30
|
+
x: number
|
31
|
+
y: number
|
32
|
+
}>;
|
33
|
+
/**
|
34
|
+
* A style of animation(e.g. fade, slide-in)
|
35
|
+
*/
|
36
|
+
animationStyle: AnimationStyle;
|
37
|
+
/**
|
38
|
+
* A waiting time in milliseconds before starting animation
|
39
|
+
*
|
40
|
+
* @defaultValue 0
|
41
|
+
*/
|
42
|
+
delay?: number;
|
43
|
+
/**
|
44
|
+
* A total duration time in milliseconds of the animation
|
45
|
+
*
|
46
|
+
* @defaultValue 1000
|
47
|
+
*/
|
48
|
+
duration?: number;
|
49
|
+
}
|
50
|
+
/**
|
51
|
+
* The function to activate svelte animation.
|
52
|
+
*
|
53
|
+
* @param node - A target node of animation. This argument is passed by svelte, by default.
|
54
|
+
* @param customAnimationOptions - A custom animation option object
|
55
|
+
*
|
56
|
+
* @see {@link https://svelte.dev/docs#template-syntax-element-directives-transition-fn-custom-transition-functions| Custom transition functions} for detail documentation
|
57
|
+
*
|
58
|
+
* @internal
|
59
|
+
*/
|
60
|
+
export declare function customAnimation(node: Element, { transforms, animationStyle, delay, duration }: CustomAnimationOptions): {
|
61
|
+
delay?: undefined
|
62
|
+
duration?: undefined
|
63
|
+
easing?: undefined
|
64
|
+
css?: undefined
|
65
|
+
} | {
|
66
|
+
delay: number
|
67
|
+
duration: number
|
68
|
+
easing: (t: any) => any
|
69
|
+
css: (progress: number) => string
|
70
|
+
};
|
71
|
+
export {};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { ClickableProps } from "../components-flex/props.js";
|
2
|
+
declare const useClickable: ({ eventValue, eventName, onClick, element }: ClickableProps) => {
|
3
|
+
element: string
|
4
|
+
attributes: Record<string, any>
|
5
|
+
handleClick: (e: MouseEvent) => void
|
6
|
+
};
|
7
|
+
export default useClickable;
|
@@ -0,0 +1,63 @@
|
|
1
|
+
import type { ActionVariables, ActionOptions, ActionHook } from "./types.js";
|
2
|
+
import type { SvelteComponentTyped } from "svelte";
|
3
|
+
import type { VariableQuery } from "./collection.js";
|
4
|
+
import type { Props as ModalProps } from "./display-logic.js";
|
5
|
+
/**
|
6
|
+
* アクションを作成する
|
7
|
+
*
|
8
|
+
* @param App - Svelte コンポーネントのエントリポイント
|
9
|
+
* @param options - {@link ActionOptions | オプション}
|
10
|
+
*
|
11
|
+
* @returns アクションを破棄する関数
|
12
|
+
*
|
13
|
+
* @public
|
14
|
+
*/
|
15
|
+
export declare function create<
|
16
|
+
Props extends ModalProps,
|
17
|
+
Variables,
|
18
|
+
VariablesQuery extends Array<VariableQuery>
|
19
|
+
>(App: typeof SvelteComponentTyped, options?: ActionOptions<Props, Variables & ActionVariables, VariablesQuery>): () => void;
|
20
|
+
/**
|
21
|
+
* アクションの破棄する
|
22
|
+
*
|
23
|
+
* @public
|
24
|
+
*/
|
25
|
+
export declare function destroyAction(): void;
|
26
|
+
/**
|
27
|
+
* アクションが作成 (create) される前にフックする関数
|
28
|
+
*
|
29
|
+
* @param fn - 呼び出されるフック関数
|
30
|
+
*
|
31
|
+
* @public
|
32
|
+
*/
|
33
|
+
export declare function onCreate<
|
34
|
+
Props extends ModalProps,
|
35
|
+
Variables
|
36
|
+
>(fn: ActionHook<Props, Variables & ActionVariables>): void;
|
37
|
+
/**
|
38
|
+
* アクションが破棄 (destroy) される前にフックする関数
|
39
|
+
*
|
40
|
+
* @param fn - 呼び出されるフック関数
|
41
|
+
*
|
42
|
+
* @public
|
43
|
+
*/
|
44
|
+
export declare function onDestroy<
|
45
|
+
Props extends ModalProps,
|
46
|
+
Variables
|
47
|
+
>(fn: ActionHook<Props, Variables & ActionVariables>): void;
|
48
|
+
/**
|
49
|
+
* 非推奨
|
50
|
+
*
|
51
|
+
* @deprecated 非推奨
|
52
|
+
*
|
53
|
+
* @internal
|
54
|
+
*/
|
55
|
+
export declare const showModal: typeof create;
|
56
|
+
/**
|
57
|
+
* 非推奨
|
58
|
+
*
|
59
|
+
* @deprecated 非推奨
|
60
|
+
*
|
61
|
+
* @internal
|
62
|
+
*/
|
63
|
+
export declare function destroy(): void;
|
@@ -0,0 +1,25 @@
|
|
1
|
+
import type { ActionSetting } from "./types.js";
|
2
|
+
/** @internal */
|
3
|
+
export declare const actionId: string;
|
4
|
+
/** @internal */
|
5
|
+
export declare const ACTION_DESTROY_EVENT: string;
|
6
|
+
/** @internal */
|
7
|
+
export declare const ACTION_SHOW_EVENT: string;
|
8
|
+
/** @internal */
|
9
|
+
export declare const ACTION_CLOSE_EVENT: string;
|
10
|
+
/** @internal */
|
11
|
+
export declare const ACTION_CHANGE_STATE_EVENT: string;
|
12
|
+
/** @internal */
|
13
|
+
export declare const send_event: (event_name: string, values?: any) => void;
|
14
|
+
/** @internal */
|
15
|
+
export declare const publish_edge: (topic: string, values?: any) => void;
|
16
|
+
/** @internal */
|
17
|
+
export declare const initialize: (setting?: ActionSetting) => () => void;
|
18
|
+
/** @internal */
|
19
|
+
export declare const finalize: () => void;
|
20
|
+
/**
|
21
|
+
* Dispatch the event to destroy KARTE action
|
22
|
+
*
|
23
|
+
* @internal
|
24
|
+
*/
|
25
|
+
export declare function dispatchDestroyEvent(): void;
|
@@ -0,0 +1,121 @@
|
|
1
|
+
type ActionTableResult = number | string | boolean | Date | null | undefined;
|
2
|
+
type ActionTableQueryParam = string | number | boolean | Date;
|
3
|
+
type ActionTableQueryParams = {
|
4
|
+
[key: string]: ActionTableQueryParam | ActionTableQueryParam[]
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* アクションテーブルの設定情報
|
8
|
+
*
|
9
|
+
* @param api_key - API Key
|
10
|
+
* @param table - テーブル名
|
11
|
+
* @param endpoint - エンドポイント / 指定がない場合はデフォルトのエンドポイントを使用します。検証用途以外での通常利用では指定なしで大丈夫です。
|
12
|
+
*/
|
13
|
+
export type CollectionConfig = {
|
14
|
+
api_key: string
|
15
|
+
table: string
|
16
|
+
collection_endpoint?: string
|
17
|
+
};
|
18
|
+
/**
|
19
|
+
* アクションテーブルを管理するメソッドを取得する
|
20
|
+
*
|
21
|
+
* @param config - アクションテーブル設定情報
|
22
|
+
*
|
23
|
+
* @returns メソッドを返します
|
24
|
+
*
|
25
|
+
* @public
|
26
|
+
*/
|
27
|
+
export declare function collection(config: CollectionConfig): {
|
28
|
+
/**
|
29
|
+
* キーを1つ、または複数指定して、対応するアクションテーブルの行を取得する
|
30
|
+
*
|
31
|
+
* @param key - 取得する行のキーを一つ、または複数配列で指定
|
32
|
+
* @param cb - テーブルの行を取得した後に実行するcallback関数
|
33
|
+
*
|
34
|
+
* @public
|
35
|
+
*/
|
36
|
+
get(key: string | Array<string>, cb: (err: Error | null, items?: ActionTableResult | Array<ActionTableResult>) => void): void
|
37
|
+
/**
|
38
|
+
* クエリーを指定して、アクションテーブルから行を取得する
|
39
|
+
* なお、クエリーは事前に管理画面で設定しておく必要があります。
|
40
|
+
*
|
41
|
+
* @param query_name - クエリー名
|
42
|
+
* @param params - クエリーに指定するパラメーター。 `{key: value}` の形式で指定
|
43
|
+
* @param cb - テーブルの行を取得した後に実行するcallback関数
|
44
|
+
*
|
45
|
+
* @public
|
46
|
+
*/
|
47
|
+
getByQuery(query_name: string, params: ActionTableQueryParams, options: {
|
48
|
+
ignore_fields?: string[]
|
49
|
+
} | null | undefined, cb: (err: Error | null, items?: Array<ActionTableResult>) => void): void
|
50
|
+
/** @internal */
|
51
|
+
set(key: string, value: string, cb: (err: Error | null) => void): void
|
52
|
+
};
|
53
|
+
/** @internal */
|
54
|
+
export type VariableQuery = {
|
55
|
+
resolver: string
|
56
|
+
name: string
|
57
|
+
query: any
|
58
|
+
preview_value?: any
|
59
|
+
};
|
60
|
+
/** @internal */
|
61
|
+
export type ActionTableRowRequestConfig = VariableQuery & {
|
62
|
+
resolver: "action-table-row"
|
63
|
+
query: {
|
64
|
+
table_name: string
|
65
|
+
key: string
|
66
|
+
default_value?: ActionTableResult
|
67
|
+
}
|
68
|
+
preview_value?: ActionTableResult
|
69
|
+
};
|
70
|
+
/** @internal */
|
71
|
+
export type ActionTableRowsRequestConfig = VariableQuery & {
|
72
|
+
resolver: "action-table-rows"
|
73
|
+
query: {
|
74
|
+
table_name: string
|
75
|
+
keys: Array<string>
|
76
|
+
default_value?: Array<ActionTableResult>
|
77
|
+
}
|
78
|
+
preview_value?: Array<ActionTableResult>
|
79
|
+
};
|
80
|
+
/** @internal */
|
81
|
+
export type ActionTableQueryRequestConfig = VariableQuery & {
|
82
|
+
resolver: "action-table-query"
|
83
|
+
query: {
|
84
|
+
table_name: string
|
85
|
+
query_name: string
|
86
|
+
params?: {
|
87
|
+
[key: string]: string
|
88
|
+
}
|
89
|
+
default_value?: Array<ActionTableResult>
|
90
|
+
}
|
91
|
+
preview_value?: Array<ActionTableResult>
|
92
|
+
};
|
93
|
+
/** @internal */
|
94
|
+
export type ActionTableRequestConfig = ActionTableRowRequestConfig | ActionTableRowsRequestConfig | ActionTableQueryRequestConfig;
|
95
|
+
/** @internal */
|
96
|
+
export declare const loadActionTableRow: (config: ActionTableRowRequestConfig, data: {
|
97
|
+
[key: string]: any
|
98
|
+
}, api_key: string, collection_endpoint?: string) => Promise<unknown>;
|
99
|
+
/** @internal */
|
100
|
+
export declare const loadActionTableRows: (config: ActionTableRowsRequestConfig, data: {
|
101
|
+
[key: string]: any
|
102
|
+
}, api_key: string, collection_endpoint?: string) => Promise<unknown>;
|
103
|
+
/** @internal */
|
104
|
+
export declare const loadActionTableQuery: (config: ActionTableQueryRequestConfig, data: {
|
105
|
+
[key: string]: any
|
106
|
+
}, api_key: string, collection_endpoint?: string) => Promise<unknown>;
|
107
|
+
/** @internal */
|
108
|
+
export declare const loadActionTable: (config: Array<VariableQuery>, data: {
|
109
|
+
[key: string]: any
|
110
|
+
}, api_key: string, collection_endpoint?: string) => Promise<{
|
111
|
+
[key: string]: any
|
112
|
+
}>;
|
113
|
+
/** @internal */
|
114
|
+
export declare function setupActionTable(localVariablesQuery: Array<VariableQuery>, data: {
|
115
|
+
[key: string]: any
|
116
|
+
}, apiKey: string, collection_endpoint: string): Promise<{
|
117
|
+
success: boolean
|
118
|
+
}>;
|
119
|
+
/** @internal */
|
120
|
+
export declare function initActionTable(localVariablesQuery: Array<VariableQuery> | undefined): void;
|
121
|
+
export {};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import { onMount as onMountSvelte, onDestroy as onDestorySvelte, beforeUpdate as beforeUpdateSvelte, afterUpdate as afterUpdateSvelte, tick as tickSvelte } from "svelte";
|
2
|
+
/**
|
3
|
+
* エレメントをマウントしたときに実行される関数の登録
|
4
|
+
*
|
5
|
+
* @param fn - マウントしたときに実行される関数
|
6
|
+
*/
|
7
|
+
export declare const onMount: typeof onMountSvelte;
|
8
|
+
/**
|
9
|
+
* エレメントを破棄したときに実行される関数の登録
|
10
|
+
*
|
11
|
+
* @param fn - マウントしたときに実行される関数
|
12
|
+
*/
|
13
|
+
export declare const onDestory: typeof onDestorySvelte;
|
14
|
+
/**
|
15
|
+
* エレメントを更新する前に実行される関数の登録
|
16
|
+
*
|
17
|
+
* @param fn - マウントしたときに実行される関数
|
18
|
+
*/
|
19
|
+
export declare const beforeUpdate: typeof beforeUpdateSvelte;
|
20
|
+
/**
|
21
|
+
* エレメントを更新した後に実行される関数の登録
|
22
|
+
*
|
23
|
+
* @param fn - マウントしたときに実行される関数
|
24
|
+
*/
|
25
|
+
export declare const afterUpdate: typeof afterUpdateSvelte;
|
26
|
+
/**
|
27
|
+
* エレメントのライフサイクルを進める
|
28
|
+
*
|
29
|
+
* @returns Promise<void>
|
30
|
+
*/
|
31
|
+
export declare const tick: typeof tickSvelte;
|
32
|
+
export declare const LAYOUT_COMPONENT_NAMES: string[];
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import type { BorderProps, ClickableProps, CommonProps } from "../props.js";
|
2
|
+
import type { Properties } from "csstype";
|
3
|
+
export declare const AVATAR_SIZE: {
|
4
|
+
readonly extra_small: "XS(48 x 48)"
|
5
|
+
readonly small: "S(64 x 64)"
|
6
|
+
readonly medium: "M(88 x 88)"
|
7
|
+
readonly large: "L(108 x 108)"
|
8
|
+
readonly extra_large: "XL(128 x 128)"
|
9
|
+
};
|
10
|
+
export declare const AVATAR_SHAPE: {
|
11
|
+
readonly circle: "サークル"
|
12
|
+
readonly square: "スクエア"
|
13
|
+
readonly rounded: "ラウンド"
|
14
|
+
};
|
15
|
+
export type AvatarProps = CommonProps & ClickableProps & BorderProps & {
|
16
|
+
size?: keyof typeof AVATAR_SIZE | number
|
17
|
+
width?: Properties["width"]
|
18
|
+
height?: Properties["height"]
|
19
|
+
shape?: keyof typeof AVATAR_SHAPE
|
20
|
+
image?: string
|
21
|
+
caption?: string
|
22
|
+
alt?: string
|
23
|
+
};
|
24
|
+
export declare const avatarPropsDefault: AvatarProps;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
export type BrandKit = {
|
2
|
+
font_family: string
|
3
|
+
color_text_primary: string
|
4
|
+
color_text_secondary: string
|
5
|
+
color_brand: string
|
6
|
+
color_link: string
|
7
|
+
color_danger: string
|
8
|
+
color_success: string
|
9
|
+
color_info: string
|
10
|
+
color_warning: string
|
11
|
+
color_white: string
|
12
|
+
};
|
13
|
+
export declare const getBrandKit: (customBrandKit?: Partial<BrandKit>) => BrandKit;
|
14
|
+
export declare const useBrandKit: () => {
|
15
|
+
brandKit: BrandKit
|
16
|
+
};
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { ButtonProps } from "src/components-flex/button/types";
|
2
|
+
import type { PropStyles } from "../shared/types.js";
|
3
|
+
import type { BrandKit } from "../brand-kit.js";
|
4
|
+
import type { BrandableStyles } from "../styles.js";
|
5
|
+
export declare const getButtonThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonProps>;
|
6
|
+
export declare const BUTTON_SIZE_STYLES: PropStyles<ButtonProps, "size">;
|
7
|
+
export declare const BUTTON_ROUND_STYLES: PropStyles<ButtonProps, "round">;
|
8
|
+
export declare const BUTTON_WRAP_STYLES: PropStyles<ButtonProps, "wrap">;
|
@@ -0,0 +1,57 @@
|
|
1
|
+
import type { Properties } from "csstype";
|
2
|
+
import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps, RadiusProps } from "../props.js";
|
3
|
+
export declare const BUTTON_SIZE: {
|
4
|
+
readonly extra_small: "エクストラ スモール"
|
5
|
+
readonly small: "スモール"
|
6
|
+
readonly medium: "ミディアム"
|
7
|
+
readonly large: "ラージ"
|
8
|
+
readonly extra_large: "エクストラ ラージ"
|
9
|
+
};
|
10
|
+
export declare const BUTTON_THEME: {
|
11
|
+
readonly default: "ノーマル / ブランド"
|
12
|
+
readonly general: "ノーマル / ジェネラル"
|
13
|
+
readonly danger: "ノーマル / アラート"
|
14
|
+
readonly white: "ノーマル / ホワイト"
|
15
|
+
readonly default_outline: "アウトライン / ブランド"
|
16
|
+
readonly general_outline: "アウトライン / ジェネラル"
|
17
|
+
readonly danger_outline: "アウトライン / アラート"
|
18
|
+
readonly default_text: "テキスト / ブランド"
|
19
|
+
readonly general_text: "テキスト / ジェネラル"
|
20
|
+
readonly danger_text: "テキスト / アラート"
|
21
|
+
};
|
22
|
+
export declare const BUTTON_VARIANT: {
|
23
|
+
readonly normal: "ノーマル"
|
24
|
+
readonly outline: "アウトライン"
|
25
|
+
readonly text: "テキスト"
|
26
|
+
};
|
27
|
+
export declare const BUTTON_ROUND: {
|
28
|
+
readonly default: "デフォルト"
|
29
|
+
readonly none: "なし"
|
30
|
+
readonly fulled: "円形"
|
31
|
+
};
|
32
|
+
export declare const BUTTON_LINK_TARGET: {
|
33
|
+
readonly _self: "画面内遷移"
|
34
|
+
readonly _blank: "別タブで開く"
|
35
|
+
};
|
36
|
+
export declare const BUTTON_ICON_ANGLE: {
|
37
|
+
readonly row: "左側"
|
38
|
+
readonly "row-reverse": "右側"
|
39
|
+
};
|
40
|
+
export type ButtonProps = CommonProps & ClickableProps & ShadowProps & LinkProps & WithIconProps & RadiusProps & BorderProps & {
|
41
|
+
label?: string
|
42
|
+
size?: keyof typeof BUTTON_SIZE | string
|
43
|
+
height?: Properties["height"]
|
44
|
+
paddingLeft?: Properties["paddingLeft"]
|
45
|
+
paddingRight?: Properties["paddingRight"]
|
46
|
+
fontSize?: Properties["fontSize"]
|
47
|
+
theme?: keyof typeof BUTTON_THEME | string
|
48
|
+
variant?: keyof typeof BUTTON_VARIANT | string
|
49
|
+
color?: Properties["color"]
|
50
|
+
backgroundColor?: Properties["backgroundColor"]
|
51
|
+
borderColor?: Properties["borderColor"]
|
52
|
+
fontWeight?: Properties["fontWeight"]
|
53
|
+
round?: keyof typeof BUTTON_ROUND
|
54
|
+
width?: Properties["width"]
|
55
|
+
wrap?: "wrap" | "nowrap"
|
56
|
+
};
|
57
|
+
export declare const buttonPropsDefault: ButtonProps;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { ButtonOutlinedProps } from "./types.js";
|
2
|
+
import type { PropStyles } from "../shared/types.js";
|
3
|
+
import type { BrandKit } from "../brand-kit.js";
|
4
|
+
import type { BrandableStyles } from "../styles.js";
|
5
|
+
export declare const BUTTON_OUTLINED_SIZE_STYLES: PropStyles<ButtonOutlinedProps, "size">;
|
6
|
+
export declare const getButtonOutlinedThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonOutlinedProps>;
|
7
|
+
export declare const BUTTON_OUTLINED_ROUND_STYLES: PropStyles<ButtonOutlinedProps, "round">;
|
8
|
+
export declare const BUTTON_OUTLINED_WRAP_STYLES: PropStyles<ButtonOutlinedProps, "wrap">;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import type { Properties } from "csstype";
|
2
|
+
import type { BorderProps, ClickableProps, CommonProps, LinkProps, ShadowProps, WithIconProps } from "../props.js";
|
3
|
+
import type { BUTTON_THEME, BUTTON_ROUND, BUTTON_SIZE } from "../button/types.js";
|
4
|
+
export type ButtonOutlinedProps = CommonProps & ClickableProps & ShadowProps & WithIconProps & LinkProps & BorderProps & {
|
5
|
+
label?: string
|
6
|
+
size?: keyof typeof BUTTON_SIZE
|
7
|
+
height?: Properties["height"]
|
8
|
+
paddingLeft?: Properties["paddingLeft"]
|
9
|
+
paddingRight?: Properties["paddingRight"]
|
10
|
+
fontSize?: Properties["fontSize"]
|
11
|
+
theme?: keyof typeof BUTTON_THEME
|
12
|
+
color?: Properties["color"]
|
13
|
+
backgroundColor?: Properties["backgroundColor"]
|
14
|
+
borderColor?: Properties["backgroundColor"]
|
15
|
+
width?: Properties["width"]
|
16
|
+
round?: keyof typeof BUTTON_ROUND
|
17
|
+
fontWeight?: Properties["fontWeight"]
|
18
|
+
wrap?: "wrap" | "nowrap"
|
19
|
+
};
|
20
|
+
export declare const buttonOutlinedPropsDefault: ButtonOutlinedProps;
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { PropStyles } from "../shared/types.js";
|
2
|
+
import type { ButtonTextProps } from "./types.js";
|
3
|
+
import type { BrandKit } from "../brand-kit.js";
|
4
|
+
import type { BrandableStyles } from "../styles.js";
|
5
|
+
export declare const BUTTON_TEXT_SIZE_STYLES: PropStyles<ButtonTextProps, "size">;
|
6
|
+
export declare const getButtonTextThemeStyles: (customBrandKit?: Partial<BrandKit>) => BrandableStyles<ButtonTextProps>;
|
@@ -0,0 +1,33 @@
|
|
1
|
+
import type { Properties } from "csstype";
|
2
|
+
import type { ClickableProps, CommonProps, LinkProps, WithIconProps } from "../props.js";
|
3
|
+
import type { BUTTON_ROUND } from "../button/types.js";
|
4
|
+
export declare const BUTTON_TEXT_SIZE: {
|
5
|
+
readonly small: "Small"
|
6
|
+
readonly medium: "Medium"
|
7
|
+
readonly large: "Large"
|
8
|
+
};
|
9
|
+
export declare const BUTTON_TEXT_THEME: {
|
10
|
+
readonly default: "Default"
|
11
|
+
readonly link: "Link"
|
12
|
+
readonly general: "General"
|
13
|
+
readonly success: "Success"
|
14
|
+
readonly warning: "Warning"
|
15
|
+
readonly danger: "Danger"
|
16
|
+
readonly info: "Info"
|
17
|
+
readonly white: "White"
|
18
|
+
};
|
19
|
+
export type ButtonTextProps = CommonProps & ClickableProps & LinkProps & WithIconProps & {
|
20
|
+
label?: string
|
21
|
+
size?: keyof typeof BUTTON_TEXT_SIZE
|
22
|
+
height?: Properties["height"]
|
23
|
+
paddingLeft?: Properties["paddingLeft"]
|
24
|
+
paddingRight?: Properties["paddingRight"]
|
25
|
+
fontSize?: Properties["fontSize"]
|
26
|
+
theme?: keyof typeof BUTTON_TEXT_THEME
|
27
|
+
color?: Properties["color"]
|
28
|
+
backgroundColor?: Properties["backgroundColor"]
|
29
|
+
fontWeight?: Properties["fontWeight"]
|
30
|
+
width?: Properties["width"]
|
31
|
+
round?: keyof typeof BUTTON_ROUND
|
32
|
+
wrap?: "wrap" | "nowrap"
|
33
|
+
};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import type { BorderProps, ClickableProps, CommonProps } from "../props.js";
|
2
|
+
import type { Properties } from "csstype";
|
3
|
+
export declare const CLOSE_BUTTON_PLACEMENT: {
|
4
|
+
readonly topRight: "topRight"
|
5
|
+
readonly topLeft: "topLeft"
|
6
|
+
readonly bottomRight: "bottomRight"
|
7
|
+
readonly bottomLeft: "bottomLeft"
|
8
|
+
};
|
9
|
+
export declare const CLOSE_BUTTON_ROUND: {
|
10
|
+
readonly default: "デフォルト"
|
11
|
+
readonly none: "なし"
|
12
|
+
readonly fulled: "円形"
|
13
|
+
};
|
14
|
+
export declare const CLOSE_BUTTON_LABEL_PLACEMENT: {
|
15
|
+
readonly right: "right"
|
16
|
+
readonly left: "left"
|
17
|
+
};
|
18
|
+
export type CloseButtonProps = CommonProps & ClickableProps & BorderProps & {
|
19
|
+
size?: number
|
20
|
+
placement?: keyof typeof CLOSE_BUTTON_PLACEMENT
|
21
|
+
round?: keyof typeof CLOSE_BUTTON_ROUND
|
22
|
+
bordered?: boolean
|
23
|
+
color?: Properties["color"]
|
24
|
+
backgroundColor?: Properties["backgroundColor"]
|
25
|
+
label?: string
|
26
|
+
labelColor?: Properties["color"]
|
27
|
+
labelPlacement?: keyof typeof CLOSE_BUTTON_LABEL_PLACEMENT
|
28
|
+
top?: Properties["top"]
|
29
|
+
right?: Properties["right"]
|
30
|
+
left?: Properties["left"]
|
31
|
+
bottom?: Properties["bottom"]
|
32
|
+
};
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import type { CommonProps } from "../props.js";
|
2
|
+
import type { OnClickOperation } from "../../prop.js";
|
3
|
+
import type { LayerTextProps } from "../text/types.js";
|
4
|
+
export type CountDownProps = CommonProps & {
|
5
|
+
timeLimit?: string
|
6
|
+
onEnd?: OnClickOperation
|
7
|
+
};
|
8
|
+
export type CountDownValueType = "day" | "hour" | "minute" | "second";
|
9
|
+
export type CountDownValueProps = LayerTextProps & {
|
10
|
+
type: CountDownValueType
|
11
|
+
};
|
12
|
+
export type CountDownValues = {
|
13
|
+
day: number
|
14
|
+
hour: number
|
15
|
+
min: number
|
16
|
+
sec: number
|
17
|
+
};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import type { ClickableProps, CommonProps } from "../props.js";
|
2
|
+
import type { Properties } from "preact/src/jsx-csstype";
|
3
|
+
export declare const ICON_SIZE: {
|
4
|
+
[key: string]: {
|
5
|
+
label: string
|
6
|
+
value: string
|
7
|
+
}
|
8
|
+
};
|
9
|
+
export declare const ICON_VARIANTS: {
|
10
|
+
[key: string]: any
|
11
|
+
};
|
12
|
+
export type IconProps = CommonProps & ClickableProps & {
|
13
|
+
variant: string
|
14
|
+
size?: keyof typeof ICON_SIZE
|
15
|
+
color?: Properties["color"]
|
16
|
+
width?: Properties["width"]
|
17
|
+
height?: Properties["height"]
|
18
|
+
};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import type { Properties } from "csstype";
|
2
|
+
import type { CommonProps, BorderProps, ClickableProps, AspectProps, RadiusProps } from "../props.js";
|
3
|
+
export declare const IMAGE_ROUND_SHAPE: {
|
4
|
+
readonly circle: "ラウンド / ミディアム"
|
5
|
+
readonly rounded: "ラウンド / スモール"
|
6
|
+
readonly square: "スクエア"
|
7
|
+
};
|
8
|
+
export declare const IMAGE_ASPECT_VARIANTS: {
|
9
|
+
"1/1": string
|
10
|
+
"2/1": string
|
11
|
+
"3/2": string
|
12
|
+
"4/3": string
|
13
|
+
"16/9": string
|
14
|
+
"16/5": string
|
15
|
+
"1/2": string
|
16
|
+
"2/3": string
|
17
|
+
"3/4": string
|
18
|
+
"9/16": string
|
19
|
+
};
|
20
|
+
export type ImageProps = CommonProps & ClickableProps & AspectProps & RadiusProps & BorderProps & {
|
21
|
+
image?: string
|
22
|
+
width?: Properties["width"]
|
23
|
+
height?: Properties["height"]
|
24
|
+
alt?: string
|
25
|
+
shape?: keyof typeof IMAGE_ROUND_SHAPE
|
26
|
+
};
|