@feedmepos/mf-kitchen 1.0.4 → 1.0.5-beta.1

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.
Files changed (27) hide show
  1. package/dist/{AdvanceModeView-4fbb592c.js → AdvanceModeView-6e47cd27.js} +1058 -1024
  2. package/dist/{NormalModeView-9c657951.js → NormalModeView-3c389fc2.js} +58 -57
  3. package/dist/ReceiptTemplate-b81832fe.js +113 -0
  4. package/dist/TemplateHeader-72a8fe6c.js +73326 -0
  5. package/dist/api/index.d.ts +2 -0
  6. package/dist/{app-57cd590d.js → app-937f271d.js} +8 -8
  7. package/dist/app.js +1 -1
  8. package/dist/components/EditingPanel.vue.d.ts +56 -42
  9. package/dist/components/Preview.vue.d.ts +128 -46
  10. package/dist/components/ReceiptEditor.vue.d.ts +56 -42
  11. package/dist/components/advance/AdvanceModeLeftPanel.vue.d.ts +196 -50
  12. package/dist/components/normal/NormalModeEditor.vue.d.ts +64 -0
  13. package/dist/editors/CheckboxWidgetEditor.vue.d.ts +60 -46
  14. package/dist/editors/CommonWidgetEditor.vue.d.ts +60 -46
  15. package/dist/editors/DividerWidgetEditor.vue.d.ts +60 -46
  16. package/dist/editors/ImageWidgetEditor.vue.d.ts +74 -46
  17. package/dist/editors/QrCodeWidgetEditor.vue.d.ts +62 -48
  18. package/dist/editors/SpacerWidgetEditor.vue.d.ts +60 -46
  19. package/dist/editors/TextWidgetEditor.vue.d.ts +62 -48
  20. package/dist/shared/ReceiptSettingBase.vue.d.ts +68 -0
  21. package/dist/shared/SaveDialogPopUp.vue.d.ts +128 -46
  22. package/dist/shared/TemplateHeader.vue.d.ts +128 -46
  23. package/dist/style.css +1 -1
  24. package/dist/tsconfig.app.tsbuildinfo +1 -1
  25. package/package.json +3 -3
  26. package/dist/ReceiptTemplate-9d2103ec.js +0 -111
  27. package/dist/TemplateHeader-88f309d9.js +0 -40370
package/dist/editors/DividerWidgetEditor.vue.d.ts CHANGED
@@ -7,13 +7,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
7
7
  height?: number | null | undefined;
8
8
  color?: "BLACK" | "COLORED" | null | undefined;
9
9
  type: "DIVIDER";
10
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
10
11
  padding: {
11
- left: number;
12
12
  top: number;
13
- bottom: number;
14
13
  right: number;
14
+ bottom: number;
15
+ left: number;
15
16
  };
16
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
17
17
  spacing: number;
18
18
  thickness: number;
19
19
  }) => void;
@@ -29,13 +29,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
29
29
  data: {
30
30
  height?: number | null | undefined;
31
31
  type: "EMPTY";
32
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
32
33
  padding: {
33
- left: number;
34
34
  top: number;
35
- bottom: number;
36
35
  right: number;
36
+ bottom: number;
37
+ left: number;
37
38
  };
38
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
39
39
  } | {
40
40
  height?: number | null | undefined;
41
41
  color?: "BLACK" | "COLORED" | null | undefined;
@@ -44,15 +44,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
44
44
  column?: number | null | undefined;
45
45
  maxLines?: number | null | undefined;
46
46
  type: "TEXT";
47
+ value: string;
48
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
47
49
  padding: {
48
- left: number;
49
50
  top: number;
50
- bottom: number;
51
51
  right: number;
52
+ bottom: number;
53
+ left: number;
52
54
  };
53
55
  textAlign: "CENTER" | "LEFT" | "RIGHT";
54
- value: string;
55
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
56
56
  factor: number;
57
57
  isBold: boolean;
58
58
  isItalic: boolean;
@@ -61,52 +61,59 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
61
61
  height?: number | null | undefined;
62
62
  color?: "BLACK" | "COLORED" | null | undefined;
63
63
  type: "DIVIDER";
64
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
64
65
  padding: {
65
- left: number;
66
66
  top: number;
67
- bottom: number;
68
67
  right: number;
68
+ bottom: number;
69
+ left: number;
69
70
  };
70
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
71
71
  spacing: number;
72
72
  thickness: number;
73
73
  } | {
74
74
  height?: number | null | undefined;
75
75
  color?: "BLACK" | "COLORED" | null | undefined;
76
76
  type: "CHECKBOX";
77
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
77
78
  padding: {
78
- left: number;
79
79
  top: number;
80
- bottom: number;
81
80
  right: number;
81
+ bottom: number;
82
+ left: number;
82
83
  };
83
84
  size: number;
84
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
85
85
  } | {
86
86
  height?: number | null | undefined;
87
87
  width?: number | null | undefined;
88
+ imgList?: string[] | null | undefined;
89
+ imageDisplay?: {
90
+ displayLogic?: "single" | "random" | "all" | null | undefined;
91
+ count?: number | null | undefined;
92
+ layout?: "single" | "horizontal" | "vertical" | null | undefined;
93
+ shuffle?: boolean | null | undefined;
94
+ } | null | undefined;
88
95
  type: "IMAGE";
96
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
89
97
  padding: {
90
- left: number;
91
98
  top: number;
92
- bottom: number;
93
99
  right: number;
100
+ bottom: number;
101
+ left: number;
94
102
  };
95
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
96
103
  imgData: string;
97
104
  } | {
98
105
  height?: number | null | undefined;
99
106
  color?: "BLACK" | "COLORED" | null | undefined;
100
- link: string;
101
107
  type: "QR";
108
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
102
109
  padding: {
103
- left: number;
104
110
  top: number;
105
- bottom: number;
106
111
  right: number;
112
+ bottom: number;
113
+ left: number;
107
114
  };
108
115
  size: number;
109
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
116
+ link: string;
110
117
  };
