@dcodegroup-au/page-builder 0.7.1 → 0.7.4

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/page-builder.css +149 -92
  2. package/dist/page-builder.es.js +205 -205
  3. package/dist/page-builder.umd.js +205 -205
  4. package/example/src/App.vue +57 -56
  5. package/package.json +2 -2
  6. package/src/assets/css/style.css +5 -1
  7. package/src/components/presenters/components/LinkPresenter.vue +3 -3
  8. package/src/components/presenters/components/SliderPresenter.vue +4 -4
  9. package/src/components/presenters/modules/AccordionPricing.vue +1 -1
  10. package/src/components/presenters/modules/BulletPoints.vue +1 -1
  11. package/src/components/presenters/modules/Callout.vue +1 -1
  12. package/src/components/presenters/modules/CollectionCarousel.vue +2 -2
  13. package/src/components/presenters/modules/CollectionGrid.vue +1 -1
  14. package/src/components/presenters/modules/ContactUs.vue +9 -7
  15. package/src/components/presenters/modules/FAQ.vue +1 -1
  16. package/src/components/presenters/modules/HeroHeader.vue +2 -2
  17. package/src/components/presenters/modules/HorizontalTabs.vue +40 -42
  18. package/src/components/presenters/modules/LinkCard.vue +1 -1
  19. package/src/components/presenters/modules/LinkList.vue +1 -1
  20. package/src/components/presenters/modules/LogoCloud.vue +2 -2
  21. package/src/components/presenters/modules/Paragraph.vue +1 -1
  22. package/src/components/presenters/modules/QuickLinks.vue +1 -1
  23. package/src/components/presenters/modules/StandardHeader.vue +1 -2
  24. package/src/components/presenters/modules/TestimonialSlider.vue +3 -3
  25. package/src/components/presenters/modules/Timeline.vue +2 -2
  26. package/src/components/presenters/modules/TwoColumnsImageContent.vue +7 -4
  27. package/src/components/presenters/modules/VTabs.vue +1 -1
