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

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 (25) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CZmzW2kQ.js → CreatedOnBrandCrowd-de-de-DwDGgsOX.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-D2tXzTdS.js → CreatedOnBrandCrowd-en-us-BlggichW.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-BDXmktFP.js → CreatedOnBrandCrowd-es-es-3Rikujvn.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-BniZQPhE.js → CreatedOnBrandCrowd-fr-ca-Xr3RDKuy.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-BniZQPhE.js → CreatedOnBrandCrowd-fr-fr-Xr3RDKuy.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-mngAiD6i.js → CreatedOnBrandCrowd-pt-br-BvWREclI.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-mngAiD6i.js → CreatedOnBrandCrowd-pt-pt-BvWREclI.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-Bacn6DYk.js → CreatedOnDcom-de-de-C9NLGl1Q.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-CtQMBrOW.js → CreatedOnDcom-en-us-BD9JNz8i.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-ndMBMTWL.js → CreatedOnDcom-es-es-xLNmYxXL.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-dQuX1eXb.js → CreatedOnDcom-fr-ca-CqEWAxjs.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-74uI3jen.js → CreatedOnDcom-fr-fr-BvBl-ljV.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-BAr2KEUU.js → CreatedOnDcom-pt-br-D8BDaORl.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-CIOnL7w9.js → CreatedOnDcom-pt-pt-DJQecXvW.js} +1 -1
  15. package/lib/src/brand-page-maker/validators/field.validator.js +10 -7
  16. package/lib/src/css/library.brand-page-brandCrowd.min.css +36 -36
  17. package/lib/src/css/library.brand-page-brandPage.min.css +36 -36
  18. package/lib/src/css/library.brand-page-designCom.min.css +36 -36
  19. package/lib/src/css/library.brand-page-preview.min.css +36 -36
  20. package/lib/src/index.mjs +1 -1
  21. package/lib/src/{lib-CfYQhXJl.js → lib-D9IAQIwh.js} +858 -860
  22. package/package.json +1 -1
  23. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +4 -7
  24. package/src/brand-page-maker/validators/field.validator.test.ts +15 -10
  25. package/src/brand-page-maker/validators/field.validator.ts +10 -7
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CfYQhXJl.js";
2
+ import { _ as t } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CfYQhXJl.js";
2
+ import { _ as t } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CfYQhXJl.js";
2
+ import { _ as t } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CfYQhXJl.js";
2
+ import { _ as t } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CfYQhXJl.js";
2
+ import { _ as t } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CfYQhXJl.js";
2
+ import { _ as t } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-CfYQhXJl.js";
2
+ import { _ as t } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CfYQhXJl.js";
2
+ import { _ as e } from "./lib-D9IAQIwh.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CfYQhXJl.js";
2
+ import { _ as e } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CfYQhXJl.js";
2
+ import { _ as e } from "./lib-D9IAQIwh.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CfYQhXJl.js";
2
+ import { _ as e } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-CfYQhXJl.js";
2
+ import { _ as e } from "./lib-D9IAQIwh.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CfYQhXJl.js";
2
+ import { _ as M } from "./lib-D9IAQIwh.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-CfYQhXJl.js";
2
+ import { _ as M } from "./lib-D9IAQIwh.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { isURL, isEmail, isTel } from '@utils/validator.util';
2
- import { YOUTUBE_URL_RE, getPlainTextFromRTE } from '@brand-page-maker/utils';
2
+ import { YOUTUBE_URL_RE, isTiptapDocument } from '@brand-page-maker/utils';
3
3
  import { validatorTr } from '@src/composables/useTranslate';
