@designcrowd/library.brand-page 5.10.20 → 5.10.30

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 (95) hide show
  1. package/lib/src/brand-page/models/index.d.ts +5 -0
  2. package/lib/src/brand-page/models/index.js +4 -0
  3. package/lib/src/brand-page/utils/style.util.d.ts +8 -1
  4. package/lib/src/brand-page/utils/style.util.js +58 -5
  5. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +1 -1
  6. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.js +1 -0
  7. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/page-content-items.d.ts +1 -1
  8. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/page-content-items.js +2 -1
  9. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +33 -0
  10. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +35 -1
  11. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts +1 -0
  12. package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.js +17 -0
  13. package/lib/src/brand-page-maker/composables/rich-text-editor/bubbleMenu.d.ts +19 -0
  14. package/lib/src/brand-page-maker/composables/rich-text-editor/bubbleMenu.js +31 -0
  15. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/AutoLink.d.ts +2 -0
  16. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/AutoLink.js +161 -0
  17. package/lib/src/brand-page-maker/composables/rich-text-editor/extensions/MaxLength.js +3 -3
  18. package/lib/src/brand-page-maker/composables/rich-text-editor/font.d.ts +1 -1
  19. package/lib/src/brand-page-maker/composables/rich-text-editor/font.js +0 -1
  20. package/lib/src/brand-page-maker/composables/rich-text-editor/formatting.d.ts +1 -1
  21. package/lib/src/brand-page-maker/composables/rich-text-editor/formatting.js +0 -1
  22. package/lib/src/brand-page-maker/composables/rich-text-editor/hyperlink.d.ts +19 -0
  23. package/lib/src/brand-page-maker/composables/rich-text-editor/hyperlink.js +87 -0
  24. package/lib/src/brand-page-maker/composables/rich-text-editor/spacing.d.ts +1 -1
  25. package/lib/src/brand-page-maker/composables/rich-text-editor/spacing.js +0 -1
  26. package/lib/src/brand-page-maker/composables/rich-text-editor/textAlign.d.ts +1 -1
  27. package/lib/src/brand-page-maker/composables/rich-text-editor/textAlign.js +0 -1
  28. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.d.ts +24 -3
  29. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +214 -33
  30. package/lib/src/brand-page-maker/models/button-group.model.d.ts +2 -0
  31. package/lib/src/brand-page-maker/utils/rich-text-editor.util.d.ts +19 -2
  32. package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +340 -8
  33. package/lib/src/{bundled-translations.de-DE-O4sKkzBX.js → bundled-translations.de-DE-DjQFwukR.js} +1 -1
  34. package/lib/src/{bundled-translations.es-ES-C4lGaf08.js → bundled-translations.es-ES--EbGRI7e.js} +1 -1
  35. package/lib/src/bundled-translations.fr-FR-BS3Kia5y.js +117 -0
  36. package/lib/src/{bundled-translations.fr-FR-CIy8KjAV.js → bundled-translations.fr-FR-VtC2JYUC.js} +1 -1
  37. package/lib/src/{bundled-translations.pt-PT-C8EcSdyX.js → bundled-translations.pt-PT-l9cEldEo.js} +1 -1
  38. package/lib/src/bundles/bundled-translations.fr-FR.json +2 -2
  39. package/lib/src/css/library.brand-page-brandCrowd.min.css +96 -70
  40. package/lib/src/css/library.brand-page-brandPage.min.css +96 -70
  41. package/lib/src/css/library.brand-page-designCom.min.css +96 -70
  42. package/lib/src/css/library.brand-page-preview.min.css +96 -70
  43. package/lib/src/index.d.ts +1 -0
  44. package/lib/src/index.mjs +29673 -27225
  45. package/lib/src/lib.js +1 -0
  46. package/lib/src/mockServiceWorker.js +91 -54
  47. package/lib/src/shared/content-settings/components/color-field/ColorField.mixin.d.ts +11 -0
  48. package/lib/src/shared/content-settings/components/color-field/ColorField.mixin.js +5 -0
  49. package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.d.ts +11 -1
  50. package/lib/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.js +4 -0
  51. package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.d.ts +2 -0
  52. package/lib/src/shared/content-settings/components/url-field/UrlField.mixin.js +12 -7
  53. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +2 -0
  54. package/package.json +6 -3
  55. package/src/brand-page/components/banner-section/BannerSection.vue +6 -0
  56. package/src/brand-page/components/text/Text.vue +2 -0
  57. package/src/brand-page/components/text-wrapper/TextWrapper.vue +31 -11
  58. package/src/brand-page/models/index.ts +6 -0
  59. package/src/brand-page/utils/style.util.ts +105 -5
  60. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +1 -1
  61. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.ts +1 -0
  62. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/page-content-items.ts +2 -0
  63. package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +44 -1
  64. package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.vue +1 -0
  65. package/src/brand-page-maker/components/brandpage-settings/i18n/brand-page-settings.fr-FR.json +1 -1
  66. package/src/brand-page-maker/components/google-analytics/i18n/google-analytics.fr-FR.json +1 -1
  67. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +539 -50
  68. package/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.ts +22 -0
  69. package/src/brand-page-maker/components/template-preview/TemplatePreview.vue +1 -1
  70. package/src/brand-page-maker/composables/rich-text-editor/bubbleMenu.ts +42 -0
  71. package/src/brand-page-maker/composables/rich-text-editor/extensions/AutoLink.ts +227 -0
  72. package/src/brand-page-maker/composables/rich-text-editor/extensions/MaxLength.test.ts +1 -1
  73. package/src/brand-page-maker/composables/rich-text-editor/extensions/MaxLength.ts +4 -15
  74. package/src/brand-page-maker/composables/rich-text-editor/font.ts +1 -1
  75. package/src/brand-page-maker/composables/rich-text-editor/formatting.ts +1 -1
  76. package/src/brand-page-maker/composables/rich-text-editor/hyperlink.ts +114 -0
  77. package/src/brand-page-maker/composables/rich-text-editor/spacing.ts +1 -1
  78. package/src/brand-page-maker/composables/rich-text-editor/textAlign.ts +1 -1
  79. package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +299 -41
  80. package/src/brand-page-maker/models/button-group.model.ts +2 -0
  81. package/src/brand-page-maker/stores/brandpage-maker/__snapshots__/brandpage-maker-store.test.ts.snap +1 -0
  82. package/src/brand-page-maker/utils/rich-text-editor.util.test.ts +418 -0
  83. package/src/brand-page-maker/utils/rich-text-editor.util.ts +470 -25
  84. package/src/bundles/bundled-translations.fr-FR.json +2 -2
  85. package/src/lib.ts +1 -0
  86. package/src/shared/content-settings/components/color-field/ColorField.mixin.ts +5 -0
  87. package/src/shared/content-settings/components/color-field/ColorField.vue +1 -1
  88. package/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.mixin.ts +4 -0
  89. package/src/shared/content-settings/components/page-dropdown-field/PageDropdownField.vue +2 -2
  90. package/src/shared/content-settings/components/text-field/TextField.vue +1 -1
  91. package/src/shared/content-settings/components/text-items-field/TextItemsField.vue +2 -2
  92. package/src/shared/content-settings/components/textarea-field/TextareaField.vue +3 -3
  93. package/src/shared/content-settings/components/url-field/UrlField.mixin.ts +15 -10
  94. package/src/shared/content-settings/components/url-field/UrlField.vue +1 -0
  95. package/lib/src/bundled-translations.fr-FR-CTnDppmf.js +0 -117
