@designcrowd/library.brand-page 5.16.54 → 5.16.56

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 (44) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-MT7ymeOj.js → CreatedOnBrandCrowd-de-de-6sZkE1ef.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-C2GKnuEv.js → CreatedOnBrandCrowd-en-us-CMA430YI.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-2takDYdw.js → CreatedOnBrandCrowd-es-es-Bn7WDLSZ.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DFjtVwB7.js → CreatedOnBrandCrowd-fr-ca-DfNMldwI.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DFjtVwB7.js → CreatedOnBrandCrowd-fr-fr-DfNMldwI.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BgN5BFxF.js → CreatedOnBrandCrowd-pt-br-ClvYm3Tr.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-BgN5BFxF.js → CreatedOnBrandCrowd-pt-pt-ClvYm3Tr.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-BzxanK33.js → CreatedOnDcom-de-de-D09-fI5_.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-Vlybo-_L.js → CreatedOnDcom-en-us-D6fU41FS.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-BRKauY9e.js → CreatedOnDcom-es-es-BKAK0Oah.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-BRSzGg7E.js → CreatedOnDcom-fr-ca-CUN--Pd7.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-CQg_YrB1.js → CreatedOnDcom-fr-fr-DSMtGwtw.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CXxzg52F.js → CreatedOnDcom-pt-br-B6EStxIv.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-Bv63jvQl.js → CreatedOnDcom-pt-pt-DF6U-44j.js} +1 -1
  15. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +4 -0
  16. package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts +2 -18
  17. package/lib/src/brand-page-maker/composables/useEventTracker.d.ts +7 -0
  18. package/lib/src/brand-page-maker/composables/useEventTracker.js +26 -8
  19. package/lib/src/brand-page-maker/stores/route/localised-route-store.d.ts +2 -18
  20. package/lib/src/brand-page-maker/stores/route/localised-route-store.js +34 -24
  21. package/lib/src/css/library.brand-page-brandCrowd.min.css +64 -64
  22. package/lib/src/css/library.brand-page-brandPage.min.css +64 -64
  23. package/lib/src/css/library.brand-page-designCom.min.css +64 -64
  24. package/lib/src/css/library.brand-page-preview.min.css +64 -64
  25. package/lib/src/index.d.ts +1 -0
  26. package/lib/src/index.mjs +1 -1
  27. package/lib/src/{lib-Ct6M2UhH.js → lib-CCuNckWh.js} +4578 -4538
  28. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +4 -0
  29. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +4 -0
  30. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +4 -0
  31. package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts +4 -0
  32. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +4 -0
  33. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.d.ts +4 -0
  34. package/lib/src/shared/side-bar/components/SideBarTabButton.mixin.d.ts +4 -0
  35. package/lib/src/shared/style-settings/components/StyleSettings.mixin.d.ts +4 -0
  36. package/lib/src/shared/template-settings/components/TemplatesSettings.mixin.d.ts +4 -0
  37. package/package.json +1 -1
  38. package/src/brand-page/components/brand-page-footer/BrandPageFooter.vue +20 -5
  39. package/src/brand-page/components/save-contact/SaveContactWidget.vue +4 -8
  40. package/src/brand-page/components/save-contact/popup-card/PopupCard.vue +2 -8
  41. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +1 -1
  42. package/src/brand-page-maker/composables/useEventTracker.ts +48 -7
  43. package/src/brand-page-maker/stores/route/localised-route-store.ts +59 -45
  44. package/src/lib.ts +1 -0
@@ -5475,7 +5475,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5475
5475
  border-radius: 0 !important;
5476
5476
  }
5477
5477
 
