impaktapps-ui-builder 0.0.973 → 0.0.1051

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 (45) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1393 -1368
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +0 -1
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +90 -23
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +50 -23
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +10 -301
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/progressBar.d.ts +6 -1
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.d.ts +17 -0
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/timer.d.ts +1 -14
  13. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  14. package/package.json +5 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +7 -3
  16. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +43 -44
  18. package/src/impaktapps-ui-builder/builder/build/buildInputSlider.ts +1 -1
  19. package/src/impaktapps-ui-builder/builder/build/buildLeaderboard.ts +18 -13
  20. package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +10 -11
  21. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +4 -15
  22. package/src/impaktapps-ui-builder/builder/build/buildRankCard.ts +4 -10
  23. package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +16 -13
  24. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  25. package/src/impaktapps-ui-builder/builder/build/buildThoughtOfTheDay.ts +22 -0
  26. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -6
  27. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +18 -13
  28. package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +0 -1
  29. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +102 -46
  30. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +13 -28
  31. package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +10 -366
  32. package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts +1 -1
  33. package/src/impaktapps-ui-builder/builder/build/uischema/rankCard.ts +1 -1
  34. package/src/impaktapps-ui-builder/builder/build/uischema/runnerBoyProgressBar.ts +1 -1
  35. package/src/impaktapps-ui-builder/builder/build/uischema/thoughtOfTheDay.ts +14 -0
  36. package/src/impaktapps-ui-builder/builder/build/uischema/timer.ts +2 -16
  37. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
  38. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +581 -487
  39. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +177 -111
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +90 -59
  41. package/src/impaktapps-ui-builder/builder/services/component.ts +129 -32
  42. package/src/impaktapps-ui-builder/builder/services/event.ts +1 -1
  43. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  44. package/src/impaktapps-ui-builder/runtime/services/events.ts +32 -21
  45. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
