@designcrowd/library.brand-page 6.0.6-json-prereq-3 → 6.0.6-json-prereq-5

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 (33) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CvDAZ3Qq.js → CreatedOnBrandCrowd-de-de-CZmzW2kQ.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-DgROckDq.js → CreatedOnBrandCrowd-en-us-D2tXzTdS.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-lvQ5oABV.js → CreatedOnBrandCrowd-es-es-BDXmktFP.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DDM2q89U.js → CreatedOnBrandCrowd-fr-ca-BniZQPhE.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DDM2q89U.js → CreatedOnBrandCrowd-fr-fr-BniZQPhE.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-xlgcCsw2.js → CreatedOnBrandCrowd-pt-br-mngAiD6i.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-xlgcCsw2.js → CreatedOnBrandCrowd-pt-pt-mngAiD6i.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-BtoXg_n-.js → CreatedOnDcom-de-de-Bacn6DYk.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-DxcNxmi9.js → CreatedOnDcom-en-us-CtQMBrOW.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-BWaZAgQW.js → CreatedOnDcom-es-es-ndMBMTWL.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-Co05A_WA.js → CreatedOnDcom-fr-ca-dQuX1eXb.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BtJXovuS.js → CreatedOnDcom-fr-fr-74uI3jen.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-DWIPipkQ.js → CreatedOnDcom-pt-br-BAr2KEUU.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-BIfV_ZdE.js → CreatedOnDcom-pt-pt-CIOnL7w9.js} +1 -1
  15. package/lib/src/brand-page/utils/view-model.util.d.ts +1 -0
  16. package/lib/src/brand-page/utils/view-model.util.js +68 -20
  17. package/lib/src/brand-page-maker/validators/field.validator.js +7 -2
  18. package/lib/src/{bundled-translations-BUyt4scr.js → bundled-translations-DY44n5a1.js} +1 -1
  19. package/lib/src/bundles/bundled-translations.json +1 -0
  20. package/lib/src/css/library.brand-page-brandCrowd.min.css +36 -36
  21. package/lib/src/css/library.brand-page-brandPage.min.css +36 -36
  22. package/lib/src/css/library.brand-page-designCom.min.css +36 -36
  23. package/lib/src/css/library.brand-page-preview.min.css +36 -36
  24. package/lib/src/index.mjs +1 -1
  25. package/lib/src/{lib-BHQg-PvG.js → lib-CfYQhXJl.js} +14404 -14375
  26. package/package.json +1 -1
  27. package/src/brand-page/utils/view-model.pageid-rte.test.ts +104 -0
  28. package/src/brand-page/utils/view-model.util.ts +94 -26
  29. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +19 -0
  30. package/src/brand-page-maker/validators/field.validator.test.ts +50 -0
  31. package/src/brand-page-maker/validators/field.validator.ts +7 -2
  32. package/src/bundles/bundled-translations.json +1 -0
  33. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +1 -0
@@ -8853,11 +8853,11 @@ body {
8853
8853
  contain-intrinsic-size: auto 36px;
8854
8854
  }
8855
8855
 
