@designcrowd/library.brand-page 5.12.8 → 5.12.10-shape-1

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 (34) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CMdOb_u_.js → CreatedOnBrandCrowd-de-de-B1UmWzii.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-BP1ZZR89.js → CreatedOnBrandCrowd-en-us-BRK1hM-D.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-dQ5Xb_xX.js → CreatedOnBrandCrowd-es-es-CN_2N7lq.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-Bfx1tpC3.js → CreatedOnBrandCrowd-fr-fr-BLLKZAU4.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BQg2zn8K.js → CreatedOnBrandCrowd-pt-pt-Btsu98RA.js} +1 -1
  6. package/lib/src/{CreatedOnDcom-de-de-B2cv6BwQ.js → CreatedOnDcom-de-de-t1layjdN.js} +1 -1
  7. package/lib/src/{CreatedOnDcom-en-us-CYt5rPlz.js → CreatedOnDcom-en-us-Cgr8OWqD.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-es-es-DtJ-6-Wv.js → CreatedOnDcom-es-es-BU30p1A3.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-fr-fr-CuzsQXTy.js → CreatedOnDcom-fr-fr-0WKXggE1.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-pt-pt-Bh7goB5_.js → CreatedOnDcom-pt-pt-DugorNKz.js} +1 -1
  11. package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.d.ts +3 -1
  12. package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.js +49 -8
  13. package/lib/src/brand-page/components/media/Shape.mixin.d.ts +3 -2
  14. package/lib/src/brand-page/components/media/Shape.mixin.js +44 -11
  15. package/lib/src/brand-page/utils/svg.util.d.ts +1 -0
  16. package/lib/src/brand-page/utils/svg.util.js +3 -0
  17. package/lib/src/brand-page-maker/utils/url.util.js +1 -1
  18. package/lib/src/css/library.brand-page-brandCrowd.min.css +43 -40
  19. package/lib/src/css/library.brand-page-brandPage.min.css +43 -40
  20. package/lib/src/css/library.brand-page-designCom.min.css +43 -40
  21. package/lib/src/css/library.brand-page-preview.min.css +43 -40
  22. package/lib/src/index.mjs +1 -1
  23. package/lib/src/{lib-Bq-YSuEE.js → lib-CjyTfIxl.js} +11607 -11586
  24. package/lib/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.js +5 -0
  25. package/package.json +1 -1
  26. package/src/brand-page/components/background-shape/BackgroundShape.mixin.ts +64 -12
  27. package/src/brand-page/components/background-shape/BackgroundShape.vue +2 -12
  28. package/src/brand-page/components/media/Shape.mixin.ts +56 -17
  29. package/src/brand-page/components/media/Shape.vue +0 -7
  30. package/src/brand-page/utils/svg.util.ts +4 -0
  31. package/src/brand-page-maker/components/rich-text-editor/RichTextEditor.vue +7 -1
  32. package/src/brand-page-maker/utils/url.util.test.ts +6 -0
  33. package/src/brand-page-maker/utils/url.util.ts +1 -1
  34. package/src/shared/publish-brand-page-with-state/PublishBrandPageModalWithState.mixin.ts +5 -0
@@ -5425,7 +5425,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5425
5425
  width: 100%;
5426
5426
  }
5427
5427
 
