@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
@@ -5153,7 +5153,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5153
5153
  border-radius: 0 !important;
5154
5154
  }
5155
5155
 
5156
- @-webkit-keyframes slide-eea86c62 {
5156
+ @-webkit-keyframes slide-ccfbe22d {
5157
5157
  0% {
5158
5158
  -webkit-transform: translateX(-40%);
5159
5159
  transform: translateX(-40%);
@@ -5178,7 +5178,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5178
5178
  transform: translateX(150%);
5179
5179
  }
5180
5180
  }
5181
- @keyframes slide-eea86c62 {
5181
+ @keyframes slide-ccfbe22d {
5182
5182
  0% {
5183
5183
  -webkit-transform: translateX(-40%);
5184
5184
  transform: translateX(-40%);
@@ -5203,7 +5203,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5203
5203
  transform: translateX(150%);
5204
5204
  }
5205
5205
  }
5206
- .brand-page__footer[data-v-eea86c62] {
5206
+ .brand-page__footer[data-v-ccfbe22d] {
5207
5207
  display: -webkit-box;
5208
5208
  display: -ms-flexbox;
5209
5209
  display: flex;
@@ -5211,7 +5211,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5211
5211
  -ms-flex-pack: center;
5212
5212
  justify-content: center;
5213
5213
  }
5214
- .brand-page__footer-link[data-v-eea86c62] {
5214
+ .brand-page__footer-link[data-v-ccfbe22d] {
5215
5215
  display: block;
5216
5216
  border-radius: 0.25rem;
5217
5217
  padding: 0.75rem;
@@ -5219,37 +5219,37 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5219
5219
  -webkit-transition: background 0.2s ease-in-out;
5220
5220
  transition: background 0.2s ease-in-out;
5221
5221
  }
5222
- .brand-page__footer-link[data-v-eea86c62]:hover {
5222
+ .brand-page__footer-link[data-v-ccfbe22d]:hover {
5223
5223
  opacity: 0.9;
5224
5224
  }
5225
- .icon-container[data-v-eea86c62] {
5225
+ .icon-container[data-v-ccfbe22d] {
5226
5226
  width: 20px;
5227
5227
  overflow: hidden;
5228
5228
  }
5229
- .icon-right[data-v-eea86c62] {
5229
+ .icon-right[data-v-ccfbe22d] {
5230
5230
  left: 50%;
5231
5231
  -webkit-transform: translateX(-50%);
5232
5232
  transform: translateX(-50%);
5233
- -webkit-animation-name: slide-eea86c62;
5234
- animation-name: slide-eea86c62;
5233
+ -webkit-animation-name: slide-ccfbe22d;
5234
+ animation-name: slide-ccfbe22d;
5235
5235
  -webkit-animation-duration: 3s;
5236
5236
  animation-duration: 3s;
5237
5237
  -webkit-animation-iteration-count: infinite;
5238
5238
  animation-iteration-count: infinite;
5239
5239
  }
5240
- .btn-dcom[data-v-eea86c62] {
5240
+ .btn-dcom[data-v-ccfbe22d] {
5241
5241
  --tw-border-opacity: 1;
5242
5242
  --tw-bg-opacity: 1;
5243
5243
  border-color: rgb(63 89 246 / var(--tw-border-opacity));
5244
5244
  background-color: rgb(63 89 246 / var(--tw-bg-opacity));
5245
5245
  font-family: 'Inter', Lato, sans-serif;
5246
5246
  }
5247
- .extra-height[data-v-eea86c62] {
5247
+ .extra-height[data-v-ccfbe22d] {
5248
5248
  -webkit-transition: height 0.5s ease-in-out;
5249
5249
  transition: height 0.5s ease-in-out;
5250
5250
  width: 100%;
5251
5251
  }
5252
- .btn-bc[data-v-eea86c62] {
5252
+ .btn-bc[data-v-ccfbe22d] {
5253
5253
  font-family: Lato, Helvetica, sans-serif;
5254
5254
  }
5255
5255
 
@@ -7220,7 +7220,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7220
7220
  justify-content: flex-end;
7221
7221
  }
7222
7222
 
7223
- @-webkit-keyframes slideUp-a1c3a7d4 {
7223
+ @-webkit-keyframes slideUp-9b5e0507 {
7224
7224
  from {
7225
7225
  bottom: -100%;
7226
7226
  opacity: 0;
@@ -7229,7 +7229,7 @@ to {
7229
7229
  opacity: 1;
7230
7230
  }
7231
7231
  }
7232
- @keyframes slideUp-a1c3a7d4 {
7232
+ @keyframes slideUp-9b5e0507 {
7233
7233
  from {
7234
7234
  bottom: -100%;
7235
7235
  opacity: 0;
@@ -7238,27 +7238,27 @@ to {
7238
7238
  opacity: 1;
7239
7239
  }
7240
7240
  }
7241
- .popup-card[data-v-a1c3a7d4] {
7242
- -webkit-animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7243
- animation: slideUp-a1c3a7d4 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7241
+ .popup-card[data-v-9b5e0507] {
7242
+ -webkit-animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7243
+ animation: slideUp-9b5e0507 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
7244
7244
  }
7245
7245
  @media (max-width: 767px) {
7246
- .popup-card[data-v-a1c3a7d4] {
7246
+ .popup-card[data-v-9b5e0507] {
7247
7247
  max-width: calc(100% - 2rem);
7248
7248
  }
7249
7249
  }
7250
- .btn-dcom[data-v-a1c3a7d4] {
7250
+ .btn-dcom[data-v-9b5e0507] {
7251
7251
  --tw-border-opacity: 1;
7252
7252
  --tw-bg-opacity: 1;
7253
7253
  border-color: rgb(63 89 246 / var(--tw-border-opacity));
7254
7254
  background-color: rgb(63 89 246 / var(--tw-bg-opacity));
7255
7255
  font-family: 'Inter', Lato, sans-serif;
7256
7256
  }
7257
- .btn-bc[data-v-a1c3a7d4] {
7257
+ .btn-bc[data-v-9b5e0507] {
7258
7258
  font-family: Lato, Helvetica, sans-serif;
7259
7259
  }
7260
7260
 
7261
- .brand-page__footer[data-v-73d82b88] {
7261
+ .brand-page__footer[data-v-2d20753c] {
7262
7262
  display: -webkit-box;
7263
7263
  display: -ms-flexbox;
7264
7264
  display: flex;
@@ -7266,7 +7266,7 @@ to {
7266
7266
  -ms-flex-pack: center;
7267
7267
  justify-content: center;
7268
7268
  }
7269
- .brand-page__footer-link[data-v-73d82b88] {
7269
+ .brand-page__footer-link[data-v-2d20753c] {
7270
7270
  display: block;
7271
7271
  border-radius: 0.25rem;
7272
7272
  padding: 0.75rem;
@@ -7274,25 +7274,25 @@ to {
7274
7274
  -webkit-transition: background 0.2s ease-in-out;
7275
7275
  transition: background 0.2s ease-in-out;
7276
7276
  }
7277
- .brand-page__footer-link[data-v-73d82b88]:hover {
7277
+ .brand-page__footer-link[data-v-2d20753c]:hover {
7278
7278
  opacity: 0.9;
7279
7279
  }
7280
- .icon-container[data-v-73d82b88] {
7280
+ .icon-container[data-v-2d20753c] {
7281
7281
  width: 20px;
7282
7282
  overflow: hidden;
7283
7283
  }
7284
- .extra-height[data-v-73d82b88] {
7284
+ .extra-height[data-v-2d20753c] {
7285
7285
  -webkit-transition: height 0.5s ease-in-out;
7286
7286
  transition: height 0.5s ease-in-out;
7287
7287
  width: 100%;
7288
7288
  }
7289
- .c-button__label[data-v-73d82b88] {
7289
+ .c-button__label[data-v-2d20753c] {
7290
7290
  margin: 0 auto;
7291
7291
  word-break: break-word;
7292
7292
  overflow-wrap: anywhere;
7293
7293
  width: auto;
7294
7294
  }
7295
- .c-button[data-v-73d82b88] {
7295
+ .c-button[data-v-2d20753c] {
7296
7296
  --icon-h: 1.5rem;
7297
7297
  --icon-m-r: 0.5rem;
7298
7298
  --icon-m-icon: 0.5rem;
@@ -7307,10 +7307,10 @@ to {
7307
7307
  -ms-flex-align: center !important;
7308
7308
  align-items: center !important;
7309
7309
  }
7310
- .button__icon[data-v-73d82b88] {
7310
+ .button__icon[data-v-2d20753c] {
7311
7311
  margin-right: var(--icon-m-r);
7312
7312
  }
7313
- .btn-max-width[data-v-73d82b88] {
7313
+ .btn-max-width[data-v-2d20753c] {
7314
7314
  max-width: 315px;
7315
7315
  width: 100%;
7316
7316
  }
@@ -8481,11 +8481,11 @@ body {
8481
8481
  min-width: 33.333333%
8482
8482
  }
8483
8483
 
8484
- .rich-text-editor[data-v-8c357542]:focus-within {
8484
+ .rich-text-editor[data-v-7d26c995]:focus-within {
8485
8485
  --tw-border-opacity: 1;
8486
8486
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
8487
8487
  }
8488
- .style-editor[data-v-8c357542] {
8488
+ .style-editor[data-v-7d26c995] {
8489
8489
  display: -webkit-box;
8490
8490
  display: -ms-flexbox;
8491
8491
  display: flex;
@@ -8496,7 +8496,7 @@ body {
8496
8496
  -ms-flex-wrap: wrap;
8497
8497
  flex-wrap: wrap;
8498
8498
  }
8499
- .style-editor[data-v-8c357542] button:not(.c-button-style) {
8499
+ .style-editor[data-v-7d26c995] button:not(.c-button-style) {
8500
8500
  display: -webkit-box;
8501
8501
  display: -ms-flexbox;
8502
8502
  display: flex;
@@ -8506,16 +8506,16 @@ body {
8506
8506
  padding-left: 0.5rem;
8507
8507
  padding-right: 0.5rem;
8508
8508
  }
8509
- .style-editor-button[data-v-8c357542] {
8509
+ .style-editor-button[data-v-7d26c995] {
8510
8510
  cursor: pointer;
8511
8511
  padding-left: 0.25rem;
8512
8512
  padding-top: 0.25rem;
8513
8513
  }
8514
- .toolbar-editor-button.active[data-v-8c357542] {
8514
+ .toolbar-editor-button.active[data-v-7d26c995] {
8515
8515
  font-weight: 700;
8516
8516
  background: #e3e3e3;
8517
8517
  }
8518
- .toolbar-editor-button[data-v-8c357542] {
8518
+ .toolbar-editor-button[data-v-7d26c995] {
8519
8519
  height: 32px;
8520
8520
  width: 32px;
8521
8521
  border-radius: 4px;
@@ -8533,7 +8533,7 @@ body {
8533
8533
  -ms-flex-pack: center;
8534
8534
  justify-content: center;
8535
8535
  }
8536
- [data-v-8c357542] .ProseMirror {
8536
+ [data-v-7d26c995] .ProseMirror {
8537
8537
  border-top: 1px solid #ccc;
8538
8538
  min-height: 150px;
8539
8539
  padding: 8px;
@@ -8546,10 +8546,10 @@ body {
8546
8546
  max-height: 14rem;
8547
8547
  overflow: auto;
8548
8548
  }
8549
- [data-v-8c357542] .ProseMirror:focus {
8549
+ [data-v-7d26c995] .ProseMirror:focus {
8550
8550
  outline: none;
8551
8551
  }
8552
- [data-v-8c357542] .ProseMirror * {
8552
+ [data-v-7d26c995] .ProseMirror * {
8553
8553
  text-align: left !important;
8554
8554
  font-size: 16px !important;
8555
8555
  color: #606060 !important;
@@ -8558,28 +8558,28 @@ body {
8558
8558
  background-color: transparent !important;
8559
8559
  font-family: 'Lato' !important;
8560
8560
  }
8561
- [data-v-8c357542] .ProseMirror a s,[data-v-8c357542] .ProseMirror a strike,[data-v-8c357542] .ProseMirror a [data-strike] {
8561
+ [data-v-7d26c995] .ProseMirror a s,[data-v-7d26c995] .ProseMirror a strike,[data-v-7d26c995] .ProseMirror a [data-strike] {
8562
8562
  text-decoration: line-through !important;
8563
8563
  }
8564
- [data-v-8c357542] .ProseMirror a,[data-v-8c357542] .ProseMirror a * {
8564
+ [data-v-7d26c995] .ProseMirror a,[data-v-7d26c995] .ProseMirror a * {
8565
8565
  color: #0097d7 !important;
8566
8566
  text-decoration: underline !important;
8567
8567
  }
8568
- .error-message[data-v-8c357542] {
8568
+ .error-message[data-v-7d26c995] {
8569
8569
  color: #d32f2f;
8570
8570
  font-size: 0.875rem;
8571
8571
  margin-top: 4px;
8572
8572
  }
8573
- .popup-container[data-v-8c357542] {
8573
+ .popup-container[data-v-7d26c995] {
8574
8574
  position: absolute;
8575
8575
  z-index: 10;
8576
8576
  right: 8%;
8577
8577
  }
8578
- .hyperlink-preview[data-v-8c357542] {
8578
+ .hyperlink-preview[data-v-7d26c995] {
8579
8579
  position: absolute;
8580
8580
  z-index: 10;
8581
8581
  }
8582
- .popup-panel[data-v-8c357542] {
8582
+ .popup-panel[data-v-7d26c995] {
8583
8583
  background: #fff;
8584
8584
  border: 1px solid #ccc;
8585
8585
  border-radius: 8px;
@@ -8587,17 +8587,17 @@ body {
8587
8587
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8588
8588
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8589
8589
  }
8590
- .popup-panel[data-v-8c357542] input {
8590
+ .popup-panel[data-v-7d26c995] input {
8591
8591
  border: 1px solid #ccc;
8592
8592
  border-radius: 8px;
8593
8593
  }
8594
- .border[data-v-8c357542] {
8594
+ .border[data-v-7d26c995] {
8595
8595
  width: 100%;
8596
8596
  --tw-bg-opacity: 1;
8597
8597
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8598
8598
  height: 1px;
8599
8599
  }
8600
- [data-v-8c357542] .text-dropdown-title {
8600
+ [data-v-7d26c995] .text-dropdown-title {
8601
8601
  height: 2rem;
8602
8602
  width: 100%;
8603
8603
  font-size: 0.875rem;
@@ -8606,7 +8606,7 @@ body {
8606
8606
  color: rgb(43 43 43 / var(--tw-text-opacity));
8607
8607
  font-weight: 300;
8608
8608
  }
8609
- [data-v-8c357542] .ProseMirror p.is-editor-empty:first-child::before {
8609
+ [data-v-7d26c995] .ProseMirror p.is-editor-empty:first-child::before {
8610
8610
  --tw-text-opacity: 1;
8611
8611
  color: rgb(208 208 208 / var(--tw-text-opacity));
8612
8612
  content: attr(data-placeholder);
@@ -8615,56 +8615,56 @@ body {
8615
8615
  pointer-events: none;
8616
8616
  }
8617
8617
  @media (max-width: 399px) {
8618
- .style-editor-button-font[data-v-8c357542],
8619
- .style-editor-button-textstyle[data-v-8c357542] {
8618
+ .style-editor-button-font[data-v-7d26c995],
8619
+ .style-editor-button-textstyle[data-v-7d26c995] {
8620
8620
  max-width: 48%;
8621
8621
  padding-bottom: 0.25rem;
8622
8622
  }
8623
- .style-editor-button.stepper[data-v-8c357542] {
8623
+ .style-editor-button.stepper[data-v-7d26c995] {
8624
8624
  max-width: 40%;
8625
8625
  }
8626
- .style-editor-button-stepper[data-v-8c357542] {
8626
+ .style-editor-button-stepper[data-v-7d26c995] {
8627
8627
  max-width: 100%;
8628
8628
  }
8629
- .border.desktop[data-v-8c357542] {
8629
+ .border.desktop[data-v-7d26c995] {
8630
8630
  display: none;
8631
8631
  }
8632
- .border.mobile[data-v-8c357542] {
8632
+ .border.mobile[data-v-7d26c995] {
8633
8633
  display: block;
8634
8634
  }
8635
- [data-v-8c357542] .left-align {
8635
+ [data-v-7d26c995] .left-align {
8636
8636
  -webkit-transform: translateX(-50%);
8637
8637
  transform: translateX(-50%);
8638
8638
  }
8639
- .hyperlink-popup[data-v-8c357542] {
8639
+ .hyperlink-popup[data-v-7d26c995] {
8640
8640
  z-index: 10000 !important;
8641
8641
  }
8642
8642
  }
8643
8643
  @media (min-width: 400px) {
8644
- .style-editor-button.stepper[data-v-8c357542] {
8644
+ .style-editor-button.stepper[data-v-7d26c995] {
8645
8645
  max-width: 32%;
8646
8646
  }
8647
- .style-editor-button-font[data-v-8c357542] {
8647
+ .style-editor-button-font[data-v-7d26c995] {
8648
8648
  max-width: 28%;
8649
8649
  }
8650
- .style-editor-button-stepper[data-v-8c357542] {
8650
+ .style-editor-button-stepper[data-v-7d26c995] {
8651
8651
  max-width: 100%;
8652
8652
  }
8653
- .style-editor-button-textstyle[data-v-8c357542] {
8653
+ .style-editor-button-textstyle[data-v-7d26c995] {
8654
8654
  max-width: 25%;
8655
8655
  }
8656
- .border.desktop[data-v-8c357542] {
8656
+ .border.desktop[data-v-7d26c995] {
8657
8657
  display: block;
8658
8658
  }
8659
- .border.mobile[data-v-8c357542] {
8659
+ .border.mobile[data-v-7d26c995] {
8660
8660
  display: none;
8661
8661
  }
8662
- [data-v-8c357542] .left-align {
8662
+ [data-v-7d26c995] .left-align {
8663
8663
  -webkit-transform: translateX(-25%);
8664
8664
  transform: translateX(-25%);
8665
8665
  }
8666
8666
  }
8667
- .drop-down-item[data-v-8c357542]:hover {
8667
+ .drop-down-item[data-v-7d26c995]:hover {
8668
8668
  background-color: #eee;
8669
8669
  }
8670
8670