111
118
  }[];
112
119
  }) => void;
@@ -118,13 +125,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
118
125
  height?: number | null | undefined;
119
126
  color?: "BLACK" | "COLORED" | null | undefined;
120
127
  type: "DIVIDER";
128
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
121
129
  padding: {
122
- left: number;
123
130
  top: number;
124
- bottom: number;
125
131
  right: number;
132
+ bottom: number;
133
+ left: number;
126
134
  };
127
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
128
135
  spacing: number;
129
136
  thickness: number;
130
137
  }) => any) | undefined;
@@ -140,13 +147,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
140
147
  data: {
141
148
  height?: number | null | undefined;
142
149
  type: "EMPTY";
150
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
143
151
  padding: {
144
- left: number;
145
152
  top: number;
146
- bottom: number;
147
153
  right: number;
154
+ bottom: number;
155
+ left: number;
148
156
  };
149
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
150
157
  } | {
151
158
  height?: number | null | undefined;
152
159
  color?: "BLACK" | "COLORED" | null | undefined;
@@ -155,15 +162,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
155
162
  column?: number | null | undefined;
156
163
  maxLines?: number | null | undefined;
157
164
  type: "TEXT";
165
+ value: string;
166
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
158
167
  padding: {
159
- left: number;
160
168
  top: number;
161
- bottom: number;
162
169
  right: number;
170
+ bottom: number;
171
+ left: number;
163
172
  };
164
173
  textAlign: "CENTER" | "LEFT" | "RIGHT";
165
- value: string;
166
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
167
174
  factor: number;
168
175
  isBold: boolean;
169
176
  isItalic: boolean;
@@ -172,52 +179,59 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
172
179
  height?: number | null | undefined;
173
180
  color?: "BLACK" | "COLORED" | null | undefined;
174
181
  type: "DIVIDER";
182
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
175
183
  padding: {
176
- left: number;
177
184
  top: number;
178
- bottom: number;
179
185
  right: number;
186
+ bottom: number;
187
+ left: number;
180
188
  };
181
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
182
189
  spacing: number;
183
190
  thickness: number;
184
191
  } | {
185
192
  height?: number | null | undefined;
186
193
  color?: "BLACK" | "COLORED" | null | undefined;
187
194
  type: "CHECKBOX";
195
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
188
196
  padding: {
189
- left: number;
190
197
  top: number;
191
- bottom: number;
192
198
  right: number;
199
+ bottom: number;
200
+ left: number;
193
201
  };
194
202
  size: number;
195
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
196
203
  } | {
197
204
  height?: number | null | undefined;
198
205
  width?: number | null | undefined;
206
+ imgList?: string[] | null | undefined;
207
+ imageDisplay?: {
208
+ displayLogic?: "single" | "random" | "all" | null | undefined;
209
+ count?: number | null | undefined;
210
+ layout?: "single" | "horizontal" | "vertical" | null | undefined;
211
+ shuffle?: boolean | null | undefined;
212
+ } | null | undefined;
199
213
  type: "IMAGE";
214
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
200
215
  padding: {
201
- left: number;
202
216
  top: number;
203
- bottom: number;
204
217
  right: number;
218
+ bottom: number;
219
+ left: number;
205
220
  };
206
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
207
221
  imgData: string;
208
222
  } | {
209
223
  height?: number | null | undefined;
210
224
  color?: "BLACK" | "COLORED" | null | undefined;
211
- link: string;
212
225
  type: "QR";
226
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
213
227
  padding: {
214
- left: number;
215
228
  top: number;
216
- bottom: number;
217
229
  right: number;
230
+ bottom: number;
231
+ left: number;
218
232
  };
219
233
  size: number;
220
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
234
+ link: string;
221
235
  };