4
4
  const addressValueValidator = {
5
5
  validate: (name, value) => {
@@ -62,12 +62,15 @@ export const dummyValidator = {
62
62
  };
63
63
  const nonEmptyStringValidator = {
64
64
  validate: (name, value) => {
65
- // BP-5787/BP-5857: `title` fields may now hold Tiptap JSON (an RTE doc)
66
- // rather than a plain string once switchAllContentToRTE converts them.
67
- // Validate the visible text either way a doc with text is "entered",
68
- // even though `typeof value` is 'object'. getPlainTextFromRTE dual-reads
69
- // both forms (string stripped text, JSON concatenated text).
70
- const isValid = getPlainTextFromRTE(value).trim().length > 0;
65
+ // BP-5787/BP-5857: match legacy (pre-JSON) validation semantics.
66
+ // An RTE field's stored value used to be inline HTML — an empty editor was
67
+ // "<p></p>", a NON-empty string, so the required check always passed for RTE
68
+ // fields (it only ever failed for genuinely empty PLAIN inputs). Now RTE
69
+ // fields are Tiptap JSON docs; treat any doc as "present" so behaviour
70
+ // stays identical. A plain string is still required to be non-empty.
71
+ const isValid = isTiptapDocument(value)
72
+ ? true
73
+ : typeof value === 'string' && value.length > 0;
71
74
  return {
72
75
  isValid,
73
76
  message: isValid ? '' : validatorTr(`emptyStringMessage`),
@@ -8853,11 +8853,11 @@ body {
8853
8853
  contain-intrinsic-size: auto 36px;
8854
8854
  }
8855
8855
 
8856
- .rich-text-editor[data-v-e551c13f]:focus-within {
8856
+ .rich-text-editor[data-v-84c9e26f]: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-e551c13f] {
8860
+ .style-editor[data-v-84c9e26f] {
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-e551c13f] button:not(.c-button-style) {
8871
+ .style-editor[data-v-84c9e26f] 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-e551c13f] {
8881
+ .style-editor-button[data-v-84c9e26f] {
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-e551c13f] {
8886
+ .toolbar-editor-button.active[data-v-84c9e26f] {
8887
8887
  font-weight: 700;
8888
8888
  background: #e3e3e3;
8889
8889
  }
8890
- .toolbar-editor-button[data-v-e551c13f] {
8890
+ .toolbar-editor-button[data-v-84c9e26f] {
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-e551c13f] .ProseMirror {
8908
+ [data-v-84c9e26f] .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-e551c13f] .ProseMirror {
8921
+ .editor-compact[data-v-84c9e26f] .ProseMirror {
8922
8922
  min-height: 6rem;
8923
8923
  }
8924
- [data-v-e551c13f] .ProseMirror:focus {
8924
+ [data-v-84c9e26f] .ProseMirror:focus {
8925
8925
  outline: none;
8926
8926
  }
8927
- [data-v-e551c13f] .ProseMirror * {
8927
+ [data-v-84c9e26f] .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-e551c13f] .ProseMirror a s,[data-v-e551c13f] .ProseMirror a strike,[data-v-e551c13f] .ProseMirror a [data-strike] {
8936
+ [data-v-84c9e26f] .ProseMirror a s,[data-v-84c9e26f] .ProseMirror a strike,[data-v-84c9e26f] .ProseMirror a [data-strike] {
8937
8937
  text-decoration: line-through !important;
8938
8938
  }
8939
- [data-v-e551c13f] .ProseMirror a,[data-v-e551c13f] .ProseMirror a * {
8939
+ [data-v-84c9e26f] .ProseMirror a,[data-v-84c9e26f] .ProseMirror a * {
8940
8940
  color: #0097d7 !important;
8941
8941
  text-decoration: underline !important;
8942
8942
  }
8943
- .error-message[data-v-e551c13f] {
8943
+ .error-message[data-v-84c9e26f] {
8944
8944
  color: #d32f2f;
8945
8945
  font-size: 0.875rem;
8946
8946
  margin-top: 4px;
8947
8947
  }
8948
- .popup-container[data-v-e551c13f] {
8948
+ .popup-container[data-v-84c9e26f] {
8949
8949
  position: absolute;
8950
8950
  z-index: 10;
8951
8951
  right: 8%;
8952
8952
  }
8953
- .hyperlink-preview[data-v-e551c13f] {
8953
+ .hyperlink-preview[data-v-84c9e26f] {
8954
8954
  position: absolute;
8955
8955
  z-index: 10;
8956
8956
  }
8957
- .popup-panel[data-v-e551c13f] {
8957
+ .popup-panel[data-v-84c9e26f] {
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-e551c13f] input {
8965
+ .popup-panel[data-v-84c9e26f] input {
8966
8966
  border: 1px solid #ccc;
8967
8967
  border-radius: 8px;
8968
8968
  }
8969
- .border[data-v-e551c13f] {
8969
+ .border[data-v-84c9e26f] {
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-e551c13f] .text-dropdown-title {
8975
+ [data-v-84c9e26f] .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-e551c13f] .ProseMirror p.is-editor-empty:first-child::before {
8984
+ [data-v-84c9e26f] .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-e551c13f],
8994
- .style-editor-button-textstyle[data-v-e551c13f] {
8993
+ .style-editor-button-font[data-v-84c9e26f],
8994
+ .style-editor-button-textstyle[data-v-84c9e26f] {
8995
8995
  max-width: 48%;
8996
8996
  padding-bottom: 0.25rem;
8997
8997
  }
8998
- .style-editor-button.stepper[data-v-e551c13f] {
8998
+ .style-editor-button.stepper[data-v-84c9e26f] {
8999
8999
  max-width: 40%;
9000
9000
  }
9001
- .style-editor-button-stepper[data-v-e551c13f] {
9001
+ .style-editor-button-stepper[data-v-84c9e26f] {
9002
9002
  max-width: 100%;
9003
9003
  }
9004
- .border.desktop[data-v-e551c13f] {
9004
+ .border.desktop[data-v-84c9e26f] {
9005
9005
  display: none;
9006
9006
  }
9007
- .border.mobile[data-v-e551c13f] {
9007
+ .border.mobile[data-v-84c9e26f] {
9008
9008
  display: block;
9009
9009
  }
9010
- [data-v-e551c13f] .left-align {
9010
+ [data-v-84c9e26f] .left-align {
9011
9011
  -webkit-transform: translateX(-48%);
9012
9012
  transform: translateX(-48%);
9013
9013
  }
9014
- .hyperlink-popup[data-v-e551c13f] {
9014
+ .hyperlink-popup[data-v-84c9e26f] {
9015
9015
  z-index: 10000 !important;
9016
9016
  }
9017
9017
  }
9018
9018
  @media (min-width: 400px) {
9019
- .style-editor-button.stepper[data-v-e551c13f] {
9019
+ .style-editor-button.stepper[data-v-84c9e26f] {
9020
9020
  max-width: 32%;
9021
9021
  }
9022
- .style-editor-button-font[data-v-e551c13f] {
9022
+ .style-editor-button-font[data-v-84c9e26f] {
9023
9023
  max-width: 28%;
9024
9024
  }
9025
- .style-editor-button-stepper[data-v-e551c13f] {
9025
+ .style-editor-button-stepper[data-v-84c9e26f] {
9026
9026
  max-width: 100%;
9027
9027
  }
9028
- .style-editor-button-textstyle[data-v-e551c13f] {
9028
+ .style-editor-button-textstyle[data-v-84c9e26f] {
9029
9029
  max-width: 25%;
9030
9030
  }
9031
- .border.desktop[data-v-e551c13f] {
9031
+ .border.desktop[data-v-84c9e26f] {
9032
9032
  display: block;
9033
9033
  }
9034
- .border.mobile[data-v-e551c13f] {
9034
+ .border.mobile[data-v-84c9e26f] {
9035
9035
  display: none;
9036
9036
  }
9037
- [data-v-e551c13f] .left-align {
9037
+ [data-v-84c9e26f] .left-align {
9038
9038
  -webkit-transform: translateX(-25%);
9039
9039
  transform: translateX(-25%);
9040
9040
  }
9041
9041
  }
9042
- .drop-down-item[data-v-e551c13f]:hover {
9042
+ .drop-down-item[data-v-84c9e26f]: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-e551c13f]:focus-within {
9467
+ .rich-text-editor[data-v-84c9e26f]: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-e551c13f] {
9471
+ .style-editor[data-v-84c9e26f] {
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-e551c13f] button:not(.c-button-style) {
9482
+ .style-editor[data-v-84c9e26f] 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-e551c13f] {
9492
+ .style-editor-button[data-v-84c9e26f] {
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-e551c13f] {
9497
+ .toolbar-editor-button.active[data-v-84c9e26f] {
9498
9498
  font-weight: 700;
9499
9499
  background: #e3e3e3;
9500
9500
  }
9501
- .toolbar-editor-button[data-v-e551c13f] {
9501
+ .toolbar-editor-button[data-v-84c9e26f] {
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-e551c13f] .ProseMirror {
9519
+ [data-v-84c9e26f] .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-e551c13f] .ProseMirror {
9532
+ .editor-compact[data-v-84c9e26f] .ProseMirror {
9533
9533
  min-height: 6rem;
9534
9534
  }
9535
- [data-v-e551c13f] .ProseMirror:focus {
9535
+ [data-v-84c9e26f] .ProseMirror:focus {
9536
9536
  outline: none;
9537
9537
  }
9538
- [data-v-e551c13f] .ProseMirror * {
9538
+ [data-v-84c9e26f] .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-e551c13f] .ProseMirror a s,[data-v-e551c13f] .ProseMirror a strike,[data-v-e551c13f] .ProseMirror a [data-strike] {
9547
+ [data-v-84c9e26f] .ProseMirror a s,[data-v-84c9e26f] .ProseMirror a strike,[data-v-84c9e26f] .ProseMirror a [data-strike] {
9548
9548
  text-decoration: line-through !important;
9549
9549
  }
9550
- [data-v-e551c13f] .ProseMirror a,[data-v-e551c13f] .ProseMirror a * {
9550
+ [data-v-84c9e26f] .ProseMirror a,[data-v-84c9e26f] .ProseMirror a * {
9551
9551
  color: #0097d7 !important;
9552
9552
  text-decoration: underline !important;
9553
9553
  }
9554
- .error-message[data-v-e551c13f] {
9554
+ .error-message[data-v-84c9e26f] {
9555
9555
  color: #d32f2f;
9556
9556
  font-size: 0.875rem;
9557
9557
  margin-top: 4px;
9558
9558
  }
9559
- .popup-container[data-v-e551c13f] {
9559
+ .popup-container[data-v-84c9e26f] {
9560
9560
  position: absolute;
9561
9561
  z-index: 10;
9562
9562
  right: 8%;
9563
9563
  }
9564
- .hyperlink-preview[data-v-e551c13f] {
9564
+ .hyperlink-preview[data-v-84c9e26f] {
9565
9565
  position: absolute;
9566
9566
  z-index: 10;
9567
9567
  }
9568
- .popup-panel[data-v-e551c13f] {
9568
+ .popup-panel[data-v-84c9e26f] {
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-e551c13f] input {
9576
+ .popup-panel[data-v-84c9e26f] input {
9577
9577
  border: 1px solid #ccc;
9578
9578
  border-radius: 8px;
9579
9579
  }
9580
- .border[data-v-e551c13f] {
9580
+ .border[data-v-84c9e26f] {
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-e551c13f] .text-dropdown-title {
9586
+ [data-v-84c9e26f] .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-e551c13f] .ProseMirror p.is-editor-empty:first-child::before {
9595
+ [data-v-84c9e26f] .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-e551c13f],
9605
- .style-editor-button-textstyle[data-v-e551c13f] {
9604
+ .style-editor-button-font[data-v-84c9e26f],
9605
+ .style-editor-button-textstyle[data-v-84c9e26f] {
9606
9606
  max-width: 48%;
9607
9607
  padding-bottom: 0.25rem;
9608
9608
  }
9609
- .style-editor-button.stepper[data-v-e551c13f] {
9609
+ .style-editor-button.stepper[data-v-84c9e26f] {
9610
9610
  max-width: 40%;
9611
9611
  }
9612
- .style-editor-button-stepper[data-v-e551c13f] {
9612
+ .style-editor-button-stepper[data-v-84c9e26f] {
9613
9613
  max-width: 100%;
9614
9614
  }
9615
- .border.desktop[data-v-e551c13f] {
9615
+ .border.desktop[data-v-84c9e26f] {
9616
9616
  display: none;
9617
9617
  }
9618
- .border.mobile[data-v-e551c13f] {
9618
+ .border.mobile[data-v-84c9e26f] {
9619
9619
  display: block;
9620
9620
  }
9621
- [data-v-e551c13f] .left-align {
9621
+ [data-v-84c9e26f] .left-align {
9622
9622
  -webkit-transform: translateX(-48%);
9623
9623
  transform: translateX(-48%);
9624
9624
  }
9625
- .hyperlink-popup[data-v-e551c13f] {
9625
+ .hyperlink-popup[data-v-84c9e26f] {
9626
9626
  z-index: 10000 !important;
9627
9627
  }
9628
9628
  }
9629
9629
  @media (min-width: 400px) {
9630
- .style-editor-button.stepper[data-v-e551c13f] {
9630
+ .style-editor-button.stepper[data-v-84c9e26f] {
9631
9631
  max-width: 32%;
9632
9632
  }
9633
- .style-editor-button-font[data-v-e551c13f] {
9633
+ .style-editor-button-font[data-v-84c9e26f] {
9634
9634
  max-width: 28%;
9635
9635
  }
9636
- .style-editor-button-stepper[data-v-e551c13f] {
9636
+ .style-editor-button-stepper[data-v-84c9e26f] {
9637
9637
  max-width: 100%;
9638
9638
  }
9639
- .style-editor-button-textstyle[data-v-e551c13f] {
9639
+ .style-editor-button-textstyle[data-v-84c9e26f] {
9640
9640
  max-width: 25%;
9641
9641
  }
9642
- .border.desktop[data-v-e551c13f] {
9642
+ .border.desktop[data-v-84c9e26f] {
9643
9643
  display: block;
9644
9644
  }
9645
- .border.mobile[data-v-e551c13f] {
9645
+ .border.mobile[data-v-84c9e26f] {
9646
9646
  display: none;
9647
9647
  }
9648
- [data-v-e551c13f] .left-align {
9648
+ [data-v-84c9e26f] .left-align {
9649
9649
  -webkit-transform: translateX(-25%);
9650
9650
  transform: translateX(-25%);
9651
9651
  }
9652
9652
  }
9653
- .drop-down-item[data-v-e551c13f]:hover {
9653
+ .drop-down-item[data-v-84c9e26f]:hover {
9654
9654
  background-color: #eee;
9655
9655
  }
9656
9656