@designcrowd/library.brand-page 5.6.3 → 5.6.4-fluid-2

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 (50) hide show
  1. package/lib/src/brand-page/components/banner-section/BannerSection.mixin.js +5 -0
  2. package/lib/src/brand-page/components/payment/__fixtures__/request-payment.d.ts +3 -0
  3. package/lib/src/brand-page/components/payment/__fixtures__/support-me.d.ts +3 -0
  4. package/lib/src/brand-page/models/brand-page-context.model.d.ts +3 -0
  5. package/lib/src/brand-page/utils/migration/migration-03.d.ts +5 -0
  6. package/lib/src/brand-page/utils/migration/migration-03.js +28 -0
  7. package/lib/src/brand-page/utils/migration.util.js +5 -0
  8. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.js +1 -1
  9. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.js +37 -2
  10. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -0
  11. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +11 -0
  12. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js +3 -0
  13. package/lib/src/brand-page-maker/convertors/text-size-value.convertor.js +3 -3
  14. package/lib/src/brand-page-maker/utils/text.util.d.ts +2 -2
  15. package/lib/src/brand-page-maker/utils/text.util.js +3 -3
  16. package/lib/src/clients/user-media-client.d.ts +1 -2
  17. package/lib/src/clients/user-media-client.js +5 -19
  18. package/lib/src/css/library.brand-page-brandCrowd.min.css +19 -47
  19. package/lib/src/css/library.brand-page-brandPage.min.css +19 -47
  20. package/lib/src/css/library.brand-page-designCom.min.css +19 -47
  21. package/lib/src/css/library.brand-page-preview.min.css +19 -47
  22. package/lib/src/index.mjs +11068 -11101
  23. package/lib/src/shared/my-uploads/MyMedia.mixin.d.ts +0 -4
  24. package/lib/src/shared/my-uploads/MyMedia.mixin.js +5 -24
  25. package/lib/src/shared/my-uploads/MyUploads.mixin.js +1 -1
  26. package/lib/src/shared/my-uploads/models.d.ts +0 -1
  27. package/package.json +1 -1
  28. package/src/brand-page/components/banner-section/BannerSection.mixin.ts +5 -0
  29. package/src/brand-page/components/page/Page.vue +5 -1
  30. package/src/brand-page/components/text-wrapper/TextWrapper.vue +156 -12
  31. package/src/brand-page/models/brand-page-context.model.ts +3 -0
  32. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +26 -26
  33. package/src/brand-page/utils/migration/migration-03.ts +40 -0
  34. package/src/brand-page/utils/migration.util.ts +5 -0
  35. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.ts +1 -1
  36. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.stories.ts +43 -3
  37. package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +13 -0
  38. package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts +3 -0
  39. package/src/brand-page-maker/convertors/text-size-value.convertor.ts +3 -3
  40. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts +12 -3
  41. package/src/brand-page-maker/utils/text.util.ts +3 -3
  42. package/src/clients/user-media-client.ts +15 -32
  43. package/src/shared/my-uploads/MyMedia.mixin.ts +8 -36
  44. package/src/shared/my-uploads/MyMedia.vue +10 -9
  45. package/src/shared/my-uploads/MyUploads.mixin.ts +0 -1
  46. package/src/shared/my-uploads/models.ts +0 -1
  47. package/lib/src/brand-page/components/text-wrapper/TextWrapper.mixin.d.ts +0 -44
  48. package/lib/src/brand-page/components/text-wrapper/TextWrapper.mixin.js +0 -38
  49. package/src/brand-page/components/text-wrapper/TextWrapper.mixin.ts +0 -41
  50. package/src/shared/my-uploads/MyMediaSelectionItem.vue +0 -137
package/lib/src/css/library.brand-page-designCom.min.css CHANGED
@@ -7237,14 +7237,14 @@ body {
7237
7237
  line-height: 1.5;
7238
7238
  }
7239
7239
 