222
236
  }[];
223
237
  }) => any) | undefined;
package/dist/editors/ImageWidgetEditor.vue.d.ts CHANGED
@@ -6,14 +6,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6
6
  "update:model-value": (v: {
7
7
  height?: number | null | undefined;
8
8
  width?: number | null | undefined;
9
+ imgList?: string[] | null | undefined;
10
+ imageDisplay?: {
11
+ displayLogic?: "single" | "random" | "all" | null | undefined;
12
+ count?: number | null | undefined;
13
+ layout?: "single" | "horizontal" | "vertical" | null | undefined;
14
+ shuffle?: boolean | null | undefined;
15
+ } | null | undefined;
9
16
  type: "IMAGE";
17
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
10
18
  padding: {
11
- left: number;
12
19
  top: number;
13
- bottom: number;
14
20
  right: number;
21
+ bottom: number;
22
+ left: number;
15
23
  };
16
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
17
24
  imgData: string;
18
25
  }) => void;
19
26
  "update:selected-widget-column": (v: {
@@ -28,13 +35,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
28
35
  data: {
29
36
  height?: number | null | undefined;
30
37
  type: "EMPTY";
38
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
31
39
  padding: {
32
- left: number;
33
40
  top: number;
34
- bottom: number;
35
41
  right: number;
42
+ bottom: number;
43
+ left: number;
36
44
  };
37
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
38
45
  } | {
39
46
  height?: number | null | undefined;
40
47
  color?: "BLACK" | "COLORED" | null | undefined;
@@ -43,15 +50,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
43
50
  column?: number | null | undefined;
44
51
  maxLines?: number | null | undefined;
45
52
  type: "TEXT";
53
+ value: string;
54
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
46
55
  padding: {
47
- left: number;
48
56
  top: number;
49
- bottom: number;
50
57
  right: number;
58
+ bottom: number;
59
+ left: number;
51
60
  };
52
61
  textAlign: "CENTER" | "LEFT" | "RIGHT";
53
- value: string;
54
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
55
62
  factor: number;
56
63
  isBold: boolean;
57
64
  isItalic: boolean;
@@ -60,52 +67,59 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
60
67
  height?: number | null | undefined;
61
68
  color?: "BLACK" | "COLORED" | null | undefined;
62
69
  type: "DIVIDER";
70
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
63
71
  padding: {
64
- left: number;
65
72
  top: number;
66
- bottom: number;
67
73
  right: number;
74
+ bottom: number;
75
+ left: number;
68
76
  };
69
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
70
77
  spacing: number;
71
78
  thickness: number;
72
79
  } | {
73
80
  height?: number | null | undefined;
74
81
  color?: "BLACK" | "COLORED" | null | undefined;
75
82
  type: "CHECKBOX";
83
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
76
84
  padding: {
77
- left: number;
78
85
  top: number;
79
- bottom: number;
80
86
  right: number;
87
+ bottom: number;
88
+ left: number;
81
89
  };
82
90
  size: number;
83
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
84
91
  } | {
85
92
  height?: number | null | undefined;
86
93
  width?: number | null | undefined;
94
+ imgList?: string[] | null | undefined;
95
+ imageDisplay?: {
96
+ displayLogic?: "single" | "random" | "all" | null | undefined;
97
+ count?: number | null | undefined;
98
+ layout?: "single" | "horizontal" | "vertical" | null | undefined;
99
+ shuffle?: boolean | null | undefined;
100
+ } | null | undefined;
87
101
  type: "IMAGE";
102
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
88
103
  padding: {
89
- left: number;
90
104
  top: number;
91
- bottom: number;
92
105
  right: number;
106
+ bottom: number;
107
+ left: number;
93
108
  };
94
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
95
109
  imgData: string;
96
110
  } | {
97
111
  height?: number | null | undefined;
98
112
  color?: "BLACK" | "COLORED" | null | undefined;
99
- link: string;
100
113
  type: "QR";
114
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
101
115
  padding: {
102
- left: number;
103
116
  top: number;
104
- bottom: number;
105
117
  right: number;
118
+ bottom: number;
119
+ left: number;
106
120
  };
107
121
  size: number;
108
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
122
+ link: string;
109
123
  };
110
124
  }[];
111
125
  }) => void;
