impaktapps-ui-builder 0.0.382-alpha.34 → 0.0.382-alpha.340

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 (37) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1810 -1263
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +10 -10
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +0 -1
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +2 -35
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +18 -15
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +102 -53
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -17
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  12. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
  13. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
  14. package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +0 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -3
  18. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +27 -50
  19. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +49 -30
  20. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +36 -16
  21. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +6 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +52 -79
  24. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  25. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +12 -2
  26. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +6 -1
  27. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +58 -84
  28. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +6 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  30. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +474 -340
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +536 -335
  33. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +357 -385
  34. package/src/impaktapps-ui-builder/builder/services/component.ts +25 -7
  35. package/src/impaktapps-ui-builder/builder/services/event.ts +17 -9
  36. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +19 -3
  37. package/src/impaktapps-ui-builder/runtime/services/service.ts +131 -90
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,223 +1,444 @@
1
- export const componentBasicUiSchema: any = (theme) => {
2
- const uiSchema = {
3
- type: "HorizontalLayout",
4
- heading: "Component",
5
- elements: [
6
- // {
7
- // type: "WrapperLayout",
8
- // config: {
9
- // main: {
10
- // rowSpacing: 1,
11
- // header:true
12
- // },
13
- // defaultStyle:true
14
- // },
15
- // elements: [
16
-
17
- // {
18
- // type: "Control",
19
- // scope: "#/properties/Component",
20
-
21
- // options: {
22
- // widget: "Box",
23
- // },
24
- // config: {
25
- // layout: {xs:12,sm:12,md:2},
26
- // main: {
27
- // heading: "Component",
28
- // },
29
- // style:{
30
- // "float":"left",
31
- // }
32
- // },
33
- // },
34
-
35
- // {
36
- // type: "Control",
37
- // scope: "#/properties/pageName",
38
-
39
- // options: {
40
- // widget: "Box",
41
- // },
42
- // config: {
43
- // layout: {xs:7,sm:7,md:9},
44
- // main: {
45
- // heading: " ",
46
- // },
47
- // style: {
48
- // float: "right",
49
- // width:"auto",
50
- // fontSize:"12px",
51
- // color:"gray",
52
- // paddingTop:"10px"
53
- // },
54
- // },
55
- // },
56
-
57
- // {
58
- // type: "Control",
59
- // scope: "#/properties/Back_Button",
60
-
61
- // options: {
62
- // widget: "IconButton",
63
- // },
64
- // config: {
65
- // layout: {xs:2,sm:2,md:0.5},
66
- // main: {
67
- // icon: "BackIcon",
68
- // styleDefault: true,
69
- // size: "small",
70
- // onClick: "backHandler",
71
- // tooltipMessage: "Back",
72
- // },
73
- // style: {
74
- // float: "right",
75
- // },
76
- // },
77
- // },
78
-
79
- // ],
80
- // },
81
- {
82
- type: "TabLayout",
83
- config: {
84
- main: {
85
- tabLabels: ["Core"],
86
- defaultStyle: true,
87
- id: `component`
1
+ export const componentBasicUiSchema: any = {
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ {
5
+ type: "WrapperLayout",
6
+ config: {
7
+ main: {
8
+ rowSpacing: 1,
9
+ header:true
10
+ },
11
+ defaultStyle:true
12
+ },
13
+ elements: [
14
+
15
+ {
16
+ type: "Control",
17
+ scope: "#/properties/Component",
18
+
19
+ options: {
20
+ widget: "Box",
21
+ },
22
+ config: {
23
+ layout: {xs:12,sm:12,md:2},
24
+ main: {
25
+ heading: "Component",
26
+ },
27
+ style:{
28
+ "float":"left",
29
+ }
30
+ },
31
+ },
32
+
33
+ {
34
+ type: "Control",
35
+ scope: "#/properties/pageName",
36
+
37
+ options: {
38
+ widget: "Box",
39
+ },
40
+ config: {
41
+ layout: {xs:7,sm:7,md:9},
42
+ main: {
43
+ heading: " ",
44
+ },
45
+ style: {
46
+ float: "right",
47
+ width:"auto",
48
+ fontSize:"12px",
49
+ color:"gray",
50
+ paddingTop:"10px"
51
+ },
88
52
  },
89
53
  },
54
+
55
+ {
56
+ type: "Control",
57
+ scope: "#/properties/Back_Button",
58
+
59
+ options: {
60
+ widget: "IconButton",
61
+ },
62
+ config: {
63
+ layout: {xs:2,sm:2,md:0.5},
64
+ main: {
65
+ icon: "BackIcon",
66
+ styleDefault: true,
67
+ size: "small",
68
+ onClick: "backHandler",
69
+ tooltipMessage: "Back",
70
+ },
71
+ style: {
72
+ float: "right",
73
+ },
74
+ },
75
+ },
76
+
77
+ ],
78
+ },
79
+ {
80
+ type: "TabLayout",
81
+ config: {
82
+ main: {
83
+ tabLabels: ["Core"],
84
+ defaultStyle: true,
85
+ id:`component`
86
+ },
87
+ },
90
88
 
91
- elements: [
92
- {
93
- type: "HorizontalLayout",
94
- elements: [
95
- {
96
- type: "Control",
97
- scope: "#/properties/type",
98
-
99
- options: {
100
- widget: "SelectInputField",
101
- },
102
- config: {
103
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
- main: {
105
- label: "Type",
106
- },
89
+ elements: [
90
+ {
91
+ type: "HorizontalLayout",
92
+ elements: [
93
+ {
94
+ type: "Control",
95
+ scope: "#/properties/type",
96
+
97
+ options: {
98
+ widget: "SelectInputField",
99
+ },
100
+ config: {
101
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
+ main: {
103
+ label: "Type",
107
104
  },
108
105
  },
109
- {
110
- type: "Control",
111
- scope: "#/properties/name",
106
+ },
107
+ {
108
+ type: "Control",
109
+ scope: "#/properties/name",
112
110
 
113
- options: {
114
- widget: "InputField",
111
+ options: {
112
+ widget: "InputField",
113
+ },
114
+ config: {
115
+ layout: {
116
+ xs: 12,
117
+ sm: 12,
118
+ md: 6,
119
+ lg: 6,
115
120
  },
116
- config: {
117
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
- main: {
119
- label: "Name",
120
- options: [],
121
- color: "secondary",
122
- required: true,
123
- },
121
+ main: {
122
+ label: "Name",
123
+ options: [],
124
+ color: "secondary",
125
+ required: true,
124
126
  },
125
127
  },
126
- {
127
- type: "Control",
128
- scope: "#/properties/label",
128
+ },
129
+ {
130
+ type: "Control",
131
+ scope: "#/properties/label",
129
132
 
130
- options: {
131
- widget: "InputField",
133
+ options: {
134
+ widget: "InputField",
135
+ },
136
+ config: {
137
+ layout: {
138
+ xs: 12,
139
+ sm: 12,
140
+ md: 6,
141
+ lg: 6,
132
142
  },
133
- config: {
134
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
- main: {
136
- label: "Label",
137
- options: [],
138
- color: "secondary",
139
- required: true,
140
- },
143
+ main: {
144
+ label: "Label",
145
+ options: [],
146
+ color: "secondary",
147
+ required: true,
141
148
  },
142
149
  },
143
- {
144
- type: "Control",
145
- scope: "#/properties/layout",
146
- layout: 12,
147
- options: {
148
- detail: {
149
- type: "HorizontalLayout",
150
- elements: [
151
- {
152
- type: "Control",
153
- scope: "#/properties/key",
154
- options: {
155
- widget: "SelectInputField",
150
+ },
151
+
152
+ {
153
+ type: "Control",
154
+ scope: "#/properties/proc",
155
+ config: {
156
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
157
+ },
158
+ options: {
159
+ widget: "EmptyBox",
160
+ },
161
+ },
162
+ {
163
+ type: "Control",
164
+ scope: "#/properties/layout",
165
+ layout: 11.5,
166
+ options: {
167
+ detail: {
168
+ type: "HorizontalLayout",
169
+ elements: [
170
+ {
171
+ type: "Control",
172
+ scope: "#/properties/key",
173
+ options: {
174
+ widget: "SelectInputField",
175
+ },
176
+ config: {
177
+ layout: {
178
+ xs: 11,
179
+ sm: 11,
180
+ md: 5.5,
181
+ lg: 5.5,
156
182
  },
157
- config: {
158
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
- main: {
160
- label: "Screen Size",
161
-
162
- },
183
+ main: {
184
+ label: "Screen Size",
185
+
163
186
  },
164
187
  },
165
- {
166
- type: "Control",
167
- scope: "#/properties/value",
188
+ },
189
+ {
190
+ type: "Control",
191
+ scope: "#/properties/value",
168
192
 
169
- options: {
170
- widget: "InputField",
193
+ options: {
194
+ widget: "InputField",
195
+ },
196
+ config: {
197
+ layout: {
198
+ xs: 11,
199
+ sm: 11,
200
+ md: 5.5,
201
+ lg: 5.5,
171
202
  },
172
- config: {
173
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
- main: {
175
- label: "Value",
176
- type: "number",
177
- // freeSolo:true,
178
- helperText: 'Number should be in range of 0 to 12',
179
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
-
181
- },
203
+ main: {
204
+ label: "Value",
205
+ type:"number",
206
+ // freeSolo:true,
207
+ helperText:'Number should be in range of 0 to 12',
208
+ errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
209
+
182
210
  },
183
211
  },
184
- {
185
- type: "Control",
186
- scope: "#/properties/emptyBox",
187
- options: {
188
- widget: "EmptyBox"
189
- },
190
- config: {
191
- layout: { xs: 0, sm: 4 }
192
- }
193
- }
194
- ],
195
- },
212
+ },
213
+ ],
196
214
  },
197
215
  },
198
- ],
199
- },
200
- ],
201
- },
202
-
216
+ },
217
+ ],
218
+ },
219
+ ],
220
+ },
203
221
  {
204
222
  type: "Control",
205
- scope: "#/properties/EmptyBox",
223
+ scope: "#/properties/popUpComponentSection",
206
224
  options: {
207
- widget: "EmptyBox",
225
+ widget: "PopUp"
208
226
  },
209
227
  config: {
210
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
228
+ layout: {
229
+ xs: 12,
230
+ sm: 12,
231
+ md: 12,
232
+ lg: 12,
233
+ },
234
+ main: {
235
+ title: "Delete Content"
236
+ },
237
+ style:{
238
+ width: "32%",
239
+ margin: "auto"
240
+ },
211
241
  },
242
+ elements:
243
+ [
244
+ {
245
+ type: "Control",
246
+ scope: "#/properties/label",
247
+ options: {
248
+ widget: "Box",
249
+ },
250
+ config: {
251
+ layout: 12,
252
+ main: {
253
+ heading: "Are you sure you want to delete ?",
254
+ },
255
+ style:{
256
+ marginTop: "-25px",
257
+ marginLeft: "11px"
258
+ }
259
+ },
260
+ },
261
+ {
262
+ type: "Control",
263
+ scope: "#/properties/EmptyBox",
264
+ options: {
265
+ widget: "EmptyBox",
266
+ },
267
+ config: {
268
+ main:{},
269
+ layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 },
270
+ },
271
+ },
272
+ {
273
+ type: "Control",
274
+ scope: "#/properties/ConfirmDeleteCompButton",
275
+ options: {
276
+ widget: "Button",
277
+ },
278
+ config: {
279
+ layout: 3,
280
+ main: {
281
+ name: "Yes",
282
+ endIcon: "DeleteIcon",
283
+ variant: "contained",
284
+ color: "info",
285
+ type: "text",
286
+ onClick: "deleteComponents",
287
+ size: "small",
288
+ },
289
+ },
290
+ },
291
+ {
292
+ type: "Control",
293
+ scope: "#/properties/CancelDeleteCompButton",
294
+ options: {
295
+ widget: "Button",
296
+ },
297
+ config: {
298
+ layout: 3,
299
+ main: {
300
+ name: "No",
301
+ endIcon: "CloseIcon",
302
+ variant: "contained",
303
+ color: "info",
304
+ type: "text",
305
+ onClick: "deletePopUpComponent",
306
+ size: "small",
307
+ },
308
+ },
309
+ },
310
+ {
311
+ type: "Control",
312
+ scope: "#/properties/EmptyBox",
313
+ options: {
314
+ widget: "EmptyBox",
315
+ },
316
+ config: {
317
+ main:{},
318
+ layout: 0.5,
319
+ },
320
+ },
321
+ ]
212
322
  },
323
+
324
+
325
+
326
+
327
+
328
+
329
+
330
+
213
331
  {
214
332
  type: "Control",
215
- scope: "#/properties/EmptyBox",
333
+ scope: "#/properties/popUpEventSection",
216
334
  options: {
217
- widget: "EmptyBox",
335
+ widget: "PopUp"
336
+ },
337
+ config: {
338
+ layout: {
339
+ xs: 12,
340
+ sm: 12,
341
+ md: 12,
342
+ lg: 12,
343
+ },
344
+ style:{
345
+ width: "32%",
346
+ margin: "auto"
347
+ },
348
+ main: {
349
+ title: "Delete Content"
350
+ },
351
+ },
352
+ elements:
353
+ [
354
+ {
355
+ type: "Control",
356
+ scope: "#/properties/label",
357
+ options: {
358
+ widget: "Box",
359
+ },
360
+ config: {
361
+ layout: 12,
362
+ main: {
363
+ heading: "Are you sure you want to delete ?",
364
+ },
365
+ style:{
366
+ marginTop: "-25px",
367
+ marginLeft: "11px"
368
+ }
369
+ },
370
+ },
371
+ {
372
+ type: "Control",
373
+ scope: "#/properties/EmptyBox",
374
+ options: {
375
+ widget: "EmptyBox",
376
+ },
377
+ config: {
378
+ main:{},
379
+ layout: { xs: 11, sm: 4.5, md: 4.5, lg: 4.5 },
380
+ },
381
+ },
382
+ {
383
+ type: "Control",
384
+ scope: "#/properties/ConfirmDeleteEventButton",
385
+ options: {
386
+ widget: "Button",
387
+ },
388
+ config: {
389
+ layout: 3,
390
+ main: {
391
+ name: "Yes",
392
+ endIcon: "DeleteIcon",
393
+ variant: "contained",
394
+ color: "info",
395
+ type: "text",
396
+ onClick: "deleteEvent",
397
+ size: "small",
398
+ },
399
+ },
400
+ },
401
+ {
402
+ type: "Control",
403
+ scope: "#/properties/CancelDeleteEventButton",
404
+ options: {
405
+ widget: "Button",
406
+ },
407
+ config: {
408
+ layout: 3,
409
+ main: {
410
+ name: "No",
411
+ endIcon: "CloseIcon",
412
+ variant: "contained",
413
+ color: "info",
414
+ type: "text",
415
+ onClick: "deletePopUpEvent",
416
+ size: "small",
417
+ },
418
+ },
419
+ },
420
+ {
421
+ type: "Control",
422
+ scope: "#/properties/EmptyBox",
423
+ options: {
424
+ widget: "EmptyBox",
425
+ },
426
+ config: {
427
+ main:{},
428
+ layout: 0.5,
429
+ },
430
+ },
431
+ ]
218
432
  },
433
+
434
+ {
435
+ type: "Control",
436
+ scope: "#/properties/proc",
219
437
  config: {
220
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
438
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 },
439
+ },
440
+ options: {
441
+ widget: "EmptyBox",
221
442
  },
222
443
  },
223
444
  {
@@ -228,7 +449,12 @@ export const componentBasicUiSchema: any = (theme) => {
228
449
  },
229
450
 
230
451
  config: {
231
- layout: 1.8,
452
+ layout: {
453
+ xs: 11,
454
+ sm: 11,
455
+ md: 2.5,
456
+ lg: 2.5,
457
+ },
232
458
  main: {
233
459
  name: "Ok",
234
460
  startIcon: "ApproveIcon",
@@ -236,9 +462,10 @@ export const componentBasicUiSchema: any = (theme) => {
236
462
  color: "info",
237
463
  type: "text",
238
464
  onClick: "okHandler",
239
- size: "medium",
465
+ size: "small",
240
466
  },
241
467
  style: {
468
+ marginBottom: "8px",
242
469
  float: "right",
243
470
  },
244
471
  },
@@ -251,7 +478,12 @@ export const componentBasicUiSchema: any = (theme) => {
251
478
  },
252
479
 
253
480
  config: {
254
- layout: 1.8,
481
+ layout: {
482
+ xs: 11,
483
+ sm: 11,
484
+ md: 2.5,
485
+ lg: 2.5,
486
+ },
255
487
  main: {
256
488
  name: "Save & Exit",
257
489
  startIcon: "ApproveIcon",
@@ -259,161 +491,63 @@ export const componentBasicUiSchema: any = (theme) => {
259
491
  color: "info",
260
492
  type: "text",
261
493
  onClick: "saveHandler",
262
- size: "medium",
494
+ size: "small",
263
495
  },
264
496
  style: {
497
+ marginBottom: "8px",
265
498
  float: "right",
266
499
  },
267
500
  },
268
501
  },
269
- {
270
- type: "Control",
271
- scope: "#/properties/notify",
272
- options: {
273
- widget: "Notify",
274
- },
275
- layout: 6,
502
+ {
503
+ type: "Control",
504
+ scope: "#/properties/notify",
505
+ options: {
506
+ widget: "Notify",
276
507
  },
277
- {
278
- type: "HorizontalLayout",
279
- config: {
280
- style: {
281
- position: "fixed",
282
- bottom: 5,
283
- overflow: 'visible',
284
- margin: "0",
285
- width: "100vw",
286
- }
287
- },
288
- elements: [
289
- {
290
- type: "Control",
291
- scope: "#/properties/EmptyBox",
292
- options: {
293
- widget: "EmptyBox",
294
- },
295
- config: {
296
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
297
- },
298
- },
299
- {
300
-
301
- type: "Control",
302
- scope: "#/properties/FooterText",
303
- options: {
304
- widget: "Box",
305
- },
306
- config: {
307
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
308
- main: {
309
- heading: "Copywriter@ACT21.IO"
310
- },
311
- style: {
312
- color: theme?.palette?.text.disabled || "#AFAFAF",
313
- fontSize: '12px',
314
- }
315
- },
316
- },
317
- {
318
- type: "HorizontalLayout",
319
- config: {
320
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
321
- },
322
- elements: [
323
- {
324
- type: "Control",
325
- scope: "#/properties/EmptyBox",
326
- options: {
327
- widget: "EmptyBox",
328
- },
329
- config: {
330
- layout: 2,
331
- },
332
- },
333
- {
334
- type: "Control",
335
- scope: "#/properties/backIcon",
336
- options: {
337
- widget: "Box",
338
- },
339
- config: {
340
- layout: 1,
341
- main: {
342
- iconName: 'PrevIcon',
343
- onClick: "backHandler"
344
- },
345
- style: {
346
- fill: theme.palette.primary.dark,
347
- width: 20,
348
- height: 20,
349
- display: 'flex',
350
- alignItems: 'center',
351
- justifyContent: 'center',
352
- marginRight: '-8px',
353
- cursor: 'pointer'
354
- }
355
- }
356
- },
357
- {
358
- type: "Control",
359
- scope: "#/properties/text",
360
-
361
- options: {
362
- widget: "Box",
363
- },
364
- config: {
365
- layout: 9,
366
- main: {
367
- heading: "Previous Page",
368
- onClick: "backHandler"
369
- },
370
- style: {
371
- color: theme.palette.primary.dark,
372
- fontSize: "12px",
373
- cursor: 'pointer',
374
- marginLeft: '-6px'
375
- }
376
- },
377
- },
378
- ],
379
- },
380
- {
381
- type: "Control",
382
- scope: "#/properties/pageName",
383
-
384
- options: {
385
- widget: "Box",
386
- },
387
- config: {
388
- layout: 9.7,
389
- main: {
390
- heading: " ",
391
- },
392
- style: {
393
- color: theme.palette.text.disabled,
394
- // float: 'right',
395
- textAlign: 'right',
396
- // width: 'fit-content',
397
- fontSize: "12px",
398
- marginTop: '-16px',
399
- // marginRight: '100px'
400
- // marginLeft: '-6px'
401
- }
402
- },
403
- },
404
- {
405
- type: "Control",
406
- scope: "#/properties/emptyBox",
407
- options: {
408
- widget: "EmptyBox",
409
- },
410
- config: {
411
- layout: 2.3
412
- }
413
- },
414
- ]
415
- }
416
- ],
417
- };
418
- return uiSchema
419
- }
508
+ layout: 6,
509
+ }
510
+ ],
511
+ };
512
+
513
+
514
+
515
+
516
+
517
+
518
+
519
+
520
+
521
+
522
+
523
+
524
+
525
+
526
+
527
+
528
+
529
+ // {
530
+ // type: "Control",
531
+ // scope: "#/properties/homeBtn",
532
+
533
+ // options: {
534
+ // widget: "Button",
535
+ // },
536
+ // config: {
537
+ // layout: {xs:2,sm:2,md:1},
538
+ // main: {
539
+ // name: "🏠",
540
+ // },
541
+ // style: {
542
+ // marginRight:'auto',
543
+ // marginLeft:"auto",
544
+ // width:"20px",
545
+
546
+ // // background:"inherit",
547
+ // // boxShadow:"none",
548
+ // float:"left",
549
+ // borderRadius:"50%"
550
+
551
+ // },
552
+ // },
553
+ // },