@designcrowd/library.brand-page 5.11.5-ast-mp-hyperlink → 5.11.5-ast-mp-hyperlink-2

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.
@@ -8145,11 +8145,11 @@ body {
8145
8145
  min-width: 33.333333%
8146
8146
  }
8147
8147
 
8148
- .rich-text-editor[data-v-6c1add37]:focus-within {
8148
+ .rich-text-editor[data-v-ed1db543]:focus-within {
8149
8149
  --tw-border-opacity: 1;
8150
8150
  border-color: rgb(94 94 94 / var(--tw-border-opacity));
8151
8151
  }
8152
- .style-editor[data-v-6c1add37] {
8152
+ .style-editor[data-v-ed1db543] {
8153
8153
  display: -webkit-box;
8154
8154
  display: -ms-flexbox;
8155
8155
  display: flex;
@@ -8160,7 +8160,7 @@ body {
8160
8160
  -ms-flex-wrap: wrap;
8161
8161
  flex-wrap: wrap;
8162
8162
  }
8163
- .style-editor[data-v-6c1add37] button:not(.c-button-style) {
8163
+ .style-editor[data-v-ed1db543] button:not(.c-button-style) {
8164
8164
  display: -webkit-box;
8165
8165
  display: -ms-flexbox;
8166
8166
  display: flex;
@@ -8170,16 +8170,16 @@ body {
8170
8170
  padding-left: 0.5rem;
8171
8171
  padding-right: 0.5rem;
8172
8172
  }
8173
- .style-editor-button[data-v-6c1add37] {
8173
+ .style-editor-button[data-v-ed1db543] {
8174
8174
  cursor: pointer;
8175
8175
  padding-left: 0.25rem;
8176
8176
  padding-top: 0.25rem;
8177
8177
  }
8178
- .toolbar-editor-button.active[data-v-6c1add37] {
8178
+ .toolbar-editor-button.active[data-v-ed1db543] {
8179
8179
  font-weight: 700;
8180
8180
  background: #e3e3e3;
8181
8181
  }
8182
- .toolbar-editor-button[data-v-6c1add37] {
8182
+ .toolbar-editor-button[data-v-ed1db543] {
8183
8183
  height: 32px;
8184
8184
  width: 32px;
8185
8185
  border-radius: 4px;
@@ -8197,7 +8197,7 @@ body {
8197
8197
  -ms-flex-pack: center;
8198
8198
  justify-content: center;
8199
8199
  }
8200
- [data-v-6c1add37] .ProseMirror {
8200
+ [data-v-ed1db543] .ProseMirror {
8201
8201
  border-top: 1px solid #ccc;
8202
8202
  min-height: 150px;
8203
8203
  padding: 8px;
@@ -8210,10 +8210,10 @@ body {
8210
8210
  max-height: 14rem;
8211
8211
  overflow: auto;
8212
8212
  }
8213
- [data-v-6c1add37] .ProseMirror:focus {
8213
+ [data-v-ed1db543] .ProseMirror:focus {
8214
8214
  outline: none;
8215
8215
  }
8216
- [data-v-6c1add37] .ProseMirror * {
8216
+ [data-v-ed1db543] .ProseMirror * {
8217
8217
  text-align: left !important;
8218
8218
  font-size: 16px !important;
8219
8219
  color: #606060 !important;
@@ -8222,25 +8222,25 @@ body {
8222
8222
  background-color: transparent !important;
8223
8223
  font-family: 'Lato' !important;
8224
8224
  }
8225
- [data-v-6c1add37] .ProseMirror a,[data-v-6c1add37] .ProseMirror a * {
8225
+ [data-v-ed1db543] .ProseMirror a,[data-v-ed1db543] .ProseMirror a * {
8226
8226
  color: #0097d7 !important;
8227
8227
  text-decoration: underline !important;
8228
8228
  }
8229
- .error-message[data-v-6c1add37] {
8229
+ .error-message[data-v-ed1db543] {
8230
8230
  color: #d32f2f;
8231
8231
  font-size: 0.875rem;
8232
8232
  margin-top: 4px;
8233
8233
  }
8234
- .popup-container[data-v-6c1add37] {
8234
+ .popup-container[data-v-ed1db543] {
8235
8235
  position: absolute;
8236
8236
  z-index: 10;
8237
8237
  right: 8%;
8238
8238
  }
8239
- .hyperlink-preview[data-v-6c1add37] {
8239
+ .hyperlink-preview[data-v-ed1db543] {
8240
8240
  position: absolute;
8241
8241
  z-index: 10;
8242
8242
  }
8243
- .popup-panel[data-v-6c1add37] {
8243
+ .popup-panel[data-v-ed1db543] {
8244
8244
  background: #fff;
8245
8245
  border: 1px solid #ccc;
8246
8246
  border-radius: 8px;
@@ -8248,17 +8248,17 @@ body {
8248
8248
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8249
8249
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8250
8250
  }
8251
- .popup-panel[data-v-6c1add37] input {
8251
+ .popup-panel[data-v-ed1db543] input {
8252
8252
  border: 1px solid #ccc;
8253
8253
  border-radius: 8px;
8254
8254
  }
8255
- .border[data-v-6c1add37] {
8255
+ .border[data-v-ed1db543] {
8256
8256
  width: 100%;
8257
8257
  --tw-bg-opacity: 1;
8258
8258
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8259
8259
  height: 1px;
8260
8260
  }
8261
- [data-v-6c1add37] .text-dropdown-title {
8261
+ [data-v-ed1db543] .text-dropdown-title {
8262
8262
  height: 2rem;
8263
8263
  width: 100%;
8264
8264
  font-size: 0.875rem;
@@ -8267,7 +8267,7 @@ body {
8267
8267
  color: rgb(43 43 43 / var(--tw-text-opacity));
8268
8268
  font-weight: 300;
8269
8269
  }
8270
- [data-v-6c1add37] .ProseMirror p.is-editor-empty:first-child::before {
8270
+ [data-v-ed1db543] .ProseMirror p.is-editor-empty:first-child::before {
8271
8271
  --tw-text-opacity: 1;
8272
8272
  color: rgb(208 208 208 / var(--tw-text-opacity));
8273
8273
  content: attr(data-placeholder);
@@ -8276,56 +8276,56 @@ body {
8276
8276
  pointer-events: none;
8277
8277
  }
8278
8278
  @media (max-width: 399px) {
8279
- .style-editor-button-font[data-v-6c1add37],
8280
- .style-editor-button-textstyle[data-v-6c1add37] {
8279
+ .style-editor-button-font[data-v-ed1db543],
8280
+ .style-editor-button-textstyle[data-v-ed1db543] {
8281
8281
  max-width: 48%;
8282
8282
  padding-bottom: 0.25rem;
8283
8283
  }
8284
- .style-editor-button.stepper[data-v-6c1add37] {
8284
+ .style-editor-button.stepper[data-v-ed1db543] {
8285
8285
  max-width: 40%;
8286
8286
  }
8287
- .style-editor-button-stepper[data-v-6c1add37] {
8287
+ .style-editor-button-stepper[data-v-ed1db543] {
8288
8288
  max-width: 100%;
8289
8289
  }
8290
- .border.desktop[data-v-6c1add37] {
8290
+ .border.desktop[data-v-ed1db543] {
8291
8291
  display: none;
8292
8292
  }
8293
- .border.mobile[data-v-6c1add37] {
8293
+ .border.mobile[data-v-ed1db543] {
8294
8294
  display: block;
8295
8295
  }
8296
- [data-v-6c1add37] .left-align {
8296
+ [data-v-ed1db543] .left-align {
8297
8297
  -webkit-transform: translateX(-50%);
8298
8298
  transform: translateX(-50%);
8299
8299
  }
8300
- .hyperlink-popup[data-v-6c1add37] {
8300
+ .hyperlink-popup[data-v-ed1db543] {
8301
8301
  z-index: 9999;
8302
8302
  }
8303
8303
  }
8304
8304
  @media (min-width: 400px) {
8305
- .style-editor-button.stepper[data-v-6c1add37] {
8305
+ .style-editor-button.stepper[data-v-ed1db543] {
8306
8306
  max-width: 32%;
8307
8307
  }
8308
- .style-editor-button-font[data-v-6c1add37] {
8308
+ .style-editor-button-font[data-v-ed1db543] {
8309
8309
  max-width: 28%;
8310
8310
  }
8311
- .style-editor-button-stepper[data-v-6c1add37] {
8311
+ .style-editor-button-stepper[data-v-ed1db543] {
8312
8312
  max-width: 100%;
8313
8313
  }
8314
- .style-editor-button-textstyle[data-v-6c1add37] {
8314
+ .style-editor-button-textstyle[data-v-ed1db543] {
8315
8315
  max-width: 25%;
8316
8316
  }
8317
- .border.desktop[data-v-6c1add37] {
8317
+ .border.desktop[data-v-ed1db543] {
8318
8318
  display: block;
8319
8319
  }
8320
- .border.mobile[data-v-6c1add37] {
8320
+ .border.mobile[data-v-ed1db543] {
8321
8321
  display: none;
8322
8322
  }
8323
- [data-v-6c1add37] .left-align {
8323
+ [data-v-ed1db543] .left-align {
8324
8324
  -webkit-transform: translateX(-25%);
8325
8325
  transform: translateX(-25%);
8326
8326
  }
8327
8327
  }
8328
- .drop-down-item[data-v-6c1add37]:hover {
8328
+ .drop-down-item[data-v-ed1db543]:hover {
8329
8329
  background-color: #eee;
8330
8330
  }
8331
8331
 
@@ -8473,11 +8473,11 @@ body {
8473
8473
  min-width: 33.333333%
8474
8474
  }
8475
8475
 
8476
- .rich-text-editor[data-v-6c1add37]:focus-within {
8476
+ .rich-text-editor[data-v-ed1db543]: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-6c1add37] {
8480
+ .style-editor[data-v-ed1db543] {
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-6c1add37] button:not(.c-button-style) {
8491
+ .style-editor[data-v-ed1db543] 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-6c1add37] {
8501
+ .style-editor-button[data-v-ed1db543] {
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-6c1add37] {
8506
+ .toolbar-editor-button.active[data-v-ed1db543] {
8507
8507
  font-weight: 700;
8508
8508
  background: #e3e3e3;
8509
8509
  }
8510
- .toolbar-editor-button[data-v-6c1add37] {
8510
+ .toolbar-editor-button[data-v-ed1db543] {
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-6c1add37] .ProseMirror {
8528
+ [data-v-ed1db543] .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-6c1add37] .ProseMirror:focus {
8541
+ [data-v-ed1db543] .ProseMirror:focus {
8542
8542
  outline: none;
8543
8543
  }
8544
- [data-v-6c1add37] .ProseMirror * {
8544
+ [data-v-ed1db543] .ProseMirror * {
8545
8545
  text-align: left !important;
8546
8546
  font-size: 16px !important;
8547
8547
  color: #606060 !important;
@@ -8550,25 +8550,25 @@ body {
8550
8550
  background-color: transparent !important;
8551
8551
  font-family: 'Lato' !important;
8552
8552
  }
8553
- [data-v-6c1add37] .ProseMirror a,[data-v-6c1add37] .ProseMirror a * {
8553
+ [data-v-ed1db543] .ProseMirror a,[data-v-ed1db543] .ProseMirror a * {
8554
8554
  color: #0097d7 !important;
8555
8555
  text-decoration: underline !important;
8556
8556
  }
8557
- .error-message[data-v-6c1add37] {
8557
+ .error-message[data-v-ed1db543] {
8558
8558
  color: #d32f2f;
8559
8559
  font-size: 0.875rem;
8560
8560
  margin-top: 4px;
8561
8561
  }
8562
- .popup-container[data-v-6c1add37] {
8562
+ .popup-container[data-v-ed1db543] {
8563
8563
  position: absolute;
8564
8564
  z-index: 10;
8565
8565
  right: 8%;
8566
8566
  }
8567
- .hyperlink-preview[data-v-6c1add37] {
8567
+ .hyperlink-preview[data-v-ed1db543] {
8568
8568
  position: absolute;
8569
8569
  z-index: 10;
8570
8570
  }
8571
- .popup-panel[data-v-6c1add37] {
8571
+ .popup-panel[data-v-ed1db543] {
8572
8572
  background: #fff;
8573
8573
  border: 1px solid #ccc;
8574
8574
  border-radius: 8px;
@@ -8576,17 +8576,17 @@ body {
8576
8576
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8577
8577
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8578
8578
  }
8579
- .popup-panel[data-v-6c1add37] input {
8579
+ .popup-panel[data-v-ed1db543] input {
8580
8580
  border: 1px solid #ccc;
8581
8581
  border-radius: 8px;
8582
8582
  }
8583
- .border[data-v-6c1add37] {
8583
+ .border[data-v-ed1db543] {
8584
8584
  width: 100%;
8585
8585
  --tw-bg-opacity: 1;
8586
8586
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8587
8587
  height: 1px;
8588
8588
  }
8589
- [data-v-6c1add37] .text-dropdown-title {
8589
+ [data-v-ed1db543] .text-dropdown-title {
8590
8590
  height: 2rem;
8591
8591
  width: 100%;
8592
8592
  font-size: 0.875rem;
@@ -8595,7 +8595,7 @@ body {
8595
8595
  color: rgb(43 43 43 / var(--tw-text-opacity));
8596
8596
  font-weight: 300;
8597
8597
  }
8598
- [data-v-6c1add37] .ProseMirror p.is-editor-empty:first-child::before {
8598
+ [data-v-ed1db543] .ProseMirror p.is-editor-empty:first-child::before {
8599
8599
  --tw-text-opacity: 1;
8600
8600
  color: rgb(208 208 208 / var(--tw-text-opacity));
8601
8601
  content: attr(data-placeholder);
@@ -8604,56 +8604,56 @@ body {
8604
8604
  pointer-events: none;
8605
8605
  }
8606
8606
  @media (max-width: 399px) {
8607
- .style-editor-button-font[data-v-6c1add37],
8608
- .style-editor-button-textstyle[data-v-6c1add37] {
8607
+ .style-editor-button-font[data-v-ed1db543],
8608
+ .style-editor-button-textstyle[data-v-ed1db543] {
8609
8609
  max-width: 48%;
8610
8610
  padding-bottom: 0.25rem;
8611
8611
  }
8612
- .style-editor-button.stepper[data-v-6c1add37] {
8612
+ .style-editor-button.stepper[data-v-ed1db543] {
8613
8613
  max-width: 40%;
8614
8614
  }
8615
- .style-editor-button-stepper[data-v-6c1add37] {
8615
+ .style-editor-button-stepper[data-v-ed1db543] {
8616
8616
  max-width: 100%;
8617
8617
  }
8618
- .border.desktop[data-v-6c1add37] {
8618
+ .border.desktop[data-v-ed1db543] {
8619
8619
  display: none;
8620
8620
  }
8621
- .border.mobile[data-v-6c1add37] {
8621
+ .border.mobile[data-v-ed1db543] {
8622
8622
  display: block;
8623
8623
  }
8624
- [data-v-6c1add37] .left-align {
8624
+ [data-v-ed1db543] .left-align {
8625
8625
  -webkit-transform: translateX(-50%);
8626
8626
  transform: translateX(-50%);
8627
8627
  }
8628
- .hyperlink-popup[data-v-6c1add37] {
8628
+ .hyperlink-popup[data-v-ed1db543] {
8629
8629
  z-index: 9999;
8630
8630
  }
8631
8631
  }
8632
8632
  @media (min-width: 400px) {
8633
- .style-editor-button.stepper[data-v-6c1add37] {
8633
+ .style-editor-button.stepper[data-v-ed1db543] {
8634
8634
  max-width: 32%;
8635
8635
  }
8636
- .style-editor-button-font[data-v-6c1add37] {
8636
+ .style-editor-button-font[data-v-ed1db543] {
8637
8637
  max-width: 28%;
8638
8638
  }
8639
- .style-editor-button-stepper[data-v-6c1add37] {
8639
+ .style-editor-button-stepper[data-v-ed1db543] {
8640
8640
  max-width: 100%;
8641
8641
  }
8642
- .style-editor-button-textstyle[data-v-6c1add37] {
8642
+ .style-editor-button-textstyle[data-v-ed1db543] {
8643
8643
  max-width: 25%;
8644
8644
  }
8645
- .border.desktop[data-v-6c1add37] {
8645
+ .border.desktop[data-v-ed1db543] {
8646
8646
  display: block;
8647
8647
  }
8648
- .border.mobile[data-v-6c1add37] {
8648
+ .border.mobile[data-v-ed1db543] {
8649
8649
  display: none;
8650
8650
  }
8651
- [data-v-6c1add37] .left-align {
8651
+ [data-v-ed1db543] .left-align {
8652
8652
  -webkit-transform: translateX(-25%);
8653
8653
  transform: translateX(-25%);
8654
8654
  }
8655
8655
  }
8656
- .drop-down-item[data-v-6c1add37]:hover {
8656
+ .drop-down-item[data-v-ed1db543]:hover {
8657
8657
  background-color: #eee;
8658
8658
  }
8659
8659
 
@@ -8163,11 +8163,11 @@ body {
8163
8163
  min-width: 33.333333%
8164
8164
  }
8165
8165
 
8166
- .rich-text-editor[data-v-6c1add37]:focus-within {
8166
+ .rich-text-editor[data-v-ed1db543]: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-6c1add37] {
8170
+ .style-editor[data-v-ed1db543] {
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-6c1add37] button:not(.c-button-style) {
8181
+ .style-editor[data-v-ed1db543] 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-6c1add37] {
8191
+ .style-editor-button[data-v-ed1db543] {
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-6c1add37] {
8196
+ .toolbar-editor-button.active[data-v-ed1db543] {
8197
8197
  font-weight: 700;
8198
8198
  background: #e3e3e3;
8199
8199
  }
8200
- .toolbar-editor-button[data-v-6c1add37] {
8200
+ .toolbar-editor-button[data-v-ed1db543] {
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-6c1add37] .ProseMirror {
8218
+ [data-v-ed1db543] .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-6c1add37] .ProseMirror:focus {
8231
+ [data-v-ed1db543] .ProseMirror:focus {
8232
8232
  outline: none;
8233
8233
  }
8234
- [data-v-6c1add37] .ProseMirror * {
8234
+ [data-v-ed1db543] .ProseMirror * {
8235
8235
  text-align: left !important;
8236
8236
  font-size: 16px !important;
8237
8237
  color: #606060 !important;
@@ -8240,25 +8240,25 @@ body {
8240
8240
  background-color: transparent !important;
8241
8241
  font-family: 'Lato' !important;
8242
8242
  }
8243
- [data-v-6c1add37] .ProseMirror a,[data-v-6c1add37] .ProseMirror a * {
8243
+ [data-v-ed1db543] .ProseMirror a,[data-v-ed1db543] .ProseMirror a * {
8244
8244
  color: #0097d7 !important;
8245
8245
  text-decoration: underline !important;
8246
8246
  }
8247
- .error-message[data-v-6c1add37] {
8247
+ .error-message[data-v-ed1db543] {
8248
8248
  color: #d32f2f;
8249
8249
  font-size: 0.875rem;
8250
8250
  margin-top: 4px;
8251
8251
  }
8252
- .popup-container[data-v-6c1add37] {
8252
+ .popup-container[data-v-ed1db543] {
8253
8253
  position: absolute;
8254
8254
  z-index: 10;
8255
8255
  right: 8%;
8256
8256
  }
8257
- .hyperlink-preview[data-v-6c1add37] {
8257
+ .hyperlink-preview[data-v-ed1db543] {
8258
8258
  position: absolute;
8259
8259
  z-index: 10;
8260
8260
  }
8261
- .popup-panel[data-v-6c1add37] {
8261
+ .popup-panel[data-v-ed1db543] {
8262
8262
  background: #fff;
8263
8263
  border: 1px solid #ccc;
8264
8264
  border-radius: 8px;
@@ -8266,17 +8266,17 @@ body {
8266
8266
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8267
8267
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8268
8268
  }
8269
- .popup-panel[data-v-6c1add37] input {
8269
+ .popup-panel[data-v-ed1db543] input {
8270
8270
  border: 1px solid #ccc;
8271
8271
  border-radius: 8px;
8272
8272
  }
8273
- .border[data-v-6c1add37] {
8273
+ .border[data-v-ed1db543] {
8274
8274
  width: 100%;
8275
8275
  --tw-bg-opacity: 1;
8276
8276
  background-color: rgb(209 209 209 / var(--tw-bg-opacity));
8277
8277
  height: 1px;
8278
8278
  }
8279
- [data-v-6c1add37] .text-dropdown-title {
8279
+ [data-v-ed1db543] .text-dropdown-title {
8280
8280
  height: 2rem;
8281
8281
  width: 100%;
8282
8282
  font-size: 0.875rem;
@@ -8285,7 +8285,7 @@ body {
8285
8285
  color: rgb(38 38 38 / var(--tw-text-opacity));
8286
8286
  font-weight: 300;
8287
8287
  }
8288
- [data-v-6c1add37] .ProseMirror p.is-editor-empty:first-child::before {
8288
+ [data-v-ed1db543] .ProseMirror p.is-editor-empty:first-child::before {
8289
8289
  --tw-text-opacity: 1;
8290
8290
  color: rgb(209 209 209 / var(--tw-text-opacity));
8291
8291
  content: attr(data-placeholder);
@@ -8294,56 +8294,56 @@ body {
8294
8294
  pointer-events: none;
8295
8295
  }
8296
8296
  @media (max-width: 399px) {
8297
- .style-editor-button-font[data-v-6c1add37],
8298
- .style-editor-button-textstyle[data-v-6c1add37] {
8297
+ .style-editor-button-font[data-v-ed1db543],
8298
+ .style-editor-button-textstyle[data-v-ed1db543] {
8299
8299
  max-width: 48%;
8300
8300
  padding-bottom: 0.25rem;
8301
8301
  }
8302
- .style-editor-button.stepper[data-v-6c1add37] {
8302
+ .style-editor-button.stepper[data-v-ed1db543] {
8303
8303
  max-width: 40%;
8304
8304
  }
8305
- .style-editor-button-stepper[data-v-6c1add37] {
8305
+ .style-editor-button-stepper[data-v-ed1db543] {
8306
8306
  max-width: 100%;
8307
8307
  }
8308
- .border.desktop[data-v-6c1add37] {
8308
+ .border.desktop[data-v-ed1db543] {
8309
8309
  display: none;
8310
8310
  }
8311
- .border.mobile[data-v-6c1add37] {
8311
+ .border.mobile[data-v-ed1db543] {
8312
8312
  display: block;
8313
8313
  }
8314
- [data-v-6c1add37] .left-align {
8314
+ [data-v-ed1db543] .left-align {
8315
8315
  -webkit-transform: translateX(-50%);
8316
8316
  transform: translateX(-50%);
8317
8317
  }
8318
- .hyperlink-popup[data-v-6c1add37] {
8318
+ .hyperlink-popup[data-v-ed1db543] {
8319
8319
  z-index: 9999;
8320
8320
  }
8321
8321
  }
8322
8322
  @media (min-width: 400px) {
8323
- .style-editor-button.stepper[data-v-6c1add37] {
8323
+ .style-editor-button.stepper[data-v-ed1db543] {
8324
8324
  max-width: 32%;
8325
8325
  }
8326
- .style-editor-button-font[data-v-6c1add37] {
8326
+ .style-editor-button-font[data-v-ed1db543] {
8327
8327
  max-width: 28%;
8328
8328
  }
8329
- .style-editor-button-stepper[data-v-6c1add37] {
8329
+ .style-editor-button-stepper[data-v-ed1db543] {
8330
8330
  max-width: 100%;
8331
8331
  }
8332
- .style-editor-button-textstyle[data-v-6c1add37] {
8332
+ .style-editor-button-textstyle[data-v-ed1db543] {
8333
8333
  max-width: 25%;
8334
8334
  }
8335
- .border.desktop[data-v-6c1add37] {
8335
+ .border.desktop[data-v-ed1db543] {
8336
8336
  display: block;
8337
8337
  }
8338
- .border.mobile[data-v-6c1add37] {
8338
+ .border.mobile[data-v-ed1db543] {
8339
8339
  display: none;
8340
8340
  }
8341
- [data-v-6c1add37] .left-align {
8341
+ [data-v-ed1db543] .left-align {
8342
8342
  -webkit-transform: translateX(-25%);
8343
8343
  transform: translateX(-25%);
8344
8344
  }
8345
8345
  }
8346
- .drop-down-item[data-v-6c1add37]:hover {
8346
+ .drop-down-item[data-v-ed1db543]:hover {
8347
8347
  background-color: #eee;
8348
8348
  }
8349
8349
 
@@ -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-6c1add37]:focus-within {
7908
+ .bp .rich-text-editor[data-v-ed1db543]: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-6c1add37] {
7912
+ .bp .style-editor[data-v-ed1db543] {
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-6c1add37] button:not(.c-button-style) {
7923
+ .bp .style-editor[data-v-ed1db543] 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-6c1add37] {
7933
+ .bp .style-editor-button[data-v-ed1db543] {
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-6c1add37] {
7938
+ .bp .toolbar-editor-button.active[data-v-ed1db543] {
7939
7939
  font-weight: 700;
7940
7940
  background: #e3e3e3;
7941
7941
  }
7942
- .bp .toolbar-editor-button[data-v-6c1add37] {
7942
+ .bp .toolbar-editor-button[data-v-ed1db543] {
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-6c1add37] .ProseMirror {
7960
+ [data-v-ed1db543] .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-6c1add37] .ProseMirror:focus {
7973
+ [data-v-ed1db543] .ProseMirror:focus {
7974
7974
  outline: none;
7975
7975
  }
7976
- [data-v-6c1add37] .ProseMirror * {
7976
+ [data-v-ed1db543] .ProseMirror * {
7977
7977
  text-align: left !important;
7978
7978
  font-size: 16px !important;
7979
7979
  color: #606060 !important;
@@ -7982,25 +7982,25 @@ 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-6c1add37] .ProseMirror a,[data-v-6c1add37] .ProseMirror a * {
7985
+ [data-v-ed1db543] .ProseMirror a,[data-v-ed1db543] .ProseMirror a * {
7986
7986
  color: #0097d7 !important;
7987
7987
  text-decoration: underline !important;
7988
7988
  }
7989
- .bp .error-message[data-v-6c1add37] {
7989
+ .bp .error-message[data-v-ed1db543] {
7990
7990
  color: #d32f2f;
7991
7991
  font-size: 0.875rem;
7992
7992
  margin-top: 4px;
7993
7993
  }
7994
- .bp .popup-container[data-v-6c1add37] {
7994
+ .bp .popup-container[data-v-ed1db543] {
7995
7995
  position: absolute;
7996
7996
  z-index: 10;
7997
7997
  right: 8%;
7998
7998
  }
7999
- .bp .hyperlink-preview[data-v-6c1add37] {
7999
+ .bp .hyperlink-preview[data-v-ed1db543] {
8000
8000
  position: absolute;
8001
8001
  z-index: 10;
8002
8002
  }
8003
- .bp .popup-panel[data-v-6c1add37] {
8003
+ .bp .popup-panel[data-v-ed1db543] {
8004
8004
  background: #fff;
8005
8005
  border: 1px solid #ccc;
8006
8006
  border-radius: 8px;
@@ -8008,17 +8008,17 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
8008
8008
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8009
8009
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
8010
8010
  }
8011
- .bp .popup-panel[data-v-6c1add37] input {
8011
+ .bp .popup-panel[data-v-ed1db543] input {
8012
8012
  border: 1px solid #ccc;
8013
8013
  border-radius: 8px;
8014
8014
  }
8015
- .bp .border[data-v-6c1add37] {
8015
+ .bp .border[data-v-ed1db543] {
8016
8016
  width: 100%;
8017
8017
  --tw-bg-opacity: 1;
8018
8018
  background-color: rgb(208 208 208 / var(--tw-bg-opacity));
8019
8019
  height: 1px;
8020
8020
  }
8021
- [data-v-6c1add37] .text-dropdown-title {
8021
+ [data-v-ed1db543] .text-dropdown-title {
8022
8022
  height: 2rem;
8023
8023
  width: 100%;
8024
8024
  font-size: 0.875rem;
@@ -8027,7 +8027,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
8027
8027
  color: rgb(43 43 43 / var(--tw-text-opacity));
8028
8028
  font-weight: 300;
8029
8029
  }
8030
- [data-v-6c1add37] .ProseMirror p.is-editor-empty:first-child::before {
8030
+ [data-v-ed1db543] .ProseMirror p.is-editor-empty:first-child::before {
8031
8031
  --tw-text-opacity: 1;
8032
8032
  color: rgb(208 208 208 / var(--tw-text-opacity));
8033
8033
  content: attr(data-placeholder);
@@ -8036,56 +8036,56 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
8036
8036
  pointer-events: none;
8037
8037
  }
8038
8038
  @media (max-width: 399px) {
8039
- .bp .style-editor-button-font[data-v-6c1add37],
8040
- .bp .style-editor-button-textstyle[data-v-6c1add37] {
8039
+ .bp .style-editor-button-font[data-v-ed1db543],
8040
+ .bp .style-editor-button-textstyle[data-v-ed1db543] {
8041
8041
  max-width: 48%;
8042
8042
  padding-bottom: 0.25rem;
8043
8043
  }
8044
- .bp .style-editor-button.stepper[data-v-6c1add37] {
8044
+ .bp .style-editor-button.stepper[data-v-ed1db543] {
8045
8045
  max-width: 40%;
8046
8046
  }
8047
- .bp .style-editor-button-stepper[data-v-6c1add37] {
8047
+ .bp .style-editor-button-stepper[data-v-ed1db543] {
8048
8048
  max-width: 100%;
8049
8049
  }
8050
- .bp .border.desktop[data-v-6c1add37] {
8050
+ .bp .border.desktop[data-v-ed1db543] {
8051
8051
  display: none;
8052
8052
  }
8053
- .bp .border.mobile[data-v-6c1add37] {
8053
+ .bp .border.mobile[data-v-ed1db543] {
8054
8054
  display: block;
8055
8055
  }
8056
- [data-v-6c1add37] .left-align {
8056
+ [data-v-ed1db543] .left-align {
8057
8057
  -webkit-transform: translateX(-50%);
8058
8058
  transform: translateX(-50%);
8059
8059
  }
8060
- .bp .hyperlink-popup[data-v-6c1add37] {
8060
+ .bp .hyperlink-popup[data-v-ed1db543] {
8061
8061
  z-index: 9999;
8062
8062
  }
8063
8063
  }
8064
8064
  @media (min-width: 400px) {
8065
- .bp .style-editor-button.stepper[data-v-6c1add37] {
8065
+ .bp .style-editor-button.stepper[data-v-ed1db543] {
8066
8066
  max-width: 32%;
8067
8067
  }
8068
- .bp .style-editor-button-font[data-v-6c1add37] {
8068
+ .bp .style-editor-button-font[data-v-ed1db543] {
8069
8069
  max-width: 28%;
8070
8070
  }
8071
- .bp .style-editor-button-stepper[data-v-6c1add37] {
8071
+ .bp .style-editor-button-stepper[data-v-ed1db543] {
8072
8072
  max-width: 100%;
8073
8073
  }
8074
- .bp .style-editor-button-textstyle[data-v-6c1add37] {
8074
+ .bp .style-editor-button-textstyle[data-v-ed1db543] {
8075
8075
  max-width: 25%;
8076
8076
  }
8077
- .bp .border.desktop[data-v-6c1add37] {
8077
+ .bp .border.desktop[data-v-ed1db543] {
8078
8078
  display: block;
8079
8079
  }
8080
- .bp .border.mobile[data-v-6c1add37] {
8080
+ .bp .border.mobile[data-v-ed1db543] {
8081
8081
  display: none;
8082
8082
  }
8083
- [data-v-6c1add37] .left-align {
8083
+ [data-v-ed1db543] .left-align {
8084
8084
  -webkit-transform: translateX(-25%);
8085
8085
  transform: translateX(-25%);
8086
8086
  }
8087
8087
  }
8088
- .bp .drop-down-item[data-v-6c1add37]:hover {
8088
+ .bp .drop-down-item[data-v-ed1db543]:hover {
8089
8089
  background-color: #eee;
8090
8090
  }
8091
8091
 
package/lib/src/index.mjs CHANGED
@@ -37912,7 +37912,8 @@ const MH = /brand-page\/([^?]*)/, sf1 = /logo\/([^\/]*)\//, kH = /(http|https):\
37912
37912
  WEBSITE_MAKER_TEMPLATE_SELECT: "website_maker_template_select",
37913
37913
  WEBSITE_MAKER_TEMPLATE_CATEGORY_SELECT: "website_maker_template_category_select",
37914
37914
  WEBSITE_SIDEBAR_TAB_CLICKED: "website_sidebar_tab_clicked",
37915
- WEBSITE_MAKER_HYPERLINK_ADD: "website_maker_hyperlink_add"
37915
+ WEBSITE_MAKER_HYPERLINK_ADD: "website_maker_hyperlink_add",
37916
+ WEBSITE_MAKER_HYPERLINK_REMOVE: "website_maker_hyperlink_remove"
37916
37917
  }, Ks = {
37917
37918
  MAKER_PREVIEW: "maker_preview",
37918
37919
  SIDEBAR: "sidebar"
@@ -85425,7 +85426,8 @@ const SE = /* @__PURE__ */ v(j3e, [["render", K3e]]), Y3e = {
85425
85426
  styles: { default: () => ({}) },
85426
85427
  rawId: { default: "" },
85427
85428
  textItemIndex: {},
85428
- item: {}
85429
+ item: {},
85430
+ contentType: {}
85429
85431
  }, {
85430
85432
  modelValue: {},
85431
85433
  modelModifiers: {}
@@ -85685,17 +85687,17 @@ const SE = /* @__PURE__ */ v(j3e, [["render", K3e]]), Y3e = {
85685
85687
  eventName: m2.WEBSITE_MAKER_HYPERLINK_ADD,
85686
85688
  eventProps: {
85687
85689
  link_type: P1.value === A2.page ? "internal_link" : "external_link",
85688
- content_type: i.name,
85690
+ content_type: i.contentType,
85689
85691
  template_type: a.brandPageType
85690
85692
  }
85691
85693
  })) : G.value = !1;
85692
85694
  }, Et = () => {
85693
85695
  const w1 = P1.value === A2.page ? "internal_link" : "external_link";
85694
85696
  b.sendWebsiteEvent({
85695
- eventName: m2.WEBSITE_MAKER_HYPERLINK_ADD,
85697
+ eventName: m2.WEBSITE_MAKER_HYPERLINK_REMOVE,
85696
85698
  eventProps: {
85697
85699
  link_type: w1,
85698
- content_type: i.name,
85700
+ content_type: i.contentType,
85699
85701
  template_type: a.brandPageType
85700
85702
  }
85701
85703
  }), f1("remove");
@@ -86099,7 +86101,7 @@ const SE = /* @__PURE__ */ v(j3e, [["render", K3e]]), Y3e = {
86099
86101
  ], 64);
86100
86102
  };
86101
86103
  }
86102
- }), _E = /* @__PURE__ */ v(b6e, [["__scopeId", "data-v-6c1add37"]]), v6e = {
86104
+ }), _E = /* @__PURE__ */ v(b6e, [["__scopeId", "data-v-ed1db543"]]), v6e = {
86103
86105
  components: {
86104
86106
  RichTextEditor: _E
86105
86107
  },
@@ -86133,9 +86135,10 @@ function M6e(e, t, n, i, r, o) {
86133
86135
  name: e.name,
86134
86136
  styles: e.styles,
86135
86137
  "raw-id": e.id,
86138
+ "content-type": e.contentType,
86136
86139
  onFocus: e.onFocus,
86137
86140
  onBlur: e.onBlur
86138
- }, null, 8, ["id", "modelValue", "attrs", "label", "placeholder", "read-only", "max-length", "name", "styles", "raw-id", "onFocus", "onBlur"])) : (C(), P(a, {
86141
+ }, null, 8, ["id", "modelValue", "attrs", "label", "placeholder", "read-only", "max-length", "name", "styles", "raw-id", "content-type", "onFocus", "onBlur"])) : (C(), P(a, {
86139
86142
  key: 1,
86140
86143
  id: `${e.id}-${e.name}`,
86141
86144
  modelValue: e.text,
@@ -86212,9 +86215,10 @@ function L6e(e, t, n, i, r, o) {
86212
86215
  "raw-id": e.id,
86213
86216
  "text-item-index": e.index,
86214
86217
  item: e.item,
86218
+ "content-type": e.contentType,
86215
86219
  onFocus: e.onFocus,
86216
86220
  onBlur: e.onBlur
86217
- }, null, 8, ["id", "modelValue", "attrs", "label", "placeholder", "read-only", "max-length", "name", "styles", "raw-id", "text-item-index", "item", "onFocus", "onBlur"])) : (C(), P(a, {
86221
+ }, null, 8, ["id", "modelValue", "attrs", "label", "placeholder", "read-only", "max-length", "name", "styles", "raw-id", "text-item-index", "item", "content-type", "onFocus", "onBlur"])) : (C(), P(a, {
86218
86222
  key: 1,
86219
86223
  id: `${e.id}-${e.name}`,
86220
86224
  modelValue: e.text,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@designcrowd/library.brand-page",
3
3
  "description": "A collection of Maker/Designer applications",
4
- "version": "5.11.5-ast-mp-hyperlink",
4
+ "version": "5.11.5-ast-mp-hyperlink-2",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
@@ -529,6 +529,7 @@ const props = withDefaults(
529
529
  rawId: string;
530
530
  textItemIndex: number;
531
531
  item: TextItem;
532
+ contentType: string;
532
533
  }>(),
533
534
  {
534
535
  id: '',
@@ -987,7 +988,7 @@ const applyHyperlink = () => {
987
988
  selectedLinkType.value === HYPERLINK_TYPE.page
988
989
  ? 'internal_link'
989
990
  : 'external_link',
990
- content_type: props.name,
991
+ content_type: props.contentType,
991
992
  template_type: brandPageMakerStore.brandPageType,
992
993
  },
993
994
  });
@@ -1003,10 +1004,10 @@ const removeHyperlink = () => {
1003
1004
  : 'external_link';
1004
1005
 
1005
1006
  eventTracker.sendWebsiteEvent({
1006
- eventName: EVENTS.WEBSITE_MAKER_HYPERLINK_ADD,
1007
+ eventName: EVENTS.WEBSITE_MAKER_HYPERLINK_REMOVE,
1007
1008
  eventProps: {
1008
1009
  link_type: type,
1009
- content_type: props.name,
1010
+ content_type: props.contentType,
1010
1011
  template_type: brandPageMakerStore.brandPageType,
1011
1012
  },
1012
1013
  });
@@ -13,6 +13,7 @@
13
13
  :name="name"
14
14
  :styles="styles"
15
15
  :raw-id="id"
16
+ :content-type="contentType"
16
17
  @focus="onFocus"
17
18
  @blur="onBlur"
18
19
  />
@@ -18,6 +18,7 @@
18
18
  :raw-id="id"
19
19
  :text-item-index="index"
20
20
  :item="item"
21
+ :content-type="contentType"
21
22
  @focus="onFocus"
22
23
  @blur="onBlur"
23
24
  />