package/src/impaktapps-ui-builder/builder/build/uischema/card.ts CHANGED
@@ -2,34 +2,39 @@ export default function Card(theme){
2
2
  const uiSchema = {
3
3
  type: "WrapperLayout",
4
4
  config: {
5
- main: {
6
- },
5
+ main: {},
7
6
  wrapperStyle: {
8
-
7
+ position: "relative",
8
+ top: "50%",
9
+ transform: "translateY(-50%)"
9
10
  },
10
11
  componentsBoxStyle: {
12
+ boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
11
13
  flexDirection: "row",
12
14
  flexWrap: "nowrap",
13
- width: "100%",
15
+ width: "100% !important",
14
16
  background: "transparent",
15
- border: `1.5px solid ${theme.palette.primary.main}`,
16
- borderRadius: "20px",
17
- padding: "0px 20px 0px 20px",
17
+ border: `1.5px solid ${theme.palette.primary.light}`,
18
+ borderRadius: "8px",
19
+ padding: "0px 4px",
20
+ height: "100%",
21
+ alignItems: "center",
22
+ marginLeft: "0px",
18
23
  "&: hover": {
19
- background: `${theme.palette.primary.main}`,
20
- border: `1.5px solid black`,
21
- "& p": {
22
- color: "white"
23
- }
24
- }
24
+ background: `${theme.palette.primary.main}`,
25
+ border: `1.5px solid black`,
26
+ "& p": {
27
+ color: "white",
28
+ },
29
+ },
25
30
  },
26
- layout: { xs: 12, sm: 12, md: 6, lg: 6, },
31
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
27
32
  },
28
33
  elements: [
29
34
  {
30
35
  type: "HorizontalLayout",
31
36
  config: {
32
- layout: 8
37
+ layout: 8,
33
38
  },
34
39
  elements: [
35
40
  {
@@ -37,17 +42,16 @@ export default function Card(theme){
37
42
  config: {
38
43
  main: {
39
44
  columnSpacing: 0,
40
- gap: 0
45
+ gap: 0,
41
46
  },
42
47
  wrapperStyle: {
43
- marginTop: "4px",
44
- background: "transparent"
48
+ background: "transparent",
45
49
  },
46
50
  componentsBoxStyle: {
47
51
  flexDirection: "column",
48
52
  flexWrap: "nowrap",
49
- width: '100%',
50
- height: 'inherit',
53
+ width: "100%",
54
+ height: "inherit",
51
55
  background: "transparent",
52
56
  borderRadius: "0px",
53
57
  },
@@ -55,27 +59,80 @@ export default function Card(theme){
55
59
  },
56
60
  elements: [
57
61
  {
58
- type: "Control",
59
- scope: "#/properties/programType",
62
+ type: "WrapperLayout",
60
63
  config: {
61
64
  main: {
62
- heading: "$5000.00",
65
+ columnSpacing: 0,
66
+ gap: 0,
63
67
  },
64
- style: {
65
- color: "black",
66
- display: "flex",
67
- fontSize: { xs: "24px", md: "28px" },
68
- fontWeight: "bold",
69
- background: "inherit",
70
- justifyContent: "flex-start",
71
- width: "calc(100%+8px)",
72
- margin: "-8px",
68
+ wrapperStyle: {
69
+ background: "transparent",
70
+ },
71
+ componentsBoxStyle: {
72
+ flexDirection: "row",
73
+ flexWrap: "nowrap",
74
+ width: "100%",
75
+ height: "0",
76
+ background: "transparent",
77
+ borderRadius: "0px",
78
+ marginLeft: "-10px",
79
+ marginTop: "-8px",
80
+ justifyContent: "start",
81
+ position: "relative"
73
82
  },
74
83
  layout: 12,
75
84
  },
76
- options: {
77
- widget: "Box",
78
- },
85
+ elements: [
86
+ {
87
+ type: "Control",
88
+ scope: "#/properties/programType",
89
+ config: {
90
+ main: {
91
+ heading: "",
92
+ },
93
+ style: {
94
+ color: "black",
95
+ display: "flex",
96
+ fontSize: { xs: "24px", md: "28px" },
97
+ fontWeight: "bold",
98
+ background: "inherit",
99
+ justifyContent: "flex-start",
100
+ width: "auto",
101
+ margin: "-8px",
102
+ height: 0
103
+ },
104
+ // layout: 1,
105
+ },
106
+ options: {
107
+ widget: "Box",
108
+ },
109
+ },
110
+ {
111
+ type: "Control",
112
+ scope: "#/properties/programType",
113
+ config: {
114
+ main: {
115
+ heading: "5000.00",
116
+ },
117
+ style: {
118
+ color: "black",
119
+ display: "flex",
120
+ fontSize: { xs: "24px", md: "28px" },
121
+ fontWeight: "bold",
122
+ background: "inherit",
123
+ justifyContent: "flex-start",
124
+ width: "auto",
125
+ margin: "-8px",
126
+ position: "absolute",
127
+ left: "8px"
128
+ },
129
+ // layout: 11,
130
+ },
131
+ options: {
132
+ widget: "Box",
133
+ },
134
+ },
135
+ ],
79
136
  },
80
137
  {
81
138
  type: "Control",
@@ -90,20 +147,21 @@ export default function Card(theme){
90
147
  justifyContent: "center",
91
148
  textWrap: "wrap",
92
149
  background: "inherit",
93
- width: "calc(100%+8pc)",
150
+ width: "calc(100%+8px)",
94
151
  margin: "-8px",
95
- lineHeight: "1"
152
+ marginTop: "12px",
153
+ lineHeight: "1",
96
154
  },
97
155
  layout: 12,
98
156
  },
99
-
157
+
100
158
  options: {
101
159
  widget: "Box",
102
160
  },
103
161
  },
104
- ]
162
+ ],
105
163
  },
106
- ]
164
+ ],
107
165
  },
108
166
  {
109
167
  type: "Control",
@@ -114,16 +172,15 @@ export default function Card(theme){
114
172
  },
115
173
  style: {
116
174
  containerStyle: {
117
- height: '100%',
175
+ height: "100%",
118
176
  display: "flex",
119
- justifyContent: "center"
177
+ justifyContent: "end",
120
178
  },
121
179
  imageStyle: {
122
- // width: "none",
123
- height: '100%',
124
180
  fontSize: "none",
125
181
  padding: "4px",
126
- marginLeft: "8px"
182
+ margin: "0px 0px 0px 8px",
183
+ height: "64px",
127
184
  },
128
185
  },
129
186
  layout: 4,
@@ -132,7 +189,6 @@ export default function Card(theme){
132
189
  widget: "Image",
133
190
  },
134
191
  },
135
-
136
192
  ],
137
193
  };
138
194
 
package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts CHANGED
@@ -6,9 +6,12 @@ export const BarGraph = {
6
6
  },
7
7
 
8
8
  config: {
9
+ layout: {xs :12,sm:12,md:12,lg:6},
9
10
  main: {
11
+ type: "BarGraph",
12
+ legendLabels: null
10
13
  },
11
- style: { containerStyle: {},labelStyle:{} }
14
+ style: { containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
12
15
  },
13
16
  };