5428
- .c-shape-background[data-v-89074788] {
5428
+ .c-shape-background[data-v-0029e76c] {
5429
5429
  -webkit-transform: translate3d(0, 0, 0);
5430
5430
  transform: translate3d(0, 0, 0);
5431
5431
  position: fixed;
@@ -5434,11 +5434,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5434
5434
  width: 100%;
5435
5435
  height: 100vh;
5436
5436
  }
5437
- .template-preview .c-shape-background[data-v-89074788],
5438
- .device-wrapper .c-shape-background[data-v-89074788] {
5437
+ .template-preview .c-shape-background[data-v-0029e76c],
5438
+ .device-wrapper .c-shape-background[data-v-0029e76c] {
5439
5439
  height: 100%;
5440
5440
  }
5441
- .c-shape[data-v-89074788] {
5441
+ .c-shape[data-v-0029e76c] {
5442
5442
  fill: currentColor;
5443
5443
  }
5444
5444
 
@@ -5455,7 +5455,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5455
5455
  height: 2rem;
5456
5456
  }
5457
5457
 
5458
- .c-shape[data-v-36d8ec03] {
5458
+ .c-shape[data-v-0fcaefa2] {
5459
5459
  fill: currentColor;
5460
5460
  }
5461
5461
 
@@ -8473,11 +8473,11 @@ body {
8473
8473
  min-width: 33.333333%
8474
8474
  }
8475
8475
 
8476
- .rich-text-editor[data-v-f857b419]:focus-within {
8476
+ .rich-text-editor[data-v-d4706300]:focus-within {
8477
8477
  --tw-border-opacity: 1;
8478
8478
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
8479
8479
  }
8480
- .style-editor[data-v-f857b419] {
8480
+ .style-editor[data-v-d4706300] {
8481
8481
  display: -webkit-box;
8482
8482
  display: -ms-flexbox;
8483
8483
  display: flex;
@@ -8488,7 +8488,7 @@ body {
8488
8488
  -ms-flex-wrap: wrap;
8489
8489
  flex-wrap: wrap;
8490
8490
  }
8491
- .style-editor[data-v-f857b419] button:not(.c-button-style) {
8491
+ .style-editor[data-v-d4706300] button:not(.c-button-style) {
8492
8492
  display: -webkit-box;
8493
8493
  display: -ms-flexbox;
8494
8494
  display: flex;
@@ -8498,16 +8498,16 @@ body {
8498
8498
  padding-left: 0.5rem;
8499
8499
  padding-right: 0.5rem;
8500
8500
  }
8501
- .style-editor-button[data-v-f857b419] {
8501
+ .style-editor-button[data-v-d4706300] {
8502
8502
  cursor: pointer;
8503
8503
  padding-left: 0.25rem;
8504
8504
  padding-top: 0.25rem;
8505
8505
  }
8506
- .toolbar-editor-button.active[data-v-f857b419] {
8506
+ .toolbar-editor-button.active[data-v-d4706300] {
8507
8507
  font-weight: 700;
8508
8508
  background: #e3e3e3;
8509
8509
  }
8510
- .toolbar-editor-button[data-v-f857b419] {
8510
+ .toolbar-editor-button[data-v-d4706300] {
8511
8511
  height: 32px;
8512
8512
  width: 32px;
8513
8513
  border-radius: 4px;
@@ -8525,7 +8525,7 @@ body {
8525
8525
  -ms-flex-pack: center;
8526
8526
  justify-content: center;
8527
8527
  }
8528
- [data-v-f857b419] .ProseMirror {
8528
+ [data-v-d4706300] .ProseMirror {
8529
8529
  border-top: 1px solid #ccc;
8530
8530
  min-height: 150px;
8531
8531
  padding: 8px;
@@ -8538,10 +8538,10 @@ body {
8538
8538
  max-height: 14rem;
8539
8539
  overflow: auto;
8540
8540
  }
8541
- [data-v-f857b419] .ProseMirror:focus {
8541
+ [data-v-d4706300] .ProseMirror:focus {
8542
8542
  outline: none;
8543
8543
  }
8544
- [data-v-f857b419] .ProseMirror * {
8544
+ [data-v-d4706300] .ProseMirror * {
8545
8545
  text-align: left !important;
8546
8546
  font-size: 16px !important;
8547
8547
  color: #606060 !important;
@@ -8550,25 +8550,28 @@ body {
8550
8550
  background-color: transparent !important;
8551
8551
  font-family: 'Lato' !important;
8552
8552
  }
8553
- [data-v-f857b419] .ProseMirror a,[data-v-f857b419] .ProseMirror a * {
8553
+ [data-v-d4706300] .ProseMirror a s,[data-v-d4706300] .ProseMirror a strike,[data-v-d4706300] .ProseMirror a [data-strike] {
8554
+ text-decoration: line-through !important;
8555
+ }
8556
+ [data-v-d4706300] .ProseMirror a,[data-v-d4706300] .ProseMirror a * {
8554
8557
  color: #0097d7 !important;
8555
8558
  text-decoration: underline !important;
8556
8559
  }
8557
- .error-message[data-v-f857b419] {
8560
+ .error-message[data-v-d4706300] {
8558
8561
  color: #d32f2f;
8559
8562
  font-size: 0.875rem;
8560
8563
  margin-top: 4px;
8561
8564
  }
8562
- .popup-container[data-v-f857b419] {
8565
+ .popup-container[data-v-d4706300] {
8563
8566
  position: absolute;
8564
8567
  z-index: 10;
8565
8568
  right: 8%;
8566
8569
  }
8567
- .hyperlink-preview[data-v-f857b419] {
8570
+ .hyperlink-preview[data-v-d4706300] {
8568
8571
  position: absolute;
8569
8572
  z-index: 10;
8570
8573
  }
8571
- .popup-panel[data-v-f857b419] {
8574
+ .popup-panel[data-v-d4706300] {
8572
8575
  background: #fff;
8573
8576
  border: 1px solid #ccc;
8574
8577
  border-radius: 8px;
@@ -8576,17 +8579,17 @@ body {
8576
8579
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8577
8580
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8578
8581
  }
8579
- .popup-panel[data-v-f857b419] input {
8582
+ .popup-panel[data-v-d4706300] input {
8580
8583
  border: 1px solid #ccc;
8581
8584
  border-radius: 8px;
8582
8585
  }
8583
- .border[data-v-f857b419] {
8586
+ .border[data-v-d4706300] {
8584
8587
  width: 100%;
8585
8588
  --tw-bg-opacity: 1;
8586
8589
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8587
8590
  height: 1px;
8588
8591
  }
8589
- [data-v-f857b419] .text-dropdown-title {
8592
+ [data-v-d4706300] .text-dropdown-title {
8590
8593
  height: 2rem;
8591
8594
  width: 100%;
8592
8595
  font-size: 0.875rem;
@@ -8595,7 +8598,7 @@ body {
8595
8598
  color: rgb(43 43 43 / var(--tw-text-opacity));
8596
8599
  font-weight: 300;
8597
8600
  }
8598
- [data-v-f857b419] .ProseMirror p.is-editor-empty:first-child::before {
8601
+ [data-v-d4706300] .ProseMirror p.is-editor-empty:first-child::before {
8599
8602
  --tw-text-opacity: 1;
8600
8603
  color: rgb(208 208 208 / var(--tw-text-opacity));
8601
8604
  content: attr(data-placeholder);
@@ -8604,56 +8607,56 @@ body {
8604
8607
  pointer-events: none;
8605
8608
  }
8606
8609
  @media (max-width: 399px) {
8607
- .style-editor-button-font[data-v-f857b419],
8608
- .style-editor-button-textstyle[data-v-f857b419] {
8610
+ .style-editor-button-font[data-v-d4706300],
8611
+ .style-editor-button-textstyle[data-v-d4706300] {
8609
8612
  max-width: 48%;
8610
8613
  padding-bottom: 0.25rem;
8611
8614
  }
8612
- .style-editor-button.stepper[data-v-f857b419] {
8615
+ .style-editor-button.stepper[data-v-d4706300] {
8613
8616
  max-width: 40%;
8614
8617
  }
8615
- .style-editor-button-stepper[data-v-f857b419] {
8618
+ .style-editor-button-stepper[data-v-d4706300] {
8616
8619
  max-width: 100%;
8617
8620
  }
8618
- .border.desktop[data-v-f857b419] {
8621
+ .border.desktop[data-v-d4706300] {
8619
8622
  display: none;
8620
8623
  }
8621
- .border.mobile[data-v-f857b419] {
8624
+ .border.mobile[data-v-d4706300] {
8622
8625
  display: block;
8623
8626
  }
8624
- [data-v-f857b419] .left-align {
8627
+ [data-v-d4706300] .left-align {
8625
8628
  -webkit-transform: translateX(-50%);
8626
8629
  transform: translateX(-50%);
8627
8630
  }
8628
- .hyperlink-popup[data-v-f857b419] {
8629
- z-index: 9999;
8631
+ .hyperlink-popup[data-v-d4706300] {
8632
+ z-index: 10000 !important;
8630
8633
  }
8631
8634
  }
8632
8635
  @media (min-width: 400px) {
8633
- .style-editor-button.stepper[data-v-f857b419] {
8636
+ .style-editor-button.stepper[data-v-d4706300] {
8634
8637
  max-width: 32%;
8635
8638
  }
8636
- .style-editor-button-font[data-v-f857b419] {
8639
+ .style-editor-button-font[data-v-d4706300] {
8637
8640
  max-width: 28%;
8638
8641
  }
8639
- .style-editor-button-stepper[data-v-f857b419] {
8642
+ .style-editor-button-stepper[data-v-d4706300] {
8640
8643
  max-width: 100%;
8641
8644
  }
8642
- .style-editor-button-textstyle[data-v-f857b419] {
8645
+ .style-editor-button-textstyle[data-v-d4706300] {
8643
8646
  max-width: 25%;
8644
8647
  }
8645
- .border.desktop[data-v-f857b419] {
8648
+ .border.desktop[data-v-d4706300] {
8646
8649
  display: block;
8647
8650
  }
8648
- .border.mobile[data-v-f857b419] {
8651
+ .border.mobile[data-v-d4706300] {
8649
8652
  display: none;
8650
8653
  }
8651
- [data-v-f857b419] .left-align {
8654
+ [data-v-d4706300] .left-align {
8652
8655
  -webkit-transform: translateX(-25%);
8653
8656
  transform: translateX(-25%);
8654
8657
  }
8655
8658
  }
8656
- .drop-down-item[data-v-f857b419]:hover {
8659
+ .drop-down-item[data-v-d4706300]:hover {
8657
8660
  background-color: #eee;
8658
8661
  }
8659
8662
 
@@ -5115,7 +5115,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5115
5115
  width: 100%;
5116
5116
  }
5117
5117
 
5118
- .c-shape-background[data-v-89074788] {
5118
+ .c-shape-background[data-v-0029e76c] {
5119
5119
  -webkit-transform: translate3d(0, 0, 0);
5120
5120
  transform: translate3d(0, 0, 0);
5121
5121
  position: fixed;
@@ -5124,11 +5124,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5124
5124
  width: 100%;
5125
5125
  height: 100vh;
5126
5126
  }
5127
- .template-preview .c-shape-background[data-v-89074788],
5128
- .device-wrapper .c-shape-background[data-v-89074788] {
5127
+ .template-preview .c-shape-background[data-v-0029e76c],
5128
+ .device-wrapper .c-shape-background[data-v-0029e76c] {
5129
5129
  height: 100%;
5130
5130
  }
5131
- .c-shape[data-v-89074788] {
5131
+ .c-shape[data-v-0029e76c] {
5132
5132
  fill: currentColor;
5133
5133
  }
5134
5134
 
@@ -5145,7 +5145,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5145
5145
  height: 2rem;
5146
5146
  }
5147
5147
 
5148
- .c-shape[data-v-36d8ec03] {
5148
+ .c-shape[data-v-0fcaefa2] {
5149
5149
  fill: currentColor;
5150
5150
  }
5151
5151
 
@@ -8163,11 +8163,11 @@ body {
8163
8163
  min-width: 33.333333%
8164
8164
  }
8165
8165
 
8166
- .rich-text-editor[data-v-f857b419]:focus-within {
8166
+ .rich-text-editor[data-v-d4706300]:focus-within {
8167
8167
  --tw-border-opacity: 1;
8168
8168
  border-color: rgb(96 96 96 / var(--tw-border-opacity));
8169
8169
  }
8170
- .style-editor[data-v-f857b419] {
8170
+ .style-editor[data-v-d4706300] {
8171
8171
  display: -webkit-box;
8172
8172
  display: -ms-flexbox;
8173
8173
  display: flex;
@@ -8178,7 +8178,7 @@ body {
8178
8178
  -ms-flex-wrap: wrap;
8179
8179
  flex-wrap: wrap;
8180
8180
  }
8181
- .style-editor[data-v-f857b419] button:not(.c-button-style) {
8181
+ .style-editor[data-v-d4706300] button:not(.c-button-style) {
8182
8182
  display: -webkit-box;
8183
8183
  display: -ms-flexbox;
8184
8184
  display: flex;
@@ -8188,16 +8188,16 @@ body {
8188
8188
  padding-left: 0.5rem;
8189
8189
  padding-right: 0.5rem;
8190
8190
  }
8191
- .style-editor-button[data-v-f857b419] {
8191
+ .style-editor-button[data-v-d4706300] {
8192
8192
  cursor: pointer;
8193
8193
  padding-left: 0.25rem;
8194
8194
  padding-top: 0.25rem;
8195
8195
  }
8196
- .toolbar-editor-button.active[data-v-f857b419] {
8196
+ .toolbar-editor-button.active[data-v-d4706300] {
8197
8197
  font-weight: 700;
8198
8198
  background: #e3e3e3;
8199
8199
  }
8200
- .toolbar-editor-button[data-v-f857b419] {
8200
+ .toolbar-editor-button[data-v-d4706300] {
8201
8201
  height: 32px;
8202
8202
  width: 32px;
8203
8203
  border-radius: 4px;
@@ -8215,7 +8215,7 @@ body {
8215
8215
  -ms-flex-pack: center;
8216
8216
  justify-content: center;
8217
8217
  }
8218
- [data-v-f857b419] .ProseMirror {
8218
+ [data-v-d4706300] .ProseMirror {
8219
8219
  border-top: 1px solid #ccc;
8220
8220
  min-height: 150px;
8221
8221
  padding: 8px;
@@ -8228,10 +8228,10 @@ body {
8228
8228
  max-height: 14rem;
8229
8229
  overflow: auto;
8230
8230
  }
8231
- [data-v-f857b419] .ProseMirror:focus {
8231
+ [data-v-d4706300] .ProseMirror:focus {
8232
8232
  outline: none;
8233
8233
  }
8234
- [data-v-f857b419] .ProseMirror * {
8234
+ [data-v-d4706300] .ProseMirror * {
8235
8235
  text-align: left !important;
8236
8236
  font-size: 16px !important;
8237
8237
  color: #606060 !important;
@@ -8240,25 +8240,28 @@ body {
8240
8240
  background-color: transparent !important;
8241
8241
  font-family: 'Lato' !important;
8242
8242
  }
8243
- [data-v-f857b419] .ProseMirror a,[data-v-f857b419] .ProseMirror a * {
8243
+ [data-v-d4706300] .ProseMirror a s,[data-v-d4706300] .ProseMirror a strike,[data-v-d4706300] .ProseMirror a [data-strike] {
8244
+ text-decoration: line-through !important;
8245
+ }
8246
+ [data-v-d4706300] .ProseMirror a,[data-v-d4706300] .ProseMirror a * {
8244
8247
  color: #0097d7 !important;
8245
8248
  text-decoration: underline !important;
8246
8249
  }
8247
- .error-message[data-v-f857b419] {
8250
+ .error-message[data-v-d4706300] {
8248
8251
  color: #d32f2f;
8249
8252
  font-size: 0.875rem;
8250
8253
  margin-top: 4px;
8251
8254
  }
8252
- .popup-container[data-v-f857b419] {
8255
+ .popup-container[data-v-d4706300] {
8253
8256
  position: absolute;
8254
8257
  z-index: 10;
8255
8258
  right: 8%;
8256
8259
  }
8257
- .hyperlink-preview[data-v-f857b419] {
8260
+ .hyperlink-preview[data-v-d4706300] {
8258
8261
  position: absolute;
8259
8262
  z-index: 10;
8260
8263
  }
8261
- .popup-panel[data-v-f857b419] {
8264
+ .popup-panel[data-v-d4706300] {
8262
8265
  background: #fff;
8263
8266
  border: 1px solid #ccc;
8264
8267
  border-radius: 8px;
@@ -8266,17 +8269,17 @@ body {
8266
8269
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8267
8270
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8268
8271
  }
8269
- .popup-panel[data-v-f857b419] input {
8272
+ .popup-panel[data-v-d4706300] input {
8270
8273
  border: 1px solid #ccc;
8271
8274
  border-radius: 8px;
8272
8275
  }
8273
- .border[data-v-f857b419] {
8276
+ .border[data-v-d4706300] {
8274
8277
  width: 100%;
8275
8278
  --tw-bg-opacity: 1;
8276
8279
  background-color: rgb(209 209 209 / var(--tw-bg-opacity));
8277
8280
  height: 1px;
8278
8281
  }
8279
- [data-v-f857b419] .text-dropdown-title {
8282
+ [data-v-d4706300] .text-dropdown-title {
8280
8283
  height: 2rem;
8281
8284
  width: 100%;
8282
8285
  font-size: 0.875rem;
@@ -8285,7 +8288,7 @@ body {
8285
8288
  color: rgb(38 38 38 / var(--tw-text-opacity));
8286
8289
  font-weight: 300;
8287
8290
  }
8288
- [data-v-f857b419] .ProseMirror p.is-editor-empty:first-child::before {
8291
+ [data-v-d4706300] .ProseMirror p.is-editor-empty:first-child::before {
8289
8292
  --tw-text-opacity: 1;
8290
8293
  color: rgb(209 209 209 / var(--tw-text-opacity));
8291
8294
  content: attr(data-placeholder);
@@ -8294,56 +8297,56 @@ body {
8294
8297
  pointer-events: none;
8295
8298
  }
8296
8299
  @media (max-width: 399px) {
8297
- .style-editor-button-font[data-v-f857b419],
8298
- .style-editor-button-textstyle[data-v-f857b419] {
8300
+ .style-editor-button-font[data-v-d4706300],
8301
+ .style-editor-button-textstyle[data-v-d4706300] {
8299
8302
  max-width: 48%;
8300
8303
  padding-bottom: 0.25rem;
8301
8304
  }
8302
- .style-editor-button.stepper[data-v-f857b419] {
8305
+ .style-editor-button.stepper[data-v-d4706300] {
8303
8306
  max-width: 40%;
8304
8307
  }
8305
- .style-editor-button-stepper[data-v-f857b419] {
8308
+ .style-editor-button-stepper[data-v-d4706300] {
8306
8309
  max-width: 100%;
8307
8310
  }
8308
- .border.desktop[data-v-f857b419] {
8311
+ .border.desktop[data-v-d4706300] {
8309
8312
  display: none;
8310
8313
  }
8311
- .border.mobile[data-v-f857b419] {
8314
+ .border.mobile[data-v-d4706300] {
8312
8315
  display: block;
8313
8316
  }
8314
- [data-v-f857b419] .left-align {
8317
+ [data-v-d4706300] .left-align {
8315
8318
  -webkit-transform: translateX(-50%);
8316
8319
  transform: translateX(-50%);
8317
8320
  }
8318
- .hyperlink-popup[data-v-f857b419] {
8319
- z-index: 9999;
8321
+ .hyperlink-popup[data-v-d4706300] {
8322
+ z-index: 10000 !important;
8320
8323
  }
8321
8324
  }
8322
8325
  @media (min-width: 400px) {
8323
- .style-editor-button.stepper[data-v-f857b419] {
8326
+ .style-editor-button.stepper[data-v-d4706300] {
8324
8327
  max-width: 32%;
8325
8328
  }
8326
- .style-editor-button-font[data-v-f857b419] {
8329
+ .style-editor-button-font[data-v-d4706300] {
8327
8330
  max-width: 28%;
8328
8331
  }
8329
- .style-editor-button-stepper[data-v-f857b419] {
8332
+ .style-editor-button-stepper[data-v-d4706300] {
8330
8333
  max-width: 100%;
8331
8334
  }
8332
- .style-editor-button-textstyle[data-v-f857b419] {
8335
+ .style-editor-button-textstyle[data-v-d4706300] {
8333
8336
  max-width: 25%;
8334
8337
  }
8335
- .border.desktop[data-v-f857b419] {
8338
+ .border.desktop[data-v-d4706300] {
8336
8339
  display: block;
8337
8340
  }
8338
- .border.mobile[data-v-f857b419] {
8341
+ .border.mobile[data-v-d4706300] {
8339
8342
  display: none;
8340
8343
  }
8341
- [data-v-f857b419] .left-align {
8344
+ [data-v-d4706300] .left-align {
8342
8345
  -webkit-transform: translateX(-25%);
8343
8346
  transform: translateX(-25%);
8344
8347
  }
8345
8348
  }
8346
- .drop-down-item[data-v-f857b419]:hover {
8349
+ .drop-down-item[data-v-d4706300]:hover {
8347
8350
  background-color: #eee;
8348
8351
  }
8349
8352
 
@@ -4857,7 +4857,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
4857
4857
  width: 100%;
4858
4858
  }
4859
4859
 
4860
- .bp .c-shape-background[data-v-89074788] {
4860
+ .bp .c-shape-background[data-v-0029e76c] {
4861
4861
  -webkit-transform: translate3d(0, 0, 0);
4862
4862
  transform: translate3d(0, 0, 0);
4863
4863
  position: fixed;
@@ -4866,11 +4866,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
4866
4866
  width: 100%;
4867
4867
  height: 100vh;
4868
4868
  }
4869
- .bp .template-preview .c-shape-background[data-v-89074788],
4870
- .bp .device-wrapper .c-shape-background[data-v-89074788] {
4869
+ .bp .template-preview .c-shape-background[data-v-0029e76c],
4870
+ .bp .device-wrapper .c-shape-background[data-v-0029e76c] {
4871
4871
  height: 100%;
4872
4872
  }
4873
- .bp .c-shape[data-v-89074788] {
4873
+ .bp .c-shape[data-v-0029e76c] {
4874
4874
  fill: currentColor;
4875
4875
  }
4876
4876
 
@@ -4887,7 +4887,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
4887
4887
  height: 2rem;
4888
4888
  }
4889
4889
 
4890
- .bp .c-shape[data-v-36d8ec03] {
4890
+ .bp .c-shape[data-v-0fcaefa2] {
4891
4891
  fill: currentColor;
4892
4892
  }
4893
4893
 
@@ -7905,11 +7905,11 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7905
7905
  min-width: 33.333333%
7906
7906
  }
7907
7907
 
7908
- .bp .rich-text-editor[data-v-f857b419]:focus-within {
7908
+ .bp .rich-text-editor[data-v-d4706300]:focus-within {
7909
7909
  --tw-border-opacity: 1;
7910
7910
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
7911
7911
  }
7912
- .bp .style-editor[data-v-f857b419] {
7912
+ .bp .style-editor[data-v-d4706300] {
7913
7913
  display: -webkit-box;
7914
7914
  display: -ms-flexbox;
7915
7915
  display: flex;
@@ -7920,7 +7920,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7920
7920
  -ms-flex-wrap: wrap;
7921
7921
  flex-wrap: wrap;
7922
7922
  }
7923
- .bp .style-editor[data-v-f857b419] button:not(.c-button-style) {
7923
+ .bp .style-editor[data-v-d4706300] button:not(.c-button-style) {
7924
7924
  display: -webkit-box;
7925
7925
  display: -ms-flexbox;
7926
7926
  display: flex;
@@ -7930,16 +7930,16 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7930
7930
  padding-left: 0.5rem;
7931
7931
  padding-right: 0.5rem;
7932
7932
  }
7933
- .bp .style-editor-button[data-v-f857b419] {
7933
+ .bp .style-editor-button[data-v-d4706300] {
7934
7934
  cursor: pointer;
7935
7935
  padding-left: 0.25rem;
7936
7936
  padding-top: 0.25rem;
7937
7937
  }
7938
- .bp .toolbar-editor-button.active[data-v-f857b419] {
7938
+ .bp .toolbar-editor-button.active[data-v-d4706300] {
7939
7939
  font-weight: 700;
7940
7940
  background: #e3e3e3;
7941
7941
  }
7942
- .bp .toolbar-editor-button[data-v-f857b419] {
7942
+ .bp .toolbar-editor-button[data-v-d4706300] {
7943
7943
  height: 32px;
7944
7944
  width: 32px;
7945
7945
  border-radius: 4px;
@@ -7957,7 +7957,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7957
7957
  -ms-flex-pack: center;
7958
7958
  justify-content: center;
7959
7959
  }
7960
- [data-v-f857b419] .ProseMirror {
7960
+ [data-v-d4706300] .ProseMirror {
7961
7961
  border-top: 1px solid #ccc;
7962
7962
  min-height: 150px;
7963
7963
  padding: 8px;
@@ -7970,10 +7970,10 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7970
7970
  max-height: 14rem;
7971
7971
  overflow: auto;
7972
7972
  }
7973
- [data-v-f857b419] .ProseMirror:focus {
7973
+ [data-v-d4706300] .ProseMirror:focus {
7974
7974
  outline: none;
7975
7975
  }
7976
- [data-v-f857b419] .ProseMirror * {
7976
+ [data-v-d4706300] .ProseMirror * {
7977
7977
  text-align: left !important;
7978
7978
  font-size: 16px !important;
7979
7979
  color: #606060 !important;
@@ -7982,25 +7982,28 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
7982
7982
  background-color: transparent !important;
7983
7983
  font-family: 'Lato' !important;
7984
7984
  }
7985
- [data-v-f857b419] .ProseMirror a,[data-v-f857b419] .ProseMirror a * {
7985
+ [data-v-d4706300] .ProseMirror a s,[data-v-d4706300] .ProseMirror a strike,[data-v-d4706300] .ProseMirror a [data-strike] {
7986
+ text-decoration: line-through !important;
7987
+ }
7988
+ [data-v-d4706300] .ProseMirror a,[data-v-d4706300] .ProseMirror a * {
7986
7989
  color: #0097d7 !important;
7987
7990
  text-decoration: underline !important;
7988
7991
  }
7989
- .bp .error-message[data-v-f857b419] {
7992
+ .bp .error-message[data-v-d4706300] {
7990
7993
  color: #d32f2f;
7991
7994
  font-size: 0.875rem;
7992
7995
  margin-top: 4px;
7993
7996
  }
7994
- .bp .popup-container[data-v-f857b419] {
7997
+ .bp .popup-container[data-v-d4706300] {
7995
7998
  position: absolute;
7996
7999
  z-index: 10;
7997
8000
  right: 8%;
7998
8001
  }
7999
- .bp .hyperlink-preview[data-v-f857b419] {
8002
+ .bp .hyperlink-preview[data-v-d4706300] {
8000
8003
  position: absolute;
8001
8004
  z-index: 10;
8002
8005
  }
8003
- .bp .popup-panel[data-v-f857b419] {
8006
+ .bp .popup-panel[data-v-d4706300] {
8004
8007
  background: #fff;
8005
8008
  border: 1px solid #ccc;
8006
8009
  border-radius: 8px;
@@ -8008,17 +8011,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
8008
8011
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8009
8012
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8010
8013
  }
8011
- .bp .popup-panel[data-v-f857b419] input {
8014
+ .bp .popup-panel[data-v-d4706300] input {
8012
8015
  border: 1px solid #ccc;
8013
8016
  border-radius: 8px;
8014
8017
  }
8015
- .bp .border[data-v-f857b419] {
8018
+ .bp .border[data-v-d4706300] {
8016
8019
  width: 100%;
8017
8020
  --tw-bg-opacity: 1;
8018
8021
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8019
8022
  height: 1px;
8020
8023
  }
8021
- [data-v-f857b419] .text-dropdown-title {
8024
+ [data-v-d4706300] .text-dropdown-title {
8022
8025
  height: 2rem;
8023
8026
  width: 100%;
8024
8027
  font-size: 0.875rem;
@@ -8027,7 +8030,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
8027
8030
  color: rgb(43 43 43 / var(--tw-text-opacity));
8028
8031
  font-weight: 300;
8029
8032
  }
8030
- [data-v-f857b419] .ProseMirror p.is-editor-empty:first-child::before {
8033
+ [data-v-d4706300] .ProseMirror p.is-editor-empty:first-child::before {
8031
8034
  --tw-text-opacity: 1;
8032
8035
  color: rgb(208 208 208 / var(--tw-text-opacity));
8033
8036
  content: attr(data-placeholder);
@@ -8036,56 +8039,56 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
8036
8039
  pointer-events: none;
8037
8040
  }
8038
8041
  @media (max-width: 399px) {
8039
- .bp .style-editor-button-font[data-v-f857b419],
8040
- .bp .style-editor-button-textstyle[data-v-f857b419] {
8042
+ .bp .style-editor-button-font[data-v-d4706300],
8043
+ .bp .style-editor-button-textstyle[data-v-d4706300] {
8041
8044
  max-width: 48%;
8042
8045
  padding-bottom: 0.25rem;
8043
8046
  }
8044
- .bp .style-editor-button.stepper[data-v-f857b419] {
8047
+ .bp .style-editor-button.stepper[data-v-d4706300] {
8045
8048
  max-width: 40%;
8046
8049
  }
8047
- .bp .style-editor-button-stepper[data-v-f857b419] {
8050
+ .bp .style-editor-button-stepper[data-v-d4706300] {
8048
8051
  max-width: 100%;
8049
8052
  }
8050
- .bp .border.desktop[data-v-f857b419] {
8053
+ .bp .border.desktop[data-v-d4706300] {
8051
8054
  display: none;
8052
8055
  }
8053
- .bp .border.mobile[data-v-f857b419] {
8056
+ .bp .border.mobile[data-v-d4706300] {
8054
8057
  display: block;
8055
8058
  }
8056
- [data-v-f857b419] .left-align {
8059
+ [data-v-d4706300] .left-align {
8057
8060
  -webkit-transform: translateX(-50%);
8058
8061
  transform: translateX(-50%);
8059
8062
  }
8060
- .bp .hyperlink-popup[data-v-f857b419] {
8061
- z-index: 9999;
8063
+ .bp .hyperlink-popup[data-v-d4706300] {
8064
+ z-index: 10000 !important;
8062
8065
  }
8063
8066
  }
8064
8067
  @media (min-width: 400px) {
8065
- .bp .style-editor-button.stepper[data-v-f857b419] {
8068
+ .bp .style-editor-button.stepper[data-v-d4706300] {
8066
8069
  max-width: 32%;
8067
8070
  }
8068
- .bp .style-editor-button-font[data-v-f857b419] {
8071
+ .bp .style-editor-button-font[data-v-d4706300] {
8069
8072
  max-width: 28%;
8070
8073
  }
8071
- .bp .style-editor-button-stepper[data-v-f857b419] {
8074
+ .bp .style-editor-button-stepper[data-v-d4706300] {
8072
8075
  max-width: 100%;
8073
8076
  }
8074
- .bp .style-editor-button-textstyle[data-v-f857b419] {
8077
+ .bp .style-editor-button-textstyle[data-v-d4706300] {
8075
8078
  max-width: 25%;
8076
8079
  }
8077
- .bp .border.desktop[data-v-f857b419] {
8080
+ .bp .border.desktop[data-v-d4706300] {
8078
8081
  display: block;
8079
8082
  }
8080
- .bp .border.mobile[data-v-f857b419] {
8083
+ .bp .border.mobile[data-v-d4706300] {
8081
8084
  display: none;
8082
8085
  }
8083
- [data-v-f857b419] .left-align {
8086
+ [data-v-d4706300] .left-align {
8084
8087
  -webkit-transform: translateX(-25%);
8085
8088
  transform: translateX(-25%);
8086
8089
  }
8087
8090
  }
8088
- .bp .drop-down-item[data-v-f857b419]:hover {
8091
+ .bp .drop-down-item[data-v-d4706300]:hover {
8089
8092
  background-color: #eee;
8090
8093
  }
8091
8094