5478
- @-webkit-keyframes slide-eea86c62 {
5478
+ @-webkit-keyframes slide-ccfbe22d {
5479
5479
  0% {
5480
5480
  -webkit-transform: translateX(-40%);
5481
5481
  transform: translateX(-40%);
@@ -5500,7 +5500,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5500
5500
  transform: translateX(150%);
5501
5501
  }
5502
5502
  }
5503
- @keyframes slide-eea86c62 {
5503
+ @keyframes slide-ccfbe22d {
5504
5504
  0% {
5505
5505
  -webkit-transform: translateX(-40%);
5506
5506
  transform: translateX(-40%);
@@ -5525,7 +5525,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5525
5525
  transform: translateX(150%);
5526
5526
  }
5527
5527
  }
5528
- .brand-page__footer[data-v-eea86c62] {
5528
+ .brand-page__footer[data-v-ccfbe22d] {
5529
5529
  display: -webkit-box;
5530
5530
  display: -ms-flexbox;
5531
5531
  display: flex;
@@ -5533,7 +5533,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5533
5533
  -ms-flex-pack: center;
5534
5534
  justify-content: center;
5535
5535
  }
5536
- .brand-page__footer-link[data-v-eea86c62] {
5536
+ .brand-page__footer-link[data-v-ccfbe22d] {
5537
5537
  display: block;
5538
5538
  border-radius: 0.25rem;
5539
5539
  padding: 0.75rem;
@@ -5541,37 +5541,37 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5541
5541
  -webkit-transition: background 0.2s ease-in-out;
5542
5542
  transition: background 0.2s ease-in-out;
5543
5543
  }
5544
- .brand-page__footer-link[data-v-eea86c62]:hover {
5544
+ .brand-page__footer-link[data-v-ccfbe22d]:hover {
5545
5545
  opacity: 0.9;
5546
5546
  }
5547
- .icon-container[data-v-eea86c62] {
5547
+ .icon-container[data-v-ccfbe22d] {
5548
5548
  width: 20px;
5549
5549
  overflow: hidden;
5550
5550
  }
5551
- .icon-right[data-v-eea86c62] {
5551
+ .icon-right[data-v-ccfbe22d] {
5552
5552
  left: 50%;
5553
5553
  -webkit-transform: translateX(-50%);
5554
5554
  transform: translateX(-50%);
5555
- -webkit-animation-name: slide-eea86c62;
5556
- animation-name: slide-eea86c62;
5555
+ -webkit-animation-name: slide-ccfbe22d;
5556
+ animation-name: slide-ccfbe22d;
5557
5557
  -webkit-animation-duration: 3s;
5558
5558
  animation-duration: 3s;
5559
5559
  -webkit-animation-iteration-count: infinite;
5560
5560
  animation-iteration-count: infinite;
5561
5561
  }
5562
- .btn-dcom[data-v-eea86c62] {
5562
+ .btn-dcom[data-v-ccfbe22d] {
5563
5563
  --tw-border-opacity: 1;
5564
5564
  --tw-bg-opacity: 1;
5565
5565
  border-color: rgb(63 89 246 / var(--tw-border-opacity));
5566
5566
  background-color: rgb(63 89 246 / var(--tw-bg-opacity));
5567
5567
  font-family: 'Inter', Lato, sans-serif;
5568
5568
  }
5569
- .extra-height[data-v-eea86c62] {
5569
+ .extra-height[data-v-ccfbe22d] {
5570
5570
  -webkit-transition: height 0.5s ease-in-out;
5571
5571
  transition: height 0.5s ease-in-out;
5572
5572
  width: 100%;
5573
5573
  }
5574
- .btn-bc[data-v-eea86c62] {
5574
+ .btn-bc[data-v-ccfbe22d] {
5575
5575
  font-family: Lato, Helvetica, sans-serif;
5576
5576
  }
5577
5577
 
@@ -7542,7 +7542,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7542
7542
  justify-content: flex-end;
7543
7543
  }
7544
7544
 
7545
- @-webkit-keyframes slideUp-a1c3a7d4 {
7545
+ @-webkit-keyframes slideUp-9b5e0507 {
7546
7546
  from {
7547
7547
  bottom: -100%;
7548
7548
  opacity: 0;
@@ -7551,7 +7551,7 @@ to {
7551
7551
  opacity: 1;
7552
7552
  }
7553
7553
  }
7554
- @keyframes slideUp-a1c3a7d4 {
7554
+ @keyframes slideUp-9b5e0507 {
7555
7555
  from {
7556
7556
  bottom: -100%;
7557
7557
  opacity: 0;
@@ -7560,27 +7560,27 @@ to {
7560
7560
  opacity: 1;
7561
7561
  }
7562
7562
  }
7563
- .popup-card[data-v-a1c3a7d4] {
7564
- -webkit-animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7565
- animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7563
+ .popup-card[data-v-9b5e0507] {
7564
+ -webkit-animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7565
+ animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7566
7566
  }
7567
7567
  @media (max-width: 767px) {
7568
- .popup-card[data-v-a1c3a7d4] {
7568
+ .popup-card[data-v-9b5e0507] {
7569
7569
  max-width: calc(100% - 2rem);
7570
7570
  }
7571
7571
  }
7572
- .btn-dcom[data-v-a1c3a7d4] {
7572
+ .btn-dcom[data-v-9b5e0507] {
7573
7573
  --tw-border-opacity: 1;
7574
7574
  --tw-bg-opacity: 1;
7575
7575
  border-color: rgb(63 89 246 / var(--tw-border-opacity));
7576
7576
  background-color: rgb(63 89 246 / var(--tw-bg-opacity));
7577
7577
  font-family: 'Inter', Lato, sans-serif;
7578
7578
  }
7579
- .btn-bc[data-v-a1c3a7d4] {
7579
+ .btn-bc[data-v-9b5e0507] {
7580
7580
  font-family: Lato, Helvetica, sans-serif;
7581
7581
  }
7582
7582
 
7583
- .brand-page__footer[data-v-73d82b88] {
7583
+ .brand-page__footer[data-v-2d20753c] {
7584
7584
  display: -webkit-box;
7585
7585
  display: -ms-flexbox;
7586
7586
  display: flex;
@@ -7588,7 +7588,7 @@ to {
7588
7588
  -ms-flex-pack: center;
7589
7589
  justify-content: center;
7590
7590
  }
7591
- .brand-page__footer-link[data-v-73d82b88] {
7591
+ .brand-page__footer-link[data-v-2d20753c] {
7592
7592
  display: block;
7593
7593
  border-radius: 0.25rem;
7594
7594
  padding: 0.75rem;
@@ -7596,25 +7596,25 @@ to {
7596
7596
  -webkit-transition: background 0.2s ease-in-out;
7597
7597
  transition: background 0.2s ease-in-out;
7598
7598
  }
7599
- .brand-page__footer-link[data-v-73d82b88]:hover {
7599
+ .brand-page__footer-link[data-v-2d20753c]:hover {
7600
7600
  opacity: 0.9;
7601
7601
  }
7602
- .icon-container[data-v-73d82b88] {
7602
+ .icon-container[data-v-2d20753c] {
7603
7603
  width: 20px;
7604
7604
  overflow: hidden;
7605
7605
  }
7606
- .extra-height[data-v-73d82b88] {
7606
+ .extra-height[data-v-2d20753c] {
7607
7607
  -webkit-transition: height 0.5s ease-in-out;
7608
7608
  transition: height 0.5s ease-in-out;
7609
7609
  width: 100%;
7610
7610
  }
7611
- .c-button__label[data-v-73d82b88] {
7611
+ .c-button__label[data-v-2d20753c] {
7612
7612
  margin: 0 auto;
7613
7613
  word-break: break-word;
7614
7614
  overflow-wrap: anywhere;
7615
7615
  width: auto;
7616
7616
  }
7617
- .c-button[data-v-73d82b88] {
7617
+ .c-button[data-v-2d20753c] {
7618
7618
  --icon-h: 1.5rem;
7619
7619
  --icon-m-r: 0.5rem;
7620
7620
  --icon-m-icon: 0.5rem;
@@ -7629,10 +7629,10 @@ to {
7629
7629
  -ms-flex-align: center !important;
7630
7630
  align-items: center !important;
7631
7631
  }
7632
- .button__icon[data-v-73d82b88] {
7632
+ .button__icon[data-v-2d20753c] {
7633
7633
  margin-right: var(--icon-m-r);
7634
7634
  }
7635
- .btn-max-width[data-v-73d82b88] {
7635
+ .btn-max-width[data-v-2d20753c] {
7636
7636
  max-width: 315px;
7637
7637
  width: 100%;
7638
7638
  }
@@ -8803,11 +8803,11 @@ body {
8803
8803
  min-width: 33.333333%
8804
8804
  }
8805
8805
 
8806
- .rich-text-editor[data-v-8c357542]:focus-within {
8806
+ .rich-text-editor[data-v-7d26c995]:focus-within {
8807
8807
  --tw-border-opacity: 1;
8808
8808
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
8809
8809
  }
8810
- .style-editor[data-v-8c357542] {
8810
+ .style-editor[data-v-7d26c995] {
8811
8811
  display: -webkit-box;
8812
8812
  display: -ms-flexbox;
8813
8813
  display: flex;
@@ -8818,7 +8818,7 @@ body {
8818
8818
  -ms-flex-wrap: wrap;
8819
8819
  flex-wrap: wrap;
8820
8820
  }
8821
- .style-editor[data-v-8c357542] button:not(.c-button-style) {
8821
+ .style-editor[data-v-7d26c995] button:not(.c-button-style) {
8822
8822
  display: -webkit-box;
8823
8823
  display: -ms-flexbox;
8824
8824
  display: flex;
@@ -8828,16 +8828,16 @@ body {
8828
8828
  padding-left: 0.5rem;
8829
8829
  padding-right: 0.5rem;
8830
8830
  }
8831
- .style-editor-button[data-v-8c357542] {
8831
+ .style-editor-button[data-v-7d26c995] {
8832
8832
  cursor: pointer;
8833
8833
  padding-left: 0.25rem;
8834
8834
  padding-top: 0.25rem;
8835
8835
  }
8836
- .toolbar-editor-button.active[data-v-8c357542] {
8836
+ .toolbar-editor-button.active[data-v-7d26c995] {
8837
8837
  font-weight: 700;
8838
8838
  background: #e3e3e3;
8839
8839
  }
8840
- .toolbar-editor-button[data-v-8c357542] {
8840
+ .toolbar-editor-button[data-v-7d26c995] {
8841
8841
  height: 32px;
8842
8842
  width: 32px;
8843
8843
  border-radius: 4px;
@@ -8855,7 +8855,7 @@ body {
8855
8855
  -ms-flex-pack: center;
8856
8856
  justify-content: center;
8857
8857
  }
8858
- [data-v-8c357542] .ProseMirror {
8858
+ [data-v-7d26c995] .ProseMirror {
8859
8859
  border-top: 1px solid #ccc;
8860
8860
  min-height: 150px;
8861
8861
  padding: 8px;
@@ -8868,10 +8868,10 @@ body {
8868
8868
  max-height: 14rem;
8869
8869
  overflow: auto;
8870
8870
  }
8871
- [data-v-8c357542] .ProseMirror:focus {
8871
+ [data-v-7d26c995] .ProseMirror:focus {
8872
8872
  outline: none;
8873
8873
  }
8874
- [data-v-8c357542] .ProseMirror * {
8874
+ [data-v-7d26c995] .ProseMirror * {
8875
8875
  text-align: left !important;
8876
8876
  font-size: 16px !important;
8877
8877
  color: #606060 !important;
@@ -8880,28 +8880,28 @@ body {
8880
8880
  background-color: transparent !important;
8881
8881
  font-family: 'Lato' !important;
8882
8882
  }
8883
- [data-v-8c357542] .ProseMirror a s,[data-v-8c357542] .ProseMirror a strike,[data-v-8c357542] .ProseMirror a [data-strike] {
8883
+ [data-v-7d26c995] .ProseMirror a s,[data-v-7d26c995] .ProseMirror a strike,[data-v-7d26c995] .ProseMirror a [data-strike] {
8884
8884
  text-decoration: line-through !important;
8885
8885
  }
8886
- [data-v-8c357542] .ProseMirror a,[data-v-8c357542] .ProseMirror a * {
8886
+ [data-v-7d26c995] .ProseMirror a,[data-v-7d26c995] .ProseMirror a * {
8887
8887
  color: #0097d7 !important;
8888
8888
  text-decoration: underline !important;
8889
8889
  }
8890
- .error-message[data-v-8c357542] {
8890
+ .error-message[data-v-7d26c995] {
8891
8891
  color: #d32f2f;
8892
8892
  font-size: 0.875rem;
8893
8893
  margin-top: 4px;
8894
8894
  }
8895
- .popup-container[data-v-8c357542] {
8895
+ .popup-container[data-v-7d26c995] {
8896
8896
  position: absolute;
8897
8897
  z-index: 10;
8898
8898
  right: 8%;
8899
8899
  }
8900
- .hyperlink-preview[data-v-8c357542] {
8900
+ .hyperlink-preview[data-v-7d26c995] {
8901
8901
  position: absolute;
8902
8902
  z-index: 10;
8903
8903
  }
8904
- .popup-panel[data-v-8c357542] {
8904
+ .popup-panel[data-v-7d26c995] {
8905
8905
  background: #fff;
8906
8906
  border: 1px solid #ccc;
8907
8907
  border-radius: 8px;
@@ -8909,17 +8909,17 @@ body {
8909
8909
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8910
8910
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8911
8911
  }
8912
- .popup-panel[data-v-8c357542] input {
8912
+ .popup-panel[data-v-7d26c995] input {
8913
8913
  border: 1px solid #ccc;
8914
8914
  border-radius: 8px;
8915
8915
  }
8916
- .border[data-v-8c357542] {
8916
+ .border[data-v-7d26c995] {
8917
8917
  width: 100%;
8918
8918
  --tw-bg-opacity: 1;
8919
8919
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8920
8920
  height: 1px;
8921
8921
  }
8922
- [data-v-8c357542] .text-dropdown-title {
8922
+ [data-v-7d26c995] .text-dropdown-title {
8923
8923
  height: 2rem;
8924
8924
  width: 100%;
8925
8925
  font-size: 0.875rem;
@@ -8928,7 +8928,7 @@ body {
8928
8928
  color: rgb(43 43 43 / var(--tw-text-opacity));
8929
8929
  font-weight: 300;
8930
8930
  }
8931
- [data-v-8c357542] .ProseMirror p.is-editor-empty:first-child::before {
8931
+ [data-v-7d26c995] .ProseMirror p.is-editor-empty:first-child::before {
8932
8932
  --tw-text-opacity: 1;
8933
8933
  color: rgb(208 208 208 / var(--tw-text-opacity));
8934
8934
  content: attr(data-placeholder);
@@ -8937,56 +8937,56 @@ body {
8937
8937
  pointer-events: none;
8938
8938
  }
8939
8939
  @media (max-width: 399px) {
8940
- .style-editor-button-font[data-v-8c357542],
8941
- .style-editor-button-textstyle[data-v-8c357542] {
8940
+ .style-editor-button-font[data-v-7d26c995],
8941
+ .style-editor-button-textstyle[data-v-7d26c995] {
8942
8942
  max-width: 48%;
8943
8943
  padding-bottom: 0.25rem;
8944
8944
  }
8945
- .style-editor-button.stepper[data-v-8c357542] {
8945
+ .style-editor-button.stepper[data-v-7d26c995] {
8946
8946
  max-width: 40%;
8947
8947
  }
8948
- .style-editor-button-stepper[data-v-8c357542] {
8948
+ .style-editor-button-stepper[data-v-7d26c995] {
8949
8949
  max-width: 100%;
8950
8950
  }
8951
- .border.desktop[data-v-8c357542] {
8951
+ .border.desktop[data-v-7d26c995] {
8952
8952
  display: none;
8953
8953
  }
8954
- .border.mobile[data-v-8c357542] {
8954
+ .border.mobile[data-v-7d26c995] {
8955
8955
  display: block;
8956
8956
  }
8957
- [data-v-8c357542] .left-align {
8957
+ [data-v-7d26c995] .left-align {
8958
8958
  -webkit-transform: translateX(-50%);
8959
8959
  transform: translateX(-50%);
8960
8960
  }
8961
- .hyperlink-popup[data-v-8c357542] {
8961
+ .hyperlink-popup[data-v-7d26c995] {
8962
8962
  z-index: 10000 !important;
8963
8963
  }
8964
8964
  }
8965
8965
  @media (min-width: 400px) {
8966
- .style-editor-button.stepper[data-v-8c357542] {
8966
+ .style-editor-button.stepper[data-v-7d26c995] {
8967
8967
  max-width: 32%;
8968
8968
  }
8969
- .style-editor-button-font[data-v-8c357542] {
8969
+ .style-editor-button-font[data-v-7d26c995] {
8970
8970
  max-width: 28%;
8971
8971
  }
8972
- .style-editor-button-stepper[data-v-8c357542] {
8972
+ .style-editor-button-stepper[data-v-7d26c995] {
8973
8973
  max-width: 100%;
8974
8974
  }
8975
- .style-editor-button-textstyle[data-v-8c357542] {
8975
+ .style-editor-button-textstyle[data-v-7d26c995] {
8976
8976
  max-width: 25%;
8977
8977
  }
8978
- .border.desktop[data-v-8c357542] {
8978
+ .border.desktop[data-v-7d26c995] {
8979
8979
  display: block;
8980
8980
  }
8981
- .border.mobile[data-v-8c357542] {
8981
+ .border.mobile[data-v-7d26c995] {
8982
8982
  display: none;
8983
8983
  }
8984
- [data-v-8c357542] .left-align {
8984
+ [data-v-7d26c995] .left-align {
8985
8985
  -webkit-transform: translateX(-25%);
8986
8986
  transform: translateX(-25%);
8987
8987
  }
8988
8988
  }
8989
- .drop-down-item[data-v-8c357542]:hover {
8989
+ .drop-down-item[data-v-7d26c995]:hover {
8990
8990
  background-color: #eee;
8991
8991
  }
8992
8992