@@ -36,7 +36,7 @@
36
36
  "cookieCollection": "Collection de cookies",
37
37
  "faviconDescription": "Un favicon est une petite icône placée à côté du titre de votre site dans l'onglet du navigateur.",
38
38
  "socialShareTitle": "Partage sur les réseaux sociaux",
39
- "paymentProvidersTitle": "Fournisseurs de paiement",
39
+ "paymentProvidersTitle": "Prestataires de paiement",
40
40
  "paymentProvidersDescription": "Activez ou inscrivez-vous auprès d'un fournisseur pris en charge. Commencez à collecter des dons et des paiements, ou vendez des produits, des services et bien plus encore !",
41
41
  "paymentProvidersAddProviderLabel": "Ajouter des prestataires de paiement"
42
42
  },
@@ -49,7 +49,7 @@
49
49
  "showPreview": "Afficher l’aperçu"
50
50
  },
51
51
  "googleAnalytics": {
52
- "analyticsIntegrations": "Intégrations analytiques",
52
+ "analyticsIntegrations": "Intégrations aux outils d'analyse",
53
53
  "googleAnalyticsLabel": "Google Analytics : GA4",
54
54
  "googleAnalyticsInfo": "Ajoutez votre identifiant de mesure Google Analytics : GA4 pour suivre vos visiteurs avec GA4, utilisez le format G-XXXXXXXXX ou AW-XXXXXXXXX"
55
55
  },