@@ -116,14 +130,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
116
130
  "onUpdate:model-value"?: ((v: {
117
131
  height?: number | null | undefined;
118
132
  width?: number | null | undefined;
133
+ imgList?: string[] | null | undefined;
134
+ imageDisplay?: {
135
+ displayLogic?: "single" | "random" | "all" | null | undefined;
136
+ count?: number | null | undefined;
137
+ layout?: "single" | "horizontal" | "vertical" | null | undefined;
138
+ shuffle?: boolean | null | undefined;
139
+ } | null | undefined;
119
140
  type: "IMAGE";
141
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
120
142
  padding: {
121
- left: number;
122
143
  top: number;
123
- bottom: number;
124
144
  right: number;
145
+ bottom: number;
146
+ left: number;
125
147
  };
126
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
127
148
  imgData: string;
128
149
  }) => any) | undefined;
129
150
  "onUpdate:selected-widget-column"?: ((v: {
@@ -138,13 +159,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
138
159
  data: {
139
160
  height?: number | null | undefined;
140
161
  type: "EMPTY";
162
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
141
163
  padding: {
142
- left: number;
143
164
  top: number;
144
- bottom: number;
145
165
  right: number;
166
+ bottom: number;
167
+ left: number;
146
168
  };
147
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
148
169
  } | {
149
170
  height?: number | null | undefined;
150
171
  color?: "BLACK" | "COLORED" | null | undefined;
@@ -153,15 +174,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
153
174
  column?: number | null | undefined;
154
175
  maxLines?: number | null | undefined;
155
176
  type: "TEXT";
177
+ value: string;
178
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
156
179
  padding: {
157
- left: number;
158
180
  top: number;
159
- bottom: number;
160
181
  right: number;
182
+ bottom: number;
183
+ left: number;
161
184
  };
162
185
  textAlign: "CENTER" | "LEFT" | "RIGHT";
163
- value: string;
164
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
165
186
  factor: number;
166
187
  isBold: boolean;
167
188
  isItalic: boolean;
@@ -170,52 +191,59 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
170
191
  height?: number | null | undefined;
171
192
  color?: "BLACK" | "COLORED" | null | undefined;
172
193
  type: "DIVIDER";
194
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
173
195
  padding: {
174
- left: number;
175
196
  top: number;
176
- bottom: number;
177
197
  right: number;
198
+ bottom: number;
199
+ left: number;
178
200
  };
179
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
180
201
  spacing: number;
181
202
  thickness: number;
182
203
  } | {
183
204
  height?: number | null | undefined;
184
205
  color?: "BLACK" | "COLORED" | null | undefined;
185
206
  type: "CHECKBOX";
207
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
186
208
  padding: {
187
- left: number;
188
209
  top: number;
189
- bottom: number;
190
210
  right: number;
211
+ bottom: number;
212
+ left: number;
191
213
  };
192
214
  size: number;
193
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
194
215
  } | {
195
216
  height?: number | null | undefined;
196
217
  width?: number | null | undefined;
218
+ imgList?: string[] | null | undefined;
219
+ imageDisplay?: {
220
+ displayLogic?: "single" | "random" | "all" | null | undefined;
221
+ count?: number | null | undefined;
222
+ layout?: "single" | "horizontal" | "vertical" | null | undefined;
223
+ shuffle?: boolean | null | undefined;
224
+ } | null | undefined;
197
225
  type: "IMAGE";
226
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
198
227
  padding: {
199
- left: number;
200
228
  top: number;
201
- bottom: number;
202
229
  right: number;
230
+ bottom: number;
231
+ left: number;
203
232
  };
204
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
205
233
  imgData: string;
206
234
  } | {
207
235
  height?: number | null | undefined;
208
236
  color?: "BLACK" | "COLORED" | null | undefined;
209
- link: string;
210
237
  type: "QR";
238
+ alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
211
239
  padding: {
212
- left: number;
213
240
  top: number;
214
- bottom: number;
215
241
  right: number;
242
+ bottom: number;
243
+ left: number;
216
244
  };
217
245
  size: number;
218
- alignment: "TOP_LEFT" | "TOP_CENTER" | "TOP_RIGHT" | "CENTER_LEFT" | "CENTER" | "CENTER_RIGHT" | "BOTTOM_LEFT" | "BOTTOM_CENTER" | "BOTTOM_RIGHT";
246
+ link: string;
219
247
  };
220
248
  }[];
221
249
  }) => any) | undefined;