impaktapps-ui-builder 0.0.382-alpha.62 → 0.0.382-alpha.64

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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +204 -213
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +96 -239
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +96 -205
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +96 -239
  9. package/src/impaktapps-ui-builder/runtime/services/events.ts +0 -239
  10. package/src/impaktapps-ui-builder/runtime/services/interface.ts +0 -12
  11. package/src/impaktapps-ui-builder/runtime/services/service.ts +0 -209
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -321,11 +321,18 @@ const PageMasterUiSchema = (theme) => {
321
321
  {
322
322
  type: "HorizontalLayout",
323
323
  config: {
324
- layout: 12,
324
+ main: {
325
+ direction: "row"
326
+ },
325
327
  style: {
328
+ flexDirection: "row",
326
329
  position: "absolute",
327
- bottom: 5,
328
- overflow: "hidden"
330
+ bottom: 0,
331
+ marginBottom: "-8px",
332
+ height: "fit-content",
333
+ overflow: "hidden",
334
+ zIndex: 1e3,
335
+ width: "inherit"
329
336
  }
330
337
  },
331
338
  elements: [
@@ -336,90 +343,80 @@ const PageMasterUiSchema = (theme) => {
336
343
  widget: "Box"
337
344
  },
338
345
  config: {
339
- layout: 9.5,
340
346
  main: {
341
347
  heading: "Copywriter@ACT21.IO"
342
348
  },
343
349
  style: {
344
350
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
345
351
  fontSize: "12px",
346
- textAlign: "center"
352
+ textAlign: "center",
353
+ lineHeight: 1,
354
+ width: "fit-content",
355
+ left: "50%",
356
+ position: "relative",
357
+ margin: 0,
358
+ flexGrow: 1,
359
+ height: 0
347
360
  }
348
361
  }
349
362
  },
350
363
  {
351
- type: "HorizontalLayout",
352
- config: {
353
- layout: 2.5,
354
- style: {}
364
+ type: "Control",
365
+ scope: "#/properties/backIcon",
366
+ options: {
367
+ widget: "Box"
355
368
  },
356
- elements: [
357
- {
358
- type: "Control",
359
- scope: "#/properties/EmptyBox",
360
- options: {
361
- widget: "EmptyBox"
362
- },
363
- config: {
364
- layout: 6,
365
- style: {
366
- flexGrow: 1
367
- }
368
- }
369
+ config: {
370
+ main: {
371
+ iconName: "PrevIcon",
372
+ onClick: "backHandler",
373
+ width: "fit-content"
369
374
  },
370
- {
371
- type: "Control",
372
- scope: "#/properties/backIcon",
373
- options: {
374
- widget: "Box"
375
- },
376
- config: {
377
- layout: 1,
378
- main: {
379
- iconName: "PrevIcon",
380
- onClick: "backHandler"
381
- },
382
- style: {
383
- fill: theme.palette.primary.main,
384
- width: 20,
385
- height: 20,
386
- display: "flex",
387
- alignItems: "center",
388
- justifyContent: "center",
389
- marginRight: "-8px",
390
- cursor: "pointer",
391
- ":hover": {
392
- fill: theme.palette.primary.dark
393
- }
394
- }
375
+ style: {
376
+ fill: theme.palette.primary.main,
377
+ width: 20,
378
+ height: 0,
379
+ margin: 0,
380
+ top: 0,
381
+ right: "82px",
382
+ position: "absolute",
383
+ fontSize: "12px",
384
+ cursor: "pointer",
385
+ ":hover": {
386
+ fill: theme.palette.primary.dark
395
387
  }
388
+ }
389
+ }
390
+ },
391
+ {
392
+ type: "Control",
393
+ scope: "#/properties/text",
394
+ options: {
395
+ widget: "Box"
396
+ },
397
+ config: {
398
+ main: {
399
+ heading: "Previous Page",
400
+ onClick: "backHandler"
396
401
  },
397
- {
398
- type: "Control",
399
- scope: "#/properties/text",
400
- options: {
401
- widget: "Box"
402
- },
403
- config: {
404
- layout: 5,
405
- main: {
406
- heading: "Previous Page",
407
- onClick: "backHandler"
408
- },
409
- style: {
410
- width: "fit-content",
411
- color: theme.palette.primary.main,
412
- fontSize: "12px",
413
- cursor: "pointer",
414
- marginLeft: "2px",
415
- marginRight: 0,
416
- ":hover": {
417
- color: theme.palette.primary.dark
418
- }
419
- }
402
+ style: {
403
+ textAlign: "left",
404
+ lineHeight: 1,
405
+ height: 0,
406
+ width: "fit-content",
407
+ color: theme.palette.primary.main,
408
+ fontSize: "12px",
409
+ cursor: "pointer",
410
+ marginLeft: "2px",
411
+ marginRight: 0,
412
+ top: 3,
413
+ right: "12px",
414
+ position: "absolute",
415
+ ":hover": {
416
+ color: theme.palette.primary.dark
420
417
  }
421
418
  }
422
- ]
419
+ }
423
420
  }
424
421
  ]
425
422
  }
@@ -6351,11 +6348,18 @@ const componentBasicUiSchema = (theme) => {
6351
6348
  {
6352
6349
  type: "HorizontalLayout",
6353
6350
  config: {
6354
- layout: 12,
6351
+ main: {
6352
+ direction: "row"
6353
+ },
6355
6354
  style: {
6355
+ flexDirection: "row",
6356
6356
  position: "absolute",
6357
- bottom: 5,
6358
- overflow: "hidden"
6357
+ bottom: 0,
6358
+ marginBottom: "-8px",
6359
+ height: "fit-content",
6360
+ overflow: "hidden",
6361
+ zIndex: 1e3,
6362
+ width: "inherit"
6359
6363
  }
6360
6364
  },
6361
6365
  elements: [
@@ -6366,90 +6370,80 @@ const componentBasicUiSchema = (theme) => {
6366
6370
  widget: "Box"
6367
6371
  },
6368
6372
  config: {
6369
- layout: 9.5,
6370
6373
  main: {
6371
6374
  heading: "Copywriter@ACT21.IO"
6372
6375
  },
6373
6376
  style: {
6374
6377
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6375
6378
  fontSize: "12px",
6376
- textAlign: "center"
6379
+ textAlign: "center",
6380
+ lineHeight: 1,
6381
+ width: "fit-content",
6382
+ left: "50%",
6383
+ position: "relative",
6384
+ margin: 0,
6385
+ flexGrow: 1,
6386
+ height: 0
6377
6387
  }
6378
6388
  }
6379
6389
  },
6380
6390
  {
6381
- type: "HorizontalLayout",
6382
- config: {
6383
- layout: 2.5,
6384
- style: {}
6391
+ type: "Control",
6392
+ scope: "#/properties/backIcon",
6393
+ options: {
6394
+ widget: "Box"
6385
6395
  },
6386
- elements: [
6387
- {
6388
- type: "Control",
6389
- scope: "#/properties/EmptyBox",
6390
- options: {
6391
- widget: "EmptyBox"
6392
- },
6393
- config: {
6394
- layout: 6,
6395
- style: {
6396
- flexGrow: 1
6397
- }
6398
- }
6396
+ config: {
6397
+ main: {
6398
+ iconName: "PrevIcon",
6399
+ onClick: "backHandler",
6400
+ width: "fit-content"
6399
6401
  },
6400
- {
6401
- type: "Control",
6402
- scope: "#/properties/backIcon",
6403
- options: {
6404
- widget: "Box"
6405
- },
6406
- config: {
6407
- layout: 1,
6408
- main: {
6409
- iconName: "PrevIcon",
6410
- onClick: "backHandler"
6411
- },
6412
- style: {
6413
- fill: theme.palette.primary.main,
6414
- width: 20,
6415
- height: 20,
6416
- display: "flex",
6417
- alignItems: "center",
6418
- justifyContent: "center",
6419
- marginRight: "-8px",
6420
- cursor: "pointer",
6421
- ":hover": {
6422
- fill: theme.palette.primary.dark
6423
- }
6424
- }
6402
+ style: {
6403
+ fill: theme.palette.primary.main,
6404
+ width: 20,
6405
+ height: 0,
6406
+ margin: 0,
6407
+ top: 0,
6408
+ right: "90px",
6409
+ position: "absolute",
6410
+ fontSize: "12px",
6411
+ cursor: "pointer",
6412
+ ":hover": {
6413
+ fill: theme.palette.primary.dark
6425
6414
  }
6415
+ }
6416
+ }
6417
+ },
6418
+ {
6419
+ type: "Control",
6420
+ scope: "#/properties/text",
6421
+ options: {
6422
+ widget: "Box"
6423
+ },
6424
+ config: {
6425
+ main: {
6426
+ heading: "Previous Page",
6427
+ onClick: "backHandler"
6426
6428
  },
6427
- {
6428
- type: "Control",
6429
- scope: "#/properties/text",
6430
- options: {
6431
- widget: "Box"
6432
- },
6433
- config: {
6434
- layout: 5,
6435
- main: {
6436
- heading: "Previous Page",
6437
- onClick: "backHandler"
6438
- },
6439
- style: {
6440
- width: "fit-content",
6441
- color: theme.palette.primary.main,
6442
- fontSize: "12px",
6443
- cursor: "pointer",
6444
- marginLeft: "2px",
6445
- marginRight: 0,
6446
- ":hover": {
6447
- color: theme.palette.primary.dark
6448
- }
6449
- }
6429
+ style: {
6430
+ textAlign: "left",
6431
+ lineHeight: 1,
6432
+ height: 0,
6433
+ width: "fit-content",
6434
+ color: theme.palette.primary.main,
6435
+ fontSize: "12px",
6436
+ cursor: "pointer",
6437
+ marginLeft: "2px",
6438
+ marginRight: 0,
6439
+ top: 3,
6440
+ right: "20px",
6441
+ position: "absolute",
6442
+ ":hover": {
6443
+ color: theme.palette.primary.dark
6450
6444
  }
6451
6445
  }
6452
- ]
6446
+ }
6453
6447
  }
6454
6448
  ]
6455
6449
  }
@@ -7901,11 +7895,18 @@ const EventUiSchema = (theme) => {
7901
7895
  {
7902
7896
  type: "HorizontalLayout",
7903
7897
  config: {
7904
- layout: 12,
7898
+ main: {
7899
+ direction: "row"
7900
+ },
7905
7901
  style: {
7902
+ flexDirection: "row",
7906
7903
  position: "absolute",
7907
- bottom: 5,
7908
- overflow: "hidden"
7904
+ bottom: 0,
7905
+ marginBottom: "-8px",
7906
+ height: "fit-content",
7907
+ overflow: "hidden",
7908
+ zIndex: 1e3,
7909
+ width: "inherit"
7909
7910
  }
7910
7911
  },
7911
7912
  elements: [
@@ -7916,90 +7917,80 @@ const EventUiSchema = (theme) => {
7916
7917
  widget: "Box"
7917
7918
  },
7918
7919
  config: {
7919
- layout: 9.5,
7920
7920
  main: {
7921
7921
  heading: "Copywriter@ACT21.IO"
7922
7922
  },
7923
7923
  style: {
7924
7924
  color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
7925
7925
  fontSize: "12px",
7926
- textAlign: "center"
7926
+ textAlign: "center",
7927
+ lineHeight: 1,
7928
+ width: "fit-content",
7929
+ left: "50%",
7930
+ position: "relative",
7931
+ margin: 0,
7932
+ flexGrow: 1,
7933
+ height: 0
7927
7934
  }
7928
7935
  }
7929
7936
  },
7930
7937
  {
7931
- type: "HorizontalLayout",
7932
- config: {
7933
- layout: 2.5,
7934
- style: {}
7938
+ type: "Control",
7939
+ scope: "#/properties/backIcon",
7940
+ options: {
7941
+ widget: "Box"
7935
7942
  },
7936
- elements: [
7937
- {
7938
- type: "Control",
7939
- scope: "#/properties/EmptyBox",
7940
- options: {
7941
- widget: "EmptyBox"
7942
- },
7943
- config: {
7944
- layout: 6,
7945
- style: {
7946
- flexGrow: 1
7947
- }
7948
- }
7943
+ config: {
7944
+ main: {
7945
+ iconName: "PrevIcon",
7946
+ onClick: "backHandler",
7947
+ width: "fit-content"
7949
7948
  },
7950
- {
7951
- type: "Control",
7952
- scope: "#/properties/backIcon",
7953
- options: {
7954
- widget: "Box"
7955
- },
7956
- config: {
7957
- layout: 1,
7958
- main: {
7959
- iconName: "PrevIcon",
7960
- onClick: "backHandler"
7961
- },
7962
- style: {
7963
- fill: theme.palette.primary.main,
7964
- width: 20,
7965
- height: 20,
7966
- display: "flex",
7967
- alignItems: "center",
7968
- justifyContent: "center",
7969
- marginRight: "-8px",
7970
- cursor: "pointer",
7971
- ":hover": {
7972
- fill: theme.palette.primary.dark
7973
- }
7974
- }
7949
+ style: {
7950
+ fill: theme.palette.primary.main,
7951
+ width: 20,
7952
+ height: 0,
7953
+ margin: 0,
7954
+ top: 0,
7955
+ right: "82px",
7956
+ position: "absolute",
7957
+ fontSize: "12px",
7958
+ cursor: "pointer",
7959
+ ":hover": {
7960
+ fill: theme.palette.primary.dark
7975
7961
  }
7962
+ }
7963
+ }
7964
+ },
7965
+ {
7966
+ type: "Control",
7967
+ scope: "#/properties/text",
7968
+ options: {
7969
+ widget: "Box"
7970
+ },
7971
+ config: {
7972
+ main: {
7973
+ heading: "Previous Page",
7974
+ onClick: "backHandler"
7976
7975
  },
7977
- {
7978
- type: "Control",
7979
- scope: "#/properties/text",
7980
- options: {
7981
- widget: "Box"
7982
- },
7983
- config: {
7984
- layout: 5,
7985
- main: {
7986
- heading: "Previous Page",
7987
- onClick: "backHandler"
7988
- },
7989
- style: {
7990
- width: "fit-content",
7991
- color: theme.palette.primary.main,
7992
- fontSize: "12px",
7993
- cursor: "pointer",
7994
- marginLeft: "2px",
7995
- marginRight: 0,
7996
- ":hover": {
7997
- color: theme.palette.primary.dark
7998
- }
7999
- }
7976
+ style: {
7977
+ textAlign: "left",
7978
+ lineHeight: 1,
7979
+ height: 0,
7980
+ width: "fit-content",
7981
+ color: theme.palette.primary.main,
7982
+ fontSize: "12px",
7983
+ cursor: "pointer",
7984
+ marginLeft: "2px",
7985
+ marginRight: 0,
7986
+ top: 3,
7987
+ right: "12px",
7988
+ position: "absolute",
7989
+ ":hover": {
7990
+ color: theme.palette.primary.dark
8000
7991
  }
8001
7992
  }
8002
- ]
7993
+ }
8003
7994
  }
8004
7995
  ]
8005
7996
  }