8856
- .rich-text-editor[data-v-1ea61cf8]:focus-within {
8856
+ .rich-text-editor[data-v-e551c13f]:focus-within {
8857
8857
  --tw-border-opacity: 1;
8858
8858
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
8859
8859
  }
8860
- .style-editor[data-v-1ea61cf8] {
8860
+ .style-editor[data-v-e551c13f] {
8861
8861
  display: -webkit-box;
8862
8862
  display: -ms-flexbox;
8863
8863
  display: flex;
@@ -8868,7 +8868,7 @@ body {
8868
8868
  -ms-flex-wrap: wrap;
8869
8869
  flex-wrap: wrap;
8870
8870
  }
8871
- .style-editor[data-v-1ea61cf8] button:not(.c-button-style) {
8871
+ .style-editor[data-v-e551c13f] button:not(.c-button-style) {
8872
8872
  display: -webkit-box;
8873
8873
  display: -ms-flexbox;
8874
8874
  display: flex;
@@ -8878,16 +8878,16 @@ body {
8878
8878
  padding-left: 0.5rem;
8879
8879
  padding-right: 0.5rem;
8880
8880
  }
8881
- .style-editor-button[data-v-1ea61cf8] {
8881
+ .style-editor-button[data-v-e551c13f] {
8882
8882
  cursor: pointer;
8883
8883
  padding-left: 0.25rem;
8884
8884
  padding-top: 0.25rem;
8885
8885
  }
8886
- .toolbar-editor-button.active[data-v-1ea61cf8] {
8886
+ .toolbar-editor-button.active[data-v-e551c13f] {
8887
8887
  font-weight: 700;
8888
8888
  background: #e3e3e3;
8889
8889
  }
8890
- .toolbar-editor-button[data-v-1ea61cf8] {
8890
+ .toolbar-editor-button[data-v-e551c13f] {
8891
8891
  height: 32px;
8892
8892
  width: 32px;
8893
8893
  border-radius: 4px;
@@ -8905,7 +8905,7 @@ body {
8905
8905
  -ms-flex-pack: center;
8906
8906
  justify-content: center;
8907
8907
  }
8908
- [data-v-1ea61cf8] .ProseMirror {
8908
+ [data-v-e551c13f] .ProseMirror {
8909
8909
  border-top: 1px solid #ccc;
8910
8910
  min-height: 150px;
8911
8911
  padding: 8px;
@@ -8918,13 +8918,13 @@ body {
8918
8918
  max-height: 14rem;
8919
8919
  overflow: auto;
8920
8920
  }
8921
- .editor-compact[data-v-1ea61cf8] .ProseMirror {
8921
+ .editor-compact[data-v-e551c13f] .ProseMirror {
8922
8922
  min-height: 6rem;
8923
8923
  }
8924
- [data-v-1ea61cf8] .ProseMirror:focus {
8924
+ [data-v-e551c13f] .ProseMirror:focus {
8925
8925
  outline: none;
8926
8926
  }
8927
- [data-v-1ea61cf8] .ProseMirror * {
8927
+ [data-v-e551c13f] .ProseMirror * {
8928
8928
  text-align: left !important;
8929
8929
  font-size: 16px !important;
8930
8930
  color: #606060 !important;
@@ -8933,28 +8933,28 @@ body {
8933
8933
  background-color: transparent !important;
8934
8934
  font-family: 'Lato' !important;
8935
8935
  }
8936
- [data-v-1ea61cf8] .ProseMirror a s,[data-v-1ea61cf8] .ProseMirror a strike,[data-v-1ea61cf8] .ProseMirror a [data-strike] {
8936
+ [data-v-e551c13f] .ProseMirror a s,[data-v-e551c13f] .ProseMirror a strike,[data-v-e551c13f] .ProseMirror a [data-strike] {
8937
8937
  text-decoration: line-through !important;
8938
8938
  }
8939
- [data-v-1ea61cf8] .ProseMirror a,[data-v-1ea61cf8] .ProseMirror a * {
8939
+ [data-v-e551c13f] .ProseMirror a,[data-v-e551c13f] .ProseMirror a * {
8940
8940
  color: #0097d7 !important;
8941
8941
  text-decoration: underline !important;
8942
8942
  }
8943
- .error-message[data-v-1ea61cf8] {
8943
+ .error-message[data-v-e551c13f] {
8944
8944
  color: #d32f2f;
8945
8945
  font-size: 0.875rem;
8946
8946
  margin-top: 4px;
8947
8947
  }
8948
- .popup-container[data-v-1ea61cf8] {
8948
+ .popup-container[data-v-e551c13f] {
8949
8949
  position: absolute;
8950
8950
  z-index: 10;
8951
8951
  right: 8%;
8952
8952
  }
8953
- .hyperlink-preview[data-v-1ea61cf8] {
8953
+ .hyperlink-preview[data-v-e551c13f] {
8954
8954
  position: absolute;
8955
8955
  z-index: 10;
8956
8956
  }
8957
- .popup-panel[data-v-1ea61cf8] {
8957
+ .popup-panel[data-v-e551c13f] {
8958
8958
  background: #fff;
8959
8959
  border: 1px solid #ccc;
8960
8960
  border-radius: 8px;
@@ -8962,17 +8962,17 @@ body {
8962
8962
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8963
8963
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8964
8964
  }
8965
- .popup-panel[data-v-1ea61cf8] input {
8965
+ .popup-panel[data-v-e551c13f] input {
8966
8966
  border: 1px solid #ccc;
8967
8967
  border-radius: 8px;
8968
8968
  }
8969
- .border[data-v-1ea61cf8] {
8969
+ .border[data-v-e551c13f] {
8970
8970
  width: 100%;
8971
8971
  --tw-bg-opacity: 1;
8972
8972
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8973
8973
  height: 1px;
8974
8974
  }
8975
- [data-v-1ea61cf8] .text-dropdown-title {
8975
+ [data-v-e551c13f] .text-dropdown-title {
8976
8976
  height: 2rem;
8977
8977
  width: 100%;
8978
8978
  font-size: 0.875rem;
@@ -8981,7 +8981,7 @@ body {
8981
8981
  color: rgb(43 43 43 / var(--tw-text-opacity));
8982
8982
  font-weight: 300;
8983
8983
  }
8984
- [data-v-1ea61cf8] .ProseMirror p.is-editor-empty:first-child::before {
8984
+ [data-v-e551c13f] .ProseMirror p.is-editor-empty:first-child::before {
8985
8985
  --tw-text-opacity: 1;
8986
8986
  color: rgb(208 208 208 / var(--tw-text-opacity));
8987
8987
  content: attr(data-placeholder);
@@ -8990,56 +8990,56 @@ body {
8990
8990
  pointer-events: none;
8991
8991
  }
8992
8992
  @media (max-width: 399px) {
8993
- .style-editor-button-font[data-v-1ea61cf8],
8994
- .style-editor-button-textstyle[data-v-1ea61cf8] {
8993
+ .style-editor-button-font[data-v-e551c13f],
8994
+ .style-editor-button-textstyle[data-v-e551c13f] {
8995
8995
  max-width: 48%;
8996
8996
  padding-bottom: 0.25rem;
8997
8997
  }
8998
- .style-editor-button.stepper[data-v-1ea61cf8] {
8998
+ .style-editor-button.stepper[data-v-e551c13f] {
8999
8999
  max-width: 40%;
9000
9000
  }
9001
- .style-editor-button-stepper[data-v-1ea61cf8] {
9001
+ .style-editor-button-stepper[data-v-e551c13f] {
9002
9002
  max-width: 100%;
9003
9003
  }
9004
- .border.desktop[data-v-1ea61cf8] {
9004
+ .border.desktop[data-v-e551c13f] {
9005
9005
  display: none;
9006
9006
  }
9007
- .border.mobile[data-v-1ea61cf8] {
9007
+ .border.mobile[data-v-e551c13f] {
9008
9008
  display: block;
9009
9009
  }
9010
- [data-v-1ea61cf8] .left-align {
9010
+ [data-v-e551c13f] .left-align {
9011
9011
  -webkit-transform: translateX(-48%);
9012
9012
  transform: translateX(-48%);
9013
9013
  }
9014
- .hyperlink-popup[data-v-1ea61cf8] {
9014
+ .hyperlink-popup[data-v-e551c13f] {
9015
9015
  z-index: 10000 !important;
9016
9016
  }
9017
9017
  }
9018
9018
  @media (min-width: 400px) {
9019
- .style-editor-button.stepper[data-v-1ea61cf8] {
9019
+ .style-editor-button.stepper[data-v-e551c13f] {
9020
9020
  max-width: 32%;
9021
9021
  }
9022
- .style-editor-button-font[data-v-1ea61cf8] {
9022
+ .style-editor-button-font[data-v-e551c13f] {
9023
9023
  max-width: 28%;
9024
9024
  }
9025
- .style-editor-button-stepper[data-v-1ea61cf8] {
9025
+ .style-editor-button-stepper[data-v-e551c13f] {
9026
9026
  max-width: 100%;
9027
9027
  }
9028
- .style-editor-button-textstyle[data-v-1ea61cf8] {
9028
+ .style-editor-button-textstyle[data-v-e551c13f] {
9029
9029
  max-width: 25%;
9030
9030
  }
9031
- .border.desktop[data-v-1ea61cf8] {
9031
+ .border.desktop[data-v-e551c13f] {
9032
9032
  display: block;
9033
9033
  }
9034
- .border.mobile[data-v-1ea61cf8] {
9034
+ .border.mobile[data-v-e551c13f] {
9035
9035
  display: none;
9036
9036
  }
9037
- [data-v-1ea61cf8] .left-align {
9037
+ [data-v-e551c13f] .left-align {
9038
9038
  -webkit-transform: translateX(-25%);
9039
9039
  transform: translateX(-25%);
9040
9040
  }
9041
9041
  }
9042
- .drop-down-item[data-v-1ea61cf8]:hover {
9042
+ .drop-down-item[data-v-e551c13f]:hover {
9043
9043
  background-color: #eee;
9044
9044
  }
9045
9045
 
@@ -9464,11 +9464,11 @@ body {
9464
9464
  contain-intrinsic-size: auto 36px;
9465
9465
  }
9466
9466
 
9467
- .rich-text-editor[data-v-1ea61cf8]:focus-within {
9467
+ .rich-text-editor[data-v-e551c13f]:focus-within {
9468
9468
  --tw-border-opacity: 1;
9469
9469
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
9470
9470
  }
9471
- .style-editor[data-v-1ea61cf8] {
9471
+ .style-editor[data-v-e551c13f] {
9472
9472
  display: -webkit-box;
9473
9473
  display: -ms-flexbox;
9474
9474
  display: flex;
@@ -9479,7 +9479,7 @@ body {
9479
9479
  -ms-flex-wrap: wrap;
9480
9480
  flex-wrap: wrap;
9481
9481
  }
9482
- .style-editor[data-v-1ea61cf8] button:not(.c-button-style) {
9482
+ .style-editor[data-v-e551c13f] button:not(.c-button-style) {
9483
9483
  display: -webkit-box;
9484
9484
  display: -ms-flexbox;
9485
9485
  display: flex;
@@ -9489,16 +9489,16 @@ body {
9489
9489
  padding-left: 0.5rem;
9490
9490
  padding-right: 0.5rem;
9491
9491
  }
9492
- .style-editor-button[data-v-1ea61cf8] {
9492
+ .style-editor-button[data-v-e551c13f] {
9493
9493
  cursor: pointer;
9494
9494
  padding-left: 0.25rem;
9495
9495
  padding-top: 0.25rem;
9496
9496
  }
9497
- .toolbar-editor-button.active[data-v-1ea61cf8] {
9497
+ .toolbar-editor-button.active[data-v-e551c13f] {
9498
9498
  font-weight: 700;
9499
9499
  background: #e3e3e3;
9500
9500
  }
9501
- .toolbar-editor-button[data-v-1ea61cf8] {
9501
+ .toolbar-editor-button[data-v-e551c13f] {
9502
9502
  height: 32px;
9503
9503
  width: 32px;
9504
9504
  border-radius: 4px;
@@ -9516,7 +9516,7 @@ body {
9516
9516
  -ms-flex-pack: center;
9517
9517
  justify-content: center;
9518
9518
  }
9519
- [data-v-1ea61cf8] .ProseMirror {
9519
+ [data-v-e551c13f] .ProseMirror {
9520
9520
  border-top: 1px solid #ccc;
9521
9521
  min-height: 150px;
9522
9522
  padding: 8px;
@@ -9529,13 +9529,13 @@ body {
9529
9529
  max-height: 14rem;
9530
9530
  overflow: auto;
9531
9531
  }
9532
- .editor-compact[data-v-1ea61cf8] .ProseMirror {
9532
+ .editor-compact[data-v-e551c13f] .ProseMirror {
9533
9533
  min-height: 6rem;
9534
9534
  }
9535
- [data-v-1ea61cf8] .ProseMirror:focus {
9535
+ [data-v-e551c13f] .ProseMirror:focus {
9536
9536
  outline: none;
9537
9537
  }
9538
- [data-v-1ea61cf8] .ProseMirror * {
9538
+ [data-v-e551c13f] .ProseMirror * {
9539
9539
  text-align: left !important;
9540
9540
  font-size: 16px !important;
9541
9541
  color: #606060 !important;
@@ -9544,28 +9544,28 @@ body {
9544
9544
  background-color: transparent !important;
9545
9545
  font-family: 'Lato' !important;
9546
9546
  }
9547
- [data-v-1ea61cf8] .ProseMirror a s,[data-v-1ea61cf8] .ProseMirror a strike,[data-v-1ea61cf8] .ProseMirror a [data-strike] {
9547
+ [data-v-e551c13f] .ProseMirror a s,[data-v-e551c13f] .ProseMirror a strike,[data-v-e551c13f] .ProseMirror a [data-strike] {
9548
9548
  text-decoration: line-through !important;
9549
9549
  }
9550
- [data-v-1ea61cf8] .ProseMirror a,[data-v-1ea61cf8] .ProseMirror a * {
9550
+ [data-v-e551c13f] .ProseMirror a,[data-v-e551c13f] .ProseMirror a * {
9551
9551
  color: #0097d7 !important;
9552
9552
  text-decoration: underline !important;
9553
9553
  }
9554
- .error-message[data-v-1ea61cf8] {
9554
+ .error-message[data-v-e551c13f] {
9555
9555
  color: #d32f2f;
9556
9556
  font-size: 0.875rem;
9557
9557
  margin-top: 4px;
9558
9558
  }
9559
- .popup-container[data-v-1ea61cf8] {
9559
+ .popup-container[data-v-e551c13f] {
9560
9560
  position: absolute;
9561
9561
  z-index: 10;
9562
9562
  right: 8%;
9563
9563
  }
9564
- .hyperlink-preview[data-v-1ea61cf8] {
9564
+ .hyperlink-preview[data-v-e551c13f] {
9565
9565
  position: absolute;
9566
9566
  z-index: 10;
9567
9567
  }
9568
- .popup-panel[data-v-1ea61cf8] {
9568
+ .popup-panel[data-v-e551c13f] {
9569
9569
  background: #fff;
9570
9570
  border: 1px solid #ccc;
9571
9571
  border-radius: 8px;
@@ -9573,17 +9573,17 @@ body {
9573
9573
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
9574
9574
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
9575
9575
  }
9576
- .popup-panel[data-v-1ea61cf8] input {
9576
+ .popup-panel[data-v-e551c13f] input {
9577
9577
  border: 1px solid #ccc;
9578
9578
  border-radius: 8px;
9579
9579
  }
9580
- .border[data-v-1ea61cf8] {
9580
+ .border[data-v-e551c13f] {
9581
9581
  width: 100%;
9582
9582
  --tw-bg-opacity: 1;
9583
9583
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
9584
9584
  height: 1px;
9585
9585
  }
9586
- [data-v-1ea61cf8] .text-dropdown-title {
9586
+ [data-v-e551c13f] .text-dropdown-title {
9587
9587
  height: 2rem;
9588
9588
  width: 100%;
9589
9589
  font-size: 0.875rem;
@@ -9592,7 +9592,7 @@ body {
9592
9592
  color: rgb(43 43 43 / var(--tw-text-opacity));
9593
9593
  font-weight: 300;
9594
9594
  }
9595
- [data-v-1ea61cf8] .ProseMirror p.is-editor-empty:first-child::before {
9595
+ [data-v-e551c13f] .ProseMirror p.is-editor-empty:first-child::before {
9596
9596
  --tw-text-opacity: 1;
9597
9597
  color: rgb(208 208 208 / var(--tw-text-opacity));
9598
9598
  content: attr(data-placeholder);
@@ -9601,56 +9601,56 @@ body {
9601
9601
  pointer-events: none;
9602
9602
  }
9603
9603
  @media (max-width: 399px) {
9604
- .style-editor-button-font[data-v-1ea61cf8],
9605
- .style-editor-button-textstyle[data-v-1ea61cf8] {
9604
+ .style-editor-button-font[data-v-e551c13f],
9605
+ .style-editor-button-textstyle[data-v-e551c13f] {
9606
9606
  max-width: 48%;
9607
9607
  padding-bottom: 0.25rem;
9608
9608
  }
9609
- .style-editor-button.stepper[data-v-1ea61cf8] {
9609
+ .style-editor-button.stepper[data-v-e551c13f] {
9610
9610
  max-width: 40%;
9611
9611
  }
9612
- .style-editor-button-stepper[data-v-1ea61cf8] {
9612
+ .style-editor-button-stepper[data-v-e551c13f] {
9613
9613
  max-width: 100%;
9614
9614
  }
9615
- .border.desktop[data-v-1ea61cf8] {
9615
+ .border.desktop[data-v-e551c13f] {
9616
9616
  display: none;
9617
9617
  }
9618
- .border.mobile[data-v-1ea61cf8] {
9618
+ .border.mobile[data-v-e551c13f] {
9619
9619
  display: block;
9620
9620
  }
9621
- [data-v-1ea61cf8] .left-align {
9621
+ [data-v-e551c13f] .left-align {
9622
9622
  -webkit-transform: translateX(-48%);
9623
9623
  transform: translateX(-48%);
9624
9624
  }
9625
- .hyperlink-popup[data-v-1ea61cf8] {
9625
+ .hyperlink-popup[data-v-e551c13f] {
9626
9626
  z-index: 10000 !important;
9627
9627
  }
9628
9628
  }
9629
9629
  @media (min-width: 400px) {
9630
- .style-editor-button.stepper[data-v-1ea61cf8] {
9630
+ .style-editor-button.stepper[data-v-e551c13f] {
9631
9631
  max-width: 32%;
9632
9632
  }
9633
- .style-editor-button-font[data-v-1ea61cf8] {
9633
+ .style-editor-button-font[data-v-e551c13f] {
9634
9634
  max-width: 28%;
9635
9635
  }
9636
- .style-editor-button-stepper[data-v-1ea61cf8] {
9636
+ .style-editor-button-stepper[data-v-e551c13f] {
9637
9637
  max-width: 100%;
9638
9638
  }
9639
- .style-editor-button-textstyle[data-v-1ea61cf8] {
9639
+ .style-editor-button-textstyle[data-v-e551c13f] {
9640
9640
  max-width: 25%;
9641
9641
  }
9642
- .border.desktop[data-v-1ea61cf8] {
9642
+ .border.desktop[data-v-e551c13f] {
9643
9643
  display: block;
9644
9644
  }
9645
- .border.mobile[data-v-1ea61cf8] {
9645
+ .border.mobile[data-v-e551c13f] {
9646
9646
  display: none;
9647
9647
  }
9648
- [data-v-1ea61cf8] .left-align {
9648
+ [data-v-e551c13f] .left-align {
9649
9649
  -webkit-transform: translateX(-25%);
9650
9650
  transform: translateX(-25%);
9651
9651
  }
9652
9652
  }
9653
- .drop-down-item[data-v-1ea61cf8]:hover {
9653
+ .drop-down-item[data-v-e551c13f]:hover {
9654
9654
  background-color: #eee;
9655
9655
  }
9656
9656
 
@@ -8883,11 +8883,11 @@ body {
8883
8883
  contain-intrinsic-size: auto 36px;
8884
8884
  }
8885
8885
 
8886
- .rich-text-editor[data-v-1ea61cf8]:focus-within {
8886
+ .rich-text-editor[data-v-e551c13f]:focus-within {
8887
8887
  --tw-border-opacity: 1;
8888
8888
  border-color: rgb(96 96 96 / var(--tw-border-opacity));
8889
8889
  }
8890
- .style-editor[data-v-1ea61cf8] {
8890
+ .style-editor[data-v-e551c13f] {
8891
8891
  display: -webkit-box;
8892
8892
  display: -ms-flexbox;
8893
8893
  display: flex;
@@ -8898,7 +8898,7 @@ body {
8898
8898
  -ms-flex-wrap: wrap;
8899
8899
  flex-wrap: wrap;
8900
8900
  }
8901
- .style-editor[data-v-1ea61cf8] button:not(.c-button-style) {
8901
+ .style-editor[data-v-e551c13f] button:not(.c-button-style) {
8902
8902
  display: -webkit-box;
8903
8903
  display: -ms-flexbox;
8904
8904
  display: flex;
@@ -8908,16 +8908,16 @@ body {
8908
8908
  padding-left: 0.5rem;
8909
8909
  padding-right: 0.5rem;
8910
8910
  }
8911
- .style-editor-button[data-v-1ea61cf8] {
8911
+ .style-editor-button[data-v-e551c13f] {
8912
8912
  cursor: pointer;
8913
8913
  padding-left: 0.25rem;
8914
8914
  padding-top: 0.25rem;
8915
8915
  }
8916
- .toolbar-editor-button.active[data-v-1ea61cf8] {
8916
+ .toolbar-editor-button.active[data-v-e551c13f] {
8917
8917
  font-weight: 700;
8918
8918
  background: #e3e3e3;
8919
8919
  }
8920
- .toolbar-editor-button[data-v-1ea61cf8] {
8920
+ .toolbar-editor-button[data-v-e551c13f] {
8921
8921
  height: 32px;
8922
8922
  width: 32px;
8923
8923
  border-radius: 4px;
@@ -8935,7 +8935,7 @@ body {
8935
8935
  -ms-flex-pack: center;
8936
8936
  justify-content: center;
8937
8937
  }
8938
- [data-v-1ea61cf8] .ProseMirror {
8938
+ [data-v-e551c13f] .ProseMirror {
8939
8939
  border-top: 1px solid #ccc;
8940
8940
  min-height: 150px;
8941
8941
  padding: 8px;
@@ -8948,13 +8948,13 @@ body {
8948
8948
  max-height: 14rem;
8949
8949
  overflow: auto;
8950
8950
  }
8951
- .editor-compact[data-v-1ea61cf8] .ProseMirror {
8951
+ .editor-compact[data-v-e551c13f] .ProseMirror {
8952
8952
  min-height: 6rem;
8953
8953
  }
8954
- [data-v-1ea61cf8] .ProseMirror:focus {
8954
+ [data-v-e551c13f] .ProseMirror:focus {
8955
8955
  outline: none;
8956
8956
  }
8957
- [data-v-1ea61cf8] .ProseMirror * {
8957
+ [data-v-e551c13f] .ProseMirror * {
8958
8958
  text-align: left !important;
8959
8959
  font-size: 16px !important;
8960
8960
  color: #606060 !important;
@@ -8963,28 +8963,28 @@ body {
8963
8963
  background-color: transparent !important;
8964
8964
  font-family: 'Lato' !important;
8965
8965
  }
8966
- [data-v-1ea61cf8] .ProseMirror a s,[data-v-1ea61cf8] .ProseMirror a strike,[data-v-1ea61cf8] .ProseMirror a [data-strike] {
8966
+ [data-v-e551c13f] .ProseMirror a s,[data-v-e551c13f] .ProseMirror a strike,[data-v-e551c13f] .ProseMirror a [data-strike] {
8967
8967
  text-decoration: line-through !important;
8968
8968
  }
8969
- [data-v-1ea61cf8] .ProseMirror a,[data-v-1ea61cf8] .ProseMirror a * {
8969
+ [data-v-e551c13f] .ProseMirror a,[data-v-e551c13f] .ProseMirror a * {
8970
8970
  color: #0097d7 !important;
8971
8971
  text-decoration: underline !important;
8972
8972
  }
8973
- .error-message[data-v-1ea61cf8] {
8973
+ .error-message[data-v-e551c13f] {
8974
8974
  color: #d32f2f;
8975
8975
  font-size: 0.875rem;
8976
8976
  margin-top: 4px;
8977
8977
  }
8978
- .popup-container[data-v-1ea61cf8] {
8978
+ .popup-container[data-v-e551c13f] {
8979
8979
  position: absolute;
8980
8980
  z-index: 10;
8981
8981
  right: 8%;
8982
8982
  }
8983
- .hyperlink-preview[data-v-1ea61cf8] {
8983
+ .hyperlink-preview[data-v-e551c13f] {
8984
8984
  position: absolute;
8985
8985
  z-index: 10;
8986
8986
  }
8987
- .popup-panel[data-v-1ea61cf8] {
8987
+ .popup-panel[data-v-e551c13f] {
8988
8988
  background: #fff;
8989
8989
  border: 1px solid #ccc;
8990
8990
  border-radius: 8px;
@@ -8992,17 +8992,17 @@ body {
8992
8992
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8993
8993
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8994
8994
  }
8995
- .popup-panel[data-v-1ea61cf8] input {
8995
+ .popup-panel[data-v-e551c13f] input {
8996
8996
  border: 1px solid #ccc;
8997
8997
  border-radius: 8px;
8998
8998
  }
8999
- .border[data-v-1ea61cf8] {
8999
+ .border[data-v-e551c13f] {
9000
9000
  width: 100%;
9001
9001
  --tw-bg-opacity: 1;
9002
9002
  background-color: rgb(209 209 209 / var(--tw-bg-opacity));
9003
9003
  height: 1px;
9004
9004
  }
9005
- [data-v-1ea61cf8] .text-dropdown-title {
9005
+ [data-v-e551c13f] .text-dropdown-title {
9006
9006
  height: 2rem;
9007
9007
  width: 100%;
9008
9008
  font-size: 0.875rem;
@@ -9011,7 +9011,7 @@ body {
9011
9011
  color: rgb(38 38 38 / var(--tw-text-opacity));
9012
9012
  font-weight: 300;
9013
9013
  }
9014
- [data-v-1ea61cf8] .ProseMirror p.is-editor-empty:first-child::before {
9014
+ [data-v-e551c13f] .ProseMirror p.is-editor-empty:first-child::before {
9015
9015
  --tw-text-opacity: 1;
9016
9016
  color: rgb(209 209 209 / var(--tw-text-opacity));
9017
9017
  content: attr(data-placeholder);
@@ -9020,56 +9020,56 @@ body {
9020
9020
  pointer-events: none;
9021
9021
  }
9022
9022
  @media (max-width: 399px) {
9023
- .style-editor-button-font[data-v-1ea61cf8],
9024
- .style-editor-button-textstyle[data-v-1ea61cf8] {
9023
+ .style-editor-button-font[data-v-e551c13f],
9024
+ .style-editor-button-textstyle[data-v-e551c13f] {
9025
9025
  max-width: 48%;
9026
9026
  padding-bottom: 0.25rem;
9027
9027
  }
9028
- .style-editor-button.stepper[data-v-1ea61cf8] {
9028
+ .style-editor-button.stepper[data-v-e551c13f] {
9029
9029
  max-width: 40%;
9030
9030
  }
9031
- .style-editor-button-stepper[data-v-1ea61cf8] {
9031
+ .style-editor-button-stepper[data-v-e551c13f] {
9032
9032
  max-width: 100%;
9033
9033
  }
9034
- .border.desktop[data-v-1ea61cf8] {
9034
+ .border.desktop[data-v-e551c13f] {
9035
9035
  display: none;
9036
9036
  }
9037
- .border.mobile[data-v-1ea61cf8] {
9037
+ .border.mobile[data-v-e551c13f] {
9038
9038
  display: block;
9039
9039
  }
9040
- [data-v-1ea61cf8] .left-align {
9040
+ [data-v-e551c13f] .left-align {
9041
9041
  -webkit-transform: translateX(-48%);
9042
9042
  transform: translateX(-48%);
9043
9043
  }
9044
- .hyperlink-popup[data-v-1ea61cf8] {
9044
+ .hyperlink-popup[data-v-e551c13f] {
9045
9045
  z-index: 10000 !important;
9046
9046
  }
9047
9047
  }
9048
9048
  @media (min-width: 400px) {
9049
- .style-editor-button.stepper[data-v-1ea61cf8] {
9049
+ .style-editor-button.stepper[data-v-e551c13f] {
9050
9050
  max-width: 32%;
9051
9051
  }
9052
- .style-editor-button-font[data-v-1ea61cf8] {
9052
+ .style-editor-button-font[data-v-e551c13f] {
9053
9053
  max-width: 28%;
9054
9054
  }
9055
- .style-editor-button-stepper[data-v-1ea61cf8] {
9055
+ .style-editor-button-stepper[data-v-e551c13f] {
9056
9056
  max-width: 100%;
9057
9057
  }
9058
- .style-editor-button-textstyle[data-v-1ea61cf8] {
9058
+ .style-editor-button-textstyle[data-v-e551c13f] {
9059
9059
  max-width: 25%;
9060
9060
  }
9061
- .border.desktop[data-v-1ea61cf8] {
9061
+ .border.desktop[data-v-e551c13f] {
9062
9062
  display: block;
9063
9063
  }
9064
- .border.mobile[data-v-1ea61cf8] {
9064
+ .border.mobile[data-v-e551c13f] {
9065
9065
  display: none;
9066
9066
  }
9067
- [data-v-1ea61cf8] .left-align {
9067
+ [data-v-e551c13f] .left-align {
9068
9068
  -webkit-transform: translateX(-25%);
9069
9069
  transform: translateX(-25%);
9070
9070
  }
9071
9071
  }
9072
- .drop-down-item[data-v-1ea61cf8]:hover {
9072
+ .drop-down-item[data-v-e551c13f]:hover {
9073
9073
  background-color: #eee;
9074
9074
  }
9075
9075