7240
- .brand-page-root[data-v-91e1b070] {
7240
+ .brand-page-root[data-v-2e004a3c] {
7241
7241
  height: 100%;
7242
7242
  }
7243
- .sortable[data-v-91e1b070] {
7243
+ .sortable[data-v-2e004a3c] {
7244
7244
  outline-color: #b2bdfb;
7245
7245
  outline-width: 0.2rem;
7246
7246
  }
7247
- .brand-page[data-v-91e1b070] {
7247
+ .brand-page[data-v-2e004a3c] {
7248
7248
  -webkit-box-sizing: border-box;
7249
7249
  box-sizing: border-box;
7250
7250
  display: -webkit-box;
@@ -7256,7 +7256,7 @@ body {
7256
7256
  -ms-flex-direction: column;
7257
7257
  flex-direction: column;
7258
7258
  }
7259
- .brand-page__inner--default[data-v-91e1b070] {
7259
+ .brand-page__inner--default[data-v-2e004a3c] {
7260
7260
  position: relative;
7261
7261
  z-index: 10;
7262
7262
  display: -webkit-box;
@@ -7268,16 +7268,16 @@ body {
7268
7268
  -ms-flex-direction: column;
7269
7269
  flex-direction: column;
7270
7270
  }
7271
- .brand-page__inner--desktop[data-v-91e1b070] {
7271
+ .brand-page__inner--desktop[data-v-2e004a3c] {
7272
7272
  min-height: 100vh;
7273
7273
  }
7274
- .brand-site__header[data-v-91e1b070] {
7274
+ .brand-site__header[data-v-2e004a3c] {
7275
7275
  container-type: inline-size;
7276
7276
  }
7277
- .brand-page__header[data-v-91e1b070] {
7277
+ .brand-page__header[data-v-2e004a3c] {
7278
7278
  padding-top: var(--page-padding);
7279
7279
  }
7280
- .brand-page__content--default[data-v-91e1b070] {
7280
+ .brand-page__content--default[data-v-2e004a3c] {
7281
7281
  margin-left: auto;
7282
7282
  margin-right: auto;
7283
7283
  margin-bottom: 2.5rem;
@@ -7294,7 +7294,7 @@ body {
7294
7294
  flex-direction: column;
7295
7295
  max-width: var(--page-max-width);
7296
7296
  }
7297
- .brand-page__content--desktop[data-v-91e1b070] {
7297
+ .brand-page__content--desktop[data-v-2e004a3c] {
7298
7298
  margin-left: auto;
7299
7299
  margin-right: auto;
7300
7300
  display: -webkit-box;
@@ -7310,15 +7310,15 @@ body {
7310
7310
  flex-direction: column;
7311
7311
  max-width: 100%;
7312
7312
  }
7313
- .brand-page__content--inner[data-v-91e1b070] {
7313
+ .brand-page__content--inner[data-v-2e004a3c] {
7314
7314
  padding-left: var(--page-padding);
7315
7315
  padding-right: var(--page-padding);
7316
7316
  }
7317
- .brand-page__content--inner--brandsite[data-v-91e1b070] {
7317
+ .brand-page__content--inner--brandsite[data-v-2e004a3c] {
7318
7318
  max-width: var(--brandsite-max-width);
7319
7319
  margin: 0 auto;
7320
7320
  }
7321
- .brand-page__content--outline-selected[data-v-91e1b070] {
7321
+ .brand-page__content--outline-selected[data-v-2e004a3c] {
7322
7322
  position: relative;
7323
7323
  z-index: 10;
7324
7324
  outline-color: #b2bdfb;
@@ -7326,20 +7326,20 @@ body {
7326
7326
  outline-style: dashed;
7327
7327
  outline-offset: -0.25rem;
7328
7328
  }
7329
- .brand-page__content--outline-footer-selected[data-v-91e1b070] {
7329
+ .brand-page__content--outline-footer-selected[data-v-2e004a3c] {
7330
7330
  outline-color: #f7768c;
7331
7331
  outline-width: 0.2rem;
7332
7332
  outline-style: dashed;
7333
7333
  outline-offset: -0.25rem;
7334
7334
  }
7335
7335
  @media (max-width: 640px) {
7336
- .brand-page__content--inner--full-width[data-v-91e1b070] {
7336
+ .brand-page__content--inner--full-width[data-v-2e004a3c] {
7337
7337
  padding-left: 0;
7338
7338
  padding-right: 0;
7339
7339
  }
7340
7340
  }
7341
7341
  @media (min-width: 640px) {
7342
- .brand-page__content--inner--full-width[data-v-91e1b070] {
7342
+ .brand-page__content--inner--full-width[data-v-2e004a3c] {
7343
7343
  padding-left: var(--page-padding);
7344
7344
  padding-right: var(--page-padding);
7345
7345
  }
@@ -7948,39 +7948,11 @@ body {
7948
7948
  border-bottom: 6px solid #be2626;
7949
7949
  }
7950
7950
 
7951
- .c-media-btn__img[data-v-144c5c39] {
7952
- border-radius: 0.375rem;
7953
- -o-object-fit: cover;
7954
- object-fit: cover;
7955
- -webkit-transition-property: -webkit-box-shadow;
7956
- transition-property: -webkit-box-shadow;
7957
- transition-property: box-shadow;
7958
- transition-property: box-shadow, -webkit-box-shadow;
7959
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7960
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7961
- -webkit-transition-duration: 200ms;
7962
- transition-duration: 200ms;
7963
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7964
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7965
- width: 100%;
7966
- height: 100%;
7967
- }
7968
- .c-media-btn__img[data-v-144c5c39]:hover {
7969
- -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
7970
- box-shadow: 0 0 0 3px rgb(0, 151, 215);
7971
- }
7972
- .tw-w-full[data-v-144c5c39] {
7973
- width: 100%;
7974
- }
7975
- .tw-h-full[data-v-144c5c39] {
7976
- height: 100%;
7977
- }
7978
-
7979
- .c-media-btn[data-v-4e32152a] {
7951
+ .c-media-btn[data-v-d2f038c3] {
7980
7952
  width: 100%;
7981
7953
  aspect-ratio: 1.2;
7982
7954
  }
7983
- .c-media-btn__img[data-v-4e32152a] {
7955
+ .c-media-btn__img[data-v-d2f038c3] {
7984
7956
  height: 100%;
7985
7957
  width: 100%;
7986
7958
  border-radius: 0.375rem;
@@ -7997,11 +7969,11 @@ body {
7997
7969
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7998
7970
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7999
7971
  }
8000
- .c-media-btn:hover .c-media-btn__img[data-v-4e32152a] {
7972
+ .c-media-btn:hover .c-media-btn__img[data-v-d2f038c3] {
8001
7973
  -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
8002
7974
  box-shadow: 0 0 0 3px rgb(0, 151, 215);
8003
7975
  }
8004
- .tw-bottom-15[data-v-4e32152a] {
7976
+ .tw-bottom-15[data-v-d2f038c3] {
8005
7977
  bottom: 15px;
8006
7978
  }
8007
7979
 
package/lib/src/css/library.brand-page-preview.min.css CHANGED
@@ -6983,14 +6983,14 @@ to {
6983
6983
  line-height: 1.5;
6984
6984
  }
6985
6985
 
6986
- .bp .brand-page-root[data-v-91e1b070] {
6986
+ .bp .brand-page-root[data-v-2e004a3c] {
6987
6987
  height: 100%;
6988
6988
  }
6989
- .bp .sortable[data-v-91e1b070] {
6989
+ .bp .sortable[data-v-2e004a3c] {
6990
6990
  outline-color: #F7768C;
6991
6991
  outline-width: 0.2rem;
6992
6992
  }
6993
- .bp .brand-page[data-v-91e1b070] {
6993
+ .bp .brand-page[data-v-2e004a3c] {
6994
6994
  -webkit-box-sizing: border-box;
6995
6995
  box-sizing: border-box;
6996
6996
  display: -webkit-box;
@@ -7002,7 +7002,7 @@ to {
7002
7002
  -ms-flex-direction: column;
7003
7003
  flex-direction: column;
7004
7004
  }
7005
- .bp .brand-page__inner--default[data-v-91e1b070] {
7005
+ .bp .brand-page__inner--default[data-v-2e004a3c] {
7006
7006
  position: relative;
7007
7007
  z-index: 10;
7008
7008
  display: -webkit-box;
@@ -7014,16 +7014,16 @@ to {
7014
7014
  -ms-flex-direction: column;
7015
7015
  flex-direction: column;
7016
7016
  }
7017
- .bp .brand-page__inner--desktop[data-v-91e1b070] {
7017
+ .bp .brand-page__inner--desktop[data-v-2e004a3c] {
7018
7018
  min-height: 100vh;
7019
7019
  }
7020
- .bp .brand-site__header[data-v-91e1b070] {
7020
+ .bp .brand-site__header[data-v-2e004a3c] {
7021
7021
  container-type: inline-size;
7022
7022
  }
7023
- .bp .brand-page__header[data-v-91e1b070] {
7023
+ .bp .brand-page__header[data-v-2e004a3c] {
7024
7024
  padding-top: var(--page-padding);
7025
7025
  }
7026
- .bp .brand-page__content--default[data-v-91e1b070] {
7026
+ .bp .brand-page__content--default[data-v-2e004a3c] {
7027
7027
  margin-left: auto;
7028
7028
  margin-right: auto;
7029
7029
  margin-bottom: 2.5rem;
@@ -7040,7 +7040,7 @@ to {
7040
7040
  flex-direction: column;
7041
7041
  max-width: var(--page-max-width);
7042
7042
  }
7043
- .bp .brand-page__content--desktop[data-v-91e1b070] {
7043
+ .bp .brand-page__content--desktop[data-v-2e004a3c] {
7044
7044
  margin-left: auto;
7045
7045
  margin-right: auto;
7046
7046
  display: -webkit-box;
@@ -7056,15 +7056,15 @@ to {
7056
7056
  flex-direction: column;
7057
7057
  max-width: 100%;
7058
7058
  }
7059
- .bp .brand-page__content--inner[data-v-91e1b070] {
7059
+ .bp .brand-page__content--inner[data-v-2e004a3c] {
7060
7060
  padding-left: var(--page-padding);
7061
7061
  padding-right: var(--page-padding);
7062
7062
  }
7063
- .bp .brand-page__content--inner--brandsite[data-v-91e1b070] {
7063
+ .bp .brand-page__content--inner--brandsite[data-v-2e004a3c] {
7064
7064
  max-width: var(--brandsite-max-width);
7065
7065
  margin: 0 auto;
7066
7066
  }
7067
- .bp .brand-page__content--outline-selected[data-v-91e1b070] {
7067
+ .bp .brand-page__content--outline-selected[data-v-2e004a3c] {
7068
7068
  position: relative;
7069
7069
  z-index: 10;
7070
7070
  outline-color: #F7768C;
@@ -7072,20 +7072,20 @@ to {
7072
7072
  outline-style: dashed;
7073
7073
  outline-offset: -0.25rem;
7074
7074
  }
7075
- .bp .brand-page__content--outline-footer-selected[data-v-91e1b070] {
7075
+ .bp .brand-page__content--outline-footer-selected[data-v-2e004a3c] {
7076
7076
  outline-color: #f7768c;
7077
7077
  outline-width: 0.2rem;
7078
7078
  outline-style: dashed;
7079
7079
  outline-offset: -0.25rem;
7080
7080
  }
7081
7081
  @media (max-width: 640px) {
7082
- .bp .brand-page__content--inner--full-width[data-v-91e1b070] {
7082
+ .bp .brand-page__content--inner--full-width[data-v-2e004a3c] {
7083
7083
  padding-left: 0;
7084
7084
  padding-right: 0;
7085
7085
  }
7086
7086
  }
7087
7087
  @media (min-width: 640px) {
7088
- .bp .brand-page__content--inner--full-width[data-v-91e1b070] {
7088
+ .bp .brand-page__content--inner--full-width[data-v-2e004a3c] {
7089
7089
  padding-left: var(--page-padding);
7090
7090
  padding-right: var(--page-padding);
7091
7091
  }
@@ -7694,39 +7694,11 @@ to {
7694
7694
  border-bottom: 6px solid #be2626;
7695
7695
  }
7696
7696
 
7697
- .bp .c-media-btn__img[data-v-144c5c39] {
7698
- border-radius: 0.375rem;
7699
- -o-object-fit: cover;
7700
- object-fit: cover;
7701
- -webkit-transition-property: -webkit-box-shadow;
7702
- transition-property: -webkit-box-shadow;
7703
- transition-property: box-shadow;
7704
- transition-property: box-shadow, -webkit-box-shadow;
7705
- -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7706
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
7707
- -webkit-transition-duration: 200ms;
7708
- transition-duration: 200ms;
7709
- -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7710
- transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7711
- width: 100%;
7712
- height: 100%;
7713
- }
7714
- .bp .c-media-btn__img[data-v-144c5c39]:hover {
7715
- -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
7716
- box-shadow: 0 0 0 3px rgb(0, 151, 215);
7717
- }
7718
- .bp .tw-w-full[data-v-144c5c39] {
7719
- width: 100%;
7720
- }
7721
- .bp .tw-h-full[data-v-144c5c39] {
7722
- height: 100%;
7723
- }
7724
-
7725
- .bp .c-media-btn[data-v-4e32152a] {
7697
+ .bp .c-media-btn[data-v-d2f038c3] {
7726
7698
  width: 100%;
7727
7699
  aspect-ratio: 1.2;
7728
7700
  }
7729
- .bp .c-media-btn__img[data-v-4e32152a] {
7701
+ .bp .c-media-btn__img[data-v-d2f038c3] {
7730
7702
  height: 100%;
7731
7703
  width: 100%;
7732
7704
  border-radius: 0.375rem;
@@ -7743,11 +7715,11 @@ to {
7743
7715
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7744
7716
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
7745
7717
  }
7746
- .bp .c-media-btn:hover .c-media-btn__img[data-v-4e32152a] {
7718
+ .bp .c-media-btn:hover .c-media-btn__img[data-v-d2f038c3] {
7747
7719
  -webkit-box-shadow: 0 0 0 3px rgb(0, 151, 215);
7748
7720
  box-shadow: 0 0 0 3px rgb(0, 151, 215);
7749
7721
  }
7750
- .bp .tw-bottom-15[data-v-4e32152a] {
7722
+ .bp .tw-bottom-15[data-v-d2f038c3] {
7751
7723
  bottom: 15px;
7752
7724
  }
7753
7725