@@ -314,6 +314,9 @@ a.maker-anchor {
314
314
  .tw-col-span-2 {
315
315
  grid-column: span 2 / span 2
316
316
  }
317
+ .tw-col-span-3 {
318
+ grid-column: span 3 / span 3
319
+ }
317
320
  .tw-col-span-6 {
318
321
  grid-column: span 6 / span 6
319
322
  }
@@ -1018,6 +1021,9 @@ a.maker-anchor {
1018
1021
  .tw-min-w-8 {
1019
1022
  min-width: 2rem
1020
1023
  }
1024
+ .tw-min-w-\[300px\] {
1025
+ min-width: 300px
1026
+ }
1021
1027
  .tw-min-w-\[310px\] {
1022
1028
  min-width: 310px
1023
1029
  }
@@ -1410,6 +1416,9 @@ a.maker-anchor {
1410
1416
  -webkit-animation: tw-spin 1s linear infinite;
1411
1417
  animation: tw-spin 1s linear infinite
1412
1418
  }
1419
+ .\!tw-cursor-not-allowed {
1420
+ cursor: not-allowed !important
1421
+ }
1413
1422
  .tw-cursor-default {
1414
1423
  cursor: default
1415
1424
  }
@@ -1996,9 +2005,15 @@ a.maker-anchor {
1996
2005
  text-overflow: ellipsis;
1997
2006
  white-space: nowrap
1998
2007
  }
2008
+ .tw-text-ellipsis {
2009
+ text-overflow: ellipsis
2010
+ }
1999
2011
  .tw-whitespace-nowrap {
2000
2012
  white-space: nowrap
2001
2013
  }
2014
+ .tw-whitespace-pre {
2015
+ white-space: pre
2016
+ }
2002
2017
  .tw-text-nowrap {
2003
2018
  text-wrap: nowrap
2004
2019
  }
@@ -4278,13 +4293,13 @@ a.maker-anchor {
4278
4293
  }
4279
4294
  }
4280
4295
 
4281
- .button-group[data-v-6f0cfe8d] {
4296
+ .button-group[data-v-e39022cf] {
4282
4297
 
4283
4298
  display: inline-flex;
4284
4299
 
4285
4300
  width: 100%
4286
4301
  }
4287
- .button-group-item[data-v-6f0cfe8d] {
4302
+ .button-group-item[data-v-e39022cf] {
4288
4303
 
4289
4304
  cursor: pointer;
4290
4305
 
@@ -4314,7 +4329,7 @@ a.maker-anchor {
4314
4329
 
4315
4330
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
4316
4331
  }
4317
- .button-group-icon-button[data-v-6f0cfe8d] {
4332
+ .button-group-icon-button[data-v-e39022cf] {
4318
4333
 
4319
4334
  width: 100%;
4320
4335
 
@@ -4346,7 +4361,7 @@ a.maker-anchor {
4346
4361
 
4347
4362
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
4348
4363
  }
4349
- .button-group-image-button[data-v-6f0cfe8d] {
4364
+ .button-group-image-button[data-v-e39022cf] {
4350
4365
 
4351
4366
  width: 100%;
4352
4367
 
@@ -4380,7 +4395,7 @@ a.maker-anchor {
4380
4395
 
4381
4396
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
4382
4397
  }
4383
- .button-group-button[data-v-6f0cfe8d] {
4398
+ .button-group-button[data-v-e39022cf] {
4384
4399
 
4385
4400
  width: 100%;
4386
4401
 
@@ -5198,7 +5213,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5198
5213
  max-height: 45vh;
5199
5214
  }
5200
5215
 
5201
- .empty-para[data-v-723f8313] p:empty::after {
5216
+ .empty-para[data-v-a22efdb4] p:empty::after {
5202
5217
  content: '\00A0';
5203
5218
  }
5204
5219
 
@@ -5405,13 +5420,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5405
5420
  overflow-wrap: break-word;
5406
5421
  }
5407
5422
 
5408
- .c-text-container[data-v-abc96d4b] {
5423
+ .c-text-container[data-v-8525aa87] {
5409
5424
  max-width: var(--brandsite-max-width);
5410
5425
  margin: 0 auto;
5411
5426
  padding-left: var(--page-padding);
5412
5427
  padding-right: var(--page-padding);
5413
5428
  }
5414
- .device--mobile .grid-container[data-v-abc96d4b] {
5429
+ .device--mobile .grid-container[data-v-8525aa87] {
5415
5430
  display: -webkit-box;
5416
5431
  display: -ms-flexbox;
5417
5432
  display: flex;
@@ -5421,7 +5436,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5421
5436
  flex-direction: column;
5422
5437
  }
5423
5438
  @media (max-width: 767px) {
5424
- .grid-container[data-v-abc96d4b] {
5439
+ .grid-container[data-v-8525aa87] {
5425
5440
  display: -webkit-box;
5426
5441
  display: -ms-flexbox;
5427
5442
  display: flex;
@@ -5432,7 +5447,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5432
5447
  }
5433
5448
  }
5434
5449
  @media (min-width: 767px) {
5435
- .grid-container[data-v-abc96d4b] {
5450
+ .grid-container[data-v-8525aa87] {
5436
5451
  display: grid;
5437
5452
  }
5438
5453
  }
@@ -5797,10 +5812,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5797
5812
  text-align: center
5798
5813
  }
5799
5814
 
5800
- .c_banner--with-image-overlay[data-v-26770578] {
5815
+ .c_banner--with-image-overlay[data-v-dcac170d] {
5801
5816
  min-height: 24rem;
5802
5817
  }
5803
- .c_banner--divided-container[data-v-26770578] {
5818
+ .c_banner--divided-container[data-v-dcac170d] {
5804
5819
  min-height: 30rem;
5805
5820
  -webkit-box-orient: horizontal;
5806
5821
  -webkit-box-direction: normal;
@@ -5808,67 +5823,67 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5808
5823
  flex-direction: row;
5809
5824
  gap: 1rem;
5810
5825
  }
5811
- .device-wrapper--mobile .c_banner--divided-container[data-v-26770578] {
5826
+ .device-wrapper--mobile .c_banner--divided-container[data-v-dcac170d] {
5812
5827
  -webkit-box-orient: vertical;
5813
5828
  -webkit-box-direction: reverse;
5814
5829
  -ms-flex-direction: column-reverse;
5815
5830
  flex-direction: column-reverse;
5816
5831
  }
5817
- .c_banner-container[data-v-26770578] {
5832
+ .c_banner-container[data-v-dcac170d] {
5818
5833
  max-width: var(--brandsite-max-width);
5819
5834
  margin: 0 auto;
5820
5835
  }
5821
- .c_banner--with-image-flip[data-v-26770578] {
5836
+ .c_banner--with-image-flip[data-v-dcac170d] {
5822
5837
  -webkit-box-orient: horizontal;
5823
5838
  -webkit-box-direction: reverse;
5824
5839
  -ms-flex-direction: row-reverse;
5825
5840
  flex-direction: row-reverse;
5826
5841
  }
5827
- .c_banner--divided-container[data-v-26770578] .full-square-image {
5842
+ .c_banner--divided-container[data-v-dcac170d] .full-square-image {
5828
5843
  width: 100%;
5829
5844
  aspect-ratio: 1/1;
5830
5845
  -o-object-fit: cover;
5831
5846
  object-fit: cover;
5832
5847
  }
5833
5848
  @container (min-width: 640px) {
5834
- .c_banner-container--left-aligned-stacking[data-v-26770578] {
5849
+ .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
5835
5850
  -webkit-box-orient: horizontal;
5836
5851
  -webkit-box-direction: normal;
5837
5852
  -ms-flex-direction: row;
5838
5853
  flex-direction: row;
5839
5854
  }
5840
- .c_banner-container--right-aligned-stacking[data-v-26770578] {
5855
+ .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
5841
5856
  -webkit-box-orient: horizontal;
5842
5857
  -webkit-box-direction: reverse;
5843
5858
  -ms-flex-direction: row-reverse;
5844
5859
  flex-direction: row-reverse;
5845
5860
  }
5846
- .c_banner-button--stacking[data-v-26770578] {
5861
+ .c_banner-button--stacking[data-v-dcac170d] {
5847
5862
  width: -webkit-fit-content;
5848
5863
  width: -moz-fit-content;
5849
5864
  width: fit-content;
5850
5865
  }
5851
5866
  }
5852
5867
  @container (max-width: 640px) {
5853
- .c_banner-container--left-aligned-stacking[data-v-26770578] {
5868
+ .c_banner-container--left-aligned-stacking[data-v-dcac170d] {
5854
5869
  -webkit-box-orient: vertical;
5855
5870
  -webkit-box-direction: normal;
5856
5871
  -ms-flex-direction: column;
5857
5872
  flex-direction: column;
5858
5873
  }
5859
- .c_banner-container--right-aligned-stacking[data-v-26770578] {
5874
+ .c_banner-container--right-aligned-stacking[data-v-dcac170d] {
5860
5875
  -webkit-box-orient: vertical;
5861
5876
  -webkit-box-direction: normal;
5862
5877
  -ms-flex-direction: column;
5863
5878
  flex-direction: column;
5864
5879
  }
5865
- .c_banner-item--stacking[data-v-26770578] {
5880
+ .c_banner-item--stacking[data-v-dcac170d] {
5866
5881
  width: 100%;
5867
5882
  }
5868
- .c_banner-button--stacking[data-v-26770578] {
5883
+ .c_banner-button--stacking[data-v-dcac170d] {
5869
5884
  width: 100%;
5870
5885
  }
5871
- .c_banner--divided-container[data-v-26770578] {
5886
+ .c_banner--divided-container[data-v-dcac170d] {
5872
5887
  -webkit-box-orient: vertical;
5873
5888
  -webkit-box-direction: reverse;
5874
5889
  -ms-flex-direction: column-reverse;
@@ -7223,16 +7238,16 @@ body {
7223
7238
  width: auto;
7224
7239
  }
7225
7240
 
7226
- .sortable[data-v-272ea5bb] {
7241
+ .sortable[data-v-6ae8aee3] {
7227
7242
  outline-color: #F7768C;
7228
7243
  outline-width: 0.2rem;
7229
7244
  }
7230
- .sortable-ghost[data-v-272ea5bb] {
7245
+ .sortable-ghost[data-v-6ae8aee3] {
7231
7246
  visibility: hidden;
7232
7247
  padding: 0px;
7233
7248
  z-index: -1;
7234
7249
  }
7235
- .sortable-ghost[data-v-272ea5bb]::after {
7250
+ .sortable-ghost[data-v-6ae8aee3]::after {
7236
7251
  visibility: visible;
7237
7252
  position: absolute;
7238
7253
  left: 50%;
@@ -7245,13 +7260,13 @@ body {
7245
7260
  transform: translateX(-50%);
7246
7261
  width: calc(100% - var(--page-padding) * 2);
7247
7262
  }
7248
- .sortable-drag[data-v-272ea5bb] {
7263
+ .sortable-drag[data-v-6ae8aee3] {
7249
7264
  z-index: -1;
7250
7265
  }
7251
- .sortable-drag .c-nav-below-logo[data-v-272ea5bb] {
7266
+ .sortable-drag .c-nav-below-logo[data-v-6ae8aee3] {
7252
7267
  display: none;
7253
7268
  }
7254
- .sortable-drag[data-v-272ea5bb]::after {
7269
+ .sortable-drag[data-v-6ae8aee3]::after {
7255
7270
  visibility: visible;
7256
7271
  position: absolute;
7257
7272
  top: 0px;
@@ -7265,17 +7280,17 @@ body {
7265
7280
  width: calc(100% - var(--page-padding) * 2);
7266
7281
  outline-style: solid;
7267
7282
  }
7268
- .brand-page__content--container[data-v-272ea5bb] {
7283
+ .brand-page__content--container[data-v-6ae8aee3] {
7269
7284
  padding-left: var(--page-padding);
7270
7285
  padding-right: var(--page-padding);
7271
7286
  }
7272
- .brand-page__content--container--brandsite[data-v-272ea5bb] {
7287
+ .brand-page__content--container--brandsite[data-v-6ae8aee3] {
7273
7288
  max-width: var(--brandsite-max-width);
7274
7289
  margin: 0 auto;
7275
7290
  padding-left: var(--page-padding);
7276
7291
  padding-right: var(--page-padding);
7277
7292
  }
7278
- .brand-page__content--outline-selected[data-v-272ea5bb] {
7293
+ .brand-page__content--outline-selected[data-v-6ae8aee3] {
7279
7294
  position: relative;
7280
7295
  z-index: 10;
7281
7296
  outline-color: #F7768C;
@@ -8130,11 +8145,11 @@ body {
8130
8145
  min-width: 33.333333%
8131
8146
  }
8132
8147
 
8133
- .rich-text-editor[data-v-48e6fdd4]:focus-within {
8148
+ .rich-text-editor[data-v-fcad558e]:focus-within {
8134
8149
  --tw-border-opacity: 1;
8135
8150
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
8136
8151
  }
8137
- .style-editor[data-v-48e6fdd4] {
8152
+ .style-editor[data-v-fcad558e] {
8138
8153
  display: -webkit-box;
8139
8154
  display: -ms-flexbox;
8140
8155
  display: flex;
@@ -8145,7 +8160,7 @@ body {
8145
8160
  -ms-flex-wrap: wrap;
8146
8161
  flex-wrap: wrap;
8147
8162
  }
8148
- .style-editor[data-v-48e6fdd4] button:not(.c-button-style) {
8163
+ .style-editor[data-v-fcad558e] button:not(.c-button-style) {
8149
8164
  display: -webkit-box;
8150
8165
  display: -ms-flexbox;
8151
8166
  display: flex;
@@ -8155,16 +8170,16 @@ body {
8155
8170
  padding-left: 0.5rem;
8156
8171
  padding-right: 0.5rem;
8157
8172
  }
8158
- .style-editor-button[data-v-48e6fdd4] {
8173
+ .style-editor-button[data-v-fcad558e] {
8159
8174
  cursor: pointer;
8160
8175
  padding-left: 0.25rem;
8161
8176
  padding-top: 0.25rem;
8162
8177
  }
8163
- .toolbar-editor-button.active[data-v-48e6fdd4] {
8178
+ .toolbar-editor-button.active[data-v-fcad558e] {
8164
8179
  font-weight: 700;
8165
8180
  background: #e3e3e3;
8166
8181
  }
8167
- .toolbar-editor-button[data-v-48e6fdd4] {
8182
+ .toolbar-editor-button[data-v-fcad558e] {
8168
8183
  height: 32px;
8169
8184
  width: 32px;
8170
8185
  border-radius: 4px;
@@ -8182,7 +8197,7 @@ body {
8182
8197
  -ms-flex-pack: center;
8183
8198
  justify-content: center;
8184
8199
  }
8185
- [data-v-48e6fdd4] .ProseMirror {
8200
+ [data-v-fcad558e] .ProseMirror {
8186
8201
  border-top: 1px solid #ccc;
8187
8202
  min-height: 150px;
8188
8203
  padding: 8px;
@@ -8195,10 +8210,10 @@ body {
8195
8210
  max-height: 14rem;
8196
8211
  overflow: auto;
8197
8212
  }
8198
- [data-v-48e6fdd4] .ProseMirror:focus {
8213
+ [data-v-fcad558e] .ProseMirror:focus {
8199
8214
  outline: none;
8200
8215
  }
8201
- [data-v-48e6fdd4] .ProseMirror * {
8216
+ [data-v-fcad558e] .ProseMirror * {
8202
8217
  text-align: left !important;
8203
8218
  font-size: 16px !important;
8204
8219
  color: #606060 !important;
@@ -8207,17 +8222,25 @@ body {
8207
8222
  background-color: transparent !important;
8208
8223
  font-family: 'Lato' !important;
8209
8224
  }
8210
- .error-message[data-v-48e6fdd4] {
8225
+ [data-v-fcad558e] .ProseMirror a,[data-v-fcad558e] .ProseMirror a * {
8226
+ color: #0097d7 !important;
8227
+ text-decoration: underline !important;
8228
+ }
8229
+ .error-message[data-v-fcad558e] {
8211
8230
  color: #d32f2f;
8212
8231
  font-size: 0.875rem;
8213
8232
  margin-top: 4px;
8214
8233
  }
8215
- .spacing-popup-container[data-v-48e6fdd4] {
8234
+ .popup-container[data-v-fcad558e] {
8216
8235
  position: absolute;
8217
- z-index: 9999;
8236
+ z-index: 10;
8218
8237
  right: 8%;
8219
8238
  }
8220
- .spacing-popup-panel[data-v-48e6fdd4] {
8239
+ .hyperlink-preview[data-v-fcad558e] {
8240
+ position: absolute;
8241
+ z-index: 10;
8242
+ }
8243
+ .popup-panel[data-v-fcad558e] {
8221
8244
  background: #fff;
8222
8245
  border: 1px solid #ccc;
8223
8246
  border-radius: 8px;
@@ -8225,17 +8248,17 @@ body {
8225
8248
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8226
8249
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8227
8250
  }
8228
- .spacing-popup-panel[data-v-48e6fdd4] input {
8251
+ .popup-panel[data-v-fcad558e] input {
8229
8252
  border: 1px solid #ccc;
8230
8253
  border-radius: 8px;
8231
8254
  }
8232
- .border[data-v-48e6fdd4] {
8255
+ .border[data-v-fcad558e] {
8233
8256
  width: 100%;
8234
8257
  --tw-bg-opacity: 1;
8235
8258
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8236
8259
  height: 1px;
8237
8260
  }
8238
- [data-v-48e6fdd4] .text-dropdown-title {
8261
+ [data-v-fcad558e] .text-dropdown-title {
8239
8262
  height: 2rem;
8240
8263
  width: 100%;
8241
8264
  font-size: 0.875rem;
@@ -8244,7 +8267,7 @@ body {
8244
8267
  color: rgb(43 43 43 / var(--tw-text-opacity));
8245
8268
  font-weight: 300;
8246
8269
  }
8247
- [data-v-48e6fdd4] .ProseMirror p.is-editor-empty:first-child::before {
8270
+ [data-v-fcad558e] .ProseMirror p.is-editor-empty:first-child::before {
8248
8271
  --tw-text-opacity: 1;
8249
8272
  color: rgb(208 208 208 / var(--tw-text-opacity));
8250
8273
  content: attr(data-placeholder);
@@ -8253,53 +8276,56 @@ body {
8253
8276
  pointer-events: none;
8254
8277
  }
8255
8278
  @media (max-width: 399px) {
8256
- .style-editor-button-font[data-v-48e6fdd4],
8257
- .style-editor-button-textstyle[data-v-48e6fdd4] {
8279
+ .style-editor-button-font[data-v-fcad558e],
8280
+ .style-editor-button-textstyle[data-v-fcad558e] {
8258
8281
  max-width: 48%;
8259
8282
  padding-bottom: 0.25rem;
8260
8283
  }
8261
- .style-editor-button.stepper[data-v-48e6fdd4] {
8284
+ .style-editor-button.stepper[data-v-fcad558e] {
8262
8285
  max-width: 40%;
8263
8286
  }
8264
- .style-editor-button-stepper[data-v-48e6fdd4] {
8287
+ .style-editor-button-stepper[data-v-fcad558e] {
8265
8288
  max-width: 100%;
8266
8289
  }
8267
- .border.desktop[data-v-48e6fdd4] {
8290
+ .border.desktop[data-v-fcad558e] {
8268
8291
  display: none;
8269
8292
  }
8270
- .border.mobile[data-v-48e6fdd4] {
8293
+ .border.mobile[data-v-fcad558e] {
8271
8294
  display: block;
8272
8295
  }
8273
- [data-v-48e6fdd4] .left-align {
8296
+ [data-v-fcad558e] .left-align {
8274
8297
  -webkit-transform: translateX(-50%);
8275
8298
  transform: translateX(-50%);
8276
8299
  }
8300
+ .hyperlink-popup[data-v-fcad558e] {
8301
+ z-index: 9999;
8302
+ }
8277
8303
  }
8278
8304
  @media (min-width: 400px) {
8279
- .style-editor-button.stepper[data-v-48e6fdd4] {
8305
+ .style-editor-button.stepper[data-v-fcad558e] {
8280
8306
  max-width: 32%;
8281
8307
  }
8282
- .style-editor-button-font[data-v-48e6fdd4] {
8308
+ .style-editor-button-font[data-v-fcad558e] {
8283
8309
  max-width: 28%;
8284
8310
  }
8285
- .style-editor-button-stepper[data-v-48e6fdd4] {
8311
+ .style-editor-button-stepper[data-v-fcad558e] {
8286
8312
  max-width: 100%;
8287
8313
  }
8288
- .style-editor-button-textstyle[data-v-48e6fdd4] {
8314
+ .style-editor-button-textstyle[data-v-fcad558e] {
8289
8315
  max-width: 25%;
8290
8316
  }
8291
- .border.desktop[data-v-48e6fdd4] {
8317
+ .border.desktop[data-v-fcad558e] {
8292
8318
  display: block;
8293
8319
  }
8294
- .border.mobile[data-v-48e6fdd4] {
8320
+ .border.mobile[data-v-fcad558e] {
8295
8321
  display: none;
8296
8322
  }
8297
- [data-v-48e6fdd4] .left-align {
8323
+ [data-v-fcad558e] .left-align {
8298
8324
  -webkit-transform: translateX(-25%);
8299
8325
  transform: translateX(-25%);
8300
8326
  }
8301
8327
  }
8302
- .drop-down-item[data-v-48e6fdd4]:hover {
8328
+ .drop-down-item[data-v-fcad558e]:hover {
8303
8329
  background-color: #eee;
8304
8330
  }
8305
8331
 
@@ -8347,7 +8373,7 @@ input[type='number'][data-v-28a532b4] {
8347
8373
  align-items: flex-start;
8348
8374
  }
8349
8375
 
8350
- .text-item-preview[data-v-44e3de97] {
8376
+ .text-item-preview[data-v-4d5ca58f] {
8351
8377
  overflow: hidden;
8352
8378
  text-overflow: ellipsis;
8353
8379
  max-height: 21px;
@@ -8531,11 +8557,11 @@ input[type='number'][data-v-28a532b4] {
8531
8557
  }
8532
8558
  }
8533
8559
 
8534
- .template-preview[data-v-379bc048] {
8560
+ .template-preview[data-v-c5fa6125] {
8535
8561
  position: relative;
8536
8562
  background-attachment: initial !important
8537
8563
  }
8538
- .template-preview__overlay[data-v-379bc048] {
8564
+ .template-preview__overlay[data-v-c5fa6125] {
8539
8565
  position: absolute;
8540
8566
  top: 0px;
8541
8567
  left: 0px;
@@ -8546,10 +8572,10 @@ input[type='number'][data-v-28a532b4] {
8546
8572
  cursor: pointer;
8547
8573
  opacity: 0
8548
8574
  }
8549
- .template-preview__page[data-v-379bc048] {
8575
+ .template-preview__page[data-v-c5fa6125] {
8550
8576
  pointer-events: none
8551
8577
  }
8552
- .template-preview[data-v-379bc048] .c-shape-background {
8578
+ .template-preview[data-v-c5fa6125] .c-shape-background {
8553
8579
  position: absolute
8554
8580
  }
8555
8581