1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 | import { Action } from "./action.js";
|
13 | import { FlexBoxBackground } from "./flexBoxBackground.js";
|
14 | import { FlexComponent } from "./flexComponent.js";
|
15 | import { FlexComponentBase } from "./models.js";
|
16 | export type FlexBox = FlexComponentBase & {
|
17 | type: "box";
|
18 | |
19 |
|
20 | layout: FlexBox.LayoutEnum;
|
21 | |
22 |
|
23 | flex?: number;
|
24 | |
25 |
|
26 | contents: Array<FlexComponent>;
|
27 | |
28 |
|
29 | spacing?: string;
|
30 | |
31 |
|
32 | margin?: string;
|
33 | |
34 |
|
35 | position?: FlexBox.PositionEnum;
|
36 | |
37 |
|
38 | offsetTop?: string;
|
39 | |
40 |
|
41 | offsetBottom?: string;
|
42 | |
43 |
|
44 | offsetStart?: string;
|
45 | |
46 |
|
47 | offsetEnd?: string;
|
48 | |
49 |
|
50 | backgroundColor?: string;
|
51 | |
52 |
|
53 | borderColor?: string;
|
54 | |
55 |
|
56 | borderWidth?: string;
|
57 | |
58 |
|
59 | cornerRadius?: string;
|
60 | |
61 |
|
62 | width?: string;
|
63 | |
64 |
|
65 | maxWidth?: string;
|
66 | |
67 |
|
68 | height?: string;
|
69 | |
70 |
|
71 | maxHeight?: string;
|
72 | |
73 |
|
74 | paddingAll?: string;
|
75 | |
76 |
|
77 | paddingTop?: string;
|
78 | |
79 |
|
80 | paddingBottom?: string;
|
81 | |
82 |
|
83 | paddingStart?: string;
|
84 | |
85 |
|
86 | paddingEnd?: string;
|
87 | |
88 |
|
89 | action?: Action;
|
90 | |
91 |
|
92 | justifyContent?: FlexBox.JustifyContentEnum;
|
93 | |
94 |
|
95 | alignItems?: FlexBox.AlignItemsEnum;
|
96 | |
97 |
|
98 | background?: FlexBoxBackground;
|
99 | };
|
100 | export declare namespace FlexBox {
|
101 | type LayoutEnum = "horizontal" | "vertical" | "baseline";
|
102 | type PositionEnum = "relative" | "absolute";
|
103 | type JustifyContentEnum = "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly";
|
104 | type AlignItemsEnum = "center" | "flex-start" | "flex-end";
|
105 | }
|
106 |
|
\ | No newline at end of file |