@designcrowd/library.brand-page 5.17.27 → 5.17.28-ast-padding

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 (92) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-DjrwAblu.js → CreatedOnBrandCrowd-de-de-BKiqBMgr.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-Clib9Fmn.js → CreatedOnBrandCrowd-en-us-BE9ztLEZ.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-FAUHtPC2.js → CreatedOnBrandCrowd-es-es-isBp-_KV.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-I1bem2U3.js → CreatedOnBrandCrowd-fr-ca-BHkyP1Ym.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-I1bem2U3.js → CreatedOnBrandCrowd-fr-fr-BHkyP1Ym.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-B4-cqGVL.js → CreatedOnBrandCrowd-pt-br-D4EXIp5p.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-B4-cqGVL.js → CreatedOnBrandCrowd-pt-pt-D4EXIp5p.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DCiTSoZu.js → CreatedOnDcom-de-de-DCyTITAn.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-CBwxJf3p.js → CreatedOnDcom-en-us-Bwr-eCqH.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-CuWpM6Ui.js → CreatedOnDcom-es-es-DBMJ7xE-.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-BPW1Q-90.js → CreatedOnDcom-fr-ca-itsxeehe.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-COX-ZI7v.js → CreatedOnDcom-fr-fr-B8CIK3Dc.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-N6E3uYhE.js → CreatedOnDcom-pt-br-mV_AMZNj.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-BUBb5xjA.js → CreatedOnDcom-pt-pt-mwvCkhOd.js} +1 -1
  15. package/lib/src/brand-page/components/background-shape/BackgroundShape.mixin.js +6 -0
  16. package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.d.ts +4 -0
  17. package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.js +4 -0
  18. package/lib/src/brand-page/components/mailing-list/MailingList.mixin.d.ts +4 -0
  19. package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js +4 -1
  20. package/lib/src/brand-page/components/media/Shape.mixin.js +6 -0
  21. package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.d.ts +4 -0
  22. package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.js +4 -0
  23. package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.d.ts +4 -0
  24. package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.js +4 -1
  25. package/lib/src/brand-page/components/video/Video.mixin.d.ts +4 -0
  26. package/lib/src/brand-page/components/video/Video.mixin.js +4 -0
  27. package/lib/src/brand-page/models/content.model.d.ts +2 -0
  28. package/lib/src/brand-page/utils/content-padding.util.d.ts +13 -0
  29. package/lib/src/brand-page/utils/content-padding.util.js +10 -0
  30. package/lib/src/brand-page/utils/index.d.ts +1 -0
  31. package/lib/src/brand-page/utils/index.js +1 -0
  32. package/lib/src/brand-page/utils/migration/migration-16.d.ts +2 -0
  33. package/lib/src/brand-page/utils/migration/migration-16.js +32 -0
  34. package/lib/src/brand-page/utils/migration.util.js +6 -0
  35. package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts +2 -0
  36. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +12 -0
  37. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +14 -0
  38. package/lib/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.js +6 -8
  39. package/lib/src/brand-page-maker/constants/config-settings-constant.js +33 -0
  40. package/lib/src/brand-page-maker/models/content-settings.js +22 -0
  41. package/lib/src/{bundled-translations-CNK7l6_v.js → bundled-translations-D4Pw0u0B.js} +1 -1
  42. package/lib/src/bundles/bundled-translations.json +2 -0
  43. package/lib/src/css/library.brand-page-brandCrowd.min.css +115 -137
  44. package/lib/src/css/library.brand-page-brandPage.min.css +115 -137
  45. package/lib/src/css/library.brand-page-designCom.min.css +115 -137
  46. package/lib/src/css/library.brand-page-preview.min.css +115 -137
  47. package/lib/src/index.mjs +1 -1
  48. package/lib/src/{lib-CsTVlu2a.js → lib-ro9XYcgh.js} +19405 -19281
  49. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +14 -0
  50. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +14 -0
  51. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +12 -0
  52. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +12 -0
  53. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +12 -0
  54. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +12 -0
  55. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +16 -0
  56. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +14 -0
  57. package/lib/src/utils/minify-brand-page-metadata.js +11 -1
  58. package/package.json +1 -1
  59. package/src/brand-page/components/background-shape/BackgroundShape.mixin.ts +6 -0
  60. package/src/brand-page/components/background-shape/BackgroundShape.vue +12 -9
  61. package/src/brand-page/components/booking-section/BookingSection.vue +11 -3
  62. package/src/brand-page/components/contact-form/ContactForm.vue +13 -13
  63. package/src/brand-page/components/image-gallery/ImageGallery.mixin.ts +5 -0
  64. package/src/brand-page/components/image-gallery/ImageGallery.vue +1 -1
  65. package/src/brand-page/components/mailing-list/MailingList.mixin.ts +8 -1
  66. package/src/brand-page/components/mailing-list/MailingList.vue +1 -1
  67. package/src/brand-page/components/map/Map.vue +5 -1
  68. package/src/brand-page/components/media/Shape.mixin.ts +6 -0
  69. package/src/brand-page/components/media/Shape.vue +2 -4
  70. package/src/brand-page/components/page/Page.vue +27 -5
  71. package/src/brand-page/components/payment/request-payment/RequestPayment.mixin.ts +5 -0
  72. package/src/brand-page/components/payment/request-payment/RequestPayment.vue +1 -0
  73. package/src/brand-page/components/payment/support-me/SupportMe.mixin.ts +8 -1
  74. package/src/brand-page/components/payment/support-me/SupportMe.vue +1 -0
  75. package/src/brand-page/components/placeholder/Placeholder.vue +39 -100
  76. package/src/brand-page/components/social-links/SocialLinks.vue +7 -3
  77. package/src/brand-page/components/text/Text.vue +12 -5
  78. package/src/brand-page/components/text-media-section/TextMediaSection.vue +11 -3
  79. package/src/brand-page/components/video/Video.mixin.ts +5 -0
  80. package/src/brand-page/components/video/Video.vue +1 -1
  81. package/src/brand-page/models/content.model.ts +2 -0
  82. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +7 -3
  83. package/src/brand-page/utils/content-padding.util.ts +13 -0
  84. package/src/brand-page/utils/index.ts +1 -0
  85. package/src/brand-page/utils/migration/migration-16.ts +42 -0
  86. package/src/brand-page/utils/migration.util.ts +7 -0
  87. package/src/brand-page-maker/composables/rich-text-editor/useRichTextEditor.ts +10 -8
  88. package/src/brand-page-maker/constants/config-settings-constant.ts +39 -0
  89. package/src/brand-page-maker/models/content-settings.ts +22 -0
  90. package/src/bundles/bundled-translations.json +2 -0
  91. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +2 -0
  92. package/src/utils/minify-brand-page-metadata.ts +11 -1