@@ -840,9 +840,6 @@ select {
840
840
  .mb-10 {
841
841
  margin-bottom: 2.5rem;
842
842
  }
843
- .mb-12 {
844
- margin-bottom: 3rem;
845
- }
846
843
  .mb-2 {
847
844
  margin-bottom: 0.5rem;
848
845
  }
@@ -897,9 +894,6 @@ select {
897
894
  .mt-1 {
898
895
  margin-top: 0.25rem;
899
896
  }
900
- .mt-12 {
901
- margin-top: 3rem;
902
- }
903
897
  .mt-2 {
904
898
  margin-top: 0.5rem;
905
899
  }
@@ -969,15 +963,9 @@ select {
969
963
  .h-1 {
970
964
  height: 0.25rem;
971
965
  }
972
- .h-11 {
973
- height: 2.75rem;
974
- }
975
966
  .h-12 {
976
967
  height: 3rem;
977
968
  }
978
- .h-14 {
979
- height: 3.5rem;
980
- }
981
969
  .h-3 {
982
970
  height: 0.75rem;
983
971
  }
@@ -993,12 +981,12 @@ select {
993
981
  .h-8 {
994
982
  height: 2rem;
995
983
  }
984
+ .h-9 {
985
+ height: 2.25rem;
986
+ }
996
987
  .h-\[100vh\] {
997
988
  height: 100vh;
998
989
  }
999
- .h-\[136px\] {
1000
- height: 136px;
1001
- }
1002
990
  .h-\[16px\] {
1003
991
  height: 16px;
1004
992
  }
@@ -1050,8 +1038,8 @@ select {
1050
1038
  .h-\[674px\] {
1051
1039
  height: 674px;
1052
1040
  }
1053
- .h-\[872px\] {
1054
- height: 872px;
1041
+ .h-\[708px\] {
1042
+ height: 708px;
1055
1043
  }
1056
1044
  .h-\[96px\] {
1057
1045
  height: 96px;
@@ -1075,6 +1063,9 @@ select {
1075
1063
  .max-h-screen {
1076
1064
  max-height: 100vh;
1077
1065
  }
1066
+ .min-h-\[136px\] {
1067
+ min-height: 136px;
1068
+ }
1078
1069
  .min-h-\[260px\] {
1079
1070
  min-height: 260px;
1080
1071
  }
@@ -1114,15 +1105,9 @@ select {
1114
1105
  .w-2\/3 {
1115
1106
  width: 66.666667%;
1116
1107
  }
1117
- .w-2\/5 {
1118
- width: 40%;
1119
- }
1120
1108
  .w-3 {
1121
1109
  width: 0.75rem;
1122
1110
  }
1123
- .w-3\/5 {
1124
- width: 60%;
1125
- }
1126
1111
  .w-4 {
1127
1112
  width: 1rem;
1128
1113
  }
@@ -1357,9 +1342,6 @@ select {
1357
1342
  .justify-between {
1358
1343
  justify-content: space-between;
1359
1344
  }
1360
- .justify-stretch {
1361
- justify-content: stretch;
1362
- }
1363
1345
  .\!gap-4 {
1364
1346
  gap: 1rem !important;
1365
1347
  }
@@ -1396,22 +1378,16 @@ select {
1396
1378
  .gap-\[10\%\] {
1397
1379
  gap: 10%;
1398
1380
  }
1399
- .gap-\[60px\] {
1400
- gap: 60px;
1401
- }
1402
1381
  .gap-x-\[100px\] {
1403
1382
  -moz-column-gap: 100px;
1404
1383
  column-gap: 100px;
1405
1384
  }
1406
- .space-x-1 > :not([hidden]) ~ :not([hidden]) {
1407
- --tw-space-x-reverse: 0;
1408
- margin-right: calc(0.25rem * var(--tw-space-x-reverse));
1409
- margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
1385
+ .gap-x-\[60px\] {
1386
+ -moz-column-gap: 60px;
1387
+ column-gap: 60px;
1410
1388
  }
1411
- .space-x-6 > :not([hidden]) ~ :not([hidden]) {
1412
- --tw-space-x-reverse: 0;
1413
- margin-right: calc(1.5rem * var(--tw-space-x-reverse));
1414
- margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
1389
+ .gap-y-2 {
1390
+ row-gap: 0.5rem;
1415
1391
  }
1416
1392
  .divide-y > :not([hidden]) ~ :not([hidden]) {
1417
1393
  --tw-divide-y-reverse: 0;
@@ -1446,9 +1422,6 @@ select {
1446
1422
  .rounded-\[20px\] {
1447
1423
  border-radius: 20px;
1448
1424
  }
1449
- .rounded-\[40px\] {
1450
- border-radius: 40px;
1451
- }
1452
1425
  .rounded-\[6px\] {
1453
1426
  border-radius: 6px;
1454
1427
  }
@@ -1470,9 +1443,9 @@ select {
1470
1443
  .rounded-xl {
1471
1444
  border-radius: 0.75rem;
1472
1445
  }
1473
- .rounded-b-\[48px\] {
1474
- border-bottom-right-radius: 48px;
1475
- border-bottom-left-radius: 48px;
1446
+ .rounded-b-3xl {
1447
+ border-bottom-right-radius: 1.5rem;
1448
+ border-bottom-left-radius: 1.5rem;
1476
1449
  }
1477
1450
  .rounded-b-xl {
1478
1451
  border-bottom-right-radius: 0.75rem;
@@ -1723,8 +1696,8 @@ select {
1723
1696
  .p-1 {
1724
1697
  padding: 0.25rem;
1725
1698
  }
1726
- .p-10 {
1727
- padding: 2.5rem;
1699
+ .p-1\.5 {
1700
+ padding: 0.375rem;
1728
1701
  }
1729
1702
  .p-16 {
1730
1703
  padding: 4rem;
@@ -1752,10 +1725,6 @@ select {
1752
1725
  padding-left: 0px;
1753
1726
  padding-right: 0px;
1754
1727
  }
1755
- .px-1\.5 {
1756
- padding-left: 0.375rem;
1757
- padding-right: 0.375rem;
1758
- }
1759
1728
  .px-12 {
1760
1729
  padding-left: 3rem;
1761
1730
  padding-right: 3rem;
@@ -1870,15 +1839,15 @@ select {
1870
1839
  .pb-10 {
1871
1840
  padding-bottom: 2.5rem;
1872
1841
  }
1842
+ .pb-16 {
1843
+ padding-bottom: 4rem;
1844
+ }
1873
1845
  .pb-2 {
1874
1846
  padding-bottom: 0.5rem;
1875
1847
  }
1876
1848
  .pb-3 {
1877
1849
  padding-bottom: 0.75rem;
1878
1850
  }
1879
- .pb-32 {
1880
- padding-bottom: 8rem;
1881
- }
1882
1851
  .pb-4 {
1883
1852
  padding-bottom: 1rem;
1884
1853
  }
@@ -1915,6 +1884,9 @@ select {
1915
1884
  .pt-16 {
1916
1885
  padding-top: 4rem;
1917
1886
  }
1887
+ .pt-20 {
1888
+ padding-top: 5rem;
1889
+ }
1918
1890
  .pt-4 {
1919
1891
  padding-top: 1rem;
1920
1892
  }
@@ -1944,14 +1916,14 @@ select {
1944
1916
  font-size: 1.5rem;
1945
1917
  line-height: 2rem;
1946
1918
  }
1919
+ .text-3xl {
1920
+ font-size: 1.875rem;
1921
+ line-height: 2.25rem;
1922
+ }
1947
1923
  .text-4xl {
1948
1924
  font-size: 2.25rem;
1949
1925
  line-height: 2.5rem;
1950
1926
  }
1951
- .text-5xl {
1952
- font-size: 3rem;
1953
- line-height: 1;
1954
- }
1955
1927
  .text-\[13px\] {
1956
1928
  font-size: 13px;
1957
1929
  }
@@ -2023,9 +1995,6 @@ select {
2023
1995
  .leading-6 {
2024
1996
  line-height: 1.5rem;
2025
1997
  }
2026
- .leading-8 {
2027
- line-height: 2rem;
2028
- }
2029
1998
  .leading-\[24px\] {
2030
1999
  line-height: 24px;
2031
2000
  }
@@ -2825,6 +2794,10 @@ select {
2825
2794
  font-weight: 400;
2826
2795
  }
2827
2796
 
2797
+ .page-builder .ql-editor, .page-render .ql-editor, .item-edit .ql-editor {
2798
+ height: auto;
2799
+ }
2800
+
2828
2801
  .page-builder .ql-editor, .page-render .ql-editor, .item-edit .ql-editor {
2829
2802
  overflow: visible;
2830
2803
  }
@@ -2833,6 +2806,23 @@ select {
2833
2806
  padding: 0px;
2834
2807
  }
2835
2808
 
2809
+ .pb-container {
2810
+ margin-left: auto;
2811
+ margin-right: auto;
2812
+ width: 100%;
2813
+ max-width: 1640px;
2814
+ padding-left: 1rem;
2815
+ padding-right: 1rem;
2816
+ }
2817
+
2818
+ @media (min-width: 768px) {
2819
+
2820
+ .pb-container {
2821
+ padding-left: 120px;
2822
+ padding-right: 120px;
2823
+ }
2824
+ }
2825
+
2836
2826
  .checked\:bg-brand-600:checked {
2837
2827
  --tw-bg-opacity: 1;
2838
2828
  background-color: rgb(158 51 113 / var(--tw-bg-opacity, 1));
@@ -3003,12 +2993,36 @@ select {
3003
2993
  opacity: 1;
3004
2994
  }
3005
2995
 
2996
+ @media not all and (min-width: 1024px) {
2997
+
2998
+ .max-lg\:flex-col {
2999
+ flex-direction: column;
3000
+ }
3001
+ }
3002
+
3006
3003
  @media not all and (min-width: 768px) {
3007
3004
 
3008
3005
  .max-md\:mx-\[30px\] {
3009
3006
  margin-left: 30px;
3010
3007
  margin-right: 30px;
3011
3008
  }
3009
+
3010
+ .max-md\:w-full {
3011
+ width: 100%;
3012
+ }
3013
+
3014
+ .max-md\:flex-col {
3015
+ flex-direction: column;
3016
+ }
3017
+
3018
+ .max-md\:px-4 {
3019
+ padding-left: 1rem;
3020
+ padding-right: 1rem;
3021
+ }
3022
+
3023
+ .max-md\:pb-4 {
3024
+ padding-bottom: 1rem;
3025
+ }
3012
3026
  }
3013
3027
 
3014
3028
  @media (min-width: 640px) {
@@ -3029,6 +3043,11 @@ select {
3029
3043
  padding-left: 0px;
3030
3044
  padding-right: 0px;
3031
3045
  }
3046
+
3047
+ .sm\:px-4 {
3048
+ padding-left: 1rem;
3049
+ padding-right: 1rem;
3050
+ }
3032
3051
  }
3033
3052
 
3034
3053
  @media (min-width: 768px) {
@@ -3073,6 +3092,10 @@ select {
3073
3092
  flex-direction: row;
3074
3093
  }
3075
3094
 
3095
+ .md\:\!gap-8 {
3096
+ gap: 2rem !important;
3097
+ }
3098
+
3076
3099
  .md\:rounded-2xl {
3077
3100
  border-radius: 1rem;
3078
3101
  }
@@ -3089,30 +3112,52 @@ select {
3089
3112
  border-radius: 48px;
3090
3113
  }
3091
3114
 
3115
+ .md\:rounded-\[60px\] {
3116
+ border-radius: 60px;
3117
+ }
3118
+
3119
+ .md\:rounded-b-\[48px\] {
3120
+ border-bottom-right-radius: 48px;
3121
+ border-bottom-left-radius: 48px;
3122
+ }
3123
+
3124
+ .md\:\!p-8 {
3125
+ padding: 2rem !important;
3126
+ }
3127
+
3092
3128
  .md\:\!px-0 {
3093
3129
  padding-left: 0px !important;
3094
3130
  padding-right: 0px !important;
3095
3131
  }
3096
3132
 
3133
+ .md\:px-10 {
3134
+ padding-left: 2.5rem;
3135
+ padding-right: 2.5rem;
3136
+ }
3137
+
3097
3138
  .md\:px-24 {
3098
3139
  padding-left: 6rem;
3099
3140
  padding-right: 6rem;
3100
3141
  }
3101
3142
 
3143
+ .md\:px-6 {
3144
+ padding-left: 1.5rem;
3145
+ padding-right: 1.5rem;
3146
+ }
3147
+
3102
3148
  .md\:px-\[120px\] {
3103
3149
  padding-left: 120px;
3104
3150
  padding-right: 120px;
3105
3151
  }
3106
3152
 
3107
- .md\:px-\[90px\] {
3108
- padding-left: 90px;
3109
- padding-right: 90px;
3110
- }
3111
-
3112
3153
  .md\:pl-6 {
3113
3154
  padding-left: 1.5rem;
3114
3155
  }
3115
3156
 
3157
+ .md\:pt-12 {
3158
+ padding-top: 3rem;
3159
+ }
3160
+
3116
3161
  .md\:pt-28 {
3117
3162
  padding-top: 7rem;
3118
3163
  }
@@ -3132,6 +3177,10 @@ select {
3132
3177
  line-height: 1.75rem;
3133
3178
  }
3134
3179
 
3180
+ .md\:leading-8 {
3181
+ line-height: 2rem;
3182
+ }
3183
+
3135
3184
  .md\:leading-\[38px\] {
3136
3185
  line-height: 38px;
3137
3186
  }
@@ -3139,10 +3188,6 @@ select {
3139
3188
 
3140
3189
  @media (min-width: 1024px) {
3141
3190
 
3142
- .lg\:absolute {
3143
- position: absolute;
3144
- }
3145
-
3146
3191
  .lg\:relative {
3147
3192
  position: relative;
3148
3193
  }
@@ -3171,10 +3216,22 @@ select {
3171
3216
  height: 480px;
3172
3217
  }
3173
3218
 
3219
+ .lg\:h-\[872px\] {
3220
+ height: 872px;
3221
+ }
3222
+
3174
3223
  .lg\:w-1\/2 {
3175
3224
  width: 50%;
3176
3225
  }
3177
3226
 
3227
+ .lg\:w-2\/5 {
3228
+ width: 40%;
3229
+ }
3230
+
3231
+ .lg\:w-3\/5 {
3232
+ width: 60%;
3233
+ }
3234
+
3178
3235
  .lg\:w-\[350px\] {
3179
3236
  width: 350px;
3180
3237
  }
@@ -3191,10 +3248,6 @@ select {
3191
3248
  grid-template-columns: repeat(3, minmax(0, 1fr));
3192
3249
  }
3193
3250
 
3194
- .lg\:grid-cols-\[33\%_auto\] {
3195
- grid-template-columns: 33% auto;
3196
- }
3197
-
3198
3251
  .lg\:flex-row {
3199
3252
  flex-direction: row;
3200
3253
  }
@@ -3229,6 +3282,10 @@ select {
3229
3282
  padding-bottom: 1rem;
3230
3283
  }
3231
3284
 
3285
+ .lg\:pb-32 {
3286
+ padding-bottom: 8rem;
3287
+ }
3288
+
3232
3289
  .lg\:pl-8 {
3233
3290
  padding-left: 2rem;
3234
3291
  }
@@ -3290,8 +3347,8 @@ select {
3290
3347
  margin-right: 0px;
3291
3348
  }
3292
3349
 
3293
- .\31xl\:max-w-\[1824px\] {
3294
- max-width: 1824px;
3350
+ .\31xl\:max-w-\[1872px\] {
3351
+ max-width: 1872px;
3295
3352
  }
3296
3353
  }
3297
3354
 
@@ -3623,7 +3680,7 @@ select {
3623
3680
  }
3624
3681
 
3625
3682
 
3626
- .carousel[data-v-88d0c225] {
3683
+ .carousel[data-v-15563c74] {
3627
3684
  margin: 1rem 0;
3628
3685
  }
3629
3686
 
@@ -3652,67 +3709,67 @@ select {
3652
3709
  }
3653
3710
 
3654
3711
  @media (min-width: 640px) {
3655
- .link-card__columns--2[data-v-c340ea5c] {
3712
+ .link-card__columns--2[data-v-a7422ac9] {
3656
3713
  grid-template-columns: repeat(2, minmax(0, 1fr))
3657
3714
  }
3658
3715
  }
3659
3716
  @media (min-width: 768px) {
3660
- .link-card__columns--3[data-v-c340ea5c] {
3717
+ .link-card__columns--3[data-v-a7422ac9] {
3661
3718
  grid-template-columns: repeat(3, minmax(0, 1fr))
3662
3719
  }
3663
3720
  }
3664
3721
  @media (min-width: 640px) {
3665
- .link-card__columns--4[data-v-c340ea5c] {
3722
+ .link-card__columns--4[data-v-a7422ac9] {
3666
3723
  grid-template-columns: repeat(2, minmax(0, 1fr))
3667
3724
  }
3668
3725
  }
3669
3726
  @media (min-width: 1024px) {
3670
- .link-card__columns--4[data-v-c340ea5c] {
3727
+ .link-card__columns--4[data-v-a7422ac9] {
3671
3728
  grid-template-columns: repeat(4, minmax(0, 1fr))
3672
3729
  }
3673
3730
  }
3674
- .link-card__columns--with-featured-image[data-v-c340ea5c] {
3731
+ .link-card__columns--with-featured-image[data-v-a7422ac9] {
3675
3732
  height: -moz-fit-content;
3676
3733
  height: fit-content
3677
3734
  }
3678
- .link-card__columns--with-featured-image[data-v-c340ea5c] {
3735
+ .link-card__columns--with-featured-image[data-v-a7422ac9] {
3679
3736
  flex-direction: column
3680
3737
  }
3681
- .link-card__columns--with-featured-image.link-card__columns--2[data-v-c340ea5c] {
3738
+ .link-card__columns--with-featured-image.link-card__columns--2[data-v-a7422ac9] {
3682
3739
  grid-template-columns: repeat(1, minmax(0, 1fr))
3683
3740
  }
3684
3741
  @media (min-width: 1024px) {
3685
- .link-card__columns--with-featured-image.link-card__columns--2[data-v-c340ea5c] {
3742
+ .link-card__columns--with-featured-image.link-card__columns--2[data-v-a7422ac9] {
3686
3743
  grid-template-columns: repeat(2, minmax(0, 1fr))
3687
3744
  }
3688
3745
  }
3689
- .link-card__columns--with-featured-image.link-card__columns--3[data-v-c340ea5c] {
3746
+ .link-card__columns--with-featured-image.link-card__columns--3[data-v-a7422ac9] {
3690
3747
  grid-template-columns: repeat(1, minmax(0, 1fr))
3691
3748
  }
3692
3749
  @media (min-width: 1280px) {
3693
- .link-card__columns--with-featured-image.link-card__columns--3[data-v-c340ea5c] {
3750
+ .link-card__columns--with-featured-image.link-card__columns--3[data-v-a7422ac9] {
3694
3751
  grid-template-columns: repeat(3, minmax(0, 1fr))
3695
3752
  }
3696
3753
  }
3697
- .link-card__columns--with-featured-image.link-card__columns--4[data-v-c340ea5c] {
3754
+ .link-card__columns--with-featured-image.link-card__columns--4[data-v-a7422ac9] {
3698
3755
  grid-template-columns: repeat(1, minmax(0, 1fr))
3699
3756
  }
3700
3757
  @media (min-width: 1024px) {
3701
- .link-card__columns--with-featured-image.link-card__columns--4[data-v-c340ea5c] {
3758
+ .link-card__columns--with-featured-image.link-card__columns--4[data-v-a7422ac9] {
3702
3759
  grid-template-columns: repeat(2, minmax(0, 1fr))
3703
3760
  }
3704
3761
  }
3705
3762
  @media (min-width: 1280px) {
3706
- .link-card__columns--with-featured-image.link-card__columns--4[data-v-c340ea5c] {
3763
+ .link-card__columns--with-featured-image.link-card__columns--4[data-v-a7422ac9] {
3707
3764
  grid-template-columns: repeat(4, minmax(0, 1fr))
3708
3765
  }
3709
3766
  }
3710
3767
 
3711
- .fade-enter-active[data-v-9e6ed7b6],
3712
- .fade-leave-active[data-v-9e6ed7b6] {
3768
+ .fade-enter-active[data-v-e220475b],
3769
+ .fade-leave-active[data-v-e220475b] {
3713
3770
  transition: opacity 0.1s ease;
3714
3771
  }
3715
- .fade-enter-from[data-v-9e6ed7b6],
3716
- .fade-leave-to[data-v-9e6ed7b6] {
3772
+ .fade-enter-from[data-v-e220475b],
3773
+ .fade-leave-to[data-v-e220475b] {
3717
3774
  opacity: 0;
3718
3775
  }