14
17
 
@@ -19,10 +22,12 @@ export const PieGraph = {
19
22
  widget: "Graph",
20
23
  },
21
24
  config: {
25
+ layout: {xs :12,sm:12,md:12,lg:6},
22
26
  main: {
23
27
  type: "PieGraph",
28
+ legendLabels: null
24
29
  },
25
- style:{}
30
+ style:{ containerStyle: {},labelStyle:{margin:{}} ,pieStyle:{} }
26
31
  },
27
32
  };
28
33
  export const LineGraph = {
@@ -32,32 +37,12 @@ export const LineGraph = {
32
37
  widget: "Graph",
33
38
  },
34
39
  config: {
35
- layout: 12,
40
+ layout: {xs :12,sm:12,md:12,lg:6},
36
41
  main: {
37
42
  type: "LineGraph",
38
- header: "Quartely Incentive in Thousand",
39
- bottomLabel: "Years",
40
- leftLabel: "Incentive",
41
- gridHidden: true,
42
- numHidden: false,
43
- tooltipDataKey: ["MAMA New Project", "Second", "Third"],
44
- axisLeft: true,
45
- axisBottom: true,
46
- hideLeftAxisLine: false,
47
- hideBottomAxisLine: false,
48
- legend: {
49
- labelColor: "green",
50
- direction: "row",
51
- align: "right",
52
- colorRectWidth: 20,
53
- },
54
- },
55
- style: {
56
- containerStyle: {},
57
- headerStyle: {},
58
- labelStyle: {},
59
- lineStyle: {},
43
+ legendLabels: null
60
44
  },
45
+ style: { containerStyle: {},labelStyle:{margin:{}} ,lineStyle:{} },
61
46
  },
62
47
  };
63
48
 
@@ -68,11 +53,11 @@ export const HorizontalBarGraph = {
68
53
  widget: "Graph",
69
54
  },
70
55
  config: {
56
+ layout: {xs :12,sm:12,md:12,lg:6},
71
57
  main: {
72
58
  type: "HorizontalBarGraph",
59
+ legendLabels: null
73
60
  },
74
- style:{
75
- labelStyle:{}
76
- }
61
+ style:{ containerStyle: {},labelStyle:{margin:{}} ,barStyle:{} }
77
62
  },
78
63
  };