@@ -5271,20 +5271,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5271
5271
  flex-shrink: 0;
5272
5272
  }
5273
5273
 
5274
- .bp .c-shape-background[data-v-c7dfe9d2] {
5275
- -webkit-transform: translate3d(0, 0, 0);
5276
- transform: translate3d(0, 0, 0);
5277
- position: fixed;
5274
+ .bp .c-shape-background[data-v-51358a1a] {
5275
+ position: absolute;
5278
5276
  top: 0;
5279
5277
  left: 0;
5280
5278
  width: 100%;
5281
- height: 100vh;
5282
- }
5283
- .bp .template-preview .c-shape-background[data-v-c7dfe9d2],
5284
- .bp .device-wrapper .c-shape-background[data-v-c7dfe9d2] {
5285
5279
  height: 100%;
5286
5280
  }
5287
- .bp .c-shape[data-v-c7dfe9d2] {
5281
+ .bp .c-shape[data-v-51358a1a] {
5288
5282
  fill: currentColor;
5289
5283
  }
5290
5284
 
@@ -5301,80 +5295,49 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5301
5295
  height: 2rem;
5302
5296
  }
5303
5297
 
5304
- .bp .c-shape[data-v-c999aec0] {
5298
+ .bp .c-shape[data-v-11f3a516] {
5305
5299
  fill: currentColor;
5306
5300
  }
5307
5301
 
5308
- .bp .c-placeholder[data-v-51d8de03] {
5302
+ .bp .c-placeholder[data-v-6ed918ee] {
5309
5303
  background-color: #fff;
5310
5304
  display: block;
5311
5305
  }
5312
- .bp .c-placeholder__content[data-v-51d8de03] {
5306
+
5307
+ /*
5308
+ * Provide a positioning context for the absolute SVG icon — but only when the
5309
+ * caller hasn't already positioned the placeholder itself. Some callers pass
5310
+ * `tw-absolute` (e.g. the big-image banner uses it to fill the banner as a
5311
+ * background); a blanket `position: relative` here would out-specify that
5312
+ * utility and break the layout. An already-positioned placeholder is its own
5313
+ * containing block, so the SVG fills it either way.
5314
+ */
5315
+ .bp .c-placeholder[data-v-6ed918ee]:not(.tw-absolute):not(.tw-fixed) {
5313
5316
  position: relative;
5314
- display: block;
5315
5317
  }
5316
- .bp .c-placeholder__content[data-v-51d8de03]::after {
5317
- --size: 1px;
5318
- --n-size: -1px;
5319
- --border: calc(var(--n-size) * 2 + var(--height) / 2);
5320
- --border-left: calc(var(--n-size) * 2 + var(--width) / 2);
5321
- --tw-border-opacity: 0.5;
5322
- position: absolute;
5323
- top: calc(var(--size) * 2);
5324
- left: var(--size);
5325
- content: ' ';
5326
- border-top: var(--border) solid transparent;
5327
- border-bottom: var(--border) solid transparent;
5328
- border-left: var(--border-left) solid
5329
- rgb(208 208 208 / var(--tw-border-opacity));
5330
- }
5331
- .bp .c-placeholder__content[data-v-51d8de03]::before {
5332
- --size: 1px;
5333
- --n-size: -1px;
5334
- --border: calc(var(--n-size) * 2 + var(--height) / 2);
5335
- --border-right: calc(var(--n-size) * 2 + var(--width) / 2);
5336
- --tw-border-opacity: 0.5;
5337
- position: absolute;
5338
- top: calc(var(--size) * 2);
5339
- right: var(--size);
5340
- content: ' ';
5341
- border-top: var(--border) solid transparent;
5342
- border-bottom: var(--border) solid transparent;
5343
- border-right: var(--border-right) solid
5344
- rgb(208 208 208 / var(--tw-border-opacity));
5345
- }
5346
- .bp .c-placeholder[data-v-51d8de03]::after {
5347
- --size: 1px;
5348
- --n-size: -1px;
5349
- --border: calc(var(--n-size) * 2 + var(--width) / 2);
5350
- --border-right: calc(var(--n-size) * 2 + var(--height) / 2);
5351
- --tw-border-opacity: 0.5;
5352
- position: absolute;
5353
- left: calc(var(--size) * 2);
5354
- top: var(--size);
5355
- content: ' ';
5356
- border-left: var(--border) solid transparent;
5357
- border-right: var(--border) solid transparent;
5358
- border-top: var(--border-right) solid
5359
- rgb(208 208 208 / var(--tw-border-opacity));
5360
- }
5361
- .bp .c-placeholder[data-v-51d8de03]::before {
5362
- --size: 1px;
5363
- --n-size: -1px;
5364
- --border: calc(var(--n-size) * 2 + var(--width) / 2);
5365
- --border-bottom: calc(var(--n-size) * 2 + var(--height) / 2);
5366
- --tw-border-opacity: 0.5;
5318
+
5319
+ /*
5320
+ * The X icon is drawn as an SVG with preserveAspectRatio="none" so the
5321
+ * diagonals always run corner-to-corner regardless of the box aspect ratio
5322
+ * (square thumbnails through full-width 2/1 banners). vector-effect keeps the
5323
+ * stroke an even width while the viewBox is stretched non-uniformly. The SVG
5324
+ * is absolutely positioned so it fills the box sized by min-height / the
5325
+ * caller's aspect-ratio class rather than driving the height itself.
5326
+ */
5327
+ .bp .c-placeholder__icon[data-v-6ed918ee] {
5367
5328
  position: absolute;
5368
- left: calc(var(--size) * 2);
5369
- bottom: var(--size);
5370
- content: ' ';
5371
- border-left: var(--border) solid transparent;
5372
- border-right: var(--border) solid transparent;
5373
- border-bottom: var(--border-bottom) solid
5374
- rgb(208 208 208 / var(--tw-border-opacity));
5329
+ inset: 0;
5330
+ display: block;
5331
+ width: 100%;
5332
+ height: 100%;
5375
5333
  }
5376
- .bp .c-placeholder__content[data-v-51d8de03] > [data-v-51d8de03] {
5377
- padding-bottom: 0.5rem;
5334
+ .bp .c-placeholder__fill[data-v-6ed918ee] {
5335
+ fill: rgb(208 208 208 / 0.5);
5336
+ }
5337
+ .bp .c-placeholder__icon line[data-v-6ed918ee] {
5338
+ stroke: #fff;
5339
+ stroke-width: 2;
5340
+ vector-effect: non-scaling-stroke;
5378
5341
  }
5379
5342
 
5380
5343
  .bp .c-image {
@@ -5512,7 +5475,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5512
5475
  --logo-spacing: 0.75rem;
5513
5476
  }
5514
5477
 
5515
- .bp .form-error[data-v-62c5e44b] {
5478
+ .bp .form-error[data-v-fc0a55a9] {
5516
5479
  font-size: 0.875rem;
5517
5480
  line-height: 1.25rem;
5518
5481
  color: #f21b3f
@@ -5523,14 +5486,14 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5523
5486
  height: 100%;
5524
5487
  }
5525
5488
 
5526
- .bp .c-map[data-v-1bb10416] {
5489
+ .bp .c-map[data-v-9f1160e6] {
5527
5490
  margin-bottom: 2.5rem;
5528
5491
  max-width: 100%;
5529
5492
  }
5530
- .bp .c-map--brandsite[data-v-1bb10416] {
5493
+ .bp .c-map--brandsite[data-v-9f1160e6] {
5531
5494
  margin-top: 2.5rem;
5532
5495
  }
5533
- .bp .c-map__googlemap[data-v-1bb10416] {
5496
+ .bp .c-map__googlemap[data-v-9f1160e6] {
5534
5497
  aspect-ratio: 16 / 9;
5535
5498
  }
5536
5499
 
@@ -5583,13 +5546,13 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5583
5546
  overflow-wrap: break-word;
5584
5547
  }
5585
5548
 
5586
- .bp .c-text-container[data-v-f9a4ffd8] {
5549
+ .bp .c-text-container[data-v-41340eb9] {
5587
5550
  max-width: var(--brandsite-max-width);
5588
5551
  margin: 0 auto;
5589
5552
  padding-left: var(--page-padding);
5590
5553
  padding-right: var(--page-padding);
5591
5554
  }
5592
- .bp .device--mobile .grid-container[data-v-f9a4ffd8] {
5555
+ .bp .device--mobile .grid-container[data-v-41340eb9] {
5593
5556
  display: -webkit-box;
5594
5557
  display: -ms-flexbox;
5595
5558
  display: flex;
@@ -5599,7 +5562,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5599
5562
  flex-direction: column;
5600
5563
  }
5601
5564
  @media (max-width: 767px) {
5602
- .bp .grid-container[data-v-f9a4ffd8] {
5565
+ .bp .grid-container[data-v-41340eb9] {
5603
5566
  display: -webkit-box;
5604
5567
  display: -ms-flexbox;
5605
5568
  display: flex;
@@ -5610,7 +5573,7 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5610
5573
  }
5611
5574
  }
5612
5575
  @media (min-width: 767px) {
5613
- .bp .grid-container[data-v-f9a4ffd8] {
5576
+ .bp .grid-container[data-v-41340eb9] {
5614
5577
  display: grid;
5615
5578
  }
5616
5579
  }
@@ -5743,15 +5706,15 @@ input[data-v-4cd691db]::-webkit-inner-spin-button {
5743
5706
  max-height: 90vh
5744
5707
  }
5745
5708
 
5746
- .bp .c-image-gallery[data-v-5ed761de] {
5709
+ .bp .c-image-gallery[data-v-449be7b3] {
5747
5710
  --image-size: 8rem;
5748
5711
  --image-spacing: 0.75rem;
5749
5712
  }
5750
5713
  @media (max-width: 1500px) {
5751
- .bp .device-wrapper--desktop .c-carousel-width[data-v-5ed761de] {
5714
+ .bp .device-wrapper--desktop .c-carousel-width[data-v-449be7b3] {
5752
5715
  max-width: calc(59rem - (var(--page-padding) * 2));
5753
5716
  }
5754
- .bp .device-wrapper--desktop .c-carousel-full-width[data-v-5ed761de] {
5717
+ .bp .device-wrapper--desktop .c-carousel-full-width[data-v-449be7b3] {
5755
5718
  max-width: 59rem;
5756
5719
  }
5757
5720
  }
@@ -5815,7 +5778,7 @@ select[data-v-14e7c7c7] {
5815
5778
  padding: 4px;
5816
5779
  }
5817
5780
 
5818
- .bp .payment-option-prices[data-v-74073561] {
5781
+ .bp .payment-option-prices[data-v-88c49b68] {
5819
5782
  display: -webkit-box;
5820
5783
  display: -ms-flexbox;
5821
5784
  display: flex;
@@ -5826,7 +5789,7 @@ select[data-v-14e7c7c7] {
5826
5789
  -ms-flex-wrap: wrap;
5827
5790
  flex-wrap: wrap
5828
5791
  }
5829
- .bp .payment-option-prices-thumbnail[data-v-74073561] {
5792
+ .bp .payment-option-prices-thumbnail[data-v-88c49b68] {
5830
5793
  display: -webkit-box;
5831
5794
  display: -ms-flexbox;
5832
5795
  display: flex;
@@ -5837,15 +5800,15 @@ select[data-v-14e7c7c7] {
5837
5800
  gap: 0.5rem
5838
5801
  }
5839
5802
  @media (min-width: 768px) {
5840
- .bp .device--mobile .payment-options[data-v-74073561] {
5803
+ .bp .device--mobile .payment-options[data-v-88c49b68] {
5841
5804
  display: block
5842
5805
  }
5843
5806
  }
5844
- .bp .device--mobile .payment-option[data-v-74073561] {
5807
+ .bp .device--mobile .payment-option[data-v-88c49b68] {
5845
5808
  margin-top: 0.5rem;
5846
5809
  margin-bottom: 0.5rem
5847
5810
  }
5848
- .bp .payment-width[data-v-74073561] {
5811
+ .bp .payment-width[data-v-88c49b68] {
5849
5812
  margin: 0.375rem;
5850
5813
  -ms-flex-negative: 1;
5851
5814
  flex-shrink: 1;
@@ -5857,12 +5820,12 @@ select[data-v-14e7c7c7] {
5857
5820
  min-width: calc(16.666667% - 0.5rem)
5858
5821
  }
5859
5822
 
5860
- .bp .c-video[data-v-373a5743] {
5823
+ .bp .c-video[data-v-3dac5093] {
5861
5824
  --video-size: 8rem;
5862
5825
  --video-spacing: 0.75rem;
5863
5826
  margin-bottom: 1rem;
5864
5827
  }
5865
- .bp .c-video__frame[data-v-373a5743] {
5828
+ .bp .c-video__frame[data-v-3dac5093] {
5866
5829
  aspect-ratio: 16 / 9;
5867
5830
  border-radius: calc(var(--video-size) / 16);
5868
5831
  display: block;
@@ -5870,61 +5833,61 @@ select[data-v-14e7c7c7] {
5870
5833
  width: 100%;
5871
5834
  }
5872
5835
 
5873
- .bp .form-error[data-v-eed30d71] {
5836
+ .bp .form-error[data-v-e7de4db0] {
5874
5837
  font-size: 0.875rem;
5875
5838
  line-height: 1.25rem;
5876
5839
  color: #f21b3f;
5877
5840
  }
5878
- .bp .contact-container[data-v-eed30d71] {
5841
+ .bp .contact-container[data-v-e7de4db0] {
5879
5842
  max-width: var(--brandsite-max-width);
5880
5843
  margin: 0 auto;
5881
5844
  }
5882
- .bp .c-text-padding[data-v-eed30d71] {
5845
+ .bp .c-text-padding[data-v-e7de4db0] {
5883
5846
  padding-left: 1rem;
5884
5847
  padding-right: 1rem;
5885
5848
  }
5886
- .bp .device-wrapper--mobile .c-divided-container[data-v-eed30d71] {
5849
+ .bp .device-wrapper--mobile .c-divided-container[data-v-e7de4db0] {
5887
5850
  -webkit-box-orient: vertical;
5888
5851
  -webkit-box-direction: normal;
5889
5852
  -ms-flex-direction: column;
5890
5853
  flex-direction: column;
5891
5854
  }
5892
- .bp .device-wrapper--mobile .c-divided-container-reverse[data-v-eed30d71] {
5855
+ .bp .device-wrapper--mobile .c-divided-container-reverse[data-v-e7de4db0] {
5893
5856
  -webkit-box-orient: vertical;
5894
5857
  -webkit-box-direction: reverse;
5895
5858
  -ms-flex-direction: column-reverse;
5896
5859
  flex-direction: column-reverse;
5897
5860
  }
5898
5861
  @media (max-width: 767px) {
5899
- .bp .c-button-full-width[data-v-eed30d71] {
5862
+ .bp .c-button-full-width[data-v-e7de4db0] {
5900
5863
  grid-column: span 2 / span 2;
5901
5864
  width: 100%;
5902
5865
  }
5903
- .bp .c-button-full[data-v-eed30d71] {
5866
+ .bp .c-button-full[data-v-e7de4db0] {
5904
5867
  width: 100%;
5905
5868
  }
5906
- .bp .c-col-span-2[data-v-eed30d71] {
5869
+ .bp .c-col-span-2[data-v-e7de4db0] {
5907
5870
  grid-column: span 2 / span 2;
5908
5871
  }
5909
- .bp .c-mobile-padding[data-v-eed30d71] {
5872
+ .bp .c-mobile-padding[data-v-e7de4db0] {
5910
5873
  padding: 1rem;
5911
5874
  }
5912
- .bp .c-text-padding[data-v-eed30d71] {
5875
+ .bp .c-text-padding[data-v-e7de4db0] {
5913
5876
  grid-column: span 2 / span 2;
5914
5877
  padding-left: 0px;
5915
5878
  padding-right: 0px;
5916
5879
  }
5917
- .bp .c-py-6[data-v-eed30d71] {
5880
+ .bp .c-py-6[data-v-e7de4db0] {
5918
5881
  padding-top: 1.5rem;
5919
5882
  padding-bottom: 1.5rem;
5920
5883
  }
5921
- .bp .c-divided-container[data-v-eed30d71] {
5884
+ .bp .c-divided-container[data-v-e7de4db0] {
5922
5885
  -webkit-box-orient: vertical;
5923
5886
  -webkit-box-direction: normal;
5924
5887
  -ms-flex-direction: column;
5925
5888
  flex-direction: column;
5926
5889
  }
5927
- .bp .c-divided-container-reverse[data-v-eed30d71] {
5890
+ .bp .c-divided-container-reverse[data-v-e7de4db0] {
5928
5891
  -webkit-box-orient: vertical;
5929
5892
  -webkit-box-direction: reverse;
5930
5893
  -ms-flex-direction: column-reverse;
@@ -5932,16 +5895,16 @@ select[data-v-14e7c7c7] {
5932
5895
  }
5933
5896
  }
5934
5897
  @media (min-width: 767px) {
5935
- .bp .c-aspect-square[data-v-eed30d71] {
5898
+ .bp .c-aspect-square[data-v-e7de4db0] {
5936
5899
  aspect-ratio: 1 / 1;
5937
5900
  }
5938
- .bp .c-divided-container[data-v-eed30d71] {
5901
+ .bp .c-divided-container[data-v-e7de4db0] {
5939
5902
  -webkit-box-orient: horizontal;
5940
5903
  -webkit-box-direction: normal;
5941
5904
  -ms-flex-direction: row;
5942
5905
  flex-direction: row;
5943
5906
  }
5944
- .bp .c-divided-container-reverse[data-v-eed30d71] {
5907
+ .bp .c-divided-container-reverse[data-v-e7de4db0] {
5945
5908
  -webkit-box-orient: horizontal;
5946
5909
  -webkit-box-direction: reverse;
5947
5910
  -ms-flex-direction: row-reverse;
@@ -6227,40 +6190,40 @@ select[data-v-14e7c7c7] {
6227
6190
  }
6228
6191
  }
6229
6192
 
6230
- .bp .c_text-media--items[data-v-2e839d0c] {
6193
+ .bp .c_text-media--items[data-v-a2d93984] {
6231
6194
  display: -webkit-box;
6232
6195
  display: -ms-flexbox;
6233
6196
  display: flex;
6234
6197
  gap: 2.5rem;
6235
6198
  }
6236
- .bp .c_text-media--item[data-v-2e839d0c] {
6199
+ .bp .c_text-media--item[data-v-a2d93984] {
6237
6200
  display: -webkit-box;
6238
6201
  display: -ms-flexbox;
6239
6202
  display: flex;
6240
6203
  gap: 1.5rem;
6241
6204
  }
6242
- .bp .c_text-media-container[data-v-2e839d0c] {
6205
+ .bp .c_text-media-container[data-v-a2d93984] {
6243
6206
  max-width: var(--brandsite-max-width);
6244
6207
  margin: 0 auto;
6245
6208
  }
6246
- .bp .c_text-media-padding[data-v-2e839d0c] {
6209
+ .bp .c_text-media-padding[data-v-a2d93984] {
6247
6210
  padding-left: var(--page-padding);
6248
6211
  padding-right: var(--page-padding);
6249
6212
  }
6250
- .bp .c_text-media--shape[data-v-2e839d0c] {
6213
+ .bp .c_text-media--shape[data-v-a2d93984] {
6251
6214
  width: 25%;
6252
6215
  }
6253
- .bp .device--mobile .c_text-media--items[data-v-2e839d0c] {
6216
+ .bp .device--mobile .c_text-media--items[data-v-a2d93984] {
6254
6217
  -webkit-box-orient: vertical;
6255
6218
  -webkit-box-direction: normal;
6256
6219
  -ms-flex-direction: column;
6257
6220
  flex-direction: column;
6258
6221
  }
6259
- .bp .device--mobile .c_text-media--alternate[data-v-2e839d0c],
6260
- .bp .device--mobile .c_text-media--shape[data-v-2e839d0c] {
6222
+ .bp .device--mobile .c_text-media--alternate[data-v-a2d93984],
6223
+ .bp .device--mobile .c_text-media--shape[data-v-a2d93984] {
6261
6224
  width: 100%;
6262
6225
  }
6263
- .bp .device--mobile .c_text-media--alternate-container[data-v-2e839d0c] {
6226
+ .bp .device--mobile .c_text-media--alternate-container[data-v-a2d93984] {
6264
6227
  -webkit-box-orient: vertical;
6265
6228
  -webkit-box-direction: normal;
6266
6229
  -ms-flex-direction: column;
@@ -6268,18 +6231,18 @@ select[data-v-14e7c7c7] {
6268
6231
  }
6269
6232
  .bp .device--mobile
6270
6233
  .c_text-media--items_direction
6271
- .c_text-media--item[data-v-2e839d0c]:nth-child(even) {
6234
+ .c_text-media--item[data-v-a2d93984]:nth-child(even) {
6272
6235
  -webkit-box-orient: vertical;
6273
6236
  -webkit-box-direction: normal;
6274
6237
  -ms-flex-direction: column;
6275
6238
  flex-direction: column;
6276
6239
  }
6277
6240
  @media (max-width: 767px) {
6278
- .bp .c_text-media--alternate[data-v-2e839d0c],
6279
- .bp .c_text-media--shape[data-v-2e839d0c] {
6241
+ .bp .c_text-media--alternate[data-v-a2d93984],
6242
+ .bp .c_text-media--shape[data-v-a2d93984] {
6280
6243
  width: 100%;
6281
6244
  }
6282
- .bp .c_text-media--alternate-container[data-v-2e839d0c] {
6245
+ .bp .c_text-media--alternate-container[data-v-a2d93984] {
6283
6246
  -webkit-box-orient: vertical;
6284
6247
  -webkit-box-direction: normal;
6285
6248
  -ms-flex-direction: column;
@@ -6288,7 +6251,7 @@ select[data-v-14e7c7c7] {
6288
6251
  }
6289
6252
  @media (min-width: 767px) {
6290
6253
  @media (min-width: 768px) {
6291
- .bp .c_text-media--items_direction .c_text-media--item[data-v-2e839d0c]:nth-child(even) {
6254
+ .bp .c_text-media--items_direction .c_text-media--item[data-v-a2d93984]:nth-child(even) {
6292
6255
  -webkit-box-orient: horizontal;
6293
6256
  -webkit-box-direction: reverse;
6294
6257
  -ms-flex-direction: row-reverse;
@@ -6605,7 +6568,7 @@ select[data-v-14e7c7c7] {
6605
6568
  }
6606
6569
  }
6607
6570
 
6608
- .bp .c_banner-container[data-v-bcef9bd4] {
6571
+ .bp .c_banner-container[data-v-ac0ea8f4] {
6609
6572
  max-width: var(--brandsite-max-width);
6610
6573
  margin: 0 auto;
6611
6574
  }
@@ -7344,14 +7307,14 @@ to {
7344
7307
  line-height: 1.5;
7345
7308
  }
7346
7309
 
7347
- .bp .brand-page-root[data-v-05d0eb3b] {
7310
+ .bp .brand-page-root[data-v-27b8625d] {
7348
7311
  height: 100%;
7349
7312
  }
7350
- .bp .sortable[data-v-05d0eb3b] {
7313
+ .bp .sortable[data-v-27b8625d] {
7351
7314
  outline-color: #F7768C;
7352
7315
  outline-width: 0.2rem;
7353
7316
  }
7354
- .bp .brand-page[data-v-05d0eb3b] {
7317
+ .bp .brand-page[data-v-27b8625d] {
7355
7318
  -webkit-box-sizing: border-box;
7356
7319
  box-sizing: border-box;
7357
7320
  display: -webkit-box;
@@ -7363,7 +7326,22 @@ to {
7363
7326
  -ms-flex-direction: column;
7364
7327
  flex-direction: column;
7365
7328
  }
7366
- .bp .brand-page__inner--default[data-v-05d0eb3b] {
7329
+ .bp .brand-page__background-shapes-layer[data-v-27b8625d] {
7330
+ position: fixed;
7331
+ top: 0;
7332
+ left: 0;
7333
+ width: 100%;
7334
+ height: 100vh;
7335
+ pointer-events: none;
7336
+ -webkit-transform: translate3d(0, 0, 0);
7337
+ transform: translate3d(0, 0, 0);
7338
+ contain: layout paint;
7339
+ }
7340
+ .bp .template-preview .brand-page__background-shapes-layer[data-v-27b8625d],
7341
+ .bp .device-wrapper .brand-page__background-shapes-layer[data-v-27b8625d] {
7342
+ height: 100%;
7343
+ }
7344
+ .bp .brand-page__inner--default[data-v-27b8625d] {
7367
7345
  position: relative;
7368
7346
  z-index: 10;
7369
7347
  display: -webkit-box;
@@ -7375,16 +7353,16 @@ to {
7375
7353
  -ms-flex-direction: column;
7376
7354
  flex-direction: column;
7377
7355
  }
7378
- .bp .brand-page__inner--desktop[data-v-05d0eb3b] {
7356
+ .bp .brand-page__inner--desktop[data-v-27b8625d] {
7379
7357
  min-height: 100vh;
7380
7358
  }
7381
- .bp .brand-site__header[data-v-05d0eb3b] {
7359
+ .bp .brand-site__header[data-v-27b8625d] {
7382
7360
  container-type: inline-size;
7383
7361
  }
7384
- .bp .brand-page__header[data-v-05d0eb3b] {
7362
+ .bp .brand-page__header[data-v-27b8625d] {
7385
7363
  padding-top: var(--page-padding);
7386
7364
  }
7387
- .bp .brand-page__content--default[data-v-05d0eb3b] {
7365
+ .bp .brand-page__content--default[data-v-27b8625d] {
7388
7366
  margin-left: auto;
7389
7367
  margin-right: auto;
7390
7368
  margin-bottom: 2.5rem;
@@ -7401,7 +7379,7 @@ to {
7401
7379
  flex-direction: column;
7402
7380
  max-width: var(--page-max-width);
7403
7381
  }
7404
- .bp .brand-page__content--desktop[data-v-05d0eb3b] {
7382
+ .bp .brand-page__content--desktop[data-v-27b8625d] {
7405
7383
  margin-left: auto;
7406
7384
  margin-right: auto;
7407
7385
  display: -webkit-box;
@@ -7417,15 +7395,15 @@ to {
7417
7395
  flex-direction: column;
7418
7396
  max-width: 100%;
7419
7397
  }
7420
- .bp .brand-page__content--inner[data-v-05d0eb3b] {
7398
+ .bp .brand-page__content--inner[data-v-27b8625d] {
7421
7399
  padding-left: var(--page-padding);
7422
7400
  padding-right: var(--page-padding);
7423
7401
  }
7424
- .bp .brand-page__content--inner--brandsite[data-v-05d0eb3b] {
7402
+ .bp .brand-page__content--inner--brandsite[data-v-27b8625d] {
7425
7403
  max-width: var(--brandsite-max-width);
7426
7404
  margin: 0 auto;
7427
7405
  }
7428
- .bp .brand-page__content--outline-selected[data-v-05d0eb3b] {
7406
+ .bp .brand-page__content--outline-selected[data-v-27b8625d] {
7429
7407
  position: relative;
7430
7408
  z-index: 10;
7431
7409
  outline-color: #F7768C;
@@ -7433,20 +7411,20 @@ to {
7433
7411
  outline-style: dashed;
7434
7412
  outline-offset: -0.25rem;
7435
7413
  }
7436
- .bp .brand-page__content--outline-footer-selected[data-v-05d0eb3b] {
7414
+ .bp .brand-page__content--outline-footer-selected[data-v-27b8625d] {
7437
7415
  outline-color: #f7768c;
7438
7416
  outline-width: 0.2rem;
7439
7417
  outline-style: dashed;
7440
7418
  outline-offset: -0.25rem;
7441
7419
  }
7442
7420
  @media (max-width: 640px) {
7443
- .bp .brand-page__content--inner--full-width[data-v-05d0eb3b] {
7421
+ .bp .brand-page__content--inner--full-width[data-v-27b8625d] {
7444
7422
  padding-left: 0;
7445
7423
  padding-right: 0;
7446
7424
  }
7447
7425
  }
7448
7426
  @media (min-width: 640px) {
7449
- .bp .brand-page__content--inner--full-width[data-v-05d0eb3b] {
7427
+ .bp .brand-page__content--inner--full-width[data-v-27b8625d] {
7450
7428
  padding-left: var(--page-padding);
7451
7429
  padding-right: var(--page-padding);
7452
7430
  }
package/lib/src/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-CsTVlu2a.js";
1
+ import { A as E, a as T, b as s, c as I, d as S, e as N, f as e, B as A, g as O, h as C, i as G, j as D, k as P, l as t, m as R, n as L, o as M, p as o, q as r, r as b, s as n, t as F, u as i, v as l, w as g, x as B, y as c, z as Y, C as U, D as d, E as u, F as H, G as p, H as y, I as K, J as k, K as m, L as V, M as X, N as h, O as v, P as W, Q as f, R as x, S as z, T as w, U as Z, V as j, W as Q, X as q, Y as J, Z as $, $ as aa, a0 as _a, a1 as Ea, a2 as Ta, a3 as sa, a4 as Ia, a5 as Sa, a6 as Na, a7 as ea, a8 as Aa, a9 as Oa, aa as Ca, ab as Ga, ac as Da, ad as Pa, ae as ta, af as Ra, ag as La, ah as Ma, ai as oa, aj as ra, ak as ba, al as na, am as Fa, an as ia, ao as la, ap as ga, aq as Ba, ar as ca, as as Ya, at as Ua, au as da, av as ua, aw as Ha, ax as pa, ay as ya, az as Ka, aA as ka, aB as ma, aC as Va, aD as Xa, aE as ha, aF as va, aG as Wa, aH as fa, aI as xa, aJ as za, aK as wa, aL as Za, aM as ja, aN as Qa, aO as qa, aP as Ja, aQ as $a, aR as a_, aS as __, aT as E_, aU as T_, aV as s_, aW as I_, aX as S_, aY as N_, aZ as e_, a_ as A_, a$ as O_, b0 as C_, b1 as G_, b2 as D_, b3 as P_, b4 as t_, b5 as R_, b6 as L_, b7 as M_, b8 as o_, b9 as r_, ba as b_, bb as n_, bc as F_, bd as i_, be as l_, bf as g_, bg as B_, bh as c_, bi as Y_, bj as U_, bk as d_, bl as u_, bm as H_, bn as p_, bo as y_, bp as K_, bq as k_, br as m_, bs as V_, bt as X_, bu as h_, bv as v_, bw as W_, bx as f_, by as x_, bz as z_, bA as w_, bB as Z_, bC as j_, bD as Q_, bE as q_, bF as J_, bG as $_, bH as aE, bI as _E, bJ as EE, bK as TE, bL as sE, bM as IE, bN as SE, bO as NE, bP as eE, bQ as AE, bR as OE, bS as CE, bT as GE, bU as DE, bV as PE, bW as tE, bX as RE, bY as LE, bZ as ME, b_ as oE, b$ as rE, c0 as bE, c1 as nE, c2 as FE, c3 as iE, c4 as lE, c5 as gE, c6 as BE, c7 as cE, c8 as YE, c9 as UE, ca as dE, cb as uE, cc as HE, cd as pE, ce as yE, cf as KE, cg as kE, ch as mE, ci as VE, cj as XE, ck as hE, cl as vE, cm as WE, cn as fE, co as xE } from "./lib-ro9XYcgh.js";
2
2
  import { createPinia as wE, setActivePinia as ZE } from "pinia";
3
3
  export {
4
4
  E as ABOUT_SECTION_SETTINGS_CONFIG,