@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
@@ -5183,7 +5183,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5183
5183
  border-radius: 0 !important;
5184
5184
  }
5185
5185
 
5186
- @-webkit-keyframes slide-eea86c62 {
5186
+ @-webkit-keyframes slide-ccfbe22d {
5187
5187
  0% {
5188
5188
  -webkit-transform: translateX(-40%);
5189
5189
  transform: translateX(-40%);
@@ -5208,7 +5208,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5208
5208
  transform: translateX(150%);
5209
5209
  }
5210
5210
  }
5211
- @keyframes slide-eea86c62 {
5211
+ @keyframes slide-ccfbe22d {
5212
5212
  0% {
5213
5213
  -webkit-transform: translateX(-40%);
5214
5214
  transform: translateX(-40%);
@@ -5233,7 +5233,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5233
5233
  transform: translateX(150%);
5234
5234
  }
5235
5235
  }
5236
- .brand-page__footer[data-v-eea86c62] {
5236
+ .brand-page__footer[data-v-ccfbe22d] {
5237
5237
  display: -webkit-box;
5238
5238
  display: -ms-flexbox;
5239
5239
  display: flex;
@@ -5241,7 +5241,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5241
5241
  -ms-flex-pack: center;
5242
5242
  justify-content: center;
5243
5243
  }
5244
- .brand-page__footer-link[data-v-eea86c62] {
5244
+ .brand-page__footer-link[data-v-ccfbe22d] {
5245
5245
  display: block;
5246
5246
  border-radius: 0.5rem;
5247
5247
  padding: 0.75rem;
@@ -5249,37 +5249,37 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5249
5249
  -webkit-transition: background 0.2s ease-in-out;
5250
5250
  transition: background 0.2s ease-in-out;
5251
5251
  }
5252
- .brand-page__footer-link[data-v-eea86c62]:hover {
5252
+ .brand-page__footer-link[data-v-ccfbe22d]:hover {
5253
5253
  opacity: 0.9;
5254
5254
  }
5255
- .icon-container[data-v-eea86c62] {
5255
+ .icon-container[data-v-ccfbe22d] {
5256
5256
  width: 20px;
5257
5257
  overflow: hidden;
5258
5258
  }
5259
- .icon-right[data-v-eea86c62] {
5259
+ .icon-right[data-v-ccfbe22d] {
5260
5260
  left: 50%;
5261
5261
  -webkit-transform: translateX(-50%);
5262
5262
  transform: translateX(-50%);
5263
- -webkit-animation-name: slide-eea86c62;
5264
- animation-name: slide-eea86c62;
5263
+ -webkit-animation-name: slide-ccfbe22d;
5264
+ animation-name: slide-ccfbe22d;
5265
5265
  -webkit-animation-duration: 3s;
5266
5266
  animation-duration: 3s;
5267
5267
  -webkit-animation-iteration-count: infinite;
5268
5268
  animation-iteration-count: infinite;
5269
5269
  }
5270
- .btn-dcom[data-v-eea86c62] {
5270
+ .btn-dcom[data-v-ccfbe22d] {
5271
5271
  --tw-border-opacity: 1;
5272
5272
  --tw-bg-opacity: 1;
5273
5273
  border-color: rgb(63 89 246 / var(--tw-border-opacity));
5274
5274
  background-color: rgb(63 89 246 / var(--tw-bg-opacity));
5275
5275
  font-family: 'Inter', Lato, sans-serif;
5276
5276
  }
5277
- .extra-height[data-v-eea86c62] {
5277
+ .extra-height[data-v-ccfbe22d] {
5278
5278
  -webkit-transition: height 0.5s ease-in-out;
5279
5279
  transition: height 0.5s ease-in-out;
5280
5280
  width: 100%;
5281
5281
  }
5282
- .btn-bc[data-v-eea86c62] {
5282
+ .btn-bc[data-v-ccfbe22d] {
5283
5283
  font-family: Lato, Helvetica, sans-serif;
5284
5284
  }
5285
5285
 
@@ -7250,7 +7250,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7250
7250
  justify-content: flex-end;
7251
7251
  }
7252
7252
 
7253
- @-webkit-keyframes slideUp-a1c3a7d4 {
7253
+ @-webkit-keyframes slideUp-9b5e0507 {
7254
7254
  from {
7255
7255
  bottom: -100%;
7256
7256
  opacity: 0;
@@ -7259,7 +7259,7 @@ to {
7259
7259
  opacity: 1;
7260
7260
  }
7261
7261
  }
7262
- @keyframes slideUp-a1c3a7d4 {
7262
+ @keyframes slideUp-9b5e0507 {
7263
7263
  from {
7264
7264
  bottom: -100%;
7265
7265
  opacity: 0;
@@ -7268,27 +7268,27 @@ to {
7268
7268
  opacity: 1;
7269
7269
  }
7270
7270
  }
7271
- .popup-card[data-v-a1c3a7d4] {
7272
- -webkit-animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7273
- animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7271
+ .popup-card[data-v-9b5e0507] {
7272
+ -webkit-animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7273
+ animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7274
7274
  }
7275
7275
  @media (max-width: 767px) {
7276
- .popup-card[data-v-a1c3a7d4] {
7276
+ .popup-card[data-v-9b5e0507] {
7277
7277
  max-width: calc(100% - 2rem);
7278
7278
  }
7279
7279
  }
7280
- .btn-dcom[data-v-a1c3a7d4] {
7280
+ .btn-dcom[data-v-9b5e0507] {
7281
7281
  --tw-border-opacity: 1;
7282
7282
  --tw-bg-opacity: 1;
7283
7283
  border-color: rgb(63 89 246 / var(--tw-border-opacity));
7284
7284
  background-color: rgb(63 89 246 / var(--tw-bg-opacity));
7285
7285
  font-family: 'Inter', Lato, sans-serif;
7286
7286
  }
7287
- .btn-bc[data-v-a1c3a7d4] {
7287
+ .btn-bc[data-v-9b5e0507] {
7288
7288
  font-family: Lato, Helvetica, sans-serif;
7289
7289
  }
7290
7290
 
7291
- .brand-page__footer[data-v-73d82b88] {
7291
+ .brand-page__footer[data-v-2d20753c] {
7292
7292
  display: -webkit-box;
7293
7293
  display: -ms-flexbox;
7294
7294
  display: flex;
@@ -7296,7 +7296,7 @@ to {
7296
7296
  -ms-flex-pack: center;
7297
7297
  justify-content: center;
7298
7298
  }
7299
- .brand-page__footer-link[data-v-73d82b88] {
7299
+ .brand-page__footer-link[data-v-2d20753c] {
7300
7300
  display: block;
7301
7301
  border-radius: 0.5rem;
7302
7302
  padding: 0.75rem;
@@ -7304,25 +7304,25 @@ to {
7304
7304
  -webkit-transition: background 0.2s ease-in-out;
7305
7305
  transition: background 0.2s ease-in-out;
7306
7306
  }
7307
- .brand-page__footer-link[data-v-73d82b88]:hover {
7307
+ .brand-page__footer-link[data-v-2d20753c]:hover {
7308
7308
  opacity: 0.9;
7309
7309
  }
7310
- .icon-container[data-v-73d82b88] {
7310
+ .icon-container[data-v-2d20753c] {
7311
7311
  width: 20px;
7312
7312
  overflow: hidden;
7313
7313
  }
7314
- .extra-height[data-v-73d82b88] {
7314
+ .extra-height[data-v-2d20753c] {
7315
7315
  -webkit-transition: height 0.5s ease-in-out;
7316
7316
  transition: height 0.5s ease-in-out;
7317
7317
  width: 100%;
7318
7318
  }
7319
- .c-button__label[data-v-73d82b88] {
7319
+ .c-button__label[data-v-2d20753c] {
7320
7320
  margin: 0 auto;
7321
7321
  word-break: break-word;
7322
7322
  overflow-wrap: anywhere;
7323
7323
  width: auto;
7324
7324
  }
7325
- .c-button[data-v-73d82b88] {
7325
+ .c-button[data-v-2d20753c] {
7326
7326
  --icon-h: 1.5rem;
7327
7327
  --icon-m-r: 0.5rem;
7328
7328
  --icon-m-icon: 0.5rem;
@@ -7337,10 +7337,10 @@ to {
7337
7337
  -ms-flex-align: center !important;
7338
7338
  align-items: center !important;
7339
7339
  }
7340
- .button__icon[data-v-73d82b88] {
7340
+ .button__icon[data-v-2d20753c] {
7341
7341
  margin-right: var(--icon-m-r);
7342
7342
  }
7343
- .btn-max-width[data-v-73d82b88] {
7343
+ .btn-max-width[data-v-2d20753c] {
7344
7344
  max-width: 315px;
7345
7345
  width: 100%;
7346
7346
  }
@@ -8511,11 +8511,11 @@ body {
8511
8511
  min-width: 33.333333%
8512
8512
  }
8513
8513
 
8514
- .rich-text-editor[data-v-8c357542]:focus-within {
8514
+ .rich-text-editor[data-v-7d26c995]:focus-within {
8515
8515
  --tw-border-opacity: 1;
8516
8516
  border-color: rgb(96 96 96 / var(--tw-border-opacity));
8517
8517
  }
8518
- .style-editor[data-v-8c357542] {
8518
+ .style-editor[data-v-7d26c995] {
8519
8519
  display: -webkit-box;
8520
8520
  display: -ms-flexbox;
8521
8521
  display: flex;
@@ -8526,7 +8526,7 @@ body {
8526
8526
  -ms-flex-wrap: wrap;
8527
8527
  flex-wrap: wrap;
8528
8528
  }
8529
- .style-editor[data-v-8c357542] button:not(.c-button-style) {
8529
+ .style-editor[data-v-7d26c995] button:not(.c-button-style) {
8530
8530
  display: -webkit-box;
8531
8531
  display: -ms-flexbox;
8532
8532
  display: flex;
@@ -8536,16 +8536,16 @@ body {
8536
8536
  padding-left: 0.5rem;
8537
8537
  padding-right: 0.5rem;
8538
8538
  }
8539
- .style-editor-button[data-v-8c357542] {
8539
+ .style-editor-button[data-v-7d26c995] {
8540
8540
  cursor: pointer;
8541
8541
  padding-left: 0.25rem;
8542
8542
  padding-top: 0.25rem;
8543
8543
  }
8544
- .toolbar-editor-button.active[data-v-8c357542] {
8544
+ .toolbar-editor-button.active[data-v-7d26c995] {
8545
8545
  font-weight: 700;
8546
8546
  background: #e3e3e3;
8547
8547
  }
8548
- .toolbar-editor-button[data-v-8c357542] {
8548
+ .toolbar-editor-button[data-v-7d26c995] {
8549
8549
  height: 32px;
8550
8550
  width: 32px;
8551
8551
  border-radius: 4px;
@@ -8563,7 +8563,7 @@ body {
8563
8563
  -ms-flex-pack: center;
8564
8564
  justify-content: center;
8565
8565
  }
8566
- [data-v-8c357542] .ProseMirror {
8566
+ [data-v-7d26c995] .ProseMirror {
8567
8567
  border-top: 1px solid #ccc;
8568
8568
  min-height: 150px;
8569
8569
  padding: 8px;
@@ -8576,10 +8576,10 @@ body {
8576
8576
  max-height: 14rem;
8577
8577
  overflow: auto;
8578
8578
  }
8579
- [data-v-8c357542] .ProseMirror:focus {
8579
+ [data-v-7d26c995] .ProseMirror:focus {
8580
8580
  outline: none;
8581
8581
  }
8582
- [data-v-8c357542] .ProseMirror * {
8582
+ [data-v-7d26c995] .ProseMirror * {
8583
8583
  text-align: left !important;
8584
8584
  font-size: 16px !important;
8585
8585
  color: #606060 !important;
@@ -8588,28 +8588,28 @@ body {
8588
8588
  background-color: transparent !important;
8589
8589
  font-family: 'Lato' !important;
8590
8590
  }
8591
- [data-v-8c357542] .ProseMirror a s,[data-v-8c357542] .ProseMirror a strike,[data-v-8c357542] .ProseMirror a [data-strike] {
8591
+ [data-v-7d26c995] .ProseMirror a s,[data-v-7d26c995] .ProseMirror a strike,[data-v-7d26c995] .ProseMirror a [data-strike] {
8592
8592
  text-decoration: line-through !important;
8593
8593
  }
8594
- [data-v-8c357542] .ProseMirror a,[data-v-8c357542] .ProseMirror a * {
8594
+ [data-v-7d26c995] .ProseMirror a,[data-v-7d26c995] .ProseMirror a * {
8595
8595
  color: #0097d7 !important;
8596
8596
  text-decoration: underline !important;
8597
8597
  }
8598
- .error-message[data-v-8c357542] {
8598
+ .error-message[data-v-7d26c995] {
8599
8599
  color: #d32f2f;
8600
8600
  font-size: 0.875rem;
8601
8601
  margin-top: 4px;
8602
8602
  }
8603
- .popup-container[data-v-8c357542] {
8603
+ .popup-container[data-v-7d26c995] {
8604
8604
  position: absolute;
8605
8605
  z-index: 10;
8606
8606
  right: 8%;
8607
8607
  }
8608
- .hyperlink-preview[data-v-8c357542] {
8608
+ .hyperlink-preview[data-v-7d26c995] {
8609
8609
  position: absolute;
8610
8610
  z-index: 10;
8611
8611
  }
8612
- .popup-panel[data-v-8c357542] {
8612
+ .popup-panel[data-v-7d26c995] {
8613
8613
  background: #fff;
8614
8614
  border: 1px solid #ccc;
8615
8615
  border-radius: 8px;
@@ -8617,17 +8617,17 @@ body {
8617
8617
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8618
8618
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8619
8619
  }
8620
- .popup-panel[data-v-8c357542] input {
8620
+ .popup-panel[data-v-7d26c995] input {
8621
8621
  border: 1px solid #ccc;
8622
8622
  border-radius: 8px;
8623
8623
  }
8624
- .border[data-v-8c357542] {
8624
+ .border[data-v-7d26c995] {
8625
8625
  width: 100%;
8626
8626
  --tw-bg-opacity: 1;
8627
8627
  background-color: rgb(209 209 209 / var(--tw-bg-opacity));
8628
8628
  height: 1px;
8629
8629
  }
8630
- [data-v-8c357542] .text-dropdown-title {
8630
+ [data-v-7d26c995] .text-dropdown-title {
8631
8631
  height: 2rem;
8632
8632
  width: 100%;
8633
8633
  font-size: 0.875rem;
@@ -8636,7 +8636,7 @@ body {
8636
8636
  color: rgb(38 38 38 / var(--tw-text-opacity));
8637
8637
  font-weight: 300;
8638
8638
  }
8639
- [data-v-8c357542] .ProseMirror p.is-editor-empty:first-child::before {
8639
+ [data-v-7d26c995] .ProseMirror p.is-editor-empty:first-child::before {
8640
8640
  --tw-text-opacity: 1;
8641
8641
  color: rgb(209 209 209 / var(--tw-text-opacity));
8642
8642
  content: attr(data-placeholder);
@@ -8645,56 +8645,56 @@ body {
8645
8645
  pointer-events: none;
8646
8646
  }
8647
8647
  @media (max-width: 399px) {
8648
- .style-editor-button-font[data-v-8c357542],
8649
- .style-editor-button-textstyle[data-v-8c357542] {
8648
+ .style-editor-button-font[data-v-7d26c995],
8649
+ .style-editor-button-textstyle[data-v-7d26c995] {
8650
8650
  max-width: 48%;
8651
8651
  padding-bottom: 0.25rem;
8652
8652
  }
8653
- .style-editor-button.stepper[data-v-8c357542] {
8653
+ .style-editor-button.stepper[data-v-7d26c995] {
8654
8654
  max-width: 40%;
8655
8655
  }
8656
- .style-editor-button-stepper[data-v-8c357542] {
8656
+ .style-editor-button-stepper[data-v-7d26c995] {
8657
8657
  max-width: 100%;
8658
8658
  }
8659
- .border.desktop[data-v-8c357542] {
8659
+ .border.desktop[data-v-7d26c995] {
8660
8660
  display: none;
8661
8661
  }
8662
- .border.mobile[data-v-8c357542] {
8662
+ .border.mobile[data-v-7d26c995] {
8663
8663
  display: block;
8664
8664
  }
8665
- [data-v-8c357542] .left-align {
8665
+ [data-v-7d26c995] .left-align {
8666
8666
  -webkit-transform: translateX(-50%);
8667
8667
  transform: translateX(-50%);
8668
8668
  }
8669
- .hyperlink-popup[data-v-8c357542] {
8669
+ .hyperlink-popup[data-v-7d26c995] {
8670
8670
  z-index: 10000 !important;
8671
8671
  }
8672
8672
  }
8673
8673
  @media (min-width: 400px) {
8674
- .style-editor-button.stepper[data-v-8c357542] {
8674
+ .style-editor-button.stepper[data-v-7d26c995] {
8675
8675
  max-width: 32%;
8676
8676
  }
8677
- .style-editor-button-font[data-v-8c357542] {
8677
+ .style-editor-button-font[data-v-7d26c995] {
8678
8678
  max-width: 28%;
8679
8679
  }
8680
- .style-editor-button-stepper[data-v-8c357542] {
8680
+ .style-editor-button-stepper[data-v-7d26c995] {
8681
8681
  max-width: 100%;
8682
8682
  }
8683
- .style-editor-button-textstyle[data-v-8c357542] {
8683
+ .style-editor-button-textstyle[data-v-7d26c995] {
8684
8684
  max-width: 25%;
8685
8685
  }
8686
- .border.desktop[data-v-8c357542] {
8686
+ .border.desktop[data-v-7d26c995] {
8687
8687
  display: block;
8688
8688
  }
8689
- .border.mobile[data-v-8c357542] {
8689
+ .border.mobile[data-v-7d26c995] {
8690
8690
  display: none;
8691
8691
  }
8692
- [data-v-8c357542] .left-align {
8692
+ [data-v-7d26c995] .left-align {
8693
8693
  -webkit-transform: translateX(-25%);
8694
8694
  transform: translateX(-25%);
8695
8695
  }
8696
8696
  }
8697
- .drop-down-item[data-v-8c357542]:hover {
8697
+ .drop-down-item[data-v-7d26c995]:hover {
8698
8698
  background-color: #eee;
8699
8699
  }
8700
8700