package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts CHANGED
@@ -1,369 +1,13 @@
1
1
  export default {
2
- type: "WrapperLayout",
2
+ type: "Control",
3
+ scope: "#/properties/path",
4
+
5
+ options: {
6
+ widget: "LeaderBoard",
7
+ },
3
8
  config: {
4
- main: {
5
- rowSpacing: 3,
6
- header: true,
7
- label: "LeaderBoard",
8
- divider: true,
9
- },
10
- style: {
11
- },
12
- wrapperStyle: {
13
- position: "relative",
14
- width: "100%",
15
- },
16
- componentsBoxStyle: {
17
- display: "flex",
18
- flexDirection: "column",
19
- gap: "20px",
20
- }
9
+ layout: { xs: 12, sm: 12, md: 12, lg: 12 },
10
+ main: {
11
+ },
21
12
  },
22
- elements: [
23
- {
24
- type: "Control",
25
- scope: "#/properties/leaderBoard/properties/firstImage",
26
- config: {
27
- main: {
28
- url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
29
- },
30
- style: {
31
- imageStyle: {
32
- objectFit: "cover",
33
- width: "100%",
34
- height: "100%",
35
- borderRadius: "50%"
36
- },
37
- containerStyle: {
38
- objectFit: "cover",
39
- position: "absolute",
40
- top: { xs: "90px", "md": "60px" },
41
- left: { "xs": "calc(50% - 50px)", "sm": "calc(50% - 50px)", "md": "calc(50% - 100px)" },
42
- width: { "xs": "100px", "sm": "100px", "md": "200px" },
43
- border: "5px solid rgb(179, 198, 255)",
44
- height: { "xs": "100px", "sm": "100px", "md": "200px" },
45
- borderRadius: "50%"
46
-
47
- },
48
-
49
- },
50
- layout: 6,
51
- },
52
- options: {
53
- widget: "Image",
54
- },
55
- },
56
-
57
- {
58
- type: "Control",
59
- scope: "#/properties/leaderBoard/properties/secondImage",
60
- config: {
61
- main: {
62
- url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
63
- },
64
- style: {
65
- imageStyle: {
66
- objectFit: "cover",
67
- width: "100%",
68
- height: "100%",
69
- borderRadius: "50%"
70
- },
71
- containerStyle: {
72
- objectFit: "cover",
73
- position: "absolute",
74
- top: { xs: "160px", "md": "130px" },
75
- left: { "xs": "calc(25% - 45px)", "sm": "calc(25% - 45px)", "md": "calc(25% - 90px)" },
76
- width: { "xs": "80px", "sm": "80px", "md": "180px" },
77
- border: "5px solid rgb(179, 198, 255)",
78
- height: { "xs": "80px", "sm": "80px", "md": "180px" },
79
- borderRadius: "50%"
80
-
81
- },
82
-
83
- },
84
- layout: 6,
85
- },
86
- options: {
87
- widget: "Image",
88
- },
89
- },
90
- {
91
- type: "Control",
92
- scope: "#/properties/leaderBoard/properties/thirdImage",
93
- config: {
94
- main: {
95
- url: "https://my.alfred.edu/zoom/_images/foster-lake.jpg",
96
- },
97
- style: {
98
- imageStyle: {
99
- objectFit: "cover",
100
- width: "100%",
101
- height: "100%",
102
- borderRadius: "50%"
103
- },
104
- containerStyle: {
105
- objectFit: "cover",
106
- position: "absolute",
107
- top: { xs: "160px", "md": "130px" },
108
- left: { "xs": "calc(75% - 42.5px)", "sm": "calc(75% - 42.5px)", "md": "calc(75% - 85px)" },
109
- width: { "xs": "80px", "sm": "80px", "md": "180px" },
110
- border: "5px solid rgb(179, 198, 255)",
111
- height: { "xs": "80px", "sm": "80px", "md": "180px" },
112
- borderRadius: "50%"
113
-
114
- },
115
-
116
- },
117
- layout: 6,
118
- },
119
- options: {
120
- widget: "Image",
121
- },
122
- },
123
- {
124
- type: "Control",
125
- scope: "#/properties/leaderBoard/properties/firstName",
126
- config: {
127
- main: {
128
- heading: "Satendra Raghav",
129
- },
130
- style: {
131
- objectFit: "cover",
132
- position: "absolute",
133
- display: "flex",
134
- justifyContent: "center",
135
- alignItems: "center",
136
- color: "black",
137
- top: { xs: "190px", md: "270px" },
138
- fontSize: { xs: "12px", md: "20px" },
139
- left: 'calc(50% - 90px)',
140
- width: "180px",
141
- fontWeight: "bold",
142
- borderRadius: "50%",
143
- zIndex: 7
144
-
145
- },
146
- layout: 6,
147
- },
148
- options: {
149
- widget: "Box",
150
- },
151
- },
152
- {
153
- type: "Control",
154
- scope: "#/properties/leaderBoard/properties/secondName",
155
- config: {
156
- main: {
157
- heading: "Satendra Raghav",
158
- },
159
- style: {
160
- objectFit: "cover",
161
- position: "absolute",
162
- display: "flex",
163
- justifyContent: "center",
164
- alignItems: "center",
165
- color: "black",
166
- top: { xs: "240px", md: "320px" },
167
- fontSize: { xs: "12px", md: "20px" },
168
- left: 'calc(25% - 90px)',
169
- width: "180px",
170
- fontWeight: "bold",
171
- borderRadius: "50%"
172
- },
173
- layout: 6,
174
- },
175
- options: {
176
- widget: "Box",
177
- },
178
- },
179
- {
180
- type: "Control",
181
- scope: "#/properties/leaderBoard/properties/thirdName",
182
- config: {
183
- main: {
184
- heading: "Satendra Raghav",
185
- },
186
- style: {
187
- objectFit: "cover",
188
- position: "absolute",
189
- display: "flex",
190
- justifyContent: "center",
191
- alignItems: "center",
192
- color: "black",
193
- top: { xs: "240px", md: "320px" },
194
- fontSize: { xs: "12px", md: "20px" },
195
- left: 'calc(75% - 90px)',
196
- width: "180px",
197
- fontWeight: "bold",
198
- borderRadius: "50%"
199
- },
200
- layout: 6,
201
- },
202
- options: {
203
- widget: "Box",
204
- },
205
- },
206
-
207
-
208
-
209
-
210
- {
211
- type: "Control",
212
- scope: "#/properties/econd",
213
- config: {
214
- main: {
215
- heading: "2",
216
- },
217
- style: {
218
- objectFit: "cover",
219
- position: "absolute",
220
- display: "flex",
221
- justifyContent: "center",
222
- alignItems: "center",
223
- textShadow: "2px 2px 5px #5065C7",
224
- background: "green",
225
- color: "white",
226
- top: { xs: "225px", md: "280px" },
227
- fontSize: { xs: "12px", md: "16px" },
228
- left: { xs: 'calc(25% - 12px)', md: "calc(25% - 16px)" },
229
- width: { xs: "20px", md: "40px" },
230
- border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
231
- height: { xs: "20px", md: "40px" },
232
- '@keyframes rotateAnimation': {
233
- from: {
234
- transform: 'rotate(0deg)',
235
- },
236
- to: {
237
- transform: 'rotate(360deg)',
238
- },
239
- },
240
- animation: 'rotateAnimation 4s infinite',
241
- borderRadius: "50%",
242
- zIndex: 5
243
-
244
- },
245
- layout: 6,
246
- },
247
- options: {
248
- widget: "Box",
249
- },
250
- },
251
-
252
- {
253
- type: "Control",
254
- scope: "#/properties/first",
255
- config: {
256
- main: {
257
- heading: "1",
258
- },
259
- style: {
260
- objectFit: "cover",
261
- position: "absolute",
262
- display: "flex",
263
- justifyContent: "center",
264
- alignItems: "center",
265
- textShadow: "2px 2px 5px #5065C7",
266
- background: "green",
267
- color: "white",
268
- top: { xs: "175px", md: "230px" },
269
- fontSize: { xs: "12px", md: "16px" },
270
- left: { xs: 'calc(50% - 12px)', md: "calc(50% - 16px)" },
271
- '@keyframes rotateAnimation': {
272
- from: {
273
- transform: 'rotate(0deg)',
274
- },
275
- to: {
276
- transform: 'rotate(360deg)',
277
- },
278
- },
279
- animation: 'rotateAnimation 4s infinite',
280
- width: { xs: "20px", md: "40px" },
281
- border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
282
- height: { xs: "20px", md: "40px" },
283
- borderRadius: "50%",
284
- zIndex: 5
285
-
286
-
287
- },
288
- layout: 6,
289
- },
290
- options: {
291
- widget: "Box",
292
- },
293
- },
294
- {
295
- type: "Control",
296
- scope: "#/properties/third",
297
- config: {
298
- main: {
299
- heading: "3",
300
- },
301
- style: {
302
- objectFit: "cover",
303
- position: "absolute",
304
- display: "flex",
305
- justifyContent: "center",
306
- alignItems: "center",
307
- textShadow: "2px 2px 5px #5065C7",
308
- background: "green",
309
- color: "white",
310
- top: { xs: "225px", md: "280px" },
311
- fontSize: { xs: "12px", md: "16px" },
312
- left: { xs: 'calc(75% - 12px)', md: "calc(75% - 16px)" },
313
- width: { xs: "20px", md: "40px" },
314
- border: { xs: "2px solid rgb(179, 198, 255)", md: "5px solid rgb(179, 198, 255)" },
315
- height: { xs: "20px", md: "40px" },
316
-
317
- '@keyframes rotateAnimation': {
318
- from: {
319
- transform: 'rotate(0deg)',
320
- },
321
- to: {
322
- transform: 'rotate(360deg)',
323
- },
324
- },
325
- animation: 'rotateAnimation 4s infinite',
326
- borderRadius: "50%",
327
- zIndex: 5
328
-
329
-
330
- },
331
- layout: 6,
332
- },
333
- options: {
334
- widget: "Box",
335
- },
336
- },
337
- {
338
- type: "Control",
339
- scope: "#/properties/leaderBoard/properties/table",
340
- options: {
341
- widget: "Table",
342
-
343
- },
344
- elements: [],
345
- config: {
346
- style: {
347
- tableHeadstyle: {
348
- fontWeight: 900,
349
- background: "rgb(179, 198, 255)"
350
- },
351
- top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
352
- // top:"390px",
353
- border: "2px solid rgb(179, 198, 255)",
354
- width: "95%",
355
- left: "2.5%",
356
- margin: "auto"
357
-
358
- },
359
-
360
- main: {
361
- disableAction: true,
362
- disableSelection: true,
363
-
364
- },
365
- },
366
-
367
- }
368
- ],
369
- };
13
+ };
package/src/impaktapps-ui-builder/builder/build/uischema/progressBar.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  },
7
7
 
8
8
  config: {
9
- layout: 6,
9
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
10
10
  main: {
11
11
  developOnlyProgresBar: false,
12
12
  bottomLabel